html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline; }

/* remember to define focus styles! */
:focus {
  outline: 0; }

body {
  line-height: 1;
  color: black;
  background: white;
  hyphens: auto; }

 ul {
  list-style: none; }

/* tables still need 'cellspacing="0"' in the markup */
table {
  border-collapse: separate;
  border-spacing: 0; }

caption, th, td {
  text-align: left;
  font-weight: normal; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: ""; }

blockquote, q {
  quotes: "" ""; }

a {
  text-decoration: none; }

button {
  display: inline-block;
  border: none;
  margin: 0;
  text-decoration: none;
  background: transparent;
  color: #ffffff;
  font-size: 1rem;
  cursor: pointer;
  text-align: center;
  -webkit-appearance: none;
  -moz-appearance: none; }

button * {
  pointer-events: none; }

figure {
  margin: 0; }

svg.world {
  margin-top: 300px;
  max-width: 100vw;
  height: auto;
  display: flex;
  justify-content: center; }

svg #logo-two-one {
  visibility: hidden; }

svg.twitter {
  fill: #fff; }

svg.facebook {
  fill: #fff; }

html {
  content: "";
  /* (ab)using the content property */ }
  @media (prefers-color-scheme: dark) {
    html {
      content: "dark";
      /* (ab)using the content property */ } }
  @media (prefers-color-scheme: light) {
    html {
      content: "light";
      /* (ab)using the content property */ } }

:root {
  --blue-100: #4574c4;
  --blue-darker-100: #02024b;
  --dark-grey: #303031;
  --white: #fff;
  --black: #000;
  --page-padding-desktop: 4vw;
  --page-padding-mobile: 2vw;
  --background-grey: #a7a7af;
  --headline-color: #1d3d96; }

html, body {
  height: 100%; }

/**
   * Offcanvas navigation
   * 1. Arbitrary width, feel free to adapt
   * 2. Full height nav
   * 3. Off-canvas
   * 4. Responsible for opening/closing animation


  /**
   * Button thingie
   * 1. Absolutely positioning
   * 2. ... on the right side of the nav (make sure overflow is visible)
   */
/**
   * Checkbox responsible for the toggle hack
   * Hidden, no matter what
   * Lower the selector specificity by using an attribute rather than an ID
   */
[id='nav-toggle'] {
  position: absolute;
  clip: rect(0 0 0 0);
  opacity: 0; }

/**
   * When checkbox is checked, open the nav
   * Lower the selector specificity by using an attribute rather than an ID
   */
[id='nav-toggle']:checked ~ .nav {
  transform: translateX(0); }

/**
   * Rotate the label when nav is opened
   * Purely aesthetic
   * Lower the selector specificity by using an attribute rather than an ID
   */
[id='nav-toggle']:checked ~ .nav > .nav-toggle {
  transform: rotate(90deg); }

/**
   * Fixing a bug in Android <= 4.1.2
   * See: http://timpietrusky.com/advanced-checkbox-hack
   * Beware, can be costly: https://codepen.io/HugoGiraudel/details/jPOREG#comment-id-89799
   */
body {
  -webkit-animation: bugfix infinite 1s; }

@-webkit-keyframes bugfix {
  to {
    padding: 0; } }

/**
   * Take care of small screens
   */
@media (max-width: 530px) {
  .nav {
    width: 100%; }
  [id='nav-toggle']:checked ~ .nav > .nav-toggle {
    left: auto;
    right: 0;
    top: 0; } }

/**
 * Provide a fallback for browsers that do not support CSS transforms
 */
.no-csstransforms .nav {
  left: -220px; }

.no-csstransforms [id='nav-toggle']:checked ~ .nav {
  left: 0; }

body {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-template-rows: auto; }

.topbar {
  grid-column: 1 / 13;
  grid-row: 1 / 2; }

header {
  grid-column: 1 / 13;
  grid-row: 1 / 4; }

article {
  grid-column: 1 / 13;
  grid-row: 4 / 8;
  width: calc(100vw - 0); }

.page-title-dilemma {
  grid-column: 1 / 13; }

section.pfas-grid {
  grid-column: 1 / 13; }

.timeline {
  grid-column: 1 / 13;
  grid-row: 10 / 12; }

footer {
  grid-column: 1 / 13;
  grid-row: 12 / 13; }

.pfas-grid {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  place-items: stretch;
  align-content: stretch;
  justify-content: space-between;
  margin-bottom: 4rem; }
  @media screen and (min-width: 800px) {
    .pfas-grid {
      grid-template-columns: 1fr 1fr;
      grid-template-rows: 1fr 1fr; } }
  .pfas-grid .message {
    grid-column: 1 / 3;
    grid-row: 1 / 2;
    display: inline-block; }
    .pfas-grid .message img {
      margin-top: 1rem;
      width: 400px; }
    .pfas-grid .message div {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      align-content: center; }
  .pfas-grid a {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    align-content: center;
    padding: 1rem 0.5rem; }
    .pfas-grid a:nth-child(1) {
      grid-row: 1 / 2;
      border-bottom: 3px dashed #8be806;
      border-right: 3px dashed #8be806;
      background-origin: border-box; }
    .pfas-grid a:nth-child(2) {
      grid-row: 2 / 3; }
      @media screen and (min-width: 800px) {
        .pfas-grid a:nth-child(2) {
          grid-row: 2 / 3;
          border-right: 3px dashed #8be806; } }
    .pfas-grid a:nth-child(3) {
      grid-row: 3 / 4;
      border-top: 3px dashed #8be806; }
      @media screen and (min-width: 800px) {
        .pfas-grid a:nth-child(3) {
          border-top: unset;
          grid-row: 1 / 2; } }
    .pfas-grid a:nth-child(4) {
      grid-row: 4 / 5;
      border-top: 3px dashed #8be806;
      background-origin: border-box; }
      @media screen and (min-width: 800px) {
        .pfas-grid a:nth-child(4) {
          grid-row: 2 / 3; } }
    .pfas-grid a img {
      max-width: 320px;
      padding-bottom: 20px;
      height: auto; }
    .pfas-grid a svg {
      fill: var(--dark-grey); }
    .pfas-grid a div {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      align-content: center;
      padding: 2rem 1rem; }

/* noto-sans-regular - latin */
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 400;
  src: local(""), url(fonts/noto-sans-v12-latin-regular.woff2) format("woff2"), url(fonts/noto-sans-v12-latin-regular.woff) format("woff");
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ }

/* noto-sans-italic - latin */
@font-face {
  font-family: 'Noto Sans';
  font-style: italic;
  font-weight: 400;
  src: local(""), url(fonts/noto-sans-v12-latin-italic.woff2) format("woff2"), url(fonts/noto-sans-v12-latin-italic.woff) format("woff");
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ }

/* noto-sans-700 - latin */
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 700;
  src: local(""), url(fonts/noto-sans-v12-latin-700.woff2) format("woff2"), url(fonts/noto-sans-v12-latin-700.woff) format("woff");
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ }

h1 {
  font-size: 3.7416rem; }
  h1 {
    font-size: 40.392px; }
    @media screen and (min-width: 320px) {
      h1 {
        font-size: calc( 40.392px + 24.336 * ((100vw - 320px) / 1380)); } }
    @media screen and (min-width: 1700px) {
      h1 {
        font-size: 73.728px; } }

h2 {
  font-size: 1.76rem; }
  h2 {
    font-size: 30.28px; }
    @media screen and (min-width: 320px) {
      h2 {
        font-size: calc( 35.28px + 10.8 * ((100vw - 320px) / 1380)); } }
    @media screen and (min-width: 1700px) {
      h2 {
        font-size: 46.08px; } }

h3 {
  font-size: 1.96rem; }
  h3 {
    font-size: 35.28px; }
    @media screen and (min-width: 320px) {
      h3 {
        font-size: calc( 35.28px + 10.8 * ((100vw - 320px) / 1380)); } }
    @media screen and (min-width: 1700px) {
      h3 {
        font-size: 46.08px; } }

html {
  font-size: 18px; }
  @media screen and (min-width: 320px) {
    html {
      font-size: calc( 18px + 4 * ((100vw - 320px) / 1380)); } }
  @media screen and (min-width: 1700px) {
    html {
      font-size: 22px; } }

nav ul li {
  font-size: 1.666rem; }
  nav ul li {
    font-size: 29.988px; }
    @media screen and (min-width: 320px) {
      nav ul li {
        font-size: calc( 29.988px + 9.18 * ((100vw - 320px) / 1380)); } }
    @media screen and (min-width: 1700px) {
      nav ul li {
        font-size: 39.168px; } }

nav ul.mobile_is_open li {
  font-size: 2.45rem; }
  @media screen and (min-width: 320px) and (max-width: 767px) and (orientation: landscape) {
    nav ul.mobile_is_open li {
      font-size: 1.862rem; }
      nav ul.mobile_is_open li {
        font-size: 33.516px; } }
    @media screen and (min-width: 320px) and (max-width: 767px) and (orientation: landscape) and (min-width: 320px) {
      nav ul.mobile_is_open li {
        font-size: calc( 33.516px + 10.26 * ((100vw - 320px) / 1380)); } }
    @media screen and (min-width: 320px) and (max-width: 767px) and (orientation: landscape) and (min-width: 1700px) {
      nav ul.mobile_is_open li {
        font-size: 43.776px; } }
  nav ul.mobile_is_open li {
    font-size: 44.1px; }
    @media screen and (min-width: 320px) {
      nav ul.mobile_is_open li {
        font-size: calc( 44.1px + 13.5 * ((100vw - 320px) / 1380)); } }
    @media screen and (min-width: 1700px) {
      nav ul.mobile_is_open li {
        font-size: 57.6px; } }

form label,
form p {
  font-size: 1.4rem; }
  form label,
  form p {
    font-size: 18.9px; }
    @media screen and (min-width: 320px) {
      form label,
      form p {
        font-size: calc( 18.9px + 2.7 * ((100vw - 320px) / 1380)); } }
    @media screen and (min-width: 1700px) {
      form label,
      form p {
        font-size: 21.6px; } }

.menu_icon {
  width: 60px;
  padding-right: var(--page-padding-mobile); }
  @media screen and (min-width: 1150px) {
    .menu_icon {
      display: none; } }
  .menu_icon #ebaa8627-abc8-49a8-9868-41b786ac37d7 {
    display: none; }

.topbar.mobile-is-open {
  margin: 0;
  padding: 0; }
  .topbar.mobile-is-open #ebaa8627-abc8-49a8-9868-41b786ac37d7 {
    display: block;
    position: absolute;
    top: 1rem;
    right: 1rem;
    z-index: 10000; }
  .topbar.mobile-is-open nav {
    display: flex;
    z-index: 1000;
    background: var(--background-grey);
    height: 100vh;
    width: 100vw;
    margin: 0;
    position: absolute;
    align-items: center;
    justify-content: center; }
    .topbar.mobile-is-open nav ul {
      font-size: 1.45em;
      display: flex;
      flex-direction: column;
      justify-content: space-around;
      align-items: center; }
      .topbar.mobile-is-open nav ul li {
        margin-bottom: 1.5rem; }
  .topbar.mobile-is-open #e4918f63-45c3-4360-adaf-806b364103da {
    display: none; }
  .topbar.mobile-is-open #ebaa8627-abc8-49a8-9868-41b786ac37d7 {
    width: 70px;
    height: auto;
    position: absolute;
    top: 1rem;
    right: 1rem; }

