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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul,.content-gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li,.content-gallery>ul li{float:left}.ce_gallery>ul li.col_first,.content-gallery>ul li.col_first{clear:left}.float_left,.media--left>figure{float:left}.float_right,.media--right>figure{float:right}.block{overflow:hidden}.media{display:flow-root}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both}
@media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.audio_container audio{max-width:100%}.video_container video{max-width:100%;height:auto}.aspect,.responsive{position:relative;height:0}.aspect iframe,.responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%}.aspect--16\:9,.responsive.ratio-169{padding-bottom:56.25%}.aspect--16\:10,.responsive.ratio-1610{padding-bottom:62.5%}.aspect--21\:9,.responsive.ratio-219{padding-bottom:42.8571%}.aspect--4\:3,.responsive.ratio-43{padding-bottom:75%}.aspect--3\:2,.responsive.ratio-32{padding-bottom:66.6666%}
.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}
@font-face {
    font-family: 'ara-font';
    src:  url('../../files/ara/theme/fonts/ara-font.eot?4jxqtm');
    src:  url('../../files/ara/theme/fonts/ara-font.eot?4jxqtm#iefix') format('embedded-opentype'),
      url('../../files/ara/theme/fonts/ara-font.woff2?4jxqtm') format('woff2'),
      url('../../files/ara/theme/fonts/ara-font.ttf?4jxqtm') format('truetype'),
      url('../../files/ara/theme/fonts/ara-font.woff?4jxqtm') format('woff'),
      url('../../files/ara/theme/fonts/ara-font.svg?4jxqtm#ara-font') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
  }
  
  [class^="i-"], [class*=" i-"] {
    font-family: 'ara-font' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  
  .i-accordion-points:before {
    content: "\e900";
  }
  .i-antonia:before {
    content: "\e901";
  }
  .i-honorare:before {
    content: "\e902";
  }
  .i-impressum:before {
    content: "\e903";
  }
  .i-instagram:before {
    content: "\e904";
  }
  .i-persoenlichkeitsentwicklung:before {
    content: "\e905";
  }
  .i-phone:before {
    content: "\e906";
  }
  .i-referenzen:before {
    content: "\e907";
  }
  .i-termine:before {
    content: "\e908";
  }
  .i-unternehmensentwicklung:before {
    content: "\e909";
  }
  

body {
    font-family: "Gotham A", "Gotham B";
    font-style: normal;
    font-weight: 700;
    line-height:160%;
    font-size:14px;
    color:#0f4c81;
}

#wrapper {
    margin-bottom:160px;
}
.wrapped {
    max-width: 1440px;
    margin: 0 auto;
}

.space {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 90vh;
}

.space div {
    width: 30%;
    position: relative;
}

.content.block {
    overflow:visible;
    background:#fff;
    padding: 0 20px 20px 20px;
}

#ara-bk, #berg-bk, #blumen-bk, #diamant-bk, #schatzkiste-bk, #quelle-bk {
    position:relative;
    overflow:visible;
}

#start-bk {
    background: url(/files/ara/content/hintergrund/antonia-raczkowski-pusteblume-bk.jpg);
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    height: 90vh;
    position: absolute;
    width: 100%;
    z-index: 0;
}

@media screen and (max-width: 940px) {
#start-bk {
    background: url(/files/ara/content/hintergrund/antonia-raczkowski-pusteblume-960-bk.jpg);
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    height: 50vh;
    position: absolute;
    width: 100%;
    z-index: 0;
}
.space {
    height: 50vh;
}
}

.video_container video {
    width: 100%;
}


#blumen {
    background: url(/files/ara/content/hintergrund/antonia-raczkowski-blumen-bk.jpg);
    background-position: top center;
	background-repeat: no-repeat; 
	background-size:cover; 
	background-attachment:fixed;


}

#ara-bk div {
    background: url(/files/ara/content/hintergrund/antonia-raczkowski-bk.png);
    background-position: top center;
    position: absolute;
    width: 100%;
    height: 180px;
    top: -179px;
    z-index: 0;
}

#berg-bk div {
    background: url(/files/ara/content/hintergrund/supervision-coaching-bk.png);
    background-position: top center;
    position: absolute;
    width: 100%;
    height: 180px;
    top: -110px;
    z-index: -1;
}

