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

Stylesheet: Main Stylesheet

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

   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;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  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;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  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: 100; }

.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 .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: #4d9900; }

/**
* #.# Basics
*
* CSS we need more than one time or which have to be changed for multiple elements
*/
@-webkit-keyframes down {
  0% {
    background-position: 25px 25px; }
  50% {
    background-position: 25px 28.5714285714px; }
  100% {
    background-position: 25px 25px; } }

@-moz-keyframes down {
  0% {
    background-position: 25px 25px; }
  50% {
    background-position: 25px 28.5714285714px; }
  100% {
    background-position: 25px 25px; } }

@-o-keyframes down {
  0% {
    background-position: 25px 25px; }
  50% {
    background-position: 25px 28.5714285714px; }
  100% {
    background-position: 25px 25px; } }

@keyframes down {
  0% {
    background-position: 25px 25px; }
  50% {
    background-position: 25px 28.5714285714px; }
  100% {
    background-position: 25px 25px; } }

@-webkit-keyframes down-mobile {
  0% {
    background-position: 16.6666666667px 16.6666666667px; }
  50% {
    background-position: 16.6666666667px 18.1818181818px; }
  100% {
    background-position: 16.6666666667px 16.6666666667px; } }

@-moz-keyframes down-mobile {
  0% {
    background-position: 16.6666666667px 16.6666666667px; }
  50% {
    background-position: 16.6666666667px 18.1818181818px; }
  100% {
    background-position: 16.6666666667px 16.6666666667px; } }

@-o-keyframes down-mobile {
  0% {
    background-position: 16.6666666667px 16.6666666667px; }
  50% {
    background-position: 16.6666666667px 18.1818181818px; }
  100% {
    background-position: 16.6666666667px 16.6666666667px; } }

@keyframes down-mobile {
  0% {
    background-position: 16.6666666667px 16.6666666667px; }
  50% {
    background-position: 16.6666666667px 18.1818181818px; }
  100% {
    background-position: 16.6666666667px 16.6666666667px; } }

.header #inner-header .search:before, .header #inner-header .social:before, .burger:before, .burger:after {
  content: "";
  position: absolute;
  width: 1px;
  height: 54px;
  background: #404040;
  left: 0px;
  top: 0px; }

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

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

@-webkit-keyframes mouse-wheel {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(6px);
    -ms-transform: translateY(6px);
    transform: translateY(6px); } }

@-moz-keyframes mouse-wheel {
  0% {
    top: 1px; }
  50% {
    top: 2px; }
  100% {
    top: 3px; } }

@-webkit-keyframes mouse-scroll {
  0% {
    opacity: 0; }
  50% {
    opacity: .5; }
  100% {
    opacity: 1; } }

@-moz-keyframes mouse-scroll {
  0% {
    opacity: 0; }
  50% {
    opacity: .5; }
  100% {
    opacity: 1; } }

@-o-keyframes mouse-scroll {
  0% {
    opacity: 0; }
  50% {
    opacity: .5; }
  100% {
    opacity: 1; } }

@keyframes mouse-scroll {
  0% {
    opacity: 0; }
  50% {
    opacity: .5; }
  100% {
    opacity: 1; } }

.single-post #content .hero .opener:after, .page #content .hero .opener:after, .single-post #content .video .opener:after, .page #content .video .opener:after {
  content: '';
  position: absolute;
  bottom: -10px;
  left: 0px;
  width: 100%;
  height: 40px;
  background: #252525;
  -webkit-transform: skew(0deg, -0.8deg);
  -moz-transform: skew(0deg, -0.8deg);
  -ms-transform: skew(0deg, -0.8deg);
  -o-transform: skew(0deg, -0.8deg);
  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 .white .article-header .opener, .page #content .white .article-header .opener, .single-post #content .frame .article-header .opener, .page #content .frame .article-header .opener, .single-post #content .half .article-header .opener, .page #content .half .article-header .opener {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center; }

