@charset "UTF-8";
@import url(https://use.fontawesome.com/releases/v5.14.0/css/all.css);

@font-face {
    font-family: HelveticaNeueLTPro-Bd;
    src: url(../Fonts/HelveticaNeueLTPro-Bd.ttf) format("truetype")
}

@font-face {
    font-family: HelveticaNeueLTPro-Blk;
    src: url(../Fonts/HelveticaNeueLTPro-Blk.ttf) format("truetype")
}

@font-face {
    font-family: HelveticaNeueLTPro-Cn;
    src: url(../Fonts/HelveticaNeueLTPro-Cn.ttf) format("truetype")
}

@font-face {
    font-family: HelveticaNeueLTPro-It;
    src: url(../Fonts/HelveticaNeueLTPro-It.ttf) format("truetype")
}

@font-face {
    font-family: HelveticaNeueLTPro-Lt;
    src: url(../Fonts/HelveticaNeueLTPro-Lt.ttf) format("truetype")
}

@font-face {
    font-family: HelveticaNeueLTPro-Md;
    src: url(../Fonts/HelveticaNeueLTPro-Md.ttf) format("truetype")
}

@font-face {
    font-family: HelveticaNeueLTPro-Roman;
    src: url(../Fonts/HelveticaNeueLTPro-Roman.ttf) format("truetype")
}

@font-face {
    font-family: HelveticaNeueLTPro-Th;
    src: url(../Fonts/HelveticaNeueLTPro-Th.ttf) format("truetype")
}

@media (min-width:1200px) {
    .container, .container-lg, .container-md {
        max-width: 85%
    }
}

@media (min-width:1500px) {
    .container, .container-lg, .container-md {
        max-width: 80%
    }
}

body {
    color: #575756;
    font-family: HelveticaNeueLTPro-Lt;
    font-size: 16px
}

.more-link {
    color: #d10028;
    border: 1px solid #d10028;
    border-radius: 30px;
    margin-top: 1rem;
    display: inline-block;
    padding: 13px 0;
    width: 14rem;
    text-align: center
}

.breadcrumb-link {
    color: #575756
}

.external-link {
    color: #d10028
}

.external-link:hover {
    text-decoration: none !important;
    color: #d10028
}

.external-link:before {
    margin: 0 .5rem;
    content: "\f35d";
    font-family: Font Awesome\ 5 Free;
    font-weight: 900
}

.mail-link {
    color: #d10028
}

.mail-link:hover {
    text-decoration: none !important;
    color: #d10028
}

.mail-link:before {
    margin: 0 .5rem;
    content: "\f0e0";
    font-family: Font Awesome\ 5 Free;
    font-weight: 900
}

.map-link {
    color: #d10028
}

.map-link:hover {
    text-decoration: none !important;
    color: #d10028
}

.map-link:before {
    margin: 0 .5rem;
    content: "\f5a0";
    font-family: Font Awesome\ 5 Free;
    font-weight: 900
}

.lang-link {
    color: #d10028
}

.lang-link:hover {
    text-decoration: none !important;
    color: #d10028
}

.lang-link:before {
    margin: 0 .5rem;
    content: "\f0ac";
    font-family: Font Awesome\ 5 Free;
    font-weight: 900
}

a {
    color: #d10028
}

.link-box {
    color: #575756
}

.link-box:hover {
    text-decoration: none;
    color: #575756
}

.link-box .fa-chevron-left, .link-box .fa-chevron-right {
    font-size: 3rem;
    color: #b2b2b2
}

.blättermenu a {
    color: #575756 !important
}

.text-red {
    color: #d10028
}

.text-white {
    color: #fff
}

.text-white .more-link {
    color: #fff;
    border: 1px solid #fff
}

.text-big {
    font-size: 2.8rem
}

@media (min-width:1200px) {
    .text-big {
        font-size: 4rem
    }
}

@media (min-width:1500px) {
    .text-big {
        font-size: 5rem
    }
}

.meta-nav .nav-link {
    color: #575756;
    font-size: 1.25rem;
    font-family: HelveticaNeueLTPro-Lt
}

.main-nav .nav-link {
    color: #575756;
    font-size: 1.3rem;
    font-family: HelveticaNeueLTPro-Lt;
    white-space: nowrap
}

.subpage-nav .nav-link {
    font-size: 1.2rem
}


.dropdown-sub-toggle {
    font-size: 1.45rem;
    font-family: HelveticaNeueLTPro-Lt;
    color: #00000073
}

@media (min-width:1200px) {
    .dropdown-sub-toggle {
        font-size: 1.75rem
    }
}

h1, h2, h3, h4, h5, h6 {
    margin: 0
}


a:hover, p:hover {
    text-decoration: none
}

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

h1 {
    font-size: 2.7rem;
    color: #d10028
}

@media (min-width:1200px) {
    h1 {
        font-size: 3.4375rem
    }
}

h1 sup {
    top: -.35em
}

h2 {
    font-size: 2.3rem;
    color: #575756
}

@media (min-width:1200px) {
    h2 {
        font-size: 2.75rem
    }
}

h3 {
    font-size: 2.2rem;
    color: #d10028
}

h4, h4 a {
    font-size: 1.8rem;
    color: #575756
}

@media (min-width:992px) {
    h4, h4 a {
        font-size: 1.4rem
    }
}

@media (min-width:1200px) {
    h4, h4 a {
        font-size: 1.6rem
    }
}

@media (min-width:1500px) {
    h4, h4 a {
        font-size: 1.875rem
    }
}

h5, h5 a {
    font-size: 1.4rem;
    color: #575756
}

@media (min-width:1200px) {
    h5, h5 a {
        font-size: 1.6rem
    }
}

h6, h6 a {
    font-size: 1rem;
    color: #575756;
    font-family: HelveticaNeueLTPro-Md
}

@media (min-width:1200px) {
    h6, h6 a {
        font-size: 1.25rem
    }
}

.check-list {
    list-style-type: none;
    font-size: 1.3rem
}

@media (min-width:1200px) {
    .check-list {
        font-size: 1.563rem
    }
}

.check-list:before {
    margin: 0 .5rem;
    content: "\f058";
    font-family: Font Awesome\ 5 Free;
    font-weight: 400;
    color: #b2b2b2
}

.list-food {
    list-style-type: none;
    font-size: 1.3rem;
    padding: .8rem 0;
    margin-bottom: 0
}

.list-food:before {
    margin: 0 .5rem;
    font-family: Font Awesome\ 5 Free;
    font-weight: 600;
    padding: 1rem;
    background: #b2b2b2;
    border-radius: 100%;
    color: #fff
}

.list-food:hover {
    color: #d10028
}

.list-food:hover:before {
    background-color: #d10028
}

.list-food a {
    color: #575756
}

@media (min-width:1200px) {
    .list-food {
        font-size: 1.563rem
    }
}

.list-food:before {
    content: "\f2e7";
    display: inline-block;
    width: 3.5rem;
    height: 3.5rem;
    padding-top: .9rem;
    text-align: center;
    vertical-align: middle
}

@media (min-width:992px) {
    .list-food:before {
        width: 4rem;
        height: 4rem
    }
}

.list-bed {
    list-style-type: none;
    font-size: 1.3rem;
    padding: .8rem 0;
    margin-bottom: 0
}

.list-bed:before {
    margin: 0 .5rem;
    font-family: Font Awesome\ 5 Free;
    font-weight: 600;
    padding: 1rem;
    background: #b2b2b2;
    border-radius: 100%;
    color: #fff
}

.list-bed:hover {
    color: #d10028
}

.list-bed:hover:before {
    background-color: #d10028
}

.list-bed a {
    color: #575756
}

@media (min-width:1200px) {
    .list-bed {
        font-size: 1.563rem
    }
}

.list-bed:before {
    content: "\f236";
    display: inline-block;
    width: 3.5rem;
    height: 3.5rem;
    padding-top: .9rem;
    text-align: center;
    vertical-align: middle
}

@media (min-width:992px) {
    .list-bed:before {
        width: 4rem;
        height: 4rem
    }
}

.list-microchip {
    list-style-type: none;
    font-size: 1.3rem;
    padding: .8rem 0;
    margin-bottom: 0
}

.list-microchip:before {
    margin: 0 .5rem;
    font-family: Font Awesome\ 5 Free;
    font-weight: 600;
    padding: 1rem;
    background: #b2b2b2;
    border-radius: 100%;
    color: #fff
}

.list-microchip:hover {
    color: #d10028
}

.list-microchip:hover:before {
    background-color: #d10028
}

.list-microchip a {
    color: #575756
}

@media (min-width:1200px) {
    .list-microchip {
        font-size: 1.563rem
    }
}

.list-microchip:before {
    content: "\f2db";
    display: inline-block;
    width: 3.5rem;
    height: 3.5rem;
    padding-top: .9rem;
    text-align: center;
    vertical-align: middle
}

@media (min-width:992px) {
    .list-microchip:before {
        width: 4rem;
        height: 4rem
    }
}

.list-paper {
    list-style-type: none;
    font-size: 1.3rem;
    padding: .8rem 0;
    margin-bottom: 0
}

.list-paper:before {
    margin: 0 .5rem;
    font-family: Font Awesome\ 5 Free;
    font-weight: 600;
    padding: 1rem;
    background: #b2b2b2;
    border-radius: 100%;
    color: #fff
}

.list-paper:hover {
    color: #d10028
}

.list-paper:hover:before {
    background-color: #d10028
}

.list-paper a {
    color: #575756
}

@media (min-width:1200px) {
    .list-paper {
        font-size: 1.563rem
    }
}

.list-paper:before {
    content: "\f71e";
    display: inline-block;
    width: 3.5rem;
    height: 3.5rem;
    padding-top: .9rem;
    text-align: center;
    vertical-align: middle
}

@media (min-width:992px) {
    .list-paper:before {
        width: 4rem;
        height: 4rem
    }
}

.list-car {
    list-style-type: none;
    font-size: 1.3rem;
    padding: .8rem 0;
    margin-bottom: 0
}

.list-car:before {
    margin: 0 .5rem;
    font-family: Font Awesome\ 5 Free;
    font-weight: 600;
    padding: 1rem;
    background: #b2b2b2;
    border-radius: 100%;
    color: #fff
}

.list-car:hover {
    color: #d10028
}

.list-car:hover:before {
    background-color: #d10028
}

.list-car a {
    color: #575756
}

@media (min-width:1200px) {
    .list-car {
        font-size: 1.563rem
    }
}

.list-car:before {
    content: "\f1b9";
    display: inline-block;
    width: 3.5rem;
    height: 3.5rem;
    padding-top: .9rem;
    text-align: center;
    vertical-align: middle
}

@media (min-width:992px) {
    .list-car:before {
        width: 4rem;
        height: 4rem
    }
}

.list-pig {
    list-style-type: none;
    font-size: 1.3rem;
    padding: .8rem 0;
    margin-bottom: 0
}

.list-pig:before {
    margin: 0 .5rem;
    font-family: Font Awesome\ 5 Free;
    font-weight: 600;
    padding: 1rem;
    background: #b2b2b2;
    border-radius: 100%;
    color: #fff
}

.list-pig:hover {
    color: #d10028
}

.list-pig:hover:before {
    background-color: #d10028
}

.list-pig a {
    color: #575756
}

@media (min-width:1200px) {
    .list-pig {
        font-size: 1.563rem
    }
}

.list-pig:before {
    content: "\f4d3";
    display: inline-block;
    width: 3.5rem;
    height: 3.5rem;
    padding-top: .9rem;
    text-align: center;
    vertical-align: middle
}

@media (min-width:992px) {
    .list-pig:before {
        width: 4rem;
        height: 4rem
    }
}

.list-water {
    list-style-type: none;
    font-size: 1.3rem;
    padding: .8rem 0;
    margin-bottom: 0
}

.list-water:before {
    margin: 0 .5rem;
    font-family: Font Awesome\ 5 Free;
    font-weight: 600;
    padding: 1rem;
    background: #b2b2b2;
    border-radius: 100%;
    color: #fff
}

.list-water:hover {
    color: #d10028
}

.list-water:hover:before {
    background-color: #d10028
}

.list-water a {
    color: #575756
}

@media (min-width:1200px) {
    .list-water {
        font-size: 1.563rem
    }
}

.list-water:before {
    content: "\f773";
    display: inline-block;
    width: 3.5rem;
    height: 3.5rem;
    padding-top: .9rem;
    text-align: center;
    vertical-align: middle
}

@media (min-width:992px) {
    .list-water:before {
        width: 4rem;
        height: 4rem
    }
}

.list-biotec {
    list-style-type: none;
    font-size: 1.3rem;
    padding: .8rem 0;
    margin-bottom: 0
}

.list-biotec:before {
    margin: 0 .5rem;
    font-family: Font Awesome\ 5 Free;
    font-weight: 600;
    padding: 1rem;
    background: #b2b2b2;
    border-radius: 100%;
    color: #fff
}

.list-biotec:hover {
    color: #d10028
}

.list-biotec:hover:before {
    background-color: #d10028
}

.list-biotec a {
    color: #575756
}

@media (min-width:1200px) {
    .list-biotec {
        font-size: 1.563rem
    }
}

.list-biotec:before {
    content: "\f492";
    display: inline-block;
    width: 3.5rem;
    height: 3.5rem;
    padding-top: .9rem;
    text-align: center;
    vertical-align: middle
}

@media (min-width:992px) {
    .list-biotec:before {
        width: 4rem;
        height: 4rem
    }
}

.list-health {
    list-style-type: none;
    font-size: 1.3rem;
    padding: .8rem 0;
    margin-bottom: 0
}

.list-health:before {
    margin: 0 .5rem;
    font-family: Font Awesome\ 5 Free;
    font-weight: 600;
    padding: 1rem;
    background: #b2b2b2;
    border-radius: 100%;
    color: #fff
}

.list-health:hover {
    color: #d10028
}

.list-health:hover:before {
    background-color: #d10028
}

.list-health a {
    color: #575756
}

@media (min-width:1200px) {
    .list-health {
        font-size: 1.563rem
    }
}

.list-health:before {
    content: "\f21e";
    display: inline-block;
    width: 3.5rem;
    height: 3.5rem;
    padding-top: .9rem;
    text-align: center;
    vertical-align: middle
}

@media (min-width:992px) {
    .list-health:before {
        width: 4rem;
        height: 4rem
    }
}

.list-pharma {
    list-style-type: none;
    font-size: 1.3rem;
    padding: .8rem 0;
    margin-bottom: 0
}

.list-pharma:before {
    margin: 0 .5rem;
    font-family: Font Awesome\ 5 Free;
    font-weight: 600;
    padding: 1rem;
    background: #b2b2b2;
    border-radius: 100%;
    color: #fff
}

.list-pharma:hover {
    color: #d10028
}

.list-pharma:hover:before {
    background-color: #d10028
}

.list-pharma a {
    color: #575756
}

@media (min-width:1200px) {
    .list-pharma {
        font-size: 1.563rem
    }
}

.list-pharma:before {
    content: "\f46b";
    display: inline-block;
    width: 3.5rem;
    height: 3.5rem;
    padding-top: .9rem;
    text-align: center;
    vertical-align: middle
}

@media (min-width:992px) {
    .list-pharma:before {
        width: 4rem;
        height: 4rem
    }
}

.list-building {
    list-style-type: none;
    font-size: 1.3rem;
    padding: .8rem 0;
    margin-bottom: 0
}

.list-building:before {
    margin: 0 .5rem;
    font-family: Font Awesome\ 5 Free;
    font-weight: 600;
    padding: 1rem;
    background: #b2b2b2;
    border-radius: 100%;
    color: #fff
}

.list-building:hover {
    color: #d10028
}

.list-building:hover:before {
    background-color: #d10028
}

.list-building a {
    color: #575756
}

@media (min-width:1200px) {
    .list-building {
        font-size: 1.563rem
    }
}

.list-building:before {
    content: "\f1ad";
    display: inline-block;
    width: 3.5rem;
    height: 3.5rem;
    padding-top: .9rem;
    text-align: center;
    vertical-align: middle
}

@media (min-width:992px) {
    .list-building:before {
        width: 4rem;
        height: 4rem
    }
}

.list-data {
    list-style-type: none;
    font-size: 1.3rem;
    padding: .8rem 0;
    margin-bottom: 0
}

.list-data:before {
    margin: 0 .5rem;
    font-family: Font Awesome\ 5 Free;
    font-weight: 600;
    padding: 1rem;
    background: #b2b2b2;
    border-radius: 100%;
    color: #fff
}

.list-data:hover {
    color: #d10028
}

.list-data:hover:before {
    background-color: #d10028
}

.list-data a {
    color: #575756
}

@media (min-width:1200px) {
    .list-data {
        font-size: 1.563rem
    }
}

.list-data:before {
    content: "\f233";
    display: inline-block;
    width: 3.5rem;
    height: 3.5rem;
    padding-top: .9rem;
    text-align: center;
    vertical-align: middle
}

@media (min-width:992px) {
    .list-data:before {
        width: 4rem;
        height: 4rem
    }
}

.list-museum {
    list-style-type: none;
    font-size: 1.3rem;
    padding: .8rem 0;
    margin-bottom: 0
}

.list-museum:before {
    margin: 0 .5rem;
    font-family: Font Awesome\ 5 Free;
    font-weight: 600;
    padding: 1rem;
    background: #b2b2b2;
    border-radius: 100%;
    color: #fff
}

.list-museum:hover {
    color: #d10028
}

.list-museum:hover:before {
    background-color: #d10028
}

.list-museum a {
    color: #575756
}

@media (min-width:1200px) {
    .list-museum {
        font-size: 1.563rem
    }
}

.list-museum:before {
    content: "\f66f";
    display: inline-block;
    width: 3.5rem;
    height: 3.5rem;
    padding-top: .9rem;
    text-align: center;
    vertical-align: middle
}

@media (min-width:992px) {
    .list-museum:before {
        width: 4rem;
        height: 4rem
    }
}

.list-school {
    list-style-type: none;
    font-size: 1.3rem;
    padding: .8rem 0;
    margin-bottom: 0
}

.list-school:before {
    margin: 0 .5rem;
    font-family: Font Awesome\ 5 Free;
    font-weight: 600;
    padding: 1rem;
    background: #b2b2b2;
    border-radius: 100%;
    color: #fff
}

.list-school:hover {
    color: #d10028
}

.list-school:hover:before {
    background-color: #d10028
}

.list-school a {
    color: #575756
}

@media (min-width:1200px) {
    .list-school {
        font-size: 1.563rem
    }
}

.list-school:before {
    content: "\f19d";
    display: inline-block;
    width: 3.5rem;
    height: 3.5rem;
    padding-top: .9rem;
    text-align: center;
    vertical-align: middle
}

@media (min-width:992px) {
    .list-school:before {
        width: 4rem;
        height: 4rem
    }
}

.list-industry {
    list-style-type: none;
    font-size: 1.3rem;
    padding: .8rem 0;
    margin-bottom: 0
}

.list-industry:before {
    margin: 0 .5rem;
    font-family: Font Awesome\ 5 Free;
    font-weight: 600;
    padding: 1rem;
    background: #b2b2b2;
    border-radius: 100%;
    color: #fff
}

.list-industry:hover {
    color: #d10028
}

.list-industry:hover:before {
    background-color: #d10028
}

.list-industry a {
    color: #575756
}

@media (min-width:1200px) {
    .list-industry {
        font-size: 1.563rem
    }
}

.list-industry:before {
    content: "\f275";
    display: inline-block;
    width: 3.5rem;
    height: 3.5rem;
    padding-top: .9rem;
    text-align: center;
    vertical-align: middle
}

@media (min-width:992px) {
    .list-industry:before {
        width: 4rem;
        height: 4rem
    }
}

.list-plane {
    list-style-type: none;
    font-size: 1.3rem;
    padding: .8rem 0;
    margin-bottom: 0
}

.list-plane:before {
    margin: 0 .5rem;
    font-family: Font Awesome\ 5 Free;
    font-weight: 600;
    padding: 1rem;
    background: #b2b2b2;
    border-radius: 100%;
    color: #fff
}

.list-plane:hover {
    color: #d10028
}

.list-plane:hover:before {
    background-color: #d10028
}

.list-plane a {
    color: #575756
}

@media (min-width:1200px) {
    .list-plane {
        font-size: 1.563rem
    }
}

.list-plane:before {
    content: "\f5b0";
    display: inline-block;
    width: 3.5rem;
    height: 3.5rem;
    padding-top: .9rem;
    text-align: center;
    vertical-align: middle
}

@media (min-width:992px) {
    .list-plane:before {
        width: 4rem;
        height: 4rem
    }
}

.list-material {
    list-style-type: none;
    font-size: 1.3rem;
    padding: .8rem 0;
    margin-bottom: 0
}

.list-material:before {
    margin: 0 .5rem;
    font-family: Font Awesome\ 5 Free;
    font-weight: 600;
    padding: 1rem;
    background: #b2b2b2;
    border-radius: 100%;
    color: #fff
}

.list-material:hover {
    color: #d10028
}

.list-material:hover:before {
    background-color: #d10028
}

.list-material a {
    color: #575756
}

@media (min-width:1200px) {
    .list-material {
        font-size: 1.563rem
    }
}

.list-material:before {
    content: "\f2f1";
    display: inline-block;
    width: 3.5rem;
    height: 3.5rem;
    padding-top: .9rem;
    text-align: center;
    vertical-align: middle
}

@media (min-width:992px) {
    .list-material:before {
        width: 4rem;
        height: 4rem
    }
}

.list-malls {
    list-style-type: none;
    font-size: 1.3rem;
    padding: .8rem 0;
    margin-bottom: 0
}

.list-malls:before {
    margin: 0 .5rem;
    font-family: Font Awesome\ 5 Free;
    font-weight: 600;
    padding: 1rem;
    background: #b2b2b2;
    border-radius: 100%;
    color: #fff
}

.list-malls:hover {
    color: #d10028
}

.list-malls:hover:before {
    background-color: #d10028
}

.list-malls a {
    color: #575756
}

@media (min-width:1200px) {
    .list-malls {
        font-size: 1.563rem
    }
}

.list-malls:before {
    content: "\f290";
    display: inline-block;
    width: 3.5rem;
    height: 3.5rem;
    padding-top: .9rem;
    text-align: center;
    vertical-align: middle
}

@media (min-width:992px) {
    .list-malls:before {
        width: 4rem;
        height: 4rem
    }
}

.list-combustion {
    list-style-type: none;
    font-size: 1.3rem;
    padding: .8rem 0;
    margin-bottom: 0
}

.list-combustion:before {
    margin: 0 .5rem;
    font-family: Font Awesome\ 5 Free;
    font-weight: 600;
    padding: 1rem;
    background: #b2b2b2;
    border-radius: 100%;
    color: #fff
}

.list-combustion:hover {
    color: #d10028
}

.list-combustion:hover:before {
    background-color: #d10028
}

.list-combustion a {
    color: #575756
}

@media (min-width:1200px) {
    .list-combustion {
        font-size: 1.563rem
    }
}

.list-combustion:before {
    content: "\f06d";
    display: inline-block;
    width: 3.5rem;
    height: 3.5rem;
    padding-top: .9rem;
    text-align: center;
    vertical-align: middle
}

@media (min-width:992px) {
    .list-combustion:before {
        width: 4rem;
        height: 4rem
    }
}

.list-cement {
    list-style-type: none;
    font-size: 1.3rem;
    padding: .8rem 0;
    margin-bottom: 0
}

.list-cement:before {
    margin: 0 .5rem;
    font-family: Font Awesome\ 5 Free;
    font-weight: 600;
    padding: 1rem;
    background: #b2b2b2;
    border-radius: 100%;
    color: #fff
}

.list-cement:hover {
    color: #d10028
}

.list-cement:hover:before {
    background-color: #d10028
}

.list-cement a {
    color: #575756
}

@media (min-width:1200px) {
    .list-cement {
        font-size: 1.563rem
    }
}

.list-cement:before {
    content: "\f807";
    display: inline-block;
    width: 3.5rem;
    height: 3.5rem;
    padding-top: .9rem;
    text-align: center;
    vertical-align: middle
}

@media (min-width:992px) {
    .list-cement:before {
        width: 4rem;
        height: 4rem
    }
}

.list-metal {
    list-style-type: none;
    font-size: 1.3rem;
    padding: .8rem 0;
    margin-bottom: 0
}

.list-metal:before {
    margin: 0 .5rem;
    font-family: Font Awesome\ 5 Free;
    font-weight: 600;
    padding: 1rem;
    background: #b2b2b2;
    border-radius: 100%;
    color: #fff
}

.list-metal:hover {
    color: #d10028
}

.list-metal:hover:before {
    background-color: #d10028
}

.list-metal a {
    color: #575756
}

@media (min-width:1200px) {
    .list-metal {
        font-size: 1.563rem
    }
}

.list-metal:before {
    content: "\f275";
    display: inline-block;
    width: 3.5rem;
    height: 3.5rem;
    padding-top: .9rem;
    text-align: center;
    vertical-align: middle
}

@media (min-width:992px) {
    .list-metal:before {
        width: 4rem;
        height: 4rem
    }
}

.list-burn {
    list-style-type: none;
    font-size: 1.3rem;
    padding: .8rem 0;
    margin-bottom: 0
}

.list-burn:before {
    margin: 0 .5rem;
    font-family: Font Awesome\ 5 Free;
    font-weight: 600;
    padding: 1rem;
    background: #b2b2b2;
    border-radius: 100%;
    color: #fff
}

.list-burn:hover {
    color: #d10028
}

.list-burn:hover:before {
    background-color: #d10028
}

.list-burn a {
    color: #575756
}

@media (min-width:1200px) {
    .list-burn {
        font-size: 1.563rem
    }
}

.list-burn:before {
    content: "\f46a";
    display: inline-block;
    width: 3.5rem;
    height: 3.5rem;
    padding-top: .9rem;
    text-align: center;
    vertical-align: middle
}

@media (min-width:992px) {
    .list-burn:before {
        width: 4rem;
        height: 4rem
    }
}

.list-tree {
    list-style-type: none;
    font-size: 1.3rem;
    padding: .8rem 0;
    margin-bottom: 0
}

.list-tree:before {
    margin: 0 .5rem;
    font-family: Font Awesome\ 5 Free;
    font-weight: 600;
    padding: 1rem;
    background: #b2b2b2;
    border-radius: 100%;
    color: #fff
}

.list-tree:hover {
    color: #d10028
}

.list-tree:hover:before {
    background-color: #d10028
}

.list-tree a {
    color: #575756
}

@media (min-width:1200px) {
    .list-tree {
        font-size: 1.563rem
    }
}

.list-tree:before {
    content: "\f1bb";
    display: inline-block;
    width: 3.5rem;
    height: 3.5rem;
    padding-top: .9rem;
    text-align: center;
    vertical-align: middle
}

@media (min-width:992px) {
    .list-tree:before {
        width: 4rem;
        height: 4rem
    }
}

.list-paw {
    list-style-type: none;
    font-size: 1.3rem;
    padding: .8rem 0;
    margin-bottom: 0
}

.list-paw:before {
    margin: 0 .5rem;
    font-family: Font Awesome\ 5 Free;
    font-weight: 600;
    padding: 1rem;
    background: #b2b2b2;
    border-radius: 100%;
    color: #fff
}

.list-paw:hover {
    color: #d10028
}

.list-paw:hover:before {
    background-color: #d10028
}

.list-paw a {
    color: #575756
}

@media (min-width:1200px) {
    .list-paw {
        font-size: 1.563rem
    }
}

.list-paw:before {
    content: "\f1b0";
    display: inline-block;
    width: 3.5rem;
    height: 3.5rem;
    padding-top: .9rem;
    text-align: center;
    vertical-align: middle
}

@media (min-width:992px) {
    .list-paw:before {
        width: 4rem;
        height: 4rem
    }
}

.list-road {
    list-style-type: none;
    font-size: 1.3rem;
    padding: .8rem 0;
    margin-bottom: 0
}

.list-road:before {
    margin: 0 .5rem;
    font-family: Font Awesome\ 5 Free;
    font-weight: 600;
    padding: 1rem;
    background: #b2b2b2;
    border-radius: 100%;
    color: #fff
}

.list-road:hover {
    color: #d10028
}

.list-road:hover:before {
    background-color: #d10028
}

.list-road a {
    color: #575756
}

@media (min-width:1200px) {
    .list-road {
        font-size: 1.563rem
    }
}

.list-road:before {
    content: "\f018";
    display: inline-block;
    width: 3.5rem;
    height: 3.5rem;
    padding-top: .9rem;
    text-align: center;
    vertical-align: middle
}

@media (min-width:992px) {
    .list-road:before {
        width: 4rem;
        height: 4rem
    }
}

.list-concrete {
    list-style-type: none;
    font-size: 1.3rem;
    padding: .8rem 0;
    margin-bottom: 0
}

.list-concrete:before {
    margin: 0 .5rem;
    font-family: Font Awesome\ 5 Free;
    font-weight: 600;
    padding: 1rem;
    background: #b2b2b2;
    border-radius: 100%;
    color: #fff
}

.list-concrete:hover {
    color: #d10028
}

.list-concrete:hover:before {
    background-color: #d10028
}

.list-concrete a {
    color: #575756
}

@media (min-width:1200px) {
    .list-concrete {
        font-size: 1.563rem
    }
}

.list-concrete:before {
    content: "\f7d2";
    display: inline-block;
    width: 3.5rem;
    height: 3.5rem;
    padding-top: .9rem;
    text-align: center;
    vertical-align: middle
}

@media (min-width:992px) {
    .list-concrete:before {
        width: 4rem;
        height: 4rem
    }
}

.list-chemical {
    list-style-type: none;
    font-size: 1.3rem;
    padding: .8rem 0;
    margin-bottom: 0
}

.list-chemical:before {
    margin: 0 .5rem;
    font-family: Font Awesome\ 5 Free;
    font-weight: 600;
    padding: 1rem;
    background: #b2b2b2;
    border-radius: 100%;
    color: #fff
}

.list-chemical:hover {
    color: #d10028
}

.list-chemical:hover:before {
    background-color: #d10028
}

.list-chemical a {
    color: #575756
}

@media (min-width:1200px) {
    .list-chemical {
        font-size: 1.563rem
    }
}

.list-chemical:before {
    content: "\f0c3";
    display: inline-block;
    width: 3.5rem;
    height: 3.5rem;
    padding-top: .9rem;
    text-align: center;
    vertical-align: middle
}

@media (min-width:992px) {
    .list-chemical:before {
        width: 4rem;
        height: 4rem
    }
}

.list-service {
    list-style-type: none;
    font-size: 1.3rem;
    padding: .8rem 0;
    margin-bottom: 0
}

.list-service:before {
    margin: 0 .5rem;
    font-family: Font Awesome\ 5 Free;
    font-weight: 600;
    padding: 1rem;
    background: #b2b2b2;
    border-radius: 100%;
    color: #fff
}

.list-service:hover {
    color: #d10028
}

.list-service:hover:before {
    background-color: #d10028
}

.list-service a {
    color: #575756
}

@media (min-width:1200px) {
    .list-service {
        font-size: 1.563rem
    }
}

.list-service:before {
    content: "\f3fd";
    display: inline-block;
    width: 3.5rem;
    height: 3.5rem;
    padding-top: .9rem;
    text-align: center;
    vertical-align: middle
}

@media (min-width:992px) {
    .list-service:before {
        width: 4rem;
        height: 4rem
    }
}

.list-info-icon {
    list-style-type: none;
    font-size: 1.3rem;
    padding: .8rem 0;
    margin-bottom: 0
}

.list-info-icon:before {
    margin: 0 .5rem;
    font-family: Font Awesome\ 5 Free;
    font-weight: 600;
    padding: 1rem;
    background: #b2b2b2;
    border-radius: 100%;
    color: #fff
}

.list-info-icon:hover {
    color: #d10028
}

.list-info-icon:hover:before {
    background-color: #d10028
}

.list-info-icon a {
    color: #575756
}

@media (min-width:1200px) {
    .list-info-icon {
        font-size: 1.563rem
    }
}

.list-info-icon:before {
    content: "\f129";
    display: inline-block;
    width: 3.5rem;
    height: 3.5rem;
    padding-top: .9rem;
    text-align: center;
    vertical-align: middle;
    background: #d10028
}

@media (min-width:992px) {
    .list-info-icon:before {
        width: 4rem;
        height: 4rem
    }
}

.container header {
    max-width: unset;
    padding: 0
}

.locationtext {
    font-family: HelveticaNeueLTPro-Lt
}

.phone:before {
    margin-right: 10px;
    font-family: Font Awesome\ 5 Free;
    font-weight: 600;
    content: "\f095"
}

.contact-box .phone::before {
    color: #d10028
}

.header .carousel-indicators {
    margin-left: 4%;
    bottom: -.8rem
}

@media (min-width:576px) {
    .header .carousel-indicators {
        bottom: 1.5rem;
        right: unset
    }
}

@media (min-width:1200px) {
    .header .carousel-indicators {
        bottom: 2rem
    }
}

.header .carousel-indicators li {
    height: 18px;
    width: 18px;
    border-radius: 50%;
    border: 1px solid #d10028;
    background: 0 0
}

.header .carousel-indicators li.active {
    background: #d10028
}

@media (min-width:576px) {
    .header .carousel-indicators li {
        height: 25px;
        width: 25px
    }
}

.sliderimg {
    height: auto
}

.slider-text {
    color: #fff !important;
    width: 105%;
    height: 100%;
    right: 0;
    top: 0;
    padding: 2rem 4rem
}

@media (min-width:768px) {
    .slider-text {
        width: 85%
    }
}

@media (min-width:1200px) {
    .slider-text {
        padding: 5rem 10rem;
        width: 75%
    }
}

.slider-text .more-link {
    background-color: #fff !important;
    color: #d10028 !important;
    border: #fff
}

.header {
    background: #0000000D
}

.bg-red {
    background: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(20%, rgba(209, 0, 40, .5)), to(rgba(209, 0, 40, .5)));
    background: linear-gradient(to right, transparent, rgba(209, 0, 40, .5) 20%, rgba(209, 0, 40, .5))
}

