/*
Theme Name: Europa Union MV Bildungsring Theme
Theme URI: https://www.farn.de
Author: FARN digital brand design
Author URI: https://www.farn.de
Version: 1.0.0
Text Domain: europa-union-bildungswerk-mv-theme
*/

html {
  box-sizing: border-box;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-smooth: antialiased;
  text-rendering: optimizeLegibility;
  word-wrap: normal;
  font-variant-ligatures: common-ligatures;
  -webkit-font-feature-settings: "liga", "clig";
  -moz-font-feature-settings: "liga", "clig";
  font-feature-settings: "liga", "clig";
  -webkit-font-feature-settings: "liga", "lnum";
  -moz-font-feature-settings: "liga", "lnum";
  font-feature-settings: "liga", "lnum";
  position: relative;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  height: 100%;
  margin-top: 0 !important;
  overflow-x: hidden;
}
*,
*::before,
*::after {
  box-sizing: inherit;
}
body {
  margin: 0;
  padding: 0;
}

/* Headings */
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
  color: inherit;
  text-decoration: none !important;
}

/* header */
header {
  position: sticky;
  top: 0;
  z-index: 10;
  width: 100%;
  background-color: #fff;
  transition: box-shadow 0.3s;
}
header.scrolled {
  box-shadow: 0 0 40px rgba(0, 0, 0, 0.15);
}
.logged-in header {
  top: var(--wp-admin--admin-bar--height);
}
.head-logo a {
  display: inline-block;
}
.head-logo img {
  margin: 14px 10px 14px 5vw;
}

/* menu */
.wp-block-group:has(> .wp-block-navigation + .wp-block-search) {
  flex-direction: column;
  align-items: start;
  gap: 0;
}
.wp-block-navigation {
  flex-direction: column;
  width: 100%;
  align-items: flex-start;
}
.wp-block-navigation ul:not(.wp-block-navigation__submenu-container) {
  gap: 0;
  flex-direction: column;
}
/* Zweitmenü as grid on mobile */
.wp-block-navigation[aria-label="Zweitmenü"] ul {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(3, auto);
  width: 100%;
}
.wp-block-navigation[aria-label="Zweitmenü"] ul li a {
  border-top: none !important;
  font-size: var(--wp--preset--font-size--x-small) !important;
}
.wp-block-navigation[aria-label="Zweitmenü"] ul li:nth-child(1) a {
  padding: 1rem 2.5vw 0.5rem 0.5rem !important;
}
.wp-block-navigation[aria-label="Zweitmenü"] ul li:nth-child(2) a {
  padding: 1rem 5vw 0.5rem 2.5vw !important;
}
.wp-block-navigation[aria-label="Zweitmenü"] ul li:nth-child(3) a {
  padding: 0.5rem 2.5vw 1rem 5vw !important;
}
.wp-block-navigation[aria-label="Zweitmenü"] ul li:nth-child(4) a {
  padding: 0.5rem 5vw 1rem 2.5vw !important;
}
.wp-block-navigation .wp-block-navigation-item {
  width: 100%;
}
/* .wp-block-navigation .wp-block-navigation-item[class*="esi-"] {
  border-top: 1px solid var(--wp--preset--color--green-40);
} */
.wp-block-navigation .wp-block-navigation-item::before {
  margin-left: 5vw;
  font-size: 1.2em;
  transform-origin: center;
  transition: all 0.3s ease;
}
@media (pointer: fine) and (hover: hover) {
  .wp-block-navigation
    .wp-block-navigation-item[class*="esi-"]:has(> a:hover)::before {
    transform: scale(1.05);
    color: var(--wp--preset--color--black);
  }
}
.wp-block-navigation
  .wp-block-navigation-item[class*="esi-"]:has(> a:active)::before {
  transform: scale(1.05);
  color: var(--wp--preset--color--black);
}
.wp-block-navigation .wp-block-navigation-item[class*="esi-"] > a {
  padding-left: 6px !important;
  border-top: none;
}
.wp-block-navigation
  ul:not(.wp-block-navigation__submenu-container)
  > li.has-child {
  flex-wrap: wrap;
  justify-content: center;
}
.wp-block-navigation ul > li > a {
  padding: 1rem 5vw 1rem 5vw;
  width: 100%;
  border-top: 1px solid var(--wp--preset--color--green-40);
}
.wp-block-navigation[aria-label="Hauptmenü"] ul > li:last-child > a {
  border-bottom: 1px solid var(--wp--preset--color--green-40);;
}
.wp-block-navigation[aria-label="Hauptmenü"] ul > li > a {
  font-weight: 600;
}
.wp-block-navigation[aria-label="Hauptmenü"] ul > li:last-child > a {
  padding-right: 0 !important;
}
.wp-block-navigation
  ul:not(.wp-block-navigation__submenu-container)
  > li.has-child
  > a {
  padding: 1rem 5vw 1rem 5vw;
}
.wp-block-navigation
  ul:not(.wp-block-navigation__submenu-container)
  > li.has-child
  > .wp-block-navigation__submenu-icon
  svg
  path {
  stroke-width: 1.2;
}
.wp-block-navigation ul.wp-block-navigation__submenu-container {
  left: auto !important;
  right: auto !important;
  width: 100% !important;
  border: none !important;
  padding: 0;
  position: relative !important;
}
.wp-block-navigation ul.wp-block-navigation__submenu-container > li > a {
  padding: 1rem 10vw;
  font-size: 0.9em;
}
.wp-block-navigation
  ul.wp-block-navigation__submenu-container
  > li:last-child
  > a {
  border-bottom: none;
}

