@charset "UTF-8";
/**
 * Breakpoint mixin. Example use:
 * @include bp($breakpoint-tablet) {
 *    // content;
 * };
 *
 * @author Kim-Christian Meyer <kim.meyer@palasthotel.de>
 */
/**
 * Best and simplest clearfix right now
 *
 * @author Kim-Christian Meyer <kim.meyer@palasthotel.de>
 */
.clearfix:after {
  content: "";
  display: block;
  clear: both;
}

/**
 * Hide elements on certain breakpoint.
 *
 * The idea is to have classes which can be attached in sitebuilding or in templates,
 * without the need to write additional css.
 *
 * Of course, this also provides a mixin, so it can be invoked at will.
 *
 * Future improvements: Instead of display none, maybe hide it visually.
 *
 * @author Arne Seemann <arne.seemann@palasthotel.de>
 */
/**
 * Breakpoint mixin. Example use:
 * @include bp($breakpoint-tablet) {
 *    // content;
 * };
 *
 * @author Kim-Christian Meyer <kim.meyer@palasthotel.de>
 */
@media all and (min-width: 0) and (max-width: 759.999px) {
  .hide-on-mobile {
    display: none;
  }
}

@media all and (min-width: 760px) {
  .only-on-mobile {
    display: none;
  }
}

@media all and (min-width: 0) and (max-width: 1023.999px) {
  .only-on-desktop {
    display: none;
  }
}

/**
 * Hide an element in the most unobstrusive way,
 * while keeping it accessible and SEO-friendly
 *
 * Originally investigated by Jonathan Snook:
 * https://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 * Now part of the HTML5 Boilerplate:
 * https://github.com/h5bp/html5-boilerplate/blob/fea7f22aef9146a1effc469c3371fbc2a75e0049/src/css/main.css#L119
 *
 * @author Arne Seemann <arne.seemann@palasthotel.de>
 */
.visually-hidden,
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  white-space: nowrap;
}

.text-right {
  text-align: right;
}

.text-left {
  text-align: left;
}

.text-justify {
  text-align: justify;
}

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

/**
 * These classes just change the color. Useful for colorizing modules via
 * `color: currentColor` or `border-color: currentColor`.
 *
 * @author Kim-Christian Meyer <kim.meyer@palasthotel.de>
 */
.color--bildungswerk-blue {
  color: #203c89 !important;
}

.color--bildungswerk-green {
  color: #1b9438 !important;
}

.color--boell-blue {
  color: #0e307f !important;
}

.color--boell-dark-green {
  color: #45783a !important;
}

.color--boell-green {
  color: #91c800 !important;
}

.color--boell-orange {
  color: #fd7232 !important;
}

.color--boell-red {
  color: #cc0000 !important;
}

.color--boell-turquoise {
  color: #008599 !important;
}

.color--boell-yellow {
  color: #fac32f !important;
}

.color--brandenburg-blue {
  color: #0064a7 !important;
}

.color--brandenburg-green {
  color: #95bb2e !important;
}

.color--brandenburg-orange {
  color: #f8ad14 !important;
}

.color--brandenburg-red {
  color: #e02d34 !important;
}

.color--greencampus-green {
  color: #6bb232 !important;
}

.color--gwi-red {
  color: #fc3f83 !important;
}

.color--gwi-turquoise {
  color: #3a9192 !important;
}

.color--international-green {
  color: #91c800 !important;
}

.color--international-orange {
  color: #fd7232 !important;
}

.color--international-turquoise {
  color: #008599 !important;
}

.color--mid-green {
  color: #91c800 !important;
}

.color--mid-orange {
  color: #fd7232 !important;
}

.color--mid-pink {
  color: #e075ac !important;
}

.color--mid-red {
  color: #cc0000 !important;
}

.color--mid-turquoise {
  color: #66cbcc !important;
}

.color--mid-yellow {
  color: #fac32f !important;
}

.color--state-blue {
  color: #0e307f !important;
}

.color--state-green {
  color: #91c800 !important;
}

/**************
 * DIN Web *
 **************/
@font-face {
  font-family: 'dinweb';
  font-style: normal;
  font-weight: 400;
  src: url("../../theodor/fonts/dinweb/DINWebPro.eot");
  src: url("../../theodor/fonts/dinweb/DINWebPro.eot?#iefix") format("embedded-opentype"), url("../../theodor/fonts/dinweb/DINWebPro.woff") format("woff"), url("../../theodor/fonts/dinweb/DINCompPro.ttf") format("truetype");
}

@font-face {
  font-family: 'dinweb';
  font-style: normal;
  font-weight: 600;
  src: url("../../theodor/fonts/dinweb/DINWebPro-Medium.eot");
  src: url("../../theodor/fonts/dinweb/DINWebPro-Medium.eot?#iefix") format("embedded-opentype"), url("../../theodor/fonts/dinweb/DINWebPro-Medium.woff") format("woff"), url("../../theodor/fonts/dinweb/DINCompPro-Medium.ttf") format("truetype");
}

@font-face {
  font-family: 'dinweb';
  font-style: normal;
  font-weight: 700;
  src: url("../../theodor/fonts/dinweb/DINWebPro-Bold.eot");
  src: url("../../theodor/fonts/dinweb/DINWebPro-Bold.eot?#iefix") format("embedded-opentype"), url("../../theodor/fonts/dinweb/DINWebPro-Bold.woff") format("woff"), url("../../theodor/fonts/dinweb/DINCompPro-Bold.ttf") format("truetype");
}

@font-face {
  font-family: 'dinweb';
  font-style: italic;
  font-weight: 400;
  src: url("../../theodor/fonts/dinweb/DINWebPro-Ita.eot");
  src: url("../../theodor/fonts/dinweb/DINWebPro-Ita.eot?#iefix") format("embedded-opentype"), url("../../theodor/fonts/dinweb/DINWebPro-Ita.woff") format("woff"), url("../../theodor/fonts/dinweb/DINCompPro-Ita.ttf") format("truetype");
}

@font-face {
  font-family: 'dinweb';
  font-style: italic;
  font-weight: 600;
  src: url("../../theodor/fonts/dinweb/DINWebPro-MediumIta.eot");
  src: url("../../theodor/fonts/dinweb/DINWebPro-MediumIta.eot?#iefix") format("embedded-opentype"), url("../../theodor/fonts/dinweb/DINWebPro-MediumIta.woff") format("woff"), url("../../theodor/fonts/dinweb/DINCompPro-MediumIta.ttf") format("truetype");
}

@font-face {
  font-family: 'dinweb';
  font-style: italic;
  font-weight: 700;
  src: url("../../theodor/fonts/dinweb/DINWebPro-BoldIta.eot");
  src: url("../../theodor/fonts/dinweb/DINWebPro-BoldIta.eot?#iefix") format("embedded-opentype"), url("../../theodor/fonts/dinweb/DINWebPro-BoldIta.woff") format("woff"), url("../../theodor/fonts/dinweb/DINCompPro-BoldIta.ttf") format("truetype");
}

/**************
 * Noto Serif *
 **************/
/* noto-serif-regular - cyrillic-ext_greek-ext_cyrillic_latin-ext_latin_greek_vietnamese */
@font-face {
  font-family: 'Noto Serif';
  font-style: normal;
  font-weight: 400;
  src: url("../../theodor/fonts/noto-serif-v4/noto-serif-v4-regular.eot");
  /* IE9 Compat Modes */
  src: local("Noto Serif"), local("NotoSerif"), url("../../theodor/fonts/noto-serif-v4/noto-serif-v4-regular.eot?#iefix") format("embedded-opentype"), url("../../theodor/fonts/noto-serif-v4/noto-serif-v4-regular.woff2") format("woff2"), url("../../theodor/fonts/noto-serif-v4/noto-serif-v4-regular.woff") format("woff"), url("../../theodor/fonts/noto-serif-v4/noto-serif-v4-regular.ttf") format("truetype"), url("../../theodor/fonts/noto-serif-v4/noto-serif-v4-regular.svg#NotoSerif") format("svg");
  /* Legacy iOS */
}

/* noto-serif-italic - cyrillic-ext_greek-ext_cyrillic_latin-ext_latin_greek_vietnamese */
@font-face {
  font-family: 'Noto Serif';
  font-style: italic;
  font-weight: 400;
  src: url("../../theodor/fonts/noto-serif-v4/noto-serif-v4-italic.eot");
  /* IE9 Compat Modes */
  src: local("Noto Serif Italic"), local("NotoSerif-Italic"), url("../../theodor/fonts/noto-serif-v4/noto-serif-v4-italic.eot?#iefix") format("embedded-opentype"), url("../../theodor/fonts/noto-serif-v4/noto-serif-v4-italic.woff2") format("woff2"), url("../../theodor/fonts/noto-serif-v4/noto-serif-v4-italic.woff") format("woff"), url("../../theodor/fonts/noto-serif-v4/noto-serif-v4-italic.ttf") format("truetype"), url("../../theodor/fonts/noto-serif-v4/noto-serif-v4-italic.svg#NotoSerif") format("svg");
  /* Legacy iOS */
}

/* noto-serif-700 - cyrillic-ext_greek-ext_cyrillic_latin-ext_latin_greek_vietnamese */
@font-face {
  font-family: 'Noto Serif';
  font-style: normal;
  font-weight: 700;
  src: url("../../theodor/fonts/noto-serif-v4/noto-serif-v4-700.eot");
  /* IE9 Compat Modes */
  src: local("Noto Serif Bold"), local("NotoSerif-Bold"), url("../../theodor/fonts/noto-serif-v4/noto-serif-v4-700.eot?#iefix") format("embedded-opentype"), url("../../theodor/fonts/noto-serif-v4/noto-serif-v4-700.woff2") format("woff2"), url("../../theodor/fonts/noto-serif-v4/noto-serif-v4-700.woff") format("woff"), url("../../theodor/fonts/noto-serif-v4/noto-serif-v4-700.ttf") format("truetype"), url("../../theodor/fonts/noto-serif-v4/noto-serif-v4-700.svg#NotoSerif") format("svg");
  /* Legacy iOS */
}

/* noto-serif-700italic - cyrillic-ext_greek-ext_cyrillic_latin-ext_latin_greek_vietnamese */
@font-face {
  font-family: 'Noto Serif';
  font-style: italic;
  font-weight: 700;
  src: url("../../theodor/fonts/noto-serif-v4/noto-serif-v4-700italic.eot");
  /* IE9 Compat Modes */
  src: local("Noto Serif Bold Italic"), local("NotoSerif-BoldItalic"), url("../../theodor/fonts/noto-serif-v4/noto-serif-v4-700italic.eot?#iefix") format("embedded-opentype"), url("../../theodor/fonts/noto-serif-v4/noto-serif-v4-700italic.woff2") format("woff2"), url("../../theodor/fonts/noto-serif-v4/noto-serif-v4-700italic.woff") format("woff"), url("../../theodor/fonts/noto-serif-v4/noto-serif-v4-700italic.ttf") format("truetype"), url("../../theodor/fonts/noto-serif-v4/noto-serif-v4-700italic.svg#NotoSerif") format("svg");
  /* Legacy iOS */
}

/**
 * SPACING
 */
/**
 * COLORS
 */
/**
 * CURSORS
 */
/**
 * Hamburger
 */
/**
  * TYPOGRAPHY
  */
/* 15px */
/* 30px */
/* 36px */
/* 24px */
/* 20px */
/* 18px */
/* 15px */
/* 12px */
/* 17px */
/* 32px */
/* 42px */
/* 17px */
/* 19px */
/**
 * Breakpoints
 */
/**
 * SPACING AND LAYOUTS
 */
/**
 * BLOCKQUOTES
 */
/**
 * BUTTONS
 */
/**
 * TEASER
 */
/**
 * ARTICLE PAGE
 */
/**
 * DEPRECATED VARIABLES
 */
/**
 * MIXINS
 */
/**
 * Hide an element in the most unobstrusive way,
 * while keeping it accessible and SEO-friendly
 *
 * Originally investigated by Jonathan Snook:
 * https://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 * Now part of the HTML5 Boilerplate:
 * https://github.com/h5bp/html5-boilerplate/blob/fea7f22aef9146a1effc469c3371fbc2a75e0049/src/css/main.css#L119
 *
 * @author Arne Seemann <arne.seemann@palasthotel.de>
 */
/**
 * Example:
 *
 * .ratio-16-by-9 {
 *   @include aspect-ratio(1600, 900);
 * }
 *
 * // Don't forget a placeholder image
 * figure {
 *   background: #ddd url(camera-icon.svg) no-repeat center center;
 * }
 *
 * @see https://www.smashingmagazine.com/2016/08/ways-to-reduce-content-shifting-on-page-load/
 */
/**
 * MIXINS
 */
.layout-tabs {
  left: 0;
  position: fixed;
  width: 100vw;
  z-index: 20;
}

.layout-tabs a {
  text-decoration: none;
}

.layout-tabs a:hover {
  text-decoration: underline;
}

.layout-tabs .region-tabs {
  width: 100%;
  border-bottom: 1px solid darkgrey;
  box-shadow: 0px 2px 4px darkgrey;
  background-color: white;
  margin-bottom: 12px;
  padding: 7px;
}

.tabs.primary {
  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: 3px;
}

.tabs.primary li {
  margin: 5px 20px 5px 0;
}

.tabs.primary li a {
  color: #666;
}

.tabs.primary li a:hover, .tabs.primary li a:focus, .tabs.primary li a:active {
  color: #999;
}

.tabs.primary li.is-active, .tabs.primary li.hamburger[aria-expanded='true'] {
  text-decoration: none;
  font-weight: 700;
}

@media all and (min-width: 760px) {
  .tabs.primary li {
    margin-right: 35px;
  }
}

.grid-box-horizontal_line.color--bildungswerk-blue .horizontal-line {
  border-color: #203c89;
}

.grid-box-horizontal_line.color--bildungswerk-green .horizontal-line {
  border-color: #1b9438;
}

.grid-box-horizontal_line.color--boell-blue .horizontal-line {
  border-color: #0e307f;
}

.grid-box-horizontal_line.color--boell-dark-green .horizontal-line {
  border-color: #45783a;
}

.grid-box-horizontal_line.color--boell-green .horizontal-line {
  border-color: #91c800;
}

.grid-box-horizontal_line.color--boell-orange .horizontal-line {
  border-color: #fd7232;
}

.grid-box-horizontal_line.color--boell-red .horizontal-line {
  border-color: #cc0000;
}

.grid-box-horizontal_line.color--boell-turquoise .horizontal-line {
  border-color: #008599;
}

.grid-box-horizontal_line.color--boell-yellow .horizontal-line {
  border-color: #fac32f;
}

.grid-box-horizontal_line.color--brandenburg-blue .horizontal-line {
  border-color: #0064a7;
}

.grid-box-horizontal_line.color--brandenburg-green .horizontal-line {
  border-color: #95bb2e;
}

.grid-box-horizontal_line.color--brandenburg-orange .horizontal-line {
  border-color: #f8ad14;
}

.grid-box-horizontal_line.color--brandenburg-red .horizontal-line {
  border-color: #e02d34;
}

.grid-box-horizontal_line.color--greencampus-green .horizontal-line {
  border-color: #6bb232;
}

.grid-box-horizontal_line.color--gwi-red .horizontal-line {
  border-color: #fc3f83;
}

.grid-box-horizontal_line.color--gwi-turquoise .horizontal-line {
  border-color: #3a9192;
}

.grid-box-horizontal_line.color--international-green .horizontal-line {
  border-color: #91c800;
}

.grid-box-horizontal_line.color--international-orange .horizontal-line {
  border-color: #fd7232;
}

.grid-box-horizontal_line.color--international-turquoise .horizontal-line {
  border-color: #008599;
}

.grid-box-horizontal_line.color--mid-green .horizontal-line {
  border-color: #91c800;
}

.grid-box-horizontal_line.color--mid-orange .horizontal-line {
  border-color: #fd7232;
}

.grid-box-horizontal_line.color--mid-pink .horizontal-line {
  border-color: #e075ac;
}

.grid-box-horizontal_line.color--mid-red .horizontal-line {
  border-color: #cc0000;
}

.grid-box-horizontal_line.color--mid-turquoise .horizontal-line {
  border-color: #66cbcc;
}

.grid-box-horizontal_line.color--mid-yellow .horizontal-line {
  border-color: #fac32f;
}

.grid-box-horizontal_line.color--state-blue .horizontal-line {
  border-color: #0e307f;
}

.grid-box-horizontal_line.color--state-green .horizontal-line {
  border-color: #91c800;
}

/**
 * MIXINS
 */
/**
 * DEFINITIONS
 */
.horizontal-line {
  display: block;
  margin-left: auto;
  margin-right: auto;
  border-top: 2px solid #91c800;
}

.grid-slot-1d1 .horizontal-line--centered {
  border-color: inherit;
}

@media all and (min-width: 760px) {
  .grid-slot-1d1 .horizontal-line--centered {
    max-width: 800px;
    width: 80%;
  }
}

.grid-box-quote {
  overflow: hidden;
  clear: both;
}

.grid-box-quote .grid-box-prolog p {
  font-size: 1.75rem;
  line-height: 1.75rem;
  color: #91c800;
  margin-top: 0;
  margin-bottom: 7px;
  font-weight: 700;
}

.grid-box-quote blockquote {
  display: block;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  line-height: 1.4em;
  margin-bottom: 0;
  margin-top: 0;
  text-align: left;
  font-style: italic;
  font-size: 1.875rem !important;
}

.grid-box-quote blockquote,
.grid-box-quote blockquote p {
  color: #444;
  font-family: "dinweb", Helvetica, Arial, sans-serif;
  font-weight: 700;
  line-height: 1.2;
  text-decoration: none;
  color: #444;
  font-size: 1.875rem;
}

@media all and (min-width: 760px) {
  .grid-box-quote blockquote,
  .grid-box-quote blockquote p {
    font-size: 2.25rem;
  }
}

.grid-box-quote blockquote,
.grid-box-quote blockquote * {
  font-weight: 100;
}

.grid-box-quote blockquote,
.grid-box-quote blockquote * {
  color: #91c800;
  font-family: "dinweb", Helvetica, Arial, sans-serif;
}

.grid-box-quote blockquote p {
  display: inline;
}

.grid-box-quote blockquote .grid-slot-1d3 {
  font-size: 1.875rem;
}

.grid-box-quote blockquote:before {
  display: inline;
  content: "»";
  margin-right: 4px;
}

.grid-box-quote blockquote > p:last-child:after {
  content: "«";
  margin-left: 0.1em;
}

.grid-box-quote blockquote:before, .grid-box-quote blockquote:after {
  content: '';
  display: none;
}

.grid-box-quote blockquote:before {
  display: inline;
  content: "„";
  font-size: 9.375rem;
  line-height: 0;
  top: -15px;
  left: 0;
  position: relative;
}

.grid-box-quote blockquote.grid-box-quote-withkeytext:before {
  display: none;
}

.grid-box-quote cite {
  color: #91c800;
  float: right;
  display: block;
  font-style: normal;
  margin-top: 7px;
}

.grid-box-quote .grid-box-quote-keytext {
  font-size: 4.375rem;
  line-height: 3.75rem;
  display: block;
  font-weight: 700;
  margin: 15px 0;
}

.grid-box-quote.color--bildungswerk-blue blockquote,
.grid-box-quote.color--bildungswerk-blue .grid-box-prolog p {
  color: #203c89;
}

.grid-box-quote.color--bildungswerk-blue cite {
  color: #203c89;
}

.grid-box-quote.color--bildungswerk-green blockquote,
.grid-box-quote.color--bildungswerk-green .grid-box-prolog p {
  color: #1b9438;
}

.grid-box-quote.color--bildungswerk-green cite {
  color: #1b9438;
}

