html {
  --grid__columns: 12;
  --grid__gutter: 1.875rem;
}
.row {
  display: grid;
  grid-template-columns: repeat(var(--grid__columns), 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;
}

body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul,.content-gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li,.content-gallery>ul li{float:left}.ce_gallery>ul li.col_first,.content-gallery>ul li.col_first{clear:left}.float_left,.media--left>figure{float:left}.float_right,.media--right>figure{float:right}.block{overflow:hidden}.media{display:flow-root}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both}
@media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.audio_container audio{max-width:100%}.video_container video{max-width:100%;height:auto}.aspect,.responsive{position:relative;height:0}.aspect iframe,.responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%}.aspect--16\:9,.responsive.ratio-169{padding-bottom:56.25%}.aspect--16\:10,.responsive.ratio-1610{padding-bottom:62.5%}.aspect--21\:9,.responsive.ratio-219{padding-bottom:42.8571%}.aspect--4\:3,.responsive.ratio-43{padding-bottom:75%}.aspect--3\:2,.responsive.ratio-32{padding-bottom:66.6666%}
/* Musikschule Nachtigall basic.css */

:focus {
outline: 0;
}

html {
  height: 100%;
}

body {

	min-height: 100%;
	margin: 0;
	padding: 0;
	font: normal 400 24px/32px "adobe-garamond-pro";
	color: #372f2f;
	position: relative;
}

h1 {
	margin: 25px 0 15px;
	padding: 0;
	font: normal 400 30px/36px "adobe-caslon-pro";
	color: #ffffff;
	text-align: center;
}

.block {
    overflow: visible;
}

ul,ol {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

p {
	text-transform: none;
    margin: 0 0 10px;
    padding: 0;
}

a {
	color:#000;
	text-decoration: none;
}

#wrapper {
	
	height: auto !important;
	min-height: 100%;
	height: 100%;
}

#container
{
    padding-bottom:80px;

}

.landing
{
    margin: 0 auto;
    text-align: center;

}

.landing #logo
{
    background-image: url(../../files/Musikschule-Nachtigall/system/svg/musikschule-nachtigall.svg);
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 250px 177px;
    display: block;
    width: 100%;
    height: 130px;
	font: italic 400 56px/67px "adobe-caslon-pro";
	text-decoration: none;
	text-align: center;
	padding-top: 70px;
	margin-top: 50px;
}

#logo
{
    background-image: url(../../files/Musikschule-Nachtigall/system/svg/musikschule-nachtigall.svg);
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 190px 134px;
    display: block;
    width: 100%;
    height: 110px;
	font: italic 400 35px/43px "adobe-caslon-pro";
	text-decoration: none;
	text-align: center;
	padding-top: 60px;
	margin-top: 50px;
}

figure.image_container {
	margin: 0 !important;
}

img {
	border: 3px solid #b1c2c9;
}

nav#mainmenu {
    text-align: center;
}

#mainmenu .level_1 a,#mainmenu .level_1 p,#mainmenu .level_1 span {
	font: 24px/32px "adobe-garamond-pro";
	font-weight: 400;
	font-style: normal;
	text-decoration: none !important;
	letter-spacing: 1px;
	display: inline-block;
	padding: 3px 20px;
	color: #372f2f;
	border-bottom: 4px dotted #c3d5de;	
}

#mainmenu .level_1 strong.active {
	color: #ffffff;
	border-bottom: 4px dotted rgba(195,213,222,0);
}

.landing #mainmenu .level_1 a {
	font: 36px/48px "adobe-garamond-pro";
	font-weight: 400;
	font-style: normal;
	text-decoration: none !important;
	padding: 0;
	color: #372f2f;
}

.landing nav#mainmenu {
    padding-top: 30px;
    margin: 0 auto;
}

#header .inside,#footer .inside {
	width: 1120px;
    margin: 0 auto;
    display: block;
    position: relative;
}

