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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul,.content-gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li,.content-gallery>ul li{float:left}.ce_gallery>ul li.col_first,.content-gallery>ul li.col_first{clear:left}.float_left,.media--left>figure{float:left}.float_right,.media--right>figure{float:right}.block{overflow:hidden}.media{display:flow-root}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both}
@media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.audio_container audio{max-width:100%}.video_container video{max-width:100%;height:auto}.aspect,.responsive{position:relative;height:0}.aspect iframe,.responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%}.aspect--16\:9,.responsive.ratio-169{padding-bottom:56.25%}.aspect--16\:10,.responsive.ratio-1610{padding-bottom:62.5%}.aspect--21\:9,.responsive.ratio-219{padding-bottom:42.8571%}.aspect--4\:3,.responsive.ratio-43{padding-bottom:75%}.aspect--3\:2,.responsive.ratio-32{padding-bottom:66.6666%}.aspect--9\:16,.responsive.ratio-916{padding-bottom:177.7777%}.aspect--1\:1,.responsive.ratio-11{padding-bottom:100%}
.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}
@font-face {font-family:'12 Sabon* Roman 05232';
src: url('../../files/goetz-wienold/fonts/9acfbc497fe77bf08df25530f018d442.eot'); /* IE9*/
 src:
  url('../../files/goetz-wienold/fonts/9acfbc497fe77bf08df25530f018d442.woff2') format("woff2"), /* chrome?firefox */
  url('../../files/goetz-wienold/fonts/9acfbc497fe77bf08df25530f018d442.woff') format("woff"), /* chrome?firefox */
  url('../../files/goetz-wienold/fonts/9acfbc497fe77bf08df25530f018d442.ttf') format("truetype"), /* chrome?firefox?opera?Safari, Android, iOS 4.2+*/
  url('../../files/goetz-wienold/fonts/9acfbc497fe77bf08df25530f018d442.svg#12 Sabon* Roman 05232') format("svg"); /* iOS 4.1- */
}


body {
    font-family: '12 Sabon* Roman 05232';
}

.block {
    overflow: visible;
}

.mod_navigation.block {
    height:auto;
    background-color:#fff;
    border-bottom: 1px solid #32962d75;
    border-top: 1px solid #32962d75;
    position: -webkit-sticky;
    position: sticky;
    top: 0px;
    align-self: flex-start;
    z-index:100;
        align-content: flex-start;
    overflow:visible;
}

#lit-sub.mod_navigation.block {
    margin-top: -1px;
  z-index: 100;
}



.mod_navigation li {
    height:25px;
    left:3%;
    top:-17px;
    float:left;
    position:relative;
    margin-top:0;
    margin-left:15;
    
    padding-top:0;
    list-style-type:none;
}


.mod_navigation strong.active {
    padding:5px;
   
    line-height:19pt;
    font-weight:normal;
    font-variant:small-caps;
    color:#32962d;
    
    border-bottom: 1px solid #32962d;

  padding-bottom: 1px;
}



.menu-list li {
    padding-top:0;
    list-style-type:none;
}
.mod_navigation .invisible {
    display:none;
}

	.main-menu ul {
		list-style-type: none;
		text-align:right;
		padding: 2px 0px;
		padding-top:0px;
		padding-right: 0px;
		padding-left: 0px;
		padding-bottom:2px;
	    
	}
	
	
	
	
	
	.mod_navigation li a,
.mod_navigation li strong {
    display:block;
    margin-right:22px;
    padding:5px;
    text-align:left;
    font-size:1.41rem;
    line-height:1.58rem;
    font-variant:small-caps;
    color:#5c5b5b;
    letter-spacing:1px;
    text-decoration:none;
    
   
   
}
	
	
	.mod_navigation li a:hover,
.mod_navigation li a:active {
    font-size:1.41rem;
    line-height:1.58rem;
    font-variant:small-caps;
    color:#32961d;
    
   border-bottom: 1px solid #32962d;
   padding-bottom: 1px;
}

#top.vorspann .startseite.sibling a {
    color:#32961d;
  
   border-bottom: 1px solid #32962d;
   padding-bottom: 1px;
   text-decoration:none;
}





.mod_navigation ul.level_2 li {
    
   
    height:10px;
    left:4px;
    top:0px;
    bottom:0px;
    right:0px;
    position:relative;

    margin-top:0;
    margin-left:0px;
    padding-top:0;
    font-size:0.91rem;
    list-style-type:none;
    
}
	
	
	
	
	
	
	.main-menu li {
		display: inline-block;
		
	}