.grid-box-quote.color--boell-blue blockquote,
.grid-box-quote.color--boell-blue .grid-box-prolog p {
  color: #0e307f;
}

.grid-box-quote.color--boell-blue cite {
  color: #0e307f;
}

.grid-box-quote.color--boell-dark-green blockquote,
.grid-box-quote.color--boell-dark-green .grid-box-prolog p {
  color: #45783a;
}

.grid-box-quote.color--boell-dark-green cite {
  color: #45783a;
}

.grid-box-quote.color--boell-green blockquote,
.grid-box-quote.color--boell-green .grid-box-prolog p {
  color: #91c800;
}

.grid-box-quote.color--boell-green cite {
  color: #91c800;
}

.grid-box-quote.color--boell-darkmode-black blockquote,
.grid-box-quote.color--boell-darkmode-black .grid-box-prolog p {
  color: #000000;
}

.grid-box-quote.color--boell-darkmode-black cite {
  color: #000000;
}

.grid-box-quote.color--boell-darkmode-grey blockquote,
.grid-box-quote.color--boell-darkmode-grey .grid-box-prolog p {
  color: #444444;
}

.grid-box-quote.color--boell-darkmode-grey cite {
  color: #444444;
}

.grid-box-quote.color--boell-orange blockquote,
.grid-box-quote.color--boell-orange .grid-box-prolog p {
  color: #fd7232;
}

.grid-box-quote.color--boell-orange cite {
  color: #fd7232;
}

.grid-box-quote.color--boell-red blockquote,
.grid-box-quote.color--boell-red .grid-box-prolog p {
  color: #cc0000;
}

.grid-box-quote.color--boell-red cite {
  color: #cc0000;
}

.grid-box-quote.color--boell-turquoise blockquote,
.grid-box-quote.color--boell-turquoise .grid-box-prolog p {
  color: #008599;
}

.grid-box-quote.color--boell-turquoise cite {
  color: #008599;
}

.grid-box-quote.color--boell-gray blockquote,
.grid-box-quote.color--boell-gray .grid-box-prolog p {
  color: #e2e2e2;
}

.grid-box-quote.color--boell-gray cite {
  color: #e2e2e2;
}

.grid-box-quote.color--boell-yellow blockquote,
.grid-box-quote.color--boell-yellow .grid-box-prolog p {
  color: #fac32f;
}

.grid-box-quote.color--boell-yellow cite {
  color: #fac32f;
}

.grid-box-quote.color--brandenburg-blue blockquote,
.grid-box-quote.color--brandenburg-blue .grid-box-prolog p {
  color: #0064a7;
}

.grid-box-quote.color--brandenburg-blue cite {
  color: #0064a7;
}

.grid-box-quote.color--brandenburg-red blockquote,
.grid-box-quote.color--brandenburg-red .grid-box-prolog p {
  color: #e02d34;
}

.grid-box-quote.color--brandenburg-red cite {
  color: #e02d34;
}

.grid-box-quote.color--brandenburg-orange blockquote,
.grid-box-quote.color--brandenburg-orange .grid-box-prolog p {
  color: #f8ad14;
}

.grid-box-quote.color--brandenburg-orange cite {
  color: #f8ad14;
}

.grid-box-quote.color--brandenburg-green blockquote,
.grid-box-quote.color--brandenburg-green .grid-box-prolog p {
  color: #95bb2e;
}

.grid-box-quote.color--brandenburg-green cite {
  color: #95bb2e;
}

.grid-box-quote.color--infohub-plastic blockquote,
.grid-box-quote.color--infohub-plastic .grid-box-prolog p {
  color: #3B49BC;
}

.grid-box-quote.color--infohub-plastic cite {
  color: #3B49BC;
}

.grid-box-quote.color--mid-green blockquote,
.grid-box-quote.color--mid-green .grid-box-prolog p {
  color: #91c800;
}

.grid-box-quote.color--mid-green cite {
  color: #91c800;
}

.grid-box-quote.color--mid-orange blockquote,
.grid-box-quote.color--mid-orange .grid-box-prolog p {
  color: #fd7232;
}

.grid-box-quote.color--mid-orange cite {
  color: #fd7232;
}

.grid-box-quote.color--mid-pink blockquote,
.grid-box-quote.color--mid-pink .grid-box-prolog p {
  color: #e075ac;
}

.grid-box-quote.color--mid-pink cite {
  color: #e075ac;
}

.grid-box-quote.color--mid-red blockquote,
.grid-box-quote.color--mid-red .grid-box-prolog p {
  color: #cc0000;
}

.grid-box-quote.color--mid-red cite {
  color: #cc0000;
}

.grid-box-quote.color--mid-turquoise blockquote,
.grid-box-quote.color--mid-turquoise .grid-box-prolog p {
  color: #66cbcc;
}

.grid-box-quote.color--mid-turquoise cite {
  color: #66cbcc;
}

.grid-box-quote.color--mid-yellow blockquote,
.grid-box-quote.color--mid-yellow .grid-box-prolog p {
  color: #fac32f;
}

.grid-box-quote.color--mid-yellow cite {
  color: #fac32f;
}

.grid-box-quote.color--petrakelly-blue blockquote,
.grid-box-quote.color--petrakelly-blue .grid-box-prolog p {
  color: #2c4081;
}

.grid-box-quote.color--petrakelly-blue cite {
  color: #2c4081;
}

.grid-box-quote.color--petrakelly-green blockquote,
.grid-box-quote.color--petrakelly-green .grid-box-prolog p {
  color: #008445;
}

.grid-box-quote.color--petrakelly-green cite {
  color: #008445;
}

.grid-box-quote.color--petrakelly-grey blockquote,
.grid-box-quote.color--petrakelly-grey .grid-box-prolog p {
  color: #a49f99;
}

.grid-box-quote.color--petrakelly-grey cite {
  color: #a49f99;
}

.grid-box-quote.color--petrakelly-red blockquote,
.grid-box-quote.color--petrakelly-red .grid-box-prolog p {
  color: #cb322d;
}

.grid-box-quote.color--petrakelly-red cite {
  color: #cb322d;
}

.grid-box-quote.color--petrakelly-yellow blockquote,
.grid-box-quote.color--petrakelly-yellow .grid-box-prolog p {
  color: #fbe41d;
}

.grid-box-quote.color--petrakelly-yellow cite {
  color: #fbe41d;
}

.grid-box-quote.color--state-green blockquote,
.grid-box-quote.color--state-green .grid-box-prolog p {
  color: #91c800;
}

.grid-box-quote.color--state-green cite {
  color: #91c800;
}

.grid-box-quote.color--state-blue blockquote,
.grid-box-quote.color--state-blue .grid-box-prolog p {
  color: #0e307f;
}

.grid-box-quote.color--state-blue cite {
  color: #0e307f;
}

.grid-box-quote.color--gwi-turquoise blockquote,
.grid-box-quote.color--gwi-turquoise .grid-box-prolog p {
  color: #3a9192;
}

.grid-box-quote.color--gwi-turquoise cite {
  color: #3a9192;
}

.grid-box-quote.color--gwi-red blockquote,
.grid-box-quote.color--gwi-red .grid-box-prolog p {
  color: #fc3f83;
}

.grid-box-quote.color--gwi-red cite {
  color: #fc3f83;
}

.grid-box-quote.color--green-extra-dark blockquote,
.grid-box-quote.color--green-extra-dark .grid-box-prolog p {
  color: #303c1b;
}

.grid-box-quote.color--green-extra-dark cite {
  color: #303c1b;
}

.grid-box-quote.color--greencampus-green blockquote,
.grid-box-quote.color--greencampus-green .grid-box-prolog p {
  color: #6bb232;
}

.grid-box-quote.color--greencampus-green cite {
  color: #6bb232;
}

.grid-box-quote.color--international-green blockquote,
.grid-box-quote.color--international-green .grid-box-prolog p {
  color: #91c800;
}

.grid-box-quote.color--international-green cite {
  color: #91c800;
}

.grid-box-quote.color--international-orange blockquote,
.grid-box-quote.color--international-orange .grid-box-prolog p {
  color: #fd7232;
}

.grid-box-quote.color--international-orange cite {
  color: #fd7232;
}

.grid-box-quote.color--international-turquoise blockquote,
.grid-box-quote.color--international-turquoise .grid-box-prolog p {
  color: #008599;
}

.grid-box-quote.color--international-turquoise cite {
  color: #008599;
}

.grid-box-quote.color--gray-dark-1 blockquote,
.grid-box-quote.color--gray-dark-1 .grid-box-prolog p {
  color: #333;
}

.grid-box-quote.color--gray-dark-1 cite {
  color: #333;
}

.grid-box-quote.color--gray-dark-2 blockquote,
.grid-box-quote.color--gray-dark-2 .grid-box-prolog p {
  color: #444;
}

.grid-box-quote.color--gray-dark-2 cite {
  color: #444;
}

.grid-box-quote.color--gray-1 blockquote,
.grid-box-quote.color--gray-1 .grid-box-prolog p {
  color: #666;
}

.grid-box-quote.color--gray-1 cite {
  color: #666;
}

.grid-box-quote.color--gray-2 blockquote,
.grid-box-quote.color--gray-2 .grid-box-prolog p {
  color: #7c7c7c;
}

.grid-box-quote.color--gray-2 cite {
  color: #7c7c7c;
}

.grid-box-quote.color--gray-3 blockquote,
.grid-box-quote.color--gray-3 .grid-box-prolog p {
  color: #999;
}

.grid-box-quote.color--gray-3 cite {
  color: #999;
}

.grid-box-quote.color--gray-light-1 blockquote,
.grid-box-quote.color--gray-light-1 .grid-box-prolog p {
  color: #e2e2e2;
}

.grid-box-quote.color--gray-light-1 cite {
  color: #e2e2e2;
}

.grid-box-quote.color--gray-light-2 blockquote,
.grid-box-quote.color--gray-light-2 .grid-box-prolog p {
  color: #f1f1f1;
}

.grid-box-quote.color--gray-light-2 cite {
  color: #f1f1f1;
}

.grid-box-quote.color--gray-light-3 blockquote,
.grid-box-quote.color--gray-light-3 .grid-box-prolog p {
  color: #EBEBEB;
}

.grid-box-quote.color--gray-light-3 cite {
  color: #EBEBEB;
}

/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */
html {
  line-height: 1.15;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers (opinionated).
 */
body {
  margin: 0;
}

/**
 * Add the correct display in IE 9-.
 */
article,
aside,
footer,
header,
nav,
section {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */
figcaption,
figure,
main {
  /* 1 */
  display: block;
}

/**
 * Add the correct margin in IE 8.
 */
figure {
  margin: 1em 40px;
}

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
a {
  background-color: transparent;
  /* 1 */
  -webkit-text-decoration-skip: objects;
  /* 2 */
}

/**
 * 1. Remove the bottom border in Chrome 57- and Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  text-decoration: underline dotted;
  /* 2 */
}

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b,
strong {
  font-weight: inherit;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/**
 * Add the correct font style in Android 4.3-.
 */
dfn {
  font-style: italic;
}

/**
 * Add the correct background and color in IE 9-.
 */
mark {
  background-color: #ff0;
  color: #000;
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
audio,
video {
  display: inline-block;
}

/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Remove the border on images inside links in IE 10-.
 */
img {
  border-style: none;
}

/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
  overflow: hidden;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: sans-serif;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none;
}

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}

/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */
}

/**
 * Remove the default vertical scrollbar in IE.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}

/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */
details,
menu {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Scripting
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
canvas {
  display: inline-block;
}

/**
 * Add the correct display in IE.
 */
template {
  display: none;
}

/* Hidden
   ========================================================================== */
/**
 * Add the correct display in IE 10-.
 */
[hidden] {
  display: none;
}

/*.gv-select,*/
input[type="text"],
input[type="email"],
input[type="password"],
textarea {
  display: block;
  background-color: white;
  color: black;
  font-size: 0.9375em;
  padding: 7px;
  margin: 10px 0;
  box-sizing: border-box;
  border-color: #e2e2e2;
  border-width: 1px;
  border-style: solid;
  max-width: 100%;
  -webkit-appearance: none;
}

html,
body,
button,
input,
optgroup,
select,
textarea {
  font-family: "dinweb", Helvetica, Arial, sans-serif;
}

* {
  box-sizing: border-box;
}

.grid {
  -webkit-hyphens: manual;
      -ms-hyphens: manual;
          hyphens: manual;
}

a {
  color: #444;
}

textarea {
  max-width: 100%;
}

.node-landingpage.node-unpublished > header {
  max-width: 1220px;
  display: block;
  margin: 20px auto;
}

/*
.node-landingpage > header > h2 {
  @include visuallyhidden();
}
*/
.teaser.node-unpublished.node-article.node-teaser {
  background: none;
}

.teaser.node-unpublished.node-article.node-teaser:before {
  content: "UNVERÖFFENTLICHT";
  color: #cc0000;
  position: absolute;
  background: #fff;
  padding-right: 10px;
}

.theme-boell_thema a.feed-icon {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  white-space: nowrap;
}

.layout-container {
  overflow: hidden;
}

/**
 * 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: 500px) {
  .admin-menu #header {
    margin-top: 100px;
  }
}

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

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

/**
 * Some styling for the tabs
 */
.page-header {
  position: relative;
  margin: 0 auto;
  max-width: 1220px;
  padding-top: 20px;
}

@media all and (min-width: 1000px) {
  .page-header {
    margin-bottom: 14px;
  }
}

/* comments update 2017 https://github.com/palasthotel/boell/issues/3058 */
.comment-form-section {
  max-width: 800px;
  margin: 0 auto 40px auto;
}

.comment-form-wrapper {
  clear: both;
  margin: 0px auto 0 auto;
}

.js .comment-form-wrapper {
  max-height: 0;
  opacity: 0;
  visibility: hidden;
  overflow: hidden;
  -webkit-transition: max-height 0.3s ease-in-out, opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
  transition: max-height 0.3s ease-in-out, opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
}

.comment-form-wrapper.is-expanded {
  max-height: 2000px;
  opacity: 1;
  visibility: visible;
  margin-bottom: 50px;
}

.comment-form-toggler {
  margin-top: 20px;
  cursor: pointer;
  background-color: #f1f1f1;
  border: 1px solid #e2e2e2;
  -webkit-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
  padding: 7px 7px 5px 7px;
  font-weight: 700;
  font-size: 15px;
  line-height: 17px;
  text-align: center;
  color: #444;
  display: inline-block;
}

.no-js .comment-form-toggler, .comment-form-toggler.is-hidden {
  display: none;
}

.comment-form-toggler:hover {
  opacity: 0.8;
}

@media all and (min-width: 700px) {
  .comment-form-toggler {
    float: right;
    margin-left: 70px;
    margin-top: 30px;
  }
}

.comment-form-counter {
  margin-top: 40px;
}

@media all and (min-width: 700px) {
  .comment-form-counter {
    float: left;
  }
}

.comment-form #edit-notify-type.form-radios {
  display: none !important;
}

/* comments update - ticket https://github.com/palasthotel/boell/issues/2607 */
section#comments {
  clear: both;
  margin-top: 50px;
  margin-left: auto;
  margin-right: auto;
}

#comment-body-add-more-wrapper .resizable-textarea {
  display: block;
}

.grippie {
  display: none;
}

.node-article.has-comments.comments-closed .field-name-count-comments-teaser, .node-article.has-comments.comments-open .field-name-count-comments-teaser, .node-article.has-no-comments.comments-open .field-name-count-comments-teaser {
  display: inline-block;
}

.node-article.has-comments.comments-closed .field-name-count-comments-code-field, .node-article.has-comments.comments-open .field-name-count-comments-code-field, .node-article.has-no-comments.comments-open .field-name-count-comments-code-field {
  display: block;
}

.node-article.has-no-comments.comments-closed .field-name-count-comments-teaser,
.node-article.has-no-comments.comments-closed .field-name-count-comments-code-field {
  display: none;
}

.node-unpublished.node-article.node-teaser:before,
.node-unpublished.node-article.view-mode-full .grid-box-article:before {
  content: "UNPUBLISHED";
  color: #cc0000;
}

.node-unpublished.node-article.node-teaser {
  background-color: #f1f1f1;
}

.field-name--comments {
  clear: both;
  margin-top: 25px;
}

.comments,
.comment__section {
  border-style: solid;
  border-width: 3px 0 0 0;
  clear: both;
  margin-top: 50px;
  padding: 8px 0 25px 0;
}

.comments .comment,
.comment__section .comment {
  padding: 20px 0;
  border-top: 1px solid #e2e2e2;
  max-width: 800px;
  margin: 0 auto;
}

.comments h2.title,
.comment__section h2.title {
  font-weight: 600;
  font-size: 15px !important;
  line-height: 17px !important;
  text-transform: uppercase;
  margin-top: 30px;
}

.comments .submitted,
.comment__section .submitted {
  color: #999;
  font-size: 15px;
  line-height: 17px;
  text-decoration: none;
  text-align: right;
  margin-bottom: -20px;
}

.comments .permalink,
.comment__section .permalink {
  color: #999;
  margin-left: 5px;
  text-decoration: none;
}

.comments .permalink:before,
.comment__section .permalink:before {
  content: "(";
}

.comments .permalink:after,
.comment__section .permalink:after {
  content: ")";
}

.comments .field-name-comment-body,
.comments .field-name-comment-body p,
.comment__section .field-name-comment-body,
.comment__section .field-name-comment-body p {
  font-size: 17px;
  line-height: 22px;
  color: #333;
}

.comments .field-name-comment-body label,
.comment__section .field-name-comment-body label {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  white-space: nowrap;
}

.comments .comment-form label,
.comment__section .comment-form label {
  font-size: 15px;
  line-height: 20px;
  display: inline-block;
}

.comments .comment-form label.option,
.comment__section .comment-form label.option {
  text-transform: none;
}

.comments .comment-form input[type="checkbox"] ~ label,
.comment__section .comment-form input[type="checkbox"] ~ label {
  display: inline;
}

.comments .comment-form .description,
.comment__section .comment-form .description {
  font-size: 15px;
  line-height: 17px;
  display: block;
  padding: 0 0 5px 0;
}

.comments .comment-form .form-item,
.comment__section .comment-form .form-item {
  margin-top: 20px;
}

.comments .comment-form .form-textarea,
.comment__section .comment-form .form-textarea {
  background-color: #f1f1f1;
  width: 100%;
}

.comments .comment-form .form-submit,
.comment__section .comment-form .form-submit {
  margin-top: 0;
}

.comments .comment-form .form-item-notify,
.comment__section .comment-form .form-item-notify {
  margin: 6px 0;
}

.comments .pager,
.comment__section .pager {
  margin: 0 -25px 22px -25px !important;
  border-bottom: 1px solid #e2e2e2;
  padding: 0 25px 22px 25px;
}

#edit-comment-body-und-0-format {
  display: none;
}

.comment + .comment-form.title {
  padding: 20px 25px 0 25px;
  border-top: 1px solid #e2e2e2;
  margin: 0 -25px;
}

/* comments - admin links */
.links.inline {
  margin: 10px 0;
  padding: 0;
}

.links.inline li {
  display: inline;
  margin-right: 10px;
  font-size: 13px;
}

.ds-article li {
  color: #444;
  font-size: 17px;
  line-height: 25px;
}

.commentrules {
  text-align: right;
  font-size: 15px;
}

.comment__section {
  padding-left: 10px;
  padding-right: 10px;
  border: none;
}

.form-item {
  margin-top: 20px;
  margin-bottom: 20px;
}

.form-type-checkbox > input {
  float: left;
  margin-right: 6px;
}

#edit-notify-type .form-item-notify-type {
  display: inline;
  margin-left: 0;
}

#edit-notify-type .form-item-notify-type > input.form-radio {
  margin-right: 6px;
}

