@charset "UTF-8";
/*

All of my life
Where have you been
I wonder if I'll ever see you again
  Lenny Kravitz

*/
/*
@import "helper/breakpoint";
@import "helper/clearfix";
@import "helper/hide-for-breakpoints";
@import "helper/visuallyhidden";
@import "helper/text-align";
@import "helper/mixins";

@import "styleguide/animation";
@import "styleguide/breakpoints";
@import "styleguide/colors";
@import "styleguide/font-definition.heinrich";
@import "styleguide/mixins";
@import "styleguide/variables";
@import "styleguide/colormap";

// Straight from Theodor
@import "theodor.selected";

@import "not-namespaced/normalize";
@import "not-namespaced/base";
@import "not-namespaced/drupal/drupal";
@import "not-namespaced/header";
@import "not-namespaced/comments";
@import "not-namespaced/modules/_ph-license.heinrich";
@import "not-namespaced/modules/boe-infobox";
@import "not-namespaced/modules/boe-footer";
@import "not-namespaced/print";


// The grid *folder* is not included, it's a boilerplate
@import "namespaced/grid";
@import "namespaced/teaser";

@import "namespaced/article-head";
@import "namespaced/article-head--featured";
@import "namespaced/article";
@import "namespaced/boell-thema-logo";
@import "namespaced/content-genre";
@import "namespaced/fake_comments";
@import "namespaced/pullquote";
@import "namespaced/article-footer";
@import "namespaced/messages.heinrich";
@import "namespaced/marginalia-images";
@import "namespaced/ph-license";
@import "namespaced/share-buttons";
@import "namespaced/bt-meta";



// Grid-Boxes from Heinrich
@import "namespaced/_banner-box.scss";

// Cookie EU Banner
@import "namespaced/_eu-cookie-banner.scss";
*/
/**
 * The Admin menu obstructs the content.
 * When logged in we add some margins, so we can see the content.
 */
.admin-menu #header {
  margin-top: 120px;
}

@media all and (min-width: 700px) {
  .admin-menu #header {
    margin-top: 80px;
  }
}

.layout-tabs {
  left: 0;
  position: fixed;
  width: 100vw;
  z-index: 20;
  font-family: "Source Sans Pro", "Lucida Grande", Verdana, sans-serif;
}

.layout-tabs .contextual-region > ul {
  background: var(--color-gray-6);
  border-bottom: 1px solid darkgrey;
  box-shadow: 0 2px 4px darkgrey;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  list-style-type: none;
  margin: 0;
  min-height: 30px;
  padding: 7px;
  width: 100%;
}

.layout-tabs .contextual-region > ul li {
  margin: 5px 20px 5px 0;
}

.layout-tabs .contextual-region > ul li a {
  color: var(--color-gray-1);
  text-decoration: none;
}

.layout-tabs .contextual-region > ul li a:hover, .layout-tabs .contextual-region > ul li a:focus, .layout-tabs .contextual-region > ul li a:active {
  color: var(--color-gray-3);
  text-decoration: underline;
}

.layout-tabs .contextual-region > ul li.is-active, .layout-tabs .contextual-region > ul li.hamburger[aria-expanded='true'] {
  text-decoration: none;
  font-weight: bold;
}

@media all and (min-width: 700px) {
  .layout-tabs .contextual-region > ul li {
    margin-right: 35px;
  }
}

:root {
  --font-family-america-mono: "GT America Mono", ui-monospace, 'Cascadia Code', 'Source Code Pro', Menlo, Consolas, 'DejaVu Sans Mono', monospace;
  --font-family-sectra-book: "GT Sectra", "Times", "Times New Roman", serif;
  --font-family-sectra-fine: "GT Sectra Fine", "GT Sectra", "Times", "Times New Roman", serif;
  --font-family-base: var(--font-family-sectra-book);
}

/**
   * GT America Mono by Grilli Type
   * https://www.grillitype.com/typeface/gt-america
   */
@font-face {
  font-family: "GT America Mono";
  font-display: swap;
  font-style: normal;
  font-weight: 300;
  src: url("../fonts/america/gt-america-mono-light.otf") format("opentype");
}

@font-face {
  font-family: "GT America Mono";
  font-display: swap;
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/america/gt-america-mono-regular.otf") format("opentype");
}

@font-face {
  font-family: "GT America Mono";
  font-display: swap;
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/america/gt-america-mono-medium.otf") format("opentype");
}

/**
 * GT Sectra by Grilli Type
 * https://www.grillitype.com/typeface/gt-sectra
 */
@font-face {
  font-family: "GT Sectra";
  font-display: swap;
  font-style: normal;
  src: url("../fonts/sectra/gt-sectra-book.otf") format("opentype");
}

