/* line 1, root.scss */
:root {
  --brand-green-1:#326032;
  --brand-green-2: #427042;
  --brand-green-2-hover: #528052;
  --brand-green-3: #62A062;
  --brand-green-3-hover: #72AA72;
  --brand-green-4: #72b765;
  --brand-green-4-hover: #82d073;
  --brand-green-5: #82d073;
  --brand-green-5-hover: #87e078;
  --brand-green-dna: #72b765;
  --brand-orange-1: #eb7405;
  --brand-orange-2: #fb7e09;
  --shade-1: #000000;
  --shade-2: #333333;
  --shade-3: #5a5a5a;
  --shade-4: #999999;
  --shade-5: #cccccc;
  --shade-6: #dddddd;
  --shade-7: #e6e6e6;
  --shade-8: #efefef;
  --shade-9: #f2f2f2;
  --shade-10: #ffffff;
  --underline-thick: 3px;
  --underline-thin: 2px;
  --border-standard:solid 1px var(--shade-5);
  --border-secondary:solid 1px var(--brand-green-4);
  --border-radius-standard: 2px;
  --border-radius-large: 3px;
  --border-radius-circle: 50%;
  --content-width: 980px;
  --break-point-1: var(--content-width);
  --break-point-2: 720px;
  --break-point-3: 480px;
  --distance-xs: 3px;
  --distance-s: 5px;
  --distance-standard: 10px;
  --distance-l: 20px;
  --distance-xl: 30px;
  --transition-fast: all 0.1s linear;
  --transition-standard: all 0.2s linear;
  --box-shadow-standard: 0px 0px 3px 0px var(--shade-6);
  --box-shadow-hover: 0px 0px 7px 0px var(--shade-5);
  --overlay-color-standard: rgba(50, 50, 50, 0.8);
  --topmenu-height: 70px;
  --ad-sky-width: 200px;
  --ad-sky-height: 600px;
  --ad-leader-width: 728px;
  --ad-leader-height: 90px;
  --font-fallback: OpenSans, Arial, Helvetica, sans-serif;
  --font-family-titillium: Titillium, Cairo, var(--font-fallback);
  --font-family-opensans: OpenSans, Arial, Helvetica, sans-serif;
  --font-size-xxl: 22px;
  --font-size-xl: 18px;
  --font-size-l: 16px;
  --font-size-standard: 14px;
  --font-size-s: 13px;
  --font-size-xs: 12px;
  --font-size-xxs: 11px;
  --input-max-width-l: 300px;
  --line-height-standard: 1.5;
  --line-height-small: 1.3; }
  @media screen and (max-width: 720px) {
    /* line 1, root.scss */
    :root {
      --font-size-standard:16px;
      --font-size-s: 14px; } }

@font-face {
  font-family: Titillium;
  src: url("/assets/fonts/Titillium_Web/TitilliumWeb-Regular.ttf");
  unicode-range: U+201E; }
@font-face {
  font-family: Titillium;
  src: url("/assets/fonts/Titillium_Web/TitilliumWeb-Bold.ttf");
  font-weight: bold;
  unicode-range: U+201E; }
@font-face {
  font-family: OpenSans;
  src: url("/assets/fonts/Open_Sans/open-sans-v27-latin-ext_latin_greek-ext_greek-regular.ttf"); }
@font-face {
  font-family: OpenSans;
  font-weight: bold;
  src: url("/assets/fonts/Open_Sans/open-sans-v27-latin-ext_latin_greek-ext_greek-700.ttf"); }
@font-face {
  font-family: Cairo;
  src: url("/assets/fonts/Cairo/Cairo-VariableFont_slnt,wght.ttf"); }
/* line 1, base.scss */
body {
  margin: 0px;
  background-color: var(--shade-7); }

/* line 6, base.scss */
body, div, p, span, h1, h2, h3, h4, h5, h6, article, section, ul, li, form, nav, input, button, a, table {
  box-sizing: border-box;
  color: var(--shade-2);
  font-family: var(--font-family-titillium); }

/* line 12, base.scss */
h1, h2 {
  font-size: var(--font-size-xxl); }

/* line 16, base.scss */
h3, h4 {
  font-size: var(font-size-xl); }

/* line 20, base.scss */
h5, h6 {
  font-size: var(--font-size-l); }

/* GENERIC BASE CLASSES BEGIN */
/* line 25, base.scss */
.m-auto {
  margin: auto !important; }

/* line 29, base.scss */
.m-0 {
  margin: 0px !important; }

/* line 33, base.scss */
.m-t-0 {
  margin-top: 0px !important; }

/* line 37, base.scss */
.m-t-xs {
  margin-top: var(--distance-xs); }

/* line 41, base.scss */
.m-t-s {
  margin-top: var(--distance-s); }

/* line 45, base.scss */
.m-t-standard {
  margin-top: var(--distance-standard) !important; }

/* line 49, base.scss */
.m-t-l {
  margin-top: var(--distance-l) !important; }

/* line 53, base.scss */
.m-t-xl {
  margin-top: var(--distance-xl) !important; }

/* line 57, base.scss */
.m-tb-standard {
  margin-top: var(--distance-standard) !important; }

/* line 61, base.scss */
.m-tb-l {
  margin-top: var(--distance-l) !important;
  margin-bottom: var(--distance-l) !important; }

/* line 66, base.scss */
.m-b-xs {
  margin-bottom: var(--distance-xs) !important; }

/* line 70, base.scss */
.m-b-s {
  margin-bottom: var(--distance-s) !important; }

/* line 74, base.scss */
.m-b-standard {
  margin-bottom: var(--distance-standard) !important; }

/* line 78, base.scss */
.m-b-l {
  margin-bottom: var(--distance-l) !important; }

/* line 82, base.scss */
.m-b-xl {
  margin-bottom: var(--distance-xl) !important; }

/* line 86, base.scss */
.m-t-xl {
  margin-top: var(--distance-xl) !important; }

/* line 90, base.scss */
.m-tb-s {
  margin-top: var(--distance-s) !important;
  margin-bottom: var(--distance-s) !important; }

/* line 95, base.scss */
.m-tb-standard {
  margin-top: var(--distance-standard) !important;
  margin-bottom: var(--distance-standard) !important; }

/* line 100, base.scss */
.m-l-standard {
  margin-left: var(--distance-standard) !important; }

/* line 104, base.scss */
.m-r-standard {
  margin-right: var(--distance-standard) !important; }

/* line 108, base.scss */
.m-r-s {
  margin-right: var(--distance-s) !important; }

/* line 112, base.scss */
.p-0 {
  padding: 0px !important; }

/* line 116, base.scss */
.p-b-standard {
  padding-bottom: var(--distance-standard) !important; }

/* line 120, base.scss */
.p-b-xl {
  padding-bottom: var(--distance-xl) !important; }

/* line 124, base.scss */
.p-t-standard {
  padding-top: var(--distance-standard) !important; }

/* line 128, base.scss */
.p-t-xl {
  padding-top: var(--distance-xl) !important; }

/* line 132, base.scss */
.p-standard {
  padding: var(--distance-standard) !important; }

/* line 136, base.scss */
.p-l {
  padding: var(--distance-l) !important; }

/* line 140, base.scss */
.p-tb-standard {
  padding-top: var(--distance-standard) !important;
  padding-bottom: var(--distance-standard) !important; }

/* line 145, base.scss */
.p-lr-standard {
  padding-left: var(--distance-standard) !important;
  padding-right: var(--distance-standard) !important; }

/* line 150, base.scss */
.fs-xxl {
  font-size: var(--font-size-xxl) !important; }

/* line 154, base.scss */
.fs-xl {
  font-size: var(--font-size-xl) !important; }

/* line 158, base.scss */
.fs-l {
  font-size: var(--font-size-l) !important; }

/* line 162, base.scss */
.fs-standard {
  font-size: var(--font-size-standard) !important; }

/* line 166, base.scss */
.fs-s {
  font-size: var(--font-size-s); }

/* line 170, base.scss */
.ff-secondary {
  font-family: var(--font-family-opensans); }

/* line 174, base.scss */
.bold {
  font-weight: bold !important; }

/* line 178, base.scss */
.italic {
  font-style: italic; }

/* line 182, base.scss */
.inline {
  display: inline !important; }

/* line 186, base.scss */
.block {
  display: block !important; }

/* line 190, base.scss */
.nodec {
  text-decoration: none !important; }

/* line 194, base.scss */
.word-wrap-anywhere {
  word-wrap: anywhere; }

/* line 198, base.scss */
.bg-white {
  background-color: white; }

/* line 202, base.scss */
.hover-bg {
  transition: background-color 0.1s linear; }
  /* line 204, base.scss */
  .hover-bg:hover {
    background-color: var(--shade-9); }

/* line 209, base.scss */
.grow {
  flex-grow: 1 !important; }

/* line 213, base.scss */
.justify-center {
  justify-content: center !important; }

/* line 217, base.scss */
.justify-between {
  justify-content: space-between !important; }

/* line 221, base.scss */
.justify-start {
  justify-content: flex-start !important; }

/* line 225, base.scss */
.justify-end {
  justify-content: flex-end !important; }

/* line 229, base.scss */
.align-center {
  align-items: center !important;
  align-content: center !important; }

/* line 234, base.scss */
.align-start {
  align-items: flex-start !important;
  align-content: flex-start !important; }

/* line 239, base.scss */
.align-end {
  align-items: flex-end !important;
  align-content: flex-end !important; }

/* line 244, base.scss */
.pointer:hover {
  cursor: pointer !important; }

/* line 248, base.scss */
.hidden {
  display: none !important; }

/* line 252, base.scss */
.only-hover {
  display: none !important; }
  /* line 254, base.scss */
  .only-hover:hover {
    display: block !important; }

/* line 259, base.scss */
.relative {
  position: relative !important; }

/* line 263, base.scss */
.underline-dec {
  transition: var(--transition-standard);
  text-decoration: underline;
  text-decoration-thickness: var(--underline-thin);
  text-decoration-color: transparent; }
  /* line 269, base.scss */
  .underline-dec:hover {
    text-decoration-color: var(--brand-orange-1); }
  /* line 273, base.scss */
  .underline-dec.no-transition {
    text-decoration-color: var(--brand-orange-1) !important; }

