@charset "utf-8";
/* CSS Document */

/* HTML 5-fix för äldre webbläsare */

header, nav, article, aside, section, footer {
	display: block;
}

div {
	box-sizing: border-box;
}

/* Globala block */
body {
	margin: 0 auto;
	background: url(/bilder/bakgrund_marmor2.jpg) #f7f7f7;
	color: #282828;
	font-family: 'Comfortaa', 'Noto Sans', Verdana, Arial, Helvetica, sans-serif;
	font-weight: 600;
	font-size: 0.9em;
}

#wrapper, #header_wrap, #container, #footer_wrap, #start_sok_wrap, #start_slider, #start_tips_wrap, #recept_huvud, #veckomeny_huvud_wrap, .start_puffwrap, .start_wrap, #start_topprecept {
	max-width: 1480px;
	min-width: 240px;
	margin: 0 auto;
	padding: 0 10px;
}

#container {
	padding: 0 10px;
	margin: 0 auto;
}

#main {
	float: left;
	width: 77%;
	margin: 10px 0 10px 0;
	padding: 10px 10px 10px 0;
	box-sizing: border-box;
}

#right {
	float: right;
	width: 22.5%;
	margin: 10px 0 10px 0;
	padding: 10px 0 10px 10px;
	box-sizing: border-box;
}



.sida_startsida #main {
	float: none;
	width: 100%;
}

.sida_startsida #right {
	display: none;
	float: none;
	width: 0;
}

/* Header */
#header {
	width: 100%;
	box-shadow: 0 1px 1px 0 rgba(0,0,0,0.3);
	/*background-image: url(/bilder/bakgrund_marmor2.jpg);
	background-color: rgba(255,255,255,0.4);
	border-bottom: 2px solid #ccc;*/
	background: #d27777;
	color: #fff;
	background-image: none;
	border-bottom: none;
	position: fixed;
	top: 0;
	z-index: 100000;
}

#header_wrap {
	padding: 0 10px 0 0;
}

#header_logo {
	float: left;
	max-width: 55%;
	height: 46px;
	padding: 10px 10px 6px 10px;
	box-sizing: border-box;
	opacity: 1;
	background: #fff;
}
#header_logo:hover img {
	opacity: 0.6;
}

#menu {
	float: left;
	max-width: 40%;
	margin: 9px 0.5% 0 1%;
	padding: 6px 0;
}

#menu_button, .photo, .osynlig {
	display: none;
}

#menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#menu li {
	display: inline;
	margin: 0;
	padding: 0;
}

#menu a {
	margin: 6px 5px;
	/*color: #fff*/
}

#menu a, #menu a:link, a:visited {
	text-decoration: none;
	color: #fff;
	font-weight: 600;
	font-size: 1.1em;
}

#menu a:hover, #menu a:active {
	color: #ffe88f;
}

#menu_sok { 
	display: none!important;
	text-align: center;
	margin-bottom: 3px!important;
}

.aktiv {
	color: #ffe88f !important;
}
#menu a.aktiv:hover {
	color: #ffdf65!important;
}

#header_sok {
	position: relative;
	float: right;
	width: 38%;
	margin: 7px 10px 5px 0;
}

#header_sokruta, #menu_sokruta {
	float: right;
	width: 100%;
	height: 22px;
	margin: 0;
	padding: 5px 2%;
	border: none;
	border-radius: 50px;
}

#header_sok .sokknapp, #menu_sok .sokknapp {
	position: absolute;
	right: 0;
	float: right;
	margin-left: 5px;
	background: #3d7cbb;
}

#temavaljare {
	float: right;
	margin: 8px 0 0 0;
	font-size: 28px;
	cursor: pointer;
}

#header_clear {
	margin-top: 46px;
}


/* Footer */
#footer {
	margin: 0 auto;
	padding: 10px;
	background: #6b527d;
	border-top: 4px solid #57376e;
	color: #fff;
}

#footer_left, #footer_middle, #footer_right {
	width: 31.33%;
	padding: 0 1%;
}

#footer_left, #footer_middle {
	float: left;
}

#footer_right {
	float: right;
}

#footer h3 {
	font-size: 1.3em;
}

#footer p {
	font-size: 0.9em;
}

#footer .fjardedel {
	float: left;
	width: 24%;
	text-align: center;
}

#footer .veg_info {
	position: relative;
	margin: 0 auto;
	top: auto;
	left: auto;
}

#footer a {
	color:#ecda86;
}

#social #instagram_icon, #social #facebook_icon, #social #twitter_icon, #social #mastodon_icon {
	margin: 0 10px 0 0;
}



/* Höger sidebar */
#right ul {
	list-style: none;
	margin: 0 5px;
	padding: 0;
}

#right li {
	margin: 0;
	padding: 5px;
	border-bottom: 1px dotted #ccc;
}
#right li:nth-of-type(odd) {
	/*background: #f7f7f7;*/
}

#senast_visade, #right #populara_recept {
	margin-bottom: 10px;
	padding: 10px 5px;
	background: #fff;
}

.annons_sidebar {
	margin: 10px 0;
	text-align: center;
}

.recept_sidebar .annons_sidebar {
	display: none;
}

/* Höger sidebar på en receptsida */
#right.recept_sidebar {
	float: none;
	width: auto;
}

.recept_sidebar #sidebar_receptforslag {
	display: flex;
	justify-content: space-between;
}

.recept_sidebar .receptruta, .recept_sidebar .receptruta_hoger {
	width: 24%;
	max-width: 100%;
}

.recept_sidebar #senast_visade, .recept_sidebar #populara_recept {
	float: left;
	width: 48%;
	margin: 10px 1%;
}


/* Receptrutor */
.receptruta, .receptruta_hoger {
	/*max-width: 440px;*/
	margin: 0 0 10px 0;
	text-align: center;
	background: #fff;
	z-index: 1000;
}

.receptruta a, .receptruta_hoger a, .menyruta a {
	color: #282828!important;
}

.receptruta_bild {
	position: relative;
	aspect-ratio: 352/181;
}

.receptruta_bild img {
	width: 100%;
}

.receptruta img, .receptruta_hoger img, .menyruta img {
	display: block;
}

.receptruta_wrap, .menyruta_wrap {
	padding: 10px;
}

.receptruta_wrap img, .menyruta_wrap img {
	display: inline;
}

.receptruta_wrap h4, .menyruta_wrap h4  {
	margin: 0;
	font-size: 1.1rem;
	line-height: 1.1em;
	height: 2.2em;
	overflow: hidden;
}

.receptruta .tillagningstid {
	float: left;
}

.receptruta .receptbetyg {
	float: right;
	color: #4d9b57;
	opacity: 1;
}

.receptruta p, .receptruta_hoger p, .menyruta p {
	margin: 5px 0 0 0;
}

.tillagningstid {
	font-size: 0.7rem!important;
	text-transform: uppercase;
	text-align: left;
}

.recept_intro {
	position: absolute;
	z-index: 1500;
	top: 25%;
	width: 96%;
	margin: 0;
	padding: 2px 2%;
	opacity: 0;
	-webkit-transition: opacity 0.3; /* For Safari 3.1 to 6.0 */
	transition: opacity 0.2s;
	font-size: 1.4em;
	color: #282828!important;
	text-align: center;
	overflow: hidden;
	text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff
}

#right .recept_intro {
	opacity: 1;
	word-break: keep-all;
	top: 50%;
	transform: translateY(-50%);
}

#right .recept_intro h4 {
	/*line-height: 128%;*/
	line-height: 158%;
	padding: 3px;
}

#right .recept_intro h4 a {
	padding: 5px 10px;
	/*border-radius: 30px;*/
	border-radius: 0px;
}

.textbakgrund {
	background: rgba(255,255,255,0.6);
}

.receptruta:hover .recept_intro, .menyruta:hover {
	opacity: 1;
	-webkit-transition: opacity 0.3; /* For Safari 3.1 to 6.0 */
	transition: opacity 0.2s;
}

