.ce-align-left {
    text-align: left;
}

.ce-align-center {
    text-align: center;
}

.ce-align-right {
    text-align: right;
}

.ce-table td,
.ce-table th {
    vertical-align: top;
}

.ce-textpic,
.ce-image,
.ce-nowrap .ce-bodytext,
.ce-gallery,
.ce-row,
.ce-uploads li,
.ce-uploads div {
    overflow: hidden;
}

.ce-left .ce-gallery,
.ce-column {
    float: left;
}

.ce-center .ce-outer {
    position: relative;
    float: right;
    right: 50%;
}

.ce-center .ce-inner {
    position: relative;
    float: right;
    right: -50%;
}

.ce-right .ce-gallery {
    float: right;
}

.ce-gallery figure {
    display: table;
    margin: 0;
}

.ce-gallery figcaption {
    display: table-caption;
    caption-side: bottom;
}

.ce-gallery img {
    display: block;
}

.ce-gallery iframe {
    border-width: 0;
}

.ce-border img,
.ce-border iframe {
    border: 2px solid #000000;
    padding: 0px;
}

.ce-intext.ce-right .ce-gallery,
.ce-intext.ce-left .ce-gallery,
.ce-above .ce-gallery {
    margin-bottom: 10px;
}

.ce-image .ce-gallery {
    margin-bottom: 0;
}

.ce-intext.ce-right .ce-gallery {
    margin-left: 10px;
}

.ce-intext.ce-left .ce-gallery {
    margin-right: 10px;
}

.ce-below .ce-gallery {
    margin-top: 10px;
}

.ce-column {
    margin-right: 10px;
}

.ce-column:last-child {
    margin-right: 0;
}

.ce-row {
    margin-bottom: 10px;
}

.ce-row:last-child {
    margin-bottom: 0;
}

.ce-above .ce-bodytext {
    clear: both;
}

.ce-intext.ce-left ol,
.ce-intext.ce-left ul {
    padding-left: 40px;
    overflow: auto;
}

.ce-headline-left {
    text-align: left;
}

.ce-headline-center {
    text-align: center;
}

.ce-headline-right {
    text-align: right;
}

.ce-uploads {
    margin: 0;
    padding: 0;
}

.ce-uploads li {
    list-style: none outside none;
    margin: 1em 0;
}

.ce-uploads img {
    float: left;
    padding-right: 1em;
    vertical-align: top;
}

.ce-uploads span {
    display: block;
}

.ce-table {
    width: 100%;
    max-width: 100%;
}

.ce-table th,
.ce-table td {
    padding: 0.5em 0.75em;
    vertical-align: top;
}

.ce-table thead th {
    border-bottom: 2px solid #dadada;
}

.ce-table th,
.ce-table td {
    border-top: 1px solid #dadada;
}

.ce-table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(0, 0, 0, .05);
}

.ce-table-bordered th,
.ce-table-bordered td {
    border: 1px solid #dadada;
}

.frame-space-before-extra-small {
    margin-top: 1em;
}

.frame-space-before-small {
    margin-top: 2em;
}

.frame-space-before-medium {
    margin-top: 3em;
}

.frame-space-before-large {
    margin-top: 4em;
}

.frame-space-before-extra-large {
    margin-top: 5em;
}

.frame-space-after-extra-small {
    margin-bottom: 1em;
}

.frame-space-after-small {
    margin-bottom: 2em;
}

.frame-space-after-medium {
    margin-bottom: 3em;
}

.frame-space-after-large {
    margin-bottom: 4em;
}

.frame-space-after-extra-large {
    margin-bottom: 5em;
}

.frame-ruler-before:before {
    content: '';
    display: block;
    border-top: 1px solid rgba(0, 0, 0, 0.25);
    margin-bottom: 2em;
}

.frame-ruler-after:after {
    content: '';
    display: block;
    border-bottom: 1px solid rgba(0, 0, 0, 0.25);
    margin-top: 2em;
}

.frame-indent {
    margin-left: 15%;
    margin-right: 15%;
}

.frame-indent-left {
    margin-left: 33%;
}

.frame-indent-right {
    margin-right: 33%;
}

.dpnglossary.pagination ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.dpnglossary.pagination ul li {
    float: left;
    margin-left: 5px;
    margin-right: 5px
}

.dpnglossary.pagination ul li a {
    text-decoration: none
}

.dpnglossary.pagination ul li.first {
    margin-left: 0
}

.dpnglossary.pagination ul li.last {
    margin-right: 0
}

.dpnglossary.pagination ul li.empty {
    color: red
}

.dpnglossary.details .mediafile {
    display: inline-block;
    margin-bottom: 10px
}

.dpnglossary.details .mediafile:last-child {
    margin-bottom: 0
}

.dpnglossary.link {
    display: inline;
    position: relative
}

.dpnglossary.link:hover:after {
    background: rgba(0, 0, 0, .8);
    border-radius: 5px;
    bottom: 26px;
    color: #fff;
    content: attr(title);
    left: 20%;
    padding: 5px 15px;
    position: absolute;
    width: 220px;
    z-index: 98
}

.dpnglossary.link:hover:before {
    border: solid;
    border-color: #333 rgba(0, 0, 0, 0);
    border-width: 6px 6px 0;
    bottom: 20px;
    content: "";
    left: 50%;
    position: absolute;
    z-index: 99
}

.cc-window {
    opacity: 1;
    transition: opacity 1s ease
}

.cc-window.cc-invisible {
    opacity: 0
}

.cc-animate.cc-revoke {
    transition: transform 1s ease
}

.cc-animate.cc-revoke.cc-top {
    transform: translateY(-2em)
}

.cc-animate.cc-revoke.cc-bottom {
    transform: translateY(2em)
}

.cc-animate.cc-revoke.cc-active.cc-bottom,
.cc-animate.cc-revoke.cc-active.cc-top,
.cc-revoke:hover {
    transform: translateY(0)
}

.cc-grower {
    max-height: 0;
    overflow: hidden;
    transition: max-height 1s
}

.cc-link,
.cc-revoke:hover {
    text-decoration: underline
}

.cc-revoke,
.cc-window {
    position: fixed;
    overflow: hidden;
    box-sizing: border-box;
    font-family: Helvetica, Calibri, Arial, sans-serif;
    font-size: 16px;
    line-height: 1.5em;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    z-index: 9999
}

.cc-window.cc-static {
    position: static
}

.cc-window.cc-floating {
    padding: 2em;
    max-width: 24em;
    -ms-flex-direction: column;
    flex-direction: column
}

.cc-window.cc-banner {
    padding: 1em 1.8em;
    width: 100%;
    -ms-flex-direction: row;
    flex-direction: row
}

.cc-revoke {
    padding: .5em
}

.cc-header {
    font-size: 18px;
    font-weight: 700
}

.cc-btn,
.cc-close,
.cc-link,
.cc-revoke {
    cursor: pointer
}

.cc-link {
    opacity: .8;
    display: inline-block;
    padding: .2em
}

.cc-link:hover {
    opacity: 1
}

.cc-link:active,
.cc-link:visited {
    color: initial
}

.cc-btn {
    display: block;
    padding: .4em .8em;
    font-size: .9em;
    font-weight: 700;
    border-width: 2px;
    border-style: solid;
    text-align: center;
    white-space: nowrap
}

.cc-banner .cc-btn:last-child {
    min-width: 140px
}

.cc-highlight .cc-btn:first-child {
    background-color: transparent;
    border-color: transparent
}

.cc-highlight .cc-btn:first-child:focus,
.cc-highlight .cc-btn:first-child:hover {
    background-color: transparent;
    text-decoration: underline
}

.cc-close {
    display: block;
    position: absolute;
    top: .5em;
    right: .5em;
    font-size: 1.6em;
    opacity: .9;
    line-height: .75
}

.cc-close:focus,
.cc-close:hover {
    opacity: 1
}

.cc-revoke.cc-top {
    top: 0;
    left: 3em;
    border-bottom-left-radius: .5em;
    border-bottom-right-radius: .5em
}

.cc-revoke.cc-bottom {
    bottom: 0;
    left: 3em;
    border-top-left-radius: .5em;
    border-top-right-radius: .5em
}

.cc-revoke.cc-left {
    left: 3em;
    right: unset
}

.cc-revoke.cc-right {
    right: 3em;
    left: unset
}

.cc-top {
    top: 1em
}

.cc-left {
    left: 1em
}

.cc-right {
    right: 1em
}

.cc-bottom {
    bottom: 1em
}

.cc-floating>.cc-link {
    margin-bottom: 1em
}

.cc-floating .cc-message {
    display: block;
    margin-bottom: 1em
}

.cc-window.cc-floating .cc-compliance {
    -ms-flex: 1;
    flex: 1
}

.cc-window.cc-banner {
    -ms-flex-align: center;
    align-items: center
}

.cc-banner.cc-top {
    left: 0;
    right: 0;
    top: 0
}

.cc-banner.cc-bottom {
    left: 0;
    right: 0;
    bottom: 0
}

.cc-banner .cc-message {
    -ms-flex: 1;
    flex: 1
}

.cc-compliance {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: justify;
    align-content: space-between
}

.cc-compliance>.cc-btn {
    -ms-flex: 1;
    flex: 1
}

.cc-btn+.cc-btn {
    margin-left: .5em
}

@media print {

    .cc-revoke,
    .cc-window {
        display: none
    }
}

@media screen and (max-width: 900px) {
    .cc-btn {
        white-space: normal
    }
}

@media screen and (max-width: 414px) and (orientation:portrait),
screen and (max-width:736px) and (orientation:landscape) {
    .cc-window.cc-top {
        top: 0
    }

    .cc-window.cc-bottom {
        bottom: 0
    }

    .cc-window.cc-banner,
    .cc-window.cc-left,
    .cc-window.cc-right {
        left: 0;
        right: 0
    }

    .cc-window.cc-banner {
        -ms-flex-direction: column;
        flex-direction: column
    }

    .cc-window.cc-banner .cc-compliance {
        -ms-flex: 1;
        flex: 1
    }

    .cc-window.cc-floating {
        max-width: none
    }

    .cc-window .cc-message {
        margin-bottom: 1em
    }

    .cc-window.cc-banner {
        -ms-flex-align: unset;
        align-items: unset
    }
}

.cc-floating.cc-theme-classic {
    padding: 1.2em;
    border-radius: 5px
}

.cc-floating.cc-type-info.cc-theme-classic .cc-compliance {
    text-align: center;
    display: inline;
    -ms-flex: none;
    flex: none
}

.cc-theme-classic .cc-btn {
    border-radius: 5px
}

.cc-theme-classic .cc-btn:last-child {
    min-width: 140px
}

.cc-floating.cc-type-info.cc-theme-classic .cc-btn {
    display: inline-block
}

.cc-theme-edgeless.cc-window {
    padding: 0
}

.cc-floating.cc-theme-edgeless .cc-message {
    margin: 2em 2em 1.5em
}

.cc-banner.cc-theme-edgeless .cc-btn {
    margin: 0;
    padding: .8em 1.8em;
    height: 100%;
    transition: all 0.2s ease-in-out 0s;
    font-family: Open Sans !important;
    font-weight: 600;
}

.cc-banner.cc-theme-edgeless .cc-message {
    margin-left: 1em
}

.cc-floating.cc-theme-edgeless .cc-btn+.cc-btn {
    margin-left: 0
}

.cc-revoke,
.cc-window {
    font-family: inherit;
    font-weight: 300;
    font-size: 1em;
}

.flex-container a:hover,
.flex-slider a:hover {
    outline: none;
}

.slides,
.slides>li,
.flex-control-nav,
.flex-direction-nav {
    margin: 0;
    padding: 0;
    list-style: none;
}

.flex-pauseplay span {
    text-transform: capitalize;
}

.flexslider {
    margin: 0;
    padding: 0;
}

.flexslider .slides>li {
    display: none;
    -webkit-backface-visibility: hidden;
}

.flexslider .slides img {
    width: 100%;
    display: block;
}

