@media screen and (max-width:1200px) {
    /* header */
    .header-main .nav > li > a {
        font-size: .75rem;
        letter-spacing: 0;
    }
    body #logo {
        width: 226px !important;
    }
    body .nav>li {
        margin: 0 0.5rem;
    }
    /* header */
    /* menu */
    body:not(.page-template-page-transparent-header-light) .header-bg-color {
        background-color: #FFFFFF;
    }
    body:not(.page-template-page-transparent-header-light) .icon-menu:before {
        filter: invert(1);
    }
    .off-canvas li.header-search.current-dropdown ul#ux-search-dropdown li.header-search-form.search-form.html.relative.has-icon {
        padding: 0px 30px;
    }
    .off-canvas button.mfp-close {
        right: unset;
        left: 311px;
        top: 11px;
    }
    .off-canvas .social-icons.follow-icons {
        display: flex !important;
        justify-content: center;
        margin-top: 50px;
    }
    .off-canvas:not(.off-canvas-center) .nav-vertical li>a {
        padding-left: 30px !important;
    }
    .off-canvas .nav-sidebar.nav-vertical>li.menu-item.active, 
    .off-canvas .nav-sidebar.nav-vertical>li.menu-item:hover {
        background-color: transparent;
    }
    .off-canvas li.header-search.current-dropdown ul#ux-search-dropdown {
        position: relative;
        left: 0;
        box-shadow: unset;
        border: 0 !important;
        padding: 0;
        background: transparent;
        margin-bottom: 0 !important;
    }
    .off-canvas .nav>li.has-icon>a>i {
        opacity: 1;
    }
    .off-canvas .icon-search:before {
        content: "";
        position: relative;
        width: 1.3125rem;
        height: 1.3125rem;
        background: url('../image/icon-search.svg') center center/contain no-repeat;
        display: inline-flex;
    }
    .off-canvas .nav-sidebar.nav-vertical>li+li {
        border-top: 0;
    }
    .off-canvas-left .mfp-content {
        width: 100% !important;
        max-width: 368px;
        background: #FDFCFA !important;
    }
    .off-canvas .sidebar-menu {
        padding: 10px 0 10px 0 !important;
    }
    .off-canvas-right .nav-sidebar.nav-vertical>li+li {
        border-top: 0;
    }
    .off-canvas .nav-vertical>li.menu-item:not(.header-search,.account-item,.cart-item)>a {
        border-bottom: 0;
        padding-bottom: 0px;
        text-align: left;
        justify-content: flex-start;
        flex: unset;
        line-height: 19px;
        font-size: 15px;
        letter-spacing: 1.05px;
        color: #121212;
        font-family: var(--text-font);
        font-weight: normal;
        border-bottom: 1px solid #e1e1df;
        width: 100%;
        padding: 20px 30px !important;
    }
    .icon-menu:before {
        content: "" !important;
        background: url('../image/menu.svg');
        width: 27px;
        height: 19px;
        display: inline-block;
        background-size: contain;
        background-repeat: no-repeat;
        top: -1px;
        position: relative;
    }
    .header-wrapper.stuck .icon-menu:before {
        filter: invert(1);
    }
    /* menu */
}
@media screen and (max-width:849px) {
    /* staudenlieblinge */
    .section-banner-page.stauden-banner-page .row.main-contain > .col > div h1 {
        max-width: 300px;
        margin-bottom: 10px;
    }
    .nt_galey .title-box h2 {
        line-height: 29px!important;
    }
    .nt_galey .image-right-sta {
        bottom: -6.25rem;
        right: 0;
        width: 428px!important;
    }
    .st_wie.st_itatgcbcr + .nt_kostenlosen {
        z-index: 4;
        overflow: inherit;
    } 
    .nt_kostenlosen.st_hallo.st_stauden {
        padding-top: 60px !important;
        padding-bottom: 45px !important;
    }
    .st_itatgcbcr.nt_mission.st_wie .flickity-prev-next-button.previous {
        left: -12px;
    }
    .st_itatgcbcr.nt_mission.st_wie .flickity-prev-next-button.next {
        right: -12px;
    }
    .st_itatgcbcr.nt_mission.st_wie .slider-wrapper .row {
        padding: 0 !important;
        margin-right: 20px !important;
    }
    .st_itatgcbcr.nt_mission.st_wie .row:not(.row-icon-wie) {
        max-width: 428px;
    }
    .st_wie.st_itatgcbcr {
        z-index: 2;
        overflow: inherit;
    }
    .stauden-banner-page.section-banner-page {
        padding-bottom: 93px !important;
    }
    .st_itatgcbcr .wildflowers_butterflies {
        width: 90px!important;
        height: 90px;
        position: absolute !important;
        bottom: -6rem;
        left: unset;
        animation: flap 4s ease-in-out infinite;
        z-index: 9;
        right: 0;
    }
    /* staudenlieblinge */
    /* contact */
    .nt_kontact button.forminator-button.forminator-button-submit {
        margin-top: 5px !important;
    }
    .nt_kontact .html-checkbox p {
        font-size: 11px !important;
        letter-spacing: 0;
    }
    .nt_kontact .title-box p {
        max-width: 328px;
        margin: auto;
        margin-bottom: 30px;
        letter-spacing: 1.05px;
    }
    .nt_kontact .forminator-row.forminator-row-last {
        margin-bottom: 0 !important;
    }
    .nt_kontact.pt-100 {
        padding-top: 80px !important;
    }
    /* contact */
    /* blog detail*/
    .arrow-bottom .flickity-enabled {
        padding-bottom: 52px;
    }
    .arrow-bottom button.flickity-button.flickity-prev-next-button.previous {
        bottom: 0;
        top: unset;
        left: calc(50% - 37px );
    }
    .arrow-bottom .flickity-prev-next-button.next {
        bottom: 0;
        top: unset;
        left: calc(50% + 10px);
    }
    .section-wrap-related-blog .title-box h2 {
        margin-bottom: .3125rem;
        line-height: 1.875rem !important;
    }
    .section-wrap-related-blog .flickity-viewport {
        overflow: inherit;
    }
    .section-wrap-related-blog .text.h2-h3.title-box {
        padding-left: 0;
        padding-bottom: .625rem;
    }
    .st_kaufe .fs-13.pb-20 {
        padding-bottom: 10px !important;
        max-width: 354px;
    }
    .section-wrap-related-blog .wrap-blog .item {
        padding: 0 !important;
        margin-right: 20px;
    }
    .fs-13 p {
        font-size: 12px;
        line-height: 1.25rem;
    }
    .st_kaufe .col-inner {
        text-align: center;
    }
    .st_kaufe .img {
        margin-left: 0;
        margin-bottom: 30px;
    }
    .raume-row .icon-box-right .icon-box-text p br {
        display: none;
    }
    body .wp-caption .wp-caption-text {
        padding: 15px 0 0;
    }
    .raume-row .icon-box-right .icon-box-text p {
        line-height: 24px;
    }
    .raume-row .icon-box-right .icon-box-text h2 {
        letter-spacing: 0.44px;
        font-size: 22px;
        line-height: 31px;
        max-width: 200px;
    }
    .raume-row .icon-box-right .icon-box-img {
        right: -10px;
        top: -38px;
        max-width: 128px;
    }
    .raume-row .icon-box-right .icon-box-text {
        padding: 30px 20px;
    }
    .blog-wrapper.blog-single.page-wrapper .raume-row>.col {
        padding-left: 15px!important;
        padding-right: 15px!important;
        margin: 15px 0 20px 0;
    }
    .blog-wrapper.blog-single.page-wrapper > .row.align-center .large-10.col ul li {
        letter-spacing: 0.15px; 
    }
    .entry-content.single-page p + h2 {
        margin-top: 30px;
    }
    .blog-wrapper.blog-single.page-wrapper > .row.align-center .large-10.col {
        padding-bottom: 20px;
    }
    .entry-content.single-page{
        padding-bottom: 0;
        padding-top: 30px;
    }
    .entry-content.single-page p {
        line-height: 25px;
    }
    .blog-wrapper.blog-single.page-wrapper .row.rank-math-breadcrumbs {
        margin-bottom: 0;
        max-width: 428px;
    }
    .blog-wrapper.blog-single.page-wrapper > .row.align-center {
        max-width: 428px;
    }
    .blog-wrapper.blog-single.page-wrapper h1.entry-title {
        text-align: center;
        margin-bottom: 30px;
        line-height: 39px;
    }
    .blog-wrapper.blog-single.page-wrapper .row.rank-math-breadcrumbs > .col {
        padding-bottom: 0 !important;
    }
    /* blog detail*/
    /* blog */
    .wrap-blog .box {
        padding: 20px 20px 40px;
    }
    .wrap-blog .date-box {
        letter-spacing: 0.13px;
        margin-top: 0;
        margin-bottom: 0;
    }
    .wrap-blog .box h5 {
        letter-spacing: 0.15px;
    }
    .rank-math-breadcrumb p{
        margin-bottom: 20px;
    }
    .rank-math-breadcrumb p, .rank-math-breadcrumb a {
        font-size: 12px;
        letter-spacing: 0.12px; 
    }
    .st_top .title-box.pt-20 {
        padding-top: 0 !important;
    }
    .st_top .title-box h1 {
        line-height: 42px;
        max-width: 320px;  
        margin: auto;
        margin-bottom: 10px;
    }
    .list-taxonomy-category {
        margin-bottom: 25px;
    }
    select#blog-sort {
        letter-spacing: 0.15px;
        font-size: 15px;
        line-height: 1.25rem;
        margin-bottom: 0;
        height: inherit;
        margin-right: 0;
    }
    .wrap-blog {
        margin: 0;
        padding: 0;
    }
    .wrap-blog .item {
        flex-basis: 100%;
        max-width: 100%;
        padding: 0 0 30px 0;
    }
    .wrap-blog-taxonomy {
        margin-top: 0;
    }
    .list-taxonomy-category .icheckbox_square-blue {
        width: 100%;
    }
    .list-taxonomy-category .icheckbox_square-blue span {
        width: 100%;
        line-height: 1.2;
        text-align: center;
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }
    .list-taxonomy-category .icheckbox_square-blue:not(:first-child) {
        margin-top: 15px;
    }
    .list-taxonomy-category .icheckbox_square-blue:not(:last-child) {
        margin-right: 0;
        
    }
    /* blog */
    /* faq */
    .nt_haufige .title-box.pb-40 {
        padding-bottom: 15px !important;
    }
    .gef-row > .col:nth-child(2) >.col-inner .h2-h3 h2 {
        line-height: 30px;
        font-size: 20px;
        letter-spacing: 0.4px;
    }
    .gef-row > .col:nth-child(2) >.col-inner .col-inner {
        padding: 30px 20px;
    }
    .gef-row .image-right {
        max-width: 205px;
        height: 205px;
        top: -80px;
        bottom: unset;
        right: -100px;
    }
    .nt_haufige .image-left {
        position: absolute!important;
        bottom: -8rem;
        left: 0;
        width: 428px !important;
        height: inherit;
        z-index: -1;
        right: 0;
        margin: auto;
    }
    .haufige-row > .col:nth-child(1) > .col-inner {
        max-width: 100%;
        margin-left: 0 !important;
        margin-bottom: 40px;
    }
    .haufige-row .accordion-inner {
        padding: 10px 0 15px 0;
    }
    .haufige-row .accordion-item + .accordion-item {
        margin-top: 10px;
    }
    .haufige-row .accordion-title, .haufige-row .accordion-title.active {
        font-size: 15px;
    }
    .haufige-row a.button.white + a.button.white {
        margin-top: 15px;
    }
    /* faq */
    /* stauden */
    .st_geworden .title-box p {
        letter-spacing: 0.5px; 
    }
    .st_geworden a.button.primary {
        margin-top: 10px;
    }
    .pulse.st_geworden .image-right-icon {
        top: unset;
        right: -70px;
        animation: jackInTheBox 6s linear infinite;
        width: 9.25rem !important;
        height: 9.25rem;
        bottom: -40px;
    }
    .pulse.st_geworden .image-left-zoom {
        position: absolute !important;
        top: -80px;
        left: -12rem;
        width: 428px !important;
        height: inherit;
        z-index: -1;
        max-width: 58.25rem !important;
        animation: swing 8s ease-in-out infinite;
    }
    .st_idee .slider-wrapper .flickity-slider > * {
        max-width: 272px;
    }
    .nt_garten.pb-90 {
        padding-bottom: 20px !important;
    }
    .row.row-icon-pro .flickity-viewport {
        overflow: inherit;
    }
    .row.row-icon-pro .flickity-prev-next-button.next {
        right: -25px;
    }
    .row.row-icon-pro .flickity-prev-next-button.previous {
        left: -25px;
    }
    .row.row-icon-pro {
        max-width: 324px !important;
    }
    .st_fuhle .row > .col:nth-child(1) {
        padding-right: 30px !important;
    }
    .st_fuhle .row > .col:nth-child(1) .flickity-prev-next-button {
        top: 47%;
    }
    .st_fuhle.swing + .st_blick {
        position: relative;
        z-index: 2;
    }
    .st_fuhle.swing .image-r {
        top: unset;
        right: -9rem;
        bottom: -320px;
        width: 428px !important;
        height: inherit;
    }
    .st_fuhle .row-genau > .col:nth-child(2) {
        order: 3;
        padding-bottom: 0px !important;
        padding-top: 30px !important;
    }
    .nt_mission.st_wie .flickity-prev-next-button.previous {
        left: -25px;
    }
    .nt_mission.st_wie .flickity-prev-next-button.next {
        right: -25px;
    }
    .nt_mission.st_wie .row:not(.row-icon-wie) {
        max-width: 346px;
    }
    .nt_mission .slider-wrapper .row {
        padding: .75rem 10px 0 10px !important;
    }
    .flickity-prev-next-button {
        width: 27px !important;
        height: 27px !important;
    }
    .nt_mission.st_wie .flickity-viewport {
        overflow: inherit;
    }
    .nt_mission.st_wie .title-box {
        margin-bottom: 0;
    }
    .st_wie.nt_mission .image-left {
        bottom: unset;
        left: 80px;
        width: 158px !important;
        height: inherit;
        z-index: 2;
        top: unset;
        bottom: -80px;
    }
    .nt_garten .title-box p {
        letter-spacing: 0.3px;
    }
    .nt_garten .title-box h2 {
        font-size: 16px;
    }
    .nt_garten .icon-box .icon-box-img {
        margin-bottom: 30px;
        max-width: 132px;
    }
    .pt-20-mobi{
        padding-top: 20px;
    }
    .swing.nt_mission.st_wie .image-left {
        left: -60px;
        width: 188px !important; 
        top: unset;
        bottom: -100px;
    }
    /* stauden */
    /* stauden */
    
    .stauden-row > .col:nth-child(1) {
        flex-basis: 100%;
        max-width: 100%;
        border-radius: .75rem 0px 0px .75rem;
    }
    .stauden-row > .col .title-box p strong {
        letter-spacing: 0.48px;
        font-size: 24px;
        line-height: 34px;
        max-width: 320px;
    }
    .mfp-close-btn-in #newsletter-signup-link {
        max-width: 428px !important;
        border-radius: .75rem;
        overflow: hidden;
    }
    .bg_mobi .section-bg {
        display: none !important;
    }
    div#newsletter-signup-link {
        border-radius: .75rem;
        overflow: hidden;
    }
    .row-button-detail .col-inner {
        overflow-x: auto;
        overflow-y: hidden;
        display: flex;
        flex-wrap: nowrap;
        justify-content: flex-start;
    }
    .nt_details .row-button-detail a.button.primary span,
    .nt_details .row-button-detail a.button.primary {
        font-size: 15px;
        letter-spacing: 0px;
        white-space: nowrap;
        min-width: fit-content;
    }
    .stauden-row .forminator-ui .html-checkbox p {
        max-width: 300px;
    }
    .stauden-row .forminator-ui button.forminator-button.forminator-button-submit {
        left: 291px;
    }
    .stauden-row .forminator-ui input[name="email-1"] {
        max-width: 281px !important;
    }
    .stauden-row > .col:nth-child(2) {
        flex: 1;
        border-radius: 0 1.25rem 1.25rem 0;
        flex-basis: 100%;
        max-width: 100%;
        padding: 30px 20px 10px !important;
    }
    .swing.st_fuhle .row > .col .row > .col{
        padding-left: 15px;
        padding-right: 15px;
    }
    .nt_natalie.nt_natalie_custom .row > .col:nth-child(1) {
        margin-top: 30px;
    }
    /* stauden */
    /* gartenplanung */
    .list-post-review-row .item {
        border-radius: .625rem;
        overflow: hidden;
    }
    .st_ent .row .title-box p {
        margin-bottom: 0;
    }
    .st_ent .ent-box-6 {
        margin-top: 64px !important;
    }
    .st_ent .row {
        max-width: 428px !important;
    }
    .garten-row a.button {
        bottom: -18px;
        left: 20px;
    }
    .nt_details_pflanzenplanung.nt_details .image-right {
        top: 80px;
        right: -200px;
        width: 380px!important;
        height: fit-content;
    }
    .st_online button.forminator-button.forminator-button-submit {
        margin-top: 6px !important;
    }
    body .st_haufige h2 {
        margin-bottom: 10px;
    }
    .st_haufige .image-left {
        top: -3rem;
        left: -9rem;
        animation: pulse 2s ease-in-out infinite;
        width: 428px !important;
        height: fit-content;
    }
    .st_haufige .image-right {
        position: absolute !important;
        top: unset;
        right: -13rem;
        animation: unset !important;
        width: 428px !important;
        height: 46.625rem;
        bottom: -15rem;
        transform: unset !important;
        z-index: -1;
    }
    .st_haufige .image-right img {
        animation: unset;
    }
    .row-begleitun.pt-40 + .row-button {
        margin-top: 0;
        z-index: 2;
        position: relative;
    }
    .row-begleitun.pt-40 {
        padding-top: 20px!important;
    }
    .row-genau > .col:nth-child(2) {
        order: -1;
        padding-bottom: 30px !important;
    }
    .st_genau .fs-16 p {
        letter-spacing: 0.75px;
    }
    .st_online {
        margin-bottom: 50px;
    }
    .st_online p {
        letter-spacing: 0.75px;
    }
    .st_online h2 {
        max-width: 300px;
        margin: auto;
        margin-bottom: 5px;
    }
    .nt_preise .row-icon-wie .icon-box-center p strong {
        letter-spacing: 0.7px;
        font-size: 35px;
        line-height: 45px;
    }
    .nt_preise .row-icon-wie .icon-box-center p {
        max-width: 100%;
        margin: auto;
        letter-spacing: 0.12px;
        color: #121212;
        font-size: 12px;
        line-height: 1.25rem;
        margin-bottom: 1.25rem;
    }
    .nt_preise .row-icon-wie .icon-box-center h2 {
        letter-spacing: 0.44px;
        font-size: 22px;
        line-height: 26px;
        margin-bottom: 6px;
    }
    .nt_preise.st_wie .title-box {
        margin-bottom: 0;
    }
    .nt_preise .row-icon-wie .icon-box-center h2 + p {
        max-width: 256px;
    }
    
    .nt_preise.st_wie .row:not(.row-icon-wie) p {
        max-width: 300px;
    }
    .nt_preise.st_wie .wildflowers_butterflies {
        width: 134px!important;
        height: 10.375rem;
        bottom: -6rem;
        right: -20px;
        left: unset;
    }
    .nt_preise.st_wie.pb-120 {
        padding-bottom: 70px !important;
    }
    .nt_preise.st_wie .row.row-icon-wie {
        padding: 0;
    }
    .nt_preise.st_wie .row.row-icon-wie .col {
        padding-left: 30px !important;
        padding-right: 30px !important;
    }
    .nt_preise .row-icon-wie > .col > div {
        padding: 20px 20px 0;
    }
    .st_wie.nt_preise .image-right {
        max-width: 465px;
    }
    .st_wie.nt_preise .image-left {
        bottom: unset;
        left: -30px;
        width: 228px !important;
        height: inherit;
        z-index: -1;
        top: 560px;
    }
    .garten-box p, .garten-box ul li {
        letter-spacing: 0.15px;
        font-size: 15px;
        line-height: 1.5rem;
    }
    .garten-box {
        padding: 30px 20px;
    }
    .garten-cl-2 > div {
        margin-top: 50px;
    }
    .garten-cl-2 .garten-box ul {
        margin-bottom: 10px;
    }
    .nt_garten.pb-80 {
        padding-bottom: 70px !important;
    }
    .nt_garten.nt_leben.pb-80 {
        padding-bottom: 5rem !important;
    }
    .nt_garten .title-box h2 {
        max-width: 255px;
    }
    .title-box h2 {
        line-height: 34px!important;
    }
    .nt_garten.pb-60 {
        padding-bottom: 20px !important;
    }
    .row-icon-gar .icon-box p {
        max-width: 258px;
        letter-spacing: 0.3px;
        font-size: 13px;
    }
    .row-icon-gar .icon-box {
        margin-bottom: 30px;
    }
    .row-icon-gar .icon-box h3 {
        font-size: 16px;
        line-height: 20px;
        letter-spacing: 0.32px;
    }
    .nt_details .image-left img{
        height: 601px !important;
        width: auto;
        object-fit: contain;
    }
    .nt_details .image-left {
        position: absolute!important;
        bottom: -50px;
        left: 0;
        width: 100% !important;
        height: inherit;
        z-index: -1;
        max-width: 1428px!important;
    }
    .nt_details a.button.primary {
        margin-top: 0;
    }
    .nt_details p {
        font-size: 15px;
        line-height: 1.5rem;
        letter-spacing: 0.75px;
    }
    .mw-1440 .row,
    .row_428 .row{
        max-width: 428px !important;
    }
    .nt_details .tab-panels h2 {
        max-width: 323px;
        margin: 0 auto 15px auto;
    }
    .nt_details.pt-40 {
        padding-top: 32px !important;
    }
    .tabbed-content .nav>li>a {
        font-size: 15px;
        letter-spacing: 0px;
        white-space: nowrap;
    }
    .tabbed-content li:not(:last-child) {
        margin-right: 30px;
    }
    .nt_details .tabbed-content ul.nav.nav-pills {
        overflow-x: auto;
        overflow-y: hidden;
        display: flex;
        flex-wrap: nowrap;
        justify-content: flex-start;
    }
    .bg_mobi .section-content {
        position: unset !important;
    }
    .bg_mobi .section-content > .img * {
        height: 100%;
        object-fit: cover;
    }
    .bg_mobi .section-content > .img {
        position: absolute;
        top: 0;
        height: 100%;
        width: 100%;
    }
    .section-banner-page .row-bt-next {
        display: none;
    }
    .section-banner-page .row.main-contain > .col > div p {
        max-width: 368px;
    }
    .section-banner-page {
        min-height: 450px !important;
        align-items: flex-end !important;
        padding-bottom: 45px !important;
    }
    .section-banner-page .row.main-contain > .col > div h1 {
        max-width: 349px;
    }
    /* gartenplanung */
    /* footer */
    .img-logo .box-text.text-left p {
        letter-spacing: 0.13px;
        font-size: 13px;
        line-height: 23px;
        margin: 0 !important;
    }
    .row-ft-bottom .ux-menu-link__link {
        font-size: 12px;
        letter-spacing: 0.12px;
        color: #024648;
        line-height: 15px !important;
    }
    .row-ft-bottom >.col >.col-inner p{
        font-size: 12px;
        letter-spacing: 0.12px;
        line-height: 15px !important;
    }
    .row-ft-bottom  >.col >.col-inner .ux-menu.stack.stack-col {
        display: flex;
        flex-direction: row;
        margin-left: auto;
        margin-right: auto;
        margin-top: 7px;
    }
    .row-ft-bottom .ux-menu-link + .ux-menu-link {
        margin-left: auto !important;
        margin-right: auto !important;
    }
    .row-ft-bottom  >.col >.col-inner {
        display: flex;
        justify-content: center;
        border-top: 0;
        padding-top: 0;
        margin-top: 0;
        align-items: center;
        flex-direction: column;
    }
    .row-ft-bottom >.col >.col-inner .ux-menu.stack.stack-col .ux-menu-link.flex.menu-item:not(:last-child) {
        display: none !important;
    }
    .footer-section .ux-menu-link__link {
        font-size: 14px;
    }
    .cl-has-dropdown .ux-menu.stack.stack-col.justify-start {
        margin-bottom: 1.25rem;
    }
    .cl-has-dropdown .title-footer p.active::after{
        transform: rotate(180deg);
    }
    .cl-has-dropdown .title-footer p.active {
        margin-bottom: 1.25rem;
    }
    .cl-has-dropdown .title-footer p::after {
        content: ""!important;
        background: url(../image/down.png);
        background-repeat: no-repeat;
        background-position: center;
        width: .625rem;
        height: .625rem;
        display: block;
        transition: all .5s;
        
        background-size: 100%;
    }
    .cl-has-dropdown .title-footer p {
        display: flex;
        justify-content: space-between;
        padding-bottom: 0px;
        cursor: pointer;
        align-items: center;
        margin-bottom: 30px;
        font-size: 14px;
        letter-spacing: 0.7px;
        text-transform: uppercase;
        color: #024648;
        line-height: 17px;
    }
    .cl-has-dropdown .col-inner:not(.active) .row, .cl-has-dropdown .col-inner:not(.active) .ux-menu {
        display: none;
    }
    .footer-section {
        padding-top: 40px !important;
        padding-bottom: 40px !important;
    }
    .st_exk {
        padding-top: 19px !important;
        padding-bottom: 19px !important;
    }
    .fs-20 p {
        font-size: 16px;
        line-height: 20px;
    }
    .footer-section .box .box-text-inner {
        color: #024648;
        max-width: 296px;
        font-size: 13px;
        line-height: 20px;
        letter-spacing: 0.13px;
    }
    .img-logo .box-text.text-left {
        padding: 0;
        max-width: 296px;
        position: absolute;
        bottom: -49px;
        left: 72px;
    }
    .footer-section .box.has-hover.img-logo {
        margin-bottom: 85px;
    }
    .footer-section .row {
        max-width: 428px;
    }
    .footer-section .row > .col {
        padding-left: 30px !important;
        padding-right: 30px !important;
        padding-top: 0 !important;
    }
    /* footer */
    /* home */
    .section-hero h2, .section-hero h1 {
        font-size: 31px;
    }
    .sl-2 a.button.primary {
        margin: 20px 0 47px 0;
    }
    body .slide-hero .flickity-page-dots .dot.is-selected,
    body .slide-hero .flickity-page-dots .dot {
        background: #fff !important;
    }
    .st_hallo h2 {
        font-size: 24px;
        line-height: 34px;
        letter-spacing: 0.48px;
    }
    .st_stauden .forminator-ui .forminator-row {
        margin-bottom: .9375rem !important;
    }
    .st_stauden .forminator-ui.forminator-custom-form[data-design=default] .forminator-row:nth-child(3){
        order: 10;
    }
    .st_stauden .forminator-ui.forminator-custom-form[data-design=default] {
        display: flex;
        flex-direction: column;
    }
    .st_stauden div#email-1 input {
        max-width: 100%;
    }
    .st_stauden .forminator-row.forminator-row-last button.forminator-button.forminator-button-submit {
        max-width: 100%!important;
        position: relative;
        width: 100% !important;
        padding: 0 1rem !important;
    }
    .st_stauden .html-checkbox p {
        font-size: 11px !important;
    }
    .st_hallo.st_stauden .row-button {
        margin-top: 0;
    }
    .st_hallo.st_stauden {
        padding-top: 60px !important;
        padding-bottom: 110px !important;
    }
    .st_meine .flickity-prev-next-button.next {
        bottom: 0;
        top: unset;
        left: calc(50% + 10px);
    }
    .st_meine button.flickity-button.flickity-prev-next-button.previous { 
        bottom: 0;
        top: unset;
        left: calc(50% - 37px);
    }
    .st_aus .pt-40 {
        padding-top: 30px !important;
    }
    .post-item h5.post-title.is-large {
        letter-spacing: 0.15px;
        font-size: 15px!important;
        line-height: 24px;
    }
    .st_aus .flickity-prev-next-button.previous {
        left: 3px;
    }
    .st_aus .flickity-prev-next-button.next {
        right: 3px;
    }
    .st_aus {
        background: #F7F4ED;
    }
    .st_hallo.section.dark:not(.st_stauden) .section-bg.fill {
        display: none;
    }
    .st_hallo:not(.st_stauden) .row:not(.row-button) {
        padding-top: 30px;
    }
    .st_hallo:not(.st_stauden) p {
        color: #121212 !important;
    }
    .st_hallo:not(.st_stauden) .title-box h2 {
        color: #000 !important;
    }
    .st_hallo.section.dark:not(.st_stauden) {
        background-color: #FDFCFA;
    }
    .st_hallo:not(.st_stauden) {
        padding-top: 0 !important;
        padding-bottom: 50px!important;
    }
    .review-row:not(.active) .col-inner {
        height: inherit;
        overflow: hidden;
    }
    .st_meine .icon-box.featured-box.icon-box-left.text-left {
        width: fit-content;
        margin-left: 0;
        margin-top: 0;
        align-items: center;
    }
    .review-row:not(.active) .col-inner::after,
    .down-button {
        display: none;
    }
    .list-post-referenzen-row.list-post-review-row {
        column-count: 1;
        column-gap: unset;
        row-gap: unset;
        margin: 0 auto;
        padding: 0;
        display: flex;
        margin-top: 1.25rem;
        padding-bottom: 67px;
    }
    .st_hallo .row,
    .st_aus .row,
    .st_meine .row {
        max-width: 428px;
    }
    body .slider-wrapper .flickity-prev-next-button {
        display: block;
    }
    .ent-box-6 {
        margin-top: 80px !important;
    }
    .ent-box-6 .icon-box a.button.primary {
        margin-top: 25px;
    }
    .row-icon-wie .icon-box-center p {
        font-size: 14px;
        letter-spacing: 0.28px;
    }
    .ent-box-6 .icon-box-left.icon-box .icon-box-img {
        margin: auto;
    }
    .ent-box-6 .icon-box-left .icon-box-img+.icon-box-text {
        padding-left: 0;
        padding-top: 30px;
    }
    .ent-box-6 .icon-box {
        text-align: center;
        width: 100% !important;
        max-width: 100% !important;
        flex-direction: column;
    }
    .ent-box-5 a.button.secondary {
        bottom: -22px;
        left: 20px;
    }
    body .h2-h3 h2,
    body h3,
    body .banner h3,
    .ent-box p strong {
        font-size: 20px;
        line-height: 30px;
        letter-spacing: 0.4px;
    }
    .wildflowers_butterflies {
        width: 161px!important;
        height: 161px;
        bottom: -3.5rem;
        right: unset;
        left: -5rem;
    }
    .pt-110 {
        padding-top: 50px !important;
    }
    .st_bekannt .slider-nav-outside.slider-nav-circle .next {
        margin-left: 0;
        right: -22px;
    }
    .st_bekannt .slider-nav-outside.slider-nav-circle .previous {
        margin-right: 0;
        left: -22px;
        top: 34px;
    }
    .st_bekannt .title-box p {
        letter-spacing: 0;
        font-size: 15px;
        margin-bottom: 10px;
    }
    .st_bekannt .img {
        overflow: hidden;
        max-width: 174px!important;
        margin: .625rem !important;
        margin-right: 20px!important;
        padding: 18px 27px !important;
        height: 83px;
        margin-left: 0 !important;
    }
    .st_blick .row{
        max-width: 428px !important;
    }
    .row-ent {
        padding: 0;
        max-width: 428px !important;
    }
    .row-ent> .col {
        padding-left: 30px !important;
        padding-right: 30px !important;
    }
    .row-ent {
        padding-top: 0 !important;
    }
    .st_ent .section-bg img {
        object-fit: contain;
        transform: unset;
    }
    .row-ent > .col:nth-child(1) {
        z-index: 5;
    }
    .row-ent > .col:nth-child(2) {
        z-index: 4;
    }

    .row-ent > .col:nth-child(3) {
        z-index: 3;
    }
    .row-ent > .col:nth-child(4) {
        z-index: 2;
    }
    .row-ent > .col:nth-child(5) {
        z-index: 1;
    }
    .row-ent > .col:nth-child(2n+1):not(.ent-box-5) .ent-box::after {
        background: url('../image/down-left-mobi.svg') center center/contain no-repeat;
        display: none;
    }
    .row-ent > .col:nth-child(2n) .ent-box::after {
        background: url('../image/down-right-mobi.svg') center center/contain no-repeat;
        display: none;
    }
    .row-ent > .col:nth-child(2n+1):not(.ent-box-5) .ent-box::after {
        width: 135px!important;
        height: 153px;
        left: unset;
        top: unset;
        animation: unset;
        /* transform: rotate(70deg); */
        right: -3rem;
        bottom: -65px;
        display: none;
    }
    .row-ent > .col:nth-child(2n) .ent-box::after {
        content: '';
        position: absolute;
        width: 135px!important;
        height: 153px;
        right: unset;
        top: unset;
        animation: unset;
        /* transform: rotate(-70deg); */
        left: -3rem;
        bottom: -65px;
        display: none;
    }
    .row-ent > .col:nth-child(2n+1):not(.ent-box-5) > .col-inner::after {
        width: 135px!important;
        height: 153px;
        left: unset;
        top: unset;
        animation: unset;
        right: -3rem;
        bottom: -65px;
        content: '';
        background: url(../image/down-left-mobi.svg) center center / contain no-repeat;
        position: absolute;
        z-index: 1;
    }
    .row-ent > .col:nth-child(2n) > .col-inner::after {
        content: '';
        position: absolute;
        width: 135px !important;
        height: 153px;
        right: unset;
        top: unset;
        animation: unset;
        left: -3rem;
        bottom: -65px;
        background: url('../image/down-right-mobi.svg') center center/contain no-repeat;
        position: absolute;
        z-index: 1;
    }
    .row-ent> .col:nth-child(2n) .ent-box,
    .row-ent> .col:nth-child(2n + 1) .ent-box {
        z-index: 2;
        position: relative;
    }
    .ent-box p:nth-child(1), 
    .ent-box p:nth-child(1) strong {
        line-height: 24px;
    }
    .row-ent> .col:nth-child(2n + 1) .ent-box {
        transform: unset;
    }
    .row-ent> .col .ent-box,
    .row-ent> .col:nth-child(2n) .ent-box {
        margin-top: 20px;
    }
    .ent-box {
        padding: 30px 20px;
    }
    .row-button.pt-20 {
        margin-top: 0;
        padding-top: 0 !important;
    }
    .ba-handle {
        display: none;
    }
    body .flickity-page-dots .dot {
        background: #8C8A01 !important;
        margin: 0 1px;
        transform: translateY(-1px);
        height: 1px;
        width: 15px;
        border-radius: 0;
    }
    body .flickity-page-dots .dot.is-selected {
        background: #FFFFFF !important;
        opacity: 1;
        width: 40px;
        height: 3px;
        background: #8C8A01 !important;
        border-radius: 0;
    }
    .st_wenn .row.sl-wenn {
        padding-bottom: 48px;
    }
    .st_wenn .row {
        max-width: 428px;
    }
    .st_funktioniert > .section-content > .row > .col {
        margin-bottom: 30px;
    }
    .nt_personlich .row,
    .st_funktioniert .row{
        max-width: 428px;
    }
    .st_funktioniert.pt-70.pb-70 p{
        color: #000;
    }
    .st_funktioniert.pt-70.pb-70 .title-box p{
        color: #121212;
    }
    .st_wenn .title-box h2 {
        max-width: 221px;
        margin-left: auto;
        margin-right: auto;
    }
    .row.row-button > .col > div a.button.primary + a.button.secondary {
        margin-left: 0!important;
        margin-top: 15px;
    }
    .title-box p{
        letter-spacing: 0.75px;
        font-size: 15px;
    }
    .st_funktioniert.pt-70.pb-70 .title-box h2 {
        color: #000 !important;
    }
    .st_funktioniert.pt-70.pb-70 .section-bg.fill {
        display: none;
    }
    .st_funktioniert.pt-70.pb-70 {
        padding-bottom: 0 !important;
        background: #F5F5DF !important;
    }
    .row-icon-wie > .col > div {
        padding-bottom: 50px;
    }
    .st_wie .row-icon-wie {
        margin-bottom: 0;
    }
    .fs-16 p {
        font-size: 15px;
        line-height: 1.5rem;
        letter-spacing: 0.15px;
    }
    .st_wie .row:not(.row-icon-wie) {
        max-width: 376px;
    }
    .st_wie .row:not(.row-icon-wie) p {
        letter-spacing: 0.75px;
    }
    .st_wie .image-left {
        bottom: unset;
        left: -12rem;
        width: 628px !important;
        height: inherit;
        z-index: -1;
        top: 0;
    }
    .st_wie .image-right {
        top: -3.5rem;
        right: -5rem;
        max-width: 165px;
    }
    .row.row-icon-wie {
        max-width: 370px;
    }
    .row-icon-wie > .col + .col {
        margin-top: 47px;
    }
    body .slide-hero .flickity-page-dots {
        bottom: 20px;
    }
    body .slide-hero h2, body .slide-hero h1{
        max-width: 368px;
    }
    .section-hero .row > .col > div{
        max-width: 368px;
        margin-left: 0 !important;
    }
    .page-template-page-transparent-header-light main#main {
        padding-top: 36px;
    }
    .row.main-contain > .col > div p {
        letter-spacing: 1.05px;
        margin-bottom: 1.875rem;
        font-size: 15px;
    }
    .row.main-contain > .col > div {
        max-width: 428px;
        margin-bottom: 20px;
    }
    .row.main-contain > .col > div a.button.primary + a.button.secondary {
        margin-left: 0;
        margin-top: 15px;
    }
    .section-hero {
        padding-top: 100px !important;
        padding-bottom: 80px !important;
        min-height: 600px !important;
        align-items: flex-end !important;
    }
    /* home */
    /* header */
    .header-block-block-1 .row > .col {
        padding-left: 15px;
        padding-right: 15px;
    }
    .header-main .nav > li > a {
        padding: 0 !important;
    }
    .header-main {
        height: 80px!important;
    }
    .header .header-top {
        min-height: 36px;
    }
    .top-bar-box p {
        letter-spacing: 0.26px;
        font-size: 11px;
    }
    body .transparent #logo img {
        max-height: 50px;
    }
    
    body .header.show-on-scroll, body .stuck .header-main {
        height: 80px!important;
    }
    body .stuck #logo img {
        max-height: 50px !important;
    }
    body #logo {
        width: 226px !important;
    }
    /* header */
    /* global */
    :root {
        --input-height: 38px !important;
    }
    a.button.white, a.button.primary, a.button.secondary {
        padding: 0 25px;
    }
    .sidebar-contact {
        display: none;
    }
    h1, h2, h3, h4, h5, h6 {
        word-break: break-word;
    }
    html{
        font-size: 100%;
    }
    body .accordion-title.active{
        font-size: 15px;
        line-height: 25px;
    }
    body .accordion .toggle {
        margin-right: 0;
        position: absolute;
        top: 6px;
        transform-origin: 50% 47%;
        width: 15px;
        border: 0;
        min-width: 15px;
    }
    body .accordion .active .icon-angle-down:before, 
    body .accordion .icon-angle-down:before {
        width: 15px;
        height: 15px;
    }
    body .accordion-title {
        padding: 15px 0;
        padding-right: 2rem;
        font-size: 15px;
        line-height: 25px;
    }
    body .accordion-inner {
        padding: 0 0 15px 0;
    }
    .section .medium-1,.section .medium-2,.section .medium-3,.section .medium-4,.section .medium-5, 
    .section .medium-6,.section .medium-7,.section .medium-8,.section .medium-9,.section .medium-10, 
    .section .medium-11,.section .medium-12 {
        max-width: 100%;
        flex-basis: 100%;
    }
    body .container,
    .section > .section-content > .row > .col{
        padding-left: 30px;
        padding-right: 30px;
    }
    .pt-120 {
        padding-top: 50px !important;
    }
    .pb-120 {
        padding-bottom: 50px !important;
    }
    body .slide-hero h2, body .banner-page h2, body .banner h1,
    body h1{
        font-size: 32px;
        line-height: 42px;
        letter-spacing: 0.64px;
    }
    body h2 {
        font-size: 24px;
        line-height: 34px;
        letter-spacing: 0.48px;
    }
    body .h2-h3 h2{
        line-height: 34px;
        font-size: 24px;
        letter-spacing: 0.48px;
    }
    body .h5 h3, body h5 {
        font-size: 18px;
        line-height: 26px;
    }
    body .h5 p, body h5 {
        font-size: 15px;
        line-height: 25px;
    }
    body p.lead {
        margin-top: 0;
        font-size: 16px;
        line-height: 28px; 
    }
    .pb-80,
    .pb-60,
    .pb-70,
    .pb-90,
    .pb-130 ,
    .pb-100 {
        padding-bottom: 50px !important;
    }
    .pt-60,
    .pt-90,
    .pt-70,
    .pt-80,
    .pt-100 {
        padding-top: 50px !important;
    }
    body h3, body .banner h3 {
        line-height: 30px;
        font-size: 20px;
    }
    body .h4-p p, body .h4-h3 h3, body .h4 h2, body h4 {
        font-size: 22px;
        line-height: 32px;
    }
    
    body .h4 p.lead, body h4 {
        font-size: 22px;
        line-height: 32px;
    }
    
    .mobi{
        display: block !important;
    }
    body .box-text,
    body, p {
        font-size: 15px;
        line-height: 24px;
        letter-spacing: 0.3px;
    }
    body .col, body .columns, body .gallery-item {
        padding-left: 30px;
        padding-right: 30px;
    }
    /* global */
    /* home */
    .nt_personlich.pb-60 {
        padding-bottom: 40px !important;
    }
    .nt_personlich.pt-60 {
        padding-top: 40px !important;
    }
    .nt_personlich.h2-h4 .row .col .col-inner h2{
        font-size: 16px;
        line-height: 20px;
        letter-spacing: 0.32px;
        margin-bottom: 10px;
    }
    .nt_personlich .row .col .col-inner p:last-child {
        margin-bottom: 0;
    }
    .slide-hero .row:not(.flickity-enabled) > * {
        opacity: 0;
    }
    .slide-hero .row > .col .row > .col {
        padding-left: 15px;
        padding-right: 15px;
    }
    /* home */
}
@media screen and (max-width:420px) {
    .section-banner-page.stauden-banner-page .row.main-contain > .col > div h1 {
        max-width: 230px;
    }
    .title-box p {
        font-size: 13px;
    }
    .st_top .title-box h1 {
        max-width: 250px;
    }
    .stauden-row .forminator-ui input[name="email-1"] {
        max-width: 281px !important;
        width: calc(100% - 40px) !important;
    }
    .stauden-row .forminator-ui button.forminator-button.forminator-button-submit {
        left: unset;
        right: 0;
    }
    .section-banner-page .row.main-contain > .col > div h1 {
        max-width: 282px;
    }
    body .slide-hero h2, body .banner-page h2, body .banner h1, body h1,
    .section-hero h2, .section-hero h1 {
        font-size: 25px;
    }
    body .h2-h3 h2 {
        font-size: 22px;
    }
    .st_stauden .html-checkbox p, .st_stauden .html-checkbox p a {
        font-size: 9px !important;
    }
    .top-bar-box p {
        letter-spacing: 0;
        font-size: 10px;
    }
}