@charset "UTF-8";
/******************************************************************
Site Name: OMA - Online Magazin
Author: David lampe

Stylesheet: Main Stylesheet

*/
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/open-sans/open-sans-latin-400-normal.woff2") format("woff2"), url("../fonts/open-sans/open-sans-latin-400-normal.woff") format("woff");
}
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../fonts/open-sans/open-sans-latin-600-normal.woff2") format("woff2"), url("../fonts/open-sans/open-sans-latin-600-normal.woff") format("woff");
}
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../fonts/open-sans/open-sans-latin-700-normal.woff2") format("woff2"), url("../fonts/open-sans/open-sans-latin-700-normal.woff") format("woff");
}
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("../fonts/open-sans/open-sans-latin-800-normal.woff2") format("woff2"), url("../fonts/open-sans/open-sans-latin-800-normal.woff") format("woff");
}
@font-face {
  font-family: "Open Sans Condensed";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("../fonts/open-sans-condensed/open-sans-condensed-latin-300-normal.woff2") format("woff2"), url("../fonts/open-sans-condensed/open-sans-condensed-latin-300-normal.woff") format("woff");
}
@font-face {
  font-family: "Open Sans Condensed";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../fonts/open-sans-condensed/open-sans-condensed-latin-700-normal.woff2") format("woff2"), url("../fonts/open-sans-condensed/open-sans-condensed-latin-700-normal.woff") format("woff");
}
@font-face {
  font-family: "Roboto Slab";
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url("../fonts/roboto-slab/roboto-slab-latin-100-normal.woff2") format("woff2"), url("../fonts/roboto-slab/roboto-slab-latin-100-normal.woff") format("woff");
}
@font-face {
  font-family: "Roboto Slab";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/roboto-slab/roboto-slab-latin-400-normal.woff2") format("woff2"), url("../fonts/roboto-slab/roboto-slab-latin-400-normal.woff") format("woff");
}
@font-face {
  font-family: "Roboto Slab";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../fonts/roboto-slab/roboto-slab-latin-700-normal.woff2") format("woff2"), url("../fonts/roboto-slab/roboto-slab-latin-700-normal.woff") format("woff");
}
@font-face {
  font-family: "Roboto Condensed";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/roboto-condensed/roboto-condensed-latin-400-normal.woff2") format("woff2"), url("../fonts/roboto-condensed/roboto-condensed-latin-400-normal.woff") format("woff");
}
@font-face {
  font-family: "Roboto Condensed";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/roboto-condensed/roboto-condensed-latin-400-italic.woff2") format("woff2"), url("../fonts/roboto-condensed/roboto-condensed-latin-400-italic.woff") format("woff");
}
@font-face {
  font-family: "Roboto Condensed";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../fonts/roboto-condensed/roboto-condensed-latin-700-normal.woff2") format("woff2"), url("../fonts/roboto-condensed/roboto-condensed-latin-700-normal.woff") format("woff");
}
@font-face {
  font-family: "Roboto Condensed";
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url("../fonts/roboto-condensed/roboto-condensed-latin-700-italic.woff2") format("woff2"), url("../fonts/roboto-condensed/roboto-condensed-latin-700-italic.woff") format("woff");
}
@font-face {
  font-family: "Alfa Slab One";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/alfa-slab-one/alfa-slab-one-latin-400-normal.woff2") format("woff2"), url("../fonts/alfa-slab-one/alfa-slab-one-latin-400-normal.woff") format("woff");
}
/* --------------------------------------------------

   Breakpoint Settings
   -------------------------------------------------- */
/* --------------------------------------------------

   Breakpoint Mixin
   -------------------------------------------------- */
/**
* #.# Input
*
* Custom style
*/
/**
* #.# Colors
*/
/**
* #.# Header
*/
/**
* #.# Boxes on Category Page (for Issues and Categories)
*/
/**
* #.# Article
*/
/* Header White */
/* Header Frame */
/* Header Half */
/* Header Hero */
h1 {
  font-family: "Open Sans", sans-serif;
  font-size: 40px;
  line-height: 35px;
  color: white;
  font-weight: 800;
  text-transform: uppercase;
  text-shadow: 1px 1px 50px rgba(0, 0, 0, 0.4);
  letter-spacing: -3px;
}
@media (min-width: 480px) {
  h1 {
    font-size: 50px;
    line-height: 40px;
  }
}
@media (min-width: 667px) {
  h1 {
    font-size: 60px;
    line-height: 50px;
    letter-spacing: -4.5px;
  }
}
@media (min-width: 1024px) {
  h1 {
    font-size: 70px;
    line-height: 60px;
  }
}
@media (min-width: 1280px) {
  h1 {
    font-size: 80px;
    line-height: 70px;
  }
}

h2 {
  font-family: "Open Sans", sans-serif;
  font-size: 38px;
  line-height: 38px;
  color: white;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: -4.5px;
}

h3 {
  font-family: "Open Sans Condensed", sans-serif;
  font-weight: 700;
  color: #252525;
  font-size: 19px;
  letter-spacing: 1px;
  text-transform: uppercase;
}
h3 a {
  color: #252525;
}

h4 {
  font-family: "Roboto Slab", serif;
  line-height: 32px;
  font-size: 22px;
  color: #000000;
  hyphens: auto;
  font-weight: 400;
}
@media (min-width: 1024px) {
  h4 {
    font-size: 30px;
    line-height: 40px;
  }
}

p {
  font-family: "Roboto Slab", serif;
  line-height: 32px;
  font-size: 20px;
  color: #000000;
  hyphens: auto;
}
@media (min-width: 1024px) {
  p {
    font-size: 18px;
  }
}

a {
  text-decoration: none;
  color: #66cc00;
}

.intro {
  color: white;
  font-family: "Roboto Slab", serif;
  font-size: 24px;
  font-weight: 400;
}

.teaser, .teaser p {
  font-family: "Roboto Slab", sans-serif;
  color: white;
  font-size: 18px;
  font-weight: 400;
  display: block;
}

.article-nav {
  font-family: "Open Sans", sans-serif;
  text-transform: uppercase;
  white-space: nowrap;
  font-weight: 600;
  font-size: 14px;
}

button.gpn {
  background: #66cc00;
  transition: background 0.5s;
  border: 1px solid #66cc00;
  font-family: "Open Sans", sans-serif;
  font-weight: 800;
  color: white;
  text-transform: uppercase;
  border-radius: 20px;
  padding: 7px 40px 8px 12px;
  display: inline;
  white-space: nowrap;
  font-size: 14px;
  cursor: pointer;
}
button.gpn a {
  color: white;
}
button.gpn:after {
  content: "";
  height: 20px;
  width: 20px;
  position: absolute;
  background-image: url(../images/button.svg);
  background-size: contain;
  transform: translate(11px, 0px);
}
button.gpn:hover {
  background: rgb(76.5, 153, 0);
}

/**
* #.# Basics
*
* CSS we need more than one time or which have to be changed for multiple elements
*/
@keyframes down {
  0% {
    background-position: 25px 25px;
  }
  50% {
    background-position: 25px 28.5714285714px;
  }
  100% {
    background-position: 25px 25px;
  }
}
@keyframes down-mobile {
  0% {
    background-position: 16.6666666667px 16.6666666667px;
  }
  50% {
    background-position: 16.6666666667px 18.1818181818px;
  }
  100% {
    background-position: 16.6666666667px 16.6666666667px;
  }
}
.burger:before, .burger:after, .header #inner-header .search:before {
  content: "";
  position: absolute;
  width: 1px;
  height: 54px;
  background: #404040;
  left: 0px;
  top: 0px;
}

.header #inner-header .article-nav .shadow, .header #inner-header .article-nav .article-link .link, .header #inner-header .article-nav .article-link {
  display: none;
}
@media (min-width: 1024px) {
  .header #inner-header .article-nav .shadow, .header #inner-header .article-nav .article-link .link, .header #inner-header .article-nav .article-link {
    display: inline;
  }
}

.header #inner-header .search, .header #inner-header .article-nav {
  display: none;
}
@media (min-width: 667px) {
  .header #inner-header .search, .header #inner-header .article-nav {
    display: inline;
  }
}
@keyframes mouse-scroll {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}

.single-post #content .video .opener:after, .page #content .video .opener:after, .single-post #content .hero .opener:after, .page #content .hero .opener:after {
  content: "";
  position: absolute;
  bottom: -10px;
  left: 0px;
  width: 100%;
  height: 40px;
  background: #252525;
  transform: skew(0deg, -0.8deg);
}

.single-post #content .hero .opener, .page #content .hero .opener {
  position: relative;
  background-color: #252525;
  text-align: center;
}
.single-post #content .hero .opener .intro_wrapper, .page #content .hero .opener .intro_wrapper {
  width: 90%;
  margin: 0 auto;
  padding-top: 10px;
}
@media (min-width: 480px) {
  .single-post #content .hero .opener .intro_wrapper, .page #content .hero .opener .intro_wrapper {
    width: 75%;
  }
}
@media (min-width: 667px) {
  .single-post #content .hero .opener .intro_wrapper, .page #content .hero .opener .intro_wrapper {
    width: 65%;
  }
}
@media (min-width: 1024px) {
  .single-post #content .hero .opener .intro_wrapper, .page #content .hero .opener .intro_wrapper {
    width: 55%;
  }
}
.single-post #content .hero .opener .intro_wrapper .intro, .page #content .hero .opener .intro_wrapper .intro {
  padding-bottom: 30px;
}
.single-post #content .half .article-header .opener, .page #content .half .article-header .opener, .single-post #content .frame .article-header .opener, .page #content .frame .article-header .opener, .single-post #content .white .article-header .opener, .page #content .white .article-header .opener {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
}

.single-post #content .half .article-header .opener .center .entry-title:after, .page #content .half .article-header .opener .center .entry-title:after, .single-post #content .article-header .entry-title:after, .page #content .article-header .entry-title:after {
  content: "";
  width: 80px;
  height: 5px;
  background: #bdbdbd;
  position: absolute;
  left: 50%;
  margin-left: -40px;
  margin-top: 65px;
}
@media (min-width: 1280px) {
  .single-post #content .half .article-header .opener .center .entry-title:after, .page #content .half .article-header .opener .center .entry-title:after, .single-post #content .article-header .entry-title:after, .page #content .article-header .entry-title:after {
    margin-top: 75px;
  }
}

.category #content .down, .home #content .down {
  position: absolute;
  left: 50%;
  cursor: pointer;
  z-index: 2;
  width: 66.6666666667px;
  height: 66.6666666667px;
  border-radius: 33.3333333333px;
  margin-left: -33.3333333333px;
  margin-top: -33.3333333333px;
  background-color: white;
  background-image: url(../images/down.svg);
  background-size: 50%;
  background-repeat: no-repeat;
  background-position: 16.6666666667px 16.6666666667px;
  animation: down-mobile 1.5s ease-in-out 6;
}
@media (min-width: 667px) {
  .category #content .down, .home #content .down {
    width: 100px;
    height: 100px;
    border-radius: 50px;
    margin-left: -50px;
    margin-top: -50px;
    background-position: 25px 25px;
    animation: down 1.5s ease-in-out 6;
  }
}

.grid #main .box .content .image-background:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

:root {
  --gpn-color-surface: #ffffff;
  --gpn-color-surface-alt: #f5f5f5;
  --gpn-color-text: #121212;
  --gpn-color-text-inverse: #ffffff;
  --gpn-color-accent: #007a3d;
  --gpn-color-accent-dark: #005629;
  --gpn-focus-outline: #ffbf47;
  --gpn-focus-outline-offset: 3px;
  --gpn-font-base: "Open Sans", "Roboto", "Helvetica Neue", Arial, sans-serif;
  --gpn-font-heading: "Open Sans", "Helvetica Neue", Arial, sans-serif;
}

.skip-link {
  position: absolute;
  top: 0;
  left: -9999px;
  z-index: 1000;
  padding: 0.75rem 1.25rem;
  background-color: var(--gpn-color-accent);
  color: var(--gpn-color-text-inverse);
  font-weight: 600;
  text-decoration: none;
  transition: left 0.2s ease, transform 0.2s ease;
}

.skip-link:focus,
.skip-link:focus-visible {
  left: 1rem;
  transform: translateY(1rem);
  outline: none;
}

.screen-reader-text {
  position: absolute !important;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}

.screen-reader-text:focus,
.screen-reader-text:focus-visible {
  position: static !important;
  width: auto;
  height: auto;
  margin: 0;
  clip: auto;
  clip-path: none;
  white-space: normal;
  padding: 0.5rem 1rem;
  background-color: var(--gpn-color-surface);
  color: var(--gpn-color-text);
  box-shadow: 0 0 0 3px var(--gpn-focus-outline);
  z-index: 1000;
}

.entry-topic {
  display: inline-block;
  margin: 25px 0 0.5rem;
  padding: 2px 6px;
  background: #ffffff;
  color: #252525;
  font-family: "Open Sans Condensed", "Arial Narrow", Arial, sans-serif;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.entry-topic a {
  color: #252525;
  text-decoration: none;
}

.entry-topic a:hover,
.entry-topic a:focus,
.entry-topic a:focus-visible {
  color: #252525;
  text-decoration: underline;
}

.entry-topic--empty {
  display: inline-block;
  min-height: 1rem;
}

a {
  color: var(--gpn-color-accent);
  text-decoration-thickness: 2px;
  text-underline-offset: 0.2em;
}

a:hover,
a:focus {
  color: var(--gpn-color-accent-dark);
}

a:focus-visible,
button:focus-visible,
input:focus-visible,
textarea:focus-visible,
select:focus-visible,
[role=button]:focus-visible {
  outline: 3px solid var(--gpn-focus-outline);
  outline-offset: var(--gpn-focus-outline-offset);
}

button,
input,
select,
textarea {
  font-family: var(--gpn-font-base);
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--gpn-font-heading);
}

.wrapper--main {
  opacity: 1;
  transition: opacity 0.5s;
}
.wrapper--main.fadeIn {
  opacity: 1;
}

#preloader {
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  background-color: #252525;
  /* change if the mask should have another color then white */
  z-index: 999;
  width: 100vw;
  height: 100vh;
  transition: transform 1s ease-out;
  transition-delay: 0.5s;
  /* makes sure it stays on top */
}
#preloader.animate {
  transform: translateX(-100vw);
}