.flexslider .slides:after {
    content: "\0020";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

html[xmlns] .flexslider .slides {
    display: block;
}

* html .flexslider .slides {
    height: 1%;
}

.no-js .flexslider .slides>li:first-child {
    display: block;
}

.flexslider {
    margin: 0 0 60px;
    background: #fff;
    border: 4px solid #fff;
    position: relative;
    zoom: 1;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
    -o-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
    box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
}

.flexslider .slides {
    zoom: 1;
}

.flexslider .slides img {
    height: auto;
    -moz-user-select: none;
}

.flex-viewport {
    max-height: 2000px;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}

.loading .flex-viewport {
    max-height: 300px;
}

@-moz-document url-prefix() {
    .loading .flex-viewport {
        max-height: none;
    }
}

.carousel li {
    margin-right: 5px;
}

.flex-direction-nav {
    *height: 0;
}

.flex-direction-nav a {
    text-decoration: none;
    display: block;
    width: 40px;
    height: 40px;
    margin: -20px 0 0;
    position: absolute;
    top: 50%;
    z-index: 10;
    overflow: hidden;
    opacity: 0;
    cursor: pointer;
    color: rgba(0, 0, 0, 0.8);
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.flex-direction-nav .flex-prev {
    left: -50px;
}

.flex-direction-nav .flex-next {
    right: -50px;
    text-align: right;
}

.flexslider:hover .flex-direction-nav .flex-prev {
    opacity: 0.7;
    left: 10px;
}

.flexslider:hover .flex-direction-nav .flex-prev:hover {
    opacity: 1;
}

.flexslider:hover .flex-direction-nav .flex-next {
    opacity: 0.7;
    right: 10px;
}

.flexslider:hover .flex-direction-nav .flex-next:hover {
    opacity: 1;
}

.flex-direction-nav .flex-disabled {
    opacity: 0 !important;
    filter: alpha(opacity=0);
    cursor: default;
    z-index: -1;
}

.flex-pauseplay a {
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    bottom: 5px;
    left: 10px;
    opacity: 0.8;
    z-index: 10;
    overflow: hidden;
    cursor: pointer;
    color: #000;
}

.flex-pauseplay a:hover {
    opacity: 1;
}

.flex-control-nav {
    width: 100%;
    position: absolute;
    bottom: -40px;
    text-align: center;
}

.flex-control-nav li {
    margin: 0 6px;
    display: inline-block;
    zoom: 1;
    *display: inline;
}

.flex-control-paging li a {
    width: 11px;
    height: 11px;
    display: block;
    background: #666;
    background: rgba(0, 0, 0, 0.5);
    cursor: pointer;
    text-indent: -9999px;
    -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
    -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}

.flex-control-paging li a:hover {
    background: #333;
    background: rgba(0, 0, 0, 0.7);
}

.flex-control-paging li a.flex-active {
    background: #000;
    background: rgba(0, 0, 0, 0.9);
    cursor: default;
}

.flex-control-thumbs {
    margin: 5px 0 0;
    position: static;
    overflow: hidden;
}

.flex-control-thumbs li {
    width: 25%;
    float: left;
    margin: 0;
}

.flex-control-thumbs img {
    width: 100%;
    height: auto;
    display: block;
    opacity: .7;
    cursor: pointer;
    -moz-user-select: none;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}

.flex-control-thumbs img:hover {
    opacity: 1;
}

.flex-control-thumbs .flex-active {
    opacity: 1;
    cursor: default;
}

@media screen and (max-width: 860px) {
    .flex-direction-nav .flex-prev {
        opacity: 1;
        left: 10px;
    }

    .flex-direction-nav .flex-next {
        opacity: 1;
        right: 10px;
    }
}

table th {
    font-weight: bold;
}

table td,
table th {
    padding: 9px 10px;
    text-align: left;
}

@media only screen and (max-width: 1024px) {
    table.responsive {
        margin-bottom: 0;
    }

    .pinned {
        position: absolute;
        left: 0;
        top: 0;
        background: #fff;
        width: 35%;
        overflow: hidden;
        overflow-x: scroll;
        border-right: 1px solid #ccc;
        border-left: 1px solid #ccc;
    }

    .pinned table {
        border-right: none;
        border-left: none;
        width: 100%;
    }

    .pinned table th,
    .pinned table td {
        white-space: nowrap;
    }

    .pinned td:last-child {
        border-bottom: 0;
    }

    div.table-wrapper {
        position: relative;
        margin-bottom: 20px;
        overflow: hidden;
        border-right: 1px solid #ccc;
    }

    div.table-wrapper div.scrollable table {
        margin-left: 35%;
    }

    div.table-wrapper div.scrollable {
        overflow: scroll;
        overflow-y: hidden;
    }

    table.responsive td,
    table.responsive th {
        position: relative;
        white-space: nowrap;
        overflow: hidden;
    }

    table.responsive th:first-child,
    table.responsive td:first-child,
    table.responsive td:first-child,
    table.responsive.pinned td {
        display: none;
    }
}

.dl-menuwrapper {
    width: 100%;
    float: left;
    position: relative;
    -webkit-perspective: 1000px;
    -moz-perspective: 1000px;
    perspective: 1000px;
    -webkit-perspective-origin: 50% 200%;
    -moz-perspective-origin: 50% 200%;
    perspective-origin: 50% 200%;
    z-index: 100;
}

.dl-menuwrapper:first-child {
    margin-right: 100px;
}

.dl-menuwrapper button {
    background: #ccc;
    border: none;
    width: 50px;
    height: 50px;
    text-indent: -900em;
    overflow: hidden;
    position: relative;
    cursor: pointer;
    outline: none;
}

.dl-menuwrapper button:hover,
.dl-menuwrapper button.dl-active,
.dl-menuwrapper ul {
    margin: 0;
    background: #aaa;
}

.dl-menuwrapper button:after {
    content: '';
    position: absolute;
    width: 68%;
    height: 5px;
    background: #fff;
    top: 12px;
    left: 16%;
    box-shadow: 0 10px 0 #fff, 0 20px 0 #fff;
}

.dl-menuwrapper ul {
    padding: 0;
    list-style: none;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.dl-menuwrapper li {
    position: relative;
}

.dl-menuwrapper li a {
    display: block;
    position: relative;
    padding: 15px 20px;
    font-size: 16px;
    line-height: 20px;
    font-weight: 300;
    color: #fff;
    outline: none;
    text-decoration: none;
}

.no-touch .dl-menuwrapper li a:hover {
    background: rgba(255, 248, 213, 0.1);
}

.dl-menuwrapper li.dl-back>a {
    padding-left: 30px;
    background: rgba(0, 0, 0, 0.1);
}

.dl-menuwrapper li.dl-back:after,
.dl-menuwrapper li>a:not(:only-child):after {
    position: absolute;
    top: 0;
    line-height: 50px;
    font-family: 'fontello';
    speak: none;
    -webkit-font-smoothing: antialiased;
    content: "\e803";
}

.dl-menuwrapper li.dl-back:after {
    left: 10px;
    color: rgba(212, 204, 198, 0.3);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    transform: rotate(180deg);
}

.dl-menuwrapper li>a:after {
    right: 10px;
    color: rgba(0, 0, 0, 0.15);
}

.dl-menuwrapper .dl-menu {
    margin: 5px 0 0 0;
    position: absolute;
    width: 100%;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    transform: translateY(10px);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
}

.dl-menuwrapper .dl-menu.dl-menu-toggle {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.dl-menuwrapper .dl-menu.dl-menuopen {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    transform: translateY(0px);
}

.dl-menuwrapper li .dl-submenu {
    display: none;
}

.dl-menu.dl-subview li,
.dl-menu.dl-subview li.dl-subviewopen>a,
.dl-menu.dl-subview li.dl-subview>a {
    display: none;
}

.dl-menu.dl-subview li.dl-subview,
.dl-menu.dl-subview li.dl-subview .dl-submenu,
.dl-menu.dl-subview li.dl-subviewopen,
.dl-menu.dl-subview li.dl-subviewopen>.dl-submenu,
.dl-menu.dl-subview li.dl-subviewopen>.dl-submenu>li {
    display: block;
}

.dl-menuwrapper>.dl-submenu {
    position: absolute;
    width: 100%;
    top: 50px;
    left: 0;
    margin: 0;
}

.dl-menu.dl-animate-out-1 {
    -webkit-animation: MenuAnimOut1 0.4s;
    -moz-animation: MenuAnimOut1 0.4s;
    animation: MenuAnimOut1 0.4s;
}

.dl-menu.dl-animate-out-2 {
    -webkit-animation: MenuAnimOut2 0.3s ease-in-out;
    -moz-animation: MenuAnimOut2 0.3s ease-in-out;
    animation: MenuAnimOut2 0.3s ease-in-out;
}

.dl-menu.dl-animate-out-3 {
    -webkit-animation: MenuAnimOut3 0.4s ease;
    -moz-animation: MenuAnimOut3 0.4s ease;
    animation: MenuAnimOut3 0.4s ease;
}

.dl-menu.dl-animate-out-4 {
    -webkit-animation: MenuAnimOut4 0.4s ease;
    -moz-animation: MenuAnimOut4 0.4s ease;
    animation: MenuAnimOut4 0.4s ease;
}

.dl-menu.dl-animate-out-5 {
    -webkit-animation: MenuAnimOut5 0.4s ease;
    -moz-animation: MenuAnimOut5 0.4s ease;
    animation: MenuAnimOut5 0.4s ease;
}

@-webkit-keyframes MenuAnimOut1 {
    50% {
        -webkit-transform: translateZ(-250px) rotateY(30deg);
    }

    75% {
        -webkit-transform: translateZ(-372.5px) rotateY(15deg);
        opacity: .5;
    }

    100% {
        -webkit-transform: translateZ(-500px) rotateY(0deg);
        opacity: 0;
    }
}

@-webkit-keyframes MenuAnimOut2 {
    100% {
        -webkit-transform: translateX(-100%);
        opacity: 0;
    }
}

@-webkit-keyframes MenuAnimOut3 {
    100% {
        -webkit-transform: translateZ(300px);
        opacity: 0;
    }
}

@-webkit-keyframes MenuAnimOut4 {
    100% {
        -webkit-transform: translateZ(-300px);
        opacity: 0;
    }
}

@-webkit-keyframes MenuAnimOut5 {
    100% {
        -webkit-transform: translateY(40%);
        opacity: 0;
    }
}

@-moz-keyframes MenuAnimOut1 {
    50% {
        -moz-transform: translateZ(-250px) rotateY(30deg);
    }

    75% {
        -moz-transform: translateZ(-372.5px) rotateY(15deg);
        opacity: .5;
    }

    100% {
        -moz-transform: translateZ(-500px) rotateY(0deg);
        opacity: 0;
    }
}

@-moz-keyframes MenuAnimOut2 {
    100% {
        -moz-transform: translateX(-100%);
        opacity: 0;
    }
}

@-moz-keyframes MenuAnimOut3 {
    100% {
        -moz-transform: translateZ(300px);
        opacity: 0;
    }
}

@-moz-keyframes MenuAnimOut4 {
    100% {
        -moz-transform: translateZ(-300px);
        opacity: 0;
    }
}

@-moz-keyframes MenuAnimOut5 {
    100% {
        -moz-transform: translateY(40%);
        opacity: 0;
    }
}

@keyframes MenuAnimOut1 {
    50% {
        transform: translateZ(-250px) rotateY(30deg);
    }

    75% {
        transform: translateZ(-372.5px) rotateY(15deg);
        opacity: .5;
    }

    100% {
        transform: translateZ(-500px) rotateY(0deg);
        opacity: 0;
    }
}

@keyframes MenuAnimOut2 {
    100% {
        transform: translateX(-100%);
        opacity: 0;
    }
}

@keyframes MenuAnimOut3 {
    100% {
        transform: translateZ(300px);
        opacity: 0;
    }
}

@keyframes MenuAnimOut4 {
    100% {
        transform: translateZ(-300px);
        opacity: 0;
    }
}

@keyframes MenuAnimOut5 {
    100% {
        transform: translateY(40%);
        opacity: 0;
    }
}

.dl-menu.dl-animate-in-1 {
    -webkit-animation: MenuAnimIn1 0.3s;
    -moz-animation: MenuAnimIn1 0.3s;
    animation: MenuAnimIn1 0.3s;
}

.dl-menu.dl-animate-in-2 {
    -webkit-animation: MenuAnimIn2 0.3s ease-in-out;
    -moz-animation: MenuAnimIn2 0.3s ease-in-out;
    animation: MenuAnimIn2 0.3s ease-in-out;
}

.dl-menu.dl-animate-in-3 {
    -webkit-animation: MenuAnimIn3 0.4s ease;
    -moz-animation: MenuAnimIn3 0.4s ease;
    animation: MenuAnimIn3 0.4s ease;
}

.dl-menu.dl-animate-in-4 {
    -webkit-animation: MenuAnimIn4 0.4s ease;
    -moz-animation: MenuAnimIn4 0.4s ease;
    animation: MenuAnimIn4 0.4s ease;
}

.dl-menu.dl-animate-in-5 {
    -webkit-animation: MenuAnimIn5 0.4s ease;
    -moz-animation: MenuAnimIn5 0.4s ease;
    animation: MenuAnimIn5 0.4s ease;
}

@-webkit-keyframes MenuAnimIn1 {
    0% {
        -webkit-transform: translateZ(-500px) rotateY(0deg);
        opacity: 0;
    }

    20% {
        -webkit-transform: translateZ(-250px) rotateY(30deg);
        opacity: 0.5;
    }

    100% {
        -webkit-transform: translateZ(0px) rotateY(0deg);
        opacity: 1;
    }
}

@-webkit-keyframes MenuAnimIn2 {
    0% {
        -webkit-transform: translateX(-100%);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateX(0px);
        opacity: 1;
    }
}

@-webkit-keyframes MenuAnimIn3 {
    0% {
        -webkit-transform: translateZ(300px);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateZ(0px);
        opacity: 1;
    }
}

@-webkit-keyframes MenuAnimIn4 {
    0% {
        -webkit-transform: translateZ(-300px);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateZ(0px);
        opacity: 1;
    }
}

@-webkit-keyframes MenuAnimIn5 {
    0% {
        -webkit-transform: translateY(40%);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateY(0);
        opacity: 1;
    }
}

@-moz-keyframes MenuAnimIn1 {
    0% {
        -moz-transform: translateZ(-500px) rotateY(0deg);
        opacity: 0;
    }

    20% {
        -moz-transform: translateZ(-250px) rotateY(30deg);
        opacity: 0.5;
    }

    100% {
        -moz-transform: translateZ(0px) rotateY(0deg);
        opacity: 1;
    }
}

@-moz-keyframes MenuAnimIn2 {
    0% {
        -moz-transform: translateX(-100%);
        opacity: 0;
    }

    100% {
        -moz-transform: translateX(0px);
        opacity: 1;
    }
}

@-moz-keyframes MenuAnimIn3 {
    0% {
        -moz-transform: translateZ(300px);
        opacity: 0;
    }

    100% {
        -moz-transform: translateZ(0px);
        opacity: 1;
    }
}

@-moz-keyframes MenuAnimIn4 {
    0% {
        -moz-transform: translateZ(-300px);
        opacity: 0;
    }

    100% {
        -moz-transform: translateZ(0px);
        opacity: 1;
    }
}

@-moz-keyframes MenuAnimIn5 {
    0% {
        -moz-transform: translateY(40%);
        opacity: 0;
    }

    100% {
        -moz-transform: translateY(0);
        opacity: 1;
    }
}

@keyframes MenuAnimIn1 {
    0% {
        transform: translateZ(-500px) rotateY(0deg);
        opacity: 0;
    }

    20% {
        transform: translateZ(-250px) rotateY(30deg);
        opacity: 0.5;
    }

    100% {
        transform: translateZ(0px) rotateY(0deg);
        opacity: 1;
    }
}

@keyframes MenuAnimIn2 {
    0% {
        transform: translateX(-100%);
        opacity: 0;
    }

    100% {
        transform: translateX(0px);
        opacity: 1;
    }
}

@keyframes MenuAnimIn3 {
    0% {
        transform: translateZ(300px);
        opacity: 0;
    }

    100% {
        transform: translateZ(0px);
        opacity: 1;
    }
}

@keyframes MenuAnimIn4 {
    0% {
        transform: translateZ(-300px);
        opacity: 0;
    }

    100% {
        transform: translateZ(0px);
        opacity: 1;
    }
}

@keyframes MenuAnimIn5 {
    0% {
        transform: translateY(40%);
        opacity: 0;
    }

    100% {
        transform: translateY(0);
        opacity: 1;
    }
}

.dl-menuwrapper>.dl-submenu.dl-animate-in-1 {
    -webkit-animation: SubMenuAnimIn1 0.4s ease;
    -moz-animation: SubMenuAnimIn1 0.4s ease;
    animation: SubMenuAnimIn1 0.4s ease;
}

.dl-menuwrapper>.dl-submenu.dl-animate-in-2 {
    -webkit-animation: SubMenuAnimIn2 0.3s ease-in-out;
    -moz-animation: SubMenuAnimIn2 0.3s ease-in-out;
    animation: SubMenuAnimIn2 0.3s ease-in-out;
}

.dl-menuwrapper>.dl-submenu.dl-animate-in-3 {
    -webkit-animation: SubMenuAnimIn3 0.4s ease;
    -moz-animation: SubMenuAnimIn3 0.4s ease;
    animation: SubMenuAnimIn3 0.4s ease;
}

.dl-menuwrapper>.dl-submenu.dl-animate-in-4 {
    -webkit-animation: SubMenuAnimIn4 0.4s ease;
    -moz-animation: SubMenuAnimIn4 0.4s ease;
    animation: SubMenuAnimIn4 0.4s ease;
}

.dl-menuwrapper>.dl-submenu.dl-animate-in-5 {
    -webkit-animation: SubMenuAnimIn5 0.4s ease;
    -moz-animation: SubMenuAnimIn5 0.4s ease;
    animation: SubMenuAnimIn5 0.4s ease;
}

@-webkit-keyframes SubMenuAnimIn1 {
    0% {
        -webkit-transform: translateX(50%);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateX(0px);
        opacity: 1;
    }
}

@-webkit-keyframes SubMenuAnimIn2 {
    0% {
        -webkit-transform: translateX(100%);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateX(0px);
        opacity: 1;
    }
}

@-webkit-keyframes SubMenuAnimIn3 {
    0% {
        -webkit-transform: translateZ(-300px);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateZ(0px);
        opacity: 1;
    }
}

@-webkit-keyframes SubMenuAnimIn4 {
    0% {
        -webkit-transform: translateZ(300px);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateZ(0px);
        opacity: 1;
    }
}

@-webkit-keyframes SubMenuAnimIn5 {
    0% {
        -webkit-transform: translateZ(-200px);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateZ(0);
        opacity: 1;
    }
}

@-moz-keyframes SubMenuAnimIn1 {
    0% {
        -moz-transform: translateX(50%);
        opacity: 0;
    }

    100% {
        -moz-transform: translateX(0px);
        opacity: 1;
    }
}

@-moz-keyframes SubMenuAnimIn2 {
    0% {
        -moz-transform: translateX(100%);
        opacity: 0;
    }

    100% {
        -moz-transform: translateX(0px);
        opacity: 1;
    }
}

@-moz-keyframes SubMenuAnimIn3 {
    0% {
        -moz-transform: translateZ(-300px);
        opacity: 0;
    }

    100% {
        -moz-transform: translateZ(0px);
        opacity: 1;
    }
}

@-moz-keyframes SubMenuAnimIn4 {
    0% {
        -moz-transform: translateZ(300px);
        opacity: 0;
    }

    100% {
        -moz-transform: translateZ(0px);
        opacity: 1;
    }
}

@-moz-keyframes SubMenuAnimIn5 {
    0% {
        -moz-transform: translateZ(-200px);
        opacity: 0;
    }

    100% {
        -moz-transform: translateZ(0);
        opacity: 1;
    }
}

@keyframes SubMenuAnimIn1 {
    0% {
        transform: translateX(50%);
        opacity: 0;
    }

    100% {
        transform: translateX(0px);
        opacity: 1;
    }
}

@keyframes SubMenuAnimIn2 {
    0% {
        transform: translateX(100%);
        opacity: 0;
    }

    100% {
        transform: translateX(0px);
        opacity: 1;
    }
}

@keyframes SubMenuAnimIn3 {
    0% {
        transform: translateZ(-300px);
        opacity: 0;
    }

    100% {
        transform: translateZ(0px);
        opacity: 1;
    }
}

@keyframes SubMenuAnimIn4 {
    0% {
        transform: translateZ(300px);
        opacity: 0;
    }

    100% {
        transform: translateZ(0px);
        opacity: 1;
    }
}

@keyframes SubMenuAnimIn5 {
    0% {
        transform: translateZ(-200px);
        opacity: 0;
    }

    100% {
        transform: translateZ(0);
        opacity: 1;
    }
}

.dl-menuwrapper>.dl-submenu.dl-animate-out-1 {
    -webkit-animation: SubMenuAnimOut1 0.4s ease;
    -moz-animation: SubMenuAnimOut1 0.4s ease;
    animation: SubMenuAnimOut1 0.4s ease;
}

.dl-menuwrapper>.dl-submenu.dl-animate-out-2 {
    -webkit-animation: SubMenuAnimOut2 0.3s ease-in-out;
    -moz-animation: SubMenuAnimOut2 0.3s ease-in-out;
    animation: SubMenuAnimOut2 0.3s ease-in-out;
}

.dl-menuwrapper>.dl-submenu.dl-animate-out-3 {
    -webkit-animation: SubMenuAnimOut3 0.4s ease;
    -moz-animation: SubMenuAnimOut3 0.4s ease;
    animation: SubMenuAnimOut3 0.4s ease;
}

.dl-menuwrapper>.dl-submenu.dl-animate-out-4 {
    -webkit-animation: SubMenuAnimOut4 0.4s ease;
    -moz-animation: SubMenuAnimOut4 0.4s ease;
    animation: SubMenuAnimOut4 0.4s ease;
}

.dl-menuwrapper>.dl-submenu.dl-animate-out-5 {
    -webkit-animation: SubMenuAnimOut5 0.4s ease;
    -moz-animation: SubMenuAnimOut5 0.4s ease;
    animation: SubMenuAnimOut5 0.4s ease;
}

@-webkit-keyframes SubMenuAnimOut1 {
    0% {
        -webkit-transform: translateX(0%);
        opacity: 1;
    }

    100% {
        -webkit-transform: translateX(50%);
        opacity: 0;
    }
}

@-webkit-keyframes SubMenuAnimOut2 {
    0% {
        -webkit-transform: translateX(0%);
        opacity: 1;
    }

    100% {
        -webkit-transform: translateX(100%);
        opacity: 0;
    }
}

@-webkit-keyframes SubMenuAnimOut3 {
    0% {
        -webkit-transform: translateZ(0px);
        opacity: 1;
    }

    100% {
        -webkit-transform: translateZ(-300px);
        opacity: 0;
    }
}

@-webkit-keyframes SubMenuAnimOut4 {
    0% {
        -webkit-transform: translateZ(0px);
        opacity: 1;
    }

    100% {
        -webkit-transform: translateZ(300px);
        opacity: 0;
    }
}

@-webkit-keyframes SubMenuAnimOut5 {
    0% {
        -webkit-transform: translateZ(0);
        opacity: 1;
    }

    100% {
        -webkit-transform: translateZ(-200px);
        opacity: 0;
    }
}

@-moz-keyframes SubMenuAnimOut1 {
    0% {
        -moz-transform: translateX(0%);
        opacity: 1;
    }

    100% {
        -moz-transform: translateX(50%);
        opacity: 0;
    }
}

@-moz-keyframes SubMenuAnimOut2 {
    0% {
        -moz-transform: translateX(0%);
        opacity: 1;
    }

    100% {
        -moz-transform: translateX(100%);
        opacity: 0;
    }
}

@-moz-keyframes SubMenuAnimOut3 {
    0% {
        -moz-transform: translateZ(0px);
        opacity: 1;
    }

    100% {
        -moz-transform: translateZ(-300px);
        opacity: 0;
    }
}

@-moz-keyframes SubMenuAnimOut4 {
    0% {
        -moz-transform: translateZ(0px);
        opacity: 1;
    }

    100% {
        -moz-transform: translateZ(300px);
        opacity: 0;
    }
}

@-moz-keyframes SubMenuAnimOut5 {
    0% {
        -moz-transform: translateZ(0);
        opacity: 1;
    }

    100% {
        -moz-transform: translateZ(-200px);
        opacity: 0;
    }
}

@keyframes SubMenuAnimOut1 {
    0% {
        transform: translateX(0%);
        opacity: 1;
    }

    100% {
        transform: translateX(50%);
        opacity: 0;
    }
}

@keyframes SubMenuAnimOut2 {
    0% {
        transform: translateX(0%);
        opacity: 1;
    }

    100% {
        transform: translateX(100%);
        opacity: 0;
    }
}

@keyframes SubMenuAnimOut3 {
    0% {
        transform: translateZ(0px);
        opacity: 1;
    }

    100% {
        transform: translateZ(-300px);
        opacity: 0;
    }
}

@keyframes SubMenuAnimOut4 {
    0% {
        transform: translateZ(0px);
        opacity: 1;
    }

    100% {
        transform: translateZ(300px);
        opacity: 0;
    }
}

@keyframes SubMenuAnimOut5 {
    0% {
        transform: translateZ(0);
        opacity: 1;
    }

    100% {
        transform: translateZ(-200px);
        opacity: 0;
    }
}

.no-js .dl-menuwrapper .dl-menu {
    position: relative;
    opacity: 1;
    -webkit-transform: none;
    -moz-transform: none;
    transform: none;
}

.no-js .dl-menuwrapper li .dl-submenu {
    display: block;
}

.no-js .dl-menuwrapper li.dl-back {
    display: none;
}

.no-js .dl-menuwrapper li>a:not(:only-child) {
    background: rgba(0, 0, 0, 0.1);
}

.no-js .dl-menuwrapper li>a:not(:only-child):after {
    content: '';
}

.demo-1 .dl-menuwrapper button {
    background: #c62860;
}

.demo-1 .dl-menuwrapper button:hover,
.demo-1 .dl-menuwrapper button.dl-active,
.demo-1 .dl-menuwrapper ul {
    background: #9e1847;
}

.demo-2 .dl-menuwrapper button {
    background: #e86814;
}

.demo-2 .dl-menuwrapper button:hover,
.demo-2 .dl-menuwrapper button.dl-active,
.demo-2 .dl-menuwrapper ul {
    background: #D35400;
}

.demo-3 .dl-menuwrapper button {
    background: #08cbc4;
}

.demo-3 .dl-menuwrapper button:hover,
.demo-3 .dl-menuwrapper button.dl-active,
.demo-3 .dl-menuwrapper ul {
    background: #00b4ae;
}

.demo-4 .dl-menuwrapper button {
    background: #90b912;
}

.demo-4 .dl-menuwrapper button:hover,
.demo-4 .dl-menuwrapper button.dl-active,
.demo-4 .dl-menuwrapper ul {
    background: #79a002;
}

.demo-5 .dl-menuwrapper button {
    background: #744783;
}

.demo-5 .dl-menuwrapper button:hover,
.demo-5 .dl-menuwrapper button.dl-active,
.demo-5 .dl-menuwrapper ul {
    background: #643771;
}

.sf-menu,
.sf-menu * {
    margin: 0;
    padding: 0;
    list-style: none;
}

.sf-menu li {
    position: relative;
}

.sf-menu ul {
    position: absolute;
    display: none;
    top: 100%;
    left: 0;
    z-index: 99;
}

.sf-menu>li {
    float: left;
}

.sf-menu li:hover>ul,
.sf-menu li.sfHover>ul {
    display: block;
}

.sf-menu a {
    display: block;
    position: relative;
}

.sf-menu ul ul {
    top: 0;
    left: 100%;
}

.sf-menu {
    float: left;
    margin-bottom: 1em;
}

.sf-menu ul {
    box-shadow: 2px 2px 6px rgba(0, 0, 0, .2);
    min-width: 12em;
    *width: 12em;
}

.sf-menu a {
    border-left: 1px solid #fff;
    border-top: 1px solid #dFeEFF;
    border-top: 1px solid rgba(255, 255, 255, .5);
    padding: .75em 1em;
    text-decoration: none;
    zoom: 1;
}

.sf-menu a {
    color: #13a;
}

.sf-menu li {
    background: #BDD2FF;
    white-space: nowrap;
    *white-space: normal;
    -webkit-transition: background .2s;
    transition: background .2s;
}

.sf-menu ul li {
    background: #AABDE6;
}

.sf-menu ul ul li {
    background: #9AAEDB;
}

.sf-menu li:hover,
.sf-menu li.sfHover {
    background: #CFDEFF;
    -webkit-transition: none;
    transition: none;
}

.sf-arrows .sf-with-ul {
    padding-right: 2.5em;
    *padding-right: 1em;
}

.sf-arrows .sf-with-ul:after {
    content: '';
    position: absolute;
    top: 50%;
    right: 1em;
    margin-top: -3px;
    height: 0;
    width: 0;
    border: 5px solid transparent;
    border-top-color: #dFeEFF;
    border-top-color: rgba(255, 255, 255, .5);
}

.sf-arrows>li>.sf-with-ul:focus:after,
.sf-arrows>li:hover>.sf-with-ul:after,
.sf-arrows>.sfHover>.sf-with-ul:after {
    border-top-color: white;
}

.sf-arrows ul .sf-with-ul:after {
    margin-top: -5px;
    margin-right: -3px;
    border-color: transparent;
    border-left-color: #dFeEFF;
    border-left-color: rgba(255, 255, 255, .5);
}

.sf-arrows ul li>.sf-with-ul:focus:after,
.sf-arrows ul li:hover>.sf-with-ul:after,
.sf-arrows ul .sfHover>.sf-with-ul:after {
    border-left-color: white;
}

.icon,
[class^="icon-"],
[class*=" icon-"] {
    font-family: 'fontello';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-feature-settings: "liga";
    -moz-font-feature-settings: "liga=1";
    -moz-font-feature-settings: "liga";
    -ms-font-feature-settings: "liga" 1;
    -o-font-feature-settings: "liga";
    font-feature-settings: "liga";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.msg {
    float: left;
    width: 100%;
    padding: 1em;
    box-sizing: border-box;
    margin-top: 1em;
}

.msg.no-padding {
    padding: 0 1em;
}

.msg-red {
    background: #fbe3e4;
    color: #8a1f11;
    border-color: #fbc2c4;
}

.msg-blue {
    background: #d5edf8;
    color: #205791;
    border-color: #92cae4;
}

.msg-green {
    background: #e6efc2;
    color: #264409;
    border-color: #c6d880;
}

.msg-yellow {
    background: #fff6bf;
    color: #514721;
    border-color: #ffd324;
}

.transition {
    transition: all 0.2s ease-in-out 0s;
}

.transition-smooth {
    transition: all 0.5s cubic-bezier(0.05, 0.6899999999999999, 0.14, 1) 0s;
}

.transition-bounce {
    transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
}

.centerIcon {
    width: 1em;
    height: 1em;
    text-align: center;
    line-height: 1em;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    text-indent: 0;
    font-family: "fontello";
}

body h1 {
    color: #006eb8;
    font-family: 'Roboto', sans-serif;
    font-size: 2.5em;
    line-height: 1em;
    font-weight: 300;
    text-transform: uppercase;
}

body h2 {
    color: #006eb8;
    font-family: 'Roboto', sans-serif;
    font-size: 1.9em;
    font-weight: normal;
    line-height: 1em;
    text-transform: uppercase;
    font-weight: 300;
}

body h3 {
    color: #3f3e3e;
    font-family: 'Roboto', sans-serif;
    font-size: 1.4em;
    padding: 0;
    font-weight: normal;
    line-height: 1em;
    text-transform: uppercase;
    font-weight: 300;
}

a {
    color: #e5007d;
}

a:hover {
    color: #b60063;
    text-decoration: none;
}

body,
html {
    height: 100%;
    margin: 0;
}

body {
    color: #555;
    font-family: 'Open Sans', sans-serif;
    line-height: 20px;
    margin: 0;
    padding: 0;
    background: #fff;
    font-size: 1em;
}

p,
pre {
    width: 100%;
    display: block;
}

section,
header,
footer {
    float: left;
    width: 100%;
}

b,
strong {
    font-weight: 700;
}

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

section {
    opacity: 1;
    transition: all 0.2s ease-in-out 0s;
}

video {
    width: 100%;
    height: auto;
    display: block !important;
}

html.touch * {
    text-rendering: optimizeSpeed;
}

#mainContainer {
    width: 100%;
    float: left;
}

#mainContainer .wrapper {
    margin: 0 auto;
    width: 100%;
    float: left;
}

footer>[class*="wide"],
header [class*="wide"],
section>[class*="wide"],
section>div>[class*="wide"] {
    width: 100%;
    max-width: 1500px;
    margin: 0 auto;
}

footer>[class*="middle"],
header [class*="middle"],
section>[class*="middle"],
section>div>[class*="middle"] {
    width: 100%;
    max-width: 1250px;
    margin: 0 auto;
}

footer>[class*="normal"],
header>[class*="normal"],
section>[class*="normal"],
section>div>[class*="normal"] {
    width: 100%;
    max-width: 1024px;
    margin: 0 auto;
}

header>[class*="small"],
section>[class*="small"],
section>div>[class*="small"] {
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
}

[class*="bgd"] {
    background: #e5007d;
    color: #fff;
}

[class*="bgd"] h2:not(.cs) {
    color: #fff;
}

[class*="bgd"] h3:not(.cs) {
    color: #fff;
}

[class*="bgd"] a {
    color: #fff;
}

[class*="bgd"] .btn.more {
    background: #fff;
    color: #e5007d;
}

[class*="bgd"] .btn.more:hover {
    background: rgba(255, 255, 255, 0.5);
    color: #fff;
}

.ce-headline-center,
.text-center,
.tac {
    text-align: center;
}

.tar {
    text-align: right;
}

[class*="pt3"] {
    padding-top: 3em;
}

[class*="pb3"] {
    padding-bottom: 3em;
}

a.btn {
    color: #555;
    text-shadow: 0px 1px 0px #efefef;
    background: #ccc;
    text-decoration: none;
    padding: 10px 15px;
    display: inline-block;
    transition: all 0.2s ease-in-out 0s;
    position: relative;
    font-family: 'Roboto', sans-serif;
    line-height: 1.5em;
    box-sizing: border-box;
    font-size: 1em;
    max-width: calc(100% - 45px);
}

a.btn:hover {
    background: #efefef;
}

a.btn:hover:after {
    color: #fff;
    background: #e5007d;
    right: -50px;
}

a.btn:after {
    font-family: "fontello";
    position: absolute;
    right: -45px;
    top: 0px;
    line-height: 45px;
    width: 45px;
    height: 100%;
    opacity: 1;
    color: #e5007d;
    background: #efefef;
    font-size: 1em;
    text-align: center;
    transition: all 0.2s ease-in-out 0s;
}

a.btn.light {
    background: #efefef;
}

a.btn.light:hover {
    background: #ccc;
}

a.btn.pink {
    background: #e5007d;
    color: #fff;
    text-shadow: 0px 1px 0px #750040;
}

a.btn.pink:hover {
    background: #e5007d;
}

a.btn.pink:hover:after {
    background: #555;
}

a.btn.up:after {
    content: "\e803";
}

a.btn.more:after {
    content: "\e803";
}

a.btn.down:after {
    content: "\e803";
}

a.btn.left:after {
    content: "\e803";
}

a.btn.chat:after {
    content: "\e806";
}

a.btn.contact:after {
    content: "\e806";
}

.btn.dark {
    background: #787878;
    color: #fff;
    text-shadow: none;
}

.btn.dark:after {
    background: #ccc;
}

.btn.dark:hover {
    background: #efefef;
    color: #555;
}

.btn.dark:hover:after {
    background: #006eb8;
}

#content .btn:after {
    width: 40px;
    right: -40px;
    line-height: 40px;
}

#content .chat.online {
    display: none;
}

#server_notice {
    background: #e5007d;
    color: #fff;
    font-weight: 600;
    font-family: 'Roboto', sans-serif;
    text-align: center;
}

#server_notice span,
#server_notice a {
    color: #fff;
}

