/************************************/
/*                                  */
/*  KONZELMANN - STYLES             */
/*  Autor: TN34.de / Daniel Gmoser  */
/*  Version: 1.0                    */
/*                                  */
/************************************/
/************************/
/*  KONZELMANN - FONTS  */
/************************/
@font-face {
    font-family: 'Icons';
    src: url("../lib/fonts/icomoon.eot");
    src: url("../lib/fonts/icomoon.eot?#iefix") format("embedded-opentype"), url("../lib/fonts/icomoon.woff") format("woff"), url("../lib/fonts/icomoon.ttf") format("truetype");
}

/***************************/
/*  KONZELMANN - SETTINGS  */
/***************************/
/*************************/
/*  KONZELMANN - GLOBAL  */
/*************************/
html, body {
    font-size: 16px;
    font-family: 'Palanquin', sans-serif;
    line-height: 1;
}
#Seitenbild .mod_article:nth-child(2) {
    margin-top: 53px;
}
@media all and (max-width: 1150px) {
    html, body {
        font-size: 14px;
    }
}

h1, h2, h3, h4, h5, h6, p, span {
    color: #696969;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 200;
    text-align: center;
    line-height: 1.25;
}

h1 {
    font-size: 3.125em;
}

h2 {
    font-size: 2.500em;
}

p {
    line-height: 1.625rem;
}

.ce_text p a {
    color: #ff0087;
}

.ce_text p a:hover {
    color: #696969;
}

.ce_text p a[href*="//"]:not([href*="konzelmann.vorschau34.de"]):after, .ce_text p a[href*="//"]:not([href*="konzelmann-gmbh.de"]):after {
    content: '';
    display: inline-block;
    width: 12px;
    height: 12px;
    background: url(../lib/icons/link-external.svg) no-repeat center left;
    background-size: 24px 12px;
    margin: 0 5px;
}

.ce_text p a[href*="//"]:not([href*="konzelmann.vorschau34.de"]):hover:after, .ce_text p a[href*="//"]:not([href*="konzelmann-gmbh.de"]):hover:after {
    background-position: center right;
}

*[data-icon]:before {
    content: attr(data-icon);
    font: 1em/1 "Icons";
}

.search_form {
    position: absolute;
    left: 0;
    top: 8.125em;
    width: 100%;
    height: 70px;
    background: #ff0087;
    display: none;
}

.search_form form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 1200px;
    margin: 0 auto;
    height: 100%;
}

@media all and (max-width: 1350px) {
    .search_form form {
        width: 1060px;
    }
}

@media all and (max-width: 1150px) {
    .search_form form {
        width: 950px;
    }
}

@media all and (max-width: 1024px) {
    .search_form form {
        width: 860px;
    }
}

@media all and (max-width: 930px) {
    .search_form form {
        width: 690px;
    }
}

@media all and (max-width: 767px) {
    .search_form form {
        width: 585px;
    }
}

@media all and (max-width: 630px) {
    .search_form form {
        width: 450px;
    }
}

@media all and (max-width: 540px) {
    .search_form form {
        width: 365px;
    }
}

@media all and (max-width: 480px) {
    .search_form form {
        width: 280px;
    }
}

.search_form form .formbody label {
    font-weight: 700;
    margin-right: 0.5em;
    color: #fff;
}

.search_form form .formbody label .mandatory {
    display: none;
}

.search_form form .formbody input {
    color: #fff;
    background: none;
    border: none;
    outline: none;
    width: calc(100% - 160px);
}

.mod_search .widget {
    display: inline-block;
}

.search_form form .formbody ::-webkit-input-placeholder {
    font-size: 0.938rem;
    font-weight: 200;
    line-height: 2.813em;
    font-weight: 700;
    color: rgba(255, 255, 255, 0.7);
}

.search_form form .formbody :-moz-placeholder {
    font-size: 0.938rem;
    font-weight: 200;
    line-height: 2.813em;
    font-weight: 700;
    color: rgba(255, 255, 255, 0.7);
}

.search_form form .formbody ::-moz-placeholder {
    font-size: 0.938rem;
    font-weight: 200;
    line-height: 2.813em;
    font-weight: 700;
    color: rgba(255, 255, 255, 0.7);
}

.search_form form .formbody :-ms-input-placeholder {
    font-size: 0.938rem;
    font-weight: 200;
    line-height: 2.813em;
    font-weight: 700;
    color: rgba(255, 255, 255, 0.7);
}

.scrolled .search_form {
    top: 4.688em;
}

#header {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 3;
    width: 100%;
    height: 8.125em;
    background: #fff;
    -webkit-transition: all 0.25s ease-in;
    transition: all 0.25s ease-in /*
  @media all and (max-width: 1024px) {

      .inside {
          width: 85%;
      }
  }
  */
}

#header .inside {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
}

#header .inside .inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 1200px;
    margin: 0 auto;
}

@media all and (max-width: 1350px) {
    #header .inside .inner {
        width: 1060px;
    }
}

@media all and (max-width: 1150px) {
    #header .inside .inner {
        width: 950px;
    }
}

@media all and (max-width: 1024px) {
    #header .inside .inner {
        width: 860px;
    }
}

@media all and (max-width: 930px) {
    #header .inside .inner {
        width: 690px;
    }
}

@media all and (max-width: 767px) {
    #header .inside .inner {
        width: 585px;
    }
}

@media all and (max-width: 630px) {
    #header .inside .inner {
        width: 450px;
    }
}

@media all and (max-width: 540px) {
    #header .inside .inner {
        width: 365px;
    }
}

@media all and (max-width: 480px) {
    #header .inside .inner {
        width: 280px;
    }
}

#header .inside .inner .logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
    width: 18.125em;
    height: 2.875em;
}

#header .inside .inner .logo .part01 {
    width: 4.063em;
    height: 100%;
    background: url(../lib/logos/konzelmann-logo_k.svg) no-repeat center center;
}

#header .inside .inner .logo .part02 {
    width: 13.875em;
    height: 100%;
    background: url(../lib/logos/konzelmann-logo_text.svg) no-repeat center center;
    -webkit-transition: all 0.25s ease-in;
    transition: all 0.25s ease-in;
}

#header .inside .inner .logo a {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
}

@media all and (max-width: 1350px) {
    #header .inside .inner .logo {
        width: 14em;
    }
}

@media all and (max-width: 1150px) {
    #header .inside .inner .logo {
        width: 12em;
    }
}

#header .inside .inner .navigation .meta {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-end;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-transition: all 0.25s ease-in;
    transition: all 0.25s ease-in;
    margin-bottom: 0.450rem;
}

#header .inside .inner .navigation .meta .icon-search {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 10px;
    -webkit-transition: all 0.25s ease-in;
    transition: all 0.25s ease-in;
    cursor: pointer;
}

#header .inside .inner .navigation .meta .icon-search:hover:before {
    color: #ff0087;
}

#header .inside .inner .navigation .meta .mod_changelanguage {
    text-align: right;
    cursor: pointer;
}

#header .inside .inner .navigation .meta .mod_changelanguage ul {
    margin: 0.313rem 0;
    list-style: none;
}

#header .inside .inner .navigation .meta .mod_changelanguage ul li {
    margin-bottom: 0;
}

#header .inside .inner .navigation .meta .mod_changelanguage ul li a, #header .inside .inner .navigation .meta .mod_changelanguage ul li span {
    display: inline-block;
    font-size: 0.625em;
    color: #aaaaaa;
    padding: 4px 5px;
    border: 1px solid #aaaaaa;
    line-height: 1;
}

#header .inside .inner .navigation .meta .mod_changelanguage ul li a:hover, #header .inside .inner .navigation .meta .mod_changelanguage ul li span:hover {
    color: #ff0087;
    border: 1px solid #ff0087;
}

#header .inside .inner .navigation .mod_navigation {
    overflow: visible;
}

#header .inside .inner .navigation .mod_navigation ul {
    margin: 0;
    list-style: none;
}

#header .inside .inner .navigation .mod_navigation ul li {
    position: relative;
    float: left /*
            &.first {
                a, span {
                    padding-left: 0;
                }
            }
            */
}

#header .inside .inner .navigation .mod_navigation ul li a, #header .inside .inner .navigation .mod_navigation ul li span {
    display: block;
    padding: 12px 12px 17px;
    font-weight: 500;
    font-size: 1em;
    color: #000;
    text-decoration: none;
    line-height: 1;
}

#header .inside .inner .navigation .mod_navigation ul li.last a, #header .inside .inner .navigation .mod_navigation ul li.last span {
    padding-right: 0;
}

#header .inside .inner .navigation .mod_navigation ul li:hover > a, #header .inside .inner .navigation .mod_navigation ul li:hover > span {
    color: #ff0087;
}

#header .inside .inner .navigation .mod_navigation .level_2,
#header .inside .inner .navigation .mod_navigation .level_3 {
    display: none;
    position: absolute;
    z-index: 4;
    width: 200px;
    background: #fff;
    padding: 0;
    -webkit-transition: all 0.25s ease-in;
    transition: all 0.25s ease-in;
}

#header .inside .inner .navigation .mod_navigation .level_2 li,
#header .inside .inner .navigation .mod_navigation .level_3 li {
    border-bottom: 1px solid #fff;
    border-top: none;
    box-sizing: border-box;
    width: 100%;
    background: #e8e7e7;
}

#header .inside .inner .navigation .mod_navigation .level_2 li a, #header .inside .inner .navigation .mod_navigation .level_2 li span,
#header .inside .inner .navigation .mod_navigation .level_3 li a,
#header .inside .inner .navigation .mod_navigation .level_3 li span {
    padding: 12px !important;
}

#header .inside .inner .navigation .mod_navigation .level_2 li.active:hover,
#header .inside .inner .navigation .mod_navigation .level_3 li.active:hover {
    background-color: #e8e7e7;
    cursor: default;
}

#header .inside .inner .navigation .mod_navigation .level_2 li.active:hover span,
#header .inside .inner .navigation .mod_navigation .level_3 li.active:hover span {
    color: #ff0087;
}

#header .inside .inner .navigation .mod_navigation .level_2 li.last,
#header .inside .inner .navigation .mod_navigation .level_3 li.last {
    border-bottom: none;
}

#header .inside .inner .navigation .mod_navigation .level_2 li:hover,
#header .inside .inner .navigation .mod_navigation .level_3 li:hover {
    background: #ff0087;
}

#header .inside .inner .navigation .mod_navigation .level_2 li:hover > a, #header .inside .inner .navigation .mod_navigation .level_2 li:hover > span,
#header .inside .inner .navigation .mod_navigation .level_3 li:hover > a,
#header .inside .inner .navigation .mod_navigation .level_3 li:hover > span {
    color: #fff;
}

#header .inside .inner .navigation .mod_navigation .level_1 li.active span {
    color: #ff0087;
}

#header .inside .inner .navigation .mod_navigation .level_1 li.active span:hover {
    color: #ff0087;
}

#header .inside .inner .navigation .mod_navigation .level_1 li:hover .level_2 {
    display: block;
}

#header .inside .inner .navigation .mod_navigation .level_2 {
    top: 44px;
    left: 12px;
}

#header .inside .inner .navigation .mod_navigation .level_2 li {
    margin-bottom: 0;
}

#header .inside .inner .navigation .mod_navigation .level_2 li:hover .level_3 {
    display: block;
}

#header .inside .inner .navigation .mod_navigation .level_3 {
    top: 0px;
    left: 200px;
    width: 235px;
}

@media all and (max-width: 1024px) {
    #header .inside .inner .navigation .mod_navigation {
        display: none;
    }
}

@media all and (max-width: 1350px) {
    #header .inside .inner .navigation .mod_navigation ul li a, #header .inside .inner .navigation .mod_navigation ul li span {
        padding: 10px;
    }
}

@media all and (max-width: 1150px) {
    #header .inside .inner .navigation .mod_navigation ul li a, #header .inside .inner .navigation .mod_navigation ul li span {
        padding: 8px;
    }
}

@media all and (max-width: 1024px) {
    #header .inside .inner .navigation {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -moz-flex;
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    #header .inside .inner .navigation .meta {
        margin: 0 1rem 0 0;
    }
}

#header.scrolled {
    height: 4.688em;
}

#header.scrolled .inside .inner .logo {
    width: auto;
    height: 2.275em;
}

#header.scrolled .inside .inner .logo .part02 {
    display: none;
}

#header.scrolled .inside .inner .logo a {
    max-width: 4.063em;
}

#header.scrolled .inside .inner .navigation {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-direction: row-reverse;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

#header.scrolled .inside .inner .navigation .mod_navigation {
    float: right;
}

#header.scrolled .inside .inner .navigation .mod_navigation ul li a, #header.scrolled .inside .inner .navigation .mod_navigation ul li span {
    padding: 17px 12px;
}

#header.scrolled .inside .inner .navigation .meta {
    float: right;
    margin-left: 1.5rem;
    margin-bottom: 0;
}

.mm-menu {
    /* margin-top: 8.125em; */
    box-shadow: none !important;
}

.mm-menu.mm-menu--opened {
    margin-top: 8.125em;
    height: calc(100% - 8.125em);
}

.mm-menu .mm-list {
    padding: 0;
}

.mm-menu.scrolled.mm-menu--opened {
    margin-top: 4.688em;
    height: calc(100% - 4.688em);
}

.mm-wrapper--opened .mm-wrapper__blocker {
    opacity: 0;
}

#footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 17.188rem;
}

#footer .inside {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: flex-end;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    width: 1200px;
    margin: 0 auto;
    height: 100%;
}

@media all and (max-width: 1350px) {
    #footer .inside {
        width: 1060px;
    }
}

@media all and (max-width: 1150px) {
    #footer .inside {
        width: 950px;
    }
}

@media all and (max-width: 1024px) {
    #footer .inside {
        width: 860px;
    }
}

