/* titillium-web-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 300;
  src: url('../Fonts/titillium-web-v19-latin-300.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../Fonts/titillium-web-v19-latin-300.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

/* titillium-web-300italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Titillium Web';
  font-style: italic;
  font-weight: 300;
  src: url('../Fonts/titillium-web-v19-latin-300italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../Fonts/titillium-web-v19-latin-300italic.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

/* titillium-web-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 400;
  src: url('../Fonts/titillium-web-v19-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../Fonts/titillium-web-v19-latin-regular.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

/* titillium-web-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Titillium Web';
  font-style: italic;
  font-weight: 400;
  src: url('../Fonts/titillium-web-v19-latin-italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../Fonts/titillium-web-v19-latin-italic.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

/* titillium-web-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 700;
  src: url('../Fonts/titillium-web-v19-latin-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../Fonts/titillium-web-v19-latin-700.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

/* titillium-web-700italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Titillium Web';
  font-style: italic;
  font-weight: 700;
  src: url('../Fonts/titillium-web-v19-latin-700italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../Fonts/titillium-web-v19-latin-700italic.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

.font-mazurquica {
  font-family: 'mazurquica-vf', 'Titillium Web', Arial, sans-serif !important;
  font-weight: 900;
}

/* ----------------------- Farben ---------------------- */
:root {
  --color-hellgelb: #ffed00;
  --color-gelb: #f2ca08;
  --color-gold: #ac8515;
  --color-tuerkis: #009794;
  --color-violett: #543789;
  --color-grau: #4b4b4d;
  --color-hellgrau: #9c9d9d;
  --color-schwarz: #000;
  --color-weiss: #FFF;
}

.color-hellgelb {
  color: var(--color-hellgelb);
}
.color-gelb {
  color: var(--color-gelb);
}
.color-gold {
  color: var(--color-gold);
}
.color-tuerkis {
  color: var(--color-tuerkis);
}
.color-violett {
  color: var(--color-violett);
}
.color-grau {
  color: var(--color-grau);
}
.color-hellgrau {
  color: var(--color-hellgrau);
}
.color-schwarz {
  color: var(--color-schwarz);
}
.color-weiss {
  color: var(--color-weiss);
}

.bgcolor-gelb {
  background-color: var(--color-gelb);
}
.bgcolor-gold {
  background-color: var(--color-gold);
}
.bgcolor-tuerkis {
  background-color: rgba(0,151,148,0.8);
}
.bgcolor-violett {
  background-color: rgba(84,55,137,0.6);
}

.bigger {
  font-size: 120%;
}
h2 .bigger {
  font-size: 175%;
  line-height: 0.75;  
}
@media(min-width:1200px) {
  h2 .bigger { font-size: 200%; }  
}
@media(min-width:1400px) {
  h2 .bigger { font-size: 225%; }  
}
@media(min-width:1600px) {
  h2 .bigger { font-size: 275%; }  
}

/* --------------------------------------------- */


html {
  font-size: 100%;
  line-height: 1.2;
}
body, .ck-editor__main .ck-content {
  font-family: 'Titillium Web', Arial, sans-serif;
  font-size: 1rem;  
  line-height: 1.4;  
  color: var(--color-grau);
}
@media(min-width: 1024px) {
  body, .ck-editor__main .ck-content {
    font-size: 1.25rem;  
  }
}
.ck-content p,
.ck-content ul,
.ck-content table,
.ck-content h2,
.ck-content h3,
.ck-content h4,
.ck-content h5 {
  padding: 10px;
  font-family: 'Titillium Web', Arial, sans-serif !important;
  font-size: 1rem !important;  
  line-height: 1.4 !important;    
}

body.onlycontent,
body.onlycontent #page,
.fancybox-iframe {
  background-color: transparent !important;
}

img, embed, object, video {
  max-width: 100%;
  height: auto;
  width: auto;
}
img[data-htmlarea-file-table="sys_file"] {
  width: revert-layer;
}
iframe {
  display: block;
}

.video-embed,
.mediaelement-video {
  position: relative;
  padding-bottom: 56.25%; /* Default for 1600x900 videos 16:9 ratio*/
  padding-top: 0px;
  height: 0;
  overflow: hidden;
}
.video-embed iframe,
.mediaelement-video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

/* ----------------------- Container ---------------------- */

#noscript {
  position: fixed;
  z-index: 1000;
  top: 0;
  left: 0;
  background: #ffb400;
  color: #fff;
  font-size: 1.2rem;
  padding: 10px;
  width: 100%;
}
.page-loading {
  position: fixed;
  z-index: 0;
  width: 64px;
  height: 64px;
  top: 50%;
  left: 50%;
  margin: -32px 0 0 -32px;
  -webkit-animation: spin 500ms linear infinite;
  -moz-animation: spin 500ms linear infinite;
  animation: spin 500ms linear infinite;
}
@-webkit-keyframes pulse {
    0% { -webkit-transform: scale(1); }
    50% { -webkit-transform: scale(0.9); }
    100% { -webkit-transform: scale(1); }
}
@keyframes pulse {
    0% { transform: scale(1); }
    50% { transform: scale(0.8); }
    100% { transform: scale(1); }
}
@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }


#page {
  position: relative;
  z-index: 1;
  text-align: center;
  background: #FFF;  
  min-width: 360px;
}

.container-fluid {
  max-width: 1560px;
  text-align: left;
  --bs-gutter-x: 50px;  
}
.container-fluid .container-fluid {
  min-width: 0;
  --bs-gutter-x: 0;  
}
/* volle Bildschrimbreite */
.frame-layout-1 > .container-fluid {
  max-width: 100%;
}

/* schmaler Container */
.frame-layout-2 > .container-fluid,
.container-fluid.schmal {
  max-width: 991px;
}

.onlycontent .container-fluid {
  max-width: 1280px;
}

.row:not(.g-0) {
  margin-left: -15px;
  margin-right: -15px;
}
.row:not(.g-0) > * {
  padding-right: 15px;
  padding-left: 15px;
}

div.no-padding {
  padding: 0 !important;
}


.pageheader {
  position: fixed;
  top: 0;
  width: 100%;
  min-width: 360px;
  z-index: 10;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  height: 118px;
  overflow: visible;
  transition: all 300ms ease;
}
.scrolled .pageheader {
  background: #fff;
  height: 74px;
  box-shadow: 0 0 10px rgba(0,0,0,0.2);
}

.pageheader .col_left {

}
.pageheader .col_right {

  align-items: center;
  /*! justify-content: center; */
  display: flex;
}
.pageheader .col_right > * {
  display: block;
}

.headerholder {
  position: relative;  
  z-index: -1;   
}
#home .headerholder {
  display: none !important;
}

