/* 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;
}
.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: 30px;
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;
}
/*.wf-column p {
    line-height: 1.4em;
    font-size: 1.5em;
}*/
.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;
}
.sicht img {
  /*height: calc(100vh - 100px);
  width: auto;*/
}
body.site {
    border-top: 0px solid #fff;
    background-color: #f4f6f7;
}
#_start .hintergrund {
    /*width: 100%;
height: 90vh;*/
max-width: 1660px;
    margin: 0 auto;
    background: url("/images/startseite/highlight-startseite2x.png");
        background-repeat: repeat;
        background-size: auto;
    background-size: cover;
    box-sizing: border-box;
    background-repeat: no-repeat;
}
.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;
}
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;
}
/*.pagination ul > li > a {
  background: 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: 70%;
    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: 70%;
    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;
    padding-top: 10px !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;
  }
  .startraster 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;
}
#_update .flexboxes img {
    padding-top: 5px;
}
#_update .flexboxes .p-btn a {
    margin-top: 5px;
}
#_update .flexboxes  {
    padding-top: 20px;
border-top: 1px solid #000;
  margin: 0px 0px;
}
#_update .items:nth-child(3) {
    padding-left: 30px;
  justify-content: flex-end;
display: flex;
}
#_update .items:nth-child(2) {
  padding-left: 30px;
  width: 40%;
}
#_update .blog_update {
    width: 100%;
    max-width: 1100px;
    margin: 0 auto;
}
.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;
}

/* In Webseite enthaltenes Stil-Dokument #7 | https://new.ifb-berlin.de/buero/partner 

.item-page_partner .flexboxes {
  padding-left: 10px;
  padding-right: 10px;
}
*/
.item-page_partner .items {
  flex: 1;
  padding-right: 20px;
}

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

.break {
  height: 0;
  width: 100%;
}
/*ipad kleiner 1200
@media (max-width: 1999px) {
  .item-page_profil img {padding-bottom: 50px; }
  .img-lbd {margin-right: 0px; margin-bottom: 50px; float: none; margin-bottom: 0px;}
  .img-rbd {margin-left: 0px; margin-bottom: 50px; float: none; margin-bottom: 0px;}
  .footer p {    padding: 50px 8px 15px 0px;}
}*/
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%;
}
  .flexboxes {display: block; padding-top: 0px;}
  .flexboxes img {
  width: 100%;
  max-width: 100% !important;
}
}
.start-einleitung p.more {
  padding-top: 30px;
}
@media (min-width: 901px) {
.flexboxes img {
  width: 100%;
  max-width: 400px !important;
}}
.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;
}
}
@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;
}
/*@media (min-width: 768px) and (max-width: 979px) {
.row-fluid [class*="span"] {
  display: contents !important;
  width: 100%;
  min-height: 28px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  margin-left: 2.127659574%;
  *margin-left: 2.0744680846383%;
}
.row-fluid .span4 {
  width: 100%% !important;
 
}}*/

.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;
 
}
}
.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;
}

Element {

}
td {

    line-height: 1.5em;

}
@media (max-width: 452px) {
  .text-box::before {
  content: '';
  display: inline-block;
  height: 51%;
  vertical-align: middle;
}
}
@media (max-width: 398px) {
  .unten a, .unten2 a {
    min-height: 50px;
  }
}
@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: absolute;
    margin-bottom: 24px;

  }
  #_projekte .items-row.cols-3.row-0.row-fluid.clearfix {

    padding-top: 59px;

  }
}
/*@media (min-width: 320px) and (max-width: 1065px) {
#maximenuck90-mobile-bar {
  background: url(/images/ifb-ingenieure-berlin-logo-full-mobile.svg) !important;
  background-repeat: repeat !important;
  background-size: auto !important;
  background-repeat: no-repeat !important;
  background-size: 250px !important;
  position: absolute !important;
  left: 0 !important;
  width: 100% !important;
  height: 180px !important;
}
  #content {

    border-top: 1px solid #000;

  }
  .maximenucklogo > a:nth-child(1) > img:nth-child(1) {
  display: none !important;
  }
   .row-fluid {
    padding-top: 88px;
  }
  .navigation {
   border-bottom: px solid #000; 
}

.navigation {
 border-bottom: 01px solid rgba(0,0,0,0.075); 
  }
  .custom_logo-mob {

    display: none;


  }
  .navigation {

    border-bottom: none;

  }

}*/
.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 (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;

  }
}
.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;
margin-bottom: 55px;
border-top: 1px solid #000;
padding-top: 40px;
}
.update-k img {

  /*width: 90%;*/
max-width: 523px;
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;
      
  }
  
  .update-k img {
    width: 100%; 
    max-width: 100%;
  }
   
  .update-ki {

  padding-bottom: 20px;
}
   
  #_update .update-page img {
  width: 100%;
  padding-bottom: 20px;
}
}
@media (max-width: 800px) {
    
  .update-z {
    display: block;
      
  }
  
   .update-z img {
    width: 100%; 
    max-width: 100%;
  }
  
   .update-zi {

  padding-bottom: 20px;
}
  #_update .update-page img {
  width: 100%;
  padding-bottom: 20px;
}
}
#_update .update-page img {
 /*width: 86%;*/
}
.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-startseite2x.png);
    background-repeat: repeat;
    background-size: auto;
    background-size: cover;
    box-sizing: border-box;
    background-repeat: no-repeat;
}
.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-left: 35px;*/
  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;
}}
.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;
}
.com-content-category-blog__item.blog-item img
{
  padding-bottom: 30px;
}
.footer a:hover {
color: #ffffff !important;
}
main {
  padding-top: 40px;
}
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;
}
/* Grundlegende Box-Berechnung */
* {
  box-sizing: border-box;
}

/* Haupt-Container (Deine Klasse) */
.flexboxes {
  display: flex;
  flex-direction: column; /* Mobil: Alles untereinander */
  border-top: 1px solid #000;
  width: 100%;
  margin: 0 auto;
}

/* Deine Item-Container */
.items {
  width: 100%;
}

/* Das Bild responsiv machen */
.flexboxes img {
  width: 100%;
  height: auto;
  display: block;
}

/* Responsive Anpassung für Desktops (ab 992px) */
@media (min-width: 992px) {
  .flexboxes {
    flex-direction: row; /* Nebeneinander auf Desktops */
    justify-content: space-between;
  }

  /* 1. SPALTE: Bild-Spalte (max. 400px) */
  .items:nth-child(1) {
    flex: 0 1 400px;
  }

  /* 2. SPALTE: Text-Spalte (440px inkl. 40px Padding-Left) */
  .items:nth-child(2) {
    flex: 0 1 440px;
    padding-left: 40px;
  }

  /* 3. SPALTE: Button-Spalte (300px) */
  .items:nth-child(3) {
    flex: 0 1 300px;
  }
}

/* Optional: Styling für deinen "ZUM PROJEKT" Button /
.mehr {
  display: inline-block;
  width: 100%;
  text-align: center;
  padding: 12px;
  background-color: #333;
  color: #fff;
  text-decoration: none;
  font-weight: bold;
}
*