/* _content/Dobogoko/Auth/Components/Login.razor.rz.scp.css */
.login-bg[b-5anhz3995w] {
    position: fixed;
    inset: 0;
    z-index: 9999;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: hsl(240 10% 94%);
}

.login[b-5anhz3995w] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    align-items: center;
    padding: 1.4rem 1.75rem;
    box-shadow: rgba(35,35,35,0.6) 0 0 6px 1px;
    border-radius: 4px;
    background-color: hsl(0 0% 98%);
}

h1[b-5anhz3995w] {
    font-size: 2rem;
    font-weight: 600;
    color: hsl(0 0% 12%);
    margin-bottom: 1.7rem;
}

.error-container[b-5anhz3995w] {
    width: 100%;
    padding: 0.75rem;
    text-align: center;
}

[b-5anhz3995w] .login-form {
    display: flex;
    flex-direction: column;
    gap: 0.7rem;
    align-items: start;
}

[b-5anhz3995w] .input-container input {
    width: 22ch;
    height: 2rem;
    border: 1px solid hsl(0 0% 60%);
    border-radius: 4px;
    font-size: 1.125rem;
    color: hsl(0,0%,20%);
    padding: 0.125rem 0.2rem;
}

    [b-5anhz3995w] .input-container input:focus {
        border: 1px solid var(--clr-primary-lighter);
        box-shadow: var(--clr-primary-lighter) 0 0 6px 1px;
        outline: none;
    }

[b-5anhz3995w] form button.standard-btn {
    width: 100%; 
    border-radius: 4px;
    margin-top: 1rem;
}

.input-container[b-5anhz3995w] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    align-items: start;
}

    .input-container:first-of-type[b-5anhz3995w] {
        margin-bottom: 1rem;
    }

    .input-container label[b-5anhz3995w] {
        font-size: 1.25rem;
        font-weight: 400;
        color: hsl(0,0%,12%);
    }
/* _content/Dobogoko/Auth/Components/Register.razor.rz.scp.css */
.login-bg[b-58xdulhprp] {
    position: fixed;
    inset: 0;
    z-index: 9999;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: hsl(240 10% 94%);
}

.login[b-58xdulhprp] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    align-items: center;
    padding: 1.4rem 1.75rem;
    box-shadow: rgba(35,35,35,0.6) 0 0 6px 1px;
    border-radius: 4px;
    background-color: hsl(0 0% 98%);
}

h1[b-58xdulhprp] {
    font-size: 2rem;
    font-weight: 600;
    color: hsl(0 0% 12%);
    margin-bottom: 1.7rem;
}

h3[b-58xdulhprp] {
    margin-bottom: 1rem;
    font-size: 1.5rem;
}

.error-container[b-58xdulhprp] {
    width: 100%;
    padding: 0.75rem;
    text-align: center;
}

[b-58xdulhprp] .login-form {
    display: flex;
    flex-direction: column;
    gap: 0.7rem;
    align-items: start;
}

[b-58xdulhprp] .input-container input {
    width: 22ch;
    height: 2rem;
    border: 1px solid hsl(0 0% 60%);
    border-radius: 4px;
    font-size: 1.125rem;
    color: hsl(0,0%,20%);
    padding: 0.125rem 0.2rem;
}

[b-58xdulhprp] .input-container input:focus {
    border: 1px solid var(--clr-primary-lighter);
    box-shadow: var(--clr-primary-lighter) 0 0 6px 1px;
    outline: none;
}

[b-58xdulhprp] form button.btn,
[b-58xdulhprp] form button.standard-btn {
    width: 100%;
    border-radius: 4px;
    margin-top: 1rem;
}

.input-container[b-58xdulhprp] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    align-items: start;
}

.input-container:first-of-type[b-58xdulhprp] {
    margin-bottom: 1rem;
}

.input-container label[b-58xdulhprp] {
    font-size: 1.25rem;
    font-weight: 400;
    color: hsl(0,0%,12%);
}
/* _content/Dobogoko/Components/Carousel.razor.rz.scp.css */


.carousel-bg[b-ump0jxij3v] {
    z-index: 100;
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0,0.8);
    display: flex;
    align-items: center;
    justify-content: center;
}

.carousel-container[b-ump0jxij3v] {
    width: min(80vw, 1920px);
    height: 90vh;
/*    margin: auto;
    margin-top: 3rem;
    margin-bottom: 3rem;*/
    position: relative;    
/*    border: 1px red solid;*/
}

.carousel-img-container[b-ump0jxij3v] {
    overflow: hidden;
    width: 100%;
    height: 100%;
}

.src-img[b-ump0jxij3v] {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

button[b-ump0jxij3v] {
    cursor: pointer;
    background: none;
    border: none;
    color: hsl(0,0%,85%);
    background-color: rgba(0,0,0,0.3);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 3;
}

    button:hover[b-ump0jxij3v] {
        color: hsl(0,0%,100%)
    }

button.elozo[b-ump0jxij3v], button.kovetkezo[b-ump0jxij3v] {
    position: absolute;
    top: 50%;
/*    transform: translateY(-50%);*/
    padding: 0;
}
    button.elozo svg[b-ump0jxij3v], button.kovetkezo svg[b-ump0jxij3v] {
        height: 3rem;
        width: 3rem;
    }

    button.elozo[b-ump0jxij3v] {
        left: 0;
        transform: translate(calc(-100% - 1rem),-50%);
    }

    button.kovetkezo[b-ump0jxij3v] {
        right: 0;
        transform: translate(calc(100% + 1rem),-50%);
    }

button.bezar[b-ump0jxij3v] {
    padding: 0.5rem;
    position: absolute;
    top: 2rem;
    right: 2rem;
    border-radius: 50%;
}

    button.bezar svg[b-ump0jxij3v] {
        width: 2rem;
        height: 2rem;
    }

ul.carousel[b-ump0jxij3v] {
    list-style: none;
    display: flex;
    height: 100%;
    transition: transform 0.4s ease-in-out;
}

    ul.carousel li[b-ump0jxij3v] {
        height: 100%;
        width: 100%;
        flex-shrink: 0;        
    }

        ul.carousel li > div[b-ump0jxij3v] {
            height: 100%;
            width: 100%;
            position: relative;
        }

@media (width < 1000px) {
    .carousel-container[b-ump0jxij3v] {
        width: 85vw;
    }
}

@media (width < 800px) {
    .carousel-container[b-ump0jxij3v] {
        width: 100vw;
    }

    button.elozo[b-ump0jxij3v] {
        left: 0;
        transform: translate(0,-50%);
    }

    button.kovetkezo[b-ump0jxij3v] {
        right: 0;
        transform: translate(0,-50%);
    }
}

/*@media (height < 1000px) {
    .carousel-container {
        height: 100vh;
    }
}*/
/* _content/Dobogoko/Components/Csomagajanlat.razor.rz.scp.css */


.ajanlat[b-ku3u4bqx8d] {
    display: flex;
    flex-direction: column;
    width: 45vw;
    margin: auto;
    margin-top: 2rem;
    margin-bottom: 2rem;
    gap: 2rem;
    box-shadow: rgba(30,30,30,0.3) 0px 0px 6px 1.5px;
    background-color: white;
    padding: 1.2rem;
    border-radius: 0.7rem;
    transition: height linear 1s;
}

    /*    .ajanlat > * {
        flex-basis: 0;
        flex-grow: 1;        
    }*/

    .ajanlat img[b-ku3u4bqx8d] {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }

    .ajanlat h3[b-ku3u4bqx8d] {
        color: hsl(0,0%,10%);
        margin: 0.5rem 1rem 1rem 1rem;
        font-size: 1.25rem;
    }

    .ajanlat p[b-ku3u4bqx8d] {
        color: hsl(0,0%,18%);
        text-align: left;
        margin: 0.5rem 1rem;
    }

.ajanlat-roviden[b-ku3u4bqx8d] {
    display: flex;
    gap: 2rem;
}

    .ajanlat-roviden > *[b-ku3u4bqx8d] {
        width: 50%;
    }

.ajanlat-bemutatas[b-ku3u4bqx8d] {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}

    .ajanlat-roviden .navigacio[b-ku3u4bqx8d] {
        display: flex;
        justify-content: space-around;
        margin-top: 1.3rem;
        margin-bottom: 0.7rem;
    }

    .reszletek .ajanlat-roviden .navigacio[b-ku3u4bqx8d] {
        visibility: hidden;
    }

.ajanlat-reszletesen.navigacio[b-ku3u4bqx8d] {
    display: flex;
    justify-content: space-around;
    /*    width: 50%;*/
    width: calc(50% - 1rem);
    margin-left: auto;
    margin-top: 1.3rem;
    margin-bottom: 0.7rem;
}

.ajanlat .navigacio > *[b-ku3u4bqx8d] {
    /*        flex-basis: 0;*/
    /*        flex-grow: 1;*/
    /*        display: inline-block;*/
}

button.reszletek-btn[b-ku3u4bqx8d], a.foglalas-btn[b-ku3u4bqx8d] {
    padding: 0.5rem 1.5rem;
    border-radius: 0.3rem;
    font-size: 1rem;
    cursor: pointer;
    border: none;
    color: inherit;
}

button.reszletek-btn[b-ku3u4bqx8d] {
    background: linear-gradient(hsl(50,65%,86%),hsl(50,65%,80%));
}

    button.reszletek-btn.teszt[b-ku3u4bqx8d] {
        background: none;
        text-decoration: underline;
    }

a.foglalas-btn[b-ku3u4bqx8d] {
    background: linear-gradient(hsl(20,80%,65%),hsl(20,80%,55%));
    box-shadow: hsl(20,80%,55%) 0 0 2px;
}
/* _content/Dobogoko/Components/Header.razor.rz.scp.css */
#header[b-mpp4dwn5nv] {
    --menu-item-horizontal-padding: 0.5rem;
    --header-horizontal-padding: 2rem;
    /**/
    --clr-bg-vertical-menu: hsl(232,26%,25%);
    --clr-bg-vertical-menu-dropdown: hsl(232 26% 30%);
    --clr-bg-vertical-menu-dropdown-open: hsl(232 40% 30%);
    --clr-vertical-menu-border: hsl(233,26%,45%);
    /*not-transparent*/
    --clr-bg-header: hsl(232,26%,25%);
    --clr-bg-header-hover: hsl(232,26%,35%);
    --clr-bg-header-dropdown: hsl(232 26% 28%);
    --clr-txt-header: hsl(0,0%,90%);
    /*transparent*/
    --clr-bg-transparent-header: rgba(0, 0, 0, 0.5);
    --clr-bg-transparent-header-hover: rgba(255, 255, 255, 0.28);
    --clr-txt-transparent-header: hsl(0, 0%, 95%);
}

