@charset "UTF-8";
:root {
  --primary: #0066a4;
  --secondary: #8dc63f;
  --medium-grey: #5d6773;
  --light-grey: #a0afb0;
  --footer-copy: #005B89;
  --footer-copy-txt: #9fcce2;
  --footer-social: #9fcce2;
  --logo: url("/style/images/clientlogo/logo.svg");
  --logo-payoff: url("/style/images/clientlogo/brabantse-wall.svg");
}

/* Base overwrite stuff */
/* overwrite colors */
a,
.list li:before,
#wrapper #system.sitemap li,
.menuList a.active,
.menuList a.active:link,
.menuList .haschildren:after,
.menuList .parent:after,
.articles .item h3 a:hover,
.tabs .active,
.gos .clone input[type=radio]:checked + label,
.gos .clone input[type=checkbox]:checked + label,
.bigrain .titlebar .button,
.adressen #legenda .list a {
  color: var(--primary);
}

/* overwrite backgrounds */
caption,
.button,
.poll .results .bar,
.rain .tabs .active,
.monthContainer li a:before,
.poll .bar,
input[type=submit],
.events .item .time,
.longcalendar .days li.today,
#zoeknavigatie span.current,
.pages .current, .alphabet .selected,
.gos .gosButton,
.gos .submit,
.gos .pages span.current {
  background-color: var(--primary);
}

/* overwrite borders */
.air .tabs .active,
.monthContainer #today:before,
.events .monthlist .daynumber.active,
.media .img a:hover:after,
.pages .current, .alphabet .selected,
.gos input[type=text]:focus {
  border-color: var(--primary);
}

/* Generated color classes */
.bgColorA, .base.bgColorA, .bgBefore.bgColorA:before {
  background-color: var(--primary);
}

.fgColorA, .base.fgColorA, .bgBefore.bgColorA:before {
  color: var(--primary);
}

.bgColorB, .base.bgColorB, .bgBefore.bgColorB:before {
  background-color: var(--secondary);
}

.fgColorB, .base.fgColorB, .bgBefore.bgColorB:before {
  color: var(--secondary);
}

/* Logo */
.logo, #logo a {
  background-image: var(--logo);
}

html, body {
  background-color: #FFFFFF;
}

.cloud.base, .cloud.base .button, .cloud.base .dummybutton, .cloud.base input, .cloud .base, .cloud .base .button, .cloud .base .dummybutton, .cloud .base input {
  border-radius: 5px;
}
.cloud.quicksearch input {
  border-radius: 5px 0px 0px 5px;
}
.cloud.quicksearch .dummybutton {
  border-radius: 0px 5px 5px 0px;
}

.widget.quicksearch input, .widget.quicksearch .dummybutton {
  height: 50px;
  line-height: 40px;
}
.widget.quicksearch input[type=text] {
  text-indent: 20px;
}
.widget.quicksearch input[type=text]:focus {
  background-color: #FFFFFF;
}

.widget.quicksearch.full + .widget.index.full {
  margin-top: -20px;
}

#page.highcontrast .widget.quicksearch.full + .widget.index.full {
  margin-top: 0px;
}

@media (min-width: 768px) {
  .tabcontent .tabs a, .tabcontent .tabs span {
    width: auto;
  }
}
.firstTitle {
  font-weight: 300;
  font-size: 2.4rem;
  color: var(--primary);
}

.column {
  line-height: 2;
}
.column ul, .column p {
  margin-bottom: 30px;
}
.column ul {
  list-style: none;
  margin-left: 0px;
}
.column li {
  padding-left: 30px;
  position: relative;
}
.column ul li:before {
  position: absolute;
  width: 30px;
  line-height: 20px;
  text-align: center;
  content: "";
  font-family: "FontAwesome";
  font-size: 7px;
  color: var(--primary);
  left: 0px;
  top: 3px;
}
.column .alphabet li {
  padding-left: 0px;
}
.column .alphabet li:before {
  display: none;
}
.column ol {
  padding-left: 20px;
}
.column ol li {
  padding-left: 10px;
}
.column ol ul li {
  padding-left: 30px;
}