#edit-notify-type .form-item-notify-type > label {
  display: inline;
}

.ph-license {
  font-size: 13px;
  line-height: 17px;
  color: #999;
  margin: 10px 0;
}

.ph-license a {
  color: #999;
}

.ph-license-img {
  border: 0;
  width: 80px;
  height: 15px;
  margin: 0 6px -2px 6px;
  display: inline;
}

.ph-license-creator:after {
  content: ".";
  color: #999;
}

.ph-license-wrapper-img {
  display: block;
  max-width: 100%;
}

.article__image .ph-license-wrapper-img {
  display: table;
  margin: 0 auto;
}

.article__image .ph-license-wrapper-img .boe-teaser-with-license {
  width: 100%;
  height: auto;
  display: inline-block;
}

.ph-license-wrapper-img > img,
.ph-license-wrapper-img > a > img {
  display: block !important;
  float: none !important;
  border-width: 0 !important;
  margin: 0 0 4px 0;
  max-width: 100%;
}

.ph-license-wrapper-img > .ph-license {
  display: block;
  margin-bottom: 10px;
  font-family: "dinweb", Helvetica, Arial, sans-serif;
}

.article__image .ph-license-wrapper-img > .ph-license {
  display: table-caption;
  caption-side: bottom;
}

.field-name-field-event-image .ph-license-wrapper-img > .ph-license,
.field-name-field-teaser-image-flat .ph-license-wrapper-img > .ph-license,
.field-name-field-image-person .ph-license-wrapper-img > .ph-license {
  margin-top: 0;
}

.view-mode-teaser_main .ph-license {
  margin-bottom: 20px;
}

/* https://github.com/palasthotel/boell/issues/1878#issuecomment-68696093 */
.grid-box-article a .ph-license {
  display: inline-block;
  text-decoration: none !important;
}

/*
a[rel="license"],
.ph-license-wrapper p, .ph-license-wrapper a,
.ph-license-wrapper-img p, .ph-license-wrapper-img a,
.ph-license p, .ph-license a {
  font-size: 13px !important;
  line-height: 17px !important;
  color: $gray-4 !important;
  margin: 10px 0 !important;
}
*/
.node-infobox {
  background-color: #EBEBEB;
  width: 88%;
  padding: 5%;
  margin-top: 2em;
  margin-bottom: 2em;
  position: relative;
  clear: both;
}

.node-infobox .boe-field-infobox {
  display: inline-block;
}

.node-infobox .boe-field-infobox-subject {
  color: black !important;
  position: relative;
  width: 95%;
  padding-right: 3%;
  padding-top: 1em;
  padding-bottom: 1em;
  border-bottom: 1px solid lightgrey;
  text-transform: uppercase;
  clear: both;
  cursor: pointer;
}

.node-infobox .boe-field-infobox-subject.is-visible {
  font-weight: bold;
}

.node-infobox .boe-field-infobox-text {
  color: black !important;
  width: 95%;
  padding-right: 3%;
  margin-top: 1.25em;
  margin-bottom: 1em;
  margin-left: 0;
}

.node-infobox .boe-field-infobox-text > p:first-child {
  margin-top: 0;
}

.node-infobox .boe-field-infobox-text.is-visible {
  display: inline-block;
}

.node-infobox .boe-field-infobox-text.is-hidden {
  display: none;
}

.node-infobox.node-portraitbox .boe-field-infobox {
  display: inline-block;
}

.node-infobox.node-portraitbox .boe-field-portraitbox-image {
  width: 100%;
  margin-bottom: 7%;
}

.node-infobox.node-portraitbox .boe-field-portraitbox-text {
  width: 100%;
}

.node-infobox.node-portraitbox .boe-field-portraitbox-text > p:first-child {
  margin-top: 0;
}

@media all and (min-width: 1000px) {
  .node-infobox {
    width: 1220px;
    margin-left: -210px;
    margin-right: -210px;
  }
  #content > .node-infobox {
    margin-left: -120px;
  }
  .node-infobox {
    background-color: #EBEBEB;
    box-sizing: border-box;
    padding: 2.5em;
    margin-top: 2.5em;
    margin-bottom: 2.5em;
    position: relative;
    clear: both;
  }
  .node-infobox .boe-field-infobox {
    display: inline-block;
  }
  .node-infobox .boe-field-infobox-subject {
    position: absolute;
    left: 2.5em;
    width: 20%;
    padding-right: 5%;
    padding-top: 1em;
    padding-bottom: 1em;
    border-bottom: 1px solid lightgrey;
    text-transform: uppercase;
    clear: none;
  }
  html[dir="rtl"] .node-infobox .boe-field-infobox-subject {
    right: 2.5em;
    padding-right: 0;
  }
  .node-infobox .boe-field-infobox-subject.is-visible {
    font-weight: bold;
  }
  .node-infobox .boe-field-infobox-text {
    width: 68%;
    margin-left: 30%;
    margin-top: 1em;
    margin-right: 0;
  }
  html[dir="rtl"] .node-infobox .boe-field-infobox-text {
    margin-right: 30%;
    margin-left: 0;
  }
  .node-infobox .boe-field-infobox-text.is-visible {
    display: inline-block;
  }
  .node-infobox .boe-field-infobox-text.is-hidden {
    display: none;
  }
  .node-infobox.node-portraitbox .boe-field-infobox {
    display: inline-block;
  }
  .node-infobox.node-portraitbox .boe-field-portraitbox-image {
    float: left;
    width: 25%;
    max-width: 25%;
    margin-right: 2.5em;
    margin-bottom: 0;
  }
  .node-infobox.node-portraitbox .boe-field-portraitbox-text {
    float: left;
    width: 70%;
  }
}

.node-infobox {
  font-family: "dinweb", Helvetica, Arial, sans-serif;
  width: 100%;
}

@media all and (min-width: 1000px) {
  .node-infobox {
    margin-left: -90px;
    margin-right: -90px;
  }
}

@media all and (min-width: 1280px) {
  .node-infobox {
    margin-left: -140px;
    margin-right: -140px;
  }
}

@media all and (min-width: 1000px) {
  .node-infobox {
    width: calc(100% + 180px);
  }
}

@media all and (min-width: 1280px) {
  .node-infobox {
    width: calc(100% + 280px);
  }
}

.node-infobox .boe-field-infobox-subject {
  font-size: 16px;
}

.node-infobox .boe-field-portraitbox-image img {
  max-width: 100%;
  height: auto;
}

.node-infobox .boe-field-infobox-text,
.node-infobox .boe-field-portraitbox-text {
  color: #222;
  font-size: 17px;
  line-height: 1.59;
  margin-bottom: 0;
  text-align: left;
}

.node-infobox .boe-field-infobox-text h2:first-child,
.node-infobox .boe-field-portraitbox-text h2:first-child {
  margin-top: 0;
}

.node-infobox .boe-field-infobox-text p,
.node-infobox .boe-field-portraitbox-text p {
  font-size: 17px;
}

.boe-footer-wrapper {
  padding: 10px;
}

.boe-footer-col {
  display: none;
}

.boe-footer-copyright {
  color: #333;
  font-size: 13px;
  text-align: center;
  font-weight: 700;
}

@media all and (min-width: 700px) {
  .boe-footer-copyright {
    text-align: left;
    position: absolute;
    right: 0;
    top: 0;
    line-height: 44px;
    padding-top: 2px;
  }
}

.boe-footer-bottom {
  font-size: 13px;
  line-height: 17px;
  text-align: center;
  margin-top: 5px;
}

.boe-footer-bottom .menu > li > a {
  text-decoration: none;
}

@media all and (min-width: 700px) {
  .boe-footer-bottom .menu > li {
    width: auto;
    padding: 0 20px 0 0;
    display: inline-block;
  }
}

@media all and (min-width: 700px) {
  .boe-footer-bottom {
    clear: both;
    display: block;
    text-align: left;
  }
  .region-footer-bottom > .boe-footer-bottom > .boe-footer-bottom {
    max-width: 70%;
  }
}

.boe-footer-top .block__title {
  margin-bottom: 13px;
  font-size: 15px;
  line-height: 17px;
  text-transform: uppercase;
}

.boe-footer-top .menu-name-menu-footer-seo-links .menu {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}

.boe-footer-top .menu-name-menu-footer-seo-links .menu__item {
  margin-right: 20px;
}

.boe-footer-bottom .menu > li > a,
.boell-copyright-footer-btn {
  color: #333;
  display: inline-block;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.3;
  padding-top: 2px;
}

.boe-footer-bottom .menu > li > a:hover,
.boell-copyright-footer-btn:hover {
  color: #f1f1f1;
  background-color: transparent;
}

.boe-footer-bottom .menu > li > a.active,
.boell-copyright-footer-btn.active {
  text-decoration: underline;
}

.boe-footer-partner {
  display: none;
}

.boe-footer-col h2.block__title {
  color: white;
  font-size: 13px;
  line-height: 16px;
  margin-bottom: 6px;
  font-weight: 700;
  text-transform: uppercase;
}

@media all and (min-width: 700px) {
  .boe-footer-top-wrapper {
    padding: 36px 10px 33px 10px;
    max-width: 800px;
    margin: 0 auto;
  }
  .boe-footer-top {
    background-color: #f1f1f1;
  }
  .boe-footer-top .expanded {
    float: left;
    width: 18%;
    margin-right: 2%;
  }
  .boe-footer-top .expanded > a,
  .boe-footer-top .collapsed > a {
    font-size: 13px;
    line-height: 20px;
    font-weight: 700;
    color: #333;
  }
  .boe-footer-top .menu-name-menu-taxonomy > .menu > li {
    width: 100%;
  }
  .boe-footer-top .menu-name-menu-taxonomy > .menu > li > a {
    display: none;
  }
  .boe-footer-top .menu-name-menu-taxonomy > .menu > li > .menu > .leaf {
    display: none;
  }
  .boe-footer-top .menu {
    list-style-type: none;
  }
  .boe-footer-top .leaf {
    font-size: 13px;
    font-weight: 400;
    line-height: 16px;
    margin-top: 6px;
    color: #333;
  }
  .boe-footer-top a {
    text-decoration: none;
  }
  .boe-footer-top a.active {
    text-decoration: underline;
  }
  .boe-footer-wrapper {
    padding: 40px 10px 0 10px;
    max-width: 800px;
    margin: 0 auto;
  }
  .boe-footer-col {
    width: 23%;
    float: left;
    display: block;
    margin-right: 2%;
  }
  .boe-footer-menu {
    line-height: 16px;
    margin-bottom: 22px;
    font-size: 13px;
    font-weight: 400;
  }
  .boe-footer-menu > .menu > li {
    margin-right: 0;
    margin-left: 0;
  }
  .boe-footer-menu p {
    line-height: 16px;
    font-size: 13px;
  }
  .boe-footer-menu .block-title {
    color: white;
    font-size: 13px;
    line-height: 16px;
    margin-bottom: 6px;
    font-weight: 700;
    text-transform: uppercase;
  }
  .boe-footer-menu .leaf {
    font-size: 13px;
    font-weight: 400;
    line-height: 16px;
    margin: 6px 0 0 0;
    color: #333;
  }
  .boe-footer-menu a {
    text-decoration: none;
  }
  .boe-footer-menu a:hover {
    color: white;
  }
  .boe-footer-menu a.active {
    text-decoration: underline;
  }
  .boe-footer-menu .expanded,
  .boe-footer-menu .collapsed {
    font-size: 13px;
    line-height: 22px;
    font-weight: 700;
  }
  .boe-footer-menu .expanded > a,
  .boe-footer-menu .collapsed > a {
    color: #333;
  }
  .boe-footer-menu .expanded > a:hover,
  .boe-footer-menu .collapsed > a:hover {
    color: white;
  }
  .boe-footer-menu .expanded > a.active,
  .boe-footer-menu .collapsed > a.active {
    text-decoration: underline;
  }
  .boe-footer-menu .expanded > .menu,
  .boe-footer-menu .collapsed > .menu {
    margin-bottom: 22px;
  }
  .boe-footer-menu .menu {
    list-style-type: none;
  }
  .boe-footer-menu.active, .boe-footer-menu.active-trail {
    color: #fd7232;
  }
  .boe-footer-partner {
    font-size: 13px;
    line-height: 17px;
    color: #333;
    display: block;
    margin-top: 10px;
  }
}

@media all and (min-width: 1000px) {
  .boe-footer-top-wrapper,
  .boe-footer-wrapper {
    width: 800px;
    margin: 0 auto;
  }
  .boe-footer-wrapper {
    width: 980px;
  }
}

.boell-copyright-footer {
  position: relative;
  margin-top: 30px;
  padding: 16px 16px 0 16px;
  background: rgba(0, 0, 0, 0.2);
  font-size: 14px;
}

@media all and (min-width: 1000px) {
  .boell-copyright-footer {
    padding: 24px 24px 0 24px;
  }
}

.boell-copyright-footer .close {
  position: absolute;
  top: 15px;
  right: 15px;
  font-size: 24px;
  font-weight: bold;
  cursor: pointer;
}

.boell-copyright-footer .above {
  margin-bottom: 30px;
}

@media all and (min-width: 700px) {
  .boell-copyright-footer .list-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
}

.boell-copyright-footer .list-wrapper .authorinfos {
  padding: 0 20px;
}

.boell-copyright-footer .list-wrapper .authorinfos a {
  color: inherit;
}

.boe-theme-boell-blue .boell-copyright-footer .list-wrapper .above, .boe-theme-boell-blue
.boell-copyright-footer .list-wrapper .authorinfos, .boe-theme-boell-blue
.boell-copyright-footer .list-wrapper .close {
  color: white;
}

.boe-theme-boell-dark-green .boell-copyright-footer .list-wrapper .above, .boe-theme-boell-dark-green
.boell-copyright-footer .list-wrapper .authorinfos, .boe-theme-boell-dark-green
.boell-copyright-footer .list-wrapper .close {
  color: white;
}

.boe-theme-boell-red .boell-copyright-footer .list-wrapper .above, .boe-theme-boell-red
.boell-copyright-footer .list-wrapper .authorinfos, .boe-theme-boell-red
.boell-copyright-footer .list-wrapper .close {
  color: white;
}

.boe-theme-boell-turquoise .boell-copyright-footer .list-wrapper .above, .boe-theme-boell-turquoise
.boell-copyright-footer .list-wrapper .authorinfos, .boe-theme-boell-turquoise
.boell-copyright-footer .list-wrapper .close {
  color: white;
}

.boe-theme-brandenburg-blue .boell-copyright-footer .list-wrapper .above, .boe-theme-brandenburg-blue
.boell-copyright-footer .list-wrapper .authorinfos, .boe-theme-brandenburg-blue
.boell-copyright-footer .list-wrapper .close {
  color: white;
}

.boell-copyright-footer .list-wrapper .entry {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 30%;
  -webkit-flex: 30% 0;
      -ms-flex: 30% 0;
          flex: 30% 0;
  margin-bottom: 24px;
}

.boell-copyright-footer .list-wrapper .entry .img {
  width: 30%;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}

.boell-copyright-footer .list-wrapper .entry .img img {
  width: 100%;
  height: auto;
}

@media all and (min-width: 700px) {
  .boell-copyright-footer .list-wrapper .entry {
    -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
            flex-basis: 50%;
  }
}

.boell-copyright-footer .list-wrapper .entry .license {
  margin-top: 5px;
  font-size: 12px;
  color: #444;
}

.boell-copyright-footer .list-wrapper .entry .license a {
  color: inherit;
}

.boe-theme-boell-blue .boell-copyright-footer .list-wrapper .entry .license {
  color: #e2e2e2;
}

.boe-theme-boell-dark-green .boell-copyright-footer .list-wrapper .entry .license {
  color: #e2e2e2;
}

.boe-theme-boell-red .boell-copyright-footer .list-wrapper .entry .license {
  color: #e2e2e2;
}

.boe-theme-boell-turquoise .boell-copyright-footer .list-wrapper .entry .license {
  color: #e2e2e2;
}

.boe-theme-brandenburg-blue .boell-copyright-footer .list-wrapper .entry .license {
  color: #e2e2e2;
}

.boell-copyright-footer-btn-open {
  color: inherit;
}

.boe-footer-top {
  max-width: none;
  width: 100%;
}

.boe-footer-wrapper {
  max-width: 980px;
  margin-left: auto;
  margin-right: auto;
}

.region-footer {
  background-color: #91c800;
}

.region-footer-bottom {
  border-color: #666;
}

.boe-footer-bottom .menu-name-menu-footer .menu__item {
  display: inline-block;
  margin-right: 6px;
}

.boe-footer-bottom .menu-name-menu-footer .menu__item a {
  text-decoration: none;
}

.region-footer-top {
  display: none;
}

@media all and (min-width: 700px) {
  .region-footer-top {
    display: block;
  }
}

.region-footer {
  line-height: 15px;
}

@media all and (min-width: 700px) {
  .region-footer {
    height: auto;
    line-height: 20px;
  }
}

.boe-footer-bottom {
  font-size: 13px;
  line-height: 17px;
  text-align: center;
  margin-top: 5px;
}

@media all and (min-width: 700px) {
  .boe-footer-bottom {
    display: block;
    text-align: left;
  }
}

.region-footer-top ol,
.region-footer-top ul,
.region-footer ol,
.region-footer ul,
.region-page-bottom ol,
.region-page-bottom ul {
  padding-left: 0;
  margin: 0;
  list-style-type: none;
}

.region-footer-top li,
.region-footer li,
.region-page-bottom li {
  margin: 0;
}

@media all and (min-width: 700px) {
  .region-footer-bottom {
    position: relative;
    clear: both;
    border-width: 1px 0 0 0;
    border-style: solid;
    padding: 10px 0;
  }
}

.print-copyright-container {
  display: none;
}

@media print {
  html, body {
    margin: 0;
    padding: 0;
    height: auto;
    page-break-after: avoid;
    page-break-before: avoid;
  }
  .layout-tabs {
    display: none;
  }
  @page {
    size: auto;
    margin: 15mm 25mm 25mm 20mm;
  }
  .print-copyright-container {
    padding: 10px;
    display: block;
  }
  #header .boell-thema-logo__image {
    height: 1cm;
  }
  #header * {
    margin: 0;
  }
  #header .bt-meta {
    margin-top: 10px;
  }
  #header .action-links {
    display: none;
  }
  #block-boell-thema-content .article__head .article__title {
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 0;
  }
  #block-boell-thema-content .article__head .article__title-inner {
    font-size: 16pt;
    font-weight: bold;
  }
  #block-boell-thema-content .article__head .article__author-name {
    margin-bottom: 20px;
  }
  #block-boell-thema-content .article__head .copyright-only {
    display: none;
  }
  #block-boell-thema-content .article__lead p {
    font-size: 11pt;
    hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
  }
  #block-boell-thema-content .article__lead .field--name-field-content-genre {
    float: none;
  }
  #block-boell-thema-content .article__meta {
    display: none;
  }
  #block-boell-thema-content .article__meta-print {
    display: block;
    font-size: 12pt;
    line-height: 15pt;
    font-weight: bold;
    padding-top: 20px;
    margin-top: 20px;
    border-top: 1px solid lightgrey;
  }
  #block-boell-thema-content .article__meta-print a {
    box-shadow: none;
  }
  #block-boell-thema-content .article__body {
    margin-bottom: 0px;
  }
  #block-boell-thema-content .article__body p, #block-boell-thema-content .article__body li {
    font-size: 10pt;
    hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
    margin: 0;
  }
  #block-boell-thema-content .article__body h2, #block-boell-thema-content .article__body h3 {
    font-size: 12pt;
    page-break-after: avoid;
    -webkit-column-break-after: avoid;
            break-after: avoid;
    margin: 0;
    margin-top: 0.6cm;
  }
  #block-boell-thema-content .article__license {
    font-size: 10pt;
  }
  #block-boell-thema-content .article__license a {
    text-decoration: none;
  }
  #block-boell-thema-content .share-buttons__list, #block-boell-thema-content .article__footer, #block-boell-thema-content footer {
    display: none;
  }
  #block-boell-thema-content figure {
    display: block;
    margin: auto;
    max-width: 50%;
    page-break-inside: avoid;
  }
  #block-boell-thema-content .entity-infobox {
    page-break-inside: avoid;
  }
  #block-boell-thema-content .entity-infobox .boe-field-infobox-subject {
    font-size: 12pt;
    font-weight: bold;
  }
  #block-boell-thema-content .entity-infobox .boe-field-infobox-text {
    display: block;
  }
  footer {
    display: none;
  }
}

