@media screen and (max-device-width: 1500px),
all and (max-width: 1500px) {
    #slider76.slider.is-visible:before,
    #slider346.slider.is-visible:before,
    #slider67.slider.is-visible:before,
    #slider35.slider.is-visible:before,
    #slider84.slider.is-visible:before,
    #slider92.slider.is-visible:before,
    #slider100.slider.is-visible:before,
    #slider116.slider.is-visible:before,
    #slider133.slider.is-visible:before,
    #slider108.slider.is-visible:before,
    #slider320.slider.is-visible:before {
        background-position: 80% 20%;
        background-repeat: no-repeat!important;
        background-color: #c5c4bf;
    }
    #slider347.slider.is-visible:before {
        background-position: 100% 20%;
        background-repeat: no-repeat!important;
        background-color: #c5c4bf;
    }
    /*neu- und umbauten */
    #slider359.slider.is-visible:before,
    #slider358.slider.is-visible:before,
    #slider348.slider.is-visible:before {
        background-position: 70% 20%;
        background-repeat: no-repeat!important;
        background-color: #c5c4bf;
    }
}

@media screen and (max-device-width: 1434px),
all and (max-width: 1434px) {
    .distance_top_fix_header {
        margin-top: 50px;
    }
    .container {
        width: 100%;
        padding-left: 65px;
        padding-left: 4.063rem;
        padding-right: 65px;
        padding-right: 4.063rem;
    }
    /*service*/
    #slider138.slider.is-visible:before {
        background-position: 80% 20%;
        background-repeat: no-repeat!important;
        background-color: #c5c4bf;
    }
    #slider203.slider.is-visible:before {
        background-position: 60% 20%;
        background-repeat: no-repeat!important;
        background-color: #c5c4bf;
    }
    /*neu- und umbauten */
    #slider359.slider.is-visible:before,
    #slider358.slider.is-visible:before,
    #slider348.slider.is-visible:before {
        background-position: 70% 20%;
        background-repeat: no-repeat!important;
        background-color: #c5c4bf;
    }
}

@media screen and (max-device-width: 1280px),
all and (max-width: 1280px) {
    header {
        position: relative;
    }
    .slider {
        margin-top: 20px;
    }
}

@media screen and (max-device-width: 1140px),
all and (max-width: 1140px) {
    footer h2.dista {
        padding-left: 0px;
    }
    footer ul {
        margin-left: -14px;
    }
    footer .itemcontainer25 {
        flex-wrap: wrap;
        gap: 0%;
    }
    footer .socialmedia {
        margin-left: 0px;
    }
    .distance_top88 {
        margin-top: 0px;
    }
    footer .item-25 {
        width: 50%;
    }
    footer .item-21 {
        width: 50%;
    }
    footer .item-26 {
        flex-direction: column;
        width: 100%;
        margin-top: 40px;
    }
    .citem-75 {
        width: 100%;
    }
    .aktuellstart .item-25 {
        width: 47.3%;
        float: left;
        margin: 10px;
        position: relative;
        min-height: 460px;
    }
    .projects .btnbluewithnextarrow {
        white-space: normal;
    }
    .projects .btnbluewithnextarrow a {
        line-height: 20px!important;
    }
    footer .socialmedia ul li img {
        width: 30px;
        height: 30px;
    }
}

@media screen and (max-device-width: 1024px),
all and (max-width: 1024px) {
    .slider2 .slider-content2 {
        bottom: 3rem;
        left: 4.063rem;
    }
}

@media screen and (max-device-width: 1000px),
all and (max-width: 1000px) {
    /*team fischer*/
    #slider35.slider.is-visible:before {
        background-position: 80% 20%;
        background-repeat: no-repeat!important;
        background-color: #c5c4bf;
    }
    /*lebensmittel*/
    #slider195.slider.is-visible:before {
        background-position: 73% 20%;
        background-repeat: no-repeat!important;
        background-color: #c5c4bf;
    }
    /*ueber uns*/
    footer .socialmedia ul {
        padding-top: 15px;
    }
    footer .socialmedia ul li {
        width: 40px;
        height: 40px;
        padding-right: 0px;
    }
    .aktuelllist .article {
        width: 33%;
    }
}

