
#customheadercontainer{
	/*padding: 0px;*/
}

.custom-header-wrapper{
	display: flex;
    flex-direction: row;
    justify-content: center;
    position: relative;
    min-height: 95px;
    overflow: hidden;
    padding: 1vw 2.5vw;
}

/*Huvudinställning custom-header*/
.custom-header{
	/*Ifall man vill att menyn alltid skall vara synlig*/
	/*width: 100%;position: fixed;top: 0;z-index: 99;*/	
	position: fixed;
  	top: 0;
  	left: 0;
  	width: 100%;
  	z-index: 100;               /* över video + övrigt innehåll */
  	transition: all .35s ease;  /* behåll din scroll-animation */
  	background: transparent;/* R */
  	max-height: 160px; /* R */
  	transition: background-color .35s ease, max-height .35s ease; /* R */
}

.custom-header.scrolled{
  background: rgba(0,0,0,1);
}

/*******************************/

.custom-meny-wrapper,
#topmenykontakt {
  transition: transform .35s ease, opacity .35s ease;
  transform: translateY(0);
  opacity: 1;
}

/* När de flyttats in i headern */
.header-packed .custom-meny-wrapper,
.header-packed #topmenykontakt {
  /* valfri slide-in / fade-in */
  transform: translateY(-10px);
  opacity: 1;
  transition: transform .35s ease, opacity .35s ease;

}

/* När de flyttats ut igen (scroll upp), tonas in på sin ursprungsplats */
.header-unpacked .custom-meny-wrapper,
.header-unpacked #topmenykontakt {
  transform: translateY(0);
  opacity: 1;
}

/*******************************/

/*Inställning navbar-toggle*/
.navbar-toggle {
	background-color: black;
	margin: 10px 0px 0px 0px;
}

/*Inställning icon-bar*/
.navbar-toggle .icon-bar {
	background-color: white;
}

/*Inställning header tag*/
header{
    position: relative;
}

/*Inställning navbar*/
.navbar {
	border: none;
	margin-bottom: 0px;
}

/*Huvudmeny container*/
.main-container-navbar{
	position: relative;
	z-index: 40;
}

/*container som innehåller logo*/
.custom-logo-wrapper {
    max-width: 250px;
}

/*container som innehåller menyknappar*/
.custom-meny{
	margin: 16.5px -79px 7px -14px;
}

/*Dropdown meny*/
.dropdown-menu {
    height: fit-content;
    background-color: #141414;
}

/*Menyknapp*/
.custom-meny-btn {
    background-color: transparent;
}


/*Menyknapp hover*/
.custom-meny-btn:hover{
	
}

.custom-meny-wrapper {
    width: 100%;
    padding: 0 2.5vw;
}


/*Dropdown menyknapp*/
.custom-meny-dropdown-btn{
	text-decoration: none;
	display: block;
	padding: 4px 10px 4px 10px;
	color: #cccccc;
	font-size: 15px;
	font-family: Montserrat-Regular;
}

/*Dropdown menyknapp hover*/
.custom-meny-dropdown-btn:hover{
	text-decoration: none;
	background-color: #eeeeee3d;
    color: #fff;
}

/*Länkar*/
.custom-meny-url{
    text-decoration: none;
    color: #fff;
    font-size: 16px;
    font-weight:600;
    background-color: inherit !important;
	letter-spacing: -.04em;        
}

.custom-meny-url:hover,.custom-meny-url:focus, .custom-meny-url .open{
	background-color: #eeeeee3d!important;
    color: #fff;
}


.fa-angle-down{
	padding-left: 4px;	
}

#topmenykontakt{
    display: inline-block;
    padding-top: 15px;
    float: right;
}
	
.top-meny-kontakt-wrapper{
    width: 200px;
    float: right;
    display: flex;
    flex-direction: row;
    gap: 20px;
    align-items: anchor-center;
}

.top-meny-kontakt-ico{
	height:36px;
	width:36px;
}

.top-meny-kontakt-titel{
	font-size:14px;
	font-weight:500;
	color: #fff;
	text-decoration:none;
}




.top-meny-kontakt-txt{
	display:inline-block;
	width: 100%;
	font-size: 15px;
    padding-top: 8px;
    color: #666;
	font-family: Montserrat-Regular;
}

.dropdown-menu {
    min-width: 190px;
}

#tjanster_submeny {
	display: flex;
    position: absolute;
    width: 100%;
    z-index: 999;
    background-color: #141414;
	margin-top: -6px;
	padding:15px;
}

.submeny_titel{
	color:white;
	padding-left: 10px;
	font-size: 16px;
}
.col{
    margin-right: 4%;
}

.top-meny-titel, .top-meny-content{
	font-size: 14px;
}

.topinfo:hover .top-meny-titel {
   display:none;
}
.topinfo:hover .top-meny-content {
   display: inline-block!important;;
}

.custom-meny-logo-mini{
    position: relative;
    max-height: 50px;
}


@media (min-width:641px){
	.mobile{
		display:none!important;
	}

}

/*Inställning för mobil*/
@media (max-width: 767px){
	
	.custom-meny-dropdown-btn {
		padding-left: 25px;
	}
	
	.desktop{
		display:none!important;
	}
	
	.navbar {
		float: none;
		width: 100%;
	}

	.navbar-collapse {
		clear: both;
		margin-left: -15px;
		margin-right: -15px;
	    box-shadow: none;
	}
	
	.custom-header-wrapper{
		padding: 0px;
	}

	.custom-meny-btn{
		background-color: white;
		border-bottom: 1px solid black;
	}
	
	#topmenykontakt{
		display:none;
	}
	
	.topmenykontakt{
		display:none;
	}
	
	.custom-logo-wrapper {
        max-width: 250px;
        padding-left: 0;
        padding-top: 10px;
	}

	header {
    	min-height: 86px;
	}
	
	.custom-meny-btn {
    	background-color: inherit;
		border-bottom: 1px solid #1f1f1f;
	}
	
	.custom-meny-wrapper {
		padding:0px;
	}
	
	.start-rubrik {
    	padding-top: 20px;
    	font-size: 25px;
	}
	
	.navbar-toggle {
    	background-color: #2c333c;
    	margin: 5px 0px 5px 0px;
	}
	
	.navbar-toggle .icon-bar {
    	background-color: #ffffff;
	}
	
	.custom-meny-url {
    	font-size: 14px;
	}
	
	.custom-meny-logo-mini {
	    left: 0;
		padding: 5px;
	}
	
	.meny-kat-rubrik{
    	color: white;
    	color: white;
    	padding: 24px;
    	background-color: #414141e6;
	}	

}
