/*
Theme Name: Anna Florin Theme
Author: Süsskind SGD
Description: Theme für Anna Florin
Version: 1.0
*/

/* variablen */

/*VARIABELN----------------------------------*/
:root {
  /*Farben*/
  --col-main: #fff; /*Weiss*/
  --col-secondary: #145faa; /*Blau*/
  --col-tertiary: #ff6030; /*Orange*/

  /*Schriften*/
  --ff-name: "Lora", serif;
  --fs-basic: 25px;
  --lh-basic: 35px;

  --fs-fliesstext: calc(var(--fs-basic) * 0.85);
  --lh-fliesstext: calc(var(--lh-basic) * 0.95);

  --fs-small: calc(var(--fs-basic) * 0.6);
  --lh-small: calc(var(--lh-basic) * 0.65);

  --fs-h1: calc(var(--fs-basic) * 2);
  --lh-h1: calc(var(--lh-basic) * 1.8);

  --fs-h2: calc(var(--fs-basic) * 1.4);
  --lh-h2: calc(var(--lh-basic) * 1.34);

  --fs-h3: calc(var(--fs-basic) * 1.1);
  --lh-h3: calc(var(--lh-basic) * 1.15);

  --fs-aside: calc(var(--fs-basic) * 1.3);
  --lh-aside: calc(var(--lh-basic) * 1.3);

  --fa-normal: left;
  --fa-special: right;
  --fa-different: center;
  --fw-bold: 700;
  --fw-regular: 400;
  --ls-hover: 0.8;

  --fd-link: underline;

  /*Breiten / Abstände*/
  --con-width: 90vw;
  --con-max-width: 835px;
  --con-max-width-plus: calc(var(--con-max-width) + 200px);
  --con-max-width-footer: calc(var(--con-max-width) + 400px);
  --sp-section: 80px;
  --sp-aside: 30px;
  --sp-big: 100px;
  --sp-medium: 55px;
  --sp-small: 10px;
}

/**************************************************************************************************/
/**************************************************************************************************/
/**************************************************************************************************/
/*Allgemeine Abstände / Farben / Schriften etc*/
section {
  padding: var(--sp-section) 0px;
  box-sizing: border-box;
}

/*Font and Color*/
html {
  font-size: var(--fs-basic);
  scroll-behavior: smooth;
}
body {
  font-size: var(--fs-fliesstext);
  line-height: var(--lh-fliesstext);
  font-family: var(--ff-name);
  background-color: var(--col-main);
  color: var(--col-secondary);
  margin: 0;
}

h1,
h2 {
  font-weight: var(--fw-bold);
  color: var(--col-tertiary);
}
h3,
h4,
h5,
h6 {
  font-weight: var(--fw-bold);
  color: var(--col-secondary);
}
h1 {
  font-size: var(--fs-h1);
  line-height: var(--lh-h1);
  text-align: var(--fa-special);
}
h2 {
  font-size: var(--fs-h2);
  margin-bottom: var(--sp-small);
  line-height: var(--lh-h2);
}
/* h2:not(.center)			{ max-width: 77%; margin-right: 0px; margin-left: auto;} */
h3 {
  font-size: var(--fs-h3);
  line-height: var(--lh-h3);
  margin: 0;
}
h4 {
  font-size: var(--fs-h3);
  line-height: var(--lh-h3);
  margin: 0;
}
/*h2 						{ text-align: var(--fa-different); font-size: var(--fs-h2); line-height: var(--lh-h2);}*/
strong {
  font-weight: var(--fw-bold);
}
small {
  font-weight: var(--fw-regular);
}
h1 small,
h2 small,
h3 small {
  font-size: var(--fs-fliesstext);
  line-height: var(--lh-fliesstext);
}

a {
  color: inherit;
}
main a {
  text-decoration: none;
  border-bottom: 2px solid currentColor;
}
.language a {
  border-bottom: none;
}
a:hover,
summary:hover {
  opacity: var(--ls-hover);
}

blockquote,
summary {
  line-height: var(--lh-aside);
  font-size: var(--fs-aside);
  font-weight: var(--fw-bold);
  margin: var(--sp-aside) 0;
}
.secondary blockquote *,
.secondary summary,
blockquote *,
summary,
.secondary blockquote,
blockquote {
  color: var(--col-tertiary) !important;
}
.tertiary blockquote *,
.tertiary summary,
.tertiary blockquote {
  color: var(--col-main) !important;
}

blockquote.quote-right {
  text-align: var(--fa-special);
}

/*Abstände angepasst wenn nach bestimmten Element*/
h3 + h3 {
  margin-top: var(--sp-big);
}
h3 + p,
h4 + p,
h2 + p {
  margin-top: var(--sp-small);
}
blockquote + h2 {
  margin-top: var(--sp-big);
}
p + h2,
p + h3,
a + h2,
p + h2,
ul + h3 {
  margin-top: var(--sp-medium);
}
h2 + h3,
h2 + h4 {
  margin-top: var(--sp-medium);
}

#medias h4 + p,
#medien h4 + p {
  margin-top: 0;
}
#medias p + h4,
#medien p + h4 {
  margin-top: var(--sp-medium);
}

