/* barlow-100 - latin */
@font-face {
  font-family: "Barlow";
  font-style: normal;
  font-weight: 100;
  src: url("../Fonts/barlow-v11-latin-100.eot");
  /* IE9 Compat Modes */
  src: local(""), url("../Fonts/barlow-v11-latin-100.eot?#iefix") format("embedded-opentype"), url("../Fonts/barlow-v11-latin-100.woff2") format("woff2"), url("../Fonts/barlow-v11-latin-100.woff") format("woff"), url("../Fonts/barlow-v11-latin-100.ttf") format("truetype"), url("../Fonts/barlow-v11-latin-100.svg#Barlow") format("svg");
  /* Legacy iOS */
}
/* barlow-100italic - latin */
@font-face {
  font-family: "Barlow";
  font-style: italic;
  font-weight: 100;
  src: url("../Fonts/barlow-v11-latin-100italic.eot");
  /* IE9 Compat Modes */
  src: local(""), url("../Fonts/barlow-v11-latin-100italic.eot?#iefix") format("embedded-opentype"), url("../Fonts/barlow-v11-latin-100italic.woff2") format("woff2"), url("../Fonts/barlow-v11-latin-100italic.woff") format("woff"), url("../Fonts/barlow-v11-latin-100italic.ttf") format("truetype"), url("../Fonts/barlow-v11-latin-100italic.svg#Barlow") format("svg");
  /* Legacy iOS */
}
/* barlow-200 - latin */
@font-face {
  font-family: "Barlow";
  font-style: normal;
  font-weight: 200;
  src: url("../Fonts/barlow-v11-latin-200.eot");
  /* IE9 Compat Modes */
  src: local(""), url("../Fonts/barlow-v11-latin-200.eot?#iefix") format("embedded-opentype"), url("../Fonts/barlow-v11-latin-200.woff2") format("woff2"), url("../Fonts/barlow-v11-latin-200.woff") format("woff"), url("../Fonts/barlow-v11-latin-200.ttf") format("truetype"), url("../Fonts/barlow-v11-latin-200.svg#Barlow") format("svg");
  /* Legacy iOS */
}
/* barlow-200italic - latin */
@font-face {
  font-family: "Barlow";
  font-style: italic;
  font-weight: 200;
  src: url("../Fonts/barlow-v11-latin-200italic.eot");
  /* IE9 Compat Modes */
  src: local(""), url("../Fonts/barlow-v11-latin-200italic.eot?#iefix") format("embedded-opentype"), url("../Fonts/barlow-v11-latin-200italic.woff2") format("woff2"), url("../Fonts/barlow-v11-latin-200italic.woff") format("woff"), url("../Fonts/barlow-v11-latin-200italic.ttf") format("truetype"), url("../Fonts/barlow-v11-latin-200italic.svg#Barlow") format("svg");
  /* Legacy iOS */
}
/* barlow-300 - latin */
@font-face {
  font-family: "Barlow";
  font-style: normal;
  font-weight: 300;
  src: url("../Fonts/barlow-v11-latin-300.eot");
  /* IE9 Compat Modes */
  src: local(""), url("../Fonts/barlow-v11-latin-300.eot?#iefix") format("embedded-opentype"), url("../Fonts/barlow-v11-latin-300.woff2") format("woff2"), url("../Fonts/barlow-v11-latin-300.woff") format("woff"), url("../Fonts/barlow-v11-latin-300.ttf") format("truetype"), url("../Fonts/barlow-v11-latin-300.svg#Barlow") format("svg");
  /* Legacy iOS */
}
/* barlow-regular - latin */
@font-face {
  font-family: "Barlow";
  font-style: normal;
  font-weight: 400;
  src: url("../Fonts/barlow-v11-latin-regular.eot");
  /* IE9 Compat Modes */
  src: local(""), url("../Fonts/barlow-v11-latin-regular.eot?#iefix") format("embedded-opentype"), url("../Fonts/barlow-v11-latin-regular.woff2") format("woff2"), url("../Fonts/barlow-v11-latin-regular.woff") format("woff"), url("../Fonts/barlow-v11-latin-regular.ttf") format("truetype"), url("../Fonts/barlow-v11-latin-regular.svg#Barlow") format("svg");
  /* Legacy iOS */
}
/* barlow-300italic - latin */
@font-face {
  font-family: "Barlow";
  font-style: italic;
  font-weight: 300;
  src: url("../Fonts/barlow-v11-latin-300italic.eot");
  /* IE9 Compat Modes */
  src: local(""), url("../Fonts/barlow-v11-latin-300italic.eot?#iefix") format("embedded-opentype"), url("../Fonts/barlow-v11-latin-300italic.woff2") format("woff2"), url("../Fonts/barlow-v11-latin-300italic.woff") format("woff"), url("../Fonts/barlow-v11-latin-300italic.ttf") format("truetype"), url("../Fonts/barlow-v11-latin-300italic.svg#Barlow") format("svg");
  /* Legacy iOS */
}
/* barlow-italic - latin */
@font-face {
  font-family: "Barlow";
  font-style: italic;
  font-weight: 400;
  src: url("../Fonts/barlow-v11-latin-italic.eot");
  /* IE9 Compat Modes */
  src: local(""), url("../Fonts/barlow-v11-latin-italic.eot?#iefix") format("embedded-opentype"), url("../Fonts/barlow-v11-latin-italic.woff2") format("woff2"), url("../Fonts/barlow-v11-latin-italic.woff") format("woff"), url("../Fonts/barlow-v11-latin-italic.ttf") format("truetype"), url("../Fonts/barlow-v11-latin-italic.svg#Barlow") format("svg");
  /* Legacy iOS */
}
/* barlow-500 - latin */
@font-face {
  font-family: "Barlow";
  font-style: normal;
  font-weight: 500;
  src: url("../Fonts/barlow-v11-latin-500.eot");
  /* IE9 Compat Modes */
  src: local(""), url("../Fonts/barlow-v11-latin-500.eot?#iefix") format("embedded-opentype"), url("../Fonts/barlow-v11-latin-500.woff2") format("woff2"), url("../Fonts/barlow-v11-latin-500.woff") format("woff"), url("../Fonts/barlow-v11-latin-500.ttf") format("truetype"), url("../Fonts/barlow-v11-latin-500.svg#Barlow") format("svg");
  /* Legacy iOS */
}
/* barlow-500italic - latin */
@font-face {
  font-family: "Barlow";
  font-style: italic;
  font-weight: 500;
  src: url("../Fonts/barlow-v11-latin-500italic.eot");
  /* IE9 Compat Modes */
  src: local(""), url("../Fonts/barlow-v11-latin-500italic.eot?#iefix") format("embedded-opentype"), url("../Fonts/barlow-v11-latin-500italic.woff2") format("woff2"), url("../Fonts/barlow-v11-latin-500italic.woff") format("woff"), url("../Fonts/barlow-v11-latin-500italic.ttf") format("truetype"), url("../Fonts/barlow-v11-latin-500italic.svg#Barlow") format("svg");
  /* Legacy iOS */
}
/* barlow-600 - latin */
@font-face {
  font-family: "Barlow";
  font-style: normal;
  font-weight: 600;
  src: url("../Fonts/barlow-v11-latin-600.eot");
  /* IE9 Compat Modes */
  src: local(""), url("../Fonts/barlow-v11-latin-600.eot?#iefix") format("embedded-opentype"), url("../Fonts/barlow-v11-latin-600.woff2") format("woff2"), url("../Fonts/barlow-v11-latin-600.woff") format("woff"), url("../Fonts/barlow-v11-latin-600.ttf") format("truetype"), url("../Fonts/barlow-v11-latin-600.svg#Barlow") format("svg");
  /* Legacy iOS */
}
/* barlow-600italic - latin */
@font-face {
  font-family: "Barlow";
  font-style: italic;
  font-weight: 600;
  src: url("../Fonts/barlow-v11-latin-600italic.eot");
  /* IE9 Compat Modes */
  src: local(""), url("../Fonts/barlow-v11-latin-600italic.eot?#iefix") format("embedded-opentype"), url("../Fonts/barlow-v11-latin-600italic.woff2") format("woff2"), url("../Fonts/barlow-v11-latin-600italic.woff") format("woff"), url("../Fonts/barlow-v11-latin-600italic.ttf") format("truetype"), url("../Fonts/barlow-v11-latin-600italic.svg#Barlow") format("svg");
  /* Legacy iOS */
}
/* barlow-700 - latin */
@font-face {
  font-family: "Barlow";
  font-style: normal;
  font-weight: 700;
  src: url("../Fonts/barlow-v11-latin-700.eot");
  /* IE9 Compat Modes */
  src: local(""), url("../Fonts/barlow-v11-latin-700.eot?#iefix") format("embedded-opentype"), url("../Fonts/barlow-v11-latin-700.woff2") format("woff2"), url("../Fonts/barlow-v11-latin-700.woff") format("woff"), url("../Fonts/barlow-v11-latin-700.ttf") format("truetype"), url("../Fonts/barlow-v11-latin-700.svg#Barlow") format("svg");
  /* Legacy iOS */
}
/* barlow-700italic - latin */
@font-face {
  font-family: "Barlow";
  font-style: italic;
  font-weight: 700;
  src: url("../Fonts/barlow-v11-latin-700italic.eot");
  /* IE9 Compat Modes */
  src: local(""), url("../Fonts/barlow-v11-latin-700italic.eot?#iefix") format("embedded-opentype"), url("../Fonts/barlow-v11-latin-700italic.woff2") format("woff2"), url("../Fonts/barlow-v11-latin-700italic.woff") format("woff"), url("../Fonts/barlow-v11-latin-700italic.ttf") format("truetype"), url("../Fonts/barlow-v11-latin-700italic.svg#Barlow") format("svg");
  /* Legacy iOS */
}
/* barlow-800 - latin */
@font-face {
  font-family: "Barlow";
  font-style: normal;
  font-weight: 800;
  src: url("../Fonts/barlow-v11-latin-800.eot");
  /* IE9 Compat Modes */
  src: local(""), url("../Fonts/barlow-v11-latin-800.eot?#iefix") format("embedded-opentype"), url("../Fonts/barlow-v11-latin-800.woff2") format("woff2"), url("../Fonts/barlow-v11-latin-800.woff") format("woff"), url("../Fonts/barlow-v11-latin-800.ttf") format("truetype"), url("../Fonts/barlow-v11-latin-800.svg#Barlow") format("svg");
  /* Legacy iOS */
}
/* barlow-800italic - latin */
@font-face {
  font-family: "Barlow";
  font-style: italic;
  font-weight: 800;
  src: url("../Fonts/barlow-v11-latin-800italic.eot");
  /* IE9 Compat Modes */
  src: local(""), url("../Fonts/barlow-v11-latin-800italic.eot?#iefix") format("embedded-opentype"), url("../Fonts/barlow-v11-latin-800italic.woff2") format("woff2"), url("../Fonts/barlow-v11-latin-800italic.woff") format("woff"), url("../Fonts/barlow-v11-latin-800italic.ttf") format("truetype"), url("../Fonts/barlow-v11-latin-800italic.svg#Barlow") format("svg");
  /* Legacy iOS */
}
/* barlow-900 - latin */
@font-face {
  font-family: "Barlow";
  font-style: normal;
  font-weight: 900;
  src: url("../Fonts/barlow-v11-latin-900.eot");
  /* IE9 Compat Modes */
  src: local(""), url("../Fonts/barlow-v11-latin-900.eot?#iefix") format("embedded-opentype"), url("../Fonts/barlow-v11-latin-900.woff2") format("woff2"), url("../Fonts/barlow-v11-latin-900.woff") format("woff"), url("../Fonts/barlow-v11-latin-900.ttf") format("truetype"), url("../Fonts/barlow-v11-latin-900.svg#Barlow") format("svg");
  /* Legacy iOS */
}
/* barlow-900italic - latin */
@font-face {
  font-family: "Barlow";
  font-style: italic;
  font-weight: 900;
  src: url("../Fonts/barlow-v11-latin-900italic.eot");
  /* IE9 Compat Modes */
  src: local(""), url("../Fonts/barlow-v11-latin-900italic.eot?#iefix") format("embedded-opentype"), url("../Fonts/barlow-v11-latin-900italic.woff2") format("woff2"), url("../Fonts/barlow-v11-latin-900italic.woff") format("woff"), url("../Fonts/barlow-v11-latin-900italic.ttf") format("truetype"), url("../Fonts/barlow-v11-latin-900italic.svg#Barlow") format("svg");
  /* Legacy iOS */
}
h1.ce-headline-left, h2.ce-headline-left, h3.ce-headline-left, h4.ce-headline-left {
  text-align: left;
}

