.header {
    background: #f2f2f2;
  }
  main {
    margin-left: 0;
  }
.center .item-image {
  width: 100%;
  
}
.page-header h1 {
  color: #000;
}
  .navbar-expand-lg .offcanvass {
    z-index: auto;
    flex-grow: 1;
    transition: none;
    position: static;
    visibility: visible !important;
   background-color: #eee !important; 
    border: 0 !important;
    width: auto !important;
    height: auto !important;
    transform: none !important;
  }
.offcanvas-body .pi-0 .text-primary {
 background-image: url("../images/gradient.png"); 
}
.container-flash .pi-0  {
background: #f2f2f2; }

/* Media Query für Bildbreite 100% zwischen 588px und 988px */
@media (min-width: 588px) and (max-width: 988px) {
    .left.item-image img {
        width: 100%; /* Bild füllt die gesamte Breite aus */
        height: auto; /* Verhältnis beibehalten */
    }
}
/* Ende */
.header .container-header .full-width {
  max-height: 100px;
  border: 2px solid #000;
}
.container-topbar {
   color: #da9f4a;
  width: 100%;
  display: border-box;
  display: flex;
  justify-content: flex-end;
    background: #355085; 
 background: #f1f0f0; 

 } 

 .metismenu-item li {
 /* color: #315673; */

}
.maximenuckh  #oben {
  width: 100%;
}
.container-topbar #maximenuck116 {
  text-align: left;
  margin-right: 33px;
  width: 100%;
   background: #355085; 
   
}
.container-topbar #mobilemenuck-106-wrap {
  text-align:left;
  margin-right: 30px;
    width: 100%;
  background: #f2f2f2;
  border: 1px #ccc solid;

}
.container-banner {background: #f2f2f2;

  font-family: "Noto Sans", sans-serif;
word-wrap: break-word;
 color: #315673;
  background-image: url(../images/start_bild.webp);
background-size: 100% auto;
 background-repeat: no-repeat; 
object-fit: cover;
}
.container-banner1 {
/*  background-color: #2a84ab; 
  color: #fbb03b; */
  background-color: #f2f2f2; 
  color: #000;
  font-size: 1.1em;
width: 100%;
}
.container-banner1 .banner-overlay {
/* background-color: #2a84ab; 
  color: #fbb03b; */
 background-color: #f2f2f2; 
  color: #315673;
  background-position: top, left;
  background-size: 100% auto;
  background-attachment: fixed;
padding: 30px 30px 30px  70px;
  word-wrap: break-word;

}
@media (max-width: 700px) {
.container-banner1 .banner-overlay {
/*  padding: 30px 30px 30px  30px; */
  padding-left: 30px;
    color: #315673;
  background-color: #f2f2f2;
}
}
@media (min-width: 377px) and (max-width: 769px) {
    .container-banner .banner-overlay .overlay {
/*   padding: 200px 0 20px 30px; */
      padding-left: 30px;
  min-height: 300px; 
  }
}
--navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255, 165, 0, 0.75)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");

.grid-child .container-component {
 /* margin-top: 0.8em; */
  margin-left: 0;
}   
.blog-items .items-leading .boxed {
  background-image: url("../images/gradient.png");
  background-size: 100% 50%;
 
}

.blog-items .items-leading .none .blog-item {
    background-image: url("../images/gradient.png");
  background-size: 100% 50%;
}

.blog-items .boxed .columns-3 {

 
}

.blog-items .boxed .title .columns-3 {
  background-image: url("../images/verlaufx.png");
  background-size: 100% auto;
}
.com-content-category-blog__item .blog-item {
  max-width: 250px;
  background-color: #000;
}
.blog-featured .leak .blog-item  .item-image {
 /* float: left; */
margin-right: 30px;
  border: 0px solid #333;
width: 100%;
/*  display: inline-block;  */
/*  overflow: hidden; */
  /* display: flex;
      flex-direction: row; */
   }