/* line 278, base.scss */
.error {
  color: #ff3333; }

/* line 282, base.scss */
.link {
  color: #0000EE; }

/* line 286, base.scss */
.darkgrey {
  color: var(--shade-3); }

/* line 290, base.scss */
.grey {
  color: var(--shade-4); }

/* line 294, base.scss */
.white {
  color: var(--shade-10); }

/* line 298, base.scss */
.border-bottom-standard {
  border-bottom: var(--border-standard); }

/* line 302, base.scss */
.border-top-standard {
  border-top: var(--border-standard); }

/* line 306, base.scss */
.line-height-standard {
  line-height: var(--line-height-standard) !important; }

/* line 310, base.scss */
.line-height-small {
  line-height: var(--line-height-small) !important; }

/* line 314, base.scss */
.list-none {
  list-style-type: none; }

/* line 318, base.scss */
.fixed-overlay {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background-color: var(--overlay-color-standard);
  display: flex;
  align-items: center;
  justify-content: center; }
  /* line 329, base.scss */
  .fixed-overlay .fixed-overlay-window {
    max-width: 300px;
    position: relative; }
    /* line 333, base.scss */
    .fixed-overlay .fixed-overlay-window .fixed-overlay-close {
      position: absolute;
      top: 0px;
      right: var(--distance-s); }
      /* line 338, base.scss */
      .fixed-overlay .fixed-overlay-window .fixed-overlay-close:hover {
        cursor: pointer; }

/* line 345, base.scss */
.chevron-right {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 7px;
  height: 10px;
  border: 2px solid transparent;
  border-radius: 100px;
  color: white; }
  /* line 356, base.scss */
  .chevron-right::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 7px;
    height: 7px;
    border-bottom: 2px solid;
    border-right: 2px solid;
    transform: rotate(-45deg);
    right: 0px;
    top: 0px; }

/* line 371, base.scss */
.green2 {
  color: var(--brand-green-2) !important; }

/* line 375, base.scss */
.info {
  color: var(--brand-green-3); }

/* line 379, base.scss */
.page-wrapper {
  max-width: var(--page-width);
  margin: 0px auto; }

/* line 384, base.scss */
.content-wrapper {
  max-width: var(--content-width);
  flex-basis: var(--content-width);
  margin: 0px auto;
  padding: 0px 10px; }

/* NS = No Shadow */
/* line 392, base.scss */
.container-standard, .container-collapsible, .container-standard-ns, container-standard-np {
  background-color: var(--shade-10); }

/* line 396, base.scss */
.container-standard, .container-standard-ns, .container-collapsible {
  padding: var(--distance-standard); }

/* line 400, base.scss */
.box-shadow {
  box-shadow: var(--box-shadow-standard);
  transition: var(--transition-fast); }
  /* line 404, base.scss */
  .box-shadow:hover {
    box-shadow: var(--box-shadow-hover); }

/* GENERIC BASE CLASSES END */
/* FLEXBOX CLASSES BEGIN */
/* line 414, base.scss */
.flex, .flex-standard, .flex-s, .flex-l, .flex-xl, .flex-nowrap, .flex-wrap {
  display: flex; }

/* line 418, base.scss */
.flex-standard, .flex-s, .flex-l, .flex-xl, .flex-wrap {
  flex-wrap: wrap; }

/* line 422, base.scss */
.flex-standard-reverse {
  flex-wrap: wrap-reverse; }

/* line 426, base.scss */
.flex-standard, .flex-standard-reverse {
  gap: var(--distance-standard); }

/* line 430, base.scss */
.flex-s {
  gap: var(--distance-s); }

/* line 434, base.scss */
.flex-l {
  gap: var(--distance-l); }

/* line 438, base.scss */
.flex-xl {
  gap: var(--distance-xl); }

/* line 442, base.scss */
.flex-center {
  display: flex;
  justify-content: center;
  align-items: center; }

/* line 448, base.scss */
.flex-start {
  display: flex;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: flex-start; }

/* line 455, base.scss */
.flex-between {
  display: flex;
  justify-content: space-between; }

/* line 460, base.scss */
.flex-nowrap {
  flex-wrap: nowrap !important; }

/* line 464, base.scss */
.flex-noshrink {
  flex-shrink: 0 !important; }

/* line 468, base.scss */
.base-20 {
  flex-basis: calc(((var(--break-point-2) - (var(--distance-standard) * 2)) / 5)); }

/* line 472, base.scss */
.base-33 {
  flex-basis: calc(((var(--content-width) - (var(--distance-standard) * 2)) / 3)); }

/* line 476, base.scss */
.base-66 {
  flex-basis: calc(((var(--content-width) - (var(--distance-standard) * 2)) / 3) * 2 + var(--distance-standard)); }

/* line 480, base.scss */
.base-100 {
  flex-basis: 100%; }

/* line 484, base.scss */
.base-20, .base-33, .base-33-2, .base-66, .base-100 {
  flex-grow: 1; }

/* FLEXBOX CLASSES END */
/* INPUT CLASSES BEGIN */
/* line 491, base.scss */
.radio-standard-container.horizontal {
  display: flex;
  gap: var(--distance-standard); }
  /* line 494, base.scss */
  .radio-standard-container.horizontal label {
    display: flex;
    align-items: center;
    font-size: var(--font-size-standard);
    gap: var(--distance-standard); }

/* line 502, base.scss */
.radio-standard {
  -webkit-appearance: none;
  appearance: none;
  background-color: var(--shade-8);
  margin: 0px;
  width: 20px;
  height: 20px;
  border: 1px solid var(--shade-5);
  border-radius: 50%;
  display: grid;
  place-content: center; }
  /* line 514, base.scss */
  .radio-standard::before {
    content: "";
    width: 12px;
    height: 12px;
    border-radius: 50%;
    transform: scale(0);
    box-shadow: inset 1em 1em var(--shade-3); }
  /* line 522, base.scss */
  .radio-standard:checked::before {
    transform: scale(1); }

/* line 527, base.scss */
.radio-container-horizontal {
  display: flex;
  gap: var(--distance-standard); }
  /* line 530, base.scss */
  .radio-container-horizontal label {
    display: flex;
    gap: var(--distance-s);
    align-items: center;
    font-size: var(--font-size-standard); }

/* line 538, base.scss */
.checkbox-standard {
  -webkit-appearance: none;
  appearance: none;
  background-color: var(--shade-7);
  margin: 0;
  width: 15px;
  height: 15px;
  border: 1px solid var(--shade-3);
  border-radius: var(--border-radius-standard);
  position: relative; }
  /* line 549, base.scss */
  .checkbox-standard::before {
    content: "";
    width: 10px;
    height: 10px; }
  /* line 555, base.scss */
  .checkbox-standard:checked::before, .checkbox-standard:disabled::before {
    width: 135%;
    height: 125%;
    background-size: cover;
    position: absolute;
    top: -2px;
    left: -2px;
    transform: rotate(-8deg); }
  /* line 565, base.scss */
  .checkbox-standard:checked::before {
    background-image: url("/assets/img/icons/check.svg"); }
  /* line 569, base.scss */
  .checkbox-standard:disabled::before, .checkbox-standard.grey {
    background-image: url("/assets/img/icons/check_grey.svg"); }

/* line 574, base.scss */
.input-standard {
  padding: var(--distance-standard) var(--distance-s);
  border: none;
  border-bottom: solid 2px var(--shade-4);
  width: 100%;
  max-width: 300px;
  font-size: var(--font-size-standard);
  background-color: transparent;
  color: var(--shade-2);
  font-family: var(--font-family-titillium);
  font-size: var(--font-size-standard); }
  /* line 586, base.scss */
  .input-standard.secondary {
    border-radius: var(--border-radius-standard);
    border: solid 2px var(--shade-5);
    padding: var(--distance-s);
    background-color: white; }
  /* line 592, base.scss */
  .input-standard.full {
    max-width: unset; }
  /* line 595, base.scss */
  .input-standard.search {
    max-width: unset; }
  /* line 599, base.scss */
  .input-standard.greyed-placeholder::placeholder {
    color: var(--shade-4);
    opacity: 1; }
  /* line 605, base.scss */
  .input-standard::placeholder {
    color: var(--shade-2);
    opacity: 1; }
  /* line 610, base.scss */
  .input-standard:disabled {
    color: var(--shade-4);
    opacity: 1; }

/* line 616, base.scss */
.button-l {
  border-radius: var(--border-radius-standard);
  padding: var(--distance-standard);
  border: none;
  font-size: var(--font-size-l);
  width: 100%;
  max-width: 300px;
  color: var(--shade-10);
  background-color: var(--brand-green-4);
  display: flex;
  align-items: center;
  justify-content: center; }
  /* line 629, base.scss */
  .button-l:hover {
    background-color: var(--brand-green-5); }
  /* line 633, base.scss */
  .button-l.secondary {
    background-color: var(--shade-8);
    color: var(--shade-3);
    border: solid 1px var(--brand-green-4); }
    /* line 638, base.scss */
    .button-l.secondary:hover {
      background-color: var(--brand-green-5);
      color: white;
      border: solid 1px var(--brand-green-5); }

/* line 646, base.scss */
.button {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: var(--border-radius-standard);
  color: var(--shade-10);
  background-color: var(--brand-green-4);
  border: none; }
  /* line 655, base.scss */
  .button.standard {
    padding: var(--distance-s) var(--distance-standard);
    font-size: var(--font-size-standard);
    width: 150px; }
  /* line 661, base.scss */
  .button.small {
    padding: var(--distance-xs);
    font-size: var(--font-size-s);
    width: 100px; }
  /* line 668, base.scss */
  .button.small.full, .button.standard.full {
    display: inline-block;
    max-width: unset;
    width: unset;
    text-align: center; }
  /* line 676, base.scss */
  .button:hover {
    background-color: var(--brand-green-4-hover); }
  /* line 680, base.scss */
  .button.secondary {
    background-color: var(--shade-8);
    color: var(--shade-3);
    border: solid 1px var(--brand-green-4); }
    /* line 685, base.scss */
    .button.secondary:hover {
      background-color: var(--brand-green-5);
      color: white;
      border: solid 1px var(--brand-green-5); }

/* line 693, base.scss */
.ck-content {
  font-size: 14px; }

/* line 696, base.scss */
.ck-toolbar__items {
  flex-wrap: wrap !important; }

/* line 700, base.scss */
.pagination-item {
  width: 30px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: var(--border-secondary);
  border-radius: var(--border-radius-standard); }
  /* line 708, base.scss */
  .pagination-item.active {
    background-color: var(--brand-green-4);
    color: white; }
  /* line 712, base.scss */
  .pagination-item:hover {
    background-color: var(--brand-green-4);
    color: white; }
  /* line 716, base.scss */
  .pagination-item.disabled {
    border: var(--border-standard);
    background-color: transparent;
    color: var(--shade-2); }

/* line 723, base.scss */
.ck-editor__editable {
  min-height: 150px; }

/* line 728, base.scss */
.collapsible-handle img {
  width: 20px;
  height: 25px; }

/* line 734, base.scss */
.collapsible-content.collapsed {
  display: none !important; }

/* line 738, base.scss */
.rounded-icon {
  width: 40px;
  height: 40px;
  background-color: var(--brand-green-4);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--border-radius-circle); }
  /* line 746, base.scss */
  .rounded-icon img {
    width: 30px;
    height: 30px;
    display: block; }
  /* line 751, base.scss */
  .rounded-icon.small {
    width: 30px;
    height: 30px; }
    /* line 754, base.scss */
    .rounded-icon.small img {
      width: 20px;
      height: 20px; }
  /* line 759, base.scss */
  .rounded-icon.orange {
    background-color: var(--brand-orange-1); }

