/* /Components/CardsFurMonatlicheRate.razor.rz.scp.css */
*[b-tpmh4a6ucy] {
    margin: 0;
    padding: 0;
}

body[b-tpmh4a6ucy] {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    background: #161616;
    min-height: 100vh;
}

section[b-tpmh4a6ucy]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(#DA22FF, #9733EE);
    clip-path: circle(30% at right 70%);
}

section[b-tpmh4a6ucy]::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(#E55D87, #5FC3E4);
    clip-path: circle(20% at 10% 10%);
}

.container[b-tpmh4a6ucy] {
    position: relative;
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    margin: 40px 0;
}

    .container .card[b-tpmh4a6ucy] {
        position: relative;
        width: 250px;
        height: 350px;
        background: #BB983C;
        margin: 20px;
        box-shadow: 0 15px 35px rgba(0, 0, 0, 0.5);
        border-radius: 15px;
        display: flex;
        justify-content: center;
        align-items: center;
        backdrop-filter: blur(10px);
    }

        .container .card .content[b-tpmh4a6ucy] {
            position: relative;
            display: flex;
            justify-content: center;
            align-items: center;
            flex-direction: column;
            transition: 0.5s;
        }

        .container .card:hover .content[b-tpmh4a6ucy] {
            transform: translateY(-20px);
        }

        .container .card .content .imgBx[b-tpmh4a6ucy] {
            position: relative;
            width: 150px;
            height: 150px;
            overflow: hidden;
        }

            .container .card .content .imgBx img[b-tpmh4a6ucy] {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                object-fit: cover;
            }

        .container .card .content .contentBx h3[b-tpmh4a6ucy] {
            color: #fff;
            text-transform: uppercase;
            letter-spacing: 2px;
            font-weight: 600;
            font-size: 18px;
            text-align: center;
            margin: 20px 0 10px;
            line-height: 1.1em;
        }

            .container .card .content .contentBx h3 span[b-tpmh4a6ucy] {
                font-size: 11px;
                font-weight: 300;
                text-transform: initial;
            }

        .container .card .sci[b-tpmh4a6ucy] {
            position: absolute;
            bottom: 50px;
            display: flex;
        }

            .container .card .sci li[b-tpmh4a6ucy] {
                list-style: none;
                margin: 0 10px;
                transform: translateY(40px);
                transition: 0.5s;
                opacity: 0;
            }

        .container .card:hover .sci li[b-tpmh4a6ucy] {
            transform: translateY(0px);
            opacity: 1;
        }

        .container .card .sci li a[b-tpmh4a6ucy] {
            color: #fff;
            font-size: 20px;
        }
/* /Components/CardsPage.razor.rz.scp.css */
.body[b-rvgrstrvl0] {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 20px;
}