.receptruta_wrap p, .menyruta_wrap p {
	font-size: 1em;
	height: 17px;
}

.receptruta:hover .receptruta_bild img, .receptruta_hoger:hover .receptruta_bild img, .tredjedel:hover .tredjedel .receptbild, .fjardedel .receptbild, .menyruta:hover img, .bildruta:hover .veg_info img, .start_tips_bild img {
	opacity: 1;
}

.receptruta img, .receptruta_hoger img, .tredjedel img, .menyruta img, .bildruta img {
	opacity: 1;
	-webkit-transition: opacity 0.3; /* For Safari 3.1 to 6.0 */
	transition: opacity 0.2s;
	
}

.receptruta:hover .receptruta_bild img, .receptruta_hoger:hover .receptruta_bild img, .tredjedel:hover .receptbild, .menyruta:hover img, .bildruta:hover img, .start_tips_bild:hover img {
	opacity: 0.3;
	-webkit-transition: opacity 0.3; /* For Safari 3.1 to 6.0 */
	transition: opacity 0.2s;
}

#recept_resultat .receptruta:hover .receptruta_bild img {
	opacity: 0.2;
	-webkit-transition: opacity 0.3; /* For Safari 3.1 to 6.0 */
	transition: opacity 0.2s;
}

#right .receptruta, #right .receptruta_hoger {
	position: relative;
	background: transparent;
}

#right .receptruta img, #right .receptruta_hoger img {
	border-radius: 50%;
	opacity: 1;
	-webkit-transition: opacity 0.3; /* For Safari 3.1 to 6.0 */
	transition: opacity 0.2s;
	border: 4px solid #fff;
	box-sizing: border-box;
}

#right .receptruta:hover img, #right .receptruta_hoger:hover img {
	border-radius: 50%;
	opacity: 0.4;
	-webkit-transition: opacity 0.3; /* For Safari 3.1 to 6.0 */
	transition: opacity 0.2s;
}

.symbol_laktosfri, .symbol_glutenfri, .symbol_matlada {
	display: inline-block;
	width: 30px;
	height: 30px;
	margin: 0 5px;
	border-radius: 50%;
	overflow: hidden;
}
.symbol_laktosfri {
	background: #3d7cbb;
}
.symbol_glutenfri {
	background: #8f61b2;
}.symbol_matlada {
	background: #e6783d;
}

.symbol_laktosfri img, .symbol_glutenfri img, .symbol_matlada img {
	max-width: 100%;
	height: auto;
	opacity: 1;
}
.symbol_laktosfri img:hover, .symbol_glutenfri img:hover, .symbol_matlada img:hover {
	opacity: 0.6;
}


/* Veckomeny */
.menyruta {
	float: left;
	width: 47%;
	margin: 0 2.5% 10px 0.5%;
	box-sizing: border-box;
	text-align: center;
	/*background: #fff;*/
	z-index: 1000;
}

.menyruta h2 {
	font-weight: 500;
	font-size: 1.8em;
}

.menyruta .bildruta img {
	display: block;
	margin: 0 auto;
	width: 100%;
	/*max-width: 440px;*/
}

.menyruta_wrap img {
	width: auto;
}



/* Startsida */
#topprecept_wrapper {
	margin: 20px 0;
	padding: 10px 10px 0 10px;
	border-radius: 7px;
	overflow: hidden;
	background: #fff;
}

#topprecept_wrapper .receptsektion {
	float: right;
	width: 19%;
	position: relative;
	margin: 0 0 10px 0;
	border-radius: 7px;
	overflow: hidden!important;
}
#topprecept_wrapper #stor {
	float: left;
	width: 80%;
	margin: 0;
}

#topprecept_wrapper .receptsektion .receptsektion_text {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	padding: 10px;
	background: rgba(255, 255, 255, 0.8);
	font-size: 0.9rem;
}

#topprecept_wrapper .receptsektion .bildspel_startsida {
	display: block;
	width: 100%;
	opacity: 1;
	transition: opacity 0.2s;
}
#topprecept_wrapper .receptsektion:hover .bildspel_startsida {
	opacity: 0.6;
	transition: opacity 0.2s;
}

#topprecept_wrapper .receptsektion a {
	color: initial;
}

#topprecept_wrapper .receptsektion h3 {
	margin: 0 0 5px 0;
	font-size: 1rem;
}
#topprecept_wrapper #stor h3 {
	font-size: 1.4rem;
}

#topprecept_wrapper .receptsektion .receptsektion_infotext  {
	display: none;
}
#topprecept_wrapper #stor .receptsektion_infotext  {
	display: block;
}

#container.sida_startsida {
	max-width: 100%;
	padding: 0;
}

#start_slider .meta_tid i {
	font-size: 60px;
}

#start_sok, #recept_sok, #veckomeny_huvud {
	padding: 30px 0;
	background-image: url(/bilder/chili_beskuren.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
	background-color: #eee;
	text-align: center;
}

.start_wrap {
	margin: 25px auto 80px auto;
}
.start_wrap p {
	max-width: 980px;
	margin: 8px auto 4px auto;
}

#recept_sok {
	background-image: url(/bilder/italiensk_bakgrundsbild.jpg);
}

#veckomeny_huvud {
	background-image: url(/bilder/bakgrund_matsedel.jpg);
	min-height: 200px;
}

#start_sok.jul {
	background-image: url(/bilder/julbakgrund_start.jpg)!important;
}
#recept_sok.jul {
	background-image: url(/bilder/julbakgrund_sok.jpg)!important;
}
#veckomeny_huvud.jul {
	background-image: url(/bilder/julbakgrund_matsedel.jpg)!important;
}


#start_sok h2, #recept_sok h2, #veckomeny_huvud_wrap h1 {
	margin-bottom: 15px;
	color: #fff;
	text-shadow: 0px 0px 10px #000;
	font-weight: bold;
	font-size: 2.6em;
}

#veckomeny_huvud_wrap h1 {
	font-size: 2.5em;
}

#start_sokruta {
	width: 300px;
	height: 20px;
	padding: 6px 10px;
	border: 0;
	border-radius: 5px;
	border-radius: 25px;
	background: #fff;
}


#visa_filter {
	display: none;
	max-width: 760px;
	margin: 0 auto;
	cursor: pointer;
	color: #fff;
}

#sokfiltrering, #huvud_inforuta, #teman {
	display: block;
	max-width: 760px;
	background: #fff;
	margin: 10px auto 0 auto;
	padding: 10px;
	border-radius: 25px;
}

#sokfiltrering ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#sokfiltrering li ul {
	list-style: none;
	margin: 0 0 10px 0;
	padding: 0;
}

#sokfiltrering li li {
	margin: 0;
	padding: 0;
	display: inline;
	white-space: nowrap;
}

#sok_sortering li:last-child {
	float: right;
}

#sokfiltrering h4, #teman h4 {
	margin: 0 0 3px 0;
}

#filter_reset {
	margin: 0 0 10px 0;
	padding: 2px 5px;
}

#teman {
	padding-bottom: 0;
}

#teman .knapp {
	display: inline-block;
	margin: 0 2px 10px 2px;
}

#teman .knapp a {
	padding: 2px 9px;
	font-size: 0.95em;
}

.slider {
	margin: 10px 0 15px 0;
}

#start_tips {
	margin: 25px 0 80px 0;
	padding: 15px 20px 20px 20px;
	background: #bbaac7;
}

#start_tips_wrap {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	justify-content: center;
	align-content: center;
	gap: 0 15px;
}

.start_tips {
	/*float: left;
	width: 33%;*/
	box-sizing: border-box;
	background: #fff;
	/*margin: 0 0.5% 10px 0;*/
}

.start_tips.tips_3 {
	/*margin: 0 0 10px 0;*/
}

.start_tips a {
	color: #282828!important;
}

