/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {  

}

/* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
@media (max-width: 767px) {
    #page-main h2 {
        font-size: 1.5rem;
        margin-top: 2rem;
        margin-bottom: 1rem;
    }

    #page-main h2.h1, .h1{
        font-size: 1.8rem;
    }

    .ixs-icon-box {
        padding: 0;
    }

    #feste-ip-adresse-vmap {
        height: 300px;
    }

    .background-image-section-content {
        padding: 15px !important;
    }

    #feste-ip-kostenlos-testen {
        padding: 30px;
    }

    #page-footer-copyright {
        margin-top: 0 !important;
        font-size: 1rem;
    }

    #page-footer-legal-nav {
        font-size: 0.9rem;
    }

    #page-footer-legal-nav > li {
        border-right: none;
    }

    #page-footer-legal-nav > li > a {
        padding-left: 0;
        padding-top: .5rem;
        padding-bottom: .5rem;
    }

    .ixs-text-image {
        margin: 2rem 0;
    }

    p, li {
        line-height: 1.6em;
    }
}

/* Large devices (desktops, 992px and up) */
@media (max-width: 991px) { 
    #ihre-vorteile-bei-internet-xs-headline {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important;
    }
}

/* Extra large devices (large desktops, 1200px and up) */
@media (max-width: 1199px) {
    body {
        padding-top: 61.797px;
    }
    #page-nav-container {
        display: none;
    }

    #page-top-header {
        display: none;
    }

    #page-main-header-content, .background-image-section-content {
        padding: 30px;
    }

    #page-main-header h1, #page-main .background-image-section-content h2.h1, #page-main .background-image-section-content .h1 {
        font-size: 2rem;
        margin-bottom: 1rem;
    }

    #page-tabs-content {
        padding-left: 15px;
        padding-right: 15px;
    }

    #page-main-header {
        font-size: 1.1rem;
    }

    #page-main-header br {
        display: none;
    }

    #layout-standard-mit-hintergrund-wrapper {
        padding: 15px !important;
    }

    #page-footer {
        padding: 15px;
    }

    #page-tabs-nav  {
        overflow-x: auto;
        overflow-y: hidden;
        width: 100%;
        white-space: nowrap;
    }

    .card-ixs-top-product {
        margin-bottom: 15px;
    }
}

@media (min-width: 1600px) {
    .container{
        max-width: 1500px;
    }
}

@media (min-width: 1700px) {
    .container{
        max-width: 1600px;
    }
}

@media (min-width: 1800px) {
    .container{
        max-width: 1600px;
    }
}