#help-mail {
    height: auto;
    display: none;
    position: fixed;
    right: 1rem;
    left: 1rem;
    bottom: 1rem;
    z-index: 102;
    background-color: #d31213;
    color: #fff;
    padding: 1rem 3.5rem 1rem 3rem
}

.orange #help-mail {
    background-color: #fbce07
}

.blau #help-mail {
    background-color: #0091df
}

.gruen #help-mail {
    background-color: #76b828
}

#help-mail:before {
    font-size: 1.2rem;
    position: absolute;
    top: 1rem;
    left: 1rem;
    z-index: -1;
    transform: rotate(5deg);
    transform-origin: -100%;
    content: "";
    font-family: greiner4
}

#help-mail .help-mail-inside {
    font-size: .8rem
}

#help-mail .like-h1 {
    margin: 0 0 .5rem;
    font-size: 1.25rem;
    font-weight: 700;
    display: block;
    color: #fff
}

#help-mail .close {
    position: absolute;
    transform: rotate(45deg);
    top: .5rem;
    right: .5rem;
    font-size: 1.25rem;
    cursor: pointer
}

#help-mail .close:hover {
    color: #fff
}

#help-mail a {
    color: #fff;
    text-decoration: none
}

/*! Contao */
.invisible {
    display: none !important
}

.clearleft {
    clear: left
}

.clearfix:after {
    content: "";
    display: table;
    clear: both
}

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%
}

details,
main {
    display: block
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

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

a {
    background-color: rgba(0, 0, 0, 0);
    color: #555;
    text-decoration: underline;
    transition: color .2s
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

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

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

img {
    border-style: none;
    display: block;
    max-width: 100%;
    height: auto
}

button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

[type=button],
[type=reset],
[type=submit],
button {
    -webkit-appearance: button
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
    border-style: none;
    padding: 0
}

[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
    outline: ButtonText dotted 1px
}

fieldset {
    padding: .35em .75em .625em
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

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

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

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

summary {
    display: list-item
}

.resp-bg-img img,
.resp-bg-img picture,
[hidden],
template {
    display: none
}

/*! ---CUSTOM--- */
/*! --Plugins-- */
.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: 0
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-list,
.slick-slider .slick-track {
    transform: translate3d(0, 0, 0)
}

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.slick-track:after,
.slick-track:before {
    content: "";
    display: table
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

/*! --Fonts-- */
@font-face {
    font-family: greiner4;
    src: url(../fonts/greiner4.eot);
    src: url(../fonts/greiner4.eot#iefix) format("embedded-opentype"), 
    url(../fonts/greiner4.woff2) format("woff2"), 
    url(../fonts/greiner4.woff) format("woff"), 
    url(../fonts/greiner4.ttf) format("truetype"), 
    url(../fonts/greiner4.svg#greiner) format("svg");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

[class*=" icons-"]:before,
[class^=icons-]:before {
    font-family: greiner4;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icons-location:before {
    content: ""
}

.icons-phone:before {
    content: ""
}

.icons-mail:before {
    content: ""
}

.icons-facebook:before {
    content: ""
}

.icons-instagram:before {
    content: ""
}

.icons-linkedin:before {
    content: ""
}

.icons-xing:before {
    content: ""
}

.icons-case-studies:before {
    content: ""
}

.icons-download:before {
    content: ""
}

.icons-suche:before {
    content: ""
}

.icons-pdf:before {
    content: ""
}

.icons-resize-full:before {
    content: ""
}

.icons-pfeil-links:before {
    content: ""
}

.icons-pfeil-rechts:before {
    content: ""
}

.icons-plus:before {
    content: ""
}

.icons-youtube-squared:before {
    content: ""
}

.icons-youtube:before {
    content: ""
}

.icons-xing-1:before {
    content: ""
}

.icons-instagram-1:before {
    content: ""
}

.icons-facebook-squared:before {
    content: ""
}

.icons-linkedin-squared:before {
    content: ""
}

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

[class*=" icon-"],
[class^=icon-] {
    font-family: gonzocons !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-antenna:before {
    content: ""
}

.icon-archive:before {
    content: ""
}

.icon-arrow-down:before {
    content: ""
}

.icon-arrow-left:before {
    content: ""
}

.icon-arrow-right:before {
    content: ""
}

.icon-arrow-up:before {
    content: ""
}

.icon-article:before {
    content: ""
}

.icon-at:before {
    content: ""
}

.icon-attachment:before {
    content: ""
}

.icon-award:before {
    content: ""
}

.icon-behance:before {
    content: ""
}

.icon-book:before {
    content: ""
}

.icon-bookmark:before {
    content: ""
}

.icon-brackets:before {
    content: ""
}

.icon-browser:before {
    content: ""
}

.icon-cart:before {
    content: ""
}

.icon-category:before {
    content: ""
}

.icon-chat:before {
    content: ""
}

.icon-check:before {
    content: ""
}

.icon-close:before {
    content: ""
}

.icon-cloud:before {
    content: ""
}

.icon-code:before {
    content: ""
}

.icon-coffee:before {
    content: ""
}

.icon-commit:before {
    content: ""
}

.icon-database:before {
    content: ""
}

.icon-date:before {
    content: ""
}

.icon-document:before {
    content: ""
}

.icon-down:before {
    content: ""
}

.icon-download:before {
    content: ""
}

.icon-dribbble:before {
    content: ""
}

.icon-email:before {
    content: ""
}

.icon-eye:before {
    content: ""
}

.icon-facebook:before {
    content: ""
}

.icon-file:before {
    content: ""
}

.icon-flickr:before {
    content: ""
}

.icon-forbidden:before {
    content: ""
}

.icon-garbage:before {
    content: ""
}

.icon-gear:before {
    content: ""
}

.icon-github:before {
    content: ""
}

.icon-googleplus:before {
    content: ""
}

.icon-graph:before {
    content: ""
}

.icon-grid:before {
    content: ""
}

.icon-hamburger:before {
    content: ""
}

.icon-heart:before {
    content: ""
}

.icon-home:before {
    content: ""
}

.icon-hourglass:before {
    content: ""
}

.icon-html5:before {
    content: ""
}

.icon-idea:before {
    content: ""
}

.icon-image:before {
    content: ""
}

.icon-instagram:before {
    content: ""
}

.icon-kebab:before {
    content: ""
}

.icon-key:before {
    content: ""
}

.icon-lab:before {
    content: ""
}

.icon-left:before {
    content: ""
}

.icon-like:before {
    content: ""
}

.icon-link:before {
    content: ""
}

.icon-linkedin:before {
    content: ""
}

.icon-list:before {
    content: ""
}

.icon-location:before {
    content: ""
}

.icon-map:before {
    content: ""
}

.icon-megaphone:before {
    content: ""
}

.icon-microphone:before {
    content: ""
}

.icon-mobile:before {
    content: ""
}

.icon-monitor:before {
    content: ""
}

.icon-music:before {
    content: ""
}

.icon-network:before {
    content: ""
}

.icon-paper:before {
    content: ""
}

.icon-performance:before {
    content: ""
}

.icon-phone:before {
    content: ""
}

.icon-photo:before {
    content: ""
}

.icon-pin:before {
    content: ""
}

.icon-pinterest:before {
    content: ""
}

.icon-portfolio:before {
    content: ""
}

.icon-power:before {
    content: ""
}

.icon-process:before {
    content: ""
}

.icon-project:before {
    content: ""
}

.icon-quote:before {
    content: ""
}

.icon-right:before {
    content: ""
}

.icon-rss:before {
    content: ""
}

.icon-search:before {
    content: ""
}

.icon-send:before {
    content: ""
}

.icon-share:before {
    content: ""
}

.icon-sitemap:before {
    content: ""
}

.icon-skype:before {
    content: ""
}

.icon-star:before {
    content: ""
}

.icon-stats:before {
    content: ""
}

.icon-tag:before {
    content: ""
}

.icon-text:before {
    content: ""
}

.icon-tool:before {
    content: ""
}

.icon-tumblr:before {
    content: ""
}

.icon-twitter:before {
    content: ""
}

.icon-up:before {
    content: ""
}

.icon-upload:before {
    content: ""
}

.icon-url:before {
    content: ""
}

.icon-user:before {
    content: ""
}

.icon-vector:before {
    content: ""
}

.icon-video:before {
    content: ""
}

.icon-vimeo:before {
    content: ""
}

.icon-wordpress:before {
    content: ""
}

.icon-youtube:before {
    content: ""
}

@font-face {
    font-family: DINPro;
    src: url(../fonts/DINPro-Light.eot);
    src: url(../fonts/DINPro-Light.eot?#iefix) format("embedded-opentype"), 
    url(../fonts/DINPro-Light.otf) format("opentype"),
     url(../fonts/DINPro-Light.svg) format("svg"), 
     url(../fonts/DINPro-Light.ttf) format("truetype"), 
     url(../fonts/DINPro-Light.woff) format("woff"), 
     url(../fonts/DINPro-Light.woff2) format("woff2");
    font-weight: 300;
    font-style: normal;
    font-display: swap
}

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

@font-face {
    font-family: DINPro;
    src: url(../fonts/DINPro-Medium.eot);
    src: url(../fonts/DINPro-Medium.eot?#iefix) format("embedded-opentype"), 
    url(../fonts/DINPro-Medium.otf) format("opentype"),
     url(../fonts/DINPro-Medium.svg) format("svg"), 
     url(../fonts/DINPro-Medium.ttf) format("truetype"), 
     url(../fonts/DINPro-Medium.woff) format("woff"), 
     url(../fonts/DINPro-Medium.woff2) format("woff2");
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: DINPro;
    src: url(../fonts/DINPro-Bold.eot);
    src: url(../fonts/DINPro-Bold.eot?#iefix) format("embedded-opentype"), 
    url(../fonts/DINPro-Bold.otf) format("opentype"), 
    url(../fonts/DINPro-Bold.svg) format("svg"), 
    url(../fonts/DINPro-Bold.ttf) format("truetype"), 
    url(../fonts/DINPro-Bold.woff) format("woff"), 
    url(../fonts/DINPro-Bold.woff2) format("woff2");
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

/*! --Typography-- */
/*! Base */
body {
    margin: 0;
    font-family: DINPro, Arial, sans-serif;
    font-weight: 300;
    color: #555;
    text-align: left;
    letter-spacing: .01em;
    word-spacing: .01em;
    -webkit-hyphens: auto;
    hyphens: auto;
    line-height: 1.3
}

b,
strong {
    font-weight: 700
}

.no-touch a:hover {
    text-decoration: none
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #555;
    font-weight: 700;
    -webkit-hyphens: none;
    hyphens: none;
    font-family: DINPro, Arial, sans-serif;
    display: block;
    line-height: 1.2 !important
}

ol,
ul {
    margin-left: 2ch;
    padding: 0;
    list-style-position: outside
}

/*! Sizes & Spacing */
blockquote,
figure,
ol,
p,
table,
ul {
    font-size: 1rem;
    margin-top: 1.3rem;
    margin-bottom: 1.3rem;
    line-height: 1.4
}

h1 {
    margin: 3.25rem 0 1.3rem;
    font-size: 2.0113571875rem
}

h2 {
    font-size: 1.74900625rem;
    line-height: 1.95rem;
    margin-top: 3.25rem;
    margin-bottom: 1.3rem
}

h3 {
    font-size: 1.520875rem;
    line-height: 1.95rem;
    margin-top: 2.6rem;
    margin-bottom: 1.3rem
}

.like-h4,
h4,
h5 {
    font-size: 1.3225rem;
    line-height: 1.95rem;
    margin-top: 2.6rem;
    margin-bottom: 1.3rem
}

h6 {
    font-size: 1.15rem;
    line-height: 1.3rem;
    margin-top: 2.6rem;
    margin-bottom: 1.3rem
}

small {
    font-size: .8695652174rem;
    line-height: 1.3rem;
    margin-top: .65rem;
    margin-bottom: .65rem
}

/*! Fluid Type */
/*! Min */
html {
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    text-size-adjust: 100%;
    font-size: 15px
}

/*! Fallback */
@media only screen and (min-width:620px) {
    html {
        font-size: 16px
    }
}

@media only screen and (min-width:880px) {
    html {
        font-size: 17px
    }
}

@media only screen and (min-width:1140px) {
    html {
        font-size: 18px
    }
}

@media only screen and (min-width:1400px) {
    html {
        font-size: 19px
    }
}

@media only screen and (min-width:1660px) {
    html {
        font-size: 20px
    }
}

/*! Fluid */
@media all and (min-width:360px) {
    html {
        font-size: calc(15px + 6 * (100vw - 360px)/ 1560)
    }
}

/*! Max */
@media only screen and (min-width:1920px) {
    html {
        font-size: 21px
    }
}

/*! --Layout-- */
* {
    -webkit-tap-highlight-color: transparent;
    box-sizing: border-box;
    outline: 0
}

#wrapper {
    overflow: hidden
}

#footer {
    margin-top: auto;
    background-color: #131519;
    color: #fff;
    font-weight: 400
}

/*! --Elements-- */
.ce_rsce_text_bild_akkordeon .tabs-container {
    border-top: 1px solid #ccc;
    text-align: left;
    margin-top: 4rem
}

.ce_rsce_text_bild_akkordeon .tabs-container .abschnitt {
    border-bottom: 1px solid #ccc
}

.ce_rsce_text_bild_akkordeon .tab-category-element {
    cursor: pointer;
    position: relative;
    font-size: 1em;
    padding: .75rem 1.5rem .75rem 0;
    display: block;
    color: #555;
    font-weight: 400;
}
}

.ce_rsce_text_bild_akkordeon .tab-category-element.no-content {
    cursor: inherit
}

.ce_rsce_text_bild_akkordeon .tab-category-element .title {
    display: block;
    text-transform: uppercase;
    line-height: 1.4
}

.ce_rsce_text_bild_akkordeon .tab-category-content {
    display: none;
    padding-right: 2rem
}

.ce_rsce_text_bild_akkordeon .tab-category-content p:first-child {
    margin-top: 0
}

.ce_rsce_text_bild_akkordeon .close-container {
    width: 1rem;
    height: 1rem;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(0, -50%)
}

.ce_rsce_text_bild_akkordeon .close-container * {
    transition: transform .2s linear
}

.ce_rsce_text_bild_akkordeon .close-container.rotate .horizontal,
.ce_rsce_text_bild_akkordeon .close-container.rotate .vertical {
    transform: rotate(45deg);
    background-color: #d31213
}

.orange .ce_rsce_text_bild_akkordeon .close-container.rotate .horizontal,
.orange .ce_rsce_text_bild_akkordeon .close-container.rotate .vertical {
    background-color: #fbce07
}

.blau .ce_rsce_text_bild_akkordeon .close-container.rotate .horizontal,
.blau .ce_rsce_text_bild_akkordeon .close-container.rotate .vertical {
    background-color: #0091df
}

.gruen .ce_rsce_text_bild_akkordeon .close-container.rotate .horizontal,
.gruen .ce_rsce_text_bild_akkordeon .close-container.rotate .vertical {
    background-color: #76b828
}

.ce_rsce_text_bild_akkordeon .close-container .horizontal {
    position: absolute;
    left: 0;
    width: 100%;
    top: .45rem;
    height: 2px;
    border-radius: 2px;
    background-color: #555
}

.ce_rsce_text_bild_akkordeon .close-container .vertical {
    position: absolute;
    left: .45rem;
    height: 100%;
    top: 0;
    width: 2px;
    border-radius: 2px;
    background-color: #555
}

.ce_rsce_text_mit_bild .tabs-container {
    border-top: 1px solid #ccc;
    text-align: left;
    margin-top: 2rem
}

.ce_rsce_text_mit_bild .tabs-container .abschnitt {
    border-bottom: 1px solid #ccc
}

.ce_rsce_text_mit_bild .tab-category-element {
    cursor: pointer;
    position: relative;
    font-size: 1em;
    padding: .75rem 1.5rem .75rem 0;
    display: block;
    color: #555
}

.ce_rsce_text_mit_bild .tab-category-element .title {
    display: block;
    text-transform: uppercase;
    line-height: 1.4
}

.ce_rsce_text_mit_bild .tab-category-content {
    display: none;
    padding-right: 2rem
}

.ce_rsce_text_mit_bild .tab-category-content ol:first-child,
.ce_rsce_text_mit_bild .tab-category-content p:first-child,
.ce_rsce_text_mit_bild .tab-category-content ul:first-child {
    margin-top: 0
}

.ce_rsce_text_mit_bild .close-container {
    width: 1rem;
    height: 1rem;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(0, -50%)
}

.ce_rsce_text_mit_bild .close-container * {
    transition: transform .2s linear
}

.ce_rsce_text_mit_bild .close-container.rotate .horizontal,
.ce_rsce_text_mit_bild .close-container.rotate .vertical {
    transform: rotate(45deg);
    background-color: #d31213
}

.orange .ce_rsce_text_mit_bild .close-container.rotate .horizontal,
.orange .ce_rsce_text_mit_bild .close-container.rotate .vertical {
    background-color: #fbce07
}

.blau .ce_rsce_text_mit_bild .close-container.rotate .horizontal,
.blau .ce_rsce_text_mit_bild .close-container.rotate .vertical {
    background-color: #0091df
}

.gruen .ce_rsce_text_mit_bild .close-container.rotate .horizontal,
.gruen .ce_rsce_text_mit_bild .close-container.rotate .vertical {
    background-color: #76b828
}

.ce_rsce_text_mit_bild .close-container .horizontal {
    position: absolute;
    left: 0;
    width: 100%;
    top: .45rem;
    height: 2px;
    border-radius: 2px;
    background-color: #555
}

.ce_rsce_text_mit_bild .close-container .vertical {
    position: absolute;
    left: .45rem;
    height: 100%;
    top: 0;
    width: 2px;
    border-radius: 2px;
    background-color: #555
}

.button,
.ce_form .widget-fineuploader .qq-upload-button,
.mod_newsreader .back a,
.tabellen table a,
form button.submit,
form input.submit {
    border-radius: 0;
    cursor: pointer;
    transition: .2s;
    font-size: .8rem;
    padding: .4rem 1rem .45rem;
    border: 1px solid #d31213;
    text-decoration: none;
    display: inline-block;
    color: #fff;
    background-color: #d31213;
    text-transform: uppercase;
    letter-spacing: .05rem
}

.button:hover,
.ce_form .widget-fineuploader .qq-upload-button:hover,
.mod_newsreader .back a:hover,
.tabellen table a:hover,
form button.submit:hover,
form input.submit:hover {
    border-color: #000;
    background-color: rgba(0, 0, 0, 0);
    color: #000 !important
}

.orange .button,
.orange .ce_form .widget-fineuploader .qq-upload-button,
.orange .mod_newsreader .back a,
.orange .tabellen table a,
.orange form button.submit,
.orange form input.submit {
    border-color: #fbce07;
    background-color: #fbce07
}

.orange .button:hover,
.orange .ce_form .widget-fineuploader .qq-upload-button:hover,
.orange .mod_newsreader .back a:hover,
.orange .tabellen table a:hover,
.orange form button.submit:hover,
.orange form input.submit:hover {
    border-color: #000;
    background-color: rgba(0, 0, 0, 0);
    color: #000 !important
}

.blau .button,
.blau .ce_form .widget-fineuploader .qq-upload-button,
.blau .mod_newsreader .back a,
.blau .tabellen table a,
.blau form button.submit,
.blau form input.submit {
    border-color: #0091df;
    background-color: #0091df
}

.blau .button:hover,
.blau .ce_form .widget-fineuploader .qq-upload-button:hover,
.blau .mod_newsreader .back a:hover,
.blau .tabellen table a:hover,
.blau form button.submit:hover,
.blau form input.submit:hover {
    border-color: #000;
    background-color: rgba(0, 0, 0, 0);
    color: #000 !important
}

.gruen .button,
.gruen .ce_form .widget-fineuploader .qq-upload-button,
.gruen .mod_newsreader .back a,
.gruen .tabellen table a,
.gruen form button.submit,
.gruen form input.submit {
    border-color: #76b828;
    background-color: #76b828
}

.gruen .button:hover,
.gruen .ce_form .widget-fineuploader .qq-upload-button:hover,
.gruen .mod_newsreader .back a:hover,
.gruen .tabellen table a:hover,
.gruen form button.submit:hover,
.gruen form input.submit:hover {
    border-color: #000;
    background-color: rgba(0, 0, 0, 0);
    color: #000 !important
}

.button.ghost {
    background-color: rgba(0, 0, 0, 0);
    color: #000;
    border-color: #000
}

.button.ghost:hover {
    color: #fff !important;
    border-color: #d31213;
    background-color: #d31213
}

.orange .button.ghost:hover {
    border-color: #fbce07;
    background-color: #fbce07
}

.blau .button.ghost:hover {
    border-color: #0091df;
    background-color: #0091df
}

.gruen .button.ghost:hover {
    border-color: #76b828;
    background-color: #76b828
}

.button.ghost.weiss {
    background-color: rgba(0, 0, 0, 0);
    color: #fff;
    border-color: #fff
}

.button.ghost.weiss:hover {
    color: #000 !important;
    border-color: #fff;
    background-color: #fff
}

.button.grau {
    background-color: #636463;
    color: #fff;
    border-color: #636463
}

.button.grau:hover {
    color: #fff !important;
    border-color: #d31213;
    background-color: #d31213
}

.orange .button.grau:hover {
    border-color: #fbce07;
    background-color: #fbce07
}

.blau .button.grau:hover {
    border-color: #0091df;
    background-color: #0091df
}

.gruen .button.grau:hover {
    border-color: #76b828;
    background-color: #76b828
}

.button.weiss-grau {
    background-color: #fff;
    color: #555;
    border-color: #555
}

.button.weiss-grau:hover {
    color: #fff !important;
    border-color: #d31213;
    background-color: #d31213
}

.orange .button.weiss-grau:hover {
    border-color: #fbce07;
    background-color: #fbce07
}

.blau .button.weiss-grau:hover {
    border-color: #0091df;
    background-color: #0091df
}

.gruen .button.weiss-grau:hover {
    border-color: #76b828;
    background-color: #76b828
}

.next-mobility #footer {
    background-position: center center;
    background-size: cover;
    background-image: url(../images/footer-background-mobile.jpg)
}

#footer .inside {
    padding: 2rem 1.3rem;
    max-width: 78rem;
    margin: 0 auto
}

#footer .inside ul {
    margin: 0;
    padding: 0;
    list-style-type: none
}

#footer .inside ul li {
    line-height: 1;
    margin-bottom: 1rem;
    position: relative
}

#footer .inside ul li a {
    text-decoration: none;
    color: #fff
}

#footer .inside ul li a:hover,
#footer .inside ul li span {
    font-weight: 400;
    color: #d31213
}

.orange #footer .inside ul li a:hover,
.orange #footer .inside ul li span {
    color: #fbce07
}

.blau #footer .inside ul li a:hover,
.blau #footer .inside ul li span {
    color: #0091df
}

.gruen #footer .inside ul li a:hover,
.gruen #footer .inside ul li span {
    color: #76b828
}

#footer .inside .flex .links {
    margin-bottom: 1.5rem
}

#footer .inside .rechts span,
#footer .inside ul li a,
#footer .inside ul li span,
#footer .inside ul li strong {
    text-transform: uppercase;
    font-size: .8rem
}

.next-mobility #footer .inside .flex .links .logo-link {
    max-width: 150px;
    display: inline-block;
    margin-top: .5rem;
    margin-bottom: 1rem
}

.next-mobility #footer .inside .flex .links span {
    display: block;
    font-size: .8rem
}

form ::-webkit-input-placeholder {
    line-height: 1.4;
    font-weight: 300;
    color: #555;
    letter-spacing: .01rem
}

form ::-moz-placeholder {
    line-height: 1.4;
    font-weight: 300;
    color: #555;
    letter-spacing: .01rem
}

form :-ms-input-placeholder {
    line-height: 1.4;
    font-weight: 300;
    color: #555;
    letter-spacing: .01rem
}

form :-moz-placeholder {
    line-height: 1.4;
    font-weight: 300;
    color: #555;
    letter-spacing: .01rem
}

form button.submit,
form input.submit {
    cursor: pointer
}

p small {
    display: block;
    line-height: 1
}

.mod_search .formbody .mandatory-hinweis sup,
.mod_search .formbody .widget.mandatory.mandatory:before,
.orange .ce_form .formbody .mandatory-hinweis sup,
.orange .ce_form .formbody .widget.mandatory.mandatory:before {
    color: #fbce07
}

.mod_search .formbody .widget-checkbox fieldset input[type=checkbox]:checked+label::before,
.mod_search .formbody .widget-checkbox fieldset input[type=radio]:checked+label::before,
.mod_search .formbody .widget-radio fieldset input[type=checkbox]:checked+label::before,
.mod_search .formbody .widget-radio fieldset input[type=radio]:checked+label::before,
.orange .ce_form .formbody .widget-checkbox fieldset input[type=checkbox]:checked+label::before,
.orange .ce_form .formbody .widget-checkbox fieldset input[type=radio]:checked+label::before,
.orange .ce_form .formbody .widget-radio fieldset input[type=checkbox]:checked+label::before,
.orange .ce_form .formbody .widget-radio fieldset input[type=radio]:checked+label::before {
    background: #fbce07
}

.blau .ce_form .formbody .mandatory-hinweis sup,
.blau .ce_form .formbody .widget.mandatory.mandatory:before,
.mod_search .formbody .mandatory-hinweis sup,
.mod_search .formbody .widget.mandatory.mandatory:before {
    color: #0091df
}

.blau .ce_form .formbody .widget-checkbox fieldset input[type=checkbox]:checked+label::before,
.blau .ce_form .formbody .widget-checkbox fieldset input[type=radio]:checked+label::before,
.blau .ce_form .formbody .widget-radio fieldset input[type=checkbox]:checked+label::before,
.blau .ce_form .formbody .widget-radio fieldset input[type=radio]:checked+label::before,
.mod_search .formbody .widget-checkbox fieldset input[type=checkbox]:checked+label::before,
.mod_search .formbody .widget-checkbox fieldset input[type=radio]:checked+label::before,
.mod_search .formbody .widget-radio fieldset input[type=checkbox]:checked+label::before,
.mod_search .formbody .widget-radio fieldset input[type=radio]:checked+label::before {
    background: #0091df
}

.gruen .ce_form .formbody .mandatory-hinweis sup,
.gruen .ce_form .formbody .widget.mandatory.mandatory:before,
.mod_search .formbody .mandatory-hinweis sup,
.mod_search .formbody .widget.mandatory.mandatory:before {
    color: #76b828
}

.gruen .ce_form .formbody .widget-checkbox fieldset input[type=checkbox]:checked+label::before,
.gruen .ce_form .formbody .widget-checkbox fieldset input[type=radio]:checked+label::before,
.gruen .ce_form .formbody .widget-radio fieldset input[type=checkbox]:checked+label::before,
.gruen .ce_form .formbody .widget-radio fieldset input[type=radio]:checked+label::before,
.mod_search .formbody .widget-checkbox fieldset input[type=checkbox]:checked+label::before,
.mod_search .formbody .widget-checkbox fieldset input[type=radio]:checked+label::before,
.mod_search .formbody .widget-radio fieldset input[type=checkbox]:checked+label::before,
.mod_search .formbody .widget-radio fieldset input[type=radio]:checked+label::before {
    background: #76b828
}

.ce_form {
    margin: 3rem auto;
    padding: 0 1.3rem;
    max-width: 78rem
}

.ce_form .formbody {
    padding-top: 1rem
}

.mod_serach {
    margin: 0 auto
}

.ce_form,
.mod_search {
    max-width: 78rem
}

.ce_form .formbody,
.mod_search .formbody {
    position: relative
}

.ce_form .formbody .mandatory-hinweis,
.mod_search .formbody .mandatory-hinweis {
    position: absolute;
    right: 0;
    top: -1rem;
    font-weight: 700;
    text-align: right;
    margin-bottom: 1rem
}

.ce_form .formbody .mandatory-hinweis sup,
.mod_search .formbody .mandatory-hinweis sup {
    color: #d31213
}

.ce_form .formbody hr,
.mod_search .formbody hr {
    margin: 1rem 0 1.5rem;
    border: none;
    border-top: 1px solid #f3f4f5;
    box-shadow: none;
    text-shadow: none
}

.ce_form .formbody .weniger-abstand hr,
.mod_search .formbody .weniger-abstand hr {
    margin: 0 0 .75rem
}

.ce_form .formbody fieldset,
.mod_search .formbody fieldset {
    padding: 0;
    margin: 0;
    border: none
}

.ce_form .formbody fieldset legend,
.mod_search .formbody fieldset legend {
    font-weight: 400;
    margin-bottom: .5rem
}

.ce_form .formbody fieldset p,
.mod_search .formbody fieldset p {
    margin: 0 0 .5rem
}

.ce_form .formbody fieldset small,
.mod_search .formbody fieldset small {
    margin: 0;
    font-size: .8rem;
    line-height: 1.4
}

.ce_form .formbody fieldset fieldset,
.mod_search .formbody fieldset fieldset {
    margin-bottom: 0
}

.ce_form .formbody h1,
.ce_form .formbody h2,
.ce_form .formbody h3,
.ce_form .formbody h4,
.mod_search .formbody h1,
.mod_search .formbody h2,
.mod_search .formbody h3,
.mod_search .formbody h4 {
    margin: 2rem 0 1.5rem
}

.ce_form .formbody .error,
.mod_search .formbody .error {
    margin: 0 0 .5rem;
    color: red
}

.ce_form .formbody input.text,
.ce_form .formbody textarea,
.mod_search .formbody input.text,
.mod_search .formbody textarea {
    padding: .5475rem .75rem .5475rem 1.5rem;
    box-sizing: border-box;
    border-radius: 0;
    border: 1px solid #ccc;
    transition: border-color .2s linear;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    letter-spacing: .05rem;
    font-weight: 300;
    background-color: #fff;
    color: #000;
    line-height: 1.4
}

.ce_form .formbody input.text:focus,
.ce_form .formbody textarea:focus,
.mod_search .formbody input.text:focus,
.mod_search .formbody textarea:focus {
    border-color: #000
}

.ce_form .formbody select,
.mod_search .formbody select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid #ccc;
    border-radius: 0;
    font-size: 1em;
    width: 100% !important;
    color: #000;
    padding: .5475rem .75rem .5475rem 1.5rem;
    box-shadow: none;
    font-weight: 300;
    transition: border-color .2s linear;
    background-color: #fff;
    background-image: url(../images/select-arrow.png) !important;
    background-size: .75rem !important;
    background-position: 95% 50% !important;
    background-repeat: no-repeat !important;
    line-height: 1.4
}

.ce_form .formbody select option,
.mod_search .formbody select option {
    background: #fff;
    border-top: 1px solid #000;
    padding: .5rem
}

.ce_form .formbody select:hover,
.mod_search .formbody select:hover {
    box-shadow: none
}

.ce_form .formbody select::-ms-expand,
.mod_search .formbody select::-ms-expand {
    display: none
}

.ce_form .formbody select:active,
.ce_form .formbody select:focus,
.mod_search .formbody select:active,
.mod_search .formbody select:focus {
    border-color: #000
}

.ce_form .formbody .flex-select.mandatory:before,
.mod_search .formbody .flex-select.mandatory:before {
    right: -.5rem;
    top: -.5rem
}

.ce_form .formbody .flex-select .combodate,
.mod_search .formbody .flex-select .combodate {
    display: flex
}

.ce_form .formbody .flex-select .combodate select,
.mod_search .formbody .flex-select .combodate select {
    background-position: 90% 50% !important
}

.ce_form .formbody .widget.mandatory,
.mod_search .formbody .widget.mandatory {
    position: relative
}

.ce_form .formbody .widget.mandatory.mandatory:before,
.mod_search .formbody .widget.mandatory.mandatory:before {
    content: "*";
    color: #d31213;
    position: absolute;
    right: .25rem;
    top: 0
}

.ce_form .formbody .widget-select,
.ce_form .formbody .widget-text,
.mod_search .formbody .widget-select,
.mod_search .formbody .widget-text {
    margin-bottom: .75rem
}

.ce_form .formbody .widget-select label,
.ce_form .formbody .widget-text label,
.mod_search .formbody .widget-select label,
.mod_search .formbody .widget-text label {
    display: none
}

