.row {
    margin-bottom: 10px !important;
}

/* Normalzustand (disabled) */
input[readonly] {
    background-color: #f0f0f0; /* Heller grauer Hintergrund */
    color: #888; /* Graue Schriftfarbe */
    cursor: not-allowed; /* Mauszeiger zeigt an, dass das Feld nicht bearbeitet werden kann */
    border: 1px solid #ccc; /* Grauer Rand */
}

/* Bearbeitungsmodus (nach dem Klicken auf das Bearbeitungs-Icon) */
input:not([readonly]) {
    background-color: #ffffff; /* Weißer Hintergrund */
    color: #000; /* Schwarze Schriftfarbe */
    cursor: text; /* Mauszeiger zeigt an, dass das Feld bearbeitet werden kann */
    border: 1px solid #3e71ff; /* Grüner Rand, um das bearbeitbare Feld hervorzuheben */
    box-shadow: 0 0 5px rgba(76, 175, 80, 0.5); /* Sanfter grüner Schlagschatten */
}

select[disabled] {
    background-color: #f0f0f0; /* Heller grauer Hintergrund */
    color: #888; /* Graue Schriftfarbe */
    cursor: not-allowed; /* Mauszeiger zeigt an, dass das Feld nicht bearbeitet werden kann */
    border: 1px solid #ccc; /* Grauer Rand */
}

select:not([disabled]) {
    background-color: #ffffff; /* Weißer Hintergrund */
    color: #000; /* Schwarze Schriftfarbe */
    cursor: pointer; /* Mauszeiger zeigt an, dass das Feld bearbeitet werden kann */
    border: 1px solid #3e71ff; /* Grüner Rand, um das bearbeitbare Feld hervorzuheben */
    box-shadow: 0 0 5px rgba(76, 175, 80, 0.5); /* Sanfter grüner Schlagschatten */
}

/* Stil für das Bearbeitungs-Icon */
.edit-button {
    background: none;
    border: none;
    cursor: pointer;
    padding: 5px;
    margin-left: 10px;
}

.edit-button i {
    font-size: 18px; /* Größeres Symbol */
    color: #648dff; /* Markenblau für das Bearbeitungs-Icon */
}

/* Hover-Effekt für das Bearbeitungs-Icon */
.edit-button:hover i {
    color: #ffffff; /* Weiss, wenn das Icon gehovert wird */
}

#gpm-modal-content {
    display: block !important;
    visibility: visible !important;
}

#yextIframe {
    display: block; /* Stellen Sie sicher, dass der iFrame angezeigt wird */
    width: 100%;
    height: 600px;
    border: none; /* Entfernen Sie den Rahmen, falls vorhanden */
    z-index: 9999;
}

#yextIframe-container {
    display: block; /* Stellen Sie sicher, dass der Container angezeigt wird */
}

#loading-animation {
    display: none;
    text-align: center;
    margin-bottom: 20px;
}

#loading-animation img {
    width: 50px;
    height: 50px;
}