@import url("fonts.css");

body {
    font-family: 'Barlow Semi Condensed';
    font-style: normal;
    font-weight: 400;
    font-size: 1.125rem;
}

.navbar-dark .navbar-nav .nav-link {
    font-size: 1.25rem;
}

a {
    color: #212529;
}

a:hover {
    color: rgba(11,142,54,1);
}

h1, h2, h3 {
    font-weight: 600;
}

.btn {
    font-size: 1.125rem;
}


@media (min-width: 1200px) {
    body {
        font-size: 1.25rem;
    }

    .navbar-dark .navbar-nav .nav-link {
        font-size: 1.5rem;
    }

    .btn {
        font-size: 1.25rem;
    }
}


.bg-gray {
    background-color: rgba(241,241,241,1);
}

.bg-green {
    background-color: rgba(11,142,54,1);
}



.bg-secondary {
    background-color: #f6ebda!important;
}

.text-primary {
    color: rgba(125,72,23,1)!important;
}

.text-secondary {
    color: rgba(11,142,54,1)!important;
}

.subtitle {
    font-weight: 400;
    font-size: calc(1.275rem + .3vw);
}


main .container-fluid {
    padding: 60px 50px;
}

.logo {
    font-size: 200px;
    color: #f4511e;
    font-size: 200px;
}

@media screen and (max-width: 768px) {
    .col-sm-4 {
      text-align: center;
      margin: 25px 0;
    }
}

.logo-small {
    color: #f4511e;
    font-size: 50px;
}

.site-home .header {
    padding: 0;
}

.site-home .section-logo {
    position: absolute;
    bottom: 40%;
    width: 100%;
    text-align: center;
}

.overlay {

    width: 100%; /* Full width (cover the whole page) */
    height: 100%; /* Full height (cover the whole page) */

    background-color: rgba(0,0,0,0.3);
}

.site-home .section-logo img {
    max-width: 400px;
}

.site-home .section-logo p {
    color: #fff;
}

.section-logo img {
    max-width: 300px;
    width: 100%;
    margin-top: 2rem;
}

.section-logo p {
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 1rem;
    color: rgba(11,142,54,1);
    max-width: 250px;
    text-align: center;
    margin: 0 auto 1rem auto;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;

}

.section-service .row h4 {
    text-transform: uppercase;
    letter-spacing: 1px;
}

.header {
    background-image: url(../bilder/kopfbild-schmal.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    height: 350px;
    border-bottom: 6px solid rgba(11,142,54,1);
}

.site-home .header {
    background-image: url(../bilder/kopfbild.jpg);
    background-repeat: no-repeat;
    height: 100vh;
}

.dropdown-item.active, .dropdown-item:active {
    background-color: rgba(11,142,54,1);
}

.enter-link {
    position: absolute;
    bottom: 50px;
    width: 100%;
    text-align: center;
    /*font-weight: bold;*/
    color: #fff;
    font-size: 2rem;
}

.enter-link .btn::before {
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    content: "\f063"; 
    margin-right: 1rem;
}

.link-intern::before {
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    content: "\f061"; 
    margin-right: 1rem;
}

.link-doc::before {
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    content: "\f019"; 
    margin-right: 1rem;
}

main ul {
    list-style-type: none;
    padding: 0;
    line-height: 1.8;
}

main ul li {
    display: table-row;
}

main ul li::before {
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    content: "\f105"; 
    padding-right: 1rem;
    color: rgba(11,142,54,1);
    display: table-cell;
}



.btn-primary {
    background-color: rgba(11,142,54,1);
    border-color: #13732d;
}

.btn-primary:hover {
    background-color: #55b073;
    border-color: #13732d;
}

.card.bg-secondary a {
    color: #212529;
}

.card.bg-secondary a:hover {
    color: rgba(11,142,54,1);
}

.footer {
    background-color: rgba(11,142,54,1);
    font-weight: 300;
}

.footer a {
    color: #ffffff;
}

.footer a:hover {
    color: yellowgreen;
}

.nav-meta {
    list-style-type: none;
    padding: 0;
}


@media (min-width: 768px) {
    .navbar .nav-link {
        padding-right: 1.5rem!important;
        padding-left: 1.5rem!important;
    }
}