body{
  font-family: Roboto, Arial, sans-serif;
}


@media (min-width: 576px) {
  html {
    font-size: 20px;
  }
  nav#main-navbar{
    font-size: 16px;
  }
}


/* Color 
rot #d95050, 
blautürkis background: rgb(15, 141, 116); 
orange color: rgb(237, 110, 11);, neu #ffa500
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"

*/

/*** Meta Navi ***/
.nav-meta-wrapper .nav-meta.metanavi {background: #ffa500; color: #fff !important;;}
.nav-meta-wrapper .nav-meta.metanavi a{color: #fff; text-decoration: none;}
.nav-meta-wrapper .nav-meta.metanavi a:hover{color: #eee;}
.nav-meta-wrapper .nav-meta.metanavi .meta-text{color: #fff;}

.nav-meta-wrapper .nav-meta.metanavi .fa-classic, .nav-meta-wrapper .nav-meta.metanavi .fa-regular,
.nav-meta-wrapper .nav-meta.metanavi .fa-solid, .nav-meta-wrapper .nav-meta.metanavi .far,
.nav-meta-wrapper .nav-meta.metanavi .fas {
  color: #fff;
  font-size: 1rem;
}
@media (max-width: 575px) {
 a.metatel, i.metatel{display:none;}
}

/*** Navi ***/
nav#main-navbar.navbar.navbar-light.navbar-expand-lg .nav-item a{
  width: max-content;
}

body#page-2 button.navbar-toggler, body#page-3 button.navbar-toggler,
body#page-5 button.navbar-toggler{display: none;}

@media (max-width: 575px) {
  .nav-meta .meta-text a, .nav-scroller .meta-text a {margin-right: 4px;}
}

/*** Jumbotron ***/
.jumbotron .container{min-width:100%;}
.jumbotron.p-5.mb-4.bg-light.rounded-0{padding: 0px !important;}

.carousel-container .carousel-item.carousel-item-17.carousel-image.active figure picture img{
  filter: brightness(80%);
}

.carousel-container h2{
font-family: Roboto, sans-serif;
font-size: 72px;
font-style: normal;
font-weight: 700;
line-height: 72px;
text-transform: uppercase;
  text-align: left;
}

/*** Content ***/

.page-title.text-center h1.display-1{
  display: none;
}

.subheader {
  margin: 0 0 2rem 0;
}

main.main-content a{
   color: #ffa500;
  text-decoration: none;
}
main.main-content a:hover{
  text-decoration: underline;
}

@media (max-width: 991px) {
  .align .w-50, .beside .w-50 {
    width: 100% !important;
  }
}

/*** Steinbach ***/
#c4{padding:2rem 0rem 5rem 0rem}


/*** Gelbe Zeile, Leistungen und Kanal TV***/
section#s-34, section#s-39{
  background-image:linear-gradient(90deg, yellow 0%, orange 70%);
  color: #fff;
}
section#s-34 .background-image, section#s-39 .background-image{
  background-size:  auto;
}
#c37, #c42 {
  padding: 1rem 2rem;
}


/*** Weiße Zeile, Rohrreinigung, Haushaalt-Indunstrie ***/
#c38, #c43 {padding: 5rem 0rem}


/*** Kontakttextzeile ***/
section#s-19{
  font-size: 1.5rem;
  font-weight: 400;
  text-align: center;
  text-transform: uppercase;
  color: #fff;
}
@media (min-width: 1400px) {
 section#s-19{font-size: 1.8rem;}
}

section#s-19 h3{
  font-size: 3rem;
}

#c31, #c32, #c33{
  margin-top: 2rem;
  background: rgba(70, 70, 70, 0.1);
  text-align:center;
  padding: 3rem;
  color: #ffa500;
}

#c31 a, #c32 a, #c33 a{
  color: #ffa500;
}

#c31:hover, #c32:hover, #c33:hover, #c31:hover a, #c32:hover a, #c33:hover a{
  background: #ffa500;
  color: #fff;
}

.fa-classic, .fa-regular, .fa-solid, .far, .fas {
  font-size: 3rem;
}


@media (min-width: 992px) and (max-width: 1199px) {
#c31, #c32, #c33{font-size: 16px;}
}

/*** Kontakformular ***/
#c51 .tx-powermail h3,
#c51 .tx-powermail legend{
  display:none;
}
#c51 .tx-powermail input.btn.btn-primary{
  margin-top: 3rem;
  border: #ffa500;
  background: #ffa500;
}


/*** Footer ***/

.footer{padding: 3rem 0rem;}
.footer a{color: #fff; text-decoration: none;}
.footer a:hover{text-decoration: underline;}

@media (min-width: 992px) and (max-width: 1199px) {
.footer{ font-size: 16px; }
}


/*
@media (min-width: 576px) {
 
}
@media (min-width: 768px) {

}
@media (min-width: 992px) {

}
@media (min-width: 1200px) {
 
}
*/