.ce_form .formbody .widget-select input,
.ce_form .formbody .widget-select select,
.ce_form .formbody .widget-text input,
.ce_form .formbody .widget-text select,
.mod_search .formbody .widget-select input,
.mod_search .formbody .widget-select select,
.mod_search .formbody .widget-text input,
.mod_search .formbody .widget-text select {
    width: 100%
}

.ce_form .formbody .widget-fineuploader,
.ce_form .formbody .widget-upload,
.mod_search .formbody .widget-fineuploader,
.mod_search .formbody .widget-upload {
    margin-bottom: .75rem
}

.ce_form .formbody .widget-fineuploader label,
.ce_form .formbody .widget-upload label,
.mod_search .formbody .widget-fineuploader label,
.mod_search .formbody .widget-upload label {
    display: block;
    margin-bottom: .5rem
}

.ce_form .formbody .widget-fineuploader input,
.ce_form .formbody .widget-upload input,
.mod_search .formbody .widget-fineuploader input,
.mod_search .formbody .widget-upload input {
    font-weight: 300;
    font-size: .8rem
}

.ce_form .formbody .widget-textarea,
.mod_search .formbody .widget-textarea {
    margin-bottom: .75rem
}

.ce_form .formbody .widget-textarea label,
.mod_search .formbody .widget-textarea label {
    display: none
}

.ce_form .formbody .widget-textarea textarea,
.mod_search .formbody .widget-textarea textarea {
    width: 100%;
    resize: none
}

.ce_form .formbody .submit_container,
.ce_form .formbody .widget-submit,
.mod_search .formbody .submit_container,
.mod_search .formbody .widget-submit {
    margin-top: 1.5rem;
    position: relative
}

.ce_form .formbody .submit_container button,
.ce_form .formbody .submit_container input,
.ce_form .formbody .widget-submit button,
.ce_form .formbody .widget-submit input,
.mod_search .formbody .submit_container button,
.mod_search .formbody .submit_container input,
.mod_search .formbody .widget-submit button,
.mod_search .formbody .widget-submit input {
    padding-left: 2rem;
    padding-right: 2rem;
    cursor: pointer
}

.ce_form .formbody .widget-explanation,
.mod_search .formbody .widget-explanation {
    margin-bottom: 1rem
}

.ce_form .formbody .widget-explanation p,
.mod_search .formbody .widget-explanation p {
    margin: 0
}

.ce_form .formbody .widget-checkbox,
.ce_form .formbody .widget-radio,
.mod_search .formbody .widget-checkbox,
.mod_search .formbody .widget-radio {
    flex-basis: inherit;
    margin: .75rem 0;
    display: inline-block;
    padding-right: .75rem
}

.ce_form .formbody .widget-checkbox fieldset,
.ce_form .formbody .widget-radio fieldset,
.mod_search .formbody .widget-checkbox fieldset,
.mod_search .formbody .widget-radio fieldset {
    position: relative;
    border: none;
    padding: 0;
    font-size: .9rem
}

.ce_form .formbody .widget-checkbox fieldset legend,
.ce_form .formbody .widget-radio fieldset legend,
.mod_search .formbody .widget-checkbox fieldset legend,
.mod_search .formbody .widget-radio fieldset legend {
    font-weight: 300;
    display: block
}

.ce_form .formbody .widget-checkbox fieldset label,
.ce_form .formbody .widget-radio fieldset label,
.mod_search .formbody .widget-checkbox fieldset label,
.mod_search .formbody .widget-radio fieldset label {
    display: block;
    -webkit-hyphens: auto;
    hyphens: auto
}

.ce_form .formbody .widget-checkbox fieldset span,
.ce_form .formbody .widget-radio fieldset span,
.mod_search .formbody .widget-checkbox fieldset span,
.mod_search .formbody .widget-radio fieldset span {
    position: relative;
    display: inline-block;
    margin-bottom: .5rem
}

.ce_form .formbody .widget-checkbox fieldset input,
.ce_form .formbody .widget-radio fieldset input,
.mod_search .formbody .widget-checkbox fieldset input,
.mod_search .formbody .widget-radio fieldset input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    border-radius: 0;
    font-size: 1em;
    width: 100%
}

.ce_form .formbody .widget-checkbox fieldset input[type=checkbox],
.ce_form .formbody .widget-checkbox fieldset input[type=radio],
.ce_form .formbody .widget-radio fieldset input[type=checkbox],
.ce_form .formbody .widget-radio fieldset input[type=radio],
.mod_search .formbody .widget-checkbox fieldset input[type=checkbox],
.mod_search .formbody .widget-checkbox fieldset input[type=radio],
.mod_search .formbody .widget-radio fieldset input[type=checkbox],
.mod_search .formbody .widget-radio fieldset input[type=radio] {
    width: auto;
    float: left;
    margin-right: .75em;
    background: rgba(0, 0, 0, 0);
    border: none
}

.ce_form .formbody .widget-checkbox fieldset input[type=checkbox]:checked,
.ce_form .formbody .widget-checkbox fieldset input[type=checkbox]:not(:checked),
.ce_form .formbody .widget-checkbox fieldset input[type=radio]:checked,
.ce_form .formbody .widget-checkbox fieldset input[type=radio]:not(:checked),
.ce_form .formbody .widget-radio fieldset input[type=checkbox]:checked,
.ce_form .formbody .widget-radio fieldset input[type=checkbox]:not(:checked),
.ce_form .formbody .widget-radio fieldset input[type=radio]:checked,
.ce_form .formbody .widget-radio fieldset input[type=radio]:not(:checked),
.mod_search .formbody .widget-checkbox fieldset input[type=checkbox]:checked,
.mod_search .formbody .widget-checkbox fieldset input[type=checkbox]:not(:checked),
.mod_search .formbody .widget-checkbox fieldset input[type=radio]:checked,
.mod_search .formbody .widget-checkbox fieldset input[type=radio]:not(:checked),
.mod_search .formbody .widget-radio fieldset input[type=checkbox]:checked,
.mod_search .formbody .widget-radio fieldset input[type=checkbox]:not(:checked),
.mod_search .formbody .widget-radio fieldset input[type=radio]:checked,
.mod_search .formbody .widget-radio fieldset input[type=radio]:not(:checked) {
    background: rgba(0, 0, 0, 0);
    position: relative;
    visibility: hidden;
    margin: 0;
    padding: 0
}

.ce_form .formbody .widget-checkbox fieldset input[type=checkbox]+label,
.ce_form .formbody .widget-checkbox fieldset input[type=radio]+label,
.ce_form .formbody .widget-radio fieldset input[type=checkbox]+label,
.ce_form .formbody .widget-radio fieldset input[type=radio]+label,
.mod_search .formbody .widget-checkbox fieldset input[type=checkbox]+label,
.mod_search .formbody .widget-checkbox fieldset input[type=radio]+label,
.mod_search .formbody .widget-radio fieldset input[type=checkbox]+label,
.mod_search .formbody .widget-radio fieldset input[type=radio]+label {
    cursor: pointer
}

.ce_form .formbody .widget-checkbox fieldset input[type=checkbox]:checked+label::before,
.ce_form .formbody .widget-checkbox fieldset input[type=checkbox]:not(:checked)+label::before,
.ce_form .formbody .widget-checkbox fieldset input[type=radio]:checked+label::before,
.ce_form .formbody .widget-checkbox fieldset input[type=radio]:not(:checked)+label::before,
.ce_form .formbody .widget-radio fieldset input[type=checkbox]:checked+label::before,
.ce_form .formbody .widget-radio fieldset input[type=checkbox]:not(:checked)+label::before,
.ce_form .formbody .widget-radio fieldset input[type=radio]:checked+label::before,
.ce_form .formbody .widget-radio fieldset input[type=radio]:not(:checked)+label::before,
.mod_search .formbody .widget-checkbox fieldset input[type=checkbox]:checked+label::before,
.mod_search .formbody .widget-checkbox fieldset input[type=checkbox]:not(:checked)+label::before,
.mod_search .formbody .widget-checkbox fieldset input[type=radio]:checked+label::before,
.mod_search .formbody .widget-checkbox fieldset input[type=radio]:not(:checked)+label::before,
.mod_search .formbody .widget-radio fieldset input[type=checkbox]:checked+label::before,
.mod_search .formbody .widget-radio fieldset input[type=checkbox]:not(:checked)+label::before,
.mod_search .formbody .widget-radio fieldset input[type=radio]:checked+label::before,
.mod_search .formbody .widget-radio fieldset input[type=radio]:not(:checked)+label::before {
    content: " ";
    display: inline-block;
    float: left;
    width: .75rem;
    height: .75rem;
    position: relative;
    top: .25rem;
    border: 1px solid #bbb;
    background: #fff;
    margin-right: .5rem;
    box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, .1)
}

.ce_form .formbody .widget-checkbox fieldset input[type=radio]:checked+label::before,
.ce_form .formbody .widget-checkbox fieldset input[type=radio]:not(:checked)+label::before,
.ce_form .formbody .widget-radio fieldset input[type=radio]:checked+label::before,
.ce_form .formbody .widget-radio fieldset input[type=radio]:not(:checked)+label::before,
.mod_search .formbody .widget-checkbox fieldset input[type=radio]:checked+label::before,
.mod_search .formbody .widget-checkbox fieldset input[type=radio]:not(:checked)+label::before,
.mod_search .formbody .widget-radio fieldset input[type=radio]:checked+label::before,
.mod_search .formbody .widget-radio fieldset input[type=radio]:not(:checked)+label::before {
    border-radius: 50%
}

.ce_form .formbody .widget-checkbox fieldset input[type=checkbox]:hover+label::before,
.ce_form .formbody .widget-checkbox fieldset input[type=radio]:hover+label::before,
.ce_form .formbody .widget-radio fieldset input[type=checkbox]:hover+label::before,
.ce_form .formbody .widget-radio fieldset input[type=radio]:hover+label::before,
.mod_search .formbody .widget-checkbox fieldset input[type=checkbox]:hover+label::before,
.mod_search .formbody .widget-checkbox fieldset input[type=radio]:hover+label::before,
.mod_search .formbody .widget-radio fieldset input[type=checkbox]:hover+label::before,
.mod_search .formbody .widget-radio fieldset input[type=radio]:hover+label::before {
    background: #ddd;
    box-shadow: inset 0 0 0 3px #fff
}

.ce_form .formbody .widget-checkbox fieldset input[type=checkbox]:checked+label::before,
.ce_form .formbody .widget-checkbox fieldset input[type=radio]:checked+label::before,
.ce_form .formbody .widget-radio fieldset input[type=checkbox]:checked+label::before,
.ce_form .formbody .widget-radio fieldset input[type=radio]:checked+label::before,
.mod_search .formbody .widget-checkbox fieldset input[type=checkbox]:checked+label::before,
.mod_search .formbody .widget-checkbox fieldset input[type=radio]:checked+label::before,
.mod_search .formbody .widget-radio fieldset input[type=checkbox]:checked+label::before,
.mod_search .formbody .widget-radio fieldset input[type=radio]:checked+label::before {
    background: #d31213;
    box-shadow: inset 0 0 0 3px #fff
}

.header-container {
    z-index: 100;
    position: relative
}

.header-container .header {
    transition: opacity .2s linear, background-color .2s linear
}

.header-container.shrinked #header {
    background-color: #fff;
    box-shadow: 0 0 .5rem rgba(0, 0, 0, .2)
}

.header-container .header .inside .links a img.big {
    max-width: 80%;
    top: 0
}

.header-container.shrinked #header .inside .links a img.big {
    top: -1rem;
    opacity: 0
}

.header {
    position: relative;
    z-index: 2
}

.shrinked #header {
    padding: 1.5rem 0
}

#header {
    position: fixed;
    top: 0;
    width: 100%;
    left: 0
}

.header .inside {
    padding: 0 1.3rem;
    margin: 0 auto;
    max-width: 78rem
}

.header .inside .links {
    display: flex;
    align-items: flex-end;
    width: 60%
}

.header .inside .links a {
    width: 100%;
    display: block;
    max-width: 12rem;
    position: relative
}

.header .inside .links img {
    transition: opacity .2s linear;
    width: 100%;
    height: auto;
    display: block
}

.header .inside .links a img.big {
    background-color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    box-shadow: 0 0 1rem rgba(0, 0, 0, .2)
}

.header .inside .links img.big-text {
    display: none
}

.header .inside .links a img.small {
    position: relative;
    top: -1rem;
    opacity: 0
}

.shrinked #header .inside .links a img.small {
    top: 0;
    opacity: 1
}

.header-copy {
    opacity: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    visibility: hidden
}

.header-copy .inside .links a img.big {
    position: relative
}

.header-copy .inside .links a img.small {
    display: none !important
}

.next-mobility .header .inside .links {
    width: 30%
}

.header .inside .rechts {
    position: fixed;
    z-index: 100;
    top: 0;
    padding-top: 4rem;
    height: 100%;
    background-color: #fff;
    right: -100%;
    transition: right .5s;
    margin: 0;
    width: 100%;
    list-style: none
}

.touch .header .inside .rechts {
    overflow: scroll
}

.header .inside .rechts.offen {
    right: 0
}

.oben .mod_customnav {
    padding-top: 2em;
    padding-left: 2rem;
    display: inline-block
}

.oben .mod_customnav ul {
    margin: 0
}

.oben .mod_customnav ul li {
    text-transform: uppercase;
    display: inline-block;
    list-style-type: none
}

.oben .mod_customnav ul li a,
.oben .mod_customnav ul li strong {
    font-weight: 300;
    padding: 0 .5rem 0 0;
    font-size: .8rem;
    display: block;
    text-decoration: none
}

.oben .mod_customnav ul li strong {
    color: #d31213
}

.oben .suchfeld {
    display: flex;
    align-items: center;
    position: absolute;
    top: 2rem;
    left: 2rem
}

.oben .suchfeld .suchicon {
    color: #000;
    position: relative;
    top: -.1rem
}

.oben .suchfeld #searchform input {
    -webkit-appearance: none;
    border-radius: 0;
    width: 120px;
    border: none;
    border-bottom: 1px solid #000;
    background-color: rgba(0, 0, 0, 0);
    padding: .25rem .5rem;
    overflow: hidden;
    transition: width .2s linear
}

.oben .suchfeld #searchform button {
    cursor: pointer;
    display: inline-block;
    padding: 0;
    border: none;
    background: 0 0
}

.oben .suchfeld #searchform input::-webkit-input-placeholder {
    opacity: .5
}

.oben .suchfeld #searchform input:-moz-placeholder {
    opacity: .5
}

.oben .suchfeld #searchform input::-moz-placeholder {
    opacity: .5
}

.oben .suchfeld #searchform input-ms-input-placeholder {
    opacity: .5
}

.navigation {
    z-index: 2
}

.navigation ul {
    margin: 1rem 0 0
}

.navigation ul li {
    background-color: #fff;
    position: relative;
    display: block
}

.navigation ul li.startseite {
    display: none
}

.navigation ul li a {
    text-decoration: none;
    font-weight: 400;
    text-transform: uppercase;
    padding: .6rem 1rem .6rem 2rem;
    color: #000;
    background-color: #fff;
    display: block;
    border: .25rem solid #fff;
    border-top: none;
    border-left: 0;
    border-right: 0;
    font-size: 1rem
}

.navigation ul li.hintergrundbild>a {
    background-color: rgba(0, 0, 0, 0);
    background-position: center;
    background-size: cover;
    padding: 1.5rem 1rem 1.5rem 2rem;
    z-index: 1;
    position: relative;
    color: #fff
}

.navigation ul li.hintergrundbild>a:after {
    content: "";
    position: absolute;
    z-index: -1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .4)
}

.navigation ul li.hintergrundbild>.nav-click {
    padding: 1.25rem .55rem 1.5rem 2rem;
    color: #fff
}

.navigation ul ul {
    margin: 0;
    background-color: #fff;
    box-shadow: none;
    border-top: none;
    position: relative;
    padding: 1rem 0;
    top: 0;
    display: none
}

.navigation ul ul ul li:first-child a {
    padding-top: 1.5rem
}

.navigation ul ul ul li:last-child a {
    padding-bottom: 1.5rem
}

.navigation ul ul li a {
    border: none;
    background-color: #fff;
    padding: .6rem 2rem
}

.navigation ul ul li.seitenbild-link {
    display: none
}

.navigation ul ul ul {
    padding: .5rem 0
}

.navigation ul ul ul li a {
    border: none;
    background-color: #f3f4f5;
    padding: .6rem 3rem
}

.nav-click {
    display: block;
    align-items: center;
    color: #000;
    padding: .3rem .6rem;
    position: absolute;
    top: 0;
    text-align: center;
    right: 1.5rem;
    cursor: pointer;
    line-height: 1;
    border: none;
    z-index: 99
}

.nav-click i {
    transition: .2s linear;
    font-size: 1.8em;
    display: block
}

.nav-rotate i {
    display: block;
    border: none;
    transform: rotate(180deg)
}

.nav-mobile {
    background-color: #fff;
    z-index: 101;
    transition: .2s linear;
    position: absolute;
    cursor: pointer;
    display: flex;
    align-items: center;
    padding: 0 0 0 1rem;
    text-align: right;
    right: 0;
    top: 1rem
}

.next-mobility .nav-mobile {
    top: 50%;
    transform: translate(0, -50%)
}

.nav-mobile.close {
    top: 1rem !important;
    right: 1rem;
    padding-left: 1rem
}

.nav-mobile .schrift {
    font-size: .8rem
}

.nav-item.suche {
    margin: 0
}

.lines-button {
    transition: .3s;
    padding: 1rem 1.3rem 1.5rem 1.5rem;
    background-color: rgba(0, 0, 0, 0);
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    border: 0;
    outline: 0;
    text-align: right
}

.lines-button:hover {
    opacity: 1
}

.lines-button:hover .lines:before {
    top: .55rem
}

.lines-button:hover .lines:after {
    top: -.55rem
}

.lines-button:active {
    transition: 0
}

.lines-button .lines {
    display: inline-block;
    width: 1.5rem;
    height: 2px;
    background: #000;
    border-radius: .2rem;
    transition: .3s;
    position: relative
}

.lines-button .lines:after,
.lines-button .lines:before {
    display: inline-block;
    width: 2rem;
    height: 2px;
    background: #000;
    border-radius: .2rem;
    transition: .3s;
    position: absolute;
    right: 0;
    content: "";
    transform-origin: .28571rem center
}

.lines-button .lines:before {
    top: .55rem
}

.lines-button .lines:after {
    top: -.55rem
}

.lines-button.close {
    transform: scale3d(.8, .8, .8);
    padding: 1rem 1rem 1.5rem .75rem
}

.lines-button.x.close .lines {
    background: 0 0
}

.lines-button.x.close .lines:after,
.lines-button.x.close .lines:before {
    background-color: #d31213;
    transform-origin: 50% 50%;
    top: 0;
    width: 2rem
}

.orange .lines-button.x.close .lines:after,
.orange .lines-button.x.close .lines:before {
    background-color: #fbce07
}

.blau .lines-button.x.close .lines:after,
.blau .lines-button.x.close .lines:before {
    background-color: #0091df
}

.gruen .lines-button.x.close .lines:after,
.gruen .lines-button.x.close .lines:before {
    background-color: #76b828
}

.lines-button.x.close .lines:before {
    height: 3px;
    transform: rotate3d(0, 0, 1, 45deg)
}

.lines-button.x.close .lines:after {
    height: 3px;
    transform: rotate3d(0, 0, 1, -45deg)
}

.ticker {
    overflow: hidden;
    position: relative;
    top: -1.5rem
}

.ticker .container {
    background-color: #d31213;
    height: 1.6rem;
    overflow: hidden;
    position: relative
}

.ticker .container.blau {
    background-color: #0091df
}

.ticker .container.orange {
    background-color: #fbce07
}

.ticker .container.gruen {
    background-color: #76b828
}

.ticker .marquee-sibling {
    padding: 0;
    background: #3d3d3d;
    width: 20%;
    height: 1.5rem;
    line-height: 1.5;
    font-size: .7rem;
    color: #fff;
    text-align: center;
    float: left;
    left: 0;
    z-index: 2000
}

.ticker .marquee,
.ticker [class^=marquee] {
    display: inline-block;
    white-space: nowrap;
    position: absolute;
    height: 100%
}

.ticker .marquee {
    margin-left: 25%
}

.ticker .marquee-content-items {
    display: inline-block;
    padding: 0;
    margin: 0;
    height: 1.5rem;
    position: relative
}

.ticker .marquee-content-items li {
    padding: 0;
    height: 100%;
    display: inline-block;
    color: #fff
}

.ticker .marquee-content-items li a {
    color: #fff;
    text-decoration: none
}

.ticker .marquee-content-items li a:hover {
    text-decoration: underline
}

.ticker .marquee-content-items li .flex {
    font-size: .7rem;
    height: 100%;
    display: flex;
    align-items: center
}

.ticker .marquee-content-items li .flex strong {
    opacity: .7
}

.ticker+.inside .nav-mobile {
    top: 2.25rem
}

@media all and (max-width:767px) {
    .header {
        padding: 1.5rem 0 !important
    }

    .header-container .header .inside .links a img.big {
        display: none;
        pointer-events: none;
        top: -1rem !important;
        opacity: 0 !important
    }

    .header-container #header {
        background-color: #fff !important;
        box-shadow: 0 0 .5rem rgba(0, 0, 0, .2) !important
    }

    .header .inside .links a img.small {
        top: 0 !important;
        opacity: 1 !important
    }

    .header-copy .inside .links a img.big {
        display: none !important
    }

    .header-copy .inside .links a img.small {
        display: block !important
    }
}

@media only screen and (min-width:1900px) {
    .no-touch .header .inside .rechts .unten .navigation ul.nav-list>li.last:hover ul {
        left: 0 !important;
        right: auto !important
    }
}

.headline-container-with-line {
    overflow: hidden;
    position: relative;
    margin: 0 auto 2.5rem;
    text-align: center
}

.headline-container-with-line .headline {
    max-width: 60%;
    color: #555;
    font-weight: 700;
    font-size: 1.25rem;
    text-transform: uppercase;
    display: inline-block;
    position: relative;
    -webkit-hyphens: auto;
    hyphens: auto;
    margin: 0
}

.headline-container-with-line .headline:after,
.headline-container-with-line .headline:before {
    content: "";
    z-index: 1;
    position: absolute;
    width: 2000px;
    top: 50%;
    height: 2px;
    background-color: #d31213
}

.orange .headline-container-with-line .headline:after,
.orange .headline-container-with-line .headline:before {
    background-color: #fbce07
}

.blau .headline-container-with-line .headline:after,
.blau .headline-container-with-line .headline:before {
    background-color: #0091df
}

.gruen .headline-container-with-line .headline:after,
.gruen .headline-container-with-line .headline:before {
    background-color: #76b828
}

.headline-container-with-line .headline:before {
    right: 100%;
    margin-right: 1rem
}

.headline-container-with-line .headline:after {
    left: 100%;
    margin-left: 1rem
}

.headline-container-with-line .headline p {
    margin: 0;
    font-size: 1em;
    line-height: 1.2
}

.headline-container-with-line .subline {
    margin-top: .5rem
}

.headline-container-with-line .subline p {
    margin: 0;
    font-size: .9rem
}

.headline,
.mod_newsreader .inside-container .news-headline {
    display: block;
    -webkit-hyphens: auto;
    hyphens: auto;
    margin: 0
}

.headline p {
    margin: 0 auto;
    font-size: 1em;
    line-height: 1.2
}

.like-h1.headline,
.news-headline,
h1.headline {
    color: #d31213
}

.orange .like-h1.headline,
.orange .news-headline,
.orange h1.headline {
    color: #fbce07
}

.blau .like-h1.headline,
.blau .news-headline,
.blau h1.headline {
    color: #0091df
}

.gruen .like-h1.headline,
.gruen .news-headline,
.gruen h1.headline {
    color: #76b828
}

.quadrat .inside-quadrat .absolute-container .link:after {
    position: relative;
    top: .1rem;
    padding-left: .25rem;
    content: "";
    font-family: gonzocons
}

.ce_rsce_countdown .text ol,
.ce_rsce_countdown .text ul,
.ce_rsce_kontaktformular .text ol,
.ce_rsce_kontaktformular .text ul,
.ce_rsce_text ol,
.ce_rsce_text ul,
.ce_rsce_text_bild_akkordeon .text ol,
.ce_rsce_text_bild_akkordeon .text ul,
.ce_text ol,
.ce_text ul {
    list-style-position: inside
}

.ce_rsce_akkordeon p+ul,
.ce_rsce_countdown .text p+ul,
.ce_rsce_text p+ul,
.ce_rsce_text_bild_akkordeon .text p+ul,
.ce_text p+ul {
    margin-top: -.5rem
}

.ce_rsce_akkordeon ol,
.ce_rsce_countdown .text ol,
.ce_rsce_text ol,
.ce_rsce_text_bild_akkordeon .text ol,
.ce_text ol {
    margin: 1.3rem .25rem
}

.ce_rsce_akkordeon ul,
.ce_rsce_countdown .text ul,
.ce_rsce_kontaktformular .text ul,
.ce_rsce_text ul,
.ce_rsce_text_bild_akkordeon .text ul,
.ce_rsce_text_mit_bild .tab-category-content ul,
.ce_rsce_text_mit_bild .text ul,
.ce_text ul {
    margin: 1.3rem
}

.ce_rsce_akkordeon ul li,
.ce_rsce_countdown .text ul li,
.ce_rsce_kontaktformular .text ul li,
.ce_rsce_text ul li,
.ce_rsce_text_bild_akkordeon .tab-category-content ul li,
.ce_rsce_text_bild_akkordeon .text ul li,
.ce_rsce_text_mit_bild .tab-category-content ul li,
.ce_rsce_text_mit_bild .text ul li,
.ce_text ul li {
    margin-bottom: .5rem;
    position: relative;
    list-style-type: none
}

.ce_rsce_akkordeon ul li:before,
.ce_rsce_countdown .text ul li:before,
.ce_rsce_kontaktformular .text ul li:before,
.ce_rsce_text ul li:before,
.ce_rsce_text_bild_akkordeon .tab-category-content ul li:before,
.ce_rsce_text_bild_akkordeon .text ul li:before,
.ce_rsce_text_mit_bild .tab-category-content ul li:before,
.ce_rsce_text_mit_bild .text ul li:before,
.ce_text ul li:before {
    display: inline-block;
    font-family: gonzocons;
    content: "";
    position: absolute;
    transform: translate(-1.3rem, .25rem);
    top: -.15rem
}

.ce_rsce_text ul ul,
.ce_text ul ul {
    margin: .5rem 1rem
}

.ce_rsce_text ul ul li,
.ce_text ul ul li {
    margin-bottom: .25rem;
    list-style-type: circle
}

.ce_rsce_text ul ul li:after,
.ce_rsce_text ul ul li:before,
.ce_text ul ul li:after,
.ce_text ul ul li:before {
    display: none
}

.mod_faqreader {
    max-width: 78rem;
    margin: 3rem auto;
    padding: 0 1.3rem
}

.mod_faqreader .ce_text {
    width: 100%;
    padding: 0;
    margin: 0
}

.mod_newscategories {
    text-align: center;
    margin: 2rem auto -.25rem
}

.mod_newscategories ul {
    margin: 0;
    display: inline
}

.mod_newscategories ul li {
    display: inline-block;
    margin: 0 .25rem .25rem 0
}

.mod_newscategories ul li.hide {
    display: none !important
}

.mod_newscategories ul li a,
.mod_newscategories ul li strong {
    display: inline-block;
    background-color: #fff;
    font-weight: 300;
    transition: color .2s linear, border-color .2s linear, background-color .2s linear;
    padding: .3rem 1rem;
    border: 1px solid #ccc;
    color: #555;
    text-decoration: none
}

.mod_newscategories ul li a:hover,
.mod_newscategories ul li strong,
.mod_newscategories ul li.trail a {
    border-color: #d31213;
    background-color: #d31213;
    color: #fff
}

.orange .mod_newscategories ul li a:hover,
.orange .mod_newscategories ul li strong,
.orange .mod_newscategories ul li.trail a {
    border-color: #fbce07;
    background-color: #fbce07
}

.blau .mod_newscategories ul li a:hover,
.blau .mod_newscategories ul li strong,
.blau .mod_newscategories ul li.trail a {
    border-color: #0091df;
    background-color: #0091df
}

.gruen .mod_newscategories ul li a:hover,
.gruen .mod_newscategories ul li strong,
.gruen .mod_newscategories ul li.trail a {
    border-color: #76b828;
    background-color: #76b828
}

.mod_newscategories ul li strong,
.mod_newscategories ul li.trail a {
    font-weight: 700
}

.mod_newscategories ul ul {
    display: none
}

.mod_newscategories ul ul li a {
    background-color: #555;
    color: #fff
}

.button-row-last {
    margin-top: 2rem;
    text-align: center
}

.mod_newslist {
    display: flex;
    flex-flow: row wrap;
    margin: 2rem -1rem 0
}

.mod_newslist .empty {
    width: 100%;
    text-align: center
}

.mod_newslist .ce_text {
    font-weight: 300;
    margin: 0;
    padding: 0;
    position: relative
}

.mod_newslist .ce_text:before {
    position: absolute;
    height: 2px;
    top: -1.25rem;
    background-color: #d31213;
    width: 30%;
    left: 0;
    content: ""
}

.blau .mod_newslist .ce_text:before {
    background-color: #0091df
}

.orange .mod_newslist .ce_text:before {
    background-color: #fbce07
}

.gruen .mod_newslist .ce_text:before {
    background-color: #76b828
}

.mod_newslist .ce_text p {
    font-size: .9rem;
    line-height: 1.4;
    margin: 0
}

.mod_newslist .button-row {
    position: absolute;
    bottom: 1rem;
    right: 1rem;
    text-align: right
}

.mod_newslist .button-row .link {
    transition: .2s linear;
    font-weight: 700;
    font-size: .8rem
}

.mod_newslist .layout_latest {
    padding: 1.5rem 1rem
}

.mod_newslist .layout_latest .news-box {
    display: block;
    text-decoration: none;
    position: relative;
    background-color: #fff;
    height: 100%
}

.mod_newslist .layout_latest .news-box .aktion {
    text-transform: uppercase;
    font-weight: 400;
    position: absolute;
    display: inline-block;
    top: 0;
    left: 0;
    background-color: #d31213;
    color: #fff;
    padding: .25rem .75rem
}

.mod_newslist .layout_latest:hover a {
    color: #000
}

.mod_newslist .layout_latest .image_box {
    overflow: hidden
}

.mod_newslist .layout_latest img {
    transition: transform .2s;
    height: auto;
    display: block;
    width: 100%
}

.mod_newslist .layout_latest:hover img {
    transform: scale(1.025)
}

.mod_newslist .layout_latest .content {
    position: relative;
    text-decoration: none;
    display: block;
    background-color: #fff;
    padding: .5rem 1rem 3rem;
    transition: .1s linear
}

.no-touch .mod_newslist .layout_latest .content:hover .button-row .link {
    color: #d31213
}

.no-touch .blau .mod_newslist .layout_latest .content:hover .button-row .link {
    color: #0091df
}

.no-touch .orange .mod_newslist .layout_latest .content:hover .button-row .link {
    color: #fbce07
}

.no-touch .gruen .mod_newslist .layout_latest .content:hover .button-row .link {
    color: #76b828
}

