.adBox {
  margin: 22px 0 0;
  padding: 0 0 22px;
  position: relative;
}

.adBox span.adTitle {
  color: #e7e7e7;
  display: block;
  font-size: 10px;
  line-height: 10px;
  position: absolute;
  right: 0;
  text-align: right;
  top: -10px;
}

.adBox .adContainer,
.adBox .adsContainertop,
.adBox .adsContainerright,
.adBox .adsContainerleft {
  border: 1px dotted #c6c6c6;
}

.myants_button {
  border: none;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-size: 16px;
  margin: 2px;
  padding: 5px;
  text-align: center;
  text-decoration: none;
  transition-duration: 0.4s;
}

.myants_button1 {
  background-color: #fff;
  border: 2px solid #ffcc00;
  color: #000;
}

.myants_button1:hover {
  background-color: #ffcc00;
  color: #fff;
}

:root {
  --myants-page-width: 1000px;
  --myants-sidebanner-gap: 20px;
  --myants-sidebanner-wide: 300px;
  --myants-sidebanner-narrow: 160px;
}

.myants-sidebanner {
  display: none;
  position: fixed;
  top: 15px;
  max-height: calc(100vh - 30px);
  overflow: hidden;
  z-index: 1000;
  contain: layout paint;
  will-change: transform;
}

.myants-sidebanner .moduletable,
.myants-sidebanner > div {
  margin: 0;
  padding: 0;
}

.myants-sidebanner--left {
  right: var(--myants-side-left-pos, calc(50vw + (var(--myants-page-width) / 2) + var(--myants-sidebanner-gap)));
  text-align: right;
}

.myants-sidebanner--right {
  left: var(--myants-side-right-pos, calc(50vw + (var(--myants-page-width) / 2) + var(--myants-sidebanner-gap)));
  text-align: left;
}

/* 160px Skyscraper (160x600) ab 1370px Viewport (1000px + 2*(160px + 20px) + Puffer) */
@media only screen and (min-width: 1370px) {
  .myants-sidebanner {
    display: block;
    width: var(--myants-sidebanner-narrow);
  }
}

/* 300px Half-Page / Skyscraper (300x600) ab 1680px Viewport (1000px + 2*(300px + 20px) + Puffer) */
@media only screen and (min-width: 1680px) {
  .myants-sidebanner {
    display: block;
    width: var(--myants-sidebanner-wide);
  }
}

/* Right sidebar responsive fix start */
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  #myants_sidebar_left {
    display: none !important;
    width: 0 !important;
  }

  #myants_content {
    float: left !important;
    clear: none !important;
    width: 80.69% !important;
  }

  #myants_sidebar_right {
    display: block !important;
    float: right !important;
    clear: none !important;
    width: 19.31% !important;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  #myants_sidebar_left {
    display: none !important;
    width: 0 !important;
  }

  #myants_content,
  #myants_sidebar_right {
    float: none !important;
    clear: both !important;
    width: 100% !important;
  }

  #myants_sidebar_right {
    display: block !important;
    margin-top: 15px;
  }
}

@media only screen and (max-width: 575px) {
  #myants_sidebar_left {
    display: none !important;
    width: 0 !important;
  }

  #myants_content,
  #myants_sidebar_right {
    float: none !important;
    clear: both !important;
    width: 100% !important;
  }

  #myants_sidebar_right {
    display: block !important;
    margin-top: 15px;
  }
}
/* Right sidebar responsive fix end */

/* ============================================================
   Beiträge & Kategorien – Redesign
   Gilt NUR für com_content (Beiträge / Kategorien).
   Abgesichert durch .com-content-category-blog und body-Klassen.
   ============================================================ */