a.logo {
  position: absolute;
  width: 12.5rem;
  height: auto;
  z-index: 10;
  top: 1.5rem;
  left: calc(50vw - 6.25rem);
  transition: all 0.25s ease-out;
}

#topheader {
  overflow: hidden;
  padding-top: 2.5rem;
  padding-bottom: 1rem;
  z-index: 1000;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  transition: all 0.5s ease-out;
}
#topheader .img-1, #topheader .img-2 {
  left: 0;
  top: 0;
  position: absolute;
  width: 3600px;
  height: 600px;
  max-width: 1000%;
  min-height: 1%;
}
#topheader .img-2 {
  left: -1200px;
}
#topheader .logo {
  position: absolute;
  width: 8.25rem;
  left: 3rem;
  top: 2.5rem;
  z-index: 100;
}
#topheader .navbar {
  background: none;
}
#topheader .navbar a {
  color: #fff;
  font-size: 1.8rem;
}
#topheader .navbar a span {
  border-bottom: 2px solid #ffffff00;
}
#topheader .navbar a:hover {
  background: none;
}
#topheader .navbar a:hover span {
  border-bottom: 2px solid #fff;
}
#topheader .navbar-item {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
#topheader .navbar-item.is-active {
  font-weight: 600;
  background: none;
}
#topheader .navbar-item:focus {
  background: none;
}
#topheader.fixed {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  position: fixed;
  background-color: #fa7268;
  top: 0;
  bottom: unset;
}
#topheader.fixed .img-1, #topheader.fixed .img-2 {
  display: none;
}
#topheader.fixed .logo {
  top: 0.25rem;
  width: 7.5rem;
}