.main-menu ul.level_2 {
	display:none;
	position:fixed;
	background: white;
	padding-left: 0px;
	padding-bottom: 25px;
	padding-top:25;
	z-index:200;
	
    font-variant:none;
    
    border-bottom: 1px solid #32962d75;
    border-left: 1px solid #32962d75;
    border-right: 1px solid #32962d75;
    border-top: 1px solid #32962d75;
    
    margin-top:-1px;
    margin-left:-45px;
    
	height: auto;
	position: sticky;
	position: -webkit-sticky;
	top: 0px;
	align-self: flex-start;
	/*! display: block; */
	/*! margin-top: 10px; */
	/*! display: block; */
}
	
	.main-menu li:hover ul.level_2 {
		display: block !important;
		
margin-top:1px;		
		
	}
	
	
	.main-menu ul.level_2 li {
		 
    display:none;
    
		
		padding: 10px 0px;
		text-align:left;
		float:none;
		display: list-item !important;
	
	}
	
		
	.main-menu ul.level_2 li a, .main-menu ul.level_2 li a:hover, .main-menu ul.level_2 li a:active{
		
		font-size:1.33rem;
		line-height:1.41rem;
		text-decoration:none;
			
	}
	
	.main-menu ul.level_2 li strong{
		
		font-size:1.33rem;
		line-height:1.41rem;
		text-decoration:none;
		
	}
	
	
	
	.main-menu ul.level_2 li::after {
		content: none !important;
	}
	
	#top.literatur .main-menu ul.level_2, #top.stuecke .main-menu ul.level_2, #top.romane .main-menu ul.level_2, #top.erzaehlungen .main-menu ul.level_2, #top.essays .main-menu ul.level_2 {
	visibility: hidden;
	}
	
	
	
	.main-menu a {
		text-decoration: none;
		color: black;
	}


    a.submenu.trail
 {
        color:#32962d;
        border-bottom: 1px solid #32962d;
        padding-bottom: 1px;
    }
    
  
  

@media (max-width:1100px) {
    
		.mod_navigation li a,
.mod_navigation li strong {
    margin-right:16px;
    padding:5px;
    font-size:1.25rem;
  
    font-weight: normal;
    
    }
	
	
	.mod_navigation li a:hover,
.mod_navigation li a:active {
    font-size:1.25rem;
     color:#32962d;
    }
}
	
	
@media (max-width:960px) {
   .mod_navigation.block {
    display:none;
} 
		
}
	
.mobile_menu_trigger {
    top: 20px;
    right: 20px;
    position: fixed;
   
    cursor: pointer;
}


	
.block {
    overflow: visible;
}

#navi-mobil.mod_customnav.block {
    height:475px;
    background-color:#fafafa;
    border-bottom: 2px solid #32962d75;
    border-top: 2px solid #32962d75;
    margin-top: -80px;
    margin-left: -9px;
    margin-right: -10px;
    position: -webkit-sticky;
    position: sticky;
    top: 0px;
    align-self: flex-start;
    z-index:100;
    
}

#navi-mobil.menu-list li {
    padding-top:0;
    list-style-type:none;
}
#navi-mobil.mod_navigation .invisible {
    display:none;
}

	#navi-mobil ul.level_1 {
		list-style-type: none;
    text-align: left;
    margin-left: -21px;
    margin-right: 20px;
    margin-top: 10px;
	}
	
	
	
	
	
	#navi-mobil li a, 
	#navi-mobil li strong
 {
    display:block;
    margin-right:4px;
    margin-left: 0px;
    text-align:left;
    font-size:17pt;
    line-height:21pt;
    font-variant:small-caps;
    color:#5c5b5b;
    letter-spacing:1px;
    text-decoration:none;
    padding-top:4px;
    padding-bottom:4px;
    border-bottom: 1px solid;
   
   font-weight: normal;
}
	
	
	#navi-mobil li a:hover,
#navi-mobil li a:active,
#navi-mobil strong.active {
    
    font-variant:small-caps;
    color:#32961d;
    
   border-bottom: 1px solid #32962d;
   
}

#top.vorspann .startseite.sibling a {
    color:#32961d;
  
   border-bottom: 1px solid #32962d;
   padding-bottom: 1px;
   text-decoration:none;
}





