html {
  --grid__columns: 12;
  --grid__gutter: 1.875rem;
}
.row {
  display: grid;
  grid-template-columns: repeat(var(--grid__columns), minmax(0, 1fr));
  grid-gap: var(--grid__gutter);
  grid-auto-columns: 1fr;
}

.row--show {
  position: relative;
  background: #f9f9f9;
  z-index: 0;
  padding-top: 0.9375rem;
}

.row--show:before {
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  left: 0;
  right: 0;
  top: 0;
  height: 100%;
  background: repeating-linear-gradient(to right, #f0f0f0 0%, #f0f0f0 calc((100% - (1.875rem * 11)) / 12), #f9f9f9 calc((100% - (1.875rem * 11)) / 12), #f9f9f9 calc(((100% - (1.875rem * 11)) / 12) + 1.875rem) );
}


/* ----- */
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 {
  grid-column: 1 / -1;
}

.row-span-xs-1, .row-span-xs-2, .row-span-xs-3, .row-span-xs-4, .row-span-xs-5, .row-span-xs-6, .row-span-xs-7, .row-span-xs-8, .row-span-xs-9, .row-span-xs-10, .row-span-xs-11, .row-span-xs-12, .row-span-sm-1, .row-span-sm-2, .row-span-sm-3, .row-span-sm-4, .row-span-sm-5, .row-span-sm-6, .row-span-sm-7, .row-span-sm-8, .row-span-sm-9, .row-span-sm-10, .row-span-sm-11, .row-span-sm-12, .row-span-md-1, .row-span-md-2, .row-span-md-3, .row-span-md-4, .row-span-md-5, .row-span-md-6, .row-span-md-7, .row-span-md-8, .row-span-md-9, .row-span-md-10, .row-span-md-11, .row-span-md-12, .row-span-lg-1, .row-span-lg-2, .row-span-lg-3, .row-span-lg-4, .row-span-lg-5, .row-span-lg-6, .row-span-lg-7, .row-span-lg-8, .row-span-lg-9, .row-span-lg-10, .row-span-lg-11, .row-span-lg-12, .row-span-xl-1, .row-span-xl-2, .row-span-xl-3, .row-span-xl-4, .row-span-xl-5, .row-span-xl-6, .row-span-xl-7, .row-span-xl-8, .row-span-xl-9, .row-span-xl-10, .row-span-xl-11, .row-span-xl-12 {
  grid-row: 1;
}

.justify-start {
  justify-self: start;
}

.justify-center {
  justify-self: center;
}

.justify-end {
  justify-self: end;
}

.justify-stretch {
  justify-self: stretch;
}

.align-start {
  align-self: start;
}

.align-center {
  align-self: center;
}

.align-end {
  align-self: end;
}

.align-stretch {
  align-self: stretch;
}

.col-1 {
  grid-column: span 1 / span 1;
}

.col-2 {
  grid-column: span 2 / span 2;
}

.col-3 {
  grid-column: span 3 / span 3;
}

.col-4 {
  grid-column: span 4 / span 4;
}

.col-5 {
  grid-column: span 5 / span 5;
}

.col-6 {
  grid-column: span 6 / span 6;
}

.col-7 {
  grid-column: span 7 / span 7;
}

.col-8 {
  grid-column: span 8 / span 8;
}

.col-9 {
  grid-column: span 9 / span 9;
}

.col-10 {
  grid-column: span 10 / span 10;
}

.col-11 {
  grid-column: span 11 / span 11;
}

.col-12 {
  grid-column: span 12 / span 12;
}

@media screen and (min-width: 0) {
  .col-xs-1 {
    grid-column: span 1 / span 1;
  }

  .col-xs-2 {
    grid-column: span 2 / span 2;
  }

  .col-xs-3 {
    grid-column: span 3 / span 3;
  }

  .col-xs-4 {
    grid-column: span 4 / span 4;
  }

  .col-xs-5 {
    grid-column: span 5 / span 5;
  }

  .col-xs-6 {
    grid-column: span 6 / span 6;
  }

  .col-xs-7 {
    grid-column: span 7 / span 7;
  }

  .col-xs-8 {
    grid-column: span 8 / span 8;
  }

  .col-xs-9 {
    grid-column: span 9 / span 9;
  }

  .col-xs-10 {
    grid-column: span 10 / span 10;
  }

  .col-xs-11 {
    grid-column: span 11 / span 11;
  }

  .col-xs-12 {
    grid-column: span 12 / span 12;
  }
}

@media screen and (min-width: 0) {
  .col-start-xs-1 {
    grid-column-start: 1;
  }

  .row-start-xs-1 {
    grid-row-start: 1;
  }

  .col-start-xs-2 {
    grid-column-start: 2;
  }

  .row-start-xs-2 {
    grid-row-start: 2;
  }

  .col-start-xs-3 {
    grid-column-start: 3;
  }

  .row-start-xs-3 {
    grid-row-start: 3;
  }

  .col-start-xs-4 {
    grid-column-start: 4;
  }

  .row-start-xs-4 {
    grid-row-start: 4;
  }

  .col-start-xs-5 {
    grid-column-start: 5;
  }

  .row-start-xs-5 {
    grid-row-start: 5;
  }

  .col-start-xs-6 {
    grid-column-start: 6;
  }

  .row-start-xs-6 {
    grid-row-start: 6;
  }

  .col-start-xs-7 {
    grid-column-start: 7;
  }

  .row-start-xs-7 {
    grid-row-start: 7;
  }

  .col-start-xs-8 {
    grid-column-start: 8;
  }

  .row-start-xs-8 {
    grid-row-start: 8;
  }

  .col-start-xs-9 {
    grid-column-start: 9;
  }

  .row-start-xs-9 {
    grid-row-start: 9;
  }

  .col-start-xs-10 {
    grid-column-start: 10;
  }
  .row-start-xs-10 {
    grid-row-start: 10;
  }

  .col-start-xs-11 {
    grid-column-start: 11;
  }

  .row-start-xs-11 {
    grid-row-start: 11;
  }

  .col-start-xs-12 {
    grid-column-start: 12;
  }

  .row-start-xs-12 {
    grid-row-start: 12;
  }
}

@media screen and (min-width: 0) {
  .pull-right-xs {
    grid-column-end: -1;
  }

  .pull-left-xs {
    grid-row-start: 1;
    grid-column-end: inherit;
  }
}

@media screen and (min-width: 0) {
  .justify-xs-start {
    justify-self: start;
  }

  .justify-xs-center {
    justify-self: center;
  }

  .justify-xs-end {
    justify-self: end;
  }

  .justify-xs-stretch {
    justify-self: stretch;
  }

  .align-xs-start {
    align-self: start;
  }

  .align-xs-center {
    align-self: center;
  }

  .align-xs-end {
    align-self: end;
  }

  .align-xs-stretch {
    align-self: stretch;
  }
}

@media screen and (min-width: 0) {
  .row-span-xs-1 {
    grid-row: span 1 / span 1;
  }

  .row-span-xs-2 {
    grid-row: span 2 / span 2;
  }

  .row-span-xs-3 {
    grid-row: span 3 / span 3;
  }

  .row-span-xs-4 {
    grid-row: span 4 / span 4;
  }

  .row-span-xs-5 {
    grid-row: span 5 / span 5;
  }

  .row-span-xs-6 {
    grid-row: span 6 / span 6;
  }

  .row-span-xs-7 {
    grid-row: span 7 / span 7;
  }

  .row-span-xs-8 {
    grid-row: span 8 / span 8;
  }

  .row-span-xs-9 {
    grid-row: span 9 / span 9;
  }

  .row-span-xs-10 {
    grid-row: span 10 / span 10;
  }

  .row-span-xs-11 {
    grid-row: span 11 / span 11;
  }

  .row-span-xs-12 {
    grid-row: span 12 / span 12;
  }
}

@media screen and (min-width: 34.375em) {
  .col-sm-1 {
    grid-column: span 1 / span 1;
  }

  .col-sm-2 {
    grid-column: span 2 / span 2;
  }

  .col-sm-3 {
    grid-column: span 3 / span 3;
  }

  .col-sm-4 {
    grid-column: span 4 / span 4;
  }

  .col-sm-5 {
    grid-column: span 5 / span 5;
  }

  .col-sm-6 {
    grid-column: span 6 / span 6;
  }

  .col-sm-7 {
    grid-column: span 7 / span 7;
  }

  .col-sm-8 {
    grid-column: span 8 / span 8;
  }

  .col-sm-9 {
    grid-column: span 9 / span 9;
  }

  .col-sm-10 {
    grid-column: span 10 / span 10;
  }

  .col-sm-11 {
    grid-column: span 11 / span 11;
  }

  .col-sm-12 {
    grid-column: span 12 / span 12;
  }
}

@media screen and (min-width: 34.375em) {
  .col-start-sm-1 {
    grid-column-start: 1;
  }

  .row-start-sm-1 {
    grid-row-start: 1;
  }

  .col-start-sm-2 {
    grid-column-start: 2;
  }

  .row-start-sm-2 {
    grid-row-start: 2;
  }

  .col-start-sm-3 {
    grid-column-start: 3;
  }

  .row-start-sm-3 {
    grid-row-start: 3;
  }

  .col-start-sm-4 {
    grid-column-start: 4;
  }

  .row-start-sm-4 {
    grid-row-start: 4;
  }

  .col-start-sm-5 {
    grid-column-start: 5;
  }

  .row-start-sm-5 {
    grid-row-start: 5;
  }

  .col-start-sm-6 {
    grid-column-start: 6;
  }

  .row-start-sm-6 {
    grid-row-start: 6;
  }

  .col-start-sm-7 {
    grid-column-start: 7;
  }

  .row-start-sm-7 {
    grid-row-start: 7;
  }

  .col-start-sm-8 {
    grid-column-start: 8;
  }

  .row-start-sm-8 {
    grid-row-start: 8;
  }

  .col-start-sm-9 {
    grid-column-start: 9;
  }

  .row-start-sm-9 {
    grid-row-start: 9;
  }

  .col-start-sm-10 {
    grid-column-start: 10;
  }

  .row-start-sm-10 {
    grid-row-start: 10;
  }

  .col-start-sm-11 {
    grid-column-start: 11;
  }

  .row-start-sm-11 {
    grid-row-start: 11;
  }

  .col-start-sm-12 {
    grid-column-start: 12;
  }

  .row-start-sm-12 {
    grid-row-start: 12;
  }
}

@media screen and (min-width: 34.375em) {
  .pull-right-sm {
    grid-column-end: -1;
  }

  .pull-left-sm {
    grid-row-start: 1;
    grid-column-end: inherit;
  }
}

@media screen and (min-width: 34.375em) {
  .justify-sm-start {
    justify-self: start;
  }

  .justify-sm-center {
    justify-self: center;
  }

  .justify-sm-end {
    justify-self: end;
  }

  .justify-sm-stretch {
    justify-self: stretch;
  }

  .align-sm-start {
    align-self: start;
  }

  .align-sm-center {
    align-self: center;
  }

  .align-sm-end {
    align-self: end;
  }

  .align-sm-stretch {
    align-self: stretch;
  }
}

@media screen and (min-width: 34.375em) {
  .row-span-sm-1 {
    grid-row: span 1 / span 1;
  }

  .row-span-sm-2 {
    grid-row: span 2 / span 2;
  }

  .row-span-sm-3 {
    grid-row: span 3 / span 3;
  }

  .row-span-sm-4 {
    grid-row: span 4 / span 4;
  }

  .row-span-sm-5 {
    grid-row: span 5 / span 5;
  }

  .row-span-sm-6 {
    grid-row: span 6 / span 6;
  }

  .row-span-sm-7 {
    grid-row: span 7 / span 7;
  }

  .row-span-sm-8 {
    grid-row: span 8 / span 8;
  }

  .row-span-sm-9 {
    grid-row: span 9 / span 9;
  }

  .row-span-sm-10 {
    grid-row: span 10 / span 10;
  }

  .row-span-sm-11 {
    grid-row: span 11 / span 11;
  }

  .row-span-sm-12 {
    grid-row: span 12 / span 12;
  }
}


@media screen and (min-width: 48em) {
  .col-md-1 {
    grid-column: span 1 / span 1;
  }

  .col-md-2 {
    grid-column: span 2 / span 2;
  }

  .col-md-3 {
    grid-column: span 3 / span 3;
  }

  .col-md-4 {
    grid-column: span 4 / span 4;
  }

  .col-md-5 {
    grid-column: span 5 / span 5;
  }

  .col-md-6 {
    grid-column: span 6 / span 6;
  }

  .col-md-7 {
    grid-column: span 7 / span 7;
  }

  .col-md-8 {
    grid-column: span 8 / span 8;
  }

  .col-md-9 {
    grid-column: span 9 / span 9;
  }

  .col-md-10 {
    grid-column: span 10 / span 10;
  }

  .col-md-11 {
    grid-column: span 11 / span 11;
  }

  .col-md-12 {
    grid-column: span 12 / span 12;
  }
}

@media screen and (min-width: 48em) {
  .col-start-md-1 {
    grid-column-start: 1;
  }

  .row-start-md-1 {
    grid-row-start: 1;
  }

  .col-start-md-2 {
    grid-column-start: 2;
  }

  .row-start-md-2 {
    grid-row-start: 2;
  }

  .col-start-md-3 {
    grid-column-start: 3;
  }

  .row-start-md-3 {
    grid-row-start: 3;
  }

  .col-start-md-4 {
    grid-column-start: 4;
  }

  .row-start-md-4 {
    grid-row-start: 4;
  }

  .col-start-md-5 {
    grid-column-start: 5;
  }

  .row-start-md-5 {
    grid-row-start: 5;
  }

  .col-start-md-6 {
    grid-column-start: 6;
  }

  .row-start-md-6 {
     grid-row-start: 6;
  }

  .col-start-md-7 {
    grid-column-start: 7;
  }

  .row-start-md-7 {
    grid-row-start: 7;
  }

  .col-start-md-8 {
    grid-column-start: 8;
  }

  .row-start-md-8 {
    grid-row-start: 8;
  }

  .col-start-md-9 {
    grid-column-start: 9;
  }

  .row-start-md-9 {
    grid-row-start: 9;
  }

  .col-start-md-10 {
    grid-column-start: 10;
  }

  .row-start-md-10 {
    grid-row-start: 10;
  }

  .col-start-md-11 {
    grid-column-start: 11;
  }
  
  .row-start-md-11 {
    grid-row-start: 11;
  }
  
  .col-start-md-12 {
    grid-column-start: 12;
  }
  
  .row-start-md-12 {
    grid-row-start: 12;
  }
}

@media screen and (min-width: 48em) {
  .pull-right-md {
    grid-column-end: -1;
  }
  
  .pull-left-md {
    grid-row-start: 1;
    grid-column-end: inherit;
  }
}

@media screen and (min-width: 48em) {
  .justify-md-start {
    justify-self: start;
  }

  .justify-md-center {
    justify-self: center;
  }

  .justify-md-end {
    justify-self: end;
  }

  .justify-md-stretch {
    justify-self: stretch;
  }

  .align-md-start {
    align-self: start;
  }

  .align-md-center {
    align-self: center;
  }

  .align-md-end {
    align-self: end;
  }

  .align-md-stretch {
    align-self: stretch;
  }
}

@media screen and (min-width: 48em) {
  .row-span-md-1 {
    grid-row: span 1 / span 1;
  }

  .row-span-md-2 {
    grid-row: span 2 / span 2;
  }

  .row-span-md-3 {
    grid-row: span 3 / span 3;
  }

  .row-span-md-4 {
    grid-row: span 4 / span 4;
  }

  .row-span-md-5 {
    grid-row: span 5 / span 5;
  }

  .row-span-md-6 {
    grid-row: span 6 / span 6;
  }

  .row-span-md-7 {
    grid-row: span 7 / span 7;
  }

  .row-span-md-8 {
    grid-row: span 8 / span 8;
  }

  .row-span-md-9 {
    grid-row: span 9 / span 9;
  }

  .row-span-md-10 {
    grid-row: span 10 / span 10;
  }

  .row-span-md-11 {
    grid-row: span 11 / span 11;
  }

  .row-span-md-12 {
    grid-row: span 12 / span 12;
  }
}

@media screen and (min-width: 58.75em) {
  .col-lg-1 {
    grid-column: span 1 / span 1;
  }
  
  .col-lg-2 {
    grid-column: span 2 / span 2;
  }
  
  .col-lg-3 {
    grid-column: span 3 / span 3;
  }
  
  .col-lg-4 {
    grid-column: span 4 / span 4;
  }
  
  .col-lg-5 {
    grid-column: span 5 / span 5;
  }
  
  .col-lg-6 {
    grid-column: span 6 / span 6;
  }
  
  .col-lg-7 {
    grid-column: span 7 / span 7;
  }
  
  .col-lg-8 {
    grid-column: span 8 / span 8;
  }
  
  .col-lg-9 {
    grid-column: span 9 / span 9;
  }
  
  .col-lg-10 {
    grid-column: span 10 / span 10;
  }
  
  .col-lg-11 {
    grid-column: span 11 / span 11;
  }
  
  .col-lg-12 {
    grid-column: span 12 / span 12;
  }
}

@media screen and (min-width: 58.75em) {
  .col-start-lg-1 {
    grid-column-start: 1;
  }
  
  .row-start-lg-1 {
    grid-row-start: 1;
  }
  
  .col-start-lg-2 {
    grid-column-start: 2;
  }
  
  .row-start-lg-2 {
    grid-row-start: 2;
  }
  
  .col-start-lg-3 {
    grid-column-start: 3;
  }
  
  .row-start-lg-3 {
    grid-row-start: 3;
  }
  
  .col-start-lg-4 {
    grid-column-start: 4;
  }
  
  .row-start-lg-4 {
    grid-row-start: 4;
  }
  
  .col-start-lg-5 {
    grid-column-start: 5;
  }
  
  .row-start-lg-5 {
    grid-row-start: 5;
  }
  
  .col-start-lg-6 {
    grid-column-start: 6;
  }
  
  .row-start-lg-6 {
    grid-row-start: 6;
  }
  
  .col-start-lg-7 {
    grid-column-start: 7;
  }
  
  .row-start-lg-7 {
    grid-row-start: 7;
  }
  
  .col-start-lg-8 {
    grid-column-start: 8;
  }
  
  .row-start-lg-8 {
    grid-row-start: 8;
  }
  
  .col-start-lg-9 {
    grid-column-start: 9;
  }
  
  .row-start-lg-9 {
    grid-row-start: 9;
  }
  
  .col-start-lg-10 {
    grid-column-start: 10;
  }
  
  .row-start-lg-10 {
    grid-row-start: 10;
  }
  
  .col-start-lg-11 {
    grid-column-start: 11;
  }
  
  .row-start-lg-11 {
    grid-row-start: 11;
  }
  
  .col-start-lg-12 {
    grid-column-start: 12;
  }
  
  .row-start-lg-12 {
    grid-row-start: 12;
  }
}

@media screen and (min-width: 58.75em) {
  .pull-right-lg {
    grid-column-end: -1;
  }
  
  .pull-left-lg {
    grid-row-start: 1;
    grid-column-end: inherit;
  }
}

@media screen and (min-width: 58.75em) {
  .justify-lg-start {
    justify-self: start;
  }

  .justify-lg-center {
    justify-self: center;
  }

  .justify-lg-end {
    justify-self: end;
  }

  .justify-lg-stretch {
    justify-self: stretch;
  }

  .align-lg-start {
    align-self: start;
  }

  .align-lg-center {
    align-self: center;
  }

  .align-lg-end {
    align-self: end;
  }

  .align-lg-stretch {
    align-self: stretch;
  }
}

@media screen and (min-width: 58.75em) {
  .row-span-lg-1 {
    grid-row: span 1 / span 1;
  }

  .row-span-lg-2 {
    grid-row: span 2 / span 2;
  }

  .row-span-lg-3 {
    grid-row: span 3 / span 3;
  }

  .row-span-lg-4 {
    grid-row: span 4 / span 4;
  }

  .row-span-lg-5 {
    grid-row: span 5 / span 5;
  }

  .row-span-lg-6 {
    grid-row: span 6 / span 6;
  }

  .row-span-lg-7 {
    grid-row: span 7 / span 7;
  }

  .row-span-lg-8 {
    grid-row: span 8 / span 8;
  }

  .row-span-lg-9 {
    grid-row: span 9 / span 9;
  }

  .row-span-lg-10 {
    grid-row: span 10 / span 10;
  }

  .row-span-lg-11 {
    grid-row: span 11 / span 11;
  }

  .row-span-lg-12 {
    grid-row: span 12 / span 12;
  }
}

@media screen and (min-width: 68.75em) {
  .col-xl-1 {
    grid-column: span 1 / span 1;
  }
  
  .col-xl-2 {
    grid-column: span 2 / span 2;
  }
  
  .col-xl-3 {
    grid-column: span 3 / span 3;
  }
  
  .col-xl-4 {
    grid-column: span 4 / span 4;
  }
  
  .col-xl-5 {
    grid-column: span 5 / span 5;
  }
  
  .col-xl-6 {
    grid-column: span 6 / span 6;
  }
  
  .col-xl-7 {
    grid-column: span 7 / span 7;
  }
  
  .col-xl-8 {
    grid-column: span 8 / span 8;
  }
  
  .col-xl-9 {
    grid-column: span 9 / span 9;
  }
  
  .col-xl-10 {
    grid-column: span 10 / span 10;
  }
  
  .col-xl-11 {
    grid-column: span 11 / span 11;
  }
  
  .col-xl-12 {
    grid-column: span 12 / span 12;
  }
}

@media screen and (min-width: 68.75em) {
  .col-start-xl-1 {
     grid-column-start: 1;
  }
  
  .row-start-xl-1 {
    grid-row-start: 1;
  }
  
  .col-start-xl-2 {
    grid-column-start: 2;
  }
  
  .row-start-xl-2 {
    grid-row-start: 2;
  }
  
  .col-start-xl-3 {
    grid-column-start: 3;
  }
  
  .row-start-xl-3 {
    grid-row-start: 3;
  }
  
  .col-start-xl-4 {
    grid-column-start: 4;
  }
  
  .row-start-xl-4 {
    grid-row-start: 4;
  }
  
  .col-start-xl-5 {
    grid-column-start: 5;
  }
  
  .row-start-xl-5 {
    grid-row-start: 5;
  }
  
  .col-start-xl-6 {
    grid-column-start: 6;
  }
  
  .row-start-xl-6 {
    grid-row-start: 6;
  }
  
  .col-start-xl-7 {
    grid-column-start: 7;
  }
  
  .row-start-xl-7 {
    grid-row-start: 7;
  }
  
  .col-start-xl-8 {
    grid-column-start: 8;
  }
  
  .row-start-xl-8 {
    grid-row-start: 8;
  }
  
  .col-start-xl-9 {
    grid-column-start: 9;
  }
  
  .row-start-xl-9 {
    grid-row-start: 9;
  }
  
  .col-start-xl-10 {
    grid-column-start: 10;
  }
  
  .row-start-xl-10 {
    grid-row-start: 10;
  }
  
  .col-start-xl-11 {
    grid-column-start: 11;
  }
  
  .row-start-xl-11 {
    grid-row-start: 11;
  }
  
  .col-start-xl-12 {
    grid-column-start: 12;
  }
  
  .row-start-xl-12 {
    grid-row-start: 12;
  }
}

@media screen and (min-width: 68.75em) {
  .pull-right-xl {
    grid-column-end: -1;
  }
  
  .pull-left-xl {
    grid-row-start: 1;
    grid-column-end: inherit;
  }
}

@media screen and (min-width: 68.75em) {
  .justify-xl-start {
    justify-self: start;
  }

  .justify-xl-center {
    justify-self: center;
  }

  .justify-xl-end {
    justify-self: end;
  }

  .justify-xl-stretch {
    justify-self: stretch;
  }

  .align-xl-start {
    align-self: start;
  }

  .align-xl-center {
    align-self: center;
  }

  .align-xl-end {
    align-self: end;
  }

  .align-xl-stretch {
    align-self: stretch;
  }
}

@media screen and (min-width: 68.75em) {
  .row-span-xl-1 {
    grid-row: span 1 / span 1;
  }

  .row-span-xl-2 {
    grid-row: span 2 / span 2;
  }

  .row-span-xl-3 {
    grid-row: span 3 / span 3;
  }

  .row-span-xl-4 {
    grid-row: span 4 / span 4;
  }

  .row-span-xl-5 {
    grid-row: span 5 / span 5;
  }

  .row-span-xl-6 {
    grid-row: span 6 / span 6;
  }

  .row-span-xl-7 {
    grid-row: span 7 / span 7;
  }

  .row-span-xl-8 {
    grid-row: span 8 / span 8;
  }

  .row-span-xl-9 {
    grid-row: span 9 / span 9;
  }

  .row-span-xl-10 {
    grid-row: span 10 / span 10;
  }

  .row-span-xl-11 {
    grid-row: span 11 / span 11;
  }

  .row-span-xl-12 {
    grid-row: span 12 / span 12;
  }
}

.col-start-1 {
  grid-column-start: 1;
}

.row-start-1 {
  grid-row-start: 1;
}

.col-start-2 {
  grid-column-start: 2;
}

.row-start-2 {
  grid-row-start: 2;
}

.col-start-3 {
  grid-column-start: 3;
}

.row-start-3 {
  grid-row-start: 3;
}

.col-start-4 {
  grid-column-start: 4;
}

.row-start-4 {
  grid-row-start: 4;
}

.col-start-5 {
  grid-column-start: 5;
}

.row-start-5 {
  grid-row-start: 5;
}

.col-start-6 {
  grid-column-start: 6;
}

.row-start-6 {
  grid-row-start: 6;
}

.col-start-7 {
  grid-column-start: 7;
}

.row-start-7 {
  grid-row-start: 7;
}

.col-start-8 {
  grid-column-start: 8;
}

.row-start-8 {
  grid-row-start: 8;
}

.col-start-9 {
  grid-column-start: 9;
}

.row-start-9 {
  grid-row-start: 9;
}

.col-start-10 {
  grid-column-start: 10;
}
.row-start-10 {
  grid-row-start: 10;
}

.col-start-11 {
  grid-column-start: 11;
}

.row-start-11 {
  grid-row-start: 11;
}

.col-start-12 {
  grid-column-start: 12;
}

.row-start-12 {
  grid-row-start: 12;
}

.row-span-1 {
  grid-row: span 1 / span 1;
}

.row-span-2 {
  grid-row: span 2 / span 2;
}

.row-span-3 {
  grid-row: span 3 / span 3;
}

.row-span-4 {
  grid-row: span 4 / span 4;
}

.row-span-5 {
  grid-row: span 5 / span 5;
}

.row-span-6 {
  grid-row: span 6 / span 6;
}

.row-span-7 {
  grid-row: span 7 / span 7;
}

.row-span-8 {
  grid-row: span 8 / span 8;
}

.row-span-9 {
  grid-row: span 9 / span 9;
}

.row-span-10 {
  grid-row: span 10 / span 10;
}

.row-span-11 {
  grid-row: span 11 / span 11;
}

.row-span-12 {
  grid-row: span 12 / span 12;
}

/****************
* Schriften
****************/
@font-face {
  font-family: 'fira_sansmedium';
  src: url('../../files/kinderarzt-bestensee/assets/fonts/FiraSans-Medium.eot');
  src: url('../../files/kinderarzt-bestensee/assets/fonts/FiraSans-Medium.eot?#iefix') format('embedded-opentype'), url('../../files/kinderarzt-bestensee/assets/fonts/FiraSans-Medium.woff2') format('woff2'), url('../../files/kinderarzt-bestensee/assets/fonts/FiraSans-Medium.woff') format('woff'), url('../../files/kinderarzt-bestensee/assets/fonts/FiraSans-Medium.ttf') format('truetype'), url('../../files/kinderarzt-bestensee/assets/fonts/FiraSans-Medium.svg#FiraSans-Medium') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'fira_sansregular';
  src: url('../../files/kinderarzt-bestensee/assets/fonts/FiraSans-Regular.eot');
  src: url('../../files/kinderarzt-bestensee/assets/fonts/FiraSans-Regular.eot?#iefix') format('embedded-opentype'), url('../../files/kinderarzt-bestensee/assets/fonts/FiraSans-Regular.woff2') format('woff2'), url('../../files/kinderarzt-bestensee/assets/fonts/FiraSans-Regular.woff') format('woff'), url('../../files/kinderarzt-bestensee/assets/fonts/FiraSans-Regular.ttf') format('truetype'), url('../../files/kinderarzt-bestensee/assets/fonts/FiraSans-Regular.svg#FiraSans-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'fira_sanssemibold';
  src: url('../../files/kinderarzt-bestensee/assets/fonts/FiraSans-SemiBold.eot');
  src: url('../../files/kinderarzt-bestensee/assets/fonts/FiraSans-SemiBold.eot?#iefix') format('embedded-opentype'), url('../../files/kinderarzt-bestensee/assets/fonts/FiraSans-SemiBold.woff2') format('woff2'), url('../../files/kinderarzt-bestensee/assets/fonts/FiraSans-SemiBold.woff') format('woff'), url('../../files/kinderarzt-bestensee/assets/fonts/FiraSans-SemiBold.ttf') format('truetype'), url('../../files/kinderarzt-bestensee/assets/fonts/FiraSans-SemiBold.svg#FiraSans-SemiBold') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'fira_sanslight';
  src: url('../../files/kinderarzt-bestensee/assets/fonts/FiraSans-Light.eot');
  src: url('../../files/kinderarzt-bestensee/assets/fonts/FiraSans-Light.eot?#iefix') format('embedded-opentype'), url('../../files/kinderarzt-bestensee/assets/fonts/FiraSans-Light.woff2') format('woff2'), url('../../files/kinderarzt-bestensee/assets/fonts/FiraSans-Light.woff') format('woff'), url('../../files/kinderarzt-bestensee/assets/fonts/FiraSans-Light.ttf') format('truetype'), url('../../files/kinderarzt-bestensee/assets/fonts/FiraSans-Light.svg#FiraSans-Light') format('svg');
  font-weight: normal;
  font-style: normal;
}
.invisible {
  display: none;
}
body {
  padding: 0;
  margin: 0;
}
p {
  margin: 0 0 20px;
}
figure {
  margin: 0;
  padding: 0;
}
/****************
* Farben
****************/
/****************
* Icons
****************/
/****************
* Funktionen
****************/
.flex-container-nowrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  scrollbar-width: 0;
}
.flex-container-nowrap::-webkit-scrollbar {
  display: none !important;
}
.flex-container-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.bg-img-cover {
  -webkit-background-size: cover;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.bg-img-contain {
  -webkit-background-size: contain;
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
}
.justify-space-between {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.justify-content-center {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.justify-content-flex-end {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -moz-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
/****************
* Schriftgrößen
****************/
.font-size-16 {
  font-size: 16px;
  line-height: 23px;
}
@media screen and (max-width: 991px) {
  .font-size-16 {
    font-size: 14px;
    line-height: 19px;
  }
}
.font-size-18 {
  font-size: 18px;
  line-height: 100%;
}
@media screen and (max-width: 991px) {
  .font-size-18 {
    font-size: 16px;
  }
}
.font-size-20 {
  font-size: 20px;
  line-height: 28px;
}
@media screen and (max-width: 991px) {
  .font-size-20 {
    font-size: 18px;
    line-height: 26px;
  }
}
.font-size-28 {
  font-size: 28px;
  line-height: 40px;
}
@media screen and (max-width: 991px) {
  .font-size-28 {
    font-size: 26px;
    line-height: 38px;
  }
}
@media screen and (max-width: 767px) {
  .font-size-28 {
    font-size: 24px;
    line-height: 36px;
  }
}
.font-size-37 {
  font-size: 37px;
  line-height: 53px;
}
@media screen and (max-width: 991px) {
  .font-size-37 {
    font-size: 35px;
    line-height: 51px;
  }
}
.font-size-45 {
  font-size: 45px;
  line-height: 40px;
}
@media screen and (max-width: 991px) {
  .font-size-45 {
    font-size: 40px;
    line-height: 35px;
  }
}
/****************
* Wiederkehrende Überschriften
****************/
h1 {
  font-family: 'fira_sanssemibold', sans-serif;
  font-size: 28px;
  line-height: 40px;
  color: #00857D;
  margin: 0;
  padding: 0;
  font-weight: normal;
}
@media screen and (max-width: 991px) {
  h1 {
    font-size: 26px;
    line-height: 38px;
  }
}
@media screen and (max-width: 767px) {
  h1 {
    font-size: 24px;
    line-height: 36px;
  }
}
h2 {
  margin: 0 0 40px;
  font-weight: normal;
  font-family: 'fira_sansmedium', sans-serif;
  font-size: 28px;
  line-height: 40px;
  color: #00857D;
}
@media screen and (max-width: 991px) {
  h2 {
    font-size: 26px;
    line-height: 38px;
  }
}
@media screen and (max-width: 767px) {
  h2 {
    font-size: 24px;
    line-height: 36px;
  }
}
h3 {
  font-size: 28px;
  line-height: 40px;
  color: #991E66;
  margin: 0 0 25px;
  padding: 0;
  font-weight: normal;
  font-family: 'fira_sansmedium', sans-serif;
}
@media screen and (max-width: 991px) {
  h3 {
    font-size: 26px;
    line-height: 38px;
  }
}
@media screen and (max-width: 767px) {
  h3 {
    font-size: 24px;
    line-height: 36px;
  }
}
h5 {
  font-size: 20px;
  line-height: 28px;
  font-family: 'fira_sansmedium', sans-serif;
  font-weight: normal;
  margin: 0 0 10px;
  padding: 0;
}
@media screen and (max-width: 991px) {
  h5 {
    font-size: 18px;
    line-height: 26px;
  }
}
h4 {
  font-size: 20px;
  line-height: 28px;
  font-family: 'fira_sansmedium', sans-serif;
  font-weight: normal;
  margin: 0 0 10px;
  color: #991E66;
}
@media screen and (max-width: 991px) {
  h4 {
    font-size: 18px;
    line-height: 26px;
  }
}
/*-----------------------------*/
/*------------Allgemein--------*/
/*-----------------------------*/
html {
  --grid__gutter: 0px 30px;
}
@media screen and (max-width: 991px) {
  html {
    --grid__gutter: 20px;
  }
}
@media screen and (max-width: 767px) {
  html {
    --grid__gutter: 0px;
  }
}
body {
  font-family: 'fira_sansregular', sans-serif;
  font-size: 20px;
  line-height: 28px;
}
@media screen and (max-width: 991px) {
  body {
    font-size: 18px;
    line-height: 26px;
  }
}
.mod_article .inside {
  position: relative;
  max-width: 1140px;
  margin: 0 auto;
  padding: 0 20px;
}
#wrapper {
  width: 100%;
  overflow-x: hidden;
}
.row {
  grid-auto-columns: 0;
}
a.button {
  display: block;
  border-radius: 65px;
  height: 65px;
  line-height: 65px;
  font-family: 'fira_sansmedium', sans-serif;
  text-decoration: none;
  color: #000;
  text-align: center;
  opacity: 1;
  transition: opacity 0.5s;
}
a.button.button-yellow {
  background-color: #ffd78a;
}
a.button.button-purple {
  background-color: #daa5ad;
}
a.button:hover {
  opacity: 0.8;
}
@media screen and (max-width: 767px) {
  a.button {
    width: 230px;
    margin-left: auto;
    margin-right: auto;
  }
}
.grafics > div {
  position: absolute;
  z-index: 1;
}
ul {
  list-style-type: none;
  margin: 0 0 20px;
  padding: 0;
}
ul li {
  padding-left: 10px;
  position: relative;
  margin-bottom: 10px;
}
ul li:before {
  content: "·";
  display: inline-block;
  position: absolute;
  top: 5p;
  left: 0;
}
.highlight {
  color: #991E66;
  font-family: 'fira_sansmedium', sans-serif;
}
.fix-width {
  display: inline-block;
  width: 207px;
}
.fix-width-2 {
  display: inline-block;
  padding-left: 207px;
}
strong {
  font-family: 'fira_sansmedium', sans-serif;
  font-weight: normal;
}
a {
  color: #00857D;
  text-decoration: none;
}
a:hover {
  color: #000;
}
.clear {
  clear: both;
}
.desktop-hidden {
  display: none;
}
@media screen and (max-width: 767px) {
  .desktop-hidden {
    display: block;
  }
  .mobile-hidden {
    display: none;
  }
}
/*-----------------------------*/
/*----------Header-------------*/
/*-----------------------------*/
#header {
  color: #00857D;
  text-transform: uppercase;
  font-family: 'fira_sansmedium', sans-serif;
  font-size: 18px;
  line-height: 100%;
  letter-spacing: 1px;
  position: fixed;
  z-index: 99;
  width: 100%;
}
@media screen and (max-width: 991px) {
  #header {
    font-size: 16px;
  }
}
#header .tel {
  display: inline-block;
  display: none;
  margin-right: 30px;
}
#header #logo {
  width: 258px;
  float: left;
  opacity: 0;
  position: relative;
  transition: opacity 0.5s;
  margin-left: 15px;
  height: 0;
}
#header .inside {
  position: relative;
  max-width: 1140px;
  margin: 0 auto;
  padding: 30px 40px;
  width: calc(100% - 80px);
}
#header #content-right {
  float: right;
  padding-right: 50px;
  position: relative;
}
#header .mod_onepage_navigation .nav-content {
  display: none;
  margin-right: -70px;
  margin-top: 10px;
  position: absolute;
  right: 30px;
}
#header .mod_onepage_navigation ul {
  width: 195px;
  margin: 0;
  padding: 10px 20px;
  background-color: white;
}
#header .mod_onepage_navigation ul li {
  margin: 0;
  padding: 0;
  border-bottom: 1px solid #DEDBD0;
}
#header .mod_onepage_navigation ul li:before {
  content: none;
}
#header .mod_onepage_navigation ul li:last-child {
  border-bottom: 0;
}
#header .mod_onepage_navigation ul li a {
  padding: 15px 0 15px;
  display: block;
}
#header .menu-trigger {
  right: 0;
  left: auto;
  top: 2px;
  cursor: pointer;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition: all 75ms cubic-bezier(0.37, 0.06, 0, 0.99);
  -moz-transition: all 75ms cubic-bezier(0.37, 0.06, 0, 0.99);
  -o-transition: all 75ms cubic-bezier(0.37, 0.06, 0, 0.99);
  transition: all 75ms cubic-bezier(0.37, 0.06, 0, 0.99);
  z-index: 30;
  position: absolute;
  height: 14px;
  z-index: 101;
  opacity: 1;
  width: 18px;
}
#header .menu-trigger .menu-icon {
  position: absolute;
  height: 2px;
  width: 18px;
  transition-timing-function: ease;
  transition-duration: 0.15s;
  transition-property: transform;
  background-color: #00857D;
  -webkit-transition: all 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
  -moz-transition: all 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
  -o-transition: all 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: all 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