a#home_link {
  position: relative;
  clear: both;
  display: inline-block;
  border: 1px solid transparent; 
  padding: 18px 20px;
  transition: all 300ms ease;
}
a#home_link img {
  transition: all 300ms ease;
  width: 100px;
}
.scrolled a#home_link {
  padding: 10px 20px;  
}
.scrolled a#home_link img {
  width: 65px;
}

@media(min-width: 800px) {
  body#home a#home_link {
    position: absolute;
    top: 10px;
    left: 10px;
  }
  body#home a#home_link img {
    width: 200px;
  }
}
@media(min-width: 1200px) {
  body#home a#home_link {
    top: 20px;
    left: 20px;
  }
  body#home a#home_link img {
    width: 280px;
  }
}
body#home .scrolled a#home_link {
  position: relative;
  top: -5px;
  left: 0px;
}  
body#home .scrolled a#home_link img {
  width: 65px;
}

a#home_link:focus {
  background: rgba(0,0,0,0.1);
}

#nav {
  margin: 10px 25px 10px 10px;
}

#buehne {
  clear: both;
  position: relative;
  z-index: 1;
  /*min-height: 200px;*/
}

#title {
  position: absolute;
  left: -999999px;
  top: -9999999px;
}

#breadcrumb {
  margin: 2.5% 0px 0px 1.5%;
  font-size: 0.8rem;
  text-align: left;
  display: none;
}
#breadcrumb .arrow:before {
  content: ' \2192 ';
  padding: 0 5px;
}

#content {
  position: relative;
  z-index: 2;
}

#main > .frame-type-ce_container {
  padding: 5em 0;
}
.onlycontent #main > .frame-type-ce_container {
  padding: 30px 0; 
}

#main > .frame-space-before-extra-small { margin-top: 1em; }
#main > .frame-space-before-small { margin-top: 2em; }
#main > .frame-space-before-medium { margin-top: 3em; }
#main > .frame-space-before-large { margin-top: 4em; }
#main > .frame-space-before-extra-large { margin-top: 5em; }
#main > .frame-space-after-extra-small { margin-bottom: 1em; }
#main > .frame-space-after-small { margin-bottom: 2em; }
#main > .frame-space-after-medium { margin-bottom: 3em; }
#main > .frame-space-after-large { margin-bottom: 4em; }
#main > .frame-space-after-extra-large { margin-bottom: 5em; }

/* Hintergruende */
#main > .frame-layout-9 {
  background: url("gfx/bg_grunge_grau.jpg") top left no-repeat;
  background-size: 100%;
}
#main > .frame-layout-10 {
  background: url("gfx/bg_grunge_gelb.png") top left no-repeat;
  background-size: 100%;
}
#main > .frame-layout-11 {
  background: url("gfx/bg_grunge_gelb_2.jpg") top left no-repeat;
  background-size: 100%;
}
#main > .frame-layout-12 {
  background: url("gfx/bg_grunge_gelb_header.jpg") top left no-repeat;
  background-size: 100%;
}
#main > .frame-layout-13 {
  background: url("gfx/bg_grunge_gelb_footer.jpg") bottom left no-repeat;
  background-size: 100%;
}
#main > .frame-layout-14 {
  background: url("gfx/bg_grunge_gold.jpg") top left no-repeat;
  background-size: 100%;
}
#main > .frame-layout-15 {
  background: url("gfx/bg_grunge_tuerkis.jpg") top left no-repeat;
  background-size: 100%;
}

#page > footer {
  padding: 3% 0;
  background: var(--color-hellgrau);
  font-family: 'mazurquica-vf', 'Titillium Web', Arial, sans-serif;      
  font-weight: 500;
  text-transform: uppercase; 
  letter-spacing: 0.1rem;  
  color: #000;
}

#page > footer a {
  color: #000;
  display: block;
}

#page > footer a:focus,
#page > footer a:hover,
.sitemap .cookie-consent-open:hover,
.sitemap .cookie-consent-open:focus{
  color: var(--color-violett);
  text-decoration: none;
}

.footer-logo img {
  max-width: 200px;
}

.sitemap {
  padding-top: 20px;
  padding-bottom: 20px;
}
.sitemap .ce-col {
  padding-bottom: 20px;
}
.sitemap h4 {
  letter-spacing: 0.15rem; 
}

.modal-content,
.consent-modal {
  text-align: left;
}

.sitemap ul {
  margin: 0;
}
.sitemap .cookie-consent-open,
.sitemap .cookie-consent-open:hover,
.sitemap .cookie-consent-open:focus {
  padding: 0;
  background: transparent;
  border: 0;
  font-weight: 500;
  line-height: 1.4;
  text-align: left;
}

.sitemap .frame-type-mindshapecookieconsent_consent > .container {
  margin: 0;
}

@media (max-width: 575px) {
  .col-xs-6 {
    width: 50%;
  }
}


/* ----------------------- Navigation ---------------------- */

#nav_button {
  position: relative;
  z-index: 2;
  left: 0px;
  height: 60px;
  padding: 0 50px 0 10px;
  font-size: 1.2rem;
  text-transform: uppercase;
  line-height: 60px;
  background: #000;
  color: #FFF;
  border: 0;
  cursor: pointer;
  display: block;
  transition: all 300ms ease;
}
#nav_button:focus {
  background-color: var(--color-gold);
}
/* burger menu */
#nav_button .btn-toggle {
  position: absolute;
  display: block;
  background-color: #FFF;
  top: 50%;
  right: 10px;
  margin-top: -1px;
  z-index: 1;
  width: 40px;
  height: 3px;
  transition: all 0.3s ease 0s;
}
#nav_button .btn-toggle:before,
#nav_button .btn-toggle:after {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: rotate(0);
  -moz-transform: rotate(0);
  -ms-transform: rotate(0);
  -o-transform: rotate(0);
  background-color: #FFF;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
#nav_button .btn-toggle:before { top: -11px; }
#nav_button .btn-toggle:after { bottom: -11px; }

/* open */
#nav_button.open {
  background-color: var(--color-gold);
}
#nav_button.open .btn-toggle {
  background-color: transparent;
  box-shadow: none;
}
#nav_button.open .btn-toggle:before {
  background-color: #000 !important;
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 0 !important;
  box-shadow: none;
}
#nav_button.open .btn-toggle:after {
  background-color: #000 !important;
  -moz-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  bottom: 0 !important;
  box-shadow: none;
}

.scrolled #nav_button {
  padding: 0 40px 0 10px;  
  height: 42px;
  line-height: 42px;
}
.scrolled #nav_button .btn-toggle {
  right: 10px;
  width: 30px;
}
.scrolled #nav_button .btn-toggle:before { top: -9px; }
.scrolled #nav_button .btn-toggle:after { bottom: -9px; }