@media all and (max-width: 930px) {
    #footer .inside {
        width: 690px;
    }
}

@media all and (max-width: 767px) {
    #footer .inside {
        width: 585px;
    }
}

@media all and (max-width: 630px) {
    #footer .inside {
        width: 450px;
    }
}

@media all and (max-width: 540px) {
    #footer .inside {
        width: 365px;
    }
}

@media all and (max-width: 480px) {
    #footer .inside {
        width: 280px;
    }
}

#footer .inside .ce_toplink {
    position: absolute;
    top: 0;
    width: 100%;
    margin-top: 3.750rem;
}

#footer .inside .ce_toplink a {
    display: block;
    width: 20px;
    height: 16px;
    margin: 0 auto;
    overflow: hidden;
    color: #696969;
    font-size: 0;
    text-decoration: none;
    -webkit-transition: all 0.25s ease-in;
    transition: all 0.25s ease-in;
}

#footer .inside .ce_toplink a:before {
    content: "\e903";
    font-family: "Icons";
    font-size: 1rem;
}

#footer .inside .ce_toplink a:hover {
    color: #ff0087;
}

#footer .inside .ce_toplink:before, #footer .inside .ce_toplink:after {
    content: "";
    position: absolute;
    top: 50%;
    width: calc(50% - 31px);
    height: 1px;
    background: #696969;
}

#footer .inside .ce_toplink:before {
    left: 0;
}

#footer .inside .ce_toplink:after {
    right: 0;
}

#footer .inside .content {
    width: 100%;
}

#footer .inside .content .navigation {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

#footer .inside .content .navigation .logo {
    width: 18.125em;
    height: 3em;
    background: url(../lib/logos/konzelmann-logo_complete.svg) no-repeat center;
    background-size: contain;
}

@media all and (max-width: 767px) {
    #footer .inside .content .navigation .logo {
        width: 12em;
        height: 2em;
    }
}

#footer .inside .content .navigation .mod_customnav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: flex-end;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    overflow: visible;
}

#footer .inside .content .navigation .mod_customnav ul {
    margin: 0;
    list-style: none;
}

#footer .inside .content .navigation .mod_customnav ul li {
    float: left;
    margin-left: 1.875em;
}

#footer .inside .content .navigation .mod_customnav ul li a {
    font-size: 0.938rem;
    position: relative;
    display: block;
    position: relative;
    text-decoration: none;
    color: #ff0087;
    padding-bottom: 0.188em;
    margin-bottom: -0.35em /*
                text-decoration: none;
                color: $accent01;
                padding-bottom: 0.188em;
                margin-bottom: -0.35em;

                &:after {
                    content: "";
                    position: absolute;
                    bottom: 0;
                    left: 0;
                    height: 1px;
                    //width: 100%;
                    width: 0;
                    background: $accent01;
                    @include transition;
                }

                &:hover {
                    &:after { width: 100%; }
                }
                */
}

#footer .inside .content .navigation .mod_customnav ul li a:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    height: 1px;
    width: 0;
    background: #ff0087;
    -webkit-transition: all 0.25s ease-in;
    transition: all 0.25s ease-in;
}

#footer .inside .content .navigation .mod_customnav ul li a:hover:after {
    width: 100%;
}

@media all and (max-width: 630px) {
    #footer .inside .content .navigation {
        -webkit-align-items: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    #footer .inside .content .navigation .mod_customnav ul li {
        float: none;
        margin-left: 0;
        padding: 5px 0;
        text-align: right;
    }

    #footer .inside .content .navigation .mod_customnav ul li a:after {
        content: none;
    }
}

#footer .inside .content .meta {
    padding-top: 1.750em;
}

#footer .inside .content .meta p {
    font-size: 0.938rem;
    color: #696969;
}

@media all and (max-width: 630px) {
    #footer {
        height: 18.25rem;
    }
}

.ce_download a {
    color: #ff0087;
    text-decoration: none;
}

.ce_download a:hover {
    text-decoration: underline;
}

@media all and (max-width: 1350px) {
    #header .inside .inner .navigation .mod_navigation .level_2 {
        top: 36px;
    }
}

/***************************/
/*  KONZELMANN - ELEMENTS  */
/***************************/
h4.ce_headline {
    font-size: 1.188em;
    text-align: left;
    font-weight: 600;
}

.special-headline {
    position: relative;
    color: #696969;
    z-index: 2;
}

.special-headline + .ce_image {
    margin-top: 1em;
}

.special-headline h1 {
    font-size: 3.125em;
    line-height: 1.0em;
}

.special-headline h2,
.special-headline h3,
.special-headline span {
    font-size: 2.500em;
    line-height: 2rem;
}

.special-headline h2.breakHead,
.special-headline h3.breakHead,
.special-headline span.breakHead {
    line-height: 1em;
    margin-bottom: 1rem;
}

.special-headline h2 {
    line-height: 2.5rem;
}

.special-headline h4 {
    font-size: 1.375em;
}

.special-headline h1, .special-headline h2, .special-headline h3, .special-headline h4, .special-headline h5, .special-headline h6, .special-headline span {
    font-weight: 200;
    margin: 0;
}

.special-headline span {
    display: block;
    text-align: center;
    font-size: 2.500em;
}

.special-headline .border {
    position: relative;
    margin: 1.375rem 0 0;
}

.special-headline .border:before, .special-headline .border:after {
    content: "";
    width: calc(50% - 1.875em);
    height: 1px;
    background: #696969;
    position: absolute;
    top: 50%;
}

.special-headline .border:before {
    left: 0;
}

.special-headline .border:after {
    right: 0;
}

.special-headline .icon {
    text-align: center;
}

.special-headline .icon:before {
    display: block;
    font-size: 1.625rem;
}

.special-headline h1 + .border .icon {
    font-size: 2.250rem;
}

.special-headline + .ce_list, .special-headline + .ce_accordion {
    margin-top: 1.125rem;
}

@media all and (max-width: 1350px) {
    .special-headline h1 {
        font-size: 2.25em;
        line-height: 2rem;
    }

    .special-headline h2,
    .special-headline h3,
    .special-headline span {
        font-size: 2em;
        line-height: 2rem;
    }
}

@media all and (max-width: 930px) {
    .special-headline h1 {
        font-size: 2em;
        line-height: 1.85rem;
    }

    .special-headline h2,
    .special-headline h3,
    .special-headline span {
        font-size: 1.85em;
    }
}

.intro .special-headline {
    margin-bottom: 0;
}

.header-image {
    position: relative;
    width: 100%;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center !important;
}

.header-image.noText h1, .header-image.noText h2, .header-image.noText h3, .header-image.noText h4, .header-image.noText h5, .header-image.noText h6, .header-image.noText span {
    border-bottom: 1px solid #fff;
    margin: 0;
    padding-bottom: 1.75rem;
}