@media (min-width: 1200px) {
  article, .column {
    width: calc( 100% - 470px );
  }

  aside, .sidebar {
    width: 400px;
  }
}
@media (min-width: 992px) {
  aside, .sidebar {
    padding-top: 25px;
  }
}
@media (min-width: 1200px) {
  article, .column, aside, .sidebar {
    margin-bottom: 70px;
  }
}
.imgLabel {
  position: relative;
  font-size: 0px;
  padding: 0px;
}
.imgLabel img {
  margin-bottom: 0px;
}
.imgLabel img + br {
  display: none;
}
.imgLabel .imgLabelText {
  position: absolute;
  right: 0px;
  bottom: 0px;
  background-color: rgba(255, 255, 255, 0.9);
  padding: 10px 15px;
  font-size: 0.9rem;
  text-align: left;
  line-height: 1.6;
}
@media (min-width: 768px) {
  .imgLabel .imgLabelText {
    border-left: 5px solid var(--secondary);
    max-width: 330px;
  }
}

.publication.employee {
  width: calc(100% - 300px);
}

.employees .sub-block {
  border: 1px solid #e4e4e4;
  background-color: #f5f5f5;
}

.column .tabs ul {
  margin: 0px;
}
.column .tabs li {
  padding-left: 0px;
}
.column .tabs li:before {
  display: none;
}

.category .news .item:nth-of-type(-n+2) {
  flex-basis: 46%;
}

.img .imageheader {
  height: 100%;
}

.relatedAndDownloads {
  flex-direction: column;
}

