/*-----------------------------------
   Responsive
------------------------------------*/
@media (min-width:1200px) and (max-width:5000px) {





}
/*--------------TABLET--------------------*/
@media (min-width:600px) and (max-width:1399px) {

div.slider-hero-single {
max-height: 680px !important;
}
section.dm-hero-section {
max-height: 680px !important;
}
div.hm7-hero-content > .text-white {
    width:700px !important;
}
::placeholder  {
    position:relative;
    top:0px !important;
    color:#111 !important;
}
p.mb-5.text-white.mobilrauf { 
    margin-top:30px;
}
.at-header-social {
  display:none !important;
}

/*----------------------------

.text-lg-start {
    width:500px; 
}
.text-xl-start {
    width:700px; 
}
----------------------------*/

.tablet {
    margin-left:-90px !important;
    width:540px;
}
div.hm7-hero-content > .text-white {
    width:540px; 
}
.slider-hero-single {
margin-top:-40px;
}
.swiper-wrapper.home { 
    background-position: -400px  0;
}
.ms-2 {
    font-size:34px;
}
.tb1 {
    width:500px; 
}
.tb2 {
    width:700px; 
}
.tabl {
   font-size:40px !important;
}
.tab-breite {
    width:550px !important;
}
.weg-t {
display:none !important;
}
.nav-wrapper ul li.has-submenu .submenu-wrapper.theme-megamenu {
    position:absolute !important;
    width: 1116px;
    left: -335px;
    padding: 15px;
    margin-top: 0px;
    border-top:1px solid #ffa500;
    padding: 30px;
}
div.mg-item-wrapper.d-flex.align-items-center{
    width: 510px !important;
}
 
.canvus-menu .mg-item .mg-item-wrapper .mg-item-content-right {
    padding:  0px !important;
    line-height:10px !important;
}
span.badge.bg-danger.karte {
    position:relative;
    margin-top: -55px;
    margin-left:225px;
    font-size:14px;
    top:5px;
}
div.tables-box >.tables-head.fixed {
    position: fixed;
    top: 74px; 
    -webkit-box-flex: 0  !important;
    -ms-flex: 0 0 auto  !important;
    flex: 0 0 auto  !important;
    /* width: 33.33333333%  !important;    */
    width:21.666% !important;
}
div.featured-tld.menutld {
 width: 46% !important;
}
img.home-girl {
    margin-top: 44px;
    position: absolute;
    right: 10%;
    top: 70px;
    min-height: 82%;
    height: 82%;
    z-index: 99999;
}
img.nvme-mann {
    right: 13%; 
}
img.wp-girl { 
    right: 13%; 
}
.landscapetab {
  width: 50% !important;
}

div.wp-margin {
    position: absolute;
    margin-top: 80px;
    margin-left: 234px;
}

img.wp-preis {
    width: 60px;
    height: 60px;
    opacity: 0.9;
}
.weg {
    display:none !important;
}












}
/*--- Für Tablets im Hochformat ---*/
@media only screen 
  and (min-device-width: 800px) 
  and (max-device-width: 1280px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 1) {

div.slider-hero-single {
   max-height: 550px !important;
}
p.mb-5.text-white.mobilrauf { 
    margin-top:30px;
}
.item-nvme-webhosting {
    background-position: 0px 0px;
    background-size: cover;
    max-height: 550px !important;
}
.item-wordpress-hosting {
    background-position: 0px 0px;
    background-size: cover;
    max-height: 550px !important;
}
div.wpoben {
    width: 103% !important;
}
div.wp-margin {
    position: absolute;
    margin-top: 20px;
    margin-left: 520px;
}
input.fill-input.typedx {
    padding: 11px;
}
input.fill-input.typedx {
    padding: 8px !important;
}
.hm2-dm-search-form {
    width: 510px !important;
}
div.col-6.all-whois {
    width: 530px !important;
    margin-bottom:40px;
}
.dm-hero-section {
   height:100%  !important;
}
div.text-left > h5.text-grau {
    display:none !important;
}
.weg {
    display:none !important;
}
img.home-girl {
  display:none !important;
}
.at-header-social {
  display:none !important;
}
div.col-xl-5.col-lg-7.col-sm-10 {
position:relative !important;
  z-index:999999 !important;
}
.hm7-hero-content {
  z-index:999999 !important;
}
section.hosting-info.ptb-20.overflow-hidden {
  margin-top:-80px !important;
}
div.col-md-4 {
  width:100% !important;
}
div.section-desc.text-xl-start.mt-3.mt-xl-0.tablet.handy > p {
  display:none !important;
}
div.hm2-blog-card.bg-white.deep-shadow {
  width:100% !important;
}
.promo-area {
  display:none !important;
}
.vps-scripts-wrapper.pad {
  display:none !important;
}
div.row.justify-content-center.g-4 > div.col-xl-4.col-lg-4.col-sm-6 {
  width:100% !important;
}
.fa-circle.mobile {
	position: relative;
	top: -3px !important;
	font-size: 6px !important;
	color: #ffa500 !important;
        margin-right:5px;
}
nav.mobile-menu-wrapper {
	font-family: "Urbanist", sans-serif;
	font-weight: 300 !important;
	color: #333 !important;
}
nav.mobile-menu-wrapper ul > li > span {
	font-family: "Urbanist", sans-serif;
	font-weight: 100 !important;
	color: #666 !important;
}
.mobile-menu ul li span[class^="icon-rotate"] { 
	font-family: "Urbanist", sans-serif !important;
	font-weight: 600 !important;
        font-size:16px !important;
	color: orange !important;
        font-style: bold !important;
        -webkit-filter: none !important; 
        filter: none !important;
        line-height: 18px  !important;
        padding: 13px 0px 13px 0px   !important;
} 
.mobile-menu ul li span[class^="icon-rotate"]::after { 
        position:absolute  !important;
        margin-top:4px  !important;
        line-height: 16px  !important;
} 
.mobile-menu ul li.has-submenu > span::after {
    content: ""  !important;
    font-family: "FontAwesome"  !important;
    position: absolute  !important;
    right: 0  !important;
    top: 10px  !important;
    color: #001042  !important;
    -webkit-transition: all 0.3s ease-in  !important;
    transition: all 0.3s ease-in  !important;
}
.mobile-menu ul li.has-submenu > span {
    position: relative;
}
.mobile-menu ul li span {
    display: block;
    padding: 10px 0;
    color: #001042;
    font-family: "Urbanist", sans-serif;
    font-weight: 600;
    border-bottom: 1px solid #e8e8e8;
}
.mobile-menu ul li.has-submenu > span.icon-rotate::after {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
}
.mobile-menu ul li span {
border-bottom:0px !important;
}
.banktransfer {
font-size:13px;
font-weight:500;
color:#fff;
}
.footer-widget .ft-payment-method .payment-list li {
    background-color: #25326f;
    width: 110px !important;
    height: 50px;
    border-radius: 4px;
    margin-right: 8px;
}
.footer-widget .social-nav li a {
    background: #25326f !important;
}
div.col-lg-3.col-md-8 {
  display:none !important;
}
.tableta {
  width:100% !important;
}
div.tables-box.tables-box-0.displayorder0{
  display:none !important;
}
 
div.tables-box.tables-box-1  {
    width: 33% !important;
}
div.tables-box..tables-box-2 {
    width: 33% !important;
}
div.tables-box..tables-box-3  {
    width: 33% !important;
}

.tables-3col .tables-box {
    width: 33% !important;
}
.tables .tables-box .tables-features-list {
    padding: 0 15px;
    width: 90% !important;
}
div.tables-box>.tables-head.fixed {
    margin-top:-10px !important;
    margin-left:-10px !important;
    width: 31% !important;
}
div.hosting-info-title.mb-5 {
    position: relative;
    z-index: 0 !important;
}
.mobile-menu {
    z-index: 9999999 !important;
}
div.title-area.text-center.text-lg-start.mb-40 {
  margin-left:100px;
  text-align:center !important;
}
.mail-fluid {
    margin-left: 10px;
    width: 8% !important;
    height: auto !important;
} 
div.form-group.footable-filtering-search > div.input-group > input  {
  display:none !important;
}
.weg {
    display:none !important;
}





}
/*--------------HANDY--------------------*/
@media (min-width: 320px) and (max-width: 480px) {

html {
  box-sizing: border-box;
}
html, body {
    overflow-x: hidden;
  }
.container {
  width: 100%;
  padding: 0 10px;
}
.break-word {
  word-break: break-word;
  overflow-wrap: break-word;
}
div.slider-hero-single {
max-height: 610px !important;
}
.swiper-wrapper.home { 
    background-position: -1000px  -150px;
}
.slider-hero-single::before {
    background-image: linear-gradient(85.83deg, rgb(0,14,80, 0.6) 100%, rgba(0, 0, 0, 0.273076) 33.17%, rgba(0, 14, 80, 0) 83.05%);
}
.swiper-wrapper.home { 
    width: 100%;
    height: 100%;
    background-image: url("../images/slider/background.webp");
    background-size: 100% 100%;
    background-repeat: no-repeat; 
    background-position:   0px 0px;
}
.slider-hero-single {
    margin-top:-60px;
}
div.hm7-hero-content {
    margin-top: 40px !important;
}
.header-search.position-relative.dropdown.next {
    display:none;
}
::placeholder  {
    position:relative;
    top:0px !important;
    color:#111 !important;
}
span.weg, div.pad, .weg {
    display:none;
}
.weg {
    display:none !important;
} 
.neutral {
    padding-top:  0px;
    padding-bottom: 0px;
}
h2.umbruch {
     width:70% !important;
     margin-left:0px;
     font-size: 2.5em !important;
} 
.ms-2 {
     font-size: 1.8em !important;
}
div.title-area.text-center.text-lg-start.tabl1.tab-breite > h2.line-height.umbruch{
     width:100% !important; 
     margin-top:-30px;
     font-size: 1em !important;
     margin-bottom:50px;
}
div.hosting-info-column.bg-white.rounded-2 {
    width:100% !important;
    position: relative;
    z-index: 9999999 !important;
}
.ds { 
    margin-bottom:50px;
    text-align:center;
}
h2.text-white.mb-0.tb1 {
     font-size: 1.9em !important;
}
h3.hm2-title { 
    text-align:center;
}
div.col-6.all-whois {
padding:  0px !important; 
    background: transparent !important; 
    border-radius: 10px;
     width:100% !important; 
}
#nvme-webhosting { 
     margin-left: 26px !important; 
}
.handy {
    max-width: 100% !important;
}
.handy > p {
    width: 330px !important;
    margin-left:95px;
}
.handy.hochma { 
    margin-top:-40px;
}
.tb1 {
    margin-top:-22px;
    margin-left:-22px;
    width:300px; 
}
.handy-align {
    text-align:left;
    margin-left: -40px;
}
.tabl {
   font-size:26px !important;
}
.tabl1 { 
    font-size:30px !important;
}
div.row.align-items-center.mb-5 { 
    background:#fff !important;
    padding-top:15px;
    padding-bottom:15px;
}
.tab-breite {
    width:350px !important;
    margin-left:50px  !important;
}
div.row.align-items-center.mb-5 {
    background: transparent !important;
    padding-top: 15px;
    padding-bottom: 15px;
}
.question-box {
    padding: 3px;
}
.question-box .accordion-body p {
font-size:14px;
font-weight:normal !important;
}
.dm-accordion .accordion-item .accordion-body {
    padding: 14px 4px 4px 4px;
}
.pc-weg {
display:block;
}
img.lets-fluid {
    position:relative;
    margin-top:-10px;
    max-width: 100% !important;
    height: 24px !important; 
}
.star-1, .star-2, .star-3 {
    position:relative !important;
    top:-16px !important;
}
.tab-breite {
    margin-left: 0px !important;
    margin-top:15px !important;
    margin-bottom:-35px !important;
}
.weg {
display:none !important;
}
div.text-left h4, #nvme-webhosting {
    font-size:18px !important;
}
h4.text-grau > br  {
    content: ' '
}
.br-weg > br {
    content: ' '
}
h4.text-grau > br:after {
    content: ' '
}
#nvme-webhosting {
 left:-25px !important;