.wp-block-navigation .wp-block-navigation__submenu-icon {
  width: 29px;
  height: 58px;
  margin: 0;
  box-sizing: content-box;
  position: absolute;
  right: 0;
  padding: 0 5vw 0 20px;
  z-index: 100;
  align-self: start;
}
.wp-block-navigation .wp-block-navigation__submenu-icon svg {
  height: 16px;
  margin-top: 0;
}
.wp-block-navigation .wp-block-navigation-item__content {
  transition: all 0.3s ease;
}
.wp-block-navigation .wp-block-navigation-item__content:hover {
  color: var(--wp--preset--color--black) !important;
}
.wp-block-navigation .wp-block-buttons {
  margin-left: 5vw;
  margin-bottom: 25px;
}

@media only screen and (max-width: 989px) {
  /* HOVER DISABLE */
  .wp-block-navigation-submenu__toggle.visible svg {
    transform: rotate(180deg);
  }
  .wp-block-navigation-item.wp-block-navigation-submenu:hover > ul {
    display: none;
  }
  .wp-block-navigation-submenu__toggle.visible + ul {
    display: block;
  }
}

/* search */
.wp-block-search {
  width: 100%;
}
.wp-block-search .wp-block-search__button {
  padding: 0.5rem !important;
  transition: background-color 0.3s ease;
}
.wp-block-search.wp-block-search__searchfield-hidden .wp-block-search__button {
  padding-left: 5% !important;
  width: 100%;
  justify-content: start !important;
}
.wp-block-search .wp-block-search__button:focus-visible {
  outline: none;
}
.wp-block-search .wp-block-search__input {
  padding-left: 5%;
  border: 1px solid var(--wp--preset--color--green) !important;
}
.wp-block-search .wp-block-search__input:focus {
  outline: none !important;
}

@media (pointer: fine) and (hover: hover) {
  .wp-block-search .wp-block-search__button:hover {
    background-color: var(--wp--preset--color--green-80) !important;
  }
}

/* widths */
.alignfull {
  margin-right: auto;
  margin-left: auto;
  width: 100%;
  margin-top: 3rem;
}
.alignwide {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}
.wp-block-cover.alignfull > .wp-block-cover__inner-container,
.wp-block-group.alignfull {
  width: 100%;
}
.entry-content > :not(.alignwide):not(.alignfull),
.wp-block-cover.alignfull
  > .wp-block-cover__inner-container
  > :not(.alignwide):not(.alignfull),
.wp-block-group.alignfull > :not(.alignwide):not(.alignfull) {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}

/* paddings and margins for alignfull blocks */
.wp-block-group.alignfull.has-background,
.wp-block-cover.alignfull {
  padding: 3rem 0;
}
.alignfull + * {
  margin-top: 3rem;
}
.alignfull + .alignfull,
.alignfull + footer {
  margin-top: 0 !important;
}
.entry-content {
  margin-top: 0;
}
.entry-content > *:last-child:not(.alignfull) {
  margin-bottom: 3rem;
}