/*Colors*/
.secondary {
  background-color: var(--col-secondary);
  color: var(--col-main);
}
.secondary,
.secondary h3,
.secondary p,
.secondary h4,
.secondary h5,
.secondary h6 {
  color: var(--col-main);
}

.tertiary {
  background-color: var(--col-tertiary);
  color: var(--col-main);
}
.tertiary * {
  color: var(--col-main);
}

/*Custom helper classes*/
.nopaddingbottom {
  padding-bottom: 0;
}
.nopaddingtop {
  padding-top: 0;
}
.twocolumns {
  column-count: 2;
}
.twocolumns p {
  display: inline-block;
}

.fullheight {
  height: 100vh; /* Fallback for browsers that do not support Custom Properties */
  height: calc(var(--vh, 1vh) * 100);
}

.center {
  text-align: center;
}
.left {
  text-align: left;
}
.right {
  text-align: right;
}

/*Content not full width*/
.contentwidth,
.contentwidth_parent > div {
  width: var(--con-width);
  max-width: var(--con-max-width);
  margin: 0 auto;
}
.contentwidthplus {
  width: var(--con-width);
  max-width: var(--con-max-width-plus);
  margin: 0 auto;
  padding-bottom: var(--sp-big);
}

.contentwidth_parent > div {
  padding: 50px 0 80px 0;
}

.contentwidth_parent:first-of-type {
  margin-top: -1em;
}

/*************************************************************************/
/*************************************************************************/
/*Fade-In Content*/

.animation {
  opacity: 0;
  transition: opacity 1s ease, transform 1s ease;
  will-change: auto;
  transform: translatey(80px);
}
.animation.start {
  opacity: 1;
  transform: translatey(0px);
}

/**************************************************************************************************/
/**************************************************************************************************/
/* Header / Menu / Menü */

.x_icon, .burger_icon/*, .burger_icon_weiss*/ {
  fill: none;
  stroke-width: 3;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-miterlimit: 10;
}
.x_icon {
  stroke: var(--col-main);
}
#menu_burger:not(.white) .burger_icon {
  stroke: var(--col-secondary);
}
#menu_burger.white .burger_icon {
  stroke: var(--col-main);
}

/*.burger_icon_weiss {stroke:var(--col-main);}*/
.mobile_menu_visible {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}

.mobile_menu_menu ul {
  list-style: none;
  padding-left: 0px;
  margin: 0;
  display: flex;
  gap: 2em;
  margin-top: 1em;
}

.mobile_menu_menu * {
  text-decoration: none;
  color: var(--col-tertiary);
}

/*Overlay*/
.mobile_menu_content {
  display: none;
  z-index: 999;
  overflow-x: auto;
  max-width: 100%;
  width: 100%;
  box-sizing: border-box;
  height: 100vh;
  height: calc(var(--vh, 1vh) * 100);
  position: fixed;
  top: 0;
  left: 0;
  background: var(--col-tertiary);
}

.mobile_menu_flex {
  height: 95%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

.mobile_menu_logo {
  width: 50vw;
  max-width: 300px;
  margin: 0 auto;
  --height: 120px;
  max-height: var(--height);
  transform: max-height(var(---height));
  transform-origin: center center;
  transition: max-height 160ms ease;
  will-change: max-height;
}

/* Reduced motion users: skip animation */
@media (prefers-reduced-motion: reduce) {
  .mobile_menu_logo,
  .mobile_menu_logo img {
    transition: none;
  }
}

.mobile_menu_logo img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  --height: 120px;
  max-height: var(--height);
  transform: max-height(var(---height));
  transform-origin: center center;
  transition: max-height 160ms ease;
  will-change: max-height;
}

.mobile_menu_logo.is-small,
.mobile_menu_logo.is-small img {
  --height: 80px;
}

.mobile_menu_flex .mobile_menu_logo {
  margin-top: 2em;
}

.mobile_menu_inner {
  display: flex;
  flex: 1;
  justify-content: center;
  align-items: center;
  gap: 8em;
}

/*Burger Icon*/
#content > header {
  position: sticky;
  top: 0;
  width: 100%;
  background-color: var(--col-main);
  z-index: 9;
  padding: 2em 0 1.5em 0;
}

#menu_burger,
#menu_close {
  position: absolute;
  top: calc(2em + 30px);
  right: 50px;
  background: #0000;
  border: none;
  cursor: pointer;
  z-index: 9;
}
#menu_close svg {
  margin-right: 5px;
  margin-top: 5px;
}

/*Menu Elemente*/
.mobile_menu_inner > ul {
  list-style: none;
  padding-left: 0px;
}
.mobile_menu_inner li {
  padding: 15px 0;
}
.mobile_menu_inner li a {
  color: var(--col-main);
  text-decoration: none;
  font-size: var(--fs-h2);
  line-height: var(--lh-h2);
  font-weight: var(--fw-bold);
}

/* .mobile_menu_inner > ul:nth-last-of-type(1) li a {
	font-size: var(--fs-h3);
	line-height: var(--lh-h3);
} */
/* .mobile_menu_inner > ul:nth-last-of-type(1) li { padding: 5px 0; } */

