/*###gruen  #0d6c34*/
/*###türkis  #009770*/
/*###grau  #706f6f*/



* {
  margin: 0;
  padding: 0;
}

html {  scroll-padding-top: 200px;}

main ul li a {  font-size: 110%;}
	main p {  font-size: 125%;}

footer, main {
  background: #eeeeee !important;
}


.white {background: #fff;}
.desktopheader .frame {padding: 0;}
.mobilemenu a {text-decoration: none;}
.mobilehead  {display: none;}
.body {font-family: 'Source Sans Pro', sans-serif !important;}

/* Logo */
.logo img {
  max-height: 110px;
	width: auto;
}

.eurom .logo img {
  max-height: 110px;
  margin-bottom: 10px;
	width: auto;
}

.logo .frame {padding: 0;}
.logo #c2 {padding-bottom: 50px;}
.logo .textmedia {gap:0;}
.logo #c5 {padding-bottom: 10px;}
/* Fokus-Stile für bessere Navigation */
a:focus, button:focus {
    outline: 3px solid #ff9900;
    outline-offset: 3px;
}
.animation .frame-header {  display: none;}

.slick-dotted.slick-slider {
  margin-bottom: 0px;
}

/* Skip-Links (springen direkt zu den Inhalten) */
.skip-links {
    position: absolute;
    top: -60px;
    left: -10px;
    background: #000;
    color: #fff;
    padding: 10px;
    z-index: 100;
}

.skip-links a {
    color: white;
    text-decoration: none;
}

.skip-links a:focus {
    top: 10px;
}
.page desktopheader {--bs-gutter-x: 0px;}

.desktopheader .row {
	--bs-gutter-x: 0;}

.slick-next::before, .slick-prev::before {
  color: #0d6c34 !important;
  font-size: 50px;
}


.site-header {
  z-index: 100;
  position: fixed;
  width: 100%;
  transform: none;
  position: sticky;
  top: 0px;
  background-color: #fff;
	  display: flex;
  align-items: center;
  justify-content: space-between;
}

.logo .frame {padding: 0;}
.animation .hunderter .frame-container-default,
.animation .hunderter {max-width: inherit; width: 100%; --bs-gutter-x:0;}
.animation .gallery-item {max-width: inherit; width: 100%;}
.animation .hunderter .frame {margin: 0; padding: 0; gap:0;}

.gruen {
  background-image: linear-gradient(to right, #87c846, #62a83f, #418836, #22692c, #044b20);
}

table {
  width: 100%;
  border-collapse: collapse;
}

table td {
  padding: 12px;
  border: 2px solid #dddddd;
}

table tr:nth-child(odd) {
  background-color: #f4f4f4;
}

table .right {
  text-align: right;
  font-weight: bold;
}


#pageid1 .rootline {display: none;}
.rootline p {
  margin-bottom: 0;
  padding: 5px 0;
  text-align: center;
  font-size: 0.9rem;
  text-transform: none;
  color: #292929;
}
.rootline a {color: #0d6c34;}

main .rootline {background: #ececec; padding: 6px 0; margin:0 0;}


.headerlink p,
.headerlink a {color:#fff !important;}
 .headerlink a {
color: #fff !important;
  background: #535353;
  display: inline-block;
  padding: 8px 20px;
  font-size: 1.1rem;
	 text-decoration: none;}
.headerlink a:hover {background:#666666; }

@media (min-width:1400px) {
 .container,
 .container-sm,
 .container-md,
 .container-lg,
 .container-xl,
 .container-xxl,
.frame-container-default {
  max-width:1512px
 }
}


footer {border-top: 50px solid #ececec; }
footer .textmedia {gap:0;}
footer .blau, footer .blau a {color:#fff;}

footer .gruen .frame a[class=""], footer .gruen .frame a:not([class]) {
  color:#fff;
}

main .textmedia,
main .textpic {gap:0;}

main .ce-headline-center a { text-decoration: none;}

.slider-fluid {display: none;}
#pageid1 .slider-fluid {display: inherit;}
footer .white p a:hover,
.copyright p a:hover {color: #484848 !important;}

#pageid1 .main h1 {border:none;}

main a {color: #00976f;}
.wappen img {max-width: 70%;}

footer {padding:  0 ;}
.grau {background: #706f6f;}
.blau {background: #216096;}
.grau .ce-bodytext, .grau h1,.grau h2, .grau h3, .grau h4 {color:#fff !important;}
.gruen .ce-bodytext, .gruen h1,.gruen h2, .gruen h3, .gruen h4, .gruen p, .gruen a  {color:#fff !important;}

.jo-websitewidget-loadmorecontainer {
  font-size: 2rem;
  text-align: center;
  display: flex;
  margin: 0 auto;
  text-align: center;
}

.jo-websitewidget-loadmore {border-radius: 6px; padding: 5px 30px; margin: 0 auto;}
.jo-websitewidget-loadmore,
.btn {background: #0d6c34; color:#fff;}

.jo-websitewidget-loadmore a {color:#fff !important; text-decoration: none;}

.jo-websitewidget-loadmore:hover,
.more:hover,
.btn:hover {background: #414141; color:#fff;}
.blau .image-caption, .blau p,
.blau .ce-bodytext, .blau h1,.blau h2, .blau h3, .blau h4, .blau a {color:#fff !important;}

.hellgrau {background: #ececec; }
main .hellgrau {background: #ececec; padding: 1.5% 0; margin:1% 0;}
.hellgrau-schmal {background: #ececec; }
.tuerkies .frame-group-inner,



main .karriere-container .frame {background-color: #ffffff;
padding: 10px;
border-radius: 15px;
border-color: #cccccc;
border-style: solid;
border-width: 2px 2px 2px 20px;
margin-top: 3%;}

 h1, h2, h3, h4, h5 {font-family: 'Source Sans Pro', sans-serif; font-weight: bold; padding-bottom: 0.5% ; margin: 0.5% 0; }


main h1 {
  text-transform: uppercase;
  color: #666666;
  letter-spacing: 0.3rem;
	font-size: 2.5rem;
	text-align: center;
	color:#0d6c34;}


footer a:hover {color:#232323;}

main h2  {font-size: 2rem;font-weight: normal;}
footer h2  {font-size: 1.4rem;font-weight: normal;}
main h3 {font-size: 22px; margin:6px 0 !important;}
footer a:hover {color:#fff !important; font-weight: bold;}
footer ul li {padding-bottom: 8px; color: #fff;}

main .image-caption {font-size: 0.8rem;}


main .frame a:not([class]):hover {
  color:#393939;
}

/*###SUCHE*/

.suche .resetbutt {display: none;}
div.kesearchbox {
  float: left;
  margin-right: 8px;
  min-width: 217px;
}
span.submitbutt input {min-width: 110px;}
.suche .submitbutt input {
  background: #005C45;
  color: #FFFFFF;
	padding: 9px 0;
}
.suche .submitbutt {float: left;}
span.resetbutt a {max-width: 180px !important;}
.tx-kesearch-pi1 form {float: right; margin-top: 10px;}


main .swiper-button-lock {display: block;}

.slick-slide img {
  width: 100%;
}

 .slick-prev {left: 25px !important;}
.slick-next {right: 25px !important;}

.slick-next::before,
.slick-prev::before 
{color: #f39c43;
  font-size: 30px;
  z-index: 10000;
position: static;}

.slick-next, .slick-prev
{
  z-index: 10000;
}




ul.slick-dots {
    bottom: 3% !important;
}

/*suche Formatierungen*/


 #myInput {

     background-image: url('img/searchicon.png');
    /* Add a search icon to input */

     background-position: 10px 12px;

    /* Position the search icon */

     background-repeat: no-repeat;

    /* Do not repeat the icon image */

     width: 100%;

    /* Full-width */

     font-size: 16px;

    /* Increase font-size */

     padding: 12px 20px 12px 40px;

    /* Add some padding */

     border: 1px solid #ddd;

    /* Add a grey border */

     margin-bottom: 12px;

    /* Add some space below the input */

}

 #myUL {

    /* Remove default list styling */

     list-style-type: none;

     padding: 0;

     margin: 0;

}

 #myUL li {

     border: 1px solid #ddd;

    /* Add a border to all links */

     margin-top: -1px;

    /* Prevent double borders */

     background-color: #f6f6f6;

    /* Grey background color */

     padding: 12px;

    /* Add some padding */

     text-decoration: none;

    /* Remove default text underline */

     font-size: 18px;

    /* Increase the font-size */

     color: black;

    /* Add a black text color */

     display: none;

    /* Make it into a block element to fill the whole list */

}

 .hideli {

     display: none !important;

     z-index: -1;

     position: absolute !important;

     top:-100000px;

     height:0px!important;

}

 .showli {

     display: block !important;

     z-index: 1;

     position:relative !important;

     top:inherit;

     height:auto!important;

}

 #myUL li a:hover:not(.header) {

     background-color: #eee;

    /* Add a hover effect to all links, except for headers */

}


.textmedia-right .gallery-item {padding-left: 20px;}
.textmedia-left .gallery-item {padding-right: 20px;}
 .textpic-right .textpic-text {padding-right: 20px;}

.frame-custom-19 a::before {
  content: "\f1c1";
  font-family: "FontAwesome";
  font-size: 2em;
  margin-right: 8px;
}

.frame-custom-20 a::before {
  content: "\f1c2";
  font-family: "FontAwesome";
  font-size: 2em;
  margin-right: 8px;
}




main .frame-type-menu_subpages ul {
  display: flex;
  flex-wrap: wrap; /* Elemente brechen um */
  justify-content: center; /* Zentriert die Elemente */
  padding-left: 0;
  gap: 10px; /* Abstand zwischen den Elementen */
}

main  .frame-type-menu_subpages ul li {
  list-style: none;
  background: #005C45;
  text-align: center;
  margin-top: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  height: auto; /* Anpassung an Textlänge */
  min-height: 50px; /* Mindesthöhe */
  width: calc(100% / 5 - 12px); /* Genau 5 Elemente pro Reihe */
  padding: 10px; /* Innenabstand für bessere Lesbarkeit */
  white-space: normal; /* Erlaubt Zeilenumbrüche */
  word-break: break-word; /* Trennt lange Wörter */
}

main  .frame-type-menu_subpages ul li a {
  color: #fff !important;
  text-align: center;
  font-size: 18px;
  text-decoration: none;
  padding: 10px;
  display: block;
  width: 100%;
}

main  .frame-type-menu_subpages li:hover {
  background: #216096;
}


.frame-custom-10 .image {max-width: 50%;}
.frame-custom-11 .image {max-width: 65%;}
.frame-custom-12 .image {max-width: 80%;}



.frame-custom-27 .gallery-item img {  width: 80%;float: left;}
.frame-custom-29 .gallery-item img {  width: 40%; float: left;}
.frame-custom-30 .gallery-item img {  width: 20%;float: left;}


.frame-custom-28 .textmedia-text {width: 65%}
.frame-custom-28 .textmedia-gallery {width: 35%}

.frame-custom-31 .textmedia-text {width: 85%}
.frame-custom-31 .textmedia-gallery {width: 15%}



.frame-space-before-extra-small {margin-top:0.5%;display: block;}
.frame-space-before-small {margin-top:1%!important;display: block;}
.frame-space-before-medium {margin-top:1,5% !important;display: block;}
.frame-space-before-large {margin-top:3%;display: block;}

.frame-space-after-extra-small {margin-bottom:0.5%;display: block;}
.frame-space-after-small {margin-bottom:1%;display: block;}
.frame-space-after-medium {margin-bottom:1.5%;display: block;}
.frame-space-after-large {margin-bottom:3%; display: block;}


@media (min-width: 1024px) {
  .frame-custom-23 .textmedia {
    max-width: 60%;
  }
	
.frame-custom-22 .gallery-item img {  width: 80%;}
.frame-custom-24 .gallery-item img {  width: 40%; float: right;}
.frame-custom-25 .gallery-item img {  width: 20%;}
.frame-custom-26 .gallery-item img {  width: 10%;}
	
}


ul.list-normal {
  list-style: none;
  padding: 0;
  margin: 1em 0;
  font-family: Arial, sans-serif;
  font-size: 1rem;
  color: #333;
}

ul.list-normal li {
  position: relative;
  padding-left: 1.5em;
  margin-bottom: 0.5em;
}

ul.list-normal li::before {
  content: "•";
  position: absolute;
  left: 0;
  color: #007B7F; /* angenehmes Blaugrün, gerne anpassbar */
  font-weight: bold;
}

ul.list-normal li strong {
  font-weight: 600;
  color: #000;
}

/* Für verschachtelte Listen */
ul.list-normal ul.list-normal {
  margin-top: 0.5em;
  margin-left: 1em;
  font-size: 0.95rem;
}

ul.list-normal ul.list-normal li::before {
  content: "–";
  color: #555;
}

 .trenner-container {
      display: flex;
      align-items: center;
      justify-content: center;
      margin: 40px 0;
    }

    .linie {
      flex: 1;
      height: 1px;
      background-color: #0d6c34;
    }

    .svg-wrapper {
      margin: 0 20px;
      display: flex;
      align-items: center;
      justify-content: center;
    }

    .svg-wrapper svg {
      height: 52px; /* 40px + 30% = 52px */
      width: auto;
      fill: #0d6c34;
    }

.jo-images ul {list-style: none; padding:0;}

.jo-websitewidget-item .jo-title {
	font-size: 1.4rem !important;}

    .rss-item-card img {
        aspect-ratio: 4 / 3;
        object-fit: contain;
        object-position: center;
        width: 100%;
    }
    .rss-item-card h3.title {
        color: #00822e;
        font-size: 1.5rem;
        font-weight: bold;
        margin-top: 1rem;
        margin-bottom: 1rem;
        hyphens: auto;
        word-break: auto-phrase;
    }
    .rss-item-card .label {
        font-weight: bold;
    }
    .rss-item-card .rss-item-content {
        display: none;
        margin-top: 10px;
    }
    .rss-item-card .rss-item-content a {
        word-break: break-all;
    }
    .rss-item-card .read-more-button {
        margin-top: 10px;
        padding: 5px 10px;
        background-color: #00822e;
        color: #fff;
        border: none;
        cursor: pointer;
        border-radius: 3px;
    }
    .rss-item-card .read-more-button:hover {
        background-color: #00822e;
    }
    .load-more-container {
        text-align: center;
        margin-top: 20px;
    }
    .load-more-btn {
        padding: 10px 20px;
        background-color: #00822e;
        color: #fff;
        border: none;
        cursor: pointer;
        border-radius: 3px;
    }
    .load-more-btn:hover {
        background-color: #00691c;
    }

.jo-item-picture {
  width: 300px;       /* gewünschte Quadratgröße */
  height: 300px;
  overflow: hidden;
  position: relative;
}

.jo-item-picture img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
}


  .jo-content {
    display: none;
    margin-top: 1rem;
  }

  .read-more-btn {
    background-color: #007bff;
    color: white;
    padding: 0.5rem 1rem;
    border: none;
    cursor: pointer;
    border-radius: 5px;
    font-size: 1rem;
  }

  .read-more-btn:hover {
    background-color: #0056b3;
  }


.f3-widget-paginator {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 8px;
    list-style: none;
    padding: 20px 0;
    margin: 0;
	width: 100%;
}

.f3-widget-paginator li {
    display: inline-block; 
}

.f3-widget-paginator li a,
.f3-widget-paginator li.current {
    display: inline-block;
    padding: 10px 16px;
    border-radius: 8px;
    background-color: #f5f5f5;
    color: #333;
    text-decoration: none;
    font-weight: 500;
    transition: all 0.2s ease-in-out;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}

.f3-widget-paginator li a:hover {
    background-color: #fff;
    color: #fff;
    box-shadow: 0 2px 6px rgba(0, 123, 255, 0.3);
}

.f3-widget-paginator li.current {
    background-color: #0d6c34;
    color: white;
    font-weight: bold;
    cursor: default;
}

.f3-widget-paginator li.next a::after {
    content: " →";
    font-weight: bold;
}

/* Optional: Animation */
.f3-widget-paginator li a {
    transition: background-color 0.2s, color 0.2s, transform 0.2s;
}
.f3-widget-paginator li a:hover {
    transform: scale(1.05);
}

/* Responsives Padding für kleine Screens */
@media (max-width: 600px) {
    .f3-widget-paginator li a,
    .f3-widget-paginator li.current {
        padding: 8px 12px;
        font-size: 14px;
    }
}

.jo-item-picture {
  position: relative;
  overflow: visible !important; /* WICHTIG: Container nicht beschneiden */
}

.jo-item-picture img {
  transition: transform 0.3s ease, z-index 0s;
  z-index: 1;
}

.jo-item-picture:hover img {
  transform: scale(1.5); /* Bild vergrößern */
  z-index: 999; /* nach oben holen */
}