@import"https://use.fontawesome.com/releases/v5.8.1/css/all.css";







@font-face {



    font-family: "Century Gothic Pro";



    src: url("../fonts/CenturyGothicPro.woff2") format("woff2"), url("../fonts/CenturyGothicPro.woff") format("woff");



    font-weight: 500;



    font-style: normal;



    font-display: swap
}




.heartfelt-tabs .nav .nav-link::after {
    flex-shrink: 0;
    margin-left: auto;
    content: "";
    background-repeat: no-repeat;
    background-size: 1.25rem;
    transition: transform .2s ease-in-out;
    width: 20px;
    height: 10px;
    background-image: url(../img/down-icon.svg);
    display: block;
    position: absolute;
    top: 30px;
    right: 31px;
}

.heartfelt-tabs .nav .nav-link.active::after {
    transform: rotate(-180deg);
}


@font-face {



    font-family: "JungleMan";



    src: url("../fonts/JungleMan-Regular.woff2") format("woff2"), url("../fonts/JungleMan-Regular.woff") format("woff");



    font-weight: normal;



    font-style: normal;



    font-display: swap
}







@font-face {



    font-family: "JungleMan";



    src: url("../fonts/JungleMan-Regular.woff2") format("woff2"), url("../fonts/JungleMan-Regular.woff") format("woff");



    font-weight: normal;



    font-style: normal;



    font-display: swap
}







@font-face {



    font-family: "Lifehack";



    src: url("../fonts/Lifehack-Medium.woff2") format("woff2"), url("../fonts/Lifehack-Medium.woff") format("woff");



    font-weight: 500;



    font-style: normal;



    font-display: swap
}







article,



aside,



details,



figcaption,



figure,



footer,



header,



hgroup,



menu,



nav,



section {



    display: block
}







body {



    color: #4e4e4e;



    font-size: 25px;



    font-family: "Century Gothic Pro";



    background: linear-gradient(90deg, rgba(246, 205, 226, 0.3) -0.05%, rgba(240, 210, 229, 0.3) 4.47%, rgba(229, 220, 236, 0.3) 14%, rgba(220, 228, 240, 0.3) 25.19%, rgba(214, 233, 243, 0.3) 36.97%, rgba(211, 235, 245, 0.3) 51.61%, rgba(215, 233, 243, 0.3) 67.57%, rgba(226, 223, 237, 0.3) 83.16%, rgba(238, 212, 231, 0.3) 94.35%, rgba(246, 205, 226, 0.3) 99.95%);



    min-height: 100vh;



    line-height: 1.2;



    letter-spacing: normal;



    margin: 0;



    overflow-y: auto;



    width: 100%;



    overflow-x: hidden;



    box-sizing: border-box;



    position: relative;



    font-weight: normal
}







ol,



ul {



    list-style: none
}

footer {
    position: relative;
}







.kontakt-content::after {
    content: "" !important;
    position: absolute;
    background: url(../img/donation-option-before.webp) no-repeat;
    width: 500px;
    height: 500px;
    top: 303px;
    transform: initial;
    right: 35%;
    background-size: cover;
}

blockquote,



q {



    quotes: none
}







blockquote:before,



blockquote:after,



q:before,



q:after {



    content: "";



    content: none
}







table {



    border-collapse: collapse;



    border-spacing: 0
}



.tab-content {

    position: relative;

}





input[type=submit],



input[type=button],



button,



select {



    -webkit-appearance: none;



    -webkit-border-radius: 0
}







button:focus {



    outline: unset;



    box-shadow: none
}







ul {



    list-style: none;



    padding: 0;



    margin: 0
}







textarea {



    resize: auto;



    width: 100% !important
}







img {



    max-width: 100%
}







.form-control:focus,



.form-select:focus {



    outline: 0;



    box-shadow: none
}







.theme-color {



    color: #c28f50
}







.bg-green {



    background-color: #123127
}







.dark-text {



    color: #713c25
}







h1,



h2 {



    font-size: 85px;



    line-height: 1;



    color: #fff;



    font-family: "Lifehack"



}







h3 {



    font-size: 60px;



    line-height: 1;



    color: #fff;



    font-family: "Lifehack"



}







h4 {



    font-size: 30px;



    line-height: 1;



    color: #fff;



    font-family: "Lifehack"



}







h6 {



    font-weight: 700;



    font-size: 14px;



    line-height: 24px;



    font-family: "Lifehack"



}







p {



    font-size: 20px;



    line-height: 1
}







a {



    color: #4a4a49;



    text-decoration: none;



    font-size: 14px;



    line-height: 20px
}







a:hover {



    color: #4a4a49;



    text-decoration: none
}







.header {



    text-align: center;



    background: #123127 0% 0% no-repeat padding-box;



    box-shadow: 0px 10px 6px rgba(0, 0, 0, .1607843137);



    padding: 20px 0
}



















/* Enable sub-dropdowns on hover */



.dropdown-menu .dropdown-submenu {



    position: relative;



}







.dropdown-menu .dropdown-submenu .dropdown-menu {



    display: none;



    position: absolute;



    top: 0;



    left: 100%;



    margin-top: -1px;



    border: 0;



}


.dropdown-menu .dropdown-submenu .dropdown-menu.show {
    display: block;
}





.dropdown-menu .dropdown-submenu .dropdown-menu .dropdown-item {



    border: 0;



    padding-bottom: 12px;



}


















.dropdown-menu.submenu-activated::after {



    content: "";



    position: absolute;



    top: 0;



    right: 0;



    bottom: 0;



    background-color: #BAE4EC;



    /* Same color as your main dropdown */



    z-index: -1;



    left: 100%;



    width: 346px;



}







.nav-item.dropdown .dropdown-toggle::after {



    display: none;



}







.theme-btn {



    background: #48c0d5;



    border-radius: 6px;



    font-weight: 600;



    font-size: 11px;



    line-height: 16px;



    display: flex;



    align-items: center;



    letter-spacing: -0.01em;



    font-feature-settings: "calt" off;



    color: #fff;



    display: inline-block;



    text-align: center;



    letter-spacing: 0;



    box-shadow: none;



    border: none;



    cursor: pointer;




    transition: transform 0.3s ease, box-shadow 0.3s ease;



    padding: 8px 12px;



    font-size: 25px;



    font-weight: 600;



    padding: 30px 75px;



    border-radius: 20px;



    border: 2px solid #fff;



    box-shadow: 0 0 20px rgba(36, 198, 220, .6);



}







.theme-btn span {



    margin-left: 8px
}







.theme-btn.dark-btn {



    background: #c28f50;



    color: #fff
}



.eB-family-treffen .customers-testimonial.last {
    min-height: 603px;
    max-height: 603px;
}


.eB-family-treffen .divider {
    height: 134px;
}

.eB-family-treffen .divider:last-child {
    height: 87px;
}

.eB-family-treffen .banner {
    background: url("../img/eB-family-treffen-banner.png") no-repeat center / cover;
    padding-block: 0;
    height: 468px;
}

#gifts {
    .nav-bottom-tab {
        a {
            &:nth-child(2) {
                &:before {
                    content: none !important;
                }

                &::after {
                    content: "" !important;
                }
            }
        }
    }
}

.nav-bottom-tab {
    display: flex;
    justify-content: space-between;

    a {
        font-size: 20px;
        display: block;
        text-align: end;
        color: #e32488;
        position: relative;

        padding-right: 76px;
        width: fit-content;
    }

    a:nth-child(1) {
        margin: 0;
        padding-left: 76px;
    }

    a:nth-child(1):before {
        content: none !important;
    }


    a:nth-child(1):after {
        display: inline-block !important;
        margin-left: 0.255em;
        vertical-align: 0.255em;
        content: "" !important;
        border-top: 0.5em solid;
        border-right: 0.5em solid rgba(0, 0, 0, 0);
        border-bottom: 0;
        border-left: 0.5em solid rgba(0, 0, 0, 0);
        position: absolute;
        left: 23px;
        top: 6px;
        cursor: pointer;
        rotate: 88deg;
        right: initial;
    }

    a::before {
        display: inline-block !important;
        margin-left: 0.255em;
        vertical-align: 0.255em;
        content: "" !important;
        border-top: 0.5em solid;
        border-right: 0.5em solid rgba(0, 0, 0, 0);
        border-bottom: 0;
        border-left: 0.5em solid rgba(0, 0, 0, 0);
        position: absolute;
        right: 23px;
        top: 6px;
        cursor: pointer;
        rotate: 270deg;
    }
}

#gifts {
    .nav-bottom-tab {
        a {
            &:nth-child(2) {
                &:before {
                    content: none !important;
                }

                &::after {
                    content: "" !important;
                }
            }
        }
    }
}

.nav-bottom-tab {
    display: flex;
    justify-content: space-between;

    a {
        font-size: 20px;
        display: block;
        text-align: end;
        color: #e32488;
        position: relative;

        padding-right: 76px;
        width: fit-content;
    }

    a:nth-child(1) {
        margin: 0;
        padding-left: 76px;
    }

    a:nth-child(1):before {
        content: none !important;
    }


    a:nth-child(1):after {
        display: inline-block !important;
        margin-left: 0.255em;
        vertical-align: 0.255em;
        content: "" !important;
        border-top: 0.5em solid;
        border-right: 0.5em solid rgba(0, 0, 0, 0);
        border-bottom: 0;
        border-left: 0.5em solid rgba(0, 0, 0, 0);
        position: absolute;
        left: 23px;
        top: 6px;
        cursor: pointer;
        rotate: 88deg;
        right: initial;
    }

    a::before {
        display: inline-block !important;
        margin-left: 0.255em;
        vertical-align: 0.255em;
        content: "" !important;
        border-top: 0.5em solid;
        border-right: 0.5em solid rgba(0, 0, 0, 0);
        border-bottom: 0;
        border-left: 0.5em solid rgba(0, 0, 0, 0);
        position: absolute;
        right: 23px;
        top: 6px;
        cursor: pointer;
        rotate: 270deg;
    }
}



.eB-family-treffen .banner::before {
    content: none !important;
}

.eB-family-treffen .banner::after {
    content: none !important;
}

.eB-family-treffen .banner .banner-content {
    transform: initial;
    background: url(../img/eB-family-banner-content.png);
    background-size: contain;
    background-repeat: no-repeat;
    text-align: center;
    background-position: bottom center;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 228px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-left: 91px;
    align-items: center;
}

.eB-family-treffen .banner h1 {
    padding: 0 !important;
    padding-top: 78px !important;
    font-size: 60px;
    line-height: 1.2;
}

.eB-family-treffen .banner h1::before {
    content: none;
}

.eB-family-treffen .banner h1::after {
    content: none;
}

.eB-family-treffen .banner p {
    font-size: 50px;
    font-family: 'JungleMan';
    color: #e32488;
}

.eB-family-treffen .eb-family {
    padding-top: 39px;
    position: relative;
    padding-bottom: 167px;
}

.eB-family-treffen .eb-family .carousel {
    position: absolute;
    width: 692px;
    height: 632px;
    top: 1283px;
    right: 310px;
}

.eB-family-treffen .eb-family .carousel .carousel-item {
    margin-top: 0;
}

.eB-family-treffen .eb-family .carousel .carousel-indicators {
    z-index: 99;
    bottom: 0;
    right: 0;
    left: initial;
    transform: rotate(319deg);
}

.eB-family-treffen .eb-family .eb-family-item {
    position: absolute;
    top: -230px;
    right: 178px;

}

.eB-family-treffen .eb-family h2 {
    font-size: 60px;
    color: #e32488;
    font-weight: 400;
    line-height: 1.2;
    margin-bottom: 31px;
    text-align: left;

}

.eB-family-treffen .eb-family span {
    text-align: left;
    font-size: 40px;
    color: #48c0d5;
    font-weight: 400;
    line-height: 1;
    font-family: "JungleMan";
    margin-bottom: 35px;
    display: block;
    max-width: 583px;
}

.eB-family-treffen .eb-family p {
    font-size: 20px;
    line-height: 1.5;
    color: #4e4e4e;
    max-width: 572px;
    margin-bottom: 105px;
}

.eB-family-treffen .eb-family .theme-btn {
    padding-inline: 83px;
}

.eB-family-treffen .eb-family .location {
    text-align: center;
    margin-bottom: 103px;
}

.eB-family-treffen .eb-family .location #video-tab {
    justify-content: center;
    flex-wrap: nowrap;
    margin-top: 17px;
}

.theme-btn.dark-btn:hover {



    color: #c28f50;



    background: #e5edf4
}







.theme-btn:hover {


    transform: scale(1.05);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15);

    color: #fff
}







.theme-btn:disabled,
.submitBtn.disabled {


    color: #fff;
    background: #5099a5;

    pointer-events: none;
}







.theme-btn:disabled:hover {



    background: #f2f2f2;



    color: #ccc
}







.topbar {



    background: linear-gradient(90deg, #F6CDE2 -1.56%, #E9D9E9 4.41%, #DFE2EF 11.38%, #D9E7F2 17.97%, #D5EAF4 27.93%, #D3EBF4 58.92%, #D7E9F3 77.46%, #DEE2EF 90.4%, #E8D9EA 100.85%, #EBD6E8 102.97%);



    color: #7b7b7a
}







.topbar-actions {



    display: flex;



    gap: 36px;



    justify-content: end;



    align-items: center
}




.hilfsprojekte .service-banner {
    padding-block: 92px;
    background: url("../img/hilfsprojekte-banner-bg.webp") no-repeat center / cover;
}

.hilfsprojekte .service-banner h1 {
    max-width: initial;
    line-height: 1.2;
    font-size: 90px;
    text-align: center;
}

.hilfsprojekte .service-banner h1 span {
    font-size: 90px;
}

.hilfsprojekte .service-banner h1::after {
    background: url("../img/hilfsprojekte-heading-after.png");
    width: 141px;
    height: 136px;
    transform: initial;
    rotate: initial;
    top: -14px;
    bottom: initial;
    left: -146px;
}

.hilfsprojekte .service-banner h1::before {
    content: "" !important;
    position: absolute;
    width: 184px;
    height: 185px;
    background: url(../img/hilfsprojekte-heading-before.png);
    bottom: -69px;
    top: initial;
    background-repeat: no-repeat;
    right: 103px;

}

.hilfsprojekte .help-offers h2 {
    font-size: 60px;
    color: #e32488;
    font-weight: 400;
    line-height: 1.2;
    margin-bottom: 17px;
}

.hilfsprojekte .help-offers span {
    font-size: 40px;
    color: #48c0d5;
    font-weight: 400;
    line-height: 1;
    font-family: "JungleMan";
    margin-bottom: 27px;
    display: block;
    max-width: 699px;
}

.hilfsprojekte .divider {
    height: 108px;
    background: url("../img/hilfsprojekte-divider1.webp");
}

.hilfsprojekte .divider:last-child {
    height: 131px;
    background: url("../img/hilfsprojekte-divider2.webp");

}


.hilfsprojekte .help-offers p {
    font-size: 20px;
    line-height: 1.5;
    color: #4e4e4e;
    max-width: 699px;
    margin-bottom: 123px;
}

.hilfsprojekte .help-offers span:nth-child(2) {
    margin-bottom: 65px;
}



.hilfsprojekte .help-offers {
    position: relative;
    padding-block: 48px 106px;
    background: url("../img/hilfsprojekte-help-offers-bg.webp") no-repeat center / cover;
}

.hilfsprojekte .help-offers .help-offer-img {
    position: absolute;
    width: 350px;
    height: 321px;
    top: -97px;
    right: 259px;
}




.hilfsprojekte .help-offers .info-card a {
    margin-bottom: 65px;
}

.hilfsprojekte .help-offers .info-card .card-icon,
.hilfsprojekte .help-offers .info-card .card-icon img {
    max-height: 73px;
    min-height: 73px;
}

.hilfsprojekte .help-offers #carouseltwo {
    right: 311px;
    position: absolute;
    margin: 0;
    width: 584px;
    height: 541px;
    top: 195px;
}

.hilfsprojekte .help-offers #carouseltwo .carousel-item {
    margin-top: 0;
}

.hilfsprojekte .help-offers #carouseltwo .carousel-indicators {
    bottom: 6px !important;
    left: 256px !important;
    rotate: 344deg !important;
}

.hilfsprojekte .help-offers #carouseltwo .carousel-indicators button.active {
    background-color: #a1d6e9 !important;
    border: 1px solid #48c0d5 !important;
}


.topbar .tA-link {



    padding: 8px 2px;



    font-size: 20px;



    color: #848483
}







.topbar .tA-link.theme-btn {



    padding: 16px 20px;



    border-radius: 0;



    color: #fff;



    border: 0;



    font-family: "JungleMan";



    font-size: 38px;



    font-weight: 400;



    background-color: #48c0d5;



}







.topbar .tA-link svg {



    width: 30px;



    fill: #7b7b7a;



    height: 30px
}







.navbar {



    padding-block: 0;

    background-color: #ffffff;



}







.navbar .navbar-nav {



    gap: 37px
}







.navbar .navbar-nav .nav-link {



    font-size: 24px;



    color: #4a4a49;



}







.navbar .navbar-nav .nav-link.active {







    background-color: #a5dae6;



    color: #fff;







}



.navbar .navbar-nav .nav-link.active {

    background-color: #EA89A8;

}



.navbar-toggle {

    justify-content: end;

    display: flex;

    padding-right: 3px;

    display: none;

    align-items: center;

}



.search {

    display: none;

}



.navbar .navbar-nav .nav-link:hover {

    background-color: #BAE4EC;

    color: #E32488;

}



.hamburger {

    display: none;

}



.navbar-toggle-open {

    display: flex;

    align-items: center;

    justify-content: space-between;

}



.navbar-toggler.collapsed .navbar-toggle-open {

    display: none;

}



.navbar-toggler.collapsed .hamburger {

    display: block;

}

.navbar-toggler .hamburger {

    margin-right: -10px;
}



.navbar-toggle.collapse {

    display: flex;

}



.navbar-toggle.collapse.show {

    /*width: 198px;*/

}



.navbar-toggle.collapsing {

    height: auto;

    /*width: 198px;*/

}



.navbar-toggle.collapsing .search {}



.navbar-toggle.collapse.show .search {

    display: block;

}



.mob-menu-link {

    border-top: 1px solid #AFB1B0;

    padding-top: 8px;

    padding-bottom: 15px;

}



.mob-menu-link li {

    padding-block: 12px;

    display: flex;

}



.mob-menu-link a {

    color: #848483;

    font-size: 14px;

}





.dropdown-submenu.show .dropdown-toggle,



.dropdown-submenu:hover .dropdown-toggle {



    color: #E32488;



}







.dropdown-item:focus,



.dropdown-item:hover {



    background: transparent;



    color: #E32488;



}







.dropdown-menu {



    background-color: #BAE4EC;



}

.errorcontainer span {

    display: block !important;
    color: #E32488 !important;
}

.errorcontainer span:last-child {
    margin-bottom: 20px;
}

.kontakt span {

    font-size: 22px;

    color: #fff;

    line-height: 1;

}





.dropdown-submenu .dropdown-item {



    padding-right: 32px;



    position: relative;



}







.dropdown-menu li {



    padding-inline: 40px;







}







.dropdown-item {



    font-size: 20px;



    padding: 28px 0 28px;



    border-bottom: 1px solid #4D4F4D;



    min-width: 266px;



    max-width: 266px;



    white-space: normal;



    word-break: break-word;



}







.dropdown>.dropdown-menu>li:last-child a,



.dropdown-submenu>.dropdown-menu>li:last-child a {



    border-bottom: 0;



}








.dropdown-submenu::after {



    position: absolute;



    right: 12px;



    top: 20px;



    transform: translateY(-50%);



    rotate: 270deg;



    display: inline-block;



    margin-left: 0.5625em;



    /* 9px / 16px (default font size) */



    vertical-align: 0.5625em;



    /* Adjust alignment */



    content: "";



    border-top: 0.5625em solid;



    border-right: 0.5625em solid transparent;



    border-bottom: 0;



    border-left: 0.5625em solid transparent;



    display: block !important;



}







.banner {



    position: relative;



    overflow-x: clip;



    padding-bottom: 212px
}







.banner-content {



    position: absolute;



    left: 0;



    width: 100%;



    z-index: 9;



    top: 50%;



    transform: translateY(-50%)
}







.carousel-fade .carousel-item {



    margin-top: -70px;



}







.services .carousel-fade .carousel-item {



    margin-top: 0;



}







.banner-inner {



    max-width: 800px
}







.banner h1 {



    padding-right: 70px;



    padding-bottom: 166px;



    margin: 0;



    position: relative;



    color: #48c0d5;



    font-size: 55px;



    font-weight: 100
}







.banner h1 span {



    font-size: 88px;



    color: #E32488;



    margin-bottom: 10px;



    margin-top: 15px;



    display: inline-block
}







.banner h1 strong {



    font-size: 92px;



    margin-top: 10px;



    display: inline-block
}







.banner h1::before {



    content: "";



    background: url("../img/heading-before.svg");



    width: 211px;



    height: 185px;



    position: absolute;



    top: -50px;



    right: 75px
}







.banner h1::after {



    content: "";



    background: url(../img/heading-after.svg);



    width: 369px;



    height: 369px;



    position: absolute;



    z-index: 9;



    bottom: -95px;



    left: -192px
}







.banner .btn-group {



    gap: 50px;



    display: flex;



    position: relative;



    z-index: 99;



}







.banner .btn-group .theme-btn {



    flex-basis: 50%;



    font-size: 25px;



    font-weight: 400;



    padding: 26px 30px;



    border-radius: 20px;



    border: 2px solid #fff;







}







.banner .round-carousal {



    width: 50%;



    max-width: 800px;



    margin-left: auto;



    margin-right: -55px
}







.banner .round-carousal::before {



    content: "";



    background: url("../img/circle-blue.png");



    width: 140px;



    height: 140px;



    position: absolute;



    bottom: -211px;



    right: 98px
}







.banner::before {



    content: "";



    background: url("../img/banner-before.png");



    width: 227px;



    height: 177px;



    position: absolute;



    top: 0;



    left: 50px
}







.service-banner.banner::before,



.service-banner.banner::after {



    display: none;



}







.banner::after {



    content: "";



    background: url("../img/circle-red.png");



    width: 87px;



    height: 87px;



    position: absolute;



    bottom: 43px;



    left: 28px
}







.contact {



    display: flex;



    flex-direction: column;



    position: fixed;



    top: 45%;



    left: 0;



    transform: translateY(-50%);



    gap: 4px;



    z-index: 99;



}









.carousel-indicators {
    pointer-events: none;
}

.carousel-indicators [data-bs-target] {


    pointer-events: auto;
}



.round-carousal .carousel-indicators {



    gap: 26px;



    z-index: 99;



    bottom: -74px;



    left: -211px;



}







.round-carousal .carousel-indicators :nth-child(2) {

    margin-top: 26px;

}





.round-carousal .carousel-indicators :nth-child(3) {

    margin-top: 38px;

}





.round-carousal .carousel-indicators :nth-child(4) {

    margin-top: 44px;

}







.round-carousal .carousel-indicators button {



    width: 20px;
    min-width: 20px;



    min-height: 20px;



    border-radius: 50%;



    background: #AFAFAE;



    border: 1px solid #848483
}







.round-carousal .carousel-indicators button.active {



    background: #bae4ec;



    border: 1px solid #81cada
}







.dK-goal {



    padding: 107px 0 60px;



    position: relative;



    margin-bottom: 363px;



}







.dK-goal-content {



    display: flex;



    align-items: end;



    gap: 115px;



}







.dK-goal #carouselthree.round-carousal .carousel-indicators button.active,

.team-slider .slick-dots li.slick-active button:before {



    background-color: #ffc9dd !Important;



    border: 1px solid #ea89a8 !Important;



}



.team-slider .slick-current.slick-active h5 {

    color: #E32488 !important;

}







.dK-goal #carouselthree.round-carousal .carousel-indicators {



    bottom: 60px;
    left: -151px;
    transform: rotate(21deg);




}







.dK-goal #carouselthree.round-carousal .carousel-indicators :nth-child(2) {



    margin-top: 70px
}



.dK-goal #carouselthree.round-carousal .carousel-indicators :nth-child(1) {

    margin-top: 39px;

}









.dK-goal #carouselthree.round-carousal .carousel-indicators :nth-child(3) {



    margin-top: 81px;





}







.dK-goal #carouselthree.round-carousal .carousel-indicators :nth-child(4) {

    margin-top: 79px;

    margin-left: 10px;

}

















.dK-goal .bg-box {



    width: 87%;



    max-width: 1562px;



}







.dK-goal .carousel {







    max-width: 497px;



    margin-left: auto;



}







.dK-goal .theme-btn {



    margin-top: 85px;



}







#about-us .dK-goal .theme-btn {



    margin-top: 55px;



}







.dK-goal-content p {



    max-width: 418px;



    margin-left: 60px;



    margin-bottom: 44px;



    margin-top: 215px;



}







.dK-goal-content img {







    height: fit-content;







}







.dK-accordian {



    max-width: 586px;







}







.dK-accordian .accordion-item:nth-of-type(1) .accordion-button {



    background: linear-gradient(to left,



            #E2ECAC 0%,



            #D7E59E 14%,



            #CADD8F 29%,



            #BCD580 41%,



            #AFCF73 53%,



            #A2C966 66%,



            #96C35A 80%,



            #8BBD4F 96%,



            #8BBD4F 100%);

    border: 2px solid #a8c840;

}







.dK-accordian .accordion-item:nth-of-type(2) .accordion-button {



    background: linear-gradient(to left,



            #C9B6CE 0%,



            #B38EBD 12%,



            #A26EAF 23%,



            #9252A2 35%,



            #873D99 47%,



            #7F2E93 58%,



            #79238E 72%,



            #751D8B 88%,



            #751C8B 100%);

    border: 2px solid #7d0e86;





}







.dK-accordian .accordion-item:nth-of-type(3) .accordion-button {



    background: linear-gradient(to left,



            #BAE4EC 0%,



            #A9DEE8 14%,



            #97D8E3 29%,



            #86D1DF 41%,



            #74CBDC 53%,



            #63C5D8 66%,



            #51BFD5 80%,



            #40BAD1 96%,



            #40BAD1 100%);



    border: 2px solid #48c0d5;







}







.dK-accordian .accordion-item:nth-of-type(4) .accordion-button {



    background: linear-gradient(to left,



            #B5E2F8 0%,



            #8BD1F2 14%,



            #67C2EE 29%,



            #4EB8EA 41%,



            #3BB0E8 53%,



            #2CAAE6 66%,



            #22A6E5 80%,



            #1DA4E4 96%,



            #1DA4E4 100%);

    border: 2px solid #1da4e4;



}



.accordion-button:focus {

    box-shadow: none;

}





.dK-accordian .accordion-item:nth-of-type(5) .accordion-button {



    background: linear-gradient(to left,



            #FFC9DD 0%,



            #F09FC9 13%,



            #E47BB9 25%,



            #D85CAA 39%,



            #D146A0 51%,



            #CA3497 65%,



            #C62992 78%,


            #C4238F 91%,



            #E32488 100%);



    border: 2px solid #e32488;





}







.dK-accordian .accordion-item {



    margin-bottom: 32px;



    margin-top: 43px;



}







.dK-accordian .accordion-button::after {

    width: 20px;
    height: 10px;
    background-image: url(../img/down-icon.svg);



}







.dK-accordian .accordion-button:not(.collapsed)::after {







    background-image: url(../img/down-icon.svg);



}







.dK-accordian .accordion-button {



    color: #fff;



    font-family: "JungleMan";



    font-size: 45px;



    border-radius: 44px !important;



    height: 68px;



}







.dK-accordian .accordion-item {



    border: 0 !important;



}







.dK-accordian .accordion-item .accordion-body {



    padding-left: 68px;



    padding-right: 118px;



    padding-top: 24px;



    padding-bottom: 9px;



    font-size: 20px;



}







.dk-goal-objects {



    max-width: 596px;



}







.dK-goal::after {



    content: "";



    position: absolute;



    bottom: -216px;



    left: 20%;



    background: url(../img/goal-after-object.png) no-repeat center;



    width: 513px;



    height: 368px;







}







.our-goal .round-carousal .carousel-indicators button.active {



    background: #ffc9dd;



    border: 1px solid #ea89a8;



}



#hwhTabContent .slick-dots li.slick-active button:before {



    background: #E32488;

    border: #E32488;

    width: 14px;

    height: 14px;

}



#hwhTabContent .slick-dots li button {

    background: none;

    border: 1px solid #E32488;

    width: 14px;

    height: 14px;

}





.testimonial {



    background-color: #d8eaf2;



    padding: 90px 0;



    min-height: 445px;



    max-height: 445px;



    position: relative;



}











.testimonial-content-wrap {



    max-width: 624px;



    margin-left: auto;



    text-align: center;







    display: flex;



    flex-direction: column;



    justify-content: space-between;



}







.testimonial-content {



    position: relative;



    min-height: 270px;



}







.testimonial-content::before {



    content: "";



    background: url("../img/testimonial1.png") no-repeat;



    background-size: contain;



    width: 320px;



    height: 320px;



    position: absolute;



    top: -122px;



    left: 0
}







.our-goal .carousel-item {



    margin-top: 0;



}







.customers-testimonial #carouselExampleIndicators {



    position: initial;



}







.testimonial-content::after {



    content: "";



    background: url(../img/testimonial2.png);



    width: 257px;



    height: 257px;



    background-size: contain;



    position: absolute;



    bottom: -200px;



    left: 28%
}







.testimonial-content h2 {



    font-family: "JungleMan";



    font-weight: 200;



    font-size: 38px;



    color: #48c0d5;







    margin-bottom: 36px;



}







.testimonial-content .testimonial-by {



    font-size: 20px
}







.divider {



    height: 250px;



    display: flex;



    justify-content: space-between;



    align-items: center
}







.divider .left {



    max-width: 195px;



    height: -moz-fit-content;



    height: fit-content;



    margin-bottom: 50px;



    margin-left: 100px
}







.divider .right {



    max-width: 95px;



    height: -moz-fit-content;



    height: fit-content;



    margin-top: 80px;



    margin-right: 100px
}







.our-goal {



    padding: 80px 0;



    position: relative
}







.bg-box {



    background: #fff;



    width: 79%;



    height: 100%;



    position: absolute;



    top: 0;



    left: 0;



    z-index: -1;



}







.our-goal-content {



    max-width: 745px
}







.our-goal-content p {

    max-width: 500px;

    line-height: 30px;


    position: relative;





}







.our-goal-content p a {



    color: #E32488;



    font-size: 20px
}







.our-goal h3 {



    font-size: 60px;



    color: #E32488;



    margin-bottom: 50px
}







.our-goal .subtext {



    font-family: "JungleMan";



    color: #48c0d5;



    font-size: 45px;



    margin-bottom: 50px;



    font-weight: 500;



    display: block;







    line-height: 1;



}







.our-goal .theme-btn {



    margin-top: 112px;



    min-width: 350px;



    max-width: 100%
}







.our-goal::after {



    content: "";



    background: url(../img/goal1.png);



    width: 633px;



    height: 633px;



    background-size: contain;



    position: absolute;



    top: -166px;



    right: 5.6%;







    background-repeat: no-repeat;



}







.our-goal .round-carousal {



    max-width: 650px;



    margin-left: auto;



    position: relative;



    margin-bottom: -383px;



    margin-top: -237px;







    right: -27px;







}







.our-goal .round-carousal .carousel-indicators {



    gap: 26px;



    z-index: 99;



    flex-direction: row-reverse;



    top: -12px;



    left: -412px
}







.our-goal .round-carousal .carousel-indicators :nth-child(2) {



    margin-top: 28px
}







.our-goal .round-carousal .carousel-indicators :nth-child(3) {



    margin-top: 66px
}







.our-goal .round-carousal .carousel-indicators :nth-child(4) {



    margin-top: 100px
}







.our-goal .round-carousal::before {



    content: "";



    background: url(../img/circle-blue.png);



    width: 140px;



    height: 140px;



    position: absolute;



    top: -29px;



    right: -29%;



    z-index: -1;



}







.eb-meeting {



    padding-top: 575px;



    padding-bottom: 235px;



    background: url("../img/meeting-bg.png");



    background-size: cover;
    background-position: bottom;
}


.eb-meeting #video-tab {
    justify-content: center;
    flex-wrap: nowrap
}

.eb-meeting #video-tab .nav-link {
    cursor: pointer;
    transition: transform 0.3s, box-shadow 0.3s;
}

.eb-meeting #video-tab .nav-link:hover {

    transform: scale(1.1);
}


.eb-meeting h3 {



    font-size: 60px;



    color: #E32488;

    text-align: center;


    margin-bottom: 50px
}







.eb-meeting .theme-btn {



    margin: auto;



    margin-top: 70px;



    display: flex;



    max-width: -moz-fit-content;



    max-width: fit-content
}







.customers-testimonial {



    padding: 75px 0 100px;



    margin-bottom: 0;



    position: relative;



}







#about-us .customers-testimonial {



    padding: 80px 0 111px;



    margin-bottom: 196px;



}



#about-us .dermakids-v .theme-btn {



    min-width: 350px;







    padding: 30px 50px;







}



.types-tabs .nav-link {

    position: relative;

    overflow: hidden;

    border-radius: 20px;

    border-bottom-right-radius: 0;

    border-bottom-left-radius: 0;



}



.types-tabs .nav-item:nth-child(4) .nav-link::before {

    content: "";

    position: absolute;

    inset: 0;

    background: linear-gradient(45deg,

            #BAE4EC 0%,

            #48C0D5 30%,

            #48C0D5 70%,

            #BAE4EC 100%);

    opacity: 0.3;

    /* same opacity as others */

    z-index: 2;

    pointer-events: none;

}



.types-tabs .nav-link.active {

    border-radius: 20px;

    border-bottom-right-radius: 32px !important;

    border-bottom-left-radius: 32px !important;

}



.types-tabs .nav-link.active::before {

    border-radius: 27px;



}



.types-tabs .nav-link::before {

    content: "";

    position: absolute;

    inset: 0;

    background: linear-gradient(45deg,

            #B5E2F8 0%,

            #1DA4E4 30%,

            #1DA4E4 70%,

            #B5E2F8 100%);

    opacity: 0.3;

    /* adjust how strong you want */

    z-index: 2;

    pointer-events: none;

}



.types-tabs .nav-link img {

    position: relative;

    z-index: 1;

}



.types-tabs .nav-link h5,

.types-tabs .nav-link p {

    position: absolute;

    z-index: 3;



}



.types-tabs .nav .nav-link p {

    font-size: 24px;

    font-family: "Century Gothic Pro";

    position: absolute;

    bottom: 10px;

    color: #fff;

    left: 20px;



    display: none;



    line-height: 1.5;

    padding-right: 14px;

}





.types-tabs .nav .nav-link.active p {

    display: block;

}



#about-us .dK-goal {



    padding: 106px 0 60px;



}







#about-us .dK-goal-heading h3 {



    font-weight: 500;



    margin-bottom: 65px;



}







.customers-testimonial .testimonial-content::before,



.customers-testimonial .testimonial-content::after {



    display: none
}







.customers-testimonial .testimonial-content-wrap {



    max-width: 100%;



    min-height: auto;



}







#about-us .customers-testimonial .testimonial-content-wrap,



#unser-verein .customers-testimonial .testimonial-content-wrap {







    min-height: auto;



}



#unser-verein .about-banner::after {
    content: "" !important;
    display: block !important;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    background: url(../img/unser-verein-banner-bg.webp) no-repeat center / cover;
}





.customers-testimonial .testimonial-content-wrap p {



    font-family: "JungleMan";



    font-weight: 200;



    font-size: 34px;



    color: #48c0d5;







    margin-bottom: 36px
}







#about-us .customers-testimonial .testimonial-content-wrap p {



    line-height: 1.47;



}







.customers-testimonial .carousel-indicators {



    gap: 26px;



    z-index: 99;



    bottom: -85px
}







.customers-testimonial .carousel-indicators button {



    width: 20px;



    min-height: 20px;



    border-radius: 50%;



    background: #fff;



    border: 1px solid #48c0d5
}







.customers-testimonial .carousel-indicators button.active {



    background: #48c0d5;



    border: 1px solid #48c0d5
}







.services {



    padding: 195px 0 600px;



    background: url("../img/DermaKIDS-bg.png") no-repeat bottom center / cover;




    position: relative
}







.services h3 {



    font-size: 60px;



    color: #E32488;



    margin-bottom: 50px
}







.services p {



    max-width: 490px;



    line-height: 30px;



    font-size: 20px;

}







.services .round-carousal {



    margin-left: -100px;



    margin-top: 40px;



    max-width: 588px
}







.services .round-carousal .carousel-indicators {



    bottom: -53px;

    left: -39px;

}



.altag-divider {
    display: none;
}

.info-guide-divider {
    display: none;
}



.services .round-carousal .carousel-indicators :nth-child(2) {



    margin-top: 15px
}







.services .round-carousal .carousel-indicators :nth-child(3) {

    margin-top: 7px;

}







.services-box {



    margin-top: 57px;



    margin-bottom: 6px;



    padding: 29px;



    color: #fff;



    border-radius: 32px;



    display: block;
    line-height: 1.2;

    transition: transform 0.3s ease, box-shadow 0.3s ease;


}



.services-box:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15);
    color: #fff;

}



.services-box.first {



    background: url("../img/servicebox1.png") no-repeat;







    background-size: cover;



}







.services-box.second {



    background: url("../img/servicebox2.png") no-repeat;







    background-size: cover;



}







.services-box h5 {



    font-size: 55px;



    line-height: 1;



    margin-bottom: 60px;



    font-family: "JungleMan"



}







.services-box ul {



    list-style: disc;



    margin-left: 20px
}

.form-control {
    border-radius: 0;
}




#datepicker.input-group {
    display: flex;
    flex-wrap: nowrap;
}

#datepicker .input-group-text {
    min-height: 61px;
    background-color: initial !important;
    border-left: 0;
    border: 0;
    border-bottom: 1px solid #848585;
    border-radius: 0;
    display: flex;
    padding-right: 10px;
}

#datepicker .input-group-text i {
    padding: 0;
}

#datepicker .form-control {
    border-right: 0;
}

.datepicker-dropdown {
    background-color: #fff;
}

select.form-control {
    -webkit-appearance: none;
    -moz-appearance: none;
    background: white;
    background-image: url("data:image/svg+xml;utf8,<svg fill='grey' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
    background-repeat: no-repeat;
    background-position-x: 99%;
    background-position-y: 16px;
    width: 100%;
    font-size: 20px;
    color: #5E5E5D;
    padding: 15px 10px 15px 8px;
    background-color: none;
    border: 0;
    margin-bottom: 12px;
    border-bottom: 1px solid #848585;
}

select.form-control:focus {
    background-color: rgba(236, 207, 226, 0.2);
}



span.input-group-text.bg-light.d-block {
    background-color: #fff !important;
    border: none !important;
}

.input-group-append {
    cursor: pointer;
}

i.fa.fa-calendar {
    padding: 4px;
}

.datepicker td,
th {
    text-align: center;
    padding: 8px 12px;
    font-size: 14px;
}

.datepicker {
    border: 1px solid black;
}

.contact-item.active {









    .form-img {



        position: absolute;



        bottom: 0px;



        right: -37px;



    }







    form input:not(#wp-comment-cookies-consent),



    form textarea {



        width: 100%;
        border: none;
        font-size: 20px;
        color: #4D4F4D;
        padding: 15px 10px 15px 8px;
        background: none !important;
        border-bottom: 1px solid #848585;
        border-radius: 0;

    }











    /* Placeholder styles - cross-browser support */



    form input::placeholder,



    form textarea::placeholder {



        font-size: 20px;



        color: #5E5E5D;



        max-width: 90%;



    }







    form input::-webkit-input-placeholder,



    form textarea::-webkit-input-placeholder {



        font-size: 20px;



        color: #5E5E5D;



    }







    form input::-moz-placeholder,



    form textarea::-moz-placeholder {



        font-size: 20px;



        color: #5E5E5D;



    }







    form input:-ms-input-placeholder,



    form textarea:-ms-input-placeholder {



        font-size: 20px;



        color: #5E5E5D;



    }







    form input:-moz-placeholder,



    form textarea:-moz-placeholder {



        font-size: 20px;



        color: #5E5E5D;



    }











    .contact-link {



        width: 696px;



        background-color: #E32488;



        display: flex;



        align-items: center;



        padding-right: 23px;



        border-radius: 10px;







        h5 {



            display: block;



        }







    }







    .cross-icon {



        display: block;



        margin-left: auto;



        width: 24px;



        height: 24px;

        cursor: pointer;






    }



}







#telegram {



    .contact-link {



        background-color: #48C0D5;







    }



    input,

    textarea {



        background-color: rgba(222, 237, 243, 0.2);

        /* 20% opacity */







    }



}



#phone {



    .contact-link {



        background-color: #7D0E86;







    }





    p {



        font-size: 18px;



        line-height: 1.23;



        max-width: 358px;



        text-align: center;



        color: #5E5E5D;



        margin-bottom: 8px;


        margin-inline: auto;
    }



    h2 {



        font-size: 50px;



        font-family: "JungleMan";



        color: #E32488;



        line-height: 1.2;



        text-align: center;



        position: relative;



        margin-bottom: 9px;





        a {



            font-size: 50px;



            font-family: "JungleMan";



            color: #E32488;



            line-height: 1.2;



        }



    }



    h2::before {



        content: "";



        background: url(../img/phone-heading-before.png) no-repeat;



        width: 72px;



        height: 82px;



        position: absolute;



        top: -24px;
        right: 35px;







    }



    h4 {



        font-size: 50px;

        text-align: center;

        font-family: "JungleMan";



        color: #48c0d5;



        line-height: 1.2;



        margin-left: 55px;



        position: relative;



        margin-bottom: 47px;



        a {



            font-size: 50px;



            font-family: "JungleMan";



            color: #48c0d5;



            line-height: 1.2;



        }



    }



    h4::before {



        content: "";



        background: url(../img/phone-heading-after.png) no-repeat;



        width: 148px;



        height: 126px;



        position: absolute;


        top: -27px;
        left: 0;



    }






}



#messages {



    .contact-link {



        background-color: #48C0D5;



    }



    form {



        padding-top: 29px;



    }



    p {



        font-size: 18px;



        line-height: 1.23;



        color: #5E5E5D;



        margin-bottom: 21px;



    }



    .theme-btn {



        margin-top: 30px;



        margin-bottom: 131px;



    }



    .form-img {



        position: absolute;



        bottom: -20px;



        right: -15px;







    }



}



#mail {



    .contact-link {



        background-color: #1DA4E4;



    }



    .mail-box {



        width: 100%;



        font-size: 20px;



        color: #5E5E5D;



        padding: 10px 10px 20px 8px;



        border: 0;



        margin-bottom: 12px;



        display: block;



    }



    textarea,
    input:not(#wp-comment-cookies-consent) {



        background-color: #f5fafd;



    }



    .form-img {

        top: 313px;
        right: 7px;
        height: auto;
        max-height: fit-content;


        img {

            width: 150px;
        }



    }

    label {

        font-size: 16px;

        display: flex;
        align-items: center;

    }

}




#calender .textarea-wrap textarea {

    margin-bottom: 0;
    background: #fbf5f9;
    max-width: initial;
}

.textarea-wrap textarea {


    margin-bottom: 0
}

.textarea-wrap textarea:focus-visible {
    outline: 0
}



#calender label {
    font-size: 16px;
    display: flex;
    align-items: center;
}

#calender .btn-group {
    margin-bottom: 20px !important;
    justify-content: space-between;
}

.contact-header {
    color: #fff;
    background: #48c0d5;
    display: flex;

    min-height: 64px;
    position: sticky;
    top: 0;
    padding: 20px 15px;
    align-items: center;
}

#phone .contact-header {
    background: #7D0E86;

}

#calender .contact-header {
    background: #E32488;
}

#whatsapp .contact-header {
    background: #E32488;
}

.contact-header h5 {
    margin-bottom: 0;
}

.contact-item {





    form {



        display: block;



        position: absolute;



        width: 616px;



        background-color: #fff;



        padding: 23px 25px 17px 21px;



        left: 80px;



        border-bottom-right-radius: 14px;
        overflow-x: clip;



        border-bottom-left-radius: 14px;



    }





    .cross-icon {



        display: none;



    }







    .contact-link {


        display: contents;

        h5 {



            display: none;



            font-size: 24px;



            white-space: nowrap;




            color: #fff;



            margin-bottom: 0;



            margin-left: 9px;



        }



    }



}

.cn-changes {
    color: rgb(78, 78, 78) !important;
}

.klaro .cookie-modal .cm-modal.cm-klaro {
    background-color: #fff !important;
}

.klaro .cookie-modal .cm-modal .cm-body ul.cm-services li.cm-service span.cm-list-title,
.klaro .cookie-modal .cm-modal .cm-body ul.cm-services li.cm-purpose span.cm-list-title,
.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-service span.cm-list-title,
.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-purpose span.cm-list-title {
    font-weight: 500 !important;
    font-family: 'Century Gothic Pro' !important;
    font-size: 15px;
}

.klaro .cookie-modal p,
.klaro .cookie-modal strong,
.klaro .cookie-modal h1,
.klaro .cookie-modal h2,
.klaro .cookie-modal ul,
.klaro .cookie-modal li,
.klaro .context-notice p,
.klaro .context-notice strong,
.klaro .context-notice h1,
.klaro .context-notice h2,
.klaro .context-notice ul,
.klaro .context-notice li,
.klaro .cookie-notice p,
.klaro .cookie-notice strong,
.klaro .cookie-notice h1,
.klaro .cookie-notice h2,
.klaro .cookie-notice ul,
.klaro .cookie-notice li {
    color: #4e4e4e !important;
}

.cookie-notice .cn-body .cn-ok {
    justify-content: start !important
}

.cookie-notice .cn-body .cn-ok .cm-btn {
    background-color: #141b2b !important
}

.offer {
    padding-bottom: 200px
}

.cookie-notice {
    background-color: #fff !important;
    z-index: 9999 !important;
    border-radius: 14px !important
}

.cookie-notice .cn-body p {
    font-size: 16px !important
}

.cookie-notice .cn-body span,
.cookie-notice .cn-body .cn-ok a {
    font-size: 16px !important;
    line-height: 1.2
}

.cookie-notice .cn-body span {
    color: #4e4e4e !important
}

.cookie-notice .cn-body strong {
    font-weight: normal;
    color: #4e4e4e !important
}

.klaro .cookie-modal {
    z-index: 99999 !important;
}

.klaro .cookie-modal .cm-btn,
.klaro .cookie-notice .cm-btn {
    border-radius: 10px !important
}

#klaro {
    font-family: "Officina Sans ITC Pro"
}

.grecaptcha-badge {
    visibility: hidden
}

.klaro .cookie-modal .cm-btn.cm-btn-success,
.klaro .cookie-notice .cm-btn.cm-btn-success {
    background: #48c0d5 !important;
    color: #fff !important
}

.recaptcha-protection {
    font-size: 16px !important;
    margin-bottom: 0;
    line-height: 1.2;
}

.recaptcha-protection a {
    font-size: 16px;

    line-height: 1.2;
    color: #E32488;
}


.cookie-notice button.cm-btn.cm-btn-danger.cn-decline {
    display: none
}

.klaro .cookie-notice:not(.cookie-modal-notice) .cn-body .cn-buttons button.cm-btn {
    width: 100%
}

.klaro .cookie-notice:not(.cookie-modal-notice) .cn-body .cn-ok {
    flex-wrap: nowrap !important
}

.cookie-notice .cn-body a.cm-link.cn-learn-more {
    display: flex !important;
    align-items: center;
    justify-content: center;
    border-radius: 0;
    border: 0;
    padding: .4em;
    background-color: #141b2b !important;
    font-size: 1em !important;
    line-height: inherit;
    color: #fff !important;
    border-radius: 10px
}


.cookie-modal a {

    color: #4e4e4e !important;
}

.klaro .cookie-modal .cm-modal .hide svg {
    stroke: #4e4e4e !important
}

.klaro .cookie-notice:not(.cookie-modal-notice) .cn-body .cn-ok a,
.klaro .cookie-notice:not(.cookie-modal-notice) .cn-body .cn-ok div {
    width: 50%
}

@media(max-width: 1024px) {
    .klaro .cookie-notice:not(.cookie-modal-notice) {
        background-color: #fff !important;
        box-shadow: 0 4px 6px 0 rgba(0, 0, 0, .2), 5px 5px 10px 0 rgba(0, 0, 0, .19);
        border-radius: 10px 10px 0 0 !important
    }
}

@media(max-width: 377px) {
    .klaro .cookie-notice:not(.cookie-modal-notice) .cn-body .cn-buttons button.cm-btn {
        width: 100% !important;
        height: initial;
        margin-top: 0 !important
    }

    .klaro .cookie-notice:not(.cookie-modal-notice) .cn-body .cn-buttons {
        margin-top: 0 !important
    }

    .klaro .cookie-notice:not(.cookie-modal-notice) .cn-body .cn-learn-more {
        margin-top: 0 !important
    }

    .klaro .cookie-notice:not(.cookie-modal-notice) .cn-body .cn-ok {
        align-items: center !important;
        margin-top: 10px !important
    }
}

@media(max-width: 384px) {
    .klaro .cookie-notice:not(.cookie-modal-notice) .cn-body .cn-buttons button.cm-btn {
        width: 100% !important
    }
}

#successModal img {
    margin: auto;
    max-width: 203px;
    height: auto;
    margin-bottom: 20px !important
}

#successModal p {
    font-weight: 500
}

#successModal .modal-content {
    max-width: 359px;
    margin: auto
}


.contact-item form {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}


.contact-item.pre-active form {
    visibility: visible;
    pointer-events: auto;
    opacity: 0;
}

.contact-item.active form {
    opacity: 1;
    transition: opacity 0.3s ease-in-out;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1), 0 0 79px rgb(0 0 0 / 32%);
    min-height: 300px;

}

#accessgoModal .cross-icon {
    display: block;
    margin-left: auto;
    width: 24px;
    height: 24px;
    cursor: pointer;
}

#accessgoModal .modal-content {

    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1), 0 0 79px rgb(0 0 0 / 32%);
    border-radius: 10px;
    border: 0;
}

#accessgoModal .contact-header {

    border-radius: 10px 10px 0 0;
}
.modal-backdrop{
    display: none;
}
.success-message {
    padding: 28px;
    text-align: center;
    display: flex;
    min-height: 237px;
    align-items: center;
    margin: auto;
    padding-top: 0;
    background-color: #fff;
}

#whatsapp .theme-btn {

    padding: 30px 23px;
}



.services-box ul li {



    font-size: 24px;



    margin-bottom: 14px
}







.butterfly-children .bC-content p a {



    color: #E32488;



    font-size: 20px;



    line-height: 1.5;



}







.services-box span {



    font-size: 20px;



    color: #fff;



    margin-top: 26px;



    display: block;
    position: relative;
    padding-right: 5px;
    margin-right: 10px;



}

.services-box span::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .4em solid;
    border-right: .4em solid rgba(0, 0, 0, 0);
    border-bottom: 0;
    border-left: .4em solid rgba(0, 0, 0, 0);
    position: absolute;
    right: -14px;
    top: 7px;
    cursor: pointer;
    rotate: 270deg;
}

.info-card .read-more {
    position: relative;
    padding-right: 10px;

}

.info-card .read-more::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .4em solid;
    border-right: .4em solid rgba(0, 0, 0, 0);
    border-bottom: 0;
    border-left: .4em solid rgba(0, 0, 0, 0);
    position: absolute;
    right: -14px;
    top: 8px;
    cursor: pointer;
    rotate: 270deg;
}





.services::after {



    content: "";



    background: url(../img/services1.png);



    width: 633px;



    height: 613px;



    background-size: contain;



    position: absolute;



    bottom: 0;



    left: 50%;



    transform: translateX(-77%)
}







.visit-insta {



    background: #fff;



    padding: 25px 0 62px
}







.visit-insta h4 {



    font-size: 60px;



    color: #E32488;



    margin-bottom: 81px;



    text-align: center;



    font-weight: 500;



}







.visit-insta .slick-track {



    display: flex;



    align-items: center;
    padding-block: 32px;
}







.visit-insta .slide {



    margin-inline: 22px
}















.visit-insta .slick-current.slick-active img {



    box-shadow: 10px 10px 20px rgba(0, 0, 0, .15)
}







.visit-insta .slick-slide img {

    transition: transform 0.5s ease-in-out;

    transform: scale(0.93);

    margin: auto;

    width: 100%;

}



.visit-insta .slick-current.slick-active img {

    transform: scale(1);

}







footer {



    padding: 75px 0 21px;



    background: linear-gradient(204deg, rgba(246, 205, 226, 0.3) -0.05%, rgba(240, 210, 229, 0.3) 4.47%, rgba(229, 220, 236, 0.3) 14%, rgba(220, 228, 240, 0.3) 25.19%, rgba(214, 233, 243, 0.3) 36.97%, rgba(211, 235, 245, 0.3) 51.61%, rgba(215, 233, 243, 0.3) 67.57%, rgba(226, 223, 237, 0.3) 83.16%, rgba(238, 212, 231, 0.3) 94.35%, rgba(246, 205, 226, 0.3) 99.95%)
}







footer h5 {



    font-size: 34px;



    color: #E32488;



    margin-bottom: 61px;



    font-family: "Lifehack"



}







footer .action-link {



    display: block;



    font-size: 20px;



    margin-bottom: 20px;



    color: #575756;

    transition: 0.3s ease-in;
    cursor: pointer;
}

footer .action-link:not(.nohover):hover {
    color: #48c0d5;
    font-weight: 600;
}

footer .action-link span:hover {
    color: #48c0d5;
    font-weight: 600;
}

.consentWarning a {
    cursor: pointer;
}





footer p {



    display: block;



    font-size: 20px;



    margin-bottom: 40px;



    color: #575756
}







footer .socials {



    gap: 16px;



    display: flex;



    justify-content: end;



    margin-top: 50px
}

footer .socials a {

    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

footer .socials a:hover {

    transform: scale(1.05);
}






footer .gateway {
    display: flex;

    justify-content: start;
    align-items: center;
    gap: 26px;
    margin-top: 68px;

}

.gateway a img {
    height: 25px;
    min-height: 25px;
}


.gateway a:nth-child(2) img {

    height: 20px;
    min-height: 25px;
}






footer .copyright {



    padding-left: 6%;



    margin-top: 53px
}







@media(min-width: 1800px) {
    .hilfsprojekte .help-offers .info-card {
        max-height: 450px;
        min-height: 450px;
        gap: 14px;
    }


    .advice-banner h1 {

        margin-left: 0 !important;

    }

    .eB-family-treffen .breadcrumb {
        margin-bottom: 90px;
    }

    .help-affected .container.container-wd {



        max-width: 1226px;



    }



    .navbar .container,



    .topbar .container {



        max-width: 1620px
    }



}











.service-banner h1 {



    padding: 0;



}







.service-banner h1::after {



    bottom: -89px;



    left: 160px;



    transform: rotateY(180deg);



    rotate: 128deg;



    width: 218px;



    height: 218px;



    background-size: contain;







}







.banner h1::after {}







.satzungszweck-banner.service-banner h1::after {







    left: 100px;



}







.banner.service-banner h1::before {



    content: none;



}







.service-banner {



    padding-block: 35px 46px;



    background: linear-gradient(204deg, rgba(246, 205, 226, 0.3) -0.05%, rgba(240, 210, 229, 0.3) 4.47%, rgba(229, 220, 236, 0.3) 14%, rgba(220, 228, 240, 0.3) 25.19%, rgba(214, 233, 243, 0.3) 36.97%, rgba(211, 235, 245, 0.3) 51.61%, rgba(215, 233, 243, 0.3) 67.57%, rgba(226, 223, 237, 0.3) 83.16%, rgba(238, 212, 231, 0.3) 94.35%, rgba(246, 205, 226, 0.3) 99.95%)
}



#agb .service-banner {
    background: url(../img/agb-banner-bg.webp) no-repeat top center / cover;
}

#agb .terms {
    background: url(../img/agb-content-bg.webp) no-repeat top center / cover;
}


#datenschutz .service-banner {
    background: url(../img/datenschutz-banner-bg.webp) no-repeat top center / cover;
}

#datenschutz .terms {
    background: url(../img/datenschutz-content-bg.webp) repeat-y top center;
    background-size: contain;

}

#kontakt .service-banner {
    background: url(../img/kontakt-banner-bg.webp) no-repeat top center / cover;
}

#kontakt .kontakt-content {
    background: url(../img/kontakt-content-bg.webp) no-repeat bottom center / cover;
}

#satzungszweck .service-banner {
    background: url(../img/satzungszweck-banner-bg.webp) no-repeat top center / cover;
}

#satzungszweck .satzungszweck {
    background: url(../img/satzungszweck-content-bg.webp) no-repeat bottom center / cover;
}

.help-affected .service-banner {
    background: url(../img/hilfsangebote-banner-bg.webp) no-repeat top center / cover;
}

.help-affected .help-offers-wrap {
    background: url(../img/hilfsangebote-offers-bg.webp) no-repeat top center / cover;
    padding-bottom: 1px;
}

.help-affected .donation-info {
    background: url(../img/hilfsangebote-donation-info-bg.webp) no-repeat bottom center / cover;
}

#datenschutz .service-banner,



#impressum .service-banner,



#agb .service-banner,



#satzungszweck .service-banner {



    padding-block: 35px 32px;



}







.service-banner h1 {



    max-width: 700px;



    margin: auto;



}







.service-banner h1 span {



    margin: 0;



    line-height: 1;



}







.terms {



    padding-block: 42px 347px;



    background: none;



}







.terms-navigator {



    position: sticky;

    top: 155px;





}







.terms-heading h2 {



    font-size: 60px;



    color: #E32488;



    margin-bottom: 16px;



}







.terms-heading .subtext {



    font-family: "JungleMan";



    color: #48c0d5;



    font-size: 40px;



    font-weight: 500;



    display: block;



    max-width: 720px;



    line-height: 1;



    margin-bottom: 70px;







}







.terms-navigator a {



    font-size: 34px;



    color: #48c0d5;



    font-weight: 400;



    display: flex;



    width: 57px;



    height: 57px;



    align-items: center;



    justify-content: center;



    border: 2px solid #48c0d5;



    margin-bottom: 20px;



    font-family: 'Lifehack';



}







.terms-navigator a.active {



    background-color: #48c0d5;



    color: #fff;



}







.navigator-items {



    max-width: fit-content;



}







.terms-content {



    margin-left: 38px;



}







.terms-content .terms-content-heading,
.terms-content .terms-content-heading span {



    color: #48c0d5;



    font-size: 40px !important;



    line-height: 1.13;



}

.terms-content .terms-content-heading {
    display: flex;
}







.terms-content-text {



    padding-left: 62px;



    padding-top: 20px;



    margin-bottom: 41px;







}







.theme-list li {



    line-height: 1.45;



    font-size: 18px;



    position: relative;



    padding-left: 45px;



    margin-bottom: 16px;



    color: #4e4e4e;



}







.theme-list li::before {



    content: "";



    position: absolute;



    background-color: #48c0d5;



    width: 10px;



    height: 10px;



    left: 15px;



    top: 7px;



    border-radius: 50%;



}







.mb-40 {



    margin-bottom: 40px !important;



}







.haupttypen .mb-40 {



    margin-bottom: 30px !important;



}







.haupttypen .dermakids-v h2 {



    font-size: 62px;



    line-height: 1.17;



    margin-bottom: 49px;



}







.haupttypen .dermakids-v {



    padding-block: 42px 192px;



}







.haupttypen .dermakids-v .subtext {



    margin-bottom: 44px;



}







.terms-content p,



.terms-content a,



.terms-content span {



    line-height: 1.8;



    font-size: 18px;



    position: relative;



    margin-bottom: 16px;



    color: #4e4e4e;



}







.terms-content a {



    color: #48c0d5;



    font-weight: bolder;



}







.terms-content strong {



    font-size: 30px;



    color: #E32488;



    font-weight: 100;



    margin-bottom: 16px;



    display: inline-block;



    font-family: "JungleMan";



}











.terms-content span {



    display: block;



    margin-bottom: 16px;



}







.terms-content h5 {
    color: #48c0d5;
    font-size: 30px;
    font-weight: 300;
    margin-bottom: 0;
    font-family: 'JungleMan';
}







.terms-content .address {



    font-size: 30px;



    color: #E32488;



    font-weight: 500;



    margin-bottom: 16px;



    font-family: "JungleMan";



    line-height: 1.4;







}



.terms-content .address div {

    line-height: 1;
}



.breadcrumb-item a {



    font-size: 18px;



}







.breadcrumb-item {



    position: relative;



    font-size: 18px;



}







.breadcrumb {



    align-items: center;



    margin-bottom: 87px;



}







.breadcrumb-item+.breadcrumb-item::before {



    content: "";



    width: 10px;



    height: 10px;



    border: 1px solid #5E5E5D;



    border-radius: 100%;



    top: 6px;



    position: absolute;



    left: 19px;



}







.breadcrumb-item+.breadcrumb-item {



    padding-left: 50px;



}







.impressum {



    padding-block: 54px 361px;



    background: none;



}







.impressum h2 {



    font-size: 60px;



    color: #E32488;



    margin-bottom: 57px;



}







.impressum .subtext {



    font-family: "JungleMan";



    color: #48c0d5;



    font-size: 40px;



    font-weight: 500;



    margin-bottom: 21px;



    line-height: 1;



    display: block;



}







.impressum .address p {



    font-size: 20px;



    line-height: 1;



    color: #4e4e4e;



    font-weight: 400;



    margin-bottom: 10px;



}







.impressum .address {



    margin-bottom: 30px;



}







.impressum p {



    font-size: 20px;



    line-height: 1.34;



    color: #4e4e4e;



    font-weight: 400;



    margin-bottom: 10px;









}







.impressum .round-carousal .carousel-indicators {



    bottom: 7px;



    left: -322px;



}







.impressum h3 {



    font-size: 40px;



    color: #48c0d5;



    margin-top: 60px;



    font-family: "JungleMan";



}







.impressum p a {



    color: #48c0d5;



    font-size: 20px;



    line-height: 1;



    font-weight: 400;



}







.impressum ul {



    padding-left: 40px;



    margin-bottom: 33px;







}







.impressum ul li {



    list-style: disc;



    font-size: 20px;



    line-height: 1.34;



    color: #4e4e4e;



    font-weight: 400;



    margin-bottom: 10px;





}







.impressum span {



    font-size: 30px;



    color: #E32488;



    line-height: 1;



    font-weight: 400;



    font-family: "JungleMan";



    margin-block: 30px 10px;



    display: block;



}







.impressum .carousel-fade .carousel-item {



    margin-top: 0;



}







.impressum .carousel-item img {}







.impressum .round-carousal .carousel-indicators :nth-child(2) {



    margin-top: 38px;



}







.impressum .carousel {







    width: fit-content;



    margin-left: auto;



    max-width: 687px;



    margin-top: 57px;



    margin-right: 42px;







}







.impressu .round-carousal .carousel-indicators button.active {



    background: #BDD9EA;



    border: 1px solid #BDD9EA;



}







.satzungszweck {



    padding-top: 54px;



}







.satzungszweck h2 {



    font-size: 60px;



    color: #E32488;



    margin-bottom: 57px;



}







.satzungszweck .subtext {



    font-family: "JungleMan";



    color: #48c0d5;



    font-size: 38px;



    font-weight: 500;



    margin-bottom: 21px;



    line-height: 1;



    display: block;



}







.satzungszweck p {



    font-size: 20px;



    line-height: 1.5;



    color: #4e4e4e;



    font-weight: 400;



    margin-bottom: 10px;



}







.satzungszweck-img {







    position: relative;



    top: -210px;



    right: -75px;



}







.satzungszweck .our-goal::after {



    content: none;



}







.satzungszweck .our-goal .carousel-inner {



    max-width: 519px;



    margin-left: auto;



}







.satzungszweck .our-goal .round-carousal .carousel-indicators {



    margin-left: 30px;



    top: 50%;



    transform: translateY(-50%);



    flex-direction: column;



    left: -10px;



}







.satzungszweck .our-goal .round-carousal .carousel-indicators button {



    margin-top: 0 !important;



}

.satzungszweck .our-goal #carouselMbl.round-carousal .carousel-indicators button.active {

    background: #ffc9dd;
    border: 1px solid #ea89a8;
}







.satzungszweck .our-goal .round-carousal .carousel-indicators :nth-child(2) {



    margin-left: -10px;



}







.satzungszweck .our-goal p {



    font-size: 18px;



    max-width: 740px;



    margin-inline: auto;



    line-height: 1.56;



    color: #4e4e4e;



    margin-bottom: 20px;



    position: relative;



}







.satzungszweck .our-goal p span {



    color: #E32488;



    left: -45px;



    position: absolute;




}

.satzungszweck .our-goal p span.line-break {
    position: initial;

    color: initial;
}







.satzungszweck .our-goal p strong {



    color: #48C0D5;



}







.satzungszweck .our-goal-content {



    max-width: 100%;



    z-index: 1;
    position: relative;
}







.satzungszweck .our-goal .subtext {



    margin-bottom: 60px;



    font-size: 50px;



    font-weight: 400;



}







.satzungszweck .our-goal {



    margin-top: 100px;



}







.satzungszweck .carousel {



    position: absolute;



    margin-top: -365px;



    right: -165px;











}







.satzungszweck .our-goal .container {



    position: relative;



}







.satzungszweck .our-goal .round-carousal::before {



    content: none;



}







.satzungszweck .our-goal .round-carousal .carousel-indicators button.active {



    background: #bae4ec;



    border: 1px solid #81cada;



}







.satzungszweck .our-goal #carouselthree.round-carousal .carousel-indicators button.active {



    background: #c9b6ce;



    border: 1px solid #9e70a5;



}







.satzungszweck .our-goal #carouselfour.round-carousal .carousel-indicators button.active {



    background: #ffc9dd;



    border: 1px solid #ea89a8;



}







.satzungszweck #carouselthree.carousel {



    left: -200PX;



    right: initial;



    max-width: 370px;



}







.satzungszweck .our-goal #carouselthree.round-carousal .carousel-indicators {



    right: -60px;



    justify-content: end;



    align-items: end;



    top: -44%;







}







.satzungszweck .our-goal #carouselthree.round-carousal .carousel-indicators :nth-child(2) {



    margin-right: 21px;



}







.satzungszweck .our-goal #carouselthree.round-carousal .carousel-indicators :nth-child(1) {



    margin-right: 54px;



}







.satzungszweck .our-goal #carouselfour .carousel-inner {



    max-width: 500px;



}







.satzungszweck .our-goal #carouselfour.round-carousal .carousel-indicators {



    right: -25px;



    left: initial;



    top: 88%;



}







.satzungszweck .our-goal #carouselfour.round-carousal .carousel-indicators :nth-child(2) {



    margin-left: -41px;



}







.satzungszweck-divider {



    height: 725px;



    display: flex;



    justify-content: space-between;



    align-items: center;







}







.satzungszweck #carouselthree.carousel {



    margin-top: -462px;



}







.our-goal #carouselfour {



    left: -145px;



    right: initial;



    margin-top: -66px;



}







.satzungszweck {



    background: none;



}







.breadcrumb-item.active,



.breadcrumb-item {



    color: #4a4a49;



}







.datenschutz .subtext {



    max-width: 100%;



}







.datenschutz .terms-heading p {



    font-size: 18px;



    line-height: 1.8;



    color: #4e4e4e;



}







.datenschutz .terms-heading {



    margin-bottom: 163px;



}







.datenschutz span {



    font-size: 39px;

    line-height: 1 !important;

    color: #48c0d5;



    line-height: 1;



    font-family: "JungleMan";



    margin-bottom: 23px;



}







.datenschutz .terms-content-text p {



    margin-bottom: 30px;



}







.mb-12 {



    margin-bottom: 12px !important;



}







.datenschutz {



    background: none;



}







.banner .subtext {



    font-size: 58px;



    font-family: "JungleMan";



    color: #E32488;



    font-weight: 400;



    position: relative;



}







.about-banner {



    text-align: center;



    padding-block: 106px 116px;



}







.about-banner h1 {



    font-size: 90px;



    max-width: 100%;



    margin-bottom: 16px;



}







.about-banner .subtext::after {



    content: "";



    background: url("../img/subtext-after.png");



    width: 181px;



    height: 152px;



    position: absolute;



    z-index: 9;



    bottom: -41px;



    right: 75px;



    background-repeat: no-repeat;



}







.about-banner h1::after {



    content: "";



    background: url("../img/about-heading.png") no-repeat;



    width: 218px;



    height: 218px;



    position: absolute;



    z-index: 9;



    bottom: -74px;



    left: 117px;







    transform: initial;



    rotate: initial;



}







.kontakt .round-carousal .carousel-indicators {



    top: -285px;



    flex-direction: column;



    left: -36px;



    gap: 32px;



}







.kontakt .round-carousal .carousel-indicators button {



    margin-top: 0 !important;



}







.kontakt .round-carousal .carousel-indicators button:nth-child(1) {



    margin-left: 38px;



}







.kontakt .round-carousal .carousel-indicators button:nth-child(3) {



    margin-left: -17px;



}







.dermakids-v h2 {



    font-size: 60px;



    color: #E32488;



    font-weight: 500;



    line-height: 1;



    margin-bottom: 51px;







}







#about-us .dermakids-v .subtext {



    margin-bottom: 39px;



}







#about-us .dermakids-v h2 {



    margin-bottom: 15px;



}







.dermakids-v .subtext {



    font-size: 40px;



    color: #48c0d5;



    font-weight: 400;



    line-height: 1;



    font-family: "JungleMan";



    margin-bottom: 36px;



    display: block;







}







.dermakids-v p {



    font-size: 20px;



    line-height: 1.43;



    color: #4e4e4e;







}







main {



    position: relative;



}







#about-us::before {



    content: "";



    background: url("../img/about-bg.png") top;



    height: 100%;



    width: 100%;



    position: absolute;



    background-position-y: -3%;



    z-index: -1;



}







#datenschutz::before {



    content: "";



    background: url("../img/datenschutz.png") top;



    height: 100%;



    width: 100%;



    position: absolute;



    z-index: -1;

    display: none;


}







#help-us::before {



    content: "";



    background: url("../img/helfen-sie-mit-bg.png") top no-repeat;



    height: 100%;



    top: 40px;



    width: 100%;



    position: absolute;



    z-index: -1;


    pointer-events: none;



}







#haupttypen::before {



    content: "";



    background: url("../img/haupttypen-bg.png") top no-repeat;



    height: 100%;



    width: 100%;



    position: absolute;



    z-index: -1;



    top: 35px;



}







#impressum::before {



    content: "";



    background: url("../img/impressum-bg.png") top no-repeat;



    height: 100%;



    width: 100%;



    position: absolute;



    z-index: -1;



    top: 42px;



}







#agb::before {



    content: "";



    background: url("../img/agb-bg.png") top no-repeat;



    height: 100%;



    width: 100%;



    position: absolute;



    z-index: -1;


    display: none;

}







#satzungszweck::before {



    content: "";



    background: url("../img/satzungszweck-bg.png") top no-repeat;



    height: 100%;



    width: 100%;



    position: absolute;



    z-index: -1;


    display: none;

}







#unser-verein::before {



    content: "";



    background: url("../img/association-bg.png") top;



    height: 100%;



    width: 100%;



    position: absolute;



    z-index: -1;



}







.about-banner::after,



.about-banner::before {



    content: none;







}







#about-us .our-team-content h3 {



    font-weight: 500;



    margin-bottom: 42px;



}







.dermakids-v {



    padding-block: 42px 140px;



}







#about-us .dermakids-v {



    padding-bottom: 203px;



}







.dermakids-v #carouseltwo {



    top: -130px;



    width: 784px;



    height: 714px;



    margin-left: 15px;



    margin-top: -74px;







}







#unser-verein .dermakids-v #carouseltwo {



    width: 551px;

    position: absolute;

    right: 196px;

    top: 115px;

    height: 551px;



}







.dermakids-v #carouseltwo.round-carousal .carousel-indicators button.active {



    background-color: #ffc9dd;



    border: 1px solid #ea89a8;



}







#unser-verein .dermakids-v #carouseltwo.round-carousal .carousel-indicators button.active {



    background-color: #bae4ec;



    border: 1px solid #81cada;



}







.dermakids-v #carouseltwo.carousel-fade .carousel-item {



    margin-top: 0;



}







.dermakids-v #carouseltwo .carousel-indicators {



    left: -47px;



    bottom: -30px;



    gap: 45px;



}







#unser-verein.our-club .dermakids-v #carouseltwo .carousel-indicators {

    gap: 39px;

    bottom: -113px;

    left: -27px;

    transform: rotate(349deg);



}







.dermakids-v #carouseltwo.round-carousal .carousel-indicators :nth-child(2) {



    margin-top: 16px;



}







.dermakids-v #carouseltwo.round-carousal .carousel-indicators :nth-child(3) {



    margin-top: 18px;



}







.our-team {



    position: relative;



    padding-bottom: 90px;



    margin-bottom: 237px;



}







.our-team::before {



    content: "";
    position: absolute;
    top: -180px;
    left: 11%;
    background: url(../img/team-before-object.png) no-repeat center / contain;
    width: 303px;
    height: 250px;
    pointer-events: none;
    object-fit: contain;


}











.our-team::after {



    content: "";



    background: url("../img/our-team.png");



    width: 719px;



    height: 719px;



    background-size: contain;



    position: absolute;







    top: -115px;



    right: 7.8%;



    background-repeat: no-repeat;



}







.our-team .bg-box {



    right: 0%;



    left: initial;



}







.team-heading {







    max-width: 542px;



    margin-left: 199px;



    padding-top: 70px;



    margin-bottom: 56px;







}







.our-team-content h3,



.dK-goal-heading h3 {



    font-size: 60px;



    color: #E32488;



    font-weight: 700;



    line-height: 1;



    margin-bottom: 50px;



}











.dK-goal #carouselthree .carousel-item {



    margin-top: 0;



}







.our-team-content .subtext {



    font-size: 44px;



    color: #48c0d5;



    font-weight: 400;



    line-height: 1;



    font-family: "JungleMan";



    margin-bottom: 32px;



    display: block;



}







#about-us .our-team-content .subtext {



    margin-bottom: 39px;



}







#about-us .our-team-content p {



    line-height: 1.5;



}







#about-us .our-team {



    padding-bottom: 50px;



}







#about-us .team-heading {



    margin-bottom: 32px;



}







.our-team-content p {



    font-size: 20px;



    color: #575756;



    line-height: 1;



    line-height: 1.67;



    max-width: 444px;







}


.help-affected .help-offers .carousel-indicators [data-bs-target] {
    margin-right: 3px;
    margin-left: 3px
}




.team-slider-wrap {



    position: relative;



}

.team-slider .slick-dots li button {
    opacity: .5
}

.team-slider .slick-dots li.slick-active button {
    opacity: 1
}

.team-slider .slick-dots li.slick-active button:before {
    opacity: 1
}





.our-team .prev {



    position: absolute;



    left: 83px;



    top: 50%;



    transform: translateY(-50%);



}







.our-team .next {



    position: absolute;



    right: -90px;



    top: 50%;



    transform: translateY(-50%);



}







.team-slider {



    margin-left: 147px;



}



.team-slider p {

    height: 90px;

}





.team-slider img {

    max-width: 288px;

    min-width: 288px;
    padding: 20px;

    transition: all 1s ease !important;

}



.team-slider .slick-current img {

    max-width: 360px;

    min-width: 360px;

    transition: all 1s ease !important;

}





/* Give a slight delay for the first image */

.team-slider.slick-initialized .slick-current img {

    transition: max-width 1s ease, min-width 1s ease 0.2s;

    /* Slight delay */

}







.team-slider h5 {



    color: #48c0d5;



    font-size: 40px;



    font-family: "JungleMan";



    margin-bottom: 6px;



}







.team-slider .slick-track {



    display: flex;



    align-items: center;

    margin-left: -33.5%;





}



.team-slider .team-slider-text {

    height: 144px;



}



.team-slider .slick-current .team-slider-text {

    width: 360px;

}



.team-slider .slick-current.slick-active h5 {



    font-size: 45px;



    color: #E32488;







}







.team-slider .slider-item {



    text-align: center;



    display: flex;



    min-height: 470px;



    flex-direction: column;



    justify-content: center;
    align-items: center;



}







.team-slider p {



    display: none;



}







.team-slider .slick-current.slick-active p {



    display: block;



}













.team-slider .slick-current img {



    max-width: 330px;



    min-width: 330px;

    transition: all 1s ease;

}







.team-slider .slick-dots {



    bottom: -32px;



}







.team-slider .slick-dots li.slick-active button:before {



    background-color: #ea89a8;

    border: 1px solid #E32488;



}







.team-slider .slick-dots li {







    margin: 0 20px;



}


.visit-insta .slick-dots li {

    margin: 0 7px;
}






.advice-banner h1::after {



    content: none;



}







.advice-banner .banner-img {



    position: absolute;



    right: 18%;



    top: 90px;







}







.advice-banner h1 {



    line-height: 1.08;



    max-width: 976px;



    font-size: 90px;



}







.advice-banner {



    padding-block: 82px 124px;







}













.help-affected .help-offers h2 {



    font-size: 60px;



    color: #E32488;



    font-weight: 500;



    line-height: 1;



    margin-bottom: 60px;



}







.help-affected .help-offers {



    padding-block: 42px 278px;



    position: relative;



}







.help-affected .help-offers::before {



    content: "";



    background: url(../img/help-effected-before.png) no-repeat center / contain;



    position: absolute;



    left: 0;



    bottom: 40px;



    width: 333px;



    height: 289px;



    z-index: -1;


    display: none;

}







.help-affected .help-offers .subtext {



    font-size: 40px;



    color: #48c0d5;



    font-weight: 400;



    line-height: 1;



    font-family: "JungleMan";



    margin-bottom: 28px;



    display: block;



    max-width: 612px;



}







.help-affected p {



    font-size: 20px;






    color: #4e4e4e;







}







.help-affected .help-offers p {



    line-height: 1.5;



}







.help-affected .help-offer-img {



    position: absolute;



    width: 547px;



    height: 498px;







    right: 12%;



    top: -210px;



}







.help-offers #carouseltwo.round-carousal .carousel-indicators button.active {



    background-color: #ffc9dd;



    border: 1px solid #ea89a8;



}







.help-offers #carouseltwo {



    margin-top: 211px;



    margin-left: 24px;



}







.help-offers #carouseltwo.round-carousal .carousel-indicators {



    bottom: -32px;

    left: 143px;

    rotate: 355deg;



}







.help-offers #carouseltwo.round-carousal .carousel-indicators :nth-child(4) {



    margin-top: 8px;



}







.help-offers #carouseltwo.round-carousal .carousel-indicators :nth-child(3) {



    margin-top: 32px;



}







.help-offers #carouseltwo.round-carousal .carousel-indicators :nth-child(2) {



    margin-top: 42px;



}







.help-offers #carouseltwo.round-carousal .carousel-indicators :nth-child(1) {

    margin-top: 45px;



}







.help-affected #carouseltwo.carousel-fade .carousel-item {



    margin-top: 0;



}







.help-affected::before {



    content: "";



    background: url("../img/help-affected.png") top no-repeat;



    height: 100%;



    width: 100%;



    position: absolute;



    z-index: -1;



    top: 38px;


    display: none;

}







.how-we-help {



    position: relative;



    margin-bottom: 280px;



}







/* .how-we-help .hwh-type {



    background: url("../img/help-type.png") no-repeat;



    width: 570px;



    padding: 29px 31px 42px 29px;



    margin-top: -113px;



    margin-bottom: 0;



    max-height: 111px







} */



.how-we-help .hwh-type .nav-link {



    background: url(../img/help-type.png) no-repeat;



    width: 570px;



    padding: 29px 31px 42px 29px !important;



    margin-top: -113px;



    margin-bottom: 0;



    max-height: 111px;

    overflow: hidden;

    position: relative;


    box-shadow: 10px 10px 20px rgba(0, 0, 0, .15);
    border-radius: 28px 28px 0 0;



}

.help-affected .nav-tabs .nav-link.active {
    border-radius: 28px;

}



.how-we-help .hwh-type .nav-link::after {
    flex-shrink: 0;

    margin-left: auto;
    content: "";
    background-repeat: no-repeat;
    background-size: 1.25rem;
    transition: transform .2s ease-in-out;

    width: 20px;
    height: 10px;
    background-image: url(../img/down-icon.svg);

    display: block;
    position: absolute;
    top: 45px;
    right: 31px;
}





.how-we-help .hwh-type:nth-child(2) .nav-link {



    background: url(../img/hype-type2.png);



}







.how-we-help .hwh-type .nav-link.active {



    max-height: 481px;



}

.how-we-help .hwh-type .nav-link.active::after {

    transform: rotate(-180deg);
}


.how-we-help #nav-offentlichkeit .service-nav .nav-case-items .nav-case-item:nth-child(3) .carousel-fade .carousel-item {

    margin-top: 0;

}



#umfeld .hwh-items:nth-child(1) .hwh-img {



    margin-left: -58px;



    margin-top: -20px;



}



.how-we-help #nav-krankenkassen .service-nav h4 {

    margin-bottom: 16px;

}



.how-we-help #nav-krankenkassen .service-nav span {

    font-family: "JungleMan";

    font-size: 40px;

    color: #7D0E86;

    line-height: 1;

    margin-bottom: 30px;

    display: block;



}



#nav-Pflegedienste .round-carousal .carousel-indicators button.active {



    background: #b5e2f8 !important;

    border: 1px solid #50c2f0 !important;

}





.how-we-help #nav-Pflegedienste .service-nav .nav-case-items .nav-case-item:nth-child(5) h6,

.how-we-help #nav-Pflegedienste .service-nav .nav-case-items .nav-case-item:nth-child(6) h6,

.how-we-help #nav-Pflegedienste .service-nav .nav-case-items .nav-case-item:nth-child(8) h6 {

    color: #48C0D5 !important;

}



.tab-content #nav-Pflegedienste .service-nav .nav-case-card {

    background-color: #1da4e4 !important
}

.how-we-help #nav-Pflegedienste .service-nav ul li p::before {

    background-color: #b5e2f8 !important;
    border: 1px solid #50c2f0;


}



#umfeld #nav-Pflegedienste .service-nav h4,

.how-we-help #nav-Pflegedienste .service-nav .nav-case-items .nav-case-item:nth-child(4).nC-card h6,

.how-we-help,

.how-we-help #umfeld #nav-Pflegedienste .service-nav .nav-case-heading h5 {

    color: #1da4e4 !important;

}



#umfeld .hwh-items:nth-child(1) .hwh-usp {



    background: linear-gradient(to bottom right, transparent 0%, #ffffff 15%, #d8eaf2 100%) !important;



    color: #1da4e4 !important;



}







#umfeld .hwh-items:nth-child(1) .hwh-img::after {



    background: url(../img/u-hwh-img-1-bg.png.png) no-repeat;



    right: -125px;



    top: -125px;



}







#umfeld .hwh-items:nth-child(2) .hwh-img::after {



    background: url(../img/u-hwh-img-2-bg.png.png) no-repeat;



    right: -36px;



    top: -96px;



}







#umfeld .hwh-items:nth-child(2) .hwh-img {



    margin-left: -97px;



    position: absolute;



    top: 91px;



}







#umfeld .hwh-items:nth-child(2) .hwh-usp {



    background: linear-gradient(to bottom right, transparent 0%, #ffffff 15%, #D1C0DC 100%) !important;



    color: #9E70A5;



    right: 50px;







}







#umfeld .hwh-items:nth-child(3) .hwh-img::after {



    content: "";



    position: absolute;



    background: url(../img/umfeld-help-type3-bg.png) no-repeat center / contain;



    width: 550px;



    height: 621px;



    right: -45px;



    top: -27px;



    z-index: -1;



}







#umfeld .hwh-items:nth-child(2) .hwh-usp:nth-child(3) {



    background: linear-gradient(to bottom right, transparent 0%, #ffffff 15%, #d8eaf2 100%) !important;



    top: 320px;



    width: 238px;



    height: 238px;



    color: #81CADA;



    position: absolute;



    bottom: -100px;



    right: 0;



}







.how-we-help #nav-Pflegedienste .service-nav .nav-case-items .nav-case-item:nth-child(1) {



    top: 76px;

    right: 48px;

}







.how-we-help #nav-Pflegedienste .service-nav .nav-case-items .nav-case-item:nth-child(2) {



    top: 574px;

    right: 393px;









}







.how-we-help #nav-Pflegedienste .service-nav .nav-case-items .nav-case-item:nth-child(5) {

    bottom: 308px;

    right: 419px;

    width: 163px;

    height: 163px;

    top: initial;



}







.how-we-help #nav-Pflegedienste .service-nav .nav-case-items .nav-case-item:nth-child(6) {



    bottom: 255px;

    right: 122px;



    left: initial;



    width: 229px;



    height: 229px;







}







.how-we-help #nav-Pflegedienste .service-nav .nav-case-items .nav-case-item:nth-child(7) {



    bottom: 52px;



    top: initial;



    right: 504px;



    left: initial;



    width: 229px;



    height: 229px;



}







.how-we-help #nav-Pflegedienste .service-nav .nav-case-items .nav-case-item:nth-child(8) {



    bottom: 83px;

    top: initial;

    left: initial;

    right: 964px;

    width: 229px;

    height: 229px;



}







.how-we-help #nav-Pflegedienste .service-nav .nav-case-heading {



    padding-bottom: 100px;







}







.how-we-help #nav-Pflegedienste .service-nav .nav-case-items .nav-case-item:nth-child(3) {

    bottom: 578px;

    top: initial;

    right: 61px;

}







.how-we-help #nav-Pflegedienste .service-nav .nav-case-items .nav-case-item.nC-card {

    background: linear-gradient(to bottom right, transparent 0%, #ffffff 15%, #d8eaf2 100%) !important;







    padding: 13px;







}







.how-we-help #nav-krankenkassen .service-nav .nav-case-items .nav-case-item:nth-child(4).nC-card,

.how-we-help #nav-krankenkassen .service-nav .nav-case-items .nav-case-item:nth-child(11).nC-card,

.how-we-help #nav-krankenkassen .service-nav .nav-case-items .nav-case-item:nth-child(5).nC-card,

.how-we-help #nav-krankenkassen .service-nav .nav-case-items .nav-case-item:nth-child(8).nC-card {

    background: linear-gradient(to bottom right, transparent 0%, #ffffff 15%, #d8eaf2 100%) !important;

}



.how-we-help #nav-Pflegedienste .service-nav .nav-case-items .nav-case-item.nC-card h6 {



    color: #50C2F0;



}







.how-we-help #nav-Pflegedienste .service-nav .nav-case-items .nav-case-item:nth-child(4) {



    bottom: 993px;

    right: 12px;

    left: initial;

}







.how-we-help .hwh-type h3 {



    font-size: 54px;



    font-family: "JungleMan";



    margin-bottom: 79px;



    text-align: left;



}







.how-we-help .hwh-type p {



    font-size: 24px;



    font-weight: 400;



    color: #FFFFFF;



    line-height: 1.5;



    text-align: left;



}







.how-we-help .hwh-type p {



    font-size: 24px;



    color: #ffffff;



    line-height: 1.5;







}















.hwh-types {



    display: flex;



    justify-content: space-between;



}















.help-affected .how-we-help .bg-box {



    width: calc(100% - (50% - 41rem + 2rem + 25px));





}







.help-affected .nav-tabs .nav-link.active {







    color: #E32488;



}







.help-affected .nav-tabs .nav-link {



    font-size: 22px;



    line-height: 1;



    color: #5E5E5D;



    border: 0;



    padding: 0;







    font-weight: 700;







}







.help-affected .nav-tabs {



    gap: 19px;



    border: 0;



    margin-bottom: 138px;



}







.how-we-help .tab-content .service-nav h5 {



    font-family: "JungleMan";



    font-size: 55px;



    color: #48c0d5;



    line-height: 1;



    margin-bottom: 40px;



}







.how-we-help #nav-sozialberatung .service-nav .nav-case-heading p:last-of-type,



.how-we-help #nav-familientherapie .service-nav .nav-case-heading p:last-of-type {



    max-width: 86%;







}



.how-we-help #nav-familientherapie .service-nav .nav-case-heading .nav-list {







    max-width: 716px;



}







.how-we-help #nav-sozialberatung .service-nav .nav-case-heading,



.how-we-help #nav-familientherapie .service-nav .nav-case-heading {



    padding-bottom: 0;



}







.how-we-help #nav-sozialberatung .service-nav .nav-case-items .nav-case-item:nth-child(1) {



    top: -57px;

    right: 145px;

}







.how-we-help #nav-sozialberatung .service-nav .nav-case-items .nav-case-item:nth-child(3) .nav-case-carousel {



    width: 509px;



}







.how-we-help #nav-sozialberatung .service-nav .nav-case-items .nav-case-item:nth-child(3) {

    top: 388px;

    right: 21px;

}







.how-we-help #nav-sozialberatung .service-nav .nav-case-items .nav-case-item:nth-child(3) .nav-case-carousel .round-carousal .carousel-indicators {



    left: -297px;



    /* right: 0; */



    top: 301px;



}



.how-we-help #nav-sozialberatung .service-nav .nav-case-items .nav-case-item:nth-child(3) .nav-case-carousel .round-carousal .carousel-indicators button.active {

    background-color: #c9b6ce;

    border: 1px solid #9e70a5;
}



.how-we-help #nav-sozialberatung .service-nav .nav-case-items .nav-case-item:nth-child(2) img {



    width: 422px;



}







.how-we-help #nav-sozialberatung .service-nav .nav-case-items .nav-case-item:nth-child(2) {



    bottom: 571px;

    right: -21px;

    top: initial;

}



.how-we-help #nav-sozialberatung .service-nav .nav-case-items .nav-case-item:nth-child(4) {

    bottom: 260px;

    right: 161px !important;

    top: initial !important;

}





.how-we-help .tab-content .service-nav ul li h6 {

    font-size: 40px;

    font-family: "JungleMan";

    font-weight: 400;

    color: #9e70a5;

    line-height: 1;

}



.how-we-help .tab-content .service-nav ul li p {

    max-width: 83% !important;

    position: relative;

    padding-left: 45px;

    margin-bottom: 35px !important;

}



.how-we-help .tab-content .service-nav ul li p::before {

    content: "";

    position: absolute;

    width: 12px;

    height: 12px;

    background-color: #c9b6ce;

    border: 1px solid #9e70a5;

    border-radius: 50%;

    left: 18px;

    top: 8px;

}


.how-we-help .tab-content #nav-ernahrungsberatung .service-nav ul li p::before {

    top: 12px;
}




.how-we-help #nav-familientherapie .service-nav .nav-case-items .nav-case-item:nth-child(3) .nav-case-carousel {



    width: 500px;

    height: 500px;



}







.how-we-help .tab-content .service-nav .nav-case-items .nav-case-item:nth-child(3) .nav-case-carousel .round-carousal .carousel-indicators {



    bottom: 0;



}







.how-we-help #nav-familientherapie .service-nav .nav-case-items .nav-case-item:nth-child(2) {



    bottom: 334px;

    right: 126px;

    top: initial;


    img {



        width: 424px;



    }



}







.how-we-help #nav-familientherapie .service-nav .nav-case-items .nav-case-item:nth-child(4) {



    bottom: 703px;

    right: 364px;

    left: initial;

    top: initial;



}







.how-we-help #nav-familientherapie .service-nav .nav-case-items .nav-case-item:nth-child(5) {



    bottom: 253px;

    right: 15px;



}







.how-we-help #nav-familientherapie .service-nav .nav-case-items .nav-case-item.nC-card {



    background: linear-gradient(to bottom right, transparent 0%, #DEEDF3 100%) !important;







    h6 {



        color: #81CADA;



    }



}







.how-we-help #nav-familientherapie .service-nav .nav-case-items .nav-case-item:nth-child(1) {



    top: -81px;

    right: 128px;



}







.how-we-help #nav-familientherapie .service-nav .nav-case-items .nav-case-item:nth-child(3) {

    top: 436px;

    right: 21px;

}







.how-we-help .tab-content .service-nav .nav-case-heading {



    max-width: 842px;



}







.how-we-help #umfeld .service-nav .nav-case-heading {



    max-width: 100%;



}







.how-we-help #umfeld .service-nav .nav-case-heading h5 {



    max-width: 65%;



}







.how-we-help #nav-Kita .service-nav .nav-case-heading {



    padding-bottom: 260px;



}







#nav-offentlichkeit .service-nav .nav-case-items .nav-case-item:nth-child(1) {

    top: 75px;

    right: 71px;

}







.how-we-help #nav-offentlichkeit .service-nav .nav-case-items .nav-case-item:nth-child(3) {



    width: 608px;

    top: 596px;

    right: 100px;

}







.how-we-help #nav-offentlichkeit .service-nav .nav-case-items .nav-case-item:nth-child(5) {



    bottom: 334px;



    top: initial;



    width: 243px;



    height: 243px;

    right: 60px;



}







.how-we-help #nav-offentlichkeit .service-nav .nav-case-items .nav-case-item:nth-child(5).nC-card,



.how-we-help .tab-content .service-nav .nav-case-items .nav-case-item:nth-child(6).nC-card,



#nav-offentlichkeit .service-nav .nav-case-items .nav-case-item:nth-child(8).nC-card {



    background: linear-gradient(to bottom right, transparent 0%, #ffffff 15%, #d8eaf2 100%) !important;



}







.how-we-help #nav-offentlichkeit .service-nav .nav-case-items .nav-case-item:nth-child(5).nC-card h6,



.how-we-help .tab-content .service-nav .nav-case-items .nav-case-item:nth-child(6).nC-card h6,



#nav-offentlichkeit .service-nav .nav-case-items .nav-case-item:nth-child(8).nC-card h6 {



    color: #81CADA;







}







#nav-offentlichkeit .service-nav .nav-case-items .nav-case-item:nth-child(6) {







    bottom: 503px;



    top: initial;



    right: 403px;



    left: initial;







}







#nav-offentlichkeit .service-nav .nav-case-items .nav-case-item:nth-child(7) {



    bottom: 212px;



    top: initial;



    right: 409px;



    width: 215px;



    height: 215px;



}







#nav-offentlichkeit .service-nav .nav-case-items .nav-case-item:nth-child(8) {



    bottom: 51px;



    top: initial;



    /* left: 769px; */



    width: 199px;



    right: 680px;



    height: 199px;



}







#nav-offentlichkeit .service-nav .nav-case-heading {



    padding-bottom: 259px;



}







.how-we-help #nav-offentlichkeit .service-nav .nav-case-items .nav-case-item:nth-child(3) .carousel-indicators {



    transform: rotate(291deg);



    right: -26px;



    left: initial;



    bottom: 34px;



}







.how-we-help #nav-offentlichkeit .service-nav .nav-case-items .nav-case-item:nth-child(3) .carousel-indicators button.active {



    background-color: #FFC9DD;



    border: 1px solid #E32488;



}







#nav-offentlichkeit .service-nav .nav-case-items .nav-case-item:nth-child(2) {



    bottom: 85px;

    right: 805px;

    top: initial;



}







#nav-offentlichkeit .service-nav .nav-case-items .nav-case-item:nth-child(2) img {



    width: 397px;



}



.tab-indicator {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #1da4e4;
    /* light blue */
    padding: 6px 20px;
    border-radius: 0;
    color: white;
    font-weight: bold;
    margin-top: 20px;
    position: absolute;
    z-index: 1;
    bottom: -20px;

}

.kindler .tab-indicator {
    background: #48c0d5;
}

.tab-btn {
    display: flex;
    align-items: center
}

.tab-btn span {

    padding-inline: 5px;
}

.tab-btn {
    background: transparent;
    border: none;
    color: white;
    font-size: 16px;
    cursor: pointer;
}

.tab-btn:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}





.how-we-help #nav-offentlichkeit .service-nav .nav-case-card {



    background: #E32488;



}







#nav-offentlichkeit .service-nav .nav-case-items .nav-case-item:nth-child(4) {



    top: 600px;

    right: 13px;

    left: initial;

}







#nav-offentlichkeit .nav-case-heading h5,



#nav-offentlichkeit .nav-case-heading h4 {



    color: #E32488;







}







.how-we-help #nav-offentlichkeit .service-nav ul li p::before {



    background-color: #ffc9dd;



}







.how-we-help #umfeld .service-nav .nav-list {



    max-width: 725px;



}







.how-we-help #nav-Pflegedienste .service-nav ul li p::before {



    background-color: #50C2F0;



    border: 1px solid #1DA4E4;







}







.how-we-help #nav-krankenkassen .service-nav h4,



.how-we-help #nav-krankenkassen .service-nav h5 {



    color: #7D0E86;



}







.how-we-help #nav-krankenkassen .service-nav .nav-case-items .nav-case-item:nth-child(1) {



    top: 101px;

    right: 118px;



    z-index: -1;



}







.how-we-help #nav-krankenkassen .service-nav .nav-case-items .nav-case-item:nth-child(2) {



    top: 623px;

    right: 87px;



}







.how-we-help #nav-krankenkassen .service-nav .nav-case-items .nav-case-item:nth-child(2) img {



    width: 509px;



}







.how-we-help #nav-krankenkassen .service-nav .nav-case-items .nav-case-item:nth-child(3) {



    bottom: 516px;

    right: 335px;

}







.how-we-help #nav-krankenkassen .service-nav .nav-case-items .nav-case-item:nth-child(4) {



    top: 564px;

    width: 133px;

    height: 133px;

    right: 44px;

    left: initial;

}







.how-we-help #nav-krankenkassen .service-nav .nav-case-items .nav-case-item:nth-child(4).nC-card,



.how-we-help #nav-krankenkassen .service-nav .nav-case-items .nav-case-item:nth-child(11).nC-card,



.how-we-help #nav-krankenkassen .service-nav .nav-case-items .nav-case-item:nth-child(5).nC-card,



.how-we-help #nav-krankenkassen .service-nav .nav-case-items .nav-case-item:nth-child(8).nC-card {



    background: linear-gradient(to right, #d8eaf2 0%, rgba(222, 237, 243, 0) 100%) !important;



}







.how-we-help #nav-Kita .service-nav h4,



.how-we-help #nav-Kita .service-nav h5 {



    color: #F29447;



}







.how-we-help #nav-Kita .service-nav ul li p::before {



    background: #f7d8bb;



    border: 1px solid #f7b87b;



}







.how-we-help #nav-Kita .service-nav .nav-case-items .nav-case-item:nth-child(1) {



    top: -17px;

    right: 123px;







}







.how-we-help #nav-Kita .service-nav .nav-case-items .nav-case-item:nth-child(2) {



    top: 621px;

    right: 41px;



}







.how-we-help #nav-Kita .service-nav .nav-case-items .nav-case-item:nth-child(2) img {



    width: 435px;



}







.how-we-help #nav-Kita .service-nav .nav-case-items .nav-case-item:nth-child(3) {



    bottom: 275px;

    right: 102px;

}







.how-we-help #nav-Kita .service-nav .nav-case-items .nav-case-item:nth-child(4) {



    bottom: 337px;

    right: 41px;

    left: initial;

    width: 203px;

    height: 203px;

    top: initial;

}







.how-we-help #nav-Kita .service-nav .nav-case-items .nav-case-item:nth-child(4).nC-card,



.how-we-help #nav-Kita .service-nav .nav-case-items .nav-case-item:nth-child(6).nC-card {



    background: linear-gradient(to bottom right, transparent 0%, #ffffff 15%, #d8eaf2 100%) !important
}







.how-we-help #nav-Kita .service-nav .nav-case-items .nav-case-item:nth-child(4).nC-card h6,



.how-we-help #nav-Kita .service-nav .nav-case-items .nav-case-item:nth-child(6).nC-card h6 {



    color: #81CADA;



}







.how-we-help #nav-Kita .service-nav .nav-case-items .nav-case-item:nth-child(5) {



    top: initial;

    right: 458px;

    bottom: 60px;

    left: initial;

    width: 203px;

    height: 203px;



}







.how-we-help #nav-Kita .service-nav .nav-case-items .nav-case-item:nth-child(7) {



    top: initial;



    right: 924px;



    bottom: 123px;





    width: 271px;



    height: 271px;



}







.how-we-help #nav-Kita .service-nav .nav-case-items .nav-case-item:nth-child(5).nC-card,



.how-we-help #nav-Kita .service-nav .nav-case-items .nav-case-item:nth-child(7).nC-card {



    background: linear-gradient(to bottom right, transparent 0%, #ffffff 15%, #F6D4B5 100%) !important;



    padding: 11px;



}







.how-we-help #nav-Kita .service-nav .nav-case-items .nav-case-item:nth-child(5).nC-card h6,



.how-we-help #nav-Kita .service-nav .nav-case-items .nav-case-item:nth-child(7).nC-card h6 {



    color: #F7B87B;



}







.how-we-help #nav-Kita .service-nav .nav-case-card {



    background: #F29447;



}







.how-we-help #nav-Kita .service-nav .nav-case-items .nav-case-item:nth-child(6) {



    bottom: 242px;



    top: initial;

    right: 670px;





}







.how-we-help #nav-krankenkassen .service-nav .nav-case-items .nav-case-item:nth-child(4).nC-card h6,



.how-we-help #nav-krankenkassen .service-nav .nav-case-items .nav-case-item:nth-child(5).nC-card h6,



.how-we-help #nav-krankenkassen .service-nav .nav-case-items .nav-case-item:nth-child(8).nC-card h6,



.how-we-help #nav-krankenkassen .service-nav .nav-case-items .nav-case-item:nth-child(11).nC-card h6 {



    color: #81CADA;



}







.how-we-help #nav-krankenkassen .service-nav .nav-case-items .nav-case-item:nth-child(8) h6 {



    font-size: 33px;



}







.how-we-help #nav-krankenkassen .service-nav .nav-case-heading {



    padding-bottom: 481px;











}







.how-we-help #nav-krankenkassen .service-nav .nav-case-card {



    background: #7D0E86;



}







.how-we-help #nav-krankenkassen .service-nav .nav-case-items .nav-case-item:nth-child(9) {



    top: initial;



    bottom: 36px;

    right: 606px;

    width: 316px;

    height: 316px;

}







.how-we-help #nav-krankenkassen .service-nav .nav-case-items .nav-case-item:nth-child(9).nC-card,



.how-we-help #nav-krankenkassen .service-nav .nav-case-items .nav-case-item:nth-child(10).nC-card {



    background: linear-gradient(to right, #D1C0DC 0%, rgba(209, 192, 220, 0) 100%) !important;



}







.how-we-help #nav-krankenkassen .service-nav .nav-case-items .nav-case-item:nth-child(9).nC-card h6 {



    color: #9E70A5;



    font-size: 36px;



    max-width: 80%;



}







.how-we-help #nav-krankenkassen .service-nav .nav-case-items .nav-case-item:nth-child(10).nC-card h6 {



    font-size: 30px;



    color: #9E70A5;







}







.how-we-help #nav-krankenkassen .service-nav .nav-case-items .nav-case-item:nth-child(11) {

    bottom: 200px;

    left: 0;

    width: 184px;

    height: 184px;

    right: 971px;

}







.how-we-help #nav-krankenkassen .service-nav .nav-case-items .nav-case-item:nth-child(10) {

    top: initial;

    left: initial;

    width: 212px;

    height: 212px;

    bottom: 436px;

    right: 973px;

}





.how-we-help #nav-krankenkassen .service-nav .nav-case-items .nav-case-item:nth-child(5) {



    bottom: 515px;

    right: 106px;

    width: 207px;

    height: 207px;



}







.how-we-help #nav-krankenkassen .service-nav .nav-case-items .nav-case-item:nth-child(6) {

    bottom: 285px;

    right: 75px;

    left: initial;



}







.how-we-help #nav-krankenkassen .service-nav .nav-case-items .nav-case-item:nth-child(6) h6 {



    color: #9E70A5;



}







.how-we-help #nav-krankenkassen .service-nav .nav-case-items .nav-case-item:nth-child(7) {

    bottom: 308px;

    right: 352px;



    width: 203px;



    height: 203px;



}







.how-we-help #nav-krankenkassen .service-nav .nav-case-items .nav-case-item:nth-child(7).nC-card,



.how-we-help #nav-krankenkassen .service-nav .nav-case-items .nav-case-item:nth-child(6).nC-card {



    background: linear-gradient(to right, #D1C0DC 0%, rgba(209, 192, 220, 0) 100%) !important;



}







.how-we-help #nav-krankenkassen .service-nav .nav-case-items .nav-case-item:nth-child(7).nC-card h6 {



    color: #9E70A5;



    max-width: 83%;

    font-size: 31px;


}







.how-we-help #nav-krankenkassen .service-nav .nav-case-items .nav-case-item:nth-child(8) {



    bottom: 396px;

    width: 219px;

    height: 219px;

    left: initial;

    right: 648px;



}







.how-we-help .tab-content .service-nav .nav-case-heading p {



    max-width: 516px;



    line-height: 1.5;



    margin-bottom: 42px;



}







.how-we-help .tab-content .service-nav .nav-case-heading {



    padding-bottom: 913px;







}







.how-we-help .tab-content .service-nav .nav-case-items .nav-case-item {



    position: absolute;



}







.how-we-help .tab-content .service-nav .nav-case-items .nav-case-item:nth-child(1) {

    top: -37px;

    right: 113px;

    z-index: -1;



}







.how-we-help #nav-ernahrungsberatung .service-nav .nav-case-card {



    background: #E32488;



}



.how-we-help .tab-content .service-nav .nav-case-items .nav-case-item:nth-child(2) {

    top: -50px;

    right: 0;

}



.how-we-help .tab-content .service-nav .nav-case-items .nav-case-item:nth-child(2) img {

    width: 336px;

}



.how-we-help .tab-content .service-nav .nav-case-items .nav-case-item:nth-child(3) {

    bottom: 984px;

    right: 50px;

}



.how-we-help .tab-content .service-nav .nav-case-items .nav-case-item:nth-child(3) .nav-case-carousel {

    width: 450px;

    height: 450px;

}



.how-we-help .tab-content .service-nav .nav-case-items .nav-case-item:nth-child(3) .nav-case-carousel .carousel-fade .carousel-item {

    margin-top: 0;

}



.how-we-help .tab-content .service-nav .nav-case-items .nav-case-item:nth-child(3) .nav-case-carousel .round-carousal .carousel-indicators {

    transform: rotate(291deg);

    right: -5px;

    margin: 0;

    gap: 30px;

    bottom: 11px;

    left: inherit;

}



.how-we-help .tab-content .service-nav .nav-case-items .nav-case-item:nth-child(3) .nav-case-carousel .round-carousal .carousel-indicators :nth-child(4) {

    margin-top: 40px;

}









.how-we-help #nav-case .service-nav .nav-case-items .nav-case-item .round-carousal .carousel-indicators {



    transform: rotate(304deg);



    right: -43px;



    margin: 0;



    gap: 26px;



    bottom: 11px;



    left: inherit;









}





.how-we-help #nav-case .service-nav .nav-case-items .nav-case-item .round-carousal .carousel-indicators button:nth-child(2) {

    margin-top: 36px;

}



.how-we-help #nav-case .service-nav .nav-case-items .nav-case-item .round-carousal .carousel-indicators button:nth-child(3) {

    margin-top: 46px;

    ;



}









.how-we-help #nav-case .service-nav .nav-case-items .nav-case-item .round-carousal .carousel-indicators :nth-child(4) {



    margin-top: 40px;



}






.how-we-help #nav-sozialberatung .service-nav .nav-case-items .nav-case-item .round-carousal .carousel-indicators {



    transform: rotate(39deg);



    left: -45px !important;



    margin: 0;



    gap: 26px;



    bottom: 11px;



    right: inherit;



}







.how-we-help #nav-familientherapie .service-nav .nav-case-items .nav-case-item .round-carousal .carousel-indicators {



    transform: rotate(312deg);

    right: 23px;

    margin: 0;

    gap: 26px;

    bottom: -3px;

    left: inherit;

}



.how-we-help #nav-familientherapie .service-nav .nav-case-items .nav-case-item .round-carousal .carousel-indicators button.active {

    background-color: #e2ecac;

    border-color: #d1db6f;

}







.how-we-help #nav-familientherapie .service-nav .nav-case-items .nav-case-item .round-carousal .carousel-indicators button:nth-child(1) {

    margin-top: 8px;





}





.how-we-help #nav-familientherapie .service-nav .nav-case-items .nav-case-item .round-carousal .carousel-indicators button:nth-child(2) {

    margin-top: 34px;



}



.how-we-help #nav-familientherapie .service-nav .nav-case-items .nav-case-item .round-carousal .carousel-indicators button:nth-child(3) {

    margin-top: 33px;



}









.how-we-help .tab-content .service-nav .nav-case-items .nav-case-item:nth-child(4) {



    bottom: 627px;

    right: 691px;

}







.how-we-help .tab-content .service-nav .nav-case-items .nav-case-item:nth-child(5) {

    bottom: 409px;

    right: 53px;

}







.how-we-help .tab-content .service-nav .nav-case-items .nav-case-item:nth-child(6) {



    bottom: 105px;

    right: 502px;



}







.how-we-help .tab-content .service-nav #nav-case {



    padding-bottom: 34px;



}







.how-we-help #nav-sozialberatung .service-nav .nav-case-items .nav-case-item.nC-card {

    background: linear-gradient(to bottom right, transparent 0%, #eccfe2b0 100%);

    width: 330px;



    height: 330px;



    top: 1885px;



    right: 520px;



    left: initial;



    transform: rotate(348deg);







}



.how-we-help .tab-content .service-nav .nav-case-items .nav-case-item.nC-card {

    background: linear-gradient(to bottom right, transparent 0%, #ECCFE2 100%);



}



.how-we-help .tab-content .service-nav .nav-case-items .nav-case-item.nC-card {

    background: linear-gradient(to bottom right, transparent 0%, #fff 15%, #eccfe2 100%);

    width: 190px;

    height: 190px;

    border-radius: 50%;

    display: flex;

    justify-content: center;

    align-items: center;

    flex-direction: column;

    text-align: center;

    padding: 5px;

}



.how-we-help .tab-content .service-nav .nav-case-items .nav-case-item.nC-card h6 {

    font-size: 33px;

    font-family: "JungleMan";

    line-height: 1.1;

    font-weight: 400;

    color: #ea89a8;

    margin-top: 0 !important;

    margin-bottom: 0 !important;
}



.how-we-help .tab-content .service-nav .nav-case-items .nav-case-item.nC-card h5 {

    font-size: 45px;

    color: #e32488;

    max-width: 90%;

    margin-bottom: 0;

    line-height: 0.7;

}







.how-we-help .tab-content .service-nav .nav-case-items .nav-case-item:nth-child(7) {

    bottom: 779px;

    right: 486px;



}







.how-we-help #nav-sozialberatung .service-nav .nav-case-card {



    background: #7D0E86;



}







.how-we-help #nav-familientherapie .service-nav .nav-case-card {



    background: #A8C840;



}







.how-we-help #nav-sozialberatung .nav-case-heading h4,



.how-we-help #nav-sozialberatung .nav-case-heading h5 {



    color: #7D0E86;



}







.how-we-help #nav-familientherapie .nav-case-heading h4,



.how-we-help #nav-familientherapie .nav-case-heading h5,



.how-we-help #nav-familientherapie .service-nav ul li h6 {



    color: #D1DB6F;



}







.how-we-help #nav-familientherapie .service-nav ul li p::before {



    background-color: #e2ecac;



    border: 1px solid #d1db6f;



}







.how-we-help #nav-sozialberatung .service-nav .nav-case-items .nav-case-item.nC-card p {



    color: #E32488;



    max-width: 83%;



    font-size: 18px;

    line-height: 1.6;


}



.how-we-help #nav-sozialberatung .service-nav .nav-case-items .nav-case-item.nC-card p span {



    font-weight: 600;



}







.how-we-help .tab-content .service-nav .nav-case-items .nav-case-item:nth-child(8) {



    right: 16px;

    bottom: 246px;



    width: 157px;



    height: 157px;







    h6 {



        font-size: 28px;



    }



}







.how-we-help .tab-content .service-nav .nav-case-items .nav-case-item:nth-child(9) {



    bottom: 301px;

    right: 1025px;





    h6 {



        font-size: 30px;



    }



}







.how-we-help .tab-content .service-nav .nav-case-items .nav-case-item:nth-child(10) {



    bottom: 46px;

    right: 922px;

    width: 157px;



    height: 157px;



}







.how-we-help .tab-content .service-nav .nav-case-card {

    background: #48c0d5;

    border-radius: 20px;

    padding: 19px 55px 23px 24px;

    max-width: 400px;

    margin-left: auto;

    margin-right: 37px;

}



.how-we-help .tab-content .service-nav .nav-case-card h5 {

    font-size: 20px;

    line-height: 35px;

    color: #fff !important;

    margin-bottom: 35px;

    font-family: "Century Gothic Pro";

}



.how-we-help .tab-content .service-nav .nav-case-card p {

    font-size: 24px;

    color: #fff;

    line-height: 1.5;

    margin-bottom: 0;

}



.how-we-help .tab-content .service-nav .nav-case-card a {

    font-size: 24px;

    color: #fff;

    line-height: 1.5;

}







.how-we-help .tab-content .service-nav {



    padding-bottom: 34px;



}







.how-we-help .tab-content .service-nav h4 {



    font-family: "Lifehack";



    font-size: 60px;



    color: #48C0D5;



    line-height: 1.2;



    margin-bottom: 60px;



}







.hwh-items p {



    font-size: 20px;



    color: #4e4e4e;



    line-height: 1.47;



    max-width: 448px;



}







.hwh-items a {



    font-size: 20px;



    color: #48c0d5;



    line-height: 1.47;


    white-space: nowrap;


}







.hwh-img {



    position: relative;



    max-width: fit-content;

    z-index: 4;



}







.hwh-items:nth-child(1) {



    padding-bottom: 0;



}







.hwh-items:nth-child(2) {



    margin-top: -19px;



    padding-bottom: 35px;



}







#umfeld .hwh-items:nth-child(3) .hwh-img {



    margin-left: 0;



}







#umfeld .hwh-items:nth-child(3) .hwh-usp {



    bottom: 0;



    top: initial;



    right: 89px;



    background: linear-gradient(to bottom right, transparent 0%, #ffffff 15%, #F6D4B5 100%) !important;

    width: 178px;



    height: 178px;



    color: #F7B87B;











}







#umfeld .hwh-items:nth-child(4) .hwh-usp {



    width: 195px;



    height: 195px;



    right: 566px;



}








#umfeld .hwh-items:nth-child(4) .hwh-img {



    margin-top: -47px;



}







#umfeld .hwh-items:nth-child(3) {



    padding-bottom: 100px;



}







#umfeld .hwh-items:nth-child(3) h5,



#umfeld .hwh-items:nth-child(3) a {



    color: #F29447;



}











.hwh-items:nth-child(3) .hwh-img {



    margin-bottom: 24px;







    margin-left: -118px;







}







.hwh-items .hwh-img2 {



    position: absolute;



    right: -30px;



    bottom: -80px;

    z-index: 4;



}







.hwh-items .hwh-img2::after {



    content: "";



    position: absolute;



    width: 545px;



    height: 770px;



    right: -39px;



    top: -218px;



    z-index: -1;



    background: url(../img/hwh-img-5-bg.png) no-repeat center / contain;



}







.hwh-items:nth-child(1) .hwh-img::after {







    content: "";



    position: absolute;



    background: url(../img/hwh-img-1-bg.png) no-repeat center / contain;



    width: 545px;



    height: 770px;



    right: -150px;



    top: -195px;



    z-index: -1;


    pointer-events: none;

}















.hwh-items:nth-child(2) .row,



.hwh-items:nth-child(3) .row {



    align-items: end;



}







.hwh-items:nth-child(2) .hwh-img::after {







    content: "";



    position: absolute;



    background: url(../img/hwh-img-2-bg.png) no-repeat center / contain;



    width: 545px;



    height: 770px;



    right: -79px;



    top: -212px;



    z-index: -1;



    pointer-events: none;
}







.hwh-items:nth-child(3) .hwh-img::after {







    content: "";



    position: absolute;



    background: url(../img/hwh-img-3-bg.png) no-repeat center / contain;


    width: 550px;



    height: 621px;



    right: -45px;



    top: -27px;



    z-index: -1;



}







.hwh-items:nth-child(4) .hwh-img::after {







    content: "";



    position: absolute;



    background: url(../img/hwh-img-4-bg.png) no-repeat center / contain;



    width: 492px;



    height: 468px;



    right: -80px;



    top: 0;







    z-index: -1;



}







.hwh-items:nth-child(2) h5,



.hwh-items:nth-child(2) a {



    color: #751C8B;







}







.hwh-items:nth-child(2) h5 {



    margin-top: 95px;



}







.hwh-items:nth-child(3) h5,



.hwh-items:nth-child(3) a {



    color: #BFD427;



}







.hwh-items:nth-child(3) h5 {



    margin-top: 130px;



}







.hwh-items:nth-child(4) h5,



.hwh-items:nth-child(4) a {



    color: #E32488;



}







.hwh-items {



    position: relative;



    padding-bottom: 40px;



}







.hwh-items:nth-child(3) .hwh-usp,



.hwh-items:nth-child(2) .hwh-usp {



    background: linear-gradient(to bottom right, transparent 0%, #DEEDF3 100%) !important;



}







.hwh-items .hwh-usp {



    width: 190px;



    height: 190px;



    background: linear-gradient(to bottom right, transparent 0%, #eccfe2db 100%);



    border-radius: 100%;



    display: flex;



    justify-content: center;



    align-items: center;



    text-align: center;



    position: absolute;



    right: 46px;



    top: -40px;



    font-size: 36px;



    color: #EA89A8;



    font-family: "JungleMan";



    line-height: 1;







    padding: 10px;



}


#nav-home2 .hwh-items .hwh-usp {
    font-size: 31px;

    padding: 21px;
}






.hwh-items:nth-child(2) .hwh-usp {



    background: linear-gradient(to bottom right, #e3f2fd, #d0e3f0);



    color: #80BDD5;



    top: 0;



    right: 110px;



}







.hwh-items:nth-child(3) .hwh-usp {



    background: linear-gradient(to bottom right, #e3f2fd, #d0e3f0);



    color: #80BDD5;



    width: 277px;



    height: 277px;



    right: 193px;



    top: -45px;



}







.hwh-items:nth-child(3) {



    padding-bottom: 200px;



}







.hwh-items:nth-child(4) .hwh-img {



    margin-top: 43px;



}







.hwh-items:nth-child(4) .hwh-usp {







    width: 228px;



    height: 228px;



    top: calc(47% - 23px);



    right: 87px;



}







#nav-ernahrungsberatung .hwh-items:nth-child(1) .hwh-img {







    position: absolute;



    top: -169px;



    right: 34px;



}







#nav-ernahrungsberatung .hwh-items:nth-child(1) .hwh-img::after {



    content: none;



}







#nav-home .hwh-items h5,



#nav-home2 .hwh-items h5 {



    font-size: 55px;



    font-family: "JungleMan";



    line-height: 1;



    margin-bottom: 45px;



}







#nav-home .hwh-items:nth-child(1) h5,



.hwh-items:nth-child(1) a {



    color: #48C0D5;



}







#umfeld .hwh-items:nth-child(1) h5,



#umfeld .hwh-items:nth-child(1) a {



    color: #1da4e4;



}







#nav-ernahrungsberatung h5 {



    color: #E32488;



}



#nav-ernahrungsberatung .nav-list h6,



#nav-ernahrungsberatung .service-nav h4 {



    color: #E32488;



}







#nav-ernahrungsberatung .nav-case-heading h6 {



    margin-top: 35px !important;



}







.how-we-help #nav-ernahrungsberatung .service-nav .nav-case-heading {



    padding-bottom: 144px;



}







.how-we-help #nav-ernahrungsberatung .service-nav .nav-case-items .nav-case-item:nth-child(1) {



    top: -133px;

    right: 37px;



}







.how-we-help #nav-ernahrungsberatung .service-nav .nav-case-items .nav-case-item:nth-child(2) {

    top: 333px;

    right: -41px;



}



.how-we-help #nav-ernahrungsberatung .service-nav .nav-case-items .nav-case-item .carousel-fade .carousel-item {

    margin-top: 0px;

}





.how-we-help #nav-ernahrungsberatung .service-nav .nav-case-items .nav-case-item:nth-child(3) {

    bottom: 603px;

    right: 258px;



}







.how-we-help #nav-ernahrungsberatung .service-nav .nav-case-items .nav-case-item:nth-child(4) {

    bottom: 161px;

    right: 397px;

    width: 350px;


    left: initial;



}







.how-we-help #nav-ernahrungsberatung .service-nav .nav-case-items .nav-case-item:nth-child(5) {



    bottom: 787px;

    right: 80px;

}







.how-we-help #nav-ernahrungsberatung .service-nav .nav-case-items .nav-case-item:nth-child(6) {

    bottom: 528px;

    right: 121px;



    left: initial;



}







.how-we-help #nav-ernahrungsberatung .service-nav .nav-case-items .nav-case-item:nth-child(7) {

    bottom: 251px;

    right: 17px;



}







.how-we-help #nav-ernahrungsberatung .service-nav .nav-case-items .nav-case-item:nth-child(7).nC-card {



    width: 245px;



    height: 245px;









}







.how-we-help #nav-ernahrungsberatung .service-nav .nav-case-items .nav-case-item:nth-child(6).nC-card {



    background: linear-gradient(to left top, #d8eaf2 0%, rgba(222, 237, 243, 0) 100%);







}







.how-we-help #nav-ernahrungsberatung .service-nav .nav-case-items .nav-case-item:nth-child(6).nC-card h6,



.how-we-help #nav-ernahrungsberatung .service-nav .nav-case-items .nav-case-item:nth-child(7).nC-card h6,



.how-we-help #nav-ernahrungsberatung .service-nav .nav-case-items .nav-case-item:nth-child(9) h6 {



    color: #81CADA !important;







}







.how-we-help #nav-ernahrungsberatung .service-nav .nav-case-items .nav-case-item:nth-child(8) {

    bottom: 51px;

    top: initial;

    left: initial;

    right: 758px;



}







.how-we-help #nav-ernahrungsberatung .service-nav .nav-case-items .nav-case-item:nth-child(9) {



    top: initial;



    right: 1081px;



    bottom: 124px;



    width: 152px;



    background: linear-gradient(to bottom, transparent 0%, #DEEDF3 100%) !important;



    height: 152px;



}







#nav-ernahrungsberatung .round-carousal .carousel-indicators {



    transform: rotate(61deg);



    left: -43px;



    margin: 0;



    gap: 26px;



    bottom: 149px;



    right: inherit;



}







#nav-ernahrungsberatung .round-carousal .carousel-indicators :nth-child(3) {



    margin-top: 39px;



}







#nav-ernahrungsberatung .round-carousal .carousel-indicators :nth-child(4) {



    margin-top: 36px;



}







#nav-ernahrungsberatung .round-carousal .carousel-indicators button.active {



    background: #ffc9dd;



    border: 1px solid #ea89a8;



}







#nav-ernahrungsberatung h6:first-of-type {



    margin-top: 0;



}







.how-we-help #nav-ernahrungsberatung .service-nav ul li p::before {



    background-color: #ffc9dd;

    border: 1px solid #ea89a8;


}







.how-we-help #nav-ernahrungsberatung .service-nav ul li p {



    line-height: 1.75;



    margin-bottom: 0 !important;







}







#nav-ernahrungsberatung #carouselfive {



    width: 526px;



}







#nav-ernahrungsberatung .hwh-items:nth-child(2) {



    margin-top: 0;



    max-width: 650px;



}







#nav-ernahrungsberatung .hwh-items:nth-child(2) h5 {



    font-family: "JungleMan";



    font-size: 55px;



    color: #E32488;



    margin-bottom: 48px;



}







#nav-ernahrungsberatung .dk-offer h6 {



    font-family: "JungleMan";



    font-size: 40px;



    color: #EA89A8;



    margin-bottom: 25px;



    font-weight: 400;



}







#nav-ernahrungsberatung .dk-offer ul {



    padding-left: 17px;



    margin-bottom: 45px;



}







#nav-ernahrungsberatung .dk-offer li {



    position: relative;



    padding-left: 27px;



    margin-bottom: 20px;



    font-size: 20px;



    color: #4e4e4e;



}







#nav-ernahrungsberatung .dk-offer li::before {



    content: "";



    width: 12px;



    height: 12px;



    background: #ea89a8;



    border: 1px solid #E32488;



    position: absolute;



    left: 0;



    border-radius: 50%;



    top: 10px;







}







.help-affected .donation-info {



    padding: 238px 0 340px;



    position: relative;



}







.help-affected .donation-info::before {



    content: "";



    background: url(../img/donation-info-object.png) no-repeat center / contain;



    position: absolute;



    bottom: 0;



    width: 470px;



    height: 248px;



    left: 20%;

    display: none;


}







.info-card h6 {



    color: #ffffff;



    font-weight: 400;



    line-height: 38px;



    margin-bottom: 24px;



    font-size: 55px;



    font-family: "JungleMan";



}







.info-card {



    padding: 25px 22px 25px 30px;


    transition: transform 0.3s ease, box-shadow 0.3s ease;

    max-width: 380px;



    min-height: 690px;

    border-radius: 27px;





    display: flex;



    flex-direction: column;



    justify-content: space-between;



}

.info-card:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15);
}






.help-affected .info-card {



    min-height: 500px;



    max-width: 360px;

    transition: transform 0.3s ease, box-shadow 0.3s ease;

    will-change: transform;

    margin: auto;



    &:hover {

        transform: scale(1.05);

        box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15);

    }



}









.info-card .read-more {



    color: #fff;



    font-size: 20px;



    text-align: end;



    margin-top: 60px;



    margin-left: auto;



    display: block;





}







.info-card p {



    font-size: 16px;



    color: #ffffff;



    line-height: 1.5;

    height: 148px;

}








.info-card .card-icon {



    text-align: end;



}







.info-card .card-content span {



    font-family: "JungleMan";



    font-size: 40px;



    color: #fff;


    line-height: 1;
    height: 40px;
    display: block;
}


.info-card .card-content span.read-more {
    text-align: end;
    height: 1;
    font-size: 20px;
    color: #fff;
    height: auto;
    margin-top: 26px;
    display: block;
    font-family: "Century Gothic Pro";

}






.help-us {



    position: relative;



}







.help-us::before {



    background: url(../img/help-us-bg.png) top no-repeat;



}







.help-us .banner h1 {



    max-width: 100%;



    margin: auto;



    font-size: 90px;



    line-height: 1.4;







}







.help-us .banner h1::after {



    content: "";



    background: url(../img/help-us-after.png) no-repeat;



    width: 218px;



    height: 218px;



    position: absolute;



    z-index: 9;



    bottom: 19px;



    left: 183px;







}







.help-us .banner {



    padding-block: 99px;



}







.help-us .banner p {



    font-size: 60px;



}







.help-us .banner p::after {



    content: none;



}







.help-us .donation .your-donation {



    background: url(../img/your-donation-bg.png) no-repeat center / contain;



    border-radius: 100%;



    display: flex;



    text-align: center;



    align-items: center;



    height: 475px;



    width: 475px;



    position: absolute;



    top: -151px;



    right: 162px;











}







.help-us .donation {



    position: relative;



    padding-block: 42px 143px;



    overflow-x: clip;



}







.donation-content {



    display: flex;



    position: relative;



}







.help-us .donation .your-donation p {



    font-size: 45px;



    font-family: "JungleMan";



    color: #E32488;



    max-width: 365px;



    margin: auto;



    line-height: 1 !important;



    transform: rotate(352deg);







}







.help-us .donation .round-carousal .carousel-indicators button.active {



    background-color: #ffc9dd;



    border: 1px solid #ea89a8;



}







.help-us .donation .your-donation::before {



    position: absolute;



    content: "";



    background: url(../img/subtext-after.png) no-repeat;



    width: 200px;



    height: 200px;



    top: 0;



    right: -91px;



    transform: rotate(329deg);











}







.help-us .donation .round-carousal .carousel-indicators {

    transform: rotate(356deg);

    right: -392px;



    bottom: -11px;



}







.help-us .donation .round-carousal .carousel-indicators :nth-child(2) {



    margin-top: -2px;



}







.help-us .donation .round-carousal .carousel-indicators :nth-child(3) {



    margin-top: -27px;



}







.help-us .donation .your-donation::after {



    position: absolute;



    content: "";



    background: url(../img/about-heading.png) no-repeat;



    width: 200px;



    height: 200px;



    bottom: 7px;



    left: -13px;



    transform: rotate(266deg);







}







.help-us .donation .your-donation {}







.help-us .donation h2 {



    font-size: 60px;



    font-family: "Lifehack";



    color: #E32488;



    margin-bottom: 51px;



}







.help-us .donation span {



    color: #48c0d5;



    font-size: 40px;



    font-family: "JungleMan";



    margin-bottom: 33px;



    display: inline-block;



}







.help-us .donation p {



    font-size: 20px;



    line-height: 1.43;



    color: #4e4e4e;



    max-width: 693px;







}


.help-us .donation p a {

    font-size: 20px;
    color: #48c0d5;
    font-weight: bold
}




.help-us .carousel-fade .carousel-item {



    margin-top: 46px;







}







.help-us .donation-carousel {



    width: 590px;







    position: absolute;



    right: -108px;



    top: 140px
}







.big-impact {
    position: relative;
    overflow-x: clip;
    /* img{
        max-width: 464px;
        max-height: 464px;
   }
    */
}

.big-impact::before {
    content: "";
    position: absolute;
    bottom: 0;
    right: -12px;
    width: 378px;
    height: 288px;
    background: url(../img/SD-BI-object.png) no-repeat center / contain;
}

.big-impact .big-impact-content {
    display: flex;
    position: relative;
    padding-bottom: 724px;

}

.big-impact h3 {
    font-size: 55px;
    font-family: "JungleMan";
    color: #48c0d5;
    margin-bottom: 28px;
}

.big-impact p {
    font-size: 20px;
    color: #4e4e4e;
    line-height: 30px;
}

.big-impact .bIC-img.left {
    position: absolute;
    left: -274px;
}

.big-impact .bIC-img.right {
    position: absolute;
    right: -128px;
    bottom: 218px;
}

.big-impact .hwh-usps {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.big-impact .hwh-usp {
    width: 190px;
    height: 190px;
    background: linear-gradient(to bottom right, transparent 0%, #eccfe2 100%);
    border-radius: 100%;
    display: flex;
    align-items: center;
    text-align: center;
    position: absolute;
    padding: 10px;
    line-height: 1;
    flex-direction: column;
    justify-content: center;
}

.big-impact .hwh-usp h5 {
    font-size: 27px;
    font-family: "Lifehack";
    color: #e32488;
}

.big-impact .hwh-usp p {
    font-size: 25px;
    font-family: "JungleMan";
    color: #e32488;
    margin-bottom: 0;
}

.big-impact .hwh-usp:nth-child(1) {
    position: absolute;
    top: -235px;
    width: 168px;
    height: 168px;
    right: 205px;
}

.big-impact .hwh-usp:nth-child(2) {
    position: absolute;
    top: -134px;
    width: 234px;
    height: 234px;
    right: -40px;
    background: linear-gradient(to bottom right, transparent 0%, #deedf3 100%);
    color: #48C0D5;
}

.big-impact .hwh-usp:nth-child(2) p {
    color: #48C0D5;
}

.big-impact .hwh-usp:nth-child(2) h5 {
    color: #48C0D5;
}

.big-impact .hwh-usp:nth-child(3) {
    top: 42px;
    width: 219px;
    height: 219px;
    right: 678px;
    background: linear-gradient(to bottom right, transparent 0%, #deedf3 100%);
    color: #48C0D5;
}

.big-impact .hwh-usp:nth-child(3) p {
    color: #48C0D5;
}

.big-impact .hwh-usp:nth-child(3) h5 {
    color: #48C0D5;
}

.big-impact .hwh-usp:nth-child(4) {
    top: 45px;
    width: 212px;
    height: 212px;
    left: 654px;
}

.big-impact .hwh-usp:nth-child(5) {
    top: 327px;
    width: 205px;
    height: 205px;
    margin-left: 30px;
    left: 320px;
}

.big-impact .hwh-usp:nth-child(6) {
    top: 298px;
    width: 255px;
    height: 255px;
    right: 309px;
    background: linear-gradient(to bottom right, transparent 0%, #deedf3 100%);
    color: #48C0D5;
    margin-right: 10px;
}

.big-impact .hwh-usp:nth-child(6) p {
    color: #48C0D5;
}

.big-impact .hwh-usp:nth-child(6) h5 {
    color: #48C0D5;
}





.our-club .about-banner h1::after {



    left: -75px;



    bottom: -52px;



}







.our-club .about-banner p::after {







    bottom: -54px;



    right: 298px;



    transform: rotateY(180deg);



    rotate: 178deg;







}







.our-club .dermakids-v #carouseltwo {



    top: 0;



    margin-left: 0;



    margin-top: 0;



}







.our-club .dermakids-v .theme-btn {



    padding-inline: 121px;



    margin-top: 83px;



}







.association-img {



    position: absolute;



    right: 443px;



    bottom: 83px;



}







.our-club .dermakids-v {



    position: relative;



    padding-block: 42px 390px;



    overflow: hidden;

    background: url(../img/unsere-verein-dermakids-bg.webp) no-repeat center / cover;


}

.our-club .dermakids-v::before {
    content: "";
    width: 754px;
    height: 289px;
    background: url(../img/our-club-object.svg) no-repeat center / cover;
    position: absolute;
    left: 0;
    bottom: 0;
    pointer-events: none;
}













.our-club .dermakids-v .round-carousal .carousel-indicators :nth-child(4) {



    margin-top: 48px;



}







.our-club .dermakids-v #carouseltwo .carousel-indicators {



    left: -166px;



    bottom: -65px;



}







.our-club .dermakids-v #carouseltwo.round-carousal .carousel-indicators :nth-child(2) {



    margin-top: 36px;



}







.our-club .dermakids-v #carouseltwo.round-carousal .carousel-indicators :nth-child(3) {



    margin-top: 48px;



}







.our-club .dermakids-v p {



    line-height: 1.67;



    max-width: 690px;



}







#unser-verein.our-club .dermakids-v p {



    line-height: 1.5;



}







.our-club .customers-testimonial {



    margin-bottom: 220px;



}







.our-club .approach {



    background: url(../img/approach-bg.png) no-repeat;



    padding-block: 52px 42px;



    background-size: cover;



}







.help-us .testimonial {



    position: relative;



}







.help-us .testimonial-img {



    position: absolute;



    right: 45px;



    bottom: -117px;











}







.help-us .customers-testimonial .testimonial-content-wrap p {



    margin-bottom: 75px;



}







.help-us .testimonial-content {



    min-height: 245px;






}







.donation-option .dO-items {



    display: flex;



    gap: 20px;



    flex-wrap: wrap;



}







.donation-option .dO-item h6 {



    font-size: 40px;



    font-family: 'JungleMan';



    font-weight: 400;



    color: #fff;



    margin-bottom: 25px;



    line-height: 1;



}







.donation-option p {



    font-size: 20px;



    color: #fff;



    line-height: 1.4;



    margin-bottom: 69px;



}







.dO-item {



    padding: 66px 21px 38px 21px;
    position: relative;







}














.donation-option .dO-items .dO-item-icons {



    display: flex;



    gap: 30px;



}







.dO-item:nth-child(3) {



    padding: 66px 0 46px 21px;



}







.dO-item:nth-child(3) p,



.dO-item:nth-child(5) p,



.dO-item:nth-child(4) p {



    margin-bottom: 0;



}







.donation-option .dO-item-icons p {



    font-size: 35px;



    font-family: "JungleMan";



    font-weight: 400;



    margin-bottom: 0 !important;



}







.donation-option .dO-item:nth-child(2) .dO-item-icons,



.donation-option .dO-item:nth-child(6) .dO-item-icons {



    justify-content: end;



    align-items: flex-end;







    gap: 38px;



}







.donation-option .dO-item:nth-child(2) p {



    margin-bottom: 57px;
    transition: 0.3s ease-in;



}

.donation-option .dO-item:nth-child(2) p:hover {
    color: #E32488;
    font-weight: bold;
}






.donation-option .dO-item:nth-child(2) {



    padding-bottom: 23px;



}







.donation-option .dO-item:nth-child(2) .dO-item-icon img {



    width: 68px;



    height: 58px;



}







.donation-option .dO-item:nth-child(6) .dO-item-icon img {



    width: 60px;



    height: 61px;

    position: absolute;
    bottom: 30px;
    right: 34px;



}







.donation-option .dO-item:nth-child(5),



.donation-option .dO-item:nth-child(6) {



    padding-top: 30px;



}







.donation-option .dO-item {



    border-radius: 20px;



}







.donation-option .dO-item:nth-child(1) {



    background: url("../img/dO-item-bg.png") no-repeat;



    max-width: 470px;



}







.donation-option .dO-item:nth-child(2) {



    background: url("../img/dO-item2-bg.png") no-repeat;



    max-width: 400px;



}







.donation-option .dO-item:nth-child(4) {



    background: url("../img/dO-item3-bg.png") no-repeat;



    max-width: 290px;



    padding-bottom: 26px;



}






.donation-option .dO-item:nth-child(5) {



    background: url("../img/dO-item4-bg.png") no-repeat;



    max-width: 470px;



}







.donation-option .dO-item:nth-child(6) {



    background: url("../img/dO-item5-bg.png") no-repeat;



    max-width: 710px;



    padding-bottom: 16px;



}












.donation-option h4 {



    font-size: 60px;
    text-align: center;



    font-family: "Lifehack";



    color: #E32488;



    line-height: 1;



    margin-bottom: 55px;




}







.donation-option {


    overflow-x: clip;

    padding-block: 215px 209px;
    position: relative;


}

.other-donation-options {

    transition: 0.3s ease-in;
}

.other-donation-options:hover {

    color: #48c0d5;
    font-weight: 600;
}

.donation-option::before {
    content: "";
    position: absolute;
    background: url(../img/donation-option-before.webp) no-repeat;
    width: 580px;
    height: 580px;
    top: -45px;
    transform: rotate(343deg);
    left: 86px;
    background-size: cover;
}














.dk-book {



    position: relative;



    padding-block: 73px 99px;



    ;



    margin-bottom: 240px;



}







.dk-book::before {



    position: absolute;



    content: "";



    background: url("../img/book-img1.png") no-repeat;



    width: 556px;



    height: 100%;



    top: 0;







}







.dk-book .dk-book-content {



    display: flex;



}







.dk-book .dk-book-content .dk-book-text {



    max-width: 448px;



}

.dk-book-content p a {

    font-size: 20px;
    color: #48c0d5;
    font-weight: bold;
}







.dk-book h3 {



    font-size: 60px;



    font-family: "Lifehack";



    color: #E32488;



    line-height: 1;



    margin-bottom: 42px;



}







.dk-book .subtext {



    font-size: 40px;



    color: #48c0d5;



    font-family: "JungleMan";



    margin-bottom: 28px;



    display: block;



}







.dk-book p {



    font-size: 20px;



    line-height: 1.45;



}







.dk-book-img {



    margin-left: 24px;



}







.dk-book .bg-box {



    width: 81.5%;







}







.dk-book #carouselthree {



    width: 590px;



    position: absolute;



    right: 91px;



    top: -193px;



}







.dk-book-img:nth-child(3) {



    position: absolute;



    bottom: -155px;



    right: 431px;







}







.dk-book #carouselthree.round-carousal .carousel-indicators button.active {



    background-color: #c9b6ce;



    border: 1px solid #9e70a5;



}





.dk-book #carouselthree.round-carousal .carousel-indicators :nth-child(2) {

    margin-top: 17px;

}



.dk-book #carouselthree.round-carousal .carousel-indicators {


    gap: 26px;
    margin-left: auto;
    z-index: 99;
    bottom: -28px;
    right: 88px;
    width: fit-content;
    left: initial;


}


.dk-book::after {
    content: "";
    position: absolute;

    right: 326px;
    width: 108px;
    height: 124px;
    bottom: -22px;
    background: url(../img/dk-mbl-object.png) no-repeat center / cover;
}




.dk-book #carouselthree.round-carousal .carousel-indicators :nth-child(1) {



    margin-top: 48px;



}







.shop-section {



    background-color: #fff;



    padding-block: 20px 51px;



}

#cart-btn,
#close-cart {

    border: 0;
    background: transparent;
    padding: 0;
    display: flex;
    align-items: center;
}

.remove-btn {
    cursor: pointer;
    padding: 8px;
    background: transparent;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.remove-btn svg {
    pointer-events: none;
    /* Ensures clicks on SVG bubble to button */
}



#checkout-form {
    text-align: center;
    margin-top: 40px;
}

#checkout #checkout-form {
    text-align: start;
    margin-top: 0;
}

#checkout .banner .kontakt-form {
    max-width: 720px;
    margin: auto;
    margin-top: 50px;
}

#checkout .banner .kontakt-form span {
    text-align: start;

    margin-top: 30px;

}

#cart-popup {

    position: absolute;
    right: 0;
    top: 0;
    background: rgb(255, 255, 255);
    border: 1px solid rgb(204, 204, 204);
    padding: 1.5rem;
    width: 420px;
    z-index: 1000;
    height: 100vh;
}

#cart-popup h6 {
    font-size: 32px;
    margin-bottom: 0;
    text-align: center;
    color: #E32488;
}

.cart-header {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 40px;

}

.cart-header #close-cart {

    position: absolute;
    top: 28px;
    right: 22px;
}


.shop-section-items {



    display: flex;



}

.consentWarning {
    color: #4D4F4D !important;
}





.shop-section .shop-section-item {



    width: 20%;



    margin-inline: 10px;



    text-align: center;



}

.shop-section .shop-section-item img {
    transition: all 0.3s ease-in-out !important;

}


.shop-section .shop-section-item a:hover img {
    transform: scale(1.1);
}




.shop-section-item h6 {



    font-size: 34px;



    font-family: "JungleMan";



    line-height: 1;



    color: #E32488;



    font-weight: 400;



    margin-top: 10px;



}







.shop-section h3 {



    font-size: 60px;



    font-family: "Lifehack";



    font-weight: 500;



    color: #48C0D5;



    text-align: center;



    line-height: 1.5;



    margin-bottom: 40px;



}







.support {



    background: url(../img/support-bg.png) no-repeat;



    position: relative;



    padding: 32px 0 25px;



    background-size: cover;



}



#help-us .divider {



    height: 216px;



}



#help-us .sc-divider {



    height: 484px;



}







.support::after {



    content: "";



    position: absolute;



    bottom: -505px;



    right: 360px;



    width: 317px;



    height: 219px;



    background: url(../img/your-help-bg-object.png) no-repeat center / contain;



}







.support-img {



    position: absolute;



    width: 710px;



    left: -230px;



    top: 19px;



}











.support-img2 {



    width: 528px;



    height: 482px;



    position: absolute;



    right: 246px;



    top: -152px;



}







.support h3 {



    font-size: 60px;



    font-family: "Lifehack";



    font-weight: 400;



    color: #fff;



    margin-bottom: 143px;



    line-height: 1.5;



}







.support h5 {



    font-size: 40px;



    font-weight: 400;



    color: #fff;



    font-family: "JungleMan";



    margin-bottom: 24px;



    line-height: 1;



}







.support-items {



    display: flex;



    flex-wrap: wrap;



    margin-left: 95px;



    flex-direction: column;



}







.support p {



    font-size: 20px;



    font-weight: 400;



    line-height: 1.4;



    color: #fff;



    max-width: 451px;



    margin-bottom: 0;



}







.support-item {



    padding-bottom: 90px;



    height: fit-content;







}







.support-items:nth-child(2) .support-item {



    margin-top: 40px;



}







.support-cta {



    background-color: #CEB0D5;



    padding: 16px 29px 11px 27px;



    max-width: 451px;



    text-align: center;



    margin-top: 60px;



}







.support-cta p {



    color: #751C8B;



    font-size: 20px;



    font-weight: 400;



    line-height: 1;



}







.support-cta a {



    font-size: 56px;



    font-family: "JungleMan";



    font-weight: 400;



    color: #fff;



    line-height: 1;



    margin-bottom: 3px;



    display: block;


    transition: 0.3s ease-in;

}


.support-cta a:hover {
    color: #48c0d5;
}




.approach .approach-item {



    display: flex;



    gap: 46px;



    padding-bottom: 38px;



}







.approach .approach-item h6 {



    font-size: 40px;



    font-family: "JungleMan";



    color: #fff;



    font-weight: 400;



    line-height: 1;



    margin-bottom: 5px;



}







.approach .approach-item p {



    font-size: 20px;



    font-weight: 400;



    color: #fff;



    line-height: 1;



}







.approach .approach-items {



    margin-top: 43px;



}







.approach .approach-item:nth-child(1) {



    margin-left: -132px;







    padding-bottom: 26px;



}







.approach .approach-item:nth-child(2) {



    margin-left: -62px;



    padding-bottom: 37px;



}







.approach .approach-item:nth-child(3) {



    margin-left: -22px;



}







.approach .approach-item:nth-child(3) {



    margin-left: -14px;



}







.approach .approach-item:nth-child(5) {



    margin-left: -24px;



    padding-bottom: 43px;



}







.approach .approach-item:nth-child(4) {



    margin-left: -11px;







}







.approach .approach-item:nth-child(6) {



    margin-left: -87px;



    padding-bottom: 43px;



}







.approach .approach-item:nth-child(7) {



    margin-left: -150px;



}







.approach .approach-heading h3 {



    font-size: 59px;



    font-family: "Lifehack";



    font-weight: 500;



    color: #fff;



    text-align: center;



    padding-bottom: 52px;



}







.our-club .donation-info {



    padding-block: 250px 208px;

    background: url(../img/unser-verein-donation-info-bg.webp) no-repeat center / cover;



}







.our-club::before {



    background: url(../img/our-club-bg.png) top;



}







.haupttypen .banner h1 {



    max-width: 883px;



    text-align: left;



    line-height: 1.11;



    margin-bottom: 0;







}







.haupttypen .banner h1::after {



    bottom: -5px;



    left: 377px;



    transform: rotateY(180deg);



    rotate: initial;







}



.shop::before {

    content: "";

    background: url(../img/shop-bg.png) top;

    height: 100%;

    width: 100%;

    position: absolute;

    background-position-y: -3%;

    z-index: 1;

    top: 28px;
    pointer-events: none;

}



.shop .banner h1::after {

    content: none;

}



.shop .banner .subtext::after {

    content: "";

    background: url(../img/subtext-after.png);

    width: 181px;

    height: 152px;

    position: absolute;

    z-index: 9;

    bottom: -41px;

    left: -27px;

    background-repeat: no-repeat;

    transform: rotateY(180deg);

    rotate: 351deg;

}



.shop .banner .subtext::before {

    content: "";

    background: url(../img/about-heading.png) no-repeat;

    width: 218px;

    height: 218px;

    position: absolute;

    z-index: 9;

    bottom: -84px;

    right: 47px;

    transform: rotateY(180deg);

    rotate: 54deg;

}

#checkout.shop .banner .subtext::before {

    right: -79px;

}

#checkout.shop .banner .subtext::after {
    bottom: 8px;
    left: -87px;
}


.shop .take-advantage {

    padding-block: 52px 134px;

    position: relative;

}



.shop .take-advantage .shop-item-list {

    display: flex;

    justify-content: space-between;

    align-items: center;

}

.shop-item-price {
    position: absolute;
    width: 244px;
    bottom: 8px;
    right: -13px;
}

.shop .info-guide .shop-item-price {

    right: -41px;
    bottom: -75px;
}

.shop .nachhaltigkeitsbericht .shop-item-price {

    right: 83px;
    bottom: -22px;
}

.shop .infoflyer .shop-item-price {
    right: 83px;
    bottom: -22px;

}

.shop .broschure .shop-item-price {

    top: -20px;
    left: 20px;
}

.shop .take-advantage .shop-item-list a {

    font-size: 22px;

    line-height: 1.2;

    color: #5e5e5d;

    font-weight: 400;

}



.shop .take-advantage .shop-item-list span {

    font-size: 22px;

    line-height: 28px;

    color: #5e5e5d;

    padding-inline: 36px;

    font-weight: 400;

}



.shop .take-advantage .shop-item-list input {

    position: relative;

    width: 440px;

    height: 35px;

    background-color: #fff;

    border: 1px solid #afafae;

    border-radius: 10px;

    font-size: 20px;

    font-size: 22px;

    line-height: 1.2;

    color: #5e5e5d;

    font-weight: 400;

    z-index: 1;

    padding-left: 13px;

}



.shop .take-advantage .shop-item-list svg {

    position: absolute;

    right: 6px;

    top: 6px;

    z-index: 2;

    bottom: 6px;

}



.shop .take-advantage .tA-img {

    position: absolute;

    top: -133px;

    right: 175px;

}



.shop .take-advantage h2 {

    font-size: 60px;

    font-family: "Lifehack";

    color: #e32488;

    font-weight: 500;

    line-height: 1.2;

    margin-bottom: 52px;

}



.shop .take-advantage p {

    font-size: 20px;

    color: #50504f;

    line-height: 1.5;

    max-width: 496px;

    margin-bottom: 74px;

}


.shop .shop-item {

    padding-block: 27px 68px;

    position: relative;

    margin-bottom: 126px;

    overflow-x: clip;

}



.shop .shop-item .bg-box {

    width: 81.3%;

}



.shop .shop-item span {

    font-size: 55px;

    font-family: "JungleMan";

    color: #81cada;

    line-height: 1;

    margin-bottom: 7px;

}



.shop .shop-item h3 {

    font-size: 60px;

    font-family: 'Lifehack';

    color: #48c0d5;

    line-height: 1.2;

    margin-bottom: 50px;

}



.shop .shop-item p {

    font-size: 20px;

    color: #50504f;

    line-height: 1.5;

    max-width: 447px;

    margin-bottom: 37px;

}



.shop .shop-item .shop-item-img {

    position: absolute;

    top: 95px;

}



.shop .shop-item .carousel {

    position: absolute;

    right: 147px;

    width: 579px;

    top: -86px;

}



.shop .shop-item .carousel-fade .carousel-item {

    margin-top: 0;

}



.shop .shop-item .round-carousal .carousel-indicators {

    gap: 26px;

    z-index: 99;

    bottom: -11px;

    left: -163px;

}



.shop .shop-item .shop-btn {

    font-size: 20px;

    line-height: 1;

    color: #7b7b7a;

    padding: 15px 0 15px 25px;

    background-color: #fff;

    margin-left: 223px;
    text-align: left;
    border: 1px solid #7b7b7a;

    border-radius: 20px;

    width: 263px;

    display: block;

    position: relative;
    z-index: 4;
    transition: all 0.6s ease;

}

.shop .shop-item .shop-btn:hover {
    transform: scale(1.05);

    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15);
}

.shop .shop-item .shop-btn svg {

    position: absolute;

    right: -12px;

    top: 0;

}

@keyframes cartAdded {
    0% {
        transform: scale(1);
        background-color: #fff;
        border-color: #48c0d5;
        color: #48c0d5;
    }

    30% {
        transform: scale(1.05);
        background-color: #a6f2ff;
        border-color: #48c0d5;
        color: #48c0d5;
    }

    100% {
        transform: scale(1);
        background-color: #fff;
        border-color: #48c0d5;
        color: #48c0d5;
    }
}

.shop-btn.animate-added {
    animation: cartAdded 0.6s ease;
}


.shop .info-guide {

    margin-bottom: 143px;

}



.shop .info-guide .bg-box {

    right: 0;

    left: initial;

}



.shop .info-guide .shop-item-content {

    margin-left: 239px;

}



.shop .info-guide .shop-item-img {

    left: 206px;

    top: 40px;

}



.shop .info-guide p {

    width: 447px;

    margin-bottom: 75px;

}



.shop .info-guide .carousel {

    top: -109px;

    width: 665px;

}



.shop .info-guide .round-carousal .carousel-indicators {

    bottom: 80px;

}



.shop .info-guide span {

    margin-bottom: 20px;

    display: block;

}



.shop .info-guide .round-carousal .carousel-indicators button.active {

    background-color: #ffc9dd;

    border: 1px solid #ea89a8;

}



.shop .nachhaltigkeitsbericht {

    padding-top: 68px;

    margin-bottom: 119px;

}



.shop .nachhaltigkeitsbericht .shop-item-content {

    margin-left: auto;

    max-width: 673px;

}



.shop .nachhaltigkeitsbericht .shop-item-img {

    left: 504px;

    top: -23px;

}



.shop .nachhaltigkeitsbericht p {

    width: 564px;

    max-width: initial;

}



.shop .infoflyer {

    margin-bottom: 125px;

}



.shop .infoflyer .shop-item-content {

    width: 484px;

    margin-left: 489px;

}



.shop .infoflyer .bg-box {

    right: 0;

    left: initial;

}



.shop .infoflyer .shop-item-img {

    right: 165px;

    top: 13px;

}



.shop .infoflyer .carousel {

    left: 100px;

    width: 811px;

    height: 811px;

    top: -400px;

}



.shop .infoflyer .round-carousal .carousel-indicators {

    gap: 26px;

    z-index: 99;

    bottom: 194px;

    right: 35px;

    left: initial;

    rotate: 103deg;

}



.shop .infoflyer .round-carousal .carousel-indicators button.active {

    background-color: #ffc9dd;

    border: 1px solid #ea89a8;

}



.shop .infoflyer p {

    width: 484px;

    max-width: initial;

}



.shop .broschure {

    margin-bottom: 372px;

}



.shop .broschure h3 {

    max-width: 64%;

}



.shop .broschure .theme-btn {

    position: absolute;

    right: 400px;

    bottom: 56px;

    padding-inline: 38px;

}



.shop .broschure .carousel {

    width: 674px;

    top: -177px;

}



.shop .broschure .shop-item-img {

    bottom: -54px;

    top: initial;

    right: 627px;

}



.shop .broschure .round-carousal .carousel-indicators {

    gap: 28px;

    z-index: 99;


    bottom: 100px;
    right: 30px;
    left: initial;

    rotate: 305deg;

}



.shop .donation-info {

    margin-bottom: 202px;

}









.dermakids-v {



    position: relative;



}







.haupttypen .banner {



    padding-block: 88px 117px;



}







.haupttypen .dermakids-v #carouseltwo {



    top: 0;



    width: 505px;



    height: 461px;



    margin-left: -26px;



    margin-top: -10px;



}







.haupttypen .dermakids-v #carouseltwo .carousel-indicators {







    transform: rotate(275deg);



    left: auto;



    right: -50px;



    margin: 0;



    gap: 30px;



    bottom: 145px;



}







.haupttypen .dermakids-v #carouseltwo.round-carousal .carousel-indicators button.active {







    background-color: #b5e2f8;



    border: 1px solid #50c2f0;



}







.haupttypen .association-img {



    right: 295px;



    bottom: initial;



    margin-top: -25px;



}







.haupttypen-content {



    max-width: 699px;



}







.haupttypen-content p {



    min-width: 699px;



    line-height: 1.5;



}







.types-tabs {

    position: relative;

    min-height: 1083px;

    margin-bottom: 206px;

}



.types-tabs .nav {

    flex-wrap: nowrap;

    gap: 25px;

    margin-right: -17px;

}



.types-tabs .nav .nav-link {

    position: relative;

    padding: 0;

    max-height: 85px;

    overflow: hidden;

}



.types-tabs .nav .nav-link h5 {

    position: absolute;

    top: 10px;

    left: 10px;

    font-size: 44px;

    font-family: "JungleMan";

    color: #fff;

    line-height: 1;

}



.types-tabs .nav .nav-link.active {

    max-height: 100%;

}



.types-tabs .nav .nav-link.active h5 {

    font-size: 68px;

}



.types-tabs .bg-box {

    margin-top: 85px;

    max-height: 998px;

    width: calc(100% - (50% - 41rem + 2rem + 18px));

}



.types-tabs .tab-content {

    position: relative;

    min-height: 775px;

}



.types-tabs .tab-content h3 {

    font-size: 60px;

    font-family: "Lifehack";

    color: #1da4e4;

    margin-top: 84px;

    margin-bottom: 62px;

}

.types-tabs .tab-content #type-kindler h3 {
    color: #48c0d5;


}



.types-tabs .tab-content ul {

    font-size: 20px;

}



.types-tabs .tab-content #ebs-carousal {

    max-width: 487px;

}



.types-tabs .tab-content #ebs-carousal .carousel-item {

    margin-top: 0;

}



.types-tabs .tab-content #ebs-carousal .carousel-indicators {

    flex-direction: column;

    left: revert-layer;

    left: -87px;

    top: 0;

    bottom: 0;

    gap: 32px;

}



.types-tabs .tab-content #ebs-carousal .carousel-indicators button:nth-child(2) {

    margin-left: 38px;

    margin-top: 0;

}



.types-tabs .tab-content #ebs-carousal .carousel-indicators button:nth-child(1) {

    margin-left: 39px;

}



.types-tabs .tab-content .tab-heading {

    display: flex;

    justify-content: space-between;

    align-items: baseline;

}



.types-tabs .tab-content #jeb-carousal {

    max-width: 401px;

    position: absolute;

    right: 0;

    top: -220px;

}



.types-tabs .tab-content #jeb-carousal .carousel-item {

    margin-top: 0;

}



.types-tabs .tab-content #jeb-carousal .carousel-indicators {

    flex-direction: column;

    left: revert-layer;

    left: -39px;

    top: 0;

    bottom: -210px;

    gap: 32px;

}



.types-tabs .tab-content #jeb-carousal .carousel-indicators button:nth-child(2) {

    margin-top: 0;

    margin-left: 38px;

}



.types-tabs .tab-content #jeb-carousal .carousel-indicators button:nth-child(1) {

    margin-left: 0;

}



.types-tabs .tab-content #deb-carousal {

    max-width: 340px;

    position: absolute;

    right: -22px;

    top: -51px;

}



.types-tabs .tab-content #deb-carousal .carousel-item {

    margin-top: 0;

}



.types-tabs .tab-content #deb-carousal .carousel-indicators {

    left: 109px;

    top: 0;

    bottom: -291px;

    gap: 12px;

    align-items: center;

}



.types-tabs .tab-content #deb-carousal .carousel-indicators button:nth-child(1) {

    margin-top: 50px;

}



.types-tabs .tab-content #deb-carousal .carousel-indicators button:nth-child(2) {

    margin-top: 0;

    margin-left: 10px;

    margin-top: 41px;

}



.types-tabs .tab-content #deb-carousal .carousel-indicators button:nth-child(3) {

    margin-top: 0;

}



.types-tabs #type-jeb .ebs-layer-img:first-child {

    position: absolute;

    top: -238px;

    left: 21%;

}



.types-tabs .ebs-layer-img:nth-child(2) {

    max-width: fit-content;
    margin-left: auto;
    margin-bottom: -134px;
    margin-right: -38px;
    max-width: 485px;
    margin-top: -60px;

}



.types-tabs #type-ebs .hwh-usp {

    border-radius: 100%;

    display: flex;

    align-items: center;

    text-align: center;

    line-height: 1;

    flex-direction: column;

    justify-content: center;

    background: linear-gradient(to bottom right, transparent 0%, #deedf3 100%);

    color: #48c0d5;

    z-index: 1;

    padding: 22px;

}



.types-tabs #type-ebs .hwh-usp h5 {

    font-family: "JungleMan";

    font-size: 36px;

}



.types-tabs #type-ebs .hwh-usp:nth-child(1) {

    position: absolute;

    top: -116px;

    width: 212px;

    height: 212px;

    right: 45px;

}



.types-tabs #type-ebs .hwh-usp:nth-child(2) {

    position: absolute;

    bottom: 302px;

    width: 172px;

    height: 172px;

    right: 48px;

}



.types-tabs #type-ebs .hwh-usp:nth-child(2) h5 {

    font-size: 30px;

}



.types-tabs #type-ebs .hwh-usp:nth-child(3) {

    position: absolute;

    bottom: 97px;

    width: 221px;

    height: 221px;

    right: 435px;

}



.types-tabs #type-ebs .hwh-usp:nth-child(3) h5 {

    color: #1da4e4;

    font-size: 30px;

    padding: 14px;

}



.types-tabs #type-jeb .list-group {

    flex-direction: row;

}



.types-tabs #type-jeb .list-group ul {

    max-width: 480px;

}



.types-tabs .ebs-layer-img:first-child {

    position: absolute;

    top: -219px;

    left: -81px;

}



.types-tabs #type-jeb .ebs-layer-img:nth-child(2) {

    max-width: fit-content;

    margin-left: auto;

    margin-bottom: -26px;

    max-width: 485px;
    margin-right: -38px;
    margin-top: -20px;

}



.types-tabs #type-jeb .hwh-usp {

    border-radius: 100%;

    display: flex;

    align-items: center;

    text-align: center;

    line-height: 1;

    flex-direction: column;

    justify-content: center;

    background: linear-gradient(to bottom right, #fff, #bae4ec);

    color: #48c0d5;

    z-index: 1;

    padding: 22px;

}



.types-tabs #type-jeb .hwh-usp h5 {

    font-family: "JungleMan";

    font-size: 36px;

}



.types-tabs #type-jeb .hwh-usp:nth-child(1) {

    position: absolute;

    width: 152px;

    height: 152px;

    left: 46%;

    top: 24px;

}



.types-tabs #type-jeb .hwh-usp:nth-child(1) h5 {

    font-size: 30px;

    padding: 14px;

}



.types-tabs #type-jeb .hwh-usp:nth-child(2) {

    position: absolute;

    width: 201px;

    height: 201px;

    right: -10px;

    top: 170px;

}



.types-tabs #type-jeb .hwh-usp:nth-child(2) h5 {

    font-size: 36px;

    padding: 14px;

    color: #1da4e4;

}



.types-tabs #type-jeb .hwh-usp:nth-child(3) {

    position: absolute;

    width: 187px;

    height: 187px;

    left: 41%;

    bottom: 82px;

}



.types-tabs #type-jeb .hwh-usp:nth-child(3) h5 {

    font-size: 30px;

    padding: 14px;

    color: #1da4e4;

}



.types-tabs #type-deb .list-group {

    flex-direction: row;

}



.types-tabs #type-deb .list-group ul {

    max-width: 502px;

}



.types-tabs #type-deb .ebs-layer-img:first-child {

    position: absolute;

    top: -219px;

    left: -52px;

}



.types-tabs #type-deb .ebs-layer-img:nth-child(2) {

    max-width: fit-content;

    margin-left: auto;

    margin-bottom: -26px;

    margin-right: -38px;
    width: 485px;
    margin-top: -20px;

}



.types-tabs #type-deb .hwh-usp {

    border-radius: 100%;

    display: flex;

    align-items: center;

    text-align: center;

    line-height: 1;

    flex-direction: column;

    justify-content: center;

    background: linear-gradient(to bottom right, #fff, #b5e2f8);

    color: #48c0d5;

    z-index: 1;

    padding: 22px;

}



.types-tabs #type-deb .hwh-usp h5 {

    font-family: "JungleMan";

    font-size: 36px;

}



.types-tabs #type-deb .hwh-usp:nth-child(1) {

    position: absolute;

    width: 192px;

    height: 192px;

    left: 32%;

    top: -152px;

}



.types-tabs #type-deb .hwh-usp:nth-child(1) h5 {

    font-size: 30px;

    padding: 4px;

    color: #1da4e4;

}



.types-tabs #type-deb .hwh-usp:nth-child(2) {

    position: absolute;

    width: 172px;

    height: 172px;

    right: 29%;

    top: 32px;

}



.types-tabs #type-deb .hwh-usp:nth-child(2) h5 {

    font-size: 30px;

    padding: 9px;

}



.types-tabs #type-deb .hwh-usp:nth-child(3) {

    position: absolute;

    width: 188px;

    height: 188px;

    left: 41%;

    bottom: 88px;

}



.types-tabs #type-deb .hwh-usp:nth-child(3) h5 {

    font-size: 30px;

    padding: 0;

    color: #1da4e4;

}



.types-tabs #type-kindler .list-group {

    flex-direction: row;

}



.types-tabs #type-kindler .list-group ul {

    max-width: 502px;

}



.types-tabs #type-kindler .hwh-usp {

    border-radius: 100%;

    display: flex;

    align-items: center;

    text-align: center;

    line-height: 1;

    flex-direction: column;

    justify-content: center;

    background: linear-gradient(to bottom right, #fff, #bae4ec);

    color: #48c0d5;

    z-index: 1;

    padding: 22px;

}



.types-tabs #type-kindler .hwh-usp h5 {

    font-family: "JungleMan";

    font-size: 36px;

}

.types-tabs .theme-list li::before {
    background-color: #b5e2f8;
    border: 1px solid #50c2f0;

    top: 4px;
}

.types-tabs #type-kindler .theme-list li::before {
    background-color: #bae4ec;
    border: 1px solid #81cada;

}

.types-tabs #type-kindler .hwh-usp:nth-child(1) {

    position: absolute;

    width: 185px;

    height: 185px;

    left: 25.7%;

    top: -144px;

}



.types-tabs #type-kindler .hwh-usp:nth-child(1) h5 {

    font-size: 30px;

    padding: 4px;

}



.types-tabs #type-kindler .hwh-usp:nth-child(2) {

    position: absolute;

    width: 190px;

    height: 190px;

    right: 29%;

    top: -21px;

}



.types-tabs #type-kindler .hwh-usp:nth-child(2) h5 {

    font-size: 36px;

    padding: 9px;

}



.types-tabs #type-kindler .hwh-usp:nth-child(3) {

    position: absolute;

    width: 202px;

    height: 202px;

    right: 0;

    top: 110px;

}



.types-tabs #type-kindler .hwh-usp:nth-child(3) h5 {

    font-size: 30px;

    padding: 0;

    color: #1da4e4;

}



.types-tabs #type-kindler .hwh-usp:nth-child(4) {

    position: absolute;

    width: 213px;

    height: 213px;

    right: 75px;

    bottom: 25px;

}



.types-tabs #type-kindler .hwh-usp:nth-child(4) h5 {

    font-size: 36px;

    padding: 0;

}







.inheritance {



    position: relative;



    margin-block: 221px 260px;



    text-align: center;



    padding-block: 71px 129px;







}







.inheritance .bg-box {



    right: 0;



    left: initial;



}







.inheritance #carouselthree {



    width: 400px;



    position: absolute;



    left: 165px;



    top: -146px;



    height: 400px;



}







.inheritance .carousel-fade .carousel-item {



    margin-top: 0;



}







.inheritance #carouselthree .carousel-indicators {



    right: -332px;



    bottom: -8px;







}







.inheritance #carouselthree.round-carousal .carousel-indicators :nth-child(2) {



    margin-top: 0;



}







.inheritance #carouselthree.round-carousal .carousel-indicators :nth-child(1) {



    margin-top: 18px;



}







.inheritance h3 {



    font-size: 59px;



    color: #1DA4E4;



    font-weight: 500;



    font-family: "Lifehack";



    text-align: center;



    margin-bottom: 158px;



}







.inheritance h4 {



    font-size: 55px;



    font-family: "JungleMan";



    color: #E32488;



    font-weight: 400;



    margin-top: 143px;



    margin-bottom: 62px;



}







.inheritance #carouselfour {



    position: absolute;



    width: 431px;



    height: 431px;



    right: 305px;



    bottom: 370px;



}







.haupttypen .visit-insta {



    margin-bottom: 151px;



}







.inheritance #carouselfour .carousel-indicators {



    top: 0;



    right: 0px;



    left: initial;



}





.inheritance #carouselfour .carousel-indicators button:nth-child(2) {

    margin-top: 33px;



}



.inheritance #carouselfour .carousel-indicators button:nth-child(1) {

    margin-top: 5px;



}






.help-affected .service-banner h1 span {

    margin-left: 60px;
}


/* alltag-mit */



.alltag-mit .service-banner h1,



.alltag-mit .service-banner h1 span {



    font-size: 90px;



    line-height: 1.2;



}







.alltag-mit .help-offers {

    overflow-x: clip;

    padding-block: 42px 188px;



}







.alltag-mit .service-banner h1::after {



    background: url(../img/about-heading.png) no-repeat;



    width: 119px;



    height: 136px;



    transform: rotateY(349deg);



    rotate: 280deg;



    left: 97px;



    bottom: -80px;



}







.alltag-mit .service-banner h1 {



    color: #48C0D5;



}







.alltag-mit .service-banner {



    padding-block: 127px 165px;



}







.alltag-mit .help-offers h2 {



    font-size: 60px;



    color: #E32488;



    font-weight: 500;



    line-height: 1.2;



    margin-bottom: 45px;



}







.alltag-mit .help-offers .subtext {



    font-size: 40px;



    color: #48c0d5;



    font-weight: 400;



    line-height: 1;



    font-family: "JungleMan";



    margin-bottom: 37px;



    display: block;



    max-width: 699px;



}







.alltag-mit .help-offers p {



    font-size: 20px;



    line-height: 1.5;



    color: #4e4e4e;



    max-width: 699px;



    margin-bottom: 30px;



}







.alltag-mit .help-offers .theme-btn {



    margin-top: 46px;



    margin-left: 167px;



}







.alltag-mit .help-offers #carouseltwo {



    width: 626px;



    margin-top: -179px;



    margin-left: 0;



}







.alltag-mit .carousel-fade .carousel-item {



    margin-top: 0;



}



header {

    position: sticky;

    top: 0;

    z-index: 99999;

}





.alltag-mit .help-offers #carouseltwo.round-carousal .carousel-indicators {



    bottom: -43px;



}







.alltag-mit .help-offers #carouseltwo.round-carousal .carousel-indicators button.active {



    background: #bae4ec;



    border: 1px solid #81cada;



}







.alltag-mit .help-offers #carouseltwo.round-carousal .carousel-indicators :nth-child(1) {



    margin-top: 75px;



}







.alltag-mit .help-offers #carouseltwo.round-carousal .carousel-indicators :nth-child(2) {



    margin-top: 64px;



}







.alltag-mit .help-offers #carouseltwo.round-carousal .carousel-indicators :nth-child(3) {



    margin-top: 48px;



}







.alltag-mit .help-offers #carouseltwo.round-carousal .carousel-indicators :nth-child(4) {



    margin-top: 17px;



}







.alltag-mit .help-offers #carouseltwo.round-carousal .carousel-indicators {



    bottom: -5px;
    left: 334px;
    gap: 14px;



}















.alltag-mit .help-offers .help-offer-img {



    width: 394px;



    margin-top: 30px;



    margin-left: -100px;



}







.alltag-mit .comparison {



    position: relative;



    margin-bottom: 272px;



}







.alltag-mit .comparison h2 {



    font-size: 60px;



    font-family: "Lifehack";



    color: #E32488;



    line-height: 1.17;



    margin-bottom: 89px;



}







.alltag-mit .comparison {}







.alltag-mit .comparison .bg-box {



    width: 82%;







}







.alltag-mit .comparison .comparison-content {



    padding-top: 50px;



    padding-bottom: 279px;



    position: relative;



}







.alltag-mit .comparison .comparison-item {



    position: absolute;



}







.alltag-mit .comparison .comparison-item:nth-child(2) {



    right: 356px;



    top: 48px;



}







.alltag-mit .comparison .comparison-item:nth-child(3) {



    right: 59px;



    top: 0;







}







.alltag-mit .comparison .comparison-item:nth-child(5) {



    left: 68px;



    bottom: 47px;







}







.help-affected .nav-tabs .nav-item.show .nav-link,



.nav-tabs .nav-link.active {



    background-color: initial;



}







#hwhTab .help-affected .nav-tabs .nav-link.active {



    color: initial;



}







.alltag-mit .comparison .comparison-item:nth-child(6) {



    left: 348px;



    bottom: 69px;







}







.alltag-mit .comparison .comparison-item:nth-child(7) {



    left: 611px;



    bottom: 33px;







}







.alltag-mit .comparison .comparison-carousal {



    position: absolute;



    width: 395px;



    right: 231px;



    bottom: -69px;



}







.alltag-mit .comparison .round-carousal .carousel-indicators button.active {

    background: #ffc9dd;
    border: 1px solid #ea89a8;
}



.alltag-mit .comparison .round-carousal .carousel-indicators button:nth-child(2) {

    margin-top: 34px;

}







.alltag-mit .comparison .round-carousal .carousel-indicators {



    gap: 15px;

    z-index: 99;

    bottom: -30px;

    left: initial;

    right: -14px;



}











.alltag-mit .comparison .round-carousal .carousel-indicators :nth-child(1) {



    margin-top: 52px;







}







.alltag-mit .comparison .round-carousal .carousel-indicators :nth-child(3) {



    margin-top: 5px;



}







/* butterfly-children */



.butterfly-children {



    position: relative;



    padding-block: 71px 95px;



    margin-block: 225px 238px;



}







.butterfly-children .bg-box {



    right: 0;



    left: initial;



    width: 81.72%;



}







.butterfly-children .bC-content {



    max-width: 699px;



    margin-left: 230px;



}







.butterfly-children .bC-content h3 {



    font-size: 55px;



    font-family: "JungleMan";



    color: #48c0d5;



    line-height: 1;



}







.butterfly-children .bC-content p {



    font-size: 20px;



    line-height: 1.5;



    color: #4e4e4e;



    max-width: 699px;



    margin-bottom: 84px;



}







.butterfly-children .bC-content .theme-btn {



    margin-left: auto;



    display: block;



    width: fit-content;



    margin-right: 42px;



}







.butterfly-children #carouselfour {



    position: absolute;



    width: 438px;



    top: -100px;



    left: 128px;



}







.butterfly-children .round-carousal .carousel-indicators {



    gap: 26px;



    z-index: 99;



    right: 0;



    bottom: -11px;



    left: initial;



}







.butterfly-children .round-carousal .carousel-indicators :nth-child(1) {



    margin-top: 55px;



}



.butterfly-children {

    position: relative;

    padding-block: 71px 95px;

    margin-block: 225px 238px;

}



.butterfly-children .bg-box {

    right: 0;

    left: initial;

    width: 81.72%;

}



.butterfly-children .bC-content {

    max-width: 699px;

    margin-left: 230px;

}



.butterfly-children .bC-content h3 {

    font-size: 55px;

    font-family: "JungleMan";

    color: #48c0d5;

    line-height: 1;

    margin-bottom: 41px;

}



.butterfly-children .bC-content p {

    font-size: 20px;

    line-height: 1.5;

    color: #4e4e4e;

    max-width: 699px;

    margin-bottom: 100px;

}



.butterfly-children .bC-content .theme-btn {

    margin-left: auto;

    display: block;

    width: fit-content;

    margin-right: 42px;

}



.butterfly-children #carouselfour {

    position: absolute;

    width: 438px;

    top: -100px;

    left: 128px;

}



.butterfly-children .round-carousal .carousel-indicators {

    gap: 26px;

    z-index: 99;

    right: 0;

    bottom: -11px;

    left: initial;

}



.butterfly-children .round-carousal .carousel-indicators :nth-child(1) {

    margin-top: 55px;

}









.alltag-mit .divider {



    height: 183px;



}







/* epidermolysis */




/* epidermolysis */

.epidermolysis {
    /* Eb */
}

.epidermolysis .banner {
    padding: 95px 0 95px;
}

.epidermolysis .banner h1 {
    font-size: 90px;
    font-family: "Lifehack";
    max-width: 100%;
    position: relative;
    line-height: 1.17;
}

.epidermolysis .banner h1::after {
    position: absolute;
    background: url(../img/advice-heading-after.png);
    right: -56px;
    left: initial;
    width: 247px;
    height: 202px;
    rotate: 354deg;
    top: 0;
}

.epidermolysis .help-offers {
    position: relative;
    padding-bottom: 267px;
    PADDING-TOP: 42px;
}

.epidermolysis .help-offers h2 {
    font-size: 60px;
    color: #e32488;
    font-weight: 400;
    line-height: 1.2;
    margin-bottom: 17px;
}

.epidermolysis .help-offers .help-offer-img {
    width: 407px;
    position: absolute;
    right: 206px;
    top: -192px;
}

.epidermolysis .help-offers #carouseltwo {
    width: 525px;
    margin-top: 160px;
}

.epidermolysis .help-offers #carouseltwo .carousel-item {
    margin-top: 0;
}

.epidermolysis .help-offers #carouseltwo.round-carousal .carousel-indicators {
    rotate: 19deg;
    bottom: 0;
    left: 0;
    right: initial;
}

.epidermolysis .help-offers #carouseltwo.round-carousal .carousel-indicators :nth-child(2) {
    margin-top: 0;
}

.epidermolysis .help-offers #carouseltwo.round-carousal .carousel-indicators :nth-child(1) {
    margin-top: 65px;
}

.epidermolysis .help-offers #carouseltwo.round-carousal .carousel-indicators :nth-child(2) {
    margin-top: 87px;
}

.epidermolysis .help-offers #carouseltwo.round-carousal .carousel-indicators :nth-child(3) {
    margin-top: 90px;
}

.epidermolysis .help-offers .subtext {
    font-size: 40px;
    color: #48c0d5;
    font-weight: 400;
    line-height: 1;
    font-family: "JungleMan";
    margin-bottom: 37px;
    display: block;
    max-width: 699px;
}

.epidermolysis .help-offers p {
    font-size: 20px;
    line-height: 1.5;
    color: #4e4e4e;
    max-width: 699px;
    margin-bottom: 30px;
}

.epidermolysis .Eb {
    position: relative;
    padding-top: 227px;
    padding-bottom: 358px;
}

.epidermolysis .Eb .Eb-heading h3 {
    font-size: 60px;
    font-family: "Lifehack";
    color: #1da4e4;
    line-height: 1.2;
    margin-bottom: 49px;
}

.epidermolysis .Eb .Eb-heading p {
    font-size: 20px;
    line-height: 1.5;
    max-width: 449px;
    color: #4e4e4e;
    margin-bottom: 0;
}

.epidermolysis .Eb .Eb-heading p a {
    color: #1da4e4;
    font-size: 20px;
    line-height: 1.5;
}

.epidermolysis .Eb .Eb-img {
    position: absolute;
    width: 538px;
    height: 528px;
    border-radius: 50%;
    top: 188px;
    right: 244px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.epidermolysis .Eb .Eb-items {
    display: flex;
    max-width: 1081px;
    justify-content: space-between;
    z-index: 1;
    padding-bottom: 84px;
    margin-inline: auto;
    padding-top: 101px;
    position: relative;
}

.epidermolysis .Eb .Eb-item {
    width: 32.4%;
    padding: 14px 0 32px 23px;
    height: 260px;
    display: flex;
    align-items: flex-start;
    transition: transform 0.5s ease-in-out;
    border-radius: 33px;
    flex-direction: column;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.epidermolysis .Eb .Eb-item:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15)
}

.epidermolysis .Eb .Eb-item h5 {
    font-family: "JungleMan";
    font-size: 55px;
    color: #fff;
    line-height: 1;
}

.epidermolysis .Eb .Eb-item ul li {
    position: relative;
    font-size: 20px;
    line-height: 1.5;
    padding-left: 20px;
    color: #fff;
}

.epidermolysis .Eb .Eb-item:nth-child(1) {
    background: url(../img/eB-item1.png);
}

.epidermolysis .Eb .Eb-item:nth-child(2) {
    background: url(../img/eB-item2.png);
}

.epidermolysis .Eb .Eb-item:nth-child(3) {
    background: url(../img/eB-item3.png);
}











.Eb .Eb-items .Eb-item ul li::before {



    content: '';



    position: absolute;



    background: #fff;



    width: 7.2px;



    height: 7.2px;



    left: 0;



    bottom: 12px;



    border-radius: 50%;



}







/* kontakt */



.kontakt-content {



    position: relative;



    padding-bottom: 318px;



    padding-top: 42px;



}







.kontakt-info {



    max-width: 613px;



    background: #ffffff;



    padding: 54px 41px 35px 41px;



}







.kontakt-info .dermakids-logo {



    margin-bottom: 25px;



}












.kontakt-info p {



    font-size: 24px;



    font-weight: 400;



    color: #4D4F4D;



    margin-bottom: 20px;



}




.kontakt-bottom {



    position: absolute;



    top: 1613px;



    right: 573px;
    width: 300px;


}







.kontakt-side-img {



    position: absolute;



    top: -153px;



    right: 211px;



}







.kontakt .about-banner h1::after {



    content: "";



    background: url(../img/about-heading.png) no-repeat;



    width: 218px;



    height: 218px;



    position: absolute;



    z-index: 9;



    right: 121px;



    transform: rotateY(180deg);



    rotate: initial;



    left: initial;



    top: -43px;



}







.kontakt .about-banner h1::before {



    content: "";



    background: url(../img/kontakt-before.png) no-repeat;



    width: 369px;



    height: 369px;



    position: absolute;



    z-index: 9;



    left: 342px;



    transform: initial;



    rotate: initial;



    right: initial;



    top: -12px;







}







.kontakt-form {



    max-width: 634px;



    background: #ffffff;



    padding: 40px 54px 39px 41px;



}







.kontakt-form h2 {



    font-family: "JungleMan";



    font-size: 55px;



    font-weight: 400;



    color: #48C0D5;



    line-height: 1.2;



}







.kontakt-form input[type="radio"] {



    width: 27px;



    height: 27px;



}











.kontakt-form .form-control {



    background-color: transparent;



    border: 0;



    box-shadow: none;



    border-radius: 0;



    font-size: 20px;



    color: #4D4F4D;



    line-height: 1.2;



    padding: 37px 0 23px 0;



    border-bottom: 1px solid #848585;



}







.kontakt-form .theme-btn {



    padding-inline: 48px;



}

#checkout .kontakt-form .theme-btn {
    flex-basis: 100%;
    padding: 26px 17px;
}





.kontakt-form .btn-group,
.contact .btn-group {



    display: flex;



    justify-content: space-between;



    align-items: center;



    margin-block: 20px;



}

#checkout .banner .kontakt-form .btn-group label {
    display: flex;
    align-items: center;
}

.contact .kontakt-form .btn-group {
    margin-top: 20px !important;
    margin-bottom: 20px !important;

}

.contact .btn-group .theme-btn {

    flex-basis: 65%;
    padding-inline: 10px;
}




input[type=checkbox] {



    position: relative;



    border: 2px solid #000;



    border-radius: 2px;



    background: none;



    cursor: pointer;



    line-height: 0;



    margin: 0 .6em 0 0;



    outline: 0;



    padding: 0 !important;



    vertical-align: text-top;



    height: 27px;



    width: 27px;



    -webkit-appearance: none;



    opacity: .5;



}






input[type=checkbox]:hover {



    opacity: 1;



}






input[type=checkbox]:checked {



    background-color: #000;



    opacity: 1;



}





input[type=checkbox]:before {



    content: '';



    position: absolute;



    right: 50%;



    top: 50%;



    width: 4px;



    height: 10px;



    border: solid #FFF;



    border-width: 0 2px 2px 0;



    margin: -1px -1px 0 -1px;



    transform: rotate(45deg) translate(-50%, -50%);



    z-index: 2;



}







.kontakt-form span {



    font-size: 12px;



    font-weight: 400;



    line-height: 1.5;



    color: #848483;



    display: inline-block;



}

.kontakt-form span a {



    font-size: 12px;



    font-weight: 400;



    line-height: 1.5;



    color: #848483;



    display: inline-block;



}





.kontakt-content .carousel-item {



    margin-top: 0;



}









.kontakt-content .carousel {



    width: 532px;



    position: absolute;



    right: 239px;



}







.eB-challenge-content {



    background: url(../img/eB-challenge-bg.png);



    background-position-x: center;



    background-position-y: top;



}









.eB-challenge {
    position: relative;
    padding-block: 43px 72px;
    margin-bottom: 180px;
}

.eB-challenge h3 {
    font-size: 60px;
    font-family: "Lifehack";
    color: #1da4e4;
    max-width: 70%;
    line-height: 1.2;
}

.eB-challenge .bg-box {
    width: 81.3%;
}

.eB-challenge .eB-img {
    top: -161px;
    position: absolute;
    right: 53px;
}

.eB-challenge .eB-items {
    padding-bottom: 655px;
    position: relative;

}

.eB-challenge .eB-item {
    position: absolute;
    top: 54px;
    left: 0;
}

.eB-challenge .eB-item h5 {
    font-size: 35px;
    font-family: "JungleMan";
    color: #1da4e4;
    line-height: 1;
    max-width: 161px;
    margin: auto;
    text-align: center;
}

.eB-challenge .eB-item:nth-child(2) {
    top: 253px;
    left: 17px;
}

.eB-challenge .eB-item:nth-child(3) {
    bottom: 0;
    left: 17px;
    top: initial;
    left: 0;
}

.eB-challenge .eB-item:nth-child(4) {
    bottom: 95px;
    left: 180px;
    top: initial;
}

.eB-challenge .eB-item:nth-child(5) {
    top: 46px;
    left: 222px;
}

.eB-challenge .eB-item:nth-child(6) {
    top: 148px;
    left: 393px;
}

.eB-challenge .eB-item:nth-child(7) {
    top: initial;
    left: 487px;
    bottom: 195px;
}

.eB-challenge .eB-item:nth-child(8) {
    top: initial;
    left: 630px;
    bottom: 39px;
}

.eB-challenge .eB-item:nth-child(9) {
    top: 18px;
    left: initial;
    /* bottom: 152px; */
    right: 275px;
}

.eB-challenge .eB-item:nth-child(10) {
    bottom: 252px;
    top: inherit;
    left: 719px;
    /* right: 236px; */
}

.eB-challenge .eB-item:nth-child(11) {
    top: initial;
    right: 46px;
    left: initial;
    bottom: 150px;
}

.eB-challenge .eB-item:nth-child(12) {
    top: initial;
    right: 620px;
    left: initial;
    bottom: 86px;
    right: 56px;
}






.epidermolysis .slick-dots {



    bottom: initial;



}







.epidermolysis {



    padding-bottom: 271px;



}



.epidermolysis .visit-insta {



    padding-bottom: 31px;



}







.epidermolysis .visit-insta h4 {



    margin-bottom: 92px;



}







.epidermolysis {



    position: relative;



}







.epidermolysis::before {



    content: "";



    position: absolute;



    width: 100%;



    height: 100%;



    background: url(../img/epidermolysis-bg.png);



    top: 25px;



    background-position: top;







    left: 0;



}







.epidermolysis #carouseltwo.round-carousal .carousel-indicators button.active {



    background: #bae4ec;



    border: 1px solid #81cada;



}







#unser-verein::before {



    content: "";



    position: absolute;



    width: 100%;



    height: 100%;



    background: url(../img/unser-verein-bg.png);



    top: 54px;



    left: 0;



    display: none;
    background-position: top;



}







.kontakt::before {



    content: "";



    position: absolute;



    width: 100%;



    height: 100%;



    background: url(../img/kontakt-bg.png);



    top: 0;



    left: 0;



    background-position: top;


    display: none;

}







.alltag-mit::before {



    content: "";



    position: absolute;



    width: 100%;



    height: 100%;



    background: url(../img/altag-mit-eb-bg.png) top no-repeat;



    top: 58px;



    left: 0;



    background-position: top;

    z-index: -1;



}







#about-us .divider {



    height: 241px;



}



.non-profit {



    margin-bottom: 205px;



    .theme-btn {



        padding-inline: 33px;



        margin: 40px auto 0;



        display: block;



        width: fit-content;







    }



}



.non-profit-content {

    background: url(../img/non-profit-bg.png) no-repeat;



    background-size: cover;


    padding: 60px 0 63px;


    position: relative;
}

.non-profit-content h3 {
    font-size: 60px;
    font-family: "Lifehack";
    font-weight: 400;
    line-height: 1;
    margin-bottom: 113px;
}

.non-profit-content .no-profit-item {
    margin-bottom: 83px;
}

.non-profit-content .no-profit-items:nth-child(2) .no-profit-item {
    margin-top: 130px;
    margin-bottom: 70px;
}

.non-profit-content .no-profit-items:nth-child(2) .no-profit-item p {
    max-width: 440px;
    line-height: 1.5;
}

.non-profit-content .no-profit-btn {
    font-size: 20px;
    line-height: 1;
    color: #7b7b7a;
    padding: 15px 0 15px 25px;
    background-color: #fff;
    border: 1px solid #7b7b7a;
    border-radius: 20px;
    width: 263px;
    display: block;
    position: relative;
    margin-top: 124px;
    margin-left: 68px;
}

.non-profit-content .no-profit-btn svg {
    position: absolute;
    right: -12px;
    top: 0;
}

.non-profit-content .no-profit-text {
    display: flex;
    gap: 85px;
}

.non-profit-content .no-profit-img {
    position: absolute;
    left: 40px;
    top: -130px;
    width: 310px;
}

.non-profit-content .no-profit-items .no-profit-img:nth-child(3) {
    top: initial;
    bottom: -13px;
    right: 145px;
    left: initial;
}



.non-profit-content .no-profit-items .no-profit-img {
    right: 50px;
    left: inherit;
    top: 50px;
}

.non-profit-content .no-profit-items .no-profit-img.top-img {
    width: 594px;
    right: -77px;
    left: 72%;
}

.non-profit-content .no-profit-items .no-profit-img.top-img img {
    width: 100%;
}

.non-profit-content .no-profit-items h5 {
    font-size: 40px;
    font-family: "JungleMan";
    font-weight: 400;
    line-height: 1;
    margin-bottom: 18px;
    color: #fff;
}

.non-profit-content .no-profit-items p {
    font-size: 20px;
    font-weight: 400;
    line-height: 1.45;
    margin-bottom: 0;
    max-width: 489px;
    color: #fff;
}

.non-profit-content .no-profit-items .no-profit-item:nth-child(2) {
    margin-bottom: 31px;



    h3 {



        font-size: 60px;



        font-family: "Lifehack";



        font-weight: 400;



        line-height: 1;



        margin-bottom: 113px;



    }



    .no-profit-item {



        margin-bottom: 83px;



    }



    .no-profit-items:nth-child(2) .no-profit-item {



        margin-top: 130px;



        margin-bottom: 70px;



        p {



            max-width: 600px;



            line-height: 1.5;



        }







    }



    .no-profit-btn {



        font-size: 20px;



        line-height: 1;



        color: #7B7B7A;



        padding: 15px 0 15px 25px;



        background-color: #fff;



        border: 1px solid #7B7B7A;



        border-radius: 20px;



        width: 263px;



        display: block;



        position: relative;



        margin-top: 124px;

        margin-left: 68px;



        svg {



            position: absolute;



            right: -12px;



            top: 0;



        }



    }



    .no-profit-text {



        display: flex;



        gap: 85px;



    }



    .no-profit-img {



        position: absolute;



        left: 0;



        top: -119px;



    }



    .no-profit-items .no-profit-img:nth-child(3) {



        top: initial;



        bottom: -13px;



        right: 206px;



        left: initial;



    }



    .no-profit-items {



        .no-profit-img {



            right: 0;



            left: inherit;



            top: -78px;



        }



        h5 {



            font-size: 40px;



            font-family: "JungleMan";



            font-weight: 400;



            line-height: 1;



            margin-bottom: 18px;



            color: #fff;



        }



        p {



            font-size: 20px;



            font-weight: 400;



            line-height: 1.45;



            margin-bottom: 0;



            max-width: 489px;



            color: #fff;



        }







    }



    .no-profit-items .no-profit-item:nth-child(2) {



        margin-bottom: 31px;



    }



}



section {

    overflow-x: clip;

}



.testimonial-content {
    display: flex;
}

.testimonial-content .carousel {

    display: flex;
    align-items: center;
}

.testimonial-content .carousel-inner {
    height: 100%;
    display: flex;
    align-items: center;
}

.testimonial .carousel-item-next,
.carousel-item-prev,
.carousel-item.active {
    display: flex;
    align-items: center;
}



.how-we-help #nav-ernahrungsberatung .service-nav .nav-case-items .nav-case-item:nth-child(6).nC-card,

.how-we-help #nav-ernahrungsberatung .service-nav .nav-case-items .nav-case-item:nth-child(7).nC-card,

.how-we-help #nav-ernahrungsberatung .service-nav .nav-case-items .nav-case-item:nth-child(9),

.how-we-help #nav-familientherapie .service-nav .nav-case-items .nav-case-item.nC-card {

    background: linear-gradient(to bottom right, transparent 0%, #ffffff 15%, #DEEDF3 100%) !important;



}



.how-we-help #nav-sozialberatung .service-nav .nav-case-items .nav-case-item.nC-card {

    background: linear-gradient(to bottom right, transparent 0%, #ffffff 15%, #eccfe2 100%) !important;





}















.how-we-help #nav-krankenkassen .service-nav .nav-case-items .nav-case-item:nth-child(7).nC-card,

.how-we-help #nav-krankenkassen .service-nav .nav-case-items .nav-case-item:nth-child(6).nC-card,

.how-we-help #nav-krankenkassen .service-nav .nav-case-items .nav-case-item:nth-child(9).nC-card,

.how-we-help #nav-krankenkassen .service-nav .nav-case-items .nav-case-item:nth-child(10).nC-card {

    background: linear-gradient(to bottom right, transparent 0%, #ffffff 15%, #D1C0DC 100%) !important;

}



.navbar-light .navbar-toggler {

    border: none;

}

.umfeld-tab-name {
    display: none;
}

.umfeld-active .umfeld-tab-name {
    display: block
}

.umfeld-active .eb-betroffene-tab-name {
    display: none;
}






.dK-accordian .accordion-item .accordion-button.collapsed {

    border: 0 !important;

}

.haupttypen .about-banner h1 {
    max-width: fit-content !important;
}





.contact-item .theme-btn {
    margin: auto;
    display: block;
    margin-top: 10px;
}

#satzungszweck .satzungszweck {
    position: relative;
}

.contact-item span {
    font-size: 12px;
    font-weight: 400;
    line-height: 1.5;
    color: #848483;
    text-align: left;
    display: inline-block;

}

.contact-item a {
    font-size: 12px;
    font-weight: 400;
    line-height: 1.5;
    color: #848483;
    display: inline-block;

}










.hwh-content .slick-dots {
    z-index: 4;
}

.comparison-img {
    display: flex;
    overflow-x: hidden;
    /* prevents whole container from scrolling */
    gap: 10px;
}




.klaro .cookie-modal p,
.klaro .cookie-modal h1,
.klaro .cookie-modal h2,
.klaro .cookie-modal ul,
.klaro .cookie-modal li,
.klaro .context-notice p,
.klaro .context-notice h1,
.klaro .context-notice h2,
.klaro .context-notice ul,
.klaro .context-notice li,
.klaro .cookie-notice p,
.klaro .cookie-notice h1,
.klaro .cookie-notice h2,
.klaro .cookie-notice ul,
.klaro .cookie-notice li {
    display: block;
    text-align: left;
    margin: 0;
    padding: 0;
    margin-top: .7em;
    font-family: 'Century Gothic Pro';
    font-size: 14px;
    line-height: 1.4;
}

.klaro .cookie-modal .cm-modal .cm-header h1 {
    font-family: 'Century Gothic Pro';
    font-size: 21px !important;
}


.unforgettable-evening {
    padding-block: 209px 508px;
    position: relative;
}

.unforgettable-evening::before {
    position: absolute;
    content: "";
    background: url("../img/UE-1.png");
    width: 504px;
    height: 459px;
    top: 139px;
    left: 115px;
}

.unforgettable-evening::after {
    position: absolute;
    content: "";
    background: url("../img/UE-2.png");
    width: 506px;
    height: 551px;
    bottom: 16px;
    left: 534px;
}

.unforgettable-evening h3 {
    font-size: 60px;
    color: #e32488;
    font-weight: 400;
    line-height: 1.34;
    margin-bottom: 44px;
    max-width: 829px;
}

.unforgettable-evening h4 {
    font-size: 40px;
    max-width: 444px;
    font-family: 'JungleMan';
    color: #d1db6f;
    margin-bottom: 40px;
}

.unforgettable-evening p {
    font-size: 20px;
    line-height: 1.5;
    color: #4e4e4e;
    max-width: 546px;
    margin-bottom: 0;
}

.unforgettable-evening .UE-items .UE-item {
    position: relative;
}

.unforgettable-evening .UE-items .UE-item:nth-child(1) {
    margin-left: 249px;
    margin-bottom: 158px;
}

.unforgettable-evening .UE-items .UE-item:nth-child(1) .carousel {
    position: absolute;
    width: 543px;
    height: 546px;
    top: 180px;
    right: -77px;
}

.unforgettable-evening .UE-items .UE-item:nth-child(1) .carousel-indicators {
    right: 189px;
    z-index: 99;
    top: -107px;
    transform: rotate(114deg);
}

.unforgettable-evening .UE-items .UE-item:nth-child(1) .carousel-indicators button:nth-child(2) {
    margin-top: 48px;
}

.unforgettable-evening .UE-items .UE-item:nth-child(1) .carousel-indicators button.active {
    background-color: #d997c0;
    border: 1px solid #e32488;
}

.unforgettable-evening .UE-items .UE-item:nth-child(2) p {
    max-width: 446px;
    margin-bottom: 129px;
}

.unforgettable-evening .UE-items .UE-item:nth-child(2) .carousel-indicators button.active {
    background-color: #d1db6f;
    border: 1px solid #d1db6f;
}

.unforgettable-evening .UE-items .UE-item:nth-child(2) .carousel-item {
    margin-top: 0 !important;
}

.unforgettable-evening .UE-items .UE-item:nth-child(2) .round-carousal .carousel-indicators {
    transform: rotate(66deg);
    gap: 33px;
    z-index: 99;
    top: 138px;
    left: -675px;
}

.unforgettable-evening .UE-items .UE-item:nth-child(3) {
    position: relative;
}

.unforgettable-evening .UE-items .UE-item:nth-child(3) .carousel-item {
    margin-top: 0 !important;
}

.unforgettable-evening .UE-items .UE-item:nth-child(3) .carousel {
    position: absolute;
    top: -121px;
    width: 500px;
    height: 500px;

}

.unforgettable-evening .UE-items .UE-item:nth-child(3) p {
    max-width: 514px;
}

.unforgettable-evening .UE-items .UE-item:nth-child(3) .round-carousal .carousel-indicators {
    right: -102px;
    z-index: 99;
    top: 42px;
    transform: rotate(207deg);
    height: fit-content;
    width: fit-content;
    left: inherit;
}

.unforgettable-evening .UE-items .UE-item:nth-child(3) h4 {
    max-width: initial;
    color: #48c0d5;
}





.international-assistance .banner {
    padding-block: 92px;
    background: url("../img/international-banner-bg.webp") no-repeat center / cover;
    text-align: center;
}

.international-assistance .banner h1 {
    font-size: 90px;
    color: #e32488;
    line-height: 1.2;
    max-width: fit-content;
}

.international-assistance .banner h1::before {
    content: "";
    width: 184px;
    height: 186px;
    background: url(../img/assistance-banner-before.svg) no-repeat;
    background-size: cover;
    right: -41px;
    top: -29px;
}

.international-assistance .banner h1::after {
    background: url(../img/assistance-banner-after.svg) no-repeat;
    transform: initial;
    rotate: initial;
    width: 150px;
    height: 150px;
    background-size: cover;
    left: 65px;
    bottom: -95px;
}

.international-assistance .banner h1 span {
    font-size: 90px;
    margin-left: 181px;
    color: #48c0d5;
}

.international-assistance .deployment {
    background: url("../img/deployment-bg.webp") top center / cover;
}

.international-assistance .deployment .devolpment-content {
    position: relative;
    padding-block: 48px 195px;
}

.international-assistance .deployment .devolpment-items .devolpment-item {
    position: absolute;
}

.international-assistance .deployment .devolpment-items .devolpment-item:nth-child(1) {
    top: -102px;
    right: -209px;
}

.international-assistance .deployment .devolpment-items .devolpment-item:nth-child(2) {
    top: 363px;
    right: 52px;
}

.international-assistance .deployment .devolpment-items .devolpment-item:nth-child(3) {
    top: 697px;
    right: -83px;
}

.international-assistance .deployment .devolpment-items .devolpment-item:nth-child(3) .carousel-item {
    margin-top: 0 !important;
}

.international-assistance .deployment .devolpment-items .devolpment-item:nth-child(3) .carousel {
    width: 481px;
}

.international-assistance .deployment .devolpment-items .devolpment-item:nth-child(3) .round-carousal .carousel-indicators {
    width: fit-content;
    z-index: 99;
    top: 226px;
    left: -78px;
    transform: rotate(63deg);
    height: fit-content;
}

.international-assistance .deployment .devolpment-items .devolpment-item:nth-child(3) .carousel-indicators button.active {
    background-color: #d997c0;
    border: 1px solid #e32488;
}

.international-assistance .deployment .devolpment-items .devolpment-item:nth-child(4) {
    right: 118px;
    bottom: 1234px;
}

.international-assistance .deployment .devolpment-items .devolpment-item:nth-child(4) .carousel {
    width: 222px;
    height: 219px;
}

.international-assistance .deployment .devolpment-items .devolpment-item:nth-child(4) .carousel .carousel-item {
    margin-top: 0 !important;
}

.international-assistance .deployment .devolpment-items .devolpment-item:nth-child(4) .carousel .carousel-indicators button.active {
    background-color: #d997c0;
    border: 1px solid #e32488;
}

.international-assistance .deployment .devolpment-items .devolpment-item:nth-child(4) .carousel .carousel-indicators {
    bottom: -21px;
    left: -211px;
    transform: rotate(23deg);
}

.international-assistance .deployment .devolpment-items .devolpment-item:nth-child(5) {
    bottom: 1260px;
    left: 50%;
    transform: translateX(-50%);
}

.international-assistance .deployment .devolpment-items .devolpment-item:nth-child(6) {
    bottom: 940px;
    right: -104px;
}

.international-assistance .deployment .devolpment-items .devolpment-item:nth-child(7) {
    bottom: 968px;
    left: -150px;
}

.international-assistance .deployment .devolpment-text {
    padding-bottom: 880px;
}

.international-assistance .deployment .devolpment-text h2 {
    font-size: 60px;
    color: #e32488;
    font-weight: 400;
    line-height: 1.2;
    margin-bottom: 38px;
}

.international-assistance .deployment .devolpment-text p {
    font-size: 20px;
    line-height: 1.5;
    color: #4e4e4e;
    max-width: 675px;
    margin-bottom: 40px;
}

.international-assistance .deployment .devolpment-text p:last-of-type {
    max-width: 698px;
    margin-bottom: 51px;
}

.international-assistance .deployment .devolpment-text span {
    text-align: left;
    font-size: 55px;
    color: #48c0d5;
    font-weight: 400;
    line-height: 1.2;
    font-family: "JungleMan";
    margin-bottom: 9px;
    display: block;
    max-width: inherit;
}

.international-assistance .deployment .devolpment-text span:last-of-type {
    margin-bottom: 17px;
}

.international-assistance .deployment .devolpment-text ul li {
    font-size: 22px;
    line-height: 1.3;
    color: #4e4e4e;
    margin-bottom: 14.7px;
    padding-left: 30px;
    position: relative;
}

.international-assistance .deployment .devolpment-text ul li::before {
    content: "";
    position: absolute;
    width: 12px;
    height: 12px;
    background-color: #81cada;
    border: 1px solid #48c0d5;
    left: 0;
    border-radius: 50%;
    top: 8px;
}

.international-assistance .deployment .devolpment-text ul li:last-of-type {
    margin-bottom: 0;
}

.international-assistance .deployment .info-card p {
    height: 74px;
}




.anton .banner {
    text-align: center;
    padding-block: 102px;
}

.anton .banner h1 {
    font-size: 90px;
    max-width: fit-content;
    line-height: 1.2;
    margin-bottom: 16px;
}

.anton .banner h1::before {
    content: "";
    content: "";
    left: -135px;
    right: initial;
    width: 125px;
    height: 109px;
    background-size: cover;
    transform: rotate(188deg);
    bottom: -147px;
    top: inherit;
}

.anton .banner .subtext {
    font-size: 60px;
    line-height: 1.2;
    margin-bottom: 0;
}

.anton .service-banner h1::after {
    transform: rotateX(173deg);
    rotate: 115deg;
    width: 289px;
    height: 370px;
    background-size: contain;
    right: -249px;
    background-repeat: no-repeat;
    left: inherit;
    top: -164px;
}

.anton .anton-heart {
    padding-block: 48px;
    position: relative;
}

.anton .anton-heart h2 {
    font-size: 60px;
    color: #e32488;
    font-weight: 500;
    line-height: 1.2;
    margin-bottom: 58px;
}

.anton .anton-heart p {
    font-size: 20px;
    line-height: 1.5;
    color: #4e4e4e;
    max-width: 699px;
    margin-bottom: 0;
}


.anton .anton-heart .carousel {
    position: absolute;
    top: -106px;
    width: 694px;
    right: 189px;
}

.anton .anton-heart .carousel .carousel-item {
    margin-top: 0 !important;
}

.anton .anton-heart .carousel-indicators {
    z-index: 99;
    bottom: 0;
    right: 71px;
    transform: rotate(319deg);
    left: initial;
    width: fit-content;
    height: fit-content;
}

.fundraising {
    position: relative;
}

.fundraising .bg-box {
    width: 81.8%;
}

.fundraising .fundraising-content {
    padding-left: 363px;
    position: relative;
    padding-block: 21px 77px;
}

.fundraising h3 {
    font-size: 55px;
    font-family: "JungleMan";
    color: #81cada;
    line-height: 1.2;
    margin-bottom: 17px;
}

.fundraising p {
    font-size: 20px;
    line-height: 1.5;
    color: #4e4e4e;
    max-width: 449px;
    margin-bottom: 0px;
}

.fundraising .fundraising-items .fundrasing-item {
    position: absolute;
}

.fundraising .fundraising-items .fundrasing-item:nth-child(2) {
    top: 18px;
    left: -124px;
}

.fundraising .fundraising-items .fundrasing-item:nth-child(1) {
    top: -135px;
    right: -280px;
}


.anton .info-cards {
    padding-block: 223px 200px;
}



.anton .info-card p {
    height: 86px;
}

.anton .info-card h6 {
    line-height: 1;
}

.helpInMoscow .hIM-items h3 {
    font-size: 60px;
    color: #e32488;
    font-weight: 500;
    line-height: 1.2;
    margin-bottom: 22px;
}

.helpInMoscow .hIM-items p,
.news .hIM-items p {
    font-size: 20px;
    line-height: 1.5;
    color: #4e4e4e;
    max-width: 699px;
    margin-bottom: 0px;
}

.helpInMoscow .hIM-items h5,
.news .hIM-items h5 {
    text-align: left;
    font-size: 55px;
    color: #48c0d5;
    font-weight: 400;
    line-height: 1.2;
    font-family: "JungleMan";
    margin-bottom: 22px;
    display: block;
    max-width: inherit;
}

.helpInMoscow .hIM-items span {
    font-size: 40px;
    font-family: "JungleMan-Regular";
    color: #48c0d5;
    line-height: 1;
    max-width: 656px;
    display: block;
    margin-bottom: 26px;
}

.helpInMoscow .hIM-items .hIM-item {
    position: relative;
}

.helpInMoscow .hIM-items .hIM-item .hIM-item-object,
.news .hIM-items .hIM-item .hIM-item-object {
    position: absolute;
}

.helpInMoscow .hIM-items .hIM-item:nth-child(1) {
    margin-bottom: 430px;
    padding-top: 143px;
    position: relative;
}

.helpInMoscow .hIM-items .hIM-item:nth-child(1) .hIM-item-objects .hIM-item-object:nth-child(1) {
    top: -45px;
    right: 75px;
}

.helpInMoscow .hIM-items .hIM-item:nth-child(1) .hIM-item-objects .hIM-item-object:nth-child(2) {
    top: 239px;
    right: -292px;
}

.helpInMoscow .hIM-items .hIM-item:nth-child(1) .hIM-item-objects .hIM-item-object:nth-child(2) .carousel {
    width: 775px;
    height: 775px;
}

.helpInMoscow .hIM-items .hIM-item:nth-child(1) .hIM-item-objects .hIM-item-object:nth-child(2) .carousel .carousel-item {
    margin-top: 0 !important;
}

.helpInMoscow .hIM-items .hIM-item:nth-child(1) .hIM-item-objects .hIM-item-object:nth-child(2) .carousel .carousel-indicators {
    z-index: 99;
    top: 344px;
    left: -44px;
    width: fit-content;
    height: fit-content;
    transform: rotate(71deg);
}

.helpInMoscow .hIM-items .hIM-item:nth-child(1) .hIM-item-objects .hIM-item-object:nth-child(2) .carousel .carousel-indicators button.active {
    background-color: #d997c0;
    border: 1px solid #e32488;
}

.news .hIM-items .hIM-item:nth-child(1) {
    padding-left: 251px;
    padding-bottom: 251px;
    position: relative;
}

.news .hIM-items .hIM-item:nth-child(1) p {
    max-width: 449px;
}

.news .hIM-items .hIM-item:nth-child(1) .hIM-item-objects .hIM-item-object:nth-child(1) {
    top: 0;
    left: -162px;
}

.news .hIM-items .hIM-item:nth-child(1) .hIM-item-objects .hIM-item-object:nth-child(2) {
    top: -110px;
    right: -196px;
}

.news .carousel-item {
    margin-top: 0 !important;
}

.news .hIM-items .hIM-item:nth-child(1) .hIM-item-objects .hIM-item-object:nth-child(2) .carousel {
    width: 739px;
    height: -209px;
}

.news .hIM-items .hIM-item:nth-child(1) .hIM-item-objects .hIM-item-object:nth-child(2) .carousel-indicators {
    bottom: 71px;
    left: 0;
    width: fit-content;
    height: fit-content;
    transform: rotate(18deg);
}


.farewell {
    padding-block: 46px 85px;
}

.farewell .bg-box {
    right: 0;
    left: initial;
    width: 81.62%;
}

.farewell .farewell-content {
    padding-left: 467px;
    position: relative;
    margin-right: 0;
    width: fit-content;
}

.farewell .farewell-img {
    position: absolute;
    top: -125px;
    left: -236px;
    width: 878px;
    height: 878px;
}

.farewell p {
    font-size: 20px;
    line-height: 1.5;
    color: #4e4e4e;
    max-width: 699px;
    margin-bottom: 0px;
}

.farewell h5 {
    text-align: left;
    font-size: 55px;
    color: #48c0d5;
    font-weight: 400;
    line-height: 1.2;
    font-family: "JungleMan";
    margin-bottom: 22px;
    display: block;
    max-width: inherit;
}


.heartfelt-wishes .banner {
    text-align: center;
    padding-block: 100px;
}

.heartfelt-wishes .banner .subtext {
    font-size: 60px;
}

.heartfelt-wishes .banner h1 {
    font-size: 90px;
    margin-bottom: 16px;
    line-height: 1.2;
    max-width: initial;
    margin-inline: initial;
}

.heartfelt-wishes .banner h1::before {
    content: "";
    width: 184px;
    height: 186px;
    background: url(../img/assistance-banner-before.svg) no-repeat;
    background-size: cover;
    right: 82px;
    top: -29px;
}

.heartfelt-wishes .banner h1::after {
    background: url(../img/assistance-banner-after.svg) no-repeat;
    transform: initial;
    rotate: initial;
    width: 150px;
    height: 150px;
    background-size: cover;
    left: 86px;
    bottom: -126px;
}

.heartfelt-wishes .life-quality {
    padding-block: 48px 348px;
    position: relative;
}


.heartfelt-wishes .life-quality .carousel {
    width: 593px;
    height: 540px;
    position: absolute;
    top: 145px;
    right: 311px;
}

.heartfelt-wishes .life-quality .carousel .carousel-item {
    margin-top: 0 !important;
}

.heartfelt-wishes .life-quality .carousel .carousel-indicators {
    transform: rotate(311deg);
    left: inherit;
    right: 0;
    bottom: 0;
}

.heartfelt-wishes .life-quality h2 {
    font-size: 60px;
    color: #e32488;
    font-weight: 400;
    line-height: 1.2;
    margin-bottom: 36px;
}

.heartfelt-wishes .life-quality span {
    font-size: 40px;
    color: #48c0d5;
    font-weight: 400;
    line-height: 1;
    font-family: "JungleMan";
    margin-bottom: 22px;
    display: block;
    max-width: 651px;
}

.heartfelt-wishes .life-quality p {
    font-size: 20px;
    line-height: 1.5;
    color: #4e4e4e;
    max-width: 632px;
    margin-bottom: 0px;
}


.heartfelt-tabs {
    position: relative;
}

.heartfelt-tabs .bg-box {
    width: 81.31%;
}

.heartfelt-tabs .tab-pane {
    padding-top: 100px;
}

.heartfelt-tabs .experience-items .experience-item {
    position: relative;
}

.heartfelt-tabs .experience-items .experience-item .carousel-item {
    margin-top: 0 !important;
}

.heartfelt-tabs .experience-items .experience-item:nth-child(1) {
    margin-bottom: 9px;
}

.heartfelt-tabs .experience-items .experience-item:nth-child(1) .carousel {
    position: absolute;
    width: 428px;
    height: 390px;
    bottom: 73px;
    right: 0;
}

.heartfelt-tabs .experience-items .experience-item:nth-child(2) p {
    margin-left: 48px;
    width: 573px;
}

.heartfelt-tabs .experience-items .experience-item:nth-child(3) p {
    margin-left: 13px;
    max-width: 624px;
}

.heartfelt-tabs .experience-items .experience-item:nth-child(3) .shape-helper {
    shape-outside: circle(75px at left center);
    -webkit-shape-outside: circle(75px at left center);
    width: 250px;
    height: 237px;
}

.heartfelt-tabs .experience-item .experience-objects .experience-object {
    position: absolute;
}

.heartfelt-tabs .experience-items .experience-item:nth-child(1) .carousel .carousel-item {
    margin-top: 0 !important;
}

.heartfelt-tabs .experience-items .experience-item:nth-child(1) .carousel .carousel-indicators {
    transform: rotate(301deg);
    right: 0;
    left: initial;
    bottom: -9px;
}

.heartfelt-tabs .experience-items .experience-item:nth-child(1) .carousel .carousel-indicators button.active {
    background-color: #d997c0;
    border: 1px solid #e32488;
}

.heartfelt-tabs .experience-items .experience-item:nth-child(2) {
    padding-bottom: 154px;
}

.heartfelt-tabs .experience-items .experience-item:nth-child(2) .ET-content {
    max-width: 587px;
    margin-left: auto;
    margin-right: 94px;
}

.heartfelt-tabs .experience-items .experience-item:nth-child(2) .carousel {
    position: absolute;
    width: 444px;
    height: 404px;
    top: -23px;
    left: 143px;
}

.heartfelt-tabs .experience-items .experience-item:nth-child(2) .carousel .carousel-indicators {
    transform: rotate(9deg);
    bottom: 0;
    left: -235px;
}

.heartfelt-tabs .experience-items .experience-item:nth-child(3) .ET-content {
    max-width: 626px;
    margin-right: 278px;
    margin-left: auto;
}

.shape-helper {
    float: left;
    shape-outside: circle(125px at left center);
    -webkit-shape-outside: circle(94px at left center);
    clip-path: circle(125px at center);
    width: 250px;
    height: 250px;
    margin-right: 30px;
    background: rgba(0, 0, 0, 0.01);
}

.heartfelt-tabs .tab-content h5 {
    font-size: 55px;
    color: #48c0d5;
    font-weight: 400;
    line-height: 1.2;
    font-family: "JungleMan";
    margin-bottom: 23px;
    display: block;
}

.heartfelt-tabs .tab-content p {
    font-size: 20px;
    line-height: 1.5;
    color: #4e4e4e;
    max-width: 594px;
    margin-bottom: 0px;
}

.heartfelt-tabs .nav {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.heartfelt-tabs .nav .nav-item:nth-child(1) button {
    background: url("../img/heartfelt-tab1.png");
}

.heartfelt-tabs .nav .nav-item:nth-child(2) button {
    background: url("../img/heartfelt-tab2.png");
}

.heartfelt-tabs .nav .nav-link {
    width: 570px;
    padding: 19px 47px 49px 34px !important;
    margin-top: -113px;
    margin-bottom: 0;
    max-height: 111px;
    overflow: hidden;
    position: relative;
    border: 0;
}

.heartfelt-tabs .nav .nav-link h3 {
    font-size: 55px;
    font-family: 'JungleMan';
    text-align: left;
    line-height: 1;
    margin-bottom: 87px;
}

.heartfelt-tabs .nav .nav-link p {
    font-size: 24px;
    color: #fff;
    line-height: 1.42;
    margin-bottom: 0;
    text-align: left;
}

.heartfelt-tabs .nav .nav-link.active {
    max-height: 280px;
}

.individual-assistance .banner {
    padding-block: 92px;
}

.individual-assistance .banner h1 {
    font-size: 90px;
    max-width: fit-content;
    text-align: center;
    line-height: 1.2;
}

.individual-assistance .banner h1::after {
    bottom: 46px;
    left: -174px;
    transform: rotateX(349deg);
    rotate: 53deg;
    width: 246px;
    height: 216px;
    background-size: cover;
}

.individual-assistance .banner h1::before {
    content: "";
    width: 168px;
    height: 156px;
    bottom: -50px;
    right: 20px;
    background-size: contain;
    transform: rotateY(176deg);
    rotate: 148deg;
    top: initial;
}

.individual-assistance .banner h1 span {
    font-size: 90px;
}

.individual-assistance .individual-advice {
    padding-block: 48px 70px;
    position: relative;
}



.individual-assistance .individual-advice .carousel {
    position: absolute;
    width: 696px;
    height: 634px;
    top: 0;
    right: 296px;
}

.individual-assistance .individual-advice .carousel .carousel-item {
    margin-top: 0;
}

.individual-assistance .individual-advice .carousel .carousel-indicators {
    right: 0px;
    left: initial;
    transform: rotate(319deg);
    width: fit-content;
    height: fit-content;
    bottom: -9px;
    gap: 31px;
}

.individual-assistance .individual-advice .carousel .carousel-indicators button.active {
    background-color: #d997c0;
    border: 1px solid #e32488;
}

.individual-assistance .individual-advice h2 {
    font-size: 60px;
    color: #e32488;
    font-weight: 400;
    line-height: 1.2;
    margin-bottom: 42px;
    max-width: 701px;
}

.individual-assistance .individual-advice p {
    font-size: 20px;
    line-height: 1.5;
    color: #4e4e4e;
    max-width: 697px;
    margin-bottom: 0;
}

.individual-assistance .individual-assistance-tabs {
    padding-top: 58px;
    position: relative;
    padding-bottom: 38px;
}


.individual-assistance .individual-assistance-tabs .bg-box {
    width: calc(100% - (50% - 41rem + 2rem + 25px));
}

.individual-assistance .individual-assistance-tabs h3 {
    font-size: 60px;
    color: #e32488;
    font-weight: 400;
    line-height: 1.2;
    padding-bottom: 144px;
    margin-bottom: 0;
}

.individual-assistance .individual-assistance-tabs h4 {
    font-size: 55px;
    color: #48c0d5;
    font-weight: 400;
    line-height: 1.2;
    font-family: "JungleMan";
    margin-bottom: 14px;
    display: block;
}

.individual-assistance .individual-assistance-tabs p {
    max-width: 503px;
    font-size: 20px;
    line-height: 1.5;
    color: #4e4e4e;
    margin-bottom: 0;
}

.individual-assistance .individual-assistance-tabs .nav-tabs {
    gap: 28px;
    padding-bottom: 112px;
    z-index: 9999;
    position: relative;
}

.individual-assistance .individual-assistance-tabs .nav-tabs .nav-link {
    font-size: 22px;
    line-height: 1.2;
    color: #5e5e5d;
    border: 0;
    padding: 0;
    font-weight: 700;
    background: transparent;
}

.individual-assistance .individual-assistance-tabs .nav-tabs .nav-link .seperate {
    margin-left: 41px;
}

.individual-assistance .individual-assistance-tabs .nav-link.active {
    color: #e32488;
}

.individual-assistance .individual-assistance-tabs .nav-link.active .seperate {
    color: #5e5e5d;
}

.individual-assistance .individual-assistance-tabs .hhT-object {
    position: absolute;
}

.individual-assistance .individual-assistance-tabs .hhT-object .carousel-item {
    margin-top: 0 !important;
}

.individual-assistance .individual-assistance-tabs .hhT-object.bg-custom-blue {
    background: linear-gradient(to bottom right, transparent 0%, #fff 15%, #deedf3 100%) !important;
    color: #81cada;
}

.individual-assistance .individual-assistance-tabs .hhT-object.hhT-object.bg-custom-pink {
    background: linear-gradient(to bottom right, transparent 0%, #fff 15%, #eccfe2 100%);
    color: #ea89a8;
}

.individual-assistance .individual-assistance-tabs .hhT-object.hhT-object.bg-custom-green {
    background: linear-gradient(to bottom right, transparent 0%, #fff 15%, #ebf2c4 100%);
    color: #d1db6f;
}

.individual-assistance .individual-assistance-tabs .circle {
    width: 190px;
    height: 190px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    text-align: center;
    padding: 5px;
    font-size: 36px;
    line-height: 1;
    font-family: "JungleMan";
}

.individual-assistance .individual-assistance-tabs #help-home-content .tab-items .tab-item {
    position: relative;
}

.individual-assistance .individual-assistance-tabs #help-home-content .tab-items .tab-item:nth-child(1) {
    padding-bottom: 141px;
    padding-left: 189px;
}

.individual-assistance .individual-assistance-tabs #help-home-content .tab-items .tab-item:nth-child(1) .hhT-objects .hhT-object:nth-child(1) {
    bottom: 269px;
    left: -272px;
}

.individual-assistance .individual-assistance-tabs #help-home-content .tab-items .tab-item:nth-child(1) .hhT-objects .hhT-object:nth-child(2) {
    top: -133px;
    right: 388px;
}

.individual-assistance .individual-assistance-tabs #help-home-content .tab-items .tab-item:nth-child(1) .hhT-objects .hhT-object:nth-child(3) {
    bottom: 56px;
    left: -47px;
}

.individual-assistance .individual-assistance-tabs #help-home-content .tab-items .tab-item:nth-child(1) .hhT-objects .hhT-object:nth-child(4) {
    top: 0;
    right: -72px;
}

.individual-assistance .individual-assistance-tabs #help-home-content .tab-items .tab-item:nth-child(1) .hhT-objects .hhT-object:nth-child(4) .carousel {
    width: 592px;
    height: 537px;
}

.individual-assistance .individual-assistance-tabs #help-home-content .tab-items .tab-item:nth-child(1) .hhT-objects .hhT-object:nth-child(4) .carousel-indicators {
    transform: rotate(334deg);
    right: 13px;
    left: inherit;
    bottom: -13px;
}

.individual-assistance .individual-assistance-tabs #help-home-content .tab-items .tab-item:nth-child(1) .hhT-objects .hhT-object:nth-child(4) .round-carousal .carousel-indicators :nth-child(5) {
    margin-top: 40px;
}

.individual-assistance .individual-assistance-tabs #help-home-content .tab-items .tab-item:nth-child(2) {
    padding-bottom: 227px;
}

.individual-assistance .individual-assistance-tabs #help-home-content .tab-items .tab-item:nth-child(2) p {
    max-width: 629px;
}

.individual-assistance .individual-assistance-tabs #help-home-content .tab-items .tab-item:nth-child(2) .hhT-objects .hhT-object:nth-child(1) {
    top: -125px;
    right: 465px;
    font-size: 34px;
    width: 170px;
    height: 170px;
}

.individual-assistance .individual-assistance-tabs #help-home-content .tab-items .tab-item:nth-child(2) .hhT-objects .hhT-object:nth-child(2) {
    top: -9px;
    right: 222px;
}

.individual-assistance .individual-assistance-tabs #help-home-content .tab-items .tab-item:nth-child(2) .hhT-objects .hhT-object:nth-child(3) {
    width: 172px;
    height: 172px;
    font-size: 32px;
    top: 66px;
    right: 9px;
}

.individual-assistance .individual-assistance-tabs #help-home-content .tab-items .tab-item:nth-child(2) .hhT-objects .hhT-object:nth-child(4) {
    bottom: 12px;
    right: 320px;
}

.individual-assistance .individual-assistance-tabs #help-home-content .tab-items .tab-item:nth-child(2) .hhT-objects .hhT-object:nth-child(5) {
    font-size: 34px;
    width: 153px;
    height: 153px;
    left: 117px;
    bottom: 22px;
}

.individual-assistance .individual-assistance-tabs #help-home-content .tab-items .tab-item:nth-child(3) {
    padding-left: 189px;
    padding-bottom: 90px;
}

.individual-assistance .individual-assistance-tabs #help-home-content .tab-items .tab-item:nth-child(3) .hhT-objects .hhT-object:nth-child(1) {
    top: -44px;
    left: -108px;
}

.individual-assistance .individual-assistance-tabs #help-home-content .tab-items .tab-item:nth-child(3) .hhT-objects .hhT-object:nth-child(2) {
    top: -55px;
    right: 264px;
    width: 185px;
    height: 185px;
}

.individual-assistance .individual-assistance-tabs #help-home-content .tab-items .tab-item:nth-child(4) {
    padding-left: 189px;
    padding-bottom: 51px;
}

.individual-assistance .individual-assistance-tabs #help-home-content .tab-items .tab-item:nth-child(4) p {
    max-width: 801px;
}

.individual-assistance .individual-assistance-tabs #help-home-content .tab-items .tab-item:nth-child(4) .hhT-objects .hhT-object {
    top: -203px;
    right: -7px;
}

.individual-assistance .individual-assistance-tabs #help-home-content .tab-items .tab-item:nth-child(5) {
    padding-left: 246px;
    padding-bottom: 77px;
}

.individual-assistance .individual-assistance-tabs #help-home-content .tab-items .shape-helper {
    float: left;
    shape-outside: circle(105px at left center);
    -webkit-shape-outside: circle(105px at left center);
    clip-path: circle(125px at center);
    width: 250px;
    height: 250px;
    margin-right: 30px;
    background: rgba(0, 0, 0, 0.01);
}

.individual-assistance .individual-assistance-tabs #help-home-content .tab-items .tab-item:nth-child(5) p {
    max-width: 750px;
    margin-left: 35px;

}

.individual-assistance .individual-assistance-tabs #help-home-content .tab-items .tab-item:nth-child(5) .hhT-objects .hhT-object {
    top: -32px;
    left: -131px;
}

.individual-assistance .individual-assistance-tabs #help-home-content .tab-items .tab-item:nth-child(6) {
    padding-bottom: 126px;
}

.individual-assistance .individual-assistance-tabs #help-home-content .tab-items .tab-item:nth-child(6) p {
    max-width: 663px;
}

.individual-assistance .individual-assistance-tabs #help-home-content .tab-items .tab-item:nth-child(6) .hhT-objects .hhT-object {
    top: -39px;
    right: 146px;
}

.individual-assistance .individual-assistance-tabs #help-home-content .tab-items .tab-item:nth-child(7) {
    padding-left: 191px;
    padding-bottom: 117px;
}

.individual-assistance .individual-assistance-tabs #help-home-content .tab-items .tab-item:nth-child(7) p {
    max-width: 584px;
}

.individual-assistance .individual-assistance-tabs #help-home-content .tab-items .tab-item:nth-child(7) .hhT-objects .hhT-object:nth-child(1) {
    top: -68px;
    left: -210px;
}

.individual-assistance .individual-assistance-tabs #help-home-content .tab-items .tab-item:nth-child(7) .hhT-objects .hhT-object:nth-child(1) .carousel {
    width: 396px;
    height: 361px;
}

.individual-assistance .individual-assistance-tabs #help-home-content .tab-items .tab-item:nth-child(7) .hhT-objects .hhT-object:nth-child(1) .carousel button.active {
    background-color: #d1db6f;
    border-color: #d1db6f;
}

.individual-assistance .individual-assistance-tabs #help-home-content .tab-items .tab-item:nth-child(7) .hhT-objects .hhT-object:nth-child(1) .carousel .carousel-indicators {
    right: 30px;
    left: initial;
    bottom: -34px;
    transform: rotate(315deg);
}

.individual-assistance .individual-assistance-tabs #help-home-content .tab-items .tab-item:nth-child(7) .hhT-objects .hhT-object:nth-child(2) {
    top: 46px;
    right: -45px;
}

.individual-assistance .individual-assistance-tabs #help-home-content .tab-items .tab-item:nth-child(7) .hhT-objects .hhT-object:nth-child(3) {
    top: -126px;
    right: 43px;
}

.individual-assistance .individual-assistance-tabs #help-home-content .tab-items .tab-item:nth-child(7) .hhT-objects .hhT-object:nth-child(4) {
    bottom: 86px;
    left: -23px;
}

.individual-assistance .individual-assistance-tabs #medical-assistance-content h3 {
    padding-bottom: 98px;
}

.individual-assistance .individual-assistance-tabs #medical-assistance-content .tab-items .tab-item {
    position: relative;
}

.individual-assistance .individual-assistance-tabs #medical-assistance-content .tab-items .tab-item:nth-child(1) {
    padding-bottom: 106px;
}

.individual-assistance .individual-assistance-tabs #medical-assistance-content .tab-items .tab-item:nth-child(1) p {
    max-width: 700px;
}

.individual-assistance .individual-assistance-tabs #medical-assistance-content .tab-items .tab-item:nth-child(1) .hhT-objects .hhT-object:nth-child(1) {
    width: 200px;
    height: 200px;
    top: -70px;
    right: 253px;
}

.individual-assistance .individual-assistance-tabs #medical-assistance-content .tab-items .tab-item:nth-child(2) {
    padding-bottom: 163px;
}

.individual-assistance .individual-assistance-tabs #medical-assistance-content .tab-items .tab-item:nth-child(2) p {
    max-width: 644px;
}

.individual-assistance .individual-assistance-tabs #medical-assistance-content .tab-items .tab-item:nth-child(2) .hhT-objects .hhT-object:nth-child(1) {
    top: -378px;
    right: -49px;
}

.individual-assistance .individual-assistance-tabs #medical-assistance-content .tab-items .tab-item:nth-child(2) .hhT-objects .hhT-object:nth-child(2) {
    bottom: 0;
    top: inherit;
    right: 400px;
}

.individual-assistance .individual-assistance-tabs #medical-assistance-content .tab-items .tab-item:nth-child(3) {
    padding-bottom: 72px;
    padding-left: 243px;
}

.individual-assistance .individual-assistance-tabs #medical-assistance-content .tab-items .tab-item:nth-child(3) .hhT-objects .hhT-object:nth-child(1) {
    top: -116px;
    left: -238px;
}

.individual-assistance .individual-assistance-tabs #medical-assistance-content .tab-items .tab-item:nth-child(3) .hhT-objects .hhT-object:nth-child(2) {
    width: 193px;
    height: 193px;
    bottom: 0;
    right: 231px;
    font-size: 32px;
}

.individual-assistance .individual-assistance-tabs #medical-assistance-content .tab-items .tab-item:nth-child(4) {
    padding-left: 192px;
    padding-bottom: 138px;
}

.individual-assistance .individual-assistance-tabs #medical-assistance-content .tab-items .tab-item:nth-child(4) p {
    max-width: 650px;
}

.individual-assistance .individual-assistance-tabs #medical-assistance-content .tab-items .tab-item:nth-child(4) .hhT-objects .hhT-object {
    top: -84px;
    right: -60px;
}

.individual-assistance .individual-assistance-tabs #medical-assistance-content .tab-items .tab-item:nth-child(5) {
    padding-bottom: 164px;
}

.individual-assistance .individual-assistance-tabs #medical-assistance-content .tab-items .tab-item:nth-child(5) p {
    max-width: 528px;
}

.individual-assistance .individual-assistance-tabs #medical-assistance-content .tab-items .tab-item:nth-child(5) .hhT-objects .hhT-object:nth-child(1) {
    top: -62px;
    right: 198px;
}

.individual-assistance .individual-assistance-tabs #medical-assistance-content .tab-items .tab-item:nth-child(5) .hhT-objects .hhT-object:nth-child(2) {
    bottom: -46px;
    left: 21px;
}

.individual-assistance .individual-assistance-tabs #medical-assistance-content .tab-items .tab-item:nth-child(6) {
    padding-bottom: 343px;
    padding-left: 245px;
}

.individual-assistance .individual-assistance-tabs #medical-assistance-content .tab-items .tab-item:nth-child(6) p {
    max-width: 618px;
}

.individual-assistance .individual-assistance-tabs #medical-assistance-content .tab-items .tab-item:nth-child(6) .hhT-objects .hhT-object:nth-child(1) {
    top: 30px;
    left: -312px;
}

.individual-assistance .individual-assistance-tabs #medical-assistance-content .tab-items .tab-item:nth-child(6) .hhT-objects .hhT-object:nth-child(1) .carousel {
    width: 582px;
}

.individual-assistance .individual-assistance-tabs #medical-assistance-content .tab-items .tab-item:nth-child(6) .hhT-objects .hhT-object:nth-child(1) .carousel button.active {
    background-color: #d1db6f;
    border-color: #d1db6f;
}

.individual-assistance .individual-assistance-tabs #medical-assistance-content .tab-items .tab-item:nth-child(6) .hhT-objects .hhT-object:nth-child(1) .carousel .carousel-indicators {
    width: fit-content;
    height: fit-content;
    left: initial;
    right: 0;
    transform: rotate(305deg);
    bottom: 0;
}

.individual-assistance .individual-assistance-tabs #medical-assistance-content .tab-items .tab-item:nth-child(6) .hhT-objects .hhT-object:nth-child(2) {
    top: -137px;
    right: -35px;
}

.individual-assistance .individual-assistance-tabs #medical-assistance-content .tab-items .tab-item:nth-child(6) .hhT-objects .hhT-object:nth-child(3) {
    top: 48px;
    right: -111px;
}

.individual-assistance .individual-assistance-tabs #medical-assistance-content .tab-items .tab-item:nth-child(6) .hhT-objects .hhT-object:nth-child(4) {
    width: 207px;
    height: 207px;
    bottom: 72px;
}

.individual-assistance .individual-assistance-tabs #safe-mobility-content h3 {
    padding-bottom: 110px;
}

.individual-assistance .individual-assistance-tabs #safe-mobility-content .tab-items .tab-item {
    position: relative;
}

.individual-assistance .individual-assistance-tabs #safe-mobility-content .tab-items .tab-item:nth-child(1) {
    padding-left: 185px;
    padding-bottom: 233px;
}

.individual-assistance .individual-assistance-tabs #safe-mobility-content .tab-items .tab-item:nth-child(1) .hhT-objects .hhT-object:nth-child(1) {
    top: -372px;
    right: -203px;
}

.individual-assistance .individual-assistance-tabs #safe-mobility-content .tab-items .tab-item:nth-child(1) .hhT-objects .hhT-object:nth-child(2) {
    top: -53px;
    left: -342px;
}

.individual-assistance .individual-assistance-tabs #safe-mobility-content .tab-items .tab-item:nth-child(1) .hhT-objects .hhT-object:nth-child(2) .carousel {
    width: 627px;
    height: 643px;
}

.individual-assistance .individual-assistance-tabs #safe-mobility-content .tab-items .tab-item:nth-child(1) .hhT-objects .hhT-object:nth-child(2) .carousel .carousel-indicators {
    bottom: 103px;
    right: 59px;
    width: fit-content;
    height: fit-content;
    left: inherit;
    transform: rotate(300deg);
}

.individual-assistance .individual-assistance-tabs #safe-mobility-content .tab-items .tab-item:nth-child(1) .hhT-objects .hhT-object:nth-child(3) {
    width: 170px;
    height: 170px;
    bottom: 54px;
    left: 218px;
}

.individual-assistance .individual-assistance-tabs #safe-mobility-content .tab-items .tab-item:nth-child(2) {
    padding-bottom: 198px;
}

.individual-assistance .individual-assistance-tabs #safe-mobility-content .tab-items .tab-item:nth-child(2) p {
    max-width: 712px;
}

.individual-assistance .individual-assistance-tabs #safe-mobility-content .tab-items .tab-item:nth-child(2) .hhT-objects .hhT-object:nth-child(1) {
    top: -203px;
    right: 270px;
}

.individual-assistance .individual-assistance-tabs #safe-mobility-content .tab-items .tab-item:nth-child(2) .hhT-objects .hhT-object:nth-child(1) .carousel {
    width: 583px;
    height: 532px;
}

.individual-assistance .individual-assistance-tabs #safe-mobility-content .tab-items .tab-item:nth-child(2) .hhT-objects .hhT-object:nth-child(1) .carousel button.active {
    background-color: #d1db6f;
    border-color: #d1db6f;
}

.individual-assistance .individual-assistance-tabs #safe-mobility-content .tab-items .tab-item:nth-child(2) .hhT-objects .hhT-object:nth-child(1) .carousel .carousel-indicators {
    width: fit-content;
    height: fit-content;
    left: initial;
    right: -50px;
    transform: rotate(287deg);
    bottom: 40px;
}

.individual-assistance .individual-assistance-tabs #safe-mobility-content .tab-items .tab-item:nth-child(2) .hhT-objects .hhT-object:nth-child(2) {
    top: -98px;
    width: 170px;
    height: 170px;
    right: 66px;
}

.individual-assistance .individual-assistance-tabs #safe-mobility-content .tab-items .tab-item:nth-child(3) {
    padding-right: 79px;
    padding-bottom: 160px;
    padding-left: 493px;
    max-width: fit-content;
}

.individual-assistance .individual-assistance-tabs #safe-mobility-content .tab-items .tab-item:nth-child(3) .shape-helper {
    float: left;
    shape-outside: circle(125px at left center);
    -webkit-shape-outside: circle(69px at left center);
    clip-path: circle(125px at center);
    width: 250px;
    height: 143px;
    margin-right: 30px;
    background: rgba(0, 0, 0, 0.01);
}

.individual-assistance .individual-assistance-tabs #safe-mobility-content .tab-items .tab-item:nth-child(3) p {
    max-width: 596px;
}

.individual-assistance .individual-assistance-tabs #safe-mobility-content .tab-items .tab-item:nth-child(3) .hhT-objects .hhT-object:nth-child(1) {
    top: -174px;
    left: 178px;
}

.individual-assistance .individual-assistance-tabs #safe-mobility-content .tab-items .tab-item:nth-child(3) .hhT-objects .hhT-object:nth-child(2) {
    bottom: 0;
    width: 180px;
    height: 180px;
    right: 14px;
}

.individual-assistance .individual-assistance-tabs #safe-mobility-content .tab-items .tab-item:nth-child(4) {
    padding-bottom: 230px;
}

.individual-assistance .individual-assistance-tabs #safe-mobility-content .tab-items .tab-item:nth-child(4) p {
    max-width: 500px;
}

.individual-assistance .individual-assistance-tabs #safe-mobility-content .tab-items .tab-item:nth-child(4) .hhT-objects .hhT-object:nth-child(1) {
    top: -235px;
    right: -92px;
}

.individual-assistance .individual-assistance-tabs #safe-mobility-content .tab-items .tab-item:nth-child(4) .hhT-objects .hhT-object:nth-child(2) {
    bottom: 44px;
    left: 293px;
}

.individual-assistance .individual-assistance-tabs #safe-mobility-content .tab-items .tab-item:nth-child(5) {
    padding-right: 230px;
    padding-left: 443px;
    padding-bottom: 478px;
}

.individual-assistance .individual-assistance-tabs #safe-mobility-content .tab-items .tab-item:nth-child(5) .hhT-objects .hhT-object:nth-child(1) {
    top: -118px;
    left: -129px;
}

.individual-assistance .individual-assistance-tabs #safe-mobility-content .tab-items .tab-item:nth-child(5) .hhT-objects .hhT-object:nth-child(2) {
    bottom: 101px;
    left: 315px;
}

.individual-assistance .individual-assistance-tabs #safe-mobility-content .tab-items .tab-item:nth-child(5) .hhT-objects .hhT-object:nth-child(3) {
    bottom: 163px;
    width: 170px;
    height: 170px;
    left: 107px;
    font-size: 40px;
}

.individual-assistance .donation-info {
    padding-block: 149px 174px;
}



.individual-assistance .donation-info .info-card .read-more {
    position: relative;
    padding-right: 10px;
}

.individual-assistance .donation-info .info-card .read-more::after {
    display: inline-block;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.4em solid;
    border-right: 0.4em solid rgba(0, 0, 0, 0);
    border-bottom: 0;
    border-left: 0.4em solid rgba(0, 0, 0, 0);
    position: absolute;
    right: -14px;
    top: 8px;
    cursor: pointer;
    rotate: 270deg;
}


.heartfelt-tabs {
    a {
        font-size: 20px;
        display: block;
        text-align: end;
        color: #e32488;
        position: relative;
        width: fit-content;
        margin-left: auto;
        padding-right: 76px;
        padding-bottom: 33px;

        &::before {
            display: inline-block;
            margin-left: 0.255em;
            vertical-align: 0.255em;
            content: "";
            border-top: 0.5em solid;
            border-right: 0.5em solid rgba(0, 0, 0, 0);
            border-bottom: 0;
            border-left: 0.5em solid rgba(0, 0, 0, 0);
            position: absolute;
            right: 23px;
            top: 6px;
            cursor: pointer;
            rotate: 270deg;
        }
    }
}

.heartfelt-tabs .experience-items .experience-item {
    &:nth-child(3) {
        padding-bottom: 84px;

        .experience-object {
            top: 31px;
            left: 3px;
        }
    }

    &:nth-child(4) {
        padding-bottom: 145px;

        p {
            max-width: 539px;

        }

        .carousel {
            position: absolute;
            width: 405px;
            top: 0;
            right: 282px;

            .carousel-indicators {
                transform: rotate(305deg);
                right: -210px;
                left: 0;
                bottom: -16px;

                button.active {
                    background-color: #d997c0;
                    border: 1px solid #e32488;
                }
            }
        }
    }

    &:nth-child(5) {
        padding-bottom: 107px;

        .ET-content {
            max-width: 723px;
            margin-left: 329px;

            p {
                max-width: initial;
                margin-left: 13px;

            }

            .shape-helper {
                shape-outside: circle(75px at left center);
                -webkit-shape-outside: circle(75px at left center);
                width: 250px;
                height: 237px;
            }
        }

        .experience-objects {

            .experience-object {
                &:nth-child(1) {
                    top: -48px;
                    left: -62px;
                }

                &:nth-child(2) {
                    top: -127px;
                    right: 7px;
                }
            }
        }
    }

    &:nth-child(6) {
        padding-bottom: 109px;

        .ET-content {
            max-width: 731px;

            p {
                max-width: initial;
            }
        }

        .experience-objects {
            .experience-object {
                &:nth-child(1) {
                    top: -102px;
                    right: 251px;
                }

                &:nth-child(2) {
                    bottom: -64px;
                    right: 67px;
                }
            }
        }
    }

    &:nth-child(7) {
        padding-bottom: 44px;

        .ET-content {

            max-width: 676px;
            margin-left: 244px;

            p {
                max-width: initial;
                margin-left: 40px;
            }

            .shape-helper {
                shape-outside: circle(125px at left center);
                -webkit-shape-outside: circle(122px at left center);
                clip-path: circle(125px at center);
                width: 246px;
                height: 330px;
            }
        }

        .experience-objects {
            .experience-object {
                &:nth-child(1) {
                    left: -49px;
                    top: 52px;
                }
            }
        }
    }

    &:nth-child(8) {
        padding-bottom: 226px;

        h5 {
            margin-bottom: 17px;
        }

        .experience-objects {
            .experience-object {
                &:nth-child(1) {
                    width: 684px;
                    top: -159px;
                    right: 58px;

                    .carousel {
                        .carousel-indicators {
                            bottom: 122px;
                            right: 0;
                            transform: rotate(300deg);
                            left: initial;
                        }

                        button.active {
                            background-color: #d997c0;
                            border: 1px solid #e32488;
                        }
                    }
                }

                &:nth-child(2) {
                    bottom: -45px;
                    left: 263px;

                }
            }
        }
    }
}


.heartfelt-wishes .divider {
    height: 169px;
}

.heartfelt-wishes .divider:last-of-type {
    height: 87px;
}

.heartfelt-tabs .tab-content #gifts {
    padding-top: 172px;
}

.heartfelt-tabs .tab-content #gifts h5 {
    color: #d1db6f;
}

.heartfelt-tabs .tab-content #gifts .experience-items .experience-item:nth-child(1) {
    padding-bottom: 78px;
    margin-bottom: 0;
}

.heartfelt-tabs .tab-content #gifts .experience-items .experience-item:nth-child(1) p {
    max-width: 629px;
}

.heartfelt-tabs .tab-content #gifts .experience-items .experience-item:nth-child(1) .experience-objects .experience-object {
    top: -128px;
    right: 194px;
}

.heartfelt-tabs .tab-content #gifts .experience-items .experience-item:nth-child(2) {
    padding-bottom: 129px;
}

.heartfelt-tabs .tab-content #gifts .experience-items .experience-item:nth-child(2) .ET-content {
    max-width: 527px;
    margin-left: 315px;
    margin-right: initial;
}

.heartfelt-tabs .tab-content #gifts .experience-items .experience-item:nth-child(2) p {
    margin-left: 20px;
    width: 527px;
}

.heartfelt-tabs .tab-content #gifts .experience-items .experience-item:nth-child(2) .shape-helper {
    height: 176px;
    -webkit-shape-outside: circle(54px at left center);
}

.heartfelt-tabs .tab-content #gifts .experience-items .experience-item:nth-child(2) .experience-objects .experience-object {
    top: -63px;
    left: -84px;
}

.heartfelt-tabs .tab-content #gifts .experience-items .experience-item:nth-child(3) {
    padding-bottom: 186px;
}

.heartfelt-tabs .tab-content #gifts .experience-items .experience-item:nth-child(3) p {
    max-width: 630px;
}

.heartfelt-tabs .tab-content #gifts .experience-items .experience-item:nth-child(3) .experience-objects .experience-object:nth-child(1) {
    top: -129px;
    right: 138px;
    left: initial;
}

.heartfelt-tabs .tab-content #gifts .experience-items .experience-item:nth-child(4) {
    padding-bottom: 152px;
}

.heartfelt-tabs .tab-content #gifts .experience-items .experience-item:nth-child(4) .ET-content {
    max-width: 511px;
    margin-left: 475px;
}

.heartfelt-tabs .tab-content #gifts .experience-items .experience-item:nth-child(4) .experience-objects .experience-object:nth-child(1) {
    top: -112px;
    left: 77px;
}

.heartfelt-tabs .tab-content #gifts .experience-items .experience-item:nth-child(4) .experience-objects .experience-object:nth-child(2) {
    bottom: -89px;
    left: -169px;
}

.heartfelt-tabs .tab-content #gifts .experience-items .experience-item:nth-child(5) {
    padding-bottom: 146px;
}

.heartfelt-tabs .tab-content #gifts .experience-items .experience-item:nth-child(5) .ET-content {
    max-width: 481px;
    margin-left: 185px;
}

.heartfelt-tabs .tab-content #gifts .experience-items .experience-item:nth-child(5) .ET-content p {
    margin-left: 0;
}

.heartfelt-tabs .tab-content #gifts .experience-items .experience-item:nth-child(5) .experience-objects .experience-object:nth-child(1) {
    top: -80px;
    right: 59px;
    left: initial;
    width: 477px;
}

.heartfelt-tabs .tab-content #gifts .experience-items .experience-item:nth-child(5) .experience-objects .experience-object:nth-child(1) .carousel-indicators {
    left: initial;
    transform: rotate(258deg);
    right: -85px;
    bottom: 133px;
}

.heartfelt-tabs .tab-content #gifts .experience-items .experience-item:nth-child(5) .experience-objects .experience-object:nth-child(1) .carousel-indicators button.active {
    background-color: #d1db6f;
    border-color: #d1db6f;
}

.heartfelt-tabs .tab-content #gifts .experience-items .experience-item:nth-child(6) {
    padding-bottom: 300px;
}

.heartfelt-tabs .tab-content #gifts .experience-items .experience-item:nth-child(6) .ET-content {
    max-width: 807px;
}

.heartfelt-tabs .tab-content #gifts .experience-items .experience-item:nth-child(6) .ET-content .shape-helper {
    float: left;
    shape-outside: circle(125px at left center);
    -webkit-shape-outside: circle(271px at left center);
    clip-path: circle(125px at center);
    width: 309px;
    height: 448px;
    margin-right: 30px;
    background: rgba(0, 0, 0, 0.01);
}

.heartfelt-tabs .tab-content #gifts .experience-items .experience-item:nth-child(6) .experience-objects .experience-object:nth-child(1) {
    width: 537px;

    left: -226px;
    right: 0;
    top: 56px;
}

.heartfelt-tabs #gifts .experience-items .experience-item:nth-child(7) .ET-content {
    margin-left: 0;

    p {
        margin-left: 0;
    }
}

.heartfelt-tabs .tab-content #gifts .experience-items .experience-item:nth-child(6) .experience-objects .experience-object:nth-child(1) button.active {
    background-color: #d1db6f;
    border-color: #d1db6f;
}

.heartfelt-tabs .tab-content #gifts .experience-items .experience-item:nth-child(6) .experience-objects .experience-object:nth-child(1) .carousel-indicators {
    bottom: -33px;
    left: -152px;
    transform: rotate(359deg);
}

.heartfelt-tabs .tab-content #gifts .experience-items .experience-item:nth-child(6) .experience-objects .experience-object:nth-child(2) {
    top: -23px;
    bottom: initial;
    right: 15px;
}

.heartfelt-tabs .tab-content #gifts .experience-items .experience-item:nth-child(7) {
    padding-bottom: 635px;
}

.heartfelt-tabs .tab-content #gifts .experience-items .experience-item:nth-child(7) .experience-objects .experience-object:nth-child(1) {
    top: -221px;
    right: 344px;
    left: initial;
}

.heartfelt-tabs .tab-content #gifts .experience-items .experience-item:nth-child(7) .experience-objects .experience-object:nth-child(2) {
    top: -263px;
    right: -37px;
}

.heartfelt-tabs .tab-content #gifts .experience-items .experience-item:nth-child(7) .experience-objects .experience-object:nth-child(3) {
    top: 89px;
    right: -11px;
}

.heartfelt-tabs .tab-content #gifts .experience-items .experience-item:nth-child(7) .experience-objects .experience-object:nth-child(4) {
    width: 493px;
    top: 93px;
    right: 124px;
}

.heartfelt-tabs .tab-content #gifts .experience-items .experience-item:nth-child(7) .experience-objects .experience-object:nth-child(4) .carousel-indicators {
    bottom: -25px;
    left: inherit;
    right: -22px;
    transform: rotate(314deg);
}

.heartfelt-tabs .tab-content #gifts .experience-items .experience-item:nth-child(7) .experience-objects .experience-object:nth-child(5) {
    width: 534px;
    top: 386px;
    left: 130px;
}

.heartfelt-tabs .tab-content #gifts .experience-items .experience-item:nth-child(7) .experience-objects .experience-object:nth-child(5) .carousel-indicators {
    bottom: 0;
    left: -230px;
}

.heartfelt-tabs .tab-content #gifts .experience-items .experience-item:nth-child(7) .experience-objects .experience-object:nth-child(5) button.active {
    background-color: #d1db6f;
    border-color: #d1db6f;
}

.heartfelt-tabs .tab-content #gifts .experience-items .experience-item:nth-child(7) .experience-objects .experience-object:nth-child(6) {
    top: 546px;
    right: 320px;
}

.heartfelt-tabs .tab-content #gifts .experience-items .experience-item:nth-child(7) .experience-objects .experience-object:nth-child(7) {
    top: 341px;
    left: -169px;
}

.heartfelt-tabs .tab-content #gifts .experience-items .experience-item:nth-child(7) .experience-objects .experience-object:nth-child(8) {
    left: -190px;
    bottom: 28px;
}

.heartfelt-tabs .tab-content #gifts .experience-items .experience-item:nth-child(7) .experience-objects .experience-object:nth-child(9) {
    right: -49px;
    bottom: 0;
}








@media(max-width: 1024px) {
    .klaro .cookie-notice:not(.cookie-modal-notice) {
        background-color: #f1f1f1 !important;
        box-shadow: 0 4px 6px 0 rgba(0, 0, 0, .2), 5px 5px 10px 0 rgba(0, 0, 0, .19);
        border-radius: 10px 10px 0 0 !important
    }
}

@media(max-width: 377px) {
    .klaro .cookie-notice:not(.cookie-modal-notice) .cn-body .cn-buttons button.cm-btn {
        width: 100% !important;
        height: initial;
        margin-top: 0 !important
    }

    .klaro .cookie-notice:not(.cookie-modal-notice) .cn-body .cn-buttons {
        margin-top: 0 !important
    }

    .klaro .cookie-notice:not(.cookie-modal-notice) .cn-body .cn-learn-more {
        margin-top: 0 !important
    }

    .klaro .cookie-notice:not(.cookie-modal-notice) .cn-body .cn-ok {
        align-items: center !important;
        margin-top: 10px !important
    }
}

@media(max-width: 384px) {
    .klaro .cookie-notice:not(.cookie-modal-notice) .cn-body .cn-buttons button.cm-btn {
        width: 100% !important
    }
}

@media(min-width: 1800px) {

    .international-assistance .deployment .breadcrumb {
        margin-bottom: 92px;
    }

    .individual-assistance .donation-info .info-card {
        max-width: 360px;
        min-height: 500px;
        margin: auto;
    }

    .heartfelt-wishes .life-quality .breadcrumb {
        margin-bottom: 92px;
    }

    .anton .anton-heart .breadcrumb {
        margin-bottom: 92px;
    }

    .anton .info-card {
        min-height: 500px;
        max-width: 360px;
        margin: auto;
        background-size: cover !important;
    }


    .international-assistance .deployment .info-card {
        max-width: 360px;
        min-height: 500px;
    }

    .advice-banner h1 {

        margin-left: 0 !important;

    }


    .help-affected .container.container-wd {



        max-width: 1226px;



    }



    .navbar .container,



    .topbar .container {



        max-width: 1620px
    }



}










.how-we-help #nav-ernahrungsberatung .service-nav .nav-case-items .nav-case-item:nth-child(6).nC-card,

.how-we-help #nav-ernahrungsberatung .service-nav .nav-case-items .nav-case-item:nth-child(7).nC-card,

.how-we-help #nav-ernahrungsberatung .service-nav .nav-case-items .nav-case-item:nth-child(9),

.how-we-help #nav-familientherapie .service-nav .nav-case-items .nav-case-item.nC-card {

    background: linear-gradient(to bottom right, transparent 0%, #ffffff 15%, #DEEDF3 100%) !important;



}



.how-we-help #nav-sozialberatung .service-nav .nav-case-items .nav-case-item.nC-card {

    background: linear-gradient(to bottom right, transparent 0%, #ffffff 15%, #eccfe2 100%) !important;





}















.how-we-help #nav-krankenkassen .service-nav .nav-case-items .nav-case-item:nth-child(7).nC-card,

.how-we-help #nav-krankenkassen .service-nav .nav-case-items .nav-case-item:nth-child(6).nC-card,

.how-we-help #nav-krankenkassen .service-nav .nav-case-items .nav-case-item:nth-child(9).nC-card,

.how-we-help #nav-krankenkassen .service-nav .nav-case-items .nav-case-item:nth-child(10).nC-card {

    background: linear-gradient(to bottom right, transparent 0%, #ffffff 15%, #D1C0DC 100%) !important;

}



.navbar-light .navbar-toggler {

    border: none;

}

.umfeld-tab-name {
    display: none;
}

.umfeld-active .umfeld-tab-name {
    display: block
}

.umfeld-active .eb-betroffene-tab-name {
    display: none;
}






.dK-accordian .accordion-item .accordion-button.collapsed {

    border: 0 !important;

}

.haupttypen .about-banner h1 {
    max-width: fit-content !important;
}





.contact-item .theme-btn {
    margin: auto;
    display: block;
    margin-top: 10px;
}

#satzungszweck .satzungszweck {
    position: relative;
}

.contact-item span {
    font-size: 12px;
    font-weight: 400;
    line-height: 1.5;
    color: #848483;
    text-align: left;
    display: inline-block;

}

.contact-item a {
    font-size: 12px;
    font-weight: 400;
    line-height: 1.5;
    color: #848483;
    display: inline-block;

}










.hwh-content .slick-dots {
    z-index: 4;
}

.comparison-img {
    display: flex;
    overflow-x: hidden;
    /* prevents whole container from scrolling */
    gap: 10px;
}




.klaro .cookie-modal p,
.klaro .cookie-modal h1,
.klaro .cookie-modal h2,
.klaro .cookie-modal ul,
.klaro .cookie-modal li,
.klaro .context-notice p,
.klaro .context-notice h1,
.klaro .context-notice h2,
.klaro .context-notice ul,
.klaro .context-notice li,
.klaro .cookie-notice p,
.klaro .cookie-notice h1,
.klaro .cookie-notice h2,
.klaro .cookie-notice ul,
.klaro .cookie-notice li {
    display: block;
    text-align: left;
    margin: 0;
    padding: 0;
    margin-top: .7em;
    font-family: 'Century Gothic Pro';
    font-size: 14px;
    line-height: 1.4;
}

.klaro .cookie-modal .cm-modal .cm-header h1 {
    font-family: 'Century Gothic Pro';
    font-size: 21px !important;
}






.anton .banner {
    text-align: center;
    padding-block: 102px;
}

.anton .banner h1 {
    font-size: 90px;
    max-width: fit-content;
    line-height: 1.2;
    margin-bottom: 16px;
}

.anton .banner h1::before {
    content: "";
    content: "";
    left: -135px;
    right: initial;
    width: 125px;
    height: 109px;
    background-size: cover;
    transform: rotate(188deg);
    bottom: -147px;
    top: inherit;
}

.anton .banner .subtext {
    font-size: 60px;
    line-height: 1.2;
    margin-bottom: 0;
}

.anton .service-banner h1::after {
    transform: rotateX(173deg);
    rotate: 115deg;
    width: 289px;
    height: 370px;
    background-size: contain;
    right: -249px;
    background-repeat: no-repeat;
    left: inherit;
    top: -164px;
}

.anton .anton-heart {
    padding-block: 48px;
    position: relative;
}

.anton .anton-heart h2 {
    font-size: 60px;
    color: #e32488;
    font-weight: 500;
    line-height: 1.2;
    margin-bottom: 58px;
}

.anton .anton-heart p {
    font-size: 20px;
    line-height: 1.5;
    color: #4e4e4e;
    max-width: 699px;
    margin-bottom: 0;
}


.anton .anton-heart .carousel {
    position: absolute;
    top: -106px;
    width: 694px;
    right: 189px;
}

.anton .anton-heart .carousel .carousel-item {
    margin-top: 0 !important;
}

.anton .anton-heart .carousel-indicators {
    z-index: 99;
    bottom: 0;
    right: 71px;
    transform: rotate(319deg);
    left: initial;
    width: fit-content;
    height: fit-content;
}

.fundraising {
    position: relative;
}

.fundraising .bg-box {
    width: 81.8%;
}

.fundraising .fundraising-content {
    padding-left: 363px;
    position: relative;
    padding-block: 21px 77px;
}

.fundraising h3 {
    font-size: 55px;
    font-family: "JungleMan";
    color: #81cada;
    line-height: 1.2;
    margin-bottom: 17px;
}

.fundraising p {
    font-size: 20px;
    line-height: 1.5;
    color: #4e4e4e;
    max-width: 449px;
    margin-bottom: 0px;
}

.fundraising .fundraising-items .fundrasing-item {
    position: absolute;
}

.fundraising .fundraising-items .fundrasing-item:nth-child(2) {
    top: 18px;
    left: -124px;
}

.fundraising .fundraising-items .fundrasing-item:nth-child(1) {
    top: -135px;
    right: -280px;
}


.anton .info-cards {
    padding-block: 223px 200px;
}



.anton .info-card p {
    height: 86px;
}

.anton .info-card h6 {
    line-height: 1;
}

.helpInMoscow .hIM-items h3 {
    font-size: 60px;
    color: #e32488;
    font-weight: 500;
    line-height: 1.2;
    margin-bottom: 22px;
}

.helpInMoscow .hIM-items p,
.news .hIM-items p {
    font-size: 20px;
    line-height: 1.5;
    color: #4e4e4e;
    max-width: 699px;
    margin-bottom: 0px;
}

.helpInMoscow .hIM-items h5,
.news .hIM-items h5 {
    text-align: left;
    font-size: 55px;
    color: #48c0d5;
    font-weight: 400;
    line-height: 1.2;
    font-family: "JungleMan";
    margin-bottom: 22px;
    display: block;
    max-width: inherit;
}

.helpInMoscow .hIM-items span {
    font-size: 40px;
    font-family: "JungleMan-Regular";
    color: #48c0d5;
    line-height: 1;
    max-width: 656px;
    display: block;
    margin-bottom: 26px;
}

.helpInMoscow .hIM-items .hIM-item {
    position: relative;
}

.helpInMoscow .hIM-items .hIM-item .hIM-item-object,
.news .hIM-items .hIM-item .hIM-item-object {
    position: absolute;
}

.helpInMoscow .hIM-items .hIM-item:nth-child(1) {
    margin-bottom: 430px;
    padding-top: 143px;
    position: relative;
}

.helpInMoscow .hIM-items .hIM-item:nth-child(1) .hIM-item-objects .hIM-item-object:nth-child(1) {
    top: -45px;
    right: 75px;
}

.helpInMoscow .hIM-items .hIM-item:nth-child(1) .hIM-item-objects .hIM-item-object:nth-child(2) {
    top: 239px;
    right: -292px;
}

.helpInMoscow .hIM-items .hIM-item:nth-child(1) .hIM-item-objects .hIM-item-object:nth-child(2) .carousel {
    width: 775px;
    height: 775px;
}

.helpInMoscow .hIM-items .hIM-item:nth-child(1) .hIM-item-objects .hIM-item-object:nth-child(2) .carousel .carousel-item {
    margin-top: 0 !important;
}

.helpInMoscow .hIM-items .hIM-item:nth-child(1) .hIM-item-objects .hIM-item-object:nth-child(2) .carousel .carousel-indicators {
    z-index: 99;
    top: 344px;
    left: -44px;
    width: fit-content;
    height: fit-content;
    transform: rotate(71deg);
}

.helpInMoscow .hIM-items .hIM-item:nth-child(1) .hIM-item-objects .hIM-item-object:nth-child(2) .carousel .carousel-indicators button.active {
    background-color: #d997c0;
    border: 1px solid #e32488;
}

.news .hIM-items .hIM-item:nth-child(1) {
    padding-left: 251px;
    padding-bottom: 251px;
    position: relative;
}

.news .hIM-items .hIM-item:nth-child(1) p {
    max-width: 449px;
}

.news .hIM-items .hIM-item:nth-child(1) .hIM-item-objects .hIM-item-object:nth-child(1) {
    top: 0;
    left: -162px;
}

.news .hIM-items .hIM-item:nth-child(1) .hIM-item-objects .hIM-item-object:nth-child(2) {
    top: -110px;
    right: -196px;
}

.news .carousel-item {
    margin-top: 0 !important;
}

.news .hIM-items .hIM-item:nth-child(1) .hIM-item-objects .hIM-item-object:nth-child(2) .carousel {
    width: 739px;
    height: -209px;
}

.news .hIM-items .hIM-item:nth-child(1) .hIM-item-objects .hIM-item-object:nth-child(2) .carousel-indicators {
    bottom: 71px;
    left: 0;
    width: fit-content;
    height: fit-content;
    transform: rotate(18deg);
}


.farewell {
    padding-block: 46px 85px;
}

.farewell .bg-box {
    right: 0;
    left: initial;
    width: 81.62%;
}

.farewell .farewell-content {
    padding-left: 467px;
    position: relative;
    margin-right: 0;
    width: fit-content;
}

.farewell .farewell-img {
    position: absolute;
    top: -125px;
    left: -236px;
    width: 878px;
    height: 878px;
}

.farewell p {
    font-size: 20px;
    line-height: 1.5;
    color: #4e4e4e;
    max-width: 699px;
    margin-bottom: 0px;
}

.farewell h5 {
    text-align: left;
    font-size: 55px;
    color: #48c0d5;
    font-weight: 400;
    line-height: 1.2;
    font-family: "JungleMan";
    margin-bottom: 22px;
    display: block;
    max-width: inherit;
}


.heartfelt-wishes .banner {
    text-align: center;
    padding-block: 100px;
}

.heartfelt-wishes .banner .subtext {
    font-size: 60px;
}

.heartfelt-wishes .banner h1 {
    font-size: 90px;
    margin-bottom: 16px;
    line-height: 1.2;
    max-width: initial;
    margin-inline: initial;
}

.heartfelt-wishes .banner h1::before {
    content: "";
    width: 184px;
    height: 186px;
    background: url(../img/assistance-banner-before.svg) no-repeat;
    background-size: cover;
    right: 82px;
    top: -29px;
}

.heartfelt-wishes .banner h1::after {
    background: url(../img/assistance-banner-after.svg) no-repeat;
    transform: initial;
    rotate: initial;
    width: 150px;
    height: 150px;
    background-size: cover;
    left: 86px;
    bottom: -126px;
}

.heartfelt-wishes .life-quality {
    padding-block: 48px 348px;
    position: relative;
}



.heartfelt-wishes .life-quality .carousel {
    width: 593px;
    height: 540px;
    position: absolute;
    top: 145px;
    right: 311px;
}

.heartfelt-wishes .life-quality .carousel .carousel-item {
    margin-top: 0 !important;
}

.heartfelt-wishes .life-quality .carousel .carousel-indicators {
    transform: rotate(311deg);
    left: inherit;
    right: 0;
    bottom: 0;
}

.heartfelt-wishes .life-quality h2 {
    font-size: 60px;
    color: #e32488;
    font-weight: 400;
    line-height: 1.2;
    margin-bottom: 36px;
}

.heartfelt-wishes .life-quality span {
    font-size: 40px;
    color: #48c0d5;
    font-weight: 400;
    line-height: 1;
    font-family: "JungleMan";
    margin-bottom: 22px;
    display: block;
    max-width: 651px;
}

.heartfelt-wishes .life-quality p {
    font-size: 20px;
    line-height: 1.5;
    color: #4e4e4e;
    max-width: 632px;
    margin-bottom: 0px;
}


.heartfelt-tabs {
    position: relative;
}

.heartfelt-tabs .bg-box {
    width: calc(100% - (50% - 41rem + 2rem + 25px));

}

.heartfelt-tabs .tab-pane {
    padding-top: 100px;
}

.heartfelt-tabs .experience-items .experience-item {
    position: relative;
}

.heartfelt-tabs .experience-items .experience-item .carousel-item {
    margin-top: 0 !important;
}

.heartfelt-tabs .experience-items .experience-item:nth-child(1) {
    margin-bottom: 9px;
}

.heartfelt-tabs .experience-items .experience-item:nth-child(1) .carousel {
    position: absolute;
    width: 428px;
    height: 390px;
    bottom: 73px;
    right: 0;
}

.heartfelt-tabs .experience-items .experience-item:nth-child(2) p {
    margin-left: 48px;
    width: 573px;
}

.heartfelt-tabs .experience-items .experience-item:nth-child(3) p {
    margin-left: 13px;
    max-width: 624px;
}

.heartfelt-tabs .experience-items .experience-item:nth-child(3) .shape-helper {
    shape-outside: circle(75px at left center);
    -webkit-shape-outside: circle(75px at left center);
    width: 250px;
    height: 237px;
}

.heartfelt-tabs .experience-item .experience-objects .experience-object {
    position: absolute;
}

.heartfelt-tabs .experience-items .experience-item:nth-child(1) .carousel .carousel-item {
    margin-top: 0 !important;
}

.heartfelt-tabs .experience-items .experience-item:nth-child(1) .carousel .carousel-indicators {
    transform: rotate(301deg);
    right: 0;
    left: initial;
    bottom: -9px;
}

.heartfelt-tabs .experience-items .experience-item:nth-child(1) .carousel .carousel-indicators button.active {
    background-color: #d997c0;
    border: 1px solid #e32488;
}

.heartfelt-tabs .experience-items .experience-item:nth-child(2) {
    padding-bottom: 154px;
}

.heartfelt-tabs .experience-items .experience-item:nth-child(2) .ET-content {
    max-width: 587px;
    margin-left: auto;
    margin-right: 94px;
}

.heartfelt-tabs .experience-items .experience-item:nth-child(2) .carousel {
    position: absolute;
    width: 444px;
    height: 404px;
    top: -23px;
    left: 143px;
}

.heartfelt-tabs .experience-items .experience-item:nth-child(2) .carousel .carousel-indicators {
    transform: rotate(9deg);
    bottom: 0;
    left: -235px;
}

.heartfelt-tabs .experience-items .experience-item:nth-child(3) .ET-content {
    max-width: 626px;
    margin-right: 278px;
    margin-left: auto;
}

.shape-helper {
    float: left;
    shape-outside: circle(125px at left center);
    -webkit-shape-outside: circle(94px at left center);
    clip-path: circle(125px at center);
    width: 250px;
    height: 250px;
    margin-right: 30px;
    background: rgba(0, 0, 0, 0.01);
}

.heartfelt-tabs .tab-content h5 {
    font-size: 55px;
    color: #48c0d5;
    font-weight: 400;
    line-height: 1.2;
    font-family: "JungleMan";
    margin-bottom: 23px;
    display: block;
}

.heartfelt-tabs .tab-content p {
    font-size: 20px;
    line-height: 1.5;
    color: #4e4e4e;
    max-width: 594px;
    margin-bottom: 0px;
}

.heartfelt-tabs .nav {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.heartfelt-tabs .nav .nav-item:nth-child(1) button {
    background: url("../img/heartfelt-tab1.png");
}

.heartfelt-tabs .nav .nav-item:nth-child(2) button {
    background: url("../img/heartfelt-tab2.png");
}

.heartfelt-tabs .nav .nav-link {
    width: 570px;
    padding: 19px 47px 49px 34px !important;
    margin-top: -113px;
    margin-bottom: 0;
    max-height: 111px;
    overflow: hidden;
    position: relative;
    border: 0;
}

.heartfelt-tabs .nav .nav-link h3 {
    font-size: 55px;
    font-family: 'JungleMan';
    text-align: left;
    line-height: 1;
    margin-bottom: 87px;
}

.heartfelt-tabs .nav .nav-link p {
    font-size: 24px;
    color: #fff;
    line-height: 1.42;
    margin-bottom: 0;
    text-align: left;
}

.heartfelt-tabs .nav .nav-link.active {
    max-height: 280px;
}

.individual-assistance .banner {
    padding-block: 92px;
}

.individual-assistance .banner h1 {
    font-size: 90px;
    max-width: fit-content;
    text-align: center;
    line-height: 1.2;
}

.individual-assistance .banner h1::after {
    bottom: 46px;
    left: -174px;
    transform: rotateX(349deg);
    rotate: 53deg;
    width: 246px;
    height: 216px;
    background-size: cover;
}

.individual-assistance .banner h1::before {
    content: "";
    width: 168px;
    height: 156px;
    bottom: -50px;
    right: 20px;
    background-size: contain;
    transform: rotateY(176deg);
    rotate: 148deg;
    top: initial;
}

.individual-assistance .banner h1 span {
    font-size: 90px;
}

.individual-assistance .individual-advice {
    padding-block: 48px 70px;
    position: relative;
}



.individual-assistance .individual-advice .carousel {
    position: absolute;
    width: 696px;
    height: 634px;
    top: 0;
    right: 296px;
}

.individual-assistance .individual-advice .carousel .carousel-item {
    margin-top: 0;
}

.individual-assistance .individual-advice .carousel .carousel-indicators {
    right: 0px;
    left: initial;
    transform: rotate(319deg);
    width: fit-content;
    height: fit-content;
    bottom: -9px;
    gap: 31px;
}

.individual-assistance .individual-advice .carousel .carousel-indicators button.active {
    background-color: #d997c0;
    border: 1px solid #e32488;
}

.individual-assistance .individual-advice h2 {
    font-size: 60px;
    color: #e32488;
    font-weight: 400;
    line-height: 1.2;
    margin-bottom: 42px;
    max-width: 701px;
}

.individual-assistance .individual-advice p {
    font-size: 20px;
    line-height: 1.5;
    color: #4e4e4e;
    max-width: 697px;
    margin-bottom: 0;
}

.individual-assistance .individual-assistance-tabs {
    padding-top: 58px;
    position: relative;
    padding-bottom: 38px;
}



.individual-assistance .individual-assistance-tabs h3 {
    font-size: 60px;
    color: #e32488;
    font-weight: 400;
    line-height: 1.2;
    padding-bottom: 144px;
    margin-bottom: 0;
}

.individual-assistance .individual-assistance-tabs h4 {
    font-size: 55px;
    color: #48c0d5;
    font-weight: 400;
    line-height: 1.2;
    font-family: "JungleMan";
    margin-bottom: 14px;
    display: block;
}

.individual-assistance .individual-assistance-tabs p {
    max-width: 503px;
    font-size: 20px;
    line-height: 1.5;
    color: #4e4e4e;
    margin-bottom: 0;
}

.individual-assistance .individual-assistance-tabs .nav-tabs {
    gap: 28px;
    padding-bottom: 112px;
    z-index: 9999;
    position: relative;
}

.individual-assistance .individual-assistance-tabs .nav-tabs .nav-link {
    font-size: 22px;
    line-height: 1.2;
    color: #5e5e5d;
    border: 0;
    padding: 0;
    font-weight: 700;
    background: transparent;
}

.individual-assistance .individual-assistance-tabs .nav-tabs .nav-link .seperate {
    margin-left: 41px;
}

.individual-assistance .individual-assistance-tabs .nav-link.active {
    color: #e32488;
}

.individual-assistance .individual-assistance-tabs .nav-link.active .seperate {
    color: #5e5e5d;
}

.individual-assistance .individual-assistance-tabs .hhT-object {
    position: absolute;
}

.individual-assistance .individual-assistance-tabs .hhT-object .carousel-item {
    margin-top: 0 !important;
}

.individual-assistance .individual-assistance-tabs .hhT-object.bg-custom-blue {
    background: linear-gradient(to bottom right, transparent 0%, #fff 15%, #deedf3 100%) !important;
    color: #81cada;
}

.individual-assistance .individual-assistance-tabs .hhT-object.hhT-object.bg-custom-pink {
    background: linear-gradient(to bottom right, transparent 0%, #fff 15%, #eccfe2 100%);
    color: #ea89a8;
}

.individual-assistance .individual-assistance-tabs .hhT-object.hhT-object.bg-custom-green {
    background: linear-gradient(to bottom right, transparent 0%, #fff 15%, #ebf2c4 100%);
    color: #d1db6f;
}

.individual-assistance .individual-assistance-tabs .circle {
    width: 190px;
    height: 190px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    text-align: center;
    padding: 5px;
    font-size: 36px;
    line-height: 1;
    font-family: "JungleMan";
}

.individual-assistance .individual-assistance-tabs #help-home-content .tab-items .tab-item {
    position: relative;
}

.individual-assistance .individual-assistance-tabs #help-home-content .tab-items .tab-item:nth-child(1) {
    padding-bottom: 141px;
    padding-left: 189px;
}

.individual-assistance .individual-assistance-tabs #help-home-content .tab-items .tab-item:nth-child(1) .hhT-objects .hhT-object:nth-child(1) {
    bottom: 269px;
    left: -272px;
}

.individual-assistance .individual-assistance-tabs #help-home-content .tab-items .tab-item:nth-child(1) .hhT-objects .hhT-object:nth-child(2) {
    top: -133px;
    right: 388px;
}

.individual-assistance .individual-assistance-tabs #help-home-content .tab-items .tab-item:nth-child(1) .hhT-objects .hhT-object:nth-child(3) {
    bottom: 56px;
    left: -47px;
}

.individual-assistance .individual-assistance-tabs #help-home-content .tab-items .tab-item:nth-child(1) .hhT-objects .hhT-object:nth-child(4) {
    top: 0;
    right: -72px;
}

.individual-assistance .individual-assistance-tabs #help-home-content .tab-items .tab-item:nth-child(1) .hhT-objects .hhT-object:nth-child(4) .carousel {
    width: 592px;
    height: 537px;
}

.individual-assistance .individual-assistance-tabs #help-home-content .tab-items .tab-item:nth-child(1) .hhT-objects .hhT-object:nth-child(4) .carousel-indicators {
    transform: rotate(334deg);
    right: 13px;
    left: inherit;
    bottom: -13px;
}

.individual-assistance .individual-assistance-tabs #help-home-content .tab-items .tab-item:nth-child(1) .hhT-objects .hhT-object:nth-child(4) .round-carousal .carousel-indicators :nth-child(5) {
    margin-top: 40px;
}

.individual-assistance .individual-assistance-tabs #help-home-content .tab-items .tab-item:nth-child(2) {
    padding-bottom: 227px;
}

.individual-assistance .individual-assistance-tabs #help-home-content .tab-items .tab-item:nth-child(2) p {
    max-width: 629px;
}

.individual-assistance .individual-assistance-tabs #help-home-content .tab-items .tab-item:nth-child(2) .hhT-objects .hhT-object:nth-child(1) {
    top: -125px;
    right: 465px;
    font-size: 34px;
    width: 170px;
    height: 170px;
}

.individual-assistance .individual-assistance-tabs #help-home-content .tab-items .tab-item:nth-child(2) .hhT-objects .hhT-object:nth-child(2) {
    top: -9px;
    right: 222px;
}

.individual-assistance .individual-assistance-tabs #help-home-content .tab-items .tab-item:nth-child(2) .hhT-objects .hhT-object:nth-child(3) {
    width: 172px;
    height: 172px;
    font-size: 32px;
    top: 66px;
    right: 9px;
}

.individual-assistance .individual-assistance-tabs #help-home-content .tab-items .tab-item:nth-child(2) .hhT-objects .hhT-object:nth-child(4) {
    bottom: 12px;
    right: 320px;
}

.individual-assistance .individual-assistance-tabs #help-home-content .tab-items .tab-item:nth-child(2) .hhT-objects .hhT-object:nth-child(5) {
    font-size: 34px;
    width: 153px;
    height: 153px;
    left: 117px;
    bottom: 22px;
}

.individual-assistance .individual-assistance-tabs #help-home-content .tab-items .tab-item:nth-child(3) {
    padding-left: 189px;
    padding-bottom: 90px;
}

.individual-assistance .individual-assistance-tabs #help-home-content .tab-items .tab-item:nth-child(3) .hhT-objects .hhT-object:nth-child(1) {
    top: -44px;
    left: -108px;
}

.individual-assistance .individual-assistance-tabs #help-home-content .tab-items .tab-item:nth-child(3) .hhT-objects .hhT-object:nth-child(2) {
    top: -55px;
    right: 264px;
    width: 185px;
    height: 185px;
}

.individual-assistance .individual-assistance-tabs #help-home-content .tab-items .tab-item:nth-child(4) {
    padding-left: 189px;
    padding-bottom: 51px;
}

.individual-assistance .individual-assistance-tabs #help-home-content .tab-items .tab-item:nth-child(4) p {
    max-width: 801px;
}

.individual-assistance .individual-assistance-tabs #help-home-content .tab-items .tab-item:nth-child(4) .hhT-objects .hhT-object {
    top: -203px;
    right: -7px;
}

.individual-assistance .individual-assistance-tabs #help-home-content .tab-items .tab-item:nth-child(5) {
    padding-left: 246px;
    padding-bottom: 77px;
}

.individual-assistance .individual-assistance-tabs #help-home-content .tab-items .shape-helper {
    float: left;
    shape-outside: circle(105px at left center);
    -webkit-shape-outside: circle(105px at left center);
    clip-path: circle(125px at center);
    width: 250px;
    height: 250px;
    margin-right: 30px;
    background: rgba(0, 0, 0, 0.01);
}

.individual-assistance .individual-assistance-tabs #help-home-content .tab-items .tab-item:nth-child(5) p {
    max-width: 750px;
    margin-left: 35px;

}

.individual-assistance .individual-assistance-tabs #help-home-content .tab-items .tab-item:nth-child(5) .hhT-objects .hhT-object {
    top: -32px;
    left: -131px;
}

.individual-assistance .individual-assistance-tabs #help-home-content .tab-items .tab-item:nth-child(6) {
    padding-bottom: 126px;
}

.individual-assistance .individual-assistance-tabs #help-home-content .tab-items .tab-item:nth-child(6) p {
    max-width: 663px;
}

.individual-assistance .individual-assistance-tabs #help-home-content .tab-items .tab-item:nth-child(6) .hhT-objects .hhT-object {
    top: -39px;
    right: 146px;
}

.individual-assistance .individual-assistance-tabs #help-home-content .tab-items .tab-item:nth-child(7) {
    padding-left: 191px;
    padding-bottom: 117px;
}

.individual-assistance .individual-assistance-tabs #help-home-content .tab-items .tab-item:nth-child(7) p {
    max-width: 584px;
}

.individual-assistance .individual-assistance-tabs #help-home-content .tab-items .tab-item:nth-child(7) .hhT-objects .hhT-object:nth-child(1) {
    top: -68px;
    left: -210px;
}

.individual-assistance .individual-assistance-tabs #help-home-content .tab-items .tab-item:nth-child(7) .hhT-objects .hhT-object:nth-child(1) .carousel {
    width: 396px;
    height: 361px;
}

.individual-assistance .individual-assistance-tabs #help-home-content .tab-items .tab-item:nth-child(7) .hhT-objects .hhT-object:nth-child(1) .carousel button.active {
    background-color: #d1db6f;
    border-color: #d1db6f;
}

.individual-assistance .individual-assistance-tabs #help-home-content .tab-items .tab-item:nth-child(7) .hhT-objects .hhT-object:nth-child(1) .carousel .carousel-indicators {
    right: 30px;
    left: initial;
    bottom: -34px;
    transform: rotate(315deg);
}

.individual-assistance .individual-assistance-tabs #help-home-content .tab-items .tab-item:nth-child(7) .hhT-objects .hhT-object:nth-child(2) {
    top: 46px;
    right: -45px;
}

.individual-assistance .individual-assistance-tabs #help-home-content .tab-items .tab-item:nth-child(7) .hhT-objects .hhT-object:nth-child(3) {
    top: -126px;
    right: 43px;
}

.individual-assistance .individual-assistance-tabs #help-home-content .tab-items .tab-item:nth-child(7) .hhT-objects .hhT-object:nth-child(4) {
    bottom: 86px;
    left: -23px;
}

.individual-assistance .individual-assistance-tabs #medical-assistance-content h3 {
    padding-bottom: 98px;
}

.individual-assistance .individual-assistance-tabs #medical-assistance-content .tab-items .tab-item {
    position: relative;
}

.individual-assistance .individual-assistance-tabs #medical-assistance-content .tab-items .tab-item:nth-child(1) {
    padding-bottom: 106px;
}

.individual-assistance .individual-assistance-tabs #medical-assistance-content .tab-items .tab-item:nth-child(1) p {
    max-width: 700px;
}

.individual-assistance .individual-assistance-tabs #medical-assistance-content .tab-items .tab-item:nth-child(1) .hhT-objects .hhT-object:nth-child(1) {
    width: 200px;
    height: 200px;
    top: -70px;
    right: 253px;
}

.individual-assistance .individual-assistance-tabs #medical-assistance-content .tab-items .tab-item:nth-child(2) {
    padding-bottom: 163px;
}

.individual-assistance .individual-assistance-tabs #medical-assistance-content .tab-items .tab-item:nth-child(2) p {
    max-width: 644px;
}

.individual-assistance .individual-assistance-tabs #medical-assistance-content .tab-items .tab-item:nth-child(2) .hhT-objects .hhT-object:nth-child(1) {
    top: -378px;
    right: -49px;
}

.individual-assistance .individual-assistance-tabs #medical-assistance-content .tab-items .tab-item:nth-child(2) .hhT-objects .hhT-object:nth-child(2) {
    bottom: 0;
    top: inherit;
    right: 400px;
}

.individual-assistance .individual-assistance-tabs #medical-assistance-content .tab-items .tab-item:nth-child(3) {
    padding-bottom: 72px;
    padding-left: 243px;
}

.individual-assistance .individual-assistance-tabs #medical-assistance-content .tab-items .tab-item:nth-child(3) .hhT-objects .hhT-object:nth-child(1) {
    top: -116px;
    left: -238px;
}

.individual-assistance .individual-assistance-tabs #medical-assistance-content .tab-items .tab-item:nth-child(3) .hhT-objects .hhT-object:nth-child(2) {
    width: 193px;
    height: 193px;
    bottom: 0;
    right: 231px;
    font-size: 32px;
}

.individual-assistance .individual-assistance-tabs #medical-assistance-content .tab-items .tab-item:nth-child(4) {
    padding-left: 192px;
    padding-bottom: 138px;
}

.individual-assistance .individual-assistance-tabs #medical-assistance-content .tab-items .tab-item:nth-child(4) p {
    max-width: 650px;
}

.individual-assistance .individual-assistance-tabs #medical-assistance-content .tab-items .tab-item:nth-child(4) .hhT-objects .hhT-object {
    top: -84px;
    right: -60px;
}

.individual-assistance .individual-assistance-tabs #medical-assistance-content .tab-items .tab-item:nth-child(5) {
    padding-bottom: 164px;
}

.individual-assistance .individual-assistance-tabs #medical-assistance-content .tab-items .tab-item:nth-child(5) p {
    max-width: 528px;
}

.individual-assistance .individual-assistance-tabs #medical-assistance-content .tab-items .tab-item:nth-child(5) .hhT-objects .hhT-object:nth-child(1) {
    top: -62px;
    right: 198px;
}

.individual-assistance .individual-assistance-tabs #medical-assistance-content .tab-items .tab-item:nth-child(5) .hhT-objects .hhT-object:nth-child(2) {
    bottom: -46px;
    left: 21px;
}

.individual-assistance .individual-assistance-tabs #medical-assistance-content .tab-items .tab-item:nth-child(6) {
    padding-bottom: 343px;
    padding-left: 245px;
}

.individual-assistance .individual-assistance-tabs #medical-assistance-content .tab-items .tab-item:nth-child(6) p {
    max-width: 618px;
}

.individual-assistance .individual-assistance-tabs #medical-assistance-content .tab-items .tab-item:nth-child(6) .hhT-objects .hhT-object:nth-child(1) {
    top: 30px;
    left: -312px;
}

.individual-assistance .individual-assistance-tabs #medical-assistance-content .tab-items .tab-item:nth-child(6) .hhT-objects .hhT-object:nth-child(1) .carousel {
    width: 582px;
}

.individual-assistance .individual-assistance-tabs #medical-assistance-content .tab-items .tab-item:nth-child(6) .hhT-objects .hhT-object:nth-child(1) .carousel button.active {
    background-color: #d1db6f;
    border-color: #d1db6f;
}

.individual-assistance .individual-assistance-tabs #medical-assistance-content .tab-items .tab-item:nth-child(6) .hhT-objects .hhT-object:nth-child(1) .carousel .carousel-indicators {
    width: fit-content;
    height: fit-content;
    left: initial;
    right: 0;
    transform: rotate(305deg);
    bottom: 0;
}

.individual-assistance .individual-assistance-tabs #medical-assistance-content .tab-items .tab-item:nth-child(6) .hhT-objects .hhT-object:nth-child(2) {
    top: -137px;
    right: -35px;
}

.individual-assistance .individual-assistance-tabs #medical-assistance-content .tab-items .tab-item:nth-child(6) .hhT-objects .hhT-object:nth-child(3) {
    top: 48px;
    right: -111px;
}

.individual-assistance .individual-assistance-tabs #medical-assistance-content .tab-items .tab-item:nth-child(6) .hhT-objects .hhT-object:nth-child(4) {
    width: 207px;
    height: 207px;
    bottom: 72px;
}

.individual-assistance .individual-assistance-tabs #safe-mobility-content h3 {
    padding-bottom: 110px;
}

.individual-assistance .individual-assistance-tabs #safe-mobility-content .tab-items .tab-item {
    position: relative;
}

.individual-assistance .individual-assistance-tabs #safe-mobility-content .tab-items .tab-item:nth-child(1) {
    padding-left: 185px;
    padding-bottom: 233px;
}

.individual-assistance .individual-assistance-tabs #safe-mobility-content .tab-items .tab-item:nth-child(1) .hhT-objects .hhT-object:nth-child(1) {
    top: -372px;
    right: -203px;
}

.individual-assistance .individual-assistance-tabs #safe-mobility-content .tab-items .tab-item:nth-child(1) .hhT-objects .hhT-object:nth-child(2) {
    top: -53px;
    left: -342px;
}

.individual-assistance .individual-assistance-tabs #safe-mobility-content .tab-items .tab-item:nth-child(1) .hhT-objects .hhT-object:nth-child(2) .carousel {
    width: 627px;
    height: 643px;
}

.individual-assistance .individual-assistance-tabs #safe-mobility-content .tab-items .tab-item:nth-child(1) .hhT-objects .hhT-object:nth-child(2) .carousel .carousel-indicators {
    bottom: 103px;
    right: 59px;
    width: fit-content;
    height: fit-content;
    left: inherit;
    transform: rotate(300deg);
}

.individual-assistance .individual-assistance-tabs #safe-mobility-content .tab-items .tab-item:nth-child(1) .hhT-objects .hhT-object:nth-child(3) {
    width: 170px;
    height: 170px;
    bottom: 54px;
    left: 218px;
}

.individual-assistance .individual-assistance-tabs #safe-mobility-content .tab-items .tab-item:nth-child(2) {
    padding-bottom: 198px;
}

.individual-assistance .individual-assistance-tabs #safe-mobility-content .tab-items .tab-item:nth-child(2) p {
    max-width: 712px;
}

.individual-assistance .individual-assistance-tabs #safe-mobility-content .tab-items .tab-item:nth-child(2) .hhT-objects .hhT-object:nth-child(1) {
    top: -203px;
    right: 270px;
}

.individual-assistance .individual-assistance-tabs #safe-mobility-content .tab-items .tab-item:nth-child(2) .hhT-objects .hhT-object:nth-child(1) .carousel {
    width: 583px;
    height: 532px;
}

.individual-assistance .individual-assistance-tabs #safe-mobility-content .tab-items .tab-item:nth-child(2) .hhT-objects .hhT-object:nth-child(1) .carousel button.active {
    background-color: #d1db6f;
    border-color: #d1db6f;
}

.individual-assistance .individual-assistance-tabs #safe-mobility-content .tab-items .tab-item:nth-child(2) .hhT-objects .hhT-object:nth-child(1) .carousel .carousel-indicators {
    width: fit-content;
    height: fit-content;
    left: initial;
    right: -50px;
    transform: rotate(287deg);
    bottom: 40px;
}

.individual-assistance .individual-assistance-tabs #safe-mobility-content .tab-items .tab-item:nth-child(2) .hhT-objects .hhT-object:nth-child(2) {
    top: -98px;
    width: 170px;
    height: 170px;
    right: 66px;
}

.individual-assistance .individual-assistance-tabs #safe-mobility-content .tab-items .tab-item:nth-child(3) {
    padding-right: 87px;
    padding-bottom: 160px;
    padding-left: 493px;
    max-width: fit-content;
}

.individual-assistance .individual-assistance-tabs #safe-mobility-content .tab-items .tab-item:nth-child(3) p {
    max-width: 596px;
}

.individual-assistance .individual-assistance-tabs #safe-mobility-content .tab-items .tab-item:nth-child(3) .hhT-objects .hhT-object:nth-child(1) {
    top: -174px;
    left: 178px;
}

.individual-assistance .individual-assistance-tabs #safe-mobility-content .tab-items .tab-item:nth-child(3) .hhT-objects .hhT-object:nth-child(2) {
    bottom: 0;
    width: 180px;
    height: 180px;
    right: 14px;
}

.individual-assistance .individual-assistance-tabs #safe-mobility-content .tab-items .tab-item:nth-child(4) {
    padding-bottom: 230px;
}

.individual-assistance .individual-assistance-tabs #safe-mobility-content .tab-items .tab-item:nth-child(4) p {
    max-width: 500px;
}

.individual-assistance .individual-assistance-tabs #safe-mobility-content .tab-items .tab-item:nth-child(4) .hhT-objects .hhT-object:nth-child(1) {
    top: -235px;
    right: -92px;
}

.individual-assistance .individual-assistance-tabs #safe-mobility-content .tab-items .tab-item:nth-child(4) .hhT-objects .hhT-object:nth-child(2) {
    bottom: 44px;
    left: 293px;
}

.individual-assistance .individual-assistance-tabs #safe-mobility-content .tab-items .tab-item:nth-child(5) {
    padding-right: 230px;
    padding-left: 443px;
    padding-bottom: 478px;
}

.individual-assistance .individual-assistance-tabs #safe-mobility-content .tab-items .tab-item:nth-child(5) .hhT-objects .hhT-object:nth-child(1) {
    top: -118px;
    left: -129px;
}

.individual-assistance .individual-assistance-tabs #safe-mobility-content .tab-items .tab-item:nth-child(5) .hhT-objects .hhT-object:nth-child(2) {
    bottom: 101px;
    left: 315px;
}

.individual-assistance .individual-assistance-tabs #safe-mobility-content .tab-items .tab-item:nth-child(5) .hhT-objects .hhT-object:nth-child(3) {
    bottom: 163px;
    width: 170px;
    height: 170px;
    left: 107px;
    font-size: 40px;
}

.individual-assistance .donation-info {
    padding-block: 149px 174px;
}


.individual-assistance .donation-info .info-card .read-more {
    position: relative;
    padding-right: 10px;
}

.individual-assistance .donation-info .info-card .read-more::after {
    display: inline-block;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.4em solid;
    border-right: 0.4em solid rgba(0, 0, 0, 0);
    border-bottom: 0;
    border-left: 0.4em solid rgba(0, 0, 0, 0);
    position: absolute;
    right: -14px;
    top: 8px;
    cursor: pointer;
    rotate: 270deg;
}


.heartfelt-tabs {
    a {
        font-size: 20px;
        display: block;
        text-align: end;
        color: #e32488;
        position: relative;
        width: fit-content;
        margin-left: auto;
        padding-right: 76px;
        padding-bottom: 33px;

        &::before {
            display: inline-block;
            margin-left: 0.255em;
            vertical-align: 0.255em;
            content: "";
            border-top: 0.5em solid;
            border-right: 0.5em solid rgba(0, 0, 0, 0);
            border-bottom: 0;
            border-left: 0.5em solid rgba(0, 0, 0, 0);
            position: absolute;
            right: 23px;
            top: 6px;
            cursor: pointer;
            rotate: 270deg;
        }
    }
}

.heartfelt-tabs .experience-items .experience-item {
    &:nth-child(3) {
        padding-bottom: 84px;

        .experience-object {
            top: 31px;
            left: 3px;
        }
    }

    &:nth-child(4) {
        padding-bottom: 145px;

        p {
            max-width: 539px;

        }

        .shape-helper {
            -webkit-shape-outside: circle(70px at left center);
            height: 239px;
        }

        .carousel {
            position: absolute;
            width: 405px;
            top: 0;
            right: 282px;

            .carousel-indicators {
                transform: rotate(305deg);
                right: -210px;
                left: 0;
                bottom: -16px;

                button.active {
                    background-color: #d997c0;
                    border: 1px solid #e32488;
                }
            }
        }
    }

    &:nth-child(5) {
        padding-bottom: 107px;

        .ET-content {
            max-width: 723px;
            margin-left: 329px;

            p {
                max-width: initial;
                margin-left: 13px;

            }

            .shape-helper {
                shape-outside: circle(75px at left center);
                -webkit-shape-outside: circle(75px at left center);
                width: 250px;
                height: 237px;
            }
        }

        .experience-objects {

            .experience-object {
                &:nth-child(1) {
                    top: -48px;
                    left: -62px;
                }

                &:nth-child(2) {
                    top: -127px;
                    right: 7px;
                }
            }
        }
    }

    &:nth-child(6) {
        padding-bottom: 109px;

        .ET-content {
            max-width: 731px;

            p {
                max-width: initial;
            }
        }

        .experience-objects {
            .experience-object {
                &:nth-child(1) {
                    top: -102px;
                    right: 251px;
                }

                &:nth-child(2) {
                    bottom: -64px;
                    right: 67px;
                }
            }
        }
    }

    &:nth-child(7) {
        padding-bottom: 44px;

        .ET-content {

            max-width: 676px;
            margin-left: 244px;

            p {
                max-width: initial;
                margin-left: 40px;
            }

            .shape-helper {
                shape-outside: circle(125px at left center);
                -webkit-shape-outside: circle(122px at left center);
                clip-path: circle(125px at center);
                width: 246px;
                height: 330px;
            }
        }

        .experience-objects {
            .experience-object {
                &:nth-child(1) {
                    left: -49px;
                    top: 52px;
                }
            }
        }
    }

    &:nth-child(8) {
        padding-bottom: 226px;

        h5 {
            margin-bottom: 17px;
        }

        .experience-objects {
            .experience-object {
                &:nth-child(1) {
                    width: 684px;
                    top: -159px;
                    right: 58px;

                    .carousel {
                        .carousel-indicators {
                            bottom: 122px;
                            right: 0;
                            transform: rotate(300deg);
                            left: initial;
                        }

                        button.active {
                            background-color: #d997c0;
                            border: 1px solid #e32488;
                        }
                    }
                }

                &:nth-child(2) {
                    bottom: -45px;
                    left: 263px;

                }
            }
        }
    }
}


.heartfelt-wishes .divider {
    height: 169px;
}

.heartfelt-wishes .divider:last-of-type {
    height: 87px;
}









@media(max-width: 1024px) {
    .klaro .cookie-notice:not(.cookie-modal-notice) {
        background-color: #f1f1f1 !important;
        box-shadow: 0 4px 6px 0 rgba(0, 0, 0, .2), 5px 5px 10px 0 rgba(0, 0, 0, .19);
        border-radius: 10px 10px 0 0 !important
    }
}

@media(max-width: 377px) {
    .klaro .cookie-notice:not(.cookie-modal-notice) .cn-body .cn-buttons button.cm-btn {
        width: 100% !important;
        height: initial;
        margin-top: 0 !important
    }

    .klaro .cookie-notice:not(.cookie-modal-notice) .cn-body .cn-buttons {
        margin-top: 0 !important
    }

    .klaro .cookie-notice:not(.cookie-modal-notice) .cn-body .cn-learn-more {
        margin-top: 0 !important
    }

    .klaro .cookie-notice:not(.cookie-modal-notice) .cn-body .cn-ok {
        align-items: center !important;
        margin-top: 10px !important
    }
}

@media(max-width: 384px) {
    .klaro .cookie-notice:not(.cookie-modal-notice) .cn-body .cn-buttons button.cm-btn {
        width: 100% !important
    }
}

@media(min-width: 1800px) {

    .international-assistance .deployment .breadcrumb,
    .individual-assistance .individual-advice .breadcrumb {

        margin-bottom: 92px;
    }

    .anton .anton-heart .breadcrumb {
        margin-bottom: 92px;
    }

    .anton .info-card {
        min-height: 500px;
        max-width: 360px;
        margin: auto;
        background-size: cover !important;
    }


    .international-assistance .deployment .info-card {
        max-width: 360px;
        min-height: 500px;
    }

    .advice-banner h1 {

        margin-left: 0 !important;

    }



    .help-affected .container.container-wd {



        max-width: 1226px;



    }



    .navbar .container,



    .topbar .container {



        max-width: 1620px
    }



}







@media(min-width: 1400px) {



    .container {



        max-width: 1190px
    }







    .container.container-wd {



        max-width: 1200px;



    }











    .satzungszweck .container.container-wd {



        max-width: 1284px;



    }







    .approach .container.container-wd {



        max-width: 1649px;



    }



}


.donation-option .container {



    max-width: 1224px;



}


#checkout.shop .about-banner {
    padding: 0;
}

#checkout .alert.success p {
    font-family: "JungleMan";
    font-size: 28px;
    margin-bottom: 0;
    color: #E32488;
}

#checkout.shop .about-banner .banner-text {
    padding-block: 25px;
    background: url(../img/shop-banner-mb.webp) no-repeat center / cover;

}

#checkout.shop .about-banner {
    padding: 0;
}

#checkout .alert.success p {
    font-family: "JungleMan";
    font-size: 28px;
    margin-bottom: 0;
    color: #E32488;
}

#checkout.shop .about-banner .banner-text {
    padding-block: 25px;
    background: url(../img/shop-banner-mb.webp) no-repeat center / cover;

}




.program-section {
    padding-top: 130px;
}

.program-section .bg-box {
    right: 0;
    left: initial;
    width: 81.15%;
}

.program-section h3 {
    font-size: 60px;
    color: #a8c840;
    font-weight: 400;
    line-height: 1.2;
    margin-bottom: 30px;
}

.program-section span {
    font-size: 40px;
    color: #48c0d5;
    font-weight: 400;
    line-height: 1;
    font-family: "JungleMan";
    margin-bottom: 49px;
    display: block;
    max-width: 699px;
}

.program-section p {
    font-size: 20px;
    line-height: 1.5;
    color: #4e4e4e;
    max-width: 651px;
    margin-bottom: 30px;
}

.program-section .green-grand-heading {
    max-width: 651px;
    margin: auto;
    padding-bottom: 516px;
    padding-top: 58px;
}

.program-section .green-items .green-item {
    position: absolute;
}

.program-section .green-items .green-item:nth-child(1) {
    top: 27px;
    right: -47px;
}

.program-section .green-items .green-item:nth-child(2) {
    top: 285px;
    right: -171px;
}

.program-section .green-items .green-item:nth-child(3) {
    bottom: 48px;
    right: 118px;
}

.program-section .green-items .green-item:nth-child(4) {
    bottom: -90px;
}

.program-section .green-items .green-item:nth-child(4) .carousel {
    width: 600px;
    height: 600px;
}

.program-section .green-items .green-item:nth-child(4) .carousel-item {
    margin-top: 0;
}

.program-section .green-items .green-item:nth-child(4) .carousel-indicators {
    gap: 26px;
    z-index: 99;
    left: inherit;
    right: -135px;
    transform: rotate(215deg);
    bottom: 440px;
}

.program-section .green-items .green-item:nth-child(5) {
    top: -37px;
    left: -246px;
}

.program-section .family-progress {
    position: relative;
}

.program-section .family-progress .family-progress-heading {
    padding-bottom: 556px;
}

.program-section .family-progress .family-progress-heading h3 {
    color: #e32488;

    margin-bottom: 40px;


}

.program-section .family-progress .family-progress-heading span {
    margin-bottom: 25px;
}

.program-section .family-progress .family-progress-heading p {
    max-width: 448px;
    margin-bottom: 0;
}

.program-section .family-progress .family-progress-content {
    padding-top: 313px;
    position: relative;
}

.program-section .family-progress .family-progress-items .family-progress-item {
    position: absolute;
}

.program-section .family-progress .family-progress-items .family-progress-item:nth-child(1) {
    top: 112px;
    right: 115px;
}

.program-section .family-progress .family-progress-items .family-progress-item:nth-child(2) {
    top: 539px;
    right: 421px;
}

.program-section .family-progress .family-progress-items .family-progress-item:nth-child(3) {
    top: 386px;
    right: -140px;
}

.program-section .family-progress .family-progress-items .family-progress-item:nth-child(3) .carousel {
    width: 582px;
    height: 530px;
}

.program-section .family-progress .family-progress-items .family-progress-item:nth-child(3) .carousel .carousel-item {
    margin-top: 0 !important;
}

.program-section .family-progress .family-progress-items .family-progress-item:nth-child(3) .carousel .carousel-indicators {
    bottom: 0;
    left: -247px;
    transform: rotate(16deg);
}

.program-section .family-progress .family-progress-items .family-progress-item:nth-child(3) .carousel .carousel-indicators button.active {
    background-color: #ea89a8;
    border: 1px solid #e32488;
}

.program-section .family-progress .family-progress-items .family-progress-item:nth-child(4) {
    bottom: 0;
    right: -48px;
}

.program-section .family-progress .family-progress-items .family-progress-item:nth-child(5) {
    bottom: 123px;
    right: 322px;
}

.program-section .family-progress .family-progress-items .family-progress-item:nth-child(6) {
    bottom: 237px;
    left: 148px;
}

.program-section .family-progress .family-progress-items .family-progress-item:nth-child(7) {
    bottom: 61px;
    left: -185px;
}

.program-section .kids-club {
    position: relative;
    margin-bottom: 150px;
}

.program-section .kids-club .kids-club-content {
    position: relative;
    padding-block: 109px 525px;
}

.program-section .kids-club .kids-club-items .kids-club-item {
    position: absolute;
}

.program-section .kids-club .kids-club-items .kids-club-item:nth-child(1) {
    top: 65px;
    right: 36px;
}

.program-section .kids-club .kids-club-items .kids-club-item:nth-child(2) {
    right: 119px;
    top: 278px;
}

.program-section .kids-club .kids-club-items .kids-club-item:nth-child(2) .carousel {
    width: 683px;
    height: 622px;
}

.program-section .kids-club .kids-club-items .kids-club-item:nth-child(2) .carousel-item {
    margin-top: 0 !important;
}

.program-section .kids-club .kids-club-items .kids-club-item:nth-child(2) .round-carousal .carousel-indicators button.active {
    background-color: #d1db6f;
    border-color: #d1db6f;
}

.program-section .kids-club .kids-club-items .kids-club-item:nth-child(2) .carousel-indicators {
    top: 119px;
    left: 775px;
    transform: rotate(266deg);
}

.program-section .kids-club .kids-club-items .kids-club-item:nth-child(3) {
    bottom: 46px;
    left: -98px;
}

.program-section .kids-club .bg-box {
    right: initial;
    left: 0;
    width: 81.41%;
}

.program-section .kids-club h3 {
    font-family: "JungleMan";
    font-size: 67px;
    margin-bottom: 37px;
}

.program-section .kids-club p {
    max-width: 495px;
    margin-bottom: 0;
}

#accessgo {
    display: none;
}

@media (max-width: 1800px) {
    .program-section .kids-club .bg-box {
        width: 90%;
    }

    .individual-assistance .info-card {
        max-width: 360px;
        height: 500px;
    }

    .heartfelt-wishes .life-quality .carousel {
        right: 0;
    }

    .heartfelt-tabs .experience-items .experience-item:nth-child(5) .ET-content .shape-helper {
        height: 167px;
    }


    .individual-assistance .banner h1,
    .individual-assistance .banner h1 span {
        font-size: 65px;
    }

    .individual-assistance .banner h1::before {
        content: "";
        width: 140px;
        height: 129px;
        bottom: -45px;
        right: -17px;
    }

    .individual-assistance .individual-assistance-tabs #help-home-content .tab-items .tab-item:nth-child(1) .hhT-objects .hhT-object:nth-child(1) {
        bottom: 269px;
        left: -168px;
        width: 364px;
    }

    .individual-assistance .individual-assistance-tabs #safe-mobility-content .tab-items .tab-item:nth-child(1) .hhT-objects .hhT-object:nth-child(2) .carousel {
        width: 450px;
        height: 450px;
    }

    .individual-assistance .individual-assistance-tabs #safe-mobility-content .tab-items .tab-item:nth-child(1) .hhT-objects .hhT-object:nth-child(2) {
        top: -63px;
        left: -200px;
    }

    .individual-assistance .individual-assistance-tabs #safe-mobility-content .tab-items .tab-item:nth-child(1) .hhT-objects .hhT-object:nth-child(2) .carousel .carousel-indicators {
        bottom: 38px;
        transform: rotate(313deg);
    }

    .individual-assistance .individual-assistance-tabs #medical-assistance-content .tab-items .tab-item:nth-child(3) .hhT-objects .hhT-object:nth-child(1) {
        left: -159px;
        width: 400px;
    }

    .individual-assistance .individual-advice .carousel {
        right: 0;
    }

    .eB-family-treffen .eb-family .eb-family-item {
        right: -32px;
        width: 486px;
    }

    .unforgettable-evening::before {
        width: 400px;
        height: 400px;
        left: -25px;
        background-size: cover;
    }

    .unforgettable-evening h3 {
        line-height: 1.2;
    }

    .unforgettable-evening .UE-items .UE-item:nth-child(3) .carousel {
        width: 500px;
        height: 500px;
    }

    .anton .banner h1 {
        margin-inline: 0;
        text-align: center;
        max-width: initial;
        font-size: 78px;
    }

    .program-section .green-items .green-item:nth-child(5) {
        top: -55px;
        left: -158px;
        width: 400px;
    }

    .program-section .green-items .green-item:nth-child(4) .carousel {
        width: 500px;
        height: 500px;
    }

    .program-section .green-items .green-item:nth-child(4) .carousel-indicators {
        right: -8px;
        transform: rotate(189deg);
        bottom: 427px;
    }



    .eB-family-treffen .eb-family .carousel {
        right: 0;
    }

    .anton .anton-heart h2 {
        font-size: 55px;
        margin-bottom: 45px;
    }

    .anton .anton-heart p {

        font-size: 18px;
        max-width: 600px;
    }

    .fundraising .fundraising-items .fundrasing-item:nth-child(1) {
        width: 649px;
        top: -190px;
        right: -255px;
    }

    .news .hIM-items .hIM-item:nth-child(1) .hIM-item-objects .hIM-item-object:nth-child(2) .carousel {
        width: 614px;
    }

    .anton .banner h1::before {
        left: 76px;
    }

    .anton .service-banner h1::after {
        right: -137px;
    }

    .anton .banner .subtext {
        font-size: 53px;
    }

    .anton .banner {
        padding-block: 80px;
    }

    .anton .anton-heart .carousel {
        position: absolute;
        top: -84px;
        width: 500px;
        right: 72px;
    }

    .anton .anton-heart .carousel-indicators {
        bottom: -19px;
        right: 32px;
    }

    .international-assistance .banner h1,
    .international-assistance .banner h1 span,
    .hilfsprojekte .banner h1,
    .hilfsprojekte .banner h1 span {
        font-size: 80px;
    }

    .hilfsprojekte .service-banner h1::before {
        right: 139px;
    }

    .hilfsprojekte .service-banner h1::after {
        left: -71px;
    }

    .hilfsprojekte .help-offers .help-offer-img {
        right: 70px;
    }

    .hilfsprojekte .help-offers #carouseltwo {
        right: 152px;
        width: 500px;
        height: 500px;
        top: 195px;
    }


    .donation-option::before {

        width: 500px;
        height: 500px;
        top: -55px;
        left: -61px;

    }

    .kontakt-content::after {
        left: 680px;
    }


    footer::after {
        width: 500px;
        height: 500px;

        right: 25%;
        top: -260px;
    }

    .kontakt-content .carousel {
        right: 11px;
    }

    .non-profit-content .no-profit-items .no-profit-img.top-img {
        width: 412px;
        right: -39px;
        top: 0%;
    }

    .kontakt-bottom {
        right: 215px;
    }

    .kontakt .about-banner h1 {
        font-size: 80px;
    }

    .kontakt-side-img {
        width: 600px;
        right: 0;
    }

    .epidermolysis .Eb .Eb-img {
        width: 400px;
        height: 400px;
        right: 100px;

    }

    .epidermolysis .Eb .Eb-items {
        padding-top: 40px;
    }

    .epidermolysis .Eb {
        padding-bottom: 250px;
    }

    .eB-challenge .eB-img {
        width: 400px;
    }

    .eB-challenge .bg-box {
        width: 94%;
    }

    .epidermolysis .banner h1 {
        max-width: 85%;
    }

    .satzungszweck-divider {
        height: 600px;
    }

    .epidermolysis .banner h1::after {
        right: -80px;
        top: -41px;
    }

    .epidermolysis .help-offers .help-offer-img {
        right: -2px;
        top: -183px;
    }

    .non-profit-content .no-profit-items .no-profit-img:nth-child(3) {
        top: initial;
        bottom: -13px;
        right: -11px;
        left: initial;
        width: 350px;
        height: 350px;
    }

    .non-profit-content .no-profit-items .no-profit-img {
        right: 0;
        left: inherit;
        top: -78px;
        width: 400px;
        height: auto;
    }

    .non-profit-content .no-profit-img {
        width: 300px;
    }

    .non-profit-content .no-profit-text,
    .non-profit-content h3 {
        max-width: fit-content;
        margin-inline: auto;
    }

    .non-profit-content h3 {
        font-size: 50px;
        margin-bottom: 80px;
    }

    .non-profit-content .no-profit-items h5 {
        font-size: 34px;
    }

    .non-profit-content .no-profit-items p {
        font-size: 18px;
        width: 400px;
    }

    #about-us .about-banner h1::after {
        bottom: -90px;
        left: 261px;
    }

    #about-us .dermakids-v #carouseltwo {
        width: 650px;
        height: 650px;
    }

    .our-team .bg-box {
        width: 90%;
    }

    .our-team::after {
        width: 600px;
        height: 600px;
        right: 0;
    }

    .support-img {
        width: 500px;
        left: -230px;
        top: 156px;
    }



    .help-affected .how-we-help .bg-box {



        width: calc(100% - (50% - 40.3rem + 2rem + 25px));

    }



    .advice-banner .banner-img {

        position: absolute;

        right: 14%;

        top: 98px;

    }



    .help-affected .advice-banner h1 {

        font-size: 70px;

        max-width: 900px;

        margin-inline: auto;

    }



    .help-affected .help-offer-img {

        position: absolute;

        width: 547px;

        height: 498px;

        right: -2%;

        top: -151px;

    }



    .help-affected .advice-banner h1 span {

        font-size: 70px;

    }



    #unser-verein .dermakids-v #carouseltwo {

        width: 400px;

        height: 400px;

    }



    #unser-verein.our-club .dermakids-v #carouseltwo .carousel-indicators {

        bottom: -71px;

    }



    .association-img {

        right: 200px;

    }



    .approach .approach-item {

        padding-bottom: 18px !important;

    }



    .about-banner h1 {

        padding-bottom: 0;

        margin-left: 0;

        font-size: 50px;

    }



    .our-club .about-banner {

        padding-bottom: 116px;

    }



    .our-club .about-banner h1::after {

        left: 200px;

        bottom: 0;

        width: 115px;

        height: 131px;

    }



    .our-club .about-banner p::after {

        right: 278px;



    }



    .info-card .card-content span,

    .dermakids-v .subtext {

        font-size: 30px;

    }



    .info-card h6,

    .dermakids-v h2 {

        font-size: 45px;

        margin-bottom: 20px;

    }



    .info-card p,

    .our-club .dermakids-v p {

        font-size: 18px;



    }



    .shop .info-guide .shop-item-img {

        left: 0;

        top: -89px;

    }



    .shop .shop-item .bg-box {

        width: 90%;

    }



    .shop .schmetterlingskind .carousel {

        position: absolute;

        right: -24px;

        width: 500px;

        top: -125px;

    }



    .shop .shop-item .carousel {

        width: 500px;

        height: 500px;

    }



    .shop .infoflyer .carousel {

        left: 25px;

        top: -281px;

    }



    .shop .infoflyer .round-carousal .carousel-indicators {

        bottom: 98px;

        right: 0;

        rotate: 103deg;

    }



    .shop .infoflyer .shop-item-img {

        right: -58px;

        top: 0;

    }



    .shop .broschure .carousel {

        right: -8px;

    }



    .shop .broschure .round-carousal .carousel-indicators {

        gap: 19px;

        z-index: 99;

        bottom: 49px;

        right: 34px;

        left: initial;

        rotate: 309deg;

    }



    .shop .broschure .shop-item-img {

        bottom: 73px;

        top: initial;

        right: 350px;

    }



    .shop .broschure {

        margin-bottom: 150px;

    }



    .info-card {

        height: 536px;

        min-height: initial;

    }



    .help-affected .info-card {

        height: 500px;

    }



    .shop .info-guide .carousel {

        top: -69px;

    }



    .shop .info-guide .round-carousal .carousel-indicators {

        bottom: 43px;

    }



    .shop .nachhaltigkeitsbericht .shop-item-img {

        left: 109px;

        top: -66px;

    }



    .shop .take-advantage .tA-img {

        position: absolute;

        top: -119px;

        right: 18px;

        width: 550px;

    }



    .breadcrumb {

        margin-bottom: 50px;

    }



    .shop .take-advantage h2 {

        font-size: 45px;

        margin-bottom: 20px;

    }



    .shop .take-advantage p {

        font-size: 18px;

    }



    .shop .take-advantage .shop-item-list span {

        padding-inline: 16px;

    }



    .navbar .navbar-nav .nav-link {



        font-size: 22px;



    }



    .inheritance .bg-box {

        width: 90%;

    }



    .inheritance #carouselthree {

        left: -29px;

    }



    .inheritance h3 {

        font-size: 45px;

        margin-bottom: 100px;

    }



    .inheritance h4 {

        font-size: 40px;

        margin-top: 100px;

    }



    .inheritance #carouselfour {

        right: 50px;

    }



    .inheritance {

        margin-block: 150px;

    }



    .visit-insta h4 {

        font-size: 50px;

    }



    .haupttypen .about-banner h1 {

        margin-left: 0;

        margin: auto;

        padding-bottom: 0;
        max-width: fit-content;

    }



    .haupttypen .banner h1::after {

        right: -33px;

        transform: rotateY(180deg);

        rotate: initial;

        left: initial;

        width: 115px;

        height: 131px;

        top: -34px;

        bottom: 0;

    }



    .haupttypen .association-img {

        right: 200px;

    }



    .butterfly-children .bg-box {

        width: 86%;

    }



    .butterfly-children #carouselfour {

        position: absolute;

        width: 374px;

        top: -156px;

        left: 26px;

    }



    .alltag-mit .comparison .bg-box {

        width: 93%;

    }



    .alltag-mit .comparison .comparison-carousal {

        right: 0;

    }



    .alltag-mit .service-banner {

        padding-block: 100px;

    }



    .alltag-mit .service-banner h1::after {

        left: 115px;


    }


    .alltag-mit .help-offers #carouseltwo {

        width: 550px;

    }



    .alltag-mit .help-offers #carouseltwo.round-carousal .carousel-indicators {

        rotate: initial;

    }



    .navbar .navbar-nav {



        gap: 9px;



    }

    .help-us .donation .your-donation p {



        font-size: 32px;
        max-width: 297px;


    }

    .help-us .donation .your-donation {
        height: 400px;
        width: 400px;
        right: 0;
    }

    .dk-book #carouselthree {
        width: 350px;
    }

    .dk-book #carouselthree.round-carousal .carousel-indicators {
        right: -11px;
    }

    .dk-book::after {
        right: 249px;
    }

    .dk-book-img:nth-child(3) {
        right: 345px;
        width: 414px;

    }

    .dk-book-img {
        margin-left: 199px;
        width: 156px;
    }

    .dk-book .dk-book-content {
        margin-left: 165px;
    }

    .dk-book h3 {
        font-size: 45px;
        margin-left: 165px;
    }

    .support-img2 {
        right: 0;
    }

    #help-us .sc-divider {
        height: 300px;
    }

    .support::after {
        bottom: -317px;
    }
}







@media (max-width:1600px) {



    .our-goal .round-carousal::before {



        right: -21%;



    }



}







@media (max-width:1500px) {



    .our-goal .round-carousal::before {



        right: -3%;



    }



}



@media (min-width:1440px) {

    .kontakt-info p:first-of-type {
        font-size: 20px;
        line-height: 1.4;
        margin-bottom: 30px;
    }




    .help-us .customers-testimonial .carousel-indicators {
        bottom: -52px;
    }

    .eb-meeting .container {







        max-width: 1222px;



    }



}



@media (max-width:1440px) {
    .donation-option::before {
        width: 400px;
        height: 400px;
        top: -43px;
        left: 30px;
    }

    .individual-assistance .individual-assistance-tabs #help-home-content .tab-items .tab-item:nth-child(1) .hhT-objects .hhT-object:nth-child(1) {
        bottom: 199px;
        left: -92px;
        width: 300px;
    }

    .heartfelt-wishes .banner h1 {
        padding-bottom: 0;
        font-size: 70px;

    }

    .heartfelt-wishes .banner .subtext {
        font-size: 51px;
    }

    .heartfelt-wishes .banner {
        padding-block: 70px;
    }

    .heartfelt-wishes .banner h1::before {
        width: 120px;
        height: 120px;
        right: 185px;
        top: -12px;
    }

    .heartfelt-wishes .banner h1::after {
        width: 120px;
        height: 120px;
        background-size: cover;
        left: 142px;
    }

    .heartfelt-wishes .life-quality h2 {
        font-size: 54px;
    }

    .heartfelt-wishes .life-quality span {
        font-size: 35px;
    }

    .heartfelt-wishes .life-quality p {
        font-size: 18px;
    }

    .heartfelt-wishes .life-quality .carousel {
        width: 450px;
        height: 450px;
        top: 47px;


    }

    .heartfelt-tabs .nav .nav-link {
        width: 520px;
        background-size: cover !important;
        padding: 20px ! IMPORTANT;
        margin-top: -86px;
        margin-bottom: 0;
        max-height: 85px;
    }

    .heartfelt-wishes .life-quality {
        padding-bottom: 300px;
    }

    .heartfelt-tabs .tab-content #gifts .experience-items .experience-item:nth-child(1) .experience-objects .experience-object {
        top: -128px;
        right: 155px;
        width: 393px;
    }

    .heartfelt-tabs .tab-content #gifts .experience-items .experience-item:nth-child(2) .experience-objects .experience-object {
        top: -49px;
        left: -51px;
        width: 400px;
    }

    .heartfelt-tabs .tab-content #gifts .experience-items .experience-item:nth-child(3) .experience-objects .experience-object:nth-child(1) {
        width: 450px;
    }

    .heartfelt-tabs .tab-content #gifts .experience-items .experience-item:nth-child(4) .experience-objects .experience-object:nth-child(1) {
        top: -102px;
        left: 143px;
        width: 376px;
    }

    .heartfelt-tabs .tab-content #gifts .experience-items .experience-item:nth-child(4) .experience-objects .experience-object:nth-child(2) {
        bottom: -40px;
        left: -74px;
        width: 300px;
    }

    .heartfelt-tabs .tab-content #gifts .experience-items .experience-item:nth-child(5) .experience-objects .experience-object:nth-child(1) {
        width: 400px;
    }

    .heartfelt-tabs .tab-content #gifts .experience-items .experience-item:nth-child(6) .ET-content h5 {
        margin-left: 100px;
    }

    .heartfelt-tabs .tab-content #gifts .experience-items .experience-item:nth-child(6) .experience-objects .experience-object:nth-child(1) {
        width: 362px;
        left: -69px;
        right: 0;
        top: 106px;
    }

    .heartfelt-tabs .tab-content #gifts .experience-items .experience-item:nth-child(6) .experience-objects .experience-object:nth-child(1) .carousel-indicators {
        transform: rotate(11deg);
    }

    .heartfelt-tabs #gifts .experience-items .experience-item:nth-child(7) .ET-content h5 {
        margin-left: 0;
    }

    .heartfelt-tabs .tab-content #gifts .experience-items .experience-item:nth-child(7) .experience-objects .experience-object:nth-child(2) {
        top: -273px;
        right: -48px;
        width: 400px;
    }

    .heartfelt-tabs .tab-content #gifts .experience-items .experience-item:nth-child(7) .experience-objects .experience-object:nth-child(1) {
        top: -202px;
        right: 354px;
        left: initial;
        width: 300px;
    }

    .heartfelt-tabs .tab-content #gifts .experience-items .experience-item:nth-child(7) .experience-objects .experience-object:nth-child(4) {
        width: 391px;
        top: 63px;
        right: 165px;
    }

    .heartfelt-tabs .tab-content #gifts .experience-items .experience-item:nth-child(7) .experience-objects .experience-object:nth-child(3) {
        width: 100px;
    }

    .heartfelt-tabs .tab-content #gifts .experience-items .experience-item:nth-child(7) .experience-objects .experience-object:nth-child(5) {
        width: 418px;
        top: 309px;
        left: 222px;
    }

    .heartfelt-tabs .tab-content #gifts .experience-items .experience-item:nth-child(7) .experience-objects .experience-object:nth-child(6) {
        top: 558px;
        right: 293px;
        width: 159px;
    }

    .heartfelt-tabs .tab-content #gifts .experience-items .experience-item:nth-child(7) .experience-objects .experience-object:nth-child(7) {
        top: 325px;
        left: 121px;
        width: 71px;
    }

    .heartfelt-tabs .tab-content #gifts .experience-items .experience-item:nth-child(7) .experience-objects .experience-object:nth-child(8) {
        left: -34px;
        bottom: 19px;
        width: 300px;
    }

    .heartfelt-tabs .tab-content #gifts .experience-items .experience-item:nth-child(7) .experience-objects .experience-object:nth-child(9) {
        width: 200px;
    }

    .heartfelt-tabs .experience-items .experience-item:nth-child(2) .carousel {
        left: 51px;
    }

    .heartfelt-tabs .experience-items .experience-item:nth-child(2) .shape-helper {
        height: 184px;

    }

    .heartfelt-tabs .tab-content h5 {
        font-size: 45px;
    }

    .heartfelt-tabs .tab-content p {
        font-size: 18px;
    }

    .heartfelt-tabs .experience-items .experience-item:nth-child(3) .shape-helpe {
        height: 207px;
    }

    .heartfelt-tabs .experience-items .experience-item:nth-child(3) .experience-object {
        left: -15px;
    }

    .heartfelt-tabs .experience-items .experience-item:nth-child(4) .carousel {
        position: absolute;
        width: 380px;
        top: -37px;
        right: 100px;
    }

    .heartfelt-tabs .experience-items .experience-item:nth-child(5) .ET-content .shape-helper {
        height: 191px;
    }

    .heartfelt-tabs .experience-items .experience-item:nth-child(5) .experience-objects .experience-object:nth-child(2) {
        top: -146px;
    }

    .heartfelt-tabs .experience-items .experience-item:nth-child(6) .experience-objects .experience-object:nth-child(1) {
        top: -115px;
        right: 232px;
        width: 380px;
    }

    .heartfelt-tabs .experience-items .experience-item:nth-child(7) .experience-objects .experience-object:nth-child(1) {
        left: 0;
        top: 52px;
        width: 370px;
    }

    .heartfelt-tabs .experience-items .experience-item:nth-child(8) .experience-objects .experience-object:nth-child(1) {
        width: 600px;
    }

    .heartfelt-tabs .nav .nav-link h3 {
        font-size: 48px;
        margin-bottom: 62px;
    }

    .individual-assistance .individual-assistance-tabs #help-home-content .tab-items .tab-item:nth-child(1) .hhT-objects .hhT-object:nth-child(3) {
        bottom: 36px;
        left: 99px;
        width: 150px;
        height: 150px;
    }

    .individual-assistance .individual-assistance-tabs .circle {
        font-size: 26px !important;
    }

    .individual-assistance .individual-assistance-tabs #help-home-content .tab-items .tab-item:nth-child(1) .hhT-objects .hhT-object:nth-child(2) {
        top: -133px;
        right: 388px;
        width: 140px;
        height: 140px;
    }

    .individual-assistance .individual-assistance-tabs #help-home-content .tab-items .tab-item:nth-child(1) .hhT-objects .hhT-object:nth-child(4) .carousel {
        width: 400px;
        height: 400px;
    }

    .individual-assistance .individual-assistance-tabs #help-home-content .tab-items .tab-item:nth-child(1) .hhT-objects .hhT-object:nth-child(4) .carousel-indicators {
        transform: rotate(349deg);
        bottom: 0px;
    }

    .individual-assistance .individual-assistance-tabs #help-home-content .tab-items .tab-item:nth-child(1) .hhT-objects .hhT-object:nth-child(4) {
        top: -39px;
        right: -50px;
    }

    .individual-assistance .individual-assistance-tabs #help-home-content .tab-items .tab-item:nth-child(2) p {
        max-width: 510px;
    }

    .individual-assistance .individual-assistance-tabs .circle {
        width: 120px !important;
        height: 120px !important;
    }

    .individual-assistance .individual-assistance-tabs #help-home-content .tab-items .tab-item:nth-child(2) .hhT-objects .hhT-object:nth-child(2) {
        top: -28px;
        right: 205px;
        width: 250px;
        height: 250px;
    }

    .individual-assistance .individual-assistance-tabs #help-home-content .tab-items .tab-item:nth-child(2) .hhT-objects .hhT-object:nth-child(4) {
        bottom: 12px;
        right: 337px;
        width: 400px;
        height: 400px;
    }

    .individual-assistance .individual-assistance-tabs #help-home-content .tab-items .tab-item:nth-child(3) {
        padding-left: 217px;
    }

    .individual-assistance .individual-assistance-tabs #help-home-content .tab-items .tab-item:nth-child(3) .hhT-objects .hhT-object:nth-child(1) {
        top: -23px;
        left: -65px;
        width: 280px;
    }

    .individual-assistance .individual-assistance-tabs #help-home-content .tab-items .tab-item:nth-child(4) .hhT-objects .hhT-object {
        top: -206px;
        right: 20px;
        width: 412px;
    }

    .individual-assistance .individual-assistance-tabs #help-home-content .tab-items .tab-item:nth-child(5) .hhT-objects .hhT-object {
        top: -21px;
        left: -16px;
        width: 361px;
    }

    .individual-assistance .individual-assistance-tabs #help-home-content .tab-items .tab-item:nth-child(7) p {
        max-width: 492px;
    }

    .individual-assistance .individual-assistance-tabs #help-home-content .tab-items .tab-item:nth-child(7) .hhT-objects .hhT-object:nth-child(2) {
        top: 0;
        right: -12px;
        width: 450px;
    }

    .individual-assistance .individual-assistance-tabs #help-home-content .tab-items .tab-item:nth-child(7) {
        padding-left: 232px;
    }

    .individual-assistance .individual-assistance-tabs #help-home-content .tab-items .tab-item:nth-child(7) .hhT-objects .hhT-object:nth-child(1) .carousel {
        width: 350px;
        height: 350px;
    }

    .individual-assistance .individual-assistance-tabs #help-home-content .tab-items .tab-item:nth-child(7) .hhT-objects .hhT-object:nth-child(1) {
        top: -59px;
        left: -101px;
    }

    .individual-assistance .individual-assistance-tabs #safe-mobility-content .tab-items .tab-item:nth-child(1) .hhT-objects .hhT-object:nth-child(1) {
        top: -286px;
        right: -154px;
        width: 700px;
        height: 700px;
    }

    .individual-assistance .individual-assistance-tabs #safe-mobility-content .tab-items .tab-item:nth-child(1) {
        padding-left: 248px;
    }

    .individual-assistance .individual-assistance-tabs #safe-mobility-content .tab-items .tab-item:nth-child(1) .hhT-objects .hhT-object:nth-child(2) .carousel {
        width: 400px;
        height: 400px;
    }

    .individual-assistance .individual-assistance-tabs #safe-mobility-content .tab-items .tab-item:nth-child(1) .hhT-objects .hhT-object:nth-child(2) {
        top: -75px;
        left: -95px;
    }

    .individual-assistance .individual-assistance-tabs #safe-mobility-content .tab-items .tab-item:nth-child(2) .hhT-objects .hhT-object:nth-child(1) .carousel {
        width: 450px;
        height: 450px;
    }

    .individual-assistance .individual-assistance-tabs #safe-mobility-content .tab-items .tab-item:nth-child(2) .hhT-objects .hhT-object:nth-child(1) {
        top: -145px;
        right: 282px;
    }

    .individual-assistance .individual-assistance-tabs #safe-mobility-content .tab-items .tab-item:nth-child(2) .hhT-objects .hhT-object:nth-child(2) {
        top: -155px;
        right: 112px;
    }

    .individual-assistance .individual-assistance-tabs #safe-mobility-content .tab-items .tab-item:nth-child(2) {
        padding-bottom: 146px;
    }

    .individual-assistance .individual-assistance-tabs #safe-mobility-content .tab-items .tab-item:nth-child(4) .hhT-objects .hhT-object:nth-child(1) {
        top: -173px;
        right: -46px;
        width: 600px;
        height: 600px;
    }

    .individual-assistance .individual-assistance-tabs #medical-assistance-content .tab-items .tab-item:nth-child(1) p {
        max-width: 500px;
    }

    .individual-assistance .individual-assistance-tabs #medical-assistance-content h3 {
        padding-bottom: 50px;
    }

    .individual-assistance .individual-assistance-tabs #medical-assistance-content .tab-items .tab-item:nth-child(1) .hhT-objects .hhT-object:nth-child(1) {
        top: -101px;
    }

    .individual-assistance .individual-assistance-tabs #medical-assistance-content .tab-items .tab-item:nth-child(2) .hhT-objects .hhT-object:nth-child(1) {
        top: -430px;
        right: 105px;
        width: 600px;
    }

    .individual-assistance .individual-assistance-tabs #medical-assistance-content .tab-items .tab-item:nth-child(2) .hhT-objects .hhT-object:nth-child(2) {
        bottom: -14px;
        right: 438px;
    }

    .individual-assistance .individual-assistance-tabs #medical-assistance-content .tab-items .tab-item:nth-child(3) .hhT-objects .hhT-object:nth-child(1) {
        left: -94px;
        width: 350px;
    }

    .individual-assistance .individual-assistance-tabs #medical-assistance-content .tab-items .tab-item:nth-child(3) .hhT-objects .hhT-object:nth-child(2) {
        width: 193px !important;
        height: 193px ! IMPORTANT;
        bottom: 19px;
        right: 212px;
    }

    .individual-assistance .individual-assistance-tabs #medical-assistance-content .tab-items .tab-item:nth-child(5) .hhT-objects .hhT-object:nth-child(1) {
        top: -31px;
        right: 298px;
        width: 300px;
    }

    .individual-assistance .individual-assistance-tabs #medical-assistance-content .tab-items .tab-item:nth-child(6) .hhT-objects .hhT-object:nth-child(3) {
        top: 48px;
        right: 60px;
        width: 600px;
    }

    .individual-assistance .individual-assistance-tabs #medical-assistance-content .tab-items .tab-item:nth-child(6) {
        padding-bottom: 316px;
        padding-left: 276px;
    }

    .individual-assistance .individual-assistance-tabs #medical-assistance-content .tab-items .tab-item:nth-child(6) .hhT-objects .hhT-object:nth-child(1) .carousel {
        width: 400px;
    }

    .individual-assistance .individual-assistance-tabs #medical-assistance-content .tab-items .tab-item:nth-child(6) .hhT-objects .hhT-object:nth-child(1) {
        top: 48px;
        left: -104px;
    }

    .individual-assistance .individual-assistance-tabs #medical-assistance-content .tab-items .tab-item:nth-child(6) .hhT-objects .hhT-object:nth-child(4) {
        width: 150px !important;
        height: 150px !important;
        bottom: 72px;
    }

    .individual-assistance .individual-assistance-tabs #medical-assistance-content .tab-items .tab-item:nth-child(2) {
        padding-bottom: 210px;
    }

    .individual-assistance .banner h1,
    .individual-assistance .banner h1 span {
        font-size: 55px;
        max-width: fit-content;
        margin: 0;
        padding: 0;
        margin: auto;
    }

    .individual-assistance .banner h1::before {
        content: "";
        width: 100px;
        height: 87px;
        bottom: -24px;
        right: -2px;
    }

    .individual-assistance .banner h1::after {
        bottom: 46px;
        left: -118px;
        width: 180px;
        height: 150px;
    }

    .individual-assistance .banner {
        padding-block: 70px;
    }

    .individual-assistance .individual-advice .carousel {
        right: 0;
        width: 500px;
        height: 500px;
        top: 114px;
    }

    .individual-assistance .individual-advice .carousel .carousel-indicators {
        right: 0px;
        left: initial;
        transform: rotate(328deg);
        width: fit-content;
        height: fit-content;
        bottom: 4px;
        gap: 31px;
    }

    .individual-assistance .individual-advice h2 {
        font-size: 48px;
        max-width: 598px;
    }

    .individual-assistance .individual-advice p {
        font-size: 16px;
        max-width: 600px;
    }

    .individual-assistance .individual-assistance-tabs h3 {
        font-size: 50px;
        padding-bottom: 70px;
    }

    .individual-assistance .individual-assistance-tabs #help-home-content .tab-items .tab-item:nth-child(1) {
        padding-left: 262px;
    }

    .individual-assistance .individual-assistance-tabs h4 {
        font-size: 40px;
    }

    .individual-assistance .individual-assistance-tabs p {
        max-width: 421px;
        font-size: 16px;
    }

    .individual-assistance .individual-assistance-tabs #help-home-content .tab-items .tab-item:nth-child(1) .hhT-objects .hhT-object:nth-child(4) .carousel {
        width: 450px;
        height: 450px;
    }

    .hilfsprojekte .banner h1,
    .hilfsprojekte .banner h1 span {
        font-size: 60px;
        padding-bottom: 0;
    }

    .hilfsprojekte .service-banner h1::before {
        right: 178px;
        width: 120px;
        height: 120px;
        background-size: cover;
        bottom: -31px;
    }

    .hilfsprojekte .service-banner h1::after {
        left: 3px;
        width: 100px;
        height: 100px;
        background-size: cover;
    }

    .hilfsprojekte .help-offers #carouseltwo {
        right: 48px;
        width: 450px;
        height: 450px;
        top: 216px;
    }

    .eB-family-treffen .eb-family .eb-family-item {
        right: -32px;
        width: 347px;
        top: -170px;
    }

    .eB-family-treffen .banner .banner-content {
        padding-left: 0;
    }

    .program-section h3 {
        font-size: 55px;
        margin-bottom: 20px;
    }

    .program-section span {
        margin-bottom: 30px;
    }

    .program-section p {
        font-size: 18px;
        margin-bottom: 20px;
        max-width: 600px;
    }

    .program-section .bg-box {
        width: 90%;
    }

    .program-section .green-grand-heading {
        padding-bottom: 440px;
    }

    .program-section .green-items .green-item:nth-child(1) {
        top: 18px;
        right: -37px;
        width: 294px;
    }

    .program-section .green-items .green-item:nth-child(3) {
        bottom: 60px;
        right: 245px;
        width: 318px;
    }

    .program-section .green-items .green-item:nth-child(2) {
        right: -67px;
        width: 400px;
    }

    .program-section .green-items .green-item:nth-child(4) .carousel {
        width: 450px;
        height: 450px;
    }

    .program-section .green-items .green-item:nth-child(4) .carousel-indicators {

        transform: rotate(188deg);
        bottom: 385px;
    }

    .program-section .family-progress .family-progress-items .family-progress-item:nth-child(1) {
        top: 72px;
        right: 133px;
    }

    .program-section .family-progress .family-progress-items .family-progress-item:nth-child(2) {
        top: 523px;
        right: 414px;
        width: 250px;
    }

    .program-section .family-progress .family-progress-items .family-progress-item:nth-child(3) .carousel {
        width: 500px;
        height: 500px;
    }

    .program-section .family-progress .family-progress-items .family-progress-item:nth-child(3) {
        top: 368px;
        right: -77px;
    }

    .program-section .family-progress .family-progress-items .family-progress-item:nth-child(3) .carousel .carousel-indicators {
        bottom: 32px;
        left: -227px;
    }

    .program-section .family-progress .family-progress-items .family-progress-item:nth-child(4) {
        right: -34px;
        width: 400px;
    }

    .program-section .family-progress .family-progress-items .family-progress-item:nth-child(5) {
        bottom: 123px;
        right: 322px;
        width: 373px;
    }

    .program-section .family-progress .family-progress-items .family-progress-item:nth-child(6) {
        bottom: 287px;
        left: 199px;
        width: 234px;
    }

    .program-section .family-progress .family-progress-items .family-progress-item:nth-child(7) {
        bottom: 61px;
        left: -77px;
        width: 355px;
    }

    .program-section .kids-club .bg-box {
        width: 96%;
    }

    .kontakt-content::after {
        left: 476px;
    }

    .program-section .kids-club .kids-club-items .kids-club-item:nth-child(2) .carousel {
        width: 550px;
        height: 550px;
    }

    .program-section .kids-club .kids-club-items .kids-club-item:nth-child(2) {
        top: 339px;
    }

    .program-section .kids-club .kids-club-items .kids-club-item:nth-child(2) .carousel-indicators {
        left: 631px;
        transform: rotate(271deg);
    }

    .program-section .kids-club .kids-club-items .kids-club-item:nth-child(3) {
        bottom: 95px;
        left: 0;
        width: 400px;
    }

    .unforgettable-evening h3 {
        font-size: 44px;
        max-width: 647px;
        margin-bottom: 24px;
    }

    .unforgettable-evening p {
        font-size: 18px;
    }

    .unforgettable-evening::before {
        width: 282px;
        height: 285px;
    }

    .unforgettable-evening .UE-items .UE-item:nth-child(1) .carousel {
        width: 500px;
        height: 500px;
        top: 83px;
        right: -104px;
    }

    .unforgettable-evening .UE-items .UE-item:nth-child(1) .carousel-indicators {
        right: 60px;
        z-index: 99;
        top: initial;
        transform: rotate(119deg);
        width: fit-content;
        height: fit-content;
        bottom: 31px;
        left: initial;
    }

    .unforgettable-evening .UE-items .UE-item:nth-child(2) .round-carousal .carousel-indicators {
        left: -613px;

    }

    .unforgettable-evening .UE-items .UE-item:nth-child(3) .carousel {
        width: 400px;
        height: 400px;
        right: 0;
        top: -48px;
    }

    .unforgettable-evening::after {
        left: 445px;
    }

    .program-section .green-items .green-item:nth-child(5) {
        top: -55px;
        left: -90px;
        width: 350px;
    }

    footer::after {
        width: 350px;
        height: 350px;
        right: 25%;
        top: -141px;
    }

    .haupttypen .about-banner h1 {

        font-size: 70px;

        max-width: 693px;
    }

    .big-impact::before {
        width: 251px;
        height: 216px;
    }

    .help-us .testimonial-content {
        min-height: 183px;
    }

    .help-us .customers-testimonial .carousel-indicators {
        bottom: -63px;
    }

    .alltag-mit::before {
        top: 0;
    }

    .our-club .dermakids-v::before {

        width: 559px;
        height: 217px;
    }

    .anton .banner h1 {
        font-size: 62px;
    }

    .anton .banner .subtext {
        font-size: 45px;
    }

    .anton .banner h1::before {
        left: 140px;
        width: 86px;
        background-size: contain;
        bottom: -119px;
    }

    .anton .service-banner h1::after {
        right: -58px;
        width: 230px;
        top: -138px;
    }

    .anton .banner {
        padding-block: 70px;
    }

    .anton .anton-heart .carousel {

        top: -84px;
        width: 450px;
        right: 45px;
    }

    .fundraising h3 {
        font-size: 50px;
    }

    .fundraising p {
        font-size: 16px;
    }

    .fundraising .fundraising-items .fundrasing-item:nth-child(2) {
        top: -22px;
        left: -92px;
        width: 400px;
    }

    .fundraising .fundraising-items .fundrasing-item:nth-child(1) {
        width: 500px;
        top: -170px;
        right: -103px;
    }

    .helpInMoscow .hIM-items .hIM-item:nth-child(1) .hIM-item-objects .hIM-item-object:nth-child(1) {
        width: 373px;
        top: -18px;
    }

    .helpInMoscow .hIM-items p,
    .news .hIM-items p {
        font-size: 16px;
        max-width: 572px;
    }

    .helpInMoscow .hIM-items .hIM-item:nth-child(1) {
        margin-bottom: 400px;
    }

    .helpInMoscow .hIM-items h5,
    .news .hIM-items h5 {
        font-size: 50px;
    }

    .news .hIM-items .hIM-item:nth-child(1) .hIM-item-objects .hIM-item-object:nth-child(2) .carousel {
        width: 500px;
    }

    .news .hIM-items .hIM-item:nth-child(1) .hIM-item-objects .hIM-item-object:nth-child(2) {

        right: -102px;
    }

    .news .hIM-items .hIM-item:nth-child(1) .hIM-item-objects .hIM-item-object:nth-child(2) .carousel-indicators {
        bottom: 18px;
    }

    .news .hIM-items .hIM-item:nth-child(1) .hIM-item-objects .hIM-item-object:nth-child(1) {
        top: 0;
        left: -55px;
        width: 300px;
    }

    .farewell h5 {
        font-size: 50px;
        margin-bottom: 16px;
    }

    .farewell p {
        font-size: 16px;
        max-width: 550px;
    }

    .farewell .farewell-img {
        position: absolute;
        top: -165px;
        left: -167px;
        width: 700px;
        height: 700px;
    }

    .helpInMoscow .hIM-items .hIM-item:nth-child(1) .hIM-item-objects .hIM-item-object:nth-child(2) .carousel {
        width: 650px;
        height: 650px;
    }

    .helpInMoscow .hIM-items .hIM-item:nth-child(1) .hIM-item-objects .hIM-item-object:nth-child(2) {
        top: 271px;
        right: -185px;
    }

    .helpInMoscow .hIM-items .hIM-item:nth-child(1) .hIM-item-objects .hIM-item-object:nth-child(2) .carousel .carousel-indicators {

        transform: rotate(60deg);

    }

    .helpInMoscow .hIM-items h3 {
        font-size: 50px;
    }

    .helpInMoscow .hIM-items span {
        font-size: 30px;
        max-width: 450px;
    }

    .international-assistance .banner h1 {
        margin: 0;
        margin-inline: auto;




    }

    .international-assistance .deployment .devolpment-items .devolpment-item:nth-child(3) {
        top: 519px;
        right: -57px;
    }

    .international-assistance .deployment .devolpment-items .devolpment-item:nth-child(3) .carousel {
        width: 400px;
    }

    .international-assistance .deployment .devolpment-items .devolpment-item:nth-child(3) .round-carousal .carousel-indicators {
        left: -62px;
        transform: rotate(50deg);
    }

    .international-assistance .deployment .devolpment-items .devolpment-item:nth-child(5) {
        top: 743px;
        width: 300px;
    }

    .international-assistance .deployment .devolpment-items .devolpment-item:nth-child(7) {
        left: 0;
    }

    .international-assistance .deployment .devolpment-items .devolpment-item:nth-child(4) {
        right: 524px;
        bottom: 1234px;
    }

    .international-assistance .deployment .devolpment-items .devolpment-item:nth-child(6) {
        right: 67px;
    }

    .international-assistance .deployment .devolpment-text h2 {
        font-size: 50px;
        margin-bottom: 20px;
    }

    .international-assistance .deployment .devolpment-text p {
        font-size: 16px;
        max-width: 575px;
        margin-bottom: 16px;
    }

    .international-assistance .deployment .devolpment-text span {
        font-size: 40px;
    }

    .international-assistance .deployment .devolpment-text p:last-of-type {
        max-width: 631px;
        margin-bottom: 28px;
    }

    .international-assistance .deployment .devolpment-text span:last-of-type {
        margin-bottom: 7px;
    }

    .international-assistance .deployment .devolpment-text ul li {
        font-size: 16px;
        margin-bottom: 12px;
    }

    .international-assistance .deployment .devolpment-items .devolpment-item:nth-child(1) {
        top: -81px;
        right: 0;
        width: 500px;
    }

    .international-assistance .deployment .devolpment-items .devolpment-item:nth-child(2) {
        top: 273px;
        right: 171px;
        width: 400px;
    }

    .international-assistance .banner h1::before {
        width: 150px;
        height: 150px;
        right: -6px;
    }

    .international-assistance .banner h1::after {
        width: 120px;
        height: 120px;
        left: 74px;
        bottom: -73px;

    }

    .international-assistance .banner {
        padding-block: 70px;
    }

    .international-assistance .banner h1,
    .international-assistance .banner h1 span {
        font-size: 70px;
        padding-bottom: 0;
    }

    .services {
        padding-bottom: 300px;
    }

    .satzungszweck .our-goal #carouselthree.round-carousal .carousel-indicators {
        top: -18%;
        right: -56px;
    }

    footer .action-link {
        line-height: 1.4;

    }

    footer p {
        line-height: 1.1;
    }

    .our-goal .round-carousal .carousel-indicators {
        left: -300px;
    }

    .approach-img {


        padding-top: 9px;
        max-width: 672px;
    }

    .our-club .about-banner p::after {
        right: 221px;
    }

    .non-profit-content .no-profit-items .no-profit-img.top-img {
        width: 367px;
        right: -57px;
        left: initial;
        top: 2%;
    }

    .dK-goal::after {

        bottom: -160px;
        width: 300px;
        height: 300px;
        background-size: contain;
    }

    .shop .shop-item h3 {
        font-size: 40px;
        margin-bottom: 30px;
    }

    .shop .shop-item p {
        font-size: 16px;
    }

    .shop .shop-item .carousel {
        width: 400px;
        height: 400px;
    }

    .shop .shop-item .round-carousal .carousel-indicators {
        bottom: 15px;
    }

    .shop .info-guide .shop-item-img {
        left: -20px;
        top: -89px;
        width: 300px;
    }

    .shop .infoflyer .round-carousal .carousel-indicators {
        bottom: 74px;
    }

    .shop .infoflyer .shop-item-content {
        width: 484px;
        margin-left: 314px;
    }

    .shop .broschure .shop-item-img {
        bottom: 0;
        top: initial;
        width: 364px;
        right: 350px;
        height: 296px;
    }

    .shop .banner .subtext {
        font-size: 48px;
    }

    .shop .banner .subtext::before {
        right: 91px;
    }

    .shop .banner .subtext::after {
        left: 26px;
    }

    .shop .about-banner {
        padding-block: 100px;
    }

    .shop .shop-item span {
        font-size: 30px;
    }

    .our-goal .round-carousal {
        max-width: 433px;
        right: -60px;
    }

    .satzungszweck #carouselthree.carousel {
        margin-top: -462px;
        left: -49px;
        max-width: 300px;
    }

    .our-goal #carouselfour {
        left: -73px;
    }

    .satzungszweck .our-goal p {
        font-size: 16px;
        max-width: 566px;
    }


    .comparison-img img {
        max-height: 250px;
        width: auto;
    }

    .satzungszweck-divider {
        height: 400px;
    }

    #about-us .banner .subtext {
        font-size: 45px;
    }

    #about-us .about-banner h1::after {
        bottom: 0;
        left: 200px;
        width: 100px;
        height: 100px;
    }

    #about-us .about-banner .subtext::after {
        width: 150px;
        height: 150px;
        bottom: -41px;
        right: 160px;
    }

    #about-us .about-banner {
        padding-block: 100px;
    }

    #about-us .dermakids-v #carouseltwo {
        width: 500px;
        height: 500px;
        top: -83px;
    }

    #about-us .dermakids-v #carouseltwo .carousel-indicators {
        bottom: 0;
    }

    #about-us .our-team::after {
        width: 400px;
        height: 400px;
    }

    #about-us .team-heading {
        margin-left: 130px;
    }

    .kontakt .about-banner h1,
    .kontakt .about-banner h1 span {
        font-size: 70px;
        max-width: fit-content;
        margin: auto;
    }

    #about-us .our-team-content h3 {
        margin-bottom: 23px;
        font-size: 45px;
    }

    #about-us .our-team-content .subtext {
        margin-bottom: 20px;
        font-size: 34px;
    }

    #about-us .our-team-content p {
        line-height: 1.4;
        font-size: 18px;
    }

    .team-slider .slick-current.slick-active h5 {
        font-size: 40px;
    }

    .team-slider h5 {
        font-size: 35px;
    }

    .dK-goal .bg-box {
        width: 93%;
    }

    #about-us .dK-goal-heading h3 {
        margin-bottom: 33px;
        font-size: 45px;
    }

    .dK-accordian {
        max-width: 536px;
    }

    .dK-accordian .accordion-button {
        font-size: 35px;
        height: 55px;

    }

    .dK-accordian .accordion-item .accordion-body {
        padding-left: 47px;
        padding-right: 47px;
        padding-top: 22px;
        padding-bottom: 6px;
        font-size: 16px;
    }

    #about-us .dK-goal .theme-btn {
        margin-left: 113px;
    }

    .non-profit-content .no-profit-text {
        gap: 20px;
    }

    .non-profit-content .no-profit-items .no-profit-img:nth-child(3) {
        bottom: 101px;
        width: 250px;
        height: 250px;
    }

    .non-profit-content .no-profit-img {
        width: 310px;
    }

    .non-profit-content .no-profit-items .no-profit-img {
        width: 350px;
    }

    .non-profit-content h3 {
        font-size: 41px;
        margin-bottom: 58px;
    }

    .non-profit-content .no-profit-items p {
        font-size: 16px;
        width: 358px;
    }

    .kontakt .about-banner h1::after {
        width: 100px;
        height: 100px;
        background-size: cover;
        right: -70px;

    }

    .kontakt .about-banner h1::before {
        width: 250px;
        height: 250px;
        background-size: cover;

        left: 107px;
        top: 6px;
    }

    .kontakt-side-img {
        width: 472px;
        right: 0;
    }

    .kontakt-info .dermakids-logo {
        margin-bottom: 49px;
        width: 87%;
    }

    .kontakt-info p {
        font-size: 20px;
        margin-bottom: 16px;
    }

    .kontakt-bottom {
        right: 245px;
        width: 400px;
        top: 1700px;
    }

    .kontakt-content {
        padding-bottom: 200px;
    }

    .kontakt .about-banner {
        padding-block: 100px;
    }

    .satzungszweck-banner.banner h1 {
        max-width: fit-content;
        margin: auto;
        padding-bottom: 0;
    }

    .satzungszweck-banner.service-banner h1::after {
        left: -10px;

        bottom: -102px;
    }

    #satzungszweck .our-goal .bg-box {
        width: 94%;
    }

    .types-tabs .tab-content h3 {
        font-size: 45px;
    }

    .theme-list li {
        font-size: 16px;
    }

    .types-tabs #type-jeb .list-group ul {
        max-width: 449px;
    }

    .types-tabs #type-deb .list-group ul {
        max-width: 446px;
    }

    .types-tabs #type-deb .hwh-usp:nth-child(2) {
        top: 14px;
    }

    .types-tabs #type-kindler .list-group ul {
        max-width: 431px;
    }

    .epidermolysis .banner h1 {
        max-width: 78%;
        font-size: 78px;
        margin: auto;
        padding-bottom: 0;
    }

    .epidermolysis .banner h1::after {

        width: 180px;
        background-size: contain;
        height: 143px;
        right: 0;
        top: 0;
    }

    .epidermolysis .banner {
        padding: 70px 0;
    }

    .epidermolysis .help-offers .help-offer-img {
        right: -2px;
        top: -151px;
        width: 350px;
    }

    .epidermolysis .help-offers {
        padding-bottom: 170px;
    }

    .eB-challenge .eB-img {
        width: 350px;
        right: 0px;
    }

    .eB-challenge h3 {
        font-size: 50px;
    }

    .epidermolysis .Eb {
        padding-block: 200px;
    }

    .epidermolysis .Eb .Eb-img {
        right: 0;
    }

    .epidermolysis .banner h1 span {
        font-size: 56px;
    }

    .big-impact .big-impact-content {
        padding-bottom: 597px;

    }

    .hwh-items:nth-child(3) .hwh-usp {

        width: 200px;

        height: 200px;

    }



    .hwh-items:nth-child(4) .hwh-usp {

        width: 180px;

        height: 180px;



    }



    #umfeld .hwh-items:nth-child(3) .hwh-usp {

        width: 150px;

        height: 150px;

    }



    .how-we-help #nav-Pflegedienste .service-nav .nav-case-items .nav-case-item:nth-child(2) {

        top: 400px;

        right: 333px;

    }



    .how-we-help #nav-Pflegedienste .service-nav .nav-case-items .nav-case-item:nth-child(3) {

        bottom: 500px;

    }



    .how-we-help #nav-Pflegedienste .service-nav .nav-case-items .nav-case-item:nth-child(4) {

        bottom: 900px;

    }



    .how-we-help .tab-content .service-nav .nav-case-items .nav-case-item:nth-child(3) .nav-case-carousel .round-carousal .carousel-indicators {

        right: 0;

    }



    .how-we-help #nav-Pflegedienste .service-nav .nav-case-items .nav-case-item:nth-child(5) {

        bottom: 308px;

        right: 380px;

        width: 120px;

        height: 120px;

        top: initial;

    }



    .how-we-help .tab-content .service-nav .nav-case-items .nav-case-item.nC-card h6 {

        font-size: 28px !important;



    }



    .how-we-help #nav-Pflegedienste .service-nav .nav-case-items .nav-case-item:nth-child(1) {

        top: 30px;

        right: -42px;

        width: 500px;

        height: 500px;

    }



    .how-we-help .tab-content #nav-Pflegedienste .service-nav .nav-case-items .nav-case-item:nth-child(3) .nav-case-carousel {

        width: 400px;

        height: 400px;

    }



    #nav-offentlichkeit .service-nav .nav-case-items .nav-case-item:nth-child(8) {

        right: 600px;

    }



    .how-we-help #nav-Kita .service-nav .nav-case-items .nav-case-item:nth-child(1) {

        top: -17px;

        right: 20px;

        width: 500px;

        height: 500px;

    }



    .how-we-help #nav-Kita .service-nav .nav-case-items .nav-case-item:nth-child(2) {

        top: 487px;

        right: 0;

        width: 450px;

        height: 45px;

    }



    .how-we-help #nav-Kita .service-nav .nav-case-items .nav-case-item:nth-child(3) {

        bottom: 424px;
        right: -59px;
        width: 285px;
        height: 310px;

    }



    .how-we-help #nav-Kita .service-nav .nav-case-items .nav-case-item:nth-child(4) {

        bottom: 337px;

        right: 138px;

        left: initial;

        width: 150px;

        height: 150px;

        top: initial;

    }



    .how-we-help #nav-Kita .service-nav .nav-case-items .nav-case-item:nth-child(6) {

        bottom: 290px;

        top: initial;

        right: 590px;

    }



    .how-we-help #nav-Kita .service-nav .nav-case-items .nav-case-item:nth-child(7) {

        top: initial;

        right: 850px;

        bottom: 123px;

        width: 250px;

        height: 250px;

    }



    .how-we-help #nav-krankenkassen .service-nav .nav-case-items .nav-case-item:nth-child(1) {

        top: 0;

        right: -54px;

        z-index: -1;

        width: 600px;

        height: 600px;

    }



    .how-we-help #nav-krankenkassen .service-nav .nav-case-items .nav-case-item:nth-child(2) {

        width: 400px;

        height: 400px;

    }



    .how-we-help #nav-krankenkassen .service-nav .nav-case-items .nav-case-item:nth-child(5),

    .how-we-help #nav-krankenkassen .service-nav .nav-case-items .nav-case-item:nth-child(8) {

        width: 180px;

        height: 180px;

    }



    .how-we-help #nav-krankenkassen .service-nav .nav-case-items .nav-case-item:nth-child(9) {

        width: 280px;

        height: 280px;

    }



    .how-we-help #nav-krankenkassen .service-nav .nav-case-items .nav-case-item:nth-child(10) {

        top: initial;

        left: initial;

        width: 180px;

        height: 180px;

        bottom: 436px;

        right: 900px;

    }



    .how-we-help #nav-krankenkassen .service-nav .nav-case-items .nav-case-item:nth-child(6) {

        width: 150px;

        height: 150px;

    }



    .how-we-help .tab-content .service-nav .nav-case-card p,

    .how-we-help .tab-content .service-nav .nav-case-card p a {

        font-size: 20px;

        line-height: 1.2;

    }



    .how-we-help .tab-content .service-nav ul li h6 {

        font-size: 32px;

    }



    .how-we-help .tab-content #nav-case .service-nav .nav-case-items .nav-case-item:nth-child(3) .nav-case-carousel {

        width: 350px;

        height: 350px;

    }



    .how-we-help .tab-content #nav-case .service-nav .nav-case-items .nav-case-item:nth-child(3) {

        bottom: 919px;

    }



    .how-we-help .tab-content #nav-case .service-nav .nav-case-items .nav-case-item:nth-child(4) {

        bottom: 753px;

        right: 773px;

        width: 350px;

        height: 350px;

    }



    .how-we-help .tab-content #nav-case .service-nav .nav-case-items .nav-case-item:nth-child(5) {

        bottom: 536px;

        right: 53px;

        width: 350px;

        height: 350px;

    }



    .how-we-help .tab-content #nav-case .service-nav .nav-case-items:nth-child(8) {

        right: 16px;

        bottom: 350px;

        width: 150px;

        height: 150px;

    }



    .how-we-help .tab-content #nav-case .service-nav .nav-case-items .nav-case-item:nth-child(6) {

        bottom: 350px;

        right: 502px;

        width: 400px;

        height: 400px;

    }



    .how-we-help .tab-content #nav-case .service-nav .nav-case-items .nav-case-item:nth-child(9) {

        bottom: 301px;

        right: 935px;

    }



    .how-we-help .tab-content #nav-case .service-nav .nav-case-items .nav-case-item:nth-child(7) {

        bottom: 878px;

        right: 486px;

        width: 150px;

        height: 150px;

    }



    #nav-offentlichkeit .service-nav .nav-case-items .nav-case-item:nth-child(1) {

        top: 82px;

        right: 58px;

        width: 500px;

        height: 500px;

    }



    .how-we-help .tab-content .service-nav h4 {

        font-size: 50px;

        margin-bottom: 30px;

    }



    .how-we-help .tab-content .service-nav .nav-case-heading p {

        font-size: 18px;

    }



    .how-we-help .tab-content .service-nav h5 {

        font-size: 45px;

    }



    .how-we-help .hwh-type .nav-link {

        width: 540px;

        background-size: cover !important;

        box-shadow: 10px 10px 20px rgba(0, 0, 0, .15);


    }



    .how-we-help .hwh-type .nav-link.active {

        border-radius: 30px;

    }



    .help-affected .nav-tabs {

        gap: 21px;

    }



    .how-we-help #nav-ernahrungsberatung .service-nav .nav-case-items .nav-case-item:nth-child(1) {

        right: -40px;

        width: 600px;

        height: 600px;

    }



    #nav-ernahrungsberatung #carouselfive,

    .how-we-help #nav-sozialberatung .service-nav .nav-case-items .nav-case-item:nth-child(3) .nav-case-carousel {

        width: 400px;

    }



    #nav-ernahrungsberatung .round-carousal .carousel-indicators {

        transform: rotate(78deg);

        gap: 20px;
        left: -60px;

    }

    .home-testimonial {
        min-height: 355px;
    }


    .how-we-help #nav-ernahrungsberatung .service-nav .nav-case-items .nav-case-item:nth-child(6) {

        bottom: 401px;

        right: 268px;

        left: initial;

    }



    .how-we-help #nav-ernahrungsberatung .service-nav .nav-case-items .nav-case-item:nth-child(5) {

        bottom: 648px;

        right: 36px;

    }



    .how-we-help #nav-offentlichkeit .service-nav .nav-case-items .nav-case-item:nth-child(3) {

        width: 343px;
        top: 440px;
        right: 176px;
        height: 400px;

    }



    .how-we-help #nav-offentlichkeit .service-nav .nav-case-items .nav-case-item:nth-child(3) .carousel-indicators {

        transform: rotate(106deg);
        right: -30px;
        gap: 14px;
        bottom: -2px;
    }

    #nav-offentlichkeit .service-nav .nav-case-items .nav-case-item:nth-child(4) {
        width: 170px;
        height: 170px;
    }



    #nav-offentlichkeit .service-nav .nav-case-items .nav-case-item:nth-child(6) {

        bottom: 600px;

        top: initial;

        right: 297px;

        left: initial;

    }



    .how-we-help #nav-sozialberatung .service-nav .nav-case-items .nav-case-item:nth-child(3) {

        right: -62px;

    }



    .how-we-help #nav-sozialberatung .service-nav .nav-case-items .nav-case-item.nC-card {

        width: 280px;

        height: 280px;

    }



    .how-we-help .tab-content .service-nav .nav-case-items .nav-case-item.nC-card h5 {

        font-size: 30px;

        max-width: 58%;

    }



    .how-we-help #nav-sozialberatung .service-nav .nav-case-items .nav-case-item.nC-card p {

        font-size: 16px;

    }



    .how-we-help #nav-sozialberatung .service-nav .nav-case-items .nav-case-item:nth-child(4) {

        right: 110px !important;

    }



    .how-we-help .tab-content #nav-sozialberatung .service-nav .nav-case-items .nav-case-item:nth-child(2) {

        top: inherit;

        right: 296px;

        width: 300px;

        bottom: 496px;



    }



    .how-we-help #nav-Pflegedienste .service-nav .nav-case-items .nav-case-item:nth-child(6),

    .how-we-help #nav-Pflegedienste .service-nav .nav-case-items .nav-case-item:nth-child(7) {

        width: 180px;

        height: 180px;

    }



    .how-we-help #nav-Pflegedienste .service-nav .nav-case-items .nav-case-item:nth-child(8) {



        width: 180px;

        height: 180px;

    }



    #nav-home .hwh-items h5,

    #nav-home2 .hwh-items h5 {

        margin-bottom: 16px;

    }



    .hwh-items p,

    .hwh-items a {

        font-size: 18px;

    }



    .hwh-items .hwh-usp {

        width: 150px;

        height: 150px;

        font-size: 24px;

    }



    .help-affected .advice-banner h1 {

        padding-bottom: 0;

    }



    .advice-banner {

        padding-block: 100px !important;

    }



    .help-affected .help-offer-img {

        width: 450px;

        height: 450px;

        top: -100px;

    }



    .advice-banner .banner-img {

        right: 6%;





    }



    .how-we-help .hwh-type h3 {

        font-size: 45px;

        margin-bottom: 63px;

    }



    .help-affected .nav-tabs {

        margin-bottom: 80px;

    }



    .how-we-help {

        margin-bottom: 180px;

    }



    .help-affected .donation-info {

        padding: 200px 0;

    }



    .how-we-help .hwh-type p {

        font-size: 20px;

    }



    .help-affected .advice-banner h1,

    .help-affected .advice-banner h1 span {

        font-size: 60px;

    }



    .help-affected .advice-banner h1 {

        max-width: 650px;



    }



    .how-we-help .tab-content .service-nav .nav-case-items .nav-case-item:nth-child(1) {

        top: -64px;

        right: 29px;

        width: 700px;

        height: 700px;

    }

    .how-we-help #nav-sozialberatung .service-nav .nav-case-items .nav-case-item .round-carousal .carousel-indicators {
        transform: rotate(27deg);
        left: -4px !important;
    }

    .how-we-help #nav-familientherapie .service-nav .nav-case-items .nav-case-item .round-carousal .carousel-indicators {
        bottom: -15px;
    }


    .how-we-help #nav-familientherapie .service-nav .nav-case-items .nav-case-item:nth-child(1) {

        right: 39px;

    }



    .how-we-help #nav-sozialberatung .service-nav .nav-case-items .nav-case-item:nth-child(1) {

        top: -83px;

        right: 10px;

        width: 600px;

        height: 600px;

    }



    .how-we-help #nav-familientherapie .service-nav .nav-case-items .nav-case-item:nth-child(3) .nav-case-carousel {

        width: 380px;

        height: 380px;

    }



    .how-we-help #nav-familientherapie .service-nav .nav-case-items .nav-case-item:nth-child(4) {

        bottom: 657px;

        right: 330px;

    }



    .how-we-help #nav-familientherapie .service-nav .nav-case-items .nav-case-item:nth-child(2) {

        bottom: 388px;

        width: 300px;

    }



    .how-we-help .tab-content #nav-case .service-nav .nav-case-items .nav-case-item:nth-child(2) {

        top: -50px;

        right: -37px;

        width: 300px;



    }



    .help-affected .nav-tabs .nav-link {

        font-size: 20px;



    }



    .how-we-help #nav-sozialberatung .service-nav .nav-case-items .nav-case-item:nth-child(2) {

        bottom: 496px;

        right: -46px;

        top: initial;

    }



    .help-affected .how-we-help .bg-box {





        width: calc(100% - (50% - 38.5rem + 2rem + 0));

    }



    #unser-verein .dermakids-v #carouseltwo {

        width: 350px;

        right: 42px;

        top: 68px;

    }



    .our-club .dermakids-v {

        padding-bottom: 200px;

    }



    .association-img {

        right: 185px;
        width: 400px;
        bottom: 45px;
    }



    .our-club .customers-testimonial {

        margin-bottom: 150px;

    }



    .approach .approach-heading h3 {

        font-size: 45px;

        margin-bottom: 24px;

        padding-bottom: 0;

    }



    .approach .approach-item {

        gap: 30px;

    }



    .approach .approach-item h6 {

        font-size: 35px;

    }



    .approach .approach-item p {

        font-size: 16px;

        margin-bottom: 0;

    }



    .our-club .donation-info {

        padding-block: 150px;

    }








    .shop .about-banner h1 {

        font-size: 70px;

        padding-bottom: 0;

    }



    #unser-verein.our-club .dermakids-v #carouseltwo .carousel-indicators {

        bottom: -30px;
        gap: 20px;
        left: -85px;

    }

    .our-club .dermakids-v #carouseltwo.round-carousal .carousel-indicators :nth-child(2) {
        margin-top: 30px;
    }

    .our-club .dermakids-v .round-carousal .carousel-indicators :nth-child(4) {
        margin-top: 56px;
    }


    #impressum .banner h1,
    #agb .banner h1,
    #datenschutz .banner h1 {

        max-width: fit-content;

        margin: auto;

        padding-bottom: 0;

    }



    .impressum .carousel {

        max-width: 500px;

    }




    .impressum {

        padding-block: 42px 150px;

    }



    .haupttypen .banner h1 span {

        font-size: 70px;

    }



    .navbar .navbar-nav .nav-link {



        font-size: 18px;



    }

    .dropdown-item {
        font-size: 16px;
    }



    .shop-section h3 {

        font-size: 40px;

    }



    .alltag-mit .divider {

        height: 150px;

    }



    .alltag-mit .comparison .comparison-item:nth-child(2) {

        right: 404px;

        top: 28px;

    }



    .alltag-mit .comparison h2 {

        font-size: 45px;

    }



    .haupttypen .banner h1::after {

        right: 200px;

    }



    .haupttypen .dermakids-v h2 {

        font-size: 45px;

        margin-bottom: 20px;

    }



    .haupttypen .dermakids-v .subtext {

        margin-bottom: 20px;

        font-size: 35px;

    }



    .haupttypen-content p {

        max-width: 619px;

        line-height: 1.5;

        font-size: 18px;

        min-width: initial;

    }



    .haupttypen .dermakids-v #carouseltwo {

        width: 450px;

        height: 450px;

    }



    .haupttypen .dermakids-v #carouseltwo .carousel-indicators {

        transform: rotate(283deg);

        right: -34px;

    }



    .comparison-item img {

        width: 90%;

    }



    .alltag-mit .comparison {

        margin-bottom: 97px;
    }



    .butterfly-children .bC-content {

        margin-left: 308px;

    }



    .butterfly-children .bC-content h3 {

        font-size: 45px;

        margin-bottom: 20px;

    }



    .butterfly-children {

        margin-block: 150px;

    }



    .alltag-mit .service-banner h1,

    .alltag-mit .service-banner h1 span {

        font-size: 69px;

        line-height: 1.2;

        padding-bottom: 0;

    }



    .alltag-mit .service-banner h1::after {

        left: 121px;

        bottom: -83px;

    }



    .alltag-mit .service-banner {

        padding-block: 100px 110px;

    }



    .alltag-mit .help-offers h2 {

        font-size: 45px;

        margin-bottom: 20px;

    }



    .alltag-mit .help-offers .subtext {

        font-size: 35px;

        max-width: 616px;

        margin-bottom: 20px;

    }



    .alltag-mit .help-offers p {

        font-size: 18px;

        max-width: 550px;

        margin-bottom: 20px;



    }



    .theme-btn {

        font-size: 20px;

        padding-block: 25px;

        padding-inline: 50px;

    }



    .alltag-mit .help-offers .theme-btn {

        margin-left: 150px;

    }



    .alltag-mit .help-offers .help-offer-img {

        width: 300px;

        margin-top: 30px;

        margin-left: -200px;

    }



    .alltag-mit .help-offers #carouseltwo {

        width: 450px;

        margin-left: -100px;

        margin-top: -140px;

    }



    .alltag-mit .help-offers #carouseltwo.round-carousal .carousel-indicators {

        left: 210px;

        rotate: 3deg;
        bottom: -33px;

    }



    .alltag-mit .help-offers {

        padding-bottom: 100px;

    }



    .comparison-img {

        width: 90%;

    }



    .help-us .banner h1 {



        font-size: 55px;



        padding-bottom: 16px;



    }

    #help-us .sc-divider {
        height: 200px;
    }


    .support::after {
        bottom: -246px;
        width: 200px;
        height: 200px;
    }

    .shop .broschure .shop-item-price {
        top: -29px;
        left: 25px;
        width: 190px;
    }

    .shop .broschure {
        margin-bottom: 210px;
    }

    .help-us .banner p {



        font-size: 45px;



    }







    .help-us .banner h1::after {


        bottom: -66px;
        left: 279px;
        width: 167px;
        background-size: contain;



    }

    .dk-book .dk-book-content,
    .dk-book h3 {
        margin-left: 0;

    }







    .help-us .donation .your-donation p {



        font-size: 32px;


    }







    .help-us .banner {



        padding-block: 50px;



    }







    .help-us .donation .your-donation {



        width: 350px;



        height: 350px;



        right: 30px;



    }







    .help-us .donation .your-donation p {



        font-size: 30px;






    }






    .help-us .donation .your-donation::before {



        width: 120px;



        height: 119px;



        top: -30px;



        right: 24px;



    }







    .help-us .donation .your-donation::after {



        width: 120px;



        height: 120px;



    }







    .breadcrumb {



        margin-bottom: 50px;



    }







    .breadcrumb-item a,



    .breadcrumb-item {



        font-size: 16px;



    }







    .help-us .donation h2,



    .donation-option h4 {



        font-size: 45px;



        margin-bottom: 20px;



    }







    .help-us .donation span {



        font-size: 35px;



        margin-bottom: 20px;



    }







    .help-us .donation p {



        font-size: 18px;



        max-width: 650px;



    }







    .help-us .donation-carousel {



        width: 500px;



        position: absolute;



        right: -17px;



        top: 16px;



    }







    .help-us .donation .round-carousal .carousel-indicators {


        bottom: -18px;
        transform: rotate(349deg);


    }







    .big-impact h3 {



        font-size: 45px;



        margin-bottom: 16px;



    }







    .big-impact p {



        font-size: 18px;



    }







    .big-impact .bIC-img.left {



        position: absolute;



        left: -76px;



        width: 400px;



        height: 400px;



        top: 54px;



    }







    .big-impact .hwh-usp h5 {



        font-size: 20px;



    }







    .big-impact .hwh-usp:nth-child(1) {



        width: 150px;



        top: -200px;







        height: 150px;



    }







    .big-impact .hwh-usp:nth-child(2),



    .big-impact .hwh-usp:nth-child(3),



    .big-impact .hwh-usp:nth-child(4) {



        width: 180px;



        height: 180px;



    }







    .big-impact .hwh-usp:nth-child(5) {



        width: 190px;



        height: 190px;



    }







    .big-impact .hwh-usp:nth-child(6) {



        width: 200px;



        height: 200px;



    }







    .big-impact .bIC-img.right {

        max-width: 290px;
        right: -57px;



    }







    .help-us .testimonial-img {



        position: absolute;



        right: 45px;



        width: 350px;



        bottom: -172px;



        height: 350px;



    }







    .big-impact .hwh-usp p {



        font-size: 18px;



    }







    .big-impact .hwh-usp:nth-child(2) {



        top: -89px;



    }







    .big-impact .hwh-usp:nth-child(5) {



        top: 276px;



        left: 258px;



    }











    .navbar .navbar-nav {



        gap: 10px;



    }







    .topbar .tA-link {



        font-size: 18px;



    }







    .topbar .tA-link svg {



        width: 20px;



    }







    .topbar-actions {



        gap: 21px;



    }







    .topbar .tA-link.theme-btn {



        font-size: 28px;



    }







    .topbar .tA-link.theme-btn {



        padding: 14px 18px !important;



    }







    .banner h1 {



        font-size: 50px;







    }







    .banner h1 span {



        font-size: 62px;



    }







    .banner h1 strong {







        font-size: 70px;



    }







    .banner h1 {



        margin-left: 89px;



        padding-right: 0;
        padding-bottom: 110px;



    }







    .banner .round-carousal {







        max-width: 540px;







        margin-right: 0px;



    }







    .carousel-fade .carousel-item {



        margin-top: 0;



    }







    .banner .btn-group {



        gap: 20px;



        justify-content: start;



        margin-left: 89px;



    }







    .banner .btn-group .theme-btn {



        flex-basis: 28%;



        font-size: 16px;


        padding: 15px 30px;



    }







    .banner h1::after {



        width: 250px;



        height: 250px;



        background-size: contain;







        left: -170px;



        bottom: -58px;



    }







    .banner h1::before {



        width: 150px;



        background-size: contain;



        background-repeat: no-repeat;







        right: 210px;



    }




    .about-banner h1 {
        padding-bottom: 0;
    }








    .round-carousal .carousel-indicators {







        bottom: -61px;



    }







    .testimonial-content::before {



        width: 237px;



    }







    .testimonial-content::after {



        bottom: -154px;



        left: 19%;







    }







    .testimonial-content h2 {



        font-size: 31px;



        margin-bottom: 16px;



    }







    .testimonial-content .testimonial-by {



        font-size: 18px;



    }







    .our-goal .round-carousal {



        max-width: 433px;



    }







    .banner {



        padding-bottom: 150px;



    }







    .our-goal::after {



        width: 400px;



        height: 400px;



    }







    .donation-option .dO-item:nth-child(1) {



        width: 445px;



    }







    .our-goal .theme-btn {



        margin-top: 40px;
        margin-bottom: 100px;



    }

    .our-goal-content {
        padding-bottom: 60px;
    }





    .dO-item {



        padding: 30px 16px 30px 16px;



    }







    .donation-option .dO-item h6 {



        font-size: 30px;



        margin-bottom: 16px;



    }







    .donation-option p {



        font-size: 18px;



    }







    .dO-item:nth-child(3) {



        padding-block: 30px 40px !important;



    }







    .services .round-carousal {



        max-width: 450px;







        margin-left: -25px;



    }







    .donation-option .dO-item:nth-child(5) {



        width: 445px;



    }







    .donation-option .dO-items {



        margin-top: 30px;



    }







    .dk-book .bg-box {



        width: 90%;



    }







    .dk-book #carouselthree {



        width: 332px;



        position: absolute;



        right: -13px;



    }







    .dk-book #carouselthree.round-carousal .carousel-indicators {



        bottom: -53px;
        right: 16px;


    }

    .dk-book #carouselthree.round-carousal .carousel-indicators :nth-child(2) {
        margin-top: 36px;
    }

    .dk-book::after {
        width: 80px;
        height: 60px;
        top: 128px;
        right: 105px;
        top: initial;
        bottom: -17px;
        background-size: contain;
    }

    .dk-book-img {
        width: 119px;
        margin-top: 60px !important;
    }

    .dk-book p,
    .dk-book p a {
        font-size: 14px;
        line-height: 20px;
    }


    .dk-book-img:nth-child(3) {



        width: 350px;



        right: 180px;



    }







    .dk-book {



        padding-bottom: 70px;



    }







    .dk-book::before {



        width: 280px;



        height: 100%;







    }







    .help-us .divider {



        height: 200px;



    }







    .shop-section h3 {



        font-size: 45px;



        margin-bottom: 20px;



    }







    .shop-section .shop-section-item {



        width: 15%;







    }







    .shop-section .shop-section-items {



        justify-content: space-between;



    }







    .shop-section-item h6 {



        font-size: 27px;



    }







    .support-img {


        width: 415px;
        left: -155px;
        top: 100px;


    }

    .our-team .next,
    .our-team .prev {
        top: 36%;
    }

    #umfeld .hwh-items:nth-child(2) .hwh-usp:nth-child(2) {
        width: 180px;
        height: 180px;
    }





    .support-img2 {



        width: 400px;



        right: 0;



    }







    .donation-option {



        padding-block: 150px;



    }







    .dk-book #carouselthree.round-carousal .carousel-indicators :nth-child(1) {



        margin-top: 60px;



    }







    .dk-book h3 {



        font-size: 38px;



        margin-bottom: 20px;



    }

    .dk-book-img {
        margin-left: 77px;
    }

    .support h3 {
        font-size: 45px;
        margin-bottom: 60px;
    }





    .dk-book .subtext {



        font-size: 30px;



        margin-bottom: 16px;



    }







    .dk-book p,
    .dk-book p a {



        font-size: 18px;



        line-height: 30px;



    }







    .dk-book .dk-book-content,
    .dk-book h3 {



        padding-left: 255px;



    }












    .services::after {



        width: 400px;



        height: 370px;



    }

    .our-club .about-banner h1::after {
        left: 71px;
    }


    #about-us .banner h1 {
        font-size: 62px;
    }

}



@media (max-width: 1400px) {
    .approach-img {
        padding-top: 50px;
        max-width: 100%;
    }
}


@media (min-width: 769px) {

    .contact-wrapper.mobile-btns {
        display: none;
    }
}

@media (min-width: 768px) {


    .types-tabs .theme-list li::before {
        top: 8px;
    }

    .alert-bg {
        padding-block: 60px;







    }

    .comparison-img>img {
        height: 273px;
    }

    #about-us .customers-testimonial .testimonial-content-wrap p {

        line-height: 1;
    }

    .contact-link {
        transition: width 0.3s ease-in-out;
    }

    .visit-insta .slick-current.slick-active {



        width: 440px !important;



        padding-bottom: 35px
    }

    .contact {
        text-align: left;
        gap: 0;
        justify-content: center;
    }

    .contact-btns {
        display: flex;
        flex-direction: column;

    }

    .contact {
        position: initial;
        transform: none;
    }

    .contact-btns {
        position: fixed;
        top: 50%;
        left: 0;
        transform: translateY(-50%);
        gap: 4px;
        z-index: 99;
    }

    .contact-item form {
        padding: 0;
        border-radius: 12px;
    }

    .contact-item form {
        visibility: initial;
    }

    .contact-item.active form {
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        z-index: 99999;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1), 0 0 79px rgb(0 0 0 / 32%);
        border-radius: 10px;
        overflow: hidden;
    }




}







@media (min-width: 991px) {



    #checkout.shop .about-banner .banner-text {
        padding-block: 110px;
        background: none;

    }

    .navbar .navbar-nav {

        gap: 0
    }

    .dropdown-submenu::after {
        top: 43%;
    }


    .dropdown-submenu:hover .dropdown-menu {

        display: block;

    }

    .dropdown-menu .dropdown-submenu .dropdown-menu.show {



        display: block;



    }





    .dropdown-toggle.show,



    .dropdown-toggle:hover,



    .dropdown-submenu.show,



    .dropdown-submenu:hover,



    .nav-item.dropdown:hover .nav-link.dropdown-toggle {



        background-color: #BAE4EC;



    }





    .navbar .navbar-nav .nav-link {







        min-height: 100px;



        display: flex;



        align-items: center;

        padding-inline: 12px
    }







    /* Enable dropdowns on hover */



    .navbar-nav .dropdown:hover>.dropdown-menu {



        border: 0;

        display: block;

        border-radius: 0;

        margin-top: 0;



    }


    .dropdown-menu .dropdown-submenu .dropdown-menu {
        margin-top: -8px
    }









}





@media (min-width: 1200px) {
    .hilfsprojekte .customers-testimonial {
        max-height: 490px;
        min-height: 490px;
    }

    .eB-family-treffen .customers-testimonial.last .testimonial-content-wrap p {
        font-size: 45px;
    }

    .navbar .navbar-nav .nav-link {

        padding-inline: 26px
    }

    #nav-home .hwh-items:nth-child(4) .hwh-usp {
        font-size: 24px;
    }

    .alltag-mit .help-offers #carouseltwo.round-carousal .carousel-indicators {

        transform: rotate(351deg);
    }


}



@media (min-width: 1200px) {
    .navbar .navbar-nav .nav-link {
        padding-inline: 26px
    }
}

@media (max-width: 1200px) {
    .shop .about-banner h1 {
        font-size: 53px;
    }

    .heartfelt-wishes .banner {
        padding-block: 50px;
    }

    .heartfelt-wishes .banner h1 {
        padding-bottom: 0;
        font-size: 50px;
        margin-bottom: 4px;
    }

    .heartfelt-wishes .banner .subtext {
        font-size: 40px;
    }

    .heartfelt-wishes .banner h1::before {
        width: 100px;
        height: 100px;
        right: 198px;
    }

    .heartfelt-wishes .banner h1::after {
        width: 100px;
        height: 100px;
        background-size: cover;
        left: 142px;
        bottom: -102px;
    }

    .heartfelt-wishes .life-quality h2 {
        font-size: 45px;
        margin-bottom: 20px;
    }

    .heartfelt-wishes .life-quality span {
        font-size: 32px;
        max-width: 600px;
    }

    .heartfelt-wishes .life-quality p {
        font-size: 16px;
        max-width: 484px;
    }

    .heartfelt-wishes .life-quality .carousel {
        width: 400px;
        height: 400px;
        top: 58px;
    }

    .heartfelt-wishes .life-quality {
        padding-bottom: 188px;
    }

    .heartfelt-tabs .nav .nav-link {
        width: 454px;
    }

    .heartfelt-tabs .nav .nav-link h3 {
        font-size: 40px;
        margin-bottom: 33px;
    }

    .heartfelt-tabs .nav .nav-link p {
        font-size: 20px;
    }

    .heartfelt-tabs .tab-content #gifts .experience-items .experience-item:nth-child(1) .experience-objects .experience-object {
        right: 0;

    }

    .heartfelt-tabs .tab-content #gifts .experience-items .experience-item:nth-child(2) .experience-objects .experience-object {
        top: -39px;
        left: 0;
        width: 350px;
    }

    .heartfelt-tabs .tab-content #gifts .experience-items .experience-item:nth-child(3) .experience-objects .experience-object:nth-child(1) {
        width: 400px;
        right: 0;
    }

    .heartfelt-tabs .tab-content #gifts .experience-items .experience-item:nth-child(3) {
        padding-bottom: 122px;
    }

    .heartfelt-tabs .tab-content #gifts .experience-items .experience-item:nth-child(4) .experience-objects .experience-object:nth-child(1) {
        top: -42px;
        left: 221px;
        width: 300px;
    }

    .heartfelt-tabs .tab-content #gifts .experience-items .experience-item:nth-child(4) .experience-objects .experience-object:nth-child(2) {
        bottom: 0;
        left: -46px;
        width: 280px;
    }

    .heartfelt-tabs .tab-content #gifts .experience-items .experience-item:nth-child(5) .experience-objects .experience-object:nth-child(1) {
        width: 300px;
        right: 0;
    }

    .heartfelt-tabs .tab-content #gifts .experience-items .experience-item:nth-child(5) {
        padding-bottom: 111px;
    }

    .heartfelt-tabs .tab-content #gifts .experience-items .experience-item:nth-child(6) .experience-objects .experience-object:nth-child(2) {
        width: 300px;
    }

    .heartfelt-tabs .tab-content #gifts .experience-items .experience-item:nth-child(7) .experience-objects .experience-object:nth-child(2) {
        width: 300px;
    }

    .heartfelt-tabs .tab-content #gifts .experience-items .experience-item:nth-child(7) .experience-objects .experience-object:nth-child(1) {
        width: 230px;
    }

    .heartfelt-tabs .tab-content #gifts .experience-items .experience-item:nth-child(7) .experience-objects .experience-object:nth-child(4) {
        width: 300px;
        top: 74px;
        right: 118px;
    }

    .heartfelt-tabs .tab-content #gifts .experience-items .experience-item:nth-child(7) .experience-objects .experience-object:nth-child(5) {
        width: 350px;
        top: 301px;
        left: 302px;
    }

    .heartfelt-tabs .tab-content #gifts .experience-items .experience-item:nth-child(7) .experience-objects .experience-object:nth-child(6) {
        top: 616px;
        right: 236px;
        width: 125px;
    }

    .heartfelt-tabs .tab-content #gifts .experience-items .experience-item:nth-child(7) .experience-objects .experience-object:nth-child(8) {
        width: 260px;

    }

    .heartfelt-tabs .tab-content #gifts .experience-items .experience-item:nth-child(7) .experience-objects .experience-object:nth-child(9) {
        width: 180px;
    }

    .heartfelt-tabs .tab-content #gifts .experience-items .experience-item:nth-child(5) .experience-objects .experience-object:nth-child(1) .carousel-indicators {
        left: initial;
        transform: rotate(228deg);
        right: -59px;
        bottom: 133px;
    }

    .individual-assistance .banner h1,
    .individual-assistance .banner h1 span {
        font-size: 45px;
    }

    .individual-assistance .banner {
        padding-block: 50px;
    }

    .individual-assistance .individual-advice h2 {
        font-size: 40px;
        max-width: 498px;
        margin-bottom: 24px;
    }

    .individual-assistance .individual-advice p {
        max-width: 500px;
    }

    .individual-assistance .individual-advice .carousel {
        right: 0;
        width: 450px;
        height: 450px;
        top: 87px;
    }

    .individual-assistance .individual-advice .carousel .carousel-indicators {
        bottom: 23px;
    }

    .individual-assistance .individual-assistance-tabs .nav-tabs .nav-link {
        font-size: 16px;
    }

    .individual-assistance .individual-assistance-tabs {
        padding-top: 40px;

    }

    .individual-assistance .individual-assistance-tabs h3 {
        font-size: 40px;
        padding-bottom: 62px;
    }

    .individual-assistance .individual-assistance-tabs #help-home-content .tab-items .tab-item:nth-child(1) {
        padding-left: 238px;
    }

    .individual-assistance .individual-assistance-tabs #help-home-content .tab-items .tab-item:nth-child(1) .hhT-objects .hhT-object:nth-child(1) {

        left: -39px;
    }

    .individual-assistance .individual-assistance-tabs p {
        max-width: 364px;
    }

    .individual-assistance .individual-assistance-tabs #help-home-content .tab-items .tab-item:nth-child(1) .hhT-objects .hhT-object:nth-child(4) .carousel {
        width: 400px;
        height: 400px;
    }

    .individual-assistance .individual-assistance-tabs #help-home-content .tab-items .tab-item:nth-child(1) .hhT-objects .hhT-object:nth-child(4) .carousel-indicators {
        transform: rotate(343deg);
        bottom: 6px;
    }

    .individual-assistance .individual-assistance-tabs #help-home-content .tab-items .tab-item:nth-child(2) .hhT-objects .hhT-object:nth-child(4) {
        bottom: 0;
        right: 221px;
    }

    .individual-assistance .individual-assistance-tabs #help-home-content .tab-items .tab-item:nth-child(4) .hhT-objects .hhT-object {
        top: -177px;
        right: -43px;
        width: 361px;
    }

    .individual-assistance .individual-assistance-tabs #help-home-content .tab-items .tab-item:nth-child(6) .hhT-objects .hhT-object {
        top: -5px;
        right: 115px;
        width: 298px;
    }

    .individual-assistance .individual-assistance-tabs #help-home-content .tab-items .tab-item:nth-child(7) .hhT-objects .hhT-object:nth-child(2) {
        top: 0;
        right: -52px;
        width: 361px;
    }

    .individual-assistance .individual-assistance-tabs #help-home-content .tab-items .tab-item:nth-child(7) p {
        max-width: 440px;
    }

    .nav-bottom-tab a {
        font-size: 16px;
    }

    .individual-assistance .individual-assistance-tabs .nav-tabs {
        padding-bottom: 80px;
    }

    .individual-assistance .individual-assistance-tabs #safe-mobility-content h3 {
        padding-bottom: 70px;
    }

    .individual-assistance .individual-assistance-tabs #safe-mobility-content .tab-items .tab-item:nth-child(1) {
        padding-left: 190px;
    }

    .individual-assistance .individual-assistance-tabs #safe-mobility-content .tab-items .tab-item:nth-child(1) .hhT-objects .hhT-object:nth-child(2) .carousel {
        width: 350px;
        height: 350px;
    }

    .individual-assistance .individual-assistance-tabs #safe-mobility-content .tab-items .tab-item:nth-child(1) .hhT-objects .hhT-object:nth-child(1) {
        top: -257px;
        right: -30px;
        width: 500px;
        height: 500px;
    }

    .individual-assistance .individual-assistance-tabs p {
        max-width: 411px;
    }

    .individual-assistance .individual-assistance-tabs #safe-mobility-content .tab-items .tab-item:nth-child(1) .hhT-objects .hhT-object:nth-child(3) {
        bottom: 83px;
        left: 116px;
    }

    .individual-assistance .individual-assistance-tabs #safe-mobility-content .tab-items .tab-item:nth-child(2) .hhT-objects .hhT-object:nth-child(1) .carousel {
        width: 350px;
        height: 350px;
    }

    .individual-assistance .individual-assistance-tabs #safe-mobility-content .tab-items .tab-item:nth-child(2) .hhT-objects .hhT-object:nth-child(1) {
        top: -61px;
        right: 271px;
    }

    .individual-assistance .individual-assistance-tabs #safe-mobility-content .tab-items .tab-item:nth-child(3) {
        padding-bottom: 140px;
        padding-left: 307px;
    }

    .individual-assistance .individual-assistance-tabs #safe-mobility-content .tab-items .tab-item:nth-child(3) .hhT-objects .hhT-object:nth-child(1) {
        top: -114px;
        left: 77px;
        width: 300px;
    }

    .individual-assistance .individual-assistance-tabs #safe-mobility-content .tab-items .tab-item:nth-child(4) .hhT-objects .hhT-object:nth-child(1) {
        top: -150px;
        right: -13px;
        width: 500px;
        height: 500px;
    }

    .individual-assistance .individual-assistance-tabs #safe-mobility-content .tab-items .tab-item:nth-child(5) {
        padding-right: 0;
    }

    .individual-assistance .individual-assistance-tabs #safe-mobility-content .tab-items .tab-item:nth-child(5) .hhT-objects .hhT-object:nth-child(1) {
        top: -78px;
        left: 48px;
        width: 368px;
    }

    .individual-assistance .individual-assistance-tabs #safe-mobility-content .tab-items .tab-item:nth-child(4) .hhT-objects .hhT-object:nth-child(2) {
        bottom: 76px;
    }

    .individual-assistance .individual-assistance-tabs #safe-mobility-content .tab-items .tab-item:nth-child(5) .hhT-objects .hhT-object:nth-child(2) {
        bottom: 101px;
        left: initial;
        right: 52px;
    }

    .individual-assistance .individual-assistance-tabs .circle {
        font-size: 18px !important;
    }

    .individual-assistance .individual-assistance-tabs #medical-assistance-content .tab-items .tab-item:nth-child(2) .hhT-objects .hhT-object:nth-child(1) {
        top: -430px;
        right: -61px;
        width: 500px;
    }

    .individual-assistance .individual-assistance-tabs #medical-assistance-content .tab-items .tab-item:nth-child(2) .hhT-objects .hhT-object:nth-child(2) {
        right: 254px;
    }

    .individual-assistance .individual-assistance-tabs #medical-assistance-content .tab-items .tab-item:nth-child(3) .hhT-objects .hhT-object:nth-child(2) {
        width: 131px !important;
        height: 131px ! IMPORTANT;
        bottom: initial;
        right: 84px;
        top: 0;
    }

    .individual-assistance .individual-assistance-tabs #medical-assistance-content .tab-items .tab-item:nth-child(4) p {
        max-width: 465px;
    }

    .individual-assistance .individual-assistance-tabs #medical-assistance-content .tab-items .tab-item:nth-child(4) .hhT-objects .hhT-object {
        width: 400px;
    }

    .individual-assistance .individual-assistance-tabs #medical-assistance-content .tab-items .tab-item:nth-child(5) .hhT-objects .hhT-object:nth-child(1) {
        right: 95px;
    }

    .individual-assistance .individual-assistance-tabs #medical-assistance-content .tab-items .tab-item:nth-child(6) .hhT-objects .hhT-object:nth-child(2) {
        width: 255px;
    }

    .individual-assistance .individual-assistance-tabs #medical-assistance-content .tab-items .tab-item:nth-child(6) .hhT-objects .hhT-object:nth-child(3) {
        top: 89px;
        right: 0;
        width: 400px;
    }

    .hilfsprojekte .banner h1,
    .hilfsprojekte .banner h1 span {
        font-size: 48px;
        padding-bottom: 0;
        max-width: initial;
        margin: 0;
    }

    .hilfsprojekte .service-banner {
        padding-block: 80px;
    }

    .hilfsprojekte .service-banner h1::after {
        left: 51px;
    }

    .hilfsprojekte .help-offers .help-offer-img {
        right: 46px;
        width: 271px;
        height: auto;
        top: -66px;
    }

    .hilfsprojekte .help-offers h2 {
        font-size: 39px;
    }

    .hilfsprojekte .help-offers span {
        font-size: 30px;
        max-width: 500px;
    }

    .hilfsprojekte .help-offers p {
        font-size: 16px;
        max-width: 523px;
    }

    .hilfsprojekte .help-offers #carouseltwo {
        right: 32px;
        width: 400px;
        height: 400px;
        top: 216px;
    }

    .eB-family-treffen .banner h1 {

        font-size: 51px;
        margin-left: 19px;
    }

    .eB-family-treffen .eb-family h2 {
        font-size: 45px;
    }

    .eB-family-treffen .eb-family span {
        font-size: 30px;
    }

    .eB-family-treffen .eb-family p {
        font-size: 18px;
        max-width: 527px;
        margin-bottom: 51px;
    }

    .eB-family-treffen .eb-family .carousel {
        width: 555px;
        height: 515px;
    }

    .program-section h3 {
        font-size: 45px;
        margin-bottom: 12px;
    }

    .program-section span {
        margin-bottom: 18px;
        font-size: 35px;
    }

    .program-section p {
        font-size: 16px;
        margin-bottom: 8px;
        max-width: 503px;
    }

    .program-section .green-grand-heading {
        padding-bottom: 400px;
        padding-top: 80px;
    }

    .program-section .green-items .green-item:nth-child(5) {
        top: -135px;
        left: 0;
        width: 253px;
    }

    .program-section .family-progress .family-progress-items .family-progress-item:nth-child(1) {
        top: 72px;
        right: 90px;
        width: 241px;
    }

    .program-section .family-progress .family-progress-items .family-progress-item:nth-child(2) {
        top: 471px;
        right: 402px;
        width: 200px;
    }

    .program-section .family-progress .family-progress-items .family-progress-item:nth-child(3) .carousel {
        width: 450px;
        height: 450px;
    }

    .program-section span {
        max-width: 400px;
    }

    .program-section .family-progress .family-progress-heading p {
        max-width: 345px;
    }

    .program-section .family-progress .family-progress-items .family-progress-item:nth-child(4) {
        right: -40px;
        width: 350px;
    }

    .program-section .family-progress .family-progress-items .family-progress-item:nth-child(5) {
        bottom: 217px;
        right: 227px;
        width: 298px;
    }

    .program-section .kids-club .kids-club-items .kids-club-item:nth-child(2) .carousel {
        width: 450px;
        height: 450px;
    }

    .program-section .kids-club .kids-club-items .kids-club-item:nth-child(2) {
        top: 385px;
    }

    .program-section .kids-club .kids-club-items .kids-club-item:nth-child(2) .carousel-indicators {
        left: 502px;
    }

    .unforgettable-evening h3 {
        font-size: 40px;
        max-width: 564px;
        margin-bottom: 16px;
    }

    .unforgettable-evening p {
        font-size: 16px;
        max-width: 421px;
    }

    .unforgettable-evening .UE-items .UE-item:nth-child(1) .carousel {
        width: 450px;
        height: 450px;
        top: 41px;
        right: -97px;
    }

    .unforgettable-evening .UE-items .UE-item:nth-child(3) .carousel {
        width: 350px;
        height: 350px;
        right: 40px;
        top: -21px;
    }

    .unforgettable-evening {
        padding-block: 177px 332px;
    }

    .unforgettable-evening::after {
        left: 332px;
        width: 400px;
        height: 400px;
        background-size: cover;
    }

    .program-section .green-items .green-item:nth-child(1) {
        top: 10px;
        right: 78px;
        width: 250px;
    }

    .program-section .green-items .green-item:nth-child(2) {
        right: 43px;
        width: 274px;
        top: 219px;
    }

    .program-section .green-items .green-item:nth-child(3) {
        bottom: 60px;
        right: 222px;
        width: 280px;
    }

    .program-section .green-items .green-item:nth-child(4) .carousel {
        width: 350px;
        height: 350px;
    }

    .program-section .green-items .green-item:nth-child(4) .carousel-indicators {
        transform: rotate(185deg);
        bottom: 311px;
    }

    .donation-option::before {

        left: -44px;
    }

    .kontakt-content::after {
        left: 331px;
    }

    footer::after {
        width: 300px;
        height: 300px;
        right: 22%;
        top: -145px;
    }

    .epidermolysis .help-offers #carouseltwo.round-carousal .carousel-indicators {
        bottom: 28px;
    }

    .our-team::before {
        width: 212px;
    }

    .home-banner .round-carousal .carousel-indicators {
        gap: 12px;
        bottom: -36px;

    }

    .home-banner .round-carousal .carousel-indicators :nth-child(2) {
        margin-top: 19px;
    }

    .home-banner .round-carousal .carousel-indicators :nth-child(3) {
        margin-top: 33px;
    }

    .our-goal .round-carousal .carousel-indicators {
        gap: 18px;
    }

    .our-goal .round-carousal .carousel-indicators :nth-child(2) {
        margin-top: 20px;
    }

    .our-goal .round-carousal .carousel-indicators :nth-child(3) {
        margin-top: 44px;
    }

    .our-goal .round-carousal .carousel-indicators {
        top: 10px;
    }

    .services .round-carousal .carousel-indicators,
    .haupttypen .dermakids-v #carouseltwo .carousel-indicators {
        gap: 12px;
    }

    .services .round-carousal .carousel-indicators :nth-child(3) {
        margin-top: 0;
    }

    .services .round-carousal .carousel-indicators :nth-child(2) {
        margin-top: 6px;
    }


    .dk-book #carouselthree {
        width: 252px !important;
        right: 1px !important;
        top: -161px;
    }

    .testimonial-content {
        min-height: 220px;
    }

    .customers-testimonial {
        padding: 50px 0 50px;
    }

    .our-club .dermakids-v::before {
        width: 403px;
        height: 139px;
    }

    .banner .round-carousal {
        max-width: 430px;
    }

    .home-banner h1::before {
        width: 110px;
        height: 110px;
        right: 280px;
    }

    .home-banner h1 {

        font-size: 40px;
    }

    .home-banner h1 span {

        font-size: 42px;
    }

    .home-banner h1 strong {
        font-size: 52px;
    }

    .shop-item-price {
        width: 150px
    }

    .shop .info-guide .shop-item-price {
        right: 13px;
        bottom: -37px;
    }

    .shop .schmetterlingskind .shop-item-price {

        right: 27px;
    }

    .shop .infoflyer .shop-item-price {
        right: 70px;
        bottom: 6px;
    }

    .anton .service-banner h1::after {
        right: -139px;
    }

    .anton .banner h1::before {
        left: 67px;
    }

    .anton .anton-heart .carousel {
        top: -75px;
        width: 400px;
        right: 0px;
    }

    .anton .anton-heart h2 {
        font-size: 45px;
        margin-bottom: 20px;
    }

    .anton .anton-heart p {
        font-size: 16px;
        max-width: 564px;
    }

    .fundraising .fundraising-content {
        padding-left: 264px;
        position: relative;
        padding-block: 30px 40px;
    }

    .fundraising .fundraising-items .fundrasing-item:nth-child(1) {
        width: 420px;
        top: -155px;
    }

    .fundraising .fundraising-items .fundrasing-item:nth-child(2) {
        top: 15px;
        left: -34px;
        width: 300px;
    }

    .helpInMoscow .hIM-items .hIM-item:nth-child(1) .hIM-item-objects .hIM-item-object:nth-child(1) {
        width: 300px;
        top: 0;
        right: 0;
    }

    .helpInMoscow .hIM-items .hIM-item:nth-child(1) .hIM-item-objects .hIM-item-object:nth-child(2) {
        top: 271px;
        right: -54px;
    }

    .helpInMoscow .hIM-items .hIM-item:nth-child(1) .hIM-item-objects .hIM-item-object:nth-child(2) .carousel {
        width: 500px;
        height: 500px;
    }

    .helpInMoscow .hIM-items .hIM-item:nth-child(1) .hIM-item-objects .hIM-item-object:nth-child(2) .carousel .carousel-indicators {
        transform: rotate(39deg);
        top: 300px;
        left: -11px;
    }

    .helpInMoscow .hIM-items .hIM-item:nth-child(1) {
        margin-bottom: 200px;
    }

    .news .hIM-items .hIM-item:nth-child(1) {
        padding-left: 211px;
        padding-bottom: 185px;
    }

    .news .hIM-items .hIM-item:nth-child(1) .hIM-item-objects .hIM-item-object:nth-child(1) {
        top: 0;
        left: -34px;
        width: 250px;
    }

    .helpInMoscow .hIM-items h5,
    .news .hIM-items h5 {
        font-size: 40px;
        margin-bottom: 16px;
    }

    .news .hIM-items .hIM-item:nth-child(1) p {
        max-width: 383px;
    }

    .news .hIM-items .hIM-item:nth-child(1) .hIM-item-objects .hIM-item-object:nth-child(2) .carousel {
        width: 400px;
    }

    .news .hIM-items .hIM-item:nth-child(1) .hIM-item-objects .hIM-item-object:nth-child(2) {
        right: -46px;
        top: 0;
    }

    .farewell .farewell-content {
        padding-left: 370px;
    }

    .farewell {
        padding-block: 40px;
    }

    .farewell h5 {
        font-size: 40px;
        margin-bottom: 8px;
    }

    .farewell .farewell-img {
        top: -83px;
        left: -83px;
        width: 500px;
        height: 500px;
    }

    .anton .info-cards {
        padding-block: 100px;
    }

    .international-assistance .banner {
        padding-block: 57px;
    }

    .international-assistance .deployment .devolpment-text h2 {
        font-size: 45px;
    }

    .international-assistance .deployment .devolpment-text p {
        max-width: 480px;
    }

    .international-assistance .deployment .devolpment-text span {
        font-size: 34px;
    }

    .international-assistance .deployment .devolpment-items .devolpment-item:nth-child(1) {
        top: -69px;
        width: 374px;
    }

    .international-assistance .deployment .devolpment-text p:last-of-type {
        max-width: 550px;
    }

    .international-assistance .deployment .devolpment-items .devolpment-item:nth-child(2) {
        right: 50px;
    }

    .international-assistance .deployment .devolpment-items .devolpment-item:nth-child(3) .round-carousal .carousel-indicators {
        left: -48px;
    }

    .international-assistance .deployment .devolpment-text {
        padding-bottom: 771px;
    }

    .international-assistance .deployment .devolpment-items .devolpment-item:nth-child(5) {
        left: 55%;
    }

    .international-assistance .banner h1,
    .international-assistance .banner h1 span {
        font-size: 60px;
    }

    .info-card .card-content span {
        height: initial;
    }

    .info-card p,
    .info-card .read-more {
        font-size: 16px;
    }

    .our-club .banner h1 {
        width: fit-content;
        margin-inline: auto;
    }

    .our-club .about-banner h1::after {
        left: -82px !Important;
    }

    .our-club .about-banner p::after {
        right: -141px !Important;
    }

    .our-club .about-banner p {
        width: fit-content;
        margin-inline: auto;
    }

    .services-box h5 {

        font-size: 43px;
        margin-bottom: 31px;
    }

    .services-box ul li {
        font-size: 20px;
        margin-bottom: 10px;
    }

    .services .round-carousal {
        max-width: 350px;
        margin-left: -30px;
    }

    .services {
        padding-bottom: 300px;
    }

    .services::after {
        width: 300px;
        height: 270px;
    }

    .non-profit-content .no-profit-items .no-profit-img.top-img {
        width: 262px;
        right: -28px;
        left: initial;
        top: 2%;
    }

    .shop .banner .subtext {
        font-size: 35px;
    }

    .shop .banner .subtext::before {
        right: 91px;
        width: 80px;
        height: 80px;
        right: 120px;
        bottom: -29px;
        background-size: cover;
    }

    .shop .banner .subtext::after {
        left: 111px;
        width: 100px;
        height: 100px;
        background-size: cover;
    }

    .shop .about-banner {
        padding-block: 80px;
    }

    .shop .take-advantage .tA-img {
        top: -66px;
        width: 400px;
    }

    .shop .take-advantage h2 {
        font-size: 35px;
        margin-bottom: 16px;
    }

    .shop .take-advantage p {
        font-size: 16px;
        max-width: 397px;
        margin-bottom: 50px;
    }

    .shop .take-advantage .shop-item-list a {
        font-size: 18px;
    }

    .shop .take-advantage .shop-item-list span {
        padding-inline: 8px;
        font-size: 18px;
    }

    .shop .shop-item span {
        font-size: 28px;
    }

    .shop .shop-item h3 {
        font-size: 35px;
        margin-bottom: 18px;
    }

    .shop .shop-item .shop-btn {
        font-size: 18px;
        margin-left: 138px;
        width: 237px;
    }

    .shop .shop-item .carousel {
        width: 300px;
        height: 300px;
    }

    .shop .shop-item .shop-item-img {
        width: 300px;
    }

    .shop .info-guide .carousel {
        top: -38px;
        right: 0;
    }

    .shop .shop-item .round-carousal .carousel-indicators {
        bottom: 15px;
        transform: rotate(9deg);
    }

    .shop .nachhaltigkeitsbericht .shop-item-img {
        left: 0;
    }

    .shop .infoflyer .carousel {
        left: -80px;
        top: -281px;
        width: 500px !important;
        height: 500px !important;
    }

    .shop .infoflyer .round-carousal .carousel-indicators {
        bottom: 135px;
        transform: rotate(356deg);
    }

    .shop .broschure .carousel {
        width: 400px !IMPORTANT;
        height: 400px !IMPORTANT;
    }

    .shop .shop-item .round-carousal .carousel-indicators {
        bottom: 40px;
        transform: rotate(360deg);
    }

    .shop .broschure .shop-item-img {
        right: 250px;
    }

    .shop::before {
        background-position-y: bottom;
    }

    .shop .info-card {
        padding: 15px;
    }

    .shop .card-icon img {
        width: 70px;
        height: 70px;
    }

    .shop .info-card .card-content span {
        font-size: 24px;
    }

    .info-card h6 {
        font-size: 30px;
        margin-bottom: 10px;
    }

    .shop .info-card p {
        font-size: 16px;
        height: auto;
    }

    .help-us .donation h2,
    .donation-option h4,
    .big-impact h3 {
        font-size: 40px;
    }

    .team-slider img {
        max-width: 200px;
        min-width: 200px;
        margin-inline: auto;

    }

    .our-team .next {
        right: -10px;
    }

    .our-team .prev {
        left: -10px;
    }

    #about-us .our-team {
        margin-bottom: 150px;
    }

    #about-us .dK-goal .bg-box {
        width: 97%;
    }

    #about-us .dK-goal-heading h3 {
        font-size: 40px;
    }

    .dk-goal-objects {
        max-width: 372px;
    }

    .non-profit-content .no-profit-img {
        width: 215px;
        left: 40px;
    }

    .non-profit-content h3 {
        font-size: 34px;
        margin-bottom: 56px;
    }

    .non-profit-content .no-profit-items .no-profit-img {
        width: 155px;
        top: 65px;
    }

    .non-profit-content .no-profit-btn {
        font-size: 16px;
        padding: 11px 0 13px 17px;

        width: 227px;

    }

    .non-profit-content .no-profit-btn svg {
        width: 41px;
        height: 41px;
        right: 0;
    }

    .non-profit-content .no-profit-items .no-profit-img:nth-child(3) {
        bottom: 110px;
        width: 150px;
        height: 150px;
        right: 30px;
    }

    .team-slider .slick-current img {
        max-width: 250px;
        min-width: 250px;
    }

    .team-slider .slick-current .team-slider-text {
        width: initial;
    }

    .team-slider .slick-current.slick-active h5 {
        font-size: 30px;
    }

    #about-us .our-team-content p {
        font-size: 16px;
    }

    .team-slider h5 {
        font-size: 28px;
        text-align: center;
        margin-bottom: 10px;
        color: #E32488;
        line-height: 1;
    }

    #about-us .about-banner h1::after {
        left: 85px;
    }

    #about-us .dermakids-v #carouseltwo .carousel-indicators {
        gap: 26px;
    }

    .team-slider .slider-item {

        min-height: 410px;
    }

    .team-slider .slick-dots li {

        margin: 0 12px;
    }

    .alltag-mit .help-offers #carouseltwo.round-carousal .carousel-indicators :nth-child(3) {
        margin-top: 50px;
    }

    .alltag-mit .help-offers #carouseltwo.round-carousal .carousel-indicators :nth-child(2) {
        margin-top: 67px;
    }

    .butterfly-children .round-carousal .carousel-indicators {


        right: -16px;
        bottom: -28px;
    }

    .alltag-mit .help-offers #carouseltwo.round-carousal .carousel-indicators :nth-child(1) {
        margin-top: 80px;
    }

    #about-us .about-banner .subtext::after {
        right: 96px;
    }

    #about-us .about-banner {
        padding-block: 70px;
    }

    #about-us .dermakids-v p {
        font-size: 16px;

        max-width: 450px;
    }

    #about-us .dermakids-v .theme-btn {
        min-width: 271px;
        padding: 25px 19px;
    }

    #about-us .dermakids-v #carouseltwo {
        width: 400px;
        height: 400px;
        top: -58px;
    }

    .kontakt .about-banner h1,
    .kontakt .about-banner h1 span {
        font-size: 55px;
    }

    .kontakt .about-banner {
        padding-block: 70px;
    }

    .kontakt .about-banner h1::before {
        width: 200px;
        height: 200px;
        background-size: cover;
        left: 84px;
        top: -2px;
    }

    .kontakt-side-img {
        width: 400px;
    }

    .kontakt-info {
        max-width: 458px;
        background: #ffffff;
        padding: 20px 21px 13px 19px;
    }

    .kontakt-info .dermakids-logo {
        width: 80%;
    }

    .kontakt-form {
        max-width: 550px;
        padding: 30px;
    }

    .kontakt-form input[type=checkbox] {
        width: 20px;
        height: 20px;
    }

    .kontakt-form label {
        font-size: 18px;

    }

    .kontakt-form .theme-btn {
        padding-inline: 35px;
        padding-block: 20px;
        font-size: 16px;
    }

    .kontakt-form .btn-group {
        margin-block: 12px 85px;
    }

    .kontakt-content .carousel {
        right: 11px;
        width: 381px;
    }

    .kontakt .round-carousal .carousel-indicators {
        top: -195px;
        flex-direction: column;
        left: -18px;
        gap: 12px;
        transform: rotate(0);
    }

    .kontakt .round-carousal .carousel-indicators button:nth-child(1) {

        margin-left: 19px;
    }

    .kontakt .round-carousal .carousel-indicators button:nth-child(3) {
        margin-left: -4px;
    }

    .kontakt-bottom {
        top: 1400px;
        right: 132px;
        width: 300px;
    }

    .satzungszweck h2 {
        font-size: 40px;
        margin-bottom: 20px;
    }

    .satzungszweck #carouselthree.carousel {
        margin-top: -561px;
        left: -49px;
        max-width: 200px;
    }

    .satzungszweck .our-goal .subtext {
        font-size: 30px;
    }

    .satzungszweck .subtext {
        font-size: 28px;
    }

    .satzungszweck p {
        font-size: 16px;
    }

    .our-goal #carouselfour {
        left: 16px;
        width: 300px;
        bottom: 123px;
    }

    .haupttypen .banner h1::after {
        right: 120px;
        top: -74px;
    }

    .haupttypen .association-img {
        right: 120px;
    }

    .haupttypen-content p {
        font-size: 16px;
    }

    .haupttypen .dermakids-v .subtext {
        font-size: 30px;
    }

    .haupttypen .dermakids-v #carouseltwo {
        width: 400px;
        height: 400px;
    }

    .haupttypen .dermakids-v #carouseltwo .carousel-indicators {
        transform: rotate(272deg);
        right: -19px;
    }

    .types-tabs .tab-content #jeb-carousal .carousel-indicators {
        gap: 12px;
    }

    .types-tabs #type-jeb .ebs-layer-img:first-child {
        position: absolute;
        top: -191px;
        left: 21%;
        width: 337px;
    }

    .types-tabs .ebs-layer-img:first-child {
        position: absolute;
        top: -153px;
        left: -28px;
        width: 298px;
    }

    .types-tabs #type-deb .ebs-layer-img:first-child {
        position: absolute;
        top: -173px;
        left: -52px;
        width: 298px;
    }

    .types-tabs .tab-content #jeb-carousal .carousel-indicators button:nth-child(2) {
        margin-left: 20px;
    }

    .types-tabs .tab-content #jeb-carousal .carousel-indicators {
        left: -18px;
    }

    .help-us .donation .round-carousal .carousel-indicators {
        gap: 12px;
    }

    .help-us .donation .round-carousal .carousel-indicators :nth-child(3) {
        margin-top: -15px;
    }

    .dk-book #carouselthree.round-carousal .carousel-indicators {
        gap: 14px;
    }

    .types-tabs .nav .nav-link h5 {
        font-size: 38px;
    }

    .types-tabs .nav .nav-link p {
        font-size: 18px;
    }

    .types-tabs .nav .nav-link.active h5 {
        font-size: 55px;
    }

    .types-tabs .nav .nav-link {
        max-height: 55px;
        margin-top: 31px;

    }

    .types-tabs .tab-content #ebs-carousal {
        max-width: 400px;
    }

    .types-tabs #type-ebs .hwh-usp:nth-child(1) {
        width: 180px;
        height: 180px;
    }

    .types-tabs .hwh-usp h5 {
        font-size: 23px !important;
        margin-bottom: 0;
    }

    .types-tabs #type-jeb .ebs-layer-img:nth-child(2),
    .types-tabs .ebs-layer-img:nth-child(2),
    .types-tabs #type-deb .ebs-layer-img:nth-child(2) {
        max-width: 420px;
    }

    .types-tabs .ebs-layer-img:nth-child(2) {

        margin-top: -12px;
    }

    .types-tabs #type-deb .hwh-usp:nth-child(1) {
        width: 150px;
        height: 150px;
        left: 30%;
    }

    .types-tabs #type-deb .hwh-usp {
        padding: 0;
    }

    .inheritance #carouselthree {
        width: 300px;
        height: 300px;
    }

    .inheritance #carouselfour {
        right: 50px;
        width: 300px;
        height: 300px;
    }

    .types-tabs .tab-content #deb-carousal {
        max-width: 260px;
    }

    .types-tabs .tab-content #deb-carousal .carousel-indicators {
        bottom: -205px;
    }

    .types-tabs #type-kindler .list-group ul {
        max-width: 369px;
    }

    .types-tabs #type-kindler .hwh-usp:nth-child(1),
    .types-tabs #type-kindler .hwh-usp:nth-child(2) {
        width: 150px;
        height: 150px;
    }

    .types-tabs #type-kindler .hwh-usp:nth-child(3) {
        width: 160px;
        height: 160px;
    }

    .types-tabs #type-ebs .hwh-usp:nth-child(2) {
        bottom: 370px;
        width: 150px;
        height: 150px;
    }

    .types-tabs #type-ebs .hwh-usp:nth-child(3) {
        width: 180px;
        height: 180px;
    }

    .types-tabs #type-ebs .hwh-usp:nth-child(3) h5 {
        padding: 0;
    }

    .types-tabs .tab-content #jeb-carousal {
        max-width: 352px;
        position: absolute;
        right: -20px;
        top: -184px;
    }

    .types-tabs #type-jeb .list-group ul {
        max-width: 384px;
    }

    .types-tabs #type-jeb .hwh-usp:nth-child(2) {
        width: 150px;
        height: 150px;
    }

    .haupttypen .about-banner h1 {
        font-size: 50px;
    }

    .haupttypen .banner h1 span {
        font-size: 50px;
    }

    .big-impact .big-impact-content {
        padding-bottom: 548px;
    }

    .dk-book #carouselthree {
        width: 300px;
        right: -18px;

    }

    .epidermolysis .banner h1 {
        max-width: 71%;
        font-size: 60px;
        margin: auto;
    }

    .epidermolysis .banner h1 span {
        font-size: 50px;
    }

    .epidermolysis .banner h1::after {
        right: -8px;
        top: -31px;
        width: 180px;
        height: 180px;
        background-size: contain;
        background-repeat: no-repeat;
    }

    .epidermolysis .help-offers h2 {
        font-size: 45px;
    }

    .epidermolysis .help-offers .subtext {
        font-size: 33px;
        margin-bottom: 20px;
    }

    .epidermolysis .help-offers p {
        font-size: 18px;
    }

    .epidermolysis .help-offers {
        padding-bottom: 100px;
    }

    .eB-challenge .eB-img {
        width: 291px;
    }

    .eB-item img {
        width: 81%;
    }

    .eB-challenge .eB-item h5 {
        font-size: 30px;
    }

    .eB-challenge .eB-item:nth-child(2) {
        top: 220px;
        left: 7px;
    }

    .eB-challenge .eB-item:nth-child(4) {
        bottom: 171px;
    }

    .eB-challenge .eB-item:nth-child(3) {
        bottom: 94px;
    }

    .eB-challenge .eB-item:nth-child(6) {
        left: 348px;
    }

    .eB-challenge .eB-item:nth-child(7) {
        top: initial;
        left: 458px;
        bottom: 247px;
    }

    .eB-challenge .eB-item:nth-child(9) {
        right: 169px;
    }

    .eB-challenge .eB-item:nth-child(10) {
        bottom: 351px;

        left: 585px;
    }

    .eB-challenge .eB-item:nth-child(8) {
        top: initial;
        left: 495px;
        bottom: 72px;
    }

    .eB-challenge .eB-item:nth-child(11) {
        bottom: 200px;
    }

    .eB-challenge .eB-item:nth-child(12) {
        bottom: 133px;
        right: 75px;
    }

    .eB-challenge h3 {
        font-size: 40px;
    }

    .epidermolysis .Eb {
        padding-block: 180px;
    }

    .epidermolysis .Eb .Eb-heading h3 {
        font-size: 50px;
        margin-bottom: 20px;
    }

    .epidermolysis .Eb .Eb-heading p {
        font-size: 18px;
    }

    .Eb-img img {
        width: 80%;
    }

    .epidermolysis .Eb .Eb-img {
        right: 0;
        justify-content: center;
        top: 159px;
    }

    .epidermolysis {
        padding-bottom: 202px;
    }

    .dk-book #carouselthree.round-carousal .carousel-indicators {
        bottom: -50px;

        transform: rotate(14deg);
    }

    .dk-book h3 {
        font-size: 34px;
        margin-bottom: 16px;
        margin-left: 254px;
        padding-left: 0;
    }

    .dk-book .subtext {
        font-size: 25px;
        margin-bottom: 8px;
    }

    .dk-book p,
    .dk-book p a {
        font-size: 16px;
        line-height: 26px;
    }

    .dk-book .bg-box {
        width: 97%;
    }

    .dk-book-img {
        width: 151px;
    }

    .dk-book {
        margin-bottom: 150px;
    }

    #help-us .divider {
        height: 115px;
    }

    .shop-section h3 {
        font-size: 30px;
    }

    .shop-section h3,
    .support h3 {
        font-size: 35px;
        margin-bottom: 16px;
    }

    .support-items:nth-child(1) {
        margin-left: 124px;
    }

    .support h5 {
        font-size: 30px;
    }

    .support p {
        font-size: 16px;
        max-width: 351px;
    }

    .support-items:nth-child(2) .support-item {
        margin-top: 38px;
    }

    .support-img2 {
        width: 300px;
    }

    .support-cta a {
        font-size: 35px;
    }

    .support-cta {
        max-width: 300px;
    }

    #help-us .sc-divider {
        height: 200px;
    }

    .big-impact p {
        font-size: 16px;
    }

    .big-impact .bIC-img.left {
        position: absolute;
        left: -82px;
        width: 300px;
        height: 300px;
    }

    .big-impact .hwh-usp:nth-child(1) {
        width: 120px;
        top: -150px;
        height: 120px;
    }

    .big-impact .hwh-usp h5 {
        font-size: 18px;
    }

    .big-impact .hwh-usp p {
        font-size: 16px;
        line-height: 1;
    }

    .big-impact .hwh-usp:nth-child(4) {
        left: 541px;
    }

    .big-impact .hwh-usp:nth-child(5) {
        top: 222px;
        left: 258px;
        width: 150px;
        height: 150px;
    }

    .big-impact .hwh-usp:nth-child(6) {
        width: 180px;
        height: 180px;
        right: 196px;
        top: 229px;
    }

    .donation-option .dO-item h6 {
        font-size: 24px;
        margin-bottom: 8px;
    }

    .donation-option p {
        font-size: 16px;
        margin-bottom: 50px;
    }

    .donation-option .dO-item:nth-child(1) {
        width: 330px;
    }

    .donation-option .dO-item:nth-child(2) {
        max-width: 330px;
    }

    .donation-option .dO-item:nth-child(4) {
        max-width: 290px;
    }

    .donation-option .dO-items {
        gap: 9px;
    }

    .donation-option .dO-item:nth-child(5) {
        width: 330px;
    }

    .donation-option .dO-item:nth-child(6) {
        max-width: 629px;

    }

    .big-impact .hwh-usp:nth-child(2),
    .big-impact .hwh-usp:nth-child(3),
    .big-impact .hwh-usp:nth-child(4) {
        width: 150px;
        height: 150px;
    }

    .big-impact .hwh-usp:nth-child(2) {
        right: 0;
    }

    .big-impact .hwh-usp:nth-child(3) {
        left: 215px;
        right: initial;
    }

    .help-us .donation span {
        font-size: 30px;
    }

    .help-us .donation p {
        font-size: 16px;
        max-width: 498px;
    }

    .help-us .donation .your-donation {
        width: 300px;
        height: 300px;
        right: 30px;
        top: -82px;
    }

    .help-us .donation .your-donation p {
        font-size: 26px;
        max-width: 200px;
    }

    .help-us .donation .your-donation::before {
        right: 0;
    }

    .help-us .banner h1::after {

        width: 150px;
        height: 150px;
        background-size: cover;
        bottom: -41px;
        left: 194px;
    }

    .help-us .banner p {
        font-size: 40px;
    }

    .help-us .donation .your-donation::after {
        width: 100px;
        height: 100px;
        bottom: -39px;
        left: 13px;
    }

    .help-us .donation-carousel {
        width: 400px;
        position: absolute;
        right: 6px;
        top: 100px;
    }

    .help-us .donation .round-carousal .carousel-indicators {
        transform: rotate(347deg);
    }

    .dk-book-img:nth-child(3) {
        width: 350px;
        right: 213px;
        bottom: -159px;
    }

    .support-items {
        margin-left: 65px;

    }

    .support-items:nth-child(1) {
        margin-left: 185px;
    }

    #datenschutz .service-banner,

    #impressum .service-banner,

    #agb .service-banner,

    #satzungszweck .service-banner,

    .advice-banner {

        padding-block: 50px !important;

    }



    .help-affected .help-offer-img {

        width: 380px;

        height: 380px;

        top: 0;

    }



    .advice-banner .banner-img {

        right: 12%;

        width: 150px;

        height: 150px;

        top: 61px;

    }



    .help-affected .help-offers h2 {

        font-size: 40px;

        margin-bottom: 20px;

    }



    .help-affected .help-offers .subtext {

        font-size: 28px;

        max-width: 600px;

    }



    .help-affected .help-offers p {

        font-size: 14px;

    }



    .help-offers #carouseltwo.round-carousal .carousel-indicators {

        gap: 13px;

        bottom: 0;

    }



    .help-affected .help-offers {

        padding-bottom: 180px;

    }



    .how-we-help .hwh-type .nav-link {

        width: 429px;

    }



    .how-we-help .hwh-type h3 {

        font-size: 40px;

        margin-bottom: 38px;

    }



    .how-we-help .hwh-type p {

        font-size: 14px;

    }



    .how-we-help .hwh-type .nav-link {

        margin-top: -87px;

        max-height: 88px;

    }



    .help-affected .nav-tabs .nav-link {

        font-size: 18px;

    }



    .help-affected .nav-tabs {

        gap: 8px;

    }



    .hwh-items h5,

    .hwh-items h5 {

        font-size: 43px !important;

    }



    .hwh-items p,

    .hwh-items a {

        font-size: 16px;
        z-index: 999;
        position: relative;

    }



    #nav-home .hwh-items:nth-child(1) .hwh-img {

        position: relative;

        max-width: fit-content;

        width: 300px;

        height: initial;

        margin-top: -48px;

    }



    .hwh-items:nth-child(1) .hwh-img::after {

        width: 500px;

        height: 500px;

        right: -149px;

        top: -106px;

    }



    .hwh-items:nth-child(2) .hwh-img::after {

        width: 500px;

        height: 500px;

        right: -79px;

        top: -71px;

    }



    .hwh-items h5 {

        margin-top: 0 !important;

    }



    .how-we-help .tab-content .service-nav h4 {

        font-size: 40px;

        margin-bottom: 20px;

    }



    .how-we-help .tab-content .service-nav .nav-case-heading p {

        font-size: 16px;

        max-width: 472px;

    }



    .how-we-help .tab-content .service-nav h5 {

        font-size: 35px;

    }



    .how-we-help .tab-content #nav-case .service-nav .nav-case-items .nav-case-item:nth-child(1) {

        top: -74px;
        right: 66px;
        width: 436px;
        height: 500px;
    }



    .how-we-help .tab-content #nav-case .service-nav .nav-case-items .nav-case-item:nth-child(2) {

        width: 250px;

    }



    .how-we-help .tab-content #nav-case .service-nav .nav-case-items .nav-case-item:nth-child(3) .nav-case-carousel {

        width: 300px;

        height: 300px;

    }



    .how-we-help #nav-case .service-nav .nav-case-items .nav-case-item .round-carousal .carousel-indicators {

        right: -22px;
        gap: 14px;

    }

    .how-we-help #nav-case .service-nav .nav-case-items .nav-case-item .round-carousal .carousel-indicators button:nth-child(1) {
        margin-top: 17px;
    }

    .how-we-help #nav-sozialberatung .service-nav .nav-case-items .nav-case-item:nth-child(3) .nav-case-carousel .round-carousal .carousel-indicators {

        transform: rotate(351deg);
        left: 73px !important;
        left: 69px !important;
        gap: 13px;
    }

    .how-we-help #nav-sozialberatung .service-nav .nav-case-items .nav-case-item:nth-child(4) {

        right: 0px !important;
    }

    .how-we-help #nav-sozialberatung .service-nav .nav-case-items .nav-case-item.nC-card {
        width: 240px;
        height: 240px;
    }

    .how-we-help .tab-content #nav-sozialberatung .service-nav .nav-case-items .nav-case-item:nth-child(2) {

        right: 196px;
        width: 240px;
    }

    .how-we-help #nav-sozialberatung .service-nav .nav-case-items .nav-case-item:nth-child(3) .nav-case-carousel .round-carousal .carousel-indicators :nth-child(2) {

        margin-top: 18px;
    }

    .how-we-help .tab-content .service-nav .nav-case-items .nav-case-item:nth-child(1) {
        width: 480px;
        height: 480px;
    }

    .how-we-help #nav-familientherapie .service-nav .nav-case-items .nav-case-item:nth-child(3) .nav-case-carousel {
        width: 280px;
        height: 280px;
    }

    .how-we-help #nav-familientherapie .service-nav .nav-case-items .nav-case-item .round-carousal .carousel-indicators {

        transform: rotate(320deg);
    }

    .how-we-help #nav-familientherapie .service-nav .nav-case-items .nav-case-item:nth-child(4) {
        right: 230px;
    }

    .how-we-help #nav-ernahrungsberatung .service-nav .nav-case-items .nav-case-item:nth-child(1) {
        width: 500px;
        height: 500px;
    }

    .how-we-help #nav-ernahrungsberatung .service-nav .nav-case-items .nav-case-item:nth-child(3) {
        max-width: 250px;
    }

    .how-we-help .tab-content .service-nav .nav-case-items .nav-case-item.nC-card {
        width: 150px;
        height: 150px;
    }

    .how-we-help #nav-ernahrungsberatung .service-nav .nav-case-items .nav-case-item:nth-child(2) {
        top: 265px;
    }

    .how-we-help #nav-ernahrungsberatung .service-nav .nav-case-items .nav-case-item:nth-child(4) {
        bottom: 186px;
        right: 323px;
        width: 240px;
        left: initial;
    }

    #umfeld .hwh-items:nth-child(3) .hwh-usp {
        width: 122px;
        height: 122px;
    }

    #umfeld .hwh-items:nth-child(4) .hwh-usp {
        width: 150px;
        height: 150px;
        right: 400px;
    }

    #nav-home2 .hwh-items .hwh-usp {
        font-size: 27px;
        padding: 21px;
    }

    .how-we-help #nav-Pflegedienste .service-nav .nav-case-items .nav-case-item:nth-child(1) {

        width: 385px;
        height: 385px;
    }

    .how-we-help #nav-Pflegedienste .service-nav .nav-case-items .nav-case-item:nth-child(2) {
        top: 400px;
        right: 190px;
        max-width: 233px;
    }

    .how-we-help .tab-content .service-nav .nav-case-items .nav-case-item:nth-child(3) .nav-case-carousel .round-carousal .carousel-indicators {

        transform: rotate(276deg);
        gap: 14px;
    }

    .how-we-help #nav-Pflegedienste .service-nav .nav-case-items .nav-case-item:nth-child(5) {
        right: 330px;
    }

    .how-we-help #nav-krankenkassen .service-nav .nav-case-items .nav-case-item:nth-child(1) {
        width: 500px;
        height: 500px;
        top: 40px;

    }

    .how-we-help #nav-krankenkassen .service-nav .nav-case-items .nav-case-item:nth-child(4) {
        top: 510px;
    }

    .how-we-help #nav-krankenkassen .service-nav .nav-case-items .nav-case-item:nth-child(2) {

        width: 250px;
        height: 250px;
    }

    .how-we-help #nav-krankenkassen .service-nav .nav-case-items .nav-case-item:nth-child(5),
    .how-we-help #nav-krankenkassen .service-nav .nav-case-items .nav-case-item:nth-child(8) {
        width: 140px;
        height: 140px;
    }

    .how-we-help .tab-content #nav-Pflegedienste .service-nav .nav-case-items .nav-case-item:nth-child(3) .nav-case-carousel {
        width: 290px;
        height: 290px;
    }

    .how-we-help #nav-Pflegedienste .service-nav .nav-case-items .nav-case-item:nth-child(3) {
        bottom: 490px;
    }


    .how-we-help .tab-content #nav-case .service-nav .nav-case-items .nav-case-item:nth-child(4) {

        bottom: 716px;

        right: 655px;

        width: 300px;

        height: 300px;

    }

    .how-we-help #nav-krankenkassen .service-nav .nav-case-items .nav-case-item:nth-child(9) {
        width: 214px;
        height: 214px;
        right: 460px;
    }

    .how-we-help #nav-krankenkassen .service-nav .nav-case-items .nav-case-item:nth-child(7) {

        right: 236px;
    }

    .how-we-help #nav-krankenkassen .service-nav .nav-case-items .nav-case-item:nth-child(3) {


        right: 240px;
    }

    .how-we-help #nav-krankenkassen .service-nav .nav-case-items .nav-case-item:nth-child(8) {

        right: 490px;
    }

    .how-we-help #nav-krankenkassen .service-nav .nav-case-items .nav-case-item:nth-child(10) {

        bottom: 500px;
        right: 660px;
    }

    .how-we-help #nav-Kita .service-nav .nav-case-items .nav-case-item:nth-child(1) {
        width: 390px;
        height: 390px;
    }

    .how-we-help #nav-Kita .service-nav .nav-case-items .nav-case-item:nth-child(2) {

        top: 390px;

        width: 350px;
    }

    .how-we-help #nav-Kita .service-nav .nav-case-items .nav-case-item:nth-child(6) {
        right: 360px;
    }

    .how-we-help #nav-Kita .service-nav .nav-case-items .nav-case-item:nth-child(7) {

        right: 650px;
        bottom: 212px;
    }

    .how-we-help .tab-content .service-nav ul li h6 {

        font-size: 28px;

        margin-bottom: 4px;

    }

    #nav-offentlichkeit .service-nav .nav-case-items .nav-case-item:nth-child(1) {

        width: 400px;
        height: 500px;
    }

    .how-we-help #nav-offentlichkeit .service-nav .nav-case-items .nav-case-item:nth-child(3) {
        width: 300px;

    }

    #nav-offentlichkeit .service-nav .nav-case-items .nav-case-item:nth-child(7) {

        right: 350px;
    }


    .how-we-help .tab-content .service-nav ul li p {

        max-width: 68% !important;

    }



    .how-we-help #nav-sozialberatung .service-nav .nav-case-items .nav-case-item:nth-child(1) {

        top: -78px;

        right: -19px;

        width: 500px;

        height: 500px;

    }



    #nav-ernahrungsberatung #carouselfive,

    .how-we-help #nav-sozialberatung .service-nav .nav-case-items .nav-case-item:nth-child(3) .nav-case-carousel {

        width: 350px;

        height: auto;

    }



    .how-we-help .tab-content #nav-case .service-nav .nav-case-items .nav-case-item:nth-child(5) {

        width: 300px;

        height: 300px;

        bottom: 445px;

    }



    .how-we-help .tab-content #nav-case .service-nav .nav-case-items .nav-case-item:nth-child(6) {

        bottom: 416px;

        right: 487px;

        width: 320px;

        height: 320px;

    }



    .how-we-help .tab-content #nav-case .service-nav .nav-case-items .nav-case-item:nth-child(7) {

        bottom: 878px;

        right: 424px;

        width: 120px;

        height: 120px;

    }



    .how-we-help .tab-content .service-nav .nav-case-items .nav-case-item.nC-card h6 {

        font-size: 20px !important;

    }



    .how-we-help .tab-content .service-nav .nav-case-items .nav-case-item:nth-child(8) {

        right: 16px;

        width: 140px;

        height: 140px;

    }



    .how-we-help .tab-content #nav-case .service-nav .nav-case-items .nav-case-item:nth-child(9) {

        bottom: 280px;

        right: 713px;

        width: 150px;

        height: 150px;

    }



    .hwh-items:nth-child(3) .hwh-usp {

        width: 180px;

        height: 180px;

        right: 66px;

        top: 0;

    }



    .how-we-help .tab-content #nav-case .service-nav .nav-case-items .nav-case-item:nth-child(10) {

        right: 700px;

    }



    .how-we-help .tab-content #nav-case .service-nav .nav-case-heading {

        padding-bottom: 816px;

    }



    .hwh-items:nth-child(4) .hwh-usp {

        width: 160px;

        height: 160px;

        right: 0;

    }



    .hwh-items:nth-child(4) .hwh-img::after {

        width: 300px;

        height: 300px;

        top: 30px;



    }



    .hwh-items:nth-child(3) .hwh-img::after {

        width: 500px;

        height: 500px;

    }



    .hwh-items .hwh-img2 {

        position: absolute;

        right: 30px;

        bottom: -113px;

        width: 350px;

        height: 350px;

    }



    .hwh-items .hwh-img2::after {

        width: 500px;

    }



    .hwh-items:nth-child(2) .hwh-usp {

        top: 34px;

        right: 25px;

    }



    .hwh-items:nth-child(3) .hwh-img {

        margin-bottom: 0px;

        margin-left: -59px;

        margin-top: 66px;

    }



    .help-affected .help-offers #carouseltwo {

        margin-top: 295px;

        margin-left: -63px;

        width: 400px;

        height: 400px;

    }



    .help-affected .advice-banner h1,

    .help-affected .advice-banner h1 span {

        font-size: 55px;

    }



    .our-club .about-banner h1::after {

        left: 26px;

    }



    .our-club .about-banner p::after {

        right: 135px;

    }



    .our-club .about-banner {

        padding-block: 86px;

    }



    #unser-verein .dermakids-v #carouseltwo {

        width: 280px;

        top: 0;

        right: 50px;

    }



    .round-carousal .carousel-indicators button {

        min-width: 12px;

        max-width: 12px;

        min-height: 12px;

    }



    #unser-verein.our-club .dermakids-v #carouseltwo .carousel-indicators {

        gap: 12px;

        bottom: 50px;

        transform: rotate(352deg);
        left: -80px;

    }

    #about-us .dermakids-v #carouseltwo .carousel-indicators,
    .dK-goal #carouselthree.round-carousal .carousel-indicators {
        gap: 12px;
    }

    .dermakids-v #carouseltwo.round-carousal .carousel-indicators :nth-child(2) {
        margin-top: 13px;
    }

    .dK-goal #carouselthree.round-carousal .carousel-indicators :nth-child(2) {
        margin-top: 60px;
    }

    .dK-goal #carouselthree.round-carousal .carousel-indicators :nth-child(3) {
        margin-top: 72px;
    }

    #about-us .dermakids-v #carouseltwo .carousel-indicators {
        bottom: 18px;
        left: -100px;
    }

    .our-club .dermakids-v #carouseltwo.round-carousal .carousel-indicators :nth-child(2) {
        margin-top: 21px;
    }

    .our-club .dermakids-v #carouseltwo.round-carousal .carousel-indicators :nth-child(3) {
        margin-top: 35px;
    }

    .our-club .dermakids-v .round-carousal .carousel-indicators :nth-child(4) {
        margin-top: 42px;
    }



    .info-card h6,

    .dermakids-v h2 {

        font-size: 35px;

        margin-bottom: 16px;



    }



    .dermakids-v .subtext {

        font-size: 28px !important;

        margin-bottom: 20px;

    }



    .our-club .dermakids-v p {

        font-size: 16px;

    }



    .our-club .dermakids-v .theme-btn {

        padding-inline: 75px;

    }



    .our-club .dermakids-v {

        padding-bottom: 150px;

    }



    .alltag-mit .service-banner h1,

    .alltag-mit .service-banner h1 span {

        margin-left: 0;

        font-size: 57px;



    }



    .association-img {

        width: 300px;

    }



    .approach .approach-item-icon img {

        width: 50px;

        height: 50px;

    }



    .approach .approach-item h6 {

        font-size: 30px;

    }



    .approach .approach-item p {

        font-size: 15px;

    }



    .approach .approach-item:nth-child(6) {

        margin-left: -79px;

    }



    .approach .approach-item:nth-child(7) {

        margin-left: -140px;

    }



    .approach .approach-heading h3 {

        font-size: 40px;

        margin-bottom: 16px;

    }



    .alltag-mit .service-banner {

        padding-block: 90px 100px;

    }



    .alltag-mit .help-offers .help-offer-img {

        width: 250px;

        margin-top: 59px;

        margin-left: -100px;

    }



    .alltag-mit .comparison .bg-box {

        width: 95%;

    }



    .comparison-item img {

        width: 70%;

    }



    .alltag-mit .comparison h2 {

        font-size: 40px;

        margin-bottom: 50px;

    }



    .alltag-mit .comparison .comparison-item:nth-child(2) {

        right: 337px;

        top: 9px;


    }

    .alltag-mit .comparison .comparison-item:nth-child(8) {
        bottom: 30px;
    }


    .alltag-mit .comparison .comparison-item:nth-child(3) {

        right: 59px;

        top: 11px;

    }



    .alltag-mit .comparison .comparison-carousal {

        right: 0;

        width: 250px;

        bottom: -39px;

    }



    .alltag-mit .comparison .comparison-content {

        padding-bottom: 228px;

    }



    .alltag-mit .comparison .comparison-item:nth-child(6) {

        left: 312px;

    }



    .alltag-mit .comparison .comparison-item:nth-child(7) {

        left: 557px;

    }

    .home-testimonial .testimonial-content-wrap {

        justify-content: start;
        gap: 20px;
    }



    .customers-testimonial .testimonial-content-wrap p {

        font-size: 28px;

        margin-bottom: 20px;

    }



    .testimonial-content .testimonial-by {

        font-size: 16px;

    }



    .customers-testimonial .testimonial-content-wrap {

        min-height: auto;

    }



    .testimonial {

        min-height: 350px;

        max-height: 350px;

    }



    .customers-testimonial .carousel-indicators {

        bottom: -10px;

        gap: 10px;

    }



    .butterfly-children .bg-box {

        width: 90%;

    }



    .butterfly-children #carouselfour {

        position: absolute;

        width: 250px;

        top: -90px;

        left: 4px;

    }



    .butterfly-children .bC-content {

        margin-left: 219px;

    }



    .butterfly-children .bC-content p {

        font-size: 18px;

        margin-bottom: 50px;

    }



    .shop-section h3 {

        font-size: 35px;

    }



    .shop-section-item h6 {

        font-size: 24px;

    }



    .customers-testimonial .carousel-indicators button {

        width: 15px;

        min-height: 15px;

    }



    .testimonial-content::after {







        width: 188px;



        height: 188px;



    }















    .eb-meeting h3,



    .services h3,



    .visit-insta h4,



    .our-goal h3 {



        font-size: 48px;



    }







    .eb-meeting {







        padding-top: 385px;



    }







    .contact img {



        max-width: 50px;



    }

    .shop .shop-item .round-carousal .carousel-indicators {
        gap: 12px;
        bottom: 27px;
        transform: rotate(4deg);
    }






    .shop .shop-item.infoflyer .round-carousal .carousel-indicators {
        bottom: 85px;
        transform: rotate(358deg);
        gap: 7px;
        right: 61px;
    }

    .services .round-carousal .carousel-indicators {
        left: 6px;
    }
}











@media (max-width:991px) {



    .navbar .navbar-nav {

        gap: 10px
    }



    .navbar-collapse {

        border-radius: 0 0 0 24px;

    }


    .non-profit-content .no-profit-items .no-profit-img.top-img {
        width: 205px;
        right: -28px;
        left: initial;
        top: 7%;
    }

    .navbar .navbar-nav .nav-link {

        width: fit-content;

        color: #4e4e4e;

    }



    .navbar-toggle {

        display: block;

    }



    .navbar-collapse {

        position: absolute;

        background: #fff;

        right: 0;

        top: 62px;

        min-width: 336px;

        max-width: 336px;

        padding: 12px 15px 12px 20px;

    }



    .navbar .nav-item.dropdown::after {

        display: inline-block;

        margin-left: .255em;

        vertical-align: .255em;

        content: "";

        border-top: .3em solid;

        border-right: .3em solid rgba(0, 0, 0, 0);

        border-bottom: 0;

        border-left: .3em solid rgba(0, 0, 0, 0);

        position: absolute;

        right: 6px;

        top: 16px;

        cursor: pointer;

    }



    .satzungszweck .our-goal #carouselfour {
        left: 16px;
        width: 300px;
        bottom: -242px;
        right: 0;
    }

    .satzungszweck .our-goal #carouselfour.round-carousal .carousel-indicators {
        right: -25px;
        left: initial;
        top: 88%;
        transform: rotate(354deg);
    }

    .satzungszweck #carouselthree.carousel {
        margin-top: -561px;
        left: -49px;
        max-width: 200px;
        bottom: -201px;
    }

    .satzungszweck .our-goal #carouselthree.round-carousal .carousel-indicators :nth-child(2) {
        margin-right: 51px;
    }

    .satzungszweck .our-goal .round-carousal .carousel-indicators :nth-child(3) {
        margin-right: 59px;
    }

    .satzungszweck .our-goal #carouselthree.round-carousal .carousel-indicators {
        top: -17%
    }

    .satzungszweck-divider {
        height: 300px;
    }

    .satzungszweck .our-goal #carouselthree.round-carousal .carousel-indicators {
        gap: 17px;
    }

    .satzungszweck .our-goal .round-carousal .carousel-indicators {
        top: initial;
        transform: translateY(-50%);
        flex-direction: column;
        left: -29px;
        transform: rotate(294deg);
        bottom: 114px;
    }

    .impressum .carousel {

        width: 400px;

        margin-left: auto;

        margin-right: 0;

    }



    .impressum .subtext {

        font-size: 28px;

    }



    .impressum h2 {

        font-size: 40px;

        margin-bottom: 30px;

    }



    .impressum .address p {

        font-size: 16px;

    }



    .impressum p,

    .impressum p a,

    .impressum ul li {

        font-size: 16px;

    }



    .impressum h3 {

        font-size: 35px;

    }



    .eb-meeting h3,



    .services h3,



    .visit-insta h4,



    .our-goal h3 {



        font-size: 42px;



        margin-bottom: 20px;



    }







    .banner h1,



    .banner .btn-group {



        margin-left: 0;



    }







    .banner .round-carousal {



        max-width: 350px;



    }







    .testimonial-content::before,



    .testimonial-content::after {



        width: 122px;



        height: 122px;



    }







    .our-goal::after {







        width: 250px;



        height: 250px;







        top: -118px;



        right: 0;



    }







    .bg-box {



        width: 90%;



    }







    .our-goal .round-carousal {



        max-width: 280px;



    }







    .round-carousal .carousel-indicators {



        gap: 10px;



    }







    .round-carousal .carousel-indicators {



        margin-bottom: -35px;



    }







    .round-carousal .carousel-indicators :nth-child(4) {



        margin-bottom: 55px;



    }







    .our-goal .round-carousal {



        margin-bottom: 0;



        right: 0;



    }







    .our-goal .round-carousal .carousel-indicators {







        left: -246px;



        gap: 10px;



    }







    .our-goal .round-carousal::before {



        top: -95px;



        width: 80px;



        height: 80px;



        background-size: contain;



    }







    .topbar {



        display: block;



    }







    .dropdown-menu .dropdown-submenu .dropdown-menu {



        position: initial;



    }







    .dropdown-item {



        min-width: 100%;



    }







    .dropdown-submenu::after {

        rotate: 0deg;

        right: 6px;

        display: inline-block;

        margin-left: .255em;

        vertical-align: .255em;

        content: "";

        border-top: 7.2px solid;

        border-right: 7.5px solid transparent;

        border-bottom: 0;

        border-left: 7.5px solid transparent;



    }







    .dropdown-menu.submenu-activated::after {

        display: none;

    }









    .dropdown-menu,



    .dropdown-toggle.show,



    .dropdown-toggle:hover,



    .dropdown-submenu.show,



    .dropdown-submenu:hover,



    .nav-item.dropdown:hover .nav-link.dropdown-toggle {



        border: 0;

        background: #fff;



    }



    .dropdown-menu li {

        padding-left: 13px;

        padding-right: 0;

    }

    .dropdown-submenu .dropdown-menu li {
        padding-left: 0;
    }

    .dropdown-submenu .dropdown-menu li a {
        padding-right: 0;
    }





    .dropdown-item {



        font-size: 16px;



        padding: 12px 0;



        border-bottom: 0;

    }







}





@media(max-width: 992px) {
    .impressum .round-carousal .carousel-indicators {
        bottom: 109px;
        left: -309px;
        transform: rotate(9deg);
    }

    .heartfelt-wishes .banner h1::before {
        right: 74px;
    }

    .heartfelt-wishes .banner h1::after {
        left: 29px;
    }

    .heartfelt-wishes .life-quality h2 {
        font-size: 32px;
        margin-bottom: 13px;
    }

    .heartfelt-wishes .life-quality span {
        font-size: 30px;
        max-width: 557px;
    }

    .heartfelt-wishes .life-quality p {
        width: 411px;
    }

    .heartfelt-wishes .life-quality .carousel {
        width: 300px;
        height: 260px;
        top: 202px;
        right: 5px;
    }

    .heartfelt-tabs .nav .nav-link {
        width: 335px;
        margin-top: -61px;
        margin-bottom: 0;
        max-height: 62px;
    }

    .heartfelt-tabs .experience-items .experience-item:nth-child(1) .carousel .carousel-indicators {
        transform: rotate(289deg);
        bottom: 55px;
    }

    .heartfelt-tabs .tab-content h5 {
        font-size: 40px;
        margin-bottom: 16px;
    }

    .heartfelt-tabs .tab-content p {
        font-size: 16px;
        max-width: 500px;
    }

    .heartfelt-tabs .experience-items .experience-item:nth-child(1) {
        margin-bottom: 83px;
    }

    .heartfelt-tabs .experience-items .experience-item:nth-child(2) .ET-content {
        margin-right: 0;
    }

    .heartfelt-tabs .experience-items .experience-item:nth-child(2) .carousel {
        left: -65px;
        width: 283px;
        height: 279px;
        top: 24px;
    }

    .heartfelt-tabs .experience-items .experience-item:nth-child(2) .carousel .carousel-indicators {
        transform: rotate(350deg);
        bottom: 39px;
        left: -136px;
    }

    .heartfelt-tabs .experience-items .experience-item:nth-child(2) {
        padding-bottom: 99px;
    }

    .heartfelt-tabs .experience-items .experience-item:nth-child(3) .ET-content {
        max-width: 546px;
        margin-right: 0;
        margin-left: auto;
    }

    .heartfelt-tabs .experience-items .experience-item:nth-child(3) .experience-object {
        left: -15px;
        top: 52px;
        width: 250px;
    }

    .heartfelt-tabs .experience-items .experience-item:nth-child(4) .carousel {
        position: absolute;
        width: 286px;
        top: -86px;
        right: 0;
    }

    .heartfelt-tabs .experience-items .experience-item:nth-child(4) .carousel .carousel-indicators {
        transform: rotate(275deg);
        right: -188px;
        left: 0;
        bottom: 42px;
    }

    .heartfelt-tabs .experience-items .experience-item {
        &:nth-child(4) {
            padding-bottom: 100px;
        }
    }

    .heartfelt-tabs .experience-items .experience-item:nth-child(1) .carousel {
        position: absolute;
        width: 300px;
        height: 300px;
        bottom: 168px;
        right: 0;
    }

    .heartfelt-tabs .nav .nav-link h3 {
        font-size: 28px;
        margin-bottom: 17px;
    }

    .heartfelt-tabs .nav .nav-link p {
        font-size: 16px;
    }

    .individual-assistance .individual-advice .carousel {
        right: -28px;
        width: 350px;
        height: 350px;
        top: 0;
    }

    .individual-assistance .individual-assistance-tabs #help-home-content .tab-items .tab-item:nth-child(1) .hhT-objects .hhT-object:nth-child(2) {
        top: -152px;
        right: 83px;
    }

    .individual-assistance .individual-assistance-tabs #help-home-content .tab-items .tab-item:nth-child(1) {
        padding-left: 156px;
    }

    .individual-assistance .individual-assistance-tabs #help-home-content .tab-items .tab-item:nth-child(1) .hhT-objects .hhT-object:nth-child(1) {
        left: -71px;
        width: 239px;
        bottom: initial;
        top: 0;
    }

    .individual-assistance .individual-assistance-tabs p {
        max-width: 361px;
    }

    .individual-assistance .individual-assistance-tabs #help-home-content .tab-items .tab-item:nth-child(1) .hhT-objects .hhT-object:nth-child(4) .carousel {
        width: 300px;
        height: 300px;
    }

    .individual-assistance .individual-assistance-tabs #help-home-content .tab-items .tab-item:nth-child(1) .hhT-objects .hhT-object:nth-child(4) {
        top: 89px;
        right: -61px;
    }

    .individual-assistance .individual-assistance-tabs #help-home-content .tab-items .tab-item:nth-child(1) .hhT-objects .hhT-object:nth-child(4) .carousel-indicators {
        transform: rotate(339deg);
        bottom: -2px;
    }

    .individual-assistance .individual-assistance-tabs #help-home-content .tab-items .tab-item:nth-child(2) .hhT-objects .hhT-object:nth-child(1) {
        right: 0;
    }

    .individual-assistance .individual-assistance-tabs #help-home-content .tab-items .tab-item:nth-child(1) .hhT-objects .hhT-object:nth-child(3) {
        bottom: 10px;
    }

    .individual-assistance .individual-assistance-tabs #help-home-content .tab-items .tab-item:nth-child(2) .hhT-objects .hhT-object:nth-child(4) {
        bottom: 68px;
        right: 48px;
        width: 300px;
        height: 300px;
    }

    .individual-assistance .individual-assistance-tabs #help-home-content .tab-items .tab-item:nth-child(2) .hhT-objects .hhT-object:nth-child(3) {
        top: -99px;
        right: 205px;
    }

    .individual-assistance .individual-assistance-tabs #help-home-content .tab-items .tab-item:nth-child(2) .hhT-objects .hhT-object:nth-child(2) {
        top: -9px;
        right: -35px;
    }

    .individual-assistance .individual-assistance-tabs #help-home-content .tab-items .tab-item:nth-child(2) .hhT-objects .hhT-object:nth-child(5) {
        bottom: 57px;
    }

    .individual-assistance .individual-assistance-tabs #help-home-content .tab-items .tab-item:nth-child(3) .hhT-objects .hhT-object:nth-child(2) {
        top: -77px;
        right: 0;
    }

    .individual-assistance .individual-assistance-tabs #help-home-content .tab-items .tab-item:nth-child(4) {
        padding-left: 0px;
    }

    .individual-assistance .individual-assistance-tabs #help-home-content .tab-items .tab-item:nth-child(4) .hhT-objects .hhT-object {
        top: -116px;
        right: -43px;
        width: 300px;
    }

    .individual-assistance .individual-assistance-tabs #help-home-content .tab-items .tab-item:nth-child(6) .hhT-objects .hhT-object {
        top: -30px;
        right: 43px;
    }

    .individual-assistance .individual-assistance-tabs #help-home-content .tab-items .tab-item:nth-child(6) .hhT-objects .hhT-object {
        top: -99px;
        right: -20px;
        width: 214px;
    }

    .individual-assistance .individual-assistance-tabs #help-home-content .tab-items .tab-item:nth-child(7) .hhT-objects .hhT-object:nth-child(1) .carousel {
        width: 300px;
        height: 300px;
    }

    .individual-assistance .individual-assistance-tabs #help-home-content .tab-items .tab-item:nth-child(7) .hhT-objects .hhT-object:nth-child(1) {
        top: -35px;
        left: -78px;
    }

    .individual-assistance .individual-assistance-tabs #help-home-content .tab-items .tab-item:nth-child(7) .hhT-objects .hhT-object:nth-child(1) .carousel .carousel-indicators {
        right: 30px;
        left: initial;
        bottom: 43px;
        transform: rotate(302deg);
    }

    .individual-assistance .individual-assistance-tabs #help-home-content .tab-items .tab-item:nth-child(7) {
        padding-left: 199px;
    }

    .individual-assistance .individual-assistance-tabs #help-home-content .tab-items .tab-item:nth-child(7) .hhT-objects .hhT-object:nth-child(2) {
        top: initial;
        right: -52px;
        width: 181px;
        bottom: 0;
    }

    .individual-assistance .individual-assistance-tabs #safe-mobility-content .tab-items .tab-item:nth-child(1) .hhT-objects .hhT-object:nth-child(2) .carousel {
        width: 300px;
        height: 300px;
    }

    .individual-assistance .individual-assistance-tabs #safe-mobility-content .tab-items .tab-item:nth-child(1) {
        padding-left: 159px;
    }

    .individual-assistance .individual-assistance-tabs p {
        max-width: 392px;
    }

    .individual-assistance .individual-assistance-tabs #safe-mobility-content .tab-items .tab-item:nth-child(1) .hhT-objects .hhT-object:nth-child(1) {
        top: -77px;
        right: -122px;
        width: 400px;
        height: 400px;
    }

    .individual-assistance .individual-assistance-tabs #safe-mobility-content .tab-items .tab-item:nth-child(2) .hhT-objects .hhT-object:nth-child(2) {
        top: -186px;
    }

    .individual-assistance .individual-assistance-tabs #safe-mobility-content .tab-items .tab-item:nth-child(2) .hhT-objects .hhT-object:nth-child(1) {
        top: -62px;
        right: 18px;
    }

    .individual-assistance .individual-assistance-tabs #safe-mobility-content .tab-items .tab-item:nth-child(2) .hhT-objects .hhT-object:nth-child(1) .carousel .carousel-indicators {
        transform: rotate(265deg);
        bottom: 107px;
    }

    .individual-assistance .individual-assistance-tabs #safe-mobility-content .tab-items .tab-item:nth-child(3) .shape-helper {
        display: none !important;
    }

    .individual-assistance .individual-assistance-tabs #safe-mobility-content .tab-items .tab-item:nth-child(3) {
        padding-bottom: 89px;
        padding-left: 157px;
    }

    .individual-assistance .individual-assistance-tabs #safe-mobility-content .tab-items .tab-item:nth-child(3) .hhT-objects .hhT-object:nth-child(1) {
        top: -14px;
        left: -74px;
        width: 241px;
    }

    .individual-assistance .individual-assistance-tabs #safe-mobility-content .tab-items .tab-item:nth-child(2) {
        padding-bottom: 69px;
    }

    .individual-assistance .individual-assistance-tabs #safe-mobility-content .tab-items .tab-item:nth-child(4) .hhT-objects .hhT-object:nth-child(1) {
        top: -38px;
        right: -57px;
        width: 300px;
        height: 300px;
    }

    .individual-assistance .individual-assistance-tabs #safe-mobility-content .tab-items .tab-item:nth-child(4) {
        padding-bottom: 150px;
    }

    .individual-assistance .individual-assistance-tabs #safe-mobility-content .tab-items .tab-item:nth-child(5) .hhT-objects .hhT-object:nth-child(1) {
        top: -63px;
        left: 0;
        width: 300px;
    }

    .individual-assistance .individual-assistance-tabs #safe-mobility-content .tab-items .tab-item:nth-child(5) {
        padding-left: 294px;
        padding-bottom: 373px;


    }

    .individual-assistance .individual-assistance-tabs #safe-mobility-content .tab-items .tab-item:nth-child(5) .hhT-objects .hhT-object:nth-child(2) {
        bottom: 0;
    }

    .individual-assistance .individual-assistance-tabs #medical-assistance-content .tab-items .tab-item:nth-child(1) .hhT-objects .hhT-object:nth-child(1) {
        top: -108px;
        right: 0;
    }

    .individual-assistance .individual-assistance-tabs #medical-assistance-content .tab-items .tab-item:nth-child(2) .hhT-objects .hhT-object:nth-child(1) {
        top: -437px;
        right: -85px;
        width: 350px;
    }

    .individual-assistance .individual-assistance-tabs #medical-assistance-content .tab-items .tab-item:nth-child(2) .hhT-objects .hhT-object:nth-child(2) {
        right: 74px;
        width: 287px;
        bottom: 38px;
    }

    .individual-assistance .individual-assistance-tabs #medical-assistance-content .tab-items .tab-item:nth-child(3) .hhT-objects .hhT-object:nth-child(2) {
        width: 100px !important;
        height: 100px ! IMPORTANT;
        bottom: initial;
        right: 19px;
        top: -57px;
    }

    .individual-assistance .individual-assistance-tabs #medical-assistance-content .tab-items .tab-item:nth-child(4) {
        padding-left: 0;
        padding-bottom: 111px;
    }

    .individual-assistance .individual-assistance-tabs #medical-assistance-content .tab-items .tab-item:nth-child(4) .hhT-objects .hhT-object {
        right: -86px;
    }

    .individual-assistance .individual-assistance-tabs #medical-assistance-content .tab-items .tab-item:nth-child(5) .hhT-objects .hhT-object:nth-child(1) {
        right: -37px;
        width: 250px;
        top: 0;
    }

    .individual-assistance .individual-assistance-tabs #medical-assistance-content .tab-items .tab-item:nth-child(5) p {
        max-width: 503px;
    }

    .individual-assistance .individual-assistance-tabs #medical-assistance-content .tab-items .tab-item:nth-child(6) .hhT-objects .hhT-object:nth-child(1) .carousel {
        width: 300px;
    }

    .individual-assistance .individual-assistance-tabs #medical-assistance-content .tab-items .tab-item:nth-child(6) .hhT-objects .hhT-object:nth-child(1) {
        top: 62px;
        left: -86px;
    }

    .individual-assistance .individual-assistance-tabs #medical-assistance-content .tab-items .tab-item:nth-child(6) .hhT-objects .hhT-object:nth-child(1) .carousel .carousel-indicators {
        transform: rotate(286deg);
        bottom: 29px;
    }

    .individual-assistance .individual-assistance-tabs #medical-assistance-content .tab-items .tab-item:nth-child(6) {
        padding-bottom: 264px;
        padding-left: 196px;
    }

    .individual-assistance .individual-assistance-tabs #medical-assistance-content .tab-items .tab-item:nth-child(6) .hhT-objects .hhT-object:nth-child(2) {
        width: 200px;
    }

    .individual-assistance .individual-assistance-tabs #medical-assistance-content .tab-items .tab-item:nth-child(6) .hhT-objects .hhT-object:nth-child(3) {
        top: 132px;
        right: -103px;
        width: 374px;
    }

    .individual-assistance .individual-advice .carousel .carousel-indicators {
        bottom: -2px;
        transform: rotate(334deg);
    }

    .hilfsprojekte .service-banner h1::after {
        left: 0;
        width: 80px;
        height: 80px;
    }

    .hilfsprojekte .service-banner {
        padding-block: 60px;
    }

    .hilfsprojekte .help-offers #carouseltwo {
        right: 0;
        width: 300px;
        height: 300px;
        top: 216px;
    }

    .hilfsprojekte .help-offers #carouseltwo .carousel-indicators {
        bottom: 101px !important;
        left: 203px !important;
        rotate: 321deg !important;
    }

    .hilfsprojekte .service-banner h1::before {
        right: 82px;
        width: 100px;
        height: 100px;
    }

    .hilfsprojekte .banner h1,
    .hilfsprojekte .banner h1 span {
        font-size: 43px;
    }

    .eb-family video {
        height: 418px;
    }

    .eB-family-treffen .eb-family .eb-family-item {
        right: -32px;
        width: 300px;
        top: -128px;
    }

    .eB-family-treffen .eb-family .carousel {
        width: 400px;
        height: 400px;
        right: -33px;
        top: 1127px;

    }

    .eB-family-treffen .eb-family .carousel .carousel-indicators {
        right: -20px;
        transform: rotate(301deg);
        bottom: 35px;
    }

    .program-section .bg-box {
        width: 100% !important;
    }

    .program-section .green-grand-heading {
        padding-bottom: 325px;
        padding-top: 95px;
        max-width: initial;
    }

    .program-section .green-items .green-item:nth-child(1) {
        top: 16px;
        right: 45px;
        width: 200px;
    }

    .program-section .green-items .green-item:nth-child(2) {
        right: -3px;
        width: 230px;
        top: 217px;
    }

    .program-section .green-items .green-item:nth-child(3) {
        bottom: 47px;
        right: 145px;
        width: 251px;
    }

    .program-section .green-items .green-item:nth-child(4) .carousel-indicators {
        transform: rotate(186deg);
        bottom: 325px;
    }

    .program-section .family-progress .family-progress-items .family-progress-item:nth-child(1) {
        top: 64px;
        right: 66px;
        width: 219px;
    }

    .program-section .family-progress .family-progress-items .family-progress-item:nth-child(2) {
        top: 44px;
    }

    .program-section .family-progress .family-progress-items .family-progress-item:nth-child(3) .carousel .carousel-indicators {
        bottom: 88px;
    }

    .program-section .family-progress .family-progress-items .family-progress-item:nth-child(4) {
        width: 300px;
    }

    .program-section .family-progress .family-progress-items .family-progress-item:nth-child(6) {
        bottom: 13px;
        left: 199px;
        width: 203px;
    }

    .program-section .family-progress .family-progress-items .family-progress-item:nth-child(5) {
        bottom: 249px;

    }

    .program-section .kids-club .kids-club-items .kids-club-item:nth-child(1) {
        top: 137px;
        right: -18px;
        width: 250px;
    }

    .program-section .kids-club .kids-club-items .kids-club-item:nth-child(2) .carousel {
        width: 400px;
        height: 400px;
    }

    .program-section .kids-club .kids-club-items .kids-club-item:nth-child(2) {
        top: 403px;
        right: 4px;
    }

    .program-section .kids-club .kids-club-items .kids-club-item:nth-child(2) .carousel-indicators {
        left: 458px;
    }

    .program-section .kids-club .kids-club-items .kids-club-item:nth-child(3) {
        bottom: 104px;
        left: 0;
        width: 350px;
    }

    .program-section .kids-club p {
        max-width: 490px;
    }

    .unforgettable-evening::before {
        width: 245px;
        height: 245px;
        top: 0;
    }

    .unforgettable-evening .UE-items .UE-item:nth-child(1) {
        margin-left: 168px;
        margin-bottom: 120px;
    }

    .unforgettable-evening h3 {
        font-size: 34px;
    }

    .unforgettable-evening p {
        font-size: 14px;
        max-width: 272px;
    }

    .unforgettable-evening .UE-items .UE-item:nth-child(1) .carousel-indicators {
        bottom: 90px;
        transform: rotate(106deg);
    }

    .unforgettable-evening h4 {
        margin-bottom: 20px;
    }

    .unforgettable-evening .UE-items .UE-item:nth-child(3) .carousel {
        width: 300px;
        height: 300px;
    }

    .unforgettable-evening .UE-items .UE-item:nth-child(3) .round-carousal .carousel-indicators {
        right: -129px;
        transform: rotate(227deg);
    }

    .unforgettable-evening::after {
        left: 332px;
        width: 350px;
        height: 350px;
    }

    .program-section .green-items .green-item:nth-child(4) .carousel {
        width: 332px;
        height: 332px;
    }

    .program-section .green-items .green-item:nth-child(4) {
        bottom: -29px;
        left: -41px;
    }

    .eB-family-treffen .eb-family p {
        font-size: 16px;
        max-width: 418px;
        margin-bottom: 39px;
    }


    .kontakt-content::after {
        left: 392px;
        width: 280px;
        height: 280px;

    }

    footer::after {

        right: 21%;
    }

    .donation-option::before {
        width: 300px;
        height: 300px;
        top: -1px;
        left: -36px;
    }


    .about-banner h1 {

        padding-bottom: 0;

        margin-left: 0;

        font-size: 41px;

        margin-bottom: 10px;
    }

    .help-affected .help-offers p {
        max-width: 400px;
    }

    .help-us .donation-carousel {
        width: 426px;
        right: 13px;
        top: 79px;
    }

    .alltag-mit .comparison .comparison-content {
        padding-bottom: 100px;
    }

    .alltag-mit .comparison .comparison-item:nth-child(6) {
        left: 343px;
    }

    .alltag-mit .comparison .comparison-item:nth-child(7) {
        bottom: 114px;
    }

    .alltag-mit .comparison .comparison-item:nth-child(8) {
        left: 78px;
    }

    .home-banner .round-carousal .carousel-indicators {
        bottom: -36px;
        transform: rotate(10deg);
    }

    .home-banner .btn-group .theme-btn {
        padding: 16px 12px !important;
    }

    .testimonial-content::after {
        left: 0 !important;
    }

    footer h5 {
        font-size: 26px;
        margin-bottom: 38px;
    }

    footer .action-link {
        font-size: 15px;
        margin-bottom: 12px;
    }

    footer p {
        font-size: 16px;
    }

    footer .gateway {
        margin-top: 47px;
    }

    .divider {
        height: 162px;

    }

    .divider .left {
        max-width: 106px;
    }

    .divider .right {
        margin-top: 28px;
    }

    .home-banner h1::before {
        width: 80px;
        height: 80px;
        right: 356px;
        top: -35px;
    }

    .anton .banner h1 {
        font-size: 45px;
        margin-bottom: 9px;
    }

    .anton .banner .subtext {
        font-size: 35px;
    }

    .anton .banner h1::before {
        left: 15px;
        bottom: -90px;
    }

    .anton .anton-heart h2 {
        font-size: 40px;
        margin-bottom: 16px;
    }

    .anton .anton-heart p {
        font-size: 14px;
        max-width: 427px;
    }

    .anton .anton-heart .carousel {
        top: 72px;
        width: 300px;
        right: 0px;
    }

    .anton .anton-heart .carousel-indicators {
        bottom: 13px;
    }

    .fundraising .bg-box,
    .farewell .bg-box {
        width: 100%;
    }

    .farewell .farewell-content {
        padding-left: 122px;
    }

    .farewell .farewell-img {
        top: -294px;
        width: 400px;
        left: -149px;
        height: 400px;
    }

    .farewell {
        padding-block: 74px 40px;
    }

    .fundraising .fundraising-content {
        padding-left: 213px;
    }

    .fundraising .fundraising-items .fundrasing-item:nth-child(2) {
        top: 34px;
        left: -43px;
        width: 250px;
    }

    .fundraising .fundraising-items .fundrasing-item:nth-child(1) {
        width: 300px;
        top: -125px;
    }

    .helpInMoscow .hIM-items h3 {
        font-size: 43px;
    }

    .helpInMoscow .hIM-items span {
        font-size: 27px;
        max-width: 430px;
    }

    .helpInMoscow .hIM-items p,
    .news .hIM-items p {
        font-size: 14px;
        max-width: 440px;
    }

    .helpInMoscow .hIM-items .hIM-item:nth-child(1) .hIM-item-objects .hIM-item-object:nth-child(2) {
        top: 271px;
        right: -135px;
    }

    .helpInMoscow .hIM-items .hIM-item:nth-child(1) .hIM-item-objects .hIM-item-object:nth-child(2) .carousel .carousel-indicators {
        transform: rotate(35deg);
        top: 291px;
        left: -7px;
    }

    .news .hIM-items .hIM-item:nth-child(1) {
        padding-left: 149px;
        padding-bottom: 120px;
    }

    .news .hIM-items .hIM-item:nth-child(1) .hIM-item-objects .hIM-item-object:nth-child(1) {
        top: 0;
        left: -51px;
        width: 200px;
    }

    .news .hIM-items .hIM-item:nth-child(1) .hIM-item-objects .hIM-item-object:nth-child(2) .carousel {
        width: 300px;
    }

    .news .hIM-items .hIM-item:nth-child(1) p {
        max-width: 326px;
    }

    .news .hIM-items .hIM-item:nth-child(1) .hIM-item-objects .hIM-item-object:nth-child(2) .carousel-indicators {
        bottom: 34px;
        transform: rotate(358deg);
    }

    .anton .service-banner h1::after {
        right: -152px;
    }

    .international-assistance .deployment .devolpment-items .devolpment-item:nth-child(3) .round-carousal .carousel-indicators {
        left: -36px;
        top: 139px;
    }

    .international-assistance .deployment .devolpment-items .devolpment-item:nth-child(6) {
        right: -29px;
        top: 1000px;
        bottom: initial;
    }

    .international-assistance .deployment .devolpment-items .devolpment-item:nth-child(4) {
        right: 447px;
        bottom: initial;
        top: 1136px;
    }

    .international-assistance .deployment .devolpment-items .devolpment-item:nth-child(4) .carousel .carousel-indicators {
        bottom: 20px;
        left: -170px;
        transform: rotate(359deg);
    }

    .international-assistance .deployment .devolpment-items .devolpment-item:nth-child(7) {
        left: 214px;
        top: 1290px;
        width: 200px;
        bottom: initial;
    }

    .international-assistance .banner h1 span {
        margin-left: 92px;
    }

    .international-assistance .banner h1::before {
        width: 100px;
        height: 100px;
        right: -17px;
        top: -6px;
    }

    .international-assistance .banner h1::after {
        width: 100px;
        height: 100px;
        left: 31px;
        bottom: -67px;
    }

    .international-assistance .deployment .devolpment-items .devolpment-item:nth-child(1) {
        top: 79px;
        width: 316px;
        right: -73px;
    }

    .international-assistance .deployment .devolpment-text p:last-of-type {
        max-width: 390px;
    }

    .international-assistance .deployment .devolpment-items .devolpment-item:nth-child(2) {
        right: -21px;
        width: 355px;
    }

    .international-assistance .deployment .devolpment-text {
        padding-bottom: 500px;
    }

    .international-assistance .deployment .devolpment-items .devolpment-item:nth-child(3) .carousel {
        width: 300px;
    }

    .banner::before {
        width: 151px;
        height: 95px;
        background-size: cover;
    }

    .testimonial-content::after {
        bottom: -62px;
        left: 19%;
        width: 200px !important;
        height: 200px ! IMPORTANT;
    }

    .our-goal .round-carousal {
        margin-bottom: -141px !important;
    }

    .shop .banner .subtext::before {
        right: 0;
    }

    .shop .banner .subtext::after {
        left: 0;

    }

    .eb-meeting {
        padding-block: 118px;
    }

    .services .round-carousal {
        max-width: 319px;
        margin-left: 155px;
    }

    .services .round-carousal .carousel-indicators {
        bottom: 0;
        left: -62px;
        transform: rotate(6deg);
    }

    .services {
        padding-block: 150px;
    }

    .eb-meeting video {
        height: 446px;
    }

    .shop .take-advantage .tA-img {
        top: -61px;
        width: 300px;
    }

    .shop .take-advantage h2 {
        font-size: 30px;
        margin-bottom: 10px;
    }

    .shop .take-advantage .shop-item-list a {
        font-size: 16px;
    }

    .shop .take-advantage .shop-item-list span {
        padding-inline: 5px;
        font-size: 16px;
    }

    .shop .shop-item .round-carousal .carousel-indicators {
        bottom: 64px;
        transform: rotate(366deg);
    }

    .shop .shop-item h3 {
        font-size: 30px;
    }

    .shop .shop-item .shop-item-img {
        width: 250px;
    }

    .shop .info-guide .shop-item-content {
        margin-left: 192px;
    }

    .shop .info-guide span {
        margin-bottom: 0;
    }

    .shop .info-guide p {
        width: 323px;
        margin-bottom: 46px;
    }

    .shop .info-guide .round-carousal .carousel-indicators {
        bottom: 86px !important;
        transform: rotate(19deg) !important;
    }

    .shop .info-guide .carousel {
        top: -50px;
        right: -45px;
    }

    .shop .info-guide {
        margin-bottom: 109px;
    }

    .shop .nachhaltigkeitsbericht .shop-item-img {
        right: 0;
        left: initial;
    }

    .shop .infoflyer .carousel {
        left: -80px;
        top: -262px;
        width: 400px !important;
        height: 400px !important;
    }

    .shop .shop-item .round-carousal .carousel-indicators {
        bottom: 124px;
    }

    .shop .infoflyer .shop-item-content {
        margin-left: 225px;
    }

    .shop .infoflyer p {
        width: 361px;
    }

    .dk-book h3 {
        margin-left: 138px;
    }

    .shop .broschure .carousel {
        width: 350px ! IMPORTANT;
        height: 350px ! IMPORTANT;
    }

    .shop .broschure .round-carousal .carousel-indicators {
        bottom: 80px;
    }

    .shop .broschure .shop-item-img {
        right: 123px;
    }

    .epidermolysis .Eb .Eb-img {
        width: 300px;
        height: 300px;
    }

    .epidermolysis .Eb .Eb-heading h3 {
        font-size: 36px;
        margin-bottom: 10px;
    }

    .epidermolysis .Eb .Eb-heading p {
        font-size: 16px;
        max-width: 420px;
    }

    .epidermolysis .Eb .Eb-heading p a {
        font-size: 16px;
    }

    .epidermolysis .Eb .Eb-item {
        padding-left: 10px;
        height: 220px;

    }

    .epidermolysis .Eb .Eb-items {
        padding-top: 59px;
        padding-bottom: 44px;
    }

    .epidermolysis .Eb .Eb-item h5 {
        font-size: 40px;
    }

    .epidermolysis .Eb .Eb-item ul li {
        font-size: 16px;
    }

    .help-us .donation h2,
    .donation-option h4,
    .big-impact h3 {
        font-size: 30px;
        margin-bottom: 8px;
    }

    .alltag-mit .comparison .round-carousal .carousel-indicators {
        bottom: 24px;
    }

    .alltag-mit .comparison {
        margin-bottom: 159px;
    }

    .butterfly-children .round-carousal .carousel-indicators {
        bottom: 22px;
    }

    #about-us .about-banner h1::after {
        left: 112px;
    }

    #about-us .banner .subtext {
        font-size: 36px;
    }

    #about-us .about-banner .subtext::after {
        right: 23px;
    }

    #about-us .dermakids-v #carouseltwo {
        width: 300px;
        height: 300px;
        top: -40px;
    }

    #about-us .dermakids-v #carouseltwo .carousel-indicators {
        bottom: 34px;
    }

    #about-us .dermakids-v .subtext {
        margin-bottom: 21px;
    }

    #about-us .dermakids-v .theme-btn {
        min-width: 195px;
        padding: 17px 23px !important;
    }

    .our-team::before {
        width: 200px;
        height: 200px;
        background-size: contain;
        top: -143px;

    }

    #about-us .our-team .bg-box {
        width: 94%;
    }

    #about-us .team-heading {
        margin-left: 28px;
    }

    #about-us .our-team-content h3 {
        margin-bottom: 18px;
        font-size: 35px;
    }

    #about-us .our-team-content .subtext {
        margin-bottom: 13px;
        font-size: 29px;
    }

    #about-us .our-team-content p {
        max-width: 389px;
    }

    .team-slider {
        margin-left: 42px;
    }

    .our-team .prev {
        left: 31px;
    }

    .team-slider.slick-initialized .slick-current img {
        margin-inline: auto;
    }

    .team-slider img {
        max-width: 150px;
        min-width: 150px;
    }

    .team-slider .team-slider-text {
        height: 80px;
    }

    .dK-accordian {
        max-width: 429px;
    }

    #about-us .dK-goal-heading h3 {
        font-size: 35px;
    }

    .dK-accordian .accordion-button {
        font-size: 26px;
        height: 47px;
    }

    .dK-accordian .accordion-item .accordion-body {
        padding-left: 26px;
    }

    .dk-goal-objects {
        max-width: 283px;
    }

    .dK-goal #carouselthree.round-carousal .carousel-indicators {
        transform: rotate(42deg);
    }

    #about-us .dK-goal .theme-btn {
        margin-left: 0;
    }

    .dK-goal::after {
        width: 300px;
        height: 300px;
        background-size: contain;
    }

    #about-us .dK-goal {
        margin-bottom: 190px;
    }

    .kontakt-info {
        max-width: 386px;
    }

    .kontakt-info p {
        font-size: 16px;
        margin-bottom: 10px;
    }

    .kontakt-side-img {
        width: 315px;
        top: -48px;
    }

    .kontakt .about-banner h1,
    .kontakt .about-banner h1 span {
        font-size: 47px;
    }

    .kontakt .about-banner h1::before {
        width: 150px;
        height: 150px;
    }

    .kontakt-form {
        max-width: 406px;
        padding: 20px;
    }

    .kontakt-content .carousel {
        width: 280px;
    }

    .kontakt-bottom {
        top: 1000px;
        right: 56px;
        width: 250px;
    }

    .kontakt-form h2 {
        font-size: 40px;
    }

    .kontakt-form .form-control {
        font-size: 16px;
        padding: 20px 0 19px 0;
    }

    .alltag-mit .service-banner h1,
    .alltag-mit .service-banner h1 span {
        font-size: 40px;
    }

    .alltag-mit .help-offers #carouseltwo.round-carousal .carousel-indicators {
        left: 180px;
        rotate: 344deg;
        bottom: 38px;
    }

    .alltag-mit .help-offers h2 {
        font-size: 35px;
        margin-bottom: 10px;
    }

    .alltag-mit .help-offers .subtext {
        font-size: 26px;
        margin-bottom: 10px;
    }

    .alltag-mit .help-offers p {
        font-size: 16px;
        max-width: 419px;
        margin-bottom: 11px;
    }

    .alltag-mit .comparison h2 {
        font-size: 37px;
        margin-bottom: 23px;
    }

    .alltag-mit .comparison .comparison-item:nth-child(2) {
        right: 245px;
    }

    .alltag-mit .comparison .comparison-item img {
        width: 100px;
    }

    .alltag-mit .comparison .comparison-carousal {
        bottom: -1240px;
    }

    .alltag-mit .service-banner h1::after {
        left: 101px;
        bottom: -48px;
        width: 80px;
        height: 80px;
        background-size: cover;
    }

    .alltag-mit .service-banner {
        padding-block: 70px;
    }

    .alltag-mit .help-offers #carouseltwo {
        width: 300px;
        margin-left: -65px;
        margin-top: -111px;
    }

    .types-tabs #type-jeb .ebs-layer-img:first-child {
        position: absolute;
        top: -148px;
        left: 18%;
        width: 278px;
    }

    .types-tabs .tab-content #ebs-carousal {
        max-width: 300px;
    }

    .types-tabs #type-ebs .hwh-usp:nth-child(1) {
        width: 150px;
        height: 150px;
    }

    .types-tabs .tab-content h3 {
        font-size: 38px;
    }

    .theme-list li {
        font-size: 14px;
        padding-left: 35px;
    }

    .types-tabs .ebs-layer-img:nth-child(2) {
        max-width: fit-content;
        margin-left: auto;
        margin-right: -38px;
        margin-top: 200px;
        width: 400px;
    }

    .types-tabs #type-ebs .hwh-usp:nth-child(3) {
        width: 150px;
        height: 150px;
        padding: 0;
    }

    .types-tabs .hwh-usp h5 {
        font-size: 20px !important;
    }

    .types-tabs .ebs-layer-img:first-child {

        top: -141px;
        left: -49px;
        width: 251px;
    }

    .types-tabs .tab-content #jeb-carousal {
        max-width: 300px;
        position: absolute;
        right: -7px;
        top: -121px;
        max-height: 300px;
    }

    .types-tabs .tab-content #jeb-carousal .carousel-indicators {
        left: 0;
        transform: rotate(341deg);
        bottom: -149px;

    }

    .types-tabs #type-jeb .hwh-usp:nth-child(1) {
        width: 120px;
        height: 120px;
    }

    .haupttypen .banner {
        padding-block: 70px;
    }

    .types-tabs #type-jeb .hwh-usp:nth-child(2) {
        width: 120px;
        height: 120px;
        top: 374px;
    }

    .types-tabs #type-jeb .hwh-usp:nth-child(3) {
        position: absolute;
        width: 150px;
        height: 150px;
        left: 22%;
        bottom: 37px;
    }

    .types-tabs #type-deb .ebs-layer-img:first-child {
        top: -147px;

        width: 273px;
    }

    .types-tabs #type-deb .hwh-usp:nth-child(1) {
        width: 120px;
        height: 120px;
        left: 30%;
        top: -106px;
    }

    .types-tabs #type-deb .hwh-usp:nth-child(2) {
        top: 341px;
        width: 150px;
        height: 150px;
        right: 28px;
    }

    .types-tabs .tab-content #deb-carousal {
        max-width: 240px;
        max-height: 240px;

    }

    .types-tabs .tab-content #deb-carousal .carousel-indicators {
        left: 109px;
        top: 0;
        bottom: -123px;
        gap: 0;
        align-items: center;
    }

    .types-tabs #type-deb .hwh-usp:nth-child(3) {
        position: absolute;
        width: 150px;
        height: 150px;
        left: 21%;
        bottom: 71px;
    }

    .types-tabs #type-kindler .hwh-usp:nth-child(1),
    .types-tabs #type-kindler .hwh-usp:nth-child(2) {
        width: 120px;
        height: 120px;
    }

    .types-tabs #type-kindler .hwh-usp:nth-child(1) {
        top: -110px;
    }

    .types-tabs #type-kindler .hwh-usp:nth-child(3) {
        width: 150px;
        height: 150px;
        top: 508px;
    }

    .types-tabs #type-kindler .hwh-usp:nth-child(4) {
        position: absolute;
        width: 150px;
        height: 150px;
        right: initial;
        bottom: 25px;
        left: 100px;
    }

    .inheritance #carouselthree {
        width: 250px;
        height: 250px;
    }

    .inheritance #carouselthree .carousel-indicators {
        bottom: 50px;
    }

    .inheritance #carouselfour {
        right: 50px;
        width: 250px;
        height: 250px;
    }

    .inheritance img {
        width: 60%;

    }

    .haupttypen .banner h1::after {
        right: 139px;
        top: -61px;
        width: 100px;
        height: 100px;
    }



    .haupttypen .dermakids-v h2 {
        font-size: 40px;
        margin-bottom: 12px;
    }

    .haupttypen .dermakids-v .subtext {
        font-size: 23px;
    }

    .haupttypen .association-img {
        right: 95px;
    }

    .haupttypen .dermakids-v {
        padding-bottom: 80px;
    }

    .types-tabs .nav {
        gap: 12px;
    }

    .types-tabs .nav .nav-link.active h5 {
        font-size: 40px;
    }

    .types-tabs .nav .nav-link p {
        font-size: 16px;
        bottom: 0;
        margin-bottom: 8px;
    }

    .eB-challenge h3 {
        font-size: 30px;
    }

    .eB-challenge .bg-box {
        width: 100%;
    }

    .eB-challenge .eB-item h5 {
        font-size: 25px;
    }

    .eB-item img {
        width: 65%;
    }

    .eB-challenge .eB-item {
        top: 25px;
    }

    .eB-challenge .eB-item:nth-child(2) {
        top: 168px;
        left: -9px;
    }

    .eB-challenge .eB-items {
        padding-bottom: 500px;
    }

    .eB-challenge .eB-item:nth-child(3) {
        bottom: 48px;
    }

    .eB-challenge .eB-item:nth-child(4) {
        left: 160px;
    }

    .eB-challenge .eB-item:nth-child(5) {
        top: 58px;
        left: 162px;
    }

    .eB-challenge .eB-item:nth-child(6) {
        left: 291px;
        top: 117px;
    }

    .eB-challenge .eB-item:nth-child(7) {
        top: initial;
        left: 345px;
        bottom: 190px;
    }

    .eB-challenge .eB-item:nth-child(11) {
        bottom: 227px;
        right: -77px;
    }

    .eB-challenge .eB-item:nth-child(12) {
        bottom: 177px;
        right: -32px;
    }

    .eB-challenge .eB-item:nth-child(9) {
        right: 81px;
        top: -21px;
    }

    .epidermolysis .banner h1 {
        max-width: 79%;
        font-size: 50px;
        margin: auto;
        text-align: center;
    }

    .eB-challenge-content {
        background-position-x: right;
    }

    .eB-challenge .eB-item:nth-child(10) {
        bottom: 289px;
        left: 411px;
    }

    .epidermolysis .banner h1 span {
        font-size: 45px;
    }

    .epidermolysis .banner h1::after {
        width: 120px;
        height: 120px;
        right: -36px;
        top: -48px;

    }

    .epidermolysis .help-offers .help-offer-img {
        top: -126px;
    }

    .epidermolysis .help-offers h2 {
        font-size: 40px;
        margin-bottom: 8px;
    }

    .epidermolysis .help-offers .subtext {
        font-size: 30px;
        margin-bottom: 16px;
    }

    .epidermolysis .help-offers p {
        font-size: 16px;
        max-width: 500px;
    }

    .epidermolysis .help-offers #carouseltwo {
        width: 400px;
        margin-top: 160px;
        margin-left: -55px;
    }

    .epidermolysis .help-offers #carouseltwo.round-carousal .carousel-indicators {
        bottom: 53px;
    }

    .big-impact .bIC-img.right {
        max-width: 200px;
        right: -42px;
        bottom: 190px;
    }

    .big-impact::before {
        right: -22px;
        width: 177px;
        height: 142px;
    }

    .dk-book::before {
        width: 179px;
        background-size: cover;
        background-position: 20%;
    }

    .dk-book h3 {
        margin-left: 138px;

    }

    .dk-book .dk-book-content {
        padding-left: 137px;
    }

    .dk-book-img:nth-child(3) {
        width: 300px;
        right: 0;
        bottom: -144px;
    }

    .shop-section-item h6 {
        font-size: 20px;
    }

    .shop-section .shop-section-item {

        margin-inline: 0;
        width: 18%;
    }

    .support-items:nth-child(1) {
        margin-left: 141px;
    }

    .help-us .donation span {
        font-size: 22px;
    }

    .help-us .donation p {
        max-width: 450px;
    }

    .help-us .donation .your-donation {
        width: 280px;
        height: 280px;
    }

    .help-us .donation .your-donation p {
        font-size: 21px;
    }

    .help-us .donation h2,
    .donation-option h4,
    .big-impact h3 {
        font-size: 30px;
        margin-bottom: 8px;
    }

    .help-us .donation span {
        font-size: 22px;
    }

    .help-us .donation p {
        max-width: 450px;
    }

    .help-us .donation .your-donation {
        top: -43px;
        width: 250px;
        height: 250px;
        right: 3px;
    }

    .help-us .donation-carousel {
        width: 300px !important;
        right: -43px !important;
        top: 100px !important;
    }

    .help-us .donation .round-carousal .carousel-indicators {
        transform: rotate(346deg);
        bottom: 8px;
    }

    .support-img {
        left: -200px;
    }

    .help-us .donation {
        padding-bottom: 100px;
    }

    .big-impact .hwh-usp:nth-child(1) {
        right: 177px;
    }

    .big-impact .hwh-usp:nth-child(2),
    .big-impact .hwh-usp:nth-child(3),
    .big-impact .hwh-usp:nth-child(4) {
        width: 130px;
        height: 130px;
    }

    .big-impact .hwh-usp:nth-child(3) {
        top: 15px;
    }

    .big-impact .hwh-usp:nth-child(4) {
        left: 428px;
    }

    .big-impact .hwh-usp:nth-child(5) {
        top: 182px;
        left: 229px;
        width: 130px;
        height: 130px;
    }

    .big-impact .hwh-usp:nth-child(6) {
        width: 150px;
        height: 150px;
        right: 84px;
        top: 229px;
    }

    .big-impact .big-impact-content {
        padding-bottom: 466px;
    }

    .help-us .testimonial-img {
        position: absolute;
        right: 45px;
        width: 250px;
        bottom: -133px;
        height: 250px;
    }

    .donation-option .dO-item:nth-child(1),
    .donation-option .dO-item:nth-child(2),
    .donation-option .dO-item:nth-child(4),
    .donation-option .dO-item:nth-child(5) {
        max-width: 49% !important;
        width: 49% !important;

        background-size: cover;
    }

    .dk-book #carouselthree {
        width: 250px !important;
        right: -18px !important;
        height: 250px !important;
    }

    .dk-book #carouselthree.round-carousal .carousel-indicators {
        bottom: -9px;
    }

    .donation-option .dO-item:nth-child(6) {
        max-width: 100%;
        background-size: cover;
    }

    .help-us .donation .your-donation p {
        font-size: 21px;
    }

    .help-us .banner h1::after {
        width: 100px;
        height: 100px;
        bottom: -6px;
        left: 119px;
    }

    .help-us .donation .your-donation::before {
        width: 100px;
        height: 100px;
        top: -30px;
        background-size: cover;
    }

    .help-us .donation .your-donation::after {
        width: 90px;
        height: 90px;
        bottom: -6px;
        left: -5px;

        background-size: cover;
    }

    #unser-verein .dermakids-v #carouseltwo {

        width: 260px;

        top: 40px;

        right: 30px;

    }



    .info-card {

        margin-top: 15px;



    }



    .navbar-toggle.collapse.show {

        width: 293px !Important;

    }



    .banner .subtext {

        font-size: 37px;

    }



    .our-club .about-banner h1::after {
        left: -6px;
        width: 60px;
        height: 60px;
        left: -51px !important;
        bottom: 15px ! IMPORTANT;
    }



    .our-club .about-banner p::after {

        right: 144px;

        width: 100px;

        height: 100px;

        background-size: cover;

        bottom: -41px;

    }



    .our-club .dermakids-v .theme-btn {

        margin-top: 70px;

    }

    .our-club .about-banner {
        padding-block: 48px !important;
    }

    .our-club .about-banner p::after {
        right: -79px !important;
    }

    #unser-verein.our-club .dermakids-v #carouseltwo .carousel-indicators {
        bottom: 67px;
    }

    .theme-btn {

        font-size: 16px;

        padding-block: 18px;

        padding-inline: 50px !important;

    }



    .our-club .dermakids-v {

        padding-bottom: 100px;

    }



    .association-img {

        width: 250px;

    }



    .customers-testimonial {

        padding: 50px 0 70px;

    }



    .approach .approach-item-icon img {

        width: initial;

        height: initial;

    }



    .approach .approach-item {

        align-items: center;

    }



    .approach .approach-item {

        margin-left: 0 !important;

    }



    .approach .approach-items {

        margin-top: 0;

        max-width: fit-content;

        margin-inline: auto;

    }



    .services {

        overflow-x: clip;

    }



    .services::after {

        width: 340px;

        height: 325px;

        top: 242px;

        right: -53px;

        transform: none;

        left: initial;

    }





    .hwh-items .hwh-usp {

        width: 90px;

        height: 90px;

        font-size: 16px;

    }



    .hwh-items p {

        max-width: 238px;

        font-size: 14px;
        z-index: initial;
    }

    .hwh-items a {
        font-size: 14px;
    }



    #nav-home .hwh-items h5,

    #nav-home2 .hwh-items h5 {

        font-size: 28px !important;

    }



    #nav-home .hwh-items:nth-child(1) .hwh-img {

        position: absolute;

        top: 35px;

        right: -60px;

        width: 309px;

        min-width: 260px;

    }



    #nav-home .hwh-items:nth-child(2) .hwh-img,
    #nav-home .hwh-items:nth-child(3) .hwh-img {

        position: absolute;

        bottom: 100px;

        left: -60px;

        width: 260px;

        min-width: 250px;

    }



    #nav-home .hwh-items:nth-child(3) .hwh-img {

        width: 313px;

        min-width: 250px;



    }



    .hwh-items:nth-child(4) .hwh-img {

        position: absolute;

        bottom: 30px;

        right: 11px;

        width: 264px;

        min-width: 264px;

        margin-top: 0;

    }



    .hwh-items:nth-child(3) {

        padding-bottom: 0;

    }



    .hwh-items:nth-child(1) .hwh-usp {

        right: 207px;

        bottom: -65px;

        top: initial;

    }



    .hwh-items:nth-child(1) a {

        display: block;

    }



    .sozialberatung-content,

    .familientherapie-content {

        max-width: fit-content;

        margin-left: auto;

        margin-top: 156px;

    }



    .familientherapie-content {

        margin-top: 132px;

    }



    .sozialberatung-content .hwh-items p {

        max-width: 245px;

    }

    .hwh-items a {
        z-index: 10;
    }


    .hwh-items:nth-child(2) {

        margin: 0;

        padding-bottom: 0;

    }



    .hwh-items:nth-child(2) .hwh-img::after {
        width: 451px;
        height: 311px;
        right: -98px;
        top: -9px;
    }



    .hwh-items:nth-child(2) .hwh-usp {

        top: 30px;

        right: 0;

    }



    .hwh-items:nth-child(3) .hwh-img {

        margin-top: 0;



        margin-left: 0;

    }



    .hwh-items:nth-child(3) .hwh-usp {

        width: 105px;

        height: 105px;

        right: 0px;

        top: 0;

    }



    .hwh-items:nth-child(3) .hwh-img::after {

        width: 400px;

        height: 400px;

        left: -90px;

        top: -82px;

    }



    .ernahrungsberatung-content {

        margin-top: 300px;

        padding-bottom: 192px;

    }



    .hwh-items .hwh-img2 {

        bottom: -357px;

        width: 300px;

    }



    .hwh-items .hwh-img2::after {

        width: 370px;

        height: 393px;



        top: -31px;

        right: -34px;



    }



    .hwh-items:nth-child(4) .hwh-img::after {

        top: -10px;

    }



    .hwh-items:nth-child(4) .hwh-usp {

        width: 120px;

        height: 120px;

        right: 0;

        left: 53px;

        bottom: 20px;

        top: initial;

    }



    .how-we-help .tab-content .service-nav h4 {

        font-size: 38px;

        margin-bottom: 20px;

        line-height: 1.11;

        margin-bottom: 301px;

    }



    .how-we-help .tab-content #nav-case .service-nav .nav-case-items .nav-case-item:nth-child(1) {

        top: 2px;

        left: -99px;

        width: 476px;

        height: 689px;

    }



    .how-we-help .tab-content #nav-case .service-nav .nav-case-items .nav-case-item:nth-child(2) {

        height: 265px;

        width: 240px;

        top: 104px;

        right: -75px;

    }



    .how-we-help .tab-content #nav-case .service-nav .nav-case-heading p {

        font-size: 14px;

        max-width: 444px;



    }



    .how-we-help .tab-content #nav-case .service-nav .nav-case-items .nav-case-item:nth-child(3) .nav-case-carousel {

        width: 100%;

        height: 100%;

    }



    .how-we-help .tab-content #nav-case .service-nav .nav-case-items .nav-case-item:nth-child(3) {

        top: 653px;

        right: 0;

        left: 0;

        bottom: initial;

        display: none;

    }



    .how-we-help #nav-case .service-nav .nav-case-items .nav-case-item .round-carousal .carousel-indicators {

        right: -49px;

        transform: initial;

        left: 34px !important;

        justify-content: flex-start;

        bottom: -35px !important;

        top: initial;

    }



    .how-we-help .tab-content .service-nav h5 {

        font-size: 28px;

        line-height: 1;

    }



    .how-we-help .tab-content #nav-case .service-nav .nav-case-items .nav-case-item:nth-child(4) {

        top: 1050px;

        right: 67px;

        width: 344px;

        height: 344px;

        left: 67px;

        bottom: initial;

    }



    .how-we-help .tab-content .service-nav .nav-case-items .nav-case-item:nth-child(11) {

        position: absolute;

        bottom: 165px;



        right: 67px;

        /* left: 67px; */

    }



    .how-we-help .tab-content .service-nav .nav-case-items .nav-case-item:nth-child(11) .nav-case-carousel .carousel {

        width: 344px;

        height: 344px;

    }



    .how-we-help #nav-case .service-nav .nav-case-items .nav-case-item:nth-child(11) .round-carousal .carousel-indicators {

        justify-content: center !important;

        left: 0 !important;



    }



    .how-we-help .tab-content #nav-case .service-nav .nav-case-heading {

        padding-bottom: 109px;

    }



    .how-we-help .tab-content .service-nav {

        padding-bottom: 0;

    }



    .how-we-help .tab-content .service-nav .nav-case-items .nav-case-item.nC-card h6 {

        font-size: 16px !important;

    }



    .how-we-help .tab-content .service-nav .nav-case-items .nav-case-item:nth-child(8) {

        right: 1px;

        width: 89px;

        height: 89px;

        bottom: 146px;

    }






    .how-we-help .tab-content #nav-case .service-nav .nav-case-items .nav-case-item:nth-child(9) {

        bottom: 66px;

        right: initial;

        width: 100px;

        height: 100px;

        left: 45px;

    }

    .how-we-help .tab-content #nav-case .service-nav .nav-case-items .nav-case-item:nth-child(7) {

        bottom: 385px;
        right: 0;
        width: 90px;
        height: 90px;
    }


    .how-we-help .tab-content #nav-case .service-nav .nav-case-items .nav-case-item:nth-child(10) {

        right: initial;

        width: 76px;

        height: 76px;

        left: 0;

        bottom: 181px;



    }



    .how-we-help .tab-content .service-nav .nav-case-card {

        max-width: 100%;

        margin-right: 0;

        border-radius: 0;

        text-align: center;



        padding: 9px 10px 11px 10px;

    }



    .how-we-help .tab-content .service-nav .nav-case-card span {

        font-size: 13px;

        color: #fff;

    }



    .how-we-help .tab-content .service-nav .nav-case-card h5 {

        font-size: 13px;

        line-height: 1;



        margin-bottom: 8px;

    }



    .how-we-help .tab-content .service-nav .nav-case-card p,

    .how-we-help .tab-content .service-nav .nav-case-card p a {

        font-size: 13px;

    }





    .navbar .navbar-nav .nav-link.active {

        background: transparent;

        color: #4a4a49;

    }





    .how-we-help #nav-ernahrungsberatung .service-nav .nav-case-items .nav-case-item:nth-child(1) {

        width: 395px;

        height: 395px;

        left: initial;

        right: -115px;

        top: 0;

    }



    .how-we-help #nav-ernahrungsberatung .service-nav .nav-case-items .nav-case-item:nth-child(4) {

        width: 235px;

        height: 273px;

        top: 43px;

        bottom: initial;

        left: -40px;

    }



    .how-we-help #nav-ernahrungsberatung .service-nav .nav-case-items .nav-case-item:nth-child(2),

    .how-we-help #nav-familientherapie .service-nav .nav-case-items .nav-case-item:nth-child(3),

    .how-we-help #nav-sozialberatung .service-nav .nav-case-items .nav-case-item:nth-child(3),

    .how-we-help #nav-Pflegedienste .service-nav .nav-case-items .nav-case-item:nth-child(3) {

        display: none;

    }



    #nav-ernahrungsberatung .round-carousal .carousel-indicators,

    #nav-familientherapie .round-carousal .carousel-indicators,

    #nav-sozialberatung .round-carousal .carousel-indicators,

    #nav-case .round-carousal .carousel-indicators,

    #nav-Pflegedienste .round-carousal .carousel-indicators,

    #nav-offentlichkeit .round-carousal .carousel-indicators {

        transform: none;

        justify-content: start;

        margin-left: 30px;

        bottom: -34px !important;

    }



    #nav-case #carouselTen {

        max-width: 280px;

        margin-inline: auto;

    }



    #nav-case #carouselTen .carousel-indicators {

        justify-content: center;

        gap: 23px;



        bottom: -45px !important;

    }



    #nav-ernahrungsberatung #carouselMob,

    #nav-familientherapie #carouselMob,

    #nav-sozialberatung #carouselMob,

    #nav-case #carouselMob,

    #nav-Pflegedienste #carouselMob,

    #nav-offentlichkeit #carouselMob {

        margin-bottom: 75px;

    }



    .how-we-help .tab-content .service-nav h5 {

        margin-bottom: 20px;

    }



    .how-we-help .tab-content .service-nav ul li h6 {

        font-size: 24px;

        margin-bottom: 10px;

    }



    .how-we-help #nav-ernahrungsberatung .service-nav ul li p {

        font-size: 14px;

    }



    .how-we-help .tab-content .service-nav ul li p {

        max-width: 100% !important;

    }



    .how-we-help #nav-ernahrungsberatung .service-nav .nav-case-items .nav-case-item:nth-child(5) {

        width: 78px;

        height: 78px;

        bottom: 590px;

        right: 21px;

    }



    .how-we-help #nav-ernahrungsberatung .service-nav .nav-case-items .nav-case-item:nth-child(7).nC-card {

        width: 100px;

        height: 100px;

        bottom: 665px;

        right: 5px;

    }



    .how-we-help #nav-ernahrungsberatung .service-nav .nav-case-items .nav-case-item:nth-child(8) {

        bottom: 78px;

        width: 87px;

        height: 87px;

        right: 20px;

    }



    .how-we-help #nav-ernahrungsberatung .service-nav .nav-case-items .nav-case-item:nth-child(6).nC-card {



        width: 87px;

        height: 87px;

        right: 120px;

        bottom: 158px;

    }



    .how-we-help #nav-ernahrungsberatung .service-nav .nav-case-heading {

        padding-bottom: 37px;

    }



    .how-we-help #nav-ernahrungsberatung .service-nav .nav-case-items .nav-case-item:nth-child(3) {

        width: 177px;

        height: 216px;

        right: -43px;

        left: initial;

        bottom: 290px;

    }



    .nav-contact-info {

        display: flex;

        justify-content: center;

        align-items: center;

        gap: 10px;

    }



    .how-we-help #nav-ernahrungsberatung .service-nav .nav-case-card,

    .how-we-help #nav-familientherapie .service-nav .nav-case-card {

        padding-inline: 10px;

    }



    .how-we-help #nav-familientherapie .service-nav .nav-case-items .nav-case-item:nth-child(1) {

        width: 360px;



        height: 360px;



        left: -70px;

        top: 36px;

    }



    .how-we-help #nav-familientherapie .service-nav .nav-case-items .nav-case-item:nth-child(2) {

        width: 245px;

        top: 50px;



        right: -54px;

        height: fit-content;

    }



    .how-we-help #nav-familientherapie .service-nav .nav-case-items .nav-case-item:nth-child(5),

    .how-we-help #nav-familientherapie .service-nav .nav-case-items .nav-case-item:nth-child(4) {

        display: none;

    }



    .how-we-help #nav-familientherapie .service-nav ul li .nC-card {



        background: linear-gradient(to bottom right, transparent 0%, #ffffff 15%, #DEEDF3 100%) !important;

        width: 90px;

        height: 90px;

        border-radius: 50%;

        display: flex;

        justify-content: center;

        align-items: center;

        flex-direction: column;

        text-align: center;

        padding: 7px;

        position: absolute;

        top: -90px;

        right: 70px;

    }



    .how-we-help #nav-familientherapie .service-nav ul li:nth-child(2) .nC-card {



        bottom: -61px;

        right: 0;

        top: initial;

    }



    .how-we-help #nav-familientherapie .service-nav ul li .nC-card h6 {

        font-family: "JungleMan";
        line-height: 0.8;
        font-weight: 400;
        margin-top: 0 !important;
        color: #81CADA;
        font-size: 16px !important;
        margin-bottom: 0;

    }



    .how-we-help #nav-familientherapie .service-nav .nav-case-heading .nav-list li {

        position: relative;

    }


    .how-we-help #nav-familientherapie .service-nav .nav-case-heading .nav-list p {
        margin-bottom: 23px !important;
    }


    .how-we-help #nav-sozialberatung .service-nav .nav-case-items .nav-case-item:nth-child(1) {

        width: 400px;

        height: 300px;

        right: -68px;



        top: -21px;

    }



    .how-we-help .tab-content #nav-sozialberatung .service-nav .nav-case-items .nav-case-item:nth-child(2) {

        width: 250px;

        height: fit-content;

        left: -44px;

        right: initial;

        top: 50px;

    }



    .how-we-help #nav-sozialberatung .service-nav .nav-case-items .nav-case-item.nC-card {

        width: 180px;

        height: 180px;

    }



    .how-we-help .tab-content .service-nav .nav-case-items .nav-case-item.nC-card h5 {



        font-size: 25px;

        max-width: 93%;



        margin-top: 23px;

    }



    .how-we-help #nav-sozialberatung .service-nav .nav-case-items .nav-case-item.nC-card p {

        font-size: 11px;



        max-width: 79%;

    }



    .how-we-help #nav-sozialberatung .service-nav .nav-case-items .nav-case-item:nth-child(4) {

        right: 10px !important;

        bottom: 720px;

        z-index: 1;

    }



    #umfeld #nav-home2 .hwh-items:nth-child(1) .hwh-usp {

        right: 52px;

        bottom: initial;

        top: 14px;

        left: 292px;

    }



    #umfeld #nav-home2 .hwh-items:nth-child(1) .hwh-img {

        position: absolute;

        width: 252px;

        right: 0;

        top: 70px;

    }



    #umfeld #nav-home2 .hwh-items:nth-child(1) .hwh-img::after {

        background-size: contain;

        width: 335px;

        height: 475px;

        right: -51px;

        top: -117px;

    }



    #umfeld #nav-home2 .hwh-items:nth-child(1) p {



        max-width: 189px;

    }



    #umfeld #nav-home2 .hwh-items:nth-child(2) {

        margin-top: 240px;

    }



    #umfeld #nav-home2 .hwh-items:nth-child(2) .hwh-usp {

        position: absolute;
        top: -184px;
        left: 40px;

    }



    #umfeld #nav-home2 .hwh-items:nth-child(2) .hwh-usp:nth-child(3) {

        width: 100px;

        height: 100px;

        left: 152px;

        top: initial;

        bottom: -106px;

    }



    #umfeld #nav-home .hwh-items:nth-child(2) .hwh-img::after {

        width: 411px;

        height: 386px;

        background-size: contain;

        right: -64px;

        top: -71px;

    }



    #umfeld #nav-home2 .hwh-items:nth-child(2) .hwh-img {

        margin: 0;

        width: 260px;

        right: -41px;



        top: -25px;

    }



    #umfeld #nav-home2 .hwh-items:nth-child(3) .hwh-img {

        position: absolute;

        max-width: 233px;

        top: 176px;

        left: -20px;

    }



    #umfeld #nav-home2 .hwh-items:nth-child(3) .hwh-img::after {



        content: "";

        position: absolute;

        background: url(../img/umfeld-help-type3-bg.png) no-repeat center / contain;

        width: 487px;

        height: 462px;

        right: -46px;

        top: -107px;

        z-index: -1;

    }



    #umfeld #nav-home2 .hwh-items:nth-child(3) .hwh-usp {

        width: 80px;

        height: 80px;

        right: 0;

        top: 172px;

    }



    #umfeld #nav-home2 .hwh-items:nth-child(4) .hwh-img {

        width: 345px;

        right: -74px;
    }



    #umfeld #nav-home2 .hwh-items:nth-child(4) .hwh-img::after {

        display: none;

    }



    #umfeld #nav-home2 .hwh-items:nth-child(4) {

        padding-bottom: 151px;

    }



    #umfeld #nav-home2 .hwh-items:nth-child(4) .hwh-usp {

        width: 100px;

        height: 100px;

        top: -96px;

        right: 21px;

        left: initial;

    }



    .how-we-help #nav-Pflegedienste .service-nav .nav-case-items .nav-case-item:nth-child(1) {

        width: 340px;

        height: auto;

        top: 95px;

        left: -44px;

    }



    .how-we-help #nav-Pflegedienste .service-nav .nav-case-items .nav-case-item:nth-child(2) {

        width: 330px;

        height: 300px;

        right: -102px;

        top: 31px;

    }



    .how-we-help #nav-Pflegedienste .service-nav .nav-case-items .nav-case-item:nth-child(6) {

        width: 97px;

        height: 97px;

        top: 320px;

        right: 70px;



    }



    .how-we-help .tab-content #nav-Pflegedienste .service-nav h4 {

        margin-bottom: 352px;

    }



    .how-we-help .tab-content #nav-Kita .service-nav h4 {



        margin-bottom: 360px;

    }







    .kita-content-info {

        margin-top: 254px;

    }



    .kita-content-info {

        max-width: fit-content;

        margin-left: auto;

    }



    #umfeld .tab-content .service-nav .nav-case-heading p {

        margin-bottom: 16px !important;

        font-size: 14px;

    }



    .how-we-help #nav-Pflegedienste .service-nav .nav-case-heading {

        padding-bottom: 21px;

    }



    .how-we-help #nav-Pflegedienste .service-nav .nav-case-items .nav-case-item:nth-child(5) {

        width: 80px;

        height: 80px;

        right: 0;

        bottom: 170px;

    }



    .how-we-help #nav-Pflegedienste .service-nav .nav-case-items .nav-case-item:nth-child(4) {

        width: 100px;

        height: 100px;

        bottom: 445px;



    }



    .how-we-help #nav-Pflegedienste .service-nav .nav-case-items .nav-case-item:nth-child(7) {

        display: none;

    }



    #nav-offentlichkeit .service-nav .nav-case-items .nav-case-item:nth-child(1) {

        width: 380px;

        height: 380px;

        right: -68px;

    }



    #nav-offentlichkeit .service-nav .nav-case-items .nav-case-item:nth-child(2) {

        width: 286px;

        height: fit-content;

        left: -55px;



        top: 92px;



    }



    .how-we-help #nav-offentlichkeit .service-nav .nav-case-items .nav-case-item:nth-child(3) {

        display: none;

    }



    #nav-offentlichkeit .service-nav .nav-case-heading {

        padding-bottom: 142px;

    }



    #nav-offentlichkeit .service-nav .nav-case-items .nav-case-item:nth-child(6) {

        width: 104px;

        height: 104px;

        left: 63px;

        bottom: 71px;

    }



    #nav-offentlichkeit .service-nav .nav-case-items .nav-case-item:nth-child(7) {

        width: 93px;

        height: 93px;

        left: 205px;

        bottom: 87px;

    }



    .how-we-help #nav-offentlichkeit .service-nav .nav-case-items .nav-case-item:nth-child(5) {

        width: 111px;

        height: 111px;

        left: initial;

        bottom: 127px;

        right: 18px;

    }



    #nav-offentlichkeit .service-nav .nav-case-items .nav-case-item:nth-child(4) {

        width: 74px;

        height: 74px;

        right: 0;

        top: initial;

        bottom: 414px;

    }



    .how-we-help #umfeld #nav-offentlichkeit .service-nav .nav-list p {

        max-width: 374px !important;

    }



    .how-we-help #nav-Kita .service-nav .nav-case-items .nav-case-item:nth-child(1) {



        width: 359px;



        right: -78px;



        top: 7px;

    }



    .how-we-help #nav-Kita .service-nav .nav-case-items .nav-case-item:nth-child(2) {

        width: 398px;

        left: -135px;

        right: initial;

        top: 85px;



        img {

            width: 100%;

        }

    }



    .how-we-help #nav-Kita .service-nav .nav-case-items .nav-case-item:nth-child(4) {

        width: 106px;

        height: 106px;

    }



    .how-we-help #umfeld #nav-Kita .service-nav .nav-case-heading h5 {

        margin-top: 125px;

    }



    .how-we-help #nav-Kita .service-nav .nav-case-items .nav-case-item:nth-child(7) {

        width: 188px;

        height: 188px;

        left: 43px;

        bottom: 100px;
    }



    .how-we-help #nav-Kita .service-nav .nav-case-items .nav-case-item:nth-child(7).nC-card h6 {

        font-size: 23px !important;

    }



    .how-we-help #nav-Kita .service-nav .nav-case-items .nav-case-item:nth-child(5) {

        width: 166px;

        height: 166px;

        right: 36px;

        bottom: 311px;



    }



    .how-we-help #umfeld #nav-Kita .service-nav .nav-list p {

        max-width: 335px;

    }



    .how-we-help #nav-Kita .service-nav .nav-case-items .nav-case-item:nth-child(6) {

        width: 113px;

        height: 113px;

        left: 240px;

        bottom: 94px;



    }




    .how-we-help #nav-krankenkassen .service-nav span {

        margin-bottom: 370px;

        font-size: 28px;

    }



    .how-we-help #nav-krankenkassen .service-nav .nav-case-items .nav-case-item:nth-child(1) {

        width: 423px;

        height: 423px;

        left: -90px;

        top: 80px;

    }



    .how-we-help #nav-krankenkassen .service-nav .nav-case-items .nav-case-item:nth-child(2) {

        width: 336px;

        height: fit-content;

        top: 61px;

        right: -55px;



    }



    .how-we-help #nav-krankenkassen .service-nav .nav-case-items .nav-case-item:nth-child(9) {

        width: 132px;

        height: 132px;

        bottom: 212px;

        left: 17px;

    }



    .how-we-help #nav-krankenkassen .service-nav .nav-case-items .nav-case-item:nth-child(8) {

        width: 106px;

        height: 106px;

        bottom: 113px;

        left: 133px;



    }



    .how-we-help #nav-krankenkassen .service-nav .nav-case-items .nav-case-item:nth-child(5) {

        width: 106px;

        height: 106px;

        left: 320px;

        bottom: 81px;

    }



    .how-we-help #nav-krankenkassen .service-nav .nav-case-items .nav-case-item:nth-child(4) {

        width: 76px;

        height: 76px;

        left: 16px;

        bottom: 390px;

        top: initial;

    }



    .how-we-help #nav-krankenkassen .service-nav .nav-case-items .nav-case-item:nth-child(7) {

        width: 126px;

        height: 126px;

        left: 108px;

        bottom: 346px;

    }



    .how-we-help #nav-krankenkassen .service-nav .nav-case-items .nav-case-item:nth-child(11) {

        width: 114px;

        height: 114px;

        left: 180px;

        bottom: 237px;

    }



    .how-we-help #nav-krankenkassen .service-nav .nav-case-items .nav-case-item:nth-child(6) {

        width: 75px;

        height: 75px;

        left: 256px;

        bottom: 163px;

    }



    .how-we-help #nav-krankenkassen .service-nav .nav-case-items .nav-case-item:nth-child(3) {

        width: 215px;

        height: 215px;

        left: 249px;

        bottom: 297px;

    }



    .how-we-help #umfeld #nav-Kita .service-nav .nav-list {

        max-width: 292px;

    }



    .how-we-help .tab-content #nav-sozialberatung .service-nav .nav-case-heading .nav-list p {

        font-size: 14px;

        margin-bottom: 23px !important;

    }



    .how-we-help #nav-sozialberatung .service-nav .nav-case-heading p:last-of-type {

        font-size: 14px;

        max-width: 100%;

        margin-bottom: 45px;

    }



    .how-we-help #umfeld #nav-krankenkassen .service-nav h5,

    .how-we-help #umfeld #nav-offentlichkeit .service-nav h5 {

        max-width: 100%;

    }



    .how-we-help .hwh-type .nav-link {



        width: 332px;

    }

    #nav-familientherapie #carouselMob.round-carousal .carousel-indicators button.active {
        background-color: #e2ecac;
        border: 1px solid #d1db6f;
    }

    #nav-sozialberatung #carouselMob.round-carousal .carousel-indicators button.active {

        background-color: #c9b6ce;

        border: 1px solid #9e70a5;
    }

    #nav-offentlichkeit #carouselMob.round-carousal .carousel-indicators button.active {

        background-color: #ffc9dd;
        border: 1px solid #ea89a8;
    }


    .dropdown-submenu .dropdown-item {

        max-width: fit-content;
        min-width: fit-content;

        position: initial;
    }

    .how-we-help #nav-krankenkassen .service-nav .nav-case-items .nav-case-item:nth-child(10) {
        top: initial;
        left: initial;
        width: 133px;
        height: 133px;
        bottom: 201px;
        left: 348px;
    }
}





@media (max-width: 767px) {
    .mobile-carousel {

        padding-top: 32px;

    }

    .international-assistance .banner h1 {
        max-width: 286px;
        padding: 0;
    }

    .international-assistance .banner h1::before {
        width: 87px;
        height: 87px;
        right: -78px;
        top: -15px;
    }

    .international-assistance .banner h1::after {
        width: 87px;
        height: 87px;
        left: -32px;
        bottom: -43px;
    }

    .international-assistance .banner h1 span {
        margin: 0;
        margin-left: 49px;
    }

    .international-assistance .banner h1,
    .international-assistance .banner h1 span {
        font-size: 40px !important;
        line-height: 1.1;
    }

    .international-assistance .banner {
        padding-block: 33px 50px;
    }




    .home-banner .round-carousal .carousel-indicators,
    .services .round-carousal .carousel-indicators {
        transform: initial;
    }

    .terms-content .address {
        font-size: 26px;
        margin-block: 24px;
    }

    .schmetterlingskind-content {

        margin-top: 40px;
        background: url(../img/schmetterlingskind-mb.webp) no-repeat;
        background-size: cover;
    }

    .international-assistance .banner h1 span {
        margin: 0;
        margin-left: 49px;
    }

    #checkout.shop .banner .subtext::before {

        right: -22px;
    }

    #checkout.shop .about-banner .subtext::after {
        left: -50px !important;
    }


    #checkout .alert.success p {
        font-family: "JungleMan";
        font-size: 28px;
        margin-bottom: 0;
        color: #E32488;
    }

    .international-assistance .banner h1,
    .international-assistance .banner h1 span {
        font-size: 40px !important;
        line-height: 1.1;
    }

    .international-assistance .banner {
        padding-block: 33px 50px;
    }




    .home-banner .round-carousal .carousel-indicators,
    .services .round-carousal .carousel-indicators {
        transform: initial;
    }

    .terms-content .address {
        font-size: 26px;
        margin-block: 24px;
    }

    .schmetterlingskind-content {

        margin-top: 40px;
        background: url(../img/schmetterlingskind-mb.webp) no-repeat;
        background-size: cover;
    }


    #checkout.shop .banner .subtext::before {

        right: -22px;
    }

    #checkout.shop .about-banner .subtext::after {
        left: -50px !important;
    }

    #checkout .alert.success p {
        font-family: "JungleMan";
        font-size: 28px;
        margin-bottom: 0;
        color: #E32488;
    }

    .comparison-img {

        width: calc(100%) !important;
        max-width: calc(100%) !important;

    }

    #nav-ernahrungsberatung .nav-case-heading h6 {
        margin-top: 23px !important;
    }

    .help-affected .service-banner h1 span {
        margin-left: 0;
    }

    .how-we-help .hwh-type .nav-link::after {
        top: 35px;
    }

    .help-us .donation .your-donation::before {
        width: 70px;
        height: 70px;
    }

    .hwh-items a {
        z-index: 10;
        position: relative;
    }

    .help-affected .nav-tabs .nav-link.active span {
        color: #5E5E5D !important;
    }

    .eb-meeting h3 {

        font-size: 38px !important;
        margin-bottom: 12px !important;
        line-height: 1 !important;
    }

    .non-profit-content .no-profit-item {
        margin-bottom: 38px;
    }

    #about-us .about-banner h1::after,
    #about-us .about-banner .subtext::after {
        display: none;
    }

    .epidermolysis .visit-insta h4 {
        margin-bottom: 44px;
    }

    .epidermolysis .Eb .Eb-item:nth-child(1) {
        background: url(../img/eB-item1-mobile.png);
    }

    .epidermolysis .Eb .Eb-item:nth-child(2) {
        background: url(../img/eB-item2-mobile.png);
    }

    .epidermolysis .Eb .Eb-item:nth-child(3) {
        background: url(../img/eB-item3-mobile.png);
    }







    .non-profit-content .no-profit-btn {
        margin-block: 30px !Important;
    }

    .satzungszweck .carousel {
        position: relative;
        margin-top: 0;
        right: 0;
    }

    .kontakt .about-banner h1 {
        text-align: center;
    }

    #satzungszweck .satzungszweck {
        position: relative;
    }

    .epidermolysis .visit-insta::after {
        background: url(../img/epidermolysis-visit-instaafter.webp) no-repeat center / cover !important;
        content: "";
        position: absolute;
        width: 100%;
        bottom: -110px;
        height: 83px !important;
        left: 0;
    }

    #satzungszweck .satzungszweck h2 {
        font-size: 33px;
        margin-bottom: 20px;
        padding-top: 40px;
    }

    #satzungszweck .satzungszweck .subtext {
        font-size: 28px;
        max-width: 270px;
        margin-bottom: 24px;
    }

    #satzungszweck .satzungszweck-img {
        position: absolute;

        top: -39px;
        right: -30px;
        left: 254px;
        width: 210px;
        z-index: 9999;
    }

    #satzungszweck .satzungszweck-img img {
        max-width: 225px;
        width: 78%;
    }

    #satzungszweck .satzungszweck {
        padding-top: 0px;
    }

    .our-goal .round-carousal {
        margin-bottom: 0 !important;
    }

    .info-guide-divider {
        background: url('../img/info-guide-dividerbg.webp');
        height: 130px;
        display: block;
        background-size: cover;
    }

    .info-guide-divider.divider1 {
        height: 130px;

    }

    .info-guide-divider.divider2 {
        height: 130px;

    }

    .help-affected .how-we-help::after {
        background: url('../img/hwh-divider-bg-mbl.webp') no-repeat center / cover;
        content: "";
        position: absolute;
        width: 100%;
        bottom: -77px;
        height: 77px;
    }

    .infoflyer-divider {
        background: url('../img/infoflyer-divider.webp');
        height: 130px;
        display: block;
        background-size: cover;
    }

    .nachhaltigkeitsbericht {
        background: url('../img/nachhaltigkeitsbericht-mb-bg.webp') no-repeat center / cover;
    }

    .broschure {
        background: url('../img/broschure-bg.webp') no-repeat center / contain;
        background-position-y: 50%;

    }

    .infoflyer {
        background: url('../img/infoflyer-bg.webp') no-repeat center / cover;
    }

    .shop .shop-item.info-guide,
    .shop .shop-item.infoflyer {
        margin-bottom: 0 !important;
    }

    .terms-navigator {
        display: none;
    }

    .terms-heading h2,
    .terms-content .terms-content-heading,
    .terms-content .terms-content-heading span {
        font-size: 30px !important;
        margin-bottom: 0px !important;
    }

    .datenschutz .terms-heading p {
        font-size: 16px;
        line-height: 1.5;
    }

    .terms-content-text {
        padding-left: 12px;
        padding-top: 10px;
    }

    .terms-content {
        margin-left: 0;
    }

    .datenschutz .terms-heading {
        margin-bottom: 50px;
    }

    .terms-content p,
    .terms-content a,
    .terms-content span {
        font-size: 16px;
        line-height: 1.5;
    }

    #datenschutz .terms {
        padding-top: 0;
    }

    .terms-heading .subtext,
    .datenschutz span {
        font-size: 28px;
    }

    .dk-book #carouselthree {
        width: 100%;
        height: 100%;
        right: 0;
        left: 0;
        top: -228px;
        bottom: 0;
    }

    .dk-book .bg-box {
        width: 100%;
    }

    .help-us .banner h1 {
        font-size: 50px !important;
        padding: 0;
        margin-bottom: 17px;
        line-height: 1.2;
    }


    .help-us .banner h1 {
        font-size: 36px !important;
        padding: 0;
        margin-bottom: 8px;
        line-height: 1.2;
        padding-top: 10px;

    }

    .help-us .banner h1::after {
        width: 88px;
        height: 88px;
        bottom: -8px ! IMPORTANT;
        left: -16px !important;
    }

    .help-us .donation .your-donation p {
        font-size: 19px;
        max-width: 153px;
    }

    .help-us .donation .your-donation::after {
        width: 50px;
        height: 50px;
        bottom: -19px;
        left: -8px;
        background-size: cover;
    }

    .help-us .donation .your-donation {
        top: -33px;
        width: 188px;
        height: 188px;
        right: 3px;
        z-index: 4;
    }

    .help-us .donation {
        padding-top: 0;
    }

    .help-us .donation h2 {
        font-size: 38px;
        padding-top: 90px;

        line-height: 1.2;
        margin-bottom: 25px;
    }




    .help-us .donation span {
        font-size: 28px;
        line-height: 1;
        margin-bottom: 8px;
    }

    .help-us .donation p {
        margin-bottom: 0;
        font-size: 14px;
        max-width: 100%;

    }

    .help-us .donation p:nth-child(3) {
        margin-bottom: 20px;
    }

    .help-us .donation p a {
        font-size: 14px;
    }

    .donation-content {
        display: initial;
    }

    .help-us .donation-carousel {
        width: initial !important;
        right: 0 !important;
        top: 0 !important;
        position: relative;
        height: initial;
    }

    .help-us .donation .round-carousal .carousel-indicators {
        transform: initial;
        bottom: -24px !important;
        justify-content: flex-start;
        margin-left: 30px;

    }

    .help-us .donation {
        padding-bottom: 0;
    }

    .big-impact {
        padding-top: 161px;
        background: url('../img/big-impact-mb.webp') no-repeat top / cover;
    }

    .big-impact::before {
        content: none;
    }

    .big-impact .hwh-usp:nth-child(4) {
        top: -285px;
        right: 48px;
        bottom: initial;
        left: initial;
    }

    .big-impact .bIC-img.right {
        max-width: 200px;
        right: -42px;
        bottom: initial;
        top: -158px;
    }

    .big-impact .bIC-img.left {
        width: 312px;
        height: 312px;
        top: -26px;
    }

    .big-impact .hwh-usp:nth-child(6) {
        right: 78px;
        top: -6px;
        width: 130px;
        height: 130px;
    }

    .big-impact .hwh-usp:nth-child(5) {
        top: 125px;
        left: 251px;
    }

    .big-impact .hwh-usp:nth-child(2) {
        right: 131px;
        bottom: 133px;
        top: initial;
    }

    .big-impact .hwh-usp:nth-child(1) {
        right: 150px;
        bottom: 18px;
        top: initial;
        width: 100px;
        height: 100px;
    }

    .big-impact .hwh-usp:nth-child(3) {
        bottom: 15px;
        top: initial;
        left: 0px;
    }

    .help-us .testimonial {
        min-height: 380px;
        overflow-x: clip;
    }

    .support::after {
        display: none;
    }

    .help-us .customers-testimonial .testimonial-content-wrap p {
        margin-bottom: 26px;
    }

    .testimonial-content .testimonial-by {
        font-size: 13px;
    }

    .help-us .testimonial-img {
        display: none;
    }

    .help-us .customers-testimonial .carousel-indicators {
        bottom: -9px !important;
    }

    .donation-option {
        padding-block: 183px 80px;
        background: url('../img/donation-option-mb.webp') no-repeat;
        background-size: cover;
    }

    .donation-option::before {
        width: 330px;
        height: 330px;
        top: -41px;
        right: -26px;
        left: initial;
        transform: rotate(359deg);
        z-index: 2;
    }


    .help-us #carouselTen .carousel-item {
        margin-top: 0 !important;
    }

    .help-us #carouselTen.round-carousal .carousel-indicators button.active {
        background-color: #c9b6ce;
        border: 1px solid #9e70a5;
    }


    .dk-book::before {
        background: url(../img/book-img1-mb.png) no-repeat;
        background-size: cover;
        height: 100%;
        width: 258px;
        background-position: right bottom;
        pointer-events: none;
    }

    .dk-book h3 {

        font-size: 30px;
        margin-bottom: 18px;
        margin-left: 100px !important;
        margin-top: 64px;
    }

    .dk-book .dk-book-content {
        padding-left: 98px;
    }

    .dk-book .dk-book-content .dk-book-img:nth-of-type(2) {
        position: absolute;
        top: -107px;
        right: 8px;
        width: 117px;
        z-index: 1;
    }


    .dk-book .subtext {
        font-size: 28px;
        margin-bottom: 7px;
        line-height: 1;
    }

    .dk-book p,
    .dk-book p a {
        font-size: 14px;
        line-height: 26px;
        width: 350px;
    }

    .dk-book-img:nth-child(3) {
        width: 400px;
        right: -151px;
        bottom: -113px;
    }

    .dk-book-divider {
        background: url('../img/dk-book-divider.webp');
        height: 115px;
        background-size: cover;
    }

    #help-us .divider.dk-book-divider {
        background: url(../img/dk-book-divider2.webp) no-repeat center / cover;
        height: 95px;
    }

    .dk-book {
        margin-bottom: 0;
    }

    #help-us .sc-divider {
        background: url('../img/sc-divider-bg.webp');
        background-size: cover;
    }

    .big-impact .hwh-usp:nth-child(2),
    .big-impact .hwh-usp:nth-child(6),
    .big-impact .hwh-usp:nth-child(3) {
        background: linear-gradient(to bottom right, transparent 0%, #CCE1E8 100%);
    }

    #impressum .service-banner,
    #agb .service-banner {
        background: url('../img/impressum-baner-mb-bg.webp') no-repeat center / cover !important;
    }

    #impressum .banner h1,
    #datenschutz .banner h1,
    #agb .banner h1 {
        font-size: 30px !important;
        padding: 0;
    }

    #impressum .service-banner h1 span,
    #datenschutz .banner h1 span,
    #agb .banner h1 span {
        font-size: 40px !important;
        margin: 0;
    }

    #agb .terms {
        padding-top: 0;
        padding-bottom: 100px;
    }

    #impressum .banner h1 strong,
    #datenschutz .banner h1 strong,
    #agb .banner h1 strong {
        font-size: 40px;
    }

    #datenschutz .banner h1 strong,
    #datenschutz .banner h1 span {
        font-size: 34px !important;
    }

    #datenschutz .banner h1 {
        font-size: 40px;
    }

    .dk-book #carouselthree.round-carousal .carousel-indicators {
        transform: initial;
        bottom: 259px ! IMPORTANT;
        justify-content: center;
        margin-right: auto;
    }

    .donation-option .dO-item:nth-child(1),
    .donation-option .dO-item:nth-child(4) {
        max-width: 100% !important;
        width: 100% !important;
    }

    .donation-option .dO-item:nth-child(6) {
        padding-right: 32px !important;
        position: relative;
    }

    .donation-option .dO-item:nth-child(3) {

        background: url("../img/dO-item2-bg.png") no-repeat;





    }

    .donation-option .dO-item:nth-child(6) .dO-item-icon img {
        width: 40px;
        position: absolute;
        bottom: 12px;
        right: 12px;
        height: 40px;
    }

    .donation-option .dO-item:nth-child(3),
    .donation-option .dO-item:nth-child(5) {
        max-width: 100% !important;
        width: 100% !important;
    }

    .support-items {
        margin-left: 0 !important;
    }

    .support h3 {
        line-height: 1.16;
        font-size: 38px;
        margin-bottom: 56px;
    }

    .support h5 {
        font-size: 36px;
        margin-bottom: 10px;
    }

    #satzungszweck .satzungszweck {
        background: url('../img/satzungszweck-mb.webp');
        background-size: contain;
        background-position: top;
    }

    .satzungszweck .our-goal {
        background: url('../img/our-goal-mb.webp');
        background-size: contain;
        background-position: top;
        position: relative;
    }

    .satzungszweck .our-goal::before {
        content: '';
        width: 100%;
        height: 97px;
        top: 0;
        position: absolute;
        background: url('../img/our-goal-before-mb.webp');
        background-size: contain;
        background-position: top;
    }

    .satzungszweck .our-goal::after {
        content: '';
        width: 100%;
        height: 280px;
        left: 0;
        bottom: 0;
        position: absolute;
        background: url('../img/our-goal-after-mb.webp');
        background-size: cover;
        background-position: bottom;
        top: initial;
    }

    #satzungszweck .satzungszweck {
        margin-bottom: 0 !important;
    }

    .satzungszweck .our-goal {
        padding-bottom: 280px !important;
    }

    .support p {
        font-size: 14px;
        max-width: 255px;
        line-height: 1.4;
    }

    .support-item {
        padding-bottom: 33px;
    }

    .support-items .support-item:nth-child(2) p,
    .support-items:nth-child(2) .support-item:nth-child(1) p {
        max-width: 100%;
    }

    .support-items:nth-child(2) .support-item {
        margin-top: 0;
    }

    .support-items:nth-child(2) .support-item:nth-child(2) {
        width: 266px;
        margin-left: 0;
    }

    .support-items:nth-child(2) .support-item:nth-child(2) p {
        max-width: 100%;

        text-align: left;
    }

    .support-img {

        width: 392px;
        top: initial;
        bottom: 150px;
        right: -108px;
        left: initial;
    }

    .support-cta {
        margin-inline: auto;
    }

    .support-img2 {
        width: 300px;
        top: 162px;
        right: -110px;
    }

    .donation-option .dO-item h6 {
        font-size: 28px;
        margin-bottom: 10px;
    }

    .donation-option p {
        font-size: 14px;
        margin-bottom: 25px;
    }

    .donation-option .dO-items .dO-item-icons {
        gap: 30px;
    }

    .donation-option .dO-item:nth-child(3) .dO-item-icons {
        justify-content: end;
        margin-bottom: -10px;
        margin-top: -10px;
    }


    .donation-option .dO-item:nth-child(3) .dO-item-icons .dO-item-icon {
        max-width: 45px;
    }

    .donation-option .dO-item:nth-child(3) p {
        margin-bottom: 16px;
    }

    .donation-option .dO-item {
        padding: 12px !important;
    }

    .donation-option h4 {
        font-size: 38px;
        margin-bottom: 21px;
        position: relative;
        z-index: 4;
        text-align: left;
    }

    /* .help-us .customers-testimonial .testimonial-content-wrap {
        min-height: 150px;
        max-width: 300px;
        margin: initial;
        margin-right: auto;
    } */

    .big-impact .hwh-usp h5 {
        font-size: 15px;
    }

    .big-impact .hwh-usp p {
        font-size: 15px;
    }

    .big-impact p {
        font-size: 14px;
        max-width: 255px;
        line-height: 1.4;
    }

    .big-impact h3 {
        font-size: 28px;
        margin-bottom: 12px;
    }

    .help-us .donation .your-donation::before {
        right: -15px;
    }

    .shop .info-guide {
        padding-top: 40px !important;
        padding-bottom: 125px !important;
    }

    .shop .info-guide .carousel {
        position: absolute !important;
        width: 420px !important;
        height: 420px !important;
        left: -187px !important;
        top: 101px !important;
    }

    .info-guide {
        background: url('../img/info-guide-mb.webp') no-repeat center / cover;
    }

    .shop .info-guide .shop-item-img {
        left: -79px;
        bottom: initial !important;
        top: -54px !important;
        width: 300px;
    }

    .shop .shop-item h3 {
        font-size: 38px;
        margin-bottom: 30px;
    }

    .shop .shop-item p {
        max-width: 313px;
        font-size: 14px;
        line-height: 1.4;
    }

    .shop .shop-item .shop-item-img {
        width: 239px;
        right: -63px;
        bottom: 95px;
        top: initial;
    }

    #datenschutz .terms-heading h2 {
        padding-top: 40px;
        margin-bottom: 20px !important;
    }

    .shop .shop-item .shop-btn {
        font-size: 14px;
        margin-left: 112px;
        width: 185px;
        padding: 10px 0 10px 12px;
    }

    .shop .shop-item .shop-btn svg {
        width: 33px;
        height: 36px;
        right: -1px;
        top: -1px;
        border-radius: 16px;
    }

    .shop .shop-item {
        padding-top: 0;
        padding-bottom: 120px;
        margin-bottom: 92px;
    }

    .shop #pepi-das-schmetterlingskind .carousel-fade img,
    #impressum .carousel img {
        height: 183px !important;
        object-fit: cover;
    }

    .help-us #carouselTen img {
        min-height: 220px !important;
        object-fit: cover;

    }

    .impressum {
        padding-top: 0;
        position: relative;
    }

    .impressum h2 {
        font-size: 38px;
        margin-bottom: 16px;
        margin-top: 45px;
    }

    .impressum .subtext {
        margin-bottom: 6px;
        margin-top: 16px;
    }

    .impressum .address p {
        font-size: 14px;
        line-height: 1;
        margin-bottom: 7px;
    }

    .impressum .round-carousal .carousel-indicators {
        justify-content: end;
        margin-right: 30px;
        transform: none;
    }

    .help-affected .info-card {
        width: 100%;
        max-width: 100%;
    }

    .impressum .address {
        margin-bottom: 28px;
    }

    .impressum p,
    .impressum p a,
    .impressum ul li {
        font-size: 14px;
    }

    .impressum p a {
        word-break: break-all;
    }

    .impressum span {
        font-size: 27px;
        margin-bottom: 0;
    }

    .impressum .impressum-img {
        position: absolute;
        top: 278px;
        width: 310px;
        height: auto;
        right: -73px;
    }

    .impressum {
        background: url(../img/impressum-bg-mb.webp);
        background-position: center top 241px;
        background-size: cover;
    }

    .impressum {
        padding-bottom: 62px;
    }

    .impressum .mb-40 {
        margin-bottom: 28px !important;
    }

    .impressum h3 {
        font-size: 28px;
        margin-top: 28px;
        margin-bottom: 0;
        line-height: 24px;
    }

    .impressum p {
        margin-bottom: 7px;
    }

    .shop .banner .subtext::before {
        right: -14px;
        bottom: 82px;
        transform: rotate(70deg);
    }

    .shop .about-banner h1 {
        font-size: 38px !important;
        margin-bottom: 21px;
        padding: 0;
        margin-bottom: 16px;
    }

    .shop .banner .subtext {
        font-size: 34px !important;
        padding: 0;
        line-height: 28px;
        max-width: 333px;
    }

    .alltag-mit .service-banner h1,
    .alltag-mit .service-banner h1 span {
        font-size: 40px !important;
        line-height: 1;
        padding: 0;
    }

    .alltag-mit .service-banner {
        padding-block: 50px;
    }

    .shop-section .shop-section-item {
        margin-inline: 16px;
        width: 162px !important;
    }

    .shop-section h3 {
        text-align: left;
        font-size: 38px;
        max-width: 304px;
        margin: auto;
        line-height: 1.09;
        margin-bottom: 28px;
    }

    #whatsapp .theme-btn {
        padding: 20px 15px !important;
    }

    .shop .about-banner {
        padding-block: 25px;
        background: url('../img/shop-banner-mb.webp') no-repeat;
        background-size: cover;
    }

    #checkout.shop .about-banner {
        background-size: contain;
        background: none;

    }

    .alert-bg {
        padding-block: 20px;
        background: url('../img/shop-banner-mb.webp') no-repeat;
        background-size: cover;
    }

    #checkout .banner .kontakt-form {
        margin-top: 0;
        padding-top: 40px;
    }

    .shop .take-advantage {
        padding-top: 0;
        padding-bottom: 40px;
        background: url('../img/take-advantage-mb.webp') no-repeat bottom / cover;
    }

    .shop .fixtopspace.active {
        padding-top: 36px;

        margin: 0;
    }

    .schmetterlingskind {
        background: url('../img/schmetterlingskind-mb.webp') no-repeat;
        background-size: cover;
    }

    .shop .shop-item .bg-box {
        width: 100%;
    }

    .shop .take-advantage h2 {
        font-size: 38px;
        margin-bottom: 36px;
        max-width: 450px;
        padding-top: 150px;
        line-height: 1.1;
    }

    .shop .shop-item .carousel {
        position: relative;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        bottom: 0;
        margin-bottom: 35px;
    }

    .shop .shop-item .round-carousal .carousel-indicators {
        bottom: -26px !important;
        transform: initial;
        right: 31px !important;
        justify-content: end;
        margin: 0;
    }

    .shop .info-guide .shop-item-content {
        margin-left: 135px;
    }

    .shop .info-guide p {
        max-width: 263px;
        margin-bottom: 20px;
    }

    .shop .info-guide h3 {
        margin-bottom: 15px;
        margin-left: 12px;

    }

    .shop .shop-item {
        padding-top: 0;
        margin-bottom: 0;
    }

    .shop .shop-item span {
        font-size: 30px;
        margin-bottom: 6px;
        display: block;
    }

    .shop .take-advantage p {
        font-size: 14px;
        max-width: 262px;
        margin-bottom: 59px;
        line-height: 1.4;
    }

    .shop .take-advantage .shop-item-list a {
        font-size: 14px;
        font-weight: 700;
    }

    .shop .take-advantage .tA-img {
        top: -26px;
        width: 280px;
        z-index: 4;
    }

    .shop .take-advantage.active .tA-img {

        top: -62px;
    }

    .shop-section .container {
        max-width: 100%;
        padding: 0;
    }

    .alltag-mit .divider {
        height: 111px;
        background: url('../img/a-divider.webp') no-repeat center / cover;
    }

    .shop-section .shop-section-item img {
        width: 162px !important;
        height: 162px !important;
    }

    .shop-section .slick-dots li button,
    .shop-section .slick-dots li button::before {
        padding: 0;
        width: 14px;
        height: 14px;

    }

    .shop-section .slick-dots li {
        margin: 0;
        width: 14px;
        height: 14px;
    }

    .shop-section-item h6 {
        font-size: 28px;
    }

    .shop-section .slick-dots {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 11.5px;
        position: absolute;
        bottom: -32px;

    }

    .shop-section {
        padding-block: 17px 24px;
    }

    .alltag-mit .service-banner h1::after {
        left: 50px;
        bottom: -52px;
        width: 87px;
        height: 69px;
        background-size: contain;
    }

    .alltag-mit .help-offers h2 {
        font-size: 37px;
        margin-bottom: 20px;
        padding-top: 40px;
        max-width: 308px;
    }

    .alltag-mit .help-offers .subtext {
        font-size: 28px;
        margin-bottom: 20px;
        max-width: 404px;

    }

    .alltag-mit .help-offers p {
        font-size: 14px;
        max-width: initial;
        margin-bottom: 28px;
        line-height: 1.46;


    }

    .alltag-mit .help-offers {
        position: relative;
        padding-bottom: 142px;
        padding-top: 0;
        background: url('../img/altag-help-mb.png') no-repeat bottom / cover;
    }

    .alltag-mit .help-offers .help-offer-img {
        position: absolute;
        width: 278px;
        height: 332px;
        top: 0;
        right: -36px;
        margin-top: 0;
    }

    .alltag-mit .help-offers #carouseltwo {
        position: relative;
        width: initial;
        margin-right: -30px;
        margin-left: -30px;

        margin-top: 6px;
    }

    .alltag-mit .help-offers #carouseltwo.round-carousal .carousel-indicators {
        rotate: initial;
        margin-top: 0 !important;
        margin-left: 45px;
    }

    .round-carousal .carousel-indicators button {
        max-width: 11px !important;
        min-width: 11px !important;
        max-height: 11px !important;
        min-height: 11px !important;


    }

    .dk-goal-objects {
        max-width: 100%;
    }

    .dK-accordian .accordion-item {
        margin-bottom: 20px;
        margin-top: 20px;
    }

    .dK-accordian .accordion-item .accordion-body {
        font-size: 14px;
    }


    .butterfly-children {
        position: relative;
        margin-top: 0;
        margin-bottom: 0;
        padding-block: 49px 150px;
        background: url('../img/butterfly-children-mb.webp') no-repeat top center / cover;
    }

    .butterfly-children::before {
        content: '';
        position: absolute;
        width: 100%;
        height: 116px;
        background: url('../img/butterfly-children-before.webp') no-repeat top center / cover;
        bottom: 0;
    }

    .altag-divider {
        display: block;
        height: 94px;
        background: url('../img/altag-divider.webp');
        background-size: cover;
    }

    .butterfly-children .bg-box {
        width: 100%;
    }

    .butterfly-children #carouselfour {
        position: relative;
        width: initial;
        margin-inline: -30px;
        margin-bottom: 77px;
        top: 0;
        left: 0;
    }

    .butterfly-children .round-carousal .carousel-indicators {
        left: initial !important;
        right: 35px !important;
        margin: auto;
    }

    .butterfly-children .bC-content .theme-btn {
        padding-inline: 21px !important;
        margin: auto;
    }

    .butterfly-children .bC-content {
        margin: 0;
    }

    .butterfly-children .bC-content h3 {
        font-size: 28px;
        margin-bottom: 17px;
        max-width: 275px;
    }

    .butterfly-children .bC-content p {
        font-size: 14px;
        margin-bottom: 49px;
        max-width: 345px;
    }

    .butterfly-children .bC-content p a {
        font-size: 14px;
    }

    .alltag-mit .help-offers .theme-btn {
        margin-top: 71px;
        width: fit-content;
        margin-left: auto;
    }

    .theme-btn {
        padding-inline: 46px !important;
        padding-block: 20px;
    }

    .alltag-mit .service-banner h1 span {
        margin: 0 !important;
    }

    .epidermolysis .banner h1 {
        font-size: 40px;
        max-width: fit-content;
        padding: 0;
        line-height: 1.23;
    }

    .eB-challenge .eB-items {
        position: initial;
        padding-bottom: 627px;


    }

    .eB-challenge .eB-item:nth-child(5) {
        top: initial;
        left: initial;
        bottom: 516px;
        right: 18px;
    }

    .eB-item img {
        width: 80%;
    }

    .eB-challenge .eB-item:nth-child(4) {
        left: 105px;
        top: 639px;
        bottom: initial;
    }

    .eB-challenge .eB-item:nth-child(3) {
        bottom: 306px;
        left: 20px;
    }

    .eB-challenge .eB-item:nth-child(7) {
        top: 708px;
        left: initial;
        bottom: initial;
        right: 32px;
    }

    .eB-challenge .eB-item:nth-child(11) {
        bottom: 130px;
        left: 75px;
        right: initial;
    }

    .eB-challenge .eB-item:nth-child(8) {
        top: initial;
        left: initial;
        bottom: 225px;
        right: 0;
    }

    .types-tabs #type-deb .ebs-layer-img:first-child {
        left: initial;
        right: 0;
        width: calc(100% - 28%);
    }

    .eB-challenge .eB-item:nth-child(12) {
        bottom: 158px;
        right: 28px;
    }

    .eB-challenge .eB-item:nth-child(6) {
        left: 6px;
        top: 34px;
    }

    .types-tabs .ebs-layer-img:first-child {
        left: initial;
        right: 0;
        width: calc(100% - 28%);
        top: -142px;
    }

    .types-tabs #type-jeb .hwh-usp:nth-child(2) {
        width: 120px;
        height: 120px;
        top: initial;
        bottom: 30px;
        left: 10%;
    }

    .types-tabs .list-group {
        flex-direction: column !important;
    }

    .types-tabs #type-deb .hwh-usp:nth-child(2) {
        top: 406px;
        width: 100px;
        height: 100px;
        right: 48px;
    }

    .types-tabs .tab-content #deb-carousal .carousel-indicators {
        left: 71px ! IMPORTANT;
        bottom: 6px !important;
        bottom: -123px;
        gap: 0;
        align-items: end;
        transform: rotate(45deg);
    }

    .types-tabs #type-deb .hwh-usp:nth-child(1) {
        width: 120px;
        height: 120px;
        right: 3%;
        bottom: 218px;
        top: initial;
        left: initial;
    }

    .types-tabs #type-deb .hwh-usp:nth-child(3) {
        position: absolute;
        width: 120px;
        height: 120px;
        left: 13%;
        bottom: 30px;
    }

    .types-tabs #type-kindler .hwh-usp:nth-child(1) {
        top: 127px;
        right: 0;
        left: initial;
    }

    .types-tabs #type-kindler .hwh-usp:nth-child(2) {

        right: 6%;
        top: 350px;
    }

    .types-tabs #type-kindler .hwh-usp:nth-child(3) {
        width: 140px;
        height: 140px;
        bottom: 65px;
        top: initial;
    }

    .types-tabs #type-kindler .hwh-usp:nth-child(4) {
        width: 120px;
        height: 120px;
    }

    .types-tabs .tab-content #deb-carousal .carousel-indicators button:nth-child(1) {
        margin-bottom: -4px !important;

    }

    .types-tabs .tab-content #deb-carousal .carousel-indicators button:nth-child(3) {
        margin-bottom: 17px !important;
    }

    .types-tabs .list-group ul {
        max-width: 279px !important;
    }

    .types-tabs #type-deb .list-group ul {

        max-width: 240px !important;
    }

    .types-tabs .tab-content #deb-carousal {
        width: 333px;
        height: 340px;
        top: 81px;
        right: -107px;
        max-width: initial;
        max-height: initial;
    }

    .types-tabs .tab-content #jeb-carousal {

        right: -60px;
        top: 273px;
    }

    .types-tabs .tab-content #jeb-carousal .carousel-indicators {
        bottom: -18px !important;
        left: 0 !important;
        transform: rotate(113deg);
    }

    .types-tabs #type-jeb .hwh-usp:nth-child(1) {
        width: 100px;
        height: 100px;
        right: 10px;
        top: 85px;
        left: initial;
    }

    .types-tabs .hwh-usp h5 {
        font-size: 18px !important;

        line-height: 1;

    }

    .types-tabs #type-jeb .hwh-usp:nth-child(3) {
        position: absolute;
        width: 110px;
        height: 110px;
        right: 1%;
        bottom: 228px;
        left: initial;
    }

    .eB-challenge .bg-box {
        width: 100%;
    }

    .eB-challenge .eB-item:nth-child(10) {
        bottom: initial;
        left: 62px;
        top: 184px;
    }

    .eB-challenge .container {
        max-width: 732px;
    }

    .eB-challenge h3 {
        font-size: 36px;
        max-width: 88%;
        margin-left: 12px;
        height: 136px;
    }

    .epidermolysis .help-offers #carouseltwo {
        position: relative;
        margin: 0;
        width: initial;
        margin-inline: -30px;
    }

    .eB-challenge .eB-item:nth-child(1) {
        top: 477px;
        right: -28px;
        left: initial;
    }

    .eB-challenge .eB-item:nth-child(12) {
        min-width: 139px !important;
    }

    .eB-challenge .eB-item:nth-child(2) {
        top: 510px;
        left: 132px;
    }

    .eB-challenge .eB-item:nth-child(9) {
        right: initial;
        top: 531px;
        left: 0;
    }

    .epidermolysis .banner h1 span {
        font-size: 40px;
        margin: 0;
    }

    .epidermolysis .banner {
        padding-block: 19px 54px;
    }

    .epidermolysis .help-offers h2 {
        font-size: 38px;
        margin-bottom: 28px;
        line-height: 1;
        padding-top: 39px;
    }

    .epidermolysis .help-offers .subtext {
        font-size: 28px;
        margin-bottom: 16px;
        max-width: 248px;
        line-height: 0.8;
    }

    .epidermolysis .help-offers p {
        font-size: 14px;
        max-width: 348px;
        line-height: 1.45;
        margin-bottom: 28px;
    }

    .epidermolysis .help-offers .help-offer-img {
        top: 11px;
        width: 434px;
        top: 43px;
        width: 371px;
    }

    .epidermolysis .help-offers {
        padding: 0;
        margin-bottom: 184px;
        background: url('../img/epidermolysis-help-offers-mb.png');
        background-size: cover;
        position: relative;
    }

    .epidermolysis .help-offers::before {
        content: '';
        position: absolute;
        background: url('../img/epidermolysis-help-offers-before-mb.webp');
        width: 100%;
        height: 184px;
        bottom: -184px;
        background-size: cover;
    }

    .eB-challenge-divider {
        background: url('../img/eB-challenge-divider.webp');
        height: 86px;
        background-size: cover;
    }

    .epidermolysis .help-offers #carouseltwo.round-carousal .carousel-indicators {
        transform: initial;
        rotate: initial;
        bottom: -31px !important;
        margin-top: 0 !important;
        gap: 10px !important;

    }

    .epidermolysis .help-offers #carouseltwo.round-carousal .carousel-indicators button {
        min-width: 11px;
        min-height: 11px;
        max-width: 11px;
    }

    .epidermolysis .banner h1::after {
        width: 135px;
        height: 104px;
        rotate: initial;
        bottom: -95px;
        top: initial;
        right: -21px;
    }

    .eB-challenge .eB-img {
        width: 424px;
        right: -102px;
        top: -123px;
    }

    .eB-challenge {
        padding-top: 310px;
        padding-bottom: 24px;
        margin-bottom: 0;
    }

    .epidermolysis .Eb .Eb-heading h3 {
        font-size: 38px;
        margin-bottom: 33px;
        max-width: 71%;
        line-height: 1.16;
    }

    .epidermolysis .Eb {
        padding-block: 80px 199px;
        background: url('../img/Eb-mb-bg.webp');
        background-size: cover;
        background-position: top right;
    }

    #satzungszweck .service-banner {
        background: url('../img/satzungszweck-banner-mb.webp') no-repeat center top / cover !important;
    }

    .epidermolysis .Eb .Eb-heading p {
        font-size: 14px;
        max-width: 344px;
        margin-bottom: 150px;

    }

    .epidermolysis .Eb .Eb-items {
        display: block;
    }

    .epidermolysis .Eb .Eb-item {
        width: 350px;
        height: 140px;
        margin-bottom: 22px;
        padding: 17px 22px 25px 22px;

        position: relative;
        margin-inline: auto;
    }

    .epidermolysis .Eb .Eb-item::after {
        position: absolute;
        right: 16px;
        bottom: 19px;
        transform: translateY(-50%);
        rotate: 270deg;
        display: inline-block;
        margin-left: 0.4625em;
        vertical-align: 0.4625em;
        content: "";
        border-top: 0.4625em solid #fff;
        border-right: 0.4625em solid transparent;
        border-bottom: 0;
        border-left: 0.4625em solid transparent;
        display: block !important;
    }

    .epidermolysis .Eb .Eb-img {
        justify-content: center;
        width: 312px;
        height: 312px;
        top: 237px;
        align-items: baseline;
        text-align: center;
        padding-top: 49px;
    }

    .Eb .theme-btn {
        width: 202px;
        padding-block: 20px;

        display: flex;
        margin: auto;
        align-items: center;
        justify-content: center;
        line-height: 1.2;
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: center;
        align-items: center;
        -webkit-justify-content: center;
        justify-content: center;
    }

    .Eb-img img {
        width: 69%;
    }

    .eB-challenge-content {
        background: none;
    }

    .eB-challenge {
        background: url(../img/eB-challenge-mbl.png);
        background-position: right;
        background-repeat: no-repeat;
    }

    .epidermolysis .Eb .Eb-item h5 {
        font-size: 36px;
        margin-bottom: 10px;

    }

    .epidermolysis .Eb .Eb-item p {
        font-size: 16px;
        font-weight: 400;
        line-height: 1;
        margin-bottom: 17px;
    }

    .Eb .Eb-items .Eb-item ul li::before {
        bottom: 8px;
    }

    .epidermolysis .Eb .Eb-heading p,
    .epidermolysis .Eb .Eb-heading p a {
        line-height: 1.38;
    }

    .epidermolysis .Eb .Eb-heading p a {
        font-size: 14px;
    }

    .eB-challenge .theme-btn {
        width: 202px;

        padding-block: 20px;
        display: flex;
        align-items: center;
        justify-content: center;
        line-height: 1.2;
    }


    .navbar-toggle.collapse.show {


        right: 44px;

    }

    .banner h1 b {

        font-size: 40px;

        font-weight: 100;

    }



    .our-club .dermakids-v .container {

        max-width: 100%;

    }


    .shop .info-guide .round-carousal .carousel-indicators {
        bottom: 121px !important;
        transform: rotate(131deg) !important;
        left: 299px !important;
        right: initial !important;
    }

    .shop .nachhaltigkeitsbericht p {
        max-width: 348px;
    }

    .shop .nachhaltigkeitsbericht {

        padding-top: 40px;
        padding-bottom: 120px;
        margin-bottom: 30px;
    }

    .shop .infoflyer .shop-item-content {
        margin-left: 0;
    }

    .shop .infoflyer p {
        max-width: 342px;
        font-size: 14px;
        line-height: 1.44;
    }

    .shop .infoflyer {
        padding-top: 40px;
    }

    .shop .infoflyer .carousel {
        position: absolute;
        top: -250px;
        right: -146px !important;
        left: initial;
        width: 442px !important;
        height: 500px !important;
    }

    .shop .infoflyer .round-carousal .carousel-indicators {
        bottom: 462px !important;
        transform: rotate(14deg);
        right: 123px !important;
    }

    .shop .infoflyer .shop-item-img {
        width: 300px;
        right: -92px;
        bottom: 30px;
        top: initial;
        height: 300px;
    }

    .shop .broschure p {
        max-width: 353px;
        text-align: left;
    }

    .shop .broschure .shop-btn {
        margin-right: auto;
        margin-left: 0;
    }

    .shop .broschure .shop-item-img {
        right: -60px;
        left: initial;
        top: 182px ! IMPORTANT;
        width: 348px !important;
    }

    .shop .broschure .carousel {
        position: relative !important;
        width: calc(100% + 24px) !important;
        margin-top: 120px;
        height: 100% !important;
        margin-bottom: 0;
    }

    .shop .broschure {
        padding-bottom: 0;
        padding-top: 40px;
        margin-bottom: 0;
    }

    .shop .broschure .theme-btn {
        margin-right: 12px;
    }

    .shop .broschure .round-carousal .carousel-indicators {
        rotate: initial;
        bottom: -28px !important;
        transform: initial ! IMPORTANT;
        left: 31px !important;
        justify-content: start;
        margin: 0;
    }

    .shop .infoflyer {
        margin-bottom: 125px;
    }

    .shop .broschure h3 {
        max-width: 100%;
    }

    .shop .donation-info {
        padding-top: 70px;
        padding-bottom: 100px;
        margin-block: 0;
        background: url('../img/shop-donation-info-mb.webp') repeat top / cover;

        background-position: center top 5px;
    }

    .shop .donation-info .theme-btn {
        margin-bottom: 50px;
        margin-right: 20px;
    }

    .help-us .banner {
        background: url('../img/help-us-banner-mb.webp') no-repeat center / cover;

    }

    .shop .nachhaltigkeitsbericht .shop-item-img {
        right: -36px ! IMPORTANT;
        left: initial;
        top: -131px !important;
        width: 270px !important;
        height: 270px !important;

    }

    .shop .nachhaltigkeitsbericht {
        margin-bottom: 0px;
    }

    .topbar,

    .breadcrumb.menufixcustom {

        background: #fff;

        position: relative;

    }



    .topbar .container {

        z-index: 2;

        position: relative;

    }



    .topbar:before,

    .breadcrumb.menufixcustom::before {

        content: "";

        position: absolute;

        top: 0;

        left: 0;

        width: 100%;

        height: 100%;

    }



    body,

    .topbar::before,

    .breadcrumb.menufixcustom::before {

        background: linear-gradient(to right,

                rgba(233, 217, 233, 0.9) 0%,

                rgba(230, 224, 237, 0.9) 8%,

                rgba(226, 232, 242, 0.9) 17%,

                rgba(224, 236, 244, 0.9) 28%,

                rgba(225, 235, 244, 0.9) 76%,

                rgba(229, 226, 238, 0.9) 92%,

                rgba(231, 220, 235, 0.9) 100%);



    }

    body {
        background: #fff;
    }



    .banner::before {



        background: url(../img/banner-bg-mbl.png) no-repeat center top / cover;

        width: 100%;

        height: 100%;

        left: 0;

        top: 0;

    }



    .banner-content {

        margin-top: 0;

    }



    .navbar-collapse {

        top: 51px;

    }



    #unser-verein .dermakids-v #carouselthree {

        position: initial;

        width: initial;

        margin-inline: -30px;

    }



    .topbar .tA-link.theme-btn {

        font-size: 20px;

        line-height: 1;

        padding: 4px 18px !important;

    }



    .navbar-brand img {

        height: 33px;

        width: 134px;

    }



    .navbar-light .navbar-toggler {

        padding: 0;

    }



    .our-club .dermakids-v {

        padding-top: 0;

    }







    .navbar {

        padding-block: 9px;

    }



    .navbar-brand {

        padding: 0;



    }



    .topbar .tA-link {

        font-size: 11px;

        line-height: 1;

        padding: 0;

    }



    .info-card {

        height: 340px;

        margin-inline: auto;

        position: relative;

        padding: 36px 18px 42px 18px;

    }



    .info-card .card-content span {

        line-height: 1;

    }



    .info-card h6 {

        font-size: 44px;

        margin-bottom: 24px;

    }



    .info-card p,

    .info-card a {

        font-size: 16px;





    }



    .info-card .read-more {

        margin-top: 33px;
        position: relative;
        font-size: 14px;
        padding-right: 5px;
        margin-right: 10px
    }

    .info-card .read-more::after {
        display: inline-block;
        margin-left: .255em;
        vertical-align: .255em;
        content: "";
        border-top: .4em solid;
        border-right: .4em solid rgba(0, 0, 0, 0);
        border-bottom: 0;
        border-left: .4em solid rgba(0, 0, 0, 0);
        position: absolute;
        right: -14px;
        top: 5px;
        cursor: pointer;
        rotate: 270deg;
    }


    #datenschutz .terms-heading .subtext {
        margin-bottom: 20px;
    }

    #unser-verein .info-card .read-more::after {
        top: 8px;
    }

    .info-card .card-icon {

        position: absolute;

        height: 68px;

        width: 58px;

        right: 18px;

        top: 22px;

    }





    .banner .btn-group {

        position: absolute;

        width: 100%;

        padding-inline: 25px;

        bottom: 28px;

        left: 0;

    }




    .banner .btn-group .theme-btn {

        flex-basis: 100%;

        font-weight: 600;

        padding: 20px 20px !important;

        padding-inline: 10px !important;

    }





    .our-goal .theme-btn {

        min-width: 45%;



        padding-inline: 10px !important;

        padding-block: 20px;

    }



    .our-goal .btn-group {



        width: 100%;

        gap: 2%;

        justify-content: space-between;

    }





    .breadcrumb {

        width: 100%;

        z-index: 5;

        opacity: 0.9;

        margin-bottom: 0;

        left: 0;



    }



    .customers-testimonial .container {

        max-width: 95%;

    }





    .customers-testimonial .testimonial-content-wrap p {

        font-size: 26px;

    }



    .help-affected .customers-testimonial .testimonial-content-wrap p {

        line-height: 1.1;

    }



    #about-us .customers-testimonial .testimonial-content-wrap,

    #unser-verein .customers-testimonial .testimonial-content-wrap {

        min-height: auto;



    }



    .customers-testimonial .carousel-indicators {

        margin-top: 0 !important;

        bottom: 58px !important;



        gap: 10px !important;

    }



    .our-club .customers-testimonial {

        margin-bottom: 88px;

    }



    .approach .approach-heading h3 {

        font-size: 35px;

        line-height: 1;

    }



    .approach .approach-item-icon img {

        min-width: 42px;

        width: 42px;

        height: 42px;

    }



    .approach .approach-item {

        gap: 22px;



        max-width: 304px;

    }



    .approach .approach-item h6 {

        font-size: 34px;

    }



    .approach .approach-item {

        padding-bottom: 20px !important;

    }



    .our-club .approach {

        padding-bottom: 12px;

    }



    .our-club .donation-info {

        padding-block: 170px 137px;

    }



    .info-card {

        margin-bottom: 33px;

        margin-top: 0;

        max-width: 445px;

        background-size: cover !important;

    }






    .approach .approach-img {

        padding-top: 0;

        max-width: 100%;

    }



    .testimonial {

        min-height: 276px;

        max-height: 276px;

        padding: 26px 0;

    }


    .help-affected .testimonial-content {
        min-height: 340px;

    }

    .help-affected .customers-testimonial {


        min-height: 360px;
        max-height: 406px;

    }



    .customers-testimonial .container {

        max-width: 100%;

    }



    .our-club .customers-testimonial {

        padding-block: 35px 2px;

    }


    .consentWarning,
    .consentWarning a {
        font-size: 14px !important;
        color: #4D4F4D !important;
    }


    #unser-verein.our-club .dermakids-v #carouseltwo .carousel-indicators {

        bottom: 56px !important;

        transform: initial;

        left: 0 !important;

        right: initial !important;

        margin-left: 30px;

        margin-top: 0 !important;

    }



    #unser-verein .dermakids-v #carouselthree.round-carousal .carousel-indicators {

        bottom: 180px !important;

        right: 0px !important;

        margin-left: 30px;

        justify-content: left;

        gap: 10px !important;

        position: absolute;



        margin-top: 0 !important;

    }



    .our-club .dermakids-v .theme-btn {

        margin-top: 61px;

        margin-left: auto;

        display: block;

        padding-inline: 67px !important;

        padding-block: 20px !important;

        max-width: fit-content;

        z-index: 4;
        position: relative;
    }



    .our-club .dermakids-v {

        padding-bottom: 89px;

    }



    #unser-verein .dermakids-v #carouselthree.round-carousal .carousel-indicators button.active {

        background-color: #bae4ec;

        border: 1px solid #81cada;

    }



    .breadcrumb {

        padding-block: 12px 12px;



    }



    .breadcrumb-item a,

    .breadcrumb-item {

        font-size: 12px;

        line-height: 1.4;

        display: block;
        height: initial;
        display: flex;
        align-items: center;
        line-height: 1;
        -webkit-font-smoothing: antialiased;

    }



    .breadcrumb-item+.breadcrumb-item::before {

        top: 50%;

        left: 12px;

        width: 8px;

        height: 8px;
        transform: translateY(-50%);

        padding: 0;

    }



    .breadcrumb-item+.breadcrumb-item {

        padding-left: 34px;

    }



    .banner {



        padding-bottom: 0;



    }







    .banner-content {



        position: initial;



        transform: none;



    }







    .banner .round-carousal {







        margin: auto;



        margin-top: 50px;



    }



    .banner .round-carousal .carousel-inner {

        z-index: -1;



    }



    .banner h1 {



        font-size: 31px;

        padding-bottom: 0;

        text-align: center;



        padding-top: 4%;



    }







    .banner h1 span {



        font-size: 50px;



        margin-top: 9px;

        margin-bottom: 6px;



    }

    .banner h1 span article {
        display: inline;
        font-size: 31px;
        margin-right: 10px;
    }



    .banner h1 span:first-child {

        margin-right: 20px;

    }



    .help-affected .banner h1 span:first-child {

        margin-right: 0;

    }



    .banner h1::before {

        width: 80px;

        height: 70px;

        top: 18px;

        right: 10px;



        left: 84%;

    }





    .banner h1 strong {





        margin-left: 85px;



        margin-top: 0;

        font-size: 48px;



    }







    .banner h1::before {

        right: -21px;

        left: initial;

        top: 20px;



    }







    .banner .round-carousal {

        max-width: 100%;

        margin-top: 0;

    }









    .banner .btn-group .theme-btn {



        width: 320px;



        margin: auto;



        max-width: 100%;



    }







    .banner .round-carousal::before {



        right: 0;



        width: 100px;



        height: 100px;



        background-size: contain;



        bottom: -100px;



        right: -50px;



    }







    .banner .round-carousal {



        width: 100%;



    }







    .carousel-indicators {



        margin-bottom: 0 !important;



        margin-top: 50px !important;



        gap: 10px !important;



        right: 0 !important;



        bottom: -25px !important;



        left: 0 !important;



        z-index: 2 !important;



        align-items: end;



    }







    .round-carousal .carousel-indicators button {



        margin-top: 0 !important;



        margin-bottom: 0 !important;



    }






    .bg-box {



        width: 100%;



    }







    .our-goal .round-carousal,



    .services .round-carousal {



        max-width: 100%;



        width: 100%;



        margin-top: 0;



    }







    .our-goal .subtext {

        font-size: 28px;

        margin-bottom: 14px;



    }







    .our-goal .theme-btn {



        margin-top: 80px;

        margin-bottom: 0;



    }







    .eb-meeting {



        padding-top: 85px;

        padding-bottom: 96px;



    }



    .eb-meeting video {

        height: auto;

        margin-top: 36px;

    }



    .eb-meeting .theme-btn {

        margin-top: 26px;

        padding-inline: 45px !important;

        padding-block: 20px;

    }




    .services {



        padding: 111px 0 196px;



    }







    .services::after {



        width: 236px;



        height: 202px;

        top: 180px;



    }



    .services p {

        max-width: 279px;

        font-size: 16px;



        line-height: 1.5;

    }





    .services-box {

        margin-top: 29px;

    }



    .services-box.first {



        margin-top: 76px;



    }







    .services-box h5 {

        font-size: 36px;

        margin-bottom: 23px;

    }



    .services-box ul li {

        font-size: 14px;

        margin-bottom: 8px;

    }



    .services .round-carousal {



        margin-top: 100px;



        margin-left: 0;



    }

    .services-box span {
        font-size: 14px;
    }

    .services-box {
        padding: 20px;
    }


    .hm-divider-2 {

        height: 104px;

    }





    .divider .left {



        max-width: 100px;



        margin-left: 10px;



    }







    .divider .right {



        max-width: 80px;



        margin-right: 10px;



    }







    .our-goal {



        padding: 30px 0;

        overflow-x: clip;



    }







    .our-goal::after {



        width: 314px;



        height: 286px;



        right: -100px;

        top: -160px;



    }







    .eb-meeting h3,

    .services h3,

    .visit-insta h4,

    .our-goal h3 {



        font-size: 38px;

        margin-bottom: 28px;

        line-height: 46px;



    }



    .topbar-actions {

        gap: 28px;

    }



    footer {

        padding-block: 32px;

        text-align: center;

    }



    footer h5 {

        margin-bottom: 40px;

    }



    footer .action-link {

        font-size: 16px;

        margin-bottom: 23px;

    }



    footer .contact-info p,

    footer .contact-info .action-link {

        font-size: 16px;

        line-height: 100%;

        margin-bottom: 12px;



        br:first-child {

            display: none;

        }

    }



    footer .weitere {

        margin-bottom: 27px;

    }





    footer .socials {

        margin-top: 47px;

        margin-bottom: 45px;

    }



    footer .socials img {

        width: 43px;

    }



    footer .gateway {

        margin-top: 57px;

    }



    .banner h1::after {

        width: 180px;

        height: 180px;

        left: -23px;

        bottom: -73px;

        rotate: 77deg;

    }



    .home-testimonial {

        margin-top: 130px;

        min-height: auto;

        max-height: initial;



        padding-block: 30px;

    }



    .home-testimonial .testimonial-content .testimonial-by {

        text-align: end;

        font-size: 14px;

    }



    .hm-divider {

        height: 205px;

    }



    .home-testimonial .testimonial-content {

        min-height: auto;

    }



    .testimonial-content::before,

    .testimonial-content::after {

        display: none;

    }



    .banner .round-carousal .carousel-indicators {

        margin-right: 30px;

        justify-content: end;

        gap: 10px !important;

        margin-left: auto;

        margin-bottom: -15px !important;

    }



    .home-testimonial .round-carousal .carousel-indicators {



        gap: 20px !important;



        margin-right: -61px;





    }



    .home-testimonial .round-carousal .carousel-indicators :nth-child(2) {

        margin-bottom: 16px !important;

    }



    .home-testimonial .round-carousal .carousel-indicators button.active {



        background: #ffc9dd;

        border: 1px solid #ea89a8;

    }



    .testimonial-content h2 {

        font-size: 26px;

        line-height: 24px;

        margin-left: 166px;

        text-align: center;

    }



    #carousalMobile {

        max-width: 200px;

        position: absolute;

        top: -50px;



        left: -45px;

    }



    .customers-testimonial .carousel-indicators {

        bottom: 40px !important;

    }



    .approach .approach-item p {

        font-size: 14px;

        line-height: 1.4;

    }



    .about-banner,

    .our-club .about-banner {



        padding-top: 44px;

        padding-bottom: 16px;

    }





    .about-banner h1 {

        font-size: 50px;

        max-width: fit-content;

        margin-inline: auto;

        margin-bottom: 21px;

        padding-top: 0;

    }



    .banner .subtext {

        max-width: fit-content;

        margin-inline: auto;

    }



    .about-banner .subtext::after {

        right: -85px !important;



        bottom: -32px !important;

    }

    .shop .about-banner .subtext::after {

        left: 68px !important;
        bottom: -43px !important;
        width: 80px;
        left: 5px !important;
        bottom: -31px !important;
        width: 80px;
        height: 80px;
    }

    .shop .about-banner .subtext::before {
        right: 2px;
        bottom: 66px;
        transform: rotateY(179deg);
        width: 60px;
        height: 60px;
        rotate: 40deg;
    }


    .about-banner h1::after {

        left: -70px !important;

        rotate: 0deg;

        bottom: -10px !important;

    }



    .about-banner .subtext {

        font-size: 41px;

        margin-bottom: 0;

    }





    .breadcrumb.menufixcustom {

        position: fixed;

        top: 79px;


        padding-inline: 12px;

    }



    .dermakids-v h2,

    .help-affected .help-offers h2 {

        font-size: 34px;

        max-width: 300px;

        line-height: 1.3;

        margin-bottom: 24px;

        padding-top: 77px;

    }

    .help-affected .help-offers h2 {
        margin-bottom: 16px
    }



    .association-img,

    .help-affected .help-offer-img {

        width: 294px;

        height: 268px;

        top: 0;

        right: -50px;

    }



    .help-affected .help-offer-img {

        margin-top: 16px;

    }



    .fixtopspace.active {

        margin-top: 36px;

    }

    .help-us .donation.fixtopspace.active {
        padding-top: 36px;
        margin-top: 0;
    }



    .help-affected .advice-banner h1,

    .help-affected .advice-banner h1 span {

        font-size: 38px;

    }



    .help-affected .advice-banner h1 {

        padding-top: 0;

    }



    .help-affected .advice-banner {
        padding-block: 30px !important;

    }



    .help-affected .advice-banner .banner-img {



        width: 100px;

        height: 100px;

        rotate: 169deg;

        right: 5%;

        top: 86px;

    }



    .help-affected .help-offers {

        padding-top: 0;

    }


    .dermakids-v .subtext,

    .help-affected .help-offers .subtext {

        max-width: 448px;

    }



    .help-affected .help-offers #carouseltwo {

        margin-top: 30px;

        width: 100%;

    }



    .help-affected .help-offers #carouseltwo {

        margin-left: 0;

    }



    .help-affected .help-offers::before {

        display: none;

    }



    .help-offers #carouseltwo.round-carousal .carousel-indicators {

        rotate: 0deg;

        justify-content: start;

        margin-left: 30px;



        bottom: -32px !important;

    }

    #datenschutz .theme-list li::before,
    #agb .theme-list li::before {

        top: 5px;
    }

    .epidermolysis .help-offers #carouseltwo.round-carousal .carousel-indicators {
        margin-left: 47px;

    }

    #umfeld #nav-home2 .hwh-items:nth-child(2) .hwh-usp:nth-child(2) {
        width: 130px;
        height: 130px;
    }

    #umfeld #nav-home2 .hwh-items:nth-child(2) .hwh-usp {
        top: -145px;
    }

    .help-affected .help-offers #carouseltwo {

        height: auto;

    }



    .how-we-help .hwh-type .nav-link {

        width: 100%;

        padding-block: 22px !important;

        max-height: 70px;

        margin-top: 0;



        border-radius: 26px;

    }



    .hwh-content {

        padding-top: 38px;

    }



    .help-affected .nav-tabs {

        gap: 24px;

    }



    .how-we-help .hwh-type h3 {

        font-size: 34px;

        margin-bottom: 32px;

    }



    .how-we-help .hwh-type .nav-link.active h3 {

        font-size: 43px;

    }







    .help-affected .info-card {

        height: 225px;

        min-height: 225px;

        margin-bottom: 27px;

    }



    .help-affected .donation-info {

        padding-block: 100px;

    }



    #hwhTabContent .nav-link {

        font-size: 16px;

        display: flex;

        align-items: center;

        gap: 28px;
        min-height: 24px;

    }





    #hwhTabContent .nav-link .seperate {

        margin-right: 28px;

    }





    .how-we-help #nav-krankenkassen .service-nav .nav-case-items .nav-case-item:nth-child(1) {



        top: 155px;

    }



    .how-we-help #nav-krankenkassen .service-nav .nav-case-items .nav-case-item:nth-child(2) {



        top: 109px;

    }



    .how-we-help #nav-krankenkassen .service-nav .nav-case-heading {

        padding-bottom: 460px;

    }





    .how-we-help #nav-Kita .service-nav .nav-case-items .nav-case-item:nth-child(5) {

        right: initial;

        left: 300px;

    }



    .how-we-help .tab-content .service-nav .nav-case-heading p {

        font-size: 14px;
        margin-bottom: 27px !important;

    }


    .kontakt-content .carousel {
        position: relative;
        right: 0;
        width: 100%;
    }

    .kontakt #carouseltwo.round-carousal .carousel-indicators {

        top: initial;
        transform: none;
        flex-direction: row;
        justify-content: end;
        margin-right: 33px;

        bottom: -32px !important;
    }

    .kontakt #carouseltwo.round-carousal .carousel-indicators button {

        margin: 0 !important;
        margin-inline: 3px !important;
    }

    .kontakt-form {
        padding-top: 62px;
        position: relative;
    }

    .kontakt-form h2 {
        font-size: 28px;
    }

    .kontakt-bottom {
        top: 68px !important;
        right: initial;
        left: 231px;
        width: 236px;
    }

    .kontakt-form .form-field {
        max-width: 222px;
        margin-bottom: 5px;
    }

    .kontakt-form .form-control {
        padding-bottom: 9px;
        padding-top: 16px;
    }

    .kontakt-info,
    .kontakt-form {
        max-width: 100%;
    }

    .kontakt-info .dermakids-logo {
        max-width: 184px;
        margin-bottom: 32px;
    }

    .kontakt-form .btn-group {
        margin-top: 50px;
        margin-bottom: 50px;
        justify-content: left;
        gap: 40px;
    }

    .kontakt-content {
        padding-bottom: 135px;
    }

    #about-us .dermakids-v {
        padding-top: 0;
        padding-bottom: 90px;
        background: url(../img/about-dermakids-mb.png);
        background-size: cover;
    }

    #about-us .dermakids-v .btn-group {
        padding-top: 16px;
        margin: auto;
        justify-content: center;
        width: 100%;
    }

    .our-team::before {
        display: none;
    }

    .our-team .slick-dots li button,
    .slick-dots li button:before {

        width: 17px;
        height: 17px;
    }

    #about-us .our-team::after {
        width: 285px;
        height: 285px;
    }

    #about-us .our-team .bg-box {
        width: 100%;
    }

    #about-us .dermakids-v h2 {
        padding-top: 55px;
        margin-bottom: 31px;
        font-size: 38px;
        max-width: 100%;
    }

    #about-us .dermakids-v .subtext {
        font-size: 28px;
        margin-bottom: 14px;
        max-width: 100%;
        max-width: 365px;
    }

    #about-us .dermakids-v p {
        font-size: 14px;

    }

    #about-us #mobCarousal {
        margin-bottom: 28px;
    }

    #about-us #mobCarousal.round-carousal .carousel-indicators {
        margin-left: 30px;
        gap: 10px !important;
        justify-content: start;
    }

    #about-us #mobCarousal.round-carousal.round-carousal .carousel-indicators button.active {

        background-color: #ffc9dd;
        border: 1px solid #ea89a8;
    }

    #about-us .team-heading {
        margin-left: 0;
    }

    .team-slider,
    .team-slider .slick-track {
        margin-left: 0;
    }

    .team-slider img,
    .team-slider .slick-current img {
        min-width: initial;
        width: 100%;
        max-width: 360px;
    }

    .our-team .slick-disabled img {
        display: none;
    }

    .team-slider .slick-dots li {
        margin-inline: 7px;
    }

    .our-team .slick-current p {
        display: block;
    }

    #about-us .our-team {
        padding-bottom: 28px;
        margin-bottom: 0;
        background: url('../img/our-team-mb.webp') no-repeat bottom;
        background-size: contain;

    }

    .our-team-divider {
        height: 86px;
        background: url('../img/our-team-divider-bg.webp') no-repeat;
        background-size: cover;
    }

    .dK-goal-divider {
        height: 174px;
        background: url(../img/dK-goal-divider.webp) no-repeat;
        background-size: cover;
    }

    .non-profit-divider {
        height: 220px;
        background: url('../img/non-profit-divider-bg.webp') no-repeat;
        background-size: cover;
    }

    #about-us .dK-goal {
        margin-bottom: 0 !important;
    }

    .dK-goal::after {
        left: -52px !important;
        bottom: -85px !important;
    }

    .visit-insta-divider {
        height: 190px;
        background: url(../img/visit-insta-divider.webp) no-repeat;
        background-size: cover;
    }

    #about-us .divider {
        height: 115px;
        background: url(../img/about-divider.webp);
        background-size: contain;
        background-repeat: no-repeat;
    }

    .non-profit {
        margin-bottom: 0;
    }

    #about-us .customers-testimonial .testimonial-content-wrap p {
        font-size: 26px;
        line-height: 24px;
    }

    #about-us .customers-testimonial {
        padding-block: 30px;
        margin-bottom: 0 !important;
    }

    .non-profit-content .no-profit-items p {
        width: 100%;
        font-size: 14px;
    }

    .non-profit-content .no-profit-items .no-profit-img:nth-child(3) {
        top: 616px;
        width: 291px;
        height: 300px;
        right: -90px;
    }

    .non-profit-content .no-profit-btn {
        margin-block: 60px !important;
        margin-bottom: 0 !important;
    }

    .team-slider .slider-item {
        min-height: 350px;
    }

    .dK-goal-content img {
        position: absolute;
        top: -134px;
        width: 330px;
        right: -60px;
    }

    #about-us .dK-goal-heading h3 {
        max-width: 305px;
        font-size: 38px;
    }

    #about-us .dK-goal {
        padding-top: 50px;
    }

    #about-us .dK-goal .bg-box {
        width: 100%;
    }

    .dK-accordian {
        margin-bottom: 30px;
    }

    .dK-goal #carouselthree.round-carousal .carousel-indicators {
        transform: none;
        margin-left: 30px;
        gap: 10px !important;
        justify-content: start;
    }

    .dK-goal #carouselthree.round-carousal .carousel-indicators button {
        margin: 0 !important;
        margin-inline: 3px !important;
    }

    #about-us .dK-goal .theme-btn {

        margin-left: auto;
        display: flex;
        max-width: fit-content;

        margin-top: 87px;
    }

    .non-profit-content .no-profit-text {
        flex-direction: column;
        gap: 40px;
    }

    .non-profit-content .no-profit-items:nth-child(2) .no-profit-item {
        margin-top: 0;
    }

    #about-us .about-banner {

        padding-block: 30px;
        background: url('../img/about-banner-mb.webp');
        background-size: cover;
    }

    .dK-goal::after {
        max-width: 272px;
        left: -40px;
        bottom: -80px;

        height: 190px;
    }

    .kontakt .about-banner {

        padding-block: 42px;
    }


    .haupttypen .dermakids-v {
        padding-top: 0;
        background: url('../img/haupttypen-dermakids-v-mb.webp');
        background-size: cover;

        padding-bottom: 28%;
    }

    .haupttypen .dermakids-v::after {
        background: url(../img/haupttypen-dermakids-divider-mb.webp) no-repeat center / cover;
        content: "";
        position: absolute;
        width: 100%;
        bottom: 0;
        height: 121px;
    }

    .haupttypen .dermakids-v h2 {
        font-size: 38px;
        max-width: 200px;
        margin-bottom: 21px;
        padding-top: 46px;
    }

    .haupttypen .association-img {
        margin-top: 0;
        left: initial;
        right: -61px;
        top: 22px;
        width: 299px;
    }

    .haupttypen .dermakids-v .subtext {
        font-size: 22px;
        max-width: 290px;
    }

    .haupttypen-content p {
        font-size: 14px;
    }

    .haupttypen .dermakids-v #carouseltwo {
        height: auto;
        margin-top: 20px;
    }

    .haupttypen .dermakids-v #carouseltwo .carousel-indicators {
        transform: none;
        justify-content: start;
        margin-left: 30px;
    }

    .types-tabs {
        margin-top: 0;
    }

    .types-tabs .nav .nav-link h5 {
        font-size: 30px;
    }

    .types-tabs .nav-link img {
        width: 100%;
        object-fit: cover;
        height: 100%;
    }

    .types-tabs .nav {
        gap: 8px;
        margin-right: 0;
    }

    .types-tabs .nav .nav-link {
        flex-basis: 22%;
    }

    .types-tabs .nav .nav-link.active {
        flex-basis: 26.5%;
    }

    .types-tabs .nav .nav-link.active h5 {
        font-size: 36px;
    }

    .types-tabs .nav .nav-link.active {
        height: 240px;
        margin-top: 0;
        max-height: 240px;
        border-radius: 20px !important;
        order: -1;
    }

    .types-tabs .nav .nav-link.active p {
        display: none;
    }

    .types-tabs #type-jeb .ebs-layer-img:first-child {
        left: initial;
        right: 0;
        width: calc(100% - 28%);
    }

    .types-tabs #type-ebs .hwh-usp:nth-child(1) {
        width: 130px;
        height: 130px;
        right: 0;
        top: 59px;
    }

    .types-tabs #type-ebs .hwh-usp:nth-child(2) {
        width: 123px;
        height: 123px;
        right: 23px;
        bottom: initial;
        top: 259px;
    }

    .types-tabs #type-ebs .hwh-usp:nth-child(3) {
        width: 177px;
        height: 177px;
        right: 0px;
        bottom: initial;
        top: 470px;
    }

    .types-tabs #type-ebs .hwh-usp:nth-child(3) h5 {
        font-size: 24px !important;
    }

    .types-tabs .tab-content ul {
        max-width: 290px;
    }

    .types-tabs .tab-content ul li {
        line-height: 1.34;
    }

    .types-tabs .tab-content h3 {
        margin-bottom: 46px;
    }

    .types-tabs .tab-content #ebs-carousal {
        max-width: 351px;
        left: -85px;
    }

    .types-tabs .tab-content #ebs-carousal .carousel-indicators {
        flex-direction: row;
        margin-left: -15px !important;
    }

    .types-tabs .tab-content #ebs-carousal .carousel-indicators button:nth-child(2),
    .types-tabs .tab-content #ebs-carousal .carousel-indicators button:nth-child(1) {
        margin-left: 0;
        margin-bottom: 15px !important;

    }

    .types-tabs .tab-content #ebs-carousal .carousel-indicators button:nth-child(1) {

        margin-bottom: 21px !important;
    }

    .types-tabs .bg-box {
        max-height: 1083px;
        background: url(../img/types-tabs-bg-mb.webp) no-repeat center / cover;
        width: 100%;
    }

    .types-tabs .ebs-layer-img:nth-child(2) {
        position: absolute;
        bottom: -15px;
        width: 287px;
        right: 0;
        z-index: 1;
        margin-top: 0;
        margin-bottom: 0;
    }

    .types-tabs .tab-content {

        min-height: 930px;
    }

    .types-tabs {
        margin-bottom: 100px;
    }

    .types-tabs::after {
        background: url(../img/types-tabs-divider-bg-mb.webp) no-repeat center / cover;
        content: "";
        position: absolute;
        width: 100%;
        bottom: -102px;
        height: 83px;
    }

    .inheritance {
        margin-top: 91px;
        background: url(../img/inheritance-bg-mb.webp) no-repeat center / cover;
        padding-bottom: 50px;
        margin-bottom: 174px;
    }

    .inheritance::before {
        background: url(../img/inheritance-divider-bg-mb.webp) no-repeat center / cover;
        content: "";
        position: absolute;
        width: 100%;
        top: -91px;
        height: 91px;
        left: 0;
    }

    .visit-insta .slick-dots li button {
        width: 17px;
        height: 17px;
    }

    .visit-insta {
        position: relative;

    }

    .haupttypen .visit-insta {
        margin-bottom: 110px;
    }

    .haupttypen .visit-insta::after,
    .epidermolysis .visit-insta::after {
        background: url(../img/visit-insta-divider-bg-mb.webp) no-repeat center / cover;
        content: "";
        position: absolute;
        width: 100%;
        bottom: -110px;
        height: 110px;
        left: 0;
    }

    .help-us .donation {
        background: url(../img/help-us-donation-bg-mbl.webp) no-repeat center / cover;

    }

    .inheritance::after {
        background: url(../img/inheritance-divider-bg-mb2.webp) no-repeat center / cover;
        content: "";
        position: absolute;
        width: 100%;
        bottom: -174px;
        height: 174px;
        left: 0;
    }

    .inheritance #carouselthree {
        position: initial;
    }

    .inheritance .bg-box {
        width: 100%;
    }

    .inheritance #carouselthree {
        position: relative;
        width: 100%;
        left: initial;
        top: initial;
        height: auto;
    }

    .inheritance #carouselthree .carousel-indicators {
        margin-right: 30px;
        justify-content: end;
    }

    .inheritance h3 {
        font-size: 38px;
        margin-bottom: 38px;
    }

    .inheritance h4 {
        margin-top: 95px;
        margin-bottom: 25px;
    }

    .inheritance img {
        width: 98%;
    }

    .inheritance #carouselfour {
        width: 280px;
        height: 245px;
        left: 245px;
        bottom: 350px;

    }

    .inheritance #carouselfour .carousel-indicators button:nth-child(2) {
        margin-bottom: 5px !important;
    }

    .inheritance #carouselfour .carousel-indicators {
        margin-right: 78px;
    }

    .haupttypen .about-banner h1 {
        text-align: center;
        font-size: 40px;
        padding-top: 0;
    }

    .haupttypen .about-banner h1 span:first-child {
        margin: 0;
    }

    .haupttypen .banner {
        padding-block: 43px;
    }

    .haupttypen .banner h1::after {

        right: 21px;
        top: -15px;
        width: 74px;
        height: 71px;
        left: initial !important;
    }

    .our-team .prev {
        left: 0;
    }

    .our-team .next {
        right: 0;
    }

    .satzungszweck .our-goal .round-carousal .carousel-indicators {
        flex-direction: row;
        transform: none;
    }

    .satzungszweck .our-goal .round-carousal .carousel-indicators button,
    .satzungszweck .our-goal .round-carousal .carousel-indicators :nth-child(3) {
        margin: 0 !important;
        margin-inline: 3px !important;
    }

    .our-goal {
        padding-top: 20px;
    }

    .satzungszweck .our-goal .carousel-inner {
        max-width: 100%;
    }



    #satzungszweck .our-goal .bg-box {
        width: 100%;
    }

    .satzungszweck .our-goal #carouselfour.round-carousal .carousel-indicators {
        transform: none;
        top: initial;
        z-index: 4 !important;
    }

    #satzungszweck .satzungszweck {
        padding-bottom: 0;
        margin-bottom: 280px;
    }

    .alltag-mit .comparison h2 {
        margin-bottom: 220px;
    }

    .comparison-img img {
        width: auto;
        max-width: fit-content;
        height: 250px;
        object-fit: cover;
    }

    .alltag-mit .comparison {
        background: url('../img/alltag-mit-comparison-mb.webp') no-repeat top / cover;
        position: relative;
    }

    .alltag-mit .comparison::after {
        content: '';
        position: absolute;
        bottom: -158px;
        height: 97px;
        width: 100%;
        background: url('../img/alltag-mit-comparison-mb-before.webp') no-repeat center / cover;
    }

    .alltag-mit .comparison .comparison-item img {

        min-width: 160px;
    }

    .alltag-mit .comparison .comparison-item:nth-child(3) {
        right: 14px;
        top: 101px;
    }

    .alltag-mit .comparison .comparison-item:nth-child(2) {
        top: 144px;
        right: 192px;
    }

    .alltag-mit .comparison .comparison-item:nth-child(8) {
        bottom: -87px;
        right: 45px;
        left: initial;
        background: #fff;
        border-radius: 50%;
        z-index: 2;
        width: 152px;
        height: 139px;
    }

    .alltag-mit .comparison .comparison-item:nth-child(6) {

        left: 43px;

        bottom: 22px;
    }

    .alltag-mit .comparison .comparison-item:nth-child(7) {
        left: 240px;
        bottom: 80px;
    }

    .alltag-mit .comparison .comparison-item:nth-child(8) img {
        width: 180px;

    }

    .comparison-img {
        overflow-x: auto;
        margin-right: 0;
        scrollbar-width: none;
        -ms-overflow-style: none;
        display: flex;
    }

    .comparison-img::-webkit-scrollbar {
        display: none;
    }


    .tab-nav {
        position: relative;
        display: flex;
        gap: 0;
        justify-content: end;
        margin-block: 20px
    }

    .tab-nav button {
        border: 0;
        width: 40px;
        height: 40px;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: transparent;

    }


    .tab-nav button.hidden svg {
        display: none;
    }


    .satzungszweck .our-goal {
        margin-top: 0px;
        padding-bottom: 0;
    }

    .satzungszweck .our-goal .subtext {
        font-size: 25px;
    }

    .satzungszweck .our-goal p {
        font-size: 14px;
    }



    .satzungszweck #carouselthree.carousel {
        left: inherit;
        height: 275px;
        max-width: 320px;
        right: -50px;
        position: absolute;
        top: 56px;
        margin: 0;
    }

    .satzungszweck .our-goal #carouselthree.round-carousal .carousel-indicators :nth-child(2) {
        margin-bottom: -5px !important;
    }





    .satzungszweck .our-goal p span {
        left: 0px;
    }

    .satzungszweck .our-goal p {
        padding-left: 28px;
    }

    .satzungszweck #carouselMob .carousel-indicators {
        margin-left: 30px;
        justify-content: start;
    }

    .satzungszweck .our-goal #carouselthree.round-carousal .carousel-indicators {
        justify-content: center;
        gap: 20px !important;
    }

    .tab-nav button svg {
        width: 20px;
        fill: #E32488;
    }

    .types-tabs #type-deb .ebs-layer-img:nth-child(2) {
        margin-bottom: -10px;
        width: 300px;
    }

    .inheritance #carouselfour .carousel-indicators button:nth-child(1) {
        margin-bottom: 11px !important;
    }

    #agb .terms-content .terms-content-heading span {
        font-size: 30px;

    }

    #nav-home2 .hwh-items .hwh-usp {
        font-size: 15px;
    }

    #datenschutz .terms-heading h2 {
        margin-bottom: 20px !important;
    }
}



@media (max-width: 767px) {
    .anton .anton-heart .carousel-indicators {
        bottom: -28px !important;
    }

    .fundrasing-item img {
        min-width: 100%;
    }

    #umfeld .hwh-items:nth-child(2) .hwh-img::after {
        right: -116px;
        top: -42px;
        width: 451px;
        height: 337px;
        background-size: contain !important;
    }

    .anton .anton-heart .carousel-indicators {
        bottom: -28px !important;
    }

    .fundrasing-item img {
        min-width: 100%;
    }


    .helpInMoscow {
        background: url("../img/helpInMoscow-mb-bg.png") no-repeat center / cover;
    }

    .news {
        padding-top: 92px;
        background: url("../img/news-mb-bg.png") no-repeat center / cover;


    }

    .anton .banner h1 {
        font-size: 40px !important;
        padding-top: 0;
        margin-bottom: 12px;
    }

    .anton .banner .subtext {
        font-size: 30px !important;
        line-height: 1;
    }

    .anton .banner {
        padding-block: 14px 20px;
        background: url(../img/anton-banner-bg-mb.png) no-repeat center / cover;
    }

    .anton .banner h1::before {
        left: -5px;
        top: 32px;
        width: 65px;
        height: 57px;
        bottom: 0;
    }

    .anton .service-banner h1::after {
        right: -48px;
        width: 137px;
        top: -64px;
        bottom: 0;
    }

    .anton .anton-heart {
        padding-top: 0;
        padding-bottom: 52px;
        background: url("../img/anton-heart-mb-bg.png") no-repeat bottom / cover;
    }

    .anton .anton-heart .carousel {
        position: relative;
        margin-inline: -12px;
        width: calc(100% + 24px);
        max-width: calc(100% + 24px);
        height: 100%;
        margin-block: 32px 44px;
        top: initial;
        bottom: initial;
        right: initial;
        left: initial;

    }

    .helpInMoscow .hIM-items .hIM-item:nth-child(1) .hIM-item-objects .hIM-item-object:nth-child(2) .carousel .carousel-indicators {
        position: absolute;
        transform: initial;
        justify-content: end;
        margin: 0;
        width: 100%;
        bottom: -28px !important;
        top: initial;
        right: 34px !important;
    }

    .helpInMoscow .hIM-items .hIM-item:nth-child(1) .hIM-item-objects .hIM-item-object:nth-child(2) {
        position: initial;
    }

    .news .hIM-items .hIM-item:nth-child(1) .hIM-item-objects .hIM-item-object:nth-child(2) {
        position: initial;
    }

    .news .hIM-items .hIM-item:nth-child(1) {
        padding-bottom: 0;
    }

    .farewell h5 {
        font-size: 36px;
        margin-bottom: 13px;
        line-height: 1;
    }

    .farewell .farewell-content {
        padding-left: 0;
        width: initial;
    }

    .farewell .farewell-img {
        top: 109px;
        left: -173px;
        width: 446px;
    }

    .fundraising {
        background: url("../img/fundraising-bgmb.png") no-repeat center / cover;
    }

    .fundraising .fundraising-items .fundrasing-item:nth-child(2),
    .helpInMoscow .hIM-items .hIM-item:nth-child(1) .hIM-item-objects .hIM-item-object:nth-child(2) .carousel,
    .news .hIM-items .hIM-item:nth-child(1) .hIM-item-objects .hIM-item-object:nth-child(2) .carousel {
        margin-inline: -12px;
        width: calc(100% + 24px);
        max-width: calc(100% + 24px);
        height: 100%;
        position: initial;
    }

    .fundraising .fundraising-content {
        padding-left: 0;
        padding-top: 26px;
        padding-bottom: 0;
    }

    .helpInMoscow .hIM-items .hIM-item:nth-child(1) {
        padding-top: 69px;
        margin-bottom: 0;
    }

    .news .hIM-items .hIM-item:nth-child(1) {
        padding-left: 0;
        padding-bottom: 0;
    }

    .farewell {
        padding-block: 35px;
        background: url("../img/farewell-bg-mb.png") no-repeat center / cover;
    }

    .anton .info-cards {
        padding-block: 96px;
        background: url("../img/anton-info-cards-mb-bg.png") no-repeat center / cover;
    }

    .anton .info-card {
        margin-bottom: 23px;
    }

    .farewell p {
        font-size: 14px;
        max-width: initial;
    }

    .farewell .shape-helper {
        shape-outside: circle(125px at left center);
        -webkit-shape-outside: circle(186px at left center)
    }

    .helpInMoscow .hIM-items h5,
    .news .hIM-items h5 {
        font-size: 36px;
        margin-bottom: 12px;
        line-height: 1;
    }

    .news .hIM-items .hIM-item:nth-child(1) p {
        max-width: 423px;
        margin-bottom: 213px;
    }

    .news-divider {
        height: 110px;
        background: url(../img/news-divider.webp) no-repeat center / cover;
    }

    .news .hIM-items .hIM-item:nth-child(1) .shape-helper {
        float: left;
        shape-outside: circle(125px at left center);
        -webkit-shape-outside: circle(151px at left center);
    }

    .news .hIM-items .hIM-item:nth-child(1) .hIM-item-objects .hIM-item-object:nth-child(1) {
        top: 120px;
        left: -84px;
        width: 254px;
    }

    .helpInMoscow .hIM-items h3 {
        font-size: 38px;
        margin-bottom: 28px;
    }

    .helpInMoscow .hIM-items span {
        font-size: 27px;
        max-width: 245px;
    }

    .helpInMoscow .hIM-items span {
        font-size: 27px;
        max-width: 245px;
        margin-bottom: 16px;
        line-height: 23px;
    }

    .helpInMoscow .hIM-items p {
        max-width: initial;
        margin-bottom: 31px;
    }

    .helpInMoscow .hIM-items .hIM-item:nth-child(1) .hIM-item-objects .hIM-item-object:nth-child(1) {
        width: 320px;
        top: 22px;
        right: -103px;
    }

    .fundraising h3 {
        font-size: 30px;
        line-height: 1;
        margin-bottom: 16px;
    }

    .fundraising p {
        font-size: 14px;
        max-width: 242px;
        margin-bottom: 23px;
    }

    .fundraising .fundraising-items .fundrasing-item:nth-child(1) {
        width: 421px;
        top: 0;
        right: -129px;
    }

    .anton .anton-heart .carousel-indicators,
    .news .hIM-items .hIM-item:nth-child(1) .hIM-item-objects .hIM-item-object:nth-child(2) .carousel-indicators {
        position: absolute;
        transform: inherit;
        margin-left: 0;
        margin-top: 15px !important;
        top: initial;
        left: 34px !important;
        right: 0;
        bottom: -27px !important;
    }

    .anton .info-card p {
        height: 64px;
    }

    .anton .anton-heart .round-carousal .carousel-indicators button {
        margin: 0;
    }

    .anton .anton-heart h2 {
        font-size: 38px;
        margin-bottom: 24px;
    }

    .anton .anton-heart p {
        max-width: 350px;
    }

    .alltag-mit .comparison .comparison-content {
        padding-bottom: 228px;
    }

    #nav-ernahrungsberatung .round-carousal .carousel-indicators {
        left: -53px;
    }

    .shop .info-card p {
        max-width: 300px;
        font-size: 14px;
    }

    .help-affected .info-card p {

        height: 60px;
    }

    .info-card .card-content span.read-more {
        font-size: 14px;

        position: absolute;
        right: 25px;
        bottom: 20px;
    }

    .epidermolysis .banner {
        background: url(../img/epidermolysis-banner.webp) no-repeat scroll 0 0 / cover;
    }


    #satzungszweck .service-banner,
    #impressum .service-banner,
    #datenschutz .service-banner {
        background: url(../img/satzungszweck-banner-bg.webp) no-repeat scroll 0 0 / cover;
    }

    .satzungszweck-divider {
        display: none;
    }

    .satzungszweck p {
        font-size: 14px;
        padding-bottom: 20px;
    }

    .satzungszweck .our-goal #carouselfour {
        left: 0;
        bottom: 0;
        right: 0;
        margin-top: 0;
    }

    .alltag-mit .comparison .bg-box {
        width: 100%;
    }

    .alltag-mit .comparison .comparison-carousal {

        position: initial;
        width: 100%;
        z-index: 1;
        position: relative;
        bottom: initial;
        top: initial;
        right: initial;
        left: initial;
    }

    .alltag-mit .comparison .round-carousal .carousel-indicators {
        margin-right: 34px;
        justify-content: end;
    }

    .non-profit-content .no-profit-items:nth-child(2) .no-profit-item p {
        max-width: 100%;
        width: 100%;
        text-align: left;
    }

    .non-profit-content .no-profit-img {
        width: 300px;
        right: -47px;
        bottom: 20px;
        top: initial;
        left: initial;
    }

    .non-profit-content .no-profit-items .no-profit-img,
    .non-profit-content .no-profit-items .no-profit-img.top-img {
        width: 187px;
        top: -67px;
        right: -18px;
        height: auto;
        bottom: initial;
    }



    #checkout .about-banner h1 {
        font-size: 38px !important;
    }

    .cart-summary li {
        font-size: 18px;
    }

    #checkout .kontakt-form .btn-group {
        position: initial;
        gap: 13px;
        padding-inline: 0;
    }

    #checkout .kontakt-form .theme-btn {
        padding: 16px 14px;
    }

    #checkout .banner .subtext {
        font-size: 30px !important;
    }

}


@media (max-width: 768px) {
    .contact-btns.desktop-btns {
        display: none;
    }

    footer::after {

        right: 12%;
    }

    .kontakt-side-img {
        top: -67px;
        width: 261px;
    }

    .menufixcustom .breadcrumb-item,
    .menufixcustom .breadcrumb-item a {
        color: #E32488 !important;
    }

    .menufixcustom .breadcrumb-item+.breadcrumb-item::before {
        background-color: #bae4ec;
        border: 1px solid #81cada;
    }

    #contact-toggle {
        position: fixed;
        left: 12px;
        bottom: 42px;
        z-index: 999;
        background-color: #fff;
        padding: 10px;
        border-radius: 20px;
        bottom: -16px;
        border: 1px solid #e32488;
        transform: translateY(-50%);
        width: 72px;
        box-shadow: 0 0 20px rgb(183 183 183 / 60%);
        display: flex;
        align-items: center;
        justify-content: center;

    }

    #contact-toggle.active {
        border-radius: 0 0 20px 20px;
    }

    #contact-toggle .close {
        display: none;
    }

    #contact-toggle.active .close {
        display: block;
        min-width: 35px;
        width: 35px;
    }

    #contact-toggle.active .open {
        display: none;
    }

    .contact-link[data-target="phone"] {
        background-color: #7f0e87;
    }

    .contact-link[data-target="calender"] {
        background-color: #e32487;
    }

    .contact-link[data-target="mail"] {
        background-color: #1ea4e3;
    }

    .contact-link[data-target="whatsapp"] {
        background-color: #e32487;
    }

    .contact-link[data-target="telegram"] {
        background-color: #49c1d6;
    }

    .contact .kontakt-form .btn-group,
    .contact .form-body .btn-group {
        position: initial;
        padding: 0;
    }

    #whatsapp .theme-btn {
        padding: 20px 15px !important;
    }

    .shop .about-banner {
        padding-block: 25px;
        background: url('../img/shop-banner-mb.webp') no-repeat;
        background-size: cover;
    }

    #checkout.shop .about-banner {
        background-size: contain;
        background: none;

    }

    .alert-bg {
        padding-block: 20px;
        background: url('../img/shop-banner-mb.webp') no-repeat;
        background-size: cover;
    }

    #checkout .banner .kontakt-form {
        margin-top: 0;
        padding-top: 40px;
    }

    .contact-item.active form input,
    .contact-item.active form textarea {
        padding-bottom: 10px
    }

    .contact {



        flex-direction: row;
        left: 50%;

        bottom: 0;

        top: initial;

        background-color: #fff;

        padding: 10px 30px;

        border-radius: 20px;

        transform: translate(-50%, -50%);

        justify-content: center;

        gap: 40px;
        box-shadow: 0 0 60px rgba(148, 73, 212, 0.2);

        z-index: 9999;
        width: 100%;

        position: initial;
        transform: none;
        padding: 0;
    }

    .contact-btns {

        display: flex;
        flex-direction: column;
        position: fixed;
        top: 45%;

        gap: 4px;
        z-index: 99;
        left: initial;
        left: 12px;
        bottom: 88px;
        top: initial;
        background-color: #fff;
        padding: 20px 10px;
        border-radius: 20px 20px 0 0;
        transform: none;
        justify-content: end;
        gap: 25px;
        box-shadow: none;
        z-index: 9999;
        transition: transform 0.3s ease;

    }

    .contact-btns .icon-wrap {
        display: flex;
        flex-direction: column;
        gap: 4px;
        justify-content: center;
        gap: 25px;
        min-height: 350px;
    }

    #contact-toggle .open {
        max-width: 35px;
        min-width: 35px;
    }

    .contact-menu {
        overflow: hidden;
        height: 0;
        transition: all 0.4s ease;
        border-radius: 0;
        padding-block: 0;
    }

    /* Add when menu should open */
    .contact-menu.open {
        padding-block: 20px;
        border-radius: 20px 20px 0 0;
        border-left: 1px solid #e32488;
        border-top: 1px solid #e32488;
        border-right: 1px solid #e32488;
        box-shadow:
            0 -10px 20px -10px rgba(183, 183, 183, 0.6),
            /* oben */
            -10px 0 20px -10px rgba(183, 183, 183, 0.6),
            /* links */
            10px 0 20px -10px rgba(183, 183, 183, 0.6);
        /* rechts */
        height: 390px;
        bottom: 89px;
    }

    .contact-btns.move-down {
        transform: translateY(500px);
    }



    .contact form {


        padding: 0 !important;
        border-radius: 12px;
        max-width: 100%;
        left: 0;


    }

    .contact form::after {
        display: inline-block;
        margin-left: .255em;
        vertical-align: .255em;
        content: "";
        /* border-top: 10px solid #7D0E86; */
        /* Updated color here */
        border-right: 12px solid rgba(0, 0, 0, 0);
        border-bottom: 0;
        border-left: 12px solid rgba(0, 0, 0, 0);
        position: absolute;
        left: 40px;
        bottom: -9px;
        cursor: pointer;
    }

    #cart-popup {
        width: 100%;
    }

    #whatsapp form::after,
    #telegram form::after {
        left: initial;
        right: 14%;
        border-top: 10px solid #1DA4E4;
        display: none;
    }






    #phone p {

        font-size: 14px;



        max-width: 289px;

    }



    .contact-item .form-img img {

        min-width: 177px;

        height: 171px;

    }



    #phone h4 {

        margin-bottom: 0;

    }



    .contact-item span {

        padding-top: 12px;

        color: #fff;

        display: block;

        font-size: 18px;

    }



    #phone h4 a {

        font-size: 36px;

    }



    #phone h4::before {

        width: 96px;

        height: 80px;

        background-size: contain;



        left: -80px;

    }



    .contact .contact-item .form-img {

        bottom: 13px !important;

        right: -20px;



    }



    #mail .form-img {

        right: 0;

    }



    .contact-item.active .cross-icon {



        position: absolute;

        min-width: 24px;

        top: 18px;
        right: 22px;
        padding: 0;

    }

    .contact .kontakt-form,
    .contact .form-body {
        max-height: calc(100vh - 193px);
        overflow-y: auto;
    }

    .contact-header h5 {
        color: #fff;
    }



    .contact-form-wrap {

        background-color: #fff;

        border-radius: 12px;

    }



    .contact-dropdown-menu {

        position: absolute;

        right: 0px;

        bottom: 97px;

        display: flex;

        flex-direction: column;

        gap: 10px;

        background: #fff;

        width: 126px;

        align-items: center;

        padding-block: 30px;

        border-radius: 20px;

    }



    .contact-item.active .contact-link {

        width: auto;

        padding-right: 0;

    }



    .contact-item.active form {

        position: fixed;
        left: 50%;
        width: 95%;
        top: 50%;
        bottom: initial;
        transform: translate(-50%, -50%);
        z-index: 9999999;
        border-radius: 10px;
        overflow: hidden;

    }



    #phone h2 {

        font-size: 38px;

        text-align: center;

        padding-top: 19px;
        margin-bottom: 14px;

    }



    #phone h2 a {

        font-size: 38px;

    }



    #phone h2::before {



        top: -10px;
        width: 55px;
        right: -20px;

    }



    .contact img {

        min-width: 50px;

        min-width: 50px;

        height: 50px;

        border-radius: 0;

        padding: 8px;
    }

    .contact-link {

        border-radius: 10px;
    }

    .contact #contact-toggle img {
        padding: 0;
    }








    #mail form {

        background-color: #1DA4E4;

    }

    #mail form::after {

        border-top: 10px solid #1DA4E4;
        left: 34%;
        display: none;
    }



    #mail .contact-form-wrap {

        padding: 13px 17px;

    }






    #calender .contact-form-wrap {

        padding: 13px 17px;

    }



    .contact-dropdown-menu .contact-item.active form {

        background-color: #1DA4E4;

    }



    .contact-dropdown-menu .contact-item.active .contact-form-wrap {

        padding: 13px 17px;

    }



    #messages .theme-btn {

        margin-bottom: 0;

    }



    .contact-dropdown-menu .close-icon {

        position: absolute;

        top: 8px;

        left: 9px;

        width: 15px;

        height: 15px;
        z-index: 1;

    }



    .contact-dropdown-menu .close-icon img {

        width: 15px;

        height: 15px;

        min-width: 15px;

    }



    .kontakt-content::after {
        left: initial;
        right: -23px;

    }

    .kontakt-bottom {
        top: 1110px;
    }
}





.hilfsprojekte .help-offers .info-card p {
    color: #fff;
}

@media (min-width: 576px) {
    .hilfsprojekte .help-offers .info-card p {

        margin-bottom: 65px;
    }

}



@media (min-width: 768px) {
    .my-slider {
        display: none;
    }
}









@media (max-width: 576px) {
    .news {
        background-size: initial;
    }

    .navbar-toggle.collapse.show {

        width: 198px ! Important;

    }

    .donation-option .dO-item:nth-child(1) {
        order: 1;
    }

    .donation-option .dO-item:nth-child(4) {
        order: 2;

        max-width: 100% !important;
    }

    .donation-option .dO-item:nth-child(3) {
        order: 3;
        max-width: 100% !important;
        width: 100% !important;

    }

    .datenschutz .terms-heading p {
        font-size: 14px;
    }

    .donation-option .dO-item:nth-child(5) {
        order: 4;
    }

    .donation-option .dO-item:nth-child(6) {
        order: 5;
    }

    .dk-book p {
        max-width: 310px;
        line-height: 1.4;
        margin-right: 10px;
    }

    .how-we-help .tab-content .service-nav ul li p::before {
        top: 5px;
    }


    .dk-book::after {
        content: "";
        position: absolute;
        top: 171px;
        left: 385px;
        width: 60px;
        height: 68px;
        background: url(../img/dk-mbl-object.png) no-repeat center / cover;
    }

    .help-us .banner {

        padding-block: 34px;
    }

    .nbsp {
        display: none;
    }

    #satzungszweck .banner-contents h1:nth-child(1) {
        margin: 0 !important;
        max-width: 100%;
    }


    #about-us .our-team::after {
        display: none;
    }

    #about-us .team-heading {
        padding-top: 15px;
        margin-bottom: 0;

    }

    #about-us .team-heading h3 {
        font-size: 38px;
        margin-bottom: 8px;
        margin-top: 20px;
    }

    #about-us .our-team-content .subtext {
        font-size: 28px;
    }

    #about-us .our-team-content p {
        font-size: 14px;
    }

    #about-us .service-banner h1 {
        padding-top: 0;

        margin-bottom: 10px;
    }

    #about-us .about-banner {

        padding-block: 20px;
    }

    .non-profit-content h3 {

        max-width: 254px;
        margin-left: 0;
    }

    .shop-section .shop-section-item {
        margin-inline: 6px;
        width: 154px !important;

    }

    .alltag-mit .help-offers .help-offer-img {
        position: absolute;
        width: 256px;
        height: 304px;
        top: 278px;
        left: 278px;
    }

    .shop-section-item h6 {
        font-size: 26px;
    }

    .shop-section .shop-section-item img {
        width: 130px !important;
        margin: auto;
        height: 130px !important;
    }

    .our-goal .btn-group {
        gap: 20px;
        justify-content: center
    }

    .about-banner h1 {
        margin-bottom: 10px
    }

    .about-banner .subtext {
        padding-right: 20px
    }

    #nav-ernahrungsberatung .nav-case-heading h5 {

        max-width: 234px;
    }

    .navbar .nav-item.dropdown::after {

        display: inline-block;

        margin-left: .255em;

        vertical-align: .255em;

        content: "";

        border-top: .3em solid;

        border-right: .3em solid rgba(0, 0, 0, 0);

        border-bottom: 0;

        border-left: .3em solid rgba(0, 0, 0, 0);

        position: absolute;

        right: 23px;

        top: 16px;

        cursor: pointer;

    }

    .dropdown-submenu::after {
        right: 23px;
    }

    .banner .round-carousal {

        margin-top: 0;

    }




    .navbar-toggle.collapse.show {

        width: 228px !important;

        position: initial;

    }



    .navbar-collapse {

        min-width: 261px;

    }



    .banner h1 {

        padding-top: 22px;
        margin-bottom: 25px;

    }



    /* #unser-verein::before {

        background: url(../img/unser-verein-bg-mbl.png) top left / contain;



    } */







    .approach .approach-heading h3 {

        font-size: 33px;

    }



    .our-goal-content p {



        font-size: 14px;

        line-height: 1.5;

        max-width: 343px;

    }



    .our-goal-content p a {

        display: inline;

        text-align: end;

        font-size: 14px;

        margin-top: 7px;

        font-weight: 400;

    }



    .our-goal .round-carousal {

        margin-inline: -12px;

        width: calc(100% + 24px);

        max-width: calc(100% + 24px);

    }



    .our-goal .round-carousal .carousel-indicators {

        margin-left: 30px;

        margin-right: auto;

        justify-content: start;

        top: initial;


    }



    .services .round-carousal .carousel-indicators {

        margin-right: 30px;

        margin-left: auto;

        justify-content: end;

        top: initial;

        bottom: -32px !important;

    }



    .our-club .dermakids-v p {

        font-size: 16px;

    }



    #unser-verein.our-club .dermakids-v p {

        max-width: 350px;
        font-size: 14px;

    }

    .info-card p,
    .info-card a {
        font-size: 14px;
    }

    .info-card {
        height: auto;
        padding-bottom: 29px
    }
















    .banner h1::before {



        width: 100px;



    }







    .banner .round-carousal::before {







        right: -27px;



    }







    header .container {

        padding-left: 18px;

        padding-right: 18px;

    }



    .services p {

        margin-right: 150px;
        letter-spacing: initial;
        font-size: 14px;
    }



    .-mx-sm-12 {

        margin-inline: -12px !important;

        width: calc(100% + 24px) !important;

        max-width: calc(100% + 24px) !important;

    }



    .dermakids-v .subtext,

    .help-affected .help-offers .subtext {

        max-width: 323px;

    }

    .help-affected .help-offers .subtext {
        margin-bottom: 10px
    }

    .services .round-carousal {
        margin-top: 20px
    }

    .services .round-carousal .carousel-indicators {
        gap: 10px !important
    }

    .services {

        padding: 70px 0 150px;
    }

    .services-box a {
        position: relative;
        padding-right: 10px
    }

    .services-box a::after {
        display: inline-block;
        margin-left: .255em;
        vertical-align: .255em;
        content: "";
        border-top: .4em solid;
        border-right: .4em solid rgba(0, 0, 0, 0);
        border-bottom: 0;
        border-left: .4em solid rgba(0, 0, 0, 0);
        position: absolute;
        right: -14px;
        top: 8px;
        cursor: pointer;
        rotate: 270deg;
    }

    .divider .left {

        max-width: 54px;
    }

    .divider .right {
        max-width: 29px;
    }

    .service-banner h1 {
        font-size: 38px !important;
    }

    .service-banner h1 span {
        font-size: 38px !important;
    }

    .service-banner .subtext {
        font-size: 34px !important;
        line-height: 28px;
    }

    .association-img,
    .help-affected .help-offer-img {

        width: 235px;

        left: 205px;
    }

    .banner::after {

        display: none
    }

    .banner .round-carousal::before {
        background: url(../img/banner-divider-mbl.webp) no-repeat top center / cover;
        width: 100%;
        height: 113px;
        position: absolute;
        bottom: -113px;
        left: 0;
    }

    .eb-meeting {
        background: url(../img/meeting-bg-mbl.webp) no-repeat top center / cover;
    }

    footer {
        background: url(../img/footer-bg-mbl.webp) no-repeat top center / cover;
        padding-bottom: 120px;
    }

    .eb-meeting h3 {

        max-width: 380px;
        text-align: center;
    }

    #unser-verein::before {
        display: none
    }

    .our-club .customers-testimonial {
        position: relative
    }

    .our-club .customers-testimonial::before {
        content: "";
        background: url(../img/unser-divider-bg-mbl.webp) no-repeat top center / cover;
        width: 100%;
        height: 88px;
        position: absolute;
        bottom: -88px;
        left: 0;

    }

    .services {
        background: url(../img/services-bg-mbl.webp) no-repeat bottom center / cover;
    }

    .hm-divider {
        background: url(../img/hm-divider-bg-mbl.webp) no-repeat top center / cover;
        height: 180px
    }

    .hm-divider-2 {
        background: url(../img/hm-divider-2-bg-mbl.webp) no-repeat top center / cover;
    }

    .visit-insta {
        background: url(../img/visit-insta-bg-mbl.webp) no-repeat top center / cover;
    }

    .hm-divider img,
    .hm-divider-2 img {
        display: none
    }

    .our-club .about-banner {
        background: url(../img/unserVerein-banner-bg.webp) no-repeat top center / cover;
    }

    .our-club .dermakids-v {
        background: url(../img/dermakids-bg-mbl.webp) no-repeat top center / contain;
    }

    .dermakids-mbl-object {
        width: 100%;
        height: 210px;
        position: absolute;
        pointer-events: none;
        bottom: 0;
        background: url(../img/dermakids-object-mbl-bg.webp) no-repeat top center / cover;
        z-index: 0;

    }

    .our-club .donation-info {
        background: url(../img/donation-info-bg-mbl.webp) no-repeat top center / cover;
    }

    .help-affected .advice-banner {
        background: url(../img/hilfsangebote-bg-mbl.webp) no-repeat top center / cover;
    }

    .help-affected .help-offers {
        background: url(../img/help-offers-bg-mbl.webp) no-repeat top center / cover;
    }

    .help-affected .how-we-help {
        position: relative;
        background: url(../img/how-we-help-bg-mbl.png) no-repeat top center / cover;
        margin-bottom: 17%;
    }

    .hwh-items:nth-child(1) .hwh-img::after {
        width: 500px;
        height: 399px;
        right: -149px;
        top: -16px;
        z-index: -99999;
    }

    .how-we-help .tab-content .service-nav .nav-case-items .nav-case-item {
        z-index: 4 !important;
    }

    .help-affected .how-we-help::before {
        content: "";
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        background: url(../img/how-we-help-bg-mbl.webp) no-repeat top center / cover;
        margin-bottom: 0;
        z-index: -1
    }

    .help-affected .donation-info {
        background: url(../img/help-affected-donation-info-mbl.webp) no-repeat bottom center / cover;
    }



    .help-affected .help-offers p {


        max-width: 320px;
    }

    .kontakt-info,
    .kontakt-form {
        max-width: 100%;
    }

    .kontakt-content {
        padding-top: 0;
    }

    .kontakt-info {
        margin-top: 50px;
        padding-inline: 35px;
        padding-block: 12px;
        position: relative;

    }

    .kontakt-content.fixtopspace.active {
        padding-top: 38px;
    }

    .kontakt-info .dermakids-logo {
        margin-bottom: 25px;

        z-index: 1;
        position: relative;

    }

    .kontakt-info::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: url(../img/kontakt-info-bg-mbl.webp) no-repeat top center / cover;
        pointer-events: none;

    }



    .kontakt-content .container {
        padding: 0;
    }

    .kontakt-content .breadcrumb {
        padding-inline: 12px;
    }

    .kontakt-info p {
        font-size: 13px;
        margin-bottom: 12px;
        z-index: 1;
        position: relative;

    }



    #kontakt .kontakt-content {
        background: none;
    }

    #kontakt .kontakt-content::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 90px;
        background: url(../img/kontakt-divider-bg-mbl.webp) no-repeat top center / cover;
        pointer-events: none;

    }

    #kontakt .kontakt-content .container::after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 135px;
        background: url(../img/kontakt-divider2-bg-mbl.webp) no-repeat top center / cover;
        pointer-events: none;

    }

    .kontakt-side-img {

        left: 188px;
        right: initial;
        top: -48px;
        width: 266px;
    }

    #kontakt .service-banner {
        background: url(../img/kontakt-banner-bg-mbl.webp) no-repeat top center / cover;
    }

    .kontakt-form .form-control {
        font-size: 14px;
    }

    .kontakt-form span,
    .kontakt-form span a,
    .kontakt-form label {
        font-size: 11px;
        line-height: 13px;
    }

    #kontakt .kontakt-form {
        background: url(../img/kontakt-form-bg-mbl.webp) no-repeat top center / cover;
    }

    .haupttypen .about-banner {
        background: url(../img/haupttypen-banner-bg.webp) no-repeat top center / cover;
    }

    #satzungszweck .service-banner h1,
    .kontakt .service-banner h1 {
        font-size: 30px !important;
        padding-top: 0;
    }

    #satzungszweck .service-banner h1 span,
    #satzungszweck .service-banner h1 strong,
    .kontakt .service-banner h1 span,
    .kontakt .service-banner h1 strong,
    #impressum .service-banner h1 span,
    #impressum .service-banner h1 strong,
    #agb .service-banner h1 span,
    #agb .service-banner h1 strong {
        font-size: 34px !important;
        margin-block: 0 !important;
    }




    .epidermolysis .banner {
        padding-block: 15px;
    }

    .epidermolysis .banner h1::after {
        width: 107px;
        height: 89px;
        bottom: -70px;
        right: 56px;
    }

    .epidermolysis .banner h1 span {
        font-size: 50px !important;
    }

    .epidermolysis .banner h1 {
        font-size: 40px !important;
    }

    .epidermolysis .banner {

        padding-block: 42px;
    }

    .epidermolysis .banner h1::after {
        width: 107px;
        height: 89px;
        bottom: -70px;
        right: 56px;
    }

    .epidermolysis .banner h1 span {
        font-size: 42px !important;
    }

    .epidermolysis .banner h1 {
        font-size: 34px !important;
    }

    .alltag-mit .service-banner {
        background: url(../img/altag-banner-bg-mbl.webp) no-repeat scroll 0 0 / cover;
    }

    .navbar-toggle.collapse.show {
        width: auto !important;
    }


    .satzungszweck-banner.service-banner h1::after,
    #impressum .service-banner h1::after,
    #datenschutz .service-banner h1::after,
    #agb .service-banner h1::after {
        left: 10px;
        rotate: 137deg;
        width: 120px;
        height: 120px;
        bottom: -49px;
    }

    #kontakt .about-banner h1::before {
        content: none;
    }

    #kontakt .about-banner h1::after {
        background: url(../img/heading-after.svg);
        background-size: contain;
        left: 10px !important;
        rotate: 137deg;
        width: 120px;
        height: 120px;
        bottom: -49px !important;
        top: inherit;
    }

    .impressum .carousel {
        margin-top: 0;
        padding-top: 20px;
    }

    .impressum .fixtopspace.active {
        margin-top: 36px;
    }

    #cart-items strong {

        font-size: 18px;
        display: inline-block;
    }

    #cart-items {

        font-size: 16px;
    }

    #cart-items button svg {
        width: 12px;
        height: 12px;
    }

    .satzungszweck .our-goal-content {
        padding-top: 100px;
    }

    #satzungszweck .banner-contents h1:nth-child(1) span {
        padding: 0;
    }


    #satzungszweck .bc-imgshape img {
        top: -39px;
        left: -85px;
        max-width: 114px;
    }

    #satzungszweck .bc-imgshape {
        margin-left: 50px !important;
        padding-bottom: 0 !important;
        margin-top: 5px !important;
    }

    #datenschutz .service-banner,
    #impressum .service-banner,
    #agb .service-banner,
    #satzungszweck .service-banner,
    .kontakt .service-banner {
        padding-block: 18px !important;
    }

    #satzungszweck .satzungszweck {
        padding-top: 0px;
    }



    .how-we-help #umfeld #nav-Pflegedienste .service-nav .nav-list {
        max-width: 397px;
    }

    .how-we-help #nav-Pflegedienste .service-nav .nav-case-items .nav-case-item:nth-child(5) {
        bottom: 206px;
    }

    .how-we-help #nav-Kita .service-nav .nav-case-items .nav-case-item:nth-child(2) {
        width: 323px;
    }

    .how-we-help #umfeld #nav-offentlichkeit .service-nav .nav-list p {
        max-width: 345px !important;
    }

    #nav-offentlichkeit .service-nav .nav-case-items .nav-case-item:nth-child(4) {

        bottom: 475px;
    }

    .how-we-help #nav-krankenkassen .service-nav .nav-case-items .nav-case-item:nth-child(3) {
        width: 190px;
        height: 189px;
        left: 232px;
        bottom: 297px;
    }

    .our-club .info-card p {

        height: 100px;
    }

    .shop-slider .slick-slide {
        width: 175px !important;
        /* fixed width for each item */
    }

    .shop-slider .slick-dots li button {
        background: transparent;

        border: 1px solid #48C0D5;
    }

    .donation-option .dO-item {
        max-width: 100% !important;
        width: 100% !important;
    }

    .shop .infoflyer .shop-item-price {
        right: 100px !important;
        bottom: 36px !important;
    }

    .help-affected .info-card h6 {
        margin-bottom: 35px;
        max-width: calc(100% - 60px);
        line-height: 30px;
        font-size: 44px;
    }
}

@media (max-width: 576px) {
    .heartfelt-tabs .tab-content #gifts {
        padding-top: 148px;
    }

    .individual-assistance .info-card {
        height: 221px;
        padding-bottom: 20px;
    }

    .individual-assistance .individual-assistance-tabs #help-home-content .tab-items .tab-item:nth-child(2) .hhT-objects .hhT-object:nth-child(5) {
        bottom: 12px;
    }

    .individual-assistance .info-card p {
        height: 80px;
    }

    .individual-assistance .donation-info {
        padding-block: 88px 68px;
    }

    .nav-bottom-tab {

        padding-block: 15px;
        background-color: white;

        a {
            font-size: 14px;
            display: block;
            line-height: 1.22;
            padding-right: 24px;

        }
    }

    .nav-bottom-tab a:nth-child(1) {
        padding-left: 24px;

    }

    .nav-bottom-tab a:nth-child(2):before {
        right: 0;
        left: initial;
    }

    .nav-bottom-tab a:nth-child(1):after {
        left: 0;
        right: initial;
    }

    #help-home-content .nav-bottom-tab a::before {
        right: 0;
        left: initial;
    }

    .individual-assistance .individual-assistance-tabs #safe-mobility-content h3 {
        padding-bottom: 0;
        margin-bottom: 65px;
    }

    .individual-assistance .individual-assistance-tabs #safe-mobility-content .tab-items .tab-item:nth-child(1) {
        padding-left: 0;
        padding-bottom: 340px;
    }

    .individual-assistance .individual-assistance-tabs #safe-mobility-content .tab-items .tab-item:nth-child(1) .hhT-objects .hhT-object:nth-child(1) {
        top: initial;
        right: -119px;
        width: 413px;
        bottom: 145px;
    }

    .individual-assistance .individual-assistance-tabs #safe-mobility-content .tab-items .tab-item:nth-child(1) .hhT-objects .hhT-object:nth-child(2) .carousel {
        width: 283px;
        height: 283px;
    }

    .individual-assistance .individual-assistance-tabs #safe-mobility-content .tab-items .tab-item:nth-child(1) .hhT-objects .hhT-object:nth-child(2) {
        top: initial;
        left: -29px;
        bottom: 66px;
    }

    .individual-assistance .individual-assistance-tabs #safe-mobility-content .tab-items .tab-item:nth-child(1) .hhT-objects .hhT-object:nth-child(2) .carousel .carousel-indicators {
        bottom: 29px !important;
        right: 43px !important;
        width: fit-content;
        height: fit-content;
        left: inherit !important;
        transform: rotate(341deg);
    }

    .individual-assistance .individual-assistance-tabs #safe-mobility-content .tab-items .tab-item:nth-child(2) .hhT-objects .hhT-object:nth-child(2) {
        top: -109px;
        width: 126px !important;
        height: 126px !important;
        right: 107px;
    }

    .individual-assistance .individual-assistance-tabs #safe-mobility-content .tab-items .tab-item:nth-child(2) .hhT-objects .hhT-object:nth-child(1) .carousel {
        width: 352px;
        height: 353px;
    }

    .individual-assistance .individual-assistance-tabs #safe-mobility-content .tab-items .tab-item:nth-child(2) .hhT-objects .hhT-object:nth-child(1) {
        top: -11px;
        right: -53px;
    }

    .individual-assistance .individual-assistance-tabs #safe-mobility-content .tab-items .tab-item:nth-child(2) .hhT-objects .hhT-object:nth-child(1) .carousel .carousel-indicators {
        width: fit-content;
        height: fit-content;
        left: initial !important;
        right: 0px !important;
        transform: rotate(326deg);
        bottom: 48px !important;
    }

    .individual-assistance .individual-assistance-tabs #safe-mobility-content .tab-items .tab-item:nth-child(1) .hhT-objects .hhT-object:nth-child(3) {
        top: -54px;
        right: 24px;
        left: initial;
    }

    .individual-assistance .individual-assistance-tabs #safe-mobility-content .tab-items .tab-item:nth-child(3) .hhT-objects .hhT-object:nth-child(1) {
        top: -71px;
        left: -40px;
        width: 244px;
        height: 244px;
    }

    .individual-assistance .individual-assistance-tabs #safe-mobility-content .tab-items .tab-item:nth-child(3) {
        padding-right: 0;
        padding-bottom: 161px;
        padding-left: 112px;
        max-width: fit-content;
    }

    .individual-assistance .individual-assistance-tabs #safe-mobility-content .tab-items .tab-item:nth-child(3) .shape-helper {
        -webkit-shape-outside: circle(94px at left center);
        height: 163px;


    }

    .individual-assistance .individual-assistance-tabs #safe-mobility-content .tab-items .tab-item:nth-child(4) .hhT-objects .hhT-object:nth-child(1) {
        top: -77px;
        right: -108px;
        width: 370px;
        height: auto;
    }

    .individual-assistance .individual-assistance-tabs #safe-mobility-content .tab-items .tab-item:nth-child(4) {
        padding-bottom: 144px;
    }

    .individual-assistance .individual-assistance-tabs #safe-mobility-content .tab-items .tab-item:nth-child(5) {
        padding: 0px 0px 322px 0;
        max-width: 262px;
        margin-left: auto;

    }

    .individual-assistance .individual-assistance-tabs #safe-mobility-content .tab-items .tab-item:nth-child(5) .hhT-objects .hhT-object:nth-child(1) {
        top: -149px;
        left: -268px;
        width: 362px;
    }

    .individual-assistance .individual-assistance-tabs #safe-mobility-content .tab-items .tab-item:nth-child(4) .hhT-objects .hhT-object:nth-child(2) {
        bottom: 57px;
        left: 199px;
        width: 90px !important;
        height: 90px ! IMPORTANT;
    }

    .individual-assistance .individual-assistance-tabs #safe-mobility-content .tab-items .tab-item:nth-child(5) .hhT-objects .hhT-object:nth-child(3) {
        bottom: initial;
        left: initial;
        top: -96px;
        right: 0;
    }

    .individual-assistance .individual-assistance-tabs #safe-mobility-content .tab-items .tab-item:nth-child(5) .hhT-objects .hhT-object:nth-child(2) {
        bottom: 44px;
        left: -119px;
        width: 278px;
        height: 278px;
    }

    .individual-assistance .individual-assistance-tabs #medical-assistance-content h3 {
        margin-top: 10px;
        padding-bottom: 0;
        margin-bottom: 74px;
    }

    .individual-assistance .individual-assistance-tabs #medical-assistance-content .tab-items .tab-item:nth-child(2) .hhT-objects .hhT-object:nth-child(1) {
        top: -472px;

        right: -69px;
        width: 378px;
    }

    .individual-assistance .individual-assistance-tabs #medical-assistance-content .tab-items .tab-item:nth-child(2) .hhT-objects .hhT-object:nth-child(2) {
        bottom: initial;
        top: -184px;
        right: -50px;
        width: 219px;
    }

    .individual-assistance .individual-assistance-tabs #medical-assistance-content .tab-items .tab-item:nth-child(2) {
        padding-bottom: 55px;
    }

    .individual-assistance .individual-assistance-tabs #medical-assistance-content .tab-items .tab-item:nth-child(3) .hhT-objects .hhT-object:nth-child(1) {
        top: 0;
        left: -101px;
        width: 310px;
    }

    .individual-assistance .individual-assistance-tabs #medical-assistance-content .tab-items .tab-item:nth-child(3) .hhT-objects .hhT-object:nth-child(2) {
        width: 110px ! IMPORTANT;
        height: 110px !important;
        bottom: -25px;
        right: 97px;
        font-size: 32px;
    }

    .individual-assistance .individual-assistance-tabs #medical-assistance-content .tab-items .tab-item:nth-child(4) {
        padding-left: 0;
        padding-bottom: 62px;
    }

    .individual-assistance .individual-assistance-tabs #medical-assistance-content .tab-items .tab-item:nth-child(4) .hhT-objects .hhT-object {
        top: -59px;
        right: -101px;
        width: 329px;
    }

    .individual-assistance .individual-assistance-tabs #medical-assistance-content .tab-items .tab-item:nth-child(5) .hhT-objects .hhT-object:nth-child(1) {
        top: -15px;
        right: -21px;
        width: 233px;
    }

    .individual-assistance .individual-assistance-tabs #medical-assistance-content .tab-items .tab-item:nth-child(5) {
        padding-bottom: 103px;
    }

    .individual-assistance .individual-assistance-tabs #medical-assistance-content .tab-items .tab-item:nth-child(6) {
        padding-bottom: 275px;
        padding-left: 0;
    }

    .individual-assistance .individual-assistance-tabs #medical-assistance-content .tab-items .tab-item:nth-child(3) {
        padding-bottom: 130px;
        padding-left: 112px;
    }

    .individual-assistance .individual-assistance-tabs #medical-assistance-content .tab-items .tab-item:nth-child(6) .shape-helper {
        float: left;
        shape-outside: circle(125px at left center);
        -webkit-shape-outside: circle(132px at left center);
        clip-path: circle(125px at center);
        width: 250px;
        height: 136px;
        margin-right: 30px;
        background: rgba(0, 0, 0, 0.01);
    }

    .individual-assistance .individual-assistance-tabs #medical-assistance-content .tab-items .tab-item:nth-child(6) .hhT-objects .hhT-object:nth-child(3) {
        top: initial;
        right: -94px;
        width: 359px;
        bottom: 163px;
    }

    .individual-assistance .individual-assistance-tabs #medical-assistance-content .tab-items .tab-item:nth-child(6) .hhT-objects .hhT-object:nth-child(1) .carousel {
        width: 268px;
    }

    .individual-assistance .individual-assistance-tabs #medical-assistance-content .tab-items .tab-item:nth-child(6) .hhT-objects .hhT-object:nth-child(1) {
        top: initial;
        left: -12px;
        bottom: 34px;
    }

    .individual-assistance .individual-assistance-tabs #medical-assistance-content .tab-items .tab-item:nth-child(6) .hhT-objects .hhT-object:nth-child(2) {
        top: -54px;
        right: initial;
        width: 211px;
        left: -73px;
    }

    .individual-assistance .individual-assistance-tabs #medical-assistance-content .tab-items .tab-item:nth-child(6) .hhT-objects .hhT-object:nth-child(1) .carousel .carousel-indicators {
        width: fit-content;
        height: fit-content;
        left: initial !important;
        right: 0 !important;
        transform: rotate(331deg);
        bottom: 0 !important;
    }

    .individual-assistance .individual-assistance-tabs #medical-assistance-content .tab-items .tab-item:nth-child(6) .hhT-objects .hhT-object:nth-child(4) {
        width: 120px !important;
        height: 120px !important;
        bottom: 52px;
        right: 22px;
    }

    .individual-assistance .individual-assistance-tabs #medical-assistance-content .tab-items .tab-item:nth-child(5) .hhT-objects .hhT-object:nth-child(2) {
        top: -86px;
        right: 43px;
        bottom: initial;
        left: initial;
    }

    .individual-assistance .individual-assistance-tabs #medical-assistance-content .tab-items .tab-item:nth-child(3) .shape-helper {
        height: 195px;
        -webkit-shape-outside: circle(83px at left center);

    }

    .individual-assistance .individual-assistance-tabs #medical-assistance-content .tab-items .tab-item:nth-child(1) .hhT-objects .hhT-object:nth-child(1) {
        width: 100px ! IMPORTANT;
        height: 100px ! IMPORTANT;
        top: -94px;
        right: 0;
    }

    .individual-assistance .individual-assistance-tabs #medical-assistance-content .tab-items .tab-item:nth-child(1) {
        padding-bottom: 60px;
    }

    .individual-assistance .individual-assistance-tabs #safe-mobility-content .tab-items .tab-item:nth-child(5) .shape-helper {
        shape-outside: circle(125px at left center);
        -webkit-shape-outside: circle(73px at left center);
        height: 123px;
    }

    .individual-assistance .individual-assistance-tabs #safe-mobility-content .tab-items .tab-item:nth-child(2) {
        padding-bottom: 91px;
    }

    .individual-assistance .individual-assistance-tabs #safe-mobility-content .tab-items .tab-item:nth-child(1) p {
        max-width: 368px;
    }

    .heartfelt-tabs .tab-content #gifts .experience-items .experience-item:nth-child(1) p {
        max-width: 248px;
    }

    .individual-assistance .individual-advice .carousel {
        position: relative;
        height: auto;
        top: initial;
        right: initial;
    }

    .individual-assistance .individual-advice .carousel .carousel-indicators {
        transform: initial;
        justify-content: left;
        margin: 0;
        left: 30px !important;
    }

    .individual-advice-divider {
        height: 95px;
    }

    .individual-assistance .individual-advice h2 {
        font-size: 34px;
        line-height: 1.36;
        margin-bottom: 10px;
        margin-top: 29px;
    }

    .individual-assistance .individual-advice p {
        font-size: 12px;
        margin-bottom: 24px;
    }

    .hilfsprojekte .help-offers .info-card {
        height: 247px;
        margin-bottom: 23px;
    }

    .heartfelt-tabs .tab-content #gifts .experience-items .experience-item:nth-child(1) .experience-objects .experience-object {
        top: -61px;
        right: -99px;
        width: 306px;
    }

    .heartfelt-tabs .experience-items .experience-item:nth-child(2) .ET-content h5 {
        margin-left: 58px;
    }

    .heartfelt-tabs .tab-content #gifts .experience-items .experience-item:nth-child(2) p {
        width: initial;
        margin-left: 0;
    }

    .heartfelt-tabs .tab-content #gifts .experience-items .experience-item:nth-child(1) {
        padding-bottom: 55px;
    }

    .heartfelt-tabs .tab-content #gifts .experience-items .experience-item:nth-child(2) .experience-objects .experience-object {
        top: -6px;
        left: -60px;
        width: 297px;
    }

    .heartfelt-tabs .tab-content #gifts .experience-items .experience-item:nth-child(2) .ET-content {
        margin-left: auto;
        margin-right: initial;
        max-width: 291px;
    }

    .heartfelt-tabs .tab-content #gifts .experience-items .experience-item:nth-child(3) .experience-objects .experience-object:nth-child(1) {
        top: 34px;
        right: -46px;
        left: initial;
        width: 286px;
        bottom: initial;
    }

    .heartfelt-tabs .tab-content #gifts .experience-items .experience-item:nth-child(2) {
        padding-top: 0;
        padding-bottom: 97px;
    }

    .heartfelt-tabs .tab-content #gifts .experience-items .experience-item:nth-child(3) {
        padding-top: 0;
        padding-bottom: 41px;
    }

    .heartfelt-tabs .tab-content #gifts .experience-items .experience-item:nth-child(4) {
        padding-bottom: 361px;
    }

    .heartfelt-tabs .tab-pane {
        padding-top: 131px;
    }

    .heartfelt-tabs .tab-content h5 {
        font-size: 24px;
        line-height: 1;
        margin-bottom: 12px;
    }

    .heartfelt-tabs .tab-content p {
        max-width: 292px;
        font-size: 12px;
    }

    .heartfelt-tabs .tab-content #gifts .experience-items .experience-item:nth-child(4) .shape-helper {
        float: left;
        shape-outside: circle(125px at left center);
        -webkit-shape-outside: circle(178px at left center);
        clip-path: circle(125px at center);
        width: 250px;
        height: 301px;
        margin-right: 30px;
        background: rgba(0, 0, 0, 0.01);
    }

    .heartfelt-tabs .tab-content #gifts .experience-items .experience-item:nth-child(4) .ET-content {
        max-width: initial;
        margin-left: 0;
    }

    .heartfelt-tabs .tab-content #gifts .experience-items .experience-item:nth-child(4) .experience-objects .experience-object:nth-child(2) {
        bottom: 85px;
        left: initial;
        width: 260px;
        right: 81px;
    }

    .heartfelt-tabs .tab-content #gifts .experience-items .experience-item:nth-child(4) .experience-objects .experience-object:nth-child(1) {
        top: -6px;
        left: -104px;
        width: 302px;
    }

    .heartfelt-tabs .tab-content #gifts .experience-items .experience-item:nth-child(5) .ET-content {
        max-width: 176px;
        margin-left: 0;
    }

    .heartfelt-tabs .tab-content #gifts .experience-items .experience-item:nth-child(5) .experience-objects .experience-object:nth-child(1) {
        top: -45px;
        right: -41px;
        left: initial;
        width: 317px;
        bottom: initial;
    }

    .heartfelt-tabs .tab-content #gifts .experience-items .experience-item:nth-child(6) .experience-objects .experience-object:nth-child(2) {
        top: -77px;
        bottom: initial;
        right: initial;
        width: 240px;
        left: -95px;
    }

    .heartfelt-tabs #gifts .experience-items .experience-item:nth-child(7) .ET-content .shape-helper {
        shape-outside: circle(125px at left center);
        -webkit-shape-outside: circle(31px at left center);
        clip-path: circle(125px at center);
        width: 246px;
        height: 250px;
    }

    .heartfelt-tabs .tab-content #gifts .experience-items .experience-item:nth-child(7) .experience-objects .experience-object:nth-child(1) {
        width: 223px;
        top: 57px;
        left: -15px;
    }

    .heartfelt-tabs .tab-content #gifts .experience-items .experience-item:nth-child(7) {
        padding-bottom: 705px;
    }

    .heartfelt-tabs .tab-content #gifts .experience-items .experience-item:nth-child(7) .experience-objects .experience-object:nth-child(4) {
        width: 263px;
        top: initial;
        right: -17px;
        bottom: 464px;
    }

    .heartfelt-tabs .tab-content #gifts .experience-items .experience-item:nth-child(7) .experience-objects .experience-object:nth-child(5) {
        width: 300px;
        top: initial;
        left: -15px;
        bottom: 115px;
    }

    .heartfelt-tabs .tab-content #gifts .experience-items .experience-item:nth-child(7) .experience-objects .experience-object:nth-child(9) {
        right: -11px;
        bottom: 21px;
        width: 128px;
    }

    .heartfelt-tabs .tab-content #gifts .experience-items .experience-item:nth-child(7) .experience-objects .experience-object:nth-child(8) {
        left: -17px;
        bottom: 423px;
        width: 206px;
    }

    .heartfelt-tabs .tab-content #gifts .experience-items .experience-item:nth-child(7) .experience-objects .experience-object:nth-child(6) {
        top: initial;
        right: 139px;
        width: 88px;
        bottom: 26px;
    }

    .heartfelt-tabs .tab-content #gifts .experience-items .experience-item:nth-child(7) .experience-objects .experience-object:nth-child(3) {
        top: initial;
        right: 108px;
        width: 85px;
        bottom: 283px;
    }

    .heartfelt-tabs .tab-content #gifts .experience-items .experience-item:nth-child(7) .experience-objects .experience-object:nth-child(2) {
        top: -53px;
        right: inherit;
        width: 209px;
        transform: rotate(322deg);
        left: -33px;
    }

    .heartfelt-tabs .tab-content #gifts .experience-items .experience-item:nth-child(7) .experience-objects .experience-object:nth-child(4) .carousel-indicators {
        bottom: 10px ! IMPORTANT;
        left: inherit ! IMPORTANT;
        right: -22px !important;
        transform: rotate(324deg);
    }

    .heartfelt-tabs .tab-content #gifts .experience-items .experience-item:nth-child(7) .experience-objects .experience-object:nth-child(5) .carousel-indicators {
        bottom: 0 !IMPORTANT;
        left: -157px !important;
        transform: rotate(38deg);
    }

    .heartfelt-tabs #gifts .experience-items .experience-item:nth-child(7) .ET-content {
        max-width: 230px;
        margin-left: auto;
    }

    .heartfelt-tabs .tab-content #gifts .experience-items .experience-item:nth-child(7) p {
        max-width: 230px;
    }

    .heartfelt-tabs .tab-content #gifts .experience-items .experience-item:nth-child(6) {
        padding-bottom: 192px;
    }

    .heartfelt-tabs .tab-content #gifts .experience-items .experience-item:nth-child(6) .experience-objects .experience-object:nth-child(1) {
        width: 348px;
        left: initial;
        right: -110px;
        top: initial;
        bottom: 77px;
    }

    .heartfelt-tabs .tab-content #gifts .experience-items .experience-item:nth-child(5) .experience-objects .experience-object:nth-child(1) .carousel-indicators {
        left: initial ! IMPORTANT;
        transform: rotate(158deg);
        right: 17px !important;
        bottom: 9px ! IMPORTANT;
    }

    .heartfelt-tabs .tab-content #gifts .experience-items .experience-item:nth-child(6) .shape-helper {
        float: left;
        shape-outside: circle(125px at left center);
        -webkit-shape-outside: circle(125px at left center);
        clip-path: circle(125px at center);
        width: 197px;
        height: 141px;
        margin-right: 30px;
        background: rgba(0, 0, 0, 0.01);
    }

    .heartfelt-tabs #gifts .experience-items .experience-item:nth-child(4) p {
        max-width: inherit;
    }

    .heartfelt-tabs .experience-items .experience-item:nth-child(1) .carousel {
        position: absolute;
        width: 282px;
        height: 282px;
        bottom: initial;
        right: -40px;
        top: -82px;
    }

    .heartfelt-tabs .experience-items .experience-item:nth-child(1) .carousel .carousel-indicators {
        transform: rotate(316deg);
        right: -5px !important;
        left: initial !important;
        bottom: 32px !important;
    }

    .heartfelt-tabs .experience-items .experience-item:nth-child(2) {
        padding-block: 88px 0;
    }

    .heartfelt-tabs .experience-items .experience-item:nth-child(2) .ET-content {
        max-width: 311px;
        margin-left: auto;
        margin-right: initial;
    }

    .heartfelt-tabs .experience-items .experience-item:nth-child(2) .ET-content h5 {
        margin-left: 58px;
    }

    .heartfelt-tabs .experience-items .experience-item:nth-child(2) .carousel {
        position: absolute;
        width: 273px;
        height: 273px;
        top: 0;
        left: -68px;
    }

    .heartfelt-tabs .experience-items .experience-item:nth-child(3) {
        padding-top: 78px;
        padding-bottom: 111px;
    }

    .heartfelt-tabs .experience-items .experience-item:nth-child(3) .experience-object {
        top: initial;
        left: -115px;
        bottom: 27px;
        width: 225px;
    }

    .heartfelt-tabs .experience-items .experience-item:nth-child(4) p {
        max-width: 258px;
    }

    .heartfelt-tabs .experience-items .experience-item:nth-child(4) .carousel {
        position: absolute;
        width: 281px;
        top: 0;
        right: -64px;
    }

    .heartfelt-tabs .experience-items .experience-item:nth-child(4) .carousel .carousel-indicators {
        transform: rotate(327deg);
        right: 8px !important;
        left: initial !important;
        bottom: 3px !important;
    }

    .heartfelt-tabs .experience-items .experience-item:nth-child(5) {
        padding-block: 114px 122px;
    }

    .heartfelt-tabs #gifts .experience-items .experience-item:nth-child(5) {
        padding-top: 0;
    }

    .heartfelt-tabs .experience-items .experience-item:nth-child(4) {
        padding-bottom: 0;
    }

    .heartfelt-tabs .experience-items .experience-item:nth-child(5) .ET-content {
        max-width: initial;
        margin-left: 0;
    }

    .heartfelt-tabs .experience-items .experience-item:nth-child(5) .ET-content .shape-helper {
        shape-outside: circle(75px at left center);
        -webkit-shape-outside: circle(150px at left center);
        width: 250px;
        height: 176px;
    }

    .heartfelt-tabs .experience-items .experience-item:nth-child(5) .experience-objects .experience-object:nth-child(1) {
        top: initial;
        left: -94px;
        width: 283px;
        bottom: 24px;
    }

    .heartfelt-tabs .experience-items .experience-item:nth-child(5) .ET-content p {
        margin-left: 0;
    }

    .heartfelt-tabs .experience-items .experience-item:nth-child(5) .experience-objects .experience-object:nth-child(2) {
        top: 48px;
        right: -1px;
        width: 210px;
    }

    .heartfelt-tabs .experience-items .experience-item:nth-child(3) p {
        max-width: initial;
        margin: 0
    }

    .heartfelt-tabs .experience-items .experience-item:nth-child(6) .experience-objects .experience-object:nth-child(1) {
        top: -69px;
        right: -18px;
        width: 220px;
    }

    .heartfelt-tabs .experience-items .experience-item:nth-child(3) .ET-content {
        max-width: initial;
        margin: 0;
    }

    .heartfelt-tabs .experience-items .experience-item:nth-child(6) .experience-objects .experience-object:nth-child(2) {

        bottom: initial;
        right: -30px;
        width: 174px;
        top: 110px;
    }

    .heartfelt-tabs .experience-items .experience-item:nth-child(6) {
        padding-bottom: 64px;
    }

    .heartfelt-tabs .experience-items .experience-item:nth-child(7) .experience-objects .experience-object:nth-child(1) {
        left: -79px;
        top: 108px;
        width: 263px;
    }

    .heartfelt-tabs .experience-items .experience-item:nth-child(7) {
        padding-bottom: 87px;
    }

    .heartfelt-tabs .experience-items .experience-item:nth-child(7) .ET-content {
        max-width: inherit;
        margin-left: 0;
    }

    .heartfelt-tabs .experience-items .experience-item:nth-child(7) .ET-content .shape-helper {
        shape-outside: circle(125px at left center);
        -webkit-shape-outside: circle(167px at left center);
        clip-path: circle(125px at center);
        width: 246px;
        height: 195px;
    }

    .heartfelt-tabs .experience-items .experience-item:nth-child(8) p {
        max-width: initial;
    }

    .heartfelt-tabs .experience-items .experience-item:nth-child(8) {
        padding-bottom: 265px;
    }

    .heartfelt-tabs .experience-items .experience-item:nth-child(8) .experience-objects .experience-object:nth-child(1) {
        width: 329px;
        top: initial;
        right: -61px;
        bottom: 128px;
    }

    .heartfelt-tabs .experience-items .experience-item:nth-child(8) .experience-objects .experience-object:nth-child(1) .carousel .carousel-indicators {
        bottom: 57px !important;
        right: 24px !important;
        transform: rotate(337deg);
        left: initial !important;
    }

    .heartfelt-tabs .experience-items .experience-item:nth-child(7) .ET-content p {
        margin-left: 0;
    }

    .heartfelt-tabs .experience-items .experience-item:nth-child(8) .experience-objects .experience-object:nth-child(2) {
        bottom: 54px;
        left: 19px;
        width: 231px;
    }

    .individual-assistance .banner h1 {
        font-size: 35px ! IMPORTANT;
        max-width: 100%;
        text-align: center;
        line-height: 1.2;
        padding: 0;
        margin: 0;
    }

    .individual-assistance .banner h1 span:first-child {
        margin-right: 0;
    }

    .individual-assistance .banner {
        padding-block: 29px 28px;
    }

    .individual-assistance .banner h1::before {
        content: "";
        width: 66px;
        height: 66px;
        bottom: -20px;
        right: 43px;
    }

    .individual-assistance .banner h1::after {
        bottom: 46px;
        left: -34px;
        width: 98px;
        height: 74px;
        background-size: cover;
    }

    .individual-assistance .individual-advice {
        padding-top: 0;
        padding-bottom: 0;
    }

    .heartfelt-tabs a {
        font-size: 14px;
        display: block;
        text-align: end;
        color: #e32488;
        position: relative;
        width: 100%;
        margin-left: auto;
        padding-right: 22px;
        padding-block: 15px;
        background-color: white;
        line-height: 1.22;
    }

    #individual-assistance-tabs .slick-dots li button {
        background: none;
        border: 1px solid #E32488;
        width: 14px;
        height: 14px;
    }

    #individual-assistance-tabs .slick-dots li.slick-active button:before {
        background: #E32488;
        border: #E32488;
        width: 14px;
        height: 14px;
    }

    .individual-assistance .individual-assistance-tabs .nav-tabs .nav-link {
        font-size: 15px;
    }

    .individual-assistance .individual-assistance-tabs .nav-tabs .nav-link .seperate {
        margin-inline: 18px;
    }

    .individual-assistance .individual-assistance-tabs {
        padding-top: 33px;
    }

    .individual-assistance .individual-assistance-tabs .nav-tabs {
        padding-bottom: 0;
        margin-bottom: 83px;
    }

    .individual-assistance .individual-assistance-tabs h3 {
        font-size: 34px;
        line-height: 1.5;
        padding-bottom: 0;
        margin-bottom: 70px;
    }

    .individual-assistance .individual-assistance-tabs #help-home-content .tab-items .tab-item:nth-child(1) {
        padding-bottom: 272px;
        padding-left: 89px;
    }

    .individual-assistance .individual-assistance-tabs h4 {
        font-size: 24px;
        line-height: 1;
        margin-bottom: 18px;
    }

    .individual-assistance .individual-assistance-tabs #help-home-content .tab-items .tab-item:nth-child(1) .shape-helper {

        height: 599px;

    }

    .individual-assistance .individual-assistance-tabs #help-home-content .tab-items .tab-item:nth-child(1) .hhT-objects .hhT-object:nth-child(4) .carousel {
        width: 334px;
        height: 334px;
    }

    .individual-assistance .individual-assistance-tabs #help-home-content .tab-items .tab-item:nth-child(1) .hhT-objects .hhT-object:nth-child(4) {
        bottom: 68px;
        top: initial;
        left: -106px;
        right: initial;
    }

    .individual-assistance .individual-assistance-tabs .circle {
        font-size: 17px;
    }

    .individual-assistance .individual-assistance-tabs .circle {
        font-size: 17px !important;
        width: 86px !important;
        height: 86px !important;
    }

    .individual-assistance .individual-assistance-tabs #help-home-content .tab-items .tab-item:nth-child(1) .hhT-objects .hhT-object:nth-child(4) .carousel-indicators {
        transform: rotate(345deg);
        right: 0px !important;
        left: inherit !important;
        bottom: 31px !important;
    }

    .individual-assistance .individual-assistance-tabs #help-home-content .tab-items .tab-item:nth-child(1) .hhT-objects .hhT-object:nth-child(4) .carousel-indicators button:nth-child(1) {
        margin-bottom: 9px !important;
    }

    .individual-assistance .individual-assistance-tabs #help-home-content .tab-items .tab-item:nth-child(1) .hhT-objects .hhT-object:nth-child(4) .carousel-indicators button:nth-child(3) {
        margin-bottom: -2px !important;
    }

    .individual-assistance .individual-assistance-tabs #help-home-content .tab-items .tab-item:nth-child(1) .hhT-objects .hhT-object:nth-child(4) .carousel-indicators button:nth-child(5) {
        margin-bottom: 8px ! IMPORTANT;

    }

    .individual-assistance .individual-assistance-tabs #help-home-content .tab-items .tab-item:nth-child(2) .hhT-objects .hhT-object:nth-child(2) {
        top: -33px;
        right: -23px;
        width: 185px;
    }

    .individual-assistance .individual-assistance-tabs #help-home-content .tab-items .tab-item:nth-child(2) .hhT-objects .hhT-object:nth-child(4) {
        top: 117px;
        right: -51px;
        width: 315px;
        bottom: initial;
    }

    .individual-assistance .individual-assistance-tabs #help-home-content .tab-items .tab-item:nth-child(2) {
        padding-bottom: 96px;
    }

    .individual-assistance .individual-assistance-tabs #help-home-content .tab-items .tab-item:nth-child(2) .hhT-objects .hhT-object:nth-child(3) {
        top: -246px;
        right: 112px;
        left: initial;
        width: 90px !important;
        height: 90px !important;
    }

    .individual-assistance .individual-assistance-tabs #help-home-content .tab-items .tab-item:nth-child(1) .hhT-objects .hhT-object:nth-child(2) {
        top: 0;
        right: initial;
        left: -7px;
    }

    .individual-assistance .individual-assistance-tabs #help-home-content .tab-items .tab-item:nth-child(1) .hhT-objects .hhT-object:nth-child(3) {
        bottom: 91px;
        right: 0;
        left: initial;
    }

    .individual-assistance .individual-assistance-tabs #help-home-content .tab-items .tab-item:nth-child(2) .hhT-objects .hhT-object:nth-child(1) {
        top: -469px;
        right: -7px;
        font-size: 34px;
        width: 170px;
        height: 170px;
        width: 70px ! IMPORTANT;
        height: 70px !important;
    }

    .individual-assistance .individual-assistance-tabs #help-home-content .tab-items .tab-item:nth-child(3) {
        padding-left: 132px;
        padding-bottom: 110px;
    }

    .individual-assistance .individual-assistance-tabs #help-home-content .tab-items .tab-item:nth-child(3) .shape-helper {
        float: left;
        shape-outside: circle(105px at left center);
        -webkit-shape-outside: circle(34px at left center);
        clip-path: circle(125px at center);
        width: 250px;
        height: 92px;
        margin-right: 30px;
        background: rgba(0, 0, 0, 0.01);
    }

    .individual-assistance .individual-assistance-tabs #help-home-content .tab-items .tab-item:nth-child(3) .hhT-objects .hhT-object:nth-child(1) {
        top: -31px;
        left: -66px;
        width: 216px;
    }

    .individual-assistance .individual-assistance-tabs #help-home-content .tab-items .tab-item:nth-child(4) {
        padding-left: 0;
        padding-bottom: 31px;
    }

    .individual-assistance .individual-assistance-tabs #help-home-content .tab-items .tab-item:nth-child(4) .hhT-objects .hhT-object {
        top: -51px;
        right: -45px;
        width: 257px;
    }

    .individual-assistance .individual-assistance-tabs #help-home-content .tab-items .tab-item:nth-child(3) .hhT-objects .hhT-object:nth-child(2) {
        bottom: -334px;
        right: 5px;
        width: 90px !important;
        height: 90px !important;
        top: initial;
    }

    .individual-assistance .individual-assistance-tabs #help-home-content .tab-items .tab-item:nth-child(5) .hhT-objects .hhT-object {
        top: -3px;
        left: -64px;
        width: 259px;
    }

    .individual-assistance .individual-assistance-tabs #help-home-content .tab-items .tab-item:nth-child(5) {
        padding-left: 137px;
        padding-bottom: 99px;
    }

    .individual-assistance .individual-assistance-tabs #help-home-content .tab-items .tab-item:nth-child(5) .shape-helper {
        -webkit-shape-outside: circle(45px at left center);
    }

    .individual-assistance .individual-assistance-tabs #help-home-content .tab-items .tab-item:nth-child(6) .hhT-objects .hhT-object {
        top: -50px;
        right: -53px;
        width: 229px;
    }

    .individual-assistance .individual-assistance-tabs #help-home-content .tab-items .tab-item:nth-child(7) .hhT-objects .hhT-object:nth-child(3) {
        top: -198px;
        right: 30px;
        width: 112px !important;
        height: 112px !important;
    }

    .individual-assistance .individual-assistance-tabs #help-home-content .tab-items .tab-item:nth-child(7) .hhT-objects .hhT-object:nth-child(2) {
        bottom: 113px;
        top: initial;
        width: 332px;
        right: -40px;
    }

    .individual-assistance .individual-assistance-tabs #help-home-content .tab-items .tab-item:nth-child(7) .hhT-objects .hhT-object:nth-child(1) .carousel {
        width: 250px;
        height: 250px;
    }

    .individual-assistance .individual-assistance-tabs #help-home-content .tab-items .tab-item:nth-child(7) .hhT-objects .hhT-object:nth-child(1) {
        top: initial;
        left: -71px;
        bottom: 44px;
    }

    .individual-assistance .individual-assistance-tabs #help-home-content .tab-items .tab-item:nth-child(7) .hhT-objects .hhT-object:nth-child(1) .carousel .carousel-indicators {
        right: 9px !important;
        left: initial !important;
        bottom: 19px !important;
        transform: rotate(337deg);
    }

    .individual-assistance .individual-assistance-tabs #help-home-content .tab-items .tab-item:nth-child(7) .hhT-objects .hhT-object:nth-child(4) {
        bottom: 20px;
        left: initial;
        right: 90px;
    }

    .individual-assistance .individual-assistance-tabs #help-home-content .tab-items .tab-item:nth-child(7) {
        padding-left: 0;
        padding-bottom: 296px;
    }

    .individual-assistance .individual-assistance-tabs #help-home-content .tab-items .tab-item:nth-child(3) h4 {
        padding-left: 33px;
    }

    .individual-assistance .individual-assistance-tabs #help-home-content .tab-items .tab-item:nth-child(1) .hhT-objects .hhT-object:nth-child(1) {
        bottom: initial;
        left: initial;
        width: 246px;
        top: -87px;
        right: -38px;
    }

    .individual-assistance .individual-assistance-tabs p {
        max-width: initial;
        font-size: 12px;
    }

    .heartfelt-tabs #gifts a {
        text-align: left;

        padding-left: 22px;
    }

    .heartfelt-tabs a::before {
        right: 0;
        top: 19px;
    }

    .heartfelt-tabs #gifts a::before {
        left: 0;
        right: initial;
    }

    .heartfelt-wishes .divider {
        height: 70px;
    }

    .heartfelt-tabs .experience-items .experience-item:nth-child(3) .shape-helper {
        shape-outside: circle(75px at left center);
        -webkit-shape-outside: circle(98px at left center);
        width: 338px;
        height: 105px;
    }

    .heartfelt-tabs .experience-items .experience-item:nth-child(2) .shape-helper {
        float: left;
        shape-outside: circle(125px at left center);
        -webkit-shape-outside: circle(106px at left center);
        clip-path: circle(125px at center);
        width: 250px;
        height: 109px;
        margin-right: 30px;
        background: rgba(0, 0, 0, 0.01);
    }

    .heartfelt-tabs .experience-items .experience-item:nth-child(2) p {
        margin-left: 0;
        max-width: 712px;
    }

    .heartfelt-wishes .life-quality h2 {
        font-size: 34px;
        line-height: 1.36;
        margin-bottom: 11px;
        margin-top: 29px;
    }

    .heartfelt-wishes .life-quality span {
        font-size: 25px;
        max-width: 363px;
        line-height: 20px;
        margin-bottom: 12px;


    }

    .heartfelt-wishes .life-quality {
        padding-bottom: 99px;
    }

    .heartfelt-tabs {
        padding-top: 36px;

    }

    .heartfelt-tabs .nav .nav-link {
        width: 100%;

        padding: 18px 21px 28px 27px !important;
        max-height: 61px;

        margin-top: 0;
        border-radius: 26px;
        margin-bottom: 43px;
    }

    .heartfelt-tabs .nav #gifts-tab {
        margin-bottom: 0;
    }

    .heartfelt-tabs .nav .nav-link.active {
        max-height: 203px;
    }

    .heartfelt-tabs .nav .nav-link.acive h3 {
        font-size: 38px;

        margin-bottom: 28px;
    }

    .heartfelt-tabs .nav .nav-link h3 {
        font-size: 30px;
        margin-bottom: 12px;

    }

    .heartfelt-tabs .nav .nav-link p {
        font-size: 21px;
    }

    .heartfelt-wishes .life-quality .carousel {
        width: 593px;
        height: initial;
        position: relative;
        top: initial;
        right: initial;
        bottom: initial;
        left: initial;
    }

    .heartfelt-wishes .life-quality .carousel .carousel-indicators {
        transform: initial;
        left: 30px !important;
        justify-content: flex-start;
        margin: 0;
    }

    .heartfelt-wishes .life-quality p {
        font-size: 12px;
        max-width: 329px;
        margin-bottom: 12px;
    }

    .eB-family-treffen .customers-testimonial.last .testimonial-content-wrap p {
        font-size: 23px;
    }

    .heartfelt-wishes .banner h1 {
        font-size: 35px !important;
        margin-bottom: 11px;
        line-height: 1.2;
        max-width: initial;
        margin-inline: initial;
        padding: 0;

    }

    .heartfelt-wishes .banner .subtext {
        font-size: 26px !important;
        margin: 0;
        text-align: center;
        max-width: initial;
        line-height: 1 !important;
        margin-bottom: 0 !important;
    }

    .heartfelt-wishes .banner {
        padding-block: 31px 41px;
    }

    .heartfelt-wishes .banner h1::before {
        width: 81px;
        height: 81px;
        right: 5px;
        top: -11px;
    }

    .heartfelt-wishes .banner h1::after {

        width: 80px;
        height: 80px;
        left: -20px;
        bottom: -59px;
        transform: rotate(55deg);
    }

    .heartfelt-wishes .life-quality {
        padding-top: 0;
    }

    .eB-family-treffen .divider {
        height: 61px;
    }

    .eB-family-treffen .divider:last-child {
        height: 56px;
    }

    .unforgettable-evening .UE-items .UE-item:nth-child(3) .round-carousal .carousel-indicators {
        right: -65px !important;
        transform: rotate(227deg);
        left: initial !important;
        top: 0;
    }

    .unforgettable-evening .UE-items .UE-item:nth-child(3) .round-carousal .carousel-indicators {
        right: -65px !important;
        transform: rotate(227deg);
        left: initial !important;
        top: 0;
    }

    .program-section .family-progress .family-progress-items .family-progress-item:nth-child(6) {
        bottom: initial;
        left: 116px;
        width: 120px;
        top: 36px;
    }

    .program-section .family-progress .family-progress-items .family-progress-item:nth-child(2) {
        top: 71px;
        width: 144px;
        left: initial;
        right: 0;
    }

    .program-section .family-progress .family-progress-items .family-progress-item:nth-child(5) {
        bottom: 240px;
        width: 248px;
        right: -33px;
        left: initial;
    }

    .program-section .family-progress .family-progress-items .family-progress-item:nth-child(1) {
        top: initial;
        right: initial;
        width: 145px;
        bottom: 184px;
        z-index: 999;
        left: 81px;
    }

    .program-section .family-progress .family-progress-items .family-progress-item:nth-child(4) {
        width: 192px;
        bottom: 276px;
        left: -33px;
        right: initial;
    }

    .program-section .kids-club .kids-club-content {
        padding-top: 44px;
    }

    .family-progress-divider {
        height: 77px;
    }

    .program-section .family-progress .carousel .carousel-indicators {
        justify-content: left;
        margin: 0;
        left: 30px !important;
    }

    .program-section .family-progress .carousel .carousel-indicators button.active {
        background-color: #ea89a8;
        border: 1px solid #e32488;
    }

    .program-section .family-progress .family-progress-heading {
        padding-bottom: 228px;
    }

    .hilfsprojekte .help-offers .info-card .card-icon,
    .hilfsprojekte .help-offers .info-card .card-icon img {
        max-height: 50px;
        min-height: 50px;
    }

    .hilfsprojekte .help-offers {
        padding-bottom: 45px;
        background: url("../img/hilfsprojekte-help-offers-mbbg.webp") no-repeat center / cover;
    }

    .hilfsprojekte .customers-testimonial .testimonial-content-wrap p {
        font-size: 23px;
        margin-bottom: 7px;
    }

    .hilfsprojekte .testimonial-content .testimonial-by {
        font-size: 10px;
    }

    .hilfsprojekte .customers-testimonial .carousel-indicators {
        bottom: -20px !important;
    }

    .hilfsprojekte .divider {
        height: 61px;
        background: url("../img/hilfsprojekte-divider1mb.webp") no-repeat center / cover;

    }

    .hilfsprojekte .divider:last-child {
        height: 85px;
        background: url("../img/hilfsprojekte-divider2mb.webp") no-repeat center / cover;


    }

    .hilfsprojekte .testimonial {
        min-height: 261px;
        padding-top: 13px !important;
    }

    .hilfsprojekte .help-offers .info-card a {
        margin: 0;
        margin-right: 15px;
    }

    .hilfsprojekte .help-offers .info-card p {
        height: auto;
        padding-bottom: 15px;
    }

    .hilfsprojekte .help-offers .info-card .card-content {
        min-height: 195px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    .hilfsprojekte .info-card .read-more::after {
        top: 9px;
    }

    .navbar-toggle.collapse.show {

        width: 198px ! Important;

    }

    .hilfsprojekte .banner h1,
    .hilfsprojekte .banner h1 span {
        font-size: 35px !important;
        padding: 0;
        line-height: 1.33;
        margin-block: 0;
        max-width: 321px;
        margin: auto;
    }

    .hilfsprojekte .banner h1 span {
        display: inline;
    }

    .hilfsprojekte .service-banner h1::after {
        content: none !important;
    }

    .hilfsprojekte .service-banner h1::before {
        content: none !important;
    }

    .hilfsprojekte .help-offers span:nth-child(2) {
        margin-top: 111px;
        margin-bottom: 18px;
        max-width: initial;
    }

    .hilfsprojekte .help-offers {
        padding-top: 0;
    }

    .hilfsprojekte .help-offers h2 {
        font-size: 33px;
        max-width: 261px;
        margin-top: 29px;
        line-height: 1.39;
        margin-bottom: 4px;
    }

    .hilfsprojekte .help-offers h2.fixtopspace.active {
        margin-top: 65px;
    }

    .hilfsprojekte .help-offers .carousel .carousel-indicators {
        left: 30px !important;
        margin: 0;
        justify-content: flex-start;
    }

    .hilfsprojekte .help-offers span {
        font-size: 24px;
        max-width: 312px;
        line-height: 20px;
        margin-bottom: 13px;
    }

    .hilfsprojekte .help-offers p {
        font-size: 12px;
        max-width: 293px;
        margin-bottom: 24px;
        line-height: 1.54;
    }

    .hilfsprojekte .help-offers .help-offer-img {
        right: -38px;
        width: 247px;
        height: auto;
        top: -17px;
    }

    .hilfsprojekte .service-banner {
        padding-block: 9px 4px;
        background: url("../img/hilfsproject-banenrmb.png") no-repeat center / cover;
    }

    .international-assistance .deployment .devolpment-text p:last-of-type {
        margin-bottom: 30px;

        line-height: 1.545;
    }

    .eB-family-treffen .eb-family .location {
        margin-top: 18px;
    }

    .eB-family-treffen .eb-family h2 {
        font-size: 33px;
        margin-bottom: 10px;
    }

    .eB-family-treffen .eb-family span {
        font-size: 25px;
        margin-bottom: 3px;
    }

    .eb-family video {
        height: 240px;
    }

    .eb-meeting #video-tab .nav-link img,
    .eB-family-treffen .eb-family .location #video-tab .nav-link img {
        min-width: 57px;
    }

    .eb-meeting #video-tab,
    .eB-family-treffen .eb-family .location #video-tab {
        margin-top: 6px;
    }

    .international-assistance .banner h1,
    .international-assistance .banner h1 span {
        font-size: 35px !important;
        line-height: 1.2;
        max-width: initial;
    }

    .international-assistance .banner {
        padding-block: 29px 39px;
    }

    .international-assistance .banner h1::before {
        width: 70px;
        height: 70px;
        right: 22px;
        top: -15px;
    }

    .international-assistance .deployment .devolpment-content {
        padding-top: 0;
        padding-bottom: 76px;
    }

    .international-assistance .info-card {
        padding-top: 32px;
        margin-bottom: 20px;
    }

    .international-assistance .deployment .devolpment-items .devolpment-item:nth-child(7) {
        left: initial;
        top: initial;
        width: 248px;
        bottom: 944px;
        right: 0;
    }

    .international-assistance .deployment .devolpment-items .devolpment-item:nth-child(5) {
        left: -12px;
        bottom: 1129px;
        top: initial;
        width: 212px;
        transform: initial;
    }

    .international-assistance .deployment .devolpment-text {
        padding-top: 17px;
    }

    .international-assistance .deployment .devolpment-text h2 {
        font-size: 34px;
        margin-bottom: 21px;
    }

    .international-assistance .deployment .devolpment-text p {
        max-width: initial;
        font-size: 12px;
    }

    .international-assistance .deployment .devolpment-text p:first-of-type {
        max-width: 213px;
        margin-left: auto;
        text-align: end;
        margin-bottom: 120px;
        line-height: 1.52;

    }

    .international-assistance .deployment .breadcrumb-item a,
    .breadcrumb-item {
        line-height: 1.25;

    }

    .international-assistance .deployment .devolpment-text span {
        font-size: 25px;
        margin-bottom: 9px;
        line-height: 1;
    }

    .international-assistance .deployment .devolpment-items .devolpment-item:nth-child(2) {
        right: -140px;
        width: 422px;
        top: 510px;
    }

    .international-assistance .deployment {

        background: url(../img/deployment-bg-mbl.webp) top center / cover;

    }

    .international-assistance .deployment .devolpment-text span:last-of-type {
        padding-top: 63px;
        margin-top: 0;
        margin-bottom: 16px;
    }

    .international-assistance .deployment .carousel-indicators button.active {
        background-color: #d997c0;
        border: 1px solid #e32488;
    }

    .international-assistance .deployment .carousel-indicators {
        justify-content: end;
        margin: 0;
        right: 30px !important;
    }

    .international-assistance .deployment .devolpment-text ul li {
        font-size: 12px;
        margin-bottom: 15px;
        padding-left: 25px;
        line-height: 1.4;

    }

    .international-assistance .deployment .devolpment-text {
        padding-bottom: 0;
    }

    .international-assistance .deployment .devolpment-text .devolpment-bg-mbl {
        padding-bottom: 842px;
        margin-inline: -12px;
        padding-inline: 12px;
        background: url("../img/international-assistance-bg-mbl.webp") no-repeat center / cover;
    }

    .international-assistance .deployment .devolpment-text.fixtopspace.active {
        padding-top: 71px !important;
    }

    .international-assistance .deployment .devolpment-items .devolpment-item:nth-child(6) {
        right: -13px;
        top: initial;
        bottom: 1230px;
        width: 294px;
    }

    .international-assistance .deployment .devolpment-items .devolpment-item:nth-child(4) .carousel {
        width: 153px;
        height: 153px;
    }

    .international-assistance .deployment .devolpment-text ul li::before {
        top: 3px;
        width: 10px;
        height: 10px;
    }

    .international-assistance .deployment .devolpment-items .devolpment-item:nth-child(4) {
        right: initial;
        bottom: 1413px;
        top: initial;
        left: 21px;
    }

    .international-assistance .deployment .devolpment-items .devolpment-item:nth-child(4) .carousel .carousel-indicators {
        bottom: -26px !important;
        left: 0px !important;
        transform: rotate(30deg);
        right: initial;
        justify-content: initial;
    }

    .international-assistance .deployment .info-card p {
        height: 45px;
    }

    .international-assistance .deployment .devolpment-items .devolpment-item:nth-child(1) {
        top: 109px;
        width: 324px;
        left: -59px;
        right: initial;
    }

    .international-assistance .banner h1::after {
        width: 60px;
        height: 60px;
        left: 60px;
        bottom: -30px;
        transform: rotate(12deg);
    }

    .eb-meeting .tab-nav,
    .eB-family-treffen .eb-family .location .tab-nav {
        margin-block: 0;
    }

    .eB-family-treffen .eb-family .location .tab-nav button svg {
        fill: #4e4e4e;
    }

    .eB-family-treffen .eb-family span:last-of-type {
        margin-block: 0px 2px;
    }

    .eB-family-treffen .eb-family .shape-helper {
        height: 206px;

    }

    .eB-family-treffen .eb-family .eb-family-item {
        right: initial;
        width: 300px;
        top: initial;
        bottom: 262px;
        left: -4px;
        z-index: 999;
    }

    .eB-family-treffen .eb-family .location {
        margin-bottom: 18px;
    }

    .eB-family-treffen .eb-family .carousel {
        position: relative;
        top: initial;
        left: initial;
        right: initial;
        bottom: initial;
        height: initial;
    }

    .eB-family-treffen .eb-family .carousel .carousel-item {
        margin-top: 0;
    }

    .eB-family-treffen .eb-family p {
        font-size: 12px;
        max-width: initial;
        margin-bottom: 25px;
    }

    .eB-family-treffen .banner {
        height: 152px;
    }

    .eB-family-treffen .banner h1 {
        font-size: 26px;
        padding-top: 0 !important;
        margin-left: 0;
        margin-bottom: 6px;
    }

    .eB-family-treffen .eb-family .theme-btn {
        margin-top: 53px;
        margin-left: auto;
        width: fit-content;
        display: block;
    }

    .eB-family-treffen .eb-family .carousel .carousel-indicators {
        transform: initial;
        left: 34px !important;
        bottom: -27px !important;
        right: initial ! IMPORTANT;
        margin: auto;
    }

    .eB-family-treffen .eb-family {
        padding-bottom: 41px;
        padding-top: 0;
    }

    .program-section h3 {
        font-size: 33px !important;
        margin-bottom: 19px;
    }

    .program-section .kids-club h3 {
        margin-bottom: 0;
    }

    .program-section .kids-club .kids-club-content {
        padding-bottom: 46px;
    }

    .program-section .kids-club {
        margin-bottom: 0;
    }

    .program-section .kids-club .kids-club-items .kids-club-item:nth-child(1) {
        top: 6px;
        right: -18px;
        width: 171px;
    }

    .program-section .kids-club .kids-club-items .kids-club-item:nth-child(3) {
        bottom: initial;
        left: initial;
        width: 242px;
        top: 179px;
        z-index: 999;
        right: 40px;
    }

    .program-section .kids-club .carousel button.active {
        background-color: #d1db6f;
        border-color: #d1db6f;
    }

    .kids-club-divider {
        height: 53px;
    }

    .kids-club .testimonial {
        min-height: 244px;
    }

    .unforgettable-evening {
        padding-top: 95px;
    }

    .unforgettable-evening .UE-items .UE-item:nth-child(1) {
        margin-left: 0;
        margin-bottom: 146px;
    }

    .unforgettable-evening h3 {
        font-size: 34px;
        max-width: 299px;
        line-height: 1.31;
        margin-bottom: 20px;
    }

    .unforgettable-evening::before {
        width: 282px;
        height: 282px;
        top: 152px;
        right: -83px;
        left: initial;
    }

    .unforgettable-evening .UE-items .UE-item:nth-child(2) .carousel {
        position: absolute;
        max-width: 319px;
        right: -62px;
        top: 95px;
    }

    .unforgettable-evening .UE-items .UE-item:nth-child(1) .carousel-indicators {
        bottom: 99px !important;
        transform: rotate(128deg);
        right: 9px !important;
        left: initial !important;
    }

    .unforgettable-evening .UE-items .UE-item:nth-child(1) .carousel {
        width: 350px;
        height: 350px;
        top: 231px;
        right: -23px;
    }

    .eB-family-treffen .customers-testimonial.last {
        min-height: 357px;
        max-height: 357px;
    }

    .unforgettable-evening .UE-items .UE-item:nth-child(2) .round-carousal .carousel-indicators {
        left: -61px !important;
        top: 124px;
        width: fit-content;
        height: fit-content;
        transform: rotate(82deg);

    }

    .unforgettable-evening .UE-items .UE-item:nth-child(3) h4 {
        margin-bottom: 13px;
    }

    .unforgettable-evening .UE-items .UE-item:nth-child(3) {
        padding-bottom: 432px;
    }

    .unforgettable-evening {
        padding-bottom: 0;
    }

    .unforgettable-evening .UE-items .UE-item:nth-child(3) .carousel {
        width: 350px;
        height: 350px;
        bottom: 50px;
        top: initial;
        left: -97px;
    }

    .unforgettable-evening::after {
        left: initial;
        width: 406px;
        height: 406px;
        bottom: 569px;
        right: -50px;
    }

    .unforgettable-evening .UE-items .UE-item:nth-child(2) .carousel {
        position: absolute;
    }

    .unforgettable-evening .UE-items .UE-item:nth-child(2) p {
        margin-bottom: 502px;
        max-width: initial;
    }

    .unforgettable-evening h4 {
        margin-bottom: 10px;
        font-size: 30px;
        max-width: 279px;
        line-height: 1;
    }

    .unforgettable-evening p {
        font-size: 12px;
        max-width: 248px;
    }

    .program-section .kids-club .carousel-indicators {
        margin: 0;
        justify-content: end;
        right: 30px !important;
    }

    .program-section .kids-club p {
        max-width: 232px;
        margin-bottom: 48px;
    }

    .program-section .green-grand-heading {
        padding-top: 37px;
        padding-bottom: 446px;

    }

    .program-section {
        padding-top: 0;
    }

    .program-section .green-items .green-item:nth-child(2) {
        right: 92px;
        width: 189px;
        top: 614px;
    }

    .program-section .green-items .green-item:nth-child(1) {
        top: initial;
        right: 0;
        width: 160px;
        bottom: 23px;
    }

    .program-section .family-progress .family-progress-heading h3 {
        margin-bottom: 17px;
        max-width: 350px;
    }

    .program-section .green-items .green-item:nth-child(3) {

        right: initial;
        width: 256px;
        bottom: 14px;
        left: 0;
    }

    .program-section span {
        max-width: initial;
        font-size: 25px;
        margin-bottom: 12px;
    }

    .program-section .family-progress .family-progress-heading span {
        margin-bottom: 8px;
        line-height: 21px;
    }

    .program-section .family-progress .family-progress-heading p {
        max-width: initial;
    }

    .program-section .family-progress .shape-helper {
        height: 193px;
        shape-outside: circle(140px at left center);
        -webkit-shape-outside: circle(176px at left center);
    }

    .program-section .family-progress .family-progress-items .family-progress-item:nth-child(7) {
        top: 267px;
        left: -35px;
        width: 225px;
        bottom: initial;
    }

    .program-section .family-progress .family-progress-content {
        padding-top: 127px;
    }

    .program-section p {
        font-size: 12px;
    }

    .program-section .shape-helper {
        height: 193px;
        shape-outside: circle(140px at left center);
        -webkit-shape-outside: circle(140px at left center);
    }

    .program-section .green-items .green-item:nth-child(5) {
        top: 329px;
        left: -72px;
        width: 226px;
    }

    .green-grand-content span {
        margin-top: 67px;
    }

    .program-section .green-grand-heading .eB-family-treffen .testimonial {
        min-height: 276px;
    }

    .eB-family-treffen .banner .banner-content {
        padding-left: 0;
        height: 59px;
        bottom: 5px;
    }

    .eB-family-treffen .banner p {
        font-size: 22px;
        line-height: 1;
        margin-bottom: 0;
    }

    .support {
        background: url(../img/support-bg-mb.webp) no-repeat center / cover;
    }

    .kontakt-info p:first-of-type {
        max-width: 185px;
        line-height: 1.4;
    }

    .satzungszweck .our-goal #carouselthree.round-carousal .carousel-indicators {
        gap: 15px !important;
    }

    .our-club .dermakids-v::before {
        width: 311px;
        height: 118px;

        left: -77px;
        z-index: 4;
    }

    .datenschutz .terms-content-text p,
    #datenschutz .terms-content a {
        font-size: 14px;
        padding-bottom: 20px;
    }
}


@media (max-width: 468px) {
    .home-banner.banner {

        min-height: 732px;
    }

    .news-divider {
        height: 97px;
    }

    .farewell h5 {
        font-size: 32px;
        margin-bottom: 11px;
    }

    .farewell p {
        font-size: 12px;
    }

    .farewell .farewell-img {
        top: 83px;
    }

    .anton .info-cards {
        padding-block: 85px;
    }

    .anton .info-card p {
        height: 35px;
    }

    .anton .info-card h6 {
        font-size: 39px;
        margin-bottom: 22px;
    }

    .anton .anton-heart .carousel {
        margin-block: 26px 64px;
    }

    .anton .anton-heart p {
        max-width: 310px;
        font-size: 12px;
    }

    .fundraising h3 {
        font-size: 27px;
        margin-bottom: 14px;
    }

    .fundraising p {
        font-size: 12px;
        max-width: 205px;
        margin-bottom: 21px;
        line-height: 1.542;
    }

    .fundraising .fundraising-content {
        padding-top: 23px;
    }

    .fundraising .fundraising-items .fundrasing-item:nth-child(1) {
        width: 372px;
        right: -121px;
    }

    .helpInMoscow .hIM-items h3 {
        font-size: 34px;
        margin-bottom: 25px;
    }

    .helpInMoscow .hIM-items span {
        font-size: 24px;
        max-width: 217px;
        margin-bottom: 13px;
        line-height: 20px;
    }

    .helpInMoscow .hIM-items p,
    .news .hIM-items p {
        font-size: 12px;
    }

    .helpInMoscow .hIM-items .hIM-item:nth-child(1) .hIM-item-objects .hIM-item-object:nth-child(1) {
        width: 292px;
        top: -7px;
        right: initial;
        height: 292px;
        left: 219px;

    }

    .farewell .shape-helper {
        shape-outside: circle(182px at left center);
        -webkit-shape-outside: circle(182px at left center);
    }

    .helpInMoscow .hIM-items p {
        margin-bottom: 27px;
    }

    .news {
        padding-top: 81px;
    }

    .helpInMoscow .hIM-items h5,
    .news .hIM-items h5 {
        font-size: 32px;
        margin-bottom: 10px;
        line-height: 1;
    }

    .news .hIM-items .hIM-item:nth-child(1) .hIM-item-objects .hIM-item-object:nth-child(1) {
        top: 101px;
    }

    .news .hIM-items .hIM-item:nth-child(1) p {
        margin-bottom: 188px;
    }

    .anton .anton-heart h2 {
        font-size: 33px;
        margin-bottom: 8px;
        line-height: 1.61 !important;
    }

    .anton .banner h1 {
        font-size: 35px !important;
        padding-top: 0;
        margin-bottom: 11px;
    }

    .anton .banner h1::before {
        left: -3px;
        width: 57px;
        height: 51px;

    }

    .anton .service-banner h1::after {
        right: -55px;
        width: 118px;
        top: -67px;

    }

    .anton .banner .subtext {
        font-size: 26px !important;
    }

    .anton .banner {
        padding-block: 7px 18px;
    }

    .our-goal::after {

        left: 211px;
    }

    .non-profit-content .no-profit-img {
        left: 184px;
        right: initial;
        width: 250px;
    }

    .non-profit-content .no-profit-items .no-profit-img,
    .non-profit-content .no-profit-items .no-profit-img.top-img {
        left: 242px;
        width: 178px;
    }

    .support-img2 {
        left: 245px;
        width: 205px;
    }

    .epidermolysis .testimonial-content {
        min-height: 268px;
    }

    .non-profit-content .no-profit-items .no-profit-img:nth-child(3) {
        left: 225px;
    }

    .support-img {

        left: 212px;
        bottom: 216px;
        right: initial;
        width: 287px;
    }

    .shop .shop-item .shop-btn {
        margin-left: 80px;
    }

    .shop .shop-item.infoflyer .shop-btn {
        margin-left: 40px
    }

    .shop .shop-item#broschure-eb-family .shop-btn {
        margin-right: auto;
        margin-left: 0;

    }

    .types-tabs .tab-content #jeb-carousal {
        left: 207px;
        min-width: 300px;
    }

    .dk-book-img:nth-child(3) {
        width: 311px;
        right: -86px;
        bottom: -40px;
        left: 123px;
    }

    .shop .infoflyer .shop-item-img {


        left: 220px;
    }

    #about-us .dermakids-v .theme-btn {
        min-width: 181px;

        display: flex;
        align-items: center;
        justify-content: center;
        line-height: 1.1;
    }

    .types-tabs .tab-content #deb-carousal {
        left: 180px;

        top: 102px;
    }

    .types-tabs #type-kindler .hwh-usp:nth-child(2) {
        left: 67%;
    }

    .home-banner .carousel-fade .carousel-item img {
        min-height: 455px;
        object-fit: cover;
    }

    .about-banner.banner {
        min-height: auto
    }

    .banner::before {
        min-height: 841px;
    }

    .banner h1 strong {
        margin-left: 52px;
        font-size: 45px;
    }

    .banner h1::after {

        left: -66px;
    }

    .our-club .banner h1 {
        margin-bottom: 10px;
    }

    .home-testimonial {
        margin-top: 102px;
        min-height: 259px ! IMPORTANT;
    }

    #phone h2::before {
        top: -3px;
        width: 55px;
        right: 0px;
        background-size: contain;
    }

    .testimonial-content-wrap {
        padding-right: 10px
    }

    .testimonial-content h2 {
        margin-left: 150px
    }

    .our-goal .round-carousal .carousel-indicators {
        margin-left: 30px
    }

    .association-img,

    .help-affected .help-offer-img,

    #nav-home .hwh-items:nth-child(1) .hwh-img {

        right: initial;
        top: 13px;
        left: 205px;

    }

    .banner .round-carousal {

        margin-top: 0;

    }

    .epidermolysis .Eb .Eb-heading h3 {
        max-width: 81%;
    }




    .contact-item.active form {
        margin-top: 30px;
    }


    .navbar .nav-item.dropdown::after {

        right: 6px;

    }

    .dropdown-submenu::after {
        right: 6px;
    }



    .hwh-items:nth-child(4) .hwh-img {

        right: initial;

        left: 150px;

    }



    .hwh-items:nth-child(1) .hwh-usp {

        right: initial;

        left: 106px;

    }



    #nav-home .hwh-items:nth-child(2) .hwh-img,

    #nav-home .hwh-items:nth-child(3) .hwh-img {

        right: 219px;

        left: initial;

    }



    .how-we-help #nav-ernahrungsberatung .service-nav .nav-case-items .nav-case-item:nth-child(1) {

        right: initial;

        left: 110px;

    }



    .how-we-help #nav-ernahrungsberatung .service-nav .nav-case-items .nav-case-item:nth-child(7).nC-card {



        left: 240px;

        right: initial;

    }



    .how-we-help #nav-ernahrungsberatung .service-nav .nav-case-items .nav-case-item:nth-child(8) {

        right: initial;
        left: 308px;

    }



    .how-we-help #nav-ernahrungsberatung .service-nav .nav-case-items .nav-case-item:nth-child(5) {
        left: 285px;
        right: initial;

    }



    .how-we-help #nav-ernahrungsberatung .service-nav .nav-case-items .nav-case-item:nth-child(6).nC-card {



        left: 265px;

        right: initial;

    }



    .how-we-help #nav-ernahrungsberatung .service-nav .nav-case-items .nav-case-item:nth-child(3) {



        left: 265px;

        right: initial;

    }



    .how-we-help #nav-familientherapie .service-nav .nav-case-items .nav-case-item:nth-child(2) {

        right: initial;



        left: 200px;

    }



    .how-we-help #nav-familientherapie .service-nav ul li .nC-card {

        right: initial;

        left: 286px;

    }



    .how-we-help #nav-familientherapie .service-nav ul li:nth-child(2) .nC-card {

        right: initial;

        left: 300px;

        width: 80px;
        height: 80px;

    }

    .donation-option h4 {
        font-size: 34px;
    }

    .big-impact .bIC-img.left {

        left: initial;
        right: 181px;
    }



    .how-we-help #nav-sozialberatung .service-nav .nav-case-items .nav-case-item:nth-child(1) {

        left: 90px;

        right: initial;

    }



    .how-we-help #nav-sozialberatung .service-nav .nav-case-items .nav-case-item:nth-child(4) {
        right: initial !important;
        left: 230px;
        bottom: 730px;
        z-index: 1;

    }



    .how-we-help .tab-content #nav-case .service-nav .nav-case-items .nav-case-item:nth-child(2) {

        right: initial;

        left: 235px;

    }



    #umfeld .hwh-items:nth-child(1) .hwh-usp {

        right: initial;

        left: 322px;

    }



    .how-we-help #umfeld #nav-Kita .service-nav .nav-case-heading h5 {

        margin-top: 125px;

    }



    .how-we-help #nav-Kita .service-nav .nav-case-items .nav-case-item:nth-child(4) {

        width: 105px;

        bottom: 726px;
        height: 105px;

    }

    .how-we-help #nav-Kita .service-nav .nav-case-items .nav-case-item:nth-child(5) {
        width: 111px;
        height: 111px;
    }


    .how-we-help .tab-content .service-nav h4 {
        font-size: 36px;
    }

    #umfeld #nav-home2 .hwh-items:nth-child(2) .hwh-img {

        right: initial;

        left: 226px;

        min-width: 260px;

    }



    #umfeld #nav-home2 .hwh-items:nth-child(3) .hwh-img {

        left: initial;

        right: 251px;



        min-width: 233px;

    }



    #umfeld #nav-home2 .hwh-items:nth-child(4) .hwh-img {

        min-width: 330px;
        right: initial;
        left: 185px;

    }



    #umfeld #nav-home2 .hwh-items:nth-child(1) .hwh-img {
        min-width: 278px;
        right: initial;
        left: 210px;
        top: 139px;
    }

    .how-we-help #nav-Pflegedienste .service-nav .nav-case-items .nav-case-item:nth-child(2) {

        min-width: 257px;

        right: initial;

        top: 77px;

        left: 225px;

    }

    .how-we-help .tab-content .service-nav .nav-case-items .nav-case-item:nth-child(2) img {
        width: 257px;
    }

    .how-we-help #nav-Pflegedienste .service-nav .nav-case-items .nav-case-item:nth-child(6) {
        left: 268px;
    }



    .how-we-help #nav-krankenkassen .service-nav .nav-case-items .nav-case-item:nth-child(2) {

        min-width: 261px;
        right: initial;
        width: 280px;
        left: 185px;
        top: 167px;

    }




    .how-we-help #nav-Kita .service-nav .nav-case-items .nav-case-item:nth-child(1) {
        width: 350px;
        min-width: 350px;
        right: -54px;
        left: initial;
    }


    .how-we-help #nav-Kita .service-nav .nav-case-items .nav-case-item:nth-child(3) {

        right: initial;

        left: 205px;

    }



    #nav-offentlichkeit .service-nav .nav-case-items .nav-case-item:nth-child(1) {

        right: initial;
        right: -43px;
        width: 305px;
    }

    #nav-offentlichkeit .service-nav .nav-case-items .nav-case-item:nth-child(2) {
        width: 242px;
        height: fit-content;
        left: initial;
        top: 133px;
        right: 215px;
    }

    .help-affected .help-offers {

        padding-bottom: 125px;

    }



    .how-we-help #nav-offentlichkeit .service-nav .nav-case-items .nav-case-item:nth-child(5) {

        right: initial;



        left: 309px;

    }

    .contact {
        gap: 20px
    }

    .testimonial {
        min-height: 340px;
    }

    .home-customers-testimonial.testimonial {
        min-height: 310px;
    }

    .home-customers-testimonial .testimonial-content {

        min-height: 240px;
    }

    #about-us .testimonial {

        min-height: 300px;
    }

    #about-us .testimonial-content {
        min-height: 220px;
    }

    .our-club .testimonial,
    .haupttypen .testimonial {

        min-height: 300px;
    }

    .our-club .testimonial-content,
    .haupttypen .testimonial-content {
        min-height: 228px;
    }

    .alltag-mit .testimonial {
        min-height: 340px;
    }

    .help-us .testimonial-content {

        min-height: 260px;
    }

    .help-us .testimonial {
        min-height: 315px;

    }

    .alltag-mit .customers-testimonial .carousel-indicators {
        bottom: -48px !important;
    }

    .customers-testimonial .carousel-indicators {
        bottom: -20px !important;
    }

    .help-affected .customers-testimonial .carousel-indicators {
        bottom: 0px !important;
    }

    .dK-goal-content img {
        left: 189px;
        right: initial;
        width: 267px;
        height: 243px;
    }

    .contact-item .form-img img {

        min-width: 146px;
        height: auto;
    }

    .contact .contact-item .form-img {

        bottom: 42px !important;
    }

    #phone h2,
    #phone h2 a {
        font-size: 34px;

        margin-right: 0;

    }

    #phone h4 {
        margin-left: 0px;
    }

    #phone h4::before {
        bottom: -14px;
        left: -15px;
        top: initial;
    }

    .haupttypen .association-img {
        left: 240px;

        width: 245px;
        right: 0;
    }

    .types-tabs #type-ebs .hwh-usp:nth-child(1),
    .types-tabs #type-ebs .hwh-usp:nth-child(2) {
        left: 276px;
    }

    .types-tabs #type-ebs .hwh-usp:nth-child(3) {
        left: 230px;
    }

    .shop #pepi-das-schmetterlingskind.shop-item .shop-item-img {
        left: 253px;
        right: initial;
    }

    .satzungszweck #carouselthree.carousel {

        left: 197px;
    }

    .types-tabs #type-jeb .hwh-usp:nth-child(1) {
        left: 295px;

        top: 126px;
    }

    .types-tabs #type-deb .hwh-usp:nth-child(2) {

        left: 300px;

    }

    .epidermolysis .help-offers .help-offer-img {
        left: 172px;
    }

    .types-tabs #type-deb .hwh-usp:nth-child(1),
    .types-tabs #type-kindler .hwh-usp:nth-child(2) {
        left: 280px;
    }

    .eB-challenge .eB-img {

        left: 147px;
        width: 300px;
        top: -93px;
    }

    .eB-challenge {
        background-position: top left;
    }

    .eB-challenge .eB-item:nth-child(1) {

        min-width: 152px;
        left: 303px;
    }

    .eB-challenge .eB-item:nth-child(5) {

        left: 207px;
    }

    .epidermolysis {
        padding-bottom: 109px;
    }

    .eB-challenge .eB-item:nth-child(7),
    .eB-challenge .eB-item:nth-child(12) {
        left: 277px;
        min-width: 160px;
    }

    .eB-challenge .eB-item:nth-child(8) {
        min-width: 152px;
        left: 277px;
    }

    .Eb-img img {

        width: 93%;
    }

    .how-we-help #nav-ernahrungsberatung .service-nav .nav-case-items .nav-case-item:nth-child(4) {

        top: 81px;
    }

    .how-we-help .tab-content .service-nav .nav-case-items .nav-case-item.nC-card h6 {
        margin-bottom: 0;
    }

    .how-we-help #nav-krankenkassen .service-nav .nav-case-items .nav-case-item:nth-child(1) {

        width: 378px;
    }

    .how-we-help #nav-krankenkassen .service-nav .nav-case-items .nav-case-item:nth-child(10) {
        top: initial;
        left: initial;
        width: 111px;
        height: 110px;
        bottom: 217px;
        left: 300px;
    }

    .how-we-help #nav-krankenkassen .service-nav .nav-case-items .nav-case-item:nth-child(7) {
        width: 108px;
        height: 108px;
        left: 108px;
        bottom: 346px;
    }

    .how-we-help #nav-krankenkassen .service-nav .nav-case-items .nav-case-item:nth-child(11) {
        width: 106px;
        height: 106px;
        left: 164px;
        bottom: 228px;
    }

    .how-we-help #nav-krankenkassen .service-nav .nav-case-items .nav-case-item:nth-child(8) {
        width: 106px;
        height: 106px;
        bottom: 90px;
        left: 50px;
    }

    .how-we-help #nav-krankenkassen .service-nav .nav-case-items .nav-case-item:nth-child(6) {
        width: 75px;
        height: 75px;
        left: 180px;
        bottom: 143px;
    }

    .how-we-help #nav-krankenkassen .service-nav .nav-case-items .nav-case-item:nth-child(5) {

        left: 303px;
    }

    .alltag-mit .testimonial-content {
        min-height: 244px;
    }

    .farewell .bg-box {
        background: none;
    }
}

.anton .info-card {
    background-size: cover !important;
}

@media (max-width: 420px) {
    .non-profit-content .no-profit-items .no-profit-img:nth-child(3) {
        top: 666px;
    }

    #about-us .divider {
        height: 109px;
    }

    .dk-book::after {
        left: 361px;
        width: 36px;
        height: 41px;
    }

    .hilfsprojekte .info-card h6 {
        font-size: 30px;
        margin-bottom: 7px;
    }

    .hilfsprojekte .help-offers .help-offer-img {
        left: 230px;
        right: initial;
    }

    .kontakt-content::after {
        width: 230px;
        height: 230px;
    }

    .support-img2 {
        left: 245px;
        width: 205px;
    }

    .support-img {
        left: 212px;
        bottom: 216px;
        right: initial;
        width: 245px;
    }

    .satzungszweck .our-goal #carouselthree.round-carousal .carousel-indicators {
        margin-left: -5px;

        transform: rotate(7deg);
    }

    .types-tabs #type-kindler .hwh-usp:nth-child(1),
    .types-tabs #type-kindler .hwh-usp:nth-child(2) {
        width: 105px;
        height: 105px;
    }

    .types-tabs #type-ebs .hwh-usp:nth-child(3) {
        width: 155px;
        height: 155px;
    }

    .types-tabs #type-deb .hwh-usp:nth-child(3) {


        left: 7%;
    }

    .types-tabs #type-kindler .hwh-usp:nth-child(3) {
        width: 128px;
        height: 128px;
    }

    .how-we-help #nav-ernahrungsberatung .service-nav .nav-case-items .nav-case-item:nth-child(1) {

        left: 125px;

        width: 352px;
    }

    #umfeld #nav-home2 .hwh-items:nth-child(3) .hwh-img {

        right: 251px;
        min-width: 149px;

        top: 218px;

    }

    #umfeld #nav-home2 .hwh-items:nth-child(3) .hwh-img::after {
        left: -185px;
    }

    .how-we-help #nav-Pflegedienste .service-nav .nav-case-items .nav-case-item:nth-child(1) {
        width: 288px;
    }

    .how-we-help #nav-Pflegedienste .service-nav .nav-case-items .nav-case-item:nth-child(2) {

        left: 181px;
    }

    .how-we-help #nav-Kita .service-nav .nav-case-items .nav-case-item:nth-child(4) {
        bottom: 751px;
    }

    .how-we-help #nav-Kita .service-nav .nav-case-items .nav-case-item:nth-child(1) {
        right: -75px;

        width: 315px;
        min-width: 315px;
    }

    .how-we-help #nav-Kita .service-nav .nav-case-items .nav-case-item:nth-child(2) {
        width: 268px;
        left: -67px;
    }

    .kontakt-bottom {

        width: 202px;

    }

    .epidermolysis .help-offers .help-offer-img {

        top: 89px;
        width: 294px;
        left: 184px;
    }

    #nav-home .hwh-items:nth-child(3) .hwh-img {
        width: 273px;
        min-width: 204px;
    }

    #nav-home .hwh-items:nth-child(2) .hwh-img {
        min-width: 190px;
    }

    .hwh-items:nth-child(3) .hwh-img::after {


        left: -134px;
    }

    .alltag-mit .testimonial {
        min-height: 370px;
    }

    .alltag-mit .testimonial-content {
        min-height: 269px;
    }

    .alltag-mit .comparison {
        margin-bottom: 157px;
    }

    .how-we-help #nav-sozialberatung .service-nav .nav-case-items .nav-case-item:nth-child(4) {


        bottom: 751px;
    }

    #nav-home .hwh-items:nth-child(2) .hwh-img,
    #nav-home .hwh-items:nth-child(3) .hwh-img {
        right: 239px;
    }

    .how-we-help #nav-krankenkassen .service-nav .nav-case-items .nav-case-item:nth-child(10) {

        bottom: 211px;
        left: 283px;
    }

    .how-we-help #nav-Kita .service-nav .nav-case-items .nav-case-item:nth-child(5) {

        left: 272px;
        bottom: 256px;
    }

    .types-tabs .tab-content #jeb-carousal {
        left: 207px;
        min-width: 246px;

        top: 303px;
    }

    .inheritance #carouselfour {
        width: 211px;
        height: 190px;
        left: 245px;
        bottom: 390px;
    }

    .how-we-help #nav-offentlichkeit .service-nav .nav-case-items .nav-case-item:nth-child(5) {
        right: initial;
        left: 288px;
    }

    .our-club .testimonial,
    .haupttypen .testimonial {
        min-height: 330px;
    }

    .our-club .testimonial-content,
    .haupttypen .testimonial-content {
        min-height: 260px;
    }

    .home-customers-testimonial.testimonial {
        min-height: 320px;
    }

    .home-customers-testimonial .testimonial-content {
        min-height: 250px;
    }

    .how-we-help #nav-krankenkassen .service-nav .nav-case-items .nav-case-item:nth-child(5) {

        left: 267px;
    }

    .how-we-help #nav-offentlichkeit .service-nav .nav-case-items .nav-case-item:nth-child(5) {
        right: initial;
        left: 288px;
    }

    .shop .broschure .shop-item-img {

        left: 132px;
    }

    .shop .broschure .shop-item-price {
        right: 75px !important;
    }

    .impressum .impressum-img {
        left: 180px;
    }

    .shop .info-guide .carousel {

        left: -205px !important;
    }

    .epidermolysis .eB-challenge .eB-item:nth-child(7) {
        left: 250px;
    }

    .shop .info-guide .shop-item-content {
        margin-left: 119px;
    }

    .shop .info-guide h3 {
        max-width: 243px;
    }

    .shop .shop-item .shop-item-img {
        width: 274px;
    }

    .shop #pepi-das-schmetterlingskind.shop-item .shop-item-img {
        width: 230px;
    }

    .help-us .testimonial-content {
        min-height: 284px;
    }

    .help-us .testimonial {
        min-height: 345px;
    }

    .shop .info-guide .shop-item-img {
        width: 225px;

    }

    .individual-assistance .banner h1::before {
        right: initial;
        left: 300px;
    }

    .individual-assistance .banner h1::after {
        bottom: 46px;
        left: initial;
        width: 84px;
        height: 66px;
        right: 330px;
    }

    .individual-assistance .individual-assistance-tabs #help-home-content .tab-items .tab-item:nth-child(1) .hhT-objects .hhT-object:nth-child(1) {
        right: initial;
        left: 198px;
    }

    .individual-assistance .individual-assistance-tabs #help-home-content .tab-items .tab-item:nth-child(1) .hhT-objects .hhT-object:nth-child(4) .carousel {
        width: 300px;
        height: 300px;

    }

    .individual-assistance .individual-assistance-tabs #help-home-content .tab-items .tab-item:nth-child(1) .shape-helper {
        -webkit-shape-outside: circle(83px at left center);

    }

    .individual-assistance .individual-assistance-tabs #help-home-content .tab-items .tab-item:nth-child(2) .hhT-objects .hhT-object:nth-child(1) {
        top: -469px;
        right: initial;
        left: 326px;
        font-size: 34px;
        width: 170px;
        height: 170px;
        width: 59px ! IMPORTANT;
        height: 60px !important;
    }

    .individual-assistance .individual-assistance-tabs #help-home-content .tab-items .tab-item:nth-child(2) .hhT-objects .hhT-object:nth-child(3) {
        left: 182px;
        right: initial;
    }

    .individual-assistance .individual-assistance-tabs #help-home-content .tab-items .tab-item:nth-child(2) .hhT-objects .hhT-object:nth-child(2) {
        left: 250px;
        right: initial;
    }

    .individual-assistance .individual-assistance-tabs #help-home-content .tab-items .tab-item:nth-child(2) .hhT-objects .hhT-object:nth-child(4) {
        left: 152px;
        right: initial;
    }

    .individual-assistance .individual-assistance-tabs #help-home-content .tab-items .tab-item:nth-child(2) .hhT-objects .hhT-object:nth-child(5) {
        bottom: 20px;
    }

    .individual-assistance .individual-assistance-tabs #help-home-content .tab-items .tab-item:nth-child(3) .hhT-objects .hhT-object:nth-child(1) {
        right: 234px;
        left: initial;
    }

    .individual-assistance .individual-assistance-tabs #help-home-content .tab-items .tab-item:nth-child(4) .hhT-objects .hhT-object {
        left: 202px;

        right: initial;
    }

    .individual-assistance .individual-assistance-tabs #help-home-content .tab-items .tab-item:nth-child(6) .hhT-objects .hhT-object {
        left: 230px;
        right: initial;
    }

    .individual-assistance .individual-assistance-tabs #help-home-content .tab-items .tab-item:nth-child(7) .hhT-objects .hhT-object:nth-child(3) {
        top: -117px;
        right: 17px;
        width: 90px !important;
        height: 90px !important;
    }

    .individual-assistance .individual-assistance-tabs #help-home-content .tab-items .tab-item:nth-child(7) .hhT-objects .hhT-object:nth-child(2) {
        left: 116px;
        right: initial;
    }

    .individual-assistance .individual-assistance-tabs #help-home-content .tab-items .tab-item:nth-child(7) .hhT-objects .hhT-object:nth-child(1) {
        right: 200px;
        left: initial;
    }

    .individual-assistance .individual-assistance-tabs #safe-mobility-content .tab-items .tab-item:nth-child(1) .hhT-objects .hhT-object:nth-child(1) {
        left: 95px;
        right: initial;
    }

    .individual-assistance .individual-assistance-tabs #safe-mobility-content .tab-items .tab-item:nth-child(1) .hhT-objects .hhT-object:nth-child(2) {
        right: 200px;
        left: initial;
    }

    .individual-assistance .individual-assistance-tabs #safe-mobility-content .tab-items .tab-item:nth-child(2) .hhT-objects .hhT-object:nth-child(2) {
        top: -122px;
        width: 93px !important;
        height: 93px !important;
        right: 107px;
    }

    .individual-assistance .individual-assistance-tabs #safe-mobility-content .tab-items .tab-item:nth-child(2) .hhT-objects .hhT-object:nth-child(1) .carousel {
        width: 300px;
        height: 300px;
    }

    .individual-assistance .individual-assistance-tabs #safe-mobility-content .tab-items .tab-item:nth-child(3) .hhT-objects .hhT-object:nth-child(1) {
        top: -71px;
        left: initial;
        width: 220px;
        height: 220px;
        right: 256px;
    }

    .individual-assistance .individual-assistance-tabs #medical-assistance-content .tab-items .tab-item:nth-child(2) .hhT-objects .hhT-object:nth-child(1) {
        width: 350px;
    }

    .individual-assistance .individual-assistance-tabs #medical-assistance-content .tab-items .tab-item:nth-child(3) .hhT-objects .hhT-object:nth-child(2) {
        width: 95px ! IMPORTANT;
        height: 96px !important;
        bottom: -25px;
        right: initial;
        font-size: 32px;
        left: 255px;
    }

    .individual-assistance .individual-assistance-tabs #medical-assistance-content .tab-items .tab-item:nth-child(3) .shape-helper {
        height: 195px;
        -webkit-shape-outside: circle(65px at left center);
    }

    .individual-assistance .individual-assistance-tabs #medical-assistance-content .tab-items .tab-item:nth-child(3) .hhT-objects .hhT-object:nth-child(1) {
        top: 17px;
        left: -101px;
        width: 283px;
    }

    .individual-assistance .individual-assistance-tabs #medical-assistance-content .tab-items .tab-item:nth-child(5) .hhT-objects .hhT-object:nth-child(1) {
        left: 207px;
        right: initial;
    }

    .individual-assistance .individual-assistance-tabs #medical-assistance-content .tab-items .tab-item:nth-child(6) .shape-helper {
        -webkit-shape-outside: circle(110px at left center);

    }

    .individual-assistance .individual-assistance-tabs #medical-assistance-content .tab-items .tab-item:nth-child(6) .hhT-objects .hhT-object:nth-child(2) {
        top: -35px;
        right: initial;
        width: 183px;
    }

    .individual-assistance .individual-assistance-tabs #medical-assistance-content .tab-items .tab-item:nth-child(6) .hhT-objects .hhT-object:nth-child(3) {
        left: 145px;
        right: initial;
    }
}



.how-we-help #nav-ernahrungsberatung .service-nav .nav-case-items .nav-case-item:nth-child(6).nC-card,

.how-we-help #nav-ernahrungsberatung .service-nav .nav-case-items .nav-case-item:nth-child(7).nC-card,

.how-we-help #nav-ernahrungsberatung .service-nav .nav-case-items .nav-case-item:nth-child(9),

.how-we-help #nav-familientherapie .service-nav .nav-case-items .nav-case-item.nC-card {

    background: linear-gradient(to bottom right, transparent 0%, #ffffff 15%, #DEEDF3 100%) !important;



}



.how-we-help #nav-sozialberatung .service-nav .nav-case-items .nav-case-item.nC-card {

    background: linear-gradient(to bottom right, transparent 0%, #ffffff 15%, #eccfe2 100%) !important;





}















.how-we-help #nav-krankenkassen .service-nav .nav-case-items .nav-case-item:nth-child(7).nC-card,

.how-we-help #nav-krankenkassen .service-nav .nav-case-items .nav-case-item:nth-child(6).nC-card,

.how-we-help #nav-krankenkassen .service-nav .nav-case-items .nav-case-item:nth-child(9).nC-card,

.how-we-help #nav-krankenkassen .service-nav .nav-case-items .nav-case-item:nth-child(10).nC-card {

    background: linear-gradient(to bottom right, transparent 0%, #ffffff 15%, #D1C0DC 100%) !important;

}



.navbar-light .navbar-toggler {

    border: none;

}

.umfeld-tab-name {
    display: none;
}

.umfeld-active .umfeld-tab-name {
    display: block
}

.umfeld-active .eb-betroffene-tab-name {
    display: none;
}






.dK-accordian .accordion-item .accordion-button.collapsed {

    border: 0 !important;

}

.haupttypen .about-banner h1 {
    max-width: fit-content !important;
}



@media (min-width: 768px) {
    .my-slider {
        display: none;
    }
}

.contact-item .theme-btn {
    margin: auto;
    display: block;
    margin-top: 10px;
}

#satzungszweck .satzungszweck {
    position: relative;
}

.contact-item span {
    font-size: 12px;
    font-weight: 400;
    line-height: 1.5;
    color: #848483;
    text-align: left;
    display: inline-block;

}

.contact-item a {
    font-size: 12px;
    font-weight: 400;
    line-height: 1.5;
    color: #848483;
    display: inline-block;

}

main.kontakt {
    background-color: #fff;
}



@media all and (max-width: 575px) {}

@media all and (max-width: 450px) {}

.hwh-content .slick-dots {
    z-index: 4;
}

.comparison-img {
    display: flex;
    overflow-x: hidden;
    /* prevents whole container from scrolling */
    gap: 25px;
}



@media(max-width:767px) {

    .tab-nav .tab-next {
        transform: rotate(269deg);
    }

    .donation-option .dO-item {
        background: url(../img/dO-item-mb-bg.png) no-repeat center / cover !important;
    }

    .how-we-help .tab-content #nav-ernahrungsberatung .service-nav ul li p::before {
        top: 5px;
    }

    .visit-insta .slide {
        margin-inline: 5px;
    }

    .tab-nav .tab-prev {
        transform: rotate(91deg);
    }

    .eb-meeting #video-tab,
    .eB-family-treffen .eb-family .location #video-tab {
        overflow-x: auto;
        scrollbar-width: none;
        -ms-overflow-style: none;
        white-space: nowrap;

        justify-content: start;
        margin-inline: -12px;
    }

    #video-tabContent {
        margin-inline: -12px;
    }

    .eb-meeting .tab-nav {
        margin: 0;
    }

    .eb-meeting #video-tab .nav-link,
    .eB-family-treffen .eb-family .location #video-tab .nav-link {
        padding-inline: 10px;
    }

    .eb-meeting #video-tab .nav-link img,
    .eB-family-treffen .eb-family .location #video-tab .nav-link img {
        min-width: 60px
    }

    .eb-meeting #video-tab::-webkit-scrollbar,
    .eB-family-treffen .eb-family .location #video-tab::-webkit-scrollbar {
        display: none;
        /* for Chrome, Safari, and Opera */
    }

    .contact-item form input::placeholder,
    .contact-item form textarea::placeholder,
    .contact-item.active form input:not(#wp-comment-cookies-consent),
    .contact-item form textarea,
    .contact-item input {
        font-size: 14px;
    }

    .shop-item-price {
        width: 125px;
    }

    .shop .info-guide .shop-item-price {
        right: 13px;
        bottom: -12px;
    }

    .shop .nachhaltigkeitsbericht .shop-item-price {
        bottom: 97px;
        left: -36px;
    }

    .shop .schmetterlingskind .shop-item-price {
        right: 40px;
    }

    .shop .infoflyer .shop-item-price {
        right: 153px;
        bottom: 47px;
    }

    .shop .broschure .shop-item-price {
        top: initial;
        right: 60px;
        left: initial;
        bottom: 23px;
        width: 100px;
    }

    .contact-item form input::placeholder,
    .contact-item form textarea::placeholder,
    .contact-item select.form-control,
    #calender label,
    .contact-item form textarea,
    #mail label {
        font-size: 14px !important;
    }

    #agb .terms-heading h2 {
        padding-top: 40px;
        margin-bottom: 20px !important;
    }

    #agb .terms-content p,
    #agb .terms-content a,
    #agb .terms-content span {
        font-size: 14px;
    }

    #datepicker .input-group-text {
        min-height: 40px;

    }

    .scroll-container {
        overflow-x: auto;
        scrollbar-width: none;
        /* for Firefox */
        -ms-overflow-style: none;
        /* for IE 10+ */
        white-space: nowrap;
    }

    .scroll-container::-webkit-scrollbar {
        display: none;
        /* for Chrome, Safari, and Opera */
    }

    .visit-insta .slick-track {
        margin-left: -13.5%;

    }

    .scroll-img {
        height: 250px;
        object-fit: cover;
        display: block;
        width: auto;
        max-width: none;
        /* important for enabling scrolling if image is wide */
    }

    .eB-challenge .eB-item:nth-child(7) {
        left: 263px;
        top: 680px;
    }

    .donation-option .dO-item {
        max-width: 100% !important;
        width: 100% !important;

    }

    .shop .shop-item.infoflyer .round-carousal .carousel-indicators {
        bottom: 470px !important;
        transform: rotate(14deg);
        right: 128x !important;
    }
}











.klaro .cookie-modal p,
.klaro .cookie-modal h1,
.klaro .cookie-modal h2,
.klaro .cookie-modal ul,
.klaro .cookie-modal li,
.klaro .context-notice p,
.klaro .context-notice h1,
.klaro .context-notice h2,
.klaro .context-notice ul,
.klaro .context-notice li,
.klaro .cookie-notice p,
.klaro .cookie-notice h1,
.klaro .cookie-notice h2,
.klaro .cookie-notice ul,
.klaro .cookie-notice li {
    display: block;
    text-align: left;
    margin: 0;
    padding: 0;
    margin-top: .7em;
    font-family: 'Century Gothic Pro';
    font-size: 14px;
    line-height: 1.4;
}

.klaro .cookie-modal .cm-modal .cm-header h1 {
    font-family: 'Century Gothic Pro';
    font-size: 21px !important;
}




#vertragsschlus-und-lieferung-der-waren {

    padding-bottom: 20px;
}

#datenschutz .terms-content .terms-content-heading span {
    font-size: 30px;
    line-height: 1.13;
    font-family: "Lifehack";
    margin-bottom: 0;
}


.inheritance #carouselthree.round-carousal .carousel-indicators button.active,
.inheritance #carouselfour .carousel-indicators button.active,
.types-tabs .tab-content .round-carousal .carousel-indicators button.active {
    background-color: #b5e2f8;
    border: 1px solid #50c2f0;
}

@media (min-width: 768px) and (max-width: 992px) {
    .home-banner h1 {

        font-size: 38px;
        padding-bottom: 60px;
    }

    .services .round-carousal .carousel-indicators :nth-child(2) {
        margin-top: 8px;
    }

    .services-box span::after {
        top: 10px;
    }

    #unser-verein .dermakids-v #carouseltwo {
        width: 235px;
    }

    #unser-verein.our-club .dermakids-v #carouseltwo .carousel-indicators {
        bottom: 92px;
    }

    .dK-goal::after {
        width: 190px;
    }

    .dK-goal #carouselthree.round-carousal .carousel-indicators {

        gap: 3px;
    }

    .dK-goal #carouselthree.round-carousal .carousel-indicators :nth-child(2) {
        margin-top: 62px;
    }

    .dK-goal #carouselthree.round-carousal .carousel-indicators :nth-child(3) {
        margin-top: 74px;
    }

    .dK-goal #carouselthree.round-carousal .carousel-indicators :nth-child(3) {
        margin-top: 74px;
    }

    .dK-goal #carouselthree.round-carousal .carousel-indicators {
        transform: rotate(30deg);
    }

    .dK-goal #carouselthree.round-carousal .carousel-indicators :nth-child(1) {
        margin-top: 36px;
    }

    .non-profit-content .no-profit-img {
        width: 215px;
        left: -63px;
        top: -67px;
    }

    .non-profit-content .no-profit-items .no-profit-img:nth-child(3) {
        bottom: 142px;


    }

    #about-us .about-banner h1::after {
        left: 11px;
    }

    .satzungszweck-img {
        position: relative;
        top: -112px;
        right: -42px;
    }

    .satzungszweck .our-goal .round-carousal .carousel-indicators :nth-child(2) {
        margin-left: -3px;
    }

    .satzungszweck #carouselthree.carousel {

        bottom: 0;
    }

    .satzungszweck .our-goal #carouselfour {
        right: initial;
    }

    .butterfly-children .bC-content {
        margin-left: 153px;
        max-width: 425px;
    }

    .haupttypen .dermakids-v #carouseltwo .carousel-indicators {
        transform: rotate(12deg);
        right: 50%;
        bottom: 42px;
    }

    .types-tabs #type-jeb .ebs-layer-img:nth-child(2),
    .types-tabs #type-deb .ebs-layer-img:nth-child(2) {
        margin-top: 75px;
    }

    .dk-book #carouselthree {
        width: 187px !important;
    }

    .dk-book #carouselthree.round-carousal .carousel-indicators {

        transform: rotate(37deg);
        bottom: 12px;
        gap: 4px;
    }

    .dk-book::after {
        right: 0;
    }

    .home-banner h1 span {
        margin-bottom: 0;
        font-size: 45px;
    }

    .home-banner h1 strong {
        font-size: 50px;
        margin-top: 0;
    }


    .advice-banner .banner-img {
        right: 7%;
        width: 120px;
        height: 120px;
        top: 0px;
    }

    .help-affected .service-banner {
        text-align: center;
    }

    .help-affected .help-offer-img {
        right: -15%;
    }

    .help-affected .help-offers .subtext {
        font-size: 25px;
        max-width: 400px;
    }

    .help-affected .help-offers #carouseltwo {
        position: absolute;
        margin-top: 0;
        right: 0;
        bottom: 80px;
        width: 350px;
        height: 350px;

    }

    .help-affected .help-offers {
        padding-bottom: 360px;
    }

    .help-offers #carouseltwo.round-carousal .carousel-indicators {
        bottom: 45px;
    }

    #nav-home .hwh-items:nth-child(1) .hwh-img {
        position: initial;
    }

    #nav-home .hwh-items:nth-child(2) .hwh-img,
    #nav-home .hwh-items:nth-child(3) .hwh-img {

        position: absolute;
        bottom: 0;
        left: 0;
    }

    .ernahrungsberatung-content {
        margin-top: 0;
    }

    .hwh-items:nth-child(4) .hwh-img {
        position: absolute;
        bottom: 48px;
        right: 46%;
        width: 200px;
        min-width: 200px;
        margin-top: 0;
    }

    .sozialberatung-content,
    .familientherapie-content,
    .kita-content-info {
        max-width: fit-content;
        margin-left: 92px;
        margin-top: 130px;
        margin-bottom: 36px;
        min-width: 368px;
    }

    .hwh-items .sozialberatung-content p,
    .hwh-items .familientherapie-content p,
    .hwh-items .kita-content-info p {
        max-width: 343px;
        font-size: 14px;
    }

    .kita-content-info {
        margin-left: auto;
    }

    #umfeld #nav-home2 .hwh-items:nth-child(1) p {
        max-width: 380px;
    }

    #umfeld #nav-home2 .hwh-items:nth-child(1) .hwh-usp {
        left: 340px;
    }

    .how-we-help .tab-content #nav-case .service-nav .nav-case-items .nav-case-item:nth-child(1) {
        top: 2px;
        left: 4px;
        width: 415px;
        height: 400px;
    }

    .how-we-help .tab-content #nav-case .service-nav .nav-case-items .nav-case-item:nth-child(2) {
        height: 307px;
        width: 364px;
        top: 32px;
        right: -75px;
    }

    .how-we-help .tab-content #nav-case .service-nav .nav-case-heading p,
    .how-we-help .tab-content .service-nav .nav-case-heading p {
        max-width: 100%;
    }

    #nav-case .round-carousal .carousel-indicators,
    #nav-sozialberatung .round-carousal .carousel-indicators,
    #nav-familientherapie .round-carousal .carousel-indicators,
    #nav-Pflegedienste .round-carousal .carousel-indicators,
    #nav-offentlichkeit .round-carousal .carousel-indicators {
        transform: none;
        margin-left: 0;
        bottom: 0 !important;
        left: 0;
    }

    #nav-case .round-carousal .carousel-indicators button,
    #nav-sozialberatung .round-carousal .carousel-indicators button,
    #nav-familientherapie .round-carousal .carousel-indicators button,
    #nav-Pflegedienste .round-carousal .carousel-indicators button,
    #nav-offentlichkeit .round-carousal .carousel-indicators button {
        margin-block: 0 !important;
    }

    .how-we-help .tab-content #nav-sozialberatung .service-nav .nav-case-items .nav-case-item:nth-child(2) {
        width: 328px;
        left: 0;
    }

    .how-we-help #nav-sozialberatung .service-nav .nav-case-items .nav-case-item:nth-child(4) {
        bottom: 630px;
    }

    .how-we-help #nav-familientherapie .service-nav .nav-case-items .nav-case-item:nth-child(2) {
        width: 320px;
        right: 12px;
    }

    .how-we-help #nav-familientherapie .service-nav .nav-case-items .nav-case-item:nth-child(1) {
        left: 0;
    }

    .how-we-help #nav-ernahrungsberatung .service-nav .nav-case-items .nav-case-item:nth-child(4) {
        width: 320px;
        left: 0;
    }

    .how-we-help #nav-ernahrungsberatung .service-nav .nav-case-items .nav-case-item:nth-child(1) {
        right: -50px;
    }

    .how-we-help .hwh-type h3 {

        font-size: 30px;
    }

    .how-we-help .hwh-type .nav-link::after {
        top: 38px;
    }

    .help-affected .nav-tabs .nav-link {
        font-size: 14px;
    }

    .how-we-help #nav-Pflegedienste .service-nav .nav-case-items .nav-case-item:nth-child(4) {
        bottom: 345px;
    }

    .how-we-help #nav-Pflegedienste .service-nav .nav-case-items .nav-case-item:nth-child(2),
    .how-we-help #nav-krankenkassen .service-nav .nav-case-items .nav-case-item:nth-child(2) {
        max-width: 350px;
        right: 0;
    }

    .how-we-help #nav-Pflegedienste .service-nav .nav-case-items .nav-case-item:nth-child(1) {
        left: 0;
        width: 295px;
    }

    .how-we-help #nav-Pflegedienste .service-nav .nav-case-items .nav-case-item:nth-child(6) {
        top: 281px;
        right: 38%;
    }

    .how-we-help #nav-krankenkassen .service-nav .nav-case-items .nav-case-item:nth-child(2) {
        top: 110px;
    }

    .how-we-help #nav-Kita .service-nav .nav-case-items .nav-case-item:nth-child(2) {
        width: 337px;
        left: 0;
        right: initial;
        top: 71px;
    }

    .how-we-help #nav-Kita .service-nav .nav-case-items .nav-case-item:nth-child(1) {
        right: 0;
    }

    .how-we-help #nav-Kita .service-nav .nav-case-items .nav-case-item:nth-child(3) {
        bottom: 420px;
    }

    .how-we-help #nav-Kita .service-nav .nav-case-items .nav-case-item:nth-child(5) {
        width: 130px;
        height: 131px;
        bottom: 305px;
    }

    .how-we-help #nav-Kita .service-nav .nav-case-items .nav-case-item:nth-child(4) {
        bottom: 175px;
    }

    .how-we-help #nav-Kita .service-nav .nav-case-items .nav-case-item:nth-child(7) {
        bottom: 103px;
    }

    .how-we-help #umfeld #nav-Kita .service-nav .nav-list {
        max-width: 450px;
    }

    #nav-offentlichkeit .service-nav .nav-case-items .nav-case-item:nth-child(2) {
        width: 230px;
        left: 0;
    }

    #nav-offentlichkeit .service-nav .nav-case-items .nav-case-item:nth-child(1) {
        top: 44px;
        right: 0;
    }

    #nav-offentlichkeit .service-nav .nav-case-items .nav-case-item:nth-child(8) {
        right: 94px;
        bottom: 244px;
    }

    #nav-home2 .hwh-items:nth-child(2) .hwh-img::after {
        height: 510px;
    }

    #nav-home2 .hwh-items .hwh-usp {
        font-size: 16px;
    }

    #umfeld .hwh-items:nth-child(2) .hwh-usp:nth-child(2) {
        width: 140px;
        height: 140px;
    }

    .kita-content-info {
        margin-top: 199px;
    }

    .help-us .donation .round-carousal .carousel-indicators :nth-child(3) {

        margin-top: -15px;
    }

    .help-us .donation .round-carousal .carousel-indicators {
        transform: rotate(339deg);
        bottom: 46px;
    }

    .help-us .banner h1::after {
        left: 99px;
    }

    .kontakt .round-carousal .carousel-indicators {

        gap: 11px;
    }

    .kontakt .round-carousal .carousel-indicators button:nth-child(1) {
        margin-left: 24px;
    }

    .help-affected .info-card {
        min-height: 425px;
        height: 425px;
    }

    .shop .shop-item .round-carousal .carousel-indicators {
        bottom: 74px;
        transform: rotate(358deg);
        gap: 7px;
    }

    .shop-item-price {

        width: 96px;
        bottom: 18px;
    }

    .shop .nachhaltigkeitsbericht .shop-item-price {
        bottom: 10px;
    }

    .shop .info-guide .shop-item-price {
        bottom: -20px;
    }

    .shop .broschure .shop-item-price {

        width: 140px;

    }

    .help-affected .card-icon img {
        max-width: 60px;
    }

    .navbar .nav-item.dropdown::after,
    .dropdown-submenu::after {

        right: 36px;
    }

    .kontakt-form {
        max-width: 100%;
    }

}

@media (min-width: 1200px) and (max-width: 1440px) {
    #about-us .dermakids-v #carouseltwo .carousel-indicators {
        transform: rotate(16deg);
        left: -186px;
        bottom: 38px;
        gap: 26px;
    }

    .how-we-help #nav-case .service-nav .nav-case-items .nav-case-item .round-carousal .carousel-indicators,
    .how-we-help #nav-sozialberatung .service-nav .nav-case-items .nav-case-item .round-carousal .carousel-indicators {
        gap: 20px;
    }

    .how-we-help #nav-case .service-nav .nav-case-items .nav-case-item .round-carousal .carousel-indicators button:nth-child(1) {
        margin-top: 10px;
    }

    #nav-sozialberatung .round-carousal .carousel-indicators :nth-child(2) {
        margin-top: 26px;
    }

    .how-we-help #nav-sozialberatung .service-nav .nav-case-items .nav-case-item:nth-child(3) .nav-case-carousel .round-carousal .carousel-indicators {
        top: 276px;
        transform: rotate(23deg);

    }

    .how-we-help #nav-familientherapie .service-nav .nav-case-items .nav-case-item .round-carousal .carousel-indicators button:nth-child(2) {
        margin-top: 24px;
    }

    .services .round-carousal .carousel-indicators {
        bottom: -74px;
        left: -39px;
        transform: rotate(0deg);
    }

    .how-we-help #nav-familientherapie .service-nav .nav-case-items .nav-case-item .round-carousal .carousel-indicators button {
        margin-inline: 0;
    }

    .how-we-help #nav-familientherapie .service-nav .nav-case-items .nav-case-item .round-carousal .carousel-indicators {
        transform: rotate(319deg);

    }

    .alltag-mit .help-offers #carouseltwo.round-carousal .carousel-indicators {
        transform: rotate(344deg);
        gap: 26px;
        bottom: -12px;
    }

    .alltag-mit .help-offers #carouseltwo.round-carousal .carousel-indicators :nth-child(1) {
        margin-top: 75px;
    }

    .alltag-mit .help-offers #carouseltwo.round-carousal .carousel-indicators :nth-child(2) {
        margin-top: 73px;
    }

    .alltag-mit .help-offers #carouseltwo.round-carousal .carousel-indicators :nth-child(3) {
        margin-top: 55px;

    }

    .alltag-mit .help-offers #carouseltwo.round-carousal .carousel-indicators :nth-child(4) {
        margin-top: 19px;
    }

    .alltag-mit .comparison .round-carousal .carousel-indicators {
        gap: 26px;
        z-index: 99;
        bottom: -13px;
        left: initial;
        right: -25px;
        transform: rotate(348deg);
    }

    .butterfly-children .round-carousal .carousel-indicators {
        bottom: -25px;
    }

    .epidermolysis .help-offers #carouseltwo.round-carousal .carousel-indicators :nth-child(3) {
        margin-top: 99px;
    }

    .epidermolysis .help-offers #carouseltwo.round-carousal .carousel-indicators {
        rotate: 17deg;
    }

    .haupttypen .dermakids-v #carouseltwo .carousel-indicators {
        transform: rotate(280deg);
        right: -37px;

        gap: 26px;
    }

    .types-tabs .tab-content #jeb-carousal .carousel-indicators {
        gap: 26px;
        bottom: -239px;
        left: -34px;
    }

    .haupttypen .dermakids-v #carouseltwo.round-carousal .carousel-indicators :nth-child(2) {
        margin-top: 16px;
    }

    .types-tabs .tab-content #jeb-carousal .carousel-indicators button:nth-child(2) {


        margin-left: 32px;
    }

    .alltag-mit .comparison .round-carousal .carousel-indicators :nth-child(1) {
        margin-top: 41px;
    }

    .alltag-mit .comparison .round-carousal .carousel-indicators :nth-child(3) {
        margin-top: 9px;
    }

    .impressum .round-carousal .carousel-indicators {
        bottom: 21px;
        left: -313px;
        transform: rotate(7deg);

    }

    .shop .shop-item .round-carousal .carousel-indicators {
        transform: rotate(8deg);
    }

    .shop .info-guide .round-carousal .carousel-indicators {
        bottom: 43px !important;
        transform: rotate(9deg);
    }

    .shop .infoflyer .round-carousal .carousel-indicators {
        bottom: 59px;
        transform: rotate(9deg) ! IMPORTANT;
    }

    .shop .broschure .round-carousal .carousel-indicators {
        transform: rotate(10deg);
        bottom: 22px;
    }

    .home-banner .round-carousal .carousel-indicators {
        bottom: -43px;
        transform: rotate(3deg);
    }

    .home-testimonial .testimonial-content {
        min-height: 206px;
    }
}

@media (min-width: 1200px) and (max-width: 1440px) {
    .our-goal .round-carousal .carousel-indicators {
        left: -41px;
        transform: rotate(3deg);
        width: fit-content;
        height: fit-content;
        top: -22px;
    }

    .our-goal .round-carousal .carousel-indicators :nth-child(2) {
        margin-top: 24px;
        margin-left: -10px;
    }

    .alltag-mit .help-offers #carouseltwo.round-carousal .carousel-indicators :nth-child(4) {
        margin-top: 22px;
        margin-left: -6px;
    }

    .alltag-mit .comparison .round-carousal .carousel-indicators button:nth-child(2) {
        margin-top: 38px;
        margin-right: -5px;
    }

    .epidermolysis .help-offers #carouseltwo.round-carousal .carousel-indicators :nth-child(2) {
        margin-top: 99px;
        margin-left: -6px;
    }

    .dK-goal #carouselthree.round-carousal .carousel-indicators {

        transform: rotate(15deg);
        gap: 11px
    }

    .dK-goal #carouselthree.round-carousal .carousel-indicators :nth-child(3) {

        margin-left: 11px;
    }
}

@media (max-width: 767px) {
    .home-banner .round-carousal .carousel-indicators {
        transform: none;
    }
}


#help-home-content .nav-bottom-tab,
#experiencesTabsContent .nav-bottom-tab {
    justify-content: end;
}

#help-home-content .nav-bottom-tab a::before,
#experiencesTabsContent .nav-bottom-tab a::before {
    content: "" !important;
}

#help-home-content .nav-bottom-tab a::after,
#experiencesTabsContent .nav-bottom-tab a::after {
    content: none !important;
}


.nav-tabs {
    border-bottom: 0;
}




video::cue {
    color: #fff;
    background: rgba(72, 192, 213, 0.8);
    font-size: 18px;

    font-family: "Century Gothic Pro";
}

.heartfelt-tabs #gifts .nav-bottom-tab a:before {
    left: 35px;
    top: 6px;
    cursor: pointer;
    rotate: 92deg;
    right: inherit;
}