html {
    background-color: #f2f2f2;
    font-family: "Noto Sans";
    font-weight: 400;
    scroll-behavior: smooth;
}

body {
    margin: 0;
}

.header {
    background-color: #b2ce47;
    height: auto;
    position: relative;
}

.contents {
    display: contents;
    flex-wrap: wrap;
}

.header-frame {
    align-items: center;
    background-color: #b2ce47;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 24px;
    height: min-content;
    justify-content: center;
    min-height: 80px;
    opacity: 1;
    padding: 24px;
    position: relative;
}

.logo-frame {
    align-items: center;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    flex: 1 0 0px;
    height: min-content;
    justify-content: space-between;
    opacity: 1;
    overflow: visible;
    padding: 0;
    position: relative;
}

.logo {
    flex: none;
    height: 60px;
    opacity: 1;
    overflow: visible;
    position: relative;
    width: 350px;
}

.imgbox {
    border-radius: inherit;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}

.link-header {
    display: flex;
    flex-direction: column;
    flex: none;
    height: auto;
    justify-content: flex-start;
    opacity: 1;
    outline: none;
    overflow: visible;
    position: relative;
    transform: none;
    white-space: pre;
    width: auto;
}

.a-header {
    color: #0d0d0d;
    font-size: 22px;
    font-weight: 700;
    line-height: 1.5em;
    text-align: left;
    text-decoration: none;
}

.hovered-link-box {
    background-color: #0d0d0d;
    border-radius: 8px;
    display: flex;
    flex-direction: row;
    opacity: 1;
    padding: 15px;
    position: relative;
}

.text-box-link {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    opacity: 1;
    outline: none;
    position: relative;
    transform: none;
}

.hovered-link {
    color: #b2ce47;
    display: flex;
    font-weight: 900;
    position: relative;
    text-align: center;
    text-decoration: none;
    font-size: 22px;
}

.main {
    background-color: #f2f2f2;
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 10px;
    height: min-content;
    justify-content: center;
    overflow: hidden;
    position: relative;
    flex-wrap: nowrap;
    margin: 0;
}

@media only screen and (max-width: 1050px) {
    .main {
        padding-left: 2%;
        padding-right: 2%;
    }
}

.section1 {
    align-items: center;
    display: flex;
    flex: none;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 20px;
    height: 600px;
    justify-content: center;
    overflow: hidden;
    padding: 60px;
    position: relative;
    width: 100%;
    background-image: url("back.jpg");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.backimage {
    position: absolute;
    border-radius: inherit;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    min-height: 498.4px;
    display: flex;
    justify-content: center;
    flex-direction: row;
}

@media only screen and (min-width: 1050px) {
    .backimage {
        flex-direction: column;
    }
}


.h1frame {
    outline: none;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    flex-shrink: 0;
    transform: none;
    z-index: 1;
}

.main h1 {
    font-size: 50px;
    font-weight: 700;
    text-align: center;
    color: #f2f2f2;
    margin: 0;
}

.h2frame {
    outline: none;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    flex-shrink: 0;
    transform: none;
    z-index: 1;
}

.main h2 {
    font-size: 24px;
    font-weight: 500;
    text-align: center;
    color: #ccc9c2;
    margin: 0;
}

.buttonframe {
    align-items: center;
    display: flex;
    flex: none;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 15px;
    height: min-content;
    justify-content: center;
    overflow: visible;
    padding: 0;
    position: relative;
    width: min-content;
    z-index: 1;
}

.button1 {
    align-items: center;
    background-color: #b2ce47;
    border-radius: 8px;
    display: flex;
    flex: none;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 10px;
    height: 30px;
    justify-content: center;
    overflow: visible;
    padding: 15px;
    position: relative;
    width: auto;
}

.buttonText {
    outline: none;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    flex-shrink: 0;
    transform: none;
}

.button1 a {
    font-size: 17px;
    font-weight: 700;
    text-align: center;
    color: #0d0d0d;
    margin: 0;
    text-decoration: none;
}

.button2 {
    align-items: center;
    background-color: #a9b579;
    border-radius: 8px;
    display: flex;
    flex: none;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 10px;
    height: 30px;
    justify-content: center;
    overflow: visible;
    padding: 15px;
    position: relative;
    width: auto;
}

.button2 a {
    font-size: 17px;
    font-weight: 700;
    text-align: center;
    color: #0d0d0d;
    margin: 0;
    text-decoration: none;
}

.overlay {
    background-color: #00000080;
    flex: none;
    inset: 0;
    overflow: hidden;
    position: absolute;
}

.section2 {
    align-items: center;
    display: flex;
    flex: none;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 10px;
    height: min-content;
    justify-content: center;
    overflow: hidden;
    padding: 100px 0;
    position: relative;
    width: 100%;
}

.section2frame {
    align-items: center;
    background-color: #f2f2f2;
    display: flex;
    flex: 1 0 0px;
    flex-direction: column;
    flex-wrap: wrap;
    gap: 100px;
    height: auto;
    justify-content: center;
    max-width: 1000px;
    overflow: visible;
    padding: 0;
    position: relative;
}

@media only screen and (max-width: 537px) {
    .section2frame {
        max-width: 100%;
    }
}

.sec2-sec1 {
    align-content: center;
    align-items: center;
    display: flex;
    flex: none;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 80px;
    height: min-content;
    justify-content: center;
    overflow: visible;
    padding: 0;
    position: relative;
    width: 100%;
}

.sec2-img {
    align-items: center;
    border-radius: 20px;
    display: flex;
    flex: 1 0 0px;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 20px;
    justify-content: center;
    overflow: hidden;
    padding: 0;
    position: relative;
    min-width: 300px;
    min-height: 335.4px;
}

.sec2-img iframe {
    align-items: center;
    aspect-ratio: 1.2 / 1;
    border-radius: 20px;
    display: flex;
    flex: 1 0 0px;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 20px;
    justify-content: center;
    overflow: hidden;
    padding: 0;
    position: relative;
    min-width: 300px;
    max-width: 447.22px;
}

.placeimg {
    position: absolute;
    border-radius: inherit;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background-size: 16px 16px;
    background-image: repeating-linear-gradient(45deg, rgba(180, 180, 180, 0.8) 0, rgba(180, 180, 180, 0.8) 1px, rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.2) 50%);
    border: 1px solid #0d0d0d;
}

