@import '_content/Account/Account.iln5nnv1k5.bundle.scp.css';
@import '_content/CmsComponents/CmsComponents.3gyn7bsmoh.bundle.scp.css';
@import '_content/Havit.Blazor.Components.Web.Bootstrap/Havit.Blazor.Components.Web.Bootstrap.bundle.scp.css';

/* _content/Server/CMS/PageDetail.razor.rz.scp.css */
[b-rgwdtjlsnb] * {
    font-family: 'Roboto';
    font-weight: 400;
}

[b-rgwdtjlsnb] .tab-pane:first-child * {
    font-family: "Palatino Linotype", sans-serif;
    font-weight: var(--dh-font-weight);
}
/* _content/Server/Portal/Reservations/ReservationsPage.razor.rz.scp.css */
[b-lk0gnz5sag] .rz-slots {
    font-size: 2rem;
}

[b-lk0gnz5sag] .rz-slot-header {
    height: 3rem;
}

[b-lk0gnz5sag] .rz-slot:hover,
[b-lk0gnz5sag] .hourly-reservation .rz-slot:hover + .rz-slot {
    background: var(--bs-gray-200);
    border-color: var(--bs-gray-200);
    cursor: pointer;
}

[b-lk0gnz5sag] .rz-scheduler-nav-views .rz-button.rz-primary.rz-state-active {
    --rz-scheduler-view-selected-color: var(--bs-primary);
    --rz-scheduler-view-selected-background-color: var(--bs-bg-primary);
}
/* _content/Server/PresentationPagesComponents/Banner.razor.rz.scp.css */
/* _content/Server/PresentationPagesComponents/ContactForm.razor.rz.scp.css */
[b-qch4e772zf] .field {
    margin: 1em 0em;
    background-color: var(--input-field-color);
    border-radius: 10px;
    border: solid 2px var(--primary-color);
}
/* _content/Server/PresentationPagesComponents/FlexGridItem.razor.rz.scp.css */
.ribbon[b-ez7hep7pnz] {
    height: 45px;
    width: 45px;
}
/* _content/Server/PresentationPagesComponents/LabeledSeparator.razor.rz.scp.css */
[b-ninhsl86d5] .two-part-separator {
    display: flex;
    align-items: center;
}

.two-part-separator[b-ninhsl86d5]::before,
.two-part-separator[b-ninhsl86d5]::after {
    content: '';
    flex: 1;
    border-bottom: 2px solid var(--primary-color);
}

.underline[b-ninhsl86d5] {
    opacity: 1;
    border: 2px solid var(--primary-color);
}
/* _content/Server/PresentationPagesComponents/PersonInfo.razor.rz.scp.css */
.person-img[b-t0bdo81acw] {
    width: 240px;
    height: 240px;
    border-radius: 100%;
    flex-shrink: 0;
    object-fit: cover;
}

.person-hover div[b-t0bdo81acw] {
    position: absolute;
    width: 240px !important;
    height: 240px;
    border-radius: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    color: white;
    justify-content: center;
    align-items: center;
    opacity: 0;
    transition: opacity 0.5s ease;
}

.person-hover div:hover[b-t0bdo81acw]{
    opacity:1;
}

.link[b-t0bdo81acw] {
    font-size: 0.75em !important;
}

@media screen and (max-width: 992px) {
    .text-start[b-t0bdo81acw]{
        text-align:center !important;
    }
}
/* _content/Server/PresentationPagesComponents/PriceLists/PriceListBreeding.razor.rz.scp.css */
table[b-rg0w9merwm] {
    text-align: center;
    font-weight: var(--dh-pricelist-item-font-weight);
    font-size: var(--dh-pricelist-item-font-size);
}

th[b-rg0w9merwm], td[b-rg0w9merwm] {
    width: 20%;
    border-bottom: 2px solid var(--primary-color);
    padding: 10px;
}

tr[b-rg0w9merwm] {
    height: 4em;
}

.check[b-rg0w9merwm] {
    color: green;
    font-size: 2em;
}

.cross[b-rg0w9merwm] {
    color: red;
    font-size: 2em;
}
/* _content/Server/PresentationPagesComponents/PriceLists/PriceListStabling.razor.rz.scp.css */
table[b-m4y3rvv5i3] {
    text-align: center;
    font-weight: var(--dh-pricelist-item-font-weight);
    font-size: var(--dh-pricelist-item-font-size);
}