/* line 764, base.scss */
.aend-header {
  text-transform: uppercase;
  font-size: 16px;
  margin: 0px 0px var(--distance-s);
  line-height: 1; }
  /* line 770, base.scss */
  .aend-header.secondary {
    color: var(--shade-3); }

/* line 775, base.scss */
.ad-disclaimer {
  line-height: 1;
  color: var(--shade-4);
  font-size: 13px; }

/* INPUT CLASSES END */
/* line 783, base.scss */
.loginreminder {
  position: fixed;
  bottom: 0px;
  background: var(--brand-green-3);
  width: 100%;
  padding: var(--distance-standard);
  display: flex;
  justify-content: center;
  gap: var(--distance-standard); }
  /* line 792, base.scss */
  .loginreminder span {
    color: var(--shade-10); }

@media screen and (min-width: 960px) {
  /* line 798, base.scss */
  .content-wrapper {
    padding: 0px; } }
/* line 1, header.scss */
header {
  width: 100%;
  position: relative;
  transition: var(--transition-standard);
  margin-bottom: var(--distance-xl); }

/* line 8, header.scss */
.menu-top {
  height: var(--topmenu-height);
  max-height: var(--topmenu-height);
  background-color: var(--brand-green-4);
  box-shadow: 0px 2px 10px 0px var(--shade-5); }
  /* line 14, header.scss */
  .menu-top:hover {
    box-shadow: 0px 5px 11px 0px var(--shade-5); }
  /* line 18, header.scss */
  .menu-top .logo-wrapper {
    flex-basis: 120px;
    display: block;
    height: var(--topmenu-height); }
    /* line 23, header.scss */
    .menu-top .logo-wrapper .logo-container {
      display: flex;
      justify-content: center;
      align-items: center;
      height: 70px;
      width: 90px;
      background-color: var(--brand-green-5); }
      @media screen and (min-width: 480px) {
        /* line 23, header.scss */
        .menu-top .logo-wrapper .logo-container {
          width: 120px; } }
      /* line 35, header.scss */
      .menu-top .logo-wrapper .logo-container img {
        width: 80px; }
      /* line 39, header.scss */
      .menu-top .logo-wrapper .logo-container.dna {
        background-color: var(--brand-green-dna); }
    /* line 44, header.scss */
    .menu-top .logo-wrapper .logo-triangle {
      width: 0;
      height: 0;
      border-left: 65px solid transparent;
      border-right: 65px solid transparent;
      border-top: 15px solid var(--brand-green-5);
      display: none; }
  /* line 54, header.scss */
  .menu-top .menu-popup {
    position: absolute;
    top: var(--topmenu-height);
    right: 0;
    margin: 0px;
    padding: 0px;
    background-color: var(--brand-green-3);
    list-style: none;
    width: 310px;
    transition: var(--transition-standard);
    z-index: 100;
    max-height: calc(100vh - var(--topmenu-height));
    overflow-y: auto; }
    /* line 69, header.scss */
    .menu-top .menu-popup li:not(:last-child)::after {
      content: "";
      display: block;
      margin: 0px var(--distance-standard);
      border-bottom: solid 1px var(--shade-5); }
    /* line 77, header.scss */
    .menu-top .menu-popup a {
      padding: var(--distance-standard) var(--distance-standard);
      margin: 0px var(--distance-standard);
      text-decoration: none;
      display: block;
      transition: var(--transition-fast); }
      /* line 84, header.scss */
      .menu-top .menu-popup a:hover {
        background-color: var(--brand-green-3-hover); }

/* line 91, header.scss */
.menu-top-right {
  gap: 25px; }
  /* line 94, header.scss */
  .menu-top-right img {
    width: 30px;
    height: 30px; }
  /* line 99, header.scss */
  .menu-top-right span {
    max-width: min(160px,20vw);
    white-space: nowrap;
    overflow: hidden; }
  /* line 105, header.scss */
  .menu-top-right span, .menu-top-right a {
    color: white; }
  /* line 109, header.scss */
  .menu-top-right .login {
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    background-color: var(--brand-green-2);
    padding: 5px 10px;
    width: 100px;
    height: 40px;
    border-radius: var(--border-radius-standard);
    transition: var(--transition-fast); }
    /* line 121, header.scss */
    .menu-top-right .login:hover {
      background-color: var(--brand-green-2-hover); }
    /* line 125, header.scss */
    .menu-top-right .login .chevron-right {
      display: none; }
  /* line 130, header.scss */
  .menu-top-right .special-menu-point {
    display: none; }

/* line 135, header.scss */
.profile-fullname {
  display: none; }

/* line 139, header.scss */
.profile-noname {
  display: inline; }

@media screen and (min-width: 480px) {
  /* line 144, header.scss */
  .menu-top-right {
    gap: 40px; }
    /* line 147, header.scss */
    .menu-top-right span {
      max-width: 160px; }
    /* line 151, header.scss */
    .menu-top-right .login {
      width: 140px; }
      /* line 154, header.scss */
      .menu-top-right .login .chevron-right {
        display: block; }

  /* line 160, header.scss */
  .profile-fullname {
    display: inline; }

  /* line 164, header.scss */
  .profile-noname {
    display: none; } }
@media screen and (min-width: 720px) {
  /* line 170, header.scss */
  .menu-top-right {
    gap: 40px; }
    /* line 173, header.scss */
    .menu-top-right .special-menu-point {
      display: flex;
      gap: 10px;
      align-items: center; } }
/* line 1, footer.scss */
footer {
  background-color: var(--brand-green-4);
  margin-top: var(--distance-xl); }
  /* line 5, footer.scss */
  footer .footer-logo-container {
    padding: var(--distance-xl) 0px; }
    /* line 7, footer.scss */
    footer .footer-logo-container img {
      width: 160px; }
  /* line 12, footer.scss */
  footer span, footer a {
    color: white; }
  /* line 16, footer.scss */
  footer ul {
    list-style: none;
    margin: var(--distance-standard) 0px 0px;
    padding: 0px; }
  /* line 22, footer.scss */
  footer .footer-menus-container {
    padding: var(--distance-xl) 0px; }
    /* line 25, footer.scss */
    footer .footer-menus-container span {
      font-weight: bold; }

/* line 1, ads.scss */
.ad-sky-left {
  position: absolute;
  margin-left: -220px;
  top: 0; }

/* line 7, ads.scss */
.wallpaper_right {
  position: absolute;
  margin-left: 980px;
  top: 0; }

/* line 13, ads.scss */
.wallpaper_top {
  text-align: right; }
  /* line 15, ads.scss */
  .wallpaper_top .ad-wrapper {
    margin-right: -20px;
    display: block !important; }

/* line 22, ads.scss */
.leaderboard .ad-wrapper {
  display: flex;
  justify-content: center; }

/* line 28, ads.scss */
.dna-ad-desktop {
  position: absolute;
  top: 0;
  right: 0;
  margin-right: -310px;
  margin-top: 30px; }

/* line 36, ads.scss */
.ad-wrapper > ins > div,
.ad-wrapper > ins > iframe {
  margin-bottom: 1em; }

/* line 1, articlelists.scss */
.teaser-large, .topstory {
  border-radius: var(--border-radius-standard);
  align-items: flex-start;
  box-shadow: var(--box-shadow-standard);
  transition: var(--transition-standard); }
  /* line 7, articlelists.scss */
  .teaser-large:hover, .topstory:hover {
    box-shadow: var(--box-shadow-hover); }
    /* line 10, articlelists.scss */
    .teaser-large:hover img, .topstory:hover img {
      opacity: 0.9; }
  /* line 15, articlelists.scss */
  .teaser-large .large-image, .topstory .large-image {
    background: white;
    width: 100%; }
    /* line 19, articlelists.scss */
    .teaser-large .large-image img, .topstory .large-image img {
      width: 100%;
      max-height: 300px;
      display: block;
      border-top-left-radius: var(--border-radius-standard);
      border-top-right-radius: var(--border-radius-standard);
      object-fit: cover;
      background: white;
      transition: var(--transition-fast); }

/* line 32, articlelists.scss */
.teaser-large {
  background-color: var(--shade-10); }
  /* line 35, articlelists.scss */
  .teaser-large .teaser-large-content {
    padding: 0px var(--distance-standard) var(--distance-standard); }

