.heroimg
{
background-position: center center;overflow:hidden;width:100%;max-height:700px;min-height:700px;
background-repeat: no-repeat;background-size: cover;
}

.logoholder
{
 bottom:60px !important;
  right:60px !important;
   position: absolute !important;
 z-index:1 !important; 
  
}

.kampanjetekst1style
{
  margin-top:-30px !important;
  position:absolute;
}

.logo
{
 width:150px;
  height:auto;
}

.logoholderxs
{
 bottom:80px !important;
  right:20px !important;
   position: relative !important;
 z-index:9999999 !important;  
}


.campaignmargintop
{
clear:both;
  margin-top:-60px;
}


.logoxs
{
 width:90px;
  height:auto;
}


.ImgBtn
{width:20px !important;}

img
{
  width:100%;
  height:auto;
  margin-bottom:10px;
}



.blueboxheading
{
font-size:200%;
  font-weight:600;
text-shadow: 2px 2px #000000;
  text-transform:uppercase;
color:#fff;
padding:20px;
  position: relative;
  margin-top:-210px;
  opacity:0.9;
    left:0%;

}


html {
  scroll-behavior: smooth;
}


h1
{
  margin-top:-50px;
color:#ffffff !important;
  font-size:450% !important;
 text-shadow: 2px 2px #000000;
    left:0% !important;
 top:30% !important;
   position: relative !important;
 border:0px !important;

}


.kampanjeintro
{
font-weight:600;
  font-size:140%;
}


.kampanjebilde
{

background-image: url('/#image#');
background-position: center center; 
background-repeat: no-repeat;
background-size: cover;

}

.blaboks
{
background:#f5a623;
font-size:180%;
color:#fff;
padding:20px;
  position: relative;
  margin-top:-200px;
  opacity:0.9;
    left:0%;
 top:20%;
}

.galleristil
{background:#333333;margin-left:auto;margin-right:auto;text-align:center;max-width:250px;overflow:hidden;margin-bottom:20px;}



.greyfade 
{
    background-color: rgba(0,112,187,0.0); 
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
padding:15px;
}

.greyfade:hover 
{
    background-color: rgba(0,112,187,0.2); 
}

.greyfadebig
{
     position: relative;
    top: 0;
    bottom:0;
    left: 0;
    right: 0;
    text-align: center;
    padding-top: 18%;

  background-image: linear-gradient(to bottom, transparent, rgba(0,0,0,0.9));
height:700px;
  max-height:700px;
  width:100%;
  overflow:hidden;
  display:block;
}







.zoom {
    background-size:cover;

background-repeat:no-repeat; 
  background-position:center center;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
 
}

.zoom:hover
{
  transform: scale(1.2);
}

.kampanjegalleri
{
  min-height:200px;
  max-height:200px;
 
  width:auto;
  height:auto;
  overflow:hidden;
  display: block;
  margin-left: auto;
  margin-right: auto;
  text-align:center;
}

.sl-overlay
{
background:#000000 !important;

}


.sl-close
{
font-size: 5rem !important;
  font-weight:100 !important;
    color:#ffffff !important;
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif !important;
}


.sl-wrapper button
{

    background:#f5a623 !important;
   color:#ffffff !important;
}

.sl-navigation sl-next sl-prev
{
font-size: 8rem !important;
}



img
{
  width:100%;
  height:auto;
  margin-bottom:10px;
}

.Req 
{
width:10px !important;
}

.HVInput
{
max-width:130px !important;}

.ErrorImg
{
max-width:20px !important;}

.bombe2
{
  position: relative;
    background:#f5a623;
  top: -120px;
  right: 15px;
    border-radius:50%;
    height:100px;
  width:100px;
  color:#ffffff;
    display: flex;
  flex-wrap: wrap;
  align-content: center;
  text-shadow: 1px 1px 2px #333333;
}

.bombe
{
font-size:0.7em;

  position:relative;
  background:#f5a623;
  border-radius:50%;
  margin-top:-200px;
  margin-right:15px;
  height:100px;
  width:100px;
  color:#ffffff;
    display: flex;
 flex-wrap: wrap;
  align-content: center;
  text-shadow: 1px 1px 2px #333333;
  z-index:2 !important;
}

@media  (min-width: 600px){
  
.bombe
{
font-size:1.0em;
  margin-top:-310px;
  height:110px;
  width:110px;
  display:none;
}

  .blueboxheading
{
font-size:230%;
  margin-top:-250px;
    left:0%;

}
  
    .campaignmargintop
{
clear:both;
  margin-top:-60px;
}
  
}


@media  (min-width: 768px){
  
    .campaignmargintop
{
clear:both;
  margin-top:-40px;
}
  
.bombe
{
font-size:1.2em;
  margin-top:-380px;
display:flex;
  flex-wrap: wrap;
  height:130px;
  width:130px;
 
}
  
  
    .blueboxheading
{
font-size:250%;
margin-top:-300px;
left:0%;

}
  
  
  
  .blaboks
{
background:#f5a623;
font-size:180%;
color:#fff;
padding:20px;
  position: relative;
  margin-top:-240px;
  opacity:0.9;
    left:0%;

}
  
}

@media  (min-width: 990px){

 .campaignmargintop
{
clear:both;
  margin-top:-20px;
}

.bombe
{
font-size:1.5em;
  margin-top:-200px;
  margin-right:40px;
  height:180px;
  width:180px;
}

    .blueboxheading
{
font-size:300%;
margin-top:-350px;
left:0%;

}


}

@media  (min-width: 1200px){

   .campaignmargintop
{
clear:both;
  margin-top:-20px;
}

.bombe
{
font-size:1.8em;
  margin-top:-250px;
  margin-right:40px;
  height:250px;
  width:250px;
}




}

@media  (min-width: 1620px){

   
h1
{
  margin-top:-200px;
color:#ffffff !important;
  font-size:450% !important;
 text-shadow: 2px 2px #000000;
    left:0% !important;
 top:10% !important;
   position: relative !important;
 border:0px !important;

}


}

@media  (min-width: 2500px){

   
h1
{
  margin-top:-300px;
color:#ffffff !important;
  font-size:450% !important;
 text-shadow: 2px 2px #000000;
    left:0% !important;
 top:10% !important;
   position: relative !important;
 border:0px !important;

}
  
  .bombe
{
font-size:1.8em;
  margin-top:-450px;
  margin-right:40px;
  height:250px;
  width:250px;
}



}

@media  (min-width: 3300px){

   
h1
{
  margin-top:-420px;
color:#ffffff !important;
  font-size:450% !important;
 text-shadow: 2px 2px #000000;
    left:0% !important;
 top:10% !important;
   position: relative !important;
 border:0px !important;

}


}


@media  (min-width: 4000px){

   
h1
{
  margin-top:-550px;
color:#ffffff !important;
  font-size:450% !important;
 text-shadow: 2px 2px #000000;
    left:0% !important;
 top:10% !important;
   position: relative !important;
 border:0px !important;

}


}

@media  (min-width: 4800px){

   
h1
{
  margin-top:-680px;
color:#ffffff !important;
  font-size:450% !important;
 text-shadow: 2px 2px #000000;
    left:0% !important;
 top:10% !important;
   position: relative !important;
 border:0px !important;

}


}

@media  (min-width: 5500px){

   
h1
{
  margin-top:-800px;
color:#ffffff !important;
  font-size:450% !important;
 text-shadow: 2px 2px #000000;
    left:0% !important;
 top:10% !important;
   position: relative !important;
 border:0px !important;

}


}