@charset "UTF-8";
.paragraph--type--ansichten-paragraph {
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.paragraph--type--ansichten-paragraph .views-element-container {
  margin: -1rem;
}
.paragraph--type--ansichten-paragraph .views-element-container > *:first-child {
  display: flex;
  flex-wrap: wrap;
}
.paragraph--type--ansichten-paragraph .views-element-container > *:first-child .views-row {
  width: 100%;
  padding: 1rem;
}
.paragraph--type--ansichten-paragraph .views-element-container > *:first-child .views-row .views-field-title {
  margin: 0.5rem 0;
  text-decoration: unset;
  color: #174374;
  font-size: 1.2rem;
  font-weight: 600;
}
.paragraph--type--ansichten-paragraph .views-element-container > *:first-child .views-row .views-field-field-beschreibung p {
  font-size: 0.8rem;
  margin: 0 0 1.5em;
}
.paragraph--type--ansichten-paragraph .views-element-container > *:first-child .views-row .views-field-field-bereich .field-content {
  display: flex;
  flex-wrap: wrap;
}
.paragraph--type--ansichten-paragraph .views-element-container > *:first-child .views-row .views-field-field-bereich .field-content ul {
  margin: unset;
  padding: unset;
}
.paragraph--type--ansichten-paragraph .views-element-container > *:first-child .views-row .views-field-field-bereich .field-content ul li {
  list-style-type: none;
  text-decoration: unset;
  color: #2494db;
  font-weight: 600;
  font-size: 0.8rem;
}
@media only screen and (min-width: 1200px) {
  .paragraph--type--ansichten-paragraph .views-element-container > *:first-child .views-row .views-field-field-bereich .field-content ul li {
    font-size: 0.8rem;
  }
}
@media only screen and (min-width: 620px) {
  .paragraph--type--ansichten-paragraph .views-element-container > *:first-child .views-row {
    width: 50%;
    padding: 1rem;
  }
}
@media only screen and (min-width: 1200px) {
  .paragraph--type--ansichten-paragraph .views-element-container > *:first-child .views-row {
    width: 33.3333333333%;
    padding: 1rem;
  }
}

.paragraph--type--ansichten-stellenangbote .views-row {
  margin-top: 2rem;
  margin-bottom: 1rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid;
}
.paragraph--type--ansichten-stellenangbote .views-row .views-field-title a {
  font-size: 2rem;
  font-weight: 700;
  color: #174374;
}
.paragraph--type--ansichten-stellenangbote .views-row .views-field-title a:hover {
  box-shadow: unset;
  background: unset;
  outline-color: transparent;
  text-decoration: underline;
}
.paragraph--type--ansichten-stellenangbote .views-row .views-field-field-stellenanbebot-vorschausub a {
  color: #174374;
}
.paragraph--type--ansichten-stellenangbote .views-row .views-field-field-stellenanbebot-vorschausub a:hover {
  box-shadow: unset;
  background: unset;
  outline-color: transparent;
  text-decoration: underline;
}

.paragraph--type--ansichten-leistungen {
  margin-top: 1.5rem;
  margin-bottom: 1rem;
}
.paragraph--type--ansichten-leistungen .container {
  max-width: 100% !important;
}
.paragraph--type--ansichten-leistungen .container .views-element-container {
  margin: 0 -1rem;
}
.paragraph--type--ansichten-leistungen .container .views-element-container > *:first-child {
  display: block;
  flex-wrap: unset;
}
.paragraph--type--ansichten-leistungen .container .views-element-container > *:first-child .views-row {
  width: 96%;
  margin: 2%;
  text-align: center;
  border: 2px solid #174374;
  /* Effect */
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  position: relative;
  transition-property: color;
  transition-duration: 0.3s;
  /* Main Settings */
}
.paragraph--type--ansichten-leistungen .container .views-element-container > *:first-child .views-row img {
  margin-top: 1rem;
  border-radius: 50%;
  border: 2px solid rgba(1, 66, 120, 0.6196078431);
  background-color: white;
}
.paragraph--type--ansichten-leistungen .container .views-element-container > *:first-child .views-row h2 {
  padding: 1rem;
  margin: 0;
  font-size: 1.2rem;
  font-weight: 700;
  color: #174374;
  -webkit-hyphens: auto;
  hyphens: auto;
}
.paragraph--type--ansichten-leistungen .container .views-element-container > *:first-child .views-row .field--name-field-teaser-text {
  font-family: "Lato", sans-serif;
  font-size: 0.8rem;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-bottom: 1rem;
  color: black;
}
.paragraph--type--ansichten-leistungen .container .views-element-container > *:first-child .views-row a:hover {
  box-shadow: unset;
  background: unset;
  outline-color: transparent;
}
.paragraph--type--ansichten-leistungen .container .views-element-container > *:first-child .views-row:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #174374;
  transform: scaleX(0);
  transform-origin: 0 50%;
  transition-property: transform;
  transition-duration: 0.5s;
  transition-timing-function: ease-out;
}
.paragraph--type--ansichten-leistungen .container .views-element-container > *:first-child .views-row:hover::before {
  transform: scaleX(1);
}
.paragraph--type--ansichten-leistungen .container .views-element-container > *:first-child .views-row:hover::after {
  transition-duration: 0 !important;
}
.paragraph--type--ansichten-leistungen .container .views-element-container > *:first-child .views-row:hover h2 {
  color: white;
}
.paragraph--type--ansichten-leistungen .container .views-element-container > *:first-child .views-row:hover p {
  color: white;
}
@media only screen and (min-width: 720px) {
  .paragraph--type--ansichten-leistungen .container .views-element-container > *:first-child .views-row {
    width: 45%;
    margin: 1rem;
  }
}
@media only screen and (min-width: 920px) {
  .paragraph--type--ansichten-leistungen .container .views-element-container > *:first-child .views-row {
    width: 45.5%;
    margin: 1rem;
  }
}
@media only screen and (min-width: 1200px) {
  .paragraph--type--ansichten-leistungen .container .views-element-container > *:first-child .views-row {
    width: 29.6666666667%;
    margin: 1rem;
  }
}
@media only screen and (min-width: 1440px) {
  .paragraph--type--ansichten-leistungen .container .views-element-container > *:first-child .views-row {
    width: 30.3333333333%;
    margin: 1rem;
  }
}
@media only screen and (min-width: 1654px) {
  .paragraph--type--ansichten-leistungen .container .views-element-container > *:first-child .views-row {
    width: 22.25%;
    margin: 1rem;
  }
}
@media only screen and (min-width: 1724px) {
  .paragraph--type--ansichten-leistungen .container .views-element-container > *:first-child .views-row {
    width: 22.5%;
    margin: 1rem;
  }
}
@media only screen and (min-width: 720px) {
  .paragraph--type--ansichten-leistungen .container .views-element-container > *:first-child {
    display: flex;
    flex-wrap: wrap;
  }
}

