/* Body */
body {
font-family: 'Outfit', sans-serif;
  font-size: 15px;
  font-weight: 300;
  letter-spacing: 1px;
  color: #fff; }

a {color: #ffef5e;}
a:hover {color: #666;text-decoration: underline;}
.inhalt, .impressum {padding-top:120px!important;}



/* Datenblatt IMG */
.info .sppb-accordion-image {
  height: 130px;
  width: 200px;
  display: inline-block;
  padding-right: 20px;
}
.info .sppb-panel-heading {
  font-size: 22px;
}

/* Video Wall Vorschau */
.videowall.sppb-addon.sppb-addon-header {
  z-index: 20000;
  position: relative;
  margin-top: -69px;
 background-color: rgba(100, 100, 100, 0.6);
}

.videowall.sppb-addon.sppb-addon-header::after {
   content: "+";
   font-size: 32px;
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
}
.Standort {
  font-size: 18px!important;
  font-weight: 300!important;
  margin-left: 50px;

}
@media only screen
and (min-device-width : 1200px)
and (max-device-width : 1399px)  {
     .wirsuchen .sppb-addon-overlay-image-content { height: 405px !important;}  

}
/* Formular */
.formular .convertforms {
   background-color: rgba(31, 31, 31, 0);
}
.formular .convertforms .cf-input {
  background: rgba(31, 31, 31, 0);
  height: auto;
  margin: 0;
  max-width: 100%;
  line-height: normal;
  border-radius: 0;
  border-left: none;
  border-top: none;
  border-right: none;
  border-bottom: 1px solid #fff;
  outline: 0;
  text-transform: none;
  font-family: inherit;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.formular input[type="text"]:not(.form-control):focus, .formular input[type="email"]:not(.form-control) {

  background-color: rgba(31, 31, 31, 0);
  border-color: #fff;
  color: #fff;
  outline: 0;
}
.formular .convertforms .cf-input:focus, .formular .convertforms .cf-input:invalid:focus {
    border-left: none;
  border-top: none;
  border-right: none;
  border-bottom: 1px solid #fff;
}
/* Preisliste*/
.pricelist-price.discounted-price {
  text-decoration: line-through;
   color: #fff!important; 
    font-weight: 500;
  font-size: 100%;
  display: inline-block;
  line-height: 1;
  padding-right: 10px;
}
.rabatt {
  position: relative;
  right: 10px;
  top: 0%;
  color: #ccc; 
  font-size: 100%;
  font-weight: 300;
}
#preise .sppb-section-title {
  margin-bottom: 10px;
  position: relative;
  z-index: 1;
}

/*Cookie Button */
#bto-path-1 {fill: #000!important;}
#usercentrics-button .uc-banner-links {font-size: 14px!important;}
#usercentrics-button .uc-banner-links a {background-color: rgba(202,202,202,0.3) !important;padding: 0px 6px!important;}
#usercentrics-button #uc-banner-modal .uc-banner-content {background-color: rgba(0,0,0,0.6)!important;}
#usercentrics-button #uc-banner-modal #uc-small-optin-description, #usercentrics-button #uc-banner-modal #uc-full-optin-description, #usercentrics-button #uc-central-banner-modal #uc-small-optin-description, #usercentrics-button #uc-central-banner-modal #uc-full-optin-description, #usercentrics-button #uc-banner-modal .uc-optin-description span, #usercentrics-button #uc-central-banner-modal .uc-banner-text span {
  outline: none;
  color: #fff!important;
}
.usercentrics-button .uc-privacy-button-wrapper {
  height: 34px!important;
  width: 34px!important;
}
 /* Überschriften*/
 .h1,h1,.h2,h2,.h3,h3,.h4,h4,.h5,h5 {
  font-family: 'Outfit', sans-serif!important;
  color: #ffef5e;
  text-decoration: none;
  line-height: 1.5em;
}
.sppb-pricing-price, .tel h2 {
font-family: 'Outfit', sans-serif!important;
  font-weight: 700;
}
.burger-icon > span {
  display: block;
  height: 3px;
  background-color: #ffef5e!important;
  margin: 8px 0;
  transition: background-color 0.3s ease-in, opacity 0.3s ease-in, transform 0.3s ease-in;
}
.burger-icon {
  width: 50px;
  cursor: pointer;
  margin-top: 30px;
}

/* Logo SVG */
#sp-header a:hover {text-decoration: none;}


/* Button */

.btn-primary, .sppb-btn-primary {
  border-color: #000;
  background-color: #000;
}
.btn-primary:hover, .sppb-btn-primary:hover {
  border-color: #666;
  background-color: #666;
}


/* Akkordion Impressum und Datenschutz */
.impressum .sppb-addon-accordion .sppb-panel .sppb-panel-body {
    font-size: 15px;
    line-height: 24px;
    padding: 10px 0px 0px 10px;
    border: solid 0px #eee;
        border-top-color: rgb(238, 238, 238);
        border-top-style: solid;
        border-top-width: 1px;
    border-top: 0 !important;
    background-color: #fff;
}
.impressum .sppb-addon-accordion .sppb-panel .sppb-panel-heading span.sppb-panel-title {
    font-family: 'Outfit', sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #222;
}
.impressum .sppb-addon-accordion .sppb-panel .sppb-panel-heading {
    line-height: 100%;
    position: relative;
    padding: 13px 10px;
    border: solid 1px #eee;
    border-radius: 0;
    background-color: #fff;
}



/*  SP Background-Cover Ipad/Iphone */

@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)  {
     .background-cover { background-attachment: scroll !important; }
    

}
@media handheld, only screen and (max-width: 668px) {
     .background-cover { background-attachment: scroll !important; }
}


/*.offcanvas-menu .logo-image {display: none!important;}*/

/* Header */
#sp-logo {  
  margin: 0 auto;
}
#sp-logo.has-border {
  position: relative;
  padding-right: 0px;
  padding-left: 80px;
}

