/* =============================================================================
   Blauer Panther Portal — Base, Forms, Formidable, Popup, Registrierung
   Part of: 2026-bp-* split
   ============================================================================= */

/* =============================================================================
   BASE
   ============================================================================= */

@media (max-width: 1360px) {
    .hyphens {
        hyphens: auto;
    }
}

body, button, input, select, optgroup, textarea {
    color: #404040;
    font-family: 'HeroKid', sans-serif !important;
    font-size: 1rem;
    line-height: 1.5;
}

body, button, input, optgroup, textarea {
    font-size: 1rem !important;
}

select {
    font-size: 0.8rem !important;
}

a:hover, a:focus, a:active, a {
    color: #0693e3;
}

/* =============================================================================
   FORMULAR — Allgemein
   ============================================================================= */

.mp_wrapper input[type="text"],
.mp_wrapper input[type="url"],
.mp_wrapper input[type="email"],
.mp_wrapper input[type="tel"],
.mp_wrapper input[type="number"],
.mp_wrapper input[type="password"] {
    padding: 20px 10px !important;
}

.with_frm_style .frm_description,
.with_frm_style .frm_pro_max_limit_desc {
    margin-top: 6px !important;
}

.mepr-account-container #DataTables_Table_0_wrapper select {
    font-family: 'HeroKid', sans-serif !important;
}

.mp_wrapper select,
.with_frm_style select {
    height: auto !important;
}

.mp_wrapper .headline.form {
    font-weight: 500 !important;
}

/* =============================================================================
   FORMIDABLE — Buttons & Submit
   ============================================================================= */

.frm_style_formidable-style.with_frm_style .frm-edit-page-btn:hover,
.frm_style_formidable-style.with_frm_style input[type=submit]:hover,
.frm_style_formidable-style.with_frm_style .frm_submit input[type=button]:hover,
.frm_style_formidable-style.with_frm_style .frm_submit button:hover {
    background: var(--blue) !important;
    border-color: var(--blue) !important;
    color: var(--white) !important;
}

.frm_style_formidable-style.with_frm_style .frm_compact .frm_dropzone.dz-clickable .dz-message,
.frm_style_formidable-style.with_frm_style input[type=submit],
.frm_style_formidable-style.with_frm_style .frm_submit input[type=button],
.frm_style_formidable-style.with_frm_style .frm_submit button,
.frm_form_submit_style,
.frm_style_formidable-style.with_frm_style .frm-edit-page-btn {
    background: var(--blue-neutral) !important;
    border-color: var(--blue-neutral) !important;
    color: var(--white);
}

.with_frm_style a.frm_save_draft,
.with_frm_style a.frm_start_over {
    font-size: 20px !important;
    font-weight: var(--submit-weight) !important;
    color: #fff !important;
    background: linear-gradient(90deg, var(--gold), var(--gold-03)) !important;
    background-color: #ccb67a !important;
    padding: 10px 20px !important;
    margin: 10px 0 48px 0 !important;
    border-radius: 4px;
    height: var(--submit-height);
}

.with_frm_style a.frm_save_draft:hover,
.with_frm_style a.frm_start_over:hover {
    font-size: 20px !important;
    font-weight: var(--submit-weight) !important;
    color: #fff !important;
    background: linear-gradient(90deg, var(--gold-03), var(--gold)) !important;
    background-color: #ccb67a !important;
    padding: 10px 20px !important;
    margin: 10px 0 48px 0 !important;
    border-radius: 4px;
    height: var(--submit-height);
}

.with_frm_style .frm_submit {
    display: flex !important;
    flex-direction: column-reverse !important;
    max-width: fit-content !important;
}

.comment .frm_error_style,
.comment .frm_message,
.jurycomment .frm_message,
.jurycomment .frm_error_style {
    display: none !important;
}

.frm_forms.frm_style_formidable-style.with_frm_style {
    max-width: 1024px;
}

.secondheadline .frm_primary_label {
    border-top: 2px solid #e8e8e8 !important;
    font-weight: 700 !important;
    font-size: 18px !important;
    padding: 15px 0 3px 0px !important;
    margin-bottom: 30px !important;
}

.help.frm_tooltip_icon::before,
.help.frm_radio_checked_icon::before,
.help.frm_plus1_icon::before {
    color: var(--panther-blue);
    padding-right: 12px;
    font-size: 32px;
}

.help.frm_tooltip_icon {
    width: 100%;
    font-size: 14px;
}

.help.frm_help.frm_icon_font {
    display: flex;
    vertical-align: text-top;
    justify-content: right;
    align-items: center;
}
 .with_frm_style .frm_remove_form_row.frm_button:hover, .with_frm_style .frm_add_form_row.frm_button:hover {
    background: var(--blue)!important;
}
input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 35px white inset!important;
}
/* =============================================================================
   POPUP
   ============================================================================= */