section.hero {
  flex-direction: row;
  color: #fff;
  background-size: cover;
  background-position: top;
  overflow: hidden;
  height: 100vh;
}
section.hero .bubble-margin-left {
  margin-left: 40vw;
}
section.hero h1 {
  color: #fff;
  font-size: 3.5rem;
  padding: 0 1rem 0 1rem;
  font-weight: 700;
  margin-bottom: 1.25rem;
  line-height: 1.25;
}
section.hero p {
  font-size: 1.5rem;
  padding-left: 0;
}
section.hero .inner {
  text-align: left;
  max-width: 50%;
}
section.hero .inner a {
  color: #fff !important;
  box-shadow: inset 0 0 0 2px #fff;
}
section.hero .inner a:hover {
  background-color: rgba(0, 0, 0, 0.5);
}
section.hero .mask {
  background-color: rgba(204, 52, 41, 0.5);
}
section.hero .mask strong {
  color: #fff;
}
section.hero.blue .mask {
  background-color: rgba(64, 118, 173, 0.5);
}

.carousel {
  padding: 0 0 16rem 0;
}
.carousel .wrap {
  position: relative;
  padding-bottom: 4rem;
}
.carousel .wrap:before {
  content: " ";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0.03;
  background-image: url("images/carousel.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.carousel .wrap .button, .carousel .wrap .button:active, .carousel .wrap .button:visited, .carousel .wrap .button:focus, .carousel .wrap .button:hover {
  padding: 0;
  margin: 0;
  border: none;
  box-shadow: none;
  margin-bottom: 4rem;
}
.carousel .wrap .nav {
  width: 100%;
  position: absolute;
  text-align: center;
  bottom: -16rem;
}
.carousel .wrap .nav .btn {
  display: inline-block;
  width: 2.5rem;
  height: 2.5rem;
  border: 0.25rem solid #FA7268;
  border-radius: 50%;
  margin: 1.25rem 0 0 0;
  position: absolute;
  top: 0;
}
.carousel .wrap .nav .btn .mdi:before {
  color: #FA7268;
  font-size: 2.25rem;
  top: -0.6875rem;
  left: -0.125rem;
  position: absolute;
}
.carousel .wrap .nav .btn:hover {
  background-color: #FA7268;
  color: #fff;
}
.carousel .wrap .nav .btn:hover .mdi:before {
  color: #fff;
}
.carousel .wrap .nav .btn.prev {
  left: 0;
}
@media screen and (max-width: 1024px) {
  .carousel .wrap .nav .btn.prev {
    left: 1rem;
  }
}
.carousel .wrap .nav .btn.next {
  right: 0;
}
@media screen and (max-width: 1024px) {
  .carousel .wrap .nav .btn.next {
    right: 1rem;
  }
}
.carousel .wrap .nav a.button {
  display: inline-block;
  transition: all 0.25s ease-out;
  opacity: 0.25;
}
.carousel .wrap .nav a.button img {
  border-radius: 50%;
  width: 5rem;
  height: 5rem;
}
.carousel .wrap .nav a.button.active {
  opacity: 1;
}
.carousel .wrap .nav a.button.active img {
  border: 0.25rem solid #FA7268;
}

.owl-carousel .owl-dots {
  display: none;
}
.owl-carousel .item {
  padding: 11.25rem 0 0 28.75rem;
  margin: 0;
}
.owl-carousel .head {
  position: relative;
  font-size: 2.5rem;
  font-weight: 400;
  padding: 0;
  text-align: left;
}
.owl-carousel .head .name {
  font-size: 2rem;
  color: #FA7268;
  font-weight: 700;
}
.owl-carousel .head .slogan {
  font-size: 1.25rem;
  font-weight: 500;
  padding-bottom: 0.5rem;
}
.owl-carousel .head .quotes:before {
  content: " ";
  position: absolute;
  display: block;
  background: url("images/quotes.svg") no-repeat;
  background-size: contain;
  width: 5rem;
  height: 5rem;
  top: 0;
  left: -1.875rem;
  opacity: 0.5;
}
.owl-carousel .text {
  height: 100%;
  padding: 0 4rem 0 0;
  text-align: left;
  line-height: 2rem;
  font-size: 1.25rem;
}
.owl-carousel .text p {
  display: inline;
}
.owl-carousel .image {
  position: absolute;
  left: 0;
  top: 0;
  display: inline-block;
}
.owl-carousel .image img {
  border-radius: 50%;
  width: 25rem;
  height: 25rem;
}
.owl-carousel button {
  border: none;
  box-shadow: none;
}
.owl-carousel .owl-stage-outer {
  background: none;
}

html {
  font-size: 16px;
}

body {
  font-family: Barlow, serif;
  font-size: 1.5rem;
  color: #5a5a5a;
  padding-top: 0;
}

p {
  font-weight: 300;
  margin: 0 0 1rem 0;
}
p.text-center {
  text-align: center;
}
p.text-big {
  font-size: 2rem;
  font-weight: 500;
}
p.text-small {
  font-size: 1.25rem;
}
p.text-white {
  color: #fff;
}
p.text-white strong, p.text-white h2 {
  color: #fff;
}

span.text-small {
  font-size: 1.25rem;
}

h1.text-center, h2.text-center, h3.text-center, h4.text-center {
  text-align: center;
}

.h2 {
  font-size: 2.5rem;
  line-height: 1.5;
  font-weight: 700;
  color: #5a5a5a;
}
.h2.light {
  font-weight: 500;
}
.h2:not(:first-child) {
  margin-top: 0.75rem;
}

.h3 {
  font-weight: 500;
  font-size: 1.5rem;
}

button {
  color: #5a5a5a;
}
button:hover {
  text-decoration: none;
}
button.text-button {
  margin-top: 1rem;
  padding: 0.4rem 2rem;
  font-size: 1.4rem;
  font-weight: 450;
  color: #FA7268;
  border: 0.25rem solid #FA7268;
  background: none;
  margin-right: 1rem;
  display: inline-block;
  text-decoration: none;
}
button.text-button:hover {
  text-decoration: none;
}
button.text-button:hover:not(:disabled) {
  text-decoration: none;
  color: #fff;
  background-color: #FA7268;
}

a {
  color: #5a5a5a;
  text-decoration: underline;
  text-decoration-thickness: 0.1rem;
}
a:hover {
  color: #5a5a5a;
  text-decoration: underline;
  text-decoration-thickness: 0.12rem;
}
a.text-button {
  margin-top: 1rem;
  padding: 0.4rem 2rem;
  font-size: 1.4rem;
  font-weight: 450;
  color: #FA7268;
  border: 0.25rem solid #FA7268;
  background: none;
  margin-right: 1rem;
  display: inline-block;
  text-decoration: none;
}
a.text-button:hover {
  text-decoration: none;
}
a.text-button:hover:not(:disabled) {
  text-decoration: none;
  color: #fff;
  background-color: #FA7268;
}
a.navbar-item {
  text-decoration: none;
}
a.navbar-item:hover {
  text-decoration: none;
}

button:not(:disabled) {
  cursor: pointer;
}

button:disabled {
  opacity: 0.5;
}

#question-of-the-week .wrapper {
  padding: 0;
  display: flex;
  justify-content: center;
  color: #5a5a5a;
}
#question-of-the-week .wrapper .inner {
  padding-bottom: 2rem;
}
#question-of-the-week .wrapper p {
  text-align: left;
  font-size: 2rem;
  text-transform: none;
  line-height: 2.75rem;
  margin: 0;
}
#question-of-the-week .wrapper .question {
  padding: 0 8rem;
}
#question-of-the-week .wrapper .question .movein {
  text-align: center;
}
#question-of-the-week .wrapper .question p, #question-of-the-week .wrapper .question span {
  text-align: center;
  font-weight: 400;
  font-size: 3.5rem;
  line-height: 1.5;
}
#question-of-the-week .wrapper .question .mw-w:first-child .mw-l:first-child:before {
  content: " ";
  background: url("images/quotes-light.svg") no-repeat;
  width: 5rem;
  height: 5rem;
  background-size: 5rem;
  display: inline-block;
  position: absolute;
  margin-left: -3.75rem;
  opacity: 0.3;
  background-image: url(images/quotes.svg);
  opacity: 0.6;
}