.cut-text[b-rvgrstrvl0] {
    display: -webkit-box;
    max-width: 270px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

h5[b-rvgrstrvl0] {
    margin-top: -20px;
    padding: 7px 50px;
    color: white;
    width: 320px;
    background-color: #BB983C;
    border-radius: 25px;
    margin-left: auto;
    text-align: center;
    margin-right: auto;
    max-height: 37px;
}

h2[b-rvgrstrvl0] {
    margin-top: 15px;
    text-align: center;
    font-size: 24px;
    font-family: Arial;
    font-weight: 800;
    margin-bottom: 25px;
}

.container1[b-rvgrstrvl0] {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: center;
    align-content: center;
    margin-left: auto;
    margin-right: auto;
    gap: 1rem;
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.container2[b-rvgrstrvl0] {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: center;
    align-content: center;
    max-width: 90%px;
    margin: 2rem auto;
    gap: 1rem;
}


.container3[b-rvgrstrvl0] {
    max-width: 80%;
    margin: auto;
}

.body1[b-rvgrstrvl0] {
    padding-right: 2rem;
    padding-left: 2rem;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}


.button1[b-rvgrstrvl0] {
    border: #BB983C solid 2px;
    height: 28px;
    border-radius: 25px;
    color: #BB983C;
    width: 100px
}


.height[b-rvgrstrvl0] {
    min-height: 570px;
}

.button2[b-rvgrstrvl0] {
    border: #BB983C solid 2px;
    padding-right: 15px;
    padding-left: 15px;
    height: 28px;
    border-radius: 25px;
    background-color: #BB983C;
    color: white;
}


.colStart[b-rvgrstrvl0] {
    padding-left: 1rem;
}

.colEnd[b-rvgrstrvl0] {
    right: 1rem;
    display: flex;
    flex-flow: column;
    align-content: space-between;
    align-items: end;
    gap: 8px;
}


.row[b-rvgrstrvl0] {
    justify-content: space-between;
    display: flex;
    flex-wrap:wrap;
    flex-direction:row;
}

.button[b-rvgrstrvl0] {
    border: none;
    color: white;
    padding: 1px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer;
    border-radius: 25px;
}

p[b-rvgrstrvl0] {
    text-align:center;
}





*[b-rvgrstrvl0],
*[b-rvgrstrvl0]::before,
*[b-rvgrstrvl0]::after {
    box-sizing: border-box;
    padding: 0;
    margin: 0;
}

body[b-rvgrstrvl0] {
    font-family: "Quicksand", sans-serif;
    display: grid;
    place-items: center;
    height: 100vh;
    background: #7f7fd5;
    background: linear-gradient(to right, #91eae4, #86a8e7, #7f7fd5);
}

.container[b-rvgrstrvl0] {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    max-width: 1200px;
    margin-block: 2rem;
    gap: 2rem;
}

img[b-rvgrstrvl0] {
    max-width: 100%;
    display: block;
    object-fit: cover;
}
html[b-rvgrstrvl0] {
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
}

*[b-rvgrstrvl0] {
  box-sizing: inherit;
}
*[b-rvgrstrvl0]:after {
  box-sizing: inherit;
}


/*Cards*/

.card[b-rvgrstrvl0] {
    --background: #fff;
    --background-checkbox: #BB983C;
    --background-image: #fff, rgba(0, 107, 175, 0.2);
    --text-color: #666;
    --text-headline: #000;
    --card-shadow: #BB983C;
    --card-height: 250px;
    --card-width: clamp(18rem, calc(20rem + 2vw), 2rem);
    --card-radius: 15px;
    border-radius: 15px;
    --header-height: 120px;
    --blend-mode: overlay;
    --transition: 0.25s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.card__input[b-rvgrstrvl0] {
    position: absolute;
    display: block;
    outline: none;
    border: none;
    background: none;
    padding: 0;
    margin: 0;
    -webkit-appearance: none;
}

    .card__input:checked ~ .card__body[b-rvgrstrvl0] {
        --shadow: 0 0 4px 3px var(--card-shadow);
    }

        .card__input:checked ~ .card__body .card__body-cover-checkbox[b-rvgrstrvl0] {
            --check-bg: var(--background-checkbox);
            --check-border: #BB983C;
            --check-scale: 1;
            --check-opacity: 1;
        }

        .card__input:checked ~ .card__body .card__body-cover-checkbox--svg[b-rvgrstrvl0] {
            --stroke-color: #fff;
            --stroke-dashoffset: 0;
        }

        .card__input:checked ~ .card__body .card__body-cover[b-rvgrstrvl0]:after {
            --opacity-bg: 0;
        }

        .card__input:checked ~ .card__body .card__body-cover-image[b-rvgrstrvl0] {
            --filter-bg: grayscale(0);
        }

    .card__input:disabled ~ .card__body[b-rvgrstrvl0] {
        cursor: not-allowed;
        opacity: 0.5;
    }

        .card__input:disabled ~ .card__body:active[b-rvgrstrvl0] {
            --scale: 1;
        }

.card__body[b-rvgrstrvl0] {
    display: grid;
    grid-auto-rows: calc(var(--card-height) - var(--header-height)) auto;
    background: var(--background);
    height: var(--card-height);
    width: var(--card-width);
    border-radius: var(--card-radius);
    overflow: hidden;
    position: relative;
    cursor: pointer;
    box-shadow: var(--shadow, 0 4px 4px 0 rgba(0, 0, 0, 0.02));
    transition: transform var(--transition), box-shadow var(--transition);
    transform: scale(var(--scale, 1)) translateZ(0);
}

    .card__body:active[b-rvgrstrvl0] {
        --scale: 0.96;
            box-shadow: #757f7c 0px 5px 15px;
    }
     
.card__body-cover[b-rvgrstrvl0] {
    --c-border: 5px 5px 0 0;
    --c-width: 100%;
    --c-height: 100%;
    position: relative;
    overflow: hidden;
}

    .card__body-cover[b-rvgrstrvl0]:after {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: var(--c-width);
        height: var(--c-height);
        border-radius: var(--c-border);
        background: linear-gradient(to bottom right, var(--background-image));
        mix-blend-mode: var(--blend-mode);
        opacity: var(--opacity-bg, 1);
        transition: opacity var(--transition) linear;
    }

.card__body-cover-image[b-rvgrstrvl0] {
    width: var(--c-width);
    height: var(--c-height);
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: var(--c-border);
    /*filter: var(--filter-bg, grayscale(1));*/
}

.card__body-cover-checkbox[b-rvgrstrvl0] {
    /*//background: var(--check-bg, var(--background-checkbox));
    //border: 4px solid var(--check-border, #fff);*/
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 1;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    opacity: var(--check-opacity, 0);
    transition: transform var(--transition), opacity calc(var(--transition) * 1.2) linear;
    transform: scale(var(--check-scale, 0));
}

.card__body-cover-checkbox--svg[b-rvgrstrvl0] {
    width: 13px;
    height: 11px;
    display: inline-block;
    vertical-align: top;
    fill: none;
    margin: 7px 0 0 5px;
    stroke: var(--stroke-color, #fff);
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-dasharray: 16px;
    stroke-dashoffset: var(--stroke-dashoffset, 16px);
    transition: stroke-dashoffset 0.4s ease var(--transition);
}

.card__body-header[b-rvgrstrvl0] {
    height: var(--header-height);
    background: var(--background);
    padding: 0 10px 10px 10px;
}

.card__body-header-title[b-rvgrstrvl0] {
    color: var(--text-headline);
    font-weight: 700;
    margin-bottom: 8px;
    font-size: 18px;
}

.card__body-header-subtitle[b-rvgrstrvl0] {
    color: var(--text-color);
    font-weight: 500;
    font-size: 13px;
    height: 40px;
}

.card__body-header-button[b-rvgrstrvl0] {
    margin-left: 87px;
}


//flexView
.wrapper[b-rvgrstrvl0] {
    display: flex;
    flex-flow: row wrap;
    font-weight: bold;
    text-align: center;
}

.wrapper > *[b-rvgrstrvl0] {
    padding: 10px;
    flex: 1 100%;
}


.aside-1[b-rvgrstrvl0] {
    float:left;
    padding-left:3rem;
}

.aside-2[b-rvgrstrvl0] {
    float: right;
    padding-right: 3rem;
}
.aside[b-rvgrstrvl0] {
    max-width: 230px;
    bottom:2em;
    margin: 0 15px 15px 15px;
}


.main[b-rvgrstrvl0] {
    margin:auto;
}

@media all and (min-width: 700px) {
    .aside-1[b-rvgrstrvl0] {

    }
    .aside-2[b-rvgrstrvl0] {

    }
    .aside[b-rvgrstrvl0] {
        max-width: 40px;
    }
}

@media all and (min-width: 950px) {
    .aside[b-rvgrstrvl0] {
        flex: 1 0 0;
    }
}

@media all and (min-width: 1303) {
    .main[b-rvgrstrvl0] {
        flex: 3 0px;
    }

    .aside-1[b-rvgrstrvl0] {
        order: 1;
    }

    .main[b-rvgrstrvl0] {
        order: 2;
    }

    .aside-2[b-rvgrstrvl0] {
        order: 3;
    }

    .aside[b-rvgrstrvl0] {
        bottom:0;
    }
}



/* /Components/Kostenuberblick.razor.rz.scp.css */
.top-row[b-eoo0ey5g1w] {
    background-color: #d6d6d6;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row > h2[b-eoo0ey5g1w] {
        font-weight: 500;
        margin: auto
    }

.container[b-eoo0ey5g1w] {
    background-color: #BB983C;
    min-height: 100px;
    width: 100%;
    padding: 0 3rem;
    display: flex;
    flex-flow: row wrap;
}

.container1[b-eoo0ey5g1w] {
    width:90%;
    margin: auto;
}

.body[b-eoo0ey5g1w] {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-bottom:20px;
}

p[b-eoo0ey5g1w]{
    font-weight: 500;
    color: black;
    font-size:14px;
}

h5[b-eoo0ey5g1w]{
    margin-top: -22px;
    padding: 7px 90px;
    color: white;
    width: 300px;
    background-color: #BB983C;
    border-radius: 25px;
    margin-left: auto;
    margin-right: auto;
    justify-content:center
       
}

h2[b-eoo0ey5g1w]{
    margin-top: 15px;
    text-align:center;
    font-family: Arial;
    font-weight: 700;
    font-size: 28px;
    
}

.row[b-eoo0ey5g1w] {
    justify-content: space-between;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
}

p[b-eoo0ey5g1w] {
    text-align: center;
    max-width: 780px;
    margin-left: auto;
    margin-right: auto;
}




.button1[b-eoo0ey5g1w] {
    border: #BB983C solid 2px;
    height: 28px;
    border-radius: 25px;
    color: #BB983C;
    padding-left: 25px;
    padding-right: 25px;
    //width: 100pxpa
}


.button2[b-eoo0ey5g1w] {
    border: #BB983C solid 2px;
    padding-right: 25px;
    padding-left: 25px;
    height: 28px;
    border-radius: 25px;
    background-color: #BB983C;
    //width: 100px;
    color: white;
}


.colStart[b-eoo0ey5g1w] {
    padding-left: 1rem;
}

.colEnd[b-eoo0ey5g1w] {
    display: flex;
    flex-flow: column;
    align-content: space-between;
    align-items: end;
    gap: 8px;
}


.button3[b-eoo0ey5g1w] {
    width: 300px;
}



.label[b-eoo0ey5g1w] {
    border: #BB983C solid 3px;
    background-color: white;
    border-radius: 10px;
    gap: 15px 5rem;
    width: 80%; 
    padding: 10px;
    margin: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    box-shadow: 0 .1rem 1rem rgba(0, 0, 0, 0.1);
    //box-shadow: rgba(0, 0, 0, 0.35) 3.4px 3.4px 5.2px;
}

.label p[b-eoo0ey5g1w]{
    text-align:start;
    font-size:15px;
    margin-top:15px
}

.display[b-eoo0ey5g1w] {
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    gap:15px 4rem;
    width: 90%;
    padding: 1rem 5rem;
    margin:auto;
}

.button21[b-eoo0ey5g1w] {
    border: none;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    //box-shadow: rgba(0, 0, 0, 0.35) 3.4px 3.4px 5.2px;
    box-shadow: 0 .1rem 1rem rgba(0, 0, 0, 0.1);
}

.button22[b-eoo0ey5g1w] {
    border: none;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    //box-shadow: rgba(0, 0, 0, 0.35) 3.4px 3.4px 5.2px;
    box-shadow: 0 .1rem 1rem rgba(0, 0, 0, 0.1);
}

h3.button21[b-eoo0ey5g1w], h3.button22[b-eoo0ey5g1w] {
    padding-top:4px;
}


h3[b-eoo0ey5g1w] {
    font-size: 16px;
    font-weight:800;
    padding-left:5px
}

.col1[b-eoo0ey5g1w] {
    min-width: 470px !important;
    max-width: 500px !important;
    margin-left: auto;
    margin-right: auto;
}




.colAuswahl[b-eoo0ey5g1w] {
   
}

    .colAuswahl p[b-eoo0ey5g1w]{
        text-align:start
    }


.colPrices[b-eoo0ey5g1w] {

}

    .colPrices p[b-eoo0ey5g1w] {
        text-align: end;
    }

.widerCol[b-eoo0ey5g1w] {
    width: 55%;
}




@media (max-width:1000px) {
    h2[b-eoo0ey5g1w] {
        margin-left: auto;
        text-align: start;
        margin-right: auto;
    }
}

@media (max-width: 400px) {
    body[b-eoo0ey5g1w] {
      padding: 0rem;
      width: 100%;
      margin:0
    }


}
/* /Components/Ort.razor.rz.scp.css */
.body[b-5ayzy7fhoe] {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 20px;
}

p[b-5ayzy7fhoe]{
    font-weight: 500;
    color: black;
}

h5[b-5ayzy7fhoe] {
    margin-top: -19px;
    padding: 7px 50px;
    color: white;
    width: 300px;
    background-color: #BB983C;
    border-radius: 25px;
    margin-left: auto;
    text-align: center;
    margin-right: auto;
}

h2[b-5ayzy7fhoe] {
    margin-top: 15px;
    text-align: center;
    font-size: 24px;
    font-family: Arial;
    font-weight: 800;
    margin-bottom: 25px;
}


.row[b-5ayzy7fhoe] {
    justify-content: space-between;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
}

p[b-5ayzy7fhoe] {
    text-align:center;
}


.searchField[b-5ayzy7fhoe] {
    background-color: white;
    height: 60px;
    border-radius: 15px;
    display: flex;
    flex-direction: row;
    margin: auto;
    flex-wrap: nowrap;
    justify-content: center;
    padding-bottom: 5px;
    width: 380px;
}



.button1[b-5ayzy7fhoe] {
    border: #BB983C solid 2px;
    padding-right: 15px;
    padding-left: 15px;
    height: 28px;
    border-radius: 25px;
    color: #BB983C;
    width: 100px
}


.button2[b-5ayzy7fhoe] {
    border: #BB983C solid 2px;
    width: 150px;
    height: 28px;
    border-radius: 25px;
    background-color: #BB983C;
    width: 100px;
    color: white;
}

.container1[b-5ayzy7fhoe] {
    max-width: 90%;
    margin: auto;
}


.colStart[b-5ayzy7fhoe] {
    padding-left: 1rem;
}

.colEnd[b-5ayzy7fhoe] {
    display: flex;
    flex-flow: column;
    align-content: space-between;
    align-items: end;
    gap: 8px;
}

/* /Components/Progressbar.razor.rz.scp.css */
@charset "UTF-8";
.multi-steps > li.is-active ~ li[b-5j65dkar1t]:before, .multi-steps > li.is-active[b-5j65dkar1t]:before {
  content: counter(stepNum);
  font-family: inherit;
  font-weight: 700;
}
.multi-steps > li.is-active ~ li[b-5j65dkar1t]:after, .multi-steps > li.is-active[b-5j65dkar1t]:after {
  background-color: #ededed;
}

.multi-steps[b-5j65dkar1t] {
    display: table;
    table-layout: fixed;
    width: 86%;
}
    .multi-steps > li[b-5j65dkar1t] {
        counter-increment: stepNum;
        text-align: center;
        display: table-cell;
        position: relative;
        color: #BB983C;
    }
        .multi-steps > li[b-5j65dkar1t]:before {
            content: "";
            content: "✓;";
            content: "𐀃";
            content: "𐀄";
            content: "✓";
            display: block;
            margin: 0 auto 4px;
            background-color: #BB983C;
            width: 36px;
            height: 36px;
            line-height: 32px;
            text-align: center;
            font-weight: bold;
            border-width: 2px;
            border-style: solid;
            border-color: white;
            border-radius: 50%;
            color: white
        }
        .multi-steps > li[b-5j65dkar1t]:after {
            content: "";
            height: 2px;
            width: 100%;
            background-color: #BB983C;
            position: absolute;
            top: 16px;
            left: 50%;
            z-index: -1;
        }
.multi-steps > li:last-child[b-5j65dkar1t]:after {
  display: none;
}
        .multi-steps > li.is-active[b-5j65dkar1t]:before {
            background-color: #fff;
            border-color: #BB983C;
            color: #BB983C;
        }
.multi-steps > li.is-active ~ li[b-5j65dkar1t] {
  color: #808080;
}
.multi-steps > li.is-active ~ li[b-5j65dkar1t]:before {
  background-color: #ededed;
  border-color: #ededed;

}

@media all and (max-width: 375px) {
    .container-fluid[b-5j65dkar1t] {
        display: none;
    }
}
/* /Components/Vorgeplan.razor.rz.scp.css */
.container1[b-lrrr9igbnl] {
    max-width: 90%;
    margin: auto;
}


.colStart[b-lrrr9igbnl] {
    padding-left: 1rem;
}

.colEnd[b-lrrr9igbnl] {
    right: 1rem;
    display: flex;
    flex-flow: column;
    align-content: space-between;
    align-items: end;
    gap: 8px;
}
.body[b-lrrr9igbnl] {
    max-width: 90%;
    margin-left: auto;
    margin-right: auto;
    background-color:white
}

p[b-lrrr9igbnl]{
    font-weight: 500;
    color: black;
}

h5[b-lrrr9igbnl]{
    border-radius: 25px;
    text-align:start;
    font-weight: bold;
    font-size: 16px;
}

h2[b-lrrr9igbnl]{
    margin-top: 15px;
    text-align:center;
    font-family: Arial;
    font-weight: 700;
    font-size: 28px;
    
}

.row[b-lrrr9igbnl] {
    justify-content: space-between;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
}

p[b-lrrr9igbnl] {
    text-align: center;
    max-width: 780px;
    margin-left: auto;
    margin-right: auto;
}


.button1[b-lrrr9igbnl] {
    border: #BB983C solid 2px;
    padding-right: 15px;
    padding-left: 15px;
    border-radius: 25px;
    color: #BB983C;
}

.height[b-lrrr9igbnl] {
    height: 28px;
}


.button2[b-lrrr9igbnl] {
    border: #BB983C solid 2px;
    padding-right: 15px;
    padding-left: 15px;
    border-radius: 25px;
    background-color: #BB983C;
    color:white;
    text-decoration-color:black;
}

.boxShadow[b-lrrr9igbnl] {
    box-shadow: 0 .1rem 1rem rgba(0, 0, 0, 0.1);
}

.button[b-lrrr9igbnl] {
    width: 200px;
}

.button3[b-lrrr9igbnl] {
    width: 300px
}

.label[b-lrrr9igbnl] {
    border-radius: 10px;
    max-width: 450px;
    padding:10px;
    //margin:auto;
    margin-top:50px;
}

.label p[b-lrrr9igbnl]{
    text-align:start
}


.searchField[b-lrrr9igbnl] {
    background-color: white;
    height: 60px;
    border-radius: 15px;
    display: flex;
    flex-direction: row;
    margin: auto;
    flex-wrap: nowrap;
    justify-content: center;
    padding-bottom: 5px;
    width: 240px;
    margin-bottom: 10px;
}


ul li[b-lrrr9igbnl] {
    text-align: start;
    margin-left: 1rem;
    list-style-type: disc;
    color:black
}


*[b-lrrr9igbnl] {
    margin: 0;
    padding: 0;
}



.container[b-lrrr9igbnl] {
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    margin: 3rem 0;
    gap: 1rem;
}

    .container .card[b-lrrr9igbnl] {
        width: 250px;
        height: 350px;
        border: #BB983C 3px solid;
        /*box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;*/
        box-shadow: 0 7px 29px 0px rgba(0, 0, 0, 0.2);
        border-radius: 15px;
        display: flex;
        justify-content: center;
        align-items: center;
        /*backdrop-filter: blur(10px);*/
    }

        .container .card .content[b-lrrr9igbnl] {
            /*position: relative;*/
            display: flex;
            justify-content: center;
            align-items: center;
            flex-direction: column;
            transition: 0.5s;
            padding:20px
        }

        .container .card:hover .content[b-lrrr9igbnl] {
            transform: translateY(-20px);
        }

        .container .card .content .imgBx[b-lrrr9igbnl] {
            position: relative;
            width: 200px;
            top: 0;
            height: 50px;
            overflow: hidden;
            margin-bottom: 10px
        }

            .container .card .content .imgBx img[b-lrrr9igbnl] {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                object-fit: cover;
            }

        .container .card .content .contentBx h3[b-lrrr9igbnl] {
            color: #629590;
            letter-spacing: 2px;
            font-weight: 600;
            font-size: 9px;
            text-align: center;
            margin: 0px 0 10px;
            line-height: 1.1em;
        }

            .container .card .content .contentBx h3 span[b-lrrr9igbnl] {
                color: #89beb9;
                font-size: 12px;
                font-weight: 500;
                text-transform: initial;
                margin: 0 10px
            }

        .container .card .sci[b-lrrr9igbnl] {
            position: absolute;
            bottom: 50px;
            display: flex;
        }

            .container .card .sci li[b-lrrr9igbnl] {
                list-style: none;
                margin: 0 10px;
                transform: translateY(40px);
                transition: 0.5s;
                opacity: 0;
            }

        .container .card:hover .sci li[b-lrrr9igbnl] {
            transform: translateY(0px);
            opacity: 1;
        }

        .container .card .sci li a[b-lrrr9igbnl] {
            color: white;
            background-color: #BB983C;
            padding:8px 15px;
            border-radius:15px;
            font-size: 14px;
        }
/* /Pages/Index.razor.rz.scp.css */
body[b-mbf0xjlqjl] {
    align-items:center;
}


.row[b-mbf0xjlqjl] {
    justify-content: space-between;
    display: flex;
    flex-wrap:wrap;
    flex-direction:row;
}

.container[b-mbf0xjlqjl] {
    background-color: #f0ecec;
    min-height: 100px;
    width: 100%;
}


.displayInline[b-mbf0xjlqjl] {
    display:flex;
    flex-direction:row;
    flex-flow:wrap;
}

    .displayInline > *[b-mbf0xjlqjl] {
        padding: 10px;
        flex: 1 100%;
    }


.body1[b-mbf0xjlqjl] {
    
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
} 

.top-row[b-mbf0xjlqjl] {
    background-color: #d6d6d6;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row > h2[b-mbf0xjlqjl] {
        font-weight: 500;
        margin: auto
    }

.button[b-mbf0xjlqjl] {
    border: none;
    color: white;
    padding: 1px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer;
    border-radius: 25px;
}

p[b-mbf0xjlqjl] {
    text-align: center;
}


.button1[b-mbf0xjlqjl] {
    border: #70c2ba solid 2px;
    height: 28px;
    border-radius: 25px;
    color: #70c2ba;
    padding-left: 25px;
    padding-right:25px;
    //width: 100pxpa
}


.button2[b-mbf0xjlqjl] {
    border: #70c2ba solid 2px;
    padding-right: 25px;
    padding-left: 25px;
    height: 28px;
    border-radius: 25px;
    background-color: #70c2ba;
    //width: 100px;
    color: white;

}


.colStart[b-mbf0xjlqjl] {
    padding-left: 1rem;
}

.colEnd[b-mbf0xjlqjl] {
    right: 1rem;
    display: flex;
    flex-flow: column;
    align-content: space-between;
    align-items: end;
    gap: 8px;
}

@media (min-width: 641px) {
    .top-row[b-mbf0xjlqjl] {
        position: sticky;
        top: 0;
        z-index: 1;
    }


    .top-row[b-mbf0xjlqjl]{
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}


/* /Shared/MainLayout.razor.rz.scp.css */
.page[b-df1zn3r263] {
    --background: #fff;
    --background-header: #d6d6d6;
    --background-page: #cfcfcf;
    --background-checkbox: #70c2ba;
    --background-image: #fff, rgba(0, 107, 175, 0.2);
    --text-color: #666;
    --text-headline: #000;
    --card-shadow: #70c2ba;
    --card-height: 250px;
    --card-width: clamp(18rem, calc(20rem + 2vw), 2rem);
    --card-radius: 15px;
    border-radius: 15px;
    --header-height: 120px;
    --blend-mode: overlay;
    --transition: 0.15s;
    -webkit-user-select: none;
    -moz-user-select: none;
    position: absolute;
    display: flex;
    align-items: center;
    font-family: Helvetica;
    width:100%;
}

main[b-df1zn3r263] {
    flex: 1;
}


.cont[b-df1zn3r263] {
    background-color:#fff;
    height:80px;
    margin:0px auto;
    max-width:500px;
    padding: 5px 0px;
}

.body1[b-df1zn3r263] {
    padding-right: 2rem;
    padding-left: 2rem;
    max-width: 100%!important;
    margin-left: 0;
    margin-right: 0;
}    


@media (min-width: 641px) {
    .page[b-df1zn3r263] {
        flex-direction: row;
    }
}