html {
    background-color: #000;
}

body {
	max-width: 1920px;
    margin-left: auto;
    margin-right: auto;
    font-family: Arial, Helvetica, sans-serif;
}

.ff-g {
    font-family: 'Goldman';
}

.fc-grey {
    color: #edf5ee;
}

nav {
    border-bottom: 1px solid #49b7e9;
    background-color: #000;
}

.navbar {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
}

#banner {
    background-image: url('../images/banner_00.webp');
    background-repeat: no-repeat;
    height: 552px;
    position: relative;
}

#banner p {
    font-size: 2rem;
    color: var(--bs-nav-link-hover-color);
    position: absolute;
    bottom: 10px;
    left: 10px;
    margin: 0;
    padding: 0;
}

@media(max-width: 1600px) {
    #banner {
        background-image: url('../images/banner_00_1600.webp');
        height: 460px;
    }
}

@media(max-width: 1366px) {
    #banner {
        background-image: url('../images/banner_00_1366.webp');
        height: 393px;
    }
    #banner p {
        font-size: 1.6rem;
    }
}

@media(max-width: 1024px) {
    #banner {
        background-image: url('../images/banner_00_1024.webp');
        height: 295px;
    }
    #banner p {
        font-size: 1.4rem;
    }
}

@media(max-width: 768px) {
    #banner {
        background-image: url('../images/banner_00_768.webp');
        height: 221px;
    }
    #banner p {
        font-size: 1.2rem;
    }
}

@media(max-width: 576px) {
    #banner {
        background-image: url('../images/banner_00_576.webp');
        height: 166px;
    }
    #banner p {
        font-size: 1rem;
    }
}

@media(max-width: 375px) {
    #banner {
        background-image: url('../images/banner_00_375.webp');
        height: 108px;
    }
    #banner p {
        font-size: 0.8rem;
    }
}

@media(max-width: 991px) {
    .nav-item {
        border-top: 1px solid #49b7e9;
    }
}

section {
    margin-top: 4rem;
}

.menu-active {
    border-top: 2px solid #49b7e9;
}

@media(max-width: 991px) {
    .menu-active {
        border-top: 1px solid #49b7e9;
    }
}

.link-white:link,
.link-white:hover,
.link-white:active,
.link-white:visited {
    color: #fff;
    text-decoration: none;
}

.link-white>i {
    margin-right: .3rem;
}

.topic {
    font-size: 2rem;
    margin-top: 2rem;
    margin-bottom: 4rem;
    text-align: center;
    text-transform: uppercase;
}

.html_error {
    font-size: 20rem;
}

@media (max-width: 700px) {
    .html_error {
        font-size: 15rem;
    }
}

@media (max-width: 470px) {
    .html_error {
        font-size: 10rem;
    }
}

.conatiner-mt {
    margin-top: 8rem;
}

#kontakt {
    background-color: #000;
    padding: 2rem;
}

#kontakt .col-12>.row {
    margin-top: 1rem;
}

@media (max-width: 991px) {
    #kontakt .row>.col-lg-6:nth-of-type(even) {
        margin-top: 1rem;
    }
}

#galerie {
    font-family: 'Goldman';
}


/* === Start GoogleMaps === */

#gmaps {
    margin-bottom: -4rem;
    padding: 0;
    background-color: #000;
}

#gmaps>iframe {
    width: 100%;
    height: 600px;
}

@media (max-width: 1200px) {
    #gmaps>iframe {
        width: 100%;
        height: 500px;
    }
}

@media (max-width: 800px) {
    #gmaps>iframe {
        width: 100%;
        height: 400px;
    }
}

@media (max-width: 576px) {
    #gmaps>iframe {
        width: 100%;
        height: 350px;
    }
}


/* === Bilder === */

@media (max-width: 1400px) {
    #ueber-mich img {
        height: 300px;
    }
    #leistungen img {
        height: 300px;
    }
    #start img {
        height: 400px;
    }
}

@media (max-width: 400px) {
    #start img {
        height: 300px;
    }
}

@media (max-width: 991px) {
    #ueber-mich .col-lg-8 {
        margin-top: 2rem;
    }
    #leistungen .col-lg-8 {
        margin-top: 2rem;
    }
    #start .col-lg-8 {
        margin-top: 2rem;
    }
}


/* === Ende GoogleMaps === */

footer {
    margin-top: 4rem;
}

footer>.container-fluid {
    background-color: #000;
    color: #edf5ee;
}

footer>.container-fluid:nth-of-type(1) {
    padding: 3rem;
}

footer>.container-fluid:nth-of-type(2) {
    padding: 1rem;
    border-top: 1px solid #edf5ee;
}

footer img {
    width: 200px;
}

footer strong {
    text-transform: uppercase;
}

footer a:link,
footer a:hover,
footer a:active,
footer a:visited {
    color: #fff;
    text-decoration: none;
}

footer a>i {
    margin-right: .5rem;
}

@media(max-width: 768px) {
    footer .col-lg-4:not(:nth-of-type(1)) {
        margin-top: 2rem;
    }
}


/* === PSS === */

#pss-content .kv_styleclass_1 {
    display: none;
}

#pss {
    --pss-steps-background-color: #49b7e9;
    --pss-infos-underline-color: #49b7e9;
    --pss-tab-underline-color: #49b7e9;
    --pss-tab-selected-underline-color: #49b7e9;
    --pss-slots-button-selected-color: #49b7e9;
    --pss-appname-color: #49b7e9;
}