#header {
    width: 100%;
    background: #fff;
    border-top: 15px solid #efefef;
    border-bottom: 1px solid #efefef;
}

#header .outer {
    margin: 0 auto;
    width: 100%;
    max-width: 1280px;
}

#header .inner {
    float: left;
    width: 100%;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

#header .logo {
    margin-top: 15px;
    padding-bottom: 30px;
    float: left;
    width: 20%;
    max-width: 160px;
}

#header .logo a {
    display: block;
    float: left;
    width: 100%;
    position: relative;
    text-decoration: none;
    color: #e5007d;
    height: 2.5em;
}

#header .logo img {
    display: block;
    width: 100%;
    height: auto;
}

#header .logo .static {
    width: 100%;
    float: left;
}

#header .arrow {
    display: block;
    width: 30px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
}

#header .arrow:after {
    content: "\e815";
    font-family: "fontello";
    position: absolute;
    top: 12px;
    font-size: 30px;
    transition: all 0.3s ease-in-out 0s;
}

#header .static {
    display: none;
}

#header .arrow.one:after {
    right: 17px;
    opacity: 1;
}

#header .arrow.two:after {
    right: 0px;
    opacity: 1;
}

#header .arrow.three:after {
    right: 17px;
    opacity: 0;
}

#header .logo a:hover .one:after {
    right: 17px;
    opacity: 0.5;
}

#header .logo a:hover .two:after {
    right: 17px;
}

#header .logo a:hover .three:after {
    right: 17px;
    opacity: 0.2;
}

#header .logo a.go:hover .one:after {
    right: -4px;
    opacity: 0.5;
    transition: all 0.1s ease-in-out 0s;
}

#header .logo a.go:hover .two:after {
    right: -23px;
    transition: all 0.1s ease-in-out 0s;
}

#header .logo a.go:hover .three:after {
    right: 15px;
    opacity: 0.2;
    transition: all 0.1s ease-in-out 0s;
}

#header .logo a.go.rubber:hover .one:after {
    right: 0px;
    opacity: 0.5;
    transition: all 0.1s ease-in-out 0s;
}

#header .logo a.go.rubber:hover .two:after {
    right: -17px;
    transition: all 0.1s ease-in-out 0s;
}

#header .logo a.go.rubber:hover .three:after {
    right: 17px;
    opacity: 0.2;
    transition: all 0.1s ease-in-out 0s;
}

#header .logo .static {
    float: left;
    width: 100%;
    text-align: center;
}

#header .logo .static a {
    display: block;
    width: 100%;
}

#header nav {
    float: right;
    width: 80%;
    transition: all 0.1s ease-in-out 0s;
    font-family: "Roboto";
    font-weight: 300;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

#header .menu .sf-menu {
    margin: 0;
    padding: 0;
    list-style: none;
    float: right;
    width: auto;
}

#header .menu .sf-menu li {
    background: transparent;
}

#header .menu .sf-menu>li {
    margin: 0 2px;
    display: inline-block;
    float: left;
}

#header .menu .sf-menu>li>a {
    display: inline-block;
    color: #525e63;
    text-decoration: none;
    padding: 10px 10px;
    font-size: 1em;
    margin-right: 5px;
    transition: all 0.1s ease-in-out 0s;
    border: none;
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif !important;
}

#header .menu .sf-menu ul>li {
    background: transparent;
    border: none;
}

#header .menu .sf-menu li>a:hover {
    background: #efefef;
}

#header .menu .sf-menu ul {
    background: transparent;
    box-shadow: none;
    border: none;
    min-width: 16em;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
}

#page1 #header .menu .sf-menu .sf2>a:hover,
#page1 #header .menu .sf-menu .sf2>a,
#header .menu .sf-menu>li.act>a {
    color: #006eb8;
    background: #fff;
}

#page1 #header .menu .sf-menu .sf2 a:hover,
#header .menu .sf-menu>li.act>a:hover {
    color: #006eb8;
    background: #efefef;
}

#page1 #header .menu .sf-menu .sf2 a:after,
#header .menu .sf-menu>li.act>a:after {
    content: ".";
    color: #e5007d;
    font-weight: 700;
}

#header .menu .sf-menu>li>ul.sub {
    padding-top: 2em;
    text-shadow: 0px -1px 0px #ffffff;
}

#header .menu .sf-menu ul.sub li>a {
    background: #efefef;
    border: none;
    color: #525e63;
    position: relative;
    font-size: 0.9em;
    padding: 12px;
    transition: all 0.1s ease-in-out 0s;
}

#header .menu .sf-menu ul.sub li>a:hover {
    background: #ccc;
    text-shadow: none;
}

#header .menu .sf-menu ul.sub li>a.sf-with-ul:after {
    display: block;
    content: "\e803";
    font-family: "fontello";
    right: 0px;
    top: 0px;
    width: 44px;
    height: 44px;
    text-align: center;
    line-height: 44px;
    position: absolute;
    color: #e83181;
    background: #efefef;
    transition: all 0.1s ease-in-out 0s;
}

#header .menu .sf-menu ul.sub li.sfHover>a.sf-with-ul:after,
#header .menu .sf-menu ul.sub li>a.sf-with-ul:hover:after {
    background: #e83181;
    color: #fff;
}

#header .menu .sf-menu>li:last-child>ul {
    left: auto;
    right: 0;
}

/* #header .menu .sf-menu>li.sf29>a {
    color: #e53481;
} */

#hero {
    float: left;
    width: 100%;
    background: #fff;
    font-family: "Roboto";
    min-height: 60px;
}

#hero img {
    display: block;
    width: 100%;
    height: auto;
}

#hero .background {
    margin: 0 auto;
    width: 100%;
    max-width: 1280px;
    position: relative;
}

#hero .overlay {
    position: absolute;
    right: 0;
    top: 150px;
    text-shadow: 0px 1px 0px #fff;
}

#hero b {
    font-weight: 300;
    text-transform: uppercase;
    font-size: 2em;
}

#hero .text {
    line-height: 2em;
}

#hero .background.sm {
    max-width: 100%;
}

#hero .middleText {
    position: absolute;
    width: 100%;
    text-align: center;
    bottom: 5%;
    top: auto;
}

#hero .flexslider {
    margin: 0;
    border: none;
    border-radius: 0;
    overflow: hidden;
}

#hero .flexslider img {
    transform: scale(1.1);
    transition: all 0.5s cubic-bezier(0.05, 0.6899999999999999, 0.14, 1) 0s;
    transition-duration: 5s;
}

#hero .flexslider .wrap {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    max-width: 1500px;
    margin: 0 auto;
    padding: 3em 5%;
    box-sizing: border-box;
    opacity: 0;
    transform: translateX(-2em);
    transition: all 0.5s cubic-bezier(0.05, 0.6899999999999999, 0.14, 1) 0s;
}

#hero .flexslider .center .btn {
    white-space: nowrap;
    max-width: none;
}

#hero .flexslider .center .btn.more {
    margin-right: 4em;
}

#hero .flexslider .flex-control-nav {
    bottom: 0;
    z-index: 10;
    height: 1em;
    padding-bottom: 1em;
}

#hero .flex-active-slide .wrap {
    opacity: 1;
    transform: translateX(0);
    transition-delay: 0.5s;
}

#hero .flex-active-slide img {
    transform: scale(1);
}

#hero .slide-item--padding,
.fancy-slider .slide-item--padding {
    padding: 0 5em;
    box-sizing: border-box;
}

#hero .flex-control-paging li,
.fancy-slider .flex-control-paging li {
    margin: 0 0.25em;
}

#hero .flex-control-paging li a,
.fancy-slider .flex-control-paging li a {
    background: rgba(229, 0, 125, 0.25);
    border: 0.2em solid #fff;
    width: 1em;
    height: 1em;
    transition: all 0.2s ease-in-out 0s;
}

#hero .flex-control-paging li a:hover,
.fancy-slider .flex-control-paging li a:hover {
    background: #fff;
}

#hero .flex-control-paging li a.flex-active,
.fancy-slider .flex-control-paging li a.flex-active {
    background: #e5007d;
}

#hero .flex-direction-nav,
.fancy-slider .flex-direction-nav {
    left: 0;
    right: 0;
    top: 0;
    height: 100%;
    bottom: 0;
    margin: auto;
}

#hero .flex-direction-nav li,
.fancy-slider .flex-direction-nav li {
    top: 0;
    bottom: 0;
    margin: auto;
    height: 100%;
}

#hero .flex-direction-nav a,
.fancy-slider .flex-direction-nav a {
    position: absolute;
}

#hero .flex-direction-nav .flex-prev,
.fancy-slider .flex-direction-nav .flex-prev,
#hero .flex-direction-nav .flex-next,
.fancy-slider .flex-direction-nav .flex-next {
    height: 2em;
    width: 2em;
    background: #fff;
    border: none;
    text-indent: -999px;
    overflow: hidden;
    text-align: left;
    color: #e5007d;
    font-size: 2em;
    top: 0;
    bottom: 0;
    margin: auto;
}

#hero .flex-direction-nav .flex-prev:after,
.fancy-slider .flex-direction-nav .flex-prev:after,
#hero .flex-direction-nav .flex-next:after,
.fancy-slider .flex-direction-nav .flex-next:after {
    width: 1em;
    height: 1em;
    text-align: center;
    line-height: 1em;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    text-indent: 0;
    font-family: "fontello";
}

#hero .flex-direction-nav .flex-prev,
.fancy-slider .flex-direction-nav .flex-prev {
    left: 0;
    opacity: 1;
}

#hero .flex-direction-nav .flex-prev:after,
.fancy-slider .flex-direction-nav .flex-prev:after {
    content: "\e815";
    transform: rotateY(180deg);
}

#hero .flex-direction-nav .flex-next,
.fancy-slider .flex-direction-nav .flex-next {
    right: 0;
    opacity: 1;
}

#hero .flex-direction-nav .flex-next:after,
.fancy-slider .flex-direction-nav .flex-next:after {
    content: "\e815";
}

#hero .center {
    font-size: 1.5em;
    line-height: 1.5em;
}

#hero .center .btn {
    padding: 0.75em 1em;
    line-height: 1em;
}

#hero .center .btn:after {
    line-height: 2.5em;
    width: 2.5em;
    margin-right: -2.5em;
    margin-right: -0.5em;
}

#hero .center .btn:hover:after {
    margin-right: -0.75em;
}

.flx {
    display: flex;
    flex-wrap: wrap;
}

.flx-jc {
    justify-content: center;
}

.flx-jfe {
    justify-content: flex-end;
}

.flx-jsb {
    justify-content: space-between;
}

.flx-afs {
    align-items: flex-start;
}

.flx-ac {
    align-items: center;
}

.flx-afe {
    align-items: flex-end;
}

.flx-rr {
    flex-direction: row-reverse;
}

#tools {
    float: left;
    width: 100%;
    background: #d8d8d8;
    position: relative;
    border-bottom: 1px solid #efefef;
}

#tools .breadcrumbs {
    float: left;
    width: 70%;
}

#tools .right {
    float: left;
    width: 30%;
    background: #d8d8d8;
    background: -moz-linear-gradient(left, #d8d8d8 0%, #ffffff 51%, #d8d8d8 100%);
    background: -webkit-linear-gradient(left, #d8d8d8 0%, #ffffff 51%, #d8d8d8 100%);
    background: linear-gradient(to right, #d8d8d8 0%, #ffffff 51%, #d8d8d8 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d8d8d8', endColorstr='#d8d8d8', GradientType=1);
}

#tools .outer {
    margin: 0 auto;
    width: 100%;
    max-width: 1280px;
}

#tools .inner {
    float: left;
    width: 100%;
    display: flex;
}

#breadcrumbs {
    float: left;
    width: 100%;
    padding: 11px 0;
    font-size: 0.9em;
    font-family: 'Roboto', sans-serif;
    text-shadow: 0px 1px 0px #efefef;
}

#breadcrumbs ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

#breadcrumbs li {
    float: left;
    padding-right: 10px;
}

#breadcrumbs li.first:after {
    display: none;
}

#breadcrumbs li:after {
    content: "\e803";
    font-family: "fontello";
    padding: 0 0 0 10px;
    color: #e60680;
    text-shadow: 0px 1px 0px #ffdef0;
}

#breadcrumbs li:last-child:after {
    display: none;
}

#breadcrumbs a {
    text-shadow: 0px 1px 0px #ffdef0;
    text-decoration: none;
}

.language {
    float: right;
}

.language .sf-menu {
    margin: 0;
    padding: 0;
    list-style: none;
    float: right;
    width: auto;
    width: 80px;
}

.language .sf-menu li {
    background: transparent;
    border: none;
}

.language .sf-menu>li>a {
    background: transparent;
}

.language .sf-menu>li a {
    transition: all 0.2s ease-in-out 0s;
}

.language .sf-menu>li>a:after {
    content: "\e801";
    font-family: "fontello";
    display: inline-block;
    margin-left: 10px;
    color: #e5007d;
    text-shadow: 0 1px 0 #ffdef0;
}

.language .sf-menu ul {
    box-shadow: none;
    background: #efefef;
    min-width: auto;
    max-width: none;
    width: 68px;
}

.language .sf-menu ul li>a {
    width: 45px;
}

.language .sf-menu ul>li>span,
.language .sf-menu a {
    background: #efefef;
    border: none;
    display: block;
    float: left;
    padding: 11px;
}

.language .sf-menu a:hover {
    background: #ccc;
}

.language .sf-menu a span {
    width: 20px;
    height: 20px;
    display: block;
    text-indent: -9999px;
    float: left;
    background: #c10b26;
    border: 1px solid #efefef;
}

.language .sf-menu ul>li>span,
.language .sf-menu ul li>a span {
    margin-left: 11px;
}

.language .sf-menu ul li>a span span {
    margin: 0px;
}

.language .sf-menu ul li>span span {
    opacity: 0.5;
}

.language .sf-menu ul li>span span,
.language .sf-menu ul li>a span {
    display: block;
    overflow: hidden;
    text-indent: 9999px;
    width: 20px;
    text-indent: -9999px;
}

.language .sf-menu .de span {
    background: url('../../../fileadmin/masterTemplate/Resources/Public/Images/site-eks/icons/flags/square-flag-de@2x.png');
    background-size: 20px 20px;
}

.language .sf-menu .gb span,
.language .sf-menu .en span {
    background: url('../../../fileadmin/masterTemplate/Resources/Public/Images/site-eks/icons/flags/square-flag-en@2x.png');
    background-size: 20px 20px;
}

.language .sf-menu .fr span {
    background: url('../../../fileadmin/masterTemplate/Resources/Public/Images/site-eks/icons/flags/square-flag-fr@2x.png');
    background-size: 20px 20px;
}

.language .sf-menu .es span {
    background: url('../../../fileadmin/masterTemplate/Resources/Public/Images/site-eks/icons/flags/square-flag-es@2x.png');
    background-size: 20px 20px;
}

#search {
    float: right;
    position: relative;
}

#search .toggle {
    text-indent: -9999px;
    text-decoration: none;
    display: inline-block;
    width: 44px;
    height: 44px;
    position: relative;
    transition: all 0.2s ease-in-out 0s;
    color: #555;
    outline: none;
    text-shadow: 0px 1px 0px #efefef;
}

#search .toggle:hover {
    background: #ccc;
}

#search .toggle:after {
    font-family: "fontello";
    display: block;
    width: 44px;
    height: 44px;
    text-align: center;
    line-height: 44px;
    text-indent: 0;
    content: "\e80e";
    position: absolute;
    left: 0;
    top: 0;
}

#search .toggle.open {
    background: #e5007d;
    text-shadow: none;
}

#search .toggle.open:after {
    content: "\e805";
    color: #fff;
}

#searchWrapper {
    background: #efefef;
    position: absolute;
    right: 20px;
    top: 44px;
    width: 0px;
    height: 0px;
    border-right: 1px solid #e5007d;
    transition: all 0.2s ease-in-out 0s;
    overflow: hidden;
}

#searchWrapper .opacity {
    opacity: 0;
    transition: all 0.2s ease-in-out 0.2s;
}

#searchWrapper.go {
    height: 50px;
}

#searchWrapper.act {
    width: 250px;
}

#searchWrapper.act .opacity {
    opacity: 1;
}

#searchWrapper input[type="text"] {
    border: none;
    background: transparent;
    padding: 13px;
    width: 150px;
}

#searchWrapper button {
    position: relative;
    width: 50px;
    height: 50px;
    border: none;
    background: transparent;
    text-indent: -9999px;
    overflow: hidden;
    float: right;
    transition: all 0.2s ease-in-out 0s;
}

#searchWrapper button:after {
    content: "\e80e";
    font-family: "fontello";
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    text-indent: 0;
    position: absolute;
    left: 0;
    top: 0;
    transition: all 0.2s ease-in-out 0s;
}

#searchWrapper button:hover:after {
    color: #e5007d;
}

#intro {
    float: left;
    width: 100%;
    padding: 6em 0;
    text-align: center;
}

#intro h1 {
    margin: 0;
}

#intro .outer {
    margin: 0 auto;
    width: 100%;
    max-width: 800px;
}

#intro .inner {
    float: left;
    width: 100%;
    line-height: 1.5em;
}

#intro .btn {
    position: relative;
    right: 22px;
}

#teasers {
    float: left;
    width: 100%;
    padding: 3em 0;
    background: #ebf0f9;
    background: -moz-linear-gradient(left, #ebf0f9 0%, #ffffff 50%, #eff0f2 100%);
    background: -webkit-linear-gradient(left, #ebf0f9 0%, #ffffff 50%, #eff0f2 100%);
    background: linear-gradient(to right, #ebf0f9 0%, #ffffff 50%, #eff0f2 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ebf0f9', endColorstr='#eff0f2', GradientType=1);
}

#teasers .outer {
    margin: 0 auto;
    width: 100%;
    max-width: 1280px;
}

#teasers .inner {
    float: left;
    width: 100%;
}

#teasers .shade {
    float: left;
    width: 100%;
    min-height: 300px;
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(206, 216, 223, 0) 50%, rgba(226, 232, 236, 0.5) 70%, rgba(245, 247, 249, 0) 90%, rgba(255, 255, 255, 0) 100%);
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(206, 216, 223, 0) 50%, rgba(226, 232, 236, 0.5) 70%, rgba(245, 247, 249, 0) 90%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(206, 216, 223, 0) 50%, rgba(226, 232, 236, 0.5) 70%, rgba(245, 247, 249, 0) 90%, rgba(255, 255, 255, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#00ffffff', GradientType=0);
}

#teasers ul {
    margin: 0;
    padding: 2em 0;
    list-style: none;
    float: left;
    width: 100%;
}

#teasers li {
    float: left;
    width: 12%;
}

#teasers img {
    display: block;
    width: 100%;
    height: auto;
}

#teasers a {
    display: block;
    float: left;
    width: 80%;
    padding: 0 10%;
    text-align: center;
    text-decoration: none;
}

#teasers .btn {
    padding: 10px 15px;
    background: #ccc;
    box-sizing: border-box;
    float: left;
    width: 100%;
    color: #fff;
    border-bottom: 1px solid #fff;
    transition: all 0.2s ease-in-out 0s;
}

#teasers a:hover .btn {
    background: #efefef;
    color: #555;
}

#teasers .btn.blue {
    background: #006eb8;
}

#teasers a:hover .btn.blue {
    color: #006eb8;
}

#teasers .btn.pink {
    background: #e5007d;
}

#teasers a:hover .btn.pink {
    color: #e5007d;
}

#teasers .btn.purple {
    background: #4d345a;
}

#teasers a:hover .btn.purple {
    color: #4d345a;
}

#teasers .btn.black {
    background: #000;
}

#teasers a:hover .btn.black {
    color: #000;
}

#teasers .btn.stone {
    background: #859ab0;
}

#teasers a:hover .btn.stone {
    color: #859ab0;
}

#teasers .btn.darkblue {
    background: #1a5393;
}

#teasers a:hover .btn.darkblue {
    color: #1a5393;
}

#teasers .btn.black {
    background: #3d3d3c;
}

#teasers a:hover .btn.black {
    color: #3d3d3c;
}

#teasers .btn.green {
    background: #00aa7b;
}

#teasers a:hover .btn.green {
    color: #048e68;
}

#teasers .btn.plum {
    background: #786ead;
}

#teasers a.hover .btn.plum {
    color: #048e68;
}

#teasers .btn.lightblue {
    background: #2ca1db;
}

#teasers a.hover .btn.lightblue {
    color: #048e68;
}

#segments {
    float: left;
    width: 100%;
}

#segments .outer {
    margin: 0 auto;
    width: 100%;
    max-width: 1280px;
}

#segments .inner {
    float: left;
    width: 100%;
    padding: 3em 0;
}

#segments ul {
    margin: 0;
    padding: 0;
    list-style: none;
    float: left;
    width: 100%;
    height: 600px;
    overflow: hidden;
}

#segments li {
    float: left;
    width: 16.6666666%;
    height: 100%;
    transition: all 0.1s ease-in-out 0s;
}

#segments a {
    display: block;
    float: left;
    width: 100%;
    overflow: hidden;
    position: relative;
    color: #e3037f;
    text-align: center;
    text-shadow: 0px 1px 0px #fff;
}

#segments img {
    display: block;
    width: auto;
    height: auto;
    filter: grayscale(100%);
    max-width: none;
    transition: all 0.1s ease-in-out 0s;
}

#segments a:hover img {
    filter: grayscale(0%);
}

#segments.hasAct li {
    width: 15.6%;
}

#segments li.act {
    width: 22%;
}

#segments .panels {
    margin: 0 auto;
    max-width: 2045px;
    width: 100%;
}

#segments .image {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
}

#segments .slider {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    display: block;
    opacity: 0;
    background: rgba(255, 255, 255, 0.8);
    transition: all 0.1s ease-in-out 0s;
    padding-bottom: 15px;
    border-top: 1px solid #fff;
}

#segments .icon {
    width: 100%;
    height: 4.5em;
    padding: 0 0 1em 0;
}

#segments .icon img {
    width: auto;
    height: 100%;
    display: inline-block;
}

#segments .act .slider {
    opacity: 1;
}

#segments .energie .icon:before {
    font-family: "fontello";
    content: "\e81c";
    font-size: 5em;
}

#segments .automatisierung .icon:before {
    font-family: "fontello";
    content: "\e811";
    font-size: 5em;
}

#segments .explosion .icon:before {
    font-family: "fontello";
    content: "\e817";
    font-size: 5em;
}

#segments .sicherheit .icon:before {
    font-family: "fontello";
    content: "\e819";
    font-size: 5em;
}

#segments .gebaude .icon:before {
    font-family: "fontello";
    content: "\e81a";
    font-size: 5em;
}

#segments .informationstechnik .icon:before {
    font-family: "fontello";
    content: "\e81b";
    font-size: 5em;
}

#news {
    float: left;
    width: 100%;
    background: url('../../../fileadmin/masterTemplate/Resources/Public/Images/site-eks/pattern.gif');
    background-size: 65px 65px;
}

#news h3 {
    padding-bottom: 1em;
}

.block .outer {
    margin: 0 auto;
    width: 100%;
    max-width: 1280px;
}

.block .inner {
    float: left;
    width: 100%;
    padding: 3em 0;
}

.block .row {
    float: left;
    width: 100%;
    margin-top: 2em;
    display: flex;
}

.block .item {
    float: left;
    width: 30%;
    font-size: 0.9em;
    display: flex;
}

.block .item:nth-child(2) {
    margin: 0 5%;
}

.block .item>.wrap {
    width: 100%;
    margin: 0 auto;
}

.block .btn:after {
    line-height: 43px;
}

#news .item .float .wrap {
    float: left;
    width: 100%;
    background: #fff;
    position: relative;
}

#news .item .text {
    float: left;
    width: 100%;
    box-sizing: border-box;
    padding: 15px;
    padding-bottom: 60px;
    background: #fff;
}

#news .item .date {
    color: #c4c4c4;
    padding-bottom: 10px;
}

#news .item .float .wrap a.more {
    width: 100%;
    width: calc(100% - 45px);
    position: absolute;
    bottom: 0;
    left: 0;
}

#news .item .float {
    float: left;
    width: 100%;
}

