/* open-sans-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/open-sans-v44-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* open-sans-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/open-sans-v44-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* open-sans-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/open-sans-v44-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/*body .forschen {
  background: linear-gradient(#b7c3ba, #ffffffcc);
width: 100%;
max-width: 2000px;
margin: 0 auto;
}*/
/*.site-grid {
  background: linear-gradient(#b7c3ba, #ffffffcc);
}*/
.header {
  color: #fff;
  text-align: center;
  background-color: #fff;
  background: rgba(17, 67, 85, 0.26);
  background-image: none;
  /*border-top: 3px solid #edec45;*/
  margin: 0 auto;
  padding: 0em 2em 0 2em;
  width: 100%;
  max-width: 2000px;
  border-top: 1px solid #fff;
}

.starten .header {
  background: #8a233e;
}
.site.com_content.wrapper-fluid.view-article.no-layout.no-task.itemid-101.starten {
  background: #7F0E25;
background: linear-gradient(155deg,rgba(127, 14, 37, 1) 30%, rgba(255, 255, 255, 1) 100%);
}
.forschen .header {
  background: rgba(144, 158, 128, 0.9); background: #818E73;
background: linear-gradient(4deg,rgba(129, 142, 115, 1) 0%, rgba(237, 221, 83, 1) 100%);
}
.site.com_content.wrapper-fluid.view-article.no-layout.no-task.itemid-117.forschen {
  background: linear-gradient(90deg,rgba(129, 142, 115, 1) 0%, rgba(237, 221, 83, 1) 100%);
}
.elearning .header {
  background: rgba(68, 180, 187, 0.9);
}
.site.com_content.wrapper-fluid.view-article.no-layout.no-task.itemid-118.elearning {
  background: #44B4BA;
background: linear-gradient(155deg, rgba(68, 180, 186, 1) 30%, rgba(255, 255, 255, 1) 100%);
}
.ich .header {
  background: rgba(143, 153, 179, 0.9);
}
.site.com_content.wrapper-fluid.view-article.no-layout.no-task.itemid-158.ich {
background: #8F99B3;
background: linear-gradient(155deg, rgba(143, 153, 179, 1) 30%, rgba(255, 255, 255, 1) 100%);}
.yoga .header {
  background: color(display-p3 0.93 0.662 0.149);
}
.site.com_content.wrapper-fluid.view-article.no-layout.no-task.itemid-119.yoga {
  background: #ffb805;
background: linear-gradient(155deg, rgba(255, 184, 5, 1) 30%, rgba(255, 255, 255, 1) 100%);
}
body.site.com_content.wrapper-fluid.view-article.no-layout.no-task.itemid-229.yoga {
    background: linear-gradient(155deg, rgba(255, 184, 5, 1) 30%, rgba(255, 255, 255, 1) 100%);
}
.container-banner.full-width {
  width: 100%;
  max-width: 2000px;
  margin: 0 auto;
}
.beide {
  display: flex;
  height: 500px;
  background: #fff;
}
.rechts {
  background: rgba(232, 195, 81, 0.81);   /*#e3b62c;*/
  text-align: right;
  width: 50%;
}
.links {
background-image: url("/images/banners/sabine-500.jpg");
  background-image: url("/images/banners/sabine-500.webp");
   background-repeat: no-repeat;
  background-position: center;
  width: 50%;
}

.beide-p {
  display: flex;
  height: 500px;
}
.rechts-p {
  background: #c2db8e;
  text-align: right;
  width: 50%;
}
.links-p {
background-image: url("/images/banners/persoenlich-li.jpg");
   background-repeat: no-repeat;
  background-position: center;
  width: 50%;
}
.com-content-article {
width: 100%;
max-width: 1400px;
  margin: 0 auto;
 background: #fff;
  border-radius: 20px;
}
.beide-inhalt {
  display: flex;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}