.Rezeption {
    min-width: 300px;
    max-width: 447.22px;
    border-radius: 20px;
    object-fit: cover;
}

.sec2-text {
    align-items: flex-start;
    display: flex;
    flex: 1 0 0px;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 20px;
    height: auto;
    justify-content: center;
    padding: 0;
    position: relative;
    min-width: 300px;
}

.sec2-h-frame {
    outline: none;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    flex-shrink: 0;
    transform: none;
    flex: none;
    height: auto;
    overflow: visible;
    position: relative;
    white-space: pre;
    min-width: 290px;
    text-wrap: wrap;
}

.sec2-h-frame h2 {
    font-size: 40px;
    font-weight: 700;
    text-align: left;
    color: #0d0d0d;
    margin: 0;
    text-wrap: wrap;
    display: flex;
}

.hideMobile {
    display: none;
}

@media screen and (max-width: 550px) {
    .hideMobile {
        display: block;
    }
}

.sec2-p-frame {
    outline: none;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    flex-shrink: 0;
    transform: none;
    flex: none;
    height: auto;
    overflow: visible;
    position: relative;
    white-space: pre;
    min-width: 290px;
    text-wrap: wrap;
}

.sec2-p-frame h2 {
    font-size: 24px;
    font-weight: 500;
    text-align: left;
    color: #585858;
    margin: 0;
    line-height: 1.5em;
    white-space: normal;
    overflow: hidden;
}

#mobileshow {
    display: contents;
}

#mobile-p h2 {
    font-size: 15px;
    font-weight: 500;
    text-align: left;
    color: #585858;
    margin: 0;
    line-height: 1.5em;
    white-space: normal;
    overflow: hidden;
    max-width: 550px;
}


@media not (hover: none) {
    #mobileshow {
        display: none !important;
    }
}



@media screen and (max-width: 550px) {
    .sec2-p-frame #ueber-mich {
        font-size: 18px;
        max-width: 550px;
    }
}

.hide {
    visibility: hidden;
}

.sec2-buttons {
    align-items: center;
    display: flex;
    flex: none;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 15px;
    height: min-content;
    justify-content: center;
    overflow: visible;
    padding: 0;
    position: relative;
    width: min-content;
}