/* line 40, articlelists.scss */
.topstory {
  background-color: white; }
  /* line 43, articlelists.scss */
  .topstory .topstory-content {
    flex-basis: calc(var(--break-point-2) - ((var(--content-width) - (var(--distance-standard) * 2)) / 3) - (var(--distance-standard) * 2) - var(--distance-standard));
    flex-grow: 1;
    padding: 0px var(--distance-standard) var(--distance-standard); }
    /* line 48, articlelists.scss */
    .topstory .topstory-content span, .topstory .topstory-content p {
      font-family: var(--font-family-opensans); }
    /* line 53, articlelists.scss */
    .topstory .topstory-content span.topstory-preheadline-normal {
      font-size: var(--font-size-l);
      color: var(--brand-green-2);
      font-weight: bold;
      display: block;
      margin-bottom: var(--distance-standard); }
    /* line 61, articlelists.scss */
    .topstory .topstory-content span.topstory-preheadline-special {
      background-color: var(--brand-green-2);
      padding: var(--distance-xs) var(--distance-standard);
      text-transform: uppercase;
      font-family: var(--font-family-opensans);
      font-size: var(--font-size-s);
      font-weight: bold;
      display: inline-block;
      color: white; }
    /* line 73, articlelists.scss */
    .topstory .topstory-content h3 {
      margin: var(--distance-standard) 0px;
      font-size: 22px;
      line-height: 1.3;
      font-weight: 750; }
    /* line 80, articlelists.scss */
    .topstory .topstory-content p {
      margin: 0px;
      font-size: var(--font-size-standard); }

/* line 87, articlelists.scss */
article.teaser-special, article.teaser-standard, article.article-collapsible {
  margin-bottom: var(--distance-standard); }
  /* line 91, articlelists.scss */
  article.teaser-special:hover img, article.teaser-standard:hover img, article.article-collapsible:hover img {
    opacity: 0.9; }
  /* line 96, articlelists.scss */
  article.teaser-special img, article.teaser-standard img, article.article-collapsible img {
    width: 100%;
    object-fit: cover;
    transition: var(--transition-fast);
    max-height: 190px;
    display: block; }
  /* line 104, articlelists.scss */
  article.teaser-special .fp-at-image-container, article.teaser-standard .fp-at-image-container, article.article-collapsible .fp-at-image-container {
    flex-basis: calc(30% - (var(--distance-standard)) / 2);
    max-width: 110px; }
  /* line 109, articlelists.scss */
  article.teaser-special .preheadline-special, article.teaser-standard .preheadline-special, article.article-collapsible .preheadline-special {
    background-color: var(--brand-green-2);
    padding: var(--distance-xs) var(--distance-s);
    font-size: var(--font-size-xxs);
    display: inline-block;
    color: white;
    text-transform: uppercase;
    margin-bottom: var(--distance-xs);
    font-family: var(--font-family-opensans);
    line-height: normal;
    font-weight: bold; }
  /* line 122, articlelists.scss */
  article.teaser-special .fp-at-headline-container, article.teaser-standard .fp-at-headline-container, article.article-collapsible .fp-at-headline-container {
    flex-basis: calc(60% - (var(--distance-standard)) / 2);
    flex-grow: 1;
    line-height: 1.3; }
  /* line 128, articlelists.scss */
  article.teaser-special p, article.teaser-standard p, article.article-collapsible p {
    margin: var(--distance-s) 0px 0px;
    font-size: var(--font-size-s);
    font-family: var(--font-family-opensans); }

/* line 136, articlelists.scss */
article.teaser-special .preheadline-normal, article.teaser-standard .preheadline-normal, article.article-collapsible .preheadline-normal, .dna-item .preheadline-normal, .dna-article-most-read .preheadline-normal {
  color: var(--brand-green-2);
  font-weight: bold;
  line-height: 1.3;
  font-size: var(--font-size-standard); }

/* line 145, articlelists.scss */
article.teaser-standard h3, .dna-item h3, .dna-article-most-read h3 {
  font-size: var(--font-size-l);
  margin: 0px;
  line-height: 1.3; }

/* line 153, articlelists.scss */
article.teaser-special h3 {
  font-size: var(--font-size-l);
  margin: 0px;
  line-height: 1.3;
  color: white;
  position: absolute;
  width: 100%;
  bottom: 0px;
  padding: var(--distance-standard);
  background-image: linear-gradient(to top, rgba(50, 50, 50, 0.7), rgba(50, 50, 50, 0.7), rgba(50, 50, 50, 0.7), transparent); }
  /* line 164, articlelists.scss */
  article.teaser-special h3 span {
    color: var(--brand-green-4); }
    /* line 167, articlelists.scss */
    article.teaser-special h3 span:nth-child(2) {
      color: white; }

/* line 175, articlelists.scss */
article.forum-teaser span {
  font-size: var(--font-size-standard); }
/* line 179, articlelists.scss */
article.forum-teaser .politics, article.forum-teaser .medicine, article.forum-teaser .praxis, article.forum-teaser .it {
  padding-left: var(--distance-s); }
/* line 183, articlelists.scss */
article.forum-teaser .politics {
  border-left: solid 2px var(--brand-green-2); }
/* line 187, articlelists.scss */
article.forum-teaser .medicine {
  border-left: solid 2px var(--brand-orange-1); }
/* line 191, articlelists.scss */
article.forum-teaser .praxis {
  border-left: solid 2px var(--brand-green-5); }
/* line 195, articlelists.scss */
article.forum-teaser .it {
  border-left: solid 2px var(--shade-5); }

/* line 200, articlelists.scss */
.top-selector, .top-selector {
  font-size: 12px;
  height: 18px;
  text-transform: uppercase;
  color: var(--shade-2);
  transition: var(--transition-standard);
  font-family: var(--font-family-opensans); }
  /* line 208, articlelists.scss */
  .top-selector:hover, .top-selector:hover {
    font-weight: bold; }

/* line 215, articlelists.scss */
.top-posts-container article a, .top-posts-container article span:nth-child(3) {
  color: var(--shade-2);
  font-size: 14px; }

/* line 222, articlelists.scss */
.article-collapsible {
  padding: 0px 0px var(--distance-standard);
  border-bottom: var(--border-standard); }
  /* line 226, articlelists.scss */
  .article-collapsible:first-child {
    padding-top: 0px; }
  /* line 230, articlelists.scss */
  .article-collapsible:last-child {
    border-bottom: none;
    padding-bottom: 0px; }
  /* line 235, articlelists.scss */
  .article-collapsible .article-collapsible-headlines {
    line-height: 1.1;
    margin-bottom: var(--distance-xs); }
    /* line 239, articlelists.scss */
    .article-collapsible .article-collapsible-headlines .article-collapsible-preheadline {
      color: var(--brand-green-3);
      font-weight: bold; }
  /* line 245, articlelists.scss */
  .article-collapsible span {
    font-size: var(--font-size-standard);
    font-family: var(--font-family-opensans); }

/* line 252, articlelists.scss */
#poll-container a, #poll-container label, #poll-container span {
  font-size: var(--font-size-standard);
  color: var(--shade-2); }
/* line 257, articlelists.scss */
#poll-container .result-bar-container {
  flex-grow: 1; }
  /* line 260, articlelists.scss */
  #poll-container .result-bar-container .result-bar {
    height: 20px;
    background-color: var(--brand-green-4);
    display: block; }
/* line 267, articlelists.scss */
#poll-container .result-percentage {
  display: block;
  width: 50px;
  text-align: right; }

/* line 275, articlelists.scss */
.ticker-category-chooser span {
  display: block;
  padding: var(--distance-s) var(--distance-standard); }
  /* line 279, articlelists.scss */
  .ticker-category-chooser span.active, .ticker-category-chooser span:hover {
    background-color: var(--shade-7); }
/* line 284, articlelists.scss */
.ticker-category-chooser img {
  transform: rotate(90deg);
  width: 20px;
  position: absolute;
  right: 0px;
  top: 3px;
  height: 20px; }

@media screen and (min-width: 960px) {
  /* line 295, articlelists.scss */
  .fp-at-image-container {
    flex-basis: calc(40% - (var(--distance-standard)) / 2) !important;
    max-width: unset !important; } }
@media screen and (min-width: 720px) {
  /* line 303, articlelists.scss */
  .topstory .large-image, .teaser-large .large-image {
    width: unset; }
    /* line 306, articlelists.scss */
    .topstory .large-image img, .teaser-large .large-image img {
      width: calc((var(--content-width) - (var(--distance-standard) * 2)) / 3);
      max-height: unset;
      border-top-left-radius: var(--border-radius-standard);
      border-bottom-left-radius: var(--border-radius-standard);
      border-top-right-radius: unset; }

  /* line 316, articlelists.scss */
  .topstory {
    min-height: 200px;
    margin-left: 10px;
    margin-top: 30px; }
    /* line 321, articlelists.scss */
    .topstory .large-image {
      margin-top: -10px;
      margin-left: -10px;
      border-radius: 0px; }
    /* line 327, articlelists.scss */
    .topstory .topstory-content {
      padding: var(--distance-standard); }

  /* line 333, articlelists.scss */
  .teaser-large .teaser-large-content {
    padding: var(--distance-standard); } }
/* line 340, articlelists.scss */
.dna-article img {
  max-width: 100%;
  margin: var(--distance-standard) 0px -15px; }

/* line 346, articlelists.scss */
.dna-article-most-read {
  background-color: var(--shade-5); }
  /* line 348, articlelists.scss */
  .dna-article-most-read img {
    max-width: 100%;
    margin: var(--distance-standard) 0px -15px; }

/* line 354, articlelists.scss */
.dna-consult-icon {
  flex-basis: 25px;
  flex-shrink: 0;
  height: 25px;
  background-color: var(--brand-green-3);
  border-radius: var(--border-radius-circle); }
  /* line 360, articlelists.scss */
  .dna-consult-icon img {
    width: 80%; }

/* line 365, articlelists.scss */
.dna-item {
  padding: var(--distance-l) !important; }
  /* line 366, articlelists.scss */
  .dna-item.related-item {
    height: 500px;
    overflow: hidden; }
    /* line 369, articlelists.scss */
    .dna-item.related-item .read-more-dna {
      display: none; }
    /* line 372, articlelists.scss */
    .dna-item.related-item .dna-fadeout {
      display: block; }
  /* line 377, articlelists.scss */
  .dna-item .preheadline-normal {
    font-size: var(--font-size-l) !important; }
  /* line 380, articlelists.scss */
  .dna-item h3 {
    font-size: var(--font-size-xl) !important; }
  /* line 383, articlelists.scss */
  .dna-item p, .dna-item strong {
    line-height: var(--line-height-standard);
    font-family: var(--font-family-opensans);
    margin: var(--distance-standard) 0px; }
  /* line 388, articlelists.scss */
  .dna-item .read-more-dna {
    font-size: var(--font-size-s);
    color: var(--shade-4);
    margin-top: -10px; }
  /* line 393, articlelists.scss */
  .dna-item .dna-answer {
    font-style: italic;
    overflow-wrap: anywhere; }
  /* line 397, articlelists.scss */
  .dna-item .dna-fadeout {
    display: none;
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
    height: 100px;
    background-image: linear-gradient(to top, white, transparent); }

