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}.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}.ie7 img{-ms-interpolation-mode:bicubic}.ie8 img{width: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%}
#colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden;-webkit-transform:translate3d(0,0,0)}#cboxWrapper{max-width:none}#cboxOverlay{position:fixed;width:100%;height:100%}#cboxMiddleLeft,#cboxBottomLeft{clear:left}#cboxContent{position:relative}#cboxLoadedContent{overflow:auto;-webkit-overflow-scrolling:touch}#cboxTitle{margin:0}#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;height:100%}#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer}.cboxPhoto{float:left;margin:auto;border:0;display:block;max-width:none;-ms-interpolation-mode:bicubic}.cboxIframe{width:100%;height:100%;display:block;border:0;padding:0;margin:0}#colorbox,#cboxContent,#cboxLoadedContent{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}#cboxOverlay{background:#000;opacity:.9;filter:alpha(opacity = 90)}#colorbox{outline:0}#cboxContent{margin-top:20px;background:#000}.cboxIframe{background:#fff}#cboxError{padding:50px;border:1px solid #ccc}#cboxLoadedContent{border:5px solid #000;background:#fff}#cboxTitle{position:absolute;top:-20px;left:0;color:#ccc}#cboxCurrent{position:absolute;top:-20px;right:0;color:#ccc}#cboxLoadingGraphic{background:url(../../assets/colorbox/images/loading.gif) no-repeat center center}#cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose{border:0;padding:0;margin:0;overflow:visible;width:auto;background:0 0}#cboxPrevious:active,#cboxNext:active,#cboxSlideshow:active,#cboxClose:active{outline:0}#cboxSlideshow{position:absolute;top:-20px;right:90px;color:#fff}#cboxPrevious{position:absolute;top:50%;left:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top left;width:28px;height:65px;text-indent:-9999px}#cboxPrevious:hover{background-position:bottom left}#cboxNext{position:absolute;top:50%;right:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top right;width:28px;height:65px;text-indent:-9999px}#cboxNext:hover{background-position:bottom right}#cboxClose{position:absolute;top:5px;right:5px;display:block;background:url(../../assets/colorbox/images/controls.png) no-repeat top center;width:38px;height:19px;text-indent:-9999px}#cboxClose:hover{background-position:bottom center}
.sharebuttons {
	overflow:hidden;
}

.sharebuttons > ul.theme {
	list-style-type:none;
	margin:-4px;
	padding:0;
}

.sharebuttons > ul.theme:after {
	content:"";
	display:block;
	clear:both;
}

.sharebuttons > ul.theme > li {
	float:left;
}

.sharebuttons > ul.theme > li > a {
	margin:4px;
	display:block;
	white-space:nowrap;
	overflow:hidden;
	text-indent:101%;
	background-repeat:no-repeat;
	background-position:center;
}

.sharebuttons > ul.text > li > a {
	text-indent:0;
}

/* source: http://simpleicons.org/ */

.sharebuttons > ul.simpleicons_white > li > a {
	width:32px;
	height:32px;
	background-image:url('../../system/modules/sharebuttons/assets/simpleicons/sprites-white-32.png');
}

.sharebuttons > ul.simpleicons_white > li > a.facebook {
	background-position:-40px 0;
}

.sharebuttons > ul.simpleicons_white > li > a.twitter {
	background-position:-160px 0;
}

.sharebuttons > ul.simpleicons_white > li > a.gplus {
	background-position:-80px 0;
}

.sharebuttons > ul.simpleicons_white > li > a.linkedin {
	background-position:-120px 0;
}

.sharebuttons > ul.simpleicons_white > li > a.xing {
	background-position:-200px 0;
}

.sharebuttons > ul.simpleicons_white > li > a.mail {
	background-position:0 0;
}

.sharebuttons > ul.simpleicons_white > li > a.tumblr {
	background-position:-240px 0;
}

.sharebuttons > ul.simpleicons_white > li > a.pinterest {
	background-position:-280px 0;
}

