.com-content #sp-main-body { 
   padding: 10px 10px 10px 0; 
   border-top: 1px solid #D8D8D8;
   width: 100%; 
   margin-bottom: 20px ;
}

.mod-wochenspruch {
    margin-top: 0;      /* Abstand oberhalb des Spruchs */
    padding-top: 0;     /* Innenabstand oben */
}

.mod-wochenspruch + .moduletable .module-title,
.mod-wochenspruch .module-title {
    margin-bottom: 5px; /* Abstand vom Titel zum Spruch */
}

/* Breadcrumb-Leiste */
.mod-breadcrumbs.breadcrumb {
    background-color: #ffffff; /* weißer Hintergrund */
    font-size: 14px;           /* Schriftgröße 10px */
    margin-top: 15px;          /* Abstand vom Header */
    padding: 5px 15px;         /* Innenabstand */
    border-radius: 4px;        /* abgerundete Ecken */
}

/* Breadcrumb-Elemente inline darstellen */
.mod-breadcrumbs li {
    display: inline-block;
    margin-right: 5px;        /* Abstand zwischen Elementen */
}

/* Pfeile zwischen Breadcrumb-Elementen */
.mod-breadcrumbs li+li::before {
    content: "›";             /* kleiner Pfeil */
    margin: 0 5px;
    color: #333333;           /* Pfeilfarbe */
    font-size: 14px;           /* Pfeilgröße anpassen */
}

/* Aktuelles Element fett */
.mod-breadcrumbs__here {
    font-weight: bold;
    color: #000000;
}

.div#jem {
  overflow: hidden;
  background-color: #fff;
  border: 1px solid #fff;
  border-radius: 5px;
  padding-left: 20px;
}

<div class="sp-module-content-bottom clearfix">
				<div class="sp-module "><div class="sp-module-content">        <ul class="mod-articles-items mod-articles-grid grid-cols-4 mod-list">
                                <li>
                <article class="mod-articles-item" itemscope itemtype="https://schema.org/Article">
                    <div class="mod-articles-item-content">

                                                                                <h4 class="mod-articles-title" itemprop="name">
                                                                                                                                                                                <a href="/index.php?view=article&amp;id=18:buecherflohmarkt-noch-bis-zum-15-3-2026&amp;catid=16" class="mod-articles-link " itemprop="url">Bücherflohmarkt noch bis zum 15.3.2026</a>                                                            </h4>
                        
                        
                        
                        
                        
                        
                                                    <p><img data-src="https://www.zionskirche.de/images/bilder/buecherflohmarkt_230px.png" alt="buecherflohmarkt 230px" width="230" height="345" style="display: block; margin-left: auto; margin-right: auto;"  class="lazyload" /></p>
<p>Im kleinen Gemeindesaal gibt es noch bis zum 15.März die Möglichkeit nach Büchern zu stöbern.</p>                        
                        
                                            </div>
                </article>
            </li>
                                        <li>
                <article class="mod-articles-item" itemscope itemtype="https://schema.org/Article">
                    <div class="mod-articles-item-content">

                                                                                <h4 class="mod-articles-title" itemprop="name">
                                                                                                                                                                                <a href="/index.php?view=article&amp;id=19:ziz-lesung-mit-live-painting&amp;catid=16" class="mod-articles-link " itemprop="url">ZiZ - Lesung mit Live-Painting</a>                                                            </h4>
                        
                        
                        
                        
                        
                        
                                                    <p><img data-src="https://www.zionskirche.de/images/bilder/ziz_lesung_michael_bluemel.jpg" alt="ziz lesung michael bluemel" width="300" height="200" style="display: block; margin-left: auto; margin-right: auto;"  class="lazyload" /></p>
                        
                        
                                            </div>
                </article>
            </li>
            </ul>
</div></div>

.mod-articles-item-content {
  margin-top: 30px;
  border-top: 1px solid #006199;
  border-left: 1px solid #009d3c;
  border-right: 1px solid #009d3c;
  border-bottom: 1px solid #006199;
  padding: 15px;
  border-radius: 5px;
  text-align: center;
}

/* H2 in Artikeln fett und unterstrichen */
#article h2 .blog-intro h2 {
    font-weight: bold;      /* fett */
    text-decoration: underline; /* unterstrichen */
    margin-bottom: 10px;    /* optional: Abstand nach unten */
    color: #000000;         /* optional: schwarze Schrift */
    font-size: 12px;
}

#sp-left .sp-module, #sp-right .sp-module {
  margin-top: 30px;
  border-top: 1px solid #006199;
  border-left: 1px solid #009d3c;
  border-right: 1px solid #009d3c;
  border-bottom: 1px solid #006199;
  padding: 15px;
  border-radius: 5px;
}

#mod-custom148 {
  margin-top: 0px;
  border-top: 1px solid #006199;
  border-left: 1px solid #009d3c;
  border-right: 1px solid #009d3c;
  border-bottom: 1px solid #006199;
  padding: 15px;
  border-radius: 5px;
  background-color:#9FF781;
  margin-bottom: 10px;
}

#mod-custom149 { 
  margin-top: 0px;
  border-top: 1px solid #006199;
  border-left: 1px solid #009d3c;
  border-right: 1px solid #009d3c;
  border-bottom: 1px solid #006199;
  padding: 15px;
  border-radius: 5px;
  background-color:#F3F781;
  margin-bottom: 10px;
}

.card {
  --bs-card-spacer-y:1rem;
  --bs-card-spacer-x:1rem;
  --bs-card-title-spacer-y:0.5rem;
  --bs-card-border-width:1px;
  --bs-card-border-color:var(--bs-border-color-translucent);
  --bs-card-border-radius:0.375rem;
  --bs-card-box-shadow: ;
  --bs-card-inner-border-radius:calc(0.375rem - 1px);
  --bs-card-cap-padding-y:0.5rem;
  --bs-card-cap-padding-x:1rem;
  --bs-card-cap-bg:rgba(0, 0, 0, 0.03);
  --bs-card-cap-color: ;
  --bs-card-height: ;
  --bs-card-color: ;
  --bs-card-bg:#fff;
  --bs-card-img-overlay-padding:1rem;
  --bs-card-group-margin:0.75rem;
  position:relative;
  display:flex;
  flex-direction:column;
  min-width:0;
  height:var(--bs-card-height);
  word-wrap:break-word;
  background-color:var(--bs-card-bg);
  background-clip:border-box;
  border: 0;
  border-radius:var(--bs-card-border-radius)
}

#sp-top-bar {
  background: #006199;
  color: #fff;
  padding: 8px 0;
  font-size: 0.875rem;
}

.offcanvas-menu .offcanvas-inner .sp-module ul > li ul {display: block !important;}
.offcanvas-menu .offcanvas-inner ul.menu > li.menu-parent li.menu-parent .menu-toggler, .offcanvas-menu .offcanvas-inner ul.menu > li.menu-parent.menu-parent-open > a > .menu-toggler::after, body.ltr .offcanvas-menu .offcanvas-inner ul.menu > li.menu-parent > a > .menu-toggler {display: none;}
.layout-boxed .body-outsidewrapper {
  background: rgba(215,215,215,0.5);
}

.body-innerwrapper { padding-left: 20px; }
.body-innerwrapper { padding-right: 20px; }

.badge {
   display: none;
}

.sp-module .sp-module-title,#sp-right .sp-module .sp-module-title{margin:0 0 0px;padding-bottom:5px;font-size:16px;font-weight:700;text-align:center;border-bottom:1px solid #f3f3f3}#sp-left