#blumen-bk div {
    background: url(/files/ara/content/hintergrund/seminare-bk.png);
    background-position: top center;
    position: absolute;
    width: 100%;
    height: 180px;
    top: -180px;
    z-index: -1;
}
#quelle-bk div {
    background: url(/files/ara/content/hintergrund/honorare-bk.png);
    background-position: top center;
    position: absolute;
    width: 100%;
    height: 40px;
    top: -40px;
    z-index: -1;
}
#schatzkiste-bk div {
    background: url(/files/ara/content/hintergrund/schatzkiste-bk.png);
    background-position: top center;
    position: absolute;
    width: 100%;
    height: 240px;
    top: -230px;
    z-index: -1;
}

#diamant-bk div {
    background: url(/files/ara/content/hintergrund/termine-bk.png);
    background-position: top center;
    position: absolute;
    width: 100%;
    height: 180px;
    top: -70px;
    z-index: -1;
}


.white-bk {
    background-color:#fff;
}

/*Allgemeine Angaben Typografie*/

h1 {
    font-family: "Archer A", "Archer B";
    font-style: italic;
    font-weight: 500;
    color: #fe401d;
    font-size:72px;
    line-height:90%;
    margin-top:0;
}
.impressum h1, .datenschutz h1, .kontakt h1 {
    margin-bottom:0;
}
h2 {
    font-family: "Archer A", "Archer B";
    font-style: italic;
    font-weight: 600;
    color:#0f4c81;
    font-size:24px;
    line-height: 110%;
}
h3, .archer-orange {
    font-family: "Archer A", "Archer B";
    font-style: italic;
    font-weight: 600;
    color: #fe401d;
    font-size:18px;
    margin-bottom:0;  
}
h3, p {
    margin-top: 0;
}

a {
    color:#0f4c81;
}

.spacetop {
margin-top:2rem;
}



p.orange {
    font-weight: 400;
    color: #fe401d;
}

.ce_text.visible.block {
overflow:visible;
}

/* Marginalspalte */

.indicator-row {
    display: inline-flex;
    width: 100%;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    margin-top:40px;
}

.indicator-row .ce_accordionSingle {
width:62%;
}

.indicator {
    width: 120px;
}

.portrait {
    margin-top: 40px;
    margin-left:80px;
    width:200px;
}


#antonia .portrait {
    margin-top: 120px;
    margin-left:0;
    width:400px;
}



.ce_accordionSingle .toggler:before {
    width: 100%;  /* or 100px */
}

.ce_accordionSingle  .toggler .ui-icon {
    right: 10px;
}

/* Header + Navigation fixed */
.social-media-mobil {
    display: none;
}

#header .inside {
    padding:20px 20px 4px 20px;
    position: fixed;
    bottom: 0;
    z-index: 999999;
    background: #fff;
    width: calc(100% - 40px);
    display: inline-flex;
    justify-content:space-between;
    align-items: center;
    -webkit-box-shadow: 1px 0px 8px 4px rgba(0,0,0,0.5); 
box-shadow: 1px 0px 8px 4px rgba(0,0,0,0.5);
}

.logo {
    width:260px;
    margin-right:40px;
}

.navi.block {
    overflow:visible;
}

.navi ul{
    list-style-type: none;
    list-style-image:none;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin:0;
    padding:0;
}

.social.navi ul {
    display: grid; 
    grid-template-columns: 1fr 1fr; 
    grid-template-rows: 1fr 1fr; 
    gap: 2px 8px; 
}

.navi ul li {
    list-style-type: none;
    margin: 0;
    padding: 0;
    position: relative;
    border-radius: 50%;
    margin: 0 5px 0 0;
    padding:0;
}

.navi ul li a, .naviSecondary ul li a {
    display: inline-flex;
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    cursor: pointer;
    text-decoration: none;
    align-items: center;
   
}

.navi li .icon.antonia {
    background: url(/files/ara/theme/icons/antonia-orange.svg) no-repeat;
    background-size: 36px;
    background-position: center center;
}

.navi li .icon.persoenlichkeit {
    background: url(/files/ara/theme/icons/persoenlichkeitsentwicklung-orange.svg) no-repeat;
    background-size: 42px;
    background-position: center center;
}
.navi li .icon.unternehmen {
    background: url(/files/ara/theme/icons/unternehmensentwicklung-orange.svg) no-repeat;
    background-size: 44px;
    background-position: center center;
}
.navi li .icon.honorare {
    background: url(/files/ara/theme/icons/honorare-orange.svg) no-repeat;
    background-size: 40px;
    background-position: center center;
}
.navi li .icon.referenzen {
    background: url(/files/ara/theme/icons/referenzen-orange.svg) no-repeat;
    background-size: 40px;
    background-position: center center;
}

.navi li .icon.termine {
    background: url(/files/ara/theme/icons/termine-orange.svg) no-repeat;
    background-size: 40px;
    background-position: center center;
}

