/**
 * ###############################################################################
 * ##
 * ## @file:         cookie-consent.scss
 * ## @description:  Defines the styling of the cookie compliance message
 * ##
 * ##                This file is compiled into cookie-consent.css
 * ##
 * ###############################################################################
 */
/* Import base dependencies */
/**
 * ###############################################################################
 * ##
 * ## @file:         _variables.scss
 * ## @description:  Defines some global variables for the website
 * ##
 * ###############################################################################
 */
/**
 *  BREAKPOINTS
 * ---------------------------------------------------------------------------- */
/**
 *  COLORS
 * ---------------------------------------------------------------------------- */
/*  Default color definitions ==> only change values! */
/* Status & validation colors */
/**
 * ###############################################################################
 * ##
 * ## @file:         _mixins.scss
 * ## @description:  Defines custom mixins
 * ##
 * ###############################################################################
 */
/**
  * Strip unit of a value
  *
  * e.g.: 25px => 25; 3rem => 3; ... 
  *
  * ------------------------------------------------------------------------- */
/**
  * Breakpoint
  *
  * Usage:
  * div { width: 75%;
  *   @include bp($tablet_narrow, max) { width: 50%; }
  * }
  *
  * Result:
  * div { width: 75%; }
  * @media (max-width: 37.438em) {
  *   div { width: 50%; }
  * }
  * ------------------------------------------------------------------------- */
/**
  * Input placeholder
  *
  * Usage:
  * input {
  *   @include placeholder {
  *     color: #fff;
  *   }
  * }
  *
  * Result:
  * input.placeholder {
  *   color: #fff;
  * }
  * input::placeholder {
  *   color: #fff;
  * }
  *
  * NOTE: Autoprefixer will add the browser-specific variants for ::placeholder
  *
  * ------------------------------------------------------------------------- */
/**
  * Default icon style mixin
  *
  * Usage:
  * div { @include icon($icon-name); }
  *
  * ------------------------------------------------------------------------- */
/**
  * Mixin for creating custom font-faces
  *
  * Usage:
  * @include font-face('customFontName', '/path/to/font/without/extension', bold, italic);
  * Upload custom font with eot, woff, ttf and svg
  * ------------------------------------------------------------------------- */
/**
  * Mixin for faster positions
  *
  * Usage:
  * @include position(absolute, 10px, 10em, 10%, null);
  * ------------------------------------------------------------------------- */
/**
  * Fluid Typography
  *
  * Usage:
  * p {
  *   @include fluid-type(320px, 1800px, 16px, 21px);
  * }
  *
  * Result:
  * p {
  *   font-size: 16px;
  *   @media screen and (min-width: 320px) {
  *     font-size: calc(16 + (21 - 16) * ((100vw - 320px) / (1800 - 320)));
  *   }
  *   @media screen and (min-width: 1800px) {
  *     font-size: 21px;
  *   }
  * }
  * ------------------------------------------------------------------------- */
/* Banner */
.cc__banner {
  z-index: 300;
  overflow: hidden;
  position: relative;
  display: block;
  background-color: #000;
  padding: 25px;
}

.cc__banner .cc__message {
  margin: 0 0 20px;
  font-size: 0.875rem;
  text-align: center;
}

.cc__banner .cc__message *:last-child {
  margin-bottom: 0;
}

.cc__banner button {
  display: block;
  height: 50px;
  margin: 0 auto;
  padding: 0 20px;
  background-color: #4a4a4a;
  color: #fff;
  font-family: inherit;
  font-size: 0.875rem;
  text-transform: none;
}

.cc__banner button:focus, .cc__banner button:hover {
  border: 0;
}

@media (min-width: 80em) {
  .cc__banner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .cc__banner .cc__message,
  .cc__banner button {
    margin: 0;
  }
}
/*# sourceMappingURL=../maps/vendors/cookie-consent.css.map */