/********* ID=einzelprojekte Einstellungen - auch flex Verhalten **********/
#einzelprojekte .av-tab-section-tab-title-container {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: stretch;
  min-width: unset !important;
  left: 50% !important;
  max-width: 1550px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}


#einzelprojekte .av-section-tab-title {
  flex: 0 1 30%;
  display: inline-flex;
  flex-flow: column nowrap;
  justify-content: space-between;
  align-items: center;
  padding: 10px 5px 0;
  margin: 5px 5px 0;
  background-color: #eee;
  border-width: 0 0 5px 0;
  border-style: solid;
}


@media only screen and (min-width: 1500px) {
  #einzelprojekte .av-section-tab-title {
    flex: 0 1 16%;
  }
}

#einzelprojekte .av-active-tab-title {
  border-color: #00519e !important;
}

#einzelprojekte .av-active-tab-title .av-tab-arrow-container span{
  background-color: #00519e !important
}

#einzelprojekte .av-tab-no-icon.av-tab-no-image .av-inner-tab-title {
  padding: 2px 0 !important;
}

#einzelprojekte .av-tab-arrow-container {
  top: 0px;
}

#einzelprojekte .av-section-tab-title .av-inner-tab-title {
  display: inline;
  line-height: 1em;
  font-size: 18px;
}

@media only screen and (max-width:1024px) {
  #top #einzelprojekte .av-layout-tab {
    padding: 25px 0
  }
  #top #einzelprojekte .av-special-heading {
    padding-bottom: 5px;
    font-size: 30px;
  }
  #einzelprojekte .avia-tab-title-padding-default .av-outer-tab-title {
    padding: 5px 0;
  }

  #einzelprojekte .av-inner-tab-title {
    margin-top: 5px;
    margin-bottom: 0px;
  }

  #einzelprojekte .av-section-tab-title .av-inner-tab-title {
    line-height: 0.8em;
  }

  #einzelprojekte .av-tab-arrow-container {
    height: 10px;
  }

  #einzelprojekte .av-inner-tab-title, 
  #einzelprojekte .av-tab-section-icon, 
  #einzelprojekte .av-tab-arrow-container, 
  #einzelprojekte .av-tab-section-image {
      width: 70px;
  }
  
  #einzelprojekte .avia-textblock p{
    font-size: 16px
  }
}

@media only screen and (max-width: 989px) {
  #einzelprojekte .av-section-tab-title {
    flex: 1 1 30%;
  }
}


/*** damit das auf Ipad mini auch schon umbricht ***/
@media only screen and (max-width: 768px) {
  #einzelprojekte .av-layout-tab .flex_column_table {
    display: block;
    float: none;
  }

  #einzelprojekte .av-layout-tab .flex_column.av_one_half {
    width: 100% !important;
    display: block;
    margin: 0 0 25px
  }
}