.container.small {
  max-width: 960px;
}

p .text-center {
  text-align: center;
}

.content h1 {
  font-size: 3.5rem;
  line-height: 1.5;
  font-weight: 700;
  color: #5a5a5a;
}
.content h2 {
  font-size: 2.5rem;
  line-height: 1.5;
  font-weight: 700;
  color: #5a5a5a;
}
.content h2.light {
  font-weight: 500;
}
.content h2:not(:first-child) {
  margin-top: 0.75rem;
}
.content h3 {
  color: #5a5a5a;
}
.content ul {
  padding: 0;
  margin: 0;
}
.content ul li {
  font-weight: 500;
  margin: 0;
  padding: 0 0 1.2rem 2rem;
  list-style: none;
  background-image: url(images/aufzaehlung-herz.svg);
  background-repeat: no-repeat;
  background-position: left 0.6rem;
  background-size: 1.2rem;
}

.privacy .content ul li {
  font-weight: normal;
  margin-left: 2rem;
  padding: 0 0 1.2rem 0;
  list-style: disc;
  background-image: none;
}

.center {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  height: 100%;
}

input, textarea {
  margin-bottom: 1rem;
  font-size: 1.25rem !important;
  padding: 0.25rem 0.25rem 0.25rem 2rem !important;
  border: none !important;
  box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.2) !important;
}
input:focus, input:hover, textarea:focus, textarea:hover {
  box-shadow: 0 0 8px 2px rgba(250, 114, 104, 0.5) !important;
}

label {
  display: inline-block;
  font-size: 1.5rem;
  margin-bottom: 0.5rem;
  color: #5a5a5a;
}

input[type=checkbox] {
  width: 1.25rem;
  height: 1.25rem;
  min-width: 1.25rem;
  min-height: 1.25rem;
  margin: 0.25rem 0.75rem 0 0;
}

.c-with-background.contact {
  padding-top: 4rem;
}

#footer {
  background-size: cover;
  color: #fff;
  font-size: 1.5rem;
  padding: 0;
  margin: 0;
}
#footer a {
  color: #fff;
  display: inline-block;
}
#footer a span {
  border-bottom: 2px solid #ffffff00;
}
#footer a:hover span {
  border-bottom: 2px solid #fff;
}
#footer .top {
  background-color: rgba(250, 114, 104, 0.8);
  padding: 4rem 0 5rem 0;
}
#footer .top a {
  display: inline-block;
  padding-left: 0;
}
#footer .top a:hover {
  background: none;
}
#footer .top a.is-active, #footer .top a:focus, #footer .top a:active {
  background: none;
}
#footer .bottom {
  background-color: #B6534B;
  padding: 1.5rem 0 1.5rem 0;
}
#footer ul {
  margin: 0;
  padding: 0;
  list-style: none;
  text-align: left;
  display: inline-block;
}
#footer ul li {
  color: #fff;
  display: inline-block;
}
#footer ul li:after {
  content: "|";
  padding-left: 1rem;
  padding-right: 1rem;
  display: inline-block;
  vertical-align: top;
}
#footer ul li:first-child {
  padding-left: 0;
}
#footer ul li:last-child:after {
  content: "";
}
#footer span {
  float: right;
}
#footer .cert {
  position: absolute;
  right: 0;
  top: 0;
  background-color: #fff;
  border-radius: 50%;
  width: 10rem;
  height: 10rem;
}

.user-info-bar {
  background-color: #FA7268;
  color: #fff;
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 2rem 2rem 2rem 3rem;
  display: none;
  z-index: 9999999;
  border: 2px solid #fff;
  border-bottom: none;
}
.user-info-bar a.text-button {
  color: #fff;
  border: 0.25rem solid #fff;
  background: none;
  margin-top: 0.5rem;
}
.user-info-bar a.text-button:hover {
  color: #FA7268;
  background-color: #fff;
}
.user-info-bar .column {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

p.test-answer {
  border: 1px solid #bbb;
  background-color: rgba(0, 0, 0, 0.1);
}

#test-app {
  color: #5a5a5a;
}
#test-app .test-wrapper {
  margin-bottom: 8rem;
}
#test-app h3 {
  font-size: 2.5rem;
  line-height: 1.5;
  color: #5a5a5a;
  text-transform: none;
  font-weight: 700;
  margin-bottom: 4rem;
}
#test-app .status {
  color: #5a5a5a;
  font-size: 1.2rem;
  font-weight: 700;
  margin-bottom: 1rem;
}
#test-app .button-grp {
  margin-bottom: 2rem;
}
#test-app .question {
  display: none;
}
#test-app ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
#test-app ul li {
  position: relative;
  cursor: pointer;
  padding: 1.5rem 1.5rem;
  color: #5a5a5a;
  margin: 1rem 0;
  list-style: none;
  display: none;
  font-weight: 500;
  background-image: none !important;
  border: 4px solid #fa7268;
}
#test-app ul li.selected {
  color: #fff;
  background: #fa7268;
  font-weight: 500;
}
#test-app ul li.selected:not(.done) .check-radio {
  background-color: #fff;
}
#test-app ul li.selected:not(.done) .check-radio:after {
  -ms-transform: translateZ(0) translate(0, 0) scale(2);
  -webkit-transform: translateZ(0) translate(0, 0) scale(2);
  transform: translateZ(0) translate(0, 0) scale(2);
}
#test-app ul li.selected.done .check-radio {
  background-color: #fff;
}
#test-app ul li.selected.done .check-radio:after {
  -ms-transform: scale(2);
  -webkit-transform: scale(2);
  transform: scale(2);
}
#test-app ul li:hover:not(.selected) {
  color: #fff;
  background: #fa7268;
}
#test-app ul li:hover:not(.selected) .check-radio {
  background-color: #fff;
}
#test-app ul li .answer-text {
  padding-left: 40px;
  line-height: 1.5;
  display: flex;
}
#test-app ul li .answer-text > div {
  margin: auto;
  margin-left: 0;
}
#test-app ul li .check-radio {
  width: 26px;
  height: 26px;
  background-color: transparent;
  border: 2px solid #fa7268;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  cursor: pointer;
  margin: 0 5px 0 0;
  position: absolute;
  z-index: 2;
  left: 14px;
  top: 1.8rem;
  display: inline-block;
  vertical-align: middle;
  -webkit-transition: border-color 0.2s linear 0s;
  transition: border-color 0.2s linear 0s;
}
#test-app ul li .check-radio:after {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background-color: #fa7268;
  position: absolute;
  left: 7px;
  top: 7px;
  -ms-transform: translateZ(0) translate(0, 0) scale(0);
  -webkit-transform: translateZ(0) translate(0, 0) scale(0);
  transform: translateZ(0) translate(0, 0) scale(0);
  transition: transform 0.2s linear 0s;
}
#test-app.hide {
  display: none;
}
#test-app .show {
  display: block;
}

