/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Aug 21 2025 | 21:11:44 */
/* Alles, was mit dem Header zu tun hat */ 

/* HERO*/

/* Bild abdunkeln, damit der weisse Text staerkeren Kontrast hat */
#carouselExampleIndicators > div > div.carousel-item > img {
  background: black;
  opacity: 0.7;
}

/* h1 Position und Groesse */
#slider .carousel-caption {
  left: 0;
  right: 0;
}
@media screen and (max-width: 560px) {
  #slider .carousel-caption {
    top: 25%;
  }
  #slider .carousel-caption {
    transform: none;
  }
  #carouselExampleIndicators > div > div.carousel-item > div > div > h1 {
    font-size: 24px;
  }
}

/* CSS fuer den Link-Fix (siehe "Header-Links entfernen") */
#slider .inner_carousel h1 {
  margin: 0;
  font-size: 40px;
  text-transform: uppercase;
  font-weight: 800;
  letter-spacing: 1px;
  color: #fff;
  padding-bottom: 0;
  text-decoration: none;
  box-sizing: border-box;
  font-family: Monda;
  text-wrap: balance;
  line-height: 1.2;
  text-align: center;
}

/* Logo im Hero*/
#header div.logo {
  background: #000000; /* Farbe der Box um das Logo herum */
  width: fit-content; /* Box um Logo quadratisch */
  padding: 15px;
  justify-self: center; /* Zentrieren auf allen viewports */
}

/* MENÜLEISTE */

/* Suche entfernen */
.col-lg-1.col-md-2.col-5.align-self-center.d-flex.justify-content-center.align-items-center {
  display: none !important;
}

/* Obere Leiste entfernen */
.headerbox {
  background: none;
}
.row.m-0.contact-section {
  border: none;
}

/* Volle Breite*/
#header > div:nth-child(3).container {
  max-width: unset !important;
  padding-left: 0;
  padding-right: 0;
}
#header > div:nth-child(3) > div > div > div.menubox.col-lg-11.col-md-10.col-6.align-self-center {
  padding-left: 0;
  padding-right: 0;
}
div#mySidenav {
  justify-content: space-around;
}
.menubox.col-lg-11.col-md-10.col-6.align-self-center {
  width: 100%;
}

/* Padding um Burger-Menu-Button entfernen */
button.responsivetoggle {
  padding: 0;
}

/* Burger-Menu-Button auf rechte Seite rueber */
@media screen and (max-width: 1000px) {
  .toggle-nav.mobile-menu {
    display: flex;
    flex-direction: row-reverse;
  }
}

/* Strich rechts von "Kontakt" entfernen */
#menu-item-26 > a {
  border-right: none;
}

/* Farbe der Menueleiste */
.menubar {
  background: #000000;
}

/* DIE DREI SEITENLINK-BOXEN */

/* Bilder weniger blass */
#our_project .project-img img {
  opacity: 1;
}

/* Hover-Elemente verstecken */
#our_project > div > div > div > div.project_box > div.project_text,
#our_project > div > div > div > a > div.project_box > div.project_text {
  display: none;
}

/* Beim Hovern Bild bunt faerben */
#our_project > div > div > div > div.project_box > div.project-img > img,
#our_project > div > div > div > a > div.project_box > div.project-img > img {
  filter: grayscale(1);
  transition: filter 1.5s ease, padding 0.5s ease;
}
#our_project > div > div > div > div.project_box > div.project-img > img:hover,
#our_project > div > div > div > a > div.project_box > div.project-img > img:hover {
  filter: grayscale(0);
}

/* Zoom-Effekt*/
#our_project .project-img {
  background-image: none;
}
#our_project > div > div > div > div.project_box > div.project-img > img,
#our_project > div > div > div > a > div.project_box > div.project-img > img {
  padding: 16px;
}
#our_project > div > div > div > div.project_box > div.project-img > img:hover,
#our_project > div > div > div > a > div.project_box > div.project-img > img:hover {
  padding: 0px;
}

/* Abstand unter Bilder hinzufuegen (insb. fuer mobile Ansicht und Tablet-Ansicht) */
#our_project > div > div > div {
  margin-bottom: 16px;
}