.content-grid,
.full-width {
  --gap: var(--container-padding);
  --full: minmax(var(--gap), 1fr);
  --content: min(var(--max-viewport), 100% - var(--gap) * 2);
  --breakout: minmax(0, 2.4rem);
  --feature: minmax(0, 6rem);

  display: grid;
  grid-template-columns:
    [full-start] var(--full)
    [feature-start] var(--feature)
    [breakout-start] var(--breakout)
    [content-start] var(--content) [content-end]
    var(--breakout) [breakout-end]
    var(--feature) [feature-end]
    var(--full) [full-end];
}

.content-grid {
  grid-template-rows:
    [header-start] var(--header-height)
    [header-end] auto [hero-end content-start]
    1fr [content-end footer-start]
    auto [footer-end];
}

.content-grid > :not(.breakout, .feature, .full-width),
.full-width > :not(.breakout, .feature, .full-width) {
  grid-column: content;

  container-type: inline-size;
  container-name: content;
}

.breakout {
  grid-column: breakout;
}

.feature {
  grid-column: feature;
}

.full-width {
  grid-column: full;
}

.full-width,
.feature,
.breakout,
.content-grid {
  container-type: inline-size;
  container-name: content;
}

.content-grid .site-header {
  grid-column: full;
  padding-inline: var(--gap);
  background-color: var(--color-background);
  box-shadow: 0 4px 6px rgba(0, 0, 0, 20%);
}

.feature .main-region,
.feature .main-region {
  display: flex;
  flex-direction: column;
  gap: var(--rhyme-xxl);
  padding-bottom: var(--rhyme-xxl);

  container-type: inline-size;
  container-name: content;
}

.site-header {
  grid-row: header;
  display: flex;
  justify-content: space-between;
  z-index: 50;
}

.hero {
  grid-row: header-start / hero-end;
  overflow-x: clip;
}

.site-content {
  grid-row: content;
  padding-block: var(--rhyme-lg);
}

.site-footer {
  grid-row: footer;
  margin-top: var(--rhyme-xl);
}

.hero {
  min-height: 440px;
  background-color: var(--color-primary);
  color: var(--color-on-primary);
  padding: calc(var(--header-height, 0) + var(--rhyme-lg, 0)) 0 var(--rhyme-lg, 0);
}

.region-hero {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.region-hero #block-fazat-placeholder {
  font-size: var(--typography-base);
}

.region-hero #block-fazat-placeholder p {
  margin-block: 0;
  line-height: 1.25;
}

.field--name-field-hero-titel {
  font-family: 'Montserrat';
  font-weight: 900;
  font-size: 4rem;
  line-height: 4rem;
  opacity: .98;
}

.field--name-field-hero-subtitel {
  font-family: 'Montserrat';
  font-size: 1.6rem;
  opacity: .8;
}

.main-menu:not([data-menu-open]) .menu-item a {
  color: white !important;
}

.main-menu[data-menu-open] .menu-item a {
  font-size: var(--typography-xxxl) !important;
}

.menu-icon__line {
  stroke: white !important;
}


.features {
  display: grid;
  justify-content: center;
  gap: var(--rhyme-xxxl) var(--rhyme-md);
  grid-template-columns: repeat(auto-fill, minmax(16rem, 1fr));
}

.block-block-content095cbd35-e040-42d1-9721-1ba17176e295 .features {
  grid-template-columns: repeat(auto-fill, minmax(24rem, 1fr));
}

.site-content .node__content p a,
.site-content .block-layout-builder li a,
.webform-submission-form a {
  color: var(--color-primary-dark);
  text-decoration: none;
}

.site-content h2,
.site-content h3,
.site-content h4 {
  text-align: center;
}

/*.block-inline-blocktextblock p {
  text-align: justify;
}*/

.layout__background--color-primary .feature__name,
.layout__background--color-primary .feature__description {
  color: black;
}

[data-component-id="pedestal:btt_button"] {
  z-index: 200;
}

[data-component-id="swiper_js:swiper"] {
  padding-bottom: 0.2rem;
}

[data-component-id="pedestal:feature"] {
  max-width: 32rem;
}

[data-component-id="pedestal:link_button"] {
  border-radius: var(--border-radius-sm, 5px);
}