/**
 * This file provides very basic styles for a frontend Grid, including:
 * - Basic mobile responsiveness:
 *   - One desktop breakpoint
 *   - Grid slots with 100% width on mobile
 *   - 1d4 slots and smaller have a 50% width on mobile
 * - Basic horizontal floating of all kinds of slots.
 *
 * It does NOT provide any vertical styling.
 *
 * @author Kim-Christian Meyer <kim.meyer@palasthotel.de>
 */
.grid-box-image img {
  display: block;
  margin: 0;
  width: 100%;
}

.grid-box-image .grid-image-license img {
  width: auto;
  display: inline;
  margin: 0 6px;
}

.grid-box-image .grid-box-epilog {
  margin-top: 2px;
}

.grid-box-image + .grid-box {
  margin-top: 5px;
}

.grid-box-image + .grid-box.boe-box-highlighted {
  margin-top: 0;
}

.grid-box-image + .grid-box.boe-box-highlighted > .grid-box-inner {
  border-top: 0;
}

.grid-box-image .copyright-only {
  float: right;
  color: #999;
  font-family: "dinweb", Helvetica, Arial, sans-serif;
  font-size: 13px;
  line-height: 17px;
  margin: 7px 0 7px;
}

.grid-box-image .copyright-only a {
  color: #999;
}

.grid-box-image .teaser__text {
  color: #999;
  display: block;
  font-family: "dinweb", Helvetica, Arial, sans-serif;
  font-size: 13px;
  line-height: 17px;
  margin: 7px 0 7px;
}

.grid-box-image .teaser__text a {
  color: #999;
}

.grid-box-image_with_license img {
  display: block;
  width: 100%;
}

.grid-box-image_with_license .ph-license-img {
  background: black;
  display: inline;
  width: auto;
}

.grid-slot-1d4 .grid-box-image img {
  margin-bottom: 3px;
}

.grid p.grid-image-caption {
  color: #999;
  font-size: 13px;
  line-height: 17px;
}

.grid-box-image-license {
  display: block;
  margin-top: 7px !important;
}

@media all and (min-width: 1000px) {
  .grid-box-image {
    display: block;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    width: 100%;
    height: auto;
    overflow: hidden;
    position: relative;
  }
  .grid-box-image img {
    display: block;
    width: 100%;
    height: auto;
  }
}

.grid-container--vertically-centered.grid-container .grid-slots-wrapper .grid-slot.grid-slot-has-one-box > .grid-box {
  border: none;
  padding-top: 0;
}

@media all and (min-width: 1000px) {
  .grid-container--vertically-centered .grid-slots-wrapper {
    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;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

.grid-container {
  margin: 0 0 20px;
}

.grid-container-title {
  color: #91c800;
  font-size: 16px;
  font-weight: normal;
  letter-spacing: 1px;
  margin: 20px 0 14px;
  text-transform: uppercase;
}

@media all and (min-width: 500px) {
  .grid-container-title {
    font-size: 20px;
  }
}

@media all and (min-width: 700px) {
  .grid-container-title {
    font-size: 29px;
    letter-spacing: 2.2px;
  }
}

.call_to_action-box {
  background-size: cover;
  background-position: center;
  padding: 15px 15px 30px 15px;
  text-align: center;
  background-color: #f6f6f6;
}

.call_to_action-box.call_to_action-box__white-text .call_to_action-box__teaser * {
  color: white;
  text-rendering: optimizeLegibility;
  text-shadow: 0 0 20px black;
}

.call_to_action-box .call_to_action-box__cta {
  color: black;
  background-color: transparent;
}

.color--bildungswerk-blue .call_to_action-box .call_to_action-box__headline {
  color: #203c89;
}

.color--bildungswerk-blue .call_to_action-box .call_to_action-box__cta {
  background-color: #203c89 !important;
}

.color--bildungswerk-blue .call_to_action-box .call_to_action-box__cta {
  color: white;
  border-color: #203c89;
}

.color--bildungswerk-green .call_to_action-box .call_to_action-box__headline {
  color: #1b9438;
}

.color--bildungswerk-green .call_to_action-box .call_to_action-box__cta {
  background-color: #1b9438 !important;
}

.color--bildungswerk-green .call_to_action-box .call_to_action-box__cta {
  color: white;
  border-color: #1b9438;
}

.color--boell-blue .call_to_action-box .call_to_action-box__headline {
  color: #0e307f;
}

.color--boell-blue .call_to_action-box .call_to_action-box__cta {
  background-color: #0e307f !important;
}

.color--boell-blue .call_to_action-box .call_to_action-box__cta {
  color: white;
  border-color: #0e307f;
}

.color--boell-dark-green .call_to_action-box .call_to_action-box__headline {
  color: #45783a;
}

.color--boell-dark-green .call_to_action-box .call_to_action-box__cta {
  background-color: #45783a !important;
}

.color--boell-dark-green .call_to_action-box .call_to_action-box__cta {
  color: white;
  border-color: #45783a;
}

.color--boell-green .call_to_action-box .call_to_action-box__headline {
  color: #91c800;
}

.color--boell-green .call_to_action-box .call_to_action-box__cta {
  background-color: #91c800 !important;
}

.color--boell-green .call_to_action-box .call_to_action-box__cta {
  color: white;
  border-color: #91c800;
}

.color--boell-darkmode-black .call_to_action-box .call_to_action-box__headline {
  color: #000000;
}

.color--boell-darkmode-black .call_to_action-box .call_to_action-box__cta {
  background-color: #000000 !important;
}

.color--boell-darkmode-black .call_to_action-box .call_to_action-box__cta {
  color: white;
  border-color: #000000;
}

.color--boell-darkmode-grey .call_to_action-box .call_to_action-box__headline {
  color: #444444;
}

.color--boell-darkmode-grey .call_to_action-box .call_to_action-box__cta {
  background-color: #444444 !important;
}

.color--boell-darkmode-grey .call_to_action-box .call_to_action-box__cta {
  color: white;
  border-color: #444444;
}

.color--boell-orange .call_to_action-box .call_to_action-box__headline {
  color: #fd7232;
}

.color--boell-orange .call_to_action-box .call_to_action-box__cta {
  background-color: #fd7232 !important;
}

.color--boell-orange .call_to_action-box .call_to_action-box__cta {
  color: white;
  border-color: #fd7232;
}

.color--boell-red .call_to_action-box .call_to_action-box__headline {
  color: #cc0000;
}

.color--boell-red .call_to_action-box .call_to_action-box__cta {
  background-color: #cc0000 !important;
}

.color--boell-red .call_to_action-box .call_to_action-box__cta {
  color: white;
  border-color: #cc0000;
}

.color--boell-turquoise .call_to_action-box .call_to_action-box__headline {
  color: #008599;
}

.color--boell-turquoise .call_to_action-box .call_to_action-box__cta {
  background-color: #008599 !important;
}

.color--boell-turquoise .call_to_action-box .call_to_action-box__cta {
  color: white;
  border-color: #008599;
}

.color--boell-gray .call_to_action-box .call_to_action-box__headline {
  color: #e2e2e2;
}

.color--boell-gray .call_to_action-box .call_to_action-box__cta {
  background-color: #e2e2e2 !important;
}

.color--boell-gray .call_to_action-box .call_to_action-box__cta {
  color: white;
  border-color: #e2e2e2;
}

.color--boell-yellow .call_to_action-box .call_to_action-box__headline {
  color: #fac32f;
}

.color--boell-yellow .call_to_action-box .call_to_action-box__cta {
  background-color: #fac32f !important;
}

.color--boell-yellow .call_to_action-box .call_to_action-box__cta {
  color: white;
  border-color: #fac32f;
}

.color--brandenburg-blue .call_to_action-box .call_to_action-box__headline {
  color: #0064a7;
}

.color--brandenburg-blue .call_to_action-box .call_to_action-box__cta {
  background-color: #0064a7 !important;
}

.color--brandenburg-blue .call_to_action-box .call_to_action-box__cta {
  color: white;
  border-color: #0064a7;
}

.color--brandenburg-red .call_to_action-box .call_to_action-box__headline {
  color: #e02d34;
}

.color--brandenburg-red .call_to_action-box .call_to_action-box__cta {
  background-color: #e02d34 !important;
}

.color--brandenburg-red .call_to_action-box .call_to_action-box__cta {
  color: white;
  border-color: #e02d34;
}

.color--brandenburg-orange .call_to_action-box .call_to_action-box__headline {
  color: #f8ad14;
}

.color--brandenburg-orange .call_to_action-box .call_to_action-box__cta {
  background-color: #f8ad14 !important;
}

.color--brandenburg-orange .call_to_action-box .call_to_action-box__cta {
  color: white;
  border-color: #f8ad14;
}

.color--brandenburg-green .call_to_action-box .call_to_action-box__headline {
  color: #95bb2e;
}

.color--brandenburg-green .call_to_action-box .call_to_action-box__cta {
  background-color: #95bb2e !important;
}

.color--brandenburg-green .call_to_action-box .call_to_action-box__cta {
  color: white;
  border-color: #95bb2e;
}

.color--infohub-plastic .call_to_action-box .call_to_action-box__headline {
  color: #3B49BC;
}

.color--infohub-plastic .call_to_action-box .call_to_action-box__cta {
  background-color: #3B49BC !important;
}

.color--infohub-plastic .call_to_action-box .call_to_action-box__cta {
  color: white;
  border-color: #3B49BC;
}

.color--mid-green .call_to_action-box .call_to_action-box__headline {
  color: #91c800;
}

.color--mid-green .call_to_action-box .call_to_action-box__cta {
  background-color: #91c800 !important;
}

.color--mid-green .call_to_action-box .call_to_action-box__cta {
  color: white;
  border-color: #91c800;
}

.color--mid-orange .call_to_action-box .call_to_action-box__headline {
  color: #fd7232;
}

.color--mid-orange .call_to_action-box .call_to_action-box__cta {
  background-color: #fd7232 !important;
}

.color--mid-orange .call_to_action-box .call_to_action-box__cta {
  color: white;
  border-color: #fd7232;
}

.color--mid-pink .call_to_action-box .call_to_action-box__headline {
  color: #e075ac;
}

.color--mid-pink .call_to_action-box .call_to_action-box__cta {
  background-color: #e075ac !important;
}

.color--mid-pink .call_to_action-box .call_to_action-box__cta {
  color: white;
  border-color: #e075ac;
}

.color--mid-red .call_to_action-box .call_to_action-box__headline {
  color: #cc0000;
}

.color--mid-red .call_to_action-box .call_to_action-box__cta {
  background-color: #cc0000 !important;
}

.color--mid-red .call_to_action-box .call_to_action-box__cta {
  color: white;
  border-color: #cc0000;
}

.color--mid-turquoise .call_to_action-box .call_to_action-box__headline {
  color: #66cbcc;
}

.color--mid-turquoise .call_to_action-box .call_to_action-box__cta {
  background-color: #66cbcc !important;
}

.color--mid-turquoise .call_to_action-box .call_to_action-box__cta {
  color: white;
  border-color: #66cbcc;
}

.color--mid-yellow .call_to_action-box .call_to_action-box__headline {
  color: #fac32f;
}

.color--mid-yellow .call_to_action-box .call_to_action-box__cta {
  background-color: #fac32f !important;
}

.color--mid-yellow .call_to_action-box .call_to_action-box__cta {
  color: white;
  border-color: #fac32f;
}

.color--petrakelly-blue .call_to_action-box .call_to_action-box__headline {
  color: #2c4081;
}

.color--petrakelly-blue .call_to_action-box .call_to_action-box__cta {
  background-color: #2c4081 !important;
}

.color--petrakelly-blue .call_to_action-box .call_to_action-box__cta {
  color: white;
  border-color: #2c4081;
}

.color--petrakelly-green .call_to_action-box .call_to_action-box__headline {
  color: #008445;
}

.color--petrakelly-green .call_to_action-box .call_to_action-box__cta {
  background-color: #008445 !important;
}

.color--petrakelly-green .call_to_action-box .call_to_action-box__cta {
  color: white;
  border-color: #008445;
}

.color--petrakelly-grey .call_to_action-box .call_to_action-box__headline {
  color: #a49f99;
}

.color--petrakelly-grey .call_to_action-box .call_to_action-box__cta {
  background-color: #a49f99 !important;
}

.color--petrakelly-grey .call_to_action-box .call_to_action-box__cta {
  color: white;
  border-color: #a49f99;
}

.color--petrakelly-red .call_to_action-box .call_to_action-box__headline {
  color: #cb322d;
}

.color--petrakelly-red .call_to_action-box .call_to_action-box__cta {
  background-color: #cb322d !important;
}

.color--petrakelly-red .call_to_action-box .call_to_action-box__cta {
  color: white;
  border-color: #cb322d;
}

.color--petrakelly-yellow .call_to_action-box .call_to_action-box__headline {
  color: #fbe41d;
}

.color--petrakelly-yellow .call_to_action-box .call_to_action-box__cta {
  background-color: #fbe41d !important;
}

.color--petrakelly-yellow .call_to_action-box .call_to_action-box__cta {
  color: white;
  border-color: #fbe41d;
}

.color--state-green .call_to_action-box .call_to_action-box__headline {
  color: #91c800;
}

.color--state-green .call_to_action-box .call_to_action-box__cta {
  background-color: #91c800 !important;
}

.color--state-green .call_to_action-box .call_to_action-box__cta {
  color: white;
  border-color: #91c800;
}

.color--state-blue .call_to_action-box .call_to_action-box__headline {
  color: #0e307f;
}

.color--state-blue .call_to_action-box .call_to_action-box__cta {
  background-color: #0e307f !important;
}

.color--state-blue .call_to_action-box .call_to_action-box__cta {
  color: white;
  border-color: #0e307f;
}

.color--gwi-turquoise .call_to_action-box .call_to_action-box__headline {
  color: #3a9192;
}

.color--gwi-turquoise .call_to_action-box .call_to_action-box__cta {
  background-color: #3a9192 !important;
}

.color--gwi-turquoise .call_to_action-box .call_to_action-box__cta {
  color: white;
  border-color: #3a9192;
}

.color--gwi-red .call_to_action-box .call_to_action-box__headline {
  color: #fc3f83;
}

.color--gwi-red .call_to_action-box .call_to_action-box__cta {
  background-color: #fc3f83 !important;
}

.color--gwi-red .call_to_action-box .call_to_action-box__cta {
  color: white;
  border-color: #fc3f83;
}

.color--green-extra-dark .call_to_action-box .call_to_action-box__headline {
  color: #303c1b;
}

.color--green-extra-dark .call_to_action-box .call_to_action-box__cta {
  background-color: #303c1b !important;
}

.color--green-extra-dark .call_to_action-box .call_to_action-box__cta {
  color: white;
  border-color: #303c1b;
}

.color--greencampus-green .call_to_action-box .call_to_action-box__headline {
  color: #6bb232;
}

.color--greencampus-green .call_to_action-box .call_to_action-box__cta {
  background-color: #6bb232 !important;
}

.color--greencampus-green .call_to_action-box .call_to_action-box__cta {
  color: white;
  border-color: #6bb232;
}

.color--international-green .call_to_action-box .call_to_action-box__headline {
  color: #91c800;
}

.color--international-green .call_to_action-box .call_to_action-box__cta {
  background-color: #91c800 !important;
}

.color--international-green .call_to_action-box .call_to_action-box__cta {
  color: white;
  border-color: #91c800;
}

.color--international-orange .call_to_action-box .call_to_action-box__headline {
  color: #fd7232;
}

.color--international-orange .call_to_action-box .call_to_action-box__cta {
  background-color: #fd7232 !important;
}

.color--international-orange .call_to_action-box .call_to_action-box__cta {
  color: white;
  border-color: #fd7232;
}

.color--international-turquoise .call_to_action-box .call_to_action-box__headline {
  color: #008599;
}

.color--international-turquoise .call_to_action-box .call_to_action-box__cta {
  background-color: #008599 !important;
}

.color--international-turquoise .call_to_action-box .call_to_action-box__cta {
  color: white;
  border-color: #008599;
}

.color--gray-dark-1 .call_to_action-box .call_to_action-box__headline {
  color: #333;
}

.color--gray-dark-1 .call_to_action-box .call_to_action-box__cta {
  background-color: #333 !important;
}

.color--gray-dark-1 .call_to_action-box .call_to_action-box__cta {
  color: white;
  border-color: #333;
}

.color--gray-dark-2 .call_to_action-box .call_to_action-box__headline {
  color: #444;
}

.color--gray-dark-2 .call_to_action-box .call_to_action-box__cta {
  background-color: #444 !important;
}

.color--gray-dark-2 .call_to_action-box .call_to_action-box__cta {
  color: white;
  border-color: #444;
}

.color--gray-1 .call_to_action-box .call_to_action-box__headline {
  color: #666;
}

.color--gray-1 .call_to_action-box .call_to_action-box__cta {
  background-color: #666 !important;
}

.color--gray-1 .call_to_action-box .call_to_action-box__cta {
  color: white;
  border-color: #666;
}

.color--gray-2 .call_to_action-box .call_to_action-box__headline {
  color: #7c7c7c;
}

.color--gray-2 .call_to_action-box .call_to_action-box__cta {
  background-color: #7c7c7c !important;
}

.color--gray-2 .call_to_action-box .call_to_action-box__cta {
  color: white;
  border-color: #7c7c7c;
}

.color--gray-3 .call_to_action-box .call_to_action-box__headline {
  color: #999;
}

.color--gray-3 .call_to_action-box .call_to_action-box__cta {
  background-color: #999 !important;
}

.color--gray-3 .call_to_action-box .call_to_action-box__cta {
  color: white;
  border-color: #999;
}

.color--gray-light-1 .call_to_action-box .call_to_action-box__headline {
  color: #e2e2e2;
}

.color--gray-light-1 .call_to_action-box .call_to_action-box__cta {
  background-color: #e2e2e2 !important;
}

.color--gray-light-1 .call_to_action-box .call_to_action-box__cta {
  color: white;
  border-color: #e2e2e2;
}

.color--gray-light-2 .call_to_action-box .call_to_action-box__headline {
  color: #f1f1f1;
}

.color--gray-light-2 .call_to_action-box .call_to_action-box__cta {
  background-color: #f1f1f1 !important;
}

.color--gray-light-2 .call_to_action-box .call_to_action-box__cta {
  color: white;
  border-color: #f1f1f1;
}

.color--gray-light-3 .call_to_action-box .call_to_action-box__headline {
  color: #EBEBEB;
}

.color--gray-light-3 .call_to_action-box .call_to_action-box__cta {
  background-color: #EBEBEB !important;
}

.color--gray-light-3 .call_to_action-box .call_to_action-box__cta {
  color: white;
  border-color: #EBEBEB;
}

.call_to_action-box.transparent {
  background-color: transparent;
}

.call_to_action-box__logo {
  margin: 0 auto;
}

.call_to_action-box__headline {
  color: #91c800;
  margin-bottom: 0.5em;
  margin-top: 0.5em;
}

.call_to_action-box__teaser {
  color: #999;
  margin-bottom: 0.8em;
}

/* Böll-Thema-specific styles */
.grid-box--transparent .call_to_action-box {
  background-color: transparent;
}

.call_to_action-box__headline {
  font-family: "Noto Serif", Georgia, Palatino, "Palatino Linotype", FreeSerif, serif;
  font-weight: normal;
  color: #000;
  margin-bottom: 0.5em;
  margin-top: 0.5em;
  font-size: 32px;
}

.call_to_action-box__teaser {
  font-family: "dinweb", Helvetica, Arial, sans-serif;
  color: #666;
  font-size: 22px;
  line-height: 1.3;
}

.call_to_action-box__cta {
  font-family: "dinweb", Helvetica, Arial, sans-serif;
  margin: 30px auto 0 auto;
  padding: 17px 44px;
  display: block;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  border: 2px solid;
  font-size: 1.5em;
  text-transform: none;
  letter-spacing: 0;
  font-weight: 600;
  line-height: 1;
  text-align: center;
  text-decoration: none;
  -webkit-transition: all .4s ease;
  transition: all .4s ease;
  white-space: nowrap;
  background-color: transparent;
}

.call_to_action-box__cta:hover {
  background-color: #000;
  color: white;
}

.thematic-focus-box {
  background-position: center;
  background-size: cover;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-height: 400px;
  overflow: hidden;
  position: relative;
  text-rendering: optimizeLegibility;
  text-shadow: 0 0 10px black;
  margin-left: -10px;
  margin-right: -10px;
}

.thematic-focus-box h1 a, .thematic-focus-box h2 a, .thematic-focus-box h3 a, .thematic-focus-box h4 a, .thematic-focus-box h5 a, .thematic-focus-box h6 a {
  text-decoration: none;
}

@media all and (min-width: 1024px) {
  .thematic-focus-box {
    margin-left: 0;
    margin-right: 0;
  }
}

@media all and (min-width: 1024px) {
  .grid-slot-1d1 .thematic-focus-box {
    margin-left: calc(-50vw + 50%);
    margin-right: 0;
  }
}

@media all and (min-width: 1220px) {
  .grid-slot-1d1 .thematic-focus-box {
    margin-left: calc(-50vw + 50%);
    margin-right: calc(-50vw + 50%);
  }
}

.thematic-focus-box:before {
  background: rgba(0, 0, 0, 0.2);
  content: '';
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.thematic-focus-box__video {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  left: 0;
  -o-object-fit: cover;
     object-fit: cover;
}

.thematic-focus-box__video--right {
  bottom: 0;
  right: 0;
}

.thematic-focus-box__words {
  box-sizing: border-box;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  padding: 32px 32px 24px;
  position: relative;
  text-align: center;
}

@media all and (min-width: 760px) and (max-width: 1023.999px) {
  .grid-slot-1d1 .thematic-focus-box__words,
  .grid-slot-2d3 .thematic-focus-box__words,
  .grid-slot-1d3 .thematic-focus-box__words {
    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-right: 40px;
    text-align: left;
  }
  html[dir="rtl"] .grid-slot-1d1 .thematic-focus-box__words, html[dir="rtl"]
  .grid-slot-2d3 .thematic-focus-box__words, html[dir="rtl"]
  .grid-slot-1d3 .thematic-focus-box__words {
    text-align: right;
  }
}

@media all and (min-width: 1024px) {
  .grid-slot-1d1 .thematic-focus-box__words {
    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;
    max-width: 800px;
    padding-left: 0;
    padding-right: 8px;
    text-align: left;
  }
  html[dir="rtl"] .grid-slot-1d1 .thematic-focus-box__words {
    text-align: right;
  }
}

@media all and (min-width: 760px) {
  .thematic-focus-box__header {
    margin-top: 30px;
  }
}

.thematic-focus-box__intro {
  color: white;
  text-transform: uppercase;
  margin-bottom: -5px;
}

.thematic-focus-box__title {
  color: white;
  margin: 10px 0;
  overflow: visible;
  /* shadow */
}

.grid-box[class*="color--"] .thematic-focus-box__title {
  color: inherit;
}

.grid-slot-1d1 .thematic-focus-box__title,
.grid-slot-2d3 .thematic-focus-box__title {
  font-size: 28px;
  line-height: 1.1;
}

@media all and (min-width: 760px) {
  .grid-slot-1d1 .thematic-focus-box__title,
  .grid-slot-2d3 .thematic-focus-box__title {
    font-size: 32px;
    line-height: 1.2;
  }
}

.thematic-focus-box__title a {
  color: inherit;
}

.thematic-focus-box__title a:hover {
  color: inherit;
}

.thematic-focus-box__description {
  font-size: 15px;
  line-height: 1.3;
  color: white;
}

@media all and (min-width: 1024px) {
  .thematic-focus-box__description {
    line-height: 1.5;
  }
}

.thematic-focus-box__description p,
.thematic-focus-box__description a {
  color: inherit;
}

@media all and (min-width: 760px) {
  .thematic-focus-box__description p {
    max-width: 90%;
  }
  .grid-slot-1d1 .thematic-focus-box__description {
    font-size: 18px;
  }
}

.thematic-focus-box__more-link-wrapper {
  margin-bottom: 30px;
  padding: 40px 0 20px;
}

.thematic-focus-box__more-link {
  display: inline-block;
  font-weight: 600;
  text-shadow: 0 0 10px black;
  -webkit-transition: background-color 0.3s, color 0.3s;
  transition: background-color 0.3s, color 0.3s;
  text-decoration: none;
  color: white;
}

.thematic-focus-box__more-link:hover {
  text-shadow: none;
}

.thematic-focus-box__more-link span {
  background: rgba(0, 0, 0, 0.4);
  display: inline-block;
  line-height: 1.2;
  padding: 17px 24px;
}

@media all and (min-width: 760px) {
  .thematic-focus-box__more-link span {
    padding: 17px 44px;
  }
}

.thematic-focus-box__more-link:hover {
  color: black;
}

.thematic-focus-box__more-link:hover span {
  background-color: white;
}

.thematic-focus-box__more-link span {
  border: 2px solid white;
}

.color--bildungswerk-blue #203c89 .thematic-focus-box__more-link {
  background-color: bildungswerk-blue #203c89;
  text-shadow: none;
}

.color--bildungswerk-green #1b9438 .thematic-focus-box__more-link {
  background-color: bildungswerk-green #1b9438;
  text-shadow: none;
}

.color--boell-blue #0e307f .thematic-focus-box__more-link {
  background-color: boell-blue #0e307f;
  text-shadow: none;
}

