/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Sep 09 2026 | 13:33:54 */
/* ==========================================================
   MESSMER JobRelations – Gravity Forms Basis
   Globales WordPress-CSS | Version 1.3.9 | 09.09.2026

   EINBAU
   1. Diesen Inhalt genau einmal unter
      WordPress > Design > Custom CSS
      im Plugin "Simple Custom CSS" einfügen.
      Nicht zusätzlich in Divi hinterlegen.
   2. Jedem Divi-/Divi-Pixel-Modul mit einem öffentlichen Gravity
      Form die CSS-Klasse "mjr-gf" geben.
   3. Seitenspezifische Klassen dürfen zusätzlich bestehen bleiben.

   WICHTIG
   - Die Regeln sind absichtlich auf .mjr-gf und bestätigte ältere
     Modulklassen begrenzt.
   - GravityView-Tabellen und deren Inline-Editor werden dadurch
     nicht global umgestaltet.
   - Öffnen/Schliessen, Validierung und AJAX bleiben bei Gravity
     Forms bzw. JetSloth.
   ========================================================== */

:root {
    --mjr-gf-blue: #0f2774;
    --mjr-gf-blue-dark: #091c5b;
    --mjr-gf-orange: #f33908;
    --mjr-gf-orange-dark: #d93207;
    --mjr-gf-text: #505868;
    --mjr-gf-muted: #747c8d;
    --mjr-gf-soft: #f5f7fb;
    --mjr-gf-soft-orange: #fff7f3;
    --mjr-gf-white: #ffffff;
    --mjr-gf-border: #d7dfed;
    --mjr-gf-border-strong: #b8c4e1;
    --mjr-gf-shadow: 0 18px 46px rgba(15, 39, 116, 0.12);
    --mjr-gf-font: "Poppins", sans-serif;
    --mjr-gf-section-gap: 12px;
}

/* Bestehende Seiten funktionieren sofort. Für neue Formulare reicht .mjr-gf. */
:where(
    .mjr-gf,
    .mjr-analysis-form-module,
    .mjr-matching-form-module,
    .mjr-interview-form-module,
    .mjr-assessment-form-module,
    .mjr-registration-form,
    .mjr-company-user-form,
    .mjr-account-form,
    .mjr-contact-form
) {
    --gf-local-bg-color: var(--mjr-gf-white);
    color: var(--mjr-gf-text) !important;
}

:where(
    .mjr-gf,
    .mjr-analysis-form-module,
    .mjr-matching-form-module,
    .mjr-interview-form-module,
    .mjr-assessment-form-module,
    .mjr-registration-form,
    .mjr-company-user-form,
    .mjr-account-form,
    .mjr-contact-form
),
:where(
    .mjr-gf,
    .mjr-analysis-form-module,
    .mjr-matching-form-module,
    .mjr-interview-form-module,
    .mjr-assessment-form-module,
    .mjr-registration-form,
    .mjr-company-user-form,
    .mjr-account-form,
    .mjr-contact-form
) * {
    box-sizing: border-box;
}

:where(
    .mjr-gf,
    .mjr-analysis-form-module,
    .mjr-matching-form-module,
    .mjr-interview-form-module,
    .mjr-assessment-form-module,
    .mjr-registration-form,
    .mjr-company-user-form,
    .mjr-account-form,
    .mjr-contact-form
) :where(
    .gform_wrapper,
    input,
    select,
    textarea,
    button,
    label,
    legend,
    option
) {
    font-family: var(--mjr-gf-font) !important;
}

:where(
    .mjr-gf,
    .mjr-analysis-form-module,
    .mjr-matching-form-module,
    .mjr-interview-form-module,
    .mjr-assessment-form-module,
    .mjr-registration-form,
    .mjr-company-user-form,
    .mjr-account-form,
    .mjr-contact-form
) :where(.gform_wrapper, .gform_wrapper form, .gform_fields) {
    margin: 0 !important;
}

:where(
    .mjr-gf,
    .mjr-analysis-form-module,
    .mjr-matching-form-module,
    .mjr-interview-form-module,
    .mjr-assessment-form-module,
    .mjr-registration-form,
    .mjr-company-user-form,
    .mjr-account-form,
    .mjr-contact-form
) .gform_fields {
    row-gap: 0 !important;
    counter-reset: mjr-gf-section;
}

/* ==========================================================
   Globale Layout-Hilfsklassen

   mjr-form-half wird direkt beim Gravity-Forms-Feld unter
   Darstellung > Benutzerdefinierte CSS-Klasse eingetragen.
   Das Feld belegt auf Desktop sechs von zwölf Spalten. Das
   jeweilige Eingabeelement bleibt innerhalb des Feldes 100 %
   breit. Auf Smartphones wird das Feld einspaltig dargestellt.
   ========================================================== */

:where(
    .mjr-gf,
    .mjr-analysis-form-module,
    .mjr-matching-form-module,
    .mjr-interview-form-module,
    .mjr-assessment-form-module,
    .mjr-registration-form,
    .mjr-company-user-form,
    .mjr-account-form,
    .mjr-contact-form
) .gfield.mjr-form-half {
    grid-column: span 6 !important;
}

@media (max-width: 767px) {
    :where(
        .mjr-gf,
        .mjr-analysis-form-module,
        .mjr-matching-form-module,
        .mjr-interview-form-module,
        .mjr-assessment-form-module,
        .mjr-registration-form,
        .mjr-company-user-form,
        .mjr-account-form,
        .mjr-contact-form
    ) .gfield.mjr-form-half {
        grid-column: 1 / -1 !important;
    }
}

/* ==========================================================
   1. JetSloth Collapsible Sections
   ========================================================== */

:where(
    .mjr-gf,
    .mjr-analysis-form-module,
    .mjr-matching-form-module,
    .mjr-interview-form-module,
    .mjr-assessment-form-module,
    .mjr-registration-form,
    .mjr-company-user-form,
    .mjr-account-form,
    .mjr-contact-form
) .gform_fields > .gsection.collapsible-sections-field {
    --cs-background-color: var(--mjr-gf-soft);
    --cs-border-color: var(--mjr-gf-border);
    position: relative !important;
    display: flex !important;
    min-height: 66px !important;
    margin-top: 0 !important;
    margin-right: 0 !important;
    margin-bottom: 0 !important;
    margin-left: 0 !important;
    padding: 18px 56px 18px 72px !important;
    align-items: center !important;
    border: 1px solid var(--mjr-gf-border) !important;
    border-left: 4px solid var(--mjr-gf-blue) !important;
    border-radius: 7px !important;
    outline: none !important;
    background: var(--mjr-gf-soft) !important;
    box-shadow: none !important;
    cursor: pointer !important;
    counter-increment: mjr-gf-section;
    transition: border-color .2s ease, background-color .2s ease;
}

:where(
    .mjr-gf,
    .mjr-analysis-form-module,
    .mjr-matching-form-module,
    .mjr-interview-form-module,
    .mjr-assessment-form-module,
    .mjr-registration-form,
    .mjr-company-user-form,
    .mjr-account-form,
    .mjr-contact-form
) .gform_fields > .gsection.collapsible-sections-field:hover {
    --cs-background-color: #f1f4fa;
    --cs-border-color: var(--mjr-gf-border-strong);
    border-color: var(--mjr-gf-border-strong) !important;
    border-left-color: var(--mjr-gf-blue) !important;
    background: #f1f4fa !important;
}

:where(
    .mjr-gf,
    .mjr-analysis-form-module,
    .mjr-matching-form-module,
    .mjr-interview-form-module,
    .mjr-assessment-form-module,
    .mjr-registration-form,
    .mjr-company-user-form,
    .mjr-account-form,
    .mjr-contact-form
) .gform_fields > .gsection.collapsible-sections-field:focus-visible {
    outline: 3px solid rgba(15, 39, 116, 0.16) !important;
    outline-offset: 2px !important;
}

:where(
    .mjr-gf,
    .mjr-analysis-form-module,
    .mjr-matching-form-module,
    .mjr-interview-form-module,
    .mjr-assessment-form-module,
    .mjr-registration-form,
    .mjr-company-user-form,
    .mjr-account-form,
    .mjr-contact-form
) .gform_fields > .gsection.collapsible-sections-field.collapsible-sections-open {
    --cs-background-color: var(--mjr-gf-white);
    --cs-border-color: var(--mjr-gf-border-strong);
    margin-bottom: 0 !important;
    border-color: var(--mjr-gf-border-strong) !important;
    border-left-color: var(--mjr-gf-orange) !important;
    border-radius: 7px 7px 0 0 !important;
    background: var(--mjr-gf-white) !important;
}

:where(
    .mjr-gf,
    .mjr-analysis-form-module,
    .mjr-matching-form-module,
    .mjr-interview-form-module,
    .mjr-assessment-form-module,
    .mjr-registration-form,
    .mjr-company-user-form,
    .mjr-account-form,
    .mjr-contact-form
) .gform_fields > .gsection.collapsible-sections-field.collapsible-sections-section-error {
    border-color: #c73b3b !important;
    border-left-color: #c73b3b !important;
}

:where(
    .mjr-gf,
    .mjr-analysis-form-module,
    .mjr-matching-form-module,
    .mjr-interview-form-module,
    .mjr-assessment-form-module,
    .mjr-registration-form,
    .mjr-company-user-form,
    .mjr-account-form,
    .mjr-contact-form
) .gsection.collapsible-sections-field .gsection_title {
    margin: 0 !important;
    padding: 0 !important;
    color: var(--mjr-gf-blue) !important;
    font-family: var(--mjr-gf-font) !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
    letter-spacing: .5px !important;
    text-align: left !important;
    text-transform: none !important;
}

:where(
    .mjr-gf,
    .mjr-analysis-form-module,
    .mjr-matching-form-module,
    .mjr-interview-form-module,
    .mjr-assessment-form-module,
    .mjr-registration-form,
    .mjr-company-user-form,
    .mjr-account-form,
    .mjr-contact-form
) .gsection.collapsible-sections-field .gsection_description {
    margin: 5px 0 0 !important;
    padding: 0 !important;
    color: var(--mjr-gf-muted) !important;
    font-size: 13px !important;
    line-height: 1.45 !important;
}

/* Nummernkreis bzw. Haken für erledigte Abschnitte. */
:where(
    .mjr-gf,
    .mjr-analysis-form-module,
    .mjr-matching-form-module,
    .mjr-interview-form-module,
    .mjr-assessment-form-module,
    .mjr-registration-form,
    .mjr-company-user-form,
    .mjr-account-form,
    .mjr-contact-form
) .gform_fields > .gsection.collapsible-sections-field::before {
    position: absolute !important;
    top: 50% !important;
    left: 16px !important;
    display: flex !important;
    width: 38px !important;
    height: 38px !important;
    margin: 0 !important;
    padding: 0 !important;
    align-items: center !important;
    justify-content: center !important;
    transform: translateY(-50%) !important;
    border: 0 !important;
    border-radius: 50% !important;
    background: var(--mjr-gf-blue) !important;
    background-image: none !important;
    color: var(--mjr-gf-white) !important;
    content: counter(mjr-gf-section, decimal-leading-zero) !important;
    font-family: var(--mjr-gf-font) !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    text-align: center !important;
}

/* Einheitlicher Bearbeitungsstatus für alle Collapsible Sections:
   geöffnet = orange, geschlossen = blau. Der geschlossene Zustand
   fällt automatisch auf die blaue Basisregel oben zurück. */
:is(
    .mjr-gf,
    .mjr-analysis-form-module,
    .mjr-matching-form-module,
    .mjr-interview-form-module,
    .mjr-assessment-form-module,
    .mjr-registration-form,
    .mjr-company-user-form,
    .mjr-account-form,
    .mjr-contact-form
) .gform_wrapper.gform-theme
  .gform_fields > .gsection.collapsible-sections-field.collapsible-sections-open:not(.collapsible-sections-section-error)::before {
    background: var(--mjr-gf-orange) !important;
}

/* Ein echter Validierungsfehler bleibt unabhängig vom Öffnungszustand rot. */
:is(
    .mjr-gf,
    .mjr-analysis-form-module,
    .mjr-matching-form-module,
    .mjr-interview-form-module,
    .mjr-assessment-form-module,
    .mjr-registration-form,
    .mjr-company-user-form,
    .mjr-account-form,
    .mjr-contact-form
) .gform_wrapper.gform-theme
  .gform_fields > .gsection.collapsible-sections-field.collapsible-sections-section-error::before {
    background: #c73b3b !important;
}

:where(
    .mjr-gf,
    .mjr-analysis-form-module,
    .mjr-matching-form-module,
    .mjr-interview-form-module,
    .mjr-assessment-form-module,
    .mjr-registration-form,
    .mjr-company-user-form,
    .mjr-account-form,
    .mjr-contact-form
) .gsection.collapsible-sections-field.-cs-completed:not(.collapsible-sections-section-error)::before {
    content: "\2713" !important;
    font-size: 17px !important;
}

/* Einheitlicher SVG-Pfeil; alte JetSloth-/Divi-Pixel-Grafiken werden ersetzt. */
:where(
    .mjr-gf,
    .mjr-analysis-form-module,
    .mjr-matching-form-module,
    .mjr-interview-form-module,
    .mjr-assessment-form-module,
    .mjr-registration-form,
    .mjr-company-user-form,
    .mjr-account-form,
    .mjr-contact-form
) .gform_fields > .gsection.collapsible-sections-field::after {
    position: absolute !important;
    top: 50% !important;
    right: 20px !important;
    display: block !important;
    width: 16px !important;
    height: 16px !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: translateY(-50%) rotate(0deg) !important;
    transform-origin: center !important;
    border: 0 !important;
    background-color: transparent !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9'%3E%3Cpath d='M1 1.25 7 7.25 13 1.25' fill='none' stroke='%230f2774' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 14px 9px !important;
    content: "" !important;
    pointer-events: none !important;
}

:where(
    .mjr-gf,
    .mjr-analysis-form-module,
    .mjr-matching-form-module,
    .mjr-interview-form-module,
    .mjr-assessment-form-module,
    .mjr-registration-form,
    .mjr-company-user-form,
    .mjr-account-form,
    .mjr-contact-form
) .gform_fields > .gsection.collapsible-sections-field.collapsible-sections-open::after {
    transform: translateY(-50%) rotate(180deg) !important;
}

:where(
    .mjr-gf,
    .mjr-analysis-form-module,
    .mjr-matching-form-module,
    .mjr-interview-form-module,
    .mjr-assessment-form-module,
    .mjr-registration-form,
    .mjr-company-user-form,
    .mjr-account-form,
    .mjr-contact-form
) .gsection.collapsible-sections-field :where(.cs-image, img, .collapsible-sections-image) {
    display: none !important;
}

:where(
    .mjr-gf,
    .mjr-analysis-form-module,
    .mjr-matching-form-module,
    .mjr-interview-form-module,
    .mjr-assessment-form-module,
    .mjr-registration-form,
    .mjr-company-user-form,
    .mjr-account-form,
    .mjr-contact-form
) .gsection.collapsible-sections-field + .collapsible-sections-collapsible-body {
    margin-top: 0 !important;
    margin-right: 0 !important;
    margin-bottom: 0 !important;
    margin-left: 0 !important;
    padding: 24px 22px 22px !important;
    overflow: visible !important;
    border: 1px solid var(--mjr-gf-border-strong) !important;
    border-top: 0 !important;
    border-left: 4px solid var(--mjr-gf-orange) !important;
    border-radius: 0 0 7px 7px !important;
    background: var(--mjr-gf-white) !important;
    color: var(--mjr-gf-text) !important;
    font-size: 16px !important;
    line-height: 1.6 !important;
    box-shadow: none !important;
    column-gap: 18px !important;
    row-gap: 20px !important;
}

