@import url("https://hello.myfonts.net/count/3aa7d5");
html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
button,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
    font-weight: normal;
    font-style: normal
}

html,
body {
    height: 100%;
    width: 100%;
    -webkit-font-smoothing: antialiased;
    font-family: book;
    color: #0069b4;
}

body {
    line-height: 1;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

img {
    vertical-align: bottom
}

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

nav ul {
    list-style: none
}

.edge nav ul {
    list-style-type: none;
    list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7)
}

blockquote,
q {
    quotes: none
}

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

a {
    margin: 0;
    padding: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent
}

a:link,
a:hover,
a:visited {
    text-decoration: none
}

ins {
    text-decoration: none
}

mark {
    font-style: italic;
    font-weight: bold
}

del {
    text-decoration: line-through
}

abbr[title],
dfn[title] {
    border-bottom: 1px dotted;
    cursor: help
}

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

input,
select {
    vertical-align: middle
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

*|*:-moz-any-link:focus,
select:focus {
    outline: none;
    border: none
}

input:invalid,
input:focus {
    border: none;
    box-shadow: none
}

input[type=text]:focus,
input[type=search]:focus,
input[type=password]:focus,
textarea:focus,
select:focus {
    outline: 0 none
}

input:focus,
textarea:focus {
    outline-width: 0
}

a {
    outline: 0 none
}

@media (max-width: 767px) {
    .visible_screen_a {
        display: block
    }
}

@media (min-width: 768px) {
    .visible_screen_a {
        display: none
    }
}

@media (max-width: 767px) {
    .visible_screen_a_inline {
        display: inline-block
    }
}

@media (min-width: 768px) {
    .visible_screen_a_inline {
        display: none
    }
}

@media (max-width: 767px) {
    .visible_screen_a_inline {
        display: inline-block
    }
}

@media (min-width: 768px) {
    .visible_screen_a_inline {
        display: none
    }
}

@media (max-width: 1023px) {
    .visible_screen_a_and_b_inline {
        display: inline-block
    }
}

@media (min-width: 1024px) {
    .visible_screen_a_and_b_inline {
        display: none
    }
}

@media (max-width: 1023px) {
    .visible_screen_a_and_b {
        display: block
    }
}

@media (min-width: 1024px) {
    .visible_screen_a_and_b {
        display: none
    }
}

@media (max-width: 767px) {
    .visible_all_but_screen_a {
        display: none
    }
}

@media (min-width: 768px) {
    .visible_all_but_screen_a {
        display: block
    }
}

@media (max-width: 1023px) {
    .visible_all_but_screen_a_and_b {
        display: none
    }
}

@media (min-width: 1024px) {
    .visible_all_but_screen_a_and_b {
        display: block
    }
}

@media (max-width: 767px) {
    .visible_all_but_screen_a_inline {
        display: none
    }
}

@media (min-width: 768px) {
    .visible_all_but_screen_a_inline {
        display: inline-block
    }
}

@media (max-width: 1023px) {
    .visible_all_but_screen_a_and_b_inline {
        display: none
    }
}

@media (min-width: 1024px) {
    .visible_all_but_screen_a_and_b_inline {
        display: inline-block
    }
}

.content_module {
    clear: both
}

.clearfix {
    clear: both
}

.team .inner_team_info_item .text {
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto
}
p.label {
    margin-top: -37px;
    font-size: 15px;
    margin-left: 20px;
}
.cm_intro_2 .text_container .text_mask,
.cm_colorchange .overlay_gradient,
.cm_contact_teaser .bg_plane,
.cm_external_teaser .bg_plane .inner_plane,
.mainnav {
    background: #00305e;
    background: -moz-linear-gradient(-45deg, #00305e 0%, #0069b4 100%);
    background: -webkit-linear-gradient(-45deg, #00305e 0%, #0069b4 100%);
    background: linear-gradient(135deg, #00305e 0%, #0069b4 100%)
}

.cm_text.has_bg {
    background: #fff;
    background: -moz-linear-gradient(top, #fff 0%, #f7f7f7 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #f7f7f7));
    background: -webkit-linear-gradient(top, #fff 0%, #f7f7f7 100%);
    background: -o-linear-gradient(top, #fff 0%, #f7f7f7 100%);
    background: -ms-linear-gradient(top, #fff 0%, #f7f7f7 100%);
    background: linear-gradient(to bottom, #fff 0%, #f7f7f7 100%)
}

@media screen and (max-width: 767px) {
    .visible_desktop {
        display: none
    }
}

@media screen and (min-width: 768px) {
    .visible_phone {
        display: none
    }
}

@font-face {
    font-family: 'book';
    src: url("../fnt/3AA7D5_4_0.eot");
    src: url("../fnt/3AA7D5_4_0_.eot#iefix") format("embedded-opentype"), url("../fnt/3AA7D5_4_0.woff2") format("woff2"), url("../fnt/3AA7D5_4_0.woff") format("woff"), url("../fnt/3AA7D5_4_0.ttf") format("truetype")
}

@font-face {
    font-family: 'medium';
    src: url("../fnt/3AA7D5_5_0.eot");
    src: url("../fnt/3AA7D5_5_0_.eot#iefix") format("embedded-opentype"), url("../fnt/3AA7D5_5_0.woff2") format("woff2"), url("../fnt/3AA7D5_5_0.woff") format("woff"), url("../fnt/3AA7D5_5_0.ttf") format("truetype")
}

@font-face {
    font-family: 'news';
    src: url("../fnt/3AA7D5_6_0.eot");
    src: url("../fnt/3AA7D5_6_0_.eot#iefix") format("embedded-opentype"), url("../fnt/3AA7D5_6_0.woff2") format("woff2"), url("../fnt/3AA7D5_6_0.woff") format("woff"), url("../fnt/3AA7D5_6_0.ttf") format("truetype")
}

@font-face {
    font-family: 'thin';
    src: url("../fnt/3AA7D5_7_0.eot");
    src: url("../fnt/3AA7D5_7_0_.eot#iefix") format("embedded-opentype"), url("../fnt/3AA7D5_7_0.woff2") format("woff2"), url("../fnt/3AA7D5_7_0.woff") format("woff"), url("../fnt/3AA7D5_7_0.ttf") format("truetype")
}

.quote_funktion,
.cm_contact_teaser .person .funktion,
.collage_fliesstext,
.team .inner_team_info_item .text,
.cm_teasers .contact_function,
.team .person_item .funktion,
.navi_fusszeile,
.mainnav .bottomnav a,
.mainnav .langswitch a,
.cm_teasers .label,
.fliesstext,
.lauftext,
.fliesstext_weiss,
.lauftext__weiss,
.cm_intro_2 .text_container p,
.cm_intro_3 p,
.cm_text p,
.team p,
.blue li,
.white li,
.cm_text ul li,
.quote,
.contact_address,
.cm_teasers .contact_headline,
.footer .lower_footer a,
.team .inner_team_info_item .name,
.cm_contact_teaser .text,
.collage_titel,
.cm_text .titel,
.contactlink_link,
.headline_book,
.page_headline,
.footer .upper_footer a,
.headline_home,
.cm_intro_1 .textbox p,
.cm_image_text .textbox p,
.cookie_warning p,
.cm_external_teaser .titel,
.cm_external_teaser .text,
.footer .bottom_container span {
    font-family: 'book', sans-serif
}

.button.blue,
.button.white,
.next_team_member .label,
.floating_button .label,
.cm_text p strong,
.cm_text p b,
.cm_text h3,
.fliesstext_untertitel {
    font-family: 'medium', sans-serif
}

.spitzmarke_blau,
.cm_text .spitzmarke,
.spitzmarke_weiss,
.cm_text.has_bgcolor .spitzmarke,
.footer .lower_footer p,
.mainnav .navtitle,
.burgerlabel,
.quote_name,
.cm_contact_teaser .person .name,
.cm_teasers .contact_name,
.team .person_item .name {
    font-family: 'news', sans-serif
}

.mainnav_link,
.headline,
.cm_intro_1 .headline,
.leistungsteaser,
.pagelink_link {
    font-family: 'thin', sans-serif
}

@media (min-width: 1860px) {
    .spitzmarke_blau,
    .cm_text .spitzmarke,
    .spitzmarke_weiss,
    .cm_text.has_bgcolor .spitzmarke,
    .footer .lower_footer p,
    .mainnav .navtitle {
        font-size: 15px;
        line-height: 1.67em
    }
}

@media (min-width: 1500px) and (max-width: 1859px) {
    .spitzmarke_blau,
    .cm_text .spitzmarke,
    .spitzmarke_weiss,
    .cm_text.has_bgcolor .spitzmarke,
    .footer .lower_footer p,
    .mainnav .navtitle {
        font-size: 15px;
        line-height: 1.67em
    }
}

@media (min-width: 1280px) and (max-width: 1499px) {
    .spitzmarke_blau,
    .cm_text .spitzmarke,
    .spitzmarke_weiss,
    .cm_text.has_bgcolor .spitzmarke,
    .footer .lower_footer p,
    .mainnav .navtitle {
        font-size: 15px;
        line-height: 1.67em
    }
}

@media (min-width: 1024px) and (max-width: 1279px) {
    .spitzmarke_blau,
    .cm_text .spitzmarke,
    .spitzmarke_weiss,
    .cm_text.has_bgcolor .spitzmarke,
    .footer .lower_footer p,
    .mainnav .navtitle {
        font-size: 15px;
        line-height: 1.67em
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .spitzmarke_blau,
    .cm_text .spitzmarke,
    .spitzmarke_weiss,
    .cm_text.has_bgcolor .spitzmarke,
    .footer .lower_footer p,
    .mainnav .navtitle {
        font-size: 15px;
        line-height: 1.67em
    }
}

@media (max-width: 767px) {
    .spitzmarke_blau,
    .cm_text .spitzmarke,
    .spitzmarke_weiss,
    .cm_text.has_bgcolor .spitzmarke,
    .footer .lower_footer p,
    .mainnav .navtitle {
        font-size: 12px;
        line-height: 1.58em
    }
}

.dekoline.spitzmarke_blau:before,
.cm_text .dekoline.spitzmarke:before,
.dekoline.spitzmarke_weiss:before,
.footer .lower_footer p.dekoline:before,
.mainnav .dekoline.navtitle:before {
    content: "";
    display: block;
    position: absolute;
    height: 5px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}

@media (min-width: 1280px) {
    .dekoline.spitzmarke_blau:before,
    .cm_text .dekoline.spitzmarke:before,
    .dekoline.spitzmarke_weiss:before,
    .footer .lower_footer p.dekoline:before,
    .mainnav .dekoline.navtitle:before {
        width: 70px;
        left: -110px;
        top: 9px
    }
}

.spitzmarke_blau,
.cm_text .spitzmarke {
    color: #0669b1
}

.spitzmarke_blau.dekoline:before,
.cm_text .dekoline.spitzmarke:before {
    background-image: url(../img/line_blue.svg)
}


.spitzmarke_weiss,
.cm_text.has_bgcolor .spitzmarke {
    color: #fff
}

.spitzmarke_weiss.dekoline:before,
.cm_text.has_bgcolor .dekoline.spitzmarke:before {
    background-image: url(../img/line_white.svg)
}

.burgerlabel {
    text-transform: uppercase;
    letter-spacing: 1px
}

@media (min-width: 1860px) {
    .burgerlabel {
        font-size: 12px;
        line-height: 1em
    }
}

@media (min-width: 1500px) and (max-width: 1859px) {
    .burgerlabel {
        font-size: 12px;
        line-height: 1em
    }
}

@media (min-width: 1280px) and (max-width: 1499px) {
    .burgerlabel {
        font-size: 12px;
        line-height: 1em
    }
}

@media (min-width: 1024px) and (max-width: 1279px) {
    .burgerlabel {
        font-size: 12px;
        line-height: 1em
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .burgerlabel {
        font-size: 12px;
        line-height: 1em
    }
}

@media (max-width: 767px) {
    .burgerlabel {
        font-size: 12px;
        line-height: 1em
    }
}
@media (min-width: 768px){
  .team {
    background-image: url(../img/header.jpg);
    background-repeat: no-repeat;
    background-position: left bottom;
    background-size: cover
  }
}
@media (max-width: 768px){
  .team {
    background-image: url(../img/002.jpg);
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: cover
  }
}
.headbehind{
  z-index: 1 !important;
  height: 50vh !important;
}
.inner_cm img{
  max-width: 100%;
    border: 0px solid blue;
    margin-bottom: 50px;
/*     border-radius: 15px; */
    box-shadow: 3px 3px 3px 1px rgba(0, 0, 0, 0.01);
}
.news {
  margin-top: 0 !important;
}
.burgerlabel {
    color: #0669b1
}

@media (min-width: 1860px) {
    .quote_funktion,
    .cm_contact_teaser .person .funktion {
        font-size: 15px;
        line-height: 1.67em
    }
}

@media (min-width: 1500px) and (max-width: 1859px) {
    .quote_funktion,
    .cm_contact_teaser .person .funktion {
        font-size: 15px;
        line-height: 1.67em
    }
}

@media (min-width: 1280px) and (max-width: 1499px) {
    .quote_funktion,
    .cm_contact_teaser .person .funktion {
        font-size: 15px;
        line-height: 1.67em
    }
}

@media (min-width: 1024px) and (max-width: 1279px) {
    .quote_funktion,
    .cm_contact_teaser .person .funktion {
        font-size: 15px;
        line-height: 1.67em
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .quote_funktion,
    .cm_contact_teaser .person .funktion {
        font-size: 15px;
        line-height: 1.67em
    }
}

@media (max-width: 767px) {
    .quote_funktion,
    .cm_contact_teaser .person .funktion {
        font-size: 12px;
        line-height: 1.5em
    }
}

.quote_funktion {
    color: #0669b1
}

.button.blue,
.button.white,
.next_team_member .label {
    letter-spacing: 2px;
    text-transform: uppercase
}

@media (min-width: 1860px) {
    .button.blue,
    .button.white,
    .next_team_member .label {
        font-size: 15px;
        line-height: 1.67em
    }
}

@media (min-width: 1500px) and (max-width: 1859px) {
    .button.blue,
    .button.white,
    .next_team_member .label {
        font-size: 15px;
        line-height: 1.67em
    }
}

@media (min-width: 1280px) and (max-width: 1499px) {
    .button.blue,
    .button.white,
    .next_team_member .label {
        font-size: 15px;
        line-height: 1.67em
    }
}

@media (min-width: 1024px) and (max-width: 1279px) {
    .button.blue,
    .button.white,
    .next_team_member .label {
        font-size: 15px;
        line-height: 1.67em
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .button.blue,
    .button.white,
    .next_team_member .label {
        font-size: 15px;
        line-height: 1.67em
    }
}

@media (max-width: 767px) {
    .button.blue,
    .button.white,
    .next_team_member .label {
        font-size: 13px;
        line-height: 1.54em
    }
}

.button.blue {
    color: #0669b1
}

.button.white {
    color: #fff
}

.footer .button {
    text-transform: none
}

.next_team_member .label {
    color: #fff
}

.floating_button .label {
    text-transform: uppercase;
    letter-spacing: 1px
}

@media (min-width: 1860px) {
    .floating_button .label {
        font-size: 10px;
        line-height: 2em
    }
}

@media (min-width: 1500px) and (max-width: 1859px) {
    .floating_button .label {
        font-size: 10px;
        line-height: 2em
    }
}

@media (min-width: 1280px) and (max-width: 1499px) {
    .floating_button .label {
        font-size: 10px;
        line-height: 2em
    }
}

@media (min-width: 1024px) and (max-width: 1279px) {
    .floating_button .label {
        font-size: 10px;
        line-height: 2em
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .floating_button .label {
        font-size: 10px;
        line-height: 2em
    }
}

@media (max-width: 767px) {
    .floating_button .label {
        font-size: 6px;
        line-height: 4em
    }
}

.floating_button .label {
    color: #fff
}

@media (min-width: 1860px) {
    .collage_fliesstext {
        font-size: 18px;
        line-height: 1.89em
    }
}

@media (min-width: 1500px) and (max-width: 1859px) {
    .collage_fliesstext {
        font-size: 18px;
        line-height: 1.89em
    }
}

@media (min-width: 1280px) and (max-width: 1499px) {
    .collage_fliesstext {
        font-size: 18px;
        line-height: 1.89em
    }
}

@media (min-width: 1024px) and (max-width: 1279px) {
    .collage_fliesstext {
        font-size: 18px;
        line-height: 1.89em
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .collage_fliesstext {
        font-size: 18px;
        line-height: 1.89em
    }
}

@media (max-width: 767px) {
    .collage_fliesstext {
        font-size: 18px;
        line-height: 1.89em
    }
}

.collage_fliesstext {
    color: #0669b1
}

@media (min-width: 1860px) {
    .team .inner_team_info_item .text {
        font-size: 18px;
        line-height: 1.89em
    }
}

@media (min-width: 1500px) and (max-width: 1859px) {
    .team .inner_team_info_item .text {
        font-size: 15px;
        line-height: 2em
    }
}

@media (min-width: 1280px) and (max-width: 1499px) {
    .team .inner_team_info_item .text {
        font-size: 15px;
        line-height: 2em
    }
}

@media (min-width: 1024px) and (max-width: 1279px) {
    .team .inner_team_info_item .text {
        font-size: 15px;
        line-height: 2em
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .team .inner_team_info_item .text {
        font-size: 15px;
        line-height: 2em
    }
}

@media (max-width: 767px) {
    .team .inner_team_info_item .text {
        font-size: 15px;
        line-height: 2em
    }
}

@media (min-width: 1860px) {
    .quote_name,
    .cm_contact_teaser .person .name {
        font-size: 18px;
        line-height: 1.56em
    }
}

@media (min-width: 1500px) and (max-width: 1859px) {
    .quote_name,
    .cm_contact_teaser .person .name {
        font-size: 18px;
        line-height: 1.56em
    }
}

@media (min-width: 1280px) and (max-width: 1499px) {
    .quote_name,
    .cm_contact_teaser .person .name {
        font-size: 18px;
        line-height: 1.56em
    }
}

@media (min-width: 1024px) and (max-width: 1279px) {
    .quote_name,
    .cm_contact_teaser .person .name {
        font-size: 18px;
        line-height: 1.56em
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .quote_name,
    .cm_contact_teaser .person .name {
        font-size: 18px;
        line-height: 1.56em
    }
}

@media (max-width: 767px) {
    .quote_name,
    .cm_contact_teaser .person .name {
        font-size: 12px;
        line-height: 1.5em
    }
}

.quote_name {
    color: #0669b1
}

@media (min-width: 1860px) {
    .cm_teasers .contact_name,
    .team .person_item .name {
        font-size: 18px;
        line-height: 1.56em
    }
}

@media (min-width: 1500px) and (max-width: 1859px) {
    .cm_teasers .contact_name,
    .team .person_item .name {
        font-size: 15px;
        line-height: 1.67em
    }
}

@media (min-width: 1280px) and (max-width: 1499px) {
    .cm_teasers .contact_name,
    .team .person_item .name {
        font-size: 18px;
        line-height: 1.56em
    }
}

@media (min-width: 1024px) and (max-width: 1279px) {
    .cm_teasers .contact_name,
    .team .person_item .name {
        font-size: 17px;
        line-height: 1.59em
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .cm_teasers .contact_name,
    .team .person_item .name {
        font-size: 18px;
        line-height: 1.56em
    }
}

@media (max-width: 767px) {
    .cm_teasers .contact_name,
    .team .person_item .name {
        font-size: 12px;
        line-height: 1.5em
    }
}

.cm_teasers .contact_name {
    color: #0669b1
}

.cm_teasers .contact_name a {
    color: #0669b1
}

@media (min-width: 1860px) {
    .cm_teasers .contact_function,
    .team .person_item .funktion {
        font-size: 15px;
        line-height: 1.67em
    }
}

@media (min-width: 1500px) and (max-width: 1859px) {
    .cm_teasers .contact_function,
    .team .person_item .funktion {
        font-size: 12px;
        line-height: 1.5em
    }
}

@media (min-width: 1280px) and (max-width: 1499px) {
    .cm_teasers .contact_function,
    .team .person_item .funktion {
        font-size: 15px;
        line-height: 1.67em
    }
}

@media (min-width: 1024px) and (max-width: 1279px) {
    .cm_teasers .contact_function,
    .team .person_item .funktion {
        font-size: 14px;
        line-height: 1.5em
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .cm_teasers .contact_function,
    .team .person_item .funktion {
        font-size: 15px;
        line-height: 1.67em
    }
}

@media (max-width: 767px) {
    .cm_teasers .contact_function,
    .team .person_item .funktion {
        font-size: 12px;
        line-height: 1.5em
    }
}

.cm_teasers .contact_function {
    color: #0669b1
}

@media (min-width: 1860px) {
    .navi_fusszeile,
    .mainnav .bottomnav a {
        font-size: 20px;
        line-height: 1.75em
    }
}

@media (min-width: 1500px) and (max-width: 1859px) {
    .navi_fusszeile,
    .mainnav .bottomnav a {
        font-size: 20px;
        line-height: 1.75em
    }
}

@media (min-width: 1280px) and (max-width: 1499px) {
    .navi_fusszeile,
    .mainnav .bottomnav a {
        font-size: 20px;
        line-height: 1.75em
    }
}

@media (min-width: 1024px) and (max-width: 1279px) {
    .navi_fusszeile,
    .mainnav .bottomnav a {
        font-size: 20px;
        line-height: 1.75em
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .navi_fusszeile,
    .mainnav .bottomnav a {
        font-size: 18px;
        line-height: 1.83em
    }
}

@media (max-width: 767px) {
    .navi_fusszeile,
    .mainnav .bottomnav a {
        font-size: 12px;
        line-height: 2.33em
    }
}

.navi_fusszeile {
    color: #fff
}

@media (min-width: 1860px) {
    .mainnav .langswitch a {
        font-size: 20px;
        line-height: 1.75em
    }
}

@media (min-width: 1500px) and (max-width: 1859px) {
    .mainnav .langswitch a {
        font-size: 20px;
        line-height: 1.75em
    }
}

@media (min-width: 1280px) and (max-width: 1499px) {
    .mainnav .langswitch a {
        font-size: 20px;
        line-height: 1.75em
    }
}

@media (min-width: 1024px) and (max-width: 1279px) {
    .mainnav .langswitch a {
        font-size: 20px;
        line-height: 1.75em
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .mainnav .langswitch a {
        font-size: 18px;
        line-height: 1.83em
    }
}

@media (max-width: 767px) {
    .mainnav .langswitch a {
        font-size: 14px;
        line-height: 2em
    }
}

.cm_teasers .label {
    margin-bottom: 2em
}

@media (min-width: 1860px) {
    .cm_teasers .label {
        font-size: 25px;
        line-height: 1.8em
    }
}

@media (min-width: 1500px) and (max-width: 1859px) {
    .cm_teasers .label {
        font-size: 20px;
        line-height: 1.75em
    }
}

@media (min-width: 1280px) and (max-width: 1499px) {
    .cm_teasers .label {
        font-size: 20px;
        line-height: 1.75em
    }
}

@media (min-width: 1024px) and (max-width: 1279px) {
    .cm_teasers .label {
        font-size: 18px;
        line-height: 1.94em
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .cm_teasers .label {
        font-size: 18px;
        line-height: 1.94em
    }
}

@media (max-width: 767px) {
    .cm_teasers .label {
        font-size: 15px;
        line-height: 1.93em
    }
}

.cm_teasers .label:last-child,
.cm_teasers .label:only-child {
    margin-bottom: 0
}

.fliesstext,
.lauftext,
.fliesstext_weiss,
.lauftext__weiss,
.cm_intro_2 .text_container p,
.cm_intro_3 p,
.cm_text p {
    margin-bottom: 2.5em
}

@media (min-width: 1860px) {
    .fliesstext,
    .lauftext,
    .fliesstext_weiss,
    .lauftext__weiss,
    .cm_intro_2 .text_container p,
    .cm_intro_3 p,
    .cm_text p {
        font-size: 25px;
        line-height: 1.8em
    }
}

@media (min-width: 1500px) and (max-width: 1859px) {
    .fliesstext,
    .lauftext,
    .fliesstext_weiss,
    .lauftext__weiss,
    .cm_intro_2 .text_container p,
    .cm_intro_3 p,
    .cm_text p {
        font-size: 22px;
        line-height: 1.73em
    }
}

@media (min-width: 1280px) and (max-width: 1499px) {
    .fliesstext,
    .lauftext,
    .fliesstext_weiss,
    .lauftext__weiss,
    .cm_intro_2 .text_container p,
    .cm_intro_3 p,
    .cm_text p {
        font-size: 22px;
        line-height: 1.73em
    }
}

@media (min-width: 1024px) and (max-width: 1279px) {
    .fliesstext,
    .lauftext,
    .fliesstext_weiss,
    .lauftext__weiss,
    .cm_intro_2 .text_container p,
    .cm_intro_3 p,
    .cm_text p {
        font-size: 22px;
        line-height: 1.73em
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .fliesstext,
    .lauftext,
    .fliesstext_weiss,
    .lauftext__weiss,
    .cm_intro_2 .text_container p,
    .cm_intro_3 p,
    .cm_text p {
        font-size: 20px;
        line-height: 1.8em
    }
}

@media (max-width: 767px) {
    .fliesstext,
    .lauftext,
    .fliesstext_weiss,
    .lauftext__weiss,
    .cm_intro_2 .text_container p,
    .cm_intro_3 p,
    .cm_text p {
        font-size: 19px;
        line-height: 1.74em
    }
}

.fliesstext:last-child,
.lauftext:last-child,
.fliesstext_weiss:last-child,
.lauftext__weiss:last-child,
.cm_intro_2 .text_container p:last-child,
.cm_intro_3 p:last-child,
.cm_text p:last-child,
.fliesstext:only-child,
.lauftext:only-child,
.fliesstext_weiss:only-child,
.lauftext__weiss:only-child,
.cm_intro_2 .text_container p:only-child,
.cm_intro_3 p:only-child,
.cm_text p:only-child {
    margin-bottom: 0
}

.fliesstext,
.lauftext {
    color: #0669b1
}

.fliesstext_weiss,
.lauftext__weiss {
    color: #fff
}

.cm_text p strong,
.cm_text p b,
.cm_text h3 {
    margin-bottom: 2.5em
}

@media (min-width: 1860px) {
    .cm_text p strong,
    .cm_text p b,
    .cm_text h3 {
        font-size: 25px;
        line-height: 1.8em
    }
}

@media (min-width: 1500px) and (max-width: 1859px) {
    .cm_text p strong,
    .cm_text p b,
    .cm_text h3 {
        font-size: 22px;
        line-height: 1.73em
    }
}

@media (min-width: 1280px) and (max-width: 1499px) {
    .cm_text p strong,
    .cm_text p b,
    .cm_text h3 {
        font-size: 22px;
        line-height: 1.73em
    }
}

@media (min-width: 1024px) and (max-width: 1279px) {
    .cm_text p strong,
    .cm_text p b,
    .cm_text h3 {
        font-size: 22px;
        line-height: 1.73em
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .cm_text p strong,
    .cm_text p b,
    .cm_text h3 {
        font-size: 20px;
        line-height: 1.8em
    }
}

@media (max-width: 767px) {
    .cm_text p strong,
    .cm_text p b,
    .cm_text h3 {
        font-size: 19px;
        line-height: 1.74em
    }
}

.cm_text p strong:last-child,
.cm_text p b:last-child,
.cm_text h3:last-child,
.cm_text p strong:only-child,
.cm_text p b:only-child,
.cm_text h3:only-child {
    margin-bottom: 0
}

@media (min-width: 1860px) {
    .fliesstext_untertitel {
        font-size: 25px;
        line-height: 1.8em
    }
}

@media (min-width: 1500px) and (max-width: 1859px) {
    .fliesstext_untertitel {
        font-size: 25px;
        line-height: 1.8em
    }
}

@media (min-width: 1280px) and (max-width: 1499px) {
    .fliesstext_untertitel {
        font-size: 25px;
        line-height: 1.8em
    }
}

@media (min-width: 1024px) and (max-width: 1279px) {
    .fliesstext_untertitel {
        font-size: 25px;
        line-height: 1.8em
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .fliesstext_untertitel {
        font-size: 25px;
        line-height: 1.8em
    }
}

@media (max-width: 767px) {
    .fliesstext_untertitel {
        font-size: 25px;
        line-height: 1.8em
    }
}

.fliesstext_untertitel {
    color: #0669b1
}

@media (min-width: 1860px) {
    .team p {
        font-size: 29px;
        line-height: 1.72em
    }
}

@media (min-width: 1500px) and (max-width: 1859px) {
    .team p {
        font-size: 29px;
        line-height: 1.72em
    }
}

@media (min-width: 1280px) and (max-width: 1499px) {
    .team p {
        font-size: 29px;
        line-height: 1.72em
    }
}

@media (min-width: 1024px) and (max-width: 1279px) {
    .team p {
        font-size: 29px;
        line-height: 1.72em
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .team p {
        font-size: 20px;
        line-height: 2.4em
    }
}

@media (max-width: 767px) {
    .team p {
        font-size: 29px;
        line-height: 1.72em
    }
}

.team p {
    color: #0669b1
}

@media (min-width: 1860px) {
    .blue li,
    .white li,
    .cm_text ul li {
        font-size: 25px;
        line-height: 2.2em
    }
}

@media (min-width: 1500px) and (max-width: 1859px) {
    .blue li,
    .white li,
    .cm_text ul li {
        font-size: 22px;
        line-height: 2.27em
    }
}

@media (min-width: 1280px) and (max-width: 1499px) {
    .blue li,
    .white li,
    .cm_text ul li {
        font-size: 22px;
        line-height: 2.27em
    }
}

@media (min-width: 1024px) and (max-width: 1279px) {
    .blue li,
    .white li,
    .cm_text ul li {
        font-size: 22px;
        line-height: 2.27em
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .blue li,
    .white li,
    .cm_text ul li {
        font-size: 20px;
        line-height: 2.4em
    }
}

@media (max-width: 767px) {
    .blue li,
    .white li,
    .cm_text ul li {
        font-size: 19px;
        line-height: 2.21em
    }
}

.blue li {
    color: #0669b1
}

.white li {
    color: #fff
}

@media (min-width: 1860px) {
    .quote,
    .contact_address,
    .cm_teasers .contact_headline,
    .footer .lower_footer a,
    .team .inner_team_info_item .name,
    .cm_contact_teaser .text {
        font-size: 36px;
        line-height: 1.53em
    }
}

@media (min-width: 1500px) and (max-width: 1859px) {
    .quote,
    .contact_address,
    .cm_teasers .contact_headline,
    .footer .lower_footer a,
    .team .inner_team_info_item .name,
    .cm_contact_teaser .text {
        font-size: 32px;
        line-height: 1.59em
    }
}

@media (min-width: 1280px) and (max-width: 1499px) {
    .quote,
    .contact_address,
    .cm_teasers .contact_headline,
    .footer .lower_footer a,
    .team .inner_team_info_item .name,
    .cm_contact_teaser .text {
        font-size: 25px;
        line-height: 1.56em
    }
}

@media (min-width: 1024px) and (max-width: 1279px) {
    .quote,
    .contact_address,
    .cm_teasers .contact_headline,
    .footer .lower_footer a,
    .team .inner_team_info_item .name,
    .cm_contact_teaser .text {
        font-size: 25px;
        line-height: 1.56em
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .quote,
    .contact_address,
    .cm_teasers .contact_headline,
    .footer .lower_footer a,
    .team .inner_team_info_item .name,
    .cm_contact_teaser .text {
        font-size: 25px;
        line-height: 1.56em
    }
}

@media (max-width: 767px) {
    .quote,
    .contact_address,
    .cm_teasers .contact_headline,
    .footer .lower_footer a,
    .team .inner_team_info_item .name,
    .cm_contact_teaser .text {
        font-size: 16px;
        line-height: 1.63em
    }
}

.quote,
.contact_address,
.cm_teasers .contact_headline {
    color: #0669b1
}

@media (min-width: 1860px) {
    .collage_titel,
    .cm_text .titel {
        font-size: 45px;
        line-height: 1.38em
    }
}

@media (min-width: 1500px) and (max-width: 1859px) {
    .collage_titel,
    .cm_text .titel {
        font-size: 45px;
        line-height: 1.38em
    }
}

@media (min-width: 1280px) and (max-width: 1499px) {
    .collage_titel,
    .cm_text .titel {
        font-size: 45px;
        line-height: 1.38em
    }
}

@media (min-width: 1024px) and (max-width: 1279px) {
    .collage_titel,
    .cm_text .titel {
        font-size: 45px;
        line-height: 1.38em
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .collage_titel,
    .cm_text .titel {
        font-size: 45px;
        line-height: 1.38em
    }
}

@media (max-width: 767px) {
    .collage_titel,
    .cm_text .titel {
        font-size: 29px;
        line-height: 1.34em
    }
}

.collage_titel {
    color: #0669b1
}

@media (min-width: 1860px) {
    .contactlink_link {
        font-size: 35px;
        line-height: 1.38em
    }
}

@media (min-width: 1500px) and (max-width: 1859px) {
    .contactlink_link {
        font-size: 35px;
        line-height: 1.38em
    }
}

@media (min-width: 1280px) and (max-width: 1499px) {
    .contactlink_link {
        font-size: 35px;
        line-height: 1.38em
    }
}

@media (min-width: 1024px) and (max-width: 1279px) {
    .contactlink_link {
        font-size: 30px;
        line-height: 1.45em
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .contactlink_link {
        font-size: 35px;
        line-height: 1.38em
    }
}

@media (max-width: 767px) {
    .contactlink_link {
        font-size: 29px;
        line-height: 1.34em
    }
}

.contactlink_link {
    color: #0669b1
}

@media (min-width: 1860px) {
    .mainnav_link {
        font-size: 52px;
        line-height: 1.54em
    }
}

@media (min-width: 1500px) and (max-width: 1859px) {
    .mainnav_link {
        font-size: 52px;
        line-height: 1.54em
    }
}

@media (min-width: 1280px) and (max-width: 1499px) {
    .mainnav_link {
        font-size: 52px;
        line-height: 1.54em
    }
}

@media (min-width: 1024px) and (max-width: 1279px) {
    .mainnav_link {
        font-size: 40px;
        line-height: 1.7em
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .mainnav_link {
        font-size: 28px;
        line-height: 1.36em
    }
}

@media (max-width: 767px) {
    .mainnav_link {
        font-size: 25px;
        line-height: 1.48em
    }
}

.mainnav_link {
    color: #fff
}

@media (min-width: 1860px) {
    .headline,
    .cm_intro_1 .headline {
        font-size: 55px;
        line-height: 1.51em
    }
}

@media (min-width: 1500px) and (max-width: 1859px) {
    .headline,
    .cm_intro_1 .headline {
        font-size: 47px;
        line-height: 1.66em
    }
}

@media (min-width: 1280px) and (max-width: 1499px) {
    .headline,
    .cm_intro_1 .headline {
        font-size: 43px;
        line-height: 1.74em
    }
}

@media (min-width: 1024px) and (max-width: 1279px) {
    .headline,
    .cm_intro_1 .headline {
        font-size: 43px;
        line-height: 1.65em
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .headline,
    .cm_intro_1 .headline {
        font-size: 36px;
        line-height: 1.69em
    }
}

@media (max-width: 767px) {
    .headline,
    .cm_intro_1 .headline {
        font-size: 20px;
        line-height: 1.6em
    }
}

.headline {
    color: #0669b1
}

@media (min-width: 1860px) {
    .headline_book {
        font-size: 55px;
        line-height: 1.51em
    }
}

@media (min-width: 1500px) and (max-width: 1859px) {
    .headline_book {
        font-size: 47px;
        line-height: 1.66em
    }
}

@media (min-width: 1280px) and (max-width: 1499px) {
    .headline_book {
        font-size: 43px;
        line-height: 1.74em
    }
}

@media (min-width: 1024px) and (max-width: 1279px) {
    .headline_book {
        font-size: 43px;
        line-height: 1.65em
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .headline_book {
        font-size: 36px;
        line-height: 1.69em
    }
}

@media (max-width: 767px) {
    .headline_book {
        font-size: 20px;
        line-height: 1.6em
    }
}

.headline_book {
    color: #0669b1
}

@media (min-width: 1860px) {
    .page_headline,
    .footer .upper_footer a {
        font-size: 70px;
        line-height: 1.43em
    }
}

@media (min-width: 1500px) and (max-width: 1859px) {
    .page_headline,
    .footer .upper_footer a {
        font-size: 70px;
        line-height: 1.43em
    }
}

@media (min-width: 1280px) and (max-width: 1499px) {
    .page_headline,
    .footer .upper_footer a {
        font-size: 60px;
        line-height: 1.5em
    }
}

@media (min-width: 1024px) and (max-width: 1279px) {
    .page_headline,
    .footer .upper_footer a {
        font-size: 45px;
        line-height: 1.56em
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .page_headline,
    .footer .upper_footer a {
        font-size: 45px;
        line-height: 1.56em
    }
}

@media (max-width: 767px) {
    .page_headline,
    .footer .upper_footer a {
        font-size: 24px;
        line-height: 1.52em
    }
}

.page_headline {
    color: #0669b1
}

@media (min-width: 1860px) {
    .headline_home {
        font-size: 98px;
        line-height: 1.37em
    }
}


@media (min-width: 1500px) and (max-width: 1859px) {
    .headline_home {
        font-size: 78px;
        line-height: 1.37em;

    }
}

@media (min-width: 1280px) and (max-width: 1499px) {
    .headline_home {
        font-size: 98px;
        line-height: 1.37em
    }
}

@media (min-width: 1024px) and (max-width: 1279px) {
    .headline_home {
        font-size: 70px;
        line-height: 1.43em
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .headline_home {
        font-size: 70px;
        line-height: 1.43em
    }
}

@media (max-width: 767px) {
    .headline_home {
        font-size: 29px;
        line-height: 1.34em
    }
}

.headline_home {
    color: #0669b1
}

@media (min-width: 1860px) {
    .leistungsteaser,
    .pagelink_link {
        font-size: 85px;
        line-height: 1.41em
    }
}

@media (min-width: 1500px) and (max-width: 1859px) {
    .leistungsteaser,
    .pagelink_link {
        font-size: 75px;
        line-height: 1.47em
    }
}

@media (min-width: 1280px) and (max-width: 1499px) {
    .leistungsteaser,
    .pagelink_link {
        font-size: 70px;
        line-height: 1.43em
    }
}

@media (min-width: 1024px) and (max-width: 1279px) {
    .leistungsteaser,
    .pagelink_link {
        font-size: 60px;
        line-height: 1.5em
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .leistungsteaser,
    .pagelink_link {
        font-size: 50px;
        line-height: 1.44em
    }
}

@media (max-width: 767px) {
    .leistungsteaser,
    .pagelink_link {
        font-size: 22px;
        line-height: 1.59em
    }
}

.leistungsteaser,
.pagelink_link {
    color: #0669b1
}

@media (min-width: 1860px) {
    .cm_intro_1 .textbox p {
        font-size: 45px;
        line-height: 1.56em
    }
}

@media (min-width: 1500px) and (max-width: 1859px) {
    .cm_intro_1 .textbox p {
        font-size: 36px;
        line-height: 1.53em
    }
}

@media (min-width: 1280px) and (max-width: 1499px) {
    .cm_intro_1 .textbox p {
        font-size: 30px;
        line-height: 1.67em
    }
}

@media (min-width: 1024px) and (max-width: 1279px) {
    .cm_intro_1 .textbox p {
        font-size: 31px;
        line-height: 1.61em
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .cm_intro_1 .textbox p {
        font-size: 25px;
        line-height: 1.8em
    }
}

@media (max-width: 767px) {
    .cm_intro_1 .textbox p {
        font-size: 18px;
        line-height: 1.56em
    }
}

@media (min-width: 1860px) {
    .cm_image_text .textbox p {
        font-size: 36px;
        line-height: 1.53em
    }
}

@media (min-width: 1500px) and (max-width: 1859px) {
    .cm_image_text .textbox p {
        font-size: 32px;
        line-height: 1.59em
    }
}

@media (min-width: 1280px) and (max-width: 1499px) {
    .cm_image_text .textbox p {
        font-size: 28px;
        line-height: 1.54em
    }
}

@media (min-width: 1024px) and (max-width: 1279px) {
    .cm_image_text .textbox p {
        font-size: 25px;
        line-height: 1.56em
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .cm_image_text .textbox p {
        font-size: 25px;
        line-height: 1.56em
    }
}

@media (max-width: 767px) {
    .cm_image_text .textbox p {
        font-size: 16px;
        line-height: 1.63em
    }
}

.cookie_warning p {
    margin-bottom: 2em
}

@media (min-width: 1860px) {
    .cookie_warning p {
        font-size: 15px;
        line-height: 1.87em
    }
}

@media (min-width: 1500px) and (max-width: 1859px) {
    .cookie_warning p {
        font-size: 15px;
        line-height: 1.87em
    }
}

@media (min-width: 1280px) and (max-width: 1499px) {
    .cookie_warning p {
        font-size: 15px;
        line-height: 1.87em
    }
}

@media (min-width: 1024px) and (max-width: 1279px) {
    .cookie_warning p {
        font-size: 15px;
        line-height: 1.87em
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .cookie_warning p {
        font-size: 15px;
        line-height: 1.87em
    }
}

@media (max-width: 767px) {
    .cookie_warning p {
        font-size: 12px;
        line-height: 2.08em
    }
}

.cookie_warning p:last-child,
.cookie_warning p:only-child {
    margin-bottom: 0
}

@media (min-width: 1860px) {
    .cm_external_teaser .titel {
        font-size: 45px;
        line-height: 1.38em
    }
}

@media (min-width: 1500px) and (max-width: 1859px) {
    .cm_external_teaser .titel {
        font-size: 45px;
        line-height: 1.38em
    }
}

@media (min-width: 1280px) and (max-width: 1499px) {
    .cm_external_teaser .titel {
        font-size: 45px;
        line-height: 1.38em
    }
}

@media (min-width: 1024px) and (max-width: 1279px) {
    .cm_external_teaser .titel {
        font-size: 35px;
        line-height: 1.49em
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .cm_external_teaser .titel {
        font-size: 35px;
        line-height: 1.49em
    }
}

@media (max-width: 767px) {
    .cm_external_teaser .titel {
        font-size: 23px;
        line-height: 1.43em
    }
}

.cm_external_teaser .text {
    margin-bottom: 2em
}

@media (min-width: 1860px) {
    .cm_external_teaser .text {
        font-size: 25px;
        line-height: 1.8em
    }
}

@media (min-width: 1500px) and (max-width: 1859px) {
    .cm_external_teaser .text {
        font-size: 25px;
        line-height: 1.8em
    }
}

@media (min-width: 1280px) and (max-width: 1499px) {
    .cm_external_teaser .text {
        font-size: 25px;
        line-height: 1.8em
    }
}

@media (min-width: 1024px) and (max-width: 1279px) {
    .cm_external_teaser .text {
        font-size: 22px;
        line-height: 1.73em
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .cm_external_teaser .text {
        font-size: 20px;
        line-height: 1.8em
    }
}

@media (max-width: 767px) {
    .cm_external_teaser .text {
        font-size: 15px;
        line-height: 1.93em
    }
}

.cm_external_teaser .text:last-child,
.cm_external_teaser .text:only-child {
    margin-bottom: 0
}

.footer .bottom_container span {
    margin-bottom: 0
}

@media (min-width: 1860px) {
    .footer .bottom_container span {
        font-size: 11px;
        line-height: 1em
    }
}

@media (min-width: 1500px) and (max-width: 1859px) {
    .footer .bottom_container span {
        font-size: 11px;
        line-height: 1em
    }
}

@media (min-width: 1280px) and (max-width: 1499px) {
    .footer .bottom_container span {
        font-size: 11px;
        line-height: 1em
    }
}

@media (min-width: 1024px) and (max-width: 1279px) {
    .footer .bottom_container span {
        font-size: 11px;
        line-height: 1em
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .footer .bottom_container span {
        font-size: 10px;
        line-height: 1em
    }
}

@media (max-width: 767px) {
    .footer .bottom_container span {
        font-size: 11px;
        line-height: 1em
    }
}

.button,
.mainnav_link,
.bottomnav_link,
.pagelink_link,
.contactlink_link {
    display: inline-block;
    overflow: hidden;
    cursor: pointer;
    position: relative
}

.button .underline_static,
.mainnav_link .underline_static,
.bottomnav_link .underline_static,
.pagelink_link .underline_static,
.contactlink_link .underline_static {
    display: inline-block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%
}

.button .underline,
.mainnav_link .underline,
.bottomnav_link .underline,
.pagelink_link .underline,
.contactlink_link .underline {
    display: inline-block;
    position: absolute;
    z-index: 1;
    left: 0;
    bottom: 0;
    width: 100%;
    -webkit-transform: translate3d(-101%, 0, 0);
    -moz-transform: translate3d(-101%, 0, 0);
    transform: translate3d(-101%, 0, 0)
}

.button.blue.has_underline .underline_static,
.mainnav_link.blue.has_underline .underline_static,
.bottomnav_link.blue.has_underline .underline_static,
.pagelink_link.blue.has_underline .underline_static,
.contactlink_link.blue.has_underline .underline_static {
    border-bottom: 1px solid #e3e3e3
}

.button.blue.active .underline_static,
.mainnav_link.blue.active .underline_static,
.bottomnav_link.blue.active .underline_static,
.pagelink_link.blue.active .underline_static,
.contactlink_link.blue.active .underline_static {
    border-bottom-color: #0669b1
}

.button.blue .underline,
.mainnav_link.blue .underline,
.bottomnav_link.blue .underline,
.pagelink_link.blue .underline,
.contactlink_link.blue .underline {
    border-bottom: 1px solid #0669b1
}

.button.white.has_underline .underline_static,
.mainnav_link.white.has_underline .underline_static,
.bottomnav_link.white.has_underline .underline_static,
.pagelink_link.white.has_underline .underline_static,
.contactlink_link.white.has_underline .underline_static {
    border-bottom: 1px solid #6f6f6f
}

.button.white.active .underline_static,
.mainnav_link.white.active .underline_static,
.bottomnav_link.white.active .underline_static,
.pagelink_link.white.active .underline_static,
.contactlink_link.white.active .underline_static {
    border-bottom-color: #fff
}

.button.white .underline,
.mainnav_link.white .underline,
.bottomnav_link.white .underline,
.pagelink_link.white .underline,
.contactlink_link.white .underline {
    border-bottom: 1px solid #fff
}

.button.move_in .underline,
.mainnav_link.move_in .underline,
.bottomnav_link.move_in .underline,
.pagelink_link.move_in .underline,
.contactlink_link.move_in .underline {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: transform 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -moz-transition: transform 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: transform 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94)
}

.button.move_out .underline,
.mainnav_link.move_out .underline,
.bottomnav_link.move_out .underline,
.pagelink_link.move_out .underline,
.contactlink_link.move_out .underline {
    -webkit-transform: translate3d(100%, 0, 0);
    -moz-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    -webkit-transition: transform 350ms cubic-bezier(0.55, 0.085, 0.68, 0.53);
    -moz-transition: transform 350ms cubic-bezier(0.55, 0.085, 0.68, 0.53);
    transition: transform 350ms cubic-bezier(0.55, 0.085, 0.68, 0.53)
}

.mainnav_link .underline {
    border-bottom: 1px solid #fff
}

.pagelink_link .underline {
    border-bottom: 1px solid #0669b1
}

@media (max-width: 1023px) {
    .content_module .button,
    .scrollpane .button {
        margin-top: 30px
    }
}

@media (min-width: 1024px) and (max-width: 1279px) {
    .content_module .button,
    .scrollpane .button {
        margin-top: 50px
    }
}

@media (min-width: 1280px) {
    .content_module .button,
    .scrollpane .button {
        margin-top: 80px
    }
}

.team_info_container .button {
    margin-top: 30px
}

.current_menu_item .mainnav_link .underline_static,
.current-menu-item .mainnav_link .underline_static {
    border-bottom: 1px solid #fff;
    display: inline-block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%
}

.landscapewarning {
    background-color: red;
    z-index: 99999;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    position: fixed;
    display: none;
    text-align: center;
    color: #fff;
    height: 100%
}

.landscapewarning .inner_content {
    position: relative;
    top: 50%;
    -webkit-transform: translate3d(0, -50%, 0);
    -moz-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0)
}

.landscapewarning img {
    width: 100px;
    height: auto;
    margin-bottom: 20px
}

@media only screen and (min-device-width: 320px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait) {
    .iphone .landscapewarning {
        display: none
    }
}

@media only screen and (min-device-width: 320px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
    .iphone .landscapewarning,
    .mobile.chrome .landscapewarning {
        display: none
    }
}

@media only screen and (min-device-width: 320px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) {
    .iphone .landscapewarning {
        display: block
    }
}

@media only screen and (min-device-width: 320px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
    .iphone .landscapewarning,
    .mobile.chrome .landscapewarning {
        display: block
    }
}

.assets {
    position: relative;
    padding: 20px;
    background-color: white;
    border-bottom: 1px solid #aaa
}

.assets.dark {
    background-color: #0669b1
}

.assets .assets_title {
    color: #fff;
    font-size: 16px;
    margin-bottom: 20px;
    padding: 20px;
    background-color: #646464
}

.assetpage_title {
    padding: 20px;
    font-size: 60px;
    white-space: nowrap
}

.cookie_warning {
    position: fixed;
    right: 25px;
    bottom: 25px;
    z-index: 1;
    border-radius: 4px;
    background-color: #001e3f;
    -webkit-transition: all 600ms cubic-bezier(0.86, 0, 0.07, 1);
    -moz-transition: all 600ms cubic-bezier(0.86, 0, 0.07, 1);
    transition: all 600ms cubic-bezier(0.86, 0, 0.07, 1);
    opacity: 0;
    margin-bottom: 10px
}

.cookie_warning a {
    text-decoration: none;
    color: #65b4ff
}

.cookie_warning p {
    margin-bottom: 30px;
    color: #fff
}

@media (max-width: 767px) {
    .cookie_warning {
        margin-left: 25px;
        padding: 20px
    }
    .cookie_warning.on {
        opacity: 1
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .cookie_warning {
        max-width: 400px;
        padding: 20px
    }
    .cookie_warning.on {
        opacity: 1
    }
}

@media (min-width: 1024px) {
    .cookie_warning {
        max-width: 450px;
        padding: 30px
    }
    .cookie_warning.on {
        opacity: 1
    }
}

.content_module {
    position: relative;
    overflow: hidden
}

@media (max-width: 767px) {
    .content_module.has_margin_top {
        margin-top: 80px
    }
}

@media (min-width: 768px) {
    .content_module.has_margin_top {
        margin-top: 180px
    }
}

@media (max-width: 767px) {
    .content_module.has_padding_top {
        padding-top: 80px
    }
}

@media (min-width: 768px) {
    .content_module.has_padding_top {
        padding-top: 180px
    }
}

@media (max-width: 767px) {
    .content_module.has_padding_bottom {
        padding-bottom: 80px
    }
}

@media (min-width: 768px) {
    .content_module.has_padding_bottom {
        padding-bottom: 180px
    }
}

@media (max-width: 767px) {
    .content_module.has_margin_bottom {
        margin-bottom: 80px
    }
}

@media (min-width: 768px) {
    .content_module.has_margin_bottom {
        margin-bottom: 180px
    }
}

@media (max-width: 767px) {
    .cm_pagelinks,
    .cm_colorchange .content,
    .cm_colorchange .content_reciever,
    .cm_text .inner_cm {
        padding-left: 25px;
        padding-right: 25px
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .cm_pagelinks,
    .cm_colorchange .content,
    .cm_colorchange .content_reciever,
    .cm_text .inner_cm {
        padding-left: 70px;
        padding-right: 70px
    }
}

@media (min-width: 1024px) and (max-width: 1279px) {
    .cm_pagelinks,
    .cm_colorchange .content,
    .cm_colorchange .content_reciever,
    .cm_text .inner_cm {
        padding-left: 17%;
        padding-right: 17%
    }
}

@media (min-width: 1280px) and (max-width: 1499px) {
    .cm_pagelinks,
    .cm_colorchange .content,
    .cm_colorchange .content_reciever,
    .cm_text .inner_cm {
        padding-left: 20%;
        padding-right: 20%
    }
}

@media (min-width: 1500px) and (max-width: 1859px) {
    .cm_pagelinks,
    .cm_colorchange .content,
    .cm_colorchange .content_reciever,
    .cm_text .inner_cm {
        padding-left: 23%;
        padding-right: 23%
    }
}

@media (min-width: 1860px) {
    .cm_pagelinks,
    .cm_colorchange .content,
    .cm_colorchange .content_reciever,
    .cm_text .inner_cm {
        padding-left: 470px;
        padding-right: 470px
    }
}

@media (max-width: 767px) {
    .cm_intro_1 .inner_cm,
    .cm_intro_2 .text_container .textbox,
    .cm_imagetiles .inner_cm,
    .header {
        padding-left: 25px;
        padding-right: 25px
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .cm_intro_1 .inner_cm,
    .cm_intro_2 .text_container .textbox,
    .cm_imagetiles .inner_cm,
    .header {
        padding-left: 70px;
        padding-right: 70px
    }
}

@media (min-width: 1024px) and (max-width: 1279px) {
    .cm_intro_1 .inner_cm,
    .cm_intro_2 .text_container .textbox,
    .cm_imagetiles .inner_cm,
    .header {
        padding-left: 100px;
        padding-right: 100px
    }
}

@media (min-width: 1280px) and (max-width: 1499px) {
    .cm_intro_1 .inner_cm,
    .cm_intro_2 .text_container .textbox,
    .cm_imagetiles .inner_cm,
    .header {
        padding-left: 200px;
        padding-right: 200px
    }
}

@media (min-width: 1500px) and (max-width: 1859px) {
    .cm_intro_1 .inner_cm,
    .cm_intro_2 .text_container .textbox,
    .cm_imagetiles .inner_cm,
    .header {
        padding-left: 200px;
        padding-right: 200px
    }
}

@media (min-width: 1860px) {
    .cm_intro_1 .inner_cm,
    .cm_intro_2 .text_container .textbox,
    .cm_imagetiles .inner_cm,
    .header {
        padding-left: 200px;
        padding-right: 200px
    }
}

body {
    height: 100%;
    width: 100%;
    background-color: #fff
}

.platform-win.chrome .noscroll .mainnav_overlay.on .mainnav,
.platform-win.firefox .noscroll .mainnav_overlay.on .mainnav {
    -webkit-transform: translate3d(-17px, 0, 0);
    -moz-transform: translate3d(-17px, 0, 0);
    transform: translate3d(-17px, 0, 0)
}

.platform-win.chrome .noscroll .mainnav_overlay.on .servicenav,
.platform-win.firefox .noscroll .mainnav_overlay.on .servicenav {
    -webkit-transform: translate3d(-17px, 0, 0);
    -moz-transform: translate3d(-17px, 0, 0);
    transform: translate3d(-17px, 0, 0)
}

.platform-win.chrome .noscroll .burger,
.platform-win.firefox .noscroll .burger {
    -webkit-transform: translate3d(-17px, 0, 0);
    -moz-transform: translate3d(-17px, 0, 0);
    transform: translate3d(-17px, 0, 0)
}

body {
    overflow-x: hidden;
    overflow-Y: scroll;
    -ms-overflow-style: -ms-autohiding-scrollbar
}

.wrapper {
    height: 100%
}

.noscroll {
    overflow-y: hidden
}

.main {
    min-height: 400px
}

.edge .ms_hidden,
.msie11 .ms_hidden {
    display: none
}

.chrome .ms_only,
.safari .ms_only,
.firefox .ms_only {
    display: none
}

.centerline_vertical {
    position: fixed;
    top: 0;
    left: 50%;
    height: 100%;
    width: 1px;
    background-color: #f2f2f2;
    margin: auto
}

ul.listing {
    list-style-type: none
}

ul.listing li {
    position: relative
}

@media (max-width: 767px) {
    ul.listing li {
        left: 35px;
        width: calc(100% - 25px)
    }
}

@media (min-width: 768px) {
    ul.listing li {
        margin-left: 120px
    }
}

ul.listing li:before {
    content: "";
    display: block;
    position: absolute;
    height: 5px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}

@media (max-width: 767px) {
    ul.listing li:before {
        width: 22px;
        left: -35px;
        height: 5px;
        top: 16px
    }
}

@media (min-width: 768px) {
    ul.listing li:before {
        width: 60px;
        left: -120px;
        top: 20px
    }
}

@media (min-width: 1860px) {
    ul.listing li:before {
        top: 25px
    }
}

ul.listing.blue li:before {
    background-image: url(../img/line_blue.svg)
}

ul.listing.white li:before {
    background-image: url(../img/line_white.svg)
}

.cta {
    position: relative;
    border-radius: 50%;
    cursor: pointer
}

@media (max-width: 767px) {
    .cta {
        width: 40px;
        height: 40px
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .cta {
        width: 60px;
        height: 60px
    }
}

@media (min-width: 1024px) {
    .cta {
        width: 60px;
        height: 60px
    }
}

.cta .icon {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-image: url(../img/icn_arrow_down_line.svg);
    background-size: 15%;
    background-repeat: no-repeat;
    background-position: center center
}

.cta .hoverscale {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border: 1px solid #c3c3c3;
    border-radius: 50%;
    -webkit-transition: transform 100ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -moz-transition: transform 100ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition: transform 100ms cubic-bezier(0.455, 0.03, 0.515, 0.955)
}

.cta:hover .hoverscale {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    transform: scale(1.1)
}

.backbutton {
    position: relative;
    border-radius: 50%;
    cursor: pointer
}

@media (max-width: 1023px) {
    .backbutton {
        display: none
    }
}

@media (min-width: 1024px) {
    .backbutton {
        width: 100px;
        height: 100px
    }
}

.backbutton .icon {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-image: url(../img/icn_arrow_left_line.svg);
    background-size: 20%;
    background-repeat: no-repeat;
    background-position: center center
}

.backbutton .hoverscale {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #0669b1;
    border-radius: 50%;
    -webkit-transition: transform 100ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -moz-transition: transform 100ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition: transform 100ms cubic-bezier(0.455, 0.03, 0.515, 0.955)
}

.backbutton:hover .hoverscale {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    transform: scale(1.1)
}

.nextbutton {
    position: relative;
    border-radius: 50%;
    cursor: pointer
}

@media (max-width: 767px) {
    .nextbutton {
        width: 70px;
        height: 70px
    }
}

@media (min-width: 768px) {
    .nextbutton {
        width: 100px;
        height: 100px
    }
}

.nextbutton .icon {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-image: url(../img/icn_arrow_right_line.svg);
    background-size: 20%;
    background-repeat: no-repeat;
    background-position: center center
}

.nextbutton .hoverscale {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #0669b1;
    border-radius: 50%;
    box-shadow: rgba(0, 0, 0, 0.2) 0 0 20px;
    -webkit-transition: transform 100ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -moz-transition: transform 100ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition: transform 100ms cubic-bezier(0.455, 0.03, 0.515, 0.955)
}

.nextbutton:hover .hoverscale {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    transform: scale(1.1)
}

.floating_button {
    position: fixed;
    border-radius: 50%;
    cursor: pointer
}

@media (max-width: 767px) {
    .floating_button {
        right: 25px;
        bottom: 25px;
        width: 60px;
        height: 60px
    }
}

@media (min-width: 768px) {
    .floating_button {
        right: 60px;
        bottom: 60px;
        width: 115px;
        height: 115px
    }
}

.floating_button .icon {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%
}

.floating_button .label {
    position: relative;
    color: #fff
}

.floating_button .hoverscale {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #0669b1;
    border-radius: 50%;
    box-shadow: rgba(0, 0, 0, 0.2) 0 0 20px;
    -webkit-transition: transform 100ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -moz-transition: transform 100ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition: transform 100ms cubic-bezier(0.455, 0.03, 0.515, 0.955)
}

.floating_button:hover .hoverscale {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    transform: scale(1.1)
}

.scrolldownbutton {
    position: relative;
    border-radius: 50%;
    cursor: pointer
}

@media (max-width: 767px) {
    .scrolldownbutton {
        width: 70px;
        height: 70px
    }
}

@media (min-width: 768px) {
    .scrolldownbutton {
        width: 100px;
        height: 100px
    }
}

.scrolldownbutton .icon {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-image: url(../img/icn_arrow_right_line.svg);
    background-size: 20%;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    transform: rotate(90deg)
}

.scrolldownbutton .hoverscale {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #0669b1;
    border-radius: 50%;
    box-shadow: rgba(0, 0, 0, 0.2) 0 0 20px;
    -webkit-transition: transform 100ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -moz-transition: transform 100ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition: transform 100ms cubic-bezier(0.455, 0.03, 0.515, 0.955)
}

.scrolldownbutton:hover .hoverscale {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    transform: scale(1.1)
}

.burger {
    position: absolute;
    cursor: pointer
}

@media (max-width: 767px) {
    .burger {
        top: 27px;
        left: 10px
    }
}

@media (min-width: 768px) {
    .burger {
        top: 75px;
        left: 65px
    }
}

.burger .inner_burger {
    position: relative;
    float: left
}

@media (max-width: 767px) {
    .burger .inner_burger {
        width: 40px;
        height: 7px;
        margin: 15px
    }
}

@media (min-width: 768px) {
    .burger .inner_burger {
        width: 40px;
        height: 7px;
        margin: 15px
    }
}

.burger .bar {
    position: absolute;
    background-color: #0669b1;
    width: 100%;
    height: 1px;
    left: 0
}

.burger .bar.topbar {
    top: 0;
    -webkit-transition: all 150ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -moz-transition: all 150ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition: all 150ms cubic-bezier(0.455, 0.03, 0.515, 0.955)
}

.burger .bar.midbar {
    top: calc(50% - 0.5px);
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    -moz-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    -webkit-transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -moz-transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94)
}

.burger .bar.bottombar {
    bottom: 0;
    -webkit-transition: all 150ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -moz-transition: all 150ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition: all 150ms cubic-bezier(0.455, 0.03, 0.515, 0.955)
}

.burger:hover .topbar {
    top: -5px;
    -webkit-transition-delay: 0ms;
    -moz-transition-delay: 0ms;
    transition-delay: 0ms
}

.burger:hover .midbar {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -moz-transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94)
}

.burger:hover .bottombar {
    bottom: -5px;
    -webkit-transition-delay: 0ms;
    -moz-transition-delay: 0ms;
    transition-delay: 0ms
}

.burger .burgerlabel {
    position: relative;
    margin-left: 10px;
    top: 14px;
    float: right
}

@media (max-width: 767px) {
    .burger .burgerlabel {
        display: none
    }
}

.footer {
    position: relative;
    height: 100%
}

.touch .footer {
    height: 117%
}

.footer.noshow {
    display: none
}

.footer .inner_footer {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media (max-width: 767px) {
    .footer .inner_footer {
        padding-left: 25px
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .footer .inner_footer {
        padding-left: 70px
    }
}

@media (min-width: 1024px) and (max-width: 1279px) {
    .footer .inner_footer {
        padding-left: 17%
    }
}

@media (min-width: 1280px) and (max-width: 1499px) {
    .footer .inner_footer {
        padding-left: 20%
    }
}

@media (min-width: 1500px) and (max-width: 1859px) {
    .footer .inner_footer {
        padding-left: 23%
    }
}

@media (min-width: 1860px) {
    .footer .inner_footer {
        padding-left: 470px
    }
}

.footer .upper_footer a {
    white-space: nowrap;
    letter-spacing: 0 !important
}

@media (max-width: 767px) {
    .footer .upper_footer a:first-child {
        margin-bottom: 15px
    }
}

@media (min-width: 768px) {
    .footer .upper_footer a:first-child {
        margin-bottom: 20px
    }
}

@media (max-width: 767px) {
    .footer .upper_footer {
        margin-bottom: 60px
    }
}

@media (min-width: 768px) {
    .footer .upper_footer {
        margin-bottom: 100px
    }
}

.footer .lower_footer .spitzmarke {
    color: #0669b1;
    white-space: nowrap
}

@media (max-width: 767px) {
    .footer .lower_footer .spitzmarke {
        margin-bottom: 25px
    }
}

@media (min-width: 768px) {
    .footer .lower_footer .spitzmarke {
        margin-bottom: 25px
    }
}

.footer .lower_footer a {
    color: #0669b1
}

.footer .lower_footer a:link,
.footer .lower_footer a:visited {
    color: #0669b1
}

.footer .bottom_container {
    position: absolute;
    white-space: nowrap
}

@media (max-width: 767px) {
    .footer .bottom_container {
        width: 200px
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .footer .bottom_container {
        width: 200px
    }
}

@media (min-width: 1024px) {
    .footer .bottom_container {
        width: 250px
    }
}

@media (max-width: 767px) {
    .footer .bottom_container {
        left: 25px;
        bottom: 25px
    }
    .footer .bottom_container .inner_text {
        display: none
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .footer .bottom_container {
        right: 40px;
        bottom: 35px
    }
}

@media (min-width: 1024px) {
    .footer .bottom_container {
        right: 60px;
        bottom: 50px
    }
}

.footer .bottom_container img {
    width: 100%;
    height: auto
}

.footer .bottom_container span {
    color: #0669b1;
    display: inline-block
}

@media (min-width: 1024px) {
    .kontakt {
        overflow: hidden
    }
}

.kontakt .main {
    height: 100%
}

.kontakt .main .page {
    height: 100%
}

.kontakt .main .nextbutton {
    position: absolute;
    z-index: 999
}

@media (max-width: 1023px) {
    .kontakt .main .nextbutton {
        display: none
    }
}

@media (min-width: 1024px) {
    .kontakt .main .nextbutton {
        left: 80px;
        bottom: 80px
    }
}

.kontakt .main .content a {
    -webkit-transition: transform 800ms cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 800ms linear;
    -moz-transition: transform 800ms cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 800ms linear;
    transition: transform 800ms cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 800ms linear
}

.kontakt .main .content a:nth-of-type(1) {
    -webkit-transition-delay: 90ms;
    -moz-transition-delay: 90ms;
    transition-delay: 90ms
}

.kontakt .main .content a:nth-of-type(2) {
    -webkit-transition-delay: 180ms;
    -moz-transition-delay: 180ms;
    transition-delay: 180ms
}

.kontakt .main .content a:nth-of-type(3) {
    -webkit-transition-delay: 270ms;
    -moz-transition-delay: 270ms;
    transition-delay: 270ms
}

.kontakt .main .content a:nth-of-type(4) {
    -webkit-transition-delay: 360ms;
    -moz-transition-delay: 360ms;
    transition-delay: 360ms
}

.kontakt .main .content a:nth-of-type(5) {
    -webkit-transition-delay: 450ms;
    -moz-transition-delay: 450ms;
    transition-delay: 450ms
}

.kontakt .main .content a:nth-of-type(6) {
    -webkit-transition-delay: 540ms;
    -moz-transition-delay: 540ms;
    transition-delay: 540ms
}

.kontakt .main .content p {
    -webkit-transition: transform 800ms cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 800ms linear;
    -moz-transition: transform 800ms cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 800ms linear;
    transition: transform 800ms cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 800ms linear
}

.kontakt .main .content p:nth-of-type(1) {
    -webkit-transition-delay: 390ms;
    -moz-transition-delay: 390ms;
    transition-delay: 390ms
}

.kontakt .main .content p:nth-of-type(2) {
    -webkit-transition-delay: 480ms;
    -moz-transition-delay: 480ms;
    transition-delay: 480ms
}

.kontakt .main .content p:nth-of-type(3) {
    -webkit-transition-delay: 570ms;
    -moz-transition-delay: 570ms;
    transition-delay: 570ms
}

.kontakt .main .content p:nth-of-type(4) {
    -webkit-transition-delay: 660ms;
    -moz-transition-delay: 660ms;
    transition-delay: 660ms
}

.kontakt .main .content p:nth-of-type(5) {
    -webkit-transition-delay: 750ms;
    -moz-transition-delay: 750ms;
    transition-delay: 750ms
}

.kontakt .main .content p:nth-of-type(6) {
    -webkit-transition-delay: 840ms;
    -moz-transition-delay: 840ms;
    transition-delay: 840ms
}

.kontakt .main .content.closed a,
.kontakt .main .content.closed p {
    opacity: 0;
    -webkit-transform: translate3d(0, 30px, 0);
    -moz-transform: translate3d(0, 30px, 0);
    transform: translate3d(0, 30px, 0)
}

.kontakt .main .slider_item {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}

.kontakt .main .content .inner_content {
    position: relative;
    display: inline-block;
    top: 50%;
    left: 50%;
    -webkit-transform: translate3d(-50%, -50%, 0);
    -moz-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0)
}

@media (min-width: 1024px) and (max-width: 1279px) {
    .kontakt .main .content .inner_content {
        padding-top: 30px
    }
}

.kontakt .main .content .upper_content {
    margin-bottom: 40px
}

@media (min-width: 1024px) and (max-width: 1279px) {
    .kontakt .main .content .upper_content {
        margin-bottom: 40px
    }
}

.kontakt .main .contactlink_link {
    margin-bottom: 15px
}

@media (min-width: 1024px) and (max-width: 1279px) {
    .kontakt .main .contactlink_link {
        margin-bottom: 10px
    }
}

.kontakt .main .spitzmarke_blau,
.kontakt .main .cm_text .spitzmarke,
.cm_text .kontakt .main .spitzmarke {
    margin-bottom: 40px
}

@media (min-width: 1024px) and (max-width: 1279px) {
    .kontakt .main .spitzmarke_blau,
    .kontakt .main .cm_text .spitzmarke,
    .cm_text .kontakt .main .spitzmarke {
        margin-bottom: 20px
    }
}

@media (min-width: 1024px) {
    .kontakt .main {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        overflow: hidden
    }
    .kontakt .main .slider {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        width: 50%
    }
    .kontakt .main .content {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        width: 50%
    }
}

@media (max-width: 1023px) {
    .kontakt .main .slider {
        position: relative;
        clear: both;
        height: 100%
    }
    .ipad .kontakt .main .slider {
        height: calc(100% + 40px)
    }
    .iphone .kontakt .main .slider {
        height: calc(100% + 80px)
    }
    .kontakt .main .content {
        position: relative;
        clear: both;
        height: 100%
    }
    .ipad .kontakt .main .content {
        height: calc(100% + 120px)
    }
    .iphone .kontakt .main .content {
        height: calc(100% + 120px)
    }
}

.kontakt .scrolldownbutton {
    position: absolute;
    z-index: 999
}

@media (max-width: 767px) {
    .kontakt .scrolldownbutton {
        bottom: 25px;
        left: 25px
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .kontakt .scrolldownbutton {
        bottom: 80px;
        left: 80px
    }
}

@media (min-width: 1024px) {
    .kontakt .scrolldownbutton {
        display: none
    }
}

.team .main,
.team .scrollpane {
    height: 100%
}

.team .headline_to_move {
    position: relative
}

.team .person_item {
    position: relative;
    display: inline-block;
    cursor: pointer;
    overflow: visible;
    height: 0
}

@media (max-width: 767px) {
    .team .person_item {
        width: 70%;
        margin-bottom: 100px;
        padding-bottom: 100%
    }
    .team .person_item:nth-child(odd) {
        margin-left: 45px
    }
    .team .person_item:nth-child(even) {
        margin-left: calc(30% - 25px)
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .team .person_item {
        width: 55%;
        margin-bottom: 0;
        padding-bottom: 100%
    }
    .team .person_item:nth-child(odd) {
        margin-left: 20px
    }
    .team .person_item:nth-child(even) {
        margin-left: calc(45% - 70px)
    }
}

@media (min-width: 1024px) and (max-width: 1279px) {
    .team .person_item {
        width: 70%;
        margin-bottom: 100px;
        padding-bottom: 100%
    }
    .team .person_item:nth-child(odd) {
        margin-left: 20px
    }
    .team .person_item:nth-child(even) {
        margin-left: calc(30% - 70px)
    }
}

@media (min-width: 1280px) and (max-width: 1499px) {
    .team .person_item {
        width: 65%;
        margin-bottom: 100px;
        padding-bottom: 100%
    }
    .team .person_item:nth-child(odd) {
        margin-left: 20px
    }
    .team .person_item:nth-child(even) {
        margin-left: calc(30% - 70px)
    }
}

@media (min-width: 1500px) {
    .team .person_item {
        width: 35%;
        margin-bottom: 100px;
        padding-bottom: 60%
    }
    .team .person_item:nth-child(even) {
        top: 140px
    }
    .team .person_item:nth-child(odd) {
        margin-right: 10%
    }
}

.team .person_item .image_container {
    position: absolute;
    top: -20px;
    left: -20px;
    display: block;
    width: 100%;
    padding-bottom: 120%;
    overflow: hidden;
    box-shadow: rgba(0, 0, 0, 0) 0 0 0;
    -webkit-transition: padding-bottom 600ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 461.538461538ms, transform 150ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -moz-transition: padding-bottom 600ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 461.538461538ms, transform 150ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transition: padding-bottom 600ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 461.538461538ms, transform 150ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -webkit-transform-origin: 80% 100%;
    -moz-transform-origin: 80% 100%;
    transform-origin: 80% 100%
}

.team .person_item .image_container.closed {
    padding-bottom: 0 !important
}

.team .person_item .image_container .image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding-bottom: 120%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}

.team .person_item .content_container {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    overflow: hidden;
    box-shadow: rgba(0, 0, 0, 0.15) 0 0 30px;
    -webkit-transform-origin: 50% 80%;
    -moz-transform-origin: 50% 80%;
    transform-origin: 50% 80%;
    -webkit-transition: width 600ms cubic-bezier(0.77, 0, 0.175, 1), transform 150ms cubic-bezier(0.445, 0.05, 0.55, 0.95), box-shadow 150ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -moz-transition: width 600ms cubic-bezier(0.77, 0, 0.175, 1), transform 150ms cubic-bezier(0.445, 0.05, 0.55, 0.95), box-shadow 150ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transition: width 600ms cubic-bezier(0.77, 0, 0.175, 1), transform 150ms cubic-bezier(0.445, 0.05, 0.55, 0.95), box-shadow 150ms cubic-bezier(0.445, 0.05, 0.55, 0.95)
}

.team .person_item .content_container.closed {
    width: 0 !important
}

.team .person_item:hover .image_container {
    -webkit-transform: scale(1.03);
    -moz-transform: scale(1.03);
    transform: scale(1.03)
}

.team .person_item:hover .content_container {
    -webkit-transform: scale(1.01);
    -moz-transform: scale(1.01);
    transform: scale(1.01);
    box-shadow: rgba(0, 0, 0, 0.15) 0 10px 35px
}

.team .person_item .inner_content_container {
    position: absolute;
    top: 0;
    left: 0;
    background-color: #fff;
    height: 0
}

.team .person_item .content_holder {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 25%
}

@media (min-width: 768px) and (max-width: 1023px) {
    .team .person_item .content_holder {
        height: 24.5%
    }
}

.team .person_item .name {
    position: relative;
    display: block;
    text-align: left;
    padding-left: 20px;
    color: #0669b1
}

.team .person_item .funktion {
    position: relative;
    display: block;
    text-align: left;
    padding-left: 20px;
    padding-right: 20px;
    color: #0669b1
}

.team .external_members .person_item {
    cursor: default
}

.team .external_members .person_item:hover .image_container {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1)
}

.team .external_members .person_item:hover .content_container {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1);
    box-shadow: rgba(0, 0, 0, 0.15) 0 0 30px
}

.team .members {
    position: relative
}

.team .members .rightside {
    position: absolute;
    background-color: #fff;
    z-index: 1
}

.team .fixedpane {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0
}

@media (max-width: 1023px) {
    .team .fixedpane {
        display: none
    }
}

@media (min-width: 1024px) {
    .team .fixedpane {
        padding-left: 8%;
        padding-right: 8%
    }
}

@media (min-width: 1024px) and (max-width: 1279px) {
    .team .fixedpane {
        width: 50%
    }
}

@media (min-width: 1280px) and (max-width: 1499px) {
    .team .fixedpane {
        width: 50%
    }
}

@media (min-width: 1500px) and (max-width: 1859px) {
    .team .fixedpane {
        width: 40%
    }
}

@media (min-width: 1860px) {
    .team .fixedpane {
        width: 40%
    }
}

.team .leftside {
    background-color: #f7f7f7;
    position: relative;
    overflow-x: hidden
}

@media (max-width: 767px) {
    .team .leftside {
        width: 100%;
        padding-top: 180px
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .team .leftside {
        width: 100%;
        padding-top: 240px;
        padding-left: 8%
    }
}

@media (min-width: 1024px) and (max-width: 1279px) {
    .team .leftside {
        padding-top: 240px;
        padding-left: 8%
    }
}

@media (min-width: 1280px) and (max-width: 1499px) {
    .team .leftside {
        padding-top: 240px;
        padding-left: 8%
    }
}

@media (min-width: 1500px) {
    .team .leftside {
        padding-top: 240px;
        padding-left: 10%
    }
}

@media (min-width: 1024px) and (max-width: 1279px) {
    .team .leftside {
        width: 50%
    }
}

@media (min-width: 1280px) and (max-width: 1499px) {
    .team .leftside {
        width: 50%
    }
}

@media (min-width: 1500px) and (max-width: 1859px) {
    .team .leftside {
        width: 60%
    }
}

@media (min-width: 1860px) {
    .team .leftside {
        width: 60%
    }
}

@media (max-width: 767px) {
    .team .team_members,
    .team .external_members {
        padding-bottom: 100px
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .team .team_members,
    .team .external_members {
        padding-bottom: 200px
    }
}

@media (min-width: 1024px) {
    .team .team_members,
    .team .external_members {
        padding-bottom: 400px
    }
}

.team .rightside {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0
}

@media (max-width: 1023px) {
    .team .rightside {
        display: none
    }
}

@media (min-width: 1024px) and (max-width: 1279px) {
    .team .rightside {
        width: 50%
    }
}

@media (min-width: 1280px) and (max-width: 1499px) {
    .team .rightside {
        width: 50%
    }
}

@media (min-width: 1500px) and (max-width: 1859px) {
    .team .rightside {
        width: 40%
    }
}

@media (min-width: 1860px) {
    .team .rightside {
        width: 40%
    }
}

.team .rightside p {
    position: relative;
    padding-top: 50px;
    padding-bottom: 50px
}

.team .bottomline {
    position: relative;
    height: 100%
}

.team .bottomline .fixedpane {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}

.team .bottomline .leftside {
    height: 100%;
    padding-top: 0;
    overflow: hidden
}

.team .bottomline .leftside p {
    position: relative
}

@media (max-width: 767px) {
    .team .bottomline .leftside {
        padding-left: 25px;
        padding-right: 25px
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .team .bottomline .leftside {
        padding-left: 70px;
        padding-right: 70px
    }
}

@media (min-width: 1024px) {
    .team .bottomline .leftside {
        padding-right: 8%
    }
}

.team .section_title {
    position: relative
}

@media (max-width: 767px) {
    .team .section_title {
        margin-bottom: 40px;
        left: 25px
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .team .section_title {
        margin-bottom: 40px;
        left: -20px
    }
}

@media (min-width: 1024px) {
    .team .section_title {
        margin-bottom: 70px;
        left: -20px
    }
}

.team .team_image_container {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 999
}

@media (max-width: 1023px) {
    .team .team_image_container {
        width: 100%
    }
}

@media (min-width: 1024px) and (max-width: 1279px) {
    .team .team_image_container {
        width: 50%
    }
}

@media (min-width: 1280px) and (max-width: 1499px) {
    .team .team_image_container {
        width: 50%
    }
}

@media (min-width: 1500px) and (max-width: 1859px) {
    .team .team_image_container {
        width: 60%
    }
}

@media (min-width: 1860px) {
    .team .team_image_container {
        width: 60%
    }
}

.team .team_image_item_container {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 0;
    overflow: hidden
}

@media (min-width: 1024px) {
    .team .team_image_item_container.on {
        -webkit-transition: height 600ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
        -moz-transition: height 600ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
        transition: height 600ms cubic-bezier(0.445, 0.05, 0.55, 0.95)
    }
}

@media (max-width: 1023px) {
    .team .team_image_item_container.on {
        height: 0 !important
    }
}

.team .team_image_item {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}

.team .team_image_item .backbutton {
    position: absolute
}

@media (min-width: 1024px) and (max-width: 1279px) {
    .team .team_image_item .backbutton {
        top: 40px;
        left: 40px
    }
}

@media (min-width: 1280px) and (max-width: 1499px) {
    .team .team_image_item .backbutton {
        top: 60px;
        left: 60px
    }
}

@media (min-width: 1500px) and (max-width: 1859px) {
    .team .team_image_item .backbutton {
        top: 80px;
        left: 80px
    }
}

@media (min-width: 1860px) {
    .team .team_image_item .backbutton {
        top: 80px;
        left: 80px
    }
}

.team .team_info_container {
    position: fixed;
    z-index: 999;
    top: 0;
    right: 0;
    height: 0
}

@media (max-width: 1023px) {
    .team .team_info_container {
        width: 100%
    }
}

@media (min-width: 1024px) and (max-width: 1279px) {
    .team .team_info_container {
        width: 50%
    }
}

@media (min-width: 1280px) and (max-width: 1499px) {
    .team .team_info_container {
        width: 50%
    }
}

@media (min-width: 1500px) and (max-width: 1859px) {
    .team .team_info_container {
        width: 40%
    }
}

@media (min-width: 1860px) {
    .team .team_info_container {
        width: 40%
    }
}

.team .team_info_item {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 0;
    background-color: #001e3f;
    -webkit-transition: height 600ms cubic-bezier(0.445, 0.05, 0.55, 0.95), background-color 300ms linear 300ms;
    -moz-transition: height 600ms cubic-bezier(0.445, 0.05, 0.55, 0.95), background-color 300ms linear 300ms;
    transition: height 600ms cubic-bezier(0.445, 0.05, 0.55, 0.95), background-color 300ms linear 300ms
}

@media (min-width: 1024px) {
    .team .team_info_item {
        overflow: hidden
    }
}

@media (max-width: 1023px) {
    .team .team_info_item {
        overflow: auto;
        -webkit-overflow-scrolling: touch
    }
}

.team .team_info_item.darken {
    background-color: #0669b1
}

.team .inner_team_info_item {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    padding-left: 10%;
    padding-right: 10%;
    overflow: auto;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    -ms-overflow-style: none
}

.team .inner_team_info_item::-webkit-scrollbar {
    display: none;
    width: 0 !important;
    height: 0 !important;
    padding: 0;
    margin: 0;
    border: none;
    background: rgba(0, 0, 0, 0);
    color: #fff !important;
    position: static
}

.team .inner_team_info_item::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0)
}

.team .inner_team_info_item::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0)
}

.team .inner_team_info_item::-webkit-scrollbar-thumb:hover {
    background: rgba(0, 0, 0, 0)
}

.team .inner_team_info_item::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(0, 0, 0, 0)
}

@media (max-width: 1023px) {
    .team .inner_team_info_item {
        padding-top: 70px;
        padding-bottom: 40px
    }
}

@media (max-width: 1023px) {
    .team .inner_team_info_item .team_info_content {
        position: relative
    }
}

@media (min-width: 1024px) {
    .team .inner_team_info_item .team_info_content {
        position: relative;
        margin-top: 60px;
        margin-right: 10%;
        width: 100%;
        margin-bottom: 80px
    }
}

.team .inner_team_info_item .mobile_image {
    position: relative;
    width: 120px;
    height: 120px;
    border-radius: 60px;
    margin-bottom: 40px;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat
}

@media (min-width: 1024px) {
    .team .inner_team_info_item .mobile_image {
        display: none
    }
}

.team .inner_team_info_item .name {
    color: #fff;
    margin-bottom: 30px
}

.team .inner_team_info_item .text {
    color: #fff
}

.team .close_x {
    position: fixed;
    top: 25px;
    right: 25px;
    width: 25px;
    height: 25px;
    z-index: 1;
    background-image: url(../img/icn_closeX.svg)
}

@media (min-width: 1024px) {
    .team .close_x {
        display: none
    }
}

.team .next_team_member {
    overflow: visible;
    color: #fff;
    cursor: pointer;
    z-index: 0
}

@media (max-width: 767px) {
    .team .next_team_member {
        position: relative;
        margin-top: 60px;
        margin-bottom: 60px
    }
}

@media (min-width: 768px) {
    .team .next_team_member {
        position: absolute;
        bottom: 60px
    }
    .team .next_team_member.append_to_content {
        position: relative;
        bottom: auto;
        margin-bottom: 60px
    }
}

@media (min-width: 768px) and (max-width: 767px) {
    .team .next_team_member.append_to_content {
        margin-bottom: 160px
    }
}

.team .next_team_member .image_mask {
    position: relative;
    display: inline-block;
    overflow: hidden;
    -webkit-transition: transform 100ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -moz-transition: transform 100ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition: transform 100ms cubic-bezier(0.455, 0.03, 0.515, 0.955)
}

@media (max-width: 767px) {
    .team .next_team_member .image_mask {
        margin-right: 20px;
        width: 60px;
        height: 60px;
        border-radius: 30px
    }
}

@media (min-width: 768px) {
    .team .next_team_member .image_mask {
        margin-right: 40px;
        width: 80px;
        height: 80px;
        border-radius: 40px
    }
}

.safari .team .next_team_member .image_mask {
    z-index: 1 !important
}

.team .next_team_member .image_mask .image {
    position: absolute;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    -webkit-transition: transform 100ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -moz-transition: transform 100ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition: transform 100ms cubic-bezier(0.455, 0.03, 0.515, 0.955)
}

@media (max-width: 767px) {
    .team .next_team_member .image_mask .image {
        width: 80px;
        height: 80px;
        border-radius: 40px;
        top: -10px;
        left: -10px
    }
}

@media (min-width: 768px) {
    .team .next_team_member .image_mask .image {
        width: 100px;
        height: 100px;
        border-radius: 50px;
        top: -10px;
        left: -10px
    }
}

.team .next_team_member .image_mask:hover {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    transform: scale(1.1)
}

.team .next_team_member .image_mask:hover .image {
    -webkit-transform: scale(0.915);
    -moz-transform: scale(0.915);
    transform: scale(0.915)
}

.team .next_team_member .label {
    position: absolute;
    display: inline-block;
    white-space: nowrap;
    padding-right: 20px
}

@media (max-width: 767px) {
    .team .next_team_member .label {
        margin-top: 21px
    }
}

@media (min-width: 768px) {
    .team .next_team_member .label {
        margin-top: 28px
    }
}

.team .next_team_member .label:after {
    position: absolute;
    content: '';
    background-image: url(../img/icn_arrow_right_longline.svg);
    width: 20px;
    height: 14px;
    margin-left: 20px;
    background-size: 30px;
    background-position: 100% 50%;
    background-repeat: no-repeat;
    -webkit-transition: width 100ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -moz-transition: width 100ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition: width 100ms cubic-bezier(0.455, 0.03, 0.515, 0.955)
}

@media (max-width: 767px) {
    .team .next_team_member .label:after {
        margin-top: 2px
    }
}

@media (min-width: 768px) {
    .team .next_team_member .label:after {
        margin-top: 5px
    }
}

.team .next_team_member .label:hover:after {
    width: 27px
}

@media (max-width: 767px) {
    .cm_pagelinks {
        padding-top: 80px;
        padding-bottom: 80px
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .cm_pagelinks {
        padding-top: 160px;
        padding-bottom: 160px
    }
}

@media (min-width: 1024px) {
    .cm_pagelinks {
        padding-top: 300px;
        padding-bottom: 300px
    }
}

.cm_pagelinks .spitzmarke_blau,
.cm_pagelinks .cm_text .spitzmarke,
.cm_text .cm_pagelinks .spitzmarke {
    -webkit-transition: opacity 250ms linear, transform 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -moz-transition: opacity 250ms linear, transform 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: opacity 250ms linear, transform 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

@media (max-width: 767px) {
    .cm_pagelinks .spitzmarke_blau,
    .cm_pagelinks .cm_text .spitzmarke,
    .cm_text .cm_pagelinks .spitzmarke {
        margin-bottom: 20px
    }
}

@media (min-width: 768px) {
    .cm_pagelinks .spitzmarke_blau,
    .cm_pagelinks .cm_text .spitzmarke,
    .cm_text .cm_pagelinks .spitzmarke {
        margin-bottom: 60px
    }
}

.cm_pagelinks .pagelink_link {
    -webkit-transition: opacity 250ms linear, transform 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -moz-transition: opacity 250ms linear, transform 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: opacity 250ms linear, transform 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.cm_pagelinks .pagelink_link:nth-of-type(1) {
    -webkit-transition-delay: 90ms;
    -moz-transition-delay: 90ms;
    transition-delay: 90ms
}

.cm_pagelinks .pagelink_link:nth-of-type(2) {
    -webkit-transition-delay: 180ms;
    -moz-transition-delay: 180ms;
    transition-delay: 180ms
}

.cm_pagelinks .pagelink_link:nth-of-type(3) {
    -webkit-transition-delay: 270ms;
    -moz-transition-delay: 270ms;
    transition-delay: 270ms
}

.cm_pagelinks .pagelink_link:nth-of-type(4) {
    -webkit-transition-delay: 360ms;
    -moz-transition-delay: 360ms;
    transition-delay: 360ms
}

.cm_pagelinks .pagelink_link:nth-of-type(5) {
    -webkit-transition-delay: 450ms;
    -moz-transition-delay: 450ms;
    transition-delay: 450ms
}

.cm_pagelinks .pagelink_link:nth-of-type(6) {
    -webkit-transition-delay: 540ms;
    -moz-transition-delay: 540ms;
    transition-delay: 540ms
}

.cm_pagelinks .pagelink_link:nth-of-type(7) {
    -webkit-transition-delay: 630ms;
    -moz-transition-delay: 630ms;
    transition-delay: 630ms
}

.cm_pagelinks .inner_cm.closed .pagelink_link {
    opacity: 0;
    -webkit-transform: translate3d(0, 80px, 0);
    -moz-transform: translate3d(0, 80px, 0);
    transform: translate3d(0, 80px, 0)
}

.cm_pagelinks .inner_cm.closed .spitzmarke_blau,
.cm_pagelinks .inner_cm.closed .cm_text .spitzmarke,
.cm_text .cm_pagelinks .inner_cm.closed .spitzmarke {
    opacity: 0;
    -webkit-transform: translate3d(0, 40px, 0);
    -moz-transform: translate3d(0, 40px, 0);
    transform: translate3d(0, 40px, 0)
}

@media (min-width: 768px) and (max-width: 1023px) {
    .cm_intro_1 .inner_cm {
        margin-top: 50px
    }
}

.cm_intro_1 .bg_plane {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    background-color: #0669b1;
    -webkit-transition: height 1000ms cubic-bezier(0.455, 0.03, 0.515, 0.955) 500ms;
    -moz-transition: height 1000ms cubic-bezier(0.455, 0.03, 0.515, 0.955) 500ms;
    transition: height 1000ms cubic-bezier(0.455, 0.03, 0.515, 0.955) 500ms
}

@media (max-width: 767px) {
    .cm_intro_1 .bg_plane {
        margin-top: 0%
    }
}

@media (min-width: 768px) {
    .cm_intro_1 .bg_plane {
        margin-top: 0%
    }
}

.cm_intro_1 .bg_plane.closed {
    height: 0 !important
}

.cm_intro_1 .image {
    position: relative;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    overflow: hidden
}

@media (max-width: 767px) {
    .cm_intro_1 .image {
        width: calc(100% - 25px);
        padding-bottom: 75%
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .cm_intro_1 .image {
        padding-bottom: 60%;
        width: 82%
    }
}

@media (min-width: 1024px) {
    .cm_intro_1 .image {
        padding-bottom: 50%;
        width: 82%
    }
}

.cm_intro_1 .image .abdecker {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    background-color: #fff;
    -webkit-transition: transform 800ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -moz-transition: transform 800ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition: transform 800ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -webkit-transform: translate3d(100%, 0, 0);
    -moz-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
}

.cm_intro_1 .image.closed .abdecker {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.cm_intro_1 .textbox {
    position: relative;
    background-color: #fff;
    -webkit-transition: opacity 500ms linear 1000ms, transform 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 1000ms;
    -moz-transition: opacity 500ms linear 1000ms, transform 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 1000ms;
    transition: opacity 500ms linear 1000ms, transform 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 1000ms
}

.cm_intro_1 .textbox.closed {
    opacity: 0 !important;
    -webkit-transform: translate3d(0, 100px, 0);
    -moz-transform: translate3d(0, 100px, 0);
    transform: translate3d(0, 100px, 0)
}

@media (min-width: 1860px) {
    .cm_intro_1 .textbox {
        width: 780px;
        margin-top: -230px;
        padding-top: 160px;
        padding-left: 100px;
        padding-right: 100px;
        padding-bottom: 160px
    }
}

@media (min-width: 1500px) and (max-width: 1859px) {
    .cm_intro_1 .textbox {
        width: 55%;
        min-width: 675px;
        margin-top: -230px;
        padding-top: 160px;
        padding-left: 100px;
        padding-right: 100px;
        padding-bottom: 160px
    }
}

@media (min-width: 1280px) and (max-width: 1499px) {
    .cm_intro_1 .textbox {
        width: 60%;
        max-width: 595px;
        margin-top: -170px;
        padding-top: 100px;
        padding-left: 70px;
        padding-right: 70px;
        padding-bottom: 100px
    }
}

@media (min-width: 1024px) and (max-width: 1279px) {
    .cm_intro_1 .textbox {
        width: 65%;
        max-width: 590px;
        margin-top: -163px;
        padding-top: 100px;
        padding-left: 80px;
        padding-right: 80px;
        padding-bottom: 100px
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .cm_intro_1 .textbox {
        width: 70%;
        max-width: 510px;
        margin-top: -163px;
        padding-top: 80px;
        padding-left: 60px;
        padding-right: 60px;
        padding-bottom: 80px
    }
}

@media (max-width: 767px) {
    .cm_intro_1 .textbox {
        width: 80%;
        min-width: 245px;
        max-width: 360px;
        margin-top: -83px;
        padding-top: 40px;
        padding-left: 25px;
        padding-right: 25px;
        padding-bottom: 50px
    }
}

.cm_intro_1 .textbox p {
    color: #0669b1
}

.cm_intro_1 .headline {
    position: relative;
    color: #fff
}

@media (min-width: 1860px) {
    .cm_intro_1 .headline {
        margin-top: 300px;
        margin-bottom: 300px;
        margin-left: 32%
    }
    .home .cm_intro_1 .headline {
        margin-bottom: 420px
    }
}

@media (min-width: 1500px) and (max-width: 1859px) {
    .cm_intro_1 .headline {
        margin-top: 300px;
        margin-bottom: 300px;
        margin-left: 30%
    }
    .home .cm_intro_1 .headline {
        margin-bottom: 420px
    }
}

@media (min-width: 1280px) and (max-width: 1499px) {
    .cm_intro_1 .headline {
        margin-top: 200px;
        margin-bottom: 200px;
        margin-left: 30%
    }
    .home .cm_intro_1 .headline {
        margin-bottom: 300px
    }
}

@media (min-width: 1024px) and (max-width: 1279px) {
    .cm_intro_1 .headline {
        margin-top: 160px;
        margin-bottom: 160px;
        margin-left: 26%
    }
    .home .cm_intro_1 .headline {
        margin-bottom: 260px
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .cm_intro_1 .headline {
        margin-top: 120px;
        margin-bottom: 120px;
        margin-left: 120px
    }
    .home .cm_intro_1 .headline {
        margin-bottom: 320px
    }
}

@media (max-width: 767px) {
    .cm_intro_1 .headline {
        margin-top: 90px;
        margin-bottom: 90px;
        margin-left: 70px
    }
    .home .cm_intro_1 .headline {
        margin-bottom: 210px
    }
}

@media (max-width: 767px) {
    .cm_intro_2 .inner_cm {
        padding-bottom: 140px
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .cm_intro_2 .inner_cm {
        padding-bottom: 100px
    }
}

@media (min-width: 1024px) and (max-width: 1279px) {
    .cm_intro_2 .inner_cm {
        padding-bottom: 150px
    }
}

@media (min-width: 1280px) {
    .cm_intro_2 .inner_cm {
        padding-bottom: 200px
    }
}

.cm_intro_2 .text_container {
    overflow: hidden;
    position: relative
}

.cm_intro_2 .text_container .text_mask {
    -webkit-transition: width 600ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -moz-transition: width 600ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition: width 600ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
    overflow: hidden
}

@media (max-width: 767px) {
    .cm_intro_2 .text_container .text_mask {
        padding-bottom: 300px;
        padding-top: 70px
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .cm_intro_2 .text_container .text_mask {
        padding-top: 120px;
        padding-bottom: 120px
    }
}

@media (min-width: 1024px) {
    .cm_intro_2 .text_container .text_mask {
        padding-top: 200px;
        padding-bottom: 200px
    }
}

.cm_intro_2 .text_container .text_mask.closed {
    width: 0 !important
}

@media (max-width: 767px) {
    .cm_intro_2 .text_container {
        width: calc(100% - 50px)
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .cm_intro_2 .text_container {
        width: 60%
    }
}

@media (min-width: 1024px) {
    .cm_intro_2 .text_container {
        width: 55%
    }
}

.cm_intro_2 .text_container p {
    color: #fff
}

.cm_intro_2 .image_container .img_mask {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    overflow: hidden;
    -webkit-transition: height 600ms cubic-bezier(0.455, 0.03, 0.515, 0.955) 500ms;
    -moz-transition: height 600ms cubic-bezier(0.455, 0.03, 0.515, 0.955) 500ms;
    transition: height 600ms cubic-bezier(0.455, 0.03, 0.515, 0.955) 500ms
}

.cm_intro_2 .image_container .img_mask.closed {
    height: 0 !important
}

.cm_intro_2 .image_container .image {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0
}

@media (max-width: 767px) {
    .cm_intro_2 .image_container {
        position: absolute;
        bottom: 0;
        right: 0;
        height: 340px;
        width: 75%
    }
}

@media (min-width: 1024px) {
    .cm_intro_2 .image_container {
        top: 200px
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .cm_intro_2 .image_container {
        position: absolute;
        bottom: 0;
        top: 100px;
        right: 50px;
        width: 40%;
        padding-bottom: 90%;
        z-index: -1
    }
}

@media (min-width: 1024px) and (max-width: 1279px) {
    .cm_intro_2 .image_container {
        position: absolute;
        bottom: 0;
        left: 40%;
        width: 50%;
        padding-bottom: 90%;
        z-index: -1
    }
}

@media (min-width: 1280px) and (max-width: 1499px) {
    .cm_intro_2 .image_container {
        position: absolute;
        bottom: 0;
        left: 40%;
        width: 50%;
        padding-bottom: 90%;
        z-index: -1
    }
}

@media (min-width: 1500px) and (max-width: 1859px) {
    .cm_intro_2 .image_container {
        position: absolute;
        bottom: 0;
        left: 40%;
        width: 50%;
        padding-bottom: 60%;
        z-index: -1
    }
}

@media (min-width: 1860px) {
    .cm_intro_2 .image_container {
        position: absolute;
        bottom: 0;
        left: 40%;
        width: 50%;
        padding-bottom: 55%;
        z-index: -1;
        top: 205px
    }
}

.cm_intro_2 .spitzmarke_weiss,
.cm_intro_2 .cm_text.has_bgcolor .spitzmarke,
.cm_text.has_bgcolor .cm_intro_2 .spitzmarke {
    position: relative;
    margin-bottom: 3em
}

.cm_intro_3 .inner_cm {
    position: relative
}

@media (max-width: 1023px) {
    .cm_intro_3 .inner_cm {
        padding-bottom: 200px
    }
}

@media (min-width: 1024px) {
    .cm_intro_3 .inner_cm {
        padding-bottom: 100px
    }
}

.cm_intro_3 .text_container .text_mask {
    background-color: #0669b1;
    -webkit-transition: width 600ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -moz-transition: width 600ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition: width 600ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
    overflow: hidden
}

.cm_intro_3 .text_container .text_mask.closed {
    width: 0 !important
}

@media (max-width: 767px) {
    .cm_intro_3 .text_container .text_mask {
        padding-top: 70px;
        padding-bottom: calc(50% + 70px)
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .cm_intro_3 .text_container .text_mask {
        padding-top: 120px;
        padding-bottom: 55%
    }
}

@media (min-width: 1024px) and (max-width: 1279px) {
    .cm_intro_3 .text_container .text_mask {
        padding-top: 200px;
        padding-bottom: 55%
    }
}

@media (min-width: 1280px) and (max-width: 1499px) {
    .cm_intro_3 .text_container .text_mask {
        padding-top: 200px;
        padding-bottom: 200px
    }
}

@media (min-width: 1500px) {
    .cm_intro_3 .text_container .text_mask {
        padding-top: 200px;
        padding-bottom: 200px
    }
}

.cm_intro_3 .text_container .textbox {
    position: relative
}

@media (max-width: 767px) {
    .cm_intro_3 .text_container .textbox {
        padding-left: 25px
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .cm_intro_3 .text_container .textbox {
        padding-left: 70px
    }
}

@media (min-width: 1024px) and (max-width: 1279px) {
    .cm_intro_3 .text_container .textbox {
        padding-left: 100px
    }
}

@media (min-width: 1280px) and (max-width: 1499px) {
    .cm_intro_3 .text_container .textbox {
        padding-left: 200px
    }
}

@media (min-width: 1500px) and (max-width: 1859px) {
    .cm_intro_3 .text_container .textbox {
        padding-left: 200px
    }
}

@media (min-width: 1860px) {
    .cm_intro_3 .text_container .textbox {
        padding-left: 200px
    }
}

@media (max-width: 767px) {
    .cm_intro_3 .text_container .textbox {
        padding-right: 25px
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .cm_intro_3 .text_container .textbox {
        padding-right: 70px
    }
}

@media (min-width: 1024px) and (max-width: 1279px) {
    .cm_intro_3 .text_container .textbox {
        padding-right: 230px
    }
}

@media (min-width: 1280px) and (max-width: 1499px) {
    .cm_intro_3 .text_container .textbox {
        padding-right: 250px
    }
}

@media (min-width: 1500px) {
    .cm_intro_3 .text_container .textbox {
        padding-right: 450px
    }
}

@media (max-width: 767px) {
    .cm_intro_3 .text_container {
        width: calc(100% - 50px)
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .cm_intro_3 .text_container {
        width: calc(100% - 140px)
    }
}

@media (min-width: 1024px) and (max-width: 1279px) {
    .cm_intro_3 .text_container {
        width: 72%
    }
}

@media (min-width: 1280px) and (max-width: 1499px) {
    .cm_intro_3 .text_container {
        width: 70%
    }
}

@media (min-width: 1500px) and (max-width: 1859px) {
    .cm_intro_3 .text_container {
        width: 80%
    }
}

@media (min-width: 1860px) {
    .cm_intro_3 .text_container {
        width: 70%
    }
}

.cm_intro_3 p {
    color: #fff
}

.cm_intro_3 .image_container .img_mask {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    overflow: hidden;
    -webkit-transition: height 600ms cubic-bezier(0.455, 0.03, 0.515, 0.955) 500ms;
    -moz-transition: height 600ms cubic-bezier(0.455, 0.03, 0.515, 0.955) 500ms;
    transition: height 600ms cubic-bezier(0.455, 0.03, 0.515, 0.955) 500ms
}

.cm_intro_3 .image_container .img_mask.closed {
    height: 0 !important
}

.cm_intro_3 .image_container .image {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0
}

@media (max-width: 767px) {
    .cm_intro_3 .image_container {
        position: relative;
        float: right;
        height: 0;
        width: 75%;
        padding-bottom: 104%;
        margin-top: -50%
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .cm_intro_3 .image_container {
        position: relative;
        float: right;
        height: 0;
        width: 75%;
        padding-bottom: 70%;
        margin-top: -35%
    }
}

@media (min-width: 1024px) and (max-width: 1279px) {
    .cm_intro_3 .image_container {
        position: relative;
        float: right;
        height: 0;
        width: 75%;
        padding-bottom: 54%;
        margin-top: -30%
    }
}

@media (min-width: 1280px) and (max-width: 1499px) {
    .cm_intro_3 .image_container {
        position: absolute;
        bottom: 0;
        right: 5%;
        width: 32%;
        padding-bottom: 45%
    }
}

@media (min-width: 1500px) and (max-width: 1859px) {
    .cm_intro_3 .image_container {
        position: absolute;
        bottom: 0;
        right: 10%;
        width: 32%;
        padding-bottom: 45%
    }
}

@media (min-width: 1860px) {
    .cm_intro_3 .image_container {
        position: absolute;
        bottom: 0;
        right: 12%;
        width: 32%;
        padding-bottom: 46%;
        top: 155px
    }
}

.cm_intro_3 .spitzmarke_weiss,
.cm_intro_3 .cm_text.has_bgcolor .spitzmarke,
.cm_text.has_bgcolor .cm_intro_3 .spitzmarke {
    position: relative;
    margin-bottom: 3em
}

@media (min-width: 1024px) and (max-width: 1279px) {
    .cm_intro_3 .spitzmarke_weiss.dekoline:before,
    .cm_intro_3 .cm_text.has_bgcolor .dekoline.spitzmarke:before,
    .cm_text.has_bgcolor .cm_intro_3 .dekoline.spitzmarke:before {
        display: none
    }
}

.cm_colorchange {
    position: relative
}

@media (min-width: 768px) and (max-width: 1023px) {
    .cm_colorchange {
        padding-bottom: 230px
    }
}

@media (min-width: 1024px) {
    .cm_colorchange {
        padding-bottom: 400px
    }
}

.cm_colorchange .spitzmarke_weiss,
.cm_colorchange .cm_text.has_bgcolor .spitzmarke,
.cm_text.has_bgcolor .cm_colorchange .spitzmarke,
.cm_colorchange .spitzmarke_blau,
.cm_colorchange .cm_text .spitzmarke,
.cm_text .cm_colorchange .spitzmarke {
    position: relative
}

@media (max-width: 767px) {
    .cm_colorchange .spitzmarke_weiss,
    .cm_colorchange .cm_text.has_bgcolor .spitzmarke,
    .cm_text.has_bgcolor .cm_colorchange .spitzmarke,
    .cm_colorchange .spitzmarke_blau,
    .cm_colorchange .cm_text .spitzmarke,
    .cm_text .cm_colorchange .spitzmarke {
        margin-bottom: 20px
    }
}

@media (min-width: 768px) {
    .cm_colorchange .spitzmarke_weiss,
    .cm_colorchange .cm_text.has_bgcolor .spitzmarke,
    .cm_text.has_bgcolor .cm_colorchange .spitzmarke,
    .cm_colorchange .spitzmarke_blau,
    .cm_colorchange .cm_text .spitzmarke,
    .cm_text .cm_colorchange .spitzmarke {
        margin-bottom: 60px
    }
}

@media (max-width: 767px) {
    .cm_colorchange .textbox {
        margin-bottom: 80px
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .cm_colorchange .textbox {
        margin-bottom: 120px
    }
}

@media (min-width: 1024px) {
    .cm_colorchange .textbox {
        margin-bottom: 150px
    }
}

@media (max-width: 767px) {
    .cm_colorchange .content {
        padding-top: 80px;
        padding-bottom: 80px
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .cm_colorchange .content {
        padding-top: 160px;
        padding-bottom: 160px
    }
}

@media (min-width: 1024px) {
    .cm_colorchange .content {
        padding-top: 300px;
        padding-bottom: 300px
    }
}

.cm_colorchange .mask {
    position: absolute;
    left: 0;
    right: 0;
    overflow: hidden;
    height: 0;
    -webkit-transition: height 800ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -moz-transition: height 800ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition: height 800ms cubic-bezier(0.455, 0.03, 0.515, 0.955)
}

.cm_colorchange .mask.on {
    height: 100%
}

.cm_colorchange.come_in .overlay_container {
    height: 100%
}

.cm_colorchange .content_reciever {
    position: absolute
}

@media (max-width: 767px) {
    .cm_colorchange .content_reciever {
        padding-top: 80px;
        padding-bottom: 80px
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .cm_colorchange .content_reciever {
        padding-top: 160px;
        padding-bottom: 160px
    }
}

@media (min-width: 1024px) {
    .cm_colorchange .content_reciever {
        padding-top: 300px;
        padding-bottom: 300px
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .cm_colorchange .content_reciever {
        margin-bottom: 230px
    }
}

@media (min-width: 1024px) {
    .cm_colorchange .content_reciever {
        margin-bottom: 400px
    }
}

.cm_colorchange .overlay_gradient {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.cm_colorchange.align_top .mask,
.cm_colorchange.align_top .content_reciever {
    top: 0;
    bottom: auto
}

.cm_colorchange.align_bottom .mask,
.cm_colorchange.align_bottom .content_reciever {
    top: auto;
    bottom: 0
}

@media (max-width: 767px) {
    .cm_text {
        padding-top: 80px;
        padding-bottom: 80px
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .cm_text {
        padding-top: 160px;
        padding-bottom: 160px
    }
}

@media (min-width: 1024px) {
    .cm_text {
        padding-top: 300px;
        padding-bottom: 300px
    }
}

.cm_text .inner_cm {
    -webkit-transition: opacity 700ms linear, transform 700ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -moz-transition: opacity 700ms linear, transform 700ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: opacity 700ms linear, transform 700ms cubic-bezier(0.25, 0.46, 0.45, 0.94)
}

.cm_text .inner_cm.closed {
    opacity: 0;
    -webkit-transform: translate3d(0, 100px, 0);
    -moz-transform: translate3d(0, 100px, 0);
    transform: translate3d(0, 100px, 0)
}

.cm_text .spitzmarke {
    position: relative;
    margin-bottom: 3em
}

.cm_text .titel {
    color: #0669b1;
    margin-bottom: 1.5em
}

.cm_text p {
    color: #0669b1;
    max-width: 1050px
}

.cm_text p a {
    color: #0669b1;
    border-bottom: 1px solid #e3e3e3;
    padding-bottom: 1px;
    -webkit-transition: color 70ms linear, border-bottom 70ms linear, padding-bottom 70ms linear;
    -moz-transition: color 70ms linear, border-bottom 70ms linear, padding-bottom 70ms linear;
    transition: color 70ms linear, border-bottom 70ms linear, padding-bottom 70ms linear
}

.cm_text p a:link,
.cm_text p a:visited {
    color: #0669b1
}

.cm_text p a:hover {
    color: #0669b1;
    border-bottom-color: #0669b1;
    padding-bottom: 4px
}

.cm_text p:last-of-type {
    margin-bottom: 0
}

.cm_text ul {
    list-style-type: none;
    margin-bottom: 7em
}

.cm_text ul li {
    position: relative;
    color: #0669b1
}

@media (max-width: 767px) {
    .cm_text ul li {
        left: 35px;
        margin-bottom: 10px
    }
}

@media (min-width: 768px) {
    .cm_text ul li {
        margin-bottom: 10px;
        margin-left: 120px
    }
}

.cm_text ul li:before {
    content: "";
    background-image: url(../img/line_blue.svg);
    display: block;
    position: absolute;
    height: 5px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}

@media (max-width: 767px) {
    .cm_text ul li:before {
        width: 22px;
        left: -35px;
        height: 5px;
        top: 26px
    }
}

@media (min-width: 768px) {
    .cm_text ul li:before {
        width: 60px;
        left: -120px;
        top: 27px
    }
}

.cm_text ul.blue li:before {
    background-image: url(../img/line_blue.svg)
}

.cm_text ul.white li:before {
    background-image: url(../img/line_white.svg)
}

.cm_text ul li {
    line-height: 1.8em;
    margin-bottom: 16px
}

@media (max-width: 767px) {
    .cm_text ul li:before {
        top: 13px
    }
}

@media (min-width: 768px) {
    .cm_text ul li:before {
        top: 16px
    }
}

.cm_text h3 {
    color: #0669b1;
    margin-bottom: 1.8em
}

.cm_text .bg_plane {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    -webkit-transition: transform 1000ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -moz-transition: transform 1000ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition: transform 1000ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
    background-color: #0669b1
}

@media (min-width: 1024px) and (max-width: 767px) {
    .cm_text .bg_plane {
        margin-left: 25px
    }
}

@media (min-width: 1024px) and (min-width: 768px) and (max-width: 1023px) {
    .cm_text .bg_plane {
        margin-left: 70px
    }
}

@media (min-width: 1024px) and (min-width: 1024px) and (max-width: 1279px) {
    .cm_text .bg_plane {
        margin-left: 100px
    }
}

@media (min-width: 1024px) and (min-width: 1280px) and (max-width: 1499px) {
    .cm_text .bg_plane {
        margin-left: 200px
    }
}

@media (min-width: 1024px) and (min-width: 1500px) and (max-width: 1859px) {
    .cm_text .bg_plane {
        margin-left: 200px
    }
}

@media (min-width: 1024px) and (min-width: 1860px) {
    .cm_text .bg_plane {
        margin-left: 200px
    }
}

.cm_text .bg_plane.closed {
    -webkit-transform: translate3d(0, -100%, 0);
    -moz-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0)
}

@media (max-width: 1279px) {
    .cm_text .has_bgplane .dekoline:before {
        display: none
    }
}

@media (min-width: 1280px) and (max-width: 1499px) {
    .cm_text .has_bgplane .dekoline:before {
        display: none
    }
}

@media (max-width: 767px) {
    .ueber-uns .cm_text.has_bgcolor {
        padding-top: calc(80px + 60%);
        padding-bottom: calc(80px + 25%)
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .ueber-uns .cm_text.has_bgcolor {
        padding-top: calc(160px + 60%);
        padding-bottom: calc(160px + 25%)
    }
}

@media (min-width: 1024px) {
    .ueber-uns .cm_text.has_bgcolor {
        padding-top: calc(300px + 30%);
        padding-bottom: calc(300px + 25%)
    }
}

.cm_newstext {
    font-size: 16px !important;
    width: 80%;
}

.cm_text.has_bgcolor .titel,
.cm_text.has_bgcolor p {
    color: #fff
}

.cm_text.has_bgcolor .titel a,
.cm_text.has_bgcolor p a {
    color: #fff;
    border-bottom: 1px solid #6f6f6f;
    padding-bottom: 1px;
    -webkit-transition: color 70ms linear, border-bottom 70ms linear, padding-bottom 70ms linear;
    -moz-transition: color 70ms linear, border-bottom 70ms linear, padding-bottom 70ms linear;
    transition: color 70ms linear, border-bottom 70ms linear, padding-bottom 70ms linear
}

.cm_text.has_bgcolor .titel a:link,
.cm_text.has_bgcolor .titel a:visited,
.cm_text.has_bgcolor p a:link,
.cm_text.has_bgcolor p a:visited {
    color: #fff
}

.cm_text.has_bgcolor .titel a:hover,
.cm_text.has_bgcolor p a:hover {
    color: #fff;
    border-bottom-color: #fff;
    padding-bottom: 4px
}

.cm_text.has_bgcolor .button {
    color: #fff
}

@media (max-width: 767px) {
    .cm_contact_teaser {
        padding-top: 50px;
        padding-bottom: 50px
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .cm_contact_teaser {
        padding-top: 100px;
        padding-bottom: 100px
    }
}

@media (min-width: 1024px) and (max-width: 1279px) {
    .cm_contact_teaser {
        padding-top: 140px;
        padding-bottom: 140px
    }
}

@media (min-width: 1280px) and (max-width: 1499px) {
    .cm_contact_teaser {
        padding-top: 180px;
        padding-bottom: 180px
    }
}

@media (min-width: 1500px) and (max-width: 1859px) {
    .cm_contact_teaser {
        padding-top: 200px;
        padding-bottom: 200px
    }
}

@media (min-width: 1860px) {
    .cm_contact_teaser {
        padding-top: 200px;
        padding-bottom: 200px
    }
}

.cm_contact_teaser .abdecker {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    background-color: #fff
}

.cm_contact_teaser .bg_plane {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: -1;
    -webkit-transition: width 450ms cubic-bezier(0.455, 0.03, 0.515, 0.955) 300ms;
    -moz-transition: width 450ms cubic-bezier(0.455, 0.03, 0.515, 0.955) 300ms;
    transition: width 450ms cubic-bezier(0.455, 0.03, 0.515, 0.955) 300ms
}

@media (max-width: 767px) {
    .cm_contact_teaser .bg_plane {
        width: 75%
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .cm_contact_teaser .bg_plane {
        width: 71%
    }
}

@media (min-width: 1024px) {
    .cm_contact_teaser .bg_plane {
        width: 60%
    }
}

.cm_contact_teaser .bg_plane.closed {
    width: 0 !important
}

.cm_contact_teaser .inner_container {
    position: relative;
    background-color: #fff
}

@media (min-width: 1024px) {
    .cm_contact_teaser .inner_container {
        box-shadow: rgba(0, 0, 0, 0.2) 0 0 40px;
        -webkit-transition: box-shadow 700ms linear 500ms;
        -moz-transition: box-shadow 700ms linear 500ms;
        transition: box-shadow 700ms linear 500ms
    }
}

.cm_contact_teaser .inner_container.closed {
    box-shadow: rgba(0, 0, 0, 0) 0 0 0
}

@media (max-width: 767px) {
    .cm_contact_teaser .inner_container {
        box-shadow: rgba(0, 0, 0, 0.2) 0 0 15px;
        margin-left: calc(25px + 25px);
        margin-right: 50px
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .cm_contact_teaser .inner_container {
        box-shadow: rgba(0, 0, 0, 0.2) 0 0 25px;
        margin-right: 70px;
        margin-left: calc(70px + 64px)
    }
}

@media (min-width: 1024px) and (max-width: 1279px) {
    .cm_contact_teaser .inner_container {
        padding-bottom: 140px;
        margin-right: 100px;
        margin-left: calc(17% + 130px)
    }
}

@media (min-width: 1280px) and (max-width: 1499px) {
    .cm_contact_teaser .inner_container {
        padding-bottom: 180px;
        margin-right: 200px;
        margin-left: calc(20% + 130px)
    }
}

@media (min-width: 1500px) and (max-width: 1859px) {
    .cm_contact_teaser .inner_container {
        padding-bottom: 200px;
        margin-right: 200px;
        margin-left: calc(23% + 130px)
    }
}

@media (min-width: 1860px) {
    .cm_contact_teaser .inner_container {
        padding-bottom: 200px;
        margin-right: 200px;
        margin-left: calc(470px + 130px)
    }
}

.cm_contact_teaser .image {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    position: relative;
    overflow: hidden
}

@media (max-width: 767px) {
    .cm_contact_teaser .image {
        width: 80%;
        padding-bottom: 84%;
        margin-left: -25px
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .cm_contact_teaser .image {
        width: 70%;
        padding-bottom: 74%;
        margin-left: -64px
    }
}

@media (min-width: 1024px) and (max-width: 1279px) {
    .cm_contact_teaser .image {
        width: 40%;
        padding-bottom: 52%;
        float: left;
        margin-left: -130px
    }
}

@media (min-width: 1280px) and (max-width: 1499px) {
    .cm_contact_teaser .image {
        width: 40%;
        padding-bottom: 52%;
        float: left;
        margin-left: -130px
    }
}

@media (min-width: 1500px) and (max-width: 1859px) {
    .cm_contact_teaser .image {
        width: 40%;
        padding-bottom: 48%;
        float: left;
        margin-left: -130px
    }
}

@media (min-width: 1860px) {
    .cm_contact_teaser .image {
        width: 40%;
        padding-bottom: 48%;
        float: left;
        margin-left: -130px
    }
}

.cm_contact_teaser .image .abdecker {
    -webkit-transition: transform 700ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -moz-transition: transform 700ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition: transform 700ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -webkit-transform: translate3d(0, 100%, 0);
    -moz-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0)
}

.cm_contact_teaser .image.closed .abdecker {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.cm_contact_teaser .text {
    color: #0669b1
}

@media (max-width: 767px) {
    .cm_contact_teaser .text {
        margin-bottom: 20px
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .cm_contact_teaser .text {
        margin-bottom: 40px
    }
}

@media (min-width: 1024px) and (max-width: 1279px) {
    .cm_contact_teaser .text {
        margin-bottom: 40px
    }
}

@media (min-width: 1280px) {
    .cm_contact_teaser .text {
        margin-bottom: 50px
    }
}

.cm_contact_teaser .person {
    -webkit-transition: opacity 700ms linear 600ms, transform 700ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 600ms;
    -moz-transition: opacity 700ms linear 600ms, transform 700ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 600ms;
    transition: opacity 700ms linear 600ms, transform 700ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 600ms;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

@media (max-width: 767px) {
    .cm_contact_teaser .person {
        margin-left: 25px;
        margin-right: 25px;
        padding-top: 40px;
        padding-bottom: 20px;
        position: relative
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .cm_contact_teaser .person {
        margin-left: 50px;
        margin-right: 50px;
        padding-top: 80px;
        padding-bottom: 40px;
        position: relative
    }
}

@media (min-width: 1024px) and (max-width: 1279px) {
    .cm_contact_teaser .person {
        position: absolute;
        bottom: 0;
        width: 61%;
        right: 60px;
        margin-bottom: 40px
    }
}

@media (min-width: 1280px) and (max-width: 1499px) {
    .cm_contact_teaser .person {
        position: absolute;
        bottom: 0;
        width: 63%;
        right: 60px;
        margin-bottom: 50px
    }
}

@media (min-width: 1500px) and (max-width: 1859px) {
    .cm_contact_teaser .person {
        position: absolute;
        bottom: 0;
        width: 60%;
        right: 60px;
        margin-bottom: 70px
    }
}

@media (min-width: 1860px) {
    .cm_contact_teaser .person {
        position: absolute;
        bottom: 0;
        width: 60%;
        right: 60px;
        margin-bottom: 70px
    }
}

.cm_contact_teaser .person.closed {
    opacity: 0;
    -webkit-transform: translate3d(0, 40px, 0);
    -moz-transform: translate3d(0, 40px, 0);
    transform: translate3d(0, 40px, 0)
}

.cm_contact_teaser .person .name {
    color: #0669b1
}

.cm_contact_teaser .person .name a {
    color: #0669b1
}

.cm_contact_teaser .person .funktion {
    color: #0669b1
}

@media (max-width: 767px) {
    .cm_contact_teaser .person .funktion {
        margin-bottom: 20px
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .cm_contact_teaser .person .funktion {
        margin-bottom: 40px
    }
}

@media (min-width: 1024px) and (max-width: 1279px) {
    .cm_contact_teaser .person .funktion {
        margin-bottom: 30px
    }
}

@media (min-width: 1280px) {
    .cm_contact_teaser .person .funktion {
        margin-bottom: 60px
    }
}

@media (max-width: 767px) {
    .cm_external_teaser {
        padding-top: 50px;
        padding-bottom: 50px
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .cm_external_teaser {
        padding-top: 100px;
        padding-bottom: 100px
    }
}

@media (min-width: 1024px) and (max-width: 1279px) {
    .cm_external_teaser {
        padding-top: 150px;
        padding-bottom: 150px
    }
}

@media (min-width: 1280px) and (max-width: 1499px) {
    .cm_external_teaser {
        padding-top: 150px;
        padding-bottom: 150px
    }
}

@media (min-width: 1500px) and (max-width: 1859px) {
    .cm_external_teaser {
        padding-top: 150px;
        padding-bottom: 150px
    }
}

@media (min-width: 1860px) {
    .cm_external_teaser {
        padding-top: 150px;
        padding-bottom: 150px
    }
}

.cm_external_teaser .inner_cm {
    position: relative
}

@media (max-width: 767px) {
    .cm_external_teaser .inner_cm {
        margin: auto;
        max-width: 421px
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .cm_external_teaser .inner_cm {
        margin: auto;
        max-width: 740px
    }
}

.cm_external_teaser .inner_container {
    position: relative;
    background-color: #fff;
    -webkit-transition: all 600ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 600ms;
    -moz-transition: all 600ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 600ms;
    transition: all 600ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 600ms
}

@media (min-width: 1024px) {
    .cm_external_teaser .inner_container {
        box-shadow: rgba(0, 0, 0, 0.2) 0 0 40px
    }
}

@media (max-width: 767px) {
    .cm_external_teaser .inner_container {
        box-shadow: rgba(0, 0, 0, 0.2) 0 0 15px;
        padding: 50px 50px 50px 50px;
        margin-left: 25px;
        margin-right: 25px
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .cm_external_teaser .inner_container {
        box-shadow: rgba(0, 0, 0, 0.2) 0 0 25px;
        margin-left: 70px;
        margin-right: 70px;
        padding: 90px 90px 90px 90px
    }
}

@media (min-width: 1024px) and (max-width: 1279px) {
    .cm_external_teaser .inner_container {
        width: 45%;
        margin-left: 17%;
        padding: 90px 90px 90px 90px
    }
}

@media (min-width: 1280px) and (max-width: 1499px) {
    .cm_external_teaser .inner_container {
        width: 45%;
        margin-left: 20%;
        padding: 90px 90px 90px 90px
    }
}

@media (min-width: 1500px) and (max-width: 1859px) {
    .cm_external_teaser .inner_container {
        width: 45%;
        margin-left: 23%;
        padding: 90px 90px 90px 90px
    }
}

@media (min-width: 1860px) {
    .cm_external_teaser .inner_container {
        width: 45%;
        padding: 100px 100px 100px 100px;
        margin-left: 470px
    }
}

.cm_external_teaser .inner_container.closed {
    opacity: 0;
    -webkit-transform: translate3d(0, 30px, 0);
    -moz-transform: translate3d(0, 30px, 0);
    transform: translate3d(0, 30px, 0)
}

.cm_external_teaser .bg_plane {
    position: absolute;
    top: 0;
    left: 50%;
    bottom: 0
}

@media (max-width: 767px) {
    .cm_external_teaser .bg_plane {
        right: 0
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .cm_external_teaser .bg_plane {
        right: 0
    }
}

@media (min-width: 1024px) and (max-width: 1279px) {
    .cm_external_teaser .bg_plane {
        right: 0
    }
}

@media (min-width: 1280px) and (max-width: 1499px) {
    .cm_external_teaser .bg_plane {
        right: 0
    }
}

@media (min-width: 1500px) and (max-width: 1859px) {
    .cm_external_teaser .bg_plane {
        right: 200px
    }
}

@media (min-width: 1860px) {
    .cm_external_teaser .bg_plane {
        right: 200px
    }
}

.cm_external_teaser .bg_plane .inner_plane {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    -webkit-transition: width 600ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -moz-transition: width 600ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition: width 600ms cubic-bezier(0.455, 0.03, 0.515, 0.955)
}

.cm_external_teaser .bg_plane .inner_plane.closed {
    width: 0 !important
}

.cm_external_teaser .titel {
    color: #0669b1
}

@media (max-width: 767px) {
    .cm_external_teaser .titel {
        margin-bottom: 10px
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .cm_external_teaser .titel {
        margin-bottom: 20px
    }
}

@media (min-width: 1024px) {
    .cm_external_teaser .titel {
        margin-bottom: 40px
    }
}

.cm_external_teaser .text {
    color: #0669b1;
    position: relative
}

@media (max-width: 767px) {
    .cm_external_teaser .text {
        margin-bottom: 30px
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .cm_external_teaser .text {
        margin-bottom: 50px
    }
}

@media (min-width: 1024px) and (max-width: 1279px) {
    .cm_external_teaser .text {
        margin-bottom: 100px
    }
}

@media (min-width: 1280px) {
    .cm_external_teaser .text {
        margin-bottom: 180px
    }
}

.cm_external_teaser .logo {
    position: relative;
    height: auto
}

@media (max-width: 767px) {
    .cm_external_teaser .logo {
        width: 100px
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .cm_external_teaser .logo {
        width: 150px
    }
}

@media (min-width: 1024px) {
    .cm_external_teaser .logo {
        width: 200px
    }
}

@media (max-width: 767px) {
    .ueber-uns .cm_image_text {
        margin-top: -25%
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .ueber-uns .cm_image_text {
        margin-top: -25%
    }
}

@media (min-width: 1024px) {
    .ueber-uns .cm_image_text {
        margin-top: -25%
    }
}

.cm_image_text .inner_cm {
    position: relative;
    left: 0
}

@media (max-width: 767px) {
    .cm_image_text .inner_cm {
        margin-right: 50px
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .cm_image_text .inner_cm {
        margin-right: 70px
    }
}

@media (min-width: 1024px) and (max-width: 1279px) {
    .cm_image_text .inner_cm {
        margin-right: 17%
    }
}

@media (min-width: 1280px) and (max-width: 1499px) {
    .cm_image_text .inner_cm {
        margin-right: 20%
    }
}

@media (min-width: 1500px) and (max-width: 1859px) {
    .cm_image_text .inner_cm {
        margin-right: 23%
    }
}

@media (min-width: 1860px) {
    .cm_image_text .inner_cm {
        margin-right: 470px
    }
}

.cm_image_text .bg_plane {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    overflow: hidden;
    -webkit-transition: all 600ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -moz-transition: all 600ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition: all 600ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.cm_image_text .bg_plane.closed {
    -webkit-transform: translate3d(-100%, 0, 0);
    -moz-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
}

.cm_image_text .bg_plane.closed .bgimg {
    -webkit-transform: translate3d(100%, 0, 0);
    -moz-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
}

.cm_image_text .bg_plane .bgimg {
    -webkit-transition: all 600ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -moz-transition: all 600ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition: all 600ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}

.cm_image_text .textbox {
    position: relative;
    float: right;
    background-color: #fff;
    overflow: hidden;
    -webkit-transition: all 600ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 600ms;
    -moz-transition: all 600ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 600ms;
    transition: all 600ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 600ms;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.cm_image_text .textbox.closed {
    opacity: 0;
    -webkit-transform: translate3d(0, 30px, 0);
    -moz-transform: translate3d(0, 30px, 0);
    transform: translate3d(0, 30px, 0)
}

@media (max-width: 767px) {
    .cm_image_text .textbox {
        width: 70%;
        margin-top: 200px;
        margin-right: 25px;
        margin-bottom: 25px;
        padding: 25px 25px 70px 25px
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .cm_image_text .textbox {
        width: 50%;
        margin-top: 200px;
        margin-right: 50px;
        margin-bottom: 50px;
        padding: 50px 50px 20% 50px
    }
}

@media (min-width: 1024px) and (max-width: 1279px) {
    .cm_image_text .textbox {
        width: 50%;
        max-width: 455px;
        margin-top: 200px;
        margin-right: 80px;
        margin-bottom: 80px;
        padding: 70px 70px 20% 70px
    }
}

@media (min-width: 1280px) and (max-width: 1499px) {
    .cm_image_text .textbox {
        width: 40%;
        margin-top: 300px;
        margin-right: 120px;
        margin-bottom: 120px;
        padding: 60px 60px 20% 60px
    }
}

@media (min-width: 1500px) and (max-width: 1859px) {
    .cm_image_text .textbox {
        width: 40%;
        margin-top: 300px;
        margin-right: 120px;
        margin-bottom: 120px;
        padding: 70px 70px 20% 70px
    }
}

@media (min-width: 1860px) {
    .cm_image_text .textbox {
        width: 620px;
        margin-top: 300px;
        margin-right: 120px;
        margin-bottom: 120px;
        padding: 80px 80px 330px 80px
    }
}

.cm_image_text .textbox p {
    color: #0669b1
}

@media (max-width: 1023px) {
    .home .cm_imagetiles {
        margin-top: -19%
    }
}

@media (min-width: 1024px) {
    .home .cm_imagetiles {
        margin-top: -8%
    }
}

.ueber-uns .cm_imagetiles {
    z-index: 1
}

@media (max-width: 1023px) {
    .ueber-uns .cm_imagetiles {
        margin-bottom: -60%
    }
}

@media (min-width: 1024px) {
    .ueber-uns .cm_imagetiles {
        margin-bottom: -30%
    }
}

.cm_imagetiles .inner_cm {
    position: relative
}

.cm_imagetiles .tile_container {
    position: relative
}

@media (max-width: 767px) {
    .cm_imagetiles .tile_container.align_left {
        float: right;
        width: 110%;
        margin-right: -10%;
        margin-bottom: 80px
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .cm_imagetiles .tile_container.align_left {
        float: right;
        width: calc(100% + 90px);
        margin-right: -90px;
        margin-bottom: 80px
    }
}

@media (min-width: 1024px) {
    .cm_imagetiles .tile_container.align_left {
        float: left;
        width: calc(55% + 50px);
        margin-right: 7%
    }
}

@media (max-width: 767px) {
    .cm_imagetiles .tile_container.align_right {
        float: right;
        width: calc(100% + 30px);
        margin-right: -30px;
        margin-bottom: 40px
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .cm_imagetiles .tile_container.align_right {
        float: right;
        width: calc(100% + 90px);
        margin-right: -90px;
        margin-bottom: 60px
    }
}

@media (min-width: 1024px) {
    .cm_imagetiles .tile_container.align_right {
        float: right;
        width: 65%
    }
}

.cm_imagetiles .image_container {
    position: absolute;
    overflow: hidden;
    -webkit-transition: width 600ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -moz-transition: width 600ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition: width 600ms cubic-bezier(0.455, 0.03, 0.515, 0.955)
}

.cm_imagetiles .image_container:nth-of-type(1) {
    -webkit-transition-delay: 150ms;
    -moz-transition-delay: 150ms;
    transition-delay: 150ms
}

.cm_imagetiles .image_container:nth-of-type(2) {
    -webkit-transition-delay: 300ms;
    -moz-transition-delay: 300ms;
    transition-delay: 300ms
}

.cm_imagetiles .image_container:nth-of-type(3) {
    -webkit-transition-delay: 450ms;
    -moz-transition-delay: 450ms;
    transition-delay: 450ms
}

.cm_imagetiles .image_container:nth-of-type(4) {
    -webkit-transition-delay: 600ms;
    -moz-transition-delay: 600ms;
    transition-delay: 600ms
}

.cm_imagetiles .image_container.closed {
    width: 0 !important
}

.cm_imagetiles .image {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}

.cm_imagetiles .textbox {
    position: relative
}

.cm_imagetiles .textbox>* {
    -webkit-transition: opacity 1000ms linear 1000ms, transform 1000ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 1000ms;
    -moz-transition: opacity 1000ms linear 1000ms, transform 1000ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 1000ms;
    transition: opacity 1000ms linear 1000ms, transform 1000ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 1000ms
}

.cm_imagetiles .textbox.closed>* {
    opacity: 0;
    -webkit-transform: translate3d(0, 40px, 0);
    -moz-transform: translate3d(0, 40px, 0);
    transform: translate3d(0, 40px, 0)
}

.cm_imagetiles .collage_titel {
    margin-bottom: 30px
}

@media (min-width: 768px) and (max-width: 1023px) {
    .cm_teasers {
        margin-top: -230px
    }
}

@media (min-width: 1024px) {
    .cm_teasers {
        margin-top: -400px
    }
}

.cm_teasers span {
    display: block
}

.cm_teasers .headline {
    max-width: 1110px
}

.cm_teasers .inner_cm {
    background-color: #f7f7f7;
    position: relative
}

@media (max-width: 767px) {
    .cm_teasers .inner_cm {
        padding-bottom: 100px
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .cm_teasers .inner_cm {
        padding-bottom: 200px;
        padding-top: 100px
    }
}

@media (min-width: 1024px) {
    .cm_teasers .inner_cm {
        padding-bottom: 100px;
        padding-top: 70px
    }
}

.cm_teasers .inner_teaser {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden
}

.cm_teasers .teaser {
    position: relative;
    display: inline-block
}

@media (min-width: 768px) and (max-width: 1023px) {
    .cm_teasers .teaser:nth-child(1),
    .cm_teasers .teaser:nth-child(3) {
        margin-right: 11%
    }
}

@media (min-width: 1024px) {
    .cm_teasers .teaser:nth-child(1),
    .cm_teasers .teaser:nth-child(3) {
        margin-right: 19.3%
    }
}

@media (min-width: 768px) {
    .cm_teasers .teaser:nth-child(even) {
/*         top: 5em */
    }
    .cm_teasers .teaser:nth-child(2) {
        margin-bottom: 170px
    }
    .cm_teasers .teaser:nth-child(4n+1) .bg_plane,
    .cm_teasers .teaser:nth-child(4n+4) .bg_plane {
        background-color: #0669b1
    }
    .cm_teasers .teaser:nth-child(4n+1) .label,
    .cm_teasers .teaser:nth-child(4n+4) .label {
        color: #fff
    }
    .cm_teasers .teaser:nth-child(4n+2) .bg_plane,
    .cm_teasers .teaser:nth-child(4n+3) .bg_plane {
        background-color: #fff
    }
    .cm_teasers .teaser:nth-child(4n+2) .label,
    .cm_teasers .teaser:nth-child(4n+3) .label {
        color: #0669b1
    }
    .cm_teasers .teaser:nth-child(4n+3) {
        top: -2.5em
    }
}

@media (max-width: 767px) {
    .cm_teasers .teaser {
        width: 75%;
        padding-top: 20px;
        padding-left: 25px;
        padding-bottom: 10px;
        margin-bottom: 40px
    }
    .cm_teasers .teaser:nth-child(even) {
        margin-left: calc(22% - 25px)
    }
    .cm_teasers .teaser:nth-child(4n+1) .bg_plane,
    .cm_teasers .teaser:nth-child(4n+4) .bg_plane {
        background-color: #0669b1
    }
    .cm_teasers .teaser:nth-child(3n+3) .label,
    .cm_teasers .teaser:nth-child(3n+4) .label {
        color: #fff
    }
    .cm_teasers .teaser:nth-child(4n+1) .bg_plane,
    .cm_teasers .teaser:nth-child(4n+4) .bg_plane {
        background-color: #fff
    }
    .cm_teasers .teaser:nth-child(4n+2) .label,
    .cm_teasers .teaser:nth-child(4n+4) .label {
        color: #0669b1
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .cm_teasers .teaser {
        width: 42%;
        padding-top: 18px;
        padding-left: 25px;
        padding-bottom: 10px
    }
}

@media (min-width: 1024px) and (max-width: 1279px) {
    .cm_teasers .teaser {
        width: 40%;
        padding-top: 18px;
        padding-left: 30px;
        padding-bottom: 15px
    }
}

@media (min-width: 1280px) {
    .cm_teasers .teaser {
        width: 40%;
        padding-top: 50px;
        padding-left: 50px;
        padding-bottom: 25px
    }
}

.cm_teasers .teaser .text_container {
    position: relative;
    -webkit-transition: opacity 250ms linear 300ms, transform 150ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -moz-transition: opacity 250ms linear 300ms, transform 150ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transition: opacity 250ms linear 300ms, transform 150ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -webkit-transform-origin: 50% 90%;
    -moz-transform-origin: 50% 90%;
    transform-origin: 50% 90%
}

@media (max-width: 767px) {
    .cm_teasers .teaser .text_container {
        margin-bottom: 25px
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .cm_teasers .teaser .text_container {
        margin-bottom: 70px
    }
}

@media (min-width: 1024px) {
    .cm_teasers .teaser .text_container {
        margin-bottom: 70px
    }
}

.cm_teasers .teaser .text_container.closed {
    opacity: 0
}

.cm_teasers .teaser .image_container {
    position: relative;
    -webkit-transition: transform 150ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -moz-transition: transform 150ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transition: transform 150ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -webkit-transform-origin: 20% 80%;
    -moz-transform-origin: 20% 80%;
    transform-origin: 20% 80%
}

.cm_teasers .teaser .bg_plane {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    box-shadow: rgba(0, 0, 0, 0.15) 0 0 30px;
    -webkit-transition: width 600ms cubic-bezier(0.86, 0, 0.07, 1), box-shadow 150ms cubic-bezier(0.445, 0.05, 0.55, 0.95), transform 150ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -moz-transition: width 600ms cubic-bezier(0.86, 0, 0.07, 1), box-shadow 150ms cubic-bezier(0.445, 0.05, 0.55, 0.95), transform 150ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transition: width 600ms cubic-bezier(0.86, 0, 0.07, 1), box-shadow 150ms cubic-bezier(0.445, 0.05, 0.55, 0.95), transform 150ms cubic-bezier(0.445, 0.05, 0.55, 0.95)
}

.cm_teasers .teaser .bg_plane.closed {
    width: 0 !important
}

.cm_teasers .teaser .image_wrap {
/*     position: absolute; */
    overflow: hidden;
    -webkit-transition: height 600ms cubic-bezier(0.86, 0, 0.07, 1) 600ms;
    -moz-transition: height 600ms cubic-bezier(0.86, 0, 0.07, 1) 600ms;
    transition: height 600ms cubic-bezier(0.86, 0, 0.07, 1) 600ms
}

.cm_teasers .teaser .image_wrap.closed {
    height: 0 !important
}

.cm_teasers .teaser .inner_image {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}

.cm_teasers .teaser:hover .image_container {
    -webkit-transform: scale(1.03);
    -moz-transform: scale(1.03);
    transform: scale(1.03)
}

.cm_teasers .teaser:hover .bg_plane {
    -webkit-transform: scale(1.01);
    -moz-transform: scale(1.01);
    transform: scale(1.01);
    box-shadow: rgba(0, 0, 0, 0.15) 0 10px 40px
}

.cm_teasers .teaser:hover .text_container {
    -webkit-transform: scale(1.01) translate3d(0, -2px, 0);
    -moz-transform: scale(1.01) translate3d(0, -2px, 0);
    transform: scale(1.01) translate3d(0, -2px, 0)
}

.cm_teasers .headline_container {
    position: relative;
    background-color: #f7f7f7
}

@media (max-width: 767px) {
    .cm_teasers .headline_container {
        padding-top: 90px;
        padding-bottom: 50px
    }
}

@media (max-width: 767px) and (max-width: 767px) {
    .cm_teasers .headline_container {
        padding-right: 25px
    }
}

@media (max-width: 767px) and (min-width: 768px) and (max-width: 1023px) {
    .cm_teasers .headline_container {
        padding-right: 70px
    }
}

@media (max-width: 767px) and (min-width: 1024px) and (max-width: 1279px) {
    .cm_teasers .headline_container {
        padding-right: 14%
    }
}

@media (max-width: 767px) and (min-width: 1280px) and (max-width: 1499px) {
    .cm_teasers .headline_container {
        padding-right: 17%
    }
}

@media (max-width: 767px) and (min-width: 1500px) and (max-width: 1859px) {
    .cm_teasers .headline_container {
        padding-right: 20%
    }
}

@media (max-width: 767px) and (min-width: 1860px) {
    .cm_teasers .headline_container {
        padding-right: 380px
    }
}

@media (max-width: 767px) and (max-width: 767px) {
    .cm_teasers .headline_container {
        padding-left: 25px
    }
}

@media (max-width: 767px) and (min-width: 768px) and (max-width: 1023px) {
    .cm_teasers .headline_container {
        padding-left: 70px
    }
}

@media (max-width: 767px) and (min-width: 1024px) and (max-width: 1279px) {
    .cm_teasers .headline_container {
        padding-left: 14%
    }
}

@media (max-width: 767px) and (min-width: 1280px) and (max-width: 1499px) {
    .cm_teasers .headline_container {
        padding-left: 17%
    }
}

@media (max-width: 767px) and (min-width: 1500px) and (max-width: 1859px) {
    .cm_teasers .headline_container {
        padding-left: 20%
    }
}

@media (max-width: 767px) and (min-width: 1860px) {
    .cm_teasers .headline_container {
        padding-left: 380px
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .cm_teasers .headline_container {
        padding-top: 100px;
        padding-right: 70px
    }
}

@media (min-width: 768px) and (max-width: 1023px) and (max-width: 767px) {
    .cm_teasers .headline_container {
        margin-right: 25px
    }
}

@media (min-width: 768px) and (max-width: 1023px) and (min-width: 768px) and (max-width: 1023px) {
    .cm_teasers .headline_container {
        margin-right: 70px
    }
}

@media (min-width: 768px) and (max-width: 1023px) and (min-width: 1024px) and (max-width: 1279px) {
    .cm_teasers .headline_container {
        margin-right: 100px
    }
}

@media (min-width: 768px) and (max-width: 1023px) and (min-width: 1280px) and (max-width: 1499px) {
    .cm_teasers .headline_container {
        margin-right: 200px
    }
}

@media (min-width: 768px) and (max-width: 1023px) and (min-width: 1500px) and (max-width: 1859px) {
    .cm_teasers .headline_container {
        margin-right: 200px
    }
}

@media (min-width: 768px) and (max-width: 1023px) and (min-width: 1860px) {
    .cm_teasers .headline_container {
        margin-right: 200px
    }
}

@media (min-width: 768px) and (max-width: 1023px) and (max-width: 767px) {
    .cm_teasers .headline_container {
        padding-left: 25px
    }
}

@media (min-width: 768px) and (max-width: 1023px) and (min-width: 768px) and (max-width: 1023px) {
    .cm_teasers .headline_container {
        padding-left: 70px
    }
}

@media (min-width: 768px) and (max-width: 1023px) and (min-width: 1024px) and (max-width: 1279px) {
    .cm_teasers .headline_container {
        padding-left: 14%
    }
}

@media (min-width: 768px) and (max-width: 1023px) and (min-width: 1280px) and (max-width: 1499px) {
    .cm_teasers .headline_container {
        padding-left: 17%
    }
}

@media (min-width: 768px) and (max-width: 1023px) and (min-width: 1500px) and (max-width: 1859px) {
    .cm_teasers .headline_container {
        padding-left: 20%
    }
}

@media (min-width: 768px) and (max-width: 1023px) and (min-width: 1860px) {
    .cm_teasers .headline_container {
        padding-left: 380px
    }
}

@media (min-width: 1024px) {
    .cm_teasers .headline_container {
        padding-top: 180px;
        padding-right: 70px
    }
}

@media (min-width: 1024px) and (max-width: 767px) {
    .cm_teasers .headline_container {
        margin-right: 25px
    }
}

@media (min-width: 1024px) and (min-width: 768px) and (max-width: 1023px) {
    .cm_teasers .headline_container {
        margin-right: 70px
    }
}

@media (min-width: 1024px) and (min-width: 1024px) and (max-width: 1279px) {
    .cm_teasers .headline_container {
        margin-right: 100px
    }
}

@media (min-width: 1024px) and (min-width: 1280px) and (max-width: 1499px) {
    .cm_teasers .headline_container {
        margin-right: 200px
    }
}

@media (min-width: 1024px) and (min-width: 1500px) and (max-width: 1859px) {
    .cm_teasers .headline_container {
        margin-right: 200px
    }
}

@media (min-width: 1024px) and (min-width: 1860px) {
    .cm_teasers .headline_container {
        margin-right: 200px
    }
}

@media (min-width: 1024px) and (max-width: 767px) {
    .cm_teasers .headline_container {
        padding-left: 25px
    }
}

@media (min-width: 1024px) and (min-width: 768px) and (max-width: 1023px) {
    .cm_teasers .headline_container {
        padding-left: 70px
    }
}

@media (min-width: 1024px) and (min-width: 1024px) and (max-width: 1279px) {
    .cm_teasers .headline_container {
        padding-left: 14%
    }
}

@media (min-width: 1024px) and (min-width: 1280px) and (max-width: 1499px) {
    .cm_teasers .headline_container {
        padding-left: 17%
    }
}

@media (min-width: 1024px) and (min-width: 1500px) and (max-width: 1859px) {
    .cm_teasers .headline_container {
        padding-left: 20%
    }
}

@media (min-width: 1024px) and (min-width: 1860px) {
    .cm_teasers .headline_container {
        padding-left: 380px
    }
}

.headline_news{
  margin: 0 !important;
}
.cm_teasers .teaser_container {
    position: relative
}

@media (max-width: 767px) {
    .cm_teasers .teaser_container {
        padding-left: 25px
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .cm_teasers .teaser_container {
        padding-left: 70px
    }
}

@media (min-width: 1024px) and (max-width: 1279px) {
    .cm_teasers .teaser_container {
        padding-left: 14%
    }
}

@media (min-width: 1280px) and (max-width: 1499px) {
    .cm_teasers .teaser_container {
        padding-left: 17%
    }
}

@media (min-width: 1500px) and (max-width: 1859px) {
    .cm_teasers .teaser_container {
        padding-left: 20%
    }
}

@media (min-width: 1860px) {
    .cm_teasers .teaser_container {
        padding-left: 380px
    }
}

@media (max-width: 767px) {
    .cm_teasers .teaser_container {
        padding-right: 25px
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .cm_teasers .teaser_container {
        padding-right: 70px
    }
}

@media (min-width: 1024px) and (max-width: 1279px) {
    .cm_teasers .teaser_container {
        padding-right: 14%
    }
}

@media (min-width: 1280px) and (max-width: 1499px) {
    .cm_teasers .teaser_container {
        padding-right: 17%
    }
}

@media (min-width: 1500px) and (max-width: 1859px) {
    .cm_teasers .teaser_container {
        padding-right: 20%
    }
}

@media (min-width: 1860px) {
    .cm_teasers .teaser_container {
        padding-right: 380px
    }
}

@media (max-width: 767px) {
    .cm_teasers .teaser_container {
        padding-bottom: 100px
    }
}

@media (min-width: 768px) {
    .cm_teasers .teaser_container {
        padding-bottom: 300px
    }
}

.cm_teasers .contact_container {
    position: relative
}

@media (max-width: 767px) {
    .cm_teasers .contact_container {
        margin-left: 50px;
        max-width: 300px
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .cm_teasers .contact_container {
        width: 38%;
        margin-left: 50%;
        max-width: 580px
    }
}

@media (min-width: 1024px) {
    .cm_teasers .contact_container {
        width: 38%;
        margin-left: 50%;
        max-width: 580px
    }
}

.cm_teasers .contact_container .closed {
    -webkit-transform: translate3d(0, 30px, 0);
    -moz-transform: translate3d(0, 30px, 0);
    transform: translate3d(0, 30px, 0);
    opacity: 0
}

.cm_teasers .contact_container>* {
    -webkit-transition: transform 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 400ms linear;
    -moz-transition: transform 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 400ms linear;
    transition: transform 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 400ms linear;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1
}

.cm_teasers .contact_container>*:nth-of-type(1) {
    -webkit-transition-delay: 90ms;
    -moz-transition-delay: 90ms;
    transition-delay: 90ms
}

.cm_teasers .contact_container>*:nth-of-type(2) {
    -webkit-transition-delay: 180ms;
    -moz-transition-delay: 180ms;
    transition-delay: 180ms
}

.cm_teasers .contact_container>*:nth-of-type(3) {
    -webkit-transition-delay: 270ms;
    -moz-transition-delay: 270ms;
    transition-delay: 270ms
}

.cm_teasers .contact_container>*:nth-of-type(4) {
    -webkit-transition-delay: 360ms;
    -moz-transition-delay: 360ms;
    transition-delay: 360ms
}

.cm_teasers .contact_container .contact_image {
    position: relative;
    border-radius: 50%;
    margin-bottom: 30px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}

@media (max-width: 767px) {
    .cm_teasers .contact_container .contact_image {
        width: 80px;
        height: 80px
    }
}

@media (min-width: 768px) {
    .cm_teasers .contact_container .contact_image {
        width: 100px;
        height: 100px
    }
}

.cm_teasers .contact_container .contact_headline {
    margin-bottom: 30px
}

.cm_teasers .contact_container .text_container {
    margin-bottom: 30px
}

.header {
    position: relative;
}

@media (max-width: 767px) {
    .header {
        padding-top: 230px;
        padding-bottom: 80px
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .header {
        padding-top: 300px;
        padding-bottom: 100px
    }
}

@media (min-width: 1024px) and (max-width: 1279px) {
    .header {
        padding-top: 300px;
        padding-bottom: 120px
    }
}

@media (min-width: 1280px) {
    .header {
        padding-top: 400px;
        padding-bottom: 200px
    }
}

.header h1 {
    -webkit-transition: all 700ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -moz-transition: all 700ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: all 700ms cubic-bezier(0.25, 0.46, 0.45, 0.94)
}

@media (min-width: 768px) and (max-width: 1023px) {
    .header h1 {
      width: 70%;

    }
}

@media (min-width: 1024px) and (max-width: 1279px) {
    .header h1 {
      width: 70%;

    }
}

@media (min-width: 1280px) and (max-width: 1499px) {
    .header h1 {
      width: 70%;

    }
}

@media (min-width: 1500px) and (max-width: 1859px) {
    .header h1 {
      width: 70%;

    }
}

@media (min-width: 1860px) {
    .header h1 {
        width: 70%
    }
}

.header h1.closed {
    opacity: 0;
    -webkit-transform: translate3d(0, 30px, 0);
    -moz-transform: translate3d(0, 30px, 0);
    transform: translate3d(0, 30px, 0)
}

.header.superimposed {
    position: absolute;
    width: 100%;
    z-index: 999
}

.header h1,
.header h2,
.header h3,
.header h4,
.header h5,
.header h6 {
    position: relative
}

@media (max-width: 767px) {
    .header.noheadline {
        padding-top: 0;
        padding-bottom: 150px
    }
}

@media (min-width: 768px) {
    .header.noheadline {
        padding-top: 0;
        padding-bottom: 250px
    }
}

.header.superimposed.noheadline {
    padding-bottom: 0
}

.branding_logo {
    position: absolute;
    height: auto;
    cursor: pointer
}

@media (max-width: 767px) {
    .branding_logo {
        width: 100px;
        right: 7px;
        top: 10px
    }
}

@media (min-width: 768px) {
  .branding_logo {
    right: 69px;
    top: 75px;
    width: 250px;
  }
}

.branding_logo svg {
    width: 100%;
    height: 100%
}

.mainnav {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    position: absolute;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch
}

.safari.mobile .mainnav {
    top: -1
}

@media (max-width: 1023px) {
    .mainnav {
        padding-top: 40px;
        padding-left: 25px;
        padding-bottom: 25px
    }
}

@media (min-width: 1024px) {
    .mainnav {
        padding: 6%;
        min-height: 640px
    }
}

@media (max-width: 1023px) {
    .mainnav .inner_nav {
        height: 100%;
        position: relative
    }
}

@media (max-width: 767px) {
    .mainnav .inner_nav {
        min-height: 640px
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .mainnav .inner_nav {
        min-height: 710px
    }
}

.navcontainer {
    top: 0;
    position: fixed;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 999999
}

.navcontainer .close {
    position: fixed;
    cursor: pointer;
    z-index: 1
}

.msie11 .navcontainer .close {
    position: absolute
}

.navcontainer .close svg {
    -webkit-transition: transform 120ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -moz-transition: transform 120ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition: transform 120ms cubic-bezier(0.455, 0.03, 0.515, 0.955)
}

.navcontainer .close svg path {
    stroke: #7f94ad;
    -webkit-transition: stroke 70ms linear;
    -moz-transition: stroke 70ms linear;
    transition: stroke 70ms linear
}

.navcontainer .close:hover path {
    stroke: #fff
}

.navcontainer .close:hover svg {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    transform: scale(1.2)
}

@media (max-width: 767px) {
    .navcontainer .close {
        top: 50px;
        right: 50px;
        width: 50px;
        height: 25px
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .navcontainer .close {
        top: 50px;
        right: 50px;
        width: 50px;
        height: 25px
    }
}

@media (min-width: 1024px) {
    .navcontainer .close {
        top: 50px;
        right: 50px;
        width: 50px;
        height: 25px
    }
}

.mainnav .lefthalf {
    position: relative
}

@media (max-width: 1023px) {
    .mainnav .lefthalf {
        clear: both;
        margin-bottom: 35px
    }
}

@media (min-width: 1024px) {
    .mainnav .lefthalf {
        float: left;
        margin-right: 10%;
        z-index: 1
    }
}

@media (max-width: 1023px) {
    .mainnav .righthalf {
        margin-bottom: 40px
    }
}

.mainnav .mainnav_link {
    padding-bottom: 0
}

.mainnav .bottomnav {
    opacity: 0;
    -webkit-transition: opacity 600ms linear 1100ms;
    -moz-transition: opacity 600ms linear 1100ms;
    transition: opacity 600ms linear 1100ms
}

.mainnav .bottomnav a {
    color: rgba(177, 205, 225, 0.5);
    -webkit-transition: color 70ms linear;
    -moz-transition: color 70ms linear;
    transition: color 70ms linear
}

.mainnav .bottomnav a:link,
.mainnav .bottomnav a:visited {
    color: #fff
}

.mainnav .bottomnav a:hover {
    color: #fff
}

.mainnav .bottomnav>a {
    margin-right: 30px
}

@media (max-width: 340px) {
    .mainnav .bottomnav>a {
        margin-right: 10px
    }
}

@media (max-width: 1023px) {
    .mainnav .bottomnav {
        position: absolute;
        bottom: 20px;
        margin-bottom: 40px
    }
}

@media (max-width: 1023px) {
    .mainnav .bottomnav {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0
    }
}

@media (min-width: 1024px) {
    .mainnav .bottomnav {
        position: absolute;
        bottom: 50px;
        left: 65px;
        right: 65px
    }
}

.on .mainnav .bottomnav {
    opacity: 1
}

.mainnav .affiliate_logo {
    background-image: url(../img/logo_expert_white.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    opacity: 0;
    -webkit-transition: opacity 600ms linear 300ms;
    -moz-transition: opacity 600ms linear 300ms;
    transition: opacity 600ms linear 300ms
}

@media (max-width: 1023px) {
    .mainnav .affiliate_logo {
        position: absolute;
        right: 10px;
        bottom: -13px;
        width: 150px;
        height: 100px;
    }
}

@media (max-width: 340px) {
    .mainnav .affiliate_logo {
        width: 150px
    }
}

@media (min-width: 1024px) {
    .mainnav .affiliate_logo {
        position: relative;
        width: 250px;
        float: right;
        height: 100px
    }
}

.on .mainnav .affiliate_logo {
    opacity: 1;
    -webkit-transition-delay: 1200ms;
    -moz-transition-delay: 1200ms;
    transition-delay: 1200ms
}

.mainnav .langswitch {
    display: none;
    float: left
}

.mainnav .langswitch li {
    float: left
}

@media (max-width: 767px) {
    .mainnav .langswitch li:first-child {
        margin-right: 15px
    }
}

@media (min-width: 768px) {
    .mainnav .langswitch li:first-child {
        margin-right: 30px
    }
}

.mainnav .langswitch a {
    padding-bottom: 6px;
    color: rgba(177, 205, 225, 0.5)
}

.mainnav .langswitch .active a {
    color: #fff;
    border-bottom: 1px solid #fff
}

.mainnav .langswitch.phone {
    margin-bottom: 40px;
    opacity: 0;
    -webkit-transition: opacity 600ms linear 300ms;
    -moz-transition: opacity 600ms linear 300ms;
    transition: opacity 600ms linear 300ms
}

@media (min-width: 1024px) {
    .mainnav .langswitch.phone {
        display: none
    }
}

.on .mainnav .langswitch.phone {
    opacity: 1;
    -webkit-transition-delay: 800ms;
    -moz-transition-delay: 800ms;
    transition-delay: 800ms
}

.mainnav .langswitch.desktop {
    margin-right: 90px
}

@media (max-width: 1023px) {
    .mainnav .langswitch.desktop {
        display: none
    }
}

.mainnav .navtitle {
    text-transform: uppercase;
    color: rgba(177, 205, 225, 0.5);
    opacity: 0;
    -webkit-transition: opacity 600ms linear 300ms;
    -moz-transition: opacity 600ms linear 300ms;
    transition: opacity 600ms linear 300ms
}

@media (max-width: 1023px) {
    .mainnav .navtitle {
        margin-bottom: 15px
    }
}

@media (min-width: 1024px) {
    .mainnav .navtitle {
        padding-left: 3px;
        margin-bottom: 20px
    }
}

.on .mainnav .navtitle {
    opacity: 1;
    -webkit-transition-delay: 800ms;
    -moz-transition-delay: 800ms;
    transition-delay: 800ms
}

.mainnav a {
    position: relative
}

@media (min-width: 1860px) {
    .mainnav a {
        font-size:48px;
        line-height: 1.56em
    }
}

@media (min-width: 1500px) and (max-width: 1859px) {
    .mainnav a {
        font-size:48px;
        line-height: 1.56em
    }
}

@media (min-width: 1290px) and (max-width: 1499px) {
    .mainnav a {
        font-size:48px;
        line-height: 1.56em
    }
}

@media (min-width: 1024px) and (max-width: 1289px) {
    .mainnav a {
        font-size:48px;
        line-height: 1.56em
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .mainnav a {
        font-size:48px;
        line-height: 1.56em
    }
}

@media (max-width: 767px) {
    .mainnav a {
        font-size:34px;
        line-height: 1.47em
    }
}}

.mainnav a {
    display: inline-block;
    -webkit-transition: color 70ms linear 0ms,transform 950ms cubic-bezier(0.55, 0.085, 0.68, 0.53) 0ms,opacity 500ms linear 0ms;
    -moz-transition: color 70ms linear 0ms,transform 950ms cubic-bezier(0.55, 0.085, 0.68, 0.53) 0ms,opacity 500ms linear 0ms;
    transition: color 70ms linear 0ms,transform 950ms cubic-bezier(0.55, 0.085, 0.68, 0.53) 0ms,opacity 500ms linear 0ms;
    text-decoration: none
}

.mainnav a:link,.mainnav a:visited {
    color: #fff
}

.mainnav a:hover {
    color: #6d6d6d
}


.mainnav .mainnav_item {
    opacity: 0;
    -webkit-transform: translate3d(0, 20px, 0);
    -moz-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
    -webkit-transition: opacity 350ms linear, transform 550ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 300ms;
    -moz-transition: opacity 350ms linear, transform 550ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 300ms;
    transition: opacity 350ms linear, transform 550ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 300ms
}

.on .mainnav .mainnav_item {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.on .mainnav .mainnav_item:nth-of-type(1) {
    -webkit-transition-delay: 250ms;
    -moz-transition-delay: 250ms;
    transition-delay: 250ms
}

.on .mainnav .mainnav_item:nth-of-type(2) {
    -webkit-transition-delay: 300ms;
    -moz-transition-delay: 300ms;
    transition-delay: 300ms
}

.on .mainnav .mainnav_item:nth-of-type(3) {
    -webkit-transition-delay: 350ms;
    -moz-transition-delay: 350ms;
    transition-delay: 350ms
}

.on .mainnav .mainnav_item:nth-of-type(4) {
    -webkit-transition-delay: 400ms;
    -moz-transition-delay: 400ms;
    transition-delay: 400ms
}

.on .mainnav .mainnav_item:nth-of-type(5) {
    -webkit-transition-delay: 450ms;
    -moz-transition-delay: 450ms;
    transition-delay: 450ms
}

.on .mainnav .mainnav_item:nth-of-type(6) {
    -webkit-transition-delay: 500ms;
    -moz-transition-delay: 500ms;
    transition-delay: 500ms
}

.on .mainnav .mainnav_item:nth-of-type(7) {
    -webkit-transition-delay: 550ms;
    -moz-transition-delay: 550ms;
    transition-delay: 550ms
}

.on .mainnav .mainnav_item:nth-of-type(8) {
    -webkit-transition-delay: 600ms;
    -moz-transition-delay: 600ms;
    transition-delay: 600ms
}

.on .mainnav .mainnav_item:nth-of-type(9) {
    -webkit-transition-delay: 650ms;
    -moz-transition-delay: 650ms;
    transition-delay: 650ms
}

.on .mainnav .mainnav_item:nth-of-type(10) {
    -webkit-transition-delay: 700ms;
    -moz-transition-delay: 700ms;
    transition-delay: 700ms
}

@media (max-width: 1023px) {
    .mainnav .mainnav_item {
        margin-bottom: 5px
    }
}

@media (min-width: 1024px) {
    .mainnav .mainnav_item {
        margin-bottom: 3px
    }
}

.navcontainer {
    -webkit-transform: translate3d(0, -100%, 0);
    -moz-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0)
}

.navcontainer .mainnav {
    -webkit-transform: translate3d(0, 100%, 0);
    -moz-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0)
}

.navcontainer.on {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.navcontainer.on .mainnav {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.navcontainer,
.mainnav {
    -webkit-transition: transform 700ms cubic-bezier(0.86, 0, 0.07, 1);
    -moz-transition: transform 700ms cubic-bezier(0.86, 0, 0.07, 1);
    transition: transform 700ms cubic-bezier(0.86, 0, 0.07, 1)
}

.introanim {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    display: none;
    background-color: #fff
}

.home .introanim {
    display: block
}

.introanim .track {
    position: relative;
    height: 100%;
    margin: auto
}

@media (max-width: 767px) {
    .introanim .track {
        width: 50%;
        max-width: 300px
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .introanim .track {
        max-width: 480px;
        width: 40%
    }
}

@media (min-width: 1024px) and (max-width: 1279px) {
    .introanim .track {
        max-width: 480px;
        width: 40%
    }
}

@media (min-width: 1280px) {
    .introanim .track {
        max-width: 480px;
        width: 40%
    }
}

.introanim .panel_blue {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    background-color: #0669b1;
    -webkit-transition: transform 600ms cubic-bezier(0.86, 0, 0.07, 1);
    -moz-transition: transform 600ms cubic-bezier(0.86, 0, 0.07, 1);
    transition: transform 600ms cubic-bezier(0.86, 0, 0.07, 1)
}

.introanim .logo {
    position: absolute;
    width: 100%;
    height: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center
}

.introanim .logo.name {
    background-image: url(../img/anim_logo_name.svg);
    -webkit-transition: transform 800ms cubic-bezier(0.23, 1, 0.32, 1) 350ms;
    -moz-transition: transform 800ms cubic-bezier(0.23, 1, 0.32, 1) 350ms;
    transition: transform 800ms cubic-bezier(0.23, 1, 0.32, 1) 350ms
}


.introanim.down .panel_blue {
    -webkit-transform: translate3d(0, 100%, 0);
    -moz-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0)
}

.introanim.down .logo {
    -webkit-transform: translate3d(0, 100%, 0);
    -moz-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0)
}

.introanim.out {
    -webkit-transition: transform 800ms cubic-bezier(0.73, 0.01, 0.95, 0.63) 200ms;
    -moz-transition: transform 800ms cubic-bezier(0.73, 0.01, 0.95, 0.63) 200ms;
    transition: transform 800ms cubic-bezier(0.73, 0.01, 0.95, 0.63) 200ms;
    -webkit-transform: translate3d(0, -100%, 0);
    -moz-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0)
}

.introanim.out .logo {
    -webkit-transition: transform 800ms cubic-bezier(0.73, 0.01, 0.95, 0.63) 200ms, opacity 800ms linear;
    -moz-transition: transform 800ms cubic-bezier(0.73, 0.01, 0.95, 0.63) 200ms, opacity 800ms linear;
    transition: transform 800ms cubic-bezier(0.73, 0.01, 0.95, 0.63) 200ms, opacity 800ms linear;
    -webkit-transform: translate3d(0, 100%, 0);
    -moz-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    opacity: 0
}

#devtools {
    position: fixed;
    left: 3px;
    bottom: 3px;
    height: 40px;
    width: 70px;
    font-family: sans-serif;
    font-size: 12px;
    background-color: rgba(165, 165, 165, 0.7);
    color: #ffffff;
    text-align: center;
    border-radius: 1%;
    cursor: pointer;
    z-index: 999999
}

#devtools .main_container {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    padding-top: 9px
}

#devtools .switches {
    position: relative;
    left: 70px;
    overflow: hidden;
    width: 0;
    height: 40px;
    -webkit-transition: width 150ms linear;
    -moz-transition: width 150ms linear;
    transition: width 150ms linear;
    white-space: nowrap
}

#devtools .switches.on {
    width: 248px
}

#devtools .close {
    position: absolute;
    top: 1px;
    left: 1px;
    width: 10px;
    height: 10px;
    font-size: 8px;
    color: #383838;
    cursor: pointer
}

#devtools .switch {
    height: 40px;
    margin-right: 1px;
    width: 40px;
    color: #ffffff;
    background-color: rgba(165, 165, 165, 0.7);
    border-left: 1px solid transparent;
    display: inline-block;
    cursor: pointer
}

#devtools:hover {
    background-color: rgba(165, 165, 165, 0.8)
}

#devtools.off {
    opacity: 0;
    bottom: -40px;
    -webkit-transition: all 300ms cubic-bezier(0.895, 0.03, 0.685, 0.22);
    -moz-transition: all 300ms cubic-bezier(0.895, 0.03, 0.685, 0.22);
    transition: all 300ms cubic-bezier(0.895, 0.03, 0.685, 0.22)
}

#devtools #screenX,
#devtools #screenY {
    font-size: 0.8em
}


/* Ninja Forms */

.nf-form-wrap {
	color: white;
}

.nf-field-description {
    padding-bottom: 1em;
}

/* Lower Footer */
.lower_footer.half{
    width: calc(50% - 1em);
    float: left;
    margin-right: 1em;
 }
 
 
 
 
 .self_loading_img {
    position: relative;
    background-color: #e9e9e9
}

.on.self_loading_img .inner_image {
    opacity: 1 !important
}

.self_loading_img_inline {
    position: relative
}

.on.self_loading_img_inline .inner_image {
    opacity: 1 !important
}

.self_loading_img .inner_image {
    position: absolute;
    top: -1px;
    left: -1px;
    right: -1px;
    bottom: -1px;
    width: calc(100% + 2px);
    opacity: 0;
    -webkit-transition: opacity 300ms linear;
    -moz-transition: opacity 300ms linear;
    transition: opacity 300ms linear;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}

.mobile.safari .self_loading_img .inner_image,.self_loading_img .mobile.safari .inner_image {
    top: -1px;
    left: -1px;
    right: -1px;
    bottom: -1px;
    width: 101%
}

.self_loading_img_inline .inner_image {
    position: relative;
    width: 100%;
    max-width: 1100px;
    margin: auto;
    opacity: 0;
    -webkit-transition: opacity 300ms linear;
    -moz-transition: opacity 300ms linear;
    transition: opacity 300ms linear
}

.self_loading_img_inline .inner_image img {
    position: relative;
    width: 100%;
    height: auto
}

.self_loading_img {
    overflow: hidden
}

.overlay,.overlay_mainnav {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    background-color: #1c1c1c;
    z-index: 1000;
    display: none
}

.overlay {
    display: none
}

.overlay_mainnav {
    display: none;
    will-change: transform;
    opacity: 1
}

.cm_imagetiles {
    position: relative
}

.cm_imagetiles .self_loading_img {
    padding-bottom: 95%
}

@media (max-width: 767px) {
    .cm_imagetiles .imagetile {
        margin-bottom:25px
    }
}

@media (min-width: 768px) {
    .cm_imagetiles .imagetile {
        margin-bottom:30px
    }
}

.hascaption.cm_imagetiles .imagetile {
    margin-bottom: 70px
}

.hascaption.cm_imagetiles .self_loading_img {
    margin-bottom: 30px
}

.cm_imagetiles .imagetile {
    position: relative;
    float: left;
    overflow: hidden
}

@media (max-width: 767px) {
    .cm_imagetiles .imagetile {
        width:100%
    }
}

@media (min-width: 768px) {
    .cm_imagetiles .imagetile {
        width:calc(100% / 2 - 15px);
        margin-right: 30px
    }

    .cm_imagetiles .imagetile:nth-child(even) {
        margin-right: 0
    }
}

.cm_imagetiles .label {
    position: relative;
    color: #a0a0a0;
    white-space: nowrap
}

@media (max-width: 1289px) {
    .cm_imagetiles .label {
        display:block
    }
}

.cm_imagetiles .inner_cm {
    overflow: hidden
}

.platform-win.chrome .noscroll .cm_imagetiles .inner_cm,.platform-win.firefox .noscroll .cm_imagetiles .inner_cm {
    margin-right: 17px
}

.cm_imagetiles .bildunterschrift {
    margin-right: 20px;
    white-space: nowrap
}

.cm_imagetiles .bildunterschrift a {
    display: inline-block
}

.cm_imagetiles.negativ {
    color: #fff
}

.cm_imagetiles.negativ a,.cm_imagetiles.negativ a:link,.cm_imagetiles.negativ a:visited {
    color: #fff !important
}

@media (max-width: 767px) {
    .cm_imagetiles .imagetile:last-of-type {
        margin-bottom:0
    }
}

@media (min-width: 768px) {
    .cm_imagetiles .imagetile:last-of-type,.cm_imagetiles .imagetile:nth-last-of-type(2) {
        margin-bottom:0
    }
}

.cm_imagetiles .imagetile a {
    display: inline-block;
    -webkit-transition: color 70ms linear;
    -moz-transition: color 70ms linear;
    transition: color 70ms linear
}

.cm_imagetiles .imagetile a:link,.cm_imagetiles .imagetile a:visited {
    color: #1c1c1c
}

.cm_imagetiles .imagetile a:hover {
    color: #a0a0a0 !important
}

.cm_imagetiles.nogap .imagetile {
    margin-right: 0 !important;
    margin-bottom: 0 !important
}

@media (min-width: 768px) {
    .cm_imagetiles.nogap .imagetile {
        width:calc(100% / 2) !important
    }
}

.cm_imagetiles.nomargin .inner_cm {
    padding-left: 0;
    padding-right: 0
}

@media (max-width: 1023px) {
    .cm_imagetiles.cols_on_phone_2 .imagetile {
        width:calc(100% / 2 - 7px);
        margin-right: 14px;
        margin-bottom: 14px
    }
}

@media (min-width: 1024px) {
    .cm_imagetiles.cols_on_phone_2 .imagetile {
        margin-bottom:30px
    }
}

.cm_imagetiles.cols_on_phone_2 .imagetile:nth-child(even) {
    margin-right: 0
}

@media (max-width: 1023px) {
    .cm_imagetiles.cols_on_phone_2 .imagetile:first-child .bildunterschrift,.cm_imagetiles.cols_on_phone_2 .imagetile:first-child .label,.cm_imagetiles.cols_on_phone_2 .imagetile:first-child a {
        padding-left:25px
    }
}

@media (max-width: 1023px) {
    .cm_imagetiles.cols_on_phone_2.nogap .imagetile {
        width:calc(100% / 2)
    }
}

.tiles_container .tile {
    position: relative;
    overflow: hidden;
    display: block;
    text-decoration: none;
    float: left;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover
}

@media (max-width: 767px) {
    .tiles_container .tile {
        width:100%;
        height: 0;
        padding-bottom: 74%
    }

    .mobile .tiles_container .tile,.tiles_container .mobile .tile {
        background-image: none !important
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .tiles_container .tile {
        width:50%;
        height: 0;
        padding-bottom: 32%
    }
}

@media (min-width: 1024px) and (max-width: 1289px) {
    .tiles_container .tile {
        width:50%;
        height: 0;
        padding-bottom: 32%
    }
}

@media (min-width: 1290px) and (max-width: 1499px) {
    .tiles_container .tile {
        width:50%;
        height: 0;
        padding-bottom: 32%
    }
}

@media (min-width: 1500px) and (max-width: 1859px) {
    .tiles_container .tile {
        width:50%;
        height: 0;
        padding-bottom: 32%
    }
}

@media (min-width: 1860px) {
    .tiles_container .tile {
        width:50%;
        height: 0;
        padding-bottom: 32%
    }
}

.tiles_container .tile span {
    display: block
}

@media (max-width: 767px) {
    .cm_tiles_man {
        padding-left:25px;
        padding-right: 25px
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .cm_tiles_man {
        padding-left:70px;
        padding-right: 70px
    }
}

@media (min-width: 1024px) and (max-width: 1289px) {
    .cm_tiles_man {
        padding-left:90px;
        padding-right: 90px
    }
}

@media (min-width: 1290px) and (max-width: 1499px) {
    .cm_tiles_man {
        padding-left:90px;
        padding-right: 90px
    }
}

@media (min-width: 1500px) and (max-width: 1859px) {
    .cm_tiles_man {
        padding-left:120px;
        padding-right: 120px
    }
}

@media (min-width: 1860px) {
    .cm_tiles_man {
        padding-left:160px;
        padding-right: 160px
    }
}

.cm_tiles_man .headline {
    margin-bottom: 60px
}

.cm_tiles_man .inner_cm .inner_cm {
    padding-left: 0 !important
}

@media (max-width: 767px) {
    #wrapper.home .inner_cm .tiles_container {
        padding-left:25px;
        padding-right: 25px
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    #wrapper.home .inner_cm .tiles_container {
        padding-left:70px;
        padding-right: 70px
    }
}

@media (min-width: 1024px) and (max-width: 1289px) {
    #wrapper.home .inner_cm .tiles_container {
        padding-left:90px;
        padding-right: 90px
    }
}

@media (min-width: 1290px) and (max-width: 1499px) {
    #wrapper.home .inner_cm .tiles_container {
        padding-left:90px;
        padding-right: 90px
    }
}

@media (min-width: 1500px) and (max-width: 1859px) {
    #wrapper.home .inner_cm .tiles_container {
        padding-left:120px;
        padding-right: 120px
    }
}

@media (min-width: 1860px) {
    #wrapper.home .inner_cm .tiles_container {
        padding-left:160px;
        padding-right: 160px
    }
}

.tiles_container .tile .btn_overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%
}

.tiles_container .tile .img_vg,.tiles_container .tile .img_bg {
    position: absolute;
    top: -3px;
    left: -3px;
    right: -3px;
    bottom: -3px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover
}

.tiles_container .tile .logo {
    position: absolute;
    top: 50%;
    left: 50%;
    height: 100%;
    opacity: 1;
    -webkit-transform: translate3d(-50%, -50%, 0) ;
    -moz-transform: translate3d(-50%, -50%, 0) ;
    transform: translate3d(-50%, -50%, 0) ;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-transition: opacity 400ms linear 0ms,transform 0ms linear 400ms;
    -moz-transition: opacity 400ms linear 0ms,transform 0ms linear 400ms;
    transition: opacity 400ms linear 0ms,transform 0ms linear 400ms
}

.tiles_container .tile .img_vg {
    -webkit-transition: opacity 400ms linear 0ms;
    -moz-transition: opacity 400ms linear 0ms;
    transition: opacity 400ms linear 0ms
}

.tiles_container .tile .btn_headline,.tiles_container .tile .btn_byline {
    position: relative;
    display: block;
    text-align: left
}

.tiles_container .tile .wording {
    position: absolute;
    display: block;
    top: 50%;
    padding-left: 20px;
    padding-right: 20px;
    -webkit-transform: translate3d(0, -50%, 0) ;
    -moz-transform: translate3d(0, -50%, 0) ;
    transform: translate3d(0, -50%, 0) ;
    -webkit-transition: opacity 200ms linear 0ms,transform 0ms linear 400ms;
    -moz-transition: opacity 200ms linear 0ms,transform 0ms linear 400ms;
    transition: opacity 200ms linear 0ms,transform 0ms linear 400ms;
    opacity: 0
}

.tiles_container .tile .btn_headline {
    line-height: 1.3em;
    color: white;
    -webkit-transform: translateY(30px);
    -moz-transform: translateY(30px);
    transform: translateY(30px);
    -webkit-transition: opacity 200ms linear 0ms,transform 0ms linear 400ms;
    -moz-transition: opacity 200ms linear 0ms,transform 0ms linear 400ms;
    transition: opacity 200ms linear 0ms,transform 0ms linear 400ms;
    opacity: 0
}

@media (max-width: 1023px) {
    .tiles_container .tile .btn_headline {
        margin-bottom:0
    }
}

@media (min-width: 1024px) {
    .tiles_container .tile .btn_headline {
        margin-bottom:10px
    }
}

.tiles_container .tile .btn_byline {
    color: rgba(255,255,255,0.5);
    transform: translateY(40px);
    opacity: 0;
    -webkit-transition: opacity 200ms linear 0ms,transform 0ms linear 400ms;
    -moz-transition: opacity 200ms linear 0ms,transform 0ms linear 400ms;
    transition: opacity 200ms linear 0ms,transform 0ms linear 400ms
}

.tiles_container .tile .btn_overlay {
    background-color: black;
    transform: translateY(100%);
    will-change: transform
}

.tiles_container .tile:hover:not(.mobile) .wording {
    opacity: 1
}

.tiles_container .tile:hover:not(.mobile) .btn_overlay {
    animation-name: overlay-anim;
    animation-duration: 600ms;
    animation-iteration-count: 1;
    animation-direction: normal;
    animation-timing-function: cubic-bezier(0.745, 0.005, 0, 1);
    animation-fill-mode: forwards;
    animation-delay: 0ms
}

.tiles_container .tile:hover:not(.mobile) .logo {
    opacity: 0;
    -webkit-transition: opacity 0ms linear 300ms;
    -moz-transition: opacity 0ms linear 300ms;
    transition: opacity 0ms linear 300ms
}

.tiles_container .tile:hover:not(.mobile) .img_vg {
    -webkit-transition: opacity 0ms linear 300ms;
    -moz-transition: opacity 0ms linear 300ms;
    transition: opacity 0ms linear 300ms;
    opacity: 0
}

.tiles_container .tile:hover:not(.mobile) .btn_headline {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
    -webkit-transition: all 300ms cubic-bezier(0.165, 0.84, 0.44, 1) 300ms;
    -moz-transition: all 300ms cubic-bezier(0.165, 0.84, 0.44, 1) 300ms;
    transition: all 300ms cubic-bezier(0.165, 0.84, 0.44, 1) 300ms
}

.tiles_container .tile:hover:not(.mobile) .btn_byline {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
    -webkit-transition: all 300ms cubic-bezier(0.165, 0.84, 0.44, 1) 300ms;
    -moz-transition: all 300ms cubic-bezier(0.165, 0.84, 0.44, 1) 300ms;
    transition: all 300ms cubic-bezier(0.165, 0.84, 0.44, 1) 300ms
}

@keyframes overlay-anim {
    0% {
        -webkit-transform: translateY(100%);
        -moz-transform: translateY(100%);
        transform: translateY(100%)
    }

    50% {
        -webkit-transform: translateY(0%);
        -moz-transform: translateY(0%);
        transform: translateY(0%)
    }

    100% {
        -webkit-transform: translateY(-100%);
        -moz-transform: translateY(-100%);
        transform: translateY(-100%)
    }
}


/* Aktuelles */

.content_module:not(.cm_scrollbox):not(.cm_journal_overview):not(.cm_text):nth-child(2) {
    opacity: 0;
    -webkit-transition: all 650ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -moz-transition: all 650ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: all 650ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -webkit-transform: translate3d(0, 20px, 0) ;
    -moz-transform: translate3d(0, 20px, 0) ;
    transform: translate3d(0, 20px, 0)
}

.content_module:not(.cm_scrollbox):not(.cm_journal_overview):not(.cm_text):nth-child(2).on {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0) ;
    -moz-transform: translate3d(0, 0, 0) ;
    transform: translate3d(0, 0, 0)
}

.content_module.cm_journal_overview .journalteaser_item {
    -webkit-transition: transform 650ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 0ms,opacity 500ms linear 0ms;
    -moz-transition: transform 650ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 0ms,opacity 500ms linear 0ms;
    transition: transform 650ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 0ms,opacity 500ms linear 0ms;
    -webkit-transform: translate3d(0, 20px, 0) ;
    -moz-transform: translate3d(0, 20px, 0) ;
    transform: translate3d(0, 20px, 0) ;
    opacity: 0
}

@media (max-width: 1023px) {
    .content_module.cm_journal_overview .journalteaser_item:nth-child(1) {
        -webkit-transition-delay:150ms;
        -moz-transition-delay: 150ms;
        transition-delay: 150ms
    }

    .content_module.cm_journal_overview .journalteaser_item:nth-child(2) {
        -webkit-transition-delay: 300ms;
        -moz-transition-delay: 300ms;
        transition-delay: 300ms
    }

    .content_module.cm_journal_overview .journalteaser_item:nth-child(3) {
        -webkit-transition-delay: 450ms;
        -moz-transition-delay: 450ms;
        transition-delay: 450ms
    }

    .content_module.cm_journal_overview .journalteaser_item:nth-child(4) {
        -webkit-transition-delay: 600ms;
        -moz-transition-delay: 600ms;
        transition-delay: 600ms
    }

    .content_module.cm_journal_overview .journalteaser_item:nth-child(5) {
        -webkit-transition-delay: 750ms;
        -moz-transition-delay: 750ms;
        transition-delay: 750ms
    }

    .content_module.cm_journal_overview .journalteaser_item:nth-child(6) {
        -webkit-transition-delay: 900ms;
        -moz-transition-delay: 900ms;
        transition-delay: 900ms
    }

    .content_module.cm_journal_overview .journalteaser_item:nth-child(7) {
        -webkit-transition-delay: 1050ms;
        -moz-transition-delay: 1050ms;
        transition-delay: 1050ms
    }

    .content_module.cm_journal_overview .journalteaser_item:nth-child(8) {
        -webkit-transition-delay: 1200ms;
        -moz-transition-delay: 1200ms;
        transition-delay: 1200ms
    }

    .content_module.cm_journal_overview .journalteaser_item:nth-child(9) {
        -webkit-transition-delay: 1350ms;
        -moz-transition-delay: 1350ms;
        transition-delay: 1350ms
    }

    .content_module.cm_journal_overview .journalteaser_item:nth-child(10) {
        -webkit-transition-delay: 1500ms;
        -moz-transition-delay: 1500ms;
        transition-delay: 1500ms
    }

    .content_module.cm_journal_overview .journalteaser_item:nth-child(11) {
        -webkit-transition-delay: 1650ms;
        -moz-transition-delay: 1650ms;
        transition-delay: 1650ms
    }

    .content_module.cm_journal_overview .journalteaser_item:nth-child(12) {
        -webkit-transition-delay: 1800ms;
        -moz-transition-delay: 1800ms;
        transition-delay: 1800ms
    }

    .content_module.cm_journal_overview .journalteaser_item:nth-child(13) {
        -webkit-transition-delay: 1950ms;
        -moz-transition-delay: 1950ms;
        transition-delay: 1950ms
    }

    .content_module.cm_journal_overview .journalteaser_item:nth-child(14) {
        -webkit-transition-delay: 2100ms;
        -moz-transition-delay: 2100ms;
        transition-delay: 2100ms
    }

    .content_module.cm_journal_overview .journalteaser_item:nth-child(15) {
        -webkit-transition-delay: 2250ms;
        -moz-transition-delay: 2250ms;
        transition-delay: 2250ms
    }

    .content_module.cm_journal_overview .journalteaser_item:nth-child(16) {
        -webkit-transition-delay: 2400ms;
        -moz-transition-delay: 2400ms;
        transition-delay: 2400ms
    }

    .content_module.cm_journal_overview .journalteaser_item:nth-child(17) {
        -webkit-transition-delay: 2550ms;
        -moz-transition-delay: 2550ms;
        transition-delay: 2550ms
    }

    .content_module.cm_journal_overview .journalteaser_item:nth-child(18) {
        -webkit-transition-delay: 2700ms;
        -moz-transition-delay: 2700ms;
        transition-delay: 2700ms
    }

    .content_module.cm_journal_overview .journalteaser_item:nth-child(19) {
        -webkit-transition-delay: 2850ms;
        -moz-transition-delay: 2850ms;
        transition-delay: 2850ms
    }

    .content_module.cm_journal_overview .journalteaser_item:nth-child(20) {
        -webkit-transition-delay: 3000ms;
        -moz-transition-delay: 3000ms;
        transition-delay: 3000ms
    }

    .content_module.cm_journal_overview .journalteaser_item:nth-child(21) {
        -webkit-transition-delay: 3150ms;
        -moz-transition-delay: 3150ms;
        transition-delay: 3150ms
    }

    .content_module.cm_journal_overview .journalteaser_item:nth-child(22) {
        -webkit-transition-delay: 3300ms;
        -moz-transition-delay: 3300ms;
        transition-delay: 3300ms
    }

    .content_module.cm_journal_overview .journalteaser_item:nth-child(23) {
        -webkit-transition-delay: 3450ms;
        -moz-transition-delay: 3450ms;
        transition-delay: 3450ms
    }

    .content_module.cm_journal_overview .journalteaser_item:nth-child(24) {
        -webkit-transition-delay: 3600ms;
        -moz-transition-delay: 3600ms;
        transition-delay: 3600ms
    }

    .content_module.cm_journal_overview .journalteaser_item:nth-child(25) {
        -webkit-transition-delay: 3750ms;
        -moz-transition-delay: 3750ms;
        transition-delay: 3750ms
    }

    .content_module.cm_journal_overview .journalteaser_item:nth-child(26) {
        -webkit-transition-delay: 3900ms;
        -moz-transition-delay: 3900ms;
        transition-delay: 3900ms
    }

    .content_module.cm_journal_overview .journalteaser_item:nth-child(27) {
        -webkit-transition-delay: 4050ms;
        -moz-transition-delay: 4050ms;
        transition-delay: 4050ms
    }

    .content_module.cm_journal_overview .journalteaser_item:nth-child(28) {
        -webkit-transition-delay: 4200ms;
        -moz-transition-delay: 4200ms;
        transition-delay: 4200ms
    }

    .content_module.cm_journal_overview .journalteaser_item:nth-child(29) {
        -webkit-transition-delay: 4350ms;
        -moz-transition-delay: 4350ms;
        transition-delay: 4350ms
    }

    .content_module.cm_journal_overview .journalteaser_item:nth-child(30) {
        -webkit-transition-delay: 4500ms;
        -moz-transition-delay: 4500ms;
        transition-delay: 4500ms
    }
}

@media (min-width: 1024px) and (max-width: 1289px) {
    .content_module.cm_journal_overview .journalteaser_item:nth-child(1) {
        -webkit-transition-delay:100ms;
        -moz-transition-delay: 100ms;
        transition-delay: 100ms
    }

    .content_module.cm_journal_overview .journalteaser_item:nth-child(2) {
        -webkit-transition-delay: 200ms;
        -moz-transition-delay: 200ms;
        transition-delay: 200ms
    }

    .content_module.cm_journal_overview .journalteaser_item:nth-child(3) {
        -webkit-transition-delay: 300ms;
        -moz-transition-delay: 300ms;
        transition-delay: 300ms
    }

    .content_module.cm_journal_overview .journalteaser_item:nth-child(4) {
        -webkit-transition-delay: 400ms;
        -moz-transition-delay: 400ms;
        transition-delay: 400ms
    }

    .content_module.cm_journal_overview .journalteaser_item:nth-child(5) {
        -webkit-transition-delay: 500ms;
        -moz-transition-delay: 500ms;
        transition-delay: 500ms
    }

    .content_module.cm_journal_overview .journalteaser_item:nth-child(6) {
        -webkit-transition-delay: 600ms;
        -moz-transition-delay: 600ms;
        transition-delay: 600ms
    }

    .content_module.cm_journal_overview .journalteaser_item:nth-child(7) {
        -webkit-transition-delay: 700ms;
        -moz-transition-delay: 700ms;
        transition-delay: 700ms
    }

    .content_module.cm_journal_overview .journalteaser_item:nth-child(8) {
        -webkit-transition-delay: 800ms;
        -moz-transition-delay: 800ms;
        transition-delay: 800ms
    }

    .content_module.cm_journal_overview .journalteaser_item:nth-child(9) {
        -webkit-transition-delay: 900ms;
        -moz-transition-delay: 900ms;
        transition-delay: 900ms
    }

    .content_module.cm_journal_overview .journalteaser_item:nth-child(10) {
        -webkit-transition-delay: 1000ms;
        -moz-transition-delay: 1000ms;
        transition-delay: 1000ms
    }

    .content_module.cm_journal_overview .journalteaser_item:nth-child(11) {
        -webkit-transition-delay: 1100ms;
        -moz-transition-delay: 1100ms;
        transition-delay: 1100ms
    }

    .content_module.cm_journal_overview .journalteaser_item:nth-child(12) {
        -webkit-transition-delay: 1200ms;
        -moz-transition-delay: 1200ms;
        transition-delay: 1200ms
    }

    .content_module.cm_journal_overview .journalteaser_item:nth-child(13) {
        -webkit-transition-delay: 1300ms;
        -moz-transition-delay: 1300ms;
        transition-delay: 1300ms
    }

    .content_module.cm_journal_overview .journalteaser_item:nth-child(14) {
        -webkit-transition-delay: 1400ms;
        -moz-transition-delay: 1400ms;
        transition-delay: 1400ms
    }

    .content_module.cm_journal_overview .journalteaser_item:nth-child(15) {
        -webkit-transition-delay: 1500ms;
        -moz-transition-delay: 1500ms;
        transition-delay: 1500ms
    }

    .content_module.cm_journal_overview .journalteaser_item:nth-child(16) {
        -webkit-transition-delay: 1600ms;
        -moz-transition-delay: 1600ms;
        transition-delay: 1600ms
    }

    .content_module.cm_journal_overview .journalteaser_item:nth-child(17) {
        -webkit-transition-delay: 1700ms;
        -moz-transition-delay: 1700ms;
        transition-delay: 1700ms
    }

    .content_module.cm_journal_overview .journalteaser_item:nth-child(18) {
        -webkit-transition-delay: 1800ms;
        -moz-transition-delay: 1800ms;
        transition-delay: 1800ms
    }

    .content_module.cm_journal_overview .journalteaser_item:nth-child(19) {
        -webkit-transition-delay: 1900ms;
        -moz-transition-delay: 1900ms;
        transition-delay: 1900ms
    }

    .content_module.cm_journal_overview .journalteaser_item:nth-child(20) {
        -webkit-transition-delay: 2000ms;
        -moz-transition-delay: 2000ms;
        transition-delay: 2000ms
    }

    .content_module.cm_journal_overview .journalteaser_item:nth-child(21) {
        -webkit-transition-delay: 2100ms;
        -moz-transition-delay: 2100ms;
        transition-delay: 2100ms
    }

    .content_module.cm_journal_overview .journalteaser_item:nth-child(22) {
        -webkit-transition-delay: 2200ms;
        -moz-transition-delay: 2200ms;
        transition-delay: 2200ms
    }

    .content_module.cm_journal_overview .journalteaser_item:nth-child(23) {
        -webkit-transition-delay: 2300ms;
        -moz-transition-delay: 2300ms;
        transition-delay: 2300ms
    }

    .content_module.cm_journal_overview .journalteaser_item:nth-child(24) {
        -webkit-transition-delay: 2400ms;
        -moz-transition-delay: 2400ms;
        transition-delay: 2400ms
    }

    .content_module.cm_journal_overview .journalteaser_item:nth-child(25) {
        -webkit-transition-delay: 2500ms;
        -moz-transition-delay: 2500ms;
        transition-delay: 2500ms
    }

    .content_module.cm_journal_overview .journalteaser_item:nth-child(26) {
        -webkit-transition-delay: 2600ms;
        -moz-transition-delay: 2600ms;
        transition-delay: 2600ms
    }

    .content_module.cm_journal_overview .journalteaser_item:nth-child(27) {
        -webkit-transition-delay: 2700ms;
        -moz-transition-delay: 2700ms;
        transition-delay: 2700ms
    }

    .content_module.cm_journal_overview .journalteaser_item:nth-child(28) {
        -webkit-transition-delay: 2800ms;
        -moz-transition-delay: 2800ms;
        transition-delay: 2800ms
    }

    .content_module.cm_journal_overview .journalteaser_item:nth-child(29) {
        -webkit-transition-delay: 2900ms;
        -moz-transition-delay: 2900ms;
        transition-delay: 2900ms
    }

    .content_module.cm_journal_overview .journalteaser_item:nth-child(30) {
        -webkit-transition-delay: 3000ms;
        -moz-transition-delay: 3000ms;
        transition-delay: 3000ms
    }
}

@media (min-width: 1290px) and (max-width: 1499px) {
    .content_module.cm_journal_overview .journalteaser_item:nth-child(1) {
        -webkit-transition-delay:100ms;
        -moz-transition-delay: 100ms;
        transition-delay: 100ms
    }

    .content_module.cm_journal_overview .journalteaser_item:nth-child(2) {
        -webkit-transition-delay: 200ms;
        -moz-transition-delay: 200ms;
        transition-delay: 200ms
    }

    .content_module.cm_journal_overview .journalteaser_item:nth-child(3) {
        -webkit-transition-delay: 300ms;
        -moz-transition-delay: 300ms;
        transition-delay: 300ms
    }

    .content_module.cm_journal_overview .journalteaser_item:nth-child(4) {
        -webkit-transition-delay: 400ms;
        -moz-transition-delay: 400ms;
        transition-delay: 400ms
    }

    .content_module.cm_journal_overview .journalteaser_item:nth-child(5) {
        -webkit-transition-delay: 500ms;
        -moz-transition-delay: 500ms;
        transition-delay: 500ms
    }

    .content_module.cm_journal_overview .journalteaser_item:nth-child(6) {
        -webkit-transition-delay: 600ms;
        -moz-transition-delay: 600ms;
        transition-delay: 600ms
    }

    .content_module.cm_journal_overview .journalteaser_item:nth-child(7) {
        -webkit-transition-delay: 700ms;
        -moz-transition-delay: 700ms;
        transition-delay: 700ms
    }

    .content_module.cm_journal_overview .journalteaser_item:nth-child(8) {
        -webkit-transition-delay: 800ms;
        -moz-transition-delay: 800ms;
        transition-delay: 800ms
    }

    .content_module.cm_journal_overview .journalteaser_item:nth-child(9) {
        -webkit-transition-delay: 900ms;
        -moz-transition-delay: 900ms;
        transition-delay: 900ms
    }

    .content_module.cm_journal_overview .journalteaser_item:nth-child(10) {
        -webkit-transition-delay: 1000ms;
        -moz-transition-delay: 1000ms;
        transition-delay: 1000ms
    }

    .content_module.cm_journal_overview .journalteaser_item:nth-child(11) {
        -webkit-transition-delay: 1100ms;
        -moz-transition-delay: 1100ms;
        transition-delay: 1100ms
    }

    .content_module.cm_journal_overview .journalteaser_item:nth-child(12) {
        -webkit-transition-delay: 1200ms;
        -moz-transition-delay: 1200ms;
        transition-delay: 1200ms
    }

    .content_module.cm_journal_overview .journalteaser_item:nth-child(13) {
        -webkit-transition-delay: 1300ms;
        -moz-transition-delay: 1300ms;
        transition-delay: 1300ms
    }

    .content_module.cm_journal_overview .journalteaser_item:nth-child(14) {
        -webkit-transition-delay: 1400ms;
        -moz-transition-delay: 1400ms;
        transition-delay: 1400ms
    }

    .content_module.cm_journal_overview .journalteaser_item:nth-child(15) {
        -webkit-transition-delay: 1500ms;
        -moz-transition-delay: 1500ms;
        transition-delay: 1500ms
    }

    .content_module.cm_journal_overview .journalteaser_item:nth-child(16) {
        -webkit-transition-delay: 1600ms;
        -moz-transition-delay: 1600ms;
        transition-delay: 1600ms
    }

    .content_module.cm_journal_overview .journalteaser_item:nth-child(17) {
        -webkit-transition-delay: 1700ms;
        -moz-transition-delay: 1700ms;
        transition-delay: 1700ms
    }

    .content_module.cm_journal_overview .journalteaser_item:nth-child(18) {
        -webkit-transition-delay: 1800ms;
        -moz-transition-delay: 1800ms;
        transition-delay: 1800ms
    }

    .content_module.cm_journal_overview .journalteaser_item:nth-child(19) {
        -webkit-transition-delay: 1900ms;
        -moz-transition-delay: 1900ms;
        transition-delay: 1900ms
    }

    .content_module.cm_journal_overview .journalteaser_item:nth-child(20) {
        -webkit-transition-delay: 2000ms;
        -moz-transition-delay: 2000ms;
        transition-delay: 2000ms
    }

    .content_module.cm_journal_overview .journalteaser_item:nth-child(21) {
        -webkit-transition-delay: 2100ms;
        -moz-transition-delay: 2100ms;
        transition-delay: 2100ms
    }

    .content_module.cm_journal_overview .journalteaser_item:nth-child(22) {
        -webkit-transition-delay: 2200ms;
        -moz-transition-delay: 2200ms;
        transition-delay: 2200ms
    }

    .content_module.cm_journal_overview .journalteaser_item:nth-child(23) {
        -webkit-transition-delay: 2300ms;
        -moz-transition-delay: 2300ms;
        transition-delay: 2300ms
    }

    .content_module.cm_journal_overview .journalteaser_item:nth-child(24) {
        -webkit-transition-delay: 2400ms;
        -moz-transition-delay: 2400ms;
        transition-delay: 2400ms
    }

    .content_module.cm_journal_overview .journalteaser_item:nth-child(25) {
        -webkit-transition-delay: 2500ms;
        -moz-transition-delay: 2500ms;
        transition-delay: 2500ms
    }

    .content_module.cm_journal_overview .journalteaser_item:nth-child(26) {
        -webkit-transition-delay: 2600ms;
        -moz-transition-delay: 2600ms;
        transition-delay: 2600ms
    }

    .content_module.cm_journal_overview .journalteaser_item:nth-child(27) {
        -webkit-transition-delay: 2700ms;
        -moz-transition-delay: 2700ms;
        transition-delay: 2700ms
    }

    .content_module.cm_journal_overview .journalteaser_item:nth-child(28) {
        -webkit-transition-delay: 2800ms;
        -moz-transition-delay: 2800ms;
        transition-delay: 2800ms
    }

    .content_module.cm_journal_overview .journalteaser_item:nth-child(29) {
        -webkit-transition-delay: 2900ms;
        -moz-transition-delay: 2900ms;
        transition-delay: 2900ms
    }

    .content_module.cm_journal_overview .journalteaser_item:nth-child(30) {
        -webkit-transition-delay: 3000ms;
        -moz-transition-delay: 3000ms;
        transition-delay: 3000ms
    }
}

@media (min-width: 1500px) and (max-width: 1859px) {
    .content_module.cm_journal_overview .journalteaser_item:nth-child(1) {
        -webkit-transition-delay:70ms;
        -moz-transition-delay: 70ms;
        transition-delay: 70ms
    }

    .content_module.cm_journal_overview .journalteaser_item:nth-child(2) {
        -webkit-transition-delay: 140ms;
        -moz-transition-delay: 140ms;
        transition-delay: 140ms
    }

    .content_module.cm_journal_overview .journalteaser_item:nth-child(3) {
        -webkit-transition-delay: 210ms;
        -moz-transition-delay: 210ms;
        transition-delay: 210ms
    }

    .content_module.cm_journal_overview .journalteaser_item:nth-child(4) {
        -webkit-transition-delay: 280ms;
        -moz-transition-delay: 280ms;
        transition-delay: 280ms
    }

    .content_module.cm_journal_overview .journalteaser_item:nth-child(5) {
        -webkit-transition-delay: 350ms;
        -moz-transition-delay: 350ms;
        transition-delay: 350ms
    }

    .content_module.cm_journal_overview .journalteaser_item:nth-child(6) {
        -webkit-transition-delay: 420ms;
        -moz-transition-delay: 420ms;
        transition-delay: 420ms
    }

    .content_module.cm_journal_overview .journalteaser_item:nth-child(7) {
        -webkit-transition-delay: 490ms;
        -moz-transition-delay: 490ms;
        transition-delay: 490ms
    }

    .content_module.cm_journal_overview .journalteaser_item:nth-child(8) {
        -webkit-transition-delay: 560ms;
        -moz-transition-delay: 560ms;
        transition-delay: 560ms
    }

    .content_module.cm_journal_overview .journalteaser_item:nth-child(9) {
        -webkit-transition-delay: 630ms;
        -moz-transition-delay: 630ms;
        transition-delay: 630ms
    }

    .content_module.cm_journal_overview .journalteaser_item:nth-child(10) {
        -webkit-transition-delay: 700ms;
        -moz-transition-delay: 700ms;
        transition-delay: 700ms
    }

    .content_module.cm_journal_overview .journalteaser_item:nth-child(11) {
        -webkit-transition-delay: 770ms;
        -moz-transition-delay: 770ms;
        transition-delay: 770ms
    }

    .content_module.cm_journal_overview .journalteaser_item:nth-child(12) {
        -webkit-transition-delay: 840ms;
        -moz-transition-delay: 840ms;
        transition-delay: 840ms
    }

    .content_module.cm_journal_overview .journalteaser_item:nth-child(13) {
        -webkit-transition-delay: 910ms;
        -moz-transition-delay: 910ms;
        transition-delay: 910ms
    }

    .content_module.cm_journal_overview .journalteaser_item:nth-child(14) {
        -webkit-transition-delay: 980ms;
        -moz-transition-delay: 980ms;
        transition-delay: 980ms
    }

    .content_module.cm_journal_overview .journalteaser_item:nth-child(15) {
        -webkit-transition-delay: 1050ms;
        -moz-transition-delay: 1050ms;
        transition-delay: 1050ms
    }

    .content_module.cm_journal_overview .journalteaser_item:nth-child(16) {
        -webkit-transition-delay: 1120ms;
        -moz-transition-delay: 1120ms;
        transition-delay: 1120ms
    }

    .content_module.cm_journal_overview .journalteaser_item:nth-child(17) {
        -webkit-transition-delay: 1190ms;
        -moz-transition-delay: 1190ms;
        transition-delay: 1190ms
    }

    .content_module.cm_journal_overview .journalteaser_item:nth-child(18) {
        -webkit-transition-delay: 1260ms;
        -moz-transition-delay: 1260ms;
        transition-delay: 1260ms
    }

    .content_module.cm_journal_overview .journalteaser_item:nth-child(19) {
        -webkit-transition-delay: 1330ms;
        -moz-transition-delay: 1330ms;
        transition-delay: 1330ms
    }

    .content_module.cm_journal_overview .journalteaser_item:nth-child(20) {
        -webkit-transition-delay: 1400ms;
        -moz-transition-delay: 1400ms;
        transition-delay: 1400ms
    }

    .content_module.cm_journal_overview .journalteaser_item:nth-child(21) {
        -webkit-transition-delay: 1470ms;
        -moz-transition-delay: 1470ms;
        transition-delay: 1470ms
    }

    .content_module.cm_journal_overview .journalteaser_item:nth-child(22) {
        -webkit-transition-delay: 1540ms;
        -moz-transition-delay: 1540ms;
        transition-delay: 1540ms
    }

    .content_module.cm_journal_overview .journalteaser_item:nth-child(23) {
        -webkit-transition-delay: 1610ms;
        -moz-transition-delay: 1610ms;
        transition-delay: 1610ms
    }

    .content_module.cm_journal_overview .journalteaser_item:nth-child(24) {
        -webkit-transition-delay: 1680ms;
        -moz-transition-delay: 1680ms;
        transition-delay: 1680ms
    }

    .content_module.cm_journal_overview .journalteaser_item:nth-child(25) {
        -webkit-transition-delay: 1750ms;
        -moz-transition-delay: 1750ms;
        transition-delay: 1750ms
    }

    .content_module.cm_journal_overview .journalteaser_item:nth-child(26) {
        -webkit-transition-delay: 1820ms;
        -moz-transition-delay: 1820ms;
        transition-delay: 1820ms
    }

    .content_module.cm_journal_overview .journalteaser_item:nth-child(27) {
        -webkit-transition-delay: 1890ms;
        -moz-transition-delay: 1890ms;
        transition-delay: 1890ms
    }

    .content_module.cm_journal_overview .journalteaser_item:nth-child(28) {
        -webkit-transition-delay: 1960ms;
        -moz-transition-delay: 1960ms;
        transition-delay: 1960ms
    }

    .content_module.cm_journal_overview .journalteaser_item:nth-child(29) {
        -webkit-transition-delay: 2030ms;
        -moz-transition-delay: 2030ms;
        transition-delay: 2030ms
    }

    .content_module.cm_journal_overview .journalteaser_item:nth-child(30) {
        -webkit-transition-delay: 2100ms;
        -moz-transition-delay: 2100ms;
        transition-delay: 2100ms
    }
}

@media (min-width: 1860px) {
    .content_module.cm_journal_overview .journalteaser_item:nth-child(1) {
        -webkit-transition-delay:70ms;
        -moz-transition-delay: 70ms;
        transition-delay: 70ms
    }

    .content_module.cm_journal_overview .journalteaser_item:nth-child(2) {
        -webkit-transition-delay: 140ms;
        -moz-transition-delay: 140ms;
        transition-delay: 140ms;
    }

    .content_module.cm_journal_overview .journalteaser_item:nth-child(3) {
        -webkit-transition-delay: 210ms;
        -moz-transition-delay: 210ms;
        transition-delay: 210ms
    }

    .content_module.cm_journal_overview .journalteaser_item:nth-child(4) {
        -webkit-transition-delay: 280ms;
        -moz-transition-delay: 280ms;
        transition-delay: 280ms
    }

    .content_module.cm_journal_overview .journalteaser_item:nth-child(5) {
        -webkit-transition-delay: 350ms;
        -moz-transition-delay: 350ms;
        transition-delay: 350ms
    }

    .content_module.cm_journal_overview .journalteaser_item:nth-child(6) {
        -webkit-transition-delay: 420ms;
        -moz-transition-delay: 420ms;
        transition-delay: 420ms
    }

    .content_module.cm_journal_overview .journalteaser_item:nth-child(7) {
        -webkit-transition-delay: 490ms;
        -moz-transition-delay: 490ms;
        transition-delay: 490ms
    }

    .content_module.cm_journal_overview .journalteaser_item:nth-child(8) {
        -webkit-transition-delay: 560ms;
        -moz-transition-delay: 560ms;
        transition-delay: 560ms
    }

    .content_module.cm_journal_overview .journalteaser_item:nth-child(9) {
        -webkit-transition-delay: 630ms;
        -moz-transition-delay: 630ms;
        transition-delay: 630ms
    }

    .content_module.cm_journal_overview .journalteaser_item:nth-child(10) {
        -webkit-transition-delay: 700ms;
        -moz-transition-delay: 700ms;
        transition-delay: 700ms
    }

    .content_module.cm_journal_overview .journalteaser_item:nth-child(11) {
        -webkit-transition-delay: 770ms;
        -moz-transition-delay: 770ms;
        transition-delay: 770ms
    }

    .content_module.cm_journal_overview .journalteaser_item:nth-child(12) {
        -webkit-transition-delay: 840ms;
        -moz-transition-delay: 840ms;
        transition-delay: 840ms
    }

    .content_module.cm_journal_overview .journalteaser_item:nth-child(13) {
        -webkit-transition-delay: 910ms;
        -moz-transition-delay: 910ms;
        transition-delay: 910ms
    }

    .content_module.cm_journal_overview .journalteaser_item:nth-child(14) {
        -webkit-transition-delay: 980ms;
        -moz-transition-delay: 980ms;
        transition-delay: 980ms
    }

    .content_module.cm_journal_overview .journalteaser_item:nth-child(15) {
        -webkit-transition-delay: 1050ms;
        -moz-transition-delay: 1050ms;
        transition-delay: 1050ms
    }

    .content_module.cm_journal_overview .journalteaser_item:nth-child(16) {
        -webkit-transition-delay: 1120ms;
        -moz-transition-delay: 1120ms;
        transition-delay: 1120ms
    }

    .content_module.cm_journal_overview .journalteaser_item:nth-child(17) {
        -webkit-transition-delay: 1190ms;
        -moz-transition-delay: 1190ms;
        transition-delay: 1190ms
    }

    .content_module.cm_journal_overview .journalteaser_item:nth-child(18) {
        -webkit-transition-delay: 1260ms;
        -moz-transition-delay: 1260ms;
        transition-delay: 1260ms
    }

    .content_module.cm_journal_overview .journalteaser_item:nth-child(19) {
        -webkit-transition-delay: 1330ms;
        -moz-transition-delay: 1330ms;
        transition-delay: 1330ms
    }

    .content_module.cm_journal_overview .journalteaser_item:nth-child(20) {
        -webkit-transition-delay: 1400ms;
        -moz-transition-delay: 1400ms;
        transition-delay: 1400ms
    }

    .content_module.cm_journal_overview .journalteaser_item:nth-child(21) {
        -webkit-transition-delay: 1470ms;
        -moz-transition-delay: 1470ms;
        transition-delay: 1470ms
    }

    .content_module.cm_journal_overview .journalteaser_item:nth-child(22) {
        -webkit-transition-delay: 1540ms;
        -moz-transition-delay: 1540ms;
        transition-delay: 1540ms
    }

    .content_module.cm_journal_overview .journalteaser_item:nth-child(23) {
        -webkit-transition-delay: 1610ms;
        -moz-transition-delay: 1610ms;
        transition-delay: 1610ms
    }

    .content_module.cm_journal_overview .journalteaser_item:nth-child(24) {
        -webkit-transition-delay: 1680ms;
        -moz-transition-delay: 1680ms;
        transition-delay: 1680ms
    }

    .content_module.cm_journal_overview .journalteaser_item:nth-child(25) {
        -webkit-transition-delay: 1750ms;
        -moz-transition-delay: 1750ms;
        transition-delay: 1750ms
    }

    .content_module.cm_journal_overview .journalteaser_item:nth-child(26) {
        -webkit-transition-delay: 1820ms;
        -moz-transition-delay: 1820ms;
        transition-delay: 1820ms
    }

    .content_module.cm_journal_overview .journalteaser_item:nth-child(27) {
        -webkit-transition-delay: 1890ms;
        -moz-transition-delay: 1890ms;
        transition-delay: 1890ms
    }

    .content_module.cm_journal_overview .journalteaser_item:nth-child(28) {
        -webkit-transition-delay: 1960ms;
        -moz-transition-delay: 1960ms;
        transition-delay: 1960ms
    }

    .content_module.cm_journal_overview .journalteaser_item:nth-child(29) {
        -webkit-transition-delay: 2030ms;
        -moz-transition-delay: 2030ms;
        transition-delay: 2030ms
    }

    .content_module.cm_journal_overview .journalteaser_item:nth-child(30) {
        -webkit-transition-delay: 2100ms;
        -moz-transition-delay: 2100ms;
        transition-delay: 2100ms
    }
}

.content_module.cm_tiles {
    -webkit-transition: transform 650ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 0ms,opacity 700ms linear 0ms;
    -moz-transition: transform 650ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 0ms,opacity 700ms linear 0ms;
    transition: transform 650ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 0ms,opacity 700ms linear 0ms;
    -webkit-transform: translate3d(0, 20px, 0) ;
    -moz-transform: translate3d(0, 20px, 0) ;
    transform: translate3d(0, 20px, 0) ;
    opacity: 0
}

.content_module.on.cm_journal_overview .journalteaser_item,.content_module.on.cm_tiles {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.cm_journalteaser .slider {
    position: relative
}

@media (max-width: 767px) {
    .cm_journalteaser .slider {
        width:calc(100% - 25px)
    }
}

.cm_journalteaser .slidertrack {
    -webkit-transition: all 550ms cubic-bezier(0.77, 0, 0.175, 1);
    -moz-transition: all 550ms cubic-bezier(0.77, 0, 0.175, 1);
    transition: all 550ms cubic-bezier(0.77, 0, 0.175, 1)
}

.cm_journalteaser .btn {
    position: absolute;
    z-index: 9;
    -webkit-transition: transform 450ms cubic-bezier(0.77, 0, 0.175, 1),opacity 350ms linear 700ms;
    -moz-transition: transform 450ms cubic-bezier(0.77, 0, 0.175, 1),opacity 350ms linear 700ms;
    transition: transform 450ms cubic-bezier(0.77, 0, 0.175, 1),opacity 350ms linear 700ms;
    opacity: 0
}

.platform-win.chrome .noscroll .cm_journalteaser .btn,.platform-win.firefox .noscroll .cm_journalteaser .btn {
    margin-right: 17px
}

@media (max-width: 767px) {
    .cm_journalteaser .btn {
        right:-31.25px
    }
}

@media (min-width: 768px) {
    .cm_journalteaser .btn {
        right:-60px
    }
}

.cm_journalteaser .btn:active {
    -webkit-transition: all 0ms linear;
    -moz-transition: all 0ms linear;
    transition: all 0ms linear;
    -webkit-transform: scale(0.98);
    -moz-transform: scale(0.98);
    transform: scale(0.98)
}

.cm_journalteaser .btn.return {
    -webkit-transform: rotateZ(180deg);
    -moz-transform: rotateZ(180deg);
    transform: rotateZ(180deg)
}

.cm_journalteaser.come_in .btn {
    opacity: 0.95
}

@media (max-width: 767px) {
    .cm_journalteaser .headline {
        margin-bottom:80px
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .cm_journalteaser .headline {
        margin-bottom:120px
    }
}

@media (min-width: 1024px) and (max-width: 1289px) {
    .cm_journalteaser .headline {
        margin-bottom:160px
    }
}

@media (min-width: 1290px) {
    .cm_journalteaser .headline {
        margin-bottom:160px
    }
}

@media (max-width: 767px) {
    .cm_journalteaser .inner_cm {
        padding-left:25px;
        padding-right: 25px
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .cm_journalteaser .inner_cm {
        padding-left:70px;
        padding-right: 70px
    }
}

@media (min-width: 1024px) and (max-width: 1289px) {
    .cm_journalteaser .inner_cm {
        padding-left:90px;
        padding-right: 90px
    }
}

@media (min-width: 1290px) and (max-width: 1499px) {
    .cm_journalteaser .inner_cm {
        padding-left:90px;
        padding-right: 90px
    }
}

@media (min-width: 1500px) and (max-width: 1859px) {
    .cm_journalteaser .inner_cm {
        padding-left:120px;
        padding-right: 120px
    }
}

@media (min-width: 1860px) {
    .cm_journalteaser .inner_cm {
        padding-left:160px;
        padding-right: 160px
    }
}

.cm_journalteaser .slider_overlay {
    position: absolute;
    right: -90px;
    top: 0;
    bottom: 0;
    width: 95px;
    z-index: 9
}

.cm_journalteaser .journalteaser_item {
    -webkit-transition: opacity 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94),transform 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -moz-transition: opacity 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94),transform 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: opacity 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94),transform 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -webkit-transform: translate3d(0, 20px, 0) ;
    -moz-transform: translate3d(0, 20px, 0) ;
    transform: translate3d(0, 20px, 0) ;
    opacity: 0
}

.cm_journalteaser .journalteaser_item.dist_delay:nth-child(1) {
    -webkit-transition-delay: 300ms;
    -moz-transition-delay: 300ms;
    transition-delay: 300ms
}

.cm_journalteaser .journalteaser_item.dist_delay:nth-child(2) {
    -webkit-transition-delay: 400ms;
    -moz-transition-delay: 400ms;
    transition-delay: 400ms
}

.cm_journalteaser .journalteaser_item.dist_delay:nth-child(3) {
    -webkit-transition-delay: 500ms;
    -moz-transition-delay: 500ms;
    transition-delay: 500ms
}

.cm_journalteaser .journalteaser_item.dist_delay:nth-child(4) {
    -webkit-transition-delay: 600ms;
    -moz-transition-delay: 600ms;
    transition-delay: 600ms
}

.cm_journalteaser .journalteaser_item.dist_delay:nth-child(5) {
    -webkit-transition-delay: 700ms;
    -moz-transition-delay: 700ms;
    transition-delay: 700ms
}

.cm_journalteaser .journalteaser_item.dist_delay:nth-child(6) {
    -webkit-transition-delay: 800ms;
    -moz-transition-delay: 800ms;
    transition-delay: 800ms
}

.cm_journalteaser .journalteaser_item.dim {
    opacity: 0
}

.cm_journalteaser .journalteaser_item.come_in:not(.dim) {
    opacity: 1
}

.cm_journalteaser .journalteaser_item.come_in.dim {
    opacity: 0.3
}

.cm_journalteaser .journalteaser_item.come_in {
    -webkit-transform: translate3d(0, 0, 0) ;
    -moz-transform: translate3d(0, 0, 0) ;
    transform: translate3d(0, 0, 0)
}

@media (max-width: 767px) {
    .cm_journalteaser .journalteaser_item {
        margin-right:50px
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .cm_journalteaser .journalteaser_item {
        margin-right:70px
    }
}

@media (min-width: 1024px) and (max-width: 1289px) {
    .cm_journalteaser .journalteaser_item {
        margin-right:90px
    }
}

@media (min-width: 1290px) and (max-width: 1499px) {
    .cm_journalteaser .journalteaser_item {
        margin-right:90px
    }
}

@media (min-width: 1500px) and (max-width: 1859px) {
    .cm_journalteaser .journalteaser_item {
        margin-right:120px
    }
}

@media (min-width: 1860px) {
    .cm_journalteaser .journalteaser_item {
        margin-right:160px
    }
}

.journalteaser_item {
    position: relative;
    display: block;
    float: left;
    overflow: hidden;
    -webkit-transition: opacity 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -moz-transition: opacity 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: opacity 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94)
}

.journalteaser_item .label {
    display: block
}

.journalteaser_item .imagecontainer {
    position: relative;
    display: block;
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-bottom: 130%
}

@media (max-width: 767px) {
    .journalteaser_item .imagecontainer {
        margin-bottom:30px
    }
}

@media (min-width: 768px) {
    .journalteaser_item .imagecontainer {
        margin-bottom:50px
    }
}

.journalteaser_item .category {
    color: #a0a0a0
}

.journalteaser_item .title {
    display: block
}

.journalteaser_item .img_bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat
}

.journalteaser_item .img_vg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-transition: opacity 400ms linear 0ms;
    -moz-transition: opacity 400ms linear 0ms;
    transition: opacity 400ms linear 0ms
}

.journalteaser_item .logo {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 50%;
    height: 100px;
    opacity: 1;
    -webkit-transform: translate3d(-50%, -50%, 0) ;
    -moz-transform: translate3d(-50%, -50%, 0) ;
    transform: translate3d(-50%, -50%, 0) ;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-transition: opacity 400ms linear 0ms,transform 0ms linear 400ms;
    -moz-transition: opacity 400ms linear 0ms,transform 0ms linear 400ms;
    transition: opacity 400ms linear 0ms,transform 0ms linear 400ms
}

.journalteaser_item .btn_headline {
    position: relative;
    display: block;
    text-align: left;
    margin-left: 20px;
    color: white;
    -webkit-transform: translateY(30px);
    -moz-transform: translateY(30px);
    transform: translateY(30px);
    -webkit-transition: opacity 200ms linear 0ms,transform 0ms linear 400ms;
    -moz-transition: opacity 200ms linear 0ms,transform 0ms linear 400ms;
    transition: opacity 200ms linear 0ms,transform 0ms linear 400ms;
    margin-bottom: 10px;
    opacity: 0
}

@media (max-width: 767px) {
    .journalteaser_item .btn_headline {
        margin-top:43%
    }
}

@media (min-width: 768px) {
    .journalteaser_item .btn_headline {
        margin-top:62%
    }
}

.journalteaser_item:hover:not(.dim) .btn_overlay {
    animation-name: overlay-anim;
    animation-duration: 600ms;
    animation-iteration-count: 1;
    animation-direction: normal;
    animation-timing-function: cubic-bezier(0.745, 0.005, 0, 1);
    animation-fill-mode: forwards;
    animation-delay: 0ms;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    background-color: #000;
    transform: translateY(100%)
}

.journalteaser_item:hover:not(.dim) .img_vg {
    -webkit-transition: opacity 0ms linear 200ms;
    -moz-transition: opacity 0ms linear 200ms;
    transition: opacity 0ms linear 200ms;
    opacity: 0
}

.journalteaser_item:hover:not(.dim) .btn_headline {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
    -webkit-transition: all 300ms cubic-bezier(0.165, 0.84, 0.44, 1) 400ms;
    -moz-transition: all 300ms cubic-bezier(0.165, 0.84, 0.44, 1) 400ms;
    transition: all 300ms cubic-bezier(0.165, 0.84, 0.44, 1) 400ms
}

.journalteaser_item:hover:not(.dim) .logo {
    opacity: 0;
    -webkit-transition: opacity 0ms linear 200ms;
    -moz-transition: opacity 0ms linear 200ms;
    transition: opacity 0ms linear 200ms
}

.journalteaser_item:hover:not(.dim) .btn_byline {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
    -webkit-transition: all 300ms cubic-bezier(0.165, 0.84, 0.44, 1) 300ms;
    -moz-transition: all 300ms cubic-bezier(0.165, 0.84, 0.44, 1) 300ms;
    transition: all 300ms cubic-bezier(0.165, 0.84, 0.44, 1) 300ms
}

@keyframes overlay-anim {
    0% {
        -webkit-transform: translateY(100%);
        -moz-transform: translateY(100%);
        transform: translateY(100%)
    }

    50% {
        -webkit-transform: translateY(0%);
        -moz-transform: translateY(0%);
        transform: translateY(0%)
    }

    100% {
        -webkit-transform: translateY(-100%);
        -moz-transform: translateY(-100%);
        transform: translateY(-100%)
    }
}

.cm_journal_overview {
    min-height: 800px
}

@media (max-width: 767px) {
    .cm_journal_overview .inner_cm {
        padding-left:25px;
        padding-right: 25px
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .cm_journal_overview .inner_cm {
        padding-left:70px;
        padding-right: 70px
    }
}

@media (min-width: 1024px) and (max-width: 1289px) {
    .cm_journal_overview .inner_cm {
        padding-left:90px;
        padding-right: 90px
    }
}

@media (min-width: 1290px) and (max-width: 1499px) {
    .cm_journal_overview .inner_cm {
        padding-left:90px;
        padding-right: 90px
    }
}

@media (min-width: 1500px) and (max-width: 1859px) {
    .cm_journal_overview .inner_cm {
        padding-left:120px;
        padding-right: 120px
    }
}

@media (min-width: 1860px) {
    .cm_journal_overview .inner_cm {
        padding-left:160px;
        padding-right: 160px
    }
}

.platform-win.chrome .noscroll .cm_journal_overview .inner_cm,.platform-win.firefox .noscroll .cm_journal_overview .inner_cm {
    margin-right: 17px
}

@media (max-width: 767px) {
    .cm_journal_overview .journalteaser_item {
        width:100%;
        margin-bottom: 60px
    }

    .cm_journal_overview .journalteaser_item:last-of-type {
        margin-bottom: 0
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .cm_journal_overview .journalteaser_item {
        width:calc(50% - 40px);
        margin-right: 80px;
        margin-bottom: 60px
    }

    .cm_journal_overview .journalteaser_item:nth-of-type(even) {
        margin-right: 0
    }

    .cm_journal_overview .journalteaser_item:nth-of-type(odd) {
        clear: both
    }

    .cm_journal_overview .journalteaser_item:nth-last-of-type(1),.cm_journal_overview .journalteaser_item:nth-last-of-type(2) {
        margin-bottom: 0
    }
}

@media (min-width: 1024px) and (max-width: 1289px) {
    .cm_journal_overview .journalteaser_item {
        width:calc(50% - 40px);
        margin-right: 80px;
        margin-bottom: 220px
    }

    .cm_journal_overview .journalteaser_item:nth-of-type(even) {
        margin-right: 0
    }

    .cm_journal_overview .journalteaser_item:nth-of-type(odd) {
        clear: both
    }

    .cm_journal_overview .journalteaser_item:nth-last-of-type(1),.cm_journal_overview .journalteaser_item:nth-last-of-type(2) {
        margin-bottom: 0
    }
}

@media (min-width: 1290px) and (max-width: 1499px) {
    .cm_journal_overview .journalteaser_item {
        width:calc(100% / 3 - 160px / 3);
        margin-right: 80px;
        margin-bottom: 220px
    }

    .cm_journal_overview .journalteaser_item:nth-of-type(3n+3) {
        margin-right: 0
    }

    .cm_journal_overview .journalteaser_item:nth-of-type(3n+4) {
        clear: both
    }

    .cm_journal_overview .journalteaser_item:nth-last-of-type(1),.cm_journal_overview .journalteaser_item:nth-last-of-type(2),.cm_journal_overview .journalteaser_item:nth-last-of-type(3) {
        margin-bottom: 0
    }
}

@media (min-width: 1500px) and (max-width: 1859px) {
    .cm_journal_overview .journalteaser_item {
        width:calc(100% / 3 - 160px / 3);
        margin-right: 80px;
        margin-bottom: 220px
    }

    .cm_journal_overview .journalteaser_item:nth-of-type(3n+3) {
        margin-right: 0
    }

    .cm_journal_overview .journalteaser_item:nth-of-type(3n+4) {
        clear: both
    }

    .cm_journal_overview .journalteaser_item:nth-last-of-type(1),.cm_journal_overview .journalteaser_item:nth-last-of-type(2),.cm_journal_overview .journalteaser_item:nth-last-of-type(3) {
        margin-bottom: 0
    }
}

@media (min-width: 1860px) {
    .cm_journal_overview .journalteaser_item {
        width:calc(100% / 4 - 240px / 4);
        margin-right: 80px;
        margin-bottom: 220px;
    }

a.button.journalteaser_item.dist_delay.come_in {}

a.button.journalteaser_item.dist_delay.come_in {}

    .cm_journal_overview .journalteaser_item:nth-of-type(4n+4) {
        margin-right: 0
    }

    .cm_journal_overview .journalteaser_item:nth-of-type(4n+5) {
        clear: both
    }

    .cm_journal_overview .journalteaser_item:nth-last-of-type(1),.cm_journal_overview .journalteaser_item:nth-last-of-type(2),.cm_journal_overview .journalteaser_item:nth-last-of-type(3),.cm_journal_overview .journalteaser_item:nth-last-of-type(4) {
        margin-bottom: 0
    }
}