:root {
  --cp-primary: #b61f7e;
  --cp-primary-hover: #902367;
  --cp-secondary: #00395a;
  --cp-bg-dark: #081827;
  --cp--bg-gradient: linear-gradient(
    180deg,
    rgba(83, 45, 69, 0.75) 0%,
    rgba(34, 46, 54, 0.75) 100%
  );
  --cp-white: #ffffff;
  --cp-black: #333333;
  --cp-active: #0097e0;
  /* --- Grayscale --- */
  --cp-gray-1: #f7f8fa;
  --cp-gray-2: #eff0f3;
  --cp-gray-3: #e7e9ec;
  --cp-gray-4: #dfe1e5;
  --cp-gray-5: #d7d9dd;
  --cp-gray-6: #ced2d6;
  --cp-gray-7: #c6cacf;
  --cp-gray-8: #bec3c8;
  --cp-gray-9: #b6bbc1;
  --cp-gray-10: #aeb3ba;
  --cp-gray-11: #a6acb2;
  --cp-gray-12: #9ea4ab;
  --cp-gray-13: #969ca4;
  --cp-gray-14: #8e959d;
  --cp-gray-15: #868d96;
  --cp-gray-16: #7d868f;
  --cp-gray-17: #757e87;
  --cp-gray-18: #6d7680;
  --cp-gray-19: #656f79;
  --cp-gray-20: #5d6772;
  /* --- Status reports --- */
  /* Succes */
  --cp-succes: #3c763d;
  --cp-bg-succes: #dff0d8;
  --cp-border-succes: #d6e9c6;
  /* Alert */
  --cp-alert: #a94442;
  --cp-bg-alert: #f2dede;
  --cp-border-alert: #ebccd1;
  /* Info */
  --cp-info: #31708f;
  --cp-bg-info: #d9edf7;
  --cp-border-info: #bce8f1;
  /* Warning */
  --cp-warning: #8a6d3b;
  --cp-bg-warning: #fcf8e3;
  --cp-border-warning: #faebcc;
  /* --- Textmarker --- */
  --cp-mark: #ffe984;
  /*Fonts */
  --cp--font-family: Helvetica, Arial, sans-serif;
  --cp-fontsize-h1: 40px;
  --cp-lineheight-h1: 50px;
  --cp-fontsize-h2: 36px;
  --cp-lineheight-h2: 43px;
  --cp-fontsize-h3: 28px;
  --cp-lineheight-h3: 34px;
  --cp-fontsize-h4: 24px;
  --cp-lineheight-h4: 30px;
  --cp-fontsize-h5: 20px;
  --cp-lineheight-h5: 26px;
  --cp-fontsize-p: 16px;
  --cp-lineheight-p: 22px;
  --cp-fontsize-small: 13px;
  --cp-lineheight-small: 16px;
}
body {
  font-family: var(--cp--font-family);
  font-size: var(--cp-fontsize-p);
  line-height: var(--cp-lineheight-p);
  font-style: normal;
  font-weight: normal;
  word-break: break-word;
  color: var(--cp-gray-20);
  background-color: #ffffff;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='719' height='719' viewBox='0 0 800 800'%3E%3Cg fill='none' stroke='%23E7E9EC' stroke-width='1'%3E%3Cpath d='M769 229L1037 260.9M927 880L731 737 520 660 309 538 40 599 295 764 126.5 879.5 40 599-197 493 102 382-31 229 126.5 79.5-69-63'/%3E%3Cpath d='M-31 229L237 261 390 382 603 493 308.5 537.5 101.5 381.5M370 905L295 764'/%3E%3Cpath d='M520 660L578 842 731 737 840 599 603 493 520 660 295 764 309 538 390 382 539 269 769 229 577.5 41.5 370 105 295 -36 126.5 79.5 237 261 102 382 40 599 -69 737 127 880'/%3E%3Cpath d='M520-140L578.5 42.5 731-63M603 493L539 269 237 261 370 105M902 382L539 269M390 382L102 382'/%3E%3Cpath d='M-222 42L126.5 79.5 370 105 539 269 577.5 41.5 927 80 769 229 902 382 603 493 731 737M295-36L577.5 41.5M578 842L295 764M40-201L127 80M102 382L-261 269'/%3E%3C/g%3E%3Cg fill='%23E7E9EC'%3E%3Ccircle cx='769' cy='229' r='5'/%3E%3Ccircle cx='539' cy='269' r='5'/%3E%3Ccircle cx='603' cy='493' r='5'/%3E%3Ccircle cx='731' cy='737' r='5'/%3E%3Ccircle cx='520' cy='660' r='5'/%3E%3Ccircle cx='309' cy='538' r='5'/%3E%3Ccircle cx='295' cy='764' r='5'/%3E%3Ccircle cx='40' cy='599' r='5'/%3E%3Ccircle cx='102' cy='382' r='5'/%3E%3Ccircle cx='127' cy='80' r='5'/%3E%3Ccircle cx='370' cy='105' r='5'/%3E%3Ccircle cx='578' cy='42' r='5'/%3E%3Ccircle cx='237' cy='261' r='5'/%3E%3Ccircle cx='390' cy='382' r='5'/%3E%3C/g%3E%3C/svg%3E");
  background-size: auto;
  background-repeat: repeat;
}
.container-fluid {
  padding: 0 30px;
}
.welcome-header {
  padding: 20px 0;
  margin: 20px -10px;
}
.welcome-header img {
  display: none;
}
.welcome-header > h1 {
  position: relative;
  height: 50px;
  margin: 0;
  color: transparent;
}
.welcome-header > h1::after {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 50px;
  max-width: 500px;
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='crownpeak-logo' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 264.11 50'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23b61f7e%3B%7D.cls-1 .cls-2%7Bfill-rule:evenodd%3B%7D.cls-2%7Bfill:%2300395a%3B%7D%3C/style%3E%3C/defs%3E%3Cpath id='Fill-1' class='cls-1' d='m252.55 12.4l-10.64 11.71 12.13 13.55h10.06l-12.21-13.54 10.61-11.72h-9.96Z'/%3E%3Cpath id='Fill-2' class='cls-2' d='m233.77 0v33.81l8.15-9.1V0h-8.15Z'/%3E%3Cpath id='Fill-3' class='cls-2' d='m20.21 20.59c-1.51-1.2-3.39-1.85-5.32-1.84-1.71-.04-3.38.58-4.64 1.73-1.22 1.19-1.9 2.83-1.87 4.54-.03 1.61.58 3.16 1.7 4.32 1.32 1.28 3.09 1.98 4.92 1.95 1.9 0 3.75-.67 5.21-1.89v7.02c-1.99 1.03-4.21 1.53-6.45 1.46-3.61.11-7.12-1.19-9.79-3.63C1.4 31.9-.04 28.56 0 25.08c-.03-3.62 1.5-7.08 4.19-9.51 2.66-2.32 6.1-3.54 9.62-3.4 2.21-.03 4.39.44 6.4 1.35v7.08Z'/%3E%3Cpath id='Fill-6' class='cls-2' d='m23.43 12.98h8.15v3.77c.74-1.38 1.83-2.53 3.17-3.34 1.33-.74 2.84-1.1 4.36-1.03.9-.01 1.8.11 2.66.38l-.45 7.28c-1.14-.58-2.4-.87-3.68-.86-1.53-.05-3 .54-4.07 1.62-1.81 1.83-1.98 4.42-1.98 6.47v9.76h-8.15V12.98Z'/%3E%3Cpath id='Fill-8' class='cls-2' d='m60.18 29.56c-1.22 1.15-2.85 1.77-4.53 1.73-1.72.07-3.39-.56-4.64-1.73-2.49-2.51-2.49-6.57 0-9.08 2.62-2.3 6.55-2.3 9.17 0 2.49 2.51 2.49 6.57 0 9.08m6.45-13.51c-6.45-5.19-15.64-5.19-22.08 0-4.95 4.81-5.07 12.73-.26 17.69.08.09.17.17.26.26 6.45 5.18 15.63 5.18 22.08 0 4.95-4.81 5.07-12.73.25-17.69-.08-.09-.17-.17-.25-.25'/%3E%3Cpath id='Fill-10' class='cls-2' d='m85.02 37.04h-5.09l-12.57-24.04h8.94l6.51 12.78 6.4-13.1h4.3l6.4 13.1 6.51-12.78h8.95l-12.57 24.04h-5.09l-6.34-13.69-6.34 13.69Z'/%3E%3Cpath id='Fill-12' class='cls-2' d='m115.86 12.98h8.15v2.86c1.89-2.36 4.8-3.66 7.81-3.51 2.64-.15 5.23.72 7.25 2.43 1.82 1.88 2.75 4.46 2.55 7.07v15.21h-8.15v-12.35c0-1.56-.06-3.56-1.36-4.8-.86-.75-1.97-1.14-3.11-1.08-1.26-.06-2.49.41-3.4 1.3-1.15 1.23-1.73 2.9-1.59 4.58v12.35h-8.15V12.98Z'/%3E%3Cpath id='Fill-14' class='cls-2' d='m162.5 29.11c-1.18 1.11-2.74 1.74-4.36 1.75-1.74 0-3.41-.7-4.64-1.92-1.15-1.21-1.8-2.81-1.81-4.47.02-1.74.71-3.4 1.93-4.64 1.19-1.21 2.83-1.88 4.53-1.87 3.47-.03 6.31 2.75 6.34 6.22 0 .04 0 .08 0 .12 0 1.8-.72 3.53-1.98 4.82m6.57-14.6c-2.37-2.36-5.6-3.65-8.94-3.57-3.1-.08-6.04 1.35-7.87 3.85v-3.01h-8.15v38.21h8.15v-15.85c.85 1.19 3 3.74 8.04 3.74 3.2.14 6.32-1.1 8.55-3.4 2.68-2.68 4.13-6.35 4.01-10.13.09-3.66-1.27-7.2-3.79-9.85'/%3E%3Cpath id='Fill-17' class='cls-2' d='m220.34 29.51c-1.15 1.08-2.67 1.68-4.25 1.67-1.79.02-3.52-.66-4.82-1.89-1.12-1.16-1.73-2.71-1.7-4.32-.02-1.66.66-3.25 1.87-4.38 1.22-1.12 2.82-1.73 4.47-1.73 1.66 0 3.27.6 4.53 1.67 2.45 2.39 2.5 6.31.11 8.76-.07.07-.15.15-.22.22h0Zm1.47-16.54v2.7c-1.94-2.36-4.88-3.66-7.93-3.51-3.24-.08-6.39 1.1-8.77 3.3-2.57 2.58-3.98 6.09-3.91 9.73-.05 3.38 1.28 6.64 3.68 9.02 2.47 2.53 5.92 3.87 9.45 3.68 2.97.14 5.8-1.27 7.47-3.73v2.92h8.16V12.98h-8.15Z'/%3E%3Cpath id='Fill-19' class='cls-2' d='m183.77 19.13c2.25-2 5.62-2.09 7.98-.22.79.77 1.36 1.74 1.64 2.81h-11.04c.22-.98.71-1.88 1.41-2.59m7.3 12.16c-1.02.5-2.15.74-3.28.7-1.54.09-3.06-.45-4.19-1.51-.98-1.15-1.52-2.6-1.53-4.11h18.85v-.81c.18-3.61-1.1-7.14-3.57-9.78-3.11-3.14-7.19-3.62-10.02-3.62-3.56-.16-7.03 1.08-9.68 3.46-2.5 2.53-3.88 5.95-3.85 9.51-.07 3.49 1.3 6.85 3.79 9.3 2.94 2.81 6.28 3.46 10.08 3.46 2.77.13 5.53-.49 7.98-1.78 1.92-1.12 3.44-2.79 4.37-4.81l-7.21-2c-.39.82-.99 1.51-1.75 2'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center left;
  background-position-x: 2px;
}
.card-pf {
  display: flex;
  flex-direction: column;
  border-top: 4px solid var(--cp-primary);
  box-shadow: 0 0.5rem 1rem 0 rgba(3, 3, 3, 0.16),
    0 0 0.375rem 0 rgba(3, 3, 3, 0.08);
}
.h-l {
  padding: 0;
  min-height: auto;
  height: 100%;
}
.h-l h3 {
  flex-basis: 106px;
  margin: 0;
  display: flex;
  justify-content: center;
  flex-direction: column;
  padding: 20px;
  border-bottom: 1px solid var(--cp-gray-3);
}
.h-l h3 a img,
.h-m h3 a img,
.card-pf img {
  width: 35px;
  height: 35px;
  background: #F7F8FA;
  object-fit: contain;
  object-position: center;
  border-radius: 50%;
  border: 1px solid var(--cp-gray-3);
  box-sizing: border-box;
  overflow: clip;
  overflow-clip-margin: border-box;
  padding: 1px;
  margin-right: 10px;
  transition: 0.3s all ease;
}
.h-l h3 a:hover img,
.h-m h3 a:hover img {
  margin-right: 12px;
  transition: 0.3s all ease;
}
.welcome-primary-link {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.description {
  display: flex;
  flex-direction: column;
  flex: 1 auto;
  margin: 0;
  padding: 30px 20px 20px;
  justify-content: flex-start;
  font-size: var(--cp-fontsize-small);
  line-height: var(--cp-lineheight-small);
}
.description::before {
  content: "";
}
.h-m {
  min-height: 100px;
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 20px;
}
.h-m:last-child {
  margin-bottom: 0;
}
a,
h3 a:link,
h3 a:visited {
  display: flex;
  align-items: center;
  font-weight: normal;
  line-height: var(--cp-lineheight-p);
  color: var(--cp-gray-20);
  transition: 0.3s all ease;
}
a:hover,
h3 a:link:hover,
h3 a:visited:hover {
  color: var(--cp-primary);
  text-decoration: none;
  transition: 0.3s all ease;
}
a::after,
h3 a:link::after,
h3 a:visited::after {
  content: "";
  position: relative;
  height: 14px;
  width: 28px;
  display: inline-block;
  flex-shrink: 0;
  flex: 1 auto;
  transition: 0.3s all ease;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' id='arrow-right' viewBox='0 0 12 10'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:none%3Bstroke:%23b61f7e%3Bstroke-linecap:round%3Bstroke-linejoin:round%3B%7D%3C/style%3E%3C/defs%3E%3Cpolyline class='cls-1' points='6.5 .5 11.5 5 6.5 9.5'/%3E%3Cline class='cls-1' x1='.5' y1='5' x2='11.5' y2='5'/%3E%3C/svg%3E");
  background-size: contain;
  background-position: center right;
  background-repeat: no-repeat no-repeat;
}
a:hover::before,
h3 a:link:hover::before,
h3 a:visited:hover::before {
  margin-right: 12px;
}
i.fa {
  display: none;
}
h3 {
  font-weight: normal;
}

@media (min-width: 768px) {
  .row {
    display: flex;
  }
  .welcome-header {
    padding: 62px 0 20px;
  }
}
@media (min-width: 1366px){
  h3 {
    font-size: var(--cp-fontsize-h5);
    line-height: var(--cp-lineheight-h5);
  }
  .description {
    font-size: var(--cp-fontsize-p);
    line-height: var(--cp-lineheight-p);
  }
}