body.mobilemenu_open {
  overflow: hidden;
}
/*body.mobilemenu_open {
	position: fixed; 
	width: 100%;
	overflow-y:scroll;
}*/

.right_image {
  position: absolute;
  max-width: 400px;
  right: calc(((100vw - var(--con-max-width)) / 2) - 400px);
  top: 400px;
}

/*************************************************************************/
/*************************************************************************/
/*Events*/

.tribe-events .tribe-events-c-search__button,
.tribe-events button.tribe-events-c-search__button {
  background-color: var(--col-secondary) !important;
}
.tribe-common .tribe-common-c-btn-border,
.tribe-common a.tribe-common-c-btn-border {
  background-color: transparent !important;
}

.tribe-events
  .tribe-events-c-subscribe-dropdown
  .tribe-events-c-subscribe-dropdown__button:hover {
  color: inherit !important;
}

.tribe-events button.tribe-events-c-top-bar__datepicker-button {
  color: var(--col-secondary) !important;
}

.tribe-common .tribe-common-c-svgicon__svg-fill,
.tribe-common
  .tribe-common-c-btn-icon--caret-left
  .tribe-common-c-btn-icon__icon-svg
  path,
.tribe-common
  .tribe-common-c-btn-icon--caret-right
  .tribe-common-c-btn-icon__icon-svg
  path {
  fill: var(--col-secondary) !important;
}

.tribe-common
  .tribe-common-c-btn-icon--caret-left:disabled
  .tribe-common-c-btn-icon__icon-svg
  path,
.tribe-common
  .tribe-common-c-btn-icon--caret-right:disabled
  .tribe-common-c-btn-icon__icon-svg
  path {
  opacity: 0.5 !important;
}

#tribe-events-pg-template .tribe-events-content h1,
.tribe-events-after-html h1,
.tribe-events-before-html h1 {
  font-size: var(--fs-h1) !important;
  line-height: var(--lh-h1) !important;
}

.tribe-common h1 {
  font-weight: var(--fw-bold) !important;
  margin-bottom: 1em !important;
}

/* .tribe-events .tribe-events-calendar-list__month-separator:after, .tribe-common--breakpoint-medium.tribe-events .tribe-events-c-view-selector--tabs .tribe-events-c-view-selector__list-item--active .tribe-events-c-view-selector__list-item-link:after, .tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-month__day:hover:after {
	background-color: var(--col-tertiary)!important;
} */
/* .tribe-events .tribe-events-calendar-list-nav {
  border-top: 1px solid var(--col-tertiary) !important;
} */
.tribe-common--breakpoint-medium.tribe-events
  .tribe-events-c-events-bar--border {
  border: 1px solid var(--col-tertiary) !important;
}

.tribe-block__venue {
  display: none !important;
}

.tribe-events-notices {
  background: transparent !important;
  border-color: transparent !important;
  margin: 2em 0 3em !important;
  text-shadow: none !important;
  padding: 0 !important;
}

.tribe-events-single-event-title {
  margin-bottom: 2em !important;
}

.tribe-events-header__events-bar,
.tribe-events-header__messages {
  display: none !important;
}

.tribe-events-c-top-bar__today-button {
  width: 0 !important;
  height: 0 !important;
  visibility: hidden !important;
  overflow: hidden !important;
}

.tribe-events .tribe-events-c-top-bar__nav-link--next,
.tribe-events .tribe-events-c-top-bar__nav-link--prev {
  justify-content: end !important;
}

.tribe-common a:not(.tribe-common-anchor--unstyle) {
  color: var(--col-tertiary) !important;
}

.tribe-common .tribe-common-c-btn-border,
.tribe-common a.tribe-common-c-btn-border {
  border-radius: 0 !important;
}

.tribe-events-calendar-month__day-date-daynum a {
  cursor: default;
  pointer-events: none;
}

.tooltipster-box p,
.tooltipster-box span {
  color: var(--col-secondary) !important;
  font-size: var(--fs-small) !important;
}
.tooltipster-box .tribe-common-h7 {
  font-size: var(--fs-small) !important;
}

/*Single Event*/

.single-tribe_events main {
  background-color: var(--col-secondary) !important;
}

.single-tribe_events main * {
  color: var(--col-main) !important;
}

.single-tribe_events .tribe-events-notices * {
  color: var(--col-tertiary) !important;
}

.single-tribe_events .tribe-blocks-editor .tribe-events-single-event-title {
  text-align: left !important;
}

.single-tribe_events .tribe-common-c-btn-border,
.single-tribe_events a.tribe-common-c-btn-border {
  border-color: var(--col-main) !important;
}

.tribe-events-adv-list-widget .tribe-events-widget-link a,
.tribe-events-back a,
.tribe-events-list-widget .tribe-events-widget-link a,
ul.tribe-events-sub-nav a {
  font-size: var(--fs-fliesstext) !important;
}