.navi li .icon.kontakt {
    background: url(/files/ara/theme/icons/kontakt-orange.svg) no-repeat;
    background-size: 40px;
    background-position: center center;
}

.navi li .icon.impressum {
    background: url(/files/ara/theme/icons/impressum-orange.svg) no-repeat;
    background-size: 40px;
    background-position: center center;
}

.navi ul li.instagram .icon {
    background: url(/files/ara/theme/icons/instagram-orange.svg) no-repeat;
    background-size: 24px;
    background-position: center center;
}
.navi ul li.facebook .icon {
    background: url(/files/ara/theme/icons/thumb-orange.svg) no-repeat;
    background-size: 24px;
    background-position: center center;
}

.navi ul li.linkedin .icon {
    background: url(/files/ara/theme/icons/linkedin-orange.svg) no-repeat;
    background-size: 24px;
    background-position: center center;
}
.navi ul li.xing .icon {
    background: url(/files/ara/theme/icons/xing-orange.svg) no-repeat;
    background-size: 24px;
    background-position: center center;
}


.navi ul li .tooltip {
    font-family: "Archer A", "Archer B";
    font-style: italic;
    font-weight: 600;
    position: absolute;
    top: -20px;
    color: #fe401d;
    font-size:16px;
        max-width: 0;
        overflow: hidden;
        margin: -0.5em 0.5em 0 0;
        white-space: nowrap;
 
    }
.navi ul li:hover .tooltip,
.navi  a.active + .tooltip {
       max-width: 999px;
       -webkit-transition: max-width 1s ease-in-out;
       -moz-transition: max-width 1s ease-in-out;
       -o-transition: max-width 1s ease-in-out;
       transition: max-width 1s ease-in-out;
    }
    .circle {
        height: 66px;
        width: 66px;
        border-radius: 100%;
        border: 1px solid transparent;
      }
    .social .circle {
        height: 40px;
        width: 40px;
      } 
      
      .circle:nth-of-type(2) {
        border: 1px solid transparent;

      }
      .circle:nth-of-type(3) {
        border: 1px solid #0f4c81;
      }
    .circle-multiple {
        height: 64px;
        width: 64px;
        margin-right: 8px;
      }
     .social .circle-multiple {
        height: 40px;
        width: 40px;
        margin-right: 0;
      }
       
      .circle-multiple .circle {
        position: absolute;
        top: -1px;
        right: 0px;
        bottom: 0px;
        left: -1px;
      }

      .navi ul li:hover .circle-multiple .circle:nth-of-type(1),
      .navi ul li:active .circle-multiple .circle:nth-of-type(1){
        animation: psycho 3s linear;
        animation-iteration-count: 1;
        border: 1px solid #0f4c81;
        -webkit-user-select: none; 
        -webkit-touch-callout: none;
      }
    .navi ul li:hover .circle-multiple .circle:nth-of-type(2),
    .navi ul li:active .circle-multiple .circle:nth-of-type(2){
        animation: psycho 3s linear 0.1s;
        animation-iteration-count: 1;
        border: 1px solid #fe401d;
        -webkit-user-select: none; 
        -webkit-touch-callout: none;
      }
    .navi ul li:hover .circle-multiple .circle:nth-of-type(3),
    .navi ul li:active .circle-multiple .circle:nth-of-type(3) {
        animation: psycho 3s linear 0.25s;
        animation-iteration-count: 1;
        -webkit-user-select: none; 
        -webkit-touch-callout: none;
      }
    .navi ul li.active .circle-multiple .circle:nth-of-type(3) {
        border: 1px solid #fe401d;
    }

      @keyframes psycho {
        0% {
          transform: rotate(0deg) scale(1) translate(0, 0);
        }
        33% {
          transform: rotate(360deg) scale(1) translate(5px, 5px);
        }
        66% {
          transform: rotate(720deg) scale(1) translate(-5px, -5px);
        }
        100% {
          transform: rotate(1080deg) scale(1) translate(0, 0);
        }
      }


/* Mobile Menu */

      .hamburger .line{
        width: 40px;
        height: 4px;
        background-color: #0f4c81;
        display: block;
        margin: 8px auto;
        -webkit-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
      }
      
      .hamburger:hover{
        cursor: pointer;
      }