/*
 * Robuste Seitenkanten für alle neuen Formularseiten.
 * :is() und .gform_wrapper.gform-theme erhöhen gezielt die Priorität
 * gegenüber den JetSloth-Theme-Regeln; Bild, Abstände und Verhalten
 * der Collapsible Sections bleiben unverändert.
 */
:is(
    .mjr-gf,
    .mjr-analysis-form-module,
    .mjr-matching-form-module,
    .mjr-interview-form-module,
    .mjr-assessment-form-module,
    .mjr-registration-form,
    .mjr-company-user-form,
    .mjr-account-form,
    .mjr-contact-form
) .gform_wrapper.gform-theme
  .gform_fields > .gsection.collapsible-sections-field {
    border: 1px solid var(--mjr-gf-border) !important;
    border-left: 4px solid var(--mjr-gf-blue) !important;
}

:is(
    .mjr-gf,
    .mjr-analysis-form-module,
    .mjr-matching-form-module,
    .mjr-interview-form-module,
    .mjr-assessment-form-module,
    .mjr-registration-form,
    .mjr-company-user-form,
    .mjr-account-form,
    .mjr-contact-form
) .gform_wrapper.gform-theme
  .gform_fields > .gsection.collapsible-sections-field:hover {
    border-color: var(--mjr-gf-border-strong) !important;
    border-left-color: var(--mjr-gf-blue) !important;
}

:is(
    .mjr-gf,
    .mjr-analysis-form-module,
    .mjr-matching-form-module,
    .mjr-interview-form-module,
    .mjr-assessment-form-module,
    .mjr-registration-form,
    .mjr-company-user-form,
    .mjr-account-form,
    .mjr-contact-form
) .gform_wrapper.gform-theme
  .gform_fields > .gsection.collapsible-sections-field.collapsible-sections-open {
    border-color: var(--mjr-gf-border-strong) !important;
    border-left: 4px solid var(--mjr-gf-orange) !important;
}

:is(
    .mjr-gf,
    .mjr-analysis-form-module,
    .mjr-matching-form-module,
    .mjr-interview-form-module,
    .mjr-assessment-form-module,
    .mjr-registration-form,
    .mjr-company-user-form,
    .mjr-account-form,
    .mjr-contact-form
) .gform_wrapper.gform-theme
  .gform_fields > .gsection.collapsible-sections-field.collapsible-sections-section-error {
    border-color: #c73b3b !important;
    border-left: 4px solid #c73b3b !important;
}

:is(
    .mjr-gf,
    .mjr-analysis-form-module,
    .mjr-matching-form-module,
    .mjr-interview-form-module,
    .mjr-assessment-form-module,
    .mjr-registration-form,
    .mjr-company-user-form,
    .mjr-account-form,
    .mjr-contact-form
) .gform_wrapper.gform-theme
  .gsection.collapsible-sections-field
  + .collapsible-sections-collapsible-body {
    border: 1px solid var(--mjr-gf-border-strong) !important;
    border-top: 0 !important;
    border-left: 4px solid var(--mjr-gf-orange) !important;
}

/*
 * JetSloth 1.4.9 + Gravity Forms Foundation
 * ------------------------------------------
 * Das Plugin zieht nachfolgende Abschnittstitel um 30 px und geöffnete
 * Abschnittsinhalte um 40 px nach oben. Die stärkere, bewusst globale Regel
 * neutralisiert nur diese technischen Grid-Offsets. Der sichtbare Abstand
 * entsteht anschliessend genau einmal vor dem nächsten Abschnittstitel.
 */