header.theme-header {
  box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.09);
  background-color: #ffffff;
  z-index: 15;
  padding: 30px 0px;
}
@media (min-width: 1200px) {
  header.theme-header {
    padding: 50px 0px;
  }
}
header.theme-header, header.theme-header * {
  position: relative;
  box-sizing: border-box;
}
header.theme-header:after {
  content: " ";
  clear: both;
  display: block;
}
header.theme-header .logo {
  width: 180px;
  height: 40px;
  float: left;
  margin-top: 5px;
}
@media (min-width: 992px) {
  header.theme-header .logo {
    width: 200px;
  }
}
@media (min-width: 1200px) {
  header.theme-header .logo {
    width: 260px;
    height: 60px;
    margin-top: 0px;
  }
}
@media (min-width: 1400px) {
  header.theme-header .logo {
    width: 300px;
    height: 60px;
  }
}
header.theme-header .logo a {
  width: 100%;
  height: 100%;
  display: block;
}
header.theme-header nav a {
  text-decoration: none;
  color: #5d6773;
  font-weight: bold;
  font-size: 1.2rem;
  line-height: 30px;
  transition: all 0.2s linear;
}
header.theme-header nav a:hover {
  color: var(--primary);
}
header.theme-header nav a:active {
  opacity: 0.7;
}
@media (max-width: 767px) {
  header.theme-header nav {
    display: block;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.15);
    background-color: #ffffff;
    position: fixed;
    overflow: hidden;
    right: -330px;
    top: 0px;
    bottom: 0px;
    width: 280px;
    transition: right 0.3s ease-in;
    padding: 40px 25px;
    z-index: 2;
  }
  header.theme-header nav a {
    display: block;
    text-align: left;
    padding: 10px;
    border-bottom: 1px solid #e4e4e4;
    border-left: 4px solid transparent;
  }
  header.theme-header nav a.active {
    border-bottom: 1px solid #e4e4e4;
    border-left-color: var(--primary);
  }
  header.theme-header nav a:hover {
    background-color: #f5f5f5;
  }
  header.theme-header nav:after {
    content: " ";
    width: 100%;
    height: 100px;
    position: absolute;
    bottom: 0px;
    left: 0px;
    background: transparent url("../images/clientlogo/logo.svg") no-repeat center center;
    background-size: 80% auto;
    opacity: 0.3;
  }
}
@media (min-width: 768px) {
  header.theme-header nav {
    display: block;
    width: calc( 100% - 260px );
    padding: 5px 0px;
    float: left;
    text-align: center;
    z-index: 2;
  }
  header.theme-header nav a {
    display: inline-block;
    padding: 0px 10px;
    margin: 0px 5px;
    border-bottom: 4px solid transparent;
  }
  header.theme-header nav a:hover {
    border-bottom-color: #E4E4E4;
  }
  header.theme-header nav a.active {
    border-bottom-color: var(--primary);
  }
}
@media (min-width: 992px) {
  header.theme-header nav {
    width: calc( 100% - 500px );
    padding-left: 0px;
    padding-right: 0px;
  }
  header.theme-header nav a {
    margin: 0px 10px;
  }
}
@media (min-width: 1200px) {
  header.theme-header nav {
    width: calc( 100% - 560px );
  }
  header.theme-header nav a {
    padding: 0px 15px;
    margin: 0px 15px;
    line-height: 40px;
  }
}
@media (min-width: 1400px) {
  header.theme-header nav {
    width: calc( 100% - 600px );
  }
}
@media (max-width: 767px) {
  header.theme-header.intranet nav a.active {
    border-left-color: var(--secondary);
  }
}
@media (min-width: 768px) {
  header.theme-header.intranet nav a.active {
    border-bottom-color: var(--secondary);
  }
}
header.theme-header.active nav {
  right: 0px;
}
header.theme-header .close-mobile {
  display: block;
  position: fixed;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 1;
  background-color: rgba(255, 255, 255, 0.7);
  transition: opacity 0.3s ease-in;
  opacity: 0;
}
@media (max-width: 767px) {
  header.theme-header.active .close-mobile {
    opacity: 1;
    pointer-events: auto;
  }
}
header.theme-header .options {
  width: 80px;
  float: right;
}
@media (min-width: 992px) {
  header.theme-header .options {
    width: 300px;
  }
}
@media (min-width: 1200px) {
  header.theme-header .options {
    padding-top: 10px;
  }
}
header.theme-header .options .opt, header.theme-header .options .opt > .fa,
header.theme-header .options .th-quicksearch-icon,
header.theme-header .options .th-quicksearch-button {
  display: block;
  width: 40px;
  height: 40px;
  line-height: 38px;
  font-size: 16px;
  text-align: center;
  padding: 0px;
  text-decoration: none;
}
header.theme-header .options .opt {
  float: left;
  border-radius: 5px;
  color: #6b7885;
  cursor: pointer;
}
header.theme-header .options .opt:hover {
  background-color: #f5f5f5;
  color: var(--medium-grey);
}
header.theme-header .options .opt > .fa {
  color: inherit;
  margin: 0px;
  pointer-events: none;
}
header.theme-header .options .mobile {
  display: block;
}
header.theme-header .options .tablet {
  display: none;
}
header.theme-header .options .desktop {
  display: none;
}
@media (min-width: 768px) {
  header.theme-header .options .mobile {
    display: none;
  }
  header.theme-header .options .tablet {
    display: block;
  }
}
@media (min-width: 992px) {
  header.theme-header .options .tablet {
    display: none;
  }
  header.theme-header .options .desktop {
    display: block;
  }
}
header.theme-header .th-quicksearch {
  width: 210px;
  float: left;
  margin-right: 10px;
}
header.theme-header .th-quicksearch fieldset {
  margin: 0px;
}
header.theme-header .th-quicksearch .th-quicksearch-button, header.theme-header .th-quicksearch .th-quicksearch-icon {
  position: absolute;
  right: 0px;
  top: 0px;
}
header.theme-header .th-quicksearch .th-quicksearch-input {
  line-height: 40px;
  height: 40px;
  width: 100%;
  padding: 0px 45px 0px 5px;
  border-color: #cdd6de;
}
header.theme-header .th-quicksearch .th-quicksearch-button {
  padding: 0px;
  margin: 0px;
  background-color: transparent;
  overflow: hidden;
  text-indent: -9999px;
}
header.theme-header .th-quicksearch .th-quicksearch-icon {
  pointer-events: none;
  color: #6b7885;
}
header.theme-header .th-quicksearch .th-quicksearch-button:hover + .th-quicksearch-icon {
  color: var(--primary);
}
header.theme-header .profile h3 {
  font-size: 9pt;
  color: var(--medium-grey);
  font-weight: bold;
  border-bottom: 1px solid #e4e4e4;
  margin-bottom: 5px;
}
header.theme-header .profile .profile-info {
  text-align: center;
  padding: 5px;
  margin: 10px 0px 20px 0px;
}
header.theme-header .profile .profile-info .name {
  display: block;
  font-size: 1.2rem;
  font-weight: 300;
  margin-top: 10px;
}
header.theme-header .profile .profile-line {
  display: block;
  border-top: 1px solid #e4e4e4;
  margin: 5px 0px;
}
header.theme-header .profile .profile-menu a, header.theme-header .profile .profile-menu label {
  clear: both;
  display: block;
  position: relative;
  padding: 3px 20px 3px 10px;
  font-size: 0.9rem;
  text-decoration: none;
  line-height: 20px;
}
header.theme-header .profile .profile-menu a:not(.button), header.theme-header .profile .profile-menu label:not(.button) {
  color: inherit;
}
header.theme-header .profile .profile-menu a:not(.button):hover, header.theme-header .profile .profile-menu label:not(.button):hover {
  background-color: #f5f5f5;
  border-radius: 3px;
}
header.theme-header .profile .profile-menu a .fa, header.theme-header .profile .profile-menu label .fa {
  position: absolute;
  right: 5px;
  top: 3px;
  line-height: 20px;
  color: var(--secondary);
  font-size: 1rem;
  text-align: center;
  width: 20px;
}
header.theme-header .profile .profile-menu a.forgot-password, header.theme-header .profile .profile-menu label.forgot-password {
  text-align: center;
  font-size: 9pt;
  padding: 10px 0px;
}
header.theme-header .profile .profile-menu a.logout, header.theme-header .profile .profile-menu label.logout {
  margin-top: 10px;
}
header.theme-header .profile .profile-menu a.disabled, header.theme-header .profile .profile-menu label.disabled {
  pointer-events: none;
}
header.theme-header .profile .profile-menu a.disabled, header.theme-header .profile .profile-menu a.disabled .fa, header.theme-header .profile .profile-menu label.disabled, header.theme-header .profile .profile-menu label.disabled .fa {
  color: #cccccc;
  text-decoration: line-through;
}
header.theme-header .profile .profile-menu .button {
  padding: 5px 30px 5px 15px;
  border-radius: 3px;
  line-height: 30px;
  transition: background-color 0.2s ease-in;
}
header.theme-header .profile .profile-menu .button:hover {
  background-color: var(--primary);
}
header.theme-header .profile .profile-menu .button .fa {
  color: #ffffff;
  line-height: 30px;
  top: 5px;
  right: 7px;
}
header.theme-header .profile .hoverbox {
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.15);
  background-color: #ffffff;
  padding: 20px 15px 10px 15px;
  width: 220px;
  position: absolute;
  top: 30px;
  right: 0px;
  text-align: left;
  font-size: 1rem;
  color: var(--medium-grey);
  line-height: 1.4;
  opacity: 0;
  pointer-events: none;
  border: 1px solid #e4e4e4;
  z-index: 15;
  transition: all 0.2s ease-in;
}
header.theme-header .profile .hoverbox .overflow {
  max-height: 0px;
  overflow: hidden;
  transition: all 0.3s ease-in;
}
header.theme-header .profile:hover .hoverbox, header.theme-header .profile.active .hoverbox {
  opacity: 1;
  pointer-events: visible;
}
header.theme-header .profile:hover .icon, header.theme-header .profile.active .icon {
  z-index: 6;
  background-color: #ffffff;
  border: 1px solid #e4e4e4;
  border-bottom: 1px solid #ffffff;
  border-radius: 0px;
  height: 32px;
}
header.theme-header .profile:hover .overflow, header.theme-header .profile.active .overflow {
  max-height: 500px;
}

