/***
 *   Custom CSS
 *   f22 Theme Additions
 **/


/* -- EU Cookie Popup CLS Problem ----------------------------------------------- */


.sliding-popup-bottom {
  transform: translateY(100%);
  animation: cookie-animation 1s linear 1.1s forwards;
}

@keyframes cookie-animation {
  100% {
    transform: translateY(0);
  }
}



/* -- Landing-Page Erweiterungen ----------------------------------------------- */

body.path-taxonomy .region-content,
body.page-node-type-landing-page .region-content {
  margin: 0;
  padding: 0;
}

@media only screen and (min-width: 576px) { 
  p.col-fill-2 { /* 2 spaltiger Text mit automatischem Ausgleich */
    column-count: 2; 
    column-gap: 2em; 
  } 
}

#block-pagetitle {
  margin-top: 3rem;
  margin-bottom: 3rem;  
} 

body.bg-light {
  background-color: #fffcf9 !important;
}

.navbar-dark .navbar-brand a img { /** SVG invertieren, weil das Theme das SVG auf dunklem HG invertiert */
  -webkit-filter: invert(0); /* safari 6.0 - 9.0 */
          filter: invert(0);
}


/* -- Utility -------------------------------------------------------------------- */
.maxwidth-288 {  max-width: 288px;  }
.maxwidth-576 {  max-width: 576px;  }
.maxwidth-3rd {  max-width: 33vw;   }
.maxwidth-2nd {  max-width: 50vw;   }
.maxwidth-4th {  max-width: 25vw;   }