nav {
  display: none;
  font-size: 0.9em; }
  @media screen and (min-width: 1150px) {
    nav {
      display: block; } }
  nav ul.main-menu {
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center;
    flex-wrap: wrap; }
    @media screen and (min-width: 1150px) {
      nav ul.main-menu {
        display: flex; } }
    nav ul.main-menu li {
      font-size: 1.3em;
      margin-right: 1rem;
      padding-bottom: 0.2rem; }
      nav ul.main-menu li.current.active a {
        color: var(--dark-grey);
        font-size: bolder;
        outline: none;
        text-decoration: none;
        transition: all 0.2s ease-out;
        background: linear-gradient(var(--blue-darker-100), var(--blue-100));
        background-position-x: 0%;
        background-position-y: 0%;
        background-repeat: repeat;
        background-size: auto auto;
        background-size: 100% 0.1em;
        background-repeat: no-repeat;
        background-position: left 0 bottom 0; }
      nav ul.main-menu li:hover {
        color: var(--dark-grey);
        font-size: bolder;
        outline: none;
        text-decoration: none;
        transition: all 0.2s ease-out;
        background: linear-gradient(var(--blue-darker-100), var(--blue-100));
        background-position-x: 0%;
        background-position-y: 0%;
        background-repeat: repeat;
        background-size: auto auto;
        background-size: 100% 0.1em;
        background-repeat: no-repeat;
        background-position: left 0 bottom 0; }
    nav ul.main-menu svg {
      padding: 1rem 0;
      width: 291px;
      height: auto; }
    nav ul.main-menu a {
      color: var(--dark-grey); }

