@font-face {
  font-family: 'Merriweather';
  src: url("../fonts/Merriweather/Merriweather-Regular.ttf") format("truetype"); }

@font-face {
  font-family: 'Roboto';
  src: url("../fonts/Roboto/Roboto-Regular.ttf") format("truetype"); }

@font-face {
  font-family: 'Roboto Condensed';
  src: url("../fonts/Roboto_Condensed/RobotoCondensed-Regular.ttf") format("truetype"); }

*,
*:before,
*:after {
  box-sizing: inherit; }

html {
  box-sizing: border-box;
  background-color: #fff;
  font-size: 10px;
  font-weight: normal;
  text-rendering: optimizeLegibility; }

body {
  margin: 0;
  padding: 16px;
  color: #003357;
  font-family: Roboto, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.45;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

hr {
  border: 1px solid #CCD6DD;
  background: transparent; }

input,
textarea,
select {
  display: block;
  margin: 0;
  padding: 12px 8px;
  width: 100%;
  border: 1px solid #F2F5F7;
  border-radius: 5px;
  background-color: #fff;
  color: #003357;
  font-family: Roboto, sans-serif;
  font-size: 18px;
  line-height: 1; }
  input:focus,
  textarea:focus,
  select:focus {
    outline: transparent;
    border-color: get-brand(primary); }
  input:disabled,
  textarea:disabled,
  select:disabled {
    cursor: not-allowed;
    color: #66859A; }

input[type="color"] {
  padding: 0; }

input[type="search"] {
  padding: 16px 32px;
  -webkit-appearance: none;
  border-radius: 150px; }

textarea {
  resize: none; }

fieldset {
  margin: 0;
  padding: 0;
  border: none; }

legend {
  font-weight: 800; }

label {
  color: #66859A;
  font-weight: 800;
  text-transform: uppercase; }

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  font-family: Roboto Condensed, sans-serif;
  font-weight: 800;
  line-height: 1.2; }

h1 {
  font-size: 3rem; }
  @media screen and (min-width: 767px) {
    h1 {
      font-size: 4.8rem; } }

h2 {
  font-size: 2.4rem; }
  @media screen and (min-width: 767px) {
    h2 {
      font-size: 3.6rem; } }

h3 {
  font-size: 2.4rem; }
  @media screen and (min-width: 767px) {
    h3 {
      font-size: 3rem; } }

h4,
h5,
h6 {
  font-size: 2rem; }

a {
  cursor: pointer;
  color: #E80017;
  text-decoration: none; }
  a:hover {
    color: #F699A2; }
  a:focus {
    text-decoration: underline; }

img {
  height: auto;
  max-width: 100%;
  width: auto; }

ul, ol {
  margin: 0;
  padding: 0;
  margin-left: 16px; }

table {
  width: 100%;
  table-layout: fixed;
  border: 1px solid #F2F5F7;
  border-collapse: collapse;
  word-wrap: break-word;
  margin-top: 16px; }

th,
td {
  padding: 8px;
  border-left: 1px solid #F2F5F7;
  border-top: 1px solid #F2F5F7; }
  th:first-child,
  td:first-child {
    border-left: 0; }

thead td,
thead th {
  border-top: 0; }

button {
  cursor: pointer;
  margin: 0;
  padding: 0;
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  border: none;
  background: transparent;
  color: #003357;
  font-family: Roboto, sans-serif;
  font-size: 18px;
  line-height: 1; }

figure {
  margin: 0; }

p {
  margin: 0; }

* {
  -webkit-hyphens: auto;
      -ms-hyphens: auto;
          hyphens: auto; }

.o-distance {
  margin-top: 32px; }
  @media screen and (min-width: 767px) {
    .o-distance {
      margin-top: 64px; } }

.o-distance-s {
  margin-top: 8px; }

.o-distance-m {
  margin-top: 16px; }

.o-distance-l {
  margin-top: 32px; }

.o-distance-xl {
  margin-top: 64px; }

.o-distance-xxl {
  margin-top: 64px; }
  @media screen and (min-width: 767px) {
    .o-distance-xxl {
      margin-top: 128px; } }

.o-grid {
  display: -ms-grid;
  display: grid;
  grid-gap: 32px;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr; }
  @media screen and (min-width: 600px) {
    .o-grid {
      grid-template-columns: repeat(auto-fit, minmax(45%, 1fr)); } }
  @media screen and (min-width: 767px) {
    .o-grid {
      grid-template-columns: repeat(auto-fit, minmax(30%, 1fr)); } }

.o-grid-sidebar {
  display: -ms-grid;
  display: grid;
  grid-gap: 32px;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr; }
  @media screen and (min-width: 767px) {
    .o-grid-sidebar {
      grid-template-columns: repeat(auto-fit, minmax(30%, 1fr)); } }
  @media screen and (min-width: 767px) {
    .o-grid-sidebar__sidebar {
      -ms-grid-column: 1;
      grid-column: 1; } }
  @media screen and (min-width: 767px) {
    .o-grid-sidebar__content {
      -ms-grid-column: 2;
      -ms-grid-column-span: 2;
      grid-column: 2 / span 2; } }

.o-grid-half {
  display: -ms-grid;
  display: grid;
  grid-gap: 32px;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr; }
  @media screen and (min-width: 600px) {
    .o-grid-half {
      grid-template-columns: repeat(auto-fit, minmax(45%, 1fr)); } }

.o-center {
  justify-content: center;
  text-align: center; }

.o-m-auto {
  display: block;
  margin-left: auto;
  margin-right: auto; }

.o-container {
  margin-left: auto;
  margin-right: auto;
  max-width: 1040px; }

.o-container-medium {
  margin-left: auto;
  margin-right: auto;
  max-width: 700px; }

.o-prevent-space {
  padding-left: 16px;
  padding-right: 16px; }

.o-list-inline {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin-left: -16px; }
  .o-list-inline__item {
    margin-left: 16px; }
  .o-list-inline--logos {
    align-content: center;
    justify-content: space-between; }
    .o-list-inline--logos .o-list-inline__item {
      width: 125px; }

.o-list-bare {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  margin-top: -16px; }
  .o-list-bare__item {
    margin-top: 16px; }

.o-list-symboled__item {
  padding-left: 32px;
  position: relative; }

.o-list-symboled__icon {
  left: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%); }

.o-header {
  margin-bottom: 16px;
  margin-left: -16px;
  margin-right: -16px;
  margin-top: -16px;
  padding: 16px;
  align-items: center;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  border-bottom: 1px solid #F2F5F7; }
  @media screen and (min-width: 767px) {
    .o-header {
      margin-bottom: 0;
      margin-right: auto;
      margin-left: auto;
      border-bottom: 0;
      padding: 32px 0; } }

.o-footer {
  margin-bottom: -16px;
  padding-bottom: 32px; }
  .o-footer__bottom {
    align-items: center;
    display: flex;
    flex-direction: column;
    text-align: center; }
    @media screen and (min-width: 600px) {
      .o-footer__bottom {
        flex-direction: row;
        justify-content: space-between;
        text-align: left; } }

.o-article {
  margin-bottom: 32px; }
  @media screen and (min-width: 1023px) {
    .o-article {
      margin-bottom: 64px; } }
  .o-article h1,
  .o-article h2,
  .o-article h3,
  .o-article h4,
  .o-article h5,
  .o-article h6 {
    margin-top: 32px; }
    .o-article h1 + p,
    .o-article h2 + p,
    .o-article h3 + p,
    .o-article h4 + p,
    .o-article h5 + p,
    .o-article h6 + p {
      margin-top: 8px; }
  .o-article p {
    margin-top: 16px; }
  .o-article .o-article__title {
    margin-top: 0; }

.o-media {
  display: flex;
  flex-direction: column; }
  @media screen and (min-width: 600px) {
    .o-media {
      flex-direction: row; } }
  .o-media__asset {
    order: 1; }
    @media screen and (min-width: 600px) {
      .o-media__asset {
        order: initial;
        width: 30%; } }
  .o-media__content {
    margin-top: 16px;
    order: 2; }
    @media screen and (min-width: 600px) {
      .o-media__content {
        margin-top: 0;
        padding-left: 32px;
        width: 70%; } }

.o-stream {
  display: flex;
  flex-direction: column; }
  .o-stream__item {
    margin-top: 32px;
    padding-top: 32px;
    border-top: 1px solid #F2F5F7; }
    .o-stream__item:first-child {
      margin-top: 0;
      padding: 0;
      border-top: 0; }

.o-heading__subtitle {
  margin-top: 16px; }

.c-button {
  -webkit-appearance: none;
  display: inline-block;
  min-width: 175px;
  padding: 16px 64px 16px 32px;
  position: relative;
  background: #E80017;
  box-shadow: 0;
  border: 0;
  border-radius: 150px;
  color: #fff;
  text-decoration: none;
  font-weight: 800;
  line-height: 1;
  text-shadow: none; }
  .c-button:hover {
    background-color: #F699A2;
    color: #E80017; }
  .c-button__icon {
    position: absolute;
    right: 32px;
    top: 50%;
    transform: translateY(-50%); }

.c-button--back {
  padding: 16px 32px 16px 64px; }
  .c-button--back .c-button__icon {
    left: 32px;
    right: auto; }

.c-box {
  padding: 32px;
  border: 1px solid #009EE0;
  border-radius: 12px; }
  .c-box--spot {
    background: #003357;
    color: #fff; }
  .c-box--teaser {
    display: flex;
    flex-direction: column;
    justify-content: top; }
  .c-box--alternative {
    background: #039edf; }
  .c-box--alternative2 {
    background: #99d8f3; }
  .c-box--alternative3 {
    background: #99adbc; }
  .c-box--ghost {
    border-color: #fff; }
  .c-box--wide {
    padding: 32px; }
    @media screen and (min-width: 767px) {
      .c-box--wide {
        padding: 64px; } }
  .c-box--contact {
    background-image: url(../images/google-map.png);
    background-position: right;
    background-repeat: no-repeat;
    background-size: cover; }

.c-logo {
  height: 25px;
  width: 250px;
  background-image: url(../images/sendbruder-logo.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  color: transparent;
  font-size: 0;
  line-height: 0; }

.c-logo-bottom {
  height: 25px;
  width: 250px;
  background-image: url(../images/sendbruder-logo.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  color: transparent;
  font-size: 0;
  line-height: 0;
  margin-top: 5px; }

.c-tisax {
  height: 60px;
  width: 120px;
  background-image: url(../images/TISAX.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  color: transparent;
  font-size: 0;
  line-height: 0; }

.o-stage {
  overflow: hidden;
  position: relative;
  border-radius: 12px; }
  .o-stage__asset {
    display: none; }
    @media screen and (min-width: 767px) {
      .o-stage__asset {
        display: block;
        width: 100%;
        height: 100%;
        opacity: .3;
        position: absolute;
        right: 0;
        top: 0;
        background-image: url(../images/keyvisual-stage.png);
        background-position: right;
        background-repeat: no-repeat;
        background-size: contain; } }
    @media screen and (min-width: 1023px) {
      .o-stage__asset {
        opacity: 1; } }
    @media screen and (min-width: 767px) {
      .o-stage__asset--light {
        background-image: url(../images/keyvisual-stage-light.png); } }
  @media screen and (min-width: 767px) {
    .o-stage__content {
      width: 65%; } }

.c-post {
  padding: 32px;
  background: #F2F5F7; }
  .c-post__title {
    margin-top: 0;
    font-size: 3rem;
    font-weight: 800;
    line-height: 1.2; }
    @media screen and (min-width: 767px) {
      .c-post__title {
        font-size: 3.6rem; } }

.c-navigation {
  font-family: Roboto Condensed, sans-serif;
  font-size: 3rem;
  align-items: center; }
  @media screen and (min-width: 767px) {
    .c-navigation {
      font-size: 2rem; } }
  .c-navigation__body {
    display: none;
    height: 100%;
    left: 0;
    padding: 64px;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 50;
    background: #fff;
    text-align: center; }
    @media screen and (min-width: 767px) {
      .c-navigation__body {
        display: flex;
        flex-direction: row;
        height: auto;
        margin-left: -32px;
        padding: 0;
        position: static;
        width: auto;
        background: transparent;
        text-align: left; } }
    .c-navigation__body.is-active {
      align-items: center;
      display: flex;
      flex-direction: column;
      justify-content: center; }
  @media screen and (min-width: 767px) {
    .c-navigation .c-navigation__trigger {
      display: none; } }
  .c-navigation .c-navigation__trigger svg {
    height: 32px;
    width: 32px; }
  .c-navigation__trigger--close {
    display: none;
    position: fixed;
    right: 16px;
    top: 16px;
    z-index: 60; }
    .c-navigation__trigger--close.is-active {
      display: block; }
  .c-navigation__item {
    margin-top: 16px; }
    @media screen and (min-width: 767px) {
      .c-navigation__item {
        margin-left: 32px;
        margin-top: 0; } }
  .c-navigation__item_first {
    margin-top: 16px; }
    @media screen and (min-width: 767px) {
      .c-navigation__item_first {
        margin-left: 0;
        margin-top: 0; } }

.c-navigation--service {
  display: flex;
  flex-direction: column;
  font-size: 1.8rem; }
  @media screen and (min-width: 767px) {
    .c-navigation--service {
      flex-direction: row; } }

.c-icon-wrap {
  display: inline-block;
  vertical-align: middle;
  line-height: 0; }

.c-icon-wrap svg {
  height: 24px;
  width: 24px;
  fill: currentColor; }

.c-icon-wrap--small svg {
  height: 16px;
  width: 16px; }

.c-icon {
  height: 48px;
  width: 48px; }

.c-icon-pyramide {
  height: 96px;
  width: 96px; }
  .c-icon-pyramide path {
    opacity: .4; }
  .c-icon-pyramide--large {
    height: 160px;
    width: 280px; }
  .c-icon-pyramide.is-active-first .c-icon-pyramide__layer-one {
    opacity: 1; }
  .c-icon-pyramide.is-active-second .c-icon-pyramide__layer-two {
    opacity: 1; }
  .c-icon-pyramide.is-active-third .c-icon-pyramide__layer-three {
    opacity: 1; }

.c-title-alpha,
.c-title-beta,
.c-title-gamma,
.c-title-delta,
.c-title-epsilon,
.c-title-zeta {
  font-weight: 200;
  line-height: 1.2; }

.c-title-alpha {
  font-size: 4.8rem; }
  @media screen and (min-width: 767px) {
    .c-title-alpha {
      font-size: 5.8rem; } }

.c-title-beta {
  font-size: 3.6rem; }
  @media screen and (min-width: 767px) {
    .c-title-beta {
      font-size: 4.8rem; } }

.c-title-gamma {
  font-size: 3rem; }
  @media screen and (min-width: 767px) {
    .c-title-gamma {
      font-size: 3.6rem; } }

.c-title-delta {
  font-size: 2.4rem; }
  @media screen and (min-width: 767px) {
    .c-title-delta {
      font-size: 3rem; } }

.c-title-epsilon {
  font-size: 2.4rem; }

.c-title {
  font-size: 3.6rem;
  font-weight: 200;
  line-height: 1.2; }
  @media screen and (min-width: 767px) {
    .c-title {
      font-size: 4.8rem; } }

.c-section-title {
  font-size: 3rem;
  font-weight: 200;
  line-height: 1.2; }
  @media screen and (min-width: 767px) {
    .c-section-title {
      font-size: 3.6rem; } }

.c-subtitle {
  font-family: Roboto Condensed, sans-serif;
  font-size: 2rem; }
  @media screen and (min-width: 767px) {
    .c-subtitle {
      font-size: 2.4rem; } }

.c-topic {
  font-family: Roboto Condensed, sans-serif;
  font-size: 2rem;
  font-weight: 800;
  text-transform: uppercase; }

.c-lead {
  font-family: Roboto Condensed, sans-serif;
  font-size: 2.4rem; }
  @media screen and (min-width: 767px) {
    .c-lead {
      font-size: 3rem; } }

.u-list-reset {
  margin: 0;
  padding: 0;
  list-style: none; }

.u-text-normal {
  color: #003357 !important;
  text-decoration: none; }

.u-text-death {
  color: #003357 !important; }

.u-text-light {
  color: #66859A !important; }

.u-text-ghost {
  color: #fff !important; }

.u-text-danger {
  color: #E73B3B !important; }

.u-text-medium {
  font-size: 2.4rem !important; }

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

.u-color-brand {
  color: #009EE0; }

.u-link {
  color: #E80017 !important;
  font-weight: 800; }
  .u-link:hover, .u-link:focus {
    color: #F699A2 !important; }

.u-link-uniform {
  color: #003357 !important; }
  .u-link-uniform:hover, .u-link-uniform:focus, .u-link-uniform.is-active {
    color: #E80017 !important; }
  .u-link-uniform.is-active {
    font-weight: bold; }

.u-link-ghost {
  color: #fff !important; }
  .u-link-ghost:hover, .u-link-ghost:focus {
    color: #D9F0FA !important; }