#navi-mobil.mod_navigation ul.level_2 li {
    
 
    height:10px;
    left:4px;
    top:0px;
    bottom:0px;
    right:0px;
    position:relative;

    margin-top:0;
    margin-left:0px;
    padding-top:0;
    font-size:11pt;
    list-style-type:none;
    
}
	
	
	
	
	
	
	#navi-mobil.main-menu li {
		display: block;
		
	}
#navi-mobil.main-menu ul.level_2 {
	
	position:fixed;
	background: white;
	padding-left: 0px;
	padding-bottom: 25px;
	padding-top:25;
	z-index:200;
	
    font-variant:none;
    
    border-bottom: 1px solid #32962d75;
    border-left: 1px solid #32962d75;
    border-right: 1px solid #32962d75;
    border-top: 1px solid #32962d75;
    
    margin-top:-1px;
    margin-left:-45px;
    
	height: auto;
	position: sticky;
	position: -webkit-sticky;
	top: 0px;
	align-self: flex-start;
	
}
	
	#navi-mobil.main-menu li:hover ul.level_2 {
		display: block !important;
		
	}
	
	
	#navi-mobil.main-menu ul.level_2 li {
		 
    display:none;
    
		
		padding: 10px 0px;
		text-align:left;
		float:none;
		display: list-item !important;
	
	}
	
		
	#navi-mobil.main-menu ul.level_2 li a, #navi-mobil.main-menu ul.level_2 li a:hover, #navi-mobil.main-menu ul.level_2 li a:active{
		
		font-size:16pt;
		line-height:17pt;
		text-decoration:none;
			
	}
	
	#navi-mobil.main-menu ul.level_2 li strong{
		
		font-size:16pt;
		line-height:17pt;
		text-decoration:none;
		
	}
	
	
	
	#navi-mobil.main-menu ul.level_2 li::after {
		content: none !important;
	}
	#navi-mobil.main-menu a {
		text-decoration: none;
		color: black;
		
	}
	
	.mobile_menu .inner {

  background: #fff;
  width: auto;
  max-width: 400px;
  padding-right: 15px;
  padding-left:15px;
  border-right: 1px solid #32961d;
  overflow: auto;
  }
	
	.mobile_menu .inner h1{
margin-top: 15px;
    margin-bottom:0px;
    margin-left:8px ;
    text-align: left;
    font-size: 2.7rem;
    line-height: 40pt;
    color: #32961d;
}
  
 .mobile_menu .inner h2{

    font-size: 1.33rem;
    line-height: 1.75rem;
    font-weight: normal;
    color: #5c5c5c;
    margin-top: -5px;
    margin-bottom: 5px;
    margin-left:10px;
    
}


#mob-kontakt  {
    color: #4b4b4b;
    font-size: 1.25rem;
    font-variant: normal;
}

#mob-kontakt a {
    color:#4b4b4b;
    font-variant: normal;
}

#mob-kontakt a:hover {
    color:#32961d;
    font-variant: normal;
}