.mask-wrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 100vh;
}
.mask-wrapper a.text-button {
  color: #fff;
  border: 0.25rem solid #fff;
  background: none;
}
.mask-wrapper a.text-button:hover {
  color: #FA7268;
  background-color: #fff;
}

.mask {
  padding: 0;
  background: none;
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-size: contain;
  mask-repeat: no-repeat;
}

.mask-1 {
  -webkit-mask-image: url("images/form-1.svg");
  mask-image: url("images/form-1.svg");
}

.mask-landscape {
  -webkit-mask-image: url("images/form-4.svg");
  mask-image: url("images/form-4.svg");
}

.mask-portrait {
  -webkit-mask-image: url("images/form-portrait-big.svg");
  mask-image: url("images/form-portrait-big.svg");
}

.mask-portrait-small {
  -webkit-mask-image: url("images/form-3.svg");
  mask-image: url("images/form-3.svg");
}

.mask-portrait-square {
  -webkit-mask-image: url("images/form-portrait-square.svg");
  mask-image: url("images/form-portrait-square.svg");
}

.mask-portrait-square-scaled {
  -webkit-mask-image: url("images/form-portrait-square-scaled.png");
  mask-image: url("images/form-portrait-square-scaled.png");
}

.mask-portrait-square-scaled-2 {
  -webkit-mask-image: url("images/form-portrait-square-scaled-2.png");
  mask-image: url("images/form-portrait-square-scaled-2.png");
}

.mask-for-text {
  -webkit-mask-image: url("images/form-for-you.svg");
  mask-image: url("images/form-for-you.svg");
}

.mask-quote {
  -webkit-mask-image: url("images/form-quote.svg");
  mask-image: url("images/form-quote.svg");
}

.ge.for-you .is-c-1 .mask-for-text {
  -webkit-mask-image: url("images/form-for-you-1.svg");
  mask-image: url("images/form-for-you-1.svg");
}
.ge.for-you .is-c-2 .mask-for-text {
  -webkit-mask-image: url("images/form-for-you-2.svg");
  mask-image: url("images/form-for-you-2.svg");
}
.ge.for-you .is-c-3 .mask-for-text {
  -webkit-mask-image: url("images/form-for-you-3.svg");
  mask-image: url("images/form-for-you-3.svg");
}
.ge.for-you.wake-up .is-c-2 .mask-for-text, .ge.for-you.check-in .is-c-2 .mask-for-text {
  -webkit-mask-size: 100% 98%;
}
.ge.for-you.check-in .is-c-3 .mask-for-text {
  -webkit-mask-size: 100% 98%;
}

.bg-overlay {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  color: #fff;
}
.bg-overlay.for-text {
  background-color: rgba(250, 114, 104, 0.85);
}
.bg-overlay .h2 {
  color: #fff;
}

.wave-top-2 {
  background: url("images/bg-1-oben.png") no-repeat;
  width: 100%;
  height: 168px;
}

.wave-bottom-2 {
  background: url("images/bg-1-unten.png") no-repeat;
  width: 100%;
  height: 90px;
}

.wave-top-3 {
  background: url("images/bg-2-oben.png") no-repeat;
  width: 100%;
  height: 144px;
}

.wave-bottom-3 {
  background: url("images/bg-2-unten.png") no-repeat;
  width: 100%;
  height: 72px;
}

.wave-top-5 {
  background: url("images/bg-rot-top.png") no-repeat;
  width: 100%;
  height: 5rem;
}

.wave-bottom-5 {
  background: url("images/bg-rot-bottom.png") no-repeat;
  width: 100%;
  height: 6.25rem;
}

.wave-top-6 {
  background: url("images/bg-3-oben.png") no-repeat;
  width: 100%;
  height: 70px;
}

.wave-bottom-6 {
  background-color: #f7f7f7;
  width: 100%;
  height: 5.25rem;
}

