@font-face {
    font-family: "Raleway";
    src: url("fonts/Raleway/static/Raleway-Regular.ttf");
  }
@font-face {
    font-family: "Montserrat";
    src: url("fonts/Montserrat/static/Montserrat-Regular.ttf");
}
@font-face {
    font-family: "Montserrat UltraLight";
    src: url("fonts/Montserrat Ultra Light/Montserrat Ultra Light.otf");
}

body {
    font-family:"Raleway";
    font-size: 20px;
    font-weight: 400;
    color:rgb(95,114,127);
    padding-top: 75px;
}

.nav-item {
    font-family: "Montserrat";
    font-size: 14px;
    font-style: normal;
    text-transform: uppercase;
    font-weight: 700;
    color: rgb(57, 61 ,80);
    white-space: nowrap;
    
}
.nav-link  {
    color: #000000;  /*#3c3950 rgb(60,57,80);*/

    padding: 0px 20px 0px 20px;
}

.active {
     border: solid 2px;
    
}

hr {
    border: #000000 2px;
    border-color: #000000;
    color: #000000;
    margin: 4px;
}

h1 {
    font-family: "Montserrat";
    font-size: 38px;
    font-style: normal;
    text-transform: uppercase;
    text-align: center;
    font-weight: 700;
    color: rgb(57, 61, 80);
}

h2 {
    font-family: "Montserrat UltraLight";
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
}

h3 {    
    font-family: "Montserrat";
    font-size: 24px;
    font-style: normal;
    text-transform: uppercase;
    text-align: left;
    font-weight: 700;
    color: rgb(60,57,80);
}

h4 {    
    font-family: "Montserrat";
    font-size: 16px;
    font-style: normal;
    text-transform: uppercase;
    text-align: left;
    font-weight: 700;
    color: rgb(60,57,80);
}

.p-imp {
    font-size: 16px;   
    padding: 0; 
    margin-bottom: 5px;
}

.fuss-text {
    font-size: 14px;    
    font-weight: 400;
    color: rgb(153, 169,181);    
}
.fuss-adresse {
    font-size: 16px;    
    font-weight: 400;
    color: rgb(153, 169,181);    
    text-align: center;
}

.fuss-dark {
    background-color: rgb(24, 24, 40);
    color: rgb(95, 114, 127);
}

:root {
    --bs-light-rgb: 240, 243, 242;
    --bs-dark-rgb: 24, 24, 40;
    --js-dunkel-rgb: 60,57,80;    
    --js-hellblau-rgb: 0,188,212;

    --js-hintergrund: #f1f2f4; /* rgb(241, 242, 244);*/
    --js-border: #dfe5e8; /* rgb(223, 229, 232); */
    --js-links: #00bcd4;  /* rgb(0, 188, 212);  hellblau */
    --js-hoover: #384554; /* rgb(56, 69, 84); */

    --js-text-header: #3c3950; /* rgb(60, 57, 80); */
    --js-text-body: #5f727f; /* rgb(95, 114, 127);  */

}

.btn-secondary {
    --bs-btn-color: #fff;
    --bs-btn-bg: rgb(24, 24, 40);
    --bs-btn-border-color: rgb(24, 24, 40);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: rgb(24, 24, 40);
    --bs-btn-hover-border-color: rgb(24, 24, 40);
    --bs-btn-focus-shadow-rgb: 130, 138, 145;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: rgb(24, 24, 40);
    --bs-btn-active-border-color: rgb(24, 24, 40);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #6c757d;
    --bs-btn-disabled-border-color: #6c757d;
  }