.sharebuttons > ul.simpleicons_white > li > a.reddit {
	background-position:-320px 0;
}

.sharebuttons > ul.simpleicons_white > li > a.whatsapp {
	background-position:-360px 0;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3),
       only screen and (-o-min-device-pixel-ratio: 13/10),
       only screen and (min-resolution: 120dpi) 
{
	.sharebuttons > ul.simpleicons_white > li > a {
		background-size:auto 32px;
		background-image:url('../../system/modules/sharebuttons/assets/simpleicons/sprites-white-64.png');
	}
}

@charset "utf-8";
/* CSS Document */

@media print{
	body{height:101%;font-family: 'Open Sans', sans-serif; font-size:large; color:#747474; line-height:1.7;}
.clearfix{clear:both;}

h1{margin:30px 0 20px;color:#0d0d0d; font-family: Georgia, "Times New Roman", Times, serif;font-weight:400;font-size:2.0rem;}
h1.teaser-title{display:none;}
h2{margin:20px 0 10px;color:#0d0d0d;font-family: Georgia, "Times New Roman", Times, serif;font-weight:400;}
h3{margin:20px 0 10px;color:#0d0d0d;font-family: Georgia, "Times New Roman", Times, serif;font-weight:400;}

.mod_customnav, .mod_navigation{display:none;}

a, a:link, a:visited{color:#000000; text-decoration:none;}

a.link-ext:after{content: ""; font-family: FontAwesome; font-style: normal; font-weight: normal; padding-left: 0.2em; text-decoration: inherit;}
a[href^="mailto"]:before{content: "";font-family: FontAwesome; font-style: normal; font-weight: normal; padding-right: 0.3em; text-decoration: inherit;}
.fa-phone:before{ content: "";font-family: FontAwesome; font-style: normal; font-weight: normal; padding-right: 0.3em; text-decoration: inherit;}
.oeffnungszeit:before{content: "\f017";font-family: FontAwesome; font-size:250%;font-style: normal; font-weight: normal; padding-right: 0.3em; text-decoration: inherit;}
.adresse:before{content: "\f041";font-family: FontAwesome; font-size:250%;font-style: normal; font-weight: normal; padding-right: 0.3em; text-decoration: inherit;}
.share:before{content: "\f1e0";font-family: FontAwesome; font-size:250%;font-style: normal; font-weight: normal; padding-right: 0.3em; text-decoration: inherit;}
.info:before{content: "\f129";font-family: FontAwesome; font-size:250%;font-style: normal; font-weight: normal; padding-right: 0.3em; text-decoration: inherit;}
.fa-arrow-up{font-family:FontAwesome;font-size:150%;background:#ffffff;padding:7px; border-radius:100%;color:#d05d28;}
.fa-globe:before{font-family: FontAwesome;font-style: normal; font-weight: normal; padding-right: 0.3em; text-decoration: inherit;}
.map:before{content:"";font-family: FontAwesome;font-style: normal; font-weight: normal; padding-right: 0.3em; text-decoration: inherit;}



.logo{width:20%;min-width:300px;margin:20px 0;}
.logo img{width:100%; height:auto;}

#header .inside, #footer .inside{width:100%;margin:0 auto;}
#header .inside{padding-top:0;}
#header{padding:10px 0;position:relative;border-bottom:0px solid #ffffff;}


.ce_text.team .image_container{margin-right:40px; float: left;width: 200px;}
.ce_text.team {margin: 30px 0 60px 0;}

.ce_text.team h3{margin:10px 0;}
.ce_text.team p{margin:0;}
.ce_text ul{padding-left:20px;}
.ce_text ul li{list-style:square;line-height:1.2} 


.projekte .mod_article.projekt img{width: 33%;}
.mod_article.projekt h2 {display: none;}
.teaser_linktext{display:none;}

/*-------------tabelle--------------*/
table{display:table;table-layout:fixed;width:100%;border-top:3px solid #d05d28;}
td, th{min-width:150px;display:table-cell;padding:5px 15px;}
td{background-color:#ffffff;border-bottom:1px solid  #404040;}
th{background-color:#eaeaea; border-bottom:1px solid  #404040;}
table a, table a:link, table a:visited{color:#404040;}
table a:hover{color: #d05d28;}
.ce_text{margin-bottom:60px;}


/*-------------------footer--------------------*/
#footer{width:100%; background:none;border-top:2px solid #0d0d0d;margin-top:50px;}
#footer .ce_form{display:none;}
.mod_sharebuttons{display:none;}

#footer a, #footer a:link, #footer a:visited{text-decoration:none;color:#d05d28;} 

#footer h3{color:#d05d28; margin:20px 0 10px;}

#toTop{display:none;}
.fa-arrow-up{display:none;}
	}


@charset "utf-8";
/* CSS Document */
@media screen{
	/*-----hellgrau #f2f2f2, grau #d9d9d9, orange #d05d28, dunkelgrau #404040, schwarz #0d0d0d---font-family: 'Quicksand', sans-serif -- font-family: 'Source Sans Pro', sans-serif, font-family: 'Alegreya', serif; --*/
* {margin: 0; padding: 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
html{height:100%;}
body{height:101%;font-family: 'Open Sans', sans-serif; font-size:large; color:#747474; line-height:1.6;}
.clearfix{clear:both;}

*{-moz-hyphens: auto;   -o-hyphens: auto;   -webkit-hyphens: auto;   -ms-hyphens: auto;   hyphens: auto;}

h1{margin:30px 0 30px;color:#0d0d0d; font-weight:700;font-size:2.8rem;line-height:1.2;}
h1.teaser-title{font-size:1.2rem; color:#d05d28;font-weight:600;}
h2{margin:20px 0 30px;color:#0d0d0d;font-weight:600; font-size:2.0rem;line-height:1.2;}
h3{margin:20px 0 30px;color:#0d0d0d;font-weight:600;font-size:1.8rem;line-height:1.2;}
h4{margin:20px 0 30px;color:#0d0d0d;font-weight:400;font-size:1.5rem;line-height:1.2;}

p.wichtig{color:#d05d28; font-weight:bold;}
.ce_text p{margin:0 0 10px;}

a, a:link, a:visited{color:#0d0d0d;text-decoration:none;}
a:hover, a:active, a:focus{color:#d05d28;}

.logo{width:20%;min-width:300px;margin:20px 0 20px 10%;}
.logo img{width:100%; height:auto;}
#main .inside{width:80%;margin:100px auto;}
#footer #kontaktinfo{width:80%;margin:50px auto 100px;}


/*-a[href^="tel"] {color: inherit; text-decoration: none;}-*/
/*-a[href^="mailto"] {color: inherit; text-decoration: none;}-*/

a.extern:after{content: ""; font-family: FontAwesome; font-style: normal; font-weight: normal; padding-left: 0.2em; text-decoration: inherit;}
a[href^="mailto"]:before{content: "";font-family: FontAwesome; font-style: normal; font-weight: normal; padding-right: 0.3em; text-decoration: inherit;}
.fa-phone:before{ content: "";font-family: FontAwesome; font-style: normal; font-weight: normal; padding-right: 0.3em; text-decoration: inherit;}
.oeffnungszeit:before{content: "\f017";font-family: FontAwesome; font-size:250%;font-style: normal; font-weight: normal; padding-right: 0.3em; text-decoration: inherit;}
.adresse:before{content: "\f041";font-family: FontAwesome; font-size:250%;font-style: normal; font-weight: normal; padding-right: 0.3em; text-decoration: inherit;}
.share:before{content: "\f1e0";font-family: FontAwesome; font-size:250%;font-style: normal; font-weight: normal; padding-right: 0.3em; text-decoration: inherit;}
.info:before{content: "\f129";font-family: FontAwesome; font-size:250%;font-style: normal; font-weight: normal; padding-right: 0.3em; text-decoration: inherit;}
.fa-arrow-up{font-family:FontAwesome;font-size:150%;background:#ffffff;padding:7px; border-radius:100%;color:#d05d28;}
.fa-globe:before{font-family: FontAwesome;font-style: normal; font-weight: normal; padding-right: 0.3em; text-decoration: inherit;}
.map:before{content:"";font-family: FontAwesome;font-style: normal; font-weight: normal; padding-right: 0.3em; text-decoration: inherit;}


/*------------------servicenavi-------------------*/
.mod_customnav{width:80%;font-size:90%;}
.mod_customnav ul{margin:20px 10% 0 0;}
.mod_customnav a, .mod_customnav a:link, .mod_customnav a:visited{color:#404040;text-decoration:none;} 
.mod_customnav li.active{color:#d05d28;border-bottom:2px solid #d05d28;padding:0 0 5px 0;}
.mod_customnav li a:hover{color:#d05d28;}
.mod_customnav ul{list-style:none;position:absolute;right:0;}
.mod_customnav ul li{display:inline;padding:0 10px;}


/*---------------mainnavi----------------------------*/
h3.menu-toggle{display:none;}
.mod_navigation{background:#404040;padding:20px 0;font-size:1.2rem;text-transform:uppercase;font-weight:600;hyphens: auto;hyphenate-limit-chars: auto 3;hyphenate-limit-lines: 4;webkit-hyphens: auto;-webkit-hyphenate-limit-chars: auto 3;-webkit-hyphenate-limit-lines: 4;-ms-hyphens: auto;-ms-hyphenate-limit-chars: auto 3;-ms-hyphenate-limit-lines: 4;}
.mod_navigation ul{list-style:none; width:80%; margin:0 auto;}
.mod_navigation ul li{display:inline-block;width:24%; text-align:center;}
.mod_navigation a, .mod_navigation a:link, .mod_navigation a:visited{color:#f2f2f2;text-decoration:none;}
.mod_navigation li.active, .mod_navigation li a.trail{color: #d05d28;}


#header_pic.spenglerei-blitzschutz{background-image:url("/files/files/header/spenglerei.jpg");}
#header_pic.sanitare-anlagen{background-image:url("/files/files/header/sanitaere-anlagen.jpg");}
#header_pic.solaranlagen{background-image:url("/files/files/header/solar.jpg");}
#header_pic.wasserversorgung{background-image:url("/files/files/header/wasserversorgung.jpg");}

.parallax{ height:500px; background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover;}
#header_pic.sortiment.parallax, #header_pic.uber-uns.parallax, #header_pic.kontakt.parallax, #header_pic.spenglerhandwerk.parallax, #header_pic.danke.parallax, #header_pic.impressum.parallax{display:none;}


#main{position:relative;margin:0 auto;float:none;}
.home .slogan{background-color: hsla(0, 0%, 85%, 0.6);padding:20px 40px;margin:0 auto;position:absolute; top:-300px; left:10%;width:auto;}
#slogan_wagner{position:relative;}
.home .slogan h1{text-transform:uppercase;color:#0d0d0d; font-size:2.4rem;margin:10px 0;}
.home .slogan p{color:#f2f2f2;font-size:1.8rem;}

/*-----------------main------------------------*/

a, span, img, figure {-moz-transition: all .5s;-webkit-transition: all .5s; transition: all .5s;}

.ce_teaser.teaser_spenglerei{margin:1% 1% 1% 0;}
.ce_teaser.teaser_solar{margin:1%;}
.ce_teaser.teaser_sanitaer{margin:1%;}
.ce_teaser.teaser_wasser{margin:1% 0 1% 1%;}
.ce_teaser{width: calc(25% - 2%);display:inline-block;text-align:center;vertical-align: top;padding:10px;background:#f2f2f2;}
.ce_teaser p{hyphens: auto;hyphenate-limit-chars: auto 3;hyphenate-limit-lines: 4;webkit-hyphens: auto;-webkit-hyphenate-limit-chars: auto 3;-webkit-hyphenate-limit-lines: 4;-ms-hyphens: auto;-ms-hyphenate-limit-chars: auto 3;-ms-hyphenate-limit-lines: 4;}
.ce_teaser p.more a,  p.back a, p.more a{padding:10px;color:#d05d28; text-decoration:none;border:2px solid #d05d28;}
.ce_teaser p.more a:hover, p.back a:hover, p.more a:hover{background:#d05d28; color:#f2f2f2;}
.ce_teaser .more, .back, p.more{margin:20px 0;}



.half h1, .half h2{-webkit-column-span:all; -moz-column-span:all; column-span:all;}
.half{-webkit-column-count:2; -webkit-column-gap:80px; -webkit-column-rule-width:1px; -webkit-column-rule-color:#a0a0a0; -webkit-column-rule-style:solid; -webkit-hyphens:auto; -moz-column-count:2; -moz-column-gap:80px; -moz-column-rule-width:1px; -moz-column-rule-color:#a0a0a0; -moz-column-rule-style:solid; -moz-hyphens: auto; column-count:2; column-gap:80px; column-rule-width:1px; column-rule-color:#a0a0a0; column-rule-style:solid; hyphens:auto;}
.half p{margin:0; padding:0;}
.ce_download{padding:10px 0;}
.half p.back, .half p.more{margin:20px 0;}

/*-------------------news------------------*/

.news .image_container{margin-bottom:30px;}

/*--------------team--------------------*/
.ce_text.team{margin:0 0 60px 0;}
.ce_text.team .image_container{margin-right:40px;}
.ce_text.team h4{margin:10px 0;}
.ce_text.team p{margin:0;}
.ce_text ul{padding-left:20px;}
.ce_text ul li{line-height:1.7; list-style-type:square;} 
.ce_text ul li::marker{color:#d05d28;}
.ce_image.team{width:100%; float:none;padding:0;margin:0 0 60px;}


.shadow:before, .shadow:after{content: ""; position:absolute; z-index:0; bottom:15px; left:10px; width:50%; height:20%; -webkit-box-shadow:0 15px 10px hsla(0, 0%, 0%, 0.4); box-shadow:0 15px 10px hsla(0, 0%, 0%, 0.4); -webkit-transform: rotate(-3deg); -ms-transform: rotate(-3deg); transform: rotate(-3deg);}
.shadow:after{-webkit-transform:rotate(3deg);-ms-transform:rotate(3deg);transform:rotate(3deg);right:10px;left:auto;z-index:-1;}

/*-----------Gallery----------------*/
.ce_gallery ul li {width: 31.3%;}
.col_0{margin: 1% 2% 1% 0;}
.col_1{margin: 1%;}
.col_2{margin: 1% 0 1% 2%;}

img{display:block; max-width:100%; height:auto;}
.ce_gallery img{ -moz-opacity: 1; -webkit-opacity: 1; opacity: 1; -moz-transition: opacity .5s; -webkit-transition: opacity .5s; transition: opacity .5s; -moz-transition: all .5s; -webkit-transition: all .5s; transition: all .5s;}
.ce_gallery img:hover{-moz-opacity: .5; -webkit-opacity: .5; opacity: .5; -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1);   transform: scale(1.1);}
figure{overflow:hidden}

iframe{border:0;max-width:100%;}


/*-------------tabelle--------------*/
table{display:table;table-layout:fixed;width:100%;border-top:3px solid #d05d28;}
td, th{min-width:150px;display:table-cell;padding:5px 15px;}
td{background-color:#ffffff;border-bottom:1px solid  #404040;}
th{background-color:#eaeaea; border-bottom:1px solid  #404040;}
table a, table a:link, table a:visited{color:#404040;}
table a:hover{color: #d05d28;}
.ce_text{margin-bottom:60px;}
td.tag{width:40%;}
td.zeit{width:60%;}
td.jahr{width:40%;}
td.ereignis{width:60%;}


/*------------------formular-----------------------------*/
#main .ce_form{width:50%;}
#main input.text, #main .captcha, #main textarea, #main .submit{padding:10px;margin:0 0 15px;}
#main label{display:block;}
#main textarea{font-family: 'Source Sans Pro', sans-serif;font-size:large;}
#main input, #main textarea{width:100%;}
#main .submit{border:2px solid #d05d28;color:#d05d28;padding:10px; margin:10px 0;background-color:transparent;font-size:100%;}
#main .submit:hover{background:#d05d28;color:#f2f2f2;}
#main .explanation{font-size:0.8rem;}
#main .explanation h3{font-size:1.5rem;}


/*-------------------footer--------------------*/
#footer{background:#404040;color:#f2f2f2;}
.footerbox3, .footerbox6{float:left;}
.footerbox3{width:40%;}
.footerbox6{width:60%;}
.share_box{background:#0d0d0d;margin:0 auto;}
.mod_sharebuttons{width:100%; text-align:center;padding:20px 0;background:#0d0d0d;}
#footer .sharebuttons ul{margin:0 auto; width:200px;}
#footer #partner{width:100%;margin:0 auto;padding:20px 10% 50px; background:#ffffff;}


#footer #partner .ce_hyperlink .image_container img{padding:10px;border:1px solid #404040;opacity:1;}
#footer #partner .ce_hyperlink .image_container img:hover{border:1px solid #404040;opacity:0.2;}



#impressum.ce_hyperlink{padding:12px 0;}
#impressum.ce_hyperlink a, #impressum.ce_hyperlink a:link, #impressum.ce_hyperlink a:visited{border:2px solid #d05d28;color:#d05d28;padding:10px; background-color:transparent;font-size:100%;}
#impressum.ce_hyperlink a:hover{background:#d05d28;color:#f2f2f2;}

/*------------------footer formular------------------*/
#footer input.text, #footer .captcha, #footer textarea, #footer .submit{padding:10px;margin:10px 0;border:none;-moz-border-radius: 2px;-webkit-border-radius: 2px;border-radius:2px;}
#footer input.text:hover, #footer textarea.textarea:hover{color:#f2f2f2;}
#footer textarea{font-family: 'Source Sans Pro', sans-serif;font-size:large;}
#footer input, #footer textarea{background-color: hsla(359, 0%, 100%, 0.2);width:80%;}
#footer .submit{border:2px solid #d05d28;color:#d05d28;padding:10px; margin:10px 0;background-color:transparent;font-size:100%;}
#footer .submit:hover{background:#d05d28;color:#f2f2f2;}
#footer a, #footer a:link, #footer a:visited{text-decoration:none;color:#f2f2f2;} 
#footer a:hover{color:#d05d28;}
#footer h3{color:#d05d28; margin:20px 0 10px;}
/*----------to top----------*/
#toTop{display: none; position: fixed; bottom: 5px; right: 5px; width: 64px; height: 64px; opacity: 0.4; filter: alpha(opacity=40); /* For IE8 and earlier */ z-index:100;}
#toTop:hover{opacity: 0.8; filter: alpha(opacity=80); /* For IE8 and earlier */}
	}

@media screen and (max-width: 1700px){
	.mod_navigation{font-size:1.0rem;}
	}
	
@media screen and (max-width:1400px){
	.ce_teaser{width: calc(50% - 2%);}
	.home .slogan {top: -200px;}
	.home .slogan h1{font-size:1.8rem;}
	home .slogan p{font-size:1.5rem;}
	.mod_customnav{width:100%;}
	.mod_customnav ul{position:static;margin:10px auto 30px;text-align:center;}
	.logo{margin:0 auto;}
	}	
	
@media screen and (max-width: 960px){
	h1{font-size:2.0rem;}
h2{font-size:1.8rem;}
h3{font-size:1.5rem;}

a, a:link, a:visited{color:#0d0d0d;text-decoration:none;}
a:hover, a:active, a:focus{color:#d05d28;}

.logo{margin:0 auto;}

.mod_customnav{width:100%;}
.mod_customnav ul{position:static;margin:10px auto 30px;text-align:center;}
.mod_customnav ul li{display:inline-block; margin:10px 20px;}
.mod_customnav li.active{padding:0 0 2px 0;}


/*------navigation toggle-------*/

.menu-toggle{display:none;}
.js .menu-toggle{display:block;cursor:pointer;}
.js #navi ul{display:none;}
#navi ul.toggled-on{display:block;}
#navi ul.toggled-on li, .no-js #navi li{display:block;}
[data-icon]:before{content:attr(data-icon); speak:none; display:inline-block; font-size:300%;}
.screen-reader-text{position:relative; top:-15px; left:20px;}
.mod_navigation h3{margin:0; padding-left:3%;color:#d05d28;}


.mod_navigation{font-size:1.0rem;}
.mod_navigation ul{width:100%;}
.mod_navigation ul li{display:block;width:100%;text-align:left;padding:15px 0 15px 3%;border-bottom:1px solid #d05d28;}


.home .slogan{position:relative;top:0; background-color: hsla(0, 0%, 85%, 1.0);left:0; width:100%;}
.home .slogan{padding:10px 20px;}
.home .slogan h1{font-size:1.5rem;margin-left:10%;}
.home .slogan p{margin-left:10%;}

.ce_teaser{width:calc(50% - 2%);}

.ce_text.team {margin: 0 0 60px 0;}
.ce_text.team .image_container {float:none;}

/*--------------spalten------------------*/
.half h1, .half h2{-webkit-column-span:all; -moz-column-span:all; column-span:all;}
.half{-webkit-column-count:1; -webkit-column-gap:80px; -webkit-column-rule-width:1px; -webkit-column-rule-color:#a0a0a0; -webkit-column-rule-style:solid; -webkit-hyphens:auto; -moz-column-count:1; -moz-column-gap:80px; -moz-column-rule-width:1px; -moz-column-rule-color:#a0a0a0; -moz-column-rule-style:solid; -moz-hyphens: auto; column-count:1; column-gap:80px; column-rule-width:1px; column-rule-color:#a0a0a0; column-rule-style:solid; hyphens:auto;}
.half p{margin:20px 0 10px; padding:0;}
.ce_download{padding:10px 0;}
.half p.back{margin-top:20px;}


/*-----------Gallery----------------*/
.ce_gallery ul li {width: 98%;}
.col_0{margin: 1%;}
.col_1{margin: 1%;}
.col_2{margin: 1%;}

/*-------------formular------------------*/
#main .ce_form{width:100%;}

/*-------------tabelle--------------*/
table{display:table;table-layout:fixed;width:100%;border-top:3px solid #d05d28;}
tr{border-bottom:2px solid #000000;}
td, th{float:left; width:100% !important;}
td{background-color:#ffffff;border-bottom:2px solid #eaeaea;}
th{background-color:#eaeaea; border-bottom:2px solid #fff;}


.table-scrollable{width: 100%; overflow-x:auto; margin: 0 0 1em;}
.table-scrollable::-webkit-scrollbar{-webkit-appearance: none;  width: 14px;  height: 14px;}
.table-scrollable::-webkit-scrollbar-thumb{border-radius: 8px;  border: 3px solid #fff;  background-color: rgba(0, 0, 0, .3);}


.footerbox3, .footerbox6{float:none;}
.footerbox3{width:100%;}
.footerbox6{width:100%;}
	}	
	
@media screen and (max-width: 600px){
	#header_pic, .mod_rocksolid_slider, #slogan_wagner{display:none;}
	.home .mod_article.first.slogan{display:none;}

	.mod_navigation{padding:0;}
	.ce_teaser{width:100%; float:none;}

	main .inside{margin:30px auto;}
	.ce_image{width:100%;float:none;}
	}	
	
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape){
	.parallax{ height:300px; background-attachment: scroll; background-position: center; background-repeat: no-repeat; background-size: cover;}
	}