/* v0.13e_1 · Grundlayout. style.css bleibt eingefroren. Hier noch keine Layoutregeln. */


/* A_007 · Seite Anmelden: Seitenbreiten modular aus grundlayout.css.
   Vorhandene Breiten bleiben optisch erhalten; style.css bleibt unverändert. */
.seite-anmelden .container {
    width: min(1180px, calc(100% - 32px));
    margin-left: auto;
    margin-right: auto;
}

.seite-anmelden main.container {
    max-width: 1180px;
}

.seite-anmelden .card.narrow {
    margin-left: auto;
    margin-right: auto;
}

@media (max-width: 720px) {
    .seite-anmelden .container {
        width: min(620px, calc(100% - 32px));
    }

    .seite-anmelden main.container {
        max-width: 620px;
    }

    .seite-anmelden main.container .form-row,
    .seite-anmelden main.container input,
    .seite-anmelden main.container select,
    .seite-anmelden main.container textarea,
    .seite-anmelden main.container .button,
    .seite-anmelden main.container button.button {
        max-width: 100%;
    }
}

/* A_008 · Seite Registrieren: Seitenbreiten modular aus grundlayout.css.
   Vorhandene Breiten bleiben optisch erhalten; style.css bleibt unverändert. */
.seite-registrierung .container {
    width: min(1180px, calc(100% - 32px));
    margin-left: auto;
    margin-right: auto;
}

.seite-registrierung main.container {
    max-width: 1180px;
}

.seite-registrierung .card.narrow {
    margin-left: auto;
    margin-right: auto;
}

@media (max-width: 720px) {
    .seite-registrierung .container {
        width: min(620px, calc(100% - 32px));
    }

    .seite-registrierung main.container {
        max-width: 620px;
    }

    .seite-registrierung main.container .form-row,
    .seite-registrierung main.container input,
    .seite-registrierung main.container select,
    .seite-registrierung main.container textarea,
    .seite-registrierung main.container .button,
    .seite-registrierung main.container button.button {
        max-width: 100%;
    }
}


/* A_009 · Seite Profil: Seitenbreiten modular aus grundlayout.css.
   Vorhandene Breiten bleiben optisch erhalten; style.css bleibt unverändert. */
.seite-profil .container {
    width: min(1180px, calc(100% - 32px));
    margin-left: auto;
    margin-right: auto;
}

.seite-profil main.container {
    max-width: 1180px;
}

@media (max-width: 720px) {
    .seite-profil .container {
        width: min(620px, calc(100% - 32px));
    }

    .seite-profil main.container {
        max-width: 620px;
    }

    .seite-profil main.container .form-row,
    .seite-profil main.container input,
    .seite-profil main.container select,
    .seite-profil main.container textarea,
    .seite-profil main.container .button,
    .seite-profil main.container button.button {
        max-width: 100%;
    }
}


/* A_010 · Seite Startseite ohne Anmeldung: Seitenbreiten modular aus grundlayout.css.
   Vorhandene Breiten bleiben optisch erhalten; style.css bleibt unverändert. */
.seite-startseite .container {
    width: min(1180px, calc(100% - 32px));
    margin-left: auto;
    margin-right: auto;
}

.seite-startseite main.container {
    max-width: 1180px;
}

@media (max-width: 720px) {
    .seite-startseite .container {
        width: min(620px, calc(100% - 32px));
    }

    .seite-startseite main.container {
        max-width: 620px;
    }

    .seite-startseite main.container input,
    .seite-startseite main.container select,
    .seite-startseite main.container textarea,
    .seite-startseite main.container .button,
    .seite-startseite main.container button.button {
        max-width: 100%;
    }
}

/* A_012 · Seite Aqua-Service: Seitenbreiten modular aus grundlayout.css.
   Vorhandene Breiten bleiben optisch erhalten; style.css bleibt unverändert. */
.seite-aqua-service-de .container {
    width: min(1180px, calc(100% - 32px));
    margin-left: auto;
    margin-right: auto;
}

.seite-aqua-service-de main.container {
    max-width: 1180px;
}

