/*
Theme Name: the7dtchild
Author: Dream-Theme
Author URI: http://dream-theme.com/
Description: The7 is perfectly scalable, performance and SEO optimized, responsive, retina ready multipurpose WordPress theme. It will fit every site – big or small. From huge corporate portals to studio or personal sites – The7 will become a great foundation for your next project!
Version: 1.0.0
License: This WordPress theme is comprised of two parts: (1) The PHP code and integrated HTML are licensed under the GPL license as is WordPress itself.  You will find a copy of the license text in the same directory as this text file. Or you can read it here: http://wordpress.org/about/gpl/ (2) All other parts of the theme including, but not limited to the CSS code, images, and design are licensed according to the license purchased. Read about licensing details here: http://themeforest.net/licenses/regular_extended
Template: dt-the7
*/
/* rot: #71323A */
/* dunkel-rot: #642c33 */
/* dunkelblau: #272c30 */
/* rot-logo: #932d39 */
/*grey: #b1b4b8*/

/*#71323a
grau conent:#EDEDED
200px
42
46
*/
.vc_col-has-fill > .vc_column-inner {
  padding-top: 15px;
  padding-bottom: 15px;
}
.searchform .submit {
  padding-left: 20px;
}

.banner-brundert {
  border-radius: 18px;
  max-height: 300px;
  border: 1px solid #272c30;
  /* filter: grayscale(80%);
    filter: sepia(50%); */
}

.banner-brundert:hover {
  filter: grayscale(0%);
  filter: sepia(0);
}

.picture-brundert {
  border: 1px solid #272c30;
}

.img-brundert-content {
  border: 1px solid #FFF;
}

.footer-logos-brundert {
  width: 60dvw;

}

@media (max-width: 460px) {
  .logo-keinbruch img {
height: 68px !important;
  }
  .logo-zuhause-sicher img{
height: 80px !important;
  }
  .logo-zuhause-sicher{
    display: flex;
  justify-content: center;
  margin: 0;
  }
  .vc_col-has-fill > .vc_column-inner {
  padding-top: 30px;
  padding-bottom: 30px;
}
}

@media (max-width: 820px) {
  .footer-logos-brundert {
    width: 90dvw;

  }

  #bottom-bar .mini-nav ul {
    display: block !important;
    padding: 10px;
  }

  #bottom-bar .menu-select {
    position: relative;
    opacity: 1;
    visibility: visible;
    display: none;
  }

  .mobile-main-nav .sub-nav>li>a {
    padding: 5.6px 0px 7.6px 0 !important;
  }

  .dt-mobile-header .next-level-button svg {
    width: 18px !important;
  }

  .submit>span {
    display: none;
  }
}

@media screen and (max-width: 910px) {
  .headermenu-break {
    float: right;
  }

  .headermenu-break::before {
    content: "\a0";
  }

  #bottom-bar .mini-nav ul {
    padding: 10px;
  }

  .bottom-info-mobilnavi {
    float: left;
  }

  .bottom-headline-mobilnavi {
    padding-bottom: 10px;
  }

  .zeiten-mobilnavi {

    font-size: 16px;
    line-height: 17px;
    color: #272c30;
  }

  .zeiten-mobilnavi-break {
    float: left;
    margin-top: -5px;
  }

  .telefon-mobilnavi {
    padding-top: 20px;
    font-size: 16px;
    line-height: 32px;
    color: #272c30;
  }

  .upwards-line>li>a .menu-item-text::before {
    bottom: -5px !important;
  }

  .next-level-button svg {
    color: rgba(100, 44, 51, 1) !important;
    fill: rgba(100, 44, 51, 1) !important;
  }
}