/* ibm-plex-sans-200 - latin */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 200;
  src: url('../fonts/ibm-plex-sans-v14-latin-200.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/ibm-plex-sans-v14-latin-200.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/ibm-plex-sans-v14-latin-200.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/ibm-plex-sans-v14-latin-200.woff') format('woff'), /* Modern Browsers */
       url('../fonts/ibm-plex-sans-v14-latin-200.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/ibm-plex-sans-v14-latin-200.svg#IBMPlexSans') format('svg'); /* Legacy iOS */
}

/* ibm-plex-sans-300 - latin */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/ibm-plex-sans-v14-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/ibm-plex-sans-v14-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/ibm-plex-sans-v14-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/ibm-plex-sans-v14-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/ibm-plex-sans-v14-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/ibm-plex-sans-v14-latin-300.svg#IBMPlexSans') format('svg'); /* Legacy iOS */
}

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

/* ibm-plex-sans-500 - latin */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/ibm-plex-sans-v14-latin-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/ibm-plex-sans-v14-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/ibm-plex-sans-v14-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/ibm-plex-sans-v14-latin-500.woff') format('woff'), /* Modern Browsers */
       url('../fonts/ibm-plex-sans-v14-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/ibm-plex-sans-v14-latin-500.svg#IBMPlexSans') format('svg'); /* Legacy iOS */
}

/*own*/
html, body {height: 100%; margin: 0; }
p {font-family: 'IBM Plex Sans', sans-serif;}
.bigone {
  width: 100%;
  height: auto;
}
@supports (display:grid) {
  .blog-items {
    grid-gap: 1.8em;
  }
.start-einleitung {
  width: 100%;
max-width: 800px;
margin: 0 auto;
padding-top: 110px;
padding-bottom: 92px;
padding-top: 120px;
}
a.mehr {
    color: #fff;
    background-color: #879D9F;
    padding: 14px 25px;
    margin-top: 39px;
    text-transform: uppercase;
    font-weight: 600;
line-height: 7em;
  text-decoration: none;

}
a.mehr:hover {
    color: #000;
}
.blog_projekte .readmore.btn {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    padding: 0px 0px;
    margin-bottom: 0;
    font-size: 1em;
    line-height: 18px;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    color: #333;
    text-shadow: none;
    background-color: none;
    background-image: -moz-linear-gradient(top,#fff,#e6e6e6);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#fff),to(#e6e6e6));
    background-image: -webkit-linear-gradient(top,#fff,#e6e6e6);
    background-image: -o-linear-gradient(top,#fff,#e6e6e6);
    background-image: none !important;
    background-repeat: no-repeat;
    filter: none;
    border-color: #e6e6e6 #e6e6e6 #bfbfbf;
    *background-color: #e6e6e6;
    filter: progid: DXImageTransform.Microsoft.gradient(enabled = false);
    border: none;
    *border: 0;
    border-bottom-color: none !important;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    *margin-left: 0em !important;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    
}
/*img*/

  .containerBox {   
    position: relative;    
    display: inline-block;
}
.text-box {    
  position: absolute;        
  height: 100%;    
  text-align: center;        
  width: 100%;
}
.text-box a {
    color: #000;
    text-decoration: none;
  font-weight: 100 !important;
}
.text-box a:hover {
    color: #879D9F;
    
}
.text-box:before {   
  content: '';   
  display: inline-block;   
  height: 100%;   
  vertical-align: middle;
}
h4 {  
  display: inline-block;   
  font-size: 20px;   
  color: #FFF;   
}
h3 {
  font-size: 1.62em;
  line-height: 1.2em;
  font-weight: 300;
}
img {  
  display: block; 
  max-width: 100%;  
  height: auto;
}
  .img-responsive{
    max-width: 100%; 
    height: auto; 
    display:block;
}
.maximenuck a {
    text-transform: uppercase !important;
  color: #000 !important;
  font-size: 1.2em;
  text-decoration: none;
}
  div#maximenuck90 ul.maximenuck {

    background: #fff !important;
}
.navigation {

    text-align: right;
}
.maximenucklogo img {
    width: 100%;
    max-width: 337px;
}
.navigation {
    text-align: right;
    border-bottom: 1px solid #000;
    padding-bottom: 0;
  text-align: right;
width: 100%;
max-width: 1660px;
margin: 0 auto;
}
div#maximenuck90 div.floatck {
    background: transparent !important;
    padding: 20px 20px !important;
    border: none !important;
}
div#maximenuck90 ul.maximenuck li.level1.parent > a:after, div#maximenuck90 ul.maximenuck li.level1.parent > span.separator:after {
    display: none !important;  
}
div#maximenuck90 ul.maximenuck li ul.maximenuck2 li.maximenuck, div#maximenuck90 ul.maximenuck2 li.maximenuck {
    line-height: 2.1em !important;
}
h2 {
    font-size: 2.2em;
line-height: 33px;
padding-bottom: 10px;
font-weight: 300;
text-transform: uppercase;
}
.blog_wett h2 {padding-bottom: 43px;}
.start-table {
   width: 100%;
max-width: 1660px;
    margin: 0 auto;
    padding-top: 70px;
padding-bottom: 70px;
}
.start-table p {
 line-height: 1.5em;
font-size: 1.1em !important;
  width: 95%;
}
.start-table .wf-columns.wf-columns-stack-medium.wf-columns-gap-small.wf-columns-layout-auto:nth-child(2) {
    padding-top: 40px;
}
.start-einleitung p {
    font-size: 1.4em;
font-weight: 300;
line-height: 1.5em;
}
.details {
    color: #879D9F;
    font-weight: bold;
}
.details a {
    color: #879D9F;
    font-weight: 600;
    text-decoration: none;
}
.details a:hover {
    color: #ccc;
    font-weight: 600;
    text-decoration: none;
}
.text-box h4 {
    padding: 25px;
    background: rgba(255, 255, 255, 0.8);
font-size: 4.1em;
    font-weight: lighter;
    line-height: 1em;
  color: #000;
  background-image: url(/images/navi-pfeil-grau.svg);
background-repeat: no-repeat;
background-position: right 25px center;
background-size: 30px 30px;
padding-right: 55px;
}
.start-update {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding-bottom: 100px;
  padding-top: 58px;
}
.start-update a.mehr {
    font-size: 1em;
}
.last {
    width: 100%;
    max-width: 1660px;
    height: auto;
    margin: 0 auto;
  padding-top: 10px;
}
.navigation {
    margin-bottom: 0px;
}
body.site {
    border-top: 0px solid #fff;
    background-color: #f4f6f7;
}
.hintergrund p {
    color: #fff;
font-size: 4.5em;
text-align: center;
padding-top: 40%;
  font-weight: 300;
}
.hintergrund img {
    padding-bottom: 30px;
}