/* line 1, forumlists.scss */
#fp_most_liked_comments, #fp_community_beitrage, .fp-community-overview {
  overflow-wrap: anywhere; }

/* line 7, forumlists.scss */
.fp-community-overview .fp-community-part {
  padding: var(--distance-standard) 0 var(--distance-s);
  border-bottom: dotted 2px var(--shade-5); }
  /* line 11, forumlists.scss */
  .fp-community-overview .fp-community-part:first-child {
    padding: 0 0 var(--distance-s); }
  /* line 15, forumlists.scss */
  .fp-community-overview .fp-community-part:last-child {
    padding: var(--distance-standard) 0 0;
    border-bottom: none; }
  /* line 20, forumlists.scss */
  .fp-community-overview .fp-community-part .fp-community-post-container {
    margin: 0 0 var(--distance-standard) var(--distance-standard); }
    /* line 23, forumlists.scss */
    .fp-community-overview .fp-community-part .fp-community-post-container .fp-community-post {
      color: var(--shade-2);
      font-size: var(--font-size-standard);
      margin-bottom: var(--distance-xs); }
      /* line 28, forumlists.scss */
      .fp-community-overview .fp-community-part .fp-community-post-container .fp-community-post img {
        width: 13px;
        vertical-align: middle;
        margin-left: var(--distance-s); }
      /* line 34, forumlists.scss */
      .fp-community-overview .fp-community-part .fp-community-post-container .fp-community-post a {
        color: var(--shade-2);
        vertical-align: middle;
        margin-right: var(--distance-s); }
      /* line 40, forumlists.scss */
      .fp-community-overview .fp-community-part .fp-community-post-container .fp-community-post span {
        color: var(--shade-4);
        vertical-align: middle; }
  /* line 47, forumlists.scss */
  .fp-community-overview .fp-community-part h3 {
    margin: 0 0 var(--distance-standard); }
  /* line 51, forumlists.scss */
  .fp-community-overview .fp-community-part h4 {
    margin: 0 0 var(--distance-xs) var(--distance-standard);
    text-transform: uppercase;
    font-size: 14px; }

/* line 2, login.scss */
.login-container h2 {
  margin: 0px 0px var(--distance-standard) 0px; }
/* line 6, login.scss */
.login-container > div {
  max-width: 320px;
  width: 100%;
  margin-left: auto;
  margin-right: auto; }
/* line 13, login.scss */
.login-container .login-form {
  container-name: loginform; }
  /* line 16, login.scss */
  .login-container .login-form .login-reminder-container {
    display: flex;
    gap: var(--distance-xs);
    align-items: center; }
    /* line 21, login.scss */
    .login-container .login-form .login-reminder-container input {
      margin: 0px; }
    /* line 25, login.scss */
    .login-container .login-form .login-reminder-container label {
      font-size: var(--font-size-standard);
      color: var(--shade-3); }
  /* line 31, login.scss */
  .login-container .login-form .password-div {
    width: 100%;
    position: relative; }
    /* line 34, login.scss */
    .login-container .login-form .password-div div {
      position: absolute;
      top: 0;
      bottom: 0;
      right: 0;
      display: flex;
      align-items: center; }
      /* line 41, login.scss */
      .login-container .login-form .password-div div img {
        width: 25px;
        height: 25px; }
    /* line 46, login.scss */
    .login-container .login-form .password-div input {
      padding-right: var(--distance-xl); }
  /* line 51, login.scss */
  .login-container .login-form .login-password-reset {
    text-align: right;
    font-size: var(--font-size-standard);
    color: var(--shade-3); }

/* line 1, articles.scss */
.article-standard {
  padding: var(--distance-standard); }
  /* line 4, articles.scss */
  .article-standard p, .article-standard ul, .article-standard li {
    font-family: var(--font-family-opensans);
    font-size: var(--font-size-standard);
    margin: var(--distance-standard) 0px;
    line-height: 1.5; }
  /* line 12, articles.scss */
  .article-standard .headlines > div {
    line-height: 1.3;
    margin-bottom: var(--distance-s); }
  /* line 17, articles.scss */
  .article-standard .headlines span {
    font-size: var(--font-size-xl);
    color: var(--brand-green-2);
    font-weight: bold; }
    /* line 22, articles.scss */
    .article-standard .headlines span.article-special-preheadline {
      font-size: var(--font-size-s);
      background-color: var(--brand-green-2);
      color: var(--shade-10);
      text-transform: uppercase;
      padding: var(--distance-xs) var(--distance-s);
      margin-bottom: var(--distance-s);
      display: inline-block; }
  /* line 33, articles.scss */
  .article-standard .headlines h3 {
    font-size: var(--font-size-xxl);
    margin: 0px; }
  /* line 38, articles.scss */
  .article-standard .headlines p {
    font-size: var(--font-size-standard);
    margin: 0px 0px var(--distance-standard); }
  /* line 44, articles.scss */
  .article-standard .article-standard-image-container {
    margin: var(--distance-standard) auto; }
    /* line 47, articles.scss */
    .article-standard .article-standard-image-container img {
      max-height: 370px;
      object-fit: contain;
      width: 100%;
      display: block; }
  /* line 55, articles.scss */
  .article-standard .poll-container {
    border: var(--border-secondary);
    margin-bottom: var(--distance-l);
    margin-top: var(--distance-l); }
    /* line 59, articles.scss */
    .article-standard .poll-container form {
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap;
      gap: var(--distance-xl); }
    /* line 65, articles.scss */
    .article-standard .poll-container h2, .article-standard .poll-container img, .article-standard .poll-container span.results-so-far {
      display: none; }
  /* line 70, articles.scss */
  .article-standard .article-author {
    font-size: var(--font-size-standard);
    display: block;
    font-family: var(--font-family-opensans); }

/* line 78, articles.scss */
.article-component a {
  font-family: var(--font-family-opensans);
  font-size: var(--font-size-standard);
  margin: var(--distance-standard) 0px;
  line-height: 1.5; }
/* line 85, articles.scss */
.article-component .article-component-image {
  width: 100%;
  display: block;
  margin: auto; }
/* line 91, articles.scss */
.article-component .copyright {
  position: absolute;
  bottom: 0px;
  right: 0px;
  background: var(--overlay-color-standard);
  padding: var(--distance-xs);
  color: var(--shade-10);
  font-size: var(--font-size-xs); }
/* line 101, articles.scss */
.article-component .article-component-image-text {
  margin: 0px;
  display: block;
  font-size: var(--font-size-standard);
  font-style: italic;
  color: var(--shade-3); }
/* line 111, articles.scss */
.article-component.portrait .portrait-body span, .article-component.portrait .portrait-body p, .article-component.portrait .portrait-body a, .article-component.portrait .portrait-body ul, .article-component.portrait .portrait-body li {
  font-size: var(--font-size-xs); }
/* line 117, articles.scss */
.article-component .article-component-video-container {
  width: 360px;
  position: relative;
  margin: auto; }
  /* line 121, articles.scss */
  .article-component .article-component-video-container .video-header-container {
    position: absolute;
    top: 0px;
    right: 0px;
    left: 0px;
    padding: var(--distance-l);
    background-image: linear-gradient(to bottom, rgba(30, 30, 30, 0.7), rgba(50, 50, 50, 0.6), rgba(80, 80, 80, 0.4), rgba(100, 100, 100, 0)); }
    /* line 128, articles.scss */
    .article-component .article-component-video-container .video-header-container span {
      color: var(--shade-10);
      display: block;
      font-size: var(--font-size-xxl);
      font-weight: bold;
      font-family: var(--font-family-titillium); }
  /* line 136, articles.scss */
  .article-component .article-component-video-container video {
    width: 360px; }

/* line 142, articles.scss */
.article-blocked-login-wrapper {
  padding: var(--distance-l) 0px;
  background-color: var(--shade-8); }

/* line 147, articles.scss */
.news-share-links {
  display: flex;
  gap: 5px;
  align-items: center; }
  /* line 152, articles.scss */
  .news-share-links img {
    width: 20px; }

/* line 157, articles.scss */
.article-disclaimer {
  font-size: var(--font-size-xs);
  font-style: italic;
  color: var(--shade-3);
  display: block; }

@media (min-width: 720px) {
  /* line 166, articles.scss */
  .article-component .article-component-video-container {
    width: 505px !important; }
    /* line 168, articles.scss */
    .article-component .article-component-video-container video {
      width: 505px !important; } }
@media (min-width: 480px) {
  /* line 177, articles.scss */
  .article-component .article-component-image {
    width: calc(100% - (var(--distance-xl) * 3)); }
  /* line 181, articles.scss */
  .article-component .copyright {
    right: calc(var(--distance-xl) * 1.5); }
  /* line 185, articles.scss */
  .article-component .article-component-image-text {
    margin: 0px calc(var(--distance-xl) * 1.5); }
  /* line 189, articles.scss */
  .article-component .article-component-video-container {
    width: 470px; }
    /* line 191, articles.scss */
    .article-component .article-component-video-container video {
      width: 470px; } }
/* line 2, forum.scss */
.forum-list a {
  padding: var(--distance-standard);
  flex-basis: 180px;
  flex-grow: 1;
  background-color: var(--shade-8);
  border-radius: var(--border-radius-standard); }
  /* line 8, forum.scss */
  .forum-list a span {
    font-size: 14px;
    word-break: break-all;
    vertical-align: middle;
    text-align: center; }
    /* line 13, forum.scss */
    .forum-list a span:first-child {
      color: var(--brand-green-1); }
  /* line 17, forum.scss */
  .forum-list a:hover {
    background-color: var(--shade-7); }

/* line 23, forum.scss */
.forum-headline {
  margin: 0px 0px 10px;
  line-height: 1;
  font-size: var(--font-size-xl); }

