:root{
    --clr01: #642166;
    --clr02: #840e88;
    --clr03: #f7c54c;
    --clr04: #113700;

    --hclr: var(--secttlclr);
    --h-letspace: 0px;

    --containerWidthSet_1200: 1200px;
    --containerWidthSet_991: 960px;
    --containerWidthSet_767: 720px;
    --containerWidthSet_575: 540px;

    --rgb01: 0, 41, 107;
    --rgb02: 0, 101, 145;
    --btnft: var(--ft-t1);
    --btnbgclr: var(--clr01, transparent);
    --btnhovbgclr: var(--clr02);
    --btnborderclr: var(--btnbgclr);
    --btnhovborderclr: var(--btnhovbgclr);
    --btnclr: var(--clr01x, #fff);
    --btnp: 12px 33px;
    --btnfontsz: calc(18 / var(--ft-m) * 100%);
    --btnminwidth: 120px;
    /* --btnborderrad: 50px; */
    --lblfont: var(--ft-t2, inherit);
    --selectionbg: var(--clr02);
    --btnft: var(--ft-t1);
    /* --btntxttrans: uppercase; */
    --body-lineheight: 1.6;
    --subttlsize: 110%; 
    --subttlfamily: var(--ft-t2);
    --subttl: 0;
}
@media (max-width: 767px) {
    /* .container, .container-fluid {
        max-width: calc(100% - 30px);
    } */
} 

@media (min-width: 767px) {
    /* :root {
        --h4: calc(60 / 18 * 100%)
    } */
}

.h4 img {
    vertical-align: middle;
    margin: -6px 6px 0;
}
section {
    --secttlclr: var(--clr01);
}
.btn i {
    /* font-size: 200%; */
    margin: 0 3px;
}
.btn.f > * {
    display: inline-flex;
    vertical-align: middle;
} 
.btnDecor{
    position: relative;
    z-index: 1;

    &.btn{
        padding: 9px 9px 9px 0;
        color: inherit;
        min-width: auto;
        line-height: 1;
        background-color: transparent;
        border: 0;
        font-family: inherit;
        font-size: 80%;


        &::after{ 
        }
        &::before{ 
            width: 100%;
        }
    }
    
    &::after,
    &::before{
        content: '';
        display: block;
        position: absolute;
        background-color: var(--clr01);
    }
    &:hover::after,
    &.active::after{
        /* width: 9px; */
    }
    &:hover::before,
    &.active::before{
        /* width: calc(100% - 9px); */
    }
    &::after{
        rotate: 45deg;
        right: 0;
        bottom: 0;
        height: 1px;
        width: 9px;
        transform-origin: right bottom;
    }
    &::before{ 
        right: 0;
        bottom: 0;
        height: 1px;
        width: calc(100% - 9px);
    }
}
/* ============== */ 
section:is([style*="--secbgclr"]) {
    --btnborderclr: #fff;
    --btnclr: #fff;

    .mediabx {
        --iconclr: var(--clr01x, #fff);
        --iconhovclr: var(--clr01, #fff);
        --bgclr: var(--clr02x, transparent);
        --bghovclr: var(--clr02, #fff);
        --mediaborder: 2px solid #fff;
        --mediahovborder: 2px solid var(--clr02, #fff);
        --mediaborderradius: 50%;
        --mg: 1px 2px;
    }
}
section:is([style*="--secttlclr"]) { 
    .ttldecor-top:after {
       background-color: var(--secttlclr);
    } 
}
/* .ttldecor-top:after {
    position: relative;
    display: inline-block;
    content: '';
    width: 90px;
    height: 9px;
    background-color: var(--clr01, #999);
    margin: 0 0 9px;
} */
:is(._ittl, ._secttlbx) .ttldecor-btm ~ *:not(._ttlcontent) {
    margin-top: 0!important;
}
 
a{
    color: inherit;
    text-decoration: none;
    &:hover{
        text-decoration: underline;
    }
}

/* ._content{
    & ul li{
        list-style-image: url(src/buttlet-arrow.png); 
        padding-inline-start:0;
    }
} */
.navdropbx{
    & ol li{
        list-style-image: url(src/buttlet-arrow.png); 
        padding-inline-start:0;
        & li {
            margin-left: 24px !important;
        }
    }
}

.galw{
    margin: 0 -9px;
}
.galbx .gal-, .lichtGal .gal-{
    padding: 9px;
}
.taste-doc{
    margin: 0 0 15px;
}

.licht .btnClose {
    --square: 21px;
    position: absolute;
    z-index: 10;
    right: 15px;
    top: 15px;
    width: var(--square);
    height: var(--square);
    border-radius: 50%;
    border: 2px solid var(--clr01);
    color: var(--clr01);
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-size: 15px;
    cursor: pointer;
}