th[b-m4y3rvv5i3], td[b-m4y3rvv5i3] {
    width: 25%;
    border-bottom: 2px solid var(--primary-color);
    padding: 10px;
}

tr[b-m4y3rvv5i3] {
    height: 4em;
}

.check[b-m4y3rvv5i3] {
    color: green;
    font-size: 2em;
}

.cross[b-m4y3rvv5i3] {
    color: red;
    font-size: 2em;
}

a[b-m4y3rvv5i3] {
    text-decoration: none !important;
    color: var(--highlight-color) !important;
}
/* _content/Server/PresentationPagesComponents/Separator.razor.rz.scp.css */
.separator[b-403ggssxx5] {
    position: relative;
    width: 10em;
    margin: 1em auto;
    border: 2px solid var(--primary-color);
}
/* _content/Server/PresentationPagesComponents/WideBanner.razor.rz.scp.css */
[b-kbnugol57j] hr {
    width: 90%;
    margin: 1em auto;
    opacity: 1;
    border: solid 1px white;
}

[b-kbnugol57j] .btn-custom {
    border: solid 2px white;
}

.banner[b-kbnugol57j] {
    overflow: hidden;
    height: 40rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.banner > div[b-kbnugol57j] {
    padding: 2rem 0.5rem;
}

@media screen and (max-width: 992px) {
    .banner[b-kbnugol57j] {
        min-height: calc(25vw + 10rem);
        height: initial;
        background-size: auto 100%;
        background-position: center;
    }
}
/* _content/Server/PresentationPages/AssistedReproductionPage.razor.rz.scp.css */
@media screen and (max-width: 992px) {
    .text-block[b-lhhw9r6uni] {
        width: auto !important;
    }
}
/* _content/Server/PresentationPages/BreedingWeaningPage.razor.rz.scp.css */
[b-mss4xu1gqz] .circled {
    width: 150px;
    height: 150px;
    border: solid 2px var(--primary-color);
}

.collapsed > img[b-mss4xu1gqz] {
    transform: rotate(180deg);
}

.img-cover-wrap img[b-mss4xu1gqz] {
    object-fit: cover;
    width: 100%;
    object-fit: cover;
    min-height: 18rem;
    margin-bottom: 2rem;
}
/* _content/Server/PresentationPages/CommercialStablingPage.razor.rz.scp.css */
/* _content/Server/PresentationPages/LandingPage.razor.rz.scp.css */
/* _content/Server/SystemComponents/Cookies.razor.rz.scp.css */
.cookies-wrap[b-9gohcll7a5] {
    background-color: white;
    padding: 1.5rem;
    position: fixed;
    left: 50%;
    bottom: 0;
    width: 100%;
    max-width: 50rem;
    border-radius: 4px;
    transform: translateX(-50%);
    display: none; /* display: flex */
    flex-direction: column;
    align-items: center;
    box-shadow: 0px 2px 12px black;
}

h2[b-9gohcll7a5] {
    font-size: 1.5rem;
}

p[b-9gohcll7a5] {
    font-size: 1rem;
    max-width: 35rem;
    text-align: center;
}

.buttons[b-9gohcll7a5] {
    margin: 0.5rem 0.5rem 1.5rem;
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
    flex-direction: row;
}

.buttons[b-9gohcll7a5]  button {
    font-size: 1.4rem;
    padding: 0.5rem 1rem;
    border: 1px solid black;
    border-radius: 4px;
}

.buttons[b-9gohcll7a5]  .primary-btn {
    background-color: #480e19;
    color: white;
    border-color: #480e19;
}

[b-9gohcll7a5] a {
    color: black;
    text-decoration: none;
}
/* _content/Server/SystemComponents/SortableList.razor.rz.scp.css */
/* 
  you need the ::deep identifier if you are using scoped styles like this
  because scoped styles are only applied to markup in the component, not
  to the markup inside the render fragment.
*/

[b-dh0d5lvgns] .sortable-ghost {
  visibility: hidden;
}

[b-dh0d5lvgns] .sortable-fallback {
  opacity: 1 !important
}