div#maximenuck90 div.floatck {
    position: absolute !important;
    display: none;
    padding: 0;
    margin: 0;
    width: auto !important;
    text-align: left;
    width: auto;
    z-index: 9999;
    cursor: auto;
    background: #fff !important;
    margin-top: 3px !important;
  border-top: 5px solid #000 !important;
}
div#maximenuck90 ul.maximenuck li.maximenuck ul.maximenuck2 li > a, div#maximenuck90 ul.maximenuck2 li > a, div#maximenuck90 ul.maximenuck2 li > span.separator {
   
    padding: 0px 5px !important;
    text-transform: unset !important;
}
.maximenuck .last.level2 {
    padding-top: 0 !important;
}
/*menü line*/
div#maximenuck90 ul.maximenuck li.maximenuck.level1 > a {
  
    padding: 0px 15px 86px !important;
  background: #fff !important;
  /*border-bottom: 5px solid #fff !important;*/
      
}
.maximenuck.item132.current.active.level1 {
    /*border-bottom: 5px solid #000;*/
}
.maximenuck.item132 a:hover {
  /*padding: 0px 15px 81px !important;
  padding-top: 81px !important;
  border-bottom: 5px solid #000;*/
}
/*.maximenuck li:active {
    border-bottom: 5px solid #000 !important;
}*/
div#maximenuck90 {
   
    line-height: 11px !important;

}
div#maximenuck90 ul.maximenuck li.maximenuck.level1 > a:hover, a:focus, a:active {
  
  /*  padding: 0px 15px 81px !important;
  background: #fff !important;
 border-bottom: 5px solid #fff !important;*/
      
}
a.maximenuck::after {
  display: none !important;
}
.container-fluid {
padding-right: 0px;
width: 95%;
max-width: 1660px;
margin: 0 auto;
}
.navigation {
padding: 0 0;
border-top: 0px solid rgba(0,0,0,0.075);
padding-top: 20px;

}
body.site {
padding-top: 0px;
  color: #333;
}
h1 {
font-size: 28px;
line-height: 28px;
font-weight: unset;
  padding-bottom: 30px;
}
#content {
padding-top: 40px;
}
#_start #content {
padding-top: 0px;
}
.img-lbd {
  margin-right: 60px;
margin-bottom: 10px;
float: left;
  width:  100%;
 max-width: 750px;
}
.img-rbd {
  margin-left: 60px;
margin-bottom: 20px;
float: right;
  width:  100%;

}
p {
line-height: 1.5em;
font-size: 1.1em;
  margin-right: 5px;
}
.reihen {
width: 100%;
max-width: 1100px;
margin: 0 auto;
}
.katueber {
width: 100%;
max-width: 850px;
margin: 0 auto;
}
.reihen {
border-top: 1px solid #000;
padding-top: 20px;
}
.footer {
    background: #000;
    width: 96%;
    max-width: 1660px;
    margin: 0 auto;
  color: #fff;
  
  margin-top: 60px;
}
#myBtn {
display: none;
position: fixed;
bottom: 0px;
right: 48%;
z-index: 99;
border: none;
outline: none;
width:50px;
  height: 50px;
color: white;
cursor: pointer;
padding: 0px;
border-radius: 0px 0px 0px 0px;
font-size: 18px;
  
}
.button {
    padding-top: 66px;
padding-bottom: 10px;
}

.start-update .wf-columns {
    gap: 2rem !important;
}
.body.site {
  padding-left: 0px;
  padding-right: 0px:
}
.container-fluid {
  padding-left: 0px;
  padding-right: 0px:
}
.blog_projekte {
width: 100%;
max-width: 1660px;
margin: 0 auto;
  padding-top: 14px;
}
.blog_projekte p {
  line-height: 1.5em;
font-size: 1.1em !important;
width: 95%;
}
h1, h2, h3, h4, h5, h6, .site-title {
    font-family: 'IBM Plex Sans', sans-serif;
}
.footer p {
    font-size: 1.1em;
  padding: 0px 8px 15px 0px;
}
/*gallery*/
.camera_wrap .camera_pag .camera_pag_ul {

    text-align: center !important;

}
.item-page_projekte {
    width: 100%;
    max-width: 950px;
    margin: 0 auto;
}
.item-page_projekte h4 {
    color: #000;
    font-weight: normal;
    font-family: 'IBM Plex Sans', sans-serif;
    margin: 0;
    padding: 0;
}
.item-page_projekte h3 {
    padding-top: 0px;
    padding-bottom: 30px;
    font-size: 2.2em;
    
  margin-top: 2px;
}
.start-einleitung h2 {
    font-size: 2.7em;
line-height: 1.2em;
padding-bottom: 24px;
font-weight: 300;
}
.start-update img {
padding-top: 14px;
}
.start-update h3 {
padding-bottom: 15px;
}
.start-table img {
    padding-bottom: 13px;
  width: 100%;
    max-width: 520px;
}
.camera_prevThumbs, .camera_nextThumbs, .camera_prev, .camera_next, .camera_commands, .camera_thumbs_cont {
    background: #000000 !important;
    background: rgba(21, 20, 20, 0.85) !important;
}
.infos {
        background: #eae9e7;
    padding: 20px;
    margin-top: 22px;
}

.texte {
    padding-top: 40px;
    padding-bottom: 25px;
}

.item-page_projekte td:first-child {
font-weight: bold;

}
div.camera_thumbs_cont ul li {
    display: inline-block;
}
.readmore .btn span {
    display: none;
}
.readmore .btn {
    
    color: #000;
}
.readmore {
    margin-bottom: 35px;
}
div#maximenuck109 ul.maximenuck {
    
    background: #fff !important;
}
.item-page_all {
    width: 92%;
    max-width: 1660px;
    margin: 0 auto;
}

/*fonts - h5-ü update*/
h5 {
    font-size: 1.1em;
    line-height: 1.6em;
    font-weight: 600;
}
/*update*/
.item-page_update {
width: 100%;
max-width: 1100px;
margin: 0 auto;
}
.item-page_update img {
    width:90%;
    max-width: 523px;    
  padding-top: 7px;
}
/*.item-page_update p {
    padding-bottom: 20px;
}*/
/*.update {
    padding-bottom: 30px;
    clear: both;
}*/
.pagi {
    clear: both;
    width: 100%;
    max-width: 370px;
    margin: 0 auto;
    padding: 30px 5px;
    font-size: 1.2em;
}
.p-btn a {
    position: relative;
    
    background: #879D9F;
    float: left;
    padding: 12px;
    color: #fff;
  text-decoration: none;
  margin-bottom: 50px;
}
.p-btn a:hover {
    
    color: #000;
    
}

/*update end*/

body, p, a {
  font-family: 'IBM Plex Sans', sans-serif !important;
  font-weight: 400 !important;
}
h1, h2, h3, h4, h5, h6, .site-title {
   
    font-family: 'IBM Plex Sans', sans-serif !important;
}
/*h2 {
    font-size: 3.2em;
    line-height: 33px;
    padding-bottom: 15px;
    font-weight: 300;
}
.span4 {
    margin-left: 0.4em !important;
}*/
.blog_projekte a.btn {
    background: none !important;
    border: none !important;
    margin-left: 0px !important;
    padding-left: 0px !important;
    font-size: 1em;
    color: #879D9F !important;
  font-weight: 600;
}
.blog_projekte img {
    padding-bottom: 13px;
}
/*div#maximenuck109 ul.maximenuck {
    background: #fff !important;
  
}*/
.maximenuck.item174.first.parent.level1.maximenuckanimation:hover {
    background: none !important;
}

/*weiss gallery*/
.camera_prevThumbs, .camera_nextThumbs, .camera_prev, .camera_next, .camera_commands, .camera_thumbs_cont {
    background: #000 !important;
    background: rgb(254, 254, 254, 0.1) !important;
}
.camera_commands > .camera_play {
    background: none !important;

}
/*galerie weiß*/
/* camera.css | https://new.ifb-berlin.de/modules/mod_slideshowck/themes/default/css/camera.css */

.camera_thumbs_cont {
  /* border-bottom-right-radius: 4px; */
  /* border-bottom-left-radius: 4px; */
}