.single-post #content .article-header .entry-title:after, .page #content .article-header .entry-title:after, .single-post #content .half .article-header .opener .center .entry-title:after, .page #content .half .article-header .opener .center .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 .article-header .entry-title:after, .page #content .article-header .entry-title:after, .single-post #content .half .article-header .opener .center .entry-title:after, .page #content .half .article-header .opener .center .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;
  -webkit-animation: down-mobile 1.5s ease-in-out 6;
  -ms-animation: down-mobile 1.5s ease-in-out 6;
  -moz-animation: down-mobile 1.5s ease-in-out 6;
  -o-animation: down-mobile 1.5s ease-in-out 6;
  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;
      -webkit-animation: down 1.5s ease-in-out 6;
      -ms-animation: down 1.5s ease-in-out 6;
      -moz-animation: down 1.5s ease-in-out 6;
      -o-animation: down 1.5s ease-in-out 6;
      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; }

.wrapper--main {
  opacity: 1;
  transition: opacity .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: .5s;
  /* makes sure it stays on top */ }
  #preloader.animate {
    -webkit-transform: translateX(-100vw);
    -ms-transform: translateX(-100vw);
    -moz-transform: translateX(-100vw);
    -o-transform: translateX(-100vw);
    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 {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center; }

.image-background {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
  z-index: 1; }
  .image-background img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -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;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
  -webkit-transform-origin: right top;
  -ms-transform-origin: right top;
  -moz-transform-origin: right top;
  -o-transform-origin: right top;
  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; }

::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: 0;
  left: 0;
  top: 0;
  z-index: 100;
  width: 100vw;
  height: 54px;
  background-color: #252525;
  border-bottom: 1px solid #404040; }
  .header #inner-header {
    position: relative; }
    .header #inner-header .logo {
      margin: 1.2em 0.5em 1.2em 1.5em;
      float: left;
      width: 109px;
      height: 16px; }
      .header #inner-header .logo use {
        fill: white; }
    .header #inner-header .article-nav {
      position: absolute;
      right: 180px;
      top: 0px;
      height: 39px;
      padding-top: 16px; }
      .header #inner-header .article-nav .issue {
        color: #b3b2b2;
        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 .5s;
          width: 170px;
          overflow: hidden;
          color: #fff;
          padding-left: 5px;
          position: absolute; }
          .header #inner-header .article-nav .article-link .link.fadeIn {
            -webkit-animation-delay: 0.3s;
            -ms-animation-delay: 0.3s;
            -moz-animation-delay: 0.3s;
            -o-animation-delay: 0.3s;
            animation-delay: 0.3s;
            -webkit-animation-duration: 0.3s;
            -ms-animation-duration: 0.3s;
            -moz-animation-duration: 0.3s;
            -o-animation-duration: 0.3s;
            animation-duration: 0.3s; }
          .header #inner-header .article-nav .article-link .link.fadeOut {
            -webkit-animation-duration: 0.3s;
            -ms-animation-duration: 0.3s;
            -moz-animation-duration: 0.3s;
            -o-animation-duration: 0.3s;
            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 .5s, stroke .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 .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 {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg); }
      .header #inner-header .article-nav .shadow {
        position: absolute;
        width: 10%;
        height: 99%;
        top: 0;
        right: 20px;
        -webkit-box-shadow: inset -30px 0px 20px 0px #252525;
        -ms-box-shadow: inset -30px 0px 20px 0px #252525;
        -moz-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: 112px;
      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 .5s; }
      .header #inner-header .search:hover .icon {
        opacity: 1; }
    .header #inner-header .social {
      position: absolute;
      right: 52px;
      padding: 13px 10px; }
      @media (min-width: 667px) {
        .header #inner-header .social {
          right: 0px;
          padding: 15px 15px; } }
      .header #inner-header .social .twitter, .header #inner-header .social .facebook, .header #inner-header .social .google {
        margin: 5px 5px;
        opacity: 0.4;
        transition: opacity .5s;
        width: 20px;
        height: 20px; }
        .header #inner-header .social .twitter use, .header #inner-header .social .facebook use, .header #inner-header .social .google use {
          fill: white; }
        @media (min-width: 667px) {
          .header #inner-header .social .twitter, .header #inner-header .social .facebook, .header #inner-header .social .google {
            width: 14px;
            height: 14px; } }
        .header #inner-header .social .twitter:hover, .header #inner-header .social .facebook:hover, .header #inner-header .social .google:hover {
          opacity: 1; }
      .header #inner-header .social .google {
        width: 25px;
        height: 24px;
        margin: 3px; }
        @media (min-width: 667px) {
          .header #inner-header .social .google {
            width: 19px;
            height: 18px; } }

