/*
@font-face {
  font-family: 'ulman';
  src: url("//27006880.fs1.hubspotusercontent-eu1.net/hubfs/27006880/raw_assets/public/wem-ulman/fonts/icomoon-v2/fonts/ulman.eot?oudff0");
  src: url("//27006880.fs1.hubspotusercontent-eu1.net/hubfs/27006880/raw_assets/public/wem-ulman/fonts/icomoon-v2/fonts/ulman.eot?oudff0#iefix") format("embedded-opentype"),
  url("//27006880.fs1.hubspotusercontent-eu1.net/hubfs/27006880/raw_assets/public/wem-ulman/fonts/icomoon-v2/fonts/ulman.ttf?oudff0") format("truetype"),
  url("//27006880.fs1.hubspotusercontent-eu1.net/hubfs/27006880/raw_assets/public/wem-ulman/fonts/icomoon-v2/fonts/ulman.woff?oudff0") format("woff"),
  url("//27006880.fs1.hubspotusercontent-eu1.net/hubfs/27006880/raw_assets/public/wem-ulman/fonts/icomoon-v2/fonts/ulman.svg?oudff0#ulman") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}*/

.ul {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'ulman' !important;
  speak: never;
  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;
}

.ul-facebook:before {
  content: "\e94a";
}
.ul-instagram:before {
  content: "\e94b";
}
.ul-linkedin:before {
  content: "\e94c";
}
.ul-spotify:before {
  content: "\e94d";
}
.ul-twitter:before {
  content: "\e94e";
}
.ul-whatsapp:before {
  content: "\e94f";
}
.ul-xing:before {
  content: "\e950";
}
.ul-youtube:before {
  content: "\e951";
}
.ul-Meterware:before {
  content: "\e949";
}
.ul-PTFE-Verbundmembrane:before {
  content: "\e947";
}
.ul-Rollmembrane:before {
  content: "\e948";
}
.ul-externlink:before {
  content: "\e945";
}
.ul-link1:before {
  content: "\e946";
}
.ul-phone:before {
  content: "\e943";
}
.ul-person:before {
  content: "\e944";
}
.ul-abstreifer:before {
  content: "\e92e";
}
.ul-flachdichtung:before {
  content: "\e92f";
}
.ul-fuehrungsring:before {
  content: "\e930";
}
.ul-gammaring:before {
  content: "\e931";
}
.ul-individuell_Membrane:before {
  content: "\e932";
}
.ul-individuell_Sonderkonstruktion:before {
  content: "\e933";
}
.ul-kolbendichtung:before {
  content: "\e934";
}
.ul-m-Ring:before {
  content: "\e935";
}
.ul-membrane:before {
  content: "\e936";
}
.ul-o-Ring:before {
  content: "\e937";
}
.ul-PTFE-Membrane:before {
  content: "\e938";
}
.ul-radialwellendichtung:before {
  content: "\e939";
}
.ul-rechteckring:before {
  content: "\e93a";
}
.ul-rollmembrane:before {
  content: "\e93b";
}
.ul-rotationsdichtung:before {
  content: "\e93c";
}
.ul-stangendichtung:before {
  content: "\e93d";
}
.ul-stuetzring:before {
  content: "\e93e";
}
.ul-u-Ring:before {
  content: "\e93f";
}
.ul-v-Ring:before {
  content: "\e940";
}
.ul-verschlussklappe:before {
  content: "\e941";
}
.ul-x-Ring:before {
  content: "\e942";
}
.ul-download:before {
  content: "\e91e";
}
.ul-customers:before {
  content: "\e900";
}
.ul-logo .path1:before {
  content: "\e901";
  color: rgb(29, 29, 27);
}
.ul-logo .path2:before {
  content: "\e902";
  margin-left: -5.5em;
  color: rgb(29, 29, 27);
}
.ul-logo .path3:before {
  content: "\e903";
  margin-left: -5.5em;
  color: rgb(29, 29, 27);
}
.ul-logo .path4:before {
  content: "\e904";
  margin-left: -5.5em;
  color: rgb(29, 29, 27);
}
.ul-logo .path5:before {
  content: "\e905";
  margin-left: -5.5em;
  color: rgb(29, 29, 27);
}
.ul-logo .path6:before {
  content: "\e906";
  margin-left: -5.5em;
  color: rgb(29, 29, 27);
}
.ul-logo .path7:before {
  content: "\e907";
  margin-left: -5.5em;
  color: rgb(29, 29, 27);
}
.ul-logo .path8:before {
  content: "\e908";
  margin-left: -5.5em;
  color: rgb(29, 29, 27);
}
.ul-logo .path9:before {
  content: "\e909";
  margin-left: -5.5em;
  color: rgb(29, 29, 27);
}
.ul-logo .path10:before {
  content: "\e90a";
  margin-left: -5.5em;
  color: rgb(29, 29, 27);
}
.ul-logo .path11:before {
  content: "\e90b";
  margin-left: -5.5em;
  color: rgb(29, 29, 27);
}
.ul-logo .path12:before {
  content: "\e90c";
  margin-left: -5.5em;
  color: rgb(29, 29, 27);
}
.ul-logo .path13:before {
  content: "\e90d";
  margin-left: -5.5em;
  color: rgb(29, 29, 27);
}
.ul-logo .path14:before {
  content: "\e90e";
  margin-left: -5.5em;
  color: rgb(29, 29, 27);
}
.ul-logo .path15:before {
  content: "\e90f";
  margin-left: -5.5em;
  color: rgb(29, 29, 27);
}
.ul-logo .path16:before {
  content: "\e910";
  margin-left: -5.5em;
  color: rgb(29, 29, 27);
}
.ul-logo .path17:before {
  content: "\e911";
  margin-left: -5.5em;
  color: rgb(29, 29, 27);
}
.ul-logo .path18:before {
  content: "\e912";
  margin-left: -5.5em;
  color: rgb(29, 29, 27);
}
.ul-logo .path19:before {
  content: "\e913";
  margin-left: -5.5em;
  color: rgb(29, 29, 27);
}
.ul-logo .path20:before {
  content: "\e914";
  margin-left: -5.5em;
  color: rgb(29, 29, 27);
}
.ul-logo .path21:before {
  content: "\e915";
  margin-left: -5.5em;
  color: rgb(227, 5, 27);
}
.ul-logo .path22:before {
  content: "\e916";
  margin-left: -5.5em;
  color: rgb(29, 29, 27);
}
.ul-logo .path23:before {
  content: "\e917";
  margin-left: -5.5em;
  color: rgb(29, 29, 27);
}
.ul-logo .path24:before {
  content: "\e918";
  margin-left: -5.5em;
  color: rgb(29, 29, 27);
}
.ul-logo .path25:before {
  content: "\e919";
  margin-left: -5.5em;
  color: rgb(29, 29, 27);
}
.ul-logo .path26:before {
  content: "\e91a";
  margin-left: -5.5em;
  color: rgb(29, 29, 27);
}
.ul-amount:before {
  content: "\e91b";
}
.ul-growth:before {
  content: "\e91c";
}
.ul-warning:before {
  content: "\e91d";
}
.ul-pressure:before {
  content: "\e91f";
}
.ul-speed:before {
  content: "\e920";
}
.ul-material:before {
  content: "\e921";
}
.ul-temperature:before {
  content: "\e922";
}
.ul-bonus:before {
  content: "\e923";
}
.ul-training:before {
  content: "\e924";
}
.ul-work-life:before {
  content: "\e925";
}
.ul-link:before {
  content: "\e926";
}
.ul-innovation:before {
  content: "\e927";
}
.ul-contact:before {
  content: "\e928";
}
.ul-titan:before {
  content: "\e929";
}
.ul-search:before {
  content: "\e92a";
}
.ul-quality:before {
  content: "\e92b";
}
.ul-logo-icon:before {
  content: "\e92c";
}
.ul-reliability:before {
  content: "\e92d";
}

