/* only small desktops */


@media (min-width:1200px) {
    #main-slide .carousel-item .carousel-caption .heading {
        margin-top: 30px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .reisser {
        display: none;
    }

    #main-slide .carousel-item .carousel-caption .heading {
        font-size: 26px;
        margin-top: 0px;
    }

    #main-slide .carousel-item .carousel-caption p {
        font-size: 26px;
        margin-bottom: 20px;
    }

    #main-slide .carousel-item.active .carousel-caption {
        opacity: 1;
        transition: opacity 100ms ease 0s;
        z-index: 1;
    }


    .time-entry {
        width: 80px;
        height: 80px;
        padding-top: 15px;
    }

        .time-entry span {
            font-size: 50px;
            margin-bottom: 30px;
        }

    .navbar-expand-lg .navbar-nav .nav-link {
        padding: 0 10px;
    }
}

/* tablets */
@media (max-width: 991px) {

    .reisser {
        display: none;
    }

    #main-slide .carousel-item .carousel-caption .heading {
        font-size: 20px;
    }

    #main-slide .carousel-item .carousel-caption p {
        font-size: 22px;
        margin-bottom: 10px;
    }

    #main-slide .carousel-item.active .carousel-caption {
        opacity: 1;
        transition: opacity 100ms ease 0s;
        z-index: 1;
    }



    .time-entry {
        width: 60px;
        height: 60px;
        padding-top: 8px;
    }

        .time-entry span {
            font-size: 40px;
            margin-bottom: 30px;
        }

    .page-title-section {
        padding: 40px 0;
    }

    .section-titile-bg {
        display: none;
    }

    .section-title {
        position: relative;
        margin-bottom: 10px;
    }


    .padding-none:nth-child(1) {
        border-left: none;
    }

    .padding-none:nth-child(3) {
        border-left: none;
    }

    .padding-none:nth-child(4) {
        border-bottom: none;
        border-left: 1px solid #ddd;
    }

    .padding-none:nth-child(5) {
        border-bottom: none;
        border-left: none;
    }

    .padding-none:nth-child(6) {
        border-top: 1px solid #ddd;
        border-bottom: none;
    }
}

/* only small tablets */
@media (min-width: 768px) and (max-width: 991px) {

    #main-slide .carousel-item .carousel-caption .heading {
        font-size: 20px;
    }

    #main-slide .carousel-item .carousel-caption p {
        font-size: 22px;
        margin-bottom: 10px;
    }

    #main-slide .carousel-item.active .carousel-caption {
        opacity: 1;
        transition: opacity 100ms ease 0s;
        z-index: 1;
    }

    .reisser {
        display: none;
    }


    .time-entry {
        width: 60px;
        height: 60px;
        padding-top: 8px;
    }

        .time-entry span {
            font-size: 40px;
            margin-bottom: 30px;
        }

    .padding-none:nth-child(1) {
        border-left: none;
    }

    .padding-none:nth-child(3) {
        border-left: none;
    }

    .padding-none:nth-child(4) {
        border-bottom: none;
        border-left: 1px solid #ddd;
    }

    .padding-none:nth-child(5) {
        border-bottom: none;
        border-left: none;
    }

    .padding-none:nth-child(6) {
        border-top: 1px solid #ddd;
        border-bottom: none;
    }
}