/* line 29, forum.scss */
.forum-item {
  border-left: solid 1px var(--shade-5);
  padding-left: var(--distance-l); }
  /* line 32, forum.scss */
  .forum-item.locked {
    background-color: #d09c9c; }
    /* line 34, forum.scss */
    .forum-item.locked .post-info, .forum-item.locked .forum-item-content {
      background-color: #d09c9c !important; }
  /* line 38, forum.scss */
  .forum-item.level-1 {
    border: none;
    padding-left: 0px; }
    /* line 42, forum.scss */
    .forum-item.level-1 .level-2 {
      border-left: solid 1px var(--shade-5);
      padding-left: var(--distance-l); }
  /* line 48, forum.scss */
  .forum-item.level-2 {
    border: none;
    padding-left: 0px; }
  /* line 53, forum.scss */
  .forum-item .post-info {
    font-size: var(--font-size-standard);
    font-family: var(--font-family-opensans);
    transition: var(--transition-standard);
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    padding: var(--distance-xs) var(--distance-xs) var(--distance-standard);
    gap: var(--distance-standard); }
    /* line 62, forum.scss */
    .forum-item .post-info span {
      font-size: var(--font-size-s);
      font-family: var(--font-family-opensans);
      word-wrap: anywhere; }
    /* line 68, forum.scss */
    .forum-item .post-info:hover {
      background-color: var(--shade-7); }
    /* line 72, forum.scss */
    .forum-item .post-info.active {
      background-color: var(--shade-7); }
    /* line 77, forum.scss */
    .forum-item .post-info .post-picture-wrapper img {
      display: block;
      width: 30px;
      height: 30px;
      border-radius: var(--border-radius-standard); }
    /* line 84, forum.scss */
    .forum-item .post-info .post-picture-wrapper span {
      display: flex;
      justify-content: center;
      align-items: center;
      width: 30px;
      height: 30px;
      border-radius: var(--border-radius-standard);
      border: solid 1px var(--brand-green-3);
      font-size: var(--font-size-xs); }
    /* line 96, forum.scss */
    .forum-item .post-info .badge-forum {
      width: 25px; }
  /* line 101, forum.scss */
  .forum-item .thumb {
    width: 15px; }
  /* line 105, forum.scss */
  .forum-item .forum-item-content {
    background-color: var(--shade-9);
    font-size: var(--font-size-standard);
    padding: var(--distance-standard);
    margin-bottom: var(--distance-standard); }
    /* line 111, forum.scss */
    .forum-item .forum-item-content .forum-user-content, .forum-item .forum-item-content .forum-user-signature {
      word-wrap: anywhere; }
      /* line 114, forum.scss */
      .forum-item .forum-item-content .forum-user-content div, .forum-item .forum-item-content .forum-user-content span, .forum-item .forum-item-content .forum-user-content section, .forum-item .forum-item-content .forum-user-content ul, .forum-item .forum-item-content .forum-user-content li, .forum-item .forum-item-content .forum-user-content a, .forum-item .forum-item-content .forum-user-content table, .forum-item .forum-item-content .forum-user-signature div, .forum-item .forum-item-content .forum-user-signature span, .forum-item .forum-item-content .forum-user-signature section, .forum-item .forum-item-content .forum-user-signature ul, .forum-item .forum-item-content .forum-user-signature li, .forum-item .forum-item-content .forum-user-signature a, .forum-item .forum-item-content .forum-user-signature table {
        font-family: var(--font-family-opensans);
        font-size: var(--font-size-standard);
        line-height: var(--line-height-standard); }
      /* line 120, forum.scss */
      .forum-item .forum-item-content .forum-user-content p, .forum-item .forum-item-content .forum-user-signature p {
        font-family: var(--font-family-opensans);
        font-size: var(--font-size-standard);
        margin: var(--distance-standard) 0px;
        line-height: var(--line-height-standard); }
  /* line 131, forum.scss */
  .forum-item .forum-item-attachments a {
    flex-wrap: nowrap;
    align-items: flex-start; }
    /* line 135, forum.scss */
    .forum-item .forum-item-attachments a img {
      width: 20px; }
  /* line 142, forum.scss */
  .forum-item .thumb-reaction .thumb-control {
    width: 45px;
    height: 45px;
    position: relative;
    display: block; }
    /* line 148, forum.scss */
    .forum-item .thumb-reaction .thumb-control .thumb-inactive, .forum-item .thumb-reaction .thumb-control .thumb-active {
      display: block;
      position: absolute;
      width: 45px;
      height: 45px;
      top: 0;
      left: 0;
      transition: var(--transition-fast); }
    /* line 158, forum.scss */
    .forum-item .thumb-reaction .thumb-control .thumb-active {
      opacity: 0; }
    /* line 162, forum.scss */
    .forum-item .thumb-reaction .thumb-control .thumb-inactive {
      opacity: 1; }
    /* line 167, forum.scss */
    .forum-item .thumb-reaction .thumb-control:hover .thumb-active, .forum-item .thumb-reaction .thumb-control.active .thumb-active {
      opacity: 1; }
    /* line 171, forum.scss */
    .forum-item .thumb-reaction .thumb-control:hover .thumb-inactive, .forum-item .thumb-reaction .thumb-control.active .thumb-inactive {
      opacity: 0; }

/* line 1, profile.scss */
.profile-flex {
  display: flex;
  justify-content: space-between;
  gap: var(--distance-standard);
  margin-bottom: var(--distance-standard);
  align-items: center; }
  /* line 9, profile.scss */
  .profile-flex.newsletter span, .profile-flex.newsletter a {
    flex: 0; }
  /* line 13, profile.scss */
  .profile-flex.newsletter span:first-child, .profile-flex.newsletter a:first-child {
    flex-basis: 290px; }
  /* line 18, profile.scss */
  .profile-flex span, .profile-flex a {
    line-height: unset !important;
    flex: 1;
    word-break: break-all;
    font-size: var(--font-size-standard); }
    /* line 24, profile.scss */
    .profile-flex span img, .profile-flex a img {
      width: 15px;
      border-radius: var(--border-radius-standard); }
      /* line 25, profile.scss */
      .profile-flex span img.profile-vcard-avatar, .profile-flex a img.profile-vcard-avatar {
        width: 50px;
        height: 50px; }
      /* line 33, profile.scss */
      .profile-flex span img:nth-child(2), .profile-flex a img:nth-child(2) {
        position: absolute;
        width: 25px;
        bottom: -3px;
        left: -2px;
        border-radius: 0px;
        transform: rotate(-6deg); }
    /* line 43, profile.scss */
    .profile-flex span.profile-info, .profile-flex a.profile-info {
      flex-basis: 200px; }
      /* line 46, profile.scss */
      .profile-flex span.profile-info .info-icon, .profile-flex a.profile-info .info-icon {
        width: 20px;
        height: 20px; }
        /* line 50, profile.scss */
        .profile-flex span.profile-info .info-icon .info-content, .profile-flex a.profile-info .info-icon .info-content {
          display: none;
          border: solid 1px var(--shade-4);
          border-radius: var(--border-radius-standard);
          padding: var(--distance-s);
          position: absolute;
          top: 25px;
          color: var(--shade-2);
          font-weight: normal;
          font-family: var(--font-family-opensans);
          font-size: 12px;
          z-index: 1;
          background-color: var(--shade-10); }
        /* line 66, profile.scss */
        .profile-flex span.profile-info .info-icon:hover .info-content, .profile-flex a.profile-info .info-icon:hover .info-content {
          display: block; }
        /* line 71, profile.scss */
        .profile-flex span.profile-info .info-icon::before, .profile-flex a.profile-info .info-icon::before {
          content: "i";
          background-color: var(--brand-green-3);
          border-radius: 50%;
          display: flex;
          width: 20px;
          height: 20px;
          align-items: center;
          justify-content: center;
          color: white;
          font-family: var(--font-fallback);
          font-weight: normal;
          font-size: 16px;
          font-style: italic;
          padding-right: 4px;
          box-sizing: border-box; }

/* line 93, profile.scss */
.profile-navigation {
  list-style-type: none;
  margin: 0px;
  padding: 0px; }
  /* line 98, profile.scss */
  .profile-navigation li {
    padding: var(--distance-standard) 0px var(--distance-standard) var(--distance-s);
    border-bottom: solid 1px var(--shade-4);
    position: relative; }
    /* line 103, profile.scss */
    .profile-navigation li:last-child {
      border-bottom: none; }
    /* line 107, profile.scss */
    .profile-navigation li.active {
      font-weight: bold; }
    /* line 111, profile.scss */
    .profile-navigation li a {
      width: 100%;
      height: 100%;
      display: block;
      text-decoration: none !important;
      font-size: var(--font-size-standard); }
    /* line 119, profile.scss */
    .profile-navigation li:hover {
      background-color: var(--shade-8); }

/* line 125, profile.scss */
.contacts-container {
  padding: var(--distance-l) 0px;
  border-bottom: var(--border-standard); }
  /* line 129, profile.scss */
  .contacts-container:last-child {
    border-bottom: none; }

/* line 134, profile.scss */
.contacts-icon {
  width: 40px;
  height: 40px;
  border-radius: var(--border-radius-circle);
  background-color: var(--brand-green-4);
  display: flex;
  justify-content: center;
  align-items: center; }
  /* line 143, profile.scss */
  .contacts-icon img {
    width: 70%; }

/* line 148, profile.scss */
.profile-secondary-navigation {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: -10px -10px 0px -10px;
  padding: 10px;
  border-bottom: var(--border-standard); }
  /* line 156, profile.scss */
  .profile-secondary-navigation a {
    border-right: var(--border-standard);
    flex-grow: 1;
    text-align: center;
    color: var(--shade-2);
    font-size: var(--font-size-standard);
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
    word-break: break-all; }
    /* line 168, profile.scss */
    .profile-secondary-navigation a:last-child {
      border-right: none; }

/* line 174, profile.scss */
.message-item {
  border-bottom: var(--border-standard); }
  /* line 177, profile.scss */
  .message-item a {
    padding: var(--distance-standard) 0px;
    flex-grow: 1; }

/* line 184, profile.scss */
.message-author img {
  width: 40px;
  height: 40px;
  border-radius: var(--border-radius-standard);
  display: block; }

/* line 192, profile.scss */
.info-header {
  font-size: var(--font-size-standard);
  color: var(--shade-4);
  line-height: 1.5; }

/* line 198, profile.scss */
.colleagues-choice, .colleagues-selection {
  border: var(--border-standard);
  flex: 1;
  padding: var(--distance-standard);
  border-radius: var(--border-radius-standard);
  min-height: 50px;
  max-height: 200px;
  overflow-y: auto; }
  /* line 206, profile.scss */
  .colleagues-choice ul, .colleagues-selection ul {
    padding: 0px;
    margin: 0px;
    list-style: none;
    list-style-type: none; }
    /* line 211, profile.scss */
    .colleagues-choice ul li, .colleagues-selection ul li {
      margin-bottom: var(--distance-standard);
      display: block;
      line-height: 1;
      font-size: var(--font-size-standard); }
      /* line 216, profile.scss */
      .colleagues-choice ul li:last-child, .colleagues-selection ul li:last-child {
        margin-bottom: 0px; }
      /* line 219, profile.scss */
      .colleagues-choice ul li:hover, .colleagues-selection ul li:hover {
        cursor: pointer; }
      /* line 222, profile.scss */
      .colleagues-choice ul li a, .colleagues-selection ul li a {
        display: block;
        line-height: 1; }

/* line 230, profile.scss */
.profile-settings {
  width: 35px;
  height: 35px; }

/* line 3, register.scss */
.register-form #selected_filename {
  font-size: var(--font-size-standard); }
/* line 7, register.scss */
.register-form p {
  font-size: var(--font-size-standard); }
/* line 12, register.scss */
.register-form #prooflabel img {
  width: 25px; }