/* padding for background-color-boxes */
/*
.entry-content .wp-block-group.has-background:not(.alignfull), .wp-block-media-text.has-background .wp-block-media-text__content {
    padding:2em;
    box-sizing: border-box;
} */
.entry-content:has(> *.alignfull.has-background:last-child) + footer {
  margin-top: 0 !important;
}
.entry-content:has(.post-password-form:last-child) + footer {
  margin-top: 0 !important;
}
.wp-singular > .wp-site-blocks > .wp-block-post-title,
.wp-singular > .wp-site-blocks > .wp-block-post-date,
.wp-singular > .wp-site-blocks > .wp-block-post-excerpt,
.wp-singular > .wp-site-blocks > .entry-content > :not(.alignwide):not(.alignfull),
.wp-singular > .wp-site-blocks > .intro-from-excerpt {
  width: 90% !important;
  max-width: var(--wp--style--global--content-size);
  margin-left: auto !important;
  margin-right: auto !important;
}
.wp-singular > .wp-site-blocks > .wp-block-columns {
  width: 90% !important;
  max-width: var(--wp--style--global--content-size);
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Lists */
.wp-block-list > li:has(+ li) {
  margin-bottom: 1rem;
}
.wp-block-list > li::marker {
  color: var(--wp--preset--color--green);
}

/* Links */
a[target="_blank"]:not(:has(> img))::after {
  content: url("data:image/svg+xml,%3Csvg id='Ebene_2' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8.7686 8.6758'%3E%3Cg id='Ebene_1-2'%3E%3Cpolygon points='2.0986 0 2.0986 1 6.9692 1 0 7.9688 .707 8.6758 7.7686 1.6147 7.7686 6.6699 8.7686 6.6699 8.7686 0 2.0986 0' fill='%23007846'/%3E%3C/g%3E%3C/svg%3E");
  width: 0.8em;
  height: 0.8em;
  display: inline-block;
  margin-left: 0.5em;
}
*.has-white-color > a[target="_blank"]:not(:has(> img))::after {
  content: url("data:image/svg+xml,%3Csvg id='Ebene_2' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8.7686 8.6758'%3E%3Cg id='Ebene_1-2'%3E%3Cpolygon points='2.0986 0 2.0986 1 6.9692 1 0 7.9688 .707 8.6758 7.7686 1.6147 7.7686 6.6699 8.7686 6.6699 8.7686 0 2.0986 0' fill='%23FFFFFF'/%3E%3C/g%3E%3C/svg%3E");
}
@media (pointer: fine) and (hover: hover) {
  a[target="_blank"]:not(:has(> img)):hover::after {
    content: url("data:image/svg+xml,%3Csvg id='Ebene_2' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8.7686 8.6758'%3E%3Cg id='Ebene_1-2'%3E%3Cpolygon points='2.0986 0 2.0986 1 6.9692 1 0 7.9688 .707 8.6758 7.7686 1.6147 7.7686 6.6699 8.7686 6.6699 8.7686 0 2.0986 0' fill='%23000000'/%3E%3C/g%3E%3C/svg%3E");
  }
  *.has-white-color > a[target="_blank"]:not(:has(> img)):hover::after {
    content: url("data:image/svg+xml,%3Csvg id='Ebene_2' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8.7686 8.6758'%3E%3Cg id='Ebene_1-2'%3E%3Cpolygon points='2.0986 0 2.0986 1 6.9692 1 0 7.9688 .707 8.6758 7.7686 1.6147 7.7686 6.6699 8.7686 6.6699 8.7686 0 2.0986 0' fill='%23FFD500'/%3E%3C/g%3E%3C/svg%3E");
  }
}

/* Cover-blocks */
.wp-block-cover.alignfull.has-custom-content-position {
  padding: 2rem !important;
}

/* Slider */
/* Header Slider */
.entry-content > .slider:first-child {
  margin: 0 auto;
}
.entry-content > .slider:first-child .slide > figure > img {
  width: 100%;
  aspect-ratio: 4 / 3;
  object-fit: cover;
}
.entry-content > .slider:first-child .swiper-buttons {
  left: 0 !important;
  width: 100% !important;
}
.swiper-container-wrapper .swiper-button-next,
.swiper-container-wrapper .swiper-button-prev {
  width: 20px !important;
  height: 40px !important;
  background-color: var(--wp--preset--color--green);
  opacity: 0.75;
  transition: opacity 0.3s ease;
}
@media (pointer: fine) and (hover: hover) {
  .swiper-container-wrapper .swiper-button-next:hover,
  .swiper-container-wrapper .swiper-button-prev:hover {
    opacity: 1;
  }
}
.swiper-container-wrapper .swiper-button-next:hover,
.swiper-container-wrapper .swiper-button-prev:hover {
  transition: opacity 0.3s ease;
}
.slider .swiper-buttons > .swiper-button-prev:after,
.slider .swiper-buttons > .swiper-button-next:after {
  width: 100%;
  height: 100%;
  mask-size: 50%;
  mask-position: center;
  mask-repeat: no-repeat;
  background-color: var(--wp--preset--color--white);
}

/* Partner Slider */
.partner_slider > .slider .swiper-wrapper > .slide > .wp-block-group {
  height: 100%;
  padding-bottom: 1rem !important;
  display: flex;
  flex-direction: column;
}
.partner_slider > .slider .swiper-wrapper > .slide > .wp-block-group > figure {
  width: 100%;
  height: auto;
  background-color: var(--wp--preset--color--white);
}
.partner_slider > .slider .swiper-wrapper > .slide > .wp-block-group > figure > img {
  height: 100% !important;
  width: 100% !important;
  object-fit: contain !important;
  aspect-ratio: 1 !important;
  padding: 1rem;
  border: 2px solid var(--wp--preset--color--green);
}
.partner_slider > .slider .swiper-wrapper > .slide > .wp-block-group > figure.full-width-img > img {
  object-fit: cover !important;
}
.partner_slider > .slider .swiper-wrapper > .slide > .wp-block-group > .wp-block-heading {
  margin: 1rem !important;
}
.partner_slider > .slider .swiper-wrapper > .slide > .wp-block-group > p:has(> a) {
  margin-top: auto !important;
  padding: 0 1rem !important;
}
.partner_slider > .slider .swiper-wrapper > .slide > .wp-block-group > p > a {
  transition: color 0.3s ease;
}
@media (pointer: fine) and (hover: hover) {
  .partner_slider > .slider .swiper-wrapper > .slide > .wp-block-group > p > a:hover {
    color: var(--wp--preset--color--sun-yellow);
  }
}
.partner_slider > .slider  .swiper-wrapper > .slide > .wp-block-group > p > a:active {
  color: var(--wp--preset--color--sun-yellow);
}
.slider img {
  object-fit: cover;
}

/* Block quote */
.wp-block-quote {
  max-width: 600px;
  margin: 3rem auto !important;
}
.wp-block-quote p {
  position: relative;
  font-style: italic;
  font-size: var(--wp--preset--font-size--x-large);
  font-weight: 500;
  color: var(--wp--preset--color--europe-blue);
}
.wp-block-quote cite {
  font-size: var(--wp--preset--font-size--large);
  font-weight: 400;
  color: var(--wp--preset--color--black);
  text-align: right;
  margin-top: 0.5rem;
}
.wp-block-quote.is-style-stars p::before,
.wp-block-quote.is-style-lines p::before {
  content: "";
  position: absolute;
  background-color: var(--wp--preset--color--europe-yellow);
  height: 160%;
  aspect-ratio: 1 / 1;
  top: 50%;
  left: 0;
  transform: translate(-50%, -50%);
  mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='a' data-name='Ebene 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 146.64 146.64'%3E%3Cpolygon class='b' points='75.74 134.72 73.25 127.39 70.81 134.69 63.24 134.69 68.56 138.77 67.06 146.52 73.25 142.18 79.42 146.64 77.94 138.77 83.32 134.71 75.74 134.72'/%3E%3Cpolygon class='b' points='73.25 0 70.81 7.3 63.24 7.3 68.56 11.38 67.06 19.13 73.25 14.79 79.42 19.25 77.94 11.38 83.32 7.33 75.74 7.33 73.25 0'/%3E%3Cpolygon class='b' points='104.07 8.19 101.63 15.49 94.06 15.49 99.38 19.57 97.88 27.32 104.07 22.98 110.24 27.44 108.76 19.57 114.14 15.52 106.56 15.53 104.07 8.19'/%3E%3Cpolygon class='b' points='40.95 8.19 38.51 15.49 30.94 15.49 36.26 19.57 34.76 27.32 40.95 22.98 47.11 27.44 45.64 19.57 51.02 15.52 43.44 15.53 40.95 8.19'/%3E%3Cpolygon class='b' points='106.56 126.12 104.07 118.78 101.63 126.08 94.06 126.08 99.38 130.16 97.88 137.92 104.07 133.57 110.24 138.04 108.76 130.16 114.14 126.11 106.56 126.12'/%3E%3Cpolygon class='b' points='43.44 126.12 40.95 118.78 38.51 126.08 30.94 126.08 36.26 130.16 34.76 137.92 40.95 133.57 47.11 138.04 45.64 130.16 51.02 126.11 43.44 126.12'/%3E%3Cpolygon class='b' points='17.34 32.23 14.9 39.53 7.33 39.53 12.66 43.61 11.16 51.37 17.34 47.02 23.51 51.49 22.03 43.61 27.41 39.56 19.83 39.57 17.34 32.23'/%3E%3Cpolygon class='b' points='122.26 51.37 128.44 47.02 134.61 51.49 133.13 43.61 138.51 39.56 130.93 39.57 128.44 32.23 126 39.53 118.43 39.53 123.75 43.61 122.26 51.37'/%3E%3Cpolygon class='b' points='19.83 103.15 17.34 95.82 14.9 103.12 7.33 103.12 12.66 107.2 11.16 114.95 17.34 110.6 23.51 115.07 22.03 107.2 27.41 103.14 19.83 103.15'/%3E%3Cpolygon class='b' points='130.93 103.15 128.44 95.82 126 103.12 118.43 103.12 123.75 107.2 122.26 114.95 128.44 110.6 134.61 115.07 133.13 107.2 138.51 103.14 130.93 103.15'/%3E%3Cpolygon class='b' points='10.01 78.57 16.18 83.04 14.7 75.17 20.08 71.11 12.5 71.12 10.01 63.78 7.57 71.09 0 71.09 5.32 75.17 3.83 82.92 10.01 78.57'/%3E%3Cpolygon class='b' points='146.64 71.11 139.06 71.12 136.57 63.78 134.13 71.09 126.56 71.09 131.88 75.17 130.39 82.92 136.57 78.57 142.74 83.04 141.26 75.17 146.64 71.11'/%3E%3C/svg%3E");
  mask-repeat: no-repeat;
  mask-size: contain;
  mask-position: center;
  z-index: -1;
  opacity: 0.5;
}
.wp-block-quote.is-style-lines p::before {
  background-color: var(--wp--preset--color--turquoise-green);
  aspect-ratio: 33 / 14;
  left: unset;
  right: 0;
  transform: translate(50%, -50%);
  mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='a' data-name='Ebene 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 329.6 143.42'%3E%3Crect class='b' x='79.87' y='71.29' width='166.11' height='.84' transform='translate(18.28 175.46) rotate(-59.41)'/%3E%3Crect class='b' x='83.62' y='71.29' width='166.11' height='.84' transform='translate(20.12 178.7) rotate(-59.41)'/%3E%3Crect class='b' x='87.38' y='71.29' width='166.11' height='.84' transform='translate(21.97 181.93) rotate(-59.41)'/%3E%3Crect class='b' x='-40.43' y='71.29' width='166.11' height='.84' transform='translate(-40.79 71.91) rotate(-59.41)'/%3E%3Crect class='b' x='-36.67' y='71.29' width='166.11' height='.84' transform='translate(-38.95 75.15) rotate(-59.41)'/%3E%3Crect class='b' x='-32.91' y='71.29' width='166.11' height='.84' transform='translate(-37.1 78.38) rotate(-59.41)'/%3E%3Crect class='b' x='-29.15' y='71.29' width='166.11' height='.84' transform='translate(-35.26 81.62) rotate(-59.41)'/%3E%3Crect class='b' x='-25.39' y='71.29' width='166.11' height='.84' transform='translate(-33.41 84.85) rotate(-59.41)'/%3E%3Crect class='b' x='-21.63' y='71.29' width='166.11' height='.84' transform='translate(-31.56 88.09) rotate(-59.41)'/%3E%3Crect class='b' x='-17.87' y='71.29' width='166.11' height='.84' transform='translate(-29.72 91.33) rotate(-59.41)'/%3E%3Crect class='b' x='-14.11' y='71.29' width='166.11' height='.84' transform='translate(-27.87 94.56) rotate(-59.41)'/%3E%3Crect class='b' x='-10.35' y='71.29' width='166.11' height='.84' transform='translate(-26.03 97.8) rotate(-59.41)'/%3E%3Crect class='b' x='-6.59' y='71.29' width='166.11' height='.84' transform='translate(-24.18 101.03) rotate(-59.41)'/%3E%3Crect class='b' x='-2.83' y='71.29' width='166.11' height='.84' transform='translate(-22.33 104.27) rotate(-59.41)'/%3E%3Crect class='b' x='.92' y='71.29' width='166.11' height='.84' transform='translate(-20.49 107.51) rotate(-59.41)'/%3E%3Crect class='b' x='4.68' y='71.29' width='166.11' height='.84' transform='translate(-18.64 110.74) rotate(-59.41)'/%3E%3Crect class='b' x='8.44' y='71.29' width='166.11' height='.84' transform='translate(-16.8 113.98) rotate(-59.41)'/%3E%3Crect class='b' x='12.2' y='71.29' width='166.11' height='.84' transform='translate(-14.95 117.21) rotate(-59.41)'/%3E%3Crect class='b' x='15.96' y='71.29' width='166.11' height='.84' transform='translate(-13.1 120.45) rotate(-59.41)'/%3E%3Crect class='b' x='19.72' y='71.29' width='166.11' height='.84' transform='translate(-11.26 123.69) rotate(-59.41)'/%3E%3Crect class='b' x='23.48' y='71.29' width='166.11' height='.84' transform='translate(-9.41 126.92) rotate(-59.41)'/%3E%3Crect class='b' x='27.24' y='71.29' width='166.11' height='.84' transform='translate(-7.57 130.16) rotate(-59.41)'/%3E%3Crect class='b' x='31' y='71.29' width='166.11' height='.84' transform='translate(-5.72 133.39) rotate(-59.41)'/%3E%3Crect class='b' x='34.76' y='71.29' width='166.11' height='.84' transform='translate(-3.87 136.63) rotate(-59.41)'/%3E%3Crect class='b' x='38.52' y='71.29' width='166.11' height='.84' transform='translate(-2.03 139.86) rotate(-59.41)'/%3E%3Crect class='b' x='42.27' y='71.29' width='166.11' height='.84' transform='translate(-.18 143.1) rotate(-59.41)'/%3E%3Crect class='b' x='46.03' y='71.29' width='166.11' height='.84' transform='translate(1.66 146.34) rotate(-59.41)'/%3E%3Crect class='b' x='49.79' y='71.29' width='166.11' height='.84' transform='translate(3.51 149.57) rotate(-59.41)'/%3E%3Crect class='b' x='53.55' y='71.29' width='166.11' height='.84' transform='translate(5.36 152.81) rotate(-59.41)'/%3E%3Crect class='b' x='57.31' y='71.29' width='166.11' height='.84' transform='translate(7.2 156.04) rotate(-59.41)'/%3E%3Crect class='b' x='61.07' y='71.29' width='166.11' height='.84' transform='translate(9.05 159.28) rotate(-59.41)'/%3E%3Crect class='b' x='64.83' y='71.29' width='166.11' height='.84' transform='translate(10.89 162.52) rotate(-59.41)'/%3E%3Crect class='b' x='68.59' y='71.29' width='166.11' height='.84' transform='translate(12.74 165.75) rotate(-59.41)'/%3E%3Crect class='b' x='72.35' y='71.29' width='166.11' height='.84' transform='translate(14.59 168.99) rotate(-59.41)'/%3E%3Crect class='b' x='76.11' y='71.29' width='166.11' height='.84' transform='translate(16.43 172.22) rotate(-59.41)'/%3E%3Crect class='b' x='91.14' y='71.29' width='166.11' height='.84' transform='translate(23.82 185.17) rotate(-59.41)'/%3E%3Crect class='b' x='94.9' y='71.29' width='166.11' height='.84' transform='translate(25.66 188.4) rotate(-59.41)'/%3E%3Crect class='b' x='98.66' y='71.29' width='166.11' height='.84' transform='translate(27.51 191.64) rotate(-59.41)'/%3E%3Crect class='b' x='102.42' y='71.29' width='166.11' height='.84' transform='translate(29.35 194.87) rotate(-59.41)'/%3E%3Crect class='b' x='106.18' y='71.29' width='166.11' height='.84' transform='translate(31.2 198.11) rotate(-59.41)'/%3E%3Crect class='b' x='109.94' y='71.29' width='166.11' height='.84' transform='translate(33.05 201.35) rotate(-59.41)'/%3E%3Crect class='b' x='113.7' y='71.29' width='166.11' height='.84' transform='translate(34.89 204.58) rotate(-59.41)'/%3E%3Crect class='b' x='117.46' y='71.29' width='166.11' height='.84' transform='translate(36.74 207.82) rotate(-59.41)'/%3E%3Crect class='b' x='121.21' y='71.29' width='166.11' height='.84' transform='translate(38.58 211.05) rotate(-59.41)'/%3E%3Crect class='b' x='124.97' y='71.29' width='166.11' height='.84' transform='translate(40.43 214.29) rotate(-59.41)'/%3E%3Crect class='b' x='128.73' y='71.29' width='166.11' height='.84' transform='translate(42.28 217.53) rotate(-59.41)'/%3E%3Crect class='b' x='132.49' y='71.29' width='166.11' height='.84' transform='translate(44.12 220.76) rotate(-59.41)'/%3E%3Crect class='b' x='136.25' y='71.29' width='166.11' height='.84' transform='translate(45.97 224) rotate(-59.41)'/%3E%3Crect class='b' x='140.01' y='71.29' width='166.11' height='.84' transform='translate(47.81 227.23) rotate(-59.41)'/%3E%3Crect class='b' x='143.77' y='71.29' width='166.11' height='.84' transform='translate(49.66 230.47) rotate(-59.41)'/%3E%3Crect class='b' x='147.53' y='71.29' width='166.11' height='.84' transform='translate(51.51 233.7) rotate(-59.41)'/%3E%3Crect class='b' x='151.29' y='71.29' width='166.11' height='.84' transform='translate(53.35 236.94) rotate(-59.41)'/%3E%3Crect class='b' x='155.05' y='71.29' width='166.11' height='.84' transform='translate(55.2 240.18) rotate(-59.41)'/%3E%3Crect class='b' x='158.81' y='71.29' width='166.11' height='.84' transform='translate(57.05 243.41) rotate(-59.41)'/%3E%3Crect class='b' x='162.57' y='71.29' width='166.11' height='.84' transform='translate(58.89 246.65) rotate(-59.41)'/%3E%3Crect class='b' x='166.32' y='71.29' width='166.11' height='.84' transform='translate(60.74 249.88) rotate(-59.41)'/%3E%3Crect class='b' x='170.08' y='71.29' width='166.11' height='.84' transform='translate(62.58 253.12) rotate(-59.41)'/%3E%3Crect class='b' x='173.84' y='71.29' width='166.11' height='.84' transform='translate(64.43 256.36) rotate(-59.41)'/%3E%3Crect class='b' x='177.6' y='71.29' width='166.11' height='.84' transform='translate(66.27 259.59) rotate(-59.41)'/%3E%3Crect class='b' x='181.36' y='71.29' width='166.11' height='.84' transform='translate(68.12 262.83) rotate(-59.41)'/%3E%3Crect class='b' x='185.12' y='71.29' width='166.11' height='.84' transform='translate(69.97 266.06) rotate(-59.41)'/%3E%3Crect class='b' x='188.88' y='71.29' width='166.11' height='.84' transform='translate(71.81 269.3) rotate(-59.41)'/%3E%3Crect class='b' x='192.64' y='71.29' width='166.11' height='.84' transform='translate(73.66 272.54) rotate(-59.41)'/%3E%3Crect class='b' x='196.4' y='71.29' width='166.11' height='.84' transform='translate(75.51 275.77) rotate(-59.41)'/%3E%3Crect class='b' x='200.16' y='71.29' width='166.11' height='.84' transform='translate(77.35 279.01) rotate(-59.41)'/%3E%3Crect class='b' x='203.92' y='71.29' width='166.11' height='.84' transform='translate(79.2 282.24) rotate(-59.41)'/%3E%3C/svg%3E");
  opacity: 0.3;
}

/* Post query loop */
.wp-block-query .wp-block-post:last-child > .wp-block-columns {
  border-bottom: none !important;
}
.wp-block-query .wp-block-post .wp-block-post-featured-image {
  width: 100% !important;
}
.wp-block-query
  .wp-block-post
  .wp-block-post-excerpt
  > .wp-block-post-excerpt__more-text {
  margin-top: 1rem !important;
}
.wp-block-query .wp-block-post .wp-block-post-title a:hover {
  color: var(--wp--preset--color--black);
  text-decoration: underline !important;
  text-decoration-color: var(--wp--preset--color--green) !important;
}

/* Contact form */
.contact-form .acf-fields,
.register-form .acf-fields {
  display: flex;
  gap: 22px;
  flex-wrap: wrap;
}
.contact-form .acf-field,
.register-form .acf-field {
  padding: 0 !important;
  border: none !important;
}
.contact-form .acf-field[data-name="anrede"],
.register-form .acf-field[data-name="anrede"] {
  width: 100%;
}
.contact-form .acf-field[data-name="anrede"] .acf-input,
.register-form .acf-field[data-name="anrede"] .acf-input {
  width: 50%;
}
.contact-form .acf-field[data-name="vorname"],
.contact-form .acf-field[data-name="nachname"],
.contact-form .acf-field[data-name="telefon"],
.contact-form .acf-field[data-name="email"],
.contact-form [data-name="nachricht"],
.register-form .acf-field[data-name="veranstaltung"],
.register-form .acf-field[data-name="termin"],
.register-form .acf-field[data-name="vorname"],
.register-form .acf-field[data-name="email"],
.register-form .acf-field[data-name="nachname"] {
  width: 100%;
}
.register-form .acf-field[data-name="veranstaltung"] input {
  padding: 0 !important;
  border: none;
  color: var(--wp--preset--color--green);
  font-weight: 700;
  font-size: var(--wp--preset--font-size--small);
}
.contact-form .acf-field[data-name="einwilligung_bearbeitung"],
.contact-form .acf-field[data-name="bestaetigung_datenschutz"],
.contact-form .acf-field[data-name="einwilligung_bearbeitung"] .message,
.contact-form .acf-field[data-name="bestaetigung_datenschutz"] .message,
.register-form .acf-field[data-name="einwilligung_bearbeitung"],
.register-form .acf-field[data-name="bestaetigung_datenschutz"],
.register-form .acf-field[data-name="einwilligung_bearbeitung"] .message,
.register-form .acf-field[data-name="bestaetigung_datenschutz"] .message {
  padding-left: 2rem;
  display: inline-block;
  font-size: 0.75rem;
  color: var(--wp--preset--color--black);
}
.contact-form
  .acf-field[data-name="einwilligung_bearbeitung"]
  input[type="checkbox"],
.contact-form
  .acf-field[data-name="bestaetigung_datenschutz"]
  input[type="checkbox"],
.register-form
  .acf-field[data-name="einwilligung_bearbeitung"]
  input[type="checkbox"],
.register-form
  .acf-field[data-name="bestaetigung_datenschutz"]
  input[type="checkbox"] {
  position: absolute;
  left: 0;
  top: 3px;
  margin: 0;
}
.contact-form
  .acf-field[data-name="einwilligung_bearbeitung"]
  input[type="checkbox"]::before,
.contact-form
  .acf-field[data-name="bestaetigung_datenschutz"]
  input[type="checkbox"]::before,
.register-form
  .acf-field[data-name="einwilligung_bearbeitung"]
  input[type="checkbox"]::before,
.register-form
  .acf-field[data-name="bestaetigung_datenschutz"]
  input[type="checkbox"]::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 16px;
  height: 16px;
  border: 1px solid var(--wp--preset--color--green);
  background-color: var(--wp--preset--color--white);
}
.contact-form
  .acf-field[data-name="einwilligung_bearbeitung"]
  input[type="checkbox"]:checked::after,
