/* TIL OBS-BESKEDER */
p.hb-obs {
    padding: 20px 20px 20px 50px;
    background: #eee9e5;
    color: #000000;
    border: 5px solid #dbdbdb;
    font-size: 22px;
    position: relative;
}

p.hb-obs:before {
    content: "!";
    position: absolute;
    left: 20px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 60px;
    color: #004f56;
    font-family: 'Gochi Hand';
}


/* MIN EGEN LOADER */
div#loader {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
  margin: 0;
  background-color: rgba(240, 240, 240, 0.75);
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 99;
}

div.loader {
  border: 16px solid #e6e5e3;
  border-top: 16px solid #004f56;
  border-radius: 50%;
  width: 30vw;
  height: 30vw;
  animation: spin 2s linear infinite;
  animation-iteration-count: infinite !important;
  animation-duration: 2s !important;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}



/* GIVER OVERSKRIFTER MULIGHED FOR PÆNERE ORDDELING */
h1, h2, h3, h4, h5, h6 {
    hyphens: auto;
    text-wrap: balance;
}
/* MEN FJERNER ORDDELING PÅ ALLE ELEMENTER */
* {
    hyphens: initial;
}

/* TILFØJER ORDDELING PÅ NYHEDSKOMPONENT */
.paragraphs__item.paragraphs__item--card_grid_automatic h3 span {
    hyphens: auto;
}

/* GØR H2 PÆNERE/STØRRE HVIS DEN ER ENESTE ELEMENT I BRØDTEKST PARAGRAPH */
/*.paragraphs__item.paragraphs__item--text_body:has(+ .hb_cards) .rich-text h2:only-child, .paragraphs__item.paragraphs__item--text_body:has(+ .paragraphs__item.paragraphs__item--nav_spots_manual .nav-spots) .rich-text h2:only-child {*/
.paragraphs__item.paragraphs__item--text_body .rich-text h2:only-child {
    font-family: "Lora", serif;
    font-style: normal;
    font-weight: 400;
    font-size: 28px;
    color: initial;
    line-height: 32px;
    display: flex;
    flex-grow: 1;
    position: relative;
    margin-top: 60px;
    margin-bottom: -10px;
}
@media screen and (min-width: 1024px) {
	/*.paragraphs__item.paragraphs__item--text_body:has(+ .hb_cards) .rich-text h2:only-child, .paragraphs__item.paragraphs__item--text_body:has(+ .paragraphs__item.paragraphs__item--nav_spots_manual .nav-spots) .rich-text h2:only-child {*/
	.paragraphs__item.paragraphs__item--text_body .rich-text h2:only-child {
		font-size: 44px;
  }
}
@media screen and (min-width: 768px) {
  /*.paragraphs__item.paragraphs__item--text_body:has(+ .hb_cards) .rich-text h2:only-child, .paragraphs__item.paragraphs__item--text_body:has(+ .paragraphs__item.paragraphs__item--nav_spots_manual .nav-spots) .rich-text h2:only-child {*/
  .paragraphs__item.paragraphs__item--text_body .rich-text h2:only-child {
      line-height: 120%;
  }
}