#news .item .float .btn {
    float: left;
    width: calc(100% - 45px);
    margin-top: 10px;
    background: #787878;
    color: #fff;
    text-shadow: none;
}

#news .item .float .btn:after {
    background: #ccc;
}

#news .item .float .btn:hover {
    background: #efefef;
    color: #555;
}

#news .item .float .btn:hover:after {
    background: #006eb8;
}

#news .item .float .image {
    float: left;
    width: 100%;
}

#news .item .float img {
    display: block;
    float: left;
    width: 100%;
    height: auto;
}

#news .item .title>span {
    display: block;
    min-height: 58px;
}

#news .event {
    float: left;
    width: 100%;
    box-sizing: border-box;
    padding: 10px;
}

#news .event:nth-child(odd) {
    background: #f5f5f5;
}

#news .event .date {
    float: left;
    width: 30%;
    min-width: 80px;
    padding: 0;
    color: #acacac;
}

#news .event .name {
    float: left;
    width: 70%;
}

#news .event .info {
    color: #acacac;
    font-style: italic;
}

#news .event .info p {
    margin: 0;
    padding: 0;
}

.page-navigation {
    float: left;
    width: 100%;
    padding: 1em 0;
}

.page-navigation li {
    display: inline-block;
    float: left;
    margin-right: 0.2em;
}

.page-navigation ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.page-navigation ul span,
.page-navigation ul a {
    display: inline-block;
    text-decoration: none;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    background: #efefef;
    transition: all 0.2s ease-in-out 0s;
}

.page-navigation ul a:hover {
    background: #d8d8d8;
    color: #fff;
}

.page-navigation ul .previous a,
.page-navigation ul .next a {
    text-indent: -9999px;
    overflow: hidden;
    position: relative;
}

.page-navigation ul .previous a:before,
.page-navigation ul .next a:before {
    text-indent: 0;
    content: "\e803";
    font-family: "fontello";
    position: absolute;
    top: 0;
    right: 0;
    width: 30px;
    font-size: 1em;
}

.page-navigation ul .previous a:before {
    content: "\e802";
}

.page-navigation .current span {
    color: #fff;
    background: #e5007d;
}

#contact {
    float: left;
    width: 100%;
    background: #dbdbdb;
    background: -moz-linear-gradient(left, #dbdbdb 0%, #f8f8f8 50%, #dbdbdb 100%);
    background: -webkit-linear-gradient(left, #dbdbdb 0%, #f8f8f8 50%, #dbdbdb 100%);
    background: linear-gradient(to right, #dbdbdb 0%, #f8f8f8 50%, #dbdbdb 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dbdbdb', endColorstr='#dbdbdb', GradientType=1);
}

#contact .box {
    background: #fff;
    float: left;
    width: 100%;
    box-sizing: border-box;
    padding: 15px;
}

#contact .btn {
    width: calc(100% - 45px);
}

#contact .icon {
    float: left;
    width: 30%;
    box-sizing: border-box;
    position: relative;
}

#contact .icon img {
    width: 90%;
    padding: 5%;
    height: auto;
    display: block;
}

#contact .text {
    float: right;
    width: 65%;
}

#contact .thumb {
    bottom: 0px;
    display: block;
    height: 20px;
    position: absolute;
    right: 0px;
    width: 20px;
    opacity: 0;
    transition: all 0.2s ease-in-out 0s;
}

#contact .thumb:before {
    display: block;
    background: #fff;
    border: 2px solid #58585a;
    width: 5px;
    height: 10px;
    position: absolute;
    content: "";
    right: 0;
    top: -7px;
    border-radius: 10px;
    z-index: 0;
}

#contact .thumb:after {
    background: #fff;
    border: 2px solid #58585a;
    border-radius: 20px;
    z-index: 1;
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
}

#contact .head {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: auto;
    display: block;
    transition: all 0.2s ease-in-out 0s;
}

#contact .ansp.act .thumb {
    bottom: 10px;
    opacity: 1;
    transition: all 0.2s ease-in-out 0s;
}

#contact .ansp.act .head {
    top: 3px;
}

#contact .dot {
    width: 7px;
    height: 7px;
    background: #e60680;
    content: "";
    display: block;
    border-radius: 7px;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}

#contact .dot.one {
    top: 58%;
    left: 33%;
    transition: all 0.2s ease-in-out 0s;
}

#contact .dot.two {
    top: 35%;
    left: 60%;
    transition: all 0.2s ease-in-out 0s;
}

#contact .dot.three {
    top: 53%;
    left: 54%;
    transition: all 0.2s ease-in-out 0s;
}

#contact .dot.four {
    top: 41%;
    left: 40%;
    transition: all 0.2s ease-in-out 0s;
}

#contact .act .head {
    top: 3px;
}

#contact .globe.act .one {
    opacity: 1;
    transition: all 0.2s ease-in-out 0s;
}

#contact .globe.act .two {
    opacity: 1;
    transition: all 0.2s ease-in-out 0.1s;
}

#contact .globe.act .three {
    opacity: 1;
    transition: all 0.2s ease-in-out 0.2s;
}

#contact .globe.act .four {
    opacity: 1;
    transition: all 0.2s ease-in-out 0.3s;
}

#contact .blog .wrap {
    position: absolute;
    left: 20%;
    top: 20%;
    width: 60%;
    height: 40%;
    overflow: hidden;
}

#contact .blog .scroll {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 200%;
    transition: all 0.2s ease-in-out 0s;
}

#contact .blog .line:nth-child(1) {
    margin-top: 0;
}

#contact .blog .line {
    position: relative;
    margin-top: 19%;
    float: left;
    height: 6%;
    background: #e52f7e;
    transition: all 0.2s ease-in-out 0s;
}

#contact .blog .line.one {
    width: 90%;
}

#contact .blog .line.two {
    width: 55%;
}

#contact .blog .line.three {
    width: 75%;
}

#contact .blog .line.four {
    width: 45%;
}

#contact .blog .line.five {
    width: 90%;
}

#contact .blog .line.six {
    width: 75%;
}

#contact .blog.act .scroll {
    top: -3.5em;
}

#social {
    float: left;
    width: 100%;
    padding: 2em 0;
    background: #efefef;
    text-align: center;
}

#social ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

#social li {
    display: inline-block;
    position: relative;
    border-bottom: 1px solid #efefef;
    margin: 0 5px;
    transition: all 0.2s ease-in-out 0.1s;
}

#social li:hover {
    border-bottom: 1px solid #e6e6e6;
}

#social a {
    width: 40px;
    height: 40px;
    display: block;
    float: left;
    text-indent: -9999px;
    background: #787878;
    text-decoration: none;
    color: #fff;
    position: relative;
    bottom: 0;
    transition: all 0.2s ease-in-out 0s;
}

#social a:before {
    font-family: "fontello";
    width: 40px;
    height: 40px;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    text-indent: 0;
    text-align: center;
    line-height: 40px;
}

#social a:hover {
    bottom: 5px;
}

#social .yt:before {
    content: "\e813";
}

#social .fb:before {
    content: "\e812";
}

#social .gp:before {
    content: "\e816";
}

#social .tw:before {
    content: "\e814";
}

#social .xi:before {
    content: "\e818";
}

#social .li:before {
    content: "\e81d";
}

#social .yt:hover {
    background: #c1181d;
}

#social .fb:hover {
    background: #3b5998;
}

#social .gp:hover {
    background: #d95435;
}

#social .tw:hover {
    background: #00abf0;
}

#social .xi:hover {
    background: #005a5f;
}

#social .li:hover {
    background: #006eb8;
}

#social .ig:before {
    content: "";
    background-image: url('../../../fileadmin/masterTemplate/Resources/Public/Images/site-eks/icons/instagram.svg');
    background-size: 16px 16px;
    background-position: center;
    background-repeat: no-repeat;
}

#social .ig:hover {
    background-image: linear-gradient(45deg, #f40002, #b900b1);
}

#awards .outer {
    margin: 0 auto;
    width: 100%;
    max-width: 1280px;
}

#awards .inner {
    width: 100%;
    display: flex;
    align-items: flex-end;
}

#newsletter {
    float: left;
    width: 100%;
    font-size: 1.1em;
    background: #e5007d;
    text-align: center;
    color: #fff;
}

#newsletter .wrap {
    padding: 2em;
    position: relative;
    overflow: hidden;
}

#newsletter a {
    display: inline-block;
    padding: 0.5em 1em;
    color: #fff;
    background: #787878;
    text-decoration: none;
    margin-left: 10px;
    transition: all 0.2s ease-in-out 0s;
}

#newsletter a:hover {
    background: #ccc;
    color: #787878;
}

#newsletter .icon {
    opacity: 0.1;
    position: absolute;
    right: 0;
    top: -35px;
    width: 260px;
    transition: all 0.2s ease-in-out 0.2s;
    z-index: 0;
}

#newsletter .icon img {
    display: block;
    width: 100%;
    height: auto;
}

#newsletter .text {
    position: relative;
    z-index: 1;
}

#newsletterPopup {
    display: none;
    padding: 2em;
    max-width: 600px;
    padding-top: 2em;
    background: #fff;
}

#newsletterPopup .editable_content .itemname.wide {
    margin: 0;
    width: 100%;
    font-weight: bold;
    text-align: center;
    float: left;
    padding: 1em 0 0 0;
    position: relative;
}

#newsletterPopup .editable_content .itemname.wide .mandatory {
    position: relative;
    display: inline-block;
    height: auto;
    padding-right: 1em;
    width: auto;
    right: auto;
}

#newsletterPopup .editable_content>div {
    float: left;
    width: 100%;
    padding: 5px 0;
}

#newsletterPopup .editable_content>div[rel='checkbox'] {
    padding: 0 0 1em 0;
    box-sizing: border-box;
    padding-left: 35%;
}

#newsletterPopup .editable_content>div[rel='checkbox'] label {
    margin: 0;
    float: left;
    width: 60%;
    cursor: pointer;
}

#newsletterPopup .editable_content>div[rel='checkbox'] span {
    display: inline-block;
    width: 75%;
    margin-left: 5%;
    float: left;
    line-height: 1.5em;
}

#newsletterPopup .editable_content>div[rel='checkbox'] input {
    float: left;
}

#newsletterPopup .editable_content .checkWrapper {
    float: left;
    width: 100%;
}

#newsletterPopup .editable_content .itemname {
    float: left;
    width: 35%;
    margin-right: 5%;
    min-height: 1px;
    position: relative;
    font-size: 0.9em;
}

#newsletterPopup .editable_content .wrap {
    float: left;
    width: 60%;
}

#newsletterPopup input[type="radio"] {
    display: inline-block;
    margin-right: 5px;
}

#newsletterPopup label:nth-child(2) {
    margin-left: 20px;
}

#newsletterPopup .mandatory {
    text-indent: -9999px;
    position: absolute;
    right: -10.5%;
    left: auto;
    top: 0;
    display: block;
    width: 15px;
    height: 15px;
    text-align: center;
    line-height: 10px;
    font-size: 0.7em;
}

#newsletterPopup .mandatory:after {
    content: "\e80f";
    font-family: "fontello";
    color: #e5007d;
    text-indent: 0;
    display: block;
}

#newsletterPopup .checkbox {
    float: left;
}

#newsletterPopup .checkbox .container {
    float: left;
    width: 60%;
    margin: 0;
    padding: 0 0 0 1.5em;
    box-sizing: border-box;
    position: relative;
}

#newsletterPopup .checkbox .container input {
    position: absolute;
    top: 0.25em;
    left: 0;
}

#newsletterPopup .checkbox .container.en {
    line-height: 35px;
}

#newsletterPopup .checkbox .container.en input {
    position: absolute;
    top: 0.6em;
    left: 0;
}

#footer {
    float: left;
    width: 100%;
    border-top: 1px solid #dddddd;
    font-size: 0.8em;
    position: relative;
}

#footer .outer {
    margin: 0 auto;
    width: 100%;
    max-width: 1280px;
}

#footer .inner {
    float: left;
    width: 100%;
    padding: 3em 0;
}

#footer ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: inline;
}

#footer a {
    text-decoration: none;
}

#footer .left li {
    float: left;
    margin-right: 10px;
}

#footer .left {
    float: left;
}

#footer .right {
    float: right;
    text-align: right;
}

#footer .right ul {
    float: right;
}

#footer .right li {
    float: left;
    margin-left: 10px;
}

#footer .top {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    padding: 3em;
    background: #efefef;
    text-decoration: none;
    color: #777776;
    text-shadow: 0px 1px 0px #fff;
    transition: all 0.2s ease-in-out 0s;
}

#footer .top:after {
    content: "\e800";
    position: absolute;
    top: 1em;
    left: calc(50% - 15px);
    font-family: "fontello";
    width: 30px;
    height: 30px;
    border-radius: 30px;
    background: #efefef;
    text-align: center;
    line-height: 30px;
    transition: all 0.2s ease-in-out 0s;
    border: 1px solid #efefef;
}

#footer .top:hover:after {
    top: -15px;
    border: 1px solid #dddddd;
    color: #e5007d;
}

#footer .top:hover {
    color: #e5007d;
    background: #f4f3f3;
}

nav#mobile {
    float: left;
    width: 100%;
    display: none;
}

#dl-menu {
    background: #efefef;
}

#dl-menu .dl-menu {
    margin: 0;
}

.dl-menuwrapper button.dl-trigger:after {
    background: #e5007d;
    box-shadow: 0 10px 0 #e5007d, 0 20px 0 #e5007d;
    height: 2px;
    top: 14px;
}

.dl-menuwrapper button.dl-trigger:hover:after,
.dl-menuwrapper button.dl-trigger.dl-active:after {
    background: #e5007d;
    box-shadow: 0 10px 0 #e5007d, 0 20px 0 #e5007d;
}

.dl-menuwrapper button {
    background: #efefef;
}

.dl-menuwrapper button:hover,
.dl-menuwrapper button.dl-active,
.dl-menuwrapper ul {
    background: #efefef;
}

.dl-menuwrapper li.dl-back:after,
.dl-menuwrapper li>a:after {
    color: rgba(231, 47, 129, 0.5);
}

.dl-menuwrapper li a {
    color: #555;
}

.no-touch .dl-menuwrapper li a:hover {
    background: #dedede;
}

.dl-menuwrapper .dl-menu.dl-menuopen {
    border-bottom: 1px solid #fff;
}

nav#mobile .logo {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    margin: 0 auto;
    width: 90px;
    z-index: 100;
    margin-top: 6px;
}

nav#mobile .logo img {
    width: 90px !important;
    height: auto !important;
}

#mobile .phone {
    width: 41px;
    height: 41px;
    display: block;
    position: absolute;
    top: 5px;
    right: 90px;
    z-index: 100;
}

#mobile .phone a {
    width: 41px;
    height: 41px;
    display: block;
    text-indent: -9999px;
}

#mobile .phone a:after {
    width: 41px;
    height: 41px;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    text-indent: 0;
    font-family: "fontello";
    content: "\e808";
    text-align: center;
    line-height: 40px;
    color: #e5007d;
    font-size: 1.3em;
    text-shadow: 0px 1px 0px #fff;
}

#mobile .language {
    margin: 0;
    position: absolute;
    top: 5px;
    right: 0px;
    z-index: 100;
}

#mainContainer.open section,
#mainContainer.open.sub #tools {
    opacity: 0.5;
}

#content {
    float: left;
    width: 100%;
    font-size: 0.9em;
    line-height: 1.7em;
    transition: all 0.2s ease-in-out 0s;
    opacity: 1;
    --whitespace-y: calc((100vw - min(90vw, 1024px)) / 2);
}

#content>.outer {
    margin: 0 auto;
    width: 100%;
    max-width: 1024px;
}

#content .inner {
    float: left;
    width: 100%;
    padding: 3em 0;
}

#content .inner>.left {
    float: left;
    width: 65%;
}

#content .inner>.right {
    float: right;
    width: 30%;
}

#content.reverse .inner>.left {
    width: 35%;
}

#content.reverse .inner>.right {
    width: 60%;
}

#lowerContent {
    float: left;
    width: 100%;
    font-size: 0.9em;
    line-height: 1.7em;
    transition: all 0.2s ease-in-out 0s;
    opacity: 1;
}

#lowerContent>.outer {
    margin: 0 auto;
    width: 100%;
    max-width: 1024px;
}

#lowerContent .inner {
    float: left;
    width: 100%;
    position: relative;
}

#lowerContent .inner .left {
    float: left;
    width: 65%;
}

#lowerContent .inner .right {
    float: right;
    width: 30%;
}

#lowerContent .inner a.toggle {
    display: block;
    width: 4em;
    height: 4em;
    background: #fff;
    border: 1px solid #dcdcdc;
    border-radius: 100%;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: -2em;
    text-decoration: none;
    overflow: hidden;
    transition: all 0.2s ease-in-out 0s;
    z-index: 2;
}

#lowerContent .inner a.toggle:hover {
    border-color: #e53481;
}

#lowerContent .inner a.toggle:before {
    content: "…";
    display: block;
    width: 2em;
    line-height: 2em;
    text-align: center;
    font-size: 2em;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 1;
    transition: all 0.2s ease-in-out 0s;
}

#lowerContent .inner a.toggle:after {
    content: "\e801";
    font-family: "fontello";
    display: block;
    width: 2em;
    line-height: 2em;
    text-align: center;
    font-size: 2em;
    position: absolute;
    left: 2em;
    top: 0;
    transition: all 0.2s ease-in-out 0s;
}

#lowerContent .inner a.toggle:hover:before {
    left: -2em;
}

#lowerContent .inner a.toggle:hover:after {
    left: 0em;
}

#lowerContent .inner a.toggle.open:before {
    opacity: 0;
}

#lowerContent .inner a.toggle.open:after {
    content: "\e800";
    left: 0;
}

#lowerContent .inner .collapse {
    float: left;
    width: 100%;
    overflow: hidden;
    height: 0;
}

#lowerContent .inner .wrap {
    float: left;
    width: 100%;
    padding: 3em 0;
}

.list.blog {
    float: left;
    width: 100%;
    margin-top: 2em;
    text-shadow: 0px 1px 0px #fff;
}

.list.blog .left {
    float: left;
    padding: 9px 15px;
}

.list.blog .image {
    float: left;
    width: 100%;
    box-sizing: border-box;
    padding: 15px;
    background: #efefef;
    position: relative;
}

.list.blog .image a {
    opacity: 1;
    position: relative;
    transition: all 0.2s ease-in-out 0s;
    float: left;
    width: 100%;
}

.list.blog .image a:after {
    content: "\e803";
    font-family: "fontello";
    display: block;
    position: absolute;
    right: -10px;
    top: 0;
    line-height: 45px;
    width: 45px;
    height: 45px;
    opacity: 1;
    color: #fff;
    background: #e5007d;
    font-size: 1em;
    text-align: center;
    transition: all 0.2s ease-in-out 0s;
    opacity: 0;
}

.list.blog .image a:hover {
    opacity: 0.8;
}

.list.blog .image a:hover:after {
    opacity: 1;
    right: 0;
}

.list.blog .image img {
    display: block;
    width: 100%;
    height: auto;
}

.list.blog .date {
    float: left;
    color: #909090;
    font-style: italic;
}

.list.blog .text {
    float: left;
    width: 100%;
    margin: 1em 0;
}

.list.blog .button {
    float: left;
    width: calc(100% - 40px);
    text-align: right;
    background: #efefef;
}

.list.blog .divider {
    display: inline-block;
    color: #e5007d;
    padding: 0 10px;
}

.list.news {
    float: left;
    width: 100%;
    margin-top: 2em;
}

.list.news .image {
    float: left;
    width: 25%;
    margin-right: 5%;
    box-sizing: border-box;
    padding: 10px;
    background: #efefef;
}

.list.news .image img {
    display: block;
    width: 100%;
    height: auto;
}

.list.news .image a {
    opacity: 1;
    transition: all 0.2s ease-in-out 0s;
}

.list.news .image a:hover {
    opacity: 0.8;
}

.list.news .text {
    float: left;
    width: 70%;
}

.list.news .left {
    float: left;
    padding: 10px 0;
    font-style: italic;
    color: #9e9e9e;
}

.list.news .button {
    float: left;
    width: calc(100% - 40px);
}

.list.news .btn {
    float: right;
}

.list.event {
    float: left;
    width: 100%;
    margin-top: 2em;
}

.list.event:nth-child(odd) {
    background: #efefef;
}

.list.event .image {
    float: left;
    width: 20%;
    margin-right: 5%;
    box-sizing: border-box;
    padding: 10px;
    background: #efefef;
}

.list.event .image img {
    display: block;
    width: 100%;
    height: auto;
}

.list.event .image a {
    opacity: 1;
    transition: all 0.2s ease-in-out 0s;
}

.list.event .image a:hover {
    opacity: 0.8;
}

.list.event .text {
    float: left;
    width: 75%;
    padding: 1em 0;
}

.list.event .left {
    float: left;
    padding: 10px 0;
    font-style: italic;
    color: #9e9e9e;
}

.list.event .button {
    float: left;
    width: calc(100% - 40px);
}

.list.event .btn {
    float: right;
}

.date .month {
    padding: 0 0.25em;
}

.news-related {
    background: #fff;
}

ul.history {
    list-style: none;
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
}

ul.history li {
    float: left;
    width: 100%;
}

ul.history .year {
    float: left;
    width: 100%;
    display: block;
    position: relative;
    font-family: 'Roboto', sans-serif;
    padding-left: 2em;
    box-sizing: border-box;
}

ul.history .year span {
    display: inline-block;
    color: #e5007d;
    background: #fff;
    width: 80px;
    height: 50px;
    border-left: 10px solid #fff;
    border-right: 10px solid #fff;
    border-radius: 50px;
    text-align: center;
    line-height: 50px;
    position: relative;
    z-index: 1;
    font-size: 1.5em;
}

ul.history .text {
    float: left;
    width: 100%;
}

ul.history .year span:before {
    content: "\e815";
    font-family: "fontello";
    position: absolute;
    left: -1em;
    top: 0;
    color: #e5007d;
    font-size: 1em;
}

ul.history .year span:after {
    content: "\e815";
    font-family: "fontello";
    position: absolute;
    left: -1.6em;
    top: 0;
    color: #e5007d;
    font-size: 1em;
}

#banner {
    float: left;
    width: 100%;
    overflow: hidden;
}

#banner .csc-textpic-image {
    margin: 0;
}

#banner .outer {
    width: 100%;
    max-width: 1700px;
    margin: 0 auto;
}

#banner .inner {
    width: 100%;
    float: left;
}

#banner img {
    display: block;
    width: 100%;
    height: auto;
}

