@media only screen  and ( min-device-width: 950px ) , (-webkit-device-pixel-ratio: 1) {
    .forsideContHeading-1{
	grid-column:span 1;
    }
    .forsideContHeading-2{
	grid-column:span 2;
    }
   .forsideContHeading-4{
	grid-column:span 4;
    }
   .forsideContProd-1{
       grid-column:span 1;
   }
   .forsideContProd-2{
       grid-column:span 2;
   }
   .forsideContPx-4-50{
       grid-column:span 4;
       height:50px;
   }	   
   .forsideContPx-4-150{
       grid-column:span 4;
       height:150px;
   }	   
   .forsideContPx-4-200{
       grid-column:span 4;
       height:200px;
   }	   
   .forsideContPx-4-250{
       grid-column:span 4;
       height:250px;
   }	   
   .forsideContPx-4-300{
       grid-column:span 4;
       height:300px;
   }	   
   .forsideContPx-4-350{
       grid-column:span 4;
       height:350px;
   }	   
   .forsideContPx-4-400{
       grid-column:span 4;
       height:400px;
   }	   
   .forsideContPx-4-500{
       grid-column:span 4;
       height:500px;
   }	   
   .forsideContPx-4-600{
       grid-column:span 4;
       height:600px;
   }	   
   .forsideContPx-4-700{
       grid-column:span 4;
       height:700px;
   }	   
   .forsideContPx-4-800{
       grid-column:span 4;
       height:800px;
   }	   


   
   .forsideContBilde-1-10{
       grid-column:span 1;
   }	   
   .forsideContBilde-1-20{
       grid-column:span 1;
   }	   
   .forsideContBilde-1-30{
       grid-column:span 1;
   }	   
   .forsideContBilde-1-40{
       grid-column:span 1;
   }	   
   .forsideContBilde-1-50{
       grid-column:span 1;
   }	   
   .forsideContBilde-1-60{
       grid-column:span 1;
   }	   
   .forsideContBilde-1-70{
       grid-column:span 1;
   }	   
   .forsideContBilde-1-80{
       grid-column:span 1;
   }	   
   .forsideContBilde-1-90{
       grid-column:span 1;
   }	   
   .forsideContBilde-1-100{
       grid-column:span 1;
   }	   
   .forsideContBilde-1-150{
       grid-column:span 1;
   }	   
   .forsideContBilde-1-200{
       grid-column:span 1;
   }	   

   .forsideContBilde-2-10{
       grid-column:span 2;
   }	   
   .forsideContBilde-2-20{
       grid-column:span 2;
   }	   
   .forsideContBilde-2-30{
       grid-column:span 2;
   }	   
   .forsideContBilde-2-40{
       grid-column:span 2;
   }	   
   .forsideContBilde-2-50{
       grid-column:span 2;
   }	   
   .forsideContBilde-2-60{
       grid-column:span 2;
   }	   
   .forsideContBilde-2-70{
       grid-column:span 2;
   }	   
   .forsideContBilde-2-80{
       grid-column:span 2;
   }	   
   .forsideContBilde-2-90{
       grid-column:span 2;
   }	   
   .forsideContBilde-2-100{
       grid-column:span 2;
   }	   
   .forsideContBilde-2-150{
       grid-column:span 2;
   }	   
   .forsideContBilde-2-200{
       grid-column:span 2;
   }	   


   .forsideContBilde-4-10{
       grid-column:span 4;
   }	   
   .forsideContBilde-4-20{
       grid-column:span 4;
   }	   
   .forsideContBilde-4-30{
       grid-column:span 4;
   }	   
   .forsideContBilde-4-40{
       grid-column:span 4;
   }	   
   .forsideContBilde-4-50{
       grid-column:span 4;
   }	   
   .forsideContBilde-4-60{
       grid-column:span 4;
   }	   
   .forsideContBilde-4-70{
       grid-column:span 4;
   }	   
   .forsideContBilde-4-80{
       grid-column:span 4;
   }	   
   .forsideContBilde-4-90{
       grid-column:span 4;
   }	   
   .forsideContBilde-4-100{
       grid-column:span 4;
   }	   
   .forsideContBilde-4-150{
       grid-column:span 4;
   }	   
   .forsideContBilde-4-200{
       grid-column:span 4;
   }	   



    .forsideContBildeHeading{
	grid-column:span 4;
    }
    .forsideContBildeLandscape{
	grid-column: span 2;
    }	  
    .forsideContBildeLandscapeBig{
	grid-column: span 4;
    }
   .forsideContBildePortrait{
       grid-column:span 2;
   }
   .forsideContBildePortraitBig{
	grid-column:span 2;
   }

}
@media only screen and (max-device-width: 950px) and (-webkit-min-device-pixel-ratio: 2) { 
    .forsideContHeading-1{
	grid-column:span 2;
    }
    .forsideContHeading-2{
	grid-column:span 4;
    }
    .forsideContHeading-4{
	grid-column:span 4;
    }
   .forsideContProd-1{
       grid-column:span 2;
   }
   .forsideContProd-2{
       grid-column:span 4;
   }
   .forsideContPx-4-50{
       grid-column:span 4;
       height:50px;
   }	   
   .forsideContPx-4-150{
       grid-column:span 4;
       height:150px;
   }	   
   .forsideContPx-4-200{
       grid-column:span 4;
       height:200px;
   }	   
   .forsideContPx-4-250{
       grid-column:span 4;
       height:250px;
   }	   
   .forsideContPx-4-300{
       grid-column:span 4;
       height:300px;
   }	   
   .forsideContPx-4-350{
       grid-column:span 4;
       height:350px;
   }	   
   .forsideContPx-4-400{
       grid-column:span 4;
       height:400px;
   }	   
   .forsideContPx-4-500{
       grid-column:span 4;
       height:500px;
   }	   
   .forsideContPx-4-600{
       grid-column:span 4;
       height:600px;
   }	   
   .forsideContPx-4-700{
       grid-column:span 4;
       height:700px;
   }	   
   .forsideContPx-4-800{
       grid-column:span 4;
       height:800px;
   }	   



   .forsideContBilde-1-10{
       grid-column:span 2;
   }	   
   .forsideContBilde-1-20{
       grid-column:span 2;
   }	   
   .forsideContBilde-1-30{
       grid-column:span 2;
   }	   
   .forsideContBilde-1-40{
       grid-column:span 2;
   }	   
   .forsideContBilde-1-50{
       grid-column:span 2;
   }	   
   .forsideContBilde-1-60{
       grid-column:span 2;
   }	   
   .forsideContBilde-1-70{
       grid-column:span 2;
   }	   
   .forsideContBilde-1-80{
       grid-column:span 2;
   }	   
   .forsideContBilde-1-90{
       grid-column:span 2;
   }	   
   .forsideContBilde-1-100{
       grid-column:span 2;
   }	   
   .forsideContBilde-1-150{
       grid-column:span 2;
   }	   
   .forsideContBilde-1-200{
       grid-column:span 2;
   }	   

   .forsideContBilde-2-10{
       grid-column:span 4;
   }	   
   .forsideContBilde-2-20{
       grid-column:span 4;
   }	   
   .forsideContBilde-2-30{
       grid-column:span 4;
   }	   
   .forsideContBilde-2-40{
       grid-column:span 4;
   }	   
   .forsideContBilde-2-50{
       grid-column:span 4;
   }	   
   .forsideContBilde-2-60{
       grid-column:span 4;
   }	   
   .forsideContBilde-2-70{
       grid-column:span 4;
   }	   
   .forsideContBilde-2-80{
       grid-column:span 4;
   }	   
   .forsideContBilde-2-90{
       grid-column:span 4;
   }	   
   .forsideContBilde-2-100{
       grid-column:span 4;
   }	   
   .forsideContBilde-2-150{
       grid-column:span 4;
   }	   
   .forsideContBilde-2-200{
       grid-column:span 4;
   }	   


   .forsideContBilde-4-10{
       grid-column:span 4;
   }	   
   .forsideContBilde-4-20{
       grid-column:span 4;
   }	   
   .forsideContBilde-4-30{
       grid-column:span 4;
   }	   
   .forsideContBilde-4-40{
       grid-column:span 4;
   }	   
   .forsideContBilde-4-50{
       grid-column:span 4;
   }	   
   .forsideContBilde-4-60{
       grid-column:span 4;
   }	   
   .forsideContBilde-4-70{
       grid-column:span 4;
   }	   
   .forsideContBilde-4-80{
       grid-column:span 4;
   }	   
   .forsideContBilde-4-90{
       grid-column:span 4;
   }	   
   .forsideContBilde-4-100{
       grid-column:span 4;
   }	   
   .forsideContBilde-4-150{
       grid-column:span 4;
   }	   
   .forsideContBilde-4-200{
       grid-column:span 4;
   }	   


    .forsideContBildeHeading{
	grid-column:span 4;
    }
    .forsideContBildeLandscape{
	grid-column:span 4;
    }	  
    .forsideContBildeLandscapeBig{
	grid-column:span 4;
    }
    .forsideContBildePortrait{
	grid-column:span 4;
    }
   .forsideContBildePortraitBig{
	grid-column:span 4;
    }

}