.start_tips_content {
	background: #fff;
}

.start_tips_text {
	padding: 5px 10px;
}

.start_tips_info {
	font-size: 1em;
	line-height: 1.3em;
	/*height: 3.9em;
	overflow: hidden;*/
}

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

.start_tips h3 {
	margin: 5px 0 0 0;
	line-height: 1.1em;
	/*height: 2.2em;
	overflow: hidden;*/
	text-align: center;
}

.tips_meta {
		text-align: center;
}

.start_puffwrap {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	justify-content: center;
	align-content: center;
	gap: 0 10px;
}

.start_puffwrap h3 {
	grid-column: span 4;
}

.start_puffar {
	margin: 25px 0 80px 0;
	padding: 15px 20px 20px 20px;
	background: #b2ceea;
	background: transparent!important;
}
.start_puffar.nummer_2 {
	background: #eec0c0;
}
.start_puffar.nummer_3 {
	background: #bcddaf;
}
.start_puffar.nummer_4 {
	background: #fac6aa;
}

.start_puffar.nummer_2 .infolank_knapp a {
	background: #4d9b57;
}
.start_puffar.nummer_3 .infolank_knapp a {
	background: #e6783d;
}
.start_puffar.nummer_4 .infolank_knapp a {
	background: #3d7cbb;
}
.start_puffar.populara .infolank_knapp a {
	background: #6c4eb0;
}

.start_puff {
	float: left;
	width: 33%;
	margin: 0 0.5% 10px 0;
}

.sista_puff {
	margin-right: 0;
}

.start_puff_bild{
	display: block;
	position: relative;
}

.start_puff .start_puff_bild p {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 4px;
	font-size: 1.2em;
	color: #fff;
	background: rgb(246, 142, 86);
	background: rgba(246, 142, 86, 0.8);
	/*filter:alpha(opacity=80);*/
	box-sizing: border-box;
}

.start_puff .start_puff_bild a {
	color: #fff!important;
}

.start_puff img {
	opacity: 1;
	-webkit-transition: opacity 0.3; /* For Safari 3.1 to 6.0 */
	transition: opacity 0.2s;
	display: block;
	width: 100%;
}

.start_puff img:hover {
	opacity: 0.6;
	-webkit-transition: opacity 0.3; /* For Safari 3.1 to 6.0 */
	transition: opacity 0.2s;
}

.start_puff p {
	margin: 2px 5px 5px 5px;
}

.start_puff a {
	color: #282828!important;
}

.start_puff ul {
	list-style: none;
	margin: 0;
	padding: 10px;
	background: #fff;
}

.start_puff li {
	margin: 0;
	padding: 5px;
}
.start_puff li:nth-of-type(odd) {
	background: #f7f7f7;
}

.start_puff li a {
	/*color: #2e5a9d!important;*/
}

.start_puffar h3, #start_tips h2 {
	text-align: center;
	font-size: 2em;
	margin: 0 0 5px 0;
}

.start_puffar h3 a, #start_tips h2 a {
	color: #282828!important;
}

.start_puff h4, #right h3 {
	text-align: center;
	font-size: 1.8em;
}

.start_puff h4 a, #right h3 a {
	color: #282828!important;
}

.start_puffar .infolank {
	display: block;
	margin: 0 auto;
	text-align: center;
	font-size: 1.1em;
}

.infolank_knapp, .tips_knapp, .knapp {
	margin: 10px auto 6px auto;
	text-align: center;
	font-size: 1.1em;
}

.infolank_knapp a, .tips_knapp a, .knapp a {
	color: #fff!important;
	background: #bb6161;
	padding: 5px 12px;
	border-radius: 25px;
}
.tips_knapp a, .knapp a {
	background: #4d9b57;
}

#start_tips h2 {
	margin: -5px 0 5px 0;
	font-size: 1.8em;
}

#right h3 {
	margin: 0 0 5px 0;
}

.tredjedel {
	float: left;
	width: 32.3%;
	box-sizing: border-box;
	margin: 0 1% 10px 0;
}

.tredjedel h4 {
	font-size: 1.2em;
	line-height: 1.1em;
	height: 2.2em;
	overflow: hidden;
	margin: 0 0 3px 0;
}

.tredjedel a {
	color: #282828 !important;
}

.tredjedel .receptbild {
	display: block;
}

.tredjedel.box_2 {
	margin: 0 0.5% 10px;
}

.tredjedel.box_3 {
	float: right;
	margin: 0 0 10px 0;
}

.fjardedel {
	box-sizing: border-box;
	margin: 0 1% 10px 0;
}
.puff_wrap .fjardedel {
	position: relative;
	float: left;
	width: 24%;
}

.fjardedel h4 {
	font-size: 1.1rem;
	/*line-height: 1.1em;*/
	line-height: 1.1em;
	height: 2.2em;
	overflow: hidden;
	margin: 0 0 3px 0;
}

.fjardedel a {
	color: #282828 !important;
}

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

.fjardedel.box_2 {
	/*margin: 0 1% 10px 0;*/
}

.fjardedel.box_4 {
	/*float: right;
	margin: 0 0 10px 0;*/
}

.box_wrapper {
	padding: 5px;
	background: #fff;
	text-align: center!important;
}

.nytt_datum {
	color: #4d9b57;
}

.meta_mini {
	display: none;
}

.bildruta, .start_tips_bild {
	position: relative;
}

.veg_info {
	position: absolute;
	top: 2px;
	right: 2px;
	width: 45px;
	height: 45px;
	background: #3d7cbb;
	border-radius: 30px;
	overflow: hidden!important;
}

.lakto {
	background: #3d7cbb;
}

.ovo {
	background: #e6783d;
}

.lakto-ovo {
	background: #bb6161;
}

.vegansk {
	background: #4d9b57;
}


/* Receptrutor */
.receptruta, .fjardedel, .start_puff, .start_tips, .flexslider {
	border-radius: 7px;
	overflow: hidden;
}
.start_puff_bild {
	border-radius: 7px 7px 0 0;
	overflow: hidden;
}

/* Receptresultatsida */
#sok_recept {
	margin: 0 0 20px 0;
}

#recept_sokruta {
	width: 300px;
	max-width: 75%;
	height: 20px;
	padding: 6px 10px;
	border: 1px solid #ccc;
	border-radius: 25px;
	background: #fff;
}

#recept_resultat {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	justify-content: center;
	align-content: center;
	gap: 0 15px;
}

#recept_resultat .receptruta_wrap h4 {
	height: auto;
	overflow: visible;
}
#recept_resultat .pagination {
	grid-column: span 3;
}


/* Receptsida */
#container.sida_receptsida {
	padding: 0;
}

.sida_receptsida #main {
	float: none;
	width: 100%;
	max-width: 1280px;
	margin: 0 auto;
	margin-top: 20px!important;
	padding: 0;
}

.sida_receptsida #right {
	clear: both;
}

#recept_huvudbild, #recept_huvudbild_hd {
	position: relative;
	text-align: center;
	width: 100%;
	height: 570px;
	overflow: hidden;
	margin: 0 auto;
}
#recept_huvudbild img, #recept_huvudbild_hd img{
	width: 100%;
	position: absolute;
	 top: -9999px;
	 bottom: -9999px;
	 left: -9999px;
	 right: -9999px;
	 margin: auto;
}

#recept_huvudbild {
	max-width: 1280px;
	height: 570px;
}

#populart_recept {
	position: absolute;
	top: 30px;
	left: -30px;
	background:#3d7cbb;
	color: #fff;
	padding: 3px 40px;
	transform: rotate(-30deg);
	cursor: default;
}

#genrebild_info {
	position: absolute;
	top: 20px;
	right: -30px;
	background: #e6783d;
	color: #fff;
	padding: 3px 40px;
	transform: rotate(30deg);
	cursor: default;
}