.slider-title {
    bottom: 0;
    text-align: center;
    width: 100%;
    padding-top: .5rem !important;
    background-color: rgba(255, 255, 255, .7)
}

.slider-title h2 {
    font-size: 1.4rem;
    max-height: 45px
}

@media (min-width:576px) {
    .slider-title {
        padding-top: 1.5rem !important;
        text-align: right
    }

    .slider-title h2 {
        font-size: 2.3rem
    }
}

@media (min-width:1200px) {
    .slider-title {
        padding: 2.5rem 1.5rem !important
    }

    .slider-title h2 {
        font-size: 2.75rem
    }
}

.text-slider img {
    height: 13rem;
    width: 13rem;
    border-radius: 100%;
    border: 1px solid #575756
}

.text-slider .active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.text-slider .carousel-indicators {
    bottom: -50px
}

@media (min-width:1200px) {
    .text-slider .carousel-indicators {
        bottom: -35px
    }
}

.text-slider .carousel-indicators li {
    height: 25px;
    width: 25px;
    border-radius: 50%;
    border: 1px solid #575756;
    background: #fff
}

.text-slider .carousel-indicators li.active {
    background: #575756
}

#c43 .d-block {
    margin: .5rem auto
}

@media (min-width:768px) {
    #c43 .d-block {
        margin: unset
    }
}