/************************* FELLES ALLE ********************************/

.forsideMain{
    display:grid;
    grid-template-columns: 25% 25% 25% 25%;
    width:100%;
    grid-column-gap:0px;
    grid-row-gap:0px;
}

.forsideContHeading-1{
    width:100%;
    min-height:10px;
}
.forsideContHeading-2{
    width:100%;
    min-height:10px;
}
.forsideContHeading-4{
    width:100%;
    min-height:10px;
}

.forsideContProd-1{
    width:96%;
    margin:2%;
    padding-top:96%;
}
.forsideContProd-2{
    width:96%;
    margin:2%;
    padding-top:96%;
}
.forsideContPx-4-50{
    width: 100%;
}	   
.forsideContPx-4-100{
    width: 100%;
}	   
.forsideContPx-4-150{
    width: 100%;
}	   
.forsideContPx-4-200{
    width: 100%;
}	   
.forsideContPx-4-250{
    width: 100%;
}	   
.forsideContPx-4-300{
    width: 100%;
}	   
.forsideContPx-4-350{
    width: 100%;
}	   
.forsideContPx-4-400{
    width: 100%;
}	   
.forsideContPx-4-500{
    width: 100%;
}	   
.forsideContPx-4-600{
    width: 100%;
}	   
.forsideContPx-4-700{
    width: 100%;
}	   
.forsideContPx-4-800{
    width: 100%;
}	   