.contact-form
  .acf-field[data-name="bestaetigung_datenschutz"]
  input[type="checkbox"]:checked::after,
.register-form
  .acf-field[data-name="einwilligung_bearbeitung"]
  input[type="checkbox"]:checked::after,
.register-form
  .acf-field[data-name="bestaetigung_datenschutz"]
  input[type="checkbox"]:checked::after {
  content: "";
  position: absolute;
  left: 1px;
  top: 1px;
  width: 14px;
  height: 14px;
  background-color: var(--wp--preset--color--green);
  mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='a' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath class='b' d='M6.57,13.1L16.79,2.89c.37-.37.81-.55,1.32-.55s.96.18,1.33.55c.37.38.55.82.55,1.33s-.18.96-.55,1.33l-11.52,11.55c-.39.38-.84.57-1.36.57s-.96-.19-1.34-.57L.56,12.43C.18,12.05,0,11.61,0,11.1c0-.51.2-.96.58-1.33.37-.37.81-.55,1.33-.55s.96.18,1.34.55l3.33,3.34Z'/%3E%3C/svg%3E");
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
}
.contact-form .acf-field .acf-error-message,
.register-form .acf-field .acf-error-message {
  display: none;
}
.contact-form .acf-field:has(.acf-error-message),
.register-form .acf-field:has(.acf-error-message) {
  outline: 1px solid #cc2727;
  outline-offset: 1px;
}
.contact-form input,
.contact-form select,
.contact-form textarea,
.register-form input,
.register-form select {
  outline: none;
  border: 1px solid var(--wp--preset--color--green);
  border-radius: 0;
  padding: 0.5rem 1rem !important;
  font-family: "Open Sans", sans-serif;
}
.contact-form input:focus,
.contact-form select:focus,
.contact-form textarea:focus,
.register-form input:focus,
.register-form select:focus {
  border-color: var(--wp--preset--color--green);
}

