/* Custom styles for current25 Theme */


/*=======================
  FONT DEFINITIONS
========================*/

@font-face {
  font-family: 'Rubik';
  src: url('../fonts/Rubik-Regular.ttf') format('truetype');
  font-weight: 400;
}

@font-face {
  font-family: 'Rubik';
  src: url('../fonts/Rubik-Bold.ttf') format('truetype');
  font-weight: bold;
}

@font-face {
  font-family: 'Rubik Light';
  src: url('../fonts/Rubik-Light.ttf') format('truetype');
}
@font-face {
  font-family: 'Rubik Light';
  src: url('../fonts/Rubik-Medium.ttf') format('truetype');
  font-weight: bold;
}

@font-face {
  font-family: 'Rubik Medium';
  src: url('../fonts/Rubik-Medium.ttf') format('truetype');
}

@font-face {
  font-family: "Activist";
  src: url("../fonts/Activist.otf") format("opentype");
}

@font-face {
  font-family: "Currently";
  src: url("../fonts/Currently.otf") format("opentype");
}

@font-face {
  font-family: "Activist";
  font-weight: bold;
  src: url("../fonts/Activist.otf") format("opentype");
}


/*=======================
  ROOT VARIABLES
========================*/

:root {
  --font-heading: "Currently";
  --font-small-heading: "Rubik Medium";
  --font-sans: "Activist";
  --font-primary: "Rubik Light", "Open Sans", Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans-serif;
  --font-serif: "Rubik", "Open Sans", Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans-serif;
  --color-primary: #F5F5F5;
  --color-grey: #F5F5F5;
  --color-dark-grey: #b3b3b3;
  --color-white: #ffffff;
  --color-light-blue: #e9eaf5;
  --color-black: #000000;
  --color-dark-black: #000000;
  --color-highlight: #9117f1;
  --color-highlight-start: #9117f1; 
  --color-highlight-end: #e94822;
  --color-blue: #132ade;
  /* --gradient-highlight: linear-gradient(90deg, var(--color-highlight-start), var(--color-highlight-end));
  --gradient-highlight-vertical: linear-gradient(180deg, var(--color-highlight-start), var(--color-highlight-end)); */
  --tabs-background-color: #ffffff;
  --font-size-heading: 66px;
  --line-height-heading: 66px;
  --font-size-heading-tablet: 48px;
  --line-height-heading-tablet: 48px;
  --font-size-heading-mobile: 34px;
  --line-height-heading-mobile: 34px;
  --font-size-mid-heading: 55px;
  --line-height-mid-heading: 55px;
  --font-size-mid-heading-tablet: 40px;
  --line-height-mid-heading-tablet: 40px;
  --font-size-mid-heading-mobile: 28px;
  --line-height-mid-heading-mobile: 28px;
  --font-size-small-heading: 1.8rem;
  --line-height-small-heading: 2.5rem;
  --font-size-small-heading-tablet: 24px;
  --line-height-small-heading-tablet: 33px;
  --font-size-small-heading-mobile: 18px;
  --line-height-small-heading-mobile: 25px;
  --font-size-standard: 1.8rem;
  --line-height-standard: 2.5rem;
  --font-size-standard-tablet: 24px;
  --line-height-standard-tablet: 33px;
  --font-size-standard-mobile: 18px;
  --line-height-standard-mobile: 25px;
  --border-radius: 10px;
  --box-padding: 1.5rem;
  --box-gap: 40px;
  --box-big-gap: 75px;
  --box-mini-gap: 1rem;
  --box-tablet-gap: 2rem;
  --sp3: 75px;
}


/*=======================
  BASIC ELEMENTS
========================*/

html { 
  scroll-behavior: smooth; 
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-heading);
  color: var(--color-black);
  font-weight:normal;
  hyphens:none;
}


div#block-current25-page-title {
  margin-block-end: var(--box-gap);
}

/* @media (min-width: 43.75rem) {
  h1 {
    font-size: var(--font-size-heading);
    line-height: var(--line-height-heading);
  }
  h2 {
    font-size: 2rem;
    line-height: 2.5rem;
  }
} */

img {
  width:100%;
}

p {
  font-family: var(--font-primary);
  font-size: var(--font-size-standard);
  line-height: var(--line-height-standard);
  color: var(--color-black);
  font-weight: 100;
  letter-spacing: 0.01em;
}

p a {
  font-family: var(--font-primary);
  font-size: var(--font-size-standard);
  line-height: var(--line-height-standard);
  text-decoration: underline;
}
a {
  color: var(--color-dark-black);
  text-decoration: none;
  font-family: var(--font-small-heading);
  font-size: var(--font-size-small-heading);
  line-height: var(--line-height-small-heading);
}

a:hover {
  color: var(--color-dark-black);
}

.node__title a:hover, .node__title a:focus {
  color: var(--color-black);
}

nav#toolbar-bar a {
  font-size: 14px;
}

body {
  background-image: none;
  font-family: var(--font-primary);
  background-color: transparent;
  color: var(--color-black);
}

span.file.file--application-pdf:before {
  content: '📑';
  margin-right: 10px;
}

.toolbar-icon-9 .toolbar-icon-admin-toolbar-tools-help:before, 
.toolbar-icon-10 .toolbar-icon-admin-toolbar-tools-help:before, 
.toolbar-icon-11 .toolbar-icon-admin-toolbar-tools-help:before,
.toolbar-icon-9 .toolbar-icon-admin-toolbar-tools-help:active:before, 
.toolbar-icon-9 .toolbar-icon-admin-toolbar-tools-help.active:before, 
.toolbar-icon-10 .toolbar-icon-admin-toolbar-tools-help:active:before, 
.toolbar-icon-10 .toolbar-icon-admin-toolbar-tools-help.active:before, 
.toolbar-icon-11 .toolbar-icon-admin-toolbar-tools-help:active:before, 
.toolbar-icon-11 .toolbar-icon-admin-toolbar-tools-help.active:before {
  background-image: url(/themes/custom/current25/images/mstile-150x150.png);
}

div#cboxOverlay {
  background: none;
  backdrop-filter: blur(5px);
}

div#cboxCurrent {
  display:none !important;
}

.field--name-field-link {
  display: flex;
}

/* .page-node-type-profil .field--name-field-link:before {
  content: '🔗';
  margin-right: 10px;
  text-decoration: none;
} */


.page-node-type-profil .field--name-field-link {
  gap: 20px;
}

@media (min-width: 1000px) and (max-width: 1500px) {
  h1 {
    font-size: var(--font-size-heading-tablet);
    line-height: var(--line-height-heading-tablet);
  }
  p {
    font-size: var(--font-size-standard-tablet);
    line-height: var(--line-height-standard-tablet);
  }
  a {
    font-size: var(--font-size-small-heading-tablet);
    line-height: var(--line-height-small-heading-tablet);
  }
  p a {
    font-size: var(--font-size-standard-tablet);
    line-height: var(--line-height-standard-tablet);
  }
}

@media (max-width: 1000px) {
  h1 {
    font-size: var(--font-size-heading-mobile);
    line-height: var(--line-height-heading-mobile);
  }
  p {
    font-size: var(--font-size-standard-mobile);
    line-height: var(--line-height-standard-mobile);
  }
  p a {
    font-size: var(--font-size-standard-mobile);
    line-height: var(--line-height-standard-mobile);
  }
  a {
    font-size: var(--font-size-standard-mobile);
    line-height: var(--line-height-standard-mobile);
  }
  .text-content p, .cke_editable p {
    margin-block-start: 0;
  }
  div#block-current25-page-title {
    margin-block-end: var(--box-mini-gap);
  }
}


@supports (box-shadow: none) {
  .text-content a:where(:not(.button)), .cke_editable a:where(:not(.button)) {
    transition: box-shadow 0.3s cubic-bezier(0.55, 0.085, 0, 0.99);
    -webkit-text-decoration: none;
    text-decoration: underline;
    box-shadow: none;
  }
  .text-content a:where(:not(.button)), .cke_editable a:where(:not(.button)) {
    /* background: var(--gradient-highlight); */
    /* -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; */
    color: var(--color-dark-black);
  }
  .text-content a:where(:not(.button)):hover, .cke_editable a:where(:not(.button)):hover {
    text-decoration:none;
    box-shadow: none;
    color: var(--color-dark-black);
  }
}

/*=======================
  TEASERS
========================*/

.teaser__title {
  font-family: var(--font-heading);
  font-size: 1.5rem;
  line-height: 2rem;
  margin-bottom: 1rem;
  color: var(--color-black);
}

@media (min-width: 62.5rem) {
  .teaser__title {
    font-size: 1.5rem;
    line-height: 2rem;
    margin-bottom: 1rem;
  }
}


/*=======================
  PAGE STRUCTURE
========================*/

.page-wrapper {
  max-width: 100%;
  background-color: var(--color-grey);
}

h2.block__title, .block__title {
  font-family: var(--font-small-heading);
  color: var(--color-black);
  font-size: var(--font-size-small-heading);
  line-height: var(--line-height-small-heading);
}

main {
  margin: 0 4rem;
}

footer.site-footer {
  padding: 0 4rem;
}
.region--content {
  margin-block-end: 0;
}

.view, .view-content {
  gap: var(--box-big-gap);
}

@media (max-width: 1000px) {
  .layout-main-wrapper {
    margin-bottom: var(--box-gap);
  }
  .site-footer__inner {
    padding-block: 0;
  }
}
@media (min-width: 1000px) and (max-width: 1500px) {
  main {
    margin:0 2rem;
  }
  h2.block__title, block__title {
    font-size: var(--font-size-small-heading-tablet);
    line-height: var(--line-height-small-heading-tablet);
  }
  footer.site-footer {
    padding: 0 2rem;
  }
  .view, .view-content {
    gap: var(--box-gap);
  }
}

@media (max-width:1000px) {
  .layout--content-medium, .layout--pass--content-medium > * {
      grid-column: 1 / 15;
  }
  main {
    margin: 0 var(--box-mini-gap);
  }
  .views-view-responsive-grid {
    grid-row-gap: var(--box-mini-gap);
    grid-column-gap: var(--box-mini-gap);
  }
  h2.block__title, .block__title {
    font-size: var(--font-size-small-heading-mobile);
    line-height: var(--line-height-small-heading-mobile);
  }
  footer.site-footer {
    padding: 0 var(--box-mini-gap);
  }
  .view, .view-content {
    gap: var(--box-mini-gap);
  }
}

/*=======================
  PAGES
========================*/

.page-node-type-page .node__content {
  display: grid;
  grid-template-columns: 33% auto;
  grid-gap: var(--box-gap);
  padding-block-end: 0;
}

.page-node-type-page .node__content:not(:has(.field--name-field-media-image)) {
  grid-template-columns: 1fr;
}

.page-node-type-page .field.field--name-field-media-image:not(:last-child) {
  margin-block-end: 10px;
} 

@media (min-width:1000px) and (max-width:1500px)  {
  .page-node-type-page div#block-current25-content {
    margin-bottom: var(--box-big-gap);
  }
}

@media (max-width:1000px) {
  .page-node-type-page .node__content {
    grid-template-columns: 1fr;
  }
  .page-node-type-page div#block-current25-content {
    margin-bottom: var(--box-gap);
  }
}


/*=======================
  LOGO & BRANDING
========================*/

.site-branding__text a, .site-branding__text {
  font-family: var(--font-heading);
  color: var(--color--black);
  font-size: 1.4rem;
  line-height:1.6rem;
}

.site-branding__slogan {
  font-family: var(--font-heading);
}

.site-branding__inner {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  /* padding-top: 1.5rem; */
}


/*=======================
  HEADER
========================*/

header#header {
  position: sticky;
  top: 0;
  display: grid;
  grid-template-rows: 1fr;
  grid-template-columns: repeat(var(--grid-col-count), minmax(0, 1fr));
  grid-column-gap: var(--box-gap);
  margin: 0 4rem;
}

.site-header__fixable {
  grid-column: 1 / 15;
}
.site-header__initial {
  display:none;
}

#header, .site-header__inner, .site-header__initial {
  background-color: transparent;
}

nav#block-current25-main-menu {
  font-family: var(--font-small-heading);
}

.primary-nav__menu-link {
  display: inline-block;
  padding: 12px 25px;
  border-radius: var(--border-radius);
  background-color: rgba(255, 255, 255, 0.5);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  border: none;
  cursor: pointer;
  position: relative;
}

