a[href^="https://www.børnefolkemødet.dk/tilmeld/"] .link-with-icon__icon {
    background-color: #f2692d;
}


.bf_ikoner {
  display: grid;
  /*grid-template-columns: 1fr 1fr 1fr;*/
  grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr));
  gap: 15px;
  padding: 7px;
  border: 1px solid #dbdbdb;
  background: #FFF;
  align-items: center;
}

@media screen and (max-width: 600px) {
	.bf_ikoner {
		grid-template-columns: 1fr;
	}
	.bf_ikoner img {
		margin: auto;
	}
}


/* AKTIVITETSSIDER */
.bf_ikoner_aktivitet {
	background:rgba(255, 255, 255, 0.8);
}

@media screen and (min-width: 800px) {
	.paragraphs:has(.bf_ikoner_aktivitet) {
		position:relative;
	}

	.paragraphs__item.paragraphs__item--text_body:has(.bf_ikoner_aktivitet) {
		position: absolute;
	  right: 0;
	  top: -200px;
	  width: 20%;
	  max-width: 250px;
	}
	
	.bf_ikoner_aktivitet {
	  display: flex;
    flex-direction: column;
	}
}

@media screen and (min-width: 1500px) {
	.paragraphs__item.paragraphs__item--text_body:has(.bf_ikoner_aktivitet) {
    left: calc(50% + 450px);
	}
}

.paragraphs__item.paragraphs__item--text_body:has(.bf_aktivitet_pics) {
	background: #eee9e5;
}

.paragraphs__item.paragraphs__item--text_body .rich-text:has(.bf_aktivitet_pics) {
    width: 100%;
    max-width: 100%;
}

.paragraphs__item.paragraphs__item--text_body .bf_aktivitet_pics {
	display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  margin: auto;
  width: fit-content;
}

.paragraphs__item.paragraphs__item--text_body .bf_aktivitet_pics img {
    margin: 10px auto;
    padding: 10px;
    filter: drop-shadow(0 4px 40px rgba(0, 0, 0, 0.25));
}

.bf_info {
	display: block;
	background: rgba(0, 0, 0, 0.7);
	color: #eee9e5;
	padding: 3%;
}

.bf_info p {
	margin-top: 7px;
}

.bf_info a {
	text-decoration: underline solid #FFF;
}
.bf_info a:hover {
    color: #FFF;
}

.bf_aktivitet_logo {
	max-width: 1200px;
	margin: auto;
  display: flex;
  flex-direction: row;
  align-content: center;
  align-items: center;
  justify-content: space-evenly;
}

.bf_aktivitet_logo img {
	margin: 30px auto;
	max-width: 46%;
}

.rich-text:has(.bf_aktivitet_logo) {
    width: 100%;
    max-width: 100%;
    padding: 0;
    background: #eee9e5;
}
.bf_aktivitet_logo.logox3 img {
    max-width: 25%;
}

@media screen and (max-width: 400px) {
	.bf_aktivitet_logo {
		flex-direction: column
	}
	.bf_aktivitet_logo img, .bf_aktivitet_logo.logox3 img {
		margin: 10%;
		max-width: 96%;
	}
}