/*----------------FORSIDE---------------------*/

	/*----------------FORSIDE---------------------*/
.forside_background_orange
{ grid-column: 1/28; grid-row: 8/10; background-color: #00abe4; height: 330px; }

.forside_background_banner
{ grid-column: 1/27; grid-row: 18/22; background-color: #F5F5F5; height:600px; }

.forside_background_flag
{grid-column: 1/27; grid-row: 41/45; background-color: #fff; height:700px; }

.forside_background_grey
{ grid-column: 1/27; grid-row: 12/16; background-color: #fff; height:215px; }

.forside_background_facebook
{ grid-column: 1/27; grid-row: 36/38; background-color: #3b5998; height:110px; }

.forside_background_picbanner
{ grid-column: 1/27; grid-row: 46/50; background-color:#F5F5F5; height: 220px; background-image: url("https://bygansa.dk/pic/frise/frise.jpg"); }

.forside_background_karrusel
{ grid-column: 1/27; grid-row: 28/32; background-color: #F5F5F5; height:280px; }

.forside_background_companybanner
{ grid-column: 4/27; grid-row: 24/28; background-color: #000; height:400px; }

.forside_content_orange
{ grid-column: 1/24; grid-row: 8/10; border: #fff;}

.forside_content_gray
{ grid-column: 1/27; grid-row: 12/16;}

.forside_content_banner
{ grid-column: 1/27; grid-row: 18/22; border: #fff;}

.forside_content_companybanner 
{ grid-column: 1/27; grid-row: 24/28; background-color: #000;}

.forside_content_karusel
{ grid-column: 4/24; grid-row: 28/32; }

.forside_content_facebook
{ grid-column: 4/24; grid-row: 36/38; border:2px solid Salmon; }

.forside_content_picbanner
{ grid-column: 4/24; grid-row: 46/50; }

.forside_content_seo
{ grid-column: 4/24; grid-row: 46/50; border: 1px green solid;  height: 200px;}

.forside_content_flag 
{ grid-column: 1/27; grid-row: 41/45; border: #fff;}

.forside_content_orange{
    display: grid;
	width:100%;
	/* grid-template-columns: repeat(20, 1fr); */
	grid-template-columns: 2fr 15px 6fr 15px 2fr 15px 6fr 15px 2fr; 
	grid-template-rows: auto auto 20px auto 30px;
    color: #444;
	background-image: url("https://vietassist.com/globalpic/frontpage_mobile_1.png");
	height: 350px;
	/*width: 390px;*/
	background-size: cover;
	}	

.forside_content_gray{
    display: grid;
	width:100%;
	/* grid-template-columns: repeat(20, 1fr); */
	grid-template-columns: 2fr 15px 6fr 15px 2fr 15px 6fr 15px 2fr; 
	grid-template-rows: auto auto auto auto auto auto 20px auto auto auto auto 20px;
	}	

.forside_content_companybanner{
    display: grid;
	width:100%;
	background-image: url("https://vietassist.com/globalpic/frontpage_mobile_2.jpg");
	background-repeat: no-repeat;
    background-size: 100%;
     min-height: 20vh;
	/* background-attachment: fixed;
	 grid-template-columns: repeat(20, 1fr); */
	grid-template-columns: 5% 90% 5%  ; 
	grid-template-rows: auto auto auto auto auto auto 20px auto auto auto auto 20px;
	background-attachment: fixed;
	
	}	

h1.companybanner_title
{	grid-column: 2;
	grid-row: 1/2;
	text-align: center;
	font-size:35px;
	color:#fff;
	text-shadow: 2px 2px 4px black;
	}
	
.newsletter_signup { 
	grid-column: 2; 
	grid-row: 2/3;
	margin:20px;
	width:75%;
    margin-left: auto;
    margin-right: auto;
}

.newsletter_signup_submit { 
	grid-column: 2; 
	grid-row: 3/4;
	width:50% !important;
    margin-left: auto;
    margin-right: auto;
    background-color: #FFA500 !important;
    color: white;
    padding-bottom: 10px;
    padding-top: 10px;
    /* margin: 8px 0; */
    border: none;
    border-radius: 4px;
    cursor: pointer;
	text-shadow: 2px 2px 4px black;
	font-size: 24px;
	margin-bottom: 20px;
    }

h1.orange_title
{	grid-column: 1/24;
	grid-row: 1/2;
	text-align: center;
	font-size:35px;
	color:#fff;
	text-shadow: 2px 2px 4px black;
	}	

.forside_karusel_content
{
border: 1px red solid;
height: 100%; 
background-color: coral; 
padding:20px 0px 20px 0px;
}

/*Knapper i orange*/

a.orange_knap_2
{	
	grid-column: 2/9;
	grid-row: 2/3;
	}

a.orange_knap_3
{	
	grid-column: 2/9;
	grid-row: 4/5;
	}
	
a.orange_knap
{
	background: #20335430;
	border-radius: 2px;	
	border: 2px solid #203354;
	text-align:center;
	color:#fff;
	font-size:24px;
	text-align:center;
	text-shadow: 2px 2px 4px black;
	padding-top:15px;
	padding-bottom:15px;
}	
	
a.orange_knap:hover
{
	background-color: #203354;
	border: 2px solid #203354;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}



/*Overskrifter i orange*/
	
.orange_content_overskrift{
	color:#fff;
	font-size:30px;
	font-weight:500;
	padding:20px;
	text-align:center;
	margin: auto;
    }
	
.orange_content_overskrift1{
	grid-column: 2/20;
	grid-row: 3/5;
	text-align: center;
    }

.orange_content_overskrift2{
	grid-column: 2/20;
	grid-row: 8/9;
	text-align: center;
    }

/*grey area*/

a.hvid_knap_1{
	grid-column: 2/9;
	grid-row: 6/7;
	padding-top: 15px;
	padding-bottom: 20px;
	}

a.hvid_knap_2{
	grid-column: 2/9;
	grid-row: 3/5;
	padding-top: 15px;
	padding-bottom: 20px;
	}

a.hvid_knap
{
	background-color: #fff;
	border-radius: 2px;	
	border: 2px solid #ff9c00;
	text-align:center;
	color:#000;
	font-size:24px;
	text-align:center;
	text-decoration:none;

	}	

	
a.hvid_knap:hover
{
	background-color: #ff9c00;	
	color: #fff;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}	

.job_dropdown_forside
{
	grid-column:3/21;
	grid-row: 3/4;
	
		}


/* Button Styles */
.drop_job_button {
  background-color: #4CAF50; /* Change as needed */
  color: white;
  padding: 1px;
  font-size: 16px;
  border: none;
  cursor: pointer;
  border-radius: 1px; /* Rounded corners */
}

/* Change button background on hover */
.dropbtn:hover {
  background-color: #3e8e41;
}
		


/* Søgeform på forside */

.grey_form_dropdown
{
grid-column: 1/10;
grid-row: 1/9;
	display: grid;
	align-items: flex-center;
	grid-gap: 0px;
	grid-template-columns: 20px auto 20px;
	grid-template-rows: auto auto auto auto auto;
}

h1.grey_text
{	grid-column: 2/3;
	grid-row: 1/2;
	text-align: center;
	font-size:35px;
	color:#203354;
	}	

.job_dropdown_category
{
	grid-column:2/3;
	grid-row: 2/3;
}

.job_category
{
    border: 1px solid #ccc;
    border-radius: 4px;
    width: 100%;
	font-size: 16px;
}	

.country_dropdown_forside
{
	grid-column:2/3;
	grid-row: 3/4;
}
		
		
.job_country
{
    border: 1px solid #ccc;
    border-radius: 4px;
    width: 100%;
	font-size: 16px;
}	
		
		
.online_dropdown_forside
{
	grid-column:2/3;
	grid-row: 4/5;
}

.job_online
{
    border: 1px solid #ccc;
    border-radius: 4px;
    width: 100%;
	font-size: 16px;
}	

.search_job_forside
{
	grid-column: 2/3;
	grid-row: 5/6;
	background-color: #fff;
	border-radius: 2px;	
	border: 2px solid #ff9c00;
	text-align:center;
	color:#000;
	font-size:24px;
	text-align:center;
	text-decoration:none;
	padding-top: 10px;
	margin-bottom: 10px;
	margin-top: 10px;
	}	

.search_job_forside:hover
{
	background-color: #ff9c00;		
	color: #fff;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}







.knap_udlej{
	grid-column: 2/11;
	grid-row: 9/10;
	background-color: #ff9c00;
	border-radius: 2px;	
	border: 2px solid #fff;
	text-align:center;
	color:#fff;
	font-size:24px;
	text-align:center;
	text-decoration:none;
	padding-top:15px;
	padding-bottom:15px;
	margin-bottom:25px;
}
	
.knap_udlej:hover
{
	background-color: #FFA719;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}	
	
	
.knap_sog{
	grid-column: 13/22;
	grid-row: 9/10;
	background-color: #ff9c00;
	border-radius: 2px;	
	border: 2px solid #fff;
	text-align:center;
	color:#fff;
	font-size:24px;
	text-align:center;
	text-decoration:none;
	padding-top:15px;
	padding-bottom:15px;
	margin-bottom:25px;
}

.knap_sog:hover
{
	background-color: #FFA719;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}	
	

h1.forside1
{
	grid-column: 2/22;
	grid-row: 8/9;
	color:#fff;
	font-size:30px;
	font-weight:500;
	padding:20px;
	text-align:center;
	}
	
h2.forside2
{
	/*grid-column: 4/22;
	grid-row: 11/12;
	color:#111;
	font-size:24px;
	font-weight:500;
	padding:20px;*/
	Display:none;
	}

.forside_picbanner
{
	grid-column: 1/23;
	grid-row: 15/17;
	color:#111;
	background-image: url("https://bygansa.dk/pic/frise/mobil-frise.jpg");
	background-size: contain;
	background-color: #606060;
	background-size: cover;
	}


h2.forside_picbanner_overskrift
{
	grid-column: 4/22;
	grid-row: 15;
	text-align: center;
	text-shadow: #000 3px 0 10px;
	font-size:30px;
	color:#fff;
	padding:20px;
	
	}	
	
	
.forside_picbanner_text
{
	grid-column: 2/22;
	grid-row: 16/17;
	text-align: center;
	text-shadow: #000 3px 0 8px;
	font-size:16px;
	color:#fff;
	padding:20px;
	}

	
	
.sgforside
{
	grid-column: 1/26;
	grid-row: 17/19;
		display: grid;
		grid-gap: 0px;
		grid-template-columns: repeat(20, 1fr);
		grid-template-rows: 10px auto auto auto auto auto auto auto auto auto auto auto auto;
	}

h2.forside_fag
{
	grid-column: 1/21;
	grid-row: 2/3;
	text-align: center;
	font-size: 25px;
	}
	
.forsidesgfag1
{
	grid-column: 3/11;
	grid-row: 3/4;
    }

.forsidesgfag2
{
	grid-column: 3/11;
	grid-row: 4/5;
    }
	
.forsidesgfag3
{
	grid-column: 3/11;
	grid-row: 5/6;
    }
	
.forsidesgfag4
{
	grid-column: 11/22;
	grid-row: 3/4;
    }

.forsidesgfag5
{
	grid-column: 11/22;
	grid-row: 4/5;
    }
	
.forsidesgfag6
{
	grid-column: 11/22;
	grid-row: 5/6;
    }
	
	
h2.forside_lokation
{
	grid-column: 1/21;
	grid-row: 8/9;
	text-align: center;
	font-size: 25 px;
	}
	
.forsidesgregion1
	{
	grid-column: 6/22;
	grid-row: 10/11;
    }
	
.forsidesgregion2
	{
	grid-column: 6/22;
	grid-row: 11/12;
    }

.forsidesgregion3
	{
	grid-column: 6/22;
	grid-row: 12/13;
    }	

.forsidesgregion4
	{
	grid-column: 6/22;
	grid-row: 13/14;
    }

.forsidesgregion5
	{
	grid-column: 6/22;
	grid-row: 14/15;
    }	
	
	
.forsidesgknap
	{
	grid-column: 2/20;
	grid-row: 15/16;
	margin: 20px 0px 5px 0px;
    }
	

.artikeloverskrift1
	{
	grid-column: 1/23;
    grid-row: 17/18;
	}

.artikelfrise1
	{}

.artikel1
	{
	grid-column: 1/23;
    grid-row: 20/21;
	}

.facebook
	{
	grid-column: 1/23;
	grid-row: 17/26;
    text-align: center;
    font-size: 24px;
	background-color:#3b5998;
    color: #fff;
	padding: 10px 0px 10px 0px;
    }