#nav > ul {
  position: absolute;
  z-index: 0;
  top: 0;
  right: -100vw;
  padding: 100px 100px 50px 50px;
  width: auto;
  min-height: 100vh;
  background: var(--color-gold);
  font-family: 'mazurquica-vf', 'Titillium Web', Arial, sans-serif;    
  text-align: left; 
  transition: all 500ms ease;
}
#nav > ul.show {
  right: 0;
}
.scrolled #nav > ul {
  padding-top: 70px;
}
#nav > ul::after {
  position: absolute;
  z-index: -2;
  top: 0px;
  left: -100px;
  content: "";
  display: block;
  width: 100px;
  height: 100%;
  background: var(--color-gold);
  transform: skewX(-5deg) translateX(50%);
}


#nav li {
  display: block;
}

#nav li > a {
  font-size: 250%;
  line-height: 1.1;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.5rem;
  color: #000;
  transition: all 200ms ease;
  white-space: nowrap;
}
#nav li:hover > a,
#nav li > a:focus,
#nav li.active > a,
#nav li.open > a {
  color: #FFF;
  text-decoration: none;
  outline: 0;
}
#nav li li.ifsub > a::after {
  display: none;
}

#nav li.ifsub > a > span {
  display: inline-block;
  margin-left: 10px;
  /*! width: 40px; */
  /*! height: 30px; */
  /*! line-height: 30px; */
  /*! text-align: center; */
}
#nav li.ifsub > a > span:after {
  display: block;
  font-family: 'Font Awesome 6 Free';
  font-weight: 900;
  font-size: 80%;
  content: "\f054";
  transition: all 0.3s ease-in-out;
}
#nav li.ifsub.open > a > span:after {
  transform: rotate(90deg);
}

/* 2.Ebene */
#nav li > ul,
#nav li:hover > ul,
#nav li.active > ul {
  display: block;
  max-height: 0;
  padding: 0;
  opacity: 1;
  visibility: visible;
  overflow: hidden;
  -webkit-transition: all 0.5s ease-in-out;
      -moz-transition: all 0.5s ease-in-out;
      -ms-transition: all 0.5s ease-in-out;
        -o-transition: all 0.5s ease-in-out;
          transition: all 0.5s ease-in-out;
}
#nav li.open > ul {
  max-height: 700px;
  padding: 10px 0 20px;
}

#nav li li > a {
  font-size: 150%;
  line-height: 1.4;
  font-weight: 500;
  letter-spacing: 3px;
}


/* Headerbild */

.buehnenbild {
  text-align: center;
  overflow: hidden;
  position: relative;
}
.buehnenbild .bgimage {
  width: 100%;
  height: 100%;
  max-height: 720px;   
  object-fit: cover;
  object-position: center;
  display: block;
}
.buehnenbild.schmal .bgimage {
  max-height: 300px;
}
.buehnenbild h1 {
  position: absolute;
  top: 50%;
  width: 100%;
  color: rgba(255,255,255,0.6);
  font-size: 10vw;
  letter-spacing: 1vw;
  transform: translateY(-50%);
}
@media(min-width: 1840px) {
  .buehnenbild h1 {
    font-size: 11rem;    
  }
}


/* CTA BANNER */

.ctabanner {
  position: relative;
  overflow: hidden;
}
.ctabanner .bgimage {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%; 
  height: 100%;
  display: block;
  object-fit: cover;
  object-position: center;  
}
.ctabanner .content {
  position: relative;
  left: 0;
  z-index: 2;
  color: #FFF;
  text-align: left;  
  max-width: 600px;
  width: 45%;
  min-width: 300px;
}
.ctabanner.text-right .content {
  left: 45%;
  width: 55%;
}
.ctabanner .content .overlay {
  position: absolute;
  z-index: -1;
  display: block;
  width: 125%;
  height: 100%;
  transform: skewX(-10deg) translateX(-15%);    
  /*! max-width: 800px; */
}
.ctabanner.text-right .content .overlay {
  transform: skewX(-10deg) translateX(-10%);   
}
/*
.ctabanner .content.bgcolor-violett .overlay {
  background: var(--color-violett);   
}
.ctabanner .content.bgcolor-gold .overlay {
  background: var(--color-gold);   
}
.ctabanner .content.bgcolor-gelb .overlay {
  background: var(--color-gelb);   
}
*/
.ctabanner .content.gelb { 
  color: #000;
}

.ctabanner .content .wrap {
  padding: 10%;
}
.ctabanner .content h2 {
  font-size: 400%;
  color: #FFF;
  line-height: 0.8;
}
.ctabanner .content h2 span {
  display: block;
  padding-left: 2rem;
}
@media(min-width: 640px) {
  .ctabanner .content h2 {
    font-size: 10vw;
  }  
  .ctabanner .content h2 span {
    padding-left: 4vw;
  }  
}
@media(min-width: 1024px) {
  .ctabanner.text-right .content {
    left: 53%;
    width: 45%;
  }  
}
@media(min-width: 1600px) {
  .ctabanner .content h2 {
    font-size: 800%;
  }  
  .ctabanner .content h2 span {
    padding-left: 4rem;
  }  
}

/* Swiper Slider and Slider Cards */
.ce-slider {
  padding: 15px 0 80px !important; 
}
.swiper-wrapper {
  align-items: stretch;
}
.swiper-slide {
  height: auto !important;
  display: flex !important;
}
.swiper-slide > * {
  flex: 1;
  display: flex;
  flex-direction: column;
}

.slidercard {
  position: relative;
  overflow: hidden;
}
.slidercard > a,
.slidercard > a:hover,
.slidercard > a:focus {
  display: block;
  color: inherit;  
  text-decoration: none;
  height: 100%;
}
.slidercard .card-inner {
  height: 100%;
  transition: all 300ms ease;
}
.slidercard a:hover .card-inner,
.slidercard a:focus .card-inner {
  box-shadow: 0 0 15px rgba(0,0,0,0.2) inset;
}
.slidercard .card-inner > img {
  transition: all 300ms ease; 
}
.slidercard a:hover .card-inner > img,
.slidercard a:focus .card-inner > img{
  transform: scale(1.05);
}

.slidercard:hover .bgcolor-tuerkis,
.slidercard:focus .bgcolor-tuerkis,
.slidercard:hover .bgcolor-gold,
.slidercard:focus .bgcolor-gold,
.slidercard:hover .bgcolor-gelb,
.slidercard:focus .bgcolor-gelb {
  color: #000;
}
.slidercard:hover .bgcolor-violett,
.slidercard:focus .bgcolor-violett {
  color: #FFF;
}

.slidercard .card-inner .bg {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  opacity: 0.7;
  transition: all 300ms ease;  
}

.slidercard:hover .bgcolor-tuerkis .bg,
.slidercard:focus .bgcolor-tuerkis .bg {
  background-color: var(--color-tuerkis);
}
.slidercard:hover .bgcolor-violett .bg,
.slidercard:focus .bgcolor-violett .bg {
  background-color: var(--color-violett);
  opacity: 0.6;
}
.slidercard:hover .bgcolor-gold .bg,
.slidercard:focus .bgcolor-gold .bg {
  background-color: var(--color-gold);
}
.slidercard:hover .bgcolor-gelb .bg,
.slidercard:focus .bgcolor-gelb .bg {
  background-color: var(--color-gelb);
}

