@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600,700&display=swap');
@import url('https://fonts.googleapis.com/css?family=Montserrat:400,500,600,700,800,900&display=swap');

body, html
{
    font-family: 'Open Sans', sans-serif;
}

.logo-row
{
    margin-top: 0.7em;
    margin-bottom: 0.7em;
}
.logo-row img
{
    height: 30px;
    max-width: 99%;
}
.logo-row .partner
{
    text-align: right;
}

.cookie-row p
{
    color: #ffffff;
    font-size: 65%;
    text-align: center;
}
.cookie-row a
{ 
    color: #fff !important;
    text-decoration: none; 
}
.cookie-row a:hover
{ 
    color: #fff !important;
    text-decoration: none; 
}

.headline
{
    font-family: 'Montserrat', sans-serif;
}

.w400 { font-weight: 400; }
.w500 { font-weight: 500; }
.w600 { font-weight: 600; }
.w700 { font-weight: 700; }
.w800 { font-weight: 800; }
.w900 { font-weight: 900; }
.checkmark {
  display: block;
  margin: 0 auto;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  stroke-width: 2;
  stroke: #fff;
  stroke-miterlimit: 10;
  box-shadow: inset 0px 0px 0px #7ac142;
  animation: fill 0.4s ease-in-out 0.4s forwards, scale 0.3s ease-in-out 0.9s both;
}
.checkmark__circle {
  stroke-dasharray: 166;
  stroke-dashoffset: 166;
  stroke-width: 2;
  stroke-miterlimit: 10;
  stroke: #7ac142;
  fill: none;
  animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards;
}
.checkmark__check {
  transform-origin: 50% 50%;
  stroke-dasharray: 48;
  stroke-dashoffset: 48;
  animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards;
}
@keyframes stroke { 100% { stroke-dashoffset: 0; } }
@keyframes scale { 0%, 100% { transform: none; } 50% { transform: scale3d(1.1, 1.1, 1); } }
@keyframes fill { 100% { box-shadow: inset 0px 0px 0px 30px #7ac142; } }