@media (max-width: 720px) {
    .seite-aqua-service-de .container {
        width: min(620px, calc(100% - 32px));
    }

    .seite-aqua-service-de main.container {
        max-width: 620px;
    }

    .seite-aqua-service-de main.container .form-row,
    .seite-aqua-service-de main.container input,
    .seite-aqua-service-de main.container select,
    .seite-aqua-service-de main.container textarea,
    .seite-aqua-service-de main.container .button,
    .seite-aqua-service-de main.container button.button {
        max-width: 100%;
    }
}

/* A_013 · Seite Becken anlegen: Seitenbreiten modular aus grundlayout.css.
   Vorhandene Breiten bleiben optisch erhalten; style.css bleibt unverändert. */
.seite-becken-anlegen .container {
    width: min(1180px, calc(100% - 32px));
    margin-left: auto;
    margin-right: auto;
}

.seite-becken-anlegen main.container {
    max-width: 1180px;
}

@media (max-width: 720px) {
    .seite-becken-anlegen .container {
        width: min(620px, calc(100% - 32px));
    }

    .seite-becken-anlegen main.container {
        max-width: 620px;
    }

    .seite-becken-anlegen main.container .form-row,
    .seite-becken-anlegen main.container input,
    .seite-becken-anlegen main.container select,
    .seite-becken-anlegen main.container textarea,
    .seite-becken-anlegen main.container .button,
    .seite-becken-anlegen main.container button.button {
        max-width: 100%;
    }
}

/* A_014 · Seite Deine Beckenübersicht: Seitenbreiten modular aus grundlayout.css.
   Vorhandene Breiten bleiben optisch erhalten; style.css bleibt unverändert. */
.seite-deine-beckenuebersicht .container {
    width: min(1180px, calc(100% - 32px));
    margin-left: auto;
    margin-right: auto;
}

.seite-deine-beckenuebersicht main.container {
    max-width: 1180px;
}

@media (max-width: 720px) {
    .seite-deine-beckenuebersicht .container {
        width: min(620px, calc(100% - 32px));
    }

    .seite-deine-beckenuebersicht main.container {
        max-width: 620px;
    }

    .seite-deine-beckenuebersicht main.container .form-row,
    .seite-deine-beckenuebersicht main.container input,
    .seite-deine-beckenuebersicht main.container select,
    .seite-deine-beckenuebersicht main.container textarea,
    .seite-deine-beckenuebersicht main.container .button,
    .seite-deine-beckenuebersicht main.container button.button {
        max-width: 100%;
    }
}

/* A_015 · Seite Analyse Zustimmung: Seitenbreiten modular aus grundlayout.css.
   Vorhandene Breiten bleiben optisch erhalten; style.css bleibt unverändert. */
.seite-analyse-zustimmung .container {
    width: min(1180px, calc(100% - 32px));
    margin-left: auto;
    margin-right: auto;
}

.seite-analyse-zustimmung main.container {
    max-width: 1180px;
}

@media (max-width: 720px) {
    .seite-analyse-zustimmung .container {
        width: min(620px, calc(100% - 32px));
    }

    .seite-analyse-zustimmung main.container {
        max-width: 620px;
    }

    .seite-analyse-zustimmung main.container .form-row,
    .seite-analyse-zustimmung main.container input:not([type="radio"]):not([type="checkbox"]),
    .seite-analyse-zustimmung main.container select,
    .seite-analyse-zustimmung main.container textarea,
    .seite-analyse-zustimmung main.container .button,
    .seite-analyse-zustimmung main.container button.button {
        max-width: 100%;
    }
}

/* A_016 · Seite Profil löschen: Seitenbreiten modular aus grundlayout.css.
   Vorhandene Breiten bleiben optisch erhalten; style.css bleibt unverändert. */
.seite-profil-loeschen .container {
    width: min(1180px, calc(100% - 32px));
    margin-left: auto;
    margin-right: auto;
}

.seite-profil-loeschen main.container {
    max-width: 1180px;
}

.seite-profil-loeschen .card.narrow {
    margin-left: auto;
    margin-right: auto;
}

