body {
    padding-top: 50px;
}

body.layout-pagets__1colslider {
    padding-top: 76px;
}


/*viewport smartphones*/

@media only screen and (min-width: 0px) and (max-width: 480px) {
    body {
        padding-top: 12rem;
    }
}


/*viewport Desktop*/

@media only screen and (min-width: 960px) {
    body {
        padding-top: 8rem;
    }
}


/*viewport Tablets und Netbooks*/

@media only screen and (min-width: 480px) and (max-width: 960px) {
    body {
        padding-top: 8rem;
    }
}


/*.navbar>.container, .navbar>.container-fluid {
 flex-wrap: nowrap;
 -ms-flex-wrap: nowrap;
 -webkit-flex-wrap: nowrap;
}*/

header.slider {
    margin-bottom: 2rem;
}


/*Design Anpassungen*/

.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.col,
.col-auto,
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm,
.col-sm-auto,
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md,
.col-md-auto,
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg,
.col-lg-auto,
.col-xl-1,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl,
.col-xl-auto {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 25px;
    padding-left: 15px;
}

.footercontent {
    background: rgb(102, 160, 204);
    width: 100%;
    padding: 1rem;
    color: #ffffff !important;
    margin-top: 1rem;
    height: 5rem;
}
.footer-copyright {
    background: rgb(102, 160, 204);
    width: 100%;
    padding: 1rem;
    color: #ffffff !important;
    margin-top: 1rem;
    height: 5rem;
  /*padding: 25px 0;
  border-top: 1px solid color-mix(in srgb, var(--default-color), transparent 90%); */
}

.pb-5,
.py-5 {
    padding-bottom: 3rem !important;
    height: 3rem;
}

.pt-5,
.py-5 {
    padding-top: 1rem !important;
}

.frame-padding {
    padding: 2rem;
    background: #eee;
}

.bg-dark,
.bg-dark .dropdown-menu {
    background-color: rgb(104, 163, 204)!important;
    font-size: 1rem;
}

.navbar-dark .navbar-nav .nav-link,
.navbar-dark .navbar-nav .dropdown-item {
    color: #fff;
}

.dropdown-item:focus,
.dropdown-item:hover {
    background-color: #98ba15;
}

#navbarNavDropdown li a.current {
    background-color: #98ba15;
    font-weight: bold;
}

.navbar-dark .navbar-text {
    color: #fff;
      margin-left: 15px
}

.btn-primary {
    color: #fff;
    background-color: rgb(104, 163, 204);
    border-color: rgb(104, 163, 204);
    margin-right: .5rem !important
}

.btn-primary:hover {
    color: #fff;
    background-color: #98ba15;
    border-color: #98ba15;
}

.btn-success {
    color: #fff;
    background-color: #98ba15;
    border-color: #98ba15
}

.btn-success:hover {
    color: #fff;
    background-color: #98ba15;
    border-color: #98ba15
}

.btn-success.focus,
.btn-success:focus {
    box-shadow: 0 0 0 .2rem #98ba15
}

.btn-success.disabled,
.btn-success:disabled {
    color: #fff;
    background-color: #98ba15;
    border-color: #98ba15
}

.btn-success:not(:disabled):not(.disabled).active,
.btn-success:not(:disabled):not(.disabled):active,
.show>.btn-success.dropdown-toggle {
    color: #fff;
    background-color: #98ba15;
    border-color: #98ba15
}

.btn-success:not(:disabled):not(.disabled).active:focus,
.btn-success:not(:disabled):not(.disabled):active:focus,
.show>.btn-success.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem #98ba15
}

.form-control {
    display: block;
    width: 100%;
    padding: .375rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

.card {
    margin-bottom: 30px;
}

.card-header {
    padding: .75rem 1.25rem;
    margin-bottom: 0;
    background-color: rgb(104, 163, 204);
    border-bottom: 1px solid rgba(0, 0, 0, .125);
}

.card-subheader {
    padding: .55rem 1.25rem;
    margin-bottom: 0;
    background-color: rgb(0, 0, 0, .03);
    border-bottom: 1px solid rgba(0, 0, 0, .125)
}

.card-text {
    font-size: 15px;
    line-height: 1.1;
}

.card-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1.25rem;
}