#recept_allergi-dela {
	float: left;
	width: 32%;
	padding: 15px;
	box-sizing: border-box;
}

#recept_introdel {
	float: right;
	width: 66%;
	padding: 15px;
	box-sizing: border-box;
}

#recept_huvud {
	background: #fff;
	max-width: 1280px;
	padding: 20px;
}

#recept {
	padding: 0;
	display: flex;
	justify-content: space-between;
	background: transparent;
}

#receptkategori {
	float: right;
	background: #e6783d;
	color: #fff;
	text-align: right;
	padding: 0 10px 0 18px;
}

#receptkategori a {
	color: #fff!important;
}

#recept_meta, .recept_meta {
	padding: 5px 10px;
	text-align: center;
	font-size: 0.9em;
}

#meta_tid, #meta_port, #meta_matlada, #meta_veg, .meta_tid, .meta_port, .meta_matlada, .meta_veg, .meta_gluten, .meta_laktos {
	float: left;
	width: 32.3%;
	padding: 5px;
	box-sizing: border-box;
	text-align: center;
}

#meta_veg, .meta_veg {
	border-radius: 100px;
	text-align: center;
	/*margin-top: -26px;
	border: 34px solid rgba(255, 255, 255, 1);*/
}

#meta_veg .lakto, #meta_veg .ovo, #meta_veg .lakto-ovo, #meta_veg .vegansk, .meta_veg .lakto, .meta_veg .ovo, .meta_veg .lakto-ovo, .meta_veg .vegansk {
	margin: 0 auto;
	width: 60px;
	height: 60px;
	border-radius: 100px;
}

#meta_betyg {
	font-size: 24px;
	color: #4d9b57;
	cursor: pointer;
}
#meta_betyg .antal_betyg {
	color: initial;
}

#meta_betyg .receptbetyg {
	opacity: 1;
}
#meta_betyg:hover .receptbetyg {
	opacity: 0.6;
}

#betygsruta_bakgrund {
	display: none;
	position: fixed;
	width: 100vw;
	height: 100vh;
	background: rgba(200, 200, 200, 0.8);
	z-index: 2000;
	cursor: pointer;
}

#betygsruta {
	display: none;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	/*position: fixed;
	width: 60vw;
	height: 60vh;
	margin: 20vh 20vw;*/
	padding: 15px;
	background: #fff;
	border-radius: 10px;
	cursor: default;
}

#betygssattning_wrap {
	position: relative;
	text-align: center;
	padding: 30px 50px;
}

#betygssattning_stang {
	position: absolute;
	right: -25px;
	top: -39px;
	width: 40px;
	height: 40px;
	padding: 10px;
	text-align: center;
	cursor: pointer;
	border-radius: 50%;
	font-weight: bold;
	background: #fff;
	border: 1px solid #ccc;
}
#betygssattning_stang:hover {
	background: #f2f2f2;
}

#betygssattning_infotext {
	
}

#betygssattning_valjare {
	font-size: 2rem;
	color: #3d7cbb;
}
#betygssattning_valjare.betygsatt {
	color: #4d9b57;
}

#betygssattning_valjare i {
	cursor: pointer;
}

#betygssattning_knapp {
	cursor: pointer;
}

#tipsruta_vanster {
	float: left;
	width: 49.5%;
}

#tipsruta_hoger {
	float: right;
	width: 49.5%;
}

#meta_gluten, #meta_laktos {
	position: relative;
	float: left;
	padding: 1px;
	width: 100%;
	margin-bottom: 10px;
	background: #8f61b2;
	padding: 1px;
	border-radius: .8em;
}
#meta_laktos {
	background: #3d7cbb;
}

#meta_gluten a, #meta_laktos a {
	color: #fff;
	text-decoration: underline;
	opacity: 1;
}
#meta_gluten a:hover, #meta_laktos a:hover {
	opacity: 0.8;
}

#meta_glutenfri_symbol, #meta_laktosfri_symbol {
	float: right;
	width: 25px;
	margin: 3px;
	border-radius: 50%;
	overflow: hidden;
}

.glutenfri_bild, .laktosfri_bild {
	float: right;
	width: 60px;
	height: 60px;
	margin-right: 5px;
}

#meta_gluten p, #meta_laktos p {
	margin: 6px 0 8px 6px;
	color: #fff;
}

.mindre_text {
	font-size: 0.9em;
}

#recept_tips {
	/*float: right;
	width: 49.5%;*/
	position: relative;
	background: #bb6161;
	padding: 12px;
	border-radius: .8em;
}

#recept_tips:after { content: ''; position: absolute; bottom: 0; left: 95%; width: 0; height: 0; border: 1em solid transparent; border-top-color: #bb6161; border-bottom: 0; border-left: 0; margin-left: -0.566em; margin-bottom: -0.9em; }

#recept_tips h4 {
	margin: 0;
	color: #fff;
	font-weight: 500;
}

#recept_tips p {
	margin: 0;
	font-size: 0.9em;
	color: #fff;
}

#recept_tips a {
	color: #fff!important;
	text-decoration: underline;
}

#recept_taggar {
	margin: 5px 0 0 0;
	/*padding: 5px;
	background: #f7f7f7;
	border-radius: 5px;*/
}

#recept_taggar p {
	margin: 0;
	text-align: center;
}

#recept_taggar a {
	display: inline-block;
	margin: 5px 2px 0 2px;
	padding: 5px 9px;
	background: #e6783d;
	border-radius: 25px;
	color: #fff!important;
}


#portionsnotis {
	margin: 0 0 10px 0;
	padding: 10px;
	background: #d2ecc1;
	border-radius: .8em;
}

#portionsnotis h4 {
	margin: 0;
	font-size: 1.2em;
	font-weight: 500;
}

#portionsnotis p {
	font-size: 0.8em;
	margin: 5px 0 0 0;
}

.fullbredd {
	float: none!important;
	width: auto!important;
	margin: 0 auto!important;
}

.halva {
	float: left;
	width: 49%!important;
	margin: 0 1% 10px 0;
}

.tredelad {
	width: 32.3%!important;
}

/*.fjardedel {
	width: 25%!important;
}*/

#recept_meta .fjardedel, .recept_meta .fjardedel {
	width: 24%;
}

#recept_meta h4, .recept_meta h4 {
	margin: 0;
	font-size: 60px;
	height: auto;
}

#recept_meta p, .recept_meta p {
	margin: 0;
	padding: 0;
}

#recept_meta img, .recept_meta img {
	vertical-align: text-top;
}

#sponsor_topp, #sponsor_topp_mobil  {
	margin: 0 auto;
	text-align: center;
}

#sponsor_topp_mobil {
	display: none;
}

#rubrikdel {
	float: left;
	width: 33%;
	box-sizing: border-box;
	padding: 0 10px;
}

/* Sliderkod */

#bildspel {
	float: right;
	width: 65%;
	box-sizing: border-box;
	position: relative;
	z-index: 1000;
	box-shadow: 0px 0px 8px #ccc;
}

#bildspel img {
	display: block;
	width: 100%;
}

#bildspel p {
	margin: 6px 3px 0 3px;
	font-family: 'Handlee', cursive, arial, verdana;
	font-size: 1.1em;
}

.slider_infotext {
	width: 100%;
	max-width: 1000px;
}

.bildinfo {
	position: absolute;
	top: 0;
	right: 0;
	max-width: 60%;
	padding: 4px 6px;
	text-align: right;
}
.bildinfo p {
	font-family: 'Noto Sans', Verdana, Arial, Helvetica, sans-serif!important;
	font-size: 0.9em!important;
	margin: 0!important;
	color: #fff;
	text-shadow: 2px 2px #000;
}

#recept #bildspel .flex-control-nav {
	display: none!important;
}

#slider_rubrik {
	position: absolute;
	z-index: 10000;
}