@media screen and (max-device-width: 875px),
all and (max-width: 875px) {
    h1,
    h2,
    h3,
    p,
    span.inputtxt {
        hyphens: auto;
        word-wrap: break-word;
        -webkit-hyphens: auto;
        -webkit-hyphenate-character: "\2010";
        -webkit-hyphenate-limit-after: 1;
        -webkit-hyphenate-limit-before: 3;
        -moz-hyphens: auto;
    }
    .item-33-pf {
        width: 50%!important;
    }
    .citem-25 {
        flex-basis: 50%;
    }
    .aktuellstart .item-25 {
        width: 46.0%;
    }
    .aktuelllist .item-25 {
        position: relative;
        min-height: 460px;
    }
    .aktuelllist .article {
        width: 50%;
    }
    .aktuelllist .itemcontainer25 .btnbluewithnextarrow {
        position: relative!important;
    }
    .txtv {
        padding: 0.6rem 5rem 0.6rem 1rem;
        background-size: 13% 50%;
        line-height: 20px;
    }
    .ccol50 {
        width: 100%;
    }
    .ccol33 {
        width: 47%;
    }
    .extcontainer {
        flex-wrap: wrap;
    }
    .citem-60 {
        width: 100%;
    }
    .citem-40 {
        width: 100%;
    }
    .itemcontainer {
        flex-wrap: wrap;
    }
    .item-50arrangementnormal:nth-child(1) {
        flex-basis: 100%;
    }
    .item-50arrangementnormal:nth-child(2) {
        flex-basis: 100%;
    }
    .itemcontainer25 {
        flex-wrap: wrap;
    }
    .item-60 {
        width: 100%;
    }
    .item-40 {
        width: 100%;
    }
    .item-75 {
        width: 100%;
    }
    .item-25 {
        width: 100%;
    }
    .container {
        width: 100%;
    }
    .flex-container {
        flex-direction: column;
    }
    .item-50:nth-child(1) {
        order: 2;
    }
    .item-50:nth-child(2) {
        order: 1;
    }
    .distance_left_item {
        padding-left: 0px;
        padding-left: 0rem;
    }
    .distance_top {
        margin-top: 56px;
        margin-top: 3.5rem;
    }
    .distance_bottom {
        margin-bottom: 56px;
        margin-bottom: 3.5rem;
    }
    footer .itemcontainer25 .item-25 {
        width: 49%;
    }
    footer .itemcontainer25 .item-25:nth-child(3) {
        width: 49%;
        align-items: flex-end;
    }
    .citem-33 {
        flex-basis: 100%;
    }
    .quick_btn {
        position: relative;
        bottom: -10px!important;
    }
    .slider,
    .slider2 {
        height: 500px;
    }
    .respDistanceTop {
        margin-top: -50px;
    }
}

@media screen and (max-device-width: 768px),
all and (max-width: 768px) {
    .citem-25 {
        flex-basis: 100%;
    }
    .slider-title,
    .slider-subtitle {
        font-size: 1.5rem!important;
        line-height: 2rem;
    }
    .slider2 .slider-subtitle,
    .slider2 .slider-subtitle2 {
        font-size: 1.5rem!important;
        line-height: 2rem;
    }
    .flex-container-pf {
        display: block!important;
        gap: 30px !important;
    }
}

@media screen and (max-device-width: 630px),
all and (max-width: 630px) {
    .slider-content {
        left: 2.5rem;
    }
    .slider2 .slider-content2 {
        left: 2.5rem!important;
    }
    #c231.frame-space-before-large {
        margin-top: 1em!important;
    }
    .contentheader_mobil {
        padding: 0 2rem 0 2rem!important;
    }
    .topnavmobil {
        right: 0px!important;
        padding: 2.5rem 2rem 2.5rem 0!important;
    }
    h1 {
        line-height: 40px;
    }
    footer .item-25 {
        width: 100%;
    }
    footer .item-21 {
        width: 100%;
    }
    .container {
        padding: 0 32px 0 32px;
        padding: 0 2rem 0 2rem;
    }
    .aktuellstart .item-25 {
        width: 100%;
        float: none;
        height: auto;
    }
    .ccol33 {
        width: 40%;
    }
    .logo img {
        width: 157px;
    }
    footer .container {
        padding: 32px 32px 0 32px;
        padding: 2rem 2rem 0 2rem;
    }
    #slider9 .slider-content2 {
        left: 32px!important;
    }
    .aktuellstart .item-25 {
        min-height: 550px;
        margin: 0px!important;
    }
}

