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}.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%}
.mobile_menu{position:fixed;z-index:100;display:none}.mobile_menu .inner{height:100%;background:#000;overflow-y:scroll}.mobile_menu.active.position_left{box-shadow:2px 0 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.position_top{box-shadow:0 2px 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.position_right{box-shadow:-2px 0 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.position_bottom{box-shadow:0 -2px 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.no_shadow{box-shadow:none!important}.mobile_menu_trigger{display:none}.mobile_menu_wrapper{position:relative;width:100%;overflow:hidden}.mobile_menu_overlay{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:99}.mobile_menu_overlay.background{background:rgba(0,0,0,.5)}.mobile_menu li.submenu_hide>ul{display:none}.mobile_menu li.submenu_show>ul{display:block}body.ie8 .mobile_menu,body.ie8 .mobile_menu_trigger,body.ie9 .mobile_menu,body.ie9 .mobile_menu_trigger{display:none!important}
#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}

    @import url("https://fast.fonts.net/lt/1.css?apiType=css&c=404e5e70-f30a-4d6a-8419-670fd5f155e6&fontids=1178043,1178047");
    @font-face{
        font-family:"Metro Nova W04 Regular";
        src:url("/files/kirschmann/theme/Fonts/1178043/0beca509-b62a-49c5-bc79-57344e00c5ae.woff2") format("woff2"),url("../../files/kirschmann/theme/css/Fonts/1178043/969ff0b9-0f7c-4b65-a9c2-839849ffb133.woff") format("woff");
    }
    @font-face{
        font-family:"Metro Nova W04 Bold";
        src:url("/files/kirschmann/theme/Fonts/1178047/e0cadafe-af3d-4d26-bc6b-3e272ebfb87a.woff2") format("woff2"),url("../../files/kirschmann/theme/css/Fonts/1178047/a8179324-e684-440f-a7c4-42006055da74.woff") format("woff");
    }

html, body{
height: 100%;
margin: 0;
}

body {
font-family: "Metro Nova W04 Regular",sans-serif, Helvetica;
	font-style: normal;
	font-weight: 400;
	line-height: 1.5em;
    color:#212121;
animation:fadein 0.75s;
-moz-animation:fadein 0.75s;
-webkit-animation:fadein 0.75s;
}


@keyframes fadein{
from{opacity:0;}to{opacity:1;}}@-moz-keyframes fadein{from{opacity:0;}to{opacity:1;}}@-webkit-keyframes fadein{from{opacity:0;}to{opacity:1;}}@-o-keyframes fadein{from{opacity:0;}to{opacity:1;}
}
#header {
    height:200px;
}

#header .inside {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    padding: 40px;
}

.logo {    

    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    -webkit-align-items: center;}

.logo img{
   height:140px;
}

.kirschmann {
    font-size: 40px;
    font-weight: 700;
}
.wasser {
    font-size: 24px;
}

.infos {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    -webkit-align-items: center;
}

#wrapper {
    max-width: 1920px;
    margin: 0 auto;
}

.mod_article {
    padding: 20px 0 60px 0;
}

#container .row .right {
    margin: 0 40px;

}

.startteaser a {
color: #fff;
}

.startteaser {grid-gap: 0;}
.box {
    position:relative;
    overflow:hidden;
}

.box .span {position: absolute;}
.box .headline {    
    position: absolute;
    bottom: 60px;
    left: 40px;
    font-size: 69px;
    font-weight: 600;
    color: #fff;
    text-transform: uppercase;}

.box .txt {
    position: absolute;
    top: 10%;
    font-size: 20px;
    color: #fff;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.box .txt span {
    padding: 3% 40% 5% 13%;
    min-width: 200px;
}
.box .txt span:nth-child(2n+1) {
    padding: 3% 40%;
}

.box.onethird.wir {
    background: #141012;
}

.box.onethird {
    min-height:98.8%;
}
.box .headline a {
    color: #fff;
    text-decoration: none;
    background: url(/files/kirschmann/theme/img/arrow.svg) right center no-repeat;
    padding-right: 80px;
    background-size: 60px;
}
.text {
   color: #fff;
   font-size:1.25em;
   line-height:1.25em;
   font-weight: 600;
   padding: 10% 40px 0 40px;
}

.box.onethird.wir .headline {
    bottom:16%;
    left:40px;
}

