@media (min-width: 960px) {

    .uk-h1,
    h1 {
        font-size: 47px;
    }
}

.uk-section.checkered {

}
.uk-link,
a {
    color: #c51a1b;
}
.uk-link:hover,
a:hover {
    color: #c51a1b;
}
.uk-button-primary{
    background-color: #c51a1b;
    color: #fff;
}
.uk-button-primary:hover{
    background-color: #575757;
    color: #fff;
}
.uk-navbar-nav>li:hover>a::before,
.uk-navbar-nav>li>a[aria-expanded=true]::before{
        background-color: #c51a1b;
}
.uk-navbar-nav>li:hover>a,
.uk-navbar-nav>li>a[aria-expanded=true]{
    color:#c51a1b;
}
.uk-navbar-nav>li.uk-active>a::before{
    background-color: #c51a1b;
}
.uk-navbar-dropdown-nav>li>a:hover {
    color: #c51a1b;
}
.uk-section-muted {
    background: #575757;
    background: #c6c6c6;
}
.uk-section-secondary {
    background: #c51a1b;
}
.uk-section-muted.light,
.uk-section-muted.light-blue {
    background-color: #c6c6c6;
    color:#fff;
}

.uk-section-primary{
    background-color: #575757;
}

.uk-dotnav>li>*{
        background: #575757;
}
.uk-dotnav>.uk-active>*,
.uk-dotnav>li:hover>*{
        background: #c51a1b;
}


.uk-section-primary:not(.uk-preserve-color) .uk-button-secondary:hover{
    color: #e30031 !important;
    background: #fff !important;
}
.uk-section-muted:not(.uk-preserve-color) .uk-button-primary{
    color: #575757;
    background: #fff !important;
}
.uk-section-muted:not(.uk-preserve-color) .uk-button-primary:hover{
    color: #fff;
    background: #e30031 !important;
}

.uk-section-muted.light-blue a,
.uk-section-muted.light a,
.uk-section-muted.light-blue h1,
.uk-section-muted.light h1,
.uk-section-muted.light-blue .uk-h1,
.uk-section-muted.light .uk-h1,
.uk-section-muted.light-blue h2,
.uk-section-muted.light h2,
.uk-section-muted.light-blue .uk-h2,
.uk-section-muted.light .uk-h2 {
    color: #fff;
}

/*
.uk-section-muted .uk-h1,
.uk-section-muted .uk-h2,
.uk-section-muted .uk-h3,
.uk-section-muted .uk-h4,
.uk-section-muted .uk-h5,
.uk-section-muted .uk-h6,
.uk-section-muted .uk-heading-2xlarge,
.uk-section-muted .uk-heading-large,
.uk-section-muted .uk-heading-medium,
.uk-section-muted .uk-heading-small,
.uk-section-muted .uk-heading-xlarge,
.uk-section-muted h1,
.uk-section-muted h2,
.uk-section-muted h3,
.uk-section-muted h4,
.uk-section-muted h5,
.uk-section-muted h6{
    color: #fff;
}
    */

.uk-text-primary{
    color:#c51a1b !important;
}
.uk-text-secondary{
    color:#575757!important;
}

.uk-h1,
.uk-h2 {
    text-transform: uppercase;
}

h1.double,
h2.double {
    position: relative;
    text-transform: uppercase;
    font-weight: 500;
    color: #c51a1b;
}

h2.double {
    font-size: 52px;
}

h1.double::before,
h2.double::before {
    content: attr(data-before);
    position: absolute;
    left: 0;
    top: 0;
    transform: translate(-17px, -17px) scale(1.4);
    font-weight: bold;
    transform-origin: left;
    line-height: 1.1em;
    -webkit-text-stroke: 0.5px #575757;
    -webkit-text-fill-color: white;
}