#c43 h6, #c43 p {
    text-align: center
}

@media (min-width:768px) {
    #c43 h6, #c43 p {
        text-align: left
    }
}

.frame-type-textmedia.frame-layout-1 figure {
    text-align: end
}

.frame-type-textmedia.frame-layout-1 img {
    width: 100%;
    height: auto
}

@media (min-width:1200px) {
    .frame-type-textmedia.frame-layout-1 img {
        padding: 0 1rem
    }
}

@media (min-width:1500px) {
    .frame-type-textmedia.frame-layout-1 img {
        padding: 0 3rem
    }
}

@media (max-width:768px) {
    .frame-type-textmedia.frame-layout-14 .col-4 {
        position: relative;
        height: 0;
        width: 100%;
        padding-bottom: 60%;
        padding-left: 95%
    }
}

.frame-type-textmedia.frame-layout-14 .video-embed iframe.video-embed-item {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    padding-left: 10px
}

.full-width-image img {
    width: 100%;
    height: auto
}

.toolTip {
    position: relative;
    display: inline-block
}

.toolTip .toolTip-text {
    visibility: hidden;
    margin-left: .5rem;
    width: 185px;
    background-color: #fff;
    color: #d10028;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    bottom: 100%;
    margin-left: -13rem;
    margin-bottom: .5rem
}