.header-image .inside {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.header-image:before {
    content: "";
    display: block;
    padding-top: 15%;
}

.header-image .inside {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    z-index: 1;
}

.header-image .inside .icon {
    color: #fff;
}

.header-image .inside .icon:before {
    font-size: 3.438rem;
}

.header-image .inside .info {
    width: 47.500rem;
}

.header-image .inside .info h1, .header-image .inside .info h2, .header-image .inside .info h3, .header-image .inside .info h4, .header-image .inside .info h5, .header-image .inside .info h6, .header-image .inside .info span {
    font-weight: 200;
    color: #fff;
    display: block;
    font-size: 3.125em;
    text-align: center;
    line-height: 2.813rem;
    margin: 0 0 1.75rem;
}

.header-image .inside .info p {
    font-size: 0.938rem;
    color: #fff;
    border-top: 1px solid #fff;
    margin: 0;
    padding-top: 0.750rem;
}

.header-image .overlay {
    background: rgba(0, 0, 0, 0.5);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

@media all and (max-width: 1550px) {
    .header-image {
        position: relative;
    }

    .header-image .inside {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
    }

    .header-image:before {
        content: "";
        display: block;
        padding-top: 20%;
    }
}

@media all and (max-width: 1350px) {
    .header-image .inside .icon:before {
        font-size: 2.25rem;
    }

    .header-image .inside .info h1, .header-image .inside .info h2, .header-image .inside .info h3, .header-image .inside .info h4, .header-image .inside .info h5, .header-image .inside .info h6, .header-image .inside .info span {
        font-size: 2.25em;
        margin: 0 0 0.5rem;
    }
}

@media all and (max-width: 767px) {
    .header-image {
        position: relative;
    }

    .header-image .inside {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
    }

    .header-image:before {
        content: "";
        display: block;
        padding-top: 27.5%;
    }

    .header-image .inside .info {
        width: 90%;
    }
}

@media all and (max-width: 630px) {
    .header-image {
        position: relative;
    }

    .header-image .inside {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
    }

    .header-image:before {
        content: "";
        display: block;
        padding-top: 35%;
    }
}

@media all and (max-width: 540px) {
    .header-image {
        position: relative;
    }

    .header-image .inside {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
    }

    .header-image:before {
        content: "";
        display: block;
        padding-top: 40%;
    }
}

@media all and (max-width: 480px) {
    .header-image {
        position: relative;
    }

    .header-image .inside {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
    }

    .header-image:before {
        content: "";
        display: block;
        padding-top: 50%;
    }

    .header-image .inside .icon:before {
        font-size: 1.75em;
    }

    .header-image .inside .info h1, .header-image .inside .info h2, .header-image .inside .info h3, .header-image .inside .info h4, .header-image .inside .info h5, .header-image .inside .info h6, .header-image .inside .info span {
        font-size: 2em;
    }
}

@media all and (max-width: 400px) {
    .header-image {
        position: relative;
    }

    .header-image .inside {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
    }

    .header-image:before {
        content: "";
        display: block;
        padding-top: 85%;
    }
}

.bc-block {
    background: #000;
}

@media all and (max-width: 540px) {
    .bc-block {
        display: none;
    }
}

.bc-block .mod_breadcrumb {
    width: 1200px;
    margin: 0 auto;
}

@media all and (max-width: 1350px) {
    .bc-block .mod_breadcrumb {
        width: 1060px;
    }
}

@media all and (max-width: 1150px) {
    .bc-block .mod_breadcrumb {
        width: 950px;
    }
}

@media all and (max-width: 1024px) {
    .bc-block .mod_breadcrumb {
        width: 860px;
    }
}

@media all and (max-width: 930px) {
    .bc-block .mod_breadcrumb {
        width: 690px;
    }
}

@media all and (max-width: 767px) {
    .bc-block .mod_breadcrumb {
        width: 585px;
    }
}

@media all and (max-width: 630px) {
    .bc-block .mod_breadcrumb {
        width: 450px;
    }
}

@media all and (max-width: 540px) {
    .bc-block .mod_breadcrumb {
        width: 365px;
    }
}

@media all and (max-width: 480px) {
    .bc-block .mod_breadcrumb {
        width: 280px;
    }
}

.bc-block .mod_breadcrumb ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.bc-block .mod_breadcrumb ul li {
    position: relative;
    float: left;
    font-size: 0.875rem;
    margin: 0;
    padding: 0.45rem 0;
    color: #9a9a9a;
}

.bc-block .mod_breadcrumb ul li a {
    font-size: 0.875rem;
    color: #9a9a9a;
    text-decoration: none;
}

.bc-block .mod_breadcrumb ul li:after {
    content: "-";
    color: #9a9a9a;
    margin: 0.625rem;
}

.bc-block .mod_breadcrumb ul li.last:after {
    content: none;
}

.teaser.branchen {
    position: relative;
    position: relative;
    width: calc(50% - 0.8125em);
    float: left;
    margin-right: 1.625em;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

.teaser.branchen .inside {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.teaser.branchen:before {
    content: "";
    display: block;
    padding-top: 72.5%;
}

.teaser.branchen:nth-child(even) {
    margin-right: 0;
}

.teaser.branchen:nth-child(n+3) {
    margin-top: 1.625em;
}

.teaser.branchen .inside {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    z-index: 1;
    padding: 0 5.313em;
}

.teaser.branchen .inside .info {
    width: 100%;
}

.teaser.branchen .inside .info .icon {
    color: #fff;
    text-align: center;
}

.teaser.branchen .inside .info .icon:before {
    font-size: 3.750rem;
}

.teaser.branchen .inside .hidden {
    display: block;
    border-top: 1px solid #fff;
    width: 100%;
}

.teaser.branchen .inside .hidden .ce_hyperlink {
    width: 10.500em;
    margin: 0 auto;
    text-align: center;
    margin-top: 3.125rem;
}

.teaser.branchen .inside .hidden .ce_hyperlink a {
    color: #fff;
    text-decoration: none;
    line-height: 2.3rem;
    padding: 0.313em 0;
    display: block;
    border: 2px solid #ff0087;
    background: #ff0087;
    -webkit-transition: all 0.25s ease-in;
    transition: all 0.25s ease-in;
}

.teaser.branchen .inside .hidden .ce_hyperlink a:hover {
    background: #fff;
    color: #ff0087;
    border: 2px solid #fff;
}

.teaser.branchen .inside h1, .teaser.branchen .inside h2, .teaser.branchen .inside h3, .teaser.branchen .inside h4, .teaser.branchen .inside h5, .teaser.branchen .inside h6, .teaser.branchen .inside p, .teaser.branchen .inside span {
    font-size: 0.938rem;
    color: #fff;
}

.teaser.branchen .inside h1, .teaser.branchen .inside h2, .teaser.branchen .inside h3, .teaser.branchen .inside h4, .teaser.branchen .inside h5, .teaser.branchen .inside h6, .teaser.branchen .inside span {
    font-weight: 200;
    font-size: 1.563em;
    margin: 1rem 0 1.375rem;
}

@media all and (max-width: 1350px) {
    .teaser.branchen .inside .info .icon:before {
        font-size: 2.75rem;
    }

    .teaser.branchen .inside .hidden .ce_hyperlink {
        margin-top: 1.75rem;
    }
}

@media all and (max-width: 930px) {
    .teaser.branchen {
        position: relative;
    }

    .teaser.branchen .inside {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
    }

    .teaser.branchen:before {
        content: "";
        display: block;
        padding-top: 100%;
    }

    .teaser.branchen .inside {
        padding: 0 2.5em;
    }
}

@media all and (max-width: 767px) {
    .teaser.branchen {
        position: relative;
        width: calc(50% - 0.5em);
        margin-right: 1em;
    }

    .teaser.branchen .inside {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
    }

    .teaser.branchen:before {
        content: "";
        display: block;
        padding-top: 110%;
    }

    .teaser.branchen:nth-child(n+3) {
        margin-top: 1em;
    }

    .teaser.branchen .inside h1, .teaser.branchen .inside h2, .teaser.branchen .inside h3, .teaser.branchen .inside h4, .teaser.branchen .inside h5, .teaser.branchen .inside h6, .teaser.branchen .inside span {
        margin: 1rem 0;
    }

    .teaser.branchen .inside .info .icon:before {
        font-size: 1.85rem;
    }

    .teaser.branchen .inside .hidden .ce_hyperlink {
        margin-top: 1.25rem;
    }
}

@media all and (max-width: 630px) {
    .teaser.branchen {
        position: relative;
        width: 100%;
        margin: 1em 0 0 0;
    }

    .teaser.branchen .inside {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
    }

    .teaser.branchen:before {
        content: "";
        display: block;
        padding-top: 70%;
    }

    .teaser.branchen:nth-child(n+3) {
        margin-top: 1em;
    }

    .teaser.branchen .inside h1, .teaser.branchen .inside h2, .teaser.branchen .inside h3, .teaser.branchen .inside h4, .teaser.branchen .inside h5, .teaser.branchen .inside h6, .teaser.branchen .inside span {
        font-size: 2rem;
    }

    .teaser.branchen .inside .info .icon:before {
        font-size: 3rem;
    }
}

@media all and (max-width: 540px) {
    .teaser.branchen {
        position: relative;
    }

    .teaser.branchen .inside {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
    }

    .teaser.branchen:before {
        content: "";
        display: block;
        padding-top: 85%;
    }

    .teaser.branchen .inside h1, .teaser.branchen .inside h2, .teaser.branchen .inside h3, .teaser.branchen .inside h4, .teaser.branchen .inside h5, .teaser.branchen .inside h6, .teaser.branchen .inside span {
        font-size: 1.85rem;
        margin: 0.5rem 0 1rem;
    }

    .teaser.branchen .inside .info .icon:before {
        font-size: 2rem;
    }
}

@media all and (max-width: 480px) {
    .teaser.branchen {
        position: relative;
    }

    .teaser.branchen .inside {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
    }

    .teaser.branchen:before {
        content: "";
        display: block;
        padding-top: 115%;
    }
}

.teaser.homepage {
    position: relative;
    position: relative;
    width: calc(50% - 0.8125em);
    float: left;
    margin: 1.250em 1.625em 0 0;
    overflow: hidden /*
  @media only screen and (max-device-width: $breakS) {

      &:hover {
          .inside {
              .semi-hidden {
                  bottom: -61.25%;;
              }
          }
      }
      &.clicked {
          .inside {
              .semi-hidden {
                  bottom: 0;
              }
          }
      }
  }
  */
}

.teaser.homepage .inside {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.teaser.homepage:before {
    content: "";
    display: block;
    padding-top: 81.75%;
}

.teaser.homepage:nth-child(even) {
    margin-right: 0;
}

.teaser.homepage .inside .semi-hidden {
    position: relative;
    position: absolute;
    bottom: -62.5%;
    left: 0;
    right: 0;
    z-index: 1;
    margin: 0 auto;
    width: calc(100% - 2.250em);
    background: rgba(0, 0, 0, 0.8);
    -webkit-transition: all 0.25s ease-in;
    transition: all 0.25s ease-in;
}

.teaser.homepage .inside .semi-hidden .inside {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.teaser.homepage .inside .semi-hidden:before {
    content: "";
    display: block;
    padding-top: 83.5%;
}

.teaser.homepage .inside .semi-hidden .inside {
    padding: 0.375rem 4.188rem 0;
}

.teaser.homepage .inside .semi-hidden .inside h2, .teaser.homepage .inside .semi-hidden .inside p {
    color: #fff;
}

.teaser.homepage .inside .semi-hidden .inside h2 {
    font-weight: 200;
    font-size: 1.563em;
    line-height: 2rem;
    margin: 0 0 1.250rem;
}

@media all and (max-width: 1350px) {
    .teaser.homepage .inside .semi-hidden .inside h2 {
        font-size: 1.25em;
        line-height: 1;
    }
}

.teaser.homepage .inside .semi-hidden .inside p {
    font-size: 0.938rem;
    padding: 1.438rem 0.5rem 0;
    margin: 0;
    border-top: 1px solid #fff;
}

.teaser.homepage .inside .semi-hidden .inside .icon {
    text-align: center;
    font-size: 3.563em;
    color: #fff;
    margin: 1.375rem 0 1.500rem;
}

.teaser.homepage .inside .semi-hidden .inside .ce_hyperlink {
    width: 10.500em;
    margin: 0 auto;
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 2.375rem;
    margin: 0 auto;
}

.teaser.homepage .inside .semi-hidden .inside .ce_hyperlink a {
    color: #fff;
    text-decoration: none;
    line-height: 2.3rem;
    padding: 0.313em 0;
    display: block;
    border: 2px solid #ff0087;
    background: #ff0087;
    -webkit-transition: all 0.25s ease-in;
    transition: all 0.25s ease-in;
}

.teaser.homepage .inside .semi-hidden .inside .ce_hyperlink a:hover {
    background: #fff;
    color: #ff0087;
    border: 2px solid #fff;
}

.teaser.homepage .inside .image {
    position: relative;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

.teaser.homepage .inside .image .inside {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.teaser.homepage .inside .image:before {
    content: "";
    display: block;
    padding-top: 72.5%;
}

.teaser.homepage:hover .inside .semi-hidden {
    bottom: 0;
}

@media all and (max-width: 1350px) {
    .teaser.homepage .inside .semi-hidden {
        bottom: -59.5%;
    }
}

@media all and (max-width: 1150px) {
    .teaser.homepage .inside .semi-hidden {
        bottom: -61%;
    }
}

@media all and (max-width: 1024px) {
    .teaser.homepage .inside .semi-hidden {
        bottom: -58.5%;
    }

    .teaser.homepage .inside .semi-hidden .inside .icon {
        font-size: 3em;
    }
}

@media all and (max-width: 930px) {
    .teaser.homepage {
        position: relative;
    }

    .teaser.homepage .inside {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
    }

    .teaser.homepage:before {
        content: "";
        display: block;
        padding-top: 90%;
    }

    .teaser.homepage .inside .semi-hidden {
        position: relative;
        position: absolute;
        bottom: -67.75%;
    }

    .teaser.homepage .inside .semi-hidden .inside {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
    }

    .teaser.homepage .inside .semi-hidden:before {
        content: "";
        display: block;
        padding-top: 93.5%;
    }

    .teaser.homepage .inside .semi-hidden .inside {
        padding: 0.375rem 2rem 0;
    }

    .teaser.homepage .inside .semi-hidden .inside .icon {
        font-size: 2em;
        margin: 0.5rem 0 0.75rem;
    }

    .teaser.homepage .inside .semi-hidden .inside h2 {
        margin: 0 0 0.750rem;
    }

    .teaser.homepage .inside .semi-hidden .inside p {
        padding: 0.75rem 0.5rem 0;
    }

    .teaser.homepage .inside .semi-hidden .inside .ce_hyperlink {
        bottom: 1rem;
    }

    .teaser.homepage .inside .image {
        position: relative;
    }

    .teaser.homepage .inside .image .inside {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
    }

    .teaser.homepage .inside .image:before {
        content: "";
        display: block;
        padding-top: 81.5%;
    }
}

@media all and (max-width: 767px) {
    .teaser.homepage {
        position: relative;
        width: calc(50% - 0.5em);
        margin: 1em 1em 0 0;
    }

    .teaser.homepage .inside {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
    }

    .teaser.homepage:before {
        content: "";
        display: block;
        padding-top: 115%;
    }

    .teaser.homepage .inside .semi-hidden {
        position: relative;
        position: absolute;
        bottom: -71%;
    }

    .teaser.homepage .inside .semi-hidden .inside {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
    }

    .teaser.homepage .inside .semi-hidden:before {
        content: "";
        display: block;
        padding-top: 123%;
    }

    .teaser.homepage .inside .image {
        position: relative;
    }

    .teaser.homepage .inside .image .inside {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
    }

    .teaser.homepage .inside .image:before {
        content: "";
        display: block;
        padding-top: 105%;
    }

    .teaser.homepage .inside .ce_hyperlink {
        bottom: 1.2rem;
    }
}

@media all and (max-width: 630px) {
    .teaser.homepage {
        position: relative;
        width: 100%;
        margin: 1em 0 0 0;
    }

    .teaser.homepage .inside {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
    }

    .teaser.homepage:before {
        content: "";
        display: block;
        padding-top: 67%;
    }

    .teaser.homepage .inside .semi-hidden {
        position: relative;
        position: absolute;
        bottom: -54.25%;
    }

    .teaser.homepage .inside .semi-hidden .inside {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
    }

    .teaser.homepage .inside .semi-hidden:before {
        content: "";
        display: block;
        padding-top: 65%;
    }

    .teaser.homepage .inside .semi-hidden .inside h2 {
        font-size: 1.5em;
        margin: 2% 0 5%;
    }

    .teaser.homepage .inside .semi-hidden .inside .icon {
        font-size: 3em;
        line-height: 1;
        margin-top: 3%;
    }

    .teaser.homepage .inside .image {
        position: relative;
    }

    .teaser.homepage .inside .image .inside {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
    }

    .teaser.homepage .inside .image:before {
        content: "";
        display: block;
        padding-top: 60%;
    }
}

@media all and (max-width: 540px) {
    .teaser.homepage {
        position: relative;
    }

    .teaser.homepage .inside {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
    }

    .teaser.homepage:before {
        content: "";
        display: block;
        padding-top: 77%;
    }

    .teaser.homepage .inside .semi-hidden {
        position: relative;
        position: absolute;
        bottom: -63.5%;
    }

    .teaser.homepage .inside .semi-hidden .inside {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
    }

    .teaser.homepage .inside .semi-hidden:before {
        content: "";
        display: block;
        padding-top: 80%;
    }

    .teaser.homepage .inside .semi-hidden .inside .icon {
        font-size: 2em;
    }

    .teaser.homepage .inside .image {
        position: relative;
    }

    .teaser.homepage .inside .image .inside {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
    }

    .teaser.homepage .inside .image:before {
        content: "";
        display: block;
        padding-top: 68%;
    }
}

@media all and (max-width: 480px) {
    .teaser.homepage {
        position: relative;
    }

    .teaser.homepage .inside {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
    }

    .teaser.homepage:before {
        content: "";
        display: block;
        padding-top: 115%;
    }

    .teaser.homepage .inside .semi-hidden {
        position: relative;
        position: absolute;
        bottom: -70.25%;
    }

    .teaser.homepage .inside .semi-hidden .inside {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
    }

    .teaser.homepage .inside .semi-hidden:before {
        content: "";
        display: block;
        padding-top: 123%;
    }

    .teaser.homepage .inside .semi-hidden .inside h2 {
        font-size: 1.25em;
        margin: 2% 0 6%;
    }

    .teaser.homepage .inside .image {
        position: relative;
    }

    .teaser.homepage .inside .image .inside {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
    }

    .teaser.homepage .inside .image:before {
        content: "";
        display: block;
        padding-top: 105%;
    }
}

.teaser .overlay {
    background: rgba(0, 0, 0, 0.5);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

@media all and (min-width: 1150px) {
    .inside.cols_3 {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .inside.cols_3 .teaser {
        width: calc(33.333% - 0.8125em);
        float: none;
        margin-right: 0;
    }

    .inside.cols_3 .teaser.branchen:nth-child(n+3) {
        margin-top: 0;
    }

    .inside.cols_3 .teaser.branchen:nth-child(n+4) {
        margin-top: 1.2125em;
    }

    .inside.cols_3 .teaser.branchen .inside {
        padding: 0 1.0em;
    }
}

@media all and (min-width: 1150px) and (max-width: 1350px) {
    .inside.cols_3 .teaser.branchen .inside h2 {
        margin-top: 0;
        margin-bottom: .2em;
    }
}

@media all and (min-width: 1150px) {
    .inside.cols_3 .teaser.branchen .inside .info .icon {
        font-size: 60px;
    }

    .inside.cols_3 .teaser.branchen .inside .info .icon:before {
        font-size: 37px;
    }
}

@media all and (min-width: 1150px) and (max-width: 1350px) {
    .inside.cols_3 .teaser.branchen .inside .info .icon {
        font-size: 56px;
    }

    .inside.cols_3 .teaser.branchen .inside .info .icon:before {
        font-size: 27px;
    }
}

@media all and (min-width: 1150px) {
    .inside.cols_3 .teaser.branchen .inside .hidden .ce_hyperlink {
        margin-top: 0;
        margin-bottom: 1.5em;
    }
}

.news-teaser .image_container {
    position: relative;
    float: none !important;
    text-indent: -9999px;
    background-image: url(../../media/events/bg_news.jpg);
    background-size: cover;
}

.news-teaser .image_container img {
    display: block;
}

.news-teaser .image_container a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.news-teaser .archive {
    background: #000;
    padding: 1rem 0 0.875rem;
}

.news-teaser .archive h3 {
    font-size: 1.563em;
    line-height: 2rem;
    text-align: center;
    color: #fff;
    margin: 0;
}

@media all and (max-width: 1350px) {
    .news-teaser .archive h3 {
        font-size: 1.25em;
        line-height: 1;
    }
}

.news-teaser .content {
    background: #fff;
    position: relative;
    position: relative;
}

.news-teaser .content .inside {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.news-teaser .content:before {
    content: "";
    display: block;
    padding-top: 57%;
}

.news-teaser .content .inside .date,
.news-teaser .content .inside .teaser {
    color: #696969;
    text-align: center;
}

.news-teaser .content .inside .date {
    font-weight: 700;
    font-size: 1.375em;
    margin: 0;
    padding: 1rem 0 0.5rem;
}

.news-teaser .content .inside .teaser {
    font-size: 0.938rem;
    padding: 0 1.875em;
}

.news-teaser .content .inside .teaser p {
    margin: 0;
}

.news-teaser .content .inside .teaser p.headline {
    font-weight: 700;
    font-size: 1.375em;
    margin: 0;
    padding: 1rem 0 0.5rem;
}

.news-teaser .content .inside .more {
    width: 10.500em;
    margin: 0 auto;
    text-align: center;
    position: absolute;
    /*
    width: 10.313em;
    height: 2.500em;
    border: 2px solid $accent01;
    */
    left: 0;
    right: 0;
    bottom: 1.625em /*
    margin: 0 auto;

    a {
        display: block;
        width: 100%;
        height: 100%;
        line-height: 2.500em;
        font-size: 1.063em;
        color: $accent01;
        text-align: center;
        text-decoration: none;
    }
    */
}

.news-teaser .content .inside .more a {
    color: #ff0087;
    text-decoration: none;
    line-height: 2.3rem;
    padding: 0.313em 0;
    display: block;
    border: 2px solid #ff0087;
    background: none;
    -webkit-transition: all 0.25s ease-in;
    transition: all 0.25s ease-in;
}

.news-teaser .content .inside .more a:hover {
    background: #ff0087;
    color: #fff;
}

.news-teaser.hover .content .inside .more a {
    color: #fff;
    background: #ff0087;
}

@media all and (max-width: 1350px) {
    .news-teaser .content {
        position: relative;
    }

    .news-teaser .content .inside {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
    }

    .news-teaser .content:before {
        content: "";
        display: block;
        padding-top: 75%;
    }

    .news-teaser .content .inside .date {
        font-size: 1.15em;
    }
}

@media all and (max-width: 1150px) {
    .news-teaser .content .inside .more {
        bottom: 1.5em;
    }
}

@media all and (max-width: 1024px) {
    .news-teaser .content {
        position: relative;
    }

    .news-teaser .content .inside {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
    }

    .news-teaser .content:before {
        content: "";
        display: block;
        padding-top: 80%;
    }

    .news-teaser .content .inside .more {
        bottom: 1.25em;
    }
}

@media all and (max-width: 930px) {
    .news-teaser .content {
        position: relative;
    }

    .news-teaser .content .inside {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
    }

    .news-teaser .content:before {
        content: "";
        display: block;
        padding-top: 110%;
    }

    .news-teaser .content .inside .teaser {
        padding: 0 1.25em;
    }
}

@media all and (max-width: 767px) {
    .news-teaser .content {
        position: relative;
    }

    .news-teaser .content .inside {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
    }

    .news-teaser .content:before {
        content: "";
        display: block;
        padding-top: 155%;
    }
}

@media all and (max-width: 630px) {
    .news-teaser .image_container img {
        display: block;
        width: 100%;
    }

    .news-teaser .content {
        padding: 0.5em 5% 1.5em;
    }

    .news-teaser .content .inside {
        position: relative;
    }

    .news-teaser .content .inside .more {
        position: relative;
        bottom: auto;
        margin-top: 1.5em;
    }

    .news-teaser .content:before {
        content: none;
    }
}

.news-teaser.list {
    width: calc(100% / 3 - 1em);
    margin-right: 1.500em;
    float: left;
}

.news-teaser.list:nth-child(3n+3) {
    margin-right: 0;
}

.news-teaser.list:nth-child(n+4) {
    margin-top: 1.500em;
}

.news-teaser.list .image_container {
    position: relative;
}

.news-teaser.list .image_container a {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-indent: -9999999px;
    z-index: 2;
}

.news-teaser.list .image_container .overlay {
    background: rgba(0, 0, 0, 0.5);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    -webkit-transition: all 0.25s ease-in;
    transition: all 0.25s ease-in;
}

.news-teaser.list.hover .image_container .overlay {
    opacity: 0;
}

.news-teaser.list.hover .content .more {
    background: #ff0087;
}

.news-teaser.list.hover .content .more a {
    color: #fff;
}

@media all and (max-width: 767px) {
    .news-teaser.list {
        width: calc(100% / 3 - 0.5em);
        margin-right: 0.75em;
    }

    .news-teaser.list:nth-child(n+4) {
        margin-top: 0.750em;
    }
}

@media all and (max-width: 630px) {
    .news-teaser.list {
        width: calc(50% - 0.375em);
        margin-right: 0.75em !important;
    }

    .news-teaser.list:nth-child(even) {
        margin-right: 0 !important;
    }

    .news-teaser.list:nth-child(n+3) {
        margin-top: 0.750em;
    }
}

@media all and (max-width: 630px) {
    .news-teaser.list {
        width: 100%;
        margin-right: 0 !important;
    }

    .news-teaser.list:nth-child(n+2) {
        margin-top: 0.750em;
    }
}

.azubi-blog .news-teaser {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.azubi-blog .news-teaser.list {
    width: calc(100% / 3);
    margin-right: 0;
}

.azubi-blog .news-teaser.list:nth-child(n+4) {
    margin-top: 0;
}

.azubi-blog .news-teaser.list h2 {
    font-size: 1.563em;
    line-height: 2rem;
    width: 16.875rem;
    margin: 1.250rem auto 1rem;
    padding: 0 0 1rem 0;
    border-bottom: 1px solid #696969;
}

@media all and (max-width: 1350px) {
    .azubi-blog .news-teaser.list h2 {
        font-size: 1.25em;
        line-height: 1;
    }
}

.azubi-blog .news-teaser.list h2 a {
    color: #696969;
    text-decoration: none;
}

.azubi-blog .news-teaser .image_container:before {
    content: "\e900";
    font-family: "Icons";
    color: #fff;
    position: absolute;
    bottom: 0.5em;
    width: 100%;
    text-align: center;
    text-indent: 0;
    z-index: 2;
}

.azubi-blog .news-teaser .content:before {
    padding-top: 72.5%;
}

.azubi-blog .news-teaser:nth-child(3n+2) {
    -webkit-flex-direction: column-reverse;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
}

.azubi-blog .news-teaser:nth-child(3n+2) .image_container:before {
    content: "\e903";
    top: 0.5em;
    bottom: auto;
    width: 100%;
}

@media all and (max-width: 1350px) {
    .azubi-blog .news-teaser .content .inside .more {
        bottom: 1.25em;
    }
}

@media all and (max-width: 1024px) {
    .azubi-blog .news-teaser.list {
        width: 50%;
    }

    .azubi-blog .news-teaser.list h2 {
        font-size: 1.563em;
        line-height: 2rem;
        margin: 2.25rem auto 1.25rem;
        padding: 0 0 1.25rem 0;
    }

    .azubi-blog .news-teaser.list:nth-child(even) {
        -webkit-flex-direction: column-reverse !important;
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important;
    }

    .azubi-blog .news-teaser.list:nth-child(even) .image_container:before {
        content: "\e903";
        top: 0.5em !important;
    }

    .azubi-blog .news-teaser.list:nth-child(odd) {
        -webkit-flex-direction: column !important;
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important;
    }

    .azubi-blog .news-teaser.list:nth-child(odd) .image_container:before {
        content: "\e900";
        top: auto !important;
        bottom: 0.5em !important;
    }

    .azubi-blog .news-teaser .content .inside .more {
        bottom: 3em;
    }

    .azubi-blog .news-teaser .image_container img {
        width: 100%;
    }
}

@media all and (max-width: 930px) {
    .azubi-blog .news-teaser.list h2 {
        margin: 1rem auto 1rem;
        padding: 0 0 1rem 0;
    }

    .azubi-blog .news-teaser .content .inside .more {
        bottom: 1.5em;
    }
}

@media all and (max-width: 767px) {
    .azubi-blog .news-teaser.list h2 {
        font-size: 1.25em;
        line-height: 1;
        margin: 1rem auto 0.5rem;
    }

    .azubi-blog .news-teaser .content .inside .more {
        bottom: 1em;
    }
}

@media all and (max-width: 630px) {
    .azubi-blog .news-teaser.list {
        width: 100%;
    }

    .azubi-blog .news-teaser.list:nth-child(even) {
        -webkit-flex-direction: column !important;
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important;
    }

    .azubi-blog .news-teaser.list:nth-child(even) .image_container:before {
        content: "\e900";
        top: auto !important;
        bottom: 0.5em !important;
    }

    .azubi-blog .news-teaser.list:nth-child(n+2) {
        margin-top: 0.75rem !important;
    }

    .azubi-blog .news-teaser .content .inside .more {
        bottom: 0;
    }
}

.quote {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
    overflow: visible;
}

.quote .text {
    position: relative;
    width: calc(100% - 60px);
    padding: 4.5em 30px 1.3em;
    background: #fff;
    box-shadow: 0px 0px 15px 0px #9a9a9a;
}

.quote .text p {
    font-style: italic;
}

.quote .text:before {
    content: "\e914";
    font-family: "Icons";
    color: #000;
    position: absolute;
    font-size: 2.5em;
    top: 2.250rem;
    left: 0;
    right: 0;
    text-align: center;
}

.quote.hasImg .text {
    width: calc(100% - 265px);
}

.quote.hasImg .image {
    width: 205px;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    z-index: 1;
}

@media all and (max-width: 1024px) {
    .quote {
        -webkit-flex-direction: column;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .quote.hasImg .image {
        width: 100%;
        position: relative;
    }

    .quote.hasImg .image .inside {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
    }

    .quote.hasImg .image:before {
        content: "";
        display: block;
        padding-top: 65%;
    }

    .quote.hasImg .text {
        width: calc(100% - 60px);
    }
}

@media all and (max-width: 767px) {
    .quote {
        -webkit-flex-direction: row;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }

    .quote .image {
        width: 35%;
    }

    .quote .image:before {
        content: none;
    }

    .quote .text {
        width: calc(65% - 60px);
    }
}

@media all and (max-width: 630px) {
    .quote {
        -webkit-flex-direction: column;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .quote.hasImg .image {
        width: 100%;
        position: relative;
    }

    .quote.hasImg .image .inside {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
    }

    .quote.hasImg .image:before {
        content: "";
        display: block;
        padding-top: 65%;
    }

    .quote.hasImg .text {
        width: calc(100% - 60px);
    }
}

.contact-block h4 {
    font-size: 1.375em;
}

.contact-block .text {
    font-size: 0.938rem;
    text-align: center;
}

.contact-block .contact {
    margin-top: 1.15rem;
}

.contact-block .contact p {
    font-size: 1.188em;
    font-weight: 600;
    line-height: 1.875rem;
    color: #ff0087;
    margin: 0;
}

.contact-block .contact p a {
    color: #ff0087;
}

.contact-block .link {
    width: 10.500em;
    margin: 0 auto;
    text-align: center;
    margin-top: 0.625rem;
}

.contact-block .link a {
    color: #ff0087;
    text-decoration: none;
    line-height: 2.3rem;
    padding: 0.313em 0;
    display: block;
    border: 2px solid #ff0087;
    background: none;
    -webkit-transition: all 0.25s ease-in;
    transition: all 0.25s ease-in;
}

.contact-block .link a:hover {
    background: #ff0087;
    color: #fff;
}

.contact-block.shadow {
    position: relative;
    margin-top: -13px;
    padding: 1.875rem 0 2.375rem;
    box-shadow: 0px 0px 15px 0px #9a9a9a;
    overflow: visible;
}

.contact-block.shadow .text {
    line-height: 1;
}

.contact-block.shadow:before {
    content: "";
    position: absolute;
    top: -25px;
    left: -5%;
    width: 110%;
    height: 25px;
    background: #fff;
    z-index: 1;
}

.slick-slider {
    padding: 0 0 45px;
    margin-top: 1.35rem;
    overflow: visible;
    border: 1px solid #000;
}

.slick-slider .slick-slide figure {
    border-bottom: 1px solid #000;
}

.slick-slider .slick-slide figure img {
    width: 100%;
    height: auto;
}

.slick-slider .slick-prev,
.slick-slider .slick-next {
    position: absolute;
    bottom: 0;
    width: 39.4%;
    height: 45px;
    -webkit-appearance: none;
    background: none;
    outline: none;
    cursor: pointer;
    font-size: 0;
    border: none;
}

.slick-slider .slick-prev:before,
.slick-slider .slick-next:before {
    font-family: "Icons";
    color: #696969;
    font-size: 1rem;
    line-height: 45px;
    display: block;
}

.slick-slider .slick-prev {
    left: 0;
}

.slick-slider .slick-prev:before {
    content: "\e901";
}

.slick-slider .slick-next {
    right: 0;
}

.slick-slider .slick-next:before {
    content: "\e902";
}

.slick-slider .custom_paging {
    position: absolute;
    left: 0;
    right: 0;
    width: 21.2%;
    height: 45px;
    text-align: center;
    line-height: 45px;
    margin: 0 auto;
    padding: 0;
    list-style: none;
    background: #000;
}

.slick-slider .custom_paging li {
    display: none;
    font-size: 1.063em;
    color: #fff;
}

.slick-slider .custom_paging li.slick-active {
    display: block;
}

@media all and (max-width: 767px) {
    .slick-slider {
        padding: 0px 0 35px;
    }

    .slick-slider .slick-prev,
    .slick-slider .slick-next {
        height: 35px;
    }

    .slick-slider .slick-prev:before,
    .slick-slider .slick-next:before {
        line-height: 35px;
    }

    .slick-slider .custom_paging {
        height: 35px;
        line-height: 35px;
    }
}

.ce_list h1, .ce_list h2, .ce_list h3, .ce_list h4, .ce_list h5, .ce_list h6 {
    font-size: 1.188em;
    font-weight: 600;
    line-height: 0.750rem;
    text-align: left;
    margin: 0 0 1.750rem 0;
}

.ce_list ul, .ce_list ol {
    margin: 0;
}

h4.ce_headline + .ce_list {
    margin-top: -0.625rem;
}

ul {
    padding: 0;
    list-style: none;
}

ul li {
    color: #696969;
}

ul li.last {
    margin-bottom: 0;
}

ol {
    counter-reset: li;
    margin-left: 0;
    padding-left: 0;
}

ol > li {
    position: relative;
    padding: 0 0 0 2.563rem;
    margin-bottom: 0.813rem;
    list-style: none;
    line-height: 1.375rem;
    color: #696969;
}

ol > li:before {
    content: counter(li);
    counter-increment: li;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 1.375rem;
    width: 1.375rem;
    height: 1.375rem;
    margin-right: 1.875rem;
    font-size: 0.938rem;
    color: #fff;
    line-height: 1.125rem;
    text-align: center;
    background: #000;
}

.list-style-check ul li {
    position: relative;
    padding: 0.5rem 0 0.5rem 1.563em;
}

.list-style-check ul li:before {
    content: "\e91b";
    font-family: "Icons";
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -0.5em;
    font-size: 1em;
}

.list-style-bullet ul li {
    position: relative;
    padding: 0rem 0 0.5rem 2.063em;
    line-height: 1.4em;
}

.list-style-bullet ul li:before {
    content: "";
    /*
    width: 8px;
    height: 8px;
    border-radius: 8px;
    */
    width: 0.564em;
    height: 0.564em;
    border-radius: 0.564em;
    background: #696969;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -0.382em;
}

.pagination {
    float: none;
    clear: both;
}

.pagination ul {
    text-align: center;
    margin-bottom: 0;
    height: 1.750em;
}

.pagination ul li {
    position: relative;
    display: inline-block;
    width: 1.750em;
    height: 1.750em;
    margin: 0 0.5rem 0 0;
}

.pagination ul li span, .pagination ul li a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-decoration: none;
    color: #fff;
    background: #000;
    line-height: 1.750em;
    -webkit-transition: all 0.25s ease-in;
    transition: all 0.25s ease-in;
}

.pagination ul li span.current, .pagination ul li span:hover, .pagination ul li a.current, .pagination ul li a:hover {
    background: #ff0087;
}

.pagination ul li:nth-last-child(1) {
    margin: 0;
}

.iconbox {
    position: relative;
    width: calc(25% - 1.125em);
    float: left;
    margin-right: 1.50em;
    background: #000;
}

.iconbox .inside {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.iconbox:before {
    content: "";
    display: block;
    padding-top: 100%;
}

.iconbox .inside {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-top: 1.25em;
}

.iconbox .inside .content .icon,
.iconbox .inside .content .text {
    font-size: 0.938rem;
    color: #fff;
    text-align: center;
}

.iconbox .inside .content .icon {
    margin: 0 0 1em;
}

.iconbox .inside .content .icon:before {
    font-size: 2.75em;
}

.iconbox:nth-child(4n+4) {
    margin-right: 0;
}

.iconbox:nth-child(n+5) {
    margin-top: 1.50em;
}

.iconbox a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

@media all and (max-width: 930px) {
    .iconbox {
        width: calc(100% / 3 - 1.125em);
        margin-right: 1.50rem !important;
    }

    .iconbox:nth-child(3n+3) {
        margin-right: 0 !important;
    }

    .iconbox:nth-child(n+4) {
        margin-top: 1.50rem;
    }
}

@media all and (max-width: 630px) {
    .iconbox {
        width: calc(50% - 0.7em);
        margin-right: 0 !important;
    }

    .iconbox:nth-child(2n+2) {
        margin-right: 0 !important;
        margin-left: 0.7rem !important;
    }

    .iconbox:nth-child(n+3) {
        margin-top: 0.7rem;
    }
}

.ce_accessible_tabs .tabs-list {
    width: 1200px;
    margin: 0 auto;
    display: table;
    table-layout: fixed;
}

@media all and (max-width: 1350px) {
    .ce_accessible_tabs .tabs-list {
        width: 1060px;
    }
}

@media all and (max-width: 1150px) {
    .ce_accessible_tabs .tabs-list {
        width: 950px;
    }
}

@media all and (max-width: 1024px) {
    .ce_accessible_tabs .tabs-list {
        width: 860px;
    }
}

@media all and (max-width: 930px) {
    .ce_accessible_tabs .tabs-list {
        width: 690px;
    }
}

@media all and (max-width: 767px) {
    .ce_accessible_tabs .tabs-list {
        width: 585px;
    }
}

@media all and (max-width: 630px) {
    .ce_accessible_tabs .tabs-list {
        width: 450px;
    }
}

@media all and (max-width: 540px) {
    .ce_accessible_tabs .tabs-list {
        width: 365px;
    }
}

@media all and (max-width: 480px) {
    .ce_accessible_tabs .tabs-list {
        width: 280px;
    }
}

.ce_accessible_tabs .tabs-list > li {
    display: table-cell;
    background: #696969;
}

.ce_accessible_tabs .tabs-list > li.current {
    background: #000;
}

.ce_accessible_tabs .tabs-list > li a {
    display: block;
    width: 100%;
    height: 100%;
    font-size: 1.563em;
    color: #fff;
    text-align: center;
    text-decoration: none;
    padding: 0.5rem 0;
}

@media all and (max-width: 767px) {
    .ce_accessible_tabs .tabs-list > li a {
        padding: 0.75rem 0;
    }
}

.ce_accessible_tabs .tabs-list > li a .current-info {
    display: none;
}

.ce_accessible_tabs .content {
    background: rgba(255, 255, 255, 0.7);
}

.ce_accessible_tabs .content .tabhead {
    display: none;
}

.ce_accessible_tabs .content .tabbody {
    padding: 2.125rem;
}

.ce_accessible_tabs .content .tabbody p, .ce_accessible_tabs .content .tabbody a {
    font-size: 0.938rem;
    margin: 0;
}

@media all and (max-width: 767px) {
    .ce_accessible_tabs .tabs-list > li a {
        font-size: 1.25em;
    }
}

.ce_table table {
    width: 100%;
    border-collapse: collapse;
    border: 1px solid #000;
}

.ce_table table thead {
    background: #000;
}

.ce_table table thead tr th {
    color: #fff;
}

.ce_table table thead tr th.col_first {
    text-align: left;
    padding-left: 0.938rem;
}

.ce_table table tbody tr {
    border-bottom: 1px solid #000;
}

.ce_table table tbody tr td {
    color: #696969;
    text-align: center;
}

.ce_table table tbody tr td.col_first {
    text-align: left;
    padding-left: 0.938rem;
}

.ce_table table tbody tr.row_last {
    border: none;
}

.ce_table table th, .ce_table table td {
    font-size: 0.938rem;
    padding: 0.5rem 0;
}

@media all and (max-width: 767px) {
    .ce_table table th, .ce_table table td {
        padding: 0.75rem 0;
    }
}

.ce_accordion .toggler {
    font-size: 0.938rem;
    color: #696969;
    border: 1px solid #000;
    border-bottom: none;
    padding: 0.5rem 0 0.5rem 1rem;
    outline: none;
    cursor: pointer;
}

.ce_accordion .toggler:before {
    content: "\e91d";
    font-family: "Icons";
    margin-right: 1rem;
}

.ce_accordion .toggler.ui-state-active {
    border-bottom: 1px solid #000;
}

.ce_accordion .toggler.ui-state-active:before {
    content: "\e91c";
    font-family: "Icons";
}

.ce_accordion .toggler:hover:before {
    color: #ff0087;
}

.ce_accordion .ui-accordion-content {
    padding: 1.250rem 1rem;
}

.ce_accordion .ui-accordion-content p {
    margin: 0;
}

.ce_accordion:nth-last-of-type(1) .toggler {
    border-bottom: 1px solid #000;
}

@media all and (min-width: 540px) {
    .ce_colsetStart .col_1 .ce_image, .ce_colsetStart .col_2 .ce_image, .ce_colsetStart .col_3 .ce_image {
        margin-top: 1em;
    }
}

/*************************/
/*  KONZELMANN - LAYOUT  */
/*************************/
.contact .block {
    overflow: visible;
}

.k-bg {
    background: url(../lib/graphics/k-pattern.svg) #e8e7e7;
    background-size: 12px 26px;
    padding-top: 3.438rem;
}

.pd-bottom {
    padding: 0 0 5.313rem;
}

.pd-bottom .inside {
    padding: 0 !important;
}

.nopd-bottom {
    padding-bottom: 0 !important;
}

#wrapper {
    position: relative;
}

#container {
    padding-top: 8.125rem;
    padding-bottom: 17.188rem;
}

#container.scrolled {
    padding-top: 4.688rem;
}

@media all and (max-width: 630px) {
    #container {
        padding-bottom: 18.25rem;
    }
}
#wrapper .custom {
    padding-top: 8.125em;
}

.custom + #container {
    padding-top: 0;
}

.mod_article {
    padding-bottom: 4.375rem;
}

.mod_article > .inside {
    width: 1200px;
    margin: 0 auto;
}

@media all and (max-width: 1350px) {
    .mod_article > .inside {
        width: 1060px;
    }
}

@media all and (max-width: 1150px) {
    .mod_article > .inside {
        width: 950px;
    }
}

@media all and (max-width: 1024px) {
    .mod_article > .inside {
        width: 860px;
    }
}

@media all and (max-width: 930px) {
    .mod_article > .inside {
        width: 690px;
    }
}

@media all and (max-width: 767px) {
    .mod_article > .inside {
        width: 585px;
    }
}

@media all and (max-width: 630px) {
    .mod_article > .inside {
        width: 450px;
    }
}

@media all and (max-width: 540px) {
    .mod_article > .inside {
        width: 365px;
    }
}

@media all and (max-width: 480px) {
    .mod_article > .inside {
        width: 280px;
    }
}

.mod_article .inside .contact-block.noShadow {
    padding: 1.875rem 0 2.375rem;
}

.mod_article .inside .subcolumns .c50l,
.mod_article .inside .subcolumns .c50r {
    width: calc(50% - 0.813rem);
}

.mod_article .inside .subcolumns .c50l {
    margin-right: 1.625rem;
}

.mod_article.first {
    padding-top: 3.35rem;
}

.mod_article.last {
    padding-bottom: 5.313rem;
}

.mod_article .intro {
    width: 51.250rem;
    margin: 0 auto;
    margin-bottom: 1em;
}

@media all and (max-width: 1350px) {
    .mod_article .intro {
        width: 43.5rem;
    }
}

@media all and (max-width: 767px) {
    .mod_article .intro {
        width: 35.5rem;
    }
}

@media all and (max-width: 767px) {
    .mod_article .intro {
        width: 35.5rem;
    }
}

@media all and (max-width: 630px) {
    .mod_article .intro {
        width: 100%;
    }
}

@media all and (max-width: 767px) {
    .mod_article .inside .subcolumns .c50l,
    .mod_article .inside .subcolumns .c50r {
        width: calc(50% - 0.5rem);
    }

    .mod_article .inside .subcolumns .c50l {
        margin-right: 1rem;
    }
}

@media all and (max-width: 630px) {
    .mod_article .inside .subcolumns .c50l,
    .mod_article .inside .subcolumns .c50r {
        width: 100%;
    }

    .mod_article .inside .subcolumns .c50l {
        margin-right: 0;
        margin-bottom: 3rem;
    }
}

.custom .mod_article.first {
    padding: 0;
}

.ce_text + .ce_list,
.ce_text + .ce_table {
    margin-top: 1.250em;
}

.c33l,
.c33r {
    width: calc(100% / 3 - 16px);
}

@media all and (max-width: 767px) {
    .c33l,
    .c33r {
        width: calc(100% / 3 - 0.666em);
    }
}

@media all and (max-width: 630px) {
    .c33l,
    .c33r {
        width: 100%;
    }
}

.c33l {
    margin-right: 24px;
}

@media all and (max-width: 767px) {
    .c33l {
        margin-right: 1em;
    }
}

@media all and (max-width: 630px) {
    .c33l {
        margin-right: 0;
    }
}

.mod_rocksolid_slider .rsts-slide .overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
}

.home .custom .inside .mod_article,
.home .custom .inside .mod_rocksolid_slider {
    height: 100%;
}

.home .custom .inside #mobile-slider-elemente {
    display: none;
}

.home .custom .inside .mobile-slider .element {
    position: relative;
    background-size: cover !important;
    background-position: center !important;
    margin-bottom: 3px;
}

.home .custom .inside .mobile-slider .element .inside {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.home .custom .inside .mobile-slider .element:before {
    content: "";
    display: block;
    padding-top: 35%;
}

.home .custom .inside .mobile-slider .element .inside {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    z-index: 1;
}

.home .custom .inside .mobile-slider .element .inside .left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 82%;
}

.home .custom .inside .mobile-slider .element .inside .left .icon {
    margin-bottom: 5px;
}

.home .custom .inside .mobile-slider .element .inside .left .icon:before {
    font-size: 2.000rem;
    color: #fff;
}

.home .custom .inside .mobile-slider .element .inside .left span {
    font-size: 2.071em;
    color: #fff;
}

.home .custom .inside .mobile-slider .element .inside .right {
    width: 18%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.home .custom .inside .mobile-slider .element .inside .right:before {
    content: "\e902";
    font-family: "Icons";
    color: #fff;
    font-size: 1.786em;
}

.home .custom .inside .mobile-slider .element a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    z-index: 2;
}

.home .custom .inside .mobile-slider .element .overlay {
    background: rgba(0, 0, 0, 0.5);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

@media all and (max-width: 730px) {
    .home .custom .inside .mod_rocksolid_slider {
        display: none;
    }

    .home .custom .inside #mobile-slider-elemente {
        display: block;
    }
}

.home .mod_newslist,
.home .mod_eventlist {
    margin-top: 2.813em;
}

@media all and (max-width: 1024px) {
    .home .mod_newslist,
    .home .mod_eventlist {
        margin-top: 2em;
    }
}

@media all and (max-width: 630px) {
    .home #aktuelles .inside {
        width: 100%;
    }

    .home #aktuelles .inside .intro {
        width: 1200px;
        margin: 0 auto;
    }
}

@media all and (max-width: 630px) and (max-width: 1350px) {
    .home #aktuelles .inside .intro {
        width: 1060px;
    }
}

@media all and (max-width: 630px) and (max-width: 1150px) {
    .home #aktuelles .inside .intro {
        width: 950px;
    }
}

@media all and (max-width: 630px) and (max-width: 1024px) {
    .home #aktuelles .inside .intro {
        width: 860px;
    }
}

@media all and (max-width: 630px) and (max-width: 930px) {
    .home #aktuelles .inside .intro {
        width: 690px;
    }
}

