:root { --green-500: #316b4e; --green-400: #4e8a6c; --green-300: #8bc7a9; --green-200: #c6e7d7; --green-100: #f3fef8; --gray-500: #3b3b3a; --gray-400: #4c4c4c; --gray-300: #666666; --gray-200: #e1e2e2; --gray-100: #f2f2f2; --white: #ffffff; --black: #000000; --orange: #ffa627; --blue: #01a2e0; --pink: #d9007d; --border-orange: #ffd08c; --danger: #a32626; --green-rgb: 49, 107, 78; --green-400-rgb: 78, 138, 108; --gray-500-rgb: 59, 59, 58; --gray-300-rgb: 102, 102, 102; --transition-duration: 0.25s; --transition: ease var(--transition-duration);  --site-container: 2048px; --header-height: 100px; --header-height-mobile: 75px; --submenu-bar-height: 44px; --gutter: 1rem; --section-padding: 6.25rem; --section-padding-mobile: 4.25rem; --box-size-min: 25rem; --box-size-min--event: 18rem; --box-padding: 1.25em; } @media (max-width: 991px) { :root { --header-height: var(--header-height-mobile); } }  @media screen and (max-width: 782px) { html { --wp-admin--admin-bar--height: 0; } html #wpadminbar { display: none; } } @media (max-width: 600px) { body.bricks-is-frontend.admin-bar #brx-header.sticky.scrolling { top: 0; } }  @media (min-width: 601px) { body.bricks-is-frontend.admin-bar .submenu-bar, body.bricks-is-frontend.admin-bar header:not(.slide-up) + main .site-nav--scroll { top: calc(var(--header-height) + (var(--wp-admin--admin-bar--height))); } body.bricks-is-frontend.admin-bar header.slide-up + main .site-nav--scroll { top: var(--wp-admin--admin-bar--height); } }  html { scroll-behavior: smooth; scroll-padding-top: var(--section-padding); } @media (max-width: 767px) { html { scroll-padding-top: var(--section-padding-mobile); } } body { overflow-x: clip; } body { background-color: var(--white); color: var(--gray-500); } ::selection { background-color: rgba(var(--green-400-rgb), 0.6); color: inherit; } :focus-visible { outline: 2px solid var(--green-400) !important; box-shadow: 0 0 0.25rem 0.15rem var(--green-400); } * { scrollbar-color: var(--green-500) var(--green-200); scrollbar-width: thin; } .bg--green-500 * { scrollbar-color: var(--green-100) var(--green-400); } .hidden { display: none !important; opacity: 0; visibility: hidden; } img { object-fit: cover; object-position: center center; } svg:not(.brxe-svg, .map) path { fill: currentColor; }  h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6, :root .button-link-wrapper .bricks-button, .box--counter .brxe-counter { margin-bottom: 1rem; font-family: "Hansief"; font-weight: 400; line-height: 1.2; color: var(--green); text-transform: uppercase; text-wrap: balance; } h1, .h1 { font-size: 6rem; } h2, .h2, .box--counter .brxe-counter { font-size: 4rem; } h3, .h3, .header-main-nav .menu-item a { font-size: 2.5rem; } h4, .h4, :root .button-link-wrapper .bricks-button { font-size: 1.5rem; } h5, .h5 { font-size: 1.25rem; } h6, .h6 { font-size: 1.125rem; } @media (max-width: 991px) { h1, .h1 { font-size: 4.5rem; } h2, .h2 { font-size: 3.75rem; } .box--counter .brxe-counter { font-size: 2.5rem; } } @media (max-width: 767px) { h1, .h1, h2, .h2 { font-size: 2.5rem; } h3, .h3 { font-size: 1.5rem; } h4, .h4, :root .button-link-wrapper .bricks-button, .header-main-nav .menu-item a { font-size: 1.35rem; } h5, .h5 { font-size: 1.15rem; } h6, .h6 { font-size: 1.1rem; } } @media (max-width: 478px) { .box--counter .brxe-counter { font-size: 1.5rem; } } p + :where(h2, h3, h4, h5, h6) { margin-top: 1em; } p { margin-bottom: 1em; }  b, strong { font-weight: 700; } .brxe-text :where(ul, ol) { margin: 1em 0; padding-left: calc(1.25rem + 0.75em); } .brxe-text ul { list-style: none; } .brxe-text :where(ul, ol) li { position: relative; } .brxe-text ul li:before { content: url("/wp-content/uploads/2025/02/arrow-list.svg"); position: absolute; top: 0; right: calc(100% + 0.75em); } .brxe-text a { text-decoration: underline; } .brxe-text a:is(:hover, :focus) { color: var(--green-500); } a { transition: var(--transition); } a.brxe-text-link { font-weight: 700; text-decoration: underline; } a.brxe-text-link:is(:hover, :focus) { color: var(--green-500); } .bg--green-500 a.brxe-text-link:is(:hover, :focus) { color: var(--green-300); } .brxe-text .link--source, .link--source { font-size: 0.8em; color: var(--green-500); } .brxe-text .link--source:is(:hover, :focus), .link--source:is(:hover, :focus) { color: var(--green-300); } .dsgvo-reference { font-size: 0.8rem; }  main > section:first-child:not(.hero, .submenu-bar) { margin-top: var(--header-height); }  header { max-width: 100vw; height: var(--header-height); background-color: var(--white); transition: var(--transition)!important; } .header-main:after { content: ""; position: absolute; bottom: 0; left: 0; right: 0; height: 1px; background-color: var(--gray-100); opacity: 0; z-index: -1; } header .header__logo-wrapper { position: relative; z-index: 1000; } header #header-logo--jugend { display: none; }  header.scrolling .header-main:after { opacity: 1; } header.scrolling + main .submenu-bar { border-top-color: transparent; } header.slide-up + main .submenu-bar { transform: translateY(calc((var(--header-height) + var(--submenu-bar-height)) * -1 )); } header:not(.slide-up) + main .site-nav--scroll { top: var(--header-height); }  .bricks-nav-menu, .bricks-mobile-menu { color: var(--gray-500); } div.brxe-nav-menu .bricks-nav-menu a, div.brxe-nav-menu .bricks-mobile-menu-wrapper li a, div.brxe-nav-menu .bricks-nav-menu .sub-menu a { color: inherit; line-height: normal; }  header nav a { font-weight: 700; } header a[aria-current="page"] { color: var(--green-500); text-decoration: underline; } #menu-main-menu-short a:is(:hover, :focus) { text-decoration: underline; }   .nav-toggle, .nav-toggle--close { position: relative; width: 1.25rem; height: 0.95rem; background-color: transparent; } .nav-toggle span { position: absolute; right: 0; display: block; width: 100%; height: 2px; border-radius: 2px; background-color: var(--gray-500); } .nav-toggle .toggle-top { top: 0; } .nav-toggle .toggle-middle { top: 50%; transform: translateY(-50%); } .nav-toggle .toggle-bottom { bottom: 0; width: 50%; } .nav-toggle--close { width: auto; height: auto; font-weight: bold; } .nav-toggle--close:is(:hover, :focus) { color: var(--green-500); } .brxe-offcanvas-inner { overscroll-behavior: contain; } .offcanvas-nav-elements.brxe-div:after { display: none; } .navigation-offcanvas .brxe-icon-box { flex-direction: row-reverse; margin-bottom: 0; gap: 0.5em; }  .header-main-nav .sub-menu.mab-slide-menu-is-active { z-index: 50; } .header-main-nav { --_main-nav-gutter: 2rem; --_main-nav-arrow-size: 2rem; } .header-main-nav ul { display: flex; flex-flow: row wrap; column-gap: var(--_main-nav-gutter); } .header-main-nav .mab-slide-menu-nav .menu-item { width: 100%; border-bottom: 1px solid var(--green-200); } .header-main-nav .mab-slide-menu-nav .menu-item.mab-slide-menu-item-has-children:last-child { border-bottom: none; } .header-main-nav .menu-item a { margin-bottom: 0; padding: 1.5rem 1.25rem; padding-right: calc(var(--_main-nav-arrow-size) + 2.5rem); font-family: "Hansief"; text-transform: uppercase; } .header-main-nav .mab-slide-menu-nav .mab-slide-menu-arrow { position: relative; left: -1.25rem; width: var(--_main-nav-arrow-size); height: var(--_main-nav-arrow-size); margin-left: calc(var(--_main-nav-arrow-size) * -1); padding: 0.5rem; background-color: var(--green-500); line-height: 1; color: var(--white); z-index: 20; } .header-main-nav .mab-slide-menu-nav .mab-slide-menu-arrow i { transition: var(--transition); } .header-main-nav ul ul ul .menu-item:not(.mab-slide-menu-item-has-children, .mab-slide-menu-back) { width: calc(33.33% - (var(--_main-nav-gutter) / 1.5)); } .header-main-nav ul ul ul .menu-item:not(.mab-slide-menu-item-has-children, .mab-slide-menu-back) > a { display: flex; flex-flow: row nowrap; justify-content: space-between; align-items: center; column-gap: 0.5rem; padding: 0.75rem 0.5rem; } .header-main-nav ul ul ul .menu-item:not(.mab-slide-menu-item-has-children, .mab-slide-menu-back) > a:after { content: url("/wp-content/uploads/2025/02/chevron-right.svg"); height: 1.35em; } .header-main-nav ul ul ul .menu-item:not(.mab-slide-menu-item-has-children) > a, .header-main-nav .menu-item.mab-slide-menu-back > a { font-family: "PT Sans"; font-size: 1rem; text-transform: none; } .header-main-nav .pdf a:after, .header-main-nav a[href$=".pdf"]:after { content: "PDF"!important; height: auto!important; margin-left: 0.6em; padding: 0.5em 0.35em; border-radius: 0.5rem; background-color: var(--gray-100); font-size: 0.8em; font-weight: 400; }  .header-main-nav .menu-item:is(:hover, :focus) > a { background-color: var(--green-200); } .header-main-nav .menu-item:is(:hover, :focus) > .mab-slide-menu-arrow i { transform: rotate(-40deg); }  #menu-main-menu-short :where(.current-page-ancestor, .current-menu-item) { color: var(--green-500); text-decoration: underline; } .header-main-nav .current_page_ancestor > a { color: var(--green-500); text-decoration: underline!important; } .header-main-nav .mab-slide-menu-nav a.mab-slide-menu-item-link-current:hover { text-decoration: underline; }  .header-main-nav .mab-slide-menu-nav .mab-slide-menu-back { margin-bottom: 1rem; border-bottom: none; } .header-main-nav .mab-slide-menu-nav .mab-slide-menu-back .mab-slide-menu-arrow { left: 1rem; margin-left: 0; margin-right: calc(var(--_main-nav-arrow-size) * -1); } .header-main-nav .mab-slide-menu-nav .mab-slide-menu-back a { padding: 1rem; padding-left: calc(var(--_main-nav-arrow-size) + 2rem); background-color: var(--green-200); font-weight: 400; } .header-main-nav .mab-slide-menu-nav .mab-slide-menu-back a:before { content: "Zurück | "; font-weight: 700; } .header-main-nav .menu-item.mab-slide-menu-back:is(:hover, :focus) > a { background-color: var(--green-300); } .header-main-nav .menu-item.mab-slide-menu-back:is(:hover, :focus) > .mab-slide-menu-arrow i { transform: rotate(40deg); } @media (max-width: 767px) { .header-main-nav ul ul ul .menu-item:not(.mab-slide-menu-item-has-children, .mab-slide-menu-back) { width: calc(50% - (var(--_main-nav-gutter) / 1.5)); } } @media (max-width: 478px) { .header-main-nav ul ul ul .menu-item:not(.mab-slide-menu-item-has-children, .mab-slide-menu-back) { width: 100%; } }  footer .bricks-nav-menu { color: inherit; } footer .bricks-nav-menu a:is(:hover, :focus) { text-decoration: underline; } .footer-main .bricks-nav-menu > li { margin-left: 0; } .footer-main .bricks-nav-menu > li:not(:first-child) { margin-left: 1rem; padding-left: 1rem; border-left: 1px solid var(--green-400); } .footer-main .bricks-nav-menu .brx-submenu-toggle a { margin-bottom: 1.5rem; font-weight: 700; } .footer-main :where(.brxe-nav-menu) .bricks-nav-menu .sub-menu { position: static; background-color: transparent; color: inherit; opacity: 1; visibility: visible; } .footer-main :where(.brxe-nav-menu) .bricks-nav-menu button, footer .bricks-nav-menu > li.menu-item-has-children:hover::before { display: none!important; } .footer-main .sub-menu li:not(:first-child) { margin-top: 1rem; } @media (max-width: 767px) { footer { --_grid-gutter: 1.5rem; } .footer-main .bricks-nav-menu { display: grid; grid-template-columns: repeat(2, auto); } .footer-main .bricks-nav-menu > li:not(:first-child) { margin-left: 0; padding-left: 0; border-left: none; } .footer-main .bricks-nav-menu > li:nth-child(even) { padding-left: 1.25rem; } .footer-main .bricks-nav-menu > li:nth-child(3), .footer-main .bricks-nav-menu > li:nth-child(4) { margin-top: var(--_grid-gutter); padding-top: var(--_grid-gutter); border-top: 1px solid var(--green-400); } .footer-main .bricks-nav-menu .brx-submenu-toggle a { margin-bottom: 1rem; } .footer-main .sub-menu li:not(:first-child) { margin-top: 0.5rem; } } @media (max-width: 478px) { .footer-main .bricks-nav-menu { grid-template-columns: repeat(auto-fit, minmax(20ch, auto)); justify-content: flex-start; } .footer-main .bricks-nav-menu > li:nth-child(even) { padding-left: 0; } } @media (max-width: 380px) { .footer-main .bricks-nav-menu { font-size: 0.8rem; } } @media (max-width: 311px) { .footer-main .bricks-nav-menu > li:nth-child(2) { margin-top: var(--_grid-gutter); padding-top: var(--_grid-gutter); border-top: 1px solid var(--green-400); } }  .navigation-blocks nav { display: grid; grid-template-columns: repeat(3, calc(33.33% - (var(--gutter) / 1.5))); width: 100%; align-items: stretch; gap: var(--gutter); } .navigation-blocks nav img { width: 100%; height: 100%; } .navigation-blocks nav > ul { display: block; padding: 1.5rem; background-color: var(--green-500); color: var(--white); } .navigation-blocks nav li:not(:first-child, :last-child) { border-bottom: 1px solid var(--green-400); } .navigation-blocks .brxe-icon-box:not(.info-box) .icon path { fill: currentColor; } .navigation-blocks nav ul a { display: flex; flex-direction: row-reverse; flex-wrap: nowrap; justify-content: space-between; column-gap: 0.5rem; padding: 0.75rem; font-weight: 700; text-decoration: none; } .navigation-blocks nav a:is(:hover, :focus) { background-color: var(--green-400); color: inherit; } .navigation-blocks nav button { display: none; } @media (max-width: 991px) { .navigation-blocks nav { grid-template-columns: repeat(3, calc(33.33% - (var(--gutter) * 0.33))); gap: calc(var(--gutter) / 2); } .navigation-blocks nav > ul { padding: 1rem; } } @media (max-width: 767px) { .navigation-blocks nav { grid-template-columns: 100%; gap: var(--gutter); } }  .submenu-bar { height: var(--submenu-bar-height); margin-bottom: calc(var(--submenu-bar-height) * -1); transition: var(--transition); } .submenu-bar a { text-decoration: none; } .submenu-bar a:is(:hover, :focus) { text-decoration: underline; } .submenu-bar__bank-link { display: flex; flex-flow: row nowrap; align-items: center; margin-right: auto; column-gap: 0.65em; font-weight: 700; } .submenu-bar__bank-link .icon { font-size: 1.3em; line-height: 1; } .submenu-bar__bank-link:is(:hover, :focus) { color: var(--green-500); } @media (max-width: 478px) { .submenu-bar--gemeinde .submenu-wrapper.brxe-div { display: none; } }  :root .site-nav--scroll { position: sticky; position: -webkit-sticky; top: 0; width: 100%; padding: 0.35rem 1rem; border-bottom: 1px solid var(--gray-100); background-color: var(--white); transition: var(--transition); z-index: 100; } .site-nav--scroll ul { display: flex; flex-flow: row nowrap; justify-content: flex-end; column-gap: 2rem; margin: 0; padding: 0; list-style: none; } .site-nav--scroll li { font-size: 0.85rem; font-weight: 700; line-height: normal; } .site-nav--scroll li.active { color: var(--green-500); } .site-nav--scroll li.active a, .site-nav--scroll a:is(:hover, :focus) { text-decoration: underline; } @media (max-width: 767px) { :root .site-nav--scroll { top: -6rem; padding-left: 0.5rem; padding-right: 0.5rem; } .site-nav--scroll ul { flex-direction: column; justify-content: flex-start; row-gap: 0.5rem; } } @media (min-width: 1021px) { .site-nav--scroll.traditions-mobile-nav { display: none; } }  :root .bricks-button { gap: 0.5em; padding: 0.5em 2em; font-size: 1em; font-weight: 700; color: var(--white); line-height: normal; } :root .bricks-button:is(:hover, :focus), :root .bricks-button[class*="primary"]:is(:hover, :focus), .box--event:is(:hover, :focus) .bricks-button, .brxe-search button[type="submit"]:is(:hover, :focus) { background-color: var(--green-300); color: var(--gray-500); } :root .bricks-button[class*="secondary"] { background-color: var(--green-300); color: var(--gray-500); } :root .bricks-button[class*="secondary"]:is(:hover, :focus) { background-color: var(--green-500); color: var(--white); } :root .bg--green-500 .bricks-button[class*="secondary"]:is(:hover, :focus) { background-color: var(--green-100); color: var(--gray-500); } :root .bricks-button[class*="light"] { background-color: var(--green-100); color: var(--gray-500); } :root .bricks-button[class*="light"]:is(:hover, :focus) { background-color: var(--green-300); } :root .bricks-button path, .brxe-search button path { transform-origin: center; transition: var(--transition); } :root .bricks-button:is(:hover, :focus) path, a.box:is(:hover, :focus) .bricks-button path, .box--event:is(:hover, :focus) .bricks-button path, .brxe-search button[type="submit"]:is(:hover, :focus) path { transform: rotate(-40deg); }  :root .button-link-wrapper .bricks-button { flex-direction: row-reverse; justify-content: flex-end; margin-bottom: 0; padding: 0; color: inherit; text-align: left; } :root .button-link-wrapper .bricks-button svg { width: auto; min-width: 2rem; height: auto; padding: 0.25rem; background-color: var(--green-300); transition: var(--transition); } :root .button-link-wrapper .bricks-button:is(:hover, :focus) svg { background-color: var(--green-400); color: var(--white); }  :root .nachtbus section:not(.section--teaser) .bricks-button, :root .nachtbus section:not(.section--teaser) .bricks-button[class*="primary"] { background-color: var(--pink); color: var(--white); } :root .nachtbus section:not(.section--teaser) .bricks-button:is(:hover, :focus), :root .nachtbus section:not(.section--teaser) .bricks-button[class*="primary"]:is(:hover, :focus) { background-color: var(--blue); color: var(--black); } :root .nachtbus section:not(.section--teaser) .bricks-button[class*="secondary"] { background-color: var(--orange); color: var(--black); } :root .nachtbus section:not(.section--teaser) .bricks-button[class*="secondary"]:is(:hover, :focus) { background-color: var(--pink); color: var(--white); } :root .nachtbus section:not(.section--teaser) .bricks-button[class*="light"] { background-color: var(--blue); color: var(--black); } :root .nachtbus section:not(.section--teaser) .bricks-button[class*="light"]:is(:hover, :focus) { background-color: var(--orange); }  :root .nachtbus .button-link-wrapper .bricks-button svg { background-color: var(--blue); } :root .nachtbus .button-link-wrapper .bricks-button path { fill: var(--black); } :root .nachtbus .button-link-wrapper .bricks-button:is(:hover, :focus) svg { background-color: var(--pink); } :root .button-link-wrapper .bricks-button, :root .button-link-wrapper .bricks-button:is(:hover, :focus), :root .nachtbus section:not(.section--teaser) .button-link-wrapper .bricks-button, :root .nachtbus section:not(.section--teaser) .button-link-wrapper .bricks-button:is(:hover, :focus) { background-color: transparent; } :root .nachtbus section:not(.section--teaser) .button-link-wrapper .bricks-button, :root .nachtbus section:not(.section--teaser) .button-link-wrapper .bricks-button:is(:hover, :focus) { color: var(--white); }   .hero { border-image: linear-gradient(rgba(var(--green-rgb), 0.5) 100%, transparent) 0 fill; } .submenu-bar + .hero.brxe-section { padding-top: calc(var(--header-height) + 44px + 3rem); } .hero .brxe-block { position: relative; } .hero .brxe-block, .hero .brxe-container { height: 100%; } .hero .brxe-container { justify-content: flex-end; align-items: flex-start; } .hero .brxe-container > * { position: relative; z-index: 5; } .home .hero .brxe-container { justify-content: center; align-items: center; } body:not(.nachtbus) .hero h1 span { color: var(--green-200); }  .hero .hero-drawing { position: absolute; object-fit: contain; z-index: 0; } .home .hero .hero-drawing { bottom: 0; left: 0; } .hero.top-left .hero-drawing { top: 0; left: 0; } .hero.top-right .hero-drawing { top: 0; right: 0; } .hero.bottom-right .hero-drawing { bottom: 0; right: 0; } @media (max-width: 991px) { .submenu-bar + .hero.brxe-section { padding-top: calc(var(--header-height) + 44px + 2rem); } .hero.bottom-right .hero-drawing { top: 0; bottom: auto; } .hero.top-right .hero-drawing, .hero.bottom-right .hero-drawing { left: 0; right: auto; } .hero.mobile-right .hero-drawing { left: auto; right: 0; } } @media (max-width: 478px) { .submenu-bar + .hero.brxe-section { padding-top: calc(var(--header-height) + 2rem); } }  .banner { position: relative; border-image: linear-gradient(rgba(var(--green-rgb), 0.3) 100%, transparent) 0 fill; } .banner .brxe-container { align-items: flex-start; } body:not(.home) .banner { border-image: linear-gradient(to left, rgba(var(--green-rgb), 0.3) 45%, rgba(0,0,0,0.8) 100%) 0 fill; } @media (max-width: 767px) { body:not(.home) .banner { border-image: linear-gradient(to left, rgba(var(--green-rgb), 0.3) 10%, rgba(0,0,0,0.8) 50%) 0 fill; } }  .split--gutter3 .split__image img { width: 100%; height: 100%; max-height: inherit; } .split--text .brxe-heading { width: 40ch; } .split--text .brxe-heading, .split--text p { margin-bottom: 0; } .split--text p + .bricks-button { margin-top: 1rem; }  .text-wrapper + .split { margin-top: 3rem; } @media (max-width: 767px) { .split--gutter3 .split__image { max-height: 25rem; } .split--text .brxe-heading { width: auto; } }   .box { --_box-button-size: 1.75em; position: relative; display: flex; flex-direction: column; justify-content: flex-end; width: calc(25% - (var(--gutter) * 0.75)); min-height: 19em;  padding: var(--box-padding); background-color: var(--green-200); overflow: hidden; color: var(--gray-500); aspect-ratio: 1 / 1; } .box .bricks-button { position: relative; max-width: var(--_box-button-size); height: var(--_box-button-size); margin-bottom: auto; padding: 0.25rem; background-color: var(--green-500); color: var(--white); z-index: 10; } .box > img { position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; margin: 0; } .box__img-wrapper img { width: 3em; margin-top: 1rem; } .box > strong { margin-bottom: 0.15em; } .box .brxe-heading { margin-top: 0.8rem; margin-bottom: 0.5em; } .box p { margin-bottom: 0; } a.box:is(:hover, :focus) { background-color: var(--green-300); } a.box:is(:hover, :focus) .bricks-button, :root a.box .bricks-button:hover { background-color: var(--green-100)!important; color: var(--green-500)!important; }  .bg--green-500 .box { background-color: var(--green-100); }  .bg--orange .box { background-color: var(--black); color: var(--white); } .bg--orange a.box:is(:hover, :focus) { background-color: var(--pink); } .bg--orange a.box:is(:hover, :focus) .bricks-button, :root .bg--orange a.box .bricks-button:hover { background-color: var(--black)!important; color: var(--white)!important; }  .box-wrapper--3 .box { width: calc(33.33% - (var(--gutter) * 0.75)); } @media (max-width: 1240px) { .box { aspect-ratio: auto; } } @media (max-width: 991px) { .box { width: calc(33.33% - (var(--gutter) * 0.7)); } } @media (max-width: 767px) { .box, .box-wrapper--3 .box { width: calc(50% - (var(--gutter) * 0.5)); } } @media (max-width: 478px) { .box, .box-wrapper--3 .box { width: 100%; } }  .box--polaroid { justify-content: flex-start; width: calc(33.33% - (var(--gutter) / 1.5)); min-width: var(--box-size-min); min-height: 33rem; padding: 1.5em; background-color: var(--white); box-shadow: 0.5rem 0.5rem 2rem 0 rgba(var(--gray-300-rgb), 0.1); aspect-ratio: auto; } .box--polaroid .brxe-image { margin-bottom: 1.5em; } .box--polaroid img { width: 100%; } .box--polaroid .subheadline { margin: -0.25em 0 0.25em; } .box--polaroid .brxe-heading, .box--polaroid :where(ul, ol) { margin-top: 0; } .box--polaroid p { margin-bottom: 0.5em; } .box--polaroid .brxe-text-link { margin-top: auto; } @media (max-width: 478px) { .box--polaroid { min-width: 100%; } }  .box.box--text { padding: 0; background-color: transparent; color: inherit; overflow: visible; } .box.box--text .brxe-heading { -webkit-line-clamp: none; line-clamp: none; } @media (max-width: 478px) { .box.box--text { min-height: unset; } }  .box.box--wide, .box.box--wider { aspect-ratio: auto; } .box.box--wide { width: calc(50% - (var(--gutter) / 2)); } .box.box--wider { width: calc(75% - (var(--gutter) / 2)); } @media (max-width: 991px) { .box.box--wide { width: calc(66.66% - (var(--gutter) * 0.4)); } .box.box--wider { width: 100%; } } @media (max-width: 767px) { .box.box--wide { width: 100%; } }  .box--accordion { width: calc(33.33% - (var(--gutter) / 1.5)); justify-content: flex-start; aspect-ratio: auto; } .box--accordion p:not(:last-child), .box--accordion .brxe-text p { margin-bottom: 1em; } .box--accordion .accordion-item { transition: var(--transition); } .box--accordion .brxe-accordion-nested > .brxe-block:not(:first-child) { margin-top: 0; } .box--accordion .brxe-accordion-nested > .brxe-block:not(:last-child) { border-bottom: 1px solid var(--green-300); } .box--accordion .accordion-title-wrapper { display: flex; flex-flow: row nowrap; justify-content: space-between; padding: 0.8rem 0.625rem; border-bottom: none; column-gap: 0.5rem; } .box--accordion .accordion-title-wrapper:is(:hover, :focus) { background-color: var(--green-300); } .box--accordion .accordion-content-wrapper { padding: 0 1rem 1rem!important; } .box--accordion .accordion-content-wrapper a { font-weight: 700; text-decoration: none; } .box--accordion .accordion-content-wrapper a:is(:hover, :focus) { color: var(--green-500); text-decoration: underline; } .box--accordion .link-bar { flex-flow: row nowrap; padding: 0.75rem 1rem; background-color: var(--green-500); } .box--accordion .link-bar, .box--accordion .subheadline.brxe-text-basic { color: var(--white); } .box--accordion .subheadline.brxe-text-basic { text-wrap: balance; } .box--accordion .link-bar > span { min-width: 11.25ch; } .box--accordion .link-bar .brxe-icon { width: 1.5rem; min-width: 1rem; } .box--accordion .link-bar:is(:hover, :focus) { background-color: var(--green-400); } .box--accordion .link-bar:is(:hover, :focus) > span { text-decoration: underline; } .box--accordion .brx-open { background-color: var(--green-300); } @media (max-width: 991px) { .box--accordion .link-bar { flex-wrap: wrap; } } @media (max-width: 767px) { .box--accordion { width: 100%; max-width: 30rem; } }  .box--event { --_event-img-size: 12rem; min-width: var(--box-size-min--event); aspect-ratio: auto; } .box--event:is(:hover, :focus) { background-color: var(--green-300); } .box--event > img { bottom: auto; height: var(--_event-img-size); } .box--event .brxe-heading { margin-bottom: 1em; padding-top: calc(var(--_event-img-size) - (var(--box-padding))); } .box--event__details span:not(:last-child)::after { content: "⚬"; margin: 0 0.5em; }  .box--counter { padding: 1.25em; background-color: var(--green-100); text-align: center; } .box--counter .brxe-counter { margin-bottom: 0.25rem; color: var(--green-500); } .bg--green-100 .box--counter { background-color: var(--green-200); }  .box--info { padding: 1.875em; background-color: var(--green-100); } @media (max-width: 767px) { .box--info { padding: 1rem; } .box--info:first-child { padding-bottom: 0; } .box--info:first-child .bricks-button { margin-bottom: 1.75rem; } .box--info:not(:first-child) { padding-top: 0; } } @media (max-width: 478px) { .box--counter { font-size: 0.8em; } .box--info { padding-left: 0.5rem; padding-right: 0.5rem; } }  .box.box--capped .brxe-heading { margin-bottom: 0.5em; -webkit-line-clamp: 3; line-clamp: 3; } .box.box--capped p { margin-bottom: 0; -webkit-line-clamp: 4; line-clamp: 4; } .box.box-capped .brxe-heading, .box.box-capped p { display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; }  .teaser { display: flex; flex-direction: column; justify-content: flex-end; width: calc(33.33% - (var(--gutter) / 2)); min-height: 27rem; padding: 1.75em; border-image: linear-gradient(to top, rgba(0, 0, 0, 0.9), transparent) 0 fill; background-color: var(--green-400); background-repeat: no-repeat; background-size: auto 105% !important; background-position: center center; color: var(--white); transition: var(--transition); } .teaser:is(:hover, :focus-within) { background-size: auto 110% !important; } .teaser__title-wrapper .brxe-heading { margin-bottom: 0; } .teaser svg { min-width: 1rem; } .teaser p { display: -webkit-box; height: 6.5em; margin: 0.25em 0 1.25em; line-height: normal; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 5; line-clamp: 5; -webkit-box-orient: vertical; } .teaser .bricks-button { width: fit-content; } @media (max-width: 991px) { .teaser { min-height: 20rem; padding: 1.25em; } } @media (max-width: 767px) { .teaser { width: 100%; max-width: 35rem; min-height: 14rem; padding-top: 3rem; background-size: cover!important; } .teaser:is(:hover, :focus-within) { background-size: cover!important; } .teaser p { height: auto; } }  .teaser--dynamic { --transition-duration: 0.5s; width: auto; min-width: unset; min-height: 33rem; border-image: linear-gradient(rgba(var(--green-rgb), 0.5) 100%, transparent) 0 fill; flex-basis: 20%; transition: var(--transition); } .teaser--dynamic, .teaser--dynamic:is(:hover, :focus-within) { background-size: cover !important; } .teaser--dynamic .brxe-heading { margin-bottom: 0; } .teaser--dynamic p { height: auto; max-height: 0; margin: 0; opacity: 0; visibility: hidden; -webkit-line-clamp: none; line-clamp: none; transition: var(--transition); transition-delay: 0s; } .teaser--dynamic .bricks-button { margin-top: 1em; white-space: nowrap; } .teaser--dynamic:not(.active) .bricks-button[class*="light"]:not(.bricks-lightbox) { padding-left: 1em; padding-right: 1em; background-color: var(--green-500) !important; color: var(--white); }  .teaser--dynamic.active { flex-basis: 100%; } .teaser--dynamic.active p { max-height: 25rem; margin-top: 0.5em; opacity: 1; visibility: visible; transition-delay: 0.25s; } @media (max-width: 991px) { .teaser--dynamic { max-width: 100%; min-height: 15rem; padding-top: 1.875em; padding-bottom: 1.875em; } .teaser--dynamic.active { min-height: 25rem; } }  .podcast iframe:focus-visible { outline: none; } .podcast__text p:last-child { margin-bottom: 0; } body.page-id-2731 .split--podcast:not(:last-child) { margin-bottom: var(--section-padding); padding-bottom: var(--section-padding); border-bottom: 1px solid var(--green-200); } @media (max-width: 767px) { body.page-id-2731 .split--podcast:not(:last-child) { margin-bottom: var(--section-padding-mobile); padding-bottom: var(--section-padding-mobile); } }  .brxe-accordion-nested { max-width: 55rem; } .brxe-heading + .brxe-accordion-nested { margin-top: 1.5rem; } .brxe-accordion-nested > .brxe-block:not(:first-child) { margin-top: 1.25rem; } .accordion-title-wrapper { min-height: unset !important; flex-wrap: nowrap; padding-bottom: 0.75em; padding-right: 0.25em; border-bottom: 1px solid var(--green-200); } .accordion-title-wrapper i { font-size: 1.25em !important; line-height: 1; transform: rotate(90deg); transition: var(--transition); } .brx-open .accordion-title-wrapper i { transform: rotate(270deg); } .accordion-content-wrapper { padding: 1.25rem 0 !important; } .accordion-content-wrapper .brxe-text { width: 69ch; } .accordion-content-wrapper .brxe-text:last-child p:last-child { margin-bottom: 0; }  .accordion--companies .accordion-content-wrapper > .brxe-text-basic { margin-bottom: 0.5em; font-weight: 700; } .accordion--companies .accordion-content-wrapper > .brxe-text-basic:not(:first-child) { margin-top: 1em; } .accordion--companies .link-bar { flex-wrap: nowrap; gap: 5rem; padding: 0; } .accordion--companies .accordion-content-wrapper .brxe-text { width: auto; } @media (max-width: 767px) { .accordion--companies .link-bar { flex-flow: column wrap; gap: 0; } }  .school-wrapper { padding: 1.25rem; } .school-wrapper:not(:last-child) { margin-bottom: 1.25rem; border-bottom: 1px solid var(--gray-200); } .school-wrapper .brxe-text { width: 100%; margin: 0.5em 0 1em; } .school-wrapper ul { margin: 0; padding-left: 1.25em; } .school-wrapper ul li:before { content: "●"; right: calc(100% + 0.5em); font-size: 0.8rem; line-height: 2; } .school-wrapper .mint-logo { float: right; } .school-wrapper details { width: 100%; max-width: 20rem; padding: 0.5rem 0.75rem; border: 1px solid var(--green-300); cursor: pointer; } .school-wrapper details .brxe-text { margin: 0.25rem 0 0; padding-top: 0.25rem; border-top: 1px solid var(--green-300); } @media (max-width: 478px) { .school-wrapper { padding-left: 0; padding-right: 0; } }  .link-bar { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; gap: 0.5rem; width: 100%; padding: 1.25rem; background-color: var(--green-100); } .bg--green-100 .link-bar { background-color: var(--green-200); } .link-bar .brxe-text-link { white-space: nowrap; } .accordion--links .link-bar { padding-left: 0; padding-right: 0; background-color: transparent; } .link-bar--gourmet { padding: 0; } .link-bar--gourmet .brxe-icon-box { margin-bottom: 0.5rem; } .link-bar + .brxe-text { margin-top: 1em; } @media (max-width: 478px) { .brxe-accordion-nested .link-bar:not(.link-bar--gourmet) { flex-direction: column; } }  .brxe-icon-box { flex-flow: row nowrap; align-items: center; column-gap: 0.75rem; width: fit-content; margin-bottom: 1rem; } .brxe-icon-box :where(h2, h3, h4, h5, h6) { margin-bottom: 0; } .brxe-icon-box:not(.info-box) .icon path { fill: var(--green-500); } .brxe-icon-box p { margin-bottom: 0; }  .info-box { padding: 0.25em 0.75em; background-color: var(--green-400); }  .bricks-video-overlay-icon { width: 5rem; height: 5rem; padding: 1.3rem 1rem 1.3rem 1.3rem; border-radius: 50%; background-color: var(--green-500); overflow: visible; transition: var(--transition); } .brxe-video:hover .bricks-video-overlay-icon, .bricks-video-overlay-icon:focus { background-color: var(--green-100); color: var(--green-500); }  .brxe-slider-nested { width: calc(100% + 2rem)!important; max-width: 2048px; margin-left: -1rem; margin-right: -1rem; cursor: grab; } .brxe-slider-nested:active { cursor: grabbing; } .brxe-slider-nested .splide__track { padding-bottom: 2rem; } .brxe-slider-nested .box--polaroid { width: 100%; height: 100%; min-width: unset; } .brxe-slider-nested .box--event { width: 100%; min-width: unset; } .brxe-slider-nested.slider--event .splide__slide { width: var(--box-size-min--event)!important; } .slider-progress-bar-wrapper { background-color: var(--green-200); } .slider-progress-bar { background-color: var(--green-500); } .bg--green-500 .slider-progress-bar-wrapper { background-color: var(--green-400); } .bg--green-500 .slider-progress-bar { background-color: var(--green-100); } @media (min-width: 1245px) { .brxe-slider-nested .splide__slide { width: var(--box-size-min)!important; } }  .program-point { padding: 1.25rem 0; border-bottom: 1px solid var(--green-200); } .program-point p { margin-top: 0.25rem; } .program-point p:last-child { margin-bottom: 0; } .program-point .brxe-icon-box { column-gap: 0.4rem; }  table { border-spacing: 0; } table td { padding: 0.75rem 0.25rem; border-bottom: 1px solid var(--green-500); } table + p { margin-top: 1em; }  .brxe-form { --_form-padding: 0.5rem; width: auto; max-width: calc(var(--_form-padding) * 2 + 100%); margin-left: calc(var(--_form-padding) * -1); margin-right: calc(var(--_form-padding) * -1); } .brxe-form .form-group:not(:last-child):not(.captcha) { padding: 0 var(--_form-padding) 2rem; } .form.brxe-form .options-wrapper label { font-weight: 400; } .bricks-search-form input, .brxe-form input, .brxe-form textarea { line-height: normal; } .brxe-form input, .brxe-form textarea { padding: 0.75em; } .brxe-form textarea { max-height: 30rem; } .brxe-form .options-wrapper input[type="checkbox"], .brxe-form .options-wrapper input[type="radio"] { margin-right: 0.25em; padding: 0.45em; appearance: none; } .brxe-form .options-wrapper input[type="radio"] { border-radius: 50%; } .brxe-form .options-wrapper input[type="checkbox"]:checked, .brxe-form .options-wrapper input[type="radio"]:checked { background-color: var(--green-500); } .brxe-form input:not([type="submit"]):focus, .brxe-form textarea:focus { background-color: var(--green-100); } .brxe-form input:not([type="submit"], [type="checkbox"], [type="radio"]):focus-visible, .brxe-form textarea:focus-visible { outline: none; } .brxe-form .submit-button-wrapper { padding: 0 var(--_form-padding); }  .map { max-width: 100%; } .map a:is(:hover, :focus) > path { fill: var(--green-300); } .map-info:before { content: ""; position: absolute; top: -1.75rem; left: 0; right: 0; padding-bottom: 5rem; background-image: url("/wp-content/uploads/2025/03/tixo.webp"); background-repeat: no-repeat; background-size: contain; background-position: center; transform: rotate(7deg); } .map-info p:last-child { margin-bottom: 0; } .map--mobile ol { margin: 0; padding-left: 0; column-count: 2; column-gap: 1rem; list-style: none; font-size: 0.8rem; color: var(--green-500); counter-reset: item; } .map--mobile li { margin-bottom: 0.8em; counter-increment: item; } .map--mobile li a { display: flex; flex-flow: row nowrap; align-items: center; width: fit-content; text-decoration: none; } .map--mobile li a:before { content: counters(item, "", decimal-leading-zero); display: inline-block; margin-right: 0.35rem; padding: 0.5em; border-radius: 50%; background-color: var(--green-500); line-height: 1; color: var(--white); text-align: center; transition: var(--transition); } .map--mobile ol a:is(:hover, :active) { color: var(--green-300); } .map--mobile ol a:is(:hover, :active):before { background-color: var(--green-300); } @media (max-width: 767px) { .map--hidden-mobile { display: none; visibility: hidden; } }  .header-search input[type="search"] { padding: 0 0.25em 0 2.25em; background-image: url("/wp-content/uploads/2025/02/magnifying-glass.svg"); background-repeat: no-repeat; background-size: 1.2em; background-position: center left 0.5em; color: var(--gray-500); } .header-search input[type="search"]::placeholder { color: var(--gray-300); } .header-search button { flex-direction: row-reverse; width: auto; padding: 0.5em 1.5em 0.5em 2em; background-color: var(--green-500); } .header-search button svg { width: auto; height: 1em; } .brxe-search button { transition: var(--transition); } .offcanvas-nav-elements__search { --_search-button-size: 2.5rem; } .offcanvas-nav-elements__search button.toggle:is(:hover, :focus), .offcanvas-nav-elements__search button.close:is(:hover, :focus) { color: var(--green-500); } @media (max-width: 478px) { .header-search button[type="submit"] { padding: 0.25rem 0.75rem; font-size: 0; } .header-search button[type="submit"] svg { font-size: 1rem; } }  .search-site__search { --_search-button-size: 3rem; width: 100%; } .search-site__search .bricks-search-form { position: relative; flex-direction: row-reverse; justify-content: flex-end; align-items: stretch; background-color: var(--green-100); } .search-site__search label { position: absolute; top: 0.25em; left: var(--_search-button-size); margin: 0; font-size: 0.625rem; color: inherit; } .search-site__search .bricks-search-form input[type="search"] { padding: 1.25em 0 0.625rem; border: none; line-height: normal; } .search-site__search label, .search-site__search input[type="search"] { margin-left: 0.5rem; } .search-site__search button, .offcanvas-nav-elements__search button { width: var(--_search-button-size); height: auto; } .search-site__search button svg { width: 1rem; } .search-results .link-bar { align-items: center; padding-left: 0; padding-right: 0; border-bottom: 1px solid var(--gray-200); background-color: transparent; } .search-results .link-bar p { margin-bottom: 0; }  footer { --footer-main-padding: 4rem; background-color: var(--green-500); color: var(--white); } .footer-main { padding: var(--footer-main-padding) 1rem; } .footer-main .brxe-container { position: relative; } .footer-main .brxe-container:before { content: ""; position: absolute; top: calc(var(--footer-main-padding) * (-1)); right: 85%; width: 100vw; height: calc(100% + (var(--footer-main-padding) * 2)); background-color: var(--white); transform: skew(55deg); z-index: 0; } #footer-logo-jugend { display: none; } .footer-socials a { width: 1.55em; padding: 0.25em !important; border-radius: 50%; background-color: var(--green-400); font-size: 1.25rem; line-height: 1; } .footer-socials a:is(:hover, :focus) { background-color: var(--green-300); color: var(--gray-500); } .logo_land-steiermark:is(:hover, :focus) { filter: drop-shadow(0 0 0.25rem var(--green-500)); } @media (max-width: 1999px) { div#brxe-aosrln { flex-wrap: wrap; padding-bottom: 2rem; padding-left: 13rem; } .logo_land-steiermark.brxe-logo { position: absolute!important; bottom: 0; left: 0; } } @media (min-width: 1200px) { div#brxe-aosrln { flex-wrap: nowrap; padding-bottom: 0; padding-left: 0; } } @media (max-width: 991px) { div#brxe-aosrln { flex-direction: column; align-items: flex-end; padding-bottom: 0; padding-left: 0; } .footer-main .brxe-container:before { right: 93%; } } @media (max-width: 767px) { footer { --footer-main-padding: 3.125rem; } div#brxe-aosrln { padding-left: 6.25rem; padding-bottom: 5rem; } .footer-logo-wrapper { position: absolute; top: 0; left: 0; } .footer-main .brxe-container:before { top: auto; bottom: calc(0px - var(--footer-main-padding)); right: 85%; height: 25.5rem; } } @media (max-width: 478px) { div#brxe-aosrln { padding-left: 0; padding-bottom: 13rem; } .footer-logo-wrapper { position: absolute; top: 0; left: 0; } .footer-main .brxe-container:before { left: -1rem; right: -1rem; height: 14.5rem; transform: none; clip-path: polygon(0 0, 0% 100%, 100% 100%); } }  body.nachtbus { background-color: var(--black); color: var(--white); } .nachtbus ::selection { background-color: var(--pink); color: var(--black); }   .nachtbus :where(h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6) { display: inline-block; margin-bottom: 1.5rem; padding: 0.1em 1.5rem; font-family: "You Are Loved"; transform: rotate(-2deg); } .nachtbus :where(h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6) + :where(h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6) { margin-top: -1rem; } .nachtbus :where(h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6) { background-color: var(--orange); color: var(--black); } .nachtbus .brxe-heading.bricks-type-hero, .nachtbus .brxe-heading.bricks-type-lead { display: block; max-width: fit-content; } .nachtbus .brxe-heading.bricks-type-hero { background-color: var(--blue); color: var(--black); } .nachtbus .brxe-heading.bricks-type-lead { margin-left: -0.4em; background-color: var(--pink); color: var(--white); text-transform: none; }  .nachtbus header { background-color: var(--black); } .nachtbus .header-main:after { background-color: var(--orange); } .nachtbus:not(.no-scroll) header #header-logo { display: none; } .nachtbus:not(.no-scroll) header #header-logo--jugend { display: block; } .nachtbus .nav-toggle span { background-color: var(--white); }  .nachtbus #menu-main-menu-short :where(.current-page-ancestor, .current-menu-item) { color: var(--orange); }  .nachtbus .bg--orange :where(h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6), .nachtbus .hero .brxe-heading, .nachtbus .bg--orange .brxe-heading.bricks-type-hero { background-color: var(--black); color: var(--blue); } .nachtbus .bg--orange .brxe-heading.bricks-type-lead { background-color: var(--black); color: var(--white); } .nachtbus .bricks-nav-menu, .nachtbus .bricks-mobile-menu { color: var(--white); } .nachtbus .hero { border-image: linear-gradient(rgba(0, 0, 0, 0.5) 100%, transparent) 0 fill; } .nachtbus .hero :where(h2, .h2) { transform: rotate(2deg); } .nachtbus .navigation-blocks nav > ul { background-color: var(--orange); color: var(--black); } .nachtbus .navigation-blocks nav li:not(:first-child, :last-child) { border-bottom: 1px solid var(--border-orange); } .nachtbus .navigation-blocks h4 { padding: 0; font-family: "Hansief"; transform: none; } .nachtbus .navigation-blocks nav a:is(:hover, :focus) { background-color: var(--border-orange); } .nachtbus .text-wrapper .brxe-heading.bricks-type-hero { margin-left: 1em; } .nachtbus .text-wrapper .brxe-heading.bricks-type-lead { margin-left: -0.8em; } .nachtbus .box :where(h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6):not( .bricks-type-hero, .bricks-type-lead ), .nachtbus .teaser--dynamic .brxe-heading, .nachtbus .section--teaser .brxe-heading { margin-bottom: 1rem; padding: 0; background-color: transparent; font-family: "Hansief"; color: inherit; transform: none; } .nachtbus .teaser--dynamic { border-image: linear-gradient(rgba(0,0,0,0.5) 50%, rgba(0,0,0,0.9) 100%) 0 fill; } .nachtbus .section--teaser .teaser .brxe-heading { margin-bottom: 0; } .nachtbus footer { background-color: var(--orange); color: var(--black); } .nachtbus .footer-main .bricks-nav-menu { color: var(--black); } .nachtbus .footer-main .bricks-nav-menu > li:not(:first-child) { border-left-color: var(--black) } .nachtbus #footer-logo { display: none; } .nachtbus #footer-logo-jugend { display: block; } .nachtbus .footer-socials a { background-color: var(--black); color: var(--white); } .nachtbus .footer-socials a:is(:hover, :focus) { background-color: var(--white); color: var(--black); } .nachtbus .footer-service.brxe-block { background-color: var(--black); color: var(--white); } @media (max-width: 767px) { .nachtbus .footer-main .bricks-nav-menu > li:nth-child(3), .nachtbus .footer-main .bricks-nav-menu > li:nth-child(4) { border-top-color: var(--black); } } @media (max-width: 311px) { .nachtbus .footer-main .bricks-nav-menu > li:nth-child(2) { border-top-color: var(--black); } }  .brlbs-cmpnt-container { width: 100% !important; }