/* =====================================================
   Über mich / Extras / Gesetzlich — Page Styles
   Schriftart + #FF9900 Orange bleiben erhalten
   ===================================================== */

#uebermich-page,
#extras-page,
#gesetzlich-page {
    border-radius: 8px;
    padding: 22px 28px;
    min-height: 420px;
}
#uebermich-page  { min-height: 0; padding-top: 10px; }
#extras-page     { min-height: 0; padding-top: 100px; }
#gesetzlich-page { min-height: 0; padding-top: 100px; }

/* Überschriften */
#uebermich-page h1, #uebermich-page h2, #uebermich-page h3,
#extras-page h1,    #extras-page h2,    #extras-page h3,
#gesetzlich-page h1,#gesetzlich-page h2,#gesetzlich-page h3 {
    color: #FF9900;
    border-bottom: 2px solid rgba(255, 153, 0, 0.25);
    padding-bottom: 4px;
    margin-bottom: 10px;
}

/* Trennlinie */
#uebermich-page hr,
#extras-page hr,
#gesetzlich-page hr {
    border: none;
    border-top: 2px solid rgba(255, 153, 0, 0.35);
    margin: 14px 0;
}

/* Alle Links: Übergang vorbereiten */
#uebermich-page a,
#extras-page a,
#gesetzlich-page a {
    transition: background-color 0.22s ease,
                color 0.22s ease,
                border-color 0.22s ease,
                box-shadow 0.22s ease;
}

/* Button-Hover */
#uebermich-page a[style*="background"]:hover,
#uebermich-page a[style*="border"]:hover,
#uebermich-page input[type="submit"]:hover,
#uebermich-page input[type="button"]:hover,
#uebermich-page button:hover,
#extras-page a[style*="background"]:hover,
#extras-page a[style*="border"]:hover,
#extras-page input[type="submit"]:hover,
#extras-page input[type="button"]:hover,
#extras-page button:hover,
#gesetzlich-page a[style*="background"]:hover,
#gesetzlich-page a[style*="border"]:hover,
#gesetzlich-page input[type="submit"]:hover,
#gesetzlich-page input[type="button"]:hover,
#gesetzlich-page button:hover {
    background-color: #FF9900 !important;
    border-color:     #FF9900 !important;
    color:            #ffffff !important;
    box-shadow:       0 4px 14px rgba(255, 153, 0, 0.38) !important;
    transform: none;
}

/* Basis-Stil für Buttons + gestylte Links */
#uebermich-page a[style*="background"],
#uebermich-page a[style*="border"],
#uebermich-page input[type="submit"],
#uebermich-page input[type="button"],
#uebermich-page button,
#extras-page a[style*="background"],
#extras-page a[style*="border"],
#extras-page input[type="submit"],
#extras-page input[type="button"],
#extras-page button,
#gesetzlich-page a[style*="background"],
#gesetzlich-page a[style*="border"],
#gesetzlich-page input[type="submit"],
#gesetzlich-page input[type="button"],
#gesetzlich-page button {
    font-family: 'FetteMitD W03 Regular', sans-serif;
    font-size: 1.15em !important;
    padding: 11px 30px !important;
    border-radius: 8px !important;
    cursor: pointer;
    transition: all 0.22s ease;
    display: inline-block;
}

/* Emoji-Symbole größer */
#uebermich-page a span,
#uebermich-page button span,
#extras-page a span,
#extras-page button span,
#gesetzlich-page a span,
#gesetzlich-page button span {
    font-size: 1.9em;
    vertical-align: middle;
    line-height: 1;
}