.inhalt-li {
  flex: 1; padding: 20px; width: 50%;
}
.inhalt-re {
  flex: 1; padding: 20px;
}
h2 {
    font-size: 1.4em;
    color: #e2b62b;
}
.com-content-article__body {
width: 100%;
max-width: 1200px;
margin: 0 auto;
  background: #fff;
padding: 20px;
padding-top: 30px;
  border-radius: 30px;
}
/*.links img {max-height: 500px; width: auto;}*/
.rechts img {max-height: 500px; width: auto;}
h1 {
color: #e3752b;
font-size: 2em; font-weight: normal; padding-top: 20px; 
}


/*.offline-card {
  background-color:#fff;
  border:1px solid #0000001a;
  border-radius:5px;
  width:100%;
  max-width:42em;
  margin:60px auto;
  box-shadow:0 0 10px #0000000d
}*/

div#maximenuck110 ul.maximenuck li.level1.parent > a:after{
content: "";
display: block;
position: absolute;
width: 0;
height: 0;
border-style: solid;
border-width: 7px 6px 0 6px;
border-color: #000 transparent transparent transparent;
top: 26px !important;
right: 45% !important;
}
/*linkfarbe menü*/
div#maximenuck110 {
font-size: 1em !important;
    line-height: 21px;
    font-family: "Helvetica Neue", Arial, sans-serif !important;
    color: #fff !important;
    text-transform: uppercase !important;
    
  width: auto;
    max-width: 1200px;
    margin: 0 auto;
}
.maximenuck a {

    color: #fff !important;
}

div#maximenuck110 a:hover {

    color: #e3752b !important;
  
}
li.maximenuck {
    padding: 5px 40px 5px 0;
}

div#maximenuck110 a:hover {

    color: #eeeeee !important;
  border-top: #eee !important;
}
li.maximenuck {
    padding: 5px 40px 5px 0;
}

.starten .maximenuck li {
 /*box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;*/
  box-shadow: 0 8px 20px rgba(58, 10, 22, 0.45),
        0 0 0 1px rgba(0,0,0,0.08);;
}
div#maximenuck110 ul.maximenuck {
  padding: 0 !important;
}
.maximenuck li:first-child {
box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;
}
.maximenuck li:nth-child(2) {
box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;
}
.maximenuck li:nth-child(3) {
box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;
}
.maximenuck li:nth-child(4) {
box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;
}
.maximenuck li:last-child {
box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;
}
.footer {
color: #fff;
background-color: #8a233d;
background-image: none;
margin-top: 1em;
}
.footer .grid-child {
justify-content: space-between;
align-items: center;
padding: 1.2rem .5em;
}
.maxidrop-main {
margin-top: 14px !important;
}
ul.maximenuck2 {
    background: #fff !important;
}
.maximenuck li {
    padding: 15px !important;
}
/*5teiler*/
.parents {
display: flex;
  flex-wrap: wrap;
  padding-top: 20px;
  max-width: 800px;
  margin: 0 auto; color: #000;
  padding: 60px 0;
}