.camera_wrap a, .camera_wrap a:hover, .camera_wrap img, .camera_wrap ol, .camera_wrap ul, .camera_wrap li, .camera_wrap table, .camera_wrap tbody, .camera_wrap tfoot, .camera_wrap thead, .camera_wrap tr, .camera_wrap th, .camera_wrap td .camera_thumbs_wrap a, .camera_thumbs_wrap img, .camera_thumbs_wrap ol, .camera_thumbs_wrap ul, .camera_thumbs_wrap li, .camera_thumbs_wrap table, .camera_thumbs_wrap tbody, .camera_thumbs_wrap tfoot, .camera_thumbs_wrap thead, .camera_thumbs_wrap tr, .camera_thumbs_wrap th, .camera_thumbs_wrap td {
  left: 0 !important;
}

.camera_thumbs_cont ul {
  /* padding: 3px 4px 8px; */
  padding: 0px 0px 0px;
}


.camera_thumbs_cont > div:nth-child(1) > ul:nth-child(1) {
  /* margin-left: auto; */
  /* margin-right: auto; */
  padding-left: 0 !important;
  padding-right: 0 !important;
  border: none !important;
}


.pix_thumb.pix_thumb_0.cameracurrent.camera_visThumb {
}

.camera_thumbs_cont ul li:first-child {
  padding-left: 0 !important;
}
.camera_thumbs_cont ul li > img {
    border: 0px solid #000 !important;

}
/*Gallery end
.pagination ul > li > a, .pagination ul > li > span {
    float: left;

    border: none !important;
   
}
.pagination-list a {
    color: #000 !important;
    font-size: 1.2em;
  font-weight: lighter;

}
.pagination .pull-right {
    float: none;
    text-align: center;
  display: none;
}
.pagination nav {
    text-align: center;
  padding-top: 10px;
}*/
.item-page_profil {
    width: 100%;
    max-width: 1660px;
    margin: 0 auto;
}
.item-page ._profil img {
    width: 100%;
    max-width: 784px;
  padding-bottom: 22px;
}
#_profil .unten {
  padding-top: 40px;
}
.item-page_profil p {
    line-height: 1.5em;
    font-size: 1.1em !important;
}


._uebersicht.maximenuck a {
  text-transform: none !important;
}

.item174 a span.titreck-title {
    border-bottom: 1px solid #000 !important;
    padding-bottom: 7px;
}.item175 a span.titreck-title, .item176 a span.titreck-title, .item177 a span.titreck-title, .item178 a span.titreck-title, .item179 a span.titreck-title, .item180 a span.titreck-title, .item181 a span.titreck-title, .item182 a span.titreck-title, .item183 a span.titreck-title  {
    border-bottom: 0px solid #fff !important;
    
}
/*.pagination ul > li > a:hover, .pagination ul > li > a:focus, .pagination ul > .active > a, .pagination ul > .active > span {
    background-color: #fff !important;
}
.pagination ul > .active > a, .pagination ul > .active > span {
    font-weight: bold !important;
}*/
  .buttont {
    padding-top: 24px;
    padding-bottom: 9px;
}
.team {padding-top: 24px;}
.btn:focus {
    outline: none;
    outline: none;
    outline-offset: unset;
}
/*sliders*/
#slider-weiterlesen {
    padding: 0;
        padding-bottom: 0px;
    font-weight: 700;
    padding-bottom: 10px;
    font-size: 1.1em;
  line-height: 1.5em;
  text-decoration: none;
}
.accordion-group {
    margin-bottom: 0px;
    border: none;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}
.accordion-inner {
    padding: 19px 0px 15px 0px;
    border-top: 1px solid #e5e5e5;
}
a:hover, a:focus {
    color: #879D9F;
    text-decoration: none;
}
a:focus {
    outline: none;
    outline: none;
    outline-offset: unset;
}
/*slicers ende*/
/*navi unten*/
.unten {
  padding: 62px 0 2px 0;
  text-align: center;
}
.beide {
display: table;
margin: 0 auto;
}
.unten2 {
padding: 62px 30px 2px 0;
text-align: center;
float: left;
}
.unten2:nth-child(2) {
padding-right: 0px;
}
.unten a, .unten2 a {
  background: url(/images/navi-pfeil-grau.svg);
  background-repeat: no-repeat;
  background-size: 35px 35px;
  background-position: center right;
  padding-right: 45px;
  color: #000;
  display: inline-block;
min-height: 35px;
  padding-top: 15px !important;
}
/*#_profil h2 {
    padding-top: 17px;
    padding-bottom: 31px;
}*/
.img-lbd, .img-rbd {
    padding-top: 7px;
}
@media (min-width: 1066px) {

  .custom_logo-mob {
    display: none;
    width: 30%;
    max-width: 250px;
    padding-bottom: 0;
    margin-bottom: 0;
}
  .start-einleitung {
    width: 100%;
  }
  .umfluss {
    float: left;
    padding-right: 60px;
    width: 100%;
    max-width: 715px;
    height: auto;
}
}
@media (min-width: 320px) and (max-width: 1065px) {
  .body {
    padding-top: 15px;
}
[data-id="maximenuck90"] .mobilemenuck-title {
  
  text-indent: 27px !important;
  }
footer .wf-columns .wf-column {
  height: 120px;
}
  .footer img {
  float: left;
  padding: 0px;
  margin: 0px;
}
 
.futi {
  float: left !important;
}
  .start-einleitung {
padding-top: 56px;
    width: 74%;
    padding-bottom: 0px;
}
  .start-einleitung h2 {
font-size: 2.3em;
  }
    .start-einleitung p {
font-size: 1.2em;
    
}
.umfluss {
float: none;
padding-right: 0px;
width: 100%;
max-width: 715px;
height: auto;
      padding-bottom: 28px;
}
  .start-update {
        width: 74%;
    padding-bottom: 10px;
   
  }
    .start-update h2 {
        
    max-width: 715px;
  }
  .start-update p{
        
    max-width: 715px;
  }
  .start-table {
    width: 93%;
    padding-top: 30px;
  }
  

.mobilemenuck-bar-button {
  /* top: 0; */
  /* right: 0; */
  top: -5px !important;
  right: -5px !important;
}

  .mobilemenuck-item a {
    color: #fff !important;
    font-weight: 300 !important;
    padding-top: 16px !important;
}
  .mobilemenuck-itemwrap {
    padding-top: 60px !important;
}
  .mobilemenuck-togglericon::after {
 padding-top: 14px !important;
    content: ">" !important;
    font-weight: 300 !important;
    font-size: 1.4em !important;
  background: none !important;
  width: 100% !important;
  text-align: right !important;
  margin-right: 5px;
}
  .mobilemenuck-title {
    background: #000 !important;
}
  .mobilemenuck-button {
    cursor: pointer;
    box-sizing: border-box;
    position: absolute;
    top: 0;
    right: 0;
    line-height: 0.8em;
    font-family: 'IBM Plex Sans', sans-serif !important;
    text-align: center;
    font-weight: 300 !important;
}
[data-id="maximenuck90"] .mobilemenuck-bar-title {
    background: none !important;
    color: #FFFFFF;
    font-weight: bold;
    text-indent: 20px;
    line-height: 43px;
    font-size: 20px;
  }
  [data-id="maximenuck90"] .mobilemenuck-bar-button {
    background: none !important;
    height: 43px;
    width: 32px;
    color: #000 !important;
    
    font-size: 1.2em !important;
    font-weight: lighter !important;
}
 #maximenuck90-mobile-bar {
    display: block;
    float: right;
   font-size: 3.2em !important;
    float: right !important;
} 
.mobilemenuck-bar-button {
    padding-top: 0px !important;
  line-height: 0.3em !important;
}
  #maximenuck90-mobile {
    background: #000 !important;
}
  .custom_logo-mob {
    display: inline;
    
    padding-bottom: 0;
    margin-bottom: 0;
}
  .custom_logo-mob img {
    width: 100%;
    max-width: 273px;
}
  .navigation {

    text-align: left;
}

  [data-id="maximenuck90"] .mobilemenuck-item > .level2 {
    background: none !important;
    -moz-border-radius: 5px 5px 5px 5px;
    -o-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
    color: #000000;
    margin-top: 4px;
    margin-right: 4px;
    margin-bottom: 4px;
    margin-left: 4px;
    padding-left: 25px;
    line-height: 35px;
}
  [data-id="maximenuck90"] .mobilemenuck-item > .level1 {
    background: none !important;
  
}
  [data-id="maximenuck90"] .mobilemenuck-togglericon::after {
    background: none !important;
    
  }
  .navigation {

padding-top: 0px;

}
  .startraster {
 
   display: initial; list-style: none;
  }


