/* styleIn.css */
.bg-1{background-size: cover;background-attachment: fixed}.bg-2,footer .footercontainer{background-size: cover;padding-left: 45px}.bg-fixed{background-attachment: fixed;background-size: cover}.ce_downloads a:hover .downloadicon,p.info a:hover,.button-menu .fa{color:#90b14f}.greytxt h3,.ce_downloads li:hover:before,.overlay-menu ul.level_2 > li > a:hover,.overlay-menu ul.level_2 > li > span:hover,.white-box:hover h1,.white-box:hover h2,.white-box:hover h3,.white-box:hover a,.ce_sliderStart h1 strong,footer .mod_newslist time:before,.mod_newsreader p.info:before,.mod_newslist p.info:before,.mod_eventreader p.info:before,span.date:before,p.recurring:before,p.location:before,.socials-left p.socialIcons a:hover:after,.footercontainer strong,.footercontainer a{color:#90b14f}.dark-bg h2,.features a,.footercontainer .fa,.mod_search .submit:before,.rightblock h2,.topbar .fa,.submit:hover,.newstxt a,p.more a:hover,.newstxt p.more a:hover,.mod_search .fa:hover,.fa,p.footerIcons a:hover:after,p.socialIcons a:hover:after{color:#90b14f}.InsideOut-dark,div.sbs-effect.effect-sarah,.fa-white .fa:hover,.home #newsletter input.submit,#slider .page-scroll em,.dark-bg,#slider .slider-control a.slider-prev:before,#slider .slider-control a.slider-next:after,.slider-control a.slider-prev:before,.slider-control a.slider-next:after,.pagination li span:hover,.pagination li a:hover,.overlay-menu,.slider-text-bg,.contact-home,.pagination li span:hover,.pagination li a:hover,.dark-bg .container,.fixedTop .topbar,.topbar,.white-box em,.mod_eventlist div.header a:hover,p.more a:hover,p.back a:hover,.newstxt p.more a:hover,.pricing-box h1,.ce_accordion .toggler,.newsletterbanner .newsletter .submit:hover,.topbar,.btn:hover,p.more a:hover,p.back a:hover,.submit:hover,#header .mainnavi ul.level_2,#header .mainnavi ul.level_3{background-color:#9acd34}table.calendar td.active,.iconTrans img,.fa-white .fa,#willkommen .image_container,.mod_quicknav select,.ce_accordion .toggler:hover,.ui-accordion-icons.active,.mod_eventlist div.header a,p.more a,p.back a,.newstxt p.more a,p.back a,.gallery-home .image_container,.bg-fixed .img-responsive,.btn:before,#footer input.submit,.btn-primary,#footer .submit,.submit,.contact-home,.clients .fa,.bluebanner a.btn:hover,.dark-bg .fa{background-color:#90b14f}.numbers p,.scrolltop a,p.more a,p.back a,.home-headline .fa,.white-box:hover em,.btn,p.more a,p.back a,.blue-bg{background-color:#90b14f}table thead tr{border-bottom:2px solid #90b14f}.slider-bg,.layout_latest p.info,.news .info,.event p.info,.mod_eventlist div.header,.mod_eventlist .header,.mod_newsreader .info,.mod_eventreader .info,.team .textInner{border-left:5px solid #90b14f}.topnavi a:hover,.topnavi  a:focus,header input.submit,a:active,a:hover,.level_1 > li:hover,#slider .slider-control a.slider-prev:hover:before,#slider .slider-control a.slider-next:hover:after,.slider-control a.slider-prev:hover:before,.slider-control a.slider-next:hover:after,.slider-control .slider-menu b.active,.mainnavi .level_1 a.trail,.mainnavi .level_1 a:hover,.mainnavi .level_1 span.active,.mainnavi .level_1 a:active,.mainnavi .level_1 span.trail,.btn:hover,p.more a:hover,p.back a:hover,.InsideOut-dark h4{color:#90b14f}figure.image_container figcaption,h4,h2,h1,h3,p.socialIcons a:after,.team p.socialIcons a:hover:after,.greytxt h1,.greytxt h2,.greytxt h4,.ce_downloads li:before,.contact-home a:hover,p.socials-top a:after,.newstxt a:hover{color:#9acd34}a{color:#353535;text-shadow: none}header a,.mainnavi li a,.ce_accordion .toggler:not(.active),.dark-bg p,.dark-bg h1{color:#E5E9EA}.OutsideIn,.OutsideIn p,.OutsideIn h2{color:#9acd34}.InsideOut,.light-bg{background-color:#E5E9EA}.top{background-color:#$grey}.mainnavi .top-menu-title:after,.inverse,.submit:hover,.mod_registration input.submit:hover,.mainnavi .level_1 > li:hover,.mainnavi .level_1 > li:hover,.mainnavi .level_1 > li.trail,.mainnavi .level_1 > li.active,a.btn:hover{border-bottom:3px solid #90b14f}


/* Slider */

.slider-wrapper > div {
  position: relative;
  min-height: 60vh;          /* Höhe nach Geschmack, sonst nur ~130px */
  display: flex;
  align-items: center;
}

.slider-wrapper > div figure {
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
  margin: 0; float: none;
  z-index: 0;
}
.slider-wrapper > div figure img {
  object-position: center top;
}

.slider-wrapper > div .rte {
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: 1170px;
  margin: 0 auto;
  padding: 0 15px;
  box-sizing: border-box;
  display: flow-root;
}



/* Abdeckung über dem Bild, unter dem Text */
.slider-wrapper > div::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to right, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0.35) 50%, rgba(0, 0, 0, 0) 100%);
  z-index: 0;
}