@media (min-width:576px) {
    .toolTip .toolTip-text {
        bottom: unset;
        top: 100%;
        margin-top: .5rem
    }
}

.toolTip:hover .toolTip-text {
    visibility: visible
}

.img-left img {
    width: 100%;
    height: auto
}

.img-left .image {
    margin-bottom: 0
}

.grey {
    background-color: #0000000D
}

.events-text {
    padding-top: 5rem;
    padding-left: 3rem;
    padding-bottom: 3rem
}

@media (min-width:1500px) {
    .events-text {
        padding-top: 7rem;
        padding-left: 7rem
    }
}

.frame-space-after-large {
    margin-bottom: 3rem !important
}

.frame-space-after-medium {
    margin-bottom: 2rem !important
}

.frame-space-after-small {
    margin-bottom: 1.5rem !important
}

@media (min-width:992px) {
    .fixed-height {
        height: 230px
    }
}

.frame-layout-11 iframe {
    min-width: 90vw;
    min-height: 15rem;
    padding-left: 15px
}

@media (min-width:576px) {
    .frame-layout-11 iframe {
        min-width: 30rem;
        min-height: 17rem;
        padding-left: 0
    }
}

@media (min-width:1500px) {
    .frame-layout-11 iframe {
        min-width: 40rem;
        min-height: 22rem;
        padding-left: 0
    }
}