.sec2-but1 {
    align-items: center;
    background-color: #b2ce47;
    border-radius: 8px;
    box-shadow: 0 0.7065919983928324px 0.7065919983928324px -0.625px #00000026,
        0 1.8065619053231785px 1.8065619053231785px -1.25px #00000025,
        0 3.6217592146567767px 3.6217592146567767px -1.875px #00000023,
        0 6.8655999097303715px 6.8655999097303715px -2.5px #00000020,
        0 13.646761411524492px 13.646761411524492px -3.125px #0000001b,
        0 30px 30px -3.75px #0000000d;
    display: flex;
    flex: none;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 10px;
    height: 30px;
    justify-content: center;
    overflow: visible;
    padding: 15px;
    position: relative;
    width: auto;
}

.sec2-but1-text {
    outline: none;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    flex-shrink: 0;
    transform: none;
    flex: none;
    height: auto;
    position: relative;
    white-space: pre;
    width: auto;
}

.sec2-but1 a {
    font-size: 17px;
    font-weight: 700;
    text-align: center;
    color: #0d0d0d;
    text-decoration: none;
}

.sec2-but2 {
    align-items: center;

    border-radius: 8px;
    display: flex;
    flex: none;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 10px;
    height: 30px;
    justify-content: center;
    overflow: visible;
    padding: 15px;
    position: relative;
    width: auto;

    /* From https://css.glass */
    background: rgba(178, 206, 71, 0.57);
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
}

.sec2-but2-text {
    outline: none;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    flex-shrink: 0;
    transform: none;
    flex: none;
    height: auto;
    position: relative;
    white-space: pre;
    width: auto;
}

.sec2-but2 a {
    font-size: 17px;
    font-weight: 700;
    text-align: center;
    color: #0d0d0d;
    text-decoration: none;
}

.sec2-sec2 {
    align-content: center;
    align-items: center;
    background-color: #f2f2f2;
    display: flex;
    flex: none;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 80px;
    height: min-content;
    justify-content: center;
    overflow: visible;
    padding-block-end: 0;
    position: relative;
    width: 100%;
}

.section3 {
    align-items: center;
    background-color: #f2f2f2;
    display: flex;
    flex: none;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 40px;
    height: min-content;
    justify-content: center;
    overflow: hidden;
    padding: 100px 40px;
    position: relative;
    width: 100%;
}

.section3-leistung {
    align-items: center;
    background-color: #f2f2f2;
    display: flex;
    flex: none;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 0px;
    height: min-content;
    justify-content: center;
    overflow: hidden;
    padding: 100px 40px;
    position: relative;
    width: 100%;
}

.h-frame {
    outline: none;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    flex-shrink: 0;
    transform: none;
}

.h-frame h2 {
    font-size: 50px;
    font-weight: 700;
    text-align: left;
    color: #0d0d0d;
    margin: 0;
}

.card-frame {
    align-content: center;
    align-items: center;
    display: flex;
    flex: none;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 20px;
    height: min-content;
    justify-content: center;
    overflow: visible;
    padding: 0;
    position: relative;
}

.frame-card1,
.frame-card2,
.frame-card3 {
    align-items: center;
    border-radius: 20px;
    box-shadow: 0 0.7961918735236395px 2.3885756205709185px -0.625px #0000000d, 0 2.414506143104518px 7.2435184293135535px -1.25px #0000000d, 0 6.382653521484461px 19.147960564453385px -1.875px #0000000d, 0 20px 60px -2.5px #0000000d;
    display: flex;
    flex: none;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 0px;
    height: min-content;
    justify-content: center;
    min-width: 100px;
    overflow: hidden;
    padding: 0;
    position: relative;
    width: 320px;
    transition: transform ease 300ms;
}