#footer
{
    width:100%;
    position: absolute;
    left: 0;
    bottom: 0;
    height: 70px;
	background-color: rgba(0,0,0,0.3034962);
	font: 15px/26px "adobe-caslon-pro";
	font-style: normal;
	font-weight: 400;
	color: #fff;
	text-align: center;
}

#footer a
{
    text-decoration: none;
    color: #fff;
}

#footer .inside
{
    padding-top: 10px;
}

.ptop
{
    padding-top: 50px;
}

.ptop .image_container
{
    text-align: center;
}


@media (min-width:768px) and (max-width:1440px)
{

#wrapper {
	
	width: 90%;
}

.landing #wrapper {
	
	width: 100%;
}

}

@media (max-width:767px)
{

#wrapper {
	width: auto;
	padding-right: 10px;
	padding-left: 10px;
}

#container
{
    padding-bottom:180px;

}

#footer
{
    width:auto;
    height: auto;
}

#header .inside,#footer .inside {
	width: auto;
    margin: 0 auto;
    display: block;
    position: relative;
}




}



body {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 11px;
	color:#000000;
    line-height: 16px;
	margin:0;
	padding:0 0 <length> 0;
}

h1 {
	font-size: 19px;
	color:#000000;
	line-height: 23px;
	font-weight: bold;
}

h2 {
	font-size: 11px;
	color:#000000;
	line-height: 16px;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin: 0;
	padding: 0;
}

.headline {
	font-size: 19px;
	color:#000000;
	line-height: 23px;
	font-weight: bold;
}

.headline2 {
	font-size: 14px;
	color:#000000;
	line-height: 18px;
	letter-spacing:1pt;
}


.aktiv {
	font-size: 11px;
	color:#BE0030;
	margin-left:15px;
	line-height: 14px;
}

.main_aktiv {
	font-size: 11px;
	color:#BE0030;
	font-weight:bold;
	line-height: 16px;
	text-transform: uppercase;
}

.content_aktiv {
	font-size: 11px;
	color:#BE0030;
	font-weight:bold;
	line-height: 14px;
}

.fill_space {
	font-size: 4px;
	line-height: 4px;
}

table {
	font-size: 11px;
	color: #000000;
	line-height: 20px;
}



.headline2 {
	font-size: 12px;
	color:#000000;
	line-height: 18px;
	font-weight:bold;
}

.grau {
	color:#666666;
}

.footer {
	font-size: 10px;
	color: #000000;
	line-height: 13px;
}

hr {
 background-color:#0F3842; /* Mozilla 1.4 */
 color:#0F3842; /* IE 6 */
 border: #0F3842; /* Opera 7.11 */
 border: 0 none;
 height: 1px; /* in Opera fŸr die Anzeige nštig, in Mozilla fŸr die einheitliche Hšhe */
 }