.color--boell-dark-green #45783a .thematic-focus-box__more-link {
  background-color: boell-dark-green #45783a;
  text-shadow: none;
}

.color--boell-green #91c800 .thematic-focus-box__more-link {
  background-color: boell-green #91c800;
  text-shadow: none;
}

.color--boell-darkmode-black #000000 .thematic-focus-box__more-link {
  background-color: boell-darkmode-black #000000;
  text-shadow: none;
}

.color--boell-darkmode-grey #444444 .thematic-focus-box__more-link {
  background-color: boell-darkmode-grey #444444;
  text-shadow: none;
}

.color--boell-orange #fd7232 .thematic-focus-box__more-link {
  background-color: boell-orange #fd7232;
  text-shadow: none;
}

.color--boell-red #cc0000 .thematic-focus-box__more-link {
  background-color: boell-red #cc0000;
  text-shadow: none;
}

.color--boell-turquoise #008599 .thematic-focus-box__more-link {
  background-color: boell-turquoise #008599;
  text-shadow: none;
}

.color--boell-gray #e2e2e2 .thematic-focus-box__more-link {
  background-color: boell-gray #e2e2e2;
  text-shadow: none;
}

.color--boell-yellow #fac32f .thematic-focus-box__more-link {
  background-color: boell-yellow #fac32f;
  text-shadow: none;
}

.color--brandenburg-blue #0064a7 .thematic-focus-box__more-link {
  background-color: brandenburg-blue #0064a7;
  text-shadow: none;
}

.color--brandenburg-red #e02d34 .thematic-focus-box__more-link {
  background-color: brandenburg-red #e02d34;
  text-shadow: none;
}

.color--brandenburg-orange #f8ad14 .thematic-focus-box__more-link {
  background-color: brandenburg-orange #f8ad14;
  text-shadow: none;
}

.color--brandenburg-green #95bb2e .thematic-focus-box__more-link {
  background-color: brandenburg-green #95bb2e;
  text-shadow: none;
}

.color--infohub-plastic #3B49BC .thematic-focus-box__more-link {
  background-color: infohub-plastic #3B49BC;
  text-shadow: none;
}

.color--mid-green #91c800 .thematic-focus-box__more-link {
  background-color: mid-green #91c800;
  text-shadow: none;
}

.color--mid-orange #fd7232 .thematic-focus-box__more-link {
  background-color: mid-orange #fd7232;
  text-shadow: none;
}

.color--mid-pink #e075ac .thematic-focus-box__more-link {
  background-color: mid-pink #e075ac;
  text-shadow: none;
}

.color--mid-red #cc0000 .thematic-focus-box__more-link {
  background-color: mid-red #cc0000;
  text-shadow: none;
}

.color--mid-turquoise #66cbcc .thematic-focus-box__more-link {
  background-color: mid-turquoise #66cbcc;
  text-shadow: none;
}

.color--mid-yellow #fac32f .thematic-focus-box__more-link {
  background-color: mid-yellow #fac32f;
  text-shadow: none;
}

.color--petrakelly-blue #2c4081 .thematic-focus-box__more-link {
  background-color: petrakelly-blue #2c4081;
  text-shadow: none;
}

.color--petrakelly-green #008445 .thematic-focus-box__more-link {
  background-color: petrakelly-green #008445;
  text-shadow: none;
}

.color--petrakelly-grey #a49f99 .thematic-focus-box__more-link {
  background-color: petrakelly-grey #a49f99;
  text-shadow: none;
}

.color--petrakelly-red #cb322d .thematic-focus-box__more-link {
  background-color: petrakelly-red #cb322d;
  text-shadow: none;
}

.color--petrakelly-yellow #fbe41d .thematic-focus-box__more-link {
  background-color: petrakelly-yellow #fbe41d;
  text-shadow: none;
}

.color--state-green #91c800 .thematic-focus-box__more-link {
  background-color: state-green #91c800;
  text-shadow: none;
}

.color--state-blue #0e307f .thematic-focus-box__more-link {
  background-color: state-blue #0e307f;
  text-shadow: none;
}

.color--gwi-turquoise #3a9192 .thematic-focus-box__more-link {
  background-color: gwi-turquoise #3a9192;
  text-shadow: none;
}

.color--gwi-red #fc3f83 .thematic-focus-box__more-link {
  background-color: gwi-red #fc3f83;
  text-shadow: none;
}

.color--green-extra-dark #303c1b .thematic-focus-box__more-link {
  background-color: green-extra-dark #303c1b;
  text-shadow: none;
}

.color--greencampus-green #6bb232 .thematic-focus-box__more-link {
  background-color: greencampus-green #6bb232;
  text-shadow: none;
}

.color--international-green #91c800 .thematic-focus-box__more-link {
  background-color: international-green #91c800;
  text-shadow: none;
}

.color--international-orange #fd7232 .thematic-focus-box__more-link {
  background-color: international-orange #fd7232;
  text-shadow: none;
}

.color--international-turquoise #008599 .thematic-focus-box__more-link {
  background-color: international-turquoise #008599;
  text-shadow: none;
}

.color--gray-dark-1 #333 .thematic-focus-box__more-link {
  background-color: gray-dark-1 #333;
  text-shadow: none;
}

.color--gray-dark-2 #444 .thematic-focus-box__more-link {
  background-color: gray-dark-2 #444;
  text-shadow: none;
}

.color--gray-1 #666 .thematic-focus-box__more-link {
  background-color: gray-1 #666;
  text-shadow: none;
}

.color--gray-2 #7c7c7c .thematic-focus-box__more-link {
  background-color: gray-2 #7c7c7c;
  text-shadow: none;
}

.color--gray-3 #999 .thematic-focus-box__more-link {
  background-color: gray-3 #999;
  text-shadow: none;
}

.color--gray-light-1 #e2e2e2 .thematic-focus-box__more-link {
  background-color: gray-light-1 #e2e2e2;
  text-shadow: none;
}

.color--gray-light-2 #f1f1f1 .thematic-focus-box__more-link {
  background-color: gray-light-2 #f1f1f1;
  text-shadow: none;
}

.color--gray-light-3 #EBEBEB .thematic-focus-box__more-link {
  background-color: gray-light-3 #EBEBEB;
  text-shadow: none;
}

.thematic-focus-box__link {
  color: white;
  display: block;
  padding-bottom: 30px;
  text-decoration: none;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}

.thematic-focus-box__link:first-child {
  padding-top: 30px;
}

.thematic-focus-box__link + .thematic-focus-box__link:before {
  content: "";
  display: block;
  padding-bottom: 30px;
  border-top: 1px solid white;
}

@media all and (min-width: 760px) {
  .grid-slot-1d1 .thematic-focus-box__link + .thematic-focus-box__link:before {
    width: 140px;
  }
}

@media all and (min-width: 760px) and (max-width: 1023.999px) {
  .grid-slot-2d3 .thematic-focus-box__link + .thematic-focus-box__link:before,
  .grid-slot-1d1 .thematic-focus-box__link + .thematic-focus-box__link:before {
    width: 140px;
  }
}

.thematic-focus-box__link:hover {
  color: white;
  text-shadow: none;
  -webkit-transition: text-shadow 0.3s;
  transition: text-shadow 0.3s;
}

.thematic-focus-box__link-intro {
  display: block;
  text-transform: uppercase;
}

.thematic-focus-box__link-label {
  display: block;
  font-weight: 700;
  font-size: 20px;
  line-height: 1.2;
}

.thematic-focus-box__links {
  max-width: 70%;
  margin-left: auto;
  margin-right: auto;
}

@media all and (min-width: 760px) {
  .grid-slot-1d1 .thematic-focus-box__links {
    max-width: 40%;
    margin-left: 0;
    margin-right: 0;
  }
}

@media all and (min-width: 760px) and (max-width: 1023.999px) {
  .grid-slot-2d3 .thematic-focus-box__links,
  .grid-slot-1d1 .thematic-focus-box__links {
    max-width: 40%;
    margin-left: 0;
    margin-right: 0;
  }
}

/* Styling for when thematic focus box is used as a cover-container */
@media all and (min-width: 760px) {
  .grid-container.grid-container-thematic-cover--black, .grid-container.grid-container-thematic-cover--white {
    margin: 0;
    margin-bottom: 20px;
  }
}

.grid-container.grid-container-thematic-cover--black .grid-box-thematic_focus .thematic-focus-box, .grid-container.grid-container-thematic-cover--white .grid-box-thematic_focus .thematic-focus-box {
  min-height: 100vh;
}

@media all and (min-width: 760px) {
  .grid-container.grid-container-thematic-cover--black .grid-box-thematic_focus .thematic-focus-box, .grid-container.grid-container-thematic-cover--white .grid-box-thematic_focus .thematic-focus-box {
    min-height: 600px;
  }
}

.grid-container.grid-container-thematic-cover--black .grid-box-thematic_focus .thematic-focus-box__words, .grid-container.grid-container-thematic-cover--white .grid-box-thematic_focus .thematic-focus-box__words {
  margin: auto 0;
}

@media all and (min-width: 760px) {
  .grid-container.grid-container-thematic-cover--black .grid-box-thematic_focus .thematic-focus-box__words, .grid-container.grid-container-thematic-cover--white .grid-box-thematic_focus .thematic-focus-box__words {
    margin: auto 40px 0;
    max-width: 1200px;
  }
}

@media all and (min-width: 760px) {
  .grid-container.grid-container-thematic-cover--black .grid-box-thematic_focus .thematic-focus-box__header, .grid-container.grid-container-thematic-cover--white .grid-box-thematic_focus .thematic-focus-box__header {
    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;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
}

.grid-container.grid-container-thematic-cover--black .grid-box-thematic_focus .thematic-focus-box__links, .grid-container.grid-container-thematic-cover--white .grid-box-thematic_focus .thematic-focus-box__links {
  display: none;
}

@media all and (min-width: 760px) {
  .grid-container.grid-container-thematic-cover--black .grid-box-thematic_focus .thematic-focus-box__links, .grid-container.grid-container-thematic-cover--white .grid-box-thematic_focus .thematic-focus-box__links {
    display: block;
  }
}

.grid-container.grid-container-thematic-cover--black .grid-box-thematic_focus .teaser__title a, .grid-container.grid-container-thematic-cover--white .grid-box-thematic_focus .teaser__title a {
  color: inherit;
}

.grid-container.grid-container-thematic-cover--black .grid-box-thematic_focus .teaser__scroll-down, .grid-container.grid-container-thematic-cover--white .grid-box-thematic_focus .teaser__scroll-down {
  position: absolute;
  left: calc(50% - 35px);
  bottom: 50px;
  -webkit-animation: pulse 2s infinite;
          animation: pulse 2s infinite;
  -webkit-transform-origin: 50% 50%;
      -ms-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
}

@media all and (min-width: 760px) {
  .grid-container.grid-container-thematic-cover--black .grid-box-thematic_focus .teaser__scroll-down, .grid-container.grid-container-thematic-cover--white .grid-box-thematic_focus .teaser__scroll-down {
    display: none;
  }
}

.grid-container.grid-container-thematic-cover--black .grid-box-thematic_focus .teaser__scroll-down svg, .grid-container.grid-container-thematic-cover--white .grid-box-thematic_focus .teaser__scroll-down svg {
  width: 70px;
  height: 100px;
}

.grid-container.grid-container-thematic-cover--black .grid-box-thematic_focus .teaser__scroll-down svg g, .grid-container.grid-container-thematic-cover--white .grid-box-thematic_focus .teaser__scroll-down svg g {
  fill: white;
}

.grid-container.grid-container-thematic-cover--black .grid-box-thematic_focus .teaser__scroll-down svg #mouse-outline,
.grid-container.grid-container-thematic-cover--black .grid-box-thematic_focus .teaser__scroll-down svg #mouse-wheel, .grid-container.grid-container-thematic-cover--white .grid-box-thematic_focus .teaser__scroll-down svg #mouse-outline,
.grid-container.grid-container-thematic-cover--white .grid-box-thematic_focus .teaser__scroll-down svg #mouse-wheel {
  display: none;
}

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  50% {
    -webkit-transform: translate(0, 10px);
    transform: translate(0, 10px);
  }
  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}

@keyframes pulse {
  0% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  50% {
    -webkit-transform: translate(0, 10px);
    transform: translate(0, 10px);
  }
  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}

.grid-box-fullbleed_lead .fullbleed-lead-box {
  font-size: 20px;
  font-weight: 600;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  overflow: hidden;
  position: relative;
  text-rendering: optimizeLegibility;
  text-shadow: 0 0 10px black;
  margin-left: -10px;
  margin-right: -10px;
  min-height: 100vh;
}

@media all and (min-width: 760px) {
  .grid-box-fullbleed_lead .fullbleed-lead-box {
    font-size: 24px;
  }
}

@media all and (min-width: 760px) {
  .grid-box-fullbleed_lead .fullbleed-lead-box {
    margin-left: -20px;
    margin-right: -20px;
    min-height: 800px;
  }
}

@media all and (min-width: 1024px) {
  .grid-box-fullbleed_lead .fullbleed-lead-box {
    margin-left: calc(-50vw + 50%);
    margin-right: calc(-50vw + 50%);
  }
}

.grid-box-fullbleed_lead .fullbleed-lead-box .fullbleed-lead-box__image-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100%;
}