#hamburger{
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }
  
  .active #hamburger{
    animation: smallbig 0.6s forwards;
  }
  
  @keyframes smallbig{
    0%, 100%{
      -webkit-transform: scale(1);
      -ms-transform: scale(1);
      -o-transform: scale(1);
      transform: scale(1);
    }
  
    50%{
      -webkit-transform: scale(0);
      -ms-transform: scale(0);
      -o-transform: scale(0);
      transform: scale(0);
    }
  }
  
  .active #hamburger .line:nth-child(1),
  .active #hamburger .line:nth-child(2),
  .active #hamburger .line:nth-child(3){
    -webkit-transition-delay: 0.2s;
    -o-transition-delay: 0.2s;
    transition-delay: 0.2s;
  }
  
  .active #hamburger .line:nth-child(2){
    opacity: 0;
  }
  
  .active #hamburger .line:nth-child(1){
    -webkit-transform: translateY(13px) rotate(45deg);
    -ms-transform: translateY(13px) rotate(45deg);
    -o-transform: translateY(13px) rotate(45deg);
    transform: translateY(13px) rotate(45deg);
  }
  
  .active #hamburger .line:nth-child(3){
    -webkit-transform: translateY(-13px) rotate(-45deg);
    -ms-transform: translateY(-13px) rotate(-45deg);
    -o-transform: translateY(-13px) rotate(-45deg);
    transform: translateY(-13px) rotate(-45deg);
  }
      
.mobile_menu .inner {
    background: #0d4575;
}
.mobile a {
    color: #fff;
    margin: 8px;
    text-decoration:none;
}
ul.mobile  {
    list-style-type:none;
    list-style-image:none;
    margin-top:120px;
    
}
li.mobile {
    padding: 8px;
    margin-left: 14px;
    font-size: 16px;
    font-weight: 500;
}

/* Custom ol */
ul, ol {
    padding:0;
    margin:0;
}
ol { 
    list-style-image:url("/files/ara/theme/img/list-o.png");
}


ol li {
    padding-left: 0px;
    margin-left: 18px;
}
 /* Custom ul */
ul { 
    list-style-image:url("/files/ara/theme/img/list-points.png")

 }
ul li {
    padding-left: 0px;
    margin-left: 18px;
}

ol ul {
    list-style-image:none;

}

ol ul li {
    list-style-image:url("/files/ara/theme/img/list-o-small.png")
}

li ol li {	font-weight:400;
}


/* Akkordion*/

.toggler {
    cursor:pointer;
    font-family: "Archer A", "Archer B";
    font-style: italic;
    font-weight: 600;
    color:#0f4c81;
    font-size:20px;
    width: 100%;
    padding:0 10px 10px 0;
    position: relative;
    z-index: 1;
  }
  
 .toggler:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 1px;
    width: 50%;  /* or 100px */
    border-bottom:2px solid #fe401d;
    border-top:0;
    outline: none;
  }
 
.toggler .ui-icon {
    background: url(/files/ara/theme/img/accordion-points-orange.svg) no-repeat;
    width: 24px;
    height: 24px;
    margin-top: 7px;
    background-size: 24px;
    position: absolute;
    right: 50%;
    bottom: 0;
}
.toggler:focus:before,
.toggler:hover:before,
.toggler:active:before,
.toggler.ui-state-active:before {
    width:100%;
    transition:all .8s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    -o-transition: all .8s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    -ms-transition: all .8s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    -moz-transition: all .8s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    -webkit-transition: all .8s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    outline:none;
}

.toggler:hover .ui-icon,
.toggler.ui-state-active .ui-icon {
    right: 12px;
    transition:all .8s cubic-bezier(1, 0, 0, 1);
    -o-transition: all .8s cubic-bezier(1, 0, 0, 1);
    -ms-transition: all .8s cubic-bezier(1, 0, 0, 1);
    -moz-transition: all .8s cubic-bezier(1, 0, 0, 1);
    -webkit-transition: all .8s cubic-bezier(1, 0, 0, 1);

}
.toggler.ui-state-active .ui-icon {
    background: url(/files/ara/theme/img/accordion-minus-blue.svg) no-repeat;


}
.accordion {
    margin-top:1rem;
}

/* Termine */
#termine .accordion .ce_text {
font-weight: 400;
}

.info {
    margin-bottom:0;
    margin-top:1rem;
    font-family: "Gotham A", "Gotham B";
    font-style: normal;
    font-weight: 400;
    color:#fe401d;
}

.event .toggler {
    margin-bottom: 1rem;
    padding-top: 0;
}