body {
  background-color: var(--dark-petrol-10g0);
  color: var(--dark-grey);
  font-family: "Noto Sans"; }
  body p {
    color: var(--dark-grey);
    padding-bottom: 1rem; }
  body ul {
    color: var(--dark-grey); }

.view-category article p {
  width: 100%; }

article a {
  color: #313187; }
  article a:visited {
    color: #313187; }
  article a.download::before {
    content: url(fonts/download.svg);
    background-size: 28px 28px;
    height: 28px;
    width: 28px;
    margin-right: 5px; }

article p {
  width: 100%; }
  @media screen and (min-width: 800px) {
    article p {
      width: 66vw; } }

article h2 {
  width: 100%;
  hyphens: auto;
  -webkit-hyphens: auto; 
  }
  @media screen and (min-width: 800px) {
    article h2 {
      width: 66vw; } }

article h3 {
  width: 100%; }
  @media screen and (min-width: 800px) {
    article h3 {
      width: 66vw; } }
article ul {
        width: 100%; }
        @media screen and (min-width: 800px) {
          article ul {
            width: 66vw; } }

            article ol {
              width: 100%; }
              @media screen and (min-width: 800px) {
                article ol {
                  width: 66vw; } }

.layout-blog article p.readmore {
  width: calc(100% - 2em); }
  @media screen and (min-width: 800px) {
    .layout-blog article p {
      width: unset; } }

.layout-blog article div.intro {
  width: calc(100% - 0.5em); }
  @media screen and (min-width: 800px) {
    .layout-blog article div.intro {
      width: unset; } }

.layout-blog article h2 {
  width: 100%; }
  @media screen and (min-width: 800px) {
    .layout-blog article h2 {
      width: unset; } }

.layout-blog article h3 {
  width: 100%; }
  @media screen and (min-width: 800px) {
    .layout-blog article h3 {
      width: unset; } }

.com-content-article.item-page.grid p {
  width: calc(100% - (var(--page-padding-mobile) * 2));
  padding-left: var(--page-padding-mobile);
  padding-right: var(--page-padding-mobile); }
  @media screen and (min-width: 800px) {
    .com-content-article.item-page.grid p {
      /*width: unset;*/ } }

.com-content-article.item-page.grid h2 {
  width: calc(100% - (var(--page-padding-mobile) * 2));
  padding-left: var(--page-padding-mobile);
  padding-right: var(--page-padding-mobile); }
  @media screen and (min-width: 800px) {
    .com-content-article.item-page.grid h2 {
      width: unset; } }

.com-content-article.item-page.grid h3 {
  width: calc(100% - (var(--page-padding-mobile) * 2));
  padding-left: var(--page-padding-mobile);
  padding-right: var(--page-padding-mobile); }
  @media screen and (min-width: 800px) {
    .com-content-article.item-page.grid h3 {
      width: unset; } }

h1,
h2,
h3,
h4 {
  color: var(--headline-color);
  padding-bottom: 0.7rem; }

.page-header h2 {
  color: var(--headline-color); }

h2 {
  margin-top: 3rem; }

h2 {
  margin-top: 1rem; }

strong {
  font-weight: 700; }

i, em{
  font-style: italic; }


article ul {
  font-size: 1em;;
  padding-left: 4rem;
  list-style-type: disc;
  list-style-position: outside;
}

article ul.pagination {
  list-style: none;
}

article ol {
  font-size: 1em;;
  padding-left: 4rem;

  list-style-position: outside;
}
article a {
  font-size: 1.02em;
}

article ul li,
article ol li {

  line-height: 1.8em;
  margin-left: 25px; }

article p {
  padding-top: 1rem;
  line-height: 1.34em; }


.topbar {
  display: flex;
  justify-content: space-between;
  padding-top: 2rem;
  background-color: var(--white);
  z-index: 2;
  height: calc(1vh + 2.8rem);
  padding-left: var(--page-padding-desktop);
  padding-left: var(--page-padding-desktop); }
  @media screen and (min-width: 800px) {
    .topbar {
      height: calc(1vh + 3.8rem);
      padding-top: 3rem; } }
  .topbar nav {
    padding-right: var(--page-padding-desktop);
    padding-top: 1rem; }

.logo img {
  margin-right: 2rem;
  margin-top: -1.3rem;
  max-width: 180px; }
  @media screen and (min-width: 1000px) {
    .logo img {
      max-width: 300px; } }
  @media screen and (min-width: 600px) {
    .logo img {
      max-width: 250px; } }

header img {
  width: 100%;
  max-width: 100%;
  height: auto;
  object-fit: cover; 
}



@media screen and (max-width: 800px) {
  header img {
  position: relative;
  z-index: -100;
  top: 30px;
}
}

.com-content-article__body {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.com-content-article.item-page.grid {
  width: calc(100% - (var(--page-padding-desktop) * 2));
  padding-left: var(--page-padding-desktop);
  padding-right: var(--page-padding-desktop);
  padding-top: 3rem;
  padding-bottom: 6rem;
  display: flex;
  justify-content: center; }

.page-header {
  height: auto;
  padding-top: 1rem;
  padding-bottom: 1rem;
  display: flex;
  justify-content: center;
  padding-left: var(--page-padding-desktop);
  padding-right: var(--page-padding-desktop);
  background-color: var(--background-grey); }
  
  .page-header a {
    color: var(--headline-color); }

.com-content-article.item-page {
  display: flex;
  justify-content: center;
  padding-left: 1em;
  padding-right: 1em; }
  @media screen and (min-width: 800px) {
    .com-content-article.item-page {
      padding-left: 0;
      padding-right: 0; } }


.article-info {
  color: var(--dark-grey);
  padding-bottom: 1rem;
  font-size: 0.8em; }

.view-category .article-info {
  padding-bottom: 0; }

.article-info-term {
  display: none; }

.com-content-category-blog h1 {
  text-align: center;
  background-color: transparent;
  padding-left: var(--page-padding-desktop);
  padding-right: var(--page-padding-desktop); }

.page-header.blog-category {
  display: flex;
  justify-content: center;
  position: relative;
  z-index: 1;
  padding-top: 2.5rem;
  background-color: white; }

.page-title-dilemma img {
  width: calc(100% - 2rem);
  padding-left: 1rem;
  padding-right: 1rem; }

.com-content-category-blog__item {
  margin-bottom: 4vh; }
  .com-content-category-blog__item img {
    max-width: 300px;
    height: auto;
    width: unset; }
    @media screen and (min-width: 800px) {
      .com-content-category-blog__item img {
        max-width: 400px; } }

.com-content-category-blog__item.blog-item:first-child .page-header {
  z-index: -1; }
  .com-content-category-blog__item.blog-item:first-child .page-header h2 {
    padding-top: 0; }

.grid-blog-intro {
  padding: 2rem var(--page-padding-desktop) 4rem var(--page-padding-desktop);
  display: grid;
  column-gap: 3rem;
  row-gap: 1rem;
  grid-template-columns: 1fr;
  grid-template-rows: auto; }
  @media screen and (min-width: 800px) {
    .grid-blog-intro {
      grid-template-columns: 1fr 1fr 1fr 1fr;
      grid-template-rows: auto 1fr 1fr; } }
  @media screen and (min-width: 800px) {
    .grid-blog-intro figure {
      grid-column: 1 / 2;
      grid-row: 1 / 4; } }
  .grid-blog-intro dl {
    font-size: 0.9em;
    align-self: end; }
    @media screen and (min-width: 800px) {
      .grid-blog-intro dl {
        grid-row: 3 / 4;
        grid-column: 2 / 4; } }
  @media screen and (min-width: 800px) {
    .grid-blog-intro div.intro {
      grid-column: 2 / 5;
      grid-row: 1 / 2; } }
  .grid-blog-intro p.readmore {
    align-self: end; }
    @media screen and (min-width: 800px) {
      .grid-blog-intro p.readmore {
        grid-column: 4 / 5;
        grid-row: 3 / 4; } }

p.readmore {
  background-color: var(--headline-color);
  padding: 10px 14px;
  transition: background-color ease-in-out 0.8s; }
  p.readmore a {
    color: var(--white); }
    p.readmore a:visited {
      color: var(--white); }
  p.readmore:hover {
    background-color: var(--blue-darker-100); }

.com-content-article.item-page.grid {
  display: grid;
  grid-template-columns: 1fr;
  column-gap: 3rem;
  row-gap: 0.5rem; }
  @media screen and (min-width: 950px) {
    .com-content-article.item-page.grid {
      grid-template-columns: 1fr 2fr;
      grid-template-rows: auto 1fr; } }
  .com-content-article.item-page.grid .article-info {
    grid-column: 1 / 2;
    grid-row: 2 / 3;
    font-size: 0.9rem;
    padding-left: var(--page-padding-mobile);
    padding-right: var(--page-padding-mobile); }
  .com-content-article.item-page.grid figure {
    grid-column: 1 / 2;
    padding-left: var(--page-padding-mobile);
    padding-right: var(--page-padding-mobile); }
    @media screen and (min-width: 950px) {
      .com-content-article.item-page.grid figure {
        grid-row: 1 / 2; } }
    .com-content-article.item-page.grid figure img.item-image {
      max-width: 500px;
      height: auto; }
  .com-content-article.item-page.grid .com-content-article__body {
    grid-column: 1 / 3;
    grid-row: 3 / 5; }
    @media screen and (min-width: 950px) {
      .com-content-article.item-page.grid .com-content-article__body {
        grid-column: 2 / 3;
        grid-row: 1 / 3; } }

.page-title-dilemma {
  justify-self: center;
  padding-bottom: 1rem;
  margin-top: 6rem; }
  .page-title-dilemma img {
    max-width: 650px; }

section.pfas-grid h3 {
  color: var(--dark-grey); }

section.pfas-grid .message {
  background-color: var(--white);
  color: var(--dark-grey); }

.timeline {
  width: 100%; }
  .timeline img {
    width: 100%;
    height: auto;
    margin-bottom: -3px; }
  .timeline p {
    padding-bottom: 0; }

footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: var(--background-grey);
  padding-right: var(--page-padding-desktop);
  padding-left: var(--page-padding-desktop);
  width: calc(100% - (var(--page-padding-desktop) * 2)); }
  footer .nav {
    display: flex;
    flex-direction: column;
    justify-content: end;
    align-items: end;
    margin-top: 1.1rem;
    margin-bottom: 2rem; }
    footer .nav li {
      margin: 0.5rem 0; }
    footer .nav a {
      font-size: 1em;
      color: var(--white); }
      footer .nav a:visited {
        color: var(--white); }
  footer .social a {
    margin-right: 1.5rem; }

figcaption {
  font-size: 0.85em;
  margin-top: 2px; }

footer .navbar {
  display: block; }

.sdfootnote {
  font-size: 1.2rem; }

.layout-blog h1 {
  font-size: 2.4em; }

.com-content-category-blog__navigation.w-100 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center; }

.com-content-category-blog__navigation.w-100 {
  flex-direction: column; }

.com-content-category-blog__pagination a,
.com-content-category-blog__pagination span {
  font-size: 0.99em; }

.com-content-category-blog__pagination a {
  text-decoration: underline; }

.pagination__wrapper {
  display: block; }
  .pagination__wrapper ul {
    display: flex !important; }
    .pagination__wrapper ul li {
      margin-right: 14px; }
  .pagination__wrapper ol {
    display: flex !important; }
    .pagination__wrapper ol li {
      margin-right: 14px; }

article a,
.com-content a,
.item-page a,
.mod-custom a,
.mod-articles-category a {
  overflow-wrap: anywhere;
  word-break: break-word; }

.mod-custom img,
.mod-articles-category img {
  max-width: 100%;
  height: auto; }

  article {
    margin-top: -4rem; }
    @media screen and (min-width: 800px) {
      article {
        margin-top: -4rem; } }
    article figure.left {
      float: left;
      margin-right: 1rem; }
    article img.border, 
    .broschueren figure img {
      float: left;
      margin-top: 2rem;
      margin-right: 2rem;
      margin-bottom: 2rem;
      border: 2px solid gray;
      -webkit-box-shadow: 8px 5px 0px 3px #aeaeae;
      box-shadow: 8px 5px 0px 3px #aeaeae; }
    article img
    ,  body.view-article div.com-content-article__body article .com-content-article.item-page figure.image img
     {

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

    .com-content-article__body {
      max-width: 100%;
      min-width: 0; }
  
      article figcaption {
        font-size: 0.7em;
      }
  
  @media screen and (max-width: 1000px) {
    body.itemid-126 .page-header{
      margin-top: 50px;
    }
    article ul {
      padding-left: 0;
    }
    
  }
  
  .com-content-article__body .article-info {
    align-self: center;
    width: 100%;
    text-align: left;
    margin-top: 1rem;
    margin-bottom: 0.5rem;
    padding-bottom: 0;
  }
  @media screen and (min-width: 800px) {
    .com-content-article__body .article-info {
      width: 66vw;
    }
  }

  .com-content-article__body .article-info dd {
    margin-left: 0;
    text-align: left;
    font-size: 0.85em;
  }

  .com-content-article.item-page.grid .com-content-article__body .article-info {
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
  }

  .layout-blog .com-content-article__body .article-info {
    width: 100%;
    align-self: stretch;
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
  }

  .com-content-article.item-page.grid .com-content-article__body .article-info {
    padding-left: var(--page-padding-mobile);
    padding-right: var(--page-padding-mobile);
  }

  .break {
    word-break: break-word;
  }

  article a {
    overflow-wrap: anywhere;
    word-break: break-word;
  }