.mod_newslist .layout_latest .content h3 {
    line-height: 1.4 !important;
    font-size: 1.1rem;
    position: relative;
    font-weight: 700;
    margin: 0 0 2rem;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.mod_newslist .layout_latest.alternativ {
    width: 100%;
    padding-top: 0;
    padding-bottom: 0;
    margin-bottom: 2rem
}

.mod_newslist .layout_latest.alternativ .news-box {
    background-color: rgba(0, 0, 0, 0)
}

.mod_newslist .layout_latest.alternativ .content {
    background-color: rgba(0, 0, 0, 0);
    height: 100%;
    padding: 0;
    display: flex;
    align-items: flex-end
}

.mod_newslist .layout_latest.alternativ .content .inside-content {
    width: 100%
}

.mod_newslist .layout_latest.alternativ .content .head-container {
    position: relative
}

.mod_newslist .layout_latest.alternativ .content .head-container:after {
    position: absolute;
    left: 0;
    bottom: -.5rem;
    width: 5rem;
    height: 2px;
    background-color: #d31213;
    content: ""
}

.orange .mod_newslist .layout_latest.alternativ .content .head-container:after {
    background-color: #fbce07
}

.blau .mod_newslist .layout_latest.alternativ .content .head-container:after {
    background-color: #0091df
}

.gruen .mod_newslist .layout_latest.alternativ .content .head-container:after {
    background-color: #76b828
}

.mod_newslist .layout_latest.alternativ .content .head-container h3 {
    margin-bottom: 1.5rem;
    text-transform: inherit;
    font-size: 1.5rem;
    -webkit-hyphens: auto;
    hyphens: auto;
    padding-right: 1rem
}

.mod_newslist .layout_latest.alternativ .content .image_container {
    overflow: hidden;
    position: relative
}

.mod_newslist .layout_latest.alternativ .content .image_container .button-row {
    position: absolute;
    bottom: 0;
    right: 0
}

.mod_newslist .layout_latest.alternativ .content .image_container .button-row .button:hover {
    background-color: #d31213;
    color: #fff !important;
    border-color: #d31213
}

.orange .mod_newslist .layout_latest.alternativ .content .image_container .button-row .button:hover {
    background-color: #fbce07;
    border-color: #fbce07
}

.blau .mod_newslist .layout_latest.alternativ .content .image_container .button-row .button:hover {
    background-color: #0091df;
    border-color: #0091df
}

.gruen .mod_newslist .layout_latest.alternativ .content .image_container .button-row .button:hover {
    background-color: #76b828;
    border-color: #76b828
}

@media all and (min-width:414px) {

    .ce_rsce_magazin .news-slider .mod_newslist .layout_latest .content,
    .ce_rsce_magazin .news-slider .mod_newslist .slick-list .layout_latest .content {
        border-left: 3px solid #fff
    }

    .ce_rsce_magazin .news-slider .mod_newslist .layout_latest:first-child .content {
        border-left: none
    }
}

.hintergrundfarbe {
    background-color: #f3f4f5
}

.mod_newsreader {
    max-width: 1200px;
    margin: 0 auto;
    background-color: #fff
}

.mod_newsreader img {
    width: 100%
}

.mod_newsreader .back,
.mod_newsreader .inside-container {
    max-width: 1100px;
    margin: auto;
    padding: 1px 1.3rem
}

.mod_newsreader .inside-container {
    padding-top: 1rem
}

.mod_newsreader .inside-container img {
    display: block;
    width: 100%;
    height: auto
}

.mod_newsreader .inside-container .news-category {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding-top: 1rem;
    padding-bottom: 1rem;
    display: block;
    margin-top: 2rem;
    margin-bottom: 0;
    color: #d31213
}

.mod_newsreader .inside-container .news-category .category-hedline {
    font-size: .8rem;
    font-weight: 500;
    display: block;
    margin-bottom: .25rem;
    color: #555
}

.mod_newsreader .inside-container .news-category ul {
    font-size: .8rem;
    margin: 0
}

.mod_newsreader .inside-container .news-category ul li {
    display: inline-block
}

.mod_newsreader .inside-container .news-category ul li:after {
    color: #d31213;
    content: " | ";
    display: inline-block;
    margin: 0 .25rem
}

.blau .mod_newsreader .inside-container .news-category ul li:after {
    color: #0091df
}

.orange .mod_newsreader .inside-container .news-category ul li:after {
    color: #fbce07
}

.gruen .mod_newsreader .inside-container .news-category ul li:after {
    color: #76b828
}

.mod_newsreader .inside-container .news-category ul li:last-child:after {
    display: none
}

.mod_newsreader .inside-container .news-category ul li a {
    text-decoration: none;
    color: #d31213
}

.blau .mod_newsreader .inside-container .news-category ul li a {
    color: #0091df
}

.orange .mod_newsreader .inside-container .news-category ul li a {
    color: #fbce07
}

.gruen .mod_newsreader .inside-container .news-category ul li a {
    color: #76b828
}

.mod_newsreader .inside-container .news-category ul li a:hover {
    text-decoration: underline
}

.mod_newsreader .inside-container .news-headline {
    margin: 2rem 0 1rem
}

.ce_rsce_magazin .inner .mod_newsreader .headline-container-with-line h1,
.ce_rsce_magazin .inner .mod_newsreader .headline-container-with-line h2 {
    background-color: #fff
}

.mod_newsreader .ce_rsce_headline {
    padding: 0
}

.mod_newsreader .ce_text {
    margin: 0 auto 2rem 0;
    padding: 0
}

.mod_newsreader .ce_rsce_akkordeon,
.mod_newsreader .ce_rsce_bild,
.mod_newsreader .ce_rsce_text,
.mod_newsreader .ce_rsce_youtube {
    padding: 0;
    margin: 2rem auto
}

.mod_newsreader .ce_rsce_akkordeon .headline {
    text-align: left;
    margin-bottom: 1rem
}

.mod_newsreader .ce_rsce_akkordeon .tabs-container {
    margin: 0
}

.mod_newsreader .ce_rsce_akkordeon .inside {
    padding: 0
}

.mod_newsreader .ce_rsce_kontaktblock .headline {
    font-size: 1.5rem
}

.mod_newsreader .ce_rsce_kontaktblock .flex .rechts .ansprechpartner .button {
    padding: .4rem .5rem .45rem
}

.mod_newsreader .ce_rsce_youtube .play {
    font-size: .8rem
}

.mod_newsreader .inside-container.paging {
    text-align: center;
    padding: 2rem 0 4rem
}

.mod_newsreader .inside-container.paging a {
    font-size: .8rem;
    vertical-align: bottom
}

.mod_newsreader .inside-container.paging a.button.s-next,
.mod_newsreader .inside-container.paging a.button.s-prev {
    padding-top: .12rem;
    padding-bottom: .12rem
}

.mod_newsreader .inside-container.paging i:before {
    font-size: 1.52rem
}

.mod_search {
    margin: 5rem auto 4rem;
    max-width: 78rem;
    padding: 0 1.3rem
}

.mod_search p.header {
    border: none;
    padding: 0;
    font-size: 1rem;
    margin: 2rem 0 1rem
}

.mod_search h1 {
    text-align: left
}

.mod_search h3 {
    text-align: left;
    font-size: 1.25rem;
    margin: 2rem 0 0
}

.mod_search input.text .mod_search .highlight {
    color: #d31213;
    font-weight: 600
}

.mod_search p {
    margin: 0
}

.mod_search .relevance,
.mod_search .url {
    color: #aaa;
    font-size: .8rem
}

.mod_search .widget-submit {
    margin-top: 1rem !important
}

.mod_search .text {
    min-width: 250px !important;
    width: 100% !important;
    max-width: 500px !important
}

.mod_search .submit {
    max-width: 250px !important
}

.mod_sitemap {
    margin: 2rem auto 4rem;
    max-width: 78rem;
    padding: 0 1.3rem
}

.mod_sitemap ul li a {
    text-decoration: none
}

.mod_sitemap ul ul a:hover {
    text-decoration: underline
}

.mod_sitemap ul ul {
    margin: 0 1rem
}

body .wj_embed_wrapper .timeTo figure,
body .wj_embed_wrapper .timeTo ul {
    line-height: 2 !important
}

.pagination {
    flex: 0 100%;
    margin-top: 2rem;
    margin-bottom: 2rem;
    text-align: center
}

.pagination p {
    margin-bottom: 1rem
}

.pagination ul {
    margin: 1rem 0
}

.pagination ul li {
    cursor: pointer;
    margin: 0 .1rem;
    list-style-type: none;
    display: inline-block
}

.pagination ul li strong.active {
    background-color: #d31213;
    color: #fff;
    border-color: #d31213
}

.pagination ul li a,
.pagination ul li span,
.pagination ul li strong {
    text-decoration: none;
    line-height: 1;
    margin-top: .5rem;
    font-size: .8rem;
    padding: .7rem 1rem;
    transition: .2s linear;
    border: 1px solid #000;
    display: inline-block
}

.pagination ul li a:hover,
.pagination ul li span:hover {
    text-decoration: none;
    background-color: #d31213;
    border-color: #d31213;
    color: #fff
}

#help-icon-container {
    position: fixed;
    opacity: 0;
    z-index: 2;
    right: 0;
    bottom: 1.3rem;
}

#help-icon-container a:active,
#help-icon-container a:focus {
    outline: 0
}

.ready #help-icon-container {
    opacity: 1
}

#help-icon-container img {
    height: auto;
    background-color: transparent;
    width: 45px;
    cursor: pointer;
    transition: .2s;
    display: block;
    padding-top: .5em;
}

#help-icon-container img:hover {
    transform: scale(1.05)
}

#help-phone {
    height: auto;
    display: none;
    position: fixed;
    right: 1rem;
    left: 1rem;
    bottom: 1rem;
    z-index: 102;
    background-color: #d31213;
    color: #fff;
    padding: 1rem 3.5rem 1rem 3rem
}

.orange #help-phone {
    background-color: #fbce07
}

.blau #help-phone {
    background-color: #0091df
}

.gruen #help-phone {
    background-color: #76b828
}

#help-phone:before {
    font-size: 1.2rem;
    position: absolute;
    top: 1rem;
    left: 1rem;
    z-index: -1;
    transform: rotate(5deg);
    transform-origin: -100%;
    content: "";
    font-family: greiner4
}

#help-phone .help-phone-inside {
    font-size: .8rem
}

#help-phone .like-h1 {
    margin: 0 0 .5rem;
    font-size: 1.25rem;
    font-weight: 700;
    display: block;
    color: #fff
}

#help-phone .close {
    position: absolute;
    transform: rotate(45deg);
    top: .5rem;
    right: .5rem;
    font-size: 1.25rem;
    cursor: pointer
}

#help-phone .close:hover {
    color: #fff
}

#help-phone a {
    color: #fff;
    text-decoration: none
}

#footer-container {
    background-color: #333;
    color: #fff;
    font-weight: 400
}

#prefooter {
    background-position: center center;
    background-size: cover;
    background-image: url(../images/footer-background-mobile.jpg)
}

#prefooter .inside {
    position: relative;
    max-width: 78rem;
    margin: 0 auto;
    padding: 0 1.3rem 4rem
}

#prefooter .inside .logo-link {
    margin-bottom: 2rem;
    max-width: 50%;
    display: inline-block;
    width: 100%
}

.next-mobility #prefooter .inside .logo-link {
    margin-top: 3rem
}

#prefooter a {
    color: #fff;
    text-decoration: none
}

#prefooter a:hover {
    color: #d31213
}

.orange #prefooter a:hover {
    color: #fbce07
}

.blau #prefooter a:hover {
    color: #0091df
}

.gruen #prefooter a:hover {
    color: #76b828
}

#prefooter ul {
    margin: .75rem 0 0;
    padding: 0;
    list-style-type: none
}

#prefooter ul li {
    margin-bottom: 1rem
}

#prefooter ul li a,
#prefooter ul li strong {
    text-transform: uppercase;
    font-weight: 300;
    font-size: 1rem;
    text-decoration: none
}

#prefooter p {
    margin: .5rem 0;
    font-size: 1rem
}

#prefooter .inside .rechts .col {
    margin-top: 2rem
}

#prefooter .inside .rechts .col strong {
    text-decoration: underline
}

#prefooter .inside .headline {
    font-size: 1rem;
    text-transform: uppercase;
    padding: .5rem 0 .75rem;
    display: block;
    border-bottom: 1px solid #fff
}

#prefooter .inside .links .headline {
    display: inline-block
}

#prefooter .inside .links .social {
    display: flex;
    margin-top: 1rem
}

#prefooter .inside .links .social a,
.next-mobility #footer .inside .social a {
    color: #fff;
    transition: .2s linear;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 1rem;
    height: 2.5rem;
    width: 2.5rem;
    border: 1px solid #fff
}

#prefooter .inside .links .social a:hover,
.next-mobility #footer .inside .social a:hover {
    background-color: #fff;
    color: #d31213
}

#prefooter .inside .links .social a i,
.next-mobility #footer .inside .social a i {
    font-size: 1.2rem
}

.next-mobility #footer .inside .social {
    margin-bottom: 1rem
}

.next-mobility #footer .inside .social a {
    margin: 0 0 0 .5rem
}

.next-mobility #footer .inside .social a:hover {
    color: #0091df
}

.rangeslider,
.rangeslider__fill {
    display: block;
    border-radius: 10px
}

.rangeslider {
    background: #ccc;
    position: relative
}

.rangeslider--horizontal {
    height: .2rem;
    width: 100%
}

.rangeslider--vertical {
    width: 20px;
    min-height: 150px;
    max-height: 100%
}

.rangeslider--disabled {
    opacity: .4
}

.rangeslider__fill {
    background: #d31213;
    position: absolute
}

.orange .rangeslider__fill {
    background-color: #fbce07
}

.blau .rangeslider__fill {
    background-color: #0091df
}

.gruen .rangeslider__fill {
    background-color: #76b828
}

.rangeslider--horizontal .rangeslider__fill {
    top: 0;
    height: 100%
}

.rangeslider--vertical .rangeslider__fill {
    bottom: 0;
    width: 100%
}

.rangeslider__handle {
    background: 0 0/100% #d31213;
    cursor: pointer;
    display: inline-block;
    width: .75rem;
    height: .75rem;
    position: absolute;
    background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(0, 0, 0, .1));
    border-radius: 50%
}

.orange .rangeslider__handle {
    background-color: #fbce07
}

.blau .rangeslider__handle {
    background-color: #0091df
}

.gruen .rangeslider__handle {
    background-color: #76b828
}

.rangeslider--active .rangeslider__handle,
.rangeslider__handle:active {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjEiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4xMiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==);
    background-size: 100%;
    background-image: linear-gradient(rgba(0, 0, 0, .1), rgba(0, 0, 0, .12))
}

.rangeslider--horizontal .rangeslider__handle {
    top: -.3rem;
    touch-action: pan-y;
    -ms-touch-action: pan-y
}

.rangeslider--vertical .rangeslider__handle {
    left: -.5rem;
    touch-action: pan-x;
    -ms-touch-action: pan-x
}

input[type=range]:focus+.rangeslider .rangeslider__handle {
    box-shadow: 0 0 8px rgba(255, 0, 255, .9)
}

.ce_rsce_akkordeon {
    margin: 3rem auto 3.5rem
}

.ce_rsce_akkordeon .inside {
    max-width: 78rem;
    margin: 0 auto;
    padding: 0 1.3rem
}

.ce_rsce_akkordeon .headline {
    text-align: center
}

.ce_rsce_akkordeon .tabs-container {
    max-width: 50rem;
    margin: 2rem auto auto;
    border-top: 1px solid #555;
    text-align: left
}

.ce_rsce_akkordeon .tabs-container .abschnitt {
    border-bottom: 1px solid #555
}

.ce_rsce_akkordeon .tab-category-element {
    cursor: pointer;
    position: relative;
    font-size: 1em;
    padding: 1rem 0;
    display: block;
    color: #555
}

.ce_rsce_akkordeon .tab-category-element .title {
    line-height: 1.4;
    display: flex
}

.ce_rsce_akkordeon .tab-category-element .title i {
    color: #fff;
    background-color: #d31213;
    height: 2.25rem;
    width: 2.25rem;
    display: flex;
    align-items: center;
    justify-content: center
}

.ce_rsce_akkordeon .tab-category-element .title i.icons-plus:before {
    transition: .2s linear
}

.ce_rsce_akkordeon .tab-category-element.active .title i.icons-plus:before {
    transform: rotate(45deg)
}

.orange .ce_rsce_akkordeon .tab-category-element .title i {
    background-color: #fbce07
}

.blau .ce_rsce_akkordeon .tab-category-element .title i {
    background-color: #0091df
}

.gruen .ce_rsce_akkordeon .tab-category-element .title i {
    background-color: #76b828
}

.ce_rsce_akkordeon .tab-category-element .title span {
    display: block;
    padding-left: 1rem;
    margin-top: .4rem
}

.ce_rsce_akkordeon .tab-category-content {
    padding: 1px 1.5rem 1rem 3.3rem;
    display: none
}

.ce_rsce_akkordeon .tab-category-content p {
    margin: 1rem 0
}

.ce_rsce_akkordeon .tab-category-content ol:first-child,
.ce_rsce_akkordeon .tab-category-content p:first-child,
.ce_rsce_akkordeon .tab-category-content ul:first-child {
    margin-top: 0
}

.ce_rsce_akkordeon .tab-category-content ol,
.ce_rsce_akkordeon .tab-category-content ul {
    margin-top: 1rem;
    margin-bottom: 1rem
}

.ce_rsce_akkordeon .tab-category-content .tabellen table {
    min-width: 700px
}

.ce_rsce_akkordeon .tab-category-content strong {
    color: #d31213
}

.orange .ce_rsce_akkordeon .tab-category-content strong {
    color: #fbce07
}

.blau .ce_rsce_akkordeon .tab-category-content strong {
    color: #0091df
}

.gruen .ce_rsce_akkordeon .tab-category-content strong {
    color: #76b828
}

.ce_rsce_akkordeon .tab-category-content a:hover {
    color: #555;
    text-decoration: none
}

.ce_rsce_akkordeon .button-row {
    text-align: center;
    margin-top: 3rem
}

.ce_rsce_akkordeon .close-container {
    width: 1rem;
    height: 1rem;
    position: relative;
    float: right
}

.ce_rsce_akkordeon .close-container * {
    transition: transform .2s linear
}

.ce_rsce_akkordeon .active .close-container .horizontal,
.ce_rsce_akkordeon .active .close-container .vertical {
    transform: rotate(45deg)
}

.ce_rsce_akkordeon .close-container .horizontal {
    position: absolute;
    left: 0;
    width: 100%;
    top: .45rem;
    height: 2px;
    border-radius: 2px;
    background-color: #555
}

.ce_rsce_akkordeon .close-container .vertical {
    position: absolute;
    left: .45rem;
    height: 100%;
    top: 0;
    width: 2px;
    border-radius: 2px;
    background-color: #555
}

.ce_rsce_angebot {
    margin: 4rem auto
}

.ce_rsce_angebot.hintergrundbild {
    margin: 0;
    color: #fff;
    background-color: #555;
    background-size: cover;
    padding: 3rem 0;
    background-position: center center
}

.ce_rsce_angebot a {
    color: #fff
}

.ce_rsce_angebot .inside {
    max-width: 78rem;
    padding: 0 1.3rem;
    margin: 0 auto
}

.ce_rsce_angebot.hintergrundbild .inside .headline {
    color: #fff
}

.ce_rsce_angebot .inside .flex .links {
    margin-bottom: 2rem
}

.ce_rsce_angebot .inside .flex .links .headline {
    -webkit-hyphens: auto;
    hyphens: auto
}

.ce_rsce_angebot .button-row {
    margin-top: 1rem
}

.ce_rsce_angebot .button-row .bild-link,
.ce_rsce_angebot .button-row .button {
    display: inline-block;
    margin-bottom: .5rem;
    margin-right: 1rem
}

.ce_rsce_angebot .inside .flex .rechts .center-container {
    width: 100%;
    position: relative
}

.ce_rsce_angebot .inside .flex .rechts .center-container:after {
    z-index: 0;
    transition: 1.5s;
    content: "";
    position: absolute;
    left: 1.95rem;
    top: 0;
    width: 2px;
    height: 0;
    background-color: #fff
}

.ce_rsce_angebot.is-visible .inside .flex .rechts .center-container:after {
    height: 100%
}

.ce_rsce_angebot .inside .flex .rechts .center-container .icon {
    display: flex;
    align-items: center;
    transition: .2s;
    opacity: 0;
    z-index: 1;
    margin-bottom: 4rem;
    position: relative;
    text-align: center
}

.ce_rsce_angebot.is-visible .inside .flex .rechts .center-container .icon {
    opacity: 1
}

.ce_rsce_angebot .inside .flex .rechts .center-container .icon.bild-0 {
    transition: .2s
}

.ce_rsce_angebot .inside .flex .rechts .center-container .icon.bild-1 {
    transition: .2s .1s
}

.ce_rsce_angebot .inside .flex .rechts .center-container .icon.bild-2 {
    transition: .2s .2s
}

.ce_rsce_angebot .inside .flex .rechts .center-container .icon.bild-3 {
    transition: .2s .3s
}

.ce_rsce_angebot .inside .flex .rechts .center-container .icon.bild-4 {
    transition: .2s .4s
}

.ce_rsce_angebot .inside .flex .rechts .center-container .icon.bild-5 {
    transition: .2s .5s
}

.ce_rsce_angebot .inside .flex .rechts .center-container .icon:last-child {
    margin-bottom: 2rem
}

.ce_rsce_angebot .inside .flex .rechts .center-container .icon img {
    height: 4rem;
    width: 4rem;
    background-color: #fff;
    padding: 1rem;
    display: inline-block
}

.ce_rsce_angebot .inside .flex .rechts .center-container .icon .name {
    text-align: left;
    margin-left: 1rem
}

.ce_rsce_bewerbungsformular .inside {
    margin: 4rem auto;
    padding: 0 1.3rem;
    max-width: 78rem
}

.ce_rsce_bewerbungsformular .inside .headline {
    text-align: center
}

.ce_rsce_bewerbungsformular .inside .bigger {
    font-size: 1.25rem
}

.ce_rsce_bewerbungsformular .inside .widget-select label {
    margin-bottom: .25rem;
    display: block !important
}

.ce_rsce_bewerbungsformular .inside .widget-select span.mandatory {
    display: none
}

.ce_rsce_bewerbungsformular .inside .ce_form .formbody {
    padding-top: 0
}

.ce_rsce_bewerbungsformular .inside .ce_form .formbody p strong {
    display: block
}

.ce_rsce_bild {
    margin: 3rem auto;
    max-width: 78rem;
    padding: 0 1.3rem
}

.ce_rsce_bild.kleiner {
    max-width: 65rem
}

.ce_rsce_bild figure {
    margin: 0
}

.ce_rsce_bild img {
    width: 100%;
    height: auto;
    margin: 1rem auto
}

.ce_rsce_bildboxen_mit_akkordeon {
    max-width: 78rem;
    padding: 0 1.3rem;
    margin: 4rem auto
}

.ce_rsce_bildboxen_mit_akkordeon .quadrat {
    margin-bottom: 1.5rem
}

.ce_rsce_bildboxen_mit_akkordeon .quadrat .inside-quadrat {
    height: auto !important;
    background-color: #000 !important
}

.ce_rsce_bildboxen_mit_akkordeon .quadrat .inside-quadrat .background-image {
    opacity: .8;
    filter: none
}

.ce_rsce_bildboxen_mit_akkordeon .quadrate .absolute-container-2 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

.ce_rsce_bildboxen_mit_akkordeon .quadrate .absolute-container-2 .kreis {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(211, 18, 19, .6);
    padding: 1rem;
    height: 50%;
    width: 50%;
    border-radius: 50%
}

.gruen .ce_rsce_bildboxen_mit_akkordeon .quadrate .absolute-container-2 .kreis {
    background-color: rgba(118, 184, 40, .6)
}

.blau .ce_rsce_bildboxen_mit_akkordeon .quadrate .absolute-container-2 .kreis {
    background-color: rgba(0, 145, 223, .6)
}

.orange .ce_rsce_bildboxen_mit_akkordeon .quadrate .absolute-container-2 .kreis {
    background-color: rgba(251, 206, 7, .6)
}

.ce_rsce_bildboxen_mit_akkordeon .quadrate .absolute-container-2 .kreis .headline {
    position: relative;
    font-weight: 700;
    font-size: 1.5rem
}

.ce_rsce_bildboxen_mit_akkordeon .quadrate .absolute-container-2 .kreis .subline {
    display: block;
    margin-top: .5rem
}

.ce_rsce_bildboxen_mit_akkordeon .quadrate .absolute-container-2 .kreis .bildicon {
    display: inline-block;
    margin: 0 auto 1rem;
    left: 50%;
    transform: translate(-50%, 0);
    position: absolute;
    bottom: 100%;
    max-width: 4rem
}

.ce_rsce_bildboxen_mit_akkordeon .quadrate .akkordeon-container {
    margin-top: .5rem
}

.ce_rsce_bildboxen_mit_akkordeon .quadrate .akkordeon-container .abschnitt {
    background-color: #ccc;
    border-bottom: 2px solid #fff
}

.ce_rsce_bildboxen_mit_akkordeon .quadrate .akkordeon-container .abschnitt .akkordeon-category-element {
    color: #fff;
    cursor: pointer;
    padding: .75rem
}

.ce_rsce_bildboxen_mit_akkordeon .quadrate .akkordeon-container .abschnitt .akkordeon-category-element i {
    position: absolute;
    display: inline-block;
    transition: .2s linear;
    margin-right: .5rem
}

.ce_rsce_bildboxen_mit_akkordeon .quadrate .akkordeon-container .abschnitt .akkordeon-category-element.active i {
    transform: rotate(45deg)
}

.ce_rsce_bildboxen_mit_akkordeon .quadrate .akkordeon-container .abschnitt .akkordeon-category-element span {
    padding-left: 1.75rem;
    display: block;
    font-weight: 700
}

.ce_rsce_bildboxen_mit_akkordeon .quadrate .akkordeon-container .abschnitt .akkordeon-category-content {
    display: none;
    padding: 1rem !important;
    background-color: #f3f4f5
}

.ce_rsce_bildboxen_mit_akkordeon .quadrate .akkordeon-container .abschnitt .akkordeon-category-content img {
    width: 100%;
    height: auto
}

.ce_rsce_bildboxen_mit_akkordeon .quadrate .akkordeon-container .abschnitt .akkordeon-category-content ol,
.ce_rsce_bildboxen_mit_akkordeon .quadrate .akkordeon-container .abschnitt .akkordeon-category-content p,
.ce_rsce_bildboxen_mit_akkordeon .quadrate .akkordeon-container .abschnitt .akkordeon-category-content ul {
    margin-top: 1rem;
    margin-bottom: 1rem
}

.ce_rsce_bildboxen_mit_akkordeon .quadrate .akkordeon-container .abschnitt .akkordeon-category-content ol:first-child,
.ce_rsce_bildboxen_mit_akkordeon .quadrate .akkordeon-container .abschnitt .akkordeon-category-content p:first-child,
.ce_rsce_bildboxen_mit_akkordeon .quadrate .akkordeon-container .abschnitt .akkordeon-category-content ul:first-child {
    margin-top: 0
}

.ce_rsce_teaser+.ce_rsce_bildtrenner {
    margin-top: 4rem !important
}

.ce_rsce_bildtrenner {
    position: relative;
    margin: 0 auto 6rem;
    background-size: cover;
    background-position: center 30%
}

.ce_rsce_bildtrenner .inside {
    background-color: rgba(0, 0, 0, .2);
    max-width: 78rem;
    padding: 3rem 1.3rem 0;
    margin: 0 auto
}

.ce_rsce_bildtrenner img {
    width: 100%
}

.ce_rsce_bildtrenner img.mobile {
    display: block
}

.ce_rsce_bildtrenner img.desktop {
    display: none
}

.ce_rsce_bildtrenner .inside .content {
    margin-bottom: 3rem
}

.ce_rsce_bildtrenner .inside .headline,
.ce_rsce_bildtrenner .inside .text {
    color: #fff
}

.ce_rsce_bildtrenner .inside .bildschrift {
    top: 1px;
    position: relative;
    width: 75%
}

.ce_rsce_bildtrenner .inside .bildschrift.groesser {
    width: 85%
}

.ce_rsce_bildtrenner .inside .bildschrift .schrift-farbe {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%
}

.ce_rsce_bildtrenner .inside .badge {
    position: absolute;
    right: 1.3rem;
    width: 25%;
    bottom: 1.3rem
}

.ce_rsce_case_studies .inside {
    text-align: center;
    margin: 4rem auto;
    max-width: 78rem;
    padding: 0 1.3rem
}

.ce_rsce_case_studies .toggle-control {
    display: flex;
    margin-bottom: 2rem;
    color: #f3f4f5;
    align-items: center;
    font-size: .7rem;
    text-transform: uppercase;
    font-weight: 700;
    justify-content: center
}

.ce_rsce_case_studies .toggle-control .links,
.ce_rsce_case_studies .toggle-control .rechts {
    padding: 0 .5rem
}

.ce_rsce_case_studies .toggle-control .active {
    color: #d31213
}

.ce_rsce_case_studies .switch {
    position: relative;
    display: inline-block;
    width: 3rem;
    height: 1.7rem
}

.ce_rsce_case_studies .switch input {
    opacity: 0;
    width: 0;
    height: 0
}

.ce_rsce_case_studies .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #f3f4f5;
    transition: .4s
}

.ce_rsce_case_studies .slider:before {
    position: absolute;
    content: "";
    height: 1.4rem;
    width: 1.4rem;
    left: 4px;
    bottom: 4px;
    background-color: #d31213;
    transition: .4s
}

.ce_rsce_case_studies input+.slider {
    background-color: #f3f4f5
}

.ce_rsce_case_studies input:checked+.slider:before {
    transform: translateX(1.3rem)
}

.ce_rsce_case_studies .slider.round {
    border-radius: 1rem
}

.ce_rsce_case_studies .slider.round:before {
    border-radius: 50%
}

.ce_rsce_case_studies .button-area {
    margin: 0 -.25rem 2rem
}

.ce_rsce_case_studies .button-area input {
    display: none
}

.ce_rsce_case_studies .button-area .button {
    letter-spacing: 0;
    margin: .25rem;
    padding: .25rem 1rem;
    cursor: pointer
}

.ce_rsce_case_studies .button-area .button.active {
    border-color: #d31213;
    background-color: #d31213;
    color: #fff
}

.ce_rsce_case_studies .filter-container {
    margin: 0 -.5rem 4rem 0
}

.ce_rsce_case_studies .filter-container .item {
    padding: .5rem
}

.ce_rsce_charts {
    text-align: center;
    max-width: 78rem;
    margin: 4rem auto;
    padding: 0 1.3rem
}

.ce_rsce_charts .inside .beschreibung {
    max-width: 50rem;
    margin: 0 auto
}

.ce_rsce_charts .inside .canvas-container {
    width: 1450px;
    margin: 0 auto
}