@font-face {
  font-family: "GT Sectra";
  font-display: swap;
  font-style: italic;
  src: url("../fonts/sectra/gt-sectra-book-italic.otf") format("opentype");
}

/*
@font-face {
  font-family: "GT Sectra";
  font-display: swap;
  font-style: normal;
  font-weight: 600;
  src: url("../fonts/sectra/gt-sectra-medium-trial.otf") format("opentype");
}
*/
@font-face {
  font-family: "GT Sectra Fine";
  font-display: swap;
  font-style: normal;
  src: url("../fonts/sectra/gt-sectra-fine-regular.otf") format("opentype");
}

@font-face {
  font-family: "GT Sectra Fine";
  font-display: swap;
  font-style: italic;
  src: url("../fonts/sectra/gt-sectra-fine-regular-italic.otf") format("opentype");
}

@font-face {
  font-family: "GT Sectra Fine";
  font-display: swap;
  font-weight: 700;
  src: url("../fonts/sectra/gt-sectra-fine-medium.otf") format("opentype");
}

.grid-container {
  container-type: inline-size;
  container-name: grid_container;
  border-top: var(--decoration-border-width) solid var(--color-black);
}

.grid-container--boell-thema-no-top-border {
  border-top: none;
}

.grid-container--boell-thema-no-top-border [data-component-id="boell_thema:grid_box_new_image"] {
  margin-top: 0;
}

.grid-container--boell-thema-no-top-border.grid-container-c-1d3-1d3-1d3 .grid-slot:has(.grid-box-quote) {
  border-left: none;
}

@container grid_container (min-width: 700px) {
  .grid-slots-wrapper {
    padding: 0 6.25rem;
  }
}

@container grid_container (min-width: 900px) {
  .grid-container-c-1d2-1d2 .grid-slots-wrapper {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
  }
  .grid-container-c-1d3-1d3-1d3 .grid-slots-wrapper {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr 1fr;
        grid-template-columns: 1fr 1fr 1fr;
    -webkit-column-gap: 2.5rem;
       -moz-column-gap: 2.5rem;
            column-gap: 2.5rem;
  }
  .grid-container-c-2d3-1d3 .grid-slots-wrapper {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 2fr 1fr;
        grid-template-columns: 2fr 1fr;
  }
  .grid-container-c-1d3-2d3 .grid-slots-wrapper {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 2fr;
        grid-template-columns: 1fr 2fr;
  }
  .grid-container-c-1d4-1d4-1d4-1d4 .grid-slots-wrapper {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr 1fr 1fr;
        grid-template-columns: 1fr 1fr 1fr 1fr;
    -webkit-column-gap: 2.5rem;
       -moz-column-gap: 2.5rem;
            column-gap: 2.5rem;
  }
}

@container grid_container (min-width: 900px) {
  .grid-slot:not(:has(.grid-box-image)):not(.grid-slot-first) {
    border-left: var(--decoration-border-width) solid var(--color-black);
  }
  .grid-slot-1d2:has(.grid-box-image) ~ .grid-slot-1d2 {
    border-left: none;
  }
}

.grid-slot-1d2 {
  margin: 1rem 0;
}

@container grid_container (min-width: 900px) {
  .grid-slot-1d2.grid-slot-first {
    padding-right: 1.5rem;
  }
}

@container grid_container (max-width: 899.5px) {
  .grid-slot-1d2.grid-slot-last {
    border-top: var(--decoration-border-width) solid var(--color-black);
  }
}

@container grid_container (min-width: 900px) {
  .grid-slot-1d2.grid-slot-last {
    padding-left: 1.5rem;
  }
}

.grid-container-title {
  container-type: size;
  background: var(--color-green-neon);
  color: #000;
  overflow: hidden;
  text-align: center;
  text-transform: uppercase;
  font-family: var(--font-family-america-mono);
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 300;
  height: 1.75rem;
  letter-spacing: 0.0125rem;
  line-height: 1.425;
  padding-left: 1.5rem;
}

.grid-container-title > * {
  margin-right: 3.125rem;
}

@container (min-width: 700px) {
  .grid-container-title > * {
    margin-right: 5rem;
  }
}

.grid-container-title__title {
  display: inline;
  font-family: var(--font-family-america-mono);
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit;
}

.grid-container-title__link {
  height: 100%;
  opacity: 0;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
}

.grid-box-image figure {
  margin: 0 var(--padding-mobile);
}

@container grid_container (min-width: 900px) {
  .grid-box-image figure {
    margin: 0;
  }
}

.grid-container--vertically-centered .grid-slots-wrapper {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
              -ms-grid-row-align: center;
          align-items: center;
}