ul.startraster li:first-child {
    padding-top: 0px;
}
   ul.startraster li img {
  padding-top: 44px;
}
  .footer p {
  
  padding: 10px 8px 0px 10px;
}
  .footer p:first-of-type {
    padding-top: 30px;
  }
}/*end of 320-1065*/
@media (min-width: 320px) and (max-width: 418px) {
  .text-box::before {
   
    height: 26%;
   
}
}
@media (max-width: 1086px) {
  .text-box h4 {
   
    font-size: 3.5em;

}

  #_start .hintergrund {
    width: 100%;
    background-position: center center;

}
  .navigation {
z-index: 1;
position: relative;
   /* width: 100%;*/

}
}
@media (max-width: 864px) {
  .text-box h4 {
   
    font-size: 1.8em;

}
}

@media (min-width: 320px) and (max-width: 644px) {
  
.unten2:nth-child(2) {
padding-right: 0px;
padding-top: 15px;
}
  .unten2 {
padding: 62px 0px 2px 0;
text-align: right;
float: none;
}
}
@media (min-width: 320px) and (max-width: 480px) {
  #maximenuck90-mobile {
    height: 1010% !important;
  }
}
@media (min-width: 1066px) {
  
.umfluss {
    float: left;
    padding-right: 60px;
    width: 100%;
    max-width: 715px;
    height: auto;
}
.umfluss-li {
    float: right;
    padding-left: 60px;
    width: 100%;
    max-width: 715px;
    height: auto;
  }}
.flexboxes {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: stretch;
  box-sizing: border-box;

  padding-top: 40px;
 
}

.items {
  box-sizing: border-box;
  
  margin-bottom: 20px;
  padding: 0px 0px;
}

.contents {
  
  
  font-weight: 300;
 
  box-sizing: border-box;
  height: 100%;
  
}
.contents p {
    padding-top: 20px;
}


.blog_update h2 {
  padding-top: 17px;
  padding-bottom: 17px;
}
.blog_wett {
    width: 100%;
    max-width: 1100px;
    margin: 0 auto;
}
.blog_wett h2 {
  padding-top: 17px;
  padding-bottom: 33px;
}
.blog_wett .items:nth-child(3) {
    display: flex;
    justify-content: flex-end;
    padding-right: 30px;
}
.blog_wett .flexboxes {
  border-top: 1px solid #000;
  padding-top: 20px;
}
.blog_wett .items:nth-child(1) {
    width: 80px;
}
.blog_wett .items:nth-child(4) {
  max-width: 250px;
}
.blog_wett .items:nth-child(3) {
  width: 20%%;
  padding-left: 20px;
}
.blog_wett .items:nth-child(2) {
  max-width: 450px;
}
.blog_wett .items:nth-child(1) {
  width: 80px;
}


.item-page_partner .items {
  flex: 1;
  padding-right: 20px;
}

.item-page_partner .items:nth-child(4) {
  padding-right: 0;
}

.break {
  height: 0;
  width: 100%;
}

li {
  line-height: 1.5em;
/*font-size: 1.1em !important; ???*/
}
ul, ol {
  padding: 0;
  margin: 0 0 35px 25px;
  line-height: 1.5em;
  /*font-size: 1.1em !important;*/
}
.ulue {font-size: 1.3em;
padding-bottom: 10px;} 
.img-rrbd {
float: right;
max-width: 49% !important;
padding-left: 30px;
}
.img-llbd {
float: left;
max-width: 49% !important;
padding-right: 30px;
}
.info {font-style: italic; font-size: 0.87em;}
.clearfix {
padding-bottom: 14px;
  padding-top: 25px;
}
@media (max-width:900px) {
  .img-llbd {
float: none;
max-width: 100% !important;
padding-right: 0px;
padding-bottom: 30px;
}
}
@media (min-width: 899px) AND (max-width: 1096px) {
  #_update .items:nth-child(2) {
  padding-left: 20px;
  width: 23%;
}
  
}
@media (max-width:900px) {
  .img-rrbd {
float: none;
max-width: 100% !important;
padding-right: 0px;
padding-bottom: 30px;
    padding-left: 0;}
    
  .img-rrbd {
  float: none;
max-width: 100% !important;
  

}
  #_update .items:nth-child(2) {
  padding-left: 0px;
  width: 100%;
}

}
.start-einleitung p.more {
  padding-top: 30px;
}

.blog_wett .flexboxes .items:nth-child(2) {
  width: 40%;
}
footer .wf-columns .wf-column {

  flex: auto !important;
}

/*bis 453*/
@media (min-width: 453px) and (max-width: 707px) {
  .text-box h4 {
   
    font-size: 1.2em;
    padding-left: 10px; padding-right: 51px;

  }}
@media (min-width: 320px) and (max-width: 452px) {
  .text-box h4 {
   
   
  font-size: 1em;
  padding-left: 10px;
  padding-right: 60px;   

  }
  .text-box {
    padding-top: 19%;
  }
  .img-rrbd {
    padding-left: 0px !important;
  }
}
@media (min-width: 865px) and (max-width: 1086px) {
  .text-box h4 {
   
    font-size: 2.5em;
    

  }}
@media (min-width: 1087px) and (max-width: 1177px) {
  .text-box h4 {
   
    font-size: 3.5em;
    

  }}