@media (max-width: 720px) {
    .seite-profil-loeschen .container {
        width: min(620px, calc(100% - 32px));
    }

    .seite-profil-loeschen main.container {
        max-width: 620px;
    }

    .seite-profil-loeschen main.container .form-row,
    .seite-profil-loeschen main.container input,
    .seite-profil-loeschen main.container select,
    .seite-profil-loeschen main.container textarea,
    .seite-profil-loeschen main.container .button,
    .seite-profil-loeschen main.container button.button {
        max-width: 100%;
    }
}

/* A_017 · Seite Berater freischalten: Seitenbreiten modular aus grundlayout.css.
   Vorhandene Breiten bleiben optisch erhalten; style.css bleibt unverändert. */
.seite-berater-freischalten .container {
    width: min(1180px, calc(100% - 32px));
    margin-left: auto;
    margin-right: auto;
}

.seite-berater-freischalten main.container {
    max-width: 1180px;
}

@media (max-width: 720px) {
    .seite-berater-freischalten .container {
        width: min(620px, calc(100% - 32px));
    }

    .seite-berater-freischalten main.container {
        max-width: 620px;
    }

    .seite-berater-freischalten main.container .form-row,
    .seite-berater-freischalten main.container .form-field,
    .seite-berater-freischalten main.container input,
    .seite-berater-freischalten main.container select,
    .seite-berater-freischalten main.container textarea,
    .seite-berater-freischalten main.container .button,
    .seite-berater-freischalten main.container button.button {
        max-width: 100%;
    }
}

/* A_018 · Seite Schritt für Schritt Anleitung: Seitenbreiten modular aus grundlayout.css.
   Vorhandene Breiten bleiben optisch erhalten; style.css bleibt unverändert. */
.seite-schritt-fuer-schritt-anleitung .container {
    width: min(1180px, calc(100% - 32px));
    margin-left: auto;
    margin-right: auto;
}

.seite-schritt-fuer-schritt-anleitung main.container {
    max-width: 1180px;
}

@media (max-width: 720px) {
    .seite-schritt-fuer-schritt-anleitung .container {
        width: min(620px, calc(100% - 32px));
    }

    .seite-schritt-fuer-schritt-anleitung main.container {
        max-width: 620px;
    }

    .seite-schritt-fuer-schritt-anleitung main.container .form-row,
    .seite-schritt-fuer-schritt-anleitung main.container input,
    .seite-schritt-fuer-schritt-anleitung main.container select,
    .seite-schritt-fuer-schritt-anleitung main.container textarea,
    .seite-schritt-fuer-schritt-anleitung main.container .button,
    .seite-schritt-fuer-schritt-anleitung main.container button.button {
        max-width: 100%;
    }
}


/* A_019 · Seite Volumenrechner: Seitenbreiten modular aus grundlayout.css.
   Vorhandene Breiten bleiben optisch erhalten; style.css bleibt unverändert. */
.seite-volumenrechner .container {
    width: min(1180px, calc(100% - 32px));
    margin-left: auto;
    margin-right: auto;
}

.seite-volumenrechner main.container {
    max-width: 1180px;
}

@media (max-width: 720px) {
    .seite-volumenrechner .container {
        width: min(620px, calc(100% - 32px));
    }

    .seite-volumenrechner main.container {
        max-width: 620px;
    }

    .seite-volumenrechner main.container .form-row,
    .seite-volumenrechner main.container .volume-design-field,
    .seite-volumenrechner main.container input:not([type="radio"]):not([type="checkbox"]),
    .seite-volumenrechner main.container select,
    .seite-volumenrechner main.container textarea,
    .seite-volumenrechner main.container .button,
    .seite-volumenrechner main.container button.button {
        max-width: 100%;
    }
}

/* A_020 · Seite Alle Becken: Seitenbreiten modular aus grundlayout.css.
   Vorhandene Breiten bleiben optisch erhalten; style.css bleibt unverändert. */
.seite-alle-becken .container {
    width: min(1180px, calc(100% - 32px));
    margin-left: auto;
    margin-right: auto;
}

.seite-alle-becken main.container {
    max-width: 1180px;
}