h1.uk-text-center.double::before,
h2.uk-text-center.double::before {
    transform-origin: center;
    left: 50%;
    top: 0;
    transform: translate(-50%, -0.5em) scale(1.4);
    -webkit-text-stroke: 0.5px #575757;
    -webkit-text-fill-color: transparent;
    width: calc(100% + 6px);
    opacity: 0.8;
}

h1.double::before,
h2.double::before{
    font-family: 'RobotoOutline' !important;
}

h1.double.inverse,
h2.double.inverse {
    color: #575757;
}

h1.double.inverse::before,
h2.double.inverse::before {
    -webkit-text-stroke: 0.5px #c51a1b;
    -webkit-text-fill-color: white;
}

h1.uk-text-center.double.inverse::before,
h2.uk-text-center.double.inverse::before{
    -webkit-text-stroke: 0.5px #c51a1b;
        -webkit-text-fill-color: transparent;
}

h1.double::before,
h2.double::before {
    width: calc(100% + 6px);
}

@media (max-width: 959px) {

    h1.double::before,
    h2.double::before {
        width: calc(100% + 6px);
    }

    h1.uk-text-center.double::before,
    h2.uk-text-center.double::before {
        width: calc(100% + 2px);
    }
}

h1.double span,
h2.double span {
    position: relative;
    z-index: 2;
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {

    h1.double::before,
    h2.double::before {
        color: white;
        text-shadow: -1px -1px 0 #c51a1b, 1px -1px 0 #c51a1b, -1px 1px 0 #c51a1b, 1px 1px 0 #c51a1b;
    }
}

.uk-text-lead {
    font-size: 18px;
    font-weight: 400;
    line-height: 1.8;
}

.uk-button {
    border-radius: 0;
    font-weight: normal;
}

.checkered {
    color: #fff !important;
}

.home-icons svg {
    width: 60px;
}

.home-icons h3 {
    font-size: 29px;
    text-transform: uppercase;
    font-weight: 500;
}

.wv-contact .el-title {
    position: relative;
}

.wv-contact .el-title::after {
    content: '';
    display: block;
    width: 120px;
    height: 2px;
    background: #c51a1b;
    left: 50%;
    position: absolute;
    bottom: -8px;
    transform: translateX(-50%);
}

.wv-contact svg {
    width: 60px;
}
.uk-tile-muted{
    background-color: #575757;
    color:#fff;
    background-color: #c6c6c6;
    color:#000;
}


.uk-tile-muted h1,
.uk-tile-muted h2,
.uk-tile-muted h3,
.uk-tile-muted h4,
.uk-tile-muted h5,
.uk-tile-muted h6,
.uk-tile-muted .uk-h1,
.uk-tile-muted .uk-h2,
.uk-tile-muted .uk-h3,
.uk-tile-muted .uk-h4,
.uk-tile-muted .uk-h5,
.uk-tile-muted .uk-h6{
    color: #fff;
    color: #000;
}

.uk-tile-primary {
    background-color: #575757;
    color: #fff;
}
:where(.uk-tile-primary:not(.uk-preserve-color))>* {
    color: #fff;
}

.uk-tile-primary h1,
.uk-tile-primary h2,
.uk-tile-primary h3,
.uk-tile-primary h4,
.uk-tile-primary h5,
.uk-tile-primary h6,
.uk-tile-primary .uk-h1,
.uk-tile-primary .uk-h2,
.uk-tile-primary .uk-h3,
.uk-tile-primary .uk-h4,
.uk-tile-primary .uk-h5,
.uk-tile-primary .uk-h6 {
    color: #fff;
}

.uk-tile-secondary {
    color: #fff;
}
:where(.uk-tile-secondary:not(.uk-preserve-color))>* {
    color: #fff;
}
.uk-section-primary .uk-button-secondary {
    background-color: #c51a1b !important;
    color: #fff !important;
}

div[uk-accordion] .el-title {
    text-transform: uppercase;
    color: #575757;
    font-size: 28px;
    font-weight: 500;
    margin-bottom: 8px;
}

div[uk-accordion] .el-item {
    margin-top: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #575757;

}

div[uk-accordion] .uk-open .el-title {
    color: #c51a1b;
}

.uk-accordion-title::before {
    color: #c51a1b;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23c51a1b%22%20width%3D%2213%22%20height%3D%221%22%20x%3D%220%22%20y%3D%226%22%20%2F%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23c51a1b%22%20width%3D%221%22%20height%3D%2213%22%20x%3D%226%22%20y%3D%220%22%20%2F%3E%0A%3C%2Fsvg%3E");
}

.uk-accordion-content {
    margin-bottom: 20px;
}

hr {
    border-color: #c51a1b;
}

.reference.border-top {
    border-top: 1px solid #c51a1b;
    padding-top: 90px;
}


.uk-logo {
    margin-top: 10px;
}


.tm-header {
    border-bottom: 1px solid #fff;
}


.home--slideshow .el-title {
    color: #c51a1b;
    max-width: 50%;
}

.home--slideshow .el-content {
    min-height: 80px;
}

.home--slideshow .el-image {
    color: #fff;
    max-width: 40%;
    height: auto !important;
    right: 0;
    left: auto !important;
    transform: translateY(-50%);
    position: absolute;
    top: 50%;
    /*transform: none;
  top: 10%;*/

}

.home--slideshow .el-item {
    transition-duration: 0.3s !important;
}

.home--slideshow .el-overlay {
    padding-left: 10%;
    position: relative;
}

.home--slideshow .el-overlay::before {
    content: 'MB';
    font-size: 250pt;
    color: #ececec;

    position: absolute;
    left: 10px;
    top: -80%;
    font-weight: 900;
}


.contact-grid i {
    color: #c51a1b;
}

.contact-grid svg {
    width: 20px;
    margin-right: 5px;
}

.contact-grid i[uk-icon="mb-adresse"] {
    float: left;
}

.contact-grid .contact-address {
    padding-left: 30px;
}

.contact-grid {
    max-width: 580px;
}

.wpcf7 textarea {
    height: 120px;
}

.wv-maps {
    background-image: url('../../../../wp-content/uploads/2021/08/map_mb_gebaeudetechnik.jpg');
    background-size: cover;
    background-position: center;

    position: absolute;
    top: 0;
    left: 20px;
    height: 100%;
    width: 100%;
}

.wv-maps a.full {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}



/***************** Mobile Home Slider ******************/
@media (max-width: 1524px) {
    .home--slideshow .el-title {
        font-size: 41pt;
    }

    .home--slideshow .el-content {
        min-height: 80px;
        max-width: 50%;
    }
}

@media (max-width: 1330px) {
    .home--slideshow .el-title {
        font-size: 36pt;
    }
}

@media (max-width: 1160px) {
    .home--slideshow .el-image {
        max-width: none;
    }

    .home--slideshow .el-overlay {
        background: #ffffffa1;
        padding: 140px 60px 45px 10%;
    }

    .home--slideshow .el-overlay::before {
        top: -50%;
        top: -20%;
    }

    .home--slideshow .el-content,
    .home--slideshow .el-title {
        max-width: 100%;
    }
}

@media (max-width: 635px) {
    .home--slideshow .el-overlay::before {
        font-size: 200pt;
    }

    .home--slideshow .el-overlay::before {
        top: -75px;
    }
}

@media (max-width: 600px) {
    .home--slideshow .el-title {
        font-size: 26pt;
    }

    .home--slideshow .el-overlay::before {
        top: -75px;
    }
}

@media (max-width: 520px) {
    .home--slideshow .el-title {
        font-size: 20pt;
    }

    .home--slideshow .el-overlay::before {
        font-size: 150pt;
    }

    .home--slideshow .el-overlay::before {
        top: -55px;
    }

    .home--slideshow .el-overlay {
        padding-top: 115px;
        padding-bottom: 25px;
    }
}

@media (max-width: 420px) {
    .home--slideshow .el-title {
        font-size: 18pt;
    }

    .home--slideshow .el-overlay::before {
        font-size: 125pt;
    }

    .home--slideshow .el-overlay::before {
        top: -40px;
    }

    .home--slideshow .el-overlay {
        padding-top: 90px;
        padding-bottom: 25px;
    }
}

@media (max-width: 385px) {
    .home--slideshow .el-title {
        font-size: 18pt;
    }

    .home--slideshow .el-overlay::before {
        font-size: 110pt;
    }

    .home--slideshow .el-overlay::before {
        top: -40px;
    }

    .home--slideshow .el-overlay {
        padding-top: 90px;
        padding-bottom: 25px;
        padding-right: 25px;
        padding-left: 25px;
    }
}

/************* Mobile Header ***************/
@media (max-width: 1130px) {
    .tm-header .uk-logo {
        width: 250px;
        margin-top: 0;
    }
}

@media (max-width: 959px) {
    .tm-header-mobile .uk-logo {
        width: 250px;
        margin-top: 0;
    }
}

/************* Mobile Main Menu ***************/
@media (max-width: 1295px) {
    .uk-navbar-nav>li>a {
        padding: 0 15px;
    }
}

@media (max-width: 1195px) {
    .uk-navbar-nav>li>a {
        padding: 0 10px;
    }
}

@media (max-width: 1130px) {
    .uk-navbar-nav>li>a {
        padding: 0 8px;
        font-size: 18px;
    }
}

@media (max-width: 1075px) {
    .uk-navbar-nav>li>a {
        font-size: 16px;
    }
}


/************* Mobile headlines ***************/



@media (max-width: 959px) {

    h1.uk-text-center.double::before,
    h2.uk-text-center.double::before,
    h1.double::before,
    h2.double::before {
        opacity: 0.4;
    }

    h2.double {
        font-size: 32px;
    }

    div[uk-accordion] .el-title.uk-accordion-title {
        font-size: 24px;
    }

    .uk-h2 {
        font-size: 26px;
    }

    .light-blue.uk-section-muted div.uk-h1,
    .light.uk-section-muted div.uk-h1,
    .light-blue.uk-section-muted h2,
    .light.uk-section-muted h2 {
        text-align: center;
    }

    .mobile-text-left {
        text-align: left !important;
    }
}

@media (max-width: 540px) {
    div[uk-accordion] .el-title.uk-accordion-title {
        font-size: 20px;
    }
}

@media (max-width: 520px) {
    h1.uk-heading-large {
        font-size: 34px;
    }

    h1.double {
        font-size: 34px;
    }

    h2.double {
        font-size: 28px;
    }

    .uk-h1 {
        font-size: 28px;
    }

    .uk-h2 {
        font-size: 22px;
    }

    .checkered .uk-h2 {
        font-size: 18px;
    }
}

@media (max-width: 475px) {
    div[uk-accordion] .el-title.uk-accordion-title {
        font-size: 16px;
    }
}

@media (max-width: 375px) {
    div[uk-accordion] .el-title.uk-accordion-title {
        font-size: 13px;
    }
}


/************* Mobile Sonstiges ************/

@media (max-width: 959px) {
    .wv-maps {
        position: relative;
        height: 200px;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
    }
}

.uk-offcanvas-bar .uk-nav-default>li>a,
.uk-offcanvas-bar .uk-nav-default .uk-nav-sub a {
    color: #fff;
}

.uk-offcanvas-bar .uk-nav-default>li.uk-active>a,
.uk-offcanvas-bar .uk-nav-default .uk-nav-sub li.uk-active>a {
    font-weight: bold;
    position: relative;
}

.uk-offcanvas-bar .uk-nav-default>li.uk-active>a::before,
.uk-offcanvas-bar .uk-nav-default .uk-nav-sub li.uk-active>a::before {
    content: '';
    width: 20px;
    height: 20px;
    display: inline-block;
    position: absolute;
    left: -20px;
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpolygon fill='%23fff' points='8 5 13 10 8 15'%3E%3C/polygon%3E%3C/svg%3E");
}

.uk-offcanvas-overlay::before {
    background: rgb(0 0 0 / 66%);
}

.uk-offcanvas-bar .uk-nav {
    margin-top: 30px;
}

.uk-offcanvas-bar .uk-close {
    color: #fff;
}

.tm-header {
    background: #ffffffb3;
}





@media (max-width: 1219px) {
    .bg-image-right .uk-width-2-3\@m {
        width: 100%;
    }
}

@media (min-width: 1220px) {

    .bg-image-column>.uk-panel {
        position: initial;
    }

    .bg-image-column>.uk-panel .uk-margin {
        position: absolute;
        top: 0;
        right: 0;
        width: 542px;
        bottom: 0;
        display: flex;
        justify-content: flex-end;
    }
}


.wpcf7-acceptance .wpcf7-list-item {
    margin-left: 0;
}


.v-card-item .row.name,
.v-card-item .row.position,
.v-card-item .row.mail,
.v-card-item .row.phone {
    display: block;
}

.v-card-item {
    position: relative;
}

.v-card-item>div>div:nth-child(1) {
    position: relative;
}

.v-card-item .row.phone {
    margin-top: 5px;
}

.v-card-item .row.phone .label.phone i {
    position: relative;
    top: -2px;
}

.v-card-item .row.email .label.email i {
    position: relative;
    top: -1px;
}

.vcard-btn {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}

.vcard-btn.uk-button-secondary {
    background-color: #c51a1b !important;
    color: #fff;
}
.vcard-btn.uk-button-secondary a{
    color: #fff;
}
.section-v-card a,
.section-v-card i.uk-icon{
    /*color: #fff;*/
    color: #000;
}

.vcard-btn.uk-button-secondary:hover {
    background-color: #c7002b !important;
    text-decoration: none;
}

.vcard-btn.uk-button-secondary a:hover {
    text-decoration: none;
}


.v-card-item .row.name h3 {
    margin-bottom: 0;
}

.v-card-item .row.position {
    margin-top: 5px;
    margin-bottom: 20px;
}

.v-card-item .label {
    margin-right: 5px;
}

.section-v-card .el-slidenav {
    background: #c51a1b85;
    color: #fff;
}

@media (max-width: 1325px) {
    .section-v-card .el-slidenav.uk-slidenav-previous {
        margin-right: 3px;
    }

    .section-v-card .el-slidenav.uk-slidenav-next {
        margin-left: 3px;
    }
}

@media (max-width: 1199px) {
    .section-v-card .uk-slider-container {
        padding-left: 20px;
        padding-right: 20px;
    }

    .section-v-card .el-slidenav.uk-slidenav-previous {
        left: -35px;
    }

    .section-v-card .el-slidenav.uk-slidenav-next {
        right: -35px;
    }
}

@media (max-width: 639px) {
    .section-v-card .uk-slider-container {
        padding-left: 25px;
        padding-right: 25px;
    }

    .section-v-card .el-slidenav.uk-slidenav-previous {
        left: -28px;
    }

    .section-v-card .el-slidenav.uk-slidenav-next {
        right: -28px;
    }
}

a.footer-youtube:hover {
    text-decoration: none;
}

a.footer-youtube:hover span {
    text-decoration: underline;
}

.footer-copy-youtube-container {
    display: flex;
    flex-direction: column;
}

@media (max-width: 639px) {
    .footer-copy-youtube-container>p:nth-child(1) {
        order: 2;
    }

    .footer-copy-youtube-container>a:nth-child(2) {
        order: 1;
        margin-bottom: 8px;
    }
}

.footer-copy-youtube-container p {
    margin-bottom: 8px;
}

.footer-menu .uk-nav>li>a {
    padding-top: 0;
}

.footer-menu .uk-nav>li {
    margin-bottom: 3px;
}