.events-list #tribe-events-footer,
.single-tribe_events #tribe-events-footer,
.tribe-events-day #tribe-events-footer,
.tribe-events-map #tribe-events-footer,
.tribe-events-photo #tribe-events-footer {
  border-top: none !important;
}

#tribe-events-footer {
  display: none !important;
}
.single-tribe_events main a {
  text-decoration: none !important;
  border-bottom: 2px solid var(--col-tertiary) !important;
}

.tribe-events .tribe-events-c-nav__next:disabled,
.tribe-events .tribe-events-c-nav__prev:disabled {
  font-size: 16px !important;
}

/**************************************************************************************************/
/**************************************************************************************************/
/*Intro / Start / Home / Logo*/

/*Logo*/
.logo_outer {
  height: 96%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.logo {
  width: 50vw;
}
/*.logo img { margin-top: -50px; }*/
.logo svg {
  margin-top: -50px;
}

/*************************************************************************/
/*************************************************************************/
/*SVG Animation / Logo Animation*/
/*https://css-tricks.com/animate-calligraphy-with-svg/*/

.logo .st0 {
  fill: var(--col-secondary);
}
.logo .st1 {
  fill: var(--col-tertiary);
}
.logo .st2 {
  fill: none;
  stroke: #fff;
  stroke-width: 14.2446;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-miterlimit: 10;
}

.first #gestaltung .a {
  stroke-dasharray: 586;
  stroke-dashoffset: 586;
  animation: dash 0.5s linear forwards;
}

.first #gestaltung .nna {
  stroke-dasharray: 970;
  stroke-dashoffset: 970;
  animation: dash 1s linear forwards 0.5s;
}

.first #gestaltung .f1 {
  stroke-dasharray: 164;
  stroke-dashoffset: 164;
  animation: dash 0.2s linear forwards 1.6s;
}

.first #gestaltung .f2 {
  stroke-dasharray: 451;
  stroke-dashoffset: 451;
  animation: dash 0.2s linear forwards 1.8s;
}

.first #gestaltung .f3 {
  stroke-dasharray: 103;
  stroke-dashoffset: 103;
  animation: dash 0.2s linear forwards 2s;
}

.first #gestaltung .lor {
  stroke-dasharray: 1192;
  stroke-dashoffset: 1192;
  animation: dash 0.8s linear forwards 2.2s;
}

.first #original .punkt {
  opacity: 0;
  animation: fadein 0.05s linear forwards 2.9s;
}
.first #byline {
  opacity: 0;
  animation: fadein 1s linear forwards 3.3s;
}
.fullheight.intro {
  position: absolute;
  z-index: 99999;
  background-color: var(--col-main);
  width: 100%;
  height: 100vh;
  box-sizing: border-box;
  top: 0;
}

.first .fullheight.intro {
  animation: slideUp 1s ease forwards 4.3s;
}

