.nomex-referenzliste-container  *{
margin:0;
padding:0;
box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-ms-box-sizing:border-box;
}
.nomex-referenzliste-container {
margin:20px 0;
padding:0px;
}
.nomex-referenzliste-container li {
width:100%;
float:left; 
font-size:1.1em;
padding: 10px 5px;
margin: 0;
border-bottom: 1px solid rgb(20 31 49 / 0.1);
list-style-type: none; 
transition: all ease 150ms
}
.nomex-referenzliste-container li:nth-child(even) {
background: rgb(20 31 49 / 0.02);
}
.nomex-referenzliste-container li:hover {
background: rgb(20 31 49 / 0.7);
color: #c6ff00;
}
.nomex-referenzliste-container .ref-titlecountry-container,
.nomex-referenzliste-container .ref-title,
.nomex-referenzliste-container .ref-country,
.nomex-referenzliste-container .ref-link-container {
float:left;
}
.nomex-referenzliste-container .ref-titlecountry-container {
width: calc(100% - 150px);
}
.nomex-referenzliste-container .ref-title {
width: 40%; 
}
.nomex-referenzliste-container .ref-country {
width: 60%;
}
.nomex-referenzliste-container .ref-link-container {
width:150px;
text-align:right;
}
.nomex-referenzliste-container .ref-link-container a {
display: block;
background: white;
text-align:center;
border-radius:30px;
border: 1px solid #141f31;
color: #141f31;
font-weight: bold;
text-transform: uppercase;
letter-spacing: -0.3px;
opacity: 0.7;
}
.nomex-referenzliste-container .ref-link-container a:hover {
border: 1px solid #141f31;
background: #141f31;
color: #fff;
opacity: 1;
text-decoration: none;
}
@media only screen and (max-width: 420px)  {
.nomex-referenzliste-container .ref-titlecountry-container {
width: calc(100% - 100px);
}  
.nomex-referenzliste-container .ref-title {font-weight:bold;}
.nomex-referenzliste-container .ref-title,
.nomex-referenzliste-container .ref-country {
width: 100%;
}
.nomex-referenzliste-container .ref-link-container {
width:100px;
text-align:right;    
padding-top: 13px;
}
}