#page3 #banner,
.prod #banner {
    background: #f1f4fb;
    background: -moz-linear-gradient(top, #f1f4fb 20%, #eef1f8 30%, #e2e9f1 40%, #ced8e1 50%, #e0e7ed 60%, #f1f4fb 70%, #f2f3f7 80%);
    background: -webkit-linear-gradient(top, #f1f4fb 20%, #eef1f8 30%, #e2e9f1 40%, #ced8e1 50%, #e0e7ed 60%, #f1f4fb 70%, #f2f3f7 80%);
    background: linear-gradient(to bottom, #f1f4fb 20%, #eef1f8 30%, #e2e9f1 40%, #ced8e1 50%, #e0e7ed 60%, #f1f4fb 70%, #f2f3f7 80%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f1f4fb', endColorstr='#f2f3f7', GradientType=0);
}

.sectorSub {
    float: left;
    width: 100%;
    height: 500px;
    position: relative;
    background: #fdfefe;
    background: -moz-radial-gradient(center, ellipse cover, #fdfefe 0%, #e0e0e0 100%);
    background: -webkit-radial-gradient(center, ellipse cover, #fdfefe 0%, #e0e0e0 100%);
    background: radial-gradient(ellipse at center, #fdfefe 0%, #e0e0e0 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdfefe', endColorstr='#e0e0e0', GradientType=1);
}

.sectorSub .center {
    position: relative;
    width: 100%;
    height: 100%;
    float: left;
    background: -moz-linear-gradient(left, rgba(253, 254, 254, 0) 0%, #fdfefe 50%, rgba(253, 254, 254, 0.96) 52%, rgba(255, 255, 255, 0) 100%);
    background: -webkit-linear-gradient(left, rgba(253, 254, 254, 0) 0%, #fdfefe 50%, rgba(253, 254, 254, 0.96) 52%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(to right, rgba(253, 254, 254, 0) 0%, #fdfefe 50%, rgba(253, 254, 254, 0.96) 52%, rgba(255, 255, 255, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00fdfefe', endColorstr='#00ffffff', GradientType=1);
}

.sectorSub .links,
.sectorSub .button {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 350px;
    height: 350px;
    top: 15%;
}

.sectorSub .overflow {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.sectorSub .block {
    position: absolute;
    width: 100px;
    height: 50px;
    background: #fdfefe;
}

.sectorSub .block.one {
    bottom: 0;
    left: 54px;
    transform: rotate(40deg);
    z-index: 1;
}

.sectorSub .block.two {
    left: 135px;
    bottom: -25px;
    z-index: 1;
}

.sectorSub .block.three {
    bottom: -10px;
    right: 54px;
    transform: rotate(-23deg);
    z-index: 1;
}

.sectorSub .but {
    display: block;
    position: absolute;
    text-decoration: none;
    width: 200px;
    text-align: center;
    text-shadow: 0px 1px 0px #fff;
    color: #b1b1b1;
    transition: all 0.2s ease-in-out 0s;
}

.sectorSub .but:before {
    display: block;
    position: absolute;
    top: -50px;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.sectorSub .but:hover {
    color: #e5007d;
}

.sectorSub .aut {
    left: -55%;
    bottom: 5%;
}

.sectorSub .inf {
    right: -45%;
    bottom: 5%;
}

.sectorSub .ene {
    left: -55%;
    bottom: 45%;
}

.sectorSub .sic {
    right: -55%;
    bottom: 45%;
}

.sectorSub .exp {
    left: -45%;
    top: 5%;
}

.sectorSub .geb {
    right: -45%;
    top: 5%;
}

.sectorSub .ene:before {
    font-family: "fontello";
    content: "\e81c";
    font-size: 5em;
}

.sectorSub .aut:before {
    font-family: "fontello";
    content: "\e811";
    font-size: 5em;
}

.sectorSub .exp:before {
    font-family: "fontello";
    content: "\e817";
    font-size: 5em;
}

.sectorSub .sic:before {
    font-family: "fontello";
    content: "\e819";
    font-size: 5em;
}

.sectorSub .geb:before {
    font-family: "fontello";
    content: "\e81a";
    font-size: 5em;
}

.sectorSub .inf:before {
    font-family: "fontello";
    content: "\e81b";
    font-size: 5em;
}

body .fancybox-overlay {
    background: rgba(0, 13, 22, 0.8);
}

body .fancybox-skin {
    height: 100% !important;
    position: relative;
    padding: 0 !important;
}

body .fancybox-outer {
    position: relative;
    height: 100%;
}

body .fancybox-opened .fancybox-skin {
    box-shadow: none;
}

body .fancybox-title {
    background: #000;
    padding: 1em;
    color: #fff;
    box-sizing: border-box;
    font-size: 0.7em;
    font-weight: 300;
    z-index: 1;
    position: absolute;
    left: 0;
    top: 0;
    bottom: auto;
    right: auto;
}

body .fancybox-title-float-wrap .child {
    margin: 0;
    padding: 0;
    font-weight: normal;
    font-size: 1em;
    line-height: inherit;
}

body a.fancybox-nav {
    z-index: 1;
}

body a.fancybox-nav span {
    background: #e5007d;
    width: 60px;
    height: 60px;
    margin-top: -30px;
    color: #fff;
    opacity: 0;
    transition: all 0.2s ease-in-out 0s;
}

body a.fancybox-prev span {
    left: 0;
}

body a.fancybox-next span {
    right: 0;
}

body .fancybox-nav span:after {
    font-family: "fontello";
    display: block;
    text-indent: 0;
    width: 60px;
    height: 60px;
    text-align: center;
    line-height: 60px;
    position: absolute;
    left: 0;
    top: 0;
    font-size: 1em;
    transition: all 0.2s ease-in-out 0s;
    opacity: 0;
}

body .fancybox-nav:hover span {
    opacity: 1;
}

body .fancybox-nav:hover span:after {
    opacity: 1;
}

body .fancybox-prev span:after {
    content: "\e802";
}

body .fancybox-next span:after {
    content: "\e803";
}

body a.fancybox-close {
    top: 0;
    right: 0;
    width: 3em;
    height: 3em;
    background: #e5007d !important;
    opacity: 1;
    z-index: 2;
    color: #fff;
    text-decoration: none;
    transition: all 0.2s ease-in-out 0s;
}

body a.fancybox-close:after {
    font-family: "fontello";
    content: "\e805";
    display: block;
    text-indent: 0;
    width: 3em;
    height: 2em;
    text-align: center;
    line-height: 3em;
    position: absolute;
    left: 0;
    top: 0;
    font-size: 1em;
    transition: all 0.2s ease-in-out 0s;
}

body .fancybox-close:hover {
    background: #000;
}

body .fancybox-default a.fancybox-close,
body .fancybox-default a.fancybox-expand,
body .fancybox-default a.fancybox-nav span {
    background-image: none;
}

body .fancybox-title-outside-wrap {
    margin: 0;
}

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

input:focus[type='checkbox'] {
    -webkit-appearance: checkbox;
}

textarea:focus,
input:focus {
    outline: none;
}

::selection {
    background: #006eb8;
    color: #fff;
}

::-moz-selection {
    background: #006eb8;
    color: #fff;
}

input[type='number'] {
    -webkit-appearance: none;
    -moz-appearance: textfield;
}

.sitemap>ul {
    padding-top: 1em;
    padding-bottom: 1em;
    padding-left: 0;
    margin: 0 !important;
}

.sitemap ul {
    list-style: none;
    margin-left: 1.5em;
    padding: 0;
}

.left>.sitemap>ul>li:first-child:before {
    background-image: url('../../../fileadmin/masterTemplate/Resources/Public/Images/site-eks/content/sitemap/joinbottom.gif');
    background-size: 1em;
}

.sitemap li {
    background: url('../../../fileadmin/masterTemplate/Resources/Public/Images/site-eks/content/sitemap/line.gif') repeat-y scroll left top transparent;
    padding-left: 1.5em;
    position: relative;
    background-size: 1em;
}

.sitemap li:before {
    content: "";
    background: url('../../../fileadmin/masterTemplate/Resources/Public/Images/site-eks/content/sitemap/join.gif') left top no-repeat;
    display: block;
    width: 1em;
    height: 1em;
    left: 0;
    top: 0;
    position: absolute;
    background-size: 1em;
}

.sitemap li:last-child:before,
.sitemap li li:last-child:before,
.sitemap li li li:last-child:before {
    background-color: #fff;
    background-image: url('../../../fileadmin/masterTemplate/Resources/Public/Images/site-eks/content/sitemap/joinbottom.gif');
}

.sitemap li:last-child {
    background: none;
}

.side {
    float: left;
    width: 100%;
}

.side.slogan {
    padding-left: 1em;
    border-left: 1px solid #ccc;
    margin-bottom: 3em;
}

.side.rightMenu {
    margin-top: 1em;
    margin-bottom: 1em;
}

.side.ansprechpartner {
    margin-top: 1em;
}

.side.ansprechpartner .anspr {
    margin-top: 1em;
}

.side.ansprechpartner .anspr li {
    width: 100%;
}

.rightMenu ul {
    margin: 0;
    padding: 0;
    list-style: none;
    float: left;
    width: 100%;
}

.rightMenu .csc-menu-header a,
.rightMenu .csc-menu-header a.active {
    background: transparent;
    font-weight: bold;
    position: relative;
    color: #494847;
}

.rightMenu .csc-menu-header a.active:hover:before {
    color: #55435e;
}

.rightMenu .csc-menu-header a:hover:before {
    color: #fff;
}

.rightMenu .csc-menu-header a:before {
    color: #55435e;
    content: "\e760";
    display: block;
    font-family: "linearicons";
    font-size: 12px;
    font-weight: normal;
    line-height: 30px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 3px;
    width: 30px;
}

.rightMenu li {
    padding: 1px 0;
    float: left;
    width: 100%;
}

.rightMenu a {
    color: #444;
    background: #efefef;
    text-decoration: none;
    display: block;
    padding: 2.5%;
    width: 95%;
    transition: all ease-in-out 0.2s;
    border-left: 2px solid #efefef;
    position: relative;
    overflow: hidden;
    z-index: 0;
}

.rightMenu .csc-menu-sub li a:hover,
.rightMenu a:hover {
    background: #fff;
    border-left: 2px solid #e5007d;
}

.rightMenu .csc-menu-sub li a {
    width: 90%;
    padding-left: 7.5%;
    background: #efefef;
}

.rightMenu a.cur,
.rightMenu .ce-menu-2 li a.cur {
    background: #d8d8d8;
    border-left: 2px solid #e5007d;
}

.rightMenu .ce-menu-2 li {
    padding: 0;
    margin-top: 2px;
}

.rightMenu .ce-menu-2 li a {
    background: rgba(239, 239, 239, 0.5);
}

.custom-206 h3,
.side.help h3 {
    padding-left: 1.5em;
    position: relative;
}

.custom-206 h3:before,
.side.help h3:before {
    display: block;
    font-family: "fontello";
    content: "\e81e";
    position: absolute;
    left: 0;
    top: 0;
    color: #e5007d;
    transform-origin: 50% 50%;
    animation: spin 10s infinite linear;
}

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

    100% {
        transform: rotate(359deg);
    }
}

.tx-powermail {
    float: left;
    width: 100%;
    margin-top: 20px;
}

.powermail_fieldset,
.powermail_fieldset fieldset {
    border: none;
    margin: 0px;
    padding: 0px;
    float: left;
    width: 100%;
}

.powermail_legend {
    display: none;
}

.powermail_form h3 {
    display: none;
}

.powermail_fieldwrap {
    width: 100%;
    float: left;
    margin-top: 5px;
    position: relative;
}

.powermail_fieldwrap .powermail_label,
#newsletterPopup .itemname {
    width: 45%;
    float: left;
    margin-right: 20px;
    text-align: right;
    line-height: 35px;
    min-height: 1px;
}

.powermail_fieldwrap .powermail_label .price {
    display: inline-block;
    margin-left: 10px;
    color: #293853;
}

.powermail_fieldwrap .powermail_date,
.powermail_fieldwrap .powermail_input,
#newsletterPopup input[type="text"] {
    width: 200px;
    float: left;
    border: 1px solid #b5bcc3;
    padding: 7px 10px;
    color: #000000;
    font-size: 12px;
    font-family: 'Flexo-Regular', sans-serif;
    -webkit-appearance: inherit;
}

.powermail_fieldwrap .powermail_select,
#newsletterPopup select {
    width: 222px;
    float: left;
    border: 1px solid #b5bcc3;
    padding: 7px 10px;
    color: #666;
    font-size: 12px;
    font-family: 'Flexo-Regular', sans-serif;
}

.powermail_fieldwrap .powermail_textarea {
    font-size: 12px;
    border: 1px solid #c3c3c3;
    background: #fff;
    width: 100%;
    color: #bbb;
    padding: 10px;
    margin: 0px;
    display: block;
    box-shadow: 0px 1px #fff;
    width: 200px;
    color: #000;
    font-family: 'Flexo-Regular', sans-serif;
}

.powermail_fieldwrap .powermail_submit_alt,
.powermail_fieldwrap .powermail_submit,
.powermail_confirmation_form,
.powermail_confirmation_submit,
#newsletterPopup .cr_button {
    transition: all 0.2s ease-in-out 0s;
    border: none;
    background: #787878;
    color: #fff;
    padding: 10px 20px;
    cursor: pointer;
    font-weight: bold;
}

.powermail_fieldwrap .powermail_submit_alt:hover,
.powermail_fieldwrap .powermail_submit:hover,
.powermail_confirmation_form:hover,
.powermail_confirmation_submit:hover,
#newsletterPopup .cr_button:hover {
    background: #e52f7e;
    color: #fff;
}

.powermail_fieldwrap .mandatory {
    display: inline-block;
    font-family: Verdana, Arial, sans-serif;
    font-weight: 300;
    font-size: 16px;
    left: auto;
    right: 0;
    line-height: 20px;
    padding: 8px 2px 0;
    position: absolute;
    text-align: center;
    top: 0px;
    width: 20px;
    text-indent: -9999px;
}

.powermail_fieldwrap .mandatory:before {
    content: "\e80f";
    font-family: "fontello";
    color: #e52f7e;
    position: absolute;
    left: 8px;
    top: 8px;
    text-indent: 0;
    font-size: 0.5em;
}

.powermail_confirmation_form {
    margin: 15px 0 0;
}

.powermail_confirmation_submit {
    margin: -31px 0 0 76px;
    float: left;
}

.powermail_fieldwrap .formError {
    background: none repeat scroll 0 0 #bc290a;
    float: left;
    font-size: 10px;
    height: 31px;
    left: auto !important;
    margin: 0 !important;
    position: relative !important;
    text-indent: -99999px;
    text-transform: uppercase;
    width: 5px;
    display: none;
}

.powermail_fieldwrap .formErrorContent {
    display: none;
}

.powermail_confirmation {
    float: left;
    width: 100%;
}

.powermail_confirmation h4 {
    margin: 15px 0px;
}

.powermail_confirmation dl {
    float: left;
    width: 100%;
    display: block;
}

.powermail_confirmation dt {
    float: left;
    width: 150px;
    text-align: right;
    margin-right: 10px;
    display: block;
}

.powermail_confirmation dd {
    float: left;
    width: 300px;
    display: block;
}

.clever_form_error,
.powermail_fieldwrap.error .powermail_input,
.powermail_fieldwrap .powermail_field_error {
    border: 1px solid #FFD324;
    background: #FFF6BF;
    box-shadow: none;
    float: left;
}

.powermail_fieldwrap.error .powermail_label {
    color: #000;
}

.powermail_fieldwrap.error .mandatory {
    color: #ff0000;
}

.powermail_fieldwrap_text {
    color: #000000;
    float: left;
    line-height: 30px;
    margin-right: 20px;
    text-align: left;
    width: 200px;
    margin-left: 220px;
}

.powermail_radio_inner {
    float: left;
    width: 100%;
    display: block;
    padding: 1px 0;
}

.powermail_radio_inner label {
    cursor: pointer;
    padding-left: 5px;
}

.powermail_check_outer {
    float: left;
    width: 75%;
    max-width: 200px;
    display: block;
    padding: 5px 0;
}

.powermail-errors-list {
    display: none;
}

.powermail_message {
    margin-bottom: 3rem;
}

.powermail_fieldwrap_type_check .powermail_label {
    display: none;
}

.powermail_fieldwrap_type_check .powermail_field label {
    float: right;
    width: calc(55% - 20px);
    position: relative;
    padding-left: 1.5em;
    box-sizing: border-box;
}

.powermail_fieldwrap_type_check .powermail_field label input {
    position: absolute;
    top: 0.4em;
    left: 0;
    width: 1em;
    height: 1em;
}

#map_canvas {
    width: 100%;
    height: 100%;
    height: 15vw;
    max-width: 100%;
    float: left;
    min-height: 10em;
}

#map_canvas img {
    max-width: none;
}

.no-news-found,
.tx-indexedsearch .tx-indexedsearch-noresults {
    float: left;
    width: 100%;
    margin-top: 20px;
    font-style: normal;
    background: #FFF6BF;
    border: 2px solid #FFD324;
    padding: 0.8% 0 !important;
    color: #514721;
    text-align: center;
}

.tx-indexedsearch-noresults {
    background: #FFF6BF;
    border: 2px solid #FFD324;
    margin: 1em 0em;
    padding: 0.8em !important;
    color: #514721;
    float: left;
    width: 100%;
    box-sizing: border-box;
}

.tx-indexedsearch-whatis {
    background: #FFF6BF;
    border: 2px solid #FFD324;
    margin: 1em 0em;
    padding: 1% 3% 1% 7% !important;
    color: #514721;
    display: block;
    clear: both;
    margin-top: 20px;
    float: left;
    width: 90%;
    position: relative;
    box-sizing: border-box;
    width: 100%;
}

.tx-indexedsearch-whatis:before {
    content: "\e80e";
    color: #000;
    display: block;
    font-family: "fontello";
    font-size: 12px;
    font-weight: 300;
    line-height: 30px;
    text-align: center;
    width: 30px;
    position: absolute;
    top: 4px;
    left: 0;
}

.tx-indexedsearch-sw {
    color: #000;
}

.tx-indexedsearch-browsebox {
    float: left;
    width: 100%;
}

.result {
    float: left;
    width: 100%;
    margin-top: 10px;
}

.result .title {
    float: left;
    width: 100%;
    font-size: 16px;
}

.result .title a {
    text-decoration: none;
    color: #000;
}

.result .link {
    float: left;
    width: 100%;
}

.result .message {
    float: left;
    width: 100%;
}

.result .row {
    float: left;
    width: 100% !important;
    font-size: 10px;
    color: #999999;
    min-height: 0 !important;
}

.result .row .rating {
    float: left;
    width: 10%;
}

.result .row .modified {
    float: left;
    width: 90%;
}

.search.form {
    float: left;
    width: 95%;
    background: #f9f9f9;
    padding: 2.5%;
    margin-top: 20px;
}

.search.form .row {
    float: left;
    width: 100%;
    margin: 2px 0;
}

.search.form .row input[type="text"] {
    border: 1px solid #adacac;
    width: 80%;
    padding: 5px 10px;
}

.search.form .row select {
    border: 1px solid #adacac;
    padding: 5px 10px;
}

.search.form .row .leftCol {
    float: left;
    width: 22% !important;
    line-height: 30px;
    margin: 0 !important;
    padding: 0 !important;
}

.search.form .row .rightCol {
    float: left;
    width: 70% !important;
    margin: 0 !important;
    padding: 0 !important;
}

.search.form .row .left {
    float: left;
    margin: 0 2% 0 0;
}

.search.form .row .right {
    float: left;
    margin: 0 2% 0 0;
}

.search.form .row.last {
    margin-top: 10px;
}

.search.form .row input[type="submit"] {
    border: none;
    padding: 10px 15px;
    background: #e5007d;
    color: #fff;
    font-size: 1em;
    transition: all 0.2s ease-in-out 0s;
}

.search.form .row input[type="submit"]:hover {
    background: #b60063;
}

.browsebox {
    float: left;
    width: 100%;
    padding: 20px 0;
    margin: 0;
}

.browsebox ul {
    margin: 0;
    padding: 0;
    list-style: none;
    float: left;
    width: 100%;
}

.browsebox li {
    display: inline-block !important;
    float: left;
    margin-right: 2px !important;
}

.browsebox li:before {
    display: none;
}

.browsebox a {
    display: block;
    padding: 5px 10px;
    background: #f2f2f2;
    color: #444;
    text-decoration: none;
    transition: all 0.2s ease-in-out 0s;
}

.browsebox .tx-indexedsearch-browselist-currentPage a {
    background: #e5007d;
    color: #fff;
}

.browsebox .tx-indexedsearch-browselist-currentPage a:hover {
    background: #a21c26;
    color: #fff;
}

.browsebox a:hover {
    background: #c3c3c3;
    color: #fff;
}

.news .article>.left {
    width: 65%;
    float: left;
}

.news .article>.right {
    width: 30%;
    float: right;
}

.news .article,
.news {
    float: left;
    width: 100%;
}

.news .item {
    float: left;
    width: 100%;
    margin-top: 1em;
}

.news .item a {
    display: block;
    float: left;
    width: 100%;
    text-decoration: none;
    color: #525e63;
}

.news .item .imageWrap {
    float: left;
    width: 20%;
    margin-right: 2.5%;
}

.news .item .imageWrap img {
    display: block;
    width: 100%;
}

.news .item .itemWrap {
    float: left;
    width: 77.5%;
}

.news .item .circleOut {
    border-radius: 100%;
    overflow: hidden;
    padding: 4%;
    width: 100%;
    box-sizing: border-box;
    background: #c10b26;
    transition: all 0.2s ease-in-out 0s;
    position: relative;
}

.news .item .circleInn {
    border-radius: 100%;
    overflow: hidden;
    box-sizing: border-box;
    transition: all 0.2s ease-in-out 0s;
}

.news .item .circleInn img {
    height: auto;
    max-width: none;
    width: 100%;
}

.news .item a:hover .circleOut {
    padding: 0;
    transition: all 0.1s ease-in-out 0s;
}

.news .item a:hover .circleInn {
    border-color: #fff;
    border-width: 0px;
    transition: all 0.1s ease-in-out 0s;
}

.news .item .lower {
    float: left;
    width: 100%;
}

.news .item .lower .date {
    display: block;
    float: left;
    padding: 10px 15px 10px 0;
    color: #525e64;
    font-size: 0.9em;
}

.news .item .btn {
    float: right;
}

.news-single .article .right .news-img-wrap {
    width: 100%;
    margin: 0;
    float: left;
    margin-top: 2em;
    background: transparent;
}

.news-single .article .right .news-img-wrap .outer {
    position: relative;
    width: 48%;
    margin: 1%;
    overflow: hidden;
    float: left;
    border: 1px solid #ddd;
    box-sizing: border-box;
    transition: all 0.2s ease-in-out 0s;
}

.news-single .article .right .news-img-wrap .outer:before {
    content: "";
    display: block;
    padding-top: 100%;
}

.news-single .article .right .news-img-wrap .outer:hover {
    background: #e60680;
}

.news-single .article .right .news-img-wrap .outer .mediaelement {
    bottom: 2%;
    color: white;
    left: 2%;
    overflow: hidden;
    position: absolute;
    right: 2%;
    text-align: center;
    top: 2%;
    width: 96%;
}

.news-single .article .right .news-img-wrap img {
    display: block;
    width: 100%;
    height: 100%;
}

.news-single .article .right .news-img-wrap .mediaelement {
    float: left;
    width: 100%;
}

.news-single .article .right .news-img-wrap a {
    margin: 0;
    padding: 0;
    border: none;
    height: 100%;
    float: left;
    width: 100%;
}

.news-single .news-related-wrap {
    float: left;
}

#content .news-single .article .left .news-img-wrap {
    margin: 0;
    width: 100%;
}

#content .news-img-wrap .mediaelement-video {
    float: left;
    width: 100%;
    background: #efefef;
    border: 1px solid #c3c3c3;
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0;
    margin: 2em 0;
}

#content .news-img-wrap .mediaelement-video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 10px;
    box-sizing: border-box;
    border: none;
}

.pagination {
    float: left;
    width: 100%;
    padding: 1em 0;
}

.pagination ul,
.f3-widget-paginator {
    display: flex;
    flex-wrap: wrap;
    gap: 3px;
    margin: 1rem 0;
    padding: 0;
    list-style: none;
    width: 100%;
}

.pagination ul li,
.f3-widget-paginator li {
    display: inline-block;
    list-style: none;
    text-align: center;
}

.pagination ul span,
.f3-widget-paginator span,
.pagination ul a,
.f3-widget-paginator a {
    display: inline-block;
    text-decoration: none;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    background: #efefef;
    transition: all 0.2s ease-in-out 0s;
}

.pagination ul a:hover,
.f3-widget-paginator a:hover {
    background: #c3c3c3;
    color: #fff;
}

.pagination ul .previous a,
.f3-widget-paginator .previous a,
.pagination ul .next a,
.f3-widget-paginator .next a {
    text-indent: -9999px;
    overflow: hidden;
    position: relative;
}

.pagination ul .previous a:before,
.f3-widget-paginator .previous a:before,
.pagination ul .next a:before,
.f3-widget-paginator .next a:before {
    text-indent: 0;
    content: "\e803";
    font-family: "fontello";
    position: absolute;
    top: 0;
    right: 0;
    width: 30px;
    font-size: 1em;
}

.pagination ul .previous a:before,
.f3-widget-paginator .previous a:before {
    content: "\e802";
}

.pagination ul li:before,
.f3-widget-paginator li:before {
    display: none;
}

.pagination ul .current span,
.f3-widget-paginator .current span {
    color: #fff;
    background: #e5007d;
    border-color: #e5007d;
}