#status {
  width: 70px;
  height: 70px;
  position: absolute;
  left: 50%;
  /* centers the loading animation horizontally one the screen */
  top: 50%;
  /* centers the loading animation vertically one the screen */
  background-image: url(../images/plus.svg);
  /* path to your loading animation */
  background-repeat: no-repeat;
  background-position: center;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  margin: -35px 0px 0px -35px;
  /* is width and height divided by two */
}

.revealer {
  position: absolute;
  width: 100vw;
  height: 100vh;
  background: #66cc00;
  z-index: 1000;
  right: -100vw;
  top: 0;
  bottom: 0;
  transition: right 1s ease-out;
}
.revealer.animate {
  right: 100vw;
}

.aligncenter {
  display: block;
  margin: 0 auto;
}

/**
* #.# Body
*/
body {
  margin: 0;
  padding: 0;
  background-color: #252525 !important;
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-smooth: always;
}

/**
* #.# Some Extras
*/
.full-bg-img {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.full-bg-img__media,
.full-bg-img > img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}

.image-background {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.image-background img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: auto;
  width: auto;
}
.image-background.top img, .image-background.top video {
  top: 0%;
  transform: translate(-50%, 0%);
}
.image-background.bottom img, .image-background.bottom video {
  bottom: 0%;
  top: inherit;
  transform: translate(-50%, 0%);
}
.image-background.left img, .image-background.left video {
  left: 0%;
  transform: translate(0%, -50%);
}
.image-background.right img, .image-background.right video {
  right: 0%;
  left: inherit;
  transform: translate(0%, -50%);
}
.image-background.left.bottom img, .image-background.left.bottom video {
  left: 0%;
  transform: translate(0%, 0%);
}
.image-background.left.top img, .image-background.left.top video {
  left: 0%;
  transform: translate(0%, 0%);
}
.image-background.right.bottom img, .image-background.right.bottom video {
  right: 0%;
  left: inherit;
  transform: translate(0%, 0%);
}
.image-background.right.top img, .image-background.right.top video {
  right: 0%;
  left: inherit;
  transform: translate(0%, 0%);
}

.bgwidth {
  width: 101% !important;
}

.bgheight {
  height: 101% !important;
}

.parallax {
  position: absolute;
  clip: rect(0px, auto, auto, 0px);
}
.parallax img {
  position: fixed;
}

.copyright {
  position: absolute;
  top: 0px;
  right: 0px;
  padding: 0px;
  height: 7px;
  font-family: "Open Sans", sans-serif;
  color: #c6c6c6;
  transform: translate(-50%, -50%);
  transform: rotate(-90deg);
  transform-origin: right top;
  font-size: 10px;
}
.copyright:before {
  content: "© ";
}
@media (min-width: 1280px) {
  .copyright {
    right: -2px;
    font-size: 10px;
  }
}

.head-copyright {
  position: absolute;
  bottom: 0px;
  right: 0px;
  padding: 4px 8px;
  height: 10px;
  font-family: "Open Sans", sans-serif;
  color: #656565;
  background: white;
  font-size: 10px;
  z-index: 2;
}
.head-copyright.dark {
  background: #252525;
}
.head-copyright:before {
  content: "© ";
}

.overlay .head-copyright-2 {
  position: absolute;
  top: -18px;
  right: 0px;
  padding: 4px 8px;
  height: 10px;
  font-family: "Open Sans", sans-serif;
  color: #656565;
  background: white;
  font-size: 10px;
  display: block;
}
.overlay .head-copyright-2.dark {
  background: #252525;
}
.overlay .head-copyright-2:before {
  content: "© ";
}
@media (min-width: 1024px) {
  .overlay .head-copyright-2 {
    display: none;
  }
}

input:focus {
  outline: none;
}

.clear {
  clear: both;
}

.hide {
  display: none;
}

::-moz-selection {
  background: #21cd1d;
}

::selection {
  background: #21cd1d;
}

::-moz-selection {
  background: #21cd1d;
}

#nav_arrow {
  width: 20px;
}

/**
* #.# Header
*/
/* Fix Wordpress Admin Bar */
.admin-bar .header {
  top: 32px;
}
.admin-bar #sidr {
  top: 86px;
}

.header {
  position: fixed;
  right: 15px;
  left: 0;
  top: 0;
  z-index: 100;
  width: 100vw;
  height: 54px;
  background-color: #252525;
  border-bottom: 1px solid #404040;
}
.header #inner-header {
  position: relative;
  right: 15px;
}
.header #inner-header .logo {
  margin: 1.2em 0.5em 1.2em 2.5em;
  float: left;
  width: 109px;
  height: 16px;
}
.header #inner-header .logo use {
  fill: white;
}
.header #inner-header .article-nav {
  position: absolute;
  right: 90px;
  top: 0px;
  height: 39px;
  padding-top: 16px;
}
.header #inner-header .article-nav .issue {
  color: rgb(178.5, 178.5, 178.5);
  float: left;
  padding: 1px 0px;
}
.header #inner-header .article-nav .issue:hover {
  color: #66cc00;
}
.header #inner-header .article-nav .article-link {
  float: left;
  padding: 1px 0px;
  overflow: hidden;
  width: 180px;
  height: 54px;
  position: relative;
}
.header #inner-header .article-nav .article-link .link {
  transition: top 0.5s;
  width: 170px;
  overflow: hidden;
  color: #fff;
  padding-left: 5px;
  position: absolute;
}
.header #inner-header .article-nav .article-link .link.fadeIn {
  animation-delay: 0.3s;
  animation-duration: 0.3s;
}
.header #inner-header .article-nav .article-link .link.fadeOut {
  animation-duration: 0.3s;
}
.header #inner-header .article-nav .article-next, .header #inner-header .article-nav .article-prev {
  float: left;
  padding: 16px 5px;
  font-size: 30px;
  line-height: 16px;
  font-weight: 400;
  position: relative;
  width: 25px;
  height: 25px;
  top: -15px;
  text-align: center;
}
.header #inner-header .article-nav .article-next .arrow .icon, .header #inner-header .article-nav .article-prev .arrow .icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  fill: #66cc00;
  stroke: #66cc00;
  transition: fill 0.5s, stroke 0.5s;
}
.header #inner-header .article-nav .article-next:hover, .header #inner-header .article-nav .article-prev:hover {
  cursor: pointer;
}
.header #inner-header .article-nav .article-next:hover a, .header #inner-header .article-nav .article-prev:hover a {
  color: #66cc00;
  cursor: pointer;
}
.header #inner-header .article-nav .article-next:hover .tooltiptext, .header #inner-header .article-nav .article-prev:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}
.header #inner-header .article-nav .article-next:hover .arrow .icon, .header #inner-header .article-nav .article-prev:hover .arrow .icon {
  fill: white;
  stroke: white;
}
.header #inner-header .article-nav .article-next .tooltiptext, .header #inner-header .article-nav .article-prev .tooltiptext {
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.5s;
  width: 120px;
  font-size: 12px;
  background-color: #252525;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  text-transform: none;
  /* Position the tooltip */
  position: absolute;
  z-index: 1;
  bottom: -30px;
  left: -40px;
}
.header #inner-header .article-nav .article-prev .arrow .icon {
  transform: rotate(180deg);
}
.header #inner-header .article-nav .shadow {
  position: absolute;
  width: 10%;
  height: 99%;
  top: 0;
  right: 20px;
  -ms-box-shadow: inset -30px 0px 20px 0px #252525;
  -o-box-shadow: inset -30px 0px 20px 0px #252525;
  box-shadow: inset -30px 0px 20px 0px #252525;
}
.header #inner-header .article-nav .shadow.last {
  right: 0px;
}
.header #inner-header .search {
  position: absolute;
  right: 0;
  overflow: hidden;
  padding: 18px;
}
.header #inner-header .search .icon {
  background-image: url(../images/search-icon.svg);
  background-color: transparent;
  background-size: cover;
  display: block;
  height: 20px;
  width: 20px;
  opacity: 0.4;
  transition: opacity 0.5s;
}
.header #inner-header .search:hover .icon {
  opacity: 1;
}

/**
* #.# Category
*/
/*
.page {
	h1 {
		color: black;
	}
	a {
		color: $highlight-color;
	}
	.entry-content {
		margin: 54px auto 0px auto !important;
		padding-top: 50px !important;
	}
}
*/
@keyframes kenburns {
  0% {
    transform: scale(1) translate(-50%, -50%);
    animation-timing-function: ease-in;
  }
  100% {
    transform: scale(1.05) translate(-50%, -50%);
  }
}
.category, .home {
  background: white;
}
.category #content, .home #content {
  position: relative;
  width: 100%;
  height: auto;
  margin-top: 54px;
  transition: opacity 0.5s;
}
.category #content .lead, .home #content .lead {
  position: relative;
  width: 100%;
  height: 500px;
}
.category #content .lead .gpn, .home #content .lead .gpn {
  position: absolute;
  left: 5%;
  top: 10%;
  width: 90%;
  z-index: 2;
}
@media (min-width: 667px) {
  .category #content .lead .gpn, .home #content .lead .gpn {
    width: 50%;
    left: 3%;
    top: 8%;
  }
}
@media (min-width: 1024px) {
  .category #content .lead .gpn, .home #content .lead .gpn {
    width: 32%;
  }
}
@media (min-width: 1680px) {
  .category #content .lead .gpn, .home #content .lead .gpn {
    width: 20%;
  }
}
.category #content .lead .gpn .title, .home #content .lead .gpn .title {
  color: #2a2a2a;
  letter-spacing: -2px;
  line-height: 34px;
  font-size: 40px;
  margin: 0px;
  font-weight: 800;
  font-family: "Open Sans", sans-serif;
  text-transform: uppercase;
  hyphens: none;
}
@media (min-width: 667px) {
  .category #content .lead .gpn .title, .home #content .lead .gpn .title {
    font-size: 45px;
    line-height: 35px;
  }
}
@media (min-width: 1024px) {
  .category #content .lead .gpn .title, .home #content .lead .gpn .title {
    font-size: 50px;
    line-height: 40px;
  }
}
@media (min-width: 1280px) {
  .category #content .lead .gpn .title, .home #content .lead .gpn .title {
    font-size: 60px;
    line-height: 50px;
    letter-spacing: -3px;
  }
}
.category #content .lead .gpn .bottom, .home #content .lead .gpn .bottom {
  color: #2a2a2a;
  margin-top: 0px;
  text-transform: uppercase;
  font-family: "Open Sans", sans-serif;
  font-size: 12px;
  line-height: 20px;
  display: inline;
}
@media (min-width: 667px) {
  .category #content .lead .gpn .bottom, .home #content .lead .gpn .bottom {
    font-size: 14px;
    line-height: 22px;
  }
}
@media (min-width: 1024px) {
  .category #content .lead .gpn .bottom, .home #content .lead .gpn .bottom {
    font-size: 14px;
    line-height: 24px;
  }
}
@media (min-width: 1280px) {
  .category #content .lead .gpn .bottom, .home #content .lead .gpn .bottom {
    font-size: 14px;
    line-height: 26px;
  }
}
.category #content .lead .gpn p:nth-child(3), .home #content .lead .gpn p:nth-child(3) {
  padding-left: 10px;
  font-weight: 600;
}
@media (min-width: 1024px) {
  .category #content .lead .gpn p:nth-child(3), .home #content .lead .gpn p:nth-child(3) {
    display: none;
  }
}
.category #content .lead .issue, .home #content .lead .issue {
  position: absolute;
  text-align: right;
  right: 3%;
  top: 3%;
  width: 40px;
  display: none;
  margin: 30px 0px;
  z-index: 2;
}
@media (min-width: 1024px) {
  .category #content .lead .issue, .home #content .lead .issue {
    right: 3%;
    top: 3%;
    display: block;
  }
}
@media (min-width: 1680px) {
  .category #content .lead .issue, .home #content .lead .issue {
    right: 3%;
    top: 4%;
  }
}
.category #content .lead .issue span, .home #content .lead .issue span {
  font-family: "Open Sans", sans-serif;
  font-weight: 800;
  color: #2a2a2a;
  letter-spacing: -2px;
  line-height: 40px;
  font-size: 36px;
  display: block;
  word-wrap: break-word;
}
.category #content .lead .issue span .divide, .home #content .lead .issue span .divide {
  content: "";
  position: absolute;
  top: 39px;
  width: 37px;
  height: 3px;
  background-color: #2a2a2a;
  transition: background-color 0.8s;
  left: 5px;
}
.category #content .lead .opener, .home #content .lead .opener {
  position: absolute;
  bottom: 40px;
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
  animation-duration: 1s;
  animation-delay: 2s;
  z-index: 99;
  width: 80%;
}
@media (min-width: 1024px) {
  .category #content .lead .opener, .home #content .lead .opener {
    width: 70%;
  }
}
@media (min-width: 1280px) {
  .category #content .lead .opener, .home #content .lead .opener {
    width: 60%;
  }
}
.category #content .lead .opener h1, .home #content .lead .opener h1 {
  font-size: 26px;
  line-height: 26px;
  letter-spacing: -1px;
  padding: 5px 10px;
}
.category #content .lead .opener h1.noshadow, .home #content .lead .opener h1.noshadow {
  text-shadow: none;
}
@media (min-width: 667px) {
  .category #content .lead .opener h1, .home #content .lead .opener h1 {
    font-size: 38px;
    line-height: 32px;
    letter-spacing: -2px;
  }
}
@media (min-width: 1024px) {
  .category #content .lead .opener h1, .home #content .lead .opener h1 {
    font-size: 50px;
    line-height: 54px;
    letter-spacing: -3px;
  }
}
@media (min-width: 1280px) {
  .category #content .lead .opener h1, .home #content .lead .opener h1 {
    font-size: 54px;
    line-height: 62px;
  }
}
.category #content .lead .opener .lookback, .home #content .lead .opener .lookback {
  width: 100%;
  height: 200px;
  margin: 0 auto;
}
@media (min-width: 667px) {
  .category #content .lead .opener .lookback, .home #content .lead .opener .lookback {
    width: 600px;
    height: 200px;
    margin: 0 auto;
  }
}
@media (min-width: 1024px) {
  .category #content .lead .opener .lookback, .home #content .lead .opener .lookback {
    width: 750px;
    height: 200px;
    margin: 0 auto;
  }
}
.category #content .lead .opener .lookback .year, .home #content .lead .opener .lookback .year {
  font-family: "Open Sans";
  font-weight: 900;
  font-size: 60px;
  float: left;
  text-align: center;
  width: 100%;
}
@media (min-width: 667px) {
  .category #content .lead .opener .lookback .year, .home #content .lead .opener .lookback .year {
    font-size: 80px;
    width: 40%;
    text-align: left;
  }
}
@media (min-width: 1024px) {
  .category #content .lead .opener .lookback .year, .home #content .lead .opener .lookback .year {
    font-size: 100px;
    width: 270px;
  }
}
.category #content .lead .opener .lookback .text, .home #content .lead .opener .lookback .text {
  float: right;
  font-family: "Open Sans";
  font-weight: 600;
  font-size: 25px;
  text-align: center;
  line-height: 30px;
  width: 100%;
}
@media (min-width: 667px) {
  .category #content .lead .opener .lookback .text, .home #content .lead .opener .lookback .text {
    font-size: 30px;
    line-height: 40px;
    width: 60%;
    text-align: left;
    padding-top: 20px;
  }
}
@media (min-width: 1024px) {
  .category #content .lead .opener .lookback .text, .home #content .lead .opener .lookback .text {
    font-size: 36px;
    line-height: 48px;
    width: 480px;
  }
}
.category #content .lead .opener .wahl, .home #content .lead .opener .wahl {
  position: relative;
  top: 35px;
}
@media (min-width: 1024px) {
  .category #content .lead .opener .wahl, .home #content .lead .opener .wahl {
    top: -50px;
  }
}
.category #content .lead .opener .wahl .padded-multiline, .home #content .lead .opener .wahl .padded-multiline {
  border-left: 21px solid #f39100;
  margin-bottom: 20px;
  padding: 1px 0;
  text-align: left;
  float: left;
}
@media (min-width: 1024px) {
  .category #content .lead .opener .wahl .padded-multiline, .home #content .lead .opener .wahl .padded-multiline {
    padding: 4px 0;
  }
}
@media (min-width: 1280px) {
  .category #content .lead .opener .wahl .padded-multiline, .home #content .lead .opener .wahl .padded-multiline {
    padding: 6px 0;
  }
}
.category #content .lead .opener .wahl .padded-multiline h1, .home #content .lead .opener .wahl .padded-multiline h1 {
  position: initial;
  width: initial;
  text-shadow: none;
  background-color: #f39100;
  padding: 0px;
  color: #fff;
  display: inline;
  margin: 0;
  text-align: left;
  text-transform: none;
  font-size: 30px;
  line-height: 40px;
}
@media (min-width: 1024px) {
  .category #content .lead .opener .wahl .padded-multiline h1, .home #content .lead .opener .wahl .padded-multiline h1 {
    font-size: 50px;
    line-height: 60px;
  }
}
@media (min-width: 1280px) {
  .category #content .lead .opener .wahl .padded-multiline h1, .home #content .lead .opener .wahl .padded-multiline h1 {
    font-size: 60px;
    line-height: 70px;
  }
}
.category #content .lead .opener .wahl .padded-multiline h1 strong, .home #content .lead .opener .wahl .padded-multiline h1 strong {
  left: -10px;
  font-weight: 800;
  position: relative;
}
.category #content .lead .opener .wahl h2, .home #content .lead .opener .wahl h2 {
  z-index: 2;
  background: white;
  color: black;
  font-size: 15px;
  letter-spacing: 0px;
  padding: 5px 13px;
  width: auto;
  display: inline;
  float: left;
}
@media (min-width: 1024px) {
  .category #content .lead .opener .wahl h2, .home #content .lead .opener .wahl h2 {
    font-size: 20px;
  }
}
.category #content .lead .opener .wahl h2.hash, .home #content .lead .opener .wahl h2.hash {
  background: yellow;
  text-transform: none; /* IE 9 */ /* Safari */
  transform: rotate(-2deg);
  margin-bottom: 35px;
}
.category #content .lead .gallery, .home #content .lead .gallery {
  background: #252525;
}
.category #content .lead .gallery .slide, .home #content .lead .gallery .slide {
  opacity: 0;
  z-index: 1;
  transition: opacity 1s;
}
.category #content .lead .gallery .showing, .home #content .lead .gallery .showing {
  opacity: 1;
  z-index: 2;
}
.category #content .lead .tv, .category #content .lead .tv-overlay, .home #content .lead .tv, .home #content .lead .tv-overlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.category #content .lead .tv .screen, .category #content .lead .tv-overlay .screen, .home #content .lead .tv .screen, .home #content .lead .tv-overlay .screen {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  margin: auto;
  opacity: 0;
  transition: opacity 0.5s;
}
.category #content .lead .tv .screen.active, .category #content .lead .tv-overlay .screen.active, .home #content .lead .tv .screen.active, .home #content .lead .tv-overlay .screen.active {
  opacity: 1;
}
.category #content .lead .tv-overlay, .home #content .lead .tv-overlay {
  background: black;
  z-index: 2;
  opacity: 0.4;
}
.category #content, .home #content {
  /* .hero-article */
}
.category #content #inner-content, .home #content #inner-content {
  width: 100%;
  background: white;
}
.category #content #inner-content #main, .home #content #inner-content #main {
  max-width: 1400px;
  margin: 0px auto;
  display: block;
}
.category #content, .home #content {
  /* #inner-content */
}
.category, .home {
  /* #content */
}
.category .footer, .home .footer {
  clear: both;
}