:is(
    .mjr-gf,
    .mjr-analysis-form-module,
    .mjr-matching-form-module,
    .mjr-interview-form-module,
    .mjr-assessment-form-module,
    .mjr-registration-form,
    .mjr-company-user-form,
    .mjr-account-form,
    .mjr-contact-form
) .gform_wrapper.gform-theme--foundation[class*="cs-theme--"]
  .form-has-collapsible-sections
  .gform_fields > .gsection.collapsible-sections-field {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

:is(
    .mjr-gf,
    .mjr-analysis-form-module,
    .mjr-matching-form-module,
    .mjr-interview-form-module,
    .mjr-assessment-form-module,
    .mjr-registration-form,
    .mjr-company-user-form,
    .mjr-account-form,
    .mjr-contact-form
) .gform_wrapper.gform-theme--foundation[class*="cs-theme--"]
  .form-has-collapsible-sections
  .gform_fields > .gsection.collapsible-sections-field
  + .collapsible-sections-collapsible-body {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

:is(
    .mjr-gf,
    .mjr-analysis-form-module,
    .mjr-matching-form-module,
    .mjr-interview-form-module,
    .mjr-assessment-form-module,
    .mjr-registration-form,
    .mjr-company-user-form,
    .mjr-account-form,
    .mjr-contact-form
) .gform_wrapper.gform-theme--foundation[class*="cs-theme--"]
  .form-has-collapsible-sections
  .gform_fields > .collapsible-sections-collapsible-body
  + .gsection.collapsible-sections-field {
    margin-top: var(--mjr-gf-section-gap) !important;
}

:where(
    .mjr-gf,
    .mjr-analysis-form-module,
    .mjr-matching-form-module,
    .mjr-interview-form-module,
    .mjr-assessment-form-module,
    .mjr-registration-form,
    .mjr-company-user-form,
    .mjr-account-form,
    .mjr-contact-form
) .collapsible-sections-collapsible-body p {
    color: var(--mjr-gf-text) !important;
    font-size: inherit !important;
    line-height: inherit !important;
}

/* ==========================================================
   2. Typografie, Feldabstände und Eingaben
   ========================================================== */

:where(
    .mjr-gf,
    .mjr-analysis-form-module,
    .mjr-matching-form-module,
    .mjr-interview-form-module,
    .mjr-assessment-form-module,
    .mjr-registration-form,
    .mjr-company-user-form,
    .mjr-account-form,
    .mjr-contact-form
) .gfield {
    margin-bottom: 16px !important;
}

:where(
    .mjr-gf,
    .mjr-analysis-form-module,
    .mjr-matching-form-module,
    .mjr-interview-form-module,
    .mjr-assessment-form-module,
    .mjr-registration-form,
    .mjr-company-user-form,
    .mjr-account-form,
    .mjr-contact-form
) :where(.gfield_label, legend.gfield_label) {
    margin: 0 0 7px !important;
    padding: 0 !important;
    color: var(--mjr-gf-blue) !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
}

:where(
    .mjr-gf,
    .mjr-analysis-form-module,
    .mjr-matching-form-module,
    .mjr-interview-form-module,
    .mjr-assessment-form-module,
    .mjr-registration-form,
    .mjr-company-user-form,
    .mjr-account-form,
    .mjr-contact-form
) :where(.gfield_required, .gfield_required_text) {
    color: var(--mjr-gf-orange) !important;
    font-size: 13px !important;
    font-weight: 500 !important;
}

:where(
    .mjr-gf,
    .mjr-analysis-form-module,
    .mjr-matching-form-module,
    .mjr-interview-form-module,
    .mjr-assessment-form-module,
    .mjr-registration-form,
    .mjr-company-user-form,
    .mjr-account-form,
    .mjr-contact-form
) :where(.gfield_description, .ginput_counter) {
    margin: 5px 0 8px !important;
    padding: 0 !important;
    color: var(--mjr-gf-muted) !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1.55 !important;
}

:where(
    .mjr-gf,
    .mjr-analysis-form-module,
    .mjr-matching-form-module,
    .mjr-interview-form-module,
    .mjr-assessment-form-module,
    .mjr-registration-form,
    .mjr-company-user-form,
    .mjr-account-form,
    .mjr-contact-form
) :where(
    input[type="text"],
    input[type="email"],
    input[type="password"],
    input[type="url"],
    input[type="tel"],
    input[type="number"],
    input[type="search"],
    select,
    textarea
) {
    width: 100% !important;
    min-height: 46px !important;
    margin: 0 !important;
    padding: 10px 12px !important;
    border: 1px solid var(--mjr-gf-border) !important;
    border-radius: 4px !important;
    background: var(--mjr-gf-white) !important;
    color: #252b38 !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    line-height: 24px !important;
    box-shadow: none !important;
    transition: border-color .2s ease, box-shadow .2s ease;
}

:where(
    .mjr-gf,
    .mjr-analysis-form-module,
    .mjr-matching-form-module,
    .mjr-interview-form-module,
    .mjr-assessment-form-module,
    .mjr-registration-form,
    .mjr-company-user-form,
    .mjr-account-form,
    .mjr-contact-form
) textarea {
    min-height: 130px !important;
    resize: vertical !important;
}

:where(
    .mjr-gf,
    .mjr-analysis-form-module,
    .mjr-matching-form-module,
    .mjr-interview-form-module,
    .mjr-assessment-form-module,
    .mjr-registration-form,
    .mjr-company-user-form,
    .mjr-account-form,
    .mjr-contact-form
) :where(input, select, textarea):focus {
    border-color: var(--mjr-gf-blue) !important;
    outline: none !important;
    box-shadow: 0 0 0 3px rgba(15, 39, 116, 0.12) !important;
}

/* Einfache zusammengesetzte Felder: Name, E-Mail-Bestätigung, Passwort. */
:where(
    .mjr-gf,
    .mjr-analysis-form-module,
    .mjr-matching-form-module,
    .mjr-interview-form-module,
    .mjr-assessment-form-module,
    .mjr-registration-form,
    .mjr-company-user-form,
    .mjr-account-form,
    .mjr-contact-form
) .ginput_complex:not(.ginput_container_address):not(.gform-phone__input-wrapper) {
    display: flex !important;
    gap: 18px !important;
    align-items: flex-start !important;
}

:where(
    .mjr-gf,
    .mjr-analysis-form-module,
    .mjr-matching-form-module,
    .mjr-interview-form-module,
    .mjr-assessment-form-module,
    .mjr-registration-form,
    .mjr-company-user-form,
    .mjr-account-form,
    .mjr-contact-form
) .ginput_complex:not(.ginput_container_address):not(.gform-phone__input-wrapper) > span {
    display: flex !important;
    min-width: 0 !important;
    flex: 1 1 0 !important;
    flex-direction: column !important;
}

:where(
    .mjr-gf,
    .mjr-analysis-form-module,
    .mjr-matching-form-module,
    .mjr-interview-form-module,
    .mjr-assessment-form-module,
    .mjr-registration-form,
    .mjr-company-user-form,
    .mjr-account-form,
    .mjr-contact-form
) .ginput_complex .gform-field-label--type-sub {
    margin: 6px 0 0 !important;
    color: var(--mjr-gf-text) !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    line-height: 1.35 !important;
}

/* ==========================================================
   3. Auswahlfelder
   ========================================================== */

:where(
    .mjr-gf,
    .mjr-analysis-form-module,
    .mjr-matching-form-module,
    .mjr-interview-form-module,
    .mjr-assessment-form-module,
    .mjr-registration-form,
    .mjr-company-user-form,
    .mjr-account-form,
    .mjr-contact-form
) .ginput_container_select {
    position: relative !important;
}

:where(
    .mjr-gf,
    .mjr-analysis-form-module,
    .mjr-matching-form-module,
    .mjr-interview-form-module,
    .mjr-assessment-form-module,
    .mjr-registration-form,
    .mjr-company-user-form,
    .mjr-account-form,
    .mjr-contact-form
) :where(select.gfield_select, .ginput_container_address select) {
    display: block !important;
    width: 100% !important;
    height: 48px !important;
    min-height: 48px !important;
    padding: 0 46px 0 14px !important;
    border: 1px solid var(--mjr-gf-border-strong) !important;
    border-radius: 4px !important;
    background-color: var(--mjr-gf-white) !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9'%3E%3Cpath d='M1 1.25 7 7.25 13 1.25' fill='none' stroke='%230f2774' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: right 18px center !important;
    background-size: 14px 9px !important;
    color: var(--mjr-gf-text) !important;
    line-height: 46px !important;
    text-align: left !important;
    text-indent: 0 !important;
    vertical-align: middle !important;
    appearance: none !important;
    -webkit-appearance: none !important;
}

:where(
    .mjr-gf,
    .mjr-analysis-form-module,
    .mjr-matching-form-module,
    .mjr-interview-form-module,
    .mjr-assessment-form-module,
    .mjr-registration-form,
    .mjr-company-user-form,
    .mjr-account-form,
    .mjr-contact-form
) :where(.ginput_container_select, .ginput_container_address .address_country)::after {
    display: none !important;
    content: none !important;
}

:where(
    .mjr-gf,
    .mjr-analysis-form-module,
    .mjr-matching-form-module,
    .mjr-interview-form-module,
    .mjr-assessment-form-module,
    .mjr-registration-form,
    .mjr-company-user-form,
    .mjr-account-form,
    .mjr-contact-form
) .ginput_container_select::before {
    display: none !important;
    content: none !important;
}

/* ==========================================================
   4. Gravity Forms 3 – Adresse
   ========================================================== */

:where(
    .mjr-gf,
    .mjr-analysis-form-module,
    .mjr-matching-form-module,
    .mjr-interview-form-module,
    .mjr-assessment-form-module,
    .mjr-registration-form,
    .mjr-company-user-form,
    .mjr-account-form,
    .mjr-contact-form
) .ginput_container_address {
    display: grid !important;
    grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
    gap: 14px 18px !important;
    width: 100% !important;
}

:where(
    .mjr-gf,
    .mjr-analysis-form-module,
    .mjr-matching-form-module,
    .mjr-interview-form-module,
    .mjr-assessment-form-module,
    .mjr-registration-form,
    .mjr-company-user-form,
    .mjr-account-form,
    .mjr-contact-form
) .ginput_container_address > span {
    display: flex !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    flex-direction: column !important;
}

:where(
    .mjr-gf,
    .mjr-analysis-form-module,
    .mjr-matching-form-module,
    .mjr-interview-form-module,
    .mjr-assessment-form-module,
    .mjr-registration-form,
    .mjr-company-user-form,
    .mjr-account-form,
    .mjr-contact-form
) .ginput_container_address :where(.address_line_1, .address_line_2) {
    grid-column: 1 / -1 !important;
}

:where(
    .mjr-gf,
    .mjr-analysis-form-module,
    .mjr-matching-form-module,
    .mjr-interview-form-module,
    .mjr-assessment-form-module,
    .mjr-registration-form,
    .mjr-company-user-form,
    .mjr-account-form,
    .mjr-contact-form
) .ginput_container_address .address_city {
    grid-column: 1 / span 6 !important;
}

:where(
    .mjr-gf,
    .mjr-analysis-form-module,
    .mjr-matching-form-module,
    .mjr-interview-form-module,
    .mjr-assessment-form-module,
    .mjr-registration-form,
    .mjr-company-user-form,
    .mjr-account-form,
    .mjr-contact-form
) .ginput_container_address :where(.address_zip, .address_state) {
    grid-column: 7 / -1 !important;
}

:where(
    .mjr-gf,
    .mjr-analysis-form-module,
    .mjr-matching-form-module,
    .mjr-interview-form-module,
    .mjr-assessment-form-module,
    .mjr-registration-form,
    .mjr-company-user-form,
    .mjr-account-form,
    .mjr-contact-form
) .ginput_container_address .address_country {
    grid-column: 1 / span 6 !important;
}

:where(
    .mjr-gf,
    .mjr-analysis-form-module,
    .mjr-matching-form-module,
    .mjr-interview-form-module,
    .mjr-assessment-form-module,
    .mjr-registration-form,
    .mjr-company-user-form,
    .mjr-account-form,
    .mjr-contact-form
) .ginput_container_address .gform-field-label--type-sub {
    order: -1 !important;
    margin: 0 0 6px !important;
    min-height: 20px !important;
    font-size: 14px !important;
    line-height: 20px !important;
}

/* ==========================================================
   5. Gravity Forms 3 – Internationales Telefonnummernfeld
   ========================================================== */

:where(
    .mjr-gf,
    .mjr-analysis-form-module,
    .mjr-matching-form-module,
    .mjr-interview-form-module,
    .mjr-assessment-form-module,
    .mjr-registration-form,
    .mjr-company-user-form,
    .mjr-account-form,
    .mjr-contact-form
) :where(.ginput_container_phone, .gform-phone) {
    width: 100% !important;
    max-width: none !important;
}

:where(
    .mjr-gf,
    .mjr-analysis-form-module,
    .mjr-matching-form-module,
    .mjr-interview-form-module,
    .mjr-assessment-form-module,
    .mjr-registration-form,
    .mjr-company-user-form,
    .mjr-account-form,
    .mjr-contact-form
) .gform-phone__input-wrapper {
    display: grid !important;
    grid-template-columns: 118px minmax(0, 1fr) !important;
    gap: 0 12px !important;
    align-items: end !important;
    width: 100% !important;
}

:where(
    .mjr-gf,
    .mjr-analysis-form-module,
    .mjr-matching-form-module,
    .mjr-interview-form-module,
    .mjr-assessment-form-module,
    .mjr-registration-form,
    .mjr-company-user-form,
    .mjr-account-form,
    .mjr-contact-form
) :where(
    .ginput_country-selector_container,
    .ginput_country_selector_container,
    .ginput_phone_container
) {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-rows: auto 46px !important;
    align-content: start !important;
    justify-items: stretch !important;
    min-width: 0 !important;
    width: 100% !important;
}

:where(
    .mjr-gf,
    .mjr-analysis-form-module,
    .mjr-matching-form-module,
    .mjr-interview-form-module,
    .mjr-assessment-form-module,
    .mjr-registration-form,
    .mjr-company-user-form,
    .mjr-account-form,
    .mjr-contact-form
) .gform-phone__input-wrapper .gform-field-label--type-sub {
    grid-row: 1 !important;
    grid-column: 1 !important;
    align-self: start !important;
    min-height: 22px !important;
    margin: 0 0 6px !important;
    padding: 0 !important;
    color: var(--mjr-gf-text) !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 22px !important;
}

:where(
    .mjr-gf,
    .mjr-analysis-form-module,
    .mjr-matching-form-module,
    .mjr-interview-form-module,
    .mjr-assessment-form-module,
    .mjr-registration-form,
    .mjr-company-user-form,
    .mjr-account-form,
    .mjr-contact-form
) :where(.gform-phone__country-selector, .gform-phone__input) {
    grid-row: 2 !important;
    grid-column: 1 !important;
    align-self: end !important;
    width: 100% !important;
    height: 46px !important;
    min-height: 46px !important;
    margin: 0 !important;
    border: 1px solid var(--mjr-gf-border) !important;
    border-radius: 4px !important;
    background: var(--mjr-gf-white) !important;
    color: #252b38 !important;
    font-size: 15px !important;
    line-height: 1.45 !important;
    box-shadow: none !important;
}

:where(
    .mjr-gf,
    .mjr-analysis-form-module,
    .mjr-matching-form-module,
    .mjr-interview-form-module,
    .mjr-assessment-form-module,
    .mjr-registration-form,
    .mjr-company-user-form,
    .mjr-account-form,
    .mjr-contact-form
) .gform-phone__country-selector {
    display: flex !important;
    padding: 0 14px !important;
    align-items: center !important;
    justify-content: flex-start !important;
}

:where(
    .mjr-gf,
    .mjr-analysis-form-module,
    .mjr-matching-form-module,
    .mjr-interview-form-module,
    .mjr-assessment-form-module,
    .mjr-registration-form,
    .mjr-company-user-form,
    .mjr-account-form,
    .mjr-contact-form
) .gform-phone__input {
    padding: 10px 14px !important;
}

/* ==========================================================
   6. Passwortfelder
   ========================================================== */

:where(
    .mjr-gf,
    .mjr-analysis-form-module,
    .mjr-matching-form-module,
    .mjr-interview-form-module,
    .mjr-assessment-form-module,
    .mjr-registration-form,
    .mjr-company-user-form,
    .mjr-account-form,
    .mjr-contact-form
) :where(.ginput_container_password, .gfield_password_strength) {
    width: 100% !important;
}

:where(
    .mjr-gf,
    .mjr-analysis-form-module,
    .mjr-matching-form-module,
    .mjr-interview-form-module,
    .mjr-assessment-form-module,
    .mjr-registration-form,
    .mjr-company-user-form,
    .mjr-account-form,
    .mjr-contact-form
) .gfield_password_strength {
    clear: both !important;
    margin: 12px 0 0 !important;
    position: relative !important;
    padding: 0 0 0 112px !important;
    border: 0 !important;
    background: transparent !important;
    color: var(--mjr-gf-text) !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 22px !important;
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-height: 22px !important;
    overflow: visible !important;
    white-space: nowrap !important;
    text-align: left !important;
    text-indent: 0 !important;
    box-sizing: border-box !important;
}

/* Statuslinie links, Statusbezeichnung gut lesbar rechts daneben. */
:where(
    .mjr-gf,
    .mjr-analysis-form-module,
    .mjr-matching-form-module,
    .mjr-interview-form-module,
    .mjr-assessment-form-module,
    .mjr-registration-form,
    .mjr-company-user-form,
    .mjr-account-form,
    .mjr-contact-form
) .gfield_password_strength::before {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    left: 0 !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 96px !important;
    height: 6px !important;
    border-radius: 999px !important;
    background: #e1e5ec !important;
}

:where(
    .mjr-gf,
    .mjr-analysis-form-module,
    .mjr-matching-form-module,
    .mjr-interview-form-module,
    .mjr-assessment-form-module,
    .mjr-registration-form,
    .mjr-company-user-form,
    .mjr-account-form,
    .mjr-contact-form
) .gfield_password_strength::after {
    content: none !important;
    display: none !important;
}

:where(
    .mjr-gf,
    .mjr-analysis-form-module,
    .mjr-matching-form-module,
    .mjr-interview-form-module,
    .mjr-assessment-form-module,
    .mjr-registration-form,
    .mjr-company-user-form,
    .mjr-account-form,
    .mjr-contact-form
) .gfield_password_strength:is(.short, .bad, .mismatch)::before {
    background: #c64b3c !important;
}

:where(
    .mjr-gf,
    .mjr-analysis-form-module,
    .mjr-matching-form-module,
    .mjr-interview-form-module,
    .mjr-assessment-form-module,
    .mjr-registration-form,
    .mjr-company-user-form,
    .mjr-account-form,
    .mjr-contact-form
) .gfield_password_strength.good::before {
    background: #d99a24 !important;
}

:where(
    .mjr-gf,
    .mjr-analysis-form-module,
    .mjr-matching-form-module,
    .mjr-interview-form-module,
    .mjr-assessment-form-module,
    .mjr-registration-form,
    .mjr-company-user-form,
    .mjr-account-form,
    .mjr-contact-form
) .gfield_password_strength.strong::before {
    background: #2f7f5f !important;
}

/* ==========================================================
   7. Checkboxen, Radiofelder, Bildauswahl und Hinweise
   ========================================================== */

:where(
    .mjr-gf,
    .mjr-analysis-form-module,
    .mjr-matching-form-module,
    .mjr-interview-form-module,
    .mjr-assessment-form-module,
    .mjr-registration-form,
    .mjr-company-user-form,
    .mjr-account-form,
    .mjr-contact-form
) :where(.gfield_checkbox, .gfield_radio) {
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
}

:where(
    .mjr-gf,
    .mjr-analysis-form-module,
    .mjr-matching-form-module,
    .mjr-interview-form-module,
    .mjr-assessment-form-module,
    .mjr-registration-form,
    .mjr-company-user-form,
    .mjr-account-form,
    .mjr-contact-form
) .gchoice:not(.image-choices-choice) {
    display: grid !important;
    grid-template-columns: 20px minmax(0, 1fr) !important;
    align-items: start !important;
    gap: 10px !important;
    margin: 0 !important;
    line-height: 1.5 !important;
    min-width: 0 !important;
}

:where(
    .mjr-gf,
    .mjr-analysis-form-module,
    .mjr-matching-form-module,
    .mjr-interview-form-module,
    .mjr-assessment-form-module,
    .mjr-registration-form,
    .mjr-company-user-form,
    .mjr-account-form,
    .mjr-contact-form
) .gchoice:not(.image-choices-choice) :where(
    input.gfield-choice-input[type="checkbox"],
    input.gfield-choice-input[type="radio"]
) {
    width: 19px !important;
    height: 19px !important;
    min-height: 0 !important;
    margin: 2px 0 0 !important;
    padding: 0 !important;
    accent-color: var(--mjr-gf-blue) !important;
}

:where(
    .mjr-gf,
    .mjr-analysis-form-module,
    .mjr-matching-form-module,
    .mjr-interview-form-module,
    .mjr-assessment-form-module,
    .mjr-registration-form,
    .mjr-company-user-form,
    .mjr-account-form,
    .mjr-contact-form
) .gchoice:not(.image-choices-choice) .gform-field-label--type-inline {
    margin: 0 !important;
    color: var(--mjr-gf-text) !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
}

/* Standard-Einwilligungsfeld ohne .gchoice-Container. */
:where(
    .mjr-gf,
    .mjr-analysis-form-module,
    .mjr-matching-form-module,
    .mjr-interview-form-module,
    .mjr-assessment-form-module,
    .mjr-registration-form,
    .mjr-company-user-form,
    .mjr-account-form,
    .mjr-contact-form
) .ginput_container_consent {
    display: flex !important;
    align-items: flex-start !important;
    gap: 10px !important;
}

:where(
    .mjr-gf,
    .mjr-analysis-form-module,
    .mjr-matching-form-module,
    .mjr-interview-form-module,
    .mjr-assessment-form-module,
    .mjr-registration-form,
    .mjr-company-user-form,
    .mjr-account-form,
    .mjr-contact-form
) .ginput_container_consent input[type="checkbox"] {
    flex: 0 0 auto !important;
    width: 20px !important;
    height: 20px !important;
    min-height: 0 !important;
    margin: 2px 0 0 !important;
    padding: 0 !important;
    accent-color: var(--mjr-gf-blue) !important;
}

:where(
    .mjr-gf,
    .mjr-analysis-form-module,
    .mjr-matching-form-module,
    .mjr-interview-form-module,
    .mjr-assessment-form-module,
    .mjr-registration-form,
    .mjr-company-user-form,
    .mjr-account-form,
    .mjr-contact-form
) .ginput_container_consent label {
    margin: 0 !important;
    color: var(--mjr-gf-text) !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    line-height: 1.5 !important;
}

/*
 * Divi Pixel vollständig auf native Checkboxen und Radiofelder
 * in Markenblau zurücksetzen; Bildauswahl bleibt unberührt.
 */
:is(
    .mjr-gf,
    .mjr-analysis-form-module,
    .mjr-matching-form-module,
    .mjr-interview-form-module,
    .mjr-assessment-form-module,
    .mjr-registration-form,
    .mjr-company-user-form,
    .mjr-account-form,
    .mjr-contact-form
).dipi_gravity_forms_styler
    .gform_wrapper.gform-theme
    .gchoice:not(.image-choices-choice)
    input.gfield-choice-input[type="checkbox"],
:is(
    .mjr-gf,
    .mjr-analysis-form-module,
    .mjr-matching-form-module,
    .mjr-interview-form-module,
    .mjr-assessment-form-module,
    .mjr-registration-form,
    .mjr-company-user-form,
    .mjr-account-form,
    .mjr-contact-form
).dipi_gravity_forms_styler
    .gform_wrapper.gform-theme
    .gchoice:not(.image-choices-choice)
    input.gfield-choice-input[type="radio"] {
    width: 19px !important;
    height: 19px !important;
    min-height: 0 !important;
    margin: 2px 0 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: initial !important;
    background: initial !important;
    box-shadow: none !important;
    accent-color: var(--mjr-gf-blue) !important;
    appearance: auto !important;
    -webkit-appearance: auto !important;
}

:is(
    .mjr-gf,
    .mjr-analysis-form-module,
    .mjr-matching-form-module,
    .mjr-interview-form-module,
    .mjr-assessment-form-module,
    .mjr-registration-form,
    .mjr-company-user-form,
    .mjr-account-form,
    .mjr-contact-form
).dipi_gravity_forms_styler
    .gform_wrapper.gform-theme
    .gchoice:not(.image-choices-choice)
    input.gfield-choice-input[type="checkbox"]::before,
:is(
    .mjr-gf,
    .mjr-analysis-form-module,
    .mjr-matching-form-module,
    .mjr-interview-form-module,
    .mjr-assessment-form-module,
    .mjr-registration-form,
    .mjr-company-user-form,
    .mjr-account-form,
    .mjr-contact-form
).dipi_gravity_forms_styler
    .gform_wrapper.gform-theme
    .gchoice:not(.image-choices-choice)
    input.gfield-choice-input[type="checkbox"]::after,
:is(
    .mjr-gf,
    .mjr-analysis-form-module,
    .mjr-matching-form-module,
    .mjr-interview-form-module,
    .mjr-assessment-form-module,
    .mjr-registration-form,
    .mjr-company-user-form,
    .mjr-account-form,
    .mjr-contact-form
).dipi_gravity_forms_styler
    .gform_wrapper.gform-theme
    .gchoice:not(.image-choices-choice)
    input.gfield-choice-input[type="radio"]::before,
:is(
    .mjr-gf,
    .mjr-analysis-form-module,
    .mjr-matching-form-module,
    .mjr-interview-form-module,
    .mjr-assessment-form-module,
    .mjr-registration-form,
    .mjr-company-user-form,
    .mjr-account-form,
    .mjr-contact-form
).dipi_gravity_forms_styler
    .gform_wrapper.gform-theme
    .gchoice:not(.image-choices-choice)
    input.gfield-choice-input[type="radio"]::after {
    content: none !important;
    display: none !important;
}

/* Gravity Forms Image Choices: auf grossen Anzeigen zwei Karten nebeneinander. */
:where(
    .mjr-gf,
    .mjr-analysis-form-module,
    .mjr-matching-form-module,
    .mjr-interview-form-module,
    .mjr-assessment-form-module,
    .mjr-registration-form,
    .mjr-company-user-form,
    .mjr-account-form,
    .mjr-contact-form
) :where(.image-choices-field, .gfield--type-image_choice) .gfield_radio {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 18px !important;
    align-items: stretch !important;
}

:where(
    .mjr-gf,
    .mjr-analysis-form-module,
    .mjr-matching-form-module,
    .mjr-interview-form-module,
    .mjr-assessment-form-module,
    .mjr-registration-form,
    .mjr-company-user-form,
    .mjr-account-form,
    .mjr-contact-form
) :where(.image-choices-field, .gfield--type-image_choice) .gchoice {
    width: 100% !important;
    margin: 0 !important;
}

/* Form 77, Feld 23: kompakte und eindeutig auswählbare Analyse-Karten. */
.mjr-analysis-form-module #gform_77 #field_77_23 .gfield_radio {
    gap: 16px !important;
}

.mjr-analysis-form-module #gform_77 #field_77_23 .gchoice {
    position: relative !important;
    min-width: 0 !important;
    overflow: visible !important;
    border: 1px solid #cbd5eb !important;
    border-radius: 10px !important;
    background: #fff !important;
    box-shadow: 0 4px 14px rgba(15, 39, 116, .06) !important;
    transition: border-color .2s ease, background-color .2s ease, box-shadow .2s ease !important;
}

