/* ONEPAGER: Gemeinsame Gestaltung von Startseite und Diskurs.
 * Nur in onepager.php und onepager_diskurs.php eingebunden.
 * Reihenfolge: variables, typography, slider, buttons, navigation,
 *             onepager, danach custom_start ODER custom_start_diskurs.
 * Schriftwerte: variables.css. Textrollen: typography.css.
 * Seitenspezifische Ausnahmen bleiben in den zwei custom_start-Dateien.
 * Regelreihenfolge und Media Queries aus dem bisherigen Bestand erhalten.
 */

/* Einfliegende Karten duerfen die Seitenbreite nicht vergroessern.
 * clip begrenzt nur horizontal und erzeugt keinen Scrollcontainer. */
.m_headline4erTeaser {
  overflow-x: clip;
}

.start-headline-4erTeaser {
  overflow-x: clip;
}

html {
  font-family: 'helvetica_neue', Helvetica, Arial, sans-serif;
  font-size: var(--ps-body-size);
  line-height: var(--ps-body-leading);
  scroll-behavior: smooth;
}

a.backbutton {
  display: none;
}

html {
  overflow: scroll;
}

.templatename {
  font-size: 9px;
  color: #808080;
  display: none;
}

.text-outline {
  text-shadow:
  -1px -1px 0 var(--ps-color-shadow-soft),
  1px -1px 0 var(--ps-color-shadow-soft),
  -1px 1px 0 var(--ps-color-shadow-soft),
  1px 1px 0 var(--ps-color-shadow-soft);
}

@media screen and (min-width: 641px) and (max-width: 960px) {
  div.uk-grid {
    padding: 0 20px;
  }

  div.uk-grid div.uk-grid {
    padding: 0 !important;
  }

}
@media screen and (max-width: 640px) {
  div.uk-grid {
    padding: 0 20px;
  }

  div.uk-grid div.uk-grid {
    padding: 0 !important;
  }

}
h1, h2, h3, h4, h5, h6 {
  font-family: 'helvetica_neue', Helvetica, Arial, sans-serif;
  overflow-wrap: break-word;
  color: var(--ps-color-black);
}

h1 {
  font-size: 74px;
  font-weight: bold;
  margin-bottom: 0;
  margin-top: 0;
  text-transform: uppercase;
  line-height: 1;
  background-repeat: re;
}

h2 {
  font-size: 28px;
  font-weight: bold;
  text-transform: uppercase;
}

h3 {
  font-size: 28px;
  font-weight: normal;
}

h2, h3 {
  margin-top: 0;
  margin-bottom: 0;
}

@media screen and (min-width: 641px) and (max-width: 960px) {
  h1 {
    font-size: 9vw;
    line-height: 9.5vw;
  }

  .headlineSubheadline h1 {
    margin-top: 0vw;
    margin-bottom: 0vw;
  }

  h2, .headlineSubheadline h2 {
    font-size: 5vw;
    line-height: 5.5vw;
  }

  .headlineSubheadline {
    position: absolute;
    bottom: 35px;
    left: 0;
    background-color: transparent;
    width: 100%;
    text-align: center;
  }

}
@media screen and (max-width: 640px) {
  .bodyContent p {
    margin: 0;
    padding: 0;
  }

  h1, .bodyContent h1 {
    font-size: 9vw;
    line-height: 10vw;
    margin-bottom: 0vw;
    margin-top: 0vw;
  }

  .headlineSubheadline h1 {
    margin-top: 0;
    margin-bottom: 0;
  }

  h2, .headlineSubheadline h2 {
    font-size: 5vw;
    line-height: 5.5vw;
  }

}
a:link, a:visited {
  color: var(--ps-color-accent) !important;
}

a:hover, a:active {
  text-decoration: none;
  color: var(--ps-color-black) !important;
}

a:hover h3, a:active h3 {
  text-decoration: none;
  color: var(--ps-color-accent) !important;
}