/* .category */
.footer {
  background-color: #252525;
  border-top: 1px solid #404040;
  position: relative;
}
.footer p {
  color: white;
  font-family: "Open Sans";
  margin: 0;
  font-size: 14px;
  padding: 15px 15px;
  line-height: 18px;
}
.footer .left {
  width: 50%;
  height: 54px;
  float: left;
}
@media (min-width: 667px) {
  .footer .left {
    width: 40%;
  }
}
.footer .center {
  width: 50%;
  float: right;
  height: 54px;
  position: relative;
}
@media (min-width: 667px) {
  .footer .center {
    width: 20%;
    float: left;
  }
}
.footer .center .donate {
  float: right;
  margin-right: 11px;
}
@media (min-width: 667px) {
  .footer .center .donate {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
  }
}
.footer .center .donate button {
  margin: 9px 0px 9px 15px;
}
.footer .right {
  width: 100%;
  float: right;
  height: 54px;
  margin-right: 11px;
}
@media (min-width: 667px) {
  .footer .right {
    width: 40%;
    margin-right: 0px;
  }
}
.footer .right .menu-footer-container {
  position: relative;
  float: right;
}
.footer .right .menu-footer-container ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
}
.footer .right .menu-footer-container ul li {
  padding: 17px 5px;
}
@media (min-width: 480px) {
  .footer .right .menu-footer-container ul li {
    padding: 17px 15px;
  }
}
.footer .right .menu-footer-container ul li {
  float: left;
}
.footer .right .menu-footer-container ul li a {
  color: white;
  font-size: 14px;
  font-family: "Open Sans", sans-serif;
}
.footer .right .menu-footer-container ul li a:hover {
  color: #66cc00;
}

.gpn-media {
  display: flex;
  flex-wrap: wrap;
}
.gpn-media .magazin, .gpn-media .gp-energy, .gpn-media .abo {
  height: 280px;
  width: 100%;
  position: relative;
}
@media (min-width: 1024px) {
  .gpn-media .magazin, .gpn-media .gp-energy, .gpn-media .abo {
    width: 50%;
  }
}
.gpn-media .magazin .info, .gpn-media .gp-energy .info, .gpn-media .abo .info {
  width: 200px;
  text-align: right;
  top: 50%;
  left: 10px;
  right: inherit;
  position: absolute;
  transform: translateY(-50%);
}
.gpn-media .magazin .info h3, .gpn-media .gp-energy .info h3, .gpn-media .abo .info h3 {
  margin: 0px 0px;
  font-size: 19px;
  color: #1bbdfc;
}
@media (min-width: 667px) {
  .gpn-media .magazin .info h3, .gpn-media .gp-energy .info h3, .gpn-media .abo .info h3 {
    font-size: 21px;
  }
}
.gpn-media .magazin .info button, .gpn-media .gp-energy .info button, .gpn-media .abo .info button {
  background: #fedc3d;
  font-size: 18px;
  color: black;
  padding: 8px 14px;
  display: inline;
  font-weight: 800;
  font-size: 15px;
  font-family: "Open Sans";
  text-transform: uppercase;
  border: none;
}
.gpn-media .magazin .info h2, .gpn-media .gp-energy .info h2, .gpn-media .abo .info h2 {
  padding: 10px 0px;
  margin: 0px 0px 10px 0px;
  font-size: 28px;
  line-height: 28px;
  max-width: 300px;
  letter-spacing: -1px;
  color: black;
}
@media (min-width: 667px) {
  .gpn-media .magazin .info h2, .gpn-media .gp-energy .info h2, .gpn-media .abo .info h2 {
    font-size: 26px;
    line-height: 28px;
    max-width: none;
  }
}
.gpn-media .magazin .logo-svg {
  width: 200px;
  display: none;
  position: absolute;
  left: 20px;
  top: 10px;
  z-index: 2;
}
@media (min-width: 667px) {
  .gpn-media .magazin .logo-svg {
    display: block;
  }
}
.gpn-media .magazin .info {
  right: 10px;
  left: inherit;
  text-align: left;
  z-index: 2;
}
.gpn-media .magazin .info h3 {
  color: #000000;
}
.gpn-media .magazin .info button {
  background: #ffffff;
}
.gpn-media .magazin .info h2 {
  color: white;
}
.gpn-media .gp-energy .info {
  left: 20px;
  text-align: left;
  z-index: 2;
}
.gpn-media .gp-energy .info h3 {
  color: white;
}
.gpn-media .gp-energy .info button {
  background: white;
  color: #87be2c;
}
.gpn-media .gp-energy .info h2 {
  color: white;
}
.gpn-media .abo .info {
  left: 20px;
  text-align: left;
  z-index: 2;
  width: 400px;
}
.gpn-media .abo .info h3 {
  color: #000000;
}
.gpn-media .abo .info button {
  background: #ffffff;
}
.gpn-media .abo .info h2 {
  color: black;
}

.mCSB_inside > .mCSB_container {
  margin-right: 0px !important;
}

/* --------------------------------------------------

	 VISUAL COMPOSER
   -------------------------------------------------- */
.wpb_button, .wpb_content_element, ul.wpb_thumbnails-fluid > li {
  margin: 10px 0px 17px 0px;
}

.vc_row .vc_figure-caption, .vc_row-no-padding .vc_figure-caption {
  color: #252525;
  font-size: 1em !important;
  font-weight: normal;
  margin: 0px;
  font-family: "Open Sans";
  line-height: initial;
  background: #eee;
  padding: 20px 20px;
  box-sizing: border-box;
  width: 100%;
  max-width: none !important;
  text-align: left;
}
@media (min-width: 667px) {
  .vc_row .vc_figure-caption, .vc_row-no-padding .vc_figure-caption {
    padding: 20px 40px;
  }
}
.vc_row .vc_figure-caption.white, .vc_row .vc_figure-caption.white p, .vc_row-no-padding .vc_figure-caption.white, .vc_row-no-padding .vc_figure-caption.white p {
  color: #252525;
  text-align: center;
  font-weight: bold;
  background: white;
}

.text-figure-caption p {
  font-size: 1em !important;
  margin: 0px;
  font-family: "Open Sans";
  line-height: initial;
  padding: 20px 20px;
}
@media (min-width: 667px) {
  .text-figure-caption p {
    padding: 20px 40px;
  }
}
.text-figure-caption p {
  color: #252525;
  font-weight: bold;
  background: white;
}
.text-figure-caption.left p {
  text-align: left;
}
.text-figure-caption.center p {
  text-align: center;
}
.text-figure-caption.right p {
  text-align: right;
}

.vc_figure {
  position: relative;
}

.wpb_text_column h2 {
  font-size: 30px;
  letter-spacing: -1px;
  line-height: 30px;
}

.wpb_text_column h3 {
  margin: 0px 0px 15px 0px;
}

.wpb_text_column img {
  width: 100%;
  height: auto;
}
@media (min-width: 1024px) {
  .wpb_text_column img {
    width: inherit;
  }
}

div.pp_default .pp_content_container .pp_left,
div.pp_default .pp_content_container .pp_right {
  background: none !important;
}

.pp_expand {
  display: none !important;
}

.pp_description {
  margin: 0 !important;
  padding: 8px;
  text-align: center;
  color: white;
  font-size: 15px !important;
}

div.pp_default .pp_top,
div.pp_default .pp_bottom {
  display: none !important;
}

div.pp_details {
  background-color: #252525;
  margin: 0 !important;
}

div.pp_details .pp_nav {
  display: none !important;
}

div.pp_default .pp_content {
  background-color: #252525 !important;
}

/*
.vc_col-sm-12.vc_column_container > .vc_column-inner {
	padding: 0px;
}

@include breakpoint('m') {
.vc_col-sm-12.vc_column_container >.vc_column-inner {
	padding: 0px 15%;
}
}
*/
.infobox {
  background: #f9f9f9;
  text-align: left;
  padding: 38px 25px 44px 25px;
  margin-bottom: 40px;
  margin-top: 18px;
  position: relative;
  width: calc(100% - 50px);
  left: 0px;
}
@media (min-width: 667px) {
  .infobox {
    padding: 38px 45px 44px 45px;
    width: calc(100% - 90px);
  }
  .infobox.left {
    left: -20px;
  }
  .infobox.right {
    right: -20px;
  }
}
@media (min-width: 1024px) {
  .infobox {
    max-width: 380px;
  }
  .infobox.left {
    left: -65px;
  }
  .infobox.right {
    right: -65px;
  }
}
.infobox.full {
  max-width: none;
}
.infobox .topline {
  color: #252525;
  font-family: "Open Sans";
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 800;
  padding: 0px 0px 18px 0px;
}
.infobox .title {
  display: block;
  color: #252525;
  font-family: "Open Sans";
  padding: 10px 0px;
  font-size: 20px;
  line-height: 20px;
  text-transform: uppercase;
  font-weight: 800;
  letter-spacing: -0.5px;
  width: 80%;
  margin: 5px 0 5px 0;
  position: relative;
}
.infobox .text p, .infobox .text {
  font-family: "Open Sans";
  color: #252525;
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
}
.infobox .img-wrapper {
  position: relative;
  margin-bottom: 10px;
}
.infobox img {
  max-width: 100%;
  height: auto;
}