@media (max-width: 720px) {
    .seite-alle-becken .container {
        width: min(620px, calc(100% - 32px));
    }

    .seite-alle-becken main.container {
        max-width: 620px;
    }

    .seite-alle-becken main.container .form-row,
    .seite-alle-becken main.container input,
    .seite-alle-becken main.container select,
    .seite-alle-becken main.container textarea,
    .seite-alle-becken main.container .button,
    .seite-alle-becken main.container button.button {
        max-width: 100%;
    }
}

/* A_021 · Seite Becken kopieren: Seitenbreiten modular aus grundlayout.css.
   Vorhandene Breiten bleiben optisch erhalten; style.css bleibt unverändert. */
.seite-becken-kopieren .container {
    width: min(1180px, calc(100% - 32px));
    margin-left: auto;
    margin-right: auto;
}

.seite-becken-kopieren main.container {
    max-width: 1180px;
}

.seite-becken-kopieren .card.narrow {
    margin-left: auto;
    margin-right: auto;
}

@media (max-width: 720px) {
    .seite-becken-kopieren .container {
        width: min(620px, calc(100% - 32px));
    }

    .seite-becken-kopieren main.container {
        max-width: 620px;
    }

    .seite-becken-kopieren main.container .form-row,
    .seite-becken-kopieren main.container input:not([type="radio"]):not([type="checkbox"]),
    .seite-becken-kopieren main.container select,
    .seite-becken-kopieren main.container textarea,
    .seite-becken-kopieren main.container .button,
    .seite-becken-kopieren main.container button.button {
        max-width: 100%;
    }
}

/* A_023 · Seite Informationen: Seitenbreiten modular aus grundlayout.css.
   Vorhandene Breiten bleiben optisch erhalten; style.css bleibt unverändert. */
.seite-informationen .container {
    width: min(1180px, calc(100% - 32px));
    margin-left: auto;
    margin-right: auto;
}

.seite-informationen main.container {
    max-width: 1180px;
}

@media (max-width: 720px) {
    .seite-informationen .container {
        width: min(620px, calc(100% - 32px));
    }

    .seite-informationen main.container {
        max-width: 620px;
    }

    .seite-informationen main.container .form-row,
    .seite-informationen main.container input,
    .seite-informationen main.container select,
    .seite-informationen main.container textarea,
    .seite-informationen main.container .button,
    .seite-informationen main.container button.button {
        max-width: 100%;
    }
}

/* A_024 · Seite Update-Informationen-Admin: Seitenbreiten modular aus grundlayout.css.
   Vorhandene Breiten bleiben optisch erhalten; style.css bleibt unverändert. */
.seite-update-informationen-admin .container {
    width: min(1180px, calc(100% - 32px));
    margin-left: auto;
    margin-right: auto;
}

.seite-update-informationen-admin main.container {
    max-width: 1180px;
}

@media (max-width: 720px) {
    .seite-update-informationen-admin .container {
        width: min(620px, calc(100% - 32px));
    }

    .seite-update-informationen-admin main.container {
        max-width: 620px;
    }

    .seite-update-informationen-admin main.container .form-row,
    .seite-update-informationen-admin main.container input:not([type="radio"]):not([type="checkbox"]),
    .seite-update-informationen-admin main.container select,
    .seite-update-informationen-admin main.container textarea,
    .seite-update-informationen-admin main.container .button,
    .seite-update-informationen-admin main.container button.button {
        max-width: 100%;
    }
}


/* A_025 · Seite Zusage Becken: Seitenbreiten modular aus grundlayout.css.
   Vorhandene Breiten bleiben optisch erhalten; style.css bleibt unverändert. */
.seite-zusage-becken .container {
    width: min(1180px, calc(100% - 32px));
    margin-left: auto;
    margin-right: auto;
}

.seite-zusage-becken main.container {
    max-width: 1180px;
}

.seite-zusage-becken .card.narrow {
    margin-left: auto;
    margin-right: auto;
}

@media (max-width: 720px) {
    .seite-zusage-becken .container {
        width: min(620px, calc(100% - 32px));
    }

    .seite-zusage-becken main.container {
        max-width: 620px;
    }

    .seite-zusage-becken main.container .form-row,
    .seite-zusage-becken main.container input,
    .seite-zusage-becken main.container select,
    .seite-zusage-becken main.container textarea,
    .seite-zusage-becken main.container .button,
    .seite-zusage-becken main.container button.button {
        max-width: 100%;
    }
}