#slider_rubrik h2 {
	background: #bb6161;
	color: #fff;
	margin: 0;
	padding: 5px 10px 5px 5px;
	padding: 3px 10px 5px 5px;
	border-radius: 0px 0 10px 0;
	font-size: 1.5em;
	font-weight: 300;
}

.recept_kategori {
	float: right;
	display: block;
	background: rgba(121, 187, 95, 1);
	transition: background 0.3s ease-in;
	-webkit-transition: background 0.3s ease-in; /* For Safari 3.1 to 6.0 */
	margin: -10px -10px 10px 10px;
	padding: 5px 5px 5px 10px;
	border-radius: 0px 0 0 10px;
	font-size: 1.05em;
	color: #fff!important;
}

.recept_kategori:hover {
	background: rgba(121, 187, 95, 0.6);
}

.bs_bild {
	position: relative;
}

.bs_bild .veg_info {
	left: auto;
	right: 2px;
	border-radius: 30px;
}

.bs_bild .veg_info .lakto, .bs_bild .veg_info .ovo, .bs_bild .veg_info .lakto-ovo, .bs_bild .veg_info .vegansk {
	border-radius: 100px;
}


.bs_bild_hd {
	position: relative;
	opacity: 1;
	-webkit-transition: opacity 0.3; /* For Safari 3.1 to 6.0 */
	transition: opacity 0.2s;
}
.bs_bild_hd a {
	display: flex;
}
.bs_bild_hd:hover a img {
	opacity: 0.8;
	-webkit-transition: opacity 0.2; /* For Safari 3.1 to 6.0 */
	transition: opacity 0.2s;
}

.bs_bild_hd .bildspel_startsida {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.bs_bild_hd .veg_info {
	position: absolute;
	top: 0;
	right: 0;
	left: auto;
	width: 45px;
	height: 45px;
	overflow: hidden;
	border-radius: 50%;
}

.bs_text_hd {
	position: absolute;
	bottom: 0;
	right: 0;
	padding: 10px;
	background: rgba(255,255,255,0.8);
	width: 100%;
}

.bs_text_hd h3 {
	font-size: 2em;
	font-weight: bold;
	margin: 0;
}

.bs_text_hd a, .bs_text_hd a:link, .bs_text_hd a:visited, .bs_text_hd a:hover {
	color: #282828;
}

.meta_mini_hd img {
	display: inline;
	width: auto;
}

#recept_namn {
	position: absolute;
	left: 0;
	right: 0;
	bottom: -1px;
	z-index: 1500;
	width: 100%;
	max-width: 1280px;
	background-color: rgba(255,255,255,0.8);
	margin: 0 auto;
	padding: 20px;
	font-size: 2.8em;
	text-align: center;
	font-weight: 700;
	box-sizing: border-box;
}

#recept_huvudbild_hd #recept_namn {
	border-radius: 10px 10px 0 0;
}

#recept_kategori {
	float: right;
	background: #4d9b57;
	color: #fff;
	padding: 5px 10px;
}

#recept_kategori a {
	color: #fff;
}

#recept_kategori h6 { margin: 0; }

#recept_intro {
	position: absolute;
	bottom: 0;
	width: 100%;
	margin: 0;
	padding: 10px;
	box-sizing: border-box;
	background-color:rgba(255,255,255,0.8);
	color: #282828;
	font-size: 1.3em;
}

#recept_info {
	margin: 0 5px;
	font-size: 0.8em;
}

#recept h2 {
	margin-top: 0;
	font-weight: 500;
}

#ingredienser {
	float: left;
	width: 27%;
	 -webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
	background-color: #fff;
	padding: 20px;
}

#ingredienser #portval {
	width: 100%;
	margin: 0 0 5px 0;
	padding: 5px 35px 5px 5px;
	border: 1px solid #CCC;
	background: #eee;
	font-family: inherit;
	font-weight: 700;
}

#ingredienser dl {
	margin: 0 0 10px 0;
}

#ingredienser dt {
	margin-top: 4px;
	padding: 5px;
	font-size: 1.2em;
}

/*#ingredienser dt:nth-of-type(odd), #ingredienser dd:nth-of-type(odd) {*/
#ingredienser dd:nth-of-type(odd) {
	background: #f7f7f7;
}

#ingredienser dd{
	margin: 0;
	padding: 5px;
	cursor: pointer;
}

#ingredienser .ingred_klar {
	color: #4d9b57;
}

#recept_beskrivning {
	float: right;
	width: 71%;
	margin-left: 2%;
	position: relative;
	background-color: #fff;
	padding: 20px;
	box-sizing: border-box;
	
}

#recept_beskrivning ol {
	list-style: none;
	margin: 0;
	padding: 0;
}
#recept_beskrivning li {
	counter-increment: item;
	margin-bottom: 15px;
	padding-left: 35px;
	position: relative;
	margin: 10px 0 20px 0;
	line-height: 145%;
	cursor: pointer;
}
#recept_beskrivning li:before {
	margin-right: 10px;
	content: counter(item);
	color: #4d9b57;
	font-size: 2em;
	text-align: center;
	position: absolute;
	left: 0;
	top: 6px;
	width: 30px;
}
#recept_beskrivning li.avslutad:before {
	content: '✓';
}
 
.avslutad {
	text-decoration: line-through;
	color: #848484;
}

.summary {
	margin: 0 30px 10px 0;
	font-size: 18px;
}


#smaklig {
	/*font-size: 2.4em;
	font-family: 'Alex Brush', 'Montserrat', 'Monda', Verdana, Arial, Helvetica, sans-serif;*/
	font-size: 1.6em;
	font-family: 'Montserrat', 'Monda', Verdana, Arial, Helvetica, sans-serif;
	font-style: italic;
}

#dela, #skrivut {
	float: none;
	width: auto;
	margin: 20px 0;
	text-align: center;
	padding: 10px;
	border-radius: 5px;
	background: #f7f7f7;
}

#dela h4, #skrivut h4 {
	margin: 0 0 5px 0;
}

.dela_recept {
	display: inline-block;
	margin: 0 5px;
}

#dela img {
	border-radius: 3px;
	border-radius: 25px;
	opacity: 1;
	-webkit-transition: opacity 0.3; /* For Safari 3.1 to 6.0 */
	transition: opacity 0.2s;
	height: 50px;
	width: auto;
}

#skrivut img {
	opacity: 1;
	-webkit-transition: opacity 0.3; /* For Safari 3.1 to 6.0 */
	transition: opacity 0.2s;
}

#dela img:hover, #skrivut img:hover {
	opacity: 0.6;
	-webkit-transition: opacity 0.3; /* For Safari 3.1 to 6.0 */
	transition: opacity 0.2s;
}

#relaterade_recept {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	justify-content: center;
	align-content: center;
	gap: 0 15px;
	margin: 20px 0;
	padding: 5px 15px 15px 15px;
	background: #bb6161;
	border-radius: 7px;
}

#relaterade_recept h3 {
	text-align: center;
	font-size: 1.5em;
	font-weight: 500;
	margin: 0 0 5px 0;
	grid-column: span 4;
}

#relaterade_recept h3 a {
	color: #fff;
}

/*.ruta_1 {
	margin: 0 1.3% 0 0;
}

.ruta_2 {
	margin: 0 0.65% 0 0!important; 
}

.ruta_3 {
	margin: 0 0 0 0.65%!important; 
}

.ruta_4 {
	float: right!important;
	margin: 0 0 0 1.3%!important;
}*/

/*.recept_sidebar .fjarde {
	display: none;
}*/



/* Erbjudandesidan */
.erbjudande {
	float: left;
	width: 49%;
	margin: 0 0.5% 10px 0.5%;
	box-sizing: border-box;
	border-radius: 10px;
	padding: 10px;
	background: #fff;
	text-align: center;
}

.erbjudande_logo {
	max-height: 60px;
}

.erbjudande h3 {
	margin: 0;
	font-size: 1.6em;
}