#page.highcontrast header {
  border-bottom: 1px solid #000000;
}
#page.highcontrast .opt, #page.highcontrast .th-quicksearch-input, #page.highcontrast .fa {
  color: #000000;
}
#page.highcontrast .th-quicksearch-input {
  border-color: #000000;
}

@media print {
  header.theme-header {
    border-bottom: 1px solid #e4e4e4;
    box-shadow: none;
    padding: 10px 0px;
  }
  header.theme-header nav, header.theme-header .options, header.theme-header .close-mobile, header.theme-header .logo {
    display: none;
  }
  header.theme-header:before {
    content: url("../images/clientlogo/logo.png");
  }
}
footer {
  height: auto;
  padding: 0px;
}
footer, footer * {
  position: relative;
  box-sizing: border-box;
}
footer:after, footer .footer-content:after, footer .bottom:after {
  content: " ";
  clear: both;
  display: block;
}
footer .footer-content {
  padding: 50px 0px;
}
footer .footer-content h3 {
  font-weight: 300;
}
footer .footer-content h2 {
  font-weight: 300;
  font-size: 26px;
}
@media (max-width: 767px) {
  footer .footer-content .left, footer .footer-content .right {
    clear: both;
    width: 100%;
  }
}
@media (min-width: 768px) {
  footer .footer-content .left, footer .footer-content .right {
    width: 50%;
    float: left;
  }
}
footer .footer-content .main-contact {
  margin: 20px 0px 30px 0px;
}
footer .footer-content .main-contact a, footer .footer-content .main-contact .fa {
  display: inline-block;
  text-decoration: none;
}
footer .footer-content .main-contact a {
  font-size: 0.9rem;
  margin-right: 10px;
}
footer .footer-content .main-contact a .fa {
  margin-right: 5px;
  width: 16px;
  text-align: center;
}
footer .footer-content .social h3, footer .footer-content .social a {
  display: inline-block;
  line-height: 30px;
}
footer .footer-content .social h3 {
  margin: 0px 10px 0px 0px;
}
footer .footer-content .social a {
  width: 30px;
  height: 30px;
  border-radius: 30px;
  text-align: center;
  background-color: var(--footer-social);
  font-size: 16px;
  margin: 0px 5px;
}
footer .footer-content .social a, footer .footer-content .social a:link, footer .footer-content .social span {
  color: var(--primary);
}
footer .footer-content .social a:hover {
  opacity: 0.8;
}
footer .footer-content .logo-and-payoff {
  margin: 30px 0px;
  display: flex;
  flex-flow: row nowrap;
}
footer .footer-content .logo-and-payoff .logo.brabantse-wal {
  background-color: var(--footer-social);
  display: block;
  padding: 5px;
  border-radius: 5px;
  width: 92px;
  height: 62px;
  flex: 0 0 auto;
  background-image: var(--logo-payoff);
  background-position: center center;
}
footer .footer-content .logo-and-payoff .payoff {
  font-style: italic;
  flex: 1 1 auto;
  margin: 12px 0px 12px 20px;
  max-width: 280px;
  line-height: 1.2;
  font-size: 1.1rem;
}
footer .footer-content .related-sites {
  text-align: left;
  margin-top: 50px;
}
@media (min-width: 768px) {
  footer .footer-content .related-sites {
    margin-top: 10px;
  }
}
footer .footer-content .related-sites h3 {
  margin-bottom: 15px;
}
footer .footer-content .related-sites li, footer .footer-content .related-sites p {
  line-height: 1.8;
}
@media (min-width: 992px) {
  footer .footer-content .related-sites .col {
    float: left;
    width: 50%;
  }
}
@media (min-width: 360px) and (max-width: 767px) {
  footer .footer-content .related-sites .col {
    float: left;
    width: 50%;
  }
}
footer .bottom {
  background-color: var(--footer-copy);
  color: var(--footer-copy-txt);
  padding: 10px 0px;
  font-size: 0.8rem;
}
@media (max-width: 767px) {
  footer .bottom {
    text-align: center;
  }
}
footer .bottom div, footer .bottom a, footer .bottom span {
  color: inherit;
}
footer .bottom a {
  text-decoration: none;
}
footer .bottom a:hover {
  text-decoration: underline;
}
footer .bottom .go {
  color: #f47721;
}
@media (max-width: 767px) {
  footer .bottom .product {
    margin-top: 30px;
    font-size: 0.7rem;
  }
}
@media (min-width: 768px) {
  footer .bottom .copy {
    width: 170px;
    float: left;
    text-align: left;
  }
  footer .bottom .product {
    width: 170px;
    float: right;
    text-align: right;
  }
  footer .bottom .about {
    width: calc( 100% - 340px );
    text-align: center;
    float: left;
  }
}
footer.bgColorB .social a {
  background-color: #ffffff;
}
footer.bgColorB .logo-and-payoff .logo.brabantse-wal {
  background-color: #d1e8b2;
}

