/* ================================ ALLGEMEIN ================================ */

*,
*::before,
*::after {
    box-sizing: border-box;
}

html {
    scroll-padding-top: 263px;
}

html:focus-within {
    scroll-behavior: smooth;
}

.padded {
    padding-left: 10%;
    padding-right: 10%;
}

body {
    /* min-height: 100vh; */
    text-rendering: optimizeSpeed;
    margin-top: 263px;
    margin-bottom: 90px;
}
@media only screen and (max-width: 768px) {
    body {
        margin-top: 230px;
        margin-bottom: 120px;
    }
}

/* ================================ HEADER ================================ */
header {
    padding-top: 4rem;
    padding-bottom: 4rem;
}

nav li {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
}

.only-fullscreen {
    display: block;
}
.only-mobile {
    display: none;
}


@media only screen and (max-width: 768px) {
   
    .only-fullscreen {
        display: none;
    }
    .only-mobile {
        display: block;
    }
}

/* ================================ ÜBERSCHRIFTEN ================================ */
.center {
    text-align: center;
}

/* ================================ BEREICHE ================================ */
.page-container {
    max-width: 80%;
    margin: auto;
    /* margin-top: 17rem; */
    /* margin-bottom: 5rem; */
}

section {
    padding-top: 2rem;
    padding-bottom: 2rem;
}


/* ================================ INTRO ================================ */

/* ================================ ÜBER UNS ================================ */
.about-container {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(15rem, 100%), 1fr));
    gap: .5rem;
}

.image-container  {
    text-align: right;
    margin: auto;
    height: 100%;
}

img.about-picture {
    display: block;
    max-height: 20rem;
}

/* ================================ DAS TEAM ================================ */
.team-container {
    margin:auto;
}

/* ================================ KONTAKT ================================ */


/* ================================ FOOTER ================================ */
footer {
    margin-top: 5rem;
}
.footer-container {
    max-width: 80%;
    margin: auto;
}