/********* Compiled - Do not edit *********/
:root{--color-primary:#E94E1B;--color-link:#000000;--color-link-hover:#e94e1b;}.woocommerce ul.products, .woocommerce-page ul.products{margin-left:-15px;margin-right:-15px;}.woocommerce ul.products li.product, .woocommerce-page ul.products li.product{padding-left:15px;padding-right:15px;}body{font-family:Roboto;font-weight:400;line-height:1.7em;font-size:22px;color:#000000;}body.single-post .blog-single-title{font-family:inherit;}body.single-post .content{font-family:inherit;}.h1,h1{font-family:Roboto;font-weight:500;line-height:1.2em;font-size:70px;color:#000000;}.h2,h2{font-family:Roboto;font-weight:500;line-height:1.2em;font-size:50px;color:#181b31;}.h3,h3{font-family:Roboto;font-weight:500;line-height:1.2em;font-size:50px;color:#181b31;}.h4,h4{font-family:Roboto;font-weight:500;line-height:1.2em;font-size:40px;color:#000000;}.h5,h5{font-family:Roboto;font-weight:500;line-height:1.2em;font-size:30px;color:#000000;}.h6,h6{font-family:Roboto;font-weight:500;line-height:1.2em;font-size:20px;color:#000000;}.titlebar-inner h1{}.titlebar-inner p{}/*Schrift*/

body {
font-family: "massilia", sans-serif;
font-weight: 300;
font-style: normal;
}

h1 {
font-family: "massilia", sans-serif;
font-weight: 700;
font-style: normal;
text-transform: uppercase;
}

h2 {
font-family: "massilia", sans-serif;
font-weight: 700;
font-style: normal;
text-transform: uppercase;
}

h3 {
font-family: "massilia", sans-serif;
font-weight: 700;
font-style: normal;
}

h4 {
font-family: "massilia", sans-serif;
font-weight: 700;
font-style: normal;
}

h5 {
font-family: "massilia", sans-serif;
font-weight: 700;
font-style: normal;
}

/*Menü*/

.hidden {display:none !important;}

.taptap-logo {
    display: none;
}

.taptap-search-button-wrapper {
     display: none;
}

.taptap-main-menu-button {
position: relative;
top: 30px;
right: 50px;
background: url(../2023/05/haus-menu.svg);
width: 60px;
height: 71.5px;
padding-left: 15px;
padding-top: 27px;
}



.menu-item a{
    font-size: 22px !important;
}

/*Starseite*/

.starttyping p {
    font-size: 90px !important;
    text-transform: uppercase !important;
    color: white !important;
}
.leitbildline {
    position: relative !important;
    left: 165px !important;
}

/*Orange Overlay Bilder*/

.overlay1 {
  min-height: 100%;
  background: url(../2024/02/TIEFBAU.jpg) rgba(15,15,15,0.85);
  background-size: cover;
  background-blend-mode: multiply;
  transition: 0.3s;
}

.overlay1:hover {
  min-height: 100%;
  background: url(../2024/02/TIEFBAU.jpg) rgba(233,78,27,0.98);
  background-size: cover;
  background-blend-mode: multiply;
  transition: 0.3s;
}

.overlay2 {
  min-height: 100%;
  background: url(../2023/05/hochbau-2.jpg) rgba(15,15,15,0.85);
  background-size: cover;
  background-blend-mode: multiply;
  transition: 0.3s;
}

.overlay2:hover {
  min-height: 100%;
  background: url(../2023/05/hochbau-2.jpg) rgba(233,78,27,0.98);
  background-size: cover;
  background-blend-mode: multiply;
  transition: 0.3s;
}

.overlay3 {
  min-height: 100%;
  background: url(../2024/02/ERDBAU.jpg) rgba(15,15,15,0.85);
  background-size: cover;
  background-blend-mode: multiply;
  transition: 0.3s;
}

.overlay3:hover {
  min-height: 100%;
  background: url(../2024/02/ERDBAU.jpg) rgba(233,78,27,0.98);
  background-size: cover;
  background-blend-mode: multiply;
  transition: 0.3s;
}

.overlay4 {
  min-height: 100%;
  background: url(../2024/02/ABBRUCHARBEITEN.jpg) rgba(15,15,15,0.85);
  background-size: cover;
  background-blend-mode: multiply;
  transition: 0.3s;
}

.overlay4:hover {
  min-height: 100%;
  background: url(../2024/02/ABBRUCHARBEITEN.jpg) rgba(233,78,27,0.98);
  background-size: cover;
  background-blend-mode: multiply;
  transition: 0.3s;
}

.shrink {
transition: 1s ease;
}

.shrink:hover{
-webkit-transform: scale(0.9);
-ms-transform: scale(0.9);
transform: scale(0.9);
transition: 1s ease;
}

/*Mobile Optimierung*/

@media screen and (max-width: 600px) {
.mobile-logo-default {
    display: none;
}

.navbar-header {
    display: none;
}

.bars{
display: none !important;    
}

.starttyping p {
    font-size: 30px !important;
    line-height: 150%;
}

.wpb_wrapper {
    margin-left: 15px;
    margin-right: 15px;
}

h1 {
    font-size: 45px !important;
}

h2 {
    font-size: 40px !important;
}

h3 {
    font-size: 40px !important;
}

.mobilweg {
    display: none !important;
}

.taptap-main-menu-button {
top: 20px;
right: 50px;
}

.mobiltextsmall span {
    font-size: 18px !important;
}

.mobiltextsmaller span {
    font-size: 12px !important;
    position: relative;
    top: -10px !important;
}

.mobiltextsmaller img {
    height: 28px !important;
    width: 28px !important;
    margin-right: 5px !important;
}


}