.forsideContBilde-1-10{
    width:100%;
    padding-top:10%;
}	   
.forsideContBilde-1-20{
    width:100%;
    padding-top:20%;
}	   
.forsideContBilde-1-30{
    width:100%;
    padding-top:30%;
}	   
.forsideContBilde-1-40{
    width:100%;
    padding-top:40%;
}	   
.forsideContBilde-1-50{
    width:100%;
    padding-top:50%;
}	   
.forsideContBilde-1-60{
    width:100%;
    padding-top:60%;
}	   
.forsideContBilde-1-70{
    width:100%;
    padding-top:70%;
}	   
.forsideContBilde-1-80{
    width:100%;
    padding-top:80%;
}	   
.forsideContBilde-1-90{
    width:100%;
    padding-top:90%;
}	   
.forsideContBilde-1-100{
    width:100%;
    padding-top:100%;
}	   
.forsideContBilde-1-150{
    width:100%;
    padding-top:150%;
}	   
.forsideContBilde-1-200{
    width:100%;
    padding-top:200%;
}	   


.forsideContBilde-2-10{
    width:100%;
    padding-top:10%;
}	   
.forsideContBilde-2-20{
    width:100%;
    padding-top:20%;
}	   
.forsideContBilde-2-30{
    width:100%;
    padding-top:30%;
}	   
.forsideContBilde-2-40{
    width:100%;
    padding-top:40%;
}	   
.forsideContBilde-2-50{
    width:100%;
    padding-top:50%;
}	   
.forsideContBilde-2-60{
    width:100%;
    padding-top:60%;
}	   
.forsideContBilde-2-70{
    width:100%;
    padding-top:70%;
}	   
.forsideContBilde-2-80{
    width:100%;
    padding-top:80%;
}	   
.forsideContBilde-2-90{
    width:100%;
    padding-top:90%;
}	   
.forsideContBilde-2-100{
    width:100%;
    padding-top:100%;
}	   
.forsideContBilde-2-150{
    width:100%;
    padding-top:150%;
}	   
.forsideContBilde-2-200{
    width:100%;
    padding-top:200%;
}	   