@media all and (min-width: 1980px) {
  .grid-box-fullbleed_lead .fullbleed-lead-box .fullbleed-lead-box__image-wrapper {
    max-width: 2000px;
    left: auto;
  }
}

.grid-box-fullbleed_lead .fullbleed-lead-box .fullbleed-lead-box__image-wrapper:after {
  width: 100%;
  height: 100%;
  content: "";
  background: rgba(0, 0, 0, 0.2);
  position: absolute;
  top: 0;
  left: 0;
}

.grid-box-fullbleed_lead .fullbleed-lead-box .fullbleed-lead-box__image-wrapper img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.grid-box-fullbleed_lead .fullbleed-lead-box h1 a, .grid-box-fullbleed_lead .fullbleed-lead-box h2 a, .grid-box-fullbleed_lead .fullbleed-lead-box h3 a, .grid-box-fullbleed_lead .fullbleed-lead-box h4 a, .grid-box-fullbleed_lead .fullbleed-lead-box h5 a, .grid-box-fullbleed_lead .fullbleed-lead-box h6 a {
  text-decoration: none;
}

.grid-box-fullbleed_lead .teaser__scroll-down {
  position: absolute;
  left: calc(50% - 35px);
  bottom: 50px;
  -webkit-animation: pulse 2s infinite;
          animation: pulse 2s infinite;
  -webkit-transform-origin: 50% 50%;
      -ms-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
}

@media all and (min-width: 760px) {
  .grid-box-fullbleed_lead .teaser__scroll-down {
    display: none;
  }
}

.grid-box-fullbleed_lead .teaser__scroll-down svg {
  width: 70px;
  height: 100px;
}

.grid-box-fullbleed_lead .teaser__scroll-down svg g {
  fill: white;
}

.grid-box-fullbleed_lead .teaser__scroll-down svg #mouse-outline,
.grid-box-fullbleed_lead .teaser__scroll-down svg #mouse-wheel {
  display: none;
}

.grid-box-fullbleed_lead.color--white {
  color: white;
}

.grid-box-fullbleed_lead.color--white .fullbleed-lead-box__more-link {
  display: inline-block;
  font-weight: 600;
  text-shadow: 0 0 10px black;
  -webkit-transition: background-color 0.3s, color 0.3s;
  transition: background-color 0.3s, color 0.3s;
  text-decoration: none;
  color: white;
}

.grid-box-fullbleed_lead.color--white .fullbleed-lead-box__more-link:hover {
  text-shadow: none;
}

.grid-box-fullbleed_lead.color--white .fullbleed-lead-box__more-link span {
  background: rgba(0, 0, 0, 0.4);
  display: inline-block;
  line-height: 1.2;
  padding: 17px 24px;
}

@media all and (min-width: 760px) {
  .grid-box-fullbleed_lead.color--white .fullbleed-lead-box__more-link span {
    padding: 17px 44px;
  }
}

.grid-box-fullbleed_lead.color--white .fullbleed-lead-box__more-link:hover {
  color: black;
}

.grid-box-fullbleed_lead.color--white .fullbleed-lead-box__more-link:hover span {
  background-color: white;
}

.grid-box-fullbleed_lead.color--white .fullbleed-lead-box__more-link span {
  border: 2px solid white;
}

.grid-box-fullbleed_lead.color--black {
  color: black;
}

.grid-box-fullbleed_lead.color--black .fullbleed-lead-box__more-link {
  display: inline-block;
  font-weight: 600;
  text-shadow: 0 0 10px black;
  -webkit-transition: background-color 0.3s, color 0.3s;
  transition: background-color 0.3s, color 0.3s;
  text-decoration: none;
  color: black;
  border: 2px solid black;
}

.grid-box-fullbleed_lead.color--black .fullbleed-lead-box__more-link:hover {
  text-shadow: none;
}

.grid-box-fullbleed_lead.color--black .fullbleed-lead-box__more-link span {
  background: rgba(0, 0, 0, 0.4);
  display: inline-block;
  line-height: 1.2;
  padding: 17px 24px;
}

@media all and (min-width: 760px) {
  .grid-box-fullbleed_lead.color--black .fullbleed-lead-box__more-link span {
    padding: 17px 44px;
  }
}

.grid-box-fullbleed_lead.color--black .fullbleed-lead-box__more-link:hover {
  background-color: transparent;
  color: black;
}

.fullbleed-lead-box__video {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  left: 0;
  -o-object-fit: cover;
     object-fit: cover;
}

.fullbleed-lead-box__video--right {
  bottom: 0;
  right: 0;
}

.fullbleed-lead-box__words {
  box-sizing: border-box;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  padding: 32px 32px 24px;
  position: relative;
  text-align: center;
  margin: auto 0;
}

@media all and (min-width: 760px) {
  .fullbleed-lead-box__words {
    margin: auto 40px 0;
    max-width: 800px;
  }
}

@media all and (min-width: 760px) and (max-width: 1023.999px) {
  .grid-slot-1d1 .fullbleed-lead-box__words,
  .grid-slot-2d3 .fullbleed-lead-box__words,
  .grid-slot-1d3 .fullbleed-lead-box__words {
    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-right: 40px;
    text-align: left;
  }
}

@media all and (min-width: 1024px) {
  .grid-slot-1d1 .fullbleed-lead-box__words {
    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-left: 0;
    padding-right: 8px;
    text-align: left;
  }
}

.fullbleed-lead-box__words.align--center {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
}

.fullbleed-lead-box__words.align--end {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  text-align: end;
}

.fullbleed-lead-box__words.align--start {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  text-align: start;
}

.grid-container--vertically-centered .fullbleed-lead-box__words {
  margin: auto;
}