/**
* #.# Category
*/
/*
.page {
	h1 {
		color: black;
	}
	a {
		color: $highlight-color;
	}
	.entry-content {
		margin: 54px auto 0px auto !important;
		padding-top: 50px !important;
	}
}
*/
@keyframes kenburns {
  0% {
    -webkit-transform: scale(1) translate(-50%, -50%);
    -ms-transform: scale(1) translate(-50%, -50%);
    -moz-transform: scale(1) translate(-50%, -50%);
    -o-transform: scale(1) translate(-50%, -50%);
    transform: scale(1) translate(-50%, -50%);
    animation-timing-function: ease-in; }
  100% {
    -webkit-transform: scale(1.05) translate(-50%, -50%);
    -ms-transform: scale(1.05) translate(-50%, -50%);
    -moz-transform: scale(1.05) translate(-50%, -50%);
    -o-transform: scale(1.05) translate(-50%, -50%);
    transform: scale(1.05) translate(-50%, -50%); } }

.category, .home {
  background: white;
  /* #content */ }
  .category #content, .home #content {
    position: relative;
    width: 100%;
    height: auto;
    margin-top: 54px;
    transition: opacity .5s;
    /* .hero-article */
    /* #inner-content */ }
    .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;
          -webkit-hyphens: none;
          -moz-hyphens: none;
          -ms-hyphens: none;
          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 .8s;
            left: 5px; }
      .category #content .lead .opener, .home #content .lead .opener {
        position: absolute;
        bottom: 40px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -o-transform: translateX(-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: 38px;
                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;
              -ms-transform: rotate(-2deg);
              /* IE 9 */
              -webkit-transform: rotate(-2deg);
              /* 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;
          -webkit-transition: opacity 1s;
          -moz-transition: opacity 1s;
          -o-transition: opacity 1s;
          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 .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 #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 .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%;
          -webkit-transform: translateX(-50%);
          -ms-transform: translateX(-50%);
          -moz-transform: translateX(-50%);
          -o-transform: translateX(-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;
          float: left; }
          @media (min-width: 480px) {
            .footer .right .menu-footer-container ul li {
              padding: 17px 15px; } }
          .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 .warenhaus, .gpn-media .magazin, .gpn-media .gp-energy, .gpn-media .abo {
    height: 280px;
    width: 100%;
    position: relative; }
    @media (min-width: 1024px) {
      .gpn-media .warenhaus, .gpn-media .magazin, .gpn-media .gp-energy, .gpn-media .abo {
        width: 50%; } }
    .gpn-media .warenhaus .info, .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 .warenhaus .info h3, .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 .warenhaus .info h3, .gpn-media .magazin .info h3, .gpn-media .gp-energy .info h3, .gpn-media .abo .info h3 {
            font-size: 21px; } }
      .gpn-media .warenhaus .info button, .gpn-media .magazin .info button, .gpn-media .gp-energy .info button, .gpn-media .abo .info button {
        background: #1bbdfc;
        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 .warenhaus .info h2, .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: #000000; }
        @media (min-width: 667px) {
          .gpn-media .warenhaus .info h2, .gpn-media .magazin .info h2, .gpn-media .gp-energy .info h2, .gpn-media .abo .info h2 {
            font-size: 28px;
            line-height: 28px;
            max-width: none; } }
  .gpn-media .warenhaus a {
    cursor: pointer; }
  .gpn-media .warenhaus .bar {
    width: 100%;
    height: 30px;
    background: url("../images/loading.gif") white 0 0 repeat-x;
    background-size: 50px 50px; }
  .gpn-media .warenhaus .main-carousel {
    height: 250px;
    width: calc(100% - 310px);
    right: 0px;
    position: absolute;
    padding: 0px 45px; }
    .gpn-media .warenhaus .main-carousel .carousel-cell {
      width: 100%;
      position: relative;
      height: 250px; }
      @media (min-width: 667px) {
        .gpn-media .warenhaus .main-carousel .carousel-cell {
          width: 50%; } }
      @media (min-width: 1680px) {
        .gpn-media .warenhaus .main-carousel .carousel-cell {
          width: 33.3%; } }
      .gpn-media .warenhaus .main-carousel .carousel-cell a {
        display: block; }
        .gpn-media .warenhaus .main-carousel .carousel-cell a .bgwidth {
          height: 101% !important;
          width: auto !important; }
        .gpn-media .warenhaus .main-carousel .carousel-cell a .bgheight {
          width: 101% !important;
          height: auto !important; }
    .gpn-media .warenhaus .main-carousel .flickity-button {
      background: transparent;
      border: 2px solid #1bbdfc; }
    .gpn-media .warenhaus .main-carousel .flickity-button-icon {
      fill: #1bbdfc; }
    .gpn-media .warenhaus .main-carousel .flickity-prev-next-button {
      width: 30px;
      height: 30px; }
  .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: black; }
  .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: #87be2c; }
    .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;
  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;
  color: #252525;
  font-weight: bold;
  background: white; }
  @media (min-width: 667px) {
    .text-figure-caption p {
      padding: 20px 40px; } }

.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;
    -webkit-hyphens: none;
    -moz-hyphens: none;
    -ms-hyphens: none;
    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%;
      -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      -moz-transform: translateX(-50%);
      -o-transform: translateX(-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);
        -webkit-transform: none;
        -ms-transform: none;
        -moz-transform: none;
        -o-transform: none;
        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);
        -webkit-transform: none;
        -ms-transform: none;
        -moz-transform: none;
        -o-transform: none;
        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 {
  -webkit-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  transform: rotateY(180deg); }

.wahl .entry-content .flip-container.note:hover .back, .wahl .entry-content .flip-container.note.hover .back {
  -webkit-transform: rotateY(0deg);
  -ms-transform: rotateY(0deg);
  -moz-transform: rotateY(0deg);
  -o-transform: rotateY(0deg);
  transform: rotateY(0deg); }

.wahl .entry-content .flipper {
  -webkit-transition: 0.6s;
  -ms-transition: 0.6s;
  -moz-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
  transform-style: preserve-3d;
  position: relative; }

.wahl .entry-content .front, .wahl .entry-content .back {
  -webkit-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
  transform-style: preserve-3d;
  -webkit-transition: 0.6s;
  -ms-transition: 0.6s;
  -moz-transition: 0.6s;
  -o-transition: 0.6s;
  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;
    -webkit-hyphens: none;
    -moz-hyphens: none;
    -ms-hyphens: none;
    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;
  -webkit-transform: rotateY(0deg);
  -ms-transform: rotateY(0deg);
  -moz-transform: rotateY(0deg);
  -o-transform: rotateY(0deg);
  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;
  -webkit-transform: rotateY(-180deg);
  -ms-transform: rotateY(-180deg);
  -moz-transform: rotateY(-180deg);
  -o-transform: rotateY(-180deg);
  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;
    -webkit-transform: translate(-50%, -100%);
    -ms-transform: translate(-50%, -100%);
    -moz-transform: translate(-50%, -100%);
    -o-transform: translate(-50%, -100%);
    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;
      -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      -moz-transform: translateX(-50%);
      -o-transform: translateX(-50%);
      transform: translateX(-50%);
      background-image: url(../images/gallery.svg); }
  .fg_thumbs_one button.open {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 99;
    -webkit-transform: translate(-50%, 40px);
    -ms-transform: translate(-50%, 40px);
    -moz-transform: translate(-50%, 40px);
    -o-transform: translate(-50%, 40px);
    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 {
  -webkit-transform: none;
  -ms-transform: none;
  -moz-transform: none;
  -o-transform: none;
  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";
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    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 .5s ease-in-out;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    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, .category-jahresrueckblick2017 .header #inner-header .social:before {
    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 {
    -webkit-box-shadow: inset -30px 0px 20px 0px white;
    -ms-box-shadow: inset -30px 0px 20px 0px white;
    -moz-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 .header #inner-header .social .twitter use, .category-jahresrueckblick2017 .header #inner-header .social .facebook use, .category-jahresrueckblick2017 .header #inner-header .social .google use {
    fill: #252525; }

.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 .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;
    position: relative;
    float: left;
    margin: 0px;
    background: white;
    left: initial;
    top: initial;
    border: none; }
    @media (min-width: 1024px) {
      .category-jahresrueckblick2017 #content.grid #main .box .post-header {
        width: 50%;
        height: 465px; } }
    .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;
        -webkit-transform: translateX(50%);
        -ms-transform: translateX(50%);
        -moz-transform: translateX(50%);
        -o-transform: translateX(50%);
        transform: translateX(50%); }
        @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:after {
          content: "";
          position: absolute;
          width: 30px;
          height: 30px;
          background: #66cc00;
          bottom: -5px;
          left: calc(50% - 15px);
          z-index: -1;
          -webkit-transform: rotate(45deg);
          -ms-transform: rotate(45deg);
          -moz-transform: rotate(45deg);
          -o-transform: rotate(45deg);
          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 .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%;
    height: 465px;
    float: right;
    cursor: pointer; }
    @media (min-width: 1024px) {
      .category-jahresrueckblick2017 #content.grid #main .box .content {
        width: 50%; } }
    .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;
      -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      -moz-transform: translateX(-50%);
      -o-transform: translateX(-50%);
      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, .page {
  /* #content */ }
  .single-post #content, .page #content {
    position: relative;
    top: 0px;
    /*
			Article Header
		*/
    /* .article-header */
    /*
			Layout White
		*/
    /*
			Layout Frame
		*/
    /*
			Layout Half
		*/
    /*
			Layout Wahl
		*/
    /*
			Layout Small Hero
		*/
    /*
			Layout Hero
		*/
    /*
			Layout Video
		*/
    /*
			Intro text and category
		*/
    /* .entry-content */
    /* .article-footer */ }
    .single-post #content .content-wrapper, .page #content .content-wrapper {
      background: white; }
    .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 .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 .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;
          margin: 5px auto 80px 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 .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 .half, .page #content .half {
      background: white; }
      .single-post #content .half .article-header, .page #content .half .article-header {
        margin-bottom: 80px;
        height: auto; }
        @media (min-width: 667px) {
          .single-post #content .half .article-header, .page #content .half .article-header {
            margin-bottom: 50px; } }
        .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;
              -webkit-transform: translateX(-50%);
              -ms-transform: translateX(-50%);
              -moz-transform: translateX(-50%);
              -o-transform: translateX(-50%);
              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 .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 .smallhero, .page #content .smallhero {
      /* .intro */ }
      .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%;
              -webkit-transform: translateX(-50%);
              -ms-transform: translateX(-50%);
              -moz-transform: translateX(-50%);
              -o-transform: translateX(-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;
            -webkit-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
            -moz-transform: translateX(-50%);
            -o-transform: translateX(-50%);
            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;
        background-color: white;
        padding-top: 80px; }
        .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 .intro_wrapper .intro, .page #content .smallhero .opener .intro_wrapper .intro {
          color: #252525;
          padding-bottom: 40px; }
    .single-post #content .hero, .page #content .hero {
      /* .intro */ }
      .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;
          -webkit-transform: translateX(-50%);
          -ms-transform: translateX(-50%);
          -moz-transform: translateX(-50%);
          -o-transform: translateX(-50%);
          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 .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 .video, .page #content .video {
      /* .intro */ }
      .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 .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 .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 .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;
          -webkit-hyphens: none;
          -moz-hyphens: none;
          -ms-hyphens: none;
          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%;
            -webkit-transform: rotate(180deg);
            -ms-transform: rotate(180deg);
            -moz-transform: rotate(180deg);
            -o-transform: rotate(180deg);
            transform: rotate(180deg);
            opacity: 1;
            transition: left .5s, right .5s, opacity .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;
            -webkit-transform: rotate(0deg);
            -ms-transform: rotate(0deg);
            -moz-transform: rotate(0deg);
            -o-transform: rotate(0deg);
            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;
            background-size: cover;
            z-index: 1;
            opacity: 0.6;
            transition: opacity .8s; }
        .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 */
