@media(min-width: 768px) {

    /* Galerie Vorschaubilder*/
    .img-200c {
        height: 330px;
        width: 330px;
        object-fit: cover;
        object-position: center;
    }

    .galleries .img-200c{
        height: 330px;
        width: 330px;
        object-fit: cover;
        object-position: center;
    }


    /*Schmetterlingspädagogik*/
    h2#header-298{
        margin-left:0;
    }


    #about-paedagogik-image-1{
        min-height: 1015px;
    }

    #about-paedagogik-image{
        min-height: 850px;
    }

    .navbar-nav .nav-link {
        text-align: center;
        font-size: 50px;
        margin-bottom: 40px;
    }

    footer .sitemap-item .sitemap-link {
        color: #ffffff;
        text-decoration: none;
        padding: 5px 20px;
    }

    #top-claim {
        padding-left: 100px;
        padding-right: 100px;
        padding-top: 35px;
        padding-bottom: 110px;
    }

    #about-paedagogik-text-right {
        min-height: 1150px;
    }

    footer ul.sitemap {
        flex-direction: row;
        align-items: center;
        justify-content: center;
    }

    footer .sitemap-item .sitemap-link {
        color: #ffffff;
        text-decoration: none;
        padding: 5px 20px;
    }

    #start-findus-map,
    #start-findus-text{
        padding: 15px ;
    }

    .contact-textbox{
        padding-top: 0px;
    }

    #top-circle-red {
        left: calc(50% - 15px);
        top:650px;
    }

    #top-circle.anmeldung {
        left: calc(50% - 100px);
        top: 340px;
    }

}

@media(min-width: 992px) {


    .img-200c {
        height: 260px;
        width: 260px;
        object-fit: cover;
        object-position: center;
    }

    .galleries .img-200c{
        height: 260px;
        width: 260px;
        object-fit: cover;
        object-position: center;
    }

    .navbar-nav .nav-link {
        font-size: 16px;
        padding: 5px 20px;
    }

    #about-paedagogik-image {
        min-height: 800px;
    }
    #about-paedagogik-image-1 {
        min-height: 850px;
    }

    #contact-box{
        padding:80px;
        text-align:left;
    }

    #contact-absicht-left-text {
        padding-left: 50px;
        padding-right: 95px;
        text-align: left;
    }


    #about-paedagogik-text-right-1,
    #about-paedagogik-text-right-2,
    #contact-absicht-right-text,
    #anmeldung-first-step-dl,
    #start-news,
    #start-registration{
        padding-top:0px;
        padding-left:195px;
        padding-right:50px;
        text-align: left;
    }

    #about-visions-text,
    #start-about {
        padding-top: 40px;
        padding-right: 80px;
        padding-left: 50px;
        text-align:left;
        padding-bottom:100px;
    }

    #anmeldung-kind-text,
    #anmeldung-schulgeld-text,
    #anmeldung-first-step{
        padding-left: 50px;
        padding-right: 100px;
    }

    #anmeldung-first-step{
        padding-bottom:150px;
    }

    #top-text,
    #about-room-text,
    #about-paedagogik-text-left-2,
    #about-paedagogik-text-left-1,
    #about-paedagogik-text-right,
    #about-paedagogik-text-left,
    #anmeldung-first-step,
    #anmeldung-kind-schulgeld-text,
    #start-findus-text,
    #start-faq,
     #anmeldung-kind-text{
         text-align: left;
    }

    #start-about {
        padding-top: 40px;
        padding-right: 130px;
        padding-bottom: 0;
        text-align: left;
    }

    #about-room-text {
        padding: 50px 40px;
    }
    #about-our-rooms{
        padding-top:80px;
        padding-bottom:80px;
    }

    #about-paedagogik-text-right-1 .schmetterling-illu,
    #about-paedagogik-text-right-2 .star-illu{
        top: 114px;
        left: -177px;
    }


    #start-news .star-illu,
    #contact-absicht-right-text .smiley-illu,
    #anmeldung-first-step-dl .smiley-illu,
    #start-registration .smiley-illu{
        top: 114px;
        left: -168px;
    }

    #start-findus-text,
    #start-findus-map{
        padding: 50px 40px;
    }

    .textlinkbox-298,
    .textlinkbox-299,
    .textlinkbox-272,
    .textlinkbox-265,
    .textlinkbox-277,
    .textlinkbox-276{
        margin-top:-80px;
        margin-left:20px;
    }

    #faq-section-1,
    #faq-section-2,
    #faq-section-3 {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    #faq-section-1{
        padding-top: 80px;
    }

    #faq-section-3 {
        padding-bottom: 80px;
    }






    .navbar-expand-lg .navbar-nav .nav-link {
        padding: 5px 20px;
        margin-bottom: 0;
    }

    #logo-top img {
        width: 350px;
    }

    #top-image {
        background-position: top center;
    }

    #top-text {
        padding-right: 100px;
    }

    #top-claim {
        padding-left: 30px;
        padding-right: 30px;
    }
    #top-claim h2{
        font-size:50px;
        text-align:center;
    }
    #top-circle {
       left: -100px;
        bottom: 175px;
    }

    #top-circle.anmeldung {
        left: calc(50% - 185px);
        top: 400px;
    }

    #contact-box {
        padding-top: 80px;
        padding-left: 50px;
        padding-right: 130px;
    }



    #smiley {
        padding-top: 150px;
    }

    #icon-eye {
        padding-top: 75px;
        padding-left: 15px;
        padding-right: 50px;
    }



    #bottom-claim {
        padding-top: 10px;
        padding-right: 45px;
        padding-left: 15px;
    }

    #bottom-circle {
        top: auto;
        bottom: 50px;
        right: auto;
        left: -200px;
    }

    footer ul.sitemap {
        justify-content: flex-end;
        padding-top:10px;
    }
    footer .social-media-list{
        justify-content:flex-start;
        padding-left: 0;
    }




    .button-link-box{
        text-align:left;
    }
    .error-text{
        font-size:22px;
    }

    .error-text  .button-link-box{
        text-align:center;
    }

    /*Anmeldung*/

    #anmeldung-first-step{
        padding-left:50px;
        padding-right:100px;
    }

}