.mobile-nav-button__label {
 display:none;
}

@media (min-width: 75rem) {
  body:not(.is-always-mobile-nav) .primary-nav__menu-link {
    font-size: var(--font-size-small-heading);
    line-height: var(--line-height-small-heading);
  }
}

@media (min-width: 75rem) {
  body:not(.is-always-mobile-nav) .primary-nav__menu-link-inner {
    padding-inline-start: 0;
    padding-inline-end: 0;
    padding-block: 0;
  }
}

div#block-current25-sprachumschalter a {
  font-size: 27px;
}

.sticky-header-toggle {
  background-color: transparent;
}

.site-header__inner__container {
  display: flex;
  flex-direction: row;
}

@media (min-width: 43.75rem) {
  .main-content__container {
    padding-block-start: 0;
  }
}

.main-content__container {
  padding-block-start: 0;
}

@media (min-width: 75rem) {
  .site-header {
    min-height: 0;
  }
}

a.primary-nav__menu-link:hover, a.primary-nav__menu-link.is-active {
  color: var(--color-white);
  -webkit-text-fill-color: var(--color-white);
}

.primary-nav__menu-link:hover, .primary-nav__menu-link.is-active {
  background: var(--color-dark-black);
} 

.primary-nav__menu-link-inner::after {
  border:none;
}

a.primary-nav__menu-link.is-active[data-drupal-link-system-path="<front>"], 
.header-nav.is-active .primary-nav__menu-link.is-active[data-drupal-link-system-path="<front>"] {
    color: var(--color-dark-black);
    -webkit-text-fill-color: var(--color-dark-black);
    background-color: rgba(255, 255, 255, 0.5);
    backdrop-filter: blur(8px);
}
body.is-always-mobile-nav .header-nav {
    padding-inline-end: 0;
}

.is-overlay-active .mobile-buttons {
  position: absolute;
  left: var(--box-mini-gap);
}

.is-overlay-active  .mobile-buttons {
  margin-block-start: var(--box-mini-gap);
}
.is-overlay-active .mobile-nav-button__icon, 
.is-overlay-active .mobile-nav-button__icon::before, 
.is-overlay-active .mobile-nav-button__icon::after {
  border:none;
  height: 4.5rem;
}

.mobile-nav-button__icon, .mobile-nav-button__icon::before, .mobile-nav-button__icon::after {
  border-color: var(--color-dark-black);
}

.primary-nav__menu-link, .site-branding__text {
  font-weight:normal;
  hyphens:none
}
.is-overlay-active  .mobile-nav-button[aria-expanded="true"] .mobile-nav-button__icon::before {
  transform: none;
  content: '<';
  color: black;
  font-size: 4rem;
  line-height: 4rem;
  height: 4rem;
  font-family: var(--font-heading);
}

.is-overlay-active .mobile-nav-button {
  width: 80px;
}

.is-overlay-active  .mobile-nav-button[aria-expanded="true"]:hover .mobile-nav-button__icon::before {

  color: white;

}
.is-overlay-active .mobile-nav-button {
  padding: 0px 18px 3px 18px;
  height:78px;
  background-color: rgb(255 255 255 / 50%);
  backdrop-filter: blur(2px);
  border-radius: var(--border-radius);
}

.is-overlay-active  header#header {
  margin:0;
}

div#block-current25-mobilelinkblock {
  display: none;
}

.is-overlay-active div#block-current25-mobilelinkblock {
  display: block;
  width: 100%;
  padding: var(--box-gap);
}

.mobile-nav-button {
  background-color: rgb(255 255 255 / 50%);
  backdrop-filter: blur(2px);
  padding: 25px 17px;
  border-radius: var(--border-radius);
  width: 60px;
}

.mobile-nav-button:focus {
  outline: none;
}

.mobile-nav-button:hover {
  background-color: #000000;
  backdrop-filter: blur(2px);
  border-radius: var(--border-radius);
}

.mobile-nav-button:hover .mobile-nav-button__icon, 
.mobile-nav-button:hover .mobile-nav-button__icon::before, 
.mobile-nav-button:hover .mobile-nav-button__icon::after {
  border-color: #ffffff;
}
.mobile-buttons {
  margin-block-start: 24px;
}

@media (min-width: 75rem) {
  body:not(.is-always-mobile-nav) .primary-nav__menu-item--level-1:not(:last-child) {
      margin-inline-end: var(--box-gap);
  }
  body:not(.is-always-mobile-nav) .primary-nav__menu-item--level-1 {
    max-width:17.5rem;
  }
  body:not(.is-always-mobile-nav) .primary-nav__menu--level-1 {
    margin-inline-end: 0;
  }
}

@media (max-width: 1500px) {
  header#header {
    padding-bottom: var(--box-gap);
    margin: 0 2rem;
  }
  .site-branding__inner {
    padding-top: 0;
  }
}
@media (max-width: 700px) {
  .site-header__fixable {
    grid-column: 1 / 11;
  }
}

@media (max-width: 1000px) {
  /* .site-header__fixable {
    grid-column: 1 / 13;
  } */
  .site-branding__text a, .site-branding__text {
    font-size: 15px;
    line-height: 19px;
  }
  header#header {
    padding-bottom: var(--box-gap);
    background-color: transparent;
    margin:0;
  }
  .mobile-buttons {
    margin-block-start: var(--box-gap);
    margin-right: 2rem;
  }  
  .path-frontpage #block-current25-site-branding {
    display:none;
  }

  .site-branding, .header-nav {
    background-color: transparent;
    background-image: none;
    padding: 0;
    margin: 5px 0rem 0 var(--box-mini-gap);
    align-items: center;
  }

  .mobile-nav-button__label {
    display: none;
  }
}
@media (max-width: 700px) {
  .mobile-buttons {
      margin-block-start: var(--box-mini-gap);
      margin-right: 25px;
  }
  body header#header {
    padding-bottom: var(--box-mini-gap);
  } 
}

#block-current25-sprachumschalter ul {
  list-style: none;
  display: flex;
  flex-direction: row;
  padding: 17px 25px;
  border-radius: var(--border-radius);
  background-color: rgba(255, 255, 255, 0.5);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  border: none;
  cursor: pointer;
  position: relative;
  margin-inline-start: var(--box-gap);
}

#block-current25-sprachumschalter li.is-active {
  filter: blur(2px);
}

#block-current25-sprachumschalter .links li:first-child {
  margin-right: 10px;
}

.header-nav.is-active #block-current25-sprachumschalter ul.links {
  margin: 0 var(--box-mini-gap);
  width: 130px;
  padding-block: 21px;
}

.header-nav.is-active #block-current25-sprachumschalter li a {
  font-size: 1.75rem;
  line-height:  var(--sp2);
}

.header-nav.is-active .primary-nav__menu-item {
  margin-block-end: 0;
  margin: 0 var(--box-mini-gap) var(--box-mini-gap) var(--box-mini-gap);
}

/*=======================
  HERO SECTION
========================*/

.region.region--hero {
  display: grid;
  background-color: transparent;
}

body #block-current25-heroblock {
  background-color: black;
  margin: 0 0 5.5rem 0;
}

body #block-current25-heroblock .text-content {
  background-color: var(--color-grey)
}

body #block-current25-heroblock h1 {
  text-align: left;
  font-size: 6.4rem;
  line-height: 1em;
  color: #ffffff;
}

.welcome {
  display: flex;
  mix-blend-mode: difference;
}

.breadcrumb__link, .form-item__label {
  color: var(--color-black);
  font-family: var(--font-heading);
}

div#block-current25-breadcrumbs {
  margin-block-end: 0;
}

@media (max-width:1000px) {
  body #block-current25-heroblock .text-content, 
  body #block-current25-heroblock {
    background-color:transparent;
  }
  body #block-current25-heroblock {
    position: absolute;
    top:0;
    left:0;
    width:100%;
    margin:0;
  }

  body #block-current25-heroblock h1 {
    font-size: 2rem;
    margin-left: var(--box-mini-gap);
  }
}


/*=======================
  PARTICLE ANIMATION
========================*/

.particle-wrapper {
  position: relative;
  width: 100%;
  height: auto;
  display: block;
  padding-bottom: var(--box-gap);
}

#particle-simulator-container {
  position: absolute;
  right: 0;
  top: 0;
  width: 86%; /* Animation beginnt bei 30% von links */
  height: 100%;
  z-index: 0;
  margin-top: 9.5rem;
}

.text-overlay {
  z-index: 2;
  font-size: 8vw;
  color: white;
  mix-blend-mode: difference;
  max-width: 80%;
  line-height: 1.2;
}

.text-overlay h1 {
  font-size: clamp(2rem, 6vw, 5rem);
  font-weight: 400;
  line-height: 1.1;
  margin: 0;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: black; /* Standardfarbe für Text */
  text-align: left;
}

/* Den rechten Teil des Textes mit Blend-Mode versehen */
.text-overlay h1 .blend-part {
  color: white;
  mix-blend-mode: difference;
  display: inline-block; /* Wichtig für mix-blend-mode */
}

div#particle-simulator-container div {
  border-radius: var(--border-radius);
}

body div#particle-simulator-container div {
  aspect-ratio: unset;
  min-height: 710px;
  height:710px;
}

@media (max-width:1000px) {
  #particle-simulator-container {
    width: 100%;
    margin-top:0;
  }
  .text-overlay {
    margin-top:5rem;
  }
  .particle-wrapper {
    position: absolute;
    top:0;
  }
  #particle-simulator-container > div {
    aspect-ratio: unset!important;
    min-height: 259px!important;
    height: 259px !important;
  }
  canvas#windkanal {
    min-height: 259px!important;
    height: 259px !important;
  }
  div#particle-simulator-container div {
    border-radius: 0;
  } 
}

/*=======================
  MAIN CONTENT
========================*/

@media (min-width: 75rem) {
  .main-content {
    width: 100%;
  }
}

.container {
  max-width: 100%;
  padding-inline: 0;
}

.main-content {
  background-color: transparent;
}

div#block-current25-statement {
  margin-block-end: 5.5rem;
}

#block-current25-statement h2 {
  font-size: 42px;
  line-height: 57px;
  font-family: var(--font-heading);
  font-weight: 100;
  margin: 0 0 var(--box-mini-gap) 0;
  hyphens: none;
}
#block-current25-statement a {
  text-decoration:none;
  font-family: var(--font-small-heading);
  font-size: var(--font-size-standard);
  line-height: var(--line-height-standard);
  font-weight:bold;
}

#block-current25-statement p {
  margin-block-start: 0;
  font-size: var(--font-size-standard);
  line-height: var(--line-height-standard);
}

@media (min-width: 62.5rem) {
  #block-current25-statement h2 {
    font-size: 42px;
    line-height: 57px;;
    font-family: var(--font-heading);
    font-weight: 100;
    margin: 0 0 var(--box-mini-gap) 0;
  }
}
@media (min-width: 62.5rem) {
  .layout--content-medium, .layout--pass--content-medium > * {
    grid-column: 1 / 15;
  }
}
@media (min-width: 75rem) {
  .site-branding__inner {
    height:auto; 
  }
}

.site-branding, .header-nav {
  background-color: transparent;
  background-image: none;
}

.header-nav.is-active {
  background-color: rgb(255 255 255 / 30%);
  backdrop-filter: blur(50px);
  border-block-start: 0;
  padding: 8rem 0 0 0;
  max-width:100% !important;
  padding-inline-start: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0;
}

.header-nav.is-active .primary-nav__menu-link.is-active {
  background: var(--color-dark-black);
}

.header-nav.is-active .primary-nav__menu--level-1 {
  display: flex;
  align-items: center;
}

.header-nav.is-active .primary-nav__menu-item,
.header-nav.is-active nav#block-current25-main-menu,
.header-nav.is-active .primary-nav__menu-link {
  width:100%;
}

.header-nav.is-active div#block-current25-sprachumschalter {
  position: absolute;
  top: var(--box-mini-gap);
  right: 0;
}


.site-header__fixable.is-expanded.is-fixed {
  background-color: transparent;
  opacity: 1;
}

@media (min-width: 75rem) {
  .site-header__fixable.is-expanded .site-header__inner {
    box-shadow: none;
  }
  .site-branding {
    min-height: 108px;
    align-items: center;
  }
  body:not(.is-always-mobile-nav) .site-header__fixable.is-fixed {
    inset-block-start: unset;
  }
}