/*

.block {
    overflow: visible;
}

.mod_navigation.block {
    height:auto;
    background-color:#fff;
    border-bottom: 1px solid #32962d75;
    border-top: 1px solid #32962d75;
    position: -webkit-sticky;
    position: sticky;
    top: 0px;
    align-self: flex-start;
    z-index:100;
    
}

.mod_navigation li {
    height:25px;
    left:3%;
    top:-17px;
    float:left;
    position:relative;
    margin-top:0;
    margin-left:15;
    
    padding-top:0;
    list-style-type:none;
}
.mod_navigation strong.active {
    padding:5px;
    font-size:17pt;
    line-height:19pt;
    font-weight:normal;
    font-variant:small-caps;
    color:#32962d;
    
    border-bottom: 1px solid #32962d;

  padding-bottom: 1px;
  
    
}

.menu-list li {
    padding-top:0;
    list-style-type:none;
}
.mod_navigation .invisible {
    display:none;
}
@media (min-width:640px) {
	.main-menu ul {
		list-style-type: none;
		text-align:right;
		padding: 2px 0px;
	}
	
	
	
	
	
	.mod_navigation li a,
.mod_navigation li strong {
    display:block;
    margin-right:22px;
    padding:5px;
    text-align:left;
    font-size:17pt;
    line-height:19pt;
    font-variant:small-caps;
    color:#5c5b5b;
    letter-spacing:1px;
    text-decoration:none;
    
   
   
}
	
	
	.mod_navigation li a:hover,
.mod_navigation li a:active {
    font-size:17pt;
    line-height:19pt;
    font-variant:small-caps;
    color:#32961d;
    
   border-bottom: 1px solid #32962d;
   padding-bottom: 1px;
}

#top.vorspann .startseite.sibling a {
    color:#32961d;
  
   border-bottom: 1px solid #32962d;
   padding-bottom: 1px;
   text-decoration:none;
}





.mod_navigation ul.level_2 li {
    
   
    height:10px;
    left:4px;
    top:0px;
    bottom:0px;
    right:0px;
    position:relative;

    margin-top:0;
    margin-left:0px;
    padding-top:0;
    font-size:11pt;
    list-style-type:none;
    
}
	
	
	
	
	
	
	.main-menu li {
		display: inline-block;
		
	}
.main-menu ul.level_2 {
	display:none;
	position:fixed;
	background: white;
	padding-left: 0px;
	padding-bottom: 25px;
	padding-top:25;
	z-index:200;
	
    font-variant:none;
    
    border-bottom: 1px solid #32962d75;
    border-left: 1px solid #32962d75;
    border-right: 1px solid #32962d75;
    border-top: 1px solid #32962d75;
    
    margin-top:-1px;
    margin-left:-45px;
    
	height: auto;
	position: sticky;
	position: -webkit-sticky;
	top: 0px;
	align-self: flex-start;
	
}
	
	.main-menu li:hover ul.level_2 {
		display: block !important;
		
	}
	
	
	.main-menu ul.level_2 li {
		 
    display:none;
    
		
		padding: 10px 0px;
		text-align:left;
		float:none;
		display: list-item !important;
	
	}
	
		
	.main-menu ul.level_2 li a, .main-menu ul.level_2 li a:hover, .main-menu ul.level_2 li a:active{
		
		font-size:16pt;
		line-height:17pt;
		text-decoration:none;
			
	}
	
	.main-menu ul.level_2 li strong{
		
		font-size:16pt;
		line-height:17pt;
		text-decoration:none;
		
	}
	
	
	
	.main-menu ul.level_2 li::after {
		content: none !important;
	}
	.main-menu a {
		text-decoration: none;
		color: black;
		
	}
}
	
*/
	
body {
    font-size:1.33rem;
    line-height:1.91rem;
    font-weight:normal;
    color:#4b4b4b;
    
    background-image: url(../../files/goetz-wienold/back/hint-kies-02-2.jpg);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    
}

html {
  scroll-behavior: smooth;
}


#top.vorspann #wrapper {
    animation: einblenden 7s;
    -moz-animation: einblenden 7s; /* Für Firefox */
    -webkit-animation: einblenden 7s; /* Für Safari und Chrome */
    -o-animation: einblenden 7s; /* Für Opera */
}

@keyframes einblenden {
    from { opacity:0; }
    to { opacity:1; }
}

@-moz-keyframes einblenden { /* Für Firefox */
    from { opacity:0; }
    to { opacity:1; }
}

@-webkit-keyframes einblenden { /* Für Safari und Chrome */
    from { opacity:0; }
    to { opacity:1; }
}

@-o-keyframes einblenden { /* Für Opera */
    from { opacity:0; }
    to { opacity:1; }
}

#wrapper {
    width:auto;
    min-width:320px;
    max-width:1280px;
    margin-right:auto;
    margin-left:auto;
    background-color:rgba(255,255,255,.99);
}



a {
    font-variant:small-caps;
    color:#000;
}
a:hover {
    font-variant:small-caps;
    color:#32961d;
}

/*!
.mod_navigation.block {
    
    position: -webkit-sticky;
    position: sticky;
    top: 0px;
    align-self: flex-start;
   
}
*/






.mod_article.block {
    padding-right: 3%;
    padding-left: 3%;
    min-height: 1000px;
}

#header {
}
#hea {
    width:100%;
    height:auto;
    padding-left: 3%;
    
    max-height:89px;
}
#hea h1 {
    width:auto;
    min-width:360px;
    margin-top:15px;
    margin-bottom:10px;
  
    text-align:left;
    font-size:3.5rem;
    line-height:4rem;
    color:#32961d;
}
#hea h2 {
    width:auto;
    margin:34px 0 0 15px;
    text-align:right;
    font-size:1.83rem;
    line-height:2.16rem;
    color:#424242;
}


