/* OVERRIDES
Administrator-Template atum:
administrator/templates/atum/html/com_content/article/edit.php (Zeilen 23-28)

Sprachen: Overrides:
COM_USERS_PROFILE_DEFAULT_LABEL (Profil bearbeiten)
COM_USERS_REGISTRATION_DEFAULT_LABEL (Benutzerregistrierung)
COM_USERS_REMIND_DEFAULT_LABEL (Benutzername vergessen?)
COM_USERS_RESET_REQUEST_LABEL (Passwort vergessen?)
*/

/* HINTERGRUNDFARBE */
:root {
  --vdb-color: #005eaa;
  --cassiopeia-color-primary: white;
  --cassiopeia-color-link: var(--vdb-color); 
  --cassiopeia-color-hover: var(--vdb-color); 
  --link-color: var(--vdb-color);
}

/* MouseOver im Menü */
/* vorübergehend noch ausgeschaltet
@media (min-width: 992px) {
  .mod-menu.is-hoverable > li:hover > .mm-collapse:not(.mm-show) {
    display: block;
  }
  .mod-menu.is-hoverable > li:hover > .mm-toggler:after {
    transform: rotateX(-180deg);
  }
}
*/

.container-component {
  overflow-wrap: break-word;
}

/* Scrollbar immer anzeigen */
body {
  overflow: scroll; 
}

.bg-vdb {
    background-color: var(--vdb-color); 
}

@media (min-width: 992px) {
.container-header .navbar-brand {
	display: flex;
    width: 100%;
	align-items: center;   
  }
}

.container-header .site-description {
    color: var(--vdb-color); 
 	font-size: clamp(1.65rem, -0.375rem + 6vw, 3rem);
    font-weight: bold;
    margin-inline: auto;
}  

/* da Cassiopeia per CSS einen Verlauf als Image einfügt */
.container-header {
  background-color: white;
  background-image: none;
}

.container-footer {
  background-color: var(--vdb-color);
  background-image: none;
  min-height: 65px;
}

@media (max-width: 992px) {
.container-footer {
  max-height: 175px;
  }
}

.footer .grid-child {
   padding-top: 0px;
   padding-right: 0px;
   padding-bottom: 0px;
   align-items: normal;
}

/* MENÜ */
.container-header .metismenu>li.level-1>ul {
   min-width: 17em;
}

.container-header .mod-menu {
  color: var(--vdb-color);
}

.container-footer .mod-menu {
  color: white;
}

/* Menü-Hintergrund:
- beim Überrollen mit der Maus, sollen die Main-Menüpunkte grau hinterlegt werden */
.container-header .mod-menu a:hover,
.container-header .metismenu>li.item-108.level-1>button:hover {
  background-color: #eee;
}

/* aktiver Menüpunkt */
.container-header .metismenu>li.level-1.active>a,
.container-header .metismenu>li.level-1.active>button {
  background-color: #eee; 
}

/* beim Überrollen mit der Maus, sollen sich die Farbe der Footer-Menüpunkte nicht ändern */
.container-footer .mod-menu a:hover {
  color: white;
  text-decoration: none;
}

/* Menü-Hintergrund:
- auflockern (Innenabstand und abgerundete Ecken */
.container-header .mod-menu a,
.container-header .mod-menu>button {
  -webkit-border-radius: 0 0 6px 6px;
  -moz-border-radius: 0 0 6px 6px;
  border-radius: 0 0 6px 6px;
  padding: 3px 10px;
}
/*
.container-header .metismenu>li.item-108.level-1>button {
  padding-left: 15px;
}
*/

/* @media (max-width: 992px) {
.container-header .mod-menu a,
.container-header .mod-menu>button,
.container-header .metismenu>li.item-108.level-1>button {
  padding: 3px ;
  }
}*/

/* mobile Menü-Darstellung */
.container-header .navbar-toggler {
    border: 1px solid var(--vdb-color);
    color: var(--vdb-color);  
}

.container-footer .navbar-toggler {
    border: 1px solid white;
    color: white;  
}

/* Menü und Social Media */
@media (max-width: 992px) {
.container-nav .mod-custom {
  margin-top: 1rem;
  }
}

.container-nav .mod-custom {
display: flex;
align-items: center;
}

.container-nav .mod-custom p {
  margin-bottom: 0;
}

/* SIDEBAR */
.card-header { 
  background: #ccdeee; 
}

/* LINKS */
a:not([class]) { text-decoration: none; }

.metismenu.mod-menu .metismenu-item { 
  padding: .5em .5em;
}

.metismenu.mod-menu .metismenu-item.active>a,
.metismenu.mod-menu .metismenu-item>a:hover { 
  text-decoration: none; 
}
 
.active>.page-link, .page-link.active {
  background-color: var(--vdb-color);
  border-color: var(--vdb-color);
}

/* Button "E-Mail senden" */
.btn-primary {
  background-color: var(--vdb-color);
  border-color: var(--vdb-color);
}

.back-to-top-link {
  color: var(--vdb-color);
  border-color: var(--vdb-color);
}

/* Abstand um Bilder */
.item-image {
  margin-left: 3px;
  margin-right: 3px;
}

/* Bilder in der Sidebar zentrieren */
.vdb_sidebar img {
  margin: auto;
  display: flex;
}

/* Benutzerregistrierung */
legend p {
  font-size: var(--body-font-size);
}