:root{
    --clr01: #1432aa;
    --clr02: #da055b;
    --clr03: #aec313;
    --clr04: #113700;

    --hclr: var(--clr01);

    --rgb01: 0, 41, 107;
    --rgb02: 0, 101, 145; 
    --lblfont: var(--ft-t2, inherit);
    --selectionbg: var(--clr02); 
    /* --btntxttrans: uppercase; */
    --body-lineheight: 1.6;
    --subttlsize: 110%; 
    --subttlfamily: var(--ft-t2);
    --subttl: 0;
    --secttl-child-margin: 9px 0 0;
}


a.btn,
.btn{ 
    --btnbgclr: var(--clr01, #000);
    --btnbgclrhov: var(--clr02);
    --btnborderclr: var(--btnbgclr);
    --btnborderclrhov: var(--btnbgclrhov);
    --btnclr: var(--clr03x, #fff);
    --btnclrhov: var(--clr03x, #fff);
    --btnpad: 15px 21px;
    --btn-minwidth: 120px;
    --btnborderrad: 50px;
    --btnfontsize: 90%;
    --btnfont: var(--ft-t2);
    position: relative;
    z-index: 1; 
    line-height: 1; 
    gap: 6px;

    .ifont{
        --i-color: var(--btnclr);
    }

    &:hover{
        .ifont{
            --i-color: var(--btnclrhov);
        }
    } 

    
}



@media (max-width: 767px) {
    /* .container, .container-fluid {
        max-width: calc(100% - 30px);
    } */
} 

@media (min-width: 767px) {
    /* :root {
        --h4: calc(60 / 18 * 100%)
    } */
}
section {
    --secttlclr: var(--clr01);
}
.btn.f i {
    font-size: 200%;
    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: 120px;
    height: 3px;
    background-color: var(--clr02, #999); 
}
:is(._ittl, ._secttlbx) .ttldecor-btm ~ *:not(._ttlcontent) {
    margin-top: 0!important;
}

._content :is(a[href], a) {
    color: var(--clr02);

    &:hover {
        color: var(--clr01);
    }
}
.searchbx {
    position: relative;
    width: 100%; 

    .searchw {
        position: relative;
    }
    & input {
        margin: 0;
        padding: 12px 30px 12px 0;
        width: 100%;
        border-radius: 0px;
        border: 0;
        border-bottom: 1px solid #ccc;
        font-size: inherit;
    } 
    & button,
    & button.i {
        position: absolute;
        right: 9px;
        top: 50%;
        translate: 0 -50%;
        color: #ccc;
        cursor: pointer;
        border: 0;
        background-color: transparent;
        padding: 0;
    }
}

.feld.chkbx {
    /* line-height: 1; */
}
.feld.chkbx.f :is(input, label) {
    cursor: pointer;
    font-family: inherit;
    font-size: 80%; 
    line-height: inherit;
}

.feld.chkbx.f .l {
    flex: 0 0 20px;
    max-width: 20px;
}

.feld.chkbx.f .r {
    flex: 1 0 0;
}