.popup {
    background-color: #ffffff;
    max-width: 1024px;
    padding: 30px 40px;
    position: absolute;
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
    border-radius: 8px;
    display: none;
    box-shadow: 5px 5px 30px rgba(0, 0, 0, .2);
    width: 100%;
    max-height: 90% !important;
    overflow: auto !important;
    padding-bottom: 24px !important;
}

@media (max-width: 1024px) {
    .popup {
        max-width: 90%;
        width: 100%;
        font-size: 0.75rem;
    }
}

@media (max-width: 600px) {
    .popup {
        max-width: 95%;
        width: 100%;
        font-size: 0.75rem;
    }
}

.message {
    display: block;
    background-color: aliceblue;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 999;
    left: 0;
}

.message h2.headline {
    font-weight: bold;
    line-height: 1.2;
}

.message .btn {
    background: #0693e3;
    font-weight: bold;
    width: fit-content;
    color: #fff;
    border: 0;
    padding: 1rem;
    cursor: pointer;
    border-radius: 6px;
}

/* =============================================================================
   MEMBERPRESS — Checkout & Forms
   ============================================================================= */

.mepr-before-signup-form {
    width: auto;
}

@media (min-width: 1024px) {
    .mepr-checkout-container .form-wrapper {
        padding-right: 0;
        border-left: 0px solid #ccc !important;
    }
}

.mepr-checkout-container .form-wrapper input[type="submit"] {
    background: #0693e3 !important;
    font-weight: bold;
    width: auto !important;
}

.mp_wrapper a,
.mp_wrapper a:hover,
.mp_wrapper a:active {
    color: #06caff !important;
    font-weight: 600;
}

.frm_repeat_buttons a,
.frm_repeat_buttons a:hover,
.frm_repeat_buttons a:focus,
.frm_repeat_buttons a:active {
    color: #fff !important;
    font-weight: 600 !important;
}

/* =============================================================================
   CONTENT
   ============================================================================= */

.content ul {
    list-style: disc;
    color: #0693e3;
    font-weight: bold;
}

.content ul,
.content ol {
    margin: 0 0 1.5em 0.5em;
}

/* =============================================================================
   REGISTRIERUNG
   ============================================================================= */

.mepr_mepr_name_des_ansprechpartners_fuer_einreichungen::before {
    content: 'Ansprechperson für die Einreichungen';
    display: block;
    padding-top: 20px;
    font-size: 24px;
    line-height: 1.5;
    padding-bottom: 20px;
}

.mepr_mepr_name_des_verantwortlichen::after {
    content: '(Intendantin / Intendant, Vorstandsmitglied, Geschäftsführerin / Geschäftsführer, Programmdirektorin / Programmdirektor, Chefredakteurin / Chefredakteur oder deren ständige Vertreter:innen)';
    font-size: 14px;
    color: gray;
}

.mepr_mepr_email_des_ansprechpartners::after {
    content: '(dient lediglich Rückfragen zu den Einreichungen)';
    font-size: 14px;
    color: gray;
}

.mepr_mepr_name_des_verantwortlichen {
    line-height: 1.2;
}

.mepr_mepr_name_des_verantwortlichen label {
    line-height: 1.5;
}

.registrierung .description {
    padding-top: 24px;
    color: gray;
}

.registrierung .organisation {
    background-color: aliceblue;
    padding: 24px;
}

.registrierung .custominput,
.legal {
    padding: 0 24px;
}

.registrierung .mepr_math_captcha {
    padding: 20px 24px 10px 24px;
}

.registrierung .mp-form-submit {
    padding: 0 24px;
}

.mepr_mepr_name_der_des_ansprechpartnerin::before {
    content: 'Ansprechperson für die Einreichungen';
    font-size: 1.17em;
    font-weight: 700 !important;
    line-height: 1.5;
}

.mepr_mepr_name_der_des_ansprechpartnerin .mp-form-label {
    margin-top: 20px;
}

.mp_wrapper .mp-form-row.mepr_mepr_name_der_des_verantwortlichen {
    margin-bottom: 30px;
}

/* Newsletter-Opt-in */
.mepr_custom_field.mepr_mepr_moechten_sie_auch_weiterhin_informationen_zum_einreichungszeitraum_des {
    visibility: hidden;
}

.mepr_custom_field.mepr_mepr_moechten_sie_auch_weiterhin_informationen_zum_einreichungszeitraum_des input {
    visibility: visible;
    margin-top: 36px;
}

.mepr_mepr_moechten_sie_auch_weiterhin_informationen_zum_einreichungszeitraum_des label:after {
    content: 'Ich möchte auch weiterhin Informationen zum Einreichungszeitraum des Blauen Panthers per E-Mail erhalten.';
    padding-left: 20px;
    display: block;
    top: 0;
    visibility: visible;
    font-size: 1rem;
    margin-top: -20px;
    line-height: 1.5;
}

.mepr_mepr_moechten_sie_auch_weiterhin_informationen_zum_einreichungszeitraum_des {
    font-size: 0px;
    line-height: 0.25;
}

.mepr_mepr_2newsletter {
    margin-top: 24px;
}