.news .right .info {
    float: left;
    width: 100%;
    padding: 15px 0;
    background: #efefef;
    text-shadow: 0px 1px 0px #fff;
    text-align: center;
}

.news .right .divider {
    color: #e60680;
    display: inline-block;
    padding: 0 10px;
}

#comments {
    float: left;
    width: 100%;
    background: url('../../../fileadmin/masterTemplate/Resources/Public/Images/site-eks/pattern.gif');
    background-size: 65px 65px;
}

#comments .outer {
    margin: 0 auto;
    width: 100%;
    max-width: 600px;
}

#comments .inner {
    float: left;
    width: 100%;
    padding: 3em 0;
}

#writeComment {
    float: left;
    width: 100%;
    background: #fff;
    box-sizing: border-box;
    padding: 15px;
}

#writeComment .powermail_label {
    width: 30%;
}

#writeComment .powermail_input {
    width: 50%;
}

#writeComment .powermail_textarea {
    width: 50%;
}

.anspr {
    float: left;
    width: 100%;
    list-style: none;
    margin: 2em 0;
    padding: 0;
    text-shadow: 0px 1px 0px #fff;
    display: flex;
    flex-wrap: wrap;
}

.anspr li {
    float: left;
    width: 48%;
    margin: 0.4em 1%;
    box-sizing: border-box;
    background: #efefef;
    padding: 15px;
    border-bottom: 1px solid #d8d8d8;
    transition: all 0.2s ease-in-out 0s;
}

.anspr li:hover {
    background: #f7f7f7;
    border-bottom: 1px solid #e5007d;
}

.anspr .image {
    position: relative;
    float: left;
    width: calc(40% - 2px - 15px);
    border: 1px solid #fff;
    overflow: hidden;
}

.anspr .image:before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 132%;
}

.anspr .text {
    float: left;
    width: 60%;
    margin-left: 15px;
}

.anspr img {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.anspr b {
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    font-size: 1.1em;
}

.anspr .position {
    color: #989898;
}

.anspr .text .name p:first-child {
    margin-top: 0;
}

.anspr .region {
    float: left;
    width: 100%;
    margin-top: 15px;
}

.anspr .region .region-title {
    float: left;
    width: calc(40% - 2px - 15px);
    border: 1px solid transparent;
    border-top: 0;
    border-bottom: 0;
}

.anspr .region .region-value {
    float: left;
    width: 60%;
    margin-left: 15px;
}

.icon.mail {
    text-indent: -9999px;
    text-decoration: none;
    display: block;
    width: 30px;
    height: 30px;
    position: relative;
}

.icon.mail:after {
    text-indent: 0px;
    font-family: "fontello";
    content: "\e80c";
    position: absolute;
    left: 0;
    top: 0;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 1.8em;
}

.eksButtonWrap {
    float: left;
    width: calc(100% - 45px);
    margin: 2em 0;
    background: #efefef;
    text-align: right;
}

.eksButtonWrap p {
    margin: 0;
}

.eksButtonWrap .btn {
    background: #787878;
    color: #fff;
    text-shadow: 0px 1px 0px #000;
}

.eksButtonWrap .btn:hover {
    color: #555;
    text-shadow: 0px 1px 0px #fff;
}

#summary {
    float: left;
    width: 100%;
    background: url('../../../fileadmin/masterTemplate/Resources/Public/Images/site-eks/pattern.gif');
    background-size: 65px 65px;
}

#summary .outer {
    margin: 0 auto;
    width: 100%;
    max-width: 1280px;
}

#summary .inner {
    float: left;
    width: 100%;
    padding: 3em 0;
}

#summary ul {
    margin: 0;
    padding: 0;
    list-style: none;
    float: left;
    width: 100%;
    text-align: center;
}

@media (min-width: 1024px) {
    #summary ul {
        display: flex;
        flex-wrap: wrap;
    }
}

#summary li {
    display: inline-block;
    width: 25%;
    box-sizing: border-box;
    padding: 15px;
}

#summary img {
    display: block;
    width: 100%;
    height: auto;
    bottom: 0;
    position: relative;
    transition: all 0.2s ease-in-out 0s;
    filter: grayscale(100%);
}

#summary a {
    color: #555;
    text-decoration: none;
}

#summary .image {
    background: #efefef;
    float: left;
    width: 100%;
    position: relative;
    overflow: hidden;
    border-bottom: 1px solid #fff;
}

#summary .more {
    position: absolute;
    bottom: -40px;
    left: 0;
    right: 0;
    width: 100%;
    text-align: center;
    padding: 10px 0;
    background: #e5007d;
    color: #fff;
    display: block;
    transition: all 0.2s ease-in-out 0s;
}

#summary .name {
    float: left;
    width: 100%;
    padding: 10px 0;
    text-shadow: 0px 1px 0px #fff;
    text-align: center;
    font-size: 1.1em;
}

#summary a:hover .more {
    bottom: 0;
}

#summary a:hover img {
    bottom: 5px;
    filter: grayscale(0%);
}

.glossary {
    float: left;
    width: 100%;
}

.glossary strong {
    display: block;
    font-size: 2em;
    font-family: "Roboto", sans-serif;
    font-weight: 300;
}

.accordion {
    margin: 1em 0;
    float: left;
    width: 100%;
}

.accordion>h3 span {
    font-family: "Roboto", sans-serif;
    font-weight: 300;
    float: left;
    text-transform: none;
    width: 100%;
    font-size: 0.8em;
}

.accordion>h3:after {
    content: "\e803";
    font-family: "fontello";
    display: block;
    height: 1em;
    position: absolute;
    right: 0.5em;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 1em;
    transform: rotate(0deg);
    transition: all 0.2s ease-in-out 0s;
}

.accordion>h3.ui-state-active {
    background: #006499;
}

.accordion>h3.ui-state-active:after {
    transform: rotate(90deg);
}

.accordion>h3,
.ui-accordion .ui-accordion-header {
    cursor: pointer;
    position: relative;
    margin-left: 0px;
    margin-top: 1px;
    zoom: 1;
    display: block;
    float: left;
    width: 100%;
    font-size: 1.5em;
    outline: none;
    transition: all 0.2s ease-in-out 0s;
    background: #006eb8;
    color: #fff;
    padding: 0.5em;
    box-sizing: border-box;
}

.ui-state-active,
.ui-accordion .ui-accordion-header:hover {
    background: #006499;
    color: #fff;
}

.ui-accordion .ui-accordion-li-fix {
    display: inline;
}

.ui-accordion .ui-accordion-header-active {
    border-bottom: 0 !important;
}

.ui-accordion .ui-accordion-header a {
    display: block;
    font-size: 1em;
    padding: .5em .5em .5em .7em;
}

.ui-accordion a {
    zoom: 1;
}

.ui-accordion-icons .ui-accordion-header a {
    padding-left: 2.2em;
}

.ui-accordion .ui-accordion-header .ui-icon {
    position: absolute;
    left: .5em;
    top: 50%;
    margin-top: -8px;
}

.ui-accordion .ui-accordion-content {
    border-top: 0;
    margin-top: -2px;
    position: relative;
    top: 1px;
    margin-bottom: 2px;
    overflow: auto;
    display: none;
    zoom: 1;
    float: left;
    width: 100%;
}

.ui-accordion .ui-accordion-content-active {
    display: block;
}

.accordion .image {
    float: left;
    width: 100%;
}

.accordion .image img {
    display: block;
    float: left;
    width: 100%;
    height: auto;
}

.accordion .text {
    float: left;
    width: 100%;
    height: auto;
    box-sizing: border-box;
    padding: 1em;
}

.news-menu-view {
    float: left;
    width: 100%;
    padding: 1em 0;
}

.news-menu-view ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.news-menu-view li a {
    line-height: 2em;
}

.news-menu-view>ul>li>a {
    color: #000;
    display: block;
    font-weight: normal;
    position: relative;
    text-decoration: none;
}

.news-menu-view li.parent>a {
    padding: 0 0 0 3em;
    margin-bottom: 1px;
    transition: all 0.2s ease-in-out 0s;
}

.news-menu-view li.parent>a:hover:before {
    background: #d8d8d8;
    color: #fff;
}

.news-menu-view li.parent>a:before {
    content: "+";
    display: block;
    height: 2em;
    line-height: 2em;
    left: 0;
    position: absolute;
    top: 0;
    vertical-align: middle;
    width: 2em;
    background: #efefef;
    text-align: center;
    color: #e5007d;
    transition: all 0.2s ease-in-out 0s;
}

.news-menu-view li.parent.reset>a:before {
    content: "";
    background: #d8d8d8;
}

.news-menu-view li.parent.reset>a:after {
    font-family: "fontello";
    content: "\e802";
    display: block;
    height: 2em;
    font-size: 0.7em;
    left: 0;
    position: absolute;
    top: 0;
    vertical-align: middle;
    width: 2.7em;
    text-align: center;
    color: #006eb8;
    transition: all 0.2s ease-in-out 0s;
}

.news-menu-view li.parent.reset>a:hover:before {
    background: #e5007d;
}

.news-menu-view li.parent.reset>a:hover:after {
    color: #fff;
}

.news-menu-view ul li.active>a:before {
    background: #e5007d;
    color: #fff;
    content: "-";
}

.news-menu-view ul li ul {
    border-left: 1px solid #D9DADB;
    display: none;
    margin: 0 0 0 1em;
    overflow: hidden;
    padding: 0 0 0 2em;
}

.news-menu-view ul li ul li {
    position: relative;
}

.news-menu-view ul li ul li:before {
    border-bottom: 1px solid #E2E2E3;
    content: "";
    left: -2em;
    position: absolute;
    top: 1em;
    width: 1em;
}

#select {
    float: left;
    width: 100%;
    background: url('../../../fileadmin/masterTemplate/Resources/Public/Images/site-eks/pattern.gif');
    background-size: 65px 65px;
    border-bottom: 1px solid #efefef;
    text-shadow: 0px 1px 0px #fff;
}

#select .outer {
    margin: 0 auto;
    width: 100%;
    max-width: 1024px;
}

#select .inner {
    float: left;
    width: 100%;
    padding: 3em 0;
}

.filter {
    float: left;
    padding: 1em 0;
}

.filter.left {
    float: left;
    width: 75%;
}

.filter.right {
    float: left;
    width: 25%;
}

.filter .col {
    float: left;
    margin: 0;
    padding: 0;
    border: none;
}

.filter.left .col {
    width: 33%;
}

.filter.right .col {
    width: 100%;
}

.filter select {
    box-sizing: border-box;
    padding: 10px;
    width: calc(100% - 5px);
    border: 1px solid #ccc;
}

.filter label {
    float: left;
    width: 100%;
    display: block;
    cursor: pointer;
}

#overview {
    float: left;
    width: 100%;
    background: #fff;
    padding: 1em 0;
    font-size: 0.9em;
    opacity: 1;
    transition: all 0.2s ease-in-out 0s;
}

#overview .inner>ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

#overview .outer {
    margin: 0 auto;
    width: 100%;
    max-width: 1024px;
}

#overview .inner {
    float: left;
    width: 100%;
    padding: 3em 0;
}

#overview .item {
    float: left;
    display: block;
    width: 100%;
    border: 1px solid #d8d8d8;
    box-sizing: border-box;
    transition: all 0.2s ease-in-out 0s;
}

#overview .wrap {
    float: left;
    display: block;
    width: 100%;
    border: 1px solid #fff;
    box-sizing: border-box;
    padding: 1em;
    background: #fafafa;
    text-shadow: 0px 1px 0px #fff;
    transition: all 0.2s ease-in-out 0s;
}

#overview .image {
    float: left;
    display: block;
    width: 100%;
    text-align: center;
    border: 1px solid #d8d8d8;
    overflow: hidden;
    z-index: 1;
    position: relative;
    background: #f1f4fb;
    background: -moz-linear-gradient(top, #f1f4fb 20%, #eef1f8 30%, #e2e9f1 40%, #ced8e1 50%, #e0e7ed 60%, #f1f4fb 70%, #f2f3f7 80%);
    background: -webkit-linear-gradient(top, #f1f4fb 20%, #eef1f8 30%, #e2e9f1 40%, #ced8e1 50%, #e0e7ed 60%, #f1f4fb 70%, #f2f3f7 80%);
    background: linear-gradient(to bottom, #f1f4fb 20%, #eef1f8 30%, #e2e9f1 40%, #ced8e1 50%, #e0e7ed 60%, #f1f4fb 70%, #f2f3f7 80%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f1f4fb', endColorstr='#f2f3f7', GradientType=0);
}

#overview .gradient {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    display: block;
    z-index: -1;
    transition: all 0.2s ease-in-out 0s;
    background: #f1f4fb;
    background: -moz-linear-gradient(top, #f1f4fb 20%, #eef1f8 30%, #e2e9f1 40%, #ced8e1 50%, #e0e7ed 60%, #f1f4fb 70%, #f2f3f7 80%);
    background: -webkit-linear-gradient(top, #f1f4fb 20%, #eef1f8 30%, #e2e9f1 40%, #ced8e1 50%, #e0e7ed 60%, #f1f4fb 70%, #f2f3f7 80%);
    background: linear-gradient(to bottom, #f1f4fb 20%, #eef1f8 30%, #e2e9f1 40%, #ced8e1 50%, #e0e7ed 60%, #f1f4fb 70%, #f2f3f7 80%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f1f4fb', endColorstr='#f2f3f7', GradientType=0);
}

#overview .image img {
    width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
    position: relative;
    top: 0;
    transition: all 0.2s ease-in-out 0s;
}

#overview .text {
    float: left;
    display: block;
    width: 100%;
    color: #555;
    padding: 1em 0;
}

#overview .text ul {
    list-style: none;
    float: left;
    width: 100%;
    padding: 0;
}

#overview .text li {
    position: relative;
    width: 100%;
    box-sizing: border-box;
    padding: 0.2em 0 0.2em 2em;
    float: left;
}

#overview .text li:before {
    content: "";
    display: block;
    width: 7px;
    height: 7px;
    position: absolute;
    left: 0.5em;
    top: 0.6em;
    background: #e5007d;
    border: 1px solid #fff;
}

#overview .headline {
    float: left;
    width: 100%;
    position: relative;
    padding-bottom: 1em;
}

#overview .button {
    float: left;
    width: 100%;
}

#overview .btn {
    background: #555;
    display: block;
    width: 100%;
    box-sizing: border-box;
    padding: 1em;
    text-shadow: none;
    color: #fff;
    position: relative;
    overflow: hidden;
    transition: all 0.2s ease-in-out 0s;
    max-width: 100%;
}

#overview .btn:after {
    display: block;
    content: "\e803";
    font-family: "fontello";
    background: #555;
    width: 3.5em;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    line-height: 3.5em;
    text-align: center;
    transition: all 0.2s ease-in-out 0s;
    color: #fff;
}

#overview .item:hover {
    border-color: #555;
}

#overview .item:hover img {
    top: 0.2em;
}

#overview .item:hover .wrap {
    background: #f7f7f7;
}

#overview .item:hover .btn {
    background: #e5007d;
}

#overview .item:hover .btn:after {
    right: 0;
}

#overview .item:hover .gradient {
    top: -0.5em;
}

#overview.dark {
    background: url('../../../fileadmin/masterTemplate/Resources/Public/Images/site-eks/pattern.gif');
    background-size: 65px 65px;
    border-bottom: 1px solid #efefef;
}

#overview.dark .wrap,
#overview.dark .item:hover .wrap {
    background: #fff;
}

#container .mix {
    display: none;
}

#container {
    padding: 2%;
    min-height: 10em;
    position: relative;
}

.container .mix,
.container .gap {
    width: 30%;
    display: inline-block;
    box-sizing: border-box;
    margin: 1.5%;
}

.container .mix {
    display: none;
}

.container .fail-message .btn:after {
    display: none;
}

.container .fail-message {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    text-align: center;
    opacity: 0;
    pointer-events: none;
    transition: 150ms;
}

.container .fail-message:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}

.container .fail-message span {
    display: inline-block;
    vertical-align: middle;
    font-size: 1em;
}

.container.fail .fail-message {
    opacity: 1;
    pointer-events: auto;
}

#table {
    float: left;
    width: 100%;
    padding: 3em 0;
}

#table .outer {
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
}

#table .inner {
    float: left;
    width: 100%;
}

table:nth-child(1) {
    margin-top: 0;
}

table {
    background: #fff;;
    border-radius: 5px;
    margin-top: 2em;
}

table th {
    color: #000;
    background: #EFEFEF;
    text-transform: uppercase;
}

table th a{
    color: #000;
    background: #EFEFEF;
    text-decoration: none !important;
    text-transform: uppercase;
}

table tr>th:not(:first-child),
table tr>td:not(:first-child) {
    text-align: left;
}

table thead tr th,
table tfoot tr th,
table tbody tr td,
table tr td,
table tfoot tr td {
    font-size: 0.9em;
    line-height: 1.2em;
    text-align: left;
}

table thead tr th:first-child,
table tfoot tr td:first-child {
    border-left: none;
}

table thead tr th:last-child,
table tfoot tr td:last-child {
    border-right: none;
}

table tbody tr.even,
table tbody tr.alt {
    background: #f9f9f9;
}

table tbody tr:nth-child(2n) {
    background: #f9f9f9;
}

table tbody tr td {
    border: none;
    color: #333;
    padding: 0.8em;
    vertical-align: top;
}

table i,
table em {
    font-style: normal;
    text-align: left;
    float: left;
}

table h2 {
    color: #787878;
    text-align: center;
    text-shadow: 0px 1px 0px #fff;
}

table .header {
    background-size: 65px 65px;
}

figure.table table {
    width: 100%;
}

#gallery {
    float: left;
    width: 100%;
    text-align: center;
    background-size: 65px 65px;
    padding: 2em 0;
}

#gallery .outer {
    width: 100%;
    max-width: 1024px;
    margin: 0 auto;
}

#gallery .inner {
    float: left;
    width: 100%;
}

.side.cta {
    margin-bottom: 1em;
}

.side.cta a {
    display: block;
    width: 100%;
    box-sizing: border-box;
    padding: 1em;
    color: #fff;
    background: #006eb8;
    text-decoration: none;
    font-size: 1em;
    position: relative;
    transition: all 0.2s ease-in-out 0s;
}

.side.cta a:after {
    font-family: "fontello";
    display: block;
    width: 2em;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    background: #efefef;
    color: #006eb8;
    font-size: 2em;
    text-align: center;
    line-height: 1.8em;
    transition: all 0.2s ease-in-out 0s;
}

.side.cta a:hover {
    background: #01659a;
}

.side.cta a:hover:after {
    background: #787878;
    color: #fff;
}

.side.cta a.pdf:after {
    content: "\e810";
}

.side.cta a.empty:before {
    content: "Add PDF";
    background: red;
    bottom: 0;
    color: #fff;
    font-size: 0.8em;
    height: 1em;
    left: 0;
    line-height: 1em;
    margin: auto;
    padding: 0.5em;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    width: 4em;
    transform: rotate(-15deg);
}

.videoItem {
    float: left;
    width: 100%;
    padding-bottom: 3em;
}

.videoItem .image {
    float: left;
    width: 100%;
    padding: 1em 0;
}

.videoItem .image img {
    display: block;
    width: 250px;
    height: auto;
}

.fancy-video {
    width: auto !important;
}

.videojs a {
    float: left;
    width: 100%;
    position: relative;
    text-decoration: none;
}

.videojs a:before {
    font-family: VideoJS;
    content: "\f101";
    background-color: rgba(229, 25, 33, 0.7);
    height: 6rem;
    width: 6rem;
    line-height: 6rem;
    border-radius: 100%;
    margin-top: -3rem;
    top: 50%;
    left: 50%;
    margin-left: -3rem;
    padding: 0;
    cursor: pointer;
    opacity: 1;
    border: 0.06666em solid #fff;
    display: block;
    position: absolute;
    color: #fff;
    font-size: 2.5rem;
    text-align: center;
    transition: all 0.2s ease-out 0s;
    z-index: 2;
}

.-ms- .videojs a:before {
    line-height: 2.5em;
}

.videojs a:hover:before {
    background-color: rgba(68, 68, 68, 0.7);
}

.video-js .vjs-play-progress {
    background: #e5007d;
}

.vjs-poster {
    background-size: cover;
}

.video-js .vjs-big-play-button {
    background-color: rgba(229, 0, 125, 0.7);
    height: 3em;
    line-height: 3em;
    border-radius: 100%;
    margin-top: -1.5em;
    transition: all 0.2s ease-out 0s;
}

.video-js:hover .vjs-big-play-button {
    background-color: rgba(68, 68, 68, 0.7);
    transition: all 0.2s ease-out 0s;
}

.downloads {
    width: 100%;
}

.downloads ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.downloads li {
    width: 100%;
    box-sizing: border-box;
    padding: 0.5em;
    background: #efefef;
    line-height: 1.5em;
    margin-top: 0.5em;
}

.downloads .links {
    display: block;
    float: right;
}

.downloads .links a {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    text-indent: -9999px;
    overflow: hidden;
    float: left;
    margin-left: 0.5em;
    opacity: 1;
    transition: all 0.2s ease-in-out 0s;
}

.downloads a.de {
    background: url('../../../fileadmin/masterTemplate/Resources/Public/Images/site-eks/icons/flags/square-flag-de@2x.png');
    background-size: 1.5em 1.5em;
}

.downloads a.en {
    background: url('../../../fileadmin/masterTemplate/Resources/Public/Images/site-eks/icons/flags/square-flag-en@2x.png');
    background-size: 1.5em 1.5em;
}

.downloads a.de.go {
    background: url('../../../fileadmin/masterTemplate/Resources/Public/Images/site-eks/icons/flags/square-flag-de-go@2x.png');
    background-size: 1.5em 1.5em;
}

.downloads a:hover {
    opacity: 0.5;
}

vl-cb-title {
    color: #fff;
}

vl-cb-user-image {
    border-radius: 100%;
    overflow: hidden;
}

#page10 .side+h4,
#page16 .side+h4 {
    margin-top: calc(5% + 1.7em);
    margin-bottom: 0.25em;
    width: 100%;
    float: left;
}

.jobs {
    clear: both;
}

.jobs>.wrap {
    float: left;
    width: 100%;
}

.jobs>.wrap ul {
    float: left;
    width: 100%;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    list-style: none;
}

.jobs>.wrap li {
    width: 33.33333333%;
    box-sizing: border-box;
    padding: 0.5em;
}

.jobs>.wrap li.de a {
    color: #000;
}

.jobs>.wrap a {
    text-decoration: none;
    background: #f9f9f9;
    border: 1px solid #d6d6d6;
    border-bottom: 1px solid #e5007d;
    display: block;
    position: relative;
    color: #fff;
    font-weight: 400;
    transition: all 0.2s ease-in-out 0s;
    float: left;
    width: 100%;
}

.jobs>.wrap a:hover {
    background: #fff;
}

.jobs>.wrap a:hover:after {
    right: 0.5em;
}

.jobs>.wrap a:before {
    content: "";
    display: block;
    padding-bottom: 50%;
}

.jobs>.wrap a:after {
    content: "\e803";
    font-family: "fontello";
    color: #006eb8;
    position: absolute;
    right: 1em;
    bottom: 1em;
    transition: all 0.2s ease-in-out 0s;
}

.jobs>.wrap a .name {
    position: absolute;
    left: 0;
    top: 0;
    box-sizing: border-box;
    padding: 1em;
}

.jobs a .outer:before {
    content: "";
    display: block;
    width: 1px;
    background: #e5007d;
    height: 0%;
    position: absolute;
    left: -1px;
    bottom: 0;
    transition: all 0.1s ease-in 0.4s;
}

.jobs a .outer:after {
    content: "";
    display: block;
    width: 0%;
    background: #e5007d;
    height: 1px;
    position: absolute;
    left: 0;
    top: -1px;
    transition: all 0.1s ease-in 0.2s;
}

.jobs a .inner:before {
    content: "";
    display: block;
    width: 1px;
    background: #e5007d;
    height: 0%;
    position: absolute;
    right: -1px;
    top: 0;
    transition: all 0.1s ease-in 0s;
}

.jobs a:hover .outer:before {
    height: 100%;
    transition: all 0.1s ease-in 0s;
}

