body {
	

	margin:0px;
	padding:0px;

	font-family: "Poppins", sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size:11pt;
	
	
	
	
}
a {text-decoration:none;color:black;}
h1, h2, h3, h4, h5 { margin:0px;}
h1 {
    font-family: "Poppins", sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size:32pt;
}
h2 {
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    font-style: normal;
    font-size:15pt;
}
h3 {
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    font-style: italic;
    font-size:11pt;

}

button, .btn {
    background:none;
    border:0px;
    cursor:pointer;
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size:12pt;
    border-radius:4px;
    padding:6px 8px;
}

.sm { font-size:10pt; padding:4px 6px; }
.lg { font-size:14pt; padding:4px 10px; }

.default {    background-color:#ffffff; color:black; }
.default:hover {    background-color:#f2f2f2; color:black; }

.green {   background-color:#30443b; color:white; }
.green:hover { background-color:#24322c;}

.carrot {     background-color:#f59d3b; color:black; }
.carrot:hover {     background-color:#d98627;  }

.raisin {     background-color:#282828; color:white; }
.raisin:hover {     background-color:#1c1c1c;  }

.sunset {     background-color:#fdce88; color:black; }
.sunset:hover {     background-color:#e6b86d;  }

.block { display:block;width:100%;}

a.raisin:hover {color : white}
a.carrot:hover {color:black}


@media (max-width:767px){
	h1 {font-size:22pt}
	
}

.list-group {
    padding:0px;
    margin:0px;
}
.list-group-item {
    background-color:white;
    display:block;
    text-decoration:none;
    color:black;
    border-bottom:1px gray solid;
    border-left:1px gray solid;
    border-right:1px gray solid;
    padding:8px 12px;
}

.list-group-item.active {
    background-color:#30443b; color:white;
}
.list-group-item.active:hover {
    background-color:#30443b;
}
.list-group-item:hover {
    background-color:#f2f2f2;
    
}
.list-group-item:first-child {
    border-top-left-radius:10px;
    border-top-right-radius:10px;
    border-top:1px gray solid;
}
.list-group-item:last-child {
    border-bottom-left-radius:10px;
    border-bottom-right-radius:10px;
}

.subheader {
    
   background-color:#fdce88;
    
}

.subhead {
    display:flex;
    gap:0px;
    
}

.subhead a {
    padding:10px 14px;
    text-decoration : none;
    color:black;
}

.subhead a:hover {
    background-color:#f7ece1;
}
.subhead a.active {
    background-color:#fff;
    
}

.mb10 { margin-bottom : 10px; }
.mb20 { margin-bottom : 20px; }
.mt10 { margin-top : 10px; }
.mt20 { margin-top : 20px; }


.well {
    background-color:#f7ece1;
    border-radius:10px;
   
    padding:15px 20px;
    margin-bottom:20px;
	width:100%;
}

.well.carrot { background-color:#f59d3b; }
.well.sunset { background-color:#fdce88; }
.well.raisin { background-color:#282828; color:white; }
.well.green {background-color:#30443b; color:white; }



.top {
	background-color:#3a5348;
	position:fixed;
	top:0;
	z-index:1000;
	width:100%;
	
}
.topcontent {
	padding:20px;
	display:flex;
	position: relative;
	 justify-content: center;  /* centrerar innehåll horisontellt */
  align-items: center;      /* centrerar innehåll vertikalt */
}

.top .logo img {
	
	height:50px;
	display:block;
}

#mainmenubtn {
	color:white;
	
	margin:0px;
	border:2px #fff solid;
	
	position: absolute;
	left:20px;
	top:20px;
	
}

#mainmenubtn:hover {
	background-color:#30433b;
}

#mainmenu {
	
	background-color:#3a5348;
	top:0;
	height:100%;
	min-width:300px;
	max-width:300px;
	position:fixed;
	z-index:1001;
	border-right:2px #fff solid;
	display:none;
}

#mainmenuclosebtn {
	float:right;
	color:white;
	padding:15px;
	font-size:18px;
}

#mainmenu .hr {
	margin-top:30px;
	margin-bottom:30px;
	background-color:orange;
	height:2px;
	
}

#mainmenu .footer {
	margin-left:20px;
	color:White;
	font-size:16px;
}

.mainmenulogo {display:none;}

#main {margin-top:110px; }
@media (min-width:768px) {
	
	.topcontent {
		justify-content : normal;
		max-width:1100px;
		margin:auto;
	}
	
	#mainmenubtn {
		display:none;
		
	}
	#mainmenuclosebtn {display:none;}
	
	
	#mainmenu {
		display:block;
		
	}
	#main {
		margin-left:320px;
		margin-top:20px;
		
		
	}
	
	.mainmenulogo {display:block;}
	
	.top {display:none}
	
		
	
	
}

.mainmenuitems {
	
	margin-top:60px;
	display:block;
}
.mainmenuitems a {
	
	display:block;
	color:white;
	padding:12px 20px;
	text-decoration:none;
	font-size:16px;
}

.mainmenuitems a:hover {
	
	color:#f59d3b;
}

.mainmenulogo { margin-top:40px; text-align:center}

.mainmenulogo img { width:200px; }

.footer .call {
	margin-top:20px;
	margin-right:20px;
}
.footer .call a {
	display:block;
	text-align:center;
}

.footer a.mail {color:white;}

.socials { margin-top:20px;display:flex;gap:15px;color:White;}

.socials a {color:White}

.highlight {
	
	text-decoration:underline;
	font-weight:bold;
}