@media all and (max-width: 630px) and (max-width: 767px) {
    .home #aktuelles .inside .intro {
        width: 585px;
    }
}

@media all and (max-width: 630px) and (max-width: 630px) {
    .home #aktuelles .inside .intro {
        width: 450px;
    }
}

@media all and (max-width: 630px) and (max-width: 540px) {
    .home #aktuelles .inside .intro {
        width: 365px;
    }
}

@media all and (max-width: 630px) and (max-width: 480px) {
    .home #aktuelles .inside .intro {
        width: 280px;
    }
}

@media all and (max-width: 630px) {
    .home #aktuelles .inside .subcolumns .c33l,
    .home #aktuelles .inside .subcolumns .c33r {
        width: calc(100% / 3 - 2px);
    }

    .home #aktuelles .inside .subcolumns > .first {
        margin-right: 3px;
    }

    .home #aktuelles .inside .subcolumns > .last {
        margin-left: 3px;
    }

    .home #aktuelles .inside .mod_newslist .content,
    .home #aktuelles .inside .mod_newslist .image_container,
    .home #aktuelles .inside .mod_eventlist .content,
    .home #aktuelles .inside .mod_eventlist .image_container {
        display: none;
    }

    .home #aktuelles .inside .mod_newslist .archive,
    .home #aktuelles .inside .mod_eventlist .archive {
        position: relative;
        position: relative;
        background: rgba(0, 0, 0, 0.8);
        padding: 0;
    }

    .home #aktuelles .inside .mod_newslist .archive .inside,
    .home #aktuelles .inside .mod_eventlist .archive .inside {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
    }

    .home #aktuelles .inside .mod_newslist .archive:before,
    .home #aktuelles .inside .mod_eventlist .archive:before {
        content: "";
        display: block;
        padding-top: 90%;
    }

    .home #aktuelles .inside .mod_newslist .archive .inside,
    .home #aktuelles .inside .mod_eventlist .archive .inside {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -moz-flex;
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-justify-content: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-flex-direction: column;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .home #aktuelles .inside .mod_newslist .archive .inside .icon,
    .home #aktuelles .inside .mod_eventlist .archive .inside .icon {
        padding-bottom: 1rem;
    }

    .home #aktuelles .inside .mod_newslist .archive .inside .icon:before,
    .home #aktuelles .inside .mod_eventlist .archive .inside .icon:before {
        font-size: 2.429rem;
        color: #fff;
    }

    .home #aktuelles .inside .mod_newslist .archive .inside .icon.icon-1:before,
    .home #aktuelles .inside .mod_eventlist .archive .inside .icon.icon-1:before {
        content: "\e907";
    }

    .home #aktuelles .inside .mod_newslist .archive .inside .icon.icon-2:before,
    .home #aktuelles .inside .mod_eventlist .archive .inside .icon.icon-2:before {
        content: "\e913";
    }

    .home #aktuelles .inside .mod_newslist .archive .inside .icon.icon-3:before,
    .home #aktuelles .inside .mod_eventlist .archive .inside .icon.icon-3:before {
        content: "\e909";
    }

    .home #aktuelles .inside .mod_newslist .archive h3,
    .home #aktuelles .inside .mod_eventlist .archive h3 {
        font-size: 1.5em;
    }

    .home #aktuelles .inside .mod_newslist .archive a,
    .home #aktuelles .inside .mod_eventlist .archive a {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        display: block;
    }
}