.disturber {
  background: #f9f9f9;
  border: 1px solid #e8e8e8;
  text-align: center;
  padding: 18px 18px 24px 18px;
  margin-bottom: 40px;
  margin-top: 18px;
  position: relative;
}
@media (min-width: 1024px) {
  .disturber {
    max-width: 240px;
  }
  .disturber.left {
    left: -80px;
  }
  .disturber.right {
    right: -80px;
  }
}
.disturber .topline {
  color: #252525;
  font-family: "Open Sans";
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 800;
  padding: 0px 0px 18px 0px;
}
.disturber .title {
  display: block;
  color: #252525;
  font-family: "Open Sans";
  padding: 10px 0px;
  font-size: 19px;
  line-height: 20px;
  text-transform: uppercase;
  font-weight: 800;
  letter-spacing: -0.5px;
  padding: 15px 0px;
  width: 80%;
  margin: 0 auto;
}
.disturber .text {
  color: #252525;
  font-size: 16px;
  line-height: 18px;
}
.disturber img {
  width: 100%;
  height: auto;
}

.quote {
  width: 80%;
  margin: 3px auto 0px auto;
  display: block;
  text-align: center;
}
@media (min-width: 667px) {
  .quote {
    margin: 13px auto 10px auto;
  }
}
.quote .content {
  font-size: 22px;
  line-height: 35px;
  color: #66cc00;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: bold;
  font-style: italic;
  text-transform: uppercase;
  hyphens: none;
}
.quote .content.no-uppercase {
  text-transform: none;
}
.quote p {
  margin: 0px !important;
}
.quote .source {
  font-family: "Open Sans", sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  text-align: center;
  margin-top: 40px;
  margin-bottom: 10px;
  position: relative;
  color: #252525;
}
@media (min-width: 667px) {
  .quote .source {
    margin-bottom: 0px;
  }
}
.quote .source:before {
  position: absolute;
  content: "";
  top: -15px;
  width: 50px;
  height: 3px;
  background: #252525;
  left: 50%;
  transform: translateX(-50%);
}
.quote .source.no-line {
  margin-top: 10px;
}
.quote .source.no-line:before {
  display: none;
}
.quote.big .content {
  font-size: 30px;
  line-height: 42px;
}
.quote.left {
  text-align: left;
}
.quote.left .source {
  text-align: left;
  left: 25%;
  width: 95%;
  margin-top: 20px;
}
.quote.left .source:before {
  left: -25%;
  top: calc(50% - 1.5px);
  transform: none;
}
.quote.right {
  text-align: right;
}
.quote.right .source {
  text-align: right;
  right: 25%;
  width: 95%;
  left: initial;
  margin-top: 20px;
}
.quote.right .source:before {
  right: -25%;
  left: initial;
  top: calc(50% - 1.5px);
  transform: none;
}

.wahl .entry-content .flip-container {
  perspective: 1000px;
  transform-style: preserve-3d;
  height: 370px;
}
.wahl .entry-content .flip-container.note:hover .front, .wahl .entry-content .flip-container.note.hover .front {
  transform: rotateY(180deg);
}
.wahl .entry-content .flip-container.note:hover .back, .wahl .entry-content .flip-container.note.hover .back {
  transform: rotateY(0deg);
}
.wahl .entry-content .flipper {
  transition: 0.6s;
  transform-style: preserve-3d;
  position: relative;
}
.wahl .entry-content .front, .wahl .entry-content .back {
  backface-visibility: hidden;
  transform-style: preserve-3d;
  transition: 0.6s;
  position: absolute;
  top: 0;
  left: 0;
  width: calc(100% - 50px);
}
.wahl .entry-content .front .text, .wahl .entry-content .front .title, .wahl .entry-content .back .text, .wahl .entry-content .back .title {
  font-size: 23px;
  line-height: 28px;
  color: white;
  font-family: "Open Sans", sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  hyphens: none;
}
.wahl .entry-content .front .text, .wahl .entry-content .back .text {
  text-transform: none;
}
.wahl .entry-content .front .title, .wahl .entry-content .back .title {
  position: absolute;
  bottom: 25px;
  left: 25px;
}
.wahl .entry-content .front .source a, .wahl .entry-content .back .source a {
  text-transform: none;
  color: white;
  font-weight: 600;
  font-style: italic;
  font-size: 14px;
  cursor: pointer;
  padding: 0px;
}
.wahl .entry-content .front .icon, .wahl .entry-content .back .icon {
  width: 60px;
  position: absolute;
  right: 25px;
  bottom: 25px;
}
.wahl .entry-content .front .quotation, .wahl .entry-content .back .quotation {
  width: 34px;
  height: 34px;
  top: 7px;
  left: -4px;
  position: relative;
}
.wahl .entry-content .front {
  z-index: 2;
  padding: 8px 25px 25px 25px;
  height: 320px;
  transform: rotateY(0deg);
}
.wahl .entry-content .front .fact {
  position: absolute;
  font-size: 18px;
  line-height: 28px;
  background: white;
  font-family: "Open Sans", sans-serif;
  font-weight: bold;
  bottom: 70px;
  left: 25px;
  padding: 1px 5px;
}
.wahl .entry-content .back {
  padding: 25px;
  height: 303px;
  transform: rotateY(-180deg);
  background: #919191;
}
.wahl .entry-content .back .fact {
  font-size: 18px;
  line-height: 28px;
  font-family: "Open Sans", sans-serif;
  font-weight: bold;
  padding: 1px 5px;
  background: white;
  display: inline-block;
  margin-bottom: 20px;
}
.wahl .entry-content .back .text {
  font-style: italic;
  font-size: 22px;
  line-height: 27px;
}
.wahl .entry-content .back .text sub {
  vertical-align: baseline;
  position: relative;
  top: 0.2em;
  font-size: 14px;
}
.wahl .entry-content .back .icon {
  width: 100px;
  bottom: 32px;
}

.wpb_single_image {
  margin: 10px 0px 20px 0px;
}
@media (min-width: 667px) {
  .wpb_single_image {
    margin: 20px 0px 30px 0px;
  }
}

@media (min-width: 1280px) {
  .wpb_single_image .vc_figure.breakout {
    margin: 0px 15%;
    width: 70%;
  }
  .wpb_single_image .worldwide {
    margin: 0px 15%;
    width: 70%;
  }
}
.fg_thumbs_one {
  margin: 20px auto 40px auto !important;
}
.fg_thumbs_one .fg_gallery_name {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 80%;
  z-index: 99;
  text-align: center;
  letter-spacing: -1px;
  font-size: 24px;
  line-height: 24px;
  transform: translate(-50%, -100%);
  cursor: pointer;
}
@media (min-width: 667px) {
  .fg_thumbs_one .fg_gallery_name {
    font-size: 28px;
    line-height: 28px;
  }
}
.fg_thumbs_one .fg_gallery_name:before {
  content: "";
  position: absolute;
  width: 65px;
  height: 58px;
  left: 50%;
  top: -60px;
  transform: translateX(-50%);
  background-image: url(../images/gallery.svg);
}
.fg_thumbs_one button.open {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 99;
  transform: translate(-50%, 40px);
  cursor: pointer;
}
.fg_thumbs_one .fg-gallery-item {
  background: #252525;
}
.fg_thumbs_one .fg-gallery-item img {
  opacity: 0.6;
}
.fg_thumbs_one .fg-gallery-item .fg-zoom-icon {
  display: none !important;
}
.fg_thumbs_one .fg-gallery-item .fg-gallery-caption {
  display: none !important;
}

.fg-photoswipe {
  height: 100%;
  display: inline-block;
}

.fastgallery.gallery.fg_style1 .fastgallery-gallery-icon:hover img, .fastgallery.gallery.fg_style1:hover .fastgallery-gallery-icon img {
  transform: none;
  opacity: 0.3;
}

.pswp .pswp__button--arrow--left:before, .pswp .pswp__button--arrow--right:before {
  background: url(../images/arrow_gallery.png);
  background-size: 81px 35px;
  background-position: 0px 0px;
  height: 35px;
  width: 40px;
  left: 20px;
}

.pswp .pswp__button--arrow--right:before {
  right: 20px;
  left: initial;
  background-position: 40px 0px;
}

.vc_single_image-wrapper {
  position: relative;
}

.pswp--open .pswp__caption__center {
  color: white;
  font-size: 14px;
  font-weight: 600;
  margin: 0px auto;
  font-family: "Open Sans";
  padding: 20px 5px;
  max-width: 90%;
}
@media (min-width: 1024px) {
  .pswp--open .pswp__caption__center {
    max-width: 70%;
  }
}
.pswp--open .pswp__caption__center .copyright-gallery {
  font-size: 10px;
  padding-left: 5px;
  color: #656565;
}
.pswp--open .pswp__counter {
  color: white;
  font-size: 14px;
  font-weight: 600;
  font-family: "Open Sans";
}

@media (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
  .fastgallery.fg_responsive.gallery-columns-1 .fg-gallery-item,
  .fastgallery.fg_responsive.gallery-columns-2 .fg-gallery-item,
  .fastgallery.fg_responsive.gallery-columns-3 .fg-gallery-item,
  .fastgallery.fg_responsive.gallery-columns-4 .fg-gallery-item,
  .fastgallery.fg_responsive.gallery-columns-5 .fg-gallery-item,
  .fastgallery.fg_responsive.gallery-columns-6 .fg-gallery-item,
  .fastgallery.fg_responsive.gallery-columns-7 .fg-gallery-item,
  .fastgallery.fg_responsive.gallery-columns-8 .fg-gallery-item,
  .fastgallery.fg_responsive.gallery-columns-9 .fg-gallery-item {
    max-width: 100% !important;
    width: 100% !important;
    margin-right: none;
  }
}
.vc_col-has-fill > .vc_column-inner, .vc_row-has-fill + .vc_row-full-width + .vc_row > .vc_column_container > .vc_column-inner, .vc_row-has-fill + .vc_row > .vc_column_container > .vc_column-inner, .vc_row-has-fill + .vc_vc_row > .vc_row > .vc_vc_column > .vc_column_container > .vc_column-inner, .vc_row-has-fill + .vc_vc_row_inner > .vc_row > .vc_vc_column_inner > .vc_column_container > .vc_column-inner, .vc_row-has-fill > .vc_column_container > .vc_column-inner, .vc_row-has-fill > .vc_row > .vc_vc_column > .vc_column_container > .vc_column-inner, .vc_row-has-fill > .vc_vc_column_inner > .vc_column_container > .vc_column-inner {
  padding-top: 0px;
}

.error404 #content {
  background: white;
  text-align: center;
  position: relative;
  padding-bottom: 50px;
}
.error404 #content:after {
  content: "404";
  font-size: 100vh;
  position: absolute;
  top: 50%;
  left: 50%;
  font-family: "Open Sans";
  transform: translate(-50%, -50%);
  z-index: 1;
  color: #ededed;
  font-weight: 800;
}
.error404 #content h1 {
  color: #252525;
  text-shadow: none;
  position: absolute;
  margin: 0px;
  padding: 0px;
  top: 50%;
  left: 50%;
  z-index: 3;
  transition: all 0.5s ease-in-out;
  transform: translate(-50%, -50%);
}
.error404 #content h1:hover {
  color: #66cc00;
}

.wpb_wrapper h1 {
  text-shadow: none;
}

.entry-meta {
  display: none;
}

.aiowps-site-lockout-box {
  border: none;
}
.aiowps-site-lockout-box p {
  color: white;
}

.category-wahlkompass2017 .grid #main .box .post-header .wrapper .extend .teaser {
  display: none;
}

.page-template-page-text .page-title {
  color: #252525;
  letter-spacing: -1px;
}
.page-template-page-text h3 {
  margin-bottom: 10px;
  margin-top: 30px;
}

