/* Style für alle Seiten */
:root{
    --bg: #ffffff;
    --trans: rgba(255, 255, 255, 0);
    --color: #000000;
}


body {
    background-color: var(--bg);
	background-image: url("/asset/images/background.png");
    background-attachment: fixed;
	background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100vh;
    /* width:min-content; */

    font-family: 'Ibarra Real Nova';
    color: var(--color);
    font-size: 16px;
}

.card {
    background-color: var(--trans);
    color: var(--color);
}

.nav-link {
    background-color: var(--trans) !important;
    color: var(--color) !important;
}

.nav-link.active, .nav-link.dropdown.active, .nav-link.dropdown:active{
    background-color: var(--trans) !important;
    color: var(--color) !important;
    border-bottom: 1px solid var(--color) !important;
}

.dropdown-item.active, .dropdown-item:active { 
    color: var(--color) !important; 
    background-color: var(--bg) !important;
} 

.dropdown-item { 
    color: var(--color) !important; 
    background-color: var(--bg) !important;
} 

a, a:hover, a:active {
    color: var(--color);  
    text-decoration: none;
}


/* Style Startseite */

.startseiteTitel {
    font-family: 'Mary Helen JF';
    font-size: 2.5rem !important;
}

h2, h5 { 
    color: var(--color);
} 

.card-img-top > img {
    
    max-width: 80vw !important;
    width: auto !important;
    align-self: center !important;
}


.nav-bottom {
    position: static;
    bottom: 0;
    width: 100%;
  }

#footer {
    padding-top: 50px !important;
}

@font-face {
    font-family: 'Mary Helen JF';
    src: url('../fonts/MaryHelenJF.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Ibarra Real Nova';
    src: url('../fonts/IbarraRealNova.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}