font-size:16px !important;
}
.item-nvme-webhosting {
    background: url(../images/slider/background.webp);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    background-size: cover;
    height: 480px;
}
.fa-circle.mobile {
	position: relative;
	top: -3px !important;
	font-size: 6px !important;
	color: #ffa500 !important;
        margin-right:5px;
}
nav.mobile-menu-wrapper {
	font-family: "Urbanist", sans-serif;
	font-weight: 300 !important;
	color: #333 !important;
}
nav.mobile-menu-wrapper ul > li > span {
	font-family: "Urbanist", sans-serif;
	font-weight: 100 !important;
	color: #666 !important;
}
.mobile-menu ul li span[class^="icon-rotate"] { 
	font-family: "Urbanist", sans-serif !important;
	font-weight: 600 !important;
        font-size:16px !important;
	color: orange !important;
        font-style: bold !important;
        -webkit-filter: none !important; 
        filter: none !important;
        line-height: 18px  !important;
        padding: 13px 0px 13px 0px   !important;
} 
.mobile-menu ul li span[class^="icon-rotate"]::after { 
        position:absolute  !important;
        margin-top:4px  !important;
        line-height: 16px  !important;
} 
.mobile-menu ul li.has-submenu > span::after {
    content: ""  !important;
    font-family: "FontAwesome"  !important;
    position: absolute  !important;
    right: 0  !important;
    top: 10px  !important;
    color: #001042  !important;
    -webkit-transition: all 0.3s ease-in  !important;
    transition: all 0.3s ease-in  !important;
}
.mobile-menu ul li.has-submenu > span {
    position: relative;
}
.mobile-menu ul li span {
    display: block;
    padding: 10px 0;
    color: #001042;
    font-family: "Urbanist", sans-serif;
    font-weight: 600;
    border-bottom: 1px solid #e8e8e8;
}
.mobile-menu ul li.has-submenu > span.icon-rotate::after {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
}
.mobile-menu ul li span {
border-bottom:0px !important;
}
.banktransfer {
font-size:13px;
font-weight:500;
color:#fff;
}
.footer-widget .ft-payment-method .payment-list li {
    background-color: #25326f;
    width: 110px !important;
    height: 50px;
    border-radius: 4px;
    margin-right: 8px;
}
.footer-widget .social-nav li a {
    background: #25326f !important;
}
header.sticky-header div.header-nav { 
    padding-top:0px !important;
}
.text-grau {
    font-size: 14px !important;
    font-weight: 600 !important;
}
.dm-hero-section {
    background: linear-gradient(279.3deg, #001dac 2.98%, #000f57 98.6%) !important;
}
.hgrau {
    color: #ccc !important; 
}
.hgelb {
    color: #ffa500 !important; 
}
div.title-area.text-center.text-lg-start {
    width:100% !important; 
}
img.wp-preis {
    width: 60px !important;
    height: 60px !important;
    opacity: 0.9;
    margin-left: -60px !important; 
}
h2.line-height {
    font-size: 30px !important;
    margin-bottom: 30px !important;
} 
div.col-lg-6.ds-bg.rounded.runter {
    margin-top: 30px !important;
} 
div.d-xl-flex.align-items-center.text-center.text-xl-start {
    width:100% !important; 
}
p.mb-0.mt-4.text-center.text-xl-start {
    width:100% !important; 
}
div.sh-section-title.mb-5 > h2 {
    margin-top: -20px !important;
    font-size: 22px !important;
} 
h2.mb-3 > span.text-g  {
    font-size: 22px !important;
} 
h2.mb-3  {
    font-size: 22px !important;
}
.mobiles {
    margin-top: -40px !important;
} 
h2.hm2-title.mb-20 {
    font-size: 24px !important;
}
 
.mobile-menu.active {
    z-index: 9999999 !important;
    left: 0;
}
mark.position-relative.shopline::after {
    content: "";
    position: absolute;
    left: 0;
    top:  23px !important;
    width: 100%;
    height: 20px;
    background: url(../images/svg/curve-line.svg);
    background-repeat: no-repeat;
}
.mobilas  {
    margin-bottom: -50px !important;
} 
div.hm2-section-desc > h2.hm2-title {
    padding-top: 30px !important;
    font-size: 24px !important;
}
span.icon-wrapper.d-flex.align-items-center.justify-content-center.rounded-circle {
    display:none !important;
} 
.mobilrauf {
    margin-top: -40px !important;
}
.checkrauf {
    margin-top: -60px !important;
}

.mobilrauf2 {
    margin-bottom: -20px !important;
}
p.mb-4.text-white {
    width:100% !important; 
}
h2.line-height {
    width:100% !important; 
}
div.hm2-blog-card .ms-2.mb-0 {
    font-size: 28px !important; 
}
.price-slider-wrapper {
    padding: 30px 30px 30px 30px !important;
}
h6.mytitles {
    width: 100% !important;
}
.tab-left.col-9 {
    width: 100%;
}
div.container.col-xl-12.ptb-60  {
    margin-top: 60px !important;
}
div.container.col-xl-12.ptb-60.nextc  {
    margin-top: 20px !important;
}
div.container.col-xl-12.ptb-60.hbd  {
    margin-top: 40px !important;
}
input {
    position: relative;
    z-index: 88888 !important;
}
.hm-ct-info-wrapper .icon-wrapper {
    width: 45px;
    height: 45px;
    background: #ddd;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-size: 16px;
}
label[for="fname"], label[for="grund"], label[for="email"] {
    position: relative;
    z-index: 99999 !important; 
}
div.input-field {
    position: relative;
    z-index: 88888 !important;
}
#sendnow > i {
    font-size:14px !important;
}
.hm2-pricing-tab>ul {
   width: 100% !important;
}
span.warenbadge { 
    display: inline-block;
    min-width: 17px;
    padding: 2px;
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    line-height: 13px;;
    vertical-align: middle;
    white-space: nowrap;
    text-align: center;
    background-color: #ffa500;
    border-radius: 50%;
    transition: 3s;
    position:absolute;
    top:-9px;
    left:15px;
}
.warenbadge {
font-weight:900 !important;
}
.pb-120 { padding-bottom: 40px;}
div.text-left.mb-5 {padding:15px}
div.text-left > h2  {font-size:25px !important; color:#444 !important;}
div.fp-sale-box.bg-white.text-center.p-4.rounded-3 {margin-bottom:55px}
.p-5 {padding: 1rem !important;}
.pt-200 {padding-top: 80px;}



#gallery {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
  justify-content: flex-start;
}