/*.paragraphs__item.paragraphs__item--text_body:has(+ .hb_cards) .rich-text h2:only-child:before, .paragraphs__item.paragraphs__item--text_body:has(+ .paragraphs__item.paragraphs__item--nav_spots_manual .nav-spots) .rich-text h2:only-child:before {*/
.paragraphs__item.paragraphs__item--text_body .rich-text h2:only-child:before {
	top: auto;
    bottom: -0.4em;
    width: 80px;
    right: auto;
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='81' height='16' viewBox='0 0 81 16' fill='none'><path d='M3 10C29.8561 3.71312 50.1886 4.9889 78 5.35819' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/></svg>");
    position: absolute;
    content: "";
    left: 8px;
    height: .4em;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

/* TILRETTER RESERVATIONS-OVERSIGTEN */
.list-reservation .list-reservation__header {
    text-decoration: underline;
}

@media screen and (max-width: 767px) {
    .list-reservation .arrow-button>svg {
        display: block;
        opacity: 1;
        visibility: visible;
        margin-left: 10px;
        margin-top: -16px;
    }
}


/* SKJULER INFOBOKS OM STRAKSLÅN IFBM RESERVERINGER - SKAL FJERNES NÅR FUNKTIONEN FUNGERER IGEN */
.material-page .reservation-modal-list > .reservation-modal-list-item + .promo-bar {
    display: none;
}


/* TILPASSER TOPMENU SÅ DEN OGSÅ KAN VÆRE PÅ IPADS NED TIL MINI */
@media screen and (max-width: 1330px) {
	.header__menu-navigation-link {
		padding: 0 0.42vw;
		font-size: clamp(0.8125rem, -0.6034rem + 2.2124vw, 1.125rem);
	}
}


/* FJERNER SIDSTE (DET AKTUELLE) ELEMENT I BREADCRUMB */
nav.breadcrumb:not(.breadcrumb_material) a:last-child {
    display: none !important;
}
@media screen and (max-width: 767px) {
	/* Minimerer antallet af breadcrumbs i mobilvisning */
	nav.breadcrumb a {
	    display: none;
	}
	nav.breadcrumb a:first-child, nav.breadcrumb:not(.breadcrumb_material) a:nth-last-child(2) {
	    display: initial;
	}
}

/* SKJULER TAGS PÅ ARRANGEMENTSSIDER */
section.event-description .event-description__links {
    display: none;
}

/* TIL BILLEDER I BRØDTEKST PÅ ARRANGEMENTSSIDER */
section.event-description + section.paragraphs .paragraphs__item--text_body p:has(img) {
    display: flex;
    gap: 50px 2%;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    padding: 16px;
    background: #FFF;
}
section.event-description + section.paragraphs .paragraphs__item--text_body p img {
    max-width: 220px;
    min-width: 150px;
    margin: auto;
}


/* GIVER CARD-GRIDS EKSTRA TOP-MARGIN HVIS DEN FØLGER LIGE EFTER ET ANDET CARD-GRID */
.paragraphs__item.paragraphs__item--card_grid_manual + .paragraphs__item.paragraphs__item--card_grid_manual {
    margin-top: 160px;
}



/* TILRETTER ARRANGEMENTOVERSIGT PÅ MOBILVISNING */
@media screen and (max-width: 500px) {
	ul.content-list li.content-list__item  a.eventinstance-list_teaser_stacked_parent div.content-list-item__content,
	.filtered-event-list div.content-list-item__content {
		grid-template-areas:
        "tag tag tag"
        "date date date"
        "title title title"
        "description description description"
        "location location location"
        "schedule schedule schedule";
	}
	ul.content-list li.content-list__item  a.eventinstance-list_teaser_stacked_parent div.content-list-item__content .content-list-item__date,
	.filtered-event-list .content-list-item__date{
		justify-self: start;
    margin: 12px 0;
	}
	ul.content-list li.content-list__item  a.eventinstance-list_teaser_stacked_parent div.content-list-item__content .content-list-item__title, 
	ul.content-list li.content-list__item  a.eventinstance-list_teaser_stacked_parent div.content-list-item__content .content-list-item__description,
	.filtered-event-list .content-list-item__title, 
	.filtered-event-list .content-list-item__description {
		margin-bottom: 12px;
	}
	ul.content-list li.content-list__item  a.eventinstance-list_teaser_stacked_parent div.content-list-item__content .content-list-item__content-right-container,
	.filtered-event-list .content-list-item__content-right-container{
		    align-items: flex-start;
	}
}

/* TILRETTER ARRANGEMENTVISNING PÅ MOBILVISNING */
@media screen and (max-width: 500px) {
	header.event-header + .event-description .list-description--event {
		display: block;
	}
	header.event-header + .event-description .list-description--event div {
	    grid-template-columns: 1fr 1fr;
	}
}

/* TILRETTER HERO */
@media screen and (min-width: 768px) {
    .hero {
        grid-template-columns: 7fr 5fr;
    }
}

@media screen and (max-width: 767px) {
	.hero {
		gap: 0;
	}
	.hero__visual {
    /*order: -1;
    margin-top: 25px;*/
	}
	.hero__inner>:not(.hero__cta) {
		margin: 8px 0;
	}
	dl.list-description.list-description--hero {
		grid-template-columns: 1fr;
	}
	dl.list-description.list-description--hero dt.list-description__key {
    display: none;
	}
}

/* SÆTTER STREG UNDER MATERIALEGRIDS-OVERSKRIFTER, CARDGRIDS-OVERSKRIFTER OG SLIDER-OVERSKRIFTER PÅ PLADS */
.material-grid__title::before, .card-grid__title::before, .slider__title:before {
    top: auto;
    bottom: -0.4em;
}

/* SKJULER SLIDER MED RELATERET INDHOLD */
.mt-64 .slider {
	display:none;
}


/* SKJULER TAGS PÅ SIDER */
main article .page__tags {
	display: none;
}

/* TILRETTER BILLED PARAGRAPH */
.paragraphs__item.paragraphs__item--medias {
    margin-left: 16px;
    margin-right: 16px;
}
@media screen and (max-width: 549px) {
	.medias__item.medias__item--first, .medias__item.medias__item--last {
	    max-width: 90%;
	    margin: auto;
	    padding: 10px 0;
	}
}

/* TILRETTER SIDEBØRN */
.paragraphs__item.paragraphs__item--breadcrumb_children:has(li) {
    margin-top: 150px;
    margin-left: 16px;
    margin-right: 16px;
}
.paragraphs__item.paragraphs__item--breadcrumb_children h3.nav-teaser__title {
    font-size: clamp(1.375rem, -0.0762rem + 2.2676vw, 2rem);
}

/* TILRETTER CARD GRIDS */
section.card-grid .card__tag--type, section.card-grid .card__tag--type + .card__tag {
    display: none;
}
.card__tag+.card__tag::before {
	width:0;
}
.paragraphs__item.paragraphs__item--card_grid_manual {
	margin-left: 16px;
	margin-right: 16px;
}
.paragraphs__item.paragraphs__item--card_grid_manual .card-grid {
	padding:0;
}


@media screen and (min-width: 1024px) {
	section.card-grid {
	    max-width: 1124px;
	    padding: 0;
	}
}


.card-grid--count-4 .card-grid__items, .card-grid--count-5 .card-grid__items, .card-grid--count-6 .card-grid__items {
	justify-content: flex-start;
}

section.card-grid {
    position: relative;
}
section.card-grid a.card-grid__link {
    position: absolute;
    bottom: -60px;
    right: 10px;
}

@media screen and (min-width: 768px) {
  .card-grid__item:nth-child(5) {
     width: 40%;
  }
  .card-grid__item:nth-child(6) {
		width: 60%;
  }
}
@media screen and (max-width: 500px) {
	.card-grid__item:nth-child(2), .card-grid__item:nth-child(3), .card-grid__item:nth-child(4), .card-grid__item:nth-child(5), .card-grid__item:nth-child(6) {
		width: 100%;
	}
}


/* TILRETTER NAVIGATION SPOT */
@media screen and (min-width: 1022px) {
    .paragraphs__item.paragraphs__item--nav_spots_manual + .paragraphs__item.paragraphs__item--nav_spots_manual {
        margin-top: 94px;
    }
}
@media screen and (max-width: 767px) {
	.nav-spots.nav-spots--count-2 a.nav-spot__content {
		flex-direction: column !important;
		gap: 0 !important;
		align-items: flex-start !important;
	}
	.nav-spots.nav-spots--count-2 .nav-spot__text {
		padding: 16px !important;
	}
}
.nav-spots--count-2 .nav-spots__item+.nav-spots__item {
	padding-top:0;
}

.paragraphs__item.paragraphs__item--nav_spots_manual {
	margin-left: 16px;
	margin-right: 16px;
}

/* Vender hver anden på hinanden følgende paragraphs med 2 elementer i sig */
.paragraphs__item.paragraphs__item--nav_spots_manual:has(.nav-spots--count-2) + .paragraphs__item.paragraphs__item--nav_spots_manual .nav-spots--count-2 .nav-spots__items {
    flex-direction: row-reverse;
}


.paragraphs__item.paragraphs__item--nav_spots_manual:has(.nav-spots--count-2) + .paragraphs__item.paragraphs__item--nav_spots_manual .nav-spots--count-2 .nav-spots__items .nav-spots__item+.nav-spots__item {
    padding-left: 0;
    padding-right: 80px;
}


@media screen and (max-width: 1023px) {
	.paragraphs__item.paragraphs__item--nav_spots_manual:has(.nav-spots--count-2) + .paragraphs__item.paragraphs__item--nav_spots_manual .nav-spots--count-2 .nav-spots__items .nav-spots__item+.nav-spots__item {
		padding-right: 0;	
	}
	
	.nav-spots--count-2 .nav-spots__item+.nav-spots__item {
		padding-left: 0;
	}
	
	.nav-spots--count-2 .nav-spots__item+.nav-spots__item a {
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    flex-wrap: nowrap;
    gap: 15px;
    margin-top: 25px;
	}
	
	.nav-spots--count-2 .nav-spots__item+.nav-spots__item .nav-spot .nav-spot__text {
  	padding: 0;
  	padding-right: 15px;
  	min-width: 33%;
  }
  
  
}
@media screen and (max-width: 500px) {
	.nav-spots--count-2 .nav-spots__item+.nav-spots__item a {
		align-items: flex-start;
	}
}


/* TILRETTER RECOMMENDATION PARAPGRAPH */
.paragraphs__item.paragraphs__item--recommendation .recommendation__title {
	font-size: clamp(1.5625rem, -1.0749rem + 5.4945vw, 2.1875rem);
	line-height: normal;
}


/* TILRETTER MATERIALE GRIDS */
@media screen and (max-width: 900px) {
	.material-grid .material-grid__items {
		grid-template-columns: repeat(2, 1fr);
	}
}
.material-grid .material-grid__description {
	white-space: pre-line;
}

/* TILRETTER NAVIGATION GRID */
@media screen and (max-width: 1023px) {
	.nav-grid .nav-grid__title {
	    font-size: 28px;
	}
}

.paragraphs__item.paragraphs__item--nav_grid_manual {
    margin-left: 16px;
    margin-right: 16px;
}

/* TILRETTER INDHOLDSSLIDER */
.paragraphs__item--content_slider .card__tag--type {
	display: none;
}



/* TILRETTER LINK-PARAGRAPH DER FØLGER UMIDDELBART EFTER MATERIALE GRID */
.paragraphs__item[class*="paragraphs__item--material_grid"]:has(button.material-grid__show-more) + .paragraphs__item.paragraphs__item--links {
	display: none;
}
.paragraphs__item[class*="paragraphs__item--material_grid"] + .paragraphs__item.paragraphs__item--links {
	margin-top: 10px;
  max-width: 1056px;
}

.paragraphs__item[class*="paragraphs__item--material_grid"] + .paragraphs__item.paragraphs__item--links a {
	border: 0;
  font-size: 30px;
  padding: 0;
  gap: 0;
  display: flex;
}
@media screen and (max-width: 767px) {
	.paragraphs__item[class*="paragraphs__item--material_grid"] + .paragraphs__item.paragraphs__item--links a {
		flex-direction: column;
		font-size: 20px;
		align-items: flex-start;
	}
	.paragraphs__item[class*="paragraphs__item--material_grid"] + .paragraphs__item.paragraphs__item--links a svg {
		margin-top: 10px;
    align-self: flex-start;
    margin-left: 0 !important;
	}
}

.paragraphs__item[class*="paragraphs__item--material_grid"] + .paragraphs__item.paragraphs__item--links a .link-with-icon__icon {
	display:none;
}

.paragraphs__item[class*="paragraphs__item--material_grid"] + .paragraphs__item.paragraphs__item--links a svg {
	visibility: visible;
  opacity: 1;
  margin-left: 20px;
  display: block;
}


/* TILRETTER BRØDTEKST-PARAGRAPS DER INDEHOLDER ET IFRAME */
.rich-text:has(iframe) {
    max-width: 1056px;
}
.rich-text:has(iframe) h2 {
    margin-bottom: 20px;
}

/* HR SOM ENESTE ELEMENT I BRØDTESKT */
.paragraphs__item.paragraphs__item--text_body .rich-text hr:only-child {
	background: #dbdbdb;
  height: 1px;
  border: 0px;
  width: 100vw;
  transform: translateX(-50%);
  margin-left: 50%;
}

/* TILRETTER BANNER PARAGRAPH */
@media screen and (max-width: 500px) {
	.paragraphs__item.paragraphs__item--banner .banner__content--has-image {
		max-width: 75vw;
	}
}


/* TILRETTER LINKS I FOOTER */
.footer__content a {
    position: relative;
    hyphens: none;
    margin-bottom: 7px;
    line-height: normal;
}
.footer__content a::after {
    border-bottom: 0;
    content: "-";
    position: absolute;
    left: -15px;
    top: -2px;
}
.footer__content a:hover::after {
	  transform: none;
	  transform-origin: initial;
	  content: "\02192";
	  left: -20px;
}


/* TILRETTER NÅR DER KUN ER 1 BILLEDE I BILLED-PARAGRAPH */
@media screen and (min-width: 1070px) {
	.paragraphs__item.paragraphs__item--medias:has(+ .paragraphs__item--text_body) .medias.medias--single {
    float: right;
    max-width: 40%;
    margin-right: .5%;
    margin-left: 40px;
    margin-bottom: 40px;
    margin-top: -40px;
	}
	
	.paragraphs__item.paragraphs__item--medias:has(+ .paragraphs__item--text_body) .medias.medias--single .medias__item {
		background-color: var(--tint-color-20);
	  border: 24px solid hsl(var(--identity-color-h), var(--identity-color-s), var(--identity-color-l), 1);
	  border-width: 24px;
	}
	.paragraphs__item.paragraphs__item--medias:has(+ .paragraphs__item--text_body) .medias.medias--single .medias__item .image-credited__info {
		margin:16px;
	}
	/* Sikrer at materialegrids ombryder ordentligt */
	.paragraphs__item .material-grid {
		float: none;
		clear: both;
	}
}
@media screen and (min-width: 1480px) {
	.paragraphs__item.paragraphs__item--medias:has(+ .paragraphs__item--text_body) {
		float: right;
	}
	.paragraphs__item.paragraphs__item--medias:has(+ .paragraphs__item--text_body) .medias.medias--single {
    max-width: 575px;
    margin-right: calc(50vw - 744px);
	}
}



/* TILPASSER OPENING HOURS OVERLAY */
@media screen and (max-width: 1025px) {
	.opening-hours-sidebar__header {
		padding-top: 35px;
	}
	button.dialog__close-button:has( + .opening-hours-sidebar) {
	  top: 15px;
	}
	.opening-hours-sidebar-details {
		padding: 16px;
	}
}

/* VERDENSMÅLSCERTIFICERING I FOOTER */
footer a:has(#chora):after {
    content: none;
}
footer a:has(#chora) {
    margin: 30px 0;
}


/* FORMULARER */
.dpl-form .js-form-type-checkbox .form-checkbox + .input-label {
  font-size: initial;
  line-height: initial;
}

.dpl-input input[type='checkbox'] {
	align-self: flex-start;
  width: 40px;
}


/* VÆRKVISNINGEN */
/* Lydbog modal */
div[data-cy="player-modal"] {
    background: #FFF;
}
div[data-cy="player-modal"] iframe {
    border: 0;
}
div[data-cy="player-modal"] .modal-btn-close {
    background: #FFF;
}

/* SKJULER INDBYGGEDE RELATEREDE */
section:has(div[data-cy="material-grid-related"]) {
    display: none;
}