@media (min-width: 1000px) and (max-width: 1500px) {
  #block-current25-statement p {
    font-size: var(--font-size-standard-tablet);
    line-height: var(--line-height-standard-tablet);
  }
  #block-current25-statement a {
    font-size: var(--font-size-small-heading-tablet);
    line-height: var(--line-height-small-heading-tablet);
  }
  div#block-current25-statement {
    margin-block-end: 4.5rem;
  }
  body #block-current25-heroblock {
    margin: 0 0 4.5rem 0;
  }
}


@media (max-width: 1000px) {
  #block-current25-statement p {
    font-size: var(--font-size-standard-mobile);
    line-height: var(--line-height-standard-mobile);
  }

  #block-current25-statement h2 { 
    font-size: 26px;
    line-height: 33px;

  }
  .path-frontpage .main-content__container {
    padding-block-start: 15rem;
  }
  div#block-current25-statement {
    margin-block-end: var(--box-gap);
    margin-top: var(--box-gap);
  }
  #block-current25-statement a {
    font-size: var(--font-size-small-heading-mobile);
    line-height: var(--line-height-small-heading-mobile);
  }
}



/*=======================
  FRONTPAGE
========================*/

.path-frontpage div#block-current25-primary-local-tasks {
  display: none;
}

.path-frontpage .node__content {
  display: none;
}

/*=======================
  CONTENT BLOCKS
========================*/

.field--name-field-bloecke {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-template-rows: 1fr;
  grid-column-gap: var(--box-gap);
  grid-row-gap: 0px;
}

.field.field--name-field-blocktitel {
  font-size: var(--font-size-small-heading);
  margin-bottom: 0;
  margin-block-end: 1em;
  font-family: var(--font-small-heading);
}

.field.field--name-field-ueberschrift {
  line-height: var(--line-height-heading  );
  font-family: var(--font-heading);
  font-size: var(--font-size-heading);
  background-color: var(--color-white);
  margin-block-end: 0;
  padding: var(--box-gap);
}

.field.field--name-field-media-image img {
  border-radius: var(--border-radius);
  background-color: var(--color-white);
}

.field.field--name-field-medien {
  margin-block-end: 0;
  background-color: var(--color-white);
  border-radius: var(--border-radius) var(--border-radius) 0 0;
}

.field--name-field-bloecke .field.field--name-body {
  background-color: var(--color-white);
  /* border-radius: 0 0 20px 20px; */
  margin-block-end: 0;
  padding-bottom: 1.1em;
}

.field--name-field-bloecke .field.field--name-body p {
  font-size: var(--font-size-standard);
  line-height: var(--line-height-standard);
  padding: 0 var(--box-gap);
}

.field--name-field-bloecke .field__item {
  display: flex;
  flex-direction: column;
}

.field--name-field-bloecke .field__item:nth-child(2) {
  border-radius: var(--border-radius) var(--border-radius) 0 0;
}

.field--name-field-bloecke .field.field--name-field-link {
  background-color: var(--color-white);
  border-radius: 0 0 var(--border-radius) var(--border-radius);
  margin-block-end: 0;
  padding: 30px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}


/*=======================
  THEMEN BLOCK
========================*/


#block-current25-themenschwerpunkte-2 .field--name-field-kategorien {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: 1fr;
  grid-column-gap: var(--box-gap);
  grid-row-gap: var(--box-gap);
}

#block-current25-themenschwerpunkte-2 .field--name-field-kategorien > .field__item {
  background-color: var(--color-white);
  border-radius: var(--border-radius);
  padding: var(--box-gap);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

#block-current25-themenschwerpunkte-2 .field--name-field-kategorien h2 a,
#block-current25-themenschwerpunkte-2 .field--name-field-kategorien h2 {
  font-family: var(--font-heading);
  font-size: var(--font-size-heading);
  line-height: var(--line-height-heading);
  margin-top:0;
}

#block-current25-themenschwerpunkte-2 h3 {
  font-family: var(--font-small-heading);
  font-size: var(--font-size-standard);
  line-height: var(--line-height-standard);
  margin: var(--box-mini-gap) 0;
  font-weight:normal;
}

#block-current25-themenschwerpunkte-2 .field.field--name-field-link {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}

#block-current25-themenschwerpunkte-2  .themen-content.outer {
  position: relative;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

.themen-content {
  margin-bottom: var(--box-gap);
}

/* .themen-more {
  position: absolute;
  bottom: 0;
} */

/*Themen-Page*/
.view-id-themen h2 a {
  font-family:var(--font-heading);
  font-size: var(--font-size-heading);
  line-height: var(--line-height-heading);
}
.view-id-themen h2 {
  margin:0;
}

.view-id-themen .zeile:nth-child(odd) .themen-content.outer {
  display: grid;
  grid-template-columns: 33% auto;
}

.view-id-themen .zeile:nth-child(even) .themen-content.outer {
  display: grid;
  grid-template-columns: auto 33%;
}

.view-id-themen .zeile:nth-child(even) .themen-content.outer .themen-title {
  order: 2;
  padding: 0 0 0 var(--box-gap);
}

.view-id-themen .zeile:nth-child(odd) .themen-content.outer .themen-title {
  padding: 0 var(--box-gap) 0 0;
}

.view-id-themen .zeile:nth-child(even) .themen-content.outer .themen-content {
  order: 1;
}

.view-id-themen .zeile.views-row {
  margin: var(--box-gap) 0 0 0;
}

.view-themen.view-display-id-block_1 .themen-content {
  margin-bottom: 0;
}

@media (min-width: 1000px) and (max-width: 1500px) {
  #block-current25-themenschwerpunkte-2 .field--name-field-kategorien h2 a,
  #block-current25-themenschwerpunkte-2 .field--name-field-kategorien h2 {
    font-size: var(--font-size-heading-tablet);
    line-height: var(--line-height-heading-tablet);
  }
  #block-current25-themenschwerpunkte-2 .field--name-field-kategorien {
    grid-column-gap: var(--box-tablet-gap);
    grid-row-gap: var(--box-tablet-gap);
  }
  #block-current25-themenschwerpunkte-2 .field--name-field-kategorien > .field__item {
    padding: var(--box-tablet-gap);
  }
  .view-id-themen h2 a {
    font-family:var(--font-heading-tablet);
    font-size: var(--font-size-heading-tablet);
    line-height: var(--line-height-heading-tablet);
  }
  .field.field--name-field-ueberschrift {
    font-size: var(--font-size-heading-tablet);
    line-height: var(--line-height-heading-tablet);
    padding: var(--box-tablet-gap);
  }
  .field--name-field-bloecke .field.field--name-body p {
    font-size: var(--font-size-standard-tablet);
    line-height: var(--line-height-standard-tablet);
    padding: 0 var(--box-tablet-gap);
  }
  .field.field--name-field-blocktitel {
    font-size: var(--font-size-small-heading-tablet);
    line-height: var(--line-height-small-heading-tablet);
  }
}

@media (max-width:1000px) {
  .view-id-themen .zeile:nth-child(odd) .themen-content.outer {
    display: flex;
    flex-direction: column
  }
  #block-current25-themenschwerpunkte-2 .field--name-field-kategorien > .field__item {
    padding: var(--box-mini-gap);
  }
  .view-id-themen .zeile:nth-child(even) .themen-content.outer {
    display: flex;
    flex-direction: column
  }
  .view-id-themen .zeile:nth-child(even) .themen-content.outer .themen-title {
    order:1;
    padding: 0;
  }
  .view-id-themen .zeile:nth-child(even) .themen-content.outer .themen-content {
    order: 2;
  }
  .view-id-themen .zeile:nth-child(odd) .themen-content.outer .themen-title {
    padding: 0;
  }
  #block-current25-themenschwerpunkte-2 .field--name-field-kategorien {
    grid-template-columns: repeat(1, 1fr);
    grid-column-gap: var(--box-mini-gap);
    grid-row-gap: var(--box-mini-gap);
    margin-bottom: var(--box-mini-gap);
  }
  #block-current25-themenschwerpunkte-2 .field--name-field-kategorien h2 a, 
  #block-current25-themenschwerpunkte-2 .field--name-field-kategorien h2 {
    font-size: var(--font-size-mid-heading-mobile);
    line-height: var(--line-height-mid-heading-mobile);
  }
  .view-id-themen h2 a {
    font-size: var(--font-size-heading-mobile);
    line-height: var(--line-height-heading-mobile);
  }
  .view-id-themen .zeile .themen-content.outer .themen-title {
    margin-bottom: calc(var(--box-gap) / 2);
  }
  .themen-content {
    margin-bottom: var(--box-mini-gap);
  }
  .themen-content h3 {
    margin:10px 0
  }
  .field.field--name-field-media {
    margin-block-end: 0;
  }
  .view-id-themen .zeile.views-row {
    margin:0;
  }
  .view-id-themen .zeile:nth-child(even) .themen-more {
    float:left;
  }


  .field.field--name-field-ueberschrift {
    font-size: var(--font-size-heading-mobile);
    line-height: var(--line-height-heading-mobile);
    padding: var(--box-mini-gap);
  }
  .field--name-field-bloecke .field.field--name-body p {
    font-size: var(--font-size-standard-mobile);
    line-height: var(--line-height-standard-mobile);
    padding: 0 var(--box-mini-gap);
  }
  .field.field--name-field-blocktitel {
    font-size: var(--font-size-small-heading-mobile);
    line-height: var(--line-height-small-heading-mobile);
  }

  .field--name-field-bloecke {
    grid-template-columns: repeat(1, 1fr);
  }
  .field--name-field-bloecke > .field__item {
    margin-bottom: var(--box-gap);
  }
  #block-current25-introblocke {
    margin-block-end: 0;
  }
}


/*=======================
  NEWS
========================*/

body.path-currently div#block-current25-content {
    margin: 0;
}

article.news-teaser {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: 1fr;
  grid-column-gap: 20px;
  grid-row-gap: 0px;
}

div#block-current25-views-block-news-block-1 {
  margin-bottom: var(--box-gap);
}

.view-news .views-view-responsive-grid__item {
  background-color: var(--color-white);
  border-radius: var(--border-radius);
  padding: var(--box-gap);
}


article.news-teaser h2, 
article.news-teaser h2 a {
  font-family: var(--font-small-heading);
  font-size: var(--font-size-small-heading);
  line-height: var(--line-height-small-heading);
  margin-block: 0 var(--box-mini-gap);
}

article.news-teaser-small h2,
article.news-teaser-small h2 a {
  font-family: var(--font-small-heading);
  font-size: var(--font-size-small-heading);
  line-height: var(--line-height-small-heading);
  margin-block: 0 var(--box-gap);

}

article.news-teaser .field--type-text-with-summary {
  font-size: var(--font-size-standard);
  line-height: var(--line-height-standard);
  font-family: var(--font-primary);
}

article.news-teaser img, 
article.news-teaser-small img {
  border-radius: var(--border-radius);
}

article.news-teaser-small .field.field--name-field-image {
  margin-block-end: 0;
}

article.news-teaser-small {
  background-color: var(--color-white);
  border-radius: var(--border-radius);
  overflow: hidden;
}

article.news-teaser .field--name-field-nummer{
  font-size: var(--font-size-heading);
  font-family: var(--font-heading);
  line-height: var(--line-height-heading);
  margin-block-end: 0;
  margin: 0 0 var(--box-gap) 0;
}

article.news-teaser-small .field--name-field-nummer {
  font-size: var(--font-size-heading);
  font-family: var(--font-heading);
  line-height: var(--line-height-heading);
  margin-block-end: 0;
  margin: var(--box-gap);
}

article.news-teaser-small .news-date, 
article.news-teaser-small h2 {
  padding: 0 var(--box-gap);
}

article .news-date {
  display: flex;
  flex-wrap: wrap;
  margin: 12px 0;
  flex-direction: row;
  hyphens: none;
  font-family: var(--font-primary);
  font-size: var(--font-size-small-heading);
  line-height: var(--line-height-small-heading);
  color: var(--color-black);
}

article.news-teaser-small .news-date  {
  hyphens:none;
  font-family: var(--font-primary);
  font-size: var(--font-size-small-heading);
  line-height: var(--line-height-small-heading);
  color: var(--color-black);
}

.field--name-field-nummer {
  margin: 0 5px;
}

