/* Body */
body {
    /* background-color: rgba(0,0,0,0.9) !important;
    color: white !important; */
    /* font-family: Garamond, serif !important; */
    overflow-x: hidden;
}

/* Banner */
.vt-banner {
    /* background-color: #1A272F; */
    position: fixed; /* 'fixed' sorgt dafür, dass es beim Scrollen sichtbar bleibt */
    left: 0;
    top: 0;
    width: 9%;
    height: 80%;
    display: flex;
    flex-direction: column; /* Standard: Übereinander */
    justify-content: center;
    align-items: center;
    transition: width 1s ease-in-out, height 1s ease-in-out;
    z-index: 1000;
    filter: drop-shadow(7px 10px -1px rgba(0,0,0,0.84));
}
.vt-banner.horizontal {
    position: fixed; 
    left: 0;
    top: 0;
    width: 5%;
    height: 40%;
    display: flex;
    flex-direction: column; 
    justify-content: center;
    align-items: center;
    transition: width 1s ease-in-out, height 1s ease-in-out;
    z-index: 1000;
    filter: drop-shadow(7px 10px -1px rgba(0,0,0,0.84));
}
.vt-banner img {
    position: absolute;
    top: 0;
    height: 80%;
}

/* Navigation Bar */
.navMobile {
    position: fixed;
    border: none;
    padding: 0px;
    margin: 0px;
    
    right: 0;
    left: 0;
    top: 0;
    height: 10%;
    background-color: black;
}

#mobileNavigation {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    margin: 0px;
    padding: 0px;
    border: 2px solid black;
    z-index: 99;
    background-color: black;
    display: none;
}

.nav {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    border: none;
    padding: 0;
    margin: 0;
    height: 7%;
    z-index: 99;

    user-select: none;

    grid-auto-flow: column;
    grid-template-columns: 10% 20% 20% 20% 20% 10%;

    text-align: center;

    font-size: 14pt;
    place-items: center;

    background-color: black;
    color: white !important; /* Hinzugefügt: Erzwingt weiße Schriftfarbe in der Navbar */
}
.nav .navItem {
    /* background-color: yellow; */
    margin: 0;       
    padding: 0;       
    height: 100%;    
    width: 100%;
    overflow: hidden;  

    display: flex;
    justify-content: center; /* Horizontal */
    align-items: center;     /* Vertikal */
}
.nav .bannerPlaceholder {
    width: 10%;
}
.nav .vt-logo {
    position: absolute;
    right: 0%;
    height: 99%;
}
.navBgImg {
    /* background:url('images/vt-banner-breit-400px.svg') no-repeat 0 -100px; */
    background:url('images/vt-banner-breit-500px.svg') no-repeat 0 -100px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 45%;
}
.navBgImg:hover {    
    background:url('images/vt-banner-breit-500px-gold.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 45%;
}
.navBgImgBig {
    background:url('images/vt-banner-breit-600px-rot.svg') no-repeat 0 -100px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
}


.stockkampf {
    position: absolute;
    bottom: -5%; 
    right: -5%;
    margin: 0;
    padding: 0;
    overflow: hidden;

  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}

a {
  all: unset; 
  cursor: pointer; 
  display: inline-block; 
  text-decoration: none !important;
  color: white !important; /* Geändert: Von inherit auf white !important gesetzt */
  outline: none;
}
a:visited {
  color: white !important; /* Geändert: Bleibt auch nach dem Klicken weiß */
}
a:active {
  color: white !important; /* Geändert: Bleibt beim Klicken weiß */
}
a:hover {
  color: white !important; /* Hinzugefügt: Verhindert das Standard-Blau beim Hovern */
}

.mainHeader {
    font-size: 60pt;
}
.mainSubHeader {
    font-size: 30pt;
}
.mainText {
    font-size: 16pt;
    width: 80%;
}

footer {
    background-color: black;
    margin: 0;
    padding: 0;

    position: absolute;
    /* bottom: 0; */
    right: 0 !important;
    left: 0 !important;

}

.trainerView {
    width: 90%;
    /* background-color: red; */
}
.trainerName {
    padding: 6px;
    margin: 0px;
    color: white;
    /* background-color: white;
    border-radius: 16pt; */
    /* -webkit-box-shadow: 2px 3px 11px -2px rgba(0,0,0,0.95); 
    box-shadow: 2px 3px 11px -2px rgba(0,0,0,0.95); */
    background-image: url("images/vt-banner-breit-600px-rot-bgSchwarz.svg");
    background-repeat: no-repeat;
    background-position: center;
}
.trainerText {
    margin: 12px;
}