.container {
    padding-right: 15px;
    padding-left: 15px;
}

@media(min-width:300px) {
    .col-xs-1 {
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%;
        padding: 0 15px;
    }
    .col-xs-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
        padding: 0 15px;
    }
    .col-xs-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
        padding: 0 15px;
    }
    .col-xs-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
        padding: 0 15px;
    }
    .col-xs-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%;
        padding: 0 15px;
    }
    .col-xs-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        padding: 0 15px;
    }
    .col-xs-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%;
        padding: 0 15px;
    }
    .col-xs-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
        padding: 0 15px;
    }
    .col-xs-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
        padding: 0 15px;
    }
    .col-xs-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%;
        padding: 0 15px;
    }
    .col-small-11 {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%;
        padding: 0 15px;
    }
    .col-xs-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        padding: 0 15px;
    }
    .col-xs-15 {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
        padding: 0 15px;
    }
}

@media(min-width:576px) {
    .col-small-1 {
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%;
        padding: 0 15px;
    }
    .col-small-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
        padding: 0 15px;
    }
    .col-small-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
        padding: 0 15px;
    }
    .col-small-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
        padding: 0 15px;
    }
    .col-small-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%;
        padding: 0 15px;
    }
    .col-small-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        padding: 0 15px;
    }
    .col-small-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%;
        padding: 0 15px;
    }
    .col-small-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
        padding: 0 15px;
    }
    .col-small-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
        padding: 0 15px;
    }
    .col-small-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%;
        padding: 0 15px;
    }
    .col-small-11 {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%;
        padding: 0 15px;
    }
    .col-small-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        padding: 0 15px;
    }
    .col-small-15 {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
        padding: 0 15px;
    }
}

@media(min-width:768px) {
    .col-medium-1 {
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%;
        padding: 0 15px;
    }
    .col-medium-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
        padding: 0 15px;
    }
    .col-medium-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
        padding: 0 15px;
    }
    .col-medium-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
        padding: 0 15px;
    }
    .col-medium-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%;
        padding: 0 15px;
    }
    .col-medium-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        padding: 0 15px;
    }
    .col-medium-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%;
        padding: 0 15px;
    }
    .col-medium-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
        padding: 0 15px;
    }
    .col-medium-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
        padding: 0 15px;
    }
    .col-medium-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%;
        padding: 0 15px;
    }
    .col-medium-11 {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%;
        padding: 0 15px;
    }
    .col-medium-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        padding: 0 15px;
    }
    .col-medium-15 {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
        padding: 0 15px;
    }
}

@media(min-width:992px) {
    .col-large-1 {
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%;
        padding: 0 15px;
    }
    .col-large-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
        padding: 0 15px;
    }
    .col-large-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
        padding: 0 15px;
    }
    .col-large-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
        padding: 0 15px;
    }
    .col-large-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%;
        padding: 0 15px;
    }
    .col-large-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        padding: 0 15px;
    }
    .col-large-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%;
        padding: 0 15px;
    }
    .col-large-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
        padding: 0 15px;
    }
    .col-large-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
        padding: 0 15px;
    }
    .col-large-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%;
        padding: 0 15px;
    }
    .col-large-11 {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%;
        padding: 0 15px;
    }
    .col-large-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        padding: 0 15px;
    }
    .col-large-15 {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
        padding: 0 15px;
    }
}

/* 5 Columns */

.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
    position: relative;
    min-height: 1px;
}

.col-xs-15 {
    width: 20%;
    float: left;
}
@media (min-width: 768px) {
    .col-sm-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 992px) {
    .col-md-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 1200px) {
    .col-lg-15 {
        width: 20%;
        float: left;
    }
}

/* custom */