#header .menu-trigger .menu-icon:before {
  -webkit-transition: top 75ms ease 0.12s, opacity 75ms ease;
  -moz-transition: top 75ms ease 0.12s, opacity 75ms ease;
  -o-transition: top 75ms ease 0.12s, opacity 75ms ease;
  transition: top 75ms ease 0.12s, opacity 75ms ease;
  content: "";
  width: 100%;
  height: 2px;
  position: absolute;
  bottom: -14px;
  background: #00857D;
}
#header .menu-trigger .menu-icon:after {
  -webkit-transform: bottom 75ms ease 0.12s, transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
  -moz-transform: bottom 75ms ease 0.12s, transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
  -o-transform: bottom 75ms ease 0.12s, transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: bottom 75ms ease 0.12s, transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
  bottom: -7px;
  content: "";
  width: 100%;
  height: 2px;
  position: absolute;
  background: #00857D;
}
#header .menu-trigger.open {
  top: 9px;
}
#header .menu-trigger.open .menu-icon {
  transition-delay: 0.12s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  transform: rotate(45deg);
}
#header .menu-trigger.open .menu-icon:before {
  top: 0;
  transition: top 75ms ease, opacity 75ms ease 0.12s;
  opacity: 0;
}
#header .menu-trigger.open .menu-icon:after {
  bottom: 0;
  transition: bottom 75ms ease, transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0.12s;
  transform: rotate(-90deg);
}
#header:before {
  width: 100%;
  height: 0;
  position: absolute;
  background-color: white;
  content: "";
  transition: height 0.5s;
}
@media screen and (max-width: 991px) {
  #header .inside {
    padding-right: 20px;
    padding-left: 20px;
    width: calc(100% - 40px);
  }
}
@media screen and (max-width: 767px) {
  #header #logo,
  #header #content-right .tel,
  #header #content-right .link-termine {
    display: none !important;
  }
  #header:before {
    content: none;
  }
  #header .mod_onepage_navigation ul li[data-onepage-link="termine"] {
    display: block;
  }
  #header .mod_onepage_navigation .nav-content {
    display: block;
    right: -400px;
    margin: 0;
    transition: right 0.5s;
    top: -30px;
    overflow-y: auto;
    background-color: white;
    height: 100vh;
  }
  #header .mod_onepage_navigation .nav-content ul {
    margin-top: 100px;
  }
  #header .mod_onepage_navigation .menu-trigger .menu-icon {
    background-color: #000;
  }
  #header .mod_onepage_navigation .menu-trigger .menu-icon:before,
  #header .mod_onepage_navigation .menu-trigger .menu-icon:after {
    background-color: #000;
  }
}
.open-nav .nav-content {
  display: block !important;
}
@media screen and (max-width: 767px) {
  .open-nav {
    overflow: hidden;
  }
  .open-nav #header .mod_onepage_navigation .nav-content {
    right: -20px;
  }
}
@media screen and (max-width: 767px) and (orientation: landscape) {
  .open-nav #header .mod_onepage_navigation .nav-content {
    right: -20px;
  }
}
body.down #header:before {
  height: 100%;
}
body.down #header #logo {
  height: auto;
}
body.down.header-logo #header #logo {
  opacity: 1;
}
body.content-page #header {
  background-color: white;
}
body.content-page #header #logo {
  opacity: 1 !important;
}
body.content-page #container {
  padding: 234px 0 100px;
}
/*-----------------------------*/
/*----------Intro--------------*/
/*-----------------------------*/
#intro {
  position: relative;
  background-color: #EEF3E5;
  font-size: 28px;
  line-height: 40px;
  font-family: 'fira_sanslight', sans-serif;
  text-align: center;
}
@media screen and (max-width: 991px) {
  #intro {
    font-size: 26px;
    line-height: 38px;
  }
}
@media screen and (max-width: 767px) {
  #intro {
    font-size: 24px;
    line-height: 36px;
  }
}
#intro .grafic-1 {
  top: -165px;
  left: -235px;
}
#intro .grafic-2 {
  top: 130px;
  right: -280px;
}
#intro .grafic-3 {
  bottom: -70px;
  left: 675px;
}
#intro .content-image {
  margin-bottom: 45px;
  padding-bottom: 63px;
  border-bottom: 1px solid #00857D;
}
#intro .content-image img {
  max-width: 479px;
  margin: 0 auto;
  display: block;
  height: auto;
}
#intro .inside {
  padding: 109px 20px 214px;
}
#intro .inside .row {
  margin-bottom: 40px;
}
#intro .inside .row:last-child {
  margin-bottom: 0;
  font-size: 20px;
  line-height: 28px;
  font-family: 'fira_sansregular', sans-serif;
}
@media screen and (max-width: 991px) {
  #intro .inside .row:last-child {
    font-size: 18px;
    line-height: 26px;
  }
}
#intro .inside .row:last-child a {
  margin-top: 17px;
}
#intro .inside .row:last-child .content-text {
  margin-top: 30px;
}
#intro .inside .row:last-child .content-text:first-child {
  margin-top: 0;
}
@media screen and (max-width: 1024px) {
  #intro .grafic-3 {
    left: auto;
    right: -200px;
  }
}
@media screen and (max-width: 991px) {
  #intro .inside .row:last-child > div:first-child {
    margin-bottom: 60px;
  }
  #intro .grafic-1 img {
    width: 450px;
  }
}
@media screen and (max-width: 767px) {
  #intro .inside {
    padding-top: 70px;
  }
  #intro .grafic-3 img {
    width: 580px;
  }
  #intro .grafic-2 {
    display: none;
  }
  #intro .grafic-2 img {
    width: 350px;
  }
  #intro .grafic-1 {
    display: none;
  }
  #intro .grafic-1 img {
    width: 400px;
  }
  #intro .content-image {
    padding-bottom: 43px;
  }
}
@media screen and (max-width: 550px) {
  #intro .grafic-3 img {
    width: 550px;
  }
}
@media screen and (max-width: 380px) {
  #intro {
    font-size: 22px;
    line-height: 34px;
  }
  #intro h1 {
    font-size: 22px;
    line-height: 34px;
  }
  #intro .grafic-3 {
    bottom: -80px;
  }
  #intro .grafic-3 img {
    width: 480px;
  }
}
/*-----------------------------*/
/*----------Akuelles-----------*/
/*-----------------------------*/
#aktuelles {
  padding: 234px 0 160px;
  background-color: #D9EDEC;
}
#aktuelles .layout_latest {
  padding: 35px 0 30px;
  border-bottom: 1px solid #991E66;
}
#aktuelles .layout_latest:first-of-type {
  border-top: 1px solid #991E66;
}
#aktuelles .two-columns ul {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
#aktuelles .two-columns ul li:nth-child(odd) {
  padding-right: 50px;
}
@media screen and (max-width: 767px) {
  #aktuelles {
    padding-top: 85px;
    padding-bottom: 120px;
  }
  #aktuelles .two-columns ul {
    display: block;
  }
}
/*-----------------------------*/
/*----------Sprechzeiten--------*/
/*-----------------------------*/
#sprechzeiten {
  background-color: #EEF3E5;
}
#sprechzeiten .inside {
  padding: 285px 20px 160px;
}
#sprechzeiten .grafic-1 {
  top: 143px;
  left: 240px;
}
#sprechzeiten .grafic-2 {
  bottom: -180px;
  right: -180px;
}
#sprechzeiten span {
  font-size: 20px;
  line-height: 28px;
}
@media screen and (max-width: 991px) {
  #sprechzeiten span {
    font-size: 18px;
    line-height: 26px;
  }
}
#sprechzeiten .row > div:first-child .highlight {
  margin-bottom: 10px;
  display: inline-block;
}
#sprechzeiten .row > div:nth-child(2) {
  background-color: #D9EDEC;
  border-bottom-right-radius: 50px;
  border-top-left-radius: 50px;
  padding: 40px 45px 40px 40px;
  margin-top: 10px;
}
#sprechzeiten .row > div:nth-child(2) .content-text .highlight {
  color: #00857D;
  font-family: 'fira_sansmedium', sans-serif;
}
#sprechzeiten .row > div:nth-child(2) .content-text ul {
  margin-bottom: 0;
}
#sprechzeiten .row > div:nth-child(2) .content-text ul li:last-child {
  margin-bottom: 0;
}
@media screen and (max-width: 1024px) {
  #sprechzeiten .button {
    margin-top: -64px;
  }
  #sprechzeiten .inside {
    padding-bottom: 224px;
  }
}
@media screen and (max-width: 991px) {
  #sprechzeiten .row > div {
    margin-bottom: 50px;
  }
  #sprechzeiten .row > div:first-child {
    margin-bottom: 30px;
  }
  #sprechzeiten .grafic-1 {
    left: 130px;
  }
}
@media screen and (max-width: 767px) {
  #sprechzeiten .inside {
    padding-top: 180px;
  }
  #sprechzeiten .grafic-1 {
    top: 50px;
  }
  #sprechzeiten .grafic-2 {
    right: -140px;
  }
  #sprechzeiten .grafic-2 img {
    width: 500px;
  }
  #sprechzeiten .button {
    margin-top: 0;
  }
}
@media screen and (max-width: 550px) {
  #sprechzeiten .inside {
    padding-top: 136px;
  }
  #sprechzeiten .button {
    width: 200px;
    position: relative;
    z-index: 9;
  }
  #sprechzeiten .grafic-2 {
    right: -140px;
  }
  #sprechzeiten .grafic-2 img {
    width: 450px;
  }
  #sprechzeiten .grafic-1 {
    top: 10px;
    left: 120px;
  }
  #sprechzeiten .grafic-1 img {
    width: 250px;
  }
}
@media screen and (max-width: 380px) {
  #sprechzeiten .fix-width {
    width: auto;
    display: block;
  }
  #sprechzeiten .fix-width-2 {
    padding-left: 0;
  }
}
/*-----------------------------*/
/*-----------Termine-----------*/
/*-----------------------------*/
#termine {
  background-color: #DEDBD0;
  padding: 234px 0 160px;
  font-size: 16px;
  line-height: 23px;
}
@media screen and (max-width: 991px) {
  #termine {
    font-size: 14px;
    line-height: 19px;
  }
}
#termine h2 {
  margin-bottom: 5px;
}
#termine a,
#termine strong {
  font-family: 'fira_sanssemibold', sans-serif;
}
#termine .boxes {
  margin-top: 18px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
