@font-face {
  font-family: 'Header';
  src: url("../fonts/Caladea-Regular.woff2");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Menu';
  src: url("../fonts/OpenSans-Regular.woff2");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Footer';
  src: url("../fonts/OpenSans-Regular.woff2");
  font-weight: normal;
  font-style: normal;
}
.f--type-entity-reference-revisions .f-item > .p {
  padding-left: 10px;
  padding-right: 10px;
}
.f--type-entity-reference-revisions .f-item > .p .f-item > .p {
  padding-left: 0;
  padding-right: 0;
}
.f--name-field-paragraphs .node__content {
  padding-left: 0;
  padding-left: 0;
}
.p-type-image {
  text-align: center;
}
.p-type-image img {
  max-width: 100%;
  height: auto;
}
.p-type-image-and-text .f--name-field-body {
  text-align: center;
}
.p-type-image-and-text .f--name-field-body p {
  text-align: left;
}
.p-type-image-and-text .f--name-field-image {
  text-align: center;
}
.p-type-text .f--name-field-body p,
.p-type-text .f--name-field-body ul,
.p-type-text .f--name-field-body li {
  text-align: left;
}
.p-type-quote {
  font-size: 1.5em;
  font-family: 'Quote';
}
.p-type-quote .p-col {
  position: relative;
}
.p-type-quote .p-col .quote_lines {
  position: absolute;
  top: 33%;
  left: 25%;
  max-width: 1024px;
  background: #fff;
  padding: 10px;
}
.p-type-quote .f--name-field-quote {
  font-size: 1.5em;
  font-family: 'Quote';
}
.p-type-quote .f--name-field-image {
  line-height: 0.1em;
}
.p-type-quote .f--name-field-image img {
  max-width: 100%;
  height: auto;
  width: 100%;
}
.p-type-image-link .f {
  line-height: 0em;
  padding: 5px 0;
}
.p-type-layout {
  padding: 50px 0;
}
.p-type-layout.flex .layout__region {
  display: flex;
}
.p-type-layout.flex-item-30 .layout__region .p {
  flex: 0 0 28%;
}
.p-type-multiple-items .f--name-field-items {
  display: flex;
  justify-content: space-between;
}
.p-type-multiple-items .f--name-field-items > .f-item {
  max-width: 28%;
  text-align: center;
  padding: 10px;
}
.p-type-multiple-items .f--name-field-items > .f-item img {
  height: auto;
  max-width: 100%;
}
.p-type-multiple-items .f--name-field-items > .f-item .f--name-field-body {
  text-align: center;
}
.p-type-multiple-items .f--name-field-items > .f-item .f--name-field-body p {
  text-align: left;
}
.p-type-view .threeinarow .v-content {
  justify-content: space-between;
}
.p-type-view .threeinarow .v-content > .v-row:nth-child(2) {
  max-width: 34%;
}
.p-type-view .threeinarow .v-content > .v-row .description {
  text-align: left;
}
.p-type-contact-form input:not(.webform-button--submit) {
  max-width: 100%;
  width: 100%;
}
/*  input
    width auto !important*/
.p-type-gallery .f {
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
}
.p-heading {
  text-align: center;
  margin-bottom: 1em;
}
.p.p-w-28 .v-content > .v-row {
  flex: 0 0 28%;
}
.p.p-w-28 .v-content > .v-row:nth-child(2) {
  flex: 0 0 28%;
}
/*************************************************************
 Set the layout of a layout .layout--col-sectio to be smaller
 and with distance inbetween
 Rückt die Layouts ein*/