.view-news-small .views-view-responsive-grid__item {
  background-color: white;
  border-radius: var(--border-radius);
}

.view.view-news-small.view-id-news_small.view-display-id-block_1 {
  grid-template-columns: 75% 25%;
  grid-template-rows: 1fr;
  grid-column-gap: var(--box-gap);
  grid-row-gap: 0px;
}

.view.view-news-small .more-link a {
  font-family: var(--font-small-heading);
  font-size: var(--font-size-small-heading);
  line-height: var(--line-height-small-heading);
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: center;
  height: 100%;
  color: var(--color--black);
  text-align: center;
}

.more-link {
  border-radius: var(--border-radius);
  hyphens:none;
  background-color: var(--color-white);
  margin-right: var(--box-gap);
}

@media (min-width: 1000px) and (max-width: 1500px) {
  .view-news .views-view-responsive-grid__item {
    padding: var(--box-tablet-gap);
  }
  article.news-teaser .field--name-field-nummer,
  article.news-teaser-small .field--name-field-nummer {
    font-size: var(--font-size-heading-tablet);
    line-height: var(--line-height-heading-tablet);
    margin: 0 0 var(--box-tablet-gap) 0;
  }
  article.news-teaser-small .field--name-field-nummer {
    margin: var(--box-tablet-gap);
  }
  article .news-date, 
  article.news-teaser-small .news-date {
    font-size: var(--font-size-small-heading-tablet);
    line-height: var(--line-height-small-heading-tablet);
  }
  article.news-teaser-small .news-date {
    padding: 0 var(--box-tablet-gap);
  }

  article.news-teaser h2, article.news-teaser h2 a,
  article.news-teaser-small h2, article.news-teaser-small h2 a {
    font-size: var(--font-size-small-heading-tablet);
    line-height: var(--line-height-small-heading-tablet);
    margin-block: 0 var(--box-tablet-gap);
  }
  article.news-teaser-small .news-date, article.news-teaser-small h2{
    padding: 0 var(--box-tablet-gap);
  }
  .view.view-news-small.view-id-news_small.view-display-id-block_1 {
    grid-template-columns: 1fr;
  }
  .more-link {
    margin-top: var(--box-tablet-gap);
    min-height: 9rem;
    width: 100%;
  }
  .view.view-news-small .more-link a {
    font-size: var(--font-size-small-heading-tablet);
    line-height: var(--line-height-small-heading-tablet);
  }
}

@media (max-width: 1000px) {
  div#block-current25-views-block-news-block-1 {
    margin-top: var(--box-gap);
    margin-bottom: var(--box-mini-gap);
  }
  article.news-teaser {
    grid-template-columns: 1fr;
  }
  .teaser-second {
    order:1;
  }
  article.news-teaser .teaser-first {
    order:2;
    padding: var(--box-mini-gap); 
  }
  .view-news .views-view-responsive-grid__item {
    padding:0;
  }
  .view.view-news-small.view-id-news_small.view-display-id-block_1 {
    grid-template-columns: 1fr;
    grid-template-rows: 1fr;
    grid-column-gap: 20px;
    grid-row-gap: 0px;
  }
  .view-news-small .views-view-responsive-grid.views-view-responsive-grid--horizontal {
    grid-template-columns: repeat(1, 1fr);
    grid-row-gap: var(--box-mini-gap);
  }
  .more-link {
    margin: var(--box-mini-gap) 0;
    padding: var(--box-mini-gap);
  }
  article.news-teaser h2, article.news-teaser h2 a {
    font-size: var(--font-size-small-heading-mobile);
    line-height: var(--line-height-small-heading-mobile);
    margin-block: 0 var(--box-mini-gap);
  }
  article .news-date {
    font-size: var(--font-size-small-heading-mobile);
    line-height: var(--line-height-small-heading-mobile);
  }
  article.news-teaser-small .news-date {
    margin-top: var(--box-mini-gap);
    font-size: var(--font-size-small-heading-mobile);
  }
  article.news-teaser-small .news-date, article.news-teaser-small h2 {
    padding: 0 var(--box-mini-gap);
  }
  article.news-teaser-small h2, article.news-teaser-small h2 a {
    margin-block: 0 var(--box-mini-gap);
    font-size: var(--font-size-small-heading-mobile);
    line-height: var(--line-height-small-heading-mobile);
  }
  div#block-current25-views-block-news-small-block-1 {
    margin-block-end: var(--box-big-gap);
  }
  .page-node-type-article div#block-current25-content {
    margin-bottom: var(--box-big-gap);
  }
  article.news-teaser .field--name-field-nummer,
  article.news-teaser-small .field--name-field-nummer {
    font-size: var(--font-size-heading-mobile);
    line-height: var(--line-height-heading-mobile);
    margin: 0 0 var(--box-mini-gap) 0;
  }
  article.news-teaser-small .field--name-field-nummer {
    padding: 0 var(--box-mini-gap);
    margin-top: var(--box-mini-gap);
  }
  .view.view-news-small .more-link a {
    font-size: var(--font-size-small-heading-mobile);
    line-height: var(--line-height-small-heading-mobile);
  }
}


@media (max-width:768px) {
  .view.view-news-small.view-id-news_small.view-display-id-block_1 {
    grid-template-columns: 1fr;
    grid-template-rows: 1fr;
    grid-column-gap: 20px;
    grid-row-gap: 0px;
  }

  .view-news-small .views-view-responsive-grid.views-view-responsive-grid--horizontal {
    grid-template-columns: 1fr;
  }
}

article.news-teaser-kompakt {
  display: grid;
  grid-template-columns: repeat(2, auto) 1fr;
  grid-template-rows: 1fr;
  grid-column-gap: var(--box-gap);
  grid-row-gap: var(--box-gap);
  background-color: var(--color--white);
  border-radius: var(--border-radius);
}

.teaser-kompakt-first {
  width: 350px;
}

.teaser-kompakt-first img {
  border-radius: var(--border-radius);
}

.teaser-kompakt-first img:hover {
  mix-blend-mode: normal ;
}

.teaser-kompakt-first .field--name-field-image, .teaser-kompakt-first {
  position:relative;
}

.teaser-kompakt-first .nummer-overlay {
  position: absolute;
  top: 0;
  margin: 10px;
  border-radius: var(--border-radius);
  background-color: rgba(255, 255, 255, 0.5);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

.teaser-kompakt-first .nummer-overlay .field--name-field-nummer {
  font-family: var(--font-heading);
  font-size: var(--font-size-heading);
  line-height: var(--line-height-heading);
  font-weight:100;
}

.teaser-kompakt-second .node__title a {
  font-family: var(--font-small-heading);
  font-size: var(--font-size-small-heading);
  line-height: var(--line-height-small-heading);
  font-weight:100;
}

.teaser-kompakt-first .field:not(:last-child) {
  margin-block-end: 0;
}

.teaser-kompakt-second .teaser__title {
  margin: 0 0 var(--box-gap) 0;
}

.view-id-weitere_news .views-infinite-scroll-content-wrapper .views-view-responsive-grid:not(:first-child),
.view-artists .views-infinite-scroll-content-wrapper .views-view-responsive-grid:not(:first-child) {
  margin-top: var(--box-gap);
}


.view-weitere-news a.button, .view-artists a.button {
  padding: 12px 25px;
  border-radius: var(--border-radius);
  background-color: var(--color-white);
  border: none;
  cursor: pointer;
  position: relative;
  font-family: var(--font-small-heading);
  font-weight:400;
  color: var(--color--black);
}

.view-weitere-news .pager__item, 
.view-artists .pager__item {
  width: 100%;
  background-color: transparent;
  color: var(--color--black);
  justify-content: left;;
}
.view-weitere-news ul.js-pager__items.pager, 
.view-artists ul.js-pager__items.pager {
  margin-inline-start: 0;
}

.button {
  font-size: var(--font-size-standard);
  line-height: var(--line-height-standard);
  font-weight: bold;
  font-family: var(--font-small-heading);
}

@media (min-width:1000px) and (max-width:1500px) {
  .view-artists .views-view-responsive-grid,  
  .view-news-small .views-view-responsive-grid {
    gap: var(--box-tablet-gap);
  }
  div#block-current25-views-block-news-block-1 {
    margin-bottom: var(--box-tablet-gap);
  }
  .button {
    font-size: var(--font-size-standard-tablet);
    line-height: var(--line-height-standard-tablet);
  }
  .teaser-kompakt-first .nummer-overlay .field--name-field-nummer {
    font-size: var(--font-size-heading-tablet);
    line-height: var(--line-height-heading-tablet);
  }
  .view-id-weitere_news.view-display-id-block_1 {
    gap: calc(var(--box-gap) + 10px);
  }
}

@media (max-width: 1000px) {
  article.news-teaser-kompakt {
    grid-template-columns: repeat(1, auto);
    grid-template-rows: 1fr;
    grid-row-gap: 0;
  }
  .teaser-kompakt-first {
    width: auto;
  }
  .teaser-kompakt-first img {
    width:100%;
  }
  .teaser-kompakt-second {
    padding: var(--box-mini-gap);
  }
  .teaser-kompakt-first .nummer-overlay .field--name-field-nummer {
    font-size: var(--font-size-heading-mobile);
    line-height: var(--line-height-heading-mobile);
  }
  .teaser-kompakt-second .teaser__title {
    margin: 0 0 var(--box-mini-gap) 0;
  }
  .view.view-weitere-news {
    gap: var(--box-mini-gap);
  }
  .view-weitere-news a.button{
    margin-top:2rem;
  }
  .view-id-weitere_news .views-infinite-scroll-content-wrapper .views-view-responsive-grid:not(:first-child) {
    margin-top: var(--box-mini-gap);
  }
  .button {
    font-size: var(--font-size-standard-mobile);
    line-height: var(--line-height-standard-mobile);
  }
}

/*=======================
  NEWS FULL
========================*/

.news-content {
  position: relative;
  overflow: hidden; /* Creates a block formatting context */
}

.news-image {
  float: right;
  margin: 0 0 1em 1.5em; /* Top, Right, Bottom, Left */
  max-width: 30%; /* Adjust as needed */
}

.news-content .wide-content.field.field--name-field-image {
  max-width: 400px;
  margin-inline-start: 0;
  width:auto;
  margin-block: 0;
}

.news-content .wide-content.field.field--name-field-image img {
  border-radius: var(--border-radius);
}

/* Clearfix ensures proper container sizing with floated elements */
.clearfix::after {
  content: "";
  display: table;
  clear: both;
}

.news-meta {
  font-size: var(--font-size-small-heading);
  font-family: var(--font-small-heading);
  line-height: var(--line-height-small-heading);
  color: gray;
  display: inline;
}

.news-header .news-meta {
  display: flex;
}

.news-header .page-title {
  display: block;
  margin: 0 0 2rem 0;
}

@media screen and (max-width: 768px) {
  .news-image {
    float: none;
    margin: 0 0 1.5em 0;
    max-width: 100%;
  }
  .news-content .wide-content.field.field--name-field-image {
    max-width: 100%;
  }
  .align-left {
    margin-block-start: 0;
    margin-block-end: 0;
  }
  .news-content .wide-content.field.field--name-field-image img {
    border-radius: var(--border-radius);
    width:100%;
  }
  .news-content .wide-content.field.field--name-field-image {
    max-width: 100%;
    margin-inline-start: 0;
    width:auto;
    margin-block: 0;
  }
  .news-meta {
    font-size: var(--font-size-small-heading-mobile);
    line-height: var(--line-height-small-heading-mobile);
  }
}

/*=======================
  MELDUNGEN
========================*/

.view.view-meldungen,
.view-meldungen-mobile {
  gap: 0;
}

#block-current25-views-block-meldungen-block-1 h2.block__title, 
#block-current25-views-block-meldungen-mobile-block-2 h2.block__title {
  position: relative;
  margin: -35px 0 0 0;
  top: 35px; /* wonky */
  z-index: -1;
}

.view-meldungen nav.pager,
.view-meldungen-mobile nav.pager { 
  display: flex;
  justify-content: flex-end;
}

.view-meldungen .views-view-responsive-grid__item,
.view-meldungen-mobile .views-view-responsive-grid__item {
  background-color: var(--color-white);
  border-radius: var(--border-radius);
  padding: var(--box-gap);
  display: flex;
  flex-direction: column;
  min-height: 18rem;
}

