.project{
    position: relative;
    font-size: 0px;
}
.project_inner, .project_inner img{
  width: 100%;
}
.project{
  opacity: 0;
  -webkit-transition: opacity 2s;
  transition: opacity 2s;
  }
.project_inner{
  height: 100%;
  background-color: rgba(0,0,0,.05);
}
.project_inner{
  -webkit-transform:translateY(150px);
  -webkit-transition: all 1s;
  transform:translateY(150px);
  transition: all 1s;
}
.text_aktuell_inner{
 
}
.project:nth-child(1) .project_inner{
  -webkit-transform:translateY(60px);
 transform:translateY(60px);
}

.project.visible .project_inner{
   -webkit-transform:translateY(0px);
   transform:translateY(0px);
}
.project.visible .project_inner{
  opacity: 1;
  }
.project.visible{
opacity: 1;
}

.project_tit {
    font-size: 20px;
    position: absolute;
    bottom: 0px;
    color: white;
    margin-left: 19px;
    bottom: 12px;
    margin-right: 60px;
}
.arrow_projekt {
 position:relative;
 z-index:10;
 display: inline-block;
 vertical-align: top;
}
.arrow_projekt {
 margin-top: 8px;  
width: 14px;
height: 12px;
-webkit-transition: width 250ms ease;
transition: width 250ms ease;
}
.arrow_projekt::after {
content: url("/img/pfeil.svg");
right: -2px;
position: absolute;
top: 0px;
height: 12px;
}
.arrow_projekt::after {
top: 0px;
font-size: 0px;
}
.pfeillinie {
width: 100%;
height: 1.5px;
background-color: white;
top: 5.25px;
position: absolute;
}
.project a:hover .arrow_projekt{
  width: 30px;
}
.biliste a{
color:black;
}
/*SORT SORT*/
.liste {
    margin-top: 150px;
    margin-left: 0px;
    margin-right: 0px;
}
thead{
  font-size: 0px;

}
thead tr{
  background-color: #272824;
    font-weight: normal !important;
    font-family: 'MessinaSansWeb' !important;
    text-align: left;
    color:white;
}
th[role=columnheader]:not(.no-sort) {
   font-weight: normal;
}

tr {
    height: 55px;
    font-size: 16px;
}
table {
   border-spacing: 0;
   border-collapse: collapse;
   width: 100%;
   position: relative;
   margin-bottom: 55px;
}
th:nth-child(1){
  width: 38.2%
}
th:nth-child(2), th:nth-child(3){
  width: 23.6%
}
table span {
    margin-left: 19px;
}
tbody tr {
    height: 70px;
    font-size: 16px;
    border-bottom: 0.5px solid black;
    position: relative;
    cursor: pointer;
}
tbody tr.nocont {
  cursor: auto
}
td{
  padding-left: 19px;
}
 tr.bildvis td img{
  display: block;
}
td img{
  display: none;
}
td.bgtd img {
    margin-left: -19px;
    width: calc(100% + 19px + 25px);
}
.schmall td.bgtd img {
    margin-left: -19px;
    width: calc(67.32% + 19px);
}
td.bgtd span.bildtable {
    position: absolute;
    left: 0px;
    margin-top: 15px;
    font-size: 16px;
    margin-left: 19px;
}
tr.bgtr td.bgtd{
  font-size: 0px;
    padding-top: 0px;
    position: relative;
}
tr.bgtr td{
  font-size: 16px;

}
tr.bgtr td {
    vertical-align: top;
    padding-top: 15px;
}
table .pfeillinie {
   height: 1px;
    background-color: black;
  top: 4px;

}
table .arrow_projekt::after {
    content: url("/img/bildd.svg");
    height: 9px;
    width: 5.31px;
    }
table .bildtable::after {

    content: url("/img/bild.svg");
    height: 9px;
    width: 5.31px;
    margin-left: 10px;
   /* top: -1px;*/
    position: absolute;
    bottom:11px;

}
.bgtd{
  cursor: pointer
}
    table .arrow_projekt {

    margin-top: 6px;
    width: 10px;
    height: 9px;
  }
  table tr:hover .arrow_projekt{
    width: 20px;
  }
  table a{
    color: black;
  }


   .aktuelles .arrow_projekt {
   margin-left: 5px;
    margin-top: 8px;
    width: 10px;
    height: 9px;
  }

  .project .link:hover .arrow_projekt{
    width: 20px;
  }
  .aktuelles a{
    color: black;
  }
  .aktuelles .arrow_projekt::after {
    content: url("/img/bildd.svg");
    height: 9px;
    width: 5.31px;
}
.aktuelles .pfeillinie {
   height: 1px;
    background-color: black;
  top: 4px;
}


  tr.bildvis td span.bildtable{
    top:15px;
    margin-top: 0px;
  }
  table .bildvis .bildtable::after {
    content: url("/img/listezu.svg");
     height: 9px;
    width: 5.31px;
    margin-left: 10px;
    top: 2px;
    position: absolute;
}
.shadow {
    position: absolute;
    top: 0px;
    left: 0px;
    opacity: 0.35;
    width: 100%;
    background: linear-gradient(to bottom, 
rgba(0,0,0,1),
    rgba(255,255,255,0));
    height: 142px;
    z-index: 1;
}
.gradient {
    position: absolute;
    bottom: 0px;
    left: 0px;
    opacity: 0.35;
    width: 100%;
    background: linear-gradient(to bottom, 
rgba(255,255,255,0),
    rgba(0,0,0,1));
    height: 100px;
}
/*aktuell*/
.text_aktuell {
    position: relative;
    width: 100%;
    left: 0px;
    margin-top: 17px;

}
.text_aktuell_inner{
    font-size: 16px;
    margin: 0 16px 42px;
}
.aktuelles .firstquer{
  margin-top: 100px;
}
.text_aktuell_inner .title{
  border-bottom: 1px solid black;
  display: inline;
  line-height: 20px;
}
.text_aktu{
  margin-top: 14px;
  line-height: 22px;
}
.link {
    margin-top: 16px;
}