.kont {
    background: #141012;
    padding: 5px 15px;
    color: #fff;
}
.telefon {
    background: #034DA9;
    padding:5px 15px;
    color: #fff;
    text-decoration: none;
}
.mail {
    background: #D62313;
    padding: 5px 15px;
    color: #fff;
    text-decoration: none;
}

.kontakt div:nth-child(2) {
    margin: 8px 0 10px 0;
}


.btn_telefon {
    background: #fff;
    padding: 20px;
    border: 0;
    box-shadow: #bbb 3px 3px 3px;
    font-size: 1.5em;
    margin: 0 2% 2% 0;
    border: 10px solid;
    border-image-slice: 1;
    border-width: 5px;
    border-image-source: linear-gradient(to left, #D62313, #034da9);
}

.btn_mail {
    background: #fff;
    padding: 20px;
    border: 0;
    box-shadow: #bbb 3px 3px 3px;
    font-size: 1.5em;
    margin: 0 2% 2% 0;
    border: 10px solid;
    border-image-slice: 1;
    border-width: 5px;
    border-image-source: linear-gradient(to left, #D62313, #034da9);
}

a .btn_telefon,  a .btn_mail {
    text-decoration:none;
    color:#141012;
    -o-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
}


a .btn_telefon:hover, a .btn_telefon:focus, a .btn_mail:hover, a .btn_mail:focus {
    color: #fff;
    cursor: pointer;
    background: rgb(3,77,169);
    background: -moz-linear-gradient(90deg, rgba(3,77,169,1) 0%, rgba(214,35,19,1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(3,77,169,1) 0%, rgba(214,35,19,1) 100%);
    background: linear-gradient(90deg, rgba(3,77,169,1) 0%, rgba(214,35,19,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#034da9",endColorstr="#d62313",GradientType=1);   
    -o-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;

}

h1,h2 {
    font-family: "Metro Nova W04 Bold",sans-serif, Helvetica;
    font-size: 1.5em;
    line-height: 1.35em;
    margin: 0 0 .35em 0;

    }


h3, .regular h2{
        font-family: "Metro Nova W04 Regular",sans-serif, Helvetica;
            font-size: 1.25em;
            line-height: 1.35em;
            margin-bottom: .35em;
        }

.headlines {
    display: block;
    position: relative;
    padding-bottom: 10px;
}

.headlines:after {
    content:"";
    background: rgb(3,77,169);
    background: -moz-linear-gradient(90deg, rgba(3,77,169,1) 0%, rgba(214,35,19,1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(3,77,169,1) 0%, rgba(214,35,19,1) 100%);
    background: linear-gradient(90deg, rgba(3,77,169,1) 0%, rgba(214,35,19,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#034da9",endColorstr="#d62313",GradientType=1);    display: block;
    height: 5px;
    position: absolute;
    bottom: 0;
    width: 100%;
}

strong, b {
    font-family: "Metro Nova W04 Bold",sans-serif, Helvetica;

}
p{margin-top: 0;}

ul {
    margin-left: 15px;
    padding-left: 5px;
}
#footer {
    padding: 20px 40px;
    color: #fff;
    background: rgb(4,77,169);
    background: -moz-linear-gradient(90deg, rgba(4,77,169,1) 0%, rgba(4,77,169,1) 34%, rgba(214,35,19,1) 34%, rgba(214,35,19,1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(4,77,169,1) 0%, rgba(4,77,169,1) 34%, rgba(214,35,19,1) 34%, rgba(214,35,19,1) 100%);
    background: linear-gradient(90deg, rgba(4,77,169,1) 0%, rgba(4,77,169,1) 34%, rgba(214,35,19,1) 34%, rgba(214,35,19,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#044da9",endColorstr="#d62313",GradientType=1);
}

#footer h3 {
    text-transform: uppercase;
    margin-bottom:1rem;
}

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

#footer a:hover, #footer a:focus {
    text-decoration:underline;
}


.bg-blue .headlines:after {
    background: rgb(255,255,255);
  

}

.bg-blue {
background: #00377b;
color: #fff;
}
.bg-red {
    background: #D62313;
    color: #fff;
    }

.spacebottom {
margin-bottom: 40px;
    }

   /* //////////////////////////////////////////////////////////////////////////////////////////////////////
Boxen Startseite
///////////////////////*/ 

.test .kont {
    background: #5d8b0b;
    padding: 5px 15px;
    color: #fff;
}

.box.hover img {
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
}
.box.hover:hover img {
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
}
.box figure {
    margin-bottom: -2px;
}


  
  /* //////////////////////////////////////////////////////////////////////////////////////////////////////
Navigation
///////////////////////*/


/* /////////////////////
HAMBURGER MOBILE MENU
///////////////////////*/

#hamburger {
  width: 60px;
  height: 45px;
  position: relative;
  margin: 50px auto;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
}

#hamburger span {
  display: block;
  position: absolute;
  height: 9px;
  width: 100%;
  background: #212121;
  border-radius: 9px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

#hamburger span:nth-child(1) {
  top: 0px;
}

#hamburger span:nth-child(2) {
  top: 18px;
}

#hamburger span:nth-child(3) {
  top: 36px;
}

#hamburger.open span:nth-child(1) {
  top: 18px;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}

#hamburger.open span:nth-child(2) {
  opacity: 0;
  left: -60px;
}

#hamburger.open span:nth-child(3) {
  top: 18px;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}

.mobile_menu_trigger .menu {
    padding: 5px 15px;
    color: #212121;
    display: inline;
    border: 1px solid #212121;
    color: #212121;
}

/* /////////////////////
MOBILE MENU
///////////////////////*/


.mobile_menu_trigger {
    padding:5px 0px 10px 10px;
    width:60px;
    cursor: pointer;
}

.mod_mobile_menu {
display: block;
position: absolute;
top:26px;
      z-index: 500;
     padding:0;
    overflow: visible;
      right: 188px;
}

@media screen and (max-width: 500px) {
.mobile_menu_trigger {
    padding: 15px 0px 10px 0;
    }
}

ul.mobile {
    list-style-type: none;
    margin: 115px 5px 0 10px;
    padding: 0;
        height: 100%;
    overflow-y: scroll;
}

li.mobile {
    list-style-type: none;
    margin: 0;
     padding: 16px 20px;
     text-align: center;
}

li.mobile.linebottom {
padding-bottom: 0;
}

li.mobile hr {
margin-top: 15px;
}

.mobile_menu li.mobile  a, .mobile_menu li.mobile span.active {
color: #fff;
    font-size: 1.25em;
    text-decoration: none;
    font-weight: 600; 
      -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.mobile_menu .inner {
    background: #00377be5 none repeat scroll 0 0;
}

.mobile_menu_overlay.background {
background: none;
}

@media screen and (max-width: 767px) {
    .mobile-menu {
        position:unset;
    }
    ul.mobile {
        margin: 280px 5px 0 10px;
    }
}

ul {
    padding-left: 0;
    margin-left: 20px;
}






  /* //////////////////////////////////////////////////////////////////////////////////////////////////////
Anfrageformular
///////////////////////*/ 
  
input.captcha:focus,input.text:focus,textarea:focus{
    outline: none;
    border-bottom:5px solid rgb(255, 255, 255);
}  
.ce_form{overflow:visible;margin-top: 5%;}
    fieldset{padding:0;margin:0;border:0;min-width:0}
    label{display:inline-block;max-width:95%;margin-bottom:5px;font-weight:600}
    textarea{margin-bottom: 5px;background:transparent;display:block;width:90%;padding:0;border:1px solid rgba(255,255,255,.5);
 color: #fff; font-family: "Metro Nova W04 Regular",sans-serif, Helvetica; font-size:20px; }
    input.captcha,input.text{background:transparent;display:block;width:92%;padding: 5px;border: 1px solid rgba(255,255,255,.5); margin-bottom: 5px;
    background-clip:padding-box;background-image:none}
    .widget-text,.widget-textarea{margin-bottom:1.4rem;display: flex;flex-direction: column;}
    input[type=search]{-webkit-appearance:none}
    input[type=file]{display:block;line-height:1}
    input.checkbox,input.radio{margin:.25rem 0 0;margin-left:1px;line-height:normal}
    input.checkbox+label,input.radio+label{margin-right:.25rem;font-weight:400}
    .widget-checkbox,.widget-radio,.widget-select,.widget-upload{margin-bottom:1rem}
    .widget-checkbox legend,.widget-radio legend,.widget-select legend,.widget-upload legend{font-weight:600}
    .checkbox_container>span,.radio_container>span{display:inline-block}
    span.mandatory{color:#f94300}p.error{margin-bottom:0}
    label,legend{line-height:1.25}
    .widget-pagebreak button[value=back]{float:left;opacity:.5;padding-left:.75em}
    .widget-pagebreak button[value=back]:before{content:'⇽';padding-right:5px;padding-right:.25rem}
    .widget-pagebreak button[value=back]:hover{opacity:1}
    .widget-pagebreak button[value=back]+[value=continue]{float:right}
    .widget-text{position:relative; width:97%;}
    .widget-text p.error{position:absolute;right:0;font-size:.75rem;background:#f94300;color:#fff;padding:.25rem;-webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%);margin-top:-.5rem}
    .widget-text p.error:after{top:100%;left:50%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;border-color:rgba(249,67,0,0);border-top-color:#f94300;border-width:10px;border-width:.5rem;margin-left:-10px;margin-left:-.5rem}
    .row .widget-text p.error{margin-right:.9375rem}.widget-checkbox{position:relative}
    .widget-checkbox p.error{position:absolute;left:0;font-family:freight-sans-pro,Helvetica,Arial,sans-serif;font-size:.75rem;background:#f94300;color:#fff;padding:.25rem;-webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%);margin-top:-.5rem}
    .widget-checkbox p.error:after{top:100%;left:50%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;border-color:rgba(249,67,0,0);border-top-color:#f94300;border-width:10px;border-width:.5rem;margin-left:-10px;margin-left:-.5rem}
    .row .widget-checkbox p.error{margin-right:.9375rem}
    .widget-radio legend{margin-bottom:.5rem}
    .widget-radio .radio_container label{background:#f7f7f7;border:2px solid #ccc;border-radius:4px;padding:.25rem .5rem;margin-bottom:.25rem;font-family:freight-text-pro,Georgia,"Times New Roman",serif;font-weight:700}
    .widget-radio .radio_container .radio:checked+label{border-color:#06c;color:#06c}
    .widget-select.select{display:block;margin-left:0;width:100%}
    
    
    select {
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      border:none;
      border-radius: 0;
      font-size: 1em;
      transition: all .5s ease-in-out;
    } 
    
    select {
      border: 1px solid rgba(0,0,0,.30);
      padding:.75em 1em .5em 1em;
      border-radius:0;
        position: relative;
        display: block;
        width:99%;
        background: url(/files/imkelambrecht/theme/images/arr_down.svg);
        background-repeat: no-repeat;
        background-position: 99% center;
        background-size: 24px;
          background-color:#fff;
    }
    
    option {
      background-color:#fff;
      border-top:1px solid #e1e1e1;
      padding:.3em 1em .3em 1em;
    }
    
    select:hover {
    background-color: rgba(1,71,152,.45);
    cursor:pointer;
    }
    
    /* hide browser-styling (arrow) in IE10 */
    select::-ms-expand {
      display:none;
    }
    
    .lt-ie10 select {
        background-image: none;
    }
    
    span.mandatory {
        color: #f07e04;
    }
    
    .widget-submit {
    width:91%;
    display: flex;
        flex-direction: row;
        justify-content: flex-end;
    }
    
    button.submit {
        width:300px;
        box-shadow: none;
        border:5px solid #fff;
        height: 60px;
        margin: .7em 0;
        font-size: 18px;
        -o-transition: all .3s ease-out;
        -ms-transition: all .3s ease-out;
        -moz-transition: all .3s ease-out;
        -webkit-transition: all .3s ease-out;
        transition: all .3s ease-out;
        background:#fff;
       
    }   

    button.submit:hover {
    cursor:pointer;
    background: transparent;

    }
    
    /* remove standard-styles */
    input {
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      border:none;
    } 
    
    /* graceful degradation for ie8 */
    input[type='checkbox'],
    input[type='radio'] {
      width:auto;
      float:left;
      margin-right: .75em;
      background:transparent;
      border:none;
    }
    
    input[type='checkbox']:checked,
    input[type='checkbox']:not(:checked),
    input[type='radio']:checked,
    input[type='radio']:not(:checked) {
      background: transparent;
      position: relative;
      visibility: hidden;
      margin:0;
      padding:0;
    }
    
    input[type='checkbox'] + label,
    input[type='radio'] + label {
      cursor: pointer;
    }
    
    input[type='checkbox']:checked + label::before,
    input[type='checkbox']:not(:checked) + label::before,
    input[type='radio']:checked + label::before,
    input[type='radio']:not(:checked) + label::before {
        content:' ';
        display:inline-block;
        width: 17px;
        height:17px;
        position: relative;
        top:4px;
        border: 1px solid rgba(255,255,255,.5);
        background:transparent;
        margin-right:.5em;
        box-shadow: inset 0 1px 1px 0 rgba(0,0,0,.1);
    }
    
    input[type=radio]:checked + label::before,
    input[type=radio]:not(:checked) + label::before {
      border-radius: 30px;
    }
    
    input[type='checkbox']:hover  + label::before,
    input[type='radio']:hover  + label::before {
      background:#ddd;
      box-shadow: inset 0 0 0 2px white;
    }
    
    input[type='checkbox']:checked  + label::before,
    input[type='radio']:checked  + label::before {
      background:black;
      box-shadow: inset 0 0 0 2px white;
    }
    
    input:.-internal-autofill-selected {
        background-color: #e1e1e1 !important;
        background-image: none !important;
        color: rgb(0, 0, 0) !important;
    }

@media screen and (max-width: 1300px) {
        .box .headline {   
            font-size: 40px;
        }
        .box .headline a {
            background: url(/files/kirschmann/theme/img/arrow.svg) right center no-repeat;
            padding-right: 60px;
            background-size: 40px;
        }
}

@media screen and (max-width: 1200px) {
        .box .headline {
            bottom: 30px;
            left: 20px;
        }  
}  

@media screen and (max-width: 991px) {
    h1,h2 {
        font-size: 1.25em;
        line-height: 1.25em;
        }
    
    
    h3, .regular h2{
                font-size: 1em;
            } 

#container .row .right {
    margin: 0;
}

#container .mod_article {padding:40px;}

.box .headline {
    font-size: 44px;
}

}
     
@media screen and (max-width: 767px) {
    button.submit {
        width: 100%;
    }
    input.captcha, input.text, textarea {
       width: 100%;
    }
    textarea {
        width: 98%;
     }
     .widget-submit {
        width: 97%;
     } 
     .box {
        margin-bottom: -7px;
     }  
     .box .headline {
        font-size: 26px;
    }
    .box .headline {
        bottom: 10px;
        left: 10px;
    }  

/*
 .sequence {
        transform: scaleY(-1);
     }
     .sequence .image_container {
         margin-bottom: -6px;
     }
 */    
    .boxonethird.wir {
        display: inline-flex;
        width: 100%;
        flex-direction: row;
    }
    .box.onethird.wir .headline {
        position: relative;
        bottom: unset;
        left: unset;
        padding: 40px 0;
    }
    .kirschmann {
        font-size: 30px;
        font-weight: 700;
    }
    .wasser {
        font-size: 16px;
    }
    #header {
    height: 100px;
    }    
    #header .inside {
        position: fixed;
        z-index: 800;
        background: #fff;
        width: 95%;
        padding: 20px 20px 0 20px ;
    }  

    .logo img {
        height: 70px;
    }
    .kont, .text {
        display:none;
    }

    .box.onethird.wir .headline {
        margin: 0 20px;
    }

    #container .mod_article {
        padding: 20px;
    }
    .btn_telefon, .btn_mail {
        font-size: 1.25em;
    }
    .box .txt {
        font-size:16px;
        top:5%;
    }

}


@media screen and (max-width: 620px) {
    .box .txt {
        display:none;
    }
    .box .headline {
        font-size:28px;
    }
        .box .headline {
           font-size: 20px;
       }
       .box .headline a {
        background: url(/files/kirschmann/theme/img/arrow.svg) right center no-repeat;
        padding-right: 30px;
        background-size: 20px;
    }


}

@media screen and (max-width: 400px) {
    .box .headline {
        font-size:20px;
    }
    #header .inside {
        display: block;
    }
    .logo {
        align-items: flex-start;
        justify-content: flex-start;
    }
    .infos {
        align-items: flex-start;
        justify-content: flex-start;
        -webkit-align-items: flex-start;
        margin: 20px 0;
    }
}