@media screen and (max-device-width: 600px),
all and (max-width: 600px) {
    .frame-indent {
        margin-left: 10%;
        margin-right: 10%;
    }
    #calculator-517 fieldset {
        width: 100%;
        float: none;
    }
    body {
        /* font-size: 110%;*/
    }
    footer .itemcontainer25 .item-25 {
        width: 100%;
        display: flex;
    }
    footer .itemcontainer25 .item-25:nth-child(3) {
        width: 100%;
        align-items: flex-start;
    }
    footer .socialmedia ul {
        padding-top: 60px;
        width: 100%;
    }
    footer .socialmedia ul li {
        padding-right: 60px;
    }
    footer .socialmedia ul li img {
        width: 40px;
        height: 40px;
    }
    .item-33-pf {
        width: 100%!important;
    }
}

@media screen and (max-device-width: 500px),
all and (max-width: 500px) {
    .slider,
    .slider2 {
        height: 400px;
    }
    .logo img {
        width: 130px;
    }
    .aktuelllist .article {
        width: 100%;
    }
    .aktuelllist .item-25 {
        min-height: auto;
    }
    .space-before-medium {
        padding-top: 3rem;
        margin-top: 0;
    }
}

@media screen and (max-device-width: 430px),
all and (max-width: 430px) {
    #c393 .ce-center .ce-outer .ce-inner,
    #c394 .ce-center .ce-outer .ce-inner,
    #c395 .ce-center .ce-outer .ce-inner,
    #c396 .ce-center .ce-outer .ce-inner,
    #c397 .ce-center .ce-outer .ce-inner,
    #c398 .ce-center .ce-outer .ce-inner,
    #c399 .ce-center .ce-outer .ce-inner {
        position: relative;
        float: left;
        right: 60% !important;
    }
    #c393 .ce-center .ce-outer img,
    #c394 .ce-center .ce-outer img,
    #c395 .ce-center .ce-outer img,
    #c396 .ce-center .ce-outer img,
    #c397 .ce-center .ce-outer img,
    #c398 .ce-center .ce-outer img,
    #c399 .ce-center .ce-outer img {
        width: 100px;
    }
    .slider-title,
    .slider-subtitle {
        font-size: 1.0rem!important;
        line-height: 1.5rem;
    }
    .slider2 .slider-subtitle,
    .slider2 .slider-subtitle2 {
        font-size: 1.0rem!important;
        line-height: 1.5rem;
    }
    /*team fischer*/
    #slider35.slider.is-visible:before {
        background-position: 73% 20%;
        background-repeat: no-repeat!important;
        background-color: #c5c4bf;
    }
    /*team ascher*/
    #slider76.slider.is-visible:before {
        background-position: 73% 20%;
        background-repeat: no-repeat!important;
        background-color: #c5c4bf;
    }
    footer .itemcontainer25 .item-25 {
        width: 100%;
        display: block;
    }
}

@media screen and (max-device-width: 376px),
all and (max-width: 376px) {
    /*Team - normale groessen
    #slider347,
    #slider76,
    #slider35,
    #slider84,
    #slider92,
    #slider100,
    #slider116,
    #slider108 {
        height: 250px!important;
        margin-top: 0px!important;
    }
    #slider347.slider.is-visible:before,
    #slider67.slider.is-visible:before,
    #slider76.slider.is-visible:before,
    #slider35.slider.is-visible:before,
    #slider84.slider.is-visible:before,
    #slider92.slider.is-visible:before,
    #slider100.slider.is-visible:before,
    #slider116.slider.is-visible:before,
    #slider108.slider.is-visible:before {
        background-position: 0% 0%;
        background-repeat: no-repeat!important;
        background-color: #c5c4bf;
        background-size: contain!important;
        background-color: #fff!important;
        background-position: 0!important;
        max-width: 100%!important;
        width: 100%!important;
    }*/
}

@media screen and (max-device-width: 365px),
all and (max-width: 365px) {
    .logo img {
        width: 100px;
    }
}