/* Fix: Alle Überschriften-Links (h1-h6) behalten beim Hover/Focus immer die Schriftgröße der Headline */
h1 a:not(.btn), h1 a:not(.btn):hover, h1 a:not(.btn):focus, h1 a:not(.btn):visited,
h2 a:not(.btn), h2 a:not(.btn):hover, h2 a:not(.btn):focus, h2 a:not(.btn):visited,
h3 a:not(.btn), h3 a:not(.btn):hover, h3 a:not(.btn):focus, h3 a:not(.btn):visited,
h4 a:not(.btn), h4 a:not(.btn):hover, h4 a:not(.btn):focus, h4 a:not(.btn):visited,
h5 a:not(.btn), h5 a:not(.btn):hover, h5 a:not(.btn):focus, h5 a:not(.btn):visited,
h6 a:not(.btn), h6 a:not(.btn):hover, h6 a:not(.btn):focus, h6 a:not(.btn):visited,
#myants_content h1 a:not(.btn):hover,
#myants_content h2 a:not(.btn):hover,
#myants_content h3 a:not(.btn):hover,
#myants_content h4 a:not(.btn):hover,
#myants_content h5 a:not(.btn):hover,
#myants_content h6 a:not(.btn):hover,
.myants_block .myants_block_content h1 a:not(.btn):hover,
.myants_block .myants_block_content h2 a:not(.btn):hover,
.myants_block .myants_block_content h3 a:not(.btn):hover,
.myants_block .myants_block_content h4 a:not(.btn):hover,
.myants_block .myants_block_content h5 a:not(.btn):hover,
.myants_block .myants_block_content h6 a:not(.btn):hover {
  font-size: inherit !important;
}

/* --- Artikel-Cards (Template nutzt article.myants_post) --- */
.com-content-category-blog article.myants_post,
.com-content-article.item-page article.myants_post {
  background: #f8f9fa;
  border-left: 4px solid #077F4C;
  border-radius: 8px;
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.07);
  margin-bottom: 16px;
  padding: 16px 18px 12px 18px;
  transition: box-shadow 0.2s ease;
}

.com-content-category-blog article.myants_post:hover,
.com-content-article.item-page article.myants_post:hover {
  box-shadow: 0 3px 12px rgba(7, 127, 76, 0.13);
}

/* Lead-Artikel (list) etwas prominenter */
.com-content-category-blog article.myants_post.list,
.com-content-article.item-page article.myants_post.list {
  border-left-width: 5px;
}

/* Titel-Abstand */
.com-content-category-blog article.myants_post .myants_post_title,
.com-content-article.item-page article.myants_post .myants_post_title {
  margin-top: 0 !important;
  margin-bottom: 6px !important;
}

/* Metadaten-Zeile (dl.article-info) */
.com-content-category-blog article.myants_post dl.article-info,
.com-content-article.item-page article.myants_post dl.article-info {
  font-size: 12px;
  color: #6c757d;
  margin-top: 10px;
  margin-bottom: 0;
  border: none;
  background: none;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}

.com-content-category-blog article.myants_post dl.article-info dt,
.com-content-article.item-page article.myants_post dl.article-info dt {
  display: none;
}

.com-content-category-blog article.myants_post dl.article-info dd,
.com-content-article.item-page article.myants_post dl.article-info dd {
  margin: 0;
  padding: 0;
}

/* Kategorie-Link als Pill-Badge */
.com-content-category-blog article.myants_post dd.category-name a,
.com-content-article.item-page article.myants_post dd.category-name a {
  display: inline-block;
  background: #e8f5ee;
  border: 1px solid #077F4C;
  border-radius: 20px;
  padding: 1px 10px;
  color: #077F4C !important;
  font-size: 11px !important;
  text-decoration: none;
}

.com-content-category-blog article.myants_post dd.category-name a:hover,
.com-content-article.item-page article.myants_post dd.category-name a:hover {
  background: #077F4C;
  color: #fff !important;
}

/* Datum-Anzeige */
.com-content-category-blog article.myants_post dd.create,
.com-content-article.item-page article.myants_post dd.create {
  font-size: 11px;
  color: #6c757d;
}

