:root{
    --clr01: #4e2b11;
    --clr02: #f37022;
    --clr03: #d0bbac;
    --clr04: #113700;

    --hclr: var(--clr01);

    --rgb01: 0, 41, 107;
    --rgb02: 0, 101, 145;
    --btnft: var(--ft-t1);
    --btnbgclr: var(--clr02);
    --btnhovbgclr: var(--clr03);
    --btnborderclr: var(--btnbgclr);
    --btnhovborderclr: var(--btnhovbgclr);
    --btnclr: var(--clr01x, #fff);
    --btnhovclr: var(--clr01, #fff);
    --btnp: 12px 15px;
    --btnfontsz: calc(18 / var(--ft-m) * 100%);
    --btnminwidth: 190px;
    --btnborderrad: 50px;
    --lblfont: var(--ft-t2, inherit);
    --selectionbg: var(--clr02);
    --btnft: var(--ft-t2);
    --btntxttrans: inherit;
    --body-lineheight: 1.5;
    --subttlsize: 110%; 
    --subttlfamily: var(--ft-t2);
    --subttl: 0;
}

._btmsubttl {
    color: var(--clr03)
}
._topsubttl {
    margin: 0;
    color: var(--secttlclr);
    letter-spacing: 3px;
}
@media (max-width: 767px) {
    .container:not(.natur) {
        max-width: calc(100% - 30px);
    }
} 

@media (min-width: 767px) {
    :root {
        --h4: calc(48 / 16 * 100%)
    }
}
section {
    --secttlclr: var(--clr01);
}
.btn.f i { 
    margin: 0 6px 0 0;
}
.btn.f > * {
    display: inline-flex;
    vertical-align: middle;
} 

/* ============== */

.licht h4 {
    font-size: calc(36 / 16 * 100%)
}

/* .ttldecor-btm:after {
    position: relative;
    display: inline-block;
    content: '';
    width: 1px;
    height: 35px;
    background-color: var(--clr01x, #999);
    margin: -3px auto 0px;
    rotate: -45deg;
} */
:is(._ittl, ._secttlbx) .ttldecor-btm ~ * {
    margin-top: 0!important;
}