.mjr-analysis-form-module #gform_77 #field_77_23 .gchoice:hover {
    border-color: #91a2cf !important;
    box-shadow: 0 7px 18px rgba(15, 39, 116, .10) !important;
}

.mjr-analysis-form-module #gform_77 #field_77_23 .gchoice.image-choices-choice-selected,
.mjr-analysis-form-module #gform_77 #field_77_23 .gchoice:has(input.gfield-choice-input:checked) {
    border-color: var(--mjr-gf-orange) !important;
    background: #fff8f5 !important;
    box-shadow: inset 0 0 0 1px var(--mjr-gf-orange), 0 7px 18px rgba(243, 57, 8, .10) !important;
}

.mjr-analysis-form-module #gform_77 #field_77_23 .gchoice > label {
    display: grid !important;
    grid-template-columns: 148px minmax(0, 1fr) !important;
    gap: 16px !important;
    width: 100% !important;
    min-height: 116px !important;
    margin: 0 !important;
    padding: 10px 54px 10px 10px !important;
    align-items: center !important;
    color: var(--mjr-gf-blue) !important;
    cursor: pointer !important;
}

.mjr-analysis-form-module #gform_77 #field_77_23 .image-choices-choice-image-wrap {
    width: 148px !important;
    height: 96px !important;
    margin: 0 !important;
    border-radius: 7px !important;
    background-position: center !important;
    background-size: cover !important;
}

.mjr-analysis-form-module #gform_77 #field_77_23 .image-choices-choice-image-wrap::after {
    box-shadow: none !important;
}

.mjr-analysis-form-module #gform_77 #field_77_23 .image-choices-choice-text {
    margin: 0 !important;
    color: var(--mjr-gf-blue) !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
    text-align: left !important;
}

/* Eigener Auswahlstatus statt des schwer erkennbaren Plugin-Rahmens. */
.mjr-analysis-form-module #gform_77 #field_77_23 .gchoice > label::after {
    content: "" !important;
    position: absolute !important;
    right: 14px !important;
    bottom: 13px !important;
    display: flex !important;
    width: 25px !important;
    height: 25px !important;
    align-items: center !important;
    justify-content: center !important;
    border: 2px solid #a9b4ce !important;
    border-radius: 50% !important;
    background: #fff !important;
    color: #fff !important;
    font-size: 16px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    box-sizing: border-box !important;
}

.mjr-analysis-form-module #gform_77 #field_77_23 .gchoice.image-choices-choice-selected > label::after,
.mjr-analysis-form-module #gform_77 #field_77_23 .gchoice:has(input.gfield-choice-input:checked) > label::after {
    content: "\2713" !important;
    border-color: var(--mjr-gf-orange) !important;
    background: var(--mjr-gf-orange) !important;
}

.mjr-analysis-form-module #gform_77 #field_77_23 input.gfield-choice-input:focus-visible + label {
    outline: 3px solid rgba(15, 39, 116, .25) !important;
    outline-offset: 3px !important;
    border-radius: 8px !important;
}

/* Das Fragezeichen des Tooltip-Plugins wird als ruhiges Info-Symbol dargestellt. */
.mjr-analysis-form-module #gform_77 #field_77_23 .gftt-icon {
    position: absolute !important;
    top: 12px !important;
    right: 14px !important;
    left: auto !important;
    display: flex !important;
    width: 25px !important;
    height: 25px !important;
    align-items: center !important;
    justify-content: center !important;
    border: 1px solid #cbd5eb !important;
    border-radius: 50% !important;
    background: #f3f6fc !important;
    color: var(--mjr-gf-blue) !important;
    font-family: inherit !important;
    font-size: 0 !important;
    font-style: normal !important;
    line-height: 1 !important;
    box-sizing: border-box !important;
    cursor: help !important;
    z-index: 3 !important;
}

.mjr-analysis-form-module #gform_77 #field_77_23 .gftt-icon::before {
    content: "i" !important;
    font-family: inherit !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
}

/*
 * Der Tooltip wird vom Plugin als #powerTip direkt unter <body> ausgegeben.
 * Die Klassen gftt-77_23_* begrenzen diese Gestaltung auf Analyseart.
 */
#powerTip[class*="gftt-77_23_"] {
    width: 330px !important;
    max-width: calc(100vw - 32px) !important;
    padding: 17px 19px !important;
    border: 1px solid #cbd5eb !important;
    border-radius: 10px !important;
    background: #f8faff !important;
    color: #3f4b64 !important;
    font-family: inherit !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1.55 !important;
    box-shadow: 0 12px 30px rgba(15, 39, 116, .16) !important;
    box-sizing: border-box !important;
}

#powerTip[class*="gftt-77_23_"] p {
    margin: 0 !important;
    color: #3f4b64 !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1.55 !important;
}

#powerTip[class*="gftt-77_23_"] strong {
    display: inline-block !important;
    margin: 0 0 5px !important;
    color: var(--mjr-gf-blue, #0f2774) !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
}

#powerTip[class*="gftt-77_23_"] hr {
    display: none !important;
}

/* Dezente Pfeilfläche passend zur neuen Infokarte. */
#powerTip[class*="gftt-77_23_"].n::before,
#powerTip[class*="gftt-77_23_"].ne::before,
#powerTip[class*="gftt-77_23_"].nw::before,
#powerTip[class*="gftt-77_23_"].ne-alt::before,
#powerTip[class*="gftt-77_23_"].nw-alt::before {
    border-top-color: #f8faff !important;
}

#powerTip[class*="gftt-77_23_"].s::before,
#powerTip[class*="gftt-77_23_"].se::before,
#powerTip[class*="gftt-77_23_"].sw::before,
#powerTip[class*="gftt-77_23_"].se-alt::before,
#powerTip[class*="gftt-77_23_"].sw-alt::before {
    border-bottom-color: #f8faff !important;
}

#powerTip[class*="gftt-77_23_"].e::before {
    border-right-color: #f8faff !important;
}

#powerTip[class*="gftt-77_23_"].w::before {
    border-left-color: #f8faff !important;
}

@media (max-width: 767px) {
    .mjr-analysis-form-module #gform_77 #field_77_23 .gchoice > label {
        grid-template-columns: 112px minmax(0, 1fr) !important;
        gap: 12px !important;
        min-height: 104px !important;
        padding: 9px 48px 9px 9px !important;
    }

    .mjr-analysis-form-module #gform_77 #field_77_23 .image-choices-choice-image-wrap {
        width: 112px !important;
        height: 84px !important;
    }

    .mjr-analysis-form-module #gform_77 #field_77_23 .image-choices-choice-text {
        font-size: 15px !important;
    }
}

:where(
    .mjr-gf,
    .mjr-analysis-form-module,
    .mjr-matching-form-module,
    .mjr-interview-form-module,
    .mjr-assessment-form-module,
    .mjr-registration-form,
    .mjr-company-user-form,
    .mjr-account-form,
    .mjr-contact-form
) :where(.mjr-field-note, .gfield_html.mjr-field-note) {
    margin: 4px 0 16px !important;
    padding: 16px 18px !important;
    border: 1px solid rgba(243, 57, 8, .18) !important;
    border-left: 4px solid var(--mjr-gf-orange) !important;
    border-radius: 5px !important;
    background: var(--mjr-gf-soft-orange) !important;
    color: var(--mjr-gf-text) !important;
    font-size: 14px !important;
    line-height: 1.55 !important;
}

/* Gravity Perks Terms of Service. */
:where(
    .mjr-gf,
    .mjr-analysis-form-module,
    .mjr-matching-form-module,
    .mjr-interview-form-module,
    .mjr-assessment-form-module,
    .mjr-registration-form,
    .mjr-company-user-form,
    .mjr-account-form,
    .mjr-contact-form
) :where(.gptos_terms_container, .gfield--type-terms_of_service) {
    color: var(--mjr-gf-text) !important;
    font-size: 14px !important;
    line-height: 1.55 !important;
}

/* ==========================================================
   8. Submit-Button und Spinner
   ========================================================== */

:where(
    .mjr-gf,
    .mjr-analysis-form-module,
    .mjr-matching-form-module,
    .mjr-interview-form-module,
    .mjr-assessment-form-module,
    .mjr-registration-form,
    .mjr-company-user-form,
    .mjr-account-form,
    .mjr-contact-form
) :where(.gform-footer, .gform_footer) {
    position: relative !important;
    display: flex !important;
    width: fit-content !important;
    max-width: 100% !important;
    margin: 22px auto 0 !important;
    padding: 0 32px 2px 0 !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: visible !important;
}

:where(
    .mjr-gf,
    .mjr-analysis-form-module,
    .mjr-matching-form-module,
    .mjr-interview-form-module,
    .mjr-assessment-form-module,
    .mjr-registration-form,
    .mjr-company-user-form,
    .mjr-account-form,
    .mjr-contact-form
) :where(button.gform_button, button[type="submit"], input[type="submit"]) {
    position: relative !important;
    display: inline-flex !important;
    min-width: 220px !important;
    min-height: 50px !important;
    margin: 0 !important;
    padding: 13px 52px 13px 24px !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: visible !important;
    border: 1px solid var(--mjr-gf-orange) !important;
    border-radius: 0 !important;
    background: var(--mjr-gf-orange) !important;
    color: var(--mjr-gf-white) !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1.25 !important;
    text-align: center !important;
    text-transform: uppercase !important;
    box-shadow: none !important;
    cursor: pointer !important;
    transition: background-color .2s ease, border-color .2s ease, transform .2s ease !important;
}

:where(
    .mjr-gf,
    .mjr-analysis-form-module,
    .mjr-matching-form-module,
    .mjr-interview-form-module,
    .mjr-assessment-form-module,
    .mjr-registration-form,
    .mjr-company-user-form,
    .mjr-account-form,
    .mjr-contact-form
) :where(button.gform_button, button[type="submit"])::after {
    position: absolute !important;
    top: 50% !important;
    right: 20px !important;
    display: block !important;
    margin: 0 !important;
    transform: translateY(-50%) !important;
    color: var(--mjr-gf-white) !important;
    content: "\2192" !important;
    font-family: inherit !important;
    font-size: 18px !important;
    font-weight: 400 !important;
    line-height: 1 !important;
    opacity: 1 !important;
}

:where(
    .mjr-gf,
    .mjr-analysis-form-module,
    .mjr-matching-form-module,
    .mjr-interview-form-module,
    .mjr-assessment-form-module,
    .mjr-registration-form,
    .mjr-company-user-form,
    .mjr-account-form,
    .mjr-contact-form
) :where(button.gform_button, button[type="submit"], input[type="submit"]):hover,
:where(
    .mjr-gf,
    .mjr-analysis-form-module,
    .mjr-matching-form-module,
    .mjr-interview-form-module,
    .mjr-assessment-form-module,
    .mjr-registration-form,
    .mjr-company-user-form,
    .mjr-account-form,
    .mjr-contact-form
) :where(button.gform_button, button[type="submit"], input[type="submit"]):focus-visible {
    border-color: var(--mjr-gf-orange-dark) !important;
    background: var(--mjr-gf-orange-dark) !important;
    color: var(--mjr-gf-white) !important;
    transform: translateY(-1px) !important;
}

/* Administrative Kontoseiten: primaere Aktion in Markenblau. */
body .mjr-account-form :where(
    button.gform_button,
    button[type="submit"],
    input[type="submit"]
) {
    border-color: var(--mjr-gf-blue) !important;
    background: var(--mjr-gf-blue) !important;
    color: var(--mjr-gf-white) !important;
}

body .mjr-account-form :where(
    button.gform_button,
    button[type="submit"],
    input[type="submit"]
):hover,
body .mjr-account-form :where(
    button.gform_button,
    button[type="submit"],
    input[type="submit"]
):focus-visible {
    border-color: var(--mjr-gf-blue-dark) !important;
    background: var(--mjr-gf-blue-dark) !important;
    color: var(--mjr-gf-white) !important;
}

/* Gravity Forms 3: Loader rechts neben dem Button. */
:where(
    .mjr-gf,
    .mjr-analysis-form-module,
    .mjr-matching-form-module,
    .mjr-interview-form-module,
    .mjr-assessment-form-module,
    .mjr-registration-form,
    .mjr-company-user-form,
    .mjr-account-form,
    .mjr-contact-form
) :where(button.gform_button, button[type="submit"]) .gform-loader {
    position: absolute !important;
    top: calc(50% - 10px) !important;
    right: -32px !important;
    bottom: auto !important;
    left: auto !important;
    display: inline-block !important;
    width: 20px !important;
    height: 20px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 3px solid rgba(15, 39, 116, .22) !important;
    border-top-color: var(--mjr-gf-blue) !important;
    border-right-color: var(--mjr-gf-blue) !important;
    border-radius: 50% !important;
    background: transparent !important;
    box-shadow: none !important;
    opacity: 1 !important;
    z-index: 2 !important;
}

/* Ältere AJAX-Spinner. */
:where(
    .mjr-gf,
    .mjr-analysis-form-module,
    .mjr-matching-form-module,
    .mjr-interview-form-module,
    .mjr-assessment-form-module,
    .mjr-registration-form,
    .mjr-company-user-form,
    .mjr-account-form,
    .mjr-contact-form
) :where(.gform-footer, .gform_footer) .gform_ajax_spinner {
    position: static !important;
    width: 20px !important;
    height: 20px !important;
    margin: 0 0 0 12px !important;
    padding: 0 !important;
}

/* ==========================================================
   9. Validierung und Standardbestätigung
   ========================================================== */

:where(
    .mjr-gf,
    .mjr-analysis-form-module,
    .mjr-matching-form-module,
    .mjr-interview-form-module,
    .mjr-assessment-form-module,
    .mjr-registration-form,
    .mjr-company-user-form,
    .mjr-account-form,
    .mjr-contact-form
) :where(.gform_validation_errors, .validation_message) {
    border: 1px solid rgba(243, 57, 8, .28) !important;
    border-left: 4px solid var(--mjr-gf-orange) !important;
    border-radius: 4px !important;
    background: var(--mjr-gf-soft-orange) !important;
    color: var(--mjr-gf-blue) !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
}

:where(
    .mjr-gf,
    .mjr-analysis-form-module,
    .mjr-matching-form-module,
    .mjr-interview-form-module,
    .mjr-assessment-form-module,
    .mjr-registration-form,
    .mjr-company-user-form,
    .mjr-account-form,
    .mjr-contact-form
) :where(.gform_confirmation_wrapper, .gform_confirmation_message) {
    width: 100% !important;
}

/* Technische Felder und Honeypots bleiben unsichtbar. */
:where(
    .mjr-gf,
    .mjr-analysis-form-module,
    .mjr-matching-form-module,
    .mjr-interview-form-module,
    .mjr-assessment-form-module,
    .mjr-registration-form,
    .mjr-company-user-form,
    .mjr-account-form,
    .mjr-contact-form
) :where(.gform_validation_container, .gform_required_legend[style*="display: none"]) {
    display: none !important;
}

