@charset "utf-8";
/* LESS Document */
/*============================================================================================================================================*/
/*Thank you for looking at my code © Sonja Degen*/
/*============================================================================================================================================*/
/* nunito-sans-300 - latin */
@font-face {
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 300;
  src: local(''), url('/files/theme/fonts/nunito_sans/nunito-sans-v12-latin-300.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('/files/theme/fonts/nunito_sans/nunito-sans-v12-latin-300.woff') format('woff');
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* nunito-sans-300italic - latin */
@font-face {
  font-family: 'Nunito Sans';
  font-style: italic;
  font-weight: 300;
  src: local(''), url('/files/theme/fonts/nunito_sans/nunito-sans-v12-latin-300italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('/files/theme/fonts/nunito_sans/nunito-sans-v12-latin-300italic.woff') format('woff');
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* nunito-sans-600 - latin */
@font-face {
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 600;
  src: local(''), url('/files/theme/fonts/nunito_sans/nunito-sans-v12-latin-600.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('/files/theme/fonts/nunito_sans/nunito-sans-v12-latin-600.woff') format('woff');
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* nunito-sans-600italic - latin */
@font-face {
  font-family: 'Nunito Sans';
  font-style: italic;
  font-weight: 600;
  src: local(''), url('/files/theme/fonts/nunito_sans/nunito-sans-v12-latin-600italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('/files/theme/fonts/nunito_sans/nunito-sans-v12-latin-600italic.woff') format('woff');
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* nunito-sans-700 - latin */
@font-face {
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 700;
  src: local(''), url('/files/theme/fonts/nunito_sans/nunito-sans-v12-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('/files/theme/fonts/nunito_sans/nunito-sans-v12-latin-700.woff') format('woff');
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* Test Font Varianten */
/* Auf alle Elemente bezogen */
/*============================================================================================================================================*/
body {
  padding: 0;
  margin: 0;
}
/* RESET; kann auch auf body statt * angewendet werden*/
/*Flexbox Sticky Footer Lösung relevant*/
/*Danke an: https://ueberdosis.io/artikel/sticky-footer-mit-css-flexbox/*/
/*============================================================================================================================================*/
html,
body {
  display: flex;
  flex-direction: column;
  height: 100%;
  /* 1, 3 */
}
footer,
header {
  flex: none;
}
#container {
  flex: 1 0 auto;
  /* 2 */
  width: 100%;
}
#wrapper {
  display: flex;
  flex-direction: column;
  height: 100%;
  /* 1, 3 */
}
/*Ende --- Flexbox Sticky Footer Lösung*/
/*============================================================================================================================================*/
html {
  -webkit-text-size-adjust: none;
  /*verhindert, dass die Schrift beim drehen von Hoch- auf Querformat (landscape) skaliert. Diese Angabe muss Global im html Tag angeben werden. */
  scroll-behavior: smooth;
}
html,
body {
  font-size: 18px;
}
.fa-icon-solid {
  font-family: 'Font Awesome 6 Free';
  font-style: normal;
  font-variant: normal;
  font-weight: 900;
  font: var(--fa-font-solid);
  line-height: 1.618;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  text-align: center;
  width: 1rem;
  font-size: 0.833em;
}
.center {
  text-align: center;
}
.grid-12-spalten {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-auto-flow: row;
  column-gap: 2rem;
}
.grid-1-spalten,
.grid-2-spalten,
.grid-3-spalten,
.grid-4-spalten,
.grid-5-spalten,
.grid-6-spalten,
.grid-7-spalten,
.grid-8-spalten,
.grid-9-spalten,
.grid-10-spalten,
.grid-11-spalten {
  display: grid;
  grid-auto-flow: row;
  column-gap: 2rem;
  row-gap: 2em;
}
.grid-11-spalten {
  grid-template-columns: repeat(11, 1fr);
}
.grid-10-spalten {
  grid-template-columns: repeat(10, 1fr);
}
.grid-9-spalten {
  grid-template-columns: repeat(9, 1fr);
}
.grid-8-spalten {
  grid-template-columns: repeat(8, 1fr);
}
.grid-7-spalten {
  grid-template-columns: repeat(7, 1fr);
}
.grid-6-spalten {
  grid-template-columns: repeat(6, 1fr);
}
.grid-5-spalten {
  grid-template-columns: repeat(5, 1fr);
}
.grid-4-spalten {
  grid-template-columns: repeat(4, 1fr);
}
.grid-2-spalten {
  grid-template-columns: repeat(2, 1fr);
}
.grid-3-spalten {
  grid-template-columns: repeat(3, 1fr);
}
.grid-1-spalten {
  grid-template-columns: repeat(1, 1fr);
}
body {
  background-color: hsl(65, 40%, 88%);
  color: hsl(33, 11%, 19%);
  font-family: 'Nunito Sans', Arial, Helvetica, sans-serif;
  font-style: normal;
  font-weight: 300;
  line-height: 1.618;
  /*background-image: repeating-linear-gradient( transparent 0 calc(1lh - 1px), midnightblue calc(1lh - 1px) 1lh); */
  /*Zu Testzwecken - erzeugt horizontale Linien analog line-height */
}
/*Zu Testzwecken - erzeugt horizontale Linien analog line-height */
/* Layout */
/*============================================================================================================================================*/
a {
  word-wrap: break-word;
  overflow-wrap: break-word;
}
h1,
h2,
h3,
h4,
p,
dt,
dd {
  -webkit-hyphens: auto;
  hyphens: auto;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 700;
  letter-spacing: -0.025em;
  line-height: 1.15;
  margin-top: 2.25rem;
  margin-bottom: 1rem;
}
h1 {
  font-size: 2.5em;
}
h2 {
  font-size: 2.2em;
}
h3 {
  font-size: 1.618em;
}
h4 {
  font-size: 1.4em;
}
h5 {
  font-size: 1.2em;
}
h6 {
  font-size: 1.1em;
}
p,
pre,
blockquote,
table,
ol,
ul {
  margin-bottom: 1em;
  font-size: 1em;
}
ul ul,
ol ol,
ul ol,
ol ul {
  margin-top: 0em;
  margin-bottom: 0em;
}
ol,
ul {
  padding-left: 1.5rem;
}
ul.fa-ul {
  margin-left: 0;
  padding-left: 1.5rem;
}
ul li {
  list-style: disc;
}
ol li {
  list-style: decimal;
}
ul.fa-ul li,
ul.enclosure li.download-element {
  padding-left: 0.278rem;
}
ul li ul li {
  list-style-type: circle;
}
em,
em * {
  font-family: 'Nunito Sans', Arial, Helvetica, sans-serif;
  font-style: italic;
}
strong,
strong * {
  font-family: 'Nunito Sans', Arial, Helvetica, sans-serif;
  font-style: normal;
  font-weight: 600;
}
em > strong,
strong > em,
em > strong *,
strong > em * {
  font-family: 'Nunito Sans', Arial, Helvetica, sans-serif;
  font-style: italic;
  font-weight: 600;
}
a > em,
a > strong {
  color: inherit !important;
}
address {
  font-style: normal;
  margin-bottom: 1em;
}
h1:first-child,
.inside-article > .content-text:first-child h1:first-child,
.inside-article > h2.content-headline:first-child,
.inside-article > div:first-of-type > h2:first-child,
.inside-article > .module-feed-reader > h2:first-child,
#footer > .inside > .box:first-child > h2:first-child,
.rte div h3:first-child,
.rte h3:first-child,
.handorgel__content__inner > div > :first-child,
.handorgel__content__inner .content-element-group :first-child {
  margin-block-start: 0;
}
p:last-child,
ul:last-child,
ol:last-child,
pre:last-child,
table:last-child,
blockquote:last-child,
.content-text:last-child figure:last-child,
.inside-article > .content-gallery:last-child ul li:last-child figure:last-child,
.mod_randomImage > figure:last-child,
.button-1:last-child,
.button-2:last-child,
.button-no-bg:last-child,
#footer > .inside > * > ul:last-of-type {
  margin-block-end: 0;
}
img {
  max-width: 100%;
  height: auto;
}
main * figure img {
  border-radius: 0.4rem;
}
figure + .rte,
.rte + figure {
  margin-top: 2em;
}
figcaption {
  font-size: 0.833em;
}
/** Bildbeschreibung innerhalb des Bildes platzieren **/
figure {
  margin-bottom: 1.5em;
}
figure img {
  vertical-align: bottom;
}
figure:has(figcaption) img {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
figure figcaption {
  background-color: hsla(0, 0%, 0%, 0.8);
  border-bottom-right-radius: 0.4rem;
  border-bottom-left-radius: 0.4rem;
  color: hsl(0, 0%, 100%);
  padding: 0 0.7rem;
}
.tl_confirm {
  font-weight: 600;
  color: hsl(359, 80%, 52%);
}
/* Let's make sure all's aligned */
hr,
.hr {
  border: 1px solid;
  margin: -1px 0;
}
/** Links **/
/* Zugänglichkeit */
:focus-visible {
  outline: 2px dotted #F2612A;
  outline-offset: 8px;
}
/* Check- und Radioboxen werden noch nicht mit Tastatur erreicht */
.formbody input[type="radio"]:focus-visible,
.formbody input[type="checkbox"]:focus-visible {
  visibility: visible !important;
}
.invisible:focus-visible:focus {
  background: rgba(0, 0, 0, 0.7);
  clip: auto;
  color: #fff !important;
  cursor: pointer;
  font-size: 1rem;
  height: auto;
  padding: 1rem;
  width: auto;
  z-index: 900;
}
.block {
  overflow: unset;
}
/* Generell Links */
a {
  text-decoration: none;
}
a[target="_blank"]:not([href^="https://maps"], .icon-social-media)::after {
  font-family: 'Font Awesome 6 Free';
  font-style: normal;
  font-variant: normal;
  font-weight: 900;
  font: var(--fa-font-solid);
  line-height: 1.618;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  text-align: center;
  width: 1rem;
  content: '\f08e';
  padding-left: 0.2em;
  font-size: 0.833em;
}
#top-link {
  display: none;
  background-color: #4E4F43;
  border-radius: 0.4rem;
  font-size: 1.5em;
  padding: 0.2rem 0.8rem;
  position: fixed;
  bottom: 1em;
  right: 1rem;
  z-index: 999;
}
#top-link a {
  color: white;
}
main a:hover {
  text-decoration: underline;
}
/** Buttons **/
button:not(.handorgel__header__button, .btn-toggle-submenu, .nav-burger) {
  border: 2px solid hsl(33, 11%, 84%);
  border-radius: 0.4rem;
  cursor: pointer;
  font-size: 1.125em;
  font-weight: 600;
  text-decoration: none;
  transition: all 0.3s ease 0s;
  width: auto;
}
button:not(.handorgel__header__button, .btn-toggle-submenu, .nav-burger):after {
  font-family: 'Font Awesome 6 Free';
  font-style: normal;
  font-variant: normal;
  font-weight: 900;
  font: var(--fa-font-solid);
  line-height: 1.618;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  text-align: center;
  content: '\f105';
  padding: 0 0 0 0.2rem;
  font-size: 0.833em;
  width: 1rem;
}
.button-1,
.button-2,
.button-no-bg,
.more {
  margin: 1em 0;
}
.button-1 a,
.button-2 a,
.button-no-bg a,
.more a {
  font-size: 1.125em;
  font-weight: 600;
  text-decoration: none;
  transition: all 0.3s ease 0s;
}
.button-1 a:hover,
.button-2 a:hover,
.button-no-bg a:hover,
.more a:hover {
  text-decoration: none;
}
.button-1 a::after,
.button-2 a::after,
.button-no-bg a::after,
.more a::after {
  font-family: 'Font Awesome 6 Free';
  font-style: normal;
  font-variant: normal;
  font-weight: 900;
  font: var(--fa-font-solid);
  line-height: 1.618;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  text-align: center;
  width: 1rem;
  content: '\f105';
  padding: 0 0 0 0.2rem;
  font-size: 0.833em;
}
.tel-link a::after {
  content: '\f095';
  padding-left: 0.5rem;
  font-size: 0.833em;
}
.mail-link a::after {
  content: '\f0e0';
  padding-left: 0.5rem;
  font-size: 0.833em;
}
.button-no-bg {
  padding: 0.5em 0;
}
.button-no-bg {
  margin: 0.5em 0;
}
.button-1 a,
.button-2 a,
.cta-block * .content-hyperlink a,
button:not(.handorgel__header__button, .nav-burger) {
  display: inline-block;
  padding: 0.278em 1.278rem;
}
.button-1,
.button-2,
button.submit {
  box-shadow: 0 0 15px 0 hsla(0, 0%, 0%, 0.3);
  max-width: fit-content;
  transition: all 0.3s ease 0s;
}
.button-1:hover,
.button-2:hover,
button.submit:hover {
  box-shadow: 0 0 40px 10px hsla(0, 0%, 0%, 0.3);
}
.button-no-bg a {
  display: inline-block;
  /* wichtig für scale:1.1 */
}
.button-1,
.button-2,
button.submit,
.button-no-bg a,
.more:has(a) {
  transition: all 0.3s ease 0s;
}
.button-1:hover,
.button-2:hover,
button.submit:hover,
.button-no-bg a:hover,
.more:has(a):hover {
  scale: 1.1;
}
.button-1,
.button-2,
button.submit {
  background: hsl(90, 14%, 37%);
  border: 2px solid hsl(93, 16%, 14%);
  border-radius: 0.4rem;
  line-height: 1.618;
}
.button-1:hover,
.button-2:hover,
button.submit:hover {
  background: hsla(90, 14%, 37%, 0.5);
  border-color: hsl(33, 11%, 84%);
}
.button-2,
.cta-block.button-2 * .content-hyperlink {
  background: hsla(171, 100%, 37%, 0.75) linear-gradient(hsla(171, 100%, 90%, 0.75), transparent, hsla(171, 100%, 90%, 0.75));
  border: 2px solid hsl(33, 11%, 84%);
  border-radius: 0.4rem;
}
.button-2:hover,
.cta-block.button-2 * .content-hyperlink:hover {
  background: hsla(171, 100%, 37%, 0.75) linear-gradient(hsla(0, 0%, 10%, 0.2), transparent, hsla(0, 0%, 10%, 0.2));
  border-color: hsl(33, 11%, 84%);
}
.button-1 a,
button:not(.handorgel__header__button, .btn-toggle-submenu, .nav-burger) {
  color: hsl(0, 0%, 100%);
}
.button-2 a,
.cta-block.button-2 * .content-hyperlink a {
  color: inherit;
}
.cta-block,
.cta-block > * {
  background-color: hsl(69, 13%, 61%) !important;
  color: hsl(33, 11%, 19%);
  text-align: center;
}
.cta-block * .button-1,
.cta-block * .button-2 {
  justify-self: center;
  align-self: center;
}
/* 2 Button in einer Reihe in einem Gruppenelement */
.content-element-group:has(.button-1+.button-2, .button-1+.button-1, .button-2+.button-2, .button-2+.button-1) {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
}
.content-element-group:has(.button-1+.button-2, .button-1+.button-1, .button-2+.button-2, .button-2+.button-1) .button-1,
.content-element-group:has(.button-1+.button-2, .button-1+.button-1, .button-2+.button-2, .button-2+.button-1) .button-2 {
  margin-bottom: 0;
}
/** Lightbox / Colorbox und buttons für Content Slider **/
#cboxOverlay {
  background: hsla(0, 0%, 0%, 0.8);
  -webkit-backdrop-filter: blur(5px);
  /* Add this line first, it fixes blur for Safari*/
  backdrop-filter: blur(5px);
  /* This line activates blur*/
}
/* Button Size */
#colorbox [id="cboxClose"],
#colorbox [id="cboxNext"],
#colorbox [id="cboxPrevious"] {
  height: 2em;
  width: 2em;
}
#colorbox [id="cboxClose"] {
  top: 0;
  right: 0;
  background: hsla(0, 0%, 0%, 0.3) url("/files/theme/img/close-x_demo.svg") center center no-repeat;
  border-radius: 0 0 0 0.4rem;
}
#colorbox [id="cboxClose"]:hover {
  background-color: hsl(65, 98%, 34%);
}
#colorbox [id="cboxNext"],
button.swiper-button-next {
  right: 0;
  background: hsla(0, 0%, 0%, 0.3) url("/files/theme/img/close-next_demo.svg") center center no-repeat;
  border-radius: 0.4rem 0 0 0.4rem;
  z-index: 11;
}
#colorbox [id="cboxNext"]:hover,
button.swiper-button-next:hover {
  background-color: hsl(65, 98%, 34%);
}
#colorbox [id="cboxPrevious"],
button.swiper-button-prev {
  left: 0;
  background: hsla(0, 0%, 0%, 0.3) url("/files/theme/img/close-prev_demo.svg") center center no-repeat;
  border-radius: 0 0.4rem 0.4rem 0;
  z-index: 11;
}
#colorbox [id="cboxPrevious"]:hover,
button.swiper-button-prev:hover {
  background-color: hsl(65, 98%, 34%);
}
#colorbox [id="cboxLoadedContent"] {
  background: hsla(0, 0%, 0%, 0.8);
  border: none;
}
#colorbox [id="cboxTitle"],
#colorbox [id="cboxCurrent"] {
  font-size: 0.875em;
  top: -2.25em;
}
#cboxContent {
  margin-top: 2em;
}
/*** Header ***/
/* Header Logo */
#logo {
  line-height: 0;
  transition: all 0.3s ease 0s;
}
#logo:hover {
  scale: 1.1;
}
#logo img {
  width: clamp(7rem, 20vw, 13.889rem);
  height: auto;
}
/* Main und Secondary Navigation */
#header {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  background-color: hsl(65, 40%, 88%);
  padding: 1em 1rem;
}
#header ul li {
  list-style: none;
  display: inline-block;
  margin: 0;
  /*padding: 0;  verschiebt den Navipfeil nach links*/
}
#header .inside {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: center;
  margin: 0 auto;
  width: 100%;
  max-width: 85rem;
}
#header #nav-main * a,
#header #nav-main * li.active {
  font-size: 1.125em;
}
#header #nav-main a,
#header .nav-secondary a,
#header #nav-main strong,
#header .nav-secondary strong {
  display: block;
  color: #fff;
  font-weight: 600;
  line-height: 1.618;
}
#header #nav-main > ul > li > a,
#header .nav-secondary > ul > li > a,
#header #nav-main > ul > li > strong,
#header .nav-secondary > ul > li > strong {
  margin: 0 0.8rem;
  padding: 0;
}
#header #nav-main > ul > li:last-of-type > a,
#header .nav-secondary > ul > li:last-of-type > a,
#header #nav-main > ul > li:last-of-type > .active,
#header .nav-secondary > ul > li:last-of-type > .active {
  margin-right: 0;
}
#header #nav-main li:focus > a,
#header .nav-secondary li:focus > a,
#header #nav-main li:hover > a,
#header .nav-secondary li:hover > a {
  color: #D0BEAD;
}
#header #nav-main strong.active,
#header .nav-secondary strong.active,
#header #nav-main .trail,
#header .nav-secondary .trail {
  color: #F7B679;
}
#header #nav-main a {
  font-size: 1.125em;
}
/* Header Secondary-Navigation */
.nav-secondary {
  display: none;
}
.nav-secondary ul {
  margin-bottom: 0;
}
.nav-secondary a {
  font-size: 1em;
}
/*** Header Main-Navigation und Dropdown - Neue barrierefreie Navigation ***/
body.nav-is-desktop .navigation-main .level_1 {
  gap: 0 1.8rem;
}
body.nav-is-desktop .navigation-main ul.level_1 > li {
  padding-bottom: 1em;
  margin-bottom: -1em !important;
}
body.nav-is-desktop .navigation-main .level_1 > li > .btn-toggle-submenu::after {
  font-family: 'Font Awesome 6 Free';
  font-style: normal;
  font-variant: normal;
  font-weight: 900;
  font: var(--fa-font-solid);
  line-height: 1.618;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  text-align: center;
  width: 1rem;
  font-size: 0.833em;
  background: none;
  content: '\f054';
  color: #fff;
  font-size: 0.833rem;
}
body.nav-is-desktop .navigation-main .level_1 > li:hover > .btn-toggle-submenu::after {
  color: #D0BEAD;
}
body.nav-is-desktop .navigation-main .level_1 > li.trail > .btn-toggle-submenu::after {
  color: #F7B679;
}
body.nav-is-desktop .navigation-main .level_1 > li.trail:hover > .btn-toggle-submenu::after {
  color: #D0BEAD;
}
body.nav-is-desktop .navigation-main ul ul {
  min-width: 12rem;
}
body.nav-is-desktop .navigation-main ul ul li:not(:last-of-type) {
  border-bottom-color: #fff;
}
#nav-main {
  background-color: rgba(0, 0, 0, 0);
  /** Dropdown **/
}
#nav-main .level_2,
#nav-main .level_3 {
  background-color: #8B7E74;
  border-radius: 0;
}
#nav-main .level_2 *,
#nav-main .level_3 * {
  font-size: 1em !important;
}
#nav-main .level_2 a,
#nav-main .level_3 a,
#nav-main .level_2 strong,
#nav-main .level_3 strong {
  padding: 0.5em 1rem;
}
#nav-main .level_2::before {
  border-bottom-color: #8B7E74;
}
#nav-main .level_2 > li > .btn-toggle-submenu::after {
  background: none;
  font-family: 'Font Awesome 6 Free';
  font-style: normal;
  font-variant: normal;
  font-weight: 900;
  font: var(--fa-font-solid);
  line-height: 1.618;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  text-align: center;
  width: 1rem;
  content: '\f054';
  color: #fff;
  font-size: 0.833em;
  height: auto;
}
#nav-main .level_2 > li:hover,
#nav-main .level_3 > li:hover {
  background-color: #fff;
  /* optional */
}
#nav-main .level_2 > li:hover > .btn-toggle-submenu::after {
  color: #D0BEAD;
}
#nav-main .level_2 > li.active,
#nav-main .level_2 > li.trail,
#nav-main .level_3 > li.active,
#nav-main .level_3 > li.trail {
  background-color: #4E4035;
  /* optional */
}
#nav-main .level_2 > li.active > .btn-toggle-submenu::after,
#nav-main .level_2 > li.trail > .btn-toggle-submenu::after {
  color: #F7B679;
}
#nav-main .level_2 > li.trail:hover > .btn-toggle-submenu::after {
  color: #D0BEAD;
}
/*** Header Main-Navigation und Dropdown - Alte Navigation ***/
/** Dropdown **/
/* overflow: visible;
	.level_2 {
		margin-top: @margin-top-header-dropdown;
		margin-left:calc(@margin-horizontal-navigation-header * -1);
		* {
			font-size: @nav-sub-font-size !important;
		}
	  position: absolute;
	  left: auto;
	  max-height: 0;
	  overflow: hidden;
	  background: @subnav-bg-color;
	  z-index: 1999;
	  transition: @transition-dropdown;
	}
	.level_1 {
	  position: relative;
	}
	.submenu:hover .level_2 {
	  max-height: 1000px;
	}
	.level_2 > li {
	  display: block;
	  text-align: left;
	  position: relative;
	}
	.level_2 > li a,
	.level_2 > li strong {
		padding: 0.3em 0;
	  border-top: 1px solid @subnav-line-color;
		margin: 0 calc(@margin-horizontal-navigation-header * 2);
	}
	.level_2 > li:first-of-type,
	.level_2 > li:first-of-type,
	.level_3 > li:first-of-type,
	.level_3 > li:first-of-type{	  
		margin-top:@padding-vertical-s !important;
		a, strong {
			border-top: 0;
		}
	}
	.level_2 > li:last-of-type,
	.level_2 > li:last-of-type,
	.level_3 > li:last-of-type,
	.level_3 > li:last-of-type{
		margin-bottom:@padding-vertical-s !important;
	}
	.level_1 > li > a.submenu::after,
	.level_1 > li > strong.submenu::after{
		.fa-icon-solid;
	  content: '\f107';
	  padding: 0 0 0 0.2rem;
	}
	.level_2 > li > a.submenu::after,
	.level_2 > li > strong.submenu::after{
		.fa-icon-solid;
	  content: '\f054';
	  padding: 0 0 0 0.2rem;
	}
	.level_3 {
		* {
			font-size:inherit;
		}		
	  max-height: 0;
	  overflow: hidden;
	  position: absolute;
	  left: 100%;
	  top: 1px;
	}
	.level_2:hover {
	  overflow: visible;
	}
	.level_2 li.submenu:hover .level_3 {
	  max-height: 400px;
	  background: @subnav-bg-color;
	}
	.level_3 > li a,
	.level_3 > li strong {
	  min-width: 150px;
	}
	.level_2 li:focus,
	.level_2 li:hover,
	.level_3 li:focus,
	.level_3 li:hover {
		background-color: @subnav-bg-active-color;
	}
	.level_2 {
		li.active,
		li.trail {
			background-color: @subnav-bg-active-color;
		}
	} */