@media(max-width:1600px) {
    .footer .copy-links,
    .quick-links li a {
        line-height: 28px;
    }
    .made__text span {
        margin-right: 4px;
    }
    .made__text {
        font-size: 28px;
    }
    .banner {
        min-height: auto;
    }
    .banner .hero-text {
        padding: 54px 40px;
        max-width: 600px;
        background: rgba(255, 255, 255, 0.5);
    }
    .banner .hero-text p {
        font-size: 19px;
    }
    .webhosting-services {
        background-size: 50% 100%;
        padding: 150px 0 100px;
    }
    .ssl-desc-col3 .footer-pricing {
        display: block;
    }
    .ssl-desc-col3 .ca-logo-container,
    .ssl-desc-col3 .ca-logo-container.certum {
        text-align: center;
        margin: auto;
        margin-bottom: 2em;
    }
    .ssl-desc-col3 .footer-pricing .media-body {
        display: inline-block;
    }
    .ssl-desc-col3 .footer-pricing .cta {
        vertical-align: top;
        margin-top: 1em;
    }
}

@media(max-width:1460px) {
    .plans .col-half {
        max-width: 45%;
    }
}

@media(max-width:1199px) {
    .p-100 {
        padding: 0 30px;
    }
    section.dns .p-100 {
        padding: 50px 30px;
    }
    .footer {
        padding: 100px 30px;
    }
    .made__text {
        font-size: 22px;
    }
    .made__text span {
        height: 20px;
        width: 20px;
    }
    .contact {
        padding: 80px 0;
    }
    .widerapper {
        padding: 100px 30px;
    }
    .banner {
        padding: 50px 0;
    }
    .banner .hero-text {
        padding: 33px 30px;
        max-width: 550px;
        border-style: solid;
        border-width: 0 0 0 0.45rem;
        border-image-slice: 1;
    }
    .banner .hero-text p {
        font-size: 18px;
    }
    .widerapper {
        padding: 70px 30px;
    }
    .domain-search {
        text-align: center;
        padding: 50px 0;
    }
    .contracts.pt-100 {
        padding-top: 50px;
    }
    .safety-note {
        padding: 100px 0 50px;
    }
    .webhosting-services {
        padding: 150px 0 100px;
    }
    .ssl-card h2 {
        font-size: 22px;
    }
    .ssl-card ul li {
        font-size: 16px;
    }
    .information-card {
        padding-top: 100px;
        padding-bottom: 100px;
    }
    .information-card ul {
        padding-left: 20px;
    }
    .server-pricing {
        padding: 100px 0 0;
    }
}

