.master{
  display: block;
  background-color:#0A3566;
  height: auto; 
  width: 100%;
  border-radius: 30px; 
  padding:32px; /*padding rundt hele inne i den blå*/
}

.master-tekstinnhold h1, h3, p, a{
  color:#ffff; 
  font-family: arial, sans-serif; 
  text-decoration: none;  
}

.master-tekstinnhold h2{
    color:#ffff; 
}

.master-tekstinnhold h1{
  font-size:28px;
}


.startogfrist p{
    color: #ffff;
    font-size:16px;
    margin: 8px; /* Fjerner mellomrom mellom paragrafene */
    line-height: 1.5; /* Gjør at linjeavstanden blir minimal */
}

.master-tekstinnhold h2{
  font-size:16px;
  font-weight: normal; 
  margin:4px;
}


.master-tekstinnhold h3{
  font-size:16px;
  font-weight: normal;
  padding-top:28px;
  width: 60%;
 margin-bottom:16px;
}

.spesialisering p{
  margin-bottom:4px;
  margin-top:4px;
}


.master {
  display: block;
  background-color: #0A3566;
  height: auto; 
  width: 100%;
  position: relative; /* Referanse for absolute posisjonering */
}

.master-card {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px;
  position: relative; /* Alternativt sett dette her */
}

.master-tekstinnhold {
  flex: 1;
  text-align: left;
}

.image-container4 {
  position: absolute;
  top: 10px;
  right: 10px;
}

.pil-videre-link-master{
      width: 60px; /* Juster størrelsen på ikonet */
    height: 60px;
    top: 24px;
    right: 24px;
}


.startogfrist {
  position: absolute;
  bottom: 20px;
  right: 20px;
   border: 1px solid #ffff;
  border-radius: 24px; 
  width: 40%;
  padding: 24px;
}




.boble-master{
    padding: 8px 20px; /* Luft rundt teksten */
    border-radius: 20px; /* Runde kanter */
    background-color: #ffff;
    color: #0A3566; 
    display:inline-block;
    margin-top: 20px;
   font-size:16px;
  font-weight: bold;
    font-family: arial, sans-serif; 
  margin-top: 28px;
}



.master:hover {
    transform: translateY(-2px);
     box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Lett, ren skygge */
  text-decoration: none; 
}






/*Media query mobil*/

@media screen and (max-width: 768px) {
  .master-card {
    flex-direction: column; /* Endrer layout til vertikal for mobil */
    align-items: flex-start; /* Justerer innhold til venstre */
  }

  .startogfrist {
    position: static; /* Fjerner absolutt posisjonering */
    margin-top: 20px; /* Legger til litt avstand mellom tekstinnhold og start/frist */
    text-align: left; /* Justerer teksten til venstre */
    width: 100%;
    padding: 16px;
  }
  
  .master-tekstinnhold h1{
  font-size:24px;
    width: 85%;
}
  
   .master-tekstinnhold h2{
   font-size:16px;
}
  
  
 .master-tekstinnhold h3{
    width: 90%;
}
  
  .master{
  padding:16px; /*padding rundt hele inne i den blå*/
}
  
  
.pil-videre-link-master{
      width: 50px; /* Juster størrelsen på ikonet */
    height: 50px;
    top: 24px;
    right: 24px;
}
  
  .spesialisering{
    width:100%;

}