.white-puff-outer-container {
	margin-bottom: 10px !important;
}

@supports (-webkit-touch-callout: none) {
	/* CSS specific to iOS devices */
	.white-puff-outer-container {
		margin-bottom: 30px !important;
	}
}

.white-puff-outer-container a b {
	display: none;
}

.white-puff-outer-container a:focus {	
	width: 100%;
	height: 100%;
	display: inline-block;
}

/* .white-puff-outer-container {
	border: 1px solid red;
}

.white-puff {
	border: 1px solid blue;
}

.text-panel {
	border: 1px solid green;
}

.header {
	border: 1px solid orange;
}

.preamble {
	border: 1px solid purple;
	background-color: salmon;
} */

.white-puff {
	font-family: Roboto, Helvetica, sans-serif;
	text-align: left;
	float: left;
	background-color: #ffffff;
	color: #000;
	padding-top: 1.6em;
	padding-left: 2em;
	padding-bottom: 1em;
	padding-right: 2em;	
	box-sizing: border-box;
	width: 100%;
	min-height: 200px;
}

.white-puff::after {
	content: url(/images/18.61963f91177b0111e0d8ef/1618405392587/pil_landningssida.svg);
	display: block;
	position: relative;
	width: 100%;
	text-align: center;
	top: 40px;
}

.white-puff a {
	text-decoration: none;
}

.white-puff-outer-container a:focus {	
	width: 100%;
	height: 100%;
	display: inline-block;
}

.white-puff:hover .header,
.white-puff:hover .preamble {
	text-decoration: underline;
}

.white-puff .header {	
	font-size: 1.5em;  
	font-weight: bold;  
	font-stretch: condensed;  
	font-style: normal;  
	line-height: 1.21;  
	letter-spacing: -0.62px;
}

.white-puff .preamble {
	min-height: 109px;
	font-size: 16px;  
	font-weight: normal;  
	font-stretch: normal;  
	font-style: normal;  
	line-height: 1.5;
	letter-spacing: normal;
	margin-bottom: -2em;	
}

.pagecontent .puffar .sv-column-4 {
	float: left !important;
}

@media all and (max-width: 1276px) {

	.white-puff .header {
		font-size: 1.4em;
	}

	.white-puff .preamble {
		min-height: 134px;
	}
}

@media all and (max-width: 1140px) {
	.white-puff .header {
		font-size: 1.3em;
	}
}

@media all and (max-width: 1090px) {
	.pagecontent .sv-vertical.sv-layout .sv-fixed-fluid-grid.sv-grid-grid-1260px.sv-layout.sv-skip-spacer .sv-row.sv-layout.sv-skip-spacer {
		margin-top: 0;
		margin-bottom: 0;
	}

	.pagecontent .sv-vertical.sv-layout .sv-fixed-fluid-grid.sv-grid-grid-1260px.sv-layout.sv-skip-spacer .sv-row.sv-layout {
		margin-top: -1.3em;
		margin-bottom: 0;
	}

	.white-puff {
		display: flex;
		padding: 2em;
		margin-left: 0;
		width: 96%;
		margin-bottom:20px;
		min-height: max-content;
		max-height: 80px;
	}

	.white-puff .text-panel {
		width: 100%;
		height: 100%;
	}

	.white-puff .header {
		font-size: 1.5em;
		width: 100%;
		height: 100%;
	}

	.white-puff .preamble {
		display: none;
	}

	.white-puff::after {
		text-align: right;
		top: -10px;
		right: -50px;
	}

	.pagecontent .puffar .sv-column-4 {	
		width: 100% !important;
		max-height: 5em;
	}
}

@media all and (max-width: 700px) {
	.white-puff {
		min-height: none;
	}
}