#landing-content {
    gap: 64px;
    justify-content: center
}

#landing-content,#landing-text {
    display: flex;
    align-items: center;
    flex-direction: column
}

#landing-text #top {
    margin-bottom: 2px
}

#landing-text #bottom {
    width: 88%
}

#landing-button {
    height: 34px;
    padding: 0 20px;
    border: 0;
    border-radius: 8px
}

#section-one {
    width: 100%;
    height: fit-content;
    margin-top: 104px;
    margin-bottom: 104px;
    display: flex;
    flex-direction: column;
    gap: 32px;
    align-items: center;
    justify-content: center
}

#section-one #image {
    width: 340px;
    max-width: 88%;
    height: auto;
    aspect-ratio: 7/4;
}

#section-one #image img,#section-three #background img {
    width: 100%;
    height: 100%
}

#section-one-text {
    width: 292px;
    max-width: 80%;
}

#section-one-text #content {
    width: 100%;
    margin-top: 16px;
    margin-bottom: 32px
}

#section-one-text a #button {
    height: 34px;
    padding: 0 20px;
    float: right
}

#section-two {
    width: 100%;
    height: fit-content;
    flex-direction: column;
    gap: 40px;
    margin-bottom: 104px
}

#section-two #title {
    width: 340px;
    max-width: 88%;
}

#section-two,#section-two-content,#section-two-content .element {
    display: flex;
    align-items: center;
    justify-content: center
}

#section-two-content {
    width: 500px;
    max-width: 88%;
    flex-direction: row;
    gap: 32px;
    flex-wrap: wrap;
    align-items: first baseline;
}

#section-two-content .element {
    width: 200px;
    height: fit-content;
    flex-direction: column
}

#section-two-content .element .image,#section-two-content .element .image img {
    width: 36px;
    height: 36px
}

#section-two-content .element .title {
    margin-top: 12px
}

#section-two-content .element .text {
    margin-top: 4px
}

#section-three {
    width: 100vw;
    padding-top: 52px;
    padding-bottom: 52px;
    margin-bottom: 104px;
    position: relative
}

#section-three #background {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

#section-three,#section-three #title {
    height: fit-content;
    display: flex;
    flex-direction: column;
    align-items: center
}

#section-three #title {
    width: 100%;
    justify-content: center
}

#section-three #content {
    width: 100%;
    height: fit-content;
    margin-top: 52px;
    margin-bottom: 52px
}

#section-three-content {
    width: fit-content;
    height: fit-content;
    display: flex;
    flex-direction: row;
    gap: 16px;
    margin-left: 6%;
    margin-right: 6%
}

#section-three-content .element {
    width: 240px;
    height: fit-content;
    padding: 10px;
    box-sizing: border-box
}

#section-three-content .element .image {
    width: 100%;
    height: 120px
}

#section-five #map iframe,#section-three-content .element .image img {
    width: 100%;
    height: 100%
}

#section-three-content .element .title {
    width: 100%;
    height: fit-content;
    /* margin-top: 12px; */
    margin-left: 6px;
}

#section-three-content .element .content {
    margin-top: 8px;
    margin-left: 6px;
    margin-right: 6px;
}

#section-three a {
    height: fit-content;
    width: fit-content;
    float: right
}

#section-six a #button,#section-three a #button {
    height: 34px;
    padding: 0 20px
}

#section-five,#section-four {
    width: 100vw;
    height: fit-content;
    gap: 40px;
    justify-content: center;
    margin-bottom: 104px
}

#section-four #title {
    width: 340px;
    max-width: 88%;
}

#section-five,#section-four,#section-four #content {
    display: flex;
    flex-direction: column;
    align-items: center
}

#section-four #content {
    width: 292px;
    max-width: 80%;
    gap: 32px;
    justify-content: baseline;
    flex-wrap: wrap
}

#section-four #content .element {
    width: 100%;
    display: flex;
    flex-direction: row;
    gap: 16px;
    align-items: center
}

