html
{
  scroll-padding-top: 9vw; /* height of sticky header */
  scroll-behavior: smooth;
}
body {
  background-color: #fcfcfc;
}
/* deactived red featured lable */
.article-list .article .featured-article-badge { display: none; visibility: hidden;}

/* oberen Abstand minimieren */
.com-content #sp-main-body { padding: 0px; } /*normale seite*/
.com_convertforms #sp-main-body { padding: 0px; } /*bestellform */

/* deactived page Titel */
.page-header { padding: 10px 0; display: none; visibility: hidden;}

/* deactived border */
.article-list .article { border:none;padding:0px;margin-bottom:0px;}

/* bottom title */
#sp-bottom .sp-module .sp-module-title {
  font-size: 24px;
  margin: 0 0 20px;
}

/* top_bar style */
#sp-top1 {
  display:none;
  visibility: hidden;
}

#sp-top2 {
  width: 100%;
}

.text-lg-end {
    text-align: center !important;
}

.btn-primary, .sppb-btn-primary {
  border-color: #d23138;
  background-color:#d23138;
}
.btn-primary:hover, .sppb-btn-primary:hover{
  background-color: #4c9d2b;
  border-color: #4c9d2b;
}

.card-text {
  font-size:16px;
}

/*navigation helix */
.sp-megamenu-parent > li > a {
  color: #d23138;
}
.sp-megamenu-parent>li:hover>a {
  color:#4c9d2b; /*#0345bf*/
}
.sp-megamenu-parent>li.active>a,
.sp-megamenu-parent>li.active:hover>a {
  color:#4c9d2b; /*#0345bf*/
}

.container-fluid {
  padding-left: 0px;
  padding-right: 0px;
}

/* own css */

.txt_r, txt_r1, txt_r2,txt_r3{
  color: #d23138;  /*#e50021;*/
}
a.txt_r:hover {
  color: #4c9d2b;
}
div.img-em:hover {
  color: #4c9d2b;
  background-image:url("../../../images/zedern_em_kon_g.png");
  background-repeat: no-repeat;
 
}
div.img-em1:hover {
  color: #4c9d2b;
  background-image:url("../../../images/zedern_em_footer_g.png");
  background-repeat: no-repeat;
}
div.img-em2:hover {
  color: #4c9d2b;
  background-image:url("../../../images/zedern_em_impr_g.png");
  background-repeat: no-repeat;
  background-size: auto 17px;
  background-position: -1 0;
}
div.img-em:hover img {
    visibility: hidden;
}
div.img-em1:hover img {
    visibility: hidden;
}
div.img-em2:hover img {
    visibility: hidden;
}

.txt_g {
  color: #4c9d2b;
}
.bg_r {
  background-color: #d23138;
}
.bg_gy {
  background-color: #f6f6f6;
}

.qr-img {
  width: 150px;
  height: auto;
}

/* hamburger menu am desktop anzeigen */
.sp-megamenu-parent > li > a {
  padding: 0 12px;
}
@media (max-width: 1400px){
.container { max-width: 100%}
  .sp-megamenu-parent{
   display:flex !important;

  }
}
@media (max-width: 1200px){
  .container { max-width: 100%}
  #offcanvas-toggler {
    display: flex !important;
  }
  .sp-megamenu-parent{
   display:none !important;

  }
}
@media (max-width: 991px) {
 #sp-header {
    height: 75px;
  } 
  #sp-header .logo {
    height: 75px;
  }
  .logo-image {
    height: 75px !important;
  }
}
@media (max-width: 520px) {
  #sp-header {
    height: 55px;
  } 
  #sp-header .logo {
    height: 55px;
  }
  .logo-image {
    height: 55px !important;
  }
}
@media (max-width: 390px) {
  #sp-menu {
    height: 48px;
  }
  #sp-header {
    height: 48px;
  } 
  #sp-header .logo {
    height: 48px;
  }
  .logo-image {
    height: 48px !important;
  }
  .offcanvas-menu {
      width: 250px;
  }
}
@media (width <= 340px) {
  #sp-menu {
    height: 43px;
  }
  #sp-header {
    height: 43px;
  } 
  #sp-header .logo {
    height: 43px;
  }
  .logo-image {
    height: 43px !important;
  }
  .offcanvas-menu {
      width: 220px;
  }
}
@media (width <= 320px) {
  .row {
    --bs-gutter-x: 0.3rem;
  }
  body.ltr #offcanvas-toggler.offcanvas-toggler-right {
    float: right;
    margin-left: 0px;
  }
  #sp-menu {
    height: 38px;
  }
  #sp-header {
    height: 38px;
  } 
  #sp-header .logo {
    height: 38px;
  }
  .logo-image {
    height: 38px !important;
  }
  .offcanvas-menu {
      width: 220px;
  }
}
@media (width <= 250px) {
  .row {
    --bs-gutter-x: 0.2rem;
  }
  body.ltr #offcanvas-toggler.offcanvas-toggler-right {
  float: right;
  margin-left: 0px;
}
  #sp-menu {
    height: 30px;
  }
  #sp-header {
    height: 30px;
  } 
  #sp-header .logo {
    height: 30px;
  }
  .logo-image {
    height: 30px !important;
  }
  .offcanvas-menu {
      width: 220px;
  }
}
@media (width <= 210px) {
  .row {
    --bs-gutter-x: 0.2rem;
  }
  body.ltr #offcanvas-toggler.offcanvas-toggler-right {
  float: right;
  margin-left: 0px;
}
  #sp-menu {
    height: 25px;
  }
  #sp-header {
    height: 25px;
  } 
  #sp-header .logo {
    height: 25px;
  }
  .logo-image {
    height: 25px !important;
  }
  .offcanvas-menu {
      width: 180px;
  }
}
/* css zedern */
.ce_text {
	margin-top: 25px;
}