.event .toggler .ui-icon {
    bottom: 10px;
}

  /* //////////////////////////////////////////////////////////////////////////////////////////////////////
Anfrageformular
///////////////////////*/ 
  
  
.ce_form{overflow:visible;
    background: rgba(14,76,129,.2);
        padding:2%;}
    fieldset{padding:0;margin:0;border:0;min-width:0}
    label{display:inline-block;max-width:95%;margin-bottom:.25rem;font-weight:600}
    input.captcha,input.text,textarea{background:#fff;display:block;width:95%;padding:.5rem 1rem;border:1px solid rgba(14,76,129,1);
    background-clip:padding-box;background-image:none}
    textarea.textarea{height:auto}
    .widget-text,.widget-textarea{margin-bottom:1.4rem}
    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:#0f4c81;color:#0f4c81}
    .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(157,154,174,.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:100%;
    display: flex;
        flex-direction: row;
        justify-content: flex-end;
    }
    
    button.submit {
    background: #0f4c81 none repeat scroll 0 0;
        box-shadow: 0 0 0 inset;
        color: #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;
        width: 50%;
        border: 0;
    }
    
    @media screen and (max-width: 767px) {
    button.submit {
        width: 100%;
    }
    input.captcha, input.text, textarea {
       width: 88%;
    }
    }
    
    button.submit:hover {
    cursor:pointer;
    background: #fff;
    color: #9d9aae;
    }
    
    /* 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 #bbb;
        background: white;
        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;
    }
*/    

.start-bild {
    display:none;
}

@media screen and (max-width: 1240px) {

    #antonia .portrait {
        margin-top: 120px;
        margin-left: 0;
        width: 320px;
    }
     .indicator {
            width:100px;
        }
        .toggler:before {
            width: 75%;
        }
        .toggler .ui-icon {
            right: 25%;
        }
        
    }

@media screen and (max-width: 1120px) {
    .navi li:first-child .icon {
        background-size: 24px;
    }
    
    .navi li:nth-child(2) .icon {
        background-size: 24px;
    }
    .navi li:nth-child(3) .icon {
        background-size: 24px;
    }
    .navi li:nth-child(4) .icon {
        background-size: 24px;
    }
    .navi li:nth-child(5) .icon {
        background-size: 24px;
    }
    
    .navi li:nth-child(6) .icon {
        background-size: 24px;
    }
    
    .navi ul li.kontakt .icon {
        background-size: 24px;
    }
    
    .navi ul li.instagram .icon {
        background-size: 24px;
    }
    .navi ul li.datenschutz .icon {
        background-size: 24px;
    }
    .navi ul li.impressum .icon {
        background-size: 24px;
    }
    .circle {
        height: 42px;
        width: 42px;
      }
      
    .circle-multiple {
        height: 42px;
        width: 42px;
        margin-right: 12px;
      }
      .tooltip {
        position: absolute;
bottom: 46px;
background: #fff;
overflow: visible;
z-index: 99999;
    }
}  
    


    
@media screen and (max-width: 940px) {
    #wrapper {
        margin-bottom: 0;
    }

    .social-media-mobil {
        display: block;
    }

    .social-media-mobil .navi {
        margin: 0 20px;
        display: block;
    }

    .social-media-mobil .social.navi ul {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr 1fr;
        gap: 2px 8px;
    }


    .social-media-mobil .navi ul li {
        margin: 5px 5px 0 0;
    }
       
    .start-video {
        display:none;
    }
    .start-bild {
        display:block;
    }
        #header .inside {
            padding: 16px 10px 10px 10px;
            position: fixed;
            top: 0;
            height:40px;
            z-index: 999999;
            background: #fff;
            width: calc(100% - 20px);
            display: inline-flex;
            justify-content:space-between;
            align-items: center;
            -webkit-box-shadow: 1px 0px 8px 4px rgba(0,0,0,0.5); 
        box-shadow: 1px 0px 8px 4px rgba(0,0,0,0.5);
        }
        .logo {
            width: 180px;
        }
        .navi {
            display:none;
        }
        .indicator-row {
            margin-top: 5px;
        }
        .indicator {
            margin-top: 0;
        }
        .portrait {
            margin-top: 0;
        }
    
        #antonia .portrait {
            margin-top: 0;
            margin-left: 0;
            width: 320px;
        }
        .indicator-row .ce_accordionSingle {
            width: 80%;
        }
       
        }



@media screen and (max-width: 500px) {


    .indicator-row .ce_accordionSingle {
        width: 100%;
    }
    .indicator {
        margin-left: 18px;
    }
    .toggler:before {
        width: 100%;
    }
    body {
        font-size:16px;
    }
    .toggler .ui-icon {
        right: 10px;
    }
    h1 {
        font-size:40px;
        line-height:90%;
    }
    h2 {
        font-size:20px;
        line-height: 110%;
    }
    h3, .archer-orange {
        font-size:20px;
        margin-bottom:0;  
    }

}