@media screen and (max-width: 1024px) {
  .has-padding-mobile {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .container.has-padding-mobile {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
.quote-start::before {
  content: " ";
  background: url("images/quotes-light.svg") no-repeat;
  width: 5rem;
  height: 5rem;
  background-size: 5rem;
  display: inline-block;
  position: absolute;
  margin-left: -3.75rem;
  opacity: 0.3;
}

.f-space-before-1 {
  padding-top: 2rem;
}

.f-space-after-1 {
  padding-bottom: 2rem;
}

.f-space-before-2 {
  padding-top: 4rem;
}

.f-space-after-2 {
  padding-bottom: 4rem;
}

.f-space-before-3 {
  padding-top: 8rem;
}

.f-space-after-3 {
  padding-bottom: 8rem;
}

.f-space-before-4 {
  padding-top: 12rem;
}

.f-space-after-4 {
  padding-bottom: 12rem;
}

.ge.hidden {
  display: none;
}
.ge .inner {
  display: inline-block;
  width: 100%;
}
.ge.newsletter .inner > div {
  display: block;
}
.ge.way-out .inner {
  margin-top: 2rem;
  margin-bottom: 4rem;
}
.ge.content2cols.emotion-slow .column:first-child h2 {
  margin-bottom: 6rem;
}
.ge.content2cols.emotion-slow .column:first-child h2:after {
  content: " ";
  display: block;
  position: absolute;
  top: 4rem;
  width: 17rem;
  height: 3rem;
  background-image: url("images/Emotion_Slow_Logo_fin.png");
  background-repeat: no-repeat;
  background-size: contain;
}
.ge.content2cols .column:first-child {
  padding-right: 2rem;
}
.ge.content2cols .column:last-child {
  padding-left: 2rem;
}
.ge.content2cols.video .bg-overlay.text {
  cursor: pointer;
}
.ge.content2cols.video .bg-overlay.text > :after {
  content: " ";
  display: inline-block;
  width: 6rem;
  height: 6rem;
  background: url("images/play-button.svg") no-repeat;
  background-size: contain;
  opacity: 0.75;
  transition: all 0.25s ease-out;
}
.ge.content2cols.video .bg-overlay.text:hover > :after {
  width: 12rem;
  height: 12rem;
  opacity: 1;
}
.ge.content3cols.and-now .text-button {
  color: #fff;
  border: 0.25rem solid #fff;
  background: none;
}
.ge.content3cols.and-now .text-button:hover {
  color: #FA7268;
  background-color: #fff;
}
.ge.content3cols.and-now .mask-for-text {
  -webkit-mask-image: url("images/form-11.svg");
  mask-image: url("images/form-11.svg");
}
.ge.content3cols.and-now .bg-overlay.text {
  padding: 0 5rem;
}
.ge.content3cols.text-cols .column {
  padding: 0 3rem;
}
.ge .c-with-background.f-background-1 {
  background: url("images/wellen-bg-grau.png") no-repeat;
  background-size: 100vw;
}
.ge .c-with-background.f-background-2, .ge .c-with-background.f-background-3 {
  background-color: #F7F7F7;
}
.ge .c-with-background.f-background-4 {
  background: url("images/wellen-bg.svg") no-repeat;
  background-size: 100vw;
}
.ge .c-with-background.f-background-4.about-me {
  background-position-y: 300px;
  padding-bottom: 12rem;
}
.ge .c-with-background.f-background-5 {
  background: url("images/bg-rot-center.png") repeat;
  background-size: 100vw;
}
.ge .c-with-background.f-background-6 {
  padding-top: 4rem;
}
.ge .c-with-background.f-content-size-1 .container .inner {
  width: 80%;
  margin-left: 10%;
}
.ge .c-with-background.f-content-size-2 .container .inner {
  width: 60%;
  margin-left: 20%;
}
.ge .c-with-background.f-content-size-3 .container .inner {
  width: 40%;
  margin-left: 30%;
}
.ge .c-with-background.has-text-white {
  color: #fff;
}
.ge .c-with-background.has-text-white h2, .ge .c-with-background.has-text-white h3, .ge .c-with-background.has-text-white h4 {
  color: #fff;
  font-weight: 500;
}
.ge .c-with-background.has-text-white a.text-button {
  color: #fff;
  border: 0.25rem solid #fff;
  background: none;
}
.ge .c-with-background.has-text-white a.text-button:hover {
  color: #FA7268;
  background-color: #fff;
}
.ge .for-you header {
  margin-top: 3rem;
  margin-bottom: 2rem;
}
.ge .for-you .container {
  padding-top: 10rem;
}
.ge .for-you a.text-button {
  color: #fff;
  border: 0.25rem solid #fff;
  background: none;
}
.ge .for-you a.text-button:hover {
  color: #FA7268;
  background-color: #fff;
}
.ge .for-you .text {
  font-size: 1.5rem;
}
.ge .for-you .text h2, .ge .for-you .text h3 {
  color: #fff;
}
.ge .for-you .text h2 {
  font-size: 2.5rem;
  font-weight: 700;
}
.ge .for-you .text h3 {
  font-weight: 500;
  font-size: 1.5rem;
  margin-top: 1rem;
}
.ge .for-you .is-c-1 .text {
  padding: 0 4rem;
}
.ge .for-you .is-c-2 .text {
  padding: 0 6rem 0 6rem;
}
.ge .for-you .is-c-3 .text {
  padding: 0 5rem;
}
.ge .for-you.f-rows-1 {
  padding-top: 10rem;
  padding-bottom: 10rem;
}
.ge .for-you.f-rows-1 .is-c-2 .text {
  padding: 0 8rem 0 6rem;
}
.ge .for-you.f-rows-1 .is-c-3 {
  margin-left: 0;
  width: 45%;
}
.ge .teaser-text em {
  display: inline-block;
  position: absolute;
  margin-top: 6rem;
  margin-left: -2rem;
  font-size: 1.5rem;
  font-weight: 400;
  font-style: italic;
  padding-left: 2rem;
}
.ge .teaser-text .bg-overlay.text {
  text-align: left;
  color: #fff;
  justify-content: center;
  justify-items: center;
  flex-direction: column;
  padding: 0 12rem 0 10rem;
  display: flex;
}
.ge .teaser-text img {
  max-width: 200%;
  width: 100%;
  opacity: 0;
}
.ge .teaser-text .mask .bg-overlay {
  background-color: #fa7268;
}
.ge .teaser-text p {
  text-align: center;
  font-size: 3.4rem;
  font-weight: 400;
  padding: 0;
  margin: 0;
}
.ge .teaser-text.f-mode-0 .bg-overlay.text {
  color: #fff;
}
.ge .teaser-text.f-mode-0 .bg-overlay.text h2, .ge .teaser-text.f-mode-0 .bg-overlay.text strong {
  color: #fff;
}
.ge .teaser-text.f-mode-1 .bg-overlay.text {
  color: #5a5a5a;
}
.ge .teaser-text.f-size-1 p {
  text-align: center;
  font-size: 2rem;
  font-weight: 500;
}
.ge .teaser-text.f-size-2 p {
  text-align: left;
  font-size: 1.25rem;
  line-height: 1.5;
  font-weight: 300;
}
.ge .teaser-text.f-mode-1 .quote-start::before {
  background-image: url("images/quotes.svg");
  opacity: 0.6;
}
.ge .teaser-text a.text-button {
  font-size: 1.5rem;
  color: #fff;
  border: 0.25rem solid #fff;
  background: none;
}
.ge .teaser-text a.text-button:hover {
  color: #FA7268;
  background-color: #fff;
}
.ge.masked-image .f-with-text-1 .bg-overlay p {
  font-size: 2.5rem;
}
.ge.masked-image .f-with-text-1 .icon {
  border: 4px solid #fff;
  border-radius: 50%;
  width: 64px;
  height: 64px;
}
.ge.masked-image.test .h2 {
  font-size: 1.5rem;
  font-weight: 400;
  margin-bottom: 1rem;
}
.ge.masked-image.test .h2:before {
  display: block;
  margin: 0.5rem auto;
  content: " ";
  width: 3rem;
  height: 3rem;
  background: url("images/check-out.svg") no-repeat;
  background-size: contain;
}
.ge.masked-image.test p {
  font-size: 2.5rem;
  font-weight: 700;
}
.ge.masked-image.test .bg-overlay.for-text {
  background-color: rgba(250, 114, 104, 0.55);
}

.wave {
  background-size: 100vw;
}

.popup {
  text-align: left;
  padding: 3rem 2rem 2rem 2rem;
}
.popup p {
  font-size: 1.5rem;
}
.popup p.text-small {
  font-size: 1.25rem;
}
.popup .h2 {
  line-height: 1.5;
}
.popup .privacy {
  display: flex;
}
.popup .privacy p {
  padding-top: 0.1rem;
}

#contact-app .privacy {
  display: flex;
}

.swal2-html-container {
  margin: 0 1.2rem 0 1.2rem !important;
}

.swal2-popup p {
  font-size: 1.5rem;
}
.swal2-popup h2 {
  font-weight: 700;
  font-size: 2rem;
  line-height: 1;
  margin-bottom: 1rem;
}
.swal2-popup .swal2-close {
  box-shadow: none !important;
}
.swal2-popup.video-player, .swal2-popup.audio-player {
  padding: 0;
}
.swal2-popup.video-player .swal2-html-container, .swal2-popup.audio-player .swal2-html-container {
  margin: 0 !important;
}
.swal2-popup.audio-player {
  background-color: rgba(0, 0, 0, 0);
}
.swal2-popup.audio-player .swal2-html-container {
  background-color: black;
  height: 50px;
  border: none !important;
}
.swal2-popup.audio-player .video-js {
  background-color: #ffffff00;
  height: 50px;
  border: none !important;
}

.ge.freebie-bubble .ge, .ge.freebie-bubble-mobile .ge {
  margin-top: 0;
  margin-bottom: 3rem;
}
.ge.freebie-list {
  position: relative;
}
.ge.freebie-list:before {
  display: block;
  margin: 0.5rem auto;
  content: " ";
  width: 6rem;
  height: 6rem;
  background: url("images/freebie-arrow.png") no-repeat;
  background-size: contain;
  left: calc(50% - 3rem);
  top: 4.75rem;
  position: absolute;
}
.ge.freebie {
  padding: 0 min(10rem, 10vw) 6rem min(10rem, 10vw);
}
.ge.freebie-bubble-mobile {
  display: none;
}
.ge .c-with-background.freebie-header h2 {
  line-height: 1.2;
}
.ge .teaser-text.freebie-bubble .bg-overlay.text {
  padding: 0 6rem 0 5rem;
}
.ge .teaser-text.freebie-bubble .bg-overlay.text h2 {
  line-height: 1.2;
  text-align: center;
}
.ge .teaser-text.freebie-bubble .bg-overlay.text p {
  font-size: 2rem;
}

p.freebie-numbering {
  color: #FA7268;
  font-weight: 700;
  font-size: 3rem;
  margin-bottom: 0.25rem !important;
}

.freebie-box-tick, .freebie-box-cross {
  background-color: #e6e6e6;
  border-radius: 8px;
  padding: 1rem 2rem 2rem 2rem;
  margin: 0 0 1.5rem 0;
  text-align: center;
  height: 15rem;
}
.freebie-box-tick p, .freebie-box-cross p {
  margin: 0;
}

.freebie-box-cross > div {
  padding: 0.5rem 0;
  text-align: center;
}
.freebie-box-cross > div > span {
  width: 28px;
  height: 28px;
  background: url("images/cross.png") no-repeat;
  background-size: contain;
  display: inline-block;
}

.freebie-box-tick > div {
  padding: 0.5rem 0;
  text-align: center;
}
.freebie-box-tick > div > span {
  width: 34px;
  height: 28px;
  background: url("images/tick.png") no-repeat;
  background-size: contain;
  display: inline-block;
}

section.hero.freebie-hero .bubble-margin-left {
  margin-left: 28vw;
}
section.hero.freebie-hero .phone-freebie-hero {
  position: absolute;
  padding: 20vh 0 20vh 12vw;
}
section.hero.freebie-hero .phone-freebie-hero > div {
  background: url("images/phone.png") no-repeat;
  background-size: contain;
  width: 60vw;
  height: 50vh;
}
section.hero.freebie-image {
  height: 70vh !important;
}

@media screen and (max-width: 1920px), print {
  .wave {
    background-size: 100vw;
  }
  .wave.wave-top-2 {
    height: calc((168/1920 * 100vw));
  }
  .wave.wave-bottom-2 {
    height: calc((90/1920 * 100vw));
  }
  .wave.wave-top-3 {
    height: calc((144/1920 * 100vw));
  }
  .wave.wave-bottom-3 {
    height: calc((72/1920 * 100vw));
  }
  .wave.wave-top-6 {
    height: calc((70/1920 * 100vw));
  }
}
@media (max-width: 1408px) {
  html {
    font-size: 12px;
  }
}
@media (max-width: 1216px) {
  .ge.freebie {
    padding: 3rem;
  }
}
@media (max-width: 1024px) {
  .freebie-box-tick, .freebie-box-cross {
    height: 16rem;
  }

  .navbar, .navbar-end, .navbar-menu, .navbar-start {
    align-items: stretch !important;
    display: flex !important;
    background: none !important;
    box-shadow: none !important;
    flex-grow: 1;
    flex-shrink: 0;
    justify-content: right !important;
  }

  .navbar {
    min-height: 2.5rem;
  }

  .navbar-menu {
    padding: 0;
  }

  html {
    font-size: 11px;
  }

  #topheader .logo.fixed {
    width: 8rem;
  }

  .container {
    padding: 0 1rem;
  }

  #footer .cert {
    right: 1rem;
  }

  .owl-carousel .image img {
    width: 25vw;
    height: 25vw;
  }
  .owl-carousel .item {
    padding-left: 30vw;
  }
  .owl-carousel .text {
    padding-right: 4vw;
  }

  .ge .teaser-text p {
    font-size: 2.5rem;
  }
  .ge .teaser-text em {
    margin-top: 3rem;
  }
  .ge .teaser-text .bg-overlay.text {
    padding: 0 10rem 0 6rem;
  }
  .ge.for-you .column {
    margin: 0;
    display: block !important;
    width: 100% !important;
    padding: 4rem 10rem;
  }
  .ge .c-with-background.f-content-size-1 .container .inner, .ge .c-with-background.f-content-size-2 .container .inner, .ge .c-with-background.f-content-size-3 .container .inner {
    width: 100%;
    margin-left: 0;
  }
  .ge.freebie-bubble-mobile {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    padding: 0;
  }
  .ge.freebie-bubble-mobile .c-with-background {
    position: relative;
    padding: 5rem 5vw 0 5vw;
    height: 50vh;
    overflow: hidden;
  }
  .ge.freebie-bubble-mobile .c-with-background:before {
    position: absolute;
    top: -21vh;
    content: " ";
    background-color: rgba(204, 52, 41, 0.5);
    border-radius: 50%;
    width: 300vw;
    height: 70vh;
    left: -100vw;
    overflow: hidden;
  }
  .ge.freebie-bubble-mobile p, .ge.freebie-bubble-mobile h2, .ge.freebie-bubble-mobile strong {
    color: #fff;
  }
  .ge.freebie-bubble-mobile h2 {
    font-size: 4rem !important;
  }
  .ge.freebie-bubble-mobile p {
    font-size: 2rem !important;
  }
  .ge.freebie-bubble-mobile a.text-button {
    font-size: 1.75rem;
    color: #fff;
    border-color: #fff;
    background-color: #819d59;
  }
  .ge.freebie-bubble-mobile a.text-button:hover {
    background-color: #819d59DF !important;
  }
  .ge.freebie-bubble-mobile:after {
    content: " ";
    display: block;
    background: url("images/phone.png") no-repeat;
    background-size: contain;
    width: 60vw;
    height: 40vh;
    margin-left: 30vw;
    overflow: hidden;
  }

  section.hero .bubble-margin-left {
    margin: auto;
  }
  section.hero.freebie-hero .columns {
    display: flex !important;
  }
  section.hero .columns {
    display: flex !important;
  }
}
@media screen and (min-width: 769px), print {
  .column.is-for-you-top-tablet {
    flex: none;
    width: 47%;
    margin-left: 26.5%;
  }

  .column.is-for-you-bottom-left-tablet {
    flex: none;
    width: 47%;
    margin-right: 1.5%;
  }

  .column.is-for-you-bottom-right-tablet {
    flex: none;
    width: 47%;
    margin-left: 1.5%;
  }

  .wake-up .column.is-for-you-bottom-left-tablet,
.check-in .column.is-for-you-bottom-left-tablet {
    flex: none;
    width: 53%;
    margin-right: 0.5%;
  }

  .ge .for-you header p {
    padding: 0 20rem 4rem 20rem;
  }
}
@media (max-width: 800px) {
  section.hero.freebie-hero .phone-freebie-hero {
    display: none !important;
  }
  section.hero.freebie-hero .bubble-margin-left {
    margin: auto !important;
  }

  .freebie-box-tick, .freebie-box-cross {
    height: 19rem;
  }

  html {
    font-size: 11px;
  }

  .ge.for-you .column {
    padding: 4rem 12vw;
  }
  .ge.masked-image.f-mask-1, .ge.masked-image.f-mask-3 {
    padding: 0 6rem;
  }
  .ge.freebie-bubble-mobile {
    display: none !important;
  }

  #question-of-the-week .wrapper .question {
    padding: 0 1rem 0 2rem;
  }

  #topheader .logo.fixed {
    left: 1rem;
  }

  .column {
    padding-bottom: 0 !important;
  }

  .columns.isPhone {
    display: flex;
  }
  .columns.isPhone .column .is-half {
    width: 50%;
  }
}
@media (max-width: 640px) {
  .freebie-box-tick, .freebie-box-cross {
    height: 15rem;
  }

  .columns.isPhone {
    display: block;
  }
  .columns.isPhone .column .is-half {
    width: 100%;
  }

  .ge.freebie-bubble-mobile h2 {
    font-size: 4.5rem !important;
  }
  .ge.freebie-bubble-mobile p {
    font-size: 2.5rem !important;
  }
  .ge .teaser-text p {
    font-size: 2rem;
  }
  .ge .teaser-text em {
    font-size: 1.5rem;
  }
  .ge .teaser-text .bg-overlay.text {
    padding: 0 8rem 0 6rem;
  }
  .ge .teaser-text.f-size-2 .bg-overlay.text {
    padding: 0 4rem 0 3rem;
  }
  .ge .teaser-text.f-size-2 h2 {
    font-size: 2rem;
    line-height: 1.1;
  }
  .ge .teaser-text.f-size-2 p {
    line-height: 1.25;
  }
  .ge .teaser-text h2 {
    font-size: 2rem;
  }

  .quote-start::before {
    width: 4rem;
    height: 4rem;
    background-size: 4rem;
  }

  #topheader .navbar-item {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }

  .wave {
    background-size: max(100vw, 480px);
  }
  .wave.wave-top-2 {
    height: calc((168/1920 * max(100vw, 480px)));
  }
  .wave.wave-bottom-2 {
    height: calc((90/1920 * max(100vw, 480px)));
  }
  .wave.wave-top-3 {
    height: calc((144/1920 * max(100vw, 480px)));
  }
  .wave.wave-bottom-3 {
    height: calc((72/1920 * max(100vw, 480px)));
  }
}
@media (max-width: 480px) {
  html {
    font-size: 9px;
  }

  .ge.for-you .column {
    padding: 2rem 0;
  }

  #topheader .logo.fixed {
    left: 0.5rem;
    width: 6rem;
  }

  #topheader .navbar a {
    font-size: 1.5rem;
  }

  .ge.freebie-bubble-mobile {
    display: block !important;
  }
  .ge.freebie-bubble-mobile .c-with-background {
    padding: 3rem 0 0 0;
  }
  .ge.freebie-bubble-mobile h2 {
    font-size: 5.5rem !important;
    line-height: 1;
  }
  .ge.freebie-bubble-mobile p {
    font-size: 3.5rem !important;
    line-height: 1.3;
  }
  .ge.freebie-bubble-mobile a.text-button {
    font-size: 2.5rem !important;
  }
  .ge.freebie-list:before {
    top: 0.75rem;
  }
  .ge.hide-phone.f-mode-0 .column:nth-child(2) {
    display: none !important;
  }
  .ge.hide-phone.f-mode-1 .column:nth-child(1) {
    display: none !important;
  }
  .ge.content2cols .column {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .ge .teaser-text p {
    font-size: 1.25rem;
  }
  .ge .teaser-text h2 {
    font-size: 1.5rem;
  }
  .ge .teaser-text em {
    font-size: 1rem;
    margin-top: 2rem;
  }
  .ge .teaser-text .bg-overlay.text {
    padding: 0 6rem 0 5rem;
  }
  .ge .teaser-text.f-size-2 h2 {
    font-size: 1.5rem;
    line-height: 1;
  }
  .ge .teaser-text.f-size-2 p {
    line-height: 1.1;
  }

  .f-space-before-1 {
    padding-top: 1rem;
  }

  .f-space-after-1 {
    padding-bottom: 1rem;
  }

  .f-space-before-2 {
    padding-top: 2rem;
  }

  .f-space-after-2 {
    padding-bottom: 2rem;
  }

  .f-space-before-3 {
    padding-top: 4rem;
  }

  .f-space-after-3 {
    padding-bottom: 4rem;
  }

  .f-space-before-4 {
    padding-top: 6rem;
  }

  .f-space-after-4 {
    padding-bottom: 6rem;
  }

  .carousel .wrap:before {
    background-image: none;
    background-color: #000;
  }
  .carousel .container {
    padding: 3rem 0 0 0;
  }

  section.hero.freebie-image {
    height: 40vh !important;
  }

  section.hero.freebie-hero .phone-freebie-hero {
    display: none !important;
  }
  section.hero.freebie-hero .columns {
    display: none !important;
  }
}
@media (max-width: 400px) {
  .freebie-box-tick, .freebie-box-cross {
    height: 20rem;
  }

  .ge.freebie-bubble-mobile .c-with-background {
    padding: 3rem 0 0 0;
  }
  .ge.freebie-bubble-mobile h2 {
    font-size: 3.9rem !important;
    line-height: 1;
  }
  .ge.freebie-bubble-mobile p {
    font-size: 2.2rem !important;
    line-height: 1.3;
  }
  .ge.freebie-bubble-mobile a.text-button {
    font-size: 1.75rem !important;
  }
}
@media (max-width: 1220px) {
  section.hero.freebie-hero .bubble-margin-left {
    margin-left: 40vw;
  }

  section.hero.freebie-hero .phone-freebie-hero {
    padding-left: 12vw;
  }
}

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