.zumprojekt {
    background: transparent url(/img/pointtsch.svg) repeat-x;
     background-position-x: 0%;
        background-position-y: 0%;
        background-size: auto;
    background-size: 5px 1px;
    background-position: left bottom;
padding-bottom: 2px;
font-size: 16px;
display: inline-block;
  }
.textzuliste {
    font-size: 16px;
    margin-right: 0px;
    margin-bottom: 18px;
    margin-top: 18px;
    line-height: 22px;
    display: none
}
.bildvis .textzuliste{
  display: block;
}
.nurtext .textzuliste {
  margin-top: 58px;
}
table span.stern{
  margin-left: 0px;
}
.stern::after{
  content: "*";
}
.liste{
  position: relative;
}
.sternchen {
    position: absolute;
    font-size: 14px;
    bottom: -36px;
    left: 17px;
}
.sternche span{
  font-size: 14px;
}
#sort{
  -webkit-transform:translateY(150px);
  -webkit-transition: all 1s;
  transform:translateY(150px);
  transition: all 1s;
  opacity: 0;
}
#sort.visible{
  -webkit-transform:translateY(0px);
  transform:translateY(0px);
  opacity: 1;
}
.overview #container_all .project:nth-child(2){
  margin-top:100px;
}

.back {
    font-size: 20px;
    position: absolute;
    margin-left: 19px;
    margin-right: 60px;
}
.back {
    margin-left: 0px;
    color: black;
    padding-left: 17px;
    top: 61px;
}
.back a{
   color:black;
}
.ruck {
    background: transparent url(/img/pointtsch.svg) repeat-x;
        background-position-x: 0%;
        background-position-y: 0%;
        background-size: auto;
    background-size: 5px 1px;
    background-position: left bottom;
padding-bottom: 2px;
font-size: 16px;
}
/*th:nth-of-type(2), th:nth-of-type(3), th:nth-of-type(4), .mob:nth-child(2), .mob:nth-child(3), .mob:nth-child(4) { display: none;}*/
.mob{
 /* white-space: nowrap; */
}
td:nth-child(1){
  padding-top:15px;
  padding-left: 17px;
  display: block;
  padding-right: 25px;
}
td:nth-child(2){
  padding-left: 17px;
  display: inline-block;
}
td:nth-child(2)::after, td:nth-child(3)::after{
 content:",";
}
td:nth-child(3){
  padding-left: 4px;
  display:inline;
}
td:nth-child(4){
  padding-left: 4px;
  display:inline-block;
}
tbody tr {
 /* white-space: nowrap;*/
}
.test {
    position: absolute;
    top: 89px;
    left: 17px;
    width:calc(100% - 19px);
}
thead tr{
display: none;
}
.listnavi {
    display: inline-block;
    margin-right: 10px;
}
.listnavi.live {
    border-bottom: 1px solid black;
}
.mobilename {
     background-color: #272824;
    font-weight: normal !important;
    font-family: 'MessinaSansWeb' !important;
    text-align: left;
    color: white;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 17px;
}
.mobilename span{
  display: none;
}
.mobilename span.live{
  display: block;
}
tr.bgtr td {
    padding-top: 0px; 
}
td.bgtd span.bildtable {
    position: relative;
    left: 0px;
    margin-top: 15px;
    font-size: 16px;
    margin-left: 0px;
    padding-top: 0px;
    display: block;
}
.bildvis td.bgtd span.bildtable {
  position: absolute;
  left: 17px;
}
.bildvis td:nth-child(4){ 
  margin-bottom: 17px;
}
tr.bildvis.nurtext td span.bildtable {
    top: -43px;
}
.listnavi{
  cursor: pointer;
}
.mobilename span{
  cursor: pointer;
}
tr::after {
    position: relative;
    content: " ";
    height: 15px;
    width: 100px;
    display: block;
}
tbody tr {
  height: auto
}


.swiper_nav_inner {
    position: absolute;
    bottom: 13px;
    margin-left: 16px;
    font-size: 0;
    display: block;
    left: 0;
}
.swiper-pagination {
    position: relative;
    text-align: left;
    -webkit-transition: .3s opacity;
    -o-transition: .3s opacity;
    transition: .3s opacity;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    z-index: 10;
    display: inline-block;
    vertical-align: top;
}
.swiper-pagination {
    margin-right: 8px;
    margin-left: 0px;
    cursor: pointer;
}
.swiper-pagination-custom {
    color: white;
    font-size: 16px;

}
.swiper-button-prev{
    margin-top: 8px;
    display: inline-block;
    width: 14px;
    height: 12px;
    position: relative;
    z-index: 10;
    cursor: pointer;
    vertical-align: top;
    -webkit-transition: width 250ms ease;
    transition: width 250ms ease;
}
.swiper_nav_inner:hover .swiper-button-prev{
    width: 20px;
}
.swiper-nav-container .pfeillinie {
    width: 100%;
    height: 1px;
    background-color: white;
    top: 1px;
    position: absolute;
}
.swiper-button-prev::after{
    content: url(/img/pfeil.svg);
    right: -2px;
    position: absolute;
    top: -4px;
    height: 9px;
}