/* mobile or only mobile */
@media (max-width: 767px) {


    .reisser {
      display:none;

    }
    .section-title {
        font-size: 22px;
    }

    .section-headline span {
        font-size: 20px;
    }

    #main-slide .carousel-item .carousel-caption .heading {
        font-size: 14px;
        margin-bottom: 15px;
    }

    #main-slide .carousel-item .carousel-caption p {
        font-size: 16px;
        margin-bottom: 10px;
    }

    #main-slide .carousel-item.active .carousel-caption {
        opacity: 1;
        transition: opacity 100ms ease 0s;
        z-index: 1;
    }

    #main-slide .carousel-caption {
        padding: 5px;
    }

   .reisser {
        position: absolute;
        top: 40%;
        left: 0;
        z-index: 1000;
    }

    
        .reisser img {
            border-top: 0px solid;
            height: 83px;
            border-right: 0px solid;
            width: 100px;
            border-bottom: 0px solid;
            border-left: 0px solid;
            margin: 0px;
        }



    .time-entry {
        width: 20px;
        height: 20px;
        font-size: 8px;
        padding-top: 0px;
        margin: 10px;
    }

        .time-entry span {
            font-size: 8px;
            line-height: 20px;
            margin-bottom: 0px;
        }



    .container-form .form-wrapper {
        padding: 20px;
    }


    .thumb-left img {
        width: 60%;
    }


    .padding-none:nth-child(1) {
        border-bottom: 1px solid #ddd;
    }

    .padding-none:nth-child(4) {
        border-bottom: 1px solid #ddd;
    }

    .padding-none:nth-child(5) {
        border-bottom: 1px solid #ddd;
    }

    #referenten {
        text-align: center;
    }

    #anfahrt img {
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .login {
        position: absolute;
        top: 10px;
        right: 0px;
    }

    .btn {
        padding: 5px 7px;
        font-size: 13px;
        height: 40px;
        min-width: 80px;
    }
}

@media (min-width: 300px) and (max-width: 480px) {

    html {
        background-color: #fff;
    }

    .section-title {
        font-size: 22px;
    }

    .section-headline span {
        font-size: 20px;
    }


    #main-slide .carousel-item .carousel-caption .heading {
        font-size: 10px;
        margin-bottom: 10px;
    }

    #main-slide .carousel-item .carousel-caption p {
        font-size: 12px;
    }

    #main-slide .carousel-item.active .carousel-caption {
        opacity: 1;
        transition: opacity 100ms ease 0s;
        z-index: 1;
    }

    #main-slide .carousel-caption {
        padding: 0px;
    }

     #tieringen .row {
        padding:0;
    }

    .reisser {
        position: absolute;
        top: 28%;
        left: 25%;
        z-index: 1000;
    }

    
        .reisser img {
            border-top: 0px solid;
            height: 50px;
            border-right: 0px solid;
            width: 60px;
            border-bottom: 0px solid;
            border-left: 0px solid;
            margin: 0px;
        }

    .time-entry {
        width: 20px;
        height: 20px;
        font-size: 6px;
        padding-top: 0px;
        margin: 8px;
    }

        .time-entry span {
            font-size: 8px;
            line-height: 20px;
            margin-bottom: 0px;
        }

    .login {
        position: absolute;
        top: 10px;
        right: 0px;
    }

    .btn {
        padding: 5px 7px;
        font-size: 13px;
        height: 40px;
    }

    #main-slide .login {
        left: 0%;
        width: 100%;
    }



    #Ueberuns {
        padding-top: 0px;
        margin-top: 0px;
    }

    #Sponsorentop, #Terminetop {
        background: url(../img/layout/Interstuhl_Mattes_und_Ammann_bg.jpg) center no-repeat;
        background-size: auto;
        -webkit-background-size: auto;
        -moz-background-size: auto;
        -o-background-size: auto;
    }
}

@media (max-width: 300px) {
    .carousel-caption {
        display: none;
    }

    #tieringen .row {
        padding: 0;
    }

    #Ueberuns {
        padding-top: 0px;
        margin-top: 0px;
    }

    #Sponsorentop, #Terminetop {
        background: url(../img/layout/Interstuhl_Mattes_und_Ammann_bg.jpg) center no-repeat;
        background-size: auto;
        -webkit-background-size: auto;
        -moz-background-size: auto;
        -o-background-size: auto;
    }

    .reisser {
        position: absolute;
        top: 220px;
        left: 25px;
        z-index: 1000;
    }

        .reisser img {
            display: none;
        }
}