/* A_028 · Seite Besatz anlegen - Informationen: Seitenbreiten modular aus grundlayout.css.
   Vorhandene Breiten bleiben optisch erhalten; style.css bleibt unverändert. */
.seite-besatz-anlegen-informationen .container {
    width: min(1180px, calc(100% - 32px));
    margin-left: auto;
    margin-right: auto;
}

.seite-besatz-anlegen-informationen main.container {
    max-width: 1180px;
}

@media (max-width: 720px) {
    .seite-besatz-anlegen-informationen .container {
        width: min(620px, calc(100% - 32px));
    }

    .seite-besatz-anlegen-informationen main.container {
        max-width: 620px;
    }

    .seite-besatz-anlegen-informationen main.container .form-row,
    .seite-besatz-anlegen-informationen main.container input:not([type="radio"]):not([type="checkbox"]),
    .seite-besatz-anlegen-informationen main.container select,
    .seite-besatz-anlegen-informationen main.container textarea,
    .seite-besatz-anlegen-informationen main.container .button,
    .seite-besatz-anlegen-informationen main.container button.button,
    .seite-besatz-anlegen-informationen main.container .livestock-analysis-choice {
        max-width: 100%;
    }
}

/* A_027 · Seite Zusage Besatz: Seitenbreiten modular aus grundlayout.css.
   Vorhandene Breiten bleiben optisch erhalten; style.css bleibt unverändert. */
.seite-zusage-besatz .container {
    width: min(1180px, calc(100% - 32px));
    margin-left: auto;
    margin-right: auto;
}

.seite-zusage-besatz main.container {
    max-width: 1180px;
}

.seite-zusage-besatz .card.narrow {
    margin-left: auto;
    margin-right: auto;
}

@media (max-width: 720px) {
    .seite-zusage-besatz .container {
        width: min(620px, calc(100% - 32px));
    }

    .seite-zusage-besatz main.container {
        max-width: 620px;
    }

    .seite-zusage-besatz main.container .form-row,
    .seite-zusage-besatz main.container input:not([type="radio"]):not([type="checkbox"]),
    .seite-zusage-besatz main.container select,
    .seite-zusage-besatz main.container textarea,
    .seite-zusage-besatz main.container .button,
    .seite-zusage-besatz main.container button.button {
        max-width: 100%;
    }
}

/* A_028_1 · Seite Besatzübersicht: Seitenbreiten modular aus grundlayout.css.
   Vorhandene Breiten bleiben optisch erhalten; style.css bleibt unverändert. */
.seite-besatzuebersicht .container {
    width: min(1180px, calc(100% - 32px));
    margin-left: auto;
    margin-right: auto;
}

.seite-besatzuebersicht main.container {
    max-width: 1180px;
}

@media (max-width: 720px) {
    .seite-besatzuebersicht .container {
        width: min(620px, calc(100% - 32px));
    }

    .seite-besatzuebersicht main.container {
        max-width: 620px;
    }

    .seite-besatzuebersicht main.container .form-row,
    .seite-besatzuebersicht main.container input:not([type="radio"]):not([type="checkbox"]),
    .seite-besatzuebersicht main.container select,
    .seite-besatzuebersicht main.container textarea,
    .seite-besatzuebersicht main.container .button,
    .seite-besatzuebersicht main.container button.button,
    .seite-besatzuebersicht main.container .livestock-overview-filter-row,
    .seite-besatzuebersicht main.container .livestock-overview-search-shell {
        max-width: 100%;
    }
}

/* A_028_2 · Seite Besatz ändern: Seitenbreiten modular aus grundlayout.css.
   Vorhandene Breiten bleiben optisch erhalten; style.css bleibt unverändert. */
.seite-besatz-aendern .container {
    width: min(1180px, calc(100% - 32px));
    margin-left: auto;
    margin-right: auto;
}

.seite-besatz-aendern main.container {
    max-width: 1180px;
}

