/* --------------------------------------------------------------------------  
   SOMMARKAMPANJ 2025 | PAGES | RESPONSIVE
--------------------------------|----------------------------------------- */

@media (max-width:1340px) {
  
/* START */   
  
.bot-main > div > div { padding-bottom:20vw; background-size:100%; }  
  
.sv-template-sommarkampanj-2025-reportage .bot-main > div > div { padding-bottom:22vw; }   
  
.sk-intro-column { padding-left:10px; padding-right:10px; }

}

@media screen and (max-width:1200px) { 
  
/* START */  
   
.tab__label h3 { font-size:30px; }      
    
}	


/* ------------------------------  
   TABLET
------------------------------ */
     
@media (max-width:1080px) {   
  
/* START */  
  
.sv-font-rubrik-sommarkampanj { padding-top:20px; } 
  
.tab__content { width:50%; }    

.sv-template-sommarkampanj-2025-start li.sv-newslist__gallery-item { flex-basis:calc(50% - 30px); }

div.env-p-around--xx-small.env-h--100.env-d--flex.env-flex--column { padding:17px !important; }

.sv-newslist h3.subheading3 { font-size:25px; padding-bottom:5px; }

/* REP */
  
.sommar-bildtext-overlay {
bottom:0; width:100%; padding:12px 15px 15px;
background:rgba(0,0,0,.5); border-radius:0; font-size:15px; }

.sommar-bildtext-overlay p { font-size:15px; }
  
.middle-and-right-column { display:flex; flex-direction:column; }  
 
.sv-template-sommarkampanj-2025-reportage .middle-and-right-column .heading-reportage, 
.sv-template-sommarkampanj-2025-reportage .middle-and-right-column .heading-reportage + div { width:100%; }  
  
.heading-reportage h1.sv-font-sommarkampanj-reportage-rubrik { font-size:45px; }  
  
.heading-reportage { transform:translateY(0px); padding:25px 5% 0; }  
  
.heading-reportage + div { padding:0 5%; }
      
}


/* ------------------------------  
   MOBILE
------------------------------ */

@media (max-width:900px) {    
  
/* START */   

.start-left-and-right-column { display:flex; flex-direction:column; padding:0 0 30px; }

.sv-template-sommarkampanj-2025-start .bot-main .start-left-and-right-column div.sv-column-6 { width:100%; }  
  
.sk-intro-column { padding:0 15px 20px; } 
  
.sv-font-sommarkampanj-brodtext { margin:12px 0 !important; }   
  
.sk-intro-column + div { margin-left:0 !important; padding:0 !important; }
  
}

@media (max-width:768px) {
  
.bot-main > div > div { padding-bottom:32vw; background-size:200%; }
  
.sv-template-sommarkampanj-2025-reportage .bot-main > div > div { padding-bottom:45vw; }   
  
/* START */  
 
.sk-intro-column { padding:0; } 

/*   
.sgc-id { top:-68px; }   
*/
   
/* .tab__label { padding:13px 13px 14px 52px; }*/
.tab__label h3:before { top:7px; left:7px; width:38px; height:38px; }
.tab__label h3 { font-size:25px;  }

.tab__label h2:before { height:38px; } /* Ändrad ny sommarkampanj */
.tab__label h2 { font-size:25px;  }

.campaignCategory { display:block; }

.imageContainer { min-height:auto; width:auto; }
     
.infoContainer { padding:16px; width:100%; }
.infoContainer h2 { margin:0 0 10px; font-size:24px;  }
.infoContainer .intro p { font-size:16px; }
   
.tab.active .infoContainer .sg-intro-map-btn { display:none; }  
   
.card-container, [class*="maxa-card-container"] { padding:10px 20px 0; }     
  
.tab__content { width:100%; padding:0 0 30px; }     

.ob-title-1 { width:100%; padding:0; margin-bottom:0; }  
.ob-title-1 h3 { font-size:21px;  }   
.ob-title-1 .nr { 
width:32px; height:32px; margin-right:8px;
display:flex; justify-content:center; align-items:center; }

.tab__content .intro p { font-size:16px; }

/* REP */
  
.rep-grid-max-height { max-height:360px; }   

.minus-margin-news-list { margin-right:0; }

.rep-topimage { height:47vw; }  
  
.rep-topimage div.sv-text-portlet-content { display:none; }  
  
.sommar-bildtext-overlay { display:none; }  
  
.heading-reportage { padding:20px 18px 0; }  
  
.heading-reportage .sv-column-8:last-child { padding:0; }
  
.heading-reportage + .sv-layout.sv-column-4 { padding:0 22px; }    
  
.heading-reportage h1.sv-font-sommarkampanj-reportage-rubrik { font-size:30px; }

.sv-template-sommarkampanj-2025-reportage p.sv-font-ingress,
p.sv-font-ingress-reportage-sommarkampanj { font-size:18px; }

p.sv-font-sommarkampanj-brodtext { font-size:16px; }

h2.sv-font-sommarkampanj-reportage-rubrik-2 { font-size:22px; }

h3.sv-font-faktaruta-sommarkampanj { font-size:22px; }

.sv-template-sommarkampanj-2025-reportage .bot-main__short-quotes q { font-size:22px; }  
  
.sv-template-sommarkampanj-2025-reportage .bot-main__short-quotes q::after { width:36px; height:26px; }  
   
}

@media (max-width:679px) {
  
/* START */    

.sv-template-sommarkampanj-2025-start li.sv-newslist__gallery-item { flex-basis:calc(100%); }
  
}

@media screen and (max-width: 560px) { 
  
/* START */  

/*   
.sgc-id { top:-76px; }   
*/
   
#maxadittSommarlov .buttons .tb-sg-btn,  
.tb-sg-btn { width:100% !important; }    
   
/* REP */ 
  
.heading-reportage + .sv-layout.sv-column-4 { padding:0 18px; }  
  
}

@media screen and (max-width: 374px) { 
  
/* START */  
 
.tab__label h3 { font-size:24px; }  
   
/* REP */
  
.sv-template-sommarkampanj-2025-reportage p.sv-font-ingress,
p.sv-font-ingress-reportage-sommarkampanj { font-size:17px; }  
   
}

/* MIN WIDTH 

@media screen and (min-width:1025px) { 
  
.imageContainer > div:hover { -webkit-transform:scale(1.15, 1.15); transform:scale(1.15, 1.15); }   

}*/