html, body {
  height: 100%;
  min-height: 100%;
}
.infos th {
    text-transform: uppercase;
  width: 40%;
  max-width: 380px;
  vertical-align: top;
}
/*Infokasten mit ausz.*/
#vertical-1 {float: left; padding: 10px; background: #eae9e7; width: 50%}
		#vertical-1 th, td {text-align: left; padding: 10px}
		.vertical-2 {padding: 10px; background: #eae9e7; width: 50%}
		.vertical-2 tr:first-child {font-weight: bold;}
		@media (max-width: 712px) {
			#vertical-1 {clear: both; width: 100%;}
			.vertical-2 {clear: both; width: 100%;}
		}
#vertical-1b {padding: 10px; background: #eae9e7; width: 100%}
		#vertical-1b th, td {text-align: left; padding: 2px 20px 15px 0px; }
		.vertical-2b {display: none; padding: 10px; background: #eae9e7; width: 50%}
		.vertical-2b tr:first-child {font-weight: bold;}
		@media (max-width: 712px) {
			#vertical-1b {clear: both; width: 100%;}
			.vertical-2b {clear: both; width: 100%;}
		}
	@media (min-width:601px) {
	
		td:first-child {min-width:9em;}
	
	}

	@media (max-width:600px) {
		table {
			padding:0;
		}
      th {display: grid;}
		td {
			display:flex;
          
      }
.infos th {
    text-transform: uppercase;
  width: 95%;
  max-width: 95%;
}
      th, td {
  display: block;
}
     ._projekte-alle .com-content-category-blog__items.blog-items.columns-3 {
    padding-top: 50px;
}
}
@media (min-width: 1001px) {
.team img {
  padding-bottom: 30px;
  width: 100%;
  max-width: 400px;
}
  }
@media (min-width: 600px) and (max-width: 1000px) {
.team table {
display: flex;
}
.team td {
display: inline-table;
}
  }


/**/
.people img {
  width: 100%;
  max-width: 387px;
  padding-bottom: 30px;
}
.people {
  float: left;
  
}
.btn-group:first-child {
  *margin-left: 0;
  display: inline-block;
}
.btn {
    display: inline-block;
}
/**/
.buttont {
  padding-top: 61px; /*24*/
  padding-bottom: 9px;
  clear: both;
}
.teammitglieder {
  list-style: none;
  padding:0;
  margin: 0;
  display: grid;
  grid-template-columns: repeat(auto-fit,minmax(529px,1fr));
  grid-gap: 32px;
}
@media (max-width: 598px) {
  .teammitglieder {

  grid-template-columns: repeat(auto-fit,minmax(200px,1fr));
  
}
}
@media (min-width: 1066px) {
.startraster {
  list-style: none;
  padding:0;
  margin: 0;
  display: grid;
  grid-template-columns: repeat(auto-fit,minmax(420px,1fr));
  grid-gap: 34px;
  }
}
.startraster img {
  padding-bottom: 16px;
}
/*@media (min-width: 391px) {
  .startraster img {
    width: 100%;
    max-width: 100%;
  }
}*/
@media (min-width: 290px) and (max-width: 420px) {
  .startraster  {
   grid-template-columns: repeat(auto-fit,minmax(300px,1fr));
  }
}
.btn {
  -webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}

.teammitglieder img { 
  padding-bottom: 23px;
  padding-top: 13px;
}
.teammitglieder img:first-child {
  padding-top: 0px;
}
.gruender li p {
  padding-top: 20px;
}
@media (max-width: 900px) {
  .item-page_partner .gruender {    
    flex-direction: column;
  }
  .gruender li {
  list-style: none;
  padding-right: 0;
  width: 100%;
  max-width: 100%;
}
  .img-lbd {
  margin-right: 0;
  margin-bottom: 38px;
  float: none;
  width: 100%;
  max-width: 100%;
}
  .update-page {
  flex-direction: column;
}
  .item-page_update img {
  padding-bottom: 32px;
    max-width: 100%;
}
  .update-page li:last-child {			
          max-width: 100%;
}
  .item-page_update img {
  width: 100%;
  
}
}
.gruender {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: stretch;
    box-sizing: border-box;
    padding: 0;
margin: 0;
}
@media (min-width: 901px) {
.gruender li {
  list-style: none;
  padding-right: 20px;
  width: 100%;
  max-width: 400px;
}
 .update-page li:last-child {
			margin-right: 0px;
          max-width: 523px;
		}
}
.update-page  {
	list-style: none;
	display: flex;
  	margin-left: 0;
	margin-bottom: 55px;
  border-top: 1px solid #000;
    padding-top: 50px;
		}
.update-page li {
flex: 1;			
		}
.update-page2 {
  list-style: none;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
}
}
@media (max-width: 600px) {
a.maximenuck {
  padding: 5px 0px !important;
  margin-bottom: 26px !important;
}
 .modpro {
  vertical-align: top;
  }
  div#maximenuck109.maximenuckv div.floatck {
  margin: auto !important;
}
  #vertical-1b th, td {
  text-align: left;
  padding: 2px 20px 8px 0px;
}
  #_projekte h2 {
  padding-top: 2px;
  padding-bottom: 0px;
}
 #_projekte .maximenuck a {
  padding-left: 0px !important;
   text-align: left !important;
}
    div#maximenuck109 ul.maximenuck li.maximenuck a, div#maximenuck109 ul.maximenuck li.maximenuck span.separator, div#maximenuck109 ul.maximenuck2 a, div#maximenuck109 ul.maximenuck2 li.maximenuck span.separator {
  display: block;
  
  float: left !important;
  position: relative;
  text-decoration: none;
  outline: none;
  white-space: normal;
  filter: none;
  color: #3598db;
}
._uebersicht.maximenuck a {
  text-transform: none !important;
  padding-left: 0px !important;
}
  .floatck:hover {
  
  top: 51px !important;
}
  div#maximenuck109 ul.maximenuck li.maximenuck.level1 {
   text-align: left !important;
 }
} /*ende @media (max-width: 600px) {*/
.item-page h2 {
  padding-top: 17px;
}
.item-page_team h2 {
  padding-top: 17px;
}
.item-page_partner h2 {
  padding-top: 17px;
}
.item-page_update h2 {
  padding-top: 17px;
  padding-bottom: 23px;
}
td {
    line-height: 1.5em;
}
@media (max-width: 452px) {
  .text-box::before {
  content: '';
  display: inline-block;
  height: 51%;
  vertical-align: middle;
}
} /*end @media (max-width: 452px)*/
@media (max-width: 398px) {
  .unten a, .unten2 a {
    min-height: 50px;
  }
}/*@media (max-width: 398px)*/
@media (max-width: 600px) {
div#maximenuck109 ul.maximenuck li.maximenuck.level1 > a, div#maximenuck109 ul.maximenuck li.maximenuck.level1 > span.separator {
   padding: 0px 0px !important;
  }
.alle h2 {
    padding-bottom: 0px;
  }
  .modpro {
position: relative;
    margin-bottom: 24px;
  }
  #_projekte .items-row.cols-3.row-0.row-fluid.clearfix {
    padding-top: 59px;
  }
}

.quali {

    width: 200px;
    height: auto;
    float: right;

}
@media (max-width: 900px) {
  #_profil .info {
    display: none;
  }
    /*#_profil .clearfix {
    display: none;
  }*/
}
  ._uebersicht.maximenuck {

    background: transparent !important;

}

  div#maximenuck90 ul.maximenuck {

    background: transparent !important;
  
  
}
@media (min-width: 1066px) {
  .container-fluid {
    background: url(/images/ifb-ingenieure-berlin-logo-full.svg);
    background-repeat: no-repeat;
    background-size: 337px auto;
    background-position-y: 44px;
  }  
} /*@media (min-width: 1066px)*/
@media (max-width: 1065px) {
  .container-fluid {
    background: url(/images/ifb-ingenieure-berlin-logo-full-mobile.svg);
    background-repeat: no-repeat; 
        background-position-y: 0%;
        background-repeat: no-repeat;
        background-size: auto;   
    background-size: 270px auto;
    background-position-y: 25px;
    }
   .custom_logo-mob {
    display: block;
    padding-bottom: 0;
    margin-bottom: 0;
    height: 97px;
  }
}/*@media (max-width: 1065px)*/
.footer .container-fluid {
    background: none;
}
.search-results_suche {
line-height: 1.6em !important;
}
.small_suche {
line-height: 1.6em !important;
}
dt.result-title {
line-height: 2em;
}
dd.result-text {
line-height: 1.6em;
padding-bottom: 20px;
max-width: 1100px;
}
.search_suche {
    padding: 50px;
    width: 100%;
    max-width: 1100px !important;
    margin: 0 auto;
}
#_update .update-page img {
  width: 90%;
}
.update-k {
  display: flex;
  margin-left: 0;
margin-bottom: 55px;
border-top: 1px solid #000;
padding-top: 40px;
}
.update-z {
  display: flex;
  margin-left: 0;
border-top: 1px solid #000;
padding-top: 40px;
}
.update-k img {
max-width: 578px;
padding-top: 7px;
}
.update-z img {
max-width: 400px;
padding-top: 7px;
}
.update-ki {
    flex:1;
}
.update-zi:first-child {
    flex:1;
}
.item-page_update .update-k img {
  float: left;
  padding-right: 55px;
}
.item-page_update .update-z img {
  float: left;
  padding-right: 55px;
}
.update-k img {padding-right: 55px;}
.update-z img {padding-right: 55px;}
.item-page_update .update-k  {
  display: inline;
}
.item-page_update .update-z  {
  display: inline;
}
.readmore .btn {
  color: #fff;
background-color: #879D9F;
padding: 14px 25px;
margin-top: 39px;
text-transform: uppercase;
font-weight: 600;
font-size: 16px;
text-decoration: none;
  text-shadow: none;
  background-image: none;
}
.zwei {
  display: none;
}
.item-page_update .zwei {
  display: block;
  border-bottom: 1px solid #000;
margin-bottom: 47px;
  padding-bottom: 47px;
}
div.update-zi {
  flex: auto;
}
@media (max-width: 900px) {
    .update-k {
    display: block; 
      margin-bottom: 0px;
  }  
  .update-k img {
    width: 100%; 
    max-width: 100%;
    padding-right: 0px;
  }   
  .update-ki {
  padding-bottom: 20px;
}  
}/*end @media (max-width: 900px)*/

