@import url('https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Rubik:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Teko:wght@300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

/* GENERAL */

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,
em,,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,
nav,output,ruby,section,summary,time,mark,audio,video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  font: inherit;
/* vertical-align: baseline; */
  font-family: inherit;
  font-size: 100%;
  font-style: inherit;
  font-weight: inherit;
}

ol,
ul {
    list-style: none;
}

blockquote,
q {
    -webkit-hyphens: none;
    -moz-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    quotes: none;
}

figure {
    margin: 0;
}

:focus {
    outline: 0;
}

legend {
    white-space: normal;
}

button,
input,
select,
textarea {
    font-size: 100%;
    margin: 0;
    max-width: 100%;
    vertical-align: baseline;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

button,
input {
    line-height: normal;
}

input,
textarea {
    background-image: -webkit-linear-gradient( hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, 0));
    /* Removing the inner shadow, rounded corners on iOS inputs */
}

button,
input[type='button'],
input[type='reset'],
input[type='submit'] {
    line-height: 1;
    cursor: pointer;
    /* Improves usability and consistency of cursor style between image-type 'input' and others */
    -webkit-appearance: button;
    /* Corrects inability to style clickable 'input' types in iOS */
    border: none;
}

input[type='checkbox'],
input[type='radio'] {
    padding: 0;
    /* Addresses excess padding in IE8/9 */
}

input[type='search'] {
    -webkit-appearance: textfield;
    /* Addresses appearance set to searchfield in S5, Chrome */
}

input[type='search']::-webkit-search-decoration {
    /* Corrects inner padding displayed oddly in S5, Chrome on OSX */
    -webkit-appearance: none;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    /* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */
    border: 0;
    padding: 0;
}

body,
button,
input,
select,
textarea {
  font-family: "Rubik", sans-serif;
  font-weight: 400;
  color: #565872;
  font-size: 16px;
  line-height: 30px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

p {
  margin: 0 0 20px;
}

strong,
b,
cite {
  font-weight: bold;
}

dfn,
cite,
em,
i,
blockquote {
  font-style: italic;
}

blockquote {
  position: relative;
  background-color: transparent;
  margin: 0px;
  padding: 0 0 0 32px;
}

blockquote > p:last-child {
  margin-bottom: 0;
}

blockquote cite {
  position: absolute;
  right: 0;
  bottom: 0;
}

blockquote em,
blockquote i {
  font-style: normal;
}

abbr,
acronym {
  border-bottom: 1px dotted #e0e0e0;
  cursor: help;
}

mark,
ins {
  text-decoration: none;
}

sup,
sub {
  font-size: 75%;
  height: 0;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -6px;
}

sub {
  bottom: -3px;
}

small {
  font-size: 75%;
}

big {
  font-size: 125%;
}

address {
  font-style: italic;
  margin: 0 0 20px;
}

code,
kbd,
tt,
var,
samp,
pre {
  margin: 20px 0;
  padding: 4px 12px;
  background: #f5f5f5;
  border: 1px solid #e0e0e0;
  overflow-x: auto;
  -webkit-hyphens: none;
  -moz-hyphens: none;
  hyphens: none;
  border-radius: 0;
  height: auto;
}

ul,
ol {
  padding: 0;
  margin: 0 0 20px 20px;
}

ul {
  list-style: disc;
}

ol {
  list-style: decimal;
}

li > ul,
li > ol {
  margin-bottom: 0;
}
li {
  list-style: none;
}

ul li,
ol li {
  padding: 0.1em 0;
}

dl,
dd {
  margin: 0 0 20px;
}

dt {
  font-weight: bold;
}

select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"] {
  /* color: var(--maincolor); */
  border: 1px solid #eaeaea;
  padding: 14px 20px;
  letter-spacing: 0px;
  background-color: transparent;
  line-height: inherit;
  width: 100%;
  margin-bottom: 14px;
  height: auto;
  text-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: border ease 0.238s;
  -moz-transition: border ease 0.238s;
  transition: border ease 0.238s;
}

textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus {
  border-color: #565872;
  outline: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  letter-spacing: 0.5px;
  font-weight: 500;
  background-color: #ffffff;
  color: #1f242c;
  border-color: var(--maincolor);
  border-radius: 7px;
  padding: 12.5px;
  display: inline-block;
  font-family: "Rubik", sans-serif;
  font-size: 15;
  font-weight: 500;
  border-width: 1px;
  -webkit-appearance: none;
  -webkit-transition: all ease 0.3s;
  -moz-transition: all ease 0.3s;
  transition: all ease 0.3s;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus {
  outline: 0;
  background-color: var(--secondcolor);
}


a {
  color: #222;
  outline: 0;
  text-decoration: none;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  cursor: pointer;
}

a:hover,
a:focus,
a:active {
  outline: 0;
  color: var(--maincolor);
  text-decoration: none;
}

h1 {
  font-family: "Teko", sans-serif;
  color: #ffffff;
  font-weight: 400;
  line-height: 1;
}

h2 {
  font-family: "Rubik", sans-serif;
  color: #ffffff;
  font-weight: 400;
  line-height: 3;
}

h3 {
font-family: "Inter", sans-serif;
  color: #1f242c;
  font-weight: 700;
}

h4 {
  font-family: "Rubik", sans-serif;
  color: #565872;
  font-weight: 400;
}

h5 {
  font-family: "Teko", sans-serif;
  color: #ffffff;
  font-weight: 400;
  line-height: 1;
}

h6 {
  font-family: "Teko", sans-serif;
  color: #191919;
  font-weight: 400;
  line-height: 1;
}
/* padding: 15px 0 15px 5px; */

h1 {
  font-size: 72px;
}
h2 {
  font-size: 26px;
}
h3 {
  font-size: 22px;
} 
h4 {
  font-size: 15px;
} 
h5 {
  font-size: 72px;
} 
h6 {
  font-size: 47px;
} 



h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
  color: inherit;
}

.sppb-btn.active, .sppb-btn:active {
  background-image: inherit !important;
}

.sppb-btn.focus, 
 .sppb-btn:active:focus, 
 .sppb-btn:active:hover, 
 .sppb-btn:focus, 
 .sppb-btn:hover {
  outline: 0;
}

.sppb-btn.circle {
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
}

.sppb-btn.active, .sppb-btn:active {
  outline: 0;
  -webkit-box-shadow: inherit;
  box-shadow: inherit;
}

.sppb-optin-form .sppb-btn i:first-child {display: none;}

#sp-footer {
  font-size: inherit;
}

#sp-footer #sp-footer2 {
  text-align: inherit;
}

.sp-scroll-up {
  background: var(--maincolor);
}

.overflow-hidden {overflow: hidden;}

.z-index2 {z-index: 2 !important;}
.z-index0 {z-index: 0 !important;}

.sppb-media-heading {
  margin: 0;
}

.sppb-media {
display: flex;
  align-items: center;
}

.column-static .sppb-row > div,
.column-static .sppb-row .sppb-column,
.column-static .sppb-row .sppb-column-addons  {position: static;}


body .sppb-btn,
body .sppb-sp-slider-button .sp-slider-btn-text {
  display: inline-block;
  font-weight: normal;
  line-height: 1.25;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: 1px solid transparent;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  border-radius: 7px;
  padding: 19.5px 56px;
  border-style: solid;
  font-family: "Rubik", sans-serif;
  font-weight: 500;
  font-size: 15px;
  background: transparent;
}

body .sppb-btn.sppb-btn-primary,
body .sppb-sp-slider-button .sp-slider-btn-text {
color: #ffffff;
border-color: var(--maincolor);
background-color: var(--maincolor);
}

body .sppb-btn.sppb-btn-primary:hover,
body .sppb-sp-slider-button .sp-slider-btn-text:hover {
  color: #ffffff;
  border-color: var(--maincolor));
  background-color: var(--maincolor));
}

body .sppb-btn.sppb-btn-secondary {
  color: #ffffff;
  border-color: var(--secondcolor);
  background-color: var(--secondcolor);
}

body .sppb-btn.sppb-btn-secondary:hover {
color: #ffffff;
border-color: var(--maincolor);
background-color: var(--maincolor);
}

body .sppb-btn.sppb-btn-dark {
  background-color: #000;
  border: 1px solid #000;
  color: #fff;
}

body .sppb-btn.sppb-btn-dark:hover {
  background-color: var(--maincolor);
  border: 1px solid var(--maincolor);
  color: #fff !important;
}

body .sppb-btn span,
body .sppb-sp-slider-button .sp-slider-btn-text span,
.article-list .article .readmore a span {
    position: relative;
}

.sppb-carousel-extended-list, .bx-wrapper {direction: ltr;}

.input-group > .form-control:focus, .input-group > .form-select:focus {
  z-index: 0;
}

.finder .word input {
margin-bottom: 0;
border: 1px solid #F6F6F6;
padding-right: 75px;
color: var(--secondcolor);
}

.finder .fas.fa-search.icon-white {font-family: "Font Awesome 5 Free" !important;}

#search-results > * {margin-bottom: 10px;}

#search-result-empty h2 {margin-bottom: 7px;}

.sppb-carousel-extended-list .sppb-carousel-extended-outer-stage {
  height: auto !important;
      padding: 20px;
}

.sppb-addon-optin-forms {
  padding: 0px !important;
}

.sppb-addon-optin-forms .sppb-optin-form-details-wrap:not(:empty) {
  padding: 0;
}

div.sppb-carousel-extended-dots {
  bottom: -70px;
}

.com-finder .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
  display: flex;
  align-items: center;
}

.com-finder .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) span {
margin-right: 5px;  
}

.center-section > .sppb-container-inner > .sppb-row,
.center-section  > .sppb-row {
  justify-content: center;
}

.even-section > .sppb-container-inner > .sppb-row,
.even-section  > .sppb-row {
  justify-content: space-between !important;
}

#sp-top {
  position: relative;
  z-index: 9;
}

#sp-top > .row {
  -ms-flex-align: center !important;
  align-items: center !important;
}

#sp-top > .container > .container-inner > .row {
  -ms-flex-align: center !important;
  align-items: center !important;
}

#sp-header > .row {
  -ms-flex-align: center !important;
  align-items: center !important;
}

#sp-header > .container > .container-inner > .row {
  -ms-flex-align: center !important;
  align-items: center !important;
}

#sp-logo-section > .row {
  -ms-flex-align: center !important;
  align-items: center !important;
}

#sp-logo-section > .container > .container-inner > .row {
  -ms-flex-align: center !important;
  align-items: center !important;
}


/* HEADER */

#sp-header {
height: auto;
/*box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.2);*/
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
background: none;
}
.header-btm{background: rgba(23, 145, 7, 0.15);}

#sp-header.header-sticky {
/*background-color: #fff;*/
box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.2);
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}

#sp-header #sp-logo .sp-column{display: flex;}
#sp-header .logo {
  height: auto;
width: 100%;
/*margin: -103px 0px 0px 0px;*/
  margin-left: 0px;
/*padding: 50px 0px 50px 0px;
background-color: #fff;*/
position: static;
z-index: 3;
/*box-shadow: 0 5px 10px rgb(0 0 0 / 7%);
margin-left: 0px;
justify-content: center;*/
}

#sp-header.header-sticky .logo {
  /*padding-top: 20px;
  padding-bottom: 20px;
  margin-top: -45px;*/
}

@media (max-width: 1200px) {
#sp-header .logo {
/*margin: auto;*/
padding: 0;
box-shadow: none;
width: auto;
position: relative;
display: block;
}

#sp-header.header-sticky .logo {
/*margin: auto;*/
}
}

#sp-header .logo img {
  height: auto;
}

.sp-megamenu-parent {
  margin: 0;
  float: none;
}

.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span,
.sp-megamenu-parent > li:last-child > a {
font-size: 18px;
font-weight: 500;
color: #1f242c;
position: relative;
line-height: 23px;
font-family: "Rubik", sans-serif;
padding: 35px 20px 35px 14px;
}

@media (max-width: 1400px) {
  .sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span,
.sp-megamenu-parent > li:last-child > a {
padding: 35px 14px;
}
}

@media (max-width: 1200px) {
  .sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span,
.sp-megamenu-parent > li:last-child > a {
padding: 35px 11px;
font-size: 16px;
}
body.ltr .sp-megamenu-parent > li.sp-has-child > a::after, body.ltr .sp-megamenu-parent > li.sp-has-child > span::after {
  display: none;
}
}

.sp-megamenu-parent > li.active > a,
.sp-megamenu-parent > li.active > a:hover,
.sp-megamenu-parent > li.active:hover > a,
.sp-megamenu-parent > li:hover > a {
  color: var(--thirdcolor) !important;
  background: #FFFFFF;
}

.sp-megamenu-parent > li:first-child > a {
  padding-left: 0;
}

.sp-megamenu-parent > li:last-child > a {
  padding-right: 0;
}

.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
padding: 8px 0px;
box-shadow: 0 10px 30px rgb(0 0 0 / 7%);
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
background-color: #fff;
border-radius: 0px 0 16px 16px;
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item {
  position: relative;
  border-bottom:0.5px solid #f1f1f1;
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item:last-child {
/*  border-bottom: 2px solid var(--secondcolor);*/
      border-radius: 50px ;
  
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a, .sp-megamenu-parent .sp-dropdown li.sp-menu-item span:not(.sp-menu-badge) {
display: block;
color: #179107;
padding: 6px 15px;
border-radius: 50px;
font-family: 'Inter';
font-style: normal;
font-weight: 400 !important;
font-size: 16px;
line-height: 19px; text-align: center;
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a:hover,
.sp-megamenu-parent .sp-dropdown li.sp-menu-item.active > a {
color: var(--maincolor)
background-color: #e2f8dc;
}

body #offcanvas-toggler.offcanvas-toggler-right {
  margin-left: 0px;
  margin-right: 40px;
}

#offcanvas-toggler {
  display: inline-flex;
  align-items: center;
  line-height: 1;
  font-size: 20px;
  position: relative;
  z-index: 22;
  height: 80px;
}

/* Styling specifically for the last menu item ("Jobs") */
.sp-megamenu-parent > .sp-menu-item:last-child a {
   border-radius:50px ;
}

/* Hover effect for the last menu item ("Jobs") */
.sp-megamenu-parent > .sp-menu-item:last-child a:hover {
       border-radius: 50px ;
}

.sp-megamenu-parent > .sp-menu-item:last-child > a:hover,
.sp-megamenu-parent > .sp-menu-item:last-child.active > a {
    border-radius: 50px ;
}


.burger-icon > span {
  background-color: var(--maincolor);
  display: block;
}



.offcanvas-active .burger-icon > span, #modal-menu-toggler.active .burger-icon > span {
  background-color: #fff;
    display: block;
}


@media (max-width: 992px) {
.offcanvas-menu {
  background-color: var(--maincolor);
  color: #fff;
}
.offcanvas-menu .offcanvas-inner a {
  color: #fff;
}

.offcanvas-menu .offcanvas-inner a:hover, .offcanvas-menu .offcanvas-inner a:focus, .offcanvas-menu .offcanvas-inner a:active {
  color: #fff;
}

.offcanvas-menu .p-3 {
  padding: 0 !important;
}

.offcanvas-menu .offcanvas-inner .sp-module ul > li a, .offcanvas-menu .offcanvas-inner .sp-module ul > li span,
.offcanvas-menu .offcanvas-inner .sp-module ul > li.menu-parent > a > .menu-toggler, .offcanvas-menu .offcanvas-inner .sp-module ul > li.menu-parent > .menu-separator > .menu-toggler, .offcanvas-menu .offcanvas-inner .sp-module ul > li ul li a, .offcanvas-menu .offcanvas-inner .sp-module ul > li a:hover, .offcanvas-menu .offcanvas-inner .sp-module ul > li a:focus, .offcanvas-menu .offcanvas-inner .sp-module ul > li span:hover, .offcanvas-menu .offcanvas-inner .sp-module ul > li span:focus {
  color: #fff;
}

.offcanvas-menu .logo {display: none;}

.offcanvas-menu .offcanvas-inner {
  padding: 50px 25px;
}

.offcanvas-menu .offcanvas-inner ul.menu > li > a, .offcanvas-menu .offcanvas-inner ul.menu > li > span {
  opacity: 1;
}
}

@media (min-width: 992px) {
.offcanvas-menu {
  background-color: #fff;
}

.offcanvas-menu .p-3 {
  padding: 0 !important;
}

.offcanvas-menu .logo {display: none;}

.offcanvas-menu .menu {display: none !important;}

.offcanvas-active .burger-icon > span, #modal-menu-toggler.active .burger-icon > span {
  background-color: var(--maincolor);
    display: block;
}

body.ltr.offcanvs-position-right .offcanvas-menu {
  right: -400px;
}

body.rtl.offcanvs-position-right .offcanvas-menu {
  left: -400px;
}

.offcanvas-menu {
  width: 400px;
}

}

/* */

/* PAGE TITLE */

#sp-title {
  position: relative;
  overflow: hidden;
}

.sp-page-title {
padding: 240px 0 80px 0;
background-size: cover;
background-repeat: no-repeat;
position: relative;
background-position: center;
text-align: center;
}

.sp-page-title .sp-page-title-heading {
font-family: "Teko", sans-serif;
color: #ffffff;
font-weight: 400;
line-height: 1;
font-size: 72px;
letter-spacing: -1.5px;
}

/*.impressum.com-sppagebuilder #sp-main-body, 
.faq-pg.com-sppagebuilder #sp-main-body,
.data-protection.com-sppagebuilder #sp-main-body,
.partnerprog--pg.com-sppagebuilder #sp-main-body 
{
  margin-top: 200px;
}
@media screen and (max-width: 767px) {
  .impressum.com-sppagebuilder #sp-main-body, 
.faq-pg.com-sppagebuilder #sp-main-body,
.data-protection.com-sppagebuilder #sp-main-body,
.partnerprog--pg.com-sppagebuilder #sp-main-body 
{
  margin-top: 75px;
}
  .partnerprog--pg.com-sppagebuilder .sppb-addon-single-image-container img {
    height: auto;
}
}
*/