@media(max-width:991px) {
    .footer {
        background: linear-gradient(to left, #504040 50%, #504040 50%);
        padding: 60px 30px;
    }
    .footer-top {
        background: linear-gradient(to left, #504040 50%, #504040 50%);
    }
    .plans .col-half {
        max-width: 332px;
    }
    .plans .row {
        padding: 0 15px;
    }
    .plans .col-half:after {
        width: 40px;
    }
    .plans .row .col-half:nth-child(3):after {
        top: 700px;
    }
    .plans .row .col-half:nth-child(4):after {
        top: 750px;
    }
    .it-service .it--text {
        padding: 0 100px;
    }
    .plans .container {
        max-width: 772px;
        position: relative;
    }
    .navbar-links li {
        list-style: none;
        margin: 0 10px;
    }
    .navbar-links li a {
        font-size: 14px;
    }
    .navbar-links li a {
        padding: 19px 0 43px;
    }
    .sub-menu h3 {
        font-size: 18px;
    }
    .contract-list li p {
        font-size: 16px;
    }
    .miracle {
        padding: 100px 0;
    }
    .webhosting-services {
        background-image: none;
    }
    .px-100 {
        padding: 0 15px;
    }
    .optimising {
        padding: 100px 0 0;
    }
    .sb-grid li {
        max-height: unset;
    }
    .ssl-desc-col1 {
        text-align: center;
        max-width: 400px;
        margin: 50px auto;
    }
    .ssl-desc-col1 h2 {
        text-align: center;
    }
    .ssl-desc-col2 {
        max-width: 400px;
        margin: 50px auto;
    }
    .runtime-select-container,
    .additional-domains-container {
        text-align: center;
    }
}

@media(max-width:767px) {
    .services .card-service {
        margin: 0 auto;
    }
    .contact .contact-box {
        max-width: 100%;
    }
    .contact-box ul {
        margin-bottom: 30px;
    }
    .quick-links {
        margin-bottom: 30px;
    }
    .plans .col-half {
        max-width: 243px;
    }
    .plans .col-half a h2 {
        font-size: 18px;
    }
    .plans .col-half a ul li,
    .plans .col-half p {
        font-size: 12px;
    }
    .plans .row .col-half:nth-child(1) {
        margin-top: 90px;
    }
    .plans .row .col-half:nth-child(4) {
        margin-top: 0;
    }
    .plans .row .col-half:nth-child(3):after {
        top: 500px;
    }
    .plans .row .col-half:nth-child(4):after {
        top: 450px;
    }
    .plans {
        padding: 50px 0;
    }
    .plans .container {
        max-width: 576px;
        position: relative;
    }
    .plans .col-half:after {
        width: 29px;
    }
/*
.header {
position: fixed;
width: 100%;
z-index: 2;
}
.nav-container {
padding-bottom: 65px;
}
*/
    header .navbar-links {
        display: none;
    }
    header.sticky,
    header {
        min-height: auto;
        padding: 12px 0;
    }
    header .nav-toggle {
        display: inline-block;
    }
    header.sticky .right-links,
    header .right-links {
        display: flex;
        align-items: center;
        padding: 0;
        min-height: auto;
    }
    header .right-links a {
        padding: 0 10px;
    }
    header .right-links a i {
        margin: 0;
    }
    header.sticky .navbar-links {
        order: 3;
        width: 100%;
        border-top: 1px dotted rgb(113, 119, 127);
    }
    .navbar-links li:first-child a,
    header.sticky .navbar-links li a,
    .navbar-links li a {
        padding: 10px;
        border-bottom: 1px solid #eee;
    }
    .show-menu header .navbar-links {
        display: block;
        position: absolute;
        top: 68px;
        background: #fff;
        left: 0;
        right: auto;
    }
    .navbar-links li a {
        display: flex;
    }
    .show-menu header.sticky .navbar-links {
        top: 49px;
    }
    .navbar-links li {
        margin: 0;
    }
    .sub-menu {
        position: relative;
        padding: 0 15px;
        top: auto;
        display: none;
    }
    .navbar-links li:hover .sub-menu,
    header.sticky .navbar-links li:hover .sub-menu,
    header.sticky .sub-menu {
        top: auto;
    }
    .navbar-links li:hover .sub-menu {
        display: block;
    }
    .sub-menu h3 {
        display: none;
    }
    .sub-menu ul li a:hover {
        background-color: transparent;
    }
    header .right-links a.nav-toggle {
        display: block;
    }
    .footer .copy-links {
        margin-bottom: 30px;
    }
    .video-main video {
        margin-top: -6em;
    }
    .contract-list {
        flex-direction: column;
    }
    .contract-list li {
        padding: 15px 30px;
    }
    .widerapper p,
    .form-control,
    .contact-box p,
    .contact-box ul li {
        font-size: 16px;
    }
    .lead-text {
        font-size: 18px;
    }
    .lead-text img {
        margin-right: 10px;
    }
    .lead-text img {
        height: 28px;
    }
    .footer .copy-links,
    .quick-links li a {
        font-size: 16px;
        line-height: 22px;
    }
    .header-space {
        height: 67px;
    }
    .banner {
        background-size: cover;
    }
    .banner .hero-text {
        background-color: rgba(255, 255, 255, 0.7);
    }
    .input-group .cta {
        min-width: 130px;
    }
    .domain-search form {
        width: 100%;
    }
    .safety-note p,
    .card_webhosting p,
    .spec li,
    .points-miracle p,
    .miracle li {
        font-size: 16px;
    }
    .card_webhosting h2 i {
        line-height: 32px;
        font-size: 26px;
        margin-bottom: 5px;
        margin-top: 10px;
        margin-right: 4px;
    }
    .safety-note h2,
    .card_webhosting h2 {
        font-size: 18px;
    }
    .card_webhosting {
        padding: 15px;
    }
    .safety-note {
        padding: 70px 30px;
    }
    .safety-note p {
        margin-bottom: 0;
    }
    .pricing-card .footer-pricing,
    .ssl-flip .footer-pricing,
    .ssl-card .footer-pricing {
        justify-content: center;
    }
    .pricing-card .footer-pricing .media-body,
    .ssl-flip .footer-pricing .media-body,
    .ssl-card .footer-pricing .media-body {
        flex: inherit;
    }
    .ssl-certification .card-certification {
        margin-top: 50px;
        height: auto;
    }
    .ssl-certification {
        padding-top: 50px;
    }
    .breadcrumb li,
    .breadcrumb li a {
        font-size: 16px;
    }
    .information-card {
        padding: 100px 15px;
    }
    .optimising {
        padding: 50px 0 0;
    }
    .list-load li {
        margin: 5px 0;
    }
  .intro .flex-row {
    z-index: 1;
  }
}

@media(max-width:575px) {
  .xs-pt-15 {
    padding-top: 15px;
  }

    .form-control,
    p {
        font-size: 16px;
    }
    .it-service .it--text {
        padding: 0 30px;
        font-size: 22px;
    }
    .it-service {
        padding: 50px 0 75px;
    }
    .tr-to-bl {
        border-width: 50px 100vw 0 0;
    }
    .tri-up-right {
        border-width: 0 0 50px 100vw;
    }
    .triangle-white-1 {
        border-width: 0 0 50px 100vw;
    }
    .diagonal-shape.bl-to-tr {
        border-width: 0 0 50px 100vw;
    }
    .triangle-dark-2 {
        border-width: 30px 100vw 0 0;
    }
    .triangle-dark-1 {
        border-width: 50px 100vw 0 0
    }
    .br-to-tl {
        border-width: 50px 0 0 100vw;
    }
    .tl-to-br {
        border-width: 0 100vw 50px 0;
    }
    .tr-to-lr-w {
        border-width: 0 0 50px 100vw;
    }
    .tr-to-rl-w {
        border-width: 50px 100vw 0 0;
    }
    .divider-line {
        left: 35px;
        height: 100%;
        top: 53%;
    }
    .plans .col-half {
        max-width: 100%;
    }
    .plans .col-half:after {
        right: auto;
        left: 35px;
    }
    .plans .row .col-half:nth-child(3),
    .plans .row .col-half:nth-child(2),
    .plans .row .col-half:nth-child(4) {
        margin-top: 30px;
    }
    .plans .row .col-half:nth-child(1):after {
        top: 200px;
        transform: rotate(180deg)
    }
    .plans .row .col-half:nth-child(2):after {
        left: 35px;
        top: 500px;
    }
    .plans .row .col-half:nth-child(3):after {
        top: 800px;
    }
    .plans .row .col-half:nth-child(4):after {
        left: 35px;
        top: 1100px;
        transform: rotate(0deg);
    }
    .plans .row {
        padding-left: 63px;
        padding-right: 15px;
    }
    .plans .col-half a ul li,
    .plans .col-half p {
        font-size: 14px;
    }
    .services .card-service {
        padding: 15px 0;
    }
    .footer {
        padding: 60px 0;
    }
    .footer .copy-links,
    .quick-links li a {
        line-height: 22px;
        font-size: 14px;
    }
    .contact-box p,
    .contact-box ul li {
        font-size: 16px;
    }
    .lead-text img {
        margin-right: 7px;
    }
    .footer h2 {
        font-size: 22px;
    }
    .plans .col-half:after {
        width: 30px;
    }
    .widerapper {
        padding: 70px 15px;
    }
    .banner .container-full {
        padding: 0 15px;
    }
    .banner .hero-text {
        padding: 30px 15px;
    }
    .input-group label,
    .input-group .form-control {
        height: 46px;
    }
    .input-group .cta {
        min-width: 100px;
    }
    .input-group label {
        line-height: 46px;
    }
    .card_optimising ul li {
        font-size: 16px;
    }
    .card_optimising .footer-pricing .cta {
        margin-right: 10px;
    }
    .load-card {
        padding: 30px 15px;
    }
    .breadcrumb {
        padding: 8px 0;
    }
    .breadcrumb li,
    .breadcrumb li a {
        line-height: 22px;
    }
    .icon-box {
        padding: 15px 0;
    }
    .webhosting-services {
        padding: 150px 0 60px 0;
    }
    .sb-grid li {
        width: 90%;
        margin: 80px auto 0;
    }
    .sb-grid li .col-xs-12 {
        padding: 0;
    }
    .caption-box {
        width: 100%;
    }
    .ssl-desc-col2 {
        margin: 0 auto 50px auto;
    }
    .pricing-table-container {
        width: 100%;
        overflow-y: auto;
        margin: 0 0 1em;
    }
    .pricing-table-container::-webkit-scrollbar {
        -webkit-appearance: none;
        width: 14px;
        height: 14px;
    }
    .pricing-table-container::-webkit-scrollbar-thumb {
        border-radius: 8px;
        border: 3px solid #fff;
        background-color: rgba(0, 0, 0, .3);
    }

    .vps {
        letter-spacing: 0.0em;
        font-size: 16px;
        width: 34%;
    }

    .paket {
        font-size: 24px;
    }

    .headerbox-vps {
        padding-left: 0%;
    }

    .mehr {
        width: unset;
     }

  .server-wrapper {
    background: linear-gradient(#fff 19%, rgba(0,0,0,0) 19%), linear-gradient(#F2FCFD 28%, #F2FCFD 28%);
  }
}

@media(min-width:576px) and (max-width:690px) {
    .vps {
        width: 34%;
    }

    .konfigurieren{
        font-size: 13px;
        padding-left: 6px;
    }

    .paket {
        font-size: 24px;
    }

    .headerbox-vps {
        padding-left: 0%;
    }
}

@media(min-width:691px) and (max-width:860px) {

     .konfigurieren{
        padding-left: 9px;
    }

     .index-box-1 {
          font-size: 35px;
          padding: unset;
       }

     .contact h3 {
          padding-left: 60px;
          font-size: 24px;
       }

       .contact p {
          padding-left: 20px;
          padding-bottom: 20px;
       }

       .contact-type {
          padding-left: 20px;
        }

        .ssl-desc-col3  .pricing-table {
          width: 75%;
        }
}

@media(min-width:360px) and (max-width:860px) {

    .header {
        justify-content: space-between;
    }

     .ssl-desc-col1 {
        font-size: 14px;
        width: 102%;
     }

     .ssl-desc-col1 h2 {
        text-align: center;
        font-size: 25px;
     }

     .ssl-desc-col-2 {
       flex: unset;
       margin-left: unset;

     }

     .ssl-desc-col2 {
       font-size: 14px;
       width: 325px;
     }

     .ssl-desc-col1 a {
       font-size: 13px;
     }

     .ssl-desc-col3 {
       display: unset;
     }


     .runtime-pricing {
       margin-top: 20%;
       margin-left: unset;
     }

     .ca-logo-container {
       margin-top: 12%;
       margin-left: 62px;
     }

     .validated {
       margin-left: 87px;
     }

     .footer-pricing .cta {
       margin-left: -22px;
     }

     .infocontainer {
       width: 94.69%;;
     }

     .Virtuelle-content1, .entwichlung-intro {
        font-size: 23px;
        padding: unset;
        width:unset;
     }

     .intro {
        height: auto;
        font-size: 20px;
        padding: 0;
     }

     .intro-box {
        width:unset;
        padding:unset;
     }

     .intro-ul{
        margin-top:unset;
        padding-left: 30px;
     }

     .server-intro {
        height: 615px;
     }

    .domains-intro {
      background-image: none;
    }

     .header-logo {
       max-width: 120px;
     }

     .header-main {
       padding-left: 15px;
     }

     .header-menu {
       display: none;
     }

     .header {
        height: 70px;
     }

     .header .nav-toggle {
       display: block;
       color: #fff;
       top: 18px;
       position: absolute;
       right: 30px;
       font-size: 29px;
       background-color: #00A9BA;
       padding: 1px 3px;
     }

     .index .header .nav-toggle {
       padding-left: 62%;
       top: 2%;
     }

     .header .nav-toggle a {
       padding: 0 10px;
     }
/*
     .header-login {
         margin-top: 23px;
         padding-right: 76px;
     }
*/
     .nav-container {
      display: none;
      position: absolute;
      font-size: 1.5em;
      line-height: 2em;
      overflow-y: auto;
      overflow-x: hidden;
      max-height: 100vh;
      width: 100%;
      z-index: 3;
      top: 70px;
     }

     .nav-container a {
      color: #fff;
      text-decoration: none;
      padding: 5px;
      border-bottom: 1px solid #fff;
      display: inline-block;
      width: 100%;
      cursor: pointer;
     }

     .nav-container div a {
       padding-left: 20px;
       color: #bfbfbf;
     }

     .nav-container {
       font-size: 1.5em;
      line-height: 2em;
     }

     .nav-container div {
       width: 85%;
      margin: auto;
     }

     .nav-container i {
       float: right;
     }

     .availability input[type="text"], .availability textarea {
        font-size: 12px;
     }

     .check {
       font-size: 0px !important;
     }

     .check .fa-search {
       margin-right: 0px;
       margin-top: 11px;
     }

     .mehr {
         margin-left: unset;
         margin-top: unset;
         padding-top: 10px;
     }


     .beispiel2 {
        padding-left: unset;
        margin-left: unset;
        padding-bottom: 130px;
     }

     #desktop-menu {
       display: none;
     }

    .display_none {
      display: none;
    }

     .warenKrb_Mobile,.warenKrb_Mobile2{
       display: block;
     }

    .display_mobile_summe {
       display: block !important;
    }

     #warenkorb {
       margin-bottom: 20px;
     }

   .warnkrb_pdng {
      margin: unset;
   }

   .btn {
     padding: 11px 9px;
   }

   .dcheck {
     margin-right: 10px;
   }

   .vrow  {
     padding-left: unset;
   }

   .flex-row {
     margin: unset;
   }

   .du-mochtest {
     padding-left: 10px;
   }

   .unsere {
     font-size: 16px;
   }

   .server-box1 {
     margin-left: 20px;
   }

   .sla {
     margin-left: 47px;
   }

   .contact input[type="submit"] {
     margin-left: 46px;
   }

   .index-box-2 {
     min-height: 0;
   }

   .ssl-simple {
     margin-left: 50px;
   }

  .no-flex {
    display: unset !important;
  }

  .no-margin {
    margin-left: unset !important;
  }

  .subcaption {
    font-size: 32px;
    padding-left: 14px;
  }

  .div-ssl {
    margin-left: 13px;
  }

  .content-ssl {
    margin-left: 5px;
  }

  .row-ssl {
    width: 94%;
    margin-left: 12px;
  }

  .img-margin {
    margin-bottom: 30px;
  }

  .more-features {
    margin-bottom: 45px;
  }

  .footer-pricing div.price-comm {
    margin-left: unset;
  }

  .plus {
    margin-top: 78px;
  }

  .mobile-left-padding {
    padding-left: 10px;
  }
  .intro h2 {
    font-size: 34px;
  }

  .footer-pricing div.price-comm {
    font-size: 14px;
  }

  #wh-page1, #wh-page2 {
    padding-bottom: 35px;
  }

  .mobile_schritt3 {
    position: unset !important;
  }

  .mobile-web-order {
    min-width: 17em !important;
    padding-left: 0px !important;
  }

  #result_other span {
    padding-left: 10px;
  }

  .intro .flex-row {
    z-index: 1;
  }

}