:root {
    --spacer-default: 50px;
    --headline-margin-bottom: 25px;
    --body-font-family: "Next", Helvetica, Arial, sans-serif;
    --body-color: #1d1d1b;
    --body-line-height: 1.5;
    --li-font-family: inherit;
    --li-line-height: 1.5;
    --blockquote-font-family: "Next", Helvetica, Arial, sans-serif;
    --blockquote-line-height: 1.5;
    --blockquote-font-weight: 400;
    --h1-font-family: "Next", Helvetica, Arial, sans-serif;
    --h1-font-weight: 400;
    --h1-line-height: 1.5;
    --h2-font-family: "Next", Helvetica, Arial, sans-serif;
    --h2-font-weight: 500;
    --h2-line-height: 1.5;
    --h3-font-family: "Next", Helvetica, Arial, sans-serif;
    --h3-font-weight: 500;
    --h3-line-height: 1.5;
    --h4-font-family: "Next", Helvetica, Arial, sans-serif;
    --h4-font-weight: 500;
    --h4-line-height: 1.5;
    --h5-font-family: "Next", Helvetica, Arial, sans-serif;
    --h5-font-weight: 500;
    --h5-line-height: 1.5;
    --h6-font-family: "Next", Helvetica, Arial, sans-serif;
    --h6-font-weight: 500;
    --h6-line-height: 1.5; 
    --hero-banner-item-height-dense: 200px;

    --tab-button-color: var(--body-color);
    --tab-button-background-color: transparent;
    --tab-button-border-color: var(--primary);
    --tab-button-border-width: 3px;
    --tab-button-font-size: 18px;
    --tab-button-hover-color: var(--primary);
    --tab-button-hover-background-color: transparent;
    --tab-button-hover-border-color: var(--primary);
    --tab-button-active-color: var(--primary);
    --tab-button-active-background-color:transparent;
    --tab-button-active-border-color: var(--primary);
    --tab-button-disabled-color: #c6c9cc;
    --tab-button-disabled-background-color: var(--body-color);
    --tab-button-disabled-border-color: transparent;
    --tab-navigation-size: 1.5rem;

    --hs-banner-padding: 1rem;
    --hs-banner-modal-padding: 1rem;
    --hs-banner-font-size: 12px;
    --hs-banner-modal-font-size: 12px;
    --hs-banner-line-height: 15px;
    --hs-banner-width: 100%;
    --hs-banner-modal-width: 100%;
    --hs-banner-corners: 0;
    --hs-banner-button-corners: 0;
    --hs-banner-modal-button-corners: 0;
    --hs-banner-modal-corners: 0;
    --hs-banner-text-color: var(--body-color);
    --hs-banner-modal-text-color: var(--body-color);
}

