:root{
    --dialog-min-gap: 2em;
}
.c-dialog {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 2.5rem;
    border: none;
    padding: 1rem;
    width: min(68rem, 90vw);
    max-height: calc(100% - var(--dialog-min-gap));
}

.c-dialog::backdrop {
    background: rgba(0, 0, 0, 0.3);
}

.dialog__actions {
    display: flex;
    width: 100%;
    justify-content: stretch;
    margin-block-start: 0.5rem;
}

.dialog__actions button {
    text-align: center;
    flex: 1 1 0;
    padding: 0.6rem 1 rem;
    min-inline-size: 0;
    font-size: 2.4rem;
    justify-content: center;
    align-items: center;
}

.btn--cancel-dialogue {
    border: 1px solid black;
    background: white;
    color: black;
}

.dialog__content {
    padding: 4rem;
    display: grid;
    gap: 0.75rem;
    grid-column: 1;
}

.dialog__actions {
    display: flex;
    margin-block-start: 0.5rem;
    row-gap: 2rem;
    column-gap: 3rem;
}

@media (max-width: 519.9px) {
    .dialog__actions {
        flex-direction: column;
        align-items: stretch;
    }

    .dialog__actions .btn {
        width: 100%;
    }
}

body:has(.offers__dialog[open]) {
    position: fixed;
    inset: 0;
    width: 100%;
    /* overflow-y: scroll; */
    top: var(--scrollPosition);
}

.c-dialog__scroll-container{
    --sb-top: 0; 
    --sb-botton: calc(var(--dialog-min-gap));
    max-height: calc(100vh - var(--sb-top) - var(--sb-botton));
    overflow-y: scroll;
}



/* Problem: um zu funktionieren wird eine Höhe des Elements benötigt, 100vw - dialog kopf ginge, aber dialog kopf höhe müsste berechnet werden */
/* Autocomplete ist bei mir verschwunden */
/* In Webseite enthaltenes Stil-Dokument | https://berufeworld3.bwverlag.de/berufe-a-bis-z?firstletter=k&jobid=1789 */

/* .c-dialog__scroll-container {
    overflow-y: scroll;
    background: lightblue;
    padding: 1rem;
    height: 100%;
    position: relative;
    max-height: 100vh;
  }
   */
  /* angebot.css | https://berufeworld3.bwverlag.de/assets/css/angebot.css */
  
  /* .c-dialog.offers__dialog {
    overflow-y: initial;
  } */
  
  /* .offers__dialog[open] {
    grid-template-columns: 1fr;
  } */
  
  /* Element | https://berufeworld3.bwverlag.de/berufe-a-bis-z?firstletter=k&jobid=1789 */
  
  /* #offer {
    overflow-y: clip;
  }
   */