#termine .boxes > div {
  width: calc(50% - 100px);
  background-color: #fff;
  border-bottom-right-radius: 50px;
  border-top-left-radius: 50px;
  padding: 40px 45px 40px 40px;
  margin-bottom: 30px;
}
#termine .boxes > div:nth-child(odd) {
  margin-right: 15px;
}
#termine .boxes > div:nth-child(even) {
  margin-left: 15px;
}
#termine .boxes > div h3 {
  font-family: 'fira_sansmedium', sans-serif;
  font-size: 20px;
  line-height: 28px;
  color: #00857D;
  margin-bottom: 10px;
}
@media screen and (max-width: 991px) {
  #termine .boxes > div h3 {
    font-size: 18px;
    line-height: 26px;
  }
}
#termine .boxes > div p {
  margin-bottom: 10px;
}
@media screen and (max-width: 767px) {
  #termine {
    padding-top: 134px;
    padding-bottom: 120px;
  }
}
@media screen and (max-width: 680px) {
  #termine .boxes > div {
    width: 100%;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}
/*-----------------------------*/
/*---------Leistungen-----------*/
/*-----------------------------*/
#leistungen {
  background-color: #D9EDEC;
}
#leistungen .inside {
  padding: 234px 20px 180px;
}
#leistungen h3 {
  font-size: 20px;
  line-height: 28px;
  color: #00857D;
  margin-bottom: 15px;
}
@media screen and (max-width: 991px) {
  #leistungen h3 {
    font-size: 18px;
    line-height: 26px;
  }
}
#leistungen .grafic-1 {
  bottom: 70px;
  left: -180px;
  z-index: 0;
}
#leistungen .grafic-2 {
  bottom: -440px;
  right: -150px;
  z-index: 0;
}
#leistungen .border-right {
  position: relative;
  height: 100%;
}
#leistungen .border-right:before {
  height: 100%;
  width: 1px;
  background-color: #00857D;
  position: absolute;
  left: -15px;
  content: "";
}
@media screen and (max-width: 991px) {
  #leistungen .grafic-1 {
    left: -100px;
    bottom: -160px;
  }
  #leistungen .grafic-1 img {
    width: 300px;
  }
  #leistungen .grafic-2 img {
    width: 480px;
  }
}
@media screen and (max-width: 767px) {
  #leistungen .inside {
    padding-top: 85px;
  }
  #leistungen .grafic-2 {
    bottom: -200px;
  }
  #leistungen .grafic-2 img {
    width: 450px;
  }
  #leistungen .grafic-1 {
    display: none;
  }
  #leistungen .border-right {
    margin-top: 20px;
    padding-top: 15px;
  }
  #leistungen .border-right:before {
    height: 1px;
    width: 100%;
    left: auto;
    top: -10px;
  }
}
/*-----------------------------*/
/*----------Praxis-------------*/
/*-----------------------------*/
#praxis {
  padding: 220px 0 180px;
  background-color: #EEF3E5;
}
#praxis .content-gallery {
  position: relative;
  z-index: 2;
  border-bottom: 1px solid #00857D;
  margin-bottom: 60px;
}
#praxis .content-gallery ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -15px;
}
#praxis .content-gallery ul li {
  padding: 0;
  width: calc(33.3% - 30px);
  margin: 0 15px 50px;
}
#praxis .content-gallery ul li:before {
  content: none;
}
#praxis .content-gallery ul li figure img {
  width: 100%;
  height: auto;
  border-top-left-radius: 50px;
  border-bottom-right-radius: 50px;
  display: block;
  margin-bottom: 20px;
}
#praxis .content-gallery ul li figure figcaption {
  font-size: 16px;
  line-height: 23px;
}
@media screen and (max-width: 991px) {
  #praxis .content-gallery ul li figure figcaption {
    font-size: 14px;
    line-height: 19px;
  }
}
#praxis .rsts-nav-bullets {
  bottom: auto;
  right: auto;
  left: 0;
}
#praxis .rsts-nav-bullets ul li {
  padding: 0;
  margin: 0;
}
#praxis .rsts-nav-bullets ul li:before {
  content: "";
}
#praxis .rsts-nav-bullets ul li a {
  background-color: transparent;
  border: 1px solid #00857D;
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  height: 10px;
  width: 10px;
}
#praxis .rsts-nav-bullets ul li a.active {
  background-color: #00857D;
}
#praxis .rsts-nav-bullets ul li a:first-child {
  margin-left: 0;
}
@media screen and (max-width: 767px) {
  #praxis {
    padding-bottom: 140px;
  }
  #praxis .content-gallery ul li {
    width: calc(50% - 30px);
  }
}
@media screen and (max-width: 550px) {
  #praxis .content-gallery ul li {
    width: calc(100% - 30px);
  }
}
/*-----------------------------*/
/*---------Kontakt-------------*/
/*-----------------------------*/
#kontakt {
  padding: 234px 0 160px;
  background-color: #D9EDEC;
}
#kontakt .content-text.text-bottom {
  position: relative;
  height: 100%;
}
#kontakt .content-text.text-bottom .rte {
  position: absolute;
  bottom: 0;
}
#kontakt .content-text.text-bottom .highlight {
  font-family: 'fira_sansregular', sans-serif;
}
#kontakt .content-text.text-bottom p strong .highlight {
  font-family: 'fira_sansmedium', sans-serif;
}
@media screen and (max-width: 767px) {
  #kontakt {
    position: relative;
    padding-top: 85px;
    padding-bottom: 100px;
  }
  #kontakt .content-text.text-bottom .rte {
    position: relative;
    bottom: auto;
  }
  #kontakt .content-image {
    text-align: right;
    margin-bottom: 0px;
    margin-top: -50px;
  }
  #kontakt .content-image img {
    width: 250px;
  }
  #kontakt .row > div:nth-child(2) {
    order: 3;
  }
  #kontakt .row > div:nth-child(3) {
    order: 2;
  }
  #kontakt .row > div:nth-child(4) {
    order: 3;
  }
}
@media screen and (max-width: 550px) {
  #kontakt .content-image img {
    width: 200px;
  }
}
/*-----------------------------*/
/*---------Notfall-------------*/
/*-----------------------------*/
#notfall {
  padding: 234px 0 140px;
  background-color: #DEDBD0;
}
#notfall ul li {
  border-bottom: 1px solid #00857D;
  padding-top: 18px;
  padding-bottom: 18px;
  margin-bottom: 0;
}
#notfall ul li:first-child {
  border-top: 1px solid #00857D;
}
@media screen and (max-width: 767px) {
  #notfall {
    padding-top: 85px;
    padding-bottom: 100px;
  }
}
@media screen and (max-width: 550px) {
  #notfall ul li strong {
    display: block;
  }
}
/*-----------------------------*/
/*-----------Footer------------*/
/*-----------------------------*/
#footer #meta-navigation {
  text-align: center;
}
#footer #meta-navigation ul {
  margin: 0;
  padding: 15px 0 10px;
}
#footer #meta-navigation ul li {
  display: inline-block;
  padding: 0;
  border-left: 1px solid #00857D;
  margin-left: 5px;
  padding-left: 10px;
  font-size: 16px;
  line-height: 23px;
  line-height: 100%;
}
@media screen and (max-width: 991px) {
  #footer #meta-navigation ul li {
    font-size: 14px;
    line-height: 19px;
  }
}
#footer #meta-navigation ul li:before {
  content: none;
}
#footer #meta-navigation ul li:first-child {
  margin: 0;
  padding: 0;
  border: 0;
}
#footer #meta-navigation ul li a.active {
  color: #000;
}
/*-----------------------------*/
/*-----------Popup------------*/
/*-----------------------------*/
#info-layer {
  display: grid;
  text-align: center;
  max-width: 550px;
  margin: 0 auto;
}
#info-layer.hidden {
  display: none;
}
.white-popup-block {
  background: #FFF;
  padding: 60px 120px 40px;
  text-align: left;
  max-width: 650px;
  margin: 40px auto;
  position: relative;
  text-align: center;
  font-size: 28px;
  line-height: 40px;
  font-family: 'fira_sanslight', sans-serif;
}
@media screen and (max-width: 991px) {
  .white-popup-block {
    font-size: 26px;
    line-height: 38px;
  }
}
@media screen and (max-width: 767px) {
  .white-popup-block {
    font-size: 24px;
    line-height: 36px;
  }
}
.white-popup-block h3 {
  font-size: 45px;
  line-height: 40px;
  color: #00857D;
  margin-bottom: 30px;
}
@media screen and (max-width: 991px) {
  .white-popup-block h3 {
    font-size: 40px;
    line-height: 35px;
  }
}
.white-popup-block .highlight {
  color: #00857D;
  font-family: 'fira_sanssemibold', sans-serif;
}
.white-popup-block p {
  margin-bottom: 30px;
}
@media screen and (max-width: 767px) {
  .white-popup-block {
    padding-left: 60px;
    padding-right: 60px;
  }
}
@media screen and (max-width: 550px) {
  .white-popup-block {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media screen and (max-width: 380px) {
  .white-popup-block {
    font-size: 22px;
    line-height: 34px;
  }
  .white-popup-block h1 {
    font-size: 22px;
    line-height: 34px;
  }
}