.view-meldungen .pager__item--active,
.view-meldungen-mobile .pager__item--active {
  display: none;
}

.view-meldungen .view-content,
.view-meldungen-mobile .view-content {
  order: 2;
}

.view-meldungen  .teaser__title a, 
.view-meldungen  .teaser__title,
.view-meldungen-mobile .teaser__title a,
.view-meldungen-mobile .teaser__title {
  font-family: var(--font-heading);
  font-size: var(--font-size-heading);
  line-height: var(--line-height-heading);
  margin-top:0;
  margin-bottom: var(--box-gap);
}

a.pager__link {
  font-family: var(--font-heading);
  font-size: 2rem;
}

.pager__item--next a.pager__link:before {
  content: '>';
  color: black;
  margin-top: -5px;
}

.pager__item--previous a.pager__link:before {
  content: '<';
  color: black;
  margin-top: -5px;
}

.pager__item--next {
  margin-left: .8rem;
}

.pager__item--next svg, .pager__item--last svg, .pager__item svg {
  display: none;
}

.pager__item {
  border-radius: var(--border-radius);
  height: 2.5rem;
  margin-bottom: 1rem;
}

.pager__link:hover {
  background-color: var(--color-white);
  border-radius: var(--border-radius);
  border: 2px solid var(--color-black);
}

#block-current25-views-block-meldungen-mobile-block-2 {
  display:none;
}

@media (max-width: 1000px) {
  .view-meldungen .views-view-responsive-grid.views-view-responsive-grid--horizontal,
  .view-meldungen-mobile .views-view-responsive-grid.views-view-responsive-grid--horizontal {
    grid-template-columns: 1fr;
  }
  #block-current25-views-block-meldungen-mobile-block-2 {
    display:block;
  }
  #block-current25-views-block-meldungen-block-1 {
    display:none;
  }
  .view-meldungen  .teaser__title a, 
  .view-meldungen  .teaser__title,
  .view-meldungen-mobile .teaser__title a,
  .view-meldungen-mobile .teaser__title {
    font-size: var(--font-size-small-heading);
    line-height: var(--line-height-small-heading);
  }
}


/*=======================
  SESSION
========================*/

.session-date {
  font-family: var(--font-primary);
  font-size: var(--font-size-standard);
  line-height: var(--line-height-standard);
  color: var(--color-black);
}

.session-address {
    margin: 2rem 0;
}

.field--name-field-format {
  font-family: var(--font-primary);
  font-size: var(--font-size-standard);
  line-height: var(--line-height-standard);
  color: var(--color-black);
  display: flex;
  flex-direction: row;
  

}
.field--name-field-format .field__item {
  background-color: #ffffff;
  border-radius: 50px;
  padding: var(--box-mini-gap);
}

.page-node-type-session .field--name-field-format .field__item {
  background-color: black;
}
.session-address .field--name-field-location h2, 
.session-address .field--name-field-location h2 a,
.session-address .field--name-field-location .teaser__top,
.session-address p.address {
  margin: 0; 
  font-family: var(--font-primary);
  font-size: var(--font-size-standard);
  line-height: var(--line-height-standard);
  color: var(--color-black);
}
.session-address .field--name-field-location h2 a {
 font-weight:bold;
}

.field--name-field-projektbeschreibung {
  margin: var(--box-gap) 0;
  font-family: var(--font-primary);
  font-size: var(--font-size-standard);
  line-height: var(--line-height-standard);
  color: var(--color-black);
}

.field--name-field-projektbeschreibung p {
  font-family: var(--font-primary);
  font-size: var(--font-size-standard);
  line-height: var(--line-height-standard);
  color: var(--color-black);
}

.field--name-field-kuenstlerische-profile {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: var(--box-gap);
    grid-row-gap: var(--box-gap);
}

@media (min-width: 1000px) and (max-width: 1500px) {
    .field--name-field-kuenstlerische-profile {
        grid-template-columns: repeat(2, 1fr);
    }
    .session-date {
        font-size: var(--font-size-standard-tablet);
        line-height: var(--line-height-standard-tablet);
    }
    .field--name-field-format {
        font-size: var(--font-size-standard-tablet);
        line-height: var(--line-height-standard-tablet);
    }
    .field--name-field-kuenstlerische-profile {
        grid-column-gap: var(--box-tablet-gap);
        grid-row-gap: var(--box-tablet-gap);
    }
    .field--name-field-kuenstlerische-profile > .field__item {
        padding: var(--box-tablet-gap);
    }
    .field--name-field-kuenstlerische-profile h2 a {
        font-size: var(--font-size-small-heading-tablet);
        line-height: var(--line-height-small-heading-tablet);
    }
    .field--name-field-kuenstlerische-profile h2 {
        font-size: var(--font-size-small-heading-tablet);
        line-height: var(--line-height-small-heading-tablet);
    }
    .field--name-field-kuenstlerische-profile p {
        font-size: var(--font-size-standard-tablet);
        line-height: var(--line-height-standard-tablet);
    }
    .field--name-field-kuenstlerische-profile .teaser__top {
        font-size: var(--font-size-standard-tablet);
        line-height: var(--line-height-standard-tablet);
    }
    .field--name-field-projektbeschreibung p {
        font-size: var(--font-size-standard-tablet);
        line-height: var(--line-height-standard-tablet);
    }
}
@media (max-width: 1000px) {
    .field--name-field-kuenstlerische-profile {
        grid-template-columns: 1fr;
        grid-column-gap: var(--box--mini-gap);
        grid-row-gap: var(--box-mini-gap);
    }
    .session-date {
        font-size: var(--font-size-standard-mobile);
        line-height: var(--line-height-standard-mobile);
    }
    .field--name-field-format {
        font-size: var(--font-size-standard-mobile);
        line-height: var(--line-height-standard-mobile);
    }
    .field--name-field-kuenstlerische-profile {
        grid-column-gap: var(--box-mini-gap);
        grid-row-gap: var(--box-mini-gap);
    }
    .field--name-field-kuenstlerische-profile > .field__item {
        padding: var(--box-mini-gap);
    }
    .field--name-field-kuenstlerische-profile h2 a {
        font-size: var(--font-size-small-heading-mobile);
        line-height: var(--line-height-small-heading-mobile);
    }
    .field--name-field-kuenstlerische-profile h2 {
        font-size: var(--font-size-small-heading-mobile);
        line-height: var(--line-height-small-heading-mobile);
    }
    .field--name-field-kuenstlerische-profile p {
        font-size: var(--font-size-standard-mobile);
        line-height: var(--line-height-standard-mobile);
    }
    .field--name-field-kuenstlerische-profile .teaser__top {
        font-size: var(--font-size-standard-mobile);
        line-height: var(--line-height-standard-mobile);
    }
    .field--name-field-projektbeschreibung p {
        font-size: var(--font-size-standard-mobile);
        line-height: var(--line-height-standard-mobile);
    }
    .session-address .field--name-field-location h2,
    .session-address .field--name-field-location h2 a,
    .session-address .field--name-field-location .teaser__top,
    .session-address p.address {
        font-size: var(--font-size-standard-mobile);
        line-height: var(--line-height-standard-mobile);
        color: var(--color-black);
    }
}

/*=======================
  MAGAZIN
========================*/

.field--name-field-magazin-cover img {
  border-radius: var(--border-radius);
}

.view-magazine .teaser__title {
  margin: var(--box-gap) 0;
}

.view-magazine .teaser__title a {
  font-family:var(--font-heading);
  font-size: var(--font-size-heading);
}

.field--name-field-magazin-cover.field {
  margin-block-end: 0;
}

.view-magazine .pager__item--active {
  display: none;
}

.view-magazine .view-content {
  order: 2;
}

.view-magazine nav.pager {
  display: flex;
  justify-content: flex-end;
}

.view.view-magazine {
  gap: 0;
}

#block-current25-views-block-magazine-block-1 .block__title {
  position: relative;
  margin: -35px 0 0 0;
  top: 35px;
  z-index: -1;
}


body .magazin-teaser .text-content {
  font-family: var(--font-primary);
  font-size: var(--font-size-standard);
  line-height: var(--line-height-standard);
  color: var(--color-black);
  font-weight: 100;
}


@media (max-width: 1000px) {
  .view-magazine .views-view-responsive-grid.views-view-responsive-grid--horizontal {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* @media (max-width: 500px) {
  .view-magazine .views-view-responsive-grid.views-view-responsive-grid--horizontal {
    grid-template-columns: 1fr;
  }
} */

/*=======================
  TEAMMITGLIED
========================*/

article.teammitglied-teaser {
  display: flex;
  background-color: var(--color-white);
  border-radius: var(--border-radius);
  height:19rem;
  flex-direction: column;
  justify-content: space-between;
  background-size: cover;
  background-position: right;
}

article.teammitglied-teaser.artist {
  background-size: cover;
  background-position: right;

}

article.teammitglied-teaser.artist .teaser-second {
  display: flex;
  flex-direction: column; /* Allow content to stack vertically */
  justify-content: center; /* Center content vertically */
  align-items: center; /* Center content horizontally */
  text-align: center; /* Ensure text is centered */
  padding: 1rem;
  height: auto; /* Allow height to adjust based on content */
  min-height: 100px; /* Optional: Set a minimum height */
  box-sizing: border-box;
  overflow: visible; /* Ensure content is fully visible */
}

article.teammitglied-teaser.artist .teaser-second h2 {
  max-width: 100%;
  width: auto; /* Allow width to adjust based on content */
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: inherit; /* Use the dynamically calculated font size */
  line-height: 1; /* Line height matches font size */
  text-align: center;
  overflow: visible; /* Ensure content is fully visible */
  white-space: normal; /* Allow text to wrap */
  word-break: break-word; /* Break long words if necessary */
}

article.teammitglied-teaser.artist .teaser-second h2 span {
  font-size: inherit;
  line-height: inherit; /* Inherit line height from parent */
  max-width: 100%;
  word-break: break-word;
  hyphens: auto;
  text-align: center;
  display: inline-block;
  padding: 0.1em 0.25em;
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  overflow: visible; /* Ensure content is fully visible */
  white-space: normal; /* Allow text to wrap */
  word-break: break-word; /* Break long words if necessary */
}

article.teammitglied-teaser .teaser-first,
article.teammitglied-teaser .teaser-first img {
  background-color: var(--color-dark-grey);
  border-radius: var(--border-radius);
  aspect-ratio: 1;
  height: 220px;
}

article.teammitglied-teaser h2.node__title.teaser__title {
  margin-top: 0;
  margin-bottom: 10px;
  font-size: var(--font-size-small-heading);
  line-height: var(--line-height-small-heading);
}

article.teammitglied-teaser  .teaser-second {
  padding: var(--box-gap);
}

article.teammitglied-teaser  .teaser-second a {
  font-family: var(--font-primary);
  text-decoration: underline;
  font-weight: 100;
}

article.teammitglied-teaser .teaser-second h2 a{
  text-decoration: none;
  font-family: var(--font-heading);
  font-size: var(--font-sizes-mall-heading);
  line-height: var(--line-height-small-heading);
  font-weight: 100;
}

article.teammitglied-teaser .field:not(:last-child) {
  margin-block-end: 5px;
}

article.teammitglied-teaser .field--name-field-position {
  font-size: var(--font-size-standard);
  line-height: var(--line-height-standard);
  margin-bottom: 10px;
}

.teaser-bottom {
  margin-block-end: var(--box-gap);
  margin-right: var(--box-gap);
  text-align: right;
}

.teammitglied-contact {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin-bottom: 10px;
}
.teammitglied-contact .field__item:before {
  content: ',';
  margin-right: 10px;
  font-size: var(--font-size-small-heading);
}


/* Responsive Title Styles */
.view-artists .responsive-title {
  line-height: 1.1;
  width: 100%;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: 0;
  transition: font-size 0.2s ease;
  overflow-wrap: break-word;
  word-break: break-word;
  hyphens: auto;
  overflow: hidden; /* Prevent overflow */
}

.view-artists .responsive-title .fill-container {
  width: fit-content; /* Make width match content */
  max-width: 100%; /* Limit maximum width */
  display: block;
  text-align: center;
  font-size: inherit;
  line-height: inherit;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 0 auto; /* Center */
}

article.teammitglied-teaser.artist .teaser-second {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: 1rem;
  height: 100%;
  background-color: rgb(0 0 0 / 30%);
  border-radius: var(--border-radius);
}

/* Ensure name stays visible on all backgrounds */
article.teammitglied-teaser.artist .teaser-second h2 span{
  display: inline-block;
  padding: 0.1em 0.25em;
  color: #ffffff;
  mix-blend-mode: difference;
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  max-height: 280px;
}

.view-artists {
  gap: calc(var(--box-gap) + 10px);
}

@media (max-width: 1000px) {
  .responsive-title {
    font-size: clamp(1.5rem, 8vw, 3.5rem) !important;
  }
  
  article.teammitglied-teaser.artist .teaser-second h2 span {
    font-size: var(--font-size-heading-tablet);
    line-height: var(--line-height-heading-tablet);
  }
  .view-artists {
    gap: calc(var(--box-mini-gap) + 10px);
}
}

@media (max-width: 700px) {
  article.teammitglied-teaser.artist .teaser-second h2 span{
    font-size: var(--font-size-heading-mobile);
    line-height: var(--line-height-heading-mobile);
  }
}

@media (max-width:1000px) {
  .view-id-team .views-view-responsive-grid.views-view-responsive-grid--horizontal {
    grid-template-columns: 1fr;
  }
  #block-current25-views-block-team-block-1 {
    margin-block-end: var(--box-big-gap);
  }
}

@media (max-width:475px) {
  article.teammitglied-teaser {
    flex-direction: column;
  }
  article.teammitglied-teaser .teaser-first, 
  article.teammitglied-teaser .teaser-first img {
    height:auto;
  }
  article.teammitglied-teaser .teaser-second {
    padding: var(--box-mini-gap);
  }
}

/*=======================
 Artists
========================*/

.view-artists  .field.field--name-field-bilder {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-column-gap: var(--box-gap);
  grid-row-gap: var(--box-gap);
}

/* .view-artists article.teammitglied-teaser {
  height:auto;
} */

.field--name-field-bilder {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-column-gap: var(--box-gap);
  grid-row-gap: var(--box-gap);
}
.field--name-field-bilder img {
  border-radius: var(--border-radius);
}

@media (min-width: 1000px) and (max-width: 1500px) {
  .field--name-field-bilder {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 1000px) {
  .view-artists .views-view-responsive-grid {
    grid-template-columns: 1fr;
  }
  .field--name-field-bilder {
    grid-template-columns: 1fr;
    grid-column-gap: var(--box--mini-gap);
    grid-row-gap: var(--box-mini-gap);
  }
}



/*=======================
  LOGIN
========================*/

body .tabs__link {
  border-radius: 5px;
  margin-right: 10px;
  font-family: var(--font-heading);
  background-color: #ffffff;
  color: #000000;
}

@media (min-width: 43.75rem) {
  .tabs__link.is-active::after {
    inset: unset;
    border-block-start: unset;
  }
}

body .tabs__link.is-active::after {
  inset: unset !important;
  border-block-start: unset;
}

body .tabs__link.is-active {
  background-color: #e9eaf57a;
}

body .tabs__link:hover {
  color: var(--color-dark-black);
}

.button--primary {
  color: var(--color--black);
  border-color: var(--color--black);
  border-radius: 5px;
}

.button--primary:hover, .button--primary:focus {
  color: var(--color--black);
  border-color: var(--color-light-blue);
}


/*=======================
  NEWSLETTER
========================*/

div#newsletterblock {
  background-color: var(--color-white);
  border-radius: var(--border-radius);
  padding: var(--box-gap);
  display: grid;
  grid-template-columns: repeat(2, auto);
  grid-template-rows: repeat(2, auto);
  grid-column-gap: 20px;
  grid-row-gap: 0px;
}

#newsletterblock h2 {
  hyphens: none;
  margin: 0;
  font-size: var(--font-size-heading);
  line-height: var(--line-height-heading);
}
#newsletterblock p {
  hyphens: none;
  margin: 0;
}