@media (max-width: 800px) {    
  .update-z {
    display: block;      
  }  
   .update-z img {
    width: 100%; 
    max-width: 100%;
     padding-right: 0px;
  } 
 
   .update-zi {
  padding-bottom: 20px;
}
}/*end @media (max-width: 800px)*/
.titreck-title:hover {
  color: #879d9f !important;
}
div#maximenuck90 {
    text-align: right !important;
   padding-top: 50px;
}
.container-header {
    background-color: transparent;
    background-image: -o-linear-gradient(315deg,var(--cassiopeia-color-primary) 0,var(--cassiopeia-color-hover) 100%);
    background-image: none;
    -webkit-box-shadow: inset 0 5px 5px rgba(0,0,0,.03);
    box-shadow: inset 0 5px 5px rgba(0,0,0,.03);    
}
body.site {   
    background-color: #fff;
}
._start .hintergrund {
    max-width: 1660px;
    margin: 0 auto;
    background: url(/images/startseite/highlight-startseite.webp);
    background-repeat: repeat;
    background-size: auto;
    background-size: cover;
    box-sizing: border-box;
    background-repeat: no-repeat;
  background-position: center center;
}
.maximenucklogo img {
    width: 100%;
    max-width: 337px;
}
.hintergrund p {
    color: #fff;
font-size: 4.5em;
text-align: center;
padding-top: 40%;
  font-weight: 300;
}
header.header.container-header {
    width: 100%;
    max-width: 1660px;
    margin: 0 auto;
  padding-right:20px;
}
.container-component>*+*, .container-component>:first-child, .container-sidebar-left>*+*, .container-sidebar-left>:first-child, .container-sidebar-right>*+*, .container-sidebar-right>:first-child {
    margin-top: 0em;
}
@media (min-width: 1066px){
.startraster {
    list-style: none;
    padding: 0;
    margin: 0;
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(420px,1fr));
    grid-gap: 34px;
}
}/*end @media (min-width: 1066px)*/

.flexcont {
  display: flex; 
  flex-wrap: wrap; 
  flex-direction: row; 
  justify-content: center;
  padding-bottom: 50px;
}
.fcolumn {
  flex: 1;
display: flex;
         }
.fcolumn {
  flex: 1;
  display: flex;
}
footer .grid-child {
  display: block;
}
a {
  color: #879d9f; text-decoration: none !important;
}
footer a {color: #879D9F !important;
         }
main {
  border-top: 1px solid #000;
   padding-top: 40px;
}
.com-content-category-blog__item.blog-item img
{
  padding-bottom: 30px;
}
.footer a:hover {
color: #ffffff !important;
}
body {
  padding-left: 20px;
  padding-right: 20px;
}
._profil h2 {
  padding-top: 27px;
}
.flexprofil {
  display: flex;
}
.flexprofil-items {
  flex: 1;
  margin: 10px 20px 10px 0;
}
._start main {
  padding-top: 0px;
}
.jwts_togglePlus {
  display: none !important;
}
.jwts_toggleControl.jwts_toggleOff {
border: none !important;
font-size: 1.1em !important;
font-weight: bold !important;
}
.jwts_toggleControlNotice {
  display: none !important;
}
div.jwts_toggleControlContainer a.jwts_toggleOn {
  background:none !important;

  border-top: none !important;
  font-size: 1.1em !important;
  font-weight: bold !important;
}
.jwts_toggleMinus {
display: none !important;
}
.readmore .btn {
  color: #879D9F !important;
background-color: #fff; 
padding: 0px 0px; 
 margin-top: 20px; 
text-transform: uppercase;
font-weight: 600;
font-size: 16px;
text-decoration: none;
  text-shadow: none;
  background-image: none;
  border: none;
  margin-left: 0 !important;
}
h3 {
  font-size: 1.62em;
  line-height: 1.2em;
  font-weight: 300;
  margin-bottom: 12px;
  margin-top: 12px;
  margin-right: 3px;
}
 /* !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
._update .com-content-category-blog.blog {
  width: 100%;
  max-width: 1100px;
  margin: 0 auto;
}

.item-page ._profil img {
  width: 100%;
  max-width: 784px;
  padding-bottom: 22px;
}
main {
  width: 100%;
  max-width: 1660px;
  margin: 0 auto;
}
.container-header {
 box-shadow: none;     
}
.container-topbar {
  padding-left: 30px;
}
.com-content-category-blog.blog {
    width: 100%;
    max-width: 1100px;
    margin: 0 auto;
}
._projekte .com-content-category-blog.blog
 {
    width: 100%;
    max-width: 1660px;
    margin: 0 auto;
}
* {
  box-sizing: border-box;
}
.flexboxes .contents strong, 
.flexboxes .contents b {
   font-family: 'IBM Plex Sans';
    font-weight: 600;
    font-size: 1.1em;
}
/* ==========================================
   GEMEINSAME / MOBILE STYLES (Alles untereinander)
   ========================================== */
.flexboxes {
  display: flex;
  flex-direction: column; 
  width: 100%;
  box-sizing: border-box;
  padding-top: 20px;
  border-top: 1px solid #000;
  padding-top: 57px;
    margin: 0;
}
.items {
  width: 100%;
  box-sizing: border-box;
  margin-bottom: 20px;
}
.contents {
  box-sizing: border-box;
  height: 100%;
  font-weight: 300;
}
/* Entfernt störende Standard-Abstände um das Bild */
.contents p {
  margin: 0;
  padding: 0;
}
.flexboxes img {
  width: 100%;
  height: auto;
  display: block;
  max-width: 400px;
}

/* ==========================================
   DESKTOP STYLES (Ab 992px - 3 Spalten nebeneinander)
   ========================================== */