/*.frame-card1 :hover {
    align-items: center;
    border-radius: 20px;
    box-shadow: 
    0 0.7961918735236395px 2.3885756205709185px -0.625px #0000000d,
    0 2.414506143104518px 7.2435184293135535px -1.25px #0000000d,
    0 6.382653521484461px 19.147960564453385px -1.875px #0000000d,
    0 20px 60px -2.5px #0000000d;
    display: flex;
    flex: none;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 0px;
    height: min-content;
    justify-content: center;
    min-width: 100px;
    overflow: hidden;
    padding: 0;
    position: relative;
    width: 320px;
    transform: translate(0, -10px);
}

.frame-card2 :hover {
    align-items: center;
    border-radius: 20px;
    box-shadow: 
    0 0.7961918735236395px 2.3885756205709185px -0.625px #0000000d,
    0 2.414506143104518px 7.2435184293135535px -1.25px #0000000d,
    0 6.382653521484461px 19.147960564453385px -1.875px #0000000d,
    0 20px 60px -2.5px #0000000d;
    display: flex;
    flex: none;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 0px;
    height: min-content;
    justify-content: center;
    min-width: 100px;
    overflow: hidden;
    padding: 0;
    position: relative;
    width: 320px;
    transform: translate(0, -10px);
}

.frame-card3 :hover {
    align-items: center;
    border-radius: 20px;
    box-shadow: 
    0 0.7961918735236395px 2.3885756205709185px -0.625px #0000000d,
    0 2.414506143104518px 7.2435184293135535px -1.25px #0000000d,
    0 6.382653521484461px 19.147960564453385px -1.875px #0000000d,
    0 20px 60px -2.5px #0000000d;
    display: flex;
    flex: none;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 0px;
    height: min-content;
    justify-content: center;
    min-width: 100px;
    overflow: hidden;
    padding: 0;
    position: relative;
    width: 320px;
    transform: translate(0, -10px);
}*/

