.text-black {
    color: black;
    font-size: 30px;
}

.main-header {
    height: 100px;
    padding: 30px 30px 0px 30px !important;
}

.pb-30 {
    padding-bottom: 30px;
}

.mr-100 {
    margin-right: 100px;
}

.main-footer {
    background: #1c2442;
    color: white;
    width: 100%;
    padding: 20px calc(24px / 2);
    z-index: 999;
}

.top-85 {
    top: 85px;
}

.d-flex {
    display: flex;
}

.bg-theme {
    background-color: #1d3e79;
}

table {
    font-size: 18px;
}

thead > tr > th > h5 {
    font-weight: bold;
}

.bottom-80 {
    margin-bottom: 80px;
}

button {
    border-color: #1d3e79  !important;
    background-color: #1D3E79 !important;
}

.black-btn{
    border-color: white  !important;
    background-color: white !important;
}

.bg-white{
    background-color: white !important;
}

.under-slider{
    display: none;
}
.desktop-hide{
    display: none;
}
@media (max-width:991px){

    .desktop-hide{
        display: block;
    }
    .mobile-hide{
        display: none;
    }
    .owl-carousel .owl-item{
        /* zoom:2; */
    }
    .owl-carousel img{
        width: 200% !important;
        /* margin-right: 50%; */
    }
    .under-slider{
        display: block;
    }
}

@media (max-width:768px){
    .home-btn{
        font-size:0.8rem;
    }
}

.nav-link{
    color: black !important;
}

/* Navigation */
a.link-search::before, span.icon.link-search::before {
    content: "";
    margin-right: 0.5em;
    vertical-align: baseline
}

a.link-shop::before, span.icon.link-shop::before {
    content: "";
    margin-right: 0.5em;
    vertical-align: baseline
}

a.link-contact::before, span.icon.link-contact::before {
    content: "";
    margin-right: 0.5em;
    vertical-align: baseline
}

ul.navbar-nav li > ul {
    background: rgba(29,62,121,0.85);
    opacity: 0;
}
ul.navbar-nav li.langswitch > ul li a {
    opacity: 0.8;
    font-weight: normal;
    color: #fff;
}

ul.navbar-nav li.langswitch .dropdown-item {
    padding: 0.25rem 0.5rem;
    background-color: transparent;
}
ul.navbar-nav li.langswitch .dropdown-item:hover {
    background-color: transparent;
}


ul.navbar-nav li a.link-search, ul.navbar-nav li a.link-shop, ul.navbar-nav li a.link-contact {
    font-size: 0
}
ul.navbar-nav li .active_lang {
    font-size: 0;
}

ul.navbar-nav li a.link-search::before, ul.navbar-nav li a.link-shop::before, ul.navbar-nav li a.link-contact::before {
    margin: 0;
    font-size: 16px;
    padding: 0 0.9375em;
    color: #1D3E79
}


ul.navbar-nav li.langswitch::before {
    padding-left: 0.9375em;
    content: "";
    color: #1D3E79;
    font-size: 16px;
}

ul.navbar-nav li.langswitch > ul {
    margin: 0;
    -ms-transform: none;
    transform: none;
    right: -10px;
    left: auto;
    width: auto
}

ul.navbar-nav li.langswitch > ul::before {
    content: "";
    position: absolute;
    top: -4px;
    left: auto;
    right: 18px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 5px 5px 5px;
    border-color: transparent transparent #1D3E79 transparent;
    -ms-transform: none;
    transform: none
}

ul.navbar-nav li.langswitch > ul li {
    display: block
}

ul.navbar-nav li.langswitch > ul li a {
    opacity: 0.8;
    font-weight: normal;
    color: #fff
}

ul.navbar-nav li.langswitch > ul li a:hover {
    opacity: 1;
    color: #fff
}

ul.navbar-nav li.langswitch:hover ul {
    opacity: 1;
    visibility: visible
}

/* Footer */
.t_align-center {
    text-align: center
}

footer ul li {
    list-style: none;
}

footer .container {
    box-sizing: border-box;
    max-width: 1200px;
    margin: 0 auto;
}

footer .container {
    max-width: 80%;
    width: 100%;
}

footer.pageFooter {
    background-color: #1D3E79;
    padding: 5rem 0 0 0;
    font-size: 14px;
    color: #fff
}

footer.pageFooter .row {
    margin-bottom: 3.125rem;
}

footer.pageFooter a {
    color: #fff;
    text-decoration: none
}