.ce_rsce_charts .inside .chart-container {
    overflow: auto;
    margin: 2rem auto 0;
    width: 100%;
    overflow-x: auto;
    background-image: linear-gradient(to right, #fff, rgba(255, 255, 255, 0)), linear-gradient(to left, #fff, rgba(255, 255, 255, 0)), linear-gradient(to right, #ccc, rgba(195, 195, 197, 0)), linear-gradient(to left, #ccc, rgba(195, 195, 197, 0));
    background-position: 0 0, 100% 0, 0 0, 100% 0;
    background-repeat: no-repeat;
    background-color: #fff;
    background-size: 4em 100%, 4em 100%, 1em 100%, 1em 100%;
    background-attachment: local, local, scroll, scroll
}

.ce_rsce_charts .inside .chart-container:-webkit-scrollbar {
    -webkit-appearance: none;
    width: 14px;
    height: 14px
}

.ce_rsce_charts .inside .chart-container:-webkit-scrollbar-thumb {
    border-radius: 8px;
    border: 3px solid #fff;
    background-color: rgba(0, 0, 0, .3)
}

@media only screen and (min-width:1500px) {
    .ce_rsce_charts .inside .chart-container {
        background: 0 0
    }
}

.ce_rsce_countdown {
    text-align: center;
    position: relative;
    margin: 4rem auto;
    max-width: 78rem;
    padding: 0 1.3rem
}

.ce_rsce_countdown .inside {
    position: relative
}

.ce_rsce_countdown img {
    filter: grayscale(1);
    z-index: -1;
    -o-object-fit: cover;
    object-fit: cover;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0
}

.ce_rsce_countdown picture+.inhalt {
    padding: 3rem 1.3rem;
    position: relative;
    width: 100%
}

.ce_rsce_countdown picture+.inhalt:after {
    content: "";
    z-index: -1;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    background-color: rgba(211, 18, 19, .6)
}

.blau .ce_rsce_countdown picture+.inhalt:after {
    background-color: rgba(0, 145, 223, .6)
}

.gruen .ce_rsce_countdown picture+.inhalt:after {
    background-color: rgba(118, 184, 40, .6)
}

.orange .ce_rsce_countdown picture+.inhalt:after {
    background-color: rgba(251, 206, 7, .6)
}

.ce_rsce_countdown picture+.inhalt .headline-container-with-line {
    margin-bottom: 1rem
}

.ce_rsce_countdown picture+.inhalt .headline-container-with-line .headline:after,
.ce_rsce_countdown picture+.inhalt .headline-container-with-line .headline:before {
    display: none
}

.ce_rsce_countdown picture+.inhalt * {
    color: #fff !important
}

.ce_rsce_countdown .text {
    max-width: 65rem;
    margin: 0 auto
}

.countdown-container {
    text-align: center
}

.countdown-container .countdowner .countdown-row {
    max-width: 500px;
    margin: 0 auto;
    display: flex;
    flex-flow: row wrap;
    justify-content: center
}

.countdown-container .countdowner .countdown-row .countdown-section {
    flex: 0 25%;
    max-width: 25%;
    width: 25%
}

.countdown-container .countdowner .countdown-row .countdown-section .value {
    position: relative;
    font-size: 2rem;
    color: #d31213;
    font-weight: 700;
    display: block
}

.blau .countdown-container .countdowner .countdown-row .countdown-section .value {
    color: #0091df
}

.gruen .countdown-container .countdowner .countdown-row .countdown-section .value {
    color: #76b828
}

.orange .countdown-container .countdowner .countdown-row .countdown-section .value {
    color: #fbce07
}

.ce_rsce_countdown .countdown-container .countdowner .countdown-row .countdown-section .value {
    padding-bottom: 1rem;
    margin-bottom: 1.75rem
}

.ce_rsce_countdown .countdown-container .countdowner .countdown-row .countdown-section .value:after {
    width: 2rem;
    height: 2px;
    position: absolute;
    background-color: #d31213;
    display: inline-block;
    bottom: -.5rem;
    left: 50%;
    transform: translate(-50%, 0);
    content: ""
}

.blau .ce_rsce_countdown .countdown-container .countdowner .countdown-row .countdown-section .value:after {
    background-color: #0091df
}

.gruen .ce_rsce_countdown .countdown-container .countdowner .countdown-row .countdown-section .value:after {
    background-color: #76b828
}

.orange .ce_rsce_countdown .countdown-container .countdowner .countdown-row .countdown-section .value:after {
    background-color: #fbce07
}

.ce_rsce_countdown .countdown-container .countdowner .countdown-row .countdown-section .label {
    font-weight: 700
}

.countdown-container .countdown-abgelaufen .cta-text {
    font-size: 2rem;
    color: #d31213
}

.countdown-container .countdown-abgelaufen .button-row {
    margin-top: 1rem;
    display: block;
    text-align: center
}

.ce_rsce_ergas_formular .inside {
    margin: 4rem auto;
    padding: 0 1.3rem;
    max-width: 78rem
}

.ce_rsce_ergas_formular .inside .headline {
    text-align: center
}

.ce_rsce_ergas_formular .inside .ce_form {
    margin: 0 auto;
    padding: 0
}

.ce_rsce_ergas_formular .inside .hide-telefonnummer {
    display: none
}

.ce_rsce_faq_auszug .inside {
    max-width: 78rem;
    margin: 4rem auto;
    padding: 0 1.3rem
}

.ce_rsce_faq_auszug .area-texte {
    max-width: 63rem;
    margin: 2rem auto 0;
    position: relative
}

.ce_rsce_faq_auszug .area-texte .area-text {
    background-color: #f3f4f5;
    padding: 2rem;
    margin-bottom: 2rem
}

.ce_rsce_faq_auszug .area-texte .area-text p:first-child {
    margin-top: 0
}

.ce_rsce_faq_auszug .area-texte .area-text .headline {
    position: relative;
    margin-bottom: 1rem;
    font-weight: 700;
    padding-bottom: 1rem
}

.ce_rsce_faq_auszug .area-texte .area-text .headline:after {
    height: 2px;
    width: 8rem;
    background-color: #d31213;
    content: "";
    position: absolute;
    bottom: 0;
    left: 0
}

.orange .ce_rsce_faq_auszug .area-texte .area-text .headline:after {
    background-color: #fbce07
}

.blau .ce_rsce_faq_auszug .area-texte .area-text .headline:after {
    background-color: #0091df
}

.gruen .ce_rsce_faq_auszug .area-texte .area-text .headline:after {
    background-color: #76b828
}

.ce_rsce_faq_auszug .area-texte .area-text img {
    position: absolute;
    right: 1rem;
    width: 30%;
    bottom: 0
}

.ce_rsce_faq_auszug .area-texte .area-text .text.mit-bild {
    max-width: 65%
}

.ce_rsce_faq_auszug .area-texte .area-text .button {
    margin-top: 1rem
}

.ce_rsce_faq_suche {
    text-align: center;
    color: #fff;
    padding: 4rem 1.3rem;
    background-size: cover;
    background-position: center center;
    background-image: url(../images/roter-hintergrund.jpg)
}

.ce_rsce_faq_suche .headline {
    font-weight: 700;
    color: #fff
}

.ce_rsce_faq_suche .suchfeld {
    position: relative;
    display: inline-block;
    margin: 1.5rem auto 1rem
}

.ce_rsce_faq_suche .suchfeld i {
    font-size: 2rem;
    top: 50%;
    transform: translate(0, -50%);
    position: absolute;
    right: 100%
}

.ce_rsce_faq_suche .suchfeld #faq-suchfeld {
    border-radius: 0;
    font-size: .8rem;
    border: none;
    background-color: rgba(255, 255, 255, .5);
    color: #fff;
    padding: .5rem 1rem
}

.ce_rsce_faq_suche .suchfeld #faq-suchfeld:focus {
    border: none;
    outline: 0;
    background-color: rgba(255, 255, 255, .6)
}

.ce_rsce_faq_suche .suchfeld ::-webkit-input-placeholder {
    line-height: 1.4;
    font-weight: 300;
    color: #fff;
    letter-spacing: .01rem
}

.ce_rsce_faq_suche .suchfeld ::-moz-placeholder {
    line-height: 1.4;
    font-weight: 300;
    color: #fff;
    letter-spacing: .01rem
}

.ce_rsce_faq_suche .suchfeld :-ms-input-placeholder {
    line-height: 1.4;
    font-weight: 300;
    color: #fff;
    letter-spacing: .01rem
}

.ce_rsce_faq_suche .suchfeld :-moz-placeholder {
    line-height: 1.4;
    font-weight: 300;
    color: #fff;
    letter-spacing: .01rem
}

.ce_rsce_faq_suche .toggle-control {
    display: flex;
    margin: .5rem auto;
    color: #f3f4f5;
    align-items: center;
    font-size: .7rem;
    text-transform: uppercase;
    justify-content: center
}

.ce_rsce_faq_suche .toggle-control .links,
.ce_rsce_faq_suche .toggle-control .rechts {
    padding: 0 .5em
}

.ce_rsce_faq_suche .toggle-control .active {
    font-weight: 700
}

.ce_rsce_faq_suche .switch {
    position: relative;
    display: inline-block;
    width: 3rem;
    height: 1.7rem
}

.ce_rsce_faq_suche .switch input {
    opacity: 0;
    width: 0;
    height: 0
}

.ce_rsce_faq_suche .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    transition: .4s
}

.ce_rsce_faq_suche .slider:before {
    position: absolute;
    content: "";
    height: 1.4rem;
    width: 1.4rem;
    left: .15rem;
    bottom: .15rem;
    background-color: #fff;
    transition: .4s
}

.ce_rsce_faq_suche input+.slider {
    background-color: rgba(255, 255, 255, .5)
}

.ce_rsce_faq_suche input:checked+.slider:before {
    transform: translateX(1.3rem)
}

.ce_rsce_faq_suche .slider.round {
    border-radius: 1rem
}

.ce_rsce_faq_suche .slider.round:before {
    border-radius: 50%
}

.ce_rsce_faq {
    margin: 4rem auto
}

.ce_rsce_faq .inside {
    max-width: 78rem;
    margin: 0 auto;
    padding: 0 1.3rem
}

.ce_rsce_faq .headline-container {
    text-align: center
}

.ce_rsce_faq .gewerbe {
    display: none
}

.ce_rsce_faq .gewerbe,
.ce_rsce_faq .privat {
    padding: 1px 0
}

.ce_rsce_faq .tabs-container {
    margin: auto;
    max-width: 50rem;
    text-align: left
}

.ce_rsce_faq .tabs-container .abschnitt {
    border-bottom: 1px solid #ccc
}

.ce_rsce_faq .tabs-container .abschnitt:last-child {
    border: none
}

.ce_rsce_faq .tab-category-element {
    cursor: pointer;
    position: relative;
    font-size: 1em;
    padding: 1rem 0;
    display: block;
    color: #555
}

.ce_rsce_faq .tab-category-element .title {
    line-height: 1.4;
    display: flex
}

.ce_rsce_faq .tab-category-element .title img {
    padding: .5rem;
    font-size: 1.2rem;
    font-style: normal;
    font-weight: 400;
    color: #fff;
    background-color: #d31213;
    height: 2.25rem;
    min-width: 2.25rem;
    width: 2.25rem;
    display: flex;
    align-items: center;
    justify-content: center
}

.orange .ce_rsce_faq .tab-category-element .title img {
    background-color: #fbce07
}

.blau .ce_rsce_faq .tab-category-element .title img {
    background-color: #0091df
}

.gruen .ce_rsce_faq .tab-category-element .title img {
    background-color: #76b828
}

.ce_rsce_faq .tab-category-element .title span {
    display: block;
    padding-left: 1rem;
    margin-top: .45rem
}

.ce_rsce_faq .tab-category-content {
    padding: 1px 1.5rem 1rem 3.3rem;
    display: none
}

.ce_rsce_faq .tab-category-content p {
    margin: 1rem 0
}

.ce_rsce_faq .tab-category-content p:first-child {
    margin-top: 0
}

.ce_rsce_faq .tab-category-content ol,
.ce_rsce_faq .tab-category-content ul {
    margin-top: 1rem;
    margin-bottom: 1rem
}

.ce_rsce_faq .tab-category-content strong {
    color: #d31213
}

.ce_rsce_faq .tab-category-content a:hover {
    color: #555;
    text-decoration: none
}

.ce_rsce_faq .button-row {
    text-align: center;
    margin-top: 3rem
}

.ce_rsce_faq .not-found {
    padding: 2rem;
    background-color: #f3f4f5
}

.ce_rsce_headline {
    max-width: 78rem;
    margin: 4rem auto 0;
    padding: 0 1.3rem
}

.ce_rsce_jobs_2 .jobs-container {
    border-top: 1px solid #000;
    max-width: 50rem;
    margin: 0 auto
}

.ce_rsce_jobs_2 .jobs-container .nav-item {
    border-bottom: 1px solid #000
}

.ce_rsce_jobs_2 .jobs-container .nav-item a {
    padding: 1rem 2.5rem 1rem 0;
    font-weight: 700;
    position: relative;
    display: block;
    text-decoration: none
}

.ce_rsce_jobs_2 .jobs-container .nav-item a:after {
    transition: .2s;
    font-size: 1.5rem;
    content: "";
    font-family: gonzocons;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(0, -50%)
}

.ce_rsce_jobs_2 .jobs-container .nav-item a:hover:after {
    color: #d31213;
    right: -.3rem
}

.ce_rsce_jobs_2 .jobs-container .nav-item a .subline {
    color: #d31213;
    font-weight: 400;
    font-size: .8rem
}

.back-to-overview {
    max-width: 65rem;
    margin: 4rem auto 3rem;
    padding: 0 1.3rem
}

.ce_rsce_kontaktblock .inside {
    margin: 4rem auto;
    max-width: 65rem;
    padding: 0 1.3rem
}

.ce_rsce_kontaktblock .headline-container {
    margin-top: 0;
    margin-bottom: 1rem
}

.ce_rsce_kontaktblock .headline {
    text-transform: inherit !important;
    display: inline-block;
    margin: 1rem 0 .25rem;
    padding-bottom: 1rem;
    position: relative
}

.ce_rsce_kontaktblock .headline:before {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 40%;
    height: 2px;
    content: "";
    background-color: #d31213
}

.orange .ce_rsce_kontaktblock .headline:before {
    background-color: #fbce07
}

.blau .ce_rsce_kontaktblock .headline:before {
    background-color: #0091df
}

.gruen .ce_rsce_kontaktblock .headline:before {
    background-color: #76b828
}

.ce_rsce_kontaktblock .flex .links {
    padding-bottom: 2rem;
    margin-bottom: 2rem
}

.ce_rsce_kontaktblock .flex .links .link-row .link {
    color: #d31213;
    text-decoration: none
}

.orange .ce_rsce_kontaktblock .flex .links .link-row .link {
    color: #fbce07
}

.blau .ce_rsce_kontaktblock .flex .links .link-row .link {
    color: #0091df
}

.gruen .ce_rsce_kontaktblock .flex .links .link-row .link {
    color: #76b828
}

.ce_rsce_kontaktblock .flex .links .link-row .link i {
    display: inline-block;
    margin-right: .5rem;
    color: #000
}

.ce_rsce_kontaktblock .flex .rechts .kontaktslider {
    width: 100%
}

.ce_rsce_kontaktblock .flex .rechts .ansprechpartner {
    text-align: center;
    outline: 0;
    margin-bottom: 2rem
}

.ce_rsce_kontaktblock .flex .rechts .ansprechpartner:last-child {
    margin-bottom: 0
}

.ce_rsce_kontaktblock .flex .rechts .ansprechpartner img {
    max-width: 200px;
    width: 100%;
    display: inline-block
}

.ce_rsce_kontaktblock .flex .rechts .ansprechpartner .name {
    display: block;
    font-size: 1rem;
    font-weight: 700;
    text-transform: uppercase
}

.ce_rsce_kontaktblock .flex .rechts .ansprechpartner .beschreibung p {
    font-size: .9rem;
    margin: .25rem 0 1.5rem
}

.ce_rsce_kontaktblock .flex .rechts .ansprechpartner a {
    text-decoration: none
}

.ce_rsce_kontaktblock .flex .rechts .ansprechpartner .button {
    text-align: center;
    font-size: .6rem
}

.ce_rsce_kontaktblock .flex .rechts .slick-arrow {
    font-size: 2rem;
    z-index: 1;
    cursor: pointer;
    position: absolute;
    top: 50%;
    transform: translate(0, -50%)
}

.ce_rsce_kontaktblock .flex .rechts .slick-arrow.prev {
    left: 0
}

.ce_rsce_kontaktblock .flex .rechts .slick-arrow.next {
    right: 0
}

.ce_rsce_kontaktformular .inside {
    margin: 4rem auto;
    padding: 0 1.3rem;
    max-width: 78rem
}

.ce_rsce_kontaktformular .inside .headline {
    text-align: center
}

.ce_rsce_kontaktformular .inside .ce_form {
    padding: 2rem 0 0;
    margin: 0
}

.ce_rsce_kontaktformular .inside .flex {
    margin-top: 1rem
}

.ce_rsce_kontaktformular .inside .flex>.links {
    margin-bottom: 2rem
}

.ce_rsce_kontaktformular .inside .flex>.links h1:first-child,
.ce_rsce_kontaktformular .inside .flex>.links h2:first-child,
.ce_rsce_kontaktformular .inside .flex>.links h3:first-child,
.ce_rsce_kontaktformular .inside .flex>.links h4:first-child,
.ce_rsce_kontaktformular .inside .flex>.links h5:first-child,
.ce_rsce_kontaktformular .inside .flex>.links h6:first-child,
.ce_rsce_kontaktformular .inside .flex>.links p:first-child {
    margin-top: 0
}

.ce_rsce_kontaktformular .inside .flex>.links img {
    max-width: 50%
}

.ce_rsce_kontaktformular .inside .flex>.rechts p {
    margin: .5rem 0;
    font-size: .8rem;
    line-height: 1.4
}

.ce_rsce_kontaktformular .flex .links .flexbox .flex-links .map {
    background-color: #f3f4f5;
    background-image: url(../images/google-maps-hintergrund.png);
    background-size: cover;
    background-position: center center;
    height: 200px
}

.ce_rsce_kontaktformular .flex .links .flexbox .flex-links .map .datenschutz-hinweis {
    padding: .5rem;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

.ce_rsce_kontaktformular .flex .links .flexbox .flex-links .map .datenschutz-hinweis p {
    margin: 0 auto;
    text-align: center;
    line-height: 1.2;
    font-size: .6rem
}

.ce_rsce_kontaktformular .flex .links .flexbox .flex-links .map .datenschutz-hinweis .button {
    margin-top: .5rem;
    font-size: .6rem;
    padding: .5em
}

.ce_rsce_kontaktformular .flex .links .flexbox .flex-rechts {
    margin-top: 1rem
}

.ce_rsce_kontaktformular .flex .links .standorte .standort {
    margin-top: 2rem
}

.ce_rsce_kontaktformular .flex .links .standorte .standort h4 {
    margin: 0 auto
}

.ce_rsce_kontaktformular .flex .links .standorte .standort p {
    margin: .5rem 0
}

.ce_rsce_magazin_g_highlights.ce_rsce_magazin,
.ce_rsce_magazin_gewerbe.ce_rsce_magazin {
    margin: 4rem auto;
    padding: 0;
    background-color: #fff
}

.ce_rsce_magazin_g_highlights.ce_rsce_magazin .headline-container-with-line .headline,
.ce_rsce_magazin_gewerbe.ce_rsce_magazin .headline-container-with-line .headline {
    background-color: #fff
}

.ce_rsce_magazin_gewerbe.ce_rsce_magazin .button-row-last {
    margin-top: 0
}

.ce_rsce_magazin {
    background-color: #f3f4f5;
    padding: 3rem 0;
    position: relative;
    z-index: 0
}

.ce_rsce_magazin .inner {
    padding: 0 1.3rem;
    max-width: 78rem;
    margin: 0 auto
}

.ce_rsce_newsletter_abmeldung {
    margin: 4rem 0;
    position: relative;
    z-index: 0
}

.ce_rsce_newsletter_abmeldung .inside {
    padding: 0 1.3rem;
    max-width: 78rem;
    margin: 0 auto
}

.ce_rsce_newsletter_abmeldung .inside .ce_form {
    padding: 0;
    margin: 2rem auto;
    max-width: 700px
}

.ce_rsce_newsletter_abmeldung .inside .ce_form input {
    padding: .4rem;
    margin-top: .5rem;
    border: 1px solid #ccc;
    margin-bottom: 1rem
}

.ce_rsce_newsletter {
    margin: 4rem 0;
    position: relative;
    z-index: 0
}

.ce_rsce_newsletter .inside {
    padding: 0 1.3rem;
    max-width: 78rem;
    margin: 0 auto
}

.ce_rsce_newsletter .inside .ce_form {
    margin: 0;
    padding: 0
}

.ce_rsce_newsletter .inside .flex {
    max-width: 65rem;
    margin: 0 auto
}

.ce_rsce_newsletter .inside .flex .links .beschreibung p:first-child {
    margin-top: 0
}

.ce_rsce_newsletter .inside .ce_form .formbody {
    padding: 0
}

.ce_rsce_newsletter .inside .ce_form .widget-checkbox legend,
.ce_rsce_newsletter .inside .ce_form .widget-radio legend {
    display: block;
    font-weight: 700
}

.ce_rsce_newsletter .inside .ce_form .formbody .submit_container {
    margin-top: 0
}

.ce_rsce_produktportfolio {
    outline: 0;
    margin: 4rem auto 6rem
}

.ce_rsce_produktportfolio .inside {
    max-width: 78rem;
    margin: 0 auto;
    padding: 0 1.3rem
}

.ce_rsce_produktportfolio .area-icons {
    text-align: center;
    margin-bottom: 1rem
}

.ce_rsce_produktportfolio .area-icons .area-icon {
    overflow: hidden;
    position: relative;
    display: inline-block;
    text-align: center;
    margin: .5rem;
    background-color: #fff;
    height: 5rem;
    width: 5rem;
    min-width: 5rem;
    min-height: 5rem;
    border: 1px solid #555;
    padding: .5rem;
    transition: .25s linear
}

.ce_rsce_produktportfolio.invert .area-icons .area-icon {
    background-color: #d31213;
    border-color: #d31213
}

.ce_rsce_produktportfolio .area-icons .area-icon .flex {
    display: flex;
    height: 100%;
    align-items: center;
    text-align: center;
    justify-content: center
}

.ce_rsce_produktportfolio .area-icons .area-icon.active,
.ce_rsce_produktportfolio .area-icons .area-icon:hover {
    border-color: #d31213;
    background-color: #d31213
}

.ce_rsce_produktportfolio.invert .area-icons .area-icon.active,
.ce_rsce_produktportfolio.invert .area-icons .area-icon:hover {
    border-color: #555;
    background-color: #fff
}

.orange .ce_rsce_produktportfolio.invert .area-icons .area-icon {
    background-color: #fbce07;
    border-color: #fbce07
}

.blau .ce_rsce_produktportfolio.invert .area-icons .area-icon {
    background-color: #0091df;
    border-color: #0091df
}

.gruen .ce_rsce_produktportfolio.invert .area-icons .area-icon {
    background-color: #76b828;
    border-color: #76b828
}

.orange .ce_rsce_produktportfolio .area-icons .area-icon.active,
.orange .ce_rsce_produktportfolio .area-icons .area-icon:hover {
    border-color: #fbce07;
    background-color: #fbce07
}

.blau .ce_rsce_produktportfolio .area-icons .area-icon.active,
.blau .ce_rsce_produktportfolio .area-icons .area-icon:hover {
    border-color: #0091df;
    background-color: #0091df
}

.gruen .ce_rsce_produktportfolio .area-icons .area-icon.active,
.gruen .ce_rsce_produktportfolio .area-icons .area-icon:hover {
    border-color: #76b828;
    background-color: #76b828
}

.blau .ce_rsce_produktportfolio.invert .area-icons .area-icon.active,
.blau .ce_rsce_produktportfolio.invert .area-icons .area-icon:hover,
.gruen .ce_rsce_produktportfolio.invert .area-icons .area-icon.active,
.gruen .ce_rsce_produktportfolio.invert .area-icons .area-icon:hover,
.orange .ce_rsce_produktportfolio.invert .area-icons .area-icon.active,
.orange .ce_rsce_produktportfolio.invert .area-icons .area-icon:hover {
    border-color: #555;
    background-color: #fff
}

.ce_rsce_produktportfolio .area-icons .area-icon:hover {
    cursor: pointer
}

.ce_rsce_produktportfolio .area-icons .area-icon .image-container {
    position: relative
}

.ce_rsce_produktportfolio .area-icons .area-icon .image-container.bigger img {
    max-width: 100%;
    width: 100%
}

.ce_rsce_produktportfolio .area-icons .area-icon .image-container.bigger+.kategorie {
    display: none
}

.ce_rsce_produktportfolio .area-icons .area-icon .image-container img {
    color: #fff;
    display: inline-block;
    max-width: 2rem
}

.ce_rsce_produktportfolio .area-icons .area-icon .image-container img.absolute-image {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: auto
}

.ce_rsce_produktportfolio .area-icons .area-icon.active .image-container img.absolute-image,
.ce_rsce_produktportfolio .area-icons .area-icon:hover .image-container img.absolute-image,
.ce_rsce_produktportfolio.invert .area-icons .area-icon .image-container img.absolute-image {
    display: block
}

.ce_rsce_produktportfolio .area-icons .area-icon.active .image-container img.relative-image,
.ce_rsce_produktportfolio .area-icons .area-icon:hover .image-container img.relative-image {
    opacity: 0
}

.ce_rsce_produktportfolio.invert .area-icons .area-icon.active .image-container img.absolute-image,
.ce_rsce_produktportfolio.invert .area-icons .area-icon:hover .image-container img.absolute-image {
    display: none
}

.ce_rsce_produktportfolio.invert .area-icons .area-icon.active .image-container img.relative-image,
.ce_rsce_produktportfolio.invert .area-icons .area-icon:hover .image-container img.relative-image {
    opacity: 1
}

.ce_rsce_produktportfolio .area-icons .area-icon .kategorie {
    display: none
}

.ce_rsce_produktportfolio .area-icons .area-icon .nur-text .kategorie,
.ce_rsce_produktportfolio .area-icons .area-icon.active .kategorie,
.ce_rsce_produktportfolio .area-icons .area-icon:hover .kategorie {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    -webkit-hyphens: auto;
    hyphens: auto;
    font-weight: 300;
    font-size: .5rem;
    text-transform: uppercase;
    padding: .5rem .15rem;
    color: #fff;
    display: block
}

.ce_rsce_produktportfolio.invert .area-icons .area-icon .nur-text .kategorie,
.ce_rsce_produktportfolio.invert .area-icons .area-icon.active .kategorie,
.ce_rsce_produktportfolio.invert .area-icons .area-icon:hover .kategorie {
    color: #d31213
}

.ce_rsce_produktportfolio .area-icons .area-icon.active:after {
    top: 100%;
    left: 50%;
    border: 1rem solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-top-color: #d31213;
    margin-left: -1rem
}

.ce_rsce_produktportfolio .area-icons .area-icon .nur-text .kategorie {
    font-weight: 700;
    display: block;
    color: #d31213
}

.ce_rsce_produktportfolio.invert .area-icons .area-icon .nur-text .kategorie {
    font-weight: 700;
    display: block;
    color: #fff
}

.ce_rsce_produktportfolio .area-icons .area-icon.active .nur-text .kategorie,
.ce_rsce_produktportfolio .area-icons .area-icon:hover .nur-text .kategorie {
    color: #fff
}

.ce_rsce_produktportfolio .area-texte {
    max-width: 78rem;
    margin: 1rem auto 0;
    position: relative
}

.ce_rsce_produktportfolio .area-texte .area-text {
    background-color: #f3f4f5;
    padding: 2rem 2rem 6rem
}

.ce_rsce_produktportfolio .area-texte .area-text p:first-child {
    margin-top: 0
}

.ce_rsce_produktportfolio .area-texte .area-text p:last-child {
    margin-bottom: 0
}

.ce_rsce_produktportfolio .area-texte .area-text .headline {
    position: relative;
    margin-bottom: 1rem;
    font-weight: 700;
    padding-bottom: 1rem
}

.ce_rsce_produktportfolio .area-texte .area-text .headline:after {
    height: 2px;
    width: 8rem;
    background-color: #d31213;
    content: "";
    position: absolute;
    bottom: 0;
    left: 0
}

.orange .ce_rsce_produktportfolio .area-texte .area-text .headline:after {
    background-color: #fbce07
}

.blau .ce_rsce_produktportfolio .area-texte .area-text .headline:after {
    background-color: #0091df
}

.gruen .ce_rsce_produktportfolio .area-texte .area-text .headline:after {
    background-color: #76b828
}

.ce_rsce_produktportfolio .area-texte .area-text img {
    position: absolute;
    right: 0;
    bottom: 0;
    max-height: 5rem;
    height: auto
}

.startseite .ce_rsce_produktportfolio .area-texte .area-text img {
    max-height: 7rem
}

.ce_rsce_produktportfolio .area-texte .area-text .button {
    margin-top: 1rem
}

.ce_rsce_quadrate {
    outline: 0;
    margin: 4rem auto 6rem
}

.ce_rsce_quadrate+.ce_rsce_quadrate {
    margin-top: -6rem
}

.ce_rsce_quadrate .inside {
    max-width: 78rem;
    margin: 0 auto;
    padding: 0 1.3rem
}

.quadrate {
    margin: 2rem -.5rem
}

.quadrat {
    display: block;
    font-size: .9rem;
    text-decoration: none;
    padding: .5rem;
    width: 100%
}

.quadrat .inside-quadrat {
    overflow: hidden;
    color: #fff;
    position: relative;
    height: 100%;
    background-color: #d31213
}

.orange .quadrat .inside-quadrat {
    background-color: #fbce07
}

.blau .quadrat .inside-quadrat {
    background-color: #0091df
}

.gruen .quadrat .inside-quadrat {
    background-color: #76b828
}

.quadrat .inside-quadrat img {
    width: 100%;
    height: auto;
    display: block
}

.quadrat .inside-quadrat .absolute-container img {
    width: 40%;
    display: inline-block
}

.quadrat .inside-quadrat .background-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: .2s;
    filter: grayscale(100%);
    overflow: hidden
}

a.quadrat:hover .inside-quadrat .background-image {
    filter: grayscale(0);
    transform: scale(1.1)
}

.quadrat .inside-quadrat .absolute-container {
    transition: transform .2s, opacity .2s linear, background-color .2s linear .1s;
    padding: 1rem;
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%
}

.quadrat .inside-quadrat.mit-hintergrundbild .absolute-container {
    background-color: rgba(0, 0, 0, .5)
}

.no-touch a.quadrat:hover .inside-quadrat.mit-hintergrundbild .absolute-container {
    background-color: rgba(0, 0, 0, 0);
    transition: transform .4s .1s, opacity .2s linear .05s, background-color .1s linear
}

.no-touch a.quadrat.mit-hintergrundbild:hover .inside-quadrat .absolute-container {
    opacity: 0
}

.quadrat .inside-quadrat .absolute-container .preline {
    letter-spacing: .05rem;
    font-weight: 500
}

.quadrat .inside-quadrat .absolute-container .preline p {
    margin: 0;
    line-height: 1.3;
    font-size: 1em
}

.quadrat .inside-quadrat .absolute-container .headline {
    font-size: 1.75rem;
    font-weight: 700;
    text-transform: uppercase;
    display: block
}

.quadrat .inside-quadrat .absolute-container .link {
    font-weight: 500;
    display: block;
    margin-top: .5rem;
    margin-bottom: 2rem
}

.ce_rsce_schmierstoffwegweiser {
    margin: 4rem auto;
    max-width: 78rem;
    padding: 0 1.3rem
}

.ce_rsce_schmierstoffwegweiser iframe {
    border: none
}

.ce_rsce_storelocator {
    margin: 4rem auto;
    max-width: 78rem;
    padding: 0 1.3rem
}

.ce_rsce_storelocator #map {
    height: 300px;
    background-color: rgba(85, 85, 85, .05);
    background-image: url(../images/google-maps-hintergrund.png);
    background-size: cover
}

.ce_rsce_storelocator #map .datenschutz-hinweis {
    position: relative;
    z-index: 1;
    text-align: center;
    padding: 0 1rem;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

.ce_rsce_storelocator #map .datenschutz-hinweis p {
    font-size: .9rem
}

.ce_rsce_storelocator #map .datenschutz-hinweis a {
    text-decoration: underline
}

.ce_rsce_storelocator .ce_form {
    text-align: center
}

.mod_storelocator {
    max-width: 78rem;
    margin: 2rem auto 4rem
}

.mod_storelocator .inside img {
    display: inline-block;
    width: 100%;
    margin: 0 auto 1rem
}

.mod_storelocator .inside .ce_form {
    max-width: 75%;
    margin: 0 auto;
    width: 100%;
    display: block
}

.mod_storelocator .inside .ce_form .formbody {
    padding: 0
}

.mod_storelocator .inside .scrollarea {
    margin-bottom: 2rem;
    display: none;
    z-index: 2;
    overflow: auto
}

.mod_storelocator .inside .map-container {
    margin-top: 2rem;
    width: 100%;
    position: relative
}

.mod_storelocator .inside #results {
    background-color: rgba(0, 0, 0, .1);
    min-height: 100%;
    text-align: center;
    margin: 0
}

.mod_storelocator .inside #results li {
    color: #fff;
    padding: 1rem;
    border-bottom: 1px solid #fff;
    list-style-type: none
}

.mod_storelocator .inside #results li:last-child {
    margin-bottom: 0;
    border-bottom: none
}

.mod_storelocator .inside #results li .box-inside {
    margin-bottom: 1.5rem;
    line-height: 1.2;
    text-align: left;
    font-size: .8rem;
    position: relative
}

.mod_storelocator .inside #results li .box-inside:before {
    background-repeat: no-repeat;
    content: "";
    width: 1.5rem;
    height: 1.5rem;
    position: absolute;
    top: -5px;
    left: 0
}

.mod_storelocator .inside #results li .name {
    text-transform: uppercase;
    font-size: 1rem;
    display: block;
    margin-bottom: .5rem
}

.mod_storelocator .inside #results li .name small {
    font-family: DINPro, Arial, sans-serif;
    font-size: .6rem
}

.mod_storelocator .inside #results li a {
    color: #fff
}

.mod_storelocator .inside #results li a.webseite {
    display: inline-block;
    margin-top: .5rem
}

.mod_storelocator .inside #results li .button-row {
    margin: 0 -.5rem;
    display: flex
}