/* ==========================================================
   10. Responsive
   ========================================================== */

@media (max-width: 767px) {
    :where(
        .mjr-gf,
        .mjr-analysis-form-module,
        .mjr-matching-form-module,
        .mjr-interview-form-module,
        .mjr-assessment-form-module,
        .mjr-registration-form,
        .mjr-company-user-form,
        .mjr-account-form,
        .mjr-contact-form
    ) .gform_fields > .gsection.collapsible-sections-field {
        min-height: 58px !important;
        padding: 15px 44px 15px 62px !important;
    }

    :where(
        .mjr-gf,
        .mjr-analysis-form-module,
        .mjr-matching-form-module,
        .mjr-interview-form-module,
        .mjr-assessment-form-module,
        .mjr-registration-form,
        .mjr-company-user-form,
        .mjr-account-form,
        .mjr-contact-form
    ) .gsection.collapsible-sections-field .gsection_title {
        font-size: 14px !important;
    }

    :where(
        .mjr-gf,
        .mjr-analysis-form-module,
        .mjr-matching-form-module,
        .mjr-interview-form-module,
        .mjr-assessment-form-module,
        .mjr-registration-form,
        .mjr-company-user-form,
        .mjr-account-form,
        .mjr-contact-form
    ) .gform_fields > .gsection.collapsible-sections-field::before {
        left: 14px !important;
        width: 32px !important;
        height: 32px !important;
    }

    :where(
        .mjr-gf,
        .mjr-analysis-form-module,
        .mjr-matching-form-module,
        .mjr-interview-form-module,
        .mjr-assessment-form-module,
        .mjr-registration-form,
        .mjr-company-user-form,
        .mjr-account-form,
        .mjr-contact-form
    ) .gform_fields > .gsection.collapsible-sections-field::after {
        right: 16px !important;
    }

    :where(
        .mjr-gf,
        .mjr-analysis-form-module,
        .mjr-matching-form-module,
        .mjr-interview-form-module,
        .mjr-assessment-form-module,
        .mjr-registration-form,
        .mjr-company-user-form,
        .mjr-account-form,
        .mjr-contact-form
    ) .gsection.collapsible-sections-field + .collapsible-sections-collapsible-body {
        padding: 20px 15px 18px !important;
        font-size: 15px !important;
    }

    :where(
        .mjr-gf,
        .mjr-analysis-form-module,
        .mjr-matching-form-module,
        .mjr-interview-form-module,
        .mjr-assessment-form-module,
        .mjr-registration-form,
        .mjr-company-user-form,
        .mjr-account-form,
        .mjr-contact-form
    ) .ginput_complex:not(.ginput_container_address):not(.gform-phone__input-wrapper) {
        flex-direction: column !important;
        gap: 14px !important;
    }

    :where(
        .mjr-gf,
        .mjr-analysis-form-module,
        .mjr-matching-form-module,
        .mjr-interview-form-module,
        .mjr-assessment-form-module,
        .mjr-registration-form,
        .mjr-company-user-form,
        .mjr-account-form,
        .mjr-contact-form
    ) .ginput_container_address {
        grid-template-columns: 1fr !important;
        gap: 13px !important;
    }

    :where(
        .mjr-gf,
        .mjr-analysis-form-module,
        .mjr-matching-form-module,
        .mjr-interview-form-module,
        .mjr-assessment-form-module,
        .mjr-registration-form,
        .mjr-company-user-form,
        .mjr-account-form,
        .mjr-contact-form
    ) .ginput_container_address > span {
        grid-column: 1 !important;
    }

    :where(
        .mjr-gf,
        .mjr-analysis-form-module,
        .mjr-matching-form-module,
        .mjr-interview-form-module,
        .mjr-assessment-form-module,
        .mjr-registration-form,
        .mjr-company-user-form,
        .mjr-account-form,
        .mjr-contact-form
    ) .gform-phone__input-wrapper {
        grid-template-columns: 110px minmax(0, 1fr) !important;
        gap: 0 10px !important;
    }

    :where(
        .mjr-gf,
        .mjr-analysis-form-module,
        .mjr-matching-form-module,
        .mjr-interview-form-module,
        .mjr-assessment-form-module,
        .mjr-registration-form,
        .mjr-company-user-form,
        .mjr-account-form,
        .mjr-contact-form
    ) :where(.image-choices-field, .gfield--type-image_choice) .gfield_radio {
        grid-template-columns: 1fr !important;
    }

    :where(
        .mjr-gf,
        .mjr-analysis-form-module,
        .mjr-matching-form-module,
        .mjr-interview-form-module,
        .mjr-assessment-form-module,
        .mjr-registration-form,
        .mjr-company-user-form,
        .mjr-account-form,
        .mjr-contact-form
    ) :where(.gform-footer, .gform_footer) {
        width: 100% !important;
        padding-right: 32px !important;
    }

    :where(
        .mjr-gf,
        .mjr-analysis-form-module,
        .mjr-matching-form-module,
        .mjr-interview-form-module,
        .mjr-assessment-form-module,
        .mjr-registration-form,
        .mjr-company-user-form,
        .mjr-account-form,
        .mjr-contact-form
    ) :where(button.gform_button, button[type="submit"], input[type="submit"]) {
        width: 100% !important;
        min-width: 0 !important;
    }
}

/* ==========================================================
   9. Form 81 – Assessment Case Generator Read-only UI
   Benötigt: mjr-form81-readonly-report-ui-v1-8.php
   Ausschliesslich auf Form 81 im Assessment-Modul begrenzt.
   ========================================================== */

.mjr-assessment-form-module #gform_wrapper_81 {
    overflow: visible !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

.mjr-assessment-form-module #gform_81 {
    padding: 0 30px 32px !important;
}

/* Schreibgeschützte Zusammenfassung aus Form 83. */
.mjr-assessment-form-module #gform_81 .mjr-form81-user-summary {
    grid-column: 1 / -1 !important;
    overflow: hidden !important;
    margin: 0 0 12px !important;
    border: 1px solid #cbd5eb !important;
    border-radius: 10px !important;
    background: #f8faff !important;
}

.mjr-assessment-form-module #gform_81 .mjr-form81-user-summary-heading {
    display: flex !important;
    padding: 15px 18px !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 14px !important;
    border-bottom: 1px solid #dde4f2 !important;
}

.mjr-assessment-form-module #gform_81 :where(
    .mjr-form81-user-summary-title,
    .mjr-form81-readonly-status,
    .mjr-form81-privacy-line,
    .mjr-form81-usage-heading,
    .mjr-form81-delivery-line
) {
    display: flex !important;
    align-items: center !important;
}

.mjr-assessment-form-module #gform_81 .mjr-form81-user-summary-title {
    gap: 10px !important;
    color: var(--mjr-gf-blue) !important;
    font-size: 15px !important;
    font-weight: 700 !important;
}

.mjr-assessment-form-module #gform_81 .mjr-form81-readonly-status {
    gap: 6px !important;
    color: #66728b !important;
    font-size: 12px !important;
}

.mjr-assessment-form-module #gform_81 :where(
    .mjr-form81-user-summary-title,
    .mjr-form81-readonly-status,
    .mjr-form81-privacy-line,
    .mjr-form81-usage-heading,
    .mjr-form81-delivery-line
) svg {
    flex: 0 0 auto !important;
}

.mjr-assessment-form-module #gform_81 .mjr-form81-user-data {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    padding: 18px !important;
}

.mjr-assessment-form-module #gform_81 .mjr-form81-user-item {
    min-width: 0 !important;
    padding: 0 18px !important;
    border-left: 1px solid #dce3f0 !important;
}

.mjr-assessment-form-module #gform_81 .mjr-form81-user-item:first-child {
    padding-left: 0 !important;
    border-left: 0 !important;
}

.mjr-assessment-form-module #gform_81 .mjr-form81-user-label {
    margin: 0 0 5px !important;
    color: #66728b !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: .07em !important;
    line-height: 1.35 !important;
    text-transform: uppercase !important;
}

.mjr-assessment-form-module #gform_81 .mjr-form81-user-value {
    overflow-wrap: anywhere !important;
    color: #12265f !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1.45 !important;
}

.mjr-assessment-form-module #gform_81 .mjr-form81-privacy-line {
    padding: 11px 18px !important;
    gap: 8px !important;
    border-top: 1px solid #ffd8cb !important;
    background: var(--mjr-gf-soft-orange) !important;
    color: #5d6880 !important;
    font-size: 12px !important;
    line-height: 1.45 !important;
}

.mjr-assessment-form-module #gform_81 .mjr-form81-privacy-line svg {
    color: var(--mjr-gf-orange) !important;
}

.mjr-assessment-form-module #gform_81 .mjr-form81-master-error {
    grid-column: 1 / -1 !important;
    display: grid !important;
    gap: 4px !important;
    margin: 0 0 20px !important;
    padding: 15px 18px !important;
    border: 1px solid #e7b6b6 !important;
    border-left: 5px solid #c73b3b !important;
    border-radius: 8px !important;
    background: #fff6f6 !important;
    color: #762525 !important;
}

/* Vier native JetSloth-Bereiche. */
.mjr-assessment-form-module #gform_wrapper_81.gform_wrapper.gform-theme
  .gform_fields > .gsection.mjr-form81-section {
    min-height: 68px !important;
    padding-top: 13px !important;
    padding-right: 56px !important;
    padding-bottom: 13px !important;
    padding-left: 72px !important;
    border-radius: 10px !important;
    background: #f5f7fc !important;
}

.mjr-assessment-form-module #gform_wrapper_81
  .gsection.mjr-form81-section .gsection_description {
    display: block !important;
    margin: 3px 0 0 !important;
    color: #69758e !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    line-height: 1.35 !important;
}

.mjr-assessment-form-module #gform_wrapper_81.gform_wrapper.gform-theme
  .gsection.mjr-form81-section
  + .collapsible-sections-collapsible-body {
    padding: 22px !important;
    border-radius: 0 0 10px 10px !important;
    row-gap: 18px !important;
}

/* Alle sichtbaren Halbbreiten-Felder einer Grid-Zeile trotz unterschiedlich
   langer Hilfetexte auf derselben Grundlinie ausrichten. Vollbreite und
   bedingt ausgeblendete Felder bleiben von dieser Regel ausgeschlossen. */
.mjr-assessment-form-module #gform_wrapper_81.gform_wrapper.gform-theme
  .gsection.mjr-form81-section
  + .collapsible-sections-collapsible-body
  > .gfield.gfield--width-half:not([style*="display: none"]):not([style*="display:none"]) {
    display: flex !important;
    flex-direction: column !important;
}

.mjr-assessment-form-module #gform_wrapper_81.gform_wrapper.gform-theme
  .gsection.mjr-form81-section
  + .collapsible-sections-collapsible-body
  > .gfield.gfield--width-half:not([style*="display: none"]):not([style*="display:none"])
  > .ginput_container {
    margin-top: auto !important;
}

/* Technische Snapshot- und Output-Felder niemals editierbar anzeigen. */
.mjr-assessment-form-module #gform_81 :where(
    .mjr-form81-master-snapshot,
    #field_81_23,
    #field_81_41,
    #field_81_82,
    #field_81_85,
    #field_81_100,
    #field_81_104
) {
    display: none !important;
}

/* Kompakter Hinweis und Bestätigung unmittelbar vor dem Absenden. */
.mjr-assessment-form-module #gform_81 .mjr-form81-usage-note {
    display: grid !important;
    grid-template-columns: 22px minmax(0, 1fr) !important;
    align-items: center !important;
    column-gap: 12px !important;
    grid-column: 1 / -1 !important;
    margin: 8px 0 14px !important;
    padding: 15px 17px !important;
    border-left: 5px solid var(--mjr-gf-orange) !important;
    border-radius: 8px !important;
    background: var(--mjr-gf-soft-orange) !important;
    color: #4a3850 !important;
}

.mjr-assessment-form-module #gform_81 .mjr-form81-usage-heading {
    align-self: center !important;
    justify-content: center !important;
    margin: 0 !important;
    gap: 0 !important;
    color: #7c2a10 !important;
    font-size: 14px !important;
    font-weight: 700 !important;
}

.mjr-assessment-form-module #gform_81 .mjr-form81-usage-heading span {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

.mjr-assessment-form-module #gform_81 .mjr-form81-usage-note p {
    margin: 0 !important;
    color: #4a3850 !important;
    font-size: 12px !important;
    line-height: 1.55 !important;
}

.mjr-assessment-form-module #gform_81 #field_81_72 {
    grid-column: 1 / -1 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.mjr-assessment-form-module #gform_81 #field_81_72 > .gfield_label {
    display: none !important;
}

.mjr-assessment-form-module #gform_81 #field_81_72 .ginput_container_consent {
    margin: 0 0 16px !important;
}

.mjr-assessment-form-module #gform_81 :where(.gform-footer, .gform_footer) {
    display: grid !important;
    width: 100% !important;
    margin-top: 0 !important;
    padding-top: 0 !important;
}

.mjr-assessment-form-module #gform_81 :where(
    button.gform_button,
    button[type="submit"],
    input[type="submit"]
) {
    width: 100% !important;
    min-height: 52px !important;
    border-radius: 8px !important;
}

.mjr-assessment-form-module #gform_81 .mjr-form81-delivery-line {
    justify-content: center !important;
    margin: 10px 0 0 !important;
    gap: 7px !important;
    color: #657189 !important;
    font-size: 12px !important;
    line-height: 1.4 !important;
    text-align: center !important;
}

@media (max-width: 680px) {
    .mjr-assessment-form-module #gform_81 {
        padding-right: 16px !important;
        padding-left: 16px !important;
    }

    .mjr-assessment-form-module #gform_81 .mjr-form81-user-summary-heading {
        align-items: flex-start !important;
        flex-direction: column !important;
        gap: 7px !important;
    }

    .mjr-assessment-form-module #gform_81 .mjr-form81-user-data {
        grid-template-columns: 1fr !important;
        padding-top: 8px !important;
        padding-bottom: 8px !important;
    }

    .mjr-assessment-form-module #gform_81 .mjr-form81-user-item {
        padding: 11px 0 !important;
        border-top: 1px solid #dce3f0 !important;
        border-left: 0 !important;
    }

    .mjr-assessment-form-module #gform_81 .mjr-form81-user-item:first-child {
        border-top: 0 !important;
    }

    .mjr-assessment-form-module #gform_wrapper_81.gform_wrapper.gform-theme
      .gform_fields > .gsection.mjr-form81-section {
        padding-right: 44px !important;
        padding-left: 62px !important;
    }

    .mjr-assessment-form-module #gform_wrapper_81.gform_wrapper.gform-theme
      .gsection.mjr-form81-section
      + .collapsible-sections-collapsible-body {
        padding: 18px 14px !important;
    }

    .mjr-assessment-form-module #gform_wrapper_81
      .gsection.mjr-form81-section .gsection_description {
        display: none !important;
    }
}

/* ==========================================================
   10. Form 81 – Live-Korrekturen V1.3
   Behebt Altklassen, Titel-/Beschreibungsausrichtung, TOS-Doppeltext
   und den abweichenden orangefarbenen Submit-Button.
   ========================================================== */

/* Feld 13 ist nur noch ein neutraler Host für Karte und Fortschritt. */
.mjr-assessment-form-module #gform_81 #field_81_13.mjr-form81-summary-host {
    grid-column: 1 / -1 !important;
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