.grid-box-quote-cite {
  margin-bottom: 3rem;
  display: inline-block;
}

.issue-menu {
  text-align: center;
}

.issue-menu .issue-menu__button {
  background: #f0f0f0;
  border-radius: 0.25rem;
  margin: 0 0 0 0.88rem;
  height: 2.5rem;
  width: 2.5rem;
}

@media all and (min-width: 700px) {
  .issue-menu .issue-menu__button {
    height: 3.25rem;
    width: 3.25rem;
    padding: 1.375rem 0;
  }
}

.issue-menu .hamburger-title {
  font-size: 1.375rem;
  color: var(--color-gray-2);
}

.issue-menu .hamburger-close {
  color: var(--color-gray-2);
}

.issue-menu .hamburger-inner:before {
  display: none;
}

.issue-menu .issue-menu__inner {
  display: none;
}

.issue-menu ul {
  margin: 10px 0 20px 0;
  padding: 0;
}

.issue-menu li {
  list-style: none;
  margin: 0 20px 0 0;
  font-size: 0.875rem;
}

.issue-menu li:first-child {
  margin-left: 0;
}

.issue-menu a {
  text-decoration: none;
  color: var(--color-gray-0);
  font-weight: 400;
  display: block;
  font-size: 1.875rem;
  margin-bottom: 8px;
  line-height: 1.8;
}

@media all and (min-width: 700px) {
  .issue-menu a {
    font-size: 3.125rem;
  }
}

.issue-menu a:hover {
  color: var(--color-gray-3);
  -webkit-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
}

.issue-menu .hamburger-inner {
  margin-top: 0;
  top: 0;
}

.issue-menu--expanded {
  background-color: var(--color-gray-6);
  bottom: 0;
  margin: 0;
  padding: 90px 20px 20px;
  position: fixed;
  text-align: center;
  width: 100%;
  z-index: 1;
  top: 0;
  left: 0;
}

.issue-menu--expanded .menu__item {
  margin-right: 0;
}

.issue-menu--expanded .issue-menu__inner {
  display: inherit;
  padding-top: 10vh;
}

.issue-menu--expanded .hamburger-close {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  white-space: nowrap;
}

.issue-menu--expanded .hamburger-box, .issue-menu--expanded .hamburger-inner {
  position: fixed;
  top: 27px;
  right: 25px;
}

@media all and (min-width: 700px) {
  .issue-menu--expanded .hamburger-box, .issue-menu--expanded .hamburger-inner {
    right: 50px;
    top: 50px;
  }
  .logged-in .issue-menu--expanded .hamburger-box, .logged-in .issue-menu--expanded .hamburger-inner {
    top: 150px;
  }
}

.hamburger:focus:not(:focus-visible) {
  outline: none;
}

.hamburger-title {
  display: none;
  font-size: 1.375rem;
  font-weight: normal;
}

.no-js .hamburger-title {
  display: inline;
}

.no-js .hamburger-title:after {
  content: ":";
}

.hamburger-title.hamburger-title--visible {
  display: inline;
}

.hamburger-label {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  white-space: nowrap;
}

.hamburger-close {
  display: none;
  vertical-align: top;
}

/*!
 * Hamburgers
 * @description Tasty CSS-animated hamburgers
 * @author Jonathan Suh @jonsuh
 * @site https://jonsuh.com/hamburgers
 * @link https://github.com/jonsuh/hamburgers
 */
.hamburger {
  padding: 1rem 0;
  display: inline-block;
  cursor: pointer;
  -webkit-transition-property: opacity, -webkit-filter;
  transition-property: opacity, -webkit-filter;
  transition-property: opacity, filter;
  transition-property: opacity, filter, -webkit-filter;
  -webkit-transition-duration: 0.5s;
          transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  overflow: visible;
}

.hamburger:hover {
  opacity: 0.7;
}

.hamburger-box {
  width: 1rem;
  height: 1.125rem;
  display: inline-block;
  position: relative;
}

.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -0.0625rem;
}

.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
  width: 1rem;
  height: 0.125rem;
  background-color: #000;
  border-radius: 0;
  position: absolute;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-duration: 0.15s;
          transition-duration: 0.15s;
  -webkit-transition-timing-function: ease;
          transition-timing-function: ease;
}

.hamburger-inner::before, .hamburger-inner::after {
  content: "";
  display: block;
}

.hamburger-inner::before {
  top: -0.5rem;
}

.hamburger-inner::after {
  bottom: -0.5rem;
}

.hamburger-inner.hamburger--white {
  background-color: white;
}

.hamburger-inner.hamburger--white:after, .hamburger-inner.hamburger--white:before {
  background-color: white;
}