@media (max-width: 568px) {
  .blog-featured .leak .blog-item  .item-image {
    display: none;
  }
}
/*img.float-start {
    margin-right: 20px;
    max-width: 250px;
} */


/* .float-start  .item-image {
  display: flex-start;
  float: left;
  text-align: left;
  margin-right: 30px;
} */

.blog-items .items-leading .leak .blog-item {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 20px;
}

.blog-items .items-leading .leak .blog-item .item-image {
flex: 1;
 margin-right: 20px;
}

.blog-items .items-leading .leak .blog-item .item-content{
flex: 2;

}
.offcanvas .offcanvas-end .text-bg-dark {
  background: #fff;
}
/*.blog-featured .leak .blog-item  img 
{min-width: 100%;  
flex: 1;
} */

@media (max-width: 768px) {
    .blog-items .items-leading .leak .blog-item  {
        flex-direction: column; /* Untereinander */
    }
  
.blog-items .items-leading .leak .blog-item .item-image {
width: 100%;
 margin-right: 0px;
margin-bottom: 20px;
}
}
/* .blog-items .boxed .title .columns-3:nth-child(4n){
  background: #ccc;
 background-size: 100% auto;
}
.com-content-category-blog__item .blog-item {
    background-image: url("../images/verlauf.png");
  background-size: 100% auto;
  background: #ccc;
  
}

.com-content-category-blog .blog {
      background-image: url("../images/verlauf.png");
  background-size: 100% auto;
  background: #ccc;
} */
/* .columns-3::before {
    content: 'Mein Angebot';
   display: inline-block;
position: absolute;

    font-size: 1.3rem;
   padding-top: 5px;
   margin-left:43%;
   margin-right: 43%;
      font-weight: 400;
    font-family: "noto-serif", serif;
font-style: normal;
}
*/
.aktuell {
      /*  background-image: url("../images/verlauf.png"); */
  background-size: 100% auto;
 /* background: #eee; */
}
.akuell  .blog-items.columns-3 > div {
    width: 33.3333%;
margin-top: 60px;
    margin-left: 20px; 
    margin-right: 20px;
   margin-bottom: 30px; 
  }
.grid-child .container-component {
  /*  background-image: url("../images/verlauf.png"); */
  background-size: 100% auto;
  margin: 0;
}
.blog-featured .blog-item {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
/* background-color: #f2f2f2; */
  /* background-clip: border-box; */


  border-radius: 0.45rem;
 
}
.mobilemenuck-bar-title {
  background: #355085;
}
#mod-custom123 .overlay {
  position: relative;
  width: 100%;
  /*background: #305573; */
  background-size: cover;
  background-size: contain;
   background-position: top, left;
  background-attachment: fixed;
color: #315673;
  border: 5px solid ccc;
}
#mod-custom122 .mod-custom .custom {
background-size: 400px;
background-size: cover;
background-size: contain;

}
.com-content-article .item-page {
  background: #fff;
}
/* .container-footer {background: #f1f0f0;} */
#mod-custom146 {
  position: absolute;
   height: 160px;
  background: #fff;
  border-radius: 8px0 8px 8px 8px;
  z-index: 9999;
}
#mod-custom118 .container-footer {
 /* background-image: url('../images/MentoringCenter_Logo_kl.jpg'); */
  background: none;
  font-size: 0.8em;
  padding-left: 40px;
}
.btn-close  {
  color: orange;
}
@media (max-width: 570px){
  #mod-custom118 .container-footer {
      font-size: 0.6em;
  padding-left: 5px;
  }
}

@media (min-width: 1200px) {
.blog-featured .boxed .blog-item  img {width: 100%; height: 180px; object-fit: cover;}
}
.blog-featured .leak .blog-item {
   display: flex;
  flex-direction: row;
}


.leak .item-image {
  height: 100%;
  float: left;
  margin-right: 30px;
}

.float-start {
  float: left !important;
}
/* .blog-featured .blog-item img {width: 100%;  object-fit: cover;} */
  .blog-featured .item-content {padding-left: 5px; padding-right: 5px} 
