/*
Theme Name: Ambient 
Author: Informationsstelle Gesundheit GmbH, Düsseldorf
Author URI: www.informationsstelle-gesundheit.de
Description: Ambient Theme
Version: 1.0
License: Copyright 2019 Informationsstelle Gesundheit GmbH - keine Vervielfältigung - dieser Teil darf nicht gelöscht, geändert oder umbenannt werden.

/* Font-Sammlung */

/* stix-two-text-regular - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'STIX Two Text';
    font-style: normal;
    font-weight: 400;
    src: url('fonts/stix-two-text-v12-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
/* stix-two-text-500 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'STIX Two Text';
    font-style: normal;
    font-weight: 500;
    src: url('fonts/stix-two-text-v12-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
/* stix-two-text-700 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'STIX Two Text';
    font-style: normal;
    font-weight: 700;
    src: url('fonts/stix-two-text-v12-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }

/* open-sans-300 - latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    src: url('fonts/open-sans-v20-latin-300.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('fonts/open-sans-v20-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/open-sans-v20-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
         url('fonts/open-sans-v20-latin-300.woff') format('woff'), /* Modern Browsers */
         url('fonts/open-sans-v20-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
         url('fonts/open-sans-v20-latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */
  }
  /* open-sans-regular - latin */
  @font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: url('fonts/open-sans-v20-latin-regular.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('fonts/open-sans-v20-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/open-sans-v20-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
         url('fonts/open-sans-v20-latin-regular.woff') format('woff'), /* Modern Browsers */
         url('fonts/open-sans-v20-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
         url('fonts/open-sans-v20-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
  }
  /* open-sans-600 - latin */
  @font-face {
      font-family: 'Open Sans';
      font-style: normal;
      font-weight: 600;
      src: url('fonts/open-sans-v28-latin-600.eot'); /* IE9 Compat Modes */
      src: local(''),
           url('fonts/open-sans-v28-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
           url('fonts/open-sans-v28-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
           url('fonts/open-sans-v28-latin-600.woff') format('woff'), /* Modern Browsers */
           url('fonts/open-sans-v28-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
           url('fonts/open-sans-v28-latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */
    }
  /* open-sans-700 - latin */
  @font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    src: url('fonts/open-sans-v20-latin-700.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('fonts/open-sans-v20-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/open-sans-v20-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
         url('fonts/open-sans-v20-latin-700.woff') format('woff'), /* Modern Browsers */
         url('fonts/open-sans-v20-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
         url('fonts/open-sans-v20-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
  }
  
  @font-face {
      font-family: 'Material Icons';
      font-display: swap;
      font-style: normal;
      font-weight: 400;
      src: url('fonts/datepicker-font.woff2') format('woff2');
  }

  * {
    font-family: 'STIX Two Text', sans-serif;
}
  
  .material-icons {
      font-family: 'Material Icons';
      font-weight: normal;
      font-style: normal;
      font-size: 24px;
      line-height: 1;
      letter-spacing: normal;
      text-transform: none;
      display: inline-block;
      white-space: nowrap;
      word-wrap: normal;
      direction: ltr;
      -webkit-font-feature-settings: 'liga';
      -webkit-font-smoothing: antialiased;
  }
  
  .headboxlink:before {
      content: "\e080";
      margin-right: 10px;
      font-size: 12px;
      text-decoration: none;
      font-family: 'Glyphicons Halflings';
      -moz-transition: all .2s ease;
      -o-transition: all .2s ease;
      -webkit-transition: all .2s ease;
      transition: all .2s ease;
  }
  
  .headboxlink:hover:before {
      padding-left: 10px;
      margin-right: 0px;
  }
  
  btn-primary:focus {
      background-color: var(--text-color);
      border-color: var(--text-color);
  }
  
  html, body {
      margin: 0 0 0 0;
      padding: 0 0 0 0;
  }
  
  p {
      font-size: 1.6rem;
      font-weight: 300;
      padding-bottom: 1rem;
      color: var(--text-color);
      line-height: 1.6;
  }
  
  p:empty {
      display: none;
  }
  
  .pea_cook_wrapper p {
      padding-bottom: 0;
  }
  
  a {
      color: var(--primary-color);
      font-size: 1.6rem;
      font-weight: bold;
  }
  
  a:hover {
      color: var(--secondary-color);
      text-decoration: none;
  }
  
  label {
      font-size: 1.6rem;
      font-weight: 300;
  }
  
  ul {
      padding-left: 2rem;
  }
  
  .checkbox label {
      padding-left: 5px;
      color: var(--text-color);
  }
  
  .checkbox-inline {
      padding-left: 0;
      font-weight: 300;
  }
  
  .form-group label {
      color: var(--text-color);
  }
  
  #wide {
      position: relative;
      overflow: hidden;
  }
  
  .menueleiste {
      position: relative;
      background: transparent;
  }
  
  li {
      color: var(--text-color);
      font-weight: 300;
      font-size: 1.6rem;
      line-height: 2;
  }
  
  a.btn-primary {
      display: inline-block;
      border: 1px solid var(--text-invert);
      color: var(--text-invert);
      background: var(--primary-color);
      white-space: normal;
      border-radius: 0;
      padding: 1rem 2rem;
      transition: all 0.2s ease-in-out;
      font-size: 1.6rem;
  }
  
  .btn-primary:hover {
      background: var(--text-invert);
      border: 1px solid var(--primary-color);
      color: var(--primary-color);
      transition: all 0.2s ease-in-out;
  }
  
  .btn-primary.invert{
      border: 1px solid var(--primary-color);
      color: var(--background);
      background: var(--primary-color);
  }
  
  .btn-primary.invert:hover {
      background: var(--background);
      color: var(--text-color);
      transition: all 0.2s ease-in-out;
  }
  
  .up {
      z-index: 10;
      position: fixed;
      bottom: 5em;
      right: 1em;
      display: block;
      padding-top: 0.2rem;
      width: 4.5rem;
      height: 4rem;
      color: var(--primary-color);
      background: var(--secondary-color);
      border: 1px solid var(--primary-color);
      font-size: 1.5rem;
      text-align: center;
      line-height: 4rem;
      opacity: 0.8;
      filter: alpha(opacity=60);
  }
  
  .up:hover {
      background: var(--secondary-color);
      color: var(--text-color);
      opacity: 0.6;
      border: 1px solid var(--text-color);
  }
  
  .up:active, .up:focus {
      outline: none;
  }
  
  .telefonlink {
      white-space: nowrap;
  }
  
  footer .telefonlink {
      color: var(--text-invert);
  }
  
  footer {
      background: var(--primary-color);
  }
  
  .telefonlink:before {
      content: "\e182";
      font-weight: normal;
      font-size: inherit;
      margin-right: 5px;
      text-decoration: none;
      font-family: 'Glyphicons Halflings';
  }
  
  h1 {
      margin-top: 0;
      color: var(--primary-color);
      font-size: 3.5rem;
      line-height: 3.5rem;
      font-weight: 400;
      margin-bottom: 0;
  }
  
  section {
      padding: 10rem 0;
  }
  
  footer section {
      padding: 0;
  }
  
  .footerback {
      background: var(--primary-color);
  }
  
  .copyback {
      background: var(--background);
  }
  
  @media(max-width:767px) {
      .copyback {
          margin-bottom: 4rem;
      }
  
      .up {
          bottom: 5em;
      }
  }
  
  aside {
      margin-bottom: 4rem;
  } 
  
  .accordion_container {
      padding: 0;
  }
  
  .accordion_container .panel {
      -webkit-box-shadow: none;
      box-shadow: none;
  }
  
  .accordion_container p {
      margin: 0;
      padding: 1rem 0;
  }
  
  .accordion {
      border-bottom: 1rem solid transparent;
  }
  
  a.accordion-button {
      padding: 1rem 2rem;
      display: block;
      text-decoration: none;
      -moz-transition: all .3s ease-in;
      -o-transition: all .3s ease-in;
      -webkit-transition: all .3s ease-in;
      transition: all .3s ease-in;
  }
  
  a.accordion-button .glyphicon {
      position: relative;
      top: 5px;
      padding-right: 0.5rem;
      font-size: 2rem;
  }
  
  a.accordion-button:hover {
      text-decoration: none;
  }
  
  .panel-title a {
      color: #fff;
      display: block;
      background-color: #006f9d;
      background-position: right center;
      background-repeat: no-repeat;
      background-size: 3.2rem 100% !important;
      -moz-transition: all .0s ease-in;
      -o-transition: all .0s ease-in;
      -webkit-transition: all .0s ease-in;
      transition: all .0s ease-in;   
  }
  
  .panel-title a:not(.collapsed) {
      background-image: url(images/accordion-v1d.svg); 
  }
  
  .header-mobile-buttons img {
      width: 80%;
      max-width: 400px;
      display: block;
      margin: 0 auto;
  }
  
  .header-mobile-buttons p {
      text-align: center;
      margin: 0;
      background: var(--background);
  }
  
  .header-mobile-buttons a {
      margin: 1rem 1rem 1rem 1rem;
      display: block;
      color: var(--text-color);
      font-size: 2rem;
  }
  
  .header-mobile-buttons .btn {
      background: var(--primary-color);
      color: var(--secondary-color);
  }
  
  .header-mobile-buttons a:hover {
      text-decoration: none;
      font-weight: normal;
      text-decoration: none;
      color: var(--text-color);
  }
  
  .header-mobile-buttons a:focus {
      text-decoration: none;
      font-weight: normal;
      text-decoration: none;
  }
  
  footer h3 {             
      display: block;
      margin: 20px 0 4rem 0;
      padding: 3rem 0 3rem 0;
      color: var(--text-invert);
      font-size: 2rem;
      text-transform: none;
      border-bottom: 1px solid;
      text-align: left;
  }
  
  footer a, footer p {
      color: var(--text-invert);
      text-decoration: none;
  }
  
  footer a:hover {
      color: var(--secondary-color);
  }
  
  div.footer-copyright2 {
      padding-top: 1rem;
      padding-bottom: 1rem;;
  } 
  
  .footer-copyright2 a:hover {
      color: var(--text-color);
  } 
  
  .footer-copyright2 p, .footer-copyright2 a {
      color: var(--text-color);
      text-align: right;
  }
  
  html, body {
      width: 100%;
      height: 100%;
  }
  
  .para-callout {
      -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
  }
  
  h2 {
      font-size: 2.4rem;
      font-weight: 700;
      color: var(--primary-color);
      margin-top: 4rem;
      margin-bottom: 3rem;
      text-transform: uppercase;
  }
  
  h3 {
	font-size: 2.3rem;
    color: var(--text-color);
    font-weight: 500;
    margin-top: 3rem;
  }
  
  body {
      background: var(--background);
      -webkit-font-smoothing: antialiased;
  }
  
  .willkommen {
      float: right;
      background: transparent;
  }
  
  .form-group p {
      margin: 0;
      padding: 0;
  }
  
  div#datetimepicker li {
      text-indent: 0;
      margin: 0;
  }
  
  div#datetimepicker li:before {
      content: ' ';
  }
  
  .checkbox p {
      margin: 0;
  }
  
  blockquote {
      border: none;
      background: var(--primary-color);
      border-radius: 5px;
      display: block;
      margin: 0 auto;
      width: 90%;
      padding: 3rem 2rem 1rem 2rem;
      margin-bottom: 3rem;
  }
  
  blockquote h2 {
      color: var(--secondary-color);
      margin-top: 0;
  }
  
  blockquote p {
      color: var(--secondary-color);
  }
  
  .kk-star-ratings .kksr-legend {
      color: var(--secondary-color);
  }
  
  .bildimtext {
      width: 35%;
      float: right;
      padding: 0rem 0 1rem 2rem;
      max-width: 600px;
  }
  
  @media (min-width: 992px) {
  
  .mobil-menu-button {
      display: none;
  }
  
  .slider.header8fix {
      margin-top: 11rem;
  }
  
  .header8 {
      position: fixed;
      z-index: 1200;
      width: 100%;
      overflow: visible !important;
      background: rgba(255, 255, 255, 0.9);
      border-bottom: 2px solid var(--text-color);
  }
  
  .header8 .header {
      margin-top: 0;
      position: relative;
      overflow-y: visible;
      z-index: 1200;
      padding: 0 1.5rem;
  }
  
  .header8 #logo {
      top: 0px;
      margin: 0 0 0 0;
      padding: 0 0 0 0;
      float: left;
  }
  
  .header8 .logo {
      position: inherit;
      opacity: 1;
  }
  
  nav > ul > .current-menu-item a, nav > ul > .current-menu-ancestor > a, nav > ul > .current-menu-parent > a, nav > ul > .current-menu-parent .current_page_item a, nav > ul > .current-page-parent a {
      color: var(--primary-color);
  }
  
  .menueleiste nav ul.sub-menu li.menu-item-has-children>ul>li>a {
      background: var(--primary-color);
      color: var(--text-invert);    
  }
  
  .menueleiste nav ul.sub-menu li.menu-item-has-children>ul>li>a:hover, .menueleiste nav ul.sub-menu li.menu-item-has-children>ul>li.current-menu-item>a {
      background: var(--background);
      color: var(--primary-color);    
  }
  
  #nav ul li a {
      display: block;
      padding: 0rem 1.4rem 0;
      width: auto;
      margin-top: 0px;
      color: var(--primary-color);
      font-weight: 400;
      font-size: 1.8rem;
      -moz-transition: all .1s ease-in;
      -o-transition: all .1s ease-in;
      -webkit-transition: all .1s ease-in;
      transition: all .1s ease-in;
  }
  
   nav > ul > li:hover a {
      color: var(--primary-color);
  }     
      
  nav ul li:hover ul {
      display: block;
  }
  
  nav ul li ul {
      display: none;
      top: 100%;
      width: 30rem;
      height: auto;
      position: absolute;
      margin: 0 0 0 0;
      padding: 0 0 0 0;
      background: transparent;
      box-shadow: 0 0.2rem 12px #999;
  }
  
  nav ul > li > ul > li {
      float: none;
      display: block;
      border-right: none;
  }
  
  nav ul.sub-menu > li > a {
      display: block;
      padding: 0.8rem;
      width: auto;
      line-height: 2rem;
      color: var(--text-invert);
      background: var(--primary-color);
      font-size: 1.6rem;
      -moz-transition: none;
      -o-transition: none;
      -webkit-transition: none;
      transition: none;
      font-weight: 400;
  }   
  
  nav ul.sub-menu > li:hover > a {
      background: var(--background);
      color: var(--primary-color);
  }
  
  nav > ul > li > ul > li > ul.sub-menu {
      display: none;
  }
  
  nav > ul > li > ul > li:hover > ul.sub-menu {
      display: block;
      position: absolute;
      right: 100%;
      top: 0;
      z-index: 20;
  }
  
  .sub-menu .current-menu-item a {
      color: var(--text-color);
      background: var(--secondary-color);
  } 
  
  .slider {
      position: relative;
      overflow: hidden;
  }
      
  
  
  .arrow {
      width: 40px;
      height: 40px;
      background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iNTEycHgiIGhlaWdodD0iNTEycHgiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA1MTIgNTEyIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0yOTMuNzUxLDQ1NS44NjhjLTIwLjE4MSwyMC4xNzktNTMuMTY1LDE5LjkxMy03My42NzMtMC41OTVsMCwwYy0yMC41MDgtMjAuNTA4LTIwLjc3My01My40OTMtMC41OTQtNzMuNjcyICBsMTg5Ljk5OS0xOTBjMjAuMTc4LTIwLjE3OCw1My4xNjQtMTkuOTEzLDczLjY3MiwwLjU5NWwwLDBjMjAuNTA4LDIwLjUwOSwyMC43NzIsNTMuNDkyLDAuNTk1LDczLjY3MUwyOTMuNzUxLDQ1NS44Njh6Ii8+DQo8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNMjIwLjI0OSw0NTUuODY4YzIwLjE4LDIwLjE3OSw1My4xNjQsMTkuOTEzLDczLjY3Mi0wLjU5NWwwLDBjMjAuNTA5LTIwLjUwOCwyMC43NzQtNTMuNDkzLDAuNTk2LTczLjY3MiAgbC0xOTAtMTkwYy0yMC4xNzgtMjAuMTc4LTUzLjE2NC0xOS45MTMtNzMuNjcxLDAuNTk1bDAsMGMtMjAuNTA4LDIwLjUwOS0yMC43NzIsNTMuNDkyLTAuNTk1LDczLjY3MUwyMjAuMjQ5LDQ1NS44Njh6Ii8+DQo8L3N2Zz4=);
      background-size: contain;
  }            
  
  }
  
  @media (max-width: 991px) {
  
  .menueleiste {
      position: fixed;
      top: 5rem;
      right: -100%;
      height: 100vh;
      z-index: 300;
      background: var(--primary-color);
      width: 100vw;
  }
  
  nav > ul > .current-menu-item a, nav > ul > .current-menu-ancestor > a, nav > ul > .current-menu-parent > a, nav > ul > .current-menu-parent .current_page_item a, nav > ul > .current-page-parent a {
      color: var(--background);
  }
  
  h1 {
      font-size: 3rem;
  }
  
  h2 {
      font-size: 2rem;
  }
  
  section {
      padding: 5rem 0;
      background: var(--background);
  }     
  
  footer ul li {
      text-align: center;
  }
  
  nav {
      display: block;
      width: 100vw;
  }
  
  .header8fix {
      margin-top: 0rem;
  }
  
  .menueleiste nav ul {
      list-style: none;
      padding-left: 0;
  }
  
  .mobil-menu-button {
      position: relative;
      width: 70px;
      background: transparent;
      top: 0;
      height: 50px;
      z-index: 50;
      float: right;
  }
  
  .mobil-menu-button-bg {
      position: fixed;
      z-index: 5;
      width: 100%;
      background: var(--primary-color);
  }
  
  .mobil-menu-button span {
      float: right;
      width: 2rem;
      top: 1rem;
      height: 0.2rem;
      background: var(--text-invert);
      margin-top: 25px;
      margin-right: 15px;
  }
  
  .mobil-menu-button.menu-open span {
      height: 0px;
  }
  
  
  .mobil-menu-button.menu-open span:before {
      width: 2rem;
      height: 0.2rem;
      background: var(--text-invert);
      transition: 0.3s;
      right: 15px;
      position: absolute;
      top: 15px;
      content: '';
      transform: rotate3d(0, 0, 1, 45deg);
  }
  
  .mobil-menu-button span:before {
      width: 2rem;
      height: 0.2rem;
      background: var(--text-invert);
      transition: 0.3s;
      right: 15px;
      position: absolute;
      top: 1.8rem;
      content: '';
      -webkit-transform-origin: 0.001rem center;
      transform-origin: 0.005rem center;
  }
  
  .mobil-menu-button.menu-open span:after {
      width: 2rem;
      height: 0.2rem;
      background: var(--text-invert);
      transition: 0.3s;
      right: 15px;
      position: absolute;
      top: 29px;
      content: '';
      transform: rotate3d(0, 0, 1, -45deg);
  }
  
  .mobil-menu-button span:after {
      width: 2rem;
      height: 0.2rem;
      background: var(--text-invert);
      transition: 0.3s;
      right: 15px;
      position: absolute;
      top: 32px;
      content: '';
      -webkit-transform-origin: 0.001rem center;
      transform-origin: 0.005rem center;
  }
  
  nav ul li {
      text-align: left;
      padding-left: 1.5rem;
      list-style: none;
      position: relative;
      border-bottom: 1px solid var(--background);
  }
  
  nav ul li a {
      background: var(--primary-color);
      line-height: 3;
      display: block;
      font-weight: 400;
      color: var(--text-invert);
  }
  
  nav ul li a:before {
      content: "\e080";
      font-weight: normal;
      font-size: 12px;
      margin-top: 5px;
      margin-right: 5px;
      text-decoration: none;
      font-family: 'Glyphicons Halflings';
  }
  
  nav ul li ul {
      display: none;
      transition: all 0.2s ease-out;
      -webkit-transition: all 0.2s ease-out;
      -moz-transition: all 0.2s ease-out;
      -o-transition: all 0.2s ease-out;
      -ms-transition: all 0.2s ease-out;
  }
  
  nav ul li ul li {
      float: none;
      display: block;
      border: none;
  }
  
  .derbutton {
      color: var(--secondary-color);
      position: relative;
      right: 0;
      float: right;
      line-height: 3;
      font-size: 1.5rem;
      top: 0;
      transform: translateY(-100%);
      padding: 0rem 1rem;
      -moz-transition: all .2s ease;
      -o-transition: all .2s ease;
      -webkit-transition: all .2s ease;
      transition: all .2s ease;
  }
  
  .derbutton:before {
      -webkit-transform: rotate(90deg);
      -moz-transform: rotate(90deg);
      -o-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
      transform: rotate(90deg);
      display: block;
      -moz-transition: all .2s ease;
      -o-transition: all .2s ease;
      -webkit-transition: all .2s ease;
      transition: all .2s ease;
  }
  
  .derbutton.drehen:before {
      -webkit-transform: rotate(-90deg);
      -moz-transform: rotate(-90deg);
      -o-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
      transform: rotate(-90deg);
      display: block;
  }
  
  .drehen + .sub-menu {                           
      display: block !important;
      overflow-y: scroll;
      margin-bottom: 2rem;
      overflow-x: hidden;
  }
  
  #logo img {
      display: none;
  }
  
  aside {
      display: none;
  }
  
  }

@media (max-width: 767px) {

    div.footer-copyright2 {
      padding-top: 0.5rem;
      padding-bottom: 4.5rem;
  }
  
}