.forsideContBilde-4-10{
    width:100%;
    padding-top:10%;
}	   
.forsideContBilde-4-20{
    width:100%;
    padding-top:20%;
}	   
.forsideContBilde-4-30{
    width:100%;
    padding-top:30%;
}	   
.forsideContBilde-4-40{
    width:100%;
    padding-top:40%;
}	   
.forsideContBilde-4-50{
    width:100%;
    padding-top:50%;
}	   
.forsideContBilde-4-60{
    width:100%;
    padding-top:60%;
}	   
.forsideContBilde-4-70{
    width:100%;
    padding-top:70%;
}	   
.forsideContBilde-4-80{
    width:100%;
    padding-top:80%;
}	   
.forsideContBilde-4-90{
    width:100%;
    padding-top:90%;
}	   
.forsideContBilde-4-100{
    width:100%;
    padding-top:100%;
}	   
.forsideContBilde-4-150{
    width:100%;
    padding-top:150%;
}	   
.forsideContBilde-4-200{
    width:100%;
    padding-top:200%;
}	   




.forsideContBildeHeading{
    width:100%;
    padding-top:10%;
}	   
.forsideContBildeLandscape{
    width:100%;
    padding-top:50%;
}
.forsideContBildeLandscapeBig{
    width:100%;
    padding-top:50%;
}
.forsideContBildePortraitBig{
    width:100%;
    padding-top:100%;
}
.forsideContBildePortrait{
    width:100%;
    padding-top:100%;
}




.forsideBilde{
    width:100%; 
    object-fit: contain;
}
.frontpagePic{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%; 
    object-fit: contain;
}
.frontpagePicCover{
    width:100%;
    height:100%; 
    object-fit: Cover;
}
.frontpagePicNone{
    width:100%;
    height:100%; 
    object-fit: none;
}





/************************** Admin **************************/

body{
    \*overflow:hidden;*\
    width:100%;
    background-color:white;
}
.frontpageMain{
    display:inline-block;
    position:relative;
    width:50%;
}
.frontpageSlide{
    display:inline-block;
    position:fixed;
    right:0px;
    height:calc(100vh - 30px);
    width:50%;
    background-color:yellow;
    z-index:1;
}
.frontpageElMove{
    display:none;
    position:absolute;
    background-color:orange;
    z-index:10;
}



.frontpageSlideCtrl{
    postion:absolute;
    top:0px;
    width:100%;
    height:220px;
    background-color:lightgrey;
}


.frontpageCtrlCopy{
    position:absolute;
    top:5px;
    right:10px;
    width:100px;
    height:40px;
    font-family:Abel;
    font-size:20px;
    text-align:center;
    line-height:40px;
    color: green;
    background-color:white;
    border:1px solid green;
    border-radius: 10px;
    cursor:pointer;
}
.frontpageCtrlCopy:hover{
    color: white;
    background-color:green;
}
.frontpageCtrlPublish{
    right:200px;
}
.frontpageCtrlDelete{
    top:60px;
}

.frontpageCtrlHeadTxt{
    position:absolute;
    left: 10px;
    width:100px;
    height:30px;
    font-family:Abel;
    font-size:20px;
}
.frontpageCtrlHeadIdKey{
    top:10px;
    left: 10px;
}
.frontpageCtrlHeadIdValue{
    top:10px;
    left: 110px;
}
.frontpageCtrlHeadNameKey{
    top:45px;
    left: 10px;
}
.frontpageCtrlHeadNameValue{
    position:absolute;
    top:42px;
    left: 110px;
    width:220px;
    height:30px;
    font-family:Abel;
    font-size:20px;
    cursor:pointer;
}
.frontpageCtrlHeadColorKey{
    top:80px;
    left: 10px;
}
.frontpageCtrlHeadColorValue{
    position:absolute;
    top:78px;
    left: 110px;
    width:220px;
    height:30px;
    font-family:Abel;
    font-size:20px;
    cursor:pointer;
}
.frontpageCtrlHeadActiveFromKey{
    top:120px;
    left: 10px;
}
.frontpageCtrlHeadActiveFromValue{
    position:absolute;
    top:118px;
    left: 110px;
    width:220px;
    height:30px;
    font-family:Abel;
    font-size:20px;
    cursor:pointer;
}


