<div class="hiq-start-list-wrapper">
#foreach($news in $newsList)
<div class="hiq-content-block">
   <div class="hiq-block-item hide-on-print">
      <div class="hiq-news-image" style="background-image: url($news.imageUri);" #if($news.isVideo) data-youtubeid="$news.videoId" #end>
        <img alt="$news.alt" src="$news.imageUri" class="show-for-sr"/>
      </div>
   </div>
   <div class="hiq-block-item ${news.color}-background">
      <div class="hiq-block-text-container">
         <h2 class="heading2-shadows #if($news.whiteText)color-white#end" id="$news.id">
            $news.title
         </h2>
         <p class="heading3 #if($news.whiteText)color-white#end">
            $news.ingress
         </p>
         <p class="normal #if($news.whiteText)color-white#end">
            $news.text
         </p>
      </div>
      #if($news.hasExtra)
      	<button class="hiq-show-more closed hide-on-print white-background" data-for="${news.id}-toggle" id="${news.id}-button">
         	VISA MER   
      	</button>
      #end
   </div>
   #if($news.hasExtra)
   <div class="hiq-content-block-more" id="${news.id}-toggle">
   	$news.extra
	</div>
    #end
</div>
#end

#foreach($item in $itemList)


<div class="hiq-content-block ${item.color}-background">
   <div class="hiq-block-item hide-on-print">
      <div class="hiq-news-image" style="background-image: url($item.imageUri);" #if($item.isVideo) data-youtubeid="$item.videoId" #end>
         <img alt="$item.alt" src="$item.imageUri" class="show-for-sr"/>
      </div>
   </div>
   <div class="hiq-block-item">
      <div class="hiq-block-text-container">
      <a class="hiq-startpage-links" href="$item.listerUri#$item.id">
         <h2 class="heading2-shadows #if($item.whiteText)color-white#end">
            $item.title
         </h2>
         <p class="heading3 #if($item.whiteText)color-white#end">
            $item.ingress
         </p>
         <p class="normal #if($item.whiteText)color-white#end">
            $item.text
         </p>
      </div>
      <span class="hiq-show-more-start hide-on-print">
         VISA MER
      </span>
      </a>
   </div>
</div>
#end
</div>

<script src="/webdav/files/Utveckling/Scripts/video-client.js"></script>