/* Post password form */
body.wp-singular > .wp-site-blocks > header + .entry-content > form.post-password-form:not(.alignwide):not(.alignfull) {
  width: 100% !important;
  max-width: unset !important;
  background-color: var(--wp--preset--color--green-20);
  margin-bottom: 0;
  padding: 6rem 5vw;
}
.post-password-form p {
  text-align: center;
}
.post-password-form p:nth-last-child(2) {
  font-weight: 600;
  margin-bottom: 2rem;
}
.post-password-form > p > label > input[type="password"] {
  appearance: none;
  border: none;
  outline: 1px solid var(--wp--preset--color--green);
  padding: 0.25rem;
  border-radius: 0;
  margin: 0.5rem;
}
.post-password-form > p > label > input[type="password"]:focus {
  outline: 2px solid var(--wp--preset--color--green);
}
.post-password-form input[type="submit"] {
  padding: 0.25rem 1rem;
  border: 1px solid var(--wp--preset--color--green);
  color: var(--wp--preset--color--white);
  background-color: var(--wp--preset--color--green);
  cursor: pointer;
}

/* Footer */
footer > .wp-block-group > .wp-block-columns {
  width: auto !important;
  max-width: unset !important;
  margin: 0 30px !important;
}
footer ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
footer ul li {
  margin-bottom: 7px;
}
footer p {
  font-weight: 400;
  line-height: 1.3;
  font-size: var(--wp--preset--font-size--x-small);
}
footer p > a {
  transition: color 0.3s ease;
}
@media (pointer: fine) and (hover: hover) {
  footer p > a:hover {
    color: var(--wp--preset--color--green-40);
  }
}