.paragraph--type--banner-background {
  background-image: url(/themes/custom/basic_si/images/Parallax_Hintergrundbild.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 5rem;
  padding-bottom: 5rem;
}
.paragraph--type--banner-background .banner-background-content {
  text-align: center;
  color: #174374;
}
.paragraph--type--banner-background .banner-background-content h2 {
  font-size: 2rem;
  margin: 0;
  padding-bottom: 1rem;
}
.paragraph--type--banner-background .banner-background-content .field--name-field-section-description {
  font-family: "Lato", sans-serif;
}

.paragraph--type--button {
  padding-top: 1rem;
  padding-bottom: 4rem;
}
.paragraph--type--button .container {
  text-align: center;
}
.paragraph--type--button .container a {
  padding: 0.8em 3.25em;
  background-color: #174374;
  color: white;
  border: 2px solid #174374;
  font-size: 0.8rem;
  font-family: "Lato", sans-serif;
  display: inline-block;
  text-decoration: none !important;
  text-transform: initial;
}
.paragraph--type--button .container a:hover {
  box-shadow: 2px 2px 0 #eee, -2px -2px 0 #eee, 2px -2px 0 #eee, -2px 2px 0 #eee;
  background: #eee;
  color: #174374;
  outline-color: transparent;
  border: 2px solid #174374;
}

.paragraph--type--call-to-action {
  background: #174374;
  color: white;
  padding-top: 4rem;
  padding-bottom: 4em;
  text-align: center;
}
.paragraph--type--call-to-action > .container > * {
  margin-top: 0;
  max-width: 33.33333rem;
  max-width: 35.33333rem;
  margin-left: auto;
  margin-right: auto;
  font-size: 2rem;
}
.paragraph--type--call-to-action > .container > *:last-child {
  margin-bottom: 0;
}
.paragraph--type--call-to-action > .container h2 {
  font-size: 2rem;
  margin-bottom: 0.5rem;
}
.paragraph--type--call-to-action .field--name-field-section-link a {
  padding: 0.375em 1.25em;
  border: 1px solid white;
  color: #fff;
  font-size: 0.8rem;
  font-family: "Lato", sans-serif;
  display: inline-block;
  text-decoration: none !important;
}
.paragraph--type--call-to-action .field--name-field-section-link a:hover, .paragraph--type--call-to-action .field--name-field-section-link a:focus, .paragraph--type--call-to-action .field--name-field-section-link a:active {
  background: #196899;
}
.paragraph--type--call-to-action .field--name-field-section-link a:hover {
  background: #ffffff;
  color: black;
  border: 1px solid black;
  box-shadow: 2px 2px 0 #eee, -2px -2px 0 #eee, 2px -2px 0 #eee, -2px 2px 0 #eee;
  transform: scale(1.1);
}

.paragraph--type--card {
  background-color: rgba(23, 67, 116, 0.1019607843);
  margin-bottom: 2rem;
  padding: 2rem 1rem 0 1rem;
}
.paragraph--type--card figure > * {
  border-radius: 0.25rem 0.25rem 0 0;
  overflow: hidden;
}
.paragraph--type--card figure img {
  width: 100%;
}
.paragraph--type--card .card-content {
  text-align: center;
  color: #014278;
  height: 325px;
}
.paragraph--type--card .card-content h3 {
  height: 4rem;
}
.paragraph--type--card .card-content > *:first-child {
  margin-top: 0;
  border-radius: 50%;
  border: 2px solid rgba(1, 66, 120, 0.6196078431);
}
@media only screen and (min-width: 562px) {
  .paragraph--type--card .card-content {
    height: 365px;
  }
}
@media only screen and (min-width: 720px) {
  .paragraph--type--card .card-content {
    height: 400px;
  }
}
@media only screen and (min-width: 920px) {
  .paragraph--type--card .card-content {
    height: 425px;
  }
}
@media only screen and (min-width: 1200px) {
  .paragraph--type--card .card-content {
    height: 450px;
  }
}

@media only screen and (min-width: 720px) {
  .paragraph--type--card {
    margin-bottom: 0;
  }
}
.paragraph--type--card:hover {
  transition: background-color 0.5s ease;
  background-color: #174374;
}

.paragraph--type--card:hover .card-content h3 {
  color: white;
}

.paragraph--type--card:hover .card-content p {
  color: white;
}

.paragraph--type--cards {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.paragraph--type--cards .container-cards {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}
.paragraph--type--cards .container-cards h2 {
  font-size: 2rem;
  color: #014278;
  text-align: center;
  margin-bottom: 1.5rem;
}
.paragraph--type--cards .container-cards .field--name-field-cards {
  list-style: none;
  padding: 0;
}
.paragraph--type--cards .container-cards .field--name-field-cards > li {
  width: auto;
  margin: 0.5rem;
}
@media (min-width: 720px) {
  .paragraph--type--cards .container-cards .field--name-field-cards {
    display: flex;
    flex-wrap: wrap;
  }
}
@media (min-width: 1200px) {
  .paragraph--type--cards .container-cards .field--name-field-cards {
    display: flex;
    flex-wrap: unset;
  }
}
@media only screen and (min-width: 720px) {
  .paragraph--type--cards .container-cards .field--name-field-cards > li {
    width: 100%;
  }
}
@media only screen and (min-width: 1200px) {
  .paragraph--type--cards .container-cards .field--name-field-cards > li {
    width: 25%;
  }
}
@media only screen and (min-width: 1220px) {
  .paragraph--type--cards .container-cards .field--name-field-cards > li {
    width: 25%;
  }
}
@media only screen and (min-width: 1440px) {
  .paragraph--type--cards .container-cards .field--name-field-cards > li {
    width: 25%;
  }
}
@media only screen and (min-width: 1700px) {
  .paragraph--type--cards .container-cards .field--name-field-cards > li {
    width: 25%;
  }
}

.paragraph--type--checklist .field--name-field-section-list-item {
  display: flex;
  flex-flow: wrap;
  font-size: 1.125rem;
  padding: 0;
  list-style: none;
  background: #ddd;
  margin-left: -1rem;
  margin-right: -1rem;
}
@media (min-width: 720px) {
  .paragraph--type--checklist .field--name-field-section-list-item {
    margin-left: 0;
    margin-right: 0;
  }
}
.paragraph--type--checklist .field--name-field-section-list-item > li {
  width: 100%;
  padding: 1rem 1rem 1rem 2.5rem;
  margin: 0;
  position: relative;
}
@media (min-width: 720px) {
  .paragraph--type--checklist .field--name-field-section-list-item > li {
    width: 50%;
  }
}
@media (min-width: 960px) {
  .paragraph--type--checklist .field--name-field-section-list-item > li {
    width: 33.33333%;
  }
}
.paragraph--type--checklist .field--name-field-section-list-item > li:before {
  display: inline-block;
  text-decoration: inherit;
  text-indent: 0;
  position: absolute;
  top: 1rem;
  left: 1rem;
  height: 1.5rem;
  width: 1.5rem;
  content: "✔";
  color: #2494db;
}

.paragraph--type--kontakt-box {
  margin-top: 3rem;
  margin-bottom: 3rem;
}
.paragraph--type--kontakt-box .contact-box-wrapper {
  display: block;
}
.paragraph--type--kontakt-box .contact-box-wrapper .contact-box-left {
  width: 100%;
  margin-right: 0;
}
.paragraph--type--kontakt-box .contact-box-wrapper .contact-box-left .field--name-field-kontaktbild {
  width: 300px;
  padding: 1rem;
  text-align: center;
}
@media only screen and (min-width: 920px) {
  .paragraph--type--kontakt-box .contact-box-wrapper .contact-box-left {
    width: 30%;
    margin-right: 2rem;
  }
}
.paragraph--type--kontakt-box .contact-box-wrapper .contact-box-right {
  width: 100%;
}
@media only screen and (min-width: 920px) {
  .paragraph--type--kontakt-box .contact-box-wrapper .contact-box-right {
    width: 70%;
  }
}
@media only screen and (min-width: 920px) {
  .paragraph--type--kontakt-box .contact-box-wrapper {
    display: flex;
  }
}

.paragraph--type--description-list > .container > * {
  max-width: 33.33333rem;
  max-width: 35.33333rem;
  margin-left: auto;
  margin-right: auto;
}

.paragraph--type--highlight-box {
  background: #ddd;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  margin-top: 3rem;
  margin-bottom: 3rem;
}
.paragraph--type--highlight-box > .container > * {
  margin-top: 0;
}
.paragraph--type--highlight-box > .container > *:last-child {
  margin-bottom: 0;
}
.paragraph--type--highlight-box > .container figure {
  margin-left: -1rem;
  margin-right: -1rem;
  margin-bottom: 1rem;
  margin-top: -1.5rem;
}
@media (min-width: 720px) {
  .paragraph--type--highlight-box > .container figure {
    clear: left;
    float: left;
    margin-left: 0;
    margin-right: 2rem;
    margin-bottom: 0;
    margin-top: 0.4rem;
    max-width: 38.2%;
    min-width: auto !important;
  }
}
.paragraph--type--highlight-box > .container figure figcaption {
  padding-left: 1rem;
  padding-right: 1rem;
}
@media (min-width: 720px) {
  .paragraph--type--highlight-box > .container figure figcaption {
    padding-left: 0;
    padding-right: 0;
  }
}

.paragraph--type--image-carousel > .container {
  padding-left: 0;
  padding-right: 0;
}
@media (min-width: 720px) {
  .paragraph--type--image-carousel > .container {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
.paragraph--type--image-carousel > .container .field--name-field-section-title {
  padding-left: 1rem;
  padding-right: 1rem;
}
@media (min-width: 720px) {
  .paragraph--type--image-carousel > .container .field--name-field-section-title {
    padding-left: 0;
    padding-right: 0;
  }
}
.paragraph--type--image-carousel .field--name-field-section-medias {
  margin: 0;
  padding: 0;
  list-style: none;
}
.paragraph--type--image-carousel .field--name-field-section-medias li {
  padding: 0;
  margin: 0;
  width: 100%;
}
.paragraph--type--image-carousel .field--name-field-section-medias li img {
  display: block;
}

.paragraph--type--image-gallery {
  padding-top: 2rem;
  padding-bottom: 2rem;
  background-color: #174374;
}
.paragraph--type--image-gallery .field--name-field-section-medias {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: center;
  margin: 0;
  padding: 0;
  list-style: none;
  margin-left: calc(-1rem + 2px);
  margin-right: calc(-1rem + 2px);
}
@media (min-width: 720px) {
  .paragraph--type--image-gallery .field--name-field-section-medias {
    margin-left: -2px;
    margin-right: -2px;
  }
}
.paragraph--type--image-gallery .field--name-field-section-medias li {
  padding: 0;
  margin: 2px;
  width: calc(50% - 4px);
  /*&:before {
      content: "";
  }*/
  padding: 0.5rem;
}
@media (min-width: 320px) {
  .paragraph--type--image-gallery .field--name-field-section-medias li {
    width: calc(50% - 4px);
  }
}
@media (min-width: 720px) {
  .paragraph--type--image-gallery .field--name-field-section-medias li {
    width: calc(33.3333333333% - 4px);
  }
}
@media (min-width: 960px) {
  .paragraph--type--image-gallery .field--name-field-section-medias li {
    width: calc(25% - 4px);
  }
}
@media (min-width: 1200px) {
  .paragraph--type--image-gallery .field--name-field-section-medias li {
    width: calc(25% - 4px);
  }
}
.paragraph--type--image-gallery .field--name-field-section-medias li img {
  display: block;
  width: 100%;
}

.paragraph--type--image-large figure {
  margin-left: -1rem;
  margin-right: -1rem;
}
@media (min-width: 720px) {
  .paragraph--type--image-large figure {
    margin-left: 0;
    margin-right: 0;
  }
}
.paragraph--type--image-large figure figcaption {
  padding-left: 1rem;
  padding-right: 1rem;
}
@media (min-width: 720px) {
  .paragraph--type--image-large figure figcaption {
    padding-left: 0;
    padding-right: 0;
  }
}

.paragraph--type--kontaktformular {
  background-color: rgba(23, 67, 116, 0.1215686275);
  padding-top: 3rem;
  padding-bottom: 3rem;
  margin-bottom: 2.5rem;
}
.paragraph--type--kontaktformular .contact-formular-wrapper {
  display: block;
}
.paragraph--type--kontaktformular .contact-formular-wrapper .contact-formular-left {
  width: 100%;
}
.paragraph--type--kontaktformular .contact-formular-wrapper .contact-formular-left h2 {
  margin: 0;
  font-size: 3rem;
  color: #174374;
  margin-bottom: 1.5rem;
}
@media only screen and (min-width: 720px) {
  .paragraph--type--kontaktformular .contact-formular-wrapper .contact-formular-left h2 {
    margin-bottom: 0;
  }
}
@media only screen and (min-width: 720px) {
  .paragraph--type--kontaktformular .contact-formular-wrapper .contact-formular-left {
    width: 30%;
  }
}
.paragraph--type--kontaktformular .contact-formular-wrapper .contact-formular-right {
  width: 100%;
}
.paragraph--type--kontaktformular .contact-formular-wrapper .contact-formular-right div#edit-actions {
  text-align: right;
}
.paragraph--type--kontaktformular .contact-formular-wrapper .contact-formular-right div#edit-actions input#edit-submit {
  background-color: #174374;
  color: white;
}
.paragraph--type--kontaktformular .contact-formular-wrapper .contact-formular-right div#edit-actions .js-filter-wrapper {
  display: none;
}
.paragraph--type--kontaktformular .contact-formular-wrapper .contact-formular-right div#edit-field-ihr-abliegen-0-format {
  display: none;
}
.paragraph--type--kontaktformular .contact-formular-wrapper .contact-formular-right .js-form-item-field-datenschutz {
  position: relative;
}
.paragraph--type--kontaktformular .contact-formular-wrapper .contact-formular-right .js-form-item-field-datenschutz input#edit-field-datenschutz-ja {
  position: absolute;
  top: 0.375rem;
}
.paragraph--type--kontaktformular .contact-formular-wrapper .contact-formular-right .js-form-item-field-datenschutz label.option {
  margin-left: 1.25rem;
  margin-bottom: 1.25rem;
}
@media only screen and (min-width: 720px) {
  .paragraph--type--kontaktformular .contact-formular-wrapper .contact-formular-right {
    width: 70%;
  }
}
@media only screen and (min-width: 720px) {
  .paragraph--type--kontaktformular .contact-formular-wrapper {
    display: flex;
  }
}