.nl-left, .nl-right {
  display: flex;
  align-items: flex-start;
}
 
.nl-right {
  justify-content: center;
}

.nl-bottom {
  grid-area: 2 / 1 / 3 / 3;
}

.nl-bottom p {
  font-size: 19px;
  line-height: 26px;
}

.mc-field-group {
  margin-top:10px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}

#newsletterblock  .nl-bottom p {
 margin-top: var(--box-mini-gap);
}

#newsletterblock label {
  font-size: var(--font-size-standard);
  line-height: var(--line-height-standard);
}

div#mc_embed_shell {
  width: 100%;
}
[type="email"] {
  font-size: var(--font-size-standard);
  line-height: var(--line-height-standard);
}

input#mce-EMAIL {
  height: 58px;
    background-color: var(--color-grey);
    border-color: var(--color-white);
    color: var(--color--black);
}

input#mc-embedded-subscribe {
  margin: 0 0 0 10px;
  font-family: var(--font-heading);
  color: var(--color--white);
  background-color: var(--color-dark-black);
  font-size: 35px;
  padding-block: 0;
  padding-inline: 0;
  padding: 0px 20px 5px 20px;
  line-height: 35px;
  font-weight: 400;
}

input#mc-embedded-subscribe:hover {
  color: var(--color-black);
  background-color: var(--color-white);
}

input#mce-EMAIL::placeholder {
  color: var(--color-black);
}

@media (min-width: 1000px) and (max-width: 1500px) {
  div#newsletterblock {
    grid-template-columns: repeat(2, auto);
    padding: var(--box-tablet-gap);
  }
  #newsletterblock h2 {
    font-size: var(--font-size-heading-tablet);
    line-height: var(--line-height-heading-tablet);
  }
  #newsletterblock label {
    font-size: var(--font-size-standard-tablet);
    line-height: var(--line-height-standard-tablet);
  }
}

@media (max-width: 1000px) {
  div#newsletterblock {
    display:block;
    padding: var(--box-mini-gap);
  }
  .nl-right {
    margin-top: var(--box-gap);
  }
  #newsletterblock h2 {
    font-size: var(--font-size-heading-mobile);
    line-height: var(--line-height-heading-mobile);
    text-align:center;
  }
  #newsletterblock label {
    font-size: var(--font-size-standar-mobile);
    line-height: var(--line-height-standard-mobile);
  }
  [type="email"] {
    font-size: var(--font-size-standard-mobile);
    line-height: var(--line-height-standard-mobile);
}
}


/*=======================
  PARTNER
========================*/

.view-id-partner .view-content {
  background-color: var(--color-white);
  border-radius: var(--border-radius);
  padding: var(--box-gap);
  gap: 0;
}

.view-id-partner.view-display-id-block_1 .views-view-responsive-grid.views-view-responsive-grid--horizontal,
.view-id-partner.view-display-id-block_2 .views-view-responsive-grid.views-view-responsive-grid--horizontal {
  display: flex;
  align-items: center;
}

.view-id-partner.view-display-id-block_3 .view-content {
  display: flex;
  flex-wrap: wrap;
}

.view-id-partner.view-display-id-block_3 .view-content div:not(:last-child):after {
  content: ',';
  margin-right: 20px;
  margin-left: 1px;
  font-size: var(--font-size-small-heading);
}

@media (max-width: 1000px) {
  .view-id-partner.view-display-id-block_1 .views-view-responsive-grid.views-view-responsive-grid--horizontal, 
  .view-id-partner.view-display-id-block_2 .views-view-responsive-grid.views-view-responsive-grid--horizontal {
          align-items: center;
          flex-wrap: wrap;
          justify-content: space-around;
  }
  .view-id-partner.view-display-id-block_3 .view-content {
    flex-direction: column;
  }
  .view-id-partner.view-display-id-block_3 .view-content div {
    margin-bottom:10px;
  }
  .view-id-partner .view-content {
    padding: var(--box-mini-gap);
  }
}

#block-current25-drivingdreamingdrifting > h2.block__title,
#block-current25-lufteinekooperationmitdreaminginwomen > h2.block__title,
#block-current25-currentxfttsimwasserspeicher > h2.block__title {
  font-family: var(--font-heading);
  font-size: var(--font-size-mid-heading);
  line-height: var(--line-height-mid-heading);
  margin-bottom: var(--box-gap);
}

#block-current25-drivingdreamingdrifting .field--name-field-view-block > .field__item {
  margin-bottom: var(--box-big-gap);
}

div#block-current25-mehrinformationenzuunserenforderern h2 a {
  font-family: var(--font-small-heading);
  font-size: var(--font-size-small-heading);
  line-height: var(--line-height-small-heading);
  text-align: center;
  text-decoration:none;
}

div#block-current25-mehrinformationenzuunserenforderern {
  display: flex;
  justify-content: center;
  background-color: var(--color--white);
  border-radius: var(--border-radius);
}

#block-current25-newsletter, #block-current25-views-block-partner-block-1,
#block-current25-views-block-partner-block-2,
#block-current25-views-block-partner-block-3 {
  margin-bottom: var(--box-big-gap);
}

.view-id-partner .views-field-title {
  font-size: var(--font-size-standard);
  line-height: var(--line-height-standard);
}
div#block-current25-views-block-partner-block-8 {
  margin-bottom: var(--box-big-gap);
}

.path-foerderinnen div#block-current25-content,
.path-funding-partners div#block-current25-content {
  margin: 0;
}

.field--name-field-logo.field__item {
  width: 277px;
}

#block-current25-currentkunstundurbanerraum h2.block__title {
  font-family: var(--font-heading);
  font-size: var(--font-size-mid-heading);
  line-height: var(--line-height-mid-heading);
}

#block-current25-currentkunstundurbanerraum .block__content {
  background-color: white;
  padding: var(--box-gap);
  border-radius: var(--border-radius);
}

#block-current25-drivingdreamingdrifting .field--type-entity-reference.field__items {
  display: flex;
  flex-direction: row;
  width: 100%;
  gap: var(--box-gap);
}

#block-current25-drivingdreamingdrifting .view-id-partner .view-content {
  height: 190px;
}


@media (min-width: 1000px) and (max-width: 1500px) {
  div#block-current25-mehrinformationenzuunserenforderern h2 a {
    font-size: var(--font-size-small-heading-tablet);
  }
  .view-id-partner .views-field-title {
    font-size: var(--font-size-standard-tablet);
    line-height: var(--line-height-standard-tablet);
  }
  #block-current25-drivingdreamingdrifting > h2.block__title,
  #block-current25-lufteinekooperationmitdreaminginwomen > h2.block__title,
  #block-current25-currentxfttsimwasserspeicher > h2.block__title {
  font-size: var(--font-size-mid-heading-tablet);
  line-height: var(--line-height-mid-heading-tablet);
  margin-bottom: calc(var(--box-gap) - 10px);
  }
  div#block-current25-views-block-partner-block-8,
  #block-current25-drivingdreamingdrifting .field--name-field-view-block .field__item {
    margin-bottom: var(--box-gap);
  }
  #block-current25-currentkunstundurbanerraum h2.block__title {
    font-size: var(--font-size-mid-heading-tablet);
    line-height: var(--line-height-mid-heading-tablet);
  }
}

@media (max-width:1000px) {
  div#block-current25-mehrinformationenzuunserenforderern h2 a  {
    font-size: var(--font-size-small-heading-mobile);
  }
  div#block-current25-mehrinformationenzuunserenforderern h2 {
    text-align:center;
  }
  #block-current25-newsletter, #block-current25-views-block-partner-block-1,
  #block-current25-views-block-partner-block-2,
  #block-current25-views-block-partner-block-3 {
    margin-bottom: var(--box-big-gap);
  }
  #block-current25-drivingdreamingdrifting > h2.block__title,
  #block-current25-lufteinekooperationmitdreaminginwomen > h2.block__title,
  #block-current25-currentxfttsimwasserspeicher > h2.block__title {
    font-size: var(--font-size-mid-heading-mobile);
    line-height: var(--line-height-mid-heading-mobile);
    margin-bottom: var(--box-mini-gap)
  }
  div#block-current25-views-block-partner-block-8,
  #block-current25-drivingdreamingdrifting .field--name-field-view-block .field__item {
    margin-bottom: var(--box-mini-gap);
  }
  .view-id-partner .views-field-title {
    font-size: var(--font-size-standard-mobile);
    line-height: var(--line-height-standard-mobile);
  }
  #block-current25-currentkunstundurbanerraum h2.block__title {
    font-size: var(--font-size-mid-heading-mobile);
    line-height: var(--line-height-mid-heading-mobile);
  }
  #block-current25-currentkunstundurbanerraum .block__content {
    padding: var(--box-mini-gap);
  }
  #block-current25-drivingdreamingdrifting .view-id-partner .view-content {
    height: 150px;
    
  }  
  #block-current25-drivingdreamingdrifting .field--type-entity-reference.field__items {
    flex-wrap: wrap;
    gap: var(--box-mini-gap);
  }
}
/*=======================
  ARCHIVBLOCK
========================*/