/* line 17, register.scss */
.register-form .register-newsletter-container {
  display: flex;
  flex-wrap: nowrap;
  gap: var(--distance-s);
  flex-basis: 290px;
  flex-grow: 1;
  max-width: 300px;
  margin: 0px 5px 5px 0px; }
  /* line 26, register.scss */
  .register-form .register-newsletter-container .register-newsletter-label {
    font-weight: bold;
    display: block;
    line-height: 1;
    margin-bottom: var(--distance-xs); }
  /* line 33, register.scss */
  .register-form .register-newsletter-container span {
    font-size: var(--font-size-standard); }
  /* line 37, register.scss */
  .register-form .register-newsletter-container img {
    margin-left: -2px;
    width: 20px; }
  /* line 42, register.scss */
  .register-form .register-newsletter-container div {
    line-height: 1.3; }
/* line 48, register.scss */
.register-form .agb-checkbox span {
  font-size: var(--font-size-standard); }

/* line 2, consult.scss */
.consult-div-frontpage span {
  flex-basis: 0;
  flex-grow: 1; }
/* line 6, consult.scss */
.consult-div-frontpage img {
  width: 100px;
  margin-top: -30px; }

/* line 13, consult.scss */
.consult-teaser h4 {
  margin: 0px 0px var(--distance-standard);
  color: var(--brand-green-1); }
/* line 18, consult.scss */
.consult-teaser .consult-nr-answers {
  width: 40px;
  text-align: center;
  position: absolute;
  top: 3px;
  left: 2px;
  font-size: 18px;
  color: var(--shade-10); }
/* line 29, consult.scss */
.consult-teaser .consult-teaser-body p {
  margin: 0px;
  font-size: var(--font-size-standard); }

/* line 36, consult.scss */
.consult-body {
  font-size: var(--font-size-standard);
  font-family: var(--font-family-opensans);
  line-height: 1.5; }
  /* line 40, consult.scss */
  .consult-body p, .consult-body span, .consult-body a {
    font-size: var(--font-size-standard);
    font-family: var(--font-family-opensans);
    line-height: 1.5;
    margin: 0px 0px var(--distance-standard); }

/* line 50, consult.scss */
.consult-likes span:first-child {
  display: flex;
  margin-right: 35px;
  font-size: 20px;
  line-height: 1.5;
  align-items: center;
  justify-content: flex-end; }
/* line 60, consult.scss */
.consult-likes .consult-thumb img {
  position: absolute;
  right: 0;
  top: 0;
  width: 30px;
  height: 30px;
  transition: var(--transition-fast); }
  /* line 68, consult.scss */
  .consult-likes .consult-thumb img.inactive {
    opacity: 1 !important; }
    /* line 70, consult.scss */
    .consult-likes .consult-thumb img.inactive:hover {
      cursor: default !important; }
  /* line 75, consult.scss */
  .consult-likes .consult-thumb img:first-child {
    opacity: 1; }
    /* line 78, consult.scss */
    .consult-likes .consult-thumb img:first-child:hover {
      opacity: 0;
      cursor: pointer; }
  /* line 84, consult.scss */
  .consult-likes .consult-thumb img:nth-child(2) {
    opacity: 0; }
    /* line 87, consult.scss */
    .consult-likes .consult-thumb img:nth-child(2):hover {
      opacity: 1;
      cursor: pointer; }
/* line 96, consult.scss */
.consult-likes .consult-thumb.active img:hover {
  cursor: default !important; }
/* line 100, consult.scss */
.consult-likes .consult-thumb.active img:first-child {
  opacity: 0; }
/* line 104, consult.scss */
.consult-likes .consult-thumb.active img:nth-child(2) {
  opacity: 1; }

/* line 112, consult.scss */
.consult-profile-content {
  border-bottom: var(--border-standard);
  padding: var(--distance-standard) 0px; }
  /* line 116, consult.scss */
  .consult-profile-content:first-child {
    padding-top: 0px; }
  /* line 120, consult.scss */
  .consult-profile-content:last-child {
    border-bottom: none; }
  /* line 124, consult.scss */
  .consult-profile-content a {
    padding: var(--distance-s);
    margin: 0px 0px var(--distance-standard); }
    /* line 128, consult.scss */
    .consult-profile-content a p {
      margin: 0px;
      font-size: var(--font-size-standard); }
    /* line 133, consult.scss */
    .consult-profile-content a .consult-profile-headlines {
      margin-bottom: var(--distance-standard); }
      /* line 136, consult.scss */
      .consult-profile-content a .consult-profile-headlines img {
        width: 40px; }
      /* line 140, consult.scss */
      .consult-profile-content a .consult-profile-headlines h5, .consult-profile-content a .consult-profile-headlines span {
        line-height: 1.5; }
      /* line 144, consult.scss */
      .consult-profile-content a .consult-profile-headlines div {
        flex-basis: 300px;
        flex-grow: 1; }
    /* line 150, consult.scss */
    .consult-profile-content a .consult-profile-body {
      font-size: var(--font-size-standard); }

/* line 156, consult.scss */
.consult-profile-subheader {
  font-size: 14px;
  color: var(--shade-4); }

/* line 161, consult.scss */
.consult-profile-answer {
  padding: 0px var(--distance-xs);
  font-size: var(--font-size-standard); }

/* line 166, consult.scss */
.consult-profile-anonymous {
  border: solid 1px var(--brand-green-3);
  border-radius: var(--border-radius-standard);
  display: flex;
  height: 50px;
  width: 50px;
  justify-content: center;
  align-items: center;
  font-size: 12px; }

/* line 1, search.scss */
.search-results {
  list-style-type: none;
  padding: 0px;
  margin: 0px; }
  /* line 5, search.scss */
  .search-results .search-title {
    color: var(--brand-green-1); }

/* line 2, medwissen.scss */
.microsite-preview .microsite-preview-header-container {
  display: flex;
  flex-wrap: wrap;
  gap: var(--distance-xl); }
  /* line 7, medwissen.scss */
  .microsite-preview .microsite-preview-header-container .microsite-preview-header {
    margin: 0px;
    font-size: var(--font-size-xxl);
    color: var(--brand-green-1);
    line-height: 1; }
  /* line 14, medwissen.scss */
  .microsite-preview .microsite-preview-header-container .microsite-preview-tagline {
    display: block;
    margin: var(--distance-standard) 0px 0px;
    border: var(--border-secondary);
    border-radius: var(--border-radius-large);
    padding: 0px var(--distance-standard);
    font-size: 14px;
    flex-shrink: 0; }
/* line 25, medwissen.scss */
.microsite-preview .microsite-preview-index {
  margin: 0px;
  padding: 0px 0px 0px var(--distance-l); }
/* line 30, medwissen.scss */
.microsite-preview img {
  display: block;
  width: 100%; }
/* line 35, medwissen.scss */
.microsite-preview .microsite-preview-right-container {
  flex-basis: 180px;
  flex-shrink: 0; }
/* line 40, medwissen.scss */
.microsite-preview .microsite-preview-content-container {
  flex-wrap: wrap; }

/* line 45, medwissen.scss */
.microsite-icd10-list {
  list-style-type: none;
  padding: 0px;
  margin: 0px; }
  /* line 49, medwissen.scss */
  .microsite-icd10-list li {
    display: inline-block;
    border: var(--border-standard);
    border-radius: var(--border-radius-standard);
    padding: 0px var(--distance-xs);
    font-size: var(--font-size-standard); }

@media screen and (min-width: 960px) {
  /* line 60, medwissen.scss */
  .microsite-preview .microsite-preview-header-container {
    flex-wrap: nowrap; }
    /* line 63, medwissen.scss */
    .microsite-preview .microsite-preview-header-container .microsite-preview-tagline {
      margin: 0px; }
  /* line 67, medwissen.scss */
  .microsite-preview .microsite-preview-content-container {
    flex-wrap: nowrap; } }
/* line 1, test.scss */
.banner-halfpage {
  width: 300px;
  height: 600px;
  background-image: linear-gradient(to bottom, var(--brand-green-4), var(--brand-green-5)); }
  /* line 5, test.scss */
  .banner-halfpage::after {
    content: "HALF PAGE BANNER"; }

/* line 10, test.scss */
.banner-billboard {
  width: 600px;
  height: 200px;
  background-image: linear-gradient(to bottom, var(--brand-green-4), var(--brand-green-5)); }
  /* line 14, test.scss */
  .banner-billboard::after {
    content: "BILLBOARD BANNER"; }

/* line 2, ticker.scss */
.ticker-day span {
  color: var(--shade-3); }

/* line 7, ticker.scss */
.ticker-main-content {
  flex-basis: 340px;
  flex-grow: 1; }

/* line 12, ticker.scss */
.ticker-clock {
  flex-basis: 40px;
  flex-grow: 0;
  flex-shrink: 0; }
  /* line 16, ticker.scss */
  .ticker-clock img {
    width: 21px;
    height: 21px; }
  /* line 20, ticker.scss */
  .ticker-clock span {
    color: var(--shade-4);
    line-height: 1;
    display: block;
    font-size: 13px; }