@media(min-width: 1200px) {

    /*Vorschaubilder Album*/
    .img-200c {
        height: 260px;
        width: 260px;
        object-fit: cover;
        object-position: center;
    }

    .galleries .img-200c{
        height: 260px;
        width: 260px;
        object-fit: cover;
        object-position: center;
    }

    footer .social-media-list {
        justify-content: flex-start;
        padding-left: 50px;
    }

    #about-paedagogik-text-right-1 .schmetterling-illu,
    #about-paedagogik-text-right-2 .star-illu,
    #start-news .star-illu,
    #contact-absicht-right-text .smiley-illu,
    #anmeldung-first-step-dl .smiley-illu,
    #start-registration .smiley-illu{
        top: 114px;
        left: -169px;
    }

    #about-paedagogik-text-right-1,
    #about-paedagogik-text-right-2,
    #contact-absicht-right-text,
    #anmeldung-first-step-dl,
    #start-news,
    #start-registration{
        padding-top:0px;
        padding-left:230px;
        padding-right:50px;
        text-align: left;
    }

    #top-claim {
        padding-left: 70px;
        padding-right: 70px;
    }

    #top-claim h2 {
        font-size: 50px;
        text-align: left;
    }

    #section-bottom-claim .img-contact {
        max-width: 170px;
    }

    #logo-top img {
        width: 558px;
    }

    #top-circle {
        bottom: 225px;
    }

    #top-circle.anmeldung {
        left: calc(50% - 245px);
        top: 380px;
    }

    #bottom-circle {
        bottom: 80px;
        left: -200px;
    }

    #contact-box {
        padding-top:80px;
        padding-left: 100px;
        padding-right:200px;
    }

    #contact-absicht-left-text {
        padding-left: 80px;
        padding-right: 110px;
        text-align:left;
    }

    #about-visions-text,
    #start-about {
        padding-top: 40px;
        padding-right: 130px;
        padding-left: 50px;
        text-align: left;
    }


    #about-paedagogik-text-right-1,
    #about-paedagogik-text-right-2,
    #contact-absicht-right-text,
    #anmeldung-first-step-dl,
    #start-news,
    #start-registration{
        padding-top:0px;
        padding-left:230px;
        padding-right:100px;
        text-align: left;
    }

    #anmeldung-kind-text,
    #anmeldung-schulgeld-text,
    #anmeldung-first-step {
        padding-left: 50px;
        padding-right: 100px;
    }
}