.current-archiv {
  display: flex;
  column-gap: var(--box-gap);
}

.current-archiv  a {
  max-width: calc(50% - calc(var(--box-gap) / 2));
}
img.archivbanner {
  border-radius: var(--border-radius);
}

@media (max-width: 1000px) {
  .current-archiv {
    flex-direction: column;
  }
  .current-archiv a {
    max-width: 100%;
    margin-bottom: var(--box-mini-gap);
  }
  div#block-current25-archivwebsites {
    margin-bottom: var(--box-big-gap);
  }
}



/*=======================
  FOOTER
========================*/
.region--footer-top {
  display: none;
}

body:not(.is-always-mobile-nav) .site-footer {
  border-inline-start: unset;
}

.site-footer .text-content * {
  color: var(--color-black);
}

.site-footer .text-content a {
  color: var(--color-black);
  -webkit-text-decoration: underline;
  text-decoration: underline;
  font-family: var(--font-primary);
}

.site-footer .text-content a:hover {
  color: var(--color-dark-black);
}

.site-footer {
  background: none;
  background-color: var(--color-white);
} 

.site-footer .footer_imprint {
  font-size: 13px;
  line-height: 16px;
  color: var(--color-dark-black);
  font-weight:bold;
}
.site-footer .footer_imprint a {
  color: var(--color-dark-black);
  font-size: .9rem;
}

.site-footer h3 {
  margin-top: 0;
  font-size:var(--font-size-small-heading);
  line-height: var(--line-height-small-heading);
}

@media (min-width: 75rem) {
  .site-footer__inner {
    padding-block: var(--sp2);
  }
}

div#block-current25-footerleft {
  grid-column: 1 / 7;
  margin-block-end: 0;
  padding: var(--box-gap) 0 0 0;
}

@media (max-width: 1000px) {
  div#block-current25-footerleft {
      grid-column: 1 / 15;
      padding: var(--box-mini-gap);
      order:2;
  }
}

/*=======================
  FOOTER MENU
========================*/

/* Hauptmenü-Container */
nav#block-current25-seitenbaum {
  grid-column: 7 / 15;
  padding: var(--box-gap) 0 0 0;
}

nav#block-current25-seitenbaum .menu__item--level-1 > ul {
  margin-left: 0;
}

/* Menü der ersten Ebene - horizontal mit gleichmäßiger Verteilung */
nav#block-current25-seitenbaum .menu--level-1 {
  display: flex;
  justify-content: space-between; /* Gleichmäßige Verteilung der Menüpunkte */
  list-style: none;
  padding: 0;
  margin: 0;
  width: 100%;
}

/* Menüpunkte der ersten Ebene */
nav#block-current25-seitenbaum .menu__item--level-1 {
  position: relative; /* Für potenzielle Untermenüs wichtig */
  flex: 1; /* Jeder Menüpunkt nimmt gleich viel Platz ein */
  text-align: left;
  color: var(--color-black);
  font-size: 32px;
  font-family: var(--font-small-heading);
  line-height: 34px;
}

nav#block-current25-seitenbaum ul.menu.menu--level-2 {
  font-size: 14px;
}

/* Zweite Menüebene - vertikal angeordnet */
nav#block-current25-seitenbaum .menu__item--level-1 > ul {
  display: flex;
  flex-direction: column; /* Vertikale Anordnung */
  margin-top: 32px;
}

/* Menüpunkte der zweiten Ebene */
nav#block-current25-seitenbaum .menu__item--level-2 {
  width: 100%;
  text-align: left;
  margin-block-end: 32px;
}

/* Links in der zweiten Ebene */
nav#block-current25-seitenbaum .menu__link--level-2 {
  display: block;
  white-space: normal;
  font-size:24px;
  line-height: 28px;
}

/* Responsive Anpassungen */
@media (min-width: 1000px) and (max-width: 1500px) {
  nav#block-current25-seitenbaum .menu__item--level-1 {
    font-size: var(--font-size-small-heading-tablet);
    line-height: var(--line-height-small-heading-tablet);
  }
  nav#block-current25-seitenbaum .menu__link--level-2 {
    font-size: 19px;
    line-height: 22px;
  }
  .site-footer .text-content a {
    font-size: var(--font-size-standard-tablet);
    line-height: var(--line-height-standard-tablet);
    text-decoration: none;
  }
}


@media (max-width: 1000px) {
  nav#block-current25-seitenbaum .menu__item--level-1 {
    font-size: var(--font-size-small-heading-tablet);
    line-height: var(--line-height-small-heading-tablet);
  }
  nav#block-current25-seitenbaum .menu__link--level-2 {
    font-size: 19px;
    line-height: 22px;
  }
  .site-footer .text-content a {
    font-size: var(--font-size-standard-mobile);
    line-height: var(--line-height-standard-mobile);
  }


  nav#block-current25-seitenbaum {
    grid-column: 1 / 14;
    padding: var(--box-mini-gap) var(--box-mini-gap);
    order: 1;
    margin-block-end: 0;
  }
  
  nav#block-current25-seitenbaum .menu__item--level-1 {
    width: 100%;
    text-align: left;
  }
  
  nav#block-current25-seitenbaum .menu__item--level-1:hover > ul,
  nav#block-current25-seitenbaum .menu__item--level-1:focus-within > ul {
    display: flex;
  }
}

@media (max-width: 700px) {
  nav#block-current25-seitenbaum .menu--level-1 {
    flex-direction: column;
    flex-wrap: wrap;
    text-align: left;
  }

  nav#block-current25-seitenbaum .menu__item--level-1 {
    text-align: left;
    margin-top: var(--box-gap);
    width: 100%;
    min-width:100%;
    font-size: 24px;
    line-height: 27px;
  }
  nav#block-current25-seitenbaum .menu__item--level-2 {
    text-align: left;
    margin-block-end: 18px;
  }
  nav#block-current25-seitenbaum .menu__link--level-2 {
    font-size: var(--font-size-small-heading-mobile);
    line-height: var(--line-height-small-heading-mobile);
  }
  nav#block-current25-seitenbaum .menu__item--level-1 > ul {
    margin-top: 18px;
  }
}

/*=======================
  LOGIN BLOCK
========================*/

@media (min-width: 31.25rem) {
  [type="color"], [type="date"], [type="datetime-local"], [type="email"], [type="file"], [type="month"], [type="number"], [type="password"], [type="search"], [type="tel"], [type="text"], [type="time"], [type="url"], [type="week"], textarea {
    width: 100%;
  }
}

div#login-block {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: 1fr;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
}

.login-block-button {
  text-align: center;
  background-color: #000000;
  margin: 1rem;
  border-radius: var(--border-radius);
}

.login-block-button:hover {
  background-color: #ffffff;
  border: 1px solid #000000;
}

.login-block-button a {
  color: #ffffff;
  text-decoration: none;
  box-shadow: none;
}

.login-block-button:hover a, .login-block-button a:hover {
  color: #000000;
  text-decoration: none;
  box-shadow: none;
}


/*=======================
  Galerie
========================*/

.field--name-field-galerie {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-column-gap: var(--box-gap);
  grid-row-gap: var(--box-gap);
  
}

.field--name-field-galerie .field--name-field-media-image {
  margin-block-end: var(--box-mini-gap);
}

.field--name-field-text-unter-bild {
  font-family: var(--font-primary);
  font-size: 1rem;
  line-height: 1.4rem;
}

#cboxTitle {
  display:none !important;
}

.view-galerien-small img {
    border-radius: var(--border-radius);
}

.view-galerien-small a {
    font-family: var(--font-heading);
}


/*=======================
  Cookies
========================*/

@media (min-width: 1800px) {
  #sliding-popup {
      left: unset;
      right: 0;
      padding:0;
  }
}

#sliding-popup {
  padding:0;
  margin: var(--box-mini-gap);
  border-radius: var(--border-radius);
}
.eu-cookie-compliance-content {
  border-radius: var(--border-radius);
}

button.agree-button, button.decline-button, .button--primary {
  background-color: var(--color-black);
  color: var(--color-white);
  border: none;
  border-radius: var(--border-radius);
}

button.agree-button:hover, 
button.decline-button_hover,
.button--primary:hover, 
.button--primary:focus {
  background-color: var(--color-white);
  color: var(--color-black);
  border-radius: var(--border-radius);
  border-color: var(--color-black)
}

#sliding-popup h1, #sliding-popup h3, #sliding-popup p, #sliding-popup label, #sliding-popup div, .eu-cookie-compliance-more-button, .eu-cookie-compliance-default-button, .eu-cookie-compliance-secondary-button, .eu-cookie-withdraw-tab {
  color: unset;
  font-size: 15px;
  line-height: 18px;
}

/*=======================
  Admin
========================*/

#toolbar-item-toolbar-menu-redaktion:before {
  background-image: url(/core/misc/icons/bebebe/pencil.svg);
}

#toolbar-item-toolbar-menu-programm:before {
  background-image: url(/themes/custom/current25/images/mstile-150x150.png);
} 




/*=======================
  SESSION TEASER
========================*/

.calendar-event .field--name-field-kuenstlerische-profile {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 10px;

}

.calendar-event .field--name-field-kuenstlerische-profile .field__item:not(:last-child)  a::after {
  content: ',';
}

.calendar-event .field--name-field-kuenstlerische-profile .field__item {
  padding:0 !important;
}

/* Filter Section */
.filter-section {
  padding: 30px;
  background: #f8f8f8;
  border-radius: 50px;
  display: flex;
  flex-direction: column;
  gap: 30px;
}

/* Filter Section Header with Toggle Button */
.filter-section-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0;
  padding: 0;
}

.filter-section-header h3 {
  margin: 0;
  font-family: var(--font-small-heading);
  color: var(--color-black);
  font-size: var(--font-size-small-heading);
  line-height: var(--line-height-small-heading);
}

/* Filter Toggle Button */
.filter-toggle-button {
  background-color: #fff;
  border: none;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  padding: 0;
  font-size: var(--font-size-small-heading);
  font-weight: bold;
  color: #000;
}

.filter-toggle-button:hover {
  background: #000;
  color: #fff;
}

.filter-toggle-button:focus {
  outline: none;
  border-color: #000;
}

/* Filter Content - Collapsible */
.filter-content {
  display: flex;
  flex-direction: column;
  gap: 30px;
  transition: all 0.3s ease;
}

.filter-content.collapsed {
  display: none;
}

.filter-section h3, 
.format-filter label,
.filter-dropdown label {
  font-family: var(--font-small-heading);
  color: var(--color-black);
  font-size: var(--font-size-small-heading);
  line-height: var(--line-height-small-heading);
  margin:0;
}

.format-button, #reset-filters-button {
  background: #fff;
  color: #000;
  padding: 10px 18px;
  font-family: var(--font-primary);
  font-size: var(--font-size-standard);
  line-height: var(--line-height-standard);
  border:none;
  border-radius: 50px;
  cursor: pointer;
  transition: all 0.2s ease;
  white-space: nowrap;
  font-weight: normal;
}





/* Filter Header with Reset Button */
.filter-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
  margin-bottom: 0;
}

.filter-main-content {
  flex: 1;
}

.filter-reset {
  flex-shrink: 0;
  align-self: flex-start;
}

#reset-filters-button {
  font-family: var(--font-small-heading);
  border: none;
  font-weight: normal;
  cursor: pointer;
  white-space: nowrap;
}

.reset-filters-button:hover {
  color: #000;
}

.filter-dropdown {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 15px;
  margin-bottom: 0;
}


.filter-dropdown select {
  padding: 10px 40px;
  border: none;
  border-radius: 50px;
  font-size: var(--font-size-standard);
  line-height: var(--line-height-standard);
  font-family: var(--font-primary);
  background: #fff;
  width: 100%;
  appearance: none;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 12px center;
  background-size: 40px;
  padding-right: 35px;
}