.impressum .sp-page-title .sp-page-title-heading,
.data-protection .sp-page-title .sp-page-title-heading,
.contact-pg .sp-page-title .sp-page-title-heading,
.faq-pg .sp-page-title .sp-page-title-heading,
.partnerprog--pg .sp-page-title .sp-page-title-heading  {
    font-size: 55px;
    line-height: 67px;
    margin: 0px 0px 0px 0px;
    color: #FFFFFF;
    font-family: Inter;
    text-transform: uppercase;
    font-weight: 700;
    text-align: left;

}
.sp-page-title .breadcrumb {
font-size: 18px;
font-family: "Rubik", sans-serif;
color: #ffffff;
font-weight: 400;
  position: relative;
  margin: 0;
  align-items: center;
  justify-content: center;
}

.sp-page-title .breadcrumb > li.float-start {display: none;}

.sp-page-title .breadcrumb > li {
position: relative;
text-transform: capitalize;
display: inline-block;
font-size: 18px;
font-weight: 400;
}

.sp-page-title .breadcrumb > li > a {
font-size: 18px;
font-weight: 400;
  color: #ffffff;
}

.sp-page-title .breadcrumb > li > a:hover {
  color: var(--maincolor);
}

.sp-page-title .breadcrumb-item + .breadcrumb-item {
  padding-left: 15px;
}

.sp-page-title .breadcrumb-item + .breadcrumb-item::before {
  padding-right: 15px;
}

.sp-page-title .breadcrumb > span, .sp-page-title .breadcrumb > li, .sp-page-title .breadcrumb > li + li::before, .sp-page-title .breadcrumb > li > a {
  color: #ffffff;
}

.sp-page-title .breadcrumb > .active span {
font-size: 18px;
font-weight: 400;
  color: #ffffff;
}

/* */

/* PORTFOLIO CASES */

.sp-simpleportfolio .sp-simpleportfolio-filter {
  text-align: center;
  margin-bottom: 50px;
}

.sp-simpleportfolio .sp-simpleportfolio-filter > ul > li {
  margin: 0 7px;
}

.sp-simpleportfolio .sp-simpleportfolio-filter > ul > li > a {
  display: block;
  background: transparent;
  text-decoration: none;
  padding: 8px 15px;
  font-size: 18px;
  color: #191919;
  font-weight: 500;
  border-radius: 5px;
}

.sp-simpleportfolio .sp-simpleportfolio-filter > ul > li.active > a {
  background-color: var(--maincolor);
  color: #fff;
}

.sp-simpleportfolio-overlay-wrapper {
  width: 100%;
  border-radius: 5px;
}

.sp-simpleportfolio-overlay-wrapper img {width: 100%;}

.profolio-show {
  position: absolute;
  overflow: hidden;
  bottom: -100%;
  left: 0;
  width: 100%;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.profolio-info {
  background-color: var(--secondcolor);
  display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  border-radius: 5px;
  margin: 0 6%;
  padding: 22px 15px;
  position: relative;
}

.profolio-info .info a {
font-size: 28px;
color: #fff;
font-family: "Teko", sans-serif;
line-height: 35px;
}

.profolio-info .info a:hover {color: var(--maincolor);}

.profolio-info .desc-box {
font-weight: 500;
color: #fff;
letter-spacing: 3px;
}

.profolio-info .button-next {
  position: absolute;
  right: 5.8%;
  top: 50%;
  transform: translate(0, -50%);
}

.profolio-info .profolio-btn {
  padding: 10px 17px;
  background-color: rgba(255, 255, 255, 0.1);
  color: #ffffff;
  border-radius: 5px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  line-height: inherit;
}

.profolio-info .profolio-btn:hover {
  background: var(--maincolor);
  color: #ffffff;
}

.sp-simpleportfolio-item:hover .profolio-show {
  bottom: 30px;
}

@media (max-width: 1200px) {
.profolio-info .profolio-btn {display: none;}
}


/* */

#sp-header.header-sticky ~ section#sp-main-body {
  padding-top: 0;
}
.com-content #sp-main-body,
.com-j2store #sp-main-body,
.com-tags #sp-main-body,
.com-spsimpleportfolio #sp-main-body,
.com-search #sp-main-body,
.com-finder #sp-main-body  {
  padding: 120px 0;
}

.com-spsimpleportfolio #sp-main-body {
  z-index: 2;
  position: relative;
}


.com-content #sp-header.header-sticky ~ section#sp-main-body,
.com-j2store #sp-header.header-sticky ~ section#sp-main-body,
.com-tags #sp-header.header-sticky ~ section#sp-main-body,
.com-spsimpleportfolio #sp-header.header-sticky ~ section#sp-main-body,
.com-search #sp-header.header-sticky ~ section#sp-main-body,
.com-finder #sp-header.header-sticky ~ section#sp-main-body {
  /*padding-top: 120px;*/
}


/* SIDEBAR */

.sidebar-class  .sppb-row-container {width: 100% !important; }
.sidebar-class.com-sppagebuilder #sp-main-body {margin: 0 auto;}
@media (min-width: 768px) {
.sidebar-class.com-sppagebuilder #sp-main-body {max-width: 750px;}
}
@media (min-width: 992px) {
.sidebar-class.com-sppagebuilder #sp-main-body {max-width: 970px;}
}
@media (min-width: 1200px) {
.sidebar-class.com-sppagebuilder #sp-main-body {max-width: 1170px;}
}

.com-sppagebuilder #sp-right, .com-sppagebuilder #sp-left {
  padding-top: 168px;
  padding-bottom: 20px;
  position: relative;
}

#sp-left .sp-module, #sp-right .sp-module {
  border: 0px solid #f3f3f3;
  padding: 0;
  border-radius: 0px;
}

#sp-left .sp-module ul > li, #sp-right .sp-module ul > li {
  display: block;
  border-bottom: 0px solid #f3f3f3;
}

/* */


#sp-footer, #sp-bottom {
  background: transparent;
}

/* BLOG */

.article-list .article {
  border: 0px solid #f5f5f5;
  position: relative;
  transition: all 0.3s ease-out;
  border-radius: 0;
  padding: 0;
}

.article-list .article .article-intro-image, .article-list .article .article-featured-video, .article-list .article .article-featured-audio, .article-list .article .article-feature-gallery {
  margin: 0px;
  border-bottom: 0px solid #f5f5f5;
  overflow: hidden;
  position: relative;
  display: block;
  width: 100%;
}

.article-list .article > div > a {
  width: 100%;
  overflow: hidden;
  position: relative;
  display: block;
}

.article-list .article .article-intro-image img, .article-list .article .article-featured-video img, .article-list .article .article-featured-audio img, .article-list .article .article-feature-gallery img {
  border-radius: 0;
  width: 100%;
  transition: all 0.5s ease-in-out;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.article-list .article .article-header h2 {
font-family: "Teko", sans-serif;
color: #191919;
font-weight: 400;
line-height: 1;
padding: 17px 0 16px 0;
letter-spacing: -1px;
font-size: 47px;
margin: 0;
}

.article-list .article .article-header h2 a {
color: inherit;
transition: all 500ms ease;
}

.article-list .article .article-header h2 a:hover,
.article-info > span a:hover {
color: var(--maincolor);
}

.article-info {
display: flex;
align-items: center;
justify-content: flex-start;
padding: 28px 0px 0px 0px;
color: #1f242c;
line-height: 30px;
margin-bottom: 12px;
font-family: "Rubik", sans-serif;
font-size: 12px;
font-weight: 400;
}

.article-info > span {
color: #1f242c;
line-height: 30px;
font-size: 12px;
font-weight: 400;
text-transform: uppercase;
margin-right: 9px;
}

.article-info > span.published:before {
  content: "\f073";
  font-family: "Font Awesome 5 Free";
  font-weight: 600;
  padding-right: 5px;
}

.article-info > span a {
color: #1f242c;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}

.article-list .article .readmore a {
display: inline-block;
font-family: "Teko", sans-serif;
font-size: 20px;
font-weight: 400;
color: #fff;
background-color: var(--maincolor);
text-align: center;
padding: 10px 58px;
letter-spacing: -0.5px;
position: relative;
overflow: hidden;
z-index: 1;
border-radius: 5px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
text-transform: uppercase;
}

.article-list .article .readmore a:hover {
  background-color: var(--secondcolor);
}

.article-list .article .readmore a:hover, .article-list .article .readmore a:active, .article-list .article .readmore a:focus {
  color: #fff;
}

.pagination-counter {margin-top: 40px;}

.article iframe {z-index: 9 !important;}

/* SINGLE ARTICLE */

.article-details {
  border-radius: 0px;
  overflow: hidden;
  position: relative;
}

.article-details .sppb-row-container {padding: 0; max-width: 100%;}

.article-details .article-can-edit {
  position: relative;
  margin-bottom: 0px;
}

.article-details .article-full-image {
  margin-bottom: 0;
}

.article-details .article-full-image img {
  display: inline-block;
  width: 100%;
  border-radius: 0;
}

.article-details .article-header h1, .article-details .article-header h2 {
font-size: 28px;
font-weight: 700;
font-family: "Rubik", sans-serif;
line-height: 41px;
padding-bottom: 12px;
letter-spacing: -0.6px;
color: #191919;
}

.article-details .article-info {
  margin-bottom: 12px;
}

.article-details .article-author-information {
background: #4526b1;
border-radius: 20px;
margin-bottom: 70px;
display: flex;
padding: 50px 48px 43px 49px;
border-top: none;
margin-top: 70px;
}

.article-details .article-author-information img {
min-width: 90px;
width: 90px;
height: 90px;
border-radius: 10px;
object-fit: cover;
margin-right: 29px;
}

.article-details .article-author-information h5 {
font-size: 24px;
font-weight: bold;
line-height: 1.2;
}

.article-details .article-author-information .author-bio {
font-size: 18px;
line-height: 1.7;
margin-top: 19px;
margin-bottom: 1rem;
}

.author-website, .author-website a {
  color: #fff; margin-left: 4px;
  font-size: 16px;
  margin-top: 9px;
}

.author-website a:hover {color: var(--maincolor);}

#article-comments {
  padding-top: 0;
  margin-top: 35px;
  border-top: 0px solid #f5f5f5;
}

.article-details .article-ratings-social-share {
  padding: 1rem 0;
  border-top: 0;
  border-bottom: 0;
  margin-bottom: 0;
  margin-top: 39px;
  padding-top: 36px;
  border-top-color: currentcolor;
  border-top-style: none;
  border-top-width: 0px;
  border-top: 2px solid #f0f4f9;
}

.article-social-share {float: none;}

.article-social-share .social-share-icon ul li a {
  border: none;
  text-align: center;
  margin-left: 10px;
  display: inline-block;
  line-height: 45px;
  text-align: center;
  font-size: 16px;
  line-height: 29px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: #707070;
  background: none;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  width: auto;
  height: auto;
}

.article-social-share .social-share-icon ul li a:hover {
  color: var(--maincolor); 
}

ul.pagination {
  display: flex;
justify-content: space-between;
margin-top: 30px;
}

ul.pagination li {
  display: inline-block;
}

.pagination > li > a,
.page-item.disabled .page-link,
.page-item.active .page-link {
  width: 54px;
  height: 54px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--secondcolor);
  margin-right: 6px;
  transition: all 0.3 ease-in-out;
  font-size: 18px;
color: #fff;
border: none;
}

.page-item.active .page-link {background: var(--maincolor);}

.page-link:hover {
  z-index: 2;
  color: #fff !important;
  background: var(--maincolor);
}

.page-item:last-child .page-link {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}

.page-item:first-child .page-link {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}

/* */

/* IMPORT ZINGBOX ICON */

