/* Unicöde */
/* -=[ Source Sans Pro ]=- */
@font-face {
    font-family: "Source Sans Pro";
      src: url('../fonts/SourceSansPro/SourceSansPro-Regular-webfont.eot');
      src: url('../fonts/SourceSansPro/SourceSansPro-Regular-webfont.eot?#iefix') format('embedded-opentype'),
           url('../fonts/SourceSansPro/SourceSansPro-Regular-webfont.woff') format("woff"),
           url('../fonts/SourceSansPro/SourceSansPro-Regular-webfont.ttf') format('truetype'),
           url('../fonts/SourceSansPro/SourceSansPro-Regular-webfont.svg#Miso') format('svg');
      font-style: normal;
      font-weight: normal;
  }

  @font-face {
    font-family: "Source Sans Pro";
      src: url('../fonts/SourceSansPro/SourceSansPro-Light-webfont.eot');
      src: url('../fonts/SourceSansPro/SourceSansPro-Light-webfont.eot?#iefix') format('embedded-opentype'),
           url('../fonts/SourceSansPro/SourceSansPro-Light-webfont.woff') format("woff"),
           url('../fonts/SourceSansPro/SourceSansPro-Light-webfont.ttf') format('truetype'),
           url('../fonts/SourceSansPro/SourceSansPro-Light-webfont.svg#Miso') format('svg');
      font-style: normal;
      font-weight: 100;
  }

  @font-face {
    font-family: "Source Sans Pro";
      src: url('../fonts/SourceSansPro/SourceSansPro-Semibold-webfont.eot');
      src: url('../fonts/SourceSansPro/SourceSansPro-Semibold-webfont.eot?#iefix') format('embedded-opentype'),
           url('../fonts/SourceSansPro/SourceSansPro-Semibold-webfont.woff') format("woff"),
           url('../fonts/SourceSansPro/SourceSansPro-Semibold-webfont.ttf') format('truetype'),
           url('../fonts/SourceSansPro/SourceSansPro-Semibold-webfont.svg#Miso') format('svg');
      font-style: normal;
      font-weight: 500;
  }

  @font-face {
    font-family: "Source Sans Pro";
      src: url('../fonts/SourceSansPro/SourceSansPro-Bold-webfont.eot');
      src: url('../fonts/SourceSansPro/SourceSansPro-Bold-webfont.eot?#iefix') format('embedded-opentype'),
           url('../fonts/SourceSansPro/SourceSansPro-Bold-webfont.woff') format("woff"),
           url('../fonts/SourceSansPro/SourceSansPro-Bold-webfont.ttf') format('truetype'),
           url('../fonts/SourceSansPro/SourceSansPro-Bold-webfont.svg#Miso') format('svg');
      font-style: normal;
      font-weight: bold;
  }

  @font-face {
    font-family: "Source Sans Pro";
      src: url('../fonts/SourceSansPro/SourceSansPro-It-webfont.eot');
      src: url('../fonts/SourceSansPro/SourceSansPro-It-webfont.eot?#iefix') format('embedded-opentype'),
           url('../fonts/SourceSansPro/SourceSansPro-It-webfont.woff') format("woff"),
           url('../fonts/SourceSansPro/SourceSansPro-It-webfont.ttf') format('truetype'),
           url('../fonts/SourceSansPro/SourceSansPro-It-webfont.svg#Miso') format('svg');
      font-style: italic;
      font-weight: normal;
  }

  @font-face {
    font-family: "Source Sans Pro";
      src: url('../fonts/SourceSansPro/SourceSansPro-BoldIt-webfont.eot');
      src: url('../fonts/SourceSansPro/SourceSansPro-BoldIt-webfont.eot?#iefix') format('embedded-opentype'),
           url('../fonts/SourceSansPro/SourceSansPro-BoldIt-webfont.woff') format("woff"),
           url('../fonts/SourceSansPro/SourceSansPro-BoldIt-webfont.ttf') format('truetype'),
           url('../fonts/SourceSansPro/SourceSansPro-BoldIt-webfont.svg#Miso') format('svg');
      font-style: italic;
      font-weight: bold;
  }

  /* barlow-300 - latin */
  @font-face {
    font-family: 'Barlow';
    font-style: normal;
    font-weight: 300;
    src: url('../fonts/Barlow/barlow-v4-latin-300.eot'); /* IE9 Compat Modes */
    src: local('Barlow Light'), local('Barlow-Light'),
         url('../fonts/Barlow/barlow-v4-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/Barlow/barlow-v4-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
         url('../fonts/Barlow/barlow-v4-latin-300.woff') format('woff'), /* Modern Browsers */
         url('../fonts/Barlow/barlow-v4-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../fonts/Barlow/barlow-v4-latin-300.svg#Barlow') format('svg'); /* Legacy iOS */
  }
  /* barlow-regular - latin */
  @font-face {
    font-family: 'Barlow';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/Barlow/barlow-v4-latin-regular.eot'); /* IE9 Compat Modes */
    src: local('Barlow Regular'), local('Barlow-Regular'),
         url('../fonts/Barlow/barlow-v4-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/Barlow/barlow-v4-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
         url('../fonts/Barlow/barlow-v4-latin-regular.woff') format('woff'), /* Modern Browsers */
         url('../fonts/Barlow/barlow-v4-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../fonts/Barlow/barlow-v4-latin-regular.svg#Barlow') format('svg'); /* Legacy iOS */
  }
  /* barlow-700 - latin */
  @font-face {
    font-family: 'Barlow';
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/Barlow/barlow-v4-latin-700.eot'); /* IE9 Compat Modes */
    src: local('Barlow Bold'), local('Barlow-Bold'),
         url('../fonts/Barlow/barlow-v4-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/Barlow/barlow-v4-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
         url('../fonts/Barlow/barlow-v4-latin-700.woff') format('woff'), /* Modern Browsers */
         url('../fonts/Barlow/barlow-v4-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../fonts/Barlow/barlow-v4-latin-700.svg#Barlow') format('svg'); /* Legacy iOS */
  }

  /* -=[ Iconfont ]=- */
  @font-face {
    font-family: 'iconfont';
    src:url('../fonts/iconfont/iconfont.eot?rl7bdo');
    src:url('../fonts/iconfont/iconfont.eot?#iefixrl7bdo') format('embedded-opentype'),
      url('../fonts/iconfont/iconfont.woff?rl7bdo') format('woff'),
      url('../fonts/iconfont/iconfont.ttf?rl7bdo') format('truetype'),
      url('../fonts/iconfont/iconfont.svg?rl7bdo#iconfont') format('svg');
    font-weight: normal;
    font-style: normal;
  }

  [class^="icon-"], [class*=" icon-"] {
    font-family: 'iconfont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

  .icon-arrow_down:before {
    content: "\e600";
  }
  .icon-arrow_left:before {
    content: "\e601";
  }
  .icon-arrow_right:before {
    content: "\e602";
  }
  .icon-arrow_up:before {
    content: "\e603";
  }
  .icon-close:before {
    content: "\e604";
  }
  .icon-edge:before {
    content: "\e605";
  }
  .icon-hamburger:before {
    content: "\e606";
  }
  .icon-large_arrow_down:before {
    content: "\e607";
  }
  .icon-large_arrow_left:before {
    content: "\e608";
  }
  .icon-large_arrow_right:before {
    content: "\e609";
  }
  .icon-large_arrow_up:before {
    content: "\e60a";
  }
  .icon-letter:before {
    content: "\e60b";
  }
  .icon-logo:before {
    content: "\e60f";
  }
  .icon-logo_small:before {
    content: "\e610";
  }
  .icon-phone .path1:before {
    content: "\e60c";
    color: rgb(255, 255, 255);
  }
  .icon-phone .path2:before {
    content: "\e60d";
    margin-left: -1em;
    color: rgb(0, 0, 0);
  }
  .icon-speechbubbleline:before {
    content: "\e60e";
  }
  .icon-speechbubbleline-small:before {
    content: "\e611";
  }
  .icon-lock:before {
      content: "\e900";
  }
  .icon-unlocked:before {
      content: "\e901";
  }
  .icon-loggedInIcon:before {
      content: "\e902";
  }
  .icon-sort_desc:before {
      content: "\e903";
  }
  .icon-sort_asc:before {
      content: "\e904";
  }
  .icon-search:before {
    content: "\e905";
  }
  .icon-download:before {
    content: "\e906";
  }
  .icon-file-empty:before {
    content: "\e907";
  }
  .icon-clock:before {
    content: "\e908";
  }
  .icon-database:before {
    content: "\e909";
  }
  .icon-profile:before {
    content: "\e90b";
  }
  .icon-folder-open:before {
    content: "\e90a";
  }
  .icon-list:before {
    content: "\e90c";
  }
  .icon-download3:before {
    content: "\e90d";
  }
  .icon-info:before {
    content: "\e90e";
  }
  .icon-books:before {
    content: "\e90f";
  }
  .icon-book:before {
    content: "\e910";
  }
  .icon-file-openoffice:before {
    content: "\e911";
  }
  .icon-stamp:before {
    content: "\e912";
  }
  .icon-share:before {
    content: "\e913";
  }
  .icon-earth:before {
    content: "\e914";
  }


/* Logo animation on home */

.wideTeaserLogoContainer {
    display: none;
    width: 100%;
}

.page-home .wideTeaser-stage .wideTeaserLogoContainer {
    display: block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

    .page-home .wideTeaser-stage .wideTeaserLogo {
        transform: rotateY(90deg);
        filter: blur(5px);
        opacity: 1;
        transition: transform 2s linear, filter 2s linear, opacity 2s linear 4s;
    }

    .page-home .wideTeaser-stage .wideTeaserContainer.animation .wideTeaserLogoContainer .wideTeaserLogo {
        transform: rotateY(360deg);
        filter: blur(0);
        opacity: 0;
    }

        .page-home .wideTeaser-stage .wideTeaserLogo img {
            width: 250px;
            max-width: 50%;
            transition: width 2s linear, max-width 2s linear;
        }

        .page-home .wideTeaser-stage .wideTeaserContainer.animation .wideTeaserLogoContainer img {
            width: 400px;
            max-width: 80%;
        }

    .page-home .wideTeaser-stage .wideTeaserContainer .textContainer {
        opacity: 0;
        transition: opacity 1s linear 5s;
    }

    .page-home .wideTeaser-stage .wideTeaserContainer.animation .textContainer {
        opacity: 1;
    }

.bg-white {
    background-color: #fff;
}

.bg-lightgray {
    background-color: #e6e9ec;
}

/* .page-userarea #content {
    background-color: #e6e9ec;
} */

/*.page-userarea #breadcrumbContainer.ts_ce {
    padding-top: 44px;
}*/

.page-userarea .tx-powermail {
    background-color: #fff;
    padding-top: 15px;
    padding-bottom: 73px;
}

.page-userarea.lighter #content {
    background-color: #f8f8f8;
}

.extbase-debugger-floating {
    z-index: 10000;
}

/* Newsletter Opt-In via Clever Elements */

.cleverElementsNewsletterOptInIFrame {
    width: 100%;
    margin-top: 47px;
    margin-bottom: 123px;
}

    @media (max-width: 767px) {
        .cleverElementsNewsletterOptInIFrame {
            margin-bottom: 85px;
        }
    }

    @media (max-width: 576px) {
        .cleverElementsNewsletterOptInIFrame {
            margin-bottom: 71px;
        }
    }

/* temporary hint in userarea */
.alert-info {
    background-color: #1b5092;
    border-color: #1b5092;
    color: #fff;
    padding: 10px 0;
}

    .alert-info p {
        font-size: 18px;
        line-height: 26px;
        margin-bottom: 0;
    }

.d-none {
    display: none;
}
.frame .bodytext img{width: 100%;height: auto;} 

/* --- bootstrap overwrites, expansions and (global) content stylings ------------------------ */
textarea {
    resize: none;
}

a:focus {
    outline: none !important;
}

p:empty {
    display: none;
}

.upperCase {
    text-transform: uppercase;
}

.noTransitionDuration {
    -webkit-transition-duration: 0s;
         -o-transition-duration: 0s;
            transition-duration: 0s;
}

.centeredButton,
.btn {
    border: none;
    text-transform: uppercase;
    transition: color 250ms ease, background-color 250ms ease, border-color 250ms ease;
}

.btn-lg {
    background-color: #fff;
    color: #1b5092;
    font-size: 17px;
    line-height: 26px;
    font-weight: bold;
    padding-top: 9px;
    padding-right: 29px;
    padding-left: 29px;
}

.btn-border {
    background-color: transparent;
    padding: 8px 28px 9px;
    border: 1px solid #1b5092;
}

    .btn-lg .icon-arrow_right {
        top: -1px;
        padding-right: 4px;
    }

    .btn-lg .icon-arrow_down {
        top: -4px;
        left: -3px;
    }

.btn-lg:hover,
.btn-lg:focus,
.btn-border:hover,
.btn-border:focus {
    background-color: #e2aa00;
    color: #fff;
}

.btn-border:hover,
.btn-border:focus {
    border-color: #e2aa00;
}

    .btn .icon {
        position: relative;
    }

    .btn .icon-arrow_right {
        font-size: 10px;
    }

    .btn .icon-arrow_down {
        font-size: 5px;
    }

        .btnContainer.dropdown .btn .icon-arrow_down {
            top: -3px;
            padding-left: 10px;
            font-size: 5px;
        }

.centeredButton {
    display: inline-block;
    margin-bottom: 0;
    text-align: center;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    border-radius: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: normal;
}

.centeredButton.jumpup-link {
    padding-left: 32px;
    padding-right: 19px;
}

    .centeredButton:before {
        position: absolute;
        left: 28px;
        top: 16px;
        display: inline-block;
        content: '';
        font-size: 10px;
        font-family: 'iconfont';
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;

        /* better font rendering =========== */
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

    .downloadContainer .centeredButton:before {
        left: 16px;
        top: 15px;
    }

    .centeredButton.download-link,
    .centeredButton.branding-link {
        padding-left: 70px;
    }

    .centeredButton.download-link:before {
        font-family: 'LineIconsPro Regular';
        /* font-family: 'LineIconsPro Light'; */
        content: '\ed99';
        /* content: '\ea6a'; */
        font-size: 20px;
        /* top: 25px; */
        top: 50%;
        transform: translateY(-50%);
        left: 36px;
    }

    .centeredButton.branding-link:before {
        font-family: 'LineIconsPro Light';
        /* font-family: 'iconfont'; */
        /* content: '\e912'; */
        content: '\ed8f';
        top: 50%;
        transform: translateY(-50%);
        font-size: 19px;
        /* top: 12px; */
        left: 36px;
        /* left: 11px; */
    }

    .centeredButton.jumpup-link:before {
        font-family: 'iconfont';
        content: "\e603";
        font-size: 5px;
        left: 16px;
        top: 18px;
    }

    /* .centeredButton:hover, a:hover .centeredButton {
        border-color: #e2aa00;
        background-color: #e2aa00;
        color: #fff;
    } */

.position-relative {
    position: relative;
}

/* new menu layout */
.only-bold {
    font-weight: bold;
    margin-top: 0 !important;
    margin-bottom: 0;
    line-height: 30px;
    /* line-height: 32px; */
    padding: 0;
    font-size: 20px;
    color: #3A3A3A;
    /* color: #53565a; */
}

h1, .h1 {
    line-height: 50px;
}

.ce-bodytext h3.h1 {
    margin-bottom: 10px;
}

.contentElementContainer h1,
.contentElementContainer .h1 {
    margin-top: 66px;
}

h2, .h2 {
    /* line-height: 36px; */
    font-size: 36px;
    line-height: 44px;
    font-weight: 300;
}

h3, .h3 {
    line-height: 32px;
}

/* new menu layout*/
h1.sectionHeadline,
.contentElementContainer h1.sectionHeadline,
.h1.sectionHeadline,
.contentElementContainer .h1.sectionHeadline {
    position: relative;
    margin-top: 100px;
    /* margin-top: 77px; */
    margin-bottom: 45px;
    padding-bottom: 0;
    /* padding-bottom: 37px; */
    text-align: center;
    font-weight: lighter;
    font-size: 50px;
    line-height: 50px;
    font-weight: 300;
}

h2.sectionHeadline,
.contentElementContainer h2.sectionHeadline,
.h2.sectionHeadline,
.contentElementContainer .h2.sectionHeadline {
    position: relative;
    margin-top: 30px;
    padding-bottom: 15px;
    text-align: center;
    font-weight: lighter;
}

    h1.sectionHeadline .icon,
    h2.sectionHeadline .icon,
    .h1.sectionHeadline .icon,
    .h2.sectionHeadline .icon  {
        position: absolute;
        right: 0;
        bottom: 0;
        left: 0;
        text-align: center;
        font-size: 15px;
    }

/* new menu layout */
h2.sectionHeadline,
.h2.sectionHeadline {
    font-size: 50px;
    /* font-size: 40px; */
    line-height: 50px;
}

p.sectionIntro {
    line-height: 34px;
    text-align: center;
    font-size: 26px;
    color: #1B5092;
    font-weight: lighter;
}

.img-responsive.lazy {
    width: 100%;
    max-width: none;
}

/*new menu layout*/
.container-fluid {
    max-width: 1230px;
    /* max-width: 1200px; */
    min-width: 320px;
}

/* new menu layout */
.contentElementContainer h2,
.contentElementContainer .h2 {
    margin-top: 66px;
    margin-bottom: 35px;
    /* margin-bottom: 1px; */
}

/*new menu layout*/
#loginAreaContainer .form-control,
#mobileLoginAreaContainer .form-control {
    height: 70px;
}

    #mobileLoginAreaContainer .arrowLink.register:after,
    #loginAreaContainer .arrowLink.register:after {
        font-weight: bold;
    }
#mobileLoginAreaContainer .closeMobileLoginContainer {
    height: 83px;
}

.form-horizontal .control-label {
    text-align: left;
}

.form-group {
    margin-bottom: 23px;
}

    .form-group label {
        color: #53565a;
        font-size: 20px;
        line-height: 32px;
        margin-bottom: 10px;
        width: 100%;
    }

    /* new menu layout */
    .form-control {
        height: 60px;
        /* height: 45px; */
        border-color: #A4A4A4;
        color: #53565a;
        font-size: 20px;
        line-height: 36px;
        /* font-size: 18px;
        line-height: 22px; */
        box-shadow: none;
        padding-right: 11px;
        padding-left: 11px;
        /* border: 2px solid #A4A4A4; */
    }

    .form-control[type="file"] {
        font-size: 14px;
        line-height: 0;
        padding-top: 18px;
        padding-bottom: 18px;
    }

    /* .newsletterForm {
        margin-bottom: 100px;
    }

        @media (max-width: 767px) {
            .newsletterForm {
                margin-bottom: 62px;
            }
        }

        @media (max-width: 576px) {
            .newsletterForm {
                margin-bottom: 48px;
            }
        } */

    .newsletterDropdown {
        position: relative;
    }

        .newsletterDropdown select {
            -webkit-appearance: none;
            -moz-appearance: none;
        }

        .newsletterDropdown .dropdownIcon:after {
            font-family: 'LineIconsPro Light';
            content: "\ecbf";
            display: block;
            position: absolute;
            top: 50%;
            right: 30px;
            transform: translateY(-50%);
        }

    /* new menu layout */
    .form-inline .checkbox input + label, .form-inline .radio input + label {
        line-height: 56px;
        height: 60px;
    }

    .form-group.has-error .form-control {
        color: #b94a48;
        border-color: #cbced0;
        box-shadow: none;
    }

    .form-control:focus,
    .form-group.has-error .form-control:focus {
        color: #1b5092;
        border-color: #cbced0;
        box-shadow: none;
    }

    .form-control:hover,
    .form-group.has-error .form-control:hover {
        color: #1b5092;
        border-color: #1b5092;
    }

    .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
        background-color: #f2f4f5;
        border-color: #cbced0;
        cursor: default;
        color: #53565a;
    }

    .page-userarea .form-control[disabled], .page-userarea .form-control[readonly], .page-userarea fieldset[disabled] .form-control {
        background-color: #f8f8f8;
    }

    .form-note {
        font-size: 17px;
        line-height: 26px;
        padding-top: 15px;
    }

    .help-block {
        color: #53565a;
    }

    .form-group .btn[type="submit"] {
        margin-top: 6px;
    }

    .radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] {
        top: 5px;
    }

    .form-group .has-feedback.parsley-error .powermail_captcha + span,
    .form-group .has-feedback .parsley-error + ul + .form-control-feedback {
        top: 13px;
    }

    .customSelect {
        padding-right: 20px;
        position: relative;
    }

        .customSelect select {
            appearance: none;
        }

        .selectBox-dropdown:after {
            position: absolute;
            right: 20px;
            top: 14px;
            display: block;
            content: '\ecbf';
            color: #1b5092;
            font-size: 24px;
            font-family: 'LineIconsPro Light';
        }

        .selectBox-dropdown .selectBox-arrow {
            display: none;
        }

.nav-tabs {
    margin-top: 11px;
    margin-bottom: 45px;
    display: inline-block;
}

    .nav-tabs > li > a {
        color: #1b5092;
        font-size: 26px;
        line-height: 34px;
    }

        .nav-tabs > li > a:hover, .nav-tabs > li > a:focus {
            color: #e2aa00;
            background-color: transparent;
        }

.nav-tabs > li.active > a > span {
    border-bottom: 1px solid #1b5092;
    padding-bottom: 2px;
    text-align: center;
}

.pagination {
    width: 100%;
    font-size: 0;
    margin-top: 30px;
    margin-bottom: 0;
}

    .pagination > li {
        display: inline-block;
    }

    .pagination > li.prev, .pagination > li.next {
        display: inline;
    }

        .pagination > li > a {
            font-size: 20px;
            border: none;
            margin: 0 5px;
            padding: 6px 17px;
        }

            .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
                transition: color 250ms ease 0s, background-color 250ms ease 0s, border-color 250ms ease 0s;
            }

            .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
                z-index: 0;
            }

                .pagination > li.prev > a, .pagination > li.next > a {
                    color: #fff;
                    background-color: #1b5092;
                    padding: 6px 12px;
                }

                    .pagination > li.prev > a:hover, .pagination > li.prev > a:focus, .pagination > li.next > a:hover, .pagination > li.next > a:focus {
                        background-color: #e2aa00;
                    }

                    /* new menu layout */
                    .pagination > li.prev > a > span, .pagination > li.next > a > span {
                        font-size: 17px;
                        position: relative;
                        top: -1px;
                    }

                    @media (max-width: 380px) {
                        .pagination > li > a {
                            font-size: 18px;
                            margin: 0 2px;
                            padding: 6px 14px;
                        }

                        .pagination > li.prev > a,
                        .pagination > li.next > a {
                            padding: 6px 10px;
                        }
                    }

.modal, body.modal-open {
    padding-right: 0 !important;
}

    .modal-dialog {
        position: absolute;
        left: 50%;
        max-height: 100%;
        max-width: 1170px;
        min-width: 320px;
        width: 100%;
    }

    .modal.fade.in {
        opacity: 1 !important;
    }

        .modal.fade .modal-dialog {
            -webkit-transform: translateX(-50%) translateY(-50%);
               -moz-transform: translateX(-50%) translateY(-50%);
                    transform: translateX(-50%) translateY(-50%);

            -webkit-transition: top 0.3s linear;
                 -o-transition: top 0.3s linear;
                    transition: top 0.3s linear;
        }

        .modal.in .modal-dialog {
            top: 50%;
            margin-top: 0;
            margin-bottom: 0;
        }

        .modal.in .modal-dialog .dataProtectionDisabledHintContainer {
            font-weight: bold;
        }

        .modal.in .modal-dialog .bodytext a,
        .modal.in .modal-dialog label a {
            border-bottom: 1px solid;
        }

    .modal-header {
        border: none;
        padding: 0;
        position: absolute;
        width: 100%;
        z-index: 200;
        top: 2px;
    }

        .modal button.close {
            width: 50px;
            height: 50px;
            background-color: #e6e9ec;
            color: #1b5092;
            opacity: 1 !important;
        }

.selectBox-dropdown {
    position: relative;
    display: inline-block;
    width: 100% !important;
    cursor: pointer;
    padding-top: 10px;
    padding-bottom: 10px;
    white-space: nowrap;
    padding-right: 50px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.selectBox-dropdown.selectBox-menuShowing {
    border-color: #1b5092;
    color: #1b5092;
}

    .selectBox-dropdown .selectBox-arrow:before {
        position: absolute;
        right: 20px;
        top: 18px;
        content: '\e600';
        color: #1b5092;
        font-size: 6px;

        font-family: 'iconfont';
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;

        /* Better Font Rendering =========== */
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

        .selectBox-dropdown.selectBox-menuShowing .selectBox-arrow:before {
            content: '\e603';
        }

.selectBox-dropdown-menu {
    position: absolute;
    /*z-index: 10;*/
    z-index: 401;
    max-height: 200px;
    min-height: 1em;
    background-color: #fff;
    overflow: auto;
    border-style: solid;
    border-color: #1b5092;
    border-width: 2px;
    padding-top: 5px;
    padding-bottom: 5px;
	list-style-type: none !important;
}

.selectBox-dropdown-menu.selectBox-options-top {
    border-width: 2px;
}

.selectBox-dropdown-menu.selectBox-options-bottom {
    margin-top: -2px;
}

    .selectBox-dropdown-menu > li.placeholder {
        display: none;
    }

        .selectBox-dropdown-menu > li > a {
            display: block;
            font-size: 18px;
            line-height: 22px;
            padding: 10px 11px;
            cursor: pointer;
        }

.flag {
    position: absolute;
    top: 0;
    left: 0;
    color: #fff;
}

    .flag .flagText {
        position: absolute;
        top: 15px;
        left: 10px;
        -webkit-transform: rotateZ(-45deg);
           -moz-transform: rotateZ(-45deg);
                transform: rotateZ(-45deg);
        -sand-transform: rotate(-45deg);
        font-size: 20px;
        font-weight: bold;
        text-transform: uppercase;
    }

    .flag .icon {
        margin-top: 0;
        font-size: 80px;
    }

    .flag-yellow .icon {
        display: block;
        color: #e2aa00;
    }

.arrowLink, .popupLink, .jumpLink, .externalLink, .download-link {
    position: relative;
    display: inline-block;
    font-weight: bold;
    font-size: 17px;
    line-height: 26px;
    padding-left: 16px;
}

.arrowLink,
.popupLink,
.download-link {
    font-size: 20px;
    line-height: 30px;
    font-weight: 400;
}

    .arrowLink:before, .popupLink:before, .externalLink:before, .download-link:before {
        font-family: "iconfont";
        content: "\e602";
        font-style: normal;
        /* font-weight: normal; */
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        font-size: 10px;
        position: absolute;
        top: 11px;
        /* top: 7px; */
        left: 0;
        /* left: -2px; */
    }

    .arrowLink,
    .externalLink,
    .popupLink {
        padding-left: 0;
    }

    .arrowLink:before,
    .externalLink:before,
    .popupLink:before {
        content: "";
    }

    .arrowLink:not(.download-link):after,
    .popupLink:after {
        content: "\ecb6";
        font-family: 'LineIconsPro Light';
        font-size: 24px;
        position: relative;
        padding-left: 16px;
        top: 3px;
    }

    .externalLink:after {
        content: "\ecb8";
        font-family: 'LineIconsPro Light';
        font-size: 14px;
        position: relative;
        padding-left: 15px;
        top: 0;
    }

    .arrowLink.backLink:before {
        content: "\e601";
    }

.download-link, .download-link.arrowLink {
    padding-left: 32px;
    /* padding-left: 22px; */
}

/*.download-link.disabled,
.download-link.disabled:hover,
.download-link.disabled:focus,
.download-link.disabled:active {
    color: #d9e2ed;
    cursor: not-allowed;
}*/

    .download-link.arrowLink:before, .download-link:before {
        /* font-family: 'LineIconsPro Regular';
        content: '\ed99'; */
        font-family: 'LineIconsPro Light';
        content: '\ea6a';
        /* content: '\e906'; */
        font-size: 16px;
        top: 7px;
        left: 0;
    }

    .download-link.rtf:before {
        content: '\e911';
        font-size: 16px;
    }

    /*
    .download-link.arrowLink:before {
        content: "\e600";
        font-size: 5px;
        top: 10px;
    }
    */

    .jumpLink:before {
        font-family: "iconfont";
        content: "\e600";
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        position: absolute;
        font-size: 5px;
        left: 2px;
        top: 10px;
    }

    .jumpLink.up:before {
        content: "\e603";
    }

    .shareLink {
        position: relative;
        display: inline-block;
        font-weight: bold;
        font-size: 17px;
        line-height: 26px;
        padding-left: 22px;
    }

    .shareLink:before {
        font-family: 'iconfont';
        content: "\e913";
        top: 5px;
        left: 0;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        font-size: 15px;
        position: absolute;
    }

    /* .externalLink:before {
        font-family: 'Glyphicons Halflings';
        content: "\e095";
        top: 8px;
        font-size: 11px;
    } */

    .arrowLink .icon, .popupLink .icon {
        position: absolute;
        top: 8px;
        left: 3px;
        font-size: 10px;
    }

    .swapLink:before, .swapLink:after {
        font-family: 'LineIconsPro Light';
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        position: relative;
        top: 1px;
    }

    .swapLink.website:before {
        content: "\ecc1";
        padding-right: 14px;
    }

    .swapLink.customerPortal:after {
        content: "\ecc3";
        padding-left: 14px;
    }

    #mobileNavigationContainer .swap > a:before {
        font-family: 'LineIconsPro Light';
        /* font-family: "iconfont"; */
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        position: relative;
        font-size: 18px;
        top: 0;
        content: "\ecc3";
        /* content: "\e609"; */
        padding-right: 14px;
        text-decoration: underline;
        display: inline-block;
    }

        #mobileNavigationContainer .swap > a:before,
        #mobileNavigationContainer .swap > a:hover:before {
            text-decoration: none;
            color: #1b5092;
        }

/*TODO delte html element*/
.jumpToTopContainer {
    padding-top: 67px;
    padding-bottom: 41px;
    text-align: center;
    display: none;
}

    .jumpToTop {
        position: relative;
        display: inline-block;
        padding-top: 43px;
        color: #1b5092;
        font-size: 17px;
        line-height: 26px;
        font-weight: bold;
    }

        .jumpToTop .icon {
            position: absolute;
            top: 0;
            left: 50%;
            margin-left: -15px;
            color: #d9e2ed;
            font-size: 17px;
        }

        .page-userarea .jumpToTop .icon {
            color: #1b5092;
        }

        .page-userarea.lighter .jumpToTop .icon {
            color: #d9e2ed;
        }

        .page-userarea .jumpToTop:hover .icon,
        .page-userarea .jumpToTop:focus .icon,
        .page-userarea .jumpToTop:active .icon,
        .page-userarea.lighter .jumpToTop:hover .icon,
        .page-userarea.lighter .jumpToTop:focus .icon,
        .page-userarea.lighter .jumpToTop:active .icon {
            color: #e2aa00;
        }

/* --- header ------------------------ */
#headerContainer,
#header .navbar {
    transition: all 250ms linear;
}

/* new menu layout */
#headerContainer {
    height: 123px;
    background-color: transparent;
    /* background-color: #fff; */
    position: relative;
    z-index: 1000;
}

    #headerContainer.user-logged-in {
        height: 173px;
    }

    #headerContainer.scroll {
        height: 74px;
        background-color: #fff;
    }

    #header {
        position: fixed;
        right: 0;
        top: 0;
        width: 100%;
        z-index: 1;
    }

        /* new menu layout */
        .navbar {
            min-height: 0;
            height: 123px;
            background-color: transparent;
            /* background-color: #fff; */
        }

            /* new menu layout */
            #headerContainer.scroll .navbar {
                height: 74px;
                /* background-color: #1b5092; */
                /* background-color: #fff; */
                color: #3A3A3A;
            }

            /* .menuOpen #headerContainer nav.navbar {
                border-bottom: 1px solid transparent;
            } */

            #headerContainer nav.navbar {
                border-bottom: 1px solid rgba(255, 255, 255, .4);
            }

            #headerContainer.scroll nav.navbar {
                border-bottom: 1px solid #E4E4E3;
                background-color: #fff;
            }

            .noStage #headerContainer:not(.scroll)  #header {
                border-bottom: 1px solid #E4E4E3;
            }

            @media (max-width: 991px) {
                .noStage #headerContainer .navbar-toggle {
                    color: #1b5092;
                }

                #headerContainer nav.navbar {
                    border-bottom: none;
                }
            }

/* --- mainnav ------------------------ */
.navbar {
    border: none;
}

    .navbar > .container {
        padding-right: 0;
        padding-left: 0;
    }
        /* new menu layout */
        .navbar-toggle {
            color: #fff;
            /* color: #1b5092; */
            transition: color 250ms linear;
            font-size: 18px;
            border: none;
            margin-top: 13px;
            margin-right: 5px;
            margin-bottom: 0;
            z-index: 1;
            background-color: transparent;
        }

            #headerContainer.scroll .navbar-toggle {
                color: #fff;
            }

            .navbar-toggle .menuText {
                font-size: 20px;
                line-height: 30px;
                padding-right: 15px;
            }

            .navbar-toggle .menuText  + .lnil {
                font-size: 25px;
            }

            /* new menu layout */
            /* .navbar-default:before {
                position: absolute;
                content: "";
                display: block;
                top: 0;
                left: 0;
                height: 100%;
                width: 100%;
                filter: blur(2px);
            } */

            .navbar-default .navbar-toggle:hover,
            .navbar-default .navbar-toggle:focus {
                background-color: transparent;
            }

        /* new menu layout */
        .navbar-brand {
            position: relative;
            display: block;
            padding-top: 27px;
            /* padding-top: 18px; */
            padding-right: 16px;
            padding-bottom: 18px;
            overflow: hidden;
        }

            .navbar-brand object {
                pointer-events: none;
            }

            .navbar-brand .logo {
                width: auto;
                height: 87px;
                opacity: 1 !important;
                transition: opacity 250ms linear, height 250ms linear;
            }

            /* new menu layout */
            .navbar-brand .logo-blue-small {
                position: absolute;
                top: 18px;
                left: 15px;
                opacity: 0 !important;
                height: 35px;
                width: auto;
                transition: opacity 250ms linear, top 250ms linear;
            }

            .navbar-brand .logo-small-white {
                height: 35px;
                width: auto;
            }

                #headerContainer.scroll .navbar-brand .logo,
                #headerContainer.scroll .navbar-brand .logo-white-big {
                    height: 48px;
                    opacity: 0 !important;
                }

                    @media (max-width: 1199px) {
                        .navbar-brand .logo-blue,
                        .navbar-brand .logo-white-big {
                            height: 40px;
                            width: auto;
                        }

                        .noStage .navbar-brand .logo-white-big {
                            display: none;
                        }

                        .navbar-brand .logo-blue {
                            display: none;
                        }

                        .noStage .navbar-brand .logo-blue {
                            display: block;
                        }
                    }

                #headerContainer.scroll .navbar-brand .logo-blue-small {
                /* #headerContainer.scroll .navbar-brand .logo-white { */
                    top: 2px;
                    opacity: 1 !important;
                }

                #headerContainer.scroll .navbar-brand {
                    height: 74px;
                    min-width: 155px;
                    /* min-width: 115px; */
                    margin-top: 35px;
                }

        /*new menu layout*/
        .headerNavigationContainer {
            float: right;
            /*position: relative;*/
            width: calc(100% - 180px);
            margin-left: auto;
            transition: width 250ms linear;
        }

        .navbar-header {
            max-width: 180px;
            transition: max-width 250ms linear;
        }

        #headerContainer.scroll .headerNavigationContainer {
            width: calc(100% - 125px);
        }

        #headerContainer.scroll .navbar-header {
            max-width: 125px;
        }

        #mainNavbar .dropdownBoxes {
            position: relative;
            margin-left: 13px;
        }

        #mainNavbar .dropdownBoxes, #mainNavbar .dropdownBoxes > li {
            float: left;
        }

        #mainNavbar .dropdownBoxes .login {
            margin-left: 0;
            position: static;
        }

            #mainNavbar .dropdownBoxes .login #logout {
                border-color: #1b5092;
                background-color: #1b5092;
                color: #fff;
            }

            #headerContainer.scroll #mainNavbar .dropdownBoxes .login #logout {
                border-color: #fff;
            }

                #mainNavbar .dropdownBoxes .login #logout:hover, #mainNavbar .dropdownBoxes .login #logout:focus, #mainNavbar .dropdownBoxes .login #logout:active {
                    border-color: #e2aa00;
                    background-color: #e2aa00;
                }

                #headerContainer.scroll #mainNavbar .dropdownBoxes .login #logout:hover, #headerContainer.scroll #mainNavbar .dropdownBoxes .login #logout:focus, #headerContainer.scroll #mainNavbar .dropdownBoxes .login #logout:active {
                    border-color: #fff;
                    background-color: #fff;
                    color: #1b5092;
                }

        .navbar .navbar-collapse {
            padding-right: 0;
            padding-left: 0;
        }

            #mainNavbar .navbar-nav {
                padding-left: 150px;
                transition: padding-left 250ms linear;
                display: flex;
                justify-content: space-between;
                float: none !important;
            }

            /* .page-userarea #mainNavbar .navbar-nav {
                padding-left: 40px;
            } */

            .page-userarea #mainNavbar .navbar-nav {
                padding-left: 15px !important;
            }

            .navbar-nav:before, .navbar-nav:after {
                content: normal;
            }

                #headerContainer.scroll #mainNavbar .navbar-nav {
                    padding-left: 205px;
                }

                /* .page-userarea #headerContainer.scroll #mainNavbar .navbar-nav {
                    padding-left: 95px;
                } */

                .navbar-nav > .item, .customerPortalNav .item {
                    position: static;
                }

                .customerPortalNav .item {
                    float: none;
                    display: inline-block;
                }

                    .customerPortalNav .item:last-child > a {
                        padding-right: 0;
                    }

                    /* new menu layout */
                    .navbar-nav .item a {
                        font-size: 20px;
                        line-height: 30px;
                        /* font-size: 21px;
                        line-height: 34px; */
                        display: block;
                        position: relative;
                    }

                    .navbar-nav > .item > a, .customerPortalNav .item > a {
                        padding-top: 16px;
                        padding-right: 13px;
                        padding-bottom: 0;
                        padding-left: 13px;
                        transition: padding-top 250ms linear;
                    }

                        /* new menu layout */
                        /* .navbar-nav > .item:first-child > a,  */
                        .customerPortalNav .item:first-child > a {
                            padding-left: 0;
                        }

                        /* .navbar-nav > .item:last-child > a,  */
                        .customerPortalNav .item:last-child > a {
                            padding-right: 0;
                        }

                    .navbar-nav > .item > a {
                        /* transition: padding-top 250ms linear, line-height 250ms linear; */
                        transition: padding-top 250ms linear, line-height 250ms linear, color 250ms linear, padding 250ms linear;
                    }

                        /* new menu layout */
                        .navbar-nav > .item.active > a, .navbar-nav > .item.open > a,
                        #headerContainer.scroll .navbar-nav > .item.active > a, #headerContainer.scroll .navbar-nav > .item.open > a,
                        .customerPortalNav .item.active > a, .customerPortalNav .item.open > a,
                        #headerContainer.scroll .customerPortalNav .item.active > a, #headerContainer.scroll .customerPortalNav .item.open > a  {
                            /* color: #3A3A3A; */
                            /* color: #e2aa00; */
                            background-color: transparent;
                            border: none;
                        }

                        .navbar-nav > .item.active:hover > a,
                        #headerContainer.scroll .navbar-nav > .item.active:hover > a,
                        .customerPortalNav .item.active:hover > a,
                        #headerContainer.scroll .customerPortalNav .item.active:hover > a {
                            color: #e2aa00;
                        }

                        #loginAreaContainer.logged-in .navbar-nav > .item.active > a, #loginAreaContainer.logged-in .navbar-nav > .item.open > a {
                            border-bottom: 2px solid transparent;
                            border-top: 2px solid transparent;
                        }

                        #headerContainer.scroll .navbar-nav > .item > a,
                        #headerContainer.scroll .customerPortalNav .item > a {
                            color: #3A3A3A;
                            /* color: #fff; */
                            padding-top: 21px;
                            padding-bottom: 22px;
                        }

                            @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
                                #headerContainer.scroll .navbar-default .navbar-nav > .item > a,
                                #headerContainer.scroll .customerPortalNav .item > a {
                                    height: 73px;
                                }
                            }


                            #headerContainer.scroll .navbar-nav > .item.active > a,
                            #headerContainer.scroll .customerPortalNav .item.active > a {
                                color: #e2aa00;
                            }

                            #headerContainer.scroll .navbar-nav > .item > a:hover,
                            #headerContainer.scroll .customerPortalNav .item > a:hover {
                                color: #3A3A3A;
                                /* color: #e2aa00; */
                            }

                        /* .navbar-default .navbar-nav > .item.open > a,
                        .navbar-default .navbar-nav > .item.open > a:hover,
                        .navbar-default .customerPortalNav .item.open > a,
                        .navbar-default .customerPortalNav .item.open > a:hover {
                            padding-bottom: 45px;
                        } */
                            .navbar-default .navbar-nav > .active > a,
                            .navbar-default .navbar-nav > .active > a:hover,
                            .navbar-default .navbar-nav > .active > a:focus {
                                color: #e2aa00 !important;
                            }

                            #headerContainer.scroll .navbar-default .navbar-nav > .item.open > a,
                            #headerContainer.scroll .navbar-default .navbar-nav > .item.open > a:hover,
                            #headerContainer.scroll .navbar-default .customerPortalNav .item.open > a,
                            #headerContainer.scroll .navbar-default .customerPortalNav .item.open > a:hover {
                                padding-bottom: 22px;
                            }

                            #headerContainer.scroll .navbar-default .navbar-nav > .item.open > a,
                            #headerContainer.scroll .navbar-default .navbar-nav > .item.open > a:hover,
                            #headerContainer.scroll .navbar-default .customerPortalNav .item.open > a,
                            #headerContainer.scroll .navbar-default .customerPortalNav .item.open > a:hover {
                                padding-bottom: 22px;
                            }

                        /*
                        .navbar-default .navbar-nav .item.open > a {
                            color: #1b5092;
                        }
                        */

                        /* new menu layout */
                            .navbar-default .navbar-nav .item.open > a:hover {
                                color: #1b5092;
                                /* color: #e2aa00; */
                            }
                                .navbar-default .navbar-nav .item.open.active > a,
                                .navbar-default .navbar-nav .item.open.active > a:hover {
                                    color: #e2aa00 !important;
                                }
                        .navbar-nav .item a:hover {
                            color: #1b5092;
                            /* color: #e2aa00; */
                        }

                            /* new menu layout */
                            .navbar-default .navbar-nav.level1 > .item.active > a span:after {
                                position: absolute;
                                right: 14px;
                                bottom: 0;
                                left: 14px;
                                display: block;
                                content: '';
                                border-bottom: 2px solid #e2aa00;
                            }

                                @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
                                    .navbar-default .navbar-nav.level1 > .item.active > a span:after {
                                        height: 2px;
                                    }
                                }

                                /* @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
                                    .navbar-default .navbar-nav.level1 > .item.active > a span:after {
                                        bottom: -1px;
                                    }
                                } */

                                /* .navbar-default .navbar-nav > .item.active:first-child > a span:after,
                                .navbar-default .navbar-nav .level2 > .item.active:first-child > a span:after {
                                    left: 0;
                                }

                                .navbar-default .navbar-nav > .item.active:last-child > a span:after,
                                .navbar-default .navbar-nav .level2 > .item.active:last-child > a span:after {
                                    right: 0;
                                } */

                            #headerContainer.scroll-animation .navbar-default .navbar-nav > .item.active > a span:after,
                            #headerContainer.scroll-animation .navbar-default .customerPortalNav .item.active > a span:after {
                                transition: bottom 250ms linear;
                            }

                            /* new menu layout */
                            /* .navbar-default .navbar-nav > .item.active > a span:after,
                            .navbar-default .customerPortalNav .item.active > a span:after {
                                bottom: -25px;
                            } */

                            #headerContainer.scroll .navbar-default .customerPortalNav .item > a span:after {
                                display: none;
                            }

                                #headerContainer.scroll .navbar-default .navbar-nav > .item.active > a span:after,
                                #headerContainer.scroll .navbar-default .customerPortalNav .item.active > a span:after,
                                .navbar-default .customerPortalNav .item.active.open > a:hover span:after {
                                    bottom: -1px;
                                    /* bottom: -20px; */
                                }

                                /* @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
                                    #headerContainer.scroll .navbar-default .navbar-nav > .item.active > a span:after,
                                    #headerContainer.scroll .navbar-default .customerPortalNav .item.active > a span:after,
                                    .navbar-default .customerPortalNav .item.active.open > a:hover span:after {
                                        bottom: -1.5px;
                                    }
                                } */

                                .navbar-default .navbar-nav > .item.active.open > a span:after {
                                    bottom: 0;
                                }

                                    /* #headerContainer.scroll .navbar-default .navbar-nav > .item.active.open > a span:after,
                                    #headerContainer.scroll .navbar-default .customerPortalNav .item.active.open > a span:after {
                                        bottom: -1px;
                                    } */

                        .navbar-nav .level2Container {
                            position: absolute;
                            top: 100%;
                            left: 0;
                            display: none;
                            width: 100%;
                            z-index: 1;
                            background-color: #1b5092;
                        }

                            .scroll .navbar-nav .level2Container {
                                top: calc(100% + 1px);
                            }

                        @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
                            .navbar-nav .level2Container {
                                top: calc(100% + 0.5px);
                            }

                                .scroll .navbar-nav .level2Container {
                                    top: calc(100% + 1.5px);
                                }

                            .navbar-nav .item.open > .level2Container:before {
                            /* .navbar-nav > .item.hasSub.open:before { */
                                position: absolute;
                                top: -0.5px;
                                content: "";
                                left: 0;
                                right: 0;
                                height: 1px;
                                background-color: #fff;
                                z-index: 100;
                            }
                        }


                        #headerContainer.scroll .navbar-nav .level2Container {
                            background-color: #154075;
                        }

                            .navbar-nav .item.open > .level2Container {
                                display: block;
                            }

                            /* new menu layout */
                            /* .navbar-nav .item.active > .level2Container {
                                display: block;
                            } */

                            #headerContainer.scroll .navbar-nav .item.active > .level2Container {
                                display: none;
                            }

                            .navbar-nav .item.active.open > .level2Container {
                                display: block !important;
                            }

                            .navbar-nav .level2 {
                                max-width: 1200px;
                                /* padding-left: 345px; */
                                margin: 0 auto;
                            }

                            /* .page-userarea .navbar-nav .level2 {
                                padding-left: 235px;
                            } */

                                .navbar-nav .level2 .item {
                                    float: left;
                                }

                                    /* new menu layout  */
                                    .navbar-nav .level2 a {
                                        color: #3A3A3A;
                                        /* color: #fff; */
                                        padding-top: 17px;
                                        padding-right: 21px;
                                        padding-bottom: 22px;
                                        padding-left: 24px;
                                        background-color: #fff;
                                    }
                                        /* new menu  layout */
                                        /* .navbar-nav .level2 > .item:first-child a {
                                            padding-left: 0;
                                        }

                                        .navbar-nav .level2 > .item:last-child a {
                                            padding-right: 0;
                                        } */

                                        .navbar-nav .level2 .item > a:hover,
                                        .navbar-nav .level2 .item > a:focus,
                                        .navbar-nav .level2 .item.active > a {
                                            background-color: #fff;
                                            /* background-color: transparent; */
                                        }

                                        /* new menu  layout */
                                        .navbar-nav .level2 .item.active > a,
                                        .navbar-nav .level2 .item.active > a:after {
                                            /* padding-bottom: 20px; */
                                            color: #e2aa00;
                                        }

                                            .navbar-nav .level3 {
                                                margin-top: -7px;
                                                margin-bottom: 10px;
                                            }

                                                .navbar-nav .level3 .item {
                                                    float: none;
                                                }

                                                    .navbar-nav .level3 a {
                                                        font-size: 16px;
                                                        line-height: 24px;
                                                    }

                .navbar .btnContainer {
                    margin-top: 40px;
                    margin-left: 13px;
                    transition: margin-top 250ms linear;
                }

                    #headerContainer.scroll .navbar .btnContainer {
                        margin-top: 17px;
                    }

                .navbar .btnContainer + .btnContainer {
                    margin-left: 9px;
                }

                    .navbar .btn {
                        display: inline-block;
                        height: auto;
                        padding: 8px 14px 8px 13px;
                        font-size: 17px;
                        line-height: 22px;
                    }

                        #headerContainer.scroll .navbar .btn {
                            color: #fff;
                            border-color: #fff;
                        }

                        .navbar-default .navbar-nav .btnContainer.open .btn,
                        .navbar-default .navbar-nav .btn:hover,
                        .navbar-default .navbar-nav .btn:focus {
                            border-color: #1b5092;
                            background-color: #1b5092;
                            color: #fff;
                        }

                            #headerContainer.scroll .navbar-default .navbar-nav .btnContainer.open .btn,
                            #headerContainer.scroll .navbar-default .navbar-nav .btn:hover,
                            #headerContainer.scroll .navbar-default .navbar-nav .btn:focus {
                                border-color: #1b5092;
                                border-bottom: none;
                                background-color: #fff;
                                color: #1b5092;
                            }

                        /* .navbar .btnContainer .dropdown-menu,
                        #mobileNavigation .dropdown-menu {
                            box-shadow: none;
                            background-color: #fff;
                            border-color: #1b5092;
                            min-width: 0;
                            width: 100%;
                            margin-top: -1px;
                        } */

                            /* #mobileNavigation .dropdown-menu li a { */
                            .navbar .btnContainer .dropdown-menu a {
                                color: #1b5092;
                                text-align: center;
                                font-size: 17px;
                                line-height: 22px;
                                padding: 3px 20px;
                            }

                            .navbar .btnContainer .dropdown-menu .active a,
                            #mobileNavigation .dropdown-menu li.active a {
                                color: #fff;
                            }

                            .navbar .btnContainer.login .dropdown-menu a,
                            #mobileNavigation .btnContainer.login .dropdown-menu li a {
                                text-align: left;
                            }

                                .navbar .btnContainer .dropdown-menu a:hover,
                                #mobileNavigation .btnContainer .dropdown-menu li a:hover {
                                    background-color: #1b5092;
                                    color: #fff;
                                    text-decoration: none;
                                }

        .customerPortalNav {
            max-width: 100%;
            white-space: nowrap;
        }

            .customerPortalNav .slick-track {
                width: auto !important;
            }

            .customerPortalNav ~ .slick-prev, .customerPortalNav ~ .slick-next {
                background-color: #fff;
                width: 40px;
                height: 30px;
                font-size: 30px;
                margin-top: 0;
                top: 43px;
                color: #d1dce9;
                transition: all 250ms linear;
            }

            #headerContainer.scroll .customerPortalNav ~ .slick-prev, #headerContainer.scroll .customerPortalNav ~ .slick-next {
                background-color: #1b5092;
                top: 20px;
            }

            .customerPortalNav ~ .slick-prev {
                box-shadow: 20px 0 25px 15px #fff;
                /*left: 20px;*/
            }

            .customerPortalNav ~ .slick-next {
                box-shadow: -20px 0 25px 15px #fff;
            }

            #headerContainer.scroll .customerPortalNav ~ .slick-prev {
                box-shadow: 15px 0 15px 15px #1b5092;
            }

            #headerContainer.scroll .customerPortalNav ~ .slick-next {
                box-shadow: -15px 0 15px 15px #1b5092;
            }

                .customerPortalNav ~ .slick-prev:hover, .customerPortalNav ~ .slick-next:hover {
                    background-color: #fff;
                    color: #e2a900;
                }

                #headerContainer.scroll .customerPortalNav ~ .slick-prev:hover, #headerContainer.scroll .customerPortalNav ~ .slick-next:hover {
                    background-color: #1b5092;
                }

                .customerPortalNav ~ .slick-prev .icon, .customerPortalNav ~ .slick-next .icon {
                    top: 0;
                    margin: 0;
                }

                .customerPortalNav ~ .slick-prev .icon {
                    left: 5px;
                }

                .customerPortalNav ~ .slick-next .icon {
                    left: auto;
                    right: 5px;
                }

/* --- Login Area ----------------------- */
/*new menu layout*/
#loginAreaContainer {
    background: linear-gradient(207.35deg, rgba(152, 164, 175, 0.3) 0%, rgba(193, 205, 219, 0.3) 37.35%, rgba(241, 245, 248, 0.3) 68.97%, rgba(184, 200, 215, 0.3) 100%, rgba(184, 200, 215, 0.3) 100%);
    background-color: #fff;
    /* background-color: #e6e9ec; */
    display: none;
}
#loginAreaContainer.not-logged-in {
    padding: 0 0 68px 0;
}

    #loginAreaContainer .login-toggle {
        color: #1b5092;
        font-size: 20px;
        border: none;
        margin-top: 30px;
        margin-right: 30px;
        margin-bottom: 0;
        background-color: transparent;
        z-index: 1;
        position: relative;
        float: right;
    }

        #loginAreaContainer .login-toggle:hover {
            color: #e2aa00;
        }

        #loginAreaContainer .loginContainerText {
            margin: 0 0 55px 0;
        }

            #loginAreaContainer h1.sectionHeadline,
            #loginAreaContainer .h1.sectionHeadline {
                margin: 0 0 31px 0;
                padding-top: 46px;
            }

            /*new menu layout*/
            #loginAreaContainer p {
                font-size: 20px;
                line-height: 30px;
                /* font-size: 17px;
                line-height: 1.8; */
            }

            /*new menu layout*/
            #loginAreaContainer .form-group .btn[type="submit"] {
                margin: 0;
                color: #1b5092;
                padding: 21px 42px;
                width: 100%;
                font-weight: bold;
            }
            #loginAreaContainer .form-group .btn:focus,
            #loginAreaContainer .form-group .btn:hover {
                color: #fff;
            }
            #headerContainer.scroll #loginAreaContainer .form-group .btn {
                color: #1b5092;
                border-color: #1b5092;
            }

            #loginAreaContainer .form-group .btn[type="submit"] span {
                padding-right: 7px;
            }
            #loginAreaContainer a.forgot {
                font-weight: normal;
            }

#loginAreaContainer.logged-in {
    display: block;
    min-height: 50px;
    transition: min-height 250ms linear;
}

#headerContainer.scroll #loginAreaContainer.logged-in {
    min-height: 46px;
}

/*


#headerContainer.scroll #loginAreaContainer.logged-in {
    display: none;
}
*/


    #loginAreaContainer.logged-in .greeting {
        color: #1b5092;
        font-size: 17px;
        line-height: 50px;
        padding-left: 15px;
        padding-right: 15px;
        transition: line-height 250ms linear;
    }

    #headerContainer.scroll #loginAreaContainer.logged-in .greeting {
        line-height: 46px;
    }

        #loginAreaContainer.logged-in .userSettings {
            padding-right: 0;
        }

        #loginAreaContainer.logged-in .glyphicon-cog {
            padding-left: 6px;
        }

        #loginAreaContainer.logged-in .glyphicon-cog:before {
            position: relative;
            top: 1.5px;
        }

        #loginAreaContainer.logged-in .greeting span {
            padding-right: 6px;
        }

    #loginAreaContainer.logged-in .metanavi {
        padding-left: 15px;
        padding-right: 15px;
    }

    #loginAreaContainer.logged-in .swap {
        padding-left: 7.5px;
        padding-right: 7.5px;
    }



        #loginAreaContainer.logged-in .navbar-nav {
            /*padding: 0 44px 0 0;*/
            padding: 0;
            margin-right: -13px;
        }
            #loginAreaContainer.logged-in .navbar-nav .item a {
                padding: 0 13px;
                background: none;
                font-size: 17px;
                line-height: 46px;
                border-bottom: 2px solid transparent;
                border-top: 2px solid transparent;
            }

            #headerContainer.scroll #loginAreaContainer.logged-in .navbar-nav .item a {
                line-height: 42px;
            }

                #loginAreaContainer.logged-in .navbar-nav .item.active a {
                    border-bottom-color: #e2aa00;
                    color: #1b5092;
                }

                #loginAreaContainer.logged-in .navbar-nav .item.active a:hover,
                #loginAreaContainer.logged-in .navbar-nav .item.active a:focus,
                #loginAreaContainer.logged-in .navbar-nav .item.active a:active,
                #headerContainer.scroll #loginAreaContainer.logged-in .navbar-nav .item.active a:hover,
                #headerContainer.scroll #loginAreaContainer.logged-in .navbar-nav .item.active a:focus,
                #headerContainer.scroll #loginAreaContainer.logged-in .navbar-nav .item.active a:active {
                    color: #e2aa00;
                }

            #loginAreaContainer.logged-in .navbar-nav .item a:focus,
            #loginAreaContainer.logged-in .navbar-nav .item a:hover {
                background: none;
            }

            #headerContainer.scroll #loginAreaContainer.logged-in .navbar-nav .item a {
                color: #1b5092;
            }

            #headerContainer.scroll #loginAreaContainer.logged-in .navbar-nav .item a:hover,
            #headerContainer.scroll #loginAreaContainer.logged-in .navbar-nav .item a:focus,
            #headerContainer.scroll #loginAreaContainer.logged-in .navbar-nav .item a:active {
                color: #e2aa00;
            }

#mobileLoginAreaContainer .bodytext.error,
#loginAreaContainer .bodytext.error {
    color: #e10808;
    padding-bottom: 20px;
    font-size: 16px;
    line-height: 20px;
}

#loginAreaContainer .bodytext.error {
    margin-top: -15px;
}

#pageContainer {
    position: relative;
}

#contentContainer {
    overflow-x: hidden;
}

    #contentContainer .tx-felogin-pi1 form {
        padding-top: 47px;
    }

.noStage #contentContainer #content{
    margin-top: 171px;
}

.noStage .user-logged-in + #contentContainer #content {
    margin-top: 221px;
}

@media (max-width: 991px) {
    .noStage #contentContainer #content {
        margin-top: 71px !important;
    }
}

/*new menu layout*/
#mobileLoginAreaContainer {
    background: linear-gradient(207.35deg, rgba(152, 164, 175, 0.3) 0%, rgba(193, 205, 219, 0.3) 37.35%, rgba(241, 245, 248, 0.3) 68.97%, rgba(184, 200, 215, 0.3) 100%, rgba(184, 200, 215, 0.3) 100%);
    /* background-color: #e3e6e9; */
    background-color: #fff;
    /*box-shadow: 0 0 61px rgba(0, 0, 0, 0.2);*/
}


#mainNavigationContainer.openLevel2 .level1,
#mainNavigationContainer.openingLevel2 .level1{
    transform: translate(-100%, 0);
    visibility: hidden;
}

#mainNavigationContainer.openLevel3 .level1,
#mainNavigationContainer.openingLevel3 .level1{
    transform: translate(-200%, 0);
    visibility: hidden;
}

#mainNavigationContainer.changingLevel2 .level2 {
    opacity: 0;
    transform: translate(0, 50px);
}

#mainNavigationContainer.changingLevel3 .level2{
    opacity: 0;
    transform: translate(0, 50px);
}

#mainNavigationContainer .level2,
#mainNavigationContainer .level3 {
    position: absolute;
    top: 0;
    left: 100%;
    width: 100%;
    visibility: hidden;
    transition: transform 250ms linear, opacity 250ms linear;
}

#mainNavigationContainer .level1 {
    transform: translate(0, 0);
    transition: transform 250ms linear;
}

#mainNavigationContainer .level1 .open .level2 {
    visibility: visible;
}

#mainNavigationContainer .level2 > .open .level3 {
    visibility: visible;
}


/* new menu layout */
#mobileLoginAreaContainer.not-logged-in {
    height: 100%;
    padding: 0 20px;
    position: absolute;
    width: 100%;
    /* width: calc(100% - 61px); */
    z-index: 100;
    transform: translateX(100%);
    transition: transform 0.25s linear;
}

.openMobileLoginArea #mobileLoginAreaContainer.not-logged-in {
    transform: translateX(0);
}

    #mobileLoginAreaContainer .mobilelogin-toggle {
        color: #1b5092;
        font-size: 18px;
        margin-top: 19px;
        /* margin-right: -8px; */
        margin-bottom: 0;
        transition: color 250ms linear;
        position: relative;
        float: right;
        z-index: 1;
        padding: 9px 0;
        background-color: transparent;
        background-image: none;
        border: none;
    }
    #mobileLoginAreaContainer .mobilelogin-toggle:focus {
        outline: 0;
    }

        #mobileLoginAreaContainer h1,
        #mobileLoginAreaContainer .h1 {
            /* font-size: 23px; */
            padding-bottom: 15px;
        }

        #mobileLoginAreaContainer .form-group .btn[type="submit"] {
            width: 100%;
        }

    #mobileLoginAreaContainer a.forgot {
        font-weight: normal;
    }

#mobileLoginAreaContainer.logged-in {
    padding: 30px 0 30px 15px;
}

    #mobileLoginAreaContainer.logged-in .greeting {
        color: #1b5092;
        font-size: 17px;
        line-height: 50px;
    }

        #mobileLoginAreaContainer.logged-in .userSettings {
            padding-right: 0;
        }

            #mobileLoginAreaContainer.logged-in .userSettings a {
                padding-left: 0;
                padding-right: 0;
            }

                #mobileLoginAreaContainer.logged-in .glyphicon-cog {
                    padding-left: 8px;
                }

                #mobileLoginAreaContainer.logged-in .glyphicon-cog:before {
                    position: relative;
                    top: 4px;
                }

        #mobileLoginAreaContainer.logged-in .greeting span {
            padding-right: 6px;
        }

        #mobileLoginAreaContainer.logged-in .navbar-nav {
            margin: 0;
        }

            #mobileLoginAreaContainer.logged-in .navbar-nav .item {
                float: none;
            }

                #mobileLoginAreaContainer.logged-in .navbar-nav .item a {
                    padding: 10px 0;
                    font-size: 17px;
                }

                #mobileLoginAreaContainer.logged-in .navbar-nav .item.open a span {
                    color: #1b5092;
                }

/* --- Data Table ----------------------- */
.page-userarea .news {
    padding-bottom: 73px;
}

.page-userarea .news .news {
    padding-bottom: 0;
}

/* #breadcrumbContainer {
    padding-top: 50px;
} */

    .breadcrumb {
        display: inline;
        padding: 8px 10px;
        background-color: transparent;
        font-size: 15px;
        margin-bottom: 0;
    }

        .breadcrumb > li {
            display: inline;
        }

        .breadcrumbHint {
            font-size: 15px;
        }

.userareaOverviewListContainerOuter {
    background-color: #fff;
    margin-top: 48px;
}

    @media (max-width: 991px) {
        .userareaOverviewListContainerOuter {
            margin-top: 8px;
        }
    }

    .largeContentWidth .contentElementContainer {
        max-width: 1200px;
    }

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

            .userareaOverviewList:before, .userareaOverviewList:after {
                content: normal;
            }

            .userareaOverviewListItem {
                padding-top: 45px;
                padding-bottom: 45px;
                position: relative;

            }
                .userareaOverviewListContainer .userareaOverviewListItem a {
                    /*position: relative;*/
                    height: 100%;
                    min-height: 100%;
                    /*display: flex;
                    flex-direction: column;*/
                    /*flex-wrap: wrap;*/
                    display: block;
                    transition: color 250ms ease 0s;
                    padding-bottom: 68px;
                }

                    .userareaOverviewListContainer .userareaOverviewListItem a:hover,
                    .userareaOverviewListContainer .userareaOverviewListItem a:focus,
                    .userareaOverviewListContainer .userareaOverviewListItem a:active {
                        color: #1b5092;
                    }

                    .userareaOverviewListContainer .userareaOverviewListItem a:before,
                    .userareaOverviewListContainer .userareaOverviewListItem a:after {
                        content: normal;
                    }

                    .userareaOverviewListContainer .userareaOverviewListItem .bodytext {
                        font-size: 17px;
                        line-height: 26px;
                        padding-top: 17px;
                        color: #53565a;
                    }

                    .userareaOverviewListContainer .userareaOverviewListItem a:hover .bodytext,
                    .userareaOverviewListContainer .userareaOverviewListItem a:focus .bodytext,
                    .userareaOverviewListContainer .userareaOverviewListItem a:active .bodytext {
                        color: #1b5092;
                    }

                    .userareaOverviewListContainer .userareaOverviewListItem h2,
                    .userareaOverviewListContainer .userareaOverviewListItem .h2 {
                        color: inherit;
                        margin-top: 25px;
                    }

                    .userareaOverviewListContainer .userareaOverviewListItem .centeredButtonContainer {
                        /*margin-top: auto;*/
                        padding-top: 0;
                        padding-bottom: 0;
                        /* position: absolute; */
                        margin-top: 30px;
                        bottom: 45px;
                        left: 0;
                        width: 100%;
                    }

                    .userAreaIcon:before {
                        font-family: 'LineIconsPro Regular';
                        /* font-family: 'iconfont'; */
                        speak: none;
                        font-style: normal;
                        font-weight: normal;
                        font-variant: normal;
                        text-transform: none;
                        line-height: 1;

                        /* Better Font Rendering =========== */
                        -webkit-font-smoothing: antialiased;
                        -moz-osx-font-smoothing: grayscale;

                        font-size: 90px;
                        display: inline-block;
                    }

                        .userAreaIcon.download:before {
                            content: "\ed99";
                        }

                        .icon-profile:before {
                          content: "\e90b";
                        }

                        .userAreaIcon.price:before {
                            content: "\ec67";
                        }

                        .userAreaIcon.order:before {
                            content: "\ec70";
                        }

                        .userAreaIcon.knowledgebase:before {
                            content: "\eb69";
                        }

                        .userAreaIcon.catalog:before {
                            content: "\eb66";
                        }

                        .userAreaIcon.mediacenter:before {
                            /* lnil-files-alt  */
                            content: "\eda1";

                            /* lnil-file-download */
                            /* content: "\ed9c"; */

                            /* lnil-gallery */
                            /* content: "\eca4"; */
                        }

#knowledgebaseContentSection,
.faq #breadcrumbContainer + .userAreaParagraph {
    margin-top: 53px;
}

    @media (max-width: 991px) {
        #knowledgebaseContentSection,
        .faq #breadcrumbContainer + .userAreaParagraph {
            margin-top: 13px;
        }
    }

    @media (max-width: 767px) {
        #knowledgebaseContentSection,
        .faq #breadcrumbContainer + .userAreaParagraph {
            margin-top: 33px;
        }
    }

.bodytext.no-rows {
    font-style: italic;
}

/* .linkList li {
    display: block;
    padding-top: 10px;
    padding-bottom: 10px;
} */

.table {
    margin-top: 29px;
    font-size: 17px;
    line-height: 26px;
}

    .table > thead {
        font-weight: bold;
    }

.dataTableContainer {
    background-color: #ffffff;
    padding-bottom: 73px;
}

.tableContainerOuter {
    margin-top: 25px;
    overflow-x: auto;
}

    .tableContainerTop {
        padding-top: 26px;
    }

    .tableContainerTop .hintText {
        font-size: 20px;
    }

        .fancyLabelContainer {
            margin-top: 33px;
        }

        div.dataTables_wrapper div.dataTables_filter {
            position: relative;
        }

            div.dataTables_wrapper div.dataTables_filter:after {
                position: absolute;
                content: '\e905';
                /* top: 12px; */
                top: 50%;
                transform: translateY(-50%);
                right: 12px;
                color: #1b5092;
                font-size: 22px;

                font-family: 'iconfont';
                speak: none;
                font-style: normal;
                font-weight: normal;
                font-variant: normal;
                text-transform: none;
                line-height: 1;

                /* Better Font Rendering =========== */
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
            }

        div.dataTables_wrapper div.dataTables_filter,
        div.dataTables_wrapper div.dataTables_filter label {
            text-align: left;
            font-size: 17px;
        }

        @media (max-width: 380px) {
            div.dataTables_wrapper div.dataTables_filter label {
                font-size: 13px;
            }

            /* div.dataTables_wrapper div.dataTables_filter > label.faqSearchLabel {
                font-size: 15px;
            } */
        }

        div.dataTables_wrapper div.dataTables_filter > label {
            margin-bottom: 0;
            display: block;
        }

        div.dataTables_wrapper div.dataTables_filter input {
            display: block;
            min-width: 500px;
            margin: 0;
            padding-right: 42px;
            font-weight: normal;
        }

        div.dataTables_wrapper div.dataTables_length,
        div.dataTables_wrapper div.dataTables_length label {
            text-align: left;
            font-size: 17px;
        }

        div.dataTables_wrapper div.dataTables_length a,
        div.dataTables_wrapper div.dataTables_length select {
            display: block;
            margin: 8px 0 0 0;
        }

    .tableContainer {

    }

        .tableContainer table {
            position: relative;
        }

        table.dataTable {
            border-spacing: 6px;
            border-collapse: separate;
            visibility: hidden;
            opacity: 0;
            margin-top: 0 !important;
            margin-bottom: 0 !important;
        }

        .tableContainerOuter .tableContainer .col-sm-12 {
            padding-right: 9px;
            padding-left: 9px;
        }

        table.dataTable > thead > tr > th {
            border-bottom: 2px solid #53575a;
            padding-bottom: 20px;
            padding-left: 15px;
            padding-right: 15px;
            vertical-align: top;
        }

        table.dataTable > tbody > tr > td {
            border-top: 1px solid #cccccc;
            padding-top: 14px;
            padding-bottom: 8px;
            padding-left: 15px;
            padding-right: 15px;
        }

        table.dataTable > tbody > tr > td.dataTables_empty {
            display: none;
        }

        table.dataTable > tbody > tr:first-child td {
            border-top: none;
            padding-top: 6px;
        }

        table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting:after {
            font-family: 'iconfont';
            /* font-family: 'LineIconsPro Light'; */
            speak: none;
            font-style: normal;
            font-weight: normal;
            font-variant: normal;
            text-transform: none;
            line-height: 1;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;

            font-size: 18px;
            top: 5px;
            padding: 5px;
            right: 7px;
            width: 30px;
            height: 30px;
        }

        table.dataTable thead .sorting:after {
            display: block;
            /* content: "\ec96"; */
            content: "\e904";
        }

        table.dataTable thead .sorting_asc:after {
            color: #ffffff;
            background-color: #1b5092;
            content: "\e904";
            /* content: "\ec96"; */
        }

        table.dataTable thead .sorting_desc:after {
            color: #ffffff;
            background-color: #1b5092;
            content: "\e903";
        }

        table.dataTable thead > tr > th.sorting_asc,
        table.dataTable thead > tr > th.sorting_desc {
            color: #1b5092;
            border-bottom: 2px solid #1b5092;
        }

        table.dataTable thead .sorting_asc::after,
        table.dataTable thead .sorting_desc::after {
            opacity: 1;
        }

        table.dataTable thead > tr > th.sorting_asc,
        table.dataTable thead > tr > th.sorting_desc,
        table.dataTable thead > tr > th.sorting {
            padding-right: 43px;
        }

        .tableContainer.contentElementContainer.contentElementContainer .table .linkList {
            padding: 0;
        }

            .tableContainer.contentElementContainer.contentElementContainer .table .linkList li {
                display: block;
            }

        .tableContainer.contentElementContainer.contentElementContainer .table .arrowLink {
            font-weight: normal;
        }

    .tableContainerBottom {
        padding-top: 30px;
    }

    .downloadContainerBottom {
        padding-top: 30px;
    }

    .downloadContainerBottom:empty,
    .downloadContainerTop:empty {
        display: none;
    }

        div.dataTables_wrapper div.dataTables_paginate ul.pagination {
            width: auto;
        }

            div.dataTables_wrapper div.dataTables_paginate ul.pagination > li {
                display: inline;
            }

                div.dataTables_wrapper div.dataTables_paginate ul.pagination > li > a {
                    /* font-size: 17px; */
                    /* border: 1px solid #1b5092; */
                    background-color: transparent;
                    /* margin: 0 0 0 -1px; */
                    /* padding-top: 7px; */
                    /* padding-bottom: 7px; */
                    font-size: 20px;
                    border: none;
                    margin: 0 5px;
                    padding: 6px 17px;
                }

                div.dataTables_wrapper div.dataTables_paginate ul.pagination > li > a:not(.paginate_button),
                div.dataTables_wrapper div.dataTables_paginate ul.pagination > li#datatable_ellipsis > a {
                    /* width: 35px; */
                    text-align: center;
                    /* padding-right: 0;
                    padding-left: 0; */
                }

                div.dataTables_wrapper div.dataTables_paginate ul.pagination > li.active a,
                div.dataTables_wrapper div.dataTables_paginate ul.pagination > li.active a:hover,
                div.dataTables_wrapper div.dataTables_paginate ul.pagination > li.active a:focus {
                    background-color: #1b5092;
                }

                div.dataTables_wrapper div.dataTables_paginate ul.pagination > li a:hover,
                div.dataTables_wrapper div.dataTables_paginate ul.pagination > li a:focus {
                    background-color: #e2aa00;
                }

                div.dataTables_wrapper div.dataTables_paginate ul.pagination > li.previous a,
                div.dataTables_wrapper div.dataTables_paginate ul.pagination > li.next a {
                    /* color: #1b5092; */
                    font-size: 20px;
                    border-color: transparent;
                    /* background: transparent;
                    padding-top: 10px;
                    padding-bottom: 4px; */
                    color: #fff;
                    background-color: #1b5092;
                    padding: 6px 12px;
                }

                /* div.dataTables_wrapper div.dataTables_paginate ul.pagination > li.previous a {
                    padding-right: 16px;
                }

                div.dataTables_wrapper div.dataTables_paginate ul.pagination > li.next a {
                    padding-left: 16px;
                } */

                    div.dataTables_wrapper div.dataTables_paginate ul.pagination > li.next a span:before {
                        font-size: 17px;
                        content: "\ecc3";
                        font-family: 'LineIconsPro Light';
                    }

                    div.dataTables_wrapper div.dataTables_paginate ul.pagination > li.previous a span:before {
                        font-size: 17px;
                        content: "\ecc1";
                        font-family: 'LineIconsPro Light';
                    }

                    @media (max-width: 565px) {
                        div.dataTables_wrapper div.dataTables_paginate ul.pagination > li > a {
                            font-size: 18px;
                            margin: 0 2px;
                            padding: 6px 14px;
                        }

                        div.dataTables_wrapper div.dataTables_paginate ul.pagination > li.previous a,
                        div.dataTables_wrapper div.dataTables_paginate ul.pagination > li.next a {
                            padding: 6px 10px;
                        }
                    }


                    @media (max-width: 410px) {
                        div.dataTables_wrapper div.dataTables_paginate ul.pagination > li > a {
                            font-size: 14px;
                            padding: 4px 12px;
                            margin: 0 1px;
                        }

                        div.dataTables_wrapper div.dataTables_paginate ul.pagination > li.previous a,
                        div.dataTables_wrapper div.dataTables_paginate ul.pagination > li.next a {
                            padding: 4px 8px;
                            font-size: 14px;
                        }

                            div.dataTables_wrapper div.dataTables_paginate ul.pagination > li.previous a span:before,
                            div.dataTables_wrapper div.dataTables_paginate ul.pagination > li.next a span:before {
                                font-size: 14px;
                            }

                        #datatable_paginate {
                            margin-left: -10px;
                            margin-right: -10px;
                        }

                    }

                div.dataTables_wrapper div.dataTables_paginate ul.pagination > li#datatable_ellipsis a {
                    color: #1b5092;
                    padding-right: 10px;
                    padding-left: 10px;
                }

                div.dataTables_wrapper div.dataTables_paginate ul.pagination > li.next a:hover,
                div.dataTables_wrapper div.dataTables_paginate ul.pagination > li.previous a:hover {
                    background: #e2aa00;
                }

                div.dataTables_wrapper div.dataTables_paginate ul.pagination > li.next a:focus,
                div.dataTables_wrapper div.dataTables_paginate ul.pagination > li.previous a:focus {
                    background: #e2aa00;
                }
                     div.dataTables_wrapper div.dataTables_paginate ul.pagination > li.disabled > a,
                     div.dataTables_wrapper div.dataTables_paginate ul.pagination > li.disabled > a:hover,
                     div.dataTables_wrapper div.dataTables_paginate ul.pagination > li.disabled > a:focus,
                     div.dataTables_wrapper div.dataTables_paginate ul.pagination > li.disabled > a:active {
                        color: #777;
                        border-top-color: transparent;
                        border-bottom-color: transparent;
                        background-color: transparent;
                     }

                     div.dataTables_wrapper div.dataTables_paginate ul.pagination > li.disabled.previous > a,
                     div.dataTables_wrapper div.dataTables_paginate ul.pagination > li.disabled.previous > a:hover,
                     div.dataTables_wrapper div.dataTables_paginate ul.pagination > li.disabled.previous > a:focus,
                     div.dataTables_wrapper div.dataTables_paginate ul.pagination > li.disabled.previous > a:active,
                     div.dataTables_wrapper div.dataTables_paginate ul.pagination > li.disabled.next > a,
                     div.dataTables_wrapper div.dataTables_paginate ul.pagination > li.disabled.next > a:hover,
                     div.dataTables_wrapper div.dataTables_paginate ul.pagination > li.disabled.next > a:focus,
                     div.dataTables_wrapper div.dataTables_paginate ul.pagination > li.disabled.next > a:active {
                        visibility: hidden;
                    }

        div.dataTables_wrapper div.dataTables_info {
            font-size: 17px;
        }

.backLink.centeredButton {
    text-transform: none;
}

.backLink.centeredButton.top {
    margin-top: 30px;
}

.backLink.centeredButton:before {
    /* content: "\e601";
    left: auto;
    margin-left: -12px; */
    font-family: 'LineIconsPro Light';
    content: "\ecc1";
    /* color: #1b5092; */
    font-size: 16px;
    position: relative;
    left: -3px;
    top: -1px;
    padding-right: 4px;
}

.fancyLabelContainer {
    position: relative;
}

    .fancyLabelContainer .fancyLabel {
        font-size: 17px;
        line-height: 24px;
        margin-bottom: 0;
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        z-index: 400;
        width: 100%;
        padding: 6px 12px;
        cursor: text;
        font-weight: normal;
        color: #999;
        transition: 0.3s;
        display: inline-block;
        width: auto;
    }

    .fancyLabelContainer.focused .fancyLabel {
        top: -3px;
        padding-bottom: 0;
    }

        .fancyLabelContainer.focused .fancyLabel:before {
            content: '';
            height: 3px;
            background-color: #fff;
            position: absolute;
            display: block;
            left: 9px;
            right: 9px;
            top: 50%;
            margin-top: 1.5px;
            z-index: -1;
        }

.tx-wes-abi-userarea .backLink.centeredButton.top {
    margin-top: 64px;
}

.tx-wes-abi-userarea .downloadsContainer {

}

    .tx-wes-abi-userarea #breadcrumbContainer + .h1.sectionHeadline {
        margin-top: 83px;
    }

    @media (max-width: 991px) {
        .tx-wes-abi-userarea #breadcrumbContainer + .h1.sectionHeadline {
            margin-top: 40px;
        }

        .tx-wes-abi-userarea #breadcrumbContainer + .h1.sectionHeadline + .userAreaParagraph p:first-child {
            padding-top: 0;
        }
    }

    .tx-wes-abi-userarea .downloadsContainer .downloadContainerTop {
        margin-top: 30px;
    }

    .tx-wes-abi-userarea .downloadsContainer .downloadsSearchFormContainer {
        padding-top: 26px;
    }

        .tx-wes-abi-userarea .downloadsContainer .downloadsSearchFormContainer .form-group {
            position: relative;
            max-width: 468px;
        }

            .tx-wes-abi-userarea .downloadsContainer .downloadsSearchFormContainer .input-group .input-group-btn .btn {
                height: 60px;
                margin-top: 0;
                width: 60px;
                border-color: #1b5092;
                background-color: #1b5092;
            }

                @media (max-width: 350px) {
                    .tx-wes-abi-userarea .downloadsContainer .downloadsSearchFormContainer .input-group .input-group-btn .btn {
                        width: 45px;
                    }
                }

                .tx-wes-abi-userarea .downloadsContainer .downloadsSearchFormContainer .input-group .input-group-btn .btn:hover,
                .tx-wes-abi-userarea .downloadsContainer .downloadsSearchFormContainer .input-group .input-group-btn .btn:focus,
                .tx-wes-abi-userarea .downloadsContainer .downloadsSearchFormContainer .input-group .input-group-btn .btn:active {
                    border-color: #e2aa00;
                    background-color: #e2aa00;
                }

                .tx-wes-abi-userarea .downloadsContainer .downloadsSearchFormContainer .input-group .input-group-btn .btn .lnil:before {
                    color: #fff;
                    font-size: 20px;
                }

    .tx-wes-abi-userarea .downloadsContainer .disclaimerNoWarranty {
        padding-top: 8px;
        padding-bottom: 0;
    }

    .tx-wes-abi-userarea .downloads {
        padding-bottom: 73px;
    }

        .tx-wes-abi-userarea .downloadsContainer .no-search-results {
            font-size: 17px;
            line-height: 26px;
            padding-top: 30px;
        }

        .tx-wes-abi-userarea .downloadsContainer .accordion {
            margin-top: 0;
        }

        .tx-wes-abi-userarea .downloadsContainer .downloadsStepsContainer {
            margin-top: 64px;
            margin-bottom: 25px;
        }

            .tx-wes-abi-userarea .downloadsContainer .downloadsSteps {
                margin-left: -30px;
                margin-bottom: 0;
            }

                .tx-wes-abi-userarea .downloadsContainer .downloadsSteps > li {
                    padding-left: 30px;
                    padding-right: 30px;
                }

                    .tx-wes-abi-userarea .downloadsContainer .downloadsSteps > li > a, .tx-wes-abi-userarea .downloadsContainer .downloadsSteps > li > span {
                        font-size: 17px;
                        overflow: hidden;
                        display: inline-block;
                        padding-bottom: 22px;
                    }

                    .tx-wes-abi-userarea .downloadsContainer .downloadsSteps > li.disabled > a, .tx-wes-abi-userarea .downloadsContainer .downloadsSteps > li.disabled > span {
                        color: #cbced0;
                        cursor: default;
                    }

                        .tx-wes-abi-userarea .downloadsContainer .downloadsSteps > li.active > a > .stepInner, .tx-wes-abi-userarea .downloadsContainer .downloadsSteps > li.active > span > .stepInner {
                            font-weight: bold;
                            position: relative;
                            cursor: default;
                            color: #1b5092;
                        }

                            .tx-wes-abi-userarea .downloadsContainer .downloadsSteps > li.active > a > .stepInner:before, .tx-wes-abi-userarea .downloadsContainer .downloadsSteps > li.active > span > .stepInner:before {
                                content: "\e60e";
                                font-family: 'iconfont';
                                font-style: normal;
                                font-weight: normal;
                                font-variant: normal;
                                text-transform: none;
                                line-height: 1;
                                display: block;
                                position: absolute;
                                bottom: -22px;
                                left: 50%;
                                margin-left: -113px;
                                font-size: 14px;
                            }

        .tx-wes-abi-userarea .downloadsContainer .downloadsLevelContainer {
            position: relative;
            overflow: hidden;
            margin-top: 16px;
        }

            .tx-wes-abi-userarea .downloadsContainer .backLinkContainer > ul {
                margin-left: -7.5px;
                margin-right: -7.5px;
                padding-bottom: 10px;
            }

                .tx-wes-abi-userarea .downloadsContainer .backLinkContainer > ul > li {
                    padding-left: 7.5px;
                    padding-right: 7.5px;
                }

                    .tx-wes-abi-userarea .downloadsContainer .backLinkContainer .backLink {
                        font-size: 17px;
                        line-height: 26px;
                        padding-left: 20px;
                        font-weight: bold;
                        display: block;
                        position: relative;
                    }

                        .tx-wes-abi-userarea .downloadsContainer .backLinkContainer .backLink > span {
                            padding-bottom: 10px;
                            display: block;
                        }

                        .tx-wes-abi-userarea .downloadsContainer .backLinkContainer .backLink .icon {
                            position: absolute;
                            top: 4px;
                            left: 0;
                        }

            .tx-wes-abi-userarea .downloadsContainer .downloadsLevelContainer a.categoryLabel {
                display: block;
                font-size: 22px;
                line-height: 26px;
                font-weight: lighter;
                position: relative;
            }

                .tx-wes-abi-userarea .downloadsContainer .downloadsLevelContainer a.categoryLabel > span {
                    display: block;
                    padding-top: 20px;
                    padding-bottom: 20px;
                    padding-right: 50px;
                    border-bottom: 1px solid #e3e6e9;
                }

                .tx-wes-abi-userarea .downloadsContainer .downloadsLevelContainer ul > li:first-child > a.categoryLabel > span, .tx-wes-abi-userarea .downloadsContainer .downloadsLevelContainer ul > li.backLinkContainer + li > a.categoryLabel > span {
                    border-top: 1px solid #e3e6e9;
                }

                    .tx-wes-abi-userarea .downloadsContainer .downloadsLevelContainer a.categoryLabel .icon {
                        position: absolute;
                        right: 0;
                        top: 50%;
                        -webkit-transform: translateY(-50%);
                        -moz-transform: translateY(-50%);
                        -ms-transform: translateY(-50%);
                        -o-transform: translateY(-50%);
                        transform: translateY(-50%);
                    }

                        .tx-wes-abi-userarea .downloadsContainer .downloadsLevelContainer .open > a.categoryLabel .icon {
                            display: none;
                        }

                        .tx-wes-abi-userarea .downloadsContainer .downloadsLevelContainer a.categoryLabel .icon:before {
                            color: #d9e2ed;;
                        }

                            .tx-wes-abi-userarea .downloadsContainer .downloadsLevelContainer a.categoryLabel:hover .icon:before,
                            .tx-wes-abi-userarea .downloadsContainer .downloadsLevelContainer a.categoryLabel:focus .icon:before,
                            .tx-wes-abi-userarea .downloadsContainer .downloadsLevelContainer a.categoryLabel:active .icon:before {
                                color: #e2aa00;
                            }

        .tx-wes-abi-userarea .downloadsContainer .downloadsSearchResultsContainer {
            margin-top: 35px;
        }

            .tx-wes-abi-userarea .downloadsContainer .infoLabel {
                font-size: 17px;
                line-height: 26px;
                margin-bottom: 10px;
                margin-top: 10px;
            }

            .tx-wes-abi-userarea .downloadsContainer .infoLabel.noResults {
                margin-top: 35px;
            }

        .tx-wes-abi-userarea .downloadsContainer .articles .panel:first-of-type {
            border-top: 1px solid #d1dce9;
        }

            .tx-wes-abi-userarea .downloadsContainer .articles .panel .panel-heading {
                padding: 0;
            }

                .tx-wes-abi-userarea .downloadsContainer .articles .panel .panel-heading > a {
                    margin-bottom: 0;
                    padding-top: 20px;
                    padding-bottom: 20px;
                }

                    .tx-wes-abi-userarea .downloadsContainer .articles .panel .title {
                        font-size: 22px;
                        line-height: 26px;
                        margin-top: 0;
                        margin-bottom: 0;
                    }

                    .tx-wes-abi-userarea .downloadsContainer .articles > .panel > .panel-heading .title {
                        position: relative;
                        display: flex;
                    }

                        .tx-wes-abi-userarea .downloadsContainer .articles > .panel > .panel-heading .title .previewimageContainer {
                            display: block;
                            width: 52px;
                            height: 52px;
                            order: 3;
                            margin-left: 50px;
                        }

                        .tx-wes-abi-userarea .downloadsContainer .articles .panel .title .articlenumber {
                            display: inline-block;
                            vertical-align: top;
                            min-width: 100px;
                            order: 1;
                        }
                        .tx-wes-abi-userarea .downloadsContainer #heading99999999 .articlenumber, .tx-wes-abi-userarea .downloadsContainer .articles .panel .title.localFile .articlenumber {
                            display: none;
                        }


                        .tx-wes-abi-userarea .downloadsContainer .articles .panel .title .articlename {
                            display: inline-block;
                            padding-left: 20px;
                            order: 2;
                        }

                        .tx-wes-abi-userarea .downloadsContainer #heading99999999 .articlename, .tx-wes-abi-userarea .downloadsContainer .articles .panel .title.localFile .articlename {
                            padding-left: 0;
                        }

                    .tx-wes-abi-userarea .downloadsContainer .articles .panel .panel-heading .icon {
                        top: 50%;
                        -webkit-transform: translateY(-50%);
                        -moz-transform: translateY(-50%);
                        -ms-transform: translateY(-50%);
                        -o-transform: translateY(-50%);
                        transform: translateY(-50%);
                    }

                    .tx-wes-abi-userarea .downloadsContainer .articles .panel .panel-heading .collapsed .icon {
                        margin-top: 0;
                    }

            .tx-wes-abi-userarea .tableContainer .arrowLink {
                font-size: inherit;
                line-height: 20px;
            }

                .tx-wes-abi-userarea .tableContainer .arrowLink:after {
                    top: 3px;
                }

                .tx-wes-abi-userarea .tableContainer .externalLink {
                    font-weight: normal;
                    line-height: 20px;
                }

            .tx-wes-abi-userarea .downloadsContainer .articles .panel .panel-body {
                padding: 5px 125px 0;
            }

                .tx-wes-abi-userarea .downloadsContainer .filetypes .panel {

                }

                .tx-wes-abi-userarea .downloadsContainer .filetypes .panel + .panel {
                    margin-top: 0;
                }

                .tx-wes-abi-userarea .downloadsContainer .filetypes .panel:first-child {
                    border-top: none;
                }

                .tx-wes-abi-userarea .downloadsContainer .filetypes .panel:last-child {
                    border-bottom: none;
                }

                .tx-wes-abi-userarea .downloadsContainer .filetypes .filetype {
                    border-bottom: 1px solid #d1dce9;
                    padding-bottom: 0;
                    padding-top: 15px;
                }

                .tx-wes-abi-userarea .downloadsContainer .filetypes .popover.top {
                    pointer-events: none;
                }

                .tx-wes-abi-userarea .downloadsContainer .filetypes .popover.left {
                    margin-left: -15px;
                }

                .tx-wes-abi-userarea .downloadsContainer .filetypes .popover.right {
                    margin-left: 15px;
                }

                .tx-wes-abi-userarea .downloadsContainer .filetypes .filetype:last-child {
                    border-bottom: none;
                }

                    .tx-wes-abi-userarea .downloadsContainer .filetypes .filetype .filetypename {
                        max-width: 345px;
                    }

                    .tx-wes-abi-userarea .downloadsContainer .filetypes .filetype .filetypeFilesContainer {
                        min-width: calc(100% - 345px);
                    }

                    .tx-wes-abi-userarea .downloadsContainer .filetypes .panel .panel-heading {
                        padding: 0;
                    }

                        .tx-wes-abi-userarea .downloadsContainer .filetypes .panel .panel-heading > a {
                            padding-top: 22px;
                            padding-bottom: 12px;
                        }

                        .tx-wes-abi-userarea .downloadsContainer .filetypes .panel .panel-heading > a.collapsed {
                            padding-bottom: 22px;
                        }

                            .tx-wes-abi-userarea .downloadsContainer .articles .panel .filetypes .title {
                                font-size: 17px;
                                font-weight: normal;
                                line-height: 26px;
                                padding-bottom: 10px;
                                display: block;
                            }

                                .tx-wes-abi-userarea .downloadsContainer .filetypes .panel .panel-heading .icon {
                                    right: auto;
                                    padding-left: 15px;
                                    font-size: 7px;
                                    margin-top: 5px
                                }

                                .tx-wes-abi-userarea .downloadsContainer .filetypes .panel .panel-heading .collapsed .icon {
                                    margin-top: 0px;
                                }

                                    .tx-wes-abi-userarea .downloadsContainer .filetypes .panel .panel-heading .icon:before {
                                        color: #1b5092;
                                    }

                                        .tx-wes-abi-userarea .downloadsContainer .filetypes .panel .panel-heading > a:hover .icon:before,
                                        .tx-wes-abi-userarea .downloadsContainer .filetypes .panel .panel-heading > a:focus .icon:before,
                                        .tx-wes-abi-userarea .downloadsContainer .filetypes .panel .panel-heading > a:active .icon:before {
                                            color: #e2aa00;
                                        }

                        .tx-wes-abi-userarea .downloadsContainer .filetypes .filetypeFiles {
                            font-size: 17px;
                            line-height: 26px;
                            padding-top: 0;
                        }

                            .tx-wes-abi-userarea .downloadsContainer .filetypes .filetypeFiles .file {
                                padding-bottom: 15px;
                            }

                                /* .tx-wes-abi-userarea .downloadsContainer .filetypes .filetypeFiles .file .fileMetaData {
                                    padding-left: 22px;
                                } */

                                    .tx-wes-abi-userarea .downloadsContainer .filetypes .filetypeFiles .file .fileMetaData .filesize,
                                    .tx-wes-abi-userarea .downloadsContainer .filetypes .filetypeFiles .file .fileMetaData .fileextension {
                                        white-space: nowrap;
                                    }

                        .tx-wes-abi-userarea .downloadsContainer .datasheetDownloadContainer .checkbox {
                            margin-top: 0;
                        }

                        .tx-wes-abi-userarea .downloadsContainer .datasheetDownloadContainer .acceptTermsLabel {
                            padding-left: 21px;
                        }

                        .tx-wes-abi-userarea .downloadsContainer .datasheetDownloadContainer .acceptTermsLabel:before {
                            left: 4px;
                            top: 2px;
                        }

                        .tx-wes-abi-userarea .downloadsContainer .datasheetDownloadContainer .acceptTerms ~ a,
                        .tx-wes-abi-userarea .downloadsContainer .datasheetDownloadContainer .acceptTerms ~ a:hover,
                        .tx-wes-abi-userarea .downloadsContainer .datasheetDownloadContainer .acceptTerms ~ a:focus,
                        .tx-wes-abi-userarea .downloadsContainer .datasheetDownloadContainer .acceptTerms ~ a:active {
                            color: #d9e2ed;
                            cursor: not-allowed;
                            margin-top: 7px;
                        }

                        .tx-wes-abi-userarea .downloadsContainer .datasheetDownloadContainer .acceptTerms:checked ~ a {
                            color: #1b5092;
                            cursor: pointer;
                        }

                        .tx-wes-abi-userarea .downloadsContainer .datasheetDownloadContainer .acceptTerms:checked ~ a:hover,
                        .tx-wes-abi-userarea .downloadsContainer .datasheetDownloadContainer .acceptTerms:checked ~ a:focus,
                        .tx-wes-abi-userarea .downloadsContainer .datasheetDownloadContainer .acceptTerms:checked ~ a:active {
                            color: #e2aa00;
                        }

                .tx-wes-abi-userarea .downloadsContainer .articles > .backLinkContainer + .panel, .tx-wes-abi-userarea .downloadsContainer .articles > .backLinkContainer + .searchResultLabel + .panel {
                    border-top: 1px solid #d1dce9;
                }

                .tx-wes-abi-userarea .downloadsContainer .articles > .panel + .backLinkContainer {
                    padding-top: 30px;
                }

                    .tx-wes-abi-userarea .downloadsContainer .panel + .backLinkContainer .backLink > span {
                        padding-bottom: 0;
                    }

                        .tx-wes-abi-userarea .downloadsContainer .panel + .backLinkContainer .backLink .icon {
                            margin-top: 0;
                        }

            .tx-wes-abi-userarea .downloadsContainer .downloadsLevelContainer .level2,
            .tx-wes-abi-userarea .downloadsContainer .downloadsLevelContainer .level3,
            .tx-wes-abi-userarea .downloadsContainer .downloadsLevelContainer .level4,
            .tx-wes-abi-userarea .downloadsContainer .downloadsLevelContainer .level5 {
                position: relative;
                top: 0;
                left: 100%;
                width: 100%;
                visibility: hidden;
                display: none;
            }

                .tx-wes-abi-userarea .downloadsContainer .downloadsLevelContainer .open > ul,
                .tx-wes-abi-userarea .downloadsContainer .downloadsLevelContainer .open > .accordion {
                    visibility: visible;
                    display: block;
                }

                .tx-wes-abi-userarea .downloadsContainer .downloadsLevelContainer a.categoryLabel,
                .tx-wes-abi-userarea .downloadsContainer .downloadsLevelContainer .backLinkContainer,
                .tx-wes-abi-userarea .downloadsContainer .downloadsLevelContainer .articles > .panel {
                    height: 0;
                    overflow: hidden;
                }

                .tx-wes-abi-userarea .downloadsContainer .downloadsLevelContainer.openingLevel1 a.categoryLabel,
                .tx-wes-abi-userarea .downloadsContainer .downloadsLevelContainer.openingLevel2 a.categoryLabel,
                .tx-wes-abi-userarea .downloadsContainer .downloadsLevelContainer.openingLevel3 a.categoryLabel,
                .tx-wes-abi-userarea .downloadsContainer .downloadsLevelContainer.openingLevel4 a.categoryLabel,
                .tx-wes-abi-userarea .downloadsContainer .downloadsLevelContainer.openingLevel5 a.categoryLabel,
                .tx-wes-abi-userarea .downloadsContainer .downloadsLevelContainer.closingLevel1 a.categoryLabel,
                .tx-wes-abi-userarea .downloadsContainer .downloadsLevelContainer.closingLevel2 a.categoryLabel,
                .tx-wes-abi-userarea .downloadsContainer .downloadsLevelContainer.closingLevel3 a.categoryLabel,
                .tx-wes-abi-userarea .downloadsContainer .downloadsLevelContainer.closingLevel4 a.categoryLabel,
                .tx-wes-abi-userarea .downloadsContainer .downloadsLevelContainer.closingLevel5 a.categoryLabel {
                    overflow: visible;
                }

                .tx-wes-abi-userarea .downloadsContainer .downloadsLevelContainer:not(.openLevel2):not(.openingLevel2) .level1 > li > a.categoryLabel, .tx-wes-abi-userarea .downloadsContainer .downloadsLevelContainer:not(.openLevel2):not(.openingLevel2) .level1 > .backLinkContainer, .tx-wes-abi-userarea .downloadsContainer .downloadsLevelContainer .level1 > .panel,
                .tx-wes-abi-userarea .downloadsContainer .downloadsLevelContainer.openLevel2:not(.openLevel3):not(.openingLevel3) .level2 > li > a.categoryLabel, .tx-wes-abi-userarea .downloadsContainer .downloadsLevelContainer.openLevel2:not(.openLevel3):not(.openingLevel3) .level2 > .backLinkContainer, .tx-wes-abi-userarea .downloadsContainer .downloadsLevelContainer.openLevel2 .level2 > .panel,
                .tx-wes-abi-userarea .downloadsContainer .downloadsLevelContainer.openLevel3:not(.openLevel4):not(.openingLevel4) .level3 > li > a.categoryLabel, .tx-wes-abi-userarea .downloadsContainer .downloadsLevelContainer.openLevel3:not(.openLevel4):not(.openingLevel4) .level3 > .backLinkContainer, .tx-wes-abi-userarea .downloadsContainer .downloadsLevelContainer.openLevel3 .level3 > .panel,
                .tx-wes-abi-userarea .downloadsContainer .downloadsLevelContainer.openLevel4:not(.openLevel5):not(.openingLevel5) .level4 > li > a.categoryLabel, .tx-wes-abi-userarea .downloadsContainer .downloadsLevelContainer.openLevel4:not(.openLevel5):not(.openingLevel5) .level4 > .backLinkContainer, .tx-wes-abi-userarea .downloadsContainer .downloadsLevelContainer.openLevel4 .level4 > .panel,
                .tx-wes-abi-userarea .downloadsContainer .downloadsLevelContainer.openLevel5 .level5 > li > a.categoryLabel, .tx-wes-abi-userarea .downloadsContainer .downloadsLevelContainer.openLevel5 .level5 > .backLinkContainer, .tx-wes-abi-userarea .downloadsContainer .downloadsLevelContainer.openLevel5 .level5 > .panel,
                .tx-wes-abi-userarea .downloadsContainer .downloadsLevelContainer.openingLevel2 .level2 > li > a.categoryLabel, .tx-wes-abi-userarea .downloadsContainer .downloadsLevelContainer.openingLevel2 .level2 > .backLinkContainer, .tx-wes-abi-userarea .downloadsContainer .downloadsLevelContainer.openingLevel2 .level2 > .panel,
                .tx-wes-abi-userarea .downloadsContainer .downloadsLevelContainer.openingLevel3 .level3 > li > a.categoryLabel, .tx-wes-abi-userarea .downloadsContainer .downloadsLevelContainer.openingLevel3 .level3 > .backLinkContainer, .tx-wes-abi-userarea .downloadsContainer .downloadsLevelContainer.openingLevel3 .level3 > .panel,
                .tx-wes-abi-userarea .downloadsContainer .downloadsLevelContainer.openingLevel4 .level4 > li > a.categoryLabel, .tx-wes-abi-userarea .downloadsContainer .downloadsLevelContainer.openingLevel4 .level4 > .backLinkContainer, .tx-wes-abi-userarea .downloadsContainer .downloadsLevelContainer.openingLevel4 .level4 > .panel,
                .tx-wes-abi-userarea .downloadsContainer .downloadsLevelContainer.openingLevel5 .level5 > li > a.categoryLabel, .tx-wes-abi-userarea .downloadsContainer .downloadsLevelContainer.openingLevel5 .level5 > .backLinkContainer, .tx-wes-abi-userarea .downloadsContainer .downloadsLevelContainer.openingLevel5 .level5 > .panel {
                    height: auto;
                    overflow: visible;
                }

            .tx-wes-abi-userarea .downloadsContainer .downloadsLevelContainer .level1 {
                transform: translateX(0);
                -moz-transform: translateX(0);
                -webkit-transform: translateX(0);
                transition: transform 300ms linear;
                -moz-transition: -moz-transform 300ms linear;
                -webkit-transition: -webkit-transform 300ms linear;
                margin-bottom: 0;
            }

                .tx-wes-abi-userarea .downloadsContainer .downloadsLevelContainer.openLevel2 .level1, .tx-wes-abi-userarea .downloadsContainer .downloadsLevelContainer.openingLevel2 .level1 {
                    transform: translateX(-100%);
                    -moz-transform: translateX(-100%);
                    -webkit-transform: translateX(-100%);
                }

                .tx-wes-abi-userarea .downloadsContainer .downloadsLevelContainer.openLevel3 .level1, .tx-wes-abi-userarea .downloadsContainer .downloadsLevelContainer.openingLevel3 .level1 {
                    transform: translateX(-200%);
                    -moz-transform: translateX(-200%);
                    -webkit-transform: translateX(-200%);
                }

                .tx-wes-abi-userarea .downloadsContainer .downloadsLevelContainer.openLevel4 .level1, .tx-wes-abi-userarea .downloadsContainer .downloadsLevelContainer.openingLevel4 .level1 {
                    transform: translateX(-300%);
                    -moz-transform: translateX(-300%);
                    -webkit-transform: translateX(-300%);
                }

                .tx-wes-abi-userarea .downloadsContainer .downloadsLevelContainer.openLevel5 .level1, .tx-wes-abi-userarea .downloadsContainer .downloadsLevelContainer.openingLevel5 .level1 {
                    transform: translateX(-400%);
                    -moz-transform: translateX(-400%);
                    -webkit-transform: translateX(-400%);
                }

.introTextContainer {
    padding-top: 244px;
    /* padding-top: 73px; */
    padding-bottom: 117px;
    position: relative;
}

    .introTextContainer:before {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 50%;
        background: linear-gradient(0deg, rgba(0,0,0,0) 0%, #000000 100%);
    }

    .introTextContainer .contentElementContainer h1.sectionHeadline,
    .introTextContainer .contentElementContainer .h1.sectionHeadline {
        margin-top: 44px;
    }

.feloginFormContainer {
    padding-bottom: 100px;
    /* padding-bottom: 44px; */
    background-color: #fff;
}

    .feloginFormContainerInner {
        display: flex;
        flex-direction: column;
    }

        .feloginFormContainerInner p {
            font-size: 20px;
            line-height: 30px;
        }

@media only screen and (max-width: 991px) {

    .no-more-tables table,
    .no-more-tables thead,
    .no-more-tables tbody,
    .no-more-tables th,
    .no-more-tables td,
    .no-more-tables tr {
        display: block;
    }

    .no-more-tables thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    .no-more-tables tr {
        border-top: 2px solid #53565a;
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .table.no-more-tables > tbody > tr td {
        border-top: none;
        border-bottom: 1px solid #cbced0;
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 50%;
        position: relative;
        white-space: normal;
        text-align: left;
    }

    .no-more-tables > tbody > tr td:last-child{
        border-bottom: none;
    }

    .no-more-tables td:before {
        position: absolute;
        top: 6px;
        left: 0;
        width: 45%;
        padding-right: 10px;
        text-align:left;
        font-weight: bold;
    }

    .no-more-tables td:before {
        content: attr(data-title);
    }

    .no-more-tables tbody tr:before {
        content: '';
        position: absolute;
        top: 2px;
        bottom: -2px;
        left: 50%;
        width: 10px;
        height: 99%;
        margin-left: -10px;
        background-color: #fff;
        z-index: 1000;
    }
}

@media (max-width: 991px) {
    .dataTables_scrollHead {
        display: none;
    }

    .tableContainerOuter {
        overflow-x: hidden;
    }
}

@media (max-width: 767px) {
    .backLink.centeredButton {
        width: 100%;
    }

    .tableContainerTop .pull-left,
    .tableContainerTop .pull-right {
        float: none !important;
    }

    .tableContainerTop .fancyLabelContainer {
        margin-top: 0;
        margin-bottom: 0;
    }


    div.dataTables_wrapper div.dataTables_filter,
    div.dataTables_wrapper div.dataTables_filter label,
    div.dataTables_wrapper div.dataTables_filter input {
        width: 100%;
        min-width: 0;
    }

    div.dataTables_wrapper div.dataTables_length,
    div.dataTables_wrapper div.dataTables_length a,
    div.dataTables_wrapper div.dataTables_length label,
    div.dataTables_wrapper div.dataTables_length select {
        width: 100%;
    }

    div.dataTables_wrapper div.dataTables_info {
        padding-top: 0;
    }

    div.dataTables_wrapper div.dataTables_paginate, div.dataTables_wrapper div.dataTables_length {
        padding-top: 20px;
    }

    .tableContainerBottom {
        padding-top: 10px;
    }
}




/* --- slider ------------------------ */
.slick-dots {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    text-align: center;
    margin-bottom: 0;
}

    .slick-dots li {
        display: inline-block;
    }

        .slick-dots button {
            background-color: transparent;
            border: none;
            padding-right: 3px;
            padding-left: 3px;
        }

            .slick-dots .icon {
                color: #cbced0;
                font-size: 14px;
            }

            .slick-dots .slick-active .icon {
                color: #1b5092;
            }

/* --- productslider ------------------------ */
.productSliderContainerWrap {
    /* background-color: #b9cade; */
    background: linear-gradient(207.35deg, #98A4AF 0%, #C1CDDB 37.35%, #F1F5F8 68.97%, #B8C8D7 100%, #B8C8D7 100%);
    /* background-color: #e3e6e9; */
    /* background-image: url('../images/productslider-background.png'); */
    /* background-image: url('../images/productslider-background.jpg'); */
    background-size: cover;
    margin-top: 65px;
    margin-bottom: 50px;
}

    @media(max-width: 991px) {
        .productSliderContainerWrap {
            margin-top: 48px;
            margin-bottom: 33px;
        }
    }

    @media(max-width: 767px) {
        .productSliderContainerWrap {
            margin-top: 25px;
            margin-bottom: 10px;
        }
    }

    .productSliderContainer {
        margin-bottom: 50px;
    }

        .productSlider {
            padding-left: 50px;
            padding-right: 50px;
            margin-top: 50px;
        }

        @media(max-width: 420px) {
            .productSlider {
                padding-left: 40px;
                padding-right: 40px;
            }

            .productSlider .slick-prev,
            .productSlider .slick-next {
                width: 40px;
                height: 40px;
            }
        }

            .productSlider .product a {
                display: block;
                height: 100%;
            }

            @media (max-width: 767px) {
                .productSlider .product .vertical-center {
                    position: relative;
                    top: 50%;
                    transform: translateY(-50%);
                    -webkit-transform: translateY(-50%);
                    -ms-transform: translateY(-50%);
                    -moz-transform: translateY(-50%);
                    -o-transform: translateY(-50%);
                }
            }

            .productSlider .product img {
                margin-left: auto;
                margin-right: auto;
            }


/* --- wideTeaser ------------------------ */
.wideTeaserContainerWrap {
    position: relative;
    max-height: 690px;
    overflow: hidden;
}

    .wideTeaserContainerWrap.wideTeaser-stage {
        max-height: 690px;
    }

        /*
        .page-home .wideTeaserContainerWrap.wideTeaser-stage {
            max-height: 870px;
        }
        */

    .wideTeaserContainerWrap.wideTeaser-flat {
        max-height: 540px;
    }

    .wideTeaserContainerWrap.wideTeaser-bigMargin {
        margin-top: 117px;
        margin-bottom: 50px;
    }

    .wideTeaserContainerWrap:before {
        display: block;
        content: '';
        padding-bottom: 48.93617021%;
    }

        /*
        .page-home .wideTeaserContainerWrap.wideTeaser-stage:before {
            padding-bottom: 61.71875%;
        }
        */

        .wideTeaserContainerWrap.wideTeaser-flat:before {
            padding-bottom: 38.29787234%;
        }

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

        .wideTeaser {
            position: relative;
            height: 100%;
            overflow: hidden;
        }
            .wideTeaser .backgroundImage {
                height: 100%;
                background-position: 50% 50%;
                background-size: cover;
            }

            .wideTeaser .textContainer {
                position: absolute;
                top: 50%;
                -sand-transform: translateY(-50%);
                -webkit-transform: translateY(-50%) !important;
                   -moz-transform: translateY(-50%) !important;
                        transform: translateY(-50%) !important;
                margin-top: 3px;
                width: 100%;
                text-align: center;
            }

            .wideTeaser-stage .textContainer {
                margin-top: -4px;
            }

                /*
                .page-home .wideTeaser-stage .textContainer {
                    margin-top: -62px;
                }
                */

            .wideTeaser-flat .textContainer {
                margin-top: -5px;
                text-align: left;
            }

                .wideTeaser-flat .text {
                    max-width: 1114px;
                }

                    .wideTeaser h1,
                    .wideTeaser .h1 {
                        position: relative;
                        padding-bottom: 32px;
                        margin-top: 0;
                        font-size: 70px;
                        line-height: 90px;
                    }

                    .wideTeaser-stage h1,
                    .wideTeaser-stage .h1 {
                        padding-bottom: 45px;
                        font-size: 76px;
                        line-height: 96px;
                    }

                        /*
                        .page-home .wideTeaser-stage h1 {
                            padding-bottom: 53px;
                            line-height: 91px;
                        }
                        */

                    .wideTeaser-flat h1,
                    .wideTeaser-flat .h1 {
                        font-size: 40px;
                        line-height: 50px;
                        padding-bottom: 0;
                        margin-bottom: 0;
                    }

                    .wideTeaser-whiteText h1,
                    .wideTeaser-whiteText h2,
                    .wideTeaser-whiteText .h1,
                    .wideTeaser-whiteText .h2 {
                        color: #fff;
                    }

                    .wideTeaser h1,
                    .wideTeaser h2,
                    .wideTeaser .h1,
                    .wideTeaser .h2 {
                        padding-left: 60px;
                        padding-right: 60px;
                    }

                        .wideTeaser .speechbubbleline-fade {
                            position: absolute;
                            right: 0;
                            bottom: 0;
                            left: 0;
                            height: 16px;
                            padding-top: 1px;
                            font-size: 0;
                            line-height: 0;
                        }

                            .wideTeaser .speechbubbleline-fade:after {
                                display: inline-block;
                                content: '';
                                width: 342px;
                                height: 16px;
                                background: transparent url('../images/speechbubbleline-fade.png') no-repeat 0 0;
                                margin-left: 1px;
                            }

                            .wideTeaser .speechbubbleline-fade.whiteFade:after {
                                width: 332px;
                                background-image: url('../images/speechbubbleline-fade-white.png');
                                margin-left: -6px;
                            }

                    .wideTeaser h2,
                    .wideTeaser .h2 {
                        margin-top: 37px;
                    }

                    .wideTeaser-stage h2,
                    .wideTeaser-stage .h2 {
                        max-width: 850px;
                        margin-top: 33px;
                        margin-right: auto;
                        margin-left: auto;
                    }

                    .wideTeaser-whiteText h2,
                    .wideTeaser-whiteText .h2 {
                        color: #fff;
                    }

                    .wideTeaser .btn {
                        margin-top: 36px;
                    }

                    .wideTeaser-stage .btn {
                        margin-top: 20px;
                    }

                    .wideTeaser-flat .btn {
                        margin-top: 24px;
                    }

                    .wideTeaser-inContent .btn, .wideTeaser-flat .btn {
                        color: #fff;
                        border-color: #fff;
                        background-color: rgba(255, 255, 255, 0.1);
                    }

                        .wideTeaser-inContent .btn:hover, .wideTeaser-flat .btn:hover,
                        .wideTeaser-inContent .btn:focus, .wideTeaser-flat .btn:focus {
                            background-color: #e2aa00;
                            border-color: #e2aa00;
                        }

/* --- dogEarPaper ------------------------ */
.dogEarPaperContainer {

}

    .news .dogEarPaper:not(.appStores):not(.latestUpdates) {
        padding: 0;
        background: none;
    }

    .dogEarPaper {
        position: relative;
        background: linear-gradient(207.35deg, rgba(152, 164, 175, 0.3) 0%, rgba(193, 205, 219, 0.3) 37.35%, rgba(241, 245, 248, 0.3) 68.97%, rgba(184, 200, 215, 0.3) 100%, rgba(184, 200, 215, 0.3) 100%);
        /* background-color: #f2f4f5; */
        padding: 0 30px 59px;
    }

    .dogEarPaper.latestUpdates {
        padding: 20px 30px;
    }

    .dogEarPaper.appStores {
        padding: 20px 30px;
        margin-top: 35px;
    }

        .dogEarPaper.appStores .bodytext {
            padding-top: 0;
        }

        .dogEarPaper.appStores .appStoreBadges {
            text-align: center;
            margin-top: 20px;
        }

            .dogEarPaper.appStores .appStoreBadges a {
                display: inline-block;
                margin-bottom: 20px;
                margin-left: 10px;
                margin-right: 10px;
            }

            .dogEarPaper.appStores .appStoreBadge {
                height: 45px;
            }

        /* .dogEarPaperContainer a:hover .dogEarPaper {
            background-color: #e6e9ec;
        } */

        .dogEarPaper h2,
        .dogEarPaper .h2 {
            line-height: 30px;
            margin-top: 30px;
            margin-bottom: 21px;
        }

        .dogEarPaper p {
            color: #53565a;
            font-size: 17px;
            line-height: 26px;
        }

            .dogEarPaperContainer a:hover p {
                color: #1b5092;
            }

        .dogEarPaper .arrowLink {
            margin-top: 10px;
        }

        .dogEarPaper .dogEar {
            position: absolute;
            right: 0;
            bottom: 0;
            color: #e6e9ec;
            background-color: #fff;
            font-size: 27px;
        }

            .dogEarPaperContainer a:hover .dogEar {
                color: #d0d7de;
            }

/* --- dogEarSlider ------------------------ */
.dogEarSliderContainerWrap {

}

    .dogEarSliderContainer {

    }

        .dogEarSlider, .dogEarSliderCentered {
            margin-top: 65px;
            padding-bottom: 34px;
            padding-left: 50px;
            padding-right: 50px;
        }

        .dogEarSlider.centered .slick-list {
            display: flex;
            justify-content: center;
        }

            @media (max-width: 991px) {
                .dogEarSlider.centered .slick-list {
                    display: block;
                }
            }

            /* .dogEarSlider .dogEarPaper .imgContainer, .dogEarSliderCentered .dogEarPaper .imgContainer {
                margin-right: -30px;
                margin-left: -30px;
            } */

                .dogEarSlider .dogEarPaper .imgContainer img, .dogEarSliderCentered .dogEarPaper .imgContainer img {
                    margin-right: auto;
                    margin-left: auto;
                }

        .dogEarSliderContainer .linkContainer {
            padding-top: 33px;
            padding-bottom: 69px;
            text-align: center;
        }

            .dogEarSliderContainer .linkContainer .arrowLink {

            }

                .dogEarSliderContainer .linkContainer .arrowLink .icon {
                    padding-right: 6px;
                }

/* --- dogEarList ------------------------ */
.dogEarList {
    display: -webkit-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
    flex-wrap: wrap;
    padding-right: 0;
    padding-left: 0;
    /* margin-top: -54px; */
    margin-top: 6px;
}

    .dogEarList:before,
    .dogEarList:after {
        display: none;
    }

    .dogEarList .dogEarPaperContainer {
        width: calc(100% / 3);
        padding-right: 15px;
        padding-left: 15px;
        /* margin-top: 120px; */
        margin-top: 60px;
    }

        .dogEarList .dogEarPaperContainer a {
            display: block;
            height: 100%;
        }

            .dogEarList .dogEarPaper {
                height: 100%;
            }

                /* .dogEarList .dogEarPaper .imgContainer {
                    margin-right: -30px;
                    margin-left: -30px;
                } */

                .dogEarList .dogEarPaper .jumpLink:before {
                    content: '\e602';
                    left: 4px;
                    top: 7px;
                    font-size: 10px;
                }


.centeredBtnRow {
    display: flex;
    justify-content: center;
    margin-top: 60px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
}

.newsListContainer {
    position: relative;
}

.newsListContainer .loader {
    position: absolute;
    top: calc(50% - 30px);
    left: calc(50% - 30px);
    animation-name: infinite-spinning;
    animation-duration: 700ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}
.newsListContainer .loader:before {
    content: "";
    background-image: url("/fileadmin/img/ajax-loader.png");
    background-size: 60px 60px;
    height: 60px;
    width: 60px;
    display: block;
}

/* --- cookieHint ------------------------ */

.cookieHintContainer {
    position: fixed;
    width: 100%;
    left: 0;
    bottom: 0;
    color: #fff;
    background-color: rgba(27, 80, 146, 1);
    z-index: 4;
    padding-top: 30px;
    padding-bottom: 60px;
    display: none;
}

    .cookieHint {
        /* display: -webkit-box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex; */
        position: relative;
    }

        .cookieHint .cookieHintDescription {
            margin-bottom: 0;
            font-size: 17px;
            line-height: 26px;
            padding-right: 30px;
        }

            .cookieHint .cookieHintDescription a {
                /* border-bottom: 1px solid #fff; */
                text-decoration: underline;
                color: #fff;
            }

            .cookieHint .cookieHintDescription a:hover,
            .cookieHint .cookieHintDescription a:focus,
            .cookieHint .cookieHintDescription a:active {
                /* border-color: #e2aa00; */
                color: #e2aa00;
            }

        .cookieHint .cookieHintToggle.closeCookie {
            /* margin-left: auto; */
            color: #fff;
            position: absolute;
            top: 0;
            right: 15px;
        }

            .cookieHint .cookieHintToggle.closeCookie .icon-close:before {
                font-size: 20px;
            }

        .cookieHint .cookieHintToggle.closeCookie:hover {
            color: #e2aa00;
        }

@media (max-width: 991px) {
    .cookieHintContainer {
        padding-top: 15px;
        padding-bottom: 15px;
    }

        .cookieHint {
            /* display: block; */
        }

            .cookieHint .cookieHintDescription {
                /* padding-right: 0; */
                /* margin-bottom: 15px; */
            }

            .cookieHint .cookieHintToggle.closeCookie {
                /* float: right; */
            }
}

@media (max-width: 767px) {
    .cookieHint .cookieHintDescription br {
        display: none;
    }
}

#dataprotectionConsentModal .tx-powermail {
    padding-bottom: 0;
    padding-top: 45px;
}

#dataprotectionConsentModal .modal-body {
    padding-bottom: 45px;
}

#highlightedContentModal {

}

    #highlightedContentModal .modal-dialog {
        max-width: 800px;
    }

    #highlightedContentModal button.close {
        background-color: #1b5092;
        color: #fff;
    }

    #highlightedContentModal .modal-body {
        padding: 0;
    }

        #highlightedContentModal .modal-body h2,
        #highlightedContentModal .modal-body .h2 {
            margin-top: 30px;
            margin-bottom: 21px;
        }

        #highlightedContentModal .modal-body .bodytext {
            padding-top: 20px;
        }

        /* #highlightedContentModal .modal-body .arrowLink {
            margin-top: 20px;
        } */

        #highlightedContentModal .modal-body .arrowLink:before {
            left: 0;
        }

        #highlightedContentModal .modal-body .newsText {
            padding-left: 15px;
            padding-right: 15px;
            padding-bottom: 40px;
        }

        #highlightedContentModal .modal-body .imageContainer {
            position: relative;
        }

            #highlightedContentModal .modal-body .newsPopupSlider .slick-prev,
            #highlightedContentModal .modal-body .newsPopupSlider .slick-next {
                display: none !important;
            }

                #highlightedContentModal .modal-body .newsPopupSlider:hover .slick-prev,
                #highlightedContentModal .modal-body .newsPopupSlider:hover .slick-next {
                    display: inline-block !important;
                }

    @media (max-width: 767px) {
        #highlightedContentModal .modal-body .newsText {
            padding-left: 0;
            padding-right: 0;
        }
    }

/* --- metaNav ------------------------ */
/* new menu layout*/
.navbar .metaNaviContainer {
    /* position: absolute; */
    /* right: 0; */
    /* top: 15px; */
    /* width: 100%; */
    position: relative;
    max-width: 1600px;
    /* max-width: 1200px; */
    min-width: 320px;
    font-size: 16px;
    text-align: right;
    opacity: 1;
    transition: opacity 250ms linear;
    padding-top: 15px;
    padding-bottom: 10px;
}

#headerContainer.scroll .navbar .metaNaviContainer {
    opacity: 0;
}

    .navbar .metaNavi {
        margin-top: 0;
        margin-left: 0;
        margin-right: -10px;
        margin-bottom: 0;
    }

        .navbar .metaNavi li {
            padding-left: 10px;
            padding-right: 10px;
        }

            .navbar .metaNavi .languageNav {
                padding: 15px 13px;
            }
                /* .openMenu .navbar .metaNavi .languageNav > a{
                    color: #3A3A3A;
                } */

                .navbar .metaNavi .languageNav .dropdown-menu,
                #mobileNavigation .metaNavi .languageNav .dropdown-menu{
                    box-shadow: none;
                    width: 100%;
                    margin: 0;
                    border: none;
                    left: 0;
                }

                    .navbar .metaNavi .languageNav .dropdown-menu a,
                    #mobileNavigation .metaNavi .languageNav .dropdown-menu a {
                        font-size: 20px;
                        line-height: 20px;
                        padding: 12px 15px;
                    }

                #mobileNavigation .metaNavi .languageNav {
                    display: inline-block;
                    margin-left: 5px;
                }

                .navbar .metaNavi .languageNav.open,
                #mobileNavigation .metaNavi .languageNav.open {
                    background-color: #fff;
                }

                .navbar .metaNavi .languageNav,
                #mobileNavigation .metaNavi .languageNav {
                    padding-bottom: 17px;
                }

                    .navbar .metaNavi .languageNav.open > a,
                    #mobileNavigation .metaNavi .languageNav.open > a {
                        color: #1B5092;
                    }

                .noStage .navbar .metaNavi .languageNav.open,
                #mobileNavigation .metaNavi .languageNav.open {
                    box-shadow: 0 2px 14px 0 rgba(58,58,58,0.16);
                }

                    .noStage .navbar .metaNavi .languageNav.open:after,
                    #mobileNavigation .metaNavi .languageNav.open:after {
                        content: "";
                        height: 14px;
                        width: 100%;
                        position: absolute;
                        bottom: 0;
                        left: 0;
                        background-color: #fff;
                        z-index: 1000;
                        pointer-events: none;
                    }

                    .noStage .navbar .metaNavi .languageNav.open .dropdown-menu,
                    #mobileNavigation .metaNavi .languageNav.open .dropdown-menu {
                        box-shadow: 0 2px 14px 0 rgba(58,58,58,0.16);
                    }


            .navbar .metaNavi .icon-arrow_down:before {
                font-size: 6px;
                position: relative;
                left: 4px;
                top: -2px;
            }

            .metaNavi .icon-book:before,
            .metaNavi .icon-share:before {
                position: relative;
                top: 1px;
                padding-right: 4px;
                display: inline-block;
            }

            .metaNavi .icon-lock:before {
                position: relative;
                top: 1px;
                display: inline-block;
            }

            .metaNavi .icon-earth:before {
                position: relative;
                top: 1px;
                padding-right: 4px;
                display: inline-block;
            }

            .metaNavi .lnil-graduate,
            .metaNavi .lnil-chevron-right-circle,
            .metaNavi .lnil-key-alt,
            .metaNavi .lnil-world,
            .metaNavi .lnil-cart-alt {
                font-size: 24px;
                position: relative;
                padding-right: 10px;
            }

            .metaNavi .lnil-graduate {
                font-size: 30px;
                top: 6px;
            }

            .metaNavi .lnil-cart-alt {
                top: 4px;
            }

            @media (max-width: 1199px) {
                .metaNavi .lnil-graduate {
                    margin-left: -3px;
                    padding-right: 7px;
                }
            }

            .metaNavi .lnil-chevron-right-circle {
                top: 4px;
            }

            .metaNavi .lnil-key-alt {
                top: 4px;
            }

            .metaNavi .lnil-world {
                top: 4px;
            }

        .metaNavi .dropdown-menu {
            min-width: 0;
            font-size: 16px;
            border-color: #1b5092;
            left: 5px;
        }

            .metaNavi .dropdown-menu > li {
                padding-left: 0;
                padding-right: 0;
            }

                .metaNavi .dropdown-menu > li > a {
                    padding-left: 15px;
                    padding-right: 15px;
                    color: #1b5092;
                }

                    .metaNavi .dropdown-menu > li > a:hover,
                    .metaNavi .dropdown-menu > li > a:active,
                    .metaNavi .dropdown-menu > li > a:focus,
                    #mobileNavigation .metaNaviContainer .metaNavi .dropdown-menu > li > a:hover,
                    #mobileNavigation .metaNaviContainer .metaNavi .dropdown-menu > li > a:active,
                    #mobileNavigation .metaNaviContainer .metaNavi .dropdown-menu > li > a:focus {
                        color: #e2aa00;
                        background-color: transparent;
                    }

/*new menu layout*/
#mobileNavigation .metaNaviContainer .metaNavi > li > a {
    font-size: 16px;
    line-height: 22px;
    padding-top: 12px;
    padding-bottom: 12px;
    padding-left: 20px;
    color: #3A3A3A;
    /* padding-left: 50px; */
}

    #mobileNavigation .metaNaviContainer .metaNavi > li.languageNav > a {
        padding-left: 15px;
    }

#mobileNavigation .metaNaviContainer .metaNavi a:hover,
#mobileNavigation .metaNaviContainer .metaNavi a:focus,
#mobileNavigation .metaNaviContainer .metaNavi a:active {
    text-decoration: none;
    color: #1b5092;
}

    #mobileNavigation .metaNaviContainer .metaNavi a:hover > span:before,
    #mobileNavigation .metaNaviContainer .metaNavi a:focus > span:before,
    #mobileNavigation .metaNaviContainer .metaNavi a:active > span:before {
        color: #1b5092;
        /* color: #e2aa00; */
    }

    #mobileNavigation .metaNavi .icon-share:before, #mobileNavigation .metaNavi .icon-lock:before, #mobileNavigation .metaNavi .icon-earth:before {
        padding-right: 0;
        left: 27px;
        top: 9px;
        position: absolute;
    }

    #mobileNavigation .metaNavi .icon-lock:before {
        left: 28.5px;
    }

    #mobileNavigation .metaNavi .dropdown-menu {
        left: 20px;
    }

@media (max-width: 1199px) {
    .navbar .metaNaviContainer {
        display: none !important;
    }

    .navbar-collapse.collapse {
        display: none !important;
    }
}

/* --- services ------------------------ */
.servicesContainer {
    display: none;
    position: fixed;
    right: 0;
    bottom: 20px;
    z-index: 1;
    max-width: 100%;
    -webkit-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);

    -webkit-transition: all 500ms ease-in-out;
         -o-transition: all 500ms ease-in-out;
            transition: all 500ms ease-in-out;
}

/* new menu layout */
.servicesContainer.metalwork {
    right: auto;
    left: 15px;
    bottom: 20px;
    border-radius: 50%;
    -webkit-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}
    .servicesContainer.metalwork .indicator:before,
    .servicesContainer.metalwork .indicator:after {
        transition: none !important;
    }

    .servicesContainer.metalwork:hover .title .text {
        color: #e2aa00;
    }

    .servicesContainer.metalwork:hover .indicator:before,
    .servicesContainer.metalwork:hover .indicator:after {
        background-color: #e2aa00;
    }

@media (max-width: 767px) {
    .servicesContainer.metalwork {
        display: none !important;
    }
}

@media (max-width: 1400px) {
    .servicesContainer.absolute {
        /* position: absolute; */
        bottom: 210px;
    }

    .navbar-default a.navbar-brand {
        margin-top: 25px ;
    }
}

@media (max-width: 1199px) {
    .navbar-default a.navbar-brand {
        margin-top: 13px;
    }
}

@media (max-width: 991px) {
    .introTextContainer {
        padding-top: 75px;
        /* padding-top: 0; */
        padding-bottom: 50px;
        /* padding-bottom: 0; */
    }

    .servicesContainer.absolute {
        /* position: fixed; */
        bottom: 20px;
    }
}

    /* new menu layout */
    .servicesContainer.introAnimation {
        -webkit-transform: translate3d(100%, 0, 0);
            -ms-transform: translate3d(100%, 0, 0);
                transform: translate3d(100%, 0, 0);
    }

    /* new menu layout */
    .servicesContainer.metalwork.introAnimation {
        -webkit-transform: translate3d(calc(-100% - 20px), 0, 0);
            -ms-transform: translate3d(calc(-100% - 20px), 0, 0);
                transform: translate3d(calc(-100% - 20px), 0, 0);
    }

    .servicesContainer.introAnimationSettings {
        -webkit-transition: all 750ms ease-in-out 2s;
             -o-transition: all 750ms ease-in-out 2s;
                transition: all 750ms ease-in-out 2s;
    }

    .servicesContainer.open {
        -webkit-transform: translate3d(0, 0, 0);
            -ms-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
    }

    /* new menu layout */
    .servicesContainer .header {
        position: relative;
        /* width: 350px; */
        max-width: 100%;
        height: 100%;
        /* border-bottom: 40px solid #0E3A71;
        border-left: 40px solid transparent; */
        padding-right: 15px;
        cursor: pointer;
        border-radius: 50px;
    }

    /* new menu layout */
    .servicesContainer.metalwork .header {
        /* border-left: none;
        border-right: 40px solid transparent;
        padding-right: 0; */
        border: none;
        background-color: #0E3A71;
        height: 49px;
        border-radius: 50px;
        padding-right: 47px;
        padding-top: 2px;
    }

        .servicesContainer .header .title {
            font-size: 20px;
            line-height: 40px;
            color: #fff;
            background-color: #0E3A71;
            display: flex;
            flex-direction: column;
            border-radius: 50px;
            flex-direction: column-reverse;
        }

            /* new menu layout */
            .servicesContainer .header .title .text {
                font-size: 16px;
                line-height: 22px;
                color: #fff;
                padding-left: 22px;
            }

            .servicesContainer.metalwork .header .title {
                display: block;
                background-color: transparent;
            }

            .servicesContainer.metalwork .header .lnil-arrow-top-right {
                position: absolute;
                right: 21px;
                top: 18px;
                color: #fff;
            }

                .servicesContainer.metalwork .header:hover .lnil-arrow-top-right {
                    color: #e2aa00;
                }

            .servicesContainer.metalwork .header .title .logo {
                position: relative;
                top: -4px;
                width: auto;
                height: 21px;
                margin-right: 6px;
            }

        .servicesContainer .header .indicator {
            position: absolute;
            width: 20px;
            height: 20px;
            top: 13px;
            right: 15px;
        }

        /* new menu layout */
        .servicesContainer.metalwork .header .indicator {
            right: 15px;
            left: auto;
        }

            /* new menu layout */
            .servicesContainer .header .indicator:before,
            .servicesContainer .header .indicator:after {
                display: block;
                content: '';
                position: absolute;
                width: 100%;
                height: 3px;
                background-color: #fff;
                border-radius: 3px;
                -webkit-transition: all 500ms ease-in-out;
                     -o-transition: all 500ms ease-in-out;
                        transition: all 500ms ease-in-out;
            }

            /* new menu layout */
            .servicesContainer .header .indicator:before {
                bottom: 9px;
                -webkit-transform: rotate(135deg) translate(3px, 3px) scale(0.7);
                    -ms-transform: rotate(135deg) translate(3px, 3px) scale(0.7);
                        transform: rotate(135deg) translate(3px, 3px) scale(0.7);
            }

            /* new menu layout */
            .servicesContainer .header .indicator:after {
                bottom: 9px;
                -webkit-transform: rotate(-135deg) translate(-3px, 3px) scale(0.7);
                    -ms-transform: rotate(-135deg) translate(-3px, 3px) scale(0.7);
                        transform: rotate(-135deg) translate(-3px, 3px) scale(0.7);
            }

                .servicesContainer.open .header .indicator:before {
                    -webkit-transform: rotate(135deg) translate(0, 0) scale(1);
                        -ms-transform: rotate(135deg) translate(0, 0) scale(1);
                            transform: rotate(135deg) translate(0, 0) scale(1);
                }

                .servicesContainer.open .header .indicator:after {
                    -webkit-transform: rotate(-135deg) translate(0, 0) scale(1);
                        -ms-transform: rotate(-135deg) translate(0, 0) scale(1);
                            transform: rotate(-135deg) translate(0, 0) scale(1);
                }

    .servicesContainer .body {
        background-color: #1b5092;
        font-size: 0;
        padding-bottom: 10px;
        width: 350px;
    }

        .servicesContainer .phone {
            padding-top: 10px;
            font-size: 26px;
            font-weight: 100;
            color: #fff;
        }

            .servicesContainer .phone a {
                color: #fff;
            }

        /* new menu layout */
        .servicesContainer .service {
            position: relative;
            display: inline-block;
            width: 76px;
            /* width: 82px; */
            height: auto;
            /* height: 72px; */
            overflow: hidden;
        }

        .servicesContainer .service.contact a {
            padding-top: 14px;
            padding-bottom: 29px;
            /* padding-top: 6px; */
        }

        .servicesContainer .service.newsletter {
            padding-top: 16px;
        }

        .servicesContainer .service.callback a {
            padding-top: 32px;
            padding-bottom: 14px;
            /* padding-top: 9px; */
        }

        .servicesContainer .service.login {
            padding-top: 9px;
        }

            .servicesContainer .service a {
                display: block;
                width: 100%;
                height: 100%;
                position: relative;
                z-index: 3;
                font-size: 14px;
                line-height: 14px;
                font-weight: 500;
                color: #fff;
            }

                .servicesContainer .service a:hover,
                .servicesContainer .service a:focus {
                    color: #e2aa00;
                }

            .servicesContainer .service .icon {
                display: block;
                padding: 7px 0;
            }

            .servicesContainer .service .lnil {
                font-size: 30px;
            }

            .servicesContainer .service .icon-phone {
                font-size: 26px;
            }

            .servicesContainer .service .icon-phone .path2:before {
                color: #fff;
            }

            .servicesContainer .service a:hover .icon-phone .path2:before {
                color: #e2aa00;
            }

            .servicesContainer .service .icon-letter {
                font-size: 19px;
                margin-top: -3px;
                margin-bottom: 3px;
            }

            .servicesContainer .service.contact .icon {
                font-size: 30px;
                line-height: 1;
                margin-top: -1px;
                margin-bottom: 1px;
            }

            .servicesContainer .service.contact .icon:before {
                content: '@';
            }

            .servicesContainer .service .glyphicon-user {
                font-size: 20px;
                left: -5px;
            }

            .servicesContainer .service .icon-lock {
                font-size: 15px;
                position: absolute;
                bottom: 6px;
                right: 3px;
            }

        .servicesContainer .body .metalworkDescription {
            font-size: 17px;
            line-height: 26px;
            color: #fff;
            padding: 20px 15px 10px;
        }

            .servicesContainer .body .metalworkDescription .arrowLink {
                color: #fff;
            }

                .servicesContainer .body .metalworkDescription .arrowLink:before {
                    left: 0;
                }

                .servicesContainer .body .metalworkDescription .arrowLink:hover,
                .servicesContainer .body .metalworkDescription .arrowLink:focus,
                .servicesContainer .body .metalworkDescription .arrowLink:active {
                    color: #e2aa00;
                }

#loginHintModal .modal-dialog {
    max-width: 500px;
}

    #loginHintModal .modal-dialog .modal-content {
        background-color: #1b5092;
        color: #fff;
        border: none;
        font-size: 17px;
        line-height: 26px;
        padding-right: 30px;
    }

    #loginHintModal .modal-dialog .modal-body {
        padding-left: 20px;
        padding-top: 20px;
        padding-bottom: 20px;
    }

    #loginHintModal button.close {
        width: 30px;
        height: 30px;
    }

        #loginHintModal button.close .icon-close {
            font-size: 12px;
            position: relative;
            top: -2px;
        }

        #loginHintModal .modal-dialog h2,
        #loginHintModal .modal-dialog .h2 {
            color: #fff;
            line-height: 30px;
            margin-bottom: 21px;
        }



/* --- imageLinkTeaser ------------------------ */
.imageLinkTeasersContainerWrap {
    padding-bottom: 24px;
}

    .imageLinkTeasersContainer {

    }

        .imageLinkTeasers {
            margin-top: 65px;
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            row-gap: 60px;
        }

            .imageLinkTeaserContainer {
                display: flex;
            }

            .imageLinkTeaserContainer a {
                display: flex;
                width: 100%;
            }

                .imageLinkTeaser {
                    padding-bottom: 30px;
                    display: flex;
                    flex-direction: column;
                    width: 100%;
                }

                    .imageLinkTeaser .imgContainer {
                        margin-right: -30px;
                        margin-left: -30px;
                    }

                    .imageLinkTeaser .linkContainer {
                        padding-top: 15px;
                        color: #53565a;
                        font-weight: lighter;
                        font-size: 26px;
                        line-height: 30px;
                        padding-left: 19px;
                    }

                        .imageLinkTeaser .arrowLink {
                            margin-top: 0;
                            font-weight: lighter;
                            font-size: 26px;
                            line-height: 30px;
                        }

                            a[target="_blank"] > .imageLinkTeaser .arrowLink:after {
                                content: '\ecb8';
                                font-size: 20px;
                                top: 2px;
                            }

                            .imageLinkTeaser:hover .arrowLink {
                                color: #e2aa00;
                            }

                            .imageLinkTeaser .arrowLink:before {
                                top: 10px;
                            }

                            .imageLinkTeaserContainer .arrowLink .icon {
                                top: 10px;
                                left: 1px;
                                padding-right: 9px;
                                color: #1b5092;
                            }

                                .imageLinkTeaser:hover .arrowLink .icon {
                                    color: #e2aa00;
                                }

/* --- caseStudies ------------------------ */
.caseStudiesContainerWrap {
    padding-bottom: 24px;
}

    .caseStudiesContainer {

    }

        .caseStudies {
            margin-top: 65px;
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            row-gap: 60px;
        }

            .caseStudyContainer {
                display: flex;
            }

            .caseStudyContainer a {
                display: flex;
                width: 100%;
            }

                .caseStudy {
                    padding-bottom: 38px;
                    display: flex;
                    flex-direction: column;
                    width: 100%;
                }

                    .caseStudy:hover {
                        cursor: pointer;
                    }

                    .caseStudy .imgContainer {
                        margin-right: -30px;
                        margin-left: -30px;
                    }

                    .caseStudy .logoContainer {
                        position: absolute;
                        width: 144px;
                        height: 96px;
                        background-color: #fff;
                        z-index: 10;
                        top: 30px;
                        right: 30px;
                        display: flex;
                        align-items: center;
                        justify-content: center;
                    }

                    .caseStudy .logoContainer .logo {
                        max-width: 126px;
                        max-height: 63px;
                        object-fit: contain;
                        height: auto;
                        display: block;
                    }

                    .caseStudy .categoryContainer {
                        position: absolute;
                        bottom: 0;
                        left: 30px;
                        background-color: #0e3a71;
                        color: #fff;
                        font-size: 20px;
                        line-height: 30px;
                        padding-left: 11px;
                        padding-right: 11px;
                        z-index: 10;
                    }

                    .caseStudy .descriptionContainer {
                        padding-top: 38px;
                    }

                        .caseStudy .descriptionContainer .description {
                            color: #53565a;
                            font-weight: lighter;
                            font-size: 26px;
                            line-height: 30px;
                            margin-bottom: 18px;
                        }

                        .caseStudy .descriptionContainer .downloadLink {
                            font-size: 20px;
                            line-height: 30px;
                            color: #0e3a71;
                            padding-left: 34px;
                            position: relative;
                            display: inline-block;
                        }

                        .caseStudy:hover .descriptionContainer .downloadLink {
                            color: #e2aa00;
                        }

                            .caseStudy .descriptionContainer .downloadLink:before {
                                content: '\ea6a';
                                font-family: 'LineIconsPro Light';
                                font-size: 24px;
                                position: absolute;
                                top: 50%;
                                left: 0;
                                transform: translateY(-50%);
                                font-variant: normal;
                                text-transform: none;
                                font-style: normal;
                            }

    .caseStudiesFilterContainer {
        margin-top: 65px;
    }

        .caseStudiesFilter {
            background: linear-gradient(207.35deg,rgba(152,164,175,.3) 0%,rgba(193,205,219,.3) 37.35%,rgba(241,245,248,.3) 68.97%,rgba(184,200,215,.3) 100%,rgba(184,200,215,.3) 100%);
            padding-top: 63px;
            padding-bottom: 60px;
            padding-left: 30px;
            padding-right: 30px;
        }

            .caseStudiesFilter .h2 {
                padding-bottom: 34px;
                text-align: center;
                margin: 0;
            }

            .caseStudiesFilter .caseStudiesSelectContainer {
                display: flex;
                justify-content: center;
                max-width: 1200px;
                margin-left: auto;
                margin-right: auto;
            }

                .caseStudiesFilter .caseStudiesSelectContainer .selectBox-dropdown {
                    width: 100% !important;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    white-space: nowrap;
                    padding-right: 35px;
                    margin: 18.5px 0;
                    line-height: 36px;
                    background-color: transparent;
                    border-width: 2px;
                }

@media (max-width: 991px) {
    .caseStudy .imgContainer {
        margin-right: -20px;
        margin-left: -20px;
    }

    .caseStudy .categoryContainer {
        left: 20px;
    }

    .caseStudy .logoContainer {
        top: 20px;
        right: 20px;
    }
}

@media (max-width: 767px) {
    .caseStudies  {
        row-gap: 20px;
    }
}

/* --- bookletTeaserSlider ------------------------ */
.bookletTeaserSliderContainerWrap {

}

    .greyBackground {
        background: linear-gradient(207.35deg, rgba(152, 164, 175, 0.3) 0%, rgba(193, 205, 219, 0.3) 37.35%, rgba(241, 245, 248, 0.3) 68.97%, rgba(184, 200, 215, 0.3) 100%, rgba(184, 200, 215, 0.3) 100%);
        padding-top: 1px;
        /* background-color: #e3e6e9; */
    }

        .greyBackground .contentElementContainer h1.sectionHeadline,
        .greyBackground .contentElementContainer .h1.sectionHeadline {
            margin-top: 60px;
        }

        :not(.wideTeaserContainerWrap):not(.greyBackground) + .greyBackground {
            margin-top: 61px;
        }

    .bookletTeaserSlider {
        padding-top: 56px;
        padding-bottom: 120px;
        padding-left: 50px;
        padding-right: 50px;
    }

        .bookletTeaserContainer > a {
            display: block;
            color: #53565a;
        }

            .greyBackground .bookletTeaserContainer > a {
                color: #1b5092;
            }

            .bookletTeaserContainer > a:hover {
                color: #1b5092;
            }

            .bookletTeaser {
                padding-left: 12px;
            }

                .bookletTeaser .imgContainerWrap {
                    text-align: right;
                    padding-top: 5px;
                }

                    .bookletTeaser .imgContainer {
                        position: relative;
                        display: inline-block;
                    }

                        .bookletTeaserContainer > a:hover .imgContainer:before {
                            display: block;
                            content: '';
                            position: absolute;
                            top: 0;
                            left: 0;
                            width: 100%;
                            height: 100%;
                            background-color: rgba(27, 80, 146, 0.65);
                        }

                        .bookletTeaser .imgContainer img {
                            display: inline-block;
                        }

                .bookletTeaser h2,
                .bookletTeaser .h2 {
                    line-height: 30px;
                    margin-top: 2px;
                    margin-bottom: 21px;
                }

                .bookletTeaser p {
                    font-size: 17px;
                    line-height: 26px;
                }

                .bookletTeaser .arrowLink {
                    color: #1b5092;
                    margin-top: 10px;
                }

                    .bookletTeaserContainer > a:hover .arrowLink {
                        color: #e2aa00;
                    }

                    .bookletTeaser .arrowLink .icon {
                        left: 0;
                        padding-right: 3px;
                    }

                .bookletTeaserSlider .slick-dots {
                    bottom: 50px;
                }

/* --- googleMaps ------------------------ */
#content > div > .googleMapsContainerWrap {
    padding-top: 0;
    padding-bottom: 37px;
}

#content > div + div > .googleMapsContainerWrap {
    padding-top: 99px;
}

    .googleMapsContainer {
        position: relative;
        max-height: 690px;
    }
        .googleMapsContainer:before {
            display: block;
            content: '';
            padding-bottom: 48.93617021%;
        }

        .googleMaps {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            z-index: -1;
        }

            .googleMaps.zoomable {
                z-index: 0;
            }

            .googleMaps > img {
                display: block;
                margin: 0 auto;
            }

            .googleMaps > iframe {
                width: 100%;
                height: 100%;
            }

/* --- infomationTeaserSlider ------------------------ */
/*  new menu layout */
.informationTeaserSliderContainerWrap {
    /* background-color: #e3e6e9; */
    /* padding-top: 47px;
    padding-bottom: 78px; */
    background: linear-gradient(207.35deg, rgba(152, 164, 175, 0.3) 0%, rgba(193, 205, 219, 0.3) 37.35%, rgba(241, 245, 248, 0.3) 68.97%, rgba(184, 200, 215, 0.3) 100%, rgba(184, 200, 215, 0.3) 100%);
    padding-top: 73px;
    padding-bottom: 111px;
    margin-top: 100px;
}

    .informationTeaserSliderContainer {
        width: 834px;
    }

            /*  new menu layout */
            .informationTeaser p {
                margin-top: 0;
                line-height: 50px;
                font-size: 45px;
                /* font-size: 40px; */
                margin-bottom: 0;
                color: #1b5092;
                font-weight: 300;
                /* font-weight: 100; */
                position: relative;
                /* top: -3px; */
                text-align: center;
                padding-bottom: 5px;
            }

            .informationTeaser p a {
                /*white-space: nowrap;*/
                border-bottom: 2px solid #1b5092;
                display: inline;
                /*text-decoration: underline;*/
                position: static;
                font-weight: normal;
                font-size: inherit;
                line-height: inherit;
                padding-left: 0;
            }

            .informationTeaser p a::before,
            .informationTeaser p a::after {
                content: "";
                padding: 0;
            }

                .informationTeaser p a:hover, .informationTeaser p a:focus, .informationTeaser p a:active {
                    border-color: #e2aa00;
                }

            /* new menu layout */
            .informationTeaser > .informationTeaserInner, .informationTeaser > .informationTeaserInner > .imgContainer, .informationTeaser > .informationTeaserInner > .textContainer {
                height: auto;
                /* height: 100%; */
            }

            .informationTeaser > .informationTeaserInner {
                position: relative;
                top: 50%;
                -webkit-transform: translateY(-50%);
                -ms-transform: translateY(-50%);
                    transform: translateY(-50%);
            }

            .informationTeaser > .informationTeaserInner > .imgContainer {
                padding-bottom: 24px;
            }

            .informationTeaserSlider .slick-dots {
                bottom: -50px;
            }

/* --- customContent ------------------------ */
.hyphenate {
    -webkit-hyphens: none;
       -moz-hyphens: none;
        -ms-hyphens: none;
            hyphens: none;
}

@media (max-width: 576px) {
    .hyphenate {
        -webkit-hyphens: auto;
           -moz-hyphens: auto;
            -ms-hyphens: auto;
                hyphens: auto;
    }

}

.donothyphenate {
    -webkit-hyphens: none;
    -moz-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
}

.wes_addresses {
    margin-top: 80px;
}

.wes_addresses.partners {
    margin-top: 75px;
}

    .wes_addresses #address_filter_form_inner .address_filter_select select {
        border: 2px solid #A4A4A4;
        background-color: transparent;
    }

    .wes_addresses #address_filter_form_inner .address_filter_select + .address_filter_select {
        padding-left: 15px;
    }

    .wes_addresses .addresses .address {
        border-bottom: none;
        padding-bottom: 40px;
        margin-top: 40px;
    }

    .wes_addresses .addresses .h2.subline {
        margin-bottom: 60px;
    }

    .wes_addresses .addresses .information {
        margin-top: 5px;
    }

        .wes_addresses .addresses .table-responsive {
            margin-top: 30px;
        }



.slick-track {
    /* display: flex; */
}

.contentElementContainer {
    max-width: 800px;
}

.contentElementContainer.fullwidth {
    max-width: 1230px;
}

.tab-content .contentElementContainer {
    max-width: none;
    padding: 0;
}

.seminar_new_infos .tab-content .contentElementContainer {
    max-width: 800px;
}

.contactPersons .tab-content .contentElementContainer {
    max-width: 770px;
}

.contactPersons .tab-content .contactDepartmenContactPersons {
    margin-left: 0;
    margin-right: 0;
}

    .contactPersons .tab-content .matchingContactPersonContainer .contactPersonContainer,
    .contactPersons .tab-content .contactDepartmenContactPersons .contactPersonContainer {
        padding-left: 0;
        padding-right: 0;
    }

.matchingContactPersonContainer  > .contactPersonContainer {
    margin-top: 50px;
}

.contactDepartmentContainer .h2:empty {
    display: none;
}

.contactPersons .h2 {
    margin-top: 42px;
    padding-bottom: 0;
    margin-bottom: 23px;
    border-bottom: none;
}

.contactPersons .ce-bodytext .bodytext {
    padding-top: 0;
    margin-bottom: 20px;
}

/* #contactPersonMap {
    display: flex;
    justify-content: center;
} */

    #contactPersonMap svg {
        width: auto;
        max-height: 800px;
        display: flex;
        margin-left: auto;
        margin-right: auto;
    }

    .st0 {
        fill: none;
    }

    .st1 {
        fill: #F7C158;
    }

    .st2 {
        fill: #FFFFFF;
        pointer-events: none;
    }

    .st3 {
        fill-rule: evenodd;
        clip-rule: evenodd;
        fill: #D6D9DC;
        stroke: #D6D9DC;
        stroke-width: 0.7087;
        stroke-linejoin: round;
    }

    .st4 {
        fill-rule: evenodd;
        clip-rule: evenodd;
        fill: #A3CFEC;
        stroke: #D6D9DC;
        stroke-width: 0.7087;
        stroke-linejoin: round;
    }

    .st5 {
        fill-rule: evenodd;
        clip-rule: evenodd;
        fill: #31619C;
        stroke: #FFFFFF;
        stroke-width: 0.7087;
        stroke-linejoin: round;
        stroke-miterlimit: 3.8637;
    }

    .st6 {
        fill-rule: evenodd;
        clip-rule: evenodd;
        fill: #7882BF;
        stroke: #FFFFFF;
        stroke-width: 0.874;
        stroke-linejoin: round;
        stroke-miterlimit: 3.8637;
    }

    .st7 {
        fill-rule: evenodd;
        clip-rule: evenodd;
        fill: #BACADE;
        stroke: #FFFFFF;
        stroke-width: 0.7087;
        stroke-linejoin: round;
        stroke-miterlimit: 3.8637;
    }

    .st8 {
        display: none;
    }

    .st9 {
        display: inline;
        fill-rule: evenodd;
        clip-rule: evenodd;
        fill: #A0D4CF;
    }

    .st10 {
        display: inline;
        fill-rule: evenodd;
        clip-rule: evenodd;
        fill: #A3CFEC;
    }

    .st11 {
        display: inline;
        fill-rule: evenodd;
        clip-rule: evenodd;
        fill: #5CA9DA;
    }

    .st12 {
        display: inline;
        fill-rule: evenodd;
        clip-rule: evenodd;
        fill: #76B5DF;
    }

    .st13 {
        fill-rule: evenodd;
        clip-rule: evenodd;
        fill: #D1DCE9;
        stroke: #FFFFFF;
        stroke-width: 0.7087;
        stroke-linejoin: round;
        stroke-miterlimit: 3.8637;
    }

    .st14 {
        fill-rule: evenodd;
        clip-rule: evenodd;
        fill: #5F84B2;
        stroke: #FFFFFF;
        stroke-width: 0.7087;
        stroke-linejoin: round;
        stroke-miterlimit: 3.8637;
    }

    .st15 {
        fill-rule: evenodd;
        clip-rule: evenodd;
        fill: #0E3A71;
        stroke: #FFFFFF;
        stroke-width: 0.7087;
        stroke-linejoin: round;
        stroke-miterlimit: 3.8637;
    }

    .st16 {
        fill-rule: evenodd;
        clip-rule: evenodd;
        fill: #8DA7C8;
        stroke: #FFFFFF;
        stroke-width: 0.7087;
        stroke-linejoin: round;
        stroke-miterlimit: 3.8637;
    }

    a:hover .st5,
    a:hover .st7,
    a:hover .st13,
    a:hover .st14,
    a:hover .st15,
    a:hover .st16 {
        fill: #e2aa00;
    }

@media (max-width: 400px) {
    .contactPersons .tab-content .contentElementContainer,
    .seminar_new_infos .tab-content .contentElementContainer {
        min-width: auto;
    }

    .tab-content .contentElementContainer {
        min-width: auto;
    }
}

.seminar_new_infos .greyBackground .tab-content .contentElementContainer:last-child {
    margin-bottom: 50px;
}

    .contentElementContainer .sectionIntro {
        margin: 31px -50px 22px;
    }

    /*new menu layout*/
    .contentElementContainer .bigImageContainerWrap {
        margin-right: -230px;
        margin-left: -230px;
        padding-right: 230px;
        padding-left: 230px;
        background: transparent url('../images/bigImage-background-tiles.svg') no-repeat 0px 65px;
        /* background: transparent url('../images/bigImage-background.png') no-repeat 31px 52px; */
    }

        @media (max-width: 800px) {
            .contentElementContainer .bigImageContainerWrap {
                background: none;
            }
        }

    .contentElementContainer > .bigImageContainerWrap {
        margin-top: 44px;
    }

        .contentElementContainer .bigImageContainer {
            position: relative;
        }

        .contentElementContainer .bigImageContainer .playIcon {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            -webkit-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
            -moz-transform: translate(-50%, -50%);
            -o-transform: translate(-50%, -50%);
            font-size: 76px;
            /* color: #fff; */
            box-shadow: 0 0 21.2px 18.8px rgba(255, 255, 255, .2);
            background-color: rgba(255, 255, 255, .2);
            border-radius: 50px;
        }

            .contentElementContainer .bigImageContainer .playIcon:before {
                content: '\e915';
            }

            .contentElementContainer .bigImageContainer .videoPreviewLink:hover .playIcon,
            .contentElementContainer .bigImageContainer .videoPreviewLink:focus .playIcon {
                /* color: #1b5092; */
            }

            .embed-responsive video {
                outline: none;
            }

            .contentElementContainer .bigImageContainer .flag,
            .contentElementContainer .bigImageSliderContainer .flag {

            }

                .contentElementContainer .bigImageContainer .flag .flagText,
                .contentElementContainer .bigImageSliderContainer .flag .flagText {
                    top: 15px;
                    left: 10px;
                    font-size: 20px;
                }

                .contentElementContainer .bigImageContainer .flag .icon,
                .contentElementContainer .bigImageSliderContainer .flag .icon {
                    margin-top: 0;
                    font-size: 80px;
                }

            /* new menu layout */
            /* .contentElementContainer h1.sectionHeadline,
            .contentElementContainer .h1.sectionHeadline {
                margin-top: 100px;
                margin-bottom: 19px;
            } */

            .dataTableIntroContainer h1.sectionHeadline,
            .dataTableIntroContainer .h1.sectionHeadline {
                margin-top: 36px;
            }

                .contentElementContainer h2.contactHeading,
                .contentElementContainer .h2.contactHeading {
                    font-size: 26px;
                    line-height: 36px;
                }

            .contentElementContainer h3,
            .contentElementContainer .h3 {
                margin-top: 70px;
                margin-bottom: 0;
            }

            /* new menu layout */
            .userAreaParagraph .bodytext,
            .contentElementContainer .bodytext,
            .textpicTextContainer .bodytext,
            .dataTableIntroContainer .bodytext,
            .downloadsContainer .bodytext {
                font-size: 20px;
                /* line-height: 32px; */
                line-height: 30px;
                padding-top: 31px;
                margin-bottom: 0;
            }

                @media (max-width: 767px) {
                    .userAreaParagraph .bodytext,
                    .contentElementContainer .bodytext,
                    .textpicTextContainer .bodytext,
                    .dataTableIntroContainer .bodytext,
                    .downloadsContainer .bodytext {
                        padding-top: 11px;
                        padding-bottom: 11px;
                    }
                }

            .contentElementContainer h1 + .bodytext,
            .contentElementContainer .h1 + .bodytext,
            .contentElementContainer h2 + .bodytext,
            .contentElementContainer .h2 + .bodytext,
            .contentElementContainer h1 + .ce-textpic .bodytext:first-child,
            .contentElementContainer .h1 + .ce-textpic .bodytext:first-child,
            .contentElementContainer h2 + .ce-textpic .bodytext:first-child,
            .contentElementContainer .h2 + .ce-textpic .bodytext:first-child {
                padding-top: 0;
            }

            .contentElementContainer .bodytext a {
                color: #1b5092;
                /*text-decoration: underline;*/
            }

                .contentElementContainer .bodytext a:hover,
                .contentElementContainer .bodytext a:focus {
                    color: #e2aa00;
                    text-decoration: none;
                }

    .contentElementContainer ul.contentList,
    .contentElementContainer ol.contentList {
        margin-top: 27px;
        margin-bottom: 0;
    }

    .contentElementContainer ol.contentList {
        padding-left: 0;
        padding-right: 0;
        counter-reset: item;
    }

        .contentElementContainer ol.contentList > li {
            position: relative;
            padding-left: 30px;
            padding-right: 30px;
        }

            .contentElementContainer ol.contentList > li:before {
                position: absolute;
                left: 0;
                top: 5px;
                content: counter(item) '.';
                counter-increment: item;
                font-size: inherit;
                line-height: inherit;
            }

        .contentElementContainer ul.contentList > li,
        .contentElementContainer ol.contentList > li {
            position: relative;
            font-size: 20px;
            line-height: 32px;
            padding: 5px 30px;
			list-style: none;
        }

            /* new menu layout */
            .contentElementContainer ul.contentList > li:before {
                display: block;
                content: '';
                position: absolute;
                top: 20px;
                left: 1px;
                /* content: '\e605'; */
                color: #cbced0;
                /* font-size: 14px; */
                width: 7px;
                height: 7px;
                background-color: #1B5092;

                /* font-family: 'iconfont';
                speak: none;
                font-style: normal;
                font-weight: normal;
                font-variant: normal;
                text-transform: none;
                line-height: 1; */

                /* Better Font Rendering =========== */
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
            }




    .contentElementContainer .centeredButtonContainer {
        text-align: center;
        padding-top: 39px;
        padding-bottom: 19px;
    }

    .linkList .centeredButtonContainer {
        padding-top: 0;
        padding-bottom: 0;
    }

        .contentElementContainer .centeredButtonContainer .btn .icon-arrow_right {
            padding-right: 9px;
        }

    .contentElementContainer .bigImageSliderContainerWrap {
        margin-top: 60px;
    }

    .news-single .contentElementContainer .bigImageSliderContainerWrap {
        margin-top: 100px;
    }

        @media (max-width: 991px) {
            .news-single .contentElementContainer .bigImageSliderContainerWrap {
                margin-top: 41px;
            }
        }

    .contentElementContainer .accordion .bigImageSliderContainerWrap {
        margin-top: 0;
    }

        .contentElementContainer .bigImageSliderContainerWrap > h1,
        .contentElementContainer .bigImageSliderContainerWrap > .h1 {
            margin-top: 104px;
            margin-bottom: 38px;
        }

        .contentElementContainer .bigImageSliderContainer {
            margin-right: -230px;
            margin-left: -230px;
            padding-right: 230px;
            padding-bottom: 58px;
            padding-left: 230px;
            background: transparent url('../images/bigImage-background-tiles.svg') no-repeat 0px 65px;
            /* background: transparent url('../images/bigImage-background.png') no-repeat 31px 69px; */
        }

            @media (max-width: 800px) {
                .contentElementContainer .bigImageSliderContainer {
                    background: none;
                    padding-bottom: 30px;
                }
            }

        .contentElementContainer .bigImageSlider {
            margin-bottom: 34px;
        }

        .contentElementContainer .accordion .bigImageSlider,
        .news-single .contentElementContainer .bigImageSlider {
            margin-bottom: 0;
        }

            .slick-prev,
            .slick-next {
                position: absolute;
                top: 50%;
                width: 50px;
                height: 50px;
                /* margin-top: -30px; */
                border: none;
                background-color: #1b5092;
                color: #fff;
                /* background-color: #fff;
                color: #1b5092; */
                font-size: 16px;
                padding: 0;
                transform: translateY(-50%);
            }


            .slick-prev.slick-disabled,
            .slick-next.slick-disabled {
                display: none !important;
            }

            .bookletTeaserSlider .slick-prev, .dogEarSliderContainer .slick-prev,
            .bookletTeaserSlider .slick-next, .dogEarSliderContainer .slick-next {
                background-color: transparent;
                color: #d9e2ed;
            }

                .slick-prev:hover,
                .slick-next:hover {
                    background-color: #e2a900;
                }

                .bookletTeaserSlider .slick-prev:hover, .dogEarSliderContainer .slick-prev:hover,
                .bookletTeaserSlider .slick-next:hover, .dogEarSliderContainer .slick-next:hover {
                    background-color: transparent;
                    color: #e2aa00;
                }

                .slick-prev:before,
                .slick-next:before {
                    position: relative;
                }

                    .slick-prev .icon,
                    .slick-next .icon {
                        position: absolute;
                        top: 50%;
                        left: 50%;
                        margin-top: -8px;
                    }

                    .bookletTeaserSlider .slick-prev .icon, .dogEarSliderContainer .slick-prev .icon,
                    .bookletTeaserSlider .slick-next .icon, .dogEarSliderContainer .slick-next .icon {
                        font-size: 32px;
                        margin-top: -15px;
                    }

            .slick-prev {
                left: 0;
            }

                .slick-prev .icon {
                    margin-left: -6px;
                }

                .bookletTeaserSlider .slick-prev .icon, .dogEarSliderContainer .slick-prev .icon {
                    margin-left: -11px;
                }

            .slick-next {
                right: 0;
            }

                .slick-next .icon {
                    margin-left: -3px;

                }

                .bookletTeaserSlider .slick-next .icon, .dogEarSliderContainer .slick-next .icon {
                    margin-left: -8px;
                }

            .contentElementContainer .bigImageSlider .slick-dots {
                bottom: -39px;
            }

    .textpicImageContainer {
        max-width: 50%;
        padding-right: 89px;
    }

    .contentElementContainer .bodytext.smallText {
        padding-top: 15px;
        font-size: 15px;
        line-height: 22px;
    }

    .contentElementContainer .multicolumn {
        margin-top: 9px;
    }

    .panel-body .linkListContainer {
        margin-top: 0;
        clear: both;
    }

        .latestUpdates .linkListContainer .bodytext {
            padding-top: 20px;
        }

        .contentElementContainer .linkList {
            padding: 18px 2px 10px;
            margin-bottom: 0;
        }

            .contentElementContainer .linkList.bigMargin {
                padding-top: 39px;
                padding-bottom: 19px;
            }

        .panel-body .linkList {
            padding-top: 13px;
        }

        .contentElementContainer .address_group .linkList {
            margin-bottom: 0;
            padding-bottom: 0;
        }

            .contentElementContainer .linkList li {
                /* padding: 10px 0; */
                padding: 10px 20px 10px 0;
                display: inline-block;
            }

            .contentElementContainer .address_group .linkList li {
                display: block;
                padding-right: 0;
            }

    .contentElementContainer .quotesContainer {
        padding-bottom: 48px;
    }

        .contentElementContainer .quoteContainer {
            padding-top: 20px;
        }

            .contentElementContainer .quote {
                padding-bottom: 15px;
            }

                .contentElementContainer .quote blockquote {
                    position: relative;
                    border: none;
                    padding-top: 20px;
                    padding-right: 60px;
                    padding-left: 60px;
                }

                    .contentElementContainer .quote blockquote:before {
                        position: absolute;
                        top: -32px;
                        left: -24px;
                        display: block;
                        content: '\201e';
                        color: #fff;
                        font-size: 310px;
                        line-height: 0;
                    }

                    .contentElementContainer .quote blockquote .bodytext,
                    .contentElementContainer .quote blockquote footer {
                        position: relative;
                        color: #53565a;
                    }

                    .contentElementContainer .quote blockquote footer {
                        padding-top: 14px;
                        font-size: 17px;
                        line-height: 26px;
                    }

                        .contentElementContainer .quote blockquote footer:before {
                            content: '- ';
                        }

                        .contentElementContainer .quote blockquote footer:after {
                            display: inline;
                            content: ' -';
                        }

    .contentElementContainer .contactTeasersContainer {
        padding-top: 10px;
        padding-bottom: 60px;
    }

    .contentElementContainer .contactTeasersContainer .contentElementContainer {
        padding-left: 0;
        padding-right: 0;
    }

        .contentElementContainer .contactTeaser.withImage {
            position: relative;
            max-width: 770px;
            padding: 0;
            margin-top: 20px;
        }

        .contentElementContainer .contactTeaser {
            padding: 27px 29px 31px;
            margin-top: 21px;
            margin-bottom: 20px;
        }

            .contentElementContainer .contactTeaser.withImage:before {
                display: block;
                content: '';
                width: 100%;
                padding-bottom: 30.12987013%;
            }

            .contentElementContainer .contactTeaser.withImage .containerWrap {
                position: absolute;
                top: 0;
                right: 0;
                bottom: 0;
                left: 0;
            }

                .contentElementContainer .contactTeaser.withImage .imgContainer {
                    float: left;
                    width: 35.19480519%;
                }

                .contentElementContainer .contactTeaser.withImage .textContainer {
                    display: table;
                    width: 64.80519481%;
                    height: 100%;
                    padding-right: 30px;
                    padding-bottom: 10px;
                    padding-left: 30px;
                }

                    .contentElementContainer .contactTeaser.withImage .textContainer .text {
                        display: table-cell;
                        width: 100%;
                        height: 100%;
                        vertical-align: middle;
                    }

                        .contentElementContainer .contactTeaser .text > span {
                            display: block;
                            font-size: 20px;
                            line-height: 32px;
                            position: relative;
                        }

                            .contentElementContainer .contactTeaser .text .lnil:before {
                                color: #1b5092;
                            }

                        .contentElementContainer .contactTeaser .text .position {
                            font-size: 17px;
                            line-height: 26px;
                        }

                            @media (max-width: 767px) {
                                .contentElementContainer .contactTeaser .text .position {
                                    line-height: 22px;
                                }
                            }

                        .contentElementContainer .contactTeaser.withImage .text .phone {
                            margin-top: 18px;
                        }

                            .contentElementContainer .contactTeaser .text .icon:before,
                            .contentElementContainer .contactTeaser .text .icon .path2:before {
                                color: #1b5092;
                            }

                            .contentElementContainer .contactTeaser .text .lnil-phone,
                            .contentElementContainer .contactTeaser .text .icon-phone {
                                position: absolute;
                                top: 6px;
                                left: 2px;
                                padding-right: 15px;
                                /* font-size: 19px; */
                            }

                            .contentElementContainer .contactTeaser .text .lnil-message-edit,
                            .contentElementContainer .contactTeaser .text .icon-letter {
                                position: absolute;
                                left: 3px;
                                top: 9px;
                                padding-right: 15px;
                                /* font-size: 14px; */
                            }

                            @media (max-width: 767px) {
                                .contentElementContainer .contactTeaser .text .lnil-message-edit,
                                .contentElementContainer .contactTeaser .text .icon-letter {
                                    top: 5px;
                                    /* font-size: 14px; */
                                }
                            }



                            .contentElementContainer .contactTeaser .text .phone > a,
                            .contentElementContainer .contactTeaser .text .email > a {
                                display: inline-block;
                                padding-left: 35px;
                            }

    #content .formContainerWrap {
        width: 100%;
        /*background-color: #f2f4f5;*/
    }

        #content .formContainer {
            max-width: 800px;
            /*padding-top: 51px;*/
            padding-bottom: 95px;
        }

            #content .formContainer form {
                padding-top: 47px;
            }

    .accordion {
        margin-top: 59px;
        margin-bottom: 0;
    }

        .accordion h3,
        .accordion .h3 {
            margin-top: 30px;
        }

        .accordion .panel {
            border-top: none;
            border-right: none;
            border-bottom: 1px solid #d1dce9;
            border-left: none;
            box-shadow: none;
            background-color: transparent;
        }

        .accordion .panel:first-child {
            border-top: 1px solid #d1dce9;
        }

            .accordion .panel-heading {
                padding-right: 0;
                padding-left: 0;
            }

                .accordion .panel-heading > a {
                    position: relative;
                    display: block;
                    padding-right: 50px;
                }

                .accordion .panel-heading > a.collapsed {
                    margin-bottom: 18px;
                }

                    .accordion .panel-heading > a:hover .icon:before,
                    .accordion .panel-heading > a:focus .icon:before,
                    .accordion .panel-heading > a:hover .date,
                    .accordion .panel-heading > a:focus .date,
                    .accordion .panel-heading > a:hover .title,
                    .accordion .panel-heading > a:focus .title {
                        color: #e2aa00;
                    }

                    .accordion .panel-heading .icon {
                        position: absolute;
                        right: 0;
                        top: 15px;
                        font-size: 18px;
                    }

                    .accordion .panel-heading .collapsed .icon {
                        top: 50%;
                        margin-top: -6px;
                    }

                        .accordion .panel-heading .icon:before {
                            content: '\e60a';
                        }

                        .accordion .panel-heading .icon.no-active-icon:before {
                            content: '';
                        }

                        .accordion .panel-heading .collapsed .icon:before {
                            content: '\e607';
                            color: #d9e2ed;
                        }

                    .accordion .panel-heading .date {
                        display: block;
                        color: #1b5092;
                        /* font-size: 17px;
                        line-height: 26px; */
                        font-size: 20px;
                        line-height: 30px;
                        margin-top: 21px;
                    }

                    .accordion .panel-heading .collapsed .date {
                        margin-top: 12px;
                    }

                    .accordion .panel-heading .title {
                        margin-top: 33px;
                        margin-bottom: 30px;
                    }

                    @media (max-width: 576px) {
                        .accordion .panel-heading .title {
                            font-size: 26px;
                            line-height: 36px;
                        }
                    }

                        .accordion .panel-heading .date + .title {
                            margin-top: 4px;
                            margin-bottom: 10px;
                        }

                        .accordion .panel-heading .collapsed .title {
                            font-size: 26px;
                            line-height: 36px;
                            margin-top: 24px;
                            margin-bottom: 34px;
                        }

                            .accordion .panel-heading .collapsed .date + .title {
                                margin-top: 2px;
                                margin-bottom: 18px;
                            }

                            /*MGi FAQ*/
                            /* .faq .accordion .panel-heading > a {
                                padding-right: 0px;
                            } */

                                .faq .accordion .panel-heading .collapsed .icon {
                                    margin-top: 0;
                                }

                                .faq .accordion .panel-heading .icon {
                                    top: 11px;
                                }

                            #faqSearch {

                            }

                                /*.faqSearchLabel {
                                    margin-left: -15px;
                                }*/

                                    /*.faqSearchBox {
                                        min-width: 270px !Important;
                                    }*/

                            /*.faq {
                                padding-bottom: 44px;
                            }*/

                            .faq .noTopBorder {
                                border-top: none !important;
                            }

                            .faq .noBottomBorder {
                                border-bottom: none !important
                            }

                            .faq .accordion .panel {
                                border-bottom: 1px solid #d1dce9;
                            }

                            .faq .newsTreeAccordion > .panel.firstVisible {
                                border-top: 1px solid #d1dce9;
                            }

                            .faq .panelColor {
                                border: none;
                            }

                                .faq .newsTreeAccordion {
                                    margin-top: 35px;
                                }

                                .faq .accordion .panel-heading > a {
                                    margin-bottom: 21px;
                                }

                                    .faq > .container-fluid > .panel-group > .panel > .panel-collapse > .child > .panel > .panel-heading > a.collapsed {
                                        margin-bottom: 22px;
                                    }

                                    .faq .child .child .panel-heading > a {
                                        margin-bottom: 5px;
                                    }

                                    .faq .accordion .panel-heading .title {
                                    line-height: 36px;
                            }

                                .faq > .container-fluid > .accordion > .panel > .panel-collapse > .child > .panel > .panel-collapse .child {
                                    margin-top: 0;
                                }

                                .faq > .container-fluid > .accordion > .panel > .panel-collapse > .child {
                                    margin-top: 10px;
                                }

                                .faq .panel-group .panel + .panel {
                                    margin-top: 0;
                                }

                                    .faq > .container-fluid > .accordion > .panel > .panel-heading {
                                        font-size: 26px;
                                        line-height: 36px;
                                        font-weight: 100;
                                        /* height: 105px; */
                                        padding-top: 35px;
                                    }

                                        .faq .container-fluid > .accordion > .panel > .panel-collapse > .child > .panel:first-child {
                                            border-top: none;
                                        }

                                        .faq > .container-fluid > .newsTreeAccordion > .panel > .panel-heading > a > .title {
                                            margin-bottom: 30px;
                                        }

                                        .faq .accordion .panel-heading .title {
                                            margin-bottom: 0;
                                        }

                                        .faq .child .panelColor {
                                            background-color: #f2f4f5;
                                            padding-top: 0px;
                                            padding-bottom: 0px;
                                        }

                                            .faq .container-fluid .child .panelColor {
                                                background: linear-gradient(207.35deg, rgba(152, 164, 175, 0.3) 0%, rgba(193, 205, 219, 0.3) 37.35%, rgba(241, 245, 248, 0.3) 68.97%, rgba(184, 200, 215, 0.3) 100%, rgba(184, 200, 215, 0.3) 100%);
                                                /* background-color: #f2f4f5; */
                                                padding-left: 20px;
                                                padding-right: 20px;
                                                margin-left: 0;
                                                margin-right: 0 !important;
                                                width: 100% !important;
                                                border: none;
                                                padding-top: 1px;
                                            }

                                        .faq .child .panel {
                                            margin-left: 20px;
                                        }

                                        .faq > .container-fluid > .panel-group > .panel > .panel-collapse > .child > .panel {
                                            margin-right: 20px;
                                            width: calc(100% - 40px);
                                            transition: width 0.5s ease, background-color 0.5s ease, margin-left 0.5s ease, margin-right 0.5s ease, padding-right 0.5s ease, padding-left 0.5s ease, padding-bottom 0.5s ease;
                                        }

                                        .faq > .container-fluid > .accordion > .panel > .panel-collapse > .child > .panel {
                                            padding-bottom: 8px;
                                        }

                                            .faq > .container-fluid > .accordion > .panel > .panel-collapse > .child > .panel.panelColor {
                                                padding-bottom: 16px;
                                            }

                                            .panel.panelColor {
                                                margin-bottom: 30px;
                                            }

                                        .faq > .container-fluid > .accordion > .panel > .panel-collapse > .child > .panel:last-child {
                                            padding-left: 20px;
                                            padding-right: 20px;
                                            margin-left: 0;
                                            margin-right: 0;
                                            width: 100%;
                                        }

                                            .faq > .container-fluid > .accordion > .panel > .panel-collapse > .child > .panel > .panel-heading {
                                                /* height: 71px; */
                                                font-weight: 100;
                                                padding-top: 20px;
                                            }

                                            .faq > .container-fluid > .accordion > .panel > .panel-collapse > .child > .panel:first-child > .panel-heading {
                                                margin-top: -8px;
                                            }

                                                .faq > .container-fluid > .accordion > .panel > .panel-collapse > .child > .panel > .panel-collapse > .child .panel {
                                                    border: none;
                                                }

                                                    .faq > .container-fluid > .accordion > .panel > .panel-collapse > .child > .panel > .panel-collapse > .child .panel .panel-heading {
                                                        padding-bottom: 10px;
                                                        padding-top: 0;
                                                    }

                                                    .faq > .container-fluid > .accordion > .panel > .panel-collapse > .child > .panel > .panel-collapse > .child > .panel:first-child > .panel-heading {
                                                        padding-top: 10px;
                                                    }

                                                        .faq > .container-fluid > .accordion > .panel > .panel-collapse > .child > .panel > .panel-collapse > .child .panel .panel-heading a {
                                                            margin-bottom: 2px;
                                                        }

                                            .faq > .container-fluid > .accordion > .panel > .panel-collapse > .child > .panel > .panel-collapse > .child > .panel:first-child {
                                                padding-top: 7px;
                                            }

                                            .faq .child .icon {
                                                font-size: 12px;
                                            }

                                            .faq .panelColor .child .icon:before {
                                                color: #1b5092;
                                            }

                                                .faq .child .child .icon {
                                                    font-size: 8px;
                                                    left: 15px;
                                                    top: -2px;
                                                    position: relative;
                                                }

                                                .faq .child .collapsed .title,
                                                .faq .child .title {
                                                    font-size: 20px;
                                                }

                                                .faq .child .child .panel-heading > a > .title {
                                                    font-size: 15px;
                                                    font-weight: bold;
                                                    text-transform: uppercase;
                                                }

                                                    .faq .news > ul {
                                                        margin-bottom: 0;
                                                        /*background-color: #f2f4f5;*/
                                                        padding-bottom: 17px;
                                                    }

                                                        .faq .news > ul > li {
                                                            padding-top: 17px;
                                                            padding-left: 22px;
                                                        }

                                                            .faq .child > .panel > .panel-collapse > .child > .panel > .panel-collapse > .news > ul {
                                                                margin-top: -15px;
                                                                padding-bottom: 26px;
                                                            }

                                                        .faq .container-fluid > .newsTreeAccordion > .panel > .panel-collapse > .news > ul > li:first-child {
                                                            /*margin-top: 15px;*/
                                                        }

                                                        .faq > .container-fluid > .accordion > .panel > .panel-collapse > .child > .panel > .panel-collapse > .news > ul > li:first-child {
                                                            padding-top: 0px;
                                                        }

                                                        .faq .news > ul > li > a {
                                                            position: relative;
                                                            display: inline-block;
                                                            /* padding-left: 14px; */
                                                        }

                                                            .faq .news > ul > li > a > span {
                                                                font-size: 17px;
                                                                line-height: 26px;
                                                            }

                                                            /* .faq .news > ul > li > a:first-child > span:before {
                                                                position: absolute;
                                                                top: 8px;
                                                                left: 0;
                                                                display: inline-block;
                                                                font-size: 10px;
                                                                line-height: 1em;
                                                                font-family: iconfont;
                                                                content: "\e602";
                                                                color: #1b5092;
                                                              } */

                                                            .faq .news > ul > li > a:first-child > span:after {
                                                                content: "\ecb6";
                                                                font-family: 'LineIconsPro Light';
                                                                font-size: 24px;
                                                                position: relative;
                                                                padding-left: 16px;
                                                                top: 4px;
                                                              }

                                                              .faq .news > ul > li > a:hover > span:before,
                                                              .faq .news > ul > li > a:focus > span:before{
                                                                  color: #e2aa00 !important;
                                                              }
                            /*MGi*/
                            /*MGi News Detailansicht*/
                            .news-faq #breadcrumbContainer {

                            }

                            .faqDetailHeader {
                            }

                                .faqDetailHeader > .news-backlink-wrap {
                                    border: 1px solid #1b5092;
                                    background-color: transparent;
                                    font-weight: bold;
                                    font-size: 17px;
                                    line-height: 26px;
                                    margin-top: 20px;
                                    margin-bottom: 53px;
                                    padding: 8px 28px 8px 33px;
                                    transition: color 250ms ease 0s, background-color 250ms ease 0s, border-color 250ms ease 0s;
                                    text-transform: none;
                                }

                                .faqDetailHeader .news-backlink-wrap:before {
                                    font-family: iconfont;
                                    content: "\e601";
                                    color: #1b5092;
                                    font-size: 9px;
                                    position: relative;
                                    left: -3px;
                                    top: -1px;
                                    transition: color 250ms ease;
                                }

                                .faqDetailHeader > .news-backlink-wrap:hover {
                                    border-color: #e2aa00;
                                    background-color: #e2aa00;
                                    color: #fff;
                                }

                                    .faqDetailHeader > .news-backlink-wrap:hover,
                                    .faqDetailHeader > .news-backlink-wrap:hover:before {
                                        color: #fff;
                                    }

                                .faqQuestion {
                                    color: #1b5092;
                                    font-size: 20px;
                                    line-height: 26px;
                                }

                                .faqHeadline {
                                    margin-top: 2px !important;
                                    margin-bottom: 58px !important;
                                }

                            .faqDetailBody {
                                background-color: #fff;
                                padding-bottom: 73px;
                            }

                                .faqDetailBody .mediaelement,
                                #videosAccordion .mediaelement {
                                    margin-top: 30px;
                                }

                                    .faqDetailBody .mediaelement-video,
                                    #videosAccordion .mediaelement-video {
                                        max-width: 770px;
                                        margin: 0 auto;
                                    }

                                        .faqDetailBody .mediaelement-videoContainer,
                                        #videosAccordion .mediaelement-videoContainer {
                                            margin-right: -230px;
                                            margin-left: -230px;
                                            padding-right: 230px;
                                            padding-left: 230px;
                                            background: transparent url('../images/bigImage-background-tiles.svg') no-repeat 0 65px;
                                            /* background: transparent url('../images/bigImage-background-tiles.svg') no-repeat 31px 52px; */
                                        }

                                            .faqDetailBody .mediaelement-video video,
                                            #videosAccordion video {
                                                background-color: #f8f8f8;
                                                border: 1px solid #cbced0;
                                            }

                                            .faqDetailBody .mediaelement-video video:focus,
                                            #videosAccordion video:focus {
                                                outline: none;
                                            }

                                            .faqDetailBody .mediaelement-video .linkListContainer .linkList,
                                            #videosAccordion .mediaelement-video .linkListContainer .linkList {
                                                padding-bottom: 0;
                                                padding-top: 18px;
                                            }

                                                .faqDetailBody .mediaelement-video .linkListContainer .linkList li,
                                                #videosAccordion .mediaelement-video .linkListContainer .linkList li {
                                                    padding-bottom: 0;
                                                }


                                .faqDetailBody .news-text-wrap {

                                }

                                    .faqDetailBody > .contentElementContainer > .news-text-wrap > ul.contentList,
                                    .faqDetailBody > .contentElementContainer > .news-text-wrap > ol.contentList {
                                        margin-top: 21px;
                                    }

                                        .faqDetailBody > .contentElementContainer > .news-text-wrap a {
                                            /*border-bottom: 1px solid #1b5092;*/
                                        }

                                        .faqDetailBody .contentElementContainer .bodytext a:hover,
                                        .faqDetailBody .contentElementContainer .bodytext a:focus {
                                            /*border-color: #e2aa00;*/
                                        }

                                    .faqDetailBody h2.galleryHeadline,
                                    .faqDetailBody .h2.galleryHeadline {
                                        margin-bottom: 23px;
                                        margin-top: 45px;
                                    }

                                    .faqDetailBody .attachmentGallery {
                                        margin-bottom: 4px;
                                    }

                                        .faqDetailBody .attachmentGallery .slick-next,
                                        .faqDetailBody .attachmentGallery .slick-prev {
                                            top: 100px;
                                            background: none;
                                            color: #d9e2ed;
                                        }

                                        .faqDetailBody .attachmentGallery .slick-dots {
                                            position: relative;
                                            margin-top: -20px;
                                            margin-bottom: 37px;
                                        }

                                        .faqDetailBody .attachmentGallery .slick-next {
                                            right: -45px;
                                        }

                                        .faqDetailBody .attachmentGallery .slick-prev {
                                            left: -60px;
                                        }

                                            .faqDetailBody .attachmentGallery .slick-next .icon,
                                            .faqDetailBody .attachmentGallery .slick-prev .icon {
                                                background: none;
                                                font-size: 32px;
                                            }

                                            .faqDetailBody .attachmentGallery .slick-next:hover .icon,
                                            .faqDetailBody .attachmentGallery .slick-prev:hover .icon,
                                            .faqDetailBody .attachmentGallery .slick-next:focus .icon,
                                            .faqDetailBody .attachmentGallery .slick-prev:focus .icon {
                                                color: #e2aa00;
                                            }

                                                .faqDetailBody .attachmentGallery .imgContainer .mediaelement {
                                                    position: relative;
                                                    overflow: hidden;
                                                    max-width: 370px;
                                                }

                                                    .faqDetailBody .attachmentGallery .imgContainer img {
                                                        height: auto;
                                                        width: auto;
                                                        max-width: 100%;
                                                    }

                                                    .faqDetailBody .attachmentGallery .imgContainer .mediaelement .icon-edge:before {
                                                        position: absolute;
                                                        bottom: 0;
                                                        right: 0;
                                                        cursor: default;
                                                        font-size: 31px;
                                                        color: #cbced0;
                                                        z-index: 100;
                                                    }

                                                    .faqDetailBody .attachmentGallery .imgContainer .mediaelement .dogEarPicCover {
                                                        background-color: #fff;
                                                        bottom: -0.5px;
                                                        right: 0;
                                                        position: absolute;
                                                        width: 31px;
                                                        height: 31px;
                                                        z-index: 50;
                                                    }

                                                .faqDetailBody p.news-img-caption {
                                                        margin-top: 11px;
                                                        color: #53565a;
                                                        font-size: 17px;
                                                        line-height: 26px;
                                                        margin-bottom: 20px;
                                                    }

                                                        .faqDetailBody p.news-img-caption > .attachmentBold {
                                                            font-weight: bold;
                                                        }

                                                        #fancybox-wrap, #fancybox-outer {
                                                            box-sizing: content-box;
                                                            padding: 15px;
                                                        }

                                                            #fancybox-content {
                                                                width: auto !important;
                                                                height: auto !important;
                                                            }

                                                            #fancybox-left-ico,
                                                            #fancybox-right-ico {
                                                                background: none;
                                                            }

                                                            #fancybox-right-ico:before,
                                                            #fancybox-left-ico:before {
                                                                font-family: Iconfont;
                                                                position: absolute;
                                                                font-size: 32px;
                                                                color: #d9e2ed;
                                                            }

                                                            #fancybox-right-ico:hover:before,
                                                            #fancybox-left-ico:hover:before,
                                                            #fancybox-right-ico:focus:before,
                                                            #fancybox-left-ico:focus:before {
                                                                color: #e2a900;
                                                            }

                                                            #fancybox-right-ico:before {
                                                                content: "\e609";
                                                                right: 0;
                                                                top: -8px;
                                                            }

                                                            #fancybox-left-ico:before {
                                                                content: "\e608";
                                                                left: 0;
                                                                top: -8px;
                                                            }

                                                            #fancybox-close {
                                                                background: none;
                                                                background-color: #e6e9ec;
                                                                top: -35px;
                                                                right: -35px;
                                                                height: 50px;
                                                                width: 50px;
                                                            }

                                                            #fancybox-close:before {
                                                                font-family: Iconfont;
                                                                position: absolute;
                                                                font-size: 21px;
                                                                font-weight: 400;
                                                                color: #1b5092;
                                                                content: "\e604";
                                                                top: 50%;
                                                                left: 50%;
                                                                transform: translate(-50%, -50%);
                                                            }

                                                            #fancybox-close:hover:before,
                                                            #fancybox-close:focus:before {
                                                                color: #e2a900;
                                                            }

                                    .faqDetailBody .news-related-files {
                                        margin-bottom: 22px;
                                    }

                                    .faqDetailBody .news-related-files > .row > .col-xs-6:nth-child(3n+4) {
                                        clear: both;
                                    }

                                        .faqDetailBody .news-related-files-link {
                                            font-size: 17px;
                                            line-height: 26px;
                                            font-weight: bold;
                                        }

                                            .faqDetailBody .news-related-files-link > a {
                                                /* padding-left: 15px; */
                                                display: inline-block;
                                                margin-left: 10px;
                                            }

                                            /* .faqDetailBody .download-link:before {
                                                font-family: iconfont;
                                                position: absolute;
                                                line-height: 1;
                                                left: -9px;
                                                top: 3px;
                                            } */

                                        .faqDetailBody .downloadDataDetail {
                                            font-size: 17px;
                                            line-height: 26px;
                                            margin-left: 42px;
                                            margin-bottom: 18px;
                                        }

                                            .faqDetailBody .news-related-files-format {
                                                white-space: nowrap;
                                            }

                                                .faqDetailBody .dataTypeExtension {
                                                    text-transform: uppercase;
                                                }

                                .faqDetailBody .lastChangeContainer {
                                    margin-bottom: 15px;
                                    margin-top: 20px;
                                    font-size: 15px;
                                }

                                .faqDetailBody .galleryHeadline ~ .lastChangeContainer {
                                    margin-top: 0;
                                }

                                .faqDetailBody .contentFooter {

                                }

                                    /* .news-single .news-backlink-wrap,
                                    .faqDetailBody .news-backlink-wrap,
                                    .news-backlink-wrap.btn {
                                        border: 1px solid #1b5092;
                                        background-color: transparent;
                                        font-weight: bold;
                                        font-size: 17px;
                                        line-height: 26px;
                                        padding: 8px 28px 8px 33px;
                                        transition: color 250ms ease 0s, background-color 250ms ease 0s, border-color 250ms ease 0s;
                                        text-transform: none;
                                    } */

                                    .news-single .news-backlink-wrap,
                                    .news-backlink-wrap.btn {
                                        margin-top: 17px;
                                        margin-bottom: 100px;
                                    }

                                        @media (max-width: 767px) {
                                            .news-single .news-backlink-wrap,
                                            .news-backlink-wrap.btn {
                                                margin-bottom: 62px;
                                            }
                                        }

                                    .faqDetailBody .news-backlink-wrap {
                                        margin-top: 30px;
                                        margin-bottom: 0;
                                    }


                                    .news-single .news-backlink-wrap:before,
                                    .faqDetailBody .news-backlink-wrap:before,
                                    .news-backlink-wrap.btn:before {
                                        /* font-family: iconfont;
                                        content: "\e601"; */
                                        font-family: 'LineIconsPro Light';
                                        content: "\ecc1";
                                        /* color: #1b5092; */
                                        font-size: 16px;
                                        /* font-size: 9px; */
                                        position: relative;
                                        left: -3px;
                                        top: -1px;
                                        /* transition: color 250ms ease; */
                                    }

                                    .bodytext .news-backlink-wrap.btn:before {
                                        padding-right: 4px;
                                    }

                                    /* .news-single .news-backlink-wrap:hover,
                                    .faqDetailBody .news-backlink-wrap:hover,
                                    .news-backlink-wrap.btn:hover {
                                        border-color: #e2aa00;
                                        background-color: #e2aa00;
                                        color: #fff !important;
                                    }

                                        .news-single .news-backlink-wrap:hover a,
                                        .news-single .news-backlink-wrap:hover:before,
                                        .faqDetailBody .news-backlink-wrap:hover a,
                                        .faqDetailBody .news-backlink-wrap:hover:before,
                                        .news-backlink-wrap.btn:hover a,
                                        .news-backlink-wrap.btn:hover:before {
                                            color: #fff !important;
                                        } */

                            .faqDetailBody .relatedLinks li {
                                display: list-item;
                            }

                            .faqDetailBody .relatedLinkDescription {
                                display: block;
                                font-size: 17px;
                                line-height: 20px;
                                padding-left: 14px;
                            }

                            /*MGi*/

                    .accordion .panel-body {
                        padding: 8px 0 58px;
                    }

                        .accordion .panel-body > .centeredButtonContainer {
                            padding-top: 45px;
                            padding-bottom: 5px;
                        }

                    .accordion .panel-heading + .panel-collapse > .panel-body {
                        border-top: none;
                    }

                        .accordion .panel-body .bigImageContainerWrap {
                            margin-bottom: 29px;
                        }

                        .accordion .linkList .arrowLink + .fileMetaData,
                        .linkList .arrowLink + .fileMetaData {
                            display: block;
                            padding-left: 14px;
                            font-size: 17px;
                            line-height: 26px;
                        }

                        .accordion .linkList .download-link.arrowLink + .fileMetaData,
                        .linkList .download-link.arrowLink + .fileMetaData,
                        .tx-wes-abi-userarea .downloadsContainer .filetypes .filetypeFiles .file .fileMetaData,
                        .download-link.arrowLink + .fileMetaData {
                            padding-left: 32px;
                            /* padding-left: 22px; */
                        }

        .accordion > .centeredButtonContainer {
            padding-top: 50px;
            padding-bottom: 60px;
        }

        /* .latestUpdates .linkList .arrowLink {
            padding-left: 22px;
        } */

        .latestUpdates .arrowLink:before {
            left: 1px;
        }

        .latestUpdates .linkList .arrowLink + .fileMetaData {
            padding-left: 32px;
            /* padding-left: 22px; */
        }

        .linkList-brochures .fileTitle {
            font-size: 20px;
            line-height: 30px;
            /* font-weight: 700; */
            color: #1b5092;
        }

        .linkList-brochures .fileMetaData {
            font-size: 17px;
            line-height: 26px;
        }

        .linkList-brochures .links {
            display: flex;
            flex-wrap: wrap;
            gap: 0 30px;
            margin-top: 2px;
        }

        .linkList-brochures .links a {
            font-size: 17px;
            line-height: 26px;
            padding-left: 25px;
        }

        .linkList-brochures .links a:before {
            top: 6px;
            font-size: 14px;
        }

        .linkList-brochures .links a.branding-link:before {
            content: '\ed8f';
        }


        /* Print-Button for Seminary, Styling by FK */
        .accordion .dogEarPaper .panel-body > .centeredButtonContainer {
            float: left;
            text-align: left;
        }

            .printButton {
                padding-top: 55px;
                float: right;
                display: inline-block;
                margin-right: 10px;
            }

                .printButtonLink {
                    position: relative;
                    padding: 7px 16px 5px 16px;
                    color: #1b5092;
                    font-size: 15px;
                    font-weight: bold;
                    transition: color 250ms ease 0s, background-color 250ms ease 0s;
                    vertical-align: middle;
                    white-space: nowrap;
                    -moz-user-select: none;
                }

                    .printButtonLink .lnir {
                        position: relative;
                        top: 1px;
                    }

                    .printButtonLink:hover {
                        color: #e2aa00;
                    }

                        .printButtonText {
                            padding-left: 10px;
                        }
        /* Print-Button Fin */

    /* .contactDepartmentContainer {
        border-bottom: 1px solid #d1dce9;
    } */

        .contactDepartmentContainer h2,
        .contactDepartmentContainer .h2 {
            margin-top: 42px;
            padding-bottom: 0;
            margin-bottom: 23px;
            border-bottom: none;
        }

        .contactDepartmentContainer .contactPerson {
            font-size: 20px;
            line-height: 30px;
            /* font-size: 17px;
            line-height: 26px; */
            margin-bottom: 31px;
        }

            .contactDepartmentContainer .contactPerson .name {
                /*font-size: 20px;
                line-height: 32px;*/
                /* font-size: 17px;
                line-height: 26px; */
                font-weight: bold;
                margin-bottom: 10px;
            }

                .contactDepartmentContainer .contactPerson .contactPersonData tr td + td {
                    padding-left: 18px;
                }

        #zipAreaSearchForm {
            clear: both;
            margin-bottom: 31px;
            /*position: relative;
            top: -15px;*/
        }

            #zipAreaSearchForm .selectbox-label {
                margin-bottom: 35px;
                /* margin-bottom: 18.5px; */
                margin-top: 0;
            }

            #zipAreaSearchForm .dogEarPaper {
                padding: 30px 30px 25.5px 30px;
            }

            #zipAreaSearchForm .dogEarPaper + .dogEar.centered {
                font-size: 23px;
                color: #f2f4f5;
                position: relative;
                top: -1px;
            }

            #zipAreaSearchForm .form-group {
                position: relative;
                /*max-width: 468px;*/
            }

                #zipAreaSearchForm .form-group label {
                    width: 52%;
                    font-size: 20px;
                    line-height: 30px;
                    /* font-size: 16px;
                    line-height: 22px; */
                    padding-top: 11.5px;
                }

                #zipAreaSearchForm .form-group .inputGroupContainer {
                    width: 48%;
                }

            #zipAreaSearchForm .input-group {
                /*max-width: 320px;*/
            }

            #zipAreaSearchForm #zipAreaSearch {
                background-color: transparent;
                border: 2px solid #A4A4A4;
                border-right: none;
            }

            #zipAreaSearchForm .form-group .input-group .input-group-btn .btn {
                height: 60px;
                margin-top: 0;
                width: 60px;
                border-color: #1b5092;
                background-color: #1b5092;
            }
                #zipAreaSearchForm .form-group .input-group .input-group-btn .btn .lnil {
                    color: #fff;
                    font-size: 20px;
                }

            #zipAreaSearchForm .form-group .input-group .input-group-btn .btn:hover,
            #zipAreaSearchForm .form-group .input-group .input-group-btn .btn:focus,
            #zipAreaSearchForm .form-group .input-group .input-group-btn .btn:active {
                border-color: #e2aa00;
                background-color: #e2aa00;
            }

                #zipAreaSearchForm .form-group .input-group .input-group-btn .btn:before {
                    font-size: 24px;
                    position: relative;
                    top: 2px;
                }

        #zipAreaSearchResultLabel {
            display: none;
            font-size: 20px;
            line-height: 30px;
            margin-bottom: 30px;
        }

        .contactZipAreaContainer {
            border-bottom: none;
        }

        /* .contactZipAreaContainer:before {
            content: '';
            display: block;
            margin-left: auto;
            margin-right: auto;
            padding-top: 31px;
            border-top: 1px solid #d1dce9;
            width: 250px;
        } */

        .is-search .contactZipAreaContainer:before {
            display: none;
        }

            /*.contactZipArea h2 {
                font-size: 22px;
                line-height: 28px;
                margin-top: 0 !important;
                margin-bottom: 15px;
                padding-bottom: 0;
                border-bottom: none;
            }*/

            /*.contactZipArea .contactDepartmenContactPersons {
                display: flex;
                flex-wrap: wrap;
                align-items: flex-end;
            }

                .contactZipArea .contactDepartmenContactPersons:before,
                .contactZipArea .contactDepartmenContactPersons:after {
                    content: normal;
                }

                    .contactZipArea .imageContainer {
                        width: 100%;
                        float: none !important;
                    }

                        .contactZipArea .imageContainer > img {
                            float: none !important;
                            padding-bottom: 15px;
                        }

                    .contactZipArea .infoContainer {
                        width: 100%;
                    }*/

    .catalogPricesMain {
        padding-bottom: 30px;
    }

    .downloadContainer {
        margin-top: 43px;
        padding-bottom: 14px;
    }

        .news .downloadContainer {
            padding-bottom: 0;
        }

        .downloadContainer .bigImageContainer {
            margin-bottom: 32px;
        }

        .downloadContainer .centeredButton {
            /* padding-left: 32px; */
            /* padding-right: 19px; */
            text-transform: none;
            text-align: left;
        }

        .downloadContainer .centeredButton.oneLineText {
            display: flex;
            align-items: center;
            height: 98px;
        }

        .downloadContainer .lastModified {
            display: block;
            font-size: 17px;
            margin-top: 10px;
        }

/* --- new events (seminar) area ------------------------ */
.tx-wes-abi-events .contentElementContainer {
    max-width: 800px;
    min-width: 0;
    padding-right: 15px;
    padding-left: 15px;
}

    .tx-wes-abi-events .contentElementContainer > h2,
    .tx-wes-abi-events .contentElementContainer > .h2 {
        font-size: 40px;
        line-height: 50px;
        margin-top: 89px;
        margin-bottom: 38px;
    }

        .tx-wes-abi-events .contentElementContainer > h2:first-child:not(.sectionHeadline),
        .tx-wes-abi-events .contentElementContainer > .h2:first-child:not(.sectionHeadline) {
            margin-top: 19px;
        }

    .tab-pane .tx-wes-abi-events .accordion {
        margin-top: 0;
    }

    .tx-wes-abi-events .panel-heading .subtitle {
        display: block;
        margin-top: -15px;
        font-size: 20px;
        line-height: 30px;
        /* font-size: 17px; */
    }

    .hidden {
        display: none;
    }

    .tx-wes-abi-events .panel-heading .availableSlots,
    .tx-wes-abi-events .panel-heading .noAvailableSlots {
        font-size: 17px;
        position: relative;
        padding-left: 16px;
        padding-top: 1px;
        display: inline-block;
    }

        .tx-wes-abi-events .panel-heading .availableSlots:before,
        .tx-wes-abi-events .panel-heading .noAvailableSlots:before {
            content: "";
            display: block;
            width: 8px;
            height: 8px;
            border-radius: 50%;
            position: absolute;
            top: 9px;
            left: 0;
        }


    .tx-wes-abi-events .panel-heading .availableSlots {
        color: #e2aa00;
    }

        .tx-wes-abi-events .panel-heading .availableSlots:before {
            background-color: #e2aa00;
        }

    .tx-wes-abi-events .panel-heading .noAvailableSlots {
        color: #e10808;
    }

        .tx-wes-abi-events .panel-heading .noAvailableSlots:before {
            background-color: #e10808;
        }

    .tx-wes-abi-events .eventDetail {

    }

        .tx-wes-abi-events .eventDetail p.headline {
            margin-bottom: -31px;
        }

        .tx-wes-abi-events .eventDetail p + ul {
            margin-top: 0;
        }

        .tx-wes-abi-events .registerButtonAndPrintLinkContainer {
            margin-top: 46px;
        }

            .tx-wes-abi-events .registerButtonAndPrintLinkContainer .printButtonLink {
                font-size: 17px;
                top: 9px;
                left: -16px;
            }

            .tx-wes-abi-events .registerButtonAndPrintLinkContainer .centeredButton {
                float: right;
            }

    .tx-wes-abi-events .informationPrintTeaser {

    }

        .tx-wes-abi-events .informationPrintTeaser .dogEarPaper {
            text-align: center;
            margin-top: 41px;
            padding-bottom: 19px;
        }

        .tx-wes-abi-events .informationPrintTeaser .printButtonLink {
            display: inline-block;
            font-size: 17px;
            margin-top: 17px;
        }

            .tx-wes-abi-events .informationPrintTeaser .printButtonLink + .printButtonLink {
                margin-left: 20px;
            }

#eventOrderForm h2,
#eventOrderForm .h2 {
    margin-top: 43px;
}

#eventOrderForm .participantContainer {
    overflow: hidden;
}

/* --- organizer ------------------------ */
.organizerContainerOuter {
    margin-bottom: 100px;
}

    .organizerContainerOuter + .organizerContainerOuter{
        margin-top: -100px;
    }

    @media (max-width: 767px) {
        .organizerContainerOuter {
            margin-bottom: 100px;
        }

            .organizerContainerOuter + .organizerContainerOuter{
                margin-top: -100px;
            }
    }

    @media (max-width: 576px) {
        .organizerContainerOuter {
            margin-bottom: 100px;
        }

            .organizerContainerOuter + .organizerContainerOuter{
                margin-top: -100px;
            }
    }

.organizerContainer {
    font-size: 20px;
    line-height: 30px;
    /* font-size: 17px;
    line-height: 26px; */
}

    .organizerContainer .dogEarPaper {
        padding: 30px 29px 31px;
        margin-top: 21px;
        margin-bottom: 20px;
    }

    .organizerContainer h2,
    .organizerContainer .dogEarPaper h2,
    .organizerContainer .h2,
    .organizerContainer .dogEarPaper .h2 {
        margin-top: 0;
        margin-bottom: 27px;
    }

    .organizerContainer .organizerContactData td .mail{
        word-break: break-word;
    }

        .organizerContainer .organizerContactData td .lnil-Website {
            position: relative;
            top: 5px;
        }

        .organizerContainer .organizerContactData td .lnil-message-edit {
            position: relative;
            top: 2px;
        }

    .organizerContainer p {
        font-size: 17px;
        line-height: 26px;
        padding-top: 0;
        font-weight: bold;
    }

    .organizerContainer p + p {
        font-weight: normal;
    }

    .organizerContainer tr td + td {
        padding-left: 10px;
    }

    @media (max-width: 480px) {
        .organizerContainer .organizer > .row {
            display: flex;
            flex-direction: column-reverse;
        }

        .organizerContainer .image {
            padding-bottom: 20px;
            /* padding-top: 20px; */
        }

            .organizerContainer .image .img-responsive {
                margin-left: 0;
                margin-right: 0;
            }
    }

/* --- hotelTeaser ------------------------ */
.hotelTeaserContainerWrap.greyBackground {
    padding-bottom: 41px;
}

    .hotelTeaserContainerWrap.greyBackground + .hotelTeaserContainerWrap.greyBackground {
        margin-top: -41px;
    }

    :not(.greyBackground) + .hotelTeaserContainerWrap.greyBackground {
        padding-top: 49px;
    }

.hotelTeaser {
    display: -webkit-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
    margin-top: 21px;
    margin-bottom: 21px;
    font-size: 20px;
    line-height: 30px;
    /* font-size: 17px;
    line-height: 26px; */
}

    .hotelTeaser > div {
        float: none;
    }

    .hotelTeaser .imageContainer {
        display: -webkit-box;
    	display: -webkit-flex;
    	display: -moz-flex;
    	display: -ms-flexbox;
    	display: flex;

        -webkit-box-align: center;
		-ms-flex-align: center;
        -webkit-align-items: center;
    	-moz-align-items: center;
    	align-items: center;
    }

@media (min-width: 768px) {
    .hotelTeaser .openingHoursContainer {
        margin-top: 10px;
    }
}

@media screen and (max-width: 767px) {
    .hotelTeaserContainer {
        max-width: 370px;
        margin-right: auto;
        margin-left: auto;
    }

    .hotelTeaser {
        display: block;
        margin-top: 32px;
    }

        .hotelTeaser .imageContainer {
            -webkit-box-pack: center;
		    -ms-flex-pack: center;
            -webkit-justify-content: center;
        	-moz-justify-content: center;
        	justify-content: center;
        }

        .hotelTeaser .textContainer {
            margin-top: 10px;
        }
}

/* --- contactPersonTeaser ------------------------ */
.contactPersonTeasersContainer {
    padding-top: 74px;
}

    .contactPersonTeaser {

    }

        .contactPersonTeaser .subline {
            line-height: 32px;
            margin-top: 0;
            padding-top: 29px;
        }

        .contactPersonTeaser .dogEarPaper {
            padding-top: 27px;
            padding-right: 29px;
            padding-bottom: 31px;
            padding-left: 29px;
            margin-top: 21px;
            margin-bottom: 20px;
        }

            .contactPersonTeaser .phone,
            .contactPersonTeaser .mail {
                display: block;
                font-size: 20px;
                line-height: 32px;
            }

                .contactPersonTeaser .phone .icon {
                    position: relative;
                    top: 2px;
                    left: 0;
                    padding-right: 17px;
                    font-size: 19px;
                }

                    .contactPersonTeaser .phone .icon .path2:before {
                        color: #1b5092;
                    }

                .contactPersonTeaser .mail .icon {
                    position: relative;
                    top: 0;
                    left: 0;
                    padding-right: 15px;
                    color: #1b5092;
                    font-size: 14px;
                }

                .contactPersonTeaser .mail > a {
                    color: #53565a;
                }

                    .contactPersonTeaser .mail > a:hover {
                        color: #e2aa00;
                    }

    .contactTeasersContainer .centeredButtonContainer {
        padding-top: 30px;
        padding-bottom: 0;
    }

/* --- video ------------------------ */
.videoContainer {
    max-width: 800px;
    min-width: 320px;
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
}

/* --- mobileNavigation ------------------------ */
/* new menu layout*/
#mobileNavigationContainer {
    z-index: 2000;
    overflow: hidden;
}

    #mobileNavigationContainer.sidebar-offcanvas {
        padding-left: 0;
    }

    #mobileNavigation {
        height: 100%;
        background-color: #fff;
        box-shadow: 0 0 61px rgba(0, 0, 0, 0.2);
    }
        /*new menu layout*/
        #mobileNavigation .closeContainer {
            display: flex;
            height: 83px;
        }

        #mobileNavigation .logo-blue-small {
            display: block;
            margin-right: auto;
            margin-top: 22px;
            margin-left: 20px;
            height: 40px;
            width: auto;
        }

        #mobileNavigation .navbar-toggle {
            color: #1b5092;
            font-size: 20px;
            margin-top: 0;
            padding-right: 20px;
            /* margin-top: 12px; */
            margin-right: 0;
            margin-left: auto;
        }

            #mobileNavigation .navbar-toggle .menuText {
                position: relative;
                top: -2px;
            }

            #mobileNavigation .navbar-toggle .lnil {
                top: -2px;
                font-size: 18px;
            }

        #mobileNavigation #mainNavigation {
            margin-top: 52px;
            margin-bottom: 65px;
        }

            .user-logged-in + #mobileNavigation #mainNavigation {
                margin-bottom: 35px;
            }

            #mobileNavigation #mainNavigation li.hasSub > a:after{
                content: "\ecc3";
                font-family: 'LineIconsPro Light';
                position: absolute;
                right: 16px;
                top: 12px;
                font-size: 18px;
            }

            #mobileNavigation #mainNavigation li.active > a {
            /* #mobileNavigation #mainNavigation li.active li.backLinkContainer > .navBackLink { */
                color: #e2aa00;
                /* color: #1B5092; */
            }

                #mobileNavigation #mainNavigation li.backLinkContainer > .navBackLink:before {
                    content: "\ecc1";
                    font-family: 'LineIconsPro Light';
                    position: absolute;
                    left: 16px;
                    top: 12px;
                    font-size: 18px;
                }

            #mobileNavigation #mainNavigation a {
                color: #3A3A3A;
            }

                #mobileNavigation #mainNavigation a:hover {
                    color: #1B5092;
                }

        #mobileNavigation .nav.level2 a {
            padding-left: 47px;
        }

        #mobileNavigation .nav.level1 {
/*
            margin-top: 22px;
            margin-bottom: 32px;
*/
            /* padding-top: 22px; */
            /* padding-bottom: 32px; */
        }

            #mobileNavigation li {
                /* position: relative; */
                position: static;
                margin-top: 0;
            }

                #mobileNavigation li.languageNav  {
                    position: relative;
                }

                /* new menu layout */
                #mobileNavigation .nav .hasChildren:after {
                    position: absolute;
                    right: 14px;
                    top: 21px;
                    /* top: 24px; */
                    display: block;
                    content: '\ecbf';
                    color: #1b5092;
                    font-size: 16px;
                    /* font-size: 5px; */
                    font-family: 'LineIconsPro Light';
                    speak: none;
                    font-style: normal;
                    font-weight: normal;
                    font-variant: normal;
                    text-transform: none;
                    line-height: 1;

                    /* Better Font Rendering =========== */
                    -webkit-font-smoothing: antialiased;
                    -moz-osx-font-smoothing: grayscale;
                }

                    #mobileNavigation .nav .hasChildren.open:after {
                        content: '\ecbf';
                        transform: rotate(180deg);
                    }

                    #mobileNavigation .nav.open > .hasChildren:after {
                        color: #bacade;
                    }

                        #mobileNavigation .nav.open > .hasChildren.open:after {
                            color: #1b5092;
                        }

                #mobileNavigation .nav a {
                    position: relative;
                    background-color: transparent;
                    font-size: 20px;
                    line-height: 30px;
                    padding-right: 32px;
                    padding-left: 20px;
                }

                    #mobileNavigation li.swap {
                        margin-top: 30px;
                        padding-top: 5px;
                        padding-bottom: 5px;
                    }

                        #mobileNavigation li.swap:before {
                            content: '';
                            display: block;
                            width: calc(100% - 30px);
                            border-top: 1px solid #e3e6e9;
                            position: relative;
                            left: 15px;
                            padding-bottom: 5px;
                        }

                    #mobileNavigation li.active > a {
                        color: #1b5092;
                    }

                    #mobileNavigation .nav.open > li > a:not(.btn) > span {
                        transition: color 350ms ease;
                    }

                    #mobileNavigation .nav .hasChildren > a > span {
                        transition: none;
                    }

                    #mobileNavigation .nav.open > li > a > span {
                        color: rgba(27, 80, 146, 0.5);
                        /* color: #bacade; */
                    }

                        #mobileNavigation .nav.open > li.open > a > span {
                            color: #1b5092;
                        }

                    #mobileNavigation .nav li a.open,
                    #mobileNavigation .nav li.active a,
                    #mobileNavigation .nav li a:hover,
                    #mobileNavigation .nav li a:focus {
                        background-color: transparent;
                        color: #e2aa00;
                        /* text-decoration: underline; */
                    }

                        /* #mobileNavigation .nav li a.open:after,
                        #mobileNavigation .nav li.active a:after,
                        #mobileNavigation .nav li a:hover:after,
                        #mobileNavigation .nav li a:focus:after,
                        #mobileNavigation .nav li a.open span,
                        #mobileNavigation .nav li.active a span,
                        #mobileNavigation .nav li a:hover span,
                        #mobileNavigation .nav li a:focus span {
                            color: #1b5092;
                        } */

            #mobileNavigation .nav .dropdownBoxes {
                margin-left: 23px;
                position: relative;
                margin-top: 41px;
                float: left;
            }

            #mobileNavigation .nav .dropdownBoxes .login {
                margin-left: 0;
                position: static;
            }

                #mobileNavigation .nav .dropdownBoxes .login #mobilelogout {
                    border-color: #1b5092;
                    background-color: #1b5092;
                    color: #fff;
                }

                    #mobileNavigation .nav .dropdownBoxes .login #mobilelogout:hover, #mobileNavigation .nav .dropdownBoxes .login #mobilelogout:focus, #mobileNavigation .nav .dropdownBoxes .login #mobilelogout:active {
                        border-color: #e2aa00;
                        background-color: #e2aa00;
                    }

            #mobileNavigation .nav .btnContainer {
                float: left;
                margin-top: 0;
                margin-left: 0;
            }

            #mobileNavigation .nav .btnContainer + .btnContainer {
                margin-left: 9px;
            }

                #mobileNavigation .nav .btn {
                    display: inline-block;
                    color: #1b5092;
                    font-size: 17px;
                    line-height: 22px;
                    margin-right: 0;
                    margin-left: 0;
                    padding: 8px 13px;
                }

                    #mobileNavigation .nav.open li .btn span {
                        color: #1b5092;
                    }

                    #mobileNavigation .nav .btn:hover,
                    #mobileNavigation .nav .btn:focus {
                        color: #fff;
                        background-color: #1b5092;
                        border-color: #1b5092;
                        text-decoration: none;
                    }

                        #mobileNavigation .nav .btn:hover .icon,
                        #mobileNavigation .nav .btn:focus .icon {
                            color: #fff;
                        }

        #mobileNavigation .e-learning {
            margin-top: -5px;
        }

/* --- footer ------------------------ */

.page-metalwork #footerContainer {
    margin-top: 45px;
}

/*new menu layout*/
#footerContainer {
    background: transparent repeat-y 50% 0;
    padding-top: 95px;
    /* padding-top: 108px; */
    padding-bottom: 50px;
    /* padding-bottom: 39px; */
    position: relative;
    background-image: none !important;
    background-color: #1B5092;
}

    #footerContainer.minimalFooter {
        padding-top: 39px;
    }

    #footerContainer .socialMediaLinks  {
        display: flex;
        padding-top: 4px;
		list-style: none;
    }

        @media (max-width: 991px) {
            #footerContainer .socialMediaLinks  {
                padding-top: 0;
                margin-bottom: 0;
            }
        }

        #footerContainer .socialMediaLinks  li:not(:last-child){
            margin-right: 30px;
        }

            #footerContainer .socialMediaLinks  .lnir-facebook-original {
                font-size: 24px;
            }

            #footerContainer .socialMediaLinks  .lnir-youtube {
                font-size: 35px;
                position: relative;
                top: -5px;
            }

            #footerContainer .socialMediaLinks  .lnir-linkedin-original {
                font-size: 24px;
            }

    /*new menu layout*/
    .contactAndNewsletterContainer {
        padding-bottom: 58px;
        display: flex;
        position: relative;
        flex-wrap: wrap;
    }

        .contactAndNewsletterContainer:after {
            content: "";
            display: block;
            position: absolute;
            bottom: 0;
            left: 15px;
            right: 15px;
            height: 1px;
            background-color: #4D73A2;
        }
        .contactAndNewsletterContainer .h2 {
            line-height: 36px;
            font-size: 30px;
            font-weight: bold;
        }

        .contactAndNewsletterContainer .contactData,
        .contactAndNewsletterContainer p {
            line-height: 22px;
            font-size: 16px;
        }

    #footer {
        color: #fff;
        font-size: 17px;
        line-height: 26px;
    }

        #footer h2,
        #footer .h2,
        #footer a {
            color: #fff;
        }

            #footer a:hover {
                color: #e2aa00;
            }

        /*new menu layout*/
        #footer h2,
        #footer .h2 {
            font-size: 30px;
            line-height: 36px;
            margin-bottom: 30px;
            /* margin-bottom: 21px; */
        }

        @media (max-width: 767px) {
            #footer h2,
            #footer .h2 {
                line-height: 32px;
                font-size: 27px;
            }
        }

        /*new menu layout*/
        #footer .arrowLink {
            margin-top: 20px;
            /* margin-top: 10px; */
            font-size: 16px;
            line-height: 22px;
            font-weight: bold;
        }

            #footer .arrowLink:after {
                padding-left: 10px;
                top: 4px;
            }

            /* #footer .arrowLink:before {
                top: 7px;
            } */

        #footer .returnDeliveryBox {
            width: calc(100% - 30px);
            margin: 0 15px 40px 15px;
            padding-bottom: 60px;
            border-bottom: 1px solid #4D73A2;
            font-size: 20px;
        }

        #footer .returnDeliveryBox p {
            font-size: 20px;
        }

        #footer .downloadLink {
            margin-left: 8px;
            font-size: 20px;
            line-height: 26px;
            font-weight: bold;
        }

            #footer .downloadLink:before {
                position: relative;
                top: 1px;
                padding-right: 9px;
                font-family: 'LineIconsPro Light';
                content: '\ea6a';
                font-size: 20px;
            }

        /*new menu layout*/
        #footer .newsLetterBox {
            margin-left: 71px;
            display: flex;
            flex-direction: column;
        }

            #footer .newsLetterBox .arrowLink {
                margin-top: auto;
            }

        #footer table.contactData tr td + td{
            padding-left: 18px;
        }

        /*new menu layout*/
        #footer table + .arrowLink {
            margin-top: 30px;
            /* margin-top: 20px; */
        }

        @media (max-width: 991px) {
            .contactAndNewsletterContainer {
                padding-bottom: 63px;
            }

            #footer .arrowLink {
                margin-top: 10px;
            }

            #footer .newsLetterBox .arrowLink {
                margin-top: 10px;
            }

            #footer table + .arrowLink {
                margin-top: 20px;
            }
        }

        @media (max-width: 767px) {
            .contactAndNewsletterContainer {
                padding-bottom: 48px;
            }

            #footer .returnDeliveryBox {
                margin-top: 50px;
            }
        }

        #footer .formContainer {
            margin-top: 21px;
        }

            #footer .input-group {
                max-width: 298px;
            }

                #footer .formContainer .input-group-addon {
                    height: 45px;
                    background-color: transparent;
                    border-color: #fff;
                    color: #fff;
                    padding-left: 15px;
                }

                    #footer .formContainer .icon-letter {
                        font-size: 20px;
                    }


                #footer .formContainer .form-control {
                    padding: 0;
                    border: none;
                    background-color: transparent;
                }

                    #footer .formContainer .form-control > input {
                        position: relative;
                        z-index: 1;
                        width: 100%;
                        height: 45px;
                        color: #fff;
                        background-color: transparent;
                        border-style: solid;
                        border-width: 1px;
                        border-right: none;
                        border-left: none;
                        border-color: #fff;
                        -webkit-border-radius: 0px;
                        box-shadow: none;
                        font-size: 17px;
                        line-height: 26px;
                        font-weight: bold;
                        padding: 4px 5px 5px;
                    }

                    #footer .formContainer .form-control .placeholder {
                        position: absolute;
                        top: 1px;
                        right: 0;
                        bottom: 2px;
                        left: 0;
                        padding: 5px;
                        color: #fff;
                        font-size: 17px;
                        line-height: 31px;
                        font-weight: bold;
                    }

                        #footer .formContainer .form-control > input::-webkit-input-placeholder {
                            color: #fff;
                        }

                        #footer .formContainer .form-control > input::-moz-placeholder {
                            color: #fff;
                            opacity: 1;
                        }

                        #footer .formContainer .form-control > input:-ms-input-placeholder {
                            color: #fff;
                        }

                #footer .formContainer .btnContainer {
                    padding: 0;
                    border-left: none;
                }

                    #footer .formContainer button {
                        background-color: transparent;
                        border: none;
                        width: 37px;
                        height: 43px;
                        padding: 0;
                    }

                        #footer .formContainer .icon-arrow_right {
                            position: relative;
                            top: -1px;
                            right: -1px;
                            font-size: 10px;
                        }

        /* new menu layout*/
        #footerContainer:not(.minimalFooter) #footerBottomContainer {
            /* padding-top: 107px; */
            padding-top: 61px;
        }

                #footerContainer #footerBottom .logo-white-footer {
                    position: relative;
                    /* top: -6px; */
                    top: 5px;
                }

            @media (min-width: 992px) {
                #footerBottom > .row {
                    display: flex;
                }

                #footerBottom > .row > div {
                    float: none !important;
                    width: auto !important;
                }

                #footerBottom > .row > div:nth-child(2) {
                    margin-left: auto;
                }
            }

            /* new menu layout*/
            #copyright {
                padding-top: 7px;
                text-align: right;
                font-size: 14px;
                line-height: 20px;
            }

            #copyright > span + span {
                position: relative;
                padding-left: 13px;
            }

                #copyright > span + span:before {
                    display: block;
                    content: '';
                    position: absolute;
                    left: 4px;
                    top: -1px;
                    width: 1px;
                    height: 22px;
                    background-color: rgba(255, 255, 255, 0.3);
                }

            #copyright a {
                color: #fff;
                font-weight: bold;
            }

            /*new menu layout*/
            #footerMetanav > a,
            #footerMetanav > .dropup > a {
                flex-shrink: 0;
                padding: 7px 0;
                font-size: 20px;
                line-height: 24px;
                font-weight: bold;
            }

            /* #footerMetanav > .cookieConsentRevoke {
                order: -1;
            } */

            #footerMetanav > .dropup  {
                min-width: 270px;
                /* margin-right: 11px !important; */
                margin-right: -27px;
            }

            @media (min-width: 768px) {
                #footerMetanav > .dropup  {
                    margin-left: -19px;
                }
            }

                #footerMetanav > .dropup > a {
                    padding-left: 19px;
                    padding-bottom: 20px;
                }

                    /* @media (max-width: 991px) {
                        #footerMetanav > .dropup > a {
                            padding-left: 0;
                        }
                    } */

                    #footerMetanav > .dropup > .dropdown-menu {
                        padding-top: 10px;
                    }

                    #footerMetanav > .dropup > .dropdown-menu a {
                        color: #3A3A3A;
                    }
                        #footerMetanav > .dropup > .dropdown-menu a:hover{
                            /* color: #1B5092; */
                            color: #e2aa00;
                            background-color: transparent;
                        }

                    #footerMetanav > .dropup.open > a {
                        background-color: #fff;
                        color: #1B5092;
                    }
                        #footerMetanav > .dropup.open > a:hover {
                            color: #e2aa00;
                        }

                    #footerMetanav > .dropup.open .lnil {
                        transform: rotate(180deg);
                        left: 15px;
                    }

            #footerMetanav > .dropup .lnil-chevron-up {
                padding-left: 15px;
                font-size: 24px;
                position: relative;
                top: 3px;
            }

            @media (max-width: 767px) {
                #footerMetanav {
                    display: flex;
                    flex-direction: column-reverse !important;
                }

                #footerMetanav > a,
                #footerMetanav > .dropup > a {
                    font-size: 18px;
                    line-height: 22px;
                    padding-left: 15px;
                    margin-left: -15px;
                    padding-bottom: 20px;
                }
            }

            #footerMetanav > .dropup > a {
                display: block;
            }

                #footerMetanav > .dropup > a .icon:before {
                    font-size: 13px;
                    padding-left: 15px;
                }

            #footerMetanavContainer + #copyrightContainer {
                margin-top: 22px;
            }

            #footerMetanav {
                display: flex;
                gap: 0 38px;
                flex-direction: row-reverse;
                flex-wrap: wrap;
            }

            @media (max-width: 991px) {
                #footerMetanav {
                    justify-content: flex-end;
                }
            }

            /* #footerMetanav .pull-right + .pull-right {
                margin-right: 38px;
            } */

            #footerMetanav .dropdown-menu {
                box-shadow: none;
                background-color: #fff;
                border: none;
                /* border-color: #1b5092; */
                min-width: 270px;
                width: auto;
                margin-top: 0;
                margin-bottom: 0;
                left: 0;
                right: auto;
            }

                #footerMetanav .btn {
                    display: inline-block;
                    height: auto;
                    padding: 8px 14px 8px 13px;
                    font-size: 17px;
                    line-height: 22px;
                    color: #fff;
                    border-color: #fff;
                    text-transform: none;
                }

                #footerMetanav .btn:hover, #footerMetanav .btn:focus, #footerMetanav .btn:active, #footerMetanav .open .btn {
                    border-color: #1b5092;
                    background-color: #FFF;
                    color: #1b5092;
                }

                    #footerMetanav .dropdown-menu a {
                        /* color: #1b5092; */
                        font-size: 16px;
                        line-height: 18px;
                        padding: 3px 20px;
                        white-space: normal;
                        padding: 10px 20px;
                    }

                    #footerMetanav .dropdown-menu a:hover, #footerMetanav .dropdown-menu a:focus, #footerMetanav .dropdown-menu a:active {
                        background-color: #1b5092;
                        color: #fff;
                        text-decoration: none;
                    }

                    #footerMetanav .icon-arrow_up {
                        top: -3px;
                        padding-left: 10px;
                        font-size: 5px;
                        position: relative;
                    }

                    @media (max-width: 767px) {
                        #footerMetanav .dropdown-menu {
                            left: -15px;
                        }

                            #footerMetanav .dropdown-menu a {
                                padding: 10px 15px;
                            }
                    }


@media (min-width: 992px) and (max-width: 1250px) {
    table.dataTable thead > tr > th.sorting_asc,
    table.dataTable thead > tr > th.sorting_desc,
    table.dataTable thead > tr > th.sorting {
        padding-right: 37px;
        padding-left: 10px;
    }

    table.dataTable {
        font-size: 14px;
    }

    table.dataTable > tbody > tr > td {
        padding-left: 10px;
        padding-right: 10px;
    }
}

@media (min-width: 1200px) {
    .navbar-toggle {
        display: none !important;
    }
}

@media (min-width: 768px) {
    .vertical-center {
        position: relative;
        top: 50%;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -o-transform: translateY(-50%);
    }
}

@media (max-width: 1380px) {
    .page-userarea #mainNavbar .navbar-nav .item a {
        padding-left: 10px;
        padding-right: 10px;
        font-size: 17px;
    }

    .page-userarea #mainNavbar .navbar-nav .item a span {
        font-size: 17px;
    }

    .navbar-default .navbar-nav.level1 > .item.active > a span:after {
        left: 5px;
        right: 5px;
    }
}

@media screen and (max-width: 1180px) {
/* --- small desktop: navigation ------------------------ */
    .navbar-default .navbar-brand {
        padding-right: 0;
    }

    .headerNavigationContainer {
        width: calc(100% - 145px);
    }

    /* .navbar-header {
        max-width: 145px;
    } */

        #headerContainer.scroll .navbar-default .navbar-brand {
            padding-right: 15px;
        }

    #mainNavbar .navbar-nav {
        padding-left: 70px;
    }

        /* .page-userarea #mainNavbar .navbar-nav > .item:first-child a {
            padding-left: 0;
        } */

        /* .page-userarea #mainNavbar .navbar-nav > .item:last-child a {
            padding-right: 0;
        } */

    .navbar-nav .level2 {
        padding-left: 230px;
    }

    /* .page-userarea .navbar-nav .level2 {
        padding-left: 200px;
    } */

    #headerContainer.scroll #mainNavbar .navbar-nav {
        padding-left: 50px;
    }

    .stageSliderContainer .stage .stageSliderElement .textContainerOuter {

    }
}

@media (max-width: 1100px) {
    #loginAreaContainer.logged-in .navbar-nav .item a {
        padding: 0 7.5px;
        font-size: 16px;
    }

    #loginAreaContainer.logged-in .navbar-right {
        margin-right: -7.5px;
    }

    #loginAreaContainer.logged-in .greeting {
        font-size: 16px;
    }
}

@media (max-width: 1050px) {

}

/* --- small (tablet) ------------------------ */
@media screen and (max-width: 1199px) {

    /* --- tablet: header ------------------------ */
        #headerContainer,
        #headerContainer.scroll {
            height: 83px;
        }

        #headerContainer.user-logged-in {
            height: 133px;
        }

        #header {
            position: static;
        }

        /* new menu layout */
        #headerContainer {
            position: absolute;
            left: 0;
            right: 0;
            top: 0;
            height: 83px;
            border-bottom: 1px solid rgba(255, 255, 255, .4);
        }

        .row-offcanvas-right.active #headerContainer {
            background-color: #fff;
        }


    /* --- tablet: navigation ------------------------ */
        /* new menu layout */
        .navbar,
        #headerContainer.scroll .navbar {
            height: 83px;
            /*box-shadow: 0 2px 0 rgba(0, 0, 0, 0.15);*/
        }

            .navbar-toggle {
                margin-top: 16px;
                margin-right: 5px;
            }

            .navbar-toggle .menuText + .lnil {
                position: relative;
                top: 3px;
            }

            .navbar-brand {
                height: 69px;
                padding-top: 9px;
                padding-bottom: 9px;
                padding-left: 30px;
            }

                .navbar-brand .logo-blue-small,
                #headerContainer.scroll .navbar-brand .logo-blue-small {
                /* .navbar-brand .logo-white,
                #headerContainer.scroll .navbar-brand .logo-white { */
                    top: 9px;
                    left: 30px;
                }

        .navbar-header {
            max-width: none;
        }

        .page-metalwork .navbar-default .navbar-toggle {
            display: none !important;
        }

}

@media screen and (max-width: 991px) {
/* --- tablet: header ------------------------ */
    #headerContainer.user-logged-in {
        height: 83px;
    }

/* --- tablet: bootstrap overwrites, expansions and (global) content stylings ------------------------ */
    h1, .h1 {
        font-size: 30px;
        line-height: 40px;
    }

    h1.sectionHeadline,
    .h1.sectionHeadline,
    .contentElementContainer .h1.sectionHeadline {
        margin-top: 32px;
        padding-bottom: 0;
        /* padding-bottom: 29px; */
        line-height: 44px;
        font-size: 36px;
    }

        h1.sectionHeadline .icon:before,
        .h1.sectionHeadline .icon:before {
            content: '\e611';
        }

    /*new menu layout*/
    h2.sectionHeadline,
    .h2.sectionHeadline {
        line-height: 44px;
        font-size: 36px;
        /* line-height: 30px;
        font-size: 30px; */
    }

        h2.sectionHeadline .icon:before,
        .h2.sectionHeadline .icon:before {
            content: '\e611';
        }




/* --- tablet: wideTeaser ------------------------ */
    .wideTeaserContainerWrap:before,
    .wideTeaserContainerWrap.wideTeaser-flat:before {
        padding-bottom: 61.71875%;
    }

    .wideTeaserContainerWrap.wideTeaser-flat {

    }

        .wideTeaser .textContainer {
            margin-top: -15px;
        }

        .wideTeaser-stage .textContainer {
            margin-top: -22px;
        }

            .wideTeaser h1,
            .page-home .wideTeaser h1,
            .wideTeaser .h1,
            .page-home .wideTeaser .h1 {
                font-size: 50px;
                line-height: 63px;
                padding-bottom: 48px;
            }

            /*
            .page-home .wideTeaser-stage h1 {
                padding-bottom: 42px;
            }
            */

            .wideTeaser-flat h1,
            .wideTeaser-flat .h1 {
                font-size: 40px;
                line-height: 50px;
                padding-bottom: 0;
            }

            .wideTeaser h2,
            .wideTeaser .h2 {
                margin-top: 21px;
            }

            .wideTeaser .btn {
                margin-top: 23px;
            }

            .wideTeaser-stage .btn {
                margin-top: 6px;
            }

/* --- tablet: dogEarPaper ------------------------ */
    .dogEarPaper {
        padding-right: 20px;
        padding-left: 20px;
    }

        .dogEarPaper h2,
        .dogEarPaper .h2 {
            margin-top: 48px;
        }

/* --- tablet: dogEarSlider ------------------------ */
    .dogEarSliderContainer {
        padding-right: 30px;
        padding-left: 30px;
    }

        .dogEarSlider, .dogEarSliderCentered {
            margin-top: 48px;
            padding-bottom: 38px;
        }

            /* .dogEarSlider .dogEarPaper .imgContainer, .dogEarSliderCentered .dogEarPaper .imgContainer {
                margin-right: -20px;
                margin-left: -20px;
            } */

        .dogEarSliderContainer .linkContainer {
            padding-top: 23px;
            padding-bottom: 42px;
        }

/* --- tablet: dogEarList ------------------------ */
    .dogEarList {
        margin-top: -12px;
    }

        .dogEarList .dogEarPaperContainer {
            width: 50%;
            margin-top: 60px;
        }

            /* .dogEarList .dogEarPaper .imgContainer {
                margin-right: -20px;
                margin-left: -20px;
            } */

/* --- tablet: imageLinkTeaser ------------------------ */
    .imageLinkTeasersContainerWrap {
        padding-bottom: 34px;
    }

        .imageLinkTeasersContainer {
            padding-right: 30px;
            padding-left: 30px;
        }

            .imageLinkTeasers {
                margin-top: 30px;
            }

                .imageLinkTeaser .imgContainer {
                    margin-right: -20px;
                    margin-left: -20px;
                }

/* --- tablet: bookletTeaserSlider ------------------------ */
    .bookletTeaserSlider {
        padding-top: 26px;
        padding-bottom: 74px;
    }

        .bookletTeaser .imgContainerWrap {
            text-align: center;
            padding-right: 55px;
            padding-bottom: 30px;
            padding-left: 0;
        }

        .bookletTeaser .textContainer {
            padding-right: 0;
            padding-left: 0;
        }

            .bookletTeaser h2,
            .bookletTeaser .h2 {
                margin-top: 1px;
            }

/* --- tablet: informationTeaser ------------------------ */
    .informationTeaserSliderContainer {
        width: auto;
        max-width: 686px;
    }

        /*new menu layout */
        /* .informationTeaserSliderContainerWrap {
            padding-top: 37px;
            padding-bottom: 58px;
        } */

                .informationTeaser p {
                    /*line-height: 40px;*/
                }

            /*new menu layout */
            .informationTeaserSlider .slick-dots {
                /* bottom: -46px; */
                padding: 0 15px;
            }

/* --- tablet: customContent ------------------------ */
    .contentElementContainer .sectionIntro {
        margin-right: 0;
        margin-left: 0;
    }

    .openLoginArea .servicesContainer {
        top: 225px;
    }

/* --- tablet: footer ------------------------ */
    #footerContainer {
        background-image: urL('../images/footerBackground-tablet.jpg');
    }

    /*new menu layout*/
    #footerContainer:not(.minimalFooter) {
        padding-top: 31px;
        padding-bottom: 84px;
        /* padding-bottom: 55px; */
    }

        #footer {
            padding-right: 30px;
            padding-left: 30px;
        }

            /*new menu layout*/
            #footer table.contactData {
                margin-top: 70px;
                /* margin-top: 42px; */
            }

            #footer .newsLetterBox {
                margin-left: 0;
            }

                #footer .input-group {
                    max-width: 339px;
                }

                    #footer .formContainer button {
                        width: 45px;
                    }

            #footerContainer:not(.minimalFooter) #footerBottomContainer {
                padding-top: 73px;
            }

                /*new menu layout*/
                #footerContainer:not(.minimalFooter) #footerMetanavContainer {
                    float: left;
                    padding-top: 46px;
                    /* padding-top: 29px; */
                }

                #footerContainer:not(.minimalFooter) #copyrightContainer {
                    float: left;
                    width: calc(100% - 100px);
                }

                    #footerContainer:not(.minimalFooter) #copyright {
                        text-align: left;
                    }

    .faqDetailBody .news-related-files > .row > .col-xs-6:nth-child(3n+4) {
        clear: none;
    }

    .faqDetailBody .news-related-files > .row > .col-xs-6:nth-child(2n+3) {
        clear: both;
    }
}

@media (max-width: 900px) {
    .tx-wes-abi-userarea .downloadsContainer .downloadsSteps {
        margin-left: -15px;
    }

        .tx-wes-abi-userarea .downloadsContainer .downloadsSteps > li {
            padding-left: 15px;
            padding-right: 15px;
        }
    /*MGi*/
    #fancybox-wrap {
        position: fixed;
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        height: 100% !important;
        padding: 0;
        box-sizing: border-box;
    }

    #fancybox-wrap * {
        box-sizing: border-box;
    }

    #fancybox-outer {
        padding-top: 65px;
    }

    #fancybox-left-ico,
    #fancybox-right-ico {
        margin-top: 10px;
    }

        #fancybox-content {
            position: relative;
            width: 100% !important;
            height: 100% !important;
            top: 0 !important;
            left: 0 !important;
            padding: 0;
            border: none;
        }

            #fancybox-img {
                position: relative;
                top: 50%;
                -webkit-transform: translateY(-50%);
                -ms-transform: translateY(-50%);
                transform: translateY(-50%);
                display: block;
                width: auto;
                height: auto;
                max-width: 100%;
                max-height: 100%;
                margin-right: auto;
                margin-left: auto;
            }

            #fancybox-close {
                top: 0;
                right: 0;
            }
    /*MGi*/
}

@media (max-width: 800px) {
    #zipAreaSearchForm .form-group label {
        width: 100%;
        margin-bottom: 10px;
    }

    #zipAreaSearchForm .form-group .inputGroupContainer {
        width: 100%;
    }
}

/* Print-Button for Seminary, Styling by FK */
@media (max-width: 767px) {
    .printButton,
    .accordion .dogEarPaper .panel-body > .centeredButtonContainer {
        float: none;
    }

    .printButton {
        padding-top: 30px;
    }

/* --- new events (seminar) area ------------------------ */
    #eventOrderForm .centeredButton[type="submit"] {
        clear: both;
        margin-top: 20px;
    }
}
/* Print-Button Fin */

@media screen and (max-width: 767px) {
    /* .cleverElementsNewsletterOptInIFrame {
        width: 100%;
        margin-top: 47px;
        margin-bottom: 23px;
    } */
/* --- smartphone: bootstrap overwrites, expansions and (global) content stylings ------------------------ */
    h1.sectionHeadline,
    .h1.sectionHeadline {
        margin-top: 30px;
    }

    h2, .h2 {
        font-size: 30px;
        line-height: 36px;
        /* font-size: 24px;
        line-height: 34px; */
    }

    h3, .h3 {
        font-size: 20px;
        line-height: 30px;
    }

    .table > thead > tr > td,
    .table > tbody > tr > td {
        font-size: 15px;
        line-height: 24px;
    }

    .table-responsive {
        margin-bottom: 0;
        border: none;
    }

/* --- smartphone: navigation ------------------------ */
    .navbar-toggle {
        margin-right: 10px;
    }

    .navbar-brand {
        padding-left: 15px;
    }

/* --- smartphone: wideTeaser ------------------------ */
    .wideTeaserContainerWrap,
    .wideTeaserContainerWrap.wideTeaser-stage,
    .page-home .wideTeaserContainerWrap.wideTeaser-stage,
    .wideTeaserContainerWrap.wideTeaser-flat {
        max-height: 474px;
    }

        .wideTeaserContainerWrap:before,
        .wideTeaserContainerWrap.wideTeaser-stage:before,
        .page-home .wideTeaserContainerWrap.wideTeaser-stage:before,
        .wideTeaserContainerWrap.wideTeaser-flat:before {
            padding-bottom: 118.42105263%;
        }

            .wideTeaser .textContainer {
                margin-top: 0;
            }

            /*
            .page-home .wideTeaser-stage .textContainer {
                margin-top: -20px;
            }
            */

                .wideTeaser h1,
                .page-home .wideTeaser h1,
                .wideTeaser .h1,
                .page-home .wideTeaser .h1 {
                    font-size: 44px;
                    line-height: 50px;
                    padding-bottom: 0;
                    margin-bottom: 9px;
                }

                .wideTeaser h1,
                .wideTeaser h2,
                .wideTeaser .h1,
                .wideTeaser .h2 {
                    padding-left: 0;
                    padding-right: 0;
                }

                    .wideTeaser .speechbubbleline-fade {
                        display: none;
                    }

                .wideTeaser-flat h1,
                .wideTeaser-flat .h1 {
                    font-size: 30px;
                    line-height: 40px;
                }

                .wideTeaser h2,
                .wideTeaser .h2 {
                    display: none;
                }

                .wideTeaser .btn {
                    margin-top: 16px;
                }

                .wideTeaser-stage .btn {
                    margin-top: 6px;
                }

                .wideTeaser-flat .btn {
                    margin-top: 6px;
                }

/* --- smartphone: dogEarSlider ------------------------ */
    .dogEarSliderContainer {
        padding-right: 20px;
        padding-left: 20px;
    }

        .dogEarSlider, .dogEarSliderCentered {
            margin-top: 25px;
            padding-bottom: 39px;
        }

/* --- smartphone: dogEarList ------------------------ */
    .dogEarList {
        max-width: 640px;
        margin-top: -34px;
    }

        .dogEarList .dogEarPaperContainer {
            width: 100%;
        }

/* --- smartphone: imageLinkTeaser ------------------------ */
    .imageLinkTeasersContainerWrap {
        padding-bottom: 22px;
    }

        .imageLinkTeasersContainer {
            padding-right: 20px;
            padding-left: 20px;
        }

            .imageLinkTeasers {
                row-gap: 20px;
                margin-top: 30px;
            }

/* --- smartphone: bookletTeaserSlider ------------------------ */
    .bookletTeaserSlider {
        padding-bottom: 111px;
    }

        .bookletTeaser {
            padding-left: 0;
        }

            .bookletTeaser .imgContainerWrap,
            .bookletTeaser .textContainer {
                padding-right: 33px;
                padding-left: 33px;
            }

        .bookletTeaserSlider .slick-dots {
            bottom: 45px;
        }

/* --- smartphone: informationTeaser ------------------------ */
    /*new menu layout*/
    .informationTeaserSliderContainerWrap {
        padding-top: 62px;
        /* padding-top: 11px; */
        padding-bottom: 92px;
        /* padding-bottom: 93px; */
        margin-top: 62px;
    }

        .informationTeaser > .informationTeaserInner {
            position: relative;
            top: 50%;
            -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
                transform: translateY(-50%);
        }

        .informationTeaser .textContainer {
            text-align: center;
        }

            /*new menu layout*/
            .informationTeaser p {
                /* margin-top: 16px; */
                /* margin-bottom: 10px; */
                /* font-size: 31px; */
                font-size: 36px;
                line-height: 44px;
                /* font-size: 30px;
                line-height: 36px; */
            }

            .informationTeaser p a {
                white-space: normal;
                text-decoration: underline;
                border-bottom: none;
            }

            .informationTeaser > .informationTeaserInner, .informationTeaser > .informationTeaserInner > .imgContainer, .informationTeaser > .informationTeaserInner > .textContainer {
                height: auto;
            }

/* --- smartphone: modal ------------------------ */
    .modal .modal-dialog {
        top: 50%;
        right: 0;
        left: 0;
        width: 100%;
        margin: 0;
    }

    .modal.fade .modal-dialog {
        -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
                transform: translateY(-50%);
        transition: none;
    }

/* --- smartphone: custom content ------------------------ */
    .contentElementContainer h1,
    .contentElementContainer .h1 {
        margin-top: 56px;
    }

    .contentElementContainer h2,
    .contentElementContainer .h2 {
        margin-top: 40px;
    }

    .contentElementContainer h3,
    .contentElementContainer .h3 {
        margin-top: 60px;
    }

    .textpicImageContainer {
        max-width: 100%;
        padding-right: 0;
        margin-bottom: 30px;
    }

    /*new menu layout*/
    /* .contentElementContainer .bodytext, .textpicTextContainer .bodytext {
        font-size: 16px;
        line-height: 26px;
    } */

        .contentElementContainer .bodytext.smallText {
            font-size: 13px;
            line-height: 20px;
        }

    /* .contentElementContainer ul.contentList > li,
    .contentElementContainer ol.contentList > li {
        font-size: 16px;
        line-height: 28px;
        padding-right: 20px;
        padding-left: 20px;
    } */

        .contentElementContainer ul.contentList > li:before {
            top: 15px;
            font-size: 10px;
        }

    .contentElementContainer .multicolumn .column + .column .subline {
        margin-top: 30px;
    }

    .contentElementContainer .quote blockquote footer {
        font-size: 13px;
        line-height: 12px;
    }

    .contentElementContainer .contactTeaser .text > span {
        font-size: 16px;
        line-height: 26px;
    }

    .contentElementContainer .contactTeaser .text .position {
        font-size: 13px;
        line-height: 22px;
    }

        .contentElementContainer .contactTeaser .text .icon-phone {
            font-size: 15px;
        }

        .contentElementContainer .contactTeaser .text .icon-letter {
            font-size: 12px;
        }

/* --- smartphone: footer ------------------------ */
    #footerContainer {
        background-image: url('../images/footerBackground-smartphone.jpg');
    }

    /*new menu layout*/
    /* #footerContainer:not(.minimalFooter) {
        padding-bottom: 28px;
    } */

        #footerContainer #copyrightContainer {
            float: left;
            width: calc(100% - 100px);
        }

            #footerContainer #copyright {
                text-align: left;
        }

        #footer {
            padding-right: 20px;
            padding-left: 20px;
        }

            #footer .newsLetterBox {
                margin-top: 50px;
            }

            #footerContainer:not(.minimalFooter) #footerBottomContainer {
                padding-top: 61px;
            }

                #copyright > span {
                    display: block;
                    line-height: 22px;
                }

                #copyright > span + span {
                    padding-left: 0;
                }

                    #copyright > span + span:before {
                        display: none;
                    }

                    #footerContainer.minimalFooter #footerMetanavContainer {
                        float: left;
                        padding-top: 15px;
                    }

    .tx-wes-abi-userarea .downloadsContainer .downloadsSteps > li .stepName {
        display: none;
    }

    .tx-wes-abi-userarea .downloadsContainer .downloadsSteps > li.active .stepName {
        display: inline;
    }

    .tx-wes-abi-userarea .downloadsContainer .articles .panel .panel-body {
        padding-left: 0;
        padding-right: 0;
    }

    .tx-wes-abi-userarea .downloadsContainer .articles .panel .title .articlename, .tx-wes-abi-userarea .downloadsContainer .articles .panel .title .articlenumber {
        display: block;
        vertical-align: baseline;
        padding-left: 0;
        width: auto !important;
    }

        .tx-wes-abi-userarea .downloadsContainer .articles .panel .title .articlenumber:before {
            content: 'Artikel-Nr.: ';
        }

    .tx-wes-abi-userarea .downloadsContainer .articles > .panel > .panel-heading .title {
        display: block;
    }

        .tx-wes-abi-userarea .downloadsContainer .articles > .panel > .panel-heading .title .previewimageContainer {
            margin-left: 0;
            margin-bottom: 10px;
        }

            .tx-wes-abi-userarea .downloadsContainer .filetypes .filetype .filetypename {
                max-width: none;
            }

            .tx-wes-abi-userarea .downloadsContainer .filetypes .filetype .filetypeFilesContainer {
                min-width: 0;
            }

    .faqDetailBody p.news-img-caption {
        font-size: 16px;
    }

    .faqDetailBody .downloadDataDetail {
        font-size: 16px;
    }


}

@media (max-width: 576px) {
    .contactPerson img {
        padding-bottom: 5px;
        float: none !important;
    }

    .contactPerson .imageContainer,
    .contactPerson .infoContainer {
        width: 100%;
        left: 0;
    }
}

@media (max-width: 570px) {
    .contentElementContainer .contactTeaser:before {
        display: none;
    }

        .contentElementContainer .contactTeaser .containerWrap {
            position: static;
        }

            .contentElementContainer .contactTeaser .imgContainer {
                float: none;
                width: 100%;
            }

                .contentElementContainer .contactTeaser .imgContainer > img {
                    margin-right: auto;
                    margin-left: auto;
                }

            /*
            .contentElementContainer .contactTeaser .textContainer {
                display: block;
                width: 100%;
                padding-top: 30px;
                padding-bottom: 40px;
            }
            */
    /*MGi*/
    .faqDetailBody .attachmentGallery .imgContainer .mediaelement .icon-edge::before {
        font-size: 21px;
    }

    .faqDetailBody .attachmentGallery .imgContainer .mediaelement .dogEarPicCover {
        width: 21px;
        height: 21px;
    }
    /*MGi*/

/* --- new events (seminar) area ------------------------ */
    .tx-wes-abi-events .informationPrintTeaser .dogEarPaper {
        overflow: hidden;
    }

        .tx-wes-abi-events .informationPrintTeaser .printButtonLink {
            display: block;
        }

            .tx-wes-abi-events .informationPrintTeaser .printButtonLink + .printButtonLink {
                margin-top: 7px;
                margin-left: 0;
            }
}

@media (max-width: 500px) {
    .contentElementContainer .bigImageContainer .flag .flagText,
    .contentElementContainer .bigImageSliderContainer .flag .flagText {
        top: 10px;
        left: 7px;
        font-size: 14px;
    }

    .contentElementContainer .bigImageContainer .flag .icon,
    .contentElementContainer .bigImageSliderContainer .flag .icon {
        font-size: 54px;
        margin-top: -1px;
    }

    /*MGi*/
    .searchBox {
        width: 230px;
    }
    /*MGi*/
}

@media (max-width: 480px) {
    .col-xxs-12 {
        width: 100%;
        left: 0;
    }

    .hidden-xxs {
        display: none !important;
    }

    .visible-block-xxs {
        display: block !important;
    }

    .tx-wes-abi-userarea .downloadsContainer .downloadsLevelContainer {
        padding-top: 0;
    }

        .tx-wes-abi-userarea .downloadsContainer .downloadsSteps > li {
            display: none !important;
        }

            .tx-wes-abi-userarea .downloadsContainer .downloadsSteps > li.active {
                display: block !important;
                text-align: center;
            }
}

@media (max-width: 420px) {
    .dogEarSlider, .dogEarSliderCentered, .bookletTeaserSlider {
        padding-left: 0;
        padding-right: 0;
    }
}

@media (max-width: 400px) {
/* --- quote ------------------------ */
    .contentElementContainer .quote blockquote {
        padding-right: 30px;
        padding-left: 30px;
    }

    #footerMetanav .pull-right + .pull-right {
        margin-right: 25px;
    }

    /*MGi*/
    .faqDetailBody .news-img-wrap .imgContainer .col-xs-6 {
        width: 100%;
    }

    .faqDetailBody .attachmentGallery .imgContainer .mediaelement .icon-edge::before {
        font-size: 31px;
    }

    .faqDetailBody .attachmentGallery .imgContainer .mediaelement .dogEarPicCover {
        width: 31px;
        height: 31px;
    }
    /*MGi*/

/* --- new events (seminar) area ------------------------ */
    .tx-wes-abi-events .registerButtonAndPrintLinkContainer {
        text-align: center;
    }

        .tx-wes-abi-events .registerButtonAndPrintLinkContainer .centeredButton {
            float: none;
        }

        .tx-wes-abi-events .registerButtonAndPrintLinkContainer .printButtonLink {
            display: block;
            margin-top: 10px;
            left: 0;
        }
}

@media (max-width: 350px) {
/* --- wideTeaser ------------------------ */
    .wideTeaser-flat h1,
    .wideTeaser-flat .h1 {
        font-size: 24px;
        line-height: 34px;
    }
}

@media (max-width: 321px) {
    #footerMetanav .pull-right {
        display: block;
        float: none !important;
    }

    html, body {
        overflow-x: visible;
    }

    #page {
        min-width: 320px;
    }
}

@-ms-viewport {
  width: auto !important;
}

.oldIENote {
    position: relative;
    z-index: 1000;
    background-color: #fff;
    text-align: center;
}

@media print {
    a[href]:after {
        content: '';
    }
}


/* Special override for footer nav */
/* That they switch to the mobile nav */
/* at a earlier width. Otherwise the  */
/* legal part of the footer would look ugly */

/*new menu layout*/
@media (max-width: 580px) {
    #footerContainer:not(.minimalFooter) #footerMetanavContainer {
        float: left;
        padding-top: 46px;
        padding-top: 29px;
    }

    #footerMetanav .pull-right {
        display: block;
        float: none !important;
    }
}

.accordion .panelWithTeaserImage .panel-heading > a {
    display: flex;
    margin-bottom: 0;
}

.accordion .panelWithTeaserImage .panel-heading > a.collapsed {
    margin-bottom: 0;
}

.accordion .panelWithTeaserImage .panel-heading > a:not(.collapsed) .teaserImageContainer{
    display: none;
}

    .panelWithTeaserImage .teaserImageContainer {
        margin-left: auto;
        display: flex;
        align-items: center;
        justify-content: center;
        padding-left: 15px;
        padding-right: 30px;
        width: 135px;
    }

        .accordion .panelWithTeaserImage .panel-heading > a .icon {
            top: 50%;
            margin-top: -6px;
        }

        .accordion .panelWithTeaserImage .imageContainer {
            min-height: 400px;
            background-image: url('../images/gray-background.jpg');
            display: flex;
            align-items: center;
            /* margin-bottom: 70px; */
        }

.horizontalEventSliderContainerWrap {
    background-color: #1b5092;
    /* background-color: #21668e; */
}

    .horizontalEventSlider .event {
        padding-left: 15px;
        padding-right: 15px;
    }

    .horizontalEventSlider .event > a {
        display: flex;
    }

        .horizontalEventSlider .roadshowDate {
            display: flex;
            flex-direction: column;
            align-items: center;
            width: 100%;
            position: relative;
        }

            .horizontalEventSlider .roadshowDate .date {
                color: #fff;
                margin-top: 14px;
            }

            .horizontalEventSlider .roadshowDate .title {
                color: #fff;
                margin-top: 0px;
            }

                .horizontalEventSlider .event > a:hover .date,
                .horizontalEventSlider .event > a:focus .date {
                    /* color: #6ab42d; */
                }

                .horizontalEventSlider .event > a:hover .title,
                .horizontalEventSlider .event > a:focus .title {
                    /* color: #6ab42d; */
                }

                /* .horizontalEventSlider .event > a:hover .roadshowDate:after,
                .horizontalEventSlider .event > a:focus .roadshowDate:after {
                    content: "";
                    display: block;
                    width: 100%;
                    position: absolute;
                    bottom: 0;
                    border-bottom: 2px solid #1b5092;
                } */

                .horizontalEventSlider .event > a:hover .roadshowDate,
                .horizontalEventSlider .event > a:focus .roadshowDate {
                    background-color: #6ab42d;
                }


        .horizontalEventSlider .slick-prev,
        .horizontalEventSlider .slick-next {
            margin-top: -25px;
            background-color: #fff;
            color: #1b5092;
            /* color: #21668e; */
            outline: none;
        }

            .horizontalEventSlider .slick-prev:hover,
            .horizontalEventSlider .slick-next:focus,
            .horizontalEventSlider .slick-prev:focus,
            .horizontalEventSlider .slick-next:hover {
                background-color: #6ab42d;
                color: #fff;
            }

/* Icon with text */
.iconWithTextContainer {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 20px;
}

    .iconWithTextContainer .iconWithText {
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-bottom: 30px;
        margin-top: 10px;
    }

        .iconWithTextContainer .iconWithText .icon {
            width: 100px;
            height: 100px;
            /* background-color: #1B5092; */
            position: relative;
        }

            .iconWithTextContainer .iconWithText .icon .lnil {
                position: absolute;
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%);
                font-size: 50px;
                /* color: #fff; */
                color: #1B5092;
            }

        .iconWithTextContainer .iconWithText .text {
            text-align: center;
            font-size: 20px;
            line-height: 24px;
            margin-top: 10px;
        }

/* Jobs List */
.jobOffersContainer .no-events-found.bodytext,
.jobOffersContainer .no-events-found .bodytext {
    padding-top: 0;
}

/* Tradeshows and Event List */
.eventListContainer .accordion .panel-heading>a {
    padding-right: 0;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 0;
}

.eventListContainer .panel-heading .subtitle {
    display: block;
    margin-top: -15px;
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 18px;
}

/* .eventListContainer .accordion .panel-heading .collapsed .date + .title.noSubtitle {
    margin-bottom: 0;
} */

.eventListContainer .accordion .panel-heading .collapsed .title .lnil {
    font-size: 18px;
    padding-left: 9px;
    position: relative;
    top: -2px;
}

.eventListContainer .accordion .imgContainerOuter {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

    .eventListContainer .accordion .imgContainer {
        position: relative;
        top: -2px;
    }

    .eventListContainer .accordion .imgContainer .img-responsive {
        max-height: 65px;
    }

    @media (max-width: 767px) {
        .eventListContainer .accordion .imgContainerOuter {
            order: 1;
            justify-content: flex-start;
            padding-top: 20px;
            padding-bottom: 15px;
        }

            .eventListContainer .accordion .imgContainer {
                top: 0;
            }

        .eventListContainer .accordion .informationContainer  {
            order: 2;
        }
    }

/* Stage Slider*/
.backgroundSrcsetImage {
    position: absolute;
    display: block;
    width: 100%;
    visibility: hidden !important;
}
.stageSliderContainer {
    max-height: 872px;
    overflow: hidden;
    position: relative;
    margin-bottom: 43px;
}

    .page-userarea .stageSliderContainer {
        margin-bottom: 10px;
    }

    .stageSliderContainer:only-child {
        margin-bottom: 0;
    }

        .stageSliderContainer:only-child .stage {
            margin-bottom: 0;
        }

    .stageSliderContainer:before {
        display: block;
        content: "";
        padding-bottom: 57%;
        /* padding-bottom: 54.5%; */
    }

    @media (max-width: 1470px) {
        .stageSliderContainer:before {
            padding-bottom: 73%;
        }
    }

    @media (max-width: 1070px) {
        .stageSliderContainer:before {
            padding-bottom: 80%;
        }
    }

    @media (max-width: 767px) {
        .stageSliderContainer {
            margin-bottom: 0;
        }
    }

    .stageSliderContainer .stage {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        margin-bottom: 40px;
    }

        .stageSliderContainer .stage .slick-list {
            height: 100%;
        }

            .stageSliderContainer .stage .slick-list .slick-track {
                height: 100%;
            }

                .stageSliderContainer .stage .stageSliderElement {
                    position: relative;
                    display: flex;
                    justify-content: center;
                    align-items: flex-end;
                }

                /* @media (max-width: 576px) {
                    .stageSliderContainer .stage .stageSliderElement:before {
                        content: "";
                        display: block;
                        padding-bottom: 81.5%;
                    }
                } */

                /* .stageSliderContainer .stage .stageSliderElement .img {
                    height: 100%;
                } */

                    .stageSliderContainer .stage .stageSliderElement .imageContainer {
                        height: 100%;
                        background-position: 50% 50%;
                        background-size: cover;
                        position: absolute;
                        left: 0;
                        right: 0;
                        top: 0;
                        bottom: 0;
                        /* filter: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='a' x='0' y='0' width='1' height='1'%3E%3CfeGaussianBlur stdDeviation='2' result='b'/%3E%3CfeMorphology operator='dilate' radius='2'/%3E %3CfeMerge%3E%3CfeMergeNode/%3E%3CfeMergeNode in='b'/%3E%3C/feMerge%3E%3C/filter%3E%3C/svg%3E#a"); */
                        /* filter: blur(2px); */
                    }

                    .stageSliderContainer .stage .stageSliderElement .imageContainerOuter {
                        height: 100%;
                        width: 100%;
                        position: relative;
                    }

                    .noblur .stageSliderContainer .stage .stageSliderElement .imageContainer {
                        filter: none;
                        /* filter: blur(2px); */
                    }

                        .stageSliderContainer .stage .stageSliderElement .imageContainer:before {
                            content: "";
                            display: block;
                            position: absolute;
                            top: 0;
                            left: 0;
                            /* bottom: 0;
                            right: 0; */
                            width: 100%;
                            /* height: 100%; */
                            /* background-image: url('../images/stage-glow-overlay.png');
                            background-color: transparent;
                            background-image: linear-gradient(135deg, rgba(0,15,33,0.65) 0%,transparent 50%), linear-gradient(45deg, transparent 50%,rgba(0,15,33,0.65) 100%), linear-gradient(135deg, transparent 50%,rgba(0,15,33,0.65) 100%), linear-gradient(45deg, rgba(0,15,33,0.65) 0%, transparent 50%);
                            background-position: 0% 0%, 100% 0%, 100% 100%, 0% 100%;
                            background-size: 50% 50%, 50% 50%, 50% 50%, 50% 50%;
                            background-repeat: no-repeat; */
                            /* box-shadow: inset 0px -20px 80px 45px rgba(0,15,33,0.75); */

                            height: 50%;
                            background: linear-gradient(0deg, rgba(0,0,0,0) 0%, #000000 100%);
                        }

                        .stageSliderContainer .stage .stageSliderElement .imageContainer:after {
                            content: "";
                            display: block;
                            position: absolute;
                            top: 0;
                            left: 0;
                            right: 0;
                            bottom: 0;
                            height: 100%;
                            width: 100%;
                            background-image: url('../images/stage-glow-overlay-black.png');
                            background-size: 100% 100%;
                            /* background-size: cover; */
                            background-position: 50% 50%;
                            background-color: rgba(0, 79, 174, 0.1)
                            /* background-color: rgba(27, 80, 146, 0.1) */
                        }

                        .mapsTest .stageSliderContainer .stage .stageSliderElement .imageContainer:after {
                            background-color: transparent;
                            background-image: none;
                        }

                        @media (max-width: 576px) {
                            .stageSliderContainer .stage .stageSliderElement .imageContainer:after {
                                background-image: none;
                            }
                        }

                    .stageSliderContainer .stage .stageSliderElement .imageContainer video {
                        width: 100%;
                        height: 100%;
                        object-fit: cover;
                    }

                    @media (max-width: 576px) {
                        .stageSliderContainer .stage .stageSliderElement .imageContainer video {
                            width: 200%;
                        }
                    }

                    .stageSliderContainer .stage .stageSliderElement .textContainerOuter {
                        max-width: 1432px;
                        /* max-width: 1232px; */
                        /* max-width: 1245px; */
                        /* max-width: 1400px; */
                        width: 100%;
                        display: flex;
                        justify-content: flex-end;
                        padding: 50px 85px;
                        /* padding: 50px 15px; */
                        position: absolute;
                        top: calc(50% + 75px);
                        transform: translateY(-50%);
                    }

                        .user-logged-in + #contentContainer .stageSliderContainer .stage .stageSliderElement .textContainerOuter {
                            top: calc(50% + 100px);
                        }

                        .ie .stageSliderContainer .stage .stageSliderElement .textContainerOuter {
                            /* justify-content: flex-start; */
                            right: 0;
                        }

                        .noHeader .stageSliderContainer .stage .stageSliderElement .textContainerOuter {
                            top: 50% !important;
                        }

                            @media (max-width: 576px) {
                                .noHeader .stageSliderContainer .stage .stageSliderElement .textContainerOuter {
                                    top: 0 !important;
                                }
                            }

                    .stageSliderContainer .stage .stageSliderElement .textContainer {
                        /* position: absolute; */
                        /* padding: 83px 63px; */
                        position: relative;
                        padding: 57px;
                        background-color: #1B5092;
                        /* bottom: 100px;
                        right: 183px; */
                        /* max-width: 515px; */
                        width: 515px;
                        height: 515px;
                        display: flex;
                        flex-direction: column;
                        justify-content: center;
                        align-items: flex-start;
                    }

                        .stageSliderContainer .stage .stageSliderElement .textContainer .logo .logo-blueBox {
                            width: 150px;
                            margin-bottom: 35px;
                        }

                        .stageSliderContainer .stage .stageSliderElement .textContainer .text {
                            color: #fff;
                            font-weight: 300;
                            font-size: 36px;
                            line-height: 43px;
                            /* font-size: 45px;
                            line-height: 50px; */
                        }

                        .page-home .stageSliderContainer .stage .stageSliderElement .textContainer .text {
                            color: #fff;
                            font-weight: 300;
                            font-size: 40px;
                            line-height: 48px;
                            /* font-size: 45px;
                            line-height: 50px; */
                            max-width: 100%;
                        }

                        .stageSliderContainer .stage .stageSliderElement .textContainer .btn {
                            margin-top: 54px;
                        }

                        .stageSliderContainer .stage .stageSliderElement .textContainer .subtext {
                            color: #fff;
                            font-size: 20px;
                            line-height: 30px;
                            /* font-size: 45px;
                            line-height: 50px; */
                            padding-top: 26px;
                        }

        .stageSliderContainer .stage.mapsStage .stageSliderElement {
            height: 100%;
        }

            .stageSliderContainer .stage.mapsStage .stageSliderElement .imageContainer:after {
                display: none;
            }

            .stageSliderContainer .stage.mapsStage .stageSliderElement .imageContainer:before {
                z-index: 10;
                pointer-events: none;
            }

            .stageSliderContainer .stage.mapsStage .stageSliderElement .textContainerOuter {
                z-index: 20;
                pointer-events: none;
            }

                @media (max-width: 991px) {
                    .stageSliderContainer .stage.mapsStage .stageSliderElement .textContainerOuter {
                        display: none;
                    }
                }

        .stageSliderContainer .stage .slick-prev,
        .stageSliderContainer .stage .slick-next {
            width: 80px;
            height: 80px;
            background-color: #fff;

        }

            .stageSliderContainer .stage .slick-prev .icon,
            .stageSliderContainer .stage .slick-next .icon {
                font-size: 40px;
                color: #1b5092;
                margin-top: -20px;
                transform: translateX(-25%);
                margin-left: 0;
            }

            .stageSliderContainer .stage .slick-next .icon {
                margin-left: -5px;
            }

            .stageSliderContainer .stage .slick-prev .icon {
                margin-left: -6px;
            }

.bg-gray {
    /* background: linear-gradient(207.35deg, #98A4AF 0%, #C1CDDB 37.35%, #F1F5F8 68.97%, #B8C8D7 100%, #B8C8D7 100%); */
    background: linear-gradient(207.35deg, rgba(152, 164, 175, 0.3) 0%, rgba(193, 205, 219, 0.3) 37.35%, rgba(241, 245, 248, 0.3) 68.97%, rgba(184, 200, 215, 0.3) 100%, rgba(184, 200, 215, 0.3) 100%);
    padding-top: 73px;
    padding-bottom: 73px;
    margin-top: 100px;
}

    .bg-gray > :first-child {
        margin-top: 0;
        padding-top: 0;
    }

    .bg-gray > :first-child.sectionHeadline {
        margin-bottom: 0;
    }

    .bg-gray > :last-child:not(.dogEarSliderContainer),
    .bg-gray > :last-child > :last-child:not(.dogEarSliderContainer),
    .bg-gray > :last-child > :last-child > :last-child:not(.dogEarSliderContainer) {
        margin-bottom: 0;
        padding-bottom: 0;
    }

    .bg-gray > .h2.sectionHeadline,
    .bg-gray > h2.sectionHeadline {
        padding-bottom: 0;
    }

    @media (max-width: 767px) {
        .bg-gray {
            padding-top: 40px;
            padding-bottom: 40px;
            margin-top: 73px;
            /* margin-bottom: 42px; */
        }
    }

.btn:active {
    box-shadow: none;
}

.btn-primary {
    padding: 21px 54px;
    /* padding: 21px 42px; */
    color: #1b5092;
    font-size: 20px !important;
    /* font-size: 18px !important; */
    line-height: 28px !important;
    font-weight: 700;
    background-color: #fff;
    position: relative;
    text-transform: none;
    background-color: transparent;

    background-image: linear-gradient(to bottom right, transparent 50%, #fff 50%), linear-gradient(#fff, #fff), linear-gradient(#fff, #fff);
    background-size: 30px 30px, 100% 100%, 100% 100%;
    background-position: 0% 0%, 30px 0%, 100% 29.5px;
    /* background-position: 0% 0%, 30px 0%, 100% 30px; */
    background-repeat: no-repeat;
    /* background: linear-gradient(135deg, transparent 29px, white 30px);
    border: 1px solid transparent; */

    /* overflow: hidden;
    left: 30px;
    overflow: visible; */
}

    @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
        .btn-primary {
            /* background-size: 30px 31px, 100% 100%, 100% 100%; */
            background-position: 0% 0%, 30px 0%, 100% 29.5px;
        }
    }

    .btn-primary:hover,
    .btn-primary:focus {
        background-color: #1b5092 !important;
        background-image: linear-gradient(#fff, #fff), linear-gradient(#fff, #fff), linear-gradient(#fff, #fff), linear-gradient(#fff, #fff), linear-gradient(to bottom right, transparent calc(50% - 1px), #fff calc(50% - 1px), #fff calc(50% + 1px), #1b5092 calc(50% + 1px)), linear-gradient(#1b5092, #1b5092), linear-gradient(#1b5092, #1b5092);
        background-size: 2px 100%, 2px 100%, 100% 2px, 100% 2px, 30px 30px, 100% 100%, 100% 100%;
        background-position: 0% 30px, 100% 0px, 30px 0%, 0px 100%, 0% 0%, -30px 0%, 100% 30px
        /* background: linear-gradient(135deg, transparent 29px, white 30px);
        color: white;
        background-color: #1b5092;
        border: 1px solid #fff; */

    }

.btn-secondary,
.news-single .news-backlink-wrap,
.faqDetailBody .news-backlink-wrap,
.news-backlink-wrap.btn,
.centeredButton {
    padding: 21px 54px;
    /* padding: 21px 42px; */
    color: #1b5092;
    font-size: 20px !important;
    /* font-size: 18px !important; */
    line-height: 28px !important;
    font-weight: 700;
    background-color: #fff;
    position: relative;
    text-transform: none;

    /* background-color: transparent;
    background-image: linear-gradient(to bottom right, transparent 50%, #fff 50%), linear-gradient(#fff, #fff), linear-gradient(#fff, #fff);
    background-size: 30px 30px, 100% 100%, 100% 100%;
    background-position: 0% 0%, 30px 0%, 100% 30px; */
    background-repeat: no-repeat;

    background-color: transparent;
    background-image: linear-gradient(#1b5092, #1b5092), linear-gradient(#1b5092, #1b5092), linear-gradient(#1b5092, #1b5092), linear-gradient(#1b5092, #1b5092), linear-gradient(to bottom right, transparent calc(50% - 1px), #1b5092 calc(50% - 1px), #1b5092 calc(50% + 1px), transparent calc(50% + 1px)), linear-gradient(transparent, transparent), linear-gradient(transparent, transparent);
    background-size: 2px 100%, 2px 100%, 100% 2px, 100% 2px, 30px 30px, 100% 100%, 100% 99%;
    background-position: 0% 30px, 100% 0px, 30px 0%, 0px 100%, 0% 0%, -25px 0%, 100% 25px;
}

.btn-secondary.btn-sm {
    padding: 10px 25px;
    /* font-size: 18px !important; */
    font-weight: 400;
    background-size: 2px 100%, 2px 100%, 100% 2px, 100% 2px, 21px 21px, 100% 100%, 100% 99%;
    background-position: 0% 21px, 100% 0px, 21px 0%, 0px 100%, 0% 0%, -25px 0%, 100% 25px;
}

    .centeredButton:hover,
    .centeredButton:focus,
    .news-single .news-backlink-wrap:hover,
    .faqDetailBody .news-backlink-wrap:hover,
    .news-backlink-wrap.btn:hover,
    .news-single .news-backlink-wrap:focus,
    .faqDetailBody .news-backlink-wrap:focus,
    .news-backlink-wrap.btn:focus,
    .btn-secondary:hover,
    .btn-secondary:focus {
        color: #fff !important;
        background-color: transparent;
        background-image: linear-gradient(to bottom right, transparent 50%, #1b5092 50%), linear-gradient(#1b5092, #1b5092), linear-gradient(#1b5092, #1b5092);
        background-size: 30px 30px, 100% 100%, 100% 100%;
        background-position: 0% 0%, 30px 0%, 100% 30px;
        /* background-color: #1b5092;
        background-image: linear-gradient(#fff, #fff), linear-gradient(#fff, #fff), linear-gradient(#fff, #fff), linear-gradient(#fff, #fff), linear-gradient(to bottom right, transparent calc(50% - 1px), #fff calc(50% - 1px), #fff calc(50% + 1px), #1b5092 calc(50% + 1px)), linear-gradient(#1b5092, #1b5092), linear-gradient(#1b5092, #1b5092);
        background-size: 2px 100%, 2px 100%, 90% 2px, 100% 2px, 30px 30px, 100% 100%, 100% 99%;
        background-position: 0% 30px, 100% 0px, 30px 0%, 0px 100%, 0% 0%, -25px 0%, 100% 25px; */
    }

    .btn-secondary.btn-sm:hover,
    .btn-secondary.btn-sm:focus {
        background-size: 21px 21px, 100% 100%, 100% 100%;
        background-position: 0% 0%, 21px 0%, 100% 21px;
    }

    .ie .btn-primary {
        background-image: none;
        background-size: auto;
        background-position: 0% 0%;
        background-color: #fff;
        border: 1px solid transparent;
    }

        .ie .btn-primary:hover {
            background-image: none;
            background-size: auto;
            background-position: 0% 0%;
            background-color: #1b5092;
            border: 1px solid #fff;
        }

    .ie .btn-secondary,
    .ie .news-single .news-backlink-wrap,
    .ie .faqDetailBody .news-backlink-wrap,
    .ie .news-backlink-wrap.btn,
    .ie .centeredButton {
        background-image: none;
        background-size: auto;
        background-position: 0% 0%;
        background-color: transparent;
        border: 1px solid #1b5092;
    }

        .ie .btn-secondary:hover,
        .ie .news-single .news-backlink-wrap,
        .ie .faqDetailBody .news-backlink-wrap,
        .ie .news-backlink-wrap.btn,
        .ie .centeredButton {
            background-image: none;
            background-size: auto;
            background-position: 0% 0%;
            background-color: #1b5092;
            border: 1px solid transparent;
        }

    @media (max-width: 767px) {
        .btn-secondary,
        .news-single .news-backlink-wrap,
        .faqDetailBody .news-backlink-wrap,
        .news-backlink-wrap.btn,
        .centeredButton,
        .btn-primary {
            padding: 21px 42px;
            max-width: 100%;
            white-space: normal;
        }
    }

/* .btn-primary:after,
.btn-primary:before {
  position: absolute;
  content: '';
  width: calc(100% - 2px);
  left: 0px;
  z-index: -1;
}
.btn-primary:before {
  height: 20%;
  top: 0px;
  border: 2px solid #fff;
  border-width: 2px 3px 0px 0px;
  transform: skew(45deg);
  transform-origin: left bottom;
}
.btn-primary:after {
  height: calc(80% - 4px);
  bottom: 0px;
  border: 2px solid #fff;
  border-width: 0px 2px 2px 0px;
} */

    /* .btn-primary:before {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        left: -30px;
        border-right: 30px solid #fff;
        border-top: 30px solid transparent;
    } */

.stageSliderContainer .slick-dots {
    bottom: -40px;
}

.stageSliderContainer + .contentElementContainer > div > .h1.sectionHeadline,
.stageSliderContainer + .frame > .tx-wes-abi-events .contentElementContainer > .h1.sectionHeadline {
    margin-top: 30px;
}

.slick-dots li .sliderPagination {
    width: 19px;
    height: 3px;
    background-color: #BABABA;
    margin-left: 5px;
    margin-right: 5px;
    display: inline-block;
    position: relative;
    bottom: 1px;
}

    .slick-dots li.slick-active .sliderPagination {
        width: 19px;
        height: 5px;
        background-color: #1B5092;
        bottom: 0;
    }

@media (max-width: 1450px) {
    .stageSliderContainer .stage .stageSliderElement .textContainer {
        max-width: 700px;
    }
}

@media (max-width: 1300px) {
    .stageSliderContainer .stage .stageSliderElement .textContainer {
        /* top: 165px;
        bottom: auto;
        left: 0;
        right: 0;
        margin-left: auto;
        margin-right: auto; */
        padding: 45px;
        /* max-width: 700px; */
        /* width: 700px; */
        width: 450px;
        height: 450px;
        /* height: 358px; */
    }
}

@media (min-width: 992px) and (max-width: 1300px) {
    .stageSliderContainer .stage .stageSliderElement .textContainer {
        /* top: 165px;
        bottom: auto;
        left: 0;
        right: 0;
        margin-left: auto;
        margin-right: auto; */
        padding: 35px;
        max-width: 700px;
    }

    .page-home .stageSliderContainer .stage .stageSliderElement .textContainer .text,
    .stageSliderContainer .stage .stageSliderElement .textContainer .text {
        font-size: 35px;
        line-height: 43px;
    }
}

/* @media (min-width: 992px) and (max-width: 1100px) {
    .stageSliderContainer .stage .stageSliderElement .textContainerOuter {
        padding: 30px 150px;
    }
} */

@media (min-width: 992px) and (max-width: 1199px){
    .navbar-toggle {
        display: block !important;
    }
}

@media (min-width: 992px) {
    .navbar-header {
        float: none;
    }
}

@media (min-width: 1200px) {
    .navbar-collapse.collapse {
        display: block !important;
        height: auto !important;
        padding-bottom: 0;
        overflow: visible !important;
    }

    #headerContainer {
        position: fixed;
        /* background-color: transparent; */
        left: 0;
        right: 0;
        top: 0;
        /* border-bottom: 1px solid rgba(255, 255, 255, .4); */
        height: 151px;
    }

    .navbar {
        height: 151px;
    }

    #headerContainer.user-logged-in,
    #headerContainer.user-logged-in .navbar:not(.navbar-default) {
        height: 201px;
    }

    #headerContainer.user-logged-in.scroll,
    #headerContainer.user-logged-in.scroll .navbar:not(.navbar-default) {
        height: 119px;
    }

    .container-fluid>.navbar-header {
        height: 100%;
        display: flex;
    }

    /* #header .navbar {
        background-color: transparent;
    } */

    .navbar-default .navbar-nav>li>a {
        color: #fff;
    }

    #loginAreaContainer > .container-fluid {
        max-width: 1400px;
        padding-left: 8px;
        padding-right: 23px;
    }

    .navbar-default > .container-fluid {
        max-width: 1400px;
        display: flex;
        justify-content: space-between;
        padding-right: 0;
    }

    #header .navbar-default > .container-fluid {
        height: 100%;
    }

    .navbar-default .navbar-nav>li>a span {
        font-size: 20px;
        line-height: 30px;
        font-weight: 400;
    }

        .navbar-default .navbar-brand {
            display: flex;
            align-self: center;
            margin-top: 34px;
            /* margin-top: 22px; */
            align-items: center;
        }

    .metaNaviContainer li > a {
        color: #fff;
        transition: color 250ms linear;
    }

        .navbar .metaNaviContainer {
            padding-top: 13px;
            margin-right: 21px;
            padding-bottom: 2px;
            /* padding-bottom: 22px; */
        }

        .navbar .metaNavi {
            font-size: 16px;
            line-height: 22px;
            font-weight: 400;
            margin-right: -7px;
        }

        .navbar-default .navbar-nav > li > a:hover,
        .navbar-default .navbar-nav > li > a:focus {
            color: #fff;
        }

        .navbar-nav > .item.open {
            box-shadow: 0 2px 14px 0 rgba(58,58,58,0.16);
            background-color: #fff;
            color: #3A3A3A;
            position: relative;
        }

            .navbar-nav > .item.open:after {
                background-color: #fff;
                color: #3A3A3A;
                height: 15px;
                width: 100%;
                content: '';
                position: absolute;
                bottom: 0;
                /* bottom: 0; */
                left: 0;
                z-index: 1000;
                pointer-events: none;
            }

            @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
                .navbar-nav > .item.hasSub.open:after {
                    bottom: -1px;
                }
            }

            .scroll .navbar-nav > .item.open:after {
                bottom: -1px;
            }

            #loginAreaContainer.logged-in .navbar-nav .item.open {
                box-shadow: none;
                background-color: transparent;
            }

            #loginAreaContainer.logged-in .navbar-nav .item a:hover {
                color: #e2aa00;
            }

            #loginAreaContainer.logged-in .navbar-nav .item:after {
                display: none;
            }

            .navbar-nav > .item > a {
                padding-left: 20px;
                padding-right: 20px;
                /* padding-left: 24px;
                padding-right: 24px; */
                padding-top: 23px;
                padding-bottom: 25px;
            }

            @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
                .navbar-default .navbar-nav > li > a {
                    height: 78px;
                }
            }

            @media (max-width: 1070px) {
                .navbar-nav > .item > a {
                    padding-left: 17px;
                    padding-right: 17px;
                }
            }

            .navbar-nav .item.open > .level2Container {
                box-shadow: 0 2px 14px 0 rgba(58,58,58,0.16);
                color: #3A3A3A;
                min-width: 265px;
            }

            .navbar-nav .level2 a:after {
                content: "\e609";
                display: block;
                font-family: 'iconfont';
                font-size: 18px;
                color: #1b5092;
                opacity: 0;
                margin-left: 15px;
            }

                .navbar-nav .level2 a {
                    display: flex;
                    justify-content: space-between;
                    padding-top: 10px;
                    padding-bottom: 10px;
                    white-space: nowrap;
                }

                .navbar-nav .level2 a:hover {
                    opacity: 1;
                }

                .navbar-nav .level2 a:hover:after {
                    opacity: 1;
                }

                    .navbar-nav .level3 a {
                        padding-top: 2px;
                        padding-bottom: 2px;
                    }

                        .navbar-nav .level3 a:after {
                            position: relative;
                            top: 2px;
                            font-size: 14px;
                        }

        /* .navbar-brand .logo, */
        .navbar-brand .logo {
            opacity: 0 !important;
            /* height: 0; */
            height: 60px;
            /* height: 80px; */
        }

        /* .navbar-brand .logo, */
        .navbar-brand .logo-white-big {
            height: 60px;
            /* height: 80px; */
            width: auto;
            position: absolute;
            z-index: 10;
            left: 15px;
            /* transition: opacity 250ms linear, height 250ms linear; */
        }

            .navbar-brand .logo-white-big {
                opacity: 1;
            }

            .noStage .navbar-brand .logo-white-big,
            .openMenu .navbar-brand .logo-white-big,
            .openLoginArea .navbar-brand .logo-white-big {
                opacity: 0;
                height: 0;
            }

            .scroll .navbar-brand .logo-white-big {
                opacity: 0;
                height: 0;
            }

            .noStage .navbar-brand .logo,
            .openMenu .navbar-brand .logo,
            .openLoginArea .navbar-brand .logo {
                opacity: 1 !important;
                height: 60px;
                /* height: 80px; */
            }

        .navbar-nav .level2 {
            display: flex;
            flex-direction: column;
            padding-top: 17px;
            padding-bottom: 18px;
            /* padding-bottom: 9px; */
            background-color: #fff;
        }

        .navbar-nav .level2Container {
            background-color: transparent;
            width: auto;
            left: auto;
            right: 0;
        }

            /* .navbar-nav li:last-child .level2Container,
            .navbar-nav li:nth-last-child(2) .level2Container {
                right: 0;
            } */

            .navbar-nav .level2 {
                padding-left: 0;
            }

        #mainNavbar .navbar-nav {
            position: relative;
            padding-left: 0;
            display: flex;
            justify-content: flex-end;
        }

        .navbar-default .navbar-nav > li > a {
            transition: color 250ms linear, padding 250ms linear;
            /* transition: color 250ms linear; */
        }

        body.noStage #header .navbar,
        body.openMenu #header .navbar,
        .openLoginArea #header .navbar {
            background-color: #fff;
        }

            body.noStage #header .navbar-default .navbar-nav > li > a,
            body.openMenu #header .navbar-default .navbar-nav > li > a,
            .openLoginArea #header .navbar-default .navbar-nav > li > a {
                color: #3A3A3A;
            }

                body.noStage #header .navbar-default .navbar-nav > li.active > a,
                body.openMenu #header .navbar-default .navbar-nav > li.active > a,
                .openLoginArea #header .navbar-default .navbar-nav > li.active > a {
                    color: #e2aa00;
                }

                body.noStage #header .navbar-default .navbar-nav > li > a:hover,
                body.openMenu #header .navbar-default .navbar-nav > li > a:hover,
                body.noStage #header .navbar-default .navbar-nav > li > a:focus,
                body.openMenu #header .navbar-default .navbar-nav > li > a:focus,
                .openLoginArea #header .navbar-default .navbar-nav > li > a:hover,
                .openLoginArea #header .navbar-default .navbar-nav > li > a:focus {
                    color: #1b5092;
                }

            body.noStage .metaNaviContainer .metaNavi > li > a,
            body.openMenu .metaNaviContainer .metaNavi > li > a,
            .openLoginArea .metaNaviContainer .metaNavi > li > a {
                color: #3A3A3A;
            }

                body.noStage .metaNaviContainer .metaNavi > li > a:hover,
                body.openMenu .metaNaviContainer .metaNavi > li > a:hover,
                body.noStage .metaNaviContainer .metaNavi > li > a:focus,
                body.openMenu .metaNaviContainer .metaNavi > li > a:focus,
                .openLoginArea .metaNaviContainer .metaNavi > li > a:hover,
                .openLoginArea .metaNaviContainer .metaNavi > li > a:focus {
                    color: #1b5092;
                }
}

@media (min-width: 1400px) {
    #headerContainer,
    .navbar {
        height: 171px;
    }

    #headerContainer.user-logged-in,
    #headerContainer.user-logged-in .navbar:not(.navbar-default) {
        height: 221px;
    }

    /* #headerContainer.user-logged-in.scroll,
    #headerContainer.user-logged-in.scroll .navbar:not(.navbar-default) {
        height: 119px;
    } */

    .navbar-default .navbar-nav > li > a {
        padding-bottom: 45px;
    }

    @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
        .navbar-default .navbar-nav > li > a {
            height: 98px;
        }
    }
    .navbar .metaNaviContainer {
        /* padding-bottom: 42px; */
        /* padding-bottom: 30px; */
    }

    #headerContainer:not(.scroll) .navbar-default .navbar-brand {
        margin-top: 5px;
    }

    .stageSliderContainer .stage .stageSliderElement .textContainerOuter {
        top: calc(50% + 85px);
    }

    .user-logged-in + #contentContainer .stageSliderContainer .stage .stageSliderElement .textContainerOuter {
        top: calc(50% + 110px);
    }
}


@media (max-width: 991px) {
    .noStage .navbar-brand .logo-small-white {
        opacity: 0 !important;
    }

    .noStage .navbar-brand .logo-blue-small {
        opacity: 1 !important;
        left: 15px;
        /* left: 27px; */
    }

    .slick-prev, .slick-next {
        transform: translateY(-50%);
    }

    .stageSliderContainer .stage .slick-prev, .stageSliderContainer .stage .slick-next {
        width: 60px;
        height: 60px;
    }

        .stageSliderContainer .stage .slick-prev .icon, .stageSliderContainer .stage .slick-next .icon {
            font-size: 30px;
            margin-top: -15px;
        }

    .stageSliderContainer:before {
        padding-bottom: 100vmax;
        /* padding-bottom: 100vh; */
        max-height: -webkit-fill-available;
    }

    .stageSliderContainer .stage .stageSliderElement .textContainerOuter,
    .user-logged-in + #contentContainer .stageSliderContainer .stage .stageSliderElement .textContainerOuter {
        top: calc(50% + 35px);
        padding: 50px 65px;
    }

    .stageSliderContainer .stage .stageSliderElement .textContainer {
        left: 0;
        right: 0;
        /* margin-left: auto;
        margin-right: auto; */
        padding: 35px;
        bottom: auto;
        top: 0;
        /* top: 50px; */
        /* max-width: 500px; */
        width: 450px;
        height: 450px;
        /* width: 500px;
        height: 406px; */
    }

    .stageSliderContainer .stage .stageSliderElement {
        align-items: center;
    }

    .page-home .stageSliderContainer .stage .stageSliderElement .textContainer .text,
    .stageSliderContainer .stage .stageSliderElement .textContainer .text {
        font-size: 35px;
        line-height: 43px;
    }
}

@media (max-width: 767px) {
    .stageSliderContainer .stage .slick-prev, .stageSliderContainer .stage .slick-next {
        display: none !important;
    }

    .stageSliderContainer .stage .stageSliderElement .textContainerOuter {
        justify-content: center;
    }

    .contentElementContainer h1.sectionHeadline,
    .contentElementContainer .h1.sectionHeadline {
        margin-top: 75px;
        margin-bottom: 40px;
        /* margin-bottom: 10px; */
    }

    /* .stageSliderContainer .stage .stageSliderElement .textContainer {
        left: 15px;
        right: 15px;
    } */

    /* .stageSliderContainer .stage .stageSliderElement:before {
        content: "";
        display: block;
        padding: 81.5%;
    } */
}

@media (max-width: 576px) {
    .informationTeaserSliderContainerWrap {
        padding-bottom: 48px;
    }

    .informationTeaserSlider .slick-dots {
        display: none !important;
    }

    .stageSliderContainer::before {
        /* padding-bottom: 100vh; */
        padding-bottom: 0;
    }

    .stageSliderContainer .stage {
        position: relative;
    }

    .page-home .stageSliderContainer .stage .stageSliderElement .textContainer .text,
    .stageSliderContainer .stage .stageSliderElement .textContainer .text {
        font-size: 30px;
        line-height: 40px;
    }

    .stageSliderContainer .stage .stageSliderElement .textContainer .btn {
        margin-top: 26px;
    }

    /* .btn-primary {
        padding: 15px 30px;
    } */

    .stageSliderContainer .stage .stageSliderElement {
        display: block;
        align-items: initial;
        justify-content: initial;
    }

        .stageSliderContainer .stage .stageSliderElement .backgroundImage {
            height: auto;
            /* bottom: 60%; */
        }

        .user-logged-in + #contentContainer .stageSliderContainer .stage .stageSliderElement .textContainerOuter,
        .stageSliderContainer .stage .stageSliderElement .textContainerOuter {
            padding: 0;
            /* top: 40%; */
            position: relative;
            transform: none;
        }

            .stageSliderContainer .stage .stageSliderElement .textContainer {
                /* top: 35px; */
                top: 0;
                width: 100%;
                max-width: none;
                padding: 35px 15px;
                left: 0;
                right: 0;
                height: auto;
            }

    .stageSliderContainer .stage .stageSliderElement .imageContainer {
        width: 100%;
        /* position: relative; */
    }

        .stageSliderContainer .stage .stageSliderElement .imageContainerOuter:before {
            content: "";
            display: block;
            padding-bottom: 85%;
        }

        .stageSliderContainer .stage.mapsStage .stageSliderElement .imageContainerOuter:before {
            padding-bottom: 100vmax;
        }
}

/* @media (max-width: 500px) {
    .stageSliderContainer .stage.mapsStage .stageSliderElement .imageContainerOuter:before {
        padding-bottom: 115%;
    }
} */

@media (max-width: 400px) {
    .stageSliderContainer .stage .stageSliderElement .imageContainerOuter:before {
        padding-bottom: 122%;
    }
    /* .stageSliderContainer::before {
        padding-bottom: 120vh;
    } */
}

/* TODO: remove html in fluid_sytled_content > header*/
.sectionHeadline .icon-speechbubbleline {
    display: none;
}

/* --- news home redesigned ------------------------ */
.newsListHome .dogEarPaper {
    background-color: transparent;
    background: none;
    padding: 0;
}

    .dogEarPaperContainer .dogEarPaper .h2,
    .newsListHome .dogEarPaper .h2 {
        font-size: 20px;
        line-height: 30px;
        color: #3A3A3A;
        font-weight: 700;
    }

    .dogEarPaper p {
        font-size: 20px;
        line-height: 30px;
        color: #3A3A3A;
    }

.newsListHome .dogEarPaperContainer a:hover .dogEarPaper {
    background-color: transparent;
}

.dogEarPaperContainer a:hover .flag-blue {
    opacity: 1;
    z-index: 10;
}

.dogEarPaperContainer a:hover .imgContainer:after {
    opacity: 1;
}

.dogEarPaperContainer a:hover p,
.dogEarPaperContainer a:hover .h2 {
    color: #1B5092;
}

.newsListHome .dogEarSliderContainer {
    max-width: 1230px;
}

.newsListHome .dogEarSlider  {
    padding-left: 0;
    padding-right: 0;
    margin-top: 75px;
}

    @media (max-width: 767px) {
        .newsListHome .dogEarSlider  {
            margin-top: 40px;
        }
    }

    .newsListHome .dogEarSlider .dogEarPaper .imgContainer {
        margin: 0;
    }

    .dogEarPaperContainer .dogEarPaper .imgContainer {
        position: relative;
    }

    .dogEarPaperContainer .dogEarPaper .imgContainer:after {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        opacity: 0;
        background-color: rgba(58,58,58,0.2);
    }

        /* .dogEarPaperContainer:nth-of-type(2) .dogEarPaper .imgContainer::after {
            background-color: rgba(58,58,58,0.2);
        } */

.flag-blue {
    bottom: 0;
    right: 0;
    left: unset;
    top: unset;
    transform: rotate(180deg);
    color: #1B5092;
    opacity: 0;
}

    .flag-blue .icon {
        font-size: 60px;
    }

@media (max-width: 991px) {
    .newsListHome .dogEarSlider .slick-prev,
    .newsListHome .dogEarSlider .slick-next {
        display: none !important;
    }
}

/* --- productOfTheMonth ------------------------*/

.productOfTheMonth {
    margin-bottom: 100px;
}

@media (max-width: 767px) {
    .productOfTheMonth {
        margin-bottom: 62px;
    }
}

/* --- pictureWithBluebox ------------------------ */
.pictureWithBlueboxContainer {
    display: flex;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}

    .pictureWithBlueboxContainer .blueBox {
        background-color: #1B5092;
        flex-grow: 1;
        align-items: center;
        flex-basis: 41.6667%;
        max-width: 41.6667%;
        display: flex;
    }

        .pictureWithBlueboxContainer .blueBox .textContainer {
            font-weight: 300;
            font-size: 50px;
            line-height: 55px;
            padding: 68px;
            color: #fff;
        }

            .pictureWithBlueboxContainer .blueBox .text + .btn-primary {
                margin-top: 44px;
            }

        .pictureWithBlueboxContainer .imageContainerOuter {
            width: 100%;
            position: relative;
            flex-basis: 58.3333%;
            max-width: 58.3333%;
        }

        .pictureWithBlueboxContainer .imageContainerOuter:before {
            content: "";
            display: block;
        }

            .pictureWithBlueboxContainer .imageContainer {
                /* flex-basis: 58.3333%;
                max-width: 58.3333%; */
                max-width: 100%;
                position: absolute;
                top: 0;
                left: 0;
                bottom: 0;
                right: 0;
                background-size: cover;
                background-position: center center;
            }

        @media (max-width: 1150px) {
            .pictureWithBlueboxContainer .blueBox .textContainer {
                font-size: 40px;
                line-height: 45px;
            }
        }

        @media (max-width: 991px) {
            .pictureWithBlueboxContainer .blueBox .textContainer {
                font-size: 35px;
                line-height: 43px;
            }

            .pictureWithBlueboxContainer .blueBox,
            .pictureWithBlueboxContainer .imageContainerOuter {
                flex-basis: 50%;
                max-width: 50%;
            }

            /* .pictureWithBlueboxContainer .imageContainer {
                flex-basis: 50%;
                max-width: 50%;
            } */
        }

        @media (max-width: 767px) {
            .pictureWithBlueboxContainer {
                flex-wrap: wrap-reverse;
            }

            .pictureWithBlueboxContainer .blueBox,
            .pictureWithBlueboxContainer .imageContainerOuter {
                flex-basis: 100%;
                max-width: 100%;
            }

            .pictureWithBlueboxContainer .imageContainer {
                flex-basis: 100%;
                max-width: 100%;
                position: absolute;
                top: 0;
                left: 0;
            }

            .pictureWithBlueboxContainer .blueBox .textContainer {
                padding: 68px 15px;
            }

            .pictureWithBlueboxContainer .imageContainerOuter:before {
                padding-bottom: 71.4285%;
            }
        }

        @media (max-width: 576px) {
            .pictureWithBlueboxContainer .blueBox .textContainer {
                font-size: 30px;
                line-height: 40px;
            }

            .pictureWithBlueboxContainer .imageContainerOuter:before {
                padding-bottom: 100%;
            }
        }




/* ############## Security Solution Days ################### */

.securitysolutiondays #index {
    position: relative;
}

.securitysolutiondays #index .wideTeaserContainer .textContainer {
    display: none;
}

.securitysolutiondays .canceledContainer {
    position: absolute;
    color: #fff;
    /* color: #e10808; */
    transform: translateY(-50%) translateX(-50%);
    /* transform: rotate(-20deg) translateY(-50%) translateX(-50%); */
    border-color: #fff;
    border: 5px solid #fff;
    background-color: #142e4ede;
    top: 50%;
    left: 50%;
    font-size: 26px;
    /* font-size: 76px; */
    line-height: 36px;
    padding: 18px;
    pointer-events: none;
}

    @media (max-width: 991px) {
        .securitysolutiondays .canceledContainer {
            font-size: 20px;
            line-height: 30px;
            /* font-size: 50px;
            line-height: 50px; */
        }
    }

    @media (max-width: 767px) {
        .securitysolutiondays .canceledContainer {
            /* font-size: 44px;
            line-height: 44px; */
            left: 0;
            transform: translateY(-50%) translateX(0%);
            margin-left: 15px;
            margin-right: 15px;
        }
    }

    @media (max-width: 576px) {
        .securitysolutiondays .canceledContainer {
            font-size: 16px;
            line-height: 26px;
            padding: 10px;
        }
    }

.securitysolutiondays a {
    color: #21668e;
}

.securitysolutiondays .btn-lg:hover,
.securitysolutiondays .btn-lg:focus {
    background-color: #6ab42d;
    /* background-color: #21668e; */
    color: #fff;
    outline-color: #6ab42d;
    border-color: #6ab42d;
}

/* .securitysolutiondays .wideTeaserContainer:after {
    display: block;
    opacity: 1;
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.2);
} */

/* .securitysolutiondays .page-home .wideTeaser-stage .wideTeaserContainer.animation .wideTeaserLogoContainer:after {
    background-color: rgba(255, 255, 255, 0.5);
    width: auto;
    left: 50%;
    transform: translateX(-50%);
    content: "";
    position: absolute;
    top: -100vh;
    left: -75vw;
    width: 60%;
    height: 190%;
    min-height: 17vh;
    transform: translate(-10%, -23.68421%);
    box-shadow: 100vw 100vh 100px rgba(255, 255, 255, 1);
    border-radius: 50%;
    z-index: -1;
    opacity: 0;
} */

/* .securitysolutiondays .page-home .wideTeaser-stage .wideTeaserContainer .wideTeaserLogoContainer:after {
    opacity: 1;
    transition: opacity 4s linear;
} */

.securitysolutiondays .page-home .wideTeaser-stage .wideTeaserContainer.animation .wideTeaserLogoContainer img {
    width: 600px;
}


.securitysolutiondays h1, .securitysolutiondays h2, .securitysolutiondays h3, .securitysolutiondays h4,
.securitysolutiondays .h1, .securitysolutiondays .h2, .securitysolutiondays .h3, .securitysolutiondays .h4 {
    color: #21668e;
}

.securitysolutiondays .wideTeaser-whiteText h1,
.securitysolutiondays .wideTeaser-whiteText .h1,
.securitysolutiondays .wideTeaser-whiteText h2,
.securitysolutiondays .wideTeaser-whiteText .h2 {
    color: #fff;
}

.securitysolutiondays a:hover, .securitysolutiondays a:focus {
    color: #6ab42d;
}

.securitysolutiondays .centeredButton:hover,
.securitysolutiondays a:hover .centeredButton {
    color: #fff;
    background-color: #6ab42d;
    border-color: #6ab42d;
}


.securitysolutiondays #mobileNavigation .nav li a.open, .securitysolutiondays #mobileNavigation .nav li.active a {
    color: #21668e;
}

    .securitysolutiondays #mobileNavigation .nav li a:hover,
    .securitysolutiondays #mobileNavigation .nav li a:focus {
        color: #6ab42d;
    }

        .securitysolutiondays #mobileNavigation .nav li a:hover span,
        .securitysolutiondays #mobileNavigation .nav li a:focus span {
            color: #21668e;
        }


.securitysolutiondays .navbar-brand .logo {
    height: 64px;
}

.securitysolutiondays .navbar-header {
    max-width: 330px;
}

.securitysolutiondays #headerContainer {
    height: 100px;
}

.securitysolutiondays .navbar-brand {
    height: 100px;
}

.securitysolutiondays .navbar {
    height: 100px;
}

.securitysolutiondays .navbar-default .navbar-nav > li > a {
    color: #21668e;
}

.securitysolutiondays .navbar-toggle {
    color: #21668e;
}

    .securitysolutiondays #mobileNavigation .navbar-toggle {
        color: #21668e;
    }

.securitysolutiondays #mainNavbar .navbar-nav {
    /* if only one nav item */
    justify-content: flex-start;
    /* justify-content: space-around; */
}

.securitysolutiondays .headerNavigationContainer {
    width: calc(100% - 330px);
}

.securitysolutiondays #headerContainer.scroll .headerNavigationContainer {
    width: calc(100% - 330px);
}

.securitysolutiondays #mainNavbar .navbar-nav {
    padding-left: 70px;
    padding-top: 18px;
    transition: padding-left 250ms linear, padding-top 250ms linear;
}

.securitysolutiondays #headerContainer.scroll #mainNavbar .navbar-nav {
    padding-left: 70px;
    padding-top: 0;
}

.securitysolutiondays .navbar-default .navbar-nav > li > a:hover,
.securitysolutiondays .navbar-default .navbar-nav > li > a:focus,
.securitysolutiondays .navbar-default .navbar-nav .item.open > a:hover {
    color: #6ab42d;
}
.securitysolutiondays #headerContainer.scroll .navbar-nav > .item > a:hover,
.securitysolutiondays #headerContainer.scroll .navbar-nav > .item.open > a,
.securitysolutiondays #headerContainer.scroll .navbar-nav > .item.active > a,
.securitysolutiondays .navbar-nav > .item.active > a,
.securitysolutiondays .navbar-nav > .item.open > a,
.securitysolutiondays .navbar-nav > .item.open > a {
    color: #0F2D52;
    /* color: #1d1d1b; */
}

.securitysolutiondays .navbar-default .navbar-nav .item.active > a span:after {
    border-bottom: 2px solid #0F2D52;
    /* border-bottom: 2px solid #1d1d1b; */
}

.securitysolutiondays #headerContainer.scroll .navbar-brand .logo-white {
    top: 14px;
}

.securitysolutiondays #headerContainer.scroll .navbar {
    background-color: #6ab42d;
}

.securitysolutiondays .accordion .panel-heading > .roadshowDate {
    margin-bottom: 18px;
}

.securitysolutiondays .panel-heading > a:hover .title,
.securitysolutiondays .panel-heading > a:focus .title {
    color: #5B9C27;
}

.securitysolutiondays .panel-heading > a:hover .date,
.securitysolutiondays .panel-heading > a:focus .date {
    color: #5B9C27;
}

.securitysolutiondays .panel-heading > a:hover .icon:before,
.securitysolutiondays .panel-heading > a:focus .icon:before {
    color: #5B9C27;
}

.securitysolutiondays .contentElementContainer .bigImageContainerWrap {
    background: none;
}

.securitysolutiondays .textpicImageContainer {
    padding-bottom: 20px;
}

    .securitysolutiondays .textpicImageContainer.pull-right {
        padding-right: 0;
        padding-left: 89px;
    }

.securitysolutiondays .companyContainer + .companyContainer {
    margin-top: 66px;
}

.securitysolutiondays .locationsMap {
    max-width: 500px;
}

    @media (max-width: 576px) {
        .securitysolutiondays .locationsMap {
            max-width: 100%;
        }
    }

.securitysolutiondays #topics {
    margin-top: 39px;
}

.securitysolutiondays #companies {
    margin-top: 24px;
}

.securitysolutiondays .locationsMapContainer {
    margin-top: 70px;
}

    .securitysolutiondays #companies .accordion{
        margin-top: 39px;
    }

.securitysolutiondays #companies .contentElementContainer.container-fluid + .contentElementContainer.container-fluid {
    margin-bottom: 50px;
}

.securitysolutiondays .personalData {
    color: #8f97cb;
    font-weight: 500;
}

.securitysolutiondays #footerContainer {
    padding-top: 39px;
}

.securitysolutiondays #footerBottomContainer {
    padding-top: 0 !important;
}

.securitysolutiondays #footer a:hover {
    color: #0F2D52;
    /* color: #1d1d1b; */
}

.securitysolutiondays .checkbox label:before {
    color: #21668e;
}

.securitysolutiondays .form-inline .checkbox input:checked+label,
.securitysolutiondays .form-inline .radio input:checked+label {
    background-color: #21668e;
}

.securitysolutiondays .form-inline .radio input:checked+label:before {
    background-color: #21668e;
}

.securitysolutiondays .form-control:hover,
.securitysolutiondays .form-group.has-error .form-control:hover {
    color: #21668e;
    border-color: #21668e;
}

.securitysolutiondays .centeredButton {
    color: #21668e;
    border-color: #21668e;
    margin-top: 0 !important;
}

    .securitysolutiondays .tx-felogin-pi1 .centeredButton {
        width: 100%;
        margin-top: 0 !important;
        padding-left: 28px;
    }

        .securitysolutiondays .tx-felogin-pi1 .loginBtn:before {
            content: "";
        }

.securitysolutiondays .dogEarSliderContainer .slick-prev:hover,
.securitysolutiondays .dogEarSliderContainer .slick-next:hover,
.securitysolutiondays .dogEarSliderContainer .slick-prev:focus,
.securitysolutiondays .dogEarSliderContainer .slick-next:focus {
    color: #6ab42d;
    outline-color: #6ab42d;
}

.securitysolutiondays .dogEarSliderContainer .flag-yellow .icon,
.securitysolutiondays .bigImageSliderContainer .flag-yellow .icon {
    color: #6ab42d;
}


.securitysolutiondays .slick-dots .slick-active .icon {
    color: #21668e;
}

    .securitysolutiondays .slick-dots .slick-active:focus {
        outline-color: #21668e;
    }

.securitysolutiondays .news-single .news-backlink-wrap {
    border-color: #21668e;
}

    .securitysolutiondays .news-single .news-backlink-wrap:hover {
        border-color: #6ab42d;
        background-color: #6ab42d;
    }

.securitysolutiondays .ssdDownloads .wideTeaser .textContainer .text > .btn {
    display: none;
}

.securitysolutiondays .ssdDownloads .linkList li.checkbox {
    width: 100%;
    display: flex;
    /* align-items: center; */
    justify-content: space-between;
    padding-right: 0;
    align-items: flex-start;
}

    .securitysolutiondays .ssdDownloads .linkList li.checkbox > .download-link {
        word-break: break-word;
        padding-right: 15px;
    }

    .securitysolutiondays .ssdDownloads .linkList li.checkbox > .checkbox-label {
        padding: 7px 15px;
        display: flex;
        justify-content: center;
        align-items: center;
        position: relative;
        top: -3px;
        min-height: 15px;
    }

    .securitysolutiondays .ssdDownloads .linkList li.checkbox > .checkbox-label:before {
        margin-left: 0;
        margin-right: 0;
    }

.securitysolutiondays .ssdDownloads .bodytext.error {
    color: #e10808;
}

@media (max-width: 1100px) {
    .horizontalEventSlider {
        padding-right: 50px;
        padding-left: 50px;
    }
}

@media (max-width: 1180px) {
    .securitysolutiondays #headerContainer.scroll .headerNavigationContainer {
        width: calc(100% - 330px);
    }
}

@media (max-width: 991px) {
    .securitysolutiondays .navbar-header {
        max-width: none;
    }

    .securitysolutiondays #headerContainer {
        height: 65px;
    }

    .securitysolutiondays .navbar-brand {
        height: 65px;
    }

    .securitysolutiondays .navbar {
        height: 65px;
    }
}

@media (max-width: 767px) {
    .securitysolutiondays .companyContainer + .companyContainer {
        margin-top: 56px;
    }

    .securitysolutiondays .textpicImageContainer {
        float: none !important;
    }

        .securitysolutiondays .image .img-responsive:not(.locationsMap) {
            max-height: 200px;
        }
}

@media (max-width: 576px) {
    .accordion .panelWithTeaserImage .imageContainer {
        min-height: 300px;
    }

    .panelWithTeaserImage .teaserImageContainer {
        display: none;
    }
}

@media (max-width: 450px) {
    .securitysolutiondays .ssdDownloads .tx-felogin-pi1 form .passwordContainer {
        width: 100%;
    }

    .securitysolutiondays .ssdDownloads .tx-felogin-pi1 form .submitContainer {
        width: 100%;
    }
}



/* Conditions of use accept modal */
.cou-accept-modal {
    position: fixed;
    left: 50%;
    bottom: 0;
    z-index: 1;
    width: 100%;
    padding: 15px 0;
    transform: translate(-50%, 100%);
    transition: transform 200ms;
    background: linear-gradient(207.35deg, rgba(152, 164, 175, 0.3) 0%, rgba(193, 205, 219, 0.3) 37.35%, rgba(241, 245, 248, 0.3) 68.97%, rgba(184, 200, 215, 0.3) 100%, rgba(184, 200, 215, 0.3) 100%);
    background-color: #fff;
}

.cou-accept-modal--show {
    transform: translate(-50%, 0);
}

.cou-accept-modal__info-text {
    font-size: 17px;
    line-height: 26px;
    margin-bottom: 20px;
}

.catalogPricesMain .dogEarPaper {
    margin-bottom: 28px;
}

.downloadContainer + .downloadContainer {
    margin-top: 0;
}

.downloadContainer + .downloadContainer .accordion {
    margin-top: 0 !important;
}

.downloadContainer + .downloadContainer .accordion .panel {
    border-top: none;
}





/*
 * Cookie consent
 */

body.modal-open.dp--cookie-consent {
    overflow: hidden;
}

.cookieConsentModal {
    padding-right: 0 !important;
    z-index: 1060;
    font-size: 18px;
    line-height: 28px;
}
/* @media (max-width: 767px) {
    .cookieConsentModal {
        font-size: 16px;
        line-height: 24px;
    }
} */
.cookieConsentModal .modal-dialog {
    max-width: 830px;
    margin-top: 64px;
}
.cookieConsentModal .modal-body {
    padding: 30px;
}
@media (max-width: 767px) {
    .cookieConsentModal .modal-body {
        padding: 15px;
    }
}
.cookieConsentModal .title {
    margin-top: 0;
}
.cookieConsentModal .dp--cookie-check {
    margin-top: 10px;
    margin-left: -20px;
}
.cookieConsentModal .dp--cookie-check .custom-checkbox {
    margin-top: 20px;
}
.cookieConsentModal .detailsBtnContainer {
    /* margin-top: -17px; */
    margin-bottom: 13px;
}
/* @media (max-width: 767px) {
    .cookieConsentModal .detailsBtnContainer {
        margin-top: -5px;
    }
} */
.cookieConsentModal .detailsBtnContainer .btn {
    padding: 0;
    text-decoration: none;
    text-transform: none;
    font-weight: 400;
    /* font-family: "Museo Sans Rounded", sans-serif; */
    font-size: 20px;
}
/* @media (max-width: 767px) {
    .cookieConsentModal .detailsBtnContainer .btn {
        font-size: 16px;
    }
} */
.cookieConsentModal .detailsBtnContainer .btn .icon {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 18px;
    margin-right: 9px;
}
.cookieConsentModal .detailsBtnContainer .btn .icon:before,
.cookieConsentModal .detailsBtnContainer .btn .icon:after {
    display: block;
    content: "";
    position: absolute;
    height: 2px;
    background-color: currentColor;
    transition: transform 300ms linear, top 300ms linear;
}
.cookieConsentModal .detailsBtnContainer .btn .icon:before {
    left: 0px;
    width: 12px;
    transform-origin: left center;
}
.cookieConsentModal .detailsBtnContainer .btn .icon:after {
    right: 0px;
    width: 12px;
    transform-origin: right center;
}
.cookieConsentModal .detailsBtnContainer .btn.collapsed .icon:before,
.cookieConsentModal .detailsBtnContainer .btn.collapsed .icon:after {
    top: 8px;
}
.cookieConsentModal .detailsBtnContainer .btn.collapsed .icon:before {
    transform: rotate(30deg);
}
.cookieConsentModal .detailsBtnContainer .btn.collapsed .icon:after {
    transform: rotate(-30deg);
}
.cookieConsentModal .detailsBtnContainer .btn:not(.collapsed) .icon:before,
.cookieConsentModal .detailsBtnContainer .btn:not(.collapsed) .icon:after {
    top: 13px;
}
.cookieConsentModal .detailsBtnContainer .btn:not(.collapsed) .icon:before {
    transform: rotate(-30deg);
}
.cookieConsentModal .detailsBtnContainer .btn:not(.collapsed) .icon:after {
    transform: rotate(30deg);
}
.cookieConsentModal .cookieGroupTitle {
    margin-top: 30px;
    margin-bottom: 10px;
}
.cookieConsentModal .cookieGroupTitle:first-child {
    margin-top: 22px;
}
.cookieConsentModal .collapse .bodytext:last-child {
    margin-bottom: 0;
    padding-bottom: 10px;
}
.cookieConsentModal .cc-compliance {
    margin-top: 29px;
    margin-left: -20px;
}
.cookieConsentModal .cc-compliance .btn {
    margin-top: 20px;
    margin-left: 20px;
}
/* @media (max-width: 767px) {
    .cookieConsentModal .cc-compliance .btn {
        font-size: 16px;
    }
}
@media (max-width: 430px) {
    .cookieConsentModal .cc-compliance .btn {
        font-size: 14px;
    }
} */
@media (min-width: 768px) {
    .cookieConsentModal.modal:not(#WesMapsIframeModal):not(#ticketOrderModal) .modal-dialog,
    .cookieConsentModal.modal:not(#WesMapsIframeModal):not(#ticketOrderModal).fade .modal-dialog {
        margin: 10vh 0;
        position: relative;
        top: unset;
    }
}
@media (max-width: 767px) {
    .cookieConsentModal .modal-dialog {
        min-height: 100vh;
        margin: 0;
    }
    .cookieConsentModal .modal-content {
        min-height: 100vh;
    }
    .cookieConsentModal .modal-body {
        display: flex;
        flex-direction: column;
        height: 100vh;
    }
    .cookieConsentModal .cc-message {
        overflow: auto;
    }
    .cookieConsentModal .cc-compliance {
        flex-grow: 1;
        flex-direction: column;
        margin-top: 10px;
        z-index: 100;
    }
    .cookieConsentModal .cc-compliance .cc-allow {
        order: 2;
    }
    .cookieConsentModal .cc-compliance .cc-dismiss {
        order: 1;
    }
}

@media (max-width: 767px) {
    .mobileSafari .cookieConsentModal .modal-dialog {
        height: 100%;
        min-height: auto;
    }
    .mobileSafari .cookieConsentModal .modal-content {
        height: 100%;
        min-height: auto;
    }
    .mobileSafari .cookieConsentModal .modal-body {
        height: 100%;
    }
    .mobileSafari .cookieConsentModal .cc-compliance {
        padding-top: 10px;
    }
    .mobileSafari .cookieConsentModal .dp--cookie-check {
        margin-bottom: 50px;
    }
}

.dp--overlay {
    display: flex;
    align-items: center;
    height: 100%;
    max-width: 1432px;
    margin-right: auto;
    margin-left: auto;
    padding: 171px 85px 0;
    font-size: 16px;
    line-height: 24px;
}
@media (max-width: 1399px) {
    .dp--overlay {
        padding-top: 150px;
    }
}
@media (max-width: 767px) {
    .dp--overlay {
        padding-top: 82px;
        padding-right: 15px;
        padding-left: 15px;
    }
}
@media (max-width: 576px) {
    .dp--overlay {
        max-height: 872px;
    }
}
#map_canvas .dp--overlay-outer {
    height: 100%;
    background-image: url("/fileadmin/img/cookie-consent-map-background.jpg");
    background-size: cover;
}
.dp--overlay .dp--overlay-inner {
    max-width: 515px;
}
@media (max-width: 1160px) {
    .dp--overlay .dp--overlay-inner {
        max-width: 340px;
    }
}
@media (max-width: 991px) {
    .dp--overlay .dp--overlay-inner {
        max-width: none;
    }
}
.dp--overlay .dp--overlay-header {
    font-weight: 700;
    margin-bottom: 13px;
}
.dp--overlay .dp--overlay-button {
    margin-top: 22px;
}

.dp--overlay-submit {
    font-size: 18px !important;
}


.cookieConsentModal .cookieGroupTitle {
    color: #3a3a3a;
    margin-top: 30px;
    margin-bottom: 10px;
    line-height: 30px;
    font-weight: 700;
    font-size: 20px;
}
/* @media (max-width: 767px) {
    .cookieConsentModal .cookieGroupTitle {
        font-size: 16px;
        line-height: 24px;
    }
} */

.cookieConsentModal .cookieGroupTitle:first-child {
    margin-top: 22px;
}

.cookieConsentModal .dp--cookie-check {
    margin-top: 22px;
    margin-left: -15px;
}

.cookieConsentModal .dp--cookie-check .form-inline .checkbox input + label {
    height: 40px;
    line-height: 36px;
}

.cookieConsentModal .dp--cookie-check .checkbox {
    margin-left: 15px;
}

/* @media (max-width: 767px) {
    .mobileSafari .cookieConsentModal .dp--cookie-check {
        margin-bottom: 50px;
    }
} */
.cookieConsentModal .dp--cookie-check .custom-checkbox {
    margin-top: 19px;
    margin-right: 0;
    margin-left: 20px;
    min-height: 0;
    padding: 0;
    display: inline-flex;
    position: relative;
}

.cookieConsentModal .dp--cookie-check .custom-control-input {
    position: absolute;
    z-index: -1;
    opacity: 0;
    padding: 0;
}

.cookieConsentModal .dp--cookie-check .custom-control-label {
    background-color: #fff;
    margin-right: 0;
    cursor: pointer;
    position: relative;
    margin-bottom: 0;
    display: inline-block;
    transition: all 0.4s;
    color: #1b5092;
}
.cookieConsentModal .dp--cookie-check .custom-control-label:hover {
    background-color: transparent;
    border-color: #1b5092;
    color: #1b5092;
}
/* @media (max-width: 767px) {
    .cookieConsentModal .dp--cookie-check .custom-control-label {
        font-size: 16px;
    }
}
@media (max-width: 430px) {
    .cookieConsentModal .dp--cookie-check .custom-control-label {
        font-size: 14px;
    }
} */

.cookieConsentModal .dp--cookie-check .custom-control-label:before {
    position: absolute;
    left: 17px;
    top: 13px;
    content: "";
    display: flex;
    align-items: center;
    justify-content: center;
    width: 25px;
    height: 25px;
    border: 2px solid #e1e1e1;
    border-radius: 2px;
    font-size: 11px;
    line-height: 16px;
    text-align: center;
    overflow: hidden;
    font-family: 'LineIconsPro Regular';
    font-style: normal;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.cookieConsentModal .dp--cookie-check .custom-control-inline.custom-checkbox .custom-control-input:checked ~ .custom-control-label:before {
        content: "\ec50";
}

.cookieConsentModal .dp--cookie-check .custom-control-label {
    padding: 13px 27px 14px 53px;
}
/* @media (max-width: 430px) {
    .cookieConsentModal .dp--cookie-check .custom-control-label {
        top: 1px !important;
        position: relative;
    }
} */

.cookieConsentModal .dp--cookie-check .custom-control-input:disabled ~ .custom-control-label {
    background-color: #e6e6e7;
    cursor: not-allowed;
}

.cookieConsentModal .dp--cookie-check .custom-control-inline .custom-control-input:checked ~ .custom-control-label {
    color: #1b5092;
}
.cookieConsentModal .dp--cookie-check .custom-control-inline .custom-control-input:disabled ~ .custom-control-label:hover {
    color: #1b5092;
    border-color: #929292 !important;
}

.cookieConsentModal .cc-compliance {
    display: flex;
    justify-content: flex-end;
    margin-top: 29px;
    margin-left: -20px;
}

@media (max-width: 767px) {
    .cookieConsentModal .cc-compliance {
        flex-grow: 1;
        flex-direction: column;
        margin-top: 10px;
        z-index: 100;
    }

    .cookieConsentModal .cc-message {
        overflow: auto;
    }
}
@media (max-width: 430px) {
    .cookieConsentModal .cc-compliance .btn {
        white-space: normal;
    }
}
@media (max-width: 767.98px) {
    .cookieConsentModal .cc-compliance .cc-allow {
        order: 2;
    }

    .cookieConsentModal .cc-compliance .cc-dismiss {
        order: 1;
    }
}
.cookieConsentModal .bodytext {
    font-size: 20px;
    line-height: 30px;
}
.cookieConsentModal .bodytext a {
    border-bottom: none !important;
    padding-bottom: 0px;
    color: #1b5092;
}
.cookieConsentModal .bodytext a:hover {
    color: #e2aa00;
    text-decoration: none;
}

script[data-cookieconsent="marketing"] + .contentElementContainer .mapsCategoriesContainer {
    display: none;
}

div.cookieConsentModal {
    z-index: 10003;
}
div.cookieConsentModal div.modal-dialog {
    background: #fff;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
}
@media (min-width: 768px) {
    div.cookieConsentModal div.modal-dialog {
        transform: translate(-50%, 0%) !important;
    }
}

.dp--overlay.video-overlay {
    top: 0;
    bottom: 0;
    position: absolute;
    left: 0;
    right: 0;
    background-color: #f2f2f2;
}
.dp--overlay.video-overlay button.db--overlay-submit {
    display: flex;
}
.dp--overlay.video-overlay + iframe[nocookie="true"] {
    z-index: -1;
}

.dp--overlay button.db--overlay-submit {
    display: flex;
    /* font-weight: bold; */
    -webkit-appearance: none;
    cursor: pointer;
    border-style: none;
    /* border-radius: 3px; */
    border-color: #1b5092;
    transition: border-color 0.2s;
}
.dp--overlay button.db--overlay-submit:hover {
    border-color: #1b5092;
}

.btn.cc-allow {
    color: #1b5092;
}
.btn.cc-allow:hover {
    color: #1b5092;
    border-color: #1b5092;
}

.cc-message a:hover {
    text-decoration: underline;
}

.detailsBtnContainer button,
.detailsBtnContainer button:focus,
.detailsBtnContainer button span {
    color: #1b5092;
}
.detailsBtnContainer button:hover,
.detailsBtnContainer button:hover span {
    color: #1b5092;
}
.detailsBtnContainer button:focus {
    outline: none;
}

@media (max-width: 520px) {
    .dp--overlay.video-overlay {
        position: relative;
        margin-bottom: -56.25%;
    }

    .embed-responsive-16by9 {
        height: auto;
    }
}
#cookieConsentDetailsCollapse {
    margin-top: 13px;
}

script[data-cookieconsent="marketing"] + #mapContainer + .coloredBoxContainer button.btn.btn-link {
    display: none;
}

@media (min-width: 1401px) {
    #mapCanvas.hasColoredBox > .dp--overlay {
        padding-bottom: 244px;
    }
}

#pricelistDownload {
    display: none;
}

.dataTables_download {
    height: 60px;
    margin-right: 15px;
}

.dataTables_download label {
    font-size: 17px;
    font-weight: 400;
    margin-bottom: 0;
}

.dataTables_download a {
    display: flex;
    height: 60px;
    border: 1px solid #A4A4A4;
    color: #53565A;
    font-size: 20px;
    margin-top: 8px;
    padding: 0 13px 0 10px;
    align-items: center;
}

.dataTables_download a:hover {
    color: #1b5092;
    border-color: #1b5092;
}

.dataTables_download a:after {
    font-family: 'LineIconsPro Light';
    content: '\ea6a';
    font-size: 20px;
    top: 7px;
    left: 0;
    padding-left: 13px;
    color: #1b5092;
}

.twoColumnIconAboveText {
    display: flex;
    flex-wrap: wrap;
    gap: 45px 30px;
    margin-top: 45px;
    font-size: 20px;
    line-height: 30px;
}

.iconAboveTextElement {
    width: calc(50% - 15px);
}

.iconAboveTextElement .text {
    margin-top: 15px;
    margin-bottom: 0;
}

@media (max-width: 500px) {
    .iconAboveTextElement {
        width: 100%;
    }
}

.event-filter-container {
    display: flex;
    flex-direction: row;
    gap: 15px;
}

.event-filter {
    width: 100%;
}

.event-filter label {
    display: block;
    font-size: 17px;
    font-weight: 400;
}

.event-filter .selectBoxOuter {
    margin-top: 5px;
}

.event-filter-no-result {
    display: none;
    font-size: 20px;
    line-height: 30px;
}
.form-horizontal .row{ padding-left: 15px; padding-right: 15px;}
.hide{ display: none; }
 .form-horizontal .form-check input{ float:left;margin-right: 10px;}


.selectBox-selected {font-style: italic;padding-left: 20px;font-weight:600;}