.layout--twocol-section {
  display: flex;
  justify-content: space-between;
}
.p.l-w-28 .layout > .layout__region {
  flex: 0 1 28%;
}
.p.l-w-48 .layout > .layout__region {
  flex: 0 0 48%;
}
.p.al-it-c .layout {
  align-items: center;
}
.p.al-it-t .layout {
  align-items: baseline;
}
/* Formating of the width of a paragraph item
** This leverages the paragraph.twig.html
*/
.width-desktop .p-col,
.width-1900 .p-col {
  max-width: 1900px;
  margin: 0 auto;
}
.width-1024 .p-col {
  max-width: 1024px;
  margin: 0 auto;
}
.width-1440 .p-col {
  max-width: 1440px;
  margin: 0 auto;
}
.width-768 .p-col {
  max-width: 768px;
  margin: 0 auto;
}
.width-580 .p-col {
  max-width: 580px;
  margin: 0 auto;
}
.width-320 .p-col {
  max-width: 320px;
  margin: 0 auto;
}
/* Background-image classes*/
.bg-c-on,
.bg-c-1 {
  background-size: cover;
}
.bg-f-on,
.bg-f-1 {
  background-attachment: fixed;
}
.bg-p-tl,
.bg-p-left {
  background-position-x: left;
  background-position-y: top;
  background-repeat: no-repeat;
}
.bg-p-tr {
  background-position-x: right;
  background-position-y: top;
  background-repeat: no-repeat;
}
.bg-p-br {
  background-position-x: right;
  background-position-y: bottom;
  background-repeat: no-repeat;
}
.bg-p-bl {
  background-position-x: left;
  background-position-y: bottom;
  background-repeat: no-repeat;
}
.bg-p-brc {
  background-position-x: center;
  background-position-y: bottom;
  background-repeat: no-repeat;
}
.bg-p-cc {
  background-position-x: center;
  background-position-y: center;
  background-repeat: no-repeat;
}
/**************************************************************
* Paragraph needs the Layout discover & builder for the formating
*/
.pr-0 .layout--twocol-section .layout__region--first {
  padding-right: 0em;
}
.pr-0 .layout--threecol-33-34-33 .layout__region,
.pr-0 .layout--threecol-section .layout__region {
  flex: 0 1 33%;
}
.pr-0 .layout--threecol-25-50-25 .layout__region--second {
  flex: 0 1 50%;
}
.pr-0 .layout--fourcol-section .layout__region {
  flex: 0 1 25%;
}
.layout--threecol-section h1,
.layout--threecol-section h2,
.layout--threecol-section h3 {
  word-break: break-word;
}
.layout--fourcol-section h1,
.layout--fourcol-section h2,
.layout--fourcol-section h3 {
  word-break: break-word;
}
.layout--twocol-section .layout__region--first {
  padding-right: 2em;
}
.layout--threecol-33-34-33,
.layout--threecol-section {
  justify-content: space-between;
}
.layout--fourcol-section {
  justify-content: space-between;
}
.layout--fourcol-section .layout__region {
  flex: 0 1 22%;
}
@media screen and (max-width: 580px) {
  .layout--twocol-section {
    display: block;
  }
}
@media screen and (max-width: 640px) {
  .layout__region--first {
    padding-right: 0;
  }
  .layout--twocol-section .layout__region--first {
    padding-right: 0;
  }
  .layout--threecol-25-50-25 .layout__region--second,
  .layout--threecol-33-34-33 .layout__region--second,
  .layout--threecol-section .layout__region--second {
    padding: 0;
  }
}
@media screen and (max-width: 768px) {
  .layout--threecol-section .layout__region {
    flex: 0 1 100%;
  }
  .layout--fourcol-section .layout__region {
    flex: 0 1 100%;
  }
  .layout--twocol-section > .layout__region {
    width: 100%;
  }
}
@media screen and (max-width: 1024px) {
  .pr-20 .layout--fourcol-section .layout__region {
    flex: 0 1 48%;
  }
}
@media screen and (min-width: 787px) {
  .layout--threecol-section--25-50-25 > .layout__region--first,
  .layout--threecol-section--25-25-50 > .layout__region--second,
  .layout--threecol-section--50-25-25 > .layout__region--second,
  .layout--threecol-section--50-25-25 > .layout__region--third {
    flex: 0 1 25%;
  }
  .layout--threecol-section--25-50-25 > .layout__region--second,
  .layout--threecol-section--25-25-50 > .layout__region--third,
  .layout--threecol-section--50-25-25 > .layout__region--first {
    flex: 0 1 48%;
  }
  .layout--threecol-section--33-34-33 > .layout__region--first,
  .layout--threecol-section--33-34-33 > .layout__region--third {
    flex: 0 1 31%;
  }
  .layout--threecol-section--33-34-33 > .layout__region--second {
    flex: 0 1 31%;
  }
  .layout--twocol-section.layout--twocol-section--50-50 > .layout__region--first,
  .layout--twocol-section.layout--twocol-section--50-50 > .layout__region--second {
    flex: 0 1 50%;
  }
  .layout--twocol-section.layout--twocol-section--33-67 > .layout__region--first,
  .layout--twocol-section.layout--twocol-section--67-33 > .layout__region--second {
    flex: 0 1 33%;
  }
  .layout--twocol-section.layout--twocol-section--33-67 > .layout__region--second,
  .layout--twocol-section.layout--twocol-section--67-33 > .layout__region--first {
    flex: 0 1 67%;
  }
  .layout--twocol-section.layout--twocol-section--25-75 > .layout__region--first,
  .layout--twocol-section.layout--twocol-section--75-25 > .layout__region--second {
    flex: 0 1 25%;
  }
  .layout--twocol-section.layout--twocol-section--25-75 > .layout__region--second,
  .layout--twocol-section.layout--twocol-section--75-25 > .layout__region--first {
    flex: 0 1 75%;
  }
}
/*# sourceMappingURL=paragraphs.css.map */