.paragraph--type--logo-gallery .field--name-field-section-images,
.paragraph--type--logo-gallery .field--name-field-section-medias {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: center;
  margin: 0;
  padding: 0;
  list-style: none;
  margin-left: calc(-1rem + 2px);
  margin-right: calc(-1rem + 2px);
}
@media (min-width: 720px) {
  .paragraph--type--logo-gallery .field--name-field-section-images,
  .paragraph--type--logo-gallery .field--name-field-section-medias {
    margin-left: -2px;
    margin-right: -2px;
  }
}
.paragraph--type--logo-gallery .field--name-field-section-images li,
.paragraph--type--logo-gallery .field--name-field-section-medias li {
  padding: 0;
  margin: 2px;
  width: calc(50% - 4px);
  /*&:before {
      content: "";
  }*/
}
@media (min-width: 320px) {
  .paragraph--type--logo-gallery .field--name-field-section-images li,
  .paragraph--type--logo-gallery .field--name-field-section-medias li {
    width: calc(50% - 4px);
  }
}
@media (min-width: 720px) {
  .paragraph--type--logo-gallery .field--name-field-section-images li,
  .paragraph--type--logo-gallery .field--name-field-section-medias li {
    width: calc(33.3333333333% - 4px);
  }
}
@media (min-width: 960px) {
  .paragraph--type--logo-gallery .field--name-field-section-images li,
  .paragraph--type--logo-gallery .field--name-field-section-medias li {
    width: calc(25% - 4px);
  }
}
@media (min-width: 1200px) {
  .paragraph--type--logo-gallery .field--name-field-section-images li,
  .paragraph--type--logo-gallery .field--name-field-section-medias li {
    width: calc(25% - 4px);
  }
}
.paragraph--type--logo-gallery .field--name-field-section-images li img,
.paragraph--type--logo-gallery .field--name-field-section-medias li img {
  display: block;
}