@media(min-width:861px) and (max-width:990px) {
     .mehr {
         padding-top: 10px;
     }
}

@media(max-width:600px) {

       .konfigurieren2 {
          font-size: 13px;
          padding-left: 6px;
       }

       .webhosting-bestellen {
          font-size: 20px;
          padding-left: 5%;
       }

       .index-box-1 {
          font-size: 24px;
          padding: unset;
       }
}

@media(max-width:990px) {
  .mtable thead {
    display: none;
  }

  .mtable tr {
    float: left;
    width: 100%;
    margin-bottom: 2em;
  }

  .mtable td {
    float: left;
    width: 100%;
    padding: 1em;
  }

  .mtable td::before {
    content: attr(data-label);
    word-wrap: break-word;
    background: #00a9ba;
    color: #fff;
    border-right: 2px solid #005e68;
    width: 130px;
    float: left;
    padding: 1em;
    font-weight: bold;
    margin: -1em 1em -1em -1em;
  }

  table.vps-pricelist td:nth-child(1),
  table.colocation-pricelist td:nth-child(1) {
    text-align: center;
  }

  .server-pricelist.mtable td::before,
  .colocation-pricelist.mtable td::before {
    padding-right: 0.5em;
  }

}

@media(max-width:860px) {
  .domains-intro-ul {
    margin-top: 15px;
    margin-left: 40px;
    padding-bottom: 15px;
  }
}