.frame-type-textmedia.frame-layout-12 img {
    width: 100%;
    height: auto
}

@media (min-width:1200px) {
    .frame-type-textmedia.frame-layout-12 img {
        padding: 0 1rem
    }
}

@media (min-width:1500px) {
    .frame-type-textmedia.frame-layout-12 img {
        padding: 0 3rem
    }
}

@media (min-width:1500px) {
    .frame-layout-13 .large-cont {
        min-height: 450px
    }
}

.frame-layout-13 .ce-gallery {
    overflow-x: hidden
}

.frame-layout-13 .ce-column, .frame-layout-13 .ce-gallery, .frame-layout-13 .ce-inner, .frame-layout-13 .ce-outer, .frame-layout-13 .ce-row, .frame-layout-13 figure {
    height: 100%
}

.frame-layout-13 img {
    width: 100%;
    height: 100%
}

@media (min-width:992px) {
    .frame-layout-13 img {
        width: auto;
        height: 100%
    }
}

@media screen and (min-width:1800px) {
    .frame-layout-13 img {
        width: 100%;
        height: auto
    }
}

.ce-bodytext h1, .ce-bodytext h2, .ce-bodytext h3, .ce-bodytext h4, .ce-bodytext h5 {
    overflow-wrap: break-word
}

header h1, header h2, header h3, header h4, header h5 {
    overflow-wrap: break-word
}

.multi-img .ce-column {
    display: inline-block;
    vertical-align: top;
    margin: 10px;
    width: 45%
}

@media (min-width:1500px) {
    .frame-layout-13 .large-cont {
        min-height: 450px
    }
}

.frame-layout-13 .ce-gallery {
    overflow-x: hidden
}

.frame-layout-13 .ce-column, .frame-layout-13 .ce-gallery, .frame-layout-13 .ce-inner, .frame-layout-13 .ce-outer, .frame-layout-13 .ce-row, .frame-layout-13 figure {
    height: 100%
}

.frame-layout-13 img {
    width: 100%;
    height: 100%
}

@media (min-width:992px) {
    .frame-layout-13 img {
        width: auto;
        height: 100%
    }
}

@media screen and (min-width:1800px) {
    .frame-layout-13 img {
        width: 100%;
        height: auto
    }
}

@media screen and (max-width:768px) {
    .container-fluid.overflow-hidden.p-0 .ce-bodytext h1 {
        margin-top: 2rem
    }
}

.frame-type-imagemap.frame-space-before-small {
    margin-top: 1.5rem
}

.frame-type-imagemap.frame-space-before-medium {
    margin-top: 2rem
}

.product-finder {
    background-color: rgba(255, 255, 255, .7);
    z-index: 1
}

.divider {
    border-top: 1px solid #575756
}

.divider-red {
    border-top: 5px solid #d10028;
    position: absolute;
    left: 41.7%
}

.datatools .text-div {
    top: 25%;
    height: 50%;
    background: #d10028;
    opacity: .85;
    width: 100%;
    color: #fff
}

.datatools img {
    max-width: 100%;
    height: auto
}

.marketinsight {
    background-color: #0000000D
}

.marketinsight img {
    width: 100%;
    height: auto
}

.marketinsight .text-div {
    top: 40%;
    height: 25%;
    background: #fff;
    opacity: .85;
    width: 100%;
    color: #575756
}

.img-cards img:hover+.height-20-text {
    background-color: #d10028;
    opacity: .85;
    top: 0;
    height: 100%;
    text-align: center;
    color: #fff;
    padding: 1rem;
    cursor: pointer
}

.img-cards img:hover+.height-20-text h4, .img-cards img:hover+.height-20-text p {
    color: #fff
}

.img-cards img:hover+.height-20-text .more-link {
    color: #fff;
    border-color: #fff
}

.img-cards img:hover+.height-20-text .hover-text {
    display: block
}

.img-cards .hover-text {
    display: none
}