ul.metaMenu {
    list-style-type: none;
    margin: 0;
}

ul.metaMenu li {
    display: inline-block;
}

ul.metaMenu a,
ul.metaMenu a:visited {
    color: #fff;
}

ul.metaMenu a:hover {
    color: rgba(255, 255, 255, .75);
}

a {
    color: rgb(102, 160, 204);
    text-decoration: none;
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
}

a:hover {
    color: #98ba15;
    text-decoration: underline;
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
    color: #fff;
    background-color: rgb(102, 160, 204);
}


/* Adjustments for fluid_styled_content */

img {
    max-width: 100%;
    height: auto;
}

.ce-intext [data-ce-columns="1"] {
    width: 100%;
}

@media screen and (min-width: 768px) {
    .ce-intext [data-ce-columns="1"] {
        width: 50%;
    }
}

@media screen and (min-width: 991px) {
    .ce-intext [data-ce-columns="1"] {
        width: 33.3333%;
    }
}

.ce-center [data-ce-columns="3"] .ce-column,
.ce-right [data-ce-columns="3"] .ce-column,
.ce-left [data-ce-columns="3"] .ce-column {
    margin-right: 1%;
    width: 32.33333%;
}

.ce-center [data-ce-columns="2"] .ce-column,
.ce-right [data-ce-columns="2"] .ce-column,
.ce-left [data-ce-columns="2"] .ce-column {
    margin-right: 1%;
    width: 49%;
}

.ce-center [data-ce-columns="4"] .ce-column,
.ce-right [data-ce-columns="4"] .ce-column,
.ce-left [data-ce-columns="4"] .ce-column {
    margin-right: 1%;
    width: 24%;
}

.ce-center [data-ce-columns="5"] .ce-column,
.ce-right [data-ce-columns="5"] .ce-column,
.ce-left [data-ce-columns="5"] .ce-column {
    margin-right: 1%;
    width: 19%;
}

.ce-center [data-ce-columns="6"] .ce-column,
.ce-right [data-ce-columns="6"] .ce-column,
.ce-left [data-ce-columns="6"] .ce-column {
    margin-right: 1%;
    width: 15.666667%;
}

.ce-gallery figure.video {
    display: block;
}


/* Rootline navigation */

ul.rootline {
    margin: 0 0 1rem 0;
    padding: 0 0 .5rem 0;
    list-style-type: none;
    font-size: 80%;
    border-bottom: 1px solid #eee;
}

ul.rootline li {
    display: inline-block;
}

ul.rootline a,
ul.rootline a:visited {
    margin: 0;
    padding: 0;
    color: #666;
}

ul.rootline a:hover {
    text-decoration: underline;
}

ul.rootline span {
    color: #999;
}

ul.rootline li:not(:last-child) a:after {
    display: inline-block;
    content: "/";
    margin: 0 .5rem;
}


 /* Language Menu */
 ul.languageMenu {
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 90%;
  }
  
  ul.languageMenu li {
    display: inline-block;
    margin: 0 .5rem 0 0;
  }
  
  ul.languageMenu a,
  ul.languageMenu a:visited {
    color: #fff;
  }
  ul.languageMenu a:hover {
    color: #98ba15;
  }
  
span.notranslation {
  padding: .5rem .5rem;
  display: block;
}

ul.languages li.active {
  font-weight: bold;
}


/* felogin */

.tx-felogin-pi1 h3 {
    display: none;
}

.tx-felogin-pi1 label {
    display: block;
}

.tx-felogin-pi1 fieldset div {
    margin: 0 0 .5rem 0;
}