@media (max-width:1023px) {
#hea h1 {
    width:auto;
    min-width:360px;
    margin-top:15px;
    margin-bottom:10px;
  
    text-align:left;
    font-size:3.33rem;
    line-height:3.83rem;
    color:#32961d;
}    
    
    
#hea h2 {
    width:auto;
    margin:35px 0 0 15px;
    text-align:left;
    font-size:1.66rem;
    line-height:2rem;
    color:#424242;
}

}

@media (max-width:960px) {
#hea {
    position: fixed;
    background-color: white;
    top: 0px;
    border-bottom: 2px solid #32961d;
    }    
    
 #hea h1 {
    width:auto;
    min-width:360px;
    margin-top:15px;
    margin-bottom:10px;
  
    text-align:left;
    font-size:3.0rem;
    line-height:rem;
    color:#32961d;
}    
    
    
#hea h2 {
    width:auto;
    margin:33px 0 0 -35px;
    text-align:left;
    font-size:1.46rem;
    line-height:2rem;
    color:#424242;
}   
    
    
    
    .mod_article.block {
    margin-top:89px;
}
    
    #datenschutz img {
    width:400px;
}
    
    
    
}  



h1 {
    font-size: 1.75rem;
    line-height: 2.08rem;
    font-weight: normal;
    
}

h2 {
    bottom:-5px;
    position:relative;
    font-size:2.12rem;
    line-height:1.75rem;
    font-weight:normal;
    color:#424242;
}
#sta-0 {
    width:100%;
    min-width:320px;
    
}
#sta-0 img {
    border:1px solid #bababa;
    margin-top:-3px;
}

#sta-0-0 {
    width:auto;
    min-width:320px;
   
    margin-top:-20px;
    margin-bottom:40px;
}


figure {
  margin-right: 20px;
}

figure:hover img {
    opacity: 0.97;
    transition: opacity 0.5s ease;
}

#sta-0-0 figure {
    margin-right: 1px;
  margin-bottom: 5px;
  margin-top: 15px;
  margin-left: 15px;
   width:auto;
   max-width:48%;
  border: 1px solid #bababa61;
}

#sta-0-0 figure:hover img {
    opacity: 0.97;
    transition: opacity 0.5s ease;
}



figcaption {
  
  background-color: #f3f3f3;
  font-size: 1.06rem;
  line-height: 1.37rem;
  padding: 7px;
  margin-top: -10px;
  
}




#sta-0 h1 {
    width:auto;
    text-align:left;
    font-size:1.75rem;
    line-height:2.08rem;
    color:#424242;
}
#sta {
    width:auto;
    min-width:320px;
    max-width:625px;
    
}
#sta strong {
    font-weight:normal;
    color:#65000a;
}
#sta-h1 {
    width:auto;
    min-width:320px;
    margin-bottom:20px;
    padding-top:5px;
    padding-bottom:5px;
    padding-left:20px;
    text-align:center;
    background-color:#32961d;
    font-size:1.83rem;
    line-height:2.08rem;
    color:#fff;
    letter-spacing:1px;
    margin-left: -3.25%;
  margin-right: -3.25%;
  font-variant: small-caps;
}


/*
#article-3 figure {
    margin-right: 20px;
    margin-bottom: 5px;
}
*/

#article-3 .content-image 

{
    width: auto;
    min-width: 320px;
    padding-right: 25px;
    padding-left: 25px;
}

@media (max-width:500px) {
    #sta-0 figure {
        margin-right: 50px;
    margin-left: 50px;
    margin-bottom: 5px;
}
    
#sta-0 img {
    width: 350px;
    
}   
    

}

#aktu {
    margin-top:15px;
    margin-bottom:40px;
    font-size:1.08rem;
    line-height:1.33;
    font-weight:normal;
}

#aktu figure {
    margin-right:0px;
    
}


#aktu-item {
    padding-top:8px;
    padding-right: 8px;
    padding-left: 8px;

     background-color: #f3f3f3;
     border: 1px solid #dbdbdb;
     margin-bottom: 20px;
}


#aktu-item img {
    border: 1px solid #d9d9d9;
  }
    
#aktu-item a {
    font-variant: small-caps;
    color: #65000a;
}

#aktu-item a:hover {
    font-variant: small-caps; 
     color:#32961d;
}