.card-image {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    height: 240px;
    flex: none;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.img-div {
    position: absolute;
    border-radius: inherit;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.img-card {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    object-position: center;
    object-fit: cover;
    image-rendering: auto;
}

.card-frame {
    min-height: 244.4px;
}

.con-frame {
    align-items: flex-start;
    background-color: #b2ce47;
    display: flex;
    flex: none;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 20px;
    height: min-content;
    justify-content: center;
    padding: 30px;
    position: relative;
    min-height: 244.4px;
}

.frame-h {
    flex: none;
    height: auto;
    overflow: visible;
    position: relative;
}

.frame-h h3 {
    font-size: 20px;
    font-weight: 600;
    text-align: left;
    color: #0d0d0d;
    margin: 0;
}

.frame-p {
    outline: none;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    flex-shrink: 0;
    transform: 0;
    text-wrap: wrap;
}

.frame-p p {
    font-weight: 500;
    text-align: left;
    color: #0d0d0d;
    margin: 0;
}

.frame-but {
    align-items: center;
    background-color: #0d0d0d;
    border-radius: 8px;
    box-shadow: 0 0.7065919983928324px 0.7065919983928324px -0.625px #00000026, 0 1.8065619053231785px 1.8065619053231785px -1.25px #00000025, 0 3.6217592146567767px 3.6217592146567767px -1.875px #00000023, 0 6.8655999097303715px 6.8655999097303715px -2.5px #00000020, 0 13.646761411524492px 13.646761411524492px -3.125px #0000001b, 0 30px 30px -3.75px #0000000d;
    display: flex;
    flex: none;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 10px;
    justify-content: center;
    overflow: visible;
    padding: 15px;
    position: relative;
    width: min-content;
    border-width: 0;
}

.but-text-frame {
    flex: none;
    height: auto;
    position: relative;
    width: auto;
}

.but-text-frame a {
    font-size: 14px;
    font-weight: 600;
    color: #b2ce47;
    text-decoration: none;
    text-align: center;
}

footer {
    align-items: center;
    background-color: #b2ce47;
    color: #0d0d0d;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 30px;
    margin: 0;
    padding: 60px 40px 60px 40px;
    position: relative;
}

footer a {
    color: #0d0d0d;
    text-decoration: none;
}

footer a :hover {
    color: #a9b579;
}

.footer-link-tree {
    align-content: flex-start;
    align-items: flex-start;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    flex: none;
    gap: 40px;
    height: min-content;
    justify-content: flex-start;
}

.footer-link-block {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    flex: none;
    gap: 15px;
    height: min-content;
    justify-content: flex-start;
    margin: 0;
    position: relative;
    width: 269px;
}

.first-link {
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    gap: 15px;
    justify-content: flex-start;
    outline: none;
    transform: none;
}

.l-text {
    font-weight: 600;
}

.link-text {
    font-weight: 600;
}

.other-links {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    flex: none;
    gap: 10px;
    justify-content: flex-start;
    margin: 0;
    position: relative;
}

.frame-link {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    margin: 0;
    outline: none;
    transform: none;
}

.link-text {
    color: #0d0d0d;
    font-weight: 500;
    margin: 0;
    opacity: 0.8;
    text-align: left;
}

.links-text :hover {
    color: #a9b579;
}

.below-links {
    align-items: center;
    border-bottom-width: 0;
    border-color: #0d0d0d;
    border-left-width: 0;
    border-right-width: 0;
    border-style: solid;
    border-top-width: 1px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    flex: none;
    height: min-content;
    justify-content: space-between;
    max-width: 1000px;
    overflow: visible;
    padding: 30px 0 0;
    position: relative;
    width: 100%;
}

.copyright {
    align-items: center;
    display: flex;
    flex-direction: row;
    flex-shrink: 0;
    flex-wrap: nowrap;
    flex: none;
    height: min-content;
    justify-content: space-between;
    max-width: 1000px;
    overflow: visible;
    position: relative;
    width: 100%;
}

.copy-text {
    color: #262626;
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    flex-wrap: wrap;
    font-size: 14px;
    font-weight: 500;
    height: min-content;
    justify-content: flex-start;
    outline: none;
    text-align: left;
    transform: none;
}

.img-links {
    align-items: center;
    display: flex;
    flex-direction: row;
    flex: none;
    gap: 10px;
    height: min-content;
    justify-content: flex-start;
    overflow: visible;
    padding: 0;
    position: relative;
    width: min-content;
}

.copy-text-ri {
    align-items: normal;
    color: #262626;
    display: flex;
    flex-wrap: wrap;
    font-size: 14px;
    font-weight: 500;
    height: min-content;
    margin-left: auto;
    text-align: left;
    width: min-content;
}

#hide {
    visibility: hidden;
}

/*Leistungen.html*/

details {
    user-select: none;
}

details[open] summary span.arrow {
    transform: rotate(180deg);
}

summary {
    display: flex;
    cursor: pointer;
    list-style: none;
    background: url(arrow1.svg) no-repeat 14px 50%;
    background-size: 18px;
    justify-content: center;
}

summary::webkit-details-marker {
    display: none;
}

details {
    background-color: #e4e2de;
    width: 100%;
}

summary {
    color: #0d0d0d;
    font-size: 22px;
    font-weight: 700;
    line-height: 1.5em;
    text-align: left;
    text-decoration: none;
    padding: 20px;
}



details p {
    padding: 20px;
    color: #0d0d0d;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.5em;
    text-align: left;
    text-decoration: none;
    margin: 0;
}

details blockquote {
    color: #0d0d0d;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5em;
    text-decoration: none;
}

.h-frame h4 {
    font-size: 30px;
    font-weight: 700;
    text-align: left;
    color: #0d0d0d;
    margin: 0;
    text-wrap: wrap;
    display: flex;
}

.section-praxis {
    align-content: center;
    align-items: center;
    display: flex;
    flex: none;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 80px;
    height: min-content;
    justify-content: center;
    overflow: visible;
    padding: 100px 0px;
    padding-top: 0px;
    position: relative;
    width: 100%;
}

.section-sitemap {
    align-content: flex-start;
    align-items: flex-start;
    display: flex;
    flex: none;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 20px;
    height: min-content;
    justify-content: flex-start;
    overflow: visible;
    padding: 100px 0px;
    padding-top: 0px;
    position: relative;
    width: 100%;
}

.sitemap-ul {
    list-style-type: disc;
}

.sitemap-ul li {
    line-height: 1.8em;
    display: list-item;
    background-image: url(arrow-right.png);
    background-position: left center;
    background-repeat: no-repeat;
    list-style: none;
    margin: 0 0 0 2px;
    padding-left: 18px;
}

.sitemap-ul li a {
    text-decoration: none;
    color: #0d0d0d;
    font-size: 24px;
    font-weight: 500;
    text-align: left;
    margin: 0;
}

.sitemap-ul li a:hover {
    color: #b2ce47;
}

.main-data {
    background-color: #f2f2f2;
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    gap: 10px;
    height: min-content;
    justify-content: flex-start;
    overflow: hidden;
    position: relative;
    flex-wrap: nowrap;
    margin: 0;
    padding: 80px 40px;
}