#hs-banner-parent * {
    font-size: var(--hs-banner-font-size, inherit) !important;
    line-height: var(--hs-banner-line-height, inherit) !important;
}

#hs-banner-parent #hs-eu-cookie-confirmation {
    max-width: 100% !important;
}
@media screen and (max-width: 413px) {
    body #hs-banner-parent #hs-modal-content,
    body #hs-banner-parent #hs-eu-cookie-confirmation.hs-cookie-notification-position-bottom {
        top: auto !important;
        bottom: 0;
    } 
    body #hs-modal-content #hs-categories-container .hs-category-row {
        padding: calc(var(--grid-gutter) / 2)
    }
}

@media screen and (min-width: 768px) {
    :root {
        --spacer-default: 100px;
        --headline-margin-bottom: 50px;
        --hero-banner-item-height-dense: 330px;

        --hs-banner-padding: 1rem;
        --hs-banner-font-size: inherit;
        --hs-banner-modal-font-size: inherit;
        --hs-banner-line-height: inherit;
        --hs-banner-width: 67em;
        --hs-banner-modal-width: 67em;
    }

    #hs-banner-parent #hs-eu-cookie-confirmation {
        max-width: calc(100% - 64px) !important;
    }
}

@media screen and (min-width: 1140px) {
    :root {
        --fact-figures-icon-margin: calc(var(--grid-gutter)/4);
    }
}

.footer .container-fluid {
    padding: 0;
}
/***
 * Hero Banner
 */

.hero-banner {
    --hero-banner-content-align: flex-start;
    --hero-banner-padding-bottom: var(--spacer-l);
    --hero-banner-padding-top: var(--spacer-m);
    --headline-margin-bottom: 0;
  overflow:hidden;
}