#aktu h2 {
    width:auto;
    min-width:298px;
    max-width:298px;
    left:-8px;
    top:-29px;
    position:relative;
    margin-right:0;
    margin-left:0;
    padding-top:10px;
    padding-bottom:10px;
    text-align:center;
    background-color:#4cae38;
    font-size:2.12rem;
    line-height:2.38rem;
    color:#2e2e2e;
}
#aktu h3 {
    width:auto;
    min-width:260px;
    max-width:260px;
    bottom:0;
    top:-29px;
    position:relative;
    margin-bottom:-30px;
    text-align:left;
    font-size:1.25rem;
    line-height:1.5rem;
    color:#2e2e2e;
    font-weight:400;
}
#aktu strong {
    font-weight:normal;
    color:#65000a;
}
#aktu hr {
    width: 75%;
    margin-top:5px;
    margin-bottom:30px;
    text-align:center;
    border-top:1px solid;
    color:#33961d;
}
strong {
    font-weight:normal;
    color:#3b3b3b;
    font-weight: 600;
}

#aktuell a {
    font-variant:normal; 
    color:#65000a;
}

#aktuell a:hover {
    font-variant:normal; 
     color:#32961d;
}


button {
    width: 100%;
 
  border-bottom: 1px solid #a9a9a9;
  font-size: 25px;
  line-height: 30px;
  padding-top: 5px;
  padding-bottom: 5px;
  cursor: pointer;
  
}


.ce_text.content-text.block.handorgel {

    width: 100%;
  border: 1px solid darkgrey;
background-color: #f3f3f3;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 1.31rem;
  line-height: 1.68rem;
    
   }


.toggler {
  width: 100%;
  font-size: 1.41rem;
  line-height: 1.66rem;
  padding-top: 6px;
  padding-bottom: 6px;
  cursor: pointer;
  transition-duration: 0.1s;
  transition-timing-function: ease-in-out;
  transition-delay: 0.1s;
  
  }
  
.toggler:hover {
  
   background-color: #f2f2f2;
   color: #32961d;
   
  }

.toggler.active {
  
   border-bottom: 1px solid #a9a9a9;
   color: #32961d;
  
  }
  
  .toggler.active:hover {
  
  
  }


/*

.toggler {
  width: 100%;
  font-size: 25px;
  line-height: 30px;
  padding-top: 6px;
  padding-bottom: 6px;
  cursor: pointer;
  background-image:url(../../files/goetz-wienold/graf/pf-24-z.png);
  background-repeat: no-repeat;
  background-position: right center;
  transition-duration: 0.1s;
  transition-timing-function: ease-in-out;
  transition-delay: 0.1s;
  
  }
  
.toggler:hover {
  
   background-color: #f2f2f2;
   color: #32961d;
   background-image:url(../../files/goetz-wienold/graf/pf-24-a.png);
  background-repeat: no-repeat;
   
  }

.toggler.active {
  
   border-bottom: 1px solid #a9a9a9;
   color: #32961d;
   background-image:url(../../files/goetz-wienold/graf/pf-24-a.png);
  background-repeat: no-repeat;
   
  }
  
  .toggler.active:hover {
  
  background-image:url(../../files/goetz-wienold/graf/pf-24-z.png);
  background-repeat: no-repeat;
   
  }

*/


.ce_accordion {

  border: 1px solid #a9a9a9;
  background-color: #f3f3f3;
  padding-left: 15px;
  padding-right: 15px;
 
  margin-bottom:20px;
  font-size: 1.25rem;
  line-height: 1.58rem;
  }

.ce_accordion strong {
    font-size: 1.16rem;
    line-height: 1.16rem;
    color: #65000a;
    margin-bottom:0px;
    font-weight:500;
  }

.ce_accordion p {
    margin-top:10px;
    margin-bottom:10px;
  }

.ce_accordion a {
    font-variant: normal;
    color: #65000a;
}

.ce_accordion a:hover {
    font-variant: normal; 
     color:#32961d;
}

.ce_accordion figure {
    margin-right: 15px;
    margin-top: 5px;
    margin-bottom: 5px;
    
    border: 1px solid #a9a9a9;
    background-color: white;
    padding-bottom: 0px;
    padding-right: 6px;
    padding-top: 6px;
    padding-left: 6px;
    
}


#xavier .ui-accordion-content-active {
  height: auto;
  min-height: 355px;
  }

#fischteiche .ui-accordion-content-active {
  height: auto;
  min-height: 355px;
  }

#kinder .ui-accordion-content-active {
  height: auto;
  min-height: 355px;
  }

#boxer .ui-accordion-content-active {
  height: auto;
  min-height: 350px;
  }
  
