.container-header img {
  max-width: 300px;
  height: auto;
  box-shadow: 0 0 20px #000;
}

.center-it {
    display: flex;
    justify-content: center; /* Zentrierung */
    align-items: center;
}


.no-border {
  border: none;
}

.blog img {
    /* max-width: 100%; */
    /* width: 100%; */
    display: block;
    margin-left: auto;    margin-right: auto;
    margin-bottom: 20px;
    height: auto;
    /* margin: 0 0 20px 0; */


}
.container-banner-ext {
    margin: 0;
    display: block;
  background-color: #F7F7F7;
  
}/* Tooltipp in Charts formatieren */

.tooltipchart {
	padding:5px;
	width:180px;
}

/* Tooltipp Ende */





/* Sicherstellen, dass auch bei kleinen Displays, 
das Logo mit Sitename fließend dargestellt wird */

.container-below-top {
  flex-wrap: wrap;
}

.mod-logo-text {
position: relative;
    width: 100%;
    text-align: center;
}
.container-below-top a {
  text-decoration: none;
}

.text-center {
    text-align: center !important;
}

.footer .grid-child {
    padding: 1rem .5em;
}



.styled-footer {
    margin: 15px 0px 0px 0px;
    font-size: 1.1rem;
}

.styled-footer-right {
    font-size: 1.1rem;
}

/* Fonts */

@font-face {
font-family: 'Edo';
font-style: normal;
font-weight: 800;
font-display: swap;
src: url('../fonts/edo.ttf') format('truetype');
}

@font-face {
font-family: 'DancingScript';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url('../fonts/DancingScript-Regular.otf') format('truetype');
}

@font-face {
font-family: 'Garamond';
font-style: normal;
font-weight: 600;
font-display: swap;
src: url('../fonts/EBGaramond-Regular.ttf') format('truetype');
}

@font-face {
font-family: 'Garamond';
font-style: bold;
font-weight: 500;
font-display: swap;
src: url('../fonts/EBGaramond-Bold.ttf') format('truetype');
}

@font-face {
font-family: 'Garamond';
font-style: italic;
font-weight: 500;
font-display: swap;
src: url('../fonts/EBGaramond-Italic.ttf') format('truetype');
}

.plotalot-container:empty {
    display: none;
}

/* CSS für Override Datei default.php des User Profiles  */

.nav-tabs .nav-link {
    color: #007bff;
}
.nav-tabs .nav-link.active {
    font-weight: bold;
    color: #0056b3;
}

/* Tabs navigationsleiste stylen */
.tab-pane li {
    list-style-type: none; /* Entfernt die Punkte */
    display: inline-block; /* Tabs horizontal ausrichten */
}

.tooltip-wrapper {
  /*position: relative;
  display: inline-block;
  cursor: pointer;*/
      margin-bottom: .75rem;
    color: #FFFFFF;
    list-style: none;
    flex-wrap: wrap;
    align-items: center;
    padding: 1em .5em 0 0;
    font-size: 1.1rem;
    line-height: 1.5;
    display: flex;
}

.tooltip-wrapper .custom-tooltip {
  visibility: hidden;
  background-color: #333;
  color: #fff;
  text-align: center;
  font-size: .9rem;
  padding: 8px;
  border-radius: 4px;
  position: absolute;
  z-index: 1;
  bottom: 120%; /* Position über dem Text */
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}

.tooltip-wrapper:hover .custom-tooltip {
  visibility: visible;
}

.custom-clock {
  font-size: 1rem; /* Schriftgröße */
  color: #FFFFFF; /* Textfarbe */
  background-color: ##31386B; /* Hintergrundfarbe */
  padding: 10px; /* Innenabstand */
  text-align: center; /* Zentrierter Text */
  display: inline-block; /* Inline-Block für zentrierte Anzeige */
}

/* Formatierungen für Plotalot */

.tablerightasign{
  text-align: right;
}

.titleCenter {
  text-align: center;
}

.width-auto {
  width: auto;
}