@media (min-width: 993px) {
  .flexboxes {
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start; /* Linksbündig ausrichten */
    align-items: flex-start;    
  }
  .items {
    margin-bottom: 0; /* Abstand unten auf Desktop aufheben */
  }
  /* 1. Spalte: Bild (Exakt max. 400px breit) */
  .items:nth-child(1) {
    flex: 0 0 400px; 
    width: 400px;
  }
  /* 2. Spalte: Text (410px breit + 30px Abstand nach links) */
  .items:nth-child(2) {
    flex: 0 0 410px;
    width: 410px;
    padding-left: 30px; 
  } 
  /* 3. Spalte: Button (200px breit) */
  .items:nth-child(3) {
    flex: 0 0 200px;
    width: 200px;
    /*margin-left: auto;  Schiebt die Spalte nach rechts */
    /* ÄNDERUNGEN FÜR BÜNDIGEN ABSCHLUSS: */
    display: block;        /* Entfernt das zentrierende Flexbox-Verhalten */
    text-align: right;     /* Richtet den Inhalt (Button) rechtsbündig aus */
    padding-top: 0;        /* Garantiert, dass es oben keine Abstände gibt */
  }
} /*end @media (min-width: 993px)*/

/*@supports (display:grid) {

    #_update a.mehr,
    .flexboxes a.mehr {
        margin-top: 5px !important;
        line-height: 1.2 !important;
      display: inline-block; 
    }
}

#_update .items:nth-child(2) .contents p,
.flexboxes .items:nth-child(2) .contents p {
    padding: 12px 0 !important;
}

#_update .items:nth-child(2) .contents p,
.flexboxes .items:nth-child(2) .contents p {
    padding: 12px 0 !important;
}


#_update .items:nth-child(2) .contents p:first-of-type,
.flexboxes .items:nth-child(2) .contents p:first-of-type {
    padding-top: 0 !important; 
    padding-bottom: 5px !important;
}*/
.pagination {
    --pagination-border-width: 0;
}

@media (min-width: 992px) {
    /* 1. Spalte: Jahreszahl (Kompakt links) */
   ._wettbe .flexboxes .items:nth-child(1) {
        width: 120px;       /* Feste, kompakte Breite für das Jahr */
        flex: 0 0 auto;     /* Hebelt das flexible Ausdehnen komplett aus */
        margin-right: 40px; /* Definiert den exakten Abstand zur Mitte */
    }

    /* 2. Spalte: Projekttext (Exakt Ihre gewünschten 350px) */
   ._wettbe .flexboxes .items:nth-child(2) {
        width: 400px;
        flex: 0 0 auto;     /* Verhindert Schrumpfen und Wachsen */
        margin-right: 80px; /* Definiert den exakten Abstand nach rechts */
    }

    /* 3. Spalte: Preis / Auszeichnung (Steht nah an der Mitte) */
    ._wettbe .flexboxes .items:nth-child(3) {
        width: auto;        /* Nimmt nur so viel Platz wie der Text braucht */
        flex: 0 0 auto;     /* Verhindert, dass es sich bis zum rechten Rand dehnt */
    }
} /*end @media (min-width: 992px)*/


   ._wettbe .flexboxes {
     padding-top: 40px;
   }

/* Globale Box-Berechnung sichern */
.flexboxes-p * {
    box-sizing: border-box;
}

/* Mobil-Ansicht: Teammitglieder stehen komplett untereinander */
.flexboxes-p {
    display: grid;
    grid-template-columns: 1fr; /* 1 Spalte auf dem Smartphone */
    gap: 30px;                  /* Abstand zwischen den Teammitgliedern */
    width: 100%;
}

/* Wichtig: Verhindert, dass die großen Originalbilder (1200px) das Grid sprengen */
.flexboxes-p .items img {
    width: 100%;
    height: auto;
    display: block;
    margin-bottom: 15px; /* Abstand vom Bild zum Text darunter */
}

/* Formatierung der Text-Absätze innerhalb der Team-Karten */
.flexboxes-p .contents p {
    margin: 0 0 10px 0; /* Gleichmäßige Abstände nach unten */
    line-height: 1.4;
}

/* Tablet-Ansicht (Ab 600px): Wechsel auf ein kompaktes 2x2 Raster */
@media (min-width: 600px) {
    .flexboxes-p {
        grid-template-columns: repeat(2, 1fr); 
    }
}

/* Desktop-Ansicht (Ab 992px): Alle 4 Partner nebeneinander in einer Reihe */
@media (min-width: 992px) {
    .flexboxes-p {
        grid-template-columns: repeat(4, 1fr); /* 4 exakt gleich breite Spalten */
        gap: 20px; /* Leicht reduzierter Abstand im Desktop-Modus */
    }
}
/* Globale Box-Berechnung sichern */
.flexboxes-p * {
    box-sizing: border-box !important;
}

/* Mobil-Ansicht (Standard): Alle 4 Partner untereinander */
.flexboxes-p {
    display: grid !important;
    grid-template-columns: 1fr !important; /* 1 Spalte auf dem Smartphone */
    gap: 30px !important;                  /* Abstand zwischen den Personen */
    width: 100% !important;
}

/* Zwingt die riesigen 1200px-Originalbilder in die Spaltenbreite */
.flexboxes-p .items-p img {
    width: 100% !important;
    height: auto !important;
    display: block !important;
    margin-bottom: 15px !important; /* Abstand vom Bild zum Text darunter */
}

/* Formatierung der Text-Absätze innerhalb der Team-Karten */
.flexboxes-p .contents-p p {
    margin: 0 0 10px 0 !important; /* Gleichmäßige Abstände nach unten */
    line-height: 1.4 !important;
}

/* Tablet-Ansicht (Ab 600px): Wechsel auf ein kompaktes 2x2 Raster */
@media (min-width: 600px) {
    .flexboxes-p {
        grid-template-columns: repeat(2, 1fr) !important; 
    }
}

@media (min-width: 992px) {
    .flexboxes-p {
        grid-template-columns: repeat(4, 1fr) !important; /* 4 exakt gleich breite Spalten */
        gap: 20px !important; /* Abstand zwischen den Spalten auf dem Desktop */
    }
}/*end @media (min-width: 992px)*/

._suche .com-finder.finder {
    max-width: 1100px;
    margin: 0 auto;
}
@media only screen and (max-width: 1065px) {  
  /* 1. Den Hauptbalken als Reihe ausrichten */
  #maximenuck90-mobile-bar {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important; /* Startet links */
    position: relative !important;
    width: 100% !important;
  }

  /* 2. Das Logo ganz nach links zwingen */
  .mobilemenuck-logo,
  #maximenuck90-mobile-bar .mobilemenuck-logo {
    order: 1 !important;           /* Ganz links positionieren */
    text-align: left !important;
    margin-left: 15px !important;  /* Schöner Abstand zum linken Rand */
    margin-right: auto !important; /* Der magische Trick: Schiebt alles nachfolgende nach rechts */
    display: inline-block !important;
  }

  /* 3. Den Titel (falls vorhanden) in die Mitte setzen */
  .mobilemenuck-bar-title {
    order: 2 !important;
    flex-grow: 1 !important;       /* Nimmt den gesamten mittleren Platz ein */
    text-align: left !important;
    margin-left: 15px !important;
  }

  /* 4. Den Hamburger-Button ganz rechts verankern */
  [data-id="maximenuck90"] .mobilemenuck-bar-button,
  #maximenuck90-mobile-bar .mobilemenuck-bar-button {
    order: 3 !important;           /* Ganz rechts positionieren */
    position: absolute !important; /* Nutzt die originale Ausrichtung des Moduls */
    right: 0 !important;
    top: 0 !important;
  }
} /*end @media only screen and (max-width: 1065px)*/

@media only screen and (max-width: 1065px) {
  /* Das Logo komplett an den linken Rand zwingen */
  .mobilemenuck-logo,
  #maximenuck90-mobile-bar .mobilemenuck-logo,
  #maximenuck90-mobile-bar .mobilemenuck-logo a {
    order: 1 !important;
    text-align: left !important;
    margin-left: 0px !important;   /* Entfernt den von uns gesetzten Abstand */
    padding-left: 0px !important;  /* Löscht eventuelle Innenabstände des Moduls */
    text-indent: 0px !important;   /* Löscht eventuelle Texteinzüge */
    margin-right: auto !important; /* Hält den Schubs-Effekt nach rechts aufrecht */
    display: inline-block !important;
  }