@media all and (min-width: 760px) {
  .fullbleed-lead-box__header {
    margin-top: 30px;
    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;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
}

.fullbleed-lead-box__intro {
  color: inherit;
  margin-bottom: 15px;
  text-transform: uppercase;
}

.fullbleed-lead-box__title {
  color: inherit;
  font-family: "Noto Serif", Georgia, Palatino, "Palatino Linotype", FreeSerif, serif;
  margin: 10px 0;
  overflow: visible;
  /* shadow */
}

.grid-box[class*="color--"] .fullbleed-lead-box__title {
  color: inherit;
}

.grid-slot-1d1 .fullbleed-lead-box__title,
.grid-slot-2d3 .fullbleed-lead-box__title {
  font-size: 36px;
  line-height: 1.3;
}

@media all and (min-width: 760px) {
  .grid-slot-1d1 .fullbleed-lead-box__title,
  .grid-slot-2d3 .fullbleed-lead-box__title {
    font-size: 44px;
    line-height: 1.4;
  }
}

.fullbleed-lead-box__title a {
  color: inherit;
}

.fullbleed-lead-box__title a:hover {
  color: inherit;
}

.fullbleed-lead-box__description {
  color: inherit;
}

.fullbleed-lead-box__description p,
.fullbleed-lead-box__description a {
  color: inherit;
}

@media all and (min-width: 760px) {
  .grid-slot-1d1 .fullbleed-lead-box__description {
    font-size: 24px;
  }
}

.fullbleed-lead-box__more-link {
  margin-bottom: 30px;
  padding: 20px 0;
}

@keyframes pulse {
  0% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  50% {
    -webkit-transform: translate(0, 10px);
    transform: translate(0, 10px);
  }
  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}

body.grid-fullbleed-lead .grid {
  position: relative;
}

@media all and (min-width: 1220px) {
  body.grid-fullbleed-lead {
    background: #f1f1f1;
  }
  body.grid-fullbleed-lead .fullbleed-lead-box {
    margin-left: -100px;
    margin-right: -100px;
  }
  body.grid-fullbleed-lead .grid {
    box-shadow: 0 0 0 60px white;
    background: white;
  }
}

/* SOME DEBUG STYLES
// Please remove when CSS-Grid does as expected
.grid-container {
  border-bottom: 4px dotted yellow;
}

.grid-slot {
  border-bottom: 2px solid orange;
}
*/
.grid-container {
  margin-left: 10px;
  margin-right: 10px;
}

@media all and (min-width: 700px) {
  .grid-container {
    margin-left: 20px;
    margin-right: 20px;
  }
}

@media all and (min-width: 1000px) {
  .grid-container {
    margin-left: 40px;
    margin-right: 40px;
  }
}

.grid-slots-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.grid-slot,
.grid-slot-1d1 {
  width: 100%;
}

@media all and (min-width: 700px) {
  .grid-slot-1d2 {
    width: calc(50% - 15px);
  }
}

@media all and (min-width: 1000px) {
  .grid-slot-1d2 {
    width: calc(50% - 20px);
  }
}

@media all and (min-width: 1000px) {
  .grid-slot-1d3 {
    width: calc(33.33333% - 26.66667px);
  }
}

@media all and (min-width: 1000px) {
  .grid-container-c-2d3-1d3 .grid-slot-1d3,
  .grid-container-c-1d3-2d3 .grid-slot-1d3 {
    width: calc(33.33333% - 20px);
  }
}

@media all and (min-width: 1000px) {
  .grid-slot-2d3 {
    width: calc(66.66667% - 20px);
  }
}

@media all and (min-width: 500px) {
  .grid-slot-1d4 {
    width: calc(50% - 10px);
  }
}

@media all and (min-width: 700px) {
  .grid-slot-1d4 {
    width: calc(50% - 15px);
  }
}

@media all and (min-width: 1000px) {
  .grid-slot-1d4 {
    width: calc(25% - 30px);
  }
}

.grid {
  margin: 0 auto 50px;
}

@media all and (min-width: 1000px) {
  .grid {
    max-width: 1300px;
  }
}

.grid-container-title {
  color: #91c800;
  text-transform: uppercase;
  font-size: 29px;
  letter-spacing: 2.2px;
  -webkit-hyphens: none;
      -ms-hyphens: none;
          hyphens: none;
  margin: 0 0 25px 0;
}

.grid-container-title a {
  text-decoration: none;
  color: #91c800;
}

.grid-box {
  margin: 0 0 40px 0;
}

.grid-box img {
  width: 100%;
  height: auto;
}

.grid-box .teaser__title a {
  text-decoration: none;
  color: #000000;
}

.grid-box-title {
  text-transform: uppercase;
  font-weight: normal;
  letter-spacing: 1px;
  margin: 0 0 0.3em;
}

.teaser {
  position: relative;
}

.teaser figure {
  line-height: 0;
  margin: 0;
  background-color: white;
}

.teaser a {
  text-decoration: none;
}

.relateds {
  margin-left: 0;
  margin-right: 0;
}

.teaser {
  padding: 0;
  margin-bottom: 30px;
}

@media all and (min-width: 700px) {
  .teaser {
    padding-left: 0;
    padding-right: 0;
  }
}

.teaser .teaser__image {
  width: 100%;
  margin-bottom: 20px;
}

.grid-box[class*="color--"] .teaser .teaser__image:before {
  background: white;
  content: " ";
  display: block;
  height: 50px;
  position: absolute;
  right: 0;
  top: 0;
  width: 50px;
}

.grid-box[class*="color--"] .teaser .teaser__image:after {
  content: " ";
  display: block;
  position: absolute;
  right: 14px;
  top: 14px;
  border: 36px solid transparent;
  border-bottom-color: inherit;
  -webkit-transform: rotate(225deg);
  -ms-transform: rotate(225deg);
      transform: rotate(225deg);
}

.teaser .teaser__title {
  color: #222;
  font-family: "dinweb", Helvetica, Arial, sans-serif;
  font-size: 24px;
  font-weight: normal;
  -webkit-hyphens: none;
      -ms-hyphens: none;
          hyphens: none;
  line-height: 1.05;
  margin: 0 0 8px 0;
}

.grid-box[class*="color--"] .teaser .teaser__title {
  color: inherit;
}

.teaser .teaser__title > a {
  color: inherit;
}

@media all and (min-width: 700px) {
  .teaser .teaser__title {
    font-size: 30px;
    line-height: 1.2;
  }
}

.teaser .teaser__body {
  line-height: 1.41;
  font-size: 16px;
}

@media all and (min-width: 700px) {
  .teaser .teaser__body {
    font-size: 18px;
  }
}

@media all and (min-width: 1000px) {
  .teaser .teaser__body {
    font-size: 20px;
    line-height: 1.55;
  }
}

.teaser .teaser__body div {
  display: inline;
  -webkit-hyphens: auto;
      -ms-hyphens: auto;
          hyphens: auto;
}

.teaser .teaser__body div p {
  display: inline;
}

.teaser .teaser__text {
  color: #222;
  display: inline;
  font-family: "Noto Serif", Georgia, Palatino, "Palatino Linotype", FreeSerif, serif;
}

.teaser .teaser__author,
.teaser .content-authors,
.teaser .field--name-field-authors {
  color: #222;
  display: inline;
  font-family: "dinweb", Helvetica, Arial, sans-serif;
  -webkit-hyphens: none;
      -ms-hyphens: none;
          hyphens: none;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.teaser--main {
  background-color: #91c800;
  color: #fff;
  position: relative;
}

@media all and (min-width: 1000px) {
  .teaser--main {
    min-height: 590px;
  }
}

.grid-slot-1d1 .teaser--main {
  margin-left: -10px;
  margin-right: -10px;
}

@media all and (min-width: 1000px) {
  .grid-slot-1d1 .teaser--main {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
}

@media all and (min-width: 700px) {
  .grid-slot-1d1 .teaser--main {
    margin-left: -20px;
    margin-right: -20px;
  }
}

@media all and (min-width: 1000px) {
  .grid-slot-1d1 .teaser--main {
    margin-left: -40px;
    margin-right: -40px;
  }
}

@media all and (min-width: 1280px) {
  .grid-slot-1d1 .teaser--main {
    margin-left: 0;
    margin-right: 0;
  }
}

.teaser--main .teaser__image-cover {
  background-color: transparent;
}

@media all and (min-width: 1000px) {
  .teaser--main .teaser__image-cover {
    height: 100%;
    width: 100%;
    position: absolute;
    right: 0;
    bottom: 0;
    top: 0;
    overflow: hidden;
  }
}

.grid-slot-1d2 .teaser--main .teaser__image-cover,
.grid-slot-1d3 .teaser--main .teaser__image-cover {
  display: none;
}

.teaser--main .teaser__image img {
  width: 100%;
  margin: 0;
}

@media all and (min-width: 1000px) {
  .teaser--main .teaser__image img {
    width: auto;
    height: auto;
    min-width: 100%;
    min-height: 100%;
    position: absolute;
    right: 0;
  }
}

.teaser--main .teaser__header {
  position: relative;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.grid-slot-1d1 .teaser--main .teaser__header {
  -webkit-box-flex: 2.1;
  -webkit-flex: 2.1;
      -ms-flex: 2.1;
          flex: 2.1;
}

@media all and (min-width: 1000px) {
  .grid-slot-1d1 .teaser--main .teaser__header {
    min-height: 590px;
  }
}

.teaser--main .teaser__body {
  color: white;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 14px 20px 18px;
}

@media all and (min-width: 700px) {
  .teaser--main .teaser__body {
    padding: 20px 20px 30px;
  }
}

.teaser--main .teaser__kicker {
  color: #161e01;
  font-size: 14px;
  letter-spacing: 1px;
  line-height: 1;
  margin-bottom: 0.7em;
  margin-top: auto;
  text-transform: uppercase;
}

.teaser--main .teaser__kicker:empty {
  display: none;
}

@media all and (min-width: 320px) {
  .teaser--main .teaser__kicker {
    font-size: calc(1.5789vw + 8.9473px);
  }
}

@media all and (min-width: 700px) {
  .teaser--main .teaser__kicker {
    font-size: 20px;
  }
}

.teaser--main .teaser__title {
  font-family: "Noto Serif", Georgia, Palatino, "Palatino Linotype", FreeSerif, serif;
  font-weight: normal;
  line-height: 1.1;
  margin: 0 0 0.6em 0;
}

.teaser--main .teaser__title a {
  color: white;
}

@media all and (min-width: 700px) {
  .teaser--main .teaser__title {
    font-size: 44px;
  }
}

.teaser--main .teaser__text {
  color: white;
  font-family: "Noto Serif", Georgia, Palatino, "Palatino Linotype", FreeSerif, serif;
  line-height: 1.24;
}

.teaser--main .teaser__text p {
  margin: 0.5em 0 0.5em;
}

@media all and (min-width: 700px) {
  .teaser--main .teaser__text p {
    margin-top: 20px;
    margin-bottom: 0;
  }
}

@media all and (min-width: 700px) {
  .teaser--main .teaser__text {
    font-size: 25px;
  }
}

.teaser--main .teaser__author {
  color: white;
  margin-top: 1.5em;
}

.teaser--main .field--name-field-teaser-image {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.teaser--main .field--name-field-teaser-image .media--type-image {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.teaser--main .field--name-field-teaser-image .media--type-image .field--name-field-media-image {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.teaser--main .field--name-field-teaser-image .media--type-image .field--name-field-media-image .media {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.teaser--main .field--name-field-teaser-image .media--type-image .field--name-field-media-image .media img {
  height: 100%;
  width: auto;
}

.teaser--typo {
  background-color: #91c800;
  padding: 40px;
}

.teaser--typo .teaser__title {
  max-height: 300px;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
      transform: rotate(180deg);
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  margin-bottom: 40px;
}

.teaser--typo .teaser__title h2 a,
.teaser--typo .teaser__title .field--name-title {
  color: white;
  font-size: 30px;
  font-weight: normal;
  letter-spacing: 0.8px;
  line-height: 1.2;
  margin: 0;
}

.teaser--typo .teaser__author,
.teaser--typo .teaser__text {
  color: #fff;
}

.teaser--boell_thema_teaser_minimal .teaser__body,
.teaser--boell_thema_title_only .teaser__body,
.teaser--minimal .teaser__body {
  margin-top: 15px;
}

.teaser--boell_thema_teaser_minimal .teaser__kicker,
.teaser--boell_thema_title_only .teaser__kicker,
.teaser--minimal .teaser__kicker {
  color: inherit;
  text-transform: uppercase;
}

.teaser--boell_thema_teaser_minimal .teaser__title,
.teaser--boell_thema_title_only .teaser__title,
.teaser--minimal .teaser__title {
  margin-top: 3px;
}

.teaser--boell_thema_teaser_minimal .teaser__title > a,
.teaser--boell_thema_title_only .teaser__title > a,
.teaser--minimal .teaser__title > a {
  color: #000;
}

.teaser--minimal .teaser__title > a {
  color: inherit;
}

.article__head {
  padding-left: 10px;
  padding-right: 10px;
  margin: 0 auto;
}

@media all and (min-width: 700px) {
  .article__head {
    padding-left: 0;
    padding-right: 0;
  }
}

@media all and (min-width: 1000px) {
  .article__head--regular,
  .article__head--image-first,
  .article__head--editorial {
    max-width: 1220px;
  }
}

.article__head--regular .article__title,
.article__head--image-first .article__title,
.article__head--editorial .article__title {
  -webkit-hyphens: auto;
      -ms-hyphens: auto;
          hyphens: auto;
  font-weight: 400;
  line-height: 1.06;
  max-width: 800px;
  padding: 30px 0;
  margin: 0 auto;
}

.article__head--regular .article__title-inner,
.article__head--image-first .article__title-inner,
.article__head--editorial .article__title-inner {
  font-size: 40px;
}

@media all and (min-width: 700px) {
  .article__head--regular .article__title-inner,
  .article__head--image-first .article__title-inner,
  .article__head--editorial .article__title-inner {
    font-size: 64px;
  }
}

@media all and (min-width: 1000px) {
  .article__head--regular .article__title-inner,
  .article__head--image-first .article__title-inner,
  .article__head--editorial .article__title-inner {
    font-size: 72px;
    padding-top: 40px;
  }
}

.article__head--regular .article__lead,
.article__head--image-first .article__lead,
.article__head--editorial .article__lead {
  font-size: 24px;
  line-height: 1.5;
  max-width: 800px;
  margin: 0 auto 20px;
}

.article__head--regular .article__lead p:first-child,
.article__head--image-first .article__lead p:first-child,
.article__head--editorial .article__lead p:first-child {
  margin-top: 0;
}

@media all and (min-width: 700px) {
  .article__head--regular .article__lead,
  .article__head--image-first .article__lead,
  .article__head--editorial .article__lead {
    font-size: 26px;
    margin-bottom: 30px;
  }
}

@media all and (min-width: 1000px) {
  .article__head--regular .article__lead,
  .article__head--image-first .article__lead,
  .article__head--editorial .article__lead {
    font-size: 28px;
  }
}

.article__head--regular .article__author-wrapper,
.article__head--image-first .article__author-wrapper,
.article__head--editorial .article__author-wrapper {
  margin: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

@media all and (min-width: 1000px) {
  .article__head--regular .article__author-wrapper,
  .article__head--image-first .article__author-wrapper,
  .article__head--editorial .article__author-wrapper {
    max-width: 800px;
  }
}

.article__head--regular .article__author-image,
.article__head--image-first .article__author-image,
.article__head--editorial .article__author-image {
  -webkit-filter: grayscale(1);
          filter: grayscale(1);
}

.article__head--regular .article__author-image figcaption,
.article__head--image-first .article__author-image figcaption,
.article__head--editorial .article__author-image figcaption {
  display: none;
}

.article__head--regular .article__author-image img,
.article__head--image-first .article__author-image img,
.article__head--editorial .article__author-image img {
  border-radius: 50%;
  height: auto;
  margin-right: 24px;
  width: 70px;
}

@media all and (min-width: 500px) {
  .article__head--regular .article__author-image img,
  .article__head--image-first .article__author-image img,
  .article__head--editorial .article__author-image img {
    width: 120px;
    margin-right: 32px;
  }
}

@media all and (min-width: 1000px) {
  .article__head--regular .article__author-image img,
  .article__head--image-first .article__author-image img,
  .article__head--editorial .article__author-image img {
    width: 170px;
    margin-right: 48px;
  }
}

.article__head--regular .article__author-name-job,
.article__head--image-first .article__author-name-job,
.article__head--editorial .article__author-name-job {
  -webkit-align-self: center;
      -ms-flex-item-align: center;
          align-self: center;
}

@media all and (min-width: 1000px) {
  .article__head--regular .article__author-name-job,
  .article__head--image-first .article__author-name-job,
  .article__head--editorial .article__author-name-job {
    max-width: 70%;
  }
}

.article__head--regular .article__author-name-job,
.article__head--regular .article__author-name,
.article__head--image-first .article__author-name-job,
.article__head--image-first .article__author-name,
.article__head--editorial .article__author-name-job,
.article__head--editorial .article__author-name {
  font-size: 16px;
}

@media all and (min-width: 500px) {
  .article__head--regular .article__author-name-job,
  .article__head--regular .article__author-name,
  .article__head--image-first .article__author-name-job,
  .article__head--image-first .article__author-name,
  .article__head--editorial .article__author-name-job,
  .article__head--editorial .article__author-name {
    font-size: 18px;
  }
}

@media all and (min-width: 1000px) {
  .article__head--regular .article__author-name-job,
  .article__head--regular .article__author-name,
  .article__head--image-first .article__author-name-job,
  .article__head--image-first .article__author-name,
  .article__head--editorial .article__author-name-job,
  .article__head--editorial .article__author-name {
    font-size: 20px;
  }
}

.article__head--regular .article__author-name,
.article__head--image-first .article__author-name,
.article__head--editorial .article__author-name {
  color: #666;
  letter-spacing: 1px;
  margin-top: 0;
  margin-bottom: 52px;
  text-transform: uppercase;
}

.article__head--regular .article__author-name a,
.article__head--image-first .article__author-name a,
.article__head--editorial .article__author-name a {
  color: #666;
  text-decoration: none;
}

.article__head--regular .article__author-job,
.article__head--image-first .article__author-job,
.article__head--editorial .article__author-job {
  text-transform: none;
  letter-spacing: 0;
}

.article__head--regular .article__image,
.article__head--image-first .article__image,
.article__head--editorial .article__image {
  width: 100%;
  height: auto;
  text-align: center;
}

.article__head--regular .article__head--text,
.article__head--image-first .article__head--text,
.article__head--editorial .article__head--text {
  padding: 30px 20px 20px;
}

@media all and (min-width: 700px) {
  .article__head--regular .article__head--text,
  .article__head--image-first .article__head--text,
  .article__head--editorial .article__head--text {
    width: 54%;
    padding-bottom: 90px;
  }
}

@media all and (min-width: 1000px) {
  .article__head--regular .article__head--text,
  .article__head--image-first .article__head--text,
  .article__head--editorial .article__head--text {
    width: 50%;
    padding-top: 50px;
    padding-right: 80px;
    padding-bottom: 100px;
    padding-left: 30px;
  }
}

.article__head--editorial .article__author-name {
  margin-left: auto;
  margin-right: auto;
}

.article__head--editorial .article__lead {
  margin-top: 40px;
}

.article__kicker {
  color: #91c800;
  font-size: 20px;
  font-weight: 600;
  max-width: 800px;
  margin: 0 auto;
  margin-top: 40px;
  margin-bottom: -20px;
  letter-spacing: 1px;
  text-transform: uppercase;
}

@media all and (min-width: 1000px) {
  .article__kicker {
    font-size: 24px;
    margin-bottom: -50px;
  }
}

.article__kicker .field--name-field-content-genre {
  color: #91c800;
}

.article__head--regular .article__author-name,
.article__head--featured .article__author-name,
.article__head--image-first .article__author-name {
  margin-bottom: 0;
}

.article__head--featured {
  background-color: #91c800;
  color: #fff;
  position: relative;
  margin: 0 auto 50px;
}

@media all and (min-width: 700px) {
  .article__head--featured {
    min-height: 540px;
  }
}

@media all and (min-width: 1000px) {
  .article__head--featured {
    min-height: 800px;
    max-width: 1220px;
  }
}

.article__head--featured .article__title {
  -webkit-hyphens: auto;
      -ms-hyphens: auto;
          hyphens: auto;
  font-family: "Noto Serif", Georgia, Palatino, "Palatino Linotype", FreeSerif, serif;
  margin-bottom: 30px;
  margin-top: 0;
  font-size: 32px;
  font-weight: normal;
  line-height: 1.08;
}

@media all and (min-width: 500px) {
  .article__head--featured .article__title {
    font-size: 38px;
  }
}

@media all and (min-width: 700px) {
  .article__head--featured .article__title {
    font-size: 52px;
  }
}

@media all and (min-width: 1280px) {
  .article__head--featured .article__title {
    font-size: 64px;
  }
}

.article__head--featured .article__lead {
  font-family: "Noto Serif", Georgia, Palatino, "Palatino Linotype", FreeSerif, serif;
  font-size: 20px;
  -webkit-hyphens: auto;
      -ms-hyphens: auto;
          hyphens: auto;
  line-height: 1.2;
}

.article__head--featured .article__lead p {
  margin: 0;
}

@media all and (min-width: 500px) {
  .article__head--featured .article__lead {
    font-size: 24px;
  }
}

@media all and (min-width: 700px) {
  .article__head--featured .article__lead {
    line-height: 1.1;
    font-size: 36px;
  }
}

.article__head--featured .article__author {
  font-size: 20px;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-top: 30px;
}

@media all and (min-width: 700px) {
  .article__head--featured .article__author {
    position: absolute;
    bottom: 20px;
    width: calc(54% - 40px);
  }
}

@media all and (min-width: 1000px) {
  .article__head--featured .article__author {
    width: 440px;
  }
}

.article__head--featured .article__image-cover {
  margin-left: -14px;
  margin-right: -14px;
}

@media all and (min-width: 700px) {
  .article__head--featured .article__image-cover {
    height: 100%;
    width: 46%;
    position: absolute;
    right: 0;
    bottom: 0;
    top: 0;
    overflow: hidden;
    margin-left: 0;
    margin-right: 0;
  }
}

@media all and (min-width: 1000px) {
  .article__head--featured .article__image-cover {
    width: 50%;
  }
}

.article__head--featured .article__image {
  width: 100%;
  height: auto;
}

@media all and (min-width: 700px) {
  .article__head--featured .article__image {
    width: auto;
    height: 100%;
    position: absolute;
    right: 0;
  }
}

.article__head--featured .article__head--text {
  padding: 20px 10px;
}

@media all and (min-width: 700px) {
  .article__head--featured .article__head--text {
    padding: 30px 20px 90px;
    width: 54%;
  }
}

@media all and (min-width: 1000px) {
  .article__head--featured .article__head--text {
    width: 50%;
    padding-top: 50px;
    padding-right: 80px;
    padding-bottom: 100px;
    padding-left: 30px;
  }
}

.article__head--featured .article__author {
  font-family: "dinweb", Helvetica, Arial, sans-serif;
  font-size: 20px;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-top: 30px;
}

.article__head--featured .article__author a {
  color: white;
  text-decoration: none;
}

@media all and (min-width: 700px) {
  .article__head--featured .article__author {
    position: absolute;
    bottom: 20px;
    width: calc(54% - 40px);
  }
  .article__head--featured .article__author a {
    color: white;
    text-decoration: none;
  }
}

@media all and (min-width: 1000px) {
  .article__head--featured .article__author {
    width: 440px;
  }
  .article__head--featured .article__author a {
    color: white;
    text-decoration: none;
  }
}

.field--name-field-teaser-image {
  /*margin: 0 -10px;*/
  margin: 0;
}

.field--name-field-teaser-image img,
.field--name-field-teaser-image .ph-license-wrapper-img img {
  width: 100%;
  height: 100%;
  max-width: none;
}

.field--name-field-teaser-image .ph-license {
  margin-left: 10px;
  margin-right: 10px;
}

.field--name-field-teaser-image .ph-license img {
  width: auto;
  height: auto;
}

@media all and (min-width: 700px) {
  .field--name-field-teaser-image {
    margin: 0;
  }
}

figure {
  margin: 0;
}

.field--name-field-teaser-image figcaption,
.article__body figcaption {
  color: #999;
  display: block;
  font-family: "dinweb", Helvetica, Arial, sans-serif;
  font-size: 13px;
  line-height: 17px;
  margin: 7px 0 7px;
}

.field--name-field-teaser-image figcaption a,
.article__body figcaption a {
  color: #999;
}

@media all and (min-width: 760px) and (max-width: 1219.999px) {
  .field--name-field-teaser-image figcaption,
  .article__body figcaption {
    margin-left: 10px;
    margin-right: 10px;
  }
}

figcaption.copyright-only {
  text-align: right;
}

.article__body {
  color: #222;
  font-family: "Noto Serif", Georgia, Palatino, "Palatino Linotype", FreeSerif, serif;
  font-size: 17px;
  line-height: 1.6;
  margin: auto auto 5em;
  max-width: 800px;
  padding-left: 10px;
  padding-right: 10px;
}

@media all and (min-width: 700px) {
  .article__body {
    font-size: 19px;
    line-height: 1.8;
  }
}

.article__body p {
  margin: 0 0 2em;
}

.article__body p:first-child {
  margin-top: 2em;
}

.article__body h2, .article__body h3, .article__body h4, .article__body h5, .article__body h6 {
  font-family: "dinweb", Helvetica, Arial, sans-serif;
  font-weight: 600;
  margin-top: 2em;
  line-height: 1.4;
}

.article__body h2 {
  font-size: 28px;
}

@media all and (min-width: 700px) {
  .article__body h2 {
    font-size: 32px;
  }
}

.article__body h3 {
  font-size: 24px;
}

@media all and (min-width: 700px) {
  .article__body h3 {
    font-size: 26px;
  }
}

.article__body h4 {
  font-size: 22px;
}

@media all and (min-width: 700px) {
  .article__body h4 {
    font-size: 24px;
  }
}

.article__body blockquote {
  font-style: italic;
}

.article__body blockquote p {
  margin: 1.2em 0;
}

.article__body blockquote span {
  font-size: inherit !important;
}

.article__body p a[href],
.article__body ul a[href],
.article__body ol a[href],
.article__body blockquote a[href] {
  box-shadow: inset 0 -0.2em #c8e480;
  text-decoration: none;
}

.article__body p a[href]:hover,
.article__body ul a[href]:hover,
.article__body ol a[href]:hover,
.article__body blockquote a[href]:hover {
  background: #c8e480;
  box-shadow: none;
}

.article__body .share-button a[href] {
  box-shadow: none;
}

.article__body .media--type-image {
  margin: 15px auto 0;
}

.article__body .media--type-image img {
  display: block;
  height: auto;
  max-width: 100%;
}

.author-portrait {
  background-color: #ebebeb;
  color: #6a6a6a;
  font-size: 16px;
  line-height: 1.56;
  padding: 30px 40px;
  margin: 40px 0;
}

@media all and (min-width: 700px) {
  .author-portrait {
    display: table;
    margin-left: 0;
    margin-right: 0;
  }
}

@media all and (min-width: 1000px) {
  .author-portrait {
    margin-left: -140px;
    margin-right: -140px;
  }
}

.author-portrait .author-portrait_text {
  margin: 0;
}

@media all and (min-width: 700px) {
  .author-portrait .author-portrait_text {
    display: table-cell;
    vertical-align: middle;
  }
}

.author-portrait_image {
  width: 200px;
  border-radius: 50%;
  display: block;
  margin: 10px auto 30px;
}

@media all and (min-width: 700px) {
  .author-portrait_image {
    margin: 0 40px 0 0;
    display: table-cell;
  }
}

.article--regular .article__body,
.article--regular .article__title,
.article--regular .article__author-wrapper,
.article--regular .article__lead,
.article--regular .article__kicker,
.article--image_first .article__body,
.article--image_first .article__title,
.article--image_first .article__author-wrapper,
.article--image_first .article__lead,
.article--image_first .article__kicker,
.article--editorial .article__body,
.article--editorial .article__title,
.article--editorial .article__author-wrapper,
.article--editorial .article__lead,
.article--editorial .article__kicker {
  margin-left: auto;
  margin-right: auto;
  max-width: 800px;
}

@media all and (min-width: 700px) {
  .article--regular .article__body,
  .article--regular .article__title,
  .article--regular .article__author-wrapper,
  .article--regular .article__lead,
  .article--regular .article__kicker,
  .article--image_first .article__body,
  .article--image_first .article__title,
  .article--image_first .article__author-wrapper,
  .article--image_first .article__lead,
  .article--image_first .article__kicker,
  .article--editorial .article__body,
  .article--editorial .article__title,
  .article--editorial .article__author-wrapper,
  .article--editorial .article__lead,
  .article--editorial .article__kicker {
    padding-left: calc(20px + 6vw);
  }
}

@media all and (min-width: 1000px) {
  .article--regular .article__body,
  .article--regular .article__title,
  .article--regular .article__author-wrapper,
  .article--regular .article__lead,
  .article--regular .article__kicker,
  .article--image_first .article__body,
  .article--image_first .article__title,
  .article--image_first .article__author-wrapper,
  .article--image_first .article__lead,
  .article--image_first .article__kicker,
  .article--editorial .article__body,
  .article--editorial .article__title,
  .article--editorial .article__author-wrapper,
  .article--editorial .article__lead,
  .article--editorial .article__kicker {
    padding-left: 0;
    padding-right: 0;
  }
}

.article__footer {
  color: #6a6a6a;
  font-family: "dinweb", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.5;
  margin: auto auto 5em;
  max-width: 880px;
  padding-left: 10px;
  padding-right: 10px;
  background-color: rgba(235, 235, 235, 0.1);
}

.article__footer h2, .article__footer h3, .article__footer h4, .article__footer h5, .article__footer h6 {
  font-family: "dinweb", Helvetica, Arial, sans-serif;
  font-weight: 600;
  margin-top: 2em;
  line-height: 1.4;
}

@media all and (min-width: 700px) {
  .article__footer {
    font-size: 16px;
    line-height: 1.6;
  }
}

@media all and (min-width: 1000px) {
  .article__footer {
    padding: 10px 40px 40px 40px;
  }
}

.article__footer--teaser-image-license .ph-license-wrapper-img > a > img {
  display: none !important;
}

.article__footer--teaser-image-license .ph-license {
  color: #6a6a6a;
  font-family: "dinweb", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.5;
  margin-left: 14px;
}

@media all and (min-width: 700px) {
  .article__footer--teaser-image-license .ph-license {
    font-size: 16px;
    line-height: 1.6;
    margin-left: 0;
  }
}

.article__license {
  color: #6a6a6a;
  font-family: "dinweb", Helvetica, Arial, sans-serif;
  font-size: 0.9em;
  margin: 2em 0;
}

.theme-boell_thema .node-landingpage header > h2 {
  display: none;
}

.theme-boell_thema .node-landingpage header > h2.teaser__title {
  display: block;
}

.article--regular .field--name-field-teaser-image,
.article--featured .field--name-field-teaser-image {
  margin-top: 52px;
}

.boell-thema-logo {
  padding-left: 10px;
  padding-right: 10px;
  color: #666;
  display: inline-block;
  text-decoration: none;
}

@media all and (min-width: 700px) {
  .boell-thema-logo {
    padding-left: 20px;
    padding-right: 20px;
  }
}

@media all and (min-width: 1280px) {
  .boell-thema-logo {
    padding-left: 0;
    padding-right: 0;
  }
}

.boell-thema-logo__image {
  height: 15vmin;
}

@media all and (min-width: 700px) {
  .boell-thema-logo__image {
    height: 100px;
  }
}

.boell-thema-logo__image.logo--white {
  -webkit-filter: invert(100%) contrast(2);
          filter: invert(100%) contrast(2);
}

.boell-thema-logo__sub {
  font-size: 13px;
  margin: 14px 0;
}

.boell-thema-logo:hover .boell-thema-logo__sub {
  color: #999;
}

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

.content-genre,
.field--name-field-content-genre {
  color: #666;
  font-family: "dinweb", Helvetica, Arial, sans-serif;
  font-weight: 600;
  letter-spacing: 1px;
  margin-right: 0.4em;
  text-transform: uppercase;
}

.teaser .content-genre, .teaser
.field--name-field-content-genre {
  display: inline;
}

.teaser .content-genre ~ *, .teaser
.field--name-field-content-genre ~ * {
  display: inline;
}

.teaser--main .content-genre, .teaser--main
.field--name-field-content-genre {
  font-weight: normal;
  color: #222;
}

.article__lead .content-genre,
.article__lead .content-genre ~ *,
.article__lead .content-genre ~ * *, .article__lead
.field--name-field-content-genre,
.article__lead
.field--name-field-content-genre ~ *,
.article__lead
.field--name-field-content-genre ~ * * {
  display: inline;
}

.grid-box[class*="color--"] .content-genre, .grid-box[class*="color--"]
.field--name-field-content-genre {
  color: inherit;
}

.article__comments {
  border-top: 5px solid #91c800;
  position: relative;
  margin: 0 auto 50px;
}

@media all and (min-width: 1000px) {
  .article__comments {
    max-width: 800px;
  }
}

.pullquote--fullwidth--big,
.pullquote--fullwidth {
  color: #91c800;
  font-family: "dinweb", Helvetica, Arial, sans-serif;
  font-size: 34px;
  font-style: normal !important;
  line-height: 1.2;
  margin: 0 0 20px;
}

.pullquote--fullwidth--big:before,
.pullquote--fullwidth:before {
  content: "»";
  margin-right: 4px;
}

.pullquote--fullwidth--big > *:last-child:after,
.pullquote--fullwidth > *:last-child:after {
  content: "«";
  margin-left: 0.1em;
}

.pullquote--fullwidth--big p,
.pullquote--fullwidth p {
  display: inline;
  margin: 0;
}

.pullquote--fullwidth--big span,
.pullquote--fullwidth span {
  font-size: inherit !important;
}

@media all and (min-width: 1000px) {
  .pullquote--fullwidth--big,
  .pullquote--fullwidth {
    margin-left: -90px;
    margin-right: -90px;
  }
}

@media all and (min-width: 1280px) {
  .pullquote--fullwidth--big,
  .pullquote--fullwidth {
    margin-left: -140px;
    margin-right: -140px;
  }
}

@media all and (min-width: 700px) {
  .pullquote--fullwidth--big,
  .pullquote--fullwidth {
    font-size: 42px;
    margin-left: -6vw;
  }
}

@media all and (min-width: 1000px) {
  .pullquote--fullwidth--big,
  .pullquote--fullwidth {
    font-size: 54px;
  }
}

.pullquote--marginalia-left,
.pullquote--marginalia-right {
  color: #91c800;
  font-family: "dinweb", Helvetica, Arial, sans-serif;
  font-size: 34px;
  font-style: normal !important;
  line-height: 1.2;
  margin: 0 0 20px;
}

.pullquote--marginalia-left:before,
.pullquote--marginalia-right:before {
  content: "»";
  margin-right: 4px;
}

.pullquote--marginalia-left > *:last-child:after,
.pullquote--marginalia-right > *:last-child:after {
  content: "«";
  margin-left: 0.1em;
}

.pullquote--marginalia-left p,
.pullquote--marginalia-right p {
  display: inline;
  margin: 0;
}

.pullquote--marginalia-left span,
.pullquote--marginalia-right span {
  font-size: inherit !important;
}

@media all and (min-width: 700px) {
  .pullquote--marginalia-left,
  .pullquote--marginalia-right {
    width: 60%;
  }
}

@media all and (min-width: 1000px) {
  .pullquote--marginalia-left,
  .pullquote--marginalia-right {
    font-size: 42px;
    width: 70%;
  }
}

.pullquote--marginalia-left {
  float: left;
}

@media all and (min-width: 700px) {
  .pullquote--marginalia-left {
    margin-left: -6vw;
    margin-right: 20px;
  }
}

@media all and (min-width: 1000px) {
  .pullquote--marginalia-left {
    margin-left: -90px;
  }
}

@media all and (min-width: 1280px) {
  .pullquote--marginalia-left {
    margin-left: -140px;
  }
}

.pullquote--marginalia-right {
  float: right;
}

@media all and (min-width: 700px) {
  .pullquote--marginalia-right {
    margin-left: 20px;
  }
}

@media all and (min-width: 1000px) {
  .pullquote--marginalia-right {
    margin-right: -90px;
  }
}

@media all and (min-width: 1280px) {
  .pullquote--marginalia-right {
    margin-right: -140px;
  }
}

/**
 * @file
 * Styles for system messages.
 */
.messages {
  color: #999;
  border: 2px solid currentColor;
  margin: 20px 10px;
  padding: 14px 14px 10px 14px;
  /* LTR */
}

@media all and (min-width: 1000px) {
  .messages {
    margin: 20px auto;
    max-width: 950px;
  }
}

.messages a {
  color: inherit;
}

.messages__icon {
  float: left;
  margin-right: 15px;
  margin-top: -4px;
  color: inherit;
}

.messages__icon > svg path {
  fill: currentColor;
}

.messages__list {
  list-style-type: square !important;
  margin-left: 39px !important;
}

.messages__item {
  color: inherit;
}

.messages__item + .messages__item {
  margin-top: 0.5em !important;
}

.messages--status {
  color: #91c800;
}

.messages--warning {
  color: #f8ad14;
}

.messages--error {
  color: #cc0000;
}

.article__body figure {
  margin-bottom: 32px;
}

.article__body .entity-image img,
.article__body figure.caption-drupal-entity img {
  height: auto;
}

@media all and (min-width: 500px) {
  .article__body .entity-image.align-left, .article__body .entity-image.align-right,
  .article__body figure.caption-drupal-entity.align-left,
  .article__body figure.caption-drupal-entity.align-right {
    max-width: 320px;
    margin-bottom: 15px;
  }
  .article__body .entity-image.align-left .media--type-image, .article__body .entity-image.align-right .media--type-image,
  .article__body figure.caption-drupal-entity.align-left .media--type-image,
  .article__body figure.caption-drupal-entity.align-right .media--type-image {
    margin-top: 7px;
  }
  .article__body .entity-image.align-left,
  .article__body figure.caption-drupal-entity.align-left {
    float: left;
    margin-right: 14px;
  }
  .article__body .entity-image.align-right,
  .article__body figure.caption-drupal-entity.align-right {
    float: right;
    margin-left: 14px;
  }
}

@media all and (min-width: 700px) {
  .article__body .entity-image.align-fullwidth,
  .article__body figure.caption-drupal-entity.align-fullwidth {
    margin-left: -40px;
  }
  .article__body .entity-image.align-left, .article__body .entity-image.align-right,
  .article__body figure.caption-drupal-entity.align-left,
  .article__body figure.caption-drupal-entity.align-right {
    max-width: 440px;
  }
  .article__body .entity-image.align-left,
  .article__body figure.caption-drupal-entity.align-left {
    margin-right: 30px;
  }
  .article__body .entity-image.align-right,
  .article__body figure.caption-drupal-entity.align-right {
    margin-left: 30px;
  }
}

@media all and (min-width: 1000px) {
  .article__body .entity-image.align-fullwidth,
  .article__body figure.caption-drupal-entity.align-fullwidth {
    margin-left: -80px;
    margin-right: -80px;
  }
  .article__body .entity-image.align-left,
  .article__body figure.caption-drupal-entity.align-left {
    margin-left: -80px;
  }
  .article__body .entity-image.align-right,
  .article__body figure.caption-drupal-entity.align-right {
    margin-right: -80px;
  }
}

@media all and (min-width: 1280px) {
  .article__body .entity-image.align-fullwidth,
  .article__body figure.caption-drupal-entity.align-fullwidth {
    margin-left: -145px;
    margin-right: -145px;
  }
  .article__body .entity-image.align-left,
  .article__body figure.caption-drupal-entity.align-left {
    margin-left: -220px;
  }
  .article__body .entity-image.align-right,
  .article__body figure.caption-drupal-entity.align-right {
    margin-right: -220px;
  }
}

.ph-license-link-image {
  display: none;
}

.share-buttons__list {
  list-style: none;
  margin: 22px 0 34px;
  padding: 0;
  font-family: "dinweb", Helvetica, Arial, sans-serif;
}

@media all and (min-width: 700px) {
  .share-buttons__list {
    max-width: 800px;
  }
}

.event--footer .share-buttons__list {
  margin-top: 44px;
}

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

.share-button {
  display: inline-block;
  margin: 0 0 0 4px;
}

.share-button:first-child {
  margin-left: 0;
}

.share-button__link {
  background-color: #666;
  border-radius: 20px;
  color: white;
  display: block;
  height: 40px;
  text-align: center;
  text-decoration: none;
  -webkit-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}

@media all and (min-width: 700px) {
  .share-button__link {
    height: 30px;
  }
}

.share-button__link:hover {
  color: white;
  opacity: 0.8;
}

.share-button--twitter .share-button__link:hover {
  background-color: #55acee;
}

.share-button--facebook .share-button__link:hover {
  background-color: #3b5998;
}

.share-button--email .share-button__link:hover,
.share-button--print .share-button__link:hover {
  background-color: #7c7c7c;
}

.share-button--whatsapp .share-button__link:hover {
  background-color: #4dc247;
}

.share-button__icon {
  width: 40px;
  display: inline-block;
}

@media all and (min-width: 700px) {
  .share-button__icon {
    margin: 0 -5px 0 5px;
  }
}

.share-button__icon > svg {
  height: 40px;
}

@media all and (min-width: 700px) {
  .share-button__icon > svg {
    height: 22px;
    vertical-align: middle;
  }
}

.share-button__text {
  display: inline-block;
  font-size: 15px;
  font-family: "dinweb", Helvetica, Arial, sans-serif;
  line-height: 32px;
  margin-right: 18px;
  text-decoration: none;
}

@media all and (min-width: 0) and (max-width: 699.999px) {
  .share-button__text {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    white-space: nowrap;
  }
}

@media all and (min-width: 760px) {
  .share-button--whatsapp {
    display: none;
  }
}

.bt-meta {
  padding-left: 10px;
  padding-right: 10px;
  color: #444;
  font-size: 20px;
  font-weight: 600;
  margin-top: 40px;
  margin-bottom: 1em;
  letter-spacing: 1px;
  text-transform: uppercase;
}

@media all and (min-width: 700px) {
  .bt-meta {
    padding-left: 20px;
    padding-right: 20px;
  }
}

@media all and (min-width: 1280px) {
  .bt-meta {
    padding-left: 0;
    padding-right: 0;
  }
}

.bt-meta.bt-meta--white {
  color: white;
}

@media all and (min-width: 1000px) {
  .bt-meta {
    font-size: 24px;
  }
}

.bt-meta__issue,
.bt-meta__topic {
  display: inline-block;
}

.bt-meta__issue {
  margin-right: 1em;
  color: inherit;
}

.bt-meta__issue a {
  color: inherit;
  text-decoration: none;
  border-bottom: 1px solid #999;
}

.bt-meta__issue a:hover {
  color: inherit;
  border-bottom: 1px solid #444;
}

.bt-meta__topic {
  color: #91c800;
  margin-top: 6px;
}

.issue-menu {
  margin: 0;
  padding: 0 10px;
  position: absolute;
  right: 0;
  top: 0;
}

.issue-menu .hamburger {
  padding-top: 0;
}

.issue-menu .hamburger-title {
  font-size: 22px;
  color: #666;
}

.issue-menu .hamburger-close {
  color: #666;
}

.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: 14px;
}

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

.issue-menu a {
  text-decoration: none;
  color: #333;
  font-weight: 400;
  display: block;
  font-size: 30px;
  margin-bottom: 8px;
  line-height: 1.8;
}

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

.issue-menu a:hover {
  color: #7c7c7c;
  -webkit-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
}

.issue-menu--expanded {
  background-color: #f1f1f1;
  bottom: 0;
  margin: 0;
  padding: 90px 20px 20px;
  position: fixed;
  text-align: center;
  width: 100%;
  z-index: 1;
}

.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 .megamenu__controls {
  float: right;
}

.megamenu__controls {
  padding-top: 20px;
}

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

.hamburger-box {
  margin-right: 14px;
}

.hamburger-title {
  display: none;
  font-size: 22px;
  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: 15px 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: 26px;
  height: 17px;
  display: inline-block;
  position: relative;
}

.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -1.5px;
}

.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
  width: 26px;
  height: 3px;
  background-color: #666;
  border-radius: 4px;
  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: -7px;
}

.hamburger-inner::after {
  bottom: -7px;
}

.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);
}

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

@media all and (min-width: 1220px) {
  .issue-menu--expanded .hamburger-box, .issue-menu--expanded .hamburger-inner {
    left: calc(50% + 560px);
  }
}

#sliding-popup h1,
#sliding-popup h2,
#sliding-popup h3,
#sliding-popup p,
#sliding-popup label,
#sliding-popup div,
.eu-cookie-compliance-more-button,
.eu-cookie-compliance-secondary-button,
.eu-cookie-withdraw-tab {
  color: black !important;
}

.eu-cookie-compliance-banner {
  text-align: center;
  padding: 0 20px;
  margin: 0 auto;
  background-color: #f7f7f7;
  border: 1px solid #e2e2e2;
  border-bottom: none;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1000;
}

.eu-cookie-compliance-banner .find-more-button,
.eu-cookie-compliance-banner .eu-cookie-compliance-more-button,
.eu-cookie-compliance-banner .find-more-button-processed {
  display: none;
}

.eu-cookie-compliance-banner h2 {
  font-size: 16px;
  font-weight: normal;
  color: #000;
}

.eu-cookie-compliance-banner #popup-buttons {
  margin-top: 10px;
}

@media (min-width: 980px) {
  .eu-cookie-compliance-banner {
    left: 50%;
    margin-left: -490px;
    width: 980px;
    right: auto;
    box-sizing: border-box;
  }
}

.eu-cookie-compliance-banner {
  background-color: #f7f7f7;
  border: 1px solid #e2e2e2;
}

#sliding-popup .eu-cookie-compliance-content {
  max-width: 90%;
  padding: 12px 12px;
}

#sliding-popup .eu-cookie-compliance-message {
  max-width: 100%;
}

#sliding-popup #popup-buttons {
  position: absolute;
  top: 0;
  right: 0;
  margin-top: 0;
}

