/* Farben
        #ffed00     gelb (255 237 0)
        #990000     rot (153 0 0)
	 	#fff        weiss
	 	#000        schwarz


    Schriften

    Bebas Neue      Überschriften
    Poppins         Fliesstext 300 (400, 700)


*/

@import url("https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Poppins:wght@300;400;700&display=swap");

* {
    margin: 0px;
    padding: 0px;
}
body {
    font-family: "Poppins", sans-serif;
    font-size: 20px;
}

.container-fluid {
    margin: 0px;
    padding: 0px;
}

#header {
    background-color: #000;
    background-image: url("../img/biart_head_klein.jpeg");
    background-size: cover;
    background-position: top center;
    height: 969px;
}

#header .container {
    display: flex;
    justify-content: left; /* horizontal links ausrichten*/
    align-items: flex-center; /* vertikal zentriert ausrichten*/
    padding: 40px;
    height: 100%;
}

/* Navigation */

#navi-fluid {
    height: 106px;
}

#logo {
    width: 80px;
    height: auto;
}

.nav-item {
    font-family: "Poppins", sans-serif;
    text-transform: uppercase;
    font-weight: 300;
    font-size: 20px;
}

.navbar-nav li a:hover {
    color: #ffed00 !important;
}

#home {
    padding-top: 100px;
}

h1 {
    font-family: "Poppins", sans-serif;
}

h2,
h3 {
    font-family: "Bebas Neue", sans-serif;
    color: #000;
}

p {
    font-family: "Poppins", sans-serif;
    color: #000;
}

p #preis {
    margin-bottom: 0px !important;
}
.modal-body p {
    font-size: 16px;
    font-family: "Poppins", sans-serif;
}

.my_green {
    color: rgb(20, 61, 20) !important;
}

.my_white {
    color: rgb(245, 237, 226) !important;
}

.bg_mywhite {
    background-color: rgb(245, 237, 226, 0.5);
}

/* .my_yellow {
    color: #ffed00 !important;
} */

.background_yellow {
    background-color: #ffed00;
}

.bg_gradient {
    /* background-image: linear-gradient(
        to right top,
        #900e5d,
        #c92d46,
        #e46a1b,
        #dbac00,
        #a8eb12
    ); */

    background-image: linear-gradient(
        to right top,
        #495141,
        #677944,
        #8fa040,
        #c2c731,
        #ffed00
    );

    background-size: cover;
    background-position: center center;
    height: cover;
}

/*Links Farbe + Hover */
a {
    color: rgb(20, 61, 20);
    font-size: 20px;
    text-decoration: transparent;
}

.navbar-nav li a:hover {
    color: #fff;
    text-decoration: none;
}

a:hover {
    color: #fff;
    text-decoration: underline;
}

.modal-body a {
    color: #000;
    text-decoration: underline;
    font-size: 16px;
    font-family: "Poppins", sans-serif;
}

/*Buttons */

.btn-danger {
    background-color: #ffed00 !important;
    border: none;
    color: #990000;
}

.btn-danger:hover {
    color: #000 !important;
    text-decoration: none;
}

.btn-danger a {
    color: #990000;
    text-decoration: none;
}

.btn-danger a:hover {
    color: #000;
    text-decoration: none;
}

/* Button Impressum / DSGVO */

.btn-outline-warning {
    border: none !important;
    font-family: "Poppins", sans-serif;
    font-size: 18px;
    color: #fff;
    width: 150px;
    text-align: end;
}

.btn-outline-warning:hover {
    border: none !important;
    font-family: "Poppins", sans-serif;
    font-size: 18px;
    color: #fff !important;
    width: 150px;
    text-decoration: underline;
    background-color: transparent !important;
    text-align: end;
}

.form_dark {
    font-family: "Poppins", sans-serif;
    font-size: 16px;
    font-weight: 100;
    color: gray;
}

.card {
    border: none;
    margin: 0;
    padding: 0;
}

.copyright {
    font-size: 14px;
}