#grab .ui-accordion-content-active {
  height: auto;
  min-height: 315px;
  }
  
#sodom .ui-accordion-content-active {
  height: auto;
  min-height: 360px;
  }
  
#schule .ui-accordion-content-active {
  height: auto;
  min-height: 350px;
  }
  

@media (max-width:450px) {
.ce_accordion figure {
    margin-right: 60px;
    margin-left: 60px;
}
.ce_accordion img {
    width: 225px;
}
    .ce_accordion .toggler {
    font-size: 1.26rem;
    line-height: 1.5rem;
}
    
}

#erzaehlungen ul {
    padding-left: 25px;
}

#erzaehlungen ul {
list-style-type: revert;
}



#essay figure {
    margin-top: 15px;
    margin-left: 15px;
    margin-bottom:10px;
    margin-right: 0px;
    width: 40%;
    border: 1px solid #bababa61
}

#essay ul {
    padding-left: 25px;
}

#essay ul {
list-style-type: revert;
}


#linguistik {
    scroll-behavior: smooth;
    background-color:white    ;
}

#linguistik a {
    color:#000000;
    font-variant: normal;
}

#linguistik a:hover {
    color:#32961d;
}

#linguistik h1, #japan h1 {
    
    margin-bottom: 30px;
}


#linguistik h3 {
    
    font-weight: normal;
    font-size: 1.5rem;
    line-height: 0.83rem;
    font-variant: normal;
    color: #4b4b4b;
    margin-bottom: -10px;
    margin-top: 35px;
}

#linguistik strong {
    
    font-weight: normal;
    color: #000000;
}

#japan a, #japan02 a {
    color:#000000;
    font-variant: normal;
}

#japan a:hover, #japan02 a:hover {
    color:#32961d;
}


#japan figure {
    margin-right: 0px;
    margin-left: 10px;
    width:50%;
}

#japan02 figure {
    margin-top:15px;
    margin-right: 0px;
    margin-left: 10px;
    width:50%;
}

@media (max-width:550px) {
#japan figure {
    margin-right: 10px;
    margin-left: 10px;
    width:90%;
}

#japan02 figure {
    margin-top:0px;
    margin-right: 20px;
    margin-left: 10px;
    width:90%;
}

}

#pub01 {
    height: 85vh;
    font-size: 1.08rem;
    line-height: 1.3;
    background-color: #f3f3f3;
    border: 1px solid #a9a9a9;
    padding: 8px;
    padding-top:15px;
    margin-top: 11px;
    margin-right:-15px;
    scroll-behavior: smooth;
    position: -webkit-sticky;
    position: sticky;
    top: 60px;
    align-self: flex-start;
   
    overflow:auto;
}

#pub01 p {
    margin-top: -5px;
    }


#pub01 h1 {
    margin-top:0px;
    margin-bottom: 30px;
}

#pub01 h3 {
    
    font-weight: normal;
    line-height: 0.83rem;
    font-variant: normal;
}

#pub01 a {
color: #5c5b5b;
    font-weight: normal;
    border-bottom: 1px solid #5c5b5b;
    text-decoration: none;
        font-variant: normal;
        padding-bottom: 2px;
}

#pub01 a:hover {
color: #32961d;
    font-weight: normal;
    border-bottom: 1px solid #5c5b5b;
    text-decoration: none;
        font-variant: normal;
}

#u001, #u002, #u003, #u004, #u005, #u006, #u007, #u008 {
color: #32961d;
    font-weight: normal;
    padding-top:15px;
    padding-bottom:10px;
    border-bottom: 1px solid #5c5b5b;
    }



#pub02 {
    
    font-size: 1.25rem;
    line-height: 1.5rem;
    margin-top: 15px;
}

#pub02 p {
    margin-top: -5px;
    }


#pub02 h1 {
    margin-top:0px;
    margin-bottom: 25px;
}

#pub02 h3 {
    font-weight: normal;
    line-height: 1.41rem;
    /* font-variant: normal; */
    font-size: 1.41rem;
    margin-top: 15px;
    margin-bottom: 15px;
}

#pub02 a {
color: #5c5b5b;
    font-weight: normal;
    border-bottom: 1px solid #5c5b5b;
    text-decoration: none;
        font-variant: normal;
        padding-bottom: 2px;
}

#pub02 a:hover {
color: #32961d;
    font-weight: normal;
    border-bottom: 1px solid #5c5b5b;
    text-decoration: none;
        font-variant: normal;
}

