@font-face {
  font-family: Muli;
  src: local(Muli-Regular), url(../fonts/Muli.woff2) format("woff2"), url(../fonts/Muli.woff) format("woff"), url(../fonts/Muli.ttf) format("truetype");
  font-weight: normal;
  font-style: normal;
  font-stretch: normal; }

@font-face {
  font-family: Muli;
  src: local(Muli-Light), url(../fonts/Muli-Light.woff2) format("woff2"), url(../fonts/Muli-Light.woff) format("woff"), url(../fonts/Muli-Light.ttf) format("truetype");
  font-weight: 300;
  font-style: normal;
  font-stretch: normal; }

@font-face {
  font-family: Muli;
  src: local(Muli-ExtraBold), url(../fonts/Muli-ExtraBold.woff2) format("woff2"), url(../fonts/Muli-ExtraBold.woff) format("woff"), url(../fonts/Muli-ExtraBold.ttf) format("truetype");
  font-weight: 800;
  font-style: normal;
  font-stretch: normal; }

body {
  font-family: Muli;
  font-weight: normal;
  color: #14233c; }

body {
  margin: 0;
  padding: 0;
  background-color: #e9e8e5;
  min-height: 100vh; }

.container {
  max-width: 600px;
  margin-right: auto;
  margin-left: auto; }
  .container #first-part {
    width: 100%;
    background-color: #fafaf9;
    padding-bottom: 40px;
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.12); }
    .container #first-part header {
      background-color: white;
      box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.12);
      padding: 14px 20px 59px 20px;
      margin-bottom: 4px;
      clip-path: polygon(0% 0%, 100% 0%, 100% 0%, 100% 66%, 0 100%); }
      .container #first-part header h1 {
        font-size: 24px;
        font-weight: 800;
        letter-spacing: 0.2px;
        line-height: normal;
        margin: 0; }
      .container #first-part header #e-id-information {
        display: flex;
        justify-content: space-between; }
        .container #first-part header #e-id-information h1 {
          color: #d20f32; }
      .container #first-part header #personal-information h1 {
        margin-top: 13px;
        line-height: 1.17; }
      .container #first-part header #personal-information h2 {
        margin: 0;
        font-size: 16px;
        font-weight: normal;
        line-height: 1.5;
        letter-spacing: 0.2px; }
    .container #first-part .information-row {
      width: calc(100% - 40px);
      padding: 0 20px; }
      .container #first-part .information-row:not(:last-child) {
        margin-bottom: 20px; }
      .container #first-part .information-row h6 {
        margin: 0;
        margin-bottom: 4px;
        font-size: 13px;
        font-weight: 800;
        letter-spacing: 0.6px; }
      .container #first-part .information-row .information-content p {
        font-size: 19px;
        font-weight: 300;
        line-height: 1.32;
        letter-spacing: 0.2px;
        margin: 0; }
      .container #first-part .information-row .information-content .swiss-transplant-logo {
        text-align: right; }
      .container #first-part .information-row #swiss-yes.information-content .text, .container #first-part .information-row #general-yes.information-content .text {
        display: flex; }
        .container #first-part .information-row #swiss-yes.information-content .text img, .container #first-part .information-row #general-yes.information-content .text img {
          align-self: flex-start;
          margin-top: 9px;
          margin-right: 9px; }
      .container #first-part .information-row #swiss-no.information-content p {
        color: #888880; }
      .container #first-part .information-row #swiss-yes.information-content, .container #first-part .information-row #swiss-no.information-content, .container #first-part .information-row #general-yes.information-content, .container #first-part .information-row #general-no.information-content, .container #first-part .information-row #general-no-information.information-content {
        display: none; }
      .container #first-part .information-row .information-content ul {
        margin: 0;
        padding: 0; }
        .container #first-part .information-row .information-content ul li {
          list-style-type: none;
          position: relative;
          left: 20px; }
          .container #first-part .information-row .information-content ul li:before {
            content: "";
            position: absolute;
            top: 12px;
            left: -10px;
            background-color: #14233c;
            width: 3px;
            height: 3px;
            border-radius: 50%; }
          .container #first-part .information-row .information-content ul li:not(:last-child) {
            margin-bottom: 9px; }
          .container #first-part .information-row .information-content ul li span:last-child {
            font-size: 13px;
            letter-spacing: 0.4px;
            line-height: normal; }
          .container #first-part .information-row .information-content ul li span:first-child {
            font-size: 19px;
            font-weight: 300;
            line-height: 1.32;
            letter-spacing: 0.2px; }
  .container #second-part {
    padding-top: 15px;
    display: none; }
    .container #second-part h3 {
      margin: 0;
      margin-left: 20px;
      margin-bottom: 12px;
      font-size: 13px;
      font-weight: 800;
      letter-spacing: 0.6px; }
    .container #second-part #emergency-contacts .contact {
      width: calc(100% - 41px);
      display: flex;
      background: white;
      box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.12);
      padding: 12px 20px 15px 21px; }
      .container #second-part #emergency-contacts .contact:not(:first-child) {
        margin-top: 1px; }
      .container #second-part #emergency-contacts .contact .information {
        flex: 1; }
        .container #second-part #emergency-contacts .contact .information .name {
          font-size: 19px;
          font-weight: 800;
          line-height: 1.32;
          letter-spacing: 0.3px; }
        .container #second-part #emergency-contacts .contact .information .number a {
          font-size: 16px;
          font-weight: 300;
          line-height: 1.5;
          letter-spacing: 0.25px;
          color: #d20f32;
          text-decoration: none; }
      .container #second-part #emergency-contacts .contact .call-action {
        width: 38px;
        height: 38px;
        margin-left: 20px;
        align-self: center; }
        .container #second-part #emergency-contacts .contact .call-action a {
          display: inline-block;
          width: 100%;
          height: 100%;
          background-color: #d20f32;
          border-radius: 50%;
          position: relative; }
          .container #second-part #emergency-contacts .contact .call-action a img {
            width: 20px;
            height: 24px;
            position: absolute;
            right: 9px;
            top: 7px; }
  .container #echo-credentials {
    padding: 15px 20px 30px 20px; }
    .container #echo-credentials #service-notification {
      margin-bottom: 12px;
      font-size: 13px;
      letter-spacing: 0.4px; }
    .container #echo-credentials a {
      display: inline-block; }