.div-ub { 
  flex: 1; 
  background: #909e80; 
  margin: 4px; 
  background-image: url("/images/banners/div-ub.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;}
.div-fo { flex: 1; background: #e4e4e4; margin: 4px; background-image: url("/images/banners/div-fo.jpg");  
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;}
.div-el { flex: 1; background: #e4e4e4; margin: 4px; background-image: url("/images/banners/div-el.jpg");  
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;}
.div-yo { flex: 1; background: #e4e4e4; margin: 4px; background-image: url("/images/banners/div-yo.jpg"); 
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
        min-height: 350px;
        }


.cell-start2 {
border-right: 0px; padding: 18px; color: #fff;background-color: rgba(115, 110, 111, 0.6);
}

.texte2 {
  padding: 8px;
}
.table-m {
display: table;
width: 100%;

}
.tab-row:nth-child(odd) {
background: #e4e4e4;
}
.tab-row:first-child {
font-weight: bold;
}
.tab-row {
line-height: 1.8em;
}
.tab-row {
display: table-row;
}
.table-cell {
display: table-cell;
padding: 8px;
}
.table-cell1:first-child {
width: 100px;
}
.maximenuck a:hover {
  color: blue !important;
}
/*.logo {
  display: inline-block;
  background-color: rgba(255, 0, 0, 0.5);Roter Farbton, 50% Deckkraft
padding-bottom: 10px;
padding-top: 5px;
  text-align: left;
} */


.logo img {
  /*display: block;
   mix-blend-mode: multiply; Überblendet das Bild mit der Hintergrundfarbe */
padding-top: 50px;
    padding-left: 30px;     float: left;
}

div#maximenuck110 ul.maximenuck li div.floatck ul.maximenuck2, div#maximenuck110 ul.maximenuck2 {
border-radius: 10px;
}
div#maximenuck110 a:hover {
  color: #e3752b;
}
.maximenuck2 a {
    color: #000 !important;
}
.maximenuck2 a:hover {
    color: #666 !important;
}
.forschen a {
color: #446c15;
}
.forschen a:hover {
color: #000;
}
/*.beide-f {
padding-top: 170px;
}
#mod-custom112 {
padding-top: 170px;
}
#mod-custom115 {
padding-top: 170px;
}
#mod-custom120 {
padding-top: 170px;
}*/
.container-banner {
    margin: 0 0 0rem;
}
main {
width: 100%;
max-width: 2000px;
margin: 0 auto;
  margin-top: 0;
}
[data-id="maximenuck110"] .mobilemenuck-item > .level1 {
background: #933244 !important;

margin-top: 10px !important;

}
[data-id="maximenuck110"].mobilemenuck a {
color: #FFFFFF;
font-weight: normal !important;
font-size: 1.2em;
}
[data-id="maximenuck110"].mobilemenuck a:hover {
color: #000;
font-weight: normal !important;
font-size: 1.2em;
}
@media (max-width:770px) {
  .beide-inhalt {display: block;}
  .inhalt-li {width: 100%; padding-left: 0; padding-right: 0;}
  .inhalt-re {padding: 0;}
  .logo {text-align: center;}
  .logo img {padding-top: 20px;
            }
  }
.maximenuck2 a:hover {
color: #abac67 !important;
}
/*div#maximenuck110 a:hover {background: yellow !important}
div#maximenuck110 ul.maximenuck li.maximenuck.level1:hover, div#maximenuck110 ul.maximenuck li.maximenuck.level1.active {
background-color: green;
}
.maximenuck li a {
    display: block !important;
    padding: 10px 15px !important;
    transition: all 0.3s ease !important;
}

.maximenuck li:hover a {
    color: #4CAF50 !important;
    text-shadow: 0 0 8px rgba(76, 175, 80, 0.8) !important;
}*/
/* Hover = leicht gedrückt 
.maximenuck li:hover > a {
    transform: translateY(2px) !important;
    box-shadow: 0 2px 0 #5f1629 !important;
}

/* Active (Klick) = ganz gedrückt */
.maximenuck li:active > a,
.maximenuck li.active > a,
.maximenuck li.current > a {
    border-bottom: 1px solid #fff !important;
   
}
div#maximenuck110 ul.maximenuck li.level1.parent > a::after, div#maximenuck110 ul.maximenuck li.level1.parent > span.separator::after, div#maximenuck110 ul.maximenuck li.level1.parent > span.nav-header::after {

border-color: #fff transparent transparent transparent !important;
}
div#maximenuck110 a:hover {
  color: #b83e5e !important;
}
.starten #maximenuck110 a:hover {
  color: #b83e5e !important; 
}
.g-layout {
  display: grid;
  grid-template-columns: auto auto;
  gap: 20px;
}

.g-left img {
  width: 100%;
  height: auto;
	max-width: 300px;
}

.g-right {
  display: grid;
  grid-template-rows: auto 1fr;
  gap: 10px;
	font: italic bold 1.7em "Times New Roman", serif;
	color: #ccc;
}

.g-thumbs {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 133px 1fr;
  gap: 10px;
	align-items: end;
	/*margin-bottom: 40px;*/
}

