/**
 * The base file that should be imported by every file.
 * There should be no CSS generation in this or from imported scss files at all!
 */
/**
 * Library
 */
/**
 * Variables and functions
 */
@media (min-width: 981px) {
  [id^="section-contact-person-"] .flex-container, #section-contact-person .flex-container {
    justify-content: center; } }

[id^="section-contact-person-"] .flex-container h2, #section-contact-person .flex-container h2 {
  margin: 0;
  display: inline-block; }

[id^="section-contact-person-"] .flex-container .inner-thumb, #section-contact-person .flex-container .inner-thumb {
  height: 100px;
  width: 100px;
  flex-basis: 100px;
  border-radius: 50%;
  position: relative;
  overflow: hidden;
  margin-right: 1em;
  margin-top: 1em;
  background-size: cover; }
  @media (max-width: 479px) {
    [id^="section-contact-person-"] .flex-container .inner-thumb, #section-contact-person .flex-container .inner-thumb {
      margin-right: .5em;
      width: 70px;
      height: 70px;
      flex-basis: 70px; } }
  [id^="section-contact-person-"] .flex-container .inner-thumb img, #section-contact-person .flex-container .inner-thumb img {
    position: absolute;
    left: 0;
    top: 0;
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
    height: 100%; }

[id^="section-contact-person-"] .flex-container .information, #section-contact-person .flex-container .information {
  flex: 1; }
  [id^="section-contact-person-"] .flex-container .information p, #section-contact-person .flex-container .information p {
    margin: 0;
    font-size: 13.99444px; }
  [id^="section-contact-person-"] .flex-container .information h3, #section-contact-person .flex-container .information h3 {
    margin-bottom: 0; }
  [id^="section-contact-person-"] .flex-container .information a, #section-contact-person .flex-container .information a {
    display: block;
    text-decoration: none; }
    @media (max-width: 479px) {
      [id^="section-contact-person-"] .flex-container .information a, #section-contact-person .flex-container .information a {
        font-size: 13.99444px; } }
    [id^="section-contact-person-"] .flex-container .information a span, #section-contact-person .flex-container .information a span {
      text-decoration: underline;
      color: #162321; }
      [id^="section-contact-person-"] .flex-container .information a span.icon-mail, [id^="section-contact-person-"] .flex-container .information a span.icon-phone, #section-contact-person .flex-container .information a span.icon-mail, #section-contact-person .flex-container .information a span.icon-phone {
        text-decoration: none;
        margin-right: .5em;
        color: #0db2e7; }
    [id^="section-contact-person-"] .flex-container .information a:hover span, #section-contact-person .flex-container .information a:hover span {
      text-decoration: none; }

[id^="section-contact-person-"] .flex-container .person, #section-contact-person .flex-container .person {
  display: flex; }
  [id^="section-contact-person-"] .flex-container .person h3, #section-contact-person .flex-container .person h3 {
    color: #162321; }

[id^="section-contact-person-"] .block, #section-contact-person .block {
  display: flex;
  flex-wrap: wrap;
  width: 100%; }
  @media (min-width: 981px) {
    [id^="section-contact-person-"] .block, #section-contact-person .block {
      justify-content: center; } }
  [id^="section-contact-person-"] .block .title, #section-contact-person .block .title {
    display: block;
    margin-bottom: 1em;
    width: 100%; }
  [id^="section-contact-person-"] .block .persons, #section-contact-person .block .persons {
    display: flex;
    flex-wrap: wrap;
    width: 100%; }
    [id^="section-contact-person-"] .block .persons .person, #section-contact-person .block .persons .person {
      background: #f7f7f7;
      padding: 1em;
      flex: 1;
      margin-right: 2em;
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      align-items: center; }
      @media (max-width: 980px) {
        [id^="section-contact-person-"] .block .persons .person, #section-contact-person .block .persons .person {
          flex-basis: 100%;
          margin-right: 0;
          margin-bottom: 2em; } }
      [id^="section-contact-person-"] .block .persons .person:last-child, #section-contact-person .block .persons .person:last-child {
        margin: 0; }
      [id^="section-contact-person-"] .block .persons .person h3, #section-contact-person .block .persons .person h3 {
        margin-top: 0; }
      [id^="section-contact-person-"] .block .persons .person .inner-thumb, #section-contact-person .block .persons .person .inner-thumb {
        margin-top: 0; }

/*# sourceMappingURL=contact-person.css.map */