.hero-banner__content .hs_cos_wrapper_type_inline_text {
    color: #fff;
    display: table;
}
.hero-banner__content .hs_cos_wrapper_type_inline_text,
.hero-banner__content .hero-banner__headline .element-header>span {
    color: var(--body-color) !important;
    background: rgba(255,255,255,0.75);
    padding: 5px 10px;
}

.hero-banner__content .hs_cos_wrapper_type_inline_text,
.hero-banner__content .hs_cos_wrapper_type_inline_text > *,
.hero-banner__content .hero-banner__headline .element-header>span {
    line-height: 1;
}
.hero-banner__wrapper .slider-nav {
    width: var(--max-container-width);
    max-width: 100%;
    text-align: right;
    padding-right: calc(var(--grid-gutter) / 2);
    position: absolute;
    bottom: calc(var(--grid-gutter) / 2);
    left: 50%;
    transform: translateX(-50%);
    margin-top: 0;
}

.hero-banner img.hero-banner__footer {
    position: absolute;
    z-index: 4;
    bottom: 0;
}

.slider--highlighted .slide__item .card .card__image:before {
    display: none;
}
.slider--highlighted .slide__item .card--teaser .card__header .element-header {
    color: #000000 !important;
}
.card--teaser .card__header .element-header {
    font-weight: 400;
}

.text-media.quote .module-background {
    margin: 0 auto;
    max-width: calc(var(--max-container-width) - var(--grid-gutter));
}

.newsletter-box form label {
    color: #fff;
}

.newsletter-box form .hs-input.invalid.error {
    color:#fff !important;
}
form input[type=email] {
    color: #fff;
    border-radius: 0 !important;
}
form input[type=email]:focus,
form input[type=email]:focus-visible {
    border-color: #fff !important;
}

.newsletter-box form .hs-input {
    background: transparent;
    border-top: 0;
    border-left: 0;
    border-right: 0;
}

.newsletter-box form .hs-button.primary{
    background: transparent;
    border: 1px solid #fff;
}

.bg-split-red-grey {
    background: rgba(229,33,38);
}

