#toTopBtn {
  position: fixed;
  bottom: 16px;
  right: 16px;
  width: 44px;
  height: 44px;

  background: #cdbca8;
  border: none;
  border-radius: 50%;
  cursor: pointer;
  z-index: 999;

  display: flex;
  align-items: center;
  justify-content: center;

  /*  NEU */
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
}

#toTopBtn.show {
  opacity: 1;
  pointer-events: auto;
}

#toTopBtn svg {
  fill: none;
  stroke: #fff;
  stroke-width: 3;
  stroke-linecap: round;
  stroke-linejoin: round;
}

/* Content Block Video */
.video-element {
	position: relative;
	width: 100%;
	max-width: 100%;
}

.video-element video {
	display: block;
	width: 100%;
	height: auto;
	object-fit: cover;
}

.video-element--16-9 video { aspect-ratio: 16 / 9; }
.video-element--9-16 video { aspect-ratio: 9 / 16; }
.video-element--1-1  video { aspect-ratio: 1 / 1; }




/* Ansprechpartner Akkordion aufklappen --> weniger Abstand */
.c-section {
	padding-top: 1em !important;
}


/* Tabellen im Text-Inhaltselement */
.frame-type-text figure.table {
  margin: 2rem 0;
  overflow-x: auto;
}

.frame-type-text table.contenttable {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
  color: #1f5a8a;
}

.frame-type-text table.contenttable th {
  font-weight: 700;
  color: #1f5a8a;
  text-align: left;
  padding: 0.9rem 1.2rem;
  border-bottom: 2px solid #d6d6d6;
}

.frame-type-text table.contenttable td {
  padding: 0.9rem 1.2rem;
  border-bottom: 1px solid #e0e0e0;
  vertical-align: top;
}

.frame-type-text table.contenttable a {
  color: #1f5a8a;
  text-decoration: none;
}

.frame-type-text table.contenttable a:hover {
  text-decoration: underline;
}








.frameemba {
  font-color: #ffffff !important;
        margin: 0;
    font-family: 'Montserrat', sans-serif;
    color:#1a1a1a;
    margin-bottom: 10px;
    font-size: 1.3rem;
    line-height: 2rem;
  
  background-image: url("/fileadmin/Bilddatenbank/bg_blau_transparent.jpg") !important;
  /*background-image: url("/fileadmin/Bilddatenbank/bg_embablau.jpg") !important;*/
}

.framekarriere {
  font-color: #ffffff !important;
  margin: 0; font-family: 'Montserrat', sans-serif;
  color:#1a1a1a;
  background-color: #9ec3e8 !important;
  border-radius: 12px !important;
  text-align: center;
  margin-bottom: 10px; font-size: clamp(1.1rem, 2.6vw, 1.2rem) !important;
  font-weight: 600; line-height: 2rem;
}


.framekarriere a,
.framekarriere a:visited {
  color: #ffffff !important;
}

.framekarriere a:hover,
.framekarriere a:focus {
  color: #f0f0f0 !important; /* leicht heller/dunkler */
  text-decoration: underline;
}


/* background blau, text weiß ohne verlinkung */
.frame-bgblau-fontweiss {
  color: #ffffff !important;
  margin: 0; font-family: 'Montserrat', sans-serif;
  
  background-color: #9ec3e8 !important;
  border-radius: 12px !important;
  text-align: center;
  margin-bottom: 10px; font-size: clamp(1.1rem, 2.6vw, 1.2rem) !important;
  font-weight: 600; line-height: 2rem;
}




/* Bilder beim Aufklappen des Accordion nicht mehr abgeschnitten*/
.c-accordion-content header {
    display: block !important;
}

/* Abrundung Bilder */
img {
  border-radius: 12px !important;
}



/********* F.A.Q. ********/
.c-accordion-title {
    text-align: left;
      color: #2f6ea3;
    display: block;
    position: relative;
    width: 100%;
    box-sizing: border-box;
    padding: 0.72em 3em 0.72em 0;
    font-size: 1.26em;
    font-weight: 400;
    transition: all .3s;
    border-bottom: 1px solid transparent;
  border-right: none;
  border-top: none;
  border-left: none;
    background: none;
}

/* Styling Plus und Minus */
.c-accordion-title::before,
.c-accordion-title::after {
    background-color: #306ea3 !important;
}


/* Styling der links FAQ */
.c-accordion-title a {
      color: #333;
  font-size: 1rem;
  text-decoration: none;
}

.c-accordion-title a:hover {
      color: #333;
  font-size: 1rem;
  text-decoration: none;
}

.c-accordion-title a:active {
      color: #333;
  font-size: 1rem;
  text-decoration: none;
}




hr {
  border-top: 3px dashed #185081;
}





/*--------------------------------------------------------------
	Tabellen
--------------------------------------------------------------*/

tbody tr:hover {
    background: #be9651;
    color: #fff;
}



.frame{
        margin-bottom: 40px !important;
	clear: both !important;
    }



.rootline-box {
        margin-bottom: 0px;
        padding-top: 20px !important;
        padding-left: 30px !important;
    }


/*--------------------------------------------------------------
		Produkt Übersicht Text wird wieder sichtbar
	--------------------------------------------------------------*/
@media (max-width: 767px) {
		.ce-bodytext {
			overflow: visible !important;
		}
	}
	
	
	@media (max-width: 1024px) {
		.ce-bodytext {
			overflow: visible !important;
		}
	}