a:link		{ font-family: Georgia, "Times New Roman", Times, serif; color:#000000; text-decoration:none; font-size:11px; }
a:visited	{ font-family: Georgia, "Times New Roman", Times, serif; color:#000000; text-decoration:none; font-size:11px; }
a:active	{ font-family: Georgia, "Times New Roman", Times, serif; color:#BE0030; text-decoration:none; font-size:11px; }
a:hover		{ font-family: Georgia, "Times New Roman", Times, serif; color:#BE0030; text-decoration:none; font-size:11px; }

a.eng:link		{ font-family: Georgia, "Times New Roman", Times, serif; color:#fff; text-decoration:none; font-size:11px; }
a.eng:visited	{ font-family: Georgia, "Times New Roman", Times, serif; color:#fff; text-decoration:none; font-size:11px; }
a.eng:active	{ font-family: Georgia, "Times New Roman", Times, serif; color:#BE0030; text-decoration:none; font-size:11px; }
a.eng:hover		{ font-family: Georgia, "Times New Roman", Times, serif; color:#BE0030; text-decoration:none; font-size:11px; }

a.main_menu:link		{ font-family: Georgia, "Times New Roman", Times, serif; color:#ffffff; text-decoration:none; font-size:11px; letter-spacing:1pt; line-height: 16px; font-weight:bold;}
a.main_menu:visited	{ font-family: Georgia, "Times New Roman", Times, serif; color:#ffffff; text-decoration:none; font-size:11px; letter-spacing:1pt; line-height: 16px; font-weight:bold;}
a.main_menu:active	{ font-family: Georgia, "Times New Roman", Times, serif; color:#BE0030; text-decoration:none; font-size:11px; letter-spacing:1pt; line-height: 16px; font-weight:bold;}
a.main_menu:hover		{ font-family: Georgia, "Times New Roman", Times, serif; color:#BE0030; text-decoration:none; font-size:11px; letter-spacing:1pt; line-height: 16px; font-weight:bold;}

a.menu:link		{ color: black; text-decoration:none;
	font: 11px/14px Georgia, "Times New Roman", Times, serif;
	letter-spacing: 1px;
}
a.menu:visited	{ color: black; text-decoration:none;
	font: 11px/14px Georgia, "Times New Roman", Times, serif;
	letter-spacing: 1px;
}
a.menu:active	{ color: black; text-decoration:none;
	font: 11px/14px Georgia, "Times New Roman", Times, serif;
	letter-spacing: 1px;
}
a.menu:hover 	{ color:#cf1018; text-decoration:none;
	font: 11px/14px Georgia, "Times New Roman", Times, serif;
	letter-spacing: 1px;
}

a.menu_aktiv:link		{ font-family: Georgia, "Times New Roman", Times, serif; color:#cf1018; text-decoration:none; font-size:11px; line-height: 14px; font-weight:bold;
	letter-spacing: 1px;
}
a.menu_aktiv:visited	{ font-family: Georgia, "Times New Roman", Times, serif; color:#cf1018; text-decoration:none; font-size:11px; line-height: 14px; font-weight:bold;
	letter-spacing: 1px;
}
a.menu_aktiv:active	{ font-family: Georgia, "Times New Roman", Times, serif; color:#cf1018; text-decoration:none; font-size:11px; line-height: 14px; font-weight:bold;
	letter-spacing: 1px;
}
a.menu_aktiv:hover 	{ font-family: Georgia, "Times New Roman", Times, serif; color:#cf1018; text-decoration:none; font-size:11px; line-height: 14px; font-weight:bold;
	letter-spacing: 1px;
}

a.sub_menu:link		{ font-family: Georgia, "Times New Roman", Times, serif; color: black; text-decoration:none; font-size:11px; line-height: 14px;
	padding-left: 15px;
}
a.sub_menu:visited	{ font-family: Georgia, "Times New Roman", Times, serif; color: black; text-decoration:none; font-size:11px; line-height: 14px;
	padding-left: 15px;
}
a.sub_menu:active	{ font-family: Georgia, "Times New Roman", Times, serif; color:#BE0030; text-decoration:none; font-size:11px; line-height: 14px;
	padding-left: 15px;
}
a.sub_menu:hover 	{ font-family: Georgia, "Times New Roman", Times, serif; color:#BE0030; text-decoration:none; font-size:11px; line-height: 14px;
	padding-left: 15px;
}

a.sub_menu_aktiv:link		{ font-family: Georgia, "Times New Roman", Times, serif; color: #BE0030; text-decoration:none; font-size:11px; line-height: 14px;
	padding-left: 15px;
}
a.sub_menu_aktiv:visited	{ font-family: Georgia, "Times New Roman", Times, serif; color: #BE0030; text-decoration:none; font-size:11px; line-height: 14px;
	padding-left: 15px;
}
a.sub_menu_aktiv:active	{ font-family: Georgia, "Times New Roman", Times, serif; color:#BE0030; text-decoration:none; font-size:11px; line-height: 14px;
	padding-left: 15px;
}
a.sub_menu_aktiv:hover 	{ font-family: Georgia, "Times New Roman", Times, serif; color:#BE0030; text-decoration:none; font-size:11px; line-height: 14px;
	padding-left: 15px;
}

a.content:link		{ font-family: Georgia, "Times New Roman", Times, serif; color:#000000; text-decoration:none; font-size:11px; line-height: 14px;}
a.content:visited	{ font-family: Georgia, "Times New Roman", Times, serif; color:#000000; text-decoration:none; font-size:11px; line-height: 14px;}
a.content:active	{ font-family: Georgia, "Times New Roman", Times, serif; color:#000000; text-decoration:none; font-size:11px; line-height: 14px;}
a.content:hover 	{ font-family: Georgia, "Times New Roman", Times, serif; color:#000000; text-decoration:none; font-size:11px; line-height: 14px;}

a.content4:link		{ font-family: Georgia, "Times New Roman", Times, serif; color:#000000; text-decoration:none; font-size: 14px; line-height: 20px;}
a.content4:visited	{ font-family: Georgia, "Times New Roman", Times, serif; color:#000000; text-decoration:none; font-size: 14px; line-height: 20px;}
a.content4:active	{ font-family: Georgia, "Times New Roman", Times, serif; color:#000000; text-decoration:none; font-size: 14px; line-height: 20px;}
a.content4:hover 	{ font-family: Georgia, "Times New Roman", Times, serif; color:#000000; text-decoration:none; font-size: 14px; line-height: 20px;}

a.content_link:link		{ font-family: Georgia, "Times New Roman", Times, serif; color:#295346; text-decoration:none; font-size:11px; line-height: 14px; font-weight:bold;}
a.content_link:visited	{ font-family: Georgia, "Times New Roman", Times, serif; color:#295346; text-decoration:none; font-size:11px; line-height: 14px; font-weight:bold;}
a.content_link:active	{ font-family: Georgia, "Times New Roman", Times, serif; color:#BE0030; text-decoration:none; font-size:11px; line-height: 14px; font-weight:bold;}
a.content_link:hover 	{ font-family: Georgia, "Times New Roman", Times, serif; color:#BE0030; text-decoration:none; font-size:11px; line-height: 14px; font-weight:bold;}

a.index:link		{ font-family: Georgia, "Times New Roman", Times, serif; color: white; text-decoration: none; font-size: 11px; line-height: 16px;}
a.index:visited	{ font-family: Georgia, "Times New Roman", Times, serif; color: white; text-decoration: none; font-size: 11px; line-height: 16px;}
a.index:active	{ font-family: Georgia, "Times New Roman", Times, serif; color: white; text-decoration: none; font-size: 11px; line-height: 16px;}
a.index:hover 	{ font-family: Georgia, "Times New Roman", Times, serif; color: white; text-decoration: none; font-size: 11px; line-height: 16px;}

#aktuell {position: absolute; top: 20px; left: 20px; height: 100px; width: 220px; padding: 0px; margin: 0px; z-index: 5;
	color: #f30000;
}

#stalin {position: absolute; top: 0px; right: 0px; height: 200px; width: 164px; padding: 0px; margin: 0px; z-index: 0;}

#index {position: absolute; top: 100px; left: 0px; height: 534px; width: 981px; padding: 0px; margin: 0px; z-index: 0;}

#link {position: absolute; top: 570px; left: 15px; height: 60px; width: 600px; padding: 0px; margin: 0px; z-index: 2;
	color: #ffffff;
}

#start {position: absolute; top: 25px; left: 15px; height: 60px; width: 600px; padding: 0px; margin: 0px; z-index: 1; text-align: left;
	font-size: 13px;
	line-height: 18px;
}

#eng {position: absolute; top: 233px; left: 650px; height: 15px; width: 100px; padding: 0px; margin: 0px; z-index: 101; text-align: left;}

#start_menu {position: absolute; top: 590px; left: 170px; height: 150px; width: 900px; padding: 0px; margin: 0px; z-index: 1; color:#ffffff;}

#zitat_bz {position: absolute; top: 25px; left: 190px; height: 150px; width: 550px; padding: 0px; margin: 0px; z-index: 1; font-size: 14px; color:#ffffff; line-height: 17px; text-align: right;}

#zitat_maass {position: absolute; top: 25px; left: 260px; height: 150px; width: 500px; padding: 0px; margin: 0px; z-index: 1; font-size: 11px; color:#ffffff;}

#start_bottom_pict {position: absolute; top: 525px; left: 0px; height: 130px; width: 445px; padding: 0px; margin: 0px; z-index: 1;}

#start_logo {position: absolute; top: 212px; left: 46px; height: 161px; width: 232px; padding: 0px; margin: 0px; z-index: 2}

#main_menu {position: absolute; top: 45px; left: 653px; height: 175px; width: 170px; padding: 0px; margin: 0px; z-index: 1}

#head_pict {position: absolute; top: 0px; left: 200px; height: 150px; width: 445px; padding: 0px; margin: 0px; z-index: 1;}

#logo {position: absolute; top: 0px; left: 0px; height: 62px; width: 63px; padding: 0px; margin: 0px; z-index: 1}



#relief {position: absolute; top: 160px; left: 260px; height: 367px; width: 520px; padding: 0px; margin: 0px; z-index: 1}

#menu {position: absolute; top: 330px; left: 0px; height: 62px; width: 227px; padding: 0px; margin: 0px; z-index: 1;}

.kursiv_eng {
	font-style: italic;
	color: maroon;
}

#content_menu {position: absolute; top: 160px; left: 208px; height: 40px; width: 445px; padding: 0px; margin: 0px; z-index: 1}

#laender_content {position: absolute; top: 205px; left: 210px; height: 400px; width: 430px; padding: 0px; margin: 0px; z-index: 1}

#rb_content {position: absolute; top: 180px; left: 210px; height: 400px; width: 430px; padding: 0px; margin: 0px; z-index: 1}

#content0 {position: absolute; top: 117px; left: 250px; height: 40px; width: 450px; padding: 0px; margin: 0px; z-index: 1}

#content {position: absolute; top: 160px; left: 250px; height: 40px; width: 450px; padding: 0px; margin: 0px; z-index: 1}

#content1 {position: absolute; top: 278px; left: 250px; height: 40px; width: 450px; padding: 0px; margin: 0px; z-index: 1}

#content2 {position: absolute; top: 168px; left: 250px; height: 40px; width: 450px; padding: 0px; margin: 0px; z-index: 1}

#content3 {position: absolute; top: 168px; left: 250px; height: 40px; width: 450px; padding: 0px; margin: 0px; z-index: 1}

#content4 {position: absolute; top: 318px; left: 250px; height: 40px; width: 450px; padding: 0px; margin: 0px; z-index: 1;
	font-size: 13px;
}

#interncontent {position: absolute; top: 0px; left: 0px; width: 420px; padding: 0px; margin: 0px; z-index: 1}

#map {position: absolute; top: 115px; left: 200px; height: 338px; width: 378px; padding: 0px; margin: 0px; z-index: 0}

#footer{position:absolute; bottom:0; left:0; width:100%; height:<length>; z-index: 2;}

.hidden-container {
	display: none;
}


.toggler {
	color: #222;
	margin: 0;
	padding: 2px 5px;
	background: #eee;
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-top: 1px solid #f5f5f5;
	border-left: 1px solid #f5f5f5;
	font-size: 11px;
	font-weight: normal;
	font-family: 'Andale Mono', sans-serif;
}

.element {

}

.element p {
	margin: 0;
	padding: 4px;
}

.float-right {
	padding:10px 20px;
	float:right;
}

blockquote {
	text-style:italic;
	padding:5px 0 5px 30px;
}

#layer1, #layer2, {
width: 280px;
background-color: #dfdfdf;
border-bottom: 1px solid #8daebf;
padding: 5px;
}

#layer1, #layer2, {
display: none;
}

a.expand {
display: block;
margin-top: 8px;
text-decoration: none;
color: #708ba4;
}

a.expand:hover {
color: #c0dbf4;
}