a.extern::after {
  content: "";
  width: 11px;
  height: 11px;
  margin-left: 4px;
  background-image: url("data:image/svg+xml,%3Csvg id='externalLink' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 23.11 23.11'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:none;stroke:%23e2361f;stroke-miterlimit:10;stroke-width:2px;%7D%3C/style%3E%3C/defs%3E%3Cline class='cls-1' x1='22.11' y1='1' x2='0.71' y2='22.4'/%3E%3Cpolyline class='cls-1' points='2.71 1 22.11 1 22.11 20.24'/%3E%3C/svg%3E");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
}

.roundbutton:link, .roundbutton:visited {
  border: 2px solid var(--ps-color-black);
  padding: 10px 8vw;
  margin: 18px 10px 0 0;
  color: var(--ps-color-black) !important;
}

a.roundbutton:hover, a.roundbutton:active {
  border: 2px solid var(--ps-color-accent);
}

.roundbutton-start {
  border: 2px solid;
  border-radius: 100px;
  padding: 10px 8vw;
  margin: 41px 10px 0 0;
  display: inline-block;
  font-size: var(--ps-button-size);
  font-weight: bold;
}

.roundbutton-start p {
  margin: 0;
  padding: 0;
}

.roundbutton-red {
  padding: 12px 8vw;
  margin: 18px 10px 0 0;
}

a.roundbutton-red:hover {
  color: var(--ps-color-black) !important;
  border: 2px solid var(--ps-color-black);
}

#content .roundbutton-lila {
  padding: 12px 8vw;
  margin: 18px 10px 0 0;
}

#content a.roundbutton-lila:hover {
  color: var(--ps-color-black) !important;
}

li a.roundbutton-festival {
  border: 2px solid var(--ps-color-white);
  padding: 10px 8vw;
  margin: 18px 10px 0 0;
  color: var(--ps-color-black) !important;
  background-color: var(--ps-color-white) !important;
}

li a.roundbutton-festival:hover {
  border: 2px solid var(--ps-color-secondary);
  background-color: var(--ps-color-white) !important;
}

li.uk-active a.roundbutton-festival {
  background-color: var(--ps-color-secondary) !important;
  color: var(--ps-color-white) !important;
  font-weight: bold;
  text-transform: none;
}

.roundbutton-small {
  border: 1px solid var(--ps-color-black);
  color: var(--ps-color-black);
}

.roundbutton-xsmall {
  border: 1px solid var(--ps-color-black);
  color: var(--ps-color-black);
}

.roundbutton-big {
  border: 1px solid var(--ps-color-black);
  color: var(--ps-color-black);
}

@media screen and (max-width: 640px) {
  .roundbutton {
    margin: 20px 0 20px 0 !important;
  }

}
footer {
  background: var(--ps-color-white);
  height: auto;
  padding: 0 1em;
}

footer div div.footer {
  padding-top: 8rem;
}

.logointegration {
  padding-right: 60px !important;
  margin-top: -30px !important;
}

figure {
  position: relative;
}

p.fig-title {
  margin: 0;
  padding: 0;
  font-weight: bold;
  text-transform: uppercase;
}

p.fig-copy {
  margin: 0;
  padding: 0;
  font-weight: normal;
}

figcaption.captioncarousel {
  position: absolute;
  text-align: center;
  width: 100%;
  top: 640px;
}

figure.img-panorama figcaption {
  position: absolute;
  text-align: left;
  font-size: 10px;
  line-height: 13px;
  bottom: 0px;
  left: 2px;
  background-color: transparent;
  padding: 0;
  color: var(--ps-color-white);
  text-shadow:
  -1px -1px 0 var(--ps-color-shadow-strong),
  1px -1px 0 var(--ps-color-shadow-strong),
  -1px 1px 0 var(--ps-color-shadow-strong),
  1px 1px 0 var(--ps-color-shadow-strong);
}