@keyframes dash {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes fadein {
  to {
    opacity: 1;
  }
}

@keyframes slideUp {
  to {
    transform: translateY(-140%);
  }
}

@keyframes appear {
  to {
    opacity: 1;
  }
}

body:not(.first) .fullheight.intro {
  display: none;
}

.first header {
  opacity: 0;
  animation: appear 1s ease forwards 4.3s;
}

/*************************************************************************/

.language {
  /* width: 90vw; */
  margin: 0 auto;
  position: absolute;
  top: calc(2em + 16px);
  right: 120px;
}
.wpml-ls-statics-shortcode_actions ul {
  display: flex;
  justify-content: space-between;
  list-style: none;
}
.language * {
  font-size: var(--fs-h3);
}

.wpml-ls-statics-shortcode_actions {
  width: 100%;
}

.wpml-ls-slot-shortcode_actions.wpml-ls-current-language {
  /* color: var(--col-tertiary); */
  display: none !important;
}

/*************************************************************************/
/*************************************************************************/
/*WPML / Sprachwahl / Sprachen*/

.language a {
  font-weight: var(--fw-bold);
  text-decoration: none;
}
.language .ru a {
  color: var(--col-tertiary);
}

/**************************************************************************************************/
/**************************************************************************************************/
/*Situationsplan Guarda SVG animation*/

.situationsplan .st0 {
  fill-rule: evenodd;
  clip-rule: evenodd;
  fill: #dfe4f2;
}
.situationsplan .st1 {
  fill-rule: evenodd;
  clip-rule: evenodd;
  fill: #b6c3e1;
}
.situationsplan .st2 {
  fill-rule: evenodd;
  clip-rule: evenodd;
  fill: #ff6130;
}
.situationsplan .st3 {
  fill-rule: evenodd;
  clip-rule: evenodd;
  fill: #145faa;
}
.situationsplan .st4 {
  display: none;
  fill: #010000;
}
.situationsplan .st6 {
  font-size: 7.1865px;
}
.situationsplan .st7 {
  display: none;
  fill-rule: evenodd;
  clip-rule: evenodd;
  fill: #135eab;
}
.situationsplan .st8 {
  display: none;
  fill-rule: evenodd;
  clip-rule: evenodd;
  fill: #b6c3e1;
}
.situationsplan .st9 {
  fill: #ff6130;
}
.situationsplan .st11 {
  font-size: 22.9095px;
}
.situationsplan .st12 {
  fill: #b6c3e1;
}
.situationsplan .st13 {
  fill: #145faa;
}
.situationsplan .st14 {
  fill-rule: evenodd;
  clip-rule: evenodd;
  fill: #4f87bf;
}
.situationsplan .st15 {
  fill: #4f87bf;
}
.situationsplan .st16 {
  fill-rule: evenodd;
  clip-rule: evenodd;
  fill: var(--col-secondary);
}
.situationsplan .st17 {
  fill: #4f87bf;
  opacity: 1;
}

.situationsplan .st16.animate {
  animation: col 1s linear forwards;
}
.situationsplan .st17.animate {
  animation: plan_fadeIn 1s linear forwards;
}

@keyframes col {
  from {
    fill: #ff6130;
  }
  to {
    fill: #145faa;
  }
}

@keyframes plan_fadeIn {
  to {
    opacity: 100%;
  }
}

/**************************************************************************************************/
/**************************************************************************************************/
/*Posters*/

.poster {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 7%;
}
.poster img {
  width: 100%;
  cursor: pointer;
}
.modal img {
  max-width: 70vw;
  max-height: 70vh;
}

.modal {
  visibility: hidden;
  position: fixed;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgb(0, 0, 0);
  background-color: rgba(0, 0, 0, 0.4);
  display: flex;
  width: 100vw;
  height: 100vh;
  align-content: center;
  justify-content: center;
  cursor: pointer;
}
.modal.open {
  visibility: visible;
}
.modal-content {
  align-self: center;
  cursor: auto;
}

/**************************************************************************************************/
/**************************************************************************************************/
/*Interview*/
details summary {
  font-weight: var(--fw-bold);
  color: var(--col-tertiary);
  text-align: var(--fa-special);
  cursor: pointer;
  text-decoration: var(--fd-link);
  margin-top: var(--sp-section);
  max-width: 200px;
  margin-right: 0px;
  margin-left: auto;
}

details > summary {
  list-style: none;
}
details > summary::-webkit-details-marker {
  display: none;
}

details[open] summary::after {
  content: attr(data-open);
}

details:not([open]) summary::after {
  content: attr(data-close);
}

/**************************************************************************************************/
/**************************************************************************************************/
/*Footer*/
footer section {
  margin: 0 auto;
  max-width: var(--con-max-width-footer);
  width: var(--con-width);
  padding-bottom: var(--sp-medium);
  padding-top: var(--sp-medium);
}
.footer_logo {
  display: flex;
  justify-content: center;
  /*margin-bottom: var(--sp-section);*/
}
.footer_logo img {
  max-width: 400px;
  max-height: 155px;
  width: var(--con-width);
}

/*.footer_content {
	display: flex;
}
.footer_content > div {width: 33.33%;}*/
.footer_content * {
  font-weight: var(--fw-bold);
  text-align: var(--fa-different);
}
/*.footer_content .widget_2 {text-align: var(--fa-different);}
.footer_content .widget_3 {text-align: var(--fa-special);}*/

.socket {
  font-size: var(--fs-small);
  line-height: var(--lh-small);
}

#menu-footer-menu,
#menu-footer-menu-de {
  list-style: none;
}

footer .widget_1 a {
  text-decoration: none;
}

.social_icons {
  display: flex;
  justify-content: space-between;
  width: 60px;
  /* margin-bottom: 1em;
	margin-top: 1.27em; */
  /* margin: auto; */
}

.social_icons svg {
  width: 25px;
  height: 25px;
  fill: var(--col-secondary);
}

.socket {
  display: flex;
  justify-content: space-between;
  margin: 0;
  padding: 0;
}

.socket {
  padding-top: var(--sp-section);
}

.footer {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 2em;
  max-width: var(--con-max-width-footer);
}

.footer > div {
  width: 100%;
}

.footer a {
  text-decoration: none;
  border-bottom: 2px solid var(--col-tertiary);
}
.footer .social_icons a {
  border-bottom: none;
}

.footer li {
  list-style: none;
}
.footer ul {
  padding-left: 0;
}

.aktuell.wp-block-group .wp-block-group {
  margin-bottom: 2em;
}

.mail-icon {
  width: 36px;
  height: auto;
  display: block;
  margin-top: 10px;
  border-bottom: none !important;
}

.mail-icon:before {
  display: none !important;
}

.mail-icon svg {
  fill: var(--col-secondary);
}

.secondary .mail-icon svg {
  fill: var(--col-main);
}

/**************************************************************************************************/
/**************************************************************************************************/
/* Erweiterter Seitenbesuchszähler / Advanced Page visit counter / Zähler */
.counter {
  color: var(--col-main);
  margin: 0 auto;
  padding: 0px;
  text-align: center;
  font-size: 16px;
  height: 5px;
  line-height: 1;
}

/**************************************************************************************************/
/**************************************************************************************************/
/* Posts / Medias */

.wp-block-query .wp-block-post-template {
  border-left: 2px solid var(--col-tertiary);
  padding-left: 1em;
}

.wp-block-post-content > p {
  margin-top: 0;
}