.img-cards .height-50-text {
    background-color: #d10028;
    opacity: .85;
    top: 25%;
    height: 50%;
    text-align: center;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media (min-width:1200px) {
    .img-cards .height-50-text p {
        margin: 0;
        font-size: medium
    }
}

@media (min-width:1500px) {
    .img-cards .height-50-text p {
        font-size: 1.25rem
    }
}

.img-cards .height-100-text {
    background-color: #d10028;
    opacity: .85;
    top: 0;
    height: 100%;
    text-align: center;
    color: #fff;
    padding: 1rem
}

@media (min-width:1200px) {
    .img-cards .height-100-text p {
        font-size: medium
    }
}

@media (min-width:1500px) {
    .img-cards .height-100-text p {
        font-size: 1.56rem
    }
}

.img-cards .height-20-text {
    background-color: #fff;
    opacity: .85;
    top: 35%;
    height: 38%;
    text-align: center;
    color: #575756;
    font-size: medium;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media (min-width:576px) {
    .img-cards .height-20-text {
        height: 30%
    }
}

.img-cards .height-20-text:hover {
    background-color: #d10028;
    opacity: .85;
    top: 0;
    height: 100%;
    text-align: center;
    color: #fff;
    padding: 1rem;
    cursor: pointer
}

.img-cards .height-20-text:hover h4, .img-cards .height-20-text:hover p {
    color: #fff
}

.img-cards .height-20-text:hover p {
    font-size: 1.25rem
}

@media (min-width:992px) {
    .img-cards .height-20-text:hover p {
        font-size: .9rem
    }
}

@media (min-width:1500px) {
    .img-cards .height-20-text:hover p {
        font-size: 1rem
    }
}

.img-cards .height-20-text:hover .more-link {
    color: #fff;
    border-color: #fff
}

.img-cards .height-20-text:hover .hover-text {
    display: block
}

.img-cards .height-20-text:hover h3 {
    display: none
}

.img-cards .two-imgs img {
    height: clamp(25rem, 25vw, 35rem)
}

.img-cards .three-imgs img {
    height: clamp(20rem, 20vw, 30rem)
}

.img-cards .four-imgs img {
    height: clamp(17rem, 15vw, 27rem)
}

@media (max-width:1500px) {
    .img-cards .two-imgs img {
        height: clamp(20rem, 25vw, 35rem)
    }

    .img-cards .three-imgs img {
        height: clamp(15rem, 20vw, 25rem)
    }

    .img-cards .four-imgs img {
        height: clamp(12rem, 15vw, 22rem)
    }
}

@media (max-width:992px) {
    .img-cards .two-imgs img {
        height: 12rem
    }

    .img-cards .three-imgs img {
        height: clamp(30rem, 30vw, 40rem)
    }

    .img-cards .four-imgs img {
        height: clamp(15rem, 30vw, 20rem)
    }
}

@media (max-width:768px) {
    .img-cards .two-imgs img {
        height: auto
    }

    .img-cards .three-imgs img {
        height: 55vw
    }

    .img-cards .four-imgs img {
        height: clamp(20rem, 55vw, 25rem)
    }
}

.frame-layout-1 .img-cards img {
    height: auto !important
}

.frame-type-menu_pages header {
    text-align: center;
    margin-top: 3rem;
    margin-bottom: 2rem
}

.img-cards .news .container {
    max-width: 100%
}

.img-cards .news .container .article {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}

.img-cards .news .container .article .news-img-wrap {
    margin: 0
}

.img-cards .news .container .article .news-img-wrap a {
    padding: 0
}

.img-cards .news .container .article .header h3 {
    font-size: 1.8rem;
    color: #575756
}

@media (min-width:992px) {
    .img-cards .news .container .article .header h3 {
        font-size: 1.4rem
    }
}

@media (min-width:1200px) {
    .img-cards .news .container .article .header h3 {
        font-size: 1.6rem
    }
}

@media (min-width:1500px) {
    .img-cards .news .container .article .header h3 {
        font-size: 1.875rem
    }
}

.img-cards .news .container .article img {
    padding-bottom: 0;
    margin-bottom: 3rem;
    height: clamp(25rem, 25vw, 35rem)
}

@media (max-width:1500px) {
    .img-cards .news .container .article img {
        height: clamp(20rem, 25vw, 35rem)
    }
}

@media (max-width:992px) {
    .img-cards .news .container .article img {
        height: 12rem
    }
}

@media (max-width:768px) {
    .img-cards .news .container .article img {
        height: auto
    }
}

.menu-cards img {
    -o-object-fit: cover;
    object-fit: cover
}

.resp-container {
    position: relative;
    overflow: hidden;
    padding-top: 56.25%
}

.resp-iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0
}

.landing-page .img-cards .three-imgs img {
    height: auto
}

@media (min-width:992px) {
    .landing-page .img-cards .px-lg-0.py-lg-0.three-imgs {
        padding: 0 7.5px !important
    }
}

.moreinfo {
    font-size: 1rem
}

.moreinfo:before {
    color: #d10028;
    background-color: #fff;
    border-radius: 50%
}

@media (min-width:576px) {
    .moreinfo {
        font-size: 1.12rem
    }
}

@media (min-width:992px) {
    .moreinfo {
        font-size: 1.8rem
    }
}

.moreinfo:hover {
    cursor: pointer
}

.moreinfo .locationtext {
    background: #fff;
    border: 1px solid #b2b2b2;
    border-radius: 30px;
    padding: 2rem;
    width: 22rem;
    position: fixed;
    left: 2rem;
    bottom: 10rem;
    z-index: 10;
    position: absolute;
    bottom: 60px;
    left: -160px
}

.moreinfo .locationtext p {
    font-size: 20px !important;
    font-weight: 500
}

.moreinfo .quadrat {
    background: #fff;
    width: 30px;
    height: 30px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    margin: 0 auto -45px
}

.moreinfo .toleft {
    bottom: -160px;
    left: -385px
}

@media (min-width:1200px) {
    .moreinfo .toleft {
        bottom: -220px;
        left: -380px
    }
}

.moreinfo .toleft .quadrat {
    position: absolute;
    top: 40%;
    right: -16px
}

.moreinfo .toright {
    bottom: -160px;
    left: 65px
}

@media (min-width:1200px) {
    .moreinfo .toright {
        bottom: -220px;
        left: 75px
    }
}

.moreinfo .toright .quadrat {
    position: absolute;
    top: 40%;
    left: -16px
}

.moreinfo .tobottom {
    bottom: -350px;
    left: -155px
}

@media (min-width:1200px) {
    .moreinfo .tobottom {
        bottom: -480px;
        left: -150px
    }
}

.moreinfo .tobottom .quadrat {
    position: absolute;
    top: -15px;
    left: -7%
}

.moreinfo.blue-info:before {
    color: #1e90ff
}

.moreinfo.yellow-info:before {
    color: #ffdf00
}

i.render-info {
    font-size: 1rem;
    font-style: normal;
    padding-left: 1rem
}

@media (min-width:576px) {
    i.render-info {
        font-size: 1.12rem
    }
}

.info-table {
    padding: 2rem;
    border: 1px solid #b2b2b2
}

.info-table .moreinfo {
    font-size: 1rem
}

@media (min-width:576px) {
    .info-table .moreinfo {
        font-size: 1.12rem
    }
}

.moreinfo.hidden:before {
    opacity: 0
}

.frame-type-uploads {
    background: #0000000D;
    padding: 2rem;
    margin-bottom: 4rem
}

.frame-type-uploads .ce-uploads {
    list-style-type: none;
    padding-left: 0
}

.frame-type-uploads .ce-uploads a, .frame-type-uploads .ce-uploads i {
    color: #d10028
}

.frame-type-uploads .ce-uploads i {
    font-size: 1.5rem
}

.frame-type-uploads header {
    border-bottom: 1px solid #b2b2b2
}

.accordion-header {
    border-bottom: 1px solid #b2b2b2
}

.accordion ul, .frame-type-textmedia ul {
    padding-left: 1.2rem;
    font-size: 1rem
}

@media (min-width:992px) {
    .accordion ul, .frame-type-textmedia ul {
        font-size: 1.1rem
    }
}

@media (min-width:1200px) {
    .accordion ul, .frame-type-textmedia ul {
        font-size: 1.25rem
    }
}

button[aria-expanded=true] .rotate-icon {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.small-img img {
    max-width: 100%;
    height: auto
}

.frame-type-accordion {
    margin-bottom: 3rem
}

.linkbox {
    border: 1px solid #00000073;
    width: 150%;
    position: absolute;
    bottom: 0
}

.linkbox img {
    max-height: 10rem;
    width: auto
}

.linkbox h5 {
    max-width: 23rem
}

.kesearch_searchbox {
    position: relative
}

.kesearch_searchbox button {
    position: absolute;
    right: 5px;
    top: 10px;
    font-size: inherit;
    padding: 0 5px
}

.kesearch_searchbox .form-control {
    border-radius: 0;
    position: absolute;
    right: 0;
    min-width: 20rem;
    width: 400%;
    font-size: unset
}

.kesearch_searchbox .form-control:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

.subpage-nav .tx-kesearch-pi1 form {
    margin: 0
}

.subpage-nav .searchbox {
    float: left
}

.subpage-nav .kesearch_searchbox .form-control {
    width: 12rem !important;
    top: -2px !important
}

@media (min-width:576px) {
    .subpage-nav .kesearch_searchbox .form-control {
        min-width: 16rem
    }
}

.subpage-nav .kesearch_searchbox button {
    top: 6px
}

.frame-type-list .kesearch_searchbox .fa-search, .frame-type-list .kesearch_searchbox .form-control {
    display: none !important
}

.news-list-view .header {
    background-color: #fff;
    font-weight: 700
}

.news-list-view a {
    color: #d10028
}

.news-list-view .article .news-img-wrap img {
    height: auto;
    padding-bottom: 1rem
}

.news-list-view .article .news-img-wrap .topnews img {
    border: 1px solid #d10028
}

.news-single .header {
    background-color: #fff
}

.news-single .news-img-wrap {
    width: 33% !important;
    margin: 0 !important;
    padding: 0 .8rem
}

.content-left .accordion {
    padding-left: 0
}

.content-left .content-right-element {
    display: none !important
}

.content-right .frame {
    display: none
}

.content-right .frame-layout-5 {
    display: block !important
}

.content-right img {
    width: 100%
}

.prevnext {
    margin-bottom: 1rem
}

.prevnext .linkbox {
    width: 5rem;
    background: #fff;
    height: 15rem;
    overflow: hidden;
    overflow-wrap: anywhere
}

.prevnext .linkbox img {
    width: 100%;
    height: auto;
    margin-top: 3rem;
    display: none
}

.prevnext .linkbox h5 {
    display: none
}

.prevnext .linkbox:hover {
    width: 36.5rem
}

.prevnext .linkbox:hover img {
    width: auto;
    margin-top: 0;
    display: block;
    max-width: 95%
}

.prevnext .linkbox:hover h5 {
    max-width: unset;
    display: block
}

.prevnext .next .linkbox {
    position: relative;
    margin-top: 4rem;
    z-index: 2
}

.prevnext .next .linkbox:hover img {
    float: right
}

@media (min-width:1200px) {
    .prevnext .next .linkbox {
        position: absolute;
        right: -6rem;
        margin-top: 0
    }
}

.prevnext .previous .linkbox {
    position: relative;
    text-align: end;
    margin-top: 4rem;
    z-index: 2
}

.prevnext .previous .linkbox:hover h5 {
    text-align: left
}

@media (min-width:1200px) {
    .prevnext .previous .linkbox {
        position: absolute;
        left: -6rem;
        margin-top: 0
    }
}

.sharebutton svg {
    background: #fff
}

.sharebutton svg path {
    fill: #b2b2b2
}

.sharebutton span {
    font-size: 25px;
    line-height: 40px;
    margin-left: 10px
}

.shariff {
    width: 100%
}

.shariff .shariff-button {
    margin-bottom: 0 !important;
    height: 3.5rem;
    max-width: 200px !important
}

.shariff .shariff-button a {
    height: 3.5rem;
    border: 1px solid #b2b2b2;
    color: #b2b2b2;
    padding: .7rem;
    background-color: #fff !important
}

.shariff .shariff-button .share_text {
    font-size: 25px;
    margin-left: 1rem
}

.shariff .info {
    border: none
}

.shariff .info a {
    color: #b2b2b2 !important
}

.news .row .container {
    max-width: unset
}

.page-navigation .f3-widget-paginator li {
    border: 1px solid #575756;
    margin: 0 10px;
    padding: .5rem 1rem !important;
    font-size: 1.25rem
}

.page-navigation .f3-widget-paginator li.current {
    border: 1px solid #d10028
}

.news-list-view .news-img-wrap a {
    padding-left: 0 !important;
    padding-right: 0 !important
}

@media (min-width:576px) {
    .news-list-view .news-img-wrap a {
        padding-left: 4px !important;
        padding-right: 4px !important
    }
}

.case-study-cont {
    margin-top: 1rem;
    padding-left: 15px;
    padding-right: 15px
}

.case-study-cont .fa-file-pdf {
    margin-right: .25rem
}

.case-study-cont .frame-type-accordion {
    margin-bottom: 1.25rem
}

.case-study-view h6 {
    color: #d10028;
    font-family: HelveticaNeueLTPro-Lt
}

.case-study-view img {
    height: auto !important
}

.news-single .carousel-indicators {
    bottom: -24rem
}

.news-single .carousel-indicators li {
    height: 25px;
    width: 25px;
    border-radius: 50%;
    border: 1px solid #d10028;
    background: 0 0
}

.news-single .carousel-indicators li.active {
    background: #d10028
}

.news-single img {
    height: auto
}

.news-single .content-right-products {
    margin-top: -10rem
}

.news-single .content-right-products .accordion {
    padding-left: 0
}

.news-single .content-right-products .content-left-element {
    display: none !important
}

.news-single .content-right-products .frame {
    display: block
}

.news-single .content-left-products .frame {
    display: none
}

.news-single .content-left-products .frame-layout-6 {
    display: block !important
}

.news-single .content-left-products iframe, .news-single .content-left-products img {
    width: 100%
}

.tx-pxa-product-manager {
    margin-bottom: 2.5rem;
    margin-top: .8rem;
    margin-left: 15px;
    margin-right: 15px
}

@media (min-width:768px) {
    .tx-pxa-product-manager {
        margin-left: 0;
        margin-right: 0
    }
}

.products-list-view-wrapper {
    padding-left: 2rem
}

.products-list-view-wrapper .row {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%
}

@media (min-width:992px) {
    .products-list-view-wrapper {
        padding-left: .5rem
    }
}

.product-header-btn {
    float: right;
    padding-right: 0
}

.item-img img, .single-product-gallery__items img, .subCat-item-img img {
    height: auto;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    display: block
}

@media (min-width:768px) {
    .item-img img, .single-product-gallery__items img, .subCat-item-img img {
        max-width: 70%
    }
}

@media (min-width:992px) {
    .item-img img, .single-product-gallery__items img, .subCat-item-img img {
        max-width: 100%
    }
}

.single-product-gallery__assets {
    height: auto;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    display: block
}

@media (min-width:768px) {
    .single-product-gallery__assets {
        max-width: 70%
    }
}

@media (min-width:992px) {
    .single-product-gallery__assets {
        max-width: 100%
    }
}

.item-img {
    height: auto
}

.subCat-item-img {
    height: auto
}

.subCat-item-img img {
    padding: 0
}

.subCat-item-title h3 {
    font-size: 85%;
    color: #d10028;
    padding-top: 1.25rem
}

.subcategory-header h2 {
    font-size: 2.5rem
}

.productTitle h3 {
    color: #575756
}

@media (min-width:1500px) {
    .col-xxl-2 {
        -ms-flex: 0 0 20%;
        -webkit-box-flex: 0;
        flex: 0 0 20%;
        max-width: 20%
    }
}

@media (min-width:1500px) {
    .col-xxl-4 {
        -ms-flex: 0 0 38%;
        -webkit-box-flex: 0;
        flex: 0 0 38%;
        max-width: 38%
    }
}

@media (min-width:1500px) {
    .col-xxl-8 {
        -ms-flex: 0 0 62%;
        -webkit-box-flex: 0;
        flex: 0 0 62%;
        max-width: 62%
    }
}

.product-teaser p {
    color: #a0a0a0
}

.items-list.row {
    margin-left: 10px;
    margin-right: 10px
}

.itemCont {
    margin-bottom: 3rem
}

.itemCont .item-img {
    margin-bottom: 1.25rem
}

.product-related-file .fa-file-pdf::before {
    padding-right: 15px
}

.links-row {
    margin-top: 20px
}

.links-row span.ce-uploads-fileName {
    font-family: HelveticaNeueLTPro-Lt
}

.single-product-usp p {
    margin-bottom: 0
}

.typ-industries p {
    float: left;
    margin-bottom: 0
}

.typ-industries .toolTip {
    position: unset;
    display: unset
}

.typ-industries .toolTip .toolTip-text {
    top: 100%;
    bottom: unset;
    margin-left: -8rem
}

.products-header {
    border-bottom: #b2b2b2 2px solid
}

@media (min-width:768px) {
    .productTitle.item-title {
        height: 60px
    }
}

.single-product-table .table td, .single-product-table .table th {
    border-bottom: 1px solid #dee2e6;
    border-top: unset
}

.acc-body li, .product-attrDesc li {
    font-size: 1.2rem;
    padding-left: 10px
}

@media (min-width:992px) {
    .acc-body li, .product-attrDesc li {
        font-size: 1.1rem
    }
}

@media (min-width:1200px) {
    .acc-body li, .product-attrDesc li {
        font-size: 1.25rem
    }
}

.card-body .table td, .card-body .table th {
    font-size: 1.2rem;
    padding: .5rem;
    vertical-align: -webkit-baseline-middle;
    vertical-align: middle;
    font-weight: 400
}

@media (min-width:992px) {
    .card-body .table td, .card-body .table th {
        font-size: 1.4rem
    }
}

.card-body .table {
    color: #575756
}

p.icon span {
    display: block
}

p.icon span::before {
    margin-left: 0;
    margin-right: 1.25rem
}

@media (min-width:1200px) {
    .product-teaser {
        min-height: 200px
    }
}

#c124 header {
    padding-left: 0;
    padding-right: 0
}

#c124 h1 {
    border-bottom: #00000073 1px solid;
    padding-top: 1.5rem;
    padding-bottom: 1.75rem
}