#sliding-popup .eu-cookie-compliance-message p {
  color: #000;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
}

.disagree-button.eu-cookie-compliance-more-button, .eu-cookie-compliance-agree-button,
.eu-cookie-compliance-default-button, .eu-cookie-compliance-hide-button,
.eu-cookie-compliance-more-button-thank-you,
.eu-cookie-withdraw-button, .eu-cookie-compliance-save-preferences-button {
  margin-top: 0;
}

.eu-cookie-compliance-buttons button,
.eu-cookie-compliance-buttons button:hover {
  padding: 0;
  border: none;
  font: inherit;
  color: transparent !important;
  background-color: transparent;
  /* show a hand cursor on hover; some argue that we
  should keep the default arrow cursor for buttons */
  cursor: pointer;
  background-image: none;
}

.eu-cookie-compliance-buttons button:before {
  content: 'x';
  font-family: "dinweb", Helvetica, Arial, sans-serif;
  display: block;
  cursor: pointer;
  color: red;
  font-weight: bold;
  line-height: 20px;
  position: absolute;
  right: 5px;
  top: 6px;
  width: 20px;
  height: 20px;
}

.eu-cookie-compliance-buttons button:hover:before {
  color: white;
  background-color: red;
}

.eu-cookie-compliance-secondary-button {
  cursor: pointer;
  border: none;
  background: none;
  margin-top: 0em;
  padding: 0 8px;
  vertical-align: middle;
}

.decline-button {
  display: none;
}

.banner-box {
  background-size: cover;
  background-position: center;
  padding: 15px 15px 30px 15px;
  text-align: center;
  background-color: #f6f6f6;
}

.banner-box .banner-box__logo {
  margin: 0 auto;
}

.banner-box .banner-box__headline {
  margin-bottom: 0.5em;
  margin-top: 0.5em;
}

.grid-box[class*="color--"] .banner-box .banner-box__headline {
  color: inherit;
}

.banner-box .banner-box__teaser {
  color: #333;
  margin-bottom: 0.8em;
}

.banner-box.banner-box__white-text .banner-box__teaser * {
  color: white;
  text-rendering: optimizeLegibility;
  text-shadow: 0 0 20px black;
}

.banner-box .banner-box__cta {
  display: inline-block;
  background-color: #91c800;
  text-decoration: none;
  padding: 16px 20px 12px 20px;
  font-weight: 700;
  font-size: 17px;
  line-height: 17px;
  text-align: center;
  color: white;
  margin: 0 auto;
}

.color--bildungswerk-blue .banner-box .banner-box__cta {
  background-color: #203c89 !important;
}

.color--bildungswerk-green .banner-box .banner-box__cta {
  background-color: #1b9438 !important;
}

.color--boell-blue .banner-box .banner-box__cta {
  background-color: #0e307f !important;
}

.color--boell-dark-green .banner-box .banner-box__cta {
  background-color: #45783a !important;
}

.color--boell-green .banner-box .banner-box__cta {
  background-color: #91c800 !important;
}

.color--boell-orange .banner-box .banner-box__cta {
  background-color: #fd7232 !important;
}

.color--boell-red .banner-box .banner-box__cta {
  background-color: #cc0000 !important;
}

.color--boell-turquoise .banner-box .banner-box__cta {
  background-color: #008599 !important;
}

.color--boell-yellow .banner-box .banner-box__cta {
  background-color: #fac32f !important;
}

.color--brandenburg-blue .banner-box .banner-box__cta {
  background-color: #0064a7 !important;
}

.color--brandenburg-green .banner-box .banner-box__cta {
  background-color: #95bb2e !important;
}

.color--brandenburg-orange .banner-box .banner-box__cta {
  background-color: #f8ad14 !important;
}

.color--brandenburg-red .banner-box .banner-box__cta {
  background-color: #e02d34 !important;
}

.color--greencampus-green .banner-box .banner-box__cta {
  background-color: #6bb232 !important;
}

.color--gwi-red .banner-box .banner-box__cta {
  background-color: #fc3f83 !important;
}

.color--gwi-turquoise .banner-box .banner-box__cta {
  background-color: #3a9192 !important;
}

.color--international-green .banner-box .banner-box__cta {
  background-color: #91c800 !important;
}

.color--international-orange .banner-box .banner-box__cta {
  background-color: #fd7232 !important;
}

.color--international-turquoise .banner-box .banner-box__cta {
  background-color: #008599 !important;
}

.color--mid-green .banner-box .banner-box__cta {
  background-color: #91c800 !important;
}

.color--mid-orange .banner-box .banner-box__cta {
  background-color: #fd7232 !important;
}

.color--mid-pink .banner-box .banner-box__cta {
  background-color: #e075ac !important;
}

.color--mid-red .banner-box .banner-box__cta {
  background-color: #cc0000 !important;
}

.color--mid-turquoise .banner-box .banner-box__cta {
  background-color: #66cbcc !important;
}

.color--mid-yellow .banner-box .banner-box__cta {
  background-color: #fac32f !important;
}

.color--state-blue .banner-box .banner-box__cta {
  background-color: #0e307f !important;
}

.color--state-green .banner-box .banner-box__cta {
  background-color: #91c800 !important;
}

.banner-box--full-bleed {
  margin-left: -10px;
  margin-right: -10px;
}

@media all and (min-width: 1000px) and (max-width: 1219.999px) {
  .banner-box--full-bleed {
    margin-left: calc(-50vw + 50%);
    margin-right: calc(-50vw + 50%);
  }
}

@media all and (min-width: 1220px) {
  .banner-box--full-bleed {
    margin-left: -210px;
    margin-right: -210px;
  }
}

.banner-box--full-bleed .banner-box__headline,
.banner-box--full-bleed .banner-box__teaser,
.banner-box--full-bleed .banner-box__teaser p {
  color: white;
}

.banner-box--full-bleed .banner-box__teaser {
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
}

.banner-box--full-bleed .banner-box__cta {
  background-color: white;
  color: black;
}

.banner-box--full-bleed--blue {
  background-color: #0e307f;
}

.banner-box--full-bleed--darkgreen {
  background-color: #45783a;
}

.banner-box--full-bleed--gray {
  background-color: #666;
}

.banner-box--full-bleed--red {
  background-color: #cc0000;
}

.banner-box--full-bleed--yellow {
  background-color: #fac32f;
}

.banner-box__close-button {
  background-color: rgba(0, 0, 0, 0.3);
  border-radius: 50%;
  color: white;
  cursor: pointer;
  font-size: 30px;
  height: 32px;
  position: absolute;
  right: 0;
  text-align: center;
  top: 10px;
  width: 32px;
  z-index: 100;
}

.banner-box__close-button:before, .banner-box__close-button:after {
  background-color: white;
  content: ' ';
  height: 16px;
  left: 15px;
  position: absolute;
  top: 8px;
  width: 3px;
}

.banner-box__close-button:before {
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}

.banner-box__close-button:after {
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

@media all and (min-width: 0) and (max-width: 699.999px) {
  .grid-box-banner--closable .banner-box__headline {
    margin-right: 36px;
  }
}
/*# sourceMappingURL=all.css.map */