@media all and (max-width: 480px) {
    .home #aktuelles .inside .mod_newslist .archive h3,
    .home #aktuelles .inside .mod_eventlist .archive h3 {
        font-size: 1.25em;
    }

    .home #aktuelles .inside .mod_newslist .archive .inside .icon,
    .home #aktuelles .inside .mod_eventlist .archive .inside .icon {
        padding-bottom: 0.5rem;
    }
}

.branchen-detail .mod_article.first .inside {
    overflow: visible;
}

.branchen-detail .mod_article.first .inside .subcolumns {
    overflow: visible;
}

.mod_newsreader h1,
.mod_eventreader h1 {
    text-align: left;
    font-size: 2.500em;
    line-height: 2.125rem;
    margin: 0.4rem 0 0;
}

.mod_newsreader .info,
.mod_eventreader .info {
    font-size: 1.375em;
    margin: 1rem 0;
}

.mod_newsreader .image_container.float_left,
.mod_eventreader .image_container.float_left {
    margin: 1em 1.625em 1.625em 0;
}

.mod_newsreader .image_container.float_right,
.mod_eventreader .image_container.float_right {
    margin: 1em 0 1.625em 1.625em;
}

.mod_newsreader iframe,
.mod_eventreader iframe {
    float: left;
    margin: 0.5em 1.625em 1.625em 0;
}