/* line 28, ticker.scss */
.ticker-headline {
  line-height: 1;
  color: var(--brand-green-2); }

/* line 34, ticker.scss */
.ticker-content span.ticker-clock {
  color: var(--shade4); }
/* line 37, ticker.scss */
.ticker-content h6 {
  font-weight: 750;
  line-height: 1; }

/* line 43, ticker.scss */
.ticker-image {
  max-width: 100%;
  flex-basis: 250px;
  flex-grow: grow; }

@media screen and (min-width: 480px) {
  /* line 50, ticker.scss */
  .ticker-image {
    max-width: 250px; } }
/* line 55, ticker.scss */
.ticker-forum-icon {
  border-radius: 100%;
  background-color: var(--brand-green-3);
  width: 15px;
  height: 15px;
  padding: 3px; }

/* line 63, ticker.scss */
.ticker-thumb-icon {
  width: 20px;
  height: 20px; }

/* line 69, ticker.scss */
.ticker-forum-credentials {
  color: var(--shade-4); }

/* line 12, dna_main.scss */
#dna_main_container > div {
  padding: 1em;
  overflow: hidden;
  margin-bottom: 10px;
  background-color: white; }
/* line 20, dna_main.scss */
#dna_main_container .grid-item {
  width: 300px; }
/* line 24, dna_main.scss */
#dna_main_container .grid-item.item-double-width {
  width: 610px; }
/* line 29, dna_main.scss */
#dna_main_container .most-read-article {
  background-color: #d0d0d0; }
/* line 34, dna_main.scss */
#dna_main_container .hb1 {
  grid-area: hb1;
  border: 0;
  padding: 0;
  text-align: center;
  height: 640px;
  background-color: transparent; }
/* line 43, dna_main.scss */
#dna_main_container .bb1 {
  grid-area: bb1;
  border: 0;
  padding: 0;
  text-align: center;
  height: 200px;
  width: 610px;
  background-color: transparent; }

/* line 1, media.scss */
.content-wrapper-media {
  max-width: 1200px;
  flex-basis: 1200px;
  margin: 0px auto;
  padding: 0px 10px; }

/* line 8, media.scss */
.product-container {
  flex-basis: 300px;
  max-width: 400px;
  flex-shrink: 0;
  flex-grow: 1; }

/* line 15, media.scss */
.upper-product-element {
  background-color: var(--brand-green-4);
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  height: 200px; }

/* line 22, media.scss */
.lower-product-element {
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  border: solid 1px var(--shade-7);
  height: 100px; }

/* line 29, media.scss */
.media-contact-photo {
  border: solid 3px var(--shade-6);
  width: 200px;
  height: 200px;
  background-size: contain;
  background-repeat: no-repeat;
  border-radius: 100%;
  transition: var(--transition-fast); }

/* line 39, media.scss */
.media-contact:hover .media-contact-photo {
  border: solid 3px var(--brand-green-4); }

/* line 43, media.scss */
#mediaRequestForm {
  width: 100%;
  max-width: 600px;
  border: solid 1px var(--shade-7);
  border-radius: 10px;
  padding: var(--distance-xl); }
  /* line 49, media.scss */
  #mediaRequestForm dl {
    margin: 0px; }
  /* line 52, media.scss */
  #mediaRequestForm br {
    display: none; }
  /* line 56, media.scss */
  #mediaRequestForm #product-label label {
    border: none !important;
    flex-direction: row !important;
    padding-left: 10px !important;
    background-image: none !important;
    padding-bottom: 0px !important;
    padding-top: 0px !important;
    margin-bottom: 10px; }
  /* line 67, media.scss */
  #mediaRequestForm .media-product-radio label {
    box-sizing: border-box;
    width: 100%;
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    padding-left: 120px;
    padding-top: 30px;
    padding-bottom: 30px;
    padding-right: 10px;
    border-left: solid 1px var(--shade-7);
    border-right: solid 1px var(--shade-7);
    border-bottom: solid 1px var(--shade-7);
    position: relative;
    background-size: 70px;
    background-repeat: no-repeat;
    background-position: 20px 50%; }
    /* line 84, media.scss */
    #mediaRequestForm .media-product-radio label:first-of-type {
      border-top-left-radius: 10px;
      border-top-right-radius: 10px;
      border-top: solid 1px var(--shade-7); }
    /* line 89, media.scss */
    #mediaRequestForm .media-product-radio label:nth-of-type(1) {
      background-image: url("/assets/img/media/halfpage.png"); }
    /* line 92, media.scss */
    #mediaRequestForm .media-product-radio label:nth-of-type(2) {
      background-image: url("/assets/img/media/billboard.png"); }
    /* line 95, media.scss */
    #mediaRequestForm .media-product-radio label:nth-of-type(3) {
      background-image: url("/assets/img/media/bigbanner.png"); }
    /* line 98, media.scss */
    #mediaRequestForm .media-product-radio label:nth-of-type(4) {
      background-image: url("/assets/img/media/rectangle.png"); }
    /* line 101, media.scss */
    #mediaRequestForm .media-product-radio label:nth-of-type(5) {
      background-image: url("/assets/img/media/mini.png"); }
    /* line 104, media.scss */
    #mediaRequestForm .media-product-radio label:nth-of-type(6) {
      background-image: url("/assets/img/media/leaderboard.png"); }
    /* line 107, media.scss */
    #mediaRequestForm .media-product-radio label:nth-of-type(7) {
      background-image: url("/assets/img/media/skyscraper.png"); }
    /* line 110, media.scss */
    #mediaRequestForm .media-product-radio label:nth-of-type(8) {
      background-image: url("/assets/img/media/newsletter.jpg");
      background-size: 50px;
      background-position: 30px 50%; }
    /* line 115, media.scss */
    #mediaRequestForm .media-product-radio label:nth-of-type(9) {
      background-image: url("/assets/img/media/fgn.jpg");
      background-size: 44px;
      background-position: 33px 50%; }
    /* line 120, media.scss */
    #mediaRequestForm .media-product-radio label:nth-of-type(10) {
      background-image: url("/assets/img/media/wissensvorsprung.jpg");
      background-size: 36px;
      background-position: 37px 50%; }
    /* line 125, media.scss */
    #mediaRequestForm .media-product-radio label:nth-of-type(11) {
      background-image: url("/assets/img/media/standalone.jpg");
      background-size: 40px;
      background-position: 35px 50%; }
    /* line 130, media.scss */
    #mediaRequestForm .media-product-radio label:nth-of-type(12) {
      background-image: url("/assets/img/media/medwissen.png");
      background-size: 52px;
      background-position: 29px 50%; }
    /* line 135, media.scss */
    #mediaRequestForm .media-product-radio label:last-of-type {
      border-bottom-left-radius: 10px;
      border-bottom-right-radius: 10px; }
    /* line 139, media.scss */
    #mediaRequestForm .media-product-radio label :before {
      position: absolute;
      z-index: -1;
      top: 15px;
      left: 10px;
      width: 90px;
      bottom: 15px;
      content: "";
      background-color: var(--brand-green-4);
      border-radius: 10px; }
    /* line 150, media.scss */
    #mediaRequestForm .media-product-radio label input {
      width: 25px; }
  /* line 155, media.scss */
  #mediaRequestForm textarea {
    resize: none;
    border: solid 1px var(--shade-7);
    border-radius: 10px;
    height: 150px;
    width: 100%;
    padding: 10px;
    box-sizing: border-box;
    font-size: var(--font-size-standard);
    font-family: var(--font-family-opensans); }
  /* line 168, media.scss */
  #mediaRequestForm #name-label label {
    border-top: solid 1px var(--shade-7);
    padding-top: 30px; }
  /* line 174, media.scss */
  #mediaRequestForm input[type=text] {
    width: 100%;
    padding: 10px;
    border: solid 1px var(--shade-7);
    border-radius: 10px;
    box-sizing: border-box;
    font-size: var(--font-size-standard);
    font-family: var(--font-family-opensans); }
  /* line 184, media.scss */
  #mediaRequestForm input[type=submit] {
    border-radius: 10px; }

/* line 189, media.scss */
.media-wide-picture {
  position: relative;
  width: 100%;
  height: 500px;
  background-image: url("/assets/img/media/doctor.jpeg");
  background-size: cover;
  background-repeat: no-repeat;
  margin: 120px 0px; }

@media screen and (min-width: 1100px) {
  /* line 200, media.scss */
  .media-wide-picture {
    background-size: contain; } }
/* line 206, media.scss */
.journalist img {
  width: 100%; }
/* line 209, media.scss */
.journalist span {
  text-align: right;
  color: var(--shade-5); }
  /* line 212, media.scss */
  .journalist span:first-of-type {
    color: var(--shade-6); }
/* line 216, media.scss */
.journalist div {
  position: absolute;
  top: 0px;
  right: 0px;
  padding: var(--distance-s) var(--distance-standard); }

/* line 1, journalists.scss */
.journalist-photo {
  width: 400px;
  height: 400px;
  background-size: cover;
  position: relative;
  border-radius: 100%; }

/* line 9, journalists.scss */
.journalist-name {
  color: var(--shade-2); }

/* line 13, journalists.scss */
.journalist-description-wrapper {
  flex-basis: 500px;
  flex-grow: 1;
  padding: var(--distance-xl); }

/* line 19, journalists.scss */
.journalist-description {
  flex-shrink: 1;
  flex-basis: 450px; }

/* line 24, journalists.scss */
.journalist-icon {
  display: block;
  width: 40px;
  height: 40px;
  background-color: var(--brand-green-4);
  border-radius: 100%;
  background-size: 70%;
  background-repeat: no-repeat;
  background-position: 50%; }

/* line 35, journalists.scss */
.journalist-icon.mailto-icon {
  background-image: url("/assets/img/icons/mail.svg"); }

/* line 39, journalists.scss */
.journalist-icon.linkedin-icon {
  background-image: url("/assets/img/icons/linkedin_white.svg");
  background-size: 50%; }

/* line 44, journalists.scss */
.journalist-icon.twitter-icon {
  background-image: url("/assets/img/icons/x_white.svg");
  background-size: 50%; }

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