@media screen and (min-width: 768px) {
    .bg-split-red-grey {
        background: rgb(82,82,81);
        background: -moz-linear-gradient(270deg, rgba(82,82,81,1) 0%, rgba(82,82,81,1) 50%, rgba(229,33,38,1) 50%, rgba(229,33,38,1) 100%);
        background: -webkit-linear-gradient(270deg, rgba(82,82,81,1) 0%, rgba(82,82,81,1) 50%, rgba(229,33,38,1) 50%, rgba(229,33,38,1) 100%);
        background: linear-gradient(270deg, rgba(82,82,81,1) 0%, rgba(82,82,81,1) 50%, rgba(229,33,38,1) 50%, rgba(229,33,38,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#525251",endColorstr="#e52126",GradientType=1);
    }

    .bg-split-red-grey:before {
        content: "";
        position: absolute;
        left: 50%;
        right: 0;
        top: 0;
        bottom: 0;
        background-image: url('//27006880.fs1.hubspotusercontent-eu1.net/hubfs/27006880/raw_assets/public/wem-ulman/images/mockups/01_Home/Ulman_Logo-Icon-white.svg');
        background-position: center center;
        background-repeat: no-repeat;
        opacity: 0.2;
        background-size: 100%;
        max-width: 600px;
        z-index: 1;
        transform: translateX(-50%);
    }

    .newsletter-box :before {
        content: "";
        position: absolute;
        left: calc(var(--grid-gutter) / -2);
        right: 0;
        top: 0;
        bottom: 0;
        background-image: url('//27006880.fs1.hubspotusercontent-eu1.net/hubfs/27006880/raw_assets/public/wem-ulman/images/mockups/01_Home/Newsletter_Muster.png');
        background-position: center center;
        background-repeat: no-repeat;
        opacity: 0.2;
        background-size: cover;
        z-index: -1;
        width: calc(100% - (var(--grid-gutter) / 2));
        transform: translateX(-50%);
    }

    .text-media.intend-left .module-background {
        left: calc(50% - (var(--grid-gutter) * 4));
        width: calc(50% + var(--grid-gutter)*4);
    }

    .fact-figures:after {
        content: url('//27006880.fs1.hubspotusercontent-eu1.net/hubfs/27006880/raw_assets/public/wem-ulman/images/hero-banner/subpages.svg');
        position: absolute;
        bottom: -52px;
        left: 0;
        right: 0;
        top: auto;
    }

    .hero-banner:not(.hero-banner--as-slider):after,
    .hero-banner .tns-ovh:after {
        content: url('//27006880.fs1.hubspotusercontent-eu1.net/hubfs/27006880/raw_assets/public/wem-ulman/images/hero-banner/subpages.svg');
        position: absolute;
        bottom: -25px;
        left: -5px;
        right: -5px;
        top: auto;
        z-index: 3;
    }
}

.ulman-group-list img {
  max-height: 29px;
  display: block;
  margin: 0 0 10px;
  width: auto !important;
}


/*
.partner-row img {
    height: auto !important;
    max-width: 120px !important;
}
*/

@media screen and (max-width: 767px) {
  .partner-row .row > div:first-of-type > div {
    justify-content: center;
  }
}

.partner-row .element-header {
    margin-bottom: 0;
}

.fact-figures {
    --headline-margin-bottom: 60px;
}



.rounded-categories .multi-column__item.multi-column__item--media {
    border-radius: 50%;
    border: 1px solid transparent;
    overflow: hidden;
    background: #fff;
    margin-bottom: calc(var(--grid-gutter) / 2);
}

.rounded-categories .multi-column__item.multi-column__item--media a,
.rounded-categories .multi-column__item.multi-column__item--media img,{
    display: block;
}

.rounded-categories .multi-column__item.multi-column__item--headline .element-header {
    font-weight: 400;
}

.slider.contact-persons .card .card__image--ratio.card__image--ratio-16-9:after {
    min-height: 340px;
}

.slider.contact-persons .card .card__image.card__image--overlayed:before {
    background-color: transparent !important;
    background: transparent !important;
    cursor: pointer;
    transition: background .3s ease-in-out !important;

}
.slider.contact-persons .card:hover .card__image.card__image--overlayed:before,
.slider.contact-persons .card .card__image.card__image--overlayed:hover:before {
    transition: background .3s ease-in-out !important;
    background: rgba(247, 247, 247, 1.0) !important;
    background-color: rgba(247, 247, 247, 1.0) !important;
    /*background: -moz-linear-gradient(top,rgba(51,71,91,0.40) 0%,rgba(0,0,0,1) 100%) !important;
    background: -webkit-linear-gradient(top,rgba(51,71,91,0.40) 0%,rgba(0,0,0,1) 100%) !important;
    background: linear-gradient(top,rgba(51,71,91,0.40) 0%,rgba(0,0,0,1) 100%) !important;*/
}
.slider.contact-persons .card .card__image.card__image--overlayed:before,
.slider.contact-persons .card .card__image.card__image--overlayed:before {
    background: -moz-linear-gradient(top,rgba(51,71,91,0.40) 60%,rgba(0,0,0,1) 95%) !important;
    background: -webkit-linear-gradient(top,rgba(51,71,91,0.0) 60%,rgba(0,0,0,1) 95%) !important;
    background: linear-gradient(top,rgba(51,71,91,0.40) 60%,rgba(0,0,0,1) 95%) !important;
}
.slider.contact-persons .card:hover .card__body,
.slider.contact-persons .card:hover .card__body h5 {
    color: var(--body-color) !important;
}



.hero-banner .slider-nav {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    bottom: calc(var(--grid-gutter) * 1);
    align-items: flex-start;
    justify-content: flex-end;
    position: relative;
    padding-top: 10px;
}
@media screen and (max-width: 768px) {
    .hero-banner .slider-nav {
        padding-top: calc(var(--grid-gutter) * 2);
    }
}
@media screen and (max-width: 992px) {
    .hero-banner .slider-nav {
        margin-right: calc(var(--grid-gutter) / 2);
    }
}

.button {
    position: relative;
}
.button:not(.tab__button):not(.search__btn):not(.sticky__contact):after {
    content: " ";
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 22 22' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' x='0px' y='0px' width='100%25' height='100%25'%3E%3Cg id='Layer%25201'%3E%3Cpath d='M 14.4775 10.3975 L 9.2876 5.2178 C 8.9878 4.9277 8.5176 4.9277 8.2178 5.2178 C 7.9277 5.5078 7.9277 5.9775 8.2178 6.2778 L 12.8779 10.9277 L 8.2178 15.5879 C 7.9277 15.8779 7.9277 16.3477 8.2178 16.6475 C 8.5176 16.9277 8.9878 16.9277 9.2876 16.6475 L 14.4678 11.4575 C 14.7578 11.1577 14.7578 10.6875 14.4775 10.3975 L 14.4775 10.3975 Z' fill='currentColor'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
    width: 18px;
    height: 18px;
    display: inline-block;
    position: relative;
    background-repeat: no-repeat;
    background-position: center center;
    transform: translateY(5px);
}
.button:hover:after {
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 22 22' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' x='0px' y='0px' width='100%25' height='100%25'%3E%3Cg id='Layer%25201'%3E%3Cpath d='M 14.4775 10.3975 L 9.2876 5.2178 C 8.9878 4.9277 8.5176 4.9277 8.2178 5.2178 C 7.9277 5.5078 7.9277 5.9775 8.2178 6.2778 L 12.8779 10.9277 L 8.2178 15.5879 C 7.9277 15.8779 7.9277 16.3477 8.2178 16.6475 C 8.5176 16.9277 8.9878 16.9277 9.2876 16.6475 L 14.4678 11.4575 C 14.7578 11.1577 14.7578 10.6875 14.4775 10.3975 L 14.4775 10.3975 Z' fill='%23ffffff'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");

}

.button.button--dark-outline:focus:after,
.button.button--dark-outline:hover:after,
.button.button--light-outline:after,
.button.button--primary:after {
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 22 22' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' x='0px' y='0px' width='100%25' height='100%25'%3E%3Cg id='Layer%25201'%3E%3Cpath d='M 14.4775 10.3975 L 9.2876 5.2178 C 8.9878 4.9277 8.5176 4.9277 8.2178 5.2178 C 7.9277 5.5078 7.9277 5.9775 8.2178 6.2778 L 12.8779 10.9277 L 8.2178 15.5879 C 7.9277 15.8779 7.9277 16.3477 8.2178 16.6475 C 8.5176 16.9277 8.9878 16.9277 9.2876 16.6475 L 14.4678 11.4575 C 14.7578 11.1577 14.7578 10.6875 14.4775 10.3975 L 14.4775 10.3975 Z' fill='%23ffffff'%3E%3C/path%3E%3C/g%3E%3C/svg%3E") !important;
}
.button.button--light-outline:focus:after,
.button.button--light-outline:hover:after {
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 22 22' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' x='0px' y='0px' width='100%25' height='100%25'%3E%3Cg id='Layer%25201'%3E%3Cpath d='M 14.4775 10.3975 L 9.2876 5.2178 C 8.9878 4.9277 8.5176 4.9277 8.2178 5.2178 C 7.9277 5.5078 7.9277 5.9775 8.2178 6.2778 L 12.8779 10.9277 L 8.2178 15.5879 C 7.9277 15.8779 7.9277 16.3477 8.2178 16.6475 C 8.5176 16.9277 8.9878 16.9277 9.2876 16.6475 L 14.4678 11.4575 C 14.7578 11.1577 14.7578 10.6875 14.4775 10.3975 L 14.4775 10.3975 Z' fill='%231d1d1b'%3E%3C/path%3E%3C/g%3E%3C/svg%3E")!important;
}

.tab__buttons {
    border-bottom: 3px solid #E5E5E5;
}
.tab__button {
    border-left: 0;
    border-bottom: 3px solid transparent;
    margin-bottom: -3px;
    padding: 10px 30px 10px 0;

    font-size: 18px;
    font-weight: 500;
}

@media screen and (min-width: 768px) {
    .tab__button {
        margin-left: 30px !important;
    }
}

.tab__button:first-child {
    padding-left: 0;
    margin-left: 0 !important;
}
.tab__button:not(:disabled):not(.disabled).tab__button--active:focus,
.tab__button:not(:disabled):not(.disabled):active:focus,
.tab__button:not(:disabled):not(.disabled).tab__button--active, .tab__button:not(:disabled):not(.disabled):active {
    border-bottom: 3px solid var(--primary);
    border-color: var(--primary) !important;
}

.tab__button:not(:disabled):not(.disabled).tab__button--active, .tab__button:not(:disabled):not(.disabled):active {
    border-top: 0;
    border-right: 0;
    border-left: 0;
}

.tab__panel {
    padding: calc(var(--grid-gutter)) 0 !important;
}

.list-plus {
    list-style-type: none;
    position: relative;
    padding-left: 30px;
}
.list-plus li {
    min-height: 35px;
}
.list-plus li:before {
    content: " ";
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd' clip-rule='evenodd'%3E%3Cpath fill='%23e52126' d='M11.5 0c6.347 0 11.5 5.153 11.5 11.5s-5.153 11.5-11.5 11.5-11.5-5.153-11.5-11.5 5.153-11.5 11.5-11.5zm0 1c5.795 0 10.5 4.705 10.5 10.5s-4.705 10.5-10.5 10.5-10.5-4.705-10.5-10.5 4.705-10.5 10.5-10.5zm.5 10h6v1h-6v6h-1v-6h-6v-1h6v-6h1v6z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    width: 25px;
    height: 25px;
    display: inline-block;
    position: absolute;
    color: var(--primary);
    left: 0;
}

.card {
    box-shadow: 0px 3px 6px #00000029 !important;
}

.header__langnav__link {
    text-transform: uppercase;
}

.product-nav .card__image.card__image--ratio:after {
    padding-bottom: 30% !important;
}

.multi-columns-borders .row.align-items-center  {
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: stretch !important;

}
.multi-columns-borders .row.align-items-center > * {
    display: flex;
    justify-content: center;
    margin-bottom: 20px;

}
.multi-columns-borders .multi-column__content {
    border-radius: 50%;
    border: 1px solid transparent;
    background: rgba(255,255,255,0.1);
    height: 100%;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    min-height: 270px;
    max-width: 270px;
    min-width: 270px;
}

@media screen and (max-width: 992px) {
    .multi-columns-borders .multi-column__content {
        height: 170px;
        width: 170px;
        min-height: 170px;
        min-width: 170px;
        max-width: 170px;
    }
    .multi-columns-borders .multi-column__content .element-header {
        font-size: 1rem;
    }
}


.multi-columns-borders .multi-column__content .element-header {
    margin-bottom: 0;
}

.error-page {
    text-align: left;
    padding-top: 0;
}

.error-page:before {
    text-align: center;
}

.error-page .hs_cos_wrapper {
    text-align: center;
    padding-top: 20rem;
}

.fact-figures__item {
    justify-content: center !important;
}

@media screen and (max-width: 992px) {
    .contact-teaser .text-media__image img {
        max-width: 300px;
        object-fit: contain;
    }
}

@media(max-width: 768px) {
.multi-column__content {
  margin-bottom: 10px;
  }
}

.download-list {
    padding: 0;
    list-style: none;
}

.download-list li {
    padding: 0;
    list-style: none;
    display: inline-block;
    margin-right: var(--grid-gutter);
}
.download-list li a {
    color: var(--body-font-color);

}

.blog-related-posts__post {
    height: 100%;
    margin-right: 3px;
}

#blog-related-posts > .tns-item {
    padding-bottom: 30px;
    margin: 0 3px;
}

b, strong {
  font-weight: 500;
}

.blog-card .card__title {
    min-height: auto !important;
}

.hero-banner__content .hero-banner__headline .element-header > span > span {
  display: block;
  font-size: var(--h4-font-size);
  margin: 0.5rem 0
}

.mutli-column--card {
    height: 100%;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-clip: border-box;
    border: 0 solid rgba(0, 0, 0, 0.125);
    -webkit-box-shadow: 0 0.0625rem 0.125rem rgba(0, 0, 0, 0.15);
    box-shadow: 0 0.0625rem 0.125rem rgba(0, 0, 0, 0.15);
}

.mutli-column--card > *:not(.multi-column__item--media) {
    padding: 0 calc(var(--grid-gutter) / 2) calc(var(--grid-gutter) / 2);
}

.mutli-column--card .multi-column__item--media img {
    width: 100%;
    margin-bottom: 10px;
}

.multi-column-cards .align-items-start {
    align-items: stretch!important;
}

}