@font-face {
  font-family: 'zingbox-icon';
  src:  url('../fonts/zingbox-icon.eot?rjmlps');
  src:  url('../fonts/zingbox-icon.eot?rjmlps#iefix') format('embedded-opentype'),
    url('../fonts/zingbox-icon.ttf?rjmlps') format('truetype'),

    url('../fonts/zingbox-icon.woff?rjmlps') format('woff'),
    url('../fonts/zingbox-icon.svg?rjmlps#zingbox-icon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="zingbox-icon-"], [class*=" zingbox-icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'zingbox-icon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.zingbox-icon-cancle:before {
  content: "\e97e";
  color: #bfbfbf;
}
.zingbox-icon-tick:before {
  content: "\e97f";
  color: #00cdac;
}
.zingbox-icon-Solar-power-lamp:before {
  content: "\e97d";
  color: #fff;
}
.zingbox-icon-email:before {
  content: "\e97a";
}
.zingbox-icon-message:before {
  content: "\e97b";
}
.zingbox-icon-name:before {
  content: "\e97c";
  
}
.zingbox-icon-76:before {
  content: "\e978";
}
.zingbox-icon-90:before {
  content: "\e979";
}
.zingbox-icon-arow-bottom:before {
  content: "\e974";
}
.zingbox-icon-arow-right:before {
  content: "\e975";
}
.zingbox-icon-check:before {
  content: "\e976";
}
.zingbox-icon-search:before {
  content: "\e977";
}
.zingbox-icon-Solar-power-light:before {
  content: "\e973";
  color: #fff;
}

.zingbox-icon-Battery-Solar-Power:before {
  content: "\e96e";
}
.zingbox-icon-medal:before {
  content: "\e96f";
}
.zingbox-icon-Solar-electric:before {
  content: "\e970";
}
.zingbox-icon-Solar-Power:before {
  content: "\e971";

}
.zingbox-icon-trophy:before {
  content: "\e972";
}
.zingbox-icon-pin-energy .path1:before {
  content: "\e907";
  color: rgb(219, 219, 219);
}
.zingbox-icon-pin-energy .path2:before {
  content: "\e908";
  margin-left: -1.111328125em;

}
.zingbox-icon-pin-energy .path3:before {
  content: "\e909";
  margin-left: -1.111328125em;
  color: rgb(119, 127, 127);
}
.zingbox-icon-pin-energy .path4:before {
  content: "\e90a";
  margin-left: -1.111328125em;
  color: rgb(0, 0, 0);
}
.zingbox-icon-pin-energy .path5:before {
  content: "\e90b";
  margin-left: -1.111328125em;
  color: rgb(219, 219, 219);
}
.zingbox-icon-pin-energy .path6:before {
  content: "\e90c";
  margin-left: -1.111328125em;
  color: rgb(170, 183, 183);
}
.zingbox-icon-pin-energy .path7:before {
  content: "\e90d";
  margin-left: -1.111328125em;
  color: rgb(31, 36, 44);
  opacity: 0.5;
}
.zingbox-icon-pin-energy .path8:before {
  content: "\e90e";
  margin-left: -1.111328125em;
  color: rgb(87, 179, 62);
}
.zingbox-icon-pin-energy .path9:before {
  content: "\e90f";
  margin-left: -1.111328125em;
  color: rgb(237, 237, 237);
}
.zingbox-icon-pin-energy .path10:before {
  content: "\e910";
  margin-left: -1.111328125em;
  color: rgb(86, 100, 114);
}
.zingbox-icon-pin-energy .path11:before {
  content: "\e911";
  margin-left: -1.111328125em;
  color: rgb(237, 237, 237);
}
.zingbox-icon-pin-energy .path12:before {
  content: "\e912";
  margin-left: -1.111328125em;
  color: rgb(255, 255, 255);
  opacity: 0.3;
}
.zingbox-icon-powe-poles .path1:before {
  content: "\e913";
  color: rgb(219, 219, 219);
}
.zingbox-icon-powe-poles .path2:before {
  content: "\e914";
  margin-left: -0.66796875em;
  color: rgb(87, 179, 62);
}
.zingbox-icon-powe-poles .path3:before {
  content: "\e915";
  margin-left: -0.66796875em;
  color: rgb(119, 127, 127);
}
.zingbox-icon-powe-poles .path4:before {
  content: "\e916";
  margin-left: -0.66796875em;
  color: rgb(119, 127, 127);
}
.zingbox-icon-powe-poles .path5:before {
  content: "\e917";
  margin-left: -0.66796875em;
  color: rgb(234, 234, 234);
}
.zingbox-icon-powe-poles .path6:before {
  content: "\e918";
  margin-left: -0.66796875em;
  color: rgb(119, 127, 127);
}
.zingbox-icon-powe-poles .path7:before {
  content: "\e919";
  margin-left: -0.66796875em;
  color: rgb(234, 234, 234);
}
.zingbox-icon-powe-poles .path8:before {
  content: "\e91a";
  margin-left: -0.66796875em;
  color: rgb(119, 127, 127);
}
.zingbox-icon-powe-poles .path9:before {
  content: "\e91b";
  margin-left: -0.66796875em;
  color: rgb(234, 234, 234);
}
.zingbox-icon-powe-poles .path10:before {
  content: "\e91c";
  margin-left: -0.66796875em;
  color: rgb(119, 127, 127);
}
.zingbox-icon-powe-poles .path11:before {
  content: "\e91d";
  margin-left: -0.66796875em;
  color: rgb(234, 234, 234);
}
.zingbox-icon-powe-poles .path12:before {
  content: "\e91e";
  margin-left: -0.66796875em;
  color: rgb(119, 127, 127);
}
.zingbox-icon-powe-poles .path13:before {
  content: "\e91f";
  margin-left: -0.66796875em;
  color: rgb(234, 234, 234);
}
.zingbox-icon-powe-poles .path14:before {
  content: "\e920";
  margin-left: -0.66796875em;
  color: rgb(119, 127, 127);
}
.zingbox-icon-powe-poles .path15:before {
  content: "\e921";
  margin-left: -0.66796875em;
  color: rgb(234, 234, 234);
}
.zingbox-icon-powe-poles .path16:before {
  content: "\e922";
  margin-left: -0.66796875em;
  color: rgb(119, 127, 127);
}
.zingbox-icon-powe-poles .path17:before {
  content: "\e923";
  margin-left: -0.66796875em;
  color: rgb(234, 234, 234);
}
.zingbox-icon-powe-poles .path18:before {
  content: "\e924";
  margin-left: -0.66796875em;
  color: rgb(119, 127, 127);
}
.zingbox-icon-powe-poles .path19:before {
  content: "\e925";
  margin-left: -0.66796875em;
  color: rgb(234, 234, 234);
}
.zingbox-icon-powe-poles .path20:before {
  content: "\e926";
  margin-left: -0.66796875em;
  color: rgb(119, 127, 127);
}
.zingbox-icon-powe-poles .path21:before {
  content: "\e927";
  margin-left: -0.66796875em;
  color: rgb(234, 234, 234);
}
.zingbox-icon-powe-poles .path22:before {
  content: "\e928";
  margin-left: -0.66796875em;
  color: rgb(170, 183, 183);
}
.zingbox-icon-powe-poles .path23:before {
  content: "\e929";
  margin-left: -0.66796875em;
  color: rgb(170, 183, 183);
}
.zingbox-icon-powe-poles .path24:before {
  content: "\e92a";
  margin-left: -0.66796875em;
  color: rgb(247, 247, 247);
}
.zingbox-icon-powe-poles .path25:before {
  content: "\e92b";
  margin-left: -0.66796875em;
  color: rgb(247, 247, 247);
}
.zingbox-icon-powe-poles .path26:before {
  content: "\e92c";
  margin-left: -0.66796875em;
  color: rgb(247, 247, 247);
}
.zingbox-icon-powe-poles .path27:before {
  content: "\e92d";
  margin-left: -0.66796875em;
  color: rgb(247, 247, 247);
}
.zingbox-icon-powe-poles .path28:before {
  content: "\e92e";
  margin-left: -0.66796875em;
  color: rgb(119, 127, 127);
}
.zingbox-icon-powe-poles .path29:before {
  content: "\e92f";
  margin-left: -0.66796875em;
  color: rgb(170, 183, 183);
}
.zingbox-icon-powe-poles .path30:before {
  content: "\e930";
  margin-left: -0.66796875em;
  color: rgb(119, 127, 127);
}
.zingbox-icon-powe-poles .path31:before {
  content: "\e931";
  margin-left: -0.66796875em;
  color: rgb(170, 183, 183);
}
.zingbox-icon-powe-poles .path32:before {
  content: "\e932";
  margin-left: -0.66796875em;
  color: rgb(219, 219, 219);
}
.zingbox-icon-powe-poles .path33:before {
  content: "\e933";
  margin-left: -0.66796875em;
  color: rgb(170, 183, 183);
}
.zingbox-icon-powe-poles .path34:before {
  content: "\e934";
  margin-left: -0.66796875em;
  color: rgb(170, 183, 183);
}
.zingbox-icon-powe-poles .path35:before {
  content: "\e935";
  margin-left: -0.66796875em;
  color: rgb(219, 219, 219);
}
.zingbox-icon-powe-poles .path36:before {
  content: "\e936";
  margin-left: -0.66796875em;
  color: rgb(247, 247, 247);
}
.zingbox-icon-powe-poles .path37:before {
  content: "\e937";
  margin-left: -0.66796875em;
  color: rgb(119, 127, 127);
}
.zingbox-icon-powe-poles .path38:before {
  content: "\e938";
  margin-left: -0.66796875em;
  color: rgb(234, 234, 234);
}
.zingbox-icon-powe-poles .path39:before {
  content: "\e939";
  margin-left: -0.66796875em;
  color: rgb(119, 127, 127);
}
.zingbox-icon-powe-poles .path40:before {
  content: "\e93a";
  margin-left: -0.66796875em;
  color: rgb(234, 234, 234);
}
.zingbox-icon-powe-poles .path41:before {
  content: "\e93b";
  margin-left: -0.66796875em;
  color: rgb(119, 127, 127);
}
.zingbox-icon-powe-poles .path42:before {
  content: "\e93c";
  margin-left: -0.66796875em;
  color: rgb(234, 234, 234);
}
.zingbox-icon-powe-poles .path43:before {
  content: "\e93d";
  margin-left: -0.66796875em;
  color: rgb(119, 127, 127);
}
.zingbox-icon-powe-poles .path44:before {
  content: "\e93e";
  margin-left: -0.66796875em;
  color: rgb(234, 234, 234);
}
.zingbox-icon-powe-poles .path45:before {
  content: "\e93f";
  margin-left: -0.66796875em;
  color: rgb(119, 127, 127);
}
.zingbox-icon-powe-poles .path46:before {
  content: "\e940";
  margin-left: -0.66796875em;
  color: rgb(234, 234, 234);
}
.zingbox-icon-powe-poles .path47:before {
  content: "\e941";
  margin-left: -0.66796875em;
  color: rgb(119, 127, 127);
}
.zingbox-icon-powe-poles .path48:before {
  content: "\e942";
  margin-left: -0.66796875em;
  color: rgb(234, 234, 234);
}
.zingbox-icon-powe-poles .path49:before {
  content: "\e943";
  margin-left: -0.66796875em;
  color: rgb(119, 127, 127);
}
.zingbox-icon-powe-poles .path50:before {
  content: "\e944";
  margin-left: -0.66796875em;
  color: rgb(234, 234, 234);
}
.zingbox-icon-powe-poles .path51:before {
  content: "\e945";
  margin-left: -0.66796875em;
  color: rgb(119, 127, 127);
}
.zingbox-icon-powe-poles .path52:before {
  content: "\e946";
  margin-left: -0.66796875em;
  color: rgb(234, 234, 234);
}
.zingbox-icon-powe-poles .path53:before {
  content: "\e947";
  margin-left: -0.66796875em;
  color: rgb(119, 127, 127);
}
.zingbox-icon-powe-poles .path54:before {
  content: "\e948";
  margin-left: -0.66796875em;
  color: rgb(234, 234, 234);
}
.zingbox-icon-powe-poles .path55:before {
  content: "\e949";
  margin-left: -0.66796875em;
  color: rgb(170, 183, 183);
}
.zingbox-icon-powe-poles .path56:before {
  content: "\e94a";
  margin-left: -0.66796875em;
  color: rgb(170, 183, 183);
}
.zingbox-icon-powe-poles .path57:before {
  content: "\e94b";
  margin-left: -0.66796875em;
  color: rgb(170, 183, 183);
}
.zingbox-icon-powe-poles .path58:before {
  content: "\e94c";
  margin-left: -0.66796875em;
  color: rgb(170, 183, 183);
}
.zingbox-icon-powe-poles .path59:before {
  content: "\e94d";
  margin-left: -0.66796875em;
  color: rgb(247, 247, 247);
}
.zingbox-icon-powe-poles .path60:before {
  content: "\e94e";
  margin-left: -0.66796875em;
  color: rgb(247, 247, 247);
}
.zingbox-icon-powe-poles .path61:before {
  content: "\e94f";
  margin-left: -0.66796875em;
  color: rgb(247, 247, 247);
}
.zingbox-icon-powe-poles .path62:before {
  content: "\e950";
  margin-left: -0.66796875em;
  color: rgb(247, 247, 247);
}
.zingbox-icon-powe-poles .path63:before {
  content: "\e951";
  margin-left: -0.66796875em;
  color: rgb(170, 183, 183);
}
.zingbox-icon-solar-fan .path1:before {
  content: "\e952";
  color: rgb(219, 219, 219);
}
.zingbox-icon-solar-fan .path2:before {
  content: "\e953";
  margin-left: -0.4453125em;
  color: rgb(87, 179, 62);
}
.zingbox-icon-solar-fan .path3:before {
  content: "\e954";
  margin-left: -0.4453125em;
  color: rgb(119, 127, 127);
}
.zingbox-icon-solar-fan .path4:before {
  content: "\e955";
  margin-left: -0.4453125em;
  color: rgb(0, 0, 0);
}
.zingbox-icon-solar-fan .path5:before {
  content: "\e956";
  margin-left: -0.4453125em;
  color: rgb(219, 219, 219);
}
.zingbox-icon-solar-fan .path6:before {
  content: "\e957";
  margin-left: -0.4453125em;
  color: rgb(170, 183, 183);
}
.zingbox-icon-solar-fan .path7:before {
  content: "\e958";
  margin-left: -0.4453125em;
  color: rgb(247, 247, 247);
}
.zingbox-icon-solar-fan .path8:before {
  content: "\e959";
  margin-left: -0.4453125em;
  color: rgb(219, 219, 219);
}
.zingbox-icon-solar-fan .path9:before {
  content: "\e95a";
  margin-left: -0.4453125em;
  color: rgb(211, 84, 0);
}
.zingbox-icon-solar-fan .path10:before {
  content: "\e95b";
  margin-left: -0.4453125em;
  color: rgb(219, 219, 219);
}
.zingbox-icon-solar-fan .path11:before {
  content: "\e95c";
  margin-left: -0.4453125em;
  color: rgb(237, 237, 237);
}
.zingbox-icon-solar-fan .path12:before {
  content: "\e95d";
  margin-left: -0.4453125em;
  color: rgb(170, 183, 183);
}
.zingbox-icon-solar-fan .path13:before {
  content: "\e95e";
  margin-left: -0.4453125em;
  color: rgb(211, 84, 0);
}
.zingbox-icon-solar-fan .path14:before {
  content: "\e95f";
  margin-left: -0.4453125em;
  color: rgb(87, 179, 62);
}
.zingbox-icon-solar-fan .path15:before {
  content: "\e960";
  margin-left: -0.4453125em;
  color: rgb(193, 56, 42);
}
.zingbox-icon-solar-fan .path16:before {
  content: "\e961";
  margin-left: -0.4453125em;
  color: rgb(52, 73, 94);
}
.zingbox-icon-solar-fan .path17:before {
  content: "\e962";
  margin-left: -0.4453125em;
  color: rgb(170, 183, 183);
}
.zingbox-icon-solar-fan .path18:before {
  content: "\e963";
  margin-left: -0.4453125em;
  color: rgb(170, 183, 183);
}
.zingbox-icon-solar-fan .path19:before {
  content: "\e964";
  margin-left: -0.4453125em;
  color: rgb(219, 219, 219);
}
.zingbox-icon-solar-fan .path20:before {
  content: "\e965";
  margin-left: -0.4453125em;
  color: rgb(237, 237, 237);
}
.zingbox-icon-solar-fan .path21:before {
  content: "\e966";
  margin-left: -0.4453125em;
  color: rgb(170, 183, 183);
}
.zingbox-icon-solar-fan .path22:before {
  content: "\e967";
  margin-left: -0.4453125em;
  color: rgb(219, 219, 219);
}
.zingbox-icon-solar-fan .path23:before {
  content: "\e968";
  margin-left: -0.4453125em;
  color: rgb(237, 237, 237);
}
.zingbox-icon-solar-fan .path24:before {
  content: "\e969";
  margin-left: -0.4453125em;
  color: rgb(170, 183, 183);
}
.zingbox-icon-solar-fan .path25:before {
  content: "\e96a";
  margin-left: -0.4453125em;
  color: rgb(219, 219, 219);
}
.zingbox-icon-solar-fan .path26:before {
  content: "\e96b";
  margin-left: -0.4453125em;
  color: rgb(237, 237, 237);
}
.zingbox-icon-solar-fan .path27:before {
  content: "\e96c";
  margin-left: -0.4453125em;
  color: rgb(237, 237, 237);
}
.zingbox-icon-solar-fan .path28:before {
  content: "\e96d";
  margin-left: -0.4453125em;
  color: rgb(219, 219, 219);
}
.zingbox-icon-author:before {
  content: "\e900";
  color: var(--maincolor);
}
.zingbox-icon-book:before {
  content: "\e901";
  color: var(--maincolor);
}
.zingbox-icon-clock:before {
  content: "\e902";
  color: var(--maincolor);
}
.zingbox-icon-diamond:before {
  content: "\e903";
  color: var(--maincolor);
}
.zingbox-icon-enegy:before {
  content: "\e904";
}
.zingbox-icon-sola-plant:before {
  content: "\e905";
}
.zingbox-icon-traffic-light:before {
  content: "\e906";
}



/********************************Start css by Bhavik****************************/

/*******************header*********************/

#sp-header{position: absolute;left: 0;right: 0;top: 0;    box-shadow: none;}
.header-top{background: #179107;padding-top: 12px;padding-bottom: 12px;}

.header-top .location.content img{ display: inline-block; margin-right: 5px; vertical-align: middle; }

.header-top .sppb-addon-content .inner {display: flex;  align-items: center;  justify-content: center;}

.header-top .content:first-child { font-family: 'Inter';font-style: normal;font-weight: 700;font-size: 16px;line-height: normal;display: inline-block;  padding: 0px 10px 0px 10px;font-weight: 600;}

.header-top .content:last-child {font-family: 'Inter';font-style: normal;font-weight: 300;font-size: 16px;line-height: 19px;text-transform: uppercase;  padding: 0px 0px 0px 10px;}

.header-top .location.content{padding-top: 5px; padding-bottom: 5px;}
.header-top .sppb-btn.header-right-link{padding: 5px 12px !important;font-size: 16px;}
.header-top .location.content:hover,.header-top .sppb-btn.header-right-link:hover{border-radius: 22px !important;background: rgba(255,255,255,0.16);}




.sppb-form-control {border-radius: 5px;margin-bottom: 15px;padding: 7px 0px 7px 18px;margin-top: 4px;border-color: #3e444e;background-color: transparent;padding-left: 20px;padding-top: 5px;  line-height: inherit;  color: #fff;}

.sppb-form-control::placeholder {color: #565872;}

.sppb-optin-form.form-inline .email-wrap { padding-right: 0px;}

.sppb-optin-form .sppb-btn {font-size: 15px;font-weight: 400; border: 0px; padding: 17px 0px; margin-bottom: 11px; letter-spacing: 0px;}


.header-btm {background: rgb(23 145 7 / 34%);backdrop-filter: blur(6px); padding: 16px 0;}
.header-sticky .header-btm{display: none;}

.header-btm .sp-megamenu-wrapper{max-width:inherit;margin: 0 auto;border: 2px solid #FFFFFF;border-radius: 24.5px;width:100%;padding: 8px;border-radius: 50px;}
.header-btm .sp-megamenu-parent{display: flex !important;justify-content: center;}

.header-btm .sp-megamenu-parent > li{margin: 0 2px;}
.header-btm .sp-megamenu-parent > li:first-child{margin: 0 0px;}
.header-btm .sp-megamenu-parent > li > a,.header-btm .sp-megamenu-parent > li > span,.header-btm .sp-megamenu-parent > li:last-child > a{padding: 8px 42px;border-radius: 16px 16px 16px 16px;font-family: 'Inter';font-style: normal;font-weight: 700;font-size: 14px;line-height: 19px;text-transform: uppercase;color: #FFFFFF;}
.header-btm .sp-megamenu-parent > li > a:hover{background: #FFFFFF;color: #179107;border-radius: 16px 16px 0 0;}
.header-btm .sp-megamenu-parent > li.active > a{border-radius: 50px;}
.header-btm .sp-megamenu-parent > li.active > a:hover,.header-btm .sp-megamenu-parent > li:hover > a{border-radius: 16px 16px 0 0;}

.header-btm .sp-megamenu-parent > li:last-child > a:hover{border-radius: 50px;}
.header-btm .sp-megamenu-parent > li:last-child.active > a{border-radius: 50px;}
.header-btm .sp-megamenu-parent > li:last-child.active > a:hover {border-radius: 50px;}
.header-btm .sp-megamenu-parent > li.angJob > a:hover,
.header-btm .sp-megamenu-parent > li.angJob:hover > a {
    border-radius: unset !important; /* Reset the border-radius */
    /* Add any other styles you want to reset for hover */
}




/*******************header*********************/

/******************* solaranlage-section *********************/

.solaranlage-section .tri > .row{justify-content: center;}
.solaranlage-section .tri > .row > div{width: 268px;padding: 0 10px;}
.solaranlage-section .wie-list-box{background-color: #fff;border: 1px solid transparent;margin: 0 0px 10px 0px;position: relative;cursor: pointer;box-shadow: 0px 4px 11px 1px rgba(33, 33, 33, 0.2);border-radius: 8px; height: 230px;}



.solaranlage-section .wie-list-box a{ display: block;padding: 15px 0px;text-align: center;}
.solaranlage-section .wie-list-box img{display: inline-block; height: auto;object-fit: cover;/*filter: brightness(1.1) hue-rotate(240deg) saturate(4) sepia(0.50) contrast(1);*/max-width: 80%;height: 150px;}
.solaranlage-section .wie-list-box h3{font-family: 'Inter';font-style: normal;font-weight: 700;font-size: 20px !important;line-height: 24px;text-align: center;color: #212121; margin-top: 0px;position: absolute;bottom: 20px;width: 100%;left: 0;padding: 0 8px;}



a.sppb-btn.green-btn{background: #179107;border-radius: 50px;font-family: 'Inter';font-style: normal;font-weight: 600;font-size: 15px;line-height: 18px;text-transform: uppercase;padding: 15px 50px; border: 2px solid #179107;}

a.sppb-btn.green-btn:hover{background: none;color: #179107; border-color:#179107;}

.sppb-column.soin-block .sppb-addon-text-block h3{margin-bottom: 5px !important;}


.sppb-section.soin-block-wrap .sppb-row > div {padding: 0 44px;}
.sppb-section.soin-block-wrap .sppb-row > div .soin-block:before{border-top: 44px solid transparent;border-bottom: 44px solid transparent;border-left: 44px solid #F0F5F0;position: absolute;content: "";right: -35px;top: 0;bottom: 0;height: 40px;width: 40px;margin: auto;}
.sppb-section.soin-block-wrap .sppb-row > div:last-child .soin-block:before{display: none;}


.sppb-addon-header.icon-list .sppb-addon-title{align-items: center;display: flex;justify-content: center;}
.sppb-addon-header.icon-list .sppb-addon-title-icon{font-size: 32px; margin-right: 10px;}



.article-item {
  cursor: w-resize;
  box-shadow: 0 10px 30px rgb(0 0 0 / 7%);
  position: relative;
}

.sppb-articles-carousel-img {
  overflow: hidden;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  position: relative;
}

.sppb-articles-carousel-img .img-overlay {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  background-color: #000;
  opacity: 0;
  height: 100%;
  z-index: 100;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.article-item:hover .sppb-articles-carousel-img .img-overlay {
  opacity: 0.4;
}

.sppb-articles-carousel-img img {
  width: 100%;
  height: 100%;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.article-item:hover .sppb-articles-carousel-img img {
  transform: scale(1.2);
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.sppb-articles-carousel-meta-date {
  font-family: "Teko", sans-serif;
  font-size: 20px;
  line-height: 38px;
  color: #fff;
  position: absolute;
  padding: 4px 24px 1px 22px;
  background-color: var(--thirdcolor);
  bottom: 0;
  left: 0;
  z-index: 100;
}

.sppb-articles-carousel-content {
  background: transparent;
  box-shadow: none;
  padding: 27px 20px 24px 33px;
  margin-bottom: 15px;
}

.link-articles {
  font-family: "Teko", sans-serif;
  font-size: 28px;
  line-height: 38px;
}

.sppb-articles-carousel-introtext {
  padding: 5px 15px 26px 0;
  border-bottom: 1px dashed rgba(2, 31, 75, 0.3);
  margin-bottom: 16px;line-height: 20px;
}

.btn-read-more {
  font-weight: 500;
  color: var(--thirdcolor);
  margin-left: 48px;
}

.btn-read-more:hover {
  color: var(--secondcolor);
}

.line::before {
  content: " ";
  height: 2px;
  width: 36px;
  background-color: rgba(2, 31, 75, 0.3);
  position: absolute;
  top: 92%;
}

.sppb-articles-carousel-meta-category {display: none;}

.bx-pager.bx-default-pager {display: none;}

div.bx-wrapper .bx-controls-direction a {
  text-indent: initial;
  color: #1F242C;
font-size: 25px;
background: #fff;
display: inline-block;
  padding: 18px 23px;
border: 3px solid rgba(31, 36, 44, 0.1) !important;
  right: 10px;
width: auto;
  margin-top: -90px;
  height: auto;
  left: auto;
}

div.bx-wrapper .bx-controls-direction a.bx-next {
  right: 10px;
  left: auto;
}

div.bx-wrapper .bx-controls-direction a.bx-prev {
right: 100px;
}

.bx-viewport {
  /*overflow-y: visible !important;*/
}





@media (max-width: 768px) {
div.bx-wrapper .bx-controls-direction {
/*  display: none;*/
}
}



.sppb-carousel-pro.sppb-slide .sppb-carousel-indicators{text-align: center;right: 1px;top: 43%;margin: auto !important;padding-left: 0;bottom: auto;left: 0;}
.sppb-carousel-pro.sppb-slide .sppb-carousel-indicators li{width: 15px;height: 15px;background: rgba(255,255,255,0.5);border: 0;transition: all ease 0.5s;}

.sppb-carousel-pro.sppb-slide .sppb-carousel-indicators .active{width: 47px;height: 15px;background: rgba(255,255,255,1);transition: all ease 0.5s;}

.hausausstattung-slider-new .sppb-carousel-pro.sppb-slide .sppb-carousel-indicators{top: auto; bottom: 65px;}
.hausausstattung-slider-new .sppb-carousel-pro.sppb-slide .sppb-carousel-pro-inner-content .sppb-row >.sppb-col-sm-0.sppb-col-xs-12:last-child{display: none;}
.sppb-section.hausausstattung-second{border-radius: 15px 15px 0px 0px;margin-top: -25px !important;}

.was-box-mb .title-subtitle-bottom-center .overlay-image-button-wrap,.was-box-mb .title-subtitle-bottom-center .sppb-addon-title{transform: inherit !important;}

.sppb-addon.sppb-addon-overlay-image.was-box-mb.image-effect- {  margin: 0 20px;  box-shadow: 0px 4px 11px 1px rgba(33, 33, 33, 0.2);  border-radius: 8px; overflow: hidden;}
.was-box-mb .overlay-image-title{width: 100%;}
.was-box-mb .overlay-image-button-wrap a.sppb-btn{border-radius: 50px;}

.sppb-addon-articles-carousel.news-slider-list .bx-wrapper{margin-bottom: 0;}

.sppb-addon-articles-carousel.news-slider-list .sppb-articles-carousel-content .top-acticle{ display: none; }
.sppb-addon-articles-carousel.news-slider-list .sppb-articles-carousel-content .sppb-articles-carousel-meta-date{position: static;background: none; padding: 0;line-height: 1;}

.sppb-addon-articles-carousel.news-slider-list .sppb-articles-carousel-content{position: relative;padding-top: 30px !important;padding-bottom: 10px !important;}
.sppb-addon-articles-carousel.news-slider-list .sppb-articles-carousel-content .sppb-articles-carousel-link{text-transform: none;}
.sppb-addon-articles-carousel.news-slider-list .sppb-articles-carousel-content .sppb-articles-carousel-introtext{padding: 0 0 25px 0; border: 0;margin-bottom: 0;}
.sppb-addon-articles-carousel.news-slider-list .sppb-articles-carousel-content .sppb-articles-carousel-meta{position: absolute;top: 10px;}
.sppb-addon-articles-carousel.news-slider-list .sppb-articles-carousel-content .btn-read-more{margin-left: 0;border: 2px solid #179107;
border-radius: 50px;font-family: 'Inter';font-style: normal;font-weight: 700;font-size: 16px;line-height: 19px;text-align: center;text-transform: uppercase;color: #179107;padding: 12px 44px;display: inline-block;}
.sppb-addon-articles-carousel.news-slider-list .sppb-articles-carousel-content .btn-read-more:hover{background: #179107; color: #fff;}

.sppb-addon-articles-carousel.news-slider-list .sppb-articles-carousel-img img{height: 175px;object-fit: cover; border-radius: 13px;}

.sppb-addon-articles-carousel .bx-controls.bx-has-pager{text-align: center;top: auto;bottom: -50px;}
.sppb-addon-articles-carousel .bx-controls.bx-has-pager .bx-controls-direction{ display: none; }
.sppb-addon-articles-carousel .bx-controls.bx-has-pager .bx-pager.bx-default-pager{display: block; text-align: center;top: auto;bottom: 0; right: 0;}
.sppb-addon-articles-carousel .bx-wrapper .bx-pager.bx-default-pager a{background: #179107;opacity: 0.5;width: 15px;height: 15px;border-radius: 50px;}
.bx-wrapper .bx-pager.bx-default-pager a:focus, .bx-wrapper .bx-pager.bx-default-pager a:hover{background: #179107;opacity: 0.8;}
.bx-wrapper .bx-pager.bx-default-pager a.active{background: #179107;opacity: 0.8;width: 46px;}


.hm-testimonioal-slider-wrap .hm-testimonioal-slider .sppb-carousel-extended-item{background: #F0F5F0;border-radius: 18px; padding: 20px;/*min-height: 455px;*/ min-height: 395px; /*box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.41);*/}
/*.hm-testimonioal-slider-wrap .hm-testimonioal-slider .sppb-carousel-extended-item .sppb-testimonial-carousel-message{font-family: 'Inter';font-style: normal;font-weight: 400;
font-size: 14px !important;line-height: 24px !important;text-align: left;color: #212121 !important;}*/
/* new */ .hm-testimonioal-slider-wrap .hm-testimonioal-slider .sppb-carousel-extended-item .sppb-testimonial-carousel-message{font-family: 'Inter';font-style: normal;font-weight: 400;
font-size: 15px !important;line-height: 23px !important;text-align: left;color: #000000 !important;}

.hm-testimonioal-slider-wrap .hm-testimonioal-slider .sppb-carousel-extended-item .sppb-testimonial-carousel-img-wrap{width: 94px; height: 94px;margin-bottom: 11px;}
.hm-testimonioal-slider-wrap .hm-testimonioal-slider .sppb-carousel-extended-item .sppb-testimonial-carousel-name{font-family: 'Inter';font-style: normal;font-weight: 700;font-size: 20px;line-height: 24px;text-align: center;color: #212121 !important;margin-top: 0 !important;}

.hm-testimonioal-slider-wrap .hm-testimonioal-slider .sppb-carousel-extended-dots ul li{margin: 0 4px;}
.hm-testimonioal-slider-wrap .hm-testimonioal-slider .sppb-carousel-extended-dots ul li.active{width: 46px !important;}

.sppb-column.bottom-img-block{text-align: center;}
.sppb-column.bottom-img-block .sppb-addon-wrapper{display: inline-block; margin: 0 5px !important; vertical-align: middle;}
#sp-page-builder .beknnt-us .sppb-section-title{margin-bottom: 15px;}





.feature-article-box .feature-article .sppb-addon-article a.sppb-article-img-wrap {
    float: right;
    width: 50%;
}

.feature-article-box .feature-article .sppb-addon-article .sppb-article-info-wrap {
    float: left;
    width: 50%;padding-right: 30px;
}
#sp-page-builder .sppb-section-title .sppb-title-subheading{font-family: 'Inter';font-style: normal;font-weight: 700;font-size: 28px;line-height: 34px;
color:#292929;}

.feature-article-box .sppb-article-introtext{font-family: 'Inter';font-style: normal;font-weight: 400;font-size: 16px;line-height: 19px;color: #555555;margin-bottom: 50px;text-align: left;}
.feature-article-box a.sppb-readmore{margin-left: 0;border: 2px solid #179107;border-radius: 50px;font-family: 'Inter';font-style: normal;font-weight: 700;
font-size: 16px;line-height: 19px;text-align: center;text-transform: uppercase;color: #179107;padding: 12px 44px; display: inline-block;}
.feature-article-box a.sppb-readmore:hover{background: #179107 ; color: #fff;}

.feature-article-box .feature-article .sppb-addon-article .sppb-article-info-wrap h3{font-family: 'Inter';font-style: normal;font-weight: 700;font-size: 28px;line-height: 34px;color: #212121;margin-bottom: 10px; text-align: left;}

.feature-article-box .sppb-addon-articles .sppb-article-meta{margin: 0 0 5px 0;}
.feature-article-box .sppb-addon-articles .sppb-article-meta > span{font-family: 'Inter';font-style: normal;font-weight: 400;font-size: 16px;
color: #555555;line-height: 20px; margin: 0;}

.sppb-column.feature-article-box-inner{border-bottom: 1px solid #7D7D7D;padding-bottom: 50px;}

footer#sp-footer{border-radius: 15px 15px 0 0;overflow: hidden;}
.ft-newslatter-form .bfPage h3{font-family: 'Inter';font-style: normal;font-weight: 700;font-size: 32px;line-height: 39px;color: #FFFFFF;}
.ft-newslatter-form .bfPage h4.subheader{font-family: 'Inter';font-style: normal;font-weight: 400;font-size: 16px;line-height: 19px;color: rgba(255,255,255,0.66);opacity: 0.66;margin-bottom: 10px;}
.ft-newslatter-form .bfPage .bfElemWrap .form-group label.col-form-label{display: none;}
.ft-newslatter-form .bfFormDiv .newsletterinfo{font-family: 'Inter';font-style: normal;font-weight: 400;font-size: 13px;line-height: 16px;
color: rgba(255,255,255,0.66);}

.ft-newslatter-form .bfQuickMode .form-inline .form-control{background: rgba(0, 0, 0, 0.16);border: 2px solid #FFFFFF;border-radius: 31px;padding: 10px 22px;font-family: 'Inter';font-style: normal;font-weight: 700;font-size: 16px;line-height: 19px;text-transform: uppercase;
color: #FFFFFF;width: 100%;max-width: 100% !important;height: 48px;margin-bottom: 0;}

.ft-newslatter-form .bfQuickMode .form-inline .form-group{margin: 0; position: relative;}

.ft-newslatter-form .bfQuickMode .form-inline .news-button{position: absolute;top: 5px;right: 5px;background: #fff;width: 80px;bottom: 5px;
    border-radius: 50px;}
.ft-newslatter-form .bfQuickMode .form-inline input.email-button{position: absolute;right: 0;opacity: 1;visibility: visible;width: 80px;text-align: center;top: 0;bottom: 0;height: 40px;border-radius: 0;font-size: 0;margin: auto;left: 0px;padding: 10px 28px;}

.ft-newslatter-form .bfQuickMode .form-inline input.email-button:before{content: "";background: url(../images/send-icon.png);  background-position-x: 0%;  background-position-y: 0%;  background-repeat: repeat;border-radius: 22px;width: 100%;height: 42px;font-size: 0;
display: inline-block;background-repeat: no-repeat;background-position: center center;margin: 0 auto;}

.ft-newslatter-form .bfQuickMode .bfElemWrap{margin-top: 11px; margin-bottom: 11px;}

.ft-newslatter-form .bfQuickMode .bfElemWrap .form-inline label{display: none;}

.ft-newslatter-form .bfQuickMode .form-inline input.form-control::-webkit-input-placeholder {color: #fff;opacity: 1;}

.ft-newslatter-form .bfQuickMode .form-inline input.form-control:-ms-input-placeholder {color: #fff;opacity: 1;}

.ft-newslatter-form .bfQuickMode .form-inline input.form-control::placeholder {color: #fff;opacity: 1;}

.ft-newslatter-form .convertforms .cf-form-wrap .cf-fields .cf-control-input input.cf-input::-webkit-input-placeholder {color: #fff;opacity: 1;}

.ft-newslatter-form .convertforms .cf-form-wrap .cf-fields .cf-control-input input.cf-input:-ms-input-placeholder {color: #fff;opacity: 1;}

.ft-newslatter-form .convertforms .cf-form-wrap .cf-fields .cf-control-input input.cf-input::placeholder {color: #fff;opacity: 1;}


.ft-newslatter-form .convertforms .cf-content-wrap,.ft-newslatter-form .convertforms .cf-form-wrap{padding: 0;}
.ft-newslatter-form .convertforms .cf-content-wrap .cf-content-text{font-family: 'Inter';font-style: normal;font-weight: 400;font-size: 16px;line-height: 19px;color: rgba(255,255,255,0.66);opacity: 0.66;margin-bottom: 20px;}

.ft-newslatter-form .convertforms .cf-form-wrap .cf-fields{margin: 0;position: relative;}

.ft-newslatter-form .convertforms .cf-form-wrap .cf-fields .cf-two-thirds{width: 100%;padding: 0;}
.ft-newslatter-form .convertforms .cf-form-wrap .cf-fields .cf-control-group.cf-one-third{position: absolute;right: 5px;top: 5px;padding: 0;bottom: 0;width: auto; min-width: 80px;}

.ft-newslatter-form .convertforms .cf-form-wrap .cf-fields .cf-control-input input.cf-input{background: rgba(0, 0, 0, 0.16);border: 2px solid #FFFFFF;border-radius: 31px;padding: 10px 22px;font-family: 'Inter';font-style: normal;font-weight: 700;font-size: 16px;line-height: 19px;
text-transform: uppercase;color: #FFFFFF;width: 100%;max-width: 100% !important;height: 48px;margin-bottom: 0;}

.ft-newslatter-form .convertforms .cf-form-wrap .cf-fields .cf-control-group.cf-one-third .cf-btn{width: 80px;text-align: center;top: 0;
bottom: 0;height: 38px;margin: auto;left: 0px;padding: 10px 28px !important;font-size: 0 !important;background: #fff !important;border-radius: 50px !important;}

.ft-newslatter-form .convertforms .cf-form-wrap .cf-fields .cf-control-group.cf-one-third .cf-btn .cf-btn-text:before{background:url(../images/send-icon.png) no-repeat center center; content: ""; width: 25px ; height: 25px;position: absolute;top: 6px;left: 8px;right: 0;margin: auto;}

.ft-newslatter-form .convertforms .cf-footer{font-family: 'Inter';font-style: normal;font-weight: 400;font-size: 13px;line-height: 16px;color: rgba(255,255,255,0.66);margin-top: 10px;}


body.ltr .sp-megamenu-parent > li.sp-has-child > a::after, body.ltr .sp-megamenu-parent > li.sp-has-child > span::after {position: absolute;}

#sp-footer .ft-link .ft-informationmenu h3{display: none;}
#sp-footer .ft-link ul.menu{margin-left: -25px;}
#sp-footer .ft-link ul.menu li{display: block;}
#sp-footer .ft-link ul.menu li a{font-family: 'Inter';font-style: normal;font-weight: 400;font-size: 16px;line-height: 30px;text-transform: uppercase;color: #FFFFFF; display: inline-block;padding: 2px 15px;}

#sp-footer .ft-link ul.menu li a:hover{border-radius: 22px;background: rgba(255,255,255,0.16);}
.sppb-section.footer-bottom{position: relative;}
.sppb-section.footer-bottom::after { content: '';background: rgba(33,33,33,0.3);left: 0;right: 0;top: 0;bottom: 0;z-index: 1;position: absolute;
}

.footer-socials{text-align: right;}
.footer-socials span.icons{background: #FFFFFF; width: 33px; height: 33px; text-align: center; border-radius: 50px;display: inline-block;margin-top: 7px;}
.footer-socials span.icons a{font-size: 22px;margin-top: 7px;display: block;color: #1A6F0F;}



#sp-footer .ft-btm-left .sppb-column-addons > div{display: inline-block; vertical-align: middle; margin-right: 17px;}
#sp-footer .ft-btm-left .sppb-column-addons > div ul.menu{margin: 0;}
#sp-footer .ft-btm-left .sppb-column-addons > div ul.menu li{margin: 0;}
#sp-footer .ft-btm-left .sppb-column-addons > div ul.menu li a{font-family: 'Inter';font-style: normal;font-weight: 400;font-size: 13px;line-height: 16px;color: #FFFFFF;padding: 0 8px; text-transform: uppercase; display: block;}



/* News Overview Section */

.article-details.homepg .article-info{display: none;}
.article-details.homepg .article-header{margin-top: 25px;}
.com-content.view-article #sp-main-body{padding-top: 0;}
.news-overview-banner .sppb-addon-single-image-container,
.news-overview-banner .sppb-addon-single-image-container .sppb-img-responsive{display: block;width: 100%;}

.view-article #sppb-newdetail-header-top .sppb-carousel-pro-text{padding-top: 90px;}
.article-details.homepg .article-header .above-title{font-family: 'Inter';font-style: normal;font-weight: 400;font-size: 16px;line-height: 19px;
color: #555555;}
.article-details .article-header h1{font-family: 'Inter';font-style: normal;font-weight: 700;font-size: 28px;line-height: 34px;color: #212121;}
.article-details p{font-family: 'Inter';font-style: normal;font-weight: 400;font-size: 16px;line-height: 28px;color: #555555;}
.article-details{padding-top: 70px;padding-bottom: 70px;}
.article-details .sppb-addon-content{font-family: 'Inter';font-style: normal;font-weight: 400;font-size: 16px;line-height: 28px;color: #555555;}
.view-article #sp-main-body{background: #F0F5F0;}
.view-article .sp-page-builder .page-content #section-id-1673431934383{background: #FFFFFF;}
.article-details h6.sppb-addon-title{font-size: 28px;font-family: 'Inter' !important;font-style: normal;font-weight: 700 !important;line-height: 28px !important;color: #179107;}

.news-detail-footer1 .sppb-section-title h2.sppb-title-heading{font-weight: 700;font-size: 28px !important;line-height: 34px !important;
margin-bottom: 28px !important;}
.news-detail-footer1 .sppb-articles-carousel-link{margin: 5px 0 !important;}

.pagenavigation .pagination .btn.btn-secondary{margin-left: 0;border: 2px solid #179107;border-radius: 50px;font-family: 'Inter';font-style: normal;font-weight: 700;font-size: 14px;line-height: 16px;text-align: center;text-transform: uppercase;color: #fff;padding: 10px 25px;background: #179107;}
.pagenavigation .pagination .btn.btn-secondary:hover{border-color: #179107; color: #179107; background: none;}
.pagenavigation .pagination .btn.next{margin-left: auto;}

.new-banner .sppb-item.sppb-item-has-bg .sppb-carousel-item-inner{top: 50%;height: auto;transform: translate(0,-13%);bottom: auto;}


.new-cat-slider .carousel-item  .card {border: 0 !important;box-shadow: none; text-align: center;border-radius: 0;background: none;padding: 10px 0;}
.new-cat-slider .carousel-item  .card a{font-family: 'Inter';font-style: normal;font-weight: 400;font-size: 20px;line-height: 24px;color: #212121;}
.new-cat-slider .carousel-item  .card a:hover{color: #179107;} 


.carousel-control-next, .carousel-control-prev{ width: 25px; height: 25px; font-size: 0;background: #fff;margin: auto;}
.carousel-control-prev{left: 40px; right: auto;}
.carousel-control-next{right: 40px;left: auto;}
.carousel-control-next-icon, .carousel-control-prev-icon{background: none; color: #212121;}
.carousel-control-prev span.carousel-control-prev-icon:before{content: "\f060";font-family: "Font Awesome 5 Free";display: inline-block;
font-weight: 900;font-size: 14px;}
.carousel-control-next span.carousel-control-next-icon:before{content: "\f061";font-family: "Font Awesome 5 Free";display: inline-block;
font-weight: 900;font-size: 14px;}


.view-article .article-full-image img{ width: 100%; height: 450px;object-fit: cover; }

.responsive-news-articles-box .rga.mix-list .mix{border: 0; margin: 0; box-shadow: none;}
.responsive-news-articles-box .rga.mix-list .mix.even-news-box .sp-page-builder .page-content .sppb-section{background-color: #fff !important;box-shadow: 0 0 0 0 #ffffff;}
.responsive-news-articles-box .mix-filters1{max-width: 1200px; margin: 0 auto;padding: 0 15px; }

.responsive-news-articles-box #Controls149 .button{font-family: 'Inter';font-style: normal;font-weight: 400;font-size: 20px;
line-height: 24px;color: #212121; text-align: center; padding: 0;background: none; cursor: pointer;}
.responsive-news-articles-box #Controls149 .button:hover{color: #179107;}
.responsive-news-articles-box #Controls149 .button.active{color: #179107;background: none;}


.responsive-news-articles-box .bx-controls-direction a.bx-prev,.responsive-news-articles-box .bx-controls-direction a.bx-next{position: absolute; top: 0; bottom: 0; width: 87px; height: 28px;cursor: pointer;z-index: 1; background: linear-gradient(90deg, rgba(255,255,255,0.5) 0%, #FFFFFF 29.17%, rgba(255, 255, 255, 0) 100%);margin: 0;border: 0 !important;padding: 0 !important;}
.responsive-news-articles-box .mix-filters1 .slider__nav--prev,.responsive-news-articles-box .mix-filters1 .slider__nav--next{position: absolute; top: 0; bottom: 0; width: 87px; height: 28px;cursor: pointer;z-index: 1; background: linear-gradient(90deg, rgba(255,255,255,0.5) 0%, #FFFFFF 29.17%, rgba(255, 255, 255, 0) 100%);}

.responsive-news-articles-box .mix-filters1{position: relative;}

.responsive-news-articles-box .mix-filters1 .slider__nav--next,.responsive-news-articles-box .bx-controls-direction a.bx-next{left: auto; right: 0; text-align: right;}
.responsive-news-articles-box .bx-controls-direction a.bx-prev{right: auto;left: 0;text-align: left;}
.responsive-news-articles-box .mix-filters1 .slider__nav--prev a,.responsive-news-articles-box .mix-filters1 .slider__nav--next a,.responsive-news-articles-box .bx-controls-direction a.bx-prev,.responsive-news-articles-box .bx-controls-direction a.bx-next{font-size: 0;}

.responsive-news-articles-box .mix-filters1 .slider__nav--prev a:before,.responsive-news-articles-box .mix-filters1 .slider__nav--next a:before,.responsive-news-articles-box .bx-controls-direction a.bx-prev:before,.responsive-news-articles-box .bx-controls-direction a.bx-next:before{content: ""; color:#212121; font-size: 15px; width: 19px; height: 16px; display: inline-block;top: 6px;position: relative;}

.responsive-news-articles-box .mix-filters1 .slider__nav--prev a:before,.responsive-news-articles-box .bx-controls-direction a.bx-prev:before{content: "";background: url(../images/arrow-left.png) no-repeat center center; }
.responsive-news-articles-box .mix-filters1 .slider__nav--next a:before,.responsive-news-articles-box .bx-controls-direction a.bx-next:before{content: "";background: url(../images/arrow-right.png) no-repeat center center;}


.responsive-news-articles-box .sppb-column.feature-article-box-inner{border-bottom: 0;padding-bottom: 0px;}
.responsive-news-articles-box .sppb-column.feature-article-box-inner > .sppb-column-addons{border-bottom: 1px solid #7D7D7D;padding-bottom: 50px;}
.responsive-news-articles-box .sppb-addon-articles-carousel.news-slider-list .sppb-articles-carousel-content .sppb-articles-carousel-link{margin: 5px 0 !important;}

.responsive-news-articles-box .mix-filters1 .bx-wrapper{margin-bottom: 20px;}

/*.sppb-addon-articles-carousel.news-slider-list .bx-wrapper .sppb-articles-carousel-column[aria-hidden="true"]{opacity: 0.2;}

.sppb-addon-articles-carousel.news-slider-list .bx-wrapper .sppb-articles-carousel-column[aria-hidden="true"]:before{background: linear-gradient(265.56deg, #FAFBFA 3.07%, rgba(240, 245, 240, 0) 115.77%);}*/
/*****partnerprogramm page**********/

.banner-img img.sppb-img-responsive{object-fit: cover;}
.color-green h2{color: #179107;}
.color-green-h2 h2{font-size: 24px;}
.color-green h3{color: #179107;}
ul.check-icon{margin: 0;}
.check-icon li{padding-bottom: 6px;}
.check-icon li .fa{font-size: 17px;color: var(--thirdcolor);padding-right: 17px;}

.two-col-form .bfQuickMode section > div{margin: 0 -15px;}
.two-col-form .bfQuickMode .bfElemWrap{width: 50%;margin-right: -4px;padding: 0 15px; display: inline-block;}
#bfElemWrap594 {    padding: 0;}


.two-col-form .bfQuickMode .bfElemWrap .form-inline label,.two-col-form .bfQuickMode .bfElemWrap .form-inline label,.two-col-form .bfQuickMode .bfElemWrap .form-inline label{min-width: 100%;margin-right: 0;color: #292929;margin-bottom: 10px;}

.two-col-form .bfQuickMode .bfElemWrap .form-inline input[type="text"],.two-col-form .bfQuickMode .bfElemWrap .form-inline input[type="number"], .two-col-form .bfQuickMode .bfElemWrap .form-inline textarea,.two-col-form .bfQuickMode .bfElemWrap .form-inline select{max-width: 100%;height: 55px;background: #fff;border: 1px solid #eaeaea;padding: 14px 20px;letter-spacing: 0px;}

 .two-col-form .bfQuickMode .bfElemWrap .form-inline textarea{height: 150px;}
.two-col-form .bfQuickMode #message_section{padding-right: 0;}
.two-col-form .bfQuickMode #message_section .bfElemWrap{width: 100%;}



.two-col-form .bfQuickMode #privacy_section legend{min-width: 100%;margin-right: 0;color: #292929;margin-bottom: 10px;}

.two-col-form .bfQuickMode #privacy_section .bfElemWrap{padding: 0 0;}
.two-col-form .bfQuickMode #privacy_section .bfElemWrap .form-group{position: relative;padding-left: 35px;}
.two-col-form .bfQuickMode #privacy_section .bfElemWrap .form-group span.nonform-control{position: absolute; left: 0; top: 3px;}
.two-col-form .bfQuickMode #privacy_section .bfElemWrap .form-group span.nonform-control input{appearance: none;-webkit-appearance: none;
border:1px solid #a4a4a4;width: 25px;height: 25px;border-radius: 5px; cursor: pointer;}
.two-col-form .bfQuickMode #privacy_section .bfElemWrap .form-group span.nonform-control input:before{content: "\f00c";font-family: "Font Awesome 5 Free";font-size: 17px;color: #179107;opacity: 0;font-weight: 900;left: 3px;position: relative;top: -5px;}
.two-col-form .bfQuickMode #privacy_section .bfElemWrap .form-group span.nonform-control input:checked:before{opacity: 1;}

.bfQuickMode .form-group .btn-primary.btn{background: #179107;border-radius: 50px;font-family: 'Inter';font-style: normal;font-weight: 700;font-size: 16px;line-height: 19px;text-transform: uppercase;padding: 15px 44px;border: 2px solid #179107;}

.bfQuickMode .form-group .btn-primary.btn:hover{background: none;color: #179107;border-color: #179107;}


.hm-accordian .sppb-addon-content ul li{list-style-type: disc;}

.two-col-form.one-col-form .bfQuickMode .bfElemWrap{width: 100%;padding: 0;}

.two-col-form .bfQuickMode .bfPage h3.b3h{font-family: 'Inter' !important;color: #179107 !important; margin-bottom: 25px !important;
font-weight: 700 !important;margin-left: 0 !important;}


.sppb-section.artical-extra-box .sppb-addon-single-image-container img.sppb-img-responsive {object-fit: cover;}
.sppb-section.artical-extra-box a.sppb-btn.sppb-btn-primary{background: #179107;border-radius:50px;font-family: 'Inter';font-style: normal;
font-weight: 700;font-size: 16px;line-height: 19px;text-transform: uppercase;color: #FFFFFF;padding: 13px 5px;border: 1px solid #179107;}
.sppb-section.artical-extra-box a.sppb-btn.sppb-btn-primary:hover{background: none;color: #179107;border-color: #179107;}
.sppb-section.artical-extra-box .sppb-addon-single-image-container{display: flex;}

footer .ft-newslatter-form .convertforms .cf-content-wrap .cf-content-text {margin: 2px 0 10px 0 !Important;}
/*****partnerprogramm page**********/

/****** *************/
.data-protection ul li{
    list-style: unset;
}
.data-protection a,
.impressum a{
  color: #179107;
}
/********************************End css by Bhavik***************************




/********************************css by Milan***************************


/***********Tagesgeld*******/


#sppb-addon-1686235219586 img{
   width: 100%;
  height:auto;
    border-radius: 18px!important;
   box-shadow: rgba(64, 60, 67, 0.16) 0px 2px 5px 1px;
}

.imgP{
   width: 100%;
    border-radius: 18px 18px 0 0!important;
  

}


.imgP{
   width: 100%;
    border-radius: 18px 18px 0 0!important;
  
}

#sppb-addon-1686225825339{
  
    box-shadow: rgba(64, 60, 67, 0.16) 0px 2px 5px 1px;
}

.imgAngebote  img{
   width: 100%;
    border-radius: 18px 18px 0 0!important;
}

.imgAngebote{

    border-radius: 18px 18px 0 0!important;
}



/***********Girokonto********/
#section-id-1685978179215{
padding: 3% 3% 0 3%;
  
}

#section-id-1685978179215 h3{
font-size: 2rem;
margin-bottom: 2%;

}


#section-id-1686037639010{
padding: 3% 3% 0 3%;
  
}
#section-id-1686037639010 h3{
font-size: 2rem;
margin-bottom: 2%;

}





/* CSS rules for all screen sizes */

/* Small screens (up to 428px) */
@media (max-width: 428px) {
  /* CSS rules for small screens */
  
  
  #sp-slider-inner-item-1685713092230-num-0-key{
    font-size: 2rem!importent;
    }
  
  #section-id-1685978179215 h3{
    font-size: 1.4rem;
      text-align: center;
    }
  
  
  #section-id-1686037639010 h3{
     font-size: 1.4rem;
      text-align: center;
    }
  
}

/* Medium screens (428px to 768px) */
@media (min-width:428px) and (max-width: 768px) {
  /* CSS rules for medium screens */
    
  #sp-slider-inner-item-1685713092230-num-0-key{
    font-size: 2rem!importent;
    }
}

/* Large screens (769px to 992px) */
@media (min-width: 769px) and (max-width: 992px) {
  /* CSS rules for large screens */
}

/* Extra-large screens (993px to 1200px) */
@media (min-width: 993px) and (max-width: 1200px) {
  /* CSS rules for extra-large screens */
  
  
  

.header-btm .sp-megamenu-parent > li > a,.header-btm .sp-megamenu-parent > li > 
  span,.header-btm .sp-megamenu-parent > li:last-child > a{padding: 8px 18px;border-radius: 16px 16px 0 0;
    font-family: 'Inter';font-style: normal;font-weight: 700;font-size: 0,8rem;line-height: 19px;text-transform: uppercase;color: #FFFFFF;}
}




/* Extra-extra-large screens (1201px and above) */
@media (min-width: 1201px) {
  /* CSS rules for extra-extra-large screens */
}



     
/***********Start  Sticky Sidebar********/


       /* CSS Styles */


      /* Keyframes animation for jumping effect */
        @keyframes jumpAnimation_mpa {
            30% {
                width: 200px;
            }



        }

        /* Vendor prefixes for keyframes animation */
        @-moz-keyframes jumpAnimation_mpa {
            30% {
                width: 200px;
            }
       

        }

        @-webkit-keyframes jumpAnimation_mpa {
           30% {
                width: 200px;
            }




        }

        @-o-keyframes jumpAnimation_mpa {
            30% {
                width: 200px;
            }




        }

        /* Styling for the box container */
        .box_mpa {
            width: 130px;
            height: 150px;
            border-radius: 10px 0px 0px 10px;
            background-color: #439d4c;
            box-shadow: 0px 0px 7px 1px rgba(23, 23, 23, 0.42);
            position: fixed;
            top: 300px;
            right: 0;
            display: flex;
            padding: 20px;
            animation: jumpAnimation_mpa 2s ease-in;
          animation: jumpAnimation_mpa 0.3s ease-out;
            /* Apply the jumpAnimation */
            -webkit-animation: jumpAnimation_mpa 2s ease-in;
            -webkit-animation: jumpAnimation_mpa 0.3s ease-out;
            /* Apply the WebKit version of the animation */
            cursor: pointer;
        }

          .button_mpa span {
              display: inline-block;
              writing-mode: vertical-lr;
          }

          .button_mpa:hover{
          color:#179107;
          background-color: #fff;
          }

        /* Styling for the vertical text inside the box */
        .vertical-text_mpa {
            writing-mode: vertical-lr; /* Display the text vertically */
            transform: rotate(180deg); /* Rotate the text */
            color: white;
            font-size: 14px;
            font-weight: 700;
            font-family: "Inter";
            margin-right: 3%;
        }

        /* Styling for the button */
        .button_mpa {
            width: 50px;
            height: auto;
            background-color: #439d4c;
            box-shadow: 0px 0px 7px 1px rgba(23, 23, 23, 0.42);
            color: white;
            border: none;
            cursor: pointer;
            padding: 20px 0 20px 10px;
            font-weight: 700;
            font-family: "Inter";
            writing-mode: vertical-lr; /* Display the text vertically */
            transform: rotate(180deg); /* Rotate the text */
            position: absolute;
            top: 300px;
            border-radius: 0px 10px 10px 0px;
            right: 0;
            display: none; /* Initially hide the button */
            font-size: 16px;
             position: fixed;
        }

        /* Styling for the image inside the box */
        .image_mpa {
            width: 107px;
            height: 144px;
           /*     position: inherit; 
            right: 20px;*/
            transition: transform 0.1s ease-out;
           transition: transform 0.9s ease-in;
        }

        /* Media query for mobile screens */


        @media  screen and (max-width: 430px) {
            .button_mpa {
             top:95px;
                display: block; /* Display the button */
              position: fixed;
                font-size: 14px;
                padding: 5px;
                width: 35px;
                  }

            .box_mpa {
                display: none; /* Hide the box */
                width: 166px;
                height: 180px;
                top:95px;
                padding: 20px 20px 20px 10px;
                            }
                }

       @media screen and  (max-width: 1000px) and (orientation: landscape){
            .button_mpa {
             top:100px;
                display: block; /* Display the button */
              position: fixed;
              font-size: 14px;
            padding: 5px;
            width: 35px;
            }

            .box_mpa {
                display: none; /* Hide the box */
              width: 166px;
              height: 180px;
              top:100px;
              padding: 20px 20px 20px 10px;
            }
}


        @media (min-width: 430px) and  (max-width: 900px) {
            .button_mpa {
             top:95px;
                display: block; /* Display the button */
              position: fixed;
              font-size: 14px;
            padding: 5px;
            width: 35px;
            }

            .box_mpa {
                display: none; /* Hide the box */
              width: 166px;
              height: 180px;
              top:95px;
              padding: 20px 20px 20px 10px;
            }
}




         @media (min-width: 900px) and (max-width: 1720px){
            .button_mpa {
              padding: 15px 0 15px 0;
              position: fixed;
              font-size: 14px;
                  width: 30px;
            }

            .box_mpa {
            padding: 20px 20px 20px 10px;
            width: 165px;
            height: 182px;
            }
}


         @media (min-width: 1720px) {
            .button_mpa {
            padding: 20px 0px 20px 0px;
              position: fixed;
          font-size: 14px;
            }

            .box_mpa {
    padding: 20px 0 20px 10px;
        width: 166px;
        height: 187px;
            }

         .vertical-text_mpa {
            font-size: 15px;
        }
}

/***********End Sticky Sidebar********/


/*******************Baufinanzierung********************/


   
#sppb-addon-1684165557136{
      box-shadow: 0 2px 5px 1px rgba(64,60,67,.16);
}


#sppb-addon-1684482961658 h2.sppb-addon-title{
      color:#179107;
}


.animated-text-words-wrapper{
color: #179107;
}


/*******************waermepumpe*********************/

.mfp-close{
  background-color: #ffffff;
  color: #ffffff;
   	margin-right: 2%!important;
    margin-top: 2%!important;
    font-size: 40px;
}



.mfp-close:hover{
  background-color: #ffffff;
    border-radius:50px;
	margin-right: 2%!important;
    margin-top: 2%!important;
    font-size: 40px;
      box-shadow: 0 2px 4px rgba(0, 0, 0, .2);
  
}
 

.sppb-panel-body{
    background-color: #F0F5F0;}



#sppb-modal-1719476816753-selector{
background: #179107;
    border-radius: 50px;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 600;
    font-size: 15px;
    line-height: 18px;
    text-transform: uppercase;
    padding: 15px 50px;
    border: 2px solid #179107;
      box-shadow: 0 2px 5px 1px rgba(64,60,67,.16);
}


#sppb-modal-1719476816753-selector:hover{
background: #ffffff;
    border-radius: 50px;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 600;
    font-size: 15px;
  	color:#179107;
    line-height: 18px;
    text-transform: uppercase;
    padding: 15px 50px;
    border: 2px solid #179107;
      box-shadow: 0 2px 5px 1px rgba(64,60,67,.16);
}
#sppb-modal-1719476816763-selector{
background: #179107;
    border-radius: 50px;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 600;
    font-size: 15px;
    line-height: 18px;
    text-transform: uppercase;
    padding: 15px 50px;
    border: 2px solid #179107;
      box-shadow: 0 2px 5px 1px rgba(64,60,67,.16);
}
#sppb-modal-1719476816763-selector:hover{
background: #ffffff;
    border-radius: 50px;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 600;
    font-size: 15px;
  	color:#179107;
    line-height: 18px;
    text-transform: uppercase;
    padding: 15px 50px;
    border: 2px solid #179107;
      box-shadow: 0 2px 5px 1px rgba(64,60,67,.16);
}

#sppb-modal-1719476816762-selector{
background: #179107;
    border-radius: 50px;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 600;
    font-size: 15px;
    line-height: 18px;
    text-transform: uppercase;
    padding: 15px 50px;
    border: 2px solid #179107;
      box-shadow: 0 2px 5px 1px rgba(64,60,67,.16);
}


#sppb-modal-1719476816762-selector:hover{
background: #ffffff;
    border-radius: 50px;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 600;
    font-size: 15px;
  	color:#179107;
    line-height: 18px;
    text-transform: uppercase;
    padding: 15px 50px;
    border: 2px solid #179107;
      box-shadow: 0 2px 5px 1px rgba(64,60,67,.16);
}


#sppb-modal-1719476816753-selector{
background: #179107;
    border-radius: 50px;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 600;
    font-size: 15px;
    line-height: 18px;
    text-transform: uppercase;
    padding: 15px 50px;
    border: 2px solid #179107;
      box-shadow: 0 2px 5px 1px rgba(64,60,67,.16);
}


#sppb-modal-1719476816753-selector:hover{
background: #ffffff;
    border-radius: 50px;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 600;
    font-size: 15px;
  	color:#179107;
    line-height: 18px;
    text-transform: uppercase;
    padding: 15px 50px;
    border: 2px solid #179107;
      box-shadow: 0 2px 5px 1px rgba(64,60,67,.16);
}

#sppb-modal-1719476816763-selector{
background: #179107;
    border-radius: 50px;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 600;
    font-size: 15px;
    line-height: 18px;
    text-transform: uppercase;
    padding: 15px 50px;
    border: 2px solid #179107;
      box-shadow: 0 2px 5px 1px rgba(64,60,67,.16);
}


#sppb-modal-1719476816763-selector:hover{
background: #ffffff;
    border-radius: 50px;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 600;
    font-size: 15px;
  	color:#179107;
    line-height: 18px;
    text-transform: uppercase;
    padding: 15px 50px;
    border: 2px solid #179107;
      box-shadow: 0 2px 5px 1px rgba(64,60,67,.16);
}

#sppb-modal-1719476816762-selector{
background: #179107;
    border-radius: 50px;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 600;
    font-size: 15px;
    line-height: 18px;
    text-transform: uppercase;
    padding: 15px 50px;
    border: 2px solid #179107;
      box-shadow: 0 2px 5px 1px rgba(64,60,67,.16);
}


#sppb-modal-1719476816762-selector:hover{
background: #ffffff;
    border-radius: 50px;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 600;
    font-size: 15px;
  	color:#179107;
    line-height: 18px;
    text-transform: uppercase;
    padding: 15px 50px;
    border: 2px solid #179107;
      box-shadow: 0 2px 5px 1px rgba(64,60,67,.16);
}


#sppb-modal-1684226789361-selector{
background: #179107;
    border-radius: 50px;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 600;
    font-size: 15px;
    line-height: 18px;
    text-transform: uppercase;
    padding: 15px 50px;
    border: 2px solid #179107;
      box-shadow: 0 2px 5px 1px rgba(64,60,67,.16);
}


#sppb-modal-1684226789361-selector:hover{
background: #ffffff;
    border-radius: 50px;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 600;
    font-size: 15px;
  	color:#179107;
    line-height: 18px;
    text-transform: uppercase;
    padding: 15px 50px;
    border: 2px solid #179107;
      box-shadow: 0 2px 5px 1px rgba(64,60,67,.16);
}


#sppb-modal-1684229930068-selector{
background: #179107;
    border-radius: 50px;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 600;
    font-size: 15px;
    line-height: 18px;
    text-transform: uppercase;
    padding: 15px 50px;
    border: 2px solid #179107;
      box-shadow: 0 2px 5px 1px rgba(64,60,67,.16);
}

#sppb-modal-1684229930068-selector:hover{
background: #ffffff;
    border-radius: 50px;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 600;
    font-size: 15px;
    line-height: 18px;
    text-transform: uppercase;
  	color:#179107;
    padding: 15px 50px;
    border: 2px solid #179107;
      box-shadow: 0 2px 5px 1px rgba(64,60,67,.16);
}



#sppb-modal-1684231860762-selector{
background: #179107;
    border-radius: 50px;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 600;
    font-size: 15px;
    line-height: 18px;
    text-transform: uppercase;
    padding: 15px 50px;
    border: 2px solid #179107;
      box-shadow: 0 2px 5px 1px rgba(64,60,67,.16);
}


#sppb-modal-1684231860762-selector:hover{
background: #ffffff;
    border-radius: 50px;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 600;
    font-size: 15px;
  	color:#179107;
    line-height: 18px;
    text-transform: uppercase;
    padding: 15px 50px;
    border: 2px solid #179107;
      box-shadow: 0 2px 5px 1px rgba(64,60,67,.16);
}



.white-popup-block {
	padding: 0;
    border-radius: 18px;
   color:#262626;
}

.pumpe_div{
    padding: 5%;
}


.pumpe_div_1{
  	text-align: center;

}
h2.pumpe_h2 {
  	background-color: #57b33e;
    border-radius: 18px;
    padding: 2%;
  	font-size:28px;
  	text-align: center;
  line-height: 40px;
}

h2.model_1_pumpe {
    color: white;
    border-radius: 18px;
    background-color: #57b33e;
    padding: 2%;
}

#sppb-modal-1684229930068.white-popup-block {
  	padding: 0;
    border-radius: 18px;
   color:#262626;
}

h2.geld_heizen_h2 {
   background-color: #57b33e;
    border-radius: 18px;
    padding: 2%;
  	font-size:28px;
  		text-align: center;
  line-height: 40px;
}

.geld_heizen_div {
    padding: 5%;
}
#sppb-modal-1684231860762.white-popup-block {
 	padding: 0;
  	border-radius: 18px;
   color:#262626;
}

h2.umwelt_h2 {
background-color: #57b33e;
    border-radius: 18px;
    padding: 2%;
  	font-size:28px;
	text-align: center;
  line-height: 40px;
}


.umwelt_div {
    padding: 5%;
}




  
  .sidebar-section {
  position: absolute;
  height: 100%;
  width: 100%;
}


.sidebar-item {
    text-align: center;
	position: fixed;
	top: 200px;
	z-index: 1060;
	left:97%;
    box-shadow: 0px 4px 11px 1px rgb(33 33 33 / 72%);
    background-color: #179107;
    border-radius: 18px;
    padding: 10px;
    writing-mode: vertical-lr;
    color: #ffffff;
}

.stickyText
{
   margin-right: 15px;
}


.make-me-sticky {
  top: 200px;
  z-index: 1060;
  padding: 0 15px;
}


.stickImg {
	width: 100%;

}

.stickImg :hover{
	width: 100%;

}

.sidebar-item:hover {
    text-align: center;
	position: fixed;
	top: 200px;
	z-index: 1060;
	left:90%
	box-shadow: 0px 4px 11px 1px rgb(33 33 33 / 72%);
	
}


.fa_button_submit{
  
  background: #179107;
    border-radius: 50px!important;
    font-family: monospace;
    font-style: normal;
    font-weight: 600!important;
    width: 100%;
    font-size: 17px;
    line-height: 18px;
    text-transform: uppercase;
    padding: 15px 50px;
    border: 2px solid #179107!important;
}

@media (min-width: 320px) {
  
      h2.pumpe_h2 {

        font-size:18px;

        }


        .sidebar-item {
          text-align: center;
          position: fixed;
          top: 200px;
            box-shadow: 0px 4px 11px 1px rgb(33 33 33 / 72%);
          left:90%;
        z-index: 1060;
          background-color: #179107;
          border-radius: 18px;
          padding: 10px;
          writing-mode: vertical-lr;
          color: #ffffff;
      }
  
  
  
    .sidebar-item:hover {
      text-align: center;
      position: fixed;
      top: 200px;
      z-index: 1060;
      left:50%;
  }
  
      .make-me-sticky {

          top: 200px;
            z-index: 1000;
        padding: 0;
      }

}

@media (min-width: 576px) {
  
 h2.pumpe_h2 {
  
  	font-size:18px;

	}

  
    
  .sidebar-section {
  position: absolute;
  height: 100%;
  width: 100%;
}


.sidebar-item {
    text-align: center;
	position: fixed;
	top: 200px;
    z-index: 1000;
	left:97%;
    box-shadow: 0px 4px 11px 1px rgb(33 33 33 / 72%);
    background-color: #179107;
    border-radius: 18px;
    padding: 10px;
    writing-mode: vertical-lr;
    color: #ffffff;

	
}

.stickyText
{
  
      margin-right: 15px;
}
.make-me-sticky {

	top: 200px;
      z-index: 1000;
  padding: 0 15px;
}


.stickImg {
	width: 100%;

}

.stickImg :hover{
	width: 100%;

}

.sidebar-item:hover {
    text-align: center;
	position: fixed;
	top: 200px;
    z-index: 1000;
	left:90%
    box-shadow: 0px 4px 11px 1px rgb(33 33 33 / 72%);
	
}




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


 h2.pumpe_h2 {
  
  	font-size:26px;

	}
  
    
  .sidebar-section {
  position: absolute;
  height: 100%;
  width: 100%;
}


.sidebar-item {
    text-align: center;
	position: fixed;
	top: 200px;
    z-index: 1000;
	left:97%;
    box-shadow: 0px 4px 11px 1px rgb(33 33 33 / 72%);
    background-color: #179107;
    border-radius: 18px;
    padding: 10px;
    writing-mode: vertical-lr;
    color: #ffffff;

	
}

.stickyText
{
  
      margin-right: 15px;
}
.make-me-sticky {

	top: 200px;
      z-index: 1000;
  padding: 0 15px;
}


.stickImg {
	width: 100%;

}

.stickImg :hover{
	width: 100%;

}

.sidebar-item:hover {
    text-align: center;
	position: fixed;
	top: 200px;
    z-index: 1000;
	left:90%
	transition: all 5s ease;
    box-shadow: 0px 4px 11px 1px rgb(33 33 33 / 72%);
}


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

 h2.pumpe_h2 {
  
  	font-size:24px;

	}
  
  .sppb-panel-title {
 
    font-size: 18px;
 
	}
  
  
  
    
  .sidebar-section {
  position: absolute;
  height: 100%;
  width: 100%;
}


.sidebar-item {
    text-align: center;
	position: fixed;
	top: 200px;
    z-index: 1000;
	left:97%;
    box-shadow: 0px 4px 11px 1px rgb(33 33 33 / 72%);
    background-color: #179107;
    border-radius: 18px;
    padding: 10px;
    writing-mode: vertical-lr;
    color: #ffffff;

	
}

.stickyText
{
  
      margin-right: 15px;
}
.make-me-sticky {

	top: 200px;
      z-index: 1000;
  padding: 0 15px;
}


.stickImg {
	width: 100%;

}

.stickImg :hover{
	width: 100%;

}

.sidebar-item:hover {
    text-align: center;
	position: fixed;
	top: 200px;
    z-index: 1000;
	left:90%
    box-shadow: 0px 4px 11px 1px rgb(33 33 33 / 72%);
	
}



}
@media (min-width: 1200px) {
   h2.pumpe_h2 {
  
  	font-size:28px;

	}
  
   .sppb-panel-title {
 
    font-size: 18px;
 
	}
  
  
  
    
  .sidebar-section {
  position: absolute;
  height: 100%;
  width: 100%;
}


.sidebar-item {
    text-align: center;
	position: fixed;
	top: 200px;
    z-index: 1000;
	left:97%;
    box-shadow: 0px 4px 11px 1px rgb(33 33 33 / 72%);
    background-color: #179107;
    border-radius: 18px;
    padding: 10px;
    writing-mode: vertical-lr;
    color: #ffffff;

	
}

.stickyText
{
  
      margin-right: 15px;
}
.make-me-sticky {

	top: 200px;
      z-index: 1000;
  padding: 0 15px;
}


.stickImg {
	width: 100%;

}

.stickImg :hover{
	width: 100%;

}

.sidebar-item:hover {
    text-align: center;
	position: fixed;
	top: 200px;
    z-index: 1000;
	left:90%
    box-shadow: 0px 4px 11px 1px rgb(33 33 33 / 72%);
	
}


}
 

/********************************End css by Milan ***************************



/* */


/********************************Start css by Julien ***************************/

.iconsvgsize img.sppb-img-responsive {
    width: 90px;
	margin-bottom: 15px;
}

.iconsvgsizebig img.sppb-img-responsive {
    width: 130px;
	margin-bottom: 15px;
}

@media  screen and (max-width: 430px) {
	.iconsvgsize img.sppb-img-responsive {
    width: 80px;
	margin-bottom: 10px;
}
}

/********************************End css by Julien ***************************/




/* ANIMATION */

@-webkit-keyframes ripple {
  70% {
      box-shadow: 0 0 0 40px rgba(255, 255, 255, 0);
  }
  100% {
      box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
  }
}

@keyframes ripple {
  70% {
      box-shadow: 0 0 0 40px rgba(255, 255, 255, 0);
  }
  100% {
      box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
  }
}

/* */

@media (min-width: 320px) {#sp-top1 .sppb-container-inner {max-width: 400px;width: 100%;
margin-right: auto;
margin-left: auto;}}
@media (min-width: 576px) {#sp-top1 .sppb-container-inner {max-width: 540px;width: 100%;
margin-right: auto;
margin-left: auto;}}
@media (min-width: 768px) {#sp-top1 .sppb-container-inner {max-width: 720px;width: 100%;
margin-right: auto;
margin-left: auto;}}
@media (min-width: 992px) {#sp-top1 .sppb-container-inner {max-width: 960px;width: 100%;
margin-right: auto;
margin-left: auto;}}
@media (min-width: 1200px) {#sp-top1 .sppb-container-inner {max-width: 1200px;width: 100%;
margin-right: auto;
margin-left: auto;}
.sppb-container {max-width: 1200px;}
}


@media (min-width: 320px) {#sp-top3 .sppb-container-inner {max-width: 400px;width: 100%;
margin-right: auto;
margin-left: auto;}}
@media (min-width: 576px) {#sp-top3 .sppb-container-inner {max-width: 540px;width: 100%;
margin-right: auto;
margin-left: auto;}}
@media (min-width: 768px) {#sp-top3 .sppb-container-inner {max-width: 720px;width: 100%;
margin-right: auto;
margin-left: auto;}}
@media (min-width: 992px) {#sp-top3 .sppb-container-inner {max-width: 960px;width: 100%;
margin-right: auto;
margin-left: auto;}}
@media (min-width: 1200px) {#sp-top3 .sppb-container-inner {max-width: 1200px;width: 100%;
margin-right: auto;
margin-left: auto;}}

@media (min-width: 320px) {#sp-bottom1  .sppb-container-inner {max-width: 400px;width: 100%;
margin-right: auto;
margin-left: auto;}}
@media (min-width: 576px) {#sp-bottom1  .sppb-container-inner {max-width: 540px;width: 100%;
margin-right: auto;
margin-left: auto;}}
@media (min-width: 768px) {#sp-bottom1  .sppb-container-inner {max-width: 720px;width: 100%;
margin-right: auto;
margin-left: auto;}}
@media (min-width: 992px) {#sp-bottom1 .sppb-container-inner {max-width: 960px;width: 100%;
margin-right: auto;
margin-left: auto;}}
@media (min-width: 1200px) {#sp-bottom1  .sppb-container-inner {max-width: 1200px;width: 100%;
margin-right: auto;
margin-left: auto;}}


@media (min-width: 320px) {#sp-footer  .sppb-container-inner {max-width: 400px;width: 100%;
margin-right: auto;
margin-left: auto;
padding-right: 15px;
padding-left: 15px;}}
@media (min-width: 576px) {#sp-footer  .sppb-container-inner {max-width: 540px;width: 100%;
margin-right: auto;
margin-left: auto;
padding-right: 15px;
padding-left: 15px;}}
@media (min-width: 768px) {#sp-footer  .sppb-container-inner {max-width: 720px;width: 100%;
margin-right: auto;
margin-left: auto;
padding-right: 15px;
padding-left: 15px;}}
@media (min-width: 992px) {#sp-footer .sppb-container-inner {max-width: 960px;width: 100%;
margin-right: auto;
margin-left: auto;}}
@media (min-width: 1200px) {#sp-footer  .sppb-container-inner {max-width: 1200px;width: 100%;
margin-right: auto;
margin-left: auto;
padding-right: 15px;
padding-left: 15px;}}


@media (min-width: 320px) {#sp-banner  .sppb-container-inner {max-width: 400px;width: 100%;
margin-right: auto;
margin-left: auto;
padding-right: 15px;
padding-left: 15px;}}
@media (min-width: 576px) {#sp-banner  .sppb-container-inner {max-width: 540px;width: 100%;
margin-right: auto;
margin-left: auto;
padding-right: 15px;
padding-left: 15px;}}
@media (min-width: 768px) {#sp-banner  .sppb-container-inner {max-width: 720px;width: 100%;
margin-right: auto;
margin-left: auto;
padding-right: 15px;
padding-left: 15px;}}
@media (min-width: 992px) {#sp-banner .sppb-container-inner {max-width: 960px;width: 100%;
margin-right: auto;
margin-left: auto;}}
@media (min-width: 1200px) {#sp-banner  .sppb-container-inner {max-width: 1200px;width: 100%;
margin-right: auto;
margin-left: auto;
padding-right: 15px;
padding-left: 15px;}}


@media (min-width: 320px) {.contained-row  .sppb-container-inner {max-width: 400px;width: 100%;
margin-right: auto;
margin-left: auto;}}
@media (min-width: 576px) {.contained-row  .sppb-container-inner {max-width: 540px;width: 100%;
margin-right: auto;
margin-left: auto;}}
@media (min-width: 768px) {.contained-row  .sppb-container-inner {max-width: 720px;width: 100%;
margin-right: auto;
margin-left: auto;}}
@media (min-width: 992px) {.contained-row .sppb-container-inner {max-width: 960px;width: 100%;
margin-right: auto;
margin-left: auto;}}
@media (min-width: 1200px) {.contained-row  .sppb-container-inner {max-width: 1200px;width: 100%;
margin-right: auto;
margin-left: auto;}}



/* J4 Optimization */

.sp-megamenu-wrapper, #sp-header > .container > .container-inner > .row > div > .sp-column,
#sp-header > .row > div > .sp-column  {display: block !important;}

.offcanvas-menu .offcanvas-inner .sp-module .sp-module-title{font-family: 'Inter';font-style: normal;font-weight: 700;font-size: 20px;line-height: 24px;color: rgba(255, 255, 255, 0.9);}
.offcanvas-menu .offcanvas-inner .Informationen-menu{padding-top: 20px;}


#sp-header .sp-module {
  margin-left: 0px !important; 
}

@media (min-width: 1400px) {#sp-footer  .sppb-container-inner {max-width: 1200px;width: 100%;
margin-right: auto;
margin-left: auto;
padding-right: 15px;
padding-left: 15px;}
.container{max-width: 1200px;}

}

@media (min-width: 1400px) {#sp-banner  .sppb-container-inner {max-width: 1200px;width: 100%;
margin-right: auto;
margin-left: auto;
padding-right: 15px;
padding-left: 15px;}}

@media (min-width: 1400px) {#sp-bottom1  .sppb-container-inner {max-width: 1200px;width: 100%;
margin-right: auto;
margin-left: auto;
padding-right: 15px;
padding-left: 15px;}}

@media (min-width: 1400px) {#sp-top1  .sppb-container-inner {max-width: 1200px;width: 100%;
margin-right: auto;
margin-left: auto;
padding-right: 15px;
padding-left: 15px;}}

@media (min-width: 1400px) {#sp-top3  .sppb-container-inner {max-width: 1200px;width: 100%;
margin-right: auto;
margin-left: auto;
padding-right: 15px;
padding-left: 15px;}}

@media (min-width: 1400px) {.contained-row  .sppb-container-inner {max-width: 1200px;width: 100%;
margin-right: auto;
margin-left: auto;
padding-right: 15px;
padding-left: 15px;}}

@media (min-width: 1400px) {.sppb-row-container {max-width: 1200px;width: 100%;
margin-right: auto;
margin-left: auto;
padding-right: 15px;
padding-left: 15px;}}

@media (min-width: 1400px) {.sp-slider .sppb-container {max-width: 1200px;width: 100%;
margin-right: auto;
margin-left: auto;
padding-right: 15px;
padding-left: 15px;}}



:root {
  --secondcolor: #55efc4;
  --thirdcolor: #57b33c;
}

.sppb-panel-modern>.sppb-panel-heading{
    padding: 17px 30px 17px 15px;
    background: #57b33e;
    color: #ffffff;
}
/* RTL OPTIMIZE 

.sppb-text-left {
  text-align: right;
}

.sppb-text-right {
  text-align: left;
}

.sp-megamenu-parent > li + li > a {
  margin-right: 38px;
  margin-left: 0;
}

.sppb-panel-heading .sppb-toggle-direction {
  left: 15px;
  right: auto;
}

.article-info > span i {
  margin-left: 8px;
}

*/
.sppb-carousel.sppb-carousel-pro .sppb-item .sp-page-builder .page-content .sppb-section:nth-child(2){margin-top:-20px !important;border-radius: 15px 15px 0 0 !important;}

body #offcanvas-toggler.offcanvas-toggler-right{margin-right: 0;}
#offcanvas-toggler{height: 70px;margin-left: 0;}

.offcanvas-menu{width: 100%;background: #179107 !important;}
body.ltr.offcanvs-position-right .offcanvas-menu{right: -100%;}


.sppb-carousel.sppb-carousel-pro .sppb-sp-slider-text{margin-bottom: 10px !important;}

.color-green-h2 h2.sppb-addon-title{color: #179107;}

.nutzen-img-box h3.sppb-addon-title{ text-align: left; }


.nutzen-hover-box.image-effect-zoom-out .overlay-image-button-wrap a.sppb-btn-round{border-radius: 50px;}
.nutzen-hover-box.image-effect-zoom-out:hover .overlay-background-image{transform: inherit !important;}
.nutzen-hover-box.image-effect-zoom-out .sppb-addon-overlay-image-content{border-radius: 17px;}


.sppb-column.unser-box > .sppb-column-addons > .sppb-addon-wrapper{position: relative;background-color: #179107;border-radius: 30px 30px 30px 0;}
.sppb-column.unser-box > .sppb-column-addons > .sppb-addon-wrapper:before{border-style: solid;border-width: 45px 40px 0 0;border-color: #179107 transparent transparent transparent;content: "";position: absolute;left: 0;bottom: -44px;}

.sppb-column.unser-box.unser-box-top > .sppb-column-addons > .sppb-addon-wrapper{border-radius: 0px 30px 30px 30px;}
.sppb-column.unser-box.unser-box-top > .sppb-column-addons > .sppb-addon-wrapper:before{border-style: solid;border-width: 45px 0px 0px 40px;border-color: transparent transparent transparent #179107;content: "";position: absolute;left: 0;top: -44px;bottom: auto;}

.sppb-column.unser-box .offer-text{margin-bottom: 10px;}
.sppb-column.unser-box h3{color: #cfe7cd;margin: 0px 0 5px 0;font-size: 18px;font-weight: 500;}

.sppb-column.unser-box .offer-text .price{font-size: 23px;color: #fff;}


.funktioniert-list-row .sppb-row > .sppb-col-md-3{-ms-flex: 0 0 20%;flex: 0 0 20%;max-width: 20%;}
.funktioniert-list-row .sppb-row > .sppb-col-md-3:first-child{z-index: 6;}
.funktioniert-list-row .sppb-row > .sppb-col-md-3:nth-child(2){z-index: 5;}
.funktioniert-list-row .sppb-row > .sppb-col-md-3:nth-child(3){z-index: 4;}
.funktioniert-list-row .sppb-row > .sppb-col-md-3:nth-child(4){z-index: 3;}
.funktioniert-list-row .sppb-row > .sppb-col-md-3:nth-child(5){z-index: 2;}
.funktioniert-list-row .funktioniert-box{position: relative;z-index: 0;padding-right: 5px;}
.funktioniert-list-row .funktioniert-box:before{width: 0;height: 0;border-style: solid;border-width: 20px 0 20px 35px;border-color: transparent transparent transparent #e7e8e7;content: "";position: absolute;right: -28px;z-index: 26;}

.funktioniert-list-row .funktioniert-box:after{width: 0;height: 0;border-style: solid;border-width: 25px 0px 25px 40px;border-color: transparent transparent transparent #fff;content: "";position: absolute;right: -36px;z-index: 4;}

.funktioniert-list-row .funktioniert-box.funktioniert-box-2:before{border-color: transparent transparent transparent #d5d8d5;}
.funktioniert-list-row .funktioniert-box.funktioniert-box-3:before{border-color: transparent transparent transparent #c4c4c4;}
.funktioniert-list-row .funktioniert-box.funktioniert-box-4:before{border-color: transparent transparent transparent #afadad;}
.funktioniert-list-row .funktioniert-box.funktioniert-box-5:before,.funktioniert-list-row .funktioniert-box.funktioniert-box-5:after{display: none;}

.text-box-col{position: relative;}
.text-box-col:before{content: "";width: 0;height: 0;border-style: solid;border-width: 0 30px 70px 30px;border-color: transparent transparent #179107 transparent;position: absolute;top: -70px;left: 0;right: 0;margin: auto;}
.text-box-col::after {content: "";width: 0;height: 0;border-style: solid;border-width: 0 27px 65px 27px;border-color: transparent transparent #f0f5f0 transparent;position: absolute;top: -65px;left: 0;right: 0;margin: auto;}

.text-box-col .sppb-addon-content h3{color: #1B920C;margin-bottom: 15px;font-weight: 500;font-size: 24px;}
.text-box-col iframe{width: 100%;}



.saving-calculation-main h3{font-weight: 500;text-align: center;margin-bottom: 20px;}


.saving-calculation-main .row{margin-bottom: 50px;align-items: center; margin-left: -15px;margin-right: -15px;}
.saving-calculation-main .container > .row:last-child{margin-bottom: 0;}
.saving-calculation-main .fitting-pkg-sec{background: #179107;padding: 0;border-radius: 50px;}
.saving-calculation-main select.fitting-pkg{margin: 0;border: 0;color: #fff !important;background: url(/images/down-arrow.png) no-repeat right 15px center  !important;text-align: center;height: 50px;font-size: 21px;font-weight: 600;appearance: none;-webkit-appearance: none;background-size: 25px !important;}
.saving-calculation-main select.fitting-pkg option{background: #9BCC93 !important;}

.saving-calculation-main .cal-field{padding: 0px;border-radius: 50px;text-align: center;height: auto;font-size: 30px;font-weight: 600;
background: none;color: #000;line-height: 40px;}

.saving-calculation-main .container > .row .col-12{}
.saving-calculation-main .cal-field.overall-savings{background: none;display: block;color: #179107;font-size: 40px;}

.saving-calculation-main .range-sec{position: relative;}

.saving-calculation-main .range-sec .content{height: 30px;}
.saving-calculation-main .range-sec .content .number{font-size: 20px;font-weight: bold;color: #1B920C; display: inline-block;}
.saving-calculation-main .range-sec .content .number.old,.saving-calculation-main .range-sec .content .number.new{display: none;}
.saving-calculation-main .range-sec .content .number.new{transform: rotate(0deg) translatex(-5px) translateY(0px) !important;}


.saving-calculation-main .range {-webkit-appearance: none;width: 100%;height: 5px;border-radius: 50px;background: #1A920B;outline: none;
opacity: 1;-webkit-transition: .2s;transition: opacity .2s;}

.saving-calculation-main .range::-webkit-slider-thumb {-webkit-appearance: none;appearance: none;width: 25px;height: 25px;border-radius: 50%; background: #000000;cursor: pointer;}

.saving-calculation-main .range::-moz-range-thumb {width: 25px;height: 25px;border-radius: 50%;background: #000000;cursor: pointer;}


.cal-line{position: relative;border-bottom: 3px solid #179107;margin-bottom: 10px;}
.saving-calculation-main .cal-line h3 {font-size: 24px;color: #179107;}
.cal-line:before{border-style: solid;border-width: 42px 25px 0 25px;border-color: #179107 transparent transparent transparent;content: "";position: absolute;left: 0;bottom: -43px;right: 0;margin: auto;width: 50px}

.cal-line:after{border-style: solid;border-width: 36px 22px 0 22px;border-color: #f0f5f0 transparent transparent transparent;content: "";position: absolute;left: 0;bottom: -36px;width: 34px;margin: 0 auto;right: 0;z-index: 1;}


.sp-slider.sp-fade-slider .sp-item::before {content: "";background: rgba(0,0,0,0.4);position: absolute;left: 0;right: 0;top: 0;bottom: 0;}


/*.sppb-addon-text-block.more-info-text{position: relative;border:2px solid #179107;padding: 15px; margin-top: 20px;border-radius: 15px;}*/

.sppb-addon-text-block.more-info-text > .sppb-addon-content{position: relative;border: 2px solid #179107;padding: 15px;margin-top: 51px;
border-radius: 15px;}
.sppb-addon-text-block.more-info-text > .sppb-addon-content:before{content: "";width: 0;height: 0;border-style: solid;border-width: 0 20px 39px 20px;border-color: transparent transparent #179107 transparent;position: absolute;top: -40px;left: 0;right: 0;margin: auto;}

.sppb-addon-text-block.more-info-text > .sppb-addon-content:after{content: "";width: 0;height: 0;border-style: solid;border-width: 0 18px 36px 18px;border-color: transparent transparent #fff transparent;position: absolute;top: -36px;left: 0;right: 0;margin: auto;}

.sppb-addon-text-block.more-info-text.more-info-text3 > .sppb-addon-content:before{left: auto;right: 14%;}
.sppb-addon-text-block.more-info-text.more-info-text3 > .sppb-addon-content:after{left: auto;right: 14.2%;}

.sppb-addon-text-block.more-info-text.more-info-text1 > .sppb-addon-content:before{right: auto;left: 14%;}
.sppb-addon-text-block.more-info-text.more-info-text1 > .sppb-addon-content:after{right: auto;left: 14.2%;}

.sppb-addon-table.price-table .sppb-addon-table-main tbody > tr:last-child{border-top: 2px solid #1b920c;}



.sppb-section.more-info-text{margin-top: -35px !important;margin-bottom: 50px !important;}
.sppb-section.more-info-text .sppb-column.text-box-col{margin-top: 70px;}


.sppb-addon-table.price-table .sppb-addon-table-main tbody tr td .left-last-row .sppb-addon-content{padding-bottom: 7px;}

@media screen and (max-width: 1370px) {
.funktioniert-list-row .sppb-addon-content h3.sppb-addon-title{font-size: 12px !important;}
}
@media screen and (max-width: 1199px) {


.solaranlage-section .tri > .row > div {width: 240px;padding: 0 10px;height: 230px;}

.solaranlage-section .wie-list-box{height: calc(100% - 8px);}
.solaranlage-section .wie-list-box img{max-width: 70%;}
.solaranlage-section .wie-list-box h3 {font-size: 20px;}

}


@media screen and (max-width: 1170px) {

.sppb-panel-modern>.sppb-panel-heading{
    padding: 17px 30px 17px 15px;
    background: #57b33e;
    color: #ffffff;
}
.faq-pg .sp-page-title .sp-page-title-heading,
.sppb-carousel-pro-text h2,
.partnerprog--pg .sp-page-title .sp-page-title-heading
{font-size: 37px !important;line-height: normal !important;}
.sppb-carousel.sppb-carousel-pro .sppb-sp-slider-image,.sppb-carousel.sppb-carousel-pro .sppb-sp-slider-text,.sppb-carousel.sppb-carousel-pro .sppb-sp-slider-title{margin-bottom: 15px !important;}
.sppb-carousel.sppb-carousel-pro .sppb-sp-slider-text{font-weight: 700 !important;font-size: 20px !important;line-height: 24px !important;}

.sppb-carousel.sppb-carousel-pro .sppb-item .sp-page-builder .page-content .sppb-section{/*padding-top: 30px !important;*/padding-bottom: 30px !important;}

.sppb-carousel.sppb-carousel-pro .sppb-item .sp-page-builder .page-content .sppb-section-title{ margin-bottom: 20px !important;}
.sppb-carousel.sppb-carousel-pro .sppb-item .sp-page-builder .page-content .sppb-section-title .sppb-title-heading{  margin-bottom: 20px !important;  font-size: 25px !important;}

.sppb-carousel-pro.sppb-slide .sppb-carousel-indicators{top: 43%;}
.solaranlage-section .wie-list-box h3{font-size: 18px;line-height: 1;}
.solaranlage-section .wie-list-box a{padding: 30px 10px;}

#sp-page-builder .sppb-section-title{margin-bottom: 20px;}
.sp-page-builder .page-content .sppb-section-title .sppb-title-heading{font-size: 27px !important;line-height: 1.2 !important;}
.sppb-section.soin-block-wrap .sppb-row > div {padding: 0 20px;}
.sppb-section.soin-block-wrap .sppb-row > div > .sppb-col-md-4{padding-top: 22px;padding-right: 20px;padding-bottom: 22px;padding-left: 20px;}

.sppb-addon-articles-carousel.news-slider-list .sppb-articles-carousel-content .sppb-articles-carousel-link{font-size: 20px !important;}
.sppb-addon-articles-carousel.news-slider-list .sppb-articles-carousel-content .sppb-articles-carousel-introtext{font-size: 16px !important;
line-height: 22px;}
.sppb-addon-articles-carousel.news-slider-list .sppb-articles-carousel-content .btn-read-more{padding: 11px 25px !important;}

.sppb-addon-header.icon-list .sppb-addon-title{font-size: 18px !important;}
.sppb-addon-header.icon-list .sppb-addon-title-icon {font-size: 22px;margin-right: 5px;}

.sppb-carousel.sppb-carousel-pro .sppb-item .sp-page-builder .page-content .sppb-section:first-child{padding-bottom: 0px !important;}

.sppb-carousel.sppb-carousel-pro .sppb-carousel-inner > .sppb-item{height: auto !important;}

.new-banner-section .sppb-carousel.sppb-carousel-pro .sppb-carousel-inner > .sppb-item{height: 450px !important;}

#sp-page-builder .feature-article-box .sppb-section-title{text-align: center;}
.sp-page-builder .page-content #section-id-1671525025551 .sppb-section-title .sppb-title-subheading {font-size: 18px !important;line-height: normal;}


.funktioniert-list-row .sppb-img-container img.sppb-img-responsive{max-width: 90px;}
.funktioniert-list-row .sppb-addon-content h3.sppb-addon-title{font-size: 11px !important;}


}

@media screen and (max-width: 991px) {


.header-top #sp-top2{display: none;}
.header-top #sp-top1{padding-right:50px;}
.header-top .location.content{font-size: 0;}
.header-top .content:last-child{display: none;}
.header-top .sppb-addon-content .inner{justify-content: end;}
.header-btm .sp-megamenu-parent{display: none !important;}
.header-btm .sp-megamenu-wrapper{border: 0; padding: 0;}
.header-btm{/*position: absolute;*/ top: 0; right: 65px; padding: 0; background: none; display: block !important;    overflow: visible !important;}

body.ltr #offcanvas-toggler.offcanvas-toggler-right{position: absolute; right: 15px;top: -68px !important;}


 .burger-icon > span {
    background-color: #ffffff;
    height: 3px;
    margin: 3px 0; /* Set the default margin value for non-iOS devices within this media query */
    display: block;
  }


.solaranlage-section .wie-list-box h3 {font-size: 13px;line-height: 1;}

.sppb-section.soin-block-wrap .sppb-row > div {padding: 20px 20px;}
.sppb-section.soin-block-wrap .sppb-row > div .soin-block::before {top: auto;margin: auto;top: auto;left: 0;right: 0;bottom: -53px;transform: rotate(90deg);}
/*.hm-testimonioal-slider-wrap .hm-testimonioal-slider .sppb-carousel-extended-item{margin-right: 15px !important;}*/

.feature-article-box .feature-article .sppb-addon-article .sppb-article-info-wrap{width: 100%;padding-right: 0; margin-top: 15px;}
.feature-article-box .feature-article .sppb-addon-article a.sppb-article-img-wrap{width: 100%;}
.feature-article-box .feature-article .sppb-addon-article .sppb-article-info-wrap h3{font-size: 18px;line-height: normal;}
.feature-article-box .sppb-article-introtext{font-size: 14px;margin-bottom: 25px;}
.feature-article-box a.sppb-readmore{display: inline-block;}


.header-sticky .header-btm{display: block !important;    overflow: visible !important;}

.offcanvas-menu .offcanvas-inner ul.menu > li > a, .offcanvas-menu .offcanvas-inner ul.menu > li > span{font-size: 24px;line-height: 29px;
text-transform: uppercase;padding: 15px 0px;}

.offcanvas-menu .offcanvas-inner .Informationen-menu ul.menu > li > a, .offcanvas-menu .offcanvas-inner .Informationen-menu ul.menu > li > span{font-weight: 400 !important;}



.offcanvas-active .offcanvas-overlay{display: none;}
body.ltr.offcanvs-position-right.offcanvas-active .offcanvas-menu,.offcanvas-menu{top: 70px !important;}
.offcanvas-menu .offcanvas-inner{padding: 20px 25px 50px 25px;}


body.ltr.offcanvs-position-right .offcanvas-menu .close-offcanvas{display: none;}


.solaranlage-section .tri > .row > div {width: 210px;height: 220px;}
.solaranlage-section .wie-list-box h3 {font-size: 16px !important;}


.funktioniert-list-row .sppb-addon-content h3.sppb-addon-title {font-size: 10px !important;min-height: 40px;}

}

@media screen and (max-width: 767px) {


a.sppb-btn.green-btn{padding: 15px 25px;}

footer#sp-footer{text-align: center;}

.ft-newslatter-form .bfPage h3{font-size: 27px;}

footer#sp-footer .sppb-empty-space{height: 0px !important;}
#sp-footer .ft-btm-left .sppb-column-addons > div{display: block; text-align: center;}
.footer-socials{text-align: center;}
.sppb-text-center .sppb-addon-content img{display: inline-block;}
.sppb-text-center.graph-img .sppb-addon-content img{height: auto;}
#sp-footer .ft-btm-left .sppb-column-addons > div ul.menu li{display: block;}
#sp-footer .ft-btm-left .sppb-column-addons > div ul.menu li a{padding: 5px 17px;}
footer#sp-footer #column-id-1656351630199{padding-right: 0;}

.solaranlage-section .tri > .row > div{width: 100%;height: auto;}
.solaranlage-section .wie-list-box{height: auto;width: 100%;margin-bottom: 12px;}
.solaranlage-section .wie-list-box a{display: flex;align-items: center;padding: 10px 10px;}
.solaranlage-section .wie-list-box h3{font-size: 20px !important;margin-left: 11px;position: static;text-align: left;}
.solaranlage-section .wie-list-box img{max-width: 70px;height: auto;}

.sp-slider-content-align-left, .sp-slider-image-align-left{text-align: center !important;}
.sppb-carousel-pro.sppb-slide .sppb-carousel-indicators {top: 38%;}

.sppb-carousel-pro.sppb-slide .sp-slider-content-align-left .sppb-sp-slider-button{margin-right: 0;}
.sppb-carousel.sppb-carousel-pro .sppb-sp-slider-image, .sppb-carousel.sppb-carousel-pro .sppb-sp-slider-text, .sppb-carousel.sppb-carousel-pro .sppb-sp-slider-title{margin: 0 auto 15px auto !important;}

.sp-page-builder .page-content .sppb-section.new-slider-wrap .sppb-section-title .sppb-title-heading{text-align: center;}

/*.hm-testimonioal-slider-wrap .hm-testimonioal-slider .sppb-carousel-extended-item{min-height: 332px;}*/
.hm-testimonioal-slider-wrap div.sppb-carousel-extended-dots {bottom: -42px;}
.sppb-column.feature-article-box-inner{padding-bottom: 30px;}

.article-details .article-header h1{font-size: 27px;line-height: 32px;}

.article-details h6.sppb-addon-title{font-size: 22px !important;margin-top: 0 !important;}

.two-col-form .bfQuickMode .bfElemWrap{width: 100%;}

.sppb-addon-single-image-container img {height: 50px;}

.view-article #sppb-newdetail-header-top .sppb-carousel-pro-text{padding-top: 0;}
.article-details {padding-top: 20px;padding-bottom: 20px;}

.article-details .sppb-addon-single-image-container img{width: auto;height: auto;}
.article-details .sppb-addon-content{margin-bottom: 25px;}

#sp-footer .ft-link ul.menu{margin-left: 0;margin-right: 0;}

.offcanvas-menu .offcanvas-inner .sp-module:not(:last-child){margin-right: 0;}
body.ltr .offcanvas-menu .offcanvas-inner ul.menu > li.menu-parent > a > .menu-toggler, body.ltr .offcanvas-menu .offcanvas-inner ul.menu > li.menu-parent > .menu-separator > .menu-toggler{font-size: 30px;}
body.ltr .offcanvas-menu .offcanvas-inner ul.menu > li ul{margin-left: 0;margin-bottom: 0;}

.offcanvas-menu .offcanvas-inner .sp-module ul > li ul li a{font-family: 'Inter';font-style: normal;font-weight: 400;font-size: 20px;line-height: 24px;color: #FFFFFF; display: block;}


.offcanvas-menu .offcanvas-inner ul.menu > li > a, .offcanvas-menu .offcanvas-inner ul.menu > li > span{font-size: 25px;line-height: 28px;}

.sppb-item.sppb-item-has-bg .sppb-carousel-item-inner{padding: 20px 15px;}


.sp-page-title{padding-top: 140px;}
.new-banner-section .sppb-carousel.sppb-carousel-pro .sppb-carousel-inner > .sppb-item {height: 280px !important;}

.new-banner-section .sppb-carousel-pro .sppb-item.sppb-item-has-bg .sppb-carousel-item-inner{padding-left: 0;padding-right: 0;}


footer .ft-newslatter-form .convertforms .cf-content-wrap .cf-content-text{margin: 6px 0 10px 0 !Important;/*font-size: 18px;*/}
.convertforms .cf-footer{margin-bottom: 10px;}

.funktioniert-list-row .funktioniert-box{padding-right: 0;padding-bottom: 5px;}
.funktioniert-list-row .sppb-row > .sppb-col-md-3 {-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}
.funktioniert-list-row .funktioniert-box::before{bottom: -23px;left: 46%;transform: rotate(-30deg);}
.funktioniert-list-row .funktioniert-box::after {right: 0;z-index: 4;left: 45.4%;bottom: -32px;transform: rotate(-30deg);}


.saving-calculation-main .row{text-align: center;margin-bottom: 20px;}
.saving-calculation-main .row .col-6 {width: 100%;margin-bottom: 20px;}


.sppb-column.unser-box.unser-box-top > .sppb-column-addons > .sppb-addon-wrapper{border-radius: 30px 0px 30px 30px;}

.sppb-column.unser-box.unser-box-top > .sppb-column-addons > .sppb-addon-wrapper::before {right: 0;top: -40px;bottom: auto;
left: auto;border-width: 0px 0px 40px 40px;border-color: transparent transparent #179107 transparent;content: "";}


.das-servicepaket-btm{text-align: center;}
.text-box-col::before {border-width: 0 23px 50px 23px;top: -50px;}
.text-box-col::after {border-width: 0 21px 48px 21px;top: -45px;}

.text-box-col .sppb-addon-content h3{font-size: 20px;}

.cal-line{margin-bottom: 40px;}


.das-servicepaket-box.das-servicepaket-box-main{position: relative;border-bottom: 3px solid #179107;margin-bottom: 10px;margin-bottom: 70px;padding-bottom: 20px;}
.das-servicepaket-box.das-servicepaket-box-main:before{border-style: solid;border-width: 42px 25px 0 25px;border-color: #179107 transparent transparent transparent;content: "";position: absolute;left: 0;bottom: -43px;right: 0;margin: auto;width: 50px}

.das-servicepaket-box.das-servicepaket-box-main:after{border-style: solid;border-width: 36px 22px 0 22px;border-color: #f0f5f0 transparent transparent transparent;content: "";position: absolute;left: 0;bottom: -36px;width: 34px;margin: 0 auto;right: 0;z-index: 1;}
  
.sppb-carousel-pro-text h2 br{display: none;} 
  
.sppb-carousel.sppb-carousel-pro .sppb-sp-slider-text{line-height: 28px !important;}  


.sppb-addon-text-block.more-info-text.more-info-text3 > .sppb-addon-content:before{left: 0;right: 0%;}
.sppb-addon-text-block.more-info-text.more-info-text3 > .sppb-addon-content:after{left: 0;right: 0%;}

.sppb-addon-text-block.more-info-text.more-info-text1 > .sppb-addon-content:before{right: 0;left: 0%;}
.sppb-addon-text-block.more-info-text.more-info-text1 > .sppb-addon-content:after{right: 0;left: 0%;}
    
.funktioniert-list-row .sppb-addon-content h3.sppb-addon-title {font-size: 13px !important;min-height: inherit;} 

.funktioniert-list-row .sppb-img-container img.sppb-img-responsive {max-width: inherit;}   


.sppb-addon-table.price-table .sppb-addon-table-main tbody tr td {padding: 12px 5px !important;}

}

@media screen and (max-width: 650px) {

#sp-header .logo img{max-width: 157px;}
body.ltr #offcanvas-toggler.offcanvas-toggler-right{top: -60px !important;}
.sppb-addon-single-image-container img {height: 31px;}

.offcanvas-menu .offcanvas-inner ul.menu > li > a, .offcanvas-menu .offcanvas-inner ul.menu > li > span{font-size: 20px;
line-height: 25px;}

body.ltr.offcanvs-position-right.offcanvas-active .offcanvas-menu,.offcanvas-menu{top: 48px !important;}

}

@media screen and (max-width: 600px) {

.sppb-carousel-pro.sppb-slide .sppb-carousel-indicators {top: 33%;}

}

@media screen and (max-width: 480px) {

.sppb-carousel-pro.sppb-slide .sppb-carousel-indicators {top: 42%;}

.faq-pg .sp-page-title .sp-page-title-heading,.sppb-carousel-pro-text h2,
.partnerprog--pg .sp-page-title .sp-page-title-heading,
.coffee-machines-detail-pg .sp-page-title-heading {font-size: 26px !important;line-height: 36px !important;}

.sppb-addon-table.price-table .sppb-addon-table-main tbody tr td h3.sppb-addon-title{font-size: 12px !important;}

}


.sppb-articles-carousel-column.blurry-slide:before {position: absolute; content: ""; top: 0; bottom: 0; left: 0; right: 0;background: linear-gradient(265.56deg, #F0F5F0 3.07%, rgba(240, 245, 240, 0) 115.77%);z-index: 1; width: 80px;}

body.view-article #sp-main-body{padding: 0px !important;}

.sppb-testimonial-carousel-message {/*height: 120px; max-height: 120px;*/}

.offcanvas-menu .offcanvas-inner ul.menu > li.menu-parent > a > .menu-toggler::after, .offcanvas-menu .offcanvas-inner ul.menu > li.menu-parent > .menu-separator > .menu-toggler::after {content: "\f107";}
.offcanvas-menu .offcanvas-inner ul.menu > li.menu-parent.menu-parent-open > a > .menu-toggler::after, .offcanvas-menu .offcanvas-inner ul.menu > li.menu-parent.menu-parent-open > .menu-separator > .menu-toggler::after {content: "\f106";}

.article-details li.field-entry.product-titles {display: none;}
.feature-article-box .sppb-title-heading{font-family: 'Inter';}
#hausausstattung-slides,#versicherungen-slides,#immobilien-slides{  display: none;}
h3.mobile-category-title{display: none;}

@media screen and (max-width: 480px) {

body.homepg h3.mobile-category-title{display: none;}
h3.mobile-category-title{display: block;  font-family: 'Inter';  font-style: normal;  font-weight: 400;  font-size: 20px;  line-height: 24px;text-align: center;  color: #FFFFFF;  top: -170px;  position: absolute;  margin: auto !important; padding: 0 80px; left: 0; right: 0;}

}

html.coming-soon body {background-color: #179107;}
html.coming-soon #coming-soon-countdown,.coming-soon-content,.coming-soon-title{display: none;}

html.coming-soon input#password,html.coming-soon input#username {padding: 14px 20px;margin-bottom:0px;background-color: currentColor;
  border-radius: 0px;}
html.coming-soon .input-group.mb-2,html.coming-soon .col-auto {float: left; width: auto;margin-right: 10px;}
html.coming-soon .input-group-text{padding: 0px 0 0px 4px;margin:0px;}
html.coming-soon .coming-soon-position{margin-top:0px;}
html.coming-soon input[type="submit"]{padding: 21.5px;}

.coffee-machines-sec .sppb-carousel-extended-item{height:220px;}
.coffee-machines-sec .sppb-carousel-extended-item img {border-radius: 10px;}
.coffee-machines-sec .sppb-carousel-extended-subheading{background-color: #fff;color: #179107;padding: 12px 20px 13px 20px;font-size: 14px;font-family: "Inter";border-radius: 50px;font-weight: 600;}
.coffee-machines-sec .sppb-carousel-extended-nav-control .nav-control{ border: 1px solid #179107;color: #179107;margin-left: 0 !important;margin-right: 0 !important;}
.coffee-machines-detail .sppb-addon-single-image-container img{height:auto;}
.coffee-machines-sec .sppb-carousel-extended-item-overlay{border-radius: 10px;visibility: visible !important; opacity: 1;}
.coffee-machines-sec .sppb-carousel-extended-heading{/* filter: drop-shadow(3px 2px 1px #179107);*/font-size: 17px !important;line-height: 1.2 !important;}
.coffee-machines-detail-pg .sp-page-title-heading{font-size: 55px;line-height: 67px;margin: 0px 0px 0px 0px;color: #FFFFFF;   font-family: Inter;text-transform: uppercase;font-weight: 700;text-align: left;}

.automatic-coffee-machines  h3.sppb-addon-title{font-size: 18px !important;min-height: 50px;}
.more-info-text{display:none;}
.solaranlage-section .wie-list-box:hover {border: 2px solid #179107;padding: 0px;}


.coffee-machines-sec .sppb-carousel-extended-dots ul li{margin: 0 4px; height: 15px !important; line-height: 15px !important;  border-radius: 100px !important;}
.coffee-machines-sec .sppb-carousel-extended-dots ul li.active{width: 46px !important;}

.coffee-machines-sec .sppb-carousel-extended-dots ul li:hover span,
.coffee-machines-sec .sppb-carousel-extended-dots ul li.active span {background: #179107;}

.coffee-machines-sec div.sppb-carousel-extended-dots {bottom: -55px;}

.sp-megamenu-parent.menu-animation-fade-up .sp-has-child:hover > .sp-dropdown {
  animation: spFadeInDown 200ms ease-in;
}

/*.impressum.com-sppagebuilder #sp-main-body, 
.faq-pg.com-sppagebuilder #sp-main-body,
.data-protection.com-sppagebuilder #sp-main-body,
.partnerprog--pg.com-sppagebuilder #sp-main-body 
{
	margin-top: 200px;
}
*/

@media screen and (max-width: 767px) 
{
  .impressum .sp-page-title .sp-page-title-heading,
  .data-protection .sp-page-title .sp-page-title-heading,
  .contact-pg .sp-page-title .sp-page-title-heading,
  .faq-pg .sp-page-title .sp-page-title-heading,
  .partnerprog--pg .sp-page-title .sp-page-title-heading  {
      font-size: 26px !important;
      line-height: 36px !important;
  }  
}

/* ######## GK ########### */ 
/* Testimonials Carousel */ 
.sppb-testimonial-carousel-message {
    text-align: center !important;
  margin-bottom: 0px !important;
}


#sppb-addon-1673340241547 .sp-slider #sp-slider-item-1673340241547-num-0-key #sp-slider-inner-item-1673340241548-num-2-key{
    color: #ffffff;
}