.slidercard .content {
  padding: 50px 20px;  
  hyphens: auto;
}
.slidercard .plus {
  position: absolute;
  bottom: -50px;
  right: -50px;
  opacity: 0;
  transition: all 300ms ease;
}
.slidercard > a:hover .plus,
.slidercard > a:focus .plus {
  bottom: 35px;
  right: 20px;
  opacity: 1;
}
.slidercard .plus::before,
.slidercard .plus::after {
  display: block;
  content: "";
  width: 100%;
  height: 2px;
  background: #000;
  width: 30px;
}
.slidercard .plus::after {
  transform: rotate(90deg);
  margin-top: -2px;
}

/* Swiper Controls */
.swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
  bottom: 15px !important;
}
.swiper-pagination-bullet {
  height: 10px !important; 
  width: 10px !important;
  background: #FFF !important;
  border: 1px solid #000 !important;
  opacity: 1 !important;
}
.swiper-pagination-bullet:hover,
.swiper-pagination-bullet:focus {
  background: var(--color-violett) !important;  
}
.swiper-pagination-bullet-active {
  background: #000 !important;  
}

.swiper-button-next,
.swiper-button-prev {
  top: auto !important;
  left: 0 !important;
  bottom: 1px;
  width: 60px !important;
  height: 60px !important;
  border: 1px solid var(--color-violett);
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKAAAABABAMAAABvpWGcAAAAIVBMVEUAAABYNItYNItYNItYNItYNItYNItYNItYNItYNItYNIubNMheAAAACnRSTlMA8CBpeQ1e5J9qCDQ2VAAAAHNJREFUWMPt2CEKhQAURNGBDx+rwS6uwGwyuxRX4xZERZhVKlbBNEHw3gU8TnhpdOs/KVu3KtrP7rNAuw0DF4AAAQIECBAgwCfgXKaqLmCwTZK9Zw+OaWFhr02qWmeD3erVf6gOIkSIECFChPgZYv+qde4AU9kXJtnz7LMAAAAASUVORK5CYII=) no-repeat;  
  background-position: 20px center;
  background-size: 40px 16px !important;
  transition: all 300ms ease;
}
.swiper-button-next, .swiper-rtl .swiper-button-prev {
  right: auto;
  left: 70px !important;
  transform: rotate(180deg);
}
.swiper-button-prev::after, .swiper-rtl .swiper-button-next::after,
.swiper-button-next::after, .swiper-rtl .swiper-button-prev::after {
  content: "" !important;
}
.swiper-button-next::after, .swiper-rtl .swiper-button-prev::after {
  right: auto;
  left: 0;
}

.swiper-button-next:hover,
.swiper-button-prev:hover {
  background: var(--color-violett) url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKAAAABACAMAAACqVYydAAAAS1BMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////+DmQsHAAAAGHRSTlMAoGDKCRXTvg8GG92ypvLkJDfGl61/KrR6qMe1AAAA1klEQVRo3u3a7QqCMBiG4cfm57RVprXzP9JIEKRfgUH33HsfwYWgc9urL/LuJnK+j4EsrOoYY3iI2uKLQydoafgauq8UtJbuc+bb7xvhPtcKWkn3NeY7vq+uBI3u655w32C+/b6e7vOiNsF9Z/Md33e5ihrdd3/7wnxitfUh+3h+EZfWZjpQbhFOBSxthPCXWCrwQvqHcBVylzr+YmzCHH75kxFyt50mzOHwKB0h9wDThD8RjnQh/SKHfxXGv0w0YQ4jAekIuWMpyQjBo1FSBR8u+/N43gvRI0ketGbvAgAAAABJRU5ErkJggg==) no-repeat;
  background-position: 18px center;
}


/* Slider Gallery */
.slider-gallery-image .image.portrait {
  max-width: 600px;
}
.slider-gallery-image .image.landscape {
  max-width: 800px;
}
.slider-gallery-image .image {
  position: relative;
  margin-bottom: 20px;
  overflow: hidden;
}
.slider-gallery-image .image img {
  transition: all 300ms ease;  
}
.slider-gallery-image a:hover img,
.slider-gallery-image a:focus img {
  transform: scale(1.1);
}
.slider-gallery-image .image .caption {
  position: absolute;
  bottom: -300px;
  left: 0;
  width: 100%;
  padding: 1rem 5rem 1rem 1.25rem;  
  font-family: "mazurquica-vf", "Titillium Web", Arial, sans-serif;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 150%;
  background: var(--color-gelb);  
  color: #000;
  transition: all 300ms ease;  
}
.swiper-slide-active .slider-gallery-image .caption,
.slider-gallery-image .image:hover .caption {
  bottom: 0;
}

.slider-gallery-image.tuerkis .caption {
  background: var(--color-tuerkis);  
}
.slider-gallery-image.gold .caption {
  background: var(--color-gold);  
}
.slider-gallery-image.violett .caption {
  background: var(--color-violett);  
  color: #FFF;
}

.slider-gallery-image .image .caption::after {
  
}
.slider-gallery-image .image .caption::before ,
.slider-gallery-image .image .caption::after  {
  position: absolute;
  right: 30px;
  top: 50%;
  display: block;
  content: "";
  width: 100%;
  height: 2px;
  background: #000;
  width: 30px;
}
.slider-gallery-image .image .caption::after {
  transform: rotate(90deg);
}

.slider-gallery-image.violett .caption::before ,
.slider-gallery-image.violett .caption::after  {
  background: #FFF;
}

/* Farbige Iconboxen */
.iconbox {
  text-align: center;
  transition: all 300ms ease;
  margin-bottom: 20px;
}
.iconbox a {
  display: block;  
  padding: 25px;  
}
.iconbox .title {
  margin-top: 20px;
  font-weight: 700;
  text-transform: uppercase;
  color: #FFF;
}
.iconbox.bgcolor-gelb .title {
  color: #000;
}
.iconbox.bgcolor-gelb .icon img {
  -webkit-filter: invert(100%);
  filter: invert(100%);
}
.iconbox a:hover {
  text-decoration: none;
}

.iconbox.bgcolor-tuerkis:hover {
  background: var(--color-tuerkis);
}
.iconbox.bgcolor-violett:hover {
  background: var(--color-violett);
}
.iconbox.bgcolor-gold:hover {
  background: var(--color-violett);
}
.iconbox.bgcolor-gelb:hover {
  background: var(--color-gold);
}


/* Partnerlogos */