/* .item-title {
  white-space: nowrap;
} */
@media (min-width: 1200px) {
  h2, .h2 {
    font-size: 1.3rem;
    font-weight: 400;
    font-family: "noto-serif", serif;
font-style: normal;
  }
  
  .page-header h2 {
    font-size: 1.3rem;
      font-weight: 400;
    font-family: "noto-serif", serif;
font-style: normal;
  }
.site-grid img{
  max-width: 400px;
  height: auto;

}  
  h2 .item-title {
    font-size: 1.3rem;
      font-weight: 400;
    font-family: "noto-serif", serif;
font-style: normal;
  }
  
    .h2 .item-title {
    font-size: 1.3rem;
        font-weight: 400;
      font-family: "noto-serif", serif;
font-style: normal;
  }
}

.page-header h1 {
/* color: #4ebed3; */
}
  h1, .h1 {
    font-size: 1.3rem;
    font-weight: 400;
       font-family: "noto-serif", serif;
  }
  
  h1 .item-title {
    font-size: 1.3rem;
      font-weight: 400;
       font-family: "noto-serif", serif;
  }
  
    .h1 .item-title {
    font-size: 1.3rem;
        font-weight: 400;
         font-family: "noto-serif", serif;
  }
}
h3, .h3 {
  font-size: calc(1.3rem + 0.6vw);
}

@media (max-width: 916px) {
  .readmore {
    border-top: 2px #2a84ab solid;
    padding-bottom: 10px;
    color: #2a84ab
  }
  
    .readmore .btn .btn-primary {
    border-top: 0px #2a84ab solid;
    padding-bottom: 10px;
    color: #2a84ab
  }
  
     .btn .btn-primary {
    border-top: 0px #2a84ab solid;
    padding-bottom: 10px;
    color: #fff;
  }
  .btn .btn-secondary {
    margin-top: 6px;
    border: 0px;
        color: #2a84ab
         font-family: "noto-sans", sans-serif;
font-style: normal;
    font-weight: 5oo;
   
  }
   .btn .btn-secondary a:active, a:link {
       /* color: #2a84ab; */
     color: #315673;
      font-weight: 5oo;
    }
  .icon-chevron-right {

  }
  .btn-secondary {
  --btn-color: #fff;
  --btn-bg: #6d757e;
  border-color: #fff;
  --btn-hover-color: #fff;
  --btn-hover-bg: #5d636b;

  --btn-focus-shadow-rgb: 131, 138, 145;
  --btn-active-color: #fff;
  --btn-active-bg: #575e65;
  --btn-active-border-color: #fff;
  --btn-active-shadow: inset 0 3px 5px #00000020;
  --btn-disabled-color: #fff;
  --btn-disabled-bg: #6d757e;
  --btn-disabled-border-color: #6d757e;
}
  .btn-secondary:hover {
      border-color: #fff;
    background: #eee;
  }
}
@media (min-width: 1200px) {
  h3, .h3 {
    font-size: 1.4rem;
  }
}

@media (max-width: 996px) {
#mod-custom146  {
margin-top: -50px;
  height: 50px;
width: 88%;
 /* display: none; */
  position: absolute;
}
  #mod-custom146 img {

  height: 50px;
    width: auto;
    margin-left: 5px;

}
  }



 #mySidenav .sidenav {
   z-index; 99999999999999;
}

#mobilemenuck-106-mobile-bar {
background: #fff  !important;
}
.mobilemenuck-title {
  background: #fff !important;
  height: 43px;
  text-indent: 20px;
  line-height: 43px;
  font-size: 20px;
  color: #fff;
   z-index; 99999999999999;
}

.mobilemenuck-bar-button {
  background: #fff;
  height: 43px;
  width: 43px;
  color: #FFFFFF;
  padding-top: 8px;
  font-size: 1.8em;
    z-index; 99999999999999 !important;
}