ul[b-mpp4dwn5nv] {
    list-style: none;
}

a[b-mpp4dwn5nv] {
    text-decoration: none;
    cursor: pointer;
    color: inherit;
    vertical-align: middle;
}

    a.logo[b-mpp4dwn5nv] {
        height: 100%;
        font-size: 1.25rem;
        padding: 0 var(--menu-item-horizontal-padding);
        color: inherit;
        display: flex;
        align-items: center;
    }

button.main-ul-item[b-mpp4dwn5nv] {
    border: none;
    background: none;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

a:hover[b-mpp4dwn5nv], button.main-ul-item:hover[b-mpp4dwn5nv] {
    background-color: var(--clr-bg-header-hover);
}

.transparent a:hover[b-mpp4dwn5nv], .transparent button.main-ul-item:hover[b-mpp4dwn5nv] {
    background-color: var(--clr-bg-transparent-header-hover);
}

#header[b-mpp4dwn5nv] {
    padding: 0 var(--header-horizontal-padding);
    position: fixed;
    width: 100%;
    height: var(--header-height);
    display: flex;
    gap: 0.45rem;
    align-items: center;
    left: 0;
    top: 0;
    z-index: 999;
    background-color: var(--clr-bg-header);
    transition: background-color linear 0.05s;
    color: var(--clr-txt-header);
    box-shadow: rgba(30,30,30,0.3) 0px 2px 6px;
}

    #header.transparent[b-mpp4dwn5nv] {
        background-color: var(--clr-bg-transparent-header);
        color: var(--clr-txt-transparent-header);
        box-shadow: rgba(0, 0, 0, 0.3) 0px 4px 8px;
    }

    #header.vertical-menu-open[b-mpp4dwn5nv] {
        background-color: var(--clr-bg-header);
        box-shadow: rgba(30,30,30,0.3) 0px 2px 6px;
        color: var(--clr-txt-header);
    }

nav[b-mpp4dwn5nv] {
    height: 100%;
}

.main-ul[b-mpp4dwn5nv] {
    height: 100%;    
    display: flex;
    align-items: center;
    gap: 0.75rem;
    white-space: nowrap;
}

    .main-ul > li[b-mpp4dwn5nv] {
        height: 100%;
    }

    .main-ul .main-ul-item[b-mpp4dwn5nv] {
        height: 100%;
        font-size: 1.25rem;
        padding: 0 var(--menu-item-horizontal-padding);
        color: inherit;
        display: flex;
        align-items: center;
    }

li.dropdown[b-mpp4dwn5nv] {
    position: relative;
}

ul.dropdown-menu[b-mpp4dwn5nv] {
    display: none;
    flex-direction: column;
    gap: 0.3rem;
    align-items: stretch;
    position: absolute;
    top: 100%;
    left: 0;
    padding: 0.45rem 0;
    background-color: var(--clr-bg-header-dropdown);
    box-shadow: rgba(30,30,30,0.3) 0px 4px 8px 0px;
}

    .transparent ul.dropdown-menu[b-mpp4dwn5nv] {
        background-color: var(--clr-bg-transparent-header);
    }

    li.dropdown:hover ul.dropdown-menu[b-mpp4dwn5nv],
    ul.dropdown-menu.visible[b-mpp4dwn5nv] {
        display: flex;        
    }

ul.dropdown-menu a[b-mpp4dwn5nv] {
    display: inline-block;
    width: 100%;
    padding: 0.25rem var(--menu-item-horizontal-padding);
}

.vertical-menu-btn[b-mpp4dwn5nv] {
    padding: 0.25rem;
    display: none;
    border-radius: 50%;
}

    .vertical-menu-btn svg[b-mpp4dwn5nv] {
        color: var(--clr-txt-header);
        width: 2.25rem;
        height: 2.25rem;
        height: 2.25rem;
    }

    .vertical-menu-btn svg[b-mpp4dwn5nv] {
        color: var(--clr-txt-header);
        width: 2.25rem;
        height: 2.25rem;
        height: 2.25rem;
    }

    .transparent .vertical-menu-btn svg[b-mpp4dwn5nv] {
        color: var(--clr-txt-transparent-header);
    }

    .transparent.vertical-menu-open .menu-btn svg[b-mpp4dwn5nv] {
        color: var(--clr-txt-header);
    }

    .vertical-menu-btn:hover[b-mpp4dwn5nv] {
        background-color: var(--clr-bg-header-hover);
    }

    .transparent .vertical-menu-btn:hover[b-mpp4dwn5nv] {
        background-color: var(--clr-bg-transparent-header-hover);
    }

    .transparent.vertical-menu-open .vertical-menu-btn:hover[b-mpp4dwn5nv] {
        background-color: var(--clr-bg-transparent-header-hover);
    }

/*------------------------------------------------------------*/
button.foglalas-btn[b-mpp4dwn5nv] {
    margin-left: auto;
    background: linear-gradient(hsl(20,80%,65%),hsl(20,80%,55%));
    box-shadow: hsl(20,80%,55%) 0 0 2px;
    color: hsl(50,65%,95%);
    font-size: 1.25rem;
    padding: 0.55rem 1.5rem;
    border-radius: 0.65rem;
}
/*------------------------------------------------------------*/

@media (width <= 1600px) {
    #header[b-mpp4dwn5nv] {
        --header-horizontal-padding: 1rem;
    }

    .vertical-menu-btn[b-mpp4dwn5nv] {
        display: flex;
    }

    nav[b-mpp4dwn5nv] {
        display: none;
        height: calc(100vh - var(--header-height));
        height: calc(100dvh - var(--header-height));
        width: 100%;
        background-color: var(--clr-bg-vertical-menu);
        color: var(--clr-txt-header);
        overflow-y: auto;
    }

    .vertical-menu-open nav[b-mpp4dwn5nv] {
        display: block;
        position: fixed;
        top: var(--header-height);
        right: 0;
    }

    .main-ul[b-mpp4dwn5nv] {
        align-items: stretch;
        flex-direction: column;
        gap: 0rem;
        height: auto;
    }

        .main-ul .main-ul-item[b-mpp4dwn5nv] {
            width: 100%;
            text-align: left;
            justify-content: start;
            padding: 0.5rem var(--header-horizontal-padding);
        }

        .main-ul > li[b-mpp4dwn5nv] {
            padding: 0 0;
            border-top: 1px solid var(--clr-vertical-menu-border);
        }

            .main-ul > li:last-of-type[b-mpp4dwn5nv] {
                border-bottom: 1px solid var(--clr-vertical-menu-border);
            }

    ul.dropdown-menu[b-mpp4dwn5nv] {
        padding: 0 var(--header-horizontal-padding);
        height: 0px;
        overflow: hidden;
        transition: height ease 0.2s;
        display: flex;
        flex-direction: column;
        justify-content: center;
        position: static;
        gap: 0.2rem;
        box-shadow: none;
        background-color: var(--clr-bg-vertical-menu-dropdown);
    }

        ul.dropdown-menu a[b-mpp4dwn5nv] {
            padding: 0.3rem var(--menu-item-horizontal-padding);
        }

    .transparent ul.dropdown-menu[b-mpp4dwn5nv] {
        background-color: var(--clr-bg-vertical-menu-dropdown);
        
    }

    .open .main-ul-item[b-mpp4dwn5nv] {
        background-color: var(--clr-bg-vertical-menu-dropdown-open);
    }
}
/* _content/Dobogoko/Components/Header0.razor.rz.scp.css */
header[b-8ohxdpjlrf] {
    /*    --clr-bg-header: hsl(90, 60%, 96%);*/
    /*    --clr-bg-header: hsl(90, 60%, 96%);*/
    /*    --clr-bg-header: hsl(100, 60%, 96%);*/
    /*    --clr-bg-header: hsl(212, 40%, 85%);*/
    /*    --clr-bg-header: hsl(50,50%,95%);*/
    /*    --clr-bg-header: hsl(40,65%,95%);*/
    /*    --clr-bg-header: hsl(30,53%,95%);*/
    /*    --clr-bg-header: hsl(50,65%,95%);*/
    --clr-bg-header: hsl(233,26%,25%);
    --clr-bg-header-atlatszo: rgba(0, 0, 0, 0.5);
    --clr-bg-header-light: hsl(50,60%,98%);
    /*    --clr-bg-header-hover: hsl(50,30%,85%);*/
    --clr-bg-header-hover: hsl(233,26%,35%);
    --clr-bg-header-atlatszo-hover: rgba(255, 255, 255, 0.28);
    /*    --clr-txt-header: hsl(0,0%,10%);*/
    --clr-txt-header: hsl(0,0%,90%);
    --clr-txt-header-atlatszo: hsl(0, 0%, 95%);
}