.partnerlogos {
  text-align: center;
}
.partnerlogos .header {
  position: relative;
  letter-spacing: 2px;  
}
.partnerlogos .header span {
  background: #FFF;
  z-index: 2;
  position: relative;  
  padding: 2rem;
}
.partnerlogos .header:before {
  content: '';
  position: absolute;
  z-index: -1;    
  display: block;
  top: 50%;
  height: 1px;
  width: 80%;
  background: #000;
  left: 10%;
  z-index: 1;
}

.partnerlogos .items {
  width: 80%;
  max-width: 1100px;
  margin: 0 auto;
}
.partnerlogos .item {
  display: inline-block;
  margin: 20px;
}


/* ----------------------- verschiedenes ---------------------- */

.ce-above.ce-left .ce-gallery,
.ce-above.ce-left .ce-column,
.ce-above.ce-right .ce-gallery,
.ce-above.ce-right .ce-column,
.ce-below.ce-left .ce-gallery,
.ce-below.ce-left .ce-column,
.ce-below.ce-right .ce-gallery,
.ce-below.ce-right .ce-column {
  float: none;
}
.ce-gallery figure {
  display: block;
}

.align-left,
.text-left {
  text-align: left;
}
.align-center,
.text-center {
  text-align: center;
}
.align-right,
.text-right {
  text-align: right;
}
.align-justify,
.text-justify {
  text-align: justify;
}
.clear {
  clear: both;
}


main ul, .ck-content ul, .frame-default table {
  padding: 0;
  overflow: visible;
}
p {
  margin: 0 0 15px;
}
.ce-bodytext p:last-child {
  margin-bottom: 0;
}

blockquote {
  display: inline-block;
  background: #F8F8F8;
  border-radius: 10px;
  padding: 2% 4%;
  margin: 0 0 15px !important;
  font-style: italic;
  text-align: left;
}
h2.title:empty {
  display: none;
}
h1, h2, h3, h4, h5, h6 {
  line-height: 1.4;

}
h1 {
  font-family: 'mazurquica-vf', 'Titillium Web', Arial, sans-serif;  
  font-weight: 700;  
  font-size: 300%;
  line-height: 1;  
  text-transform: uppercase;  
  letter-spacing: 0.3rem;  
  margin: 0;
  padding: 20px 0;
  color: #000; 
}
h2 {
  font-family: 'mazurquica-vf', 'Titillium Web', Arial, sans-serif;    
  font-weight: 700;
  font-size: 275%;
  line-height: 1;
  letter-spacing: 0.3rem;
  text-transform: uppercase;
  margin-bottom: 30px;
  color: #000;   
}
h3 { 
  font-weight: 700;
  font-size: 150%;
  line-height: 1.1;  
 
  text-transform: uppercase;
  margin-bottom: 20px;  
}
h4 {
  font-size: 120%;
  font-weight: 700;
}
h5 {
  font-size: 100%;
  font-weight: 700;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
  color: inherit;
}

a {
  color: var(--color-tuerkis);
  text-decoration: none;
}
a:hover,
a:focus {
  color: var(--color-tuerkis);
  text-decoration: underline;
}

a:focus {
  outline-style: solid;
}

a img { border: 0; }

a[href$='.pdf']:before, a[href$='.PDF']:before, a[href*='?file:']:before {
  display: inline-block;
  content: "\f1c1";
  font-family: "Font Awesome 6 Free";
  padding-right: 10px;
  font-size: 150%;
}
a[href$='.doc']:before, a[href$='.DOC']:before, a[href$='.docx']:before, a[href$='.DOCX']:before {
  display: inline-block;
  content: "\f1c2";
  font-family: "Font Awesome 6 Free";
  padding-right: 10px;
  font-size: 150%;
}
a[href$='.xls']:before, a[href$='.XLS']:before, a[href$='.xlsx']:before, a[href$='.XLSX']:before {
  display: inline-block;
  content: "\f1c3";
  font-family: "Font Awesome 6 Free";
  padding-right: 10px;
  font-size: 150%;
}
a[href$='.mp3']:before, a[href$='.MP3']:before {
  display: inline-block;
  content: "\f028";
  font-family: "Font Awesome 6 Free";
  padding-right: 10px;
  font-size: 150%;  
}
.image a[href$='.pdf']:before,
.image a[href$='.PDF']:before {
  display: none;
}

.btn {
  padding: 10px 3rem;
  font-size: inherit;
  line-height: 1.2;
  text-transform: uppercase;
  letter-spacing: 1px;
  border-radius: 0;
}

#btn_quartier,
#btn_tickets {
  position: relative;
  top: 0;
  font-weight: 700;
  font-size: 80%;
  line-height: 60px;
  padding: 0 2.5rem;
  border: 0;
  margin: 10px;
  transition: all 300ms ease;
}
.scrolled #btn_quartier,
.scrolled #btn_tickets {
  font-size: 70%;
  line-height: 42px;
}

#btn_quartier.hidden,
#btn_tickets.hidden {
  top: -100px;
}

.btn-primary,
.btn-secondary,
.btn-tertiary {  
  text-decoration: none;
}
.btn-primary {
  color: #000;
  background-color: var(--color-gelb);
  border-color: var(--color-gelb);
}

.btn-primary:hover,
.btn-primary:focus {
  background-color: var(--color-gold);
  border-color: var(--color-gold);
  color: #FFF;
  text-decoration: none;  
}
.btn-secondary {
  color: #000;
  background-color: var(--color-tuerkis);
  border-color: var(--color-tuerkis);
  text-decoration: none;  
}
.btn-secondary:hover,
.btn-secondary:focus {
  background-color: var(--color-violett);
  border-color: var(--color-violett);
  color: #FFF;  
  text-decoration: none;  
}

.btn-tertiary {
  color: #FFF;
  background-color: var(--color-violett);
  border-color: var(--color-violett);
  text-decoration: none;  
}
.btn-tertiary:hover,
.btn-tertiary:focus {
  color: #FFF;
  background-color: var(--color-gold);
  border-color: var(--color-gold);
  text-decoration: none;  
}

a.iframe {
  position: relative;
  display: inline-block;
  max-width: 100%;
  vertical-align: top;
}
span.play {
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 50%;
  width: 64px;
  height: 64px;
  margin-left: -32px;
  margin-top: -32px;
  background: url(data:image/png;base64,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) 0 0 no-repeat;
  opacity: 0.8;
  -webkit-transition: 300ms;
  -moz-transition: 300ms;
  transition: 300ms;
}
a.iframe:hover span.play {
  opacity: 1;
}

*:focus {
  outline: 0;
}

ol, ul {
  padding-left: 0;
  margin: 0 0 15px;
  list-style: none;
}
.frame-type-text li, .ce-bodytext li, .ce-menu li, .news-single li {
  padding-left: 1em;
  text-indent: -0.5em;
  padding-bottom: 5px;
}
.frame-type-text li:before, .ce-bodytext li:before, .ce-menu li:before, .news-single li:before {
    content: "• ";
}

.ce-gallery figcaption {
  display: block;
}