/* Header Suchformular */
#search-header {
  display: none;
}
/* Mobile Navigation, nicht barreierefreies Menü */
/** Mobile Navigation barrierefreies Menü **/
.nav-burger .nav-burger__inner .icon-line {
  transition: none;
}
.nav-burger .nav-burger__inner .icon-line,
.nav-burger .nav-burger__inner .icon-line:before,
.nav-burger .nav-burger__inner .icon-line:after {
  background-color: #fff;
}
.nav-burger .nav-burger__inner:focus .icon-line,
.nav-burger .nav-burger__inner:focus .icon-line:before,
.nav-burger .nav-burger__inner:focus .icon-line:after {
  background-color: #D0BEAD;
}
.nav-burger .nav-burger__inner:hover .icon-line,
.nav-burger .nav-burger__inner:hover .icon-line:before,
.nav-burger .nav-burger__inner:hover .icon-line:after {
  background-color: #D0BEAD;
}
.nav-burger .nav-burger__inner:active .icon-line:before,
.nav-burger .nav-burger__inner:active .icon-line:after {
  background-color: #D0BEAD;
}
.nav-burger.is-active .icon-line,
.nav-burger.is-active:hover .icon-line {
  background-color: transparent;
}
.nav-is-mobile.navigation-open nav.navigation-main {
  background-color: hsla(65, 8.22%, 28.63%, 0.9);
  backdrop-filter: blur(5px);
}
.nav-is-mobile.navigation-open ul li a {
  color: #fff !important;
}
.nav-is-mobile.navigation-open ul li a:focus {
  color: #D0BEAD !important;
}
.nav-is-mobile.navigation-open ul li a:hover {
  color: #D0BEAD !important;
}
.nav-is-mobile.navigation-open ul li a:active {
  color: #D0BEAD !important;
}
.nav-is-mobile.navigation-open strong.active {
  color: #D0BEAD !important;
}
body.nav-is-mobile .navigation-main {
  top: -1000px;
  transition: opacity 0.15s ease-in-out, visibility 0.1s, top 0.5s ease-in-out;
}
body.nav-is-mobile .navigation-main.is-active {
  top: 0;
}
body.nav-is-mobile #nav-main .navigation-main.is-active .level_1 > li > .btn-toggle-submenu::after {
  font-family: 'Font Awesome 6 Free';
  font-style: normal;
  font-variant: normal;
  font-weight: 900;
  font: var(--fa-font-solid);
  line-height: 1.618;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  text-align: center;
  width: 1rem;
  font-size: 0.833em;
  background: none;
  content: '\f054';
  color: #fff;
  font-size: 1rem;
}
body.nav-is-mobile #nav-main .navigation-main.is-active .level_2,
body.nav-is-mobile #nav-main .navigation-main.is-active .level_3 {
  background-color: transparent;
}
body.nav-is-mobile #nav-main .navigation-main.is-active .level_2 > li:focus,
body.nav-is-mobile #nav-main .navigation-main.is-active .level_3 > li:focus,
body.nav-is-mobile #nav-main .navigation-main.is-active .level_2 > li:hover,
body.nav-is-mobile #nav-main .navigation-main.is-active .level_3 > li:hover,
body.nav-is-mobile #nav-main .navigation-main.is-active .level_2 > li:active,
body.nav-is-mobile #nav-main .navigation-main.is-active .level_3 > li:active,
body.nav-is-mobile #nav-main .navigation-main.is-active .level_2 > li.active,
body.nav-is-mobile #nav-main .navigation-main.is-active .level_3 > li.active {
  background-color: transparent;
}
body.nav-is-mobile #nav-main .navigation-main.is-active .level_2 > li > .btn-toggle-submenu::after,
body.nav-is-mobile #nav-main .navigation-main.is-active .level_3 > li > .btn-toggle-submenu::after {
  font-size: 1rem;
}
#footer {
  font-size: 16px;
  position: relative;
  background-color: #4E4F43;
  color: hsl(0, 0%, 100%);
  display: flex;
}
#footer h2 {
  font-size: 1.2em;
}
#footer .inside {
  padding: 3.5em 1rem;
  width: 100%;
  max-width: 70rem;
  display: block;
  margin: 0 auto;
}
#footer .inside .box {
  width: auto;
}
#footer .inside ul {
  list-style: none;
  margin-left: unset;
  padding-left: unset;
}
#footer .inside li {
  list-style: none;
  margin-left: unset;
  padding-left: 0;
}
#footer a:is([href*="maps."]) {
  display: inline-flex;
}
#footer a:is([href*="maps."]):before {
  font-family: 'Font Awesome 6 Free';
  font-style: normal;
  font-variant: normal;
  font-weight: 900;
  font: var(--fa-font-solid);
  line-height: 1.618;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  text-align: center;
  width: 1rem;
  font-size: 0.833em;
  content: '\f3c5';
  padding-right: 0.5rem;
  font-size: 0.9em;
}
#footer a:is([href*="tel:"])::before {
  font-family: 'Font Awesome 6 Free';
  font-style: normal;
  font-variant: normal;
  font-weight: 900;
  font: var(--fa-font-solid);
  line-height: 1.618;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  text-align: center;
  width: 1rem;
  font-size: 0.833em;
  content: '\f095';
  padding-right: 0.5rem;
  font-size: 0.9em;
}
#footer a:is([href*="mailto:"])::before {
  font-family: 'Font Awesome 6 Free';
  font-style: normal;
  font-variant: normal;
  font-weight: 900;
  font: var(--fa-font-solid);
  line-height: 1.618;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  text-align: center;
  width: 1rem;
  font-size: 0.833em;
  content: '\f0e0';
  padding-right: 0.5rem;
  font-size: 0.9em;
}
#footer .icons-social-media ul {
  display: flex;
  flex-flow: row wrap;
  column-gap: 2rem;
  font-size: 1.5em;
}
#footer .footer-made-by {
  border-top: 1px solid hsl(0, 0%, 100%);
  margin-top: 2.25rem;
  padding-top: 1rem;
}
/** Breadcrumb **/
.mod_breadcrumb {
  background-color: hsl(64, 20%, 68%);
  width: 100%;
  margin: 0 auto;
}
.mod_breadcrumb ul {
  list-style: none;
  margin: 0 auto;
  width: auto;
  max-width: 70rem;
  padding: 0.5em 1rem;
}
.mod_breadcrumb ul li {
  display: inline-block;
  margin: 0;
  padding: 0;
}
.mod_breadcrumb ul li:after {
  font-family: 'Font Awesome 6 Free';
  font-style: normal;
  font-variant: normal;
  font-weight: 900;
  font: var(--fa-font-solid);
  line-height: 1.618;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  text-align: center;
  width: 1rem;
  font-size: 0.833em;
  content: '\f105';
}
.mod_breadcrumb ul li.active:after {
  content: '';
}
/** Main Inhalt **/
.mod_newsarchive.block:has(.card),
.mod_eventlist.block:has(.event) {
  overflow: visible;
}
.card-bg-padding {
  padding: 1em 2rem 2em 2rem;
}
.card,
.event.layout_teaser {
  background-color: hsl(0, 0%, 100%);
  border: 1px solid hsl(33, 11%, 84%);
  border-radius: 0.4rem;
  box-sizing: border-box;
  box-shadow: 0 0 15px 0 hsla(0, 0%, 0%, 0.3);
  margin-bottom: 2em;
  overflow: hidden;
  position: relative;
  padding: 1em 2rem 2em 2rem;
}
.card:hover:has(.more),
.event.layout_teaser:hover:has(.more) {
  box-shadow: none;
}
.card figure,
.event.layout_teaser figure {
  margin: calc(1em * -1) calc(2rem * -1) auto calc(2rem * -1);
}
.card figure img,
.event.layout_teaser figure img {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  width: 100%;
}
.card p.info,
.event.layout_teaser p.info {
  background-color: azure;
  margin: 0 calc(2rem * -1) 1.618em calc(2rem * -1);
  padding: 0.25em 2rem;
}
.card .ce_text,
.event.layout_teaser .ce_text,
.card .content-text,
.event.layout_teaser .content-text {
  margin-bottom: 3.5em;
}
.card p.more,
.event.layout_teaser p.more {
  margin-bottom: 1.5em;
  margin-top: 1em;
  position: absolute;
  bottom: 0;
}
.event.layout_teaser figure {
  margin-bottom: 1.618em;
}
#main .mod_article {
  width: 100%;
}
#main .inside {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: flex-start;
  margin: 0 auto;
}
#main .inside-article,
#main .article-teaser-box * .content-text {
  max-width: 70rem;
  margin: 0 auto;
  padding: 3.5em 1rem;
}
#main .inside-article {
  display: flex;
  flex-flow: column;
}
.mod_article:nth-of-type(even) {
  background-color: #fff;
}
.lead-text p,
p .lead-text {
  font-size: 1em;
  line-height: 1.618;
  font-weight: 600;
}
/** Tabelle **/
table {
  width: 100%;
  overflow: auto;
  border-collapse: collapse;
  border-spacing: 0;
  border: 1px solid hsl(33, 11%, 84%);
}
th,
td {
  border: 1px solid hsl(33, 11%, 84%);
  padding: 5px 10px;
}
th {
  background: hsla(69, 9%, 28%, 0.5);
  font-weight: 700;
  text-align: left;
}
/** Akkordeon **/
.handorgel__header__button,
.handorgel__content {
  background-color: unset;
  border-top: unset;
  padding: unset;
}
.handorgel__header__button:before {
  font-family: 'Font Awesome 6 Free';
  font-style: normal;
  font-variant: normal;
  font-weight: 900;
  font: var(--fa-font-solid);
  line-height: 1.618;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  text-align: center;
  width: 1rem;
  font-size: 0.833em;
  color: hsl(0, 0%, 100%);
  content: '\2b';
  padding-right: 0.5em;
  width: 25px;
}
.handorgel__header--open .handorgel__header__button:before {
  content: '\f068';
}
.handorgel__header__button,
.handorgel__content {
  background-color: transparent;
}
.handorgel__content {
  border: 1px solid hsl(33, 11%, 84%);
  margin-bottom: 1px;
  transition: height 0.5s ease-in-out;
}
.handorgel__header {
  cursor: pointer;
  color: hsl(0, 0%, 100%);
  background: hsl(69, 9%, 28%);
  font-size: 1.125em;
  font-weight: 600;
  letter-spacing: normal;
  margin-top: 1px;
  outline: none;
  padding: 0.5em;
}
.handorgel__header--open,
.handorgel__header:hover {
  background: hsla(69, 9%, 28%, 0.5);
}
/** Content Slider **/
.swiper-navigation-icon {
  display: none;
  /* ab 5.6.4 - blendet den pref und next-Pfeil von https://swiperjs.com/ aus */
}
.swiper-horizontal .swiper-button-prev {
  left: 0;
  /* ab 5.6.4 */
  border: none;
}
.swiper-horizontal .swiper-button-next {
  right: 0;
  /* ab 5.6.4 */
  border: none;
}
.content-swiper {
  margin-bottom: 2rem;
}
.content-swiper:last-child {
  margin-block-end: 0;
}
.content-swiper * figure {
  margin-bottom: 0;
}
button.swiper-button-next,
button.swiper-button-prev {
  padding: 0 0.75em;
}
button.swiper-button-next:after,
button.swiper-button-prev:after {
  padding: 0;
  content: '';
}
.swiper-pagination-bullet {
  background: hsl(0, 0%, 100%);
  border: 1px solid hsl(32, 6%, 54%);
}
.swiper-pagination-bullets span:not(.swiper-pagination-bullet-active) {
  opacity: 0.5;
}
/* Content Slider mit Text und Bild */
.content-swiper * .swiper-slide,
.content-swiper * .content-text {
  border-radius: 0.4rem;
  overflow: hidden;
}
.swiper:has(.content-text.media--right, .content-text.media--left) {
  border-radius: 0.4rem;
}
.swiper:has(.content-text.media--right, .content-text.media--left) .content-text.media--right,
.swiper:has(.content-text.media--right, .content-text.media--left) .content-text.media--left {
  align-items: stretch;
  column-gap: 0;
}
.swiper:has(.content-text.media--right, .content-text.media--left) .content-text.media--right figure img,
.swiper:has(.content-text.media--right, .content-text.media--left) .content-text.media--left figure img {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}
.swiper:has(.content-text.media--right, .content-text.media--left) .rte {
  display: flex;
  flex-flow: column;
  align-content: center;
  justify-content: center;
  padding: 2em 2rem;
}
.swiper:has(.content-text.media--right, .content-text.media--left) button.swiper-button-next,
.swiper:has(.content-text.media--right, .content-text.media--left) button.swiper-button-prev {
  display: none;
}
.content-swiper:not(.content-slider-overlay):has(.content-text.media--right, .content-text.media--left) .swiper {
  background-color: hsl(0, 0%, 88%);
}
.content-swiper:not(.content-slider-overlay):has(.content-text.media--right, .content-text.media--left) .swiper-wrapper {
  margin-bottom: 0.5rem;
}
.content-swiper:not(.content-slider-overlay):has(.content-text.media--right, .content-text.media--left) .swiper-slide {
  padding-bottom: 2rem;
}
.content-swiper:not(.content-slider-overlay):has(.content-text.media--right, .content-text.media--left) .content-text.media--right,
.content-swiper:not(.content-slider-overlay):has(.content-text.media--right, .content-text.media--left) .content-text.media--left {
  background-color: hsl(0, 0%, 88%);
}
.content-swiper:not(.content-slider-overlay):has(.content-text.media--right, .content-text.media--left) .swiper-pagination-bullets.swiper-pagination-horizontal {
  bottom: 0.5rem;
}
.content-swiper:not(.content-slider-overlay):has(.content-text.media--right, .content-text.media--left) button.swiper-button-next,
.content-swiper:not(.content-slider-overlay):has(.content-text.media--right, .content-text.media--left) button.swiper-button-prev {
  border-radius: 0.4rem;
}
/* Content Slider mit Text über dem Bild */
.content-slider-overlay:has(.content-text.media--right, .content-text.media--left) .rte {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: hsla(0, 0%, 0%, 0.5);
  color: hsl(0, 0%, 100%);
  margin-top: 0;
  padding: 1em 1rem;
  overflow: auto;
}
.content-slider-overlay:has(.content-text.media--right, .content-text.media--left) img {
  width: 100%;
}
.content-gallery > ul li {
  float: none;
}
/* Bildelemente und Bildergalerie */
.content-element-group > .content-image {
  margin-top: 2em;
}
.content-gallery ul li,
.content-image ul li {
  list-style: none;
  padding-left: 0;
}
/* Bildergalerie Karusell */
.gallery-carousel {
  overflow-x: auto;
  position: relative;
  width: 100%;
}
.gallery-carousel ul {
  display: flex !important;
  flex-flow: row nowrap;
  width: 100%;
  column-gap: 1rem;
  overflow-x: scroll;
  scroll-snap-type: x mandatory;
}
.gallery-carousel ul li {
  min-width: clamp(15rem, 70%, 50rem);
  scroll-snap-align: center;
}
.gallery-carousel::after {
  font-family: 'Font Awesome 6 Free';
  font-style: normal;
  font-variant: normal;
  font-weight: 900;
  font: var(--fa-font-solid);
  line-height: 1.618;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  text-align: center;
  width: 1rem;
  font-size: 0.833em;
  content: "\f061";
  padding: 0 0 0 0.2rem;
  position: fixed;
  right: 0;
}
/** Module **/
/* Artikelliste horizontal mit Ankerlinks */
.artikelliste-horizontal {
  margin-bottom: 2em;
}
.artikelliste-horizontal ul {
  display: flex;
  flex-flow: row wrap;
  column-gap: 0.5rem;
  row-gap: 0.5em;
  margin-left: 0;
  padding-left: 0;
}
.artikelliste-horizontal ul li {
  background-color: hsl(65, 40%, 39%);
  border: 2px solid hsl(33, 11%, 84%);
  border-radius: 0.4rem;
  list-style: none;
  max-width: fit-content;
}
.artikelliste-horizontal ul li:hover {
  background-color: hsl(65, 98%, 34%);
  border-color: hsl(33, 11%, 84%);
}
.artikelliste-horizontal ul li a {
  color: hsl(0, 0%, 100%);
  display: inline-block;
  padding: 0.3em 1rem;
}
.artikelliste-horizontal ul li a:hover {
  color: hsl(33, 11%, 19%);
  text-decoration: none;
}
/* Buchnavigation, Artikelnavigation, Nachrichtennavigation */
.pagination ul {
  list-style: none;
  margin: 1em 0;
  padding-left: 0;
}
.pagination ul li {
  display: inline-block;
  margin: 0 1em 0 0;
  padding: 0;
}
.pagination ul .next:after,
.pagination ul .previous:before,
.pagination ul .first a::before,
.pagination ul .last a::after {
  font-family: 'Font Awesome 6 Free';
  font-style: normal;
  font-variant: normal;
  font-weight: 900;
  font: var(--fa-font-solid);
  line-height: 1.618;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  text-align: center;
  width: 1rem;
  font-size: 0.833em;
  margin-left: 2px;
  margin-right: 2px;
}
.pagination ul .next a::after {
  content: '\f105';
}
.pagination ul .previous a::before {
  content: '\f104';
}
.pagination ul .first a::before {
  content: '\f100';
}
.pagination ul .last a::after {
  content: '\f101';
}
.back {
  margin-top: 2em;
}
.pagination + .back {
  margin-top: 0;
}
.back a::before {
  font-family: 'Font Awesome 6 Free';
  font-style: normal;
  font-variant: normal;
  font-weight: 900;
  font: var(--fa-font-solid);
  line-height: 1.618;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  text-align: center;
  width: 1rem;
  font-size: 0.833em;
  content: '\f104';
}
.more a::after {
  font-family: 'Font Awesome 6 Free';
  font-style: normal;
  font-variant: normal;
  font-weight: 900;
  font: var(--fa-font-solid);
  line-height: 1.618;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  text-align: center;
  width: 1rem;
  font-size: 0.833em;
  content: '\f105';
}
/** Nachrichten und Event Styling, FAQ und Kommentare **/
.event.layout_teaser {
  padding-bottom: 2em;
}
.mod_newsarchive h2,
.layout_teaser h2 {
  font-size: 1.3em;
  line-height: 1.5;
  margin-top: 1em;
  margin-bottom: 1em;
}
.layout_latest .info::before,
.layout_full .info::before,
.mod_faqpage * .info::before,
.mod_faqreader > .info::before {
  font-family: 'Font Awesome 6 Free';
  font-style: normal;
  font-variant: normal;
  font-weight: 900;
  font: var(--fa-font-solid);
  line-height: 1.618;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  text-align: center;
  width: 1rem;
  font-size: 0.833em;
  content: '\f073';
  margin-right: 0.278rem;
}
/* Nachrichten und Event Anlagen Download-Element */
.layout_full .enclosure {
  margin-block-start: 1em;
  padding-left: 1.5rem;
}
/* Nachrichten News-Menü */
.mod_newsmenu ul {
  list-style: none;
  margin: 0;
}
.mod_newsmenu .year {
  margin: 0;
}
.mod_newsmenu a {
  text-decoration: none;
}
.mod_newsmenu a:hover,
.mod_newsmenu a:focus,
.mod_newsmenu strong.active {
  color: #D0BEAD;
}
/** Kommentare und Antworten - Grundeinstellungen **/
.ce_comments {
  border-top: 1px solid hsl(33, 11%, 84%);
}
.event.layout_full + .ce_comments {
  margin-top: 1em;
}
/* Kommentare und Antworten - einfach */
/* Kommentare und Antworten mit Sprechblase mit Hintergrundfarbe*/
/* Kommentare und Antworten mit Sprechblase mit Border */
.comment_default {
  border-bottom: 1px solid hsl(33, 11%, 84%);
  padding-bottom: 1em;
  position: relative;
}
.comment_default:first-child {
  margin-top: 0;
}
.comment_default .comment {
  border: 1px solid hsl(33, 11%, 84%);
  font-style: italic;
  padding: 1em 1rem;
  position: relative;
}
.comment_default .comment::after {
  content: ' ';
  position: absolute;
  left: 57px;
  right: auto;
  top: -10px;
  bottom: auto;
  border: 11px solid;
  border-color: hsl(65, 40%, 88%) transparent transparent hsl(65, 40%, 88%);
  height: 0;
  rotate: 45deg;
  width: 0;
}
.comment_default .comment::before {
  content: ' ';
  position: absolute;
  left: 57px;
  right: auto;
  top: -11.5px;
  bottom: auto;
  border: 11px solid;
  border-color: hsl(33, 11%, 84%) transparent transparent hsl(33, 11%, 84%);
  height: 0;
  rotate: 45deg;
  width: 0;
}
.comment_default .info {
  font-weight: 600;
}
.comment_default .reply {
  margin-left: 2rem;
}
.comment_default .reply .info {
  margin-top: 1em;
}
.comment_default + .comment_default {
  margin-top: 2em;
}
/** Events & Kalender **/
.calendar td {
  padding: 5px;
  height: 7em;
  min-width: 7rem;
}
.calendar .head {
  text-align: center;
}
.calendar .label {
  width: 14.25%;
  font-size: 1em;
}
.calendar .header {
  font-size: 1em;
  background-color: hsl(66, 39%, 81%);
  padding-left: 3px;
}
.calendar .empty .header {
  background-color: inherit;
}
.calendar .today .header {
  background-color: hsl(69, 9%, 28%);
  color: hsl(0, 0%, 100%);
  font-weight: 700;
}
.calendar .event {
  margin: 3px 0;
  line-height: 1.1;
  background-color: #fff;
  padding: 1px 4px 4px;
}
.calendar .event:hover {
  background-color: #eee;
}
.calendar .event a {
  font-size: 1em;
}
#kalender-block.block {
  overflow-x: auto;
}
.minicalendar {
  max-width: fit-content;
}
.minicalendar .head,
.minicalendar .label,
.minicalendar td {
  text-align: center;
}
.minicalendar .active {
  background: hsl(65, 40%, 39%);
}
.minicalendar .active a,
.minicalendar .active a:visited {
  color: hsl(0, 0%, 100%);
}
.event .info,
.event .time,
.event .location,
.event .date {
  color: hsl(32, 6%, 54%);
  font-size: 1em;
  margin-bottom: 0;
}
.event.layout_full > .content-text {
  margin-top: 2em;
}
.event.layout_full > .content-text > :first-child {
  margin-block-start: 0;
}
.location::before {
  font-family: 'Font Awesome 6 Free';
  font-style: normal;
  font-variant: normal;
  font-weight: 900;
  font: var(--fa-font-solid);
  line-height: 1.618;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  text-align: center;
  width: 1rem;
  font-size: 0.833em;
  content: '\f3c5';
  margin-right: 0.278rem;
}
.mod_eventlist {
  display: flex;
  flex-flow: column;
}
.mod_eventlist .header {
  border-top: solid 2px #cacaca;
  padding: 1em 0;
  margin-top: 2em;
}
.mod_eventlist .header span {
  font-size: 1em;
  font-family: 'Nunito Sans', Arial, Helvetica, sans-serif;
  font-weight: 700;
  font-style: normal;
}
.mod_eventlist .layout_upcoming {
  padding: 0.5em 0.25em;
  border-bottom: 1px solid hsl(33, 11%, 84%);
}
.mod_eventlist .layout_upcoming:nth-of-type(odd) {
  background: hsl(66, 39%, 81%);
}
.mod_eventlist .layout_upcoming:first-of-type {
  border-top: 1px solid hsl(33, 11%, 84%);
}
.mod_eventlist .layout_teaser {
  background-color: #eee;
  margin-bottom: 2em;
  position: relative;
}
.mod_eventlist .layout_teaser h3 {
  font-size: 1em;
  line-height: 1.5;
}
.mod_eventlist .layout_teaser .content-text {
  margin-bottom: 2.5em;
  min-height: 1.5em;
}
.mod_eventlist .layout_teaser .content-text > p:first-child {
  margin-top: 1em;
}
.mod_eventlist .layout_teaser .content-text:empty {
  margin-bottom: 1.5em;
}
.mod_eventlist .layout_teaser .content-text:last-child {
  margin-bottom: 0;
}
.mod_eventlist .layout_teaser p.more {
  margin-bottom: 1.5em;
  position: absolute;
  bottom: 0;
}
.mod_eventlist .layout_teaser img {
  width: 100%;
}
.mod_eventlist .event h4 {
  margin-top: 0;
}
.mod_eventlist .event a.event-titel::before {
  font-family: 'Font Awesome 6 Free';
  font-style: normal;
  font-variant: normal;
  font-weight: 900;
  font: var(--fa-font-solid);
  line-height: 1.618;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  text-align: center;
  width: 1rem;
  font-size: 0.833em;
  content: '\f05a';
  margin-right: 0.278rem;
  font-size: 1rem;
}
.mod_eventlist .event time::before {
  font-family: 'Font Awesome 6 Free';
  font-style: normal;
  font-variant: normal;
  font-weight: 900;
  font: var(--fa-font-solid);
  line-height: 1.618;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  text-align: center;
  width: 1rem;
  font-size: 0.833em;
  content: '\f073';
  margin-right: 0.278rem;
}
.mod_eventlist nav.pagination {
  margin-top: 2em;
}
.event .event-text {
  margin-bottom: 1em;
}
/** Ende Events & Kalender **/
.media.media--left > figure,
.media.media--right > figure,
.event * .float_left,
.event * .float_right,
.float_left,
.float_right {
  float: unset;
}
.media.media--below {
  display: flex;
  flex-flow: column wrap;
}
.media.media--below figure {
  order: 3;
}
#map {
  width: 100%;
  height: 30em;
}
video,
audio {
  width: 100%;
  height: auto;
  max-width: 100%;
}
video + figcaption,
audio + figcaption {
  margin-top: -0.55em;
}
figure:has(video) {
  border-radius: 0.4rem;
  overflow: hidden;
}
.content-youtube figure iframe {
  border-radius: 0.4rem;
}
.content-youtube figure iframe:has(+ figcaption) {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.content-youtube figure figcaption {
  position: absolute;
  bottom: -1.65em;
  left: 0;
  right: 0;
}
.download-element {
  list-style: disc;
  margin-left: 0;
}
.download-element figure img {
  border-radius: 0.4rem;
}
/* einzelnes Download-Element ohne Liste */
.content-download a::before {
  font-family: 'Font Awesome 6 Free';
  font-style: normal;
  font-variant: normal;
  font-weight: 900;
  font: var(--fa-font-solid);
  line-height: 1.618;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  text-align: center;
  width: 1rem;
  font-size: 0.833em;
  font-size: 1.5em;
  margin-right: 0.5rem;
}
.content-download.ext-jpg a::before,
.content-download.ext-png a::before,
.content-download.ext-gif a::before {
  content: '\f1c5';
  font-size: 1.5em;
}
.content-download.ext-pdf a::before {
  content: '\f1c1';
  font-size: 1.5em;
}
.content-download.ext-docx a::before {
  content: '\f1c2';
  font-size: 1.5em;
}
.content-download.ext-xlsx a::before {
  content: '\f1c3';
  font-size: 1.5em;
}
/* mehrere Donwloads-Element */
.content-downloads ul {
  margin-left: -0.45rem;
  padding-left: 1.9rem;
}
.content-downloads ul li {
  padding-left: 0.5rem;
}
ul li.ext-pdf::marker {
  font-family: 'Font Awesome 6 Free';
  font-style: normal;
  font-variant: normal;
  font-weight: 900;
  font: var(--fa-font-solid);
  line-height: 1.618;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  text-align: center;
  width: 1rem;
  font-size: 0.833em;
  content: '\f1c1';
  font-size: 1.5em;
}
ul li.ext-png::marker,
ul li.ext-jpg::marker,
ul li.ext-gif::marker {
  font-family: 'Font Awesome 6 Free';
  font-style: normal;
  font-variant: normal;
  font-weight: 900;
  font: var(--fa-font-solid);
  line-height: 1.618;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  text-align: center;
  width: 1rem;
  font-size: 0.833em;
  content: '\f1c5';
  font-size: 1.5em;
}
ul li.ext-docx::marker {
  font-family: 'Font Awesome 6 Free';
  font-style: normal;
  font-variant: normal;
  font-weight: 900;
  font: var(--fa-font-solid);
  line-height: 1.618;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  text-align: center;
  width: 1rem;
  font-size: 0.833em;
  content: '\f1c2';
  font-size: 1.5em;
}
ul li.ext-xlsx::marker {
  font-family: 'Font Awesome 6 Free';
  font-style: normal;
  font-variant: normal;
  font-weight: 900;
  font: var(--fa-font-solid);
  line-height: 1.618;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  text-align: center;
  width: 1rem;
  font-size: 0.833em;
  content: '\f1c3';
  font-size: 1.5em;
}
/** FAQ **/
.mod_faqlist ul li {
  margin-left: 0;
  padding-left: 0.5rem;
}
.mod_faqlist ::marker {
  font-family: 'Font Awesome 6 Free';
  font-style: normal;
  font-variant: normal;
  font-weight: 900;
  font: var(--fa-font-solid);
  line-height: 1.618;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  text-align: center;
  width: 1rem;
  font-size: 0.833em;
  content: '\f054';
  margin-right: 0.5rem;
}
/** Ende FAQ **/
/** HTML Sitemap **/
main .mod_sitemap {
  margin-top: 2em;
}
/*** Suchfunktion ***/
.mod_search {
  margin-top: 1.5em;
}
.mod_search .formbody {
  border: 1px solid hsl(33, 11%, 84%);
  padding: 1.1em;
}
.mod_search .header {
  margin-top: 2em;
  padding: 0.5em;
  text-align: center;
  background: hsla(69, 9%, 28%, 0.5);
  color: hsl(0, 0%, 100%);
}
.mod_search form * .widget-submit {
  display: block;
  margin-bottom: 1em;
}
.mod_search form * .widget-submit button {
  width: 100%;
}
.mod_search .search_default {
  border-bottom: 1px solid hsl(33, 11%, 84%);
  margin-bottom: 2em;
}
mark {
  background: hsl(69, 9%, 28%);
  color: hsl(0, 0%, 100%);
}
/* Suchformular Header */
header * #search-header {
  grid-area: search;
  align-self: center;
}
header * #search-header .formbody {
  display: flex;
  flex-flow: row nowrap;
  padding-right: 0.3rem;
}
header * #search-header .formbody .widget {
  display: flex;
  flex-flow: row nowrap;
}
header * #search-header .formbody input {
  border: none;
  background-color: hsl(0, 0%, 100%);
  font-size: 0.833em;
  margin: 0;
}
header * #search-header .formbody input.text {
  transition: all 0.5s ease 0s;
  width: 3rem;
}
header * #search-header .formbody input.text:focus {
  width: 10rem;
}
header * #search-header .formbody input.submit {
  font-size: 0.3em;
  margin: 0;
  padding-right: 0.3rem;
}
header * #search-header form {
  margin: 0 0 0 1em;
  background-color: hsl(0, 0%, 100%);
  border: 1px solid hsl(33, 11%, 84%);
  border-radius: 0.4rem;
}
header * #search-header form:has(input.text:focus) {
  border-color: hsl(33, 11%, 19%);
}
/*** Suchfunktion Ende ***/
/*** Beschreibungsliste ***/
.content-description-list dl {
  padding-top: 5px;
}
.content-description-list dt {
  font-weight: 600;
  margin-top: 1em;
  position: relative;
}
.content-description-list dt:before {
  content: ' ';
  width: 100%;
  border-top: 2px solid hsl(33, 11%, 84%);
  display: inherit;
  position: relative;
  top: -5px;
}
.content-description-list dt:first-child {
  margin-block-start: 0;
}
/***  Kontakt- und Loginformular und einfaches Suchfomular***/
.formbody {
  /* remove standard-styles */
  /* Korrektur Checkboxen Formular */
}
.formbody:has(#username) {
  margin-top: 1em;
}
.formbody .widget {
  display: flex;
  flex-flow: column;
}
.formbody .widget-submit {
  display: inline-block;
}
.formbody .widget-submit button {
  margin-top: 1em;
}
.formbody .mandatory,
.formbody [type='search'] {
  color: hsl(33, 11%, 19%);
}
.formbody .form_datenschutz_text p {
  color: hsl(33, 11%, 19%);
  margin-bottom: 0;
}
.formbody input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  font-size: 1em;
}
.formbody input,
.formbody textarea,
.formbody select {
  background-color: hsl(0, 0%, 100%);
  color: hsla(0, 1%, 39%, 0.57);
  margin-bottom: 1em;
  padding: 0.5em;
  border: 1px solid hsla(0, 1%, 39%, 0.57);
  border-radius: 0.4rem;
  outline: 0;
}
.formbody input[type='checkbox'],
.formbody #kissmyass_checkbox {
  border-radius: 0;
}
.formbody input:focus,
.formbody textarea:focus,
.formbody select:focus {
  border: 1px solid hsl(0, 0%, 5%);
  outline: 2px solid red;
}
.formbody input:focus-visible,
.formbody textarea:focus-visible,
.formbody select:focus-visible {
  outline-offset: 0;
}
.formbody [required],
.formbody [type='search'] {
  border: 1px solid hsl(329, 96%, 31%);
  background-color: hsl(65, 40%, 39%);
}
.formbody label[for='username'],
.formbody label[for='password'] {
  color: hsl(33, 11%, 19%);
}
.formbody #username,
.formbody #password,
.formbody #ctrl_oldpassword {
  border: 1px solid hsl(329, 96%, 31%);
  background: hsl(65, 40%, 39%);
  color: hsl(33, 11%, 19%);
}
.formbody input[type='checkbox']:checked,
.formbody input[type='checkbox']:not(:checked, #kissmyass_checkbox),
.formbody input[type='radio']:checked,
.formbody input[type='radio']:not(:checked) {
  background: transparent;
  position: relative;
  visibility: hidden;
  padding: 0;
}
.formbody .radio_container,
.formbody .checkbox_container {
  margin-bottom: 1em !important;
}
.formbody input[type='checkbox'] + label,
.formbody input[type='radio'] + label {
  cursor: pointer;
}
.formbody input[type='checkbox']:checked + label::before,
.formbody input[type='checkbox']:not(:checked) + label::before,
.formbody input[type='radio']:checked + label::before,
.formbody input[type='radio']:not(:checked) + label::before {
  content: ' ';
  display: inline-block;
  width: 1rem;
  height: 1em;
  position: relative;
  top: 4px;
  left: -0.3rem;
  border: 1px solid hsla(0, 1%, 39%, 0.57);
  background: hsl(0, 0%, 100%);
}
.formbody input[required][type='checkbox']:not(:checked) + label::before,
.formbody input[required][type='radio']:not(:checked) + label::before {
  border-color: hsl(329, 96%, 31%);
  background: hsl(65, 40%, 39%);
}
.formbody input[type=radio]:checked + label::before,
.formbody input[type=radio]:not(:checked) + label::before {
  border-radius: 30px;
}
.formbody input[type='checkbox']:hover + label::before,
.formbody input[type='radio']:hover + label::before {
  background: hsl(65, 40%, 39%);
  box-shadow: inset 0 0 0 2px white;
}
.formbody input[type='checkbox']:checked + label::before,
.formbody input[type='radio']:checked + label::before {
  background: hsl(33, 11%, 19%);
  box-shadow: inset 0 0 0 2px white;
}
.formbody .checkbox_container input {
  width: auto;
  margin-bottom: 0;
}
.formbody .checkbox_container label {
  display: inline;
  vertical-align: middle;
}
.formbody altcha-widget {
  margin-bottom: 1em;
  margin-top: 1em;
}
.formbody altcha-widget input {
  margin-bottom: 0;
}
.formbody p.error {
  color: hsl(0, 0%, 100%);
  background: hsl(0, 52%, 45%);
  border: 2px solid hsl(0, 92%, 19%);
  padding: 0.5em;
  margin: 0 0 0.25em 0;
}
/** Boxen mit Elementgruppe (Text- und Hyperlink-Element) **/
.boxen-2 > section > .inside-article,
.boxen-3 > section > .inside-article,
.boxen-4 > section > .inside-article {
  row-gap: 3em;
}
.boxen-2:is(.boxen-bg) > section > .inside-article,
.boxen-3:is(.boxen-bg) > section > .inside-article,
.boxen-4:is(.boxen-bg) > section > .inside-article {
  row-gap: 2em;
}
.boxen-2 .content-text > :first-child,
.boxen-3 .content-text > :first-child,
.boxen-4 .content-text > :first-child {
  margin-block-start: 0;
}
/* Boxen mit Elementgruppe und Hintergrundfarbe */
.boxen-2.boxen-bg .content-element-group,
.boxen-3.boxen-bg .content-element-group,
.boxen-4.boxen-bg .content-element-group {
  background-color: hsl(0, 0%, 88%);
  border: 1px solid hsl(33, 11%, 84%);
  border-radius: 0.4rem;
  box-shadow: 0 0 15px 0 hsla(0, 0%, 0%, 0.3);
  overflow: hidden;
}
.boxen-2.boxen-bg .content-element-group:hover:has(.content-hyperlink),
.boxen-3.boxen-bg .content-element-group:hover:has(.content-hyperlink),
.boxen-4.boxen-bg .content-element-group:hover:has(.content-hyperlink) {
  box-shadow: none;
}
.boxen-2.boxen-bg .content-element-group .content-text > *,
.boxen-3.boxen-bg .content-element-group .content-text > *,
.boxen-4.boxen-bg .content-element-group .content-text > * {
  padding: 0 2rem;
}
.boxen-2.boxen-bg .content-element-group .content-text > :first-child,
.boxen-3.boxen-bg .content-element-group .content-text > :first-child,
.boxen-4.boxen-bg .content-element-group .content-text > :first-child {
  margin-block-start: 1em;
}
.boxen-2.boxen-bg .content-element-group .content-hyperlink:last-child,
.boxen-3.boxen-bg .content-element-group .content-hyperlink:last-child,
.boxen-4.boxen-bg .content-element-group .content-hyperlink:last-child {
  margin-right: 2rem;
  margin-bottom: 2em;
  margin-left: 2rem;
}
.mod_article.boxen-bg * .content-element-group .content-text.media--above:has(figure:first-child) figure {
  padding: 0;
  margin-block-start: 0;
}
.mod_article.boxen-bg * .content-element-group .content-text.media--above:has(figure:first-child) figure img {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
/* Ansicht für kleine Tablets, iPad mini */
/*===================================================================*/
@media screen and (min-width: 30rem) {
  /** Button */
  .button-1 a,
  .button-2 a,
  .cta-block * .content-hyperlink a,
  button:not(.handorgel__header__button, .swiper-button-next, .swiper-button-prev, .nav-burger) {
    padding: 0.444em 2rem;
  }
  /**	Layout **/
  #main .inside-article,
  #main .article-teaser-box * .content-text {
    padding: 6em 1rem;
  }
  /** Grid 12 Spalten Layout **/
  #main > .inside > .mod_article > section > .inside-article,
  .media.media--left,
  .media.media--right,
  .mod_eventlist,
  .mod_faqreader .content-text,
  .mod_search form,
  #footer .inside,
  .content-element-group {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-auto-flow: row;
    column-gap: 2rem;
  }
  #main > .inside > .mod_article > section > .inside-article h1,
  #main > .inside > .mod_article > section > .inside-article h2,
  #main > .inside > .mod_article > section > .inside-article h3,
  #main > .inside > .mod_article > section > .inside-article h4,
  #main > .inside > .mod_article > section > .inside-article h5,
  #main > .inside > .mod_article > section > .inside-article h6,
  #main > .inside > .mod_article > section > .inside-article .content-text,
  #main > .inside > .mod_article > section > .inside-article .html-element,
  #main > .inside > .mod_article > section > .inside-article .content-accordion,
  #main > .inside > .mod_article > section > .inside-article .content-list,
  #main > .inside > .mod_article > section > .inside-article .content-description-list,
  #main > .inside > .mod_article > section > .inside-article .content-table,
  #main > .inside > .mod_article > section > .inside-article .content-code,
  #main > .inside > .mod_article > section > .inside-article .content-markdown,
  #main > .inside > .mod_article > section > .inside-article .content-hyperlink,
  #main > .inside > .mod_article > section > .inside-article .media,
  #main > .inside > .mod_article > section > .inside-article .content-swiper,
  #main > .inside > .mod_article > section > .inside-article .download-element,
  #main > .inside > .mod_article > section > .inside-article .content-downloads,
  #main > .inside > .mod_article > section > .inside-article .content-image,
  #main > .inside > .mod_article > section > .inside-article .content-gallery,
  #main > .inside > .mod_article > section > .inside-article .content-player,
  #main > .inside > .mod_article > section > .inside-article .content-youtube,
  #main > .inside > .mod_article > section > .inside-article .ce_form,
  #main > .inside > .mod_article > section > .inside-article .mod_customnav,
  #main > .inside > .mod_article > section > .inside-article .mod_quicknav,
  #main > .inside > .mod_article > section > .inside-article .mod_quicklink,
  #main > .inside > .mod_article > section > .inside-article .mod_booknav,
  #main > .inside > .mod_article > section > .inside-article .mod_articlenav,
  #main > .inside > .mod_article > section > .inside-article .mod_sitemap,
  #main > .inside > .mod_article > section > .inside-article .mod_newsarchive,
  #main > .inside > .mod_article > section > .inside-article .mod_newsmenu,
  #main > .inside > .mod_article > section > .inside-article .mod_newslist,
  #main > .inside > .mod_article > section > .inside-article .mod_newsreader,
  #main > .inside > .mod_article > section > .inside-article .mod_login,
  #main > .inside > .mod_article > section > .inside-article .mod_registration,
  #main > .inside > .mod_article > section > .inside-article .mod_lostPassword,
  #main > .inside > .mod_article > section > .inside-article .mod_personalData,
  #main > .inside > .mod_article > section > .inside-article .mod_changePassword,
  #main > .inside > .mod_article > section > .inside-article .mod_closeAccount,
  #main > .inside > .mod_article > section > .inside-article .mod_eventlist,
  #main > .inside > .mod_article > section > .inside-article .mod_calendar,
  #main > .inside > .mod_article > section > .inside-article .mod_eventreader,
  #main > .inside > .mod_article > section > .inside-article .mod_eventmenu,
  #main > .inside > .mod_article > section > .inside-article .mod_faqpage,
  #main > .inside > .mod_article > section > .inside-article .mod_faqpage .content-text,
  #main > .inside > .mod_article > section > .inside-article .mod_faqlist,
  #main > .inside > .mod_article > section > .inside-article .mod_faqreader,
  #main > .inside > .mod_article > section > .inside-article .mod_search,
  #main > .inside > .mod_article > section > .inside-article .mod_randomImage,
  #main > .inside > .mod_article > section > .inside-article .mod_articlelist,
  #main > .inside > .mod_article > section > .inside-article .mod_listing,
  #main > .inside > .mod_article > section > .inside-article .module-feed-reader,
  #main > .inside > .mod_article > section > .inside-article .event-text,
  #main > .inside > .mod_article > section > .inside-article .layout-upcoming,
  #main > .inside > .mod_article > section > .inside-article .empty,
  #main > .inside > .mod_article > section > .inside-article p.back {
    grid-column: 1 / span 12;
  }
  #main > .inside > .mod_article:not(.boxen-2,.boxen-3,.boxen-4) > section > .inside-article > .content-element-group {
    grid-column: 1 / span 12;
  }
  .col-1-3 {
    grid-column: 1 / span 3 !important;
  }
  .col-1-4 {
    grid-column: 1 / span 4 !important;
  }
  .col-1-5 {
    grid-column: 1 / span 5 !important;
  }
  .col-1-6 {
    grid-column: 1 / span 6 !important;
  }
  .col-1-8 {
    grid-column: 1 / span 8 !important;
  }
  .col-7-12 {
    grid-column: 7 / span 6 !important;
  }
  .col-9-12 {
    grid-column: 9 / span 4 !important;
  }
  .col-4-6 {
    grid-column: 4 / span 3 !important;
  }
  .col-4-12 {
    grid-column: 4 / span 9 !important;
  }
  .col-5-12 {
    grid-column: 5 / span 8 !important;
  }
  .col-6-12 {
    grid-column: 6 / span 7 !important;
  }
  .col-7-9 {
    grid-column: 7 / span 3 !important;
  }
  .col-10-12 {
    grid-column: 10 / span 3 !important;
  }
  /** Elemente **/
  .media.media--left figure {
    grid-column: 1 / span 12;
  }
  .media.media--left .rte {
    grid-column: 1 / span 12;
  }
  .media.media--right {
    grid-auto-flow: column;
  }
  .media.media--right figure {
    grid-column: 1 / span 12;
  }
  .media.media--right .rte {
    grid-column: 1 / span 12;
  }
  .media.media--right > figure + .rte,
  .media.media--left > figure + .rte {
    margin-top: 0;
  }
  .description-list-col-2-xs.content-description-list dl {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-auto-flow: row;
    column-gap: 2rem;
  }
  .description-list-col-2-xs.content-description-list dt {
    grid-column: 1 / span 2 !important;
  }
  .description-list-col-2-xs.content-description-list dd {
    grid-column: 3 / span 10 !important;
    margin-top: 1em;
  }
  .description-list-col-2-xs.content-description-list dd:first-of-type {
    margin-block-start: 0;
  }
  .description-list-col-2-s.content-description-list dl {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-auto-flow: row;
    column-gap: 2rem;
  }
  .description-list-col-2-s.content-description-list dt {
    grid-column: 1 / span 3 !important;
  }
  .description-list-col-2-s.content-description-list dd {
    grid-column: 4 / span 9 !important;
    margin-top: 1em;
  }
  .description-list-col-2-s.content-description-list dd:first-of-type {
    margin-block-start: 0;
  }
  .description-list-col-2-xs.content-description-list dd,
  .description-list-col-2-s.content-description-list dd {
    position: relative;
  }
  .description-list-col-2-xs.content-description-list dd:before,
  .description-list-col-2-s.content-description-list dd:before {
    border-top: 2px solid hsl(33, 11%, 84%);
    display: inherit;
    content: ' ';
    width: calc(100% + 2rem);
    position: absolute;
    top: -5px;
    right: 0;
    left: -2rem;
  }
  .mod_faqreader .content-text {
    grid-auto-flow: column;
  }
  .mod_faqreader .content-text > * {
    grid-column: 1 / span 12;
  }
  .mod_faqreader .content-text figure:is(.float_right) {
    grid-column: 9 / span 4 !important;
  }
  .mod_faqreader .content-text figure:is(.float_right) ~ *:is(div.faq_answer_text) {
    grid-column: 1 / span 8 !important;
  }
  .mod_faqreader .content-text figure:is(.float_left) {
    grid-column: 1 / span 4 !important;
  }
  .mod_faqreader .content-text figure:is(.float_left) ~ *:is(div.faq_answer_text) {
    grid-column: 5 / span 8 !important;
  }
  .event.layout_full .content-text {
    grid-auto-flow: column;
  }
  .event.layout_full figure.float_left {
    grid-column: 1 / span 4 !important;
  }
  .event.layout_full figure.float_right {
    grid-column: 9 / span 4 !important;
  }
  .event.layout_full figure.float_right + .event-text {
    grid-column: 1 / span 8 !important;
  }
  .event.layout_full figure.float_left + .event-text {
    grid-column: 5 / span 8 !important;
  }
  .event.layout_full figure.float_above,
  .event.layout_full figure.float_below {
    grid-column: 1 / span 12;
  }
  .mod_eventlist nav.pagination {
    grid-column: inherit;
  }
  .mod_eventlist .layout_upcoming,
  .mod_eventlist .header {
    grid-column: 1 / span 12;
  }
  .mod_eventlist .event.layout_teaser {
    grid-column: span 12;
    display: flex;
    flex-flow: column;
  }
  .mod_eventlist .event.layout_teaser .content-text {
    display: flex;
    flex-flow: column;
  }
  .content-gallery ul li,
  .content-gallery ul li figure,
  .content-image > figure {
    margin-bottom: 0;
  }
  .content-gallery ul li {
    grid-column: auto;
    grid-row: auto;
    margin-left: 0;
  }
  .content-gallery ul li img {
    width: 100%;
  }
  .content-gallery--cols-1 ul {
    display: grid;
    grid-auto-flow: row;
    column-gap: 2rem;
    row-gap: 2em;
    grid-template-columns: repeat(1, 1fr);
  }
  .content-gallery--cols-2 ul,
  .content-gallery--cols-3 ul,
  .content-gallery--cols-4 ul,
  .content-gallery--cols-5 ul,
  .content-gallery--cols-6 ul,
  .content-gallery--cols-7 ul,
  .content-gallery--cols-8 ul,
  .content-gallery--cols-9 ul,
  .content-gallery--cols-10 ul,
  .content-gallery--cols-11 ul,
  .content-gallery--cols-12 ul {
    display: grid;
    grid-auto-flow: row;
    column-gap: 2rem;
    row-gap: 2em;
    grid-template-columns: repeat(2, 1fr);
  }
  /** Content Slider **/
  .content-swiper:not(.content-slider-overlay) .swiper-pagination-bullets.swiper-pagination-horizontal {
    bottom: 0.5rem;
  }
  /** Boxen mit Elementgruppe (Text- und Hyperlink-Element) **/
  .boxen-2 .content-element-group,
  .boxen-3 .content-element-group,
  .boxen-4 .content-element-group {
    grid-column: span 12;
  }
  .boxen-2 .content-element-group .content-text.media.media--above + .button-1,
  .boxen-3 .content-element-group .content-text.media.media--above + .button-1,
  .boxen-4 .content-element-group .content-text.media.media--above + .button-1,
  .boxen-2 .content-element-group .content-text.media.media--above + .button-2,
  .boxen-3 .content-element-group .content-text.media.media--above + .button-2,
  .boxen-4 .content-element-group .content-text.media.media--above + .button-2,
  .boxen-2 .content-element-group .content-text.media.media--above + .button-no-bg,
  .boxen-3 .content-element-group .content-text.media.media--above + .button-no-bg,
  .boxen-4 .content-element-group .content-text.media.media--above + .button-no-bg {
    align-self: end;
  }
  /* Boxen in einem Content-Slider und Elementgruppen */
  .boxen-2 .swiper-slide > .content-element-group,
  .boxen-3 .swiper-slide > .content-element-group,
  .boxen-4 .swiper-slide > .content-element-group {
    grid-column: span 12;
    display: grid;
    grid-auto-flow: row;
    column-gap: 2rem;
    row-gap: 2em;
    background-color: transparent;
    border: none;
  }
  .boxen-2 .swiper-slide > .content-element-group > .content-element-group,
  .boxen-3 .swiper-slide > .content-element-group > .content-element-group,
  .boxen-4 .swiper-slide > .content-element-group > .content-element-group {
    grid-column: span 4;
  }
  /* 4 Boxen mit kleinen Icons und weniger Breite zentriert*/
  .boxen-4.col-3-10 .content-element-group {
    text-align: center;
  }
  /** Footer **/
  #footer .inside {
    padding: 6em 1rem;
  }
  #footer .box-1 {
    grid-column: 1 / span 6 !important;
  }
  #footer .box-2 {
    grid-column: 7 / span 6 !important;
  }
  #footer .box-3 {
    grid-column: 1 / span 6 !important;
  }
  #footer .box-4 {
    grid-column: 7 / span 6 !important;
  }
  #footer .inside > .box:nth-child(-n+2) > h2 {
    margin-block-start: 0;
  }
  #footer .icons-social-media {
    grid-column: 1 / span 12;
  }
  #footer .footer-made-by {
    grid-column: 1 / span 12;
  }
}
/* Ansicht für kleine Tablets, iPad mini */
/*===================================================================*/
@media screen and (min-width: 45rem) {
  /** Allgemein **/
  h1 {
    font-size: 3.5em;
  }
  h2 {
    font-size: 3.052em;
  }
  h3 {
    font-size: 2.441em;
  }
  h4 {
    font-size: 1.953em;
  }
  h5 {
    font-size: 1.563em;
  }
  h6 {
    font-size: 1.25em;
  }
  /** Footer **/
  #footer .box-1 {
    grid-column: 1 / span 3 !important;
  }
  #footer .box-2 {
    grid-column: 4 / span 3 !important;
  }
  #footer .box-3 {
    grid-column: 7 / span 3 !important;
  }
  #footer .box-4 {
    grid-column: 10 / span 3 !important;
  }
  #footer .inside > .box > h2:first-child {
    margin-block-start: 0;
  }
  #footer .icons-social-media {
    grid-column: 3 / span 8;
    text-align: center;
  }
  #footer .icons-social-media ul {
    justify-content: center;
  }
  #footer .footer-made-by {
    grid-column: 3 / span 8;
    text-align: center;
  }
  /* Bild-Elemente */
  .content-gallery--cols-3 ul,
  .content-gallery--cols-4 ul,
  .content-gallery--cols-5 ul,
  .content-gallery--cols-6 ul,
  .content-gallery--cols-7 ul,
  .content-gallery--cols-8 ul,
  .content-gallery--cols-9 ul,
  .content-gallery--cols-10 ul,
  .content-gallery--cols-11 ul,
  .content-gallery--cols-12 ul {
    display: grid;
    grid-auto-flow: row;
    column-gap: 2rem;
    row-gap: 2em;
    grid-template-columns: repeat(3, 1fr);
  }
  /** Content Slider **/
  /* Content Slider mit Text und Bild */
  .swiper:has(.content-text.media--right, .content-text.media--left) button.swiper-button-next,
  .swiper:has(.content-text.media--right, .content-text.media--left) button.swiper-button-prev {
    display: flex;
  }
  .swiper:has(.content-text.media--right, .content-text.media--left) .content-text.media--right figure img {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .swiper:has(.content-text.media--right, .content-text.media--left) .content-text.media--left figure img {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .content-swiper:not(.content-slider-overlay):has(.content-text.media--right, .content-text.media--left) button.swiper-button-next,
  .content-swiper:not(.content-slider-overlay):has(.content-text.media--right, .content-text.media--left) button.swiper-button-prev {
    bottom: 0;
    top: auto;
  }
  /* Content Slider mit Text über dem Bild */
  .content-slider-overlay:has(.content-text.media--right, .content-text.media--left) .rte {
    padding: 5em 5rem;
  }
  /** Nachrichten **/
  .layout_latest {
    grid-column: auto;
    grid-row: auto;
    margin-left: 0;
  }
  .layout_latest img {
    width: 100%;
  }
  .container_newsarticle {
    display: grid;
    grid-auto-flow: row;
    column-gap: 2rem;
    row-gap: 2em;
    grid-template-columns: repeat(2, 1fr);
  }
  .card {
    margin-bottom: 0;
  }
  /* Buchnavigation, Artikelnavigation, Nachrichtennavigation */
  .pagination {
    margin-top: 2em;
  }
  .mod_eventlist div.layout-upcoming {
    grid-column: span 6;
  }
  .mod_eventlist .event.layout_teaser {
    grid-column: span 6;
  }
  .ce_form.einfach,
  .mod_login,
  .mod_registration,
  .mod_personalData,
  .mod_changePassword,
  .mod_lostPassword,
  .mod_closeAccount {
    grid-column: 1 / span 6 !important;
  }
  .mod_search form .formbody {
    grid-column: span 8;
  }
  /** Boxen **/
  /* Veraltete Boxen Definitionen ohne Elementgruppen */
  /* 2 Boxen in einer Reihe mit Elementgruppe (Text- und Hyperlink-Element) */
  .boxen-2 .content-element-group,
  .boxen-3 .content-element-group,
  .boxen-4 .content-element-group {
    grid-column: span 6;
    column-gap: 0;
  }
  .boxen-2 .content-element-group .content-text.media.media--above,
  .boxen-3 .content-element-group .content-text.media.media--above,
  .boxen-4 .content-element-group .content-text.media.media--above {
    grid-column: span 12;
  }
}
/* Ansicht für Desktop-Monitore */
/*===================================================================*/
@media screen and (min-width: 60rem) {
  /** Grid **/
  .col-3-10 {
    grid-column: 3 / span 8 !important;
  }
  h1 {
    font-size: 3.815em;
  }
  /* Grid Modifikation */
  /* Text-Elemente */
  /* Beschreibungsliste */
  .description-list-col-2-xs.content-description-list dl {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-auto-flow: row;
    column-gap: 2rem;
  }
  .description-list-col-2-xs.content-description-list dt {
    grid-column: 1 / span 1 !important;
  }
  .description-list-col-2-xs.content-description-list dd {
    grid-column: 2 / span 11 !important;
  }
  .description-list-col-2-s.content-description-list dl {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-auto-flow: row;
    column-gap: 2rem;
  }
  .description-list-col-2-s.content-description-list dt {
    grid-column: 1 / span 2 !important;
  }
  .description-list-col-2-s.content-description-list dd {
    grid-column: 3 / span 10 !important;
  }
  .description-list-col-2-m.content-description-list dl {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-auto-flow: row;
    column-gap: 2rem;
  }
  .description-list-col-2-m.content-description-list dt {
    grid-column: 1 / span 4 !important;
  }
  .description-list-col-2-m.content-description-list dd {
    grid-column: 5 / span 8 !important;
    margin-top: 1em;
    position: relative;
  }
  .description-list-col-2-m.content-description-list dd:first-of-type {
    margin-block-start: 0;
  }
  .description-list-col-2-m.content-description-list dd:before {
    content: ' ';
    width: calc(100% + 2rem);
    border-top: 2px solid hsl(33, 11%, 84%);
    display: inherit;
    position: absolute;
    top: -5px;
    right: 0;
    left: -2rem;
  }
  .media.media--left figure {
    grid-column: 1 / span 6;
  }
  .media.media--left .rte {
    grid-column: 7 / span 6;
  }
  .media.media--right {
    grid-auto-flow: column;
  }
  .media.media--right figure {
    grid-column: 7 / span 6;
  }
  .media.media--right .rte {
    grid-column: 1 / span 6;
  }
  .bild-text-1-3.media.media--left figure {
    grid-column: 1 / span 5;
  }
  .bild-text-1-3.media.media--left .rte {
    grid-column: 6 / span 7;
  }
  .bild-text-1-3.media.media--right figure {
    grid-column: 8 / span 5;
  }
  .bild-text-1-3.media.media--right .rte {
    grid-column: 1 / span 7;
  }
  /* Content Slider mit Text und Bild */
  .content-swiper:not(.content-slider-overlay):has(.content-text.media--right, .content-text.media--left) .swiper {
    background-color: transparent;
  }
  .swiper:has(.content-text.media--right, .content-text.media--left) .content-text.media--right,
  .swiper:has(.content-text.media--right, .content-text.media--left) .content-text.media--left {
    min-height: 25em;
  }
  /* Content Slider mit Text über dem Bild */
  .content-slider-overlay:has(.content-text.media--right, .content-text.media--left) figure {
    grid-column: span 12;
  }
  .content-slider-overlay:has(.content-text.media--right, .content-text.media--left) .rte {
    padding: 5em 5rem;
  }
  .content-slider-overlay:has(.content-text.media--right, .content-text.media--left) .content-text.media--right .rte {
    left: 50%;
  }
  .content-slider-overlay:has(.content-text.media--right, .content-text.media--left) .content-text.media--left .rte {
    right: 50%;
  }
  /* Lightbox / Colorbox / Cbox */
  #colorbox [id="cboxClose"],
  #colorbox [id="cboxNext"],
  #colorbox [id="cboxPrevious"] {
    height: 2.5em;
    width: 2.5em;
  }
  /* Bild-Elemente */
  .content-gallery--cols-4 ul {
    display: grid;
    grid-auto-flow: row;
    column-gap: 2rem;
    row-gap: 2em;
    grid-template-columns: repeat(4, 1fr);
  }
  .content-gallery--cols-5 ul {
    display: grid;
    grid-auto-flow: row;
    column-gap: 2rem;
    row-gap: 2em;
    grid-template-columns: repeat(5, 1fr);
  }
  .content-gallery--cols-6 ul,
  .content-gallery--cols-7 ul,
  .content-gallery--cols-8 ul,
  .content-gallery--cols-9 ul,
  .content-gallery--cols-10 ul,
  .content-gallery--cols-11 ul,
  .content-gallery--cols-12 ul {
    display: grid;
    grid-auto-flow: row;
    column-gap: 2rem;
    row-gap: 2em;
    grid-template-columns: repeat(6, 1fr);
  }
  .gallery-carousel ul {
    column-gap: 2rem;
  }
  .container_newsarticle {
    display: grid;
    grid-auto-flow: row;
    column-gap: 2rem;
    row-gap: 2em;
    grid-template-columns: repeat(3, 1fr);
  }
  .mod_eventlist .layout_upcoming {
    grid-column: 1 / span 6;
  }
  .mod_eventlist .event.layout_teaser {
    grid-column: span 4;
  }
  .ce_comments .form {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-auto-flow: row;
    column-gap: 2rem;
  }
  .ce_comments .form form {
    grid-column: span 6;
  }
  /** Boxen **/
  /* 3 Boxen in einer Reihe mit Elementgruppe (Text- und Hyperlink-Element) */
  .boxen-3 .content-element-group {
    grid-column: span 4;
    column-gap: 0;
  }
  .boxen-4 .content-element-group {
    grid-column: span 3;
    column-gap: 0;
  }
}
/* Steuert den Wechsel von Mobile zu Desktop Navigation */
/*===================================================================*/
@media screen and (min-width: 1200px) {
  /* Header */
  #header {
    /*  Navigation*/
    /*  Main-Navigation*/
    /* Header Secondary-Navigation */
  }
  #header #nav-main,
  #header .nav-secondary,
  #header #search-header {
    display: flex;
  }
  #header #logo {
    grid-area: logo;
    align-self: center;
    justify-self: start;
  }
  #header #nav-main {
    grid-area: nav-main;
    align-self: end;
    margin-top: 1em;
  }
  #header .nav-secondary {
    grid-area: nav-secondary;
    align-self: center;
  }
  #header .inside {
    display: grid;
    width: 100%;
    grid-template-columns: 1fr 1fr auto;
    grid-template-rows: auto auto;
    grid-template-areas: "logo nav-secondary search" "logo nav-main nav-main";
    gap: 0;
    justify-items: end;
  }
}
/* Ansicht für grosse Desktop-Monitore */
/*===================================================================*/
@media screen and (min-width: 80rem) {
  /** Footer **/
  #footer .box-1 {
    grid-column: 1/4;
  }
  #footer .box-2 {
    grid-column: 4/7;
  }
  #footer .box-3 {
    grid-column: 7/10;
  }
  /** Main **/
  /* Beschreibungsliste */
  .description-list-col-2-m.content-description-list dl {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-auto-flow: row;
    column-gap: 2rem;
  }
  .description-list-col-2-m.content-description-list dt {
    grid-column: 1 / span 3 !important;
  }
  .description-list-col-2-m.content-description-list dd {
    grid-column: 4 / span 9 !important;
  }
  /* Bild-Elemente */
  .content-gallery--cols-7 ul {
    display: grid;
    grid-auto-flow: row;
    column-gap: 2rem;
    row-gap: 2em;
    grid-template-columns: repeat(7, 1fr);
  }
  .content-gallery--cols-8 ul {
    display: grid;
    grid-auto-flow: row;
    column-gap: 2rem;
    row-gap: 2em;
    grid-template-columns: repeat(8, 1fr);
  }
  .content-gallery--cols-9 ul {
    display: grid;
    grid-auto-flow: row;
    column-gap: 2rem;
    row-gap: 2em;
    grid-template-columns: repeat(9, 1fr);
  }
  .content-gallery--cols-10 ul {
    display: grid;
    grid-auto-flow: row;
    column-gap: 2rem;
    row-gap: 2em;
    grid-template-columns: repeat(10, 1fr);
  }
  .content-gallery--cols-11 ul {
    display: grid;
    grid-auto-flow: row;
    column-gap: 2rem;
    row-gap: 2em;
    grid-template-columns: repeat(11, 1fr);
  }
  .content-gallery--cols-12 ul {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-auto-flow: row;
    column-gap: 2rem;
    row-gap: 2em;
  }
  /** Card **/
  .card-bg-padding {
    padding: 1em 3rem 2em 3rem;
  }
  .card,
  .event.layout_teaser {
    padding: 1em 3rem 2em 3rem;
  }
  .card figure,
  .event.layout_teaser figure {
    margin: calc(1em * -1) calc(3rem * -1) auto calc(3rem * -1);
  }
  .card p.info,
  .event.layout_teaser p.info {
    margin: 0 calc(3rem * -1) 1.618em calc(3rem * -1);
  }
  /** Boxen **/
  .boxen-2.boxen-bg .content-element-group .content-text > *,
  .boxen-3.boxen-bg .content-element-group .content-text > *,
  .boxen-4.boxen-bg .content-element-group .content-text > * {
    padding: 0 3rem;
  }
  .boxen-2.boxen-bg .content-element-group .content-hyperlink:last-child,
  .boxen-3.boxen-bg .content-element-group .content-hyperlink:last-child,
  .boxen-4.boxen-bg .content-element-group .content-hyperlink:last-child {
    margin-right: 3rem;
    margin-left: 3rem;
  }
}