/* /Components/Admin/TextEditor/TextEditorComponent.razor.rz.scp.css */
.text-editor-page[b-3ecoezkf9n] { max-width: 72rem; margin: 2rem auto; padding: 0 1rem 3rem; }
.text-editor-page h1[b-3ecoezkf9n] { margin-bottom: 1.25rem; color: var(--nk-green, #356b3d); }
.text-editor-modebar[b-3ecoezkf9n], .text-editor-actions[b-3ecoezkf9n] { display: flex; align-items: center; gap: .65rem; flex-wrap: wrap; margin-bottom: 1rem; }
.text-editor-modebar button[b-3ecoezkf9n], .text-editor-actions button[b-3ecoezkf9n], .delete-confirmation button[b-3ecoezkf9n] { border: 0; border-radius: .3rem; padding: .65rem 1rem; font: inherit; cursor: pointer; }
.text-editor-modebar .admin-primary-button[b-3ecoezkf9n], .text-editor-modebar .admin-secondary-button[b-3ecoezkf9n] { opacity: .78; }
.text-editor-modebar .selected[b-3ecoezkf9n] { opacity: 1; box-shadow: 0 0 0 2px var(--nk-blue, #004AAD); }
.admin-secondary-button[b-3ecoezkf9n] { background: #eef3ed; color: var(--nk-green-dark, #356b3d); }
.text-editor-select-label[b-3ecoezkf9n] { margin-left: .75rem; font-weight: 600; }
.text-editor-select[b-3ecoezkf9n] { min-width: 22rem; padding: .62rem .7rem; border: 1px solid #aaa; border-radius: .3rem; background: #fff; font: inherit; }
.text-editor-fields[b-3ecoezkf9n] { display: flex; gap: 1rem; align-items: end; margin: 1rem 0; }
.text-editor-fields label[b-3ecoezkf9n] { display: grid; gap: .3rem; font-weight: 600; }
.text-editor-fields label:first-child[b-3ecoezkf9n] { flex: 0 1 30rem; }
.text-editor-fields input[b-3ecoezkf9n] { box-sizing: border-box; width: 100%; padding: .65rem .7rem; border: 1px solid #aaa; border-radius: .3rem; font: inherit; }
.rich-editor[b-3ecoezkf9n] { border: 1px solid #b8c0b8; border-radius: .35rem; background: #fff; box-shadow: 0 1px 3px rgba(0,0,0,.08); }
.rich-editor-toolbar[b-3ecoezkf9n] { display: flex; align-items: center; gap: .2rem; flex-wrap: wrap; padding: .35rem; border-bottom: 1px solid #d6ddd6; background: #f4f7f3; }
.rich-editor-toolbar button[b-3ecoezkf9n] { min-width: 2rem; height: 2rem; border: 1px solid transparent; border-radius: .25rem; background: transparent; color: #244b2a; cursor: pointer; font: inherit; }
.rich-editor-toolbar button:hover[b-3ecoezkf9n], .rich-editor-toolbar button:focus-visible[b-3ecoezkf9n] { border-color: #b8cdb5; background: #e1eddf; }
.alignment-icon[b-3ecoezkf9n] { display: inline-flex; flex-direction: column; justify-content: center; gap: 2px; width: 1.25rem; height: 1.25rem; vertical-align: middle; }
.alignment-icon i[b-3ecoezkf9n] { display: block; height: 2px; border-radius: 1px; background: currentColor; }
.alignment-icon i:nth-child(1)[b-3ecoezkf9n] { width: 100%; }
.alignment-icon i:nth-child(2)[b-3ecoezkf9n] { width: 75%; }
.alignment-icon i:nth-child(3)[b-3ecoezkf9n] { width: 55%; }
.alignment-left[b-3ecoezkf9n] { align-items: flex-start; }
.alignment-center[b-3ecoezkf9n] { align-items: center; }
.alignment-right[b-3ecoezkf9n] { align-items: flex-end; }
.toolbar-separator[b-3ecoezkf9n] { width: 1px; height: 1.5rem; margin: 0 .25rem; background: #ccd5ca; }
.toolbar-control[b-3ecoezkf9n] { display: inline-flex; align-items: center; gap: .15rem; height: 2rem; padding: 0 .2rem; color: #244b2a; font-weight: 700; cursor: pointer; }
.toolbar-control input[b-3ecoezkf9n] { width: 1.4rem; height: 1.4rem; padding: 0; border: 0; cursor: pointer; }
.toolbar-select[b-3ecoezkf9n] { height: 2rem; border: 1px solid #c4cec2; border-radius: .25rem; background: #fff; color: #244b2a; }
.rich-editor-content[b-3ecoezkf9n], .rich-editor-source[b-3ecoezkf9n] { box-sizing: border-box; width: 100%; min-height: 50vh; padding: 1rem; border: 0; outline: 0; background: #fff; font: 1rem/1.5 Arial, sans-serif; }
.rich-editor-content:focus[b-3ecoezkf9n] { box-shadow: inset 0 0 0 2px rgba(110,179,72,.35); }
.rich-editor-source[b-3ecoezkf9n] { display: block; resize: vertical; font-family: Consolas, monospace; }
.text-editor-actions[b-3ecoezkf9n] { margin-top: 1rem; }
.active-toggle[b-3ecoezkf9n] { display: inline-flex; align-items: center; gap: .45rem; margin-right: auto; font-weight: 600; }
.active-toggle input[b-3ecoezkf9n] { width: 1.1rem; height: 1.1rem; accent-color: var(--nk-green, #6EB348); }
.admin-danger-button[b-3ecoezkf9n] { background: #b4232f; color: #fff; }
.admin-danger-button:disabled[b-3ecoezkf9n] { opacity: .5; cursor: not-allowed; }
.delete-confirmation[b-3ecoezkf9n] { display: flex; align-items: center; gap: .65rem; padding: .8rem; border: 1px solid #e2b3b3; border-radius: .3rem; background: #fff6f6; color: #8e1d28; }
.delete-confirmation span[b-3ecoezkf9n] { margin-right: auto; font-weight: 600; }
.text-editor-status[b-3ecoezkf9n] { margin-top: .8rem; color: #356b3d; font-weight: 600; }
.text-editor-status.error[b-3ecoezkf9n] { color: #a51d2d; }
@media (max-width: 700px) { .text-editor-fields[b-3ecoezkf9n] { align-items: stretch; flex-direction: column; } .text-editor-fields label:first-child[b-3ecoezkf9n] { flex-basis: auto; } .text-editor-select[b-3ecoezkf9n] { min-width: min(22rem, 100%); } }
/* /Components/Layout/MainLayout.razor.rz.scp.css */
/* ---------- Grundgerüst ---------- */

/* Kopfzeile, grüne Leiste und Fußzeile bleiben immer sichtbar; gescrollt wird der
   Inhaltsbereich dazwischen. Nur so kennt eine Seite ihre verfügbare Höhe und kann
   den Inhalt - wie das Karussell auf "Aktuelles" - in einer Box scrollen lassen. */
.site[b-qzaexsyehx] {
    display: flex;
    flex-direction: column;
    height: 100vh;
    min-width: 0;
    max-width: 100%;
    overflow-x: clip;
   
}

.site-main[b-qzaexsyehx] {
    flex: 1 1 auto;
    min-height: 0;
    min-width: 0;
    width: 100%;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    overflow-y: auto;
    position: relative;
    z-index: 0;
}

/* ---------- Kopfzeile ---------- */

.site-header[b-qzaexsyehx] {
    position: sticky;
    top: 0;
    background-color: #fff;
    z-index: 10000 !important;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}

.header-inner[b-qzaexsyehx] {
    display: flex;
    align-items: center;
    gap: 3rem;
    padding: 0.25rem 0.6rem;
}

.brand[b-qzaexsyehx] {
    flex: 0 0 auto;
    line-height: 0;
}

.brand-logo[b-qzaexsyehx] {
    display: block;
    height: 4.6rem;
    width: auto;
}

/* ---------- Hauptmenü ---------- */

.main-nav[b-qzaexsyehx] {
    flex: 1 1 auto;
}

.nav-list[b-qzaexsyehx] {
    display: flex;
    align-items: center;
    gap: 1.8rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.nav-list > li[b-qzaexsyehx] {
    position: relative;
}

/* ---------- Adminnavigation ---------- */

.admin-menu[b-qzaexsyehx] {
    display: flex;
    align-items: center;
    gap: 1.8rem;
}

.admin-menu-title[b-qzaexsyehx] {
    color: var(--nk-green);
    font-size: 1rem;
    font-weight: 700;
    white-space: nowrap;
}

.admin-nav-list[b-qzaexsyehx] {
    display: none;
    align-items: center;
    gap: 1.8rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.admin-menu.is-open > .admin-nav-list[b-qzaexsyehx] {
    display: flex;
}

.admin-nav-list > li[b-qzaexsyehx],
.admin-submenu li[b-qzaexsyehx] {
    position: relative;
}

.admin-submenu[b-qzaexsyehx] {
    position: absolute;
    top: 100%;
    left: -0.75rem;
    z-index: 9700;
    display: none;
    min-width: 13rem;
    margin: 0;
    padding: 0.35rem 0;
    list-style: none;
    background: #fff;
    border: 1px solid #e2e2e2;
    border-radius: 5px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, .15);
}

.has-admin-submenu.is-open > .admin-submenu[b-qzaexsyehx] {
    display: block;
}

.admin-submenu .admin-submenu[b-qzaexsyehx] {
    top: -0.35rem;
    left: calc(100% - 1px);
}

.admin-submenu-link[b-qzaexsyehx],
.admin-submenu[b-qzaexsyehx]  .admin-submenu-link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    box-sizing: border-box;
    padding: 0.45rem 1rem;
    border: 0;
    color: var(--nk-green);
    background: transparent;
    font: inherit;
    font-size: 0.95rem;
    font-weight: 600;
    text-decoration: none;
    text-align: left;
    white-space: nowrap;
    cursor: pointer;
}

.admin-submenu-link:hover[b-qzaexsyehx],
.admin-submenu-link:focus-visible[b-qzaexsyehx],
.admin-submenu-link.active[b-qzaexsyehx],
.admin-submenu[b-qzaexsyehx]  .admin-submenu-link:hover,
.admin-submenu[b-qzaexsyehx]  .admin-submenu-link:focus-visible,
.admin-submenu[b-qzaexsyehx]  .admin-submenu-link.active {
    color: var(--nk-green-dark);
    background: #f1f7ec;
}

.submenu-arrow[b-qzaexsyehx] {
    margin-left: 1.2rem;
    font-size: 0.72rem;
}

/* Menüeinträge: NavLink wird von einer Kindkomponente gerendert -> ::deep */
.nav-list[b-qzaexsyehx]  .nav-link {
    color: var(--nk-green);
    font-size: 1rem;
    font-weight: 700;
    text-decoration: none;
    white-space: nowrap;
}

.nav-list[b-qzaexsyehx]  .nav-link:hover {
    color: var(--nk-green-dark);
}

/* Aktuelle Seite wird - wie in der alten Version - blau hervorgehoben */
.nav-list[b-qzaexsyehx]  .nav-link.active {
    color: var(--nk-blue);
}

/* Der Aufklapper ist ein span und daher nicht ::deep */
.submenu-toggle[b-qzaexsyehx] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    color: var(--nk-green);
    font-size: 1rem;
    font-weight: 700;
    white-space: nowrap;
    cursor: pointer;
}

.submenu-toggle:hover[b-qzaexsyehx] {
    color: var(--nk-green-dark);
}

.caret[b-qzaexsyehx] {
    width: 0;
    height: 0;
    border-left: 0.3rem solid transparent;
    border-right: 0.3rem solid transparent;
    border-top: 0.35rem solid currentColor;
}

/* ---------- Untermenü ---------- */

.submenu[b-qzaexsyehx] {
    position: absolute;
    top: 100%;
    left: -0.75rem;
    display: none;
    min-width: 12rem;
    margin: 0;
    padding: 0.35rem 0;
    list-style: none;
    background-color: #fff;
    border: 1px solid #e2e2e2;
    border-radius: 5px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.has-submenu:hover > .submenu[b-qzaexsyehx],
.has-submenu:focus-within > .submenu[b-qzaexsyehx] {
    display: block;
}

.has-submenu.force-close > .submenu[b-qzaexsyehx] {
    display: none !important;
}

.submenu[b-qzaexsyehx]  .nav-link {
    display: block;
    padding: 0.4rem 1rem;
    font-size: 0.95rem;
}

.submenu[b-qzaexsyehx]  .nav-link:hover {
    background-color: #f1f7ec;
}

/* ---------- Logos rechts ---------- */

.header-logos[b-qzaexsyehx] {
    display: flex;
    align-items: center;
    gap: 1.5rem;
    margin-left: auto;
}

.header-logos a[b-qzaexsyehx] {
    line-height: 0;
}

.logo-nds[b-qzaexsyehx] {
    display: block;
    height: 5.1rem;
    width: auto;
}

.logo-gsb[b-qzaexsyehx] {
    display: block;
    height: 5.4rem;
    width: auto;
}

/* ---------- Grüner Trennstreifen ---------- */

/* Trägt mittig die Überschrift der aktuellen Seite (globalVars.CurrentSite).
   Ohne Überschrift bleibt der Streifen genauso schmal wie bisher. */
.header-accent[b-qzaexsyehx] {
    background-color: var(--nk-green);
    color: #fff;
    font-weight: 700;
    position: relative;
    z-index: 9000 !important;
}

.header-accent-inner[b-qzaexsyehx] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 1.25rem;
    max-width: 1400px;
    margin: 0 auto;
    padding: 0.2rem 1.25rem;
}

.site-title[b-qzaexsyehx] {
    font-size: 1.05rem;
    flex: 1 1 auto;
    text-align: center;
}

.ort-auswahl[b-qzaexsyehx] {
    position: relative;
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
}

.ort-trigger[b-qzaexsyehx] {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.4rem;
    position: relative;
    min-width: 14rem;
    padding: 0.25rem 1.8rem 0.25rem 0.65rem;
    border: 0;
    outline: 0;
    border-radius: 0;
    background: var(--nk-green);
    color: #fff;
    font: inherit;
    cursor: pointer;
    text-align: left;
    white-space: nowrap;
}

.ort-trigger:focus-visible[b-qzaexsyehx] {
    box-shadow: 0 0 0 2px rgba(255,255,255,.75);
}

.ort-trigger .caret[b-qzaexsyehx] {
    position: static;
    flex: 0 0 auto;
    pointer-events: none;
}

.ort-menue[b-qzaexsyehx] {
    position: absolute;
    top: 100%;
    right: 0;
    z-index: 9600;
    display: none;
    min-width: 100%;
    max-height: 70vh;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0.35rem 0;
    background: #fff;
    border: 1px solid #e2e2e2;
    border-radius: 0 0 5px 5px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, .15);
}

@media (hover: hover) and (pointer: fine) {
    .ort-auswahl:hover .ort-menue[b-qzaexsyehx],
    .ort-auswahl:focus-within .ort-menue[b-qzaexsyehx] {
        display: block;
    }
}

.ort-auswahl.ort-offen .ort-menue[b-qzaexsyehx] {
    display: block;
}

.ort-region[b-qzaexsyehx] {
    margin: 0.6rem 0.75rem 0.15rem;
    padding: 0.1rem 0 0.2rem;
    border-bottom: 1px solid rgba(110, 179, 72, 0.45);
    color: #1f1f1f;
    font-size: 0.82rem;
    font-weight: 700;
}

.ort-region:first-child[b-qzaexsyehx] {
    margin-top: 0.25rem;
}

.ort-option[b-qzaexsyehx] {
    display: block;
    width: 100%;
    padding: 0.45rem 0.8rem 0.45rem 1.25rem;
    border: 0;
    background: #fff;
    color: var(--nk-green);
    font: inherit;
    text-align: left;
    cursor: pointer;
}

.ort-option:hover[b-qzaexsyehx],
.ort-option:focus-visible[b-qzaexsyehx],
.ort-option.ort-ausgewaehlt[b-qzaexsyehx] {
    background: #f1f7ec;
    color: var(--nk-blue);
}

.visually-hidden[b-qzaexsyehx] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

/* ---------- Sekundärnavigation (in der grünen Leiste) ---------- */

.secondary-nav[b-qzaexsyehx] {
    flex: 0 0 auto;
    margin-left: 0.65rem;
}

.secondary-nav-list[b-qzaexsyehx] {
    display: flex;
    gap: 1.5rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.secondary-nav-list[b-qzaexsyehx]  .nav-link {
    color: #fff;
    text-decoration: none;
    font-size: 0.95rem;
    display: flex;
    align-items: center;
    gap: 0.3rem;
}

.secondary-nav-list[b-qzaexsyehx]  .nav-link:hover {
    color: #e2e2e2;
}

.secondary-nav-list[b-qzaexsyehx]  .nav-link.active {
    text-decoration: underline;
    text-underline-offset: 4px;
}

.secondary-nav-list > li[b-qzaexsyehx] {
    position: relative;
}

/* ---------- Sekundär-Untermenü (weitere Statistiken) ---------- */

.has-secondary-submenu[b-qzaexsyehx] {
    position: relative;
}

.secondary-submenu-toggle[b-qzaexsyehx] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    color: #fff;
    font-size: 0.95rem;
    font-weight: 700;
    white-space: nowrap;
    cursor: pointer;
}

.secondary-submenu-toggle:hover[b-qzaexsyehx] {
    color: #e2e2e2;
}

.secondary-submenu[b-qzaexsyehx] {
    position: absolute;
    top: 100%;
    right: 0;
    display: none;
    min-width: 14rem;
    margin: 0;
    padding: 0.35rem 0;
    list-style: none;
    background-color: #fff;
    border: 1px solid #e2e2e2;
    border-radius: 5px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    z-index: 9500;
}

.has-secondary-submenu:hover > .secondary-submenu[b-qzaexsyehx],
.has-secondary-submenu:focus-within > .secondary-submenu[b-qzaexsyehx] {
    display: block;
}

.has-secondary-submenu.force-close > .secondary-submenu[b-qzaexsyehx] {
    display: none !important;
}

.secondary-submenu[b-qzaexsyehx]  .nav-link {
    display: block;
    padding: 0.6rem 1rem;
    font-size: 0.95rem;
    color: var(--nk-green) !important;
    text-decoration: none;
    font-weight: 600;
}

.secondary-submenu[b-qzaexsyehx]  .nav-link:hover {
    background-color: #f1f7ec;
    color: var(--nk-green-dark) !important;
}

.secondary-submenu[b-qzaexsyehx]  .nav-link.active {
    color: var(--nk-blue) !important;
    text-decoration: none;
    background-color: #f1f7ec;
}

/* ---------- Fußzeile ---------- */

.site-footer[b-qzaexsyehx] {
    display: flex;
    justify-content: flex-end;
    gap: 1.5rem;
    padding: 0.3rem 0.6rem 0.5rem;
    background-color: var(--nk-green);
}

.site-footer a[b-qzaexsyehx] {
    color: aliceblue;
    font-size: 0.85rem;
    text-decoration: underline;
}

/* ---------- Laptop: Logos etwas verkleinern ---------- */

@media (max-width: 1400px) {
    .header-inner[b-qzaexsyehx] {
        gap: 2rem;
    }

    .nav-list[b-qzaexsyehx] {
        gap: 1.4rem;
    }

    .admin-menu[b-qzaexsyehx],
    .admin-nav-list[b-qzaexsyehx] {
        gap: 1.4rem;
    }

    .logo-nds[b-qzaexsyehx] {
        height: 4.2rem;
    }

    .logo-gsb[b-qzaexsyehx] {
        height: 4.5rem;
    }
}

/* ---------- Schmale Fenster: Logos rutschen in eine zweite Zeile,
             damit die Menüleiste sichtbar bleibt und nichts überläuft ---------- */

@media (max-width: 1100px) {
    .header-inner[b-qzaexsyehx] {
        flex-wrap: wrap;
        row-gap: 0.25rem;
    }

    .header-logos[b-qzaexsyehx] {
        width: 100%;
        justify-content: flex-end;
    }
}

/* ---------- Handy: Menü und Logos ausblenden ---------- */

@media (max-width: 820px), (max-height: 500px) and (orientation: landscape) {
    .main-nav[b-qzaexsyehx],
    .header-logos[b-qzaexsyehx] {
        display: none;
    }

    .header-inner[b-qzaexsyehx] {
        justify-content: space-between;
        gap: 0.75rem;
        padding: 0.35rem 0.75rem;
    }

    .brand-logo[b-qzaexsyehx] {
        height: 3rem;
    }

    /*.header-accent {
        min-height: 0.75rem;
        font-size: 0.95rem;
        position: sticky;
        top: 3.7rem; !* ca. brand-logo height (3rem) + padding (0.35rem * 2) *!
        z-index: 9000 !important;
        box-shadow: 0 2px 4px rgba(0,0,0,0.1); !* Optischer Trenner *!
    }*/

    /* Sicherstellen, dass der Inhalt unter dem Header bleibt.
       Kein expliziter z-index > 0, um keine Stacking-Context-Konflikte mit dem Header zu provozieren. */
    .site-main[b-qzaexsyehx] {
        position: relative;
        z-index: 0;
    }

    .site-title[b-qzaexsyehx],
    .secondary-nav[b-qzaexsyehx] {
        display: none;
    }

    .header-accent-inner[b-qzaexsyehx] {
        justify-content: center;
    }

    .ort-auswahl[b-qzaexsyehx] {
        width: 100%;
    }

    .ort-trigger[b-qzaexsyehx] {
        width: 100%;
    }

    .ort-menue[b-qzaexsyehx] {
        position: fixed;
        top: 5.35rem;
        right: 0;
        bottom: 0;
        left: 0;
        width: 100vw;
        min-width: 0;
        max-height: none;
        overflow-x: hidden;
        overflow-y: auto;
        border-right: 0;
        border-left: 0;
        border-radius: 0;
    }
}

/* ---------- Fehleranzeige ---------- */

#blazor-error-ui[b-qzaexsyehx] {
    color-scheme: light only;
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    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-qzaexsyehx] {
    cursor: pointer;
    position: absolute;
    right: 0.75rem;
    top: 0.5rem;
}
/* /Components/Layout/NavMenu.razor.rz.scp.css */
/* Das mobile Menü ist ab Tablet-Breite komplett ausgeblendet -
   dort zeigt das MainLayout die waagerechte Menüleiste. */
.mobile-nav[b-wj1zxxkxow] {
    display: none;
}

.nav-toggle[b-wj1zxxkxow] {
    display: none;
}

.nav-toggle-icon[b-wj1zxxkxow] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 0.32rem;
    width: 2.9rem;
    height: 2.4rem;
    padding: 0 0.55rem;
    border: 1px solid var(--nk-green);
    border-radius: 5px;
    cursor: pointer;
}

.nav-toggle-icon span[b-wj1zxxkxow] {
    display: block;
    height: 0.18rem;
    border-radius: 2px;
    background-color: var(--nk-green);
}

.nav-toggle:checked + .nav-toggle-icon[b-wj1zxxkxow] {
    background-color: #f1f7ec;
}

.nav-panel[b-wj1zxxkxow] {
    display: none;
    position: absolute;
    /* 0.75rem = Höhe des grünen Trennstreifens, der sichtbar bleiben soll */
    top: 100%;
    left: 0;
    right: 0;
    background-color: #fff;
    box-shadow: 0 6px 14px rgba(0, 0, 0, 0.18);
    z-index: 9500;
    max-height: calc(100vh - 100%);
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

.nav-toggle:checked ~ .nav-panel[b-wj1zxxkxow] {
    display: block;
}

.nav-panel ul[b-wj1zxxkxow] {
    margin: 0;
    padding: 0.5rem 0 1.5rem;
    list-style: none;
}

.nav-panel[b-wj1zxxkxow]  .nav-link {
    display: block;
    padding: 0.7rem 1.25rem;
    color: var(--nk-green);
    font-size: 1.05rem;
    font-weight: 700;
    text-decoration: none;
}

.nav-panel[b-wj1zxxkxow]  .nav-link.active {
    color: var(--nk-blue);
    background-color: #f1f7ec;
}

.nav-group[b-wj1zxxkxow] {
    padding: 0.7rem 1.25rem 0.2rem;
    color: var(--nk-green);
    font-size: 1.05rem;
    font-weight: 700;
}

.nav-sub[b-wj1zxxkxow]  .nav-link {
    padding-left: 2.5rem;
    font-size: 0.95rem;
    font-weight: 600;
}

.nav-info[b-wj1zxxkxow] {
    padding: 0.2rem 1.25rem 0.2rem 2.5rem;
    color: #666;
    font-size: 0.85rem;
    font-weight: 400;
}

.nav-divider[b-wj1zxxkxow] {
    height: 1px;
    margin: 0.4rem 1.25rem;
    background-color: #e2e2e2;
}

@media (max-width: 820px), (max-height: 500px) and (orientation: landscape) {
    .mobile-nav[b-wj1zxxkxow] {
        display: block;
    }
}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-6ysf77cshm],
.components-reconnect-repeated-attempt-visible[b-6ysf77cshm],
.components-reconnect-failed-visible[b-6ysf77cshm],
.components-pause-visible[b-6ysf77cshm],
.components-resume-failed-visible[b-6ysf77cshm],
.components-rejoining-animation[b-6ysf77cshm] {
    display: none;
}

#components-reconnect-modal.components-reconnect-show .components-reconnect-first-attempt-visible[b-6ysf77cshm],
#components-reconnect-modal.components-reconnect-show .components-rejoining-animation[b-6ysf77cshm],
#components-reconnect-modal.components-reconnect-paused .components-pause-visible[b-6ysf77cshm],
#components-reconnect-modal.components-reconnect-resume-failed .components-resume-failed-visible[b-6ysf77cshm],
#components-reconnect-modal.components-reconnect-retrying[b-6ysf77cshm],
#components-reconnect-modal.components-reconnect-retrying .components-reconnect-repeated-attempt-visible[b-6ysf77cshm],
#components-reconnect-modal.components-reconnect-retrying .components-rejoining-animation[b-6ysf77cshm],
#components-reconnect-modal.components-reconnect-failed[b-6ysf77cshm],
#components-reconnect-modal.components-reconnect-failed .components-reconnect-failed-visible[b-6ysf77cshm] {
    display: block;
}


#components-reconnect-modal[b-6ysf77cshm] {
    background-color: white;
    width: 20rem;
    margin: 20vh auto;
    padding: 2rem;
    border: 0;
    border-radius: 0.5rem;
    box-shadow: 0 3px 6px 2px rgba(0, 0, 0, 0.3);
    opacity: 0;
    transition: display 0.5s allow-discrete, overlay 0.5s allow-discrete;
    animation: components-reconnect-modal-fadeOutOpacity-b-6ysf77cshm 0.5s both;
    &[open]

{
    animation: components-reconnect-modal-slideUp-b-6ysf77cshm 1.5s cubic-bezier(.05, .89, .25, 1.02) 0.3s, components-reconnect-modal-fadeInOpacity-b-6ysf77cshm 0.5s ease-in-out 0.3s;
    animation-fill-mode: both;
}

}

#components-reconnect-modal[b-6ysf77cshm]::backdrop {
    background-color: rgba(0, 0, 0, 0.4);
    animation: components-reconnect-modal-fadeInOpacity-b-6ysf77cshm 0.5s ease-in-out;
    opacity: 1;
}

@keyframes components-reconnect-modal-slideUp-b-6ysf77cshm {
    0% {
        transform: translateY(30px) scale(0.95);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes components-reconnect-modal-fadeInOpacity-b-6ysf77cshm {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes components-reconnect-modal-fadeOutOpacity-b-6ysf77cshm {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.components-reconnect-container[b-6ysf77cshm] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

#components-reconnect-modal p[b-6ysf77cshm] {
    margin: 0;
    text-align: center;
}

#components-reconnect-modal button[b-6ysf77cshm] {
    border: 0;
    background-color: #6b9ed2;
    color: white;
    padding: 4px 24px;
    border-radius: 4px;
}

    #components-reconnect-modal button:hover[b-6ysf77cshm] {
        background-color: #3b6ea2;
    }

    #components-reconnect-modal button:active[b-6ysf77cshm] {
        background-color: #6b9ed2;
    }

.components-rejoining-animation[b-6ysf77cshm] {
    position: relative;
    width: 80px;
    height: 80px;
}

    .components-rejoining-animation div[b-6ysf77cshm] {
        position: absolute;
        border: 3px solid #0087ff;
        opacity: 1;
        border-radius: 50%;
        animation: components-rejoining-animation-b-6ysf77cshm 1.5s cubic-bezier(0, 0.2, 0.8, 1) infinite;
    }

        .components-rejoining-animation div:nth-child(2)[b-6ysf77cshm] {
            animation-delay: -0.5s;
        }

@keyframes components-rejoining-animation-b-6ysf77cshm {
    0% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    4.9% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    5% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 1;
    }

    100% {
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}
/* /Components/Pages/Adminbereich/Admin.razor.rz.scp.css */
.admin-modal-backdrop[b-rjao35a62r] { position: fixed; inset: 0; z-index: 1000; display: grid; place-items: center; background: rgb(0 0 0 / .42); }
.admin-modal[b-rjao35a62r] { width: min(92vw, 30rem); padding: 2rem; border-radius: .7rem; background: white; box-shadow: 0 1rem 3rem rgb(0 0 0 / .25); }
.admin-modal h2[b-rjao35a62r] { margin-top: 0; color: var(--nk-green, #356b3d); }
.admin-field[b-rjao35a62r] { display: grid; gap: .35rem; margin: 1rem 0; }
.admin-field input[b-rjao35a62r] { width: 100%; box-sizing: border-box; padding: .65rem; border: 1px solid #aaa; border-radius: .3rem; }
.admin-error[b-rjao35a62r] { color: #a51d2d; }
.admin-actions[b-rjao35a62r] { display: flex; gap: .7rem; align-items: center; margin-top: 1.4rem; }
.admin-secondary-button[b-rjao35a62r] { padding: .65rem 1rem; border: 1px solid #777; border-radius: .3rem; background: white; cursor: pointer; }
.admin-primary-button[b-rjao35a62r], .admin-danger-button[b-rjao35a62r] { padding: .65rem 1rem; border: 0; border-radius: .3rem; color: #fff; cursor: pointer; transition: filter .15s ease, box-shadow .15s ease; }
.admin-primary-button[b-rjao35a62r] { background: var(--nk-green, #356b3d); }
.admin-danger-button[b-rjao35a62r] { background: #b4232f; }
.admin-primary-button:hover:not(:disabled)[b-rjao35a62r], .admin-danger-button:hover:not(:disabled)[b-rjao35a62r] { filter: brightness(.92); box-shadow: 0 1px 3px #0002; }
.admin-icon-button[b-rjao35a62r] { border: 0; background: transparent; color: var(--nk-green, #356b3d); cursor: pointer; font-size: 1.1rem; }
.admin-icon-button:hover:not(:disabled)[b-rjao35a62r] { color: #1f4727; transform: scale(1.08); }
.admin-primary-button:focus-visible[b-rjao35a62r], .admin-danger-button:focus-visible[b-rjao35a62r], .admin-icon-button:focus-visible[b-rjao35a62r] { outline:2px solid #176b45; outline-offset:2px; }
.admin-password-field[b-rjao35a62r] { display: flex; gap: .35rem; align-items: center; }
.admin-password-field input[b-rjao35a62r] { flex: 1; }
/* /Components/Pages/Adminbereich/Proben/EditDung.razor.rz.scp.css */
.dung-editor[b-b1b9uuvgqy] { width:100%; max-width:none; box-sizing:border-box; margin:1.5rem auto; padding:0 1rem; }
.dung-panel[b-b1b9uuvgqy] { margin-bottom:1.25rem; padding:1.25rem; border-top:2px solid #176b45; background:#fff; }
.dung-panel h1[b-b1b9uuvgqy],.dung-panel h2[b-b1b9uuvgqy] { margin-top:0; }
.dung-form[b-b1b9uuvgqy] { display:grid; grid-template-columns:.9fr .95fr .65fr 1.35fr 1.2fr 1fr 1.35fr 8rem; gap:.75rem; align-items:end; }
.dung-form label[b-b1b9uuvgqy],.dung-edit-grid label[b-b1b9uuvgqy] { display:grid; gap:.3rem; font-weight:600; }
.dung-form input[b-b1b9uuvgqy],.dung-form select[b-b1b9uuvgqy],.dung-edit-grid input[b-b1b9uuvgqy],.dung-edit-grid select[b-b1b9uuvgqy] { width:100%; box-sizing:border-box; padding:.5rem; font:inherit; border:1px solid #aebbb2; border-radius:4px; }
.dung-form-actions[b-b1b9uuvgqy] { display:flex; justify-content:flex-end; }
.dung-form button[b-b1b9uuvgqy],.dung-table button[b-b1b9uuvgqy],.dung-dialog-actions button[b-b1b9uuvgqy] { padding:.5rem .9rem; font:inherit; border:1px solid #b9c4bd; border-radius:4px; cursor:pointer; transition:filter .15s ease,box-shadow .15s ease; }
.dung-form button:hover:not(:disabled)[b-b1b9uuvgqy],.dung-table button:hover:not(:disabled)[b-b1b9uuvgqy],.dung-dialog-actions button:hover:not(:disabled)[b-b1b9uuvgqy] { filter:brightness(.92); box-shadow:0 1px 3px #0002; }
.dung-form button:focus-visible[b-b1b9uuvgqy],.dung-table button:focus-visible[b-b1b9uuvgqy],.dung-dialog-actions button:focus-visible[b-b1b9uuvgqy],.dialog-close:focus-visible[b-b1b9uuvgqy] { outline:2px solid #176b45; outline-offset:2px; }
.primary-button[b-b1b9uuvgqy] { background:#176b45!important; color:#fff; border-color:#176b45!important; }
.delete-button[b-b1b9uuvgqy] { background:#b42318; color:#fff; border-color:#b42318!important; }
.edit-button[b-b1b9uuvgqy] { background:#e6bd51; color:#222; }
.dung-table-wrap[b-b1b9uuvgqy] { width:100%; max-width:100%; overflow-x:auto; }
.dung-table[b-b1b9uuvgqy] { width:100%; border-collapse:collapse; min-width:760px; }
.dung-table th[b-b1b9uuvgqy],.dung-table td[b-b1b9uuvgqy] { padding:.65rem .75rem; text-align:left; border-bottom:1px solid #d7ded9; white-space:nowrap; }
.dung-table th[b-b1b9uuvgqy] { background:#176b45; color:#fff; }
.dung-table tbody tr:nth-child(even)[b-b1b9uuvgqy] { background:#f4f7f5; }
.dung-empty[b-b1b9uuvgqy] { padding:1rem; background:#f5f7f5; }
.dung-error[b-b1b9uuvgqy],.dung-success[b-b1b9uuvgqy] { padding:.7rem 1rem; border-radius:4px; }
.dung-error[b-b1b9uuvgqy] { color:#842029; background:#f8d7da; }.dung-success[b-b1b9uuvgqy] { color:#0f5132; background:#d1e7dd; }
.dung-modal-backdrop[b-b1b9uuvgqy] { position:fixed; inset:0; z-index:10; display:grid; place-items:center; padding:1rem; background:#0007; }
.dung-modal[b-b1b9uuvgqy],.dung-confirm[b-b1b9uuvgqy] { width:min(95vw,620px); max-height:calc(100dvh - 2rem); overflow:auto; box-sizing:border-box; padding:1.25rem; background:#fff; border-radius:6px; box-shadow:0 8px 30px #0005; }
.dung-modal header[b-b1b9uuvgqy] { display:flex; align-items:center; justify-content:space-between; gap:1rem; border-bottom:1px solid #d7ded9; padding-bottom:.65rem; }.dung-modal header h2[b-b1b9uuvgqy] { margin:0; }
.dialog-close[b-b1b9uuvgqy] { min-width:2.2rem; padding:.2rem .5rem!important; border:0!important; background:transparent; color:#56655d; font-size:1.5rem; line-height:1; cursor:pointer; }
.dung-edit-grid[b-b1b9uuvgqy] { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.8rem 1rem; padding:1rem 0; }.dung-shoot[b-b1b9uuvgqy] { align-self:end; color:#244b2a; }
.dung-dialog-actions[b-b1b9uuvgqy] { display:flex; justify-content:flex-end; gap:.5rem; margin-top:1rem; }
@media(max-width:900px){.dung-form[b-b1b9uuvgqy]{grid-template-columns:repeat(4,minmax(0,1fr));}}
@media(max-width:800px){.dung-form[b-b1b9uuvgqy]{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:560px){.dung-form[b-b1b9uuvgqy],.dung-edit-grid[b-b1b9uuvgqy]{grid-template-columns:1fr;}.dung-panel[b-b1b9uuvgqy]{padding:1rem;}}
/* /Components/Pages/Adminbereich/Proben/EditDungArt.razor.rz.scp.css */
.dung-art-editor[b-ayy870sumk] { width:100%; max-width:none; box-sizing:border-box; margin:1.5rem auto; padding:0 1rem; }
.dung-art-new-action[b-ayy870sumk] { margin-bottom:1rem; }.dung-art-table-wrap[b-ayy870sumk] { overflow-x:auto; }.dung-art-table[b-ayy870sumk] { width:100%; border-collapse:collapse; background:white; }.dung-art-table th[b-ayy870sumk],.dung-art-table td[b-ayy870sumk] { text-align:left; padding:.65rem .75rem; border-bottom:1px solid #d7ded9; white-space:nowrap; }.dung-art-table th[b-ayy870sumk] { background:#176b45; color:white; font-weight:600; }.dung-art-table tbody tr:nth-child(even)[b-ayy870sumk] { background:#f4f7f5; }.actions-column[b-ayy870sumk] { width:150px; }
.dung-art-table button[b-ayy870sumk],.standalone-new[b-ayy870sumk],.dung-dialog button[b-ayy870sumk] { font:inherit; border:1px solid #b9c4bd; border-radius:4px; padding:.42rem .65rem; cursor:pointer; transition:filter .15s ease, box-shadow .15s ease, background-color .15s ease; }.dung-art-table button+button[b-ayy870sumk] { margin-left:.35rem; }.dung-art-table button:hover:not(:disabled)[b-ayy870sumk],.standalone-new:hover:not(:disabled)[b-ayy870sumk],.dung-dialog button:hover:not(:disabled)[b-ayy870sumk] { filter:brightness(.92); box-shadow:0 1px 3px #0002; }.dung-art-table button:focus-visible[b-ayy870sumk],.standalone-new:focus-visible[b-ayy870sumk],.dung-dialog button:focus-visible[b-ayy870sumk] { outline:2px solid #176b45; outline-offset:2px; }.edit-button[b-ayy870sumk] { background:#e6bd51; color:#222; }.new-button[b-ayy870sumk] { background:#176b45; color:white; border-color:#176b45!important; }.primary-button[b-ayy870sumk] { background:#176b45!important; color:white; border-color:#176b45!important; }.dung-art-error[b-ayy870sumk],.dung-art-success[b-ayy870sumk] { padding:.7rem 1rem; border-radius:4px; }.dung-art-error[b-ayy870sumk] { color:#842029; background:#f8d7da; }.dung-art-success[b-ayy870sumk] { color:#0f5132; background:#d1e7dd; }.dung-art-empty[b-ayy870sumk] { padding:1rem; background:#f5f7f5; }
.dung-art-pager[b-ayy870sumk] { display:flex; gap:.35rem; justify-content:center; margin-top:1rem; }.dung-art-pager button[b-ayy870sumk] { min-width:2.2rem; padding:.4rem .55rem; border:1px solid #b9c4bd; border-radius:4px; background:#f5f7f5; cursor:pointer; transition:filter .15s ease, box-shadow .15s ease; }.dung-art-pager button:hover:not(:disabled)[b-ayy870sumk],.dung-art-pager button:focus-visible[b-ayy870sumk] { filter:brightness(.92); box-shadow:0 1px 3px #0002; }.dung-art-pager button.active[b-ayy870sumk] { background:#176b45; color:white; border-color:#176b45; }.dung-art-pager button:disabled[b-ayy870sumk] { opacity:.45; cursor:default; }
.dung-dialog-backdrop[b-ayy870sumk] { position:fixed; inset:0; z-index:10; display:grid; place-items:center; background:#0007; }.dung-dialog[b-ayy870sumk] { width:min(95vw,520px); padding:1.25rem; background:white; border-radius:6px; box-shadow:0 8px 30px #0005; }.dung-dialog h2[b-ayy870sumk] { margin-top:0; }.dung-field[b-ayy870sumk] { display:grid; grid-template-columns:8rem minmax(0,1fr); gap:.75rem; align-items:center; margin:.75rem 0; }.dung-field input[b-ayy870sumk],.dung-field select[b-ayy870sumk] { width:100%; box-sizing:border-box; padding:.5rem; border:1px solid #aebbb2; border-radius:3px; }.dung-dialog-actions[b-ayy870sumk] { display:flex; justify-content:flex-end; gap:.5rem; margin-top:1rem; }
@media(max-width:600px){.dung-field[b-ayy870sumk]{grid-template-columns:1fr;gap:.25rem}.actions-column[b-ayy870sumk]{width:auto}.dung-art-table button[b-ayy870sumk]{display:block;margin:.2rem 0!important}}
/* /Components/Pages/Adminbereich/Proben/EditProben.razor.rz.scp.css */
.probe-editor[b-eit0vfthvh] { width:100%; max-width:none; box-sizing:border-box; margin:1.5rem auto; padding:0 1rem; }.probe-filters[b-eit0vfthvh] { display:flex; flex-wrap:wrap; gap:1rem; align-items:end; padding:1rem; background:#f5f7f5; border-top:2px solid #176b45; }.probe-filters label[b-eit0vfthvh] { display:grid; gap:.3rem; font-weight:600; }.probe-filters select[b-eit0vfthvh],.probe-filters button[b-eit0vfthvh],.probe-dialog input[b-eit0vfthvh],.probe-dialog button[b-eit0vfthvh] { font:inherit; padding:.5rem; border:1px solid #aebbb2; border-radius:4px; transition:filter .15s ease, box-shadow .15s ease; }.probe-filters button[b-eit0vfthvh],.probe-dialog button[b-eit0vfthvh],.probe-table button[b-eit0vfthvh] { cursor:pointer; }.probe-filters button[b-eit0vfthvh] { background:#176b45; color:#fff; }.probe-results[b-eit0vfthvh] { margin-top:1.25rem; }.probe-results h2[b-eit0vfthvh] { border-bottom:1px solid #d7ded9; padding-bottom:.5rem; }.probe-table-wrap[b-eit0vfthvh] { width:100%; max-width:100%; overflow-x:auto; }.probe-table[b-eit0vfthvh] { width:100%; min-width:760px; border-collapse:collapse; }.probe-table th[b-eit0vfthvh],.probe-table td[b-eit0vfthvh] { padding:.6rem .7rem; border-bottom:1px solid #d7ded9; text-align:left; white-space:nowrap; }.probe-table th[b-eit0vfthvh] { background:#176b45; color:#fff; }.probe-table tr:nth-child(even)[b-eit0vfthvh] { background:#f5f7f5; }.probe-table button[b-eit0vfthvh] { margin-right:.35rem; }.edit-button[b-eit0vfthvh] { background:#e6bd51!important; color:#222; }.delete-button[b-eit0vfthvh] { background:#b42318!important; color:#fff; }.probe-filters button:hover:not(:disabled)[b-eit0vfthvh],.probe-dialog button:hover:not(:disabled)[b-eit0vfthvh],.probe-table button:hover:not(:disabled)[b-eit0vfthvh] { filter:brightness(.92); box-shadow:0 1px 3px #0002; }.probe-filters button:focus-visible[b-eit0vfthvh],.probe-dialog button:focus-visible[b-eit0vfthvh],.probe-table button:focus-visible[b-eit0vfthvh] { outline:2px solid #176b45; outline-offset:2px; }.probe-modal[b-eit0vfthvh] { position:fixed; inset:0; z-index:10; display:grid; place-items:center; padding:1rem; background:#0007; }.probe-dialog[b-eit0vfthvh] { width:min(95vw,600px); max-height:95vh; overflow:auto; padding:1.25rem; background:#fff; border-radius:6px; box-shadow:0 8px 30px #0005; }.probe-dialog.wide[b-eit0vfthvh] { width:min(95vw,900px); }.probe-grid[b-eit0vfthvh] { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.75rem 1rem; }.probe-grid label[b-eit0vfthvh] { display:grid; gap:.25rem; }.probe-grid input[b-eit0vfthvh] { width:100%; box-sizing:border-box; }.probe-actions[b-eit0vfthvh] { display:flex; justify-content:flex-end; gap:.5rem; margin-top:1rem; }.primary-button[b-eit0vfthvh] { background:#176b45!important; color:#fff; border-color:#176b45!important; cursor:pointer; }.probe-error[b-eit0vfthvh] { padding:.7rem 1rem; color:#842029; background:#f8d7da; border-radius:4px; }
@media(max-width:650px){.probe-filters label[b-eit0vfthvh]{width:100%}.probe-filters select[b-eit0vfthvh]{width:100%}.probe-grid[b-eit0vfthvh]{grid-template-columns:1fr}}
.plant-dialog[b-eit0vfthvh] { max-height:calc(100vh - 2rem); max-height:calc(100dvh - 2rem); display:flex; flex-direction:column; overflow:hidden; box-sizing:border-box; }
.probe-dialog-header[b-eit0vfthvh] { display:flex; align-items:center; justify-content:space-between; gap:1rem; flex:0 0 auto; border-bottom:1px solid #d7ded9; padding-bottom:.65rem; }
.probe-dialog-header h2[b-eit0vfthvh] { margin:0; }
.dialog-close[b-eit0vfthvh] { min-width:2.2rem; padding:.2rem .5rem!important; border:0!important; background:transparent!important; color:#56655d; font-size:1.5rem; line-height:1; }
.probe-dialog-content[b-eit0vfthvh] { min-height:0; overflow-y:auto; padding:.9rem .1rem .2rem; }
.plant-grid[b-eit0vfthvh] { grid-template-columns:repeat(3,minmax(0,1fr)); gap:.55rem .85rem; }
.plant-grid label[b-eit0vfthvh] { min-width:0; }
.plant-grid input[b-eit0vfthvh] { min-width:0; padding:.42rem!important; }
.plant-identity[b-eit0vfthvh] { align-self:end; padding:.42rem 0; font-weight:700; color:#244b2a; }
.plant-dialog .probe-actions[b-eit0vfthvh] { flex:0 0 auto; padding-top:.75rem; border-top:1px solid #d7ded9; }
@media(max-width:650px){.plant-grid[b-eit0vfthvh]{grid-template-columns:1fr;}}
/* /Components/Pages/Adminbereich/Proben/ProbenEditor.razor.rz.scp.css */
.probe-editor[b-3n7zs2uuso] { width: 100%; padding: 1rem 0; }
.probe-editor-card[b-3n7zs2uuso] { width: 100%; box-sizing: border-box; padding: 1.25rem; margin-bottom: 1rem; background: #fff; border: 1px solid #d8ded9; border-radius: .5rem; box-shadow: 0 2px 8px #0000000d; }
.probe-editor h1[b-3n7zs2uuso], .probe-editor h2[b-3n7zs2uuso] { margin: 0 0 .75rem; color: var(--nk-green, #356b3d); }
.probe-drop-zone[b-3n7zs2uuso] { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:.55rem; min-height:9rem; padding:1rem; border:2px dashed #9aafa0; border-radius:.45rem; background:#f7faf7; transition:background .15s,border-color .15s; }
.probe-drop-zone.is-dragging[b-3n7zs2uuso] { border-color:var(--nk-green,#356b3d); background:#e5f2e8; }
.probe-file-input[b-3n7zs2uuso] { display:none; }
.probe-file-button[b-3n7zs2uuso],.probe-primary-button[b-3n7zs2uuso] { display:inline-block; padding:.65rem 1rem; border:0; border-radius:.3rem; color:#fff; background:var(--nk-green,#356b3d); cursor:pointer; transition:filter .15s,box-shadow .15s; }
.probe-file-button:hover[b-3n7zs2uuso],.probe-primary-button:hover:not(:disabled)[b-3n7zs2uuso] { filter:brightness(.92); box-shadow:0 2px 5px #0003; }.probe-primary-button:disabled[b-3n7zs2uuso] { opacity:.6; cursor:not-allowed; }
.probe-editor-heading[b-3n7zs2uuso] { display:flex; align-items:center; gap:1rem; flex-wrap:wrap; }.probe-editor-heading > div:first-child[b-3n7zs2uuso] { flex:1; min-width:15rem; }.probe-editor-heading p[b-3n7zs2uuso] { margin:0; color:#66736a; }.probe-type[b-3n7zs2uuso] { display:flex; gap:1rem; white-space:nowrap; }
.probe-table-scroll[b-3n7zs2uuso] { width:100%; max-height:38rem; margin-top:1rem; overflow:auto; border:1px solid #ccd6ce; }.probe-import-table[b-3n7zs2uuso] { width:100%; min-width:70rem; border-collapse:collapse; }.probe-import-table th[b-3n7zs2uuso],.probe-import-table td[b-3n7zs2uuso] { padding:.35rem; border:1px solid #d5ddd7; text-align:left; white-space:nowrap; }.probe-import-table th[b-3n7zs2uuso] { position:sticky; top:0; z-index:1; background:#e9f1eb; color:#24492b; }.probe-import-table input[b-3n7zs2uuso] { width:100%; min-width:6rem; box-sizing:border-box; padding:.35rem; border:1px solid transparent; background:transparent; }.probe-import-table input:focus[b-3n7zs2uuso] { border-color:#5d9568; outline:2px solid #cce4d0; background:#fff; }
.probe-editor-error[b-3n7zs2uuso],.probe-editor-success[b-3n7zs2uuso] { padding:.75rem 1rem; border-radius:.3rem; }.probe-editor-error[b-3n7zs2uuso] { color:#8b1e2d; background:#fff0f1; }.probe-editor-success[b-3n7zs2uuso] { color:#205c2c; background:#edf8ef; }.probe-processing[b-3n7zs2uuso] { position:fixed; inset:0; z-index:1000; display:flex; align-items:center; justify-content:center; gap:.75rem; color:#fff; background:#0008; }.probe-spinner[b-3n7zs2uuso] { width:1.2rem; height:1.2rem; border:3px solid #ffffff66; border-top-color:#fff; border-radius:50%; animation:probe-spin-b-3n7zs2uuso .8s linear infinite; }@keyframes probe-spin-b-3n7zs2uuso { to { transform:rotate(360deg); } }
@media (max-width:700px) { .probe-editor-card[b-3n7zs2uuso] { padding:.75rem; }.probe-type[b-3n7zs2uuso] { width:100%; }.probe-primary-button[b-3n7zs2uuso] { width:100%; } }
/* /Components/Pages/Adminbereich/StandortDaten/EditBodenart.razor.rz.scp.css */
.master-editor[b-jxu7jk0luz] { max-width:680px; margin:1.5rem auto; padding:0 1rem; }
.master-editor-toolbar[b-jxu7jk0luz] { display:flex; gap:.5rem; align-items:center; flex-wrap:wrap; margin-bottom:1.25rem; }
.master-editor button[b-jxu7jk0luz],.master-editor select[b-jxu7jk0luz],.master-editor input[b-jxu7jk0luz] { font:inherit; }
.master-editor-toolbar button[b-jxu7jk0luz],.master-editor-toolbar select[b-jxu7jk0luz],.master-confirm button[b-jxu7jk0luz],.master-editor-form button[b-jxu7jk0luz] { border:1px solid #b9c4bd; border-radius:4px; background:#f5f7f5; padding:.55rem .9rem; cursor:pointer; }
.master-editor-toolbar button.selected[b-jxu7jk0luz],.primary-button[b-jxu7jk0luz] { background:#176b45!important; color:white; border-color:#176b45!important; }
.master-editor button:hover:not(:disabled)[b-jxu7jk0luz] { filter:brightness(.92); box-shadow:0 1px 3px #0002; }
.master-editor button[b-jxu7jk0luz] { transition:filter .15s ease, box-shadow .15s ease, background-color .15s ease; }
.master-editor button:focus-visible[b-jxu7jk0luz] { outline:2px solid #176b45; outline-offset:2px; }
.master-editor-toolbar select[b-jxu7jk0luz] { min-width:230px; padding:.55rem; }.master-editor-form[b-jxu7jk0luz] { border-top:2px solid #176b45; padding-top:1rem; }
.master-field[b-jxu7jk0luz] { display:grid; grid-template-columns:8rem minmax(0,300px); gap:.75rem; align-items:center; margin-bottom:1rem; }.master-field input[b-jxu7jk0luz] { width:100%; box-sizing:border-box; padding:.55rem; border:1px solid #aebbb2; border-radius:3px; }.master-field .validation-message[b-jxu7jk0luz] { grid-column:2; color:#842029; }.master-editor-form>.primary-button[b-jxu7jk0luz] { margin-left:8.75rem; }.delete-button[b-jxu7jk0luz] { color:#8b1e1e!important; }.master-confirm[b-jxu7jk0luz] { display:flex; gap:.5rem; align-items:center; padding:.7rem; margin-bottom:1rem; background:#fff3cd; border:1px solid #ffecb5; border-radius:4px; }.master-editor-error[b-jxu7jk0luz],.master-editor-success[b-jxu7jk0luz] { padding:.7rem 1rem; border-radius:4px; }.master-editor-error[b-jxu7jk0luz] { color:#842029; background:#f8d7da; }.master-editor-success[b-jxu7jk0luz] { color:#0f5132; background:#d1e7dd; }
@media(max-width:560px){.master-field[b-jxu7jk0luz]{grid-template-columns:1fr;gap:.25rem}.master-field .validation-message[b-jxu7jk0luz]{grid-column:1}.master-editor-form>.primary-button[b-jxu7jk0luz]{margin-left:0}.master-editor-toolbar select[b-jxu7jk0luz]{min-width:0;flex:1}}
/* /Components/Pages/Adminbereich/StandortDaten/EditBodenbearbeitung.razor.rz.scp.css */
.master-editor[b-8kvu6ivaiy] { max-width:680px; margin:1.5rem auto; padding:0 1rem; }
.master-editor-toolbar[b-8kvu6ivaiy] { display:flex; gap:.5rem; align-items:center; flex-wrap:wrap; margin-bottom:1.25rem; }
.master-editor button[b-8kvu6ivaiy],.master-editor select[b-8kvu6ivaiy],.master-editor input[b-8kvu6ivaiy] { font:inherit; }
.master-editor-toolbar button[b-8kvu6ivaiy],.master-editor-toolbar select[b-8kvu6ivaiy],.master-confirm button[b-8kvu6ivaiy],.master-editor-form button[b-8kvu6ivaiy] { border:1px solid #b9c4bd; border-radius:4px; background:#f5f7f5; padding:.55rem .9rem; cursor:pointer; }
.master-editor-toolbar button.selected[b-8kvu6ivaiy],.primary-button[b-8kvu6ivaiy] { background:#176b45!important; color:white; border-color:#176b45!important; }
.master-editor button:hover:not(:disabled)[b-8kvu6ivaiy] { filter:brightness(.92); box-shadow:0 1px 3px #0002; }
.master-editor button[b-8kvu6ivaiy] { transition:filter .15s ease, box-shadow .15s ease, background-color .15s ease; }
.master-editor button:focus-visible[b-8kvu6ivaiy] { outline:2px solid #176b45; outline-offset:2px; }
.master-editor-toolbar select[b-8kvu6ivaiy] { min-width:230px; padding:.55rem; }
.master-editor-form[b-8kvu6ivaiy] { border-top:2px solid #176b45; padding-top:1rem; }
.master-field[b-8kvu6ivaiy] { display:grid; grid-template-columns:8rem minmax(0,300px); gap:.75rem; align-items:center; margin-bottom:1rem; }
.master-field input[b-8kvu6ivaiy] { width:100%; box-sizing:border-box; padding:.55rem; border:1px solid #aebbb2; border-radius:3px; }
.master-field .validation-message[b-8kvu6ivaiy] { grid-column:2; color:#842029; }.master-editor-form>.primary-button[b-8kvu6ivaiy] { margin-left:8.75rem; }.delete-button[b-8kvu6ivaiy] { color:#8b1e1e!important; }.master-confirm[b-8kvu6ivaiy] { display:flex; gap:.5rem; align-items:center; padding:.7rem; margin-bottom:1rem; background:#fff3cd; border:1px solid #ffecb5; border-radius:4px; }.master-editor-error[b-8kvu6ivaiy],.master-editor-success[b-8kvu6ivaiy] { padding:.7rem 1rem; border-radius:4px; }.master-editor-error[b-8kvu6ivaiy] { color:#842029; background:#f8d7da; }.master-editor-success[b-8kvu6ivaiy] { color:#0f5132; background:#d1e7dd; }
@media(max-width:560px){.master-field[b-8kvu6ivaiy]{grid-template-columns:1fr;gap:.25rem}.master-field .validation-message[b-8kvu6ivaiy]{grid-column:1}.master-editor-form>.primary-button[b-8kvu6ivaiy]{margin-left:0}.master-editor-toolbar select[b-8kvu6ivaiy]{min-width:0;flex:1}}
/* /Components/Pages/Adminbereich/StandortDaten/EditHauptfrucht.razor.rz.scp.css */
.master-editor[b-0lacrx5byy] { max-width:680px; margin:1.5rem auto; padding:0 1rem; }
.master-editor-toolbar[b-0lacrx5byy] { display:flex; gap:.5rem; align-items:center; flex-wrap:wrap; margin-bottom:1.25rem; }
.master-editor button[b-0lacrx5byy],.master-editor select[b-0lacrx5byy],.master-editor input[b-0lacrx5byy] { font:inherit; }
.master-editor-toolbar button[b-0lacrx5byy],.master-editor-toolbar select[b-0lacrx5byy],.master-confirm button[b-0lacrx5byy],.master-editor-form button[b-0lacrx5byy] { border:1px solid #b9c4bd; border-radius:4px; background:#f5f7f5; padding:.55rem .9rem; cursor:pointer; }
.master-editor-toolbar button.selected[b-0lacrx5byy],.primary-button[b-0lacrx5byy] { background:#176b45!important; color:white; border-color:#176b45!important; }
.master-editor button:hover:not(:disabled)[b-0lacrx5byy] { filter:brightness(.92); box-shadow:0 1px 3px #0002; }
.master-editor button[b-0lacrx5byy] { transition:filter .15s ease, box-shadow .15s ease, background-color .15s ease; }
.master-editor button:focus-visible[b-0lacrx5byy] { outline:2px solid #176b45; outline-offset:2px; }
.master-editor-toolbar select[b-0lacrx5byy] { min-width:230px; padding:.55rem; }
.master-editor-form[b-0lacrx5byy] { border-top:2px solid #176b45; padding-top:1rem; }
.master-field[b-0lacrx5byy] { display:grid; grid-template-columns:8rem minmax(0,300px); gap:.75rem; align-items:center; margin-bottom:1rem; }
.master-field input[b-0lacrx5byy] { width:100%; box-sizing:border-box; padding:.55rem; border:1px solid #aebbb2; border-radius:3px; }
.master-field .validation-message[b-0lacrx5byy] { grid-column:2; color:#842029; }.master-editor-form>.primary-button[b-0lacrx5byy] { margin-left:8.75rem; }.delete-button[b-0lacrx5byy] { color:#8b1e1e!important; }.master-confirm[b-0lacrx5byy] { display:flex; gap:.5rem; align-items:center; padding:.7rem; margin-bottom:1rem; background:#fff3cd; border:1px solid #ffecb5; border-radius:4px; }.master-editor-error[b-0lacrx5byy],.master-editor-success[b-0lacrx5byy] { padding:.7rem 1rem; border-radius:4px; }.master-editor-error[b-0lacrx5byy] { color:#842029; background:#f8d7da; }.master-editor-success[b-0lacrx5byy] { color:#0f5132; background:#d1e7dd; }
@media(max-width:560px){.master-field[b-0lacrx5byy]{grid-template-columns:1fr;gap:.25rem}.master-field .validation-message[b-0lacrx5byy]{grid-column:1}.master-editor-form>.primary-button[b-0lacrx5byy]{margin-left:0}.master-editor-toolbar select[b-0lacrx5byy]{min-width:0;flex:1}}
/* /Components/Pages/Adminbereich/StandortDaten/EditRegionen.razor.rz.scp.css */
.region-editor[b-0m2im1u2sp] { max-width: 680px; margin: 1.5rem auto; padding: 0 1rem; }
.region-editor-toolbar[b-0m2im1u2sp] { display:flex; gap:.5rem; align-items:center; flex-wrap:wrap; margin-bottom:1.25rem; }
.region-editor button[b-0m2im1u2sp], .region-editor select[b-0m2im1u2sp], .region-editor input[b-0m2im1u2sp] { font:inherit; }
.region-editor-toolbar button[b-0m2im1u2sp], .region-editor-toolbar select[b-0m2im1u2sp], .region-confirm button[b-0m2im1u2sp], .region-editor-form button[b-0m2im1u2sp] { border:1px solid #b9c4bd; border-radius:4px; background:#f5f7f5; padding:.55rem .9rem; cursor:pointer; }
.region-editor-toolbar button.selected[b-0m2im1u2sp], .primary-button[b-0m2im1u2sp] { background:#176b45 !important; color:white; border-color:#176b45 !important; }
.region-editor button:hover:not(:disabled)[b-0m2im1u2sp] { filter:brightness(.92); box-shadow:0 1px 3px #0002; }
.region-editor button[b-0m2im1u2sp] { transition:filter .15s ease, box-shadow .15s ease, background-color .15s ease; }
.region-editor button:focus-visible[b-0m2im1u2sp] { outline:2px solid #176b45; outline-offset:2px; }
.region-editor-toolbar select[b-0m2im1u2sp] { min-width:230px; }
.region-editor-form[b-0m2im1u2sp] { border-top:2px solid #176b45; padding-top:1rem; }
.region-field[b-0m2im1u2sp] { display:grid; grid-template-columns:8rem minmax(0,300px); gap:.75rem; align-items:center; margin-bottom:1rem; }
.region-field input[b-0m2im1u2sp] { width:100%; box-sizing:border-box; padding:.55rem; border:1px solid #aebbb2; border-radius:3px; }
.region-field .validation-message[b-0m2im1u2sp] { grid-column:2; color:#842029; }
.region-editor-form > button[b-0m2im1u2sp] { margin-left:8.75rem; }
.delete-button[b-0m2im1u2sp] { color:#8b1e1e !important; }.region-confirm[b-0m2im1u2sp] { display:flex; gap:.5rem; align-items:center; padding:.7rem; margin-bottom:1rem; background:#fff3cd; border:1px solid #ffecb5; border-radius:4px; }
.region-editor-error[b-0m2im1u2sp], .region-editor-success[b-0m2im1u2sp] { padding:.7rem 1rem; border-radius:4px; }.region-editor-error[b-0m2im1u2sp] { color:#842029; background:#f8d7da; }.region-editor-success[b-0m2im1u2sp] { color:#0f5132; background:#d1e7dd; }
@media (max-width: 560px) { .region-field[b-0m2im1u2sp] { grid-template-columns:1fr; gap:.25rem; }.region-field .validation-message[b-0m2im1u2sp] { grid-column:1; }.region-editor-form > button[b-0m2im1u2sp] { margin-left:0; }.region-editor-toolbar select[b-0m2im1u2sp] { min-width:0; flex:1; } }
/* /Components/Pages/Adminbereich/StandortDaten/EditStandort.razor.rz.scp.css */
.edit-standort[b-i73kar2j0q] { max-width: 1180px; margin: 1.5rem auto; padding: 0 1rem; }
.edit-standort-toolbar[b-i73kar2j0q] { display:flex; gap:.5rem; align-items:center; flex-wrap:wrap; margin-bottom:1rem; }
.edit-standort button[b-i73kar2j0q], .edit-standort select[b-i73kar2j0q], .edit-standort input[b-i73kar2j0q] { font:inherit; }
.edit-standort-toolbar button[b-i73kar2j0q], .edit-standort-actions button[b-i73kar2j0q], .dialog-actions button[b-i73kar2j0q] { border:1px solid #b9c4bd; border-radius:4px; background:#f5f7f5; padding:.55rem .9rem; cursor:pointer; }
.edit-standort-toolbar button.selected[b-i73kar2j0q], .primary-button[b-i73kar2j0q] { background:#176b45 !important; color:white; border-color:#176b45 !important; }
.edit-standort button:hover:not(:disabled)[b-i73kar2j0q] { filter:brightness(.92); box-shadow:0 1px 3px #0002; }
.edit-standort button[b-i73kar2j0q] { transition:filter .15s ease, box-shadow .15s ease, background-color .15s ease; }
.edit-standort button:focus-visible[b-i73kar2j0q] { outline:2px solid #176b45; outline-offset:2px; }
.season-filter[b-i73kar2j0q] { margin-left:1rem; }
.place-filter[b-i73kar2j0q] { min-width:280px; }
.edit-standort-columns[b-i73kar2j0q] { display:grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap:2rem; }
.edit-standort-card[b-i73kar2j0q] { border-top:2px solid #176b45; padding-top:.75rem; }
.edit-standort-card h2[b-i73kar2j0q] { margin:.1rem 0 1rem; font-size:1.35rem; }
.edit-standort-card h3[b-i73kar2j0q] { border-bottom:1px solid #d8ded9; padding-bottom:.45rem; margin:1.5rem 0 .75rem; }
.season-note[b-i73kar2j0q] { color:#56655d; font-size:.9rem; margin:-.35rem 0 1rem; }
.previous-season[b-i73kar2j0q] { display:grid; gap:.4rem; margin-bottom:1rem; }
.form-row[b-i73kar2j0q] { display:grid; grid-template-columns: 10.5rem minmax(0,1fr); align-items:center; gap:.75rem; margin:.65rem 0; }
.form-row > input[b-i73kar2j0q], .form-row > select[b-i73kar2j0q], .previous-season select[b-i73kar2j0q], .edit-standort-dialog input[b-i73kar2j0q] { width:100%; box-sizing:border-box; padding:.5rem; border:1px solid #aebbb2; border-radius:3px; }
.choice[b-i73kar2j0q] { display:flex; gap:.4rem; min-width:0; }.choice select[b-i73kar2j0q] { flex:1; min-width:0; padding:.5rem; border:1px solid #aebbb2; border-radius:3px; }
.icon-button[b-i73kar2j0q] { padding:.45rem .6rem !important; min-width:2.25rem; }.danger[b-i73kar2j0q] { color:#a32121; }
.edit-standort-actions[b-i73kar2j0q] { display:flex; justify-content:flex-end; margin-top:1.25rem; }.edit-standort-actions button[b-i73kar2j0q] { min-width:8rem; }
.edit-standort-error[b-i73kar2j0q], .edit-standort-success[b-i73kar2j0q] { padding:.7rem 1rem; border-radius:4px; margin:.75rem 0; }.edit-standort-error[b-i73kar2j0q] { color:#842029; background:#f8d7da; }.edit-standort-success[b-i73kar2j0q] { color:#0f5132; background:#d1e7dd; }
.dialog-backdrop[b-i73kar2j0q] { position:fixed; inset:0; background:#0007; display:grid; place-items:center; z-index:10; }.edit-standort-dialog[b-i73kar2j0q] { background:white; padding:1.25rem; border-radius:6px; width:min(95vw, 420px); box-shadow:0 8px 30px #0005; }.edit-standort-dialog h2[b-i73kar2j0q] { margin-top:0; font-size:1.2rem; }.edit-standort-dialog input[b-i73kar2j0q] { margin:.4rem 0; }.dialog-actions[b-i73kar2j0q] { display:flex; justify-content:flex-end; gap:.5rem; margin-top:.75rem; }
@media (max-width: 760px) { .edit-standort-columns[b-i73kar2j0q] { grid-template-columns:1fr; gap:1.5rem; } .form-row[b-i73kar2j0q] { grid-template-columns:1fr; gap:.25rem; } .season-filter[b-i73kar2j0q] { margin-left:0; } .place-filter[b-i73kar2j0q] { min-width:0; flex:1; } }
/* /Components/Pages/Adminbereich/StandortDaten/EditVorfrucht.razor.rz.scp.css */
.master-editor[b-stn6yelqet] { max-width:680px; margin:1.5rem auto; padding:0 1rem; }
.master-editor-toolbar[b-stn6yelqet] { display:flex; gap:.5rem; align-items:center; flex-wrap:wrap; margin-bottom:1.25rem; }
.master-editor button[b-stn6yelqet],.master-editor select[b-stn6yelqet],.master-editor input[b-stn6yelqet] { font:inherit; }
.master-editor-toolbar button[b-stn6yelqet],.master-editor-toolbar select[b-stn6yelqet],.master-confirm button[b-stn6yelqet],.master-editor-form button[b-stn6yelqet] { border:1px solid #b9c4bd; border-radius:4px; background:#f5f7f5; padding:.55rem .9rem; cursor:pointer; }
.master-editor-toolbar button.selected[b-stn6yelqet],.primary-button[b-stn6yelqet] { background:#176b45!important; color:white; border-color:#176b45!important; }
.master-editor button:hover:not(:disabled)[b-stn6yelqet] { filter:brightness(.92); box-shadow:0 1px 3px #0002; }
.master-editor button[b-stn6yelqet] { transition:filter .15s ease, box-shadow .15s ease, background-color .15s ease; }
.master-editor button:focus-visible[b-stn6yelqet] { outline:2px solid #176b45; outline-offset:2px; }
.master-editor-toolbar select[b-stn6yelqet] { min-width:230px; padding:.55rem; }
.master-editor-form[b-stn6yelqet] { border-top:2px solid #176b45; padding-top:1rem; }
.master-field[b-stn6yelqet] { display:grid; grid-template-columns:8rem minmax(0,300px); gap:.75rem; align-items:center; margin-bottom:1rem; }
.master-field input[b-stn6yelqet] { width:100%; box-sizing:border-box; padding:.55rem; border:1px solid #aebbb2; border-radius:3px; }
.master-field .validation-message[b-stn6yelqet] { grid-column:2; color:#842029; }.master-editor-form>.primary-button[b-stn6yelqet] { margin-left:8.75rem; }.delete-button[b-stn6yelqet] { color:#8b1e1e!important; }.master-confirm[b-stn6yelqet] { display:flex; gap:.5rem; align-items:center; padding:.7rem; margin-bottom:1rem; background:#fff3cd; border:1px solid #ffecb5; border-radius:4px; }.master-editor-error[b-stn6yelqet],.master-editor-success[b-stn6yelqet] { padding:.7rem 1rem; border-radius:4px; }.master-editor-error[b-stn6yelqet] { color:#842029; background:#f8d7da; }.master-editor-success[b-stn6yelqet] { color:#0f5132; background:#d1e7dd; }
@media(max-width:560px){.master-field[b-stn6yelqet]{grid-template-columns:1fr;gap:.25rem}.master-field .validation-message[b-stn6yelqet]{grid-column:1}.master-editor-form>.primary-button[b-stn6yelqet]{margin-left:0}.master-editor-toolbar select[b-stn6yelqet]{min-width:0;flex:1}}
/* /Components/Pages/Adminbereich/Userverwaltung.razor.rz.scp.css */
.admin-page[b-ru9lbthnp2] { width:100%; max-width:none; box-sizing:border-box; margin: 2rem auto; padding: 0 1rem; }
.admin-panel[b-ru9lbthnp2] { margin: 1.5rem 0; padding: 1.25rem; border: 1px solid #d8ded8; border-radius: .6rem; background: #fff; }
.admin-section-heading[b-ru9lbthnp2] { display: flex; justify-content: space-between; align-items: center; gap: 1rem; }
.maintenance-toggle[b-ru9lbthnp2] { display: flex; gap: .6rem; align-items: center; }
.admin-table-wrap[b-ru9lbthnp2] { overflow-x: auto; margin-top: 1rem; }
.admin-table[b-ru9lbthnp2] { width: 100%; border-collapse: collapse; }
.admin-table th[b-ru9lbthnp2], .admin-table td[b-ru9lbthnp2] { padding: .7rem; text-align: left; border-bottom: 1px solid #ddd; }
.admin-inline-form[b-ru9lbthnp2] { max-width: 30rem; padding: 1.25rem; border: 1px solid #d8ded8; border-radius: .6rem; background: #f7faf7; }
.admin-inline-form label[b-ru9lbthnp2] { display: grid; gap: .3rem; margin: .8rem 0; }
.admin-inline-form input[b-ru9lbthnp2], .admin-inline-form select[b-ru9lbthnp2] { padding: .55rem; border: 1px solid #aaa; border-radius: .3rem; }
.admin-inline-form label.maintenance-toggle[b-ru9lbthnp2] { display: flex; align-items: center; justify-content: flex-start; gap: .45rem; margin: .55rem 0; }
.admin-inline-form label.maintenance-toggle input[b-ru9lbthnp2] { width: auto; margin: 0; }
.admin-message[b-ru9lbthnp2] { color: #356b3d; }
.admin-primary-button[b-ru9lbthnp2], .admin-danger-button[b-ru9lbthnp2] { padding: .65rem 1rem; border: 0; border-radius: .3rem; color: #fff; cursor: pointer; transition: filter .15s ease, box-shadow .15s ease; }
.admin-primary-button[b-ru9lbthnp2] { background: var(--nk-green, #356b3d); }
.admin-danger-button[b-ru9lbthnp2] { background: #b4232f; }
.admin-primary-button:hover:not(:disabled)[b-ru9lbthnp2], .admin-danger-button:hover:not(:disabled)[b-ru9lbthnp2] { filter: brightness(.92); box-shadow: 0 1px 3px #0002; }
.admin-icon-button[b-ru9lbthnp2] { border: 0; background: transparent; color: var(--nk-green, #356b3d); cursor: pointer; font-size: 1.1rem; }
.admin-icon-button:hover:not(:disabled)[b-ru9lbthnp2] { color: #1f4727; transform: scale(1.08); }
.admin-primary-button:focus-visible[b-ru9lbthnp2], .admin-danger-button:focus-visible[b-ru9lbthnp2], .admin-icon-button:focus-visible[b-ru9lbthnp2] { outline:2px solid #176b45; outline-offset:2px; }
.admin-password-field[b-ru9lbthnp2] { display: flex; gap: .35rem; align-items: center; }
.admin-password-field input[b-ru9lbthnp2] { flex: 1; }
.admin-form-error[b-ru9lbthnp2] { margin: .8rem 0; padding: .7rem .85rem; border: 1px solid #d33; border-radius: .3rem; background: #fff1f1; color: #a51d2d; font-weight: 600; }
/* /Components/Pages/Aktuelles.razor.rz.scp.css */
/* Der Seitenaufbau steckt in app.css (.foto-seite). Anders als "Die Idee" und
   "weitere Infos" hat diese Seite keine Bilder am Rand: Die Box wird deshalb begrenzt
   und zentriert, damit die Textzeilen auf großen Monitoren nicht zu lang werden. */

.news-karussell[b-z0b76fpbpv] {
    flex: 0 1 auto;
    width: min(78rem, 100%);
}
/* /Components/Pages/Bewirtschaftungsdaten.razor.rz.scp.css */
.management-page[b-m8k8m3y15t]{width:100%;min-width:0;max-width:100%;box-sizing:border-box;color:#263238;overflow-x:clip}.management-cards[b-m8k8m3y15t]{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr) minmax(0,1fr);gap:1rem;margin:0 1rem 1rem}.management-card[b-m8k8m3y15t],.management-panel[b-m8k8m3y15t]{border:1px solid #dce7d8;border-radius:8px;background:#f5fbef;box-shadow:0 2px 6px #0000000b;padding:1rem 1.25rem;box-sizing:border-box}.management-card[b-m8k8m3y15t]{min-height:150px;display:flex;flex-direction:column;gap:.35rem}.management-card h2[b-m8k8m3y15t],.management-panel h2[b-m8k8m3y15t]{margin:0 0 .65rem;color:#397b28;font-size:1.1rem}.management-alert[b-m8k8m3y15t]{color:darkred}.balance-grid[b-m8k8m3y15t]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem;text-align:center}.balance-grid>div[b-m8k8m3y15t]{display:flex;flex-direction:column;gap:.25rem}.balance-grid span[b-m8k8m3y15t],.balance-grid small[b-m8k8m3y15t]{color:#637067}.balance-grid b[b-m8k8m3y15t]{font-size:.8rem}.balance-total[b-m8k8m3y15t]{color:#007a3f}.balance-organic[b-m8k8m3y15t]{color:#7a4900}.balance-mineral[b-m8k8m3y15t]{color:#00b0f0}.yield-value[b-m8k8m3y15t]{font-size:1.55rem!important;color:#365eb8;margin-top:.8rem}.management-panel[b-m8k8m3y15t]{width:auto;min-width:0;max-width:none;margin:0 1rem 1rem;background:#fff}.management-panel-header[b-m8k8m3y15t]{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.diagram-switch[b-m8k8m3y15t]{display:flex;gap:.35rem}.diagram-switch button[b-m8k8m3y15t]{border:1px solid #6eb348;border-radius:999px;padding:.45rem .8rem;background:#fff;color:#397b28;cursor:pointer;font:inherit}.diagram-switch button.selected[b-m8k8m3y15t],.diagram-switch button:hover[b-m8k8m3y15t]{background:#6eb348;color:#fff}.season-title[b-m8k8m3y15t]{text-align:center;color:#425047;font-size:1.25rem}.chart-wrap[b-m8k8m3y15t]{position:relative;width:100%;height:clamp(420px,65vh,760px)}.chart-wrap canvas[b-m8k8m3y15t]{width:100%!important;height:100%!important}.not-implemented[b-m8k8m3y15t]{text-align:center;padding:4rem;color:#637067}
.nutrient-view[b-m8k8m3y15t]{width:auto!important;max-width:100%!important;min-width:0;box-sizing:border-box;overflow:visible}.nutrient-toolbar[b-m8k8m3y15t]{position:relative;display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;margin-bottom:1rem;overflow:visible}.nutrient-info[b-m8k8m3y15t]{position:relative;display:inline-flex;align-items:center;justify-content:center;width:1.35rem;height:1.35rem;border:1px solid #346dbf;border-radius:50%;color:#346dbf;font-weight:700;cursor:help;outline:none}.nutrient-info-tooltip[b-m8k8m3y15t]{position:absolute;left:0;top:calc(100% + .5rem);z-index:1000;width:min(360px,calc(100vw - 2rem));padding:.75rem 1rem;border:1px solid #d8dee6;border-radius:6px;background:#fff;color:#263238;box-shadow:0 4px 14px #0003;line-height:1.4;white-space:normal;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-.25rem);transition:opacity .12s ease,transform .12s ease,visibility .12s ease}.nutrient-info-tooltip strong[b-m8k8m3y15t],.nutrient-info-tooltip span[b-m8k8m3y15t]{display:block}.nutrient-info-tooltip:hover[b-m8k8m3y15t],.nutrient-info-tooltip:focus[b-m8k8m3y15t]{opacity:1;visibility:visible;transform:translateY(0)}
.nutrient-table-scroll[b-m8k8m3y15t]{width:100%;max-width:100%;min-width:0;max-height:70vh;overflow-x:auto;overflow-y:auto;position:relative;box-sizing:border-box}.nutrient-table[b-m8k8m3y15t]{width:100%;min-width:1120px;border-collapse:separate;border-spacing:0}.nutrient-table th[b-m8k8m3y15t],.nutrient-table td[b-m8k8m3y15t]{padding:.65rem;border:1px solid #dce7d8;white-space:nowrap}.nutrient-table thead th[b-m8k8m3y15t]{position:sticky;top:0;z-index:20;background:#f5fbef}.nutrient-table th:first-child[b-m8k8m3y15t],.nutrient-table td:first-child[b-m8k8m3y15t]{position:sticky;left:0;z-index:10;background:#fff;box-shadow:2px 0 3px #00000014;background-clip:padding-box}.nutrient-table thead th:first-child[b-m8k8m3y15t]{z-index:30;background:#f5fbef}
.nutrient-view>div[style*="max-height"][b-m8k8m3y15t]{width:100%;max-width:100%;min-width:0;box-sizing:border-box;overflow-x:auto;overflow-y:auto;position:relative}.nutrient-view span[title][b-m8k8m3y15t]{position:relative}.nutrient-view span[title][b-m8k8m3y15t]::after{content:attr(title);position:absolute;left:0;top:calc(100% + .5rem);z-index:1000;width:min(360px,calc(100vw - 2rem));padding:.75rem 1rem;border:1px solid #d8dee6;border-radius:6px;background:#fff;color:#263238;box-shadow:0 4px 14px #0003;font-size:.9rem;font-weight:400;line-height:1.4;white-space:normal;text-align:left;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-.25rem);transition:opacity .12s ease,transform .12s ease,visibility .12s ease}.nutrient-view span[title]:hover[b-m8k8m3y15t]::after,.nutrient-view span[title]:focus[b-m8k8m3y15t]::after,.nutrient-view span[title]:active[b-m8k8m3y15t]::after{opacity:1;visibility:visible;transform:translateY(0)}.nutrient-view td:nth-child(5)>div[b-m8k8m3y15t]{display:none}.nutrient-view td:nth-child(5)>div:has(>div[style*="border-left"])[b-m8k8m3y15t]{display:block}
.recommendation-section[b-m8k8m3y15t]{margin-top:1.25rem;border-top:1px solid #dce7d8;padding-top:1rem}.recommendation-section h3[b-m8k8m3y15t]{margin:0 0 .75rem;color:#397b28;font-size:1.1rem}.recommendation-box[b-m8k8m3y15t]{min-height:5rem;padding:1rem 1.25rem;border:1px solid #dce7d8;border-radius:8px;background:#f5fbef;line-height:1.55}.recommendation-box strong[b-m8k8m3y15t]{display:block;margin-bottom:.5rem}.recommendation-editor[b-m8k8m3y15t]{display:flex;flex-direction:column;gap:.5rem;margin-top:1rem;padding:1rem;border:1px solid #dce7d8;border-radius:8px;background:#f5fbef}.recommendation-editor label[b-m8k8m3y15t]{font-weight:600;color:#397b28}.recommendation-editor input[b-m8k8m3y15t],.recommendation-editor textarea[b-m8k8m3y15t]{width:100%;border:1px solid #c8d7c2;border-radius:4px;padding:.55rem;font:inherit}.recommendation-editor textarea[b-m8k8m3y15t]{min-height:10rem;resize:vertical}.recommendation-editor button[b-m8k8m3y15t]{align-self:flex-start;border:1px solid #6eb348;border-radius:999px;padding:.45rem .9rem;background:#6eb348;color:#fff;cursor:pointer;font:inherit}@media(max-width:800px){.management-cards[b-m8k8m3y15t]{grid-template-columns:1fr;margin:0 .5rem 1rem}.management-panel[b-m8k8m3y15t]{margin:0 .5rem 1rem;padding:.85rem}.management-panel-header[b-m8k8m3y15t]{align-items:stretch}.management-panel-header h2[b-m8k8m3y15t]{width:100%}.diagram-switch[b-m8k8m3y15t]{width:100%}.diagram-switch button[b-m8k8m3y15t]{flex:1}.balance-grid[b-m8k8m3y15t]{gap:.35rem;font-size:.9rem}.chart-wrap[b-m8k8m3y15t]{height:55vh;min-height:380px}}@media(max-width:600px){.management-page[b-m8k8m3y15t]{overflow-x:clip}.nutrient-table-scroll[b-m8k8m3y15t]{height:calc(100dvh - 230px);max-height:none}.nutrient-table[b-m8k8m3y15t]{width:1120px;min-width:1120px}}
/* /Components/Pages/Details.razor.rz.scp.css */
.details-container[b-ak9kfy1jcm] {
    padding: 20px;
    width: 100%;
    max-width: none;
    margin: 0;
    box-sizing: border-box;
}

.top-buttons[b-ak9kfy1jcm] {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    margin-bottom: 25px;
}

.btn-info-nk[b-ak9kfy1jcm], .btn-map-nk[b-ak9kfy1jcm] {
    background-color: white;
    border: 1px solid #ddd;
    padding: 8px 16px;
    border-radius: 4px;
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 0.95rem;
    cursor: pointer;
    transition: background-color 0.2s;
}

.btn-info-nk:hover[b-ak9kfy1jcm], .btn-map-nk:hover[b-ak9kfy1jcm] {
    background-color: #f8f9fa;
}

.tiles-grid[b-ak9kfy1jcm] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    margin-bottom: 40px;
}

.tile[b-ak9kfy1jcm] {
    background: white;
    border: 1px solid #eee;
    padding: 15px;
    border-radius: 4px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.05);
    min-height: 140px;
    display: flex;
    flex-direction: column;
}

.tile h5[b-ak9kfy1jcm] {
    margin-top: 0;
    margin-bottom: 10px;
    font-size: 1.1rem;
    font-weight: 600;
    color: #333;
}

.tile-content[b-ak9kfy1jcm] {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.main-value[b-ak9kfy1jcm] {
    font-size: 1.3rem;
    font-weight: bold;
    margin-bottom: 5px;
}

.Kultur .main-value[b-ak9kfy1jcm] { color: #f39c12; }
.Wetter .main-value[b-ak9kfy1jcm] { color: #004AAD; }
.Boden .main-value[b-ak9kfy1jcm] { color: #8b4513; }
.Naehrstoffe .main-value[b-ak9kfy1jcm] { color: #27ae60; }

.sub-value[b-ak9kfy1jcm] {
    font-size: 0.85rem;
    color: #666;
}

.wetter-main[b-ak9kfy1jcm] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.wetter-main svg[b-ak9kfy1jcm],
.wetter-icon[b-ak9kfy1jcm] {
    flex-shrink: 0;
}

.wetter-icon[b-ak9kfy1jcm] {
    width: 32px;
    height: 32px;
}

/* Unterstrichene Begriffe mit Kurz-Erklärung im title-Attribut, wie in der Altversion.
   Die Farbe bleibt geerbt, damit die Kachelfarben der Werte erhalten bleiben. */
.link-like[b-ak9kfy1jcm] {
    color: inherit;
    text-decoration: underline dotted;
    text-underline-offset: 2px;
}

.tooltip-target[b-ak9kfy1jcm] {
    cursor: help;
}

.tooltip-target:focus-visible[b-ak9kfy1jcm] {
    outline: 2px solid var(--nk-blue);
    outline-offset: 2px;
}

.cards-grid[b-ak9kfy1jcm] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
}

.detail-card[b-ak9kfy1jcm] {
    text-decoration: none;
    color: inherit;
    display: flex;
    flex-direction: column;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
    transition: all 0.3s ease;
    background: white;
}

.detail-card:hover[b-ak9kfy1jcm] {
    transform: translateY(-8px);
    box-shadow: 0 12px 24px rgba(0,0,0,0.15);
    z-index: 5;
}

.card-image[b-ak9kfy1jcm] {
    height: 250px;
    background-size: cover;
    background-position: center;
    position: relative;
    display: flex;
    align-items: flex-end;
}

.card-banner[b-ak9kfy1jcm] {
    width: 100%;
    padding: 15px;
    color: white;
    display: flex;
    flex-direction: column;
}

.card-banner.blue[b-ak9kfy1jcm] { background-color: rgba(0, 74, 173, 0.85); }
.card-banner.green[b-ak9kfy1jcm] { background-color: rgba(110, 179, 72, 0.85); }

.card-banner h6[b-ak9kfy1jcm] {
    margin: 0;
    font-size: 1.2rem;
    font-weight: bold;
}

.card-banner span[b-ak9kfy1jcm] {
    font-size: 0.9rem;
}

.card-footer[b-ak9kfy1jcm] {
    padding: 12px;
    text-align: center;
    font-size: 0.9rem;
    font-weight: 500;
    color: #333;
    border-top: 1px solid #eee;
}

/* Modals */
.modal-backdrop[b-ak9kfy1jcm] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000;
}

.modal-content[b-ak9kfy1jcm] {
    background: white;
    padding: 30px;
    border-radius: 8px;
    max-width: 600px;
    width: 90%;
    max-height: 90vh;
    overflow-y: auto;
    position: relative;
    box-shadow: 0 10px 30px rgba(0,0,0,0.3);
}

.close-btn[b-ak9kfy1jcm] {
    position: absolute;
    top: 10px;
    right: 10px;
    background: none;
    border: none;
    font-size: 24px;
    cursor: pointer;
    line-height: 1;
    color: #666;
    padding: 5px 10px;
    transition: color 0.2s;
}

.close-btn:hover[b-ak9kfy1jcm] {
    color: #000;
}

.info-list[b-ak9kfy1jcm] {
    list-style-type: disc;
    padding-left: 20px;
    margin: 0;
}

.info-list li[b-ak9kfy1jcm] {
    margin-bottom: 12px;
    line-height: 1.5;
    color: #333;
}

.info-list li:last-child[b-ak9kfy1jcm] {
    margin-bottom: 0;
}

.info-list li strong[b-ak9kfy1jcm] {
    font-weight: 600;
}

.map-container[b-ak9kfy1jcm] {
    height: 450px;
    width: 100%;
    border-radius: 4px;
    border: 1px solid #ddd;
}

.map-modal[b-ak9kfy1jcm] {
    max-width: 900px;
}

.modal-content h3[b-ak9kfy1jcm] {
    margin-top: 0;
    color: var(--nk-green);
    margin-bottom: 20px;
}

.standorte-hinweis[b-ak9kfy1jcm] {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    margin-top: 15px;
    font-size: 0.85rem;
    color: #666;
}

.hinweis-symbol[b-ak9kfy1jcm] {
    width: 16px;
    height: 16px;
    flex-shrink: 0;
    fill: currentColor;
    margin-top: 2px;
}

/* Responsiveness */
@media (max-width: 1200px) {
    .tiles-grid[b-ak9kfy1jcm] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 900px) {
    .cards-grid[b-ak9kfy1jcm] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 600px) {
    .tiles-grid[b-ak9kfy1jcm] {
        grid-template-columns: 1fr;
    }
    
    .top-buttons[b-ak9kfy1jcm] {
        flex-direction: column;
    }
    
    .btn-info-nk[b-ak9kfy1jcm], .btn-map-nk[b-ak9kfy1jcm] {
        width: 100%;
    }

    .modal-content[b-ak9kfy1jcm] {
        padding: 20px;
        width: 95%;
    }

    .map-container[b-ak9kfy1jcm] {
        height: 300px;
    }
}

@media (max-height: 500px) {
    .map-container[b-ak9kfy1jcm] {
        height: 200px;
    }
    .modal-content[b-ak9kfy1jcm] {
        padding: 15px;
    }
    .modal-content h3[b-ak9kfy1jcm] {
        margin-bottom: 10px;
    }
}
/* /Components/Pages/Home.razor.rz.scp.css */
/* ---------- Titelbild ---------- */

/* Das Bild füllt die Höhe zwischen Kopfzeile und grünem Textblock aus,
   damit die Startseite - wie in der Vorlage - ohne Scrollen sichtbar ist. */
.hero[b-m1qlu6uvgo] {
    flex: 1 1 auto;
    min-height: 16rem;
    display: flex;
    align-items: flex-start;
    padding: 1.4rem 0.6rem 0;
    background-image: url('/images/Foto_Startseite.JPG');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.hero-title[b-m1qlu6uvgo] {
    margin: 0;
    color: #fff;
    font-size: clamp(1.35rem, 2.4vw, 2.3rem);
    font-weight: 700;
    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.5);
}

/* ---------- Grüner Textblock ---------- */

.claim[b-m1qlu6uvgo] {
    flex: 0 0 auto;
    padding: 1.25rem 1.25rem 0.5rem;
    background-color: var(--nk-green);
    color: #fff;
    text-align: center;
}

.claim p[b-m1qlu6uvgo] {
    margin: 0 0 0.8rem;
    font-size: clamp(0.95rem, 1.1vw, 1.15rem);
}

.claim-button[b-m1qlu6uvgo] {
    display: inline-block;
    padding: 0.2rem 0.85rem;
    background-color: #e4e4e4;
    color: #333;
    font-size: 0.9rem;
    text-decoration: none;
    border: 1px solid rgba(0, 0, 0, 0.12);
    border-radius: 6px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}

.claim-button:hover[b-m1qlu6uvgo],
.claim-button:focus[b-m1qlu6uvgo] {
    background-color: #fff;
    color: #000;
}

.maintenance-banner[b-m1qlu6uvgo] {
    width: 100%;
    height: clamp(18rem, 55vh, 34rem);
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    box-sizing: border-box;
}

.maintenance-banner img[b-m1qlu6uvgo] {
    display: block;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    object-position: center;
}

/* ---------- Handy ---------- */

@media (max-width: 820px), (max-height: 500px) and (orientation: landscape) {
    .hero[b-m1qlu6uvgo] {
        min-height: 11rem;
        padding: 1rem 0.75rem 0;
    }

    .claim[b-m1qlu6uvgo] {
        padding: 1.25rem 1rem 0.75rem;
    }

    .maintenance-banner[b-m1qlu6uvgo] {
        height: clamp(14rem, 48vh, 24rem);
    }
}
/* /Components/Pages/Impressum.razor.rz.scp.css */
a[b-uyzi4k4exa], .btn-link[b-uyzi4k4exa] {
    color: var(--nk-green) !important;
}

a:visited[b-uyzi4k4exa], .btn-link:visited[b-uyzi4k4exa] {
    color: var(--nk-green) !important;
}

@media (min-width: 641px) {
    .h2_Impressum[b-uyzi4k4exa] {
        color: var(--nk-green);
        margin-left: 20px;
    }

    .Text[b-uyzi4k4exa] {
        margin-left: 20px;
    }

    .container_Adresse[b-uyzi4k4exa] {
        display: flex;
        align-items: flex-start;
        flex-wrap: wrap;
        flex-direction: column;
        margin-left: 20px;
        margin-top: 30px;
        width: 100%;
        max-width: 500px;
    }

    .container_Text[b-uyzi4k4exa] {
        display: flex;
        align-items: flex-start;
        flex-wrap: wrap;
        flex-direction: column;
        margin-left: 20px;
        margin-top: 30px;
        width: 100%;
        max-width: 900px;
    }

    .FooterOneContainer[b-uyzi4k4exa] {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
        background-color: #f3f3f3;
        padding: 10px;
        margin-left: 20px;
        width: calc(100% - 40px);
        max-width: 1400px;
    }

    .FooterTwoContainer[b-uyzi4k4exa] {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 10px;
        background-color: #f3f3f3;
        padding: 10px;
        margin-left: 20px;
        width: calc(100% - 40px);
        max-width: 1400px;
    }
}

@media (max-width: 640px) {
    .h2_Impressum[b-uyzi4k4exa] {
        color: var(--nk-green);
        margin-left: 10px;
    }

    .Text[b-uyzi4k4exa] {
        margin-left: 10px;
    }

    .container_Adresse[b-uyzi4k4exa] {
        display: flex;
        align-items: flex-start;
        flex-wrap: wrap;
        flex-direction: column;
        margin-left: 10px;
        margin-top: 30px;
        width: calc(100% - 20px);
    }

    .container_Text[b-uyzi4k4exa] {
        display: flex;
        align-items: flex-start;
        flex-wrap: wrap;
        flex-direction: column;
        margin-left: 10px;
        margin-top: 30px;
        width: calc(100% - 20px);
    }

    .FooterOneContainer[b-uyzi4k4exa] {
        display: grid;
        grid-template-columns: 1fr;
        gap: 10px;
        background-color: #f3f3f3;
        padding: 10px;
        margin-left: 10px;
        width: calc(100% - 20px);
    }

    .FooterTwoContainer[b-uyzi4k4exa] {
        display: grid;
        grid-template-columns: 1fr;
        gap: 10px;
        background-color: #f3f3f3;
        padding: 10px;
        margin-left: 10px;
        width: calc(100% - 20px);
    }
}

/* Bestehende Styles für Email-Button beibehalten */
.btn-email[b-uyzi4k4exa], .btn-email:hover[b-uyzi4k4exa], .btn-email:visited[b-uyzi4k4exa], .btn-email:active[b-uyzi4k4exa] {
    background-color: var(--nk-green) !important;
    color: white !important;
    border: none;
    padding: 5px 10px;
    border-radius: 4px;
    text-decoration: none !important;
    display: inline-flex;
    align-items: center;
    gap: 5px;
}

.btn-email:hover[b-uyzi4k4exa] {
    background-color: var(--nk-green-dark) !important;
}

/* Überschriften-Design anpassen */
.container_Adresse h3[b-uyzi4k4exa], .container_Text h3[b-uyzi4k4exa] {
    border-bottom: 1px solid var(--nk-green);
    padding-bottom: 5px;
    margin-bottom: 15px;
    color: var(--nk-blue);
    width: 100%;
}
/* /Components/Pages/PdfViewer.razor.rz.scp.css */
.pdf-page[b-33bnbi42zi] {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    min-height: 0;
    overflow: hidden;
    background: #eef2ee;
}

.pdf-toolbar[b-33bnbi42zi] {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    gap: .5rem;
    min-height: 3.25rem;
    padding: .45rem .75rem;
    color: #26382b;
    background: #f5faf3;
    border-bottom: 1px solid #cbd9c8;
    box-shadow: 0 1px 4px #00000018;
}

.pdf-toolbar button[b-33bnbi42zi],
.pdf-toolbar a[b-33bnbi42zi] {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    padding: .42rem .7rem;
    border: 1px solid #6eb348;
    border-radius: 5px;
    background: #fff;
    color: #397b28;
    font: inherit;
    text-decoration: none;
    cursor: pointer;
    transition: background-color .15s ease, border-color .15s ease, box-shadow .15s ease, transform .05s ease;
}

.pdf-toolbar button:hover[b-33bnbi42zi],
.pdf-toolbar a:hover[b-33bnbi42zi] { background: #edf7e9; border-color: #397b28; box-shadow: 0 2px 5px #00000026; }
.pdf-toolbar button:active[b-33bnbi42zi],
.pdf-toolbar a:active[b-33bnbi42zi] { transform: translateY(1px); }
.pdf-toolbar button:focus-visible[b-33bnbi42zi],
.pdf-toolbar a:focus-visible[b-33bnbi42zi] { outline: 2px solid #397b28; outline-offset: 2px; }
.pdf-toolbar-button svg[b-33bnbi42zi] { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; flex: 0 0 auto; }
.pdf-document[b-33bnbi42zi] { display: block; flex: 1 1 auto; width: 100%; min-height: 0; border: 0; background: #888; }

@media (max-width: 600px) {
    .pdf-toolbar[b-33bnbi42zi] { gap: .3rem; padding: .35rem .4rem; overflow-x: auto; white-space: nowrap; }
    .pdf-toolbar button[b-33bnbi42zi], .pdf-toolbar a[b-33bnbi42zi] { padding: .38rem .5rem; font-size: .9rem; }
    .pdf-toolbar-button svg[b-33bnbi42zi] { width: 17px; height: 17px; }
}

@media print {
    .pdf-toolbar[b-33bnbi42zi] { display: none; }
    .pdf-document[b-33bnbi42zi] { height: 100vh; }
}
/* /Components/Pages/Standorte.razor.rz.scp.css */
/* ---------- Aufbau ----------

   Handy zuerst: Textbox, Filterbox und Karte liegen untereinander und die Seite wird
   im Inhaltsbereich (.site-main) gescrollt. Die Karte bekommt links und rechts einen
   freien Streifen - ohne ihn ließe sich am Finger nicht mehr an ihr vorbeiscrollen,
   weil Leaflet die Wischgeste zum Verschieben der Karte nutzt.

   Ab Tablet im Querformat (weiter unten) wird zweispaltig umgeschaltet. */

.standorte[b-b6xevqzjw4] {
    flex: 0 0 auto;
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    padding: 1rem 0 1.5rem;
}

.standorte-links[b-b6xevqzjw4] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    padding: 0 1.25rem;
}

/* ---------- Text oben links ---------- */

.standorte-text[b-b6xevqzjw4] {
    max-width: 44rem;
    margin: 0 auto;
    text-align: center;
}

.standorte-text p[b-b6xevqzjw4] {
    margin: 0 0 1rem;
    font-size: 1.1rem;
    line-height: 1.45;
}

.standorte-text p:last-child[b-b6xevqzjw4] {
    margin-bottom: 0;
}

/* ---------- Filterbox ----------

   Beschriftung mit i-Symbol und Auswahl sind direkte Kinder eines Rasters, damit alle
   Zeilen auf derselben Kante stehen. Auf dem schmalen Handy steht die Auswahl unter
   ihrer Beschriftung, sonst bliebe für die Beschriftung zu wenig Platz und Wörter wie
   "Organische Düngung" würden umbrechen.

   Absichtlich ohne overflow, sonst würden die Erklärtexte der i-Symbole abgeschnitten. */

.standorte-filter[b-b6xevqzjw4] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    align-items: center;
    row-gap: 0.2rem;
    justify-items: stretch;
}

.filter-label[b-b6xevqzjw4] {
    font-weight: 700;
    line-height: 1.3;
}

.filter-label-jahr[b-b6xevqzjw4] {
    font-size: 1.15rem;
    font-weight: 400;
}

/* Anzahl der gefundenen Einzelschläge - wie in der alten Version rot hervorgehoben. */
.filter-anzahl[b-b6xevqzjw4] {
    color: #c00;
}

.filter-eingabe[b-b6xevqzjw4] {
    /* Abstand zur Beschriftung der nächsten Zeile */
    margin-bottom: 0.7rem;
    width: 100%;
    padding: 0.35rem 0.5rem;
    background-color: #fff;
    border: 1px solid #b8b8b8;
    border-radius: 4px;
    color: #333;
    font-family: inherit;
    font-size: 0.95rem;
}

/* Etwas mehr Luft zwischen der Jahresauswahl und den Filtern darunter */
.filter-eingabe-jahr[b-b6xevqzjw4] {
    max-width: 9.5rem;
    margin-bottom: 1.1rem;
}

.filter-eingabe:focus-visible[b-b6xevqzjw4] {
    outline: 2px solid var(--nk-green);
    outline-offset: 1px;
}

.filter-eingabe optgroup[b-b6xevqzjw4] {
    font-weight: 700;
    color: #333;
    font-style: normal;
}

.filter-eingabe option[b-b6xevqzjw4] {
    font-weight: 400;
}

/* Ab Tablet ist Platz für zwei Spalten: links die Beschriftung, rechts die Auswahl. */
@media (min-width: 600px) {

    .standorte-filter[b-b6xevqzjw4] {
        grid-template-columns: auto minmax(8rem, 15rem);
        column-gap: 1rem;
        row-gap: 0.6rem;
        justify-content: center;
        justify-items: stretch;
    }

    .filter-eingabe[b-b6xevqzjw4] {
        margin-bottom: 0;
    }

    .filter-label-jahr[b-b6xevqzjw4],
    .filter-eingabe-jahr[b-b6xevqzjw4] {
        margin-bottom: 0.5rem;
    }
}

/* ---------- Karte ----------

   Hochkant quadratisch, im Querformat rechteckig. */

.standorte-kartenbereich[b-b6xevqzjw4] {
    padding: 0 2.5rem;
    position: relative;
}

.standorte-karte[b-b6xevqzjw4] {
    width: 100%;
    aspect-ratio: 1 / 1;
    border-radius: 4px;
}

.standorte-karte-loader[b-b6xevqzjw4] {
    position: absolute;
    inset: 0;
    z-index: 10;
    width: auto;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: #f8f9fa;
    border: 1px solid #dee2e6;
    border-radius: 4px;
    color: #6c757d;
}

.spinner[b-b6xevqzjw4] {
    width: 3rem;
    height: 3rem;
    border: 0.35rem solid #e9ecef;
    border-top: 0.35rem solid var(--nk-green, #28a745);
    border-radius: 50%;
    animation: spin-b-b6xevqzjw4 1s linear infinite;
    margin-bottom: 1rem;
}

@keyframes spin-b-b6xevqzjw4 {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

@media (orientation: landscape) {
    .standorte-karte[b-b6xevqzjw4] {
        aspect-ratio: 16 / 9;
    }
}

/* ---------- Hinweis unter der Karte ----------

   Eine mittig stehende Zeile mit dem blauen i-Symbol davor. Etwas kleiner gesetzt als
   der Text oben links, damit er die Karte erklärt, ohne ihr die Aufmerksamkeit zu nehmen. */

.standorte-hinweis[b-b6xevqzjw4] {
    margin: 0.6rem 0 0;
    font-size: 0.9rem;
    line-height: 1.4;
    text-align: center;
}

.hinweis-symbol[b-b6xevqzjw4] {
    width: 1.05rem;
    height: 1.05rem;
    /* hebt das Symbol auf die Grundlinie der Zeile */
    vertical-align: -0.2em;
    fill: var(--nk-blue);
}

/* ---------- Monitor und Tablet im Querformat ----------

   Zwei Spalten zu je genau der Hälfte: links oben der Text, links unten die Filterbox,
   rechts die Karte über die gesamte freie Höhe zwischen dem grünen Trennstreifen und
   der Fußzeile.

   Die Bedingungen zusammen treffen Monitore und Tablets im Querformat, aber kein Handy:
   Ein Handy im Querformat ist entweder schmaler als 900px oder flacher als 520px. */

@media (min-width: 900px) and (min-height: 520px) and (orientation: landscape) {

    .standorte[b-b6xevqzjw4] {
        flex: 1 1 auto;
        min-height: 0;
        display: grid;
        grid-template-columns: 40% 60%;
        gap: 0;
        padding: 0;
    }

    /* Text oben, Filterbox unten bündig mit der Fußzeile */
    .standorte-links[b-b6xevqzjw4] {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        gap: 1.5rem;
        min-height: 0;
        padding: 1.25rem 2rem 0.75rem;
    }

    /* Filterbox am Monitor: Labels direkt links vor der Box mit 10px Abstand */
    .standorte-filter[b-b6xevqzjw4] {
        grid-template-columns: auto 15.5rem;
        column-gap: 10px;
        justify-content: center;
        justify-items: stretch;
    }

    .filter-eingabe[b-b6xevqzjw4] {
        width: 100%;
    }

    /* Nur der Text weicht aus, wenn die Höhe wirklich knapp wird - die Filterbox
       bleibt vollständig sichtbar und schneidet ihre Erklärtexte nicht ab. */
    .standorte-text[b-b6xevqzjw4] {
        min-height: 0;
        overflow-y: auto;
    }

    /* Die Karte nimmt die freie Höhe, der Hinweis steht bündig mit der Fußzeile darunter. */
    .standorte-kartenbereich[b-b6xevqzjw4] {
        display: flex;
        flex-direction: column;
        min-height: 0;
        padding: 0;
    }

    .standorte-karte[b-b6xevqzjw4],
    .standorte-karte-loader[b-b6xevqzjw4] {
        flex: 1 1 auto;
        min-height: 0;
        height: auto;
        aspect-ratio: auto;
        border-radius: 0;
    }

    .standorte-hinweis[b-b6xevqzjw4] {
        flex: 0 0 auto;
        margin: 0;
        padding: 0.6rem 1.5rem 0.75rem;
    }
}

/* ---------- HD Monitore ---------- */

@media (min-width: 1200px) and (orientation: landscape) {
    .standorte-text p[b-b6xevqzjw4] {
        font-size: 1.3rem;
    }
}

/* ---------- Ultra Wide Bildschirme ---------- */

@media (min-width: 2500px) {
    .standorte[b-b6xevqzjw4] {
        grid-template-columns: 30% 70%;
    }

    .standorte-text p[b-b6xevqzjw4] {
        font-size: 1.5rem;
    }

    .standorte-links[b-b6xevqzjw4] {
        padding-right: 3rem;
    }
}
/* /Components/Pages/Wetterdaten.razor.rz.scp.css */
.weather-page[b-9xr3pxo9z0]{width:100%;margin:0 0 2rem;color:#263238}.weather-page-header[b-9xr3pxo9z0]{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;padding:.55rem 1rem;background:#f0f1f0;border:1px solid #dfe3df;color:#425047}.weather-page-header strong[b-9xr3pxo9z0]{margin-right:auto;color:#365eb8;font-size:1.08rem}.weather-toolbar[b-9xr3pxo9z0]{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;padding:.85rem 1rem}.weather-actions[b-9xr3pxo9z0],.chart-kind[b-9xr3pxo9z0],.quick-periods[b-9xr3pxo9z0],.period-navigation[b-9xr3pxo9z0]{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.weather-button[b-9xr3pxo9z0],.chart-kind button[b-9xr3pxo9z0],.quick-periods button[b-9xr3pxo9z0],.period-navigation button[b-9xr3pxo9z0]{display:inline-flex;align-items:center;gap:.35rem;border:1px solid #6eb348;border-radius:999px;padding:.45rem .8rem;background:#fff;color:#397b28;cursor:pointer;font:inherit}.weather-button:hover[b-9xr3pxo9z0],.weather-button:focus-visible[b-9xr3pxo9z0],.chart-kind button.selected[b-9xr3pxo9z0],.quick-periods button.selected[b-9xr3pxo9z0]{background:#6eb348;color:#fff}.location-switch[b-9xr3pxo9z0]{display:flex;align-items:center;gap:.55rem;font-weight:600}.location-switch .active[b-9xr3pxo9z0]{color:#397b28}.location-switch .muted[b-9xr3pxo9z0]{color:#87928a}.switch[b-9xr3pxo9z0]{width:3.1rem;height:1.65rem;padding:3px;border:0;border-radius:999px;background:#aab5ad;cursor:pointer}.switch span[b-9xr3pxo9z0]{display:block;width:1.1rem;height:1.1rem;border-radius:50%;background:#fff;transition:transform .18s}.switch.on[b-9xr3pxo9z0]{background:#6eb348}.switch.on span[b-9xr3pxo9z0]{transform:translateX(1.45rem)}.weather-tiles[b-9xr3pxo9z0]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin:0 1rem 1rem}.weather-card[b-9xr3pxo9z0],.weather-panel[b-9xr3pxo9z0]{border:1px solid #dce7d8;border-radius:8px;background:#f5fbef;box-shadow:0 2px 6px #0000000b}.weather-card[b-9xr3pxo9z0]{min-height:190px;padding:1rem 1.25rem}.weather-card h2[b-9xr3pxo9z0],.weather-panel h2[b-9xr3pxo9z0]{margin:0 0 .8rem;color:#397b28;font-size:1.1rem}.weather-primary[b-9xr3pxo9z0]{color:#365eb8;font-size:2rem;font-weight:700}.current-value-row[b-9xr3pxo9z0]{display:flex;align-items:center;gap:1rem}.weather-icon[b-9xr3pxo9z0]{width:58px;height:58px;object-fit:contain}.weather-card p[b-9xr3pxo9z0]{margin:.25rem 0 .7rem}.weather-card dl[b-9xr3pxo9z0]{display:grid;grid-template-columns:1fr auto;gap:.35rem;margin:0}.weather-card dt[b-9xr3pxo9z0]{color:#637067}.weather-card dd[b-9xr3pxo9z0]{margin:0;font-weight:600}.weather-panel[b-9xr3pxo9z0]{margin:0 1rem 1rem;padding:1rem 1.25rem;background:#fff}.average-grid[b-9xr3pxo9z0]{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem}.average-grid div[b-9xr3pxo9z0]{display:flex;flex-direction:column;gap:.25rem;padding:.65rem;border-radius:6px;background:#f5fbef}.average-grid span[b-9xr3pxo9z0]{color:#637067}.average-grid strong[b-9xr3pxo9z0]{color:#365eb8}.chart-title[b-9xr3pxo9z0]{text-align:center!important;font-size:1.35rem!important;margin:0 0 1.15rem!important}.chart-panel>.chart-kind[b-9xr3pxo9z0]{justify-content:center;margin-bottom:1.2rem}.chart-controls-top[b-9xr3pxo9z0]{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:1rem}.date-period[b-9xr3pxo9z0]{display:flex;gap:.75rem;align-items:center;padding:.6rem .75rem;border:1px solid #dce7d8;border-radius:7px;background:#f5fbef}.chart-controls-top label[b-9xr3pxo9z0]{display:inline-flex;align-items:center;gap:.45rem;font-weight:600}.chart-controls-top input[b-9xr3pxo9z0],.chart-controls-top select[b-9xr3pxo9z0]{padding:.45rem;border:1px solid #bac8bb;border-radius:5px;background:#fff;font:inherit}.chart-controls-bottom[b-9xr3pxo9z0]{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:1rem}.period-navigation span[b-9xr3pxo9z0]{min-width:10rem;text-align:center;font-weight:600}.chart-wrap[b-9xr3pxo9z0]{position:relative;min-height:560px;height:clamp(560px,68vh,820px)}.weather-status[b-9xr3pxo9z0]{text-align:center;padding:1rem}.weather-error[b-9xr3pxo9z0]{margin:0 1rem .75rem;padding:.75rem;border-radius:6px;background:#fff1f1;color:#a32222}.weather-modal-backdrop[b-9xr3pxo9z0]{position:fixed;inset:0;z-index:11000;display:grid;place-items:center;padding:1rem;background:#0008}.weather-modal[b-9xr3pxo9z0]{position:relative;width:min(100%,520px);max-height:90vh;overflow:auto;padding:1.5rem;border-radius:10px;background:#fff;box-shadow:0 10px 40px #0005}.map-modal[b-9xr3pxo9z0]{width:min(100%,900px)}.modal-close[b-9xr3pxo9z0]{position:absolute;top:.5rem;right:.65rem;border:0;background:transparent;font-size:1.8rem;cursor:pointer}.location-search[b-9xr3pxo9z0]{display:flex;gap:.5rem}.location-search input[b-9xr3pxo9z0]{min-width:0;flex:1;padding:.5rem;border:1px solid #bac8bb;border-radius:5px;font:inherit}.location-result[b-9xr3pxo9z0]{white-space:pre-wrap;font:inherit}.weather-map[b-9xr3pxo9z0]{height:min(65vh,600px);border-radius:6px}.map-note[b-9xr3pxo9z0]{font-size:.85rem;color:#637067}
@media(max-width:700px){.weather-page-header[b-9xr3pxo9z0]{font-size:.9rem}.weather-page-header strong[b-9xr3pxo9z0]{flex-basis:100%}.weather-toolbar[b-9xr3pxo9z0]{align-items:stretch}.weather-actions[b-9xr3pxo9z0]{width:100%}.weather-actions .weather-button[b-9xr3pxo9z0]{flex:1;justify-content:center}.location-switch[b-9xr3pxo9z0]{justify-content:center;width:100%}.weather-tiles[b-9xr3pxo9z0]{grid-template-columns:1fr;margin:0 .5rem 1rem}.weather-panel[b-9xr3pxo9z0]{margin-left:.5rem;margin-right:.5rem}.average-grid[b-9xr3pxo9z0]{grid-template-columns:repeat(2,1fr)}.chart-wrap[b-9xr3pxo9z0]{min-height:380px;height:55vh}.chart-controls-top>*[b-9xr3pxo9z0]{width:100%}.date-period[b-9xr3pxo9z0]{justify-content:space-between}.date-period label[b-9xr3pxo9z0]{flex:1;flex-direction:column;align-items:stretch}.chart-kind[b-9xr3pxo9z0]{width:100%}.chart-kind button[b-9xr3pxo9z0]{flex:1}.chart-controls-bottom[b-9xr3pxo9z0]{justify-content:center}.period-navigation[b-9xr3pxo9z0]{width:100%;justify-content:center}}
.chart-hint[b-9xr3pxo9z0]{text-align:center;margin:-.55rem 0 1rem;color:#718078;font-size:.85rem;font-style:italic}.chart-title[b-9xr3pxo9z0]{ text-align:center!important }
.practice-panel[b-9xr3pxo9z0]{margin:0 1rem 1rem;padding:1rem 1.25rem;background:#f3faed}.practice-heading[b-9xr3pxo9z0]{display:flex;justify-content:space-between;align-items:center;gap:1rem;border-bottom:1px solid #dce7d8;padding-bottom:.75rem}.practice-heading h2[b-9xr3pxo9z0]{margin:0}.practice-legend[b-9xr3pxo9z0]{display:flex;gap:1rem;flex-wrap:wrap;font-size:.9rem}.status-dot[b-9xr3pxo9z0]{display:inline-block;width:.7rem;height:.7rem;border-radius:50%;margin-right:.25rem}.status-dot.good[b-9xr3pxo9z0]{background:#3c9b55}.status-dot.conditional[b-9xr3pxo9z0]{background:#e2ad35}.status-dot.bad[b-9xr3pxo9z0]{background:#aeb7b0}.practice-actions[b-9xr3pxo9z0]{display:flex;align-items:stretch;gap:1rem;flex-wrap:wrap;padding:1rem 0}.practice-action-group[b-9xr3pxo9z0]{display:flex;align-items:center;gap:.6rem;flex:1 1 25rem}.best-window[b-9xr3pxo9z0],.practice-pdf[b-9xr3pxo9z0],.legal-box[b-9xr3pxo9z0]{border:1px solid #b8cbb0;border-radius:6px;background:#fff;padding:.65rem .8rem}.best-window[b-9xr3pxo9z0]{flex:1;font-weight:600}.practice-pdf[b-9xr3pxo9z0]{color:#397b28;text-decoration:none;white-space:nowrap}.practice-pdf:hover[b-9xr3pxo9z0]{background:#6eb348;color:#fff}.legal-box[b-9xr3pxo9z0]{display:flex;flex-direction:column;gap:.45rem;min-width:12rem}.legal-box div[b-9xr3pxo9z0]{display:flex;gap:.5rem}.legal-box a[b-9xr3pxo9z0]{border:1px solid #6eb348;border-radius:4px;padding:.3rem .55rem;color:#397b28;text-decoration:none}.practice-bar-section[b-9xr3pxo9z0]{margin-top:.65rem}.practice-bar-title[b-9xr3pxo9z0]{display:flex;align-items:center;gap:1rem;margin-bottom:.35rem}.practice-bar-title strong[b-9xr3pxo9z0]{min-width:5rem}.practice-bar-title>span:last-child[b-9xr3pxo9z0]{margin-left:auto;color:#647168;font-size:.9rem}.practice-bar[b-9xr3pxo9z0]{display:flex;width:100%;height:25px;border:1px solid #aab9a5;border-radius:12px;overflow:hidden}.practice-segment[b-9xr3pxo9z0]{flex:1;min-width:2px}.practice-segment.good[b-9xr3pxo9z0]{background:#3c9b55}.practice-segment.conditional[b-9xr3pxo9z0]{background:#e2ad35}.practice-segment.bad[b-9xr3pxo9z0]{background:#b8c0ba}.fertilizer-toggle[b-9xr3pxo9z0]{display:flex;align-items:center;gap:.4rem;font-size:.85rem}.fertilizer-toggle .active[b-9xr3pxo9z0]{color:#397b28;font-weight:700}.fertilizer-toggle .muted[b-9xr3pxo9z0]{color:#87928a}.fertilizer-toggle .switch[b-9xr3pxo9z0]{width:2.5rem;height:1.35rem}.fertilizer-toggle .switch span[b-9xr3pxo9z0]{width:.9rem;height:.9rem}.fertilizer-toggle .switch.on span[b-9xr3pxo9z0]{transform:translateX(1.15rem)}
@media(max-width:600px) and (orientation:portrait){.practice-panel[b-9xr3pxo9z0]{margin:0 .5rem 1rem;padding:.8rem}.practice-heading[b-9xr3pxo9z0],.practice-actions[b-9xr3pxo9z0],.practice-action-group[b-9xr3pxo9z0]{align-items:stretch;flex-direction:column}.practice-actions[b-9xr3pxo9z0]{gap:.6rem}.practice-bar-title[b-9xr3pxo9z0]{flex-wrap:wrap}.practice-bar-title>span:last-child[b-9xr3pxo9z0]{margin-left:0}.practice-bar[b-9xr3pxo9z0]{height:240px;width:25px;justify-self:center;flex-direction:column}.practice-segment[b-9xr3pxo9z0]{min-height:2px;width:100%}.practice-bar-section .practice-bar-title[b-9xr3pxo9z0]{justify-content:center}.practice-bar-section .practice-bar[b-9xr3pxo9z0]{margin:0 auto}.best-window[b-9xr3pxo9z0],.practice-pdf[b-9xr3pxo9z0]{width:100%;text-align:center}}
.pdf-page[b-9xr3pxo9z0]{height:100vh;display:flex;flex-direction:column;background:#eef2ee}.pdf-toolbar[b-9xr3pxo9z0]{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;background:#fff;border-bottom:1px solid #ccd6cc}.pdf-toolbar button[b-9xr3pxo9z0],.pdf-toolbar a[b-9xr3pxo9z0]{border:1px solid #6eb348;border-radius:5px;padding:.45rem .7rem;background:#fff;color:#397b28;text-decoration:none;font:inherit;cursor:pointer}.pdf-toolbar span:nth-child(2)[b-9xr3pxo9z0]{font-weight:600}.pdf-toolbar-actions[b-9xr3pxo9z0]{display:flex;gap:.5rem;margin-left:auto}.pdf-document[b-9xr3pxo9z0]{flex:1;width:100%;border:0;background:#999}
@media print{.pdf-toolbar[b-9xr3pxo9z0]{display:none}.pdf-document[b-9xr3pxo9z0]{height:100vh}}
.practice-actions[b-9xr3pxo9z0]{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:.85rem;padding:1rem 0 .7rem}.best-window[b-9xr3pxo9z0]{min-height:0;padding:.55rem .75rem}.spray-window[b-9xr3pxo9z0]{border:2px solid #3c9b55;color:#356b3d}.fertilizer-window[b-9xr3pxo9z0]{border:2px solid #b97935;color:#895522}.practice-bars[b-9xr3pxo9z0]{display:grid;grid-template-columns:1fr;gap:.8rem}.practice-bar-section[b-9xr3pxo9z0]{margin-top:.35rem}.practice-bar-title[b-9xr3pxo9z0]{justify-content:space-between}.practice-bar-title>span:last-child[b-9xr3pxo9z0]{margin-left:0}.practice-pdf-actions[b-9xr3pxo9z0]{display:flex;gap:.85rem;flex-wrap:wrap;margin:.9rem 0}.practice-pdf[b-9xr3pxo9z0]{display:inline-flex;align-items:center;gap:.4rem}.spray-pdf[b-9xr3pxo9z0]{border:2px solid #3c9b55;color:#356b3d}.fertilizer-pdf[b-9xr3pxo9z0]{border:2px solid #b97935;color:#895522}.pdf-icon[b-9xr3pxo9z0]{width:1.1rem;height:1.1rem;fill:none;stroke:currentColor;stroke-width:1.7}.practice-pdf:hover[b-9xr3pxo9z0]{background:#fff}.spray-pdf:hover[b-9xr3pxo9z0]{background:#edf8ee;color:#285f36}.fertilizer-pdf:hover[b-9xr3pxo9z0]{background:#fff5e9;color:#784818}.legal-box[b-9xr3pxo9z0]{width:max-content;max-width:100%;border:0;padding:.2rem 0;background:transparent}.legal-box div[b-9xr3pxo9z0]{margin-top:.4rem}.legal-box a[b-9xr3pxo9z0]{display:inline-block;text-decoration:underline;cursor:pointer;background:#fff}.legal-spray[b-9xr3pxo9z0]{border-color:#3c9b55!important;color:#356b3d!important}.legal-fertilizer[b-9xr3pxo9z0]{border-color:#b97935!important;color:#895522!important}.legal-box a:hover[b-9xr3pxo9z0]{background:#f2f8f1}.legal-fertilizer:hover[b-9xr3pxo9z0]{background:#fff5e9!important}
@media(max-width:600px) and (orientation:portrait){.practice-actions[b-9xr3pxo9z0]{grid-template-columns:1fr;gap:.5rem;padding:.75rem 0}.practice-heading[b-9xr3pxo9z0]{align-items:flex-start;flex-direction:column}.practice-legend[b-9xr3pxo9z0]{gap:.55rem;font-size:.82rem}.practice-bars[b-9xr3pxo9z0]{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1rem;align-items:start}.practice-bar-section[b-9xr3pxo9z0]{min-width:0}.practice-bar-title[b-9xr3pxo9z0]{display:flex;flex-direction:column;gap:.25rem;text-align:center}.practice-bar-title strong[b-9xr3pxo9z0]{min-width:0}.practice-bar-title>span:last-child[b-9xr3pxo9z0]{font-size:.72rem;text-align:center}.practice-bar[b-9xr3pxo9z0]{height:280px;width:2.2rem;flex-direction:column;margin:0 auto;border-radius:1.1rem}.practice-segment[b-9xr3pxo9z0]{width:100%;min-height:2px}.fertilizer-toggle[b-9xr3pxo9z0]{justify-content:center;flex-wrap:wrap;margin-top:.65rem;gap:.3rem;font-size:.72rem}.fertilizer-toggle .switch[b-9xr3pxo9z0]{flex:none}.practice-pdf-actions[b-9xr3pxo9z0]{flex-direction:column;gap:.5rem;margin:.9rem 0}.practice-pdf[b-9xr3pxo9z0]{width:max-content;max-width:100%;padding:.45rem .6rem}.legal-box[b-9xr3pxo9z0]{margin-top:.4rem}.legal-box div[b-9xr3pxo9z0]{gap:.45rem}.legal-box a[b-9xr3pxo9z0]{padding:.35rem .6rem}.practice-panel[b-9xr3pxo9z0]{overflow:hidden}}
/* /Components/Shared/Beitragskarussell.razor.rz.scp.css */
/* ---------- Karussell ----------

   Das Karussell füllt die Höhe des umgebenden Elements. min-width/min-height: 0 in der
   ganzen Kette sorgt dafür, dass lange oder breite Beiträge die Seite nicht auseinander-
   ziehen, sondern in der Box gescrollt werden. */

.karussell[b-bg5r0bil9i] {
    position: relative;
    flex: 1 1 auto;
    min-width: 0;
    min-height: 0;
    display: flex;
    flex-direction: column;
}

/* Die Radios steuern das Karussell, sind selbst aber unsichtbar. */
.karussell-radio[b-bg5r0bil9i] {
    position: absolute;
    width: 0;
    height: 0;
    margin: 0;
    opacity: 0;
}

/* Der seitliche Innenabstand ist der Platz für die Pfeile. */
.karussell-slides[b-bg5r0bil9i] {
    position: relative;
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    padding: 0 2.75rem;
}

/* Sichtbar wird ein Beitrag über die von der Komponente erzeugten Regeln. */
.karussell-slide[b-bg5r0bil9i] {
    display: none;
    flex: 1 1 auto;
    min-width: 0;
    min-height: 0;
}

/* ---------- Inhaltsbox ---------- */

.karussell-box[b-bg5r0bil9i] {
    flex: 1 1 auto;
    min-width: 0;
    min-height: 0;
    overflow: auto;
    padding: 1.25rem 1.75rem;
    background-color: rgba(248, 248, 248, 0.88);
    border-radius: 10px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.25);
}

.karussell-datum[b-bg5r0bil9i] {
    margin: 0 0 0.35rem;
    font-size: 1rem;
    font-weight: 700;
    color: #333;
}

/* ---------- Formatierung des HTML-Inhalts aus der Datenbank ---------- */

.karussell-inhalt[b-bg5r0bil9i] {
    color: #222;
    line-height: 1.55;
    overflow-wrap: break-word;
}

.karussell-inhalt[b-bg5r0bil9i]  .karussell-titel {
    margin: 0 0 1.1rem;
    font-size: clamp(1.2rem, 1.8vw, 1.75rem);
    font-weight: 700;
    text-align: center;
}

.karussell-inhalt[b-bg5r0bil9i]  p {
    margin: 0 0 0.9rem;
}

.karussell-inhalt[b-bg5r0bil9i]  h1,
.karussell-inhalt[b-bg5r0bil9i]  h2,
.karussell-inhalt[b-bg5r0bil9i]  h3,
.karussell-inhalt[b-bg5r0bil9i]  h4 {
    margin: 1.2rem 0 0.6rem;
}

.karussell-inhalt[b-bg5r0bil9i]  ul,
.karussell-inhalt[b-bg5r0bil9i]  ol {
    margin: 0 0 0.9rem;
    padding-left: 1.4rem;
}

.karussell-inhalt[b-bg5r0bil9i]  a {
    color: var(--nk-blue);
}

/* Bilder, Videos und Tabellen bleiben immer innerhalb der Box. */
.karussell-inhalt[b-bg5r0bil9i]  img,
.karussell-inhalt[b-bg5r0bil9i]  video,
.karussell-inhalt[b-bg5r0bil9i]  iframe {
    max-width: 100%;
    height: auto;
    border-radius: 6px;
}

.karussell-inhalt[b-bg5r0bil9i]  figure {
    margin: 0 0 0.9rem;
}

.karussell-inhalt[b-bg5r0bil9i]  table {
    max-width: 100%;
    margin: 0 0 0.9rem;
    border-collapse: collapse;
}

.karussell-inhalt[b-bg5r0bil9i]  th,
.karussell-inhalt[b-bg5r0bil9i]  td {
    padding: 0.3rem 0.6rem;
    border: 1px solid #cfcfcf;
    text-align: left;
    vertical-align: top;
}

/* ---------- Pfeile ---------- */

.karussell-pfeil[b-bg5r0bil9i] {
    position: absolute;
    top: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.5rem;
    height: 2.5rem;
    margin-top: -1.25rem;
    cursor: pointer;
}

.karussell-pfeil-zurueck[b-bg5r0bil9i] {
    left: 0;
}

.karussell-pfeil-vor[b-bg5r0bil9i] {
    right: 0;
}

.karussell-pfeil[b-bg5r0bil9i]::before {
    content: "";
    width: 0.9rem;
    height: 0.9rem;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.75));
}

.karussell-pfeil-zurueck[b-bg5r0bil9i]::before {
    transform: rotate(-135deg);
}

.karussell-pfeil-vor[b-bg5r0bil9i]::before {
    transform: rotate(45deg);
}

.karussell-pfeil:hover[b-bg5r0bil9i]::before {
    border-color: var(--nk-green);
}

/* ---------- Punkte ---------- */

.karussell-punkte[b-bg5r0bil9i] {
    flex: 0 0 auto;
    display: flex;
    justify-content: center;
    gap: 0.55rem;
    padding-top: 0.9rem;
}

.karussell-punkt[b-bg5r0bil9i] {
    width: 0.65rem;
    height: 0.65rem;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.8);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
    cursor: pointer;
}

.karussell-punkt:hover[b-bg5r0bil9i] {
    background-color: var(--nk-green);
}

/* ---------- Ohne Daten ---------- */

.karussell-leer[b-bg5r0bil9i] {
    flex: 0 0 auto;
    align-self: center;
    margin: auto 0;
    overflow: visible;
    text-align: center;
}

.karussell-leer h1[b-bg5r0bil9i] {
    margin: 0;
    font-size: 1.5rem;
}

/* ---------- Handy ---------- */

@media (max-width: 820px), (max-height: 500px) and (orientation: landscape) {
    .karussell-slides[b-bg5r0bil9i] {
        padding: 0 1.9rem;
    }

    .karussell-box[b-bg5r0bil9i] {
        padding: 0.9rem 1rem;
    }

    .karussell-punkte[b-bg5r0bil9i] {
        padding-top: 0.6rem;
    }
}
/* /Components/Shared/InfoTooltip.razor.rz.scp.css */
/* Das Symbol steht in einer Textzeile und ist der Bezugspunkt für den Erklärtext. */

.info[b-1nfffog3ft] {
    position: relative;
    display: inline-flex;
    align-items: center;
    vertical-align: -0.2em;
    cursor: help;
}

.info:focus-visible[b-1nfffog3ft] {
    outline: 2px solid var(--nk-blue);
    outline-offset: 2px;
    border-radius: 50%;
}

.info-symbol[b-1nfffog3ft] {
    width: 1.2rem;
    height: 1.2rem;
    fill: var(--nk-blue);
}

/* Der Text öffnet nach oben, damit er in der Filterbox am unteren Bildschirmrand nicht
   aus dem Bild läuft. Er darf über die Karte hinausragen - deshalb hat kein Elternelement
   der Filterbox ein overflow. */
.info-text[b-1nfffog3ft] {
    position: absolute;
    left: -0.6rem;
    bottom: calc(100% + 0.5rem);
    z-index: 30;
    display: none;
    width: max-content;
    max-width: min(30rem, 80vw);
    padding: 0.6rem 0.85rem;
    background-color: #fff;
    border: 1px solid #d5d5d5;
    border-radius: 6px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.22);
    color: #333;
    font-size: 0.9rem;
    font-weight: 400;
    line-height: 1.35;
    text-align: left;
    white-space: normal;
    cursor: default;
}

.info:hover > .info-text[b-1nfffog3ft],
.info:focus > .info-text[b-1nfffog3ft],
.info:focus-within > .info-text[b-1nfffog3ft] {
    display: block;
}

.info-titel[b-1nfffog3ft] {
    display: block;
    margin-bottom: 0.35rem;
    color: var(--nk-blue);
    font-weight: 700;
}

.info-absatz[b-1nfffog3ft] {
    display: block;
}

.info-absatz + .info-absatz[b-1nfffog3ft] {
    margin-top: 0.5rem;
}