.product-header sup {
    margin-left: -10px;
    font-size: 65%
}

.product-header .col-sm-8 {
    padding-top: 20px
}

.productTitle sup {
    margin-left: -10px;
    top: -.4em
}

.card-body-img img {
    max-width: 100%;
    height: auto
}

.products-slider-indicators {
    bottom: -1.5rem !important;
    right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important
}

.products-slider-indicators li {
    height: 1.2rem !important;
    width: 1.2rem !important;
    margin-right: .3rem
}

@media (min-width:1200px) {
    .products-slider-indicators li {
        height: 1.5rem !important;
        width: 1.5rem !important
    }
}

#carouselProducts .carousel-inner {
    background-color: #fff
}

.single-product-gallery__links .ce-uploads span {
    display: inline
}

.searchbox-404 .form-control {
    position: unset;
    width: 100%;
    height: 3.5rem;
    font-size: 1.8rem;
    color: #b2b2b2
}

.searchbox-404 .btn {
    font-size: 1.8rem;
    color: #b2b2b2
}

.contact-box {
    border: 1px solid #b2b2b2;
    position: relative;
    padding: 2rem
}

.contact-box .container-right {
    position: absolute;
    left: 60%
}

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

.bg-grey {
    background-color: #0000000D
}

@media (min-width:768px) {
    .bg-grey {
        min-height: 19rem
    }
}

.bg-grey-world {
    background-color: #0000000D
}

.bg-grey-world:after {
    content: "";
    background: url(../Images/worldmap.jpg);
    opacity: .3;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: -1;
    background-size: cover;
    background-repeat: no-repeat
}

@media (min-width:768px) {
    .bg-grey-world {
        min-height: 19rem
    }
}

.frame-type-contactbox.w-50 {
    width: 95% !important
}

@media (min-width:768px) {
    .frame-type-contactbox.w-50 {
        width: 46% !important
    }
}

@media (min-width:992px) {
    .frame-type-contactbox.w-50 {
        width: 48% !important
    }

    .frame-type-contactbox.w-50:nth-of-type(even) {
        margin-right: .3rem
    }

    .frame-type-contactbox.w-50:nth-of-type(odd) {
        margin-left: .3rem
    }
}

@media (min-width:1200px) {
    .frame-type-contactbox.w-50:nth-of-type(even) {
        margin-right: .5rem
    }

    .frame-type-contactbox.w-50:nth-of-type(odd) {
        margin-left: .5rem
    }
}

.p-inline {
    display: inline-block;
    width: 49%;
    vertical-align: text-top
}

.tx-powermail {
    margin-right: 5rem;
    margin-top: -2rem
}

.tx-powermail .powermail_field {
    position: relative
}

.tx-powermail .more-link, .tx-powermail a {
    font-size: 1.5rem
}

.tx-powermail input[type=email], .tx-powermail input[type=text], .tx-powermail select, .tx-powermail textarea {
    width: 100%;
    margin: 2rem 0;
    padding: 1rem;
    font-size: 1.25rem
}

.tx-powermail input[type=email]:active, .tx-powermail input[type=email]:focus, .tx-powermail input[type=text]:active, .tx-powermail input[type=text]:focus, .tx-powermail select:active, .tx-powermail select:focus, .tx-powermail textarea:active, .tx-powermail textarea:focus {
    outline: 0;
    border: 1px solid #d10028
}

.tx-powermail input[type=email].parsley-error, .tx-powermail input[type=text].parsley-error, .tx-powermail select.parsley-error, .tx-powermail textarea.parsley-error {
    border: 2px solid #d10028
}

.tx-powermail select {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none
}

.tx-powermail i {
    color: #b2b2b2;
    position: absolute;
    top: 55px;
    right: 20px;
    font-size: 1.1rem
}

.tx-powermail .powermail_fieldwrap {
    display: inline-block;
    width: 100%
}

.tx-powermail .powermail_fieldwrap_type_check {
    font-size: 1.5rem
}

.tx-powermail .powermail_fieldwrap_type_check input {
    width: unset;
    margin-top: 5px;
    cursor: pointer
}

.tx-powermail .checkbox {
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px
}

.tx-powermail .checkbox.parsley-error {
    background: #f08080;
    padding: .5rem
}

.tx-powermail .checkbox .cb-container {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.tx-powermail .checkbox .cb-container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0
}

.tx-powermail .checkbox .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    border: 1px solid #b2b2b2
}

.tx-powermail .checkbox .cb-container:hover input~.checkmark {
    background-color: #b2b2b2
}

.tx-powermail .checkbox .cb-container input:checked~.checkmark {
    background-color: #d10028
}

.tx-powermail .checkbox .checkmark:after {
    content: "";
    position: absolute;
    display: none
}

.tx-powermail .checkbox .cb-container input:checked~.checkmark:after {
    display: block
}

.tx-powermail .checkbox .cb-container .checkmark:after {
    left: 9px;
    top: 5px;
    width: 5px;
    height: 10px;
    border: solid #fff;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.tx-powermail .powermail_fieldwrap_prename, .tx-powermail .powermail_fieldwrap_saluation, .tx-powermail .powermail_fieldwrap_title, .tx-powermail .powermail_fieldwrap_zip {
    width: 38%
}

.tx-powermail .powermail_fieldwrap_city, .tx-powermail .powermail_fieldwrap_familyname {
    width: 58%
}

.tx-powermail .powermail_fieldwrap_prename, .tx-powermail .powermail_fieldwrap_saluation, .tx-powermail .powermail_fieldwrap_zip {
    margin-right: 4%
}

.tx-powermail .more-link {
    width: auto;
    padding: 1rem 2rem;
    background-color: #fff
}

.tx-powermail .parsley-errors-list {
    display: none
}

.article .tx-powermail {
    margin-left: 1rem;
    margin-right: 1rem
}

.locations {
    font-size: 25px
}

.locations:before {
    color: #d10028
}

.locations:hover {
    cursor: pointer
}

.locations .locationtext {
    background: #fff;
    border: 1px solid #b2b2b2;
    border-radius: 30px;
    padding: 2rem;
    width: 25rem;
    position: fixed;
    left: 2rem;
    bottom: 10rem;
    z-index: 10
}

@media (min-width:992px) {
    .locations .locationtext {
        position: absolute;
        bottom: 60px;
        left: -185px
    }
}

.locations .locationtext p {
    font-size: 20px !important;
    font-weight: 500
}