.mod_storelocator .inside #results li .button-row a,
.mod_storelocator .inside #results li .button-row input {
    cursor: pointer;
    line-height: 1.4;
    margin: 0 .5rem;
    padding: .25rem 1rem;
    font-size: .8rem
}

.mod_storelocator .inside #results li .button-row a:hover,
.mod_storelocator .inside #results li .button-row input:hover {
    background-color: #fff;
    color: #555
}

.mod_storelocator .inside .marker-inside {
    background-color: #fff;
    padding: .25rem;
    border-radius: .2rem;
    font-size: .6rem;
    min-width: 130px
}

.mod_storelocator .inside .marker-inside .name {
    text-transform: uppercase;
    font-size: .8rem
}

.mod_storelocator .inside .marker-inside .name small {
    font-family: DINPro, Arial, sans-serif;
    font-weight: 300;
    font-size: .6rem
}

.orange .mod_storelocator .map-button {
    background-color: #fbce07 !important
}

.blau .mod_storelocator .map-button {
    background-color: #0091df !important
}

.gruen .mod_storelocator .map-button {
    background-color: #76b828 !important
}

.ce_rsce_strom_formular .inside {
    margin: 4rem auto;
    padding: 0 1.3rem;
    max-width: 78rem
}

.ce_rsce_strom_formular .inside .headline {
    text-align: center
}

.ce_rsce_strom_formular .inside .hide-telefonnummer {
    display: none
}

.ce_rsce_stromverbrauch .inside {
    max-width: 78rem;
    margin: 4rem auto 6rem;
    padding: 0 1.3rem
}

.ce_rsce_stromverbrauch .flex {
    margin: 2rem auto 0
}

.ce_rsce_stromverbrauch .flex .box {
    text-align: center
}

.ce_rsce_stromverbrauch .flex .box p {
    margin: .5rem 0
}

.ce_rsce_stromverbrauch .flex .box strong {
    color: #d31213
}

.orange .ce_rsce_stromverbrauch .flex .box strong {
    color: #fbce07
}

.blau .ce_rsce_stromverbrauch .flex .box strong {
    color: #0091df
}

.gruen .ce_rsce_stromverbrauch .flex .box strong {
    color: #76b828
}

.ce_rsce_stromverbrauch .flex .box a {
    text-decoration: none
}

.ce_rsce_stromverbrauch .flex .box a:hover {
    text-decoration: underline
}

.ce_rsce_stromverbrauch .flex .trennzeichen {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2rem;
    color: #d31213;
    text-align: center
}

.orange .ce_rsce_stromverbrauch .flex .trennzeichen {
    color: #fbce07
}

.blau .ce_rsce_stromverbrauch .flex .trennzeichen {
    color: #0091df
}

.gruen .ce_rsce_stromverbrauch .flex .trennzeichen {
    color: #76b828
}

.ce_rsce_tabelle .inside {
    max-width: 78rem;
    margin: 4rem auto 5rem;
    padding: 0 1.3rem
}

table {
    margin: 0;
    border: none;
    width: 100% !important;
    min-width: 1000px;
    border-collapse: collapse
}

.ce_rsce_erweiterte_tabelle .inside table {
    width: auto !important
}

table thead tr td {
    color: #fff;
    border: none;
    font-weight: 700;
    background-color: #d31213
}

.orange table thead tr td {
    background-color: #fbce07
}

.blau table thead tr td {
    background-color: #0091df
}

table tfoot tr td {
    background-color: #f3f4f5
}

table tr td {
    border: none;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    vertical-align: top;
    max-width: 250px;
    padding: 1rem
}

table tr td:last-child {
    border-right: none
}

table tr td p,
table tr th p {
    margin: 0 !important
}

table tr td ol,
table tr td ul {
    margin-top: 0 !important;
    margin-bottom: 0 !important
}

table tr td strong {
    color: #d31213
}

.orange table tr td strong {
    color: #fbce07
}

.blau table tr td strong {
    color: #0091df
}

.gruen table thead tr td {
    background-color: #76b828
}

.tabellen {
    width: 100%;
    overflow-x: auto;
    background-image: linear-gradient(to right, #fff, rgba(255, 255, 255, 0)), linear-gradient(to left, #fff, rgba(255, 255, 255, 0)), linear-gradient(to right, #f3f4f5, rgba(195, 195, 197, 0)), linear-gradient(to left, #f3f4f5, rgba(195, 195, 197, 0));
    background-position: 0 0, 100% 0, 0 0, 100% 0;
    background-repeat: no-repeat;
    background-color: #fff;
    background-size: 2rem 100%, 2rem 100%, 1rem 100%, 1rem 100%;
    background-attachment: local, local, scroll, scroll
}

.tabellen:-webkit-scrollbar {
    -webkit-appearance: none;
    width: 14px;
    height: 14px
}

.tabellen:-webkit-scrollbar-thumb {
    border-radius: 8px;
    border: 3px solid #fff;
    background-color: rgba(0, 0, 0, .3)
}

.tabellen table {
    border-spacing: 0;
    border-collapse: collapse;
    margin: 0 auto !important
}

.ce_rsce_tarifrechner {
    max-width: 78rem;
    padding: 0 1.3rem;
    margin: 4rem auto
}

.ce_rsce_tarifrechner iframe {
    border: none;
    min-height: 400px;
    width: 100%
}

.ce_rsce_teaser_klein {
    position: relative;
    background-color: #d31213;
    padding: 2rem 1.3rem;
    color: #fff;
    text-align: center
}

.ce_rsce_teaser_klein .scale-image {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 0;
    background-size: cover;
    background-position: center center
}

.ce_rsce_teaser_klein .scale-image.links-10 {
    background-position: 10% 30%
}

.ce_rsce_teaser_klein .scale-image.links-20 {
    background-position: 20% 30%
}

.ce_rsce_teaser_klein .scale-image.links-30 {
    background-position: 30% 30%
}

.ce_rsce_teaser_klein .scale-image.links-40 {
    background-position: 40% 30%
}

.ce_rsce_teaser_klein .scale-image.links-50 {
    background-position: 50% 30%
}

.ce_rsce_teaser_klein .scale-image.links-60 {
    background-position: 60% 30%
}

.ce_rsce_teaser_klein .scale-image.links-70 {
    background-position: 70% 30%
}

.ce_rsce_teaser_klein .scale-image.links-80 {
    background-position: 80% 30%
}

.ce_rsce_teaser_klein .scale-image.links-90 {
    background-position: 90% 30%
}

.ce_rsce_teaser_klein .scale-image.links-100 {
    background-position: right 30%
}

.ce_rsce_teaser_klein .inside {
    position: relative;
    z-index: 1;
    padding: 2rem 0;
    display: flex;
    align-items: flex-end;
    justify-content: center
}

.ce_rsce_teaser_klein h1,
.ce_rsce_teaser_klein h2,
.ce_rsce_teaser_klein h3,
.ce_rsce_teaser_klein h4 {
    margin: 0;
    color: #fff !important
}

.ce_rsce_teaser_klein .text p {
    margin: .5rem 0;
    color: #fff !important
}

.ce_rsce_teaser_klein .overlay {
    z-index: 0;
    background-color: rgba(211, 18, 19, .65);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.orange .ce_rsce_teaser_klein .overlay {
    background-color: rgba(246, 136, 0, .65)
}

.blau .ce_rsce_teaser_klein .overlay {
    background-color: rgba(0, 145, 223, .65)
}

.gruen .ce_rsce_teaser_klein .overlay {
    background-color: rgba(118, 184, 40, .65)
}

.ce_rsce_teaser {
    overflow: hidden;
    position: relative
}

.ce_rsce_teaser .teaserslider {
    margin: 0
}

.ce_rsce_teaser .teaserslider .slide {
    min-height: 300px;
    height: 50vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background-size: cover;
    background-position: center center;
    overflow: hidden;
    position: relative
}

.ce_rsce_teaser img {
    display: block;
    height: auto;
    width: 100%
}

.ce_rsce_teaser .slide {
    background-color: #f3f4f5
}

.ce_rsce_teaser.is-slider .slide {
    display: none !important
}

.ce_rsce_teaser.is-slider .slick-initialized .slide,
.ce_rsce_teaser.is-slider .slide:first-child {
    display: flex !important
}

.ce_rsce_teaser .next,
.ce_rsce_teaser .prev {
    cursor: pointer;
    display: none;
    color: #fff;
    overflow: hidden;
    position: absolute;
    z-index: 1;
    transition: opacity .4s linear, left .4s linear, right .4s linear;
    transform: translate(0, -50%);
    top: 50%;
    font-size: 7vw
}

.no-touch .ce_rsce_teaser:hover .prev,
.touch .ce_rsce_teaser .prev {
    left: 0
}

.no-touch .ce_rsce_teaser:hover .next,
.touch .ce_rsce_teaser .next {
    right: 0
}

.no-touch .ce_rsce_teaser .prev {
    opacity: .75;
    left: -5rem
}

.no-touch .ce_rsce_teaser .next {
    opacity: .75;
    right: -5rem
}

.no-touch .ce_rsce_teaser .next:hover,
.no-touch .ce_rsce_teaser .prev:hover {
    opacity: 1
}

.ce_rsce_teaser .next:hover i,
.ce_rsce_teaser .prev:hover i {
    transform: scale(1.05)
}

@-webkit-keyframes faden {
    0% {
        opacity: 0;
        top: 0
    }

    50% {
        opacity: .4;
        top: .3rem
    }

    80% {
        opacity: 1
    }

    90% {
        top: .4rem;
        opacity: 0
    }

    100% {
        top: .4rem
    }
}

@keyframes faden {
    0% {
        opacity: 0;
        top: 0
    }

    50% {
        opacity: .4;
        top: .3rem
    }

    80% {
        opacity: 1
    }

    90% {
        top: .4rem;
        opacity: 0
    }

    100% {
        top: .4rem
    }
}

.ce_rsce_teaser .scale-image {
    z-index: 1;
    background-size: cover;
    background-position: center center;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    transform: scale(1);
    transition: 45s linear !important
}

.ce_rsce_teaser .scale-image.links-10 {
    background-position: 10% center
}

.ce_rsce_teaser .scale-image.links-20 {
    background-position: 20% center
}

.ce_rsce_teaser .scale-image.links-30 {
    background-position: 30% center
}

.ce_rsce_teaser .scale-image.links-40 {
    background-position: 40% center
}

.ce_rsce_teaser .scale-image.links-50 {
    background-position: 50% center
}

.ce_rsce_teaser .scale-image.links-60 {
    background-position: 60% center
}

.ce_rsce_teaser .scale-image.links-70 {
    background-position: 70% center
}

.ce_rsce_teaser .scale-image.links-80 {
    background-position: 80% center
}

.ce_rsce_teaser .scale-image.links-90 {
    background-position: 90% center
}

.ce_rsce_teaser .scale-image.links-100 {
    background-position: right center
}

.ce_rsce_teaser .teaser-text {
    background-color: rgba(0, 0, 0, .3);
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    left: 0;
    z-index: 2;
    display: flex;
    align-items: flex-end;
    padding-bottom: 2rem
}

.ce_rsce_teaser.mit-rechner .teaser-text {
    padding-bottom: 5rem
}

.ce_rsce_teaser .teaser-text .inhaltsbreite {
    color: #fff;
    width: 100%;
    padding: 0 1.3rem;
    display: block;
    margin: 0 auto;
    max-width: 98rem
}

.ce_rsce_teaser.is-slider .teaser-text .inhaltsbreite {
    padding: 0 2rem
}

.ce_rsce_teaser .teaser-text .inhaltsbreite .font-size {
    font-size: 4vw
}

.ce_rsce_teaser .teaser-text .inhaltsbreite .font-size .headline,
.ce_rsce_teaser .teaser-text .inhaltsbreite .font-size .text {
    display: block;
    color: #fff
}

.ce_rsce_teaser .teaser-text .inhaltsbreite .font-size .headline p,
.ce_rsce_teaser .teaser-text .inhaltsbreite .font-size .text p {
    margin: 0;
    font-size: 1em;
    line-height: 1.4
}

.ce_rsce_teaser .teaser-text .inhaltsbreite .font-size .headline,
.ce_rsce_teaser .teaser-text .inhaltsbreite .font-size .headline p {
    font-weight: 700;
    text-transform: uppercase;
    font-size: 1.2em
}

.ce_rsce_teaser .teaser-text .inhaltsbreite .font-size .text {
    color: #fff;
    font-weight: 500;
    margin: .5em 0 0
}

.ce_rsce_teaser .teaser-text .inhaltsbreite .font-size .countdown-container {
    margin: 1em 0;
    text-align: left
}

.ce_rsce_teaser .teaser-text .inhaltsbreite .font-size .countdown-container .countdown .countdown-row {
    border-left: .25rem solid #d31213;
    background-color: #fff;
    padding: 1em .5em .7em 0;
    margin: 0;
    justify-content: flex-start
}

.blau .ce_rsce_teaser .teaser-text .inhaltsbreite .font-size .countdown-container .countdown .countdown-row {
    border-color: #0091df
}

.ce_rsce_teaser .gruen .teaser-text .inhaltsbreite .font-size .countdown-container .countdown .countdown-row,
.gruen .ce_rsce_teaser .teaser-text .inhaltsbreite .font-size .countdown-container .countdown .countdown-row {
    border-color: #76b828
}

.orange .ce_rsce_teaser .teaser-text .inhaltsbreite .font-size .countdown-container .countdown .countdown-row {
    border-color: #fbce07
}

.ce_rsce_teaser .teaser-text .inhaltsbreite .font-size .countdown-container .countdown .countdown-row .value {
    text-align: center;
    font-size: 2em;
    margin-bottom: .25em
}

.blau .ce_rsce_teaser .teaser-text .inhaltsbreite .font-size .countdown-container .countdown .countdown-row .value {
    color: #0091df
}

.ce_rsce_teaser .gruen .teaser-text .inhaltsbreite .font-size .countdown-container .countdown .countdown-row .value,
.gruen .ce_rsce_teaser .teaser-text .inhaltsbreite .font-size .countdown-container .countdown .countdown-row .value {
    color: #76b828
}

.orange .ce_rsce_teaser .teaser-text .inhaltsbreite .font-size .countdown-container .countdown .countdown-row .value {
    color: #fbce07
}

.ce_rsce_teaser .teaser-text .inhaltsbreite .font-size .countdown-container .countdown .countdown-row .label {
    text-align: center;
    display: block;
    color: #000;
    font-size: 1em
}

.ce_rsce_teaser .teaser-text .inhaltsbreite .font-size .countdown-container .countdown-abgelaufen {
    margin-top: 1.5em
}

.ce_rsce_teaser .teaser-text .inhaltsbreite .font-size .countdown-container .countdown-abgelaufen .cta-text {
    font-size: 1.2em;
    font-weight: 700;
    color: #fff
}

.ce_rsce_teaser .gruen .teaser-text .inhaltsbreite .font-size .countdown-container .countdown-abgelaufen .cta-text,
.gruen .ce_rsce_teaser .teaser-text .inhaltsbreite .font-size .countdown-container .countdown-abgelaufen .cta-text {
    color: #76b828
}

.ce_rsce_teaser .teaser-text .inhaltsbreite .font-size .countdown-container .countdown-abgelaufen .button-row {
    margin-top: 0;
    text-align: left
}

.ce_rsce_teaser .teaser-text .inhaltsbreite .font-size .countdown-container .countdown-abgelaufen .button-row .button {
    margin: .5em 0 0
}

.ce_rsce_teaser .teaser-text .inhaltsbreite .font-size .button {
    font-size: .8em;
    padding: .4em 1em .45em;
    margin-top: 1em;
    margin-bottom: 1em;
    font-weight: 700
}

.ce_rsce_teaser .teaser-text .inhaltsbreite .font-size .button:hover {
    background-color: #fff;
    color: #d31213 !important;
    border-color: #fff
}

.blau .ce_rsce_teaser .teaser-text .inhaltsbreite .font-size .button:hover {
    color: #0091df !important
}

.orange .ce_rsce_teaser .teaser-text .inhaltsbreite .font-size .button:hover {
    color: #fbce07 !important
}

.ce_rsce_teaser .gruen .teaser-text .inhaltsbreite .font-size .button:hover,
.gruen .ce_rsce_teaser .teaser-text .inhaltsbreite .font-size .button:hover {
    color: #76b828 !important
}

.ce_rsce_teaser .teaser-text .inhaltsbreite .logo {
    margin-top: 1rem;
    max-width: 60%;
    max-height: 5rem;
    width: auto
}

.ce_rsce_teaser.bilder-1 ul.slick-dots {
    display: none
}

.ce_rsce_teaser .teaserslider .slick-dots li {
    background-image: none;
    height: auto !important;
    min-height: inherit !important;
    display: inline-block
}

.ce_rsce_teaser .einleitung {
    position: relative;
    z-index: 2;
    max-width: 78rem;
    margin: 0 auto;
    padding: 0 1.3rem
}

.ce_rsce_teaser .einleitung .flex .links img.bild {
    margin-top: 4rem;
		padding-top: 120px
}

.ce_rsce_teaser .einleitung .flex .rechts .headline {
    margin-top: 2rem
}

.ce_rsce_teaser .einleitung .flex .rechts .button {
    margin-right: 1rem;
    margin-bottom: 1rem
}

.ce_rsce_teaser .einleitung .flex .rechts .slide-out {
    display: none;
    padding-top: 0
}

.ce_rsce_teaser .einleitung .flex .rechts .kleines-logo {
    width: 33%;
    max-width: 200px;
    float: right;
    margin-top: 1rem
}

.ce_rsce_teaser .einleitung .flex .rechts video {
    width: 100%;
    height: auto
}

.ce_rsce_teaser .rechner {
    position: relative;
    max-width: 19rem
}

.ce_rsce_teaser .rechner .rechner-head {
    position: absolute;
    bottom: 100%;
    width: 100%;
    display: flex;
    flex-flow: row wrap;
    border-bottom: 1px solid #d31213
}

.orange .ce_rsce_teaser .rechner .rechner-head {
    border-bottom: 1px solid #fbce07
}

.blau .ce_rsce_teaser .rechner .rechner-head {
    border-bottom: 1px solid #0091df
}

.gruen .ce_rsce_teaser .rechner .rechner-head {
    border-bottom: 1px solid #76b828
}

.ce_rsce_teaser .rechner .rechner-head .tab {
    transition: .2s linear;
    position: relative;
    border-right: 1px solid #fff;
    flex: 0 16.667%;
    padding: .85rem;
    display: inline-block;
    background-color: #f3f4f5
}

.ce_rsce_teaser .rechner .rechner-head .tab:last-child {
    border-right: 0
}

.at .ce_rsce_teaser .rechner .rechner-head .tab {
    display: none !important
}

.at .ce_rsce_teaser .rechner .rechner-head .tab.active {
    border-right: 0;
    display: inline-block !important
}

.ce_rsce_teaser .rechner .rechner-head .tab.active,
.ce_rsce_teaser .rechner .rechner-head .tab:hover {
    cursor: pointer;
    position: relative;
    background-color: #d31213
}

.orange .ce_rsce_teaser .rechner .rechner-head .tab.active,
.orange .ce_rsce_teaser .rechner .rechner-head .tab:hover {
    background-color: #fbce07
}

.blau .ce_rsce_teaser .rechner .rechner-head .tab.active,
.blau .ce_rsce_teaser .rechner .rechner-head .tab:hover {
    background-color: #0091df
}

.gruen .ce_rsce_teaser .rechner .rechner-head .tab.active,
.gruen .ce_rsce_teaser .rechner .rechner-head .tab:hover {
    background-color: #76b828
}

.ce_rsce_teaser .rechner .rechner-head .tab.active:after {
    top: 100%;
    left: 50%;
    border: .75rem solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-top-color: #d31213;
    margin-left: -.75rem
}

.orange .ce_rsce_teaser .rechner .rechner-head .tab.active:after {
    border-top-color: #fbce07
}

.blau .ce_rsce_teaser .rechner .rechner-head .tab.active:after {
    border-top-color: #0091df
}

.gruen .ce_rsce_teaser .rechner .rechner-head .tab.active:after {
    border-top-color: #76b828
}

.ce_rsce_teaser .rechner .rechner-head .tab.active .weiss,
.ce_rsce_teaser .rechner .rechner-head .tab:hover .weiss {
    display: block
}

.ce_rsce_teaser .rechner .rechner-head .tab .image-container {
    position: relative
}

.ce_rsce_teaser .rechner .rechner-head .tab .image-container img {
    width: 100%
}

.ce_rsce_teaser .rechner .rechner-head .tab .weiss {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.ce_rsce_teaser .rechner .rechner-body {
    background-color: #f3f4f5
}

.ce_rsce_teaser .rechner .rechner-body .tab {
    display: none
}

.ce_rsce_teaser .rechner .rechner-body .tab.active {
    display: block
}

.ce_rsce_teaser .rechner .rechner-body .rechner-body-head {
    text-align: center;
    background-color: #636463;
    color: #fff;
    padding: 1rem
}

.ce_rsce_teaser .rechner .rechner-body .rechner-body-head .headline {
    text-transform: uppercase;
    font-weight: 700
}

.ce_rsce_teaser .rechner .rechner-body .rechner-body-head .subline {
    font-weight: 400
}

.ce_rsce_teaser .rechner .rechner-body .rechner-body-content {
    padding: 1.5rem 3rem
}

.ce_rsce_teaser .rechner .rechner-body .row {
    margin-bottom: 1rem;
    position: relative;
    display: flex;
    flex-flow: row wrap;
    align-items: center
}

.ce_rsce_teaser .rechner .rechner-body .text {
    flex: 0 50%;
    width: 50%;
    max-width: 50%
}

.ce_rsce_teaser .rechner .rechner-body input.text {
    -webkit-appearance: none;
    border-radius: 0;
    box-shadow: none;
    flex: 0 50%;
    width: 50%;
    max-width: 50%;
    text-align: center;
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid #555;
    padding: .5rem
}

.ce_rsce_teaser .rechner .rechner-body select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid #555;
    border-radius: 0;
    font-size: 1em;
    width: 100% !important;
    color: #000;
    padding: .5rem;
    text-align: center;
    box-shadow: none;
    font-weight: 300;
    transition: border-color .2s linear;
    background-color: rgba(0, 0, 0, 0);
    background-image: url(../images/select-arrow.png) !important;
    background-size: .75rem !important;
    background-position: 95% 50% !important;
    background-repeat: no-repeat !important;
    line-height: 1.4
}

.ce_rsce_teaser .rechner .rechner-body select option {
    background: #fff;
    border-top: 1px solid #000;
    padding: .5rem
}

.ce_rsce_teaser .rechner .rechner-body select:hover {
    box-shadow: none
}

.ce_rsce_teaser .rechner .rechner-body select::-ms-expand {
    display: none
}

.ce_rsce_teaser .rechner .rechner-body select:active,
.ce_rsce_teaser .rechner .rechner-body select:focus {
    border-color: #000
}

.ce_rsce_teaser .rechner .rechner-body label {
    color: #000;
    flex: 0 50%;
    width: 50%;
    max-width: 50%
}

.ce_rsce_teaser .rechner .rechner-body output {
    text-align: center;
    width: 100%;
    display: block;
    margin-bottom: 1rem;
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid #555;
    padding: .5rem
}

.ce_rsce_teaser .rechner .rechner-body .hinweis {
    color: #555;
    left: 100%;
    margin-left: .5rem;
    position: absolute;
    top: 50%;
    transform: translate(0, -50%)
}

.ce_rsce_teaser .rechner .rechner-body .row.option-lose,
.ce_rsce_teaser .rechner .rechner-body .row.option-sackware {
    display: none
}

.ce_rsce_teaser .rechner .rechner-body .row.option-lose.active,
.ce_rsce_teaser .rechner .rechner-body .row.option-sackware.active {
    display: flex
}

.ce_rsce_teaser .rechner .rechner-body .row.r-slider {
    padding-bottom: 1rem
}

.ce_rsce_teaser .rechner .rechner-body .row.r-slider output {
    margin: 0
}

.ce_rsce_teaser .rechner .rechner-body .row.r-slider .text {
    position: relative
}

.ce_rsce_teaser .rechner .rechner-body .row.r-slider .rangeslider {
    position: absolute;
    bottom: -1rem;
    left: 0;
    width: 100%
}

.ce_rsce_teaser .rechner .rechner-body .button-row.first {
    margin-top: 1.5rem
}

.ce_rsce_teaser .rechner .rechner-body .button-row {
    text-align: center;
    margin-top: .5rem
}

.ce_rsce_teaser .rechner .rechner-body .button-row .button {
    min-width: 11rem;
    text-align: center
}

@media only screen and (max-height:420px) {
    .ce_rsce_teaser .teaser-text .inhaltsbreite .font-size {
        font-size: 1.5vw
    }

    .ce_rsce_teaser .next,
    .ce_rsce_teaser .prev {
        font-size: 4vw
    }
}

.ce_rsce_teaser+.ce_rsce_text_bild_akkordeon {
    margin-top: 4rem !important
}

.ce_rsce_text_bild_akkordeon {
    margin: 4rem auto
}

.ce_rsce_text_bild_akkordeon.hintergrundbild,
.ce_rsce_text_bild_akkordeon.verlauf {
    margin: 0;
    padding: 3rem 0;
    background-size: cover;
    background-position: center center
}

.ce_rsce_text_bild_akkordeon.verlauf {
    background: #fdfdfd;
    background: radial-gradient(ellipse at center, #fdfdfd 0, #d4dde0 100%)
}

.ce_rsce_text_bild_akkordeon .inside {
    margin: 0 auto;
    max-width: 78rem;
    padding: 0 1.3rem
}

.ce_rsce_text_bild_akkordeon figure {
    margin: 0
}

.ce_rsce_text_bild_akkordeon .links {
    margin-bottom: 2rem
}

.ce_rsce_text_bild_akkordeon .links figure img {
    max-width: 80%
}

.ce_rsce_text_bild_akkordeon .button-row {
    margin-top: 2rem
}

.ce_rsce_text_bild_akkordeon .button-row .button {
    margin-bottom: .5rem;
    margin-right: 1rem
}

.ce_rsce_text_bild_icons.weiss,
.ce_rsce_text_bild_icons.weiss a {
    color: #fff
}

.ce_rsce_text_bild_icons {
    margin: 3rem auto
}

.ce_rsce_text_bild_icons.hintergrundbild,
.ce_rsce_text_bild_icons.verlauf {
    background-color: #555;
    margin: 0 auto;
    padding: 3rem 0;
    background-size: cover;
    background-position: center center
}

.ce_rsce_text_bild_icons.unten-buendig {
    padding-bottom: 1px !important
}

.ce_rsce_text_bild_icons.verlauf {
    background: #fdfdfd;
    background: radial-gradient(ellipse at center, #fdfdfd 0, #d4dde0 100%)
}

.ce_rsce_text_bild_icons .inside {
    margin: 0 auto;
    max-width: 78rem;
    padding: 0 1.3rem
}

.ce_rsce_text_bild_icons .headline-container-with-line {
    margin-top: 0
}

.ce_rsce_text_bild_icons .inside .flex .links img {
    width: 100%
}

.ce_rsce_text_bild_icons.spalten-1-3 .inside .flex .links .headline {
    font-size: 2rem;
    color: #d31213;
    font-weight: 400
}

.orange .ce_rsce_text_bild_icons.spalten-1-3 .inside .flex .links .headline {
    color: #fbce07
}

.blau .ce_rsce_text_bild_icons.spalten-1-3 .inside .flex .links .headline {
    color: #0091df
}

.gruen .ce_rsce_text_bild_icons.spalten-1-3 .inside .flex .links .headline {
    color: #76b828
}

.ce_rsce_text_bild_icons.spalten-1-3.weiss .inside .flex .links .headline {
    color: #fff
}

.ce_rsce_text_bild_icons.spalten-1-3 .inside .flex .links .beschreibung {
    max-width: 70%
}

.ce_rsce_text_bild_icons.spalten-1-3 .inside .flex .links figure {
    margin: 0
}

.ce_rsce_text_bild_icons.spalten-1-3 .inside .flex .links img {
    margin-top: 2rem
}

.ce_rsce_text_bild_icons.unten-buendig .inside .flex .links img {
    margin-bottom: 2rem
}

.ce_rsce_text_bild_icons.bild-halb .inside .flex .links img {
    max-width: 50%
}

.ce_rsce_text_bild_icons .inside .flex .rechts .row-icons {
    margin: 2rem auto
}

.ce_rsce_text_bild_icons .inside .flex .rechts .row-icons .row {
    margin-bottom: 1rem;
    display: flex;
    align-items: center
}

.ce_rsce_text_bild_icons .inside .flex .rechts .row-icons .row:last-child {
    margin-bottom: 0
}

.ce_rsce_text_bild_icons .inside .flex .rechts .row-icons .row .text {
    padding-left: 2rem
}

.ce_rsce_text_bild_icons .inside .flex .rechts .row-icons .row .text p {
    margin: 0
}

.ce_rsce_text_bild_icons .inside .flex .rechts .row-icons .row img {
    min-width: 3rem;
    width: 3rem
}

.ce_rsce_text_bild_icons.spalten-1-3 .inside .flex .rechts .row-icons .row img {
    min-width: 3rem;
    width: 3rem;
    border: 2px solid #d31213;
    padding: .75rem
}

.orange .ce_rsce_text_bild_icons.spalten-1-3 .inside .flex .rechts .row-icons .row img {
    border-color: #fbce07
}

.blau .ce_rsce_text_bild_icons.spalten-1-3 .inside .flex .rechts .row-icons .row img {
    border-color: #0091df
}

.gruen .ce_rsce_text_bild_icons.spalten-1-3 .inside .flex .rechts .row-icons .row img {
    border-color: #76b828
}

.ce_rsce_text_bild_icons.spalten-1-3.weiss .inside .flex .rechts .row-icons .row img {
    border-color: #fff
}

.ce_rsce_text_mit_360 {
    position: relative;
    margin: 3rem auto;
    max-width: 78rem;
    padding: 0 1.3rem
}

.ce_rsce_text_mit_360.zentriert {
    text-align: center
}

.ce_rsce_text_mit_360 .flex .links {
    margin-bottom: 2rem
}

.ce_rsce_text_mit_360 .flex .links .kreisel {
    margin: auto;
    background-color: #e8e8e8;
    width: 100%;
    max-width: 17rem;
    border-radius: 50%;
    overflow: hidden;
    position: relative
}

.ce_rsce_text_mit_360 .flex .links .kreisel img {
    width: 100%
}

.ce_rsce_text_mit_360 .flex .links .kreisel .service-360 {
    z-index: 2;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 55%;
    height: 55%;
    border-radius: 60%;
    transform: translate(-50%, -50%)
}

.ce_rsce_text_mit_360 .flex .links .abschnitt {
    display: block;
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%
}

.ce_rsce_text_mit_360 .flex .links .abschnitt.active .abschnitt-inside,
.ce_rsce_text_mit_360 .flex .links .abschnitt:hover .abschnitt-inside {
    background-color: #d31213
}

.orange .ce_rsce_text_mit_360 .flex .links .abschnitt.active .abschnitt-inside,
.orange .ce_rsce_text_mit_360 .flex .links .abschnitt:hover .abschnitt-inside {
    background-color: #fbce07
}

.blau .ce_rsce_text_mit_360 .flex .links .abschnitt.active .abschnitt-inside,
.blau .ce_rsce_text_mit_360 .flex .links .abschnitt:hover .abschnitt-inside {
    background-color: #0091df
}

.gruen .ce_rsce_text_mit_360 .flex .links .abschnitt.active .abschnitt-inside,
.gruen .ce_rsce_text_mit_360 .flex .links .abschnitt:hover .abschnitt-inside {
    background-color: #76b828
}

.ce_rsce_text_mit_360 .flex .links .abschnitt .abschnitt-inside {
    transition: background-color .2s linear;
    z-index: 1;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center
}

.ce_rsce_text_mit_360 .flex .links .abschnitt-1 .abschnitt-inside {
    padding-right: 5%;
    padding-bottom: 5%;
    border-bottom: 1px solid #fff;
    border-right: 1px solid #fff;
    top: 0;
    left: 0;
    width: 50%;
    height: 50%
}

.ce_rsce_text_mit_360 .flex .links .abschnitt-2 .abschnitt-inside {
    padding-left: 5%;
    padding-bottom: 5%;
    border-bottom: 1px solid #fff;
    border-left: 1px solid #fff;
    top: 0;
    right: 0;
    width: 50%;
    height: 50%
}

.ce_rsce_text_mit_360 .flex .links .abschnitt-3 .abschnitt-inside {
    padding-top: 5%;
    padding-right: 5%;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    bottom: 0;
    left: 0;
    width: 50%;
    height: 50%
}

.ce_rsce_text_mit_360 .flex .links .abschnitt-4 .abschnitt-inside {
    padding-left: 5%;
    padding-top: 5%;
    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
    bottom: 0;
    right: 0;
    width: 50%;
    height: 50%
}

.ce_rsce_text_mit_360 .flex .links .abschnitt img.icon {
    width: 25%
}

.ce_rsce_text_mit_360 .flex .links .abschnitt img.hintergrundbild {
    z-index: 2;
    display: none
}

.ce_rsce_text_mit_360 .flex .links .abschnitt.active img.hintergrundbild,
.ce_rsce_text_mit_360 .flex .links .abschnitt:hover img.hintergrundbild {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 55%;
    height: 55%;
    border-radius: 50%;
    transform: translate(-50%, -50%);
    display: block
}

.ce_rsce_text_mit_360 .flex .links .abschnitt .title {
    display: none
}

.ce_rsce_text_mit_bild {
    margin: 4rem auto
}

.ce_rsce_text_mit_bild .inside {
    padding: 0 1.3rem;
    margin: 0 auto;
    max-width: 78rem
}

.ce_rsce_text_mit_bild .flex .headline {
    font-weight: 700;
    margin-top: 1.5rem;
    position: relative
}

.ce_rsce_text_mit_bild figure {
    margin: 0 0 1rem
}

.ce_rsce_text_mit_bild figure img {
    width: 100%
}

.ce_rsce_text_mit_bild .text ol,
.ce_rsce_text_mit_bild .text ul {
    padding: 0;
    margin: 1rem;
    display: block
}

.ce_rsce_text_mit_bild .text.text_versteckt {
    display: none
}

.ce_rsce_text_mit_bild .mehr-anzeigen,
.ce_rsce_text_mit_bild .text.text_versteckt p:first-child,
.ce_rsce_text_mit_bild .text.text_versteckt p:last-child {
    margin: 0
}

.ce_rsce_text_mit_bild img.chart {
    width: 100%
}

.ce_rsce_text_mit_bild .button-row {
    margin-top: 1rem
}

.ce_rsce_text_mit_bild .button-row .bild-link,
.ce_rsce_text_mit_bild .button-row .button {
    display: inline-block;
    margin-bottom: .5rem;
    margin-right: 1rem
}

.ce_rsce_text_mit_bild .button-row .bild-link {
    max-width: 8rem
}

.ce_rsce_text_mit_bild .rechts .center-container {
    width: 100%
}

.ce_rsce_text_mit_bild .rechts .center-container .kleines-logo {
    width: 50%;
    max-width: 200px;
    float: right;
    margin-top: 1rem
}

.ce_rsce_text,
.ce_text {
    position: relative;
    margin: 3rem auto;
    max-width: 65rem;
    padding: 0 1.3rem
}

.ce_rsce_text.zentriert {
    text-align: center
}

.ce_rsce_timeline {
    text-align: center;
    margin: 4rem auto 6rem;
    padding: 0 1.3rem;
    max-width: 78rem
}

.ce_rsce_timeline .beschreibung {
    max-width: 800px;
    margin: auto
}

.ce_rsce_timeline .beschreibung p {
    margin: .5rem 0
}

.ce_rsce_timeline .beschreibung img {
    display: inline-block;
    max-width: 50%;
    width: 100%;
    margin: .75rem 0
}

.ce_rsce_timeline ul.timeline {
    margin: 4rem 0 0
}

.ce_rsce_timeline ul.timeline li {
    list-style-type: none
}

.ce_rsce_timeline .links,
.ce_rsce_timeline .rechts {
    min-height: 1px;
    position: relative;
    padding-left: 3rem
}

.ce_rsce_timeline .line-container {
    top: 5px;
    position: absolute;
    left: 0;
    width: 46px;
    height: 0;
    transition: height 1.5s
}

.ce_rsce_timeline .is-visible .line-container {
    height: 100%
}

.ce_rsce_timeline .is-visible .line-container:before {
    width: 2rem
}

.ce_rsce_timeline .line-container:before {
    transition: width 1.5s;
    position: absolute;
    height: 1px;
    top: 0;
    left: 0;
    background-color: #555;
    width: 0;
    content: ""
}

.ce_rsce_timeline .line-container .line {
    left: 5px;
    position: absolute;
    top: 0;
    height: 100%;
    width: 1px;
    background-color: #555
}

.ce_rsce_timeline .is-visible .icons-container {
    opacity: 1
}

.ce_rsce_timeline .icons-container {
    opacity: 0;
    transition: opacity .4s linear;
    background-color: #555;
    border: 1px solid #555;
    display: flex;
    align-items: center;
    left: 0;
    z-index: 1;
    text-align: center;
    position: absolute;
    top: 0;
    width: 10px;
    height: 10px
}

.ce_rsce_timeline .is-visible .table {
    opacity: 1
}

.ce_rsce_timeline .table {
    top: -.75rem;
    opacity: 0;
    transition: opacity .75s 1.2s;
    text-align: left;
    transform-origin: 100% 100%;
    padding-bottom: 3em;
    width: 100%;
    position: relative
}

.ce_rsce_timeline .table .zahl {
    padding-top: .25rem;
    font-size: 1.5rem;
    font-weight: 700;
    display: block;
    width: 100%;
    margin-bottom: .5rem
}

.ce_rsce_timeline .table .zahl i {
    top: -.5rem;
    position: relative;
    font-size: 1rem
}

.ce_rsce_timeline .table .headline {
    font-size: .8rem
}

.ce_rsce_timeline .table .button {
    font-size: .6rem !important;
    padding: .25rem 1rem;
    margin-top: .5rem
}

.ce_rsce_timeline ul.timeline li:last-child .table {
    padding-bottom: 1rem
}

.ce_rsce_vertical_akkordeon {
    max-width: 78rem;
    margin: 4rem auto 0;
    padding: 0 1.3rem
}

.ce_rsce_vertical_akkordeon .tabs {
    opacity: .5;
    flex-flow: row wrap;
    justify-content: space-between;
    display: none
}

.ce_rsce_vertical_akkordeon .tabs .tab .tab-content {
    position: relative
}

.ce_rsce_vertical_akkordeon .tabs .tab .tab-content img {
    width: 100%
}

.ce_rsce_vertical_akkordeon .tabs .tab .tab-content .title {
    color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

.ce_rsce_youtube {
    margin: 4rem auto;
    max-width: 33.3333333333rem;
    padding: 0 1.3rem
}

.ce_rsce_youtube .videoWrapper {
    max-width: 65rem
}

.ce_rsce_zaehlerstand_gas_strom {
    margin: 4rem auto;
    padding: 0 1.3rem;
    max-width: 78rem;
    text-align: center
}

.ce_rsce_zaehlerstand_gas_strom iframe {
    display: inline-block;
    width: 370px
}

.ce_rsce_zahlen_animiert {
    margin: 4rem auto;
    position: relative;
    text-align: center
}

.ce_rsce_zahlen_animiert .inside {
    max-width: 78rem;
    margin: 0 auto;
    padding: 0 1.3rem
}

.ce_rsce_zahlen_animiert .area {
    overflow: hidden;
    margin: 0;
    font-size: .9rem;
    text-decoration: none;
    padding: 1rem;
    width: 100%;
    text-align: center
}

.ce_rsce_zahlen_animiert .area .headline {
    letter-spacing: .1rem;
    margin-bottom: 2rem;
    padding-bottom: 1rem;
    display: block;
    color: #d31213;
    font-size: 3rem;
    font-weight: 700;
    position: relative
}

.blau .ce_rsce_zahlen_animiert .area .headline {
    color: #0091df
}

.gruen .ce_rsce_zahlen_animiert .area .headline {
    color: #76b828
}

.orange .ce_rsce_zahlen_animiert .area .headline {
    color: #fbce07
}

.ce_rsce_zahlen_animiert .area .headline:after {
    width: 2rem;
    height: 2px;
    position: absolute;
    background-color: #d31213;
    display: inline-block;
    bottom: -.5rem;
    left: 50%;
    transform: translate(-50%, 0);
    content: ""
}

.blau .ce_rsce_zahlen_animiert .area .headline:after {
    background-color: #0091df
}

.gruen .ce_rsce_zahlen_animiert .area .headline:after {
    background-color: #76b828
}

.orange .ce_rsce_zahlen_animiert .area .headline:after {
    background-color: #fbce07
}

.ce_rsce_zahlen_animiert .area p {
    font-weight: 700;
    line-height: 1.3;
    margin: 1rem 0
}

.ce_rsce_zahlen {
    overflow: hidden;
    background-size: cover;
    background-position: 35% bottom
}

.ce_rsce_zahlen .inside {
    min-height: 50vh;
    z-index: 1;
    position: relative;
    padding: 0 0 6rem
}

.ce_rsce_zahlen .inside:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: -1;
    height: 100%;
    background: linear-gradient(to bottom, #fff 0, #fff 1%, rgba(255, 255, 255, .68) 83%, rgba(255, 255, 255, 0) 100%)
}

.ce_rsce_zahlen .zahlen {
    display: flex;
    flex-flow: row wrap
}

.ce_rsce_zahlen .zahlen .zahl {
    flex: 0 50%;
    margin: 0 0 2rem;
    padding: 0 1.3rem;
    color: #000;
    text-align: left
}

.ce_rsce_zahlen .zahlen .zahl .title {
    display: flex;
    align-items: flex-end;
    line-height: 1.4;
    font-weight: 700;
    font-size: 2rem;
    border-bottom: 1px solid #d31213;
    padding-bottom: .25rem;
    margin-bottom: .25rem
}

.orange .ce_rsce_zahlen .zahlen .zahl .title {
    border-color: #fbce07
}

.blau .ce_rsce_zahlen .zahlen .zahl .title {
    border-color: #0091df
}

.gruen .ce_rsce_zahlen .zahlen .zahl .title {
    border-color: #76b828
}

.ce_rsce_zahlen .zahlen .zahl .title .danach,
.ce_rsce_zahlen .zahlen .zahl .title .davor {
    font-size: 1.5rem;
    margin: .2rem
}

.ce_rsce_zahlen .zahlen .zahl .title .davor {
    margin-right: .5rem
}

.ce_rsce_zahlen .zahlen .zahl .title .danach {
    margin-left: .5rem
}

.ce_rsce_zahlen .zahlen .zahl .subline p {
    margin: 0
}

.slick-dots {
    position: absolute;
    bottom: 1rem;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center
}

.slick-dots li {
    position: relative;
    display: inline-block;
    margin: 0 .15em !important;
    padding: 0;
    cursor: pointer
}

.slick-dots li button {
    font-size: 0;
    position: relative;
    line-height: 0;
    display: block;
    width: .75rem;
    height: .75rem;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: 0;
    background: rgba(255, 255, 255, .7);
    padding: 0;
    border-radius: 50%
}

.slick-dots li button:focus,
.slick-dots li button:hover {
    outline: 0
}

.slick-dots li.slick-active button:after {
    position: absolute;
    content: "";
    top: .19rem;
    background-color: #d31213;
    height: .375rem;
    border-radius: 50%;
    left: .19rem;
    width: .375rem
}

.orange .slick-dots li.slick-active button:after {
    background-color: #fbce07
}

.blau .slick-dots li.slick-active button:after {
    background-color: #0091df
}

.gruen .slick-dots li.slick-active button:after {
    background-color: #76b828
}

html.swipebox-html.swipebox-touch {
    overflow: hidden !important
}

#swipebox-overlay {
    width: 100%;
    height: 100%;
    position: fixed;
    background-color: RGBA(0, 0, 0, .8);
    top: 0;
    left: 0;
    z-index: 99999 !important;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.oldie #swipebox-overlay {
    background: rgba(0, 0, 0, .7);
    zoom: 1
}

.oldie #swipebox-overlay:nth-child(n) {
    filter: none
}

#swipebox-container {
    position: relative;
    width: 100%;
    height: 100%
}

#swipebox-slider {
    transition: transform .4s;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
    white-space: nowrap;
    position: absolute;
    display: none;
    cursor: pointer
}

#swipebox-slider .slide {
    height: 100%;
    width: 100%;
    line-height: 1px;
    text-align: center;
    display: inline-block
}