.feature__icon {
  background-color: var(--feature-icon-color);
  font-size: 2.4rem;
  color: white;
  padding: 0.8rem;
  border-radius: 50%;
  margin-top: -2.6rem;
  outline: 3px solid var(--feature-icon-color);
  outline-offset: 3px;
}

.feature__description {
  font-size: var(--typography-sm);
  line-height: 1.4;
}

.feature__description p {
  margin-top: 0.5lh;
}

.feature__description p:first-child {
  margin-top: 0;
}

.feature__name:empty{
  display: none;
}

#block-budo-views-block-page-intro {
  line-height: 1.4;
}

#block-budo-views-block-page-intro .page-intro p,
#block-budo-registrationintro p {
  margin-block: 0.5lh 1lh;
  font-size: 1.15rem;
  color: white;
}

.region-hero .block-page-title-block {
  max-width: 50ch;
}

.region-hero .views-element-container {
  max-width: 70ch;
}
.main-menu:not([data-menu-open]) .menu-item a {
  color: black !important;
}

.menu-icon:not([data-menu-open]) .menu-icon__line {
  stroke: black !important;
}

/*   Sponsor CTA   */
div.block-block-contentfeb5e572-dd34-4241-a245-69dc29a7a5d7 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: column;
  text-align: center;
}

.field--name-field-cta-text {
  font-size: var(--typography-xl);
  line-height: 1.2;
  font-weight: 700;
}

@container content (min-width: 680px) {
  div.block-block-contentfeb5e572-dd34-4241-a245-69dc29a7a5d7 {
    flex-direction: row;
    text-align: left;
  }
}

.block-views-blocksponsor-block-1 h2 {
  margin-bottom: 4rem;
}

.views-field-field-sponsor-logo img {
  margin-inline: auto;
}

//Text-editor alignment
p.text-align-center {
  text-align: center;
}

.block-inline-blockimage-highlight img {
  display: block;
  border-radius: var(--border-radius-lg, 1.2rem);
  width: auto;
  height: auto;
}

[data-component-id="pedestal:statistic_element"] {
  border-bottom: 2px solid;
  padding-bottom: 0.6rem;
}

/* Special header styling for the front page */
.path-frontpage .full-width > .region-hero {
  grid-column: content-start / full-end;
  column-gap: 2rem;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-areas:
    "title image"
    "intro image";
  align-content: center;
  justify-content: space-between;
  padding-inline-end: calc(var(--container-padding) / 2);
}

.path-frontpage .full-width > .region-hero > #block-budo-page-title {
  grid-area: title;
  align-self: end;
}

.path-frontpage .full-width > .region-hero > #block-budo-views-block-page-intro {
  grid-area: intro;
  align-self: start;
}

.path-frontpage .full-width > .region-hero > #block-budo-frontpageimages {
  grid-area: image;
  position: relative;
  top: -1.8rem;
}

@media (max-width: 996px) {
  .path-frontpage .full-width > .region-hero {
    grid-template-columns: 1fr;
    grid-template-areas:
    "title"
    "intro";
  }
  .path-frontpage .full-width > .region-hero > #block-budo-frontpageimages {
    display: none;
  }
}

.path-frontpage .full-width > .region-hero > #block-budo-frontpageimages img {
  object-fit: cover;
  border-radius: var(--border-radius-md);
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
}

.views-field-field-sponsor-logo {
  height: 100%;
}

.views-field-field-sponsor-logo .field-content {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.menu--footer ul.menu {
  display: flex;
  gap: var(--rhyme-base);
  margin: 0;
}

.menu--footer ul.menu a {
  text-decoration: none;
  color: #e5e5e5;
}

.menu--footer ul.menu a:hover,
.menu--footer ul.menu a.is-active {
  text-decoration: underline;
  text-underline-offset: 3px;
  text-decoration-color: var(--color-primary);
  text-decoration-thickness: 2px;
}

.block-views-blockcd-events-current-event-link .views-field-field-cde-registration a {
  margin-block-start: var(--rhyme-lg);
}

.block-views-blockcd-events-meta {
  margin-block-start: var(--rhyme-xl);
}

.block-views-blockcd-events-meta [data-component-id="pedestal:statistic_element"] {
  align-items: start;
}

.block-views-blockcd-events-meta [data-component-id="pedestal:statistic_element"] .statistic_element__icon {
  margin-block-start: 0.2rem;
}

.block-views-blockcd-events-form-link {
  text-align: center;
  margin-block: var(--rhyme-lg);
}