/*----------------FORSIDE---------------------*/
.forside_background_orange
{ grid-column: 1/27; grid-row: 6/8; background-color: #00abe4; height: 250px; }

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

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

.forside_background_flag
{ grid-column: 1/27; grid-row: 24/28; background-color: #fff; height:600px; }

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

.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"); background-repeat: repeat; background-color: #606060; background-position:center; }

.forside_background_companybanner
{ grid-column: 1/27; grid-row: 40/44; background-color: #F5F5F5; height:300px; }

.forside_content_orange
{ grid-column: 1/27; grid-row: 6/8;}

.forside_content_orange_2
{ grid-column: 1/27; grid-row: 6/8;}

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

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

.forside_content_banner
{ grid-column: 1/27; grid-row: 40/40;}

.forside_content_companybanner
{ grid-column: 1/27; grid-row: 18/22;}

.forside_content_companybanner_virk
{ grid-column: 1/27; grid-row: 12/16; display: none; }

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

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

.forside_content_facebook
{ grid-column: 4/24; grid-row: 36/38;}

/*.forside_content_picbanner
{ grid-column: 4/24; grid-row: 46/50; background-image: url("https://bygansa.dk/pic/frise/frise.jpg");}*/

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



.forside_content_orange{
    display: grid;
	width:100%;
	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;
    color: #002200;
	background-image: url("https://vietassist.com/globalpic/frontpage.jpeg");
	height: 400px;
	background-position: right top;
	background-repeat: no-repeat;
	background-size: cover;
	}	

.forside_content_orange_2 {
    display: grid;
    width: 100%;
    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;
    background-color: #6082B6;
    height: 600px;
    background-position: right top;
    background-repeat: no-repeat;
    background-size: cover;

}


.forside_content_companybanner{
    display: grid;
	grid-template-columns:  auto auto auto auto auto    ; 
	grid-template-rows: auto auto 50px 20px auto 20px;
	background-color: #F5F5F5;  
	background-image: url("https://vietassist.com/globalpic/frontpage_newsletter_photo.jpeg");
	background-repeat: no-repeat;
	background-size: cover;
    min-height: 40vh;
	background-attachment: fixed;
}

.forside_content_gray_virk{
    display: grid;
	grid-template-columns:  auto auto auto auto auto    ; 
	grid-template-rows: auto auto 50px 20px auto 20px;
	background-color: #F5F5F5;  
	background-image: url("https://vietassist.com/globalpic/frontpage_newsletter_photo.jpeg");
	background-repeat: no-repeat;
	background-size: cover;
    min-height: 40vh;
	background-attachment: fixed;
}


.newsletter_signup
{ grid-column: 11/17; grid-row: 2/3;}



.newsletter_signup_submit { 
	grid-column: 11/17; 
	grid-row: 3/4;
	width: 100%;
    /* max-width: 120px; */
    background-color: #00abe4 !important;
    color: white;
    padding-bottom: 10px;
    padding-top: 10px;
    /* margin: 8px 0; */
    border: none;
    border-radius: 4px;
    cursor: pointer;
    text-shadow: 1px 1px rgba(0, 0, 0, .1);
	font-size: 24px;
    }
	
.newsletter_signup_submit_virk { 
	grid-column: 8/14; 
	grid-row: 6/7;
	width: 100%;
    /* max-width: 120px; */
    background-color: #00abe4 !important;
    color: white;
    padding-bottom: 10px;
    padding-top: 10px;
    /* margin: 8px 0; */
    border: none;
    border-radius: 4px;
    cursor: pointer;
    text-shadow: 1px 1px rgba(0, 0, 0, .1);
	font-size: 24px;
    }
	
.newsletter_signup_submit:hover
{
	background-color: #203354 !important;		
	color: #fff;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

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


/*	
  scroll: center center;
 background-size: cover; 

	background-size: 100% auto;
	/* background-size: 500px auto; 

  background-position: center;
  background-repeat: no-repeat;
	*/
	}	


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



.facebook_text {
	grid-column: 4/24;
    grid-row: 37;
    text-align: center;
    font-size: 28px;
	background-color:#fff;
    color: #3b5998;
	margin: 20px 40px 20px 40px;	
    }


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

	}	

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

	}	

h1.orange_title_virk {	
    grid-column: 3 / 8;
    grid-row: 2 / 3;
    text-align: center;
    font-size: 68px;
    color: #fff;
    text-shadow: 2px 2px 4px black;
    font-family: DM Serif Display, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

	


/*Rammer i orange*/
.frame_mandskab{
	grid-column: 2/5;
	grid-row: 2/13;
    }

.frame_enterprise{
	grid-column: 6/9;
	grid-row: 2/13;
    }

/*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: 3/4;
	grid-row: 3/4;
	text-align: center;
	font-size: 22px;
    }

.orange_content_overskrift2{
	grid-column: 7/8;
	grid-row: 3/4;
	text-align: center;
	font-size: 22px;
    }

/*Knapper i orange*/

a.orange_knap_1{
	grid-column: 11/17;
	grid-row: 6/9;
	}
	
a.orange_knap_2{	
	grid-column: 3/4;
	grid-row: 5/6;
	}

a.orange_knap_3
{	
	grid-column: 7/8;
	grid-row: 5/6;
	}
	
a.orange_knap_2_virk {	
    grid-column: 4 / 5;
    grid-row: 3 / 4;
    display: flex;
    align-items: center;
    justify-content: center; /* Center horizontally as well, if needed */
}

a.orange_knap_3_virk {	
    grid-column: 6 / 7;
    grid-row: 3 / 4;
    display: flex;
    align-items: center;
    justify-content: center; /* Center horizontally as well, if needed */
}
	
	
a.orange_knap_4
{	
	grid-column: 7/8;
	grid-row: 8/9;
	}

a.orange_knap
{
	background: #20335430; 
	/* background-color: transparent; */
	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;
	max-width: 380px;
}	
	
a.orange_knap_virk
{
	background: #20335430; 
	/* background-color: transparent; */
	border-radius: 2px;	
	border: 2px solid #5885af;
	text-align:center;
	color:#fff;
	font-size:24px;
	text-align:center;
	text-shadow: none;
	max-width: 250px;
	transition: color 0.2s ease;
}	
	
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);
}	

