html {
  scroll-behavior: smooth;
}
section,
article {
    scroll-margin-top: -1px;
}
body {
    font-family: 'Lexend Deca', arial, sans-serif;
    font-weight: 400;
    font-size: 1.1rem !important;
    line-height: 1.6rem;
	letter-spacing: 0px;
    word-break: normal;
	color: rgba(0,0,0,1);
	background-color: rgba(255,255,255,1);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	width: 100%; 
	height:100%;
	position: relative;
}
* {
    font-family: 'Lexend Deca';
}
p {
    margin: 20px 0;
    padding: 0;
}
.p-plain > p {
    margin: 0 !important;
    padding: 0 !important;
}
a {
    color: rgba(0,0,0,1);
    cursor: pointer;
    text-decoration: underline;
    transition: all 0.5s ease-in-out;
}
a:hover {
    color: rgba(0,0,0,1);
}
h1 {
    padding: 0;
    margin: 0;
    font-weight: 700;
}
h2, h3, h4, h5 {
    padding: 0;
    margin: 0 0 1rem 0;
    font-weight: 700;
}
h1 p, h2 p, h3 p, h4 p, h5 p {
    padding: 0;
    margin: 0;
}
h1, .fs-1 {
    font-size: 4rem !important;
    line-height: 4.5rem !important;
}
h2, .fs-2 {
    font-size: 3.5rem !important;
    line-height: 4rem !important;
}
h3, .fs-3 {
    font-size: 3rem !important;
    line-height: 3.5rem !important;
}
h4, .fs-4 {
    font-size: 2.5rem;
    line-height: 3rem;
}
h5, .fs-5 {
    font-size: 2rem;
    line-height: 2.5rem;
}
h6, .fs-6 {
    font-size: 1.5rem;
    line-height: 2rem;
}
em {
	font-size: 0.8rem;
	text-transform: none;
}
strong {
    font-weight: 700;
}

@media (max-width: 991px) {
    h1, .fs-1 {
        font-size: 2.5rem !important;
        line-height: 3rem !important;
    }
    h2, .fs-2 {
        font-size: 2rem !important;
        line-height: 2.5rem !important;
    }
    h3, .fs-3 {
        font-size: 1.7rem !important;
        line-height: 2rem !important;
    }
    h4, .fs-4 {
        font-size: 1.5rem;
        line-height: 1.8rem;
    }
    h5, .fs-5 {
        font-size: 1.3rem;
        line-height: 1.5rem;
    }
}

/** HELPER **/
.transition-ease {
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    transition: all .5s ease-out;
}
.object-fit-cover {
    object-fit: cover;
    min-width: 100%;
    min-height: 100%;
}
.img-object-fit-cover {
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.img-object-fit-cover img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    grid-row: 1;
    grid-column: 1;
}
.img-full-width img {
    width: 100%;
}

/** ELEMENTE **/
.btn {
    border-radius: 0.75rem !important;
}
.btn.active {
    text-decoration: underline;
}
.btn i.fa-arrow-right {
    margin: 0 0.25rem 0 0;

}
.btn:hover i.fa-arrow-right {
    margin: 0 0 0 0.25rem;
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    transition: all .5s ease-out;
}

.welle-white_bottom::after {
    content: '';
    position: relative;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 200px;
    background:rgba(var(--c-orange-rgb), 1) url("../images/element_welle-white_bottom.svg") no-repeat;
    z-index: 10;
}

.collapsible div[aria-expanded="false"]::after {
    content: '\2b';
    font: var(--fa-font-solid);
    position: absolute;
    right: 0;
    top: calc( 50% - 0.5rem );
}
.collapsible div[aria-expanded="true"]::after {
    content: '\f068';
    font: var(--fa-font-solid);
    position: absolute;
    right: 0;
    top: calc( 50% - 0.5rem );
}
@media (max-width: 991px) {

}

/** AUFMACHER **/
.aufmacher.small {
    min-height: 350px;
}
.aufmacher.large {
    min-height: 600px;
}
.aufmacher .logo {
    max-height: 200px;
    max-width: 400px;
}
@media (max-width: 991px) {
    .aufmacher.small {
        min-height: 200px;
    }
    .aufmacher.large {
        min-height: 400px;
    }
}

/** NAV **/
.dropdown-item:hover,
.dropdown-item.active {
    background-color: rgba(255,255,255,0.25);
}
.navbar-brand {
    white-space: normal !important;
    font-weight: 800;
    line-height: 1.5rem;
    display: block;
    width: 175px;;
}
img.logo {
    z-index: 100;
}
@media (max-width: 991px) {
    .navbar-collapse {
        background-color: rgba(var(--c-gruenhell-rgb), 1) !important;
        padding: 1rem;
        margin-top: 1rem;
    }
}


/** COLORS **/
/* ---------- SASS ---------- */
/* ---------- ROOT ---------- */
:root {
    --c-orange: #FF7F3F;
    --c-orange-rgb: 255,127,63;

    --c-tuerkis: #3AAAB4;
    --c-tuerkis-rgb: 58,170,180;

    --c-gruendunkel: #2E8A46;
    --c-gruendunkel-rgb: 46,138,70;

    --c-gruenhell: #A4BB22;
    --c-gruenhell-rgb: 164,187,34;
}