.frontpagetCtrlBody{
    position:absolute;
    top:160px;
    width:60px;
    height:60px;
    background-color:grey;
    border-radius: 10px 10px 0px 0px;
    font-family:Abel;
    font-size:16px;
    text-align:center;
    line-height:60px;
    cursor:pointer;
}

.frontpagetCtrlPic{
    left: 10px;
}
.frontpagetCtrlTxt{
    left: 80px;
}
.frontpagetCtrlSlides{
    left: 150px;
}
.frontpagetCtrlMov{
    left: 220px;
}
.frontpagetCtrlProd{
    left: 290px;
}
.frontpagetCtrlSpace{
    left: 360px;
}
.frontpagetCtrlMap{
    left: 430px;
}



.frontpageSlideElCont{
    position:absolute;
    top:220px;
    width:100%;
    height:calc(100vh - 250px); 
    background-color:pink;
}
.frontpageSlideElLine{    
    height:40px;    
    width:80%;
    padding: 0px 10% 0px 10px;
    background-color:cornblue;
}
.frontpageSlideElKey{
    display:inline-block;
    height:30px;    
    width:20%;
    font-family:Abel;
    font-size: 20px;
    line-height: 30px;
    
}
.frontpageSlideElValueCont{
    display:inline-block;
    height:30px;
    width:80%;
    font-family:Abel;
    font-size: 20px;
    line-height: 30px;
}
.frontpageSlideElValue{
    width:100%;
    font-family:Abel;
    font-size: 20px;
    line-height: 30px;
}
.frontpageSlideElValueCol{
    width:20%;
    height:30px;
    font-family:Abel;
    font-size: 20px;
    line-height: 30px;
}
.frontpageSlideElToolButton{
    width:200px;
    height:30px;
    font-family:Abel;
    font-size: 20px;
    line-height: 30px;
    text-align:center;
    white-space:nowrap;
    border-radius:5px;
    border: 2px solid green;
    color:green;
    background-color:white;
    cursor:pointer;
}
.frontpageSlideElToolButton:hover{
    color:white;
    background-color:green;    
}
.frontpageSlideSave{
    position: absolute;
    bottom: 0px;
    left: 0px;
    width:100%;
    height:60px;
    text-align:center;
    line-height:60px;
    font-family:oswald;
    font-size:30px;
    color:green;
    background-color:white;
    cursor:pointer;
    z-index:9;
    box-shadow: -5px -5px 20px 5px #888888;
}
.frontpageSlideSave:hover{
    color:white;
    background-color:green;    
}

.brikke{
    position:block;    
    border:2px solid black;
    font-size:30px;
    color:black;
}
.frontpageEl{
    position:relative;
    /*width:100%;
    height:100%;
    border:4 solid black;*/
    cursor: pointer;
}

.frontpageElTxt{
    width:100%;
    margin: auto;
    font-family:Oswald;
    text-align:center;
}
.frontpageElSpace{
    width:100%;
    margin: 0;
    font-family:Oswald;
    text-align:center;
    position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
} 

    
 
/*   margin:auto;
    height:100%;
    display: flex;
    justify-content: center;
    align-items: center;
*/


.frontpageElMenu{
    display:none;
    position:absolute;
    top:0px;
    left:0px;
    width:100%;
    height:100%; /*58px;*/
    background:lightgrey;
    opacity:0.3;
    z-index:3;
}
.frontpageElMenuButton{
    position: absolute;
    width:46px;
    height:46px;
    text-align:center;
    line-height:40px;
    font-family:oswald;
    font-size:60px;
    border: 2px solid black;
    color:black;
    background-color:white;
    cursor:pointer;
}
.frontpageElMenuDel{
    top: 3px;
    left: 3px;
    font-size:46px;
    color:red;
    cursor:pointer;
}
.frontpageElMenuDel:hover{
    background-color:red;
    color:white;
}
.frontpageElMenuMove{
    /*top: calc(50% - 20px);*/
    top: 3px;
    left: 3px; /*calc(50% - 20px);*/
    color:green;
    cursor:move;
}
.frontpageElMenuMove:hover{
    background-color:green;
    color:white;
}