.jobs a:hover .outer:after {
    width: 100%;
    transition: all 0.1s ease-in 0.2s;
}

.jobs a:hover .inner:before {
    height: 100%;
    transition: all 0.1s ease-in 0.4s;
}

.side {
    float: left;
    width: 100%;
    position: relative;
    z-index: 1;
    font-family: 'Roboto', sans-serif;
}

.side h3 {
    font-size: 1.25em;
    margin: 0 0 1em 0;
}

.side.menu {
    background: #fff;
    padding: 0 0 1em 0;
    box-sizing: border-box;
}

.side.menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
    float: left;
    width: 100%;
}

.side.menu li {
    padding: 1px 0;
    float: left;
    width: 100%;
}

.side.menu a {
    color: #000;
    background: #f2f2f2;
    text-decoration: none;
    display: block;
    padding: 2.5%;
    width: 95%;
    transition: all 0.2s ease-in-out 0s;
    position: relative;
    overflow: hidden;
    z-index: 0;
    width: 100%;
    box-sizing: border-box;
}

.side.menu a:before {
    content: "";
    display: block;
    width: 0.1em;
    background: #e5007d;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    transform: scale(0);
    transition: all 0.2s ease-in-out 0s;
}

.side.menu .sub a.act,
.side.menu a.act {
    background: #e5007d;
    color: #fff;
}

.side.menu .sub a:hover,
.side.menu a:hover {
    background: #f9f9f9;
    color: #000;
}

.side.menu a:hover:before {
    transform: scale(1);
}

.side.menu .sub a {
    width: 100%;
    padding-left: 7.5%;
    background: #fff;
}

.side.menu .sitemap li {
    padding: 0;
    margin-top: 2px;
}

.side.menu .sitemap li a {
    background: #f7f7f7;
    padding-left: 7.5%;
}

.distributors {
    display: grid;
    grid-gap: 3rem 1rem;
    margin-bottom: 3rem;
    list-style-type: none;
    padding: 0;
    grid-template-columns: repeat(1, minmax(0, 1fr));
}

@media (min-width: 600px) {
    .distributors {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

.distributor-wrap {
    padding: 0;
    margin: 0;
    background-color: #efefef;
}

.distributor-head {
    display: flex;
    padding: 1rem;
}

.distributor-flag {
    display: block;
    width: 20px;
    height: 20px;
    flex-shrink: 0;
    margin: auto auto auto 0;
}

.distributor-country {
    display: block;
    margin: auto 0 auto auto;
    padding-top: 2px;
    text-transform: uppercase;
    font-weight: bold;
    color: #000;
}

.distributor-logo-wrap {
    display: flex;
    height: 120px;
    width: 100%;
    box-sizing: border-box;
    padding: 1rem;
    background-color: #fff;
}

.distributor-logo {
    margin: auto;
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    object-position: center;
}

.distributor-body {
    padding: 1rem;
}

.distributor-sr-only {
    display: none;
}

.distributor-info {
    display: block;
    padding: 0;
    margin: 0;
}

.distributor-info>a {
    color: #555;
    text-decoration: none;
}

.distributor-title {
    font-weight: bold;
    color: #000;
}

.din-rail-popup ul,
.iw-fancy-list {
    list-style-type: none;
    padding-left: 0 !important;
}

.din-rail-popup ul>li,
.iw-fancy-list>li {
    display: flex;
    flex-wrap: nowrap;
    margin: 10px 0;
}

.din-rail-popup ul>li:first-child,
.iw-fancy-list>li:first-child {
    margin-top: 0;
}

.din-rail-popup ul>li:last-child,
.iw-fancy-list>li:last-child {
    margin-bottom: 0;
}

.din-rail-popup ul>li:before,
.iw-fancy-list>li:before {
    content: "";
    display: block;
    width: 12px;
    height: 12px;
    margin: auto 10px auto 0;
    flex-grow: 0;
    flex-shrink: 0;
    background: #e5007d;
}

.din-rail-wrap {
    margin: 3rem 0;
}

.din-rail {
    background-repeat: repeat-x;
    background-position: left 30%;
    background-size: auto 60px;
    --acutal-elements: 4;
    --max-elements: 4;
    gap: 2rem;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.din-rail--enable {
    background-image: url('../../../fileadmin/masterTemplate/Resources/Public/Images/site-eks/devices/rail.svg');
}

.din-rail-item {
    transition: .3s opacity;
    cursor: pointer;
}

.din-rail-item-title {
    display: block;
    margin-top: 1rem;
    text-align: center;
    color: #006eb8;
}

.din-rail-item-title:before {
    content: "\e815\e815";
    font-family: "fontello";
    letter-spacing: -4px;
    color: #e5007d;
    padding-right: 12px;
}

.din-rail-item-image {
    display: block;
    margin: 0 auto;
    max-width: 100%;
    object-fit: contain;
    object-position: center;
}

.din-rail-popup {
    display: none;
    position: relative;
    margin-top: 30px;
    background: #efefef;
    padding: 1.5rem;
}

.din-rail-popup[data-rail-popup-active] {
    display: block;
}

.din-rail-popup:before {
    content: "";
    position: absolute;
    left: calc(var(--caret-left) - 10px);
    top: -15px;
    width: 0;
    height: 0;
    border: 20px solid transparent;
    border-top: 0;
    border-bottom: 15px solid #efefef;
}

.din-rail-popup-title {
    font-size: 1.3rem;
    font-weight: 300;
    font-family: 'Roboto', sans-serif;
}

.din-rail-button-wrap {
    display: flex;
}

.din-rail-item-image-wrap {
    display: flex;
    align-items: center;
    height: 160px;
}

.din-rail-button {
    margin-left: auto;
}

[data-rail-has-active]>.din-rail-item {
    opacity: 0.6;
}

[data-rail-has-active]>.din-rail-item[data-rail-device-active] {
    opacity: 1;
}

.fancy-slider {
    margin: 3rem 0 6rem;
}

.quote-slider-item {
    display: flex;
    flex-direction: column;
}

.quote-slider-item-quote {
    margin: 1rem auto;
    color: #006eb8;
}

.quote-slider-item-quote:before {
    content: "\201E";
}

.quote-slider-item-quote:after {
    content: "\201C";
}

.quote-slider-item-cite {
    display: block;
    text-align: center;
    font-style: normal;
    margin-bottom: 1rem;
}

.quote-slider-item-cite-name {
    font-weight: 600;
}

.quote-slider-item-logo {
    margin: auto;
}

.cta-contact_person {
    position: relative;
    margin: 3rem 0;
    padding: 2rem 0;
    box-sizing: border-box;
}

.cta-contact_person>h2 {
    margin-top: 0;
}

.cta-contact_person:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: calc(-1 * var(--whitespace-y));
    width: 100vw;
    height: 100%;
    z-index: -1;
    background: #efefef;
}

.cta-contact_person-info {
    display: grid;
    gap: 1rem;
    grid-template-columns: 100px 1fr;
}

.cta-contact_person-info-content .name {
    font-weight: bold;
}

.cta-contact_person-info-content>span {
    display: block;
}

.news-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 2rem;
}

.news-grid-item {
    display: grid;
    grid-template-rows: subgrid;
    grid-row: span 4;
    gap: 1rem;
}

.news-grid-item-title {
    display: block;
    color: #555;
    font-family: 'Roboto', sans-serif;
    font-size: 1.9em;
    line-height: 1em;
    text-transform: uppercase;
    font-weight: 300;
}

.news-grid-item-image {
    width: 100%;
    max-width: 324px;
    max-height: 130px;
    object-fit: cover;
}

.news-grid-item-btn-wrap .btn {
    width: 100%;
}

.ce-left .ce-gallery {
    float: none;
    margin-right: 0;
}

@media screen and (min-width: 1050px) {
    .ce-left .ce-gallery {
        float: left;
        margin-right: 10px;
    }
}

@media (max-width: 350px) {
    .anspr .region .region-title {
        float: none;
        width: auto;
        margin: 0 5px 0 0;
    }

    .anspr .region .region-value {
        float: none;
        width: auto;
        margin: 0;
    }
}

@media (max-width: 500px) {
    body h1 {
        font-size: 2.2em;
        word-wrap: break-word;
    }

    #tools,
    #contact,
    #header nav,
    #footer .top,
    #hero .overlay,
    .side.rightMenu,
    #header .logo .animated {
        display: none;
    }

    #news,
    #intro,
    #select,
    #teasers,
    #content,
    #summary,
    #overview,
    #segments {
        width: 90%;
        padding-left: 5%;
        padding-right: 5%;
    }

    nav#mobile {
        display: block;
    }

    #header .logo .static {
        display: block;
        padding: 1em 0;
    }

    #header {
        border-top: none;
    }

    #header .logo {
        width: 100%;
        float: none;
        margin: 0 auto;
    }

    #intro .btn {
        padding: 1em;
        right: 0;
        width: calc(100% - 45px);
        box-sizing: border-box;
        float: left;
    }

    #teasers li {
        width: 50%;
    }

    #teasers .btn {
        font-size: 0.8em;
    }

    #segments ul {
        height: auto;
    }

    #segments li {
        width: 50%;
    }

    #segments img {
        width: 100%;
    }

    #segments .slider {
        opacity: 1;
        font-size: 0.7em;
    }

    .block .row {
        display: block;
    }

    .block .item {
        width: 100%;
        display: block;
    }

    .block .item:nth-child(2) {
        margin: 0;
        padding: 1em 0;
    }

    .block .item.fair .wrap {
        font-size: 0.9em;
    }

    #footer {
        text-align: center;
    }

    #footer .left {
        width: 100%;
    }

    #footer .left li {
        margin: 0;
        display: block;
        width: 100%;
    }

    #footer .right {
        width: 100%;
        margin-top: 1em;
        text-align: center;
    }

    #footer .right ul {
        width: 100%;
    }

    #footer .right li {
        float: none;
        display: inline-block;
        margin: 0 0.2em;
    }

    #content .inner>.left {
        width: 100%;
    }

    #content .inner>.right {
        width: 100%;
    }

    .sectorSub .links,
    .sectorSub .button {
        width: 100%;
        height: auto;
        max-width: 15em;
        top: 15em;
        height: 16em;
        font-size: 0.65em;
    }

    .sectorSub .block {
        display: none;
    }

    .sectorSub .ene {
        left: -90%;
    }

    .sectorSub .sic {
        right: -90%;
    }

    .sectorSub .exp {
        top: -20%;
    }

    .sectorSub .geb {
        top: -20%;
    }

    .sectorSub .aut {
        bottom: -40%;
    }

    .sectorSub .inf {
        bottom: -40%;
    }

    .list.blog .button {
        width: 100%;
    }

    .list.blog .button .btn {
        width: calc(100% - 45px);
        float: left;
    }

    .news .article>.left {
        width: 100%;
    }

    .news .article>.right {
        width: 100%;
    }

    #summary ul {
        display: initial;
    }

    #summary li {
        width: 49%;
        padding: 0;
    }

    #summary .more,
    #summary .name {
        font-size: 0.8em;
    }

    #overview li {
        width: 100%;
        padding: 0;
    }

    .filter.left {
        width: 100%;
    }

    .filter.left .col {
        width: 100%;
        margin: 1em 0;
    }

    .filter.right {
        width: 100%;
    }

    #newsletter a {
        width: 80%;
        margin: 1em 0 0 0;
    }

    .powermail_fieldwrap .mandatory {
        right: 0;
    }

    .powermail_fieldset .powermail_fieldwrap .powermail_country,
    .powermail_fieldset .powermail_fieldwrap .powermail_select {
        width: 100%;
    }

    .powermail_fieldwrap .powermail_label,
    #newsletterPopup .itemname {
        margin: 0;
        width: 90%;
        padding-right: 10%;
        text-align: left;
    }

    .powermail_fieldwrap_text {
        margin-left: 0;
    }

    .powermail_fieldwrap .powermail_country,
    .powermail_fieldwrap .powermail_textarea,
    .powermail_fieldwrap .powermail_input,
    #newsletterPopup input[type="text"],
    .powermail_fieldwrap .powermail_select,
    #newsletterPopup select {
        padding: 7px 5%;
        width: 90%;
    }

    .powermail_fieldwrap .powermail_submit {
        padding: 10px 0;
        width: 100%;
    }

    .powermail_form .layout1 {
        width: 90%;
        padding: 5%;
    }

    #newsletterPopup .checkbox .container {
        width: 100%;
    }

    .anspr li {
        width: 100%;
    }

    .powermail_fieldwrap_type_check .powermail_field label {
        width: 100%;
    }

    #hero .flexslider {
        background: #f2f2f2;
    }

    #hero .flexslider .wrap {
        position: relative;
        padding: 0 0 2em;
    }

    #hero .flexslider .center {
        width: 100%;
        padding: 0 3em;
    }

    #hero .center {
        font-size: 1em;
    }

    #hero .flex-direction-nav {
        font-size: 0.6em;
    }
}

@media (min-width : 501px) and (max-width :767px) {
    body h1 {
        font-size: 2.2em;
        word-wrap: break-word;
    }

    #tools,
    #contact,
    #header nav,
    #footer .top,
    #hero .overlay,
    .side.rightMenu,
    #header .logo .animated {
        display: none;
    }

    #news,
    #intro,
    #select,
    #teasers,
    #content,
    #summary,
    #overview,
    #segments {
        width: 90%;
        padding-left: 5%;
        padding-right: 5%;
    }

    nav#mobile {
        display: block;
    }

    #header .logo .static {
        display: block;
        padding: 1em 0;
    }

    #header {
        border-top: none;
    }

    #header .logo {
        width: 100%;
        float: none;
        margin: 0 auto;
    }

    #intro .btn {
        padding: 1em;
        right: 0;
        width: calc(100% - 45px);
        box-sizing: border-box;
        float: left;
    }

    #teasers li {
        width: 33%;
    }

    #teasers .btn {
        font-size: 0.8em;
    }

    #segments ul {
        height: auto;
    }

    #segments li {
        width: 33%;
    }

    #segments img {
        width: 100%;
    }

    #segments .slider {
        opacity: 1;
        font-size: 0.7em;
    }

    .block .row {
        display: block;
    }

    .block .item {
        display: block;
    }

    .block .item:nth-child(1) {
        width: 47.5%;
    }

    .block .item:nth-child(2) {
        width: 47.5%;
        margin: 0;
        padding: 0 0 0 5%;
    }

    .block .item:nth-child(3) {
        width: 100%;
        padding-top: 1em;
    }

    #footer {
        text-align: center;
    }

    #footer .left {
        width: 100%;
    }

    #footer .left li {
        margin: 0;
        display: block;
        width: 100%;
    }

    #footer .right {
        width: 100%;
        margin-top: 1em;
        text-align: center;
    }

    #footer .right ul {
        width: 100%;
    }

    #footer .right li {
        float: none;
        display: inline-block;
        margin: 0 0.2em;
    }

    #content .inner>.left {
        width: 100%;
    }

    #content .inner>.right {
        width: 100%;
    }

    .sectorSub .links,
    .sectorSub .button {
        width: 100%;
        height: auto;
        max-width: 15em;
        top: 10em;
        height: 16em;
        font-size: 0.85em;
    }

    .sectorSub .block {
        display: none;
    }

    .sectorSub .ene {
        left: -90%;
    }

    .sectorSub .sic {
        right: -90%;
    }

    .sectorSub .exp {
        top: -20%;
    }

    .sectorSub .geb {
        top: -20%;
    }

    .sectorSub .aut {
        bottom: -40%;
    }

    .sectorSub .inf {
        bottom: -40%;
    }

    .list.blog .button {
        width: 100%;
    }

    .list.blog .button .btn {
        width: calc(100% - 45px);
        float: left;
    }

    .news .article>.left {
        width: 100%;
    }

    .news .article>.right {
        width: 100%;
    }

    #summary li {
        width: 32%;
        padding: 0;
    }

    #summary .more,
    #summary .name {
        font-size: 0.8em;
    }

    #overview li {
        width: 47%;
        padding: 0;
    }

    .filter.left {
        width: 100%;
    }

    .filter.left .col {
        margin: 1em 0;
    }

    .filter.right {
        width: 100%;
    }

    .powermail_fieldwrap .mandatory {
        right: 0;
    }

    .powermail_fieldset .powermail_fieldwrap .powermail_country,
    .powermail_fieldset .powermail_fieldwrap .powermail_select {
        width: 100%;
    }

    .powermail_fieldwrap .powermail_label {
        margin: 0;
        width: 90%;
        padding-right: 10%;
        text-align: left;
    }

    .powermail_fieldwrap_text {
        margin-left: 0;
    }

    .powermail_fieldwrap .powermail_country,
    .powermail_fieldwrap .powermail_textarea,
    .powermail_fieldwrap .powermail_input,
    .powermail_fieldwrap .powermail_select {
        padding: 7px 5%;
        width: 90%;
    }

    .powermail_fieldwrap .powermail_submit {
        padding: 10px 0;
        width: 100%;
    }

    .powermail_form .layout1 {
        width: 90%;
        padding: 5%;
    }

    .anspr .image {
        width: 25%;
        box-sizing: border-box;
    }

    .anspr .text {
        margin: 15px 0 0;
        width: 100%;
    }

    .anspr .region .region-title {
        float: none;
        width: auto;
        margin: 0 5px 0 0;
    }

    .anspr .region .region-value {
        float: none;
        width: auto;
        margin: 0;
    }

    .powermail_fieldwrap_type_check .powermail_field label {
        width: 100%;
    }

    #hero .flexslider .wrap {
        padding: 0;
    }

    #hero .center {
        font-size: 1em;
        margin-right: 4em;
    }

    #hero .flex-direction-nav {
        font-size: 0.6em;
    }
}

@media (min-width: 768px) and (max-width:1023px) {
    body h1 {
        font-size: 2.2em;
        word-wrap: break-word;
    }

    body h3 {
        font-size: 1.2em;
    }

    #footer .top,
    #hero .overlay,
    #header .logo .animated {
        display: none;
    }

    #news,
    #tools,
    #intro,
    #select,
    #header,
    #teasers,
    #contact,
    #content,
    #summary,
    #overview,
    #segments {
        width: 90%;
        padding-left: 5%;
        padding-right: 5%;
    }

    #header .logo .static {
        display: block;
        padding: 1em 0 0;
    }

    #header {
        border-top: none;
    }

    #header .logo {
        width: 100%;
        float: none;
        margin: 0 auto;
    }

    #header nav {
        width: 100%;
        font-size: 0.9em;
        float: left;
        display: flex;
        justify-content: center;
    }

    #header .menu .sf-menu {
        margin: 1em 0;
    }

    #header .menu .sf-menu>li {
        margin: 0;
    }

    #header .menu .sf-menu>li>a {
        margin: 0;
    }

    #header .menu .sf-menu>li>a {
        padding: 0.5em;
    }

    #header .menu .sf-menu>li>ul.sub {
        padding-top: 0;
    }

    #teasers li {
        width: 33%;
    }

    #teasers .btn {
        font-size: 0.8em;
    }

    #segments ul {
        height: auto;
    }

    #segments li {
        width: 33%;
    }

    #segments img {
        width: 100%;
    }

    #segments .slider {
        opacity: 1;
        font-size: 0.7em;
    }

    #news .event .name {
        width: 100%;
    }

    .block .item.fair .wrap {
        font-size: 0.9em;
    }

    #contact {
        font-size: 0.9em;
    }

    .side.cta a:after {
        display: none;
    }

    #footer {
        text-align: center;
    }

    #footer .left {
        width: 100%;
    }

    #footer .left li {
        margin: 0;
        display: block;
        width: 100%;
    }

    #footer .right {
        width: 100%;
        margin-top: 1em;
        text-align: center;
    }

    #footer .right ul {
        width: 100%;
    }

    #footer .right li {
        float: none;
        display: inline-block;
        margin: 0 0.2em;
    }

    #newsletter a {
        margin-left: 2%;
        margin-top: 10px;
    }

    #newsletter .icon {
        top: -10px;
    }

    #newsletterPopup .editable_content .itemname {
        width: 95%;
        text-align: left;
    }

    #newsletterPopup select,
    #newsletterPopup input[type="text"] {
        width: 100%;
        box-sizing: border-box;
    }

    .sectorSub .links,
    .sectorSub .button {
        width: 100%;
        height: auto;
        max-width: 15em;
        top: 10em;
        height: 16em;
        font-size: 0.85em;
    }

    .sectorSub .block {
        display: none;
    }

    .sectorSub .ene {
        left: -90%;
    }

    .sectorSub .sic {
        right: -90%;
    }

    .sectorSub .exp {
        top: -20%;
    }

    .sectorSub .geb {
        top: -20%;
    }

    .sectorSub .aut {
        bottom: -40%;
    }

    .sectorSub .inf {
        bottom: -40%;
    }

    .list.blog .button {
        width: 100%;
    }

    .list.blog .button .btn {
        width: calc(100% - 45px);
        float: left;
    }

    .news .article>.left {
        width: 100%;
    }

    .news .article>.right {
        width: 100%;
    }

    #summary li {
        width: 32%;
        padding: 0;
    }

    #summary .more,
    #summary .name {
        font-size: 0.8em;
    }

    .powermail_fieldwrap .mandatory {
        right: 0;
    }

    .powermail_fieldset .powermail_fieldwrap .powermail_country,
    .powermail_fieldset .powermail_fieldwrap .powermail_select {
        width: 100%;
    }

    .powermail_fieldwrap .powermail_label {
        margin: 0;
        width: 90%;
        padding-right: 10%;
        text-align: left;
    }

    .powermail_fieldwrap_text {
        margin-left: 0;
    }

    .powermail_fieldwrap .powermail_country,
    .powermail_fieldwrap .powermail_textarea,
    .powermail_fieldwrap .powermail_input,
    .powermail_fieldwrap .powermail_select {
        padding: 7px 5%;
        width: 90%;
    }

    .powermail_fieldwrap .powermail_submit {
        padding: 10px 0;
        width: 100%;
    }

    .powermail_form .layout1 {
        width: 90%;
        padding: 5%;
    }

    .anspr .image {
        width: 25%;
        box-sizing: border-box;
    }

    .anspr .text {
        margin: 15px 0 0;
        width: 100%;
    }

    .anspr .region .region-title {
        float: none;
        width: auto;
        margin: 0 5px 0 0;
    }

    .anspr .region .region-value {
        float: none;
        width: auto;
        margin: 0;
    }

    .powermail_fieldwrap_type_check .powermail_field label {
        width: 100%;
    }

    .hero .offset {
        font-size: 0.9vw;
    }
}

@media (min-width: 1024px) and (max-width:1280px) {
    body {
        font-size: 0.9em;
    }

    #footer .top {
        display: none;
    }

    #news,
    #tools,
    #intro,
    #select,
    #header,
    #footer,
    #teasers,
    #contact,
    #content,
    #summary,
    #overview,
    #segments {
        width: 90%;
        padding-left: 5%;
        padding-right: 5%;
    }

    #hero .overlay {
        right: 5%;
    }

    #header nav {
        font-size: 0.9em;
        float: left;
    }

    #header .menu .sf-menu>li {
        margin: 0;
    }

    #header .menu .sf-menu>li>a {
        margin: 0;
    }

    #header .menu .sf-menu>li>a {
        padding: 0.5em;
    }

    #header .menu .sf-menu>li>ul.sub {
        padding-top: 0;
    }

    #teasers .btn {
        font-size: 0.8em;
    }

    #segments ul {
        height: 450px;
    }

    #news .event .name {
        width: 100%;
    }

    #contact {
        font-size: 0.9em;
    }

    #footer {
        font-size: 0.8em;
    }
}

@media (max-width: 2000px) {
    body {
        font-size: 0.9em;
    }
}

@media (min-width: 1601px) and (max-width:1800px) {}

@media (min-width: 2000px) {}

@media (min-width: 320px) and (max-width:640px) {}

@charset "UTF-8";

html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

body {
    margin: 0;
}

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

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline;
}

audio:not([controls]) {
    display: none;
    height: 0;
}

[hidden],
template {
    display: none;
}

a {
    background-color: transparent;
}

a:active,
a:hover {
    outline: 0;
}

abbr[title] {
    border-bottom: 1px dotted;
}

