@charset "utf-8";
/* CSS Document */


/* Top Bar */


#sp-top-bar {
	padding: 4px 0;
    font-size: 14px;
}

#sp-top-bar a{
	color:#FFF;
	font-size:14px;
}

#sp-top-bar p {
	margin-bottom:0;
}



/* Header */
#sp-header img { transition: height 1s;}
#sp-header.header-sticky img { height:40px;}
#sp-header.header-sticky {height: 50px; background:rgba(255,255,255,1.0)!important; }
#sp-header.header-sticky .sp-megamenu-parent > li > a {line-height:50px}
#sp-header.header-sticky  #sp-menu > .sp-column {height: 50px;}
#sp-header.header-sticky .logo {height: 50px; margin-top:0px;}

@media (max-width: 575px) {
#sp-header {height: 60px;}
  }
@media (max-width:1300px) {
.sp-megamenu-wrapper {display:none!important;}
}

.sp-megamenu-parent > li > a {
  font-size: 18px;
  font-weight: 600;
}

/* offCanvas */
.offcanvas-menu .logo-image {width:150px!important; height:auto!important;}


@media (max-width: 1399px) {
    .sp-megamenu-parent {display:none!important;}
}
@media (min-width: 1400px) {
   #offcanvas-toggler {display:none!important;}
}


/* Hero 
.com-sppagebuilder #sp-header {
  background: rgba(255,255,255,0);
}
.com-sppagebuilder #sp-header .header-sticky {
  background: rgba(255,255,255,1!important);
}


/* zu verwnden bei "fullsize" Startbild */

.herofullsite #sp-header {background: rgba(255,255,255,0);}
.herofullsite #sp-top-bar {display:none;}
.herofullsite #sp-main-body {margin-top:-100px;}
.herofullsite #sp-header {box-shadow: 0 0 0px 0 rgba(0, 0, 0, 0.1);}
.com-sppagebuilder #sp-header .header-sticky {background: rgba(255,255,255,1.0);!important;}



/* Readmoe */
.readmore a,
.readmore a.btn {
  border: none;
  padding: 10px 15px;
  font-size: 16px;
  color: #FFFFFF!important;
  background:#0d8ab9;
  border-radius: 4px;
}

.readmore a:hover,
.readmore a.btn:hover {
  background:#000066;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #FFF!important;
}

/* Images */

.sppb-person-image img {max-height:400px;}
@media (max-width: 768px) {
.sppb-person-image img {max-height:300px;}	
}




/* Feature Box */

#ihrelektriker .sppb-addon-feature H2 { font-size: 20px;}
.sppb-addon-feature  img {width:100px; height:auto;}

.bildnav img {width:80px; height:auto;}
.bildnav .sppb-addon-single-image-container {
	background:rgba(69,135,179,0.2); 
	border-radius:100%;
	padding: 40px 40px 40px 40px;
	margin-bottom:30px;
	
}

/* Clients - Partner */

.sppb-carousel-inner > .sppb-item > a > img, .sppb-carousel-inner > .sppb-item > img, .sppb-img-responsive {
  margin: 0 auto;
  max-height: 150px;
}


/* Google Local Fonts */

/* noto-sans-100 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 100;
  src: url('../fonts/noto-sans-v30-latin-100.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* noto-sans-200 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 200;
  src: url('../fonts/noto-sans-v30-latin-200.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* noto-sans-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/noto-sans-v30-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* noto-sans-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/noto-sans-v30-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* noto-sans-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Noto Sans';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/noto-sans-v30-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* noto-sans-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/noto-sans-v30-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* noto-sans-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/noto-sans-v30-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* noto-sans-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/noto-sans-v30-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* noto-sans-800 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 800;
  src: url('../fonts/noto-sans-v30-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* noto-sans-900 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/noto-sans-v30-latin-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}


body {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 400;	
	}
	
H1, H2, H3, H4, H5, H6 {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 600;	
 }
 
H1, H2, H3 { color: #ec6500}