a[b-8ohxdpjlrf] {
    text-decoration: none;
    cursor: pointer;
    color: inherit;
}

header[b-8ohxdpjlrf] {
    width: 100%;
    height: var(--header-height);
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 100;
    padding: 0 3rem;
    background-color: var(--clr-bg-header);
    color: var(--clr-txt-header);
    box-shadow: rgba(30,30,30,0.3) 0px 2px 6px;
}

    header.atlatszo[b-8ohxdpjlrf] {
        background-color: var(--clr-bg-header-atlatszo);
        box-shadow: rgba(0, 0, 0, 0.3) 0px 4px 8px;
        color: var(--clr-txt-header-atlatszo);
    }

        header.atlatszo.lenyilo-menu[b-8ohxdpjlrf] {
            background-color: var(--clr-bg-header);
            box-shadow: rgba(30,30,30,0.3) 0px 2px 6px;
            color: var(--clr-txt-header);
        }

a.fooldal[b-8ohxdpjlrf] {
    font-size: 1.25rem;
    padding: 0 0.6rem;
    display: flex;
    align-items: center;
    height: 100%;
    margin-right: 1rem;
}

    a.fooldal:hover[b-8ohxdpjlrf] {
        background-color: var(--clr-bg-header-hover);
    }

.atlatszo a.fooldal:hover[b-8ohxdpjlrf] {
    background-color: var(--clr-bg-header-atlatszo-hover);
    color: hsl(0, 0%, 100%);
}


.btn-wrapper[b-8ohxdpjlrf] {
    display: flex;
    gap: 1rem;
    justify-content: center;
}

button.foglalas-btn[b-8ohxdpjlrf] {
    /*    margin-left: auto;*/
    background: linear-gradient(hsl(20,80%,65%),hsl(20,80%,55%));
    box-shadow: hsl(20,80%,55%) 0 0 2px;
    border: none;
    color: hsl(50,65%,95%);
    font-size: 1.25rem;
    padding: 0.55rem 1.5rem;
    border-radius: 0.65rem;
    cursor: pointer;
}

.menu-btn[b-8ohxdpjlrf] {
    padding: 0.25rem;
    display: none;
    align-self: center;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background-color: transparent;
    border: none;
    cursor: pointer;
}

header .menu-btn svg[b-8ohxdpjlrf] {
    color: var(--clr-txt-header);
    width: 2.25rem;
    height: 2.25rem;
    height: 2.25rem;
}

header.atlatszo .menu-btn svg[b-8ohxdpjlrf] {
    color: var(--clr-txt-header-atlatszo);
}

header.atlatszo.lenyilo-menu .menu-btn svg[b-8ohxdpjlrf] {
    color: var(--clr-txt-header);
}

nav[b-8ohxdpjlrf] {
    height: 100%;
}

    nav ul[b-8ohxdpjlrf] {
        list-style: none;
        display: flex;
        gap: 1rem;
        height: 100%;
        white-space: nowrap;
    }

    nav a[b-8ohxdpjlrf] {
        font-size: 1.25rem;
        padding: 0 0.6rem;
        display: inline-block;
        height: 100%;
        width: 100%;
        align-content: center;
    }

        nav a:hover[b-8ohxdpjlrf] {
            background-color: var(--clr-bg-header-hover);
        }

.atlatszo nav a:hover[b-8ohxdpjlrf] {
    background-color: var(--clr-bg-header-atlatszo-hover);
    color: hsl(0, 0%, 100%);
}


li.dropdown[b-8ohxdpjlrf] {
    position: relative;
}

div.dropdown-menu[b-8ohxdpjlrf] {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    padding: 0.5rem 0;
    background-color: var(--clr-bg-header);
    box-shadow: rgba(30,30,30,0.3) 0px 4px 8px 0px;
}

li.dropdown:hover div.dropdown-menu[b-8ohxdpjlrf] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
}

.atlatszo div.dropdown-menu[b-8ohxdpjlrf] {
    background-color: var(--clr-bg-header-atlatszo);
}

div.dropdown-menu a[b-8ohxdpjlrf] {
    white-space: nowrap;
    padding: 0.3rem 0.6rem;
    font-size: 1.125rem;
}

li.dropdown > a[b-8ohxdpjlrf]::after {
    content: url("ikonok/google/arrow-drop-down.svg");
    display: inline;
    vertical-align: middle;
}

.atlatszo li.dropdown > a[b-8ohxdpjlrf]::after {
    content: url("ikonok/google/arrow-drop-down-white.svg");
}


@media (hover: hover) and (pointer: fine) {
    .menu-btn:hover[b-8ohxdpjlrf] {
        background-color: hsl(0,0%,92%);
    }

    .atlatszo .menu-btn:hover[b-8ohxdpjlrf] {
        background-color: rgba(255, 255, 255, 0.28);
    }
}

@media (width <= 1600px) {
    .menu-btn[b-8ohxdpjlrf] {
        display: flex;
    }

    nav[b-8ohxdpjlrf] {
        display: none;
        height: calc(100vh - var(--header-height));
        width: 100%;
        background-color: var(--clr-bg-header);
        color: var(--clr-txt-header);
        overflow-y: auto;
        padding: 0.5rem 0;
    }

    .lenyilo-menu nav[b-8ohxdpjlrf] {
        display: block;
        position: fixed;
        top: var(--header-height);
        right: 0;
    }

    nav ul[b-8ohxdpjlrf] {
        flex-direction: column;
        gap: 0rem;
        height: auto;
    }

    nav li[b-8ohxdpjlrf] {
        /*        border-top: 1px solid rgb(218, 201, 178);*/
        box-shadow: rgb(218, 201, 178) 0px -0.5px 2px;
        /*        border-bottom: 1px solid rgb(204, 158, 99);*/
    }

    li.dropdown > a[b-8ohxdpjlrf]::after {
        content: url("ikonok/google/arrow-drop-down.svg");
    }

    .atlatszo li.dropdown > a[b-8ohxdpjlrf]::after {
        content: url("ikonok/google/arrow-drop-down.svg");
    }

    nav a:hover[b-8ohxdpjlrf] {
        background-color: var(--clr-bg-header-hover);
    }

    .atlatszo nav a:hover[b-8ohxdpjlrf] {
        background-color: var(--clr-bg-header-hover);
        color: var(--clr-txt-header);
    }

    div.dropdown-menu[b-8ohxdpjlrf] {
        padding: 0 0.5rem;
        height: 0px;
        overflow: hidden;
        transition: height ease 0.25s;
        display: flex;
        flex-direction: column;
        position: static;
        gap: 0.2rem;
        box-shadow: none;
        background-color: var(--clr-bg-header-light);
    }

    .atlatszo div.dropdown-menu[b-8ohxdpjlrf] {
        background-color: var(--clr-bg-header-light);
    }


    nav li > a[b-8ohxdpjlrf] {
        padding: 0.8rem 0.6rem;
    }

    li.dropdown.open > a[b-8ohxdpjlrf] {
        background-color: rgb(217, 205, 190);
    }
}
/* _content/Dobogoko/Components/Image.razor.rz.scp.css */

img[b-viqjnk2yd7], svg[b-viqjnk2yd7] {
    width: 100%;
    height: 100%;
}

.obj-fit-cover[b-viqjnk2yd7] {
    object-fit: cover;
}

.obj-fit-contain[b-viqjnk2yd7] {
    object-fit: contain;
}
/* _content/Dobogoko/Components/KepCsoport.razor.rz.scp.css */
.kep-csoport[b-33gqk6ho2t] {
    width: 75vw;     
    display: flex;
    align-items: center;
    justify-content: center;
}

.kep-container[b-33gqk6ho2t] {
    width: 100%;
    list-style: none;
    display: grid;
    grid-template-columns: repeat(5, 1fr);    
    gap: 0.3rem;
    border-radius: 6px;
    overflow: hidden;
}

    .kep-container li[b-33gqk6ho2t] {
        aspect-ratio: 4/3;
        cursor: pointer;
        display: flex;
        align-items: center;
        min-height: 0;
        min-width: 0;
    }

        .kep-container li:first-child[b-33gqk6ho2t] {
            grid-row: span 2;
            grid-column: span 2;
        }

        .kep-container li.tovabbi-kepek[b-33gqk6ho2t] {
            position: relative;
        }

        .kep-container .tovabbi-kepek-btn-container[b-33gqk6ho2t] {
            position: absolute;
            top: 0;
            left: 0;
            z-index: 9;
            width: 100%;
            height: 100%;
            display: flex;            
        }

            .kep-container .tovabbi-kepek-btn-container > div:first-child[b-33gqk6ho2t] {
                background:  rgba(45,45,45,0.75);
                background: linear-gradient(90deg, rgba(45,45,45,0) 0%, rgba(45,45,45,0.75) 100%);
                flex-grow: 1;
            }

            .kep-container .tovabbi-kepek-btn-container > div:last-child[b-33gqk6ho2t] {
                background-color: rgba(45,45,45,0.75);
                flex-grow: 0;
                display: flex;
                align-items: end;
                height: 100%;
                padding: 0.55rem 0.35rem;
            }

            .kep-container .tovabbi-kepek-btn-container button[b-33gqk6ho2t] {
                padding: 0.3rem 0.35rem;                
                font-size: 1.125rem;
                gap: 0.125rem;
            }

