.tube-text-wrapper{
    margin-top: 50px;
}



#tubes .content-wrapper { 
min-height:100vh; 
}



#tubes .wrapper { 
max-height:100vh; 
overflow-y:hidden; 
position:absolute; 
top:0px;
}


.tubes-wrapper {
display: flex;
/* width: calc(100vw - 370px - 550px); */
height: auto;
flex-direction: row;
justify-content: center;
position: absolute;
top: 0;
transform-origin: top right;
left: 600px;
}

@media (max-width:  1080px) {
.tubes-wrapper{
    width: calc(100vw - 550px); 
}
}

@media (max-width:  768px) {
#tubes .wrapper { 
    max-height:auto; 
    overflow-y:auto;  
}
.tubes-wrapper{
    top:0;
    width: 100%; 
    position: relative;
    transform-origin:top center;
    left:0;
}
}




.tubes-wrapper .tube{
display: flex;
flex-direction: column;
width: 125px;
align-items: center;
justify-content: flex-end;
}

/*
.tubes-wrapper .tube img{
align-items: flex-end;
position:relative;
width:100px;
opacity:.3;
transition: all 500ms ease; 
margin:0px 0px;
}
*/
.tubes-wrapper .tube img.tube-year{
   opacity:1;
}







.b-wrapper {
width: 100%;
max-width: 800px;
font-family: "Carlito", serif;
font-weight: 400;
font-size:18px; 
color:#555;
}




.b-row {
display: flex;
flex-direction: row;
align-content: center;
align-items: top;
}
.b-row.b-header{
font-weight:600;
height:50px;
}

.b-cel {  position:relative; height:45px;  }

.b-cel img {      max-height: none; width:100px;  top: -5px; transition: top 0.6s ease;  position: relative;}
.ani-1 .b-cel img {     top: 50px;}

/*
.b-row.b-row-2 img {   z-index:9 !important;  position: relative;}
.b-row.b-row-3 img {   z-index:8 !important;  position: relative;}
.b-row.b-row-4 img {   z-index:7 !important;  position: relative;}
.b-row.b-row-5 img {   z-index:6 !important;  position: relative;}
.b-row.b-row-6 img {   z-index:5 !important;  position: relative;}
*/


.ani-1 .b-row.b-row-2 {   z-index:9 !important;  position: relative;}
.ani-1 .b-row.b-row-3 {   z-index:8 !important;  position: relative;}
.ani-1 .b-row.b-row-4  {   z-index:7 !important;  position: relative;}
.ani-1 .b-row.b-row-5  {   z-index:6 !important;  position: relative;}
.ani-1 .b-row.b-row-6  {   z-index:5 !important;  position: relative;}

.ani-1 .b-row.b-row-2,
.ani-1 .b-row.b-row-3,
.ani-1 .b-row.b-row-4,
.ani-1 .b-row.b-row-5,
.ani-1 .b-row.b-row-6
{   
opacity: 0;
transition: opacity 3s ease; 
}


.ani-2 {  transition: opacity 3s ease;  opacity: 0;}
.ani-3 {  transition: opacity 3s ease;  opacity: 0;}
.ani-4 {  transition: opacity 3s ease;  opacity: 0;}
.ani-5 {  transition: opacity 3s ease;  opacity: 0;}