table {
  border-collapse: collapse;
  border-spacing: 0 0;
  margin-bottom: 15px;
  font-size: 1em;
}
table p {
  margin-bottom: 0;
}
.frame-default table th, .ck-content th,
.frame-default table td, .ck-content td {
  background: #FCFCFC;
  padding: 5px 10px;
  vertical-align: top;
  border: 2px solid #FFF;
}
.frame-default table th, .ck-content th {
  background: #EEE;
}
.frame-default table tr:nth-child(even) td {
  background: #F5F5F5;
}

fieldset {
  border: 0;
}
label {
  font-weight: inherit;
}

select,
textarea,
input {
  background: #FFF;
  border: 1px solid #DDD;
  padding: 10px;
  width: 100%;
  font-family: 'Titillium Web', Arial, sans-serif;
  font-size: 100%;
  margin-bottom: 2%;
}
form textarea:focus,
form input[type="text"]:focus,
form select:focus {
  border-color: #777;
}

input[type="radio"] {
  width: 20px !important;
}
input[type="checkbox"] {
  width: 16px !important;
  position: relative !important;
}
.checkbox { margin-top: 0; }

input[type="submit"],
.frame-type-form_formframework .btn-primary {
  background: var(--color-tuerkis);
  border-color: var(--color-tuerkis);
  margin: 10px 0 0 0;
  text-transform: uppercase;
  cursor: pointer;
  color: #FFF;
  font-size: inherit;
}
input[type="submit"]:hover,
.frame-type-form_formframework .btn-primary:hover,
.frame-type-form_formframework .btn-primary:focus {
  background: var(--color-gold);
  border-color: var(--color-gold);
  color: #FFF;
}

/* Expander */
.more-link:focus,
.more-link:hover,
.less-link:focus,
.less-link:hover {
  text-decoration: none;
}
.more-link::after {
  content: "\f061";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  padding-left: 10px;
  font-size: 120%;    
}
.less-link {
  display: block;
  margin-top: 20px;
}
.less-link::before {
  content: "\f062";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  padding-right: 10px;
  font-size: 120%;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #888;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #888;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #888;
}
:-moz-placeholder { /* Firefox 18- */
  color: #888;
}

/*------------ Akkordion ---------- */

.accordion {
  border-width: 0 !important;
  --bs-accordion-border-width: 0;
}
.accordion-button {
  font-family: 'mazurquica-vf', 'Titillium Web', Arial, sans-serif;
  font-size: 120%;
  color: var(--color-violett);
  font-weight: 700;
  background-color: rgba(0,151,148,0.4);
  border-radius: 0 !important;
  margin-bottom: 10px;
}
.accordion-button::after {
  background: none;
  font-family: "Font Awesome 6 Free";
  content: '\f078';
  font-size: 85%;
  font-weight: 900;  
  line-height: 1;
  color: #000;
}

.accordion-button:focus {
  border-color: none;
  box-shadow: none;
}
.accordion-button:not(.collapsed) {
  color: var(--color-violett);  
  background-color: rgba(0,151,148,0.6);
  box-shadow: none;
}
.accordion-button:not(.collapsed)::after {
  background: none;
}

.accordion-body {

}
.ce-accordion-body > .frame > :first-child {
  display: none;
}

/*-------------- Tabs --------------*/

.nav-tabs {
  --bs-nav-tabs-border-width: 0;
  --bs-nav-tabs-border-color: transparent;
  --bs-nav-tabs-border-radius: 0;
  --bs-nav-tabs-link-hover-border-color: transparent;
  --bs-nav-tabs-link-active-color: #fff;
  --bs-nav-tabs-link-active-bg: #00513e;
  border-bottom: 0;  
}

.nav-tabs .nav-link {
  position: relative;   
  height: 60px;
  margin-right: 20px;
  margin-bottom: 20px;
  background: #FFF;
  color: #00513e;
  font-weight: 600;
  font-size: 130%;  
  line-height: 1.1;
  padding: 0 20px;
  text-align: left;
  overflow: hidden;
}

.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover,
.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
  color: #FFF;
  background: #00513e;
  border-color: transparent;
}


.ce-tab-pane {
  margin: 2em 0;
}

/*------------------- form  ---------------------------- */

.frame-type-form_formframework {
  max-width: 800px;
  margin: 0 auto 30px;
  background: #eee;
  padding: 20px 25px;
}

.frame-type-form_formframework form > h2 + div > div > label {
  display: none;
}
.frame-type-form_formframework label[for="kontaktformular-10-name"],
.frame-type-form_formframework label[for="kontaktformular-10-email"],
.frame-type-form_formframework label[for="kontaktformular-10-telefon"],
.frame-type-form_formframework label[for="kontaktformular-10-nachricht"] {
  display: none;
}
.form-group .radio {
  display: inline-block;
  margin-right: 10px;
}
.form-control {
  font-size: inherit;
}
textarea.form-control {
  min-height: 100px;
}
.form-check {
  padding-left: 0;
}
.help-block {
  font-size: 12px;
}
.frame-type-form_formframework .btn-primary {
  padding: 10px 30px;
}

.captcha,
.captcha img,
.captcha__reload,
.captcha + input {
  display: inline-block;
  margin-right: 5px;
}
.captcha + input {
  max-width: 150px;  
}


/* ------------------- powermail ---------------------- */
#page div.tx-powermail {
  width: 100%;
}
.tx-powermail > .container-fluid {
  padding: 0;
}
.tx-powermail form > h3 {
  margin-bottom: 20px;
}
#page .powermail_fieldset {
  background: none;
  border: none;
  padding: 0 0 10px;
}
#page .powermail_fieldwrap_radio,
#page .powermail_fieldwrap_check {
  padding-bottom: 20px;
}
#page .powermail_legend {
  display: none;
}
#page .powermail_label {
  padding-top: 10px;
  float: left;
  width: 30%;
  font-weight: normal;
  border: none;
  font-size: inherit;
}
#page .powermail_field,
#page .powermail_radio_outer,
#page .powermail_captcha_outer,
#page .powermail_check_outer,
#page .powermail_fieldwrap_file_inner ul:not(.parsley-errors-list) {
  float: left;
  width: 69%;
  max-width: 585px;
  font-family: 'Titillium Web', Arial, sans-serif;
}
#page .powermail_fieldwrap_type_text .powermail_field {
  float: none;
  width: 100%;
  margin-bottom: 20px;
}

#page .powermail_fieldwrap_type_check {
  margin-bottom: 20px;
}

/* submit */
#page .powermail_fieldwrap_type_submit > .powermail_field {
  float: none;
  width: 100%;
  max-width: 100%;
}

/* Formular Layout 1 = ohne labels */
#page .powermail_form.layout1 label.powermail_label {
  display: none;
  float: none;
}
#page .powermail_form.layout1 .powermail_legend {
  display: block;
  padding: 10px 0;
  color: #a7c9e3;
  text-transform: uppercase;
  border-bottom: 2px solid #cfe1ef;
}

