/*###blau  #216096*/
/*###türkis  #009770*/
/*###grau  #706f6f*/

/* source-sans-pro-regular - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/source-sans-pro-v21-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/source-sans-pro-v21-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/source-sans-pro-v21-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/source-sans-pro-v21-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/source-sans-pro-v21-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/source-sans-pro-v21-latin-regular.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}

/* source-sans-pro-600 - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/source-sans-pro-v21-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/source-sans-pro-v21-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/source-sans-pro-v21-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/source-sans-pro-v21-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../fonts/source-sans-pro-v21-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/source-sans-pro-v21-latin-600.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}

/* source-sans-pro-600italic - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 600;
  src: url('../fonts/source-sans-pro-v21-latin-600italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/source-sans-pro-v21-latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/source-sans-pro-v21-latin-600italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/source-sans-pro-v21-latin-600italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/source-sans-pro-v21-latin-600italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/source-sans-pro-v21-latin-600italic.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}

/* source-sans-pro-700 - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/source-sans-pro-v21-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/source-sans-pro-v21-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/source-sans-pro-v21-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/source-sans-pro-v21-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/source-sans-pro-v21-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/source-sans-pro-v21-latin-700.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}

/* source-sans-pro-900 - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/source-sans-pro-v21-latin-900.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/source-sans-pro-v21-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/source-sans-pro-v21-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/source-sans-pro-v21-latin-900.woff') format('woff'), /* Modern Browsers */
       url('../fonts/source-sans-pro-v21-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/source-sans-pro-v21-latin-900.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}

* {
  margin: 0;
  padding: 0;
}

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

.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: 120px;
}
.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;
}

/* 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;}


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

.logo .frame {padding: 0;}


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: #216096;}

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

@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 .frame a[class=""], footer .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;}

main h1 {
  border-bottom: 1px solid #B1B1B1;
}

#pageid1 .main h1 {border:none;}

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

footer {padding:  0 ; margin-top: 2%;}
.grau {background: #706f6f;}
.tuerkies {background: #005C45;}
.blau {background: #216096;}
.grau .ce-bodytext, .grau h1,.grau h2, .grau h3, .grau h4 {color:#fff !important;}
.tuerkies .ce-bodytext, .tuerkies h1,.tuerkies h2, .tuerkies h3, .tuerkies h4, .tuerkies p, .tuerkies a  {color:#fff !important;}



.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,
.blau .frame-group-inner {padding: 10px;}
.hellgrau .frame-group-inner {padding-left: 20px; }


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 {font-size: 2.5rem;font-weight: normal;}
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;}

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

/*###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;
}




.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 */
}

.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 */
}

.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%;
}

.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-22 .gallery-item img {  width: 80%;}
.frame-custom-23 .gallery-item img {  width: 60%;}
.frame-custom-24 .gallery-item img {  width: 40%;}
.frame-custom-25 .gallery-item img {  width: 20%;}
.frame-custom-26 .gallery-item img {  width: 10%;}

.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;}


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;
}