.blog-related-posts {
    position: relative;
}

.blog-related-posts .tns-controls {
    display: none;
}

img {
  display: block;
}


.contact.wem-module .contact__address > div {
  font-size: inherit;
}

.button.button--dark-outline,
.button.button--dark-outline:active,
.button.button--light-outline,
.button.button--light-outline:active {
  padding: 8px 16px;
}

@media (min-width: 768px) {
  .button.button--dark-outline,
  .button.button--dark-outline:active,
  .button.button--light-outline,
  .button.button--light-outline:active {
      padding: 8px 16px;
  }
}

.body-wrapper .blog-card .card__footer {
  padding: calc(var(--grid-gutter)/2) calc(var(--grid-gutter)/2) var(--grid-gutter);
}

.body-wrapper .blog-slider__item .card__body  {
  padding: 0 calc(var(--grid-gutter)/2) calc(var(--grid-gutter)/2);
}

.body-wrapper .blog-card .card__footer:before {
  right: calc(var(--grid-gutter)/2);
}

.body-wrapper [data-fslightbox]::before {
  color: #C0C0C0;
  font-weight: 400;
}

.body-wrapper .footer .footer__bottom .footer__informations {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.body-wrapper .button.button--dark-outline:focus,
.body-wrapper .button.button--dark-outline:hover {
  border-color: rgba(29,29,27,.7);
}

#hs-banner-parent #hs-eu-cookie-confirmation {
  font-family: var(--body-font-family) !important;
}

