body {
    font-family: 'Lato', sans-serif;
    font-size: 24px;
    line-height: 30px;
}

.container {
    /*Vorlage: 1230px inner 1170px*/
    /*width: 900px;*/

}

.bd-placeholder-img {
    font-size: 1.125rem;
    text-anchor: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

@media (min-width: 768px) {
    .bd-placeholder-img-lg {
        font-size: 3.5rem;
    }
}


/*@media(min-width:320px){.logo{width:260px}}

@media(min-width: 768px){.logo{width:330px}}*/


.first-card {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

.navbar > .container, .navbar > .container-fluid {
    display: flow-root;
    background-color: white;
}

.navbar, .navbar-brand {
    padding-top: 0px;
    padding-bottom: 40px;
}


.navbar-text {
    padding-top: 30px;
    font-size: 1rem;
}

h1, h2, h3, h4, h5 {
    color: #bf3316;
    font-family: 'Rokkitt', serif;
}
h3 {
    font-size: 2.1rem;
}

.lead {
    color: #a9a89e;
    font-family: 'Rokkitt', serif;
    font-size: 2.1rem;
    line-height: 1.2;
}

a, nav {
    color: #a9a89e;
}

.navbar-light .navbar-nav .nav-link {
    color: #a9a89e;
}

.first-card {
    color: white;
}


.centered {
    text-align: center;
}

.customlist {
    text-align: left;
    color: #044B36;
}

.redblock {
    background-color: #bf3316;
    color: white;
}

footer {
    background-color: #a9a89e;
    color: white;
    font-size: 1rem;
}

img {
    width: 100%;
}

.grey {
    background-color: #a9a89e;
}

ul .custom-icon-list {
    list-style: outside;
    margin-left: -40px;
}

li.custom-icon-list {
    display: flex;
}

ul.custom-icon-list li.custom-icon-list:before {
    content: '\25CA';
    color: #bf3316;

}

.list-headline {
    text-align: left;
    word-break: break-all;
    margin-bottom: 2rem;
    line-height: 1;
}

@media(min-width:320px){.logo{width:260px}}
@media(min-width:768px){.logo{width:400px}}

a.nav-link:hover {
    color: #bf3316!important;
    font-weight: 700!important;
}

@media (min-width: 768px){
    .modal-dialog {
        max-width: 760px;
    }}

.modal-body {
    font-size: 1rem;
}

h4 {
    font-size: 1.7rem;
}

.large-p {
    margin-bottom: 2rem;
}