/* ===================================================================
   DER BAUSTELLEN-HINWEIS

   Ein dritter Knopf im Einstieg, der nicht weiterführt, sondern
   erklärt: Diese Seite ist die Werkstatt für das Aussehen von Aerona
   und wird bis zum Erscheinen der Apps und des Systems noch oft
   umgebaut.

   ## Warum er anders aussieht als die beiden daneben

   Die zwei anderen sind Wege — sie führen auf eine Seite. Dieser ist
   ein Hinweis und öffnet ein Fenster. Sähe er gleich aus, wäre er ein
   dritter Weg, und man klickte ihn in der Erwartung, irgendwo zu
   landen.

   Deshalb: kein Grund, nur eine Kontur, und in der leiseren Textfarbe.
   Er steht da, wo man ihn findet, wenn man ihn sucht — und tritt nicht
   vor die beiden, die wirklich weiterführen.
   =================================================================== */

.hero-weg--hinweis {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    background: transparent;
    color: var(--k-text-leise, #94a3b8);
    font: inherit;
    cursor: pointer;
}

.hero-weg--hinweis > i {
    font-size: .95em;
    opacity: .8;
}

.hero-weg--hinweis:hover,
.hero-weg--hinweis:focus-visible {
    color: var(--k-text, #e2e8f0);
}

#bau-modal h4 {
    margin: 1.6rem 0 .6rem;
    font-size: 1.05rem;
}

#bau-modal p {
    margin: 0 0 .8rem;
    line-height: 1.65;
    color: var(--k-text-leise, #94a3b8);
}

.bau-liste {
    margin: 0 0 .4rem;
    padding-left: 1.1rem;
    line-height: 1.65;
    color: var(--k-text-leise, #94a3b8);
}

.bau-liste li {
    margin-bottom: .55rem;
}

.bau-schluss {
    margin-top: 1.2rem;
    color: var(--k-text, #e2e8f0);
    font-weight: 600;
}

.bau-zu {
    margin-top: 1.4rem;
    padding: .6rem 1.4rem;
    border: 1px solid var(--k-rand-seite, rgba(148, 163, 184, .3));
    border-radius: var(--k-rund, 12px);
    background: var(--k-vertieft, rgba(255, 255, 255, .04));
    color: var(--k-text, #e2e8f0);
    font: inherit;
    cursor: pointer;
}

.bau-zu:hover {
    border-color: var(--k-rand-oben, rgba(255, 255, 255, .5));
}