.body-wrapper .header__navigation .header__search--field {
  padding-right: 50px;
}

@media (max-width: 413px) {
  #hs-banner-parent #hs-eu-cookie-confirmation.hs-cookie-notification-position-bottom {
    top: 20% !important;
    overflow-y: auto !important;
  }
}

@media (min-width: 769px) and (max-width: 991px) {
  .footer__informations ul li:first-of-type {
    padding-left: 0;
  }
}

@media (min-width: 960px) {
  .body-wrapper .header__navigation .navbar {
      display: none;
  }
}

@media (min-width: 992px) {
  .body-wrapper .header__navigation .navbar {
    display: flex;
    justify-content: flex-end;
    width: 100%;
  }
}

@media (min-width: 960px) {
  .body-wrapper .header__navigation {
    flex-direction: row;
  }
  .body-wrapper .header__hamburger {
    display: block;
  }
}

@media (min-width: 992px) {
  .body-wrapper .header__navigation {
    flex-direction: column;
  }
  .body-wrapper .header__hamburger {
    display: none;
  }
}

.blog-post__tags svg {
  width: 18px;
  height: 18px;
}


.footer__header {
  padding: 0;
}

@media (max-width: 459px) {
  .hero-banner__content h1,
  .hero-banner__content .h1,
  .hero-banner__content h2,
  .hero-banner__content .h2 {
    font-size: var(--h3-font-size);
  }
  .hero-banner__content a.button {
      padding: 5px 10px;
  }
}


@media (max-width: 575px) {
  button.footer__header,
  button.footer__header:hover,
  button.footer__header:active,
  button.footer__header:focus-within,
  button.footer__header:focus {
    padding: 10px 0;
  }
  .footer .footer__down .footer__main .footer__logo {
    margin-top: 20px;
  }
  .footer .footer__down .footer__main .footer__logo--titan {
    margin-top: -20px;
  }
  .body-wrapper .footer .footer__bottom .footer__informations {
    margin: 10px 0;
  }
  .body-wrapper .footer .footer__bottom {
    padding-top: 30px;
  }
  .footer-list a {
    display: block
  }
}  

.downloadlist .row>* {
  display: flex;
}

.downloadlist .row>* .card {
  flex: 1;
}

.blog-card__content {
  height: auto;
}