/**
 * (en) Uniform design of standard content elements
 * (de) Einheitliche Standardformatierungen für die Inhalts-Elemente
 *
 * @copyright			Copyright 2015, crossbase mediasolution GmbH
 * @version				4.1.1
 */

@font-face {
    font-family: "Neue Helvetica W01_n3";
    src: url("d63f77e2-a23d-496f-bc30-c61c7a689aa6.eot?#iefix") format("eot")
}

@font-face {
    font-family: "Neue Helvetica W01";
    src: url("d63f77e2-a23d-496f-bc30-c61c7a689aa6.eot?#iefix");
    src: url("d63f77e2-a23d-496f-bc30-c61c7a689aa6.eot?#iefix") format("eot"), url("4ff9f3fa-9221-4fc5-97e6-93572b6efa24.woff2") format("woff2"), url("ca8d25cd-e264-4404-b271-4afc45c779c4.woff") format("woff"), url("e8f8260f-dbee-4daa-81a4-0e415715c569.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: "Neue Helvetica W01_i3";
    src: url("55740f7d-3bf3-44a5-bfa0-2f1ef436ce72.eot?#iefix") format("eot")
}

@font-face {
    font-family: "Neue Helvetica W01";
    src: url("55740f7d-3bf3-44a5-bfa0-2f1ef436ce72.eot?#iefix");
    src: url("55740f7d-3bf3-44a5-bfa0-2f1ef436ce72.eot?#iefix") format("eot"), url("a9445981-191b-46c7-866c-acb67f9cc1db.woff2") format("woff2"), url("a0e9ae86-436e-483a-8201-6c694e90e9ee.woff") format("woff"), url("d2655153-67dd-48c9-a5b2-cec33c40e333.ttf") format("truetype");
    font-weight: 400;
    font-style: italic;
}

@font-face {
    font-family: "Neue Helvetica W01_n5";
    src: url("1b950d2a-907a-4888-8056-0d44e8e86338.eot?#iefix") format("eot")
}

@font-face {
    font-family: "Neue Helvetica W01";
    src: url("1b950d2a-907a-4888-8056-0d44e8e86338.eot?#iefix");
    src: url("1b950d2a-907a-4888-8056-0d44e8e86338.eot?#iefix") format("eot"), url("3a46542f-f429-4821-9a88-62e3be54a640.woff2") format("woff2"), url("50ac1699-f3d2-47b6-878f-67a368a17c41.woff") format("woff"), url("0be5590f-8353-4ef3-ada1-43ac380859f8.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: "Neue Helvetica W01_i5";
    src: url("e36efb7d-12e3-4773-a830-26e5652373ea.eot?#iefix") format("eot")
}

@font-face {
    font-family: "Neue Helvetica W01";
    src: url("e36efb7d-12e3-4773-a830-26e5652373ea.eot?#iefix");
    src: url("e36efb7d-12e3-4773-a830-26e5652373ea.eot?#iefix") format("eot"), url("261b4efb-3d70-4965-977d-38af9422700d.woff2") format("woff2"), url("2e00514e-1764-4250-a0c5-aca3e5a8d133.woff") format("woff"), url("e2fe2e07-9419-400f-953d-dc23cfa647a2.ttf") format("truetype");
    font-weight: 400;
    font-style: italic;
}

@font-face {
    font-family: "Neue Helvetica W01_n7";
    src: url("8a6c3e5a-88a5-430c-91d8-7767ce971d12.eot?#iefix") format("eot")
}

@font-face {
    font-family: "Neue Helvetica W01";
    src: url("8a6c3e5a-88a5-430c-91d8-7767ce971d12.eot?#iefix");
    src: url("8a6c3e5a-88a5-430c-91d8-7767ce971d12.eot?#iefix") format("eot"), url("531c5a28-5575-4f58-96d4-a80f7b702d7b.woff2") format("woff2"), url("439c5962-f9fe-4eaf-a1f6-f41d42edba75.woff") format("woff"), url("419a308d-b777-4f84-9235-2caf4a98ec23.ttf") format("truetype");
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: "Neue Helvetica W01_i7";
    src: url("52b6ae3e-9443-4acc-9bf9-f5154eeab77c.eot?#iefix") format("eot")
}

@font-face {
    font-family: "Neue Helvetica W01";
    src: url("52b6ae3e-9443-4acc-9bf9-f5154eeab77c.eot?#iefix");
    src: url("52b6ae3e-9443-4acc-9bf9-f5154eeab77c.eot?#iefix") format("eot"), url("ade4dbae-c607-4c84-a375-f0c4de0cc357.woff2") format("woff2"), url("5b864741-6f14-4ed9-a297-27a4d73edf51.woff") format("woff"), url("0cdccad5-a023-4a17-8ea9-01a0e6ad7ff4.ttf") format("truetype");
    font-weight: 700;
    font-style: italic;
}

@font-face {
    font-family: "Riona Sans W01_i5";
    src: url("f480fd5f-74a1-4791-b4b2-294ec6a56291.eot?#iefix") format("eot")
}

@font-face {
    font-family: "Riona Sans W01";
    src: url("f480fd5f-74a1-4791-b4b2-294ec6a56291.eot?#iefix");
    src: url("f480fd5f-74a1-4791-b4b2-294ec6a56291.eot?#iefix") format("eot"), url("ac0fbf01-b23b-4f69-b950-8011a0317879.woff2") format("woff2"), url("8277a7dc-cac9-49a9-8149-a7534f9386af.woff") format("woff"), url("65b70661-2c9d-4b70-beac-28ea8f5b0d13.ttf") format("truetype");
    font-weight: 400;
    font-style: italic;
}

@media screen {

    /*------------------------------------------------------------------------------------------------------*/
    /* (en) global settings of font-families and font-sizes */
    /* (de) Globale Einstellungen für Zeichensatz und Schriftgrößen */
    /*------------------------------------------------------------------------------------------------------*/
    /* (en) reset font size for all elements to standard (16 Pixel) */
    /* (de) Alle Schriftgrößen auf Standardgröße (16 Pixel) zurücksetzen */
    html {
        -webkit-text-size-adjust: none;
    }

    html * {
        font-size: 100.01%;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

}

@media all {

    /* (en) reset monospaced elements to font size 16px in all browsers */
    /* (de) Schriftgröße von monospaced Elemente in allen Browsern auf 16 Pixel setzen */
    /* @see: http://webkit.org/blog/67/strange-medium/ */
    textarea,
    pre,
    code,
    kbd,
    samp,
    var,
    tt {
        font-family: Consolas, 'Lucida Console', 'Andale Mono', 'Bitstream Vera Sans Mono', 'Courier New', Courier;
    }

    /* (en) base layout gets standard font size 14px */
    /* (de) Basis-Layout erhült Standardschriftgröße von 14 Pixeln */
    body {
        font-family: 'Neue Helvetica W01', Helvetica, Arial, sans-serif;
        font-size: 16px;
        color: #333333;
        line-height: 24px;
    }

    body * {
        font-weight: 400;
        font-style: normal;
    }


    /* (en) Headings */
    /* (de) Überschriften */
    /*------------------------------------------------------------------------------------------------------*/
    h1,
    h2,
    h3,
    h4,
    h5,
    [class*="-size"] {
        font-family: 'Neue Helvetica W01', Helvetica, Arial, sans-serif;
        font-weight: 400;
        font-style: normal;
        margin: 0 0 6px 0;
        position: relative;
    }

    h1.print {
        color: #ec6556;
    }

    h1.process {
        color: #1eb09b;
    }

    h1.maintain {
        color: #2f7fc2;
    }

    h1.base {
        color: #1f4b87;
    }

    h1.online {
        color: #785ba3;
    }

    h1.translate {
        color: #e59e33;
    }

    h1 {
        font-size: 38px;
        line-height: 48px;
        margin: 48px auto 24px auto;
        max-width: 785px;
        text-align: center;
    }

    .hero-image h1 {
        font-size: 54px;
        line-height: 62px;
        margin: 24px 24px 12px 24px;
    }

    .hero-image h2 {
        margin: 0 24px 12px 24px;
    }

    .hero-image h1,
    .hero-image h2 {
        background-color: rgba(255, 255, 255, 0.8);
        padding: 6px 12px;
        border-radius: 0;
        /*text-shadow:
           2px  2px 2px rgba(255, 255, 255, 1),
          -2px  2px 2px rgba(255, 255, 255, 1),
           2px -2px 2px rgba(255, 255, 255, 1),
          -2px -2px 2px rgba(255, 255, 255, 1),
               2px  2px 5px rgba(0, 0, 0, .5);*/
        /*text-shadow: 0 0 4px rgba(255, 255, 255, 0.5);*/
        display: inline-block;
        text-align: left;
    }

    .stickem-nav + .bg-blue + [class*="bg-"] .ym-wbox h1 {
        margin: 24px auto;
    }

    .page-headline h1 {
        margin: 0 auto;
    }

    h2,
    span.h2-size {
        font-size: 28px;
        line-height: 34px;
        max-width: 785px;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
        margin-bottom: 24px;
    }

    .ym-wbox > h1 + h2,
    .ym-wbox > h1 + p {
        margin-top: 72px;
    }

    .ym-wbox > * ~ h2 {
        margin-top: 24px;
    }

    .ym-wbox > p + h2,
    .ym-wbox > ul + h2 {
        margin-top: 48px;
    }

    h3,
    h4,
    span.h3-size {
        font-size: 20px;
        line-height: 26px;
        padding-top: 18px;
    }

    h3 span[class*='fa'],
    h4 span[class*='fa'] {
        padding-right: 4px;
    }

    .ym-col1 .page-headline,
    .ym-col1 h1,
    .ym-col1 h2 {
        max-width: 100%;
        /*text-align: left;*/
    }

    [class*="-size"] {
        padding: 0 0 0 20px;
        position: relative;
        display: inline-block;
    }

    [class*="-size"] .file-pdf-icon::before {
        font-family: 'Font Awesome 5 Free';
        font-weight: 400;
        position: absolute;
        top: 0;
        left: 0;
    }

    .h2-size .file-pdf-icon::before {
        font-size: 28px;
        line-height: 34px;
    }

    .h3-size .file-pdf-icon::before {
        font-size: 18px;
        line-height: 24px;
    }

    /* (en) Lists */
    /* (de) Listen */
    /*------------------------------------------------------------------------------------------------------*/
    ul,
    ol,
    dl {
        margin: 0 0 24px 0;
        list-style-type: none;
        position: relative;
    }

    li {
        line-height: 24px;
        margin: 0;
        word-wrap: break-word;
    }

    li.licircle {
        list-style-type: circle;
    }

    li.lisquare {
        list-style-type: square;
    }

    li.lidisc {
        list-style-type: disc;
    }

    li.libreak {
        padding: 0 0 0 12px;
        font-weight: 400;
        margin: 0 0 24px 0;
        position: relative;
    }

    li.linobreak {
        padding: 0 0 0 12px;
        font-weight: 400;
        margin: 0;
        position: relative;
    }

    li.linobreak:before,
    li.libreak:before {
        font-family: 'Font Awesome 5 Free';
        font-weight: 400;
        content: '\f105';
        font-size: 18px;
        position: absolute;
        left: 0;
        color: #333;
    }

    /* (en) general text formatting */
    /* (de) Allgemeine Textauszeichnung */
    /*------------------------------------------------------------------------------------------------------*/
    .content-align-center,
    .content-align-right,
    .content-align-left {
        display: block;
    }

    p {
        margin: 0;
        position: relative;
        word-wrap: break-word;
    }

    p.pbutton-link {
        position: absolute;
        bottom: 0;
        margin: 0 0 24px 0;
        color: #e1121a;
    }

    .content-align-center p.pbutton-link {
        left: 50%;
        transform: translate(-50%, 0);
    }

    a:hover ~ p.pbutton-link,
    a:hover ~ div p.pbutton-link {
        color: #e1121a;
    }

    p[class*='pdefault'],
    p[class*='psmall'],
    p[class*='pbig'] {
        font-family: 'Neue Helvetica W01', Helvetica, Arial, sans-serif;
        margin: 0 0 24px 0;
    }

    .text-default {
        font-family: 'Neue Helvetica W01', Helvetica, Arial, sans-serif;
    }

    .half-padding p[class*='pdefault'],
    .half-padding p[class*='psmall'],
    .half-padding p[class*='pbig'] {
        margin: 0 0 12px 0;
    }

    p.pdefault-center,
    p.psmall-center,
    p.pbig-center,
    .content-align-center {
        text-align: center;
    }

    p.pdefault-right,
    p.psmall-right,
    p.pbig-right,
    .content-align-right {
        text-align: right;
    }

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

    p[class*='psmall'],
    .text-small {
        font-family: 'Neue Helvetica W01', Helvetica, Arial, sans-serif;
        font-size: 12px;
        line-height: 20px;
    }

    p[class*='pbig'],
    .text-big {
        font-family: 'Neue Helvetica W01', Helvetica, Arial, sans-serif;
        font-size: 20px;
        line-height: 26px;
    }

    p[class*=-center] + p[class*=-center] {
        margin: 0 0 48px 0;
        line-height: 20px;
    }

    p.category-label span {
        background: #f8f8f8;
        padding: 2px 8px;
        border: 1px solid #e0e0e0;
        border-radius: 0;
    }

    p.social-media a {
        display: inline-block;
        vertical-align: bottom;
        padding: 0 12px 12px 0;
        font-size: 16px;
    }

    strong,
    b {
        font-family: 'Neue Helvetica W01', Helvetica, Arial, sans-serif;
        font-weight: 700;
    }

    h1 strong.print-only,
    h2 strong.print-only,
    h3 strong.print-only,
    h4 strong.print-only {
        font-family: 'Neue Helvetica W01', Helvetica, Arial, sans-serif;
        font-weight: 400;
    }

    p strong.print-only {
        font-family: 'Neue Helvetica W01', Helvetica, Arial, sans-serif;
        font-weight: 400;
    }

    em,
    i {
        font-style: italic;
    }

    sub,
    sup {
        font-size: 91.6667%;
    }

    .textcolor-red {
        color: #bf0202;
    }

    .textcolor-orange-dark {
        color: #bf6602;
    }

    .textcolor-orange-light {
        color: #bfbb02;
    }

    .textcolor-yellow {
        color: #bf0202;
    }

    .textcolor-green {
        color: #1b991c;
    }

    .textcolor-cb-blue {
        color: #001489;
    }

    /* (en) Links */
    /* (de) Verweise */
    /*------------------------------------------------------------------------------------------------------*/
    a,
    a:visited,
    a:focus,
    a:active,
    .link {
        color: #e1121a;
        background: transparent;
        text-decoration: none;
        -webkit-transition: all 0.3s ease;
        transition: all 0.3s ease;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    }

    a:hover,
    a:hover .link {
        text-decoration: none;
        color: #bf1815;
    }

    /* (en) Icons */
    /* (de) Icons */
    /*------------------------------------------------------------------------------------------------------*/
    .select2-results [class*='icon']::before {
        padding-left: 4px;
    }

    [class*='icon']::before {
        font-family: 'Font Awesome 5 Free';
        font-weight: 400;
        padding-right: 6px;
        width: 1em;
        display: inline-block;
        text-align: center;
    }

    table .fa.fa-lg,
    table .far.fa-lg,
    table .fal.fa-lg,
    .float-col .fa.fa-lg,
    .float-col .far.fa-lg,
    .float-col .fal.fa-lg,
    .select2-style-input .fa.fa-lg,
    .select2-style-input .far.fa-lg,
    .select2-style-input .fal.fa-lg {
        margin: 0;
        font-size: 20px;
        line-height: 6px;
    }

    .checkbox-table-head::before {
        padding: 0 0 0 5px;
    }

    .no-text[class*='icon']::before {
        padding-right: 0;
        width: auto;
    }

    [class*='angle-'][class*='-icon']::before {
        width: auto;
    }

    .user-icon::before {
        content: '\f007';
    }

    .users-icon::before {
        content: '\f0c0';
    }

    .envelope-icon::before {
        content: '\f0e0';
    }

    .login-icon::before {
        content: '\f090';
    }

    .logout-icon::before {
        content: '\f08b';
    }

    .ok-icon::before {
        content: '\f00c';
    }

    .form-group .ok-icon::before,
    .image-wrapper .ok-icon::before {
        font-weight: 900;
    }

    .cancel-icon::before {
        content: '\f00d';
    }

    .chevron-down-icon::before {
        content: '\f078';
    }

    .chevron-up-icon::before {
        content: '\f077';
    }

    .chevron-right-icon::before {
        content: '\f054';
    }

    .chevron-left-icon::before {
        content: '\f053';
    }

    .chevron-circle-right-icon::before {
        content: '\f138';
    }

    .chevron-circle-left-icon::before {
        content: '\f137';
    }

    .angle-right-icon::before {
        content: '\f105';
    }

    .angle-left-icon::before {
        content: '\f104';
    }

    .angle-up-icon::before {
        content: '\f106';
    }

    .angle-down-icon::before {
        content: '\f107';
    }

    .search-icon::before {
        content: '\f002';
    }

    .info-icon::before {
        content: '\f129';
    }

    .info-circle-icon::before {
        content: '\f05a';
    }

    .print-icon::before {
        content: '\f02f';
    }

    .phone-icon::before {
        content: '\f095';
    }

    .home-icon::before {
        content: '\f015';
    }

    .copyright-icon::before {
        content: '\f1f9';
    }

    .mapmarker-icon::before {
        content: '\f3c5';
    }

    .car-icon::before {
        content: '\f1b9';
    }

    .globe-icon::before {
        content: '\f0ac';
    }

    .cancel-round-icon::before {
        content: '\f057';
    }

    .calendar-icon::before {
        content: '\f073';
    }

    .bug-icon::before {
        content: '\f188';
    }

    .download-icon::before {
        content: '\f019';
    }

    .text-icon::before {
        content: '\f036';
    }

    .text-justify-icon::before {
        content: '\f039';
    }

    .image-icon::before {
        content: '\f03e';
    }

    .file-image-icon::before {
        content: '\f1c5';
    }

    .page-fragment-icon::before {
        content: '\f15b';
    }

    .angel-double-right-icon::before {
        content: '\f101';
    }

    .angel-double-left-icon::before {
        content: '\f100';
    }

    .angel-right-icon::before {
        content: '\f105';
    }

    .angel-left-icon::before {
        content: '\f104';
    }

    .cog-icon::before {
        content: '\f013';
    }

    .cogs-icon::before {
        content: '\f085';
    }

    .paper-clip-icon::before {
        content: '\f0c6';
    }

    .cart-icon::before {
        content: '\f07a';
    }

    .columns-icon::before {
        content: '\f0db';
    }

    .ellipsis-v-icon::before {
        content: '\f142';
    }

    .ellipsis-h-icon::before {
        content: '\f141';
    }

    .sliders-icon::before {
        content: '\f1de';
    }

    .fullscreen-icon::before {
        content: '\f0b2';
    }

    .share-icon::before {
        content: '\f064';
    }

    .trash-icon::before {
        content: '\f2ed';
    }

    .th-large-icon::before {
        content: '\f009';
    }

    .align-justify-icon::before {
        content: '\f039';
    }

    .plus-icon::before {
        content: '\f067';
    }

    .minus-icon::before {
        content: '\f068';
    }

    .th-list-icon::before {
        content: '\f00b';
    }

    .rotate-left-icon::before {
        content: '\f0e2';
    }

    .youtube-play-icon::before {
        font-family: 'Font Awesome 5 Brands';
        content: '\f167';
    }

    .external-link-square-icon::before {
        content: '\f14c';
    }

    .folder-open-icon::before {
        content: '\f07c';
    }

    .file-icon::before {
        content: '\f15b';
    }

    .file-icon-png::before {
        content: '\f15b';
        font-size: 28px;
    }

    .file-code-icon::before {
        content: "\f1c9";
    }

    .zip-icon::before {
        content: '\f1c6';
    }

    .file-pdf-icon::before {
        content: '\f1c1';
    }

    .excel-icon::before {
        content: '\f1c3';
    }

    .word-icon::before {
        content: '\f1c2';
    }

    .powerpoint-icon::before {
        content: '\f1c4';
    }

    .upload-icon::before {
        content: '\f093';
    }

    .building-icon::before {
        content: '\f1ad';
    }

    .check-square-o-icon::before {
        content: '\f14a';
    }

    .question-circle-icon::before {
        content: '\f059';
    }

    .thumbs-up-icon::before {
        content: '\f164';
    }

    .bullseye-arrow-icon::before {
        content: '\f648';
    }

    .bullseye-pointer-icon::before {
        content: '\f649';
    }

    .shield-check-icon::before {
        content: '\f2f7';
    }

    .share-alt-icon::before {
        content: '\f1e0';
    }

    .life-ring-icon::before {
        content: '\f1cd';
    }

    .comment-check-icon::before {
        content: '\f4ac';
    }

    .code-icon::before {
        content: '\f121';
    }

    .users-crown-icon::before {
        content: '\f6a5';
    }

    .tools-icon::before {
        content: '\f7d9';
    }

    .brain-icon::before {
        content: '\f5dc';
    }

    .handshake-icon::before {
        content: '\f2b5';
    }

    .handshake-icon::before {
        content: '\f2b5';
    }

    .userchart-icon::before {
        content: '\f6a3';
    }

    .eye-icon::before {
        content: '\f06e';
    }

    .file-icon-png::after {
        position: absolute;
        top: 7px;
        left: -10px;
        padding: 0 0 4px 0;
        font-size: 12px;
        line-height: 10px;
        background: #fff;
        content: 'png';
    }

    .minus-icon::before {
        content: '\f068';
    }

    .mug-hot-icon::before {
        content: '\f7b6';
    }

    .wifi-icon::before {
        content: '\f1eb';
    }

    .road-icon::before {
        content: '\f018';
    }

    .fighter-jet-icon::before {
        content: '\f0fb';
    }

    .user-graduate-icon::before {
        content: '\f501';
    }

    .edit-icon::before {
        content: '\f044';
    }

    .question-icon::before {
        content: '\f128';
    }

    .bars-icon::before {
        content: '\f0c9';
    }

    .list-icon::before {
        content: '\f03a';
    }

    .check-circle-icon::before {
        content: '\f058';
    }

    /* (en) Set bottom edge of all images to the bottom edge of the enclosed box (default is the textline) to avoid whitespace */
    /* (de) Unterkante aller Bilder auf die Unterkante der umschließenden Box setzen (Default ist die Schriftlinie), um Lücken zu verhindern */
    /*------------------------------------------------------------------------------------------------------*/
    img {
        box-sizing: border-box;
        vertical-align: bottom;
        height: auto;
        max-width: 100%;
    }

    .ym-wbox img {
        max-height: 785px;
    }

    img.img-tiny,
    .image-wrapper img.img-small {
        width: 108px;
    }

    img.img-small,
    .image-wrapper img.img-small {
        width: 200px;
    }

    img.img-medium,
    .image-wrapper img.img-medium {
        width: 400px;
    }

    /* (en) Format images with warpper class */
    /* (de) Formatierung von Bildern mit Wrapper-Klasse */
    /*------------------------------------------------------------------------------------------------------*/
    .image-wrapper {
        box-sizing: border-box;
        margin: 0 0 24px 0;
        display: inline-block;
        position: relative;
        max-width: 100%;
        vertical-align: bottom;
    }

    .image-wrapper.content-align-center,
    .image-wrapper.content-align-right {
        display: block;
    }

    .image-wrapper > a {
        display: inline-block;
        position: relative;
        max-width: 100%;
    }

    .image-wrapper > a + a {
        display: inline;
        position: static;
    }

    .pdefault .image-wrapper[class*='float'] {
        margin-bottom: 0;
    }

    .half-padding .image-wrapper.float-left {
        margin: 0 12px 12px 0;
    }

    /* (en) Format images captions */
    /* (de) Formatierung von Bildunterschriften */
    /*------------------------------------------------------------------------------------------------------*/
    .image-caption {
        display: block;
        padding: 0 0 0 16px;
        margin: 6px 0 0 0;
        position: relative;
        text-align: left;
    }

    .image-caption::before {
        font-family: 'Font Awesome 5 Free';
        font-weight: 400;
        content: '\f106';
        padding: 0;
        font-size: 16px;
        position: absolute;
        left: 0;
    }

    /* (en) Format hover state for images with lightbox	*/
    /* (de) Formatierung von Hover-Zuständen von Bildern mit Lightbox */
    /*------------------------------------------------------------------------------------------------------*/
    .magnify {
        display: block;
        background: rgba(0, 0, 0, 0.0);
        border: 0 none;
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        /* Force Hardware Acceleration */
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';
        filter: alpha(opacity=0);
        -webkit-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
    }

    .add-round-corners + .magnify {
        border-radius: 0;
    }

    .magnify:before {
        font-family: 'Font Awesome 5 Free';
        font-weight: 400;
        content: '\f0b2';
        text-shadow: 0 0 8px rgba(0, 0, 0, 0);
        transform: rotate(45deg);
        color: rgba(255, 255, 255, 0.0);
        font-size: 32px;
        line-height: 0;
        position: absolute;
        vertical-align: middle;
        text-align: center;
        width: 100%;
        top: 50%;
        left: 0;
        -webkit-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

    .image-wrapper:hover .magnify {
        background: rgba(0, 0, 0, 0.1);
    }

    .image-wrapper:hover .magnify:before {
        color: rgba(255, 255, 255, 1);
        text-shadow: 0 0 8px rgba(0, 0, 0, .5);
    }

    /* (en) Set responsiveness for video */
    /* (de) Resposive Verhalten für Videos ermöglichen */
    /*------------------------------------------------------------------------------------------------------*/
    .video,
    video,
    object {
        width: 100%;
        max-width: 640px;
    }

    .vid-container {
        width: 100%;
        height: 100%;
        text-align: center;
        line-height: 0;
        font-size: 0;
        overflow: hidden;
    }

    .vid-container-content {
        padding: 0;
        border-radius: 0;
        display: block;
        margin: 0 0 12px 0;
        position: relative;
        overflow: hidden;
        width: auto;
    }

    .image-wrapper .vid-container-content {
        padding: 0 48px;
    }

    .vid-container-content iframe {
        box-sizing: border-box;
    }

    /*------------------------------------------------------------------------------------------------------*/
    /* (en) standard classes for positioning and highlighting */
    /* (de) Standardklassen zur Positionierung und Hervorhebung */
    /*------------------------------------------------------------------------------------------------------*/
    .highlightedText {
        background: #001489;
        color: #fff;
        padding: 0 4px;
        border-radius: 0;
    }

    .quotation {
        font-family: 'Open Sans Italic', cnRegular, sans-serif;
        font-weight: 400;
        font-style: normal;
        display: block;
    }

    .quotation::before {
        font-family: 'Font Awesome 5 Free';
        font-weight: 400;
        content: '\f10e';
        font-style: italic;
        padding-right: 4px;
    }

    .quotation::after {
        font-family: 'Font Awesome 5 Free';
        font-style: italic;
        content: '\f10d';
        padding-left: 2px;
    }

    .quote-left {
        margin-left: 4px;
        position: absolute;
    }

    .quote-right {
        margin-right: 4px;
    }

    .float-col {
        display: table;
        width: 100%;
        box-sizing: border-box;
    }

    .float-col::before,
    .float-col::after {
        content: '';
        display: table;
        width: 100%;
    }

    .float-col .float-col,
    .float-col.float-right,
    .float-col.float-left,
    .half-padding .float-col .float-col,
    .half-padding .float-col.float-right,
    .half-padding .float-col.float-left {
        width: auto;
    }

    .float-col.add-shadow {
        padding: 24px;
        margin: 0 0 24px 0;
    }

    .float-col span[class*='fa'] {
        padding: 0 4px 0 2px;
    }

    .float-col > .float-left > [class*='icon'],
    .float-col > .float-right > [class*='icon'] {
        font-size: 48px;
        line-height: 48px;
        width: 60px;
        text-align: center;
        color: #001489;
        display: block;
    }

    .float-col > .float-left > [class*="-icon"]::before,
    .float-col > .float-right > [class*="-icon"]::before {
        padding: 0;
    }

    .float-wrapper::after,
    .float-wrapper::before {
        content: '';
        width: 100%;
        display: table;
    }

    .float-left {
        float: left;
        display: inline;
        margin: 0 24px 24px 0;
    }

    .float-right {
        float: right;
        display: inline;
        margin: 0 0 24px 24px;
    }

    .half-padding .float-left {
        margin: 0 12px 12px 0;
    }

    .half-padding .float-right {
        margin: 0 0 12px 12px;
    }

    .half-padding .float-col.float-left,
    .half-padding .float-col.float-right,
    .float-left > .image-wrapper,
    .float-right > .image-wrapper {
        margin: 0;
    }

    .float-center {
        display: block;
        text-align: center;
        margin: 24px auto;
    }

    /*------------------------------------------------------------------------------------------------------*/
    /* (en) Generic classes for table-width and design definition */
    /* (de) Generische Klassen für die Tabellenbreite und Gestaltungsvorschriften für Tabellen */
    /*------------------------------------------------------------------------------------------------------*/
    .table-wrapper {
        margin: 0 0 24px 0;
        padding: 0;
        background: #fff;
        border-radius: 0;
        overflow-y: auto;
    }

    .half-padding .table-wrapper {
        margin: 0 0 12px 0;
    }

    .table-wrapper.add-shadow {
        padding: 12px;
    }

    .table-wrapper.add-shadow h3 {
        background: #f8f8f8;
        color: #bf1815;
        padding: 4px 12px;
        border-radius: 0;
        border: none;
        margin: -12px -12px 12px -12px;
    }

    table {
        empty-cells: show;
        border-collapse: separate;
        border-spacing: 0;
        width: 100%;
        margin: 0;
        border-radius: 0;
        overflow: hidden;
        box-sizing: border-box;
    }

    th,
    td {
        padding: 8px 12px;
        font-weight: 400;
        text-align: left;
        vertical-align: top;
        position: relative;
    }

    td .magnify::before {
        font-size: 28px;
    }

    th {
        font-family: 'Neue Helvetica W01', Helvetica, Arial, sans-serif;
        font-weight: 700;
        vertical-align: top;
    }

    .no-wrap {
        white-space: nowrap;
    }

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

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

    .cell-align-middle {
        vertical-align: middle;
    }

    .col-width-50 {
        width: 50%;
    }

    .row-color-even {
        background: #eaecee;
    }

    .row-color-odd {
        background: #ffffff;
    }

    .total-sum-wrapper,
    .order-comment-wrapper {
        padding: 8px 12px;
        margin: 0 0 12px 0;
        border-radius: 0;
    }

    .total-sum-wrapper {
        background-color: #e1121a;
        color: #fff;
    }

    .total-sum,
    .order-comment {
        display: table;
        width: 100%;
    }

    .total-sum::before,
    .order-comment::before,
    .total-sum::after,
    .order-comment::after {
        content: '';
        display: table;
        width: 100%;
    }

    .total-sum-label {
        float: left;
    }

    .total-sum-amount {
        float: right
    }

    /*------------------------------------------------------------------------------------------------------*/
    /* (en) Basic Responsive Table */
    /* (de) Grundlegende responsive Tabelle */
    /*------------------------------------------------------------------------------------------------------*/
    .responsive-table {
        width: 100%;
        border-spacing: 0;
    }

    .responsive-table thead {
        position: relative;
        clip: auto;
        height: auto;
        width: auto;
        overflow: auto;
    }

    .responsive-table tr {
        display: table-row;
    }

    .responsive-table th,
    .responsive-table td {
        display: table-cell;
    }

    .responsive-table tbody td[data-title]:before {
        content: none;
    }

    .responsive-table td img {
        max-width: 120px;
        max-height: 60px;
    }


    /* (en) AddSearch */
    /* (de) AddSearch */
    /*------------------------------------------------------------------------------------------------------*/
    .search-result-screen-capture {
        height: 250px;
        line-height: 250px;
        min-width: 296px;
        width: auto;
        overflow: hidden;
        display: block;
    }

    .search-result-screen-capture a {
        display: block;
        height: 100%;
        width: 100%;
    }

    .search-result-screen-capture a:hover {
        border-color: transparent;
    }

    .search-result-screen-capture img {
        vertical-align: middle;
        max-height: none;
    }

    .search-result-screen-capture .fal.fa-image {
        font-size: 128px;
        line-height: 250px;
        padding: 0;
    }

    /* (en) Loading Animation  */
    /* (de) Loading Animation */
    /*------------------------------------------------------------------------------------------------------*/
    .spinner {
        margin: -50px auto 0;
        width: 70px;
        text-align: center;
    }

    .spinner > div {
        width: 18px;
        height: 18px;
        background-color: #e1121a;

        border-radius: 100%;
        display: inline-block;
        -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
        animation: sk-bouncedelay 1.4s infinite ease-in-out both;
    }

    .spinner .bounce1 {
        -webkit-animation-delay: -0.32s;
        animation-delay: -0.32s;
    }

    .spinner .bounce2 {
        -webkit-animation-delay: -0.16s;
        animation-delay: -0.16s;
    }

    @-webkit-keyframes sk-bouncedelay {

        0%,
        80%,
        100% {
            -webkit-transform: scale(0)
        }

        40% {
            -webkit-transform: scale(1.0)
        }
    }

    @keyframes sk-bouncedelay {

        0%,
        80%,
        100% {
            -webkit-transform: scale(0);
            transform: scale(0);
        }

        40% {
            -webkit-transform: scale(1.0);
            transform: scale(1.0);
        }
    }
}

/*------------------------------------------------------------------------------------------------------*/
/* (en) Media Query 980 */
/* (de) Media Query 980 */
/*------------------------------------------------------------------------------------------------------*/

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


    .linearize-level-1.float-col {
        display: block;
        margin: 0;
    }

    .linearize-level-1.linearize-center.float-col {
        text-align: center;
    }

    .linearize-level-1.float-col .float-col {
        display: block;
    }

    .linearize-level-1.float-col .float-left,
    .linearize-level-1.float-col .float-right {
        display: block;
        float: none;
        margin: 0 0 12px 0;
    }
}


/*------------------------------------------------------------------------------------------------------*/
/* (en) Media Query 850 */
/* (de) Media Query 850 */
/*------------------------------------------------------------------------------------------------------*/

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

    h1,
    h2,
    .page-headline {
        max-width: 100%;
    }

    .responsive-table thead {
        display: none;
    }

    .responsive-table thead th:first-of-type {
        text-align: left;
    }

    .responsive-table tbody,
    .responsive-table tr,
    .responsive-table th,
    .responsive-table td {
        display: block;
        text-align: left;
        white-space: normal;
    }

    .responsive-table th,
    .responsive-table td {
        vertical-align: middle;
    }

    .responsive-table tbody td {
        text-align: right;
    }

    .responsive-table tbody td[data-title]::before {
        font-weight: 700;
        content: attr(data-title);
        float: left;
    }
}

/*------------------------------------------------------------------------------------------------------*/
/* (en) Media Query 560 */
/* (de) Media Query 560 */
/*------------------------------------------------------------------------------------------------------*/

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

    h1 {
        font-size: 26px;
        line-height: 32px;
        margin: 12px auto;
    }

    .stickem-nav + .bg-white + [class*="bg-"] .ym-wbox h1 {
        margin: 24px auto 12px auto;
    }

    .hero-image h1 {
        font-size: 40px;
        line-height: 48px;
    }

    h2 {
        font-size: 20px;
        line-height: 28px;
        margin-bottom: 12px;

    }

    h3,
    h4 {
        margin: 0 0 12px 0;
    }

    h3,
    h4,
    p.pbig-center {
        font-size: 18px;
        line-height: 24px;
    }

    .ym-wbox > h1 + h2,
    .ym-wbox > h1 + p {
        margin-top: 24px;
    }

    .ym-wbox > * ~ h2 {
        margin-top: 12px;
    }

    .ym-wbox > p + h2,
    .ym-wbox > ul + h2 {
        margin-top: 24px;
    }

    ul,
    ol,
    dl,
    li.libreak,
    p[class*='pdefault'],
    p[class*='psmall'],
    p[class*='pbig'],
    .image-wrapper,
    video,
    object,
    .video,
    .vid-container-content,
    .table-wrapper {
        margin: 0 0 12px 0;
    }

    .linearize-level-1.float-col .float-left,
    .linearize-level-1.float-col .float-right {
        display: block;
        float: none;
        margin: 0 0 12px 0;
    }

    p.pbutton-link {
        position: relative;
        margin: 0 0 12px 0;
    }

    p[class*=-center] + p[class*=-center] {
        margin: 0 0 24px 0
    }

    .float-left {
        margin: 0 12px 12px 0;
    }

    .float-right {
        margin: 0 0 12px 12px;
    }

    .float-center {
        margin: 12px auto;
    }

    .float-col.add-shadow {
        padding: 12px;
        margin: 0 0 12px 0;
    }

    .linearize.image-wrapper.float-left,
    .linearize.image-wrapper.float-right {
        float: none;
        display: block;
        text-align: center;
        margin: 0 0 12px 0;
    }

    .linearize-level-1.float-col,
    .linearize-level-2.float-col {
        display: block;
        margin: 0;
    }

    .linearize-level-2.linearize-center.float-col {
        text-align: center;
    }

    .linearize-level-2.float-col .float-col {
        display: block;
    }

    .linearize-level-2.float-col .float-left,
    .linearize-level-2.float-col .float-right {
        display: block;
        float: none;
        margin: 0 0 12px 0;
    }

    .float-col > .float-left > [class*="-icon"],
    .float-col > .float-right > [class*="-icon"] {
        width: 100%;
        text-align: center;
    }
}

/*------------------------------------------------------------------------------------------------------*/
/* (en) Media Query 360 */
/* (de) Media Query 360 */
/*------------------------------------------------------------------------------------------------------*/

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

    .linearize.float-left,
    .linearize.float-right {
        float: none;
        display: block;
    }
}