.mjr-assessment-form-module #gform_81 #field_81_13.mjr-form81-summary-host::before,
.mjr-assessment-form-module #gform_81 #field_81_13.mjr-form81-summary-host::after {
    display: none !important;
    content: none !important;
}

.mjr-assessment-form-module #gform_81 #field_81_13
  .mjr-form81-user-summary {
    width: 100% !important;
}

/* JetSloth stellt Titel und Beschreibung sonst als benachbarte Flex-Items dar. */
.mjr-assessment-form-module #gform_wrapper_81.gform_wrapper.gform-theme
  .gform_fields > .gsection.mjr-form81-section {
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: center !important;
}

.mjr-assessment-form-module #gform_wrapper_81
  .gsection.mjr-form81-section .gsection_title {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
}

.mjr-assessment-form-module #gform_wrapper_81
  .gsection.mjr-form81-section .gsection_description {
    display: block !important;
    width: 100% !important;
    margin: 4px 0 0 !important;
    white-space: normal !important;
}

/* Sicherheitsnetz: Ein alter TOS-Text wird nicht zusätzlich angezeigt. */
.mjr-assessment-form-module #gform_81 #field_81_72
  :where(.gw-tos, .gw-tos-content, .gwtermsofservice_terms, .gfield_description:not(.gfield_validation_message)) {
    display: none !important;
}

/* CTA gemäss freigegebenem Mockup: Blau, Orange nur als Akzent. */
.mjr-assessment-form-module #gform_81 :where(
    button.gform_button,
    button[type="submit"],
    input[type="submit"]
) {
    display: flex !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 12px 20px !important;
    border-color: var(--mjr-gf-blue) !important;
    border-radius: 8px !important;
    background: var(--mjr-gf-blue) !important;
    color: var(--mjr-gf-white) !important;
    text-transform: none !important;
}

.mjr-assessment-form-module #gform_wrapper_81.gform_wrapper.gform-theme
  :is(.gform-footer, .gform_footer) {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.mjr-assessment-form-module #gform_wrapper_81.gform_wrapper.gform-theme
  #gform_submit_button_81 {
    display: flex !important;
    width: 100% !important;
    max-width: none !important;
}

.mjr-assessment-form-module #gform_wrapper_81.gform_wrapper.gform-theme
  #gform_submit_button_81::after {
    display: none !important;
    content: none !important;
}

/* ==========================================================
   11. Form 81 – Gravity Perks TOS und CTA
   ========================================================== */

/* Gravity Perks TOS darf nur die Bestätigungscheckbox ausgeben. */
.mjr-assessment-form-module #gform_wrapper_81.gform_wrapper.gform-theme
  #field_81_72 textarea,
.mjr-assessment-form-module #gform_wrapper_81.gform_wrapper.gform-theme
  #field_81_72 .gw-tos-textarea,
.mjr-assessment-form-module #gform_wrapper_81.gform_wrapper.gform-theme
  #field_81_72 .gwtermsofservice-terms {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
}

.mjr-assessment-form-module #gform_wrapper_81.gform_wrapper.gform-theme
  #field_81_72 .ginput_container {
    margin-top: 0 !important;
}

.mjr-assessment-form-module #gform_81 :where(
    button.gform_button,
    button[type="submit"],
    input[type="submit"]
):hover,
.mjr-assessment-form-module #gform_81 :where(
    button.gform_button,
    button[type="submit"],
    input[type="submit"]
):focus-visible {
    border-color: var(--mjr-gf-blue-dark) !important;
    background: var(--mjr-gf-blue-dark) !important;
}

/* ==========================================================
   12. Form 81 – Native Formularstruktur V1.6
   Die Benutzerkarte und der TOS-Bereich liegen ausserhalb der
   vier JetSloth-Sections. Nummern und Häkchen steuert JetSloth.
   ========================================================== */

/* Bewusst sichtbarer Abstand zwischen Einwilligung und Absende-Button. */
.mjr-assessment-form-module #gform_wrapper_81.gform_wrapper.gform-theme
  #field_81_72 {
    margin-bottom: 20px !important;
}

/* ==========================================================
   13. Report-UI für Form 77, 78, 79, 88 und 90
   Benötigt: mjr-report-forms-readonly-ui-v1-5.php

   - Form 77: Stelleninserate-Analyse
   - Form 78: Bewerber-Matching
   - Form 79: Interview-Assistent
   - Form 88: Bewerber-Matching mit CV-Dateiupload
   - Form 90: Interview-Assistent mit CV-Dateiupload
   - Form 91: Assessment Case Generator (gemeinsames UI-Snippet V1.6)

   Form 81 bleibt bewusst im separaten, bereits geprüften Block.
   ========================================================== */