.locations .quadrat {
    background: #fff;
    width: 50px;
    height: 50px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    margin: 0 auto -50px
}

@media (min-width:992px) {
    .locations .toleft {
        bottom: -150px;
        left: -450px
    }

    .locations .toleft .quadrat {
        position: absolute;
        top: 40%;
        right: -18px
    }
}

@media (min-width:992px) {
    .locations .toright {
        bottom: -150px;
        left: 65px
    }

    .locations .toright .quadrat {
        position: absolute;
        top: 40%;
        left: -18px
    }
}

@media (min-width:992px) {
    .locations .tobottom {
        bottom: -380px;
        left: -180px
    }
}

.locations .tobottom .quadrat {
    position: absolute;
    top: -18px;
    left: -7%
}

.footer {
    color: #fff !important
}

.footer .btn {
    background: #fff;
    border-radius: 70px;
    color: #d10028;
    font-size: 2rem;
    padding: .2rem 2rem
}

.footer :active, .footer :link, .footer :visited, .footer h4, .footer h5, .footer h6 {
    color: #fff !important
}

.contact {
    background-color: #00000073
}

.contact-icons i:before {
    border-radius: 100%;
    display: inline-block;
    width: 5rem;
    height: 5rem;
    padding: 1.2rem 0;
    margin-bottom: 1rem;
    margin-bottom: 1rem;
    text-align: center;
    -webkit-box-shadow: 0 0 5px #666;
    box-shadow: 0 0 5px #666;
    font-display: swap;
    font-size: 2.5rem;
    vertical-align: middle;
    color: #b2b2b2;
    background-color: #fff
}

.copyright {
    background-color: #575756
}
.iconcolor {
    background: #00f
}

.footer img {
    width: 50% !important;
    height: auto
}

@media (min-width:576px) {
    .footer img {
        width: 80% !important
    }
}

.footer .mail-link, .footer .phone {
    color: #fff;
    font-style: normal;
    overflow-wrap: break-word
}

.footer .mail-link::before, .footer .phone::before {
    margin-left: 0;
    margin-right: .5rem
}

@media (min-width:576px) {
    .footer .mail-link, .footer .phone {
        overflow-wrap: unset
    }
}

.dropdown-toggle {
    border-bottom: 1px solid #00000073
}

@media (min-width:992px) {
    .dropdown-toggle {
        border: none
    }

    .dropdown-toggle i {
        display: none
    }
}

.subpage-nav {
    -webkit-box-shadow: 0 5px 5px -5px #575756;
    box-shadow: 0 5px 5px -5px #575756;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030;
    background: #fff;
    height: auto
}

@media (min-width:992px) {
    .subpage-nav {
        height: 6rem;
        position: fixed
    }
}

.subpage-nav img {
    max-height: 3rem
}

.subpage-nav .dropdown-menu {
    width: 100%;
    background: #fff
}

.subpage-nav .navbar-collapse {
    background: #fff;
    padding: 1rem;
    width: 100%;
    height: auto
}

@media (min-width:992px) {
    .subpage-nav .sub-only {
        display: inline-block !important
    }
}

.subpage-nav .micro-logo {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.subpage-nav .micro-logo img {
    height: auto;
    width: 65% !important;
    -ms-flex-line-pack: center;
    align-content: center
}

.subpage-nav .micro-logo .dinair-logo img {
    width: 60% !important
}

.subpage-nav .micro-logo .mixed-logo img {
    width: 90% !important;
    height: auto !important;
    max-height: 4rem
}

.subpage-margin {
    margin-top: 6rem
}

.breadcrumb {
    margin-top: 1rem;
    background-color: #fff;
    border-bottom: 1px solid #00000073;
    border-radius: 0
}

.breadcrumb i {
    color: #b2b2b2
}

@media (min-width:992px) {
    .breadcrumb {
        margin-top: 6rem
    }
}

.breadcrumb-item+.breadcrumb-item::before {
    padding-right: 0;
    content: ""
}

.breadcrumb-item+.breadcrumb-item {
    padding-left: 0
}

.languagemenu {
    position: absolute;
    z-index: 1000000;
    width: 99vw;
    height: 100vh;
    background-color: #fff
}

.languagemenu a, .languagemenu h6, .languagemenu i {
    color: #00000073
}

.languagemenu .map {
    right: 15%;
    opacity: .3;
    width: 50%;
    bottom: 20%
}

@media (min-width:1500px) {
    .languagemenu .map {
        bottom: 10%
    }
}

.languagelist {
    list-style-type: none
}

.languagelist img {
    width: 2.5rem;
    height: auto
}

.languagelist li {
    margin-bottom: .3rem
}

@media (min-width:992px) {
    .landing-page {
        margin-top: 6rem
    }
}

@media (max-width:992px) {
    .homepage-nav {
        padding-bottom: 1.5rem
    }
}

.img-map-back {
    overflow-x: hidden
}

.img-map-back:before {
    content: '';
    display: block;
    position: absolute;
    width: 55%;
    height: 50%;
    top: 18rem;
    left: 40vw;
    opacity: .7;
    background-image: url(../Images/worldmap.jpg);
    background-repeat: no-repeat;
    background-size: contain
}

@media (min-width:576px) {
    .img-map-back:before {
        opacity: .2
    }
}

@media (min-width:768px) {
    .img-map-back:before {
        width: 40%;
        height: 50%;
        top: 18rem;
        left: 50vw
    }
}

@media (min-width:1200px) {
    .img-map-back:before {
        width: 45%;
        height: 40%;
        top: 32vh;
        left: 55vw
    }
}

@media (min-width:1500px) {
    .img-map-back:before {
        width: 40%;
        top: 30vh;
        left: 50vw;
        opacity: .3
    }
}

.nav-small .nav-link {
    font-size: 1.04rem;
    padding-right: 0 !important;
    line-height: 1.5rem;
    font-weight: 700
}

@media (max-width:1500px) {
    .nav-small .nav-link {
        padding-top: .66rem
    }
}

@media (min-width:1500px) {
    .nav-small .nav-link {
        font-size: 1.25rem;
        line-height: 2.5rem
    }
}

.micro-nav .nav-link {
    padding-right: .5rem
}

.more-four-imgs {
    padding: 1rem
}

@media (min-width:992px) {
    .more-four-imgs:nth-child(3n-2) {
        padding-left: 0
    }

    .more-four-imgs:nth-child(3n) {
        padding-right: 0
    }
}

@media (min-width:992px) {
    .frame-layout-1 .more-four-imgs:nth-child(3n-1) {
        padding: 1rem .5rem
    }
}

.bg-blue-ris-slider {
    background: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(13%, rgba(0, 133, 192, .8)), to(rgba(0, 133, 192, .8)));
    background: linear-gradient(to right, transparent, rgba(0, 133, 192, .8) 13%, rgba(0, 133, 192, .8))
}

.content {
    display: flex;
    width: 100%;
    align-items: stretch;
}

.row.fields {
    border-top: 1px #dedede solid;
}
.fields:last-child{
  border-bottom: 1px #dedede solid;
}

.fields p {
    margin: 4px 0 4px;
}

.field_label {
	background: white;
	overflow: hidden;
}
.field_value {
	background: #f2f2f2;
}

body {
  padding-top: 80px;
}

.theme-dropdown .dropdown-menu {
  position: static;
  display: block;
  margin-bottom: 20px;
}

.theme-showcase > p > .btn {
  margin: 5px 0;
}

.theme-showcase .navbar .container {
  width: auto;
}


.toolbar {
	margin-right: 3px;
}
.full_screen_overlay{
	width: 100%;
	position: absolute;
	top: 0;
	opacity: 0.5;
	background: #333;
	z-index: 1000001;
	display: none;
	text-align: center;
	padding-top: 10%;
	vertical-align:middle;
	color: black;
}
div.about_info h2{
	font-size: 18px;
	margin-top: 0px;
}

@media all and (min-width: 992px) and (max-width:1200px){
	div.about_info h2{
		font-size: 14px;
		font-weight: bold;
	}
}

@media all and (min-width: 768px) and (max-width:992px){
	div.about_info h2{
		font-size: 12px;
		font-weight: bold;
	}
}

@media only screen and (device-width: 768px) {
	div.about_info h2{
		font-size: 18px;
	}
}
.breadcrumb {
	margin-left: -15px; 
	margin-right: -15px;
	margin-bottom: 0px !important;
}
div.rounder_border_container {
	border: 2px #ddd solid;
	padding: 10px;
	height: 100%;
	background: white;
}
.flexed {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display:         flex;
	flex-wrap: wrap;
}
.flexed > [class*='col-'] {
	display: flex;
	flex-direction: column;
}
.carousel-caption {
	text-align: left;
	color: black;
	text-shadow: none;
}

.carousel-control.left .carousel-control.right{
    background-image: none;
}

p.staff_name {
	margin: 0px;
}

.modal-backdrop {
	opacity: 0.7;
}

h3 {font-size: 1.5rem; margin-top: 10px; margin-bottom: 10px;}
h5 {margin-bottom: 10px;}


.nav-link {
  display: inline-block;
  position: relative;
}


.nav-link:hover{
    text-decoration: underline;
    text-decoration-color: #d10028;
}


.tile_sm {
	text-align: center;		
	border: 2px #c9c9c9 solid;
	border-radius: 25px;
	padding: 15px;
	width: 120px;
	height: 120px;
	font-weight: bold;
	margin: auto;
	margin-bottom: 15px;
	box-shadow: rgba(100, 100, 111, 0.1) 0px 7px 29px 0px;
}
.tile_sm:hover {
	box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}
.modal-dialog.reallyLargeModal {
    width: 100%;
}

tr.border_bottom {
    border-bottom: 2px #000 solid;
}