.hamburger-inner.hamburger--black, .issue-menu--expanded .hamburger-inner.hamburger--white {
  background-color: black;
}

.hamburger-inner.hamburger--black:after, .hamburger-inner.hamburger--black:before, .issue-menu--expanded .hamburger-inner.hamburger--white:after, .issue-menu--expanded .hamburger-inner.hamburger--white:before {
  background-color: black;
}

/*
 * Hamburger Type: Squeeze
 */
.hamburger--squeeze .hamburger-inner, .hamburger[aria-expanded='true'] .hamburger-inner {
  -webkit-transition-duration: 0.075s;
          transition-duration: 0.075s;
  -webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
          transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--squeeze .hamburger-inner::before, .hamburger[aria-expanded='true'] .hamburger-inner::before {
  -webkit-transition: top 0.075s 0.12s ease, opacity 0.075s ease;
  transition: top 0.075s 0.12s ease, opacity 0.075s ease;
}

.hamburger--squeeze .hamburger-inner::after, .hamburger[aria-expanded='true'] .hamburger-inner::after {
  -webkit-transition: bottom 0.075s 0.12s ease, -webkit-transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: bottom 0.075s 0.12s ease, -webkit-transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--squeeze.is-active .hamburger-inner, .hamburger[aria-expanded='true'] .hamburger-inner {
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
  -webkit-transition-delay: 0.12s;
          transition-delay: 0.12s;
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
          transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--squeeze.is-active .hamburger-inner::before, .hamburger[aria-expanded='true'] .hamburger-inner::before {
  top: 0;
  opacity: 0;
  -webkit-transition: top 0.075s ease, opacity 0.075s 0.12s ease;
  transition: top 0.075s ease, opacity 0.075s 0.12s ease;
}

.hamburger--squeeze.is-active .hamburger-inner::after, .hamburger[aria-expanded='true'] .hamburger-inner::after {
  bottom: 0;
  -webkit-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
          transform: rotate(-90deg);
  -webkit-transition: bottom 0.075s ease, -webkit-transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: bottom 0.075s ease, -webkit-transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.boell-thema-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0.6rem 0.6rem 0.4rem;
  max-width: var(--content-text-body-width-with-padding-mobile);
  padding: var(--padding-mobile);
  margin: auto;
}

@media all and (min-width: 1020px) {
  .boell-thema-header {
    max-width: var(--content-width-with-padding-desktop);
    padding: var(--padding-desktop);
  }
}

@media all and (min-width: 1420px) {
  .boell-thema-header {
    margin-left: 60px;
    max-width: var(--content-full-width-with-margins);
  }
}

.boell-thema-logo {
  position: relative;
  text-decoration: none;
  color: var(--color-black);
}

@media all and (max-width: 700px) {
  .boell-thema-logo {
    max-width: 12.5rem;
  }
}

.boell-thema-logo:hover, .boell-thema-logo:focus, .boell-thema-logo:active {
  box-shadow: 0 0.25rem 0 #000;
}

.boell-thema-logo__issue {
  font-family: var(--font-family-america-mono);
  letter-spacing: -0.015rem;
  font-size: 0.8rem;
  position: absolute;
  top: 42%;
  left: 61%;
}

@media all and (min-width: 700px) {
  .boell-thema-logo__issue {
    font-size: 1rem;
  }
}

.region-header {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  text-align: right;
}

.region-footer {
  container: region_footer / inline-size;
}

.region-footer a,
.region-footer a:hover,
.region-footer a:visited,
.region-footer a:active {
  color: var(--color-black);
  text-decoration: none;
}

.region-footer a:hover,
.region-footer a:active {
  text-decoration: underline;
}

.region-footer .menu {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  list-style: none;
  padding-left: 0;
}

@container region_footer (min-width: 400px) {
  .region-footer .menu {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .region-footer .menu li {
    padding-left: 1rem;
  }
}

@container region_footer (min-width: 700px) {
  .region-footer .menu {
    text-align: center;
  }
}

.boe-footer-wrapper {
  overflow: hidden;
  padding: 0 var(--padding-mobile);
}

@container region_footer (min-width: 700px) {
  .boe-footer-wrapper {
    padding: 0 6.25rem;
  }
}

@container region_footer (max-width: 699.9px) {
  .region-footer-bottom {
    text-align: center;
  }
}

@container region_footer (min-width: 700px) {
  .region-footer-bottom {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

.boe-footer-copyright {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

body.node--has-background-color {
  background-color: var(--color-boell-thema-tertiary);
}

html {
  scroll-behavior: smooth;
}

/* Article */
.node--type-article.node--view-mode-full {
  container-type: inline-size;
  container-name: article;
  font-family: var(--font-family-sectra-fine);
  font-size: 1.375rem;
  line-height: var(--line-height-default);
}

.node--type-article.node--view-mode-full .article__body
.node--type-article.node--view-mode-full .article__title,
.node--type-article.node--view-mode-full .article__head,
.node--type-article.node--view-mode-full .article__head__section,
.node--type-article.node--view-mode-full .article__lead,
.node--type-article.node--view-mode-full .article__image-section,
.node--type-article.node--view-mode-full .article__authors-section,
.node--type-article.node--view-mode-full .article__body,
.node--type-article.node--view-mode-full .article__footer {
  box-sizing: border-box;
}

/* Article Body  */
.node--type-article.node--view-mode-full .article__body {
  max-width: var(--content-text-body-width-with-padding-mobile);
  padding: var(--padding-mobile);
  font-family: var(--font-family-sectra-book);
  font-size: 1.125rem;
  line-height: var(--line-height-default);
  margin-left: auto;
  margin-right: auto;
  letter-spacing: 0.005rem;
}

@container article (min-width: 880px) {
  .node--type-article.node--view-mode-full .article__body {
    font-size: 1.25rem;
    line-height: var(--line-height-default);
  }
}

@container article (min-width: 1020px) {
  .node--type-article.node--view-mode-full .article__body {
    max-width: var(--content-text-body-width-with-padding-desktop);
    padding: var(--padding-desktop);
  }
}

@container article (min-width: 1420px) {
  .node--type-article.node--view-mode-full .article__body {
    padding: var(--padding-desktop);
  }
}

.article__body p {
  margin-top: 0;
}

/* Table of Contents in Articles */
.node--type-article.node--view-mode-full .article__body .toc {
  font-family: var(--font-family-america-mono);
  list-style-type: "↓";
  font-weight: 300;
  margin-bottom: 4em;
}

.node--type-article.node--view-mode-full .article__body .toc li {
  margin-bottom: 1em;
  padding-left: 1rem;
}

.node--type-article.node--view-mode-full .article__body .toc li::marker {
  display: block;
}

.node--type-article.node--view-mode-full .article__body .toc a {
  color: var(--color-black);
  text-decoration: none;
  display: inline;
}

/* Headings */
.node--type-article.node--view-mode-full .article__body h2,
.node--type-article.node--view-mode-full .article__body h3,
.node--type-article.node--view-mode-full .article__body h4,
.node--type-article.node--view-mode-full .article__body h5,
.node--type-article.node--view-mode-full .article__body h6 {
  margin-top: 1.7em;
  margin-bottom: 0.5em;
  line-height: var(--line-height-default);
}

/* blockquote */
blockquote {
  padding: 0px;
  font-size: 2rem;
  line-height: var(--line-height-default);
  text-align: center;
  margin-left: 0;
  margin-right: 0;
  clear: both;
}

blockquote > *:first-child:before {
  content: "«";
}

blockquote > *:last-child:after {
  content: "»";
}

@container article (min-width: 1420px) {
  blockquote {
    margin: 7.5rem 0;
    padding: 1.25rem;
    padding-top: 4.375rem;
    border-top: 3.5px solid var(--color-green-neon);
    border-bottom: 3.5px solid var(--color-green-neon);
    font-size: 3rem;
    line-height: var(--line-height-default);
  }
}

.node--type-article.node--view-mode-full .article__body a,
.node--type-article.node--view-mode-full .article__license a {
  color: var(--color-boell-thema-primary, #000);
  display: inline-block;
}

.node--type-article.node--view-mode-full .article__body li {
  margin-bottom: 3px;
}

/* Images in Body */
.node--type-article.node--view-mode-full .article__body .field--name-body > figure,
.node--type-article.node--view-mode-full .article__body .field--name-body > .embedded-entity {
  margin-bottom: 2em;
  margin-left: 0;
  margin-right: 0;
}

.node--type-article.node--view-mode-full .article__body .field--name-body .align-left,
.node--type-article.node--view-mode-full .article__body .field--name-body .align-right {
  max-width: 50%;
}

.node--type-article.node--view-mode-full .article__body .field--name-body .align-left {
  margin-right: 1.5rem;
}

.node--type-article.node--view-mode-full .article__body .field--name-body .align-right {
  margin-left: 1.5rem;
}

.node--type-article.node--view-mode-full .article__body .field--name-body figcaption
.node--type-article.node--view-mode-full .article__body .field--name-body .embedded-entity {
  margin-top: 1em;
  font-size: 0.875rem;
  line-height: var(--line-height-default);
}

@container article (min-width: 880px) {
  .node--type-article.node--view-mode-full .article__body figcaption {
    font-size: 1.125rem;
  }
}

/* hrs in Body */
.node--type-article.node--view-mode-full .article__body hr {
  border: 0;
  border-top: 0.5px solid black;
  width: 1420px;
  margin-top: 20px;
  margin-bottom: 20px;
  margin-left: -310px;
}

/* Links and Anchors */
.node--type-article.node--view-mode-full .article__body a {
  scroll-margin-top: 75px;
}

/* strong text */
.node--type-article.node--view-mode-full .article__body strong {
  font-weight: 600;
}

/* Title, Lead and Author – Widths and Margin Paddings for responsive */
.article__head:before {
  content: "";
  display: block;
  box-sizing: border-box;
  position: absolute;
  top: 0;
  height: var(--decoration-border-width);
  background-color: var(--color-black);
  width: 100%;
  border-right: 1px solid white;
  border-left: 1px solid white;
}

.node--type-article.node--view-mode-full .article__head__section {
  max-width: var(--content-text-body-width-with-padding-mobile);
  padding: var(--padding-mobile);
  margin: auto;
}

@container article (min-width: 1020px) {
  .node--type-article.node--view-mode-full .article__head__section {
    max-width: var(--content-width-with-padding-desktop);
    padding: var(--padding-desktop);
  }
}

@container article (min-width: 1420px) {
  .node--type-article.node--view-mode-full .article__head__section {
    max-width: 100%;
    padding: var(--padding-desktop);
  }
}

/* Article Title */
.node--type-article.node--view-mode-full .article__title {
  font-size: 2.5rem;
  line-height: var(--line-height-narrow);
  font-family: var(--font-family-america-mono);
  font-weight: 500;
  letter-spacing: -0.1rem;
}

@container article (min-width: 1020px) {
  .node--type-article.node--view-mode-full .article__title {
    font-size: 4rem;
    line-height: var(--line-height-narrower);
  }
}

@container article (min-width: 1420px) {
  .node--type-article.node--view-mode-full .article__title {
    margin-left: 60px;
    /* 100 - 40px Margin */
  }
}

/* Article Lead */
.node--type-article.node--view-mode-full .article__lead {
  font-size: 1.125rem;
  line-height: var(--line-height-default);
  font-family: var(--font-family-america-mono);
}

@container article (min-width: 1020px) {
  .node--type-article.node--view-mode-full .article__lead {
    font-size: 2rem;
    line-height: var(--line-height-default);
  }
}

@container article (min-width: 1420px) {
  .node--type-article.node--view-mode-full .article__lead {
    margin-left: 310px;
    /* 310 - 40px Margin */
  }
}

/* Article Authors */
.node--type-article.node--view-mode-full .article__authors {
  font-size: 1.063rem;
  letter-spacing: 0.1375rem;
  line-height: var(--line-height-default);
  margin-bottom: 2em;
  font-family: var(--font-family-sectra-book);
  text-transform: uppercase;
}

@container article (min-width: 1020px) {
  .node--type-article.node--view-mode-full .article__authors {
    font-size: 1.3752rem;
    line-height: var(--line-height-default);
  }
}

@container article (min-width: 1420px) {
  .node--type-article.node--view-mode-full .article__authors {
    max-width: var(--content-inner-width);
    margin-top: 3em;
  }
}

.node--type-article.node--view-mode-full .article__authors .content-authors:before {
  display: inline-block;
  margin-right: 0.5rem;
}

body[data-lang-code="de"] .node--type-article.node--view-mode-full .article__authors .content-authors:before {
  content: "VON";
}

body[data-lang-code="en"] .node--type-article.node--view-mode-full .article__authors .content-authors:before {
  content: "BY";
}

/* Article Teaser Image and Caption */
.node--type-article.node--view-mode-full .article__image img {
  width: 100%;
  height: auto;
}

@container article (min-width: 1020px) {}@container article (min-width: 1420px) {}.node--type-article.node--view-mode-full .article__teaser-image-caption {
  color: var(--color-black);
  margin-top: 0.5rem;
  font-size: 0.875rem;
  line-height: var(--line-height-default);
}

@container article (min-width: 880px) {
  .node--type-article.node--view-mode-full .article__teaser-image-caption {
    font-size: 1.125rem;
  }
}

@container article (min-width: 1420px) {}/* Regular Alternative */
.node--type-article.node--view-mode-full .article__title {
  margin-top: 70px;
}

/* Lead */
@container article (min-width: 1420px) {
  .node--type-article.node--view-mode-full .article__lead {
    margin-left: 290px;
  }
}

/* Image */
@container article (min-width: 1420px) {
  .node--type-article.node--view-mode-full .article__image {
    max-width: var(--content-width-with-padding-desktop);
    margin-left: 60px;
  }
}

/* Authors */
.node--type-article.node--view-mode-full .article__authors {
  margin-left: auto;
}

@container article (min-width: 1020px) {
  .node--type-article.node--view-mode-full .article__authors {
    max-width: var(--content-text-body-width-with-padding-desktop);
  }
}

@container article (min-width: 1420px) {
  .node--type-article.node--view-mode-full .article__authors {
    max-width: var(--content-text-body-width-with-padding-desktop);
    margin: auto;
  }
}

/* Featured Alternative */
.node--type-article.node--view-mode-full .article__head--featured .article__title,
.node--type-article.node--view-mode-full .article__head--featured .article__lead {
  font-family: var(--font-family-sectra-fine);
}

@container article (min-width: 1420px) {
  .node--type-article.node--view-mode-full .article__lead {
    margin-left: 290px;
  }
}

@container article (min-width: 1420px) {
  .node--type-article.node--view-mode-full .article__image-section {
    max-width: var(--content-width);
    margin-left: 60px;
  }
}

/* Image First Alternative */
.article--image_first .field--name-field-teaser-image-caption {
  display: none;
  border: 1px solid red;
}

.article--image_first.node--type-article.node--view-mode-full .article__image {
  width: 100%;
  max-width: 100%;
  margin: 0;
  padding: 0;
  margin-bottom: 70px;
  aspect-ratio: 16 / 9;
  overflow: hidden;
}

@container article (min-width: 1420px) {
  .article--image_first.node--type-article.node--view-mode-full .article__image {
    margin-bottom: 140px;
  }
}

.article--image_first .article__head--image-first {
  padding: 0;
}

@container article (min-width: 1420px) {}@container article (min-width: 1420px) {
  .article--image_first.node--type-article.node--view-mode-full .article__authors {
    margin-left: 290px;
    font-size: 1.375rem;
    line-height: var(--line-height-default);
  }
}

/* Portrait Alternative */
.article__head--portrait {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}

.node--type-article.node--view-mode-full .article__head--portrait .article__head__section {
  width: 100%;
}

.node--type-article.node--view-mode-full .article__head--portrait .article__image {
  padding: 0;
}

.node--type-article.node--view-mode-full.article--portrait .article__image {
  max-width: 800px;
  margin: auto;
  margin-top: 0;
}

.article--portrait .article__image img {
  width: 100%;
  height: auto;
  display: block;
}

.article--portrait .article__title {
  margin-bottom: 1em;
}

@container article (min-width: 1020px) {
  .article__head--portrait {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
                -ms-grid-row-align: center;
            align-items: center;
  }
  .article--portrait .article__title {
    margin-top: 2em;
    margin-bottom: 1em;
  }
  .node--type-article.node--view-mode-full.article--portrait .article__title,
.node--type-article.node--view-mode-full.article--portrait .article__lead {
    margin-left: 0;
  }
  .node--type-article.node--view-mode-full.article--portrait .article__title-section {
    padding-left: 60px;
    margin-left: 0;
    max-width: 590px;
  }
  .node--type-article.node--view-mode-full.article--portrait .article__image {
    width: 40%;
    max-width: 40%;
  }
  .node--type-article.node--view-mode-full.article--portrait .article__title-section {
    width: 60%;
    max-width: 60%;
  }
  node--type-article.node--view-mode-full.article--portrait .article__image {
    margin: 0;
    padding: 0;
  }
  .article--portrait .article__image img {
    width: 100%;
    height: auto;
  }
  .node--type-article.node--view-mode-full.article--portrait .article__authors {
    margin-bottom: 0;
    padding-bottom: 0px;
    padding-top: 0px;
  }
}

/* Regular Alternative */
.node--type-article.node--view-mode-full .article__head--editorial .article__title {
  max-width: 800px;
  margin-top: 70px;
  padding: 0;
  padding-left: var(--padding-mobile);
}

@container article (min-width: 880px) {
  .node--type-article.node--view-mode-full .article__head--editorial .article__title {
    margin-top: 130px;
  }
}

@container article (min-width: 1420px) {
  .node--type-article.node--view-mode-full .article__head--editorial .article__title {
    padding-left: var(--padding-desktop);
  }
}

/* Image and Authors */
.node--type-article.node--view-mode-full .article__head--editorial .article__author-image img {
  border-radius: 50%;
  height: auto;
  width: 50%;
  margin: auto;
  margin-bottom: 40px;
}

@container article (min-width: 880px) {
  .node--type-article.node--view-mode-full .article__head--editorial .article__authors {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .node--type-article.node--view-mode-full .article__head--editorial .article__author-image {
    width: 30%;
  }
  .node--type-article.node--view-mode-full .article__head--editorial .article__author-name-job {
    width: 70%;
    margin-left: 60px;
  }
  .node--type-article.node--view-mode-full .article__head--editorial .article__author-image img {
    border-radius: 50%;
    height: auto;
    width: 100%;
  }
}

.node--type-article.node--view-mode-full .article__authors {
  margin-left: auto;
}

@container article (min-width: 1020px) {
  .node--type-article.node--view-mode-full .article__authors {
    max-width: var(--content-text-body-width-with-padding-desktop);
  }
}

@container article (min-width: 1420px) {
  .node--type-article.node--view-mode-full .article__authors {
    max-width: var(--content-text-body-width-with-padding-desktop);
    margin: auto;
  }
}

.node-infobox {
  background: #EBEBEB;
  margin-left: calc(var(--padding-mobile) * -1.0);
  margin-right: calc(var(--padding-mobile) * -1.0);
  padding: 1.5rem var(--padding-mobile) 2rem;
}

.node-portraitbox .node__content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}

@container article (min-width: 700px) {
  .node-portraitbox .node__content {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}

.node-portraitbox .field--name-field-infobox-image {
  margin-left: auto;
  margin-right: auto;
  max-width: 24.25rem;
}

@container article (max-width: 699.9px) {
  .node-portraitbox .field--name-field-infobox-image {
    margin-bottom: 1.5rem;
  }
}

@container article (min-width: 700px) {
  .node-portraitbox .field--name-field-infobox-image {
    width: 25%;
    margin-right: 1.5rem;
    min-width: 20rem;
  }
}

.node-portraitbox .boe-field-infobox-text {
  font-family: var(--font-family-america-mono);
  font-size: 1rem;
}

:root {
  /* Several Widthisisis */
  --breakpoint-phablet: 500px;
  --breakpoint-tablet: 700px;
  /* The Main Breakpoint for putting stuff next to each other  */
  --breakpoint--tablet-landscape: 1024px;
  --breakpoint-desktop: 1000px;
  --breakpoint-cinema: 1280px;
  --breakpoint-panorama: 1420px;
  --breakpoint--desktop: 1220px;
  --content-max-width-without-borders:1418px;
  --content-max-width: 1420px;
  --content-max-width-with-border:1421px;
  --content-width: 980px;
  --content-width-with-padding-mobile: 1004px;
  --content-width-with-padding-desktop: 1020px;
  --content-inner-width: 800px;
  --content-text-body-width: 800px;
  --content-text-body-width-with-padding-mobile: 824px;
  --content-text-body-width-with-padding-desktop: 840px;
  --content-wider-width: 1220px;
  --content-width--desktop: var(--content-width);
  --content-full-width: 1420px;
  --content-full-width-with-margins: 1300px;
  --padding-mobile:12px;
  --padding-desktop:20px;
  /* Coloursisis */
  --color-black: #000;
  --color-gray-0: #333;
  --color-gray-1: #444;
  --color-gray-2: #666;
  --color-gray-3: #7c7c7c;
  --color-gray-35: #838383;
  --color-gray-4: #999;
  --color-gray-5: #e2e2e2;
  --color-gray-6: #f1f1f1;
  --color-gray-on-green: #303c1b;
  --color-green-neon:#5AFF31;
  /* Boell.Thema spefici decoration stuff*/
  --decoration-border-width: 0.5px;
  --outer-padding-mobile: 12px;
  /* Font sizisis and linght heights and weights */
  --line-height-default:145%;
  --line-height-narrower:110%;
  --line-height-narrow:105%;
}

/* Core Elements and basic Layout */
* {
  box-sizing: border-box;
}

html,
body {
  margin: 0;
  padding: 0;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: 400;
}

/*
 * sensible image defaults
 * by Harry Roberts @csswizardry https://twitter.com/csswizardry/status/1717841334462005661
 */
img {
  max-width: 100%;
  height: auto;
  vertical-align: middle;
  font-style: italic;
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-shape-margin: 0.75rem;
          shape-margin: 0.75rem;
}

#page {
  max-width: var(--content-max-width-with-border);
  margin: 0 auto 0 auto;
  border-left: var(--decoration-border-width) solid var(--color-black);
  border-right: var(--decoration-border-width) solid var(--color-black);
}

/* Global Stuff */
.print-copyright-container {
  display: none;
}

/* Everything Grid beyond this point */
.grid-container:last-child {
  border-bottom: var(--decoration-border-width) solid var(--color-black);
}
/*# sourceMappingURL=all.css.map */