.tx-felogin-pi1 input[type=text],
.tx-felogin-pi1 input[type=password] {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.tx-felogin-pi1 input[type=submit] {
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    cursor: pointer;
}


/*scroll to the top button*/

#myBtn {
    display: none;
    /* Hidden by default */
    position: fixed;
    /* Fixed/sticky position */
    bottom: 10px;
    /* Place the button at the bottom of the page */
    right: 300px;
    /* Place the button 300px from the right */
    z-index: 99;
    /* Make sure it does not overlap */
    border: none;
    /* Remove borders */
    outline: none;
    /* Remove outline */
    background-color: #98ba15;
    /* Set a background color */
    color: white;
    /* Text color */
    cursor: pointer;
    /* Add a mouse pointer on hover */
    padding: 15px;
    /* Some padding */
    border-radius: 10px;
    /* Rounded corners */
    font-size: 18px;
    /* Increase font size */
}

#myBtn:hover {
    background-color: #98ba15;
    /* Add a background on hover */
}

/* Responsive Videos mit Fluid Styled Content */
.video-embed {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  margin-bottom: 1.5rem;
}

.video-embed iframe,
.video-embed video {
  position: absolute;
  top: 0;
  left: 0;
  max-width: 100%;
  width: 100% !important;
  height: 100% !important;
}

.ce-center:has(.video-embed) .ce-inner {
  position: relative;
  float: none;
  right: -50%;
}

.ce-left:has(.video-embed) .ce-gallery,
.ce-column:has(.video-embed) {
  float: none;
}

.ce-center:has(.video-embed) .ce-outer {
  position: relative;
  float: none;
  right: 50%;
}
/* Carousel mit max. Breite */
.card .carousel {
  width: 100%;
  max-width: 650px;  /*für größeres Bild */
  height: auto;
  margin: 0 auto;
  overflow: hidden;
  background-color: transparent;  /*transparent für weniger Weißraum */
  position: relative;
}

.card .carousel-item img {
  width: 100%;
  height: auto;
  object-fit: contain;  /* contain für transparenten Hintergrund */
  background: transparent;  /* Transparenz erhalten */
}

.card .carousel-inner,
.card .carousel-item {
  height: auto;
  background: transparent;  /* Transparenz */
  padding: 5px;  /* Weniger Padding für weniger Weißraum */
}

/* Carousel Controls - transparent mit nur sichtbaren Pfeilen */
.card .carousel-control-prev,
.card .carousel-control-next {
  opacity: 0;
  background: none;
  border: none;
  transition: opacity 0.3s ease;
  width: 40px;  /* NEU: Feste Breite damit Pfeile nicht wachsen */
  height: 40px;  /* NEU: Feste Höhe damit Pfeile nicht wachsen */
  top: 50%;  /* NEU: Zentriert vertikal */
  transform: translateY(-50%);  /* NEU: Perfekte Zentrierung */
}

.card:hover .carousel-control-prev,
.card:hover .carousel-control-next {
  opacity: 0.8;
}

.card .carousel-control-prev:hover,
.card .carousel-control-next:hover {
  opacity: 1;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
  width: 40px;  /* Bleibt bei 40px */
  height: 40px;  /* Bleibt bei 40px */
  filter: drop-shadow(0 2px 4px rgba(0,0,0,0.3));
}

/* Kein extra Abstand nach Carousel */
.card .carousel + .card-body {
  padding-top: 1rem;
}

/* Pfeile nur bei Hover */
.card:not(:hover) .carousel-control-prev,
.card:not(:hover) .carousel-control-next {
  opacity: 0;
}

/* Suchbutton Hover-Effekt */
.navbar .btn-search {
    border-color: white;
    color: white;
    transition: all 0.3s ease;
}

.navbar .btn-search:hover {
    background-color: #98ba15;
    border-color: #98ba15;
    color: white;
}

.col-md-8 .container,
.col-md-4 .container {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
}

/* Verhindert, dass Content die Spalte sprengt */
.content-column {
    overflow: hidden;
}

.content-column * {
    max-width: 100% !important;
}

.content-column img {
    height: auto !important;
}

.content-column .container {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
}

.content-column table {
    width: 100% !important;
    table-layout: fixed;
}