.mobilemenuck-bar-button:hover {
 cursor: pointer;
}

  h2, .h2 {
    font-size: 1 rem;
    font-weight: 400;
    font-family: "noto-serif", serif;
font-style: normal;
  }
  
  h2 .item-title {
    font-size: 1rem;
      font-weight: 400;
    font-family: "noto-serif", serif;
font-style: normal;
  }
  
    .h2 .item-title {
    font-size: 1rem;
        font-weight: 400;
      font-family: "noto-serif", serif;
font-style: normal;
  }
}
/*
#mobilemenuck-106-wrap ul.nav {
  display: none !important;
}

#mobilemenuck-106-wrap ul.nav li {
  display: none !important;
  background: #fff
}

.offcanvas_show {
  top: 5px;
  position: fixed;
  right: 5px;
  color: white;
  z-index: 99999999999999999999999999999999999999999999;
}
*/
* Flexbox für die Bilder und die Spalten */
#mod-custom125 {
  display: flex;
  flex-direction: column;
  align-items: left;
  margin-left: 30pc;
/*  gap: 10px; */
}

.footer-image, .footer-bottom {
  width: 80%;
 margin-left: 30px;
  margin-top: 10px;
  text-align: left;
font-size: 0.8em;
}

.footer-content {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
 /* gap: 10px; */
  margin-left: 30px;
font-size: 0.8em;
  width: 100%;
}

.footer-column {
  flex: 1 1 30%; /* Die Spalten gleichmäßig verteilen */
  min-width: 140px;
}

.footer-column img {
  max-width: 80%; /* Bild auf max. Breite der Spalte skalieren */
}

.footer-column p {
  margin: 10px 0;
}
/* Menü hineingerückt */
@media (width >= 995px) {
  .navbar-brand {
    margin-left: 3.5em;
   padding-top: .5em;
   }
  .container-header .container-nav {
    margin-left: 6em;
  }
}
/* Screenreader */
.navbar-toggler::after {
    content: "Menü öffnen";
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap; /* Verhindert Zeilenumbruch */
    border: 0;
}
/* Responsivität */
@media (max-width: 490px) {
  .footer-content {
    flex-direction: column;
    align-items: left;
  }

  .footer-column {
    width: 100%;
  }
}
@media (width >= 1350px) {
  
  body {
  min-height: 100vh;
  position: relative;
    max-width: 1350px;
    background: #f2f2f2;
}
  body:not(.has-sidebar-left) .site-grid .container-component {
  grid-column-start: main-start;
 margin-top: 0.5em; 
/*  margin-left: -5em; */
    /*background-image: url("../images/gradient.png"); */
}

 /*  .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
   min-width: 1400px;
  } */
  .grid-child {
  width: 100%;
/*  max-width: 1320px; */
 /* margin-left: auto; */
margin-left: 0;
  margin-bottom: 0;
  margin-right: auto;
  display: flex;
}
.grid-child .container-component {
  /*  background-image: url("../images/verlauf.png"); */
min-width: 1320px;
  margin: 0;
}
  .container-component > :first-child, .container-sidebar-left > :first-child, .container-sidebar-right > :first-child, .container-component > * + *, .container-sidebar-left > * + *, .container-sidebar-right > * + * {
 /* margin-top: 1em; */
margin-left: 0em;
    width: 100%;
/*  background: #eee; */
}
  .blog-items .boxed .beach .columns-3 {
    width: 1500px;
  }
  .header .container-header .full-width {
  max-height: 100px;
    max-width:  1320px;
  border: 2px solid #000;
}
.container-topbar {
   color: #da9f4a;
  width: 100%;
  display: border-box;
  display: flex;
  justify-content: flex-end;
    /* background: #355085; */
  background: #f1f0f0;
    max-width 1320px;
 } 
  .container-banner {background: #f2f2f2;

  font-family: "Noto Sans", sans-serif;
word-wrap: break-word;
 color: #315673;
  background-image: url(../images/start_bild.webp);
background-size: 1320px auto;
 background-repeat: no-repeat; 
object-fit: cover;
}
  
  .container-banner1 {
     max-width: 1350px;
  }
  .footer {
    max-width: 1350px;
  }
  }