.mod_newsreader .ce_hyperlink,
.mod_eventreader .ce_hyperlink {
    width: 10.500em;
    margin: 0 auto;
    text-align: center;
}

.mod_newsreader .ce_hyperlink a,
.mod_eventreader .ce_hyperlink a {
    color: #ff0087;
    text-decoration: none;
    line-height: 2.3rem;
    padding: 0.313em 0;
    display: block;
    border: 2px solid #ff0087;
    background: none;
    -webkit-transition: all 0.25s ease-in;
    transition: all 0.25s ease-in;
}

.mod_newsreader .ce_hyperlink a:hover,
.mod_eventreader .ce_hyperlink a:hover {
    background: #ff0087;
    color: #fff;
}

.mod_newsreader p.back,
.mod_eventreader p.back {
    display: none;
}

@media all and (max-width: 1350px) {
    .mod_newsreader h1,
    .mod_eventreader h1 {
        font-size: 2em;
    }
}

@media all and (max-width: 930px) {
    .mod_newsreader h1,
    .mod_eventreader h1 {
        font-size: 1.85em;
    }

    .mod_newsreader .image_container.float_left, .mod_newsreader .image_container.float_right,
    .mod_eventreader .image_container.float_left,
    .mod_eventreader .image_container.float_right {
        margin: 1em 0;
        width: 100%;
    }

    .mod_newsreader .image_container.float_left img, .mod_newsreader .image_container.float_right img,
    .mod_eventreader .image_container.float_left img,
    .mod_eventreader .image_container.float_right img {
        width: 100%;
    }

    .mod_newsreader iframe,
    .mod_eventreader iframe {
        float: none;
        margin: 1em 0;
        width: 100%;
    }
}

.milestones .mod_article.first {
    padding-bottom: 30px;
}

.contact .mod_article.first {
    padding-bottom: 30px;
}

.ce_form {
    left: 0;
    bottom: -510px;
    z-index: 1;
    background: #fff;
    width: calc(100% - 7.75em);
}

.ce_form:after {
    content: "";
    width: 150%;
    height: 25px;
    position: absolute;
    top: -25px;
    left: -25%;
    background: #fff;
}

.ce_form .widget {
    width: 100%;
}

.ce_form .widget .error {
    margin: 0;
    color: #ff0087;
}

.ce_form .widget label {
    display: none;
}

.ce_form .widget input,
.ce_form .widget select,
.ce_form .widget textarea {
    border: 1px solid #000;
    box-sizing: border-box;
    width: 100%;
}

.ce_form .widget input:focus,
.ce_form .widget select:focus,
.ce_form .widget textarea:focus {
    outline: none;
    box-shadow: 0 0 5px #ff0087;
    border: 1px solid #ff0087;
}

.ce_form .widget input,
.ce_form .widget select {
    height: 38px;
    margin-bottom: 12px;
    padding-left: 12px;
}

.ce_form .widget select {
    width: 100%;
    line-height: 38px;
    -webkit-appearance: none;
    background: url(../lib/icons/arrow-down.svg) no-repeat center right 1rem;
    background-size: 1rem;
}

.ce_form .widget textarea {
    height: 145px;
    margin-bottom: 8px;
    padding: 12px;
}

.ce_form .widget-submit .submit {
    float: right;
    -webkit-appearance: none;
    border: 1px solid #ff0087;
    background: none;
    color: #ff0087;
    height: 40px;
    padding: 0 1.5em;
    cursor: pointer;
    -webkit-transition: all 0.25s ease-in;
    transition: all 0.25s ease-in;
}

.ce_form .widget-submit .submit:hover {
    background: #ff0087;
    color: #fff;
}

.map-overlay {
    overflow: visible;
}

.map-overlay .inside {
    overflow: visible;
}

.map-overlay .inside .subcolumns {
    overflow: visible;
}

.map-overlay .inside .subcolumns .col_1 {
    position: relative;
}

.map-overlay .inside .subcolumns .col_1 .ce_form {
    position: absolute;
    left: 0;
    bottom: -510px;
    z-index: 1;
    background: #fff;
    width: calc(100% - 7.75em);
    padding: 0 3.875em 35px;
    box-shadow: 0px 0px 15px 0px #9a9a9a;
}

.map-overlay .inside .subcolumns .col_1 .ce_form:after {
    content: "";
    width: 150%;
    height: 25px;
    position: absolute;
    top: -25px;
    left: -25%;
    background: #fff;
}

.map-overlay .inside .subcolumns .col_1 .ce_form .widget {
    width: 100%;
}

.map-overlay .inside .subcolumns .col_1 .ce_form .widget label {
    display: none;
}

.map-overlay .inside .subcolumns .col_1 .ce_form .widget input,
.map-overlay .inside .subcolumns .col_1 .ce_form .widget select,
.map-overlay .inside .subcolumns .col_1 .ce_form .widget textarea {
    border: 1px solid #000;
    box-sizing: border-box;
    width: 100%;
}

.map-overlay .inside .subcolumns .col_1 .ce_form .widget input:focus,
.map-overlay .inside .subcolumns .col_1 .ce_form .widget select:focus,
.map-overlay .inside .subcolumns .col_1 .ce_form .widget textarea:focus {
    outline: none;
    box-shadow: 0 0 5px #ff0087;
    border: 1px solid #ff0087;
}

.map-overlay .inside .subcolumns .col_1 .ce_form .widget input,
.map-overlay .inside .subcolumns .col_1 .ce_form .widget select {
    height: 38px;
    margin-bottom: 12px;
    padding-left: 12px;
}

.map-overlay .inside .subcolumns .col_1 .ce_form .widget select {
    width: 100%;
    line-height: 38px;
    -webkit-appearance: none;
    background: url(../lib/icons/arrow-down.svg) no-repeat center right 1rem;
    background-size: 1rem;
}

.map-overlay .inside .subcolumns .col_1 .ce_form .widget textarea {
    height: 145px;
    margin-bottom: 8px;
    padding: 12px;
}

.map-overlay .inside .subcolumns .col_1 .ce_form .widget-submit .submit {
    float: right;
    -webkit-appearance: none;
    border: 1px solid #ff0087;
    background: none;
    color: #ff0087;
    height: 40px;
    padding: 0 1.5em;
    cursor: pointer;
    -webkit-transition: all 0.25s ease-in;
    transition: all 0.25s ease-in;
}

.map-overlay .inside .subcolumns .col_1 .ce_form .widget-submit .submit:hover {
    background: #ff0087;
    color: #fff;
}

@media all and (max-width: 1024px) {
    .map-overlay .inside .subcolumns .col_1 .ce_form {
        bottom: -495px;
        width: calc(100% - 4em);
        padding: 0 2em 20px;
    }
}

@media all and (max-width: 767px) {
    .map-overlay .inside .subcolumns .c50l,
    .map-overlay .inside .subcolumns .c50r {
        width: 100%;
    }

    .map-overlay .inside .subcolumns .col_1 .ce_form {
        position: relative;
        bottom: auto;
        width: 100%;
        padding: 30px 0 7.188em;
        box-shadow: none;
    }
}

.dlh_googlemap {
    width: 100% !important;
    border: 1px solid #c5c4c4;
    border-left: none;
    border-right: none;
}

.dlh_googlemap .google-marker {
    box-shadow: 0px 0px 15px 0px #9a9a9a;
}

.dlh_googlemap .google-marker div:nth-of-type(1) div:nth-of-type(1) {
    border-top-color: #fff !important;
}

