.layout {
  max-width: 1141px;
  padding: 0 68px;
  margin: auto;
  position: relative;
  width: 100%;
  background: var(--white);
}
@media screen and (max-width: 960px) {
  .layout {
    padding: 0 20px;
  }
}
.layout > .layout__region > .paragraph {
  margin-bottom: 40px;
}
.layout > .layout__region > .paragraph:last-child {
  margin-bottom: 0;
}
@media screen and (max-width: 760px) {
  .layout > .layout__region > .paragraph {
    margin-bottom: 15px;
  }
}
.layout.layout--eq-one-col .paragraph--type--text {
  max-width: 800px;
}
.layout.layout--eq-one-col .paragraph--type--text.txt-full-width {
  max-width: 100%;
}
.paragraph--type--section {
  padding: 90px 0 0 0;
  position: relative;
}
.paragraph--type--section:first-child {
  padding-top: 0;
}
.paragraph--type--section:last-child {
  padding-bottom: 118px;
}
.paragraph--type--section.bgr-grey {
  background: var(--grey);
}
.paragraph--type--section.top_0 {
  padding-top: 0;
}
.paragraph--type--section.top_10 {
  padding-top: 10px;
}
.paragraph--type--section.top_15 {
  padding-top: 15px;
}
.paragraph--type--section.top_20 {
  padding-top: 20px;
}
.paragraph--type--section.top_30 {
  padding-top: 30px;
}
.paragraph--type--section.top_50 {
  padding-top: 50px;
}
.paragraph--type--section.top_75 {
  padding-top: 75px;
}
.paragraph--type--section.top_100 {
  padding-top: 100px;
}
.paragraph--type--section.bottom_0 {
  padding-bottom: 0;
}
.paragraph--type--section.bottom_5 {
  padding-bottom: 5px;
}
.paragraph--type--section.bottom_10 {
  padding-bottom: 10px;
}
.paragraph--type--section.bottom_20 {
  padding-bottom: 20px;
}
.paragraph--type--section.bottom_30 {
  padding-bottom: 30px;
}
.paragraph--type--section.align-bottom .layout .layout__region {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.paragraph--type--section.align-middle .layout .layout__region {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.paragraph--type--section.section-full-width .layout {
  max-width: 100%;
  padding: 0;
}
.paragraph--type--section.section-narrow-width .layout {
  padding-right: 127px;
}
@media screen and (max-width: 760px) {
  .paragraph--type--section.section-narrow-width .layout {
    padding-right: 20px;
  }
}
.paragraph--type--section .layout:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  background: var(--white);
  width: 100%;
  height: calc(100% + 118px);
  z-index: -1;
}
.paragraph--type--section.column_5 .layout {
  gap: 5px;
}
.paragraph--type--section.column_10 .layout {
  gap: 10px;
}
.paragraph--type--section.column_15 .layout {
  gap: 15px;
}
.paragraph--type--section.column_20 .layout {
  gap: 20px;
}
.paragraph--type--section.column_40 .layout {
  gap: 40px;
}
.paragraph--type--section a {
  color: var(--text-big);
}
.path-frontpage .paragraph--type--section .layout:before {
  content: none;
}
.path-frontpage .paragraph--type--section:last-child {
  padding-bottom: 0;
}
.paragraph--type--bild {
  font-size: 0;
  height: 100%;
}
.paragraph--type--bild .field__item {
  position: relative;
}
.paragraph--type--bild figcaption {
  position: absolute;
  bottom: 20px;
  left: 20px;
  padding: 8px 15px;
  background: var(--white);
  font-size: 1.125rem;
}
.paragraph--type--bild figcaption h1,
.paragraph--type--bild figcaption h2,
.paragraph--type--bild figcaption h3,
.paragraph--type--bild figcaption h4 {
  font-size: clamp(1.6rem, 1.393rem + 0.286vw, 1.65rem);
  margin: 0;
  color: var(--text-big);
}
.paragraph--type--bild figcaption p {
  font-size: 0.885em;
  color: var(--text-big);
}
.paragraph--type--bild figcaption p:last-child {
  margin: 0;
}
@media screen and (max-width: 760px) {
  .paragraph--type--bild figcaption p {
    display: none;
  }
}
@media screen and (max-width: 760px) {
  .paragraph--type--bild.image-padding-mobile {
    margin: 0 -20px;
  }
}
.paragraph--type--bilder-galerie a {
  margin: 0;
  display: block;
}
.paragraph--type--bilder-galerie figure {
  margin: 0;
}
.paragraph--type--bilder-galerie img {
  width: 100%;
  height: auto;
}
.paragraph--type--bilder-galerie.image-border img {
  border: 1px solid var(--image-border);
}
.paragraph--type--button-gallery .btn {
  position: relative;
  display: flex;
  gap: 0.3em;
  align-items: center;
  font-size: 0.875rem;
  color: inherit;
}
.paragraph--type--button-gallery .btn:before {
  content: url(/themes/custom/galerie/bilder/icons/Icon_Details.svg);
  display: block;
}
.paragraph--type--slider .field--name-field-text-slider {
  position: absolute;
  bottom: 100px;
  width: 100%;
  left: 0;
  z-index: 3;
}
.paragraph--type--slider .field--name-field-text-slider .field__items {
  max-width: 1100px;
  padding: 0 65px;
  margin: auto;
}
.paragraph--type--slider .field--name-field-text-slider .field__items .field__item {
  background: rgba(255, 255, 255, 0.9);
  max-width: 400px;
  padding: 17px 15px 15px 15px;
}
.paragraph--type--slider .field--name-field-text-slider .field__items .field__item h3 {
  margin: 0 0 2px 0;
  font-size: 1.8rem;
  font-weight: 600;
}
.paragraph--type--slider .field--name-field-text-slider .field__items .field__item p {
  font-size: 1rem;
}
.paragraph--type--slider .field--name-field-text-slider .field__items .field__item p:last-child {
  margin: 0;
}
.paragraph--type--svg-bild.image-border .field--name-field-svg-bild {
  border: 1px solid var(--grey);
  aspect-ratio: 1 / 1;
  display: flex;
  padding: 15px;
  align-items: center;
  justify-content: center;
  margin-bottom: 10px;
}
@keyframes animate-home {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.paragraph--type--home-ausstellungsteaser {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  flex: 1;
  padding: 0 68px 68px 68px;
}
.paragraph--type--home-ausstellungsteaser .home-ausstellungsteaser-bgr-image {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
}
.paragraph--type--home-ausstellungsteaser .home-ausstellungsteaser-bgr-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.paragraph--type--home-ausstellungsteaser .node--type-ausstellung {
  width: 460px;
  position: relative;
}
.paragraph--type--home-ausstellungsteaser .node--type-ausstellung.node--view-mode-hintergrundbild {
  margin-top: auto;
}
.paragraph--type--home-ausstellungsteaser .node--type-ausstellung.node--view-mode-teaser {
  margin-top: 10px;
}
@media screen and (max-width: 760px) {
  .paragraph--type--home-ausstellungsteaser {
    padding: 0 20px 20px 20px;
  }
  .paragraph--type--home-ausstellungsteaser .node--type-ausstellung {
    width: 100%;
  }
}
.paragraph--type--home-ausstellungsteaser .node--type-ausstellung.node--view-mode-hintergrundbild .event-head {
  opacity: 0;
  animation: animate-home 200ms;
  animation-delay: 1700ms;
  animation-fill-mode: forwards;
}
.paragraph--type--home-ausstellungsteaser .node--type-ausstellung.node--view-mode-hintergrundbild .event-info {
  opacity: 0;
  animation: animate-home 200ms;
  animation-delay: 1900ms;
  animation-fill-mode: forwards;
}
.paragraph--type--home-ausstellungsteaser .node--type-ausstellung.node--view-mode-teaser .event-info {
  opacity: 0;
  animation: animate-home 200ms;
  animation-delay: 2100ms;
  animation-fill-mode: forwards;
}
.paragraph--type--stoerer {
  width: 460px;
  position: relative;
  height: 0;
  z-index: 2;
}
.paragraph--type--stoerer > div {
  background: url(../../bilder/stoerer.svg) no-repeat center / contain;
  width: 200px;
  height: 200px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-size: 0.86em;
  transform: rotate(10deg);
  line-height: 1.25;
  color: var(--text-color);
  padding: 6px 0 0 0;
  position: absolute;
  right: -151px;
  top: -108px;
  transition: all 500ms;
}
.paragraph--type--stoerer > div:hover {
  transform: scale(1.1) rotate(10deg);
}
.paragraph--type--stoerer > div p {
  margin: 0;
}
.paragraph--type--stoerer > div a {
  color: var(--text-color) !important;
  text-decoration: none;
}
@media screen and (max-width: 760px) {
  .paragraph--type--stoerer {
    width: 100%;
  }
  .paragraph--type--stoerer > div {
    right: -30px;
    width: 140px;
    height: 140px;
    font-size: 0.65em;
  }
}
.paragraph--type--stoerer + .node--type-ausstellung.node--view-mode-hintergrundbild {
  margin-top: 0;
}

/*# sourceMappingURL=paragraphs.css.map */