.wp-block-post-content {
  margin-bottom: 2em;
}

.wp-block-post a {
  text-decoration: none;
  transition: all 0.2s ease;
}

.wp-block-post a:before {
  transition: all 0.2s ease;
  content: "";
  float: left;
  width: 1lh;
  height: 1lh;
  block-size: 1lh;
  margin-left: -4em;

  background-color: currentColor;

  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: auto 0.8lh;
  -webkit-mask-position: right top;

  mask-repeat: no-repeat;
  mask-size: auto 0.8lh;
  mask-position: right top;
}

.wp-block-post.category-text a:before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 50 50'%3E%3Cdefs%3E%3Cstyle%3E .st0 %7B fill: none; stroke: %23000; stroke-linecap: round; stroke-linejoin: round; stroke-width: 3px; %7D %3C/style%3E%3C/defs%3E%3Cpath d='M25,3.7c11.6,0,21.1,9.5,21.1,21.1s-9.5,21.1-21.1,21.1S3.9,36.4,3.9,24.8,13.4,3.7,25,3.7M25,.7C11.7.7.9,11.5.9,24.8s10.8,24.1,24.1,24.1,24.1-10.8,24.1-24.1S38.3.7,25,.7h0Z'/%3E%3Cpath class='st0' d='M16.9,18h16.3-16.3Z'/%3E%3Cline class='st0' x1='16.9' y1='24.8' x2='33.1' y2='24.8'/%3E%3Cline class='st0' x1='16.9' y1='31.5' x2='33.1' y2='31.5'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 50 50'%3E%3Cdefs%3E%3Cstyle%3E .st0 %7B fill: none; stroke: %23000; stroke-linecap: round; stroke-linejoin: round; stroke-width: 3px; %7D %3C/style%3E%3C/defs%3E%3Cpath d='M25,3.7c11.6,0,21.1,9.5,21.1,21.1s-9.5,21.1-21.1,21.1S3.9,36.4,3.9,24.8,13.4,3.7,25,3.7M25,.7C11.7.7.9,11.5.9,24.8s10.8,24.1,24.1,24.1,24.1-10.8,24.1-24.1S38.3.7,25,.7h0Z'/%3E%3Cpath class='st0' d='M16.9,18h16.3-16.3Z'/%3E%3Cline class='st0' x1='16.9' y1='24.8' x2='33.1' y2='24.8'/%3E%3Cline class='st0' x1='16.9' y1='31.5' x2='33.1' y2='31.5'/%3E%3C/svg%3E");
}

.wp-block-post.category-video a:before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 50 50'%3E%3Cdefs%3E%3Cstyle%3E .st0 %7B fill: none; stroke: %23000; stroke-linecap: round; stroke-linejoin: round; stroke-width: 3px; %7D %3C/style%3E%3C/defs%3E%3Cpath d='M25,3.7c11.6,0,21.1,9.5,21.1,21.1s-9.5,21.1-21.1,21.1S3.9,36.4,3.9,24.8,13.4,3.7,25,3.7M25,.7C11.7.7.9,11.5.9,24.8s10.8,24.1,24.1,24.1,24.1-10.8,24.1-24.1S38.3.7,25,.7h0Z'/%3E%3Cpolygon class='st0' points='35.1 24.4 20.1 13.9 20.1 34.9 35.1 24.4'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 50 50'%3E%3Cdefs%3E%3Cstyle%3E .st0 %7B fill: none; stroke: %23000; stroke-linecap: round; stroke-linejoin: round; stroke-width: 3px; %7D %3C/style%3E%3C/defs%3E%3Cpath d='M25,3.7c11.6,0,21.1,9.5,21.1,21.1s-9.5,21.1-21.1,21.1S3.9,36.4,3.9,24.8,13.4,3.7,25,3.7M25,.7C11.7.7.9,11.5.9,24.8s10.8,24.1,24.1,24.1,24.1-10.8,24.1-24.1S38.3.7,25,.7h0Z'/%3E%3Cpolygon class='st0' points='35.1 24.4 20.1 13.9 20.1 34.9 35.1 24.4'/%3E%3C/svg%3E");
}