/* Desktop: 3 Bilder nebeneinander */
#gallery > a {
  flex: 0 0 calc((100% / 3) - 10px);
  max-width: calc((100% / 3) - 10px);
  box-sizing: border-box;
}
.h5-migrate-wrapper .hostim-info-list li span {width: 12px;height: 12px;background: #ffa500; color: #fff; font-size: 8px; vertical-align:middle; margin-top:-4px;}
ul.hostim-info-list.mb-30 >li {margin-bottom:15px;} 
.lc  {border-right:0px solid #ffa500;}
.rc {margin-left:0px;}
.theme-dark .lc {border-right:0px solid #ffa500;}
.theme-dark .rc {margin-left:0px;}
.container-1500 { margin: 0; padding: 0; overflow-x: hidden; width: 100vw;}

body, html { margin: 0; padding: 0; overflow-x: hidden; width: 100vw;}
html, body { width: 100%; overflow-x: hidden;}
*,
*::before,
*::after { box-sizing: border-box;}

img,video,iframe,object,embed { max-width: 100%; height: auto;}








}

/* Bilder voll breit auf mobilen Geräten */
@media (max-width: 768px) {
  #gallery {
    flex-direction: column;
  }

  #gallery > a {
    flex: 1 1 100%;
    max-width: 95%;
  }
}