/* Mobil */
.onlylaptop
{
 	display:none;
}

.onlyphone      
{
	grid-column: 1/23;
	grid-row: 1/5;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000;
    display: grid;
    grid-template-columns: 10px repeat(20, auto) 10px;
    grid-template-rows: 25px repeat(3, auto) 25px;
    background-color: white;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
    
    /* Automatically update CSS variable */
    height: auto;
    min-height: 50px; /* Fallback */
		
}

body::before {
    content: "";
    display: block;
    height: var(--top-menu-height, 50px); /* Default height */
}



a.topmenu_forsidelinklogo {
	grid-column: 2/4;
	grid-row: 2/4;
	display: block;
    margin-left: auto;
    margin-right: auto;
}


a.topmenu_forsidelink {
	grid-column: 3/20;
	grid-row: 2/4;
	display: block;
	text-decoration:none;
	font-size: 24px;
	font-weight: 650;
	margin-left: 19px;
	margin-top: 2px;
}





/*Hamburger*/
.burger {
	grid-column: 20/22;
	grid-row: 2/4;
	cursor: pointer;
}

.bar1, .bar2, .bar3 {
  height: 5px;
  width: 35px;
  background-color: #333;
  margin: 6px 0;
  transition: 0.6s;
}

.change .bar1 {
  -webkit-transform: rotate(-45deg) translate(-8px, 7px);
  transform: rotate(-45deg) translate(-8px, 7px);
}

.change .bar2 {opacity: 0;}

.change .bar3 {
  -webkit-transform: rotate(45deg) translate(-8px, -8px);
  transform: rotate(45deg) translate(-8px, -8px);
}

/*Dropdownmenu*/

.mobildropdown {
	grid-column: 1/22;
	grid-row: 5;
	cursor: pointer;
	background-color: #fff;
	padding-top: 15px;	
	top: 0;
    left: 0;
    width: 100vw; /* Full viewport width */
    height: 100vh; /* Full viewport height */
    overflow-y: auto; /* Allow scrolling if content overflows */
    transition: height 0.5s ease; /* Smooth transition */
    z-index: 1000; /* Ensure the dropdown is above other content */
    display: flex; /* Flexbox for content alignment */
    flex-direction: column; /* Align content vertically */
}

.mobillink {		
	color: #000;
	border-top: silver 1px solid;
      	}
		
		
.mobillinka {		
}		
		
a.mobillinka {		
    display: block;
    margin: 7px;
}


a:hover.mobillinka {
	background-color: yellow;
}

.mobil_globe {
	grid-column: 2/22;
	grid-row: 5;
	cursor: pointer;
	background-color: #fff;
	padding-top: 15px;
}

.mobil_globe_image {
	grid-column: 2/22;
	grid-row: 5;
	cursor: pointer;
	background-color: #fff;
	padding-top: 15px;

	width: 50px;
	height: 50px;
}