.category-jahresrueckblick2017 .header {
  background: white;
  border-bottom: 1px solid #ccc;
}
.category-jahresrueckblick2017 .header #inner-header .logo use {
  fill: #252525;
}
.category-jahresrueckblick2017 .header #inner-header .burger:before, .category-jahresrueckblick2017 .header #inner-header .burger:after {
  background: #ccc;
}
.category-jahresrueckblick2017 .header #inner-header .burger {
  z-index: 3;
}
.category-jahresrueckblick2017 .header #inner-header .burger span {
  background: #252525;
}
.category-jahresrueckblick2017 .header #inner-header .search {
  display: none;
}
.category-jahresrueckblick2017 .header #inner-header .article-nav .article-link .link {
  color: #252525;
}
.category-jahresrueckblick2017 .header #inner-header .article-nav .shadow {
  -ms-box-shadow: inset -30px 0px 20px 0px white;
  -o-box-shadow: inset -30px 0px 20px 0px white;
  box-shadow: inset -30px 0px 20px 0px white;
}
.category-jahresrueckblick2017 .header #inner-header .lookback {
  float: left;
  width: 100%;
  text-align: center;
  position: absolute;
  font-family: "Open Sans", sans-serif;
  font-size: 23px;
  line-height: 23px;
  color: #252525;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: -1px;
  margin: 13px 0px;
  display: none;
}
@media (min-width: 1024px) {
  .category-jahresrueckblick2017 .header #inner-header .lookback {
    display: block;
  }
}
.category-jahresrueckblick2017 .lead .opener {
  display: none;
}
.category-jahresrueckblick2017 #content.grid #inner-content {
  background: #f2f2f2;
}
.category-jahresrueckblick2017 #content.grid .head-copyright {
  background: #f2f2f2;
}
.category-jahresrueckblick2017 #content.grid .down {
  background-color: #f2f2f2;
}
.category-jahresrueckblick2017 #content.grid #main:before {
  content: "";
  position: absolute;
  width: 1px;
  height: 100%;
  background: #66cc00;
  left: 50%;
}
.category-jahresrueckblick2017 #content.grid #main .grid-sizer {
  width: 100%;
}
@media (min-width: 667px) {
  .category-jahresrueckblick2017 #content.grid #main .grid-sizer {
    width: 50%;
  }
}
.category-jahresrueckblick2017 #content.grid #main .box {
  margin-top: 100px;
}
.category-jahresrueckblick2017 #content.grid #main .box.large {
  width: calc(100% - 40px);
}
.category-jahresrueckblick2017 #content.grid #main .box.small {
  width: calc(50% - 40px);
  margin-top: 40px;
}
.category-jahresrueckblick2017 #content.grid #main .box.medium {
  margin-top: 0px;
}
.category-jahresrueckblick2017 #content.grid #main .box.medium .post-header .wrapper h2, .category-jahresrueckblick2017 #content.grid #main .box.medium .post-header .wrapper .teaser {
  text-align: center;
}
.category-jahresrueckblick2017 #content.grid #main .box.medium .post-header .wrapper .read {
  float: none;
}
.category-jahresrueckblick2017 #content.grid #main .box.medium:nth-child(2n) .post-header {
  height: auto;
  text-align: left;
  min-height: none;
}
@media (min-width: 1024px) {
  .category-jahresrueckblick2017 #content.grid #main .box.medium:nth-child(2n) .post-header {
    min-height: 600px;
  }
}
.category-jahresrueckblick2017 #content.grid #main .box.medium:nth-child(2n) .post-header .wrapper .extend {
  text-align: left;
}
.category-jahresrueckblick2017 #content.grid #main .box.medium:nth-child(2n) .post-header .wrapper .extend .wp-caption-text {
  font-size: 14px;
  font-family: "Open Sans";
  text-align: left;
  line-height: 17px;
  font-weight: bold;
  margin-bottom: 10px;
}
.category-jahresrueckblick2017 #content.grid #main .box.medium:nth-child(2n) .alignleft {
  float: left;
  margin-right: 20px;
}
.category-jahresrueckblick2017 #content.grid #main .box.medium:nth-child(3n) .post-header {
  height: auto;
  background: #66cc00;
  min-height: none;
}
@media (min-width: 1024px) {
  .category-jahresrueckblick2017 #content.grid #main .box.medium:nth-child(3n) .post-header {
    min-height: 600px;
  }
}
.category-jahresrueckblick2017 #content.grid #main .box.medium:nth-child(3n) .post-header h2, .category-jahresrueckblick2017 #content.grid #main .box.medium:nth-child(3n) .post-header .teaser, .category-jahresrueckblick2017 #content.grid #main .box.medium:nth-child(3n) .post-header .teaser p {
  color: white;
}
.category-jahresrueckblick2017 #content.grid #main .box.medium:nth-child(3n) .post-header .wrapper .extend {
  text-align: left;
}
.category-jahresrueckblick2017 #content.grid #main .box.medium:nth-child(3n) .post-header .read {
  border: 2px solid white;
  color: white;
  transition: all 0.5s ease-in-out;
}
.category-jahresrueckblick2017 #content.grid #main .box.medium:nth-child(3n) .post-header .read:hover {
  background: white;
  color: #66cc00;
}
.category-jahresrueckblick2017 #content.grid #main .box:hover {
  transform: none;
}
.category-jahresrueckblick2017 #content.grid #main .box:hover .content {
  box-shadow: none;
}
.category-jahresrueckblick2017 #content.grid #main .box .post-header {
  width: 100%;
  height: auto;
}
@media (min-width: 1024px) {
  .category-jahresrueckblick2017 #content.grid #main .box .post-header {
    width: 50%;
    height: 465px;
  }
}
.category-jahresrueckblick2017 #content.grid #main .box .post-header {
  position: relative;
  float: left;
  margin: 0px;
  background: white;
  left: initial;
  top: initial;
  border: none;
}
.category-jahresrueckblick2017 #content.grid #main .box .post-header .wrapper {
  width: calc(100% - 40px);
  left: 0px;
  top: 0px;
  transform: none;
  max-width: none;
  position: inherit;
  left: initial;
  top: initial;
  bottom: initial;
  transform: none;
  margin: 20px;
}
@media (min-width: 1024px) {
  .category-jahresrueckblick2017 #content.grid #main .box .post-header .wrapper {
    width: calc(100% - 160px);
    margin: 40px 80px;
  }
}
.category-jahresrueckblick2017 #content.grid #main .box .post-header .wrapper h2 {
  color: #252525;
  text-align: left;
  font-size: 28px;
  line-height: 30px;
  letter-spacing: 0px;
}
.category-jahresrueckblick2017 #content.grid #main .box .post-header .wrapper h3 {
  position: absolute;
  top: -130px;
  right: 50%;
  background: #66cc00;
  color: white;
  font-size: 22px;
  padding: 7px 24px;
  font-weight: 900;
  font-family: "Open Sans";
  letter-spacing: 0px;
  z-index: 2;
}
@media (min-width: 1024px) {
  .category-jahresrueckblick2017 #content.grid #main .box .post-header .wrapper h3 {
    right: -81px;
  }
}
.category-jahresrueckblick2017 #content.grid #main .box .post-header .wrapper h3 {
  transform: translateX(50%);
}
.category-jahresrueckblick2017 #content.grid #main .box .post-header .wrapper h3:after {
  content: "";
  position: absolute;
  width: 30px;
  height: 30px;
  background: #66cc00;
  bottom: -5px;
  left: calc(50% - 15px);
  z-index: -1;
  transform: rotate(45deg);
}
.category-jahresrueckblick2017 #content.grid #main .box .post-header .wrapper .teaser, .category-jahresrueckblick2017 #content.grid #main .box .post-header .wrapper .teaser p {
  color: #252525;
  text-align: left;
  font-family: "Open Sans";
  line-height: 28px;
  margin: 20px 0px;
  max-height: none;
  hyphens: none;
}
.category-jahresrueckblick2017 #content.grid #main .box .post-header .wrapper .read {
  float: left;
  font-family: "Open Sans";
  border: 2px solid #66cc00;
  display: inline-block;
  font-weight: 700;
  padding: 3px 15px;
  font-size: 15px;
  color: #66cc00;
  transition: all 0.5s ease-in-out;
}
.category-jahresrueckblick2017 #content.grid #main .box .post-header .wrapper .read:hover {
  background: #66cc00;
  color: white;
}
.category-jahresrueckblick2017 #content.grid #main .box .content {
  width: 100%;
}
@media (min-width: 1024px) {
  .category-jahresrueckblick2017 #content.grid #main .box .content {
    width: 50%;
  }
}
.category-jahresrueckblick2017 #content.grid #main .box .content {
  height: 465px;
  float: right;
  cursor: pointer;
}
.category-jahresrueckblick2017 #content.grid #main .box .content .image-background:before {
  display: none;
}
.category-jahresrueckblick2017 #content.grid #main .box .content .copyright {
  right: 16px;
  top: -1px;
  background: white;
  padding: 1px 6px 8px 6px;
}
.category-jahresrueckblick2017 #content.grid #main .box.small .post-header .wrapper {
  width: calc(100% - 80px);
  margin: 20px 40px;
}
.category-jahresrueckblick2017 #content.grid #main .box.small .post-header .wrapper h3 {
  display: none;
}
.category-jahresrueckblick2017 #content.grid #main .box.small .teaser {
  max-height: none;
  opacity: 1;
}
.category-jahresrueckblick2017 #content.grid #main .box.medium {
  width: calc(100% - 40px);
}
@media (min-width: 1024px) {
  .category-jahresrueckblick2017 #content.grid #main .box.medium {
    width: calc(50% - 40px);
  }
}
.category-jahresrueckblick2017 #content.grid #main .box.medium .post-header {
  width: 100%;
}
.category-jahresrueckblick2017 #content.grid #main .box.medium .post-header .wrapper {
  width: calc(100% - 80px);
  margin: 20px 40px;
}
.category-jahresrueckblick2017 #content.grid #main .box.medium .post-header .wrapper h3 {
  display: none;
}
.category-jahresrueckblick2017 #content.grid #main .box.medium .content {
  display: none;
}
.category-jahresrueckblick2017 #content.grid #main .box.normal {
  width: calc(100% - 40px);
}
.category-jahresrueckblick2017 #content.grid #main .box.normal .post-header {
  float: right;
}
.category-jahresrueckblick2017 #content.grid #main .box.normal .post-header .wrapper h3 {
  left: 50%;
  right: inherit;
  transform: translateX(-50%);
}
@media (min-width: 1024px) {
  .category-jahresrueckblick2017 #content.grid #main .box.normal .post-header .wrapper h3 {
    left: -79px;
  }
}
.category-jahresrueckblick2017 #content.grid #main .box.normal .post-header .wrapper .teaser {
  opacity: 1;
  max-height: none;
}
.category-jahresrueckblick2017 #content.grid #main .box.normal .content {
  float: left;
}
.category-jahresrueckblick2017 .footer {
  background-color: white;
  border-top: 1px solid #ccc;
}
.category-jahresrueckblick2017 .footer p {
  color: #252525;
}
.category-jahresrueckblick2017 .footer .right .menu-footer-container ul li a {
  color: #252525;
}