#page .powermail_fieldwrap_type_check label.powermail_label {
  display: block !important;
}

#page .powermail_form.layout1 .powermail_field,
#page .powermail_form.layout1 .powermail_radio_outer,
#page .powermail_form.layout1 .powermail_captcha_outer,
#page .powermail_form.layout1 .powermail_check_outer,
#page .powermail_form.layout1 .powermail_fieldwrap_file_inner ul:not(.parsley-errors-list) {
  float: none;
  width: 100%;
}
#page .powermail_form.layout1 input,
#page .powermail_form.layout1 select,
#page .powermail_form.layout1 textarea {
  width: 100%;
}

#page .powermail_form input[type="submit"].waiting {
  background: #c00 url("gfx/ajax-loader.gif") 15px 45% no-repeat;
}

/* Felder-Layout 1 / 2 = 50% links / rechts */
#page .powermail_fieldwrap.layout1 {
  clear: both;
  float: left;
  width: 48%;
  margin-right: 2%;
}

#page .powermail_fieldwrap.layout2 {
  float: right;
  width: 48%;
  margin-left: 2%;
}
#page .powermail_fieldwrap.layout2 .powermail_submit {
  margin: 0 auto !important;
  width: 100%;
  max-width: 300px;
}

#page .powermail_field .radio {
  display: inline-block;
}

#page .powermail_radio_outer,
#page .powermail_captcha_outer,
#page .powermail_check_outer,
#page .powermail_fieldwrap_text,
#page .powermail_fieldwrap_file_inner ul:not(.parsley-errors-list) {
  background: none;
  border: none;
}
#page .powermail_check_inner,
#page .powermail_radio_inner {
  display: inline-block;
  margin-right: 20px;
}
#page .powermail_submit {
  float: none;
  margin-left: 30% !important;
  max-width: 300px;
}
#page .parsley-errors-list li {
  clear: left;
  padding: 0;
  text-indent: 0;
  color: #c00;
}
#page .powermail_check_outer .parsley-errors-list li,
#page .powermail_radio_outer .parsley-errors-list li {
  margin-left: 0;
}

dl.powermail_all > dt {
  clear: left;
  float: left;
  width: 30%;
  font-weight: bold;
}
dl.powermail_all > dt:after {
  content: ': ';
  padding-right: 5px;
}
dl.powermail_all > dd {
  float: left;
  margin-bottom: 10px;
}

input.powermail_confirmation_form,
input.powermail_confirmation_submit {
  width: 45%;
  margin: 2% 3% 2% 0;
  float: left;
}
input.powermail_confirmation_form {
  background: #777;
}
.powermail_confirmation h4 {
  font-size: 120%;
  margin-bottom: 10px;
}

/* reCaptcha */
.g-recaptcha {
  clear: both;
  margin-left: 30%;
}

/* GoogleMaps */
#map {
  height: 300px;
}
@media ( min-height: 480px ) { #map { height: 360px; } }
@media ( min-height: 600px ) { #map { height: 400px; } }
@media ( min-height: 800px ) { #map { height: 440px; } }
input#saddr,
input#addr_submit {
  float: left;
  width: 40%;
  margin: 10px 5px 10px 0;
}
input#addr_submit {
  width: 55%;
  padding: 4px 5px;
}




/*------------------- news ---------------------------- */

/* filter */
.newsfilter {
  margin: 0 0 20px;
}
.newsfilter .button {
  margin: 0 10px 10px 0;
}
/* list */
.news-list-view {
}
.news-list-view .article {
  height: 100%;
  background: #eeee;
}
.news-list-view .row > * {
  margin-bottom: 30px;
}
.news-list-view .news-img-wrap {
}
.news-list-view .news-img-wrap img {
  object-fit: cover;
  width: 100%;
  height: 200px;
}
.news-list-view .teaser-text {
  padding: 20px;
}
.news .news-date,
.news .news-related-files-size {
  color: #999;
}

/* pagination */
.f3-widget-paginator {
  clear: both;
  margin: 0 0 30px;
}
.f3-widget-paginator li {
  margin: 0 10px 10px 0;
  display: inline-block;
  width: 40px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  background: #555;
}
.f3-widget-paginator li.previous,
.f3-widget-paginator li.next {
  display: none;
}
.f3-widget-paginator li > a {
  display: block;
  color: #DDD;
}
.f3-widget-paginator li:not(.current):hover,
.f3-widget-paginator li.current,
.f3-widget-paginator li > a:focus,
.f3-widget-paginator li:hover > a {
  background: #333;
  color: #FFF;
  text-decoration: none;
}

/* detail */
.news-single .header h2 {
}
.news-single .content {
}
.news-single .news-img-wrap {
  float: right;
  margin: 0 0 15px 30px;
  width: 45%;
}
.news-single .news-img-wrap .outer {
  display: inline-block;
  width: 30%;
  margin: 0 3.333% 15px 0;
}
.news-single .news-img-wrap .outer img {
  object-fit: cover;
  width: 100%;
  height: 120px;
}
.news-single .news-img-wrap .outer:first-child {
  width: 100%;
}
.news-single .news-img-wrap .outer:nth-child(3n+1) {
  margin-right: 0;
}
.news-single .news-img-wrap .outer:first-child img {
  width: 100%;
  height: 240px;
}


/*------------------- indexed_search ---------------------------- */

#search #tx_indexedsearch {
  border: 0;
  position: relative;
}
#search #tx_indexedsearch .tx-indexedsearch-form label {
  display: none;
}
#search .tx-indexedsearch-searchbox {
  width: 200px;
}
#search .tx-indexedsearch-searchbox-sword {
  background: #FFF;
  border: 1px solid #ccc;
  padding: 8px 30px 8px 10px;
  width: 200px;
  height: 30px;
  font-size: 1rem;
  color: #586b77;
  border-radius: 5px;
  margin: 0;
}
#search .tx-indexedsearch-searchbox-sword:hover,
#search .tx-indexedsearch-searchbox-sword:focus {
  color: #333;
}