#page.highcontrast .footer-content, #page.highcontrast .footer-content * {
  color: #000;
}
#page.highcontrast .bottom {
  background-color: #000000;
}
#page.highcontrast .bottom, #page.highcontrast .bottom a {
  color: #FFFFFF;
}

@media print {
  footer {
    border-top: 1px solid #CCCCCC;
  }
  footer .footer-content {
    padding: 15px;
  }
  footer .footer-content h2 {
    font-size: 1rem;
    margin: 0px;
  }
  footer .footer-content .main-contact {
    margin: 0px;
  }
  footer .footer-content .social, footer .footer-content .related-sites {
    display: none;
  }
}
.vraagwijzer-footer .footer-grid {
  display: grid;
  grid-gap: 40px;
  grid-template-columns: repeat(auto-fit, 340px);
}
.vraagwijzer-footer .footer-title {
  line-height: 30px;
  font-weight: bold;
  font-size: 1.4rem;
  margin-bottom: 20px;
}

.widget.air .titlebar a, .widget.air .titlebar h2, .widget.air .titlebar h3, .widget.air .titlebar h4 {
  font-weight: 300;
}
.widget.air h3, .widget.air .titlebar {
  font-size: 1.6rem;
  color: var(--medium-grey);
}
.widget.air .tabtitle h3 {
  color: #FFFFFF;
}
.widget.air .content {
  font-size: 1rem;
}
.widget.air.tabcontent .tabs a, .widget.air.tabcontent .tabs span {
  font-weight: bold;
  font-size: 1.1rem;
  text-transform: uppercase;
  color: var(--light-grey);
}
.widget.air.tabcontent .tabs a.active, .widget.air.tabcontent .tabs span.active {
  color: var(--primary);
  border-color: var(--primary);
}
.widget.air.tabcontent .content {
  padding-left: 0px;
}
.widget.air.tabcontent .content strong {
  color: var(--primary);
}
.widget.air .button {
  border-radius: 5px;
  padding: 10px 15px 10px 20px;
}