.b-cel .border{ height:24px; border-bottom:#ccc 1px solid; width:90%;}
.b-border { height:2px; width:100%; }


.b-row.b-row-title { padding-left:40%; }
.b-cel.cel-1 { width:15%; }
.b-cel.cel-2 { width:25%; }
.b-cel.cel-3 { width:20%; }
.b-cel.cel-4 { width:20%; }
.b-cel.cel-5 { width:20%; }

@media (max-width: 650px) {
.b-row.b-row-title { padding-left:30%; }
.b-cel.cel-1 { width:20%; }
.b-cel.cel-2 { width:10%; }
.b-cel.cel-3 { width:30%; }
.b-cel.cel-4 { width:17.5%; }
.b-cel.cel-5 { width:17.5%; }
}



.b-cel.cel-4,
.b-cel.cel-5 { text-align:right; }


.b-cel.cel-3,
.b-cel.cel-4,
.b-cel.cel-5 { top:15px; position:relative;}

.b-row.b-row-7 .cel-3,
.b-row.b-row-7 .cel-4,
.b-row.b-row-7 .cel-5

{ border-top:2px solid #A5122F; padding-top:20px;}
/*
.medewerkers .flexboxtable.animated.animated .fbt-row { padding:0px; }
.medewerkers .flexboxtable.animated .fbt-row .col-3 { padding:15px 0px; }

.flexboxtable.animated .fbt-row.staff-01,
.flexboxtable.animated .fbt-row.staff-02,
.flexboxtable.animated .fbt-row.staff-03,
.flexboxtable.animated .fbt-row.staff-04,
.flexboxtable.animated .fbt-row.staff-05  {
height:0px; overflow:hidden; 
}

.medewerkers-01 .flexboxtable.animated .fbt-row.staff-01 {
height:auto;  
}

.medewerkers-02 .flexboxtable.animated .fbt-row.staff-01,
.medewerkers-02 .flexboxtable.animated .fbt-row.staff-02 {
height:auto;  
}
.medewerkers-03 .flexboxtable.animated .fbt-row.staff-01, 
.medewerkers-03 .flexboxtable.animated .fbt-row.staff-02, 
.medewerkers-03 .flexboxtable.animated .fbt-row.staff-03 {
height:auto;  
}
.medewerkers-04 .flexboxtable.animated .fbt-row.staff-01, 
.medewerkers-04 .flexboxtable.animated .fbt-row.staff-02, 
.medewerkers-04 .flexboxtable.animated .fbt-row.staff-03,
.medewerkers-04 .flexboxtable.animated .fbt-row.staff-04 {
height:auto;  
}
.medewerkers-05 .flexboxtable.animated .fbt-row.staff-01, 
.medewerkers-05 .flexboxtable.animated .fbt-row.staff-02, 
.medewerkers-05 .flexboxtable.animated .fbt-row.staff-03,
.medewerkers-05 .flexboxtable.animated .fbt-row.staff-04,
.medewerkers-05 .flexboxtable.animated .fbt-row.staff-05 {
height:auto; 


}
*/
/*
.medewerkers-01 .tube .tube-l-5, 
.medewerkers-01 .tube .tube-r-5,

.medewerkers-02 .tube .tube-l-5, 
.medewerkers-02 .tube .tube-r-5,
.medewerkers-02 .tube .tube-l-4, 
.medewerkers-02 .tube .tube-r-4,

.medewerkers-03 .tube .tube-l-5, 
.medewerkers-03 .tube .tube-r-5,
.medewerkers-03 .tube .tube-l-4, 
.medewerkers-03 .tube .tube-r-4,
.medewerkers-03 .tube .tube-l-3, 
.medewerkers-03 .tube .tube-r-3,

.medewerkers-04 .tube .tube-l-5, 
.medewerkers-04 .tube .tube-r-5,
.medewerkers-04 .tube .tube-l-4, 
.medewerkers-04 .tube .tube-r-4,
.medewerkers-04 .tube .tube-l-3, 
.medewerkers-04 .tube .tube-r-3,
.medewerkers-04 .tube .tube-l-2, 
.medewerkers-04 .tube .tube-r-2,

.medewerkers-05 .tube .tube-l-5, 
.medewerkers-05 .tube .tube-r-5,
.medewerkers-05 .tube .tube-l-4, 
.medewerkers-05 .tube .tube-r-4,
.medewerkers-05 .tube .tube-l-3, 
.medewerkers-05 .tube .tube-r-3,
.medewerkers-05 .tube .tube-l-2, 
.medewerkers-05 .tube .tube-r-2,
.medewerkers-05 .tube .tube-l-1, 
.medewerkers-05 .tube .tube-r-1


{ 
width:100%; opacity:1; transition: all 500ms ease;  
margin-top: 30px;  
margin-bottom:-70px;  
}


.tube .tube-l-1, .tube .tube-r-1 {   z-index:29;      }
.tube .tube-l-2, .tube .tube-r-2 {   z-index:28;      }
.tube .tube-l-3, .tube .tube-r-3 {   z-index:27;      }
.tube .tube-l-4, .tube .tube-r-4 {   z-index:26;      }
.tube .tube-l-5, .tube .tube-r-5 {   z-index:25;      }


*/