#swipebox-slider .slide:before {
    content: "";
    display: inline-block;
    height: 50%;
    width: 1px;
    margin-right: -1px
}

#swipebox-slider .slide .swipebox-inline-container,
#swipebox-slider .slide .swipebox-video-container,
#swipebox-slider .slide img {
    display: inline-block;
    max-height: 95%;
    max-width: 95%;
    margin: 0;
    padding: 0;
    width: auto;
    height: auto;
    vertical-align: middle
}

#swipebox-slider .slide .swipebox-video-container {
    background: 0 0;
    max-width: 1140px;
    max-height: 100%;
    width: 100%;
    padding: 5%;
    box-sizing: border-box
}

#swipebox-slider .slide .swipebox-video-container .swipebox-video {
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
    overflow: hidden;
    position: relative
}

#swipebox-slider .slide .swipebox-video-container .swipebox-video iframe {
    width: 100% !important;
    height: 100% !important;
    position: absolute;
    top: 0;
    left: 0
}

#swipebox-slider .slide-loading {
    background: url(../images/loader.gif) 50% 50% no-repeat #fdfcf6
}

#swipebox-bottom-bar,
#swipebox-top-bar {
    transition: .5s;
    left: 0;
    z-index: 999;
    text-shadow: 1px 1px 1px #fff;
    opacity: .95
}

#swipebox-bottom-bar {
    top: 45%
}

#swipebox-title {
    display: block;
    text-align: center;
    color: #444;
    background-color: #fff;
    padding: 1em;
    margin: 1rem;
    width: auto
}

#swipebox-close,
#swipebox-next,
#swipebox-prev {
    transition: .2s linear;
    font-size: 2.5em;
    text-shadow: none;
    border: none !important;
    text-decoration: none !important;
    cursor: pointer;
    position: absolute;
    top: 0
}

#swipebox-prev {
    color: #fff;
    left: 10px;
    top: 45%
}

#swipebox-prev:after {
    color: #fff;
    display: inline-block;
    padding: 10px 20px;
    font-family: greiner4;
    content: ""
}

#swipebox-next {
    right: 25px;
    top: 45%
}

#swipebox-next:after {
    color: #fff;
    display: inline-block;
    padding: 10px 20px;
    font-family: greiner4;
    content: ""
}

#swipebox-next:hover,
#swipebox-prev:hover {
    font-size: 3em;
    top: 44.5%
}

#swipebox-close {
    top: 10px;
    right: 25px;
    position: absolute;
    z-index: 9999;
    background-position: 15px 12px
}

.touch #swipebox-close {
    top: 10px;
    right: 10px
}

#swipebox-close:after {
    color: #fff;
    display: inline-block;
    padding: 0 20px;
    font-size: .8em;
    transform: rotate(45deg);
    font-family: greiner4;
    content: ""
}

.swipebox-no-close-button #swipebox-close {
    display: none
}

#swipebox-next.disabled,
#swipebox-prev.disabled {
    opacity: .3
}

.swipebox-no-touch #swipebox-overlay.rightSpring #swipebox-slider {
    -webkit-animation: .3s rightSpring;
    animation: .3s rightSpring
}

.swipebox-no-touch #swipebox-overlay.leftSpring #swipebox-slider {
    -webkit-animation: .3s leftSpring;
    animation: .3s leftSpring
}

.swipebox-touch #swipebox-container:after,
.swipebox-touch #swipebox-container:before {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition: .3s;
    content: " ";
    position: absolute;
    z-index: 999;
    top: 0;
    height: 100%;
    width: 20px;
    opacity: 0
}

.swipebox-touch #swipebox-container:before {
    left: 0;
    box-shadow: inset 10px 0 10px -8px #b5717a
}

.swipebox-touch #swipebox-container:after {
    right: 0;
    box-shadow: inset -10px 0 10px -8px #b5717a
}

.swipebox-touch #swipebox-overlay.leftSpringTouch #swipebox-container:before,
.swipebox-touch #swipebox-overlay.rightSpringTouch #swipebox-container:after {
    opacity: 1
}

@-webkit-keyframes rightSpring {

    0%,
    100% {
        left: 0
    }

    50% {
        left: -30px
    }
}

@keyframes rightSpring {

    0%,
    100% {
        left: 0
    }

    50% {
        left: -30px
    }
}

@-webkit-keyframes leftSpring {

    0%,
    100% {
        left: 0
    }

    50% {
        left: 30px
    }
}

@keyframes leftSpring {

    0%,
    100% {
        left: 0
    }

    50% {
        left: 30px
    }
}

#swipebox-top-bar {
    color: #fff !important;
    bottom: 0;
    position: absolute;
    text-align: center;
    width: 100%
}

.videoWrapper {
    margin: 1.5rem auto;
    position: relative;
    padding-bottom: 55%;
    padding-top: 15px;
    height: 0;
    overflow: hidden
}

.videoWrapper iframe {
    margin: 0;
    position: absolute;
    border: none;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.videoWrapper .overlay {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    padding: 1rem;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

.videoWrapper .overlay:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .4);
    z-index: 0
}

.videoWrapper .overlay div {
    z-index: 1
}

.videoWrapper .overlay p {
    color: #fff;
    font-size: .6rem;
    line-height: 1.2;
    max-width: 700px;
    margin: 0 auto 1rem 0;
    -webkit-hyphens: none;
    hyphens: none
}

.videoWrapper .overlay p a {
    color: #fff
}

.videoWrapper .overlay p a:after {
    height: 1px
}

.play {
    background: #d31213;
    border-radius: 50%/10%;
    color: #fff;
    font-size: 1em;
    height: 3em;
    margin: .5em auto;
    padding: 0;
    position: relative;
    text-align: center;
    text-indent: .1em;
    transition: 150ms ease-out;
    width: 4em;
    cursor: pointer
}

.orange .play {
    background: #fbce07
}

.blau .play {
    background: #0091df
}

.gruen .play {
    background: #76b828
}

.play:before {
    background: inherit;
    border-radius: 5%/50%;
    bottom: 9%;
    content: "";
    left: -5%;
    position: absolute;
    right: -5%;
    top: 9%
}

.play:after {
    border-style: solid;
    border-width: 1em 0 1em 1.732em;
    border-color: transparent transparent transparent #fff;
    content: "";
    font-size: .75em;
    height: 0;
    margin: -1em 0 0 -.75em;
    top: 50%;
    position: absolute;
    width: 0
}

/*! --Breakpoints-- */
@media only screen and (min-width:420px) {
    .quadrate {
        display: flex;
        flex-flow: row wrap;
        margin: 2rem -.25rem 4rem
    }

    .quadrat {
        max-width: 50%;
        flex: 0 50%;
        width: 50%;
        padding: .25rem
    }

    .headline,
    .headline-container-with-line .headline {
        -webkit-hyphens: none;
        hyphens: none
    }

    .ce_rsce_kontaktblock .flex .rechts .kontaktslider {
        display: flex;
        flex-flow: row wrap;
        align-items: flex-start
    }

    .ce_rsce_kontaktblock .flex .rechts .ansprechpartner {
        flex: 0 50%;
        max-width: 50%;
        width: 50%
    }

    .ce_rsce_zahlen_animiert .areas {
        display: flex;
        flex-flow: row wrap;
        justify-content: center
    }

    .ce_rsce_zahlen_animiert .area {
        width: 50%;
        max-width: 50%;
        flex: 0 50%
    }
}

@media only screen and (min-width:640px) {
    .ce_rsce_countdown .countdowner .countdown-row .countdown-section .value {
        font-size: 3rem
    }
}

@media only screen and (max-width:767px) {
    h1 {
        font-size: 1.5rem
    }

    h2 {
        font-size: 1.35rem
    }

    h3 {
        font-size: 1.25rem
    }

    h4,
    h5,
    h6 {
        font-size: 1rem
    }
}

