@charset "UTF-8";

/* roboto-condensed-100 - latin */
@font-face {
  font-display: swap;
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 100;
  src: url('../fonts/roboto-condensed-v31-latin-100.woff2') format('woff2');
}

/* roboto-condensed-100italic - latin */
@font-face {
  font-display: swap;
  font-family: 'Roboto Condensed';
  font-style: italic;
  font-weight: 100;
  src: url('../fonts/roboto-condensed-v31-latin-100italic.woff2') format('woff2');
}

/* roboto-condensed-300 - latin */
@font-face {
  font-display: swap;
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/roboto-condensed-v31-latin-300.woff2') format('woff2');
}

/* roboto-condensed-300italic - latin */
@font-face {
  font-display: swap;
  font-family: 'Roboto Condensed';
  font-style: italic;
  font-weight: 300;
  src: url('../fonts/roboto-condensed-v31-latin-300italic.woff2') format('woff2');
}

/* roboto-condensed-regular - latin */
@font-face {
  font-display: swap;
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/roboto-condensed-v31-latin-regular.woff2') format('woff2');
}

/* roboto-condensed-500 - latin */
@font-face {
  font-display: swap;
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/roboto-condensed-v31-latin-500.woff2') format('woff2');
}

/* roboto-condensed-500italic - latin */
@font-face {
  font-display: swap;
  font-family: 'Roboto Condensed';
  font-style: italic;
  font-weight: 500;
  src: url('../fonts/roboto-condensed-v31-latin-500italic.woff2') format('woff2');
}
/* ROOT VARIABLEN */
:root,
[data-bs-theme=light] {
  --cassiopeia-font-family-body: 'Roboto Condensed', "Helvetica Neue";
  --cassiopeia-font-weight-headings: 400;
  --font-sans-serif: 'Roboto Condensed', "Helvetica Neue";
  --body-font-weight: 300;
  --cassiopeia-font-weight-normal: 300;
  --font-sans-serif: 'Roboto Condensed', "Helvetica Neue";
  --body-font-family: var(--cassiopeia-font-family-body), 'Roboto Condensed', "Helvetica Neue";
  --cassiopeia-font-family-headings: 'Roboto Condensed', "Helvetica Neue", Arial, "Noto Sans", sans-serif;
  }


.container-header {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-areas: "top below" 
                         "logo logo" 
                         "nav nav";
}
.container-header .container-topbar {
    padding: .5em;
}
.container-header .container-topbar {
    grid-area: top;
}
.container-header .container-below-top {
    grid-area: below;
    justify-content: flex-end;
}
.container-header .grid-child:has(.navbar-brand) {
    grid-area: logo;
}
.container-header .container-nav {
    grid-area: nav;
}
@media (width >= 991.98px) {
    .container-header {
        grid-template-columns: 
            [full-start] minmax(0,1fr) 
            [main-start] repeat(4,minmax(0,19.875rem))
            [main-end] minmax(0,1fr)[full-end];
        grid-template-areas: ". logo nav nav nav .";
        gap: 0 1rem;
    }
    .container-header:has(.container-below-top, .container-topbar) {
        grid-template-areas: ". top top below below ." 
                             ". logo nav nav nav .";
    }
}
grid-template-columns: 
            [full-start] minmax(0,1fr) 
            [main-start] repeat(4,minmax(0,19.875rem))
            [main-end] minmax(0,1fr)[full-end];

grid-template-areas: ". logo nav nav nav .";

/* Header - Menu */
.container-header {
  z-index: 10;
  background-image: none;
  box-shadow: inset 0 5px 5px #00000008;
  background-color: #ffffff;
}

.container-header .mod-menu {
  color: #2c2e30;
}
.metismenu.mod-menu .metismenu-item {
  padding: .5em 1em;
  font-size: 1.0rem;
}

/* Mobile Menu */
.container-header .navbar-toggler {
  color: #2c2e30;
  cursor: pointer;
}

/**** SLIDER showplus *****/
.showplusx-caption-bottom {
  bottom: 5rem;
}

.showplusx-caption {
  background-color: rgba(244,245,246, .6)!important;
  color: #2c2e30!important;
  text-align: center;
  padding: 1rem;
  font-size:1.0rem;

}

.showplusx-caption h2 {
  color: #2c2e30!important;
  font-size: 1.2em!important;
    display: inline-block;
}

.showplusx-navigation.showplusx-bottom,
.showplusx-navigation.showplusx-top {
  left: 2rem;
  right: 0;
}

@media (max-width: 1200px) {
  #showplus_images_slider_slider > .showplusx-slideshow {
    width: 100%;
    height: 500px!important;
  }
}

.showplusx-animation-show {
  box-shadow: inset 0 0 0 2000px rgba(0, 0, 0, 0.3);
}