.single-post #content, .page #content {
  position: relative;
  top: 0px;
}
.single-post #content .content-wrapper, .page #content .content-wrapper {
  background: white;
}
.single-post #content, .page #content {
  /*
  	Article Header
  */
}
.single-post #content .article-header, .page #content .article-header {
  position: relative;
}
.single-post #content .article-header .entry-title, .page #content .article-header .entry-title {
  text-align: center;
  text-shadow: none;
  letter-spacing: -0.5px;
}
.single-post #content, .page #content {
  /* .article-header */
  /*
  	Layout White
  */
}
.single-post #content .white, .page #content .white {
  background: white;
}
.single-post #content .white .article-header, .page #content .white .article-header {
  padding: 100px 0px 10px 0px;
}
.single-post #content .white .article-header .opener, .page #content .white .article-header .opener {
  pointer-events: none;
}
.single-post #content .white .article-header .opener .center, .page #content .white .article-header .opener .center {
  position: relative;
  top: 25%;
}
.single-post #content .white .article-header .opener .center .entry-title, .page #content .white .article-header .opener .center .entry-title {
  color: #252525;
  width: 90%;
  font-family: "Open Sans", sans-serif;
  font-size: 38px;
  line-height: 38px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: -0.5px;
  margin: 20px auto 60px auto;
}
@media (min-width: 667px) {
  .single-post #content .white .article-header .opener .center .entry-title, .page #content .white .article-header .opener .center .entry-title {
    width: 40%;
  }
}
.single-post #content .white .article-header .opener .center .intro, .page #content .white .article-header .opener .center .intro {
  color: black;
  width: 90%;
  margin: 0 auto;
  padding-bottom: 40px;
}
@media (min-width: 667px) {
  .single-post #content .white .article-header .opener .center .intro, .page #content .white .article-header .opener .center .intro {
    width: 40%;
  }
}
.single-post #content, .page #content {
  /*
  	Layout Frame
  */
}
.single-post #content .frame, .page #content .frame {
  background: white;
  padding-top: 100px;
}
.single-post #content .frame .article-header .image-background, .page #content .frame .article-header .image-background {
  width: 90%;
  height: 41.6666666667vh;
  margin: 10px auto;
  position: relative;
  top: 12%;
  background-size: contain;
}
@media (min-width: 667px) {
  .single-post #content .frame .article-header .image-background, .page #content .frame .article-header .image-background {
    width: 50%;
    height: 50vh;
  }
}
.single-post #content .frame .article-header .opener, .page #content .frame .article-header .opener {
  top: 16%;
  pointer-events: none;
}
.single-post #content .frame .article-header .opener .center .entry-title, .page #content .frame .article-header .opener .center .entry-title {
  color: #252525;
  width: 90%;
  font-family: "Open Sans", sans-serif;
  font-size: 38px;
  line-height: 38px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: -0.5px;
  margin: 20px auto 60px auto;
}
@media (min-width: 667px) {
  .single-post #content .frame .article-header .opener .center .entry-title, .page #content .frame .article-header .opener .center .entry-title {
    width: 40%;
  }
}
.single-post #content .frame .article-header .opener .center .entry-title, .page #content .frame .article-header .opener .center .entry-title {
  margin: 5px auto 80px auto;
}
.single-post #content .frame .intro, .page #content .frame .intro {
  color: black;
  width: 90%;
  margin: 30px auto 30px auto;
}
@media (min-width: 667px) {
  .single-post #content .frame .intro, .page #content .frame .intro {
    width: 40%;
  }
}
.single-post #content, .page #content {
  /*
  	Layout Half
  */
}
.single-post #content .half, .page #content .half {
  background: white;
}
.single-post #content .half .article-header, .page #content .half .article-header {
  margin-bottom: 80px;
}
@media (min-width: 667px) {
  .single-post #content .half .article-header, .page #content .half .article-header {
    margin-bottom: 50px;
  }
}
.single-post #content .half .article-header, .page #content .half .article-header {
  height: auto;
}
.single-post #content .half .article-header .opener, .page #content .half .article-header .opener {
  right: 0;
  height: 50%;
  left: inherit;
}
@media (min-width: 667px) {
  .single-post #content .half .article-header .opener, .page #content .half .article-header .opener {
    width: 50%;
    height: 100%;
    top: 0;
    float: right;
  }
}
.single-post #content .half .article-header .opener .center, .page #content .half .article-header .opener .center {
  position: relative;
  top: 75px;
}
.single-post #content .half .article-header .opener .center:after, .page #content .half .article-header .opener .center:after {
  width: 100px;
  height: 100px;
  border-radius: 100px;
  content: "";
  position: absolute;
  bottom: -150px;
  left: 50%;
  z-index: 1;
  transform: translateX(-50%);
  background-image: url(../images/down.svg);
  background-size: 45px 45px;
  background-repeat: no-repeat;
  background-position: 33px 20px;
  display: none;
}
@media (min-width: 667px) {
  .single-post #content .half .article-header .opener .center:after, .page #content .half .article-header .opener .center:after {
    display: block;
  }
}
@media (min-width: 667px) {
  .single-post #content .half .article-header .opener .center, .page #content .half .article-header .opener .center {
    top: 25%;
  }
}
.single-post #content .half .article-header .opener .center .entry-title, .page #content .half .article-header .opener .center .entry-title {
  color: #252525;
  width: 90%;
  font-family: "Open Sans", sans-serif;
  font-size: 38px;
  line-height: 38px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: -0.5px;
  margin: 30px auto 80px auto;
}
@media (min-width: 667px) {
  .single-post #content .half .article-header .opener .center .entry-title, .page #content .half .article-header .opener .center .entry-title {
    width: 70%;
  }
}
.single-post #content .half .article-header .opener .center .intro, .page #content .half .article-header .opener .center .intro {
  color: black;
  width: 70%;
  margin: 0 auto;
}
.single-post #content .half .article-header .bg, .page #content .half .article-header .bg {
  width: 100%;
  left: 0;
  top: 50px;
  position: relative;
  height: 300px;
}
@media (min-width: 667px) {
  .single-post #content .half .article-header .bg, .page #content .half .article-header .bg {
    width: 50%;
    height: 100%;
    float: left;
    top: 0px;
  }
}
.single-post #content, .page #content {
  /*
  	Layout Wahl
  */
}
.single-post #content .wahl .article-header .padded-container, .page #content .wahl .article-header .padded-container {
  position: absolute;
  left: 10%;
  top: 21%;
  width: 80%;
  z-index: 2;
  overflow: hidden;
}
@media (min-width: 1024px) {
  .single-post #content .wahl .article-header .padded-container, .page #content .wahl .article-header .padded-container {
    width: 50%;
  }
}
.single-post #content .wahl .article-header h2, .page #content .wahl .article-header h2 {
  z-index: 2;
  background: white;
  color: black;
  font-size: 13px;
  letter-spacing: 0px;
  padding: 5px 13px;
  width: auto;
  display: inline;
}
@media (min-width: 1024px) {
  .single-post #content .wahl .article-header h2, .page #content .wahl .article-header h2 {
    font-size: 20px;
  }
}
.single-post #content .wahl .article-header .padded-multiline, .page #content .wahl .article-header .padded-multiline {
  border-left: 20px solid #f39100;
  margin-top: 20px;
  padding: 1px 0;
}
@media (min-width: 1024px) {
  .single-post #content .wahl .article-header .padded-multiline, .page #content .wahl .article-header .padded-multiline {
    padding: 2px 0;
  }
}
@media (min-width: 1280px) {
  .single-post #content .wahl .article-header .padded-multiline, .page #content .wahl .article-header .padded-multiline {
    padding: 4px 0;
  }
}
.single-post #content .wahl .article-header .padded-multiline h1, .page #content .wahl .article-header .padded-multiline h1 {
  position: relative;
  z-index: 90;
  left: 0px;
  width: initial;
  text-shadow: none;
  background-color: #f39100;
  padding: 0px;
  color: #fff;
  display: inline;
  margin: 0;
  text-align: left;
  text-transform: none;
  font-size: 20px;
  line-height: 26px;
}
@media (min-width: 667px) {
  .single-post #content .wahl .article-header .padded-multiline h1, .page #content .wahl .article-header .padded-multiline h1 {
    font-size: 30px;
    line-height: 40px;
  }
}
@media (min-width: 1024px) {
  .single-post #content .wahl .article-header .padded-multiline h1, .page #content .wahl .article-header .padded-multiline h1 {
    font-size: 40px;
    line-height: 50px;
  }
}
@media (min-width: 1280px) {
  .single-post #content .wahl .article-header .padded-multiline h1, .page #content .wahl .article-header .padded-multiline h1 {
    font-size: 50px;
    line-height: 60px;
  }
}
.single-post #content .wahl .article-header .padded-multiline h1 strong, .page #content .wahl .article-header .padded-multiline h1 strong {
  position: relative;
  left: -10px;
  font-weight: 800;
}
.single-post #content .wahl .wpb_text_column img, .page #content .wahl .wpb_text_column img {
  width: auto !important;
}
.single-post #content .wahl .entry-content, .page #content .wahl .entry-content {
  max-width: 1000px !important;
  width: 90%;
}
.single-post #content, .page #content {
  /*
  	Layout Small Hero
  */
}
.single-post #content .smallhero .article-header, .page #content .smallhero .article-header {
  height: auto;
}
.single-post #content .smallhero .article-header .overlay, .page #content .smallhero .article-header .overlay {
  position: absolute;
  z-index: 90;
  bottom: -60px;
  background: white;
  text-align: center;
  padding: 0px 20px;
  width: calc(100% - 40px);
  pointer-events: none;
}
@media (min-width: 1024px) {
  .single-post #content .smallhero .article-header .overlay, .page #content .smallhero .article-header .overlay {
    bottom: -30px;
    min-width: 700px;
    width: auto;
    padding: 0px 80px;
    left: 50%;
    transform: translateX(-50%);
  }
}
.single-post #content .smallhero .article-header .overlay:after, .page #content .smallhero .article-header .overlay:after {
  width: 100px;
  height: 100px;
  border-radius: 100px;
  content: "";
  position: absolute;
  bottom: -30px;
  left: 50%;
  z-index: -1;
  transform: translateX(-50%);
  background-image: url(../images/down.svg);
  background-size: 35px 35px;
  background-repeat: no-repeat;
  background-position: 33px 35px;
  cursor: pointer;
  pointer-events: all;
}
.single-post #content .smallhero .article-header .overlay h3, .page #content .smallhero .article-header .overlay h3 {
  padding-top: 10px;
  color: black;
}
.single-post #content .smallhero .article-header .overlay .entry-title, .page #content .smallhero .article-header .overlay .entry-title {
  color: #252525;
  font-size: 30px;
  line-height: 28px;
  margin-top: 0px;
  margin-bottom: 110px;
  position: relative;
  z-index: 2;
}
@media (min-width: 1280px) {
  .single-post #content .smallhero .article-header .overlay .entry-title, .page #content .smallhero .article-header .overlay .entry-title {
    font-size: 40px;
    line-height: 38px;
  }
}
.single-post #content .smallhero .opener, .page #content .smallhero .opener {
  position: relative;
  background-color: #252525;
  text-align: center;
}
.single-post #content .smallhero .opener .intro_wrapper, .page #content .smallhero .opener .intro_wrapper {
  width: 90%;
  margin: 0 auto;
  padding-top: 10px;
}
@media (min-width: 480px) {
  .single-post #content .smallhero .opener .intro_wrapper, .page #content .smallhero .opener .intro_wrapper {
    width: 75%;
  }
}
@media (min-width: 667px) {
  .single-post #content .smallhero .opener .intro_wrapper, .page #content .smallhero .opener .intro_wrapper {
    width: 65%;
  }
}
@media (min-width: 1024px) {
  .single-post #content .smallhero .opener .intro_wrapper, .page #content .smallhero .opener .intro_wrapper {
    width: 55%;
  }
}
.single-post #content .smallhero .opener .intro_wrapper .intro, .page #content .smallhero .opener .intro_wrapper .intro {
  padding-bottom: 30px;
}
.single-post #content .smallhero .opener, .page #content .smallhero .opener {
  background-color: white;
  padding-top: 80px;
}
.single-post #content .smallhero .opener .intro_wrapper .intro, .page #content .smallhero .opener .intro_wrapper .intro {
  color: #252525;
  padding-bottom: 40px;
}
.single-post #content .smallhero, .page #content .smallhero {
  /* .intro */
}
.single-post #content, .page #content {
  /*
  	Layout Hero
  */
}
.single-post #content .hero .article-header .entry-title, .page #content .hero .article-header .entry-title {
  width: 90%;
  position: absolute;
  left: 50%;
  margin-left: -45%;
  text-shadow: 1px 1px 50px rgba(0, 0, 0, 0.4);
  z-index: 2;
}
.single-post #content .hero .article-header .entry-title:after, .page #content .hero .article-header .entry-title:after {
  display: none;
}
@media (min-width: 480px) {
  .single-post #content .hero .article-header .entry-title, .page #content .hero .article-header .entry-title {
    width: 70%;
    margin-left: -35%;
  }
}
.single-post #content .hero .article-header .entry-title.bottom, .page #content .hero .article-header .entry-title.bottom {
  bottom: 12%;
}
.single-post #content .hero .article-header .entry-title.center, .page #content .hero .article-header .entry-title.center {
  top: 35%;
}
.single-post #content .hero .article-header .entry-title.top, .page #content .hero .article-header .entry-title.top {
  top: 10%;
}
.single-post #content .hero .opener, .page #content .hero .opener {
  z-index: 2;
  pointer-events: none;
}
.single-post #content .hero .opener h3, .page #content .hero .opener h3 {
  color: white;
}
.single-post #content .hero .opener:before, .page #content .hero .opener:before {
  width: 100px;
  height: 100px;
  border-radius: 100px;
  cursor: pointer;
  content: "";
  position: absolute;
  background: #252525;
  top: -40px;
  left: 50%;
  z-index: -1;
  transform: translateX(-50%);
  background-image: url(../images/down.svg);
  background-size: 35px 35px;
  background-repeat: no-repeat;
  background-position: 33px 20px;
  pointer-events: all;
}
.single-post #content .hero .opener .intro, .page #content .hero .opener .intro {
  padding-top: 20px;
}
.single-post #content .hero, .page #content .hero {
  /* .intro */
}
.single-post #content .hero .entry-content, .page #content .hero .entry-content {
  padding-top: 20px;
}
@media (min-width: 667px) {
  .single-post #content .hero .entry-content, .page #content .hero .entry-content {
    padding-top: 30px;
  }
}
.single-post #content, .page #content {
  /*
  	Layout Video
  */
}
.single-post #content .video .article-header .entry-title, .page #content .video .article-header .entry-title {
  width: 80%;
  position: absolute;
  left: 50%;
  margin-left: -40%;
  bottom: 15%;
  z-index: 3;
  text-shadow: 1px 1px 50px rgba(0, 0, 0, 0.4);
}
@media (min-width: 480px) {
  .single-post #content .video .article-header .entry-title, .page #content .video .article-header .entry-title {
    width: 70%;
    margin-left: -35%;
  }
}
.single-post #content .video .article-header .tv, .single-post #content .video .article-header .tv-overlay, .page #content .video .article-header .tv, .page #content .video .article-header .tv-overlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.single-post #content .video .article-header .tv .screen, .single-post #content .video .article-header .tv-overlay .screen, .page #content .video .article-header .tv .screen, .page #content .video .article-header .tv-overlay .screen {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  margin: auto;
  opacity: 0;
  transition: opacity 0.5s;
}
.single-post #content .video .article-header .tv .screen.active, .single-post #content .video .article-header .tv-overlay .screen.active, .page #content .video .article-header .tv .screen.active, .page #content .video .article-header .tv-overlay .screen.active {
  opacity: 1;
}
.single-post #content .video .opener, .page #content .video .opener {
  background-color: #252525 !important;
  text-align: center;
  margin-bottom: 30px;
  position: relative;
  top: -10px;
}
.single-post #content .video .opener .intro_wrapper, .page #content .video .opener .intro_wrapper {
  width: 90%;
  margin: 0 auto;
}
@media (min-width: 480px) {
  .single-post #content .video .opener .intro_wrapper, .page #content .video .opener .intro_wrapper {
    width: 75%;
  }
}
@media (min-width: 667px) {
  .single-post #content .video .opener .intro_wrapper, .page #content .video .opener .intro_wrapper {
    width: 65%;
  }
}
@media (min-width: 1024px) {
  .single-post #content .video .opener .intro_wrapper, .page #content .video .opener .intro_wrapper {
    width: 55%;
  }
}
.single-post #content .video .opener .intro_wrapper h3, .page #content .video .opener .intro_wrapper h3 {
  margin-top: 10px;
  padding: 30px;
}
.single-post #content .video .opener .intro_wrapper .intro, .page #content .video .opener .intro_wrapper .intro {
  padding-bottom: 80px;
}
.single-post #content .video, .page #content .video {
  /* .intro */
}
.single-post #content, .page #content {
  /*
  	Intro text and category
  */
}
.single-post #content .entry-content, .page #content .entry-content {
  padding: 0px;
  width: 90%;
  max-width: 800px;
  margin: 0 auto;
  float: none;
}
@media (min-width: 480px) {
  .single-post #content .entry-content, .page #content .entry-content {
    width: 80%;
  }
}
@media (min-width: 667px) {
  .single-post #content .entry-content, .page #content .entry-content {
    width: 70%;
  }
}
@media (min-width: 1024px) {
  .single-post #content .entry-content, .page #content .entry-content {
    width: 60%;
  }
}
.single-post #content .entry-content p, .page #content .entry-content p {
  margin: 0 0 10px;
}
.single-post #content .entry-content .initial-1 .wpb_wrapper p::first-letter, .page #content .entry-content .initial-1 .wpb_wrapper p::first-letter {
  font-family: "Alfa Slab One", cursive;
  float: left;
  font-size: 100px;
  line-height: 80px;
  padding: 0px 0px 20px 0px;
  margin: 17px 30px 5px 0px;
  border-bottom: 10px solid #66cc00;
}
@media (min-width: 1024px) {
  .single-post #content .entry-content .initial-1 .wpb_wrapper p::first-letter, .page #content .entry-content .initial-1 .wpb_wrapper p::first-letter {
    font-size: 110px;
    line-height: 90px;
    border-bottom: 15px solid #66cc00;
    margin: 15px 30px 5px 0px;
    padding: 0px 0px 18px 0px;
  }
}
.single-post #content .entry-content .initial-2 .wpb_wrapper p::first-letter, .page #content .entry-content .initial-2 .wpb_wrapper p::first-letter {
  font-family: "Alfa Slab One", cursive;
  float: left;
  font-size: 90px;
  line-height: 70px;
  padding: 0px 0px 18px 0px;
  margin: 14px 30px 5px 0px;
  border-bottom: 10px solid #66cc00;
}
@media (min-width: 1024px) {
  .single-post #content .entry-content .initial-2 .wpb_wrapper p::first-letter, .page #content .entry-content .initial-2 .wpb_wrapper p::first-letter {
    font-size: 100px;
    line-height: 80px;
    border-bottom: 15px solid #66cc00;
  }
}
.single-post #content .entry-content .initial-3 .wpb_wrapper p::first-letter, .page #content .entry-content .initial-3 .wpb_wrapper p::first-letter {
  font-family: "Alfa Slab One", cursive;
  float: left;
  font-size: 80px;
  line-height: 60px;
  padding: 0px 0px 13px 0px;
  border-bottom: 10px solid #66cc00;
  margin: 16px 30px 5px 0px;
}
@media (min-width: 1024px) {
  .single-post #content .entry-content .initial-3 .wpb_wrapper p::first-letter, .page #content .entry-content .initial-3 .wpb_wrapper p::first-letter {
    font-size: 90px;
    line-height: 70px;
    border-bottom: 15px solid #66cc00;
    padding: 0px 0px 20px 0px;
    margin: 20px 30px 5px 0px;
  }
}
.single-post #content .entry-content .worldwide, .page #content .entry-content .worldwide {
  position: relative;
  margin-top: -50px;
}
@media (min-width: 667px) {
  .single-post #content .entry-content .worldwide, .page #content .entry-content .worldwide {
    margin-top: -80px;
  }
}
.single-post #content .entry-content .worldwide .wrapper, .page #content .entry-content .worldwide .wrapper {
  border: 1px solid #d0d0d0;
  margin: 0px 0%;
  padding: 20px;
  text-align: left;
  background: white;
}
@media (min-width: 667px) {
  .single-post #content .entry-content .worldwide .wrapper, .page #content .entry-content .worldwide .wrapper {
    margin: 0px 5%;
    padding: 50px;
  }
}
.single-post #content .entry-content .worldwide .wrapper .date, .page #content .entry-content .worldwide .wrapper .date {
  font-family: "Open Sans";
  font-weight: 400;
  font-size: 18px;
}
.single-post #content .entry-content .worldwide .wrapper h3, .page #content .entry-content .worldwide .wrapper h3 {
  font-family: "Open Sans";
  font-weight: 400;
  font-size: 23px;
  color: black;
  padding: 10px 0px;
  margin: 0px 0px 20px 0px;
  border-bottom: 4px solid black;
}
.single-post #content .entry-content .worldwide .wrapper h3 b, .page #content .entry-content .worldwide .wrapper h3 b {
  font-weight: 800;
}
.single-post #content .entry-content .worldwide .wrapper p, .page #content .entry-content .worldwide .wrapper p {
  margin-bottom: 10px;
}
.single-post #content, .page #content {
  /* .entry-content */
}
.single-post #content .article-footer, .page #content .article-footer {
  background-color: #252525;
}
.single-post #content .article-footer .more-info, .page #content .article-footer .more-info {
  background: #f8f8f8;
  width: 90%;
  padding: 40px 5%;
}
@media (min-width: 667px) {
  .single-post #content .article-footer .more-info, .page #content .article-footer .more-info {
    width: 70%;
    padding: 40px 15%;
  }
}
@media (min-width: 1024px) {
  .single-post #content .article-footer .more-info, .page #content .article-footer .more-info {
    width: 55%;
    padding: 40px 22.5%;
  }
}
.single-post #content .article-footer .more-info .left p, .page #content .article-footer .more-info .left p {
  width: 90%;
  color: #252525;
  font-family: "Open Sans";
  font-size: 19px;
  text-transform: uppercase;
  font-weight: 800;
  letter-spacing: -0.5px;
  text-align: left;
  float: right;
  margin-top: 0px;
  padding-top: 0px;
  white-space: pre-line;
  hyphens: none;
}
@media (min-width: 1024px) {
  .single-post #content .article-footer .more-info .left p, .page #content .article-footer .more-info .left p {
    width: 20%;
    margin-top: -8px;
    text-align: right;
    float: left;
  }
}
.single-post #content .article-footer .more-info .right, .page #content .article-footer .more-info .right {
  width: 90%;
  padding-left: calc(6% - 1px);
  float: right;
  border-left: 2px solid #66cc00;
}
@media (min-width: 1024px) {
  .single-post #content .article-footer .more-info .right, .page #content .article-footer .more-info .right {
    width: 72%;
    padding-left: calc(4% - 1px);
  }
}
.single-post #content .article-footer .more-info .right p, .page #content .article-footer .more-info .right p {
  margin-top: -8px;
  padding-top: 0px;
}
.single-post #content .article-footer .more-info .right button, .page #content .article-footer .more-info .right button {
  display: block;
  margin: 5px 0px;
}
.single-post #content .article-footer .navigation, .page #content .article-footer .navigation {
  background: black;
}
.single-post #content .article-footer .navigation .nav-box, .page #content .article-footer .navigation .nav-box {
  width: 50%;
  height: 300px;
  float: left;
  position: relative;
}
.single-post #content .article-footer .navigation .nav-box:hover .bg-img, .page #content .article-footer .navigation .nav-box:hover .bg-img {
  opacity: 0.4;
}
.single-post #content .article-footer .navigation .nav-box .info, .page #content .article-footer .navigation .nav-box .info {
  position: absolute;
  z-index: 2;
  width: 80%;
  max-width: 350px;
  margin: 8%;
}
@media (min-width: 667px) {
  .single-post #content .article-footer .navigation .nav-box .info, .page #content .article-footer .navigation .nav-box .info {
    margin: 5%;
  }
}
.single-post #content .article-footer .navigation .nav-box .info .nocat, .page #content .article-footer .navigation .nav-box .info .nocat {
  height: 20px;
}
.single-post #content .article-footer .navigation .nav-box .info h3, .page #content .article-footer .navigation .nav-box .info h3 {
  height: 20px;
  background: white;
  font-size: 10px;
  color: black;
  padding: 4px 8px;
  display: inline;
  font-family: "Roboto Condensed", sans-serif;
}
@media (min-width: 480px) {
  .single-post #content .article-footer .navigation .nav-box .info h3, .page #content .article-footer .navigation .nav-box .info h3 {
    font-size: 12px;
  }
}
@media (min-width: 667px) {
  .single-post #content .article-footer .navigation .nav-box .info h3, .page #content .article-footer .navigation .nav-box .info h3 {
    font-size: 14px;
  }
}
.single-post #content .article-footer .navigation .nav-box .info h2, .page #content .article-footer .navigation .nav-box .info h2 {
  padding: 10px 0px;
  margin: 10px 0px;
  font-size: 18px;
  line-height: 18px;
  letter-spacing: -1px;
}
@media (min-width: 480px) {
  .single-post #content .article-footer .navigation .nav-box .info h2, .page #content .article-footer .navigation .nav-box .info h2 {
    font-size: 24px;
    line-height: 24px;
  }
}
@media (min-width: 667px) {
  .single-post #content .article-footer .navigation .nav-box .info h2, .page #content .article-footer .navigation .nav-box .info h2 {
    font-size: 30px;
    line-height: 30px;
  }
}
.single-post #content .article-footer .navigation .nav-box .left, .single-post #content .article-footer .navigation .nav-box .right, .page #content .article-footer .navigation .nav-box .left, .page #content .article-footer .navigation .nav-box .right {
  position: absolute;
  left: 50%;
  bottom: 20%;
  transform: rotate(180deg);
  opacity: 1;
  transition: left 0.5s, right 0.5s, opacity 0.5s;
  margin-left: -22px;
  z-index: 200;
  width: 45px;
}
@media (min-width: 1024px) {
  .single-post #content .article-footer .navigation .nav-box .left, .single-post #content .article-footer .navigation .nav-box .right, .page #content .article-footer .navigation .nav-box .left, .page #content .article-footer .navigation .nav-box .right {
    left: 60px;
    top: 50%;
    margin-top: -22px;
  }
}
.single-post #content .article-footer .navigation .nav-box .right, .page #content .article-footer .navigation .nav-box .right {
  right: 50%;
  left: initial;
  bottom: 20%;
  margin-left: 0px;
  margin-right: -22px;
  transform: rotate(0deg);
}
@media (min-width: 1024px) {
  .single-post #content .article-footer .navigation .nav-box .right, .page #content .article-footer .navigation .nav-box .right {
    right: 60px;
    top: 50%;
    margin-top: -22px;
  }
}
.single-post #content .article-footer .navigation .nav-box .bg-img, .page #content .article-footer .navigation .nav-box .bg-img {
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
  z-index: 1;
  opacity: 0.6;
  transition: opacity 0.8s;
}
.single-post #content .article-footer .navigation .nav-box .bg-img img, .page #content .article-footer .navigation .nav-box .bg-img img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
.single-post #content .article-footer .navigation .previous .info, .page #content .article-footer .navigation .previous .info {
  text-align: right;
  right: 10px;
  top: 10px;
}
.single-post #content .article-footer .navigation .previous:hover .left, .page #content .article-footer .navigation .previous:hover .left {
  left: 40%;
  opacity: 0.8;
}
@media (min-width: 1024px) {
  .single-post #content .article-footer .navigation .previous:hover .left, .page #content .article-footer .navigation .previous:hover .left {
    left: 50px;
  }
}
.single-post #content .article-footer .navigation .next .info, .page #content .article-footer .navigation .next .info {
  left: 10px;
  top: 10px;
}
.single-post #content .article-footer .navigation .next:hover .right, .page #content .article-footer .navigation .next:hover .right {
  right: 40%;
  opacity: 0.8;
}
@media (min-width: 1024px) {
  .single-post #content .article-footer .navigation .next:hover .right, .page #content .article-footer .navigation .next:hover .right {
    right: 50px;
  }
}
.single-post #content, .page #content {
  /* .article-footer */
}
.single-post, .page {
  /* #content */
} /* .single-post */
.subtitle {
  width: 90%;
  margin: 0px auto 40px auto;
  padding-top: 50px;
}
.subtitle p {
  font-family: "Roboto Slab", serif;
  font-size: 21px;
  font-weight: 400;
  text-align: center;
}
@media (min-width: 1024px) {
  .subtitle {
    width: 50%;
  }
}
.subtitle h2 {
  color: black;
  text-align: center;
  text-transform: none;
  letter-spacing: -0.5px;
}