.paragraph--type--quote .quote-wrapper {
  display: flex;
  background-color: #ddd;
  margin-left: -1rem;
  margin-right: -1rem;
}
@media (min-width: 720px) {
  .paragraph--type--quote .quote-wrapper {
    margin-left: 0;
    margin-right: 0;
  }
}
.paragraph--type--quote .quote-wrapper > div:first-child {
  padding-left: 0;
}
.paragraph--type--quote .quote-wrapper > figure {
  margin-bottom: 0;
  width: calc(38.2% - 3rem);
  min-width: 25%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1.5rem;
}
.paragraph--type--quote .quote-wrapper > figure img {
  border-radius: 50%;
  max-width: 160px;
  width: 100%;
}
.paragraph--type--quote .quote-wrapper blockquote {
  width: calc(61.8% + 3rem);
  margin: 1.5rem 0;
  font-size: 1rem;
  line-height: 1.6;
  padding: 0.75rem 1.5rem 0.75rem 1.75rem;
  border-left: 0.25rem solid #222;
}
.paragraph--type--quote .quote-wrapper blockquote footer {
  margin-top: 0.75rem;
  font-size: 0.875rem;
}
.paragraph--type--quote .quote-wrapper blockquote footer:before {
  content: "— ";
}

.paragraph--type--references .field--name-field-section-references {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.paragraph--type--separator-line {
  margin: 1.5rem 0;
}
.paragraph--type--separator-line .container {
  border-bottom: 1px solid;
}

.paragraph--type--table .tablefield-wrapper {
  overflow-x: scroll;
  -ms-overflow-style: -ms-autohiding-scrollbar;
}

.paragraph--type--text {
  margin-top: 3rem;
  margin-bottom: 3rem;
}
.paragraph--type--text h2 {
  margin: 0;
  color: #174374;
}
.paragraph--type--text .titel-spacer-wrapper {
  padding-top: 0.5rem;
  padding-bottom: 1rem;
}
.paragraph--type--text .titel-spacer-wrapper .title-text-spacer {
  border-bottom: 1px solid #174374;
}
.paragraph--type--text .intro-text-wrapper {
  display: block;
}
.paragraph--type--text .intro-text-wrapper .intro-text-left {
  width: 100%;
  margin-right: 2rem;
}
.paragraph--type--text .intro-text-wrapper .intro-text-left p {
  margin: 0 0 0.75em;
  font-family: "EB Garamond", serif;
  font-size: 0.9rem;
}
@media only screen and (min-width: 920px) {
  .paragraph--type--text .intro-text-wrapper .intro-text-left {
    width: 50%;
  }
}
.paragraph--type--text .intro-text-wrapper .intro-text-right {
  width: 100%;
}
.paragraph--type--text .intro-text-wrapper .intro-text-right p {
  margin: 0 0 0.75em;
  font-family: "EB Garamond", serif;
  font-size: 0.9rem;
}
@media only screen and (min-width: 920px) {
  .paragraph--type--text .intro-text-wrapper .intro-text-right {
    width: 50%;
  }
}
@media only screen and (min-width: 920px) {
  .paragraph--type--text .intro-text-wrapper {
    display: flex;
  }
}

.paragraph--type--text-with-image {
  display: flow-root;
}
.paragraph--type--text-with-image .container {
  /*
    >* {
        max-width: 33.33333rem;
        max-width: 35.33333rem; //61.8% of 1200px
        margin-left: auto;
        margin-right: auto;
    }
  */
}
.paragraph--type--text-with-image .container figure {
  margin-left: -1rem;
  margin-right: -1rem;
}
@media (min-width: 720px) {
  .paragraph--type--text-with-image .container figure {
    clear: left;
    float: left;
    margin-bottom: 1rem;
    margin-left: 0;
    margin-right: 2rem;
    margin-top: 0.4rem;
    max-width: 38.2%;
    min-width: auto !important;
  }
}
.paragraph--type--text-with-image .container figure figcaption {
  padding-left: 1rem;
  padding-right: 1rem;
}
@media (min-width: 720px) {
  .paragraph--type--text-with-image .container figure figcaption {
    padding-left: 0;
    padding-right: 0;
  }
}
.paragraph--type--text-with-image .container h2 {
  color: #174374;
}
.paragraph--type--text-with-image .container li p {
  margin: 0;
  color: rgba(8, 27, 51, 0.8);
}
@media (min-width: 720px) {
  .paragraph--type--text-with-image.paragraph--image--alignment--right .container figure {
    clear: right;
    float: right;
    margin-bottom: 1rem;
    margin-left: 2rem;
    margin-right: 0;
    margin-top: 0.4rem;
    max-width: 38.2%;
    min-width: auto !important;
  }
}

.paragraph--type--three-areas {
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.paragraph--type--three-areas .three-areas-wrapper {
  display: block;
  text-align: center;
  margin-left: 0;
  margin-right: 0;
}
.paragraph--type--three-areas .three-areas-wrapper .three-areas-content {
  margin: 0rem 1rem;
}
.paragraph--type--three-areas .three-areas-wrapper .three-areas-content .field__item {
  padding: 1.5rem 6rem;
  margin-top: 1rem;
}
.paragraph--type--three-areas .three-areas-wrapper .three-areas-content .field--name-field-link-links a,
.paragraph--type--three-areas .three-areas-wrapper .three-areas-content .field--name-field-link-mittig a,
.paragraph--type--three-areas .three-areas-wrapper .three-areas-content .field--name-field-link-rechts a {
  padding: 0.5em 1.5em;
  background-color: #174374;
  color: white;
  border: 2px solid #174374;
  font-size: 0.8rem;
  font-family: "Lato", sans-serif;
  display: inline-block;
  text-decoration: none !important;
  text-transform: initial;
}
.paragraph--type--three-areas .three-areas-wrapper .three-areas-content .field--name-field-link-links a .ext,
.paragraph--type--three-areas .three-areas-wrapper .three-areas-content .field--name-field-link-mittig a .ext,
.paragraph--type--three-areas .three-areas-wrapper .three-areas-content .field--name-field-link-rechts a .ext {
  display: none;
}
.paragraph--type--three-areas .three-areas-wrapper .three-areas-content .field--name-field-link-links a:hover,
.paragraph--type--three-areas .three-areas-wrapper .three-areas-content .field--name-field-link-mittig a:hover,
.paragraph--type--three-areas .three-areas-wrapper .three-areas-content .field--name-field-link-rechts a:hover {
  box-shadow: 2px 2px 0 #eee, -2px -2px 0 #eee, 2px -2px 0 #eee, -2px 2px 0 #eee;
  background: #eee;
  color: #174374;
  outline-color: transparent;
  border: 2px solid #174374;
}
@media only screen and (min-width: 1320px) {
  .paragraph--type--three-areas .three-areas-wrapper .three-areas-content .field--name-field-link-links a,
  .paragraph--type--three-areas .three-areas-wrapper .three-areas-content .field--name-field-link-mittig a,
  .paragraph--type--three-areas .three-areas-wrapper .three-areas-content .field--name-field-link-rechts a {
    padding: 0.5em 2em;
  }
}
@media only screen and (min-width: 1320px) {
  .paragraph--type--three-areas .three-areas-wrapper .three-areas-content .field--name-field-link-links a,
  .paragraph--type--three-areas .three-areas-wrapper .three-areas-content .field--name-field-link-mittig a,
  .paragraph--type--three-areas .three-areas-wrapper .three-areas-content .field--name-field-link-rechts a {
    padding: 0.5em 2em;
  }
}
@media only screen and (min-width: 1440px) {
  .paragraph--type--three-areas .three-areas-wrapper .three-areas-content .field--name-field-link-links a,
  .paragraph--type--three-areas .three-areas-wrapper .three-areas-content .field--name-field-link-mittig a,
  .paragraph--type--three-areas .three-areas-wrapper .three-areas-content .field--name-field-link-rechts a {
    padding: 0.8em 3.25em;
  }
}
.paragraph--type--three-areas .three-areas-wrapper .three-areas-content .three-areas-spacer {
  border-bottom: 1px solid #b5b5b5;
  margin: 0 5rem;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
@media only screen and (min-width: 420px) {
  .paragraph--type--three-areas .three-areas-wrapper .three-areas-content .field__item {
    padding: 1rem 8rem;
    margin-top: 1rem;
  }
}
@media only screen and (min-width: 562px) {
  .paragraph--type--three-areas .three-areas-wrapper .three-areas-content .field__item {
    padding: 1rem 12rem;
    margin-top: 1rem;
  }
}
@media only screen and (min-width: 720px) {
  .paragraph--type--three-areas .three-areas-wrapper .three-areas-content .field__item {
    padding: 1rem 16rem;
    margin-top: 1rem;
  }
}
@media only screen and (min-width: 920px) {
  .paragraph--type--three-areas .three-areas-wrapper .three-areas-content .field__item {
    padding: 1.5rem 2rem;
    margin-top: 1rem;
  }
}
@media only screen and (min-width: 1200px) {
  .paragraph--type--three-areas .three-areas-wrapper .three-areas-content .field__item {
    padding: 1rem 6rem;
    margin-top: 0;
  }
}
@media only screen and (min-width: 1600px) {
  .paragraph--type--three-areas .three-areas-wrapper .three-areas-content .field__item {
    padding: 1.5rem 8rem;
    margin-top: 0;
  }
}
@media only screen and (min-width: 920px) {
  .paragraph--type--three-areas .three-areas-wrapper .three-areas-content {
    width: 48%;
    margin: 0rem 0.5rem;
  }
}
@media only screen and (min-width: 1200px) {
  .paragraph--type--three-areas .three-areas-wrapper .three-areas-content {
    width: 33.3333333333%;
    margin: 0rem 0.5rem;
  }
}
@media only screen and (min-width: 1200px) {
  .paragraph--type--three-areas .three-areas-wrapper .three-areas-content {
    width: 33.3333333333%;
    margin: 0rem 0.5rem;
  }
}
@media only screen and (min-width: 1600px) {
  .paragraph--type--three-areas .three-areas-wrapper .three-areas-content {
    width: 33.3333333333%;
    margin: 0rem 0.5rem;
  }
}
.paragraph--type--three-areas .three-areas-wrapper .three-areas-content:hover {
  background-color: rgba(23, 67, 116, 0.1019607843);
}
@media only screen and (min-width: 720px) {
  .paragraph--type--three-areas .three-areas-wrapper {
    display: flex;
    flex-wrap: wrap;
    text-align: center;
    margin-left: 0.5rem;
    margin-right: 0.5rem;
  }
}
@media only screen and (min-width: 1200px) {
  .paragraph--type--three-areas .three-areas-wrapper {
    display: flex;
    flex-wrap: unset;
    text-align: center;
    margin-left: 0.5rem;
    margin-right: 0.5rem;
  }
}

@media only screen and (min-width: 720px) {
  .paragraph--type--three-areas {
    padding-top: 1rem;
    padding-bottom: 3rem;
  }
}
.paragraph--type--textbanner-center {
  background-color: white;
  padding-top: 3rem;
  padding-bottom: 3rem;
}
.paragraph--type--textbanner-center .container {
  text-align: center;
}
.paragraph--type--textbanner-center .container h2 {
  color: #014278;
  margin: 1.5rem 0 0rem;
}
.paragraph--type--textbanner-center .container h3 {
  color: #014278;
  margin: 0.5rem 0 0.75rem;
}
.paragraph--type--textbanner-center .container .field--name-field-section-description {
  color: #014278;
  font-family: "Lato", sans-serif;
}

.parallax {
  min-height: 300px;
  background-size: cover;
  position: relative;
  margin: 2rem 0;
}
.parallax h3 {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  display: block;
  height: 2rem;
  text-align: center;
  color: #fff;
  font-size: 2rem;
  padding: 0 1rem;
  text-shadow: 2px 2px 5px #000;
}

.paragraph--type--parallax-img-right {
  background-color: #174374;
}
.paragraph--type--parallax-img-right h2 {
  margin: 0;
}
.paragraph--type--parallax-img-right .prallax-imgright-wrapper {
  display: block;
}
.paragraph--type--parallax-img-right .prallax-imgright-wrapper .prallax-imgright-content-left {
  width: 100%;
  padding: 1rem;
}
.paragraph--type--parallax-img-right .prallax-imgright-wrapper .prallax-imgright-content-left h2 {
  color: #ffffff;
}
.paragraph--type--parallax-img-right .prallax-imgright-wrapper .prallax-imgright-content-left .parallax-spacer-wrapper {
  margin-top: 0.5rem;
  margin-bottom: 1rem;
}
.paragraph--type--parallax-img-right .prallax-imgright-wrapper .prallax-imgright-content-left .parallax-spacer-wrapper .title-parallax-spacer {
  border-bottom: 1px solid #ffffff;
}
.paragraph--type--parallax-img-right .prallax-imgright-wrapper .prallax-imgright-content-left p {
  font-size: 0.9rem;
  color: #ffffff;
}
.paragraph--type--parallax-img-right .prallax-imgright-wrapper .prallax-imgright-content-left a {
  padding: 0.375em 1.25em;
  border: 1px solid #ffffff;
  color: #ffffff;
  font-size: 0.8rem;
  font-family: "Lato", sans-serif;
  display: inline-block;
  text-decoration: none !important;
  margin-top: 1.5rem;
  background-color: #174374;
}
.paragraph--type--parallax-img-right .prallax-imgright-wrapper .prallax-imgright-content-left a:hover {
  background: #ffffff;
  color: #174374 !important;
  border: 1px solid #174374 !important;
  box-shadow: 2px 2px 0 #eee, -2px -2px 0 #eee, 2px -2px 0 #eee, -2px 2px 0 #eee;
}
@media only screen and (min-width: 720px) {
  .paragraph--type--parallax-img-right .prallax-imgright-wrapper .prallax-imgright-content-left {
    width: 100%;
    padding: 2rem;
  }
}
@media only screen and (min-width: 920px) {
  .paragraph--type--parallax-img-right .prallax-imgright-wrapper .prallax-imgright-content-left {
    width: 50%;
    padding: 5rem;
  }
}
.paragraph--type--parallax-img-right .prallax-imgright-wrapper .prallax-imgright-content-right {
  display: none;
  width: 100%;
  min-height: 150px;
  position: relative;
  background-color: #FFFFFF !important;
  background-image: url(/themes/custom/basic_si/images/besprechungszimmer.jpg) !important;
  background-repeat: no-repeat !important;
  background-attachment: fixed !important;
  background-size: 55% auto;
  background-position: top right !important;
  z-index: auto;
}
@media only screen and (min-width: 920px) {
  .paragraph--type--parallax-img-right .prallax-imgright-wrapper .prallax-imgright-content-right {
    display: initial;
    width: 50%;
  }
}
@media only screen and (min-width: 920px) {
  .paragraph--type--parallax-img-right .prallax-imgright-wrapper {
    display: flex;
  }
}

.paragraph--type--parallax-img-left {
  background-color: rgba(23, 67, 116, 0.1019607843);
  border-bottom: 1px solid white;
}
.paragraph--type--parallax-img-left h2 {
  margin: 0;
}
.paragraph--type--parallax-img-left .prallax-imgleft-wrapper {
  display: block;
}
.paragraph--type--parallax-img-left .prallax-imgleft-wrapper .prallax-imgright-content-left {
  display: none;
  width: 100%;
  min-height: 150px;
  position: relative;
  background-color: #FFFFFF !important;
  background-image: url(/themes/custom/basic_si/images/empfang.jpg) !important;
  background-repeat: no-repeat !important;
  background-attachment: fixed !important;
  background-position: center center !important;
  background-size: cover;
  z-index: auto;
}
@media only screen and (min-width: 920px) {
  .paragraph--type--parallax-img-left .prallax-imgleft-wrapper .prallax-imgright-content-left {
    display: initial;
    width: 50%;
  }
}
.paragraph--type--parallax-img-left .prallax-imgleft-wrapper .prallax-imgright-content-right {
  width: 100%;
  padding: 1rem;
}
.paragraph--type--parallax-img-left .prallax-imgleft-wrapper .prallax-imgright-content-right h2 {
  color: #174374;
}
.paragraph--type--parallax-img-left .prallax-imgleft-wrapper .prallax-imgright-content-right .parallax-spacer-wrapper {
  margin-top: 0.5rem;
  margin-bottom: 1rem;
}
.paragraph--type--parallax-img-left .prallax-imgleft-wrapper .prallax-imgright-content-right .parallax-spacer-wrapper .title-parallax-spacer {
  border-bottom: 1px solid #174374;
}
.paragraph--type--parallax-img-left .prallax-imgleft-wrapper .prallax-imgright-content-right p {
  color: #174374;
  font-size: 0.9rem;
}
.paragraph--type--parallax-img-left .prallax-imgleft-wrapper .prallax-imgright-content-right a {
  padding: 0.375em 1.25em;
  border: 1px solid #174374;
  color: #174374;
  font-size: 0.8rem;
  font-family: "Lato", sans-serif;
  display: inline-block;
  text-decoration: none !important;
  margin-top: 1.5rem;
}
.paragraph--type--parallax-img-left .prallax-imgleft-wrapper .prallax-imgright-content-right a:hover {
  background: #174374;
  color: #ffffff !important;
  border: 1px solid #174374 !important;
  box-shadow: 2px 2px 0 #eee, -2px -2px 0 #eee, 2px -2px 0 #eee, -2px 2px 0 #eee;
}
@media only screen and (min-width: 720px) {
  .paragraph--type--parallax-img-left .prallax-imgleft-wrapper .prallax-imgright-content-right {
    width: 100%;
    padding: 2rem;
  }
}
@media only screen and (min-width: 920px) {
  .paragraph--type--parallax-img-left .prallax-imgleft-wrapper .prallax-imgright-content-right {
    width: 50%;
    padding: 5rem;
  }
}
@media only screen and (min-width: 920px) {
  .paragraph--type--parallax-img-left .prallax-imgleft-wrapper {
    display: flex;
  }
}

.paragraph--type--zwei-boxen-text-bild .two-boxes-content {
  display: block;
}
.paragraph--type--zwei-boxen-text-bild .two-boxes-content .two-boxes-left {
  width: 100%;
  padding: 5rem 3rem;
  background-color: #174374;
  color: white;
  text-align: center;
}
.paragraph--type--zwei-boxen-text-bild .two-boxes-content .two-boxes-left h2 {
  margin: 0 0 1rem 0;
  font-size: 2rem;
}
.paragraph--type--zwei-boxen-text-bild .two-boxes-content .two-boxes-left .field--name-field-section-description {
  padding-bottom: 2rem;
}
.paragraph--type--zwei-boxen-text-bild .two-boxes-content .two-boxes-left .field--name-field-section-description p {
  margin-bottom: 2rem;
  font-family: "Lato", sans-serif;
}
.paragraph--type--zwei-boxen-text-bild .two-boxes-content .two-boxes-left a {
  outline: 2px solid transparent;
  outline-offset: 2rem;
  transition: all 0.3s ease-in-out;
  padding: 0.375em 4.25em;
  border: 1px solid white;
  color: #fff;
  font-size: 0.8rem;
  display: inline-block;
  text-decoration: none !important;
}
.paragraph--type--zwei-boxen-text-bild .two-boxes-content .two-boxes-left a:hover {
  color: black;
  border: 1px solid black;
}
.paragraph--type--zwei-boxen-text-bild .two-boxes-content .two-boxes-left .field--name-field-section-link {
  font-family: "Lato", sans-serif;
}
.paragraph--type--zwei-boxen-text-bild .two-boxes-content .two-boxes-right {
  width: 100%;
  min-height: 150px;
  background-size: cover;
  position: relative;
  background-color: #FFFFFF !important;
  background-image: url(/themes/custom/basic_si/images/parallax_background.jpg) !important;
  background-repeat: no-repeat !important;
  background-attachment: fixed !important;
  background-position: center center !important;
  z-index: auto;
}
.paragraph--type--zwei-boxen-text-bild .two-boxes-content .two-boxes-right img {
  height: fit-content;
}
@media only screen and (min-width: 1200px) {
  .paragraph--type--zwei-boxen-text-bild .two-boxes-content .two-boxes-left,
  .paragraph--type--zwei-boxen-text-bild .two-boxes-content .two-boxes-right {
    width: 50%;
  }
}
@media only screen and (min-width: 1200px) {
  .paragraph--type--zwei-boxen-text-bild .two-boxes-content {
    display: flex;
  }
}

.partner_wrapper {
  padding-top: 1rem;
  padding-bottom: 3rem;
  display: flex;
  flex-wrap: nowrap;
  text-align: center;
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}
@media (max-width: 992px) {
  .partner_wrapper {
    flex-wrap: wrap;
  }
}
.partner_wrapper > div {
  width: 33.3333333333%;
  margin: 0rem 0.5rem;
  text-align: center;
  padding: 10px 20px;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  align-items: center;
  margin-bottom: 1.5rem;
}
@media (max-width: 992px) {
  .partner_wrapper > div {
    width: 47%;
  }
}
@media (max-width: 768px) {
  .partner_wrapper > div {
    width: 100%;
  }
}
.partner_wrapper > div:hover {
  background-color: rgba(23, 67, 116, 0.1019607843);
}
.partner_wrapper > div img {
  width: 157px;
  max-width: 100%;
  height: auto;
}
.partner_wrapper > div .partner_spacer {
  background-color: #b5b5b5;
  height: 1px;
  width: 85px;
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}
.partner_wrapper > div a {
  padding: 0.7em 1.1rem !important;
  max-width: 150px;
  background-color: #174374;
  color: white;
  border: 2px solid #174374;
  font-size: 0.8rem;
  font-family: "Lato", sans-serif;
  text-decoration: none !important;
  text-transform: initial;
  line-height: 100%;
  display: flex;
  justify-content: center;
}
.partner_wrapper > div a:hover {
  box-shadow: 2px 2px 0 #eee, -2px -2px 0 #eee, 2px -2px 0 #eee, -2px 2px 0 #eee;
  background: #eee;
  color: #174374;
  outline-color: transparent;
}
.partner_wrapper > div a svg {
  display: none;
}

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