@media (max-width: 920px) {
  .showplusx-navigation > span {
    width: 24px!important;
    height: 24px!important;
  }
}

@media (max-width: 500px) {
  .showplusx-navigation > span {
    display: none!important;
  }
}
/*** Artikelbilder schwarz-weiss - hover farbig ***/
 .mod-articles-image, .item-image {
    margin-bottom: 1.5rem;
    margin-top: 0.5rem;
    filter: grayscale(90%);
  }

  .mod-articles-image:hover, .item-image:hover {
    filter: none;
  }

  .container-banner {
    margin: 0 0 3rem;
  }
/* Blog Grid Fix */
@supports (display:grid) {
  .site-grid > [class^="container-"], .site-grid > [class*=" container-"] {
    column-gap: 3em!important;
    width: 100%;
    max-width: none;
  }
}

@media (min-width: 992px) {
  .image-left .blog-item .item-image,
  .image-right .blog-item .item-image {
    flex: unset;
  }
}

.card-header {
  padding: 1rem;
  margin-bottom: 0;
  background-color: #fcfcfc;
  border: 1px solid #eaeef0;
}
dd {
  text-align: center;
}

/*** BLOG ITEM FIX ***/
.mod-articles-item-content {
  display: flex;
  flex-direction: column;
}
.blog-item .item-image {
  margin-top: 1rem;
  margin-bottom: 1rem;
  overflow: hidden;
}
.mod-articles-item-content h2 {
  order: 1;
}

.mod-articles-item-content p {
  order: 3;
}

.mod-articles-item-content dl {
  order: 0;
}
.float-center.item-image {
  text-align: center;
}
dl.list-unstyled dd.mod-articles-category span.icon-folder-open.icon-fw {
  display: none;
}
/*** TYPOGRAFIE ***/
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
  font-family: 'Roboto Condensed';
  font-weight: var(--cassiopeia-font-weight-headings, 500);
}

h1, .h1, h2, .h2 {
  color: #696a6a!important;
}
h1::after, .h1::after  {
  content: "";
  display: block;
  position: relative;
  margin-top: 10px;
  border-top: 4px solid rgba(234, 234, 234, 0.6);
}
.start h1, .start .h1, .start h3, .start .h3, footer h1, footer .h1, footer h3, footer .h3 {
  text-align: center;
}
.footer dd {
  text-align: left;
}
.start h1::after, .start h1::after, .start .no-card h3::after {
  content: "";
  display: block;
  position: relative;
  left: 10%;
  margin-top: 10px;
  width: 80%;
  border-top: 4px solid rgba(234, 234, 234, 0.6);
}
a {
  color: #696a6a!important;
}

a:hover {
  color: #696a6a80!important;
}

a:not([class]) {
  text-decoration: none;
}

b, strong {
  font-weight: 500;
}
hr {
  border-top: 4px solid #b2b4b6;
}
/*** Container bottom-a full-width ****/
.container-bottom-a {
  border-top: 5px solid rgba(45,58,75,0.2);
  padding: 0 1em;
}

.container-bottom-a {
    grid-column: full-start/full-end;
  background-color: #d5d8db50;
}
/*** FOOTER ***/
.footer {
  color: #fff;
  background-color: #888A8C;
  background-image: none;
  margin-top: 0;
}

.footer a {
  color: #ffffff80!important;
}

.footer .grid-child {
  justify-content: space-between;
  align-items: baseline;
  padding: 2.5rem .5em;
}

.footer .list-unstyled {
  border-bottom: 2px solid rgba(255,255,255,0.2);
}

.footer h4, .footer .h4 {
  font-size: 1.2rem;
}

@media (min-width: 1200px) {
  .footer h4, .footer .h4 {
    font-size: 1.2rem;
  }
}
 .footer.no-card h3::after {
    content: "";
  display: block;
  position: relative;
  left: 10%;
  margin-top: 10px;
  width: 80%;
  border-top: 4px solid rgba(234, 234, 234, 0.2);
}
/*** RESPONSIVE TABELLE Künstlerverzeichnis ***/
:root {
  --accent: #0b74de;
  --row-alt: #f7f8f9;
  --row-base: #ffffff;
  --header-bg: #eef6ff;
  --text: #2c2e30;
}

.table-wrap {
  max-width: 1000px;
  margin: 0 auto;
  border-radius: 8px;
  box-shadow: 0 6px 18px rgba(12,20,30,0.06);
  overflow: hidden;
}

.table-scroll {
  width: 100%;
  overflow-x: auto;
}

table {
  width: 100%;
  border-collapse: collapse;
  min-width: 600px;
}