@media (max-width: 720px) {
    .seite-besatz-aendern .container {
        width: min(620px, calc(100% - 32px));
    }

    .seite-besatz-aendern main.container {
        max-width: 620px;
    }

    .seite-besatz-aendern main.container .form-row,
    .seite-besatz-aendern main.container input:not([type="radio"]):not([type="checkbox"]),
    .seite-besatz-aendern main.container select,
    .seite-besatz-aendern main.container textarea,
    .seite-besatz-aendern main.container .button,
    .seite-besatz-aendern main.container button.button,
    .seite-besatz-aendern main.container .livestock-edit-qbild05-layout,
    .seite-besatz-aendern main.container .livestock-edit-qbild06-layout,
    .seite-besatz-aendern main.container .livestock-edit-qbild13-layout,
    .seite-besatz-aendern main.container .livestock-edit-b41-layout,
    .seite-besatz-aendern main.container .livestock-edit-surface-form {
        max-width: 100%;
    }
}


/* A_028_3 · Seite Bestandsauswertung unter Besatz: Seitenbreiten modular aus grundlayout.css.
   Vorhandene Breiten bleiben optisch erhalten; style.css bleibt unverändert. */
.seite-bestandsauswertung .container {
    width: min(1180px, calc(100% - 32px));
    margin-left: auto;
    margin-right: auto;
}

.seite-bestandsauswertung main.container {
    max-width: 1180px;
}

@media (max-width: 720px) {
    .seite-bestandsauswertung .container {
        width: min(620px, calc(100% - 32px));
    }

    .seite-bestandsauswertung main.container {
        max-width: 620px;
    }

    .seite-bestandsauswertung main.container .form-row,
    .seite-bestandsauswertung main.container input:not([type="radio"]):not([type="checkbox"]),
    .seite-bestandsauswertung main.container select,
    .seite-bestandsauswertung main.container textarea,
    .seite-bestandsauswertung main.container .button,
    .seite-bestandsauswertung main.container button.button,
    .seite-bestandsauswertung main.container table,
    .seite-bestandsauswertung main.container .placeholder-page {
        max-width: 100%;
    }
}

/* A_028_4 · Seite Besatz-Becken-Übersicht: Seitenbreiten modular aus grundlayout.css.
   Vorhandene Breiten bleiben optisch erhalten; style.css bleibt unverändert. */
.seite-besatz-becken-uebersicht .container {
    width: min(1180px, calc(100% - 32px));
    margin-left: auto;
    margin-right: auto;
}

.seite-besatz-becken-uebersicht main.container {
    max-width: 1180px;
}

@media (max-width: 720px) {
    .seite-besatz-becken-uebersicht .container {
        width: min(620px, calc(100% - 32px));
    }

    .seite-besatz-becken-uebersicht main.container {
        max-width: 620px;
    }

    .seite-besatz-becken-uebersicht main.container .table-wrap,
    .seite-besatz-becken-uebersicht main.container .button,
    .seite-besatz-becken-uebersicht main.container button.button {
        max-width: 100%;
    }
}



/* A_032_0 · Seite Wunschbesatz: Seitenbreiten modular aus grundlayout.css.
   Vorhandene Breiten bleiben optisch erhalten; style.css bleibt unverändert. */
.seite-wunschbesatz .container {
    width: min(1180px, calc(100% - 32px));
    margin-left: auto;
    margin-right: auto;
}

.seite-wunschbesatz main.container {
    max-width: 1180px;
}

@media (max-width: 720px) {
    .seite-wunschbesatz .container {
        width: min(620px, calc(100% - 32px));
    }

    .seite-wunschbesatz main.container {
        max-width: 620px;
    }

    .seite-wunschbesatz main.container .form-row,
    .seite-wunschbesatz main.container input:not([type="radio"]):not([type="checkbox"]),
    .seite-wunschbesatz main.container select,
    .seite-wunschbesatz main.container textarea,
    .seite-wunschbesatz main.container .button,
    .seite-wunschbesatz main.container button.button,
    .seite-wunschbesatz main.container table,
    .seite-wunschbesatz main.container .placeholder-page {
        max-width: 100%;
    }
}

/* A_033_0 · Seite Besatz-Suche: Seitenbreiten modular aus grundlayout.css.
   Vorhandene Breiten bleiben optisch erhalten; style.css bleibt unverändert. */