#search .tx-indexedsearch-searchbox-button {
  position: absolute;
  top: 0;
  right: 0;
  width: 30px;
  height: 30px;
  border: none;
  margin-top: 0;
  text-indent: -100000px;
  overflow: hidden;
  cursor: pointer;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAMAAAC6V+0/AAAAdVBMVEUAAABGRkZGRkZGRkZGRkZGRkZGRkZGRkZGRkZGRkZGRkZGRkZGRkZGRkZGRkZGRkZGRkZGRkZGRkZGRkZGRkZGRkZGRkZGRkZGRkZGRkZGRkZGRkZGRkZGRkZGRkZGRkZGRkZGRkZGRkZGRkZGRkZGRkZGRkaW5/m/AAAAJnRSTlMA3fbkeSzGf2NLNCUK8dbRzL+xaB4R7eu5pqGZh1lWQSginFpFGYwwaKUAAACwSURBVBjTbY5XDsIwEAVtJ6RAGoTQ0ilz/yOCC3GEmJ+3ml09W2g2XRSci2sqVsQKy2Ve3A04RXsJyOl7Byp8CZGlJZSZcTuFetp1E0Fopk4PjjlHmtOKc7Ou3+oM2IuFBHqdJw5e9pDolJRehpDqPJgaR4U66hzwpTWuK6vg2thnFDzsepuDjNOxvgDIjbVjwIrA2eM9RxMlhbVOD2Fcfz6xk956jJXij23FL1PRijcgyRIfsdv5rAAAAABJRU5ErkJggg==) center center no-repeat;
  margin: 0;
}
#search .tx-indexedsearch-searchfor,
#search .tx-indexedsearch-browsebox,
#search .tx-indexedsearch-res {
  display: none;
}

/* Seite: Suche */
#main .tx-indexedsearch-searchbox {
  display: none;  
}

.tx-indexedsearch-noresults {
  font-style: italic;
}

.tx-indexedsearch-searchfor .sword {
  text-transform: capitalize;
}
.tx-indexedsearch-searchfor .sword:before,
.tx-indexedsearch-searchfor .sword:after {
  content: '"';
}
.tx-indexedsearch-res h3 {
  text-transform: none;
  font-size: 120%;
}
.tx-indexedsearch-icon img {
  display: none;
}
.tx-indexedsearch-result-number {
  display: inline-block;
  background: #333;
  color: #fff;
  width: 26px;
  height: 26px;
  line-height: 27px;
  border-radius: 50%;
  text-align: center;
  font-size: 80%;
  font-weight: 400;
  margin-right: 10px;
  padding-left: 1px;
}

.tx-indexedsearch-title a[href$='.pdf'],
.tx-indexedsearch-title a[href$='.PDF'] {
  padding: 0;
  background: none;
}


.tx-indexedsearch-percent {
  color: #aaa;
  font-size: 80%;
  padding-left: 10px;
}
.tx-indexedsearch-description {
  margin-bottom: 0;
}

.tx-indexedsearch-info > * {
  display: inline-block;  
}
.tx-indexedsearch-info {
  color: #AAA;
  font-style: italic;
}
.tx-indexedsearch-path a {
  color: #AAA;
  text-decoration: underline;
}
.tx-indexedsearch-browsebox > p {
  margin-bottom: 30px;
}
.tx-indexedsearch-browsebox ul {
  padding-bottom: 20px;
}
#content .tx-indexedsearch-browsebox li:before {
  content: "";
  display: none;
}
#content .tx-indexedsearch-browsebox li {
  background: none;
  padding: 0;
  display: inline-block;
  margin-right: 15px;
  text-indent: 0;
  margin-bottom: 15px;
}
.tx-indexedsearch-browsebox a {
  display: block;
  padding: 4px 13px;
  text-decoration: none;
  background: #777;
  color: #fff;
}
#content .tx-indexedsearch-browsebox a:hover,
.tx-indexedsearch-browselist-currentPage a {
  background: #333;
  color: #FFF !important;
  text-decoration: none;
}

/* Sitemap */
.frame-type-menu_sitemap ul {
  position:relative;
 }
 .frame-type-menu_sitemap > ul > li {
  float:left;
  width:31%;
  margin-right:2%;
  margin-bottom:40px;
 }
 .frame-type-menu_sitemap > ul > li > a {
  font-weight:bold;
   font-size: 120%;
 }
 .frame-type-menu_sitemap > ul > li li {
  margin-left:15px;
 }
 .frame-type-menu_sitemap > ul li li a {
  display:block;
  padding:5px 15px;
  border-left:1px solid #777;
  position:relative;
 }
 .frame-type-menu_sitemap a[title="Sitemap"] {
  display:none;
 }
 .frame-type-menu_sitemap > ul li li a::before {
  content:"";
  display:block;
  position:absolute;
  top:50%;
  left:0;
  width:10px;
  height:1px;
  background:#777;
 }
 .frame-type-menu_sitemap > ul li a:hover,
 .frame-type-menu_sitemap > ul li a:focus {
  text-decoration:none;
  background:#eee;
 }
 .frame-type-menu_sitemap > ul li li > ul::before {
  content:"";
  display:block;
  position:absolute;
  top:0;
  left:0;
  width:15px;
  height:1px;
  background:#777;
 }

 
@media (max-width: 767px) {
   .frame-type-menu_sitemap > ul > li {
     width: 50%;
     margin-right: 0;
   }  
}
@media (max-width: 480px) {
   .frame-type-menu_sitemap > ul > li {
     width: 100%;
     margin-right: 0;
   }  
}

.frame-type-mindshapecookieconsent_consent > .container {
  padding: 0;
  margin: 20px 0;
} 

.cookie-consent-container {
  font-family: inherit !important;
  --color-gray: #4b4b4d !important;    
}
.cookie-consent-container .consent-modal {
  width: 90vw !important;
  max-width: 800px !important;
}
.cookie-consent-container .buttons .btn--primary,
.cookie-consent-container .buttons .btn--secondary {
  background-color: var(--color-tuerkis) !important;
  color: #000 !important;
  border: 0 !important; 
  font-weight: 700 !important;
}
.cookie-consent-container .buttons .btn--primary:hover,
.cookie-consent-container .buttons .btn--secondary:hover {
  background-color: var(--color-gelb) !important;
}
.cookie-consent-container .show-details {
  color: #333 !important;
}
@media (min-width: 500px) {
  .cookie-consent-container .buttons :first-child {
    grid-column: auto/span 1 !important;
  }
} 
@media (min-width: 768px) {
  .cookie-consent-container .buttons {
    grid-template-columns: repeat(3, 1fr) !important;
  }
} 

.fancybox-slide--iframe .fancybox-content {
  background: rgba(255,255,255,0.85) !important;
  height: 100% !important;
  width: 100% !important;
  max-width: 1300px !important; 
}


/*Filter styles*/
.saturate {-webkit-filter: saturate(3); filter: saturate(3);}
.grayscale {-webkit-filter: grayscale(100%); filter: grayscale(100%);}
.contrast {-webkit-filter: contrast(160%); filter: contrast(160%);}
.brightness {-webkit-filter: brightness(0.25); filter: brightness(0.25);}
.blur {-webkit-filter: blur(3px); filter: blur(3px);}
.invert {-webkit-filter: invert(100%); filter: invert(100%);}
.sepia {-webkit-filter: sepia(100%); filter: sepia(100%);}
.huerotate {-webkit-filter: hue-rotate(180deg); filter: hue-rotate(180deg);}
.rss.opacity {-webkit-filter: opacity(50%); filter: opacity(50%);}