header.header.container-header {
    padding-top: 30px;
}
}/*end @media only screen and (max-width: 1065px)*/

@media only screen and (max-width: 1065px) {
  body.wrapper-fluid .site-grid {
    grid-gap: 0 0.5em;
  }
  .container-topbar {
    padding-left: 9px;
}
  }/*end @media only screen and (max-width: 1065px)*/

p strong, 
p b {
    font-weight: 600 !important;
}
.page-link.active, .active>.page-link {
    z-index: 3;
    color: #000000;
    background-color: #fff;
    border-color: #ffffff;
    font-weight: 600 !important;
}
a.page-link {
    color: #000;
}
.back-to-top-link {
   
    color: #666;
    
    background-color: var(--white, #fff);
    border: 1px solid #666;
    
}
/* Die vierte Spalte als Flexbox definieren und nach rechts schieben */
.flexcont .fcolumn:last-child {
    margin-left: auto; /* Schiebt die gesamte vierte Spalte nach rechts */
    display: flex;
    justify-content: flex-end; /* Schiebt den Inhalt (die Logos) innerhalb der Spalte nach rechts */
    align-items: center; /* Zentriert die Logos vertikal, falls sie unterschiedlich hoch sind */
  align-items: flex-start;
}

/* Optional: Abstand zwischen den beiden Logos einrichten */
.flexcont .fcolumn:last-child a {
    margin-left: 15px;
}
._suche .btn-primary {
    background-color: #848a97;
    border-color: #848a97;
}
a.btn.btn-secondary {
    font-weight: bold !important;
}

/* Verhindert das extreme Schrumpfen und sorgt für lesbare Buttons */
.pagination .page-link {
    font-size: 1rem !important; /* Setzt die Schrift auf Standardgröße zurück */
    padding: 0.5rem 0.75rem;     /* Gibt den Buttons wieder Klickfläche */
    min-width: 40px;            /* Macht runde/quadratische Boxen für Zahlen */
    text-align: center;
}

/* Sorgt dafür, dass die Paginierung auf Handys umbrechen darf, falls nötig */
.pagination {
    flex-wrap: wrap !important;
    justify-content: center;
    gap: 4px;
}
@media (max-width: 767px) {
  .flexprofil {
    flex-direction: column; /* Elemente untereinander anzeigen */
  }
  .flexprofil-items {
    flex: 1 1 100%; /* Volle Breite für jedes Element */
  }
  /* 1. Block: Text soll nach unten, Bild nach oben */
  .flexprofil:nth-of-type(1) .flexprofil-items:has(p) { order: 2; }
  .flexprofil:nth-of-type(1) .flexprofil-items:has(img) { order: 1; }

  /* 2. Block: Bild ist im HTML schon vorne -> bleibt oben (Reihenfolge explizit) */
  .flexprofil:nth-of-type(2) .flexprofil-items:has(img) { order: 3; }
  .flexprofil:nth-of-type(2) .flexprofil-items:has(p) { order: 4; }

  /* 3. Block: Text soll nach unten, Bild nach oben */
  .flexprofil:nth-of-type(3) .flexprofil-items:has(p) { order: 6; }
  .flexprofil:nth-of-type(3) .flexprofil-items:has(img) { order: 5; }
}
/* ==========================================================================
   NEUE STRATEGIE: Fließendes Schrumpfen ohne Umbruch bis 900px
   ========================================================================== */

/* 1. DESKTOP & ZWISCHENBEREICH (Alles ab 900px aufwärts) */
@media (min-width: 900px) {
    ._auszeichnung .flexboxes {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important; /* Verhindert strikt jede Zweispaltigkeit */
        gap: 30px !important;
        align-items: flex-start !important;
        width: 100% !important;
    }

    /* BILD-BOX: Startet bei 400px, darf aber schrumpfen (flex-shrink: 1) */
    ._auszeichnung .flexboxes > .items:nth-child(1) {
        flex: 1 1 400px !important; 
        max-width: 400px !important;
        min-width: 250px !important; /* Untergrenze, damit das Bild lesbar bleibt */
    }

    /* TEXT-BOX: Nimmt flexibel den Hauptteil ein und schrumpft mit */
    ._auszeichnung .flexboxes > .items:nth-child(2) {
        flex: 2 1 0% !important;
        min-width: 0 !important; 
    }

    /* BUTTON-BOX: Bleibt stabil, schrumpft nicht */
    ._auszeichnung .flexboxes > .items:nth-child(3) {
        flex: 0 0 160px !important;
        width: 160px !important;
        min-width: 160px !important;
    }

    /* Bild-Element passt sich immer der aktuellen Box-Größe an */
    ._auszeichnung .flexboxes .items img {
        width: 100% !important;
        height: auto !important;
        display: block !important;
    }
}

/* 2. MOBIL-ANSICHT (Ab 899px und kleiner) */
/* Erst hier erfolgt der harte Umbruch direkt untereinander */
@media (max-width: 899px) {
    ._auszeichnung .flexboxes {
        display: flex !important;
        flex-direction: column !important;
        gap: 20px !important;
    }

    ._auszeichnung .flexboxes > .items {
        flex: 1 1 100% !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin-left: 0 !important;
    }

    /* Bild wächst mobil auf die volle Breite an */
    ._auszeichnung .flexboxes .items img {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        display: block !important;
    }
}
/* 3. GLOBALE UMBRUCHS-SICHERUNG FOR TEXTE */
._auszeichnung .flexboxes .items p,
._auszeichnung .flexboxes .items strong,
._auszeichnung .flexboxes .items em {
    word-break: break-word !important;
    overflow-wrap: break-word !important;
    white-space: normal !important;
}
@media (min-width: 1764px) {
    .container-topbar {
    padding-left: 0px;
}
}

/* xxxxxxxxxxxxxxxBasis-Styling für den Footer-Container */
.flexcont {
  display: flex;
  flex-wrap: wrap;       /* Erlaubt den Spalten, in die nächste Zeile zu springen */
  gap: 20px;             /* Abstand zwischen den Spalten */
  justify-content: space-between;
}

/* Styling für die einzelnen Spalten */
.fcolumn {
  /* Verhindert den Textumbruch, damit die Spalten sich nicht unschön verengen */
  white-space: nowrap;   
   width: max-content;    
  /* Standardmäßig teilen sich alle 4 Spalten den Platz in einer Zeile */
  flex: 1 1 calc(25% - 20px); 
  min-width: 250px;      /* Schutzgrenze für die kleinste Breite */
}

/* 1. Breakpoint: Von 4 Spalten auf 2 Spalten/Zeilen umstellen (z.B. bei Tablets) */
@media (max-width: 992px) {
  .fcolumn {
    /* Jede Spalte nimmt nun ca. die Hälfte ein -> ergibt 2 Zeilen à 2 Spalten */
    flex: 1 1 calc(50% - 20px); 
  }
}

/* 2. Breakpoint: Von 2 Zeilen auf 1 Spalte untereinander umstellen (für Smartphones) */
@media (max-width: 576px) {
  .fcolumn {
    /* Jede Spalte nimmt die volle Breite ein -> alle 4 untereinander */
    flex: 1 1 100%; 
    /* Hier erlauben wir den Umbruch wieder, falls ein Handy-Bildschirm extrem schmal ist */
    white-space: normal; 
  }
}