/* CSS Document */
#header-logo {
  max-width: 200px;
  height: auto;
  width: 100%;
  max-height: 85px; }

.no-header {
  padding-top: 12rem;
  padding-bottom: 2.5rem; }

.accordeon .accordion-item {
  border-bottom: 2px solid #E6E6E6; }
  .accordeon .accordion-item h3 {
    margin: 0;
    padding: 15px 0; }
  .accordeon .accordion-item .accordion-body {
    padding: 15px; }
  .accordeon .accordion-item button {
    background: transparent;
    border: none;
    position: relative; }
    .accordeon .accordion-item button:focus {
      outline: none; }
    .accordeon .accordion-item button:after {
      display: block;
      position: absolute;
      top: 0;
      right: -30px;
      flex-shrink: 0;
      width: 1.25rem;
      height: 1.25rem;
      margin-left: auto;
      content: "";
      background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%2369707a'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
      background-repeat: no-repeat;
      background-size: 1.25rem;
      transition: transform 0.2s ease-in-out;
      transform: rotate(180deg); }
    .accordeon .accordion-item button.collapsed:after {
      transform: rotate(0deg); }

.dropdown-item {
  padding: 0.5rem 1.5rem; }
  .dropdown-item:hover {
    text-decoration: none !important; }

.ontsmetting h1 {
  font-size: 2.5rem; }
.ontsmetting h2 {
  font-size: 2rem; }
.ontsmetting h3 {
  font-size: 1.5rem; }
.ontsmetting .dropdown-item.active, .ontsmetting .dropdown-item:active {
  background-color: #22528e; }
  .ontsmetting .dropdown-item.active:hover, .ontsmetting .dropdown-item:active:hover {
    color: #FFF; }
.ontsmetting .bg-teal {
  background-color: #22528e !important; }
  .ontsmetting .bg-teal * {
    color: #FFF; }
  .ontsmetting .bg-teal a {
    color: #FFF; }
    .ontsmetting .bg-teal a:hover {
      color: #FFF; }
.ontsmetting .cta-bottom {
  background-color: #22528e !important; }
  .ontsmetting .cta-bottom * {
    color: #FFF; }
  .ontsmetting .cta-bottom .btn-primary {
    border-color: #FFF !important; }
.ontsmetting .overlay-primary:before {
  background-color: #22528e !important;
  opacity: 0.2; }
.ontsmetting .btn-primary {
  background-color: #22528e;
  border-color: #22528e;
  color: #FFF; }
  .ontsmetting .btn-primary:hover {
    color: #FFF;
    opacity: 0.9;
    text-decoration: none; }
.ontsmetting .bg-gradient-primary-to-secondary {
  background-color: #22528e;
  background-image: linear-gradient(135deg, #22528e 0%, rgba(0, 0, 0, 0.8) 100%); }
.ontsmetting a {
  color: #22528e; }
  .ontsmetting a:hover {
    color: #22528e;
    text-decoration: underline; }
.ontsmetting .cta-phone {
  line-height: 60px;
  font-size: 2rem; }
  .ontsmetting .cta-phone:hover {
    color: #FFF; }
  .ontsmetting .cta-phone img {
    width: 60px;
    margin-right: 30px; }
.ontsmetting .btn-primary:not(:disabled):not(.disabled):active, .ontsmetting .btn-primary:not(:disabled):not(.disabled).active, .ontsmetting .show > .btn-primary.dropdown-toggle {
  color: #22528e;
  background-color: #FFF;
  border-color: #22528e;
  box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0); }