:root   
{
  --gap: 1.5em;
  --col-bl: hsla( 0, 0%, 0%, 0.6 );
  --col-hv: hsl( 0, 0%, 100% );
  --col-gr: hsl( 120, 94%, 21% );
}
/*
#ops-grid 
{
  display: grid;
  grid-template-columns: repeat( auto-fit, minmax( 350px, 1fr ) );
  gap: var(--gap);
}*/

a:hover > .tex > span   
{
  text-decoration: none!important;
}

.item-kort, .item
{
  min-height: 100%;
  aspect-ratio:  16/10;
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center;
  transition: background 0.4s, box-shadow 0.4s;
  display: grid;
  grid-template-columns: 1fr;
  place-content: end;
}

.item-kort:hover, .item:hover
{
  background-size: 110%;
}

span > .item
{
  min-height: 100%;
  min-width: 100%;
}

.tex  
{
  color: var(--col-hv);
  font-weight: 600;
  span[role=navn] 
  {
    background-color: var(--col-bl);
    font-size: 1.2em;
    padding: 15px 30px;
  }
  span[role=ambassador] 
  {
    background-color: var(--col-gr);
    font-size: .8em;
    padding: 8px 15px;
  }
}

.tex:last-child 
{
  margin-bottom: 25px;
  margin-left: 10px;
}

#ops-grid > a:hover  
{
  text-decoration: none;
}