.erbjudande_kod {
	display: inline-block;
	background: #f7f2bf;
	padding: 3px 5px;
	border-radius: 5px;
}

.erbjudande_datum {
	margin: 5px 0 0 0;
	font-size: 0.8em;
	font-style: italic;
}

.erbjudande .knapp {
	display: block;
	padding: 5px 12px;
}

/* Blogg */
.bloggpost {
	margin-bottom: 45px;
}

.bloggpost h2 {
	margin: 0 0 4px 0;
	font-size: 2.4em;
}

.bloggpost h2 a {
	color: #282828;
}

.bloggpost .ingress {
	font-family: 'Montserrat', 'Monda', Verdana, Arial, Helvetica, sans-serif;
	font-size: 120%;
	font-weight: 700;
}

.bloggpost img {
	display: block;
	margin: 0 auto;
}
.bloggpost .receptruta img {
	display: inline;
}

.blogg_meta {
	font-size: 0.8em;
	color: #4d9b57;
}



/* Rubriker, text och länkar */

h1, h2, h3, h4, h5, h6 {
	font-family: 'Montserrat', 'Monda', Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	line-height: 104%;
	margin: 12px 0 4px 0;
	font-weight: 700;
}

h1 {
	font-size: 2em;
	margin: 8px 0 6px 0;
	text-align: center;
}

h2 {
	font-size: 1.6em;
}

h3 {
	font-size: 1.4em;
}

h4, h5, h6 {
	font-size: 1.2em;
}

p {
	margin: 6px 0 8px 0;
	font-size: 1em;
	line-height: 130%;
}

a, a:link, a:visited {
	text-decoration: none;
	color: #3d7cbb;
}

a:hover, a:active {
	text-decoration: underline;
}

#error, .error {
	color: #f00;
}

#success, .success {
	color: #378733;
}

#bad, .bad {
	color: #dec3b8;
}

#good, .good {
	color: #b3daaa;
}

#huvud_inforuta p {
	margin-top: 0;
}




/* Clear och float */
.clear { clear: both; }

.left {float: left; }

.right { float: right; }

.vitt { /*background: #fff;*/ }

.synlig { display: block!important; }

.osynlig { display: none!important; }





/* Bilder och filmer */
img {
	max-width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
}

a img {
	border: none;
}

.youtube_video {
	position: relative;
	margin: 0;
	padding-bottom: 56.25%;
	padding-top: 0;
	height: 0;
	overflow: hidden;
}
 
.youtube_video iframe,
.youtube_video object,
.youtube_video embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	margin: 0;
}



/* Pagination CSS */
.pagination {
	clear: both;
	max-width: 100%;
	padding: 3px;
	margin: 3px 0;
	border-top: 0px solid #dddbdb;
	font-size: 0.9em;
	text-align: center;
}

.pagination .info{
	/*float: left;*/
	padding: 2px;
	margin: 2px 0;
}

.pagination a {
	padding: 2px 4px;
	margin: 2px;
	border: 0;
	text-decoration: none; /* no underline */
	color: #37332f;
}
.pagination a:hover, div.pagination a:active {
	border: 0;
	/*background: #e6783d;*/
	color: #4d9b57;
	border-bottom: 1px solid #4d9b57;
}
.pagination span.current {
	padding: 2px 4px;
	margin: 2px;
	border: 0;
	font-weight: 800;
	/*background: #e6783d;*/
	color: #4d9b57;
	border-bottom: 1px solid #4d9b57;
	cursor: default;
}
.pagination span.disabled {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 0;
	color: #37332f;
}





/* Övrig CSS */
.sokknapp {
	width: 32px;
	height: 32px;
	margin: 0;
	background: #3d7cbb;
	border-radius: 50%;
	border: 0;
	vertical-align: top;
	cursor: pointer;
}

.filterknapp, .filterknapp_orange, .filterknapp_gra {
	padding: 5px 8px;
	background: #3d7cbb;
	color: #fff;
	border: 0;
	border-radius: 5px;
	border-radius: 25px;
	cursor: pointer;
}

.filterknapp_orange {
	background: #e6783d;
}

.filterknapp_gra {
	background: #88817e;
}

#twitter_icon, #facebook_icon, #instagram_icon, #mastodon_icon {
	float: left;
	margin: 3px 0 0 3px;
	display: block;
	width: 30px;
	height: 30px;
	text-decoration: none;
	background: url(/bilder/twitter.png);
	background-position: 30px 0;
}

#facebook_icon {
	background: url(/bilder/facebook.png);
}

#instagram_icon {
	background: url(/bilder/instagram.png);
}

#mastodon_icon {
	background: url(/bilder/mastodon.png);
}

#twitter_icon:hover, #facebook_icon:hover, #instagram_icon:hover, #mastodon_icon:hover {
	background-position: 0 -30px;
}

#annons_nere {
	margin: 10px 0;
	text-align: center;
}

.ad-section, .ad-section_mobile {
	margin: 10px 0;
	text-align: center;
}

.ad-section_mobile {
	display: none;
}

.ad-section img, .ad-section_mobile img {
	max-width: 100%;
	display: inline-block;
	margin: 0 auto;
}

#visa_filter h4 {
	display: inline-block;
}

#visa_filter_text {
	float: left;
	text-shadow: 2px 2px 2px #777;
}

.pil_ner {
	float: left;
	-ms-transform: rotate(-90deg); /* IE 9 */
	 -webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */
	 transform: rotate(-90deg);
	-webkit-transition: transform 0.5; /* For Safari 3.1 to 6.0 */
	transition: transform 0.5s;
}

.snurrad_nittio {
	-ms-transform: rotate(0deg); /* IE 9 */
	 -webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */
	 transform: rotate(0deg);
	-webkit-transition: transform 0.5; /* For Safari 3.1 to 6.0 */
	transition: transform 0.5s;
}

.centrera {
	text-align: center;
}

.viktig_info {
	color: #f65683;
	text-align: center;
	font-weight: 700;
}

.reklam {
	margin: 0 0 2px 0;
}

#stotta_sektion {
	margin: 25px 0;
	padding: 15px;
	background: #bbaac7;
	border-radius: .8em;
}

#stotta_sektion p {
	margin: 0 0 10px 0;
}


/* Googlereklam */
.googleannons, .googleannons_liggande, .googleannons_mobil, .googleannons_desktop {
	text-align: center;
	margin: 0;
	padding: 0;
	overflow: hidden;
}
.googleannons_desktop {
	width: 100%;
	grid-column: span 3;
	margin: 0 0 10px 0;
	padding: 0;
}
.googleannons_mobil {
	display: none;
	width: 100%;
}

/* TinyMCE */
.tinymce, #tinymce {
	font-weight: 400!important;
}
#tinymce, .mce-content-body.tinyMCE p, .tinyMCE p {
	font-weight: 400!important;
}
#tinymce {
	font-weight: 400!important;
}


/* Dölj fulreklamen */
iframe[src*="ads-iframe"] { display: none; }


/* Testkod, tillfällig */
.item {
	 position: relative;
	 display: table; 
	 text-align: center;
	 width: 615px;
	 height: 80px;  
	 border: 1px solid #344491;
	 background: #6673af;
	 font-family: arial, sans-serif;
	 font-size: 13px;
	 color: #fff;
}
.item div{
	 display: table-cell; 
	 vertical-align: middle; 
	 text-align: center; 
}
/* SLUT PÅ TESTKODEN */






/* Responsive design, baby! */