.dlh_googlemap .google-marker div:nth-of-type(1) div:nth-of-type(2) {
    border-radius: 0 !important;
    box-shadow: none !important;
    background-color: #fff !important;
    border: none;
}

.dlh_googlemap .google-marker div:nth-of-type(1) div:nth-of-type(3) {
    opacity: 0;
}

.dlh_googlemap .gm-style-iw h3,
.dlh_googlemap .gm-style-iw p,
.dlh_googlemap .gm-style-iw a {
    font-size: 1.063rem;
}

.dlh_googlemap .gm-style-iw h3 {
    margin-top: 30px;
    color: #ff0087;
    font-weight: 500;
}

.dlh_googlemap .gm-style-iw a {
    color: #696969;
    text-decoration: none;
}

.dlh_googlemap .gm-style-iw p + p {
    margin-bottom: 0;
}

.dlh_googlemap .gm-style-iw .routinglink {
    width: 12.500rem;
    margin: 0 auto;
    text-align: center;
}

.dlh_googlemap .gm-style-iw .routinglink form {
    margin-top: 10px;
}

.dlh_googlemap .gm-style-iw .routinglink form .text {
    border: 1px solid #696969;
    border-right: none;
    height: 34px;
    width: calc(100% - 39px);
}

.dlh_googlemap .gm-style-iw .routinglink form .submit {
    color: #fff;
    text-transform: uppercase;
    -webkit-appearance: none;
    background: #696969;
    border: 1px solid #696969;
    height: 38px;
    width: 38px;
    cursor: pointer;
    -webkit-transition: all 0.25s ease-in;
    transition: all 0.25s ease-in;
}

.dlh_googlemap .gm-style-iw .routinglink form .submit:hover {
    background: #ff0087;
    border: 1px solid #ff0087;
}

.dlh_googlemap .gm-style-iw .hide {
    display: none;
}

.mod_search h2 {
    text-align: left;
    margin: 2em 0 0;
}

.mod_search h2 a {
    font-weight: 500;
    font-size: 1.375rem;
    color: #ff0087;
    text-decoration: none;
}

.mod_search .url a {
    color: #ff0087;
}

.mod_search .url .filesize {
    font-style: italic;
}

.mod_search .pagination {
    margin-top: 5.000rem;
}

.mod_search .header {
    margin-top: 0;
}

.mod_search form input, .mod_search form button {
    height: 38px;
    margin-bottom: 12px;
    padding-left: 12px;
    outline: none;
    border-radius: 0;
}

.mod_search form input.text {
    border: 1px solid #000;
    box-sizing: border-box;
    width: 15.55rem;
}

.mod_search form button.submit {
    -webkit-appearance: none;
    border: 1px solid #000;
    background: none;
    color: #000;
    padding: 0 1.5rem;
    cursor: pointer;
    -webkit-transition: all 0.25s ease-in;
    transition: all 0.25s ease-in;
}

.mod_search form button.submit:hover {
    color: #fff;
    border: 1px solid #ff0087;
    background: #ff0087;
}

@media all and (max-width: 480px) {
    .mod_search form input.text {
        width: calc(100% - 94px);
    }

    .mod_search form button.submit {
        width: 90px;
    }
}

.ce_hyperlink.button {
    width: 10.500em;
    text-align: center;
    left: 0;
    right: 0;
    bottom: 2.375rem;
    margin-top: 1rem;
}

.ce_hyperlink.button a {
    color: #ff0087;
    text-decoration: none;
    line-height: 2.3rem;
    padding: 0.313em 0;
    display: block;
    border: 1px solid #ff0087;
    -webkit-transition: all 0.25s ease-in;
    transition: all 0.25s ease-in;
}

.ce_hyperlink.button:hover a {
    color: #fff;
    background-color: #ff0087;
}

/**********************/
/*  KONZELMANN - SFX  */
/**********************/
#trigger-mmenu {
    display: none;
    float: right;
    width: 25px;
    height: 21px;
    position: relative;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
}

#trigger-mmenu a {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

#trigger-mmenu span {
    display: block;
    position: absolute;
    height: 3px;
    width: 100%;
    background: #000;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}

#trigger-mmenu span:nth-child(1) {
    top: 0px;
}

#trigger-mmenu span:nth-child(2) {
    top: 9px;
}

#trigger-mmenu span:nth-child(3) {
    top: 18px;
}

#trigger-mmenu.open span:nth-child(1) {
    top: 9px;
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
}

#trigger-mmenu.open span:nth-child(2) {
    opacity: 0;
    left: -35px;
}

#trigger-mmenu.open span:nth-child(3) {
    top: 9px;
    -webkit-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    transform: rotate(-135deg);
}

@media all and (max-width: 1024px) {
    #trigger-mmenu {
        display: block;
    }
}

#nav-icon1.open span
.rsts-slide .ce_image .image_container img {
    display: block;
}

.slide-overlay {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: rgba(0, 0, 0, 0.5);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.slide-overlay .arrow-down {
    position: absolute;
    bottom: 2.188em;
    left: 0;
    right: 0;
    text-align: center;
}

.slide-overlay .arrow-down a {
    color: #fff;
    text-decoration: none;
    -webkit-transition: all 0.25s ease-in;
    transition: all 0.25s ease-in;
}

.slide-overlay .arrow-down a:hover {
    color: #ff0087;
}

.slide-overlay .inside {
    width: 47.500rem;
}

.slide-overlay .inside .icon {
    width: 6.563em;
    height: 5.625em;
    text-align: center;
    margin: 0 auto;
}

.slide-overlay .inside .icon.industry:before {
    content: "\e910";
}

.slide-overlay .inside .icon.automotive:before {
    content: "\e904";
}

.slide-overlay .inside .icon.medicine:before {
    content: "\e912";
}

.slide-overlay .inside .icon.industry:before, .slide-overlay .inside .icon.automotive:before, .slide-overlay .inside .icon.medicine:before {
    font-family: "Icons";
    font-size: 5em;
    color: #fff;
}

.slide-overlay .inside .info span {
    font-weight: 200;
    font-size: 1.063em;
    text-align: center;
    color: #fff;
    display: block;
}

.slide-overlay .inside .info span.hl {
    font-size: 3.750em;
    border-bottom: 1px solid #fff;
    padding-bottom: 1.625rem;
}

.slide-overlay .inside .info span.text {
    margin-top: 1.375rem;
    line-height: 1.625rem;
}

.slide-overlay .inside .info .ce_hyperlink {
    width: 10.500em;
    margin: 0 auto;
    text-align: center;
    margin: 1.1rem auto 0;
}

.slide-overlay .inside .info .ce_hyperlink a {
    color: #fff;
    text-decoration: none;
    line-height: 2.3rem;
    padding: 0.313em 0;
    display: block;
    border: 2px solid #ff0087;
    background: #ff0087;
    -webkit-transition: all 0.25s ease-in;
    transition: all 0.25s ease-in;
}

.slide-overlay .inside .info .ce_hyperlink a:hover {
    background: #fff;
    color: #ff0087;
    border: 2px solid #fff;
}

@media all and (max-width: 1350px) {
    .slide-overlay .inside {
        width: 36.5rem;
    }

    .slide-overlay .inside .icon {
        width: 5em;
        height: 3.75em;
        margin: 0 auto 0.625em;
    }

    .slide-overlay .inside .icon.industry:before, .slide-overlay .inside .icon.automotive:before, .slide-overlay .inside .icon.medicine:before {
        font-size: 3.75em;
    }

    .slide-overlay .inside .info span.hl {
        font-size: 2.85em;
    }

    .slide-overlay .inside .info span.text {
        margin-top: 1rem;
    }
}

@media all and (max-width: 930px) {
    .slide-overlay .inside {
        width: 24.5rem;
    }

    .slide-overlay .inside .icon {
        width: 4em;
        height: 3em;
    }

    .slide-overlay .inside .icon.industry:before, .slide-overlay .inside .icon.automotive:before, .slide-overlay .inside .icon.medicine:before {
        font-size: 3em;
    }

    .slide-overlay .inside .info span.hl {
        font-size: 2.5em;
        padding-bottom: 1.25rem;
    }

    .slide-overlay .inside .info span.text {
        margin-top: 0.75rem;
    }

    .slide-overlay .arrow-down {
        bottom: 1em;
    }
}

.rsts-skin-default .rsts-nav {
    right: 60px;
    bottom: auto;
    top: 50%;
    left: auto;
    margin-top: -8.125em;
}

.rsts-skin-default .rsts-nav li {
    display: block;
}

.rsts-skin-default .rsts-prev,
.rsts-skin-default .rsts-next {
    display: none;
}

.rsts-skin-default .rsts-nav-bullets .rsts-nav-prev,
.rsts-skin-default .rsts-nav-bullets .rsts-nav-next {
    display: none;
}

.rsts-skin-default .rsts-nav-bullets .rsts-nav-item + .rsts-nav-item {
    margin-top: 5.625em;
}

.rsts-skin-default .rsts-nav-bullets .rsts-nav-item:nth-of-type(2) a:after {
    content: "\e904";
    font-size: 2.6em;
}

.rsts-skin-default .rsts-nav-bullets .rsts-nav-item:nth-of-type(3) a:after {
    content: "\e910";
    font-size: 3em;
}

.rsts-skin-default .rsts-nav-bullets .rsts-nav-item:nth-of-type(4) a:after {
    content: "\e912";
    font-size: 3.4em;
}

.rsts-skin-default .rsts-nav-bullets .rsts-nav-item a {
    position: relative;
    display: block;
    background: none;
    box-shadow: none;
    overflow: visible;
    width: auto;
    height: auto;
    font-size: 1em;
    color: #fff;
    text-decoration: none;
    text-indent: 0;
    text-align: right;
    padding: 5px 5.313em 5px 0;
    opacity: .6;
    -webkit-transition: all 0.25s ease-in;
    transition: all 0.25s ease-in;
}

.rsts-skin-default .rsts-nav-bullets .rsts-nav-item a.active, .rsts-skin-default .rsts-nav-bullets .rsts-nav-item a:hover {
    opacity: 1;
}

.rsts-skin-default .rsts-nav-bullets .rsts-nav-item a:after {
    position: absolute;
    top: 0;
    right: 0;
    font-family: "Icons";
    color: #fff;
    width: 3.750rem;
    text-align: center;
}

@media all and (max-width: 1350px) {
    .rsts-skin-default .rsts-nav {
        right: 2.5rem;
    }

    .rsts-skin-default .rsts-nav-bullets .rsts-nav-item a {
        padding: 5px 4.813em 5px 0;
    }

    .rsts-skin-default .rsts-nav-bullets .rsts-nav-item:nth-of-type(1) a:after, .rsts-skin-default .rsts-nav-bullets .rsts-nav-item:nth-of-type(2) a:after, .rsts-skin-default .rsts-nav-bullets .rsts-nav-item:nth-of-type(3) a:after {
        font-size: 2.5em;
    }
}

@media all and (max-width: 1350px) {
    .rsts-skin-default .rsts-nav {
        right: 2rem;
    }

    .rsts-skin-default .rsts-nav-bullets .rsts-nav-item a {
        padding: 5px 4.25em 5px 0;
    }

    .rsts-skin-default .rsts-nav-bullets .rsts-nav-item:nth-of-type(1) a:after, .rsts-skin-default .rsts-nav-bullets .rsts-nav-item:nth-of-type(2) a:after, .rsts-skin-default .rsts-nav-bullets .rsts-nav-item:nth-of-type(3) a:after {
        font-size: 2em;
    }

    .rsts-skin-default .rsts-nav-bullets .rsts-nav-item:nth-of-type(4) a:after {
        font-size: 2.5em;
    }
}

@media all and (max-width: 767px) {
    .rsts-skin-default .rsts-nav {
        right: 0.5rem;
    }

    .rsts-skin-default .rsts-nav-bullets .rsts-nav-item a {
        padding: 5px 3.75em 5px 0;
    }

    .rsts-skin-default .rsts-nav-bullets .rsts-nav-item:nth-of-type(1) a:after, .rsts-skin-default .rsts-nav-bullets .rsts-nav-item:nth-of-type(2) a:after, .rsts-skin-default .rsts-nav-bullets .rsts-nav-item:nth-of-type(3) a:after {
        font-size: 1.5em;
    }

    .rsts-skin-default .rsts-nav-bullets .rsts-nav-item:nth-of-type(4) a:after {
        font-size: 2em;
    }
}

.tooltip_image {
    position: relative;
    padding-bottom: 2.2em;
    width: calc(50% - 0.813rem);
    margin-right: 1.625rem;
    float: left;
}

.tooltip_image:nth-of-type(even) {
    margin-right: 0;
}

.tooltip_image.active:after {
    content: "\e900";
    font-family: "Icons";
    color: #000;
    position: absolute;
    bottom: 0.55em;
    left: 0;
    right: 0;
    text-align: center;
}

.tooltip_image img {
    width: 100%;
    height: auto;
    display: block;
}

.tooltip_image .headline {
    text-align: center;
    padding: 0.8rem 0;
    background: #000;
    color: #fff;
    font-size: 1.563em;
    font-weight: 200;
}

.tooltip_image .tooltip {
    position: absolute;
    width: 2.875rem;
    height: 2.875rem;
    border-radius: 2.875rem;
    border: 2px solid #ff0087;
    background: rgba(0, 0, 0, 0.8);
    cursor: pointer;
    box-sizing: border-box;
    -webkit-animation: pulse 0.6s infinite alternate;
    animation: pulse 0.6s infinite alternate;
    z-index: 1;
    -webkit-transition: all 0.25s ease-in;
    transition: all 0.25s ease-in;
}

.tooltip_image .tooltip a {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.tooltip_image .tooltip:before {
    content: "";
    width: 16px;
    height: 2px;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    margin: -1px auto 0;
    background: #ff0087;
}

.tooltip_image .tooltip:after {
    content: "";
    width: 2px;
    height: 16px;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    margin: -8px auto 0;
    background: #ff0087;
}

.tooltip_image .tooltip:hover {
    border: 2px solid #fff;
    background: #ff0087;
    -webkit-animation: none;
    animation: none;
}

@media all and (min-width: 767px) {
    .tooltip_image .tooltip:hover + .label-tooltips {
        display: block;
        opacity: 1;
    }
}

.tooltip_image .tooltip:hover:before, .tooltip_image .tooltip:hover:after {
    background: #fff;
}

@media all and (max-width: 630px) {
    .tooltip_image {
        width: 100%;
        float: none;
        padding-bottom: 1.25em;
    }
}

.dynamic_trigger a {
    z-index: 1;
}

.dynamic_trigger a.z {
    z-index: 2;
}

.dynamic_trigger.active {
    border: 2px solid #fff;
    background: #ff0087;
    -webkit-animation: none;
    animation: none;
}

@media all and (min-width: 630px) {
    .dynamic_trigger.active + .label-tooltips {
        display: block;
        opacity: 1;
    }
}

.dynamic_trigger.active:before, .dynamic_trigger.active:after {
    background: #fff;
}

.label-tooltips {
    display: block;
    width: auto;
    height: 2.870rem;
    background-color: rgba(13, 13, 13, 0.75);
    position: absolute;
    z-index: 0;
    opacity: 0;
    -webkit-transition: all .3s;
    transition: all .3s;
    pointer-events: none;
    cursor: default;
}

.label-tooltips.right-coords {
    margin-left: 20px;
}

.label-tooltips.right-coords span {
    padding: 0 1.8em 0 2.5em;
}

.label-tooltips.left-coords {
    margin-left: 20px;
}

.label-tooltips.left-coords span {
    padding: 0 2.5em 0 1.8em;
}

.label-tooltips span {
    margin: 0;
    display: block;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #fff;
    white-space: nowrap;
}

@-webkit-keyframes pulse {
    from {
        -webkit-transform: scale3d(0.5, 0.5, 1);
    }
    to {
        -webkit-transform: scale3d(1, 1, 1);
    }
}

@keyframes pulse {
    from {
        -webkit-transform: scale3d(0.5, 0.5, 1);
        transform: scale3d(0.5, 0.5, 1);
    }
    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

.dynamic_content {
    display: none;
    background: rgba(255, 255, 255, 0.7);
    padding: 0 0 4.250rem;
    margin-bottom: 2.125rem;
    clear: both;
}

.dynamic_content .ce_image:not(.slick-slide) {
    margin-top: 1.3rem;
}

.dynamic_content .ce_image:not(.slick-slide) img {
    box-sizing: border-box;
    border: 1px solid #696969;
}

.dynamic_content .ce_headline.db-hl {
    background: #000;
    font-size: 1.563em;
    color: #fff;
    padding: 0.8rem 0;
    margin: 0;
}

.dynamic_content .subcolumns {
    padding-top: 2.250rem;
}

.dynamic_content .subcolumns .c50l, .dynamic_content .subcolumns .c50r {
    width: calc(50% - 0.937rem) !important;
}

.dynamic_content .subcolumns .c50l {
    margin-right: 1.875rem !important;
}

.dynamic_content .subcl {
    padding: 0 0 0 2.188em;
}

.dynamic_content .subcr {
    padding: 0 2.188em 0 0;
}

.dynamic_content .special-headline {
    margin: 2.875rem 0 1rem 0;
}

.dynamic_content .special-headline .icon:before {
    font-size: 1.250rem;
}

.dynamic_content .special-headline .border {
    margin: 0.75rem 0 0;
}

.dynamic_content .special-headline:first-child {
    margin-top: 0;
}

.dynamic_content .special-headline + .quote {
    margin-top: 0.875rem;
}

.dynamic_content .special-headline.slider-hl {
    margin-bottom: 0;
}

.dynamic_content .ce_text p {
    margin: 0.313rem 0 0 0;
}

.dynamic_content .ce_list {
    margin: 0.313rem 0 0 0;
}

.dynamic_content h4.ce_headline {
    margin: 2.55rem 0 1.5rem;
}

.dynamic_content .links .ce_hyperlink {
    float: left;
    width: calc(50% - 0.750em);
    height: 45px;
    box-sizing: border-box;
    border: 1px solid #000;
    margin-bottom: 1em;
}

.dynamic_content .links .ce_hyperlink:nth-of-type(odd) {
    margin-right: 1.5em;
}

.dynamic_content .links .ce_hyperlink a {
    display: block;
    width: calc(100% - 0.938em);
    height: 100%;
    padding-left: 0.938em;
    font-size: 0.938em;
    text-decoration: none;
    line-height: 45px;
    color: #696969;
}

.dynamic_content .links .ce_hyperlink a:before {
    content: "\e91a";
    font-family: "Icons";
    margin-right: 0.938em;
}

@media all and (max-width: 1024px) {
    .dynamic_content .links .ce_hyperlink a {
        padding-left: 0.75em;
    }

    .dynamic_content .links .ce_hyperlink a:before {
        margin-right: 0.5em;
    }
}

@media all and (max-width: 930px) {
    .dynamic_content .links .ce_hyperlink {
        width: 100%;
    }

    .dynamic_content .links .ce_hyperlink:nth-of-type(odd) {
        margin-right: 0;
    }
}

@media all and (max-width: 767px) {
    .dynamic_content .subcolumns .col_2 {
        margin-top: 2.875rem;
    }

    .dynamic_content .subcolumns .c50l,
    .dynamic_content .subcolumns .c50r {
        width: 100% !important;
        margin-right: 0 !important;
    }

    .dynamic_content .subcolumns .subcl,
    .dynamic_content .subcolumns .subcr {
        padding: 0 2.188em !important;
    }
}

.timeline-block {
    width: 1200px;
    margin: 0 auto;
    background: rgba(255, 255, 255, 0.7);
}

@media all and (max-width: 1350px) {
    .timeline-block {
        width: 1060px;
    }
}

@media all and (max-width: 1150px) {
    .timeline-block {
        width: 950px;
    }
}

@media all and (max-width: 1024px) {
    .timeline-block {
        width: 860px;
    }
}

@media all and (max-width: 930px) {
    .timeline-block {
        width: 690px;
    }
}

@media all and (max-width: 767px) {
    .timeline-block {
        width: 585px;
    }
}

@media all and (max-width: 630px) {
    .timeline-block {
        width: 450px;
    }
}

@media all and (max-width: 540px) {
    .timeline-block {
        width: 365px;
    }
}

@media all and (max-width: 480px) {
    .timeline-block {
        width: 280px;
    }
}

.timeline-block:before {
    content: "";
    width: 100%;
    height: 1px;
    background: #c5c4c4;
    position: absolute;
    top: 3.6rem;
    left: 0;
    right: 0;
}

#timeline {
    width: 800px;
    height: 415px;
    overflow: hidden;
    margin: 0 auto;
    position: relative;
}

@media all and (max-width: 1024px) {
    #timeline {
        width: 700px;
    }
}

@media all and (max-width: 930px) {
    #timeline {
        width: 560px;
    }
}

