/********Opsætning af siden menu **************/
/****14-04-2026********************************/

@media screen and (min-width: 768px) {
	
.rich-text {max-width: 1200px}

/*** Fjern streg før li ****/
.rich-text ul>li::before {
    content: "";
    height: 2px;
    background-color: #000;
    display: none;
}

.rich-text a {
    text-decoration: none;
    text-underline-offset: .6em;
    transition: text-underline-offset .1s ease-in-out;
}

.rich-text a:hover {
    text-decoration: underline solid #000;
    text-underline-offset: .3em;
    transition: text-underline-offset .1s ease-in-out;
}


.rich-text ul {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));  
  gap: 16px;
  row-gap: 4%;
  padding: 0 4% 2% 4%;
  list-style: none;
  background-color: transparent;
  
}

.rich-text li {
  /*background-color: #f1f1f1;*/
  /*border-right: 1px solid #DDD;*/
  padding: 10px;
  
}

.rich-text li:nth-child(2) {
  background: #DDD ;
  border-right: 0 solid red;
}

.rich-text li:nth-child(4) {
  background: #DDD;
}
.rich-text li:nth-child(6) {
  background: #DDD;
  border-right: 0 solid red;
}


    .rich-text h2 {
        line-height: 200%;
    }
}


@media screen and (max-width: 768px) {
.rich-text li {  padding: 4% 0 4% 0;
	
}
.rich-text ul>li::before {
    content: "";
    height: 2px;
    background-color: #000;
    display: none;
}

.rich-text ul>li>a::before {
    content: ">";
    height: 2px;
    background-color: #000;
    display: block;
}

 .rich-text h2 {
        line-height: 150%;
 	
 }
 
 .rich-text a:hover {
    text-decoration: underline dotted #DEF;
    text-underline-offset: .6em;
    transition: text-underline-offset .1s ease-in-out;
}

 .rich-text li:nth-child(2) {
  background: #DDD ;
 
   }

.rich-text li:nth-child(4) {
  background: #DDD;
   }
.rich-text li:nth-child(6) {
  background: #DDD;
  
  }
        
 
}