/*
Theme Name: Regionalwerke Theme leicht
Theme URI: https://regionalwerke-neckar-kocher.de/
Author: hsag Heidelberger Services AG
Author URI: https://hsag.info/
Description: WordPress Bootstrap 5 Basictheme der hsag mit PHP 8.* Unterstützung
Requires at least: 5.8
Tested up to: 6.11
Requires PHP: 7.4
Version: 1.1.20
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: regionalwerkeleicht
*/
/* Farben */
@font-face {
  font-family: 'thesansb4_semilight';
  src: url("./assets/fonts/thesans-b4semilight-webfont.woff2") format("woff2"), url("./assets/fonts/thesans-b4semilight-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'thesansb7_bold';
  src: url("./assets/fonts/thesans-b7bold-webfont.woff2") format("woff2"), url("./assets/fonts/thesans-b7bold-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

html {
  overflow-x: hidden; }

body {
  font-family: 'thesansb4_semilight', sans-serif;
  font-size: 18px;
  font-weight: 400;
  color: #0F1113; }

.layout-wrapper {
  max-width: 1600px;
  padding-left: 50px;
  padding-right: 50px;
  margin: 0 auto;
  width: 100%; }

.stoerer {
  height: 550px; }

.teaser550 {
  height: 550px; }

.teaser400 {
  height: 400px; }

.teaser600 {
  height: 600px; }

.schwarz a {
  color: #0F1113; }

a {
  color: #971E84; }

a:hover {
  color: #971E84; }

.btn-primary {
  background-color: #058ac7 !important;
  padding: 15px 30px;
  border-radius: 50px;
  border: 0px !important;
  overflow: hidden;
  line-height: 20px;
  z-index: 2; }
  .btn-primary span {
    margin-right: 5px;
    font-size: 18px; }

.btn-warning {
  background-color: #F7931D !important;
  color: #fff !important;
  width: 50px;
  height: 50px;
  border-radius: 50px;
  border: 0px !important;
  overflow: hidden;
  margin-right: 10px;
  z-index: 2;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex; }
  .btn-warning span {
    font-size: 24px;
    line-height: 24px; }

.icon-search {
  border: none;
  border-radius: 50px;
  background-color: #F7931D;
  color: #fff;
  width: 40px;
  height: 40px;
  font-size: 20px;
  line-height: 20px; }

h1,
h2,
h3,
h4,
h5,
h6 {
  margin-bottom: 0;
  font-weight: 400; }

h1 {
  font-size: 3.0rem; }

h2 {
  font-size: 2.5rem; }

h3 {
  font-size: 2.00rem; }

h4 {
  font-size: 1.5rem; }

h5 {
  font-size: 1.25rem; }

h6 {
  font-size: 1rem; }

.hauptfont {
  font-family: 'thesansb4_semilight', sans-serif !important;
  font-weight: 400 !important; }

.fett {
  font-family: 'thesansb7_bold', sans-serif !important; }

.klein p {
  font-size: 12px !important; }

.weit {
  letter-spacing: 2px; }

.null {
  margin-bottom: 0px !important; }

.null .uavc-list-icon-wrapper {
  margin-bottom: 0px !important; }

.eng {
  letter-spacing: -1px; }

h1.claim {
  font-family: Indie Flower;
  font-size: 60px;
  line-height: 60px; }

h2.claim {
  font-family: Indie Flower;
  font-size: 50px;
  line-height: 60px; }

h3.claim {
  font-family: Indie Flower;
  font-size: 40px;
  line-height: 50px; }

h4.claim {
  font-family: Indie Flower;
  font-size: 30px;
  line-height: 40px; }

.heading-margin {
  margin-left: 160px;
  margin-bottom: 100px; }

.gross {
  text-transform: uppercase; }

.vc_btn3-size-md {
  padding-left: 15px !important;
  font-weight: bold !important; }

.gerundet {
  text-align: center;
  display: inline-grid;
  padding: 25px 35px;
  background-color: #fff;
  border-radius: 500px;
  border: 4px solid orange;
  margin-bottom: 35px !important; }

.orange a {
  color: #F7931D;
  text-decoration: none;
  text-align: left; }

.blau a {
  color: #058AC7;
  text-decoration: none;
  text-align: left; }

.weiss {
  color: #fff; }

.blau {
  color: #058ac7; }

.grau {
  color: #5C6970; }

.hellgrau {
  color: #DADEE0; }

.dunkelgrau {
  color: #2E3538; }

.schwarz {
  color: #0F1113; }

.orange {
  color: #F7931D; }

.gruen {
  color: #7AB51D; }

.rot {
  color: #A30005; }

.pink {
  color: #971E84; }

.bg-orange {
  background-color: #F7931D; }

.bg-hellorange {
  background-color: #FFF328; }

.bg-dunkelorange {
  background-color: #C1B600; }

.bg-blau {
  background-color: #058ac7; }

.bg-hellblau {
  background-color: #38BDFA; }

.bg-dunkelblau {
  background-color: #035C85; }

.bg-gruen {
  background-color: #7AB51D; }

.bg-dunkelgruen {
  background-color: #669818; }

.bg-hellgruen {
  background-color: #8ED222; }

.bg-hellrot {
  background-color: #E70007; }

.bg-rot {
  background-color: #A30005; }

.bg-dunkelrot {
  background-color: #5F0003; }

.bg-weiss {
  background-color: #ffffff; }

.bg-weiss-transparent {
  background-color: rgba(255, 255, 255, 0.9); }

.bg-pink {
  background-color: #971E84; }

.bg-grau {
  background-color: #5C6970; }

.bg-hellgrau {
  background-color: #DADEE0; }

.bg-lichtgrau {
  background-color: #ECEEEF; }

.bg-dunkelgrau {
  background-color: #2E3538; }

.bg-schwarz {
  background-color: #0F1113; }

.trennlinie-orange hr {
  margin-top: 1rem;
  margin-bottom: 1rem;
  border-top: 3px solid #F39200;
  width: 20%; }

.link-orange {
  color: #F39200 !important; }

.link-weiss {
  color: #ffffff !important; }

.link-blau {
  color: #058ac7 !important; }

.null {
  margin-bottom: 0px !important; }

.transparent {
  opacity: 0.75; }

.outline .vc_btn3-color-primary {
  border: solid 2px #fff !important; }

.vc_btn3-color-primary {
  background-color: #058ac7 !important; }

.vc_btn3-color-primary:hover {
  background-color: #035C85 !important; }

.vc_btn3-color-orange {
  background-color: #F7931D !important; }

.bt-border .vc_btn3 {
  border: solid 3px #971E84 !important; }

.vc_btn3-color-warning {
  background-color: #F7931D !important;
  border: solid 2px #ffffff; }

.vc_btn3-color-danger {
  background-color: #A30005 !important;
  color: #ffffff !important; }

.vc_btn3-size-md {
  padding-left: 15px !important;
  font-weight: bold !important; }

.vc_btn3-size-lg {
  font-size: 20px !important; }

.vc_btn3-color-danger:hover {
  background-color: #FFF328 !important;
  color: #ffffff !important; }

.suche .vc_btn3 {
  font-family: Roboto Condensed;
  text-transform: uppercase; }

.suche .vc_btn3-color-white {
  color: #669818 !important;
  background-color: #ffffff; }

.suche .vc_btn3-color-white:hover {
  color: #ffffff !important;
  background-color: #669818 !important; }

.suche .vc_btn3.vc_btn3-size-md {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
  font-size: 18px !important; }

.vc_sep_color_orange {
  color: #F7931D !important; }

.vc_sep_color_blue {
  color: #058ac7 !important; }

.vc_sep_color_pink {
  border-color: #971E84 !important; }

.vc_tta-color-orange.vc_tta-style-flat .vc_tta-panel .vc_tta-panel-heading {
  background-color: #F7931D !important; }

.vc_tta-color-orange.vc_tta-style-flat:not(.vc_tta-o-no-fill) .vc_tta-panel-body {
  color: #0F1113 !important; }

.vc_tta-color-orange.vc_tta-style-flat .vc_tta-panel .vc_tta-panel-body {
  background-color: #ffffff !important; }

.gerundet {
  text-align: center;
  display: inline-grid;
  padding: 25px 35px;
  background-color: #fff;
  border-radius: 500px;
  border: 4px solid orange;
  margin-bottom: 35px !important; }

/*Revslider*/
.rev-btn {
  overflow: hidden; }

.tp-leftarrow {
  border-top-left-radius: 5px !important;
  border-bottom-left-radius: 5px !important; }

.tp-rightarrow {
  border-top-right-radius: 5px !important;
  border-bottom-right-radius: 5px !important; }

/*Sweep To Right buttons*/
.sweep-right {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
          box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  -webkit-transition-property: color;
  -o-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
     transition-duration: 0.3s; }

.sweep-right:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #F7931D;
  -webkit-transform: scaleX(0);
  -ms-transform: scaleX(0);
      transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  -ms-transform-origin: 0 50%;
      transform-origin: 0 50%;
  -webkit-transition-property: transform;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
     transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
     transition-timing-function: ease-out; }

.sweep-right:hover,
.sweep-right:focus,
.sweep-right:active {
  color: white; }

.sweep-right:hover:before,
.sweep-right:focus:before,
.sweep-right:active:before {
  -webkit-transform: scaleX(1);
  -ms-transform: scaleX(1);
      transform: scaleX(1); }

/*Sweep To Right vc buttons*/
.sweep-to-right .vc_btn3 {
  border: 0px !important;
  overflow: hidden;
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
          box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  -webkit-transition-property: color;
  -o-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
     transition-duration: 0.3s; }

.sweep-to-right .vc_btn3:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #F7931D;
  -webkit-transform: scaleX(0);
  -ms-transform: scaleX(0);
      transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  -ms-transform-origin: 0 50%;
      transform-origin: 0 50%;
  -webkit-transition-property: transform;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
     transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
     transition-timing-function: ease-out; }

.sweep-to-right .vc_btn3:hover,
.sweep-to-right .vc_btn3:focus,
.sweep-to-right .vc_btn3:active {
  color: white; }

.sweep-to-right .vc_btn3:hover:before,
.sweep-to-right .vc_btn3:focus:before,
.sweep-to-right .vc_btn3:active:before {
  -webkit-transform: scaleX(1);
  -ms-transform: scaleX(1);
      transform: scaleX(1); }

@media screen and (max-width: 810px) {
  h1 {
    font-size: 2.6rem; }
  h2 {
    font-size: 2.0rem; }
  h3 {
    font-size: 1.7rem; } }

@media screen and (max-width: 640px) {
  body {
    overflow-x: hidden; }
  .layout-wrapper {
    padding-left: 5px;
    padding-right: 5px; }
  h1 {
    font-size: 2.4rem; }
  h2 {
    font-size: 1.7rem; }
  h3 {
    font-size: 1.5rem; }
  h4 {
    font-size: 1.3rem; }
  h5 {
    font-size: 1.15rem; }
  h6 {
    font-size: 1rem; }
  h1.claim {
    font-size: 40px;
    line-height: 50px; }
  h2.claim {
    font-size: 40px;
    line-height: 50px; }
  h3.claim {
    font-size: 40px;
    line-height: 50px; }
  h4.claim {
    font-size: 30px;
    line-height: 40px; }
  p {
    font-size: 17px;
    line-height: 20px; }
  .ult-tabto-accordion dd p {
    font-size: 17px !important;
    line-height: 20px !important; } }

@media screen and (max-width: 320px) {
  h1 {
    font-size: 2.0rem; }
  h2 {
    font-size: 1.5rem; }
  h3 {
    font-size: 1.2rem; }
  h4 {
    font-size: 1rem; }
  h5 {
    font-size: 0.8rem; }
  h6 {
    font-size: 0.5rem; } }

.header-wrapper {
  background-color: #ffffff; }

.fixed {
  position: fixed;
  top: 0;
  z-index: 999; }

.menue-wrapper {
  display: grid;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: right; }

.header-right {
  -ms-flex-line-pack: end;
      align-content: end; }
  .phonemenue p {
    margin-bottom: 0; }

.header-left {
  padding: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .header-left img {
    max-width: 100%;
    height: auto;
    max-height: 100px; }
  #mysticky-nav.wrapfixed .header-center-wrapper {
    height: 100% !important;
    -ms-flex-line-pack: center;
        align-content: center;
    display: grid; }
  #mysticky-nav.wrapfixed .header-left img {
    max-height: 60px !important; }
  #mysticky-nav.wrapfixed .header-left {
    padding: 15px inherit; }

.wrapper-center-second {
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline; }
  .menue li {
    width: 90px;
    height: 90px;
    border-bottom: 1px solid #F7931D;
    padding: 10px;
    font-size: 10px;
    text-align: center;
    font-weight: bold;
    -ms-flex-line-pack: center;
        align-content: center;
    display: grid; }
    .menue li a {
      color: #000;
      text-decoration: none; }
    .menue li span {
      font-size: 48px;
      width: 100%;
      display: inline-block; }
  .menue li.active {
    background-color: #971E84;
    -webkit-transition: .5s ease-out;
    -o-transition: .5s ease-out;
    transition: .5s ease-out; }
    .menue li.active a {
      color: #fff; }
  .menue li:hover {
    background-color: #F7931D;
    -webkit-transition: .5s ease-out;
    -o-transition: .5s ease-out;
    transition: .5s ease-out; }
    .menue li:hover a {
      color: #fff; }
  .menue img {
    display: inline-block;
    width: 100%;
    max-width: 50px;
    margin-bottom: 5px; }
  .suche #searchform {
    -ms-flex-line-pack: center;
        align-content: center;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex; }
  .suche label {
    margin-bottom: 0; }
  .suche .search-field {
    border: none;
    border-radius: 10px;
    padding: 4px 8px;
    color: #5C6970;
    font-family: 'thesansb4_semilight', sans-serif;
    font-size: 15px; }
  .suche .icon-search {
    height: 34px;
    width: 34px;
    border: none;
    cursor: pointer;
    color: white;
    background-color: transparent; }

.stoerung {
  margin-left: 40px;
  text-align: left; }

@media screen and (max-width: 1280px) {
  .menue-wrapper {
    font-size: 14px !important; }
    .menue-wrapper a {
      font-size: 14px !important; }
    .menue-wrapper .stoerung-top {
      font-size: 14px !important; }
    .menue-wrapper #responsive-menu-pro li a {
      padding: 0 8px !important; } }

@media screen and (max-width: 1024px) {
  .header-right {
    width: 100%;
    text-align: right;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    padding-right: 30px;
    padding-top: 10px;
    padding-bottom: 10px; }
  #responsive-menu-pro-container {
    -ms-flex-line-pack: center;
        align-content: center;
    display: grid; }
  .responsive-menu-pro-item-link span {
    font-size: 80px;
    line-height: 80px !important;
    width: 100%;
    display: inline-block;
    margin-bottom: 5px !important; }
  li.responsive-menu-pro-item a {
    line-height: 100% !important;
    height: auto !important;
    padding: 10px !important; }
  button#responsive-menu-pro-button {
    border-left: solid 2px #fff !important; }
  .suche-top {
    display: none; }
  #responsive-menu-pro-additional-content {
    padding: 10px 0 !important;
    border-bottom: solid 1px #F7931D;
    margin-bottom: 20px !important; } }

@media screen and (max-width: 640px) {
  .header-right {
    width: auto; }
  .header-left img {
    max-height: 50px; }
  #mysticky-nav.wrapfixed .header-left img {
    max-height: 50px !important; } }

.hauptmenue {
  z-index: 999; }

.phonemenue {
  color: #0F1113;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-right: 15px; }
  .phonemenue span {
    display: grid;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .phonemenue a {
    color: #000; }
  .phonemenue i {
    color: #F7931D !important;
    font-size: 25px; }

#responsive-menu-pro {
  padding: 0; }

#responsive-menu-pro li a {
  padding: 0 10px !important; }

#responsive-menu-pro-additional-content {
  font-size: 20px; }

#responsive-menu-pro li ul.responsive-menu-pro-submenu {
  padding: 0 !important;
  background-color: #ECEEEF;
  min-width: 210px; }

#responsive-menu-pro li ul.responsive-menu-pro-submenu::before {
  content: '';
  position: absolute;
  top: -10px;
  left: 40.5%;
  width: 0px;
  height: 0px;
  -webkit-transform: rotate(360deg);
  border-style: solid;
  border-width: 0 12.5px 10px 12.5px;
  border-color: transparent transparent #ECEEEF transparent; }

#responsive-menu-pro-container #responsive-menu-pro-wrapper {
  padding: 0px 10px !important; }

#responsive-menu-pro-container #responsive-menu-pro-search-box {
  padding: 25px 0 !important; }

ul.responsive-menu-pro-submenu-depth-2:before {
  border-color: transparent transparent transparent transparent !important; }

@media screen and (max-width: 1024px) {
  .stoerung-top {
    display: none !important; }
  .phonemenue {
    margin-right: 30px; } }

@media screen and (max-width: 640px) {
  .phonemenue {
    display: none; }
  .menue-wrapper {
    position: absolute;
    right: 0px; }
  button.stoerung-top {
    display: none; } }

.suche-header {
  padding: 30px;
  margin-bottom: 30px;
  background-image: url("./assets/images/suchergebniss.jpg");
  background-size: cover;
  min-height: 320px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex; }

.suche-h2 {
  background-color: rgba(0, 0, 0, 0.671);
  padding: 5px 15px; }

.suche-link {
  background-color: #058ac7;
  border-radius: 30px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  padding: 10px 20px;
  color: white;
  margin: 20px 0 35px;
  text-align: center; }

.suche-link a {
  color: white !important; }

.ergebnis h3 {
  font-family: 'thesansb7_bold', sans-serif !important;
  margin-top: 50px;
  margin-bottom: 15px; }

.counter_suffix {
  padding-left: 10px; }

.inhalt-wrapper-sonderseiten {
  display: block;
  margin: 0px;
  padding-left: 15px;
  padding-right: 15px; }

.search-field {
  border-left: 0;
  border-top: 0;
  border-right: 0;
  padding-left: 5px;
  padding-right: 5px;
  border-bottom: dotted 2px #ccc; }

.box-fixed {
  position: absolute;
  right: 0px;
  top: 10%;
  max-width: 240px;
  left: 0px; }

.linkbox {
  padding: 15px; }

.linkbox .aio-icon-description {
  margin-top: 0px !important; }

.linkbox .aio-icon-title {
  margin-top: 10px !important;
  font-family: 'thesansb7_bold', sans-serif !important;
  color: #F7931D !important;
  margin-bottom: 5px !important; }

.linkbox a {
  color: #000;
  margin-top: 10px;
  text-decoration: none;
  font-family: 'thesansb7_bold', sans-serif !important; }

.infobox .aio-icon-title {
  margin-top: 10px; }

.infobox .aio-icon-box {
  border-radius: 5px; }

.infobox a {
  color: #0f1113;
  margin-top: 10px;
  text-decoration: none;
  font-family: 'thesansb7_bold', sans-serif !important; }

.services .vc_btn3-icon {
  right: 15px !important;
  font-size: 14px !important;
  height: 24px !important;
  width: 24px;
  background-color: #f4f4f4;
  -ms-flex-line-pack: center;
      align-content: center;
  display: inline-grid !important;
  text-align: center !important;
  color: #333; }

.services .vc_btn3-color-white {
  color: #000 !important; }

.services .vc_btn3-color-white:hover {
  color: #fff !important; }

.hilfe .vc_btn3-color-white:hover {
  color: #000 !important; }

.mit-image .vc_column-inner {
  background-size: cover; }

.stats-block {
  margin-bottom: 0px !important;
  padding: 30px; }

.overlay-content {
  padding: 30px;
  background-color: rgba(0, 0, 0, 0.3);
  z-index: 2;
  display: grid;
  -ms-flex-line-pack: center;
      align-content: center;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0; }

.weiss-blau .vc_btn3-color-blue {
  background-color: #38BDFA !important; }

.weiss-blau .vc_btn3-color-blue.hover {
  background-color: #38BDFA !important; }

.equal-grid6 {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }

.sektion-wrapper {
  margin: auto 0;
  padding: 0px 15px; }

@media screen and (max-width: 640px) {
  .sektion-wrapper {
    margin: auto 0; } }
  .box-angebot h3.aio-icon-title {
    font-size: 24px !important; }
  .box-angebot .aio-icon-box {
    border-radius: 10px;
    cursor: pointer; }
  .box-angebot .aio-icon-description {
    text-align: left !important; }
  .box-angebot .aio-icon-description::after {
    content: '';
    position: absolute;
    bottom: 50px;
    left: 15px;
    right: 15px;
    height: 150px;
    background: white;
    background: -webkit-gradient(linear, left bottom, left top, from(white), color-stop(40%, white), to(rgba(255, 255, 255, 0)));
    background: -webkit-linear-gradient(bottom, white 0%, white 40%, rgba(255, 255, 255, 0) 100%);
    background: -o-linear-gradient(bottom, white 0%, white 40%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(0deg, white 0%, white 40%, rgba(255, 255, 255, 0) 100%); }
  .box-angebot .aio-icon-read {
    z-index: 99;
    position: absolute;
    color: #000;
    bottom: 50px; }

/*stickysidebar*/
.stickysidebar {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  position: fixed;
  top: 0;
  right: 0px;
  height: 100%;
  width: auto;
  z-index: 999;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-line-pack: center;
      align-content: center;
  display: grid; }
  .stickysidebar a {
    color: #000; }
  .stickysidebar .icon {
    background-color: #058ac7;
    margin-bottom: 2px;
    display: inline-grid;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    align-items: center;
    width: 50px;
    height: 50px;
    color: #ffffff;
    font-size: 35px;
    text-align: center;
    cursor: pointer; }
  .stickysidebar .mobil {
    display: none; }

.box-fixed {
  position: absolute;
  right: 0px;
  top: 10%;
  max-width: 240px;
  left: 0px; }

.linkbox {
  padding: 15px; }

.linkbox .aio-icon-description {
  margin-top: 0px !important; }

.linkbox .aio-icon-title {
  margin-top: 10px !important;
  font-family: 'thesansb7_bold', sans-serif !important;
  margin-bottom: 5px !important; }

.linkbox a {
  color: #0F1113;
  margin-top: 10px;
  text-decoration: none;
  font-family: 'thesansb7_bold', sans-serif !important; }

.infobox .aio-icon-title {
  margin-top: 10px; }

.infobox .aio-icon-box {
  border-radius: 5px; }

.infobox a {
  color: #0f1113;
  margin-top: 10px;
  text-decoration: none;
  font-family: 'thesansb7_bold', sans-serif !important; }

.mit-image .vc_column-inner {
  background-size: cover; }

.column-inner {
  padding: 30px !important; }

.keyfact1 {
  border-right: solid 2px #fff;
  border-bottom: solid 2px #fff;
  padding: 0px; }

.keyfact2 {
  border-bottom: solid 2px #fff; }

.keyfact3 {
  border-right: solid 2px #fff; }

.stats-block {
  margin-bottom: 0px !important;
  padding: 40px 0; }

.post-kategorie {
  margin-bottom: 0px !important;
  /*background-color: $main-color-orange;
    color: $main-color-weiss;
    padding: 5px 10px !important;*/ }

.overlay-orange {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #F7931D; }

.overlay-content {
  padding: 30px;
  background-color: rgba(0, 0, 0, 0.3);
  z-index: 2;
  display: grid;
  -ms-flex-line-pack: center;
      align-content: center;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0; }

.referenz-content {
  padding: 40px; }

.vc_box_border {
  padding: 25px !important;
  /*-webkit-box-shadow: 0px 0px 20px 0px rgba(143,143,143,1) !important;
    -moz-box-shadow: 0px 0px 20px 0px rgba(143,143,143,1) !important;
    box-shadow: 0px 0px 20px 0px rgba(143,143,143,1) !important;*/ }

.vc_box_border_orange {
  background-color: #f8bf03 !important; }

.vc_box_border_violet {
  background-color: #971E84 !important; }

.ult_price_features ul {
  display: inline-block;
  min-height: 180px; }

.ult_price_features a {
  color: #fff !important;
  background-color: #971E84;
  font-size: 13px;
  border-radius: 3px;
  padding: 10px;
  margin-bottom: 10px;
  display: inline-block; }

/*interessant-box*/
.interessant-box .ult-new-ib-desc .ult-new-ib-content {
  font-size: 16px !important;
  line-height: 18px !important; }

/*ende interessant*/
.stoerung {
  margin-left: 40px;
  text-align: left; }

/*Formular*/
.arf_checkbox_style label {
  display: inline-block !important;
  word-wrap: normal !important;
  word-break: normal !important;
  line-height: 18px !important; }

.ult_exp_section_layer.ult-adjust-bottom-margin {
  margin-bottom: 15px !important; }

.post-datum {
  display: inline-block; }

.post-datum p {
  font-size: 13px;
  color: #F7931D;
  margin-bottom: 0px;
  font-weight: bold; }

.post-datum p::after {
  content: '/';
  font-size: 13px;
  color: #F7931D;
  margin-bottom: 0px;
  font-weight: bold;
  padding-left: 5px; }

.post-kategorie {
  display: inline-block;
  font-weight: bold; }

.vc_grid-filter.vc_grid-filter-size-sm .vc_grid-filter-item {
  margin-right: 5px; }

.modal-backdrop {
  opacity: 0.5 !important; }

body.modal-open .supreme-container {
  -webkit-filter: blur(10px);
  -moz-filter: blur(10px);
  -o-filter: blur(10px);
  -ms-filter: blur(10px);
  filter: blur(10px); }

.download-grid .uavc-list-content span.uavc-list-desc {
  text-align: left; }

.download-grid {
  display: inline-block; }

.ult-new-ib, .wpb_column > .wpb_wrapper .ult-new-ib {
  border-radius: 5px; }

.ult-ib-effect-style2 .ult-new-ib-content {
  background-color: #F7931D; }

.tab-container .ult_tabmenu.style1, .ult_tabmenu.style2 {
  -webkit-box-pack: center !important;
      -ms-flex-pack: center !important;
          justify-content: center !important; }

.ult_ex_icon {
  display: block !important; }

.reneko_acc .ult_exp_section {
  margin: 0;
  color: #fff;
  padding: 3px; }

.reneko_acc .ult_expheader, .ult_expsection_icon {
  text-transform: none;
  text-align: left; }

.reneko_acc .ult_ecpsub_cont {
  text-align: left;
  margin: 0 auto;
  vertical-align: middle;
  margin-left: 77px; }

.services .vc_btn3-icon {
  right: 15px !important;
  font-size: 14px !important;
  height: 24px !important;
  width: 24px;
  background-color: #f4f4f4;
  -ms-flex-line-pack: center;
      align-content: center;
  display: inline-grid !important;
  text-align: center !important;
  color: #333; }

.services .vc_btn3-color-white {
  color: #000 !important; }

.services .vc_btn3-color-white:hover {
  color: #fff !important; }

.hilfe .vc_btn3-color-white:hover {
  color: #000 !important; }

/*akkordions*/
.vc_tta-color-white.vc_tta-style-modern .vc_tta-panel .vc_tta-panel-heading:hover {
  background-color: #F39200 !important;
  color: white !important; }

.vc_tta-color-white.vc_tta-style-modern .vc_tta-panel .vc_tta-panel-heading {
  border-color: #f7f7f7;
  background-color: white !important; }

.vc_tta-color-white.vc_tta-style-modern .vc_tta-panel .vc_tta-panel-title > a {
  color: #666; }

.vc_tta-color-white.vc_tta-style-modern .vc_tta-panel .vc_tta-panel-title > a:hover {
  color: white !important; }

.ult-span-text {
  font-size: 24px;
  padding: 15px 25px; }

/*ende akkordions*/
/*contentbox hover*/
.hover-box .ult-content-box {
  -ms-flex-line-pack: center;
      align-content: center;
  display: grid; }

.hover-box {
  border-radius: 8px;
  background: #5C6970;
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  cursor: pointer;
  color: #fff; }

.hover-box:hover {
  background: #ffcb7b;
  background: -webkit-linear-gradient(273deg, #ffcb7b 0%, #f39200 60%);
  background: -o-linear-gradient(273deg, #ffcb7b 0%, #f39200 60%);
  background: linear-gradient(177deg, #ffcb7b 0%, #f39200 60%);
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  color: #fff !important; }

.hvr-float {
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
          box-shadow: 0 0 1px rgba(0, 0, 0, 0); }

.hvr-float:hover, .hvr-float:focus, .hvr-float:active {
  -webkit-transform: translateY(-10px);
  -ms-transform: translateY(-10px);
      transform: translateY(-10px); }

.detail-container {
  height: 250px;
  overflow: hidden;
  position: relative; }

.hover-icon {
  vertical-align: middle; }

.detail-container .hover-titel {
  position: absolute;
  bottom: 70px;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s;
  margin-bottom: 0;
  left: 0;
  right: 0;
  padding: 0 30px; }

.detail-container:hover .hover-titel {
  display: block !important;
  bottom: 10px;
  margin-bottom: 0; }

.detail-container .hover-text p {
  padding: 20px;
  margin: 0 -20px;
  background-color: rgba(0, 0, 0, 0.5); }

.detail-container .hover-text ul li {
  padding: 20px;
  margin: 0 -20px;
  background-color: rgba(0, 0, 0, 0.5); }

.detail-container .hover-text {
  position: absolute;
  width: 100%;
  top: -100%;
  -webkit-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s; }

.detail-container:hover .hover-text {
  display: block !important;
  color: white;
  top: 0; }

.detail-container .hover-icon:hover {
  display: none; }

/*ende contentbox*/
/*tabcontainer Gas*/
body .vc_tta.vc_tta-tabs .vc_tta-tabs-container {
  display: block !important; }

body .vc_tta.vc_general .vc_tta-panel-heading {
  display: none !important; }

/*ende tab container*/
/*download-icon*/
[class^="Feather-"], [class*=" Feather-"] {
  font-family: 'Feather' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.Feather-download::before {
  content: "\e926"; }

ul.download-liste {
  list-style: none;
  line-height: 2rem; }

.download-liste li a {
  text-decoration: none !important;
  color: #F39200 !important; }

.download-liste li a::before {
  font-family: 'Feather' !important;
  content: "\e926";
  color: #fff;
  background-color: #F39200;
  border-radius: 150px;
  padding: 5px;
  margin-right: 10px; }

.detail-container .hover-text ul.download-liste-w li {
  padding: 0 0 10px 20px;
  margin: 0 -20px;
  background-color: rgba(0, 0, 0, 0.5); }

ul.download-liste-w {
  list-style: none;
  padding-left: 0em; }

.download-liste-w li a {
  text-decoration: none !important;
  color: #fff; }

.download-liste-w li a::before {
  font-family: 'Feather' !important;
  content: "\e926";
  color: #F39200;
  background-color: #fff;
  border-radius: 150px;
  padding: 5px;
  margin-right: 10px; }

/*end downloadliste*/
/*gf box*/
.hg_lichtgrau {
  background-color: #f4f4f4; }

.infobox-rand {
  border: 1px solid #f4f4f4;
  border-radius: 5px;
  padding: 30px; }

.gf-box {
  position: relative;
  left: 200px;
  -webkit-box-shadow: 10px 20px 15px rgba(0, 0, 0, 0.5);
          box-shadow: 10px 20px 15px rgba(0, 0, 0, 0.5); }

.head-ueber-box {
  position: relative;
  left: 200px; }

.innerbox-row {
  position: relative;
  left: -7%; }

.boxindex {
  z-index: 100; }

.bodytext {
  margin-bottom: 0 !important; }

.modal-head {
  margin-bottom: 10px;
  margin-top: 15px; }

.ult-tabto-accordion dd > .ult-tabto-acontent {
  font-size: 1em;
  padding: 1em 1em; }

.margin100auto {
  margin-top: 100px;
  margin-bottom: 100px; }

.margin-left25 {
  margin-left: 25px; }

.paddingleftright80 {
  padding-left: 80px;
  padding-right: 80px; }

.padding50auto {
  padding-top: 50px;
  padding-bottom: 50px; }

/*Accordion*/
.ult_exp_section-main {
  padding-left: 70px !important;
  padding-top: 10px !important;
  padding-bottom: 10px !important; }

.ult_exp_icon {
  position: absolute !important;
  left: 15px !important;
  padding: 0 !important; }

@media screen and (max-width: 1440px) {
  .column-inner .stats-text {
    font-size: 24px !important; } }

@media screen and (max-width: 1280px) {
  .stoerer {
    height: 450px; }
  .teaser550 {
    height: 450px; }
  .column-inner {
    padding: 20px !important; }
  .column-inner .stats-text {
    font-size: 20px !important; } }

@media screen and (max-width: 1024px) {
  .vc_box_border {
    padding: 6px !important; }
  .referenz-content {
    padding: initial; }
  .stickysidebar { }
    .stickysidebar .mobil {
      display: block; }
  .infobox-rand {
    border: 1px solid #f4f4f4;
    border-radius: 5px;
    padding: 30px; }
  .gf-box {
    position: relative;
    left: 10px;
    -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
            box-shadow: 0px 0px 0px rgba(0, 0, 0, 0); }
  .head-ueber-box {
    position: relative;
    left: 10px; }
  .aio-icon.none {
    display: none !important; }
  .margin-left25 {
    margin-left: 0px; }
  .detail-container .hover-titel {
    bottom: 80px !important; }
  .innerbox-row {
    left: 0; } }

@media screen and (max-width: 640px) {
  .stickysidebar { }
    .stickysidebar .icon {
      width: 40px;
      height: 40px; }
  .ult_exp_section-main.ult_expleft_icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .ult-tabto-accordion i.accordion-icon {
    display: none; }
  #arffrm_102_container .arf_materialize_form.arf_fieldset {
    background: white;
    border: 1px solid #DEE6FB;
    padding: 35px 15px 35px 15px; }
  .keyfact1 {
    border-right: none;
    border-bottom: none;
    padding: 0px; }
  .keyfact2 {
    border-bottom: none; }
  .keyfact3 {
    border-right: none; }
  .infobox-rand {
    padding: 15px; }
  .detail-container .hover-titel {
    bottom: 110px !important; }
  .infobox-rand .aio-icon-title {
    font-size: 22px !important; }
  .padding50auto {
    padding: 20px 0 50px 0; }
  .ult-tabto-accordion dd > .ult-tabto-acontent {
    padding: 1em 1em !important; }
  .tab-formular .arf_fieldset {
    padding: 35px 15px 35px 15px !important; } }

@media only screen and (min-width: 1100px) {
  .tab-container .aio-icon.none.ult_tab_iconleft {
    display: none; } }

@media only screen and (max-width: 1100px) {
  .ult-tabto-accordion dt > a {
    text-align: left;
    font-weight: 700; }
  .detail-container .hover-titel {
    bottom: 40px; } }

/* START TOOLTIP STYLES */
[tooltip] {
  position: relative;
  /* opinion 1 */ }

/* Applies to all tooltips */
[tooltip]::before,
[tooltip]::after {
  text-transform: none;
  /* opinion 2 */
  font-size: .9em;
  /* opinion 3 */
  line-height: 1;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  pointer-events: none;
  position: absolute;
  display: none;
  opacity: 0; }

[tooltip]::before {
  content: '';
  border: 5px solid transparent;
  /* opinion 4 */
  z-index: 1001;
  /* absurdity 1 */ }

[tooltip]::after {
  content: attr(tooltip);
  /* magic! */
  /* most of the rest of this is opinion */
  font-family: Helvetica, sans-serif;
  text-align: center;
  /* Let the content set the size of the tooltips 
    but this will also keep them from being obnoxious */
  min-width: 3em;
  max-width: 21em;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  padding: 1ch 1.5ch;
  border-radius: 0;
  -webkit-box-shadow: 0 1em 2em -0.5em rgba(0, 0, 0, 0.35);
          box-shadow: 0 1em 2em -0.5em rgba(0, 0, 0, 0.35);
  background: #F7931D;
  color: #fff;
  z-index: 1000;
  /* absurdity 2 */ }

/* Make the tooltips respond to hover */
[tooltip]:hover::before,
[tooltip]:hover::after {
  display: block; }

/* don't show empty tooltips */
[tooltip='']::before,
[tooltip='']::after {
  display: none !important; }

/* FLOW: UP */
[tooltip]:not([flow])::before,
[tooltip][flow^="up"]::before {
  bottom: 100%;
  border-bottom-width: 0;
  border-top-color: #333; }

[tooltip]:not([flow])::after,
[tooltip][flow^="up"]::after {
  bottom: calc(100% + 5px); }

[tooltip]:not([flow])::before,
[tooltip]:not([flow])::after,
[tooltip][flow^="up"]::before,
[tooltip][flow^="up"]::after {
  left: 50%;
  -webkit-transform: translate(-50%, -0.5em);
      -ms-transform: translate(-50%, -0.5em);
          transform: translate(-50%, -0.5em); }

/* FLOW: DOWN */
[tooltip][flow^="down"]::before {
  top: 100%;
  border-top-width: 0;
  border-bottom-color: #333; }

[tooltip][flow^="down"]::after {
  top: calc(100% + 5px); }

[tooltip][flow^="down"]::before,
[tooltip][flow^="down"]::after {
  left: 50%;
  -webkit-transform: translate(-50%, 0.5em);
      -ms-transform: translate(-50%, 0.5em);
          transform: translate(-50%, 0.5em); }

/* FLOW: LEFT */
[tooltip][flow^="left"]::before {
  top: 15%;
  border-right-width: 0;
  border-left-color: #F7931D;
  left: calc(0em - 5px);
  -webkit-transform: translate(-0.5em, -50%);
      -ms-transform: translate(-0.5em, -50%);
          transform: translate(-0.5em, -50%); }

[tooltip][flow^="left"]::after {
  top: 15%;
  right: calc(100% + 5px);
  -webkit-transform: translate(-0.5em, -50%);
      -ms-transform: translate(-0.5em, -50%);
          transform: translate(-0.5em, -50%); }

/* FLOW: RIGHT */
[tooltip][flow^="right"]::before {
  top: 50%;
  border-left-width: 0;
  border-right-color: #333;
  right: calc(0em - 5px);
  -webkit-transform: translate(0.5em, -50%);
      -ms-transform: translate(0.5em, -50%);
          transform: translate(0.5em, -50%); }

[tooltip][flow^="right"]::after {
  top: 50%;
  left: calc(100% + 5px);
  -webkit-transform: translate(0.5em, -50%);
      -ms-transform: translate(0.5em, -50%);
          transform: translate(0.5em, -50%); }

/* KEYFRAMES */
@-webkit-keyframes tooltips-vert {
  to {
    opacity: 1;
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0); } }
@keyframes tooltips-vert {
  to {
    opacity: 1;
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0); } }

@-webkit-keyframes tooltips-horz {
  to {
    opacity: 1;
    -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%); } }

@keyframes tooltips-horz {
  to {
    opacity: 1;
    -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%); } }

/* FX All The Things */
[tooltip]:not([flow]):hover::before,
[tooltip]:not([flow]):hover::after,
[tooltip][flow^="up"]:hover::before,
[tooltip][flow^="up"]:hover::after,
[tooltip][flow^="down"]:hover::before,
[tooltip][flow^="down"]:hover::after {
  -webkit-animation: tooltips-vert 300ms ease-out forwards;
          animation: tooltips-vert 300ms ease-out forwards; }

[tooltip][flow^="left"]:hover::before,
[tooltip][flow^="left"]:hover::after,
[tooltip][flow^="right"]:hover::before,
[tooltip][flow^="right"]:hover::after {
  -webkit-animation: tooltips-horz 300ms ease-out forwards;
          animation: tooltips-horz 300ms ease-out forwards; }

.footer {
  padding-left: 15px;
  padding-right: 15px; }

.footer1 {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex; }

.social-icon {
  font-size: 36px; }

.footer-designed {
  -ms-flex-line-pack: center;
      align-content: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end; }

.footer-wrapper {
  border-top: solid 3px #DADEE0;
  padding: 35px 15px 15px; }
  .footer-wrapper .icon {
    margin-bottom: 15px;
    width: 100%; }
    .footer-wrapper .icon i {
      font-size: 40px;
      z-index: 2;
      position: relative;
      color: #94989C; }
    .footer-wrapper .icon span {
      width: 45px;
      height: 45px;
      background-color: #ffffff;
      display: inline-block;
      border-radius: 500px;
      position: absolute;
      z-index: 0;
      left: 20px;
      top: 10px; }
  .footer-wrapper ul {
    padding: 0px;
    list-style: none; }
  .footer-wrapper li {
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: center;
        align-content: center; }
    .footer-wrapper li a {
      color: #0F1113;
      text-decoration: none; }
  .footer-wrapper li:before {
    content: "»";
    margin-right: 5px;
    font-family: 'thesansb7_bold', sans-serif; }
  .footer-wrapper img {
    max-width: 150px;
    margin-right: 20px; }

.footer-wrapper h3 {
  /*margin-bottom: 15px;*/
  padding-bottom: 15px;
  letter-spacing: 1px;
  font-size: 20px;
  font-family: 'thesansb7_bold', sans-serif;
  color: #F7931D;
  padding-top: 5px; }

.footer-wrapper h4 {
  margin-top: 0px;
  /*margin-bottom: 15px;*/
  padding-bottom: 15px;
  letter-spacing: 1px;
  font-size: 20px;
  font-family: 'thesansb7_bold', sans-serif;
  color: #5C6970; }

.footer-wrapper .logo-holder-footer img {
  max-width: 240px; }

.footer-wrapper .telefon {
  margin-bottom: 60px; }

.full-row {
  margin-top: 30px; }

.footer-last-wrapper {
  margin-top: 30px;
  margin-bottom: 50px;
  padding: 15px; }
  .footer-last-wrapper ul {
    display: inline-block;
    padding: 0px;
    list-style: none; }
  .footer-last-wrapper li {
    display: inline-block;
    padding: 0 5px;
    text-transform: uppercase; }
  .footer-last-wrapper a {
    font-size: 22px; }
  .footer-last-wrapper p {
    font-size: 16px;
    margin-bottom: 0px; }
  .footer-last-wrapper span {
    font-size: 18px;
    padding: 10px;
    display: inline-block; }
  .footer-last-wrapper .footer-last-rechts {
    text-align: right; }

@media screen and (max-width: 640px) {
  .footer-wrapper {
    padding: 15px; }
  .footer-wrapper h3 {
    margin-top: 0; }
  .footer-last-wrapper {
    margin-top: 0;
    margin-bottom: 15px; }
    .footer-last-wrapper .footer-last-rechts {
      text-align: center; }
    .footer-last-wrapper .footer-last-links {
      text-align: center; }
  .footer-wrapper img {
    max-width: 100px;
    margin-right: 20px; } }