thead th {
  background: var(--header-bg);
  text-align: left;
  padding: 12px 16px;
  font-size: 0.95rem;
  letter-spacing: 0.2px;
}

th, td {
  padding: 12px 16px;
  border-bottom: 1px solid rgba(15,23,42,0.06);
}

tbody tr:nth-child(odd) {
  background: var(--row-alt);
}

tbody tr:nth-child(even) {
  background: var(--row-base);
}

tbody tr:hover {
  background: linear-gradient(90deg, rgba(11,116,222,0.04), transparent);
}

@media (max-width: 680px) {
  table, thead, tbody, th, td, tr {
    display: block;
  }

  thead {
    display: none;
  }

  tr {
    margin: 0 0 12px 0;
    box-shadow: 0 1px 0 rgba(15,23,42,0.04);
  }

  td {
    display: flex;
    justify-content: space-between;
    padding: 10px 12px;
    border-bottom: 0;
  }

  td::before {
    content: attr(data-label);
    font-weight: 600;
    margin-right: 12px;
    color: #333;
  }
}

#table_vz {
  width: 100%;
  border-collapse: collapse;
}

#table_vz th,
#table_vz td {
  border: 1px solid #ddd;
  padding: 8px;
  vertical-align: top;
}

#table_vz th {
  background-color: #888a8c;
  color: #ffffff;
  font-size: 1.2rem;
  font-weight: 400;
}

#table_vz a {
  color: rgba(0,156,221,1);
  text-decoration: none;
}

#table_vz a:hover {
  text-decoration: underline;
}

@media screen and (max-width: 768px) {
  #table_vz {
    border: none;
  }

  #table_vz thead {
    display: none;
  }

  #table_vz,
  #table_vz tbody,
  #table_vz tr,
  #table_vz td {
    display: block;
    width: 100%;
  }

  #table_vz tr {
    margin-bottom: 1rem;
    border: 1px solid #e0e0e0;
    padding: 12px 16px;
    background-color: #fff;
    box-shadow: 0 1px 5px rgba(0,0,0,0.08);
  }

  #table_vz td {
    border: none;
    padding: 6px 0;
    display: flex;
    justify-content: flex-start;
    align-items: baseline;
    gap: 8px;
  }

  #table_vz td::before {
    content: attr(data-label) ":";
    font-weight: 600;
    color: #555;
    width: 120px;
  }
}
/**** TABS UND ACCORDEON REGULAR LABS *****/
[data-rlta-element="container"] > [data-rlta-element="button"] {
  background-color: #009cdd;
  border: 0px solid #c0c6cf;
  border-radius: 0;
}

[data-rlta-element="container"][data-rlta-state="ready"][data-rlta-type="accordions"]
  > [data-rlta-element="button"] > [data-rlta-element="heading"],
[data-rlta-element="container"][data-rlta-state="ready"][data-rlta-type="tabs"]
  > [data-rlta-element="button-list"] > [data-rlta-element="button"]
  > [data-rlta-element="heading"] {
  font-weight: 300;
  color: #ffffff;
}
.kasten {
  padding: 1rem;
  border: 1px #cccccc solid;
  background-color: #efefef;
  margin-bottom: 2rem;
}


[data-rlta-element="container"] > [data-rlta-element="panel"] {
  border-radius: 0;
}
.page-link.active, .active > .page-link {
  color: #ffffff;
  background-color: #b3b4b5;
  border-color: #b3b4b5;
}
/*** BUTTONS ***/
.btn {
  --btn-padding-x: 1.5rem;
  --btn-padding-y: 1rem;
  --btn-font-size: 1.1rem;
  --btn-font-weight: 300;
  --btn-line-height: 1.5;
  --btn-color: rgba(0,156,221,1);
  --btn-bg: rgba(255,255,255,0.9);
  --btn-border-width: var(--border-width);
  --btn-border-color: #696a6a80!important;
  --btn-border-radius: 0;

  padding: var(--btn-padding-y) var(--btn-padding-x);
  font-size: var(--btn-font-size);
  font-weight: var(--btn-font-weight);
  line-height: var(--btn-line-height);
  color: var(--btn-color);

  cursor: pointer;
  border: var(--btn-border-width) solid var(--btn-border-color);
  background-color: var(--btn-bg);
  text-decoration: none;
}

.btn:hover {
  background-color: rgba(45,58,75,0.05);
}

.btn-primary {
  background: rgba(0,156,221,1);
  color: rgba(255,255,255,1);
}

.btn-primary:hover {
  background: rgba(0,156,221,0.8);
  color: rgba(255,255,255,0.8);
}

.btn-check:checked + .btn,
.btn.active,
.btn.show {
  color: rgba(255,255,255,0.8);
  background-color: rgba(0,156,221,0.8);
  border-color: #696a6a80!important;
}