#pub02 #u001, #pub02 #u002, #pub02 #u003, #pub02 #u004, #pub02 #u005, #pub02 #u006, #pub02 #u007, #pub02 #u008 {
color: #32961d;
    font-weight: normal;
    padding-top:60px;
    padding-bottom:10px;
    border-bottom: 1px solid #5c5b5b;
    top: 50px;
    }



#oben {
    width: 21px;
    font-size: 2.5rem;
    padding: 10px;
    background-color: #dbdbdb;
    border: 1px solid black;
    border-radius: 5px;
    right: -20px;
    bottom: 49px;
    position: sticky;
}

#oben a {
    color:#494949;
}

@media (max-width:960px) {
    
#pub01 {
top: 112px;

}
    
}

@media (max-width:767px) {
    

#pub01 {
    /* height: 24vh;*/
    height: 20vh;
    font-size: 1.00rem;
    line-height: 1.20rem;
    background-color: #f3f3f3;
    border: 1px solid #a9a9a9;
    padding: 8px;
    /* border-top: 15px solid #a9a9a9; */
    /* margin-top: 15px; */
    margin-right: 15px; 
    scroll-behavior: smooth;
    position: fixed;
    /* position: sticky; */
    top:unset;
    bottom: 30px;
    /* align-self: flex-start; */
    overflow: auto;
    padding-top:15px;
}

#linguistik {
    scroll-behavior: smooth;
    /* width: 100%; */
    font-size: 1.33rem;
    line-height: 1.8rem;
    /* height: 70vh;*/
    /* padding-right: 10px; */
   /* overflow: auto;*/
    /* margin-right: 20px; */
    /* padding-bottom: 47px; */
    /* margin-bottom: -7px; */
    margin-right: 1%;
}

#sta-0-0 figure {
    margin-right: 30px;
  margin-bottom: 5px;
  margin-top: 15px;
  margin-left: 30px;
   width:auto;
   max-width:90%;
  
}

#sta-0-0 figure img {
  width:800px;
  }

#essay figure {
    margin-top: 15px;
    margin-left: 15px;
    margin-bottom:10px;
    margin-right: 0px;
    width: 100%;
    
}



}  


#kontakt a, #datenschutz a {
    color:#4b4b4b;
    font-variant: normal;
}

#kontakt a:hover, #datenschutz a:hover {
    color:#32961d;
    font-variant: normal;
}

#kontakt strong, #datenschutz strong {
    font-weight: normal;
    color: #000000;
}

#kontakt figure {
  margin-right: 0px;
  margin-left: 20px;
  margin-top: 30px;
}

#datenschutz ul {
      list-style-type: revert;
      padding-left: 25px;
}

#datenschutz figure {
     margin-right: 0px;
  margin-left: 15px;
  margin-bottom: 10px;
  width: 40%;
}


@media (max-width:775px) {


#head-02 {
    max-width: 25px;
    display:none;
}   

#hea h1 {
    font-size:2.7rem;
}    

 #datenschutz img {
    
}
    
#datenschutz figure {
   margin-right: 0px;
    margin-left: 10px;
}

} 

@media (max-width:600px) {
    #datenschutz figure {
   margin-right: 3px;
    margin-left: 3px;
    width: 90%;
}
    

    

}




.text {
   margin-top: -15px;
  margin-bottom: -15px;
  background-color: #f3f3f3;
  padding: 4px;
  font-size: 1.25rem;
  line-height: 1.66rem;
  border: 1px solid #a9a9a9;
  border-radius: 6px;
  text-decoration: black;
  
}


#fo {
  bottom: 0px;
  text-align: center;
  background-color: #32961d;
  font-size: 1.08rem;
  line-height: 1.33rem;
  letter-spacing: 0.1px;
  color: #ffffff;
  position: fixed;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  height: 30px;
  max-width: 1280px;
}


.rte {
    margin-top: -13px;
}



#fo .email a {
    color:#ffffff;
    text-decoration:none;
    font-variant:none;
    font-weight: normal;
    letter-spacing: 0.03rem;
}
#fo a {
    color:#ffffff;
    text-decoration:none;
}
#fo a:hover {
    color:#000000;
}

@media (max-width:767px) {

.foo {
    display:none;
}
}

#wi-spa {
    width:85%;
}
#fo code {
    font-family: '12 Sabon* Roman 05232';
}
#wissen {
    border:1px solid #63c44d;
}