@media(min-width: 1600px) {

    .img-200c {
        height: 305px;
        width: 305px;
        object-fit: cover;
        object-position: center;
    }

    .galleries .img-200c{
        height: 305px;
        width: 305px;
        object-fit: cover;
        object-position: center;
    }

    #anmeldung-kind-text,
    #anmeldung-schulgeld-text,
    #anmeldung-first-step {
        padding-left: 50px;
        padding-right: 300px;
        padding-bottom: 80px;
    }

    #contact-absicht-left-text {
        padding-left: 80px;
        padding-right: 140px;
        text-align:left;
    }

    footer{
        max-width: 1920px;
        margin-left: auto;
        margin-right: auto;
        padding: 40px 0;
    }
    .container-fluid{
        max-width:1920px;
    }

    #contact-box{
        padding:80px 230px;
        padding-left:50px;
        padding-right: 470px;
    }

    #logo-top {
        padding-top: 100px;
        padding-bottom: 100px;
    }

    #logo-top img {
        width: 700px;
    }

    #logo-top,
    #top-claim {
        padding-left: 75px;
    }

    #top-text {
        padding-right: 200px;
    }

    .circle-claim {
        width: 250px;
        height: 250px;
        font-size: 30px;
    }

    #top-circle-red {
        bottom: -12px;
        left: calc(57% - 120px);
    }

    #top-circle {
        bottom: 295px;
        left: -125px;
    }

    #top-circle.anmeldung {
        left: calc(50% - 330px);
        top: 400px;
    }

    #smiley {
        padding-top: 100px;
    }

    #smiley img.img-fluid {
        width: 250px;
    }

    #absichtserklaerung {
        padding-left: 100px;
        padding-right: 100px;
    }

    #icon-eye {
        padding-right: 150px;
        padding-top: 50px;
    }
    /*Startseite*/
    #start-about{
        padding-right:240px;
    }




    #about-paedagogik-text-right-1,
    #about-paedagogik-text-right-2,
    #contact-absicht-right-text,
    #anmeldung-first-step-dl,
    #start-news,
    #start-registration{
        padding-top:0px;
        padding-left:230px;
        padding-right:330px;
        text-align: left;
        padding-bottom: 80px;
    }





    #about-paedagogik-text-left-1,
    #about-paedagogik-text-left-2,
    #about-paedagogik-text-left-3,
    #about-paedagogik-text-left,
    #about-visions-text,
    #start-about {
        padding-top: 80px;
        padding-right: 230px;
        padding-left: 50px;
        padding-bottom: 80px;
        text-align:left;
    }

    #about-paedagogik-image-1 {
        min-height: 1100px;
    }

    #about-visions-text,
    #start-about {
        padding-bottom:130px;
    }
    #about-paedagogik-text-right{
        padding-right: 250px;
        min-height: 1186px;
    }

    #about-paedagogik-text-left{
        padding-right: 400px;
    }

    #about-room-text {
        padding-right: 320px;
    }


    #start-faq{
        padding-right:210px;
        padding-top: 80px;
    }

    #start-contact{
        padding-top: 80px;
        padding-bottom: 80px;
    }

    /*Anmeldung*/
    #contact-absicht-left-text,
    #anmeldung-first-step{
        padding-left:50px;
        padding-right:320px;
    }

    #bottom-claim {
        padding-left: 80px;
        padding-right: 150px;
    }

    #bottom-circle {
        bottom: 175px;
    }


}