.wp-block-post.category-audio a:before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg class='icon_audio' xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 50 50'%3E%3Cdefs%3E%3Cstyle%3E .st0, .st1 %7B stroke: %23000; stroke-linecap: round; stroke-linejoin: round; stroke-width: 3px; %7D .st1 %7B fill: none; %7D %3C/style%3E%3C/defs%3E%3Cpath d='M25,3.7c11.6,0,21.1,9.5,21.1,21.1s-9.5,21.1-21.1,21.1S3.9,36.4,3.9,24.8,13.4,3.7,25,3.7M25,.7C11.7.7.9,11.5.9,24.8s10.8,24.1,24.1,24.1,24.1-10.8,24.1-24.1S38.3.7,25,.7h0Z'/%3E%3Cpath class='st1' d='M36.5,29.3v-4.5c0-.3,0-.6,0-.9,0-6.4-5.2-11.7-11.7-11.7s-11.7,5.2-11.7,11.7,0,.6,0,.9v4.5'/%3E%3Crect class='st0' x='13.3' y='26.8' width='4.6' height='7.1'/%3E%3Crect class='st0' x='31.9' y='26.8' width='4.6' height='7.1'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg class='icon_audio' xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 50 50'%3E%3Cdefs%3E%3Cstyle%3E .st0, .st1 %7B stroke: %23000; stroke-linecap: round; stroke-linejoin: round; stroke-width: 3px; %7D .st1 %7B fill: none; %7D %3C/style%3E%3C/defs%3E%3Cpath d='M25,3.7c11.6,0,21.1,9.5,21.1,21.1s-9.5,21.1-21.1,21.1S3.9,36.4,3.9,24.8,13.4,3.7,25,3.7M25,.7C11.7.7.9,11.5.9,24.8s10.8,24.1,24.1,24.1,24.1-10.8,24.1-24.1S38.3.7,25,.7h0Z'/%3E%3Cpath class='st1' d='M36.5,29.3v-4.5c0-.3,0-.6,0-.9,0-6.4-5.2-11.7-11.7-11.7s-11.7,5.2-11.7,11.7,0,.6,0,.9v4.5'/%3E%3Crect class='st0' x='13.3' y='26.8' width='4.6' height='7.1'/%3E%3Crect class='st0' x='31.9' y='26.8' width='4.6' height='7.1'/%3E%3C/svg%3E");
}

/**************************************************************************************************/
/**************************************************************************************************/
/* Info Popover */
.primary .has-info-popover,
.secondary .has-info-popover,
.primary .wp-block-post a,
.secondary .wp-block-post a {
  opacity: 1 !important;
  border-bottom: 2px solid var(--col-tertiary) !important;
}

.tertiary .has-info-popover,
.tertiary .wp-block-post a {
  border-bottom: 2px solid var(--col-secondary) !important;
  opacity: 1 !important;
}

.primary .has-info-popover:before,
.secondary .has-info-popover:before,
.primary .wp-block-post a:before,
.secondary .wp-block-post a:before {
  background-color: var(--col-tertiary) !important;
}

.tertiary .has-info-popover:before,
.tertiary .wp-block-post a:before {
  background-color: var(--col-secondary) !important;
}

.primary .has-info-popover:hover,
.primary .wp-block-post a:hover {
  opacity: 1 !important;
  border-bottom: 2px solid var(--col-secondary) !important;
}

.secondary .has-info-popover:hover,
.secondary .wp-block-post a:hover,
.tertiary .has-info-popover:hover,
.tertiary .wp-block-post a:hover {
  opacity: 1 !important;
  border-bottom: 2px solid var(--col-main) !important;
}

.primary .has-info-popover:hover:before,
.primary .wp-block-post a:hover:before {
  background-color: var(--col-secondary) !important;
}

.secondary .has-info-popover:hover:before,
.secondary .wp-block-post a:hover:before,
.tertiary .has-info-popover:hover:before,
.tertiary .wp-block-post a:hover:before {
  background-color: var(--col-main) !important;
}

li > .has-info-popover:before,
li > a:before {
  margin-left: calc(-3em - 40px);
}

.primary a:before,
.secondary a:before,
.tertiary a:before {
  content: "";
  float: left;
  width: 1lh;
  height: 1lh;
  block-size: 1lh;
  margin-left: -3em;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 50 50'%3E%3Cdefs%3E%3Cstyle%3E .st0 %7B fill: none; stroke: %23000; stroke-linecap: round; stroke-linejoin: round; stroke-width: 3px; %7D %3C/style%3E%3C/defs%3E%3Cpath d='M25,3.7c11.6,0,21.1,9.5,21.1,21.1s-9.5,21.1-21.1,21.1S3.9,36.4,3.9,24.8,13.4,3.7,25,3.7M25,.7C11.7.7.9,11.5.9,24.8s10.8,24.1,24.1,24.1,24.1-10.8,24.1-24.1S38.3.7,25,.7h0Z'/%3E%3Cpath class='st0' d='M23,26.2c-1.5-1.9-1.3-4.6.4-6.4l4-4c1.9-1.9,4.9-1.9,6.8,0h0c1.9,1.9,1.9,4.9,0,6.8l-2.4,2.4'/%3E%3Cpath class='st0' d='M27.1,23.8c1.5,1.9,1.3,4.6-.4,6.4l-4,4c-1.9,1.9-4.9,1.9-6.8,0h0c-1.9-1.9-1.9-4.9,0-6.8l2.4-2.4'/%3E%3C/svg%3E");
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: auto 0.8lh;
  -webkit-mask-position: right top;

  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 50 50'%3E%3Cdefs%3E%3Cstyle%3E .st0 %7B fill: none; stroke: %23000; stroke-linecap: round; stroke-linejoin: round; stroke-width: 3px; %7D %3C/style%3E%3C/defs%3E%3Cpath d='M25,3.7c11.6,0,21.1,9.5,21.1,21.1s-9.5,21.1-21.1,21.1S3.9,36.4,3.9,24.8,13.4,3.7,25,3.7M25,.7C11.7.7.9,11.5.9,24.8s10.8,24.1,24.1,24.1,24.1-10.8,24.1-24.1S38.3.7,25,.7h0Z'/%3E%3Cpath class='st0' d='M23,26.2c-1.5-1.9-1.3-4.6.4-6.4l4-4c1.9-1.9,4.9-1.9,6.8,0h0c1.9,1.9,1.9,4.9,0,6.8l-2.4,2.4'/%3E%3Cpath class='st0' d='M27.1,23.8c1.5,1.9,1.3,4.6-.4,6.4l-4,4c-1.9,1.9-4.9,1.9-6.8,0h0c-1.9-1.9-1.9-4.9,0-6.8l2.4-2.4'/%3E%3C/svg%3E");
  mask-repeat: no-repeat;
  mask-size: auto 0.8lh;
  mask-position: right top;
}