b,
strong {
    font-weight: bold;
}

dfn {
    font-style: italic;
}

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

mark {
    background: #ff0;
    color: #000;
}

small {
    font-size: 80%;
}

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

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

img {
    border: 0;
}

svg:not(:root) {
    overflow: hidden;
}

figure {
    margin: 1em 40px;
}

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}

pre {
    overflow: auto;
}

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

button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0;
}

button {
    overflow: visible;
}

button,
select {
    text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}

button[disabled],
html input[disabled] {
    cursor: default;
}

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

input {
    line-height: normal;
}

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

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

input[type="search"] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

legend {
    border: 0;
    padding: 0;
}

textarea {
    overflow: auto;
}

optgroup {
    font-weight: bold;
}

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

td,
th {
    padding: 0;
}

.fancybox-enabled {
    overflow: hidden
}

.fancybox-enabled body {
    overflow: visible;
    height: 100%
}

.fancybox-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99993;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.fancybox-container~.fancybox-container {
    z-index: 99992
}

.fancybox-bg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #0f0f11;
    opacity: 0;
    transition-timing-function: cubic-bezier(.55, .06, .68, .19);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.fancybox-container--ready .fancybox-bg {
    opacity: .87;
    transition-timing-function: cubic-bezier(.22, .61, .36, 1)
}

.fancybox-controls {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    text-align: center;
    opacity: 0;
    z-index: 99994;
    transition: opacity .2s;
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    direction: ltr
}

.fancybox-show-controls .fancybox-controls {
    opacity: 1
}

.fancybox-infobar {
    display: none
}

.fancybox-show-infobar .fancybox-infobar {
    display: inline-block;
    pointer-events: all
}

.fancybox-infobar__body {
    display: inline-block;
    width: 70px;
    line-height: 44px;
    font-size: 13px;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
    text-align: center;
    color: #ddd;
    background-color: rgba(30, 30, 30, .7);
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-font-smoothing: subpixel-antialiased
}

.fancybox-buttons {
    position: absolute;
    top: 0;
    right: 0;
    display: none;
    pointer-events: all
}

.fancybox-show-buttons .fancybox-buttons {
    display: block
}

.fancybox-slider-wrap {
    overflow: hidden;
    direction: ltr
}

.fancybox-slider,
.fancybox-slider-wrap {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 0;
    margin: 0;
    z-index: 99993;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent
}

.fancybox-slide {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    overflow: auto;
    outline: none;
    white-space: normal;
    box-sizing: border-box;
    text-align: center;
    z-index: 99994;
    -webkit-overflow-scrolling: touch
}

.fancybox-slide:before {
    content: "";
    height: 100%;
    width: 0
}

.fancybox-slide:before,
.fancybox-slide>* {
    display: inline-block;
    vertical-align: middle
}

.fancybox-slide>* {
    position: relative;
    padding: 24px;
    margin: 44px 0;
    border-width: 0;
    text-align: left;
    background-color: #fff;
    overflow: auto;
    box-sizing: border-box
}

.fancybox-slide--image {
    overflow: hidden
}

.fancybox-slide--image:before {
    display: none
}

.fancybox-content {
    display: inline-block;
    position: relative;
    margin: 44px auto;
    padding: 0;
    border: 0;
    width: 80%;
    height: calc(100% - 88px);
    vertical-align: middle;
    line-height: normal;
    text-align: left;
    white-space: normal;
    outline: none;
    font-size: 16px;
    font-family: Arial, sans-serif;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    -webkit-overflow-scrolling: touch
}

.fancybox-iframe {
    display: block;
    margin: 0;
    padding: 0;
    border: 0;
    width: 100%;
    height: 100%;
    background: #fff
}

.fancybox-slide--video .fancybox-content,
.fancybox-slide--video .fancybox-iframe {
    background: transparent
}

.fancybox-placeholder {
    z-index: 99995;
    background: transparent;
    cursor: default;
    overflow: visible;
    -webkit-transform-origin: top left;
    transform-origin: top left;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.fancybox-image,
.fancybox-placeholder,
.fancybox-spaceball {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
    border: 0
}

.fancybox-image,
.fancybox-spaceball {
    width: 100%;
    height: 100%;
    max-width: none;
    max-height: none;
    background: transparent;
    background-size: 100% 100%
}

.fancybox-controls--canzoomOut .fancybox-placeholder {
    cursor: zoom-out
}

.fancybox-controls--canzoomIn .fancybox-placeholder {
    cursor: zoom-in
}

.fancybox-controls--canGrab .fancybox-placeholder {
    cursor: -webkit-grab;
    cursor: grab
}

.fancybox-controls--isGrabbing .fancybox-placeholder {
    cursor: -webkit-grabbing;
    cursor: grabbing
}

.fancybox-spaceball {
    z-index: 1
}

.fancybox-tmp {
    position: absolute;
    top: -9999px;
    left: -9999px;
    visibility: hidden
}

.fancybox-error {
    position: absolute;
    margin: 0;
    padding: 40px;
    top: 50%;
    left: 50%;
    width: 380px;
    max-width: 100%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background: #fff;
    cursor: default
}

.fancybox-error p {
    margin: 0;
    padding: 0;
    color: #444;
    font: 16px/20px Helvetica Neue, Helvetica, Arial, sans-serif
}

.fancybox-close-small {
    position: absolute;
    top: 0;
    right: 0;
    width: 44px;
    height: 44px;
    padding: 0;
    margin: 0;
    border: 0;
    border-radius: 0;
    outline: none;
    background: transparent;
    z-index: 10;
    cursor: pointer
}

.fancybox-close-small:after {
    content: "×";
    position: absolute;
    top: 5px;
    right: 5px;
    width: 30px;
    height: 30px;
    font: 20px/30px Arial, Helvetica Neue, Helvetica, sans-serif;
    color: #888;
    font-weight: 300;
    text-align: center;
    border-radius: 50%;
    border-width: 0;
    background: #fff;
    transition: background .2s;
    box-sizing: border-box;
    z-index: 2
}

.fancybox-close-small:focus:after {
    outline: 1px dotted #888
}

.fancybox-slide--video .fancybox-close-small {
    top: -36px;
    right: -36px;
    background: transparent
}

.fancybox-close-small:hover:after {
    color: #555;
    background: #eee
}

.fancybox-caption-wrap {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 60px 30px 0;
    z-index: 99998;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    box-sizing: border-box;
    background: linear-gradient(180deg, transparent 0, rgba(0, 0, 0, .1) 20%, rgba(0, 0, 0, .2) 40%, rgba(0, 0, 0, .6) 80%, rgba(0, 0, 0, .8));
    opacity: 0;
    transition: opacity .2s;
    pointer-events: none
}

.fancybox-show-caption .fancybox-caption-wrap {
    opacity: 1
}

.fancybox-caption {
    padding: 30px 0;
    border-top: 1px solid hsla(0, 0%, 100%, .4);
    font-size: 14px;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
    color: #fff;
    line-height: 20px;
    -webkit-text-size-adjust: none
}

.fancybox-caption a,
.fancybox-caption button {
    pointer-events: all
}

.fancybox-caption a {
    color: #fff;
    text-decoration: underline
}

.fancybox-button {
    display: inline-block;
    position: relative;
    width: 44px;
    height: 44px;
    line-height: 44px;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    cursor: pointer;
    background: transparent;
    color: #fff;
    box-sizing: border-box;
    vertical-align: top;
    outline: none
}

.fancybox-button--disabled {
    cursor: default;
    pointer-events: none
}

.fancybox-button,
.fancybox-infobar__body {
    background: rgba(30, 30, 30, .6)
}

.fancybox-button:hover {
    background: rgba(0, 0, 0, .8)
}

.fancybox-button:after,
.fancybox-button:before {
    content: "";
    pointer-events: none;
    position: absolute;
    border-color: #fff;
    background-color: currentColor;
    color: currentColor;
    opacity: .9;
    box-sizing: border-box;
    display: inline-block
}

.fancybox-button--disabled:after,
.fancybox-button--disabled:before {
    opacity: .5
}

.fancybox-button--left:after {
    left: 20px;
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg)
}

.fancybox-button--left:after,
.fancybox-button--right:after {
    top: 18px;
    width: 6px;
    height: 6px;
    background: transparent;
    border-top: 2px solid currentColor;
    border-right: 2px solid currentColor
}

.fancybox-button--right:after {
    right: 20px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.fancybox-button--left {
    border-bottom-left-radius: 5px
}

.fancybox-button--right {
    border-bottom-right-radius: 5px
}

.fancybox-button--close {
    float: right
}

.fancybox-button--close:after,
.fancybox-button--close:before {
    content: "";
    display: inline-block;
    position: absolute;
    height: 2px;
    width: 16px;
    top: calc(50% - 1px);
    left: calc(50% - 8px)
}

.fancybox-button--close:before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.fancybox-button--close:after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.fancybox-loading {
    border: 6px solid hsla(0, 0%, 39%, .4);
    border-top: 6px solid hsla(0, 0%, 100%, .6);
    border-radius: 100%;
    height: 50px;
    width: 50px;
    -webkit-animation: a .8s infinite linear;
    animation: a .8s infinite linear;
    background: transparent;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -25px;
    margin-left: -25px;
    z-index: 99999
}

@-webkit-keyframes a {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@keyframes a {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@media (max-width: 800px) {
    .fancybox-controls {
        text-align: left
    }

    .fancybox-button--left,
    .fancybox-button--right,
    .fancybox-buttons button:not(.fancybox-button--close) {
        display: none !important
    }

    .fancybox-caption {
        padding: 20px 0;
        margin: 0
    }
}

.fancybox-button--fullscreen:before {
    width: 15px;
    height: 11px;
    left: 15px;
    top: 16px;
    border: 2px solid;
    background: none
}

.fancybox-button--play:before {
    top: 16px;
    left: 18px;
    width: 0;
    height: 0;
    border-top: 6px inset transparent;
    border-bottom: 6px inset transparent;
    border-left: 10px solid;
    border-radius: 1px;
    background: transparent
}

.fancybox-button--pause:before {
    top: 16px;
    left: 18px;
    width: 7px;
    height: 11px;
    border-style: solid;
    border-width: 0 2px;
    background: transparent
}

.fancybox-button--thumbs span {
    font-size: 23px
}

.fancybox-button--thumbs:before {
    top: 20px;
    left: 21px;
    width: 3px;
    height: 3px;
    box-shadow: 0 -4px 0, -4px -4px 0, 4px -4px 0, inset 0 0 0 32px, -4px 0 0, 4px 0 0, 0 4px 0, -4px 4px 0, 4px 4px 0
}

.fancybox-container--thumbs .fancybox-caption-wrap,
.fancybox-container--thumbs .fancybox-controls,
.fancybox-container--thumbs .fancybox-slider-wrap {
    right: 220px
}

.fancybox-thumbs {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: auto;
    width: 220px;
    margin: 0;
    padding: 5px 5px 0 0;
    background: #fff;
    z-index: 99993;
    word-break: normal;
    -webkit-overflow-scrolling: touch;
    -webkit-tap-highlight-color: transparent;
    box-sizing: border-box
}

.fancybox-thumbs>ul {
    list-style: none;
    position: absolute;
    position: relative;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    overflow-y: auto;
    font-size: 0
}

.fancybox-thumbs>ul>li {
    float: left;
    overflow: hidden;
    max-width: 50%;
    padding: 0;
    margin: 0;
    width: 105px;
    height: 75px;
    position: relative;
    cursor: pointer;
    outline: none;
    border: 5px solid #fff;
    border-top-width: 0;
    border-right-width: 0;
    -webkit-tap-highlight-color: transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    box-sizing: border-box
}

li.fancybox-thumbs-loading {
    background: rgba(0, 0, 0, .1)
}

.fancybox-thumbs>ul>li>img {
    position: absolute;
    top: 0;
    left: 0;
    min-width: 100%;
    min-height: 100%;
    max-width: none;
    max-height: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.fancybox-thumbs>ul>li:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 2px;
    border: 4px solid #4ea7f9;
    z-index: 99991;
    opacity: 0;
    transition: all .2s cubic-bezier(.25, .46, .45, .94)
}

.fancybox-thumbs>ul>li.fancybox-thumbs-active:before {
    opacity: 1
}

@media (max-width: 800px) {
    .fancybox-thumbs {
        display: none !important
    }

    .fancybox-container--thumbs .fancybox-caption-wrap,
    .fancybox-container--thumbs .fancybox-controls,
    .fancybox-container--thumbs .fancybox-slider-wrap {
        right: 0
    }
}

/**************************************/
/* Default styles for news extension */
/**************************************/
.news .clear {
    clear: both;
}

.news .nav ul {
    float: left;
    display: inline;
    margin: 0;
}

.news .nav li {
    float: left;
}

.news .nav a {
    float: left;
    display: block;
}

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

.news .article {
    padding-bottom: 15px;
    margin-bottom: 15px;
}

.news .article:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
}

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

.news .article .news-img-wrap {
    float: left;
    margin: 3px 12px 5px 0;
    background: #fff;
}

.news .article .news-img-wrap a {
    display: block;
    float: left;
    padding: 4px;
    border: 1px solid #ddd;
    background: #fff;
}

.news .article .news-img-wrap img {
    float: left;
    height: auto;
    width: auto;
}

.news .article .teaser-text {
    margin: 0 0 10px 0;
}

.news .article h3 {
    margin-bottom: 0;
}

.news .footer {
    clear: both;
    padding: 10px 0 0 0;
    border-top: 1px solid #eee;
    margin-top: 15px;
    color: #888;
}

.news .footer p {
    line-height: 1em;
}

.news .footer span {
    display: inline-block;
    padding-right: 8px;
    margin-right: 8px;
    border-right: 1px solid #ddd;
}

.news .footer span:last-child {
    border-right: 0;
}

.news .footer .news-category a {
    text-transform: uppercase;
}

.news .no-news-found {
    color: #DB0202;
    font-style: italic;
}

.news .page-navigation p {
    float: left;
}

.news .page-navigation ul {
    float: right;
}

.news .page-navigation ul li {
    float: left;
    display: block;
    padding: 0 2px;
    background: none;
}

.news .page-navigation ul li a {
    display: block;
}

/* category menu view */
.news-category-view ul li {
    padding: 5px 8px;
}

.news-category-view ul li li {
    padding: 2px 8px 2px 12px;
}

.news-category-view>ul>li:nth-child(even) {
    background: #f9f9f9;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
}

.news-category-view .category-desc {
    padding-left: 10px;
    margin-left: 10px;
    border-left: 1px solid #ddd;
}

/* single view */
.news-single .footer {
    margin-bottom: 20px;
    margin-top: 5px;
    padding: 10px 0 0 0;
    border-bottom: 0;
    border-top: 1px solid #eee;
}

.news-single .article .news-img-wrap {
    float: right;
    width: 282px;
    margin: 0 0 0 25px;
}

.news-single .article .news-img-wrap img {
    float: none;
}

.news-single .teaser-text {
    font-size: 15px;
    color: #888;
}

.news-text-wrap {
    margin-bottom: 10px;
}

.news-img-caption {
    color: #888;
}

/* related news + files */
.news-related-wrap {
    display: table;
    margin-top: 20px;
    width: 100%;
}

.news-related {
    width: 50%;
    padding: 15px;
    border: 1px solid #eee;
    display: table-cell;
}

.news-related ul li {
    line-height: 1em;
    margin-bottom: 12px;
}

.news-related ul li span {
    border-right: 1px solid #DDDDDD;
    display: inline-block;
    margin-right: 8px;
    padding-right: 8px;
    color: #888;
}

.news-related ul li span:last-child {
    border-right: 0;
    padding-right: 0;
}

.news-related h4 {
    margin-bottom: 10px;
}

.news-related-files ul li {
    margin-bottom: 20px;
}

.news-related-files .news-related-files-link .jpg {
    background-position: 0 0;
}

.news-clear {
    clear: both;
}

.customers-field {
    padding: 3em;
    display: flex;
    justify-content: center;
    align-items: center;
}

.a.btn.more:after {
    content: "\e803";
}

.main-content {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    min-height: 100vh;
}

.powermail_submit {
    transition: all 0.2s ease-in-out 0s;
    border: none;
    background: #787878;
    color: #fff;
    padding: 10px 20px;
    cursor: pointer;
    font-weight: bold;
}

.powermail_submit:hover {
    background: #e52f7e;
    color: #fff;
}

.powermail_input {
    width: 200px;
    float: left;
    border: 1px solid #b5bcc3;
    padding: 7px 10px;
    color: #000000;
    font-size: 12px;
    font-family: 'Flexo-Regular', sans-serif;
    -webkit-appearance: inherit;
}

.input-wrapper {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.input-wrapper .input{
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
}

.info-wrapper {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 34px;
}

.info-box {
    border: solid 1px hsla(0, 0%, 85%, 1);
    padding: 25px;
    flex-basis: 26%;
    min-height: 325px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 35px;
}

.info-box:hover .icon-info img{
    filter: invert(16%) sepia(100%) saturate(3956%) hue-rotate(316deg) brightness(85%) contrast(113%);
}

.info-box:hover {
    cursor: pointer;
    box-shadow: 0px 4px 8px 0px hsla(0, 0%, 0%, 0.1);
}

.info-box:hover .info-btn {
    background-color: #e5007d;
}

.icon-info {
    display: flex;
    justify-content: center;
    align-items: center;
}

.icon-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
}

.icon-status-finish {
    height: 10px;
    width:11px;
    background-color: #33ADFF;
    -webkit-mask: url('/img/icon/status.svg') no-repeat center;
    mask: url('/img/icon/status.svg') no-repeat center;
}

.icon-status-open {
    height: 10px;
    width: 11px;
    background-color: #5EE893;
    -webkit-mask: url('/img/icon/status.svg') no-repeat center;
    mask: url('/img/icon/status.svg') no-repeat center;
}

.status-table-td {
    gap: 5px;
    display: flex;
    flex-direction: row;
}

.inner-box {
    display: flex;
    gap: 10px;
    flex-direction: column;
}

.info-btn {
    background-color: hsla(0, 0%, 31%, 1);
    padding: 10px 25px;
    box-shadow: none;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    border: none;
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
}

.info-btn:hover {
    color: #fff;
}

.info-box .info {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.info-box h1 {
    font-weight: 400;
    font-size: 30px;
}

.btn-info-wrapper {
    display: flex;
    justify-content: center;
}

.info-box .header-info {
    display: flex;
    justify-content: center;
}

.contact-info {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 15px;
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
}

.contact-info :first-child {
    color: hsla(0, 0%, 33%, 1);
    font-weight: bold;
}

.contact-info :last-child {
    color: hsla(0, 0%, 33%, 1);
    font-weight: 100;
}

.contact-person {
    display: flex;
    flex-direction: column;
    margin-top: 20px;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    color: #e5007d;
}

.contact-person span{
    color: #000;
}

.info-img img {
    max-height: 240px;
    width: 100%;
    object-fit: cover;
    object-position: top center;
}


.search-wrapper {
    display: flex;
    justify-content: flex-end;
    margin-top: 3em;
    margin-bottom: 2em;
}

.paginator {
    margin-top: 1em;
}

.paginator-colored p {
    font-size: 14px;
}

.pagination {
    padding-top: 3em;
    display: flex;
    text-align: center;
    align-items: center;
    justify-content: space-between;
}

.paginator-middle {
    display: flex;
    gap: 1em;
    justify-content: space-between;
    align-items: center;
}

.pagination .active a {
    border-radius: 0;
}

.pagination {
    list-style-type: none;
}

.pagination .page-item a {
    border: 0;
}

.paginator-info {
    opacity: 0.6;
    font-size: 18px;
    font-weight: bold;
    color: #525E63;
}

.page-link {
    background-color: #525E63;
    padding: 14px 20px;
    color: #fff;
    min-height: 18px;
    display: flex;
    text-decoration: none;
    display: flex;
}

.page-link:hover {
    opacity: 0.8;
    color: #fff;
}

.page-item.disabled {
    opacity: 0.4;
    cursor: not-allowed;
}

.tr-link:hover {
    opacity: 0.5;
    cursor: pointer;
}

.double-right {
    height: 19px;
    width: 18px;
    background-color: #fff;
    -webkit-mask: url('/img/icon/double_chevron_right.svg') no-repeat center;
    mask: url('/img/icon/double_chevron_right.svg') no-repeat center;
}

.double-left {
    height: 19px;
    width: 18px;
    background-color: #fff;
    -webkit-mask: url('/img/icon/double_chevron_left.svg') no-repeat center;
    mask: url('/img/icon/double_chevron_left.svg') no-repeat center;
}

.single-left {
    height: 19px;
    width: 18px;
    background-color: #fff;
    -webkit-mask: url('/img/icon/single_chevron_left.svg') no-repeat center;
    mask: url('/img/icon/single_chevron_left.svg') no-repeat center;
}

.single-right {
    height: 19px;
    width: 18px;
    background-color: #fff;
    -webkit-mask: url('/img/icon/single_chevron_right.svg') no-repeat center;
    mask: url('/img/icon/single_chevron_right.svg') no-repeat center;
}
.select {
    min-width: 40px;
}

.select select {
    appearance: none;
    width: 100%;
    font-size: 1rem;
    padding: 0.675em 1em 0.675em 1em;
    background-color: #525E63;
    border: 1px solid #525E63;
    border-radius: 0.25rem;
    font-weight: bold;
    color: #fff;
    text-transform: uppercase;
    cursor: pointer;
}

.index-table {
    min-height: 700px;
    width: 100%;
}

.index-table table {
    width: 100%;
}

.relative {
    position: relative;
}

.empty-search {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100%;
    min-width: 100%;
}

.empty-search.view {
    top: 50px
}

.table-responsive {
    display: flex;
    overflow-x: scroll;
}

.order-row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.vl {
    width: 1px;
    background-color: #D8D8D8;
    margin: 0px 15px;
}

.flex {
    display: flex;
}

.justify-content-center {
    justify-content: center;
}

.status-wrapper {
    align-items: center;
    gap: 10px;
}

.shipping-wrapper {
    flex-direction: column;
}

.info-wrapper-order {
    justify-content: space-between;
    align-items: center;
    gap: 20px;
}

hr {
    border-color: #D8D8D8;
    border-width: 0.5px;
}

.text-info-order {
    flex: 1 1 0px;
}

h5 {
    color: #525E63;
}

.status-icon {
    gap: 5px;
}

.search-input {
    justify-content: flex-end;
}

.img-nav {
    width: 100%;
    height: 350px;
    content: "";
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.img-nav.small {
    height: 200px;
}

.delivery-wrapper {
    gap: 10px;
    display: flex;
    flex-direction: column;
}

.files-wrapper {
    display: flex;
    margin-top: 5em;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 10px;
}

.file-icon {
    width: 22px;
    height: 22px;
    color: #fff;
    filter: brightness(0) invert(1);
}

.info-btn.file {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-direction: row;
}

.info-btn.file:hover {
    opacity: 0.5;
}

.nav-wrapper {
    width: 100%;
    height: 50px;
    flex-direction: row;
    justify-content: flex-end;
    gap: 15px;
    margin-top: 3em;
    margin-bottom: 3em;
}

.nav-select {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding: 10px;
}

.nav-select span {
    margin-top: 10px;
    font-size: 18px;
    font-weight: 400;
    text-transform: uppercase;
    color: #525E63;
}

.nav-select:hover img{
    filter: invert(16%) sepia(100%) saturate(3956%) hue-rotate(316deg) brightness(85%) contrast(113%);
}
.nav-select:hover {
    color: #006EB8;
    cursor: pointer;
    opacity: 0.8;
}

.nav-select.active img {
    filter: invert(16%) sepia(100%) saturate(3956%) hue-rotate(316deg) brightness(85%) contrast(113%);
}

.nav-select.active span{
    color: #006EB8;
}

.newsletter-info {
    color: #006eb8;
    font-weight: 700;
    font-size: 14px;
}

.newsletter-info span {
    color: #555555;
    margin-top: 10px;
}

.link-nav-top {
    text-decoration: none;
}

.dialog-header {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.dialog-header div:hover{
    cursor: pointer;
    opacity: 0.6;
}

@media (min-width: 900px) {
    .table-responsive {
        overflow-x: unset;
    }
}