.breadcrumb .holder {
  margin: 50px 0px;
}
.breadcrumb a, .breadcrumb .fa {
  line-height: 20px;
}
.breadcrumb a {
  color: var(--primary);
  text-decoration: none;
}
.breadcrumb a:hover {
  text-decoration: underline;
  opacity: 0.7;
}
.breadcrumb h2 {
  position: absolute;
  left: -999em;
}
.breadcrumb .fa {
  color: var(--light-grey);
  display: inline-block;
  width: 30px;
  text-align: center;
  font-size: 0.9rem;
}
.breadcrumb .last {
  color: var(--medium-grey);
  font-style: italic;
}

.column.medewerkers {
  width: 100%;
}
.column.medewerkers .search-filters {
  width: 400px;
  float: right;
  flex-flow: column wrap;
  display: flex;
}
.column.medewerkers .overview {
  width: calc( 100% - 470px );
  float: left;
}
.column.medewerkers .alphabet {
  order: 2;
}
.column.medewerkers .searchform {
  order: 1;
  padding-top: 0px;
  padding-bottom: 0px;
}
.column.medewerkers .searchform:after {
  content: " ";
  border-bottom: 1px dotted var(--medium-grey);
  display: block;
  padding-top: 30px;
}
.column.medewerkers .searchform .filter-column {
  clear: both;
  width: 100%;
  flex-basis: auto;
}
.column.medewerkers .searchform .filter-column-holder {
  flex-flow: column nowrap;
}

.cookiebar {
  position: fixed;
  left: 0px;
  bottom: 0px;
  right: 0px;
  z-index: 9;
  color: #ffffff;
  background-color: rgba(0, 0, 0, 0.7);
  padding: 20px 0px;
  transition: bottom 0.3s ease-in;
  margin: 0px;
  width: 100%;
}
.cookiebar.closed {
  bottom: -200px;
}
.cookiebar .container {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  text-align: center;
}
.cookiebar .container .text, .cookiebar .container .buttons {
  margin: 0px;
  position: relative;
}
.cookiebar .container .text {
  flex: 1 1 auto;
  padding-right: 20px;
}
.cookiebar .container .buttons {
  padding: 0px;
  flex: 0 0 260px;
}
@media (max-width: 768px) {
  .cookiebar .container .text {
    text-align: left;
  }
}
@media (max-width: 600px) {
  .cookiebar .container {
    flex-flow: row wrap;
  }
  .cookiebar .container .text {
    flex: 0 0 100%;
    margin-bottom: 10px;
  }
  .cookiebar .container .buttons {
    flex: 0 0 100%;
  }
  .cookiebar .container .buttons .button {
    width: calc( 50% - 12px );
  }
}
.cookiebar .text a {
  color: #ffffff;
}
.cookiebar .button {
  border-radius: 3px;
  transition: all 0.2s linear;
  width: 120px;
}
.cookiebar .button + .button {
  margin-left: 10px;
}
.cookiebar .button.green {
  box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.15);
  background-color: var(--secondary);
}
.cookiebar .button.green:hover {
  background-color: var(--primary);
}
.cookiebar .button.clean {
  background-color: transparent;
}
.cookiebar .button.clean:hover {
  background-color: rgba(0, 0, 0, 0.75);
  color: #e4e4e4;
}

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