.footertop {
	margin:auto;
	background:#111111;
	font-size:14px;
	color:white;
	text-align: center;
	padding:20px 0px;
}
.footertop p {
	margin:0px;
}
.footeruppdelad {
	margin: auto;
	background: #111111;
	font-size: 14px;
	padding: 35px 0px;
}
ul {
	list-style-type: none;
	/* Tar bort punkter */
	margin-block-start: 1em;
	margin-block-end: 1em;
	margin-inline-start: 0px;
	/* Tar bort marginal till vänster */
	margin-inline-end: 0px;
	padding-inline-start: 0px;
	/* Tar bort padding till vänster */
}
.footeruppdelad p {
	margin: 0px;
}
.footerkolumn {
	display: flex;
	flex-wrap: wrap;
	/* Tillåter kolumnerna att flyta över på nästa rad */
	/*justify-content: flex-start;/*
	/* Startar från vänsterkanten */
	justify-content: center;
}
.kolumn {
	flex: 1;
	/* Alla kolumner får samma bredd */
}
.kolumn-stor {
	flex: 2;
	/* Den första kolumnen blir dubbelt så bred som de andra */
}
.kolumn h3 {
	margin-top: 0px;
	margin-bottom: 6px;
	/* Mellanrum mellan rubriken och innehållet */
}
.kolumn ul {
	margin: 0px;
	list-style-type: none;
	/* Tar bort listmarkeringar */
	padding: 0;
	/* Tar bort standardpadding för listor */
}
.kolumn ul li {
	margin-bottom: 5px;
	/* Lägger till lite mellanrum mellan länkarna */
}
/* Responsiv design för mobila enheter */
@media screen and (max-width: 768px) {
	.footerkolumn {
		flex-direction: row;
		/* Kolumnerna visas i en rad */
		flex-wrap: wrap;
		/* Tillåter radbrytning */
	}
	.kolumn-stor {
		flex-basis: 100%;
		/* Den stora kolumnen tar upp hela bredden */
	}
	.footerkolumn .kolumn:not(.kolumn-stor) {
		flex-basis: 50%;
		/* Dessa kolumner tar upp halva bredden var */
		max-width: 50%;
		/* Sätter en maximal bredd för att undvika layoutproblem */
	}
	.lankarna {
		width:50%;
	}
	.helpen {
		margin-left:8%;
		width:42%;
	}
	.denstora {
		margin-bottom:30px;
	}
}
@media screen and (min-width: 769px) {
	.denstora {
		margin-right:8%;
		max-width:42%;
	}
	.lankarna {
		margin-right:13%;
	}
}
.lankarna h3 {
	margin:0px;
	margin-bottom:10px;
}
.lankarna ul {
	margin:0px;
}
.helpen h3 {
	margin:0px;
	margin-bottom:10px;
}
.helpen ul {
	margin:0px;
}
.footeruppdelad a {
	text-decoration: none;
	/* Tar bort understrykning */
	color:#ffffffb8;
	/* Mörkgrå färg, ändra efter önskemål */
	transition: color 0.3s ease;
	/* Smidig färgövergång */
}
.footeruppdelad a:hover {
	text-decoration: underline;
	/* Understrykning vid hover */
}
.footeruppdelad ul li {
	padding: 5px 0;
	/* Lite vertikalt utrymme för varje element */
}
.custom-dropdown {
	display: inline-block;
	cursor: pointer;
}
.dropdown-selected {
	padding: 0px;
	margin-bottom:13px;
	background-color: white;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.flag-icon {
	background-size: cover;
	width: 30px;
	height: 20px;
	margin-right: 6px;
}
.arrow-down {
	border: solid black;
	border-width: 0 2px 2px 0;
	display: inline-block;
	padding: 3px;
	transform: rotate(45deg);
	transition: transform 0.3s ease-in-out;
	margin-left: 10px;
}
.dropdown-content {
	display: none;
	border:1px solid gray;
	position: absolute;
	background-color: white;
	min-width: 105px;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	z-index: 1;
}
.dropdown-content .dropdown-item {
	padding: 12px 16px;
	text-decoration: none;
	display: block;
	border-bottom: 1px solid #eee;
}
.dropdown-content .dropdown-item:hover {
	background-color: #f1f1f1;
}
.social-icons {
	display: flex;
	gap: 10px;
}
.social-icons a {
	overflow: hidden;
	display: inline-block;
}
.social-icons img {
	height: 25px;
	width: 30px;
}
@media screen and (min-width: 769px) {
.midfooterlogo {
	margin-left: 3%;
	margin-right: 3%;
}
}

@media screen and (max-width: 769px) {
.midfooterlogo {
	margin-left: 25px;
	margin-right: 25px;
}

.sistafooter {
font-size:11px;
}
}