.frontpageElMenuAdd{
    top: 3px;
    right: 3px;
    cursor:copy;
    color:green;
}
.frontpageElMenuAdd:hover{
    background-color:green;
    color:white;
}



.frontpageSearchHeading{
    margin:40px 40px 40px 450px;
    font-family: Oswald;
    font-size: 24px;
    color:green;
}
.frontpageSearchTable{
    margin:0px 50px 50px 100px;

}
.frontpageSearchTr{
    cursor:pointer
}
.frontpageSearchTd{    
    width:200px;
    padding:5px;
    font-family: Abel;
    font-size:16px;
    text-align:right;
    border:1 solid white;
    color: white;
    background-color:green;
}


/*---------- topp bar --------------*/
.frontpageCat{
    position:relative;
    width:100%;
    height:30px;
    background-color:#225397;
}

/*---------- meny 1 --------------*/
.frontpageDropdown{
  position:absolute;
  left:120px;
  top:0px;
  cursor:pointer;
  z-index:10000;
}
.frontpageDropdownFrontpage{
  left:40px;
}
.frontpageDropdownButton{
  color: white;
  height: 30px;
  line-height:30px;
  font-family:Abel;
  font-size: 16px;
  border: none;
  padding: 0px 20px; 
  cursor: pointer;
  background-color: #225397;
}
.frontpageDropdownButton:hover {
  background-color: #001e3a;
}
.frontpageDropdownCont{
  display: none;
  position: absolute;
  color:white;
  background-color: #225397; /*#f9f9f9;*/
  min-width: 200px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 2;
  border-radius: 0px 0px 10px 10px;
}
.frontpageDropdownCont a{
  color: white;
  font-family:Abel;
  font-size: 16px;
  font-weight:700;
  padding: 5px 20px;
  text-align:left;
  text-decoration: none;
  display: block;
}
.frontpageDropdownCont a:hover {
  background-color: #001e3a;
}
.frontpageDropdown:hover .frontpageDropdownCont {
  display: block;
}
.frontpageDropdown:hover .frontpageDropdownButton {
  background-color: #001e3a;
}

/*---------- meny 2 --------------*/
.frontpageDropdownFrontpage2{
  left:240px;
}

.frontpageAdminBox{
    display:none;
    position:relative;
    height: 0px;
    width: 0px;
}
.frontpageAdminBoxCont{
    position:fixed;
    top:50px;
    left: 300px;
    width: 400px;
    height: 200px;
    border: 10px solid #225397;
    border-radius:20px;
    padding:10px;
    font-family: Abel;
    font-size: 16px;
    text-align: center;
    background-color:white;
    z-index:100000;
}
.facemapAdminBoxContClose{
    display:flex;
    justify-content:center;
    align-items:center;
    position:absolute;
    top:-8px;
    right:-8px;
    width:30px;
    height:30px;
    border: 2px solid #225397;
    border-radius:30px;
    background-color:white;
    color: red;
    cursor:pointer;    
}
.facemapAdminBoxContClose:hover{
    color: white;
    background-color:red;
    border: 2px solid red;
}
.facemapAdminBoxContHead{
    position:absolute;
    top:40px;
    width: 400px;
    font-size: 24px;
    text-align:center;
}
.facemapAdminBoxButtonCont{
    position:absolute;
    display:flex;
    flow-direction: row;
    justify-content:center;
    top: 100px;
    width:400px;
    height:100px;

}
.frontpageAdminBoxButton{
    width: 250;
    height: 50px;
    line-height:50px;
    font-size: 24px;
    text-align:center;
    color:#225397;
    background-color:#bfb;
    border: 2px solid #225397;
    border-radius:20px;
    cursor:pointer;
}
.frontpageAdminBoxButton:hover{
    color:white;
    background-color:#4c4;
}
.frontpageAdminBoxContResult{
    font-size: 24px;
}