#sp-main-body {
padding: 25px 0  !important;
}

#sp-left .sp-module {
border: 0px;
font-family: dasmedium;
}

#sp-left .sp-module ul > li > a, #sp-right .sp-module ul > li > a {
line-height: 28px !important;
padding: 6px 0 !important;
font-family: derroman;
font-size: 18px;
}

#sp-menu {
  position: fixed !important;
  background-color: white;
  border: 5px solid black;
  z-index: 99999;
}

.offcanvas-menu {
  border: 5px solid black;
  color: black;
  font-family: inherit;
}

.offcanvas-menu a {
  color: #000000 !important;
  font-family: dasmedium, Arial, Helvetica, sans-serif;
  font-size: 1em;

}

.nameheader4mobile {
  float: left;
    padding-top: 15px;
    padding-left: 0;
    text-align: left;
}

.item-123, .item-123 a {
  font-family: derdicke !important;
text-transform: uppercase;
font-size: 24px !important;
margin-left: 0em !important;
padding-left: 1em !important;
text-indent: 0em !important;
transform: scaleY(1.05);
font-family: derdicke;

}


@font-face {
	font-family: 'derdicke';
	src: url('/templates/shaper_helixultimate/fonts/derdicke.ttf');
	font-weight: 900;
	font-style: normal;
}

@font-face {
	font-family: 'dasmedium';
	src: url('/templates/shaper_helixultimate/fonts/dasmedium.ttf');
	font-weight: 700;
	font-style: normal;
}

@font-face {
	font-family: 'derroman';
	src: url('/templates/shaper_helixultimate/fonts/derroman.ttf');
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: 'TimesModernEF';
	src: url('/templates/shaper_helixultimate/fonts/timesmodernef.otf');
	font-weight: 400;
	font-style: normal;
}

 b, h1, h2, h3 {

  font-family: derdicke, Helvetica, Arial;
 word-spacing: 2px; 
  font-kerning: auto;
  font-optical-sizing: auto;
  letter-spacing: -0.6px;
  letter-spacing: -0.020em !important;

  
  transform: scaleY(1.05);
  line-height: 1.1em;
    }

    h1 {
      font-size: 2.5em ;

    }

    h3 {
      padding-top: 15px;
    }

body {
  font-size: 20px; /*resized from 22px (11.Jun 2023) */
  font-family: derroman, Helvetica, Arial;
  font-optical-sizing: auto;
}

#sp-left .sp-module, #sp-right .sp-module {
  margin-top: 0px !important;
}

.marquee {
  //background-color: #F2EBDF;
font-family: derdicke;
font-size: 1.75em;
}

.marquee img {
  max-width: 400% !important;
}

.menunav_menu li {
  list-style-type: '>';
  padding-left: 1em;
  transition: filter 0.8s linear;
  transition:   -webkit-filter 0.8s linear;
}

.menunav_menu li:hover {
  list-style-type: '>>>';
  margin-left: 1em;
}

.current, .current a {
  list-style-type: '>';
  padding-left: 1em;
  font-family: derdicke !important;  /*Hochgeschraubt vom medium am 11.06.23 */
  font-size: 20px !important;
  letter-spacing: -0.02em;
  word-spacing: 2px;
  text-indent: 1.5em;
  margin-left: 1em;
}

#sp-left .sp-module ul > li, #sp-right .sp-module ul > li {
  display: list-item !important;
}
 
.article-list .article .readmore {
  font-size: 1.3rem;
  font-family: 'derdicke';
}

/* Kategorie Beschreibung im Blog */
.category-desc.clearfix {
  font-family: dasmedium;
  font-size: 18px;
  border-bottom: 1px solid #000000;
}

/* Anpassung des Blog Layouts Ausstellungen */
/* .article-list .article {
  margin-bottom: 30px;
  /* padding: 20px; 
  border: 1px solid #000000;
  border-radius: 3px;
  width: 100%;
  height: 100%;
  font-size: 15px;
} */

#digi_showcase_133 {
  max-width: 770px;

}

#digi_showcase_133 img {
  max-width: unset !important;
  height: 100%;
 /*neuster Ansatz - Rückganäning mit löschen folgender Zeilen, plus aktivieren display:flex untebn */
 width: 100%;
 object-fit: cover;

}

.digi_showcase .image {
    text-align: center;
    overflow: hidden;
    /* width: 100%; */
    height: 65%;
   /* display: flex;*/
    align-content: center;
    justify-content: center;
    /* align-items: center; */
}

#digi_showcase_133 .item-content {

  border: 1px solid #000000;
  height: 550px;
  font-size: 17px;
  line-height: 20px;
  font-family: dasmedium;
  text-align: center;


}

#digi_showcase_133 .item-content h2 {
padding-top: 8px !important;
  font-size: 22px;
  text-align: center;

}

#digi_showcase_133 .item-content .text, .readmore-wrapper, #digi_showcase_133 .item-content h2 {
  padding: 0px 30px 0px 30px;
  }

#digi_showcase_introtext {
    font-family: dasmedium;
    font-size: 18px;
    border-bottom: 1px solid #000000;
  }

#digi_showcase_133 hr {
    margin: 0 !important;
    visibility: hidden;
  }

/*Menu Trenner Unsichtbar machen*/
.item-166{
visibility: hidden;

}

@media (max-width: 768px) {
  #sp-main-body {
    padding: 85px 0 !important;
  
}
}