@media (max-width: 575px) {
  #sp-header .logo {
    height: 50px;
  }
}
@media (max-width: 575px) {
  #offcanvas-toggler {
    height: 80px;
    line-height: 80px;
  }
  .burger-icon {
  width: 50px;
  cursor: pointer;
  margin-top: 0px;
}
.com-sppagebuilder #sp-main-body {
  padding: 80px 0!important;
}
}

#sp-header {  
    position: absolute;
    background: none;
    background-color: rgba(31, 31, 31, 1);
    box-shadow: 0 3px 3px rgba(0,0,0,0.0);
    border-bottom: 0px solid #63a2d7;
}

.sticky-header-placeholder {height: 0px!important;}

#sp-header.header-sticky {
background-color: rgba(31, 31, 31, 1);
  position: fixed;
  z-index: 9999;
  top: 0;
  left: 0;
  width: 100%;
  animation: spFadeInDown 0.5s;
}

#sp-header.header-sticky .burger-icon > span {
  display: block;
  height: 4px;
  background-color: #ffef5e!important;
  margin: 5px 0;
}
#modal-menu {
  background: #f9f9f9;
  position: fixed !important;
  top: 140px;
  left: 0;
  right: 0;
  transition: 0.5s;
  bottom: 120%;
  overflow: hidden;
  display: flex;
  z-index: 10;
}



.animated {padding-top: 5px;}
.social-media-cba {max-width: 120px;border:0px solid #ff0000;margin: auto !important;}
.social-center {background-color:rgba(45, 47, 48, 0.9);border-top: 1px solid #d8d8d8;}



@media  (max-width: 768px){
.sppb-addon-image-content .sppb-image-holder {
    position: inherit;
    width: 100% !important;
    height: 300px;
    background-position: 50% 30%;
}
}


/* Top-Menu */
#sp-header.header-sticky .sp-megamenu-parent > li > span, #sp-header.header-sticky .sp-megamenu-parent > li > a {
  color: #000;
}

#sp-header.header-sticky .sp-megamenu-parent > li.active > a, #sp-header.header-sticky .sp-megamenu-parent > li.active:hover > a {
  color: #ccc;
}

.sp-megamenu-parent > li > span, .sp-megamenu-parent > li > a {
    display: inline-block;
    padding: 0 10px;
    line-height: 90px;
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: #666!important;
    margin: 0;
    font-family: 'Outfit', sans-serif!important;
    font-weight: 700 ! important;
    text-align: left;
}
.sp-megamenu-parent > li:hover > a {
  color: #ffef5e!important;
}
.sp-megamenu-parent > li.active > a, .sp-megamenu-parent > li.active:hover > a {
  color: #000!important;
}
.sp-megamenu-parent > li:last-child > a {
  padding: 0px 0px 0px 10px;
}
.awesomplete {display: none;}

/* Titel */
.page-header {
    padding-bottom: 15px;
    display: none;
}

.sp-page-title {
    background: none;
    background-color: rgba(0, 0, 0, 0.6);
    /*background-color: rgba(17, 70, 83, 0.6);*/
}
#sp-page-title .sp-page-title {
    padding: 100px 0;
}
#sp-page-title .sp-page-title .breadcrumb {
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0.2em;
    text-transform: uppercase;
}
.sp-page-title .breadcrumb {
    text-align: left;
    background: none;
    padding: 0;
    margin: 10px 0 0;
}
#sp-page-title .sp-page-title h2 {
    font-size: 30px;
    line-height: 1.8;
    margin-bottom: 20px;
    letter-spacing: 0.3em;
    text-transform: uppercase;
    opacity: 0.9;
    color: #fff;
    text-align: left;
}

/* Content */
.com-sppagebuilder #sp-main-body {
  padding: 150px 0px 50px 0px;
}
.left_border {
    border-left: 3px solid #9398a5;
    padding-left: 30px;
}

/* Bottommenu */
#sp-bottom .sp-module .nav li > a {
    line-height: 18px;
}

/* Modul Bottom */
#sp-bottom .sp-module .sp-module-title::after {height: 8px;}

/* Cookies */
#sp-cookie-consent {
    font-size: 12px !important;
    font-weight: 500;
}


/* Google Fonts */
/* outfit-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: 'Outfit';
  font-style: normal;
  font-weight: 100;
  src: url('../fonts/google/outfit-v11-latin-100.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* outfit-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: 'Outfit';
  font-style: normal;
  font-weight: 200;
  src: url('../fonts/google/outfit-v11-latin-200.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* outfit-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: 'Outfit';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/google/outfit-v11-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* outfit-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: 'Outfit';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/google/outfit-v11-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* outfit-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: 'Outfit';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/google/outfit-v11-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* outfit-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: 'Outfit';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/google/outfit-v11-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* outfit-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: 'Outfit';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/google/outfit-v11-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* outfit-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: 'Outfit';
  font-style: normal;
  font-weight: 800;
  src: url('../fonts/google/outfit-v11-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* outfit-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: 'Outfit';
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/google/outfit-v11-latin-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}