.subtitle {
  width: 90%;
  margin: 0px auto 40px auto;
  padding-top: 50px; }
  .subtitle p {
    font-family: 'Roboto Slab', serif;
    font-size: 21px;
    font-weight: 100;
    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;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        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 .5s; }
        .grid #main .box .post-header .wrapper .extend .arrow {
          width: 28px;
          margin-top: 8px;
          max-height: 0px;
          transition: all ease-in-out .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.833333333px; }
      .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%;
        -webkit-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
        -moz-transform: translate(-50%, 0);
        -o-transform: translate(-50%, 0);
        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;
        -webkit-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
        -moz-transform: translate(-50%, 0);
        -o-transform: translate(-50%, 0);
        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 {
      -webkit-transform: scale(1.05);
      -ms-transform: scale(1.05);
      -moz-transform: scale(1.05);
      -o-transform: scale(1.05);
      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: .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: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #4d4d4d), color-stop(100%, #1a1a1a));
  background-image: -moz-linear-gradient(#4d4d4d, #1a1a1a);
  background-image: -webkit-linear-gradient(#4d4d4d, #1a1a1a);
  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;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  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 .8s, color .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 .8s;
              left: 17px; }
        #sidr .content .list li .title {
          font-family: "Open Sans";
          font-weight: bold;
          font-size: 20px;
          color: white;
          transition: text-shadow .8s, color .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;
          transition: opacity .8s; }
        #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; }

@-webkit-keyframes boat {
  0% {
    -webkit-transform: translate3d(0, 0, 0); }
  50% {
    -webkit-transform: translate3d(0, 4px, 0); }
  100% {
    -webkit-transform: translate3d(0, 0, 0); } }

@-webkit-keyframes spinnerRotate {
  from {
    -webkit-transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg); } }

@-moz-keyframes spinnerRotate {
  from {
    -moz-transform: rotate(0deg); }
  to {
    -moz-transform: rotate(360deg); } }

@-ms-keyframes spinnerRotate {
  #sidr .content from {
    -ms-transform: rotate(0deg); }
  #sidr .content to {
    -ms-transform: rotate(360deg); } }
    #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 .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;
          -moz-transition: width 0.1s linear;
          -o-transition: width 0.1s linear;
          -webkit-transition: width 0.1s linear;
          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;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .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;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .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) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg); }

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

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

.menu {
  background: #252525; }
  .menu .list-nav {
    position: relative;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    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 {
        font-size: 12px;
        font-weight: bold;
        padding: 1em 0px;
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        -webkit-touch-callout: none;
        -khtml-user-select: none;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
        .menu .list-nav .item-nav .link-nav .link-nav:hover,
        .menu .list-nav .item-nav .link-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;
  -webkit-transition: color 0.4s;
  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 {
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1); }

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

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

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

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

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

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