/* --- För skärmar med bredden max 1270 px --- */
@media screen and (max-width: 1270px) {
	#topprecept_wrapper .receptsektion.liten .symbol_matlada, #topprecept_wrapper .receptsektion.liten .symbol_glutenfri, #topprecept_wrapper .receptsektion.liten .symbol_laktosfri {
		display: none;
	}
	#topprecept_wrapper .receptsektion.liten h3 {
		font-size: 0.8rem;
	}
}
/* --- För skärmar med bredden max 1134 px --- */
@media screen and (max-width: 1134px) {
	
	#recept_huvudbild , #recept_huvudbild_hd {
		position: relative;
		text-align: center;
		width: 100%;
		height: auto;
		overflow: hidden;
	}
	#recept_huvudbild img, #recept_huvudbild_hd img{
		width: 100%;
		position: relative!important;
		top: auto!important;
		bottom: auto!important;
		left: auto!important;
		right: auto!important;
		margin: auto;
	}
	.bs_text h4 {
		display: none;
	}
	
	
}
/* --- För skärmar med bredden max 1000 px --- */
@media screen and (max-width: 1000px) {
	.bs_bild {
		width: 65%!important;
	}
	
	.bs_text {
		width: 35%!important;
	}
	
	.bs_text h3 {
		font-size: 1.7em!important;
	}
	
	.slider_infotext, .ej_mobil {
		display: none;
	}
	#right .recept_intro h4 {
		font-size: 1em;
	}
	
	.bs_text_hd h3 {
		margin-bottom: 10px;
	}
	
	.start_puff {
		width: 49.5%;
		margin: 0 0.5% 10px 0;
	}

	.sista_puff {
		clear: both;
		float: none;
		width: auto;
		margin: 10px 0;
	}
	.receptruta_wrap h4, .menyruta_wrap h4 {
		font-size: 1rem;
		word-break: break-all;
		-webkit-hyphens: auto;
		-moz-hyphens: auto;
		-ms-hyphens: auto;
		hyphens: auto;
	}
}

/* --- För skärmar med bredden max 800 px --- */
@media screen and (max-width: 800px) {
	#recept_namn {
		position: relative;
		left: auto;
		right: auto;
		bottom: auto;
		width: 100%;
		background-color: #fff;
		padding: 10px;
		font-size: 2.4em;
		border-radius: 0;
	}
	
	#recept_allergi-dela, #recept_introdel {
		float: none;
		width: auto;
		padding: 10px;
	}

	#recept_huvud {
		padding: 0 0 0 0;
	}
	
	.bs_bild, .bs_text {
		width: auto!important;
		float: none!important;
	}
	
	.bs_text h4, .bs_text p, .recept_list_info, .bs_text .recept_meta {
		display: none;
	}
	
	.bs_text h3 {
		font-size: 1.5em!important;
		font-weight: normal!important;
		margin-bottom: 10px!important;
	}
	
	#topprecept_wrapper {
		display: grid;
		grid-template-columns: repeat(4, minmax(0, 1fr));
		justify-content: center;
		align-content: center;
		gap: 0 10px;
	}
	#topprecept_wrapper .receptsektion {
		float: none;
		width: 100%;
		margin: 0 0 10px 0;
	}
	#topprecept_wrapper #stor {
		grid-column: span 4;
		width: 100%;
		margin: 0 0 10px 0;
	}
	#topprecept_wrapper #stor .receptsektion_infotext, #topprecept_wrapper .receptsektion .recept_sektion_meta {
		display: none;
	}
	
	#topprecept_wrapper #stor .recept_sektion_meta {
		display: block;
	}
	
	#topprecept_wrapper .receptsektion .receptsektion_text {
		background: transparent; 
	}
	
	#topprecept_wrapper .receptsektion .receptsektion_text h3 {
		margin: 0;
		font-size: 0.8rem;
		text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;
	}
	
	#topprecept_wrapper #stor .receptsektion_text {
		background: rgba(255, 255, 255, 0.8); 
	}
	
	#topprecept_wrapper #stor .receptsektion_text h3 {
		margin: 0;
		font-size: 1.2rem;
		text-shadow: none;
	}
	
	.start_puffar{
		margin: 20px 0 30px 0;
		padding: 10px 0;
	}
	
	#start_tips_wrap {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	
	.start_tips.tips_1 {
		grid-column: span 2;
		margin: 0 0 10px 0;
	}
	
	.tid_sektion {
		display: block;
		margin-bottom: 5px;
	}
	.tips_meta {
		height: 40px;
	}
	
	#rubrikdel, #bildspel {
		float: none;
		width: auto;
		/*padding: 0;*/
	}
	
	#bildspel {
		margin: 0 0 10px 0;
		position: relative;
	}
	
	#ingredienser .annons_sidebar {
		display: none;
	}
	
	#ingredienser {
		width: 33%;
	}

	#recept_beskrivning {
		width: 65%;

	}
	
	#main, #right {
		float: none;
		width: auto;
		margin: 0 0 10px 0;
		padding: 10px 0;
	}
	
	.visa, .recept_sidebar .fjarde, .bs_text .meta_mini {
		display: block!important;
	}
	
	#right .receptruta, #right .receptruta_hoger {
		clear: both;
		float: left;
		width: 49%;
		margin: 0 0 10px 0;
	}
	
	.recept_sidebar #sidebar_receptforslag{
		display: block;
	}
	
	.recept_sidebar .receptruta, .recept_sidebar .receptruta_hoger {
		width: 49%;
		max-width: 100%;
	}
	
	#recept_resultat {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 0 10px;
	}
	#recept_resultat .receptruta {
		width: auto;
	}
	#recept_resultat .pagination {
		grid-column: span 2;
	}
	
	#right .receptruta_hoger {
		clear: none;
		float: right;
	}
	
	#right .recept_intro h4 {
		font-size: 1.5em;
	}
	
	.receptruta_wrap h4, .menyruta_wrap h4  {
		margin: 0;
		font-size: 1.2em;
		line-height: 1.1em;
		height: 3.4em;
		overflow: hidden;
	}
	
	.recept_intro {
		top: 15%;
		font-size: 1em;
	}
	
	#senast_visade, .annons_sidebar, #facebook_sidebar, #right #populara_recept {
		float: left;
		width: 49.5%;
		box-sizing: border-box;
		margin-left: 0.25%;
		margin-right: 0.25%;
	}
	
	#footer .fjardedel {
		width: 48%;
	}
	.googleannons_desktop {
		grid-column: span 2;
	}
}

/* --- För skärmar med bredden max 640px --- */
@media screen and (max-width: 640px) {
	#header_sok {
		text-align: right;
		width: 70%;
		max-width: 164px;
		margin: 5px 5px 0 0;
		padding: 3px 0;
	}
	
	.bs_text_hd h3 {
		font-size: 1.4em;
	}
	
	.start_tips h3 {
		margin: 0;
		text-align: center;
	}
	
	.start_tips_info, .tredjedel.box_3, .ad-section {
		display: none;
	}
	
	.start_tips_text p .tips_meta, .ad-section_mobile {
		display: block;
	}
	.tid_sektion {
		display: inline;
		margin-bottom: 0;
	}
	.tips_meta {
		height: 22px;
	}
	
	.tredjedel {
		width: 49%;
	}
	
	.tredjedel.box_2 {
		float: right;
		margin: 0 0 10px 1%
	}
	
	.start_puffwrap {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.start_puffwrap h3 {
		grid-column: span 2;
	}
	
	/*.fjardedel {
		width: 49%;
	}
	.fjardedel.box_2, .fjardedel.box_4 {
		float: right;
		margin-right: 0;
	}*/
	
	.start_puff {
		float: none;
		width: auto;
		margin: 10px 0;
	}
	
	.start_puffar p {
		font-size: 0.8em;
	}
	
	#menu a {
		margin: 6px 0 6px 3px;
	}
	
	#bildspel {
		margin: 5px 0 0 0;
		border: none;
		box-shadow: none;
		transform: rotate(0deg);
	}
	
	.tredjedel h4, .fjardedel h4 {
		line-height: 1.1em;
		height: 2.2em;
	}
	
	#recept_namn {
		margin: 0;
		font-size: 2em;
	}
	
	#recept_info {
	transform: rotate(0deg);
	margin: 0;
	}
	
	#recept_introdel {
		padding-top: 0;
	}
	
	#meta_gluten, #meta_laktos {
		float: none;
	}
	
	h1 {
		font-size: 1.8em;
	}

	h2 {
		font-size: 1.4em;
	}

	h3 {
		font-size: 1.2em;
	}
	
	#tipsruta_vanster, #tipsruta_hoger {
		float: none;
		width: auto;
	}
	
	.dubbel {
		float: left;
		width: 49%!important;
		margin: 0 0.5%;
	}
	#recept {
		display: block;
	}
	
	#ingredienser, #recept_beskrivning {
		width: auto;
		margin-left: 0;
		box-sizing: border-box;
		float: none;
	}
	#recept_beskrivning {
		padding-top: 0;
	}
	
	.recept_sidebar #senast_visade, #right.recept_sidebar #populara_recept {
		float: none;
		width: auto;
		margin: 20px 0;
		padding: 10px 5px;
	}
	#dela {
		margin: 15px 0 0 0;
	}
	.veg_info {
		width: 35px;
		height: 35px;
	}
	
	#betygsruta {
		position: fixed;
		left: auto;
		top: auto;
		width: 80vw;
		height: 60vh;
		margin: 10vh 10vw;
		padding: 10px;
		box-sizing: border-box;
		-webkit-transform: none;
		transform: none;
	}
	#betygssattning_wrap {
		padding: 20px 30px;
	}
	.receptruta_wrap h4, .menyruta_wrap h4  {
		word-break: normal;
	}
	
}