.g-thumbs img {
  width: 100%;
  height: auto;
}
		@media (max-width: 768px) {
  .g-layout {
    grid-template-columns: 1fr;
  }

  .g-thumbs {
    grid-template-columns: repeat(3, 1fr);
  }
}
/*		.thumbs img {
  aspect-ratio: 1 / 1;
  object-fit: cover;
}*/
		.g-headline {
			padding-top: 40px;
		}
		



hr {
color: color(display-p3 0.9313 0.6634 0.1859);
border: 0;
border-top: var(--border-width)solid;
opacity: 1;
margin: 1rem 0;
}
.site.com_content.wrapper-fluid.view-article.no-layout.no-task.itemid-228.yoga {
background: linear-gradient(155deg, rgba(255, 184, 5, 1) 30%, rgba(255, 255, 255, 1) 100%);
}
/*banner über mich*/
.weite {
  background-repeat: no-repeat;
  background-position: center center;
      background-size: cover;
  width: 100%;
      height: auto;
}
.learn {
  background-repeat: no-repeat;
  background-position: center center;
      background-size: cover;
  width: 100%;
      height: auto;
}
.forschen .links-f {
   background-repeat: no-repeat;
  background-position: center center;
      background-size: cover;
  width: 100%;
      height: auto;
}
/* Große Bildschirme: Ab 650 Pixel Breite */
@media (min-width: 1150px) {
   .learn {
        background-image: url('/images/banners/e-learning.jpg');
     background-image: url('/images/banners/e-learning.webp');
        aspect-ratio: 4 / 1 !important; /* Sehr breites Format */
        max-height: 500px; /* Der Baum wird NIEMALS höher als 400px */
        min-height: 350px; /* Das Bild wird aber auch nicht zu flach */
     image-rendering: -webkit-optimize-contrast; /* Schärft das Bild beim Skalieren nach */
    image-rendering: crisp-edges;
    }}
@media (min-width: 650px) and (max-width: 1149px) {
   .learn {
        background-image: url('/images/banners/banner-dozentin-1149.jpg');
     background-image: url('/images/banners/banner-dozentin-1149.webp');
        aspect-ratio: 1149 / 350 !important; /* Sehr breites Format */
        max-height: 350px; /* Der Baum wird NIEMALS höher als 400px */
        min-height: 250px; /* Das Bild wird aber auch nicht zu flach */
     image-rendering: -webkit-optimize-contrast; /* Schärft das Bild beim Skalieren nach */
    image-rendering: crisp-edges;
    }
}

@media (min-width: 650px) {
  /* .learn {
        background-image: url('/images/banners/e-learning.jpg');
        aspect-ratio: 4 / 1 !important; 
        max-height: 500px; 
        min-height: 350px; 
     image-rendering: -webkit-optimize-contrast; 
    image-rendering: crisp-edges;
    }*/
  .weite {
        background-image: url('/images/banners/weite.jpg');
    background-image: url('/images/banners/weite.webp');
        aspect-ratio: 4 / 1 !important; /* Sehr breites Format */
        max-height: 500px; /* Der Baum wird NIEMALS höher als 400px */
        min-height: 350px; /* Das Bild wird aber auch nicht zu flach */
    image-rendering: -webkit-optimize-contrast; /* Schärft das Bild beim Skalieren nach */
    image-rendering: crisp-edges;
    }
    .forschen .links-f {
        background-image: url('/images/banners/treeund-g.jpg');
      background-image: url('/images/banners/treeund-g.webp');
        aspect-ratio: 4 / 1 !important; /* Sehr breites Format */
        max-height: 500px; /* Der Baum wird NIEMALS höher als 400px */
        min-height: 350px; /* Das Bild wird aber auch nicht zu flach */
      image-rendering: -webkit-optimize-contrast; /* Schärft das Bild beim Skalieren nach */
    image-rendering: crisp-edges;
    }
}
@media (max-width: 905px) {
  .beide {
    height: 249px;
  }
  .links {
    width: 100%;
    background-image: url("/images/banners/banner-start-905.jpg");
    background-size: cover;
background-position: left center;
  }
  .rechts {
    display: none;
  }
        
}
@media (max-width: 649px) {

  .links {
    width: 100%;
    background-image: url("/images/banners/banner-start-650.jpg");
    background-size: cover;
background-position: center center;
  }
   .learn {
        background-image: url('/images/banners/banner-dozentin-650.jpg');
        height: 250px; 
        max-height: none; /* Hebt die Desktop-Bremse für Mobilgeräte auf */
        min-height: 0;
     
    }
     .weite {
        background-image: url('/images/banners/banner-ich-650.jpg');
        height: 250px; 
        max-height: none; /* Hebt die Desktop-Bremse für Mobilgeräte auf */
        min-height: 0;
    }
   .forschen .links-f {
        background-image: url('/images/banners/banner-forschen-650.jpg');
        height: 250px; 
        max-height: none; /* Hebt die Desktop-Bremse für Mobilgeräte auf */
        min-height: 0;
    }
.table-row {
display: block;
}
 .beide-inhalt img {
width: 100%;
}       
}
 @media (max-width: 400px) {
   .weite {
     height: 160px;
   }
   .learn {
     height: 160px;
   }
        .forschen .links-f {
            height: 160px; /* Macht das Banner auf Mini-Displays flacher */
        }
    }
}
.parents a {
text-decoration: none;
color: #fff;
}

