@media (width < 1200px){
div.logo_ark {
  width: 100%;
  margin-left: 10px;
}
  
}

@media (width < 992px){


p{
  font-size: var(--quantares-mobile-font-size-p);
  color: var(--quantares-color-dark-text);
}
h5{
  font-size: var(--quantares-mobile-font-size-h5);
  color: var(--quantares-color-dark-text);
}
h4{
  font-size: var(--quantares-mobile-font-size-h4);
  color: var(--quantares-color-dark-text);
}
h3{
  font-size: var(--quantares-mobile-font-size-h3);
  color: var(--quantares-color-dark-text);
}
h2{
  font-size: var(--quantares-mobile-font-size-h2);
  color: var(--quantares-color-dark-text);
}
h1{
  font-size: var(--quantares-mobile-font-size-h1);
  color: var(--quantares-color-dark-text);
}
  
img.icon_login_mobile{
  width:50px;
  height:auto;
}
div.icon_login_mobile{
  background: radial-gradient( var(--quantares-color-blue) 50%, #121212 75%);
  padding: 0.5em;
}
div.icon_login{
  display:none;
}

img.logo_ark{
  width: 400px;
  height: auto;
}

div.logo_ark{
    height: 150px !important;
  }

.navbar-toggler{
    margin-bottom:25px;
    color: white;
    margin-left: 20px;
  }
.icon-menu::before{
    font-size: 30px;
  }
  
.site-grid{
    max-width:100%;
  }
div.remote{
    display: none;
  }

div.modal-dialog{
    max-width: 100%;
    margin: 0px;
  }
div.bannerSlogan{
  width: 80%;
  margin-left: 10%;
}

html, body {
    max-width: 100%;
    overflow-x: hidden;
}

.site-grid{
  margin-top: 0px;
  border: 0;
}

.mod-artikelspalten{
    margin:5%;
    max-width: 90% ;
  }

.rapid_contact{
    margin:0px !important;;
    max-width: 100%;
  }
.formPrivacy{
    margin:-20px 0px 20px 0px !important;
    max-width: 100%;

  }

  /* footer switch*/
.footer-adress, .footer-iad, .footer-kontakt{
    display:none;
  }

.mod-custom:has(> div.footer-mobile) {
  display:block;
}

.footer-mobile{
    display:inline-flex;
    width:90vw;
    margin-left:5%;
  }
  
.footer-mobile > div{
    width:30%;
  }

.footer-mobile-2{
    text-align:center;
  }
  /* footer switch eof*/
.mod-custom:has(> div.home-cont-div){
  display:none !important;
}
.mod-custom:has(> div.home-cont-mobile){
  display:block;
}
.card-body:has(> div.mod-artikelspalten){
  display:none;
}

img.locationmap {
  width: 96%;
  margin-left: 2%;
}

 /*media width <997 till here*/ 
}

@media (width < 400px){

div.bannerSlogan{
  width: 80%;
  margin-left: 10%;
}
div.bannerSlogan > div{
    height:4em;
    
  }
  div.bannerSlogan > div > p{
    height:4em;
  } 
}