/* Trennlinie zwischen Text und Metadaten */
.com-content-category-blog article.myants_post .myants_article,
.com-content-article.item-page article.myants_post .myants_article {
  border-top: none;
}

/* --- Unterkategorien: Jahres-Pill-Buttons --- */
.com-content-category-blog__children.cat-children {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 8px;
  margin-bottom: 16px;
}

.com-content-category-blog__children.cat-children > h3,
#myants_content .cat-children > h3 {
  margin-bottom: 8px;
  width: 100%;
}

.com-content-category-blog__child {
  margin: 0;
  padding: 0;
}

.com-content-category-blog__child .category-desc {
  display: none; /* Hide redundant description text */
}

.com-content-category-blog__child h3.item-title {
  margin: 0;
  padding: 0;
  border: none;
}

.com-content-category-blog__child h3.item-title a {
  display: inline-block;
  border: 1px solid #077F4C;
  border-radius: 20px;
  padding: 4px 16px;
  color: #077F4C !important;
  font-size: 14px !important;
  text-decoration: none;
  transition: background 0.18s ease, color 0.18s ease;
  line-height: 1.5;
}

.com-content-category-blog__child h3.item-title a:hover {
  background: #077F4C;
  color: #fff !important;
}

/* Fallback falls es als ul li generiert wird */
.com-content-category-blog__children.cat-children ul,
#myants_content .cat-children ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.com-content-category-blog__children.cat-children ul li,
#myants_content .cat-children ul li {
  display: inline-block !important;
  background: none !important;
  margin: 0;
}

.com-content-category-blog__children.cat-children ul li a,
#myants_content .cat-children ul li a {
  display: inline-block;
  border: 1px solid #077F4C;
  border-radius: 20px;
  padding: 4px 16px;
  color: #077F4C !important;
  font-size: 14px !important;
  text-decoration: none;
  transition: background 0.18s ease, color 0.18s ease;
  line-height: 1.5;
}

.com-content-category-blog__children.cat-children ul li a:hover,
#myants_content .cat-children ul li a:hover {
  background: #077F4C;
  color: #fff !important;
  font-size: 14px !important;
}

/* Link-Liste am Seitenende (items-more / Weiterlesen-Links) */
.com-content-category-blog ol.com-content-category-blog__links {
  list-style: none;
  padding: 0;
  margin: 8px 0 16px 0;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.com-content-category-blog ol.com-content-category-blog__links li a {
  display: inline-block;
  border: 1px solid #077F4C;
  border-radius: 6px;
  padding: 3px 12px;
  color: #077F4C !important;
  font-size: 13px;
  text-decoration: none;
  transition: background 0.18s ease, color 0.18s ease;
}

.com-content-category-blog ol.com-content-category-blog__links li a:hover {
  background: #077F4C;
  color: #fff !important;
}

/* --- Kategorien-Übersichtsseite (categories view) --- */
.com-content-categories-view .categories-list .item-title.page-header {
  border-left: 4px solid #077F4C;
  padding-left: 10px;
  border-bottom: none;
  margin-bottom: 4px;
}

/* --- Artikel-Modul (z.B. Ameisen Artikel auf der Startseite) --- */
ul.mod-articles-items {
  padding-left: 0 !important;
  margin-left: 0 !important;
  list-style: none !important;
}

ul.mod-articles-items li {
  display: flex;
  margin-left: 0 !important;
  padding-left: 0 !important;
}

ul.mod-articles-items article.mod-articles-item {
  background: #ffffff;
  border-left: 4px solid #077F4C;
  border-radius: 3px 8px 8px 3px;
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.07);
  padding: 16px 18px 12px 18px;
  transition: box-shadow 0.2s ease;
  display: flex;
  flex-direction: column;
  width: 100%;
}

ul.mod-articles-items article.mod-articles-item:hover {
  box-shadow: 0 3px 12px rgba(7, 127, 76, 0.13);
}