figcaption.img-carousel {
  text-align: center;
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.landscape-margin1 {
  margin-top: 3em;
}

.landscape-margin2 {
  margin-top: 6em;
}

.m_edition h2.headline {
  margin-top: 22px;
  font-size: var(--ps-edition-title-size);
  line-height: var(--ps-edition-title-leading);
  letter-spacing: var(--ps-tracking-standard);
}

.m_edition p.subheadline {
  margin-top: 10px;
  font-size: var(--ps-edition-meta-size);
  line-height: var(--ps-edition-meta-leading);
  letter-spacing: var(--ps-tracking-standard);
}

.m_edition .roundbutton-start {
  margin-top: 20px;
  margin-bottom: 50px;
}

.m_edition .roundbutton-red {
  margin-top: 20px;
  margin-bottom: 160px;
}

.m_edition .roundbutton-red p {
  margin: 0;
  padding: 0;
}

.m_edition a figure h2, .m_edition a figure p {
  color: var(--ps-color-black) !important;
}

.m_edition a:hover figure h2, .m_edition a:hover figure p {
  color: var(--ps-color-accent) !important;
}

.uk-height-imageTeaser {
  height: 700px;
}

.start_imageTeaser {
  position: relative;
}

.start_headlines {
  position: absolute;
  bottom: 17%;
  left: 5%;
}

.start_kat {
  margin: 0;
  padding: 0;
  margin-bottom: 7px;
}

h2.start_subline {
  margin: 0;
  padding: 0;
  margin-top: 7px;
}

@media screen and (min-width: 641px) and (max-width: 960px) {
  .start_kat {
    margin-bottom: 0vw;
  }

  .roundbutton-start {
    padding: 10px 15px;
    margin: 41px 10px 0 0;
    text-align: center;
  }

}
@media screen and (max-width: 640px) {
  .start_kat {
    margin-bottom: 0vw;
  }

  .roundbutton-start {
    padding: 10px 15px;
    margin: 41px 10px 0 0;
    text-align: center;
  }

}
.sectionHeadline {
  padding-top: 7em;
  padding-bottom: 3em;
}

.sectionHeadline H1 {
  text-align: center;
}

.start_instagram {
  position: relative;
  padding-bottom: 10em;
}

@media screen and (max-width: 640px) {
  .start_instagram {
    margin-bottom: 3em !important;
  }

  .start_instagram>div>a>img {
    width: 100%;
  }

}
a.raster-link:hover .roundbutton-small.untenLinks {
  opacity: 1;
}

.roundbutton-small.untenLinks {
  background: rgba(255, 255, 255, 0.0);
  color: var(--ps-color-white);
  border-color: var(--ps-color-white);
  margin: 10px 10px 0px 0;
  text-shadow:
  -1px -1px 0 var(--ps-color-shadow-soft),
  1px -1px 0 var(--ps-color-shadow-soft),
  -1px 1px 0 var(--ps-color-shadow-soft),
  1px 1px 0 var(--ps-color-shadow-soft);
  opacity: 0;
  box-shadow: 0px 0px 2px 0px #888;
}

.ulabstand {
  padding: 1em;
}

.grid-container {
  display: grid;
  grid-template-columns: repeat(12, 107px);
  grid-template-rows: repeat(12, 107px);
  gap: 10px;
  border: solid lightgray 0px;
  width: 100%;
}

.raster-link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.item-1 {
  grid-column: 7/9;
  grid-row: 1/4;
}

.item-2 {
  grid-column: 1/4;
  grid-row: 3/6;
}

.item-3 {
  grid-column: 4/7;
  grid-row: 2/6;
}

.item-4 {
  grid-column: 7/10;
  grid-row: 4/6;
}

.item-5 {
  grid-column: 10/13;
  grid-row: 3/6;
}

.item-6 {
  grid-column: 2/5;
  grid-row: 6/10;
}

.item-7 {
  grid-column: 5/9;
  grid-row: 6/9;
}

.item-8 {
  grid-column: 9/12;
  grid-row: 6/10;
}

.item-9 {
  grid-column: 3/6;
  grid-row: 10/12;
}

.item-10 {
  grid-column: 6/9;
  grid-row: 9/13;
}

@media screen and (min-width: 641px) and (max-width: 1400px) {
  .grid-container {
    display: grid;
    grid-template-columns: repeat(12, 7.25vw);
    grid-template-rows: repeat(12, 7.25vw);
    gap: 0.714vw;
    width: 95vw;
    margin-left: 2vw;
  }

}
@media screen and (min-width: 641px) and (max-width: 960px) {
  div.bildrasterHaengung>div.uk-grid {
    padding: 0;
  }

}
@media screen and (max-width: 640px) {
  .grid-container {
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    gap: 10px;
    border: none;
  }

}
.m_bildraster {
  padding-bottom: 4em !important;
}

.m_presenterMitBildraster {
  padding-bottom: 12em !important;
}

.m_presenterMitBildraster>.sectionHeadline {
  padding-top: 0em;
  padding-bottom: 2em;
}

.m_presenterMitBildraster>div>div>.start_textTeaser {
  padding-bottom: 6.8em;
}

.start_textTeaser {
  position: relative;
  padding-top: 12em;
  padding-bottom: 10em;
}

.start_textheadlines {
  position: relative;
  bottom: 17%;
  left: 5%;
}

h2.start_subline2 {
  margin: 0;
  padding: 0;
  margin-top: 7px;
}

p.start_subline3 {
  margin: 0;
  padding: 0;
}

.teasertext-start {
  font-size: var(--ps-body-compact-size);
  line-height: var(--ps-body-compact-leading);
  margin: 0;
  padding: 0;
  margin-top: 15px;
}

.roundbutton-start-text {
  border: 2px solid;
  border-radius: 100px;
  padding: 10px 80px;
  margin: 41px 10px 0 0;
  display: inline-block;
  font-size: var(--ps-button-size);
  margin-top: 4em;
}

.start_bildHeadlineTeaser {
  position: relative;
  padding-top: 12em;
  padding-bottom: 10em;
}

.uk-width-medium400 {
  width: 400px;
}

.start-headlineTeaser {
  padding-top: 12em;
}

.Teaser4er {
  padding-bottom: 9em;
}

.headlineSlider {
  padding-top: 8em;
}

.carousel {
  padding-bottom: 8em;
  padding-top: 2em;
}

.kreis {
  padding: 0;
}

.circle {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 50vw;
  height: 50vw;
  border-radius: 50%;
  background-color: var(--ps-color-accent);
  overflow: hidden;
  margin-top: 10em;
  margin-bottom: 10em !important;
}

.square {
  width: 65%;
  height: 65%;
  background-color: transparent;
  margin-top: 4vw;
}

.square h1 {
  font-size: 5.3vw;
  line-height: 5.4vw;
}

.square p.text {
  font-size: 1.3vw;
  line-height: 1.9vw;
}

div.m_stoerer a.roundbutton-start {
  margin-top: 0.8vw;
  margin-bottom: 1.2vw;
  padding: 10px 40px;
}

.roundbutton-start.m_stoerer_outside {
  margin: 0;
  margin-bottom: 10em !important;
}

@media screen and (min-width: 641px) and (max-width: 960px) {
  .circle {
    width: 65vw;
    height: 65vw;
    margin-top: 12vw;
    margin-bottom: 8vw !important;
  }

  .square {
    width: 65%;
    height: 65%;
    background-color: transparent;
    margin-top: 4vw;
  }

  .square h1 {
    font-size: 7vw;
    line-height: 7vw;
  }

  .square p.text {
    font-size: 1.9vw;
    line-height: 2.4vw;
  }

  div.m_stoerer a.roundbutton-start {
    margin-top: 0.8vw;
    margin-bottom: 1.2vw;
  }

}
@media screen and (max-width: 640px) {
  .square {
    width: 65%;
    height: 65%;
    background-color: transparent;
    margin-top: 0vw;
  }

  .square h1 {
    font-size: 8vw;
    line-height: 8vw;
  }

  .square p.text {
    font-size: 3.5vw;
    line-height: 4.5vw;
  }

  div.m_stoerer a.roundbutton-start {
    margin-top: 0.8vw;
    margin-bottom: 1.2vw;
  }

}
.header4erTeaser {
  position: absolute;
  bottom: 2rem;
  left: 1rem;
}

.header4erTeaser h3 {
  font-size: var(--ps-body-compact-size);
  line-height: var(--ps-body-compact-leading);
  text-transform: uppercase;
  font-weight: bold;
}

div.header4erTeaser h3 {
  color: var(--ps-color-white);
}

@media screen and (min-width: 641px) and (max-width: 960px) {
  div.header4erTeaser h3 {
    font-size: 4vw !important;
    line-height: 4vw !important;
  }

}
@media screen and (max-width: 640px) {
  .start_video {
    margin-top: 60px;
  }

}
@media screen and (min-width: 641px) and (max-width: 960px) {
  .round-no.showMobil {
    float: right;
  }

  .generiert div.unterseite-gross a h3, div.generiert div a h3, div.generiert div h3, .generiert div.unterseite-mittel a h3, div.generiert div a h3, .unterseite-gross h3, .unterseite-mittel h3, h3 {
    font-size: 5vw !important;
    line-height: 5.3vw !important;
    text-align: left !important;
  }

}
@media screen and (max-width: 640px) {
  .generiert div.unterseite-gross a h3, div.generiert div a h3, div.generiert div h3, .generiert div.unterseite-mittel a h3, div.generiert div a h3, .unterseite-gross h3, .unterseite-mittel h3, h3 {
    font-size: 5vw !important;
    line-height: 5.3vw !important;
    text-align: center;
  }

  .uk-height-largePS {
    height: 200px;
    position: relative;
  }

  .bodyContent, div.img-image {
    margin-bottom: 0;
  }

  .round-no.showMobil {
    float: right;
  }

  .templatename {
    display: none;
  }

  li a.roundbutton-festival {
    width: 100%;
    display: initial;
    margin-bottom: 20px;
    color: var(--ps-color-black) !important;
    border: 2px solid gray;
  }

  li.uk-active a.roundbutton-festival {
    color: var(--ps-color-white) !important;
  }

  li.gruppe3:hover .event-text h3.event a {
    color: var(--ps-color-accent) !important;
  }

  .event-item {
    margin-bottom: 2em;
  }

  .event-text {
    padding: 0 10px;
    background-color: var(--ps-color-surface);
  }

  .event_date {
    margin-bottom: 1em;
  }

  h3.event {
    text-align: left !important;
  }

  .round-label {
    background-color: var(--ps-color-accent);
    height: 60px;
    width: 60px;
    position: relative;
    display: block;
    text-align: center;
    color: var(--ps-color-white);
    border-radius: 100px;
    line-height: 60px;
    float: right;
    padding: 0;
    margin-top: -30px;
    font-weight: bold;
    box-sizing: border-box;
    font-size: 24px;
  }

  p.kuenstlerinnenListe {
    margin-top: 1rem !important;
  }

  .vaDetailsHead {
    margin-bottom: 0 !important;
  }

  .vaDetailsHead+p {
    margin-top: 0;
  }

  div.generiert {
    margin-top: 15px !important;
  }

  .img-image, .img-panorama, .img-carousel {
    margin-bottom: 15px;
  }

  .us-container {
    margin-bottom: 2em !important;
  }

  .us-container, .text-container {
    background-color: var(--ps-color-surface);
  }

  .us-container.rund, .us-container.rund .text-container {
    background-color: transparent;
  }

  .us-container.rund p.teasertext {
    padding-bottom: 2em !important;
  }

  .text-container {
    padding: 0 10px;
  }

  .us-container a h3, .unterseite-gross .us-container .text-container a h3 {
    text-align: left !important;
  }

  .us-container>.text-container>p {
    text-align: left !important;
    padding-bottom: 1em;
  }

  figure.img-panorama figcaption {
    left: auto;
  }

}
section.Rot-Weiss {
  background-color: var(--ps-color-white);
}

div.Rot-Weiss div div h1, div.Rot-Weiss div div h2, div.Rot-Weiss div h1, div.Rot-Weiss div h2 {
  color: var(--ps-color-accent) !important;
  background-color: transparent !important;
}

section.Rot-Weiss div div a.roundbutton-start {
  color: var(--ps-color-accent) !important;
  border-color: var(--ps-color-accent) !important;
}

section.Rot-Weiss div div a.roundbutton-start:hover {
  color: var(--ps-color-black) !important;
  border-color: var(--ps-color-black) !important;
}

section.Rot-Weiss>.sectionHeadline h1 {
  color: var(--ps-color-accent) !important;
}

section.Lila-Rot {
  background-color: var(--ps-color-accent);
}

div.Lila-Rot div div h1, div.Lila-Rot div div h2, div.Lila-Rot div h1, div.Lila-Rot div h2, div.Lila-Rot div p {
  color: var(--ps-color-secondary) !important;
  background-color: transparent !important;
}

section.Lila-Rot div div a.roundbutton-start {
  color: var(--ps-color-secondary) !important;
  border-color: var(--ps-color-secondary) !important;
}

section.Lila-Rot div div a.roundbutton-start:hover {
  color: var(--ps-color-white) !important;
  border-color: var(--ps-color-white) !important;
}

section.Lila-Rot div.circle {
  background-color: var(--ps-color-white) !important;
}

section.Lila-Rot>.sectionHeadline h1 {
  color: var(--ps-color-secondary) !important;
}

section.Lila-Weiss {
  background-color: var(--ps-color-white);
}

div.Lila-Weiss div div h1, div.Lila-Weiss div div h2, div.Lila-Weiss div h1, div.Lila-Weiss div h2, div.Lila-Weiss div p {
  color: var(--ps-color-secondary) !important;
  background-color: transparent !important;
}

section.Lila-Weiss div div a.roundbutton-start {
  color: var(--ps-color-secondary) !important;
  border-color: var(--ps-color-secondary) !important;
}

section.Lila-Weiss div div a.roundbutton-start:hover {
  color: var(--ps-color-black) !important;
  border-color: var(--ps-color-black) !important;
}

section.Lila-Weiss>.sectionHeadline h1 {
  color: var(--ps-color-secondary) !important;
}

section.Weiss-Lila {
  background-color: var(--ps-color-secondary);
}

div.Weiss-Lila div div h1, div.Weiss-Lila div div h2, div.Weiss-Lila div h1, div.Weiss-Lila div h2, div.Weiss-Lila div p {
  color: var(--ps-color-white) !important;
  background-color: transparent !important;
}

section.Weiss-Lila div div a.roundbutton-start {
  color: var(--ps-color-white) !important;
  border-color: var(--ps-color-white) !important;
}

section.Weiss-Lila div div a.roundbutton-start:hover {
  color: var(--ps-color-black) !important;
  border-color: var(--ps-color-black) !important;
}

section.Weiss-Lila>.sectionHeadline h1 {
  color: var(--ps-color-white) !important;
}

.m_presenterMitBildraster>.sectionHeadline h1 {
  color: var(--ps-color-white) !important;
}

section.Schwarz-Gelb {
  background-color: var(--ps-color-yellow);
}

div.Schwarz-Gelb div div h1, div.Schwarz-Gelb div div h2, div.Schwarz-Gelb div h1, div.Schwarz-Gelb div h2, div.Schwarz-Gelb div p {
  color: var(--ps-color-black) !important;
  background-color: transparent;
}

section.Schwarz-Gelb div div a.roundbutton-start {
  color: var(--ps-color-black) !important;
  border-color: var(--ps-color-black) !important;
}

section.Schwarz-Gelb div div a.roundbutton-start:hover {
  color: var(--ps-color-white) !important;
  border-color: var(--ps-color-white) !important;
}

section.Schwarz-Gelb>.sectionHeadline h1 {
  color: var(--ps-color-black) !important;
}

section.Gelb-Weiss {
  background-color: var(--ps-color-white);
}

div.Gelb-Weiss div div h1, div.Gelb-Weiss div div h2, div.Gelb-Weiss div h1, div.Gelb-Weiss div h2, div.Gelb-Weiss div p {
  color: var(--ps-color-yellow) !important;
  background-color: transparent;
}

section.Gelb-Weiss div div a.roundbutton-start {
  color: var(--ps-color-yellow) !important;
  border-color: var(--ps-color-yellow) !important;
}

section.Gelb-Weiss div div a.roundbutton-start:hover {
  color: var(--ps-color-white) !important;
  border-color: var(--ps-color-white) !important;
}

section.Gelb-Weiss>.sectionHeadline h1 {
  color: var(--ps-color-yellow) !important;
}

section.Tuerkis-Weiss {
  background-color: var(--ps-color-white);
}

div.Tuerkis-Weiss div div h1, div.Tuerkis-Weiss div div h2, div.Tuerkis-Weiss div h1, div.Tuerkis-Weiss div h2, div.Tuerkis-Weiss div p {
  color: var(--ps-color-turquoise) !important;
  background-color: transparent;
}

section.Tuerkis-Weiss div div a.roundbutton-start {
  color: var(--ps-color-turquoise) !important;
  border-color: var(--ps-color-turquoise) !important;
}

section.Tuerkis-Weiss div div a.roundbutton-start:hover {
  color: var(--ps-color-black) !important;
  border-color: var(--ps-color-black) !important;
}

section.Tuerkis-Weiss>.sectionHeadline h1 {
  color: var(--ps-color-turquoise) !important;
}

section.Lachs-Weiss {
  background-color: var(--ps-color-white);
}

div.Lachs-Weiss div div h1, div.Lachs-Weiss div div h2, div.Lachs-Weiss div h1, div.Lachs-Weiss div h2, div.Lachs-Weiss div p {
  color: var(--ps-color-salmon) !important;
  background-color: transparent;
}

section.Lachs-Weiss div div a.roundbutton-start {
  color: var(--ps-color-salmon) !important;
  border-color: var(--ps-color-salmon) !important;
}

section.Lachs-Weiss div div a.roundbutton-start:hover {
  color: var(--ps-color-black) !important;
  border-color: var(--ps-color-black) !important;
}

section.Lachs-Weiss>.sectionHeadline h1 {
  color: var(--ps-color-salmon) !important;
}

section.Schwarz-Grau {
  background-color: var(--ps-color-debug-text);
}

div.Schwarz-Grau div div h1, div.Schwarz-Grau div div h2, div.Schwarz-Grau div h1, div.Schwarz-Grau div h2, div.Schwarz-Grau div p {
  color: var(--ps-color-black);
}

section div.Schwarz-Grau div a.roundbutton-start {
  color: var(--ps-color-black) !important;
  border-color: var(--ps-color-black) !important;
}

section.Schwarz-Grau div div a.roundbutton-start:hover {
  color: var(--ps-color-white) !important;
  border-color: var(--ps-color-white) !important;
}

section.Schwarz-Grau>.sectionHeadline h1 {
  color: var(--ps-color-black) !important;
}

section.Schwarz-Weiss {
  background-color: var(--ps-color-white);
}

div.Schwarz-Weiss div div h1, div.Schwarz-Weiss div div h2, div.Schwarz-Weiss div h1, div.Schwarz-Weiss div h2, div.Schwarz-Weiss div p {
  color: var(--ps-color-black);
}

section div.Schwarz-Weiss div a.roundbutton-start {
  color: var(--ps-color-black) !important;
  border-color: var(--ps-color-black) !important;
}

section.Schwarz-Weiss div div a.roundbutton-start:hover {
  color: var(--ps-color-accent) !important;
  border-color: var(--ps-color-accent) !important;
}

section.Schwarz-Weiss>.sectionHeadline h1 {
  color: var(--ps-color-black) !important;
}

section.Weiss-Schwarz {
  background-color: var(--ps-color-black);
}

div.Weiss-Schwarz div div h1, div.Weiss-Schwarz div div h2, div.Weiss-Schwarz div h1, div.Weiss-Schwarz div h2, div.Weiss-Schwarz div p {
  color: var(--ps-color-white) !important;
  background-color: transparent;
}

section.Weiss-Schwarz div div a.roundbutton-start {
  color: var(--ps-color-white) !important;
  border-color: var(--ps-color-white) !important;
}

section.Weiss-Schwarz div div a.roundbutton-start:hover {
  color: var(--ps-color-accent) !important;
  border-color: var(--ps-color-accent) !important;
}

section.Weiss-Schwarz>.sectionHeadline h1 {
  color: var(--ps-color-white) !important;
}

.ipk-dotnav.uk-slider-nav.ps-slider-nav.uk-flex-center.uk-margin {
  top: -85px;
  position: relative;
}

ul.ps-slider-nav.uk-flex-center.uk-margin.ipk-slider-indikator {
  margin-top: -24px !important;
  position: relative;
}


/* Natuerliche Groesse der ausgegebenen Hintergrunddatei. */
.ps-background-original {
  background-size: auto;
}