/* Die äussere Arbeitskarte kommt weiterhin aus dem Seitendesign. */
:is(
    .mjr-analysis-form-module,
    .mjr-matching-form-module,
    .mjr-interview-form-module,
    .mjr-assessment-form-module
) :is(
    #gform_wrapper_77,
    #gform_wrapper_78,
    #gform_wrapper_79,
    #gform_wrapper_88,
    #gform_wrapper_90,
    #gform_wrapper_91
) {
    overflow: visible !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

:is(
    .mjr-analysis-form-module,
    .mjr-matching-form-module,
    .mjr-interview-form-module,
    .mjr-assessment-form-module
) :is(
    #gform_77,
    #gform_78,
    #gform_79,
    #gform_88,
    #gform_90,
    #gform_91
) {
    padding: 0 30px 32px !important;
}

/* Feld 13 ist nur noch der neutrale Host der Stammdatenkarte. */
:is(
    .mjr-analysis-form-module,
    .mjr-matching-form-module,
    .mjr-interview-form-module,
    .mjr-assessment-form-module
) :is(
    #gform_77,
    #gform_78,
    #gform_79,
    #gform_88,
    #gform_90,
    #gform_91
) .mjr-report-ui-summary-host {
    grid-column: 1 / -1 !important;
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

:is(
    .mjr-analysis-form-module,
    .mjr-matching-form-module,
    .mjr-interview-form-module,
    .mjr-assessment-form-module
) :is(
    #gform_77,
    #gform_78,
    #gform_79,
    #gform_88,
    #gform_90,
    #gform_91
) .mjr-report-ui-summary-host::before,
:is(
    .mjr-analysis-form-module,
    .mjr-matching-form-module,
    .mjr-interview-form-module,
    .mjr-assessment-form-module
) :is(
    #gform_77,
    #gform_78,
    #gform_79,
    #gform_88,
    #gform_90,
    #gform_91
) .mjr-report-ui-summary-host::after {
    display: none !important;
    content: none !important;
}

/* Schreibgeschützte Zusammenfassung aus Form 83. */
:is(
    .mjr-analysis-form-module,
    .mjr-matching-form-module,
    .mjr-interview-form-module,
    .mjr-assessment-form-module
) :is(
    #gform_77,
    #gform_78,
    #gform_79,
    #gform_88,
    #gform_90,
    #gform_91
) .mjr-report-ui-user-summary {
    grid-column: 1 / -1 !important;
    overflow: hidden !important;
    width: 100% !important;
    margin: 0 0 12px !important;
    border: 1px solid #cbd5eb !important;
    border-radius: 10px !important;
    background: #f8faff !important;
}

:is(
    .mjr-analysis-form-module,
    .mjr-matching-form-module,
    .mjr-interview-form-module,
    .mjr-assessment-form-module
) :is(
    #gform_77,
    #gform_78,
    #gform_79,
    #gform_88,
    #gform_90,
    #gform_91
) .mjr-report-ui-user-summary-heading {
    display: flex !important;
    padding: 15px 18px !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 14px !important;
    border-bottom: 1px solid #dde4f2 !important;
}

:is(
    .mjr-analysis-form-module,
    .mjr-matching-form-module,
    .mjr-interview-form-module,
    .mjr-assessment-form-module
) :is(
    #gform_77,
    #gform_78,
    #gform_79,
    #gform_88,
    #gform_90,
    #gform_91
) :is(
    .mjr-report-ui-user-summary-title,
    .mjr-report-ui-readonly-status,
    .mjr-report-ui-privacy-line,
    .mjr-report-ui-usage-heading,
    .mjr-report-ui-delivery-line
) {
    display: flex !important;
    align-items: center !important;
}

:is(
    .mjr-analysis-form-module,
    .mjr-matching-form-module,
    .mjr-interview-form-module,
    .mjr-assessment-form-module
) :is(
    #gform_77,
    #gform_78,
    #gform_79,
    #gform_88,
    #gform_90,
    #gform_91
) .mjr-report-ui-user-summary-title {
    gap: 10px !important;
    color: var(--mjr-gf-blue) !important;
    font-size: 15px !important;
    font-weight: 700 !important;
}

:is(
    .mjr-analysis-form-module,
    .mjr-matching-form-module,
    .mjr-interview-form-module,
    .mjr-assessment-form-module
) :is(
    #gform_77,
    #gform_78,
    #gform_79,
    #gform_88,
    #gform_90,
    #gform_91
) .mjr-report-ui-readonly-status {
    gap: 6px !important;
    color: #66728b !important;
    font-size: 12px !important;
}

:is(
    .mjr-analysis-form-module,
    .mjr-matching-form-module,
    .mjr-interview-form-module,
    .mjr-assessment-form-module
) :is(
    #gform_77,
    #gform_78,
    #gform_79,
    #gform_88,
    #gform_90,
    #gform_91
) :is(
    .mjr-report-ui-user-summary-title,
    .mjr-report-ui-readonly-status,
    .mjr-report-ui-privacy-line,
    .mjr-report-ui-usage-heading,
    .mjr-report-ui-delivery-line
) svg {
    flex: 0 0 auto !important;
}

:is(
    .mjr-analysis-form-module,
    .mjr-matching-form-module,
    .mjr-interview-form-module,
    .mjr-assessment-form-module
) :is(
    #gform_77,
    #gform_78,
    #gform_79,
    #gform_88,
    #gform_90,
    #gform_91
) .mjr-report-ui-user-data {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    padding: 18px !important;
}

:is(
    .mjr-analysis-form-module,
    .mjr-matching-form-module,
    .mjr-interview-form-module,
    .mjr-assessment-form-module
) :is(
    #gform_77,
    #gform_78,
    #gform_79,
    #gform_88,
    #gform_90,
    #gform_91
) .mjr-report-ui-user-item {
    min-width: 0 !important;
    padding: 0 18px !important;
    border-left: 1px solid #dce3f0 !important;
}

:is(
    .mjr-analysis-form-module,
    .mjr-matching-form-module,
    .mjr-interview-form-module,
    .mjr-assessment-form-module
) :is(
    #gform_77,
    #gform_78,
    #gform_79,
    #gform_88,
    #gform_90,
    #gform_91
) .mjr-report-ui-user-item:first-child {
    padding-left: 0 !important;
    border-left: 0 !important;
}

:is(
    .mjr-analysis-form-module,
    .mjr-matching-form-module,
    .mjr-interview-form-module,
    .mjr-assessment-form-module
) :is(
    #gform_77,
    #gform_78,
    #gform_79,
    #gform_88,
    #gform_90,
    #gform_91
) .mjr-report-ui-user-label {
    margin: 0 0 5px !important;
    color: #66728b !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: .07em !important;
    line-height: 1.35 !important;
    text-transform: uppercase !important;
}

:is(
    .mjr-analysis-form-module,
    .mjr-matching-form-module,
    .mjr-interview-form-module,
    .mjr-assessment-form-module
) :is(
    #gform_77,
    #gform_78,
    #gform_79,
    #gform_88,
    #gform_90,
    #gform_91
) .mjr-report-ui-user-value {
    overflow-wrap: anywhere !important;
    color: #12265f !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1.45 !important;
}

:is(
    .mjr-analysis-form-module,
    .mjr-matching-form-module,
    .mjr-interview-form-module,
    .mjr-assessment-form-module
) :is(
    #gform_77,
    #gform_78,
    #gform_79,
    #gform_88,
    #gform_90,
    #gform_91
) .mjr-report-ui-privacy-line {
    padding: 11px 18px !important;
    gap: 8px !important;
    border-top: 1px solid #ffd8cb !important;
    background: var(--mjr-gf-soft-orange) !important;
    color: #5d6880 !important;
    font-size: 12px !important;
    line-height: 1.45 !important;
}

:is(
    .mjr-analysis-form-module,
    .mjr-matching-form-module,
    .mjr-interview-form-module,
    .mjr-assessment-form-module
) :is(
    #gform_77,
    #gform_78,
    #gform_79,
    #gform_88,
    #gform_90,
    #gform_91
) .mjr-report-ui-privacy-line svg {
    color: var(--mjr-gf-orange) !important;
}

:is(
    .mjr-analysis-form-module,
    .mjr-matching-form-module,
    .mjr-interview-form-module,
    .mjr-assessment-form-module
) :is(
    #gform_77,
    #gform_78,
    #gform_79,
    #gform_88,
    #gform_90,
    #gform_91
) .mjr-report-ui-master-error {
    grid-column: 1 / -1 !important;
    display: grid !important;
    gap: 4px !important;
    margin: 0 0 20px !important;
    padding: 15px 18px !important;
    border: 1px solid #e7b6b6 !important;
    border-left: 5px solid #c73b3b !important;
    border-radius: 8px !important;
    background: #fff6f6 !important;
    color: #762525 !important;
}

/* Technische Abschnittstitel werden durch Karte und Nutzungshinweis ersetzt. */
:is(
    .mjr-analysis-form-module,
    .mjr-matching-form-module,
    .mjr-interview-form-module,
    .mjr-assessment-form-module
) :is(
    #gform_77,
    #gform_78,
    #gform_79,
    #gform_88,
    #gform_90,
    #gform_91
) :is(
    .mjr-report-ui-technical-section,
    .mjr-report-ui-section-end,
    .mjr-report-ui-master-snapshot
) {
    display: none !important;
}

/* Fachliche JetSloth-Sections im freigegebenen Assessment-Stil. */
:is(
    .mjr-analysis-form-module,
    .mjr-matching-form-module,
    .mjr-interview-form-module,
    .mjr-assessment-form-module
) :is(
    #gform_wrapper_77,
    #gform_wrapper_78,
    #gform_wrapper_79,
    #gform_wrapper_88,
    #gform_wrapper_90,
    #gform_wrapper_91
).gform_wrapper.gform-theme
  .gform_fields > .gsection.mjr-report-ui-section {
    min-height: 68px !important;
    padding-top: 13px !important;
    padding-right: 56px !important;
    padding-bottom: 13px !important;
    padding-left: 72px !important;
    align-items: flex-start !important;
    flex-direction: column !important;
    justify-content: center !important;
    border-radius: 10px !important;
    background: #f5f7fc !important;
}

:is(
    .mjr-analysis-form-module,
    .mjr-matching-form-module,
    .mjr-interview-form-module,
    .mjr-assessment-form-module
) :is(
    #gform_wrapper_77,
    #gform_wrapper_78,
    #gform_wrapper_79,
    #gform_wrapper_88,
    #gform_wrapper_90,
    #gform_wrapper_91
) .gsection.mjr-report-ui-section .gsection_title {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
}

:is(
    .mjr-analysis-form-module,
    .mjr-matching-form-module,
    .mjr-interview-form-module,
    .mjr-assessment-form-module
) :is(
    #gform_wrapper_77,
    #gform_wrapper_78,
    #gform_wrapper_79,
    #gform_wrapper_88,
    #gform_wrapper_90,
    #gform_wrapper_91
) .gsection.mjr-report-ui-section .gsection_description {
    display: block !important;
    width: 100% !important;
    margin: 4px 0 0 !important;
    color: #69758e !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    line-height: 1.35 !important;
    white-space: normal !important;
}

:is(
    .mjr-analysis-form-module,
    .mjr-matching-form-module,
    .mjr-interview-form-module,
    .mjr-assessment-form-module
) :is(
    #gform_wrapper_77,
    #gform_wrapper_78,
    #gform_wrapper_79,
    #gform_wrapper_88,
    #gform_wrapper_90,
    #gform_wrapper_91
).gform_wrapper.gform-theme
  .gsection.mjr-report-ui-section
  + .collapsible-sections-collapsible-body {
    padding: 22px !important;
    border-radius: 0 0 10px 10px !important;
    row-gap: 18px !important;
}

/* Zwei Felder derselben Zeile erhalten bündige Bedienelemente. */
:is(
    .mjr-analysis-form-module,
    .mjr-matching-form-module,
    .mjr-interview-form-module,
    .mjr-assessment-form-module
) :is(
    #gform_wrapper_77,
    #gform_wrapper_78,
    #gform_wrapper_79,
    #gform_wrapper_88,
    #gform_wrapper_90,
    #gform_wrapper_91
).gform_wrapper.gform-theme
  .gsection.mjr-report-ui-section
  + .collapsible-sections-collapsible-body
  > .gfield.gfield--width-half:not([style*="display: none"]):not([style*="display:none"]) {
    display: flex !important;
    flex-direction: column !important;
}

:is(
    .mjr-analysis-form-module,
    .mjr-matching-form-module,
    .mjr-interview-form-module,
    .mjr-assessment-form-module
) :is(
    #gform_wrapper_77,
    #gform_wrapper_78,
    #gform_wrapper_79,
    #gform_wrapper_88,
    #gform_wrapper_90,
    #gform_wrapper_91
).gform_wrapper.gform-theme
  .gsection.mjr-report-ui-section
  + .collapsible-sections-collapsible-body
  > .gfield.gfield--width-half:not([style*="display: none"]):not([style*="display:none"])
  > .ginput_container {
    margin-top: auto !important;
}

/* Kompakter Hinweis und Bestätigung direkt vor dem CTA. */
:is(
    .mjr-analysis-form-module,
    .mjr-matching-form-module,
    .mjr-interview-form-module,
    .mjr-assessment-form-module
) :is(
    #gform_77,
    #gform_78,
    #gform_79,
    #gform_88,
    #gform_90,
    #gform_91
) .mjr-report-ui-usage-note {
    display: grid !important;
    grid-template-columns: 22px minmax(0, 1fr) !important;
    align-items: center !important;
    column-gap: 12px !important;
    grid-column: 1 / -1 !important;
    margin: 8px 0 14px !important;
    padding: 15px 17px !important;
    border-left: 5px solid var(--mjr-gf-orange) !important;
    border-radius: 8px !important;
    background: var(--mjr-gf-soft-orange) !important;
    color: #4a3850 !important;
}

:is(
    .mjr-analysis-form-module,
    .mjr-matching-form-module,
    .mjr-interview-form-module,
    .mjr-assessment-form-module
) :is(
    #gform_77,
    #gform_78,
    #gform_79,
    #gform_88,
    #gform_90,
    #gform_91
) .mjr-report-ui-usage-heading {
    align-self: center !important;
    justify-content: center !important;
    margin: 0 !important;
    gap: 0 !important;
    color: #7c2a10 !important;
    font-size: 14px !important;
    font-weight: 700 !important;
}

:is(
    .mjr-analysis-form-module,
    .mjr-matching-form-module,
    .mjr-interview-form-module,
    .mjr-assessment-form-module
) :is(
    #gform_77,
    #gform_78,
    #gform_79,
    #gform_88,
    #gform_90,
    #gform_91
) .mjr-report-ui-usage-heading span {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

:is(
    .mjr-analysis-form-module,
    .mjr-matching-form-module,
    .mjr-interview-form-module,
    .mjr-assessment-form-module
) :is(
    #gform_77,
    #gform_78,
    #gform_79,
    #gform_88,
    #gform_90,
    #gform_91
) .mjr-report-ui-usage-note p {
    margin: 0 !important;
    color: #4a3850 !important;
    font-size: 12px !important;
    line-height: 1.55 !important;
}

:is(
    .mjr-analysis-form-module,
    .mjr-matching-form-module,
    .mjr-interview-form-module,
    .mjr-assessment-form-module
) :is(
    #gform_77,
    #gform_78,
    #gform_79,
    #gform_88,
    #gform_90,
    #gform_91
) .mjr-report-ui-tos-field {
    grid-column: 1 / -1 !important;
    margin: 0 0 20px !important;
    padding: 0 !important;
}

:is(
    .mjr-analysis-form-module,
    .mjr-matching-form-module,
    .mjr-interview-form-module,
    .mjr-assessment-form-module
) :is(
    #gform_77,
    #gform_78,
    #gform_79,
    #gform_88,
    #gform_90,
    #gform_91
) .mjr-report-ui-tos-field > .gfield_label {
    display: none !important;
}

:is(
    .mjr-analysis-form-module,
    .mjr-matching-form-module,
    .mjr-interview-form-module,
    .mjr-assessment-form-module
) :is(
    #gform_77,
    #gform_78,
    #gform_79,
    #gform_88,
    #gform_90,
    #gform_91
) .mjr-report-ui-tos-field :is(
    textarea,
    .gw-tos-textarea,
    .gwtermsofservice-terms,
    .gw-tos,
    .gw-tos-content,
    .gwtermsofservice_terms,
    .gfield_description:not(.gfield_validation_message)
) {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
}

:is(
    .mjr-analysis-form-module,
    .mjr-matching-form-module,
    .mjr-interview-form-module,
    .mjr-assessment-form-module
) :is(
    #gform_77,
    #gform_78,
    #gform_79,
    #gform_88,
    #gform_90,
    #gform_91
) .mjr-report-ui-tos-field .ginput_container {
    margin-top: 0 !important;
}

/* Vollbreiter blauer CTA und fixe Zustellinformation. */
:is(
    .mjr-analysis-form-module,
    .mjr-matching-form-module,
    .mjr-interview-form-module,
    .mjr-assessment-form-module
) :is(
    #gform_wrapper_77,
    #gform_wrapper_78,
    #gform_wrapper_79,
    #gform_wrapper_88,
    #gform_wrapper_90,
    #gform_wrapper_91
).gform_wrapper.gform-theme :is(.gform-footer, .gform_footer) {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

:is(
    .mjr-analysis-form-module,
    .mjr-matching-form-module,
    .mjr-interview-form-module,
    .mjr-assessment-form-module
) :is(
    #gform_77,
    #gform_78,
    #gform_79,
    #gform_88,
    #gform_90,
    #gform_91
) :is(
    button.gform_button,
    button[type="submit"],
    input[type="submit"]
) {
    display: flex !important;
    width: 100% !important;
    max-width: none !important;
    min-height: 52px !important;
    margin: 0 !important;
    padding: 12px 20px !important;
    border-color: var(--mjr-gf-blue) !important;
    border-radius: 8px !important;
    background: var(--mjr-gf-blue) !important;
    color: var(--mjr-gf-white) !important;
    text-transform: none !important;
}

:is(
    .mjr-analysis-form-module,
    .mjr-matching-form-module,
    .mjr-interview-form-module,
    .mjr-assessment-form-module
) :is(
    #gform_77,
    #gform_78,
    #gform_79,
    #gform_88,
    #gform_90,
    #gform_91
) :is(
    button.gform_button,
    button[type="submit"],
    input[type="submit"]
):hover,
:is(
    .mjr-analysis-form-module,
    .mjr-matching-form-module,
    .mjr-interview-form-module,
    .mjr-assessment-form-module
) :is(
    #gform_77,
    #gform_78,
    #gform_79,
    #gform_88,
    #gform_90,
    #gform_91
) :is(
    button.gform_button,
    button[type="submit"],
    input[type="submit"]
):focus-visible {
    border-color: var(--mjr-gf-blue-dark) !important;
    background: var(--mjr-gf-blue-dark) !important;
}

:is(
    .mjr-analysis-form-module,
    .mjr-matching-form-module,
    .mjr-interview-form-module,
    .mjr-assessment-form-module
) :is(
    #gform_submit_button_77,
    #gform_submit_button_78,
    #gform_submit_button_79,
    #gform_submit_button_88,
    #gform_submit_button_90
)::after {
    display: none !important;
    content: none !important;
}

:is(
    .mjr-analysis-form-module,
    .mjr-matching-form-module,
    .mjr-interview-form-module,
    .mjr-assessment-form-module
) :is(
    #gform_77,
    #gform_78,
    #gform_79,
    #gform_88,
    #gform_90,
    #gform_91
) .mjr-report-ui-delivery-line {
    justify-content: center !important;
    margin: 10px 0 0 !important;
    gap: 7px !important;
    color: #657189 !important;
    font-size: 12px !important;
    line-height: 1.4 !important;
    text-align: center !important;
}

@media (max-width: 680px) {
    :is(
        .mjr-analysis-form-module,
        .mjr-matching-form-module,
        .mjr-interview-form-module,
        .mjr-assessment-form-module
    ) :is(
        #gform_77,
        #gform_78,
        #gform_79,
        #gform_88,
        #gform_90,
        #gform_91
    ) {
        padding-right: 16px !important;
        padding-left: 16px !important;
    }

    :is(
        .mjr-analysis-form-module,
        .mjr-matching-form-module,
        .mjr-interview-form-module,
        .mjr-assessment-form-module
    ) :is(
        #gform_77,
        #gform_78,
        #gform_79,
        #gform_88,
        #gform_90,
        #gform_91
    ) .mjr-report-ui-user-summary-heading {
        align-items: flex-start !important;
        flex-direction: column !important;
        gap: 7px !important;
    }

    :is(
        .mjr-analysis-form-module,
        .mjr-matching-form-module,
        .mjr-interview-form-module,
        .mjr-assessment-form-module
    ) :is(
        #gform_77,
        #gform_78,
        #gform_79,
        #gform_88,
        #gform_90,
        #gform_91
    ) .mjr-report-ui-user-data {
        grid-template-columns: 1fr !important;
        padding-top: 8px !important;
        padding-bottom: 8px !important;
    }

    :is(
        .mjr-analysis-form-module,
        .mjr-matching-form-module,
        .mjr-interview-form-module,
        .mjr-assessment-form-module
    ) :is(
        #gform_77,
        #gform_78,
        #gform_79,
        #gform_88,
        #gform_90,
        #gform_91
    ) .mjr-report-ui-user-item {
        padding: 11px 0 !important;
        border-top: 1px solid #dce3f0 !important;
        border-left: 0 !important;
    }

    :is(
        .mjr-analysis-form-module,
        .mjr-matching-form-module,
        .mjr-interview-form-module,
        .mjr-assessment-form-module
    ) :is(
        #gform_77,
        #gform_78,
        #gform_79,
        #gform_88,
        #gform_90,
        #gform_91
    ) .mjr-report-ui-user-item:first-child {
        border-top: 0 !important;
    }

    :is(
        .mjr-analysis-form-module,
        .mjr-matching-form-module,
        .mjr-interview-form-module,
        .mjr-assessment-form-module
    ) :is(
        #gform_wrapper_77,
        #gform_wrapper_78,
        #gform_wrapper_79,
        #gform_wrapper_88,
        #gform_wrapper_90,
        #gform_wrapper_91
    ).gform_wrapper.gform-theme
      .gform_fields > .gsection.mjr-report-ui-section {
        padding-right: 44px !important;
        padding-left: 62px !important;
    }

    :is(
        .mjr-analysis-form-module,
        .mjr-matching-form-module,
        .mjr-interview-form-module,
        .mjr-assessment-form-module
    ) :is(
        #gform_wrapper_77,
        #gform_wrapper_78,
        #gform_wrapper_79,
        #gform_wrapper_88,
        #gform_wrapper_90,
        #gform_wrapper_91
    ).gform_wrapper.gform-theme
      .gsection.mjr-report-ui-section
      + .collapsible-sections-collapsible-body {
        padding: 18px 14px !important;
    }

    :is(
        .mjr-analysis-form-module,
        .mjr-matching-form-module,
        .mjr-interview-form-module,
        .mjr-assessment-form-module
    ) :is(
        #gform_wrapper_77,
        #gform_wrapper_78,
        #gform_wrapper_79,
        #gform_wrapper_88,
        #gform_wrapper_90,
        #gform_wrapper_91
    ) .gsection.mjr-report-ui-section .gsection_description {
        display: none !important;
    }
}
/* ==========================================================
   MESSMER JobRelations – GP Advanced Phone Field V1

   Dieser Block ist bereits Bestandteil der vollständigen
   globalen CSS-Version und darf nicht separat ergänzt werden.

   Voraussetzungen:
   - Das Divi-Modul besitzt .mjr-gf oder eine der bestehenden
     mjr-*-form-module-Klassen.
   - Im Telefonfeld ist GP Advanced Phone Field aktiviert.
   - Die sichtbare Vorwahl neben der Flagge ist nicht zusätzlich
     per Snippet aktiviert.
   ========================================================== */

:where(
    .mjr-gf,
    .mjr-analysis-form-module,
    .mjr-matching-form-module,
    .mjr-interview-form-module,
    .mjr-assessment-form-module,
    .mjr-registration-form,
    .mjr-company-user-form,
    .mjr-account-form,
    .mjr-contact-form
) .ginput_container_phone .iti {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    font-family: var(--mjr-gf-font) !important;
}

/* Sichtbares Telefonnummernfeld. Überschreibt die bisherige
   allgemeine .iti-Regel mit 92 px Innenabstand. */
:where(
    .mjr-gf,
    .mjr-analysis-form-module,
    .mjr-matching-form-module,
    .mjr-interview-form-module,
    .mjr-assessment-form-module,
    .mjr-registration-form,
    .mjr-company-user-form,
    .mjr-account-form,
    .mjr-contact-form
) .ginput_container_phone .iti input.iti__tel-input[type="tel"] {
    width: 100% !important;
    max-width: none !important;
    height: 46px !important;
    min-height: 46px !important;
    margin: 0 !important;
    padding: 10px 14px 10px 58px !important;
    border: 1px solid var(--mjr-gf-border) !important;
    border-radius: 4px !important;
    outline: 0 !important;
    background: var(--mjr-gf-white) !important;
    color: #252b38 !important;
    font-family: var(--mjr-gf-font) !important;
    font-size: 15px !important;
    line-height: 1.45 !important;
    box-shadow: none !important;
    transition: border-color .2s ease, box-shadow .2s ease !important;
}

:where(
    .mjr-gf,
    .mjr-analysis-form-module,
    .mjr-matching-form-module,
    .mjr-interview-form-module,
    .mjr-assessment-form-module,
    .mjr-registration-form,
    .mjr-company-user-form,
    .mjr-account-form,
    .mjr-contact-form
) .ginput_container_phone .iti input.iti__tel-input[type="tel"]::placeholder {
    color: #8a92a3 !important;
    opacity: 1 !important;
}

:where(
    .mjr-gf,
    .mjr-analysis-form-module,
    .mjr-matching-form-module,
    .mjr-interview-form-module,
    .mjr-assessment-form-module,
    .mjr-registration-form,
    .mjr-company-user-form,
    .mjr-account-form,
    .mjr-contact-form
) .ginput_container_phone .iti input.iti__tel-input[type="tel"]:focus {
    border-color: var(--mjr-gf-orange) !important;
    box-shadow: 0 0 0 3px rgba(243, 57, 8, 0.12) !important;
}

/* Flaggen-/Länderschalter. */
:where(
    .mjr-gf,
    .mjr-analysis-form-module,
    .mjr-matching-form-module,
    .mjr-interview-form-module,
    .mjr-assessment-form-module,
    .mjr-registration-form,
    .mjr-company-user-form,
    .mjr-account-form,
    .mjr-contact-form
) .ginput_container_phone .iti__country-container {
    top: 1px !important;
    bottom: 1px !important;
    left: 1px !important;
    height: 44px !important;
}

:where(
    .mjr-gf,
    .mjr-analysis-form-module,
    .mjr-matching-form-module,
    .mjr-interview-form-module,
    .mjr-assessment-form-module,
    .mjr-registration-form,
    .mjr-company-user-form,
    .mjr-account-form,
    .mjr-contact-form
) .ginput_container_phone button.iti__selected-country {
    min-width: 48px !important;
    height: 44px !important;
    min-height: 44px !important;
    margin: 0 !important;
    padding: 0 12px !important;
    border: 0 !important;
    border-right: 1px solid #e4e9f2 !important;
    border-radius: 3px 0 0 3px !important;
    outline: 0 !important;
    background: #f8faff !important;
    color: var(--mjr-gf-blue) !important;
    box-shadow: none !important;
    cursor: pointer !important;
}

:where(
    .mjr-gf,
    .mjr-analysis-form-module,
    .mjr-matching-form-module,
    .mjr-interview-form-module,
    .mjr-assessment-form-module,
    .mjr-registration-form,
    .mjr-company-user-form,
    .mjr-account-form,
    .mjr-contact-form
) .ginput_container_phone button.iti__selected-country:hover {
    background: var(--mjr-gf-soft) !important;
}

:where(
    .mjr-gf,
    .mjr-analysis-form-module,
    .mjr-matching-form-module,
    .mjr-interview-form-module,
    .mjr-assessment-form-module,
    .mjr-registration-form,
    .mjr-company-user-form,
    .mjr-account-form,
    .mjr-contact-form
) .ginput_container_phone button.iti__selected-country:focus-visible {
    outline: 2px solid var(--mjr-gf-orange) !important;
    outline-offset: -3px !important;
}

:where(
    .mjr-gf,
    .mjr-analysis-form-module,
    .mjr-matching-form-module,
    .mjr-interview-form-module,
    .mjr-assessment-form-module,
    .mjr-registration-form,
    .mjr-company-user-form,
    .mjr-account-form,
    .mjr-contact-form
) .ginput_container_phone .iti__arrow {
    border-top-color: var(--mjr-gf-blue) !important;
}

/* Geöffnete Länderliste. */
:where(
    .mjr-gf,
    .mjr-analysis-form-module,
    .mjr-matching-form-module,
    .mjr-interview-form-module,
    .mjr-assessment-form-module,
    .mjr-registration-form,
    .mjr-company-user-form,
    .mjr-account-form,
    .mjr-contact-form
) .ginput_container_phone .iti__dropdown-content {
    z-index: 100000 !important;
    width: min(380px, calc(100vw - 40px)) !important;
    max-width: min(380px, calc(100vw - 40px)) !important;
    margin-top: 6px !important;
    overflow: hidden !important;
    border: 1px solid var(--mjr-gf-border-strong) !important;
    border-radius: 8px !important;
    background: var(--mjr-gf-white) !important;
    box-shadow: 0 14px 34px rgba(15, 39, 116, 0.18) !important;
}

:where(
    .mjr-gf,
    .mjr-analysis-form-module,
    .mjr-matching-form-module,
    .mjr-interview-form-module,
    .mjr-assessment-form-module,
    .mjr-registration-form,
    .mjr-company-user-form,
    .mjr-account-form,
    .mjr-contact-form
) .ginput_container_phone .iti__country-list {
    max-height: 260px !important;
    margin: 0 !important;
    padding: 6px !important;
    background: var(--mjr-gf-white) !important;
    scrollbar-color: var(--mjr-gf-border-strong) transparent;
    scrollbar-width: thin;
}

:where(
    .mjr-gf,
    .mjr-analysis-form-module,
    .mjr-matching-form-module,
    .mjr-interview-form-module,
    .mjr-assessment-form-module,
    .mjr-registration-form,
    .mjr-company-user-form,
    .mjr-account-form,
    .mjr-contact-form
) .ginput_container_phone .iti__country {
    min-height: 40px !important;
    margin: 0 !important;
    padding: 8px 10px !important;
    border-radius: 5px !important;
    color: #252b38 !important;
    font-family: var(--mjr-gf-font) !important;
    font-size: 14px !important;
    line-height: 1.4 !important;
}

:where(
    .mjr-gf,
    .mjr-analysis-form-module,
    .mjr-matching-form-module,
    .mjr-interview-form-module,
    .mjr-assessment-form-module,
    .mjr-registration-form,
    .mjr-company-user-form,
    .mjr-account-form,
    .mjr-contact-form
) .ginput_container_phone .iti__country.iti__highlight {
    background: var(--mjr-gf-soft) !important;
    color: var(--mjr-gf-blue) !important;
}

:where(
    .mjr-gf,
    .mjr-analysis-form-module,
    .mjr-matching-form-module,
    .mjr-interview-form-module,
    .mjr-assessment-form-module,
    .mjr-registration-form,
    .mjr-company-user-form,
    .mjr-account-form,
    .mjr-contact-form
) .ginput_container_phone .iti__country[aria-selected="true"] {
    background: var(--mjr-gf-soft-orange) !important;
    color: var(--mjr-gf-blue-dark) !important;
    font-weight: 600 !important;
}

:where(
    .mjr-gf,
    .mjr-analysis-form-module,
    .mjr-matching-form-module,
    .mjr-interview-form-module,
    .mjr-assessment-form-module,
    .mjr-registration-form,
    .mjr-company-user-form,
    .mjr-account-form,
    .mjr-contact-form
) .ginput_container_phone .iti__country-name {
    margin-right: 10px !important;
}

:where(
    .mjr-gf,
    .mjr-analysis-form-module,
    .mjr-matching-form-module,
    .mjr-interview-form-module,
    .mjr-assessment-form-module,
    .mjr-registration-form,
    .mjr-company-user-form,
    .mjr-account-form,
    .mjr-contact-form
) .ginput_container_phone .iti__dial-code {
    margin-left: auto !important;
    color: var(--mjr-gf-muted) !important;
    font-variant-numeric: tabular-nums;
}

/* Bereits vorbereitet, falls die optionale Ländersuche später
   aktiviert wird. */
:where(
    .mjr-gf,
    .mjr-analysis-form-module,
    .mjr-matching-form-module,
    .mjr-interview-form-module,
    .mjr-assessment-form-module,
    .mjr-registration-form,
    .mjr-company-user-form,
    .mjr-account-form,
    .mjr-contact-form
) .ginput_container_phone .iti__search-input {
    width: calc(100% - 12px) !important;
    height: 42px !important;
    min-height: 42px !important;
    margin: 6px !important;
    padding: 8px 11px !important;
    border: 1px solid var(--mjr-gf-border) !important;
    border-radius: 5px !important;
    outline: 0 !important;
    background: var(--mjr-gf-white) !important;
    color: #252b38 !important;
    font-family: var(--mjr-gf-font) !important;
    font-size: 14px !important;
    box-shadow: none !important;
}

:where(
    .mjr-gf,
    .mjr-analysis-form-module,
    .mjr-matching-form-module,
    .mjr-interview-form-module,
    .mjr-assessment-form-module,
    .mjr-registration-form,
    .mjr-company-user-form,
    .mjr-account-form,
    .mjr-contact-form
) .ginput_container_phone .iti__search-input:focus {
    border-color: var(--mjr-gf-orange) !important;
    box-shadow: 0 0 0 3px rgba(243, 57, 8, 0.12) !important;
}

/* Gravity-Forms-Validierung und deaktivierte Felder. */
:where(
    .mjr-gf,
    .mjr-analysis-form-module,
    .mjr-matching-form-module,
    .mjr-interview-form-module,
    .mjr-assessment-form-module,
    .mjr-registration-form,
    .mjr-company-user-form,
    .mjr-account-form,
    .mjr-contact-form
) .gfield_error .ginput_container_phone .iti input.iti__tel-input[type="tel"] {
    border-color: #c02b0a !important;
}

:where(
    .mjr-gf,
    .mjr-analysis-form-module,
    .mjr-matching-form-module,
    .mjr-interview-form-module,
    .mjr-assessment-form-module,
    .mjr-registration-form,
    .mjr-company-user-form,
    .mjr-account-form,
    .mjr-contact-form
) .ginput_container_phone .iti input.iti__tel-input[type="tel"]:disabled {
    background: var(--mjr-gf-soft) !important;
    color: var(--mjr-gf-muted) !important;
    cursor: not-allowed !important;
}

@media (max-width: 767px) {
    :where(
        .mjr-gf,
        .mjr-analysis-form-module,
        .mjr-matching-form-module,
        .mjr-interview-form-module,
        .mjr-assessment-form-module,
        .mjr-registration-form,
        .mjr-company-user-form,
        .mjr-account-form,
        .mjr-contact-form
    ) .ginput_container_phone .iti__dropdown-content {
        width: min(340px, calc(100vw - 32px)) !important;
        max-width: min(340px, calc(100vw - 32px)) !important;
    }
}

/* ==========================================================
   GP Advanced Phone Field 1.1.12 – Korrektur fuer aktuelle
   intl-tel-input-Struktur

   - neutralisiert den zu breiten Flaggenbutton
   - verhindert Ueberlagerung von Flagge und Telefonnummer
   - gestaltet das an <body> angehaengte Dropdown
   ========================================================== */

:where(
    .mjr-gf,
    .mjr-analysis-form-module,
    .mjr-matching-form-module,
    .mjr-interview-form-module,
    .mjr-assessment-form-module,
    .mjr-registration-form,
    .mjr-company-user-form,
    .mjr-account-form,
    .mjr-contact-form
) .ginput_container_phone .iti input.iti__tel-input[type="tel"] {
    padding-top: 10px !important;
    padding-right: 14px !important;
    padding-bottom: 10px !important;
    padding-left: 52px !important;
}

:where(
    .mjr-gf,
    .mjr-analysis-form-module,
    .mjr-matching-form-module,
    .mjr-interview-form-module,
    .mjr-assessment-form-module,
    .mjr-registration-form,
    .mjr-company-user-form,
    .mjr-account-form,
    .mjr-contact-form
) .ginput_container_phone .iti__country-container {
    top: 1px !important;
    bottom: 1px !important;
    left: 1px !important;
    width: auto !important;
    height: 44px !important;
    padding: 0 !important;
}

:where(
    .mjr-gf,
    .mjr-analysis-form-module,
    .mjr-matching-form-module,
    .mjr-interview-form-module,
    .mjr-assessment-form-module,
    .mjr-registration-form,
    .mjr-company-user-form,
    .mjr-account-form,
    .mjr-contact-form
) .ginput_container_phone button.iti__selected-country {
    width: 46px !important;
    min-width: 46px !important;
    max-width: 46px !important;
    height: 44px !important;
    min-height: 44px !important;
    padding: 0 !important;
    justify-content: center !important;
    border: 0 !important;
    border-right: 1px solid #e4e9f2 !important;
    border-radius: 3px 0 0 3px !important;
    background: #f8faff !important;
    box-shadow: none !important;
}

:where(
    .mjr-gf,
    .mjr-analysis-form-module,
    .mjr-matching-form-module,
    .mjr-interview-form-module,
    .mjr-assessment-form-module,
    .mjr-registration-form,
    .mjr-company-user-form,
    .mjr-account-form,
    .mjr-contact-form
) .ginput_container_phone button.iti__selected-country:focus-visible {
    outline: 0 !important;
    background: #f1f4fa !important;
    box-shadow: inset 0 0 0 2px rgba(15, 39, 116, 0.18) !important;
}

:where(
    .mjr-gf,
    .mjr-analysis-form-module,
    .mjr-matching-form-module,
    .mjr-interview-form-module,
    .mjr-assessment-form-module,
    .mjr-registration-form,
    .mjr-company-user-form,
    .mjr-account-form,
    .mjr-contact-form
) .ginput_container_phone .iti__selected-country-primary {
    width: 45px !important;
    height: 44px !important;
    padding: 0 6px 0 10px !important;
    justify-content: center !important;
}

/* Die aktuelle Bibliothek haengt die offene Liste direkt unter
   <body> ein. Deshalb darf dieser Teil nicht auf .mjr-gf
   eingeschraenkt werden. Er betrifft ausschliesslich das von
   intl-tel-input erzeugte Portal. */
body > .iti.iti--container {
    z-index: 1000000 !important;
    font-family: var(--mjr-gf-font) !important;
}

body > .iti.iti--container .iti__dropdown-content {
    max-width: calc(100vw - 32px) !important;
    overflow: hidden !important;
    border: 1px solid var(--mjr-gf-border-strong) !important;
    border-radius: 7px !important;
    background: var(--mjr-gf-white) !important;
    box-shadow: 0 14px 34px rgba(15, 39, 116, 0.18) !important;
}

body > .iti.iti--container .iti__country-list {
    max-height: 260px !important;
    margin: 0 !important;
    padding: 6px !important;
    background: var(--mjr-gf-white) !important;
    scrollbar-color: var(--mjr-gf-border-strong) transparent;
    scrollbar-width: thin;
}

body > .iti.iti--container .iti__country {
    min-height: 40px !important;
    margin: 0 !important;
    padding: 8px 10px !important;
    border-radius: 5px !important;
    color: #252b38 !important;
    font-family: var(--mjr-gf-font) !important;
    font-size: 14px !important;
    line-height: 1.4 !important;
}

body > .iti.iti--container .iti__country.iti__highlight {
    background: var(--mjr-gf-soft) !important;
    color: var(--mjr-gf-blue) !important;
}

body > .iti.iti--container .iti__country[aria-selected="true"] {
    background: var(--mjr-gf-soft-orange) !important;
    color: var(--mjr-gf-blue-dark) !important;
    font-weight: 600 !important;
}

body > .iti.iti--container .iti__country-name {
    margin-right: 10px !important;
}

body > .iti.iti--container .iti__dial-code {
    margin-left: auto !important;
    color: var(--mjr-gf-muted) !important;
    font-variant-numeric: tabular-nums;
}

body > .iti.iti--container .iti__search-input {
    width: calc(100% - 12px) !important;
    height: 42px !important;
    min-height: 42px !important;
    margin: 6px !important;
    padding: 8px 11px !important;
    border: 1px solid var(--mjr-gf-border) !important;
    border-radius: 5px !important;
    background: var(--mjr-gf-white) !important;
    color: #252b38 !important;
    font-family: var(--mjr-gf-font) !important;
    font-size: 14px !important;
    box-shadow: none !important;
}

body > .iti.iti--container .iti__search-input:focus {
    outline: 0 !important;
    border-color: var(--mjr-gf-orange) !important;
    box-shadow: 0 0 0 3px rgba(243, 57, 8, 0.12) !important;
}

@media (max-width: 767px) {
    body > .iti.iti--container .iti__dropdown-content {
        max-width: calc(100vw - 24px) !important;
    }
}