@media only screen and (min-width:768px) {
    body {
        -webkit-hyphens: none;
        hyphens: none
    }

    .ticker {
        top: 0
    }

    .no-touch .shrinked #header .inside .links a img.big,
    .shrinked #header .inside .links a img.big {
        opacity: 0;
        pointer-events: none
    }

    .oben .suchfeld #searchform input {
        width: 200px
    }

    .next-mobility .header {
        padding: 1.5rem 0 !important
    }

    .next-mobility .header .inside .links .logo {
        max-width: 150px
    }

    .next-mobility .header-container #header {
        background-color: #fff !important;
        box-shadow: 0 0 .5rem rgba(0, 0, 0, .2) !important
    }

    .headline-container-with-line .headline:before {
        margin-right: 2rem
    }

    .headline-container-with-line .headline:after {
        margin-left: 2rem
    }

    .mod_newsreader .inside-container .news-headline,
    .mod_newsreader h1.headline,
    h1.headline {
        font-size: 2rem
    }

    .headline-container-with-line .headline {
        font-size: 1.75rem
    }

    .ce_rsce_teaser ul.teaserslider li {
        height: 45vh
    }

    .no-touch .ce_rsce_teaser ul.teaserslider li {
        height: 30vh;
        min-height: 735px
    }

    .ce_rsce_teaser .next,
    .ce_rsce_teaser .prev {
        font-size: 5vw
    }

    .ce_rsce_teaser .scale-image {
        transform: scale(1);
        transition: transform 45s linear !important
    }

    .ce_rsce_teaser .teaser-text {
        background-color: rgba(0, 0, 0, 0);
        padding: 0 !important;
        align-items: center
    }

    .ce_rsce_teaser .teaser-text .inhaltsbreite {
        display: flex;
        justify-content: flex-end
    }

    .ce_rsce_teaser .teaser-text .inhaltsbreite.center {
        justify-content: center;
        text-align: center
    }

    .ce_rsce_teaser .teaser-text .inhaltsbreite .box.background-color {
        background-color: rgba(255, 255, 255, .5);
        min-width: 350px
    }

    .ce_rsce_teaser .teaser-text .inhaltsbreite .font-size {
        font-size: 1.6vw;
        padding: 1.8rem 2rem 1rem
    }

    .ce_rsce_teaser li.gruen .teaser-text .inhaltsbreite .box.background-color {
        background-color: rgba(255, 255, 255, .8)
    }

    .ce_rsce_teaser li.gruen .teaser-text .inhaltsbreite .font-size .headline,
    .ce_rsce_teaser li.gruen .teaser-text .inhaltsbreite .font-size .headline p {
        text-shadow: 0 0 .25rem rgba(255, 255, 255, .4);
        color: #76b828
    }

    .ce_rsce_teaser .teaser-text .inhaltsbreite .font-size .headline {
        color: #d31213
    }

    .orange .ce_rsce_teaser .teaser-text .inhaltsbreite .font-size .headline {
        color: #fbce07
    }

    .blau .ce_rsce_teaser .teaser-text .inhaltsbreite .font-size .headline {
        color: #0091df
    }

    .gruen .ce_rsce_teaser .teaser-text .inhaltsbreite .font-size .headline {
        color: #76b828
    }

    .ce_rsce_teaser .teaser-text .inhaltsbreite .font-size .text {
        color: #000
    }

    .ce_rsce_teaser .teaser-text.weiss .inhaltsbreite .font-size .headline,
    .ce_rsce_teaser .teaser-text.weiss .inhaltsbreite .font-size .text {
        color: #fff
    }

    .ce_rsce_teaser .teaser-text.weiss .inhaltsbreite .font-size .button {
        background-color: #fff;
        color: #d31213;
        border-color: #fff
    }

    .blau .ce_rsce_teaser .teaser-text.weiss .inhaltsbreite .font-size .button {
        color: #0091df
    }

    .orange .ce_rsce_teaser .teaser-text.weiss .inhaltsbreite .font-size .button {
        color: #fbce07
    }

    .gruen .ce_rsce_teaser .teaser-text.weiss .inhaltsbreite .font-size .button {
        color: #76b828
    }

    .ce_rsce_teaser .teaser-text.weiss .inhaltsbreite .font-size .button:hover {
        color: #fff !important;
        background-color: #d31213 !important;
        border-color: #d31213 !important
    }

    .blau .ce_rsce_teaser .teaser-text.weiss .inhaltsbreite .font-size .button:hover {
        background-color: #0091df !important;
        border-color: #0091df !important
    }

    .orange .ce_rsce_teaser .teaser-text.weiss .inhaltsbreite .font-size .button:hover {
        background-color: #fbce07 !important;
        border-color: #fbce07 !important
    }

    .gruen .ce_rsce_teaser .teaser-text.weiss .inhaltsbreite .font-size .button:hover {
        background-color: #76b828 !important;
        border-color: #76b828 !important
    }

    .ce_rsce_teaser .teaser-text .inhaltsbreite .logo {
        position: absolute;
        max-width: 300px;
        bottom: 2rem;
        right: 1.3rem
    }

    .ce_rsce_teaser .teaser-text .inhaltsbreite.center .box.background-color {
        background-color: rgba(255, 255, 255, .9)
    }

    .ce_rsce_teaser .teaser-text .inhaltsbreite.center .font-size .countdown-container {
        text-align: center
    }

    .ce_rsce_teaser .teaser-text .inhaltsbreite.center .font-size .countdown-container .countdown .countdown-row {
        margin: 0 auto;
        border: none;
        padding: 1em .5em .7em
    }

    .ce_rsce_teaser .teaser-text .inhaltsbreite .font-size .countdown-container .countdown .countdown-row {
        background-color: rgba(0, 0, 0, .1);
        margin: 0
    }

    .ce_rsce_teaser .teaser-text .inhaltsbreite .font-size .countdown-container .countdown-abgelaufen {
        margin-top: 1em
    }

    .ce_rsce_teaser .teaser-text .inhaltsbreite .font-size .countdown-container .countdown-abgelaufen .cta-text {
        font-size: 1em;
        color: #d31213
    }

    .ce_rsce_teaser .teaser-text .inhaltsbreite .font-size .countdown-container .countdown-abgelaufen .button-row {
        text-align: center
    }

    .ce_rsce_teaser .einleitung .flex {
        display: flex;
        flex-flow: row wrap
    }

    .ce_rsce_teaser .einleitung .flex .links {
        flex: 0 45%;
        max-width: 45%;
        width: 45%;
        padding-right: 1rem
    }

    .ce_rsce_teaser .einleitung .flex .links img.bild {
        margin-top: 2.5rem
    }

    .next-mobility .ce_rsce_teaser .einleitung .flex .links img.bild {
        margin-bottom: 2.5rem
    }

    .ce_rsce_teaser .einleitung .flex .rechts {
        flex: 0 55%;
        max-width: 55%;
        width: 55%;
        padding-left: 1rem
    }

    .ce_rsce_teaser .einleitung .flex .rechts .headline,
	.ce_rsce_teaser .einleitung .flex.no-image .headline {
        margin-top: 4rem
    }

    .ce_rsce_teaser .rechner {
        max-width: 100%
    }

    .ce_rsce_teaser .rechner .rechner-body .rechner-body-head .headline {
        font-size: 1.2rem
    }

    .ce_rsce_teaser .rechner .rechner-body .rechner-body-head .subline {
        font-size: .8rem
    }

    .ce_rsce_teaser .rechner .rechner-body .rechner-body-content {
        padding: 1.5rem 3rem
    }

    .ce_rsce_teaser .rechner .rechner-body .hinweis {
        margin-left: .25rem;
        font-size: .8rem
    }

    table {
        min-width: 1200px
    }

    .ce_rsce_stromverbrauch .flex {
        display: flex;
        flex-flow: row wrap;
        align-items: center;
        justify-content: space-around
    }

    .ce_rsce_stromverbrauch .flex .box {
        flex: 0 20%
    }

    .ce_rsce_stromverbrauch .flex .trennzeichen {
        flex: 0 6.66%
    }

    .ce_rsce_angebot .inside .flex {
        display: flex;
        flex-flow: row wrap;
        align-items: center
    }

    .ce_rsce_angebot .inside .flex .links {
        margin: 0;
        flex: 0 45%;
        max-width: 45%;
        width: 45%
    }

    .ce_rsce_angebot .inside .flex .rechts {
        flex: 0 55%;
        max-width: 55%;
        width: 55%;
        padding-left: 2rem
    }

    .ce_rsce_faq_suche {
        padding: 5.85rem 1.3rem
    }

    .ce_rsce_faq_suche .toggle-control {
        font-size: 1.2rem
    }

    .ce_rsce_faq .close-container {
        right: 1.3rem
    }

    .ce_rsce_faq .tab-category-element {
        padding: .75rem 3.25rem .75rem 0
    }

    .ce_rsce_faq .tab-category-element .title span {
        margin-top: .4rem
    }

    .ce_rsce_faq .tab-category-content {
        padding: .5rem 3.25rem 1rem 3.3rem
    }

    .close-container .horizontal {
        height: 4px
    }

    .close-container .vertical {
        width: 4px
    }

    .ce_rsce_produktportfolio .area-texte .area-text {
        padding: 2rem 2rem 2rem 10%
    }

    .ce_rsce_produktportfolio .area-texte .area-text .headline {
        max-width: 75%
    }

    .ce_rsce_produktportfolio .area-texte .area-text .text {
        padding-right: 10rem
    }

    .startseite .ce_rsce_produktportfolio .area-texte .area-text img {
        max-height: 7rem
    }

    .ce_rsce_text_mit_360 .flex {
        display: flex;
        flex-flow: row wrap
    }

    .ce_rsce_text_mit_360 .flex .links {
        flex: 0 45%;
        max-width: 45%;
        width: 45%;
        padding: 0 1rem 0 0
    }

    .ce_rsce_text_mit_360 .flex .links .kreisel {
        max-width: 100%
    }

    .ce_rsce_text_mit_360 .flex .rechts {
        flex: 0 55%;
        max-width: 55%;
        width: 55%;
        padding-left: 1rem
    }

    .ce_rsce_faq_auszug .area-texte .area-text .headline {
        max-width: 75%
    }

    .ce_rsce_faq_auszug .area-texte .area-text img {
        position: absolute;
        right: .5rem;
        bottom: 0;
        width: 10rem;
        height: auto
    }

    .ce_rsce_faq_auszug .area-texte .area-text .button {
        margin-top: -.5rem
    }

    .mod_newsreader .ce_rsce_kontaktblock .flex .links {
        padding-right: 1rem
    }

    .mod_newsreader .ce_rsce_kontaktblock .flex .rechts {
        padding-left: 1rem
    }

    .ce_rsce_magazin {
        padding: 6rem 0 3rem
    }

    .ce_rsce_bildtrenner .inside .content {
        max-width: 50%
    }

    .ce_rsce_bildtrenner .inside .schrift {
        position: relative;
        width: 40%
    }

    .ce_rsce_bildtrenner .inside .bildschrift {
        width: 40%
    }

    .ce_rsce_bildtrenner .inside .bildschrift.groesser {
        width: 75%
    }

    .ce_rsce_bildtrenner .inside .badge {
        width: 15%
    }

    .ce_rsce_kontaktblock .flex {
        display: flex;
        flex-flow: row wrap;
        align-items: center
    }

    .ce_rsce_kontaktblock .flex .links {
        border: none;
        margin: 0;
        flex: 0 40%;
        max-width: 40%;
        width: 40%;
        padding: 0 2rem 0 0
    }

    .ce_rsce_kontaktblock .flex .rechts {
        flex: 0 60%;
        max-width: 60%;
        width: 60%;
        padding-left: 2rem
    }

    .ce_rsce_kontaktblock .flex .rechts .slick-arrow.prev {
        left: -3rem
    }

    .ce_rsce_kontaktblock .flex .rechts .slick-arrow.next {
        right: -1rem
    }

    .ce_rsce_kontaktformular .inside .flex .links {
        background-size: 20%
    }

    .ce_rsce_kontaktformular .flex .links .flexbox {
        display: flex;
        flex-flow: row wrap
    }

    .ce_rsce_kontaktformular .flex .links .flexbox .flex-links {
        flex: 0 50%;
        width: 50%;
        max-width: 50%
    }

    .ce_rsce_kontaktformular .flex .links .flexbox .flex-rechts {
        margin: 0;
        padding-left: 1rem;
        flex: 0 50%;
        width: 50%;
        max-width: 50%
    }

    .ce_rsce_zahlen .inside {
        padding: 2rem 0
    }

    .ce_rsce_zahlen .zahlen {
        justify-content: center
    }

    .ce_rsce_zahlen .zahlen .zahl {
        flex: inherit
    }

    .ce_rsce_zahlen .inside:before {
        background: linear-gradient(to bottom, #fff 0, rgba(255, 255, 255, 0) 100%)
    }

    .mod_sitemap {
        margin: 4rem auto
    }

    .ce_rsce_case_studies .toggle-control {
        font-size: 1.2rem
    }

    .ce_rsce_text_mit_bild {
        margin: 6rem auto
    }

    .ce_rsce_text_mit_bild .inside .flex {
        display: flex
    }

    .ce_rsce_text_mit_bild.invert .flex {
        flex-direction: row-reverse
    }

    .ce_rsce_text_mit_bild.invert .rechts {
        padding: 0 1.5rem 0 0
    }

    .ce_rsce_text_mit_bild.invert .links {
        padding: 0 0 0 1.5rem
    }

    .ce_rsce_text_mit_bild .links {
        flex: 0 50%;
        max-width: 50%;
        width: 50%;
        padding-right: 1.5rem
    }

    .ce_rsce_text_mit_bild .rechts {
        flex: 0 50%;
        max-width: 50%;
        width: 50%;
        padding-left: 1.5rem;
        display: flex;
        align-items: center
    }

    .ce_rsce_text_mit_bild figure {
        margin: 0
    }

    .ce_rsce_text_mit_bild figcaption {
        margin-top: 1.5rem
    }

    .ce_rsce_text_mit_bild .flex .headline {
        font-size: 1.75rem;
        margin-top: 2rem
    }

    .ce_rsce_text_mit_bild .flex .headline:before {
        content: "";
        position: absolute;
        right: 100%;
        width: 35%;
        top: 50%;
        margin-right: 1rem;
        height: 2px;
        background-color: #d31213
    }

    .orange .ce_rsce_text_mit_bild .flex .headline:before {
        background-color: #fbce07
    }

    .blau .ce_rsce_text_mit_bild .flex .headline:before {
        background-color: #0091df
    }

    .gruen .ce_rsce_text_mit_bild .flex .headline:before {
        background-color: #76b828
    }

    .ce_rsce_text_mit_bild.invert .flex .headline:before {
        left: 100%;
        right: auto
    }

    .ce_rsce_text_mit_bild .flex {
        display: flex;
        flex-flow: row wrap
    }

    .ce_rsce_text_mit_bild .flex .links {
        margin: 0;
        padding-right: 2rem;
		padding-top: 120px;
    }

    .ce_rsce_text_mit_bild.invert .flex .links {
        padding-right: 0
    }

    .ce_rsce_text_mit_bild .button-row {
        margin-top: 1.5rem
    }

    .ce_rsce_text_bild_icons .inside .flex {
        display: flex
    }

    .ce_rsce_text_bild_icons .inside .flex .links {
        flex: 0 50%;
        max-width: 50%;
        width: 50%;
        padding-right: 2rem
    }

    .ce_rsce_text_bild_icons .inside .flex .links.flex-end {
        display: flex;
        align-items: flex-end
    }

    .ce_rsce_text_bild_icons .inside .flex .rechts {
        flex: 0 50%;
        max-width: 50%;
        width: 50%;
        padding-left: 2rem
    }

    .ce_rsce_text_bild_icons.spalten-1-3 .inside .flex .links {
        flex: 0 50%;
        width: 50%;
        max-width: 50%
    }

    .ce_rsce_text_bild_icons.spalten-1-3 .inside .flex .links img {
        margin-bottom: 0
    }

    .ce_rsce_text_bild_icons.spalten-1-3 .inside .flex .rechts {
        flex: 0 50%;
        width: 50%;
        max-width: 50%
    }

    .ce_rsce_text_bild_akkordeon .flex {
        display: flex;
        flex-flow: row wrap
    }

    .ce_rsce_text_bild_akkordeon .flex .links {
        margin: 0;
        flex: 0 60%;
        padding-right: 2rem
    }

    .ce_rsce_text_bild_akkordeon .flex .rechts {
        flex: 0 40%
    }

    .ce_rsce_text_bild_akkordeon .flex .rechts .text ul {
        margin-top: .5rem
    }

    .ce_rsce_teaser_klein {
        padding: 2rem 1.3rem
    }

    .ce_rsce_teaser_klein .inside {
        min-height: 275px
    }

    .ce_rsce_timeline ul.timeline {
        margin: 6rem 0 0
    }

    .ce_rsce_timeline ul.timeline li .links {
        float: left;
        width: 50%;
        padding: 0 4rem 2rem 0
    }

    .ce_rsce_timeline ul.timeline li .rechts {
        float: left;
        width: 50%;
        padding: 0 0 2rem 4rem
    }

    .ce_rsce_timeline ul.timeline li .links,
    .ce_rsce_timeline ul.timeline li .rechts {
        padding-bottom: 0 !important
    }

    .ce_rsce_timeline .table {
        margin-bottom: 2rem;
        text-align: right
    }

    .ce_rsce_timeline .invert .table {
        text-align: left
    }

    .ce_rsce_timeline .table .zahl {
        padding: 0
    }

    .ce_rsce_timeline .is-visible .line-container:before {
        width: 3rem
    }

    .ce_rsce_timeline .line-container {
        top: 0
    }

    .ce_rsce_timeline .links .icons-container {
        transform: translate(50%, -50%);
        width: 10px;
        height: 10px;
        right: 0;
        left: auto
    }

    .ce_rsce_timeline .rechts .icons-container {
        transform: translate(-50%, -50%);
        width: 10px;
        height: 10px;
        left: 0;
        right: auto
    }

    .ce_rsce_timeline .links .line-container {
        right: 1px;
        left: auto
    }

    .ce_rsce_timeline .rechts .line-container {
        left: 0;
        right: auto
    }

    .ce_rsce_timeline .rechts .line-container:before {
        left: 0
    }

    .ce_rsce_timeline .links .line-container:before {
        left: auto;
        right: 0
    }

    .ce_rsce_timeline .links .line {
        right: -1px;
        left: auto
    }

    .ce_rsce_timeline .rechts .line {
        left: -1px;
        right: auto
    }

    .ce_rsce_newsletter .inside .flex {
        display: flex;
        flex-flow: row wrap
    }

    .ce_rsce_newsletter .inside .flex .links {
        flex: 0 50%;
        padding-right: 1rem
    }

    .ce_rsce_newsletter .inside .flex .rechts {
        flex: 0 50%;
        padding-left: 1rem
    }

    .ce_rsce_newsletter .inside .flex .rechts .widget-radio:first-child {
        margin-top: 0
    }

    .mod_storelocator .inside {
        display: flex;
        flex-flow: row wrap
    }

    .mod_storelocator .inside .ce_form .formbody {
        display: flex;
        align-items: center
    }

    .mod_storelocator .inside .ce_form .formbody .widget-select,
    .mod_storelocator .inside .ce_form .formbody .widget-text {
        margin: 0;
        padding: 0 .5rem;
        flex: 0 50%;
        max-width: 50%;
        width: 50%
    }

    .mod_storelocator .inside .ce_form .formbody .widget-submit {
        margin: 1rem 0 0;
        flex: 0 100%;
        width: 100%;
        max-width: 100%
    }

    .mod_storelocator .inside .scrollarea {
        margin: 0;
        position: absolute;
        left: 0;
        top: 0;
        height: 100%;
        width: 40%
    }

    .mod_storelocator .inside .scrollarea.active {
        display: block
    }

    .mod_storelocator .inside #results {
        background-color: rgba(0, 0, 0, .7)
    }

    .mod_storelocator .inside .ce_form {
        max-width: 500px
    }

    .ce_rsce_bildboxen_mit_akkordeon .quadrate {
        margin: 0 -.5rem
    }

    .ce_rsce_bildboxen_mit_akkordeon .quadrat {
        padding: .5rem
    }

    body .wj_embed_wrapper .timeTo figure,
    body .wj_embed_wrapper .timeTo ul {
        line-height: 1.8 !important
    }

    #help-phone {
        left: auto;
        right: 0;
        bottom: 20%;
        max-width: 20rem;
        width: auto;
        height: auto;
        overflow: hidden
    }

    #help-phone .help-phone-inside {
        font-size: 1em
    }

    #help-mail {
        left: auto;
        right: 0;
        bottom: 20%;
        max-width: 20rem;
        width: auto;
        height: auto;
        overflow: hidden
    }

    #help-mail .help-mail-inside {
        font-size: 1em
    }

    #help-icon-container {
        bottom: 20%
    }

    #help-icon-container img {
        width: 60px;
        padding-top: .5rem;
    }

    #footer-container {
        background-position: center center;
        background-size: cover;
        background-image: url(../images/footer-background.jpg)
    }

    #prefooter {
        background: 0 0
    }

    #prefooter .inside {
        padding: 2rem 0 2rem 1.3rem
    }

    #prefooter .inside .logo-link {
        z-index: 1;
        position: absolute;
        left: 1.3rem;
        width: 20%;
        top: 0;
        max-width: 7rem
    }

    .next-mobility #prefooter .inside .logo-link {
        margin-top: 2.6rem
    }

    #prefooter .inside .links {
        padding-left: 23%;
        position: relative
    }

    #prefooter .inside .links .social {
        position: absolute;
        right: 0;
        bottom: 0
    }

    #prefooter .inside .rechts {
        display: flex;
        flex-flow: row wrap
    }

    #prefooter .inside .rechts .headline {
        display: block
    }

    #prefooter .inside .rechts .col {
        flex: 0 33.33%;
        max-width: 33.333%;
        width: 33.333%
    }

    #prefooter .inside .rechts .col-1,
    #prefooter .inside .rechts .col-2,
    #prefooter .inside .rechts .col-3 {
        padding-right: 1.3rem
    }

    #prefooter ul li {
        margin-bottom: 0
    }

    #prefooter .inside .headline,
    #prefooter p,
    #prefooter ul li a,
    #prefooter ul li strong {
        font-size: .8rem
    }

    .at #prefooter .inside .rechts .col {
        flex: 0 50%;
        max-width: 50%;
        width: 50%
    }

    #footer .inside .social {
        display: flex;
        justify-content: flex-end
    }

    .next-mobility #footer .inside ul li.last {
        margin: 0;
        padding: 0
    }

    .ce_rsce_magazin .mod_newslist {
        margin: 2rem -.5rem 0;
        align-items: stretch
    }

    .ce_rsce_magazin .mod_newslist .layout_latest {
        padding: .5rem;
        flex: 0 50%;
        max-width: 50%;
        width: 50%
    }

    .ce_form {
        margin: 6rem auto
    }

    .ce_form .formbody .clr {
        clear: left
    }

    .ce_form .formbody .links {
        padding-right: .5rem;
        float: left
    }

    .ce_form .formbody .mitte {
        padding: 0 .5rem;
        float: left
    }

    .ce_form .formbody .rechts {
        padding-left: .5rem;
        float: left
    }

    .ce_form .formbody .w17 {
        width: 17%;
        float: left
    }

    .ce_form .formbody .w10 {
        width: 10%;
        float: left
    }

    .ce_form .formbody .w20 {
        width: 20%;
        float: left
    }

    .ce_form .formbody .w25 {
        width: 25%;
        float: left
    }

    .ce_form .formbody .w30 {
        width: 30%;
        float: left
    }

    .ce_form .formbody .w33 {
        width: 33.333%;
        float: left
    }

    .ce_form .formbody .w40 {
        width: 40%;
        float: left
    }

    .ce_form .formbody .w50 {
        width: 50%;
        float: left
    }

    .ce_form .formbody .w60 {
        width: 60%;
        float: left
    }

    .ce_form .formbody .w66 {
        width: 66.666%;
        float: left
    }

    .ce_form .formbody .w70 {
        width: 70%;
        float: left
    }

    .ce_form .formbody .w75 {
        width: 75%;
        float: left
    }

    .ce_form .formbody .w80,
    .ce_form .formbody .w90 {
        width: 80%;
        float: left
    }

    .ce_form .formbody .w100 {
        clear: left;
        padding: 1px 0;
        width: 100%
    }

    .ce_form .formbody .submit_container,
    .ce_form .formbody .widget-submit {
        margin-top: 1.5rem
    }

    .ce_form .formbody .widget-checkbox fieldset span,
    .ce_form .formbody .widget-radio fieldset span {
        margin-right: 2rem
    }

    .ce_form .formbody .widget-checkbox.datenschutz-checkbox,
    .ce_form .formbody .widget-radio.datenschutz-checkbox {
        max-width: 75%
    }

    .w50 .widget-checkbox:first-child {
        margin-top: 0
    }

    .ce_form .formbody {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between
    }

    .ce_form .formbody>* {
        flex-basis: 100%
    }

    .ce_form .formbody>.halb {
        flex-grow: 1;
        flex-basis: 45%;
        margin-right: 1.125rem
    }

    .ce_form .formbody>.halb+.halb {
        margin-right: 0;
        margin-left: 1.125rem
    }

    .ce_form .formbody>.halb .widget-explanation:first-child {
        margin-top: 1.6rem
    }

    #footer {
        background-color: rgba(0, 0, 0, .2)
    }

    .next-mobility #footer {
        background-position: center center;
        background-size: cover;
        background-image: url(../images/footer-background.jpg)
    }

    #footer .inside {
        padding: 1rem 1.3rem
    }

    #footer .inside ul {
        margin-top: .25rem
    }

    #footer .inside ul li {
        display: inline-block;
        margin-bottom: .5rem;
        margin-right: .25rem;
        padding-right: .5rem
    }

    #footer .inside ul li:before {
        content: "";
        position: absolute;
        right: 0;
        height: 70%;
        top: 25%;
        width: 1px;
        background-color: #fff
    }

    #footer .inside ul li:last-child:before {
        display: none
    }

    #footer .inside .flex {
        display: flex;
        align-items: center
    }

    .next-mobility #footer .inside .flex {
        align-items: flex-end
    }

    #footer .inside .flex .links {
        margin: 0;
        flex: 0 65%;
        max-width: 65%;
        width: 65%
    }

    #footer .inside .flex .rechts {
        flex: 0 35%;
        max-width: 35%;
        width: 35%;
        text-align: right
    }
}

@media only screen and (min-width:1024px) {
    .no-touch .header {
        background-color: #fff;
        padding: 0
    }

    .no-touch #header {
        transition: .2s linear;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 101
    }

    .no-touch .header-copy {
        margin-bottom: 6rem;
        display: block
    }

    .no-touch .shrinked #header {
        padding: 0
    }

    .no-touch .header .inside {
        position: relative;
        padding: 0 1.3rem;
        display: flex;
        align-items: flex-start
    }

    .no-touch .next-mobility .header {
        padding: 0 !important
    }

    .no-touch .next-mobility .header .inside {
        align-items: center
    }

    .no-touch .next-mobility .header .inside .links {
        flex: 0 30%;
        max-width: 30%;
        width: 30%
    }

    .no-touch .next-mobility .shrinked .header .inside .links .logo {
        max-width: 100px
    }

    .no-touch .shrinked #header .inside {
        align-items: center
    }

    .no-touch .header .inside .nav-mobile {
        display: none
    }

    .no-touch .header .inside .links {
        border: none;
        flex: 0 30%;
        padding: 0
    }

    .no-touch .header .inside .links a {
        padding: .85rem 0;
        max-width: 100%;
        position: relative
    }

    .no-touch .header .inside .links a img.big {
        max-width: 50%;
        z-index: 1000
    }

    .no-touch .header .inside .links a img.big-text {
        display: block;
        transition: .2s linear;
        max-width: 30%;
        position: absolute;
        right: 3rem;
        top: 1rem
    }

    .no-touch .shrinked #header .inside .links a img.big-text {
        opacity: 0;
        top: -1rem
    }

    .no-touch .header-copy .inside .links a img.big {
        position: absolute
    }

    .no-touch .header .inside .links a img.small {
        width: 40%;
        display: block
    }

    .no-touch .header .inside .rechts {
        padding: 0;
        flex: 0 70%;
        max-width: 70%;
        width: 70%;
        right: auto;
        background-image: none;
        max-width: 100%;
        display: flex;
        flex-direction: column-reverse;
        position: static
    }

    .no-touch .header .inside .rechts .oben {
        display: flex;
        transition: .2s;
        margin: 0;
        position: absolute;
        top: .75rem;
        right: 1.3rem;
        text-align: right;
        padding: 0;
        background-color: rgba(0, 0, 0, 0);
        z-index: 1000
    }

    .no-touch .shrinked #header .inside .rechts .oben {
        opacity: 0 !important
    }

    .no-touch .header .inside .rechts .oben .suchfeld {
        position: relative;
        top: auto;
        left: auto;
        font-size: 1rem
    }

    .no-touch .header .inside .rechts .oben .suchfeld #searchform input {
        padding: .25rem 0;
        width: 0;
        border: none
    }

    .no-touch .header .inside .rechts .oben .suchfeld #searchform input:focus,
    .no-touch .header .inside .rechts .oben .suchfeld:hover #searchform input {
        padding: .25rem .5rem;
        width: 150px;
        border-bottom: 1px solid #000
    }

    .no-touch .header .inside .rechts .oben .suchfeld #searchform button {
        display: none
    }

    .no-touch .header .inside .rechts .oben .suchfeld #searchform input:focus+button,
    .no-touch .header .inside .rechts .oben .suchfeld:hover #searchform input+button {
        display: inline-block
    }

    .no-touch .header .inside .rechts .oben .mod_customnav {
        padding: 0
    }

    .no-touch .header .inside .rechts .oben ul {
        margin: 0
    }

    .no-touch .header .inside .rechts .oben ul li {
        display: inline-block;
        list-style-type: none;
        margin-left: 1rem
    }

    .no-touch .header .inside .rechts .oben ul li a,
    .no-touch .header .inside .rechts .oben ul li strong {
        font-weight: 300;
        padding: 0;
        font-size: .8rem;
        text-decoration: none;
        color: #000
    }

    .no-touch .header .inside .rechts .oben ul li a:hover,
    .no-touch .header .inside .rechts .oben ul li strong {
        color: #d31213
    }

    .no-touch .header .inside .rechts .oben ul li.orange a:hover,
    .no-touch .header .inside .rechts .oben ul li.orange strong {
        color: #fbce07
    }

    .no-touch .header .inside .rechts .oben ul li.blau a:hover,
    .no-touch .header .inside .rechts .oben ul li.blau strong {
        color: #0091df
    }

    .no-touch .header .inside .rechts .oben ul li.gruen a:hover,
    .no-touch .header .inside .rechts .oben ul li.gruen strong {
        color: #76b828
    }

    .no-touch .header .inside .rechts .oben ul li a:before,
    .no-touch .header .inside .rechts .oben ul li strong:before {
        font-size: .8rem
    }

    .no-touch .header .inside .rechts .unten {
        position: relative;
        padding-top: 3.5rem;
        transition: .2s linear
    }

    .no-touch .shrinked #header .inside .rechts .unten {
        padding-top: 1.5rem
    }

    .no-touch .header .inside .rechts .unten .navigation ul.nav-list {
        margin: 0;
        padding: 0;
        border: none;
        display: block;
        box-shadow: none;
        position: relative;
        top: 0;
        left: 0;
        max-width: 100%;
        height: auto;
        width: auto;
         text-align: right  
    }

    .no-touch .ie .header .inside .rechts .unten .navigation ul.nav-list {
        justify-content: space-between;
        display: flex;
        width: 100%;
        max-width: 95%;
        float: right
    }

    .no-touch .header .inside .rechts .unten .navigation ul.nav-list:after {
        content: "";
        opacity: 1;
        transition: opacity .2s linear;
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        height: 3px
    }

    .no-touch .header .inside .rechts .unten .navigation ul.nav-list:hover:after {
        opacity: 1
    }

    .no-touch .header .inside .rechts .unten .navigation ul.nav-list li {
        background-image: none !important;
        display: inline-block;
        line-height: 1;
        border-bottom: .5rem solid transparent;
        margin-left: 0;
        background-color: rgba(0, 0, 0, 0);
        padding: 0 .5rem .5rem
    }

    .no-touch .header .inside .rechts .unten .navigation ul.nav-list li:last-child {
        margin-right: -.75rem
    }

    .no-touch .header .inside .rechts .unten .navigation ul.nav-list li.hintergrundbild:after {
        display: none
    }

    .no-touch .header .inside .rechts .unten .navigation ul.nav-list li.active,
    .no-touch .header .inside .rechts .unten .navigation ul.nav-list li.trail,
    .no-touch .header .inside .rechts .unten .navigation ul.nav-list li:hover {
        border-color: #d31213
    }

    .no-touch .header .inside .rechts .unten .navigation ul.nav-list li.orange.active,
    .no-touch .header .inside .rechts .unten .navigation ul.nav-list li.orange.trail,
    .no-touch .header .inside .rechts .unten .navigation ul.nav-list li.orange:hover {
        border-color: #fbce07
    }

    .no-touch .header .inside .rechts .unten .navigation ul.nav-list li.blau.active,
    .no-touch .header .inside .rechts .unten .navigation ul.nav-list li.blau.trail,
    .no-touch .header .inside .rechts .unten .navigation ul.nav-list li.blau:hover {
        border-color: #0091df
    }

    .no-touch .header .inside .rechts .unten .navigation ul.nav-list li.gruen.active,
    .no-touch .header .inside .rechts .unten .navigation ul.nav-list li.gruen.trail,
    .no-touch .header .inside .rechts .unten .navigation ul.nav-list li.gruen:hover {
        border-color: #76b828
    }

    .no-touch .next-mobility .header .inside .rechts .unten .navigation ul.nav-list li.active {
        border-color: transparent
    }

    .no-touch .next-mobility .header .inside .rechts .unten .navigation ul.nav-list li a {
        color: #000 !important
    }

    .no-touch .next-mobility .header .inside .rechts .unten .navigation ul.nav-list li:first-child,
    .no-touch .next-mobility .header .inside .rechts .unten .navigation ul.nav-list li:hover {
        border-color: #0091df
    }

    .no-touch .next-mobility .header .inside .rechts .unten .navigation ul.nav-list li:hover a {
        color: #0091df !important
    }

    .no-touch .header .inside .rechts .unten .navigation ul.nav-list li a {
        background-image: none !important;
        color: #000;
        font-size: .85rem;
        transition: border-color .2s linear, background-color .2s linear;
        background-color: rgba(0, 0, 0, 0);
        padding: 0;
        border: none;
        display: block;
        position: relative;
        text-decoration: none;
        line-height: 1
    }

    .no-touch .header .inside .rechts .unten .navigation ul.nav-list li a:after {
        display: none
    }

    .no-touch .header .inside .rechts .unten .navigation ul.nav-list li a:hover,
    .no-touch .header .inside .rechts .unten .navigation ul.nav-list li.active a,
    .no-touch .header .inside .rechts .unten .navigation ul.nav-list li.trail>a {
        color: #d31213
    }

    .no-touch .header .inside .rechts .unten .navigation ul.nav-list li.orange a:hover,
    .no-touch .header .inside .rechts .unten .navigation ul.nav-list li.orange.active a,
    .no-touch .header .inside .rechts .unten .navigation ul.nav-list li.orange.trail>a {
        color: #fbce07
    }

    .no-touch .header .inside .rechts .unten .navigation ul.nav-list li.blau a:hover,
    .no-touch .header .inside .rechts .unten .navigation ul.nav-list li.blau.active a,
    .no-touch .header .inside .rechts .unten .navigation ul.nav-list li.blau.trail>a {
        color: #0091df
    }

    .no-touch .header .inside .rechts .unten .navigation ul.nav-list li.gruen a:hover,
    .no-touch .header .inside .rechts .unten .navigation ul.nav-list li.gruen.active a,
    .no-touch .header .inside .rechts .unten .navigation ul.nav-list li.gruen.trail>a {
        color: #76b828
    }

    .no-touch .header .inside .rechts .unten .navigation ul.nav-list li ul {
        min-height: 10rem;
        opacity: 0;
        margin: 0;
        display: none;
        transform: translate(-1.5rem, .45rem);
        z-index: 1;
        background-color: #fff;
        padding: 0 1.5rem;
        position: absolute;
        top: 99.5%;
        left: 0;
        width: 11rem;
        overflow: hidden;
        transition: overflow .2s linear;
        height: 0
    }

    .no-touch .header .inside .rechts .unten .navigation ul.nav-list li.submenu-etwas-breiter ul {
        min-width: 13rem
    }

    .no-touch .header .inside .rechts .unten .navigation ul.nav-list li.submenu-breiter ul {
        min-width: 20rem
    }

    .no-touch #header .inside .rechts .unten .navigation ul.nav-list li ul:before {
        content: "";
        position: absolute;
        right: 99%;
        top: 0;
        height: 100%;
        width: 2000px;
        background-color: #fff
    }

    .no-touch #header .inside .rechts .unten .navigation ul.nav-list li ul:after {
        content: "";
        position: absolute;
        left: 99%;
        top: 0;
        height: 100%;
        width: 2000px;
        background-color: #fff
    }

    .no-touch .header .inside .rechts .unten .navigation ul.nav-list li ul li {
        position: static;
        display: block;
        text-align: left;
        transition: background-color .2s linear;
        padding: 0 0 0 1.5rem;
        margin: 0
    }

    .no-touch .header .inside .rechts .unten .navigation ul.nav-list li ul li.last {
        margin-bottom: 1rem;
        text-align: left
    }

    .no-touch .header .inside .rechts .unten .navigation ul.nav-list li ul li:last-child {
        margin-right: auto
    }

    .no-touch #header .inside .rechts .unten .navigation ul.nav-list li ul li.seitenbild-link {
        border: none;
        padding: 0;
        display: none;
        max-width: 300px;
        width: 100%;
        position: absolute;
        right: 100%
    }

    .no-touch #header .inside .rechts .unten .navigation ul.nav-list li ul li.seitenbild-link.first {
        display: block
    }

    .no-touch #header .inside .rechts .unten .navigation ul.nav-list li ul li.seitenbild-link img {
        width: 100%;
        margin-bottom: .5rem;
        height: auto
    }

    .no-touch #header .inside .rechts .unten .navigation ul.nav-list li ul li.seitenbild-link .nav-image {
        padding: 0
    }

    .no-touch #header .inside .rechts .unten .navigation ul.nav-list li ul li.seitenbild-link .nav-image:before {
        display: none
    }

    .no-touch #header .inside .rechts .unten .navigation ul.nav-list li ul li.seitenbild-link a {
        line-height: 1.4;
        font-size: .6rem;
        display: block;
        padding-left: 0
    }

    .no-touch #header .inside .rechts .unten .navigation ul.nav-list li ul li.seitenbild-link a:before {
        display: none
    }

    .no-touch .header .inside .rechts .unten .navigation ul.nav-list li ul li a {
        text-transform: inherit;
        color: #000;
        -webkit-hyphens: auto;
        hyphens: auto;
        font-weight: 300 !important;
        border: none;
        font-size: .8rem;
        padding: .5rem .25rem .5rem 1.5rem
    }

    .no-touch .header .inside .rechts .unten .navigation ul.nav-list li ul li.first a,
    .no-touch .header .inside .rechts .unten .navigation ul.nav-list li ul li.seitenbild-link.first+li a {
        padding-top: 0
    }

    .no-touch #header .inside .rechts .unten .navigation ul.nav-list li ul li a:before {
        padding-right: 1em;
        transition: left .2s linear;
        left: 0;
        position: absolute;
        content: "";
        font-family: gonzocons
    }

    .no-touch #header .inside .rechts .unten .navigation ul.nav-list li ul li a:hover:before {
        left: .5em
    }

    .no-touch .header .inside .rechts .unten .navigation ul.nav-list li ul li a:hover:before {
        left: .5rem
    }

    .no-touch .header .inside .rechts .unten .navigation ul.nav-list li.active ul li a,
    .no-touch .header .inside .rechts .unten .navigation ul.nav-list li.blau.active ul li a,
    .no-touch .header .inside .rechts .unten .navigation ul.nav-list li.blau.trail ul li a,
    .no-touch .header .inside .rechts .unten .navigation ul.nav-list li.gruen.active ul li a,
    .no-touch .header .inside .rechts .unten .navigation ul.nav-list li.gruen.trail ul li a,
    .no-touch .header .inside .rechts .unten .navigation ul.nav-list li.orange.active ul li a,
    .no-touch .header .inside .rechts .unten .navigation ul.nav-list li.orange.trail ul li a,
    .no-touch .header .inside .rechts .unten .navigation ul.nav-list li.trail ul li a {
      /*   color: #000 */
    }

    .no-touch .header .inside .rechts .unten .navigation ul.nav-list li.trail ul li.active a,
    .no-touch .header .inside .rechts .unten .navigation ul.nav-list li.trail ul li.trail a {
        color: #d31213
    }

    .no-touch .header .inside .rechts .unten .navigation ul.nav-list li.orange.trail ul li.active>a,
    .no-touch .header .inside .rechts .unten .navigation ul.nav-list li.orange.trail ul li.trail>a {
        color: #fbce07
    }

    .no-touch .header .inside .rechts .unten .navigation ul.nav-list li.blau.trail ul li.active>a,
    .no-touch .header .inside .rechts .unten .navigation ul.nav-list li.blau.trail ul li.trail>a {
        color: #0091df
    }

    .no-touch .header .inside .rechts .unten .navigation ul.nav-list li.gruen.trail ul li.active>a,
    .no-touch .header .inside .rechts .unten .navigation ul.nav-list li.gruen.trail ul li.trail>a {
        color: #76b828
    }

    .no-touch .header .inside .rechts .unten .navigation ul.nav-list li.suche:hover {
        border-color: transparent
    }

    .no-touch .header .inside .rechts .unten .navigation ul.nav-list li:hover ul {
        border: none;
        padding: 1rem 0 2rem;
        overflow: visible;
        height: auto;
        transition: overflow .2s linear, opacity .2s linear;
        opacity: 1;
        display: block;
        -webkit-animation-name: menu-animation;
        animation-name: menu-animation;
        -webkit-animation-duration: .2s;
        animation-duration: .2s;
        -webkit-animation-iteration-count: forwards;
        animation-iteration-count: forwards
    }

    .no-touch .header .inside .rechts .unten .navigation ul.nav-list>li.last:hover ul {
        right: 0;
        left: auto
    }

    @-webkit-keyframes menu-animation {
        from {
            opacity: 0;
            transform: translate(-1.5rem, .45rem)
        }

        to {
            opacity: 1;
            transform: translate(-1.5rem, .45rem)
        }
    }

    @keyframes menu-animation {
        from {
            opacity: 0;
            transform: translate(-1.5rem, .45rem)
        }

        to {
            opacity: 1;
            transform: translate(-1.5rem, .45rem)
        }
    }

    .no-touch .header .inside .rechts .unten .navigation ul.nav-list li:hover ul li {
        border: none
    }

    .no-touch .header .inside .rechts .unten .navigation ul.nav-list li .nav-click {
        display: none
    }

    .no-touch .header .inside .rechts .unten .navigation ul.nav-list li ul li ul {
        border: none !important;
        border-left: 1px solid #000 !important;
        padding: 0 !important;
        margin-top: 1rem;
        -webkit-animation: none !important;
        animation: none !important;
        width: 12rem;
        display: none !important;
        min-height: auto;
        transform: none;
        top: 0;
        left: 99%;
        background-color: rgba(0, 0, 0, 0)
    }

    .no-touch .header .inside .rechts .unten .navigation ul.nav-list li ul li:hover>a,
    
    {
        color: #d31213 !important
    }

    .no-touch .header .inside .rechts .unten .navigation ul.nav-list li.orange ul li:hover>a {
        color: #fbce07 !important
    }

    .no-touch .header .inside .rechts .unten .navigation ul.nav-list li.blau ul li:hover>a {
        color: #0091df !important
    }

    .no-touch .header .inside .rechts .unten .navigation ul.nav-list li.gruen ul li:hover>a {
        color: #76b828 !important
    }

    .no-touch .header .inside .rechts .unten .navigation ul.nav-list li ul li:hover ul {
        min-height: 86%;
        display: block !important
    }

    .no-touch .header .inside .rechts .unten .navigation ul.nav-list li ul li ul:after,
    .no-touch .header .inside .rechts .unten .navigation ul.nav-list li ul li ul:before {
        display: none
    }

    .no-touch .header .inside .rechts .unten .navigation ul.nav-list li ul li ul li {
        margin: 0;
        padding-left: 1.5rem;
        border: none !important
    }

    .no-touch .header .inside .rechts .unten .navigation ul.nav-list li ul li ul li a {
        padding: .5rem 0 .5rem 1.5rem !important
    }

    .no-touch .header .inside .rechts .unten .navigation ul.nav-list li ul li ul li.first a {
        padding-top: 0 !important
    }

    .no-touch .header .inside .rechts .unten .navigation ul.nav-list li ul li ul li.last {
        margin-bottom: 0
    }

    .no-touch .header .inside .rechts .unten .navigation ul.nav-list li ul li:hover ul li a,
    .no-touch .header .inside .rechts .unten .navigation ul.nav-list li.trail ul li.active ul li a,
    .no-touch .header .inside .rechts .unten .navigation ul.nav-list li.trail ul li.trail ul li a {
        color: #000
    }

    .no-touch .header .inside .rechts .unten .navigation ul.nav-list li ul li ul li:hover a,
    .no-touch .header .inside .rechts .unten .navigation ul.nav-list li.trail ul li.trail ul li a:hover,
    .no-touch .header .inside .rechts .unten .navigation ul.nav-list li.trail ul li.trail ul li.active a {
        color: #d31213
    }

    .no-touch .header .inside .rechts .unten .navigation ul.nav-list li.orange ul li ul li:hover a,
    .no-touch .header .inside .rechts .unten .navigation ul.nav-list li.orange.trail ul li.trail ul li a:hover,
    .no-touch .header .inside .rechts .unten .navigation ul.nav-list li.orange.trail ul li.trail ul li.active a {
        color: #fbce07
    }

    .no-touch .header .inside .rechts .unten .navigation ul.nav-list li.blau ul li ul li:hover a,
    .no-touch .header .inside .rechts .unten .navigation ul.nav-list li.blau.trail ul li.trail ul li a:hover,
    .no-touch .header .inside .rechts .unten .navigation ul.nav-list li.blau.trail ul li.trail ul li.active a {
        color: #0091df
    }

    .no-touch .header .inside .rechts .unten .navigation ul.nav-list li.gruen ul li ul li:hover a,
    .no-touch .header .inside .rechts .unten .navigation ul.nav-list li.gruen.trail ul li.trail ul li a:hover,
    .no-touch .header .inside .rechts .unten .navigation ul.nav-list li.gruen.trail ul li.trail ul li.active a {
        color: #76b828
    }

    .ce_rsce_teaser ul.teaserslider li {
        height: 60vh
    }

    .ce_rsce_teaser .teaser-text {
        padding: 1.3rem 3.9rem
    }

    .ce_rsce_teaser .teaser-text .inhaltsbreite .logo {
        max-height: 6rem
    }

    .ce_rsce_teaser .teaser-text .inhaltsbreite .font-size {
        font-size: 1.6vw
    }

    .ce_rsce_teaser .teaser-text .inhaltsbreite .logo-row {
        text-align: right
    }

    .ce_rsce_teaser .einleitung .flex .links {
        flex: 0 35%;
        max-width: 35%;
        width: 35%;
        padding-right: 1rem
    }

    .ce_rsce_teaser .einleitung .flex .rechts {
        flex: 0 65%;
        max-width: 65%;
        width: 65%;
        padding-left: 4rem
    }

    .ce_rsce_teaser .rechner .rechner-body .rechner-body-head .headline {
        font-size: 1.7rem
    }

    .ce_rsce_teaser .rechner .rechner-body .rechner-body-head .subline {
        font-size: 1rem
    }

    .ce_rsce_teaser .rechner .rechner-body .rechner-body-content {
        padding: 1.5rem 3rem
    }

    .ce_rsce_text,
    .ce_text {
        margin: 5rem auto
    }

    .quadrate .quadrat {
        max-width: 33.333%;
        flex: 0 33.333%;
        width: 33.333%
    }

    .ce_rsce_bildtrenner .inside {
        background-color: rgba(0, 0, 0, 0);
        padding-top: 4rem
    }

    .ce_rsce_bildtrenner .inside .bildschrift {
        position: relative;
        width: 35%
    }

    .ce_rsce_bildtrenner .inside .badge {
        width: 10%
    }

    .ce_rsce_angebot .inside .flex .links .headline {
        -webkit-hyphens: none;
        hyphens: none
    }

    .ce_rsce_angebot .inside .flex .rechts .center-container {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between
    }

    .ce_rsce_angebot .inside .flex .rechts .center-container:after {
        height: 2px !important;
        width: 0;
        top: 50%;
        left: 0
    }

    .ce_rsce_angebot.is-visible .inside .flex .rechts .center-container:after {
        width: 100%
    }

    .ce_rsce_angebot .inside .flex .rechts .center-container .icon {
        margin: 0 !important
    }

    .ce_rsce_angebot .inside .flex .rechts .center-container .icon img {
        height: 3.5rem;
        width: 3.5rem;
        background-color: #fff;
        padding: .75rem
    }

    .ce_rsce_angebot .inside .flex .rechts .center-container .icon .name {
        text-align: center;
        margin-left: 0;
        font-size: .8rem;
        position: absolute;
        top: 100%;
        margin-top: .5rem;
        left: 50%;
        transform: translate(-50%, 0)
    }

    .ce_rsce_angebot .inside .flex .links {
        flex: 0 35%;
        max-width: 35%;
        width: 35%
    }

    .ce_rsce_angebot .inside .flex .rechts {
        padding-left: 4rem;
        flex: 0 65%;
        max-width: 65%;
        width: 65%
    }

    .ce_rsce_produktportfolio .area-texte {
        display: flex;
        justify-content: flex-end;
        margin-top: 2rem
    }

    .ce_rsce_produktportfolio .area-texte .area-text {
        max-width: 75%;
        width: 75%;
        padding: 2rem 2rem 2rem 10%
    }

    .ce_rsce_produktportfolio .area-texte .area-text .headline {
        -webkit-hyphens: none;
        hyphens: none;
        font-size: 1.5rem;
        position: absolute;
        padding: 0;
        left: 0;
        width: 32%
    }

    .ce_rsce_produktportfolio .area-texte .area-text .headline:after {
        left: auto;
        right: 0;
        bottom: -1rem
    }

    .ce_rsce_produktportfolio .area-texte .relative-container {
        position: relative
    }

    .ce_rsce_produktportfolio .area-texte .area-text img {
        bottom: -2rem;
        right: -2rem
    }

    .ce_rsce_faq_auszug .area-texte {
        display: flex;
        justify-content: flex-end;
        margin-top: 3rem
    }

    .ce_rsce_faq_auszug .area-texte .area-text {
        margin: 0;
        max-width: 70%;
        width: 70%;
        min-height: 12rem;
        padding: 2rem 2rem 2rem 10%
    }

    .ce_rsce_faq_auszug .area-texte .area-text .headline {
        -webkit-hyphens: none;
        hyphens: none;
        font-size: 1.5rem;
        position: absolute;
        padding: 0;
        left: 0;
        width: 35%
    }

    .ce_rsce_faq_auszug .area-texte .area-text .headline:after {
        left: auto;
        right: 0;
        bottom: -1rem
    }

    .ce_rsce_faq_auszug .area-texte .area-text .text.mit-bild {
        max-width: 75%
    }

    .ce_rsce_bild,
    .grau.ce_rsce_kontaktblock .inside {
        margin: 3rem auto
    }

    .ce_rsce_kontaktblock .flex .rechts .ansprechpartner {
        text-align: left;
        padding-right: 3rem
    }

    .ce_rsce_kontaktblock .flex .rechts .slick-arrow.prev {
        left: -3rem
    }

    .ce_rsce_kontaktformular .inside .flex {
        display: flex;
        flex-flow: row wrap
    }

    .ce_rsce_kontaktformular .inside .flex>.links {
        margin: 1.5rem 0 0;
        padding-right: 2rem;
        flex: 0 50%;
        background-size: 25%
    }

    .ce_rsce_kontaktformular .inside .flex>.rechts {
        padding-left: 2rem;
        flex: 0 50%
    }

    .ce_rsce_youtube .overlay p {
        font-size: .8rem
    }

    .ce_rsce_youtube .overlay p a:after {
        height: 2px
    }

    .videoWrapper .overlay p {
        font-size: .8rem
    }

    .videoWrapper .overlay p a:after {
        height: 2px
    }

    .ce_rsce_text_mit_bild.invert .links {
        padding-left: 2rem
    }

    .ce_rsce_text_mit_bild.invert .rechts {
        padding-right: 2rem;
        padding-left: 2rem
    }

    .ce_rsce_text_mit_bild .links {
        padding-right: 2rem
    }

    .ce_rsce_text_mit_bild .rechts {
        padding-left: 2rem;
        padding-right: 2rem
    }

    .ce_rsce_text_mit_bild .flex .headline:before {
        width: 50%;
        margin-right: 2rem
    }

    .ce_rsce_text_bild_icons.spalten-1-3 .inside .flex .links .headline {
        font-size: 2.5rem
    }

    .ce_rsce_text_bild_icons .inside .flex .rechts .row-icons .row {
        margin-bottom: 2rem
    }

    .ce_rsce_text_bild_icons.spalten-1-3 .inside .flex .rechts .row-icons .row img {
        min-width: 4rem;
        width: 4rem
    }

    .ce_rsce_timeline ul.timeline li .links {
        padding: 0 4rem 4rem 0
    }

    .ce_rsce_timeline ul.timeline li .rechts {
        padding: 0 0 4rem 4rem
    }

    .ce_rsce_timeline .beschreibung {
        display: flex;
        flex-flow: row wrap;
        flex-direction: row-reverse
    }

    .ce_rsce_timeline .invert .beschreibung {
        flex-direction: inherit
    }

    .ce_rsce_timeline .beschreibung .bild {
        flex: 0 30%;
        max-width: 30%;
        width: 30%;
        padding-left: 1rem
    }

    .ce_rsce_timeline .invert .beschreibung .bild {
        padding: 0 1rem 0 0
    }

    .ce_rsce_timeline .beschreibung .bild img {
        max-width: 100%
    }

    .ce_rsce_timeline .beschreibung .text {
        flex: 70%;
        max-width: 70%;
        width: 70%
    }

    .ce_rsce_vertical_akkordeon .tabs {
        display: flex
    }

    .ce_rsce_text_mit_360 .flex .links {
        flex: 0 35%;
        max-width: 35%;
        width: 35%
    }

    .ce_rsce_text_mit_360 .flex .rechts {
        flex: 0 65%;
        max-width: 65%;
        width: 65%;
        padding-left: 4rem
    }

    .mod_storelocator .inside #results li {
        padding: 1.5rem
    }

    .ce_rsce_countdown picture+.inhalt {
        padding: 4rem 1.3rem
    }

    .ce_rsce_zahlen_animiert .area {
        width: 33.333%;
        max-width: 33.333%;
        flex: 0 33.333%;
        padding: 1rem 2rem
    }

    .ce_rsce_text_bild_akkordeon .tab-category-element,
    .ce_rsce_text_mit_bild .tab-category-element {
        padding: 1rem 1.5rem 1rem 0
    }

    .mod_newscategories {
        margin-bottom: -.5rem
    }

    .mod_newscategories ul li {
        display: inline-block;
        margin: 0 .5rem .5rem 0
    }

    .ce_rsce_magazin .mod_newslist .layout_latest {
        flex: 0 33.333%;
        max-width: 33.333%;
        width: 33.333%
    }

    .mod_newsreader .ce_rsce_text_mit_bild.invert .links {
        padding-left: 2rem
    }

    .mod_newsreader .ce_rsce_text_mit_bild.invert .rechts {
        padding-right: 2rem;
        padding-left: 0
    }

    .mod_newsreader .ce_rsce_text_mit_bild .links {
        padding-right: 2rem
    }

    .mod_newsreader .ce_rsce_text_mit_bild .rechts {
        padding-left: 2rem;
        padding-right: 0
    }

    .mod_newsreader .ce_rsce_text_mit_bild .flex .headline:before {
        width: 50%;
        margin-right: 2rem
    }

    #prefooter .inside {
        padding: 4rem 0 2rem 1.3rem
    }

    .next-mobility #prefooter .inside .logo-link {
        margin-top: 4.6rem
    }

    #prefooter .inside .flex {
        display: flex;
        flex-flow: row wrap
    }

    #prefooter .inside .links {
        padding: 0 0 0 20%;
        flex: 0 50%;
        max-width: 50%;
        width: 50%
    }

    #prefooter .inside .links .social {
        position: relative
    }

    #prefooter .inside .rechts {
        flex: 50%;
        max-width: 50%;
        width: 50%
    }

    #prefooter .inside .rechts .col {
        margin: 0
    }
}