/* ---------- ORANGE ---------- */
.text-c-orange,
.text-h-c-orange :is(h1, h2, h3, h4, h5, h6) {
    color: rgba(var(--c-orange-rgb), 1) !important;
}
.bg-c-orange {
    background-color: rgba(var(--c-orange-rgb), 1) !important;
}
.border-c-orange {
    border-color: rgba(var(--c-orange-rgb), 1) !important;
}
.verlauf-c-orange {
    background: linear-gradient(to right, rgba(var(--c-orange-rgb), 1) 0%, rgba(var(--c-orange-rgb), 0.75) 100%);
}
.btn-c-orange {
    background-color: rgba(var(--c-orange-rgb), 1) !important;
    color: #fff !important;
    border: none;
}
.btn-c-orange:hover {
    background-color: rgba(var(--c-orange-rgb), 0.8) !important;
}
.btn-c-orange:focus,
.btn-c-orange:active {
    background-color: rgba(var(--c-orange-rgb), 0.9) !important;
    outline: none;
    box-shadow: 0 0 0 0.25rem rgba(var(--c-orange-rgb), 0.4);
}
.btn-c-orange:disabled {
    background-color: rgba(var(--c-orange-rgb), 0.5) !important;
    opacity: 0.65;
    cursor: not-allowed;
}

/* ---------- TÜRKIS ---------- */
.text-c-tuerkis,
.text-h-c-tuerkis :is(h1, h2, h3, h4, h5, h6) {
    color: rgba(var(--c-tuerkis-rgb), 1) !important;
}
.bg-c-tuerkis {
    background-color: rgba(var(--c-tuerkis-rgb), 1) !important;
}
.border-c-tuerkis {
    border-color: rgba(var(--c-tuerkis-rgb), 1) !important;
}
.verlauf-c-tuerkis {
    background: linear-gradient(to right, rgba(var(--c-tuerkis-rgb), 1) 0%, rgba(var(--c-tuerkis-rgb), 0.75) 100%);
}
.btn-c-tuerkis {
    background-color: rgba(var(--c-tuerkis-rgb), 1) !important;
    color: #fff !important;
    border: none;
}
.btn-c-tuerkis:hover {
    background-color: rgba(var(--c-tuerkis-rgb), 0.8) !important;
}
.btn-c-tuerkis:focus,
.btn-c-tuerkis:active {
    background-color: rgba(var(--c-tuerkis-rgb), 0.9) !important;
    outline: none;
    box-shadow: 0 0 0 0.25rem rgba(var(--c-tuerkis-rgb), 0.4);
}
.btn-c-tuerkis:disabled {
    background-color: rgba(var(--c-tuerkis-rgb), 0.5) !important;
    opacity: 0.65;
    cursor: not-allowed;
}

/* ---------- GRÜN DUNKEL ---------- */
.text-c-gruendunkel,
.text-h-c-gruendunkel :is(h1, h2, h3, h4, h5, h6) {
    color: rgba(var(--c-gruendunkel-rgb), 1) !important;
}
.bg-c-gruendunkel {
    background-color: rgba(var(--c-gruendunkel-rgb), 1) !important;
}
.border-c-gruendunkel {
    border-color: rgba(var(--c-gruendunkel-rgb), 1) !important;
}
.verlauf-c-gruendunkel {
    background: linear-gradient(to right, rgba(var(--c-gruendunkel-rgb), 1) 0%, rgba(var(--c-gruendunkel-rgb), 0.75) 100%);
}
.btn-c-gruendunkel {
    background-color: rgba(var(--c-gruendunkel-rgb), 1) !important;
    color: #fff !important;
    border: none;
}
.btn-c-gruendunkel:hover {
    background-color: rgba(var(--c-gruendunkel-rgb), 0.8) !important;
}
.btn-c-gruendunkel:focus,
.btn-c-gruendunkel:active {
    background-color: rgba(var(--c-gruendunkel-rgb), 0.9) !important;
    outline: none;
    box-shadow: 0 0 0 0.25rem rgba(var(--c-gruendunkel-rgb), 0.4);
}
.btn-c-gruendunkel:disabled {
    background-color: rgba(var(--c-gruendunkel-rgb), 0.5) !important;
    opacity: 0.65;
    cursor: not-allowed;
}

/* ---------- GRÜN HELL ---------- */
.text-c-gruenhell,
.text-h-c-gruenhell :is(h1, h2, h3, h4, h5, h6) {
    color: rgba(var(--c-gruenhell-rgb), 1) !important;
}
.bg-c-gruenhell {
    background-color: rgba(var(--c-gruenhell-rgb), 1) !important;
}
.border-c-gruenhell {
    border-color: rgba(var(--c-gruenhell-rgb), 1)!important;
}
.verlauf-c-gruenhell {
    background: linear-gradient(to right, rgba(var(--c-gruenhell-rgb), 1) 0%, rgba(var(--c-gruenhell-rgb), 0.75) 100%);
}
.btn-c-gruenhell {
    background-color: rgba(var(--c-gruenhell-rgb), 1) !important;
    color: #fff !important;
    border: none;
}
.btn-c-gruenhell:hover {
    background-color: rgba(var(--c-gruenhell-rgb), 0.8) !important;
}
.btn-c-gruenhell:focus,
.btn-c-gruenhell:active {
    background-color: rgba(var(--c-gruenhell-rgb), 0.9) !important;
    outline: none;
    box-shadow: 0 0 0 0.25rem rgba(var(--c-gruenhell-rgb), 0.4);
}
.btn-c-gruenhell:disabled {
    background-color: rgba(var(--c-gruenhell-rgb), 0.5) !important;
    opacity: 0.65;
    cursor: not-allowed;
}