@media(min-width:740px) {
      .header .nav-toggle {
        top: 6%;
        padding-left: 92%;
      }
}

@media(max-width:484px) {

  .xs-mt-2 {
    margin-top: 2em !important;
  }

  .category-box-link {
    margin-top: 120px;
  }

  .cbox .category-box-link {
    margin-top: 0;
  }

  .cbox .colo-desc-col1 {
    padding-right: 0;
  }

  .cbox .colo-desc-col1 img {
    max-height: 80px;
    max-width: 30px;
    width: auto;
  }

  .cbox .colo-desc-col2 {
    padding-left: 0;
  }

  .intro-padding {
    padding: 70px 40px 0;
  }

  .housing-tab-nav label {
    line-height: 1em;
  }

  .category-box-type2 {
    width: 397px;
    max-width: 100%;
  }

  .cbt-index-1 {
    margin-top: 0;
  }

  .cbt-index-2 {
    margin-top: 0;
  }

  .cbt-index-4 {
    margin-top: 0;
  }

  .cbt-index-6 {
    margin-top: 0;
  }

       .category-box-type2 p{
          max-width: 100%;
       }

       .category-box-type2 h3{
          font-size: 27px;
       }

    .index-detailed-box {
        margin-left: 0;
        margin-right: 0;
        padding-left: 0;
        padding-right: 0;
    }

       .index-box-3 {
          font-size: 14px;
          line-height: 30px;
       }

  .mmw-200 {
    max-width: 200px;
  }

       .content-webhosting {
          font-size: 28px;
          padding-left: 10px;
       }

       .webhosting-flex, .col {
          display: unset;
          margin: unset unset;
          margin-left: unset;
          margin-right: unset;
       }

       .server-box {
          margin-bottom: 200px;
       }

       .hide-info {
          margin-left: 77%;
       }

       .cbox .hide-info {
          margin-left: auto;
       }

       .options-select input[type="checkbox"] + div span::after, 
       .options-select input[type="radio"] + div span::after {
         display:none;
       }

       .div-webhosting {
          font-size: 15px;
        }

       .headerbox {
          font-size: 13px;
          width: 32%;

       }

       .infoc-flex {
          display: unset;
       }

       .basispakete, .basispakete-p {
          font-size: 24px;
          padding-left: 15px;
          padding-right: 15px;
       }

       .config {
          font-size: 14px;
       }

       .beispiel {
          font-size: 15px;
       }

       .bconfig {
          font-size: 14px;
       }

       .oder_total {
          font-size: 25px;
       }

       .webhosting-list {
          font-size: 13px;
        }

       .dem_nicht, .dem_nicht2 {
          width: unset;
        }

       .dem_nicht3, .virtuelle-dem_nicht {
          font-size: 16px;
          width: unset;
          padding-left: 10px;
       }

       .dem_nicht4, .virtuelle-dem_nicht2 {
          font-size: 13px;
          margin-top: 3%;
          margin-left: unset;
          width: 85%;
          padding-left: 10px;
       }

       .content {
          font-size: 14px;
          margin-left: unset;
          max-width: unset;
       }

       .Drumherum, .Root-Server, .fair-use {
          margin-top: unset;
          width: unset;
          margin-left: unset;
       }

       .title {
          font-size: unset;
       }

       .category-link {
          margin-bottom: 25px;
          font-size: 13px;

        }

       .plus {
          font-size: 45px;
       }

       .paket {
          font-size: 20px;
       }

       .Virtuelle-content2 h1 {
          font-size: 24px;
       }

       .Virtuelle-content2 div {
          font-size: 15px;
       }

       .contact h3 {
          padding-left: 75px;
          padding-bottom: 15px;
          font-size: 22px;
       }

       .contact p {
          padding-left: 20px;
          padding-bottom: 20px;
          font-size: 16px;
       }

       .contact-type {
          padding-left: 20px;
        }

       .contact-type.gpg {
          margin-left: 15px;
       }

       .check {
          font-size: 13px;
       }

       .content1 {
          font-size: 38px;
       }

       .kommt-noch {
          font-size: 25px;
       }

       .checkw {
          margin-top: 40px;
          font-size: 14px;
          width: 246px;
       }

       .flex-row1 {
          padding-left: 10px;
       }

       .entwichlung-intro h2 {
          font-size: 40px;
       }

       .entwichlung-intro-ul {
          margin-top: 20px;
          padding-left: 40px;
       }

       .webdesign-content2 {
          display: unset;
       }

        .webdesign-content2-1 {
          font-size: 13px;
          width: unset;
          padding-left: 10px
       }

        .webdesign-content3 {
          display: unset;
          width: unset;
          font-size: 13px;
          padding-left: 10px;
        }

        .webdesign-content3-1 {
          padding-right: unset;
        }

        .webdesign-content3-2-2, .webdesign-content3-2-1 {
          width: 99%;
        }

        .webdesign-box-content, .webdesign-box  {
          font-size: 14px;
          width: 97%;
          padding-left: 13px;

        }

        .content-entwichlung {
           font-size: 30px;
           padding-left: 13px;
        }

        .content-entwichlung p {
           font-size: 30px;
           padding-left: unset;
        }

        #anwendungsentwicklung {
           font-size: 27px;
        }

        .div-entwichlung, .portal-div {
           font-size: 14px;
           width: unset;
        }

        .webdesign-content3-1 {
           padding-left: 13px;
        }

        .webdesign-content3-2 {
           padding-left: 13px;
        }

        .webdesign-box-content li {
           font-size: 13px;
         }
}

@media(min-width:485px) {
  .large-ml-50 {
     text-align: left;
    margin-left: 50px;
  }
}