.seite-besatz-suche .container {
    width: min(1180px, calc(100% - 32px));
    margin-left: auto;
    margin-right: auto;
}

.seite-besatz-suche main.container {
    max-width: 1180px;
}

@media (max-width: 720px) {
    .seite-besatz-suche .container {
        width: min(620px, calc(100% - 32px));
    }

    .seite-besatz-suche main.container {
        max-width: 620px;
    }

    .seite-besatz-suche main.container .form-row,
    .seite-besatz-suche main.container input:not([type="radio"]):not([type="checkbox"]),
    .seite-besatz-suche main.container select,
    .seite-besatz-suche main.container textarea,
    .seite-besatz-suche main.container .button,
    .seite-besatz-suche main.container button.button,
    .seite-besatz-suche main.container table,
    .seite-besatz-suche main.container .placeholder-page {
        max-width: 100%;
    }
}

/* A_034_0 · Seite Zuchtliste: Seitenbreiten modular aus grundlayout.css.
   Vorhandene Breiten bleiben optisch erhalten; style.css bleibt unverändert. */
.seite-zuchtliste .container {
    width: min(1180px, calc(100% - 32px));
    margin-left: auto;
    margin-right: auto;
}

.seite-zuchtliste main.container {
    max-width: 1180px;
}

@media (max-width: 720px) {
    .seite-zuchtliste .container {
        width: min(620px, calc(100% - 32px));
    }

    .seite-zuchtliste main.container {
        max-width: 620px;
    }

    .seite-zuchtliste main.container .form-row,
    .seite-zuchtliste main.container input:not([type="radio"]):not([type="checkbox"]),
    .seite-zuchtliste main.container select,
    .seite-zuchtliste main.container textarea,
    .seite-zuchtliste main.container .button,
    .seite-zuchtliste main.container button.button,
    .seite-zuchtliste main.container table,
    .seite-zuchtliste main.container .placeholder-page {
        max-width: 100%;
    }
}



/* A_035_0 · Seite Futterübersicht: Seitenbreiten modular aus grundlayout.css.
   Vorhandene Breiten bleiben optisch erhalten; style.css bleibt unverändert. */
.seite-futteruebersicht .container {
    width: min(1180px, calc(100% - 32px));
    margin-left: auto;
    margin-right: auto;
}

.seite-futteruebersicht main.container {
    max-width: 1180px;
}

@media (max-width: 720px) {
    .seite-futteruebersicht .container {
        width: min(620px, calc(100% - 32px));
    }

    .seite-futteruebersicht main.container {
        max-width: 620px;
    }

    .seite-futteruebersicht main.container .form-row,
    .seite-futteruebersicht main.container input:not([type="radio"]):not([type="checkbox"]),
    .seite-futteruebersicht main.container select,
    .seite-futteruebersicht main.container textarea,
    .seite-futteruebersicht main.container .button,
    .seite-futteruebersicht main.container button.button,
    .seite-futteruebersicht main.container table,
    .seite-futteruebersicht main.container .table-wrap,
    .seite-futteruebersicht main.container .food-overview-page {
        max-width: 100%;
    }
}

/* A_036_0 · Seite Futter aufnehmen: Seitenbreiten modular aus grundlayout.css.
   Vorhandene Breiten bleiben optisch erhalten; style.css bleibt unverändert. */
.seite-futter-aufnehmen .container {
    width: min(1180px, calc(100% - 32px));
    margin-left: auto;
    margin-right: auto;
}

.seite-futter-aufnehmen main.container {
    max-width: 1180px;
}

@media (max-width: 720px) {
    .seite-futter-aufnehmen .container {
        width: min(620px, calc(100% - 32px));
    }

    .seite-futter-aufnehmen main.container {
        max-width: 620px;
    }

    .seite-futter-aufnehmen main.container .form-row,
    .seite-futter-aufnehmen main.container .food-form-layout,
    .seite-futter-aufnehmen main.container .form-field,
    .seite-futter-aufnehmen main.container input:not([type="radio"]):not([type="checkbox"]),
    .seite-futter-aufnehmen main.container select,
    .seite-futter-aufnehmen main.container textarea,
    .seite-futter-aufnehmen main.container .button,
    .seite-futter-aufnehmen main.container button.button,
    .seite-futter-aufnehmen main.container .food-type-page {
        max-width: 100%;
    }
}