@media only screen and (min-width:1280px) {
    .no-touch .header .inside .links {
        flex: 0 30%
    }

    .no-touch .header .inside .rechts {
        flex: 0 75%
    }

    .no-touch .header .inside .rechts .unten .navigation ul.nav-list li {
        padding: 0 .75rem .5rem;
        margin-left: 1%
    }

    .no-touch .ie .header .inside .rechts .unten .navigation ul.nav-list li {
        margin-left: 0
    }

    .no-touch .header .inside .rechts .unten .navigation ul.nav-list li a {
        font-size: .9rem
    }

    h1.headline {
        font-size: 2.2rem
    }

    .headline-container-with-line .headline {
        font-size: 2rem
    }

    .headline-container-with-line .subline {
        margin: .5rem auto 0;
        max-width: 80%
    }

    .ce_rsce_teaser ul.teaserslider li {
        min-height: 500px
    }

    .ce_rsce_teaser .teaser-text .inhaltsbreite {
        padding: 0 1.3rem
    }

    .ce_rsce_teaser .teaser-text .inhaltsbreite .box {
        max-width: 45%;
        width: 45%
    }

    .ce_rsce_teaser .teaser-text .inhaltsbreite .font-size {
        font-size: 1.95vw;
        padding-left: 2rem
    }

    .ce_rsce_teaser .teaser-text .inhaltsbreite .font-size .text {
        font-size: 1em
    }

    .ce_rsce_teaser .teaser-text .inhaltsbreite .font-size .countdown-container .countdown .countdown-row .value {
        font-size: 1.5em
    }

    .ce_rsce_teaser .teaser-text .inhaltsbreite .font-size .countdown-container .countdown .countdown-row .label {
        font-size: .5em
    }

    .ce_rsce_teaser .teaser-text .inhaltsbreite .font-size .countdown-container .countdown-abgelaufen .cta-text {
        font-size: .8em
    }

    .ce_rsce_teaser .einleitung .flex .links {
        padding-right: 5rem
    }

    .ce_rsce_teaser .einleitung .flex .rechts {
        padding-left: 1rem
    }

    .ce_rsce_teaser .rechner .rechner-body .rechner-body-head .headline {
        font-size: 1.9rem
    }

    .ce_rsce_teaser .rechner .rechner-body .rechner-body-content {
        padding: 1.5rem 3rem
    }

    .ce_rsce_teaser .next,
    .ce_rsce_teaser .prev {
        font-size: 4vw
    }

    .ce_rsce_teaser_klein .inside {
        align-items: center;
        min-height: 350px
    }

    .ce_rsce_text_mit_bild.invert .links {
        padding-left: 4rem
    }

    .ce_rsce_text_mit_bild.invert .rechts {
        padding-right: 4rem;
        padding-left: 4rem
    }

    .ce_rsce_text_mit_bild .links {
        padding-right: 2rem
    }

    .ce_rsce_text_mit_bild .rechts {
        padding-left: 4rem;
        padding-right: 4rem
    }

    .ce_rsce_angebot .inside .flex .rechts .center-container .icon img {
        height: 4.5rem;
        width: 4.5rem;
        background-color: #fff;
        padding: 1rem
    }

    .ce_rsce_angebot .inside .flex .rechts .center-container .icon .name {
        font-size: .9rem;
        min-width: 9rem
    }

    .ce_rsce_faq_auszug .area-texte .area-text .headline,
    .ce_rsce_produktportfolio .area-texte .area-text .headline {
        font-size: 1.8rem
    }

    .ce_rsce_magazin {
        padding: 4rem 0
    }

    .ce_rsce_akkordeon {
        margin: 4rem auto 4.5rem
    }

    .ce_rsce_akkordeon .tabs-container {
        margin-top: 3rem
    }

    .ce_rsce_bildtrenner {
        margin-bottom: 7rem
    }

    .ce_rsce_bildtrenner .inside .content {
        max-width: 33%
    }

    .ce_rsce_bildtrenner .inside .bildschrift.groesser {
        width: 50%
    }

    .grau.ce_rsce_kontaktblock .inside {
        margin: 4rem auto
    }

    .ce_rsce_kontaktblock .flex .links {
        padding-right: 3rem
    }

    .ce_rsce_kontaktblock .flex .rechts {
        padding-left: 3rem
    }

    .ce_rsce_kontaktblock .flex .rechts .ansprechpartner {
        flex: 0 33.333%;
        max-width: 33.333%;
        width: 33.333%
    }

    .ce_rsce_kontaktformular .inside {
        margin: 2rem auto 4rem;
        padding: 0 1.3rem
    }

    .mod_sitemap {
        margin: 8rem auto
    }

    .ce_rsce_text_bild_icons.spalten-1-3 .inside .flex .links {
        flex: 0 35%;
        width: 35%;
        max-width: 35%
    }

    .ce_rsce_text_bild_icons.spalten-1-3 .inside .flex .rechts {
        flex: 0 65%;
        width: 65%;
        max-width: 65%
    }

    .ce_rsce_text_mit_360 .flex .links {
        padding-right: 5rem
    }

    .ce_rsce_text_mit_360 .flex .rechts {
        padding-left: 1rem
    }

    .ce_rsce_bildboxen_mit_akkordeon .quadrate {
        margin: 0 -1rem
    }

    .ce_rsce_bildboxen_mit_akkordeon .quadrat {
        padding: 1rem
    }

    .ce_rsce_countdown {
        margin: 5rem auto
    }

    .ce_rsce_countdown picture+.inhalt {
        padding: 5rem 1.3rem
    }

    .ce_rsce_countdown .countdowner .countdown-row {
        max-width: 700px
    }

    .ce_rsce_countdown .countdowner .countdown-row .countdown-section .value {
        font-size: 4rem
    }

    .ce_rsce_zahlen_animiert {
        margin: 5rem auto
    }

    .ce_rsce_zahlen_animiert .area .headline {
        font-size: 4rem
    }

    body .wj_embed_wrapper .timeTo figure,
    body .wj_embed_wrapper .timeTo ul {
        line-height: 1.5 !important
    }

    .mod_article>.ce_form:first-child {
        margin-top: 8rem
    }

    .mod_faqreader {
        margin: 8rem auto
    }

    .ce_rsce_storelocator {
        margin: 4rem auto 6rem
    }

    .ce_rsce_storelocator #map {
        height: 500px
    }

    .mod_storelocator .inside .scrollarea {
        width: 25%
    }

    .mod_storelocator .inside .marker-inside .name {
        font-size: .6rem
    }

    .mod_storelocator .inside .marker-inside .name small {
        font-size: .4rem
    }

    .ce_rsce_magazin .mod_newslist {
        margin: 2rem -1rem 0
    }

    .ce_rsce_magazin .mod_newslist .layout_latest {
        padding: 1rem;
        flex: 0 25%;
        max-width: 25%;
        width: 25%
    }

    #prefooter .inside .links {
        padding: 0 0 0 13%
    }

    #prefooter .inside .rechts .col-1,
    #prefooter .inside .rechts .col-2,
    #prefooter .inside .rechts .col-3 {
        padding-left: 1.3rem
    }

    #prefooter .inside .links .social {
        position: absolute;
        right: 2rem
    }

    #prefooter .inside .links .social a,
    .next-mobility #footer .inside .social a {
        margin: 0 0 0 .75rem;
        height: 2rem;
        width: 2rem
    }

    #prefooter .inside .links .social a i,
    .next-mobility #footer .inside .social a i {
        font-size: 1rem
    }

    #footer .inside ul li:before {
        width: 1px
    }

    #footer .inside .flex .links {
        flex: 0 75%;
        max-width: 75%;
        width: 75%
    }

    #footer .inside .flex .rechts {
        flex: 0 25%;
        max-width: 25%;
        width: 25%
    }
}

@media only screen and (max-width:1919px) {

    .no-touch .header .inside .rechts .unten .navigation ul.nav-list li:nth-child(5) ul li:hover ul.level_3,
    .no-touch .header .inside .rechts .unten .navigation ul.nav-list li:nth-child(6) ul li:hover ul.level_3 {
        left: auto;
        right: 99%;
        border: none !important;
        border-right: 1px solid #000 !important
    }
}

@media only screen and (min-width:1920px) {
    .ce_rsce_teaser .teaser-text {
        padding: 1.3rem
    }

    .ce_rsce_teaser .teaser-text .inhaltsbreite .font-size {
        font-size: 1.8rem
    }

    .ce_rsce_teaser .einleitung .flex .links {
        padding-right: 7rem
    }

    .ce_rsce_teaser .next,
    .ce_rsce_teaser .prev {
        font-size: 3vw
    }
}

/*! --Print-- */
@media print {
    body {
        background: #fff
    }

    #footer,
    #header {
        display: none
    }

    * {
        background: rgba(0, 0, 0, 0) !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important
    }

    a,
    a:visited {
        text-decoration: underline
    }

    a[href]:after {
        content: " (" attr(href) ")"
    }

    abbr[title]:after {
        content: " (" attr(title) ")"
    }

    .ir a:after,
    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: ""
    }

    blockquote,
    pre {
        border: 1px solid #999;
        page-break-inside: avoid
    }

    thead {
        display: table-header-group
    }

    img,
    tr {
        page-break-inside: avoid
    }

    img {
        max-width: 100% !important
    }

    @page {
        margin: .5cm
    }

    h2,
    h3,
    p {
        orphans: 3;
        widows: 3
    }

    h2,
    h3 {
        page-break-after: avoid
    }
}
.grey-background{
    background-image: url(../images/grey-bg.jpg);
}
.checkbox_wrapper input{ float:left; margin-right:10px; display: block; width:20px;height: 20px;margin-top: 5px; }
 
        .color-3 {
            color: #424245;
        }

      

        .priceBox {
            text-align: center;
        }

        .pictureContainer {
            text-align: center;
        }

        .descriptionBox {
            word-wrap: break-word;
            text-align: center;
        }

        .priceText {
            border-top: 1px solid #dadadd;
            margin-top: 10px;
        }

        .compareBox a {
            display: block;
            width: 100%;
        }

        .statusBox {
            overflow: hidden;
        }

        .pictureBox {
            text-align: center;
        }

         
        .articlePreview>div {
            overflow: hidden;
        }

        .articlePreview>div:last-of-type {
            margin-bottom: 0px;
        }

        .articlePreview article {
            padding: 25px;
            position: relative;
        }

        .articlePreview article .badgesBox {
            top: auto;
            right: 5px;
            width: 100%;
            text-align: right;
            padding: 0 20px;
            margin-top: 0;
        }



        .articlePreview .descriptionBox h2 {
            font-size: 18px;
        }


        

        .articlePreviewBox {
            overflow: hidden;
        }

        .spezialMarkierungBoxPlaceHolder {
            height: 140px;
        }

        .priceBox {
            text-align: center;
        }

        .pictureContainer {
            text-align: left;
        }

        .descriptionShort {
            word-wrap: break-word;
            text-align: left;
            text-transform: uppercase;
            color: #b2b2b2;
            font-size: 27px;
            font-weight: 400;
        }

        .descriptionBox {
            word-wrap: break-word;
            text-align: left;
        }

        .productdetailsLink {
            text-align: left;
            color: #868686;
            font-size: 15px;
            font-weight: 400;
        }

        .product-modal-details,
        .product-modal-preiswecker {
            display: none;
        }

        .product-modal-details p {
            max-height: 400px;
            overflow: hidden;
            text-overflow: ellipsis;
            content: "";
            position: relative;
        }

        .product-modal-details p:before {
            content: '';
            width: 100%;
            height: 100%;
            position: absolute;
            left: 0;
            top: 0;
            background: linear-gradient(transparent 150px, white);
        }

        .ui-widget-header {
            background-color: #fff !important;
        }

        .badgesBox {
            top: auto;
            right: auto;
            width: 100%;
            text-align: right;
            padding: 0 20px;
            margin-top: -4px;
        }

        .priceText {
            border-top: 1px solid #dadadd;
            margin-top: 10px;
        }

        .compareBox a {
            display: block;
            width: 100%;
        }

        .statusBox {
            overflow: hidden;
        }

        .pictureBox {
            text-align: center;
        }

        .articlePreview {
            margin-top: 10px;
        }

        .articlePreview>div {
            overflow: hidden;
        }

        .articlePreview>div:last-of-type {
            margin-bottom: 0px;
        }

        .loading {
            float: right;
            width: 20px;
            height: 20px;
            background: url(/cosmoshop/shared/admin/pix/loading.gif) no-repeat;
            display: none;
        }

        .articlePreview .descriptionBox h2 {
            margin: 0;
        }

        .articlePreview .descriptionBox h2 a {
            font-weight: 600;
            text-transform: uppercase;
            line-height: 19px;
            display: block;
        }

        .articlePreview .pictureContainer img {
            max-width: 50%;
        }

        .articlePreview .priceBox .preisBrutto {
            font-size: 34px;
            font-weight: 900;
            color: #131116;
        }

        .articlePreview .priceBox .preisMengeBrutto {
            font-size: 18px;
            font-weight: 900;
            color: #131116;
            letter-spacing: -0.5px;
        }

        .articlePreview .priceRow {
            margin-bottom: 0;
        }

        .articlePreview article {
            background: #f3f4f5;
        }

        .articlePreview article.articleBorder {
            border-color: #009ee3;
        }

        .articlePreview .bottomBox {
            float: left;
            margin-top: 25px;
            font-size: 14px;
        }

        .articlePreview .bottomBox2 {
            float: left;
            margin-top: 8px;
        }

        .articlePreview .priceRow.ar,
        .articlePreview .priceBox .ar {
            text-align: right;
            font-size: 14px;
            clear:both;
        }

        .articlePreview .priceRow.al {
            text-align: left;
        }

        .articlePreview .borderTop {
            border-top: 1px solid #9b9b9b;
            margin-top: 5px;
            padding-top: 5px;
        }

        .articlePreview .tippBox {
            text-align: center;
            height: 20px;
        }

        .articlePreview .tippBox>div {
            margin: 0 auto;
            width: 0;
            height: 0;
            border-left: 20px solid transparent;
            border-right: 20px solid transparent;
            border-top: 20px solid #009ee3;
        }

        .articlePreview .kompensationClass {
            min-height: auto;
            padding: 15px;
            color: #97bf24;
        }

        .articlePreview .einsparungClass {
            padding: 15px;
            color: #009ee3;
        }

        .product-modal-preiswecker .preisweckerTop {
            text-align: left;
            max-width: 100%;
            float: right;
        }

        .product-modal-preiswecker .preisweckerTop img {
            max-width: 110px;
            margin-right: 100px;
        }

        .product-modal-preiswecker .preisweckerTop .descriptionShortPreis {
            text-align: left;
            font-size: 27px;
            color: #a4a4a4;
        }

        .product-modal-preiswecker .preisweckerTop .descriptionBoxPreis {
            text-align: left;
            color: #212121;
            font-weight: 600;
            text-transform: uppercase;
            letter-spacing: -0.4px;
            font-size: 11px;
        }

        .product-modal-preiswecker .topbox {
            overflow: hidden;
        }

        .product-modal-preiswecker .header {
            font-size: 26px !important;
            font-weight: 600 !important;
            color: #121212;
            text-transform: uppercase;
            margin: 0;
            margin-top: 11px;
            margin-bottom: 10px;
        }

        .product-modal-preiswecker h3.wunschpreis {
            color: #121212;
            font-size: 20px;
            margin: 0 0 10px 0;
        }

        .product-modal-preiswecker #preiswecker {
            max-width: 27%;
            float: left;
            margin-right: 10px;
            color: #000;
            font-size: 18px !important;
            font-weight: 400;
        }

        .product-modal-preiswecker .jeLiter {
            display: block;
            line-height: 40px;
            color: #000;
        }

        .product-modal-preiswecker .preiserklaerung {
            color: #000;
            margin-top: 5px;
            font-size: 13px;
        }

        .product-modal-preiswecker .wunschemailBox input {
            font-size: 18px !important;
        }

        .product-modal-preiswecker .wunschemailBox .wunschemail {
            color: #121212;
            font-size: 20px;
            margin: 0 0 10px 0;
        }

        .product-modal-preiswecker input.desiredPriceBtn {
            font-size: 18px !important;
            font-weight: 600 !important;
            letter-spacing: 0.5px;
        }

        .product-modal-preiswecker .dsBox input {
            margin-right: 5px;
        }

        .product-modal-preiswecker.ui-dialog-content {
            height: 54% !important;
        }

        article .descriptionBox .kompensationBox span {
            font-size: 14px;
        }

        .ui-dialog .product-modal-details h4 span {
            display: inline-block;
            margin-right: 5px;
        }

        .pricestar {
            float: right;
            font-size: 21px;
            font-weight: 800;
            color: #000;
            top: 5px;
            position: relative;
        }

        .pricestar2 {
            float: right;
            font-size: 16px;
            font-weight: 800;
            color: #000;
            top: 0;
            position: relative;
        }

        .vpeBox {
            font-size: 16px;
        }

        .vpeBox span {
            font-size: 12px;
        }

        [aria-describedby*="product-modal-preiswecker"].ui-dialog {
            position: absolute !important;
        }

        [aria-describedby*="product-modal-preiswecker"].ui-dialog .product-modal-preiswecker {
            padding: 0;
        }

        [aria-describedby*="product-modal-preiswecker"].ui-dialog .product-modal-preiswecker .preisweckerTop {
            float: left;
        }

        .articlePreview .spezialMarkierungBox {
            padding: 8px 10px 15px 10px;
            color: #fff;
        }

        .articlePreview .spezialMarkierungBox .header {
            letter-spacing: 0;
            font-size: 31px;
        }

        .articlePreview .spezialMarkierungBox .text {
            font-weight: 300;
            font-size: 14px;
        }

        .articlePreview .descriptionBox h2 {
            font-size: 15px;
            text-transform: uppercase;
            font-weight: 800;
        }

         .articlePreview .priceBox .preisBrutto {
            float: right;
        }

        .vorteilsHinweisBox {
            padding: 0
        }

        .articlePreviewBox .priceBox {
            position: relative;
        }

        .articlePreviewBox .priceBox.noPriceState {
            position: relative;
        }

        .articlePreviewBox .priceBox.noPriceState span {
            display: inline-block;
            border: 1px solid #D9000D;
            text-align: center;
            padding: 10px 0;
            margin-top: 40px;
        }

        
        #lastViewBox {
            overflow: hidden;
        }

        .lastViewHeading {
            display: block;
            margin: 0px;
            padding: 12px;
        }

        .articlePreviewSmall {
            margin-top: 10px;
        }

        .articlePreviewSmall a {
            text-decoration: none;
            display: block;
            width: 100%;
            cursor: pointer;
            text-align: center;
        }

        .articlePreviewSmall .articlePreviewSmallPictureBox {
            text-align: center;
        }
        .box-1{ display: none;}
        .ce_rsce_teaser img.loader{width:auto;float:right;visibility: hidden;}
        .red_tooltip_bubble {
            display: none;
            margin-top: 20px;            
            width: auto;
            border: 0px solid #009ee3;
            background-color: #d1050c;
            border-radius: 0;
            padding: 10px;
            color: #fff;
            font-size: 14px;
            text-align: center;
        }
        .formbody .awesomplete{
            display: block;
        }
    #system-message-container {margin:8rem 20px}       
       
        #system-message-container joomla-alert[type="danger"]{
            color: #fff;
            background-color: #d1050c!important;
            border-radius: 5px;
        }
        #system-message-container joomla-alert .alert-heading .visually-hidden{ display: none;}
       #system-message-container joomla-alert[type="success"]{
            color: #fff;
            background-color: #76b828!important;
            border-radius: 5px;
        } 
.agree-terms p{margin: 0;padding: 0;}