#section-five-content,#section-four #content .element .text {
    display: flex;
    flex-direction: column;
    gap: 4px
}

#section-five #map {
    width: 340px;
    max-width: 88%;
    height: auto;
    aspect-ratio: 7/4
}

#section-five-content {
    width: 292px;
    max-width: 80%;
    height: fit-content;
    gap: 32px
}

#section-five-content #title {
    width: 100%;
    margin-bottom: 8px
}

#section-five-content .element .title {
    margin-bottom: 4px
}

#section-five-content .element .content {
    margin-bottom: 16px
}

#section-five-content .element .info {
    display: flex;
    flex-direction: row;
    gap: 12px;
    align-items: center;
    margin-left: 16px
}

#section-five-content .element .info .icon,#section-five-content .element .info img {
    width: 20px;
    height: 20px
}

#section-five #kontakt {
    position: relative;
    top: 16%
}

#section-six,#section-six #title {
    display: flex;
    flex-direction: column;
    align-items: center
}

#section-six {
    width: 100vw;
    height: fit-content;
    gap: 32px;
    justify-content: center;
    margin-bottom: 104px
}

#section-six #title {
    width: 88%
}

#section-six #content,#section-six-content {
    width: 100%;
    height: fit-content;
    display: flex
}

#section-six-content {
    width: fit-content;
    flex-direction: row;
    gap: 16px;
    margin-left: 6%;
    margin-right: 6%;
    padding: 8px
}

#section-six-content .element {
    width: 260px;
    height: fit-content;
    box-sizing: border-box
}

#section-six-content .element .image {
    width: 100%;
    height: 120px
}

#section-six-content .element .title {
    margin: 4px 12px 6px
}

#section-six-content .element .more {
    height: fit-content;
    margin-left: 12px;
    margin-right: 12px;
    margin-bottom: 12px
}

#section-six-content .element .date {
    margin-left: 12px;
    margin-right: 12px;
    margin-top: 8px
}

#section-six-content .element .image img {
    width: 100%;
    height: 100%
}

#footer {
    width: 100vw;
    height: 72px
}

#landing-content {
    user-select: none!important
}

#landing-container #background img {
    filter: brightness(65%)!important
}

#section-one #image img,#section-six-content .element .image img,#section-three-content .element .image img {
    object-fit: cover
}

#section-three #background img {
    object-fit: cover;
    filter: brightness(100%) contrast(65%)!important
}

#section-six #content,#section-three #content {
    overflow-y: auto;
    scroll-behavior: smooth
}

#section-five #map iframe {
    filter: brightness(98%);
    border: 0;
    border-radius: 8px
}

#landing-text {
    text-shadow: 0 1px 4px #1e1e1e7e
}

#landing-text #top {
    color: var(--color-white);
    font-family: "Inter";
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 1.5px
}

#landing-text #bottom {
    font-size: 28px;
    text-align: center
}

#landing-button,#section-one #image img {
    -webkit-box-shadow: 0 0 8px 0 rgba(30,30,30,.15);
    -moz-box-shadow: 0 0 8px 0 rgba(30,30,30,.15);
    box-shadow: 0 0 8px 0 rgba(30,30,30,.15)
}

#landing-button,#landing-text #bottom {
    color: var(--color-white);
    font-family: "Inter";
    font-weight: 800
}

#landing-button {
    background-color: var(--color-yellow);
    font-size: 12px
}

#section-one-text #title #top {
    color: var(--color-black);
    font-family: "Roboto";
    font-size: 22px;
    font-weight: 700;
    text-align: left
}

#section-one-text #content,#section-two #title {
    color: var(--color-black);
    font-family: "Roboto";
    font-size: 19px;
    font-weight: 250;
    text-align: left
}

#section-one-text #title #bottom{
    color: var(--color-black);
    font-family: "Roboto";
    font-size: 19px;
    font-weight: 250;
    text-align: left
}