@media all and (max-width: 767px) {
    #timeline {
        width: 460px;
    }
}

@media all and (max-width: 630px) {
    #timeline {
        width: 370px;
    }
}

@media all and (max-width: 540px) {
    #timeline {
        width: 310px;
    }
}

@media all and (max-width: 480px) {
    #timeline {
        width: 250px;
    }
}

@media all and (max-width: 767px) {
    #timeline {
        height: 650px;
    }
}

@media all and (max-width: 630px) {
    #timeline {
        height: 585px;
    }
}

@media all and (max-width: 540px) {
    #timeline {
        height: 615px;
    }
}

@media all and (max-width: 480px) {
    #timeline {
        height: 580px;
    }
}

#dates {
    width: auto !important;
    height: 3.750rem;
    overflow: hidden;
    margin: 1rem 0 0 0;
}

#dates li {
    list-style: none;
    float: left;
    width: 3.438rem;
    height: 3.125rem;
    font-size: 1.375rem;
    text-align: center;
    background: url("../images/biggerdot.png") center bottom no-repeat;
    margin: 0 2.719rem;
}

#dates a {
    font-size: 1.5rem;
    line-height: 2.125rem;
    text-decoration: none;
    color: #c5c4c4;
    display: block;
    -webkit-transition: all 0.25s ease-in;
    transition: all 0.25s ease-in;
}

#dates a:after {
    content: "\e903";
    font-family: "Icons";
    font-size: 1rem;
    display: block;
}

#dates a:hover {
    color: #ff0087;
}

#dates .selected {
    font-weight: 600;
    color: #ff0087;
}

@media all and (max-width: 767px) {
    #dates li {
        margin: 0 2.35rem;
    }
}

@media all and (max-width: 630px) {
    #dates li {
        margin: 0 0.7rem;
    }
}

#issues {
    width: 800px;
    height: auto;
    overflow: hidden;
    margin: 2.813rem 0 0 0;
}

@media all and (max-width: 1024px) {
    #issues {
        width: 700px;
    }
}

@media all and (max-width: 930px) {
    #issues {
        width: 560px;
    }
}

@media all and (max-width: 767px) {
    #issues {
        width: 460px;
    }
}

@media all and (max-width: 630px) {
    #issues {
        width: 370px;
    }
}

@media all and (max-width: 540px) {
    #issues {
        width: 310px;
    }
}

@media all and (max-width: 480px) {
    #issues {
        width: 250px;
    }
}

#issues li {
    width: 800px;
    height: auto;
    float: left;
}

@media all and (max-width: 1024px) {
    #issues li {
        width: 700px;
    }
}

@media all and (max-width: 930px) {
    #issues li {
        width: 560px;
    }
}

@media all and (max-width: 767px) {
    #issues li {
        width: 460px;
    }
}

@media all and (max-width: 630px) {
    #issues li {
        width: 370px;
    }
}

@media all and (max-width: 540px) {
    #issues li {
        width: 310px;
    }
}

@media all and (max-width: 480px) {
    #issues li {
        width: 250px;
    }
}

#issues li .timeline-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

#issues li img {
    float: left;
    margin: 0;
    max-height: 260px;
    width: auto;
}

#issues li .text,
#issues li .image {
    width: calc(50% - 0.8125rem);
}

#issues li .text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
    /*margin-right: 1.625rem;*/
}

#issues li .text .inner {
    width: 100%;
}

#issues li .text h2 {
    color: #ff0087;
    font-size: 3.750rem;
    font-weight: 500;
    line-height: 3.438rem;
    margin: 0 0 0.938rem 0;
}

#issues li .text p {
    font-size: 0.938em;
    margin: 0 0 0.938rem 0;
}

@media all and (max-width: 767px) {
    #issues li img {
        width: 100%;
    }

    #issues li .timeline-content {
        -webkit-flex-direction: column;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }

    #issues li .text,
    #issues li .image {
        width: 100%;
    }

    #issues li .text {
        display: block;
        padding-top: 1rem;
    }
}

@media all and (max-width: 630px) {
    #issues li .text h2 {
        font-size: 3rem;
    }

    #issues .inner {
        width: 70%;
        margin: 0 auto;
    }
}

@media all and (max-width: 540px) {
    #issues .inner {
        width: 100%;
        margin: 0 auto;
    }
}

#next,
#prev {
    position: absolute;
    top: calc(50% + 5.438rem);
    top: 50%;
    width: 1.750rem;
    height: 3.313rem;
    background-position: 0 0;
    background-repeat: no-repeat;
    text-indent: -9999px;
    overflow: hidden;
}

#next.disabled,
#prev.disabled {
    opacity: 0.2;
}

#next {
    right: 5rem;
    background-image: url("../lib/icons/slider-arrow-right.svg");
}

@media all and (max-width: 1350px) {
    #next {
        right: 3rem;
    }
}

@media all and (max-width: 1150px) {
    #next {
        right: 1.75rem;
    }
}

@media all and (max-width: 930px) {
    #next {
        right: 1.25rem;
    }
}

@media all and (max-width: 630px) {
    #next {
        top: 75%;
        right: 2.7em;
    }
}

@media all and (max-width: 540px) {
    #next {
        top: auto;
        bottom: 35px;
        right: 40%;
    }
}

#prev {
    left: 5rem;
    background-image: url("../lib/icons/slider-arrow-left.svg");
}

@media all and (max-width: 1350px) {
    #prev {
        left: 3rem;
    }
}

@media all and (max-width: 1150px) {
    #prev {
        left: 1.75rem;
    }
}

@media all and (max-width: 930px) {
    #prev {
        left: 1.25rem;
    }
}

@media all and (max-width: 630px) {
    #prev {
        top: 75%;
        left: 2.7em;
    }
}

@media all and (max-width: 540px) {
    #prev {
        top: auto;
        bottom: 35px;
        left: 40%;
    }
}

/************************/
/*  KONZELMANN - FIXES  */
/************************/
.cf {
    *zoom: 1;
}

.cf:before, .cf:after {
    content: " ";
    /* 1 */
    display: table
    /* 2 */
}

.cf:after {
    clear: both;
}

figure {
    margin: 0;
}

input,
select,
textarea {
    border-radius: 0;
    -webkit-appearance: none;
}

select {
    -moz-appearance: none;
}

.ie .slide-overlay {
    display: block;
}

.ie .slide-overlay .inside.intro {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.ie10 .news-teaser .archive .inside h3 {
    color: #fff;
    margin: 0;
}

.ie10 .slide-overlay, .ie11 .slide-overlay {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.ie10 .iconbox, .ie11 .iconbox {
    width: calc(25% - 1.13em);
}

/*# sourceMappingURL=style.css.map */