/* Text darüber, mit leichtem Schatten */
.slider-wrapper > div .rte {
  position: relative;
  z-index: 1;
}

.slider-wrapper > div .rte h1,
.slider-wrapper > div .rte h2,
.slider-wrapper > div .rte h3,
.slider-wrapper > div .rte p {
  text-shadow: 0 1px 4px rgba(0, 0, 0, 0.6);
}


/* Galerie */

.content-gallery ul,
.ce_gallery ul {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  list-style: none;
  margin: 0;
  padding: 0;
}

.content-gallery li,
.ce_gallery li {
  width: auto;
  float: none;
  margin: 0;
  padding: 0;
  list-style: none;
}

.content-gallery img,
.ce_gallery img {
  width: 200px;
  max-width: 100%;
  height: auto;
}

.content-gallery,
.ce_gallery {
  margin-bottom: 60px;
}




/* COL */

.mod_article.spacing {
  display: flex;
  flex-wrap: wrap;
  max-width: 1170px;   /* Breite wie dein Container */
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
  box-sizing: border-box;
}

.mod_article.spacing > .col-lg-4 { width: 33.333%; }
.mod_article.spacing > .col-lg-8 { width: 66.666%; }

@media (max-width: 767px) {
  .mod_article.spacing > .col-lg-4,
  .mod_article.spacing > .col-lg-8 { width: 100%; }
}


/* Seitenrand: an die grüne Kopfzeile angleichen */
.mod_article.spacing {
  padding: 40px 120px;
}

.mod_article.spacing .content-text {
  width: 100%;
}

/* Abstände im Text */
.mod_article.spacing .rte h2,
.mod_article.spacing .rte h3 {
  margin: 1.8em 0 0.5em;
  line-height: 1.2;
}

.mod_article.spacing .rte h2 {
  font-size: 1.6rem;   /* kleiner als jetzt, passt besser zum Fließtext */
}

.mod_article.spacing .rte p {
  margin: 0 0 1em;
  line-height: 1.6;
}

/* Auf Handys weniger Rand */
@media (max-width: 767px) {
  .mod_article.spacing { padding: 24px 20px; }
}