/* A_037_0 · Seite Futter-Formular: Seitenbreiten modular aus grundlayout.css.
   Vorhandene Breiten bleiben optisch erhalten; style.css bleibt unverändert. */
.seite-futter-formular .container {
    width: min(1180px, calc(100% - 32px));
    margin-left: auto;
    margin-right: auto;
}

.seite-futter-formular main.container {
    max-width: 1180px;
}

@media (max-width: 720px) {
    .seite-futter-formular .container {
        width: min(620px, calc(100% - 32px));
    }

    .seite-futter-formular main.container {
        max-width: 620px;
    }

    .seite-futter-formular main.container .form-row,
    .seite-futter-formular main.container .food-form-aquarium-filter,
    .seite-futter-formular main.container .food-suggestion-wrap,
    .seite-futter-formular main.container input:not([type="radio"]):not([type="checkbox"]),
    .seite-futter-formular main.container select,
    .seite-futter-formular main.container textarea,
    .seite-futter-formular main.container .button,
    .seite-futter-formular main.container button.button,
    .seite-futter-formular main.container table,
    .seite-futter-formular main.container .food-form-page {
        max-width: 100%;
    }
}

/* A_051_00 · Seite Tagebucheintrag erstellen: Seitenbreiten modular aus grundlayout.css.
   Vorhandene Breiten bleiben optisch erhalten; style.css bleibt unverändert. */
.seite-tagebucheintrag-erstellen .container {
    width: min(1180px, calc(100% - 32px));
    margin-left: auto;
    margin-right: auto;
}

.seite-tagebucheintrag-erstellen main.container {
    max-width: 1180px;
}

@media (max-width: 720px) {
    .seite-tagebucheintrag-erstellen .container {
        width: min(620px, calc(100% - 32px));
    }

    .seite-tagebucheintrag-erstellen main.container {
        max-width: 620px;
    }

    .seite-tagebucheintrag-erstellen main.container .form-row,
    .seite-tagebucheintrag-erstellen main.container input:not([type="radio"]):not([type="checkbox"]),
    .seite-tagebucheintrag-erstellen main.container select,
    .seite-tagebucheintrag-erstellen main.container textarea,
    .seite-tagebucheintrag-erstellen main.container .button,
    .seite-tagebucheintrag-erstellen main.container button.button,
    .seite-tagebucheintrag-erstellen main.container .diary-create-page,
    .seite-tagebucheintrag-erstellen main.container .diary-create-v007n-form {
        max-width: 100%;
    }
}

/* A_052_00 · Seite Mein Tagebuch: Seitenbreiten modular aus grundlayout.css.
   Vorhandene Breiten bleiben optisch erhalten; style.css bleibt unverändert. */
.seite-mein-tagebuch .container {
    width: min(1180px, calc(100% - 32px));
    margin-left: auto;
    margin-right: auto;
}

.seite-mein-tagebuch main.container {
    max-width: 1180px;
}

@media (max-width: 720px) {
    .seite-mein-tagebuch .container {
        width: min(620px, calc(100% - 32px));
    }

    .seite-mein-tagebuch main.container {
        max-width: 620px;
    }

    .seite-mein-tagebuch main.container .form-row,
    .seite-mein-tagebuch main.container .form-field,
    .seite-mein-tagebuch main.container input:not([type="radio"]):not([type="checkbox"]),
    .seite-mein-tagebuch main.container select,
    .seite-mein-tagebuch main.container textarea,
    .seite-mein-tagebuch main.container .button,
    .seite-mein-tagebuch main.container button.button,
    .seite-mein-tagebuch main.container table,
    .seite-mein-tagebuch main.container .table-wrap,
    .seite-mein-tagebuch main.container .diary-page,
    .seite-mein-tagebuch main.container .diary-search-form,
    .seite-mein-tagebuch main.container .livestock-overview-search-shell {
        max-width: 100%;
    }
}