@font-face {
    font-family: 'Lyon Text Web';
    src: url('../fonts/LyonText-Regular-Web.woff2') format('woff2'),
         url('../fonts/LyonText-Regular-Web.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Lyon Text Web';
    src: url('../fonts/LyonText-Bold-Web.woff2') format('woff2'),
         url('../fonts/LyonText-Bold-Web.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

body {
    font-family: 'Lyon Text Web', 'Roboto', sans-serif;
    color: black;
    margin: 0;
    font-size: 16px;
}

.mdw-container {
    background-color: #f5f5f5;
    max-width: 950px!important;
    padding: 20px;
    border-radius: 10px;
    text-align: center;
    display: block;
    margin: 50px auto; /* Zentriert den Container */
}

.ast-primary-header-bar {
    border: none;
}

img.logo {
    display: block;
	width: 200px;
    max-width: 200px;
    height: auto;
    margin: 0 auto 20px auto; /* Zentriert das Bild */
}

.alternative-location {
    padding-left: 50px;
}

h1 {
    font-size: 24px;
    color: #013366;
}

/* Gravity Forms Optimierungen */
.gform_wrapper {
    text-align: left;
}

.gform_wrapper input, .gform_wrapper textarea {
    width: 100%;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
    font-size: 16px;
}

.gform_wrapper .gform_button {
    background-color: #013366;
    color: white;
    padding: 10px 20px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
}

.gform_wrapper .gform_button:hover {
    background-color: #002a50;
}

.gform_page_footer {
    justify-content: center;
}

div#gf_progressbar_wrapper_1 {
    display: none;
}

#input_1_17_1::placeholder, #input_1_17_2::placeholder, #input_1_32::placeholder {
    color: gray;
    opacity: 1;
}

label.gfield_label.gform-field-label, .gfield_label {
    font-size: 16px!important;
    color: #000000;
}

@media (min-width: 921px) {
    /* Werk */
    div#field_2_8 {
        width: 83%;
        justify-self: center;
        padding-left: 5%;
    }

        /* Komponist */
        fieldset#field_2_9 {
            width: 126%;
        }    
  }

   label[for="input_2_9_3"].gform-field-label.gform-field-label--type-sub {
        display: none;
    }

input#gform_submit_button_1, input#gform_next_button_1_44 {
    background: #013366;
    font-size: 18px;
}

input#gform_submit_button_1:hover {
    transform: scale(1.05);
    transition: transform 0.3s ease-in-out;
}

button.gpnf-add-entry {
	background: #ffffff!important;
    border: 1px solid #013366!important;
	color: #000000!important;
}

button.gpnf-add-entry:hover {
	background: #002a50!important;
	color: #ffffff!important;
}

validation_error.gform_validation_error {
    background: red;
    color: #fff;
    margin-bottom: 10px;
    padding: 10px;
}

/* Entfernt den Abstand zwischen den Feldern in einer Zeile */
.gform_wrapper .gfield {
    margin-bottom: 0 !important; /* Verhindert unnötige Abstände zwischen den Feldern */
}

/* Falls der Abstand von einer Gravity Forms Regel kommt */
.gform_wrapper .gform_body .gfield {
    margin-bottom: 10px; /* Du kannst den Wert anpassen, falls du minimalen Abstand willst */
}

/* Speziell für das HTML-Feld (Feld 5) */
#field_1_5 {
    margin-bottom: 0 !important;
}

/* Speziell für Feld 35 */
#field_1_35 {
    margin-top: 0 !important;
}


/* Hide buttons in tinymce */
div#mceu_10, div#mceu_11 {
display: none;
}

/* Hide Arrangeur fake input field */
.gfield_list_group_item.gfield_list_cell.gfield_list_16_cell1.gform-grid-col {
    visibility: hidden; 
}

@media (min-width: 921px) {
    .mobile-alert {
        display: none;
    }
}

.mobile-alert {
    font-style: italic;
	font-size: 14px;
    padding: 1em;
}


/* Programmpunkte: Komponistenliste */
/* Standard: ausblenden */
#field_2_9,
#field_2_5 {
  display: none !important;
}

/* 1) Standard: 9 & 5 ausblenden, bei "manual" einblenden (Variante A) */
#field_2_9,
#field_2_5 {
  display: none !important;
}
#gform_2:has(#input_2_47 option[value="manual"]:checked) #field_2_9,
#gform_2:has(#input_2_47 option[value="manual"]:checked) #field_2_5 {
  display: block !important;
}

/* 2) Wenn NICHT "manuell" gewählt ist (9 & 5 verborgen):
      #field_2_8 auf volle Breite, links ausrichten, Padding entfernen */
#gform_2:not(:has(#input_2_47 option[value="manual"]:checked)) #field_2_8 {
  grid-column: 1 / -1 !important;  /* spannt über alle Spalten */
  width: auto !important;
  justify-self: stretch !important;
  padding-left: 0 !important;
}

/* 3) Optional: Lücken im Grid automatisch füllen */
#gform_2 .gform_fields {
  grid-auto-flow: dense;
}

/* Drag & Drop feature 
td.gpnf-row-actions ul:after {
	content: url(../assets/drag_24px.png);
	margin-right: 20px;
    margin-top: 8px;
    cursor: move; //fallback if grab cursor is unsupported
    cursor: grab;
    cursor: -moz-grab;
    cursor: -webkit-grab;
} */