:root {
    --primary-color: #83bc38;
    --secondary-color: #333333;
    --bs-body-bg: white;
}

body {
    background-color: white;
}

h1, h2, h3, h4, h5, h6 {
    color: #333333 ;
}

.h1, .h2, .h3, .h4, .h5, .h6 {
    color: #333333 ;
}

li span {
    color: #333333;
}

li {
    color: #333333;
}


p {
    font-size: 1.6vh;
    color: #333333;
}

a {
    color: #333333;
}

a:hover {
    color: var(--primary-color);
}

.text-primary {
    color: var(--primary-color) !important;
}

.text-secondary {
    color: var(--secondary-color) !important;
}

.bg-primary {
    background-color: var(--primary-color) !important;
}

.bg-primary {
    background-color: var(--primary-color) !important;
}

.btn-outline-secondary {
    border-color: var(--secondary-color) !important;
}

.btn-outline-blue {
    --bs-btn-color: #137ed5;
    --bs-btn-border-color: #137ed5;
    --bs-primary: #137ed5 !important;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #137ed5;
    --bs-btn-hover-border-color: #137ed5;
    --bs-btn-focus-shadow-rgb: 91, 160, 250;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #ffffff;
    --bs-btn-active-border-color: #137ed5;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(15, 19, 33, 0.125);
    --bs-btn-disabled-color: #137ed5;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #137ed5;
    --bs-gradient: none;
}

.bg-light {
    background-color: #f5f5f5 !important;
}

.cookie {
    border-radius: 50%;
    background-color: var(--primary-color);
    font-size: 3vh;
    height: 5vh;
    width: 5vh;
    color: white;
    text-align: center;
    position: fixed;
    top: 90%;
    left: 2%;
    z-index: 9999;
}

.cookie:hover {
    background-color: var(--secondary-color) !important;
}

.cookie:hover i {
    color: white !important; 
}


.bg-blue {
    background-color: #137ed5 !important;
}

.btnhaus {
    margin: 2% 35%;
}

.text-button {
    color: #333333;
}

.btn-outline-secondary:hover {
    border-color: var(--primary-color) !important;
}

.btnhaus:hover .text-button {
    color: white !important;
}

.link-underline {
    color: white;
}

.btn-primary {
    background-color: var(--primary-color) !important;
}

.hover {
    color: #333333 !important;
}

.hover:hover {
    color: #83bc38 !important;
}

.nav-item .active {
    background-color: #83bc38 !important;
    color: white !important;
}

.form-label {
    color: #474747 !important;
}

::placeholder {
    color: #7b7b7b !important;
}

#sendBtn {
    border: none !important;
}

.form-control {
    box-shadow: none !important;
    border-color: #333333 !important;
    color: #333333 !important
}



/*---- SECTION1 ----*/

.landing {
    background-image: url(../img/backgrounds/titelbild.jpg);
    background-size: cover;
    height: 100vh;
    width: 100%;
    z-index: -1;
}

.leistungen {
    background-image: url(../img/backgrounds/leistungen.jpg) !important;
    background-position-y: 25%;
}

.referenzen {
    background-image: url(../img/backgrounds/referenzen.jpg) !important;
    background-position-y: 55%;
}

.navbar {
    flex-direction: row-reverse;
}

.menucontainer {
    flex-direction: row-reverse;
    margin: 0;
}

.stoererlinks {
    width: 30%;
    padding: 2%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.7);
    backdrop-filter: blur(0.5vh);
}

.navbar-brand {
    width: auto;
    display: block;
    padding: 2%;
    position: relative;
}

.logo {
    margin-top: 35%;
}

.slogan {
    margin-top: 15%;
}

.zitat {
    font-size: 4.5vh;
    padding: 3% 5% 3% 5%;
}

.sidemenu {
    background-color: rgb(134 134 134 / 85%);
    backdrop-filter: blur(0.7vh);
}

.xmenu {
    background-color: white;
}

.xmenu:hover {
    background-color: var(--primary-color);
}

.strich-oben {
    border-top: solid 0.05vh rgb(210, 210, 210) !important;
}

.nav-link:focus, .nav-link:hover {
    color: var(--primary-color);
}

.nav-link:focus, .nav-link:active {
    color: var(--primary-color);
}

.collapse-group .nav-link[data-bs-toggle=collapse][aria-expanded=true], .collapse-group [data-bs-toggle=collapse][aria-expanded=true] {
    color: var(--primary-color);
}

.teamimage {
    border-radius: 20% !important;
}

.farbklecks1 {
    width: 37%;
    margin-left: -28%;
    margin-top: 23%;
}

.farbklecks2 {
    width: 65%;
    margin-left: 90%;
    margin-top: 2%;
}

.btn-red {
    margin-left: 32% !important;
    margin-top: 9% !important;
}


/*---- SECTION2 ----*/

/*---- Mobilanpassung ----*/
@media only screen and (max-width: 767px) {
    .cookie {
        font-size: 3vh;
        padding: 0 1.75% 0.5% 1.75%;
        position: fixed;
        top: 85%;
        left: 86.5%;
    }

    .stoererlinks {
        width: 100%;
        background-color: rgb(255 255 255 / 65%);
    }

    .navbar-brand {
        width: auto;
        display: block;
        padding: 0% 10%;
        position: relative;
    }

    .btnhaus {
        margin: 2% 32%;
    }

    .zitat {
        font-size: 3.75vh;
        padding: 3% 6% 3% 6%;
    }
}


/*---- Tablet Hochformat ----*/
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .stoererlinks {
        width: 40%;
    }

}