.filter-dropdown select:focus {
  outline: none;
  border-color: #999;
  box-shadow: none;
}

/* Format Filter Buttons */
.format-filter {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  gap: 20px;
  margin-bottom: 0;
}

 
.format-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  flex: 1;
}


.format-button:hover, #reset-filters-button:hover {
  background: var(--color-black);
  color: var(--color-white);
}

.format-button.active {
  background: var(--color-black);
  color: var(--color-white);
}

/* Responsive layout for filters */
@media (max-width: 1024px) {
  .filter-section {
    gap: 25px;
    padding: 25px;
  }
  
  .filter-header {
    flex-direction: column;
    align-items: stretch;
    gap: 20px;
  }
  
  .filter-reset {
    align-self: flex-end;
  }
  
  .filter-dropdown {
    flex-direction: column;
    justify-content: flex-start;
    gap: 8px;
  }
  
  .filter-dropdown label {
    min-width: auto;
  }
  
  .filter-dropdown select {
    width: 100%;
  }
}

@media (max-width: 768px) {
  .format-filter {
    flex-direction: column;
    align-items: flex-start;
    gap: 15px;
  }
  
  .format-filter label {
    min-width: auto;
  }
  
  .format-buttons {
    width: 100%;
  }
  
  .format-button {
    font-size: 13px;
    padding: 6px 14px;
  }
  
  .filter-section {
    padding: 20px;
    gap: 20px;
  }
  
  .filter-toggle-button {
    width: 40px;
    height: 40px;
    font-size: var(--font-size-small-heading-tablet)
  }
  
  .reset-filters-button {
    font-size: 13px;
  }
}

.current-calendar {
  margin: 0 auto;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}


@media (max-width: 768px) {
  .page-title {
    font-size: 28px;
    margin-bottom: 30px;
  }
}

.calendar-day {
  margin-bottom: var(--box-big-gap);
}

.day-header h2 {
  font-size: var(--font-size-small-heading);
  font-family: var(--font-small-heading);
  line-height: var(--line-height-small-heading);
  font-weight: normal;
  margin: 0 0 20px 0;
}

.calendar-event {
  margin-bottom: var(--box-gap);
  padding: 20px 0;
  border-bottom: 1px solid #f0f0f0;
}

.calendar-event:last-child {
  border-bottom: none;
}

/* First row layout: Time left, Title right */
.event-row-1 {
  display: flex;
  margin-bottom: 0;
  /* align-items: stretch; */
}

.event-time-block {
  width: 315px;
  flex-shrink: 0;
  background-color: var(--color--white);
  padding: var(--box-gap);
  border-radius: var(--box-gap);
}

.event-time {
  font-size: var(--font-size-standard);
  line-height: var(--line-height-standard);
  font-family: var(--font-primary);
  color: var(--color-black);
  margin: 0;
}

/* Multi-day event styling */
/* .multi-day-event {
  border-left: 3px solid #007acc;
} */

.event-title-block {
  flex: 1;
  background-color: var(--color--white);
  padding: var(--box-gap);
  border-radius: var(--box-gap);
}

.event-title, .event-title a, .event-title a:hover {
  font-size: var(--font-size-heading);
  line-height: var(--line-height-heading);
  font-family: var(--font-heading);
  color: var(--color-black);
  margin: 0;
  cursor:pointer;
}

.event-item.active .event-title,
.event-item.active .event-title a, 
.event-item.active .event-title a:hover {
  color: #ffffff;
}

/* Second row layout: Formats left, Artists and Location right (two equal columns) */
.event-row-2 {
  display: flex;
}

.event-formats-block {
  width: 315px;
  flex-shrink: 0;
  padding-right: 20px;
  display: flex;
  justify-content: center;
}

.event-format, .calendar-event .field--name-field-format {
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: center;
}

.format-tag, .calendar-event .field--name-field-format .field__item {
  display: inline-block;
  background: #000;
  color: #fff;
  padding: 6px 16px;
  border-radius: var(--box-gap);
  font-size: var(--font-size-standard);
  line-height: var(--line-height-standard);
  font-family: var(--font-primary);
  text-align: center;
  width: fit-content;
}

.event-details-block {
  flex: 1;
  display: flex;
}

.event-artists-section {
  flex: 1;
  background-color: var(--color--white);
  padding: var(--box-gap);
  border-radius: var(--box-gap);
  align-self: flex-start;
}

.event-location-section {
  flex: 1;
}

.event-artists {
  font-size: 14px;
}

.event-artists a {
  color: var(--color-black );
  text-decoration: underline;
  font-family: var(--font-primary);
  line-height: var(--line-height-standard);
  font-size: var(--font-size-standard);
  transition: color 0.3s ease;
}

.event-artists a:hover {
  text-decoration: none;
}

.event-location {
  display: flex;
  align-items: stretch;
}

.location-badge-inline {
  flex-shrink: 0;
}

.location-badge {
  background: #000;
  color: #fff;
  border-radius: 50%;
  padding:20px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: var(--font-size-heading);
  line-height: var(--line-height-heading);
  font-family: var(--font-heading);
  width: 165px;
  height: 165px;
}

.location-details {
  flex: 1;
  background-color: var(--color--white);
  padding: var(--box-gap);
  border-radius: var(--box-gap);
}

.location-name, .location-name a {
  margin-bottom: 4px;
  font-size: var(--font-size-standard);
  line-height: var(--line-height-standard);
  font-family: var(--font-primary);
  color: var(--color-black);
}

.location-address {
  font-family: var(--font-primary);
  font-size: var(--font-size-standard);
  line-height: var(--line-height-standard);
  color: var(--color-black);
}

.location-info p {
  margin: 0;
  padding: 0;
}

.location-info-container {
  background-color: var(--color--white);
  padding: var(--box-gap);
  border-radius: var(--box-gap);
}

/* Location Link Styles */
.location-badge-link {
  text-decoration: none;
  display: block;
  transition: transform 0.2s ease, opacity 0.2s ease;
}

.location-badge-link:hover {
  transform: scale(1.05);
  opacity: 0.9;
}

.location-badge-link:focus {
  outline: 2px solid #000;
  outline-offset: 4px;
}

.no-events {
  text-align: center;
  padding: 40px;
  color: #666;
}

/* No Events Message */
.no-events-message {
  text-align: center;
  padding: 60px 20px;
}

.no-events-message h2 {
  font-size: 28px;
  color: #333;
  margin-bottom: 15px;
  font-weight: normal;
}

.no-events-message .english-message {
  font-size: 20px;
  color: #666;
  font-style: italic;
  margin: 0;
}

/* Load More Button */
.load-more-container {
  text-align: center;
  margin: 40px 0;
  padding: 20px;
}

.load-more-button {
  background: #000;
  color: #fff;
  border: none;
  padding: 12px 24px;
  border-radius: 25px;
  font-size: 14px;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

.load-more-button:hover {
  background: #333;
}

.load-more-button:disabled {
  background: #ccc;
  cursor: not-allowed;
}

.loading-indicator {
  font-size: 14px;
  color: #666;
  font-style: italic;
}



@media (min-width: 1000px) and (max-width: 1500px) {
  .filter-section h3, 
  .format-filter label,
  .filter-dropdown label {
    font-size: var(--font-size-small-heading-tablet);
    line-height: var(--line-height-small-heading-tablet);
  }
  .format-button, #reset-filters-button {
    font-size: var(--font-size-standard-tablet);
    line-height: var(--line-height-standard-tablet);
  }
  .day-header h2 {
    font-size: var(--font-size-small-heading-tablet);
    line-height: var(--line-height-small-heading-tablet);
  }
  .event-time {
    font-size: var(--font-size-standard-tablet);
    line-height: var(--line-height-standard-tablet);
  }
  .event-title, .event-title a, .event-title a:hover {
    font-size: var(--font-size-heading-tablet);
    line-height: var(--line-height-heading-tablet);
  }
  .format-tag {
    font-size: var(--font-size-standard-tablet);
    line-height: var(--line-height-standard-tablet);
  }
  .event-artists a {
    font-size: var(--font-size-standard-tablet);
    line-height: var(--line-height-standard-tablet);
  }
  .location-name, .location-name a {
    font-size: var(--font-size-standard-tablet);
    line-height: var(--line-height-standard-tablet);
  }
  .location-address {
    font-size: var(--font-size-standard-tablet);
    line-height: var(--line-height-standard-tablet);
  }
  .location-badge {
    font-size: var(--font-size-heading-tablet);
    line-height: var(--line-height-heading-tablet);
    width:100px;
    height:100px;
  }
  .event-title-block {
    padding: var(--box-tablet-gap);
    border-radius: var(--box-tablet-gap);
  }
  .event-formats-block {
    margin-top:10px;
  }
  .event-time-block {
    padding: var(--box-gap) var(--box-tablet-gap);
    border-radius: var(--box-tablet-gap);
    display: flex;
    justify-content: center;
  }
  .filter-dropdown select {
    padding: var(--box-mini-gap) 18px;
    font-size: var(--font-size-standard-tablet);
    line-height: var(--line-height-standard-tablet);
    background-size: 28px;
  }
  .calendar-event {
    margin-bottom: var(--box-tablet-gap);
  }
}


@media (max-width: 1000px) {
  .filter-section h3, 
  .format-filter label,
  .filter-dropdown label {
        font-size: var(--font-size-small-heading-mobile);
        line-height: var(--line-height-small-heading-mobile);
  }
  .format-button, #reset-filters-button {
        font-size: var(--font-size-standard-mobile);
        line-height: var(--line-height-standard-mobile); 
  }
  .day-header h2 {
        font-size: var(--font-size-small-heading-mobile);
        line-height: var(--line-height-small-heading-mobile);
  }
  .event-time {
        font-size: var(--font-size-standard-mobile);
        line-height: var(--line-height-standard-mobile);
  }
  .event-title, .event-title a, .event-title a:hover {
        font-size: var(--font-size-heading-mobile);
        line-height: var(--line-height-heading-mobile);
  }
  .format-tag {
        font-size: var(--font-size-standard-mobile);
        line-height: var(--line-height-standard-mobile);
  }
  .event-artists a {
        font-size: var(--font-size-standard-mobile);
        line-height: var(--line-height-standard-mobile);
  }
  .location-name, .location-name a {
        font-size: var(--font-size-standard-mobile);
        line-height: var(--line-height-standard-mobile);
  }
  .location-address {
        font-size: var(--font-size-standard-mobile);
        line-height: var(--line-height-standard-mobile);
  }
  .location-badge {
        font-size: var(--font-size-heading-mobile);
        line-height: var(--line-height-heading-mobile);
        width:80px;
        height:80px;
  }
  .event-title-block {
    padding: var(--box-mini-gap);
    border-radius: var(--box-mini-gap);
  }
  .event-formats-block {
    margin-top:10px;
  }
  .event-time-block {
    padding: 20px var(--box-mini-gap);
    border-radius: var(--box-mini-gap);
    display: flex;
    justify-content: center;
  }
  .event-artists-section, .location-details, 
  .location-info-container {
    padding: var(--box-mini-gap);
    border-radius: var(--box-mini-gap);
  }
  .filter-dropdown select {
    padding: 5px 18px;
    font-size: var(--font-size-standard-mobile);
    line-height: var(--line-height-standard-mobile);
    background-size: 28px;
    height:50px;
  }
  .calendar-event {
    margin-bottom: var(--box-mini-gap);
  }
}

/* Responsive */
@media (max-width: 768px) {
  .filter-dropdown {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
  }
  
  .filter-dropdown select {
    width: 100%;
    max-width: none;
  }
  
  .event-row-1 {
    flex-direction: column-reverse;
  }
  .event-row-2 {
    flex-direction: column-reverse;
  }
  
  .event-time-block,
  .event-formats-block {
    width: 100%;
    margin-bottom: 0;
    padding-right: 0;
  }

  .event-time-block {
    justify-content: left;
  }
  
  .event-details-block {
    flex-direction: column;
  }
  
  .event-format {
    flex-direction: row;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: center;
  }
  
  .event-location {
    flex-direction: row;
  }
  .event-title-block, .event-artists-section {
    width: 100%;
  }
  
  /* Mobile location link adjustments */
  .location-badge-link:hover {
    transform: scale(1.02);
  }
  
  .location-address-link {
    display: block;
    padding: 4px 0;
  }
}