@media screen and (min-width: 1025px) {  


.container-status {
margin-left:50px;
margin-top:15px;
}

.tab1 {
width:20%;
}

.tab2 {
width:30%;
}

.tab3 {
width:*;
}

.status-image {
position:relative;
top:-100px;
height:360px;
}

.status-aktiv {
width: 34px;
height: 34px;
background-color:#00CD66; 
color: white; 
border-radius: 50%; 
display: flex;
justify-content: center; 
align-items: center; 
font-size: 15px; 
font-family:Roboto-light, Sans-Serif, Arial, Verdana;
}

.status-passiv {
width: 34px;
height: 34px;
background-color:#C7C7C7; 
color: white; 
border-radius: 50%; 
display: flex;
justify-content: center; 
align-items: center; 
font-size: 15px; 
font-family:Roboto-light, Sans-Serif, Arial, Verdana;
white-space: nowrap;
}

.status-distance {
 width: 5px;
 height: 5px;
 background-color:#A1A1A1; 
 color: white; 
 border-radius: 50%; 
 display: flex;
 justify-content: center; 
 align-items: center; 
 margin-left:14px;
}

.status-font {
font-family:Roboto-light, Sans-Serif, Arial, Verdana;
font-size:15px;
color: #000;
}

}






/* TABLET */

@media screen and (min-width: 481px) and (max-width: 1024px) {  

.container-status {
margin-left:25px;
margin-top:15px;
}

.tab1 {
width:20%;
}

.tab2 {
width:40%;
}

.tab3 {
width:*;
}

.status-image {
position:relative;
top:-170px;
height:360px;
}


.status-aktiv {
width: 34px;
height: 34px;
background-color:#00CD66; 
color: white; 
border-radius: 50%; 
display: flex;
justify-content: center; 
align-items: center; 
font-size: 15px; 
font-family:Roboto-light, Sans-Serif, Arial, Verdana;
}

.status-passiv {
width: 34px;
height: 34px;
background-color:#C7C7C7; 
color: white; 
border-radius: 50%; 
display: flex;
justify-content: center; 
align-items: center; 
font-size: 15px; 
font-family:Roboto-light, Sans-Serif, Arial, Verdana;
white-space: nowrap;
}

.status-distance {
 width: 5px;
 height: 5px;
 background-color:#A1A1A1; 
 color: white; 
 border-radius: 50%; 
 display: flex;
 justify-content: center; 
 align-items: center; 
 margin-left:14px;
}

.status-font {
font-family:Roboto-light, Sans-Serif, Arial, Verdana;
font-size:15px;
color: #000;
}


}


/* HANDY */

@media screen and (min-width: 1px) and (max-width: 480px) { 


.container-status {
margin-left:0px;
margin-top:14px;

}

.tab1 {
width:35%;
}

.tab2 {
width:65%;
}

.tab3 {
width:10px;
}

.status-aktiv {
width: 30px;
height: 30px;
background-color:#00CD66; 
color: white; 
border-radius: 50%; 
display: flex;
justify-content: center; 
align-items: center; 
font-size: 13px; 
font-family:Roboto-light, Sans-Serif, Arial, Verdana;
}

.status-passiv {
width: 30px;
height: 30px;
background-color:#C7C7C7; 
color: white; 
border-radius: 50%; 
display: flex;
justify-content: center; 
align-items: center; 
font-size: 13px; 
font-family:Roboto-light, Sans-Serif, Arial, Verdana;
white-space: nowrap;
}

.status-distance {
 width: 5px;
 height: 5px;
 background-color:#A1A1A1; 
 color: white; 
 border-radius: 50%; 
 display: flex;
 justify-content: center; 
 align-items: center; 
 margin-left:13px;
}

.status-font {
font-family:Roboto-light, Sans-Serif, Arial, Verdana;
font-size:11px;
color: #000;
}


}