@media (width < 1200px) {
    .kep-container[b-33gqk6ho2t] {        
        grid-template-columns: repeat(4, 1fr);
    }
}

@media (width < 850px) {
    .kep-container[b-33gqk6ho2t] {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (width < 600px) {
    .kep-csoport[b-33gqk6ho2t] {
        width: 95vw;        
    }
    .kep-container[b-33gqk6ho2t] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (width < 340px) {
    .kep-csoport[b-33gqk6ho2t] {
        width: 96vw;
    }

    .kep-container[b-33gqk6ho2t] {
        grid-template-columns: repeat(1, 1fr);
    }

        .kep-container li:first-child[b-33gqk6ho2t] {
            grid-row: span 1;
            grid-column: span 1;
        }
}
/* _content/Dobogoko/Components/KepCsoportSzerk.razor.rz.scp.css */
.kep-csoport[b-sf52yad422] {
    width: 75vw;     
    display: flex;
    align-items: center;
    justify-content: center;
}

.kep-container[b-sf52yad422] {
    width: 100%;
    list-style: none;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 0.3rem;
    border-radius: 6px;
    overflow: hidden;
}

    .kep-container li[b-sf52yad422] {
        aspect-ratio: 4/3;
        cursor: pointer;
        display: flex;
        align-items: center;
        min-height: 0;
        min-width: 0;
    }

        .kep-container li:first-child[b-sf52yad422] {
            grid-row: span 2;
            grid-column: span 2;
        }

        .kep-container li.tovabbi-kepek[b-sf52yad422] {
            position: relative;
        }

        .kep-container .tovabbi-kepek-btn-container[b-sf52yad422] {
            position: absolute;
            top: 0;
            left: 0;
            z-index: 9;
            width: 100%;
            height: 100%;
            display: flex;            
        }

            .kep-container .tovabbi-kepek-btn-container > div:first-child[b-sf52yad422] {
                background:  rgba(45,45,45,0.75);
                background: linear-gradient(90deg, rgba(45,45,45,0) 0%, rgba(45,45,45,0.75) 100%);
                flex-grow: 1;
            }

            .kep-container .tovabbi-kepek-btn-container > div:last-child[b-sf52yad422] {
                background-color: rgba(45,45,45,0.75);
                flex-grow: 0;
                display: flex;
                align-items: end;
                height: 100%;
                padding: 0.55rem 0.35rem;
            }

            .kep-container .tovabbi-kepek-btn-container button[b-sf52yad422] {
                padding: 0.3rem 0.35rem;                
                font-size: 1.125rem;
                gap: 0.125rem;
            }

@media (width < 1200px) {
    .kep-container[b-sf52yad422] {        
        grid-template-columns: repeat(4, 1fr);
    }
}

@media (width < 850px) {
    .kep-container[b-sf52yad422] {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (width < 600px) {
    .kep-csoport[b-sf52yad422] {
        width: 95vw;        
    }
    .kep-container[b-sf52yad422] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (width < 340px) {
    .kep-csoport[b-sf52yad422] {
        width: 96vw;
    }

    .kep-container[b-sf52yad422] {
        grid-template-columns: repeat(1, 1fr);
    }

        .kep-container li:first-child[b-sf52yad422] {
            grid-row: span 1;
            grid-column: span 1;
        }
}
/* _content/Dobogoko/Components/KepkeretSzerk.razor.rz.scp.css */

.kepkeret-szerk-container[b-yoc9k25u83] {
    width: 100%;
    height: 100%;
    cursor: pointer;
}

    .kepkeret-szerk-container:hover[b-yoc9k25u83] {
        box-shadow: rgb(62, 141, 252) 0 0 5px 1px;
    }
/* _content/Dobogoko/Components/KepMenu.razor.rz.scp.css */
.svg-wrapper-btn[b-f4bkdoof3c] {    
    color: hsl(0,0%,22%);
}

    .svg-wrapper-btn:hover[b-f4bkdoof3c] {
        background-color: hsl(0,0%,82%);
    }

    .svg-wrapper-btn svg[b-f4bkdoof3c] {
        width: 1.65rem;
        height: auto;
    }

.KepMenu-bg[b-f4bkdoof3c] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(45,45,45,0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 99;
}

.KepMenu[b-f4bkdoof3c] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    width: min(86vw, 1400px);
    height: min(80vh, 1400px);
    height: min(80dvh, 1400px);
    background-color: hsl(0,0%,90%);
    padding: 1rem;
    border-radius: 10px;
}

@media (width < 1200px) {
    .KepMenu[b-f4bkdoof3c] {
        width: 92vw;
    }
}

@media (height < 650px) {
    .KepMenu[b-f4bkdoof3c] {
        height: 96vh;
        height: 98dvh;
    }
}

.padded-flex[b-f4bkdoof3c] {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 1rem;
    width: 100%;
    flex-grow: 0;
    flex-shrink: 0;    
}

    .padded-flex > *:first-child[b-f4bkdoof3c] {
        height: 100%;
        min-width: 300px;
        max-width: 420px;
        flex-grow: 1;
        flex-basis: 0;
    }

    .padded-flex > *:last-child[b-f4bkdoof3c] {
        min-width: 420px;
        flex-grow: 1;
        flex-basis: 0;
    }

.KepMenu-menu[b-f4bkdoof3c] {
    display: flex;
    flex-direction: row;
    list-style: none;
    width: 100%;
    align-items: center;
    gap: 0.2rem;
}

    .KepMenu-menu .li-bezar-btn[b-f4bkdoof3c] {
        margin-left: auto;
    }

    .KepMenu-menu li:nth-child(2)[b-f4bkdoof3c] {
        margin: 0 0.65rem;
    }

.KepMenu-main[b-f4bkdoof3c] {
    display: flex;
    flex-direction: row;
    gap: 1rem;
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: 0;
    overflow: hidden;
}

.kivalasztott-kep-container[b-f4bkdoof3c] {
    display: flex;
    flex-direction: column;
    align-items: center;
    min-width: 300px;
    max-width: 420px;
    flex-grow: 1;
    flex-basis: 0;
    overflow-y: auto;
}

.kivalasztott-kep[b-f4bkdoof3c] {
    width: 100%;
    aspect-ratio: 4/3;
    height: auto;    
    display: flex;
    flex-shrink: 0;
    align-items: center;
    overflow: hidden;
}

.kiv-kep-nev-container[b-f4bkdoof3c] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.kiv-reszletek-btn[b-f4bkdoof3c], .kiv-carousel-btn[b-f4bkdoof3c] {
    border: none;
    background: none;
    padding: 0.4rem 0.6rem;
    border-radius: 6px;
    font-size: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    text-decoration: underline;
    color: rgb(45,45,45);
}

.kiv-carousel-btn[b-f4bkdoof3c] {
    padding: 0;
    color: hsl(216, 98%, 52%);
    display: inline-flex;
}

.kiv-reszletek-btn svg[b-f4bkdoof3c] {
    height: 1rem;
    width: auto;
}

.kivalasztott-kep-adatok[b-f4bkdoof3c] {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    color: hsl(0,0%,5%);
}

    .kivalasztott-kep-adatok > *[b-f4bkdoof3c] {
        margin: 0;
    }

.kivalasztott-kep-adatok .kiv-kep-adat[b-f4bkdoof3c] {
    color: hsl(0,0%,18%);
}

    .kivalasztott-kep-adatok .kiv-kep-adat-nev[b-f4bkdoof3c] {
        font-weight: 600;
        color: hsl(0,0%,4%);
    }

.kivalasztott-kep-adatok ul[b-f4bkdoof3c] {
    list-style: none;
    padding-left: 1.75rem;
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.kiv-kep-nev-input-container[b-f4bkdoof3c] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}


.kep-container[b-f4bkdoof3c] {
    background-color: hsl(0,0%,96%);
    min-width: 420px;
    flex-grow: 1;
    flex-basis: 0;
    overflow-y: auto;
}

    .kep-container-elem[b-f4bkdoof3c] {
        cursor: default;
    }

    .kep-container-elem:hover[b-f4bkdoof3c] {
        background-color: hsl(210,100%,90%);
    }

    .kep-container-elem.kivalasztva[b-f4bkdoof3c] {
        background-color: hsl(210,100%,84%);
    }

    .kep-container-elem.kivalasztva:hover[b-f4bkdoof3c] {
        background-color: hsl(210,100%,76%);
    }

    .kep-container.mozaik[b-f4bkdoof3c] {
        display: grid;
        grid-template-columns: repeat(auto-fit,minmax(200px,1fr));
        gap: 0.25rem;
        align-items: start;
    }

        .kep-container.mozaik .kep-container-elem[b-f4bkdoof3c] {
            padding: 0.5rem 0.35rem;
            display: flex;
            flex-direction: column;
            gap: 0.5rem;
            align-items: center;
        }

            .kep-container.mozaik .kep-container-elem .kep[b-f4bkdoof3c] {
                width: 100%;
                aspect-ratio: 4/3;
                height: auto;
                display: flex;
                align-items: center;
                overflow: hidden;
            }

            .kep-container.mozaik .kep-container-elem p[b-f4bkdoof3c]{
                margin: 0;
            }


    .kep-container.lista[b-f4bkdoof3c] {
        display: flex;
        flex-direction: column;
        gap: 0.5rem;
    }

        .kep-container.lista.tobb-kiv[b-f4bkdoof3c] {
            gap: 0;
        }

        .separator[b-f4bkdoof3c] {
            height: 0.4rem;
            flex-shrink: 0;
        }

            .separator.drop-target[b-f4bkdoof3c] {
                position: relative;
            }

                .separator.drop-target[b-f4bkdoof3c]::before {
                    content: "";
                    position: absolute;
                    inset: 0;
                    background: linear-gradient( 180deg, rgb(255,255,255) 15%, hsl(235,100%,55%) 50%, rgb(255,255,255) 85% );
                    opacity: 0;
                    transition: opacity 0.10s linear;
                }

                    .separator.drop-target.active-sep[b-f4bkdoof3c]::before {
                        opacity: 1;
                    }

            .separator.limit[b-f4bkdoof3c] {
                background-color: orange;
                height: 0.15rem;
                z-index: 9;
            }

            .separator.extra-limit[b-f4bkdoof3c] {
                background-color: orangered;
                height: 0.15rem;
            }

            .separator.limit-drop-target[b-f4bkdoof3c] {
                height: 0.95rem;                
                display: flex;
                align-items: center;
            }

                .limit-drop-target .separator.limit[b-f4bkdoof3c] {
                    width: 100%;
                }

        .kep-container.lista .kep-container-elem[b-f4bkdoof3c] {
            display: flex;
            flex-direction: row;
            gap: 0.75rem;
            align-items: center;
            padding: 0.5rem 1rem;             
        }

        .kep-container.lista .lista-kep-elonezet[b-f4bkdoof3c] {
            width: min(30vw, 100px);
            aspect-ratio: 4/3;
            height: auto;
            position: relative;
        }

            .kep-container.lista .lista-kep-elonezet img[b-f4bkdoof3c] {
                width: 100%;
                height: 100%;
                object-fit: cover;
                position: absolute;
                top: 0;
                left: 0;
            }

        .drag-handle[b-f4bkdoof3c] {
            touch-action: none;
        }

.KepMenu-footer[b-f4bkdoof3c] {
    width: 100%;
    display: flex;
    flex-direction: row;
    gap: 2rem;
    align-items: center;
    justify-content: left;
}

    .KepMenu-footer button:first-of-type[b-f4bkdoof3c] {
        margin-left: auto;
    }

.KepMenu-modal-bg[b-f4bkdoof3c] {
    position: fixed;
    z-index: 999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(45,45,45,0.5);
    display: flex;
    align-items: center;
    justify-content: center;
}

.KepMenu-modal[b-f4bkdoof3c] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1.25rem;
    padding: 1.5rem 1.75rem;
    border-radius: 10px;
    background-color: white;
    color: rgb(45,45,45);
}

.spinner-container[b-f4bkdoof3c] {
    width: 4rem;
    height: 4rem;
    /*font-size: 4rem;*/ /* -> spinner border*/
    --spinner-border-width: 0.4rem;
}


@media (width < 840px) {
    .KepMenu[b-f4bkdoof3c] {
        width: 98vw;
        height: 96vh;
        height: 98dvh;
    }

    .KepMenu-main[b-f4bkdoof3c] {
        flex-direction: column;
        gap: 0.5rem;
/*        max-height: 96vh;*/
    }

    .kep-container[b-f4bkdoof3c] {
        min-width: initial;
        width: 100%;
    }

    .kivalasztott-kep-container[b-f4bkdoof3c] {        
        min-width: initial;
        max-width: initial;
        width: 100%;
        flex-grow: initial;
        flex-basis: initial;
    }

    .kivalasztott-kep[b-f4bkdoof3c] {
        width: auto;
        height: 28vh;
        height: 28dvh;
    }

    .padded-flex > *:first-child[b-f4bkdoof3c] {
        display: none;
        min-width: initial;
        max-width: initial;
    }

    .padded-flex > *:last-child[b-f4bkdoof3c] {
        width: 100%;
        min-width: initial;
    }
}
/* _content/Dobogoko/Components/Layout/MainLayout.razor.rz.scp.css */


button.foglalas-btn[b-0wq6wkcz5l] {
    margin-left: auto;
    /*    background-color: hsl(20,80%,55%);*/
    background: linear-gradient(hsl(20,80%,65%),hsl(20,80%,55%));
    box-shadow: hsl(20,80%,55%) 0 0 2px;
    border: none;
    /*    color: rgb(255, 255, 214);*/
    color: hsl(50,65%,95%);
    font-size: 1.25rem;
    padding: 0.55rem 1.5rem;
    border-radius: 0.65rem;
    cursor: pointer;
}

main[b-0wq6wkcz5l] {    
    margin-top: var(--header-height);
}

    main.atlatszo[b-0wq6wkcz5l] {
        margin-top: 0;
    }

header[b-0wq6wkcz5l] {
    background-color: hsl(50,65%,95%);
    height: var(--header-height);
    box-shadow: rgba(30,30,30,0.3) 0px 2px 6px;
    position: fixed;
    width: 100%;

/*    width: 100vw;
    overflow: hidden;*/

    top: 0;
    z-index: 99; 
    color: black;
}

    header.atlatszo[b-0wq6wkcz5l] {
/*        background-color: rgba(0, 0, 0, 0.3);*/
        background-color: rgba(0, 0, 0, 0.5);
        box-shadow: rgba(0, 0, 0, 0.3) 0px 4px 8px;
        color: hsl(0, 0%, 95%);
/*        border: 1px solid rgba(250,250,250,0.4);*/
    }

nav.kiemelt[b-0wq6wkcz5l] {
    height: 37%;
}

nav.menu[b-0wq6wkcz5l] {
    height: 63%;
}

.atlatszo nav.menu[b-0wq6wkcz5l] {
/*    border: 1px solid rgba(250,250,250,0.3);*/
}

nav.kiemelt ul[b-0wq6wkcz5l] {
    display: flex;
    width: 100%;
    height: 100%;
}

nav.kiemelt li[b-0wq6wkcz5l] {
    flex-basis: 0;
    flex-grow: 1;
    text-align: center;    
}

nav.kiemelt a[b-0wq6wkcz5l] {
    color: hsl(0, 0%, 95%);
    text-decoration: none;
    font-size: 1.25rem;
    display: inline-block;
    height: 100%;
    align-content: center;
    padding: 0rem 1.5rem;
}

    nav.kiemelt li:nth-child(odd)[b-0wq6wkcz5l] {
        background: linear-gradient(90deg,hsl(82, 31%, 40%),hsl(102, 100%, 20%));
    }

.atlatszo nav.kiemelt li:nth-child(odd)[b-0wq6wkcz5l] {
    background: none;
/*    box-shadow: rgba(250, 250, 250, 0.3) 0px 4px 8px;*/
/*    border: 1px solid rgba(250,250,250,0.3);*/
}

    nav.kiemelt li:nth-child(even)[b-0wq6wkcz5l] {
        background: linear-gradient(90deg,hsl(33, 52%, 45%),hsl(33, 67%, 35%));
    }

.atlatszo nav.kiemelt li:nth-child(even)[b-0wq6wkcz5l] {
    background: none;
/*    box-shadow: rgba(250, 250, 250, 0.3) 0px 4px 8px;*/
/*    border: 1px solid rgba(250,250,250,0.3);*/
}

nav.menu[b-0wq6wkcz5l] {
    display: flex;
    align-items: center;    
    width: 90%;
    margin: auto;
}

    nav.menu a[b-0wq6wkcz5l] {
        color: inherit;
        text-decoration: none;
        font-size: 1.25rem;        
        display: inline-block;
        height: 100%;
        align-content: center;
    }

nav.menu ul[b-0wq6wkcz5l] {
    height: 100%;
    display: flex;
    align-items: center;
    gap: 1.5rem;
}

li[b-0wq6wkcz5l] {
    list-style: none;    
    height: 100%;
    padding: 0 0.7rem;
}

    li.dropdown[b-0wq6wkcz5l] {
        position: relative;
    }

    li.dropdown > a[b-0wq6wkcz5l]::after  {
        content: url("ikonok/google/arrow-drop-down.svg");
        display: inline;
        vertical-align: middle;        
    }

        .atlatszo li.dropdown > a[b-0wq6wkcz5l]::after {
            content: url("ikonok/google/arrow-drop-down-white.svg");            
        }

    li.dropdown > div[b-0wq6wkcz5l] {
        display: none;
        position: absolute;
        padding: 1rem 0.7rem 0.9rem 0.7rem;
        top: 100%;
        left: 0;
/*        display: flex;*/
/*        flex-direction: column;*/        
/*        box-shadow: rgba(30,30,30,0.3) 0px 5px 3px -3px;*/
        background-color: hsl(50,65%,95%);
    }

    .atlatszo li.dropdown > div[b-0wq6wkcz5l] {
        background-color: rgba(0, 0, 0, 0.5);
    }

            .atlatszo li.dropdown > div a[b-0wq6wkcz5l] {
                color: hsl(0,0%,95%);
            }

    li.dropdown:hover > div[b-0wq6wkcz5l] {
        display: block;
    }

    li.dropdown > div a[b-0wq6wkcz5l] {
        white-space: nowrap;
        padding: 0.2rem 0;
        font-size: 1.125rem;
    }


footer[b-0wq6wkcz5l] {
    /*    background: linear-gradient(hsl(102, 70%, 28%),hsl(102, 90%, 20%));*/
    color: white;
    font-size: 1.125rem;
    padding: 3rem 2rem;
    background-image: linear-gradient(90deg,rgba(32, 96, 5, 0.9) 40% ,rgba(32, 96, 5, 0.1)), url("kepek/footer-terkep.png");
    background-size: cover;
    background-repeat: no-repeat;

/*    width: 100vw;
    overflow: hidden;*/

}

    footer h2[b-0wq6wkcz5l] {
        font-size: 1.5rem;
        font-weight: normal;
        margin-bottom: 1rem;        
    }

    footer .ikon[b-0wq6wkcz5l] {
        height: 1.4rem;
        width: 1.4rem;
        vertical-align: middle;
    }

    .grid-kovess .ikon[b-0wq6wkcz5l] {
        height: 2.5rem;
        width: 2.5rem;
    }

    .grid-navigacio .ikon[b-0wq6wkcz5l], .grid-egyeb-linkek .ikon[b-0wq6wkcz5l] {
        height: 1rem;
        width: 1rem;
    }

    footer a[b-0wq6wkcz5l] {        
        text-decoration: none;
        cursor: pointer;
        color: hsl(0,0%,85%);
    }

footer .grid[b-0wq6wkcz5l] {
    width: 50%;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: max-content max-content max-content;
    column-gap: 3rem;
    row-gap: 1.5rem;
}

    .grid-elerhetoseg[b-0wq6wkcz5l] {
        grid-column: 1;
        grid-row: 1;
    }

    .grid-kovess[b-0wq6wkcz5l] {
        grid-column: 1;
        grid-row: 2;
    }

    .grid-szepkartya[b-0wq6wkcz5l] {
        grid-column: 1;
        grid-row: 3;
    }

    .grid-navigacio[b-0wq6wkcz5l] {
        grid-column: 2;
        grid-row: 1;
    }

    .grid-info[b-0wq6wkcz5l] {
        grid-column: 2;
        grid-row: 2;
    }

    .grid-egyeb-linkek[b-0wq6wkcz5l] {
        grid-column: 2;
        grid-row: 3;
    }

.grid-elerhetoseg a[b-0wq6wkcz5l] {
    display: block;
    margin-bottom: 0.75rem;
}

    .grid-elerhetoseg a:last-child[b-0wq6wkcz5l] {
        margin-bottom: 0;
    }

.grid-navigacio a[b-0wq6wkcz5l] {
    margin-bottom: 0.25rem;
}

.grid-navigacio > div[b-0wq6wkcz5l] {
    display: flex;
    flex-wrap: wrap;
}

    .grid-navigacio > div > *[b-0wq6wkcz5l] {
        flex-basis: 50%;
    }

.grid-kovess > div[b-0wq6wkcz5l] {
    display: flex;
    gap: 3rem;    
}

.grid-info a[b-0wq6wkcz5l] {
    display: block;
    margin-bottom: 0.75rem;
}

    .grid-info a:last-child[b-0wq6wkcz5l] {
        margin-bottom: 0;
    }

.grid-egyeb-linkek a[b-0wq6wkcz5l] {
    display: block;
    margin-bottom: 0.25rem;
}

.grid-egyeb-linkek span[b-0wq6wkcz5l] {
    display: inline-block;
    margin-top: 0.75rem;
}

#blazor-error-ui[b-0wq6wkcz5l] {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-0wq6wkcz5l] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* _content/Dobogoko/Components/Pages/Csomagajanlatok.razor.rz.scp.css */
h2[b-g3m5nd2czj] {
    text-align: center;
    margin-bottom: 3rem;
}

section.jurtaszallas[b-g3m5nd2czj] {
/*    background-color: hsl(50,65%,95%);*/
    background-color: var(--clr-bg-1);
    padding-top: 2rem;
    padding-bottom: 2rem;
}



.overlay-tartalom .bezar-btn[b-g3m5nd2czj] {
    border: none;
    position: absolute;
    top: 0.5rem;
    right: 0.5rem;
    /* background-color: rgb(255, 255, 255);*/
    background-color: rgb(244, 244, 244);
    padding: 0.4rem;
}

button.bezar-btn:hover[b-g3m5nd2czj] {
    background-color: rgb(230, 230, 230);
}

button.bezar-btn img[b-g3m5nd2czj] {
    display: inline-block;
    vertical-align: middle;
    width: 1.7rem;
    cursor: pointer;
}


#teszt[b-g3m5nd2czj] {
    display: inline-block;
    text-align: center;
    color: rgb(177, 114, 48);
    background-color: rgb(186, 208, 157);
    border-radius: 1rem;
    padding: 3rem;
    width: 90vw;
    height: 90vh;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 100;
}
/* _content/Dobogoko/Components/Pages/Csomagajanlatok_00.razor.rz.scp.css */

h2[b-4g2onv9tbx] {
    text-align: center;
    margin-bottom: 3rem;
}

section.jurtaszallas[b-4g2onv9tbx] {
    background-color: hsl(50,65%,95%);
    padding-top: 2rem;
    padding-bottom: 2rem;
}

.tmp-wrapper[b-4g2onv9tbx] {
    display: flex;
    width: 45vw;
    margin: auto;
    justify-content: space-between;
    gap: 4rem;
}

div.ajanlat[b-4g2onv9tbx] {
    background: linear-gradient(hsl(85,30%,65%),hsl(85,30%,50%));
    box-shadow: rgba(0,0,0,0.4) 0px 0px 6px 2px;
    border-radius: 2rem;
    overflow: hidden;
    color: rgb(230, 230, 230);
    text-align: center;
}

.ajanlat img[b-4g2onv9tbx] {
    width: 100%;
    object-fit: contain;
}

.ajanlat h3[b-4g2onv9tbx] {
    color: rgb(250, 250, 250);
    margin: 0.5rem 1rem 1rem 1rem;
    font-size: 1.25rem;
    text-align: left;
}

.ajanlat p[b-4g2onv9tbx] {
    text-align: left;
    margin: 0.5rem 1rem;
}

.ajanlat .navigacio[b-4g2onv9tbx] {
    display: flex;   
    justify-content: space-around;
    margin-top: 1.3rem;
    margin-bottom: 0.7rem;
}

    .ajanlat .navigacio > *[b-4g2onv9tbx] {
/*        flex-basis: 0;*/
/*        flex-grow: 1;*/
/*        display: inline-block;*/
    }

.navigacio button[b-4g2onv9tbx], .navigacio a[b-4g2onv9tbx] {
    padding: 0.5rem 1.5rem;
    border-radius: 0.3rem;
    font-size: 1rem;
    cursor: pointer;
    border: none;
    color: inherit;
}

.navigacio button[b-4g2onv9tbx] {
    background: linear-gradient(hsl(85,70%,30%),hsl(85,70%,25%));
    box-shadow: hsl(85,70%,30%) 0 0 2px;
}

.navigacio a[b-4g2onv9tbx] {
    background: linear-gradient(hsl(20,80%,65%),hsl(20,80%,55%));
    box-shadow: hsl(20,80%,55%) 0 0 2px;   

}




section.overlay[b-4g2onv9tbx] {
    width: 100vw;
    height: 100vh;
    z-index: 100;
    background-color: rgba(0, 0, 0,0.8);
    position: absolute;
    top: 0;
    left: 0;   
}

.overlay-tartalom[b-4g2onv9tbx] {
    background: linear-gradient(hsl(85,70%,35%),hsl(85,70%,20%));
    box-shadow: hsl(85,70%,30%) 0 0 2px;
    border-radius: 1rem;
    color: rgb(230, 230, 230);
    width: 80%;
    height: 80%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    padding: 2rem;
}

    .overlay-tartalom h3[b-4g2onv9tbx] {
        color: rgb(250, 250, 250);
        margin-bottom: 1.5rem;
    }

    .overlay-tartalom li[b-4g2onv9tbx] {
        margin: 0.5rem;
    }











    .overlay-tartalom .bezar-btn[b-4g2onv9tbx] {
        border: none;
        position: absolute;
        top: 0.5rem;
        right: 0.5rem;
        background-color: rgb(255, 255, 255);
        border-radius: 50%;
        padding: 0.4rem;
    }

button.bezar-btn:hover[b-4g2onv9tbx] {
    background-color: rgb(230, 230, 230);
}

button.bezar-btn img[b-4g2onv9tbx] {
    display: inline-block;
    vertical-align: middle;
    width: 1.7rem;
    cursor: pointer;
}


    #teszt[b-4g2onv9tbx] {
        display: inline-block;
        text-align: center;
        color: rgb(177, 114, 48);
        background-color: rgb(186, 208, 157);
        border-radius: 1rem;
        padding: 3rem;
        width: 90vw;
        height: 90vh;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        z-index: 100;
    }
/* _content/Dobogoko/Components/Pages/Csomagajanlatok_01.razor.rz.scp.css */

h2[b-ebxhyhzpm9] {
    text-align: center;
    margin-bottom: 3rem;
}

section.jurtaszallas[b-ebxhyhzpm9] {
/*    background-color: hsl(50,65%,95%);*/
    background-color: var(--clr-bg-1);
    padding-top: 2rem;
    padding-bottom: 2rem;
}

.ajanlat[b-ebxhyhzpm9] {
    display: flex;
    width: 45vw;
    margin: auto;
    margin-top: 2rem;
    margin-bottom: 2rem;
    gap: 2rem;
    /*    border: 1px solid black;*/
    box-shadow: rgba(30,30,30,0.3) 0px 0px 6px 1.5px;
    background-color: white;
    padding: 1.2rem;
    border-radius: 0.7rem;
}

    .ajanlat > *[b-ebxhyhzpm9] {
        flex-basis: 0;
        flex-grow: 1;        
    }

    .ajanlat img[b-ebxhyhzpm9] {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }

    .ajanlat h3[b-ebxhyhzpm9] {
        color: hsl(0,0%,10%);
        margin: 0.5rem 1rem 1rem 1rem;
        font-size: 1.25rem;
/*        text-align: left;*/
    }

    .ajanlat p[b-ebxhyhzpm9] {
        color: hsl(0,0%,18%);
        text-align: left;
        margin: 0.5rem 1rem;
    }

.ajanlat-bemutatas[b-ebxhyhzpm9] {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}


.ajanlat .navigacio[b-ebxhyhzpm9] {    
    display: flex;
    justify-content: space-around;
    margin-top: 1.3rem;
    margin-bottom: 0.7rem;
}

    .ajanlat .navigacio > *[b-ebxhyhzpm9] {
        /*        flex-basis: 0;*/
        /*        flex-grow: 1;*/
        /*        display: inline-block;*/
    }

.navigacio button[b-ebxhyhzpm9], .navigacio a[b-ebxhyhzpm9] {
    padding: 0.5rem 1.5rem;
    border-radius: 0.3rem;
    font-size: 1rem;
    cursor: pointer;
    border: none;
    color: inherit;
}

.navigacio button[b-ebxhyhzpm9] {
    /*    background: linear-gradient(hsl(85,70%,30%),hsl(85,70%,25%));*/
    /*    box-shadow: hsl(85,70%,30%) 0 0 2px;*/
    background: linear-gradient(hsl(50,65%,86%),hsl(50,65%,80%));
/*    box-shadow: hsl(85,70%,30%) 0 0 2px;*/
}

.navigacio a[b-ebxhyhzpm9] {
    background: linear-gradient(hsl(20,80%,65%),hsl(20,80%,55%));
    box-shadow: hsl(20,80%,55%) 0 0 2px;
}




section.overlay[b-ebxhyhzpm9] {
    width: 100vw;
    height: 100vh;
    z-index: 100;
    background-color: rgba(0, 0, 0,0.8);
    position: fixed;
    top: 0;
    left: 0;
}

.overlay-tartalom[b-ebxhyhzpm9] {
    background: linear-gradient(hsl(85,70%,35%),hsl(85,70%,20%));    
    box-shadow: hsl(85,70%,30%) 0 0 2px;
    box-shadow: hsl(85,70%,30%) 0 0 2px;
    border-radius: 1rem;
    color: rgb(230, 230, 230);
    width: 80%;
    height: 80%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    padding: 2rem;
}

    .overlay-tartalom h3[b-ebxhyhzpm9] {
        color: rgb(250, 250, 250);
        margin-bottom: 1.5rem;
    }

    .overlay-tartalom li[b-ebxhyhzpm9] {
        margin: 0.5rem;
    }











    .overlay-tartalom .bezar-btn[b-ebxhyhzpm9] {
        border: none;
        position: absolute;
        top: 0.5rem;
        right: 0.5rem;
        background-color: rgb(255, 255, 255);
        border-radius: 50%;
        padding: 0.4rem;
    }

button.bezar-btn:hover[b-ebxhyhzpm9] {
    background-color: rgb(230, 230, 230);
}

button.bezar-btn img[b-ebxhyhzpm9] {
    display: inline-block;
    vertical-align: middle;
    width: 1.7rem;
    cursor: pointer;
}


#teszt[b-ebxhyhzpm9] {
    display: inline-block;
    text-align: center;
    color: rgb(177, 114, 48);
    background-color: rgb(186, 208, 157);
    border-radius: 1rem;
    padding: 3rem;
    width: 90vw;
    height: 90vh;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 100;
}
/* _content/Dobogoko/Components/Pages/Fooldal.razor.rz.scp.css */

iframe.magicview[b-mfv1fzk01h] {
    width: 80%;
    height: min(680px, 75vh);
}

main > section[b-mfv1fzk01h] {
    padding: 4rem 0;
    width: 100%;
    text-align: center;
    margin: auto;
    /*    background-color: hsl(85, 40%, 80%);*/
    /*    background: linear-gradient(hsl(85, 40%, 75%),hsl(85, 40%, 55%));*/
    background-color: var(--clr-bg-1);
}

main > section > *[b-mfv1fzk01h] {
    text-align: initial;
}

section.attekintes[b-mfv1fzk01h] {
    background: none;
    background-color: hsl(50,65%,95%);
}

section.hero[b-mfv1fzk01h] {
    width: 100%;
    height: 80vh;
    padding: 0;
    position: relative;
}

/*    section.hero img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }*/

    section.hero video[b-mfv1fzk01h] {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    section.hero h1[b-mfv1fzk01h] {        
        color: hsl(0,0%,100%);
        position: absolute;
        top: max(15%, calc(var(--header-height) * 1.5));
        left: 50%;
        transform: translateX(-50%);
        font-weight: normal;
        font-size: 2.75rem;
        text-align: center;
        white-space: nowrap;
    }

section.bemutatkozas > p[b-mfv1fzk01h] {
    width: 60ch;
    margin: auto;
    font-size: 1.125rem;
    text-align: center;    
}

    section.bemutatkozas > p:nth-of-type(1)[b-mfv1fzk01h] {
        margin-bottom: 2rem;
    }

    section.bemutatkozas > p:nth-of-type(2)[b-mfv1fzk01h] {
        margin-bottom: 3.5rem;
    }

h2[b-mfv1fzk01h] {
    font-size: 1.125rem;
}

.kep-szoveg[b-mfv1fzk01h] {
    display: flex;
    gap: 1.5rem;
    width: 65%;
    margin: auto; 
    margin-top: 12rem;
    margin-bottom: 12rem;
    height: 35vh;
    position: relative;
    font-size: 1.125rem;
}

    .kep-szoveg:nth-of-type(1)[b-mfv1fzk01h] {
        margin-top: 4rem;
    }

    .kep-szoveg:last-of-type[b-mfv1fzk01h] {
        margin-bottom: 6rem;
    }

    .kep-szoveg img[b-mfv1fzk01h] {
        height: auto;
        width: 100%;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
    }

    .kep-szoveg > div[b-mfv1fzk01h] {
        flex-basis: 0;
        flex-grow: 1;
        position: relative;
    }

    .kep-szoveg .szoveg[b-mfv1fzk01h] {
        width: 100%;
        display: flex;
        flex-direction: column;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        z-index: 2;
    }

    .kep-szoveg.bal .szoveg[b-mfv1fzk01h] {
        left: -10%;
    }

    .kep-szoveg.jobb .szoveg[b-mfv1fzk01h] {
        right: -10%;
    }

    .kep-szoveg .szoveg > div[b-mfv1fzk01h] {
        /*        background-color: hsl(85,30%,50%);*/
        background: linear-gradient(hsl(85,30%,65%),hsl(85,30%,50%));
        padding: 1.5rem;
        box-shadow: rgba(30,30,30,0.3) 0px 0px 6px 2px;
    }

    .kep-szoveg .szoveg p[b-mfv1fzk01h]{
        margin: 1rem 0 0 0;
    }

    .kep-szoveg a[b-mfv1fzk01h] {
        background-color: hsl(85,30%,47%);
        padding: 0.5rem 1.5rem;
        margin-top: 2rem;
        display: inline-block;
        align-self: end;
        cursor: pointer;
    }

    .kep-szoveg.bal a[b-mfv1fzk01h] {
        align-self: end;
    }

    .kep-szoveg.jobb a[b-mfv1fzk01h] {
        align-self: start;
    }
/* _content/Dobogoko/Components/Pages/Galeria.razor.rz.scp.css */

h1[b-8xc94s9i1t] {
    padding: 1.5rem 0 0 0;
    text-align: center;
    font-size: 2.5rem;
}

h2[b-8xc94s9i1t] {
    text-align: center;
    font-size: 1.6rem;
    margin-bottom: 2rem;
}

section[b-8xc94s9i1t] {
    margin: 4rem 0;
    padding: 0 1.5rem;
    text-align: center;
}

    section#kepek[b-8xc94s9i1t] {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

h3[b-8xc94s9i1t] {
    width: 75vw;
    font-size: 1.125rem;
    margin-top: 3rem;
    margin-bottom: 1.5rem;
    text-align: left;
}

    h3:first-of-type[b-8xc94s9i1t] {
        margin-top: 0;
    }

iframe.magicview[b-8xc94s9i1t] {
    width: 70%;
    height: min(680px, 75vh);
}

@media (width < 600px) {
    .h3[b-8xc94s9i1t] {
        width: 95vw;
    }
}

@media (width < 340px) {
    .h3[b-8xc94s9i1t] {
        width: 96vw;
    }
}
/* _content/Dobogoko/Components/Pages/Kapcsolat.razor.rz.scp.css */


section.hero[b-n9nj8t5hpz] {
    position: relative;   
}

    section.hero[b-n9nj8t5hpz]::after {
        display: inline-block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 2;
        content: linear-gradient(90deg, rgba(149, 95, 29, 0.7), rgba(0,0,0,0));
    }

    section.hero > img[b-n9nj8t5hpz] {
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        height: 45vh;
        object-fit: cover;
    }

    section.hero > div[b-n9nj8t5hpz] {
        position: absolute;
        top: 50%;
        left: 8%;
        transform: translateY(-50%);
        color: white;
        z-index: 3;
    }

        section.hero > div h2[b-n9nj8t5hpz] {
            margin-bottom: 0.8rem;
            font-size: 1.75rem;
        }

        section.hero > div p[b-n9nj8t5hpz] {
            width: 35ch;
            font-size: 1.25rem;
            line-height: 130%;
        }

section.elerhetoseg[b-n9nj8t5hpz] {
    padding: 6rem 0;
    background-color: var(--clr-bg-1);
}

section.elerhetoseg > h2[b-n9nj8t5hpz] {
    text-align: center;
    margin-bottom: 3rem;  
    font-size: 2rem;
}

    section.elerhetoseg > h2:nth-of-type(2)[b-n9nj8t5hpz] {
        margin-bottom: 2.5rem;
    }

.elerhetosegek img[b-n9nj8t5hpz] {
    width: 2.8rem;
    height: 2.8rem;    
}

.elerhetosegek a[b-n9nj8t5hpz] {    
    cursor: pointer;
    color: hsl(0,0%,20%);
    text-decoration: none;
    font-size: 1rem;
}

.elerhetosegek h3[b-n9nj8t5hpz] {
    text-align: center;
    margin-bottom: 0.75rem;
    font-size: 1.5rem;
    font-weight: normal;
}

.elerhetosegek[b-n9nj8t5hpz] {
    display: flex;
    flex-direction: row;
    width: 60%;
    margin: auto;
    justify-content: space-around;
}

    .elerhetosegek > *[b-n9nj8t5hpz] {
        flex-basis: 0;
        flex-grow: 1;
    }

    .elerhetosegek > div[b-n9nj8t5hpz] {
        display: flex;
        flex-direction: column;
    }

        .elerhetosegek > div > div[b-n9nj8t5hpz] {
            display: flex;
            flex-direction: column;
            align-items: center;     
            margin: 1rem 0;
        }

div.hr[b-n9nj8t5hpz] {
    width: 50%;
    margin: auto;
    margin-top: 3rem;
    margin-bottom: 3rem;
    height: 2px;
    /*    background-color: var(--clr-text-1);*/
    background-color: hsl(0,0%,50%);
}

div.social-media[b-n9nj8t5hpz] {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    width: 65%;
    margin: auto;
}

    div.social-media img[b-n9nj8t5hpz] {
        width: 2.8rem;
        height: 2.8rem;
    }
/* _content/Dobogoko/Components/Pages/Megkozelites.razor.rz.scp.css */
section.hero[b-9lvg0upeub] {
    position: relative;    
}

    section.hero[b-9lvg0upeub]::after {
        display: inline-block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 2;
        content: linear-gradient(90deg, rgba(149, 95, 29, 0.7), rgba(0,0,0,0));
    }

    section.hero > img[b-9lvg0upeub] {
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        height: 45vh;
        object-fit: cover;
    }

    section.hero > div[b-9lvg0upeub] {
        position: absolute;
        top: 50%;
        left: 8%;
        transform: translateY(-50%);
        color: white;
        z-index: 3;
    }

        section.hero > div h2[b-9lvg0upeub] {
            margin-bottom: 0.8rem;
            font-size: 1.75rem;
        }

section.megkozelites[b-9lvg0upeub] {
    padding: 4rem 0;
    background-color: var(--clr-bg-1);
}

.flex-wrapper[b-9lvg0upeub] {
    width: 60%;
    display: flex;
    flex-direction: row; 
    margin: auto;
    gap: 3rem;
    /*max-width: 140ch;*/
}

    .flex-wrapper > *[b-9lvg0upeub] {
        flex-basis: 0;
        flex-grow: 1;
    }

div.hr[b-9lvg0upeub] {
    width: 50%;
    margin: auto;
    margin-top: 4rem;
    margin-bottom: 4rem;
    height: 2px;
    background-color: var(--clr-text-1);
}
    
.flex-wrapper h3[b-9lvg0upeub] {
    color: var(--clr-text-1);
    font-size: 1.5rem;
    margin-top: 3rem;
    margin-bottom: 1.5rem;
}

section.megkozelites p[b-9lvg0upeub] {
    font-size: 1.125rem;
    margin: 1rem 0;    
}

.google-maps[b-9lvg0upeub] {
    width: 100%;
    height: 100%;
}

.megkozelites a[b-9lvg0upeub] {
    text-decoration: none;
    color: inherit;
}

.terkep-link[b-9lvg0upeub] {
    display: flex;    
    flex-direction: column;
    align-items: center;
    margin-bottom: 4rem;
}

    .terkep-link a[b-9lvg0upeub] {
        color: var(--clr-text-1);
        font-size: 2rem;
    }

    .terkep-link img[b-9lvg0upeub] {
        width: 4.5rem;
        height: 4.5rem;
    }

a.menetrend[b-9lvg0upeub] {
    text-decoration: none;
    color: var(--clr-text-1);
    font-weight: bold;
    display: block;
    margin: 1rem 0;
    text-align: center;
}
/* _content/Dobogoko/Components/Pages/Szerk/GaleriaSzerk.razor.rz.scp.css */

h1[b-8945x98eg0] {
    padding: 1.5rem 0 0 0;
    text-align: center;
    font-size: 2.5rem;
}

h2[b-8945x98eg0] {
    text-align: center;
    font-size: 1.6rem;
    margin-bottom: 2rem;
}

section[b-8945x98eg0] {
    margin: 4rem 0;
    padding: 0 1.5rem;
    text-align: center;
}

    section#kepek[b-8945x98eg0] {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

h3[b-8945x98eg0] {
    width: 75vw;
    font-size: 1.125rem;
    margin-top: 3rem;
    margin-bottom: 1.5rem;
    display: flex;
    align-items: center;
    justify-content: start;
    gap: 1rem;
}

    h3:first-of-type[b-8945x98eg0] {
        margin-top: 0;
    }

iframe.magicview[b-8945x98eg0] {
    width: 70%;
    height: min(680px, 75vh);
}

@media (width < 600px) {
    .h3[b-8945x98eg0] {
        width: 95vw;
    }
}

@media (width < 340px) {
    .h3[b-8945x98eg0] {
        width: 96vw;
    }
}
/* _content/Dobogoko/Components/SzerkMenu.razor.rz.scp.css */
.SzerkMenu-container[b-q0oicc2032] {
    z-index: 9;
    position: fixed;
    bottom: 1rem;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    align-items: center;
    gap: 0.75rem;
    border-radius: 16px;
    background-color: hsl(0,0%,100%);
    box-shadow: rgb(45,45,45) 0 0 6px 1px;
    font-size: 1rem;
    padding: 0.7rem 1.25rem;
    color: var(--clr-black-lighter-1);
}

    .SzerkMenu-container .logout-btn[b-q0oicc2032] {
        color: hsl(0,0%,10%);
    }

        .SzerkMenu-container .logout-btn:hover[b-q0oicc2032] {
            background-color: hsl(0,0%,90%);
        }

    .SzerkMenu-container > *[b-q0oicc2032] {
        display: flex;
        align-items: center;
        gap: 0.5rem;
    }

.switch-checkbox[b-q0oicc2032] {
    position: relative;
    display: inline-block;
    width: 2.6rem;
    height: 1.5rem;
}

    .switch-checkbox span[b-q0oicc2032] {
        position: absolute;
        cursor: pointer;
        inset: 0;
        box-shadow: var(--clr-black-lighter-4) 0 0 6px 1px;
        border-radius: 50px;
/*        transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);*/
        transition: all 0.4s ease-in-out;
        background-color: var(--clr-secondary-lighter);
    }

        .switch-checkbox span[b-q0oicc2032]:before {
            position: absolute;
            content: "";
            height: 1.1rem;
            width: 1.1rem;
            top: 0.2rem;
            left: 0.2rem;
            background-color: var(--clr-white);
            border-radius: inherit;
            transition: all 0.4s cubic-bezier(0.23, 1, 0.320, 1);
        }

    .switch-checkbox.on span[b-q0oicc2032] {
        box-shadow: var(--clr-primary) 0 0 6px 1px;
        background-color: var(--clr-primary);
    }

        .switch-checkbox.on span[b-q0oicc2032]:before {
            transform: translateX(1.1rem);
        }

.svg-wrapper-btn.logout-btn[b-q0oicc2032] {
    width: 1.75rem;
    height: 1.75rem;
    color: var(--clr-black-lighter-4);
}

    .svg-wrapper-btn.logout-btn svg[b-q0oicc2032] {
        width: 100%;
        height: 100%;
    }