footer.pageFooter h1, footer.pageFooter h2, footer.pageFooter h3, footer.pageFooter h4, footer.pageFooter h5, footer.pageFooter h6, footer.pageFooter .h11, footer.pageFooter .h12, footer.pageFooter .h13, footer.pageFooter .h14, footer.pageFooter .h15, footer.pageFooter .h16 {
    color: #fff;
    display: inline-block
}

footer.pageFooter h1::after, footer.pageFooter h2::after, footer.pageFooter h3::after, footer.pageFooter h4::after, footer.pageFooter h5::after, footer.pageFooter h6::after, footer.pageFooter .h11::after, footer.pageFooter .h12::after, footer.pageFooter .h13::after, footer.pageFooter .h14::after, footer.pageFooter .h15::after, footer.pageFooter .h16::after {
    content: "";
    display: block;
    height: 1px;
    width: 100%;
    background: rgba(255, 255, 255, 0.5);
    margin-top: 0.1667rem
}

footer.pageFooter ul li {
    line-height: 2
}

footer.pageFooter ul li a {
    font-weight: 300;
    letter-spacing: 1px;
    opacity: .5;
    transition: .15s ease-out
}

footer.pageFooter ul li a:hover {
    opacity: 1
}

footer.pageFooter .secondaryFooter {
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    -moz-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

footer.pageFooter ul.secondaryFooter {
    margin: 0;
    padding: 0;
}

footer.pageFooter .secondaryFooter li {
    margin-right: 10px
}

footer.pageFooter .socialFooter {
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex
}

footer.pageFooter .socialFooter li {
    margin-right: 1em
}

footer.pageFooter .socialFooter li a {
    opacity: 1;
    display: inline-block;
    border: 1px solid #fff;
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center
}

footer.pageFooter .socialFooter li a:hover {
    background: #fff;
    color: #1D3E79
}

footer.pageFooter .metaFooter {
    margin: 5rem 0 0 0;
    margin: 0;
    background: #1C2442;
    padding: 10px 0;
}

/* Icons */
footer span.icon {
    color: #1C2442;
    text-decoration: none
}

@font-face {
    font-family: "precitec-iconfont";
    src: url("/fonts/precitec-iconfont.ttf?k0yhkl") format("truetype"),
         url("/fonts/precitec-iconfont.woff?k0yhkl") format("woff"),
         url("/fonts/precitec-iconfont.svg?k0yhkl#precitec-iconfont") format("svg");
    font-weight: normal;
    font-style: normal;
    font-display: block
}

[class^="icon-"], [class*=" icon-"], .iconElement, a.precitec-link::after, span.icon.precitec-link::after, a.link-shop::before, span.icon.link-shop::before, a.link-search::before, span.icon.link-search::before, a.link-contact::before, span.icon.link-contact::before, a.phone::before, span.icon.phone::before, a.mail::before, span.icon.mail::before, a.fax::before, span.icon.fax::before, .btn.pdf::before, .home_hero .product_type_element:hover .overlay a.pdf::before, button.pdf::before, input.pdf[type="button"]::before, input.pdf[type="submit"]::before, .btn.download::after, button.btn--fullscreen span.download::after, button.download::after, input.download[type="button"]::after, input.download[type="submit"]::after, .btn.search::before, .home_hero .product_type_element:hover .overlay a.search::before, button.search::before, input.search[type="button"]::before, input.search[type="submit"]::before, .btn::after, .btn.btn--fullscreen span::after, .home_hero .product_type_element:hover .overlay a.btn--fullscreen span::after, button.btn--fullscreen span::after, input[type="button"].btn--fullscreen span::after, input[type="submit"].btn--fullscreen span::after, .home_hero .product_type_element:hover .overlay a::after, .breadcrumbs ol li::after, .breadcrumbs ol li:first-child::before, .hero .scrollDown a::after, ul.navbar-nav li.langswitch::before, .mm-menu .mm-navbars_bottom .mm-navbar .select.fieldwrap::before, .newsView--filter--pagination .pagination-prev::before, .newsView--filter--pagination .pagination-next::before, .newsView-item--desc a.read-more::after {
    font-family: "precitec-iconfont" !important;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-youtube:before {
    content: ""
}

.icon-xing:before {
    content: ""
}

.icon-linkedin:before {
    content: ""
}


/* Aside Contact Us */
[class^="icon-"], [class*=" icon-"], aside.slide-in-box .trigger-open::after {
    font-family: "precitec-iconfont" !important;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

aside.slide-in-box .contact-person ul {
    margin: 0;
    padding: 0;
    list-style: none;
    list-style-type: none
}

aside.slide-in-box {
    position: fixed;
    z-index: 9991;
    top: 20vh;
    right: -400px;
    background: #fff;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15);
    width: 400px;
    transition: all 1s ease-out;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    -moz-align-items: flex-start;
    align-items: flex-start
}

aside.slide-in-box.open {
    right: 0
}

aside.slide-in-box .trigger-open {
    cursor: pointer;
    width: 50px;
    text-align: center;
    padding: 25px 0;
    position: relative;
    background-color: #1D3E79;
    -ms-transform: translateX(-100%);
    transform: translateX(-100%)
}

aside.slide-in-box .trigger-open::after {
    content: "";
    color: #fff
}

aside.slide-in-box .content {
    padding: 40px;
    width: 100%;
    margin-left: -50px
}

aside.slide-in-box .content h1, aside.slide-in-box .content h2, aside.slide-in-box .content h3, aside.slide-in-box .content h4, aside.slide-in-box .content h5, aside.slide-in-box .content h6, aside.slide-in-box .content .h11, aside.slide-in-box .content .h12, aside.slide-in-box .content .h13, aside.slide-in-box .content .h14, aside.slide-in-box .content .h15, aside.slide-in-box .content .h16 {
    margin: 0
}

aside.slide-in-box .content h2, aside.slide-in-box .content .h2 {
    margin-top: 0;
    margin-bottom: 1.533em
}

aside.slide-in-box .content a.phone {
    text-decoration: none;
    color: #666
}

aside.slide-in-box .content p {
    margin: 0 0 1.3rem 0
}

aside.slide-in-box .content p:last-of-type {
    margin: 0
}

aside.slide-in-box .contact-person {
    font-size: 0.875em
}

aside.slide-in-box .contact-person h1, aside.slide-in-box .contact-person h2, aside.slide-in-box .contact-person h3, aside.slide-in-box .contact-person h4, aside.slide-in-box .contact-person h5, aside.slide-in-box .contact-person h6, aside.slide-in-box .contact-person .h11, aside.slide-in-box .contact-person .h12, aside.slide-in-box .contact-person .h13, aside.slide-in-box .contact-person .h14, aside.slide-in-box .contact-person .h15, aside.slide-in-box .contact-person .h16 {
    margin-bottom: 0
}

aside.slide-in-box .contact-person h3 {
    margin-bottom: 5px
}

aside.slide-in-box .contact-person img {
    float: right;
    border-radius: 50%;
    overflow: hidden
}

aside.slide-in-box .contact-person footer {
    margin-top: 20px
}

aside.slide-in-box .btn {
    width: auto;
    font-family: "Helvetica Neue LT", Helvetica, Arial, sans-serif;
    font-size: 1rem;
    padding: 1.25em 3.125em;
    border-radius: 0;
    color: #fff;
    box-shadow: none;
    background-color: #1D3E79;
    margin: 0;
    display: inline-block;
    cursor: pointer;
    outline: none;
    text-decoration: none;
    font-weight: bold;
    border: 1px solid transparent;
    line-height: 1;
    transition: all 0.15s ease-in-out
}

aside.slide-in-box h2::after, aside.slide-in-box .h12::after {

    content: "";
    display: block;
    width: 1.875rem;
    height: 1px;
    background: #C1C8D5;
    position: relative;
    top: 0.953em;

}

@font-face {
    font-family: "Helvetica Neue LT";
    font-weight: 300;
    font-display: swap;
    src: url("https://www.precitec.com/typo3conf/ext/sitetemplate/Resources/Public/fonts/5664085/f9c5199e-a996-4c08-9042-1eb845bb7495.woff2") format("woff2"),
         url("https://www.precitec.com/typo3conf/ext/sitetemplate/Resources/Public/fonts/5664085/2a34f1f8-d701-4949-b12d-133c1c2636eb.woff") format("woff")
}

aside.slide-in-box h2 {
    font-family: "Helvetica Neue LT",Helvetica,Arial,sans-serif;
    color: #666;
    font-weight: 300;
    line-height: 1.4em;
}

aside.slide-in-box h3 {
    font-family: "Helvetica Neue LT",Helvetica,Arial,sans-serif;
    color: #666;
    font-size: 1.375rem;
    line-height: 1.364em;
}

.table_active_item {
    background-color: #1D3E79;
    color: white;
}

.font-21 {
    font-size: 21px;
}