.bg-dark-green {
    background-color: #4A5C4E;
    color: white;
}

.bg-brown {
    background-color: #988A71;
}

.bg-beige {
    background-color: #F8F6F3;
}

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

.bg-brown p, .bg-brown h2, .bg-brown a, .bg-brown a:hover {
    color: white !important;
}

footer .bg-dark-green a {
    color: white;
    padding-left: 10px;
    padding-right: 10px;
}

.padding-40 {
    padding-top: 40px;
    padding-bottom: 40px;
}

.uk-grid-none {
    padding-left: 0;
}

footer .uk-card-small .uk-card-body, .uk-card-small.uk-card-body {
    padding: 0px 5px;
}

.wood-pattern-right {
    background-image: url(../img/GOTTENAU_WoodGraphic_freigestellt.png);
    background-position: top 0 right -200px;
    background-size: 400px;
    background-repeat: no-repeat;
}

.wood-pattern-left {
    background-image: url(../img/GOTTENAU_WoodGraphic_freigestellt.png);
    background-position: top 100px left -200px;
    background-size: 400px;
    background-repeat: no-repeat;
}

.wood-pattern {
    background-image: url(../img/GOTTENAU_WoodGraphic_freigestellt.png), url(../img/GOTTENAU_WoodGraphic_freigestellt.png);
    background-position: top 0 right -200px, top 70px left -200px;
    background-size: 400px, 400px;
    background-repeat: no-repeat, no-repeat;
}

.wood-pattern-text-box {
    background-image: url(../img/holzmaserung.png);
    background-position: top 50% right -254px;
    background-size: 516px;
    background-repeat: no-repeat;
}

.uk-height-xlarge {
    xxxheight: 600px;
}

.uk-close, .uk-close:hover {
    color: white;
}

@media (max-width: 1200px) {
    .uk-close, .uk-close:hover {
        color: #525252;
    }
}

@media (min-width: 1200px) {
    .uk-modal-container h1, .uk-modal-container h2 {
        font-size: 40px;
    }
}

.uk-close svg {
    width: 28px;
    height: 28px;
}

.uk-close svg line {
    stroke-width: 1px;
}

@media (max-width: 600px) {
    .schnelleinstiege .uk-card-body p {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 3; /* number of lines to show */
        line-clamp: 3;
        -webkit-box-orient: vertical;
    }

    footer a, footer {
        font-size: 16px;
    }

    footer .uk-transition-fade {
        opacity: 1;
    }

}

.schnelleinstiege .uk-card-body p {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 7; /* number of lines to show */
    line-clamp: 7;
    -webkit-box-orient: vertical;
}

.fading-slider .uk-transition-fade {
    opacity: 0.21;
}

.fading-slider .uk-transition-active.uk-active .uk-transition-fade {
    opacity: 1.0;
}

.fading-slider .uk-grid-column-large > *, .uk-grid-large > * {
    padding-left: 70px;
}

.container-no-padding {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

@media (max-width: 640px) {
    .fading-slider .uk-height-large {
        height: 300px;
    }

    .fading-slider.uk-slider-container {
        xxxheight: 600px;
    }

    .fading-slider .uk-margin-medium-top {
        xxxmargin: 20px !important;
    }
}

@media (min-width: 1px) {
    .fading-slider .uk-flex-first\@s {
        order: -1;
    }
}

@media (min-width: 1200px) {
    .uk-modal-container .uk-child-width-1-3\@l>* {
        width: calc(33.3333%) !important;
    }
}

.uk-lefty {
    xxxheight: 80%;
}

@media (min-width: 1200px) {
    .uk-lefty {
        margin-left: -80px;
        xxxwidth: calc(100% - 80px);
    }
}

@media (max-width: 1199px) {
    .uk-lefty {
        margin: -80px auto 0;
    }
}

.bildbildtext .uk-tab {
    background-color: #F8F6F3;
}

.bildbildtext .uk-tab::before {
    border-bottom: 0;
}

.bildbildtext .uk-tab > a {
    color: #c1c0be;
}

.bildbildtext .uk-tab > a:hover {
    color: #525252;
}

.bildbildtext .uk-tab > .uk-active > a {
    color: #525252;
    border-color: unset;
}

.bildbildtext .uk-tab-bottom > * > a {
    border-top: 0;
    text-transform: unset;
    font-size: unset;
    padding: 15px 10px;
    font-weight:500;
}

.bildbildtext .uk-tab-bottom li:not(:last-child)::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    width: 1px;
    height: 80%; /* Adjust the height as needed */
    background-color: #000; /* Change color as needed */
}