ul.mod-articles-items article.mod-articles-item .mod-articles-item-content {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

ul.mod-articles-items article.mod-articles-item .mod-articles-title {
  margin-top: 0 !important;
  margin-bottom: 12px !important;
  font-size: 1.15rem;
  line-height: 1.3;
  text-indent: 0 !important;
  padding-left: 0 !important;
  margin-left: 0 !important;
}

ul.mod-articles-items article.mod-articles-item .mod-articles-title a {
  color: #077F4C;
  text-decoration: none;
  text-indent: 0 !important;
  display: inline-block;
}

ul.mod-articles-items article.mod-articles-item .mod-articles-title a:hover,
ul.mod-articles-items article.mod-articles-item .mod-articles-title a:focus {
  font-size: inherit !important;
}

ul.mod-articles-items article.mod-articles-item p {
  color: #444;
  font-size: 14px;
  line-height: 1.5;
  margin-bottom: 16px;
  flex-grow: 1;
  text-indent: 0 !important;
  padding-left: 0 !important;
  margin-left: 0 !important;
}

ul.mod-articles-items article.mod-articles-item p.readmore {
  flex-grow: 0;
  margin-top: auto;
  margin-bottom: 0;
}

ul.mod-articles-items article.mod-articles-item p.readmore a.btn {
  background: transparent;
  border: none;
  color: #077F4C;
  font-weight: bold;
  padding: 0;
  box-shadow: none;
  font-size: 14px;
}

ul.mod-articles-items article.mod-articles-item p.readmore a.btn:hover {
  text-decoration: underline;
  background: transparent;
  color: #055a36;
}

/* CLS-Fix: Feste Höhenreservierung für den oberen Werbebanner (Desktop & Mobile) */
.myants_banner_header_inner_above_widget_container,
.headerabovecolumn1,
.headerabovecolumn1 .adBox {
    min-height: 280px !important;
}

@media (max-width: 767px) {
    .myants_banner_header_inner_above_widget_container,
    .headerabovecolumn1,
    .headerabovecolumn1 .adBox {
        min-height: 125px !important;
    }
}

/* Template-Styles (zuvor unnötig inline im Head) */
@media (min-width: 1024px) {
    header .myants_title_style, header .myants_title_style a { font-size: 28px; }
    .myants_slogan_style { font-size: 16px; }
    h1.myants_block_heading, h2.myants_block_heading, h3.myants_block_heading, h4.myants_block_heading, h5.myants_block_heading, h6.myants_block_heading, p.myants_block_heading { font-size: 12px; color: #ffffff; }
    h1.myants_verticalmenu_heading, h2.myants_verticalmenu_heading, h3.myants_verticalmenu_heading, h4.myants_verticalmenu_heading, h5.myants_verticalmenu_heading, h6.myants_verticalmenu_heading, p.myants_verticalmenu_heading { font-size: 14px; color: #333333; }
    #myants_footer_designed_by_links span#myants_footer_designed_by { font-size: 14px; color: #808080; }
    footer#myants_footer #myants_footer_designed_by_links a:not(.btn) { font-size: 14px; color: #468071; }
}

/* Sicherstellen, dass #myants_page und alle Footer-Bereiche strikt auf max. 1000px zentriert bleiben und nicht in die Aussenbanner ragen */
#myants_page {
    position: relative !important;
    width: 100% !important;
    max-width: var(--myants-page-width, 1000px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    overflow-x: clip !important;
}

#myants_footer,
#myants_footer_inner,
.myants_footer_bottom_footer,
.myants_footer_bottom_footer_inner,
.footer-widget-area,
.footer-widget-area_inner,
.myants_footer-widget-area_inner_below_widget_container,
.myants_footer-widget-area_inner_above_widget_container {
    position: relative !important;
    width: 100% !important;
    max-width: var(--myants-page-width, 1000px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
}

#myants_footer_designed_by_links {
    max-width: var(--myants-page-width, 1000px) !important;
    width: 100% !important;
    left: 0 !important;
    right: 0 !important;
    margin-left: auto !important;
    margin-right: auto !important;
}