/* --- För skärmar med bredden max 555px --- */

@media screen and (max-width: 555px) {
	#menu_button {
		float: right;
		display: block;
		width: 28px;
		height: 28px;
		margin: 5px 5px 0 0;
		padding: 5px;
		border-radius: 50%;
		cursor: pointer;
		background: #8f61b2;
	}
	
	#menu_button.stang_sok img {
		visibility: hidden;
	}
	
	#menu_button.stang_sok {
		background: url(/bilder/stang.png) center center no-repeat #3d7cbb;
	}
	
	#header_sok {
		display: none;
		clear: both;
		float: none;
		text-align: right;
		width: auto;
		max-width: 100%;
		margin: 0;
		padding: 3px;
		background: #ffcb80;
	}
	
	#header_sokruta {
		width: 95%;
	}
	
	.ej_mobil {
		display: none;
	}
	
	#footer_left, #footer_middle, #footer_right {
		float: none;
		width: auto;
		padding: 0;
	}
	
	#footer .fjardedel {
		width: 24%;
	}
	
	#topprecept_wrapper {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	#topprecept_wrapper #stor {
		grid-column: span 2;
	}
}


/* --- För skärmar med bredden max 520px --- */

@media screen and (max-width: 520px) {
	#header_wrap {
		padding: 0;
	}
	#temavaljare {
		margin-right: 3px;
	}
	
	/*#main .receptruta, #main .receptruta_hoger {
		width: 49%;
		margin-right: 0.5%;
	}*/
	#relaterade_recept {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	#relaterade_recept h3 {
		grid-column: span 2;
	}
	/*.ruta_1, .ruta_3 {
		float: left!important;
		margin: 0 0 10px 0!important;
	}

	.ruta_2, .ruta_4 {
		float: right!important;
		margin: 0 0 10px 0!important;
		margin-right: 0!important;
	}*/
		
	#visa_filter {
		display: block;
	}
	
	#recept_resultat {
		display: block;
	}
	#recept_resultat .receptruta {
		float: none;
		width: 100%;
		max-width: 100%;
		margin: 5px 0 10px 0;
	}
	#recept_resultat .receptruta .receptruta_bild {
		float: left;
		position: relative;
		width: 40%;
	}
	#recept_resultat .receptruta .receptruta_bild:after {
		content: "";
		display: block;
		padding-bottom: 80%;
	}
	#recept_resultat .receptruta .receptruta_bild img {
		position: absolute;
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
	
	
	#recept_resultat .receptruta .receptruta_wrap {
		float: right;
		width: 59%;
	}
	#recept_resultat .receptruta h4 {
		text-align: left;
		font-size: 1.1em;
	}
	
	#sokfiltrering, #recept_intro, #sponsor_topp, .googleannons_desktop {
		display: none;
	}
	
	.start_tips h3, .tredjedel h4, .fjardedel h4 {
		font-size: 1em;
	}
	
	.receptruta_wrap h4, .menyruta_wrap h4  {
		margin: 0;
		font-size: 1em;
		line-height: 1em;
		height: 3em;
		overflow: hidden;
		word-break: normal;
	}
	
	.start_puff {
		float: none;
		width: auto;
	}
	
	#sponsor_topp_mobil {
		display: block;
	}
	
	#right .recept_intro h4 {
		font-size: 1.1em;
	}
	
	.bs_text_hd {
		position: relative;
	}
	
	.googleannons_mobil {
		display: block;
	}
}


/* --- För skärmar med bredden max 480px --- */

@media screen and (max-width: 480px) {
	#header_logo{
		max-width: 40%;
	}
	
	#start_sokruta {
		width: 67%;
	}
	
	#start_sok h2 {
		font-size: 1.6em;
	}
	
	#senast_visade, .annons_sidebar, #facebook_sidebar, #right #populara_recept {
		float: none;
		width: auto;
		padding: 0;
	}
}


/* --- För skärmar med bredden max 370px --- */

@media screen and (max-width: 370px) {
	
	#menu a {
		margin: 6px 2px;
		font-size: 1em!important;
	}
	
	#header_sok {
		clear: both;
		max-width: 100%;
	}
	
	#header_sokruta {
		width: 70%;
	}
	.start_puff {
		clear: both;
		float: none;
		width: auto;
	}
	#menu a {
		padding: 6px 2px;
	}
	
}

/* Dark mode */
body#mork {
	background-image: none;
	background-color: #1b1b1b;
	color: #fff;
}

#mork a, #mork a:link, #mork a:visited {
	color: #7cb7f2;
}

#mork #menu a {
	color: inherit;
}
#mork #menu a:hover, #mork #menu a:active {
	color: #ffe88f;
}

#mork .aktiv {
	color: inherit;
}

#mork #sokfiltrering, #mork #teman, #mork .receptruta, #mork #huvud_inforuta, #mork #recept_huvud, #mork .menyruta, #mork #ingredienser, #mork #recept_beskrivning, #mork #senast_visade, #mork #right #populara_recept, #mork #topprecept_wrapper, #mork .start_puff ul, #mork #header_sokruta, #mork #start_sokruta {
	background: #313131;
	color: #fff!important;
}

#mork #sidebar_receptforslag .receptruta {
	background: none;
}

#mork #ingredienser dd:nth-of-type(2n+1), #mork .start_puff li:nth-of-type(2n+1) {
	background: #1b1b1b;
}

#mork .receptruta a, #mork .receptruta_hoger a, #mork .menyruta a, #mork #meta_betyg .antal_betyg, #mork .recept_intro, #mork #topprecept_wrapper .receptsektion a, #mork .start_puffar h3 a, #mork #start_tips h2 a, #mork .start_puff a {
	color: #fff!important;
}

#mork #recept_namn, #mork #topprecept_wrapper .receptsektion .receptsektion_text {
	background-color: rgba(0,0,0,0.8);
	
}

#mork #dela {
	background: #1b1b1b;
}

#mork .textbakgrund {
	background: rgba(0,0,0,0.8);
}

#mork .recept_intro {
	text-shadow: -1px -1px 0 #313131, 1px -1px 0 #313131, -1px 1px 0 #313131, 1px 1px 0 #313131;
}

#mork .pagination a {
	color: #ffe88f;
}

#mork #relaterade_recept h3 a {
	color: #fff;
}

@media screen and (max-width: 800px) {
	#mork #topprecept_wrapper .receptsektion .receptsektion_text h3 {
		text-shadow: none;
	}
}