a.orange_knap_virk:hover
{
	background-color: #fff;
	border: 2px solid #fff;
	color: #203354;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}	


a.hvid_knap_1{
	grid-column:11/17;
	grid-row: 11/14;
	display: none;

		}

a.hvid_knap_2{
	grid-column: 11/17;
	grid-row: 8/11;
	
	}

a.hvid_knap_3{
	grid-column: 13/18;
	grid-row: 8/11;
		display:none;
	}
	
a.hvid_knap_4{
	grid-column: 19/24;
	grid-row: 8/11;
		display:none;
	}
	
a.hvid_knap_5{
	grid-column: 25/30;
	grid-row: 8/11;
		display:none;
	}

a.hvid_knap_6{
	grid-column: 4/9;
	grid-row: 9/13;
	display:none;
	}

a.hvid_knap_7{
	grid-column: 10/15;
	grid-row: 9/13;
		display:none;
	}
	
a.hvid_knap_8{
	grid-column: 16/21;
	grid-row: 9/13;
		display:none;
	}

a.hvid_knap_9{
	grid-column: 22/27;
	grid-row: 9/13;
		display:none;
	}
	
a.hvid_knap_10{
	grid-column: 27/32;
	grid-row: 9/13;
		display:none;
	}

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;
	padding-top: 10px;
	}	

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);
}	

	






	
/* 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
{
	display: grid;
	align-items: flex-center;
	grid-gap: 0px;
	grid-template-columns: 20px auto repeat(16, minmax(35px, 70px)) auto 20px;
	grid-template-rows: 30px auto 20px auto 30px auto 30px;
}



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

.job_dropdown_category
{
	grid-column:4/8;
	grid-row: 4/5;
}

.job_dropdown_category_virk
{
	grid-column:9/13;
	grid-row: 2/3;
}

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

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

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

		
.online_dropdown_forside
{
	grid-column:14/18;
	grid-row: 4/5;
}

.online_dropdown_forside_virk
{
	grid-column:14/18;
	grid-row: 2/3;
}

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

.search_job_forside
{
	grid-column: 9/13;
	grid-row: 6/7;
	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;
	}	



.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);
}

.search_job_forside_virk: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);
}

/* Forsidebillede */




a.asian_chick1 {
	grid-column: 2/3;
	grid-row: 3/8;
	display: block;
	text-align:right;
	margin-top:14px;
}

img.asian_chick1 {
  width: 200px;
  height: 300px;
  object-fit: cover;
}



h1.forside1
{
	grid-column: 4/24;
	grid-row: 2/3;
	color:#fff;
	font-size:30px;
	font-weight:500;
	padding:20px;
	text-align:center;
	}

h2.forside2
{
	grid-column: 4/24;
	grid-row: 11/12;
	color:#111;
	font-size:24px;
	font-weight:500;
	padding:0px;
	}

.forside_picbanner
{
	grid-column: 1/27;
	grid-row: 24/27;
	color:#111;
	height: 220px;
	
	background-repeat: repeat;
	background-color: #606060;
    background-position:center;
	}

h2.forside_picbanner_overskrift
{
	grid-column: 4/24;
	grid-row: 41;
	text-align: center;
	text-shadow: #000 3px 0 8px;
	font-size:30px;
	color:#fff;
	padding:20px;
	}	
	
.forside_picbanner_text
{
	grid-column: 5/23;
	grid-row: 42/43;
	text-align: center;
	text-shadow: #000 3px 0 8px;
	font-size:25px;
	color:#fff;
	padding: 0px 20px 20px 20px;
	}

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

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

.forsidesgfag2
{
	grid-column: 10/16;
	grid-row: 5/6;
    }
	
.forsidesgfag3
{
	grid-column: 16/22;
	grid-row: 5/6;
    }
	
.forsidesgfag4
{
	grid-column: 4/10;
	grid-row: 6/7;
    }

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

.forsidesgregion3
	{
	grid-column: 16/22;
	grid-row: 10/11;
    }	

.forsidesgregion4
	{
	grid-column: 4/10;
	grid-row: 11/12;
    }

.forsidesgregion5
	{
	grid-column: 10/16;
	grid-row: 11/12;
    }	
	
	
.forsidesgknap
	{
	grid-column: 8/14;
	grid-row: 14/16;
	margin: 20px 0px 20px 0px;
    }


.artikeloverskrift1
	{
	grid-column: 4/12;
    grid-row: 18/19;
	}

.artikelfrise1
	{}

.artikel1
	{
	grid-column: 4/12;
    grid-row: 20/21;
	}