.wp-block-query a:before {
  margin-left: -4em;
}

blockquote a:before {
  display: none;
}

.primary a:hover,
.secondary a:hover,
.tertiary a:hover {
  opacity: 1 !important;
}

.primary a {
  border-color: var(--col-tertiary);
}

.primary a:before {
  background-color: var(--col-tertiary);
}

.primary a:hover {
  border-color: var(--col-secondary);
}

.primary a:hover:before {
  background-color: var(--col-secondary);
}

.secondary a {
  border-color: var(--col-tertiary);
}

.secondary a:before {
  background-color: var(--col-tertiary);
}

.secondary a:hover {
  border-color: var(--col-main);
}

.secondary a:hover:before {
  background-color: var(--col-main);
}

.tertiary a {
  border-color: var(--col-secondary);
}

.tertiary a:before {
  background-color: var(--col-secondary);
}

.tertiary a:hover {
  border-color: var(--col-main);
}

.tertiary a:hover:before {
  background-color: var(--col-main);
}

.primary,
.secondary,
.tertiary {
  scroll-margin-top: 210px;
}

/*************************************************************************/
/*************************************************************************/
/*Text Selection*/
::-moz-selection {
  background: #b6c3e1;
  color: var(--col-main);
}
::selection {
  background: #b6c3e1;
  color: var(--col-main);
}

.alternate ::-moz-selection {
  background: #b6c3e1;
  color: var(--col-alternate);
}
.alternate ::selection {
  background: #b6c3e1;
  color: var(--col-alternate);
}

/**************************************************************************************************/
/**************************************************************************************************/
/*Responsive*/
@media only screen and (max-width: 768px) {
  :root {
    --fs-basic: 22px;
    --lh-basic: 29px;
  }

  .logo {
    width: 75vw;
  }

  #menu_burger,
  #menu_close {
    top: 5vw;
    right: 5vw;
    padding: 0;
  }

  .socket,
  #menu-footer-menu,
  #menu-footer-menu-de {
    flex-direction: column;
    align-items: center;
  }
  .socket {
    padding-top: var(--sp-aside);
  }

  /*h1, h2, h3 {text-align: var(--fa-normal);}*/

  .twocolumns {
    column-count: 1;
  }

  details summary:focus {
    outline: 0;
  }
}

@media only screen and (max-width: 600px) {
  :root {
    --sp-section: 40px;
    --fs-basic: 18px;
    --lh-basic: 24px;
  }
  .mobile_menu_inner li a {
    font-size: var(--fs-h3);
    line-height: var(--lh-h3);
  }
  .mobile_menu_inner {
    padding: 10px 0;
    flex-direction: column;
    gap: 0;
  }

  h2:not(.center) {
    max-width: 90%;
  }

  .logo_outer {
    height: 90%;
  }
  .logo svg {
    margin-top: 0px;
  }

  #menu_burger svg {
    width: 40px;
    height: 40px;
  }
  #menu_close svg {
    width: 30px;
    height: 30px;
  }
  .x_icon,
  .burger_icon {
    stroke-width: 2.5;
  }
}

@media only screen and (max-width: 400px) {
  .logo {
    width: 95vw;
  }
}

/**************************************************************************************************/
/**************************************************************************************************/
/*Print Version*/

@media print {
  @page {
    margin: 2cm;
  }

  header,
  footer,
  .language {
    display: none !important;
  }
  body *,
  .secondary blockquote *,
  .secondary summary,
  blockquote *,
  summary {
    color: #000 !important;
  }
  .secondary,
  .tertiary {
    background-color: #fff !important;
  }
  section,
  .contentwidth,
  #occurenzas {
    page-break-inside: avoid !important;
  }
  #commember {
    page-break-after: always;
  }
  h2:not(.center) {
    max-width: 100%;
  }

  :root {
    --fs-basic: 12px;
    --lh-basic: 16px;
    --fa-special: left;
    --fa-different: left;
    --sp-section: 10px;
  }

  .animation {
    opacity: 1 !important;
    transform: translatey(0px) !important;
  }

  .situationsplan .st16,
  .situationsplan .st16.animate {
    fill: #145faa !important;
  }
  .situationsplan .st17,
  .situationsplan .st17.animate {
    opacity: 100% !important;
  }
}