.grid #main {
  margin-top: 30px;
}
.grid #main .grid-sizer {
  width: 100%;
}
@media (min-width: 667px) {
  .grid #main .grid-sizer {
    width: 50%;
  }
}
@media (min-width: 1024px) {
  .grid #main .grid-sizer {
    width: 33.3333333333%;
  }
}
.grid #main .box {
  transition: all 0.8s ease-in-out;
  animation-fill-mode: forwards;
  width: calc(100% - 40px);
  padding: 20px;
  background: transparent;
}
@media (min-width: 667px) {
  .grid #main .box {
    width: calc(50% - 40px);
  }
}
@media (min-width: 1024px) {
  .grid #main .box {
    width: calc(33.3333333333% - 40px);
  }
}
.grid #main .box .post-header {
  position: absolute;
  z-index: 99;
  margin: 40px;
  left: 0px;
  top: 0px;
  width: calc(100% - 84px);
  height: calc(100% - 84px);
  text-align: center;
  transition: border 1.8s;
  border: 2px transparent solid;
}
.grid #main .box .post-header .wrapper {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 80%;
  max-width: 400px;
  transform: translate(-50%, -50%);
}
.grid #main .box .post-header .wrapper h3 {
  display: inline;
  font-size: 13px;
  color: black;
  background: white;
  padding: 2px 6px;
}
.grid #main .box .post-header .wrapper h2 {
  margin: 20px 0px 10px 0px;
  font-size: 24px;
  line-height: 24px;
  letter-spacing: -1px;
}
.grid #main .box .post-header .wrapper .extend .teaser {
  max-height: 0px;
  opacity: 0;
  transition: all ease-in-out 0.5s;
}
.grid #main .box .post-header .wrapper .extend .arrow {
  width: 28px;
  margin-top: 8px;
  max-height: 0px;
  transition: all ease-in-out 0.5s;
}
.grid #main .box .content {
  position: relative;
  z-index: 90;
  width: 100%;
  height: 290px;
  background-color: #b6b5b5;
  box-shadow: 0px 0px 15px 5px rgba(0, 0, 0, 0);
  transition: box-shadow 0.8s ease-in-out;
}
@media (min-width: 667px) {
  .grid #main .box .content {
    height: 265px;
  }
}
.grid #main .box .content .image-background {
  width: 100%;
  height: 100%;
}
.grid #main .box .content .image-background:before {
  background-image: linear-gradient(to top, black 65%, rgba(0, 0, 0, 0) 100%);
  opacity: 0.6;
  z-index: 3;
  transition: opacity 0.8s ease-in-out, background-image 0.5s ease-in-out;
}
@media (min-width: 667px) {
  .grid #main .box .content .image-background:before {
    opacity: 0.3;
  }
}
.grid #main .box.small .post-header .wrapper .extend .arrow {
  margin-top: 5px;
}
.grid #main .box.small .content {
  height: 220.8333333333px;
}
.grid #main .box.small .content .image-background:before {
  background-image: linear-gradient(to top, black 100%, transparent 100%);
}
.grid #main .box.medium .post-header .wrapper h2 {
  font-size: 28.8px;
  line-height: 28.8px;
}
@media (min-width: 667px) {
  .grid #main .box.medium .post-header .wrapper h2 {
    font-size: 36px;
    line-height: 36px;
  }
}
.grid #main .box.medium .post-header .extend .arrow {
  width: 40px;
  margin-top: 22px;
}
.grid #main .box.medium .post-header .extend .teaser {
  max-height: 200px;
  opacity: 1;
}
.grid #main .box.medium .content {
  height: 318px;
}
@media (min-width: 667px) {
  .grid #main .box.medium .content {
    height: 397.5px;
  }
}
@media (min-width: 1024px) {
  .grid #main .box.medium .content {
    height: 662.5px;
  }
}
.grid #main .box.large .post-header .wrapper h2 {
  font-size: 28.8px;
  line-height: 28.8px;
}
@media (min-width: 667px) {
  .grid #main .box.large .post-header .wrapper h2 {
    font-size: 36px;
    line-height: 36px;
  }
}
@media (min-width: 1024px) {
  .grid #main .box.large .post-header .wrapper h2 {
    font-size: 48px;
    line-height: 48px;
  }
}
.grid #main .box.large .post-header .wrapper .extend .arrow {
  width: 40px;
  margin-top: 22px;
}
.grid #main .box.large .post-header .wrapper .extend .teaser {
  max-height: 200px;
  opacity: 1;
}
@media (min-width: 1024px) {
  .grid #main .box.large {
    width: calc(66.6666666667% - 40px);
  }
}
.grid #main .box.large .content {
  height: 530px;
}
@media (min-width: 667px) {
  .grid #main .box.top .post-header .wrapper {
    top: 10%;
    transform: translate(-50%, 0);
  }
}
@media (min-width: 667px) {
  .grid #main .box.top .content .image-background:before {
    background-image: linear-gradient(to bottom, black 38%, rgba(0, 0, 0, 0) 63%);
  }
}
@media (min-width: 667px) {
  .grid #main .box.bottom .post-header .wrapper {
    bottom: 5%;
    top: initial;
    transform: translate(-50%, 0);
  }
}
.grid #main .box.black .post-header h3 {
  color: white;
  background: black;
}
.grid #main .box.black .post-header h2 {
  color: black;
}
.grid #main .box.black .post-header .teaser {
  color: black;
}
.grid #main .box:hover, .grid #main .box.hover_effect {
  transform: scale(1.05);
  z-index: 91;
}
.grid #main .box:hover .post-header, .grid #main .box.hover_effect .post-header {
  border: 2px white solid;
}
.grid #main .box:hover .post-header .extend .teaser, .grid #main .box.hover_effect .post-header .extend .teaser {
  opacity: 1;
  max-height: 200px;
}
.grid #main .box:hover .post-header .extend .arrow, .grid #main .box.hover_effect .post-header .extend .arrow {
  max-height: 40px;
}
.grid #main .box:hover .content, .grid #main .box.hover_effect .content {
  box-shadow: 0px 0px 15px 5px rgba(0, 0, 0, 0.3);
}
.grid #main .box:hover .content .image-background:before, .grid #main .box.hover_effect .content .image-background:before {
  opacity: 0.5;
}

