#header .social-icons i,
#header .search-toggle-btn i {
  color: var(--vision-color-secondary);
}

.resp-contact-info {
  display: none;
}

/* prettier-ignore */
@media (max-width:1600px) {

/* ----------------------------------- Nav ---------------------------------- */
    #header {background-color: rgba(6, 22, 58, 0.4);}
    #header .social-icons i,
    #header .search-toggle-btn i {color: #fff}
    #header .navbar-nav > li > a {padding: 5px 8px !important;}
    #header .navbar-brand img {width: 200px;}
    #header .contact-info ul li {padding: 5px 0;margin-left: 10px;padding-left: 10px;font-size: 13px;margin-top: 10px;}
    #header .social-icons ul {padding: 8px 0;}

/* ---------------------------------- Home ---------------------------------- */
    .hero .slide .overlay {background-position: right;}
    .hero .slide .hero-img {padding-right: 0px;}
    .hero .slide .container .row .slide-caption {margin-top: 200px}

/* ------------------------------ Produktseiten ----------------------------- */
    .menu-container {height: 150px !important;}
    
}

/* prettier-ignore */
@media (max-width: 1300px) {

/* ---------------------------------- Home ---------------------------------- */
    .hero .slide .overlay {background-position: right;}
    .hero .slide .hero-img {width: 400px;}
    .cta-s2-section .row {display: block;}
    .cta-s2-section .contact-btn {margin-top: 15px;}

/* --------------------------------- Footer --------------------------------- */
    .site-footer .link-widget ul > li + li {margin-top: 5px;}
    
}

/* prettier-ignore */
@media (min-width:1200px) {
/* --------------------------------- General -------------------------------- */
    .container {max-width: 1200px;}
}

/* prettier-ignore */
@media (max-width:1140px) {

}

/* prettier-ignore */
@media (max-width:992px) {
/* ----------------------------------- Nav ---------------------------------- */
    .site-header #navbar .close-navbar {transition: .3s;opacity:0;pointer-events: none;left: -50px;padding: 0;display: flex;align-items: center;justify-content: center;}
    .site-header #navbar.slideInn .close-navbar {opacity:1;pointer-events: all;transition: .3s;}
    .site-header .navbar-header button {background-color: transparent;top: 41px;}
    .site-header #navbar .navbar-nav {height: auto;}
    .site-header #navbar .navbar-nav li {margin-bottom: 0;}
    #header .navbar-nav > li > a {padding: 10px !important; font-size: 1em;}
    .site-header #navbar .navbar-nav .sub-menu {margin: 0;}
    .site-header #navbar > ul > li > .sub-menu a {padding: 8px calc(15px * 1) ;}
    .site-header #navbar > ul > li > .sub-menu .sub-menu a {padding: 8px calc(15px * 2);}
    .site-header #navbar > ul > li > .sub-menu .sub-menu .sub-menu a {padding: 8px calc(15px * 3);}
    .site-header #navbar > ul > li {border-bottom: 1px solid #eee;}
    .resp-contact-info {display: block;}
    .resp-contact-info ul {margin-top: 15px;margin-left: 10px;}
    .resp-contact-info ul li {font-size: 0.9em;}
    .resp-contact-info ul i {color: var(--vision-color-primary);width: 20px;display: inline-block;}

/* ---------------------------------- Home ---------------------------------- */
    .hero .slide {height: 500px;}
    .hero .slide .container .row .slide-caption {margin-top: 30px}
    .hero .slide .hero-img {width: 280px;}
    .hero .slide .overlay:before {content: "";width: 100%;height: 100%;background-color: rgba(6, 22, 58, 0.3);position: absolute;right: 0;top: 0;z-index: 8;}
    .features-section .features-grids {display: block;}
    .features-section .features-grids .grid {padding: 15px;}
    .projects-pg-section-s2 .projects-grids .grid {float: left;}

/* ------------------------------ Produktseiten ----------------------------- */
    .service-sidebar {max-width: none;}
    .services .service-item {display: block;padding: 50px 0;}
    .services .service-item img {width: 100px;margin-bottom: 30px;}

/* --------------------------------- Footer --------------------------------- */
    footer .logo.widget-title  img {width: 200px;}

}

/* prettier-ignore */
@media (max-width:768px) {

/* --------------------------------- General -------------------------------- */
    h1 {font-size: 40px;}

/* ----------------------------------- Nav ---------------------------------- */
    .contact-info, .social-icons {display: none;}
    #header .topbar {padding-top: 0px;}

/* ---------------------------------- Home ---------------------------------- */
    .hero .slide .container {padding-right: 15px;padding-left: 15px;}
    .projects-pg-section-s2 .projects-grids .grid {width: calc(33% - 30px);}
    .cta-s2-section {text-align: left;}

/* ------------------------------ Produktseiten ----------------------------- */
    .page-title {height: 150px;}
    .section-padding {padding: 30px 0;}
    #unter_produkte {padding: 0;}
    #unter_produkte .container {max-width: 100%;}
    .menu-container {height: 120px !important;}
    

}

/* prettier-ignore */
@media (max-width:540px) {
/* ---------------------------------- Home ---------------------------------- */
    .hero .slide .container .row .slide-caption h2 {margin-bottom: 15px;font-size: 2em;}
    .projects-pg-section-s2 .projects-grids .grid {width: calc(50% - 30px);}
    .start h1 {font-size: 40px;}
    .start .h4 {font-size: 1.4em;line-height: 1.3em;}
    .fun-fact-section .funfact-grids .grid {margin-bottom: 20px;}
    .fun-fact-section {padding: 50px 0 30px 0;}

/* --------------------------------- Cookie --------------------------------- */
    #myCookie {display: block;width: auto;margin: 0;left: 15px;bottom: 15px;right: 15px;}
    #myCookie div.cookieinfo p {font-size: 14px;line-height: 1.4;}
    .cookie_section h3 {height: 47px;line-height: 1em;font-size: 21px;margin-bottom: 15px;width: 50%;display: flex;align-items: center;}
}