/* === Seitenhintergrund (Bannerbild unten) === */
body {
    background-image: url('/plugins/system/langomat/assets/langomat_ocean.svg');
    background-size: 2200px;          /* feste Bildgröße in Pixeln */
    background-position: left bottom; /* Position: unten links */
    background-repeat: no-repeat;     /* keine Wiederholung */
    /* background-attachment: fixed;  /* fixiert beim Scrollen, optional aktivieren */
}

/* === Logo-Größe anpassen === */
.navbar-brand .brand-logo img {
    width: 80px !important;
    height: 80px !important;
}

.footer-icons a {
  color: #ffffff;
  margin: 0 12px;
  transition: 0.4s ease;
}
.footer-icons a:hover {
  color: #4fc3f7;
  transform: scale(1.2);
}

/* === Formulare & Artikel leicht aufgehellt === */
.com-users-registration__form,
.com-users-reset__form,
.com-users-remind__form,
.com-users-login__form,
[class^="com-users-profile__"],
.com-content-article,
[class^="com-content-article__"] {
    background-color: rgba(255, 255, 255, 0.85); /* halbtransparentes Weiß */
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);     /* weicher Schatten */
    border-radius: 12px;                         /* abgerundete Ecken */
    padding: 30px;                               /* Innenabstand */
}