.sidr {
  display: block;
  position: fixed;
  top: 0;
  height: 100%;
  z-index: 999999;
  width: 260px;
  overflow-x: hidden;
  overflow-y: auto;
  font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
  font-size: 15px;
  background: #333;
  color: #fff;
  box-shadow: 0 0 5px 5px #222 inset;
}

.sidr .sidr-inner {
  padding: 0 0 15px;
}

.sidr .sidr-inner > p {
  margin-left: 15px;
  margin-right: 15px;
}

.sidr.right {
  left: auto;
  right: -260px;
}

.sidr.left {
  left: -260px;
  right: auto;
}

.sidr h1, .sidr h2, .sidr h3, .sidr h4, .sidr h5, .sidr h6 {
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzRkNGQ0ZCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzFhMWExYSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==");
  background-size: 100%;
  background-image: linear-gradient(#4d4d4d, #1a1a1a);
  font-size: 11px;
  font-weight: normal;
  padding: 0 15px;
  margin: 0 0 5px;
  color: #fff;
  line-height: 24px;
  box-shadow: 0 5px 5px 3px rgba(0, 0, 0, 0.2);
}

.sidr p {
  font-size: 13px;
  margin: 0 0 12px;
}

.sidr p a {
  color: rgba(255, 255, 255, 0.9);
}

.sidr > p {
  margin-left: 15px;
  margin-right: 15px;
}

.sidr ul.list {
  display: block;
  margin: 0 0 15px;
  padding: 0;
  border-top: 1px solid #1a1a1a;
  border-bottom: 1px solid #4d4d4d;
}

.sidr ul.list li {
  display: block;
  margin: 0;
  line-height: 48px;
  border-top: 1px solid #4d4d4d;
  border-bottom: 1px solid #1a1a1a;
}

.sidr ul.list li:hover, .sidr ul.list li.active, .sidr ul.list li.sidr-class-active {
  border-top: 0;
  line-height: 49px;
}

.sidr ul.list li:hover > a, .sidr ul.list li:hover > span, .sidr ul.list li.active > a, .sidr ul.list li.active > span, .sidr ul.list li.sidr-class-active > a, .sidr ul.list li.sidr-class-active > span {
  box-shadow: 0 0 15px 3px #222 inset;
}

.sidr ul.list li a, .sidr ul.list li span {
  padding: 0 15px;
  display: block;
  text-decoration: none;
  color: #fff;
}

.sidr ul.list li ul.list {
  border-bottom: 0;
  margin: 0;
}

.sidr ul.list li ul.list li {
  line-height: 40px;
  font-size: 13px;
}

.sidr ul.list li ul.list li:last-child {
  border-bottom: 0;
}

.sidr ul.list li ul.list li:hover, .sidr ul.list li ul.list li.active, .sidr ul.list li ul.list li.sidr-class-active {
  border-top: 0;
  line-height: 41px;
}

.sidr ul.list li ul.list li:hover > a, .sidr ul.list li ul.list li:hover > span, .sidr ul.list li ul.list li.active > a, .sidr ul.list li ul.list li.active > span, .sidr ul.list li ul.list li.sidr-class-active > a, .sidr ul.list li ul.list li.sidr-class-active > span {
  box-shadow: 0 0 15px 3px #222 inset;
}

.sidr ul.list li ul.list li a, .sidr ul.list li ul.list li span {
  color: rgba(255, 255, 255, 0.8);
  padding-left: 30px;
}

.sidr form {
  margin: 0 15px;
}

.sidr label {
  font-size: 13px;
}

.sidr input[type=text], .sidr input[type=password], .sidr input[type=date], .sidr input[type=datetime], .sidr input[type=email], .sidr input[type=number], .sidr input[type=search], .sidr input[type=tel], .sidr input[type=time], .sidr input[type=url], .sidr textarea, .sidr select {
  width: 100%;
  font-size: 13px;
  padding: 5px;
  box-sizing: border-box;
  margin: 0 0 10px;
  border-radius: 2px;
  border: 0;
  background: rgba(0, 0, 0, 0.1);
  color: rgba(255, 255, 255, 0.6);
  display: block;
  clear: both;
}

.sidr input[type=checkbox] {
  width: auto;
  display: inline;
  clear: none;
}

.sidr input[type=button], .sidr input[type=submit] {
  color: #333;
  background: #fff;
}

.sidr input[type=button]:hover, .sidr input[type=submit]:hover {
  background: rgba(255, 255, 255, 0.9);
}

#sidr {
  top: 54px;
  width: calc(100vw - 1px);
  left: calc(-100vw - 1px);
  background: #252525;
  box-shadow: none;
  border-top: 1px solid #404040;
  border-right: 1px solid #404040;
  -webkit-overflow-scrolling: touch;
}
@media (min-width: 667px) {
  #sidr {
    width: 480px;
  }
}
#sidr::-webkit-scrollbar {
  display: none;
}
#sidr .content {
  position: relative;
}
#sidr .content .list {
  counter-reset: posts 0;
  border: none;
  counter-reset: li;
  display: none;
  margin: 0 0 80px;
  border-top: 1px solid #404040;
  position: relative;
}
#sidr .content .list.active {
  display: block;
}
#sidr .content .list li {
  line-height: 125px;
  border-bottom: 1px solid #404040;
  border-top: none;
  text-align: left;
  position: relative;
}
#sidr .content .list li.older:hover .title {
  color: #666;
}
#sidr .content .list li.older .title {
  font-size: 15px;
  color: #666;
  font-weight: 600;
}
#sidr .content .list li.older .num {
  left: 9px;
}
@media (min-width: 667px) {
  #sidr .content .list li.older .num {
    left: 24px;
  }
}
#sidr .content .list li.older .num.ausgabe {
  margin-top: 46px;
  color: #666;
}
#sidr .content .list li.older .num.ausgabe:before {
  display: none;
}
#sidr .content .list li .num {
  display: inline;
  position: absolute;
  font-size: 34px;
  left: 5px;
  color: #ababab;
  transition: text-shadow 0.8s, color 0.5s;
  font-family: "Open Sans";
  font-weight: bold;
  box-shadow: none;
}
@media (min-width: 667px) {
  #sidr .content .list li .num {
    left: 15px;
  }
}
#sidr .content .list li .num.ausgabe {
  width: 56px;
  word-wrap: break-word;
  line-height: 40px;
  margin-top: 22px;
}
#sidr .content .list li .num.ausgabe:before {
  content: "";
  position: absolute;
  top: 39px;
  width: 37px;
  height: 3px;
  background-color: #ababab;
  transition: background-color 0.8s;
  left: 17px;
}
#sidr .content .list li .title {
  font-family: "Open Sans";
  font-weight: bold;
  font-size: 20px;
  color: white;
  transition: text-shadow 0.8s, color 0.5s;
  line-height: 34px;
  text-transform: uppercase;
  display: inline-block;
  vertical-align: middle;
  white-space: pre-wrap;
  width: 78%;
  padding-left: 20%;
}
#sidr .content .list li .title:hover {
  box-shadow: none;
}
#sidr .content .list li .bg-image {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  z-index: -1;
  opacity: 0.1;
  overflow: hidden;
  transition: opacity 0.8s;
}
#sidr .content .list li .bg-image img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
#sidr .content .list li:hover .bg-image, #sidr .content .list li.current .bg-image {
  opacity: 0.5;
}
#sidr .content .list li:hover .title, #sidr .content .list li.current .title {
  color: white;
  box-shadow: none;
  text-shadow: 1px 1px 10px rgba(0, 0, 0, 0.4);
}
#sidr .content .list li:hover .num, #sidr .content .list li.current .num {
  color: #21cd1d;
  text-shadow: 1px 1px 10px rgba(0, 0, 0, 0.4);
}
#sidr .content .list li:hover .num.ausgabe:before, #sidr .content .list li.current .num.ausgabe:before {
  background-color: #21cd1d;
}
#sidr .content .list li:hover:before, #sidr .content .list li.current:before {
  color: white;
}
#sidr .content .world {
  width: 40px;
  margin: 30px auto;
  display: block;
  -webkit-animation-name: spinnerRotate;
  -webkit-animation-duration: 5s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: spinnerRotate;
  -moz-animation-duration: 5s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
  -ms-animation-name: spinnerRotate;
  -ms-animation-duration: 5s;
  -ms-animation-iteration-count: infinite;
  -ms-animation-timing-function: linear;
}
#sidr .search {
  text-align: center;
}
#sidr .search .searchform {
  margin: 30px 15px;
}
#sidr .search .searchform .input {
  position: relative;
  left: 0px;
  float: left;
  height: 40px;
  font-family: "Open Sans", serif;
  font-size: 30px;
  color: white;
  padding: 0px 15px;
  width: 80%;
  background: #252525;
}
#sidr .search .searchform .input:focus {
  outline: none;
}
#sidr .search .searchform #searchsubmit {
  position: relative;
  right: 0px;
  background-image: url(../images/search-icon.svg);
  background-color: transparent;
  background-size: cover;
  height: 30px;
  width: 30px;
  padding: 0px;
  border: none;
  opacity: 0.2;
  bottom: -5px;
  right: -5px;
}
#sidr .search .searchform #searchsubmit:focus {
  outline: none;
}
#sidr .search .searchform #searchsubmit:hover {
  opacity: 1;
}
#sidr .search .searchform .search-overlay__line {
  height: 4px;
  background: #ABABAB;
  position: relative;
  overflow: hidden;
  transition: width 0.5s;
  top: -4px;
  margin-left: 15px;
  width: calc(100% - 35px);
}
#sidr .search .searchform .search-overlay__line .search-overlay__progress {
  position: absolute;
  top: 0px;
  left: 0px;
  right: auto;
  bottom: auto;
  height: 100%;
  width: 0px;
  background: #66cc00;
  transition: width 0.1s linear;
}
#sidr .search .list li {
  line-height: normal;
  padding: 25px 0px;
  min-height: 75px;
}
#sidr .search .list li .title {
  line-height: 25px;
  padding-left: 30px;
}
#sidr .search .list li .short_intro {
  font-size: 14px;
  line-height: 18px;
  padding: 10px 30px 0px 30px;
}
#sidr .search .list li .short_intro p {
  color: white;
  line-height: 20px;
}

.burger {
  width: 54px;
  height: 54px;
  position: absolute;
  right: 0px;
  left: initial;
  background: transparent;
  border: 0;
  padding: 0;
  color: inherit;
  transform: rotate(0deg);
  transition: 0.5s ease-in-out;
  cursor: pointer;
}
@media (min-width: 667px) {
  .burger {
    left: 170px;
    right: initial;
  }
}
.burger:after {
  right: 0px;
  left: initial;
}
.burger.open {
  right: 0px;
}
@media (min-width: 667px) {
  .burger.open {
    left: 427px;
  }
}

.burger span {
  display: block;
  position: absolute;
  height: 2px;
  width: 25px;
  background: #66cc00;
  opacity: 1;
  left: 15px;
  transform: rotate(0deg);
  transition: 0.25s ease-in-out;
}

.burger span:nth-child(1) {
  top: 18px;
}

.burger span:nth-child(2), .burger span:nth-child(3) {
  top: 26px;
}

.burger span:nth-child(4) {
  top: 34px;
}

.burger.open span:nth-child(1) {
  top: 18px;
  width: 0%;
  left: 50%;
}

.burger.open span:nth-child(2) {
  transform: rotate(45deg);
}

.burger.open span:nth-child(3) {
  transform: rotate(-45deg);
}

.burger.open span:nth-child(4) {
  top: 18px;
  width: 0%;
  left: 50%;
}

.menu {
  background: #252525;
}
.menu .list-nav {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
  list-style: none;
  width: 100%;
}
@media (min-width: 667px) {
  .menu .list-nav {
    width: 480px;
  }
}
.menu .list-nav .item-nav {
  display: block;
  width: 33%;
  padding: 1.8em 0;
  text-align: center;
}
.menu .list-nav .item-nav .link-nav {
  background: transparent;
  border: 0;
  color: inherit;
  display: inline-block;
  font-size: 12px;
  font-weight: bold;
  line-height: 1.4;
  padding: 1em 0px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  font-family: inherit;
  text-transform: inherit;
}
.menu .list-nav .item-nav .link-nav:focus-visible {
  outline: 2px solid rgba(255, 255, 255, 0.85);
  outline-offset: 3px;
}
.menu .list-nav .item-nav .link-nav:hover, .menu .list-nav .item-nav .link-nav:focus {
  outline: none;
}
.menu .list-nav.two .item-nav {
  width: 50%;
}

.menu .link-nav {
  position: relative;
  display: inline;
  padding-right: 0;
  padding-left: 0;
  color: #b5b5b5;
  text-transform: uppercase;
  transition: color 0.4s;
  font-family: "Open Sans";
}

.menu .current .link-nav,
.menu .current .link-nav:hover,
.menu .current .link-nav:focus {
  color: white;
}

.menu .current .link-nav::after,
.menu .current .link-nav::before {
  transform: scale3d(1, 1, 1);
}

.menu .current .link-nav::before {
  transition-delay: 0s;
}

.menu .link-nav:hover,
.menu .link-nav:focus {
  color: white;
}

.menu .link-nav:hover::before,
.menu .link-nav:focus::before {
  transform: scale3d(1, 1, 1);
  transition-delay: 0s;
}

.menu .link-nav::before,
.menu .link-nav::after {
  content: "";
  position: absolute;
  bottom: 5px;
  left: 0;
  width: 100%;
  height: 3px;
  transform: scale3d(0, 1, 1);
  transform-origin: center left;
  transition: transform 0.4s cubic-bezier(0.22, 0.61, 0.36, 1);
}

.menu .link-nav::before {
  background: #b5b5b5;
  transition-delay: 0.4s;
}

.menu .link-nav::after {
  background: #21cd1d;
}

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