@media (max-width: 830px){
  .parents .div-ub {
  flex: 1 1 calc(50% - 10px); 
  min-height: 350px; width: auto;
    align-items: flex-start;
}
    .parents .div-fo {
  flex: 1 1 calc(50% - 10px); 
  min-height: 350px; width: auto;
    align-items: flex-start;
}
    .parents .div-el {
  flex: 1 1 calc(50% - 10px); 
  min-height: 350px; width: auto;
    align-items: flex-start;
}
    .parents .div-yo {
  flex: 1 1 calc(50% - 10px); 
  min-height: 350px; width: auto;
    align-items: flex-start;
}
}

/*.parents div {
flex: 1 1 calc(50% - 10px); 
}*/
.mobilemenuck-submenu a {
color: color(srgb 0.4317 0.1381 0.1926) !important;
}
#maximenuck110-mobile a:hover {
color: #ccc !important;
}
.beide-inhalt a {
color: #8a233e; text-decoration: none;
}
div.jwts_toggleControlContainer a.jwts_toggleControl {
font-size: 14px;
text-decoration: none;
display: block;
border: none !important;
border-radius: 2px;
background: #e3752b !important;
background-position-y: 40%;
padding: 4px;
margin-bottom: 1px;
line-height: normal;
color: #fff;
font-weight: bold !important;
}
div.jwts_toggleControlContainer a.jwts_toggleOn {
  color: #fff !important;
  color: #fff;
}
.container-header .container-nav {
    justify-content: flex-end;
}
.parents a {
    color: #fff;
    text-decoration: none;
}

/* Aktiver Menüpunkt und Hover-Zustand 
.starten ul.maximenuck li.active > a.maximenuck span.titreck-title,
.starten ul.maximenuck li.maximenuck:hover > a.maximenuck span.titreck-title {
    color: #ecce72 !important;  text-decoration: none !important;
}
ul.maximenuck li a.maximenuck {
    text-decoration: none !important;
}*/
/* 1. Unterstreichungen und Rahmen auf absolut JEDEM Element im Menü killen 
.starten nav.maximenuck,
.starten nav.maximenuck *,
.starten nav.maximenuck a,
.starten nav.maximenuck a:hover,
.starten nav.maximenuck span {
    text-decoration: none !important;
    border-bottom: none !important;
    
}*/

/* 2. Farbe Schwarz (#000) für den aktiven Zustand und beim Drüberfahren (Hover) erzwingen */
.starten nav.maximenuck li.active span.titreck-title,
.starten nav.maximenuck li:hover span.titreck-title,
.starten nav.maximenuck a:hover span.titreck-title {
    color: #ecce72 !important;
}
nav.maximenuck li.active span.titreck-title,
nav.maximenuck li:hover span.titreck-title,
nav.maximenuck a:hover span.titreck-title {
    color: #8a233e !important;
}