.logged-in {
  padding-top: var(--wp-admin--admin-bar--height);
}

/* media queries -------------------------------------------------------------------------------------------------------------------------------------------- */

@media only screen and (min-width: 600px) {
  /* Slider */
  .entry-content > .slider:first-child .slide > figure > img {
    aspect-ratio: 4 / 2;
  }
  .swiper-container-wrapper .swiper-button-next,
  .swiper-container-wrapper .swiper-button-prev {
    width: 25px !important;
    height: 50px !important;
  }

  /* Block quote */
  .wp-block-quote.is-style-stars p::before {
    height: auto;
    width: 50%;
  }
  .wp-block-quote.is-style-lines p::before {
    height: auto;
    width: 60%;
  }

  /* Post query loop */
  .wp-block-query .wp-block-post .wp-block-post-featured-image {
    width: 50% !important;
  }
}

@media only screen and (min-width: 782px) {
  /* Post query loop */
  .wp-block-query .wp-block-post .wp-block-post-featured-image {
    width: 100% !important;
  }
  /* Footer */
  footer .wp-block-group > .wp-block-columns {
    flex-direction: column;
  }
}

@media only screen and (min-width: 860px) {
  /* Footer */
  footer .wp-block-group > .wp-block-columns {
    flex-direction: row;
  }
}

@media only screen and (min-width: 990px) {
  .header-inner {
    margin: 0 auto;
  }
  .head-logo img {
    margin: 21px 10px 22px 30px;
    width: 230px !important;
  }
  /* main menu */
  .wp-block-navigation {
    flex-direction: row;
    width: auto;
  }
  .wp-block-navigation .wp-block-navigation-item {
    width: auto;
  }
  .wp-block-navigation .wp-block-navigation-item[class*="esi-"] {
    border-top: none;
  }
  .wp-block-navigation .wp-block-navigation-item::before {
    margin-left: 0;
    padding-left: 0;
  }
  .wp-block-navigation ul > li > a {
    padding: 8px 12px;
    border: 0;
  }
  .wp-block-navigation[aria-label="Zweitmenü"] ul > li > a {
    font-size: var(--wp--preset--font-size--x-small);
  }
  .wp-block-navigation ul:not(.wp-block-navigation__submenu-container) {
    flex-direction: row;
  }
  .wp-block-navigation
    ul:not(.wp-block-navigation__submenu-container)
    > li.has-child {
    flex-wrap: nowrap;
    justify-content: center;
    margin-right: 9px;
  }
  .wp-block-navigation
    ul:not(.wp-block-navigation__submenu-container)
    > li.has-child
    > a {
    padding: 11px 2px 11px 15px;
    border: 0;
  }
  .wp-block-navigation ul.wp-block-navigation__submenu-container {
    left: -6px !important;
    right: auto !important;
    width: auto !important;
    -webkit-box-shadow: 0px 10px 30px -10px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 10px 30px -10px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 10px 30px -10px rgba(0, 0, 0, 0.1);
    padding: 0;
    min-width: 260px !important;
    position: absolute !important;
  }
  .wp-block-navigation .wp-block-navigation__submenu-icon {
    position: relative;
    padding: 0;
  }
  .wp-block-navigation-submenu:hover > a {
    color: red !important;
  }
  .wp-block-navigation-submenu:hover > button > svg > path {
    color: red;
  }
  .wp-block-navigation ul.wp-block-navigation__submenu-container > li > a {
    padding: 17px 22px 18px;
    border-bottom: 1px solid #ddd;
  }
  .wp-block-navigation ul > li:last-child > a {
    border-bottom: none !important;
  }
  .wp-block-navigation ul:not(.wp-block-navigation__submenu-container) > li.has-child > .wp-block-navigation__submenu-icon svg path {
    stroke-width: 1;
  }
  .wp-block-navigation .wp-block-buttons {
    margin-left: 0;
    margin-bottom: 0;
  }

  /* menu */
  .wp-block-group:has(> .wp-block-navigation + .wp-block-search) {
    flex-direction: row;
    align-items: center;
  }
  /* search */
  .wp-block-search {
    width: auto;
  }
  .wp-block-search.wp-block-search__searchfield-hidden
    .wp-block-search__button {
    padding-left: 0.5rem !important;
  }
  .wp-block-search .wp-block-search__input {
    padding-left: 8px;
  }
  .wp-block-search.wp-block-search__searchfield-hidden {
    width: auto;
    margin-left: 12px;
  }
  /* Zweitmenü */
  .wp-block-navigation[aria-label="Zweitmenü"] ul {
    display: flex;
  }
  .wp-block-navigation[aria-label="Zweitmenü"] ul li:nth-child(1) a, 
  .wp-block-navigation[aria-label="Zweitmenü"] ul li:nth-child(2) a,    
  .wp-block-navigation[aria-label="Zweitmenü"] ul li:nth-child(3) a, 
  .wp-block-navigation[aria-label="Zweitmenü"] ul li:nth-child(4) a {
    padding: 8px 12px !important;
  }

  /* cover-blocks */
  .wp-block-cover.alignfull.has-custom-content-position {
    padding: 8rem !important;
  }

  /* paddings and margins for alignfull blocks */
  .alignfull {
    margin-top: 6rem;
  }
  .wp-block-group.alignfull.has-background,
  .wp-block-cover.alignfull {
    padding: 6rem 0;
  }
  .alignfull + * {
    margin-top: 6rem;
  }
  .entry-content > *:last-child:not(.alignfull) {
    margin-bottom: 6rem;
  }
 .entry-content:has(*:last-child.alignfull.has-background) + footer {
  margin-top: 0 !important;
 }

  /* Slider */
  .entry-content > .slider:first-child .slide > figure > img {
    aspect-ratio: 3 / 1;
  }
  /* Slider */
  .swiper-container-wrapper .swiper-button-next,
  .swiper-container-wrapper .swiper-button-prev {
    width: 30px !important;
    height: 60px !important;
  }

  /* Block quote */
  .wp-block-quote {
    max-width: 600px;
    margin: 6rem auto !important;
  }
}

/* special media query for content width plus 10vw */
@media only screen and (min-width: calc(1200px + 10vw)) {
}