#section-one-text #content,#section-two #title {
    font-size: 13.5px
}

#section-one-text a #button {
    border-radius: 8px
}

#section-one #image img {
    border-radius: 8px
}

#section-two #title {
    font-size: 22px;
    font-weight: 700;
    text-align: center
}

#section-four #content .element .text .title,#section-two-content .element .title {
    color: var(--color-black);
    font-family: "Roboto";
    font-size: 15px;
    font-weight: 400
}

#section-three #title #top,#section-two-content .element .text {
    color: var(--color-black);
    font-family: "Roboto";
    font-size: 13px;
    font-weight: 250;
    text-align: center
}

#section-three #title {
    text-shadow: 0 1px 4px #1e1e1eaa
}

#section-three #title #top {
    color: var(--color-white);
    font-size: 22px;
    font-weight: 700
}

#section-three #title #bottom,#section-three-content .element .title .top {
    color: var(--color-white);
    font-family: "Roboto";
    font-size: 15px;
    font-weight: 400;
    text-align: left
}

#section-three-content .element {
    background-color: #fefefe;
    border-radius: 8px
}

#section-three-content .element .image {
    background-color: #eee;
    border-radius: 4px
}

#section-three-content .element .image img {
    border-radius: 4px
}

#section-three-content .element .title .top {
    color: var(--color-red);
    font-weight: 700
}

#section-three-content .element .title .bottom {
    color: var(--color-black);
    font-family: "Roboto";
    font-size: 13px;
    font-weight: 400;
    text-align: left
}

#section-four #content .element .text .content,#section-three-content .element .content {
    color: var(--color-black);
    font-family: "Roboto";
    font-size: 13px;
    font-weight: 250;
    text-align: left
}

#section-one-text a #button,#section-three a #button {
    background-color: var(--color-red);
    color: var(--color-white);
    font-family: "Inter";
    font-size: 12px;
    font-weight: 700;
    border: 0
}

#section-five-content #title,#section-four #title,#section-six #title #top {
    color: var(--color-black);
    font-family: "Roboto";
    font-size: 22px;
    font-weight: 700;
    text-align: center
}

#section-four #content .element .number {
    color: var(--color-yellow);
    font-family: "Roboto Mono";
    font-size: 32px;
    font-weight: 700;
    text-align: left
}

#section-four #content .element .text .content {
    font-size: 14px
}

#section-five-content .element .content,#section-five-content .element .title {
    color: var(--color-black);
    font-family: "Roboto";
    font-size: 15px;
    font-weight: 400
}

#section-five-content .element .content {
    font-size: 14px;
    font-weight: 250;
    text-align: left
}

#section-five-content .element .info .desc {
    text-align: left
}

#section-six #title #bottom {
    text-align: center
}

#section-six a #button,#section-six-content .element,#section-three a #button {
    border-radius: 8px;
    -webkit-box-shadow: 0 0 8px 0 rgba(30,30,30,.15);
    -moz-box-shadow: 0 0 8px 0 rgba(30,30,30,.15);
    box-shadow: 0 0 8px 0 rgba(30,30,30,.15)
}

#section-six-content .element .image {
    background-color: #eee;
    border-radius: 8px 8px 0 0
}

#section-five-content .element .info .desc,#section-six #title #bottom,#section-six-content .element .title {
    color: var(--color-black);
    font-family: "Roboto";
    font-size: 15px;
    font-weight: 400
}

#section-six-content .element .date,#section-six-content .element .more a {
    color: var(--color-black);
    font-family: "Roboto";
    font-size: 14px;
    font-weight: 250
}

#section-six a #button {
    background-color: var(--color-yellow);
    color: var(--color-white);
    font-family: "Inter";
    font-size: 12px;
    font-weight: 700;
    border: 0
}

#section-six-content .element .image img {
    border-radius: 8px 8px 0 0
}

#section-six-content .element .more a {
    text-decoration: none
}

#footer {
    background-color: #302f2f
}