@import "fonts.css";

html {
    font-size: 20px;
    font-weight: 300;
    color: #000;
    line-height: 1.75;
}

html, body, .uk-h1, .uk-h2, .uk-h3, .uk-h4, .uk-h5, .uk-h6, .uk-heading-2xlarge, .uk-heading-3xlarge, .uk-heading-large, .uk-heading-medium, .uk-heading-small, .uk-heading-xlarge, h1, h2, h3, h4, h5, h6 {
    font-family: BarlowCondensed;
    color: #000;
}
b, strong {
    font-weight: 600;
}
.uk-navbar-toggle {
    color: #000 !important;
}


.uk-dropbar {
    background-color: #1D1D1D;
}
.uk-drop .uk-nav>li>a {
    font-size: 24px;
    font-family: "Barlow";
    padding: 20px 0;
}
.uk-drop .uk-nav>li {
    border-bottom: solid 1px #fff;
}

body.unternehmen li.nav-unternehmen>a,
body.planung li.nav-planung>a,
body.treppentypen li.nav-treppentypen>a {
    color: #049845;
}



.vd-dark {
    background-color: #1D1D1D;
    color: #fff;
}
.green {
    color: #049845 !important;
}

.vd-vertical-middle {
    display: flex;
    align-items: center;
}
.vd-vertical-middle > * {
    width: 100%;
}
.uk-container {
    max-width: 1620px;
}
.uk-container-small {
    margin: 0 auto;
}
.uk-padding {padding: 120px 0;}
.uk-padding-small {padding: 40px 0;}
.uk-padding-large {padding: 145px 0;}

h1 {
    font-size: 100px;
    line-height: 1.1;
    font-weight: 600;
}
h2, .uk-h2 {
    font-weight: 600;
}


.uk-navbar-container .uk-container {
    padding: 0 70px;
}
.uk-navbar-item, .uk-navbar-nav>li>a, .uk-navbar-toggle {
    column-gap: .25em;
    min-height: 155px;
    font-family: Barlow;
}



.uk-button {
    background-color: #049845;
    line-height: 58px;
    padding: 0 22px;
    border-radius: 5px;
    font-family: "BarlowCondensed";
    font-size: 25px;
    text-transform: uppercase;
    transition: all 0.3s;
    color: #fff;
    font-weight: 300;
}
.uk-button:hover {
    background-color: #fff;
    color: #049845 !important;
    transition: all 0.3s;
}



.vd-header-image {
    height: 487px;
}
.vd-header .vd-dark {
    height: calc(100vh - 155px);
}

.half-content-wrapper {
    padding-top: 120px;
    padding-bottom: 120px;
    min-height: 770px;
    box-sizing: border-box;
}



.uk-position-center-left,
.uk-position-center-right {
    width: 50px;
    height: 50px;
}
.uk-position-center-left {background: url('../images/icon-left.svg') no-repeat center;}
.uk-position-center-right {background: url('../images/icon-right.svg') no-repeat center;}

    .uk-position-center-left svg,
    .uk-position-center-right svg {
        display: none;
    }


.contact-wrapper .uk-grid-small {
    display: flex;
    align-items: center;
    justify-content: center;
}
.contact-wrapper a {
    color: #000;
    font-size: 30px;
    text-decoration: none;
}



footer a, footer a:hover {
    color: #000;
}

@media screen and (min-width: 1660px) {
    .half-content-wrapper {
        padding-left: calc((100vw - 1620px) / 2);
        padding-right: 20%;
    }
	.vd-header-image {
    height: 600px;
	}
}
@media screen and (max-width: 1660px) {
    .half-content-wrapper {
        padding-left: 40px;
        padding-right: 40px;
    }
}
@media screen and (max-width: 1024px) {
    .uk-logo img {
        max-width: 108px;
    }
    .uk-navbar-item, .uk-navbar-nav>li>a, .uk-navbar-toggle {
        min-height: 85px;
    }
    .vd-header-image {
        height: calc(100vw / 16* 7);
    }
    html {
        font-size: 16px;
    }
    h1, .uk-h1 {
        font-size: 42px;
    }
    h2, .uk-h2 {
        font-size: 30px;
    }
    .uk-navbar-container .uk-container {
        padding: 0 17px;
    }

    .vd-header .vd-dark {
        height: auto;
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .uk-button {
        background-color: #049845;
        line-height: 40px;
        padding: 0 20px;
        font-size: 18px;
    }
    .uk-slideshow-items {
        max-height: calc(100vw / 5 * 6) !important;
        min-height: calc(100vw / 5 * 6) !important;
    }
    .uk-slideshow-items>* {
        max-height: calc(100vw / 5 * 6) !important;
    }
    .uk-padding-large {
        padding: 45px 0;
    }
    .uk-padding {
        padding: 45px 0;
    }
    .contact-wrapper a {
        font-size: 28px;
    }
}


@media screen and (max-width: 960px) {
    .half-content-wrapper {
        padding-left: 30px;
        padding-right: 30px;
        min-height: auto;
        padding-top: 60px;
        padding-bottom: 60px;
    }
    .vd-left-right .uk-cover-container {
        min-height: calc(100vw / 16 * 12);
    }
    .vd-left-right > *:nth-of-type(even) > *:first-child {
        order: 2;
    }
}


.uk-link, a {
    color: #049845;
}