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{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li{float:left}.ce_gallery>ul li.col_first{clear:left}.float_left{float:left}.float_right{float:right}.block{overflow:hidden}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both}
@media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.ie7 img{-ms-interpolation-mode:bicubic}.ie8 img{width:auto}.audio_container audio{max-width:100%}.video_container video{max-width:100%;height:auto}.responsive{position:relative;height:0}.responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%}.responsive.ratio-169{padding-bottom:56.25%}.responsive.ratio-1610{padding-bottom:62.5%}.responsive.ratio-219{padding-bottom:42.8571%}.responsive.ratio-43{padding-bottom:75%}.responsive.ratio-32{padding-bottom:66.6666%}
header,footer,nav,section,aside,main,article,figure,figcaption{display:block}body,div,h1,h2,h3,h4,h5,h6,p,blockquote,pre,code,ol,ul,li,dl,dt,dd,figure,table,th,td,form,fieldset,legend,input,textarea{margin:0;padding:0}table{border-spacing:0;border-collapse:collapse}caption,th,td{text-align:left;text-align:start;vertical-align:top}abbr,acronym{font-variant:normal;border-bottom:1px dotted #666;cursor:help}blockquote,q{quotes:none}fieldset,img,iframe{border:0}ul{list-style-type:none}sup{vertical-align:text-top}sub{vertical-align:text-bottom}del{text-decoration:line-through}ins{text-decoration:none}body{font:12px/1 "Lucida Grande","Lucida Sans Unicode",Verdana,sans-serif;color:#000}input,button,textarea,select{font-family:inherit;font-size:99%;font-weight:inherit}pre,code{font-family:Monaco,monospace}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}h1{font-size:1.8333em}h2{font-size:1.6667em}h3{font-size:1.5em}h4{font-size:1.3333em}table{font-size:inherit}caption,th{font-weight:700}a{color:#00f}h1,h2,h3,h4,h5,h6{margin-top:1em}h1,h2,h3,h4,h5,h6,p,pre,blockquote,table,ol,ul,form{margin-bottom:12px}
legend{width:100%;display:block;font-weight:700;border:0}input[type=text],input[type=password],input[type=date],input[type=datetime],input[type=email],input[type=number],input[type=search],input[type=tel],input[type=time],input[type=url],input:not([type]),textarea{width:100%;display:inline-block;padding:3px 6px;background:#fff;border:1px solid #ccc;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;-moz-box-shadow:inset 0 1px 1px #eee;-webkit-box-shadow:inset 0 1px 1px #eee;box-shadow:inset 0 1px 1px #eee;-moz-transition:all .15s linear;-webkit-transition:all .15s linear;-o-transition:all .15s linear;transition:all .15s linear;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}input[type=text]:focus,input[type=password]:focus,input[type=date]:focus,input[type=datetime]:focus,input[type=email]:focus,input[type=number]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=time]:focus,input[type=url]:focus,input:not([type]):focus,textarea:focus{outline:0;background:#fcfcfc;border-color:#bbb}input[type=file]{cursor:pointer}select,input[type=file]{display:block}form button,input[type=file],input[type=image],input[type=submit],input[type=reset],input[type=button],input[type=radio],input[type=checkbox]{width:auto}textarea,select[multiple],select[size]{height:auto}input[type=radio],input[type=checkbox]{margin:0 3px 0 0}input[type=radio],input[type=checkbox],label{vertical-align:middle}input[disabled],select[disabled],textarea[disabled],input[readonly],select[readonly],textarea[readonly]{cursor:not-allowed;background:#eee}input[type=radio][disabled],input[type=checkbox][disabled],input[type=radio][readonly],input[type=checkbox][readonly]{background:0 0}form button,input[type=submit],.button{display:inline-block;padding:4px 15px 4px 14px;margin-bottom:0;text-align:center;vertical-align:middle;line-height:16px;font-size:11px;color:#000;cursor:pointer;border:1px solid #ccc;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;background-color:#ececec;background-image:-moz-linear-gradient(top,#fff,#ececec);background-image:-webkit-linear-gradient(top,#fff,#ececec);background-image:-ms-linear-gradient(top,#fff,#ececec);background-image:-o-linear-gradient(top,#fff,#ececec);background-image:linear-gradient(to bottom,#fff,#ececec);background-repeat:repeat-x;-moz-transition:background .15s linear;-webkit-transition:background .15s linear;-o-transition:background .15s linear;transition:background .15s linear}form button:hover,input[type=submit]:hover,.button:hover{text-decoration:none;background-position:0 -15px!important}form button:active,input[type=submit]:active,.button:active{background-color:#e6e6e6;background-position:0 -30px!important}form button.blue,input[type=submit].blue,.button.blue{background-color:#2f96b4;background-image:-moz-linear-gradient(top,#5bc0de,#2f96b4);background-image:-webkit-linear-gradient(top,#5bc0de,#2f96b4);background-image:-ms-linear-gradient(top,#5bc0de,#2f96b4);background-image:-o-linear-gradient(top,#5bc0de,#2f96b4);background-image:linear-gradient(to bottom,#5bc0de,#2f96b4);border-color:#2f96b4;color:#fff}form button.blue:active,input[type=submit].blue:active,.button.blue:active{background-color:#2e95b3}form button.green,input[type=submit].green,.button.green{background-color:#51a351;background-image:-moz-linear-gradient(top,#62c462,#51a351);background-image:-webkit-linear-gradient(top,#62c462,#51a351);background-image:-ms-linear-gradient(top,#62c462,#51a351);background-image:-o-linear-gradient(top,#62c462,#51a351);background-image:linear-gradient(to bottom,#62c462,#51a351);border-color:#51a351;color:#fff}form button.green:active,input[type=submit].green:active,.button.green:active{background-color:#4f9f4f}form button.orange,input[type=submit].orange,.button.orange{background-color:#f89406;background-image:-moz-linear-gradient(top,#fbb450,#f89406);background-image:-webkit-linear-gradient(top,#fbb450,#f89406);background-image:-ms-linear-gradient(top,#fbb450,#f89406);background-image:-o-linear-gradient(top,#fbb450,#f89406);background-image:linear-gradient(to bottom,#fbb450,#f89406);border-color:#f89406;color:#fff}form button.orange:active,input[type=submit].orange:active,.button.orange:active{background-color:#f28f04}form button.red,input[type=submit].red,.button.red{background-color:#bd362f;background-image:-moz-linear-gradient(top,#ee5f5b,#bd362f);background-image:-webkit-linear-gradient(top,#ee5f5b,#bd362f);background-image:-ms-linear-gradient(top,#ee5f5b,#bd362f);background-image:-o-linear-gradient(top,#ee5f5b,#bd362f);background-image:linear-gradient(to bottom,#ee5f5b,#bd362f);border-color:#bd362f;color:#fff}form button.red:active,input[type=submit].red:active,.button.red:active{background-color:#be322b}.widget{margin-bottom:12px}.widget>label{display:block;margin-bottom:6px;font-weight:700}.inline-form .widget{display:inline-block;margin-bottom:0;vertical-align:middle}.horizontal-form .widget:after{content:"";display:table;clear:both}.horizontal-form .widget>label{width:20%;float:left;padding:3px 2% 0 0;text-align:right}.horizontal-form .widget>input,.horizontal-form .widget>textarea{width:78%;float:left}.horizontal-form .widget>fieldset{margin-left:20%}
/*!
 * mmenu.js
 * mmenujs.com
 *
 * Copyright (c) Fred Heusschen
 * frebsite.nl
 *
 * License: CC-BY-NC-4.0
 * http://creativecommons.org/licenses/by-nc/4.0/
 */.mm-menu_theme-white{--mm-color-border:rgba( 0,0,0, 0.1 );--mm-color-button:rgba( 0,0,0, 0.3 );--mm-color-text:rgba( 0,0,0, 0.7 );--mm-color-text-dimmed:rgba( 0,0,0, 0.3 );--mm-color-background:#fff;--mm-color-background-highlight:rgba( 0,0,0, 0.06 );--mm-color-background-emphasis:rgba( 0,0,0, 0.03 );--mm-shadow:0 0 10px rgba( 0,0,0, 0.2 )}.mm-menu_theme-dark{--mm-color-border:rgba( 0,0,0, 0.3 );--mm-color-button:rgba( 255,255,255, 0.4 );--mm-color-text:rgba( 255,255,255, 0.85 );--mm-color-text-dimmed:rgba( 255,255,255, 0.4 );--mm-color-background:#333;--mm-color-background-highlight:rgba( 255,255,255, 0.08 );--mm-color-background-emphasis:rgba( 0,0,0, 0.1 );--mm-shadow:0 0 20px rgba( 0,0,0, 0.5 )}.mm-menu_theme-black{--mm-color-border:rgba( 255,255,255, 0.25 );--mm-color-button:rgba( 255,255,255, 0.4 );--mm-color-text:rgba( 255,255,255, 0.75 );--mm-color-text-dimmed:rgba( 255,255,255, 0.4 );--mm-color-background:#000;--mm-color-background-highlight:rgba( 255,255,255, 0.2 );--mm-color-background-emphasis:rgba( 255,255,255, 0.15 );--mm-shadow:none}:root{--mm-line-height:20px;--mm-listitem-size:44px;--mm-navbar-size:44px;--mm-offset-top:0;--mm-offset-right:0;--mm-offset-bottom:0;--mm-offset-left:0;--mm-color-border:rgba(0, 0, 0, 0.1);--mm-color-button:rgba(0, 0, 0, 0.3);--mm-color-text:rgba(0, 0, 0, 0.75);--mm-color-text-dimmed:rgba(0, 0, 0, 0.3);--mm-color-background:#f3f3f3;--mm-color-background-highlight:rgba(0, 0, 0, 0.05);--mm-color-background-emphasis:rgba(255, 255, 255, 0.4);--mm-shadow:0 0 10px rgba(0, 0, 0, 0.3)}.mm-hidden{display:none!important}.mm-wrapper{overflow-x:hidden;position:relative}.mm-menu{top:0;right:0;bottom:0;left:0;background:#f3f3f3;border-color:rgba(0,0,0,.1);color:rgba(0,0,0,.75);line-height:20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:0;margin:0;-webkit-box-sizing:border-box;box-sizing:border-box;position:absolute;top:var(--mm-offset-top);right:var(--mm-offset-right);bottom:var(--mm-offset-bottom);left:var(--mm-offset-left);z-index:0;background:var(--mm-color-background);border-color:var(--mm-color-border);color:var(--mm-color-text);line-height:var(--mm-line-height);-webkit-tap-highlight-color:var(--mm-color-background-emphasis);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.mm-menu a,.mm-menu a:active,.mm-menu a:hover,.mm-menu a:link,.mm-menu a:visited{text-decoration:none;color:inherit}[dir=rtl] .mm-menu{direction:rtl}.mm-panel{background:#f3f3f3;border-color:rgba(0,0,0,.1);color:rgba(0,0,0,.75);z-index:0;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;-webkit-overflow-scrolling:touch;overflow:scroll;overflow-x:hidden;overflow-y:auto;background:var(--mm-color-background);border-color:var(--mm-color-border);color:var(--mm-color-text);-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);-webkit-transition:-webkit-transform .4s ease;transition:-webkit-transform .4s ease;-o-transition:transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease}.mm-panel:after{height:44px}.mm-panel:not(.mm-hidden){display:block}.mm-panel:after{content:'';display:block;height:var(--mm-listitem-size)}.mm-panel_opened{z-index:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.mm-panel_opened-parent{-webkit-transform:translate3d(-30%,0,0);transform:translate3d(-30%,0,0)}.mm-panel_highest{z-index:2}.mm-panel_noanimation{-webkit-transition:none!important;-o-transition:none!important;transition:none!important}.mm-panel_noanimation.mm-panel_opened-parent{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.mm-panels>.mm-panel{position:absolute;left:0;right:0;top:0;bottom:0}.mm-panel__content{padding:20px 20px 0}.mm-panels{background:#f3f3f3;border-color:rgba(0,0,0,.1);color:rgba(0,0,0,.75);position:relative;height:100%;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;overflow:hidden;background:var(--mm-color-background);border-color:var(--mm-color-border);color:var(--mm-color-text)}[dir=rtl] .mm-panel:not(.mm-panel_opened){-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}[dir=rtl] .mm-panel.mm-panel_opened-parent{-webkit-transform:translate3d(30%,0,0);transform:translate3d(30%,0,0)}.mm-listitem_vertical>.mm-panel{display:none;width:100%;padding:10px 0 10px 10px;-webkit-transform:none!important;-ms-transform:none!important;transform:none!important}.mm-listitem_vertical>.mm-panel:after,.mm-listitem_vertical>.mm-panel:before{content:none;display:none}.mm-listitem_opened>.mm-panel{display:block}.mm-listitem_vertical>.mm-listitem__btn{height:44px;height:var(--mm-listitem-size);bottom:auto}.mm-listitem_vertical .mm-listitem:last-child:after{border-color:transparent}.mm-listitem_opened>.mm-listitem__btn:after{-webkit-transform:rotate(225deg);-ms-transform:rotate(225deg);transform:rotate(225deg);right:19px}.mm-btn{-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;-ms-flex-negative:0;flex-shrink:0;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;width:50px;padding:0}.mm-btn:after,.mm-btn:before{border:2px solid rgba(0,0,0,.3);border:2px solid var(--mm-color-button)}.mm-btn_next:after,.mm-btn_prev:before{content:'';border-bottom:none;border-right:none;-webkit-box-sizing:content-box;box-sizing:content-box;display:block;width:8px;height:8px;margin:auto;position:absolute;top:0;bottom:0}.mm-btn_prev:before{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);left:23px;right:auto}.mm-btn_next:after{-webkit-transform:rotate(135deg);-ms-transform:rotate(135deg);transform:rotate(135deg);right:23px;left:auto}.mm-btn_close:after,.mm-btn_close:before{content:'';-webkit-box-sizing:content-box;box-sizing:content-box;display:block;width:5px;height:5px;margin:auto;position:absolute;top:0;bottom:0;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}.mm-btn_close:before{border-right:none;border-bottom:none;right:18px}.mm-btn_close:after{border-left:none;border-top:none;right:25px}[dir=rtl] .mm-btn_next:after{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);left:23px;right:auto}[dir=rtl] .mm-btn_prev:before{-webkit-transform:rotate(135deg);-ms-transform:rotate(135deg);transform:rotate(135deg);right:23px;left:auto}[dir=rtl] .mm-btn_close:after,[dir=rtl] .mm-btn_close:before{right:auto}[dir=rtl] .mm-btn_close:before{left:25px}[dir=rtl] .mm-btn_close:after{left:18px}.mm-navbar{min-height:44px;border-bottom:1px solid rgba(0,0,0,.1);background:#f3f3f3;color:rgba(0,0,0,.3);display:-webkit-box;display:-ms-flexbox;display:flex;min-height:var(--mm-navbar-size);border-bottom:1px solid var(--mm-color-border);background:var(--mm-color-background);color:var(--mm-color-text-dimmed);text-align:center;opacity:1;-webkit-transition:opacity .4s ease;-o-transition:opacity .4s ease;transition:opacity .4s ease}.mm-navbar>*{min-height:44px}@supports ((position:-webkit-sticky) or (position:sticky)){.mm-navbar_sticky{position:-webkit-sticky;position:sticky;top:0;z-index:1}}.mm-navbar>*{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-sizing:border-box;box-sizing:border-box}.mm-navbar__btn{-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0}.mm-navbar__title{-webkit-box-flex:1;-ms-flex:1 1 50%;flex:1 1 50%;display:-webkit-box;display:-ms-flexbox;display:flex;padding-left:20px;padding-right:20px;overflow:hidden}.mm-navbar__title:not(:last-child){padding-right:0}.mm-navbar__title>span{-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mm-navbar__btn:not(.mm-hidden)+.mm-navbar__title{padding-left:0}.mm-navbar__btn:not(.mm-hidden)+.mm-navbar__title:last-child{padding-right:50px}[dir=rtl] .mm-navbar{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.mm-listview{list-style:none;display:block;padding:0;margin:0}.mm-listitem{color:rgba(0,0,0,.75);border-color:rgba(0,0,0,.1);color:var(--mm-color-text);border-color:var(--mm-color-border);list-style:none;display:block;padding:0;margin:0;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.mm-listitem:after{content:'';border-color:inherit;border-bottom-width:1px;border-bottom-style:solid;display:block;position:absolute;left:20px;right:0;bottom:0}.mm-listitem a,.mm-listitem a:hover{text-decoration:none}.mm-listitem__btn,.mm-listitem__text{padding:12px;display:block;padding:calc((var(--mm-listitem-size) - var(--mm-line-height))/ 2);padding-left:0;padding-right:0;color:inherit}.mm-listitem__text{-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;padding-left:20px;padding-right:10px;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-preferred-size:10%;flex-basis:10%}.mm-listitem__btn{background:rgba(3,2,1,0);border-color:inherit;width:auto;padding-right:50px;position:relative}.mm-listitem__btn:not(.mm-listitem__text){border-left-width:1px;border-left-style:solid}.mm-listitem_selected>.mm-listitem__text{background:rgba(255,255,255,.4);background:var(--mm-color-background-emphasis)}.mm-listitem_opened>.mm-listitem__btn,.mm-listitem_opened>.mm-panel{background:rgba(0,0,0,.05);background:var(--mm-color-background-highlight)}[dir=rtl] .mm-listitem:after{left:0;right:20px}[dir=rtl] .mm-listitem__text{padding-left:10px;padding-right:20px}[dir=rtl] .mm-listitem__btn{padding-left:50px;border-left-width:0;border-left-style:none}[dir=rtl] .mm-listitem__btn:not(.mm-listitem__text){padding-right:0;border-right-width:1px;border-right-style:solid}.mm-page{-webkit-box-sizing:border-box;box-sizing:border-box;position:relative}.mm-slideout{-webkit-transition:-webkit-transform .4s ease;transition:-webkit-transform .4s ease;-o-transition:transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease;z-index:1}.mm-wrapper_opened{overflow-x:hidden;position:relative}.mm-wrapper_opened .mm-page{min-height:100vh}.mm-wrapper_background .mm-page{background:inherit}.mm-menu_offcanvas{position:fixed;right:auto;z-index:0}.mm-menu_offcanvas:not(.mm-menu_opened){display:none}.mm-menu_offcanvas{width:80%;min-width:240px;max-width:440px}.mm-wrapper_opening .mm-menu_offcanvas~.mm-slideout{-webkit-transform:translate3d(80vw,0,0);transform:translate3d(80vw,0,0)}@media all and (max-width:300px){.mm-wrapper_opening .mm-menu_offcanvas~.mm-slideout{-webkit-transform:translate3d(240px,0,0);transform:translate3d(240px,0,0)}}@media all and (min-width:550px){.mm-wrapper_opening .mm-menu_offcanvas~.mm-slideout{-webkit-transform:translate3d(440px,0,0);transform:translate3d(440px,0,0)}}.mm-wrapper__blocker{background:rgba(3,2,1,0);overflow:hidden;display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:2}.mm-wrapper_blocking{overflow:hidden}.mm-wrapper_blocking body{overflow:hidden}.mm-wrapper_blocking .mm-wrapper__blocker{display:block}.mm-sronly{border:0!important;clip:rect(1px,1px,1px,1px)!important;-webkit-clip-path:inset(50%)!important;clip-path:inset(50%)!important;white-space:nowrap!important;width:1px!important;min-width:1px!important;height:1px!important;min-height:1px!important;padding:0!important;overflow:hidden!important;position:absolute!important}.mm-menu_autoheight:not(.mm-menu_offcanvas){position:relative}.mm-menu_autoheight.mm-menu_position-bottom,.mm-menu_autoheight.mm-menu_position-top{max-height:80%}.mm-menu_autoheight-measuring .mm-panel{display:block!important}.mm-menu_autoheight-measuring .mm-panels>.mm-panel{bottom:auto!important;height:auto!important}.mm-menu_autoheight-measuring .mm-listitem_vertical:not(.mm-listitem_opened) .mm-panel{display:none!important}[class*=mm-menu_columns-]{-webkit-transition-property:width;-o-transition-property:width;transition-property:width}[class*=mm-menu_columns-] .mm-panels>.mm-panel{right:auto;-webkit-transition-property:width,-webkit-transform;transition-property:width,-webkit-transform;-o-transition-property:width,transform;transition-property:width,transform;transition-property:width,transform,-webkit-transform}[class*=mm-menu_columns-] .mm-panels>.mm-panel_opened,[class*=mm-menu_columns-] .mm-panels>.mm-panel_opened-parent{display:block!important}[class*=mm-panel_columns-]{border-right:1px solid;border-color:inherit}.mm-menu_columns-1 .mm-panel_columns-0,.mm-menu_columns-2 .mm-panel_columns-1,.mm-menu_columns-3 .mm-panel_columns-2,.mm-menu_columns-4 .mm-panel_columns-3{border-right:none}[class*=mm-menu_columns-] .mm-panels>.mm-panel_columns-0{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.mm-menu_columns-0 .mm-panels>.mm-panel{z-index:0}.mm-menu_columns-0 .mm-panels>.mm-panel else{width:100%}.mm-menu_columns-0 .mm-panels>.mm-panel:not(.mm-panel_opened):not(.mm-panel_opened-parent){-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.mm-menu_columns-0{width:80%;min-width:240px;max-width:0}.mm-wrapper_opening .mm-menu_columns-0~.mm-slideout{-webkit-transform:translate3d(80vw,0,0);transform:translate3d(80vw,0,0)}@media all and (max-width:300px){.mm-wrapper_opening .mm-menu_columns-0~.mm-slideout{-webkit-transform:translate3d(240px,0,0);transform:translate3d(240px,0,0)}}@media all and (min-width:0px){.mm-wrapper_opening .mm-menu_columns-0~.mm-slideout{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.mm-wrapper_opening .mm-menu_columns-0.mm-menu_position-right.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(-80vw,0,0);transform:translate3d(-80vw,0,0)}@media all and (max-width:300px){.mm-wrapper_opening .mm-menu_columns-0.mm-menu_position-right.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(-240px,0,0);transform:translate3d(-240px,0,0)}}@media all and (min-width:0px){.mm-wrapper_opening .mm-menu_columns-0.mm-menu_position-right.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}[class*=mm-menu_columns-] .mm-panels>.mm-panel_columns-1{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.mm-menu_columns-1 .mm-panels>.mm-panel{z-index:1;width:100%}.mm-menu_columns-1 .mm-panels>.mm-panel else{width:100%}.mm-menu_columns-1 .mm-panels>.mm-panel:not(.mm-panel_opened):not(.mm-panel_opened-parent){-webkit-transform:translate3d(200%,0,0);transform:translate3d(200%,0,0)}.mm-menu_columns-1{width:80%;min-width:240px;max-width:440px}.mm-wrapper_opening .mm-menu_columns-1~.mm-slideout{-webkit-transform:translate3d(80vw,0,0);transform:translate3d(80vw,0,0)}@media all and (max-width:300px){.mm-wrapper_opening .mm-menu_columns-1~.mm-slideout{-webkit-transform:translate3d(240px,0,0);transform:translate3d(240px,0,0)}}@media all and (min-width:550px){.mm-wrapper_opening .mm-menu_columns-1~.mm-slideout{-webkit-transform:translate3d(440px,0,0);transform:translate3d(440px,0,0)}}.mm-wrapper_opening .mm-menu_columns-1.mm-menu_position-right.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(-80vw,0,0);transform:translate3d(-80vw,0,0)}@media all and (max-width:300px){.mm-wrapper_opening .mm-menu_columns-1.mm-menu_position-right.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(-240px,0,0);transform:translate3d(-240px,0,0)}}@media all and (min-width:550px){.mm-wrapper_opening .mm-menu_columns-1.mm-menu_position-right.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(-440px,0,0);transform:translate3d(-440px,0,0)}}[class*=mm-menu_columns-] .mm-panels>.mm-panel_columns-2{-webkit-transform:translate3d(200%,0,0);transform:translate3d(200%,0,0)}.mm-menu_columns-2 .mm-panels>.mm-panel{z-index:2;width:50%}.mm-menu_columns-2 .mm-panels>.mm-panel else{width:100%}.mm-menu_columns-2 .mm-panels>.mm-panel:not(.mm-panel_opened):not(.mm-panel_opened-parent){-webkit-transform:translate3d(300%,0,0);transform:translate3d(300%,0,0)}.mm-menu_columns-2{width:80%;min-width:240px;max-width:880px}.mm-wrapper_opening .mm-menu_columns-2~.mm-slideout{-webkit-transform:translate3d(80vw,0,0);transform:translate3d(80vw,0,0)}@media all and (max-width:300px){.mm-wrapper_opening .mm-menu_columns-2~.mm-slideout{-webkit-transform:translate3d(240px,0,0);transform:translate3d(240px,0,0)}}@media all and (min-width:1100px){.mm-wrapper_opening .mm-menu_columns-2~.mm-slideout{-webkit-transform:translate3d(880px,0,0);transform:translate3d(880px,0,0)}}.mm-wrapper_opening .mm-menu_columns-2.mm-menu_position-right.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(-80vw,0,0);transform:translate3d(-80vw,0,0)}@media all and (max-width:300px){.mm-wrapper_opening .mm-menu_columns-2.mm-menu_position-right.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(-240px,0,0);transform:translate3d(-240px,0,0)}}@media all and (min-width:1100px){.mm-wrapper_opening .mm-menu_columns-2.mm-menu_position-right.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(-880px,0,0);transform:translate3d(-880px,0,0)}}[class*=mm-menu_columns-] .mm-panels>.mm-panel_columns-3{-webkit-transform:translate3d(300%,0,0);transform:translate3d(300%,0,0)}.mm-menu_columns-3 .mm-panels>.mm-panel{z-index:3;width:33.34%}.mm-menu_columns-3 .mm-panels>.mm-panel else{width:100%}.mm-menu_columns-3 .mm-panels>.mm-panel:not(.mm-panel_opened):not(.mm-panel_opened-parent){-webkit-transform:translate3d(400%,0,0);transform:translate3d(400%,0,0)}.mm-menu_columns-3{width:80%;min-width:240px;max-width:1320px}.mm-wrapper_opening .mm-menu_columns-3~.mm-slideout{-webkit-transform:translate3d(80vw,0,0);transform:translate3d(80vw,0,0)}@media all and (max-width:300px){.mm-wrapper_opening .mm-menu_columns-3~.mm-slideout{-webkit-transform:translate3d(240px,0,0);transform:translate3d(240px,0,0)}}@media all and (min-width:1650px){.mm-wrapper_opening .mm-menu_columns-3~.mm-slideout{-webkit-transform:translate3d(1320px,0,0);transform:translate3d(1320px,0,0)}}.mm-wrapper_opening .mm-menu_columns-3.mm-menu_position-right.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(-80vw,0,0);transform:translate3d(-80vw,0,0)}@media all and (max-width:300px){.mm-wrapper_opening .mm-menu_columns-3.mm-menu_position-right.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(-240px,0,0);transform:translate3d(-240px,0,0)}}@media all and (min-width:1650px){.mm-wrapper_opening .mm-menu_columns-3.mm-menu_position-right.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(-1320px,0,0);transform:translate3d(-1320px,0,0)}}[class*=mm-menu_columns-] .mm-panels>.mm-panel_columns-4{-webkit-transform:translate3d(400%,0,0);transform:translate3d(400%,0,0)}.mm-menu_columns-4 .mm-panels>.mm-panel{z-index:4;width:25%}.mm-menu_columns-4 .mm-panels>.mm-panel else{width:100%}.mm-menu_columns-4 .mm-panels>.mm-panel:not(.mm-panel_opened):not(.mm-panel_opened-parent){-webkit-transform:translate3d(500%,0,0);transform:translate3d(500%,0,0)}.mm-menu_columns-4{width:80%;min-width:240px;max-width:1760px}.mm-wrapper_opening .mm-menu_columns-4~.mm-slideout{-webkit-transform:translate3d(80vw,0,0);transform:translate3d(80vw,0,0)}@media all and (max-width:300px){.mm-wrapper_opening .mm-menu_columns-4~.mm-slideout{-webkit-transform:translate3d(240px,0,0);transform:translate3d(240px,0,0)}}@media all and (min-width:2200px){.mm-wrapper_opening .mm-menu_columns-4~.mm-slideout{-webkit-transform:translate3d(1760px,0,0);transform:translate3d(1760px,0,0)}}.mm-wrapper_opening .mm-menu_columns-4.mm-menu_position-right.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(-80vw,0,0);transform:translate3d(-80vw,0,0)}@media all and (max-width:300px){.mm-wrapper_opening .mm-menu_columns-4.mm-menu_position-right.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(-240px,0,0);transform:translate3d(-240px,0,0)}}@media all and (min-width:2200px){.mm-wrapper_opening .mm-menu_columns-4.mm-menu_position-right.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(-1760px,0,0);transform:translate3d(-1760px,0,0)}}[class*=mm-menu_columns-].mm-menu_position-bottom,[class*=mm-menu_columns-].mm-menu_position-top{width:100%;max-width:100%;min-width:100%}.mm-wrapper_opening [class*=mm-menu_columns-].mm-menu_position-front{-webkit-transition-property:width,min-width,max-width,-webkit-transform;transition-property:width,min-width,max-width,-webkit-transform;-o-transition-property:width,min-width,max-width,transform;transition-property:width,min-width,max-width,transform;transition-property:width,min-width,max-width,transform,-webkit-transform}.mm-counter{color:rgba(0,0,0,.3);display:block;padding-left:20px;float:right;text-align:right;color:var(--mm-color-text-dimmed)}.mm-listitem_nosubitems>.mm-counter{display:none}[dir=rtl] .mm-counter{text-align:left;float:left;padding-left:0;padding-right:20px}.mm-divider{position:relative;min-height:20px;padding:4.3px;background:#f3f3f3;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;min-height:var(--mm-line-height);padding:calc(((var(--mm-listitem-size) * .65) - var(--mm-line-height)) * .5);padding-right:10px;padding-left:20px;font-size:75%;text-transform:uppercase;background:var(--mm-color-background);opacity:1;-webkit-transition:opacity .4s ease;-o-transition:opacity .4s ease;transition:opacity .4s ease}.mm-divider:before{background:rgba(0,0,0,.05)}@supports ((position:-webkit-sticky) or (position:sticky)){.mm-divider{position:-webkit-sticky;position:sticky;z-index:2;top:0}.mm-navbar_sticky:not(.mm-hidden)~.mm-listview .mm-divider{top:var(--mm-navbar-size)}}.mm-divider:before{content:'';position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:var(--mm-color-background-highlight)}.mm-wrapper_dragging .mm-menu,.mm-wrapper_dragging .mm-slideout{-webkit-transition-duration:0s!important;-o-transition-duration:0s!important;transition-duration:0s!important;-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important;user-select:none!important}.mm-wrapper_dragging .mm-menu{pointer-events:none!important}.mm-wrapper_dragging .mm-wrapper__blocker{display:none!important}.mm-menu_dropdown{-webkit-box-shadow:0 2px 10px rgba(0,0,0,.3);box-shadow:0 2px 10px rgba(0,0,0,.3);height:80%}.mm-wrapper_dropdown .mm-slideout{-webkit-transform:none!important;-ms-transform:none!important;transform:none!important;z-index:0}.mm-wrapper_dropdown .mm-wrapper__blocker{-webkit-transition-delay:0s!important;-o-transition-delay:0s!important;transition-delay:0s!important;z-index:1}.mm-wrapper_dropdown .mm-menu_dropdown{z-index:2}.mm-wrapper_dropdown.mm-wrapper_opened:not(.mm-wrapper_opening) .mm-menu_dropdown{display:none}.mm-menu_tip-bottom:before,.mm-menu_tip-left:before,.mm-menu_tip-right:before,.mm-menu_tip-top:before{content:'';background:inherit;-webkit-box-shadow:0 2px 10px rgba(0,0,0,.3);box-shadow:0 2px 10px rgba(0,0,0,.3);display:block;width:15px;height:15px;position:absolute;z-index:-1;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.mm-menu_tip-left:before{left:22px}.mm-menu_tip-right:before{right:22px}.mm-menu_tip-top:before{top:-8px}.mm-menu_tip-bottom:before{bottom:-8px}:root{--mm-iconbar-size:50px}.mm-menu_iconbar-left .mm-navbars_bottom,.mm-menu_iconbar-left .mm-navbars_top,.mm-menu_iconbar-left .mm-panels{margin-left:50px;margin-left:var(--mm-iconbar-size)}.mm-menu_iconbar-left .mm-iconbar{border-right-width:1px;display:block;left:0}.mm-menu_iconbar-right .mm-navbars_bottom,.mm-menu_iconbar-right .mm-navbars_top,.mm-menu_iconbar-right .mm-panels{margin-right:50px;margin-right:var(--mm-iconbar-size)}.mm-menu_iconbar-right .mm-iconbar{border-left-width:1px;display:block;right:0}.mm-iconbar{width:50px;border-color:rgba(0,0,0,.1);background:#f3f3f3;color:rgba(0,0,0,.3);display:none;width:var(--mm-iconbar-size);overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;position:absolute;top:0;bottom:0;z-index:2;border:0 solid;border-color:var(--mm-color-border);background:var(--mm-color-background);color:var(--mm-color-text-dimmed);text-align:center}.mm-iconbar__bottom,.mm-iconbar__top{width:inherit;position:absolute}.mm-iconbar__bottom>*,.mm-iconbar__top>*{-webkit-box-sizing:border-box;box-sizing:border-box;display:block;padding:12.5px 0}.mm-iconbar__bottom a,.mm-iconbar__bottom a:hover,.mm-iconbar__top a,.mm-iconbar__top a:hover{text-decoration:none}.mm-iconbar__top{top:0}.mm-iconbar__bottom{bottom:0}.mm-iconbar__tab_selected{background:rgba(255,255,255,.4);background:var(--mm-color-background-emphasis)}:root{--mm-iconpanel-size:50px}.mm-panel_iconpanel-1{width:calc(100% - 50px);width:calc(100% - (var(--mm-iconpanel-size) * 1))}.mm-panel_iconpanel-2{width:calc(100% - 100px);width:calc(100% - (var(--mm-iconpanel-size) * 2))}.mm-panel_iconpanel-3{width:calc(100% - 150px);width:calc(100% - (var(--mm-iconpanel-size) * 3))}.mm-panel_iconpanel-first~.mm-panel{width:calc(100% - 50px);width:calc(100% - var(--mm-iconpanel-size))}.mm-menu_iconpanel .mm-panels>.mm-panel{left:auto;-webkit-transition-property:width,-webkit-transform;transition-property:width,-webkit-transform;-o-transition-property:transform,width;transition-property:transform,width;transition-property:transform,width,-webkit-transform}.mm-menu_iconpanel .mm-panels>.mm-panel_opened,.mm-menu_iconpanel .mm-panels>.mm-panel_opened-parent{display:block!important}.mm-menu_iconpanel .mm-panels>.mm-panel_opened-parent{overflow-y:hidden;-webkit-transform:unset;-ms-transform:unset;transform:unset}.mm-menu_iconpanel .mm-panels>.mm-panel:not(.mm-panel_iconpanel-first):not(.mm-panel_iconpanel-0){border-left-width:1px;border-left-style:solid}.mm-menu_hidedivider .mm-panel_opened-parent .mm-divider,.mm-menu_hidenavbar .mm-panel_opened-parent .mm-navbar{opacity:0}.mm-panel__blocker{background:inherit;opacity:0;display:block;position:absolute;top:0;right:0;left:0;z-index:3;-webkit-transition:opacity .4s ease;-o-transition:opacity .4s ease;transition:opacity .4s ease}.mm-panel_opened-parent .mm-panel__blocker{opacity:.6;bottom:-100000px}[dir=rtl] .mm-menu_iconpanel .mm-panels>.mm-panel{left:0;right:auto;-webkit-transition-property:width,-webkit-transform;transition-property:width,-webkit-transform;-o-transition-property:transform,width;transition-property:transform,width;transition-property:transform,width,-webkit-transform}[dir=rtl] .mm-menu_iconpanel .mm-panels>.mm-panel:not(.mm-panel_iconpanel-first):not(.mm-panel_iconpanel-0){border-left:none;border-right:1px solid;border-color:inherit}.mm-menu_keyboardfocus a:focus,.mm-menu_keyboardfocus.mm-menu_opened~.mm-wrapper__blocker a:focus{background:rgba(255,255,255,.4);background:var(--mm-color-background-emphasis);outline:0}.mm-wrapper__blocker .mm-tabstart{cursor:default;display:block;width:100%;height:100%}.mm-wrapper__blocker .mm-tabend{opacity:0;position:absolute;bottom:0}.mm-navbars_top{-ms-flex-negative:0;flex-shrink:0}.mm-navbars_top .mm-navbar:not(:last-child){border-bottom:none}.mm-navbars_bottom{-ms-flex-negative:0;flex-shrink:0}.mm-navbars_bottom .mm-navbar{border-bottom:none}.mm-navbars_bottom .mm-navbar:first-child{border-top:1px solid rgba(0,0,0,.1);border-top:1px solid var(--mm-color-border)}.mm-btn:not(.mm-hidden)+.mm-navbar__searchfield .mm-searchfield__input{padding-left:0}.mm-navbar__searchfield:not(:last-child) .mm-searchfield__input{padding-right:0}.mm-navbar__breadcrumbs{-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;-webkit-box-flex:1;-ms-flex:1 1 50%;flex:1 1 50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;padding:0 20px;overflow-x:auto;-webkit-overflow-scrolling:touch}.mm-navbar__breadcrumbs>*{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding-right:6px}.mm-navbar__breadcrumbs>a{text-decoration:underline}.mm-navbar__breadcrumbs:not(:last-child){padding-right:0}.mm-btn:not(.mm-hidden)+.mm-navbar__breadcrumbs{padding-left:0}.mm-navbar_tabs>*{padding:0 10px;border:1px solid transparent}.mm-navbar__tab_selected{background:#f3f3f3;color:rgba(0,0,0,.75);background:var(--mm-color-background);color:var(--mm-color-text)}.mm-navbar__tab_selected:not(:first-child){border-left-color:rgba(0,0,0,.1)}.mm-navbar__tab_selected:not(:last-child){border-right-color:rgba(0,0,0,.1)}.mm-navbar__tab_selected:not(:first-child){border-left-color:var(--mm-color-border)}.mm-navbar__tab_selected:not(:last-child){border-right-color:var(--mm-color-border)}.mm-navbars_top .mm-navbar_tabs{border-bottom:none}.mm-navbars_top .mm-navbar_tabs>*{border-bottom-color:rgba(0,0,0,.1);border-bottom-color:var(--mm-color-border)}.mm-navbars_top .mm-navbar__tab_selected{border-top-color:rgba(0,0,0,.1);border-top-color:var(--mm-color-border);border-bottom-color:transparent}.mm-navbars_top.mm-navbars_has-tabs .mm-navbar{background:rgba(255,255,255,.4);background:var(--mm-color-background-emphasis)}.mm-navbars_top.mm-navbars_has-tabs .mm-navbar_tabs~.mm-navbar{background:#f3f3f3;background:var(--mm-color-background)}.mm-navbars_bottom .mm-navbar_tabs:first-child{border-top:none}.mm-navbars_bottom .mm-navbar_tabs>*{border-top-color:rgba(0,0,0,.1);border-top-color:var(--mm-color-border)}.mm-navbars_bottom .mm-navbar__tab_selected{border-bottom-color:rgba(0,0,0,.1);border-bottom-color:var(--mm-color-border);border-top-color:transparent}.mm-navbars_bottom.mm-navbars_has-tabs .mm-navbar{background:#f3f3f3;background:var(--mm-color-background)}.mm-navbars_bottom.mm-navbars_has-tabs .mm-navbar_tabs,.mm-navbars_bottom.mm-navbars_has-tabs .mm-navbar_tabs~.mm-navbar{background:rgba(255,255,255,.4);background:var(--mm-color-background-emphasis)}.mm-searchfield{height:44px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;height:var(--mm-navbar-size);padding:0;overflow:hidden}.mm-searchfield input{height:30.8px;line-height:30.8px}.mm-searchfield input,.mm-searchfield input:focus,.mm-searchfield input:hover{background:rgba(0,0,0,.05);color:rgba(0,0,0,.75)}.mm-searchfield input{display:block;width:100%;max-width:100%;height:calc(var(--mm-navbar-size) * .7);min-height:unset;max-height:unset;margin:0;padding:0 10px;-webkit-box-sizing:border-box;box-sizing:border-box;border:none!important;border-radius:4px;line-height:calc(var(--mm-navbar-size) * .7);-webkit-box-shadow:none!important;box-shadow:none!important;outline:0!important;font:inherit;font-size:inherit}.mm-searchfield input,.mm-searchfield input:focus,.mm-searchfield input:hover{background:var(--mm-color-background-highlight);color:var(--mm-color-text)}.mm-searchfield input::-ms-clear{display:none}.mm-searchfield__input{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;width:100%;max-width:100%;padding:0 10px;-webkit-box-sizing:border-box;box-sizing:border-box}.mm-panel__noresultsmsg{color:rgba(0,0,0,.3);padding:50px 0;color:var(--mm-color-text-dimmed);text-align:center;font-size:150%}.mm-searchfield__btn{position:absolute;right:0;top:0;bottom:0}.mm-panel_search{left:0!important;right:0!important;width:100%!important;border-left:none!important}.mm-searchfield__cancel{line-height:44px;display:block;padding-right:10px;margin-right:-100px;line-height:var(--mm-navbar-size);text-decoration:none;-webkit-transition:margin .4s ease;-o-transition:margin .4s ease;transition:margin .4s ease}.mm-searchfield__cancel-active{margin-right:0}.mm-listitem_nosubitems>.mm-listitem__btn{display:none}.mm-listitem_nosubitems>.mm-listitem__text{padding-right:10px}.mm-listitem_onlysubitems>.mm-listitem__text:not(.mm-listitem__btn){z-index:-1;pointer-events:none}.mm-sectionindexer{background:inherit;text-align:center;font-size:12px;-webkit-box-sizing:border-box;box-sizing:border-box;width:20px;position:absolute;top:0;bottom:0;right:-20px;z-index:5;-webkit-transition:right .4s ease;-o-transition:right .4s ease;transition:right .4s ease;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly}.mm-sectionindexer a{color:rgba(0,0,0,.3);color:var(--mm-color-text-dimmed);line-height:1;text-decoration:none;display:block}.mm-sectionindexer~.mm-panel{padding-right:0}.mm-sectionindexer_active{right:0}.mm-sectionindexer_active~.mm-panel{padding-right:20px}.mm-menu_selected-hover .mm-listitem__btn,.mm-menu_selected-hover .mm-listitem__text,.mm-menu_selected-parent .mm-listitem__btn,.mm-menu_selected-parent .mm-listitem__text{-webkit-transition:background-color .4s ease;-o-transition:background-color .4s ease;transition:background-color .4s ease}.mm-menu_selected-hover .mm-listview:hover>.mm-listitem_selected>.mm-listitem__text{background:0 0}.mm-menu_selected-hover .mm-listitem__btn:hover,.mm-menu_selected-hover .mm-listitem__text:hover{background:rgba(255,255,255,.4);background:var(--mm-color-background-emphasis)}.mm-menu_selected-parent .mm-panel_opened-parent .mm-listitem:not(.mm-listitem_selected-parent)>.mm-listitem__text{background:0 0}.mm-menu_selected-parent .mm-listitem_selected-parent>.mm-listitem__btn,.mm-menu_selected-parent .mm-listitem_selected-parent>.mm-listitem__text{background:rgba(255,255,255,.4);background:var(--mm-color-background-emphasis)}:root{--mm-sidebar-collapsed-size:50px;--mm-sidebar-expanded-size:440px}.mm-wrapper_sidebar-collapsed body,.mm-wrapper_sidebar-expanded body{position:relative}.mm-wrapper_sidebar-collapsed .mm-slideout,.mm-wrapper_sidebar-expanded .mm-slideout{-webkit-transition-property:width,-webkit-transform;transition-property:width,-webkit-transform;-o-transition-property:width,transform;transition-property:width,transform;transition-property:width,transform,-webkit-transform}.mm-wrapper_sidebar-collapsed .mm-page,.mm-wrapper_sidebar-expanded .mm-page{background:inherit;-webkit-box-sizing:border-box;box-sizing:border-box;min-height:100vh}.mm-wrapper_sidebar-collapsed .mm-menu_sidebar-collapsed,.mm-wrapper_sidebar-expanded .mm-menu_sidebar-expanded{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important;top:0!important;right:auto!important;bottom:0!important;left:0!important}.mm-wrapper_sidebar-collapsed .mm-slideout{width:calc(100% - 50px);-webkit-transform:translate3d(50px,0,0);transform:translate3d(50px,0,0);width:calc(100% - var(--mm-sidebar-collapsed-size));-webkit-transform:translate3d(var(--mm-sidebar-collapsed-size),0,0);transform:translate3d(var(--mm-sidebar-collapsed-size),0,0)}.mm-wrapper_sidebar-collapsed:not(.mm-wrapper_opening) .mm-menu_hidedivider .mm-divider,.mm-wrapper_sidebar-collapsed:not(.mm-wrapper_opening) .mm-menu_hidenavbar .mm-navbar{opacity:0}.mm-wrapper_sidebar-expanded .mm-menu_sidebar-expanded{width:440px;width:var(--mm-sidebar-expanded-size);min-width:0!important;max-width:100000px!important;border-right-width:1px;border-right-style:solid}.mm-wrapper_sidebar-expanded .mm-menu_sidebar-expanded.mm-menu_pageshadow:after{content:none;display:none}.mm-wrapper_sidebar-expanded.mm-wrapper_blocking,.mm-wrapper_sidebar-expanded.mm-wrapper_blocking body{overflow:visible}.mm-wrapper_sidebar-expanded .mm-wrapper__blocker{display:none!important}.mm-wrapper_sidebar-expanded:not(.mm-wrapper_sidebar-closed) .mm-menu_sidebar-expanded.mm-menu_opened~.mm-slideout{width:calc(100% - 440px);-webkit-transform:translate3d(440px,0,0);transform:translate3d(440px,0,0);width:calc(100% - var(--mm-sidebar-expanded-size));-webkit-transform:translate3d(var(--mm-sidebar-expanded-size),0,0);transform:translate3d(var(--mm-sidebar-expanded-size),0,0)}.mm-menu__blocker{background:rgba(3,2,1,0);display:block;position:absolute;top:0;right:0;bottom:0;left:0;z-index:3}.mm-menu_opened .mm-menu__blocker{display:none}[dir=rtl].mm-wrapper_sidebar-collapsed .mm-slideout{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}[dir=rtl].mm-wrapper_sidebar-expanded .mm-slideout{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}[dir=rtl].mm-wrapper_sidebar-expanded:not(.mm-wrapper_sidebar-closed) .mm-menu_sidebar-expanded.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}input.mm-toggle{margin-top:5px;background:rgba(0,0,0,.1);display:inline-block;min-width:58px;width:58px;height:34px;margin:0 10px;margin-top:calc((var(--mm-listitem-size) - 34px)/ 2);border:none!important;background:var(--mm-color-border);border-radius:34px;-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;cursor:pointer;-webkit-transition:background-color .2s ease;-o-transition:background-color .2s ease;transition:background-color .2s ease}input.mm-toggle:before{background:#f3f3f3}input.mm-toggle:before{content:'';display:block;width:32px;height:32px;margin:1px;border-radius:34px;background:var(--mm-color-background);-webkit-transition:-webkit-transform .2s ease;transition:-webkit-transform .2s ease;-o-transition:transform .2s ease;transition:transform .2s ease;transition:transform .2s ease,-webkit-transform .2s ease}input.mm-toggle:checked{background:#4bd963}input.mm-toggle:checked:before{-webkit-transform:translateX(24px);-ms-transform:translateX(24px);transform:translateX(24px)}input.mm-check{margin-top:2px;-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;border:none!important;background:0 0!important;cursor:pointer;display:inline-block;width:40px;height:40px;margin:0 10px;margin-top:calc((var(--mm-listitem-size) - 40px)/ 2)}input.mm-check:before{content:'';display:block;width:40%;height:20%;margin:25% 0 0 20%;border-left:3px solid;border-bottom:3px solid;border-color:var(--mm-color-text);opacity:.3;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transition:opacity .2s ease;-o-transition:opacity .2s ease;transition:opacity .2s ease}input.mm-check:checked:before{opacity:1}[dir=rtl] input.mm-toggle:checked~label.mm-toggle:before{float:left}.mm-menu_border-none .mm-listitem:after{content:none}.mm-menu_border-full .mm-listitem:after{left:0!important}.mm-menu_fx-menu-slide{-webkit-transition:-webkit-transform .4s ease;transition:-webkit-transform .4s ease;-o-transition:transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease}.mm-wrapper_opened .mm-menu_fx-menu-slide{-webkit-transform:translate3d(-30%,0,0);transform:translate3d(-30%,0,0)}.mm-wrapper_opening .mm-menu_fx-menu-slide{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.mm-wrapper_opened .mm-menu_fx-menu-slide.mm-menu_position-right{-webkit-transform:translate3d(30%,0,0);transform:translate3d(30%,0,0)}.mm-wrapper_opening .mm-menu_fx-menu-slide.mm-menu_position-right{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.mm-menu_fx-panels-none .mm-panel,.mm-panel_fx-none{-webkit-transition-property:none;-o-transition-property:none;transition-property:none}.mm-menu_fx-panels-none .mm-panel.mm-panel_opened-parent,.mm-panel_fx-none.mm-panel_opened-parent{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.mm-menu_fx-panels-slide-0 .mm-panel_opened-parent{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.mm-menu_fx-panels-slide-100 .mm-panel_opened-parent{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.mm-menu_fullscreen{width:100%;min-width:140px;max-width:10000px}.mm-wrapper_opening .mm-menu_fullscreen~.mm-slideout{-webkit-transform:translate3d(100vw,0,0);transform:translate3d(100vw,0,0)}@media all and (max-width:140px){.mm-wrapper_opening .mm-menu_fullscreen~.mm-slideout{-webkit-transform:translate3d(140px,0,0);transform:translate3d(140px,0,0)}}@media all and (min-width:10000px){.mm-wrapper_opening .mm-menu_fullscreen~.mm-slideout{-webkit-transform:translate3d(10000px,0,0);transform:translate3d(10000px,0,0)}}.mm-wrapper_opening .mm-menu_fullscreen.mm-menu_position-right.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(-100vw,0,0);transform:translate3d(-100vw,0,0)}@media all and (max-width:140px){.mm-wrapper_opening .mm-menu_fullscreen.mm-menu_position-right.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(-140px,0,0);transform:translate3d(-140px,0,0)}}@media all and (min-width:10000px){.mm-wrapper_opening .mm-menu_fullscreen.mm-menu_position-right.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(-10000px,0,0);transform:translate3d(-10000px,0,0)}}.mm-menu_fullscreen.mm-menu_position-top{height:100vh;min-height:140px;max-height:10000px}.mm-menu_fullscreen.mm-menu_position-bottom{height:100vh;min-height:140px;max-height:10000px}.mm-menu_listview-justify .mm-panels>.mm-panel{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.mm-menu_listview-justify .mm-panels>.mm-panel:after{content:none;display:none}.mm-menu_listview-justify .mm-panels>.mm-panel .mm-listview{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100%;margin-top:0;margin-bottom:0}.mm-menu_listview-justify .mm-panels>.mm-panel .mm-listitem{-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto;min-height:50px}.mm-menu_listview-justify .mm-panels>.mm-panel .mm-listitem__text{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.mm-listview_inset{list-style:inside disc;width:100%;padding:0 30px 15px 30px;margin:0}.mm-listview_inset .mm-listitem{padding:5px 0}.mm-menu_multiline .mm-listitem__text{-o-text-overflow:clip;text-overflow:clip;white-space:normal}[class*=mm-menu_pagedim].mm-menu_opened~.mm-wrapper__blocker{opacity:0}.mm-wrapper_opening [class*=mm-menu_pagedim].mm-menu_opened~.mm-wrapper__blocker{opacity:.3;-webkit-transition:opacity .4s ease .4s;-o-transition:opacity .4s ease .4s;transition:opacity .4s ease .4s}.mm-menu_opened.mm-menu_pagedim~.mm-wrapper__blocker{background:inherit}.mm-menu_opened.mm-menu_pagedim-black~.mm-wrapper__blocker{background:#000}.mm-menu_opened.mm-menu_pagedim-white~.mm-wrapper__blocker{background:#fff}.mm-menu_popup{-webkit-transition:opacity .4s ease;-o-transition:opacity .4s ease;transition:opacity .4s ease;opacity:0;-webkit-box-shadow:0 2px 10px rgba(0,0,0,.3);box-shadow:0 2px 10px rgba(0,0,0,.3);height:80%;min-height:140px;max-height:880px;top:50%;left:50%;bottom:auto;right:auto;z-index:2;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0)}.mm-menu_popup.mm-menu_opened~.mm-slideout{-webkit-transform:none!important;-ms-transform:none!important;transform:none!important;z-index:0}.mm-menu_popup.mm-menu_opened~.mm-wrapper__blocker{-webkit-transition-delay:0s!important;-o-transition-delay:0s!important;transition-delay:0s!important;z-index:1}.mm-wrapper_opening .mm-menu_popup{opacity:1}.mm-menu_position-right{left:auto;right:0}.mm-wrapper_opening .mm-menu_position-right.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(-80vw,0,0);transform:translate3d(-80vw,0,0)}@media all and (max-width:300px){.mm-wrapper_opening .mm-menu_position-right.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(-240px,0,0);transform:translate3d(-240px,0,0)}}@media all and (min-width:550px){.mm-wrapper_opening .mm-menu_position-right.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(-440px,0,0);transform:translate3d(-440px,0,0)}}.mm-menu_position-bottom,.mm-menu_position-front,.mm-menu_position-top{-webkit-transition:-webkit-transform .4s ease;transition:-webkit-transform .4s ease;-o-transition:transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease}.mm-menu_position-bottom.mm-menu_opened,.mm-menu_position-front.mm-menu_opened,.mm-menu_position-top.mm-menu_opened{z-index:2}.mm-menu_position-bottom.mm-menu_opened~.mm-slideout,.mm-menu_position-front.mm-menu_opened~.mm-slideout,.mm-menu_position-top.mm-menu_opened~.mm-slideout{-webkit-transform:none!important;-ms-transform:none!important;transform:none!important;z-index:0}.mm-menu_position-bottom.mm-menu_opened~.mm-wrapper__blocker,.mm-menu_position-front.mm-menu_opened~.mm-wrapper__blocker,.mm-menu_position-top.mm-menu_opened~.mm-wrapper__blocker{z-index:1}.mm-menu_position-front{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.mm-menu_position-front.mm-menu_position-right{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.mm-menu_position-bottom,.mm-menu_position-top{width:100%;min-width:100%;max-width:100%}.mm-menu_position-top{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}.mm-menu_position-top{height:80vh;min-height:140px;max-height:880px}.mm-menu_position-bottom{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);top:auto}.mm-menu_position-bottom{height:80vh;min-height:140px;max-height:880px}.mm-wrapper_opening .mm-menu_position-bottom,.mm-wrapper_opening .mm-menu_position-front,.mm-wrapper_opening .mm-menu_position-top{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.mm-menu_shadow-page:after{-webkit-box-shadow:0 0 10px rgba(0,0,0,.3);box-shadow:0 0 10px rgba(0,0,0,.3);content:'';display:block;width:20px;height:120%;position:absolute;left:100%;top:-10%;z-index:100;-webkit-clip-path:polygon(-20px 0,0 0,0 100%,-20px 100%);clip-path:polygon(-20px 0,0 0,0 100%,-20px 100%);-webkit-box-shadow:var(--mm-shadow);box-shadow:var(--mm-shadow)}.mm-menu_shadow-page.mm-menu_position-right:after{left:auto;right:100%;-webkit-clip-path:polygon(20px 0,40px 0,40px 100%,20px 100%);clip-path:polygon(20px 0,40px 0,40px 100%,20px 100%)}.mm-menu_shadow-page.mm-menu_position-front:after{content:none;display:none}.mm-menu_shadow-menu{-webkit-box-shadow:0 0 10px rgba(0,0,0,.3);box-shadow:0 0 10px rgba(0,0,0,.3);-webkit-box-shadow:var(--mm-shadow);box-shadow:var(--mm-shadow)}.mm-menu_shadow-panels .mm-panels>.mm-panel{-webkit-box-shadow:0 0 10px rgba(0,0,0,.3);box-shadow:0 0 10px rgba(0,0,0,.3);-webkit-box-shadow:var(--mm-shadow);box-shadow:var(--mm-shadow)}.mm-menu_tileview .mm-listview,.mm-panel_tileview .mm-listview{margin:0!important}.mm-menu_tileview .mm-listview:after,.mm-panel_tileview .mm-listview:after{content:'';display:block;clear:both}.mm-menu_tileview .mm-listitem,.mm-panel_tileview .mm-listitem{padding:0;float:left;position:relative;width:50%;height:0;padding-top:50%}.mm-menu_tileview .mm-listitem:after,.mm-panel_tileview .mm-listitem:after{left:0;top:0;border-right-width:1px;border-right-style:solid;z-index:-1}.mm-menu_tileview .mm-listitem.mm-tile-xs,.mm-panel_tileview .mm-listitem.mm-tile-xs{width:12.5%;padding-top:12.5%}.mm-menu_tileview .mm-listitem.mm-tile-s,.mm-panel_tileview .mm-listitem.mm-tile-s{width:25%;padding-top:25%}.mm-menu_tileview .mm-listitem.mm-tile-l,.mm-panel_tileview .mm-listitem.mm-tile-l{width:75%;padding-top:75%}.mm-menu_tileview .mm-listitem.mm-tile-xl,.mm-panel_tileview .mm-listitem.mm-tile-xl{width:100%;padding-top:100%}.mm-menu_tileview .mm-listitem__text,.mm-panel_tileview .mm-listitem__text{line-height:1px;text-align:center;padding:50% 10px 0 10px;margin:0;position:absolute;top:0;right:1px;bottom:1px;left:0}.mm-menu_tileview .mm-listitem__btn,.mm-panel_tileview .mm-listitem__btn{width:auto}.mm-menu_tileview .mm-listitem__btn:after,.mm-menu_tileview .mm-listitem__btn:before,.mm-panel_tileview .mm-listitem__btn:after,.mm-panel_tileview .mm-listitem__btn:before{content:none;display:none}.mm-menu_tileview .mm-divider,.mm-panel_tileview .mm-divider{display:none}.mm-menu_tileview .mm-panel,.mm-panel_tileview{padding-left:0;padding-right:0}.mm-menu_tileview .mm-panel:after,.mm-menu_tileview .mm-panel:before,.mm-panel_tileview:after,.mm-panel_tileview:before{content:none;display:none}body.modal-open .mm-slideout{z-index:unset}
#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}
.content-slider{overflow:hidden;visibility:hidden;position:relative}.slider-wrapper{overflow:hidden;position:relative}.slider-wrapper>*{float:left;width:100%;position:relative}.slider-control{height:30px;position:relative}.slider-control a,.slider-control .slider-menu{position:absolute;top:9px;display:inline-block}.slider-control .slider-prev{left:0}.slider-control .slider-next{right:0}.slider-control .slider-menu{top:0;width:50%;left:50%;margin-left:-25%;font-size:27px;text-align:center}.slider-control .slider-menu b{color:#bbb;cursor:pointer}.slider-control .slider-menu b.active{color:#666}
/*!
 * justifiedGallery - v3.7.0
 * http://miromannino.github.io/Justified-Gallery/
 * Copyright (c) 2018 Miro Mannino
 * Licensed under the MIT license.
 */
.justified-gallery {
  width: 100%;
  position: relative;
  overflow: hidden;
}
.justified-gallery > a,
.justified-gallery > div,
.justified-gallery > figure {
  position: absolute;
  display: inline-block;
  overflow: hidden;
  /* background: #888888; To have gray placeholders while the gallery is loading with waitThumbnailsLoad = false */
  filter: "alpha(opacity=10)";
  opacity: 0.1;
  margin: 0;
  padding: 0;
}
.justified-gallery > a > img,
.justified-gallery > div > img,
.justified-gallery > figure > img,
.justified-gallery > a > a > img,
.justified-gallery > div > a > img,
.justified-gallery > figure > a > img {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: 0;
  padding: 0;
  border: none;
  filter: "alpha(opacity=0)";
  opacity: 0;
}
.justified-gallery > a > .caption,
.justified-gallery > div > .caption,
.justified-gallery > figure > .caption {
  display: none;
  position: absolute;
  bottom: 0;
  padding: 5px;
  background-color: #000000;
  left: 0;
  right: 0;
  margin: 0;
  color: white;
  font-size: 12px;
  font-weight: 300;
  font-family: sans-serif;
}
.justified-gallery > a > .caption.caption-visible,
.justified-gallery > div > .caption.caption-visible,
.justified-gallery > figure > .caption.caption-visible {
  display: initial;
  filter: "alpha(opacity=70)";
  opacity: 0.7;
  -webkit-transition: opacity 500ms ease-in;
  -moz-transition: opacity 500ms ease-in;
  -o-transition: opacity 500ms ease-in;
  transition: opacity 500ms ease-in;
}
.justified-gallery > .entry-visible {
  filter: "alpha(opacity=100)";
  opacity: 1;
  background: none;
}
.justified-gallery > .entry-visible > img,
.justified-gallery > .entry-visible > a > img {
  filter: "alpha(opacity=100)";
  opacity: 1;
  -webkit-transition: opacity 500ms ease-in;
  -moz-transition: opacity 500ms ease-in;
  -o-transition: opacity 500ms ease-in;
  transition: opacity 500ms ease-in;
}
.justified-gallery > .jg-filtered {
  display: none;
}
.justified-gallery > .spinner {
  position: absolute;
  bottom: 0;
  margin-left: -24px;
  padding: 10px 0 10px 0;
  left: 50%;
  filter: "alpha(opacity=100)";
  opacity: 1;
  overflow: initial;
}
.justified-gallery > .spinner > span {
  display: inline-block;
  filter: "alpha(opacity=0)";
  opacity: 0;
  width: 8px;
  height: 8px;
  margin: 0 4px 0 4px;
  background-color: #000;
  border-radius: 6px;
}

/* open-sans-300 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url('../../files/DEGERLOCH/fonts/open-sans-v34-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../../files/DEGERLOCH/fonts/open-sans-v34-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../files/DEGERLOCH/fonts/open-sans-v34-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../files/DEGERLOCH/fonts/open-sans-v34-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../../files/DEGERLOCH/fonts/open-sans-v34-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../files/DEGERLOCH/fonts/open-sans-v34-latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../../files/DEGERLOCH/fonts/open-sans-v34-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../../files/DEGERLOCH/fonts/open-sans-v34-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../files/DEGERLOCH/fonts/open-sans-v34-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../files/DEGERLOCH/fonts/open-sans-v34-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../../files/DEGERLOCH/fonts/open-sans-v34-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../files/DEGERLOCH/fonts/open-sans-v34-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-600 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url('../../files/DEGERLOCH/fonts/open-sans-v34-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../../files/DEGERLOCH/fonts/open-sans-v34-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../files/DEGERLOCH/fonts/open-sans-v34-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../files/DEGERLOCH/fonts/open-sans-v34-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../../files/DEGERLOCH/fonts/open-sans-v34-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../files/DEGERLOCH/fonts/open-sans-v34-latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-700 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../../files/DEGERLOCH/fonts/open-sans-v34-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../../files/DEGERLOCH/fonts/open-sans-v34-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../files/DEGERLOCH/fonts/open-sans-v34-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../files/DEGERLOCH/fonts/open-sans-v34-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../../files/DEGERLOCH/fonts/open-sans-v34-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../files/DEGERLOCH/fonts/open-sans-v34-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}





.mobile,
.mobillogo,
.facebookmobil   {
display: none;
}

/* ######################################################################################################## BASICS */
/* ######################################################################################################################## */

*,
*:before,
*:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.clear { clear:both; }
body {
margin-top:-3px;
margin-right:0;
margin-left:0;
background-color:#fff;
font-size: 15px;
line-height: 23px;
font-family: 'Open Sans',sans-serif;
background: rgba(0,0,0,0.1);   
}
body.home {
background: rgba(0,0,0,0.0);   
}
.home #main > .inside {
background: rgba(0,0,0,0);  
background: #ddd; 
background-size: 100% auto;	      
} 

@media only screen and (max-width:2200px) { 
.home #main > .inside {
background: rgba(0,0,0,0);  
background: #ddd;
background-size: 100% 100% !important;	      
}  
}



.newteaserblock .azubibanner  {display: block; padding: 20px 0 0px 0; border: 0px #000 solid; border-bottom-width: 1px; } 
.newteaserblock .azubibanner .in   {display: flex; justify-content: space-between; border: 0px #000 solid; max-width: 800px; margin: 0 auto -10px auto; }
.newteaserblock .azubibanner .in .ce_image   {width: 48% !important;  } 
.Xazubibanner   {display: none;  }  

@media only screen and (max-width:750px) { 
.newteaserblock .azubibanner .in   {flex-wrap: wrap;margin: 0 auto 0px auto;}
.newteaserblock .azubibanner .in .ce_image  {width: 100% !important; margin: 5px 0;} 
}

 
html {
  scroll-behavior: smooth;
}
#main {
width:74.5%;
float: left;
display:block;
margin-right:3.5%;
padding:0px 20px 130px 0;
background: #fff;
min-height: 700px;
}
.home #main {
padding-top:0px;
padding-bottom: 100px;
background: #ddd;
}


.mod_article.ticker {display: block; text-align: center; margin: -25px auto 15px auto !important; padding: 0;  } 
.mod_article.ticker .ce_text {max-width: 1200px; margin:20px auto 0px auto  !important; border: 0px #fff solid;} 
.mod_article.ticker .ce_text:nth-child(n+2) { margin:-10px auto 0px auto  !important;}       
.mod_article.ticker p { font-size: 16px; line-height: 23px; display: inline-block; background: #fff; padding: 10px 20px; border: 1px rgba(0,0,0,0.25) solid;  animation-name: ticker; animation-duration: 0.75s; border-radius: 2px;} 

.mod_article.ticker p:before { content: "### "; color: #b20000; }
.mod_article.ticker p:after { content: " ###"; color: #b20000; }  


#main .mod_article.ticker p a { display: inline-block; -webkit-transition: all 0.3s; transition: all 0.3s;}
#main .mod_article.ticker p a:hover { background: rgba(0,0,0,0.11);} 

@keyframes ticker {
  from {transform: scale(0) translateY(300px); opacity: 0; }
  to {transform: scale(1) translateY(0px); opacity: 1;}        
}
 

@media only screen and (max-width:600px) {   
.mod_article.ticker p { font-size: 14px; line-height: 20px;}  
}

.mod_article.tickerneu {display: block; text-align: left; margin: 0px auto 25px auto !important; padding: 0;  } 
.mod_article.tickerneu .ce_text .inside {max-width: 1197px; margin:20px auto 0px auto  !important; border: 0px #fff solid; background: #fff; padding: 10px 20px; border: 1px rgba(0,0,0,0.25) solid; animation-name: ticker; animation-duration: 0.75s;  }  
.fullheadline.tickerneu {max-width: 1197px; margin:60px auto 10px auto  !important;}  
.fullheadline.tickerneu h2,
.fullheadline.extra h2 { color: #000 !important; }
.fullheadline.tickerneu h2 { color: #000 !important;  animation-name: ticker; animation-duration: 0.75s; }  

 .mod_article.tickerneu .ce_text .inside i,
.fullheadline.tickerneu h2 span,
.fullheadline.extra h2 span  { color: #B20000; }
 .mod_article.tickerneu .ce_text .inside i { font-weight: bold; }
.fullheadline.extra h2 div  { display: inline-block; border: 1px #000 solid; padding: 0px 7px; background: #fff; } 

.fullheadline.tickerneu {margin-bottom: -48px !important; z-index: 9999999;}

.mod_article.tickerneu p { font-size: 16px; line-height: 23px; display: inline-block; } 
.mod_article.tickerneu p:last-child { display: none; }


#main .mod_article.ticker p a { display: inline-block; -webkit-transition: all 0.3s; transition: all 0.3s;}
#main .mod_article.ticker p a:hover { background: rgba(0,0,0,0.11);} 

@keyframes ticker {
  from {transform: scale(0.75) translateY(200px); opacity: 0; }
  to {transform: scale(1) translateY(0px); opacity: 1;}        
}
 

@media only screen and (max-width:600px) {   
.mod_article.ticker p { font-size: 14px; line-height: 20px;}
.fullheadline.tickerneu {margin-bottom: -38px !important; z-index: 9999999;}   
}





.ce_form.mitmachen {margin: 70px auto 50px auto !important; padding: 30px; max-width: 800px !important; margin: 0 auto; box-shadow: 2px 2px 2px rgba(0,0,0,0.15); border-radius: 5px;  background-image: linear-gradient(to bottom, #eeeeee, #dddddd); }
.ce_form .submit {width: 100%; max-width: 500px; margin: 20px auto 5px auto !important; padding: 20px 20px;}
.ce_form .widget-submit {text-align: center; }



.mod_article.extra {display: block;  }  
.mod_article.extra .inside {max-width: 1242px; display: block; text-align: center; margin: 10px auto 0px auto !important; padding: 0; text-align: left; padding: 20px 20px 0px 20px; border: 0px #000 solid;} 
.mod_article.extra .extraframe {display: flex; flex-wrap: nowrap; }
.mod_article.extra .extratext {width: 66%; padding-right: 40px; }
.mod_article.extra .extrabild {width: 34%; }    
.mod_article.extra h2 {font-size: 36px !important; line-height: 40px !important; margin: 15px 0 25px 0 !important; }   
.mod_article.extra p {margin: 7px 0 7px 0 !important; }  
.mod_article.extra p.extrateaser {margin: 0px 0 15px 0 !important; }   

.mod_article.extra .layout_full  { }

.mod_article.extra .buttonmehr {display: inline-block; padding: 6px 14px; font-size: 16px; font-weight: bold; border: 1px #000 solid; cursor: pointer; -webkit-transition: all 0.3s; transition: all 0.3s; margin: 20px 0;} 
.mod_article.extra .buttonmehr:hover {background: rgba(255,255,255,0.15); box-shadow: 0px 0px 8px rgba(0,0,0,0.25); }    
.mod_article.extra .buttonmehr:before {content: "Mehr ..."; }
.mod_article.extra .buttonmehr.on:before {content: "x"; } 
.mod_article.extra .buttonmehr.on {background: rgba(255,255,255,0.35); }   
        
.mod_article.extra .mehr {opacity: 1; -webkit-transition: all 0.3s; transition: all 0.3s; font-size: 0; height: 0; overflow:hidden; } 
.mod_article.extra .mehr.on {opacity: 1; font-size: 15px; height: auto; padding-bottom: 30px; }       




@media only screen and (max-width:850px) { 
.mod_article.extra .extraframe {flex-wrap: wrap; }    
.mod_article.extra .extrabild {  order: 1; width: 100%;  }
.mod_article.extra .extratext {  order: 2; width: 100%; }   
.mod_article.extra h2 {font-size: 30px !important; line-height: 34px !important; margin: 15px 0 15px 0 !important; }
.mod_article.extra p.extrateaser {margin: 15px 0 15px 0 !important; }         
.mod_article.extra .extratext {padding-right: 0px; }    
}     















/*
.mod_article.extra {display: block;  }  
.mod_article.extra .inside {max-width: 1242px; display: block; text-align: center; margin: 10px auto 0px auto !important; padding: 0; text-align: left; padding: 20px 20px 0px 20px; border: 0px #000 solid;} 
.mod_article.extra .extraframe {display: flex; flex-wrap: nowrap; }
.mod_article.extra .extratext {width: 66%; padding-right: 40px; }
.mod_article.extra .extrabild {width: 34%; }    
.mod_article.extra h2 {font-size: 36px !important; line-height: 40px !important; margin: 15px 0 25px 0 !important; }   
.mod_article.extra p {margin: 7px 0 7px 0 !important; }  
.mod_article.extra p.extrateaser {margin: 0px 0 15px 0 !important; }   

.mod_article.extra .layout_full  { }


.mod_article.extra .buttonmehr {display: inline-block; padding: 6px 14px; font-size: 16px; font-weight: bold; border: 1px #000 solid; cursor: pointer; -webkit-transition: all 0.3s; transition: all 0.3s; margin: 20px 0;} 
.mod_article.extra .buttonmehr:hover {background: rgba(255,255,255,0.15); box-shadow: 0px 0px 8px rgba(0,0,0,0.25); }    
.mod_article.extra .buttonmehr:before {content: "Mehr ..."; }
.mod_article.extra .buttonmehr.on:before {content: "x"; } 
.mod_article.extra .buttonmehr.on {background: rgba(255,255,255,0.35); }   
        
.mod_article.extra .mehr {opacity: 1; -webkit-transition: all 0.3s; transition: all 0.3s; font-size: 0; height: 0; overflow:hidden; } 
.mod_article.extra .mehr.on {opacity: 1; font-size: 15px; height: auto; padding-bottom: 30px; }       




@media only screen and (max-width:850px) { 
.mod_article.extra .extraframe {flex-wrap: wrap; }    
.mod_article.extra .extrabild {  order: 1; width: 100%;  }
.mod_article.extra .extratext {  order: 2; width: 100%; }   
.mod_article.extra h2 {font-size: 30px !important; line-height: 34px !important; margin: 15px 0 15px 0 !important; }
.mod_article.extra p.extrateaser {margin: 15px 0 15px 0 !important; }         
.mod_article.extra .extratext {padding-right: 0px; }    
}  
*/   
















.bezirksbeirat ol {border: 0px #ccc solid; padding-left: 25px; max-width: 750px; margin: 20px 0;}
.bezirksbeirat ol li {margin: 0 0 12px 0; }  
.bezirksbeirat ol li::marker {
font-weight: bold;
text-align: left !important;
display: inline-block;
position: absolute; left: 0;
}

.bezirks {z-index: 99999999999; display: block; position: fixed; text-align: center; width: 100%; top: 0; left: 0; right: 0; }
.bezirks a {display: inline-block; position: relative; text-align: center;  background: #d0671d; color: #fff; padding: 1px 10px; text-decoration: none; z-index: 999999999999; border-radius: 0 0 5px 5px; animation-name: bezirks; animation-duration: 0.5s; -webkit-transition: all 0.3s; transition: all 0.3s;}
.bezirks a:hover {transform: scale(1.1); color: #fff; padding: 3px 10px 3px 20px; }
@media only screen and (max-width:700px) { 
.XXbezirks a {position: fixed; padding: 1px 5px;} 
}

/* The animation code */
@keyframes bezirks {
  0%   {transform: scale(0.5); top: -40px; }
  100% {transform: scale(1); top: 0;}      
}






#header {
margin:25px auto 0px auto;
}
.startseite #header {
margin:25px auto -25px auto;
}
#header .inside {
width:100%;
max-width:1260px;
background: #fff;
margin:0px auto 0 auto;
}
.custom,
#container {
padding: 30px 30px 0px 30px;
width:100%;
max-width:1260px;
margin-right:auto;
margin-left:auto;
background: #fff;
}
.mod_article.kurz_knapp {
padding: 0px 30px;
width:100%;
width:100%;
margin-top:15px;
margin-right:auto;
margin-left:auto;
}
#mobilemenu_icon {
display:none;
}
ul {
margin:0;
padding:0;
list-style-type:none;
}
p {
margin-top:8px;
margin-bottom:8px;
}
a, a:hover {
text-decoration:none !important;
color:#000;
}
#main p a {
text-decoration:underline !important;  
}

 .impressum_block {margin: 40px 0;}


.image_container {
margin:0;
padding:0;
vertical-align:bottom;
}
#container ul {
margin-left:18px;
list-style-type:square;
}
img {
vertical-align: bottom:
}
ul li {
margin-top:2px;
margin-bottom:2px;
}
#main h1 {
width:100%;
clear:both;
display:block;
font-size:30px;
line-height:40px;
color:#b20000;
margin: 15px auto 30px auto  !important;
text-decoration: none !important;
font-weight: 700;
}
#main h2 {
font-size:20px;
line-height:26px;
color: #b20000;
font-weight: 700;
margin-bottom: 2px;
}
h3 {
clear: left;
margin:25px 0 20px 0;
font-size:18px;
line-height: 24px;
font-weight: 600;
}
#container a:hover,
.more a:hover,
.teaserblock li a:hover {
text-decoration:underline;
-webkit-transition: all 0.2s; /* Safari */
transition: all 0.2s;
}
.trenner {
display: block;
width: 100%;
height: 0px;
border: 0px rgba(0,0,0,0.25) dotted;
border-bottom-width: 2px !important;
margin: 50px 0;
}
#ontop {
width: auto;
z-index: 999999999;
display: inline-block;
position: fixed;
bottom: -50px;
right: 10px;
font-size: 20px;
text-align: center;
-webkit-transition: all 0.3s; transition: all 0.3s;
opacity: 0;
}
@media only screen and (min-width: 767px) {     
#ontop { 

}
}
#ontop.show {
bottom: 0px;
opacity: 1;
}
#ontop  a {
background: #B20101;
color: #fff;
display: inline-block;
padding: 10px 10px;
}






 /* ######################################################################################################## DEGERLOCH CARD */
/* ######################################################################################################################## */



#main .degcard p a,
#main .degcard ul li a {
display: inline-block;
background: #b20000;
color: #fff;
text-decoration: none !important;
padding: 2px 5px;
font-size: 14px;
border-radius: 3px;
}

#main .ce_text.degcard h1 {
margin: 0px 0 0px 0 !important;
padding: 0 !important;
font-size: 40px; 
line-height: 48px;
}
#main .ce_text.degcard h2 {
margin: 5px 0 35px 0 !important;  
}
#main .ce_text.degcard h3 {
margin: 50px 0 15px 0 !important; 
font-weight: 900 !important; 
font-size: 24px;
line-height: 30px;
}
#main .ce_text.degcard p {
margin: 0 !important; 
max-width: 920px; 
font-size: 16px;
line-height: 22px;
}
#main .ce_text.degcard ul {
margin: 0px 0 10px 0 !important; 
}

#main .ce_text.degcard strong em, 
#main .ce_text.degcard em strong {
font-style: normal;
color: #b20000;
}

.ce_image.cardanimation {
display: inline-block;
position: relative;
padding: 0 !important; 
overflow: visible;
}
.ce_image.cardanimation img {
-webkit-animation: slide 1.5s forwards; /* Safari 4.0 - 8.0 */
animation: slide 1.5s forwards; 
}
.ce_image.cardanimation:after {
content: "";
position: absolute;
background: url(../../files/DEGERLOCH/Werbegemeinschaft/basics/card-button.png);
background-size: 100% 100%;
width: 100%;
bottom: 0;
top: 0;
bottom: 0;
-webkit-animation: grow 1.5s forwards; /* Safari 4.0 - 8.0 */
animation: grow 1.5s forwards; 
}
.ce_image.cardanimation:before {
content: "";
position: absolute;
background: url(../../files/DEGERLOCH/Werbegemeinschaft/basics/Degerloch_Card_logo2.jpg) no-repeat;
background-size: 380px auto;
background-position: right top;
width: 100%;
bottom: 0;
top: -95px;
right: -250px;
z-index:99;
-webkit-animation: growzwei 1.5s forwards; /* Safari 4.0 - 8.0 */
animation: growzwei 1.5s forwards;
transform: rotate(5deg); 
}
.ce_image.cardanimation img {
padding-top: 70px;
margin-bottom: -10px;
z-index: -1;
}   


.mod_newsreader .rubrik {
margin-top: 13px;
}

.cardrubrik strong {
display: block;
margin: 22px 0 -4px 0;
}

@media only screen and (max-width: 1150px) {
.ce_image.cardanimation:before {
background-size: 380px auto;
top: -90px;
right: -150px;
}   
}
@media only screen and (max-width: 1050px) {
.ce_image.cardanimation:before {
background-size: 250px auto;
top: -60px;
right: -0px;
}   
}
@media only screen and (max-width: 650px) {
.ce_image.cardanimation:before {
background-size: 300px auto; 
background-size: 250px auto;
top: -10px;
right: 0px;
}   
}


@-webkit-keyframes grow  {
  0%   { transform: scale(3,0) ; opacity: 0;} 
  100% { transform: scale(1) ; opacity: 1;}  
}
@keyframes grow  {
  0%   { transform: scale(3,0); opacity: 0;} 
  100% { transform: scale(1) ; opacity: 1;}               
}
@-webkit-keyframes growzwei  {
  0%   { transform: scale(0) ; opacity: 0;} 
  100% { transform: scale(1) ; opacity: 1;}  
}
@keyframes growzwei  {
  0%   { transform: scale(0); opacity: 0;} 
  100% { transform: scale(1) ; opacity: 1;}               
}
@-webkit-keyframes slide  {
  0%   { transform: scale(2,0); opacity: 0;} 
  100% { transform: scale(1) ; opacity: 1;}    
}
@keyframes slide  {
  0%   { transform: scale(0); padding-right: 200px; opacity: 0;} 
  100% { transform: scale(1) padding-right: 0px;  opacity: 1;}                
}



.dglcard {
display: flex;
flex-wrap: wrap;
 justify-content: space-between;
margin-bottom: 100px;
}
.degcard h2 {
color: #000 !important; 
}


.degcard.kleiner img {
margin-left: 30px;
}
 @media only screen and (max-width: 550px) {  
.degcard.kleiner img {
width: 100%;
float: none !important;
}
}

.einzeldarstellung {
display: block;
width: 23%;
margin: 8px 5px;
border: 1px #000 solid;
}



.cardtext {
display: block;
padding: 20px;
}
#main .cardtext h2 {
margin: 0 0 10px 0;
}
.einzeldarstellung .logocard {
display: block;
width: 100%;
height: 130px;
background-image: linear-gradient(to bottom, #feeaad, #fed231);
vertical-align: middle;
text-align: center;
padding-top: 10px;
}
.einzeldarstellung .logocard img {
max-width: 80%;
}
p.cardbutton {
margin: 40px 0;
display: block;
text-align: center;
}
#main p.cardbutton a {
display: inline-block;
text-align: center;
font-size: 24px;
line-height: 30px;
font-weight: bold;
padding: 10px 15px;
text-decoration: none !important;
margin-bottom: 50px;
border: 1px #000 solid;
background-image: linear-gradient(to bottom, #feeaad, #fed231);
border-radius: 3px; 
}


.cardlogos img {
margin-top: 20px;
}

@media only screen and (min-width: 650px) { 
.cardlogos {
display: flex;	
}
}

 @media only screen and (max-width: 1000px) {
.einzeldarstellung {
width: 32%;
}
}
 @media only screen and (max-width: 865px) {
.einzeldarstellung {
width: 48%;
}
}
 @media only screen and (max-width: 555px) {
.einzeldarstellung {
width: 100%;
margin: 3px 0;
}
.cardtext {
display: block;
padding: 10px;
}
}





/* ######################################################################################################## RECHTE SPALTE */
/* ######################################################################################################################## */

#right {
width:22%;
float: left;
display:block;
font-size:14px;
line-height:20px;
margin-top: 16px !important;
}
#XXXXright {
width:15%;
float: left;
display:inline-block;
font-size:14px;
line-height:20px;
margin-top: 16px !important;
border: 1px #ccc solid;
}

.ce_text.weitere-links {
margin-top: -10px;
}

.home #right {
margin-top: 9px !important;
}
#right .mod_banner {
margin: 58px 0 30px 0 !important;
}
@media only screen and (min-width: 767px) {
.rechtsbreit #right {
width: 33%;
}
.rechtsbreit #main {
width:64%;
}
}

#right .ce_text.short  {
margin-top: -10px;
}
#right h3 {
margin:0px 0 15px 0;
}
.home #right {
margin-top: 0px;
}
#right .ce_image {
margin-top:5px;
margin-bottom:15px;
}
#right .ce_text .inside {
padding:5px 0px 10px 0px;
}
#right .ce_text.kleinanzeige {
background-color:#fff;
}
#right .ce_text {
display:block;
margin-bottom:20px;
background-color:#fff;
-webkit-box-shadow:0 0 0 0 #000;
box-shadow:0 0 0 0 #000;
border:0px solid rgba(0,0,0,.5);
}
#right strong a,
#right a strong  {
display: block;
padding: 4px 15px;
border: 1px #ccc solid;
font-weight: normal;
width: 100%;

-webkit-transition: all 0.3s; transition: all 0.3s;
}
#right strong a:hover,
#right a strong:hover {
background: #ccc;
text-decoration: none !important;
}
.more a,
#teaserblock a em,
#teaserblock em a,
p.back a,
a.kundennummer,
.promo a,
.url a,
.branchenbereiche ul li a,
.submit,
.ghv .mod_newsarchive p a
 {
display: inline-block;
width: auto !important;
margin-top: 10px !important;
padding: 4px 25px;
border: 1px #ccc solid;
font-weight: normal;
width: 100%;
text-align: center;
background: #fff !important;
background-image: none;
font-size: 14px !important;
-webkit-transition: all 0.3s; transition: all 0.3s;  
}

.submit {background: #b20000 !important; color: #fff !important; }



#main p.more a,
#main p.back a,
#main a.kundennummer,
#main .ghv .mod_newsarchive p a {
text-decoration: none !important;   
 }



#teaserblock a em,
#teaserblock em a {
position: absolute;
bottom: 20px;
margin: 0 auto !important;
left: 0;
right: 0;
}
.branchenbereiche ul li a {
padding: 4px 25px 4px 15px;
}
.branchenbereiche ul li a:before {
content: "+";
display: inline-block;
padding-right: 15px;
}
.promo {
margin: -30px auto 10px auto !important;  
}
.promo a {
font-size: 18px !important;
font-weight: normal;
margin: 0px auto 0 auto !important;
padding: 7px 25px;
background: #E2001A !important;
color: #fff;
border-radius: 10px;
text-decoration: none !important;
}
a.kundennummer {
display: block;
width: 100%;
text-align: left;
}
p.back a {
display: block;
width: auto !important;
margin: 30px auto 30px auto !important;
text-align: center !important;
max-width: 100px;
}
.more a:hover,
#teaserblock a em:hover,
#teaserblock em a:hover,
.back a:hover,
a.kundennummer:hover,
.promo a:hover,
.url a:hover,
.branchenbereiche ul li a:hover {
background: #ccc;
text-decoration: none !important;
}
#teaserblock a em,
#teaserblock em a {
display: block;
bottom: 10px;
margin: 0px auto !important;
font-style: normal;
max-width: 50%;
}



/* ##################################################### MINIKALENDER */
/* #####################################################  */

.minicalendar {
width: 99%;
}
.minicalendar td {
border: 1px #ccc solid;
padding: 3px;
text-align: center;
}
.minicalendar td.days.active {
background: #b20000;
color: #fff !important; 
}
.minicalendar td.days.active a {
color: #fff !important; 
position: relative;
}
.minicalendar .head.current {
text-align: center;
}

.minicalendar thead   {
background: #eee;
}
.minicalendar thead th.head  {
background: #ccc;
padding: 5px 15px; 
}
.minicalendar th  {

}
.minicalendar th.next  {
text-align: right;
}
.minicalendar thead th.label,
.mod_eventmenu li  {
text-align: center; 
font-size: 14px;
}
.mod_eventmenu li {
text-align: left !important; 
}
.mod_eventmenu li a {
position: relative;
margin-right: 20px;
}


.mod_eventmenu .year {text-align: left; }
.kalyear  {font-size: 20px; font-weight: bold; margin-top: 25px; } 

.togglermonat h2,
.togglertag h2 {cursor: pointer; }

.togglermonat h2:before,
.togglertag h2:before {content:"+ ";}

.togglermonat.on h2:before,
.togglertag.on h2:before {content:"- ";}


.togglertag .minicalendar.on {height: auto; position: relative; left: 0;}

.togglermonat ul,
.togglertag .minicalendar,
.togglertag.on .minicalendar.on  { height: 0; position: absolute; left: -3000px;} 
 
.togglermonat.on ul,
.togglertag.on .minicalendar, 
.minicalendar.on {height: auto; position: relative; left: 0;} 

.mod_eventmenu.togglertag {margin: 0 auto;} 


.mod_eventmenu li a span,
.minicalendar td.days.active a span {
display: block;
position: absolute;
right: -20px;
top: -3px;
font-size: 12px;
line-height: 12px;
padding: 1px 4px;
text-align: center;
border: 1px #fff solid; border-radius: 15px;
}

.mod_eventmenu li a span {
right: -20px;
top: -5px;
padding: 3px 4px; 
color: #fff !important;
background: #b20000;
border: 1px #fff solid; 
}



#right .mod_newslist  {
font-size: 12px;
}
#right .mod_newslist a {
border: 0px #333 solid;
border-bottom-width: 1px;
display: block;
margin: 0;
}
#right .mod_newslist br {
display: none;
}  
  













/* ##################################################### SEITENNUMMERIERUNG */
/* #####################################################  */

.pagination {
height:50px;
left:0;
right:0;
font-size: 30px;
position:relative;
display:block;
text-align:center;
clear: both;
float: none;
width: 100%;
margin: 50px 0;
}
.pagination .first,
.pagination .next,
.pagination .previous  {
display: inline-block;
border: 0px #ccc solid;
margin: 7px 0 0 0;
height: 35px;
width: 35px;
text-align: center;
position: relative;
}
.pagination a.first,
.pagination a.next,
.pagination a.previous  {
display: inline-block;
border: 0px #ccc solid;
padding: 0px;
margin: 0;
background:  none;
height: auto;
height: auto;
padding: 6px 0 0 0;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
-webkit-transition: all 0.3s; transition: all 0.3s;
}
.pagination a.first:hover,
.pagination a.next:hover,
.pagination a.previous:hover  {
}
.pagination a.first {
padding: 4px 0 0 0;
font-size: 24px;
}
.pagination a:hover {
text-decoration: none !important;
}




/* ############################################################################################################################################################ KIDS SPECIAL  */
/* ######################################################################################################################## */

p.termineingabelink {
text-align: right;
margin-top: -70px;
}
@media only screen and (max-width: 900px)  {  
p.termineingabelink {
margin-top: -20px;
}
p.termineingabelink img {
max-width: 30%;
}

}

ul.eventkat {
display: flex;
padding: 0 !important;
list-style-type: none !important;  
justify-content: center;
}
ul.eventkat li a {
display: inline-block;
width:  250px;
height: 48px;
margin-right: 10px;
background: url(../../files/DEGERLOCH/basics/termine-on.png) center center;
background-size: 100% 100%;
}
ul.eventkat li.alle a {
background: url(../../files/DEGERLOCH/basics/termine-off.png) center center;
background-size: 100% 100%; 
}
ul.eventkat li.kids a {
display: inline-block;
background: url(../../files/DEGERLOCH/basics/termine-kids-off.png) center center;
background-size: 100% 100%; 
-webkit-transition: all 0.5s; transition: all 0.5s;
}
ul.eventkat li.alle a:hover,
ul.eventkat li.alle.active a {
background: url(../../files/DEGERLOCH/basics/termine-on.png) center center;
background-size: 100% 100%;  
}
ul.eventkat li.kids a:hover,
ul.eventkat li.kids.active a {
background: url(../../files/DEGERLOCH/basics/termine-kids-on.png) center center;
background-size: 100% 100%; 
}


@media only screen and (max-width: 767px) {  
 ul.eventkat li a {
width:  175px;
height: 34px;
margin-right: 5px;
}
}
@media only screen and (max-width: 440px) {  
 ul.eventkat li a {
width:  158px;
height: 30px;
margin-right: 3px;
}
}


/* ############################################################################################################################################################ FORMULAR  */
/* ######################################################################################################################## */



.ce_form p.error {
background: red;
color: #fff;
display: inline-block;
padding: 3px;
}




input {
border: 1px solid #ccc;
font-size: 14px;
padding: 8px 10px !important;
}
#right .ce_form {
margin: 0 0 -10px 0;
}
.home #right form button {
height: 0 !important;
padding: 0;
overflow:hidden;
font-size: 0;
opacity: 0;
-webkit-transition: all 0.2s; transition: all 0.2s;
}
   
.home #right .ce_form button  {
transform: scale(0);
opacity: 0;
height: 0 !important;
-webkit-transition: all 0.3s; transition: all 0.3s;
}



.home #right .ce_form  {
height: 40px;
overflow: hidden;
-webkit-transition: all 0.3s; transition: all 0.3s;
}
.home #right .ce_form.is-focus  {
height: auto;
}
.home #right .ce_form.is-focus button  {
font-size: 14px;
width: 100%;
height: auto !important;
padding: 5px;
opacity: 1;
display: block;
transform: scale(1);
}
::-webkit-input-placeholder { color: #000 !important;  }
::-moz-placeholder {   color: #000; }
:-ms-input-placeholder {   color: #000;  }
:-moz-placeholder {   color: #000;  }



@media only screen and (max-width: 767px) {   
.home #right .ce_form button  {  
font-size: 14px;
width: 100%;
height: auto !important;
padding: 5px;
opacity: 1;
display: block;
transform: scale(1) !important;
}
.home #right .ce_form  {
height: auto !important;
overflow: visible;
}
}


.uploadform button {
width: 100% !important;
padding: 20px;
text-align: center;
background: rgba(0,0,0,0.1) !important;
-webkit-transition: all 0.3s; transition: all 0.3s;
font-size: 20px !important;
text-transform: uppercase;
margin-top: 20px;
} 
.uploadform button:hover {
background: rgba(0,0,0,0.3) !important;  
} 

/* ############################################################################################################################################################ BILD DES TAGES  */
/* ######################################################################################################################## */

.bdt {
padding: 0;
margin: 0;
display: -ms-flexbox;
display: -webkit-flexbox;
display: flex;
flex-wrap: wrap !important;
align-items: stretch !important;
align-items: top;
justify-content: flex-start;
}
.bdt .mod_eventlist {
width: 65%;
display: inline-block;
}
.bdt img {
width: 100% !important;
height: auto !important;
}

@media only screen and (min-width: 767px) {
.bdt img {
object-fit: cover !important;
width: 100% !important;
height: 100% !important;
}
}


.bdt .layout_teaser {
position: relative;
height: 100%;
}

.bdt .layout_teaser a {
text-decoration: none !important;
}


.bdt .ce_text {
display: inline-block;
width: 35%;
padding: 0 0 0 50px;
}
#headsection img,
.bdt img {
padding: 0 !important;
margin: 0 !important;
}
.bdt .mod_eventlist .header {
display: none;
}
.bdt .teaser {
width: auto;
background: #ddd;
position: absolute;
bottom: 0px;
left: 0px;
padding: 4px 10px 5px 10px;
min-width: 100%;
font-weight:bold;
}
.bdt .teaser p {
margin: 0;
padding: 0;
}
.bdt h6 {
width: auto;
position: absolute;
padding: 4px 10px;
top: -4px;
left: 0px;
font-weight:bold;
font-size:18px;
background: #B20101 !important;
color: #fff !important;
display: inline-block !important;
padding: 6px 10px 6px 8px !important;
border-radius: 0 0 15px 0;
margin: 4px 10px 0px 0px;
font-weight: bold;
font-size: 16px;
}
.bdt h4 {
padding: 0 0 5px 0;
font-size:18px;
font-weight: bold !important;
border:0px solid rgba(0,0,0,0.20);
border-bottom-width: 1px;
text-align: center;
}
.kurz_knapp a {
text-decoration:underline !important;
}
.kurz_knapp i,
.tickerneu i {
font-weight:bold;
color: #B20101;
font-style: normal !important;
}
.kurz_knapp img {
width:100%;
}
.kurz_knapp p {
text-align: left;
line-height: 22px;
padding-top: 15px;
}
#header .kurz_knapp h4 {
background: #B20101 !important;
color: #fff !important;
display: inline-block !important;
padding: 4px 10px 4px 8px !important;
border-radius: 0 0 10px 0;
display: none !important;
}

#header .inside p:nth-child(1):before {
content: "Kurz & knapp";
display: inline-block;
float: left;
background: #B20101 !important;
color: #fff !important;
display: inline-block !important;
padding: 6px 10px 6px 8px !important;
border-radius: 0 0 15px 0;
margin: 4px 10px 0px 0px;
font-weight: bold;
font-size: 16px;
}
#header .teaser p:nth-child(1):before {
content: "";
display: none !important;
}








.tickerneu .mod_newslist  {max-width: 100%;display: flex; border: 0px #000 solid;  border-bottom-width: 1px; justify-content: space-between; flex-wrap: wrap; margin-bottom: 10px; margin: 0 auto;}
.tickerneu .mod_newslist p.full  {font-weight: 600; width: 100% !important; max-width: 100%; text-align: center; display: inline-block; font-size: 16px; line-height: 14px;  margin: 10px 0 8px 0 !important;}   
.tickerneu .home_firmenportraet {width: 15% !important; padding: 0 !important; border: 0px #000 solid !important; display: flex; align-items: center !important; justify-content: center !important; text-align: center;}
.tickerneu .home_firmenportraet.werbung {width: 20% !important;}
.tickerneu .home_firmenportraet img {border: 0px #000 solid !important; margin: 0 !important; max-width: 150px;}    


@media only screen and (max-width: 1050px) { 
.tickerneu .home_firmenportraet {width: 22% !important;display: flex !important; } 
.tickerneu .home_firmenportraet:nth-child(n+5) {display: none !important;} 
.tickerneu .home_firmenportraet.werbung {width: 23% !important; display: flex !important; }          
}

@media only screen and (max-width: 600px) { 
.tickerneu .home_firmenportraet {width: 31% !important;  } 
.tickerneu .home_firmenportraet:nth-child(n+4) {display: none !important;} 
.tickerneu .home_firmenportraet.werbung {width: 31% !important;display: flex !important; }          
}






















/* ############################################################################################################################################################ TEASER */
/* ######################################################################################################################## */

.teasericon a {
left:0;
right:0;
position:absolute;
display:block;
margin-right:auto;
margin-left:auto;
padding-top:2px;
padding-bottom:3px;
padding-left:0;
text-align:center;
border-top:1px solid #ddd;
border-left:0px solid #ddd;
border-top-left-radius:0;
font-size:.9em;
font-weight:bold;
bottom: 0px !important;
-webkit-transition: all 0.15s; /* Safari */
transition: all 0.15s;
background: rgba(0,0,0,0.2);
}
.teasericon a:hover {
background-color:#ddd;
bottom: 0px !important;
-webkit-transition: all 0.15s; /* Safari */
transition: all 0.15s;
}
.teasericon.leer a {
min-height: 23px;
cursor: default;
}
.teasericon.leer a:hover {
background: rgba(0,0,0,0.2);
}.lokal .teasericon a {
background-color: #FCDC17 !important;
color: #000 !important;
}


/* TEASERBLOCK */

#teaserblock .ce_text .inside {
padding:0px 0px;
}

#teaserblock .slider-next,
#teaserblock .slider-prev {
display: none;
}

#teaserblock .mod_eventlist .event {
display: block;
font-weight: bold;
margin: 0 0 10px 0;
}
#teaserblock .mod_eventlist .date {
font-weight: normal;
}
#teaserblock  {
display: block;
clear: both !important;
margin-bottom: 0px;
}
#teaserblock .inside .mod_article {
display: -ms-flexbox;
display: -webkit-flexbox;
display: flex;
flex-wrap: wrap !important;
align-items: stretch !important;
  align-items: top;
 justify-content: flex-start;
}
#teaserblock .ce_text {
width:19.2%;
min-height:auto;
position:relative;
display:inline-block;
margin-right:1.0%;
font-size:14px;
line-height:18px;
background-image: url("https://www.transparenttextures.com/patterns/brushed-alum.png");
padding-bottom: 30px;
}
#teaserblock .ce_text:nth-child(5) {
margin-right: 0%;
}
#teaserblock .ce_text h2 {
margin: 0 !important;
background: #fff;
padding: 0px 0 2px 20px !important;
font-size:18px;
line-height:20px;
}

#teaserblock .ce_sliderStart,
#teaserblock .content-slider,
#teaserblock .slider-wrapper  {
padding: 0 !important;
text-align: center;
}

h2.standort,
.ce_dlh_googlemaps {
display: none;
}




.firmenportraet-teaser img {
max-height: 100px;
width: auto !important;
}
.firmenportraet-teaser nav.slider-control {
position: absolute;
top: -50px !important;
}
@media only screen and (min-width: 767px) {    
.firmenportraet .ce_gallery {
margin: 40px 0 0px 0;
} 
}

#right .ce_text ul,
#main .nachricht .layout_latest ul  {
padding-left: 0; 
margin-left: 0;
margin-top: -5px;
} 
#main .nachricht .layout_latest ul  {
margin-top: 10px;
} 


.mittagstisch ul li a:before,
#main .ce_text ul li:before,
#right .ce_text ul li:before,
#main .nachricht .layout_latest ul li:before {
margin-left: 0px;
margin-right: 7px;
color: #b20101;
font-size: 11px;
bottom: 5px !important;
}  
#main .ce_text.branchenbereiche  ul li:before {
content: "";
margin-left: 0px;
margin-right: 0px;
bottom: 0px !important;	
}     
#main .ce_text ul  {
list-style-type: none;
padding-left: 0;
margin-left: 0;
} 
.teasericon {
display: none;
}
#teaserblock ul,
#teaserblock .firmenportraet-teaser,
#teaserblock .mod_eventlist,
#teaserblock .mod_newslist   {
padding: 10px 20px 10px 20px;
padding: 20px;
}


.firmenportraetteaser .content-slider img  {
padding: 20px 30px 0 30px !important;
}
.firmenportraetteaser nav.slider-control {
margin-top: 10px;
}


#teaserblock h4 {
font-size: 16px;
font-weight: 700;
padding: 0;
margin: 10px 0 0 0;
text-align: center;
}
#teaserblock .mod_newslist  {
}


#teaserblock .angebote figure {
display: block;
float: none !important;
text-align: center !important; 
}


@media only screen and (max-width: 1000px) {
#teaserblock .ce_text h2 {
font-size: 15px;
}
}
@media only screen and (max-width: 860px) {
#teaserblock .ce_text:nth-child(1),
#teaserblock .ce_text:nth-child(2),
#teaserblock .ce_text:nth-child(3) {
width: 30.666%;
margin-right: 4%;
}
#teaserblock .ce_text:nth-child(3) {
margin-right: 0%;
}
#teaserblock .ce_text:nth-child(4),
#teaserblock .ce_text:nth-child(5)   {
margin-top: 20px;
width: 48%;
margin-right: 4%;
}
#teaserblock .ce_text:nth-child(5)   {
margin-right: 0%;
}
}

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

#teaserblock p em a {
margin: 0 0 0 20px !important;
left: 0;
right: auto !important;
}

#teaserblock .veranstaltungen  .mod_eventlist,
#teaserblock .kleinanzeigen  .mod_newslist,
#teaserblock .mittagstisch ul, 
#teaserblock .firmenportraetteaser .ce_sliderStart,  
#teaserblock p em a {
display: none !important;  	
-webkit-transition: all 0.3s; transition: all 0.3s;
} 

#teaserblock .firmenportraetteaser  {
display: none !important;   	
} 

#teaserblock .veranstaltungen h2,
#teaserblock .kleinanzeigen  h2, 
#teaserblock .mittagstisch  h2, 
#teaserblock .angebote  h2,
#teaserblock .firmenportraetteaser h2 {
margin-bottom: -20px !important;
font-size: 20px !important;
cursor: pointer;
}
#teaserblock .firmenportraetteaser h2 {
margin-bottom: -30px !important;
}
#teaserblock .veranstaltungen h2 {
margin-bottom: -85px !important;     
}
#teaserblock .kleinanzeigen h2 {
margin-top: -5px !important;     
}
#teaserblock .ce_text.angebote {
padding-top: 20px;
margin-bottom: -20px; 
}
#teaserblock h2:before {
content: "+ ";
}
#teaserblock .angebote h2:before {
content: "";
}



#teaserblock .veranstaltungen.on .mod_eventlist,
#teaserblock .veranstaltungen.on p em a {
display: block !important;   	
}  
#teaserblock .veranstaltungen.on h2 {
margin: 0 0 -20px 0!important;    	
}  
#teaserblock .veranstaltungen.on h2:before {
content: "- ";
}

#teaserblock .kleinanzeigen.on .mod_newslist,
#teaserblock .kleinanzeigen.on p em a {
display: block !important;   	
}  
#teaserblock .kleinanzeigen.on h2 {
margin: -5px 0 -20px 0!important;    	
}  
#teaserblock .kleinanzeigen.on h2:before {
content: "- ";
}

#teaserblock .mittagstisch.on ul {
display: block !important;   	
}  
#teaserblock .mittagstisch.on h2 {
margin: 0 0 -20px 0!important;    	
}  
#teaserblock .mittagstisch.on h2:before {
content: "- ";
}


#teaserblock .firmenportraetteaser.on .ce_sliderStart,  
#teaserblock .firmenportraetteaser.on p em a {
display: block !important;   	
}  
#teaserblock .firmenportraetteaser.on h2 {
margin: 0 0 -20px 0!important;    	
}  
#teaserblock .firmenportraetteaser.on h2:before {
content: "- ";
}


}




/* ######################################################################################################## NEWTEASER */
/* ######################################################################################################################## */

.upcoming p,
.home_termine .mod_eventlist .upcoming p {margin: 5px 0 5px 0 !important;}  

.upcoming.active {border: 3px #b20000 solid !important;}
.liste  .upcoming.active {border: 0px rgba(0,0,0,0.35) solid !important;  border-bottom-width: 1px !important;}  

.slider_neu nav.slider-control a.slider-prev,
.slider_neu nav.slider-control a.slider-next {display: none !important;}

.home .custom, .home #container {max-width: 100%;}
.home #container {padding: 0;}  
.mod_article.newteaserblock .inside {max-width: 1200px; margin: 0 auto; padding: 30px 0 20px 0;}

.home .newteaserblock {width: 100%, max-width: 100%; padding-left: 20px; padding-right: 20px;}

.newteaserblock > div .layout_latest,
.newteaserblock > div .upcoming,
.newteaserblock > div .ce_image, 
.newteaserblock > div .firmenportraet_uebersicht,
.newteaserblock.forum .mod_newsarchive .leser   { background: #fff;  width: 32.333%; position: relative; margin-bottom: 20px; }
.newteaserblock > div .ce_image,
.newteaserblock.dj .mod_newslist .layout_full  { width: 24.333% !important; margin-bottom: 25px !important;  }  

.newteaserblock.dj .mod_newslist .layout_full  { position: relative; }
.newteaserblock.dj .mod_newslist .layout_full img,
.newteaserblock.dj .mod_newslist .layout_full figure   { padding: 0; margin: 0px; }  

.newteaserblock .layout_latest > a { display: block; border: 0px #ccc solid;}

/* FULL */

.newteaserblock .full { width: 100%; text-align: center; display: block; } 
.newteaserblock .fullheadline { width: 100%; display: block; }
.newteaserblock .fullheadline h2 { font-size: 38px !important; line-height: 46px !important; margin: 0px 0 30px 0 !important; } 
.newteaserblock.start .fullheadline h2 { margin: 0 0 30px 0 !important; }
.newteaserblock .ce_text.full { margin-top: -10px !important; }    
#main .newteaserblock .full a { display: block; padding: 5px 20px; background: #b20000; width:100%; border: 0px #000 solid; text-decoration: none !important; text-transform: normal; margin: 0px auto 0 auto; color: #fff; -webkit-transition: all 0.3s; transition: all 0.3s; font-weight: bold;  } 
#main .newteaserblock .full a:hover { letter-spacing: 0.05em;  }      


.newteaserblock > div .layout_latest,
.newteaserblock > div .upcoming,
.newteaserblock.forum .mod_newsarchive .leser  {  padding: 25px;  }

.newteaserblock.forum .mod_newsarchive .pagination { display: none; } 

.home_portraet img  { margin: 0px 0 0px 0; } 
 
.newteaserblock.home_portraet {margin-top: 5px }
.newteaserblock.home_portraet .mod_newslist { margin: 14px 0 6px 0 !important; }
.newteaserblock.branchen .fullheadline  { margin: 0px 0 -10px 0 !important; }  

.home_angebote .layout_latest img  { max-width: 200px; margin: 12px 0 5px 0; }
.home_kleinanzeigen img  { max-width: 250px; margin: 12px 0 5px 0;  display: none;}
.newteaserblock > div .layout_latest h2  {margin-top: -5px; }  
.newteaserblock.dj .inside .ce_text.full   {margin: -10px auto 0 auto !important; }
.newteaserblock.dj .inside figure figcaption   {bottom: 10px !important; }
.newteaserblock.dj   {margin: 17px 0 0 0; } 

.home #main {padding-right:  0; width: 100%; }

.home_portraet .ce_text.full a  {margin-top: 22px !important;}

.newteaserblock { position: relative; z-index: 9999 }
.newteaserblock .fullheadline {overflow: visible; }  

.newteaserblock .fullheadline  { position: relative; }  
.newteaserblock .fullheadline img { display: block; }
.newteaserblock .ce_text.fullheadline a  { display: block; position: absolute; right: 0; top: -10px; z-index: 1;  } 
.newteaserblock .ce_text.fullheadline a.comingsoon  {  }  
.newteaserblock.home_kleinanzeigen .ce_text.fullheadline a  { display: block; position: absolute; right: 0; top: -22px !important; z-index: 999999999; }      
.newteaserblock .ce_text.fullheadline a img  {width: 220px; height: auto; -webkit-transition: all 0.3s; transition: all 0.3s;} 
.newteaserblock .ce_text.fullheadline a:hover img  {width: 230px !important; height: auto; padding: 0 !important; }  
.home_angebote .ce_text.fullheadline img, .home_kleinanzeigen .ce_text.fullheadline img {padding: 0 !important; }
 

@media only screen and (max-width:650px)  {
.newteaserblock .ce_text.fullheadline a,
.newteaserblock.home_kleinanzeigen .ce_text.fullheadline a  { display: block; position: relative; right: 0; top: 5px; z-index: 1;  }
.newteaserblock.home_kleinanzeigen .ce_text.fullheadline a  { top: 5px !important;  }    
}

.home_termine .mod_eventlist,
.home_kleinanzeigen .mod_newslist,
.home_angebote .mod_newslist,
.home_portraet .mod_newslist,
.newteaserblock.dj .inside,
.newteaserblock.dj .mod_newslist,
.newteaserblock.forum .inside .mod_newsarchive   { display: flex; justify-content: space-between !important; flex-wrap: wrap; float: none !important; margin: 0 auto !important; padding: 0 !important;}
.home_termine .mod_eventlist p,
.home_kleinanzeigen .mod_newslist p,
.home_an.home_portraetgebote .mod_newslist p,
 .mod_newslist p {margin: 0 !important;}

/* MITTAGSTISCH  */

.newteaserblock.mittagstisch .inside ul { display: flex; justify-content: space-between; flex-wrap: wrap; } 
.newteaserblock.mittagstisch .inside ul li { display: block; width: 33%; border: 0px #000 solid; padding: 0px;}
.newteaserblock.mittagstisch .ce_text.fullheadline { width: 100% !important; }   	
.newteaserblock.mittagstisch .ce_text ul li a  {font-size:22px !important; background: #fff;  padding: 10px 10px 10px 45px; display: block;  border: 0px rgba(0,0,0,0.35) solid;  margin-top: 2px; -webkit-transition: all 0.3s; transition: all 0.3s; 
background-image: url(../../files/DEGERLOCH/demoTEMP/icon-essen4.png);  
background-size: 33px 33px;  background-repeat: no-repeat; background-position: 5px center;
}
.mod_article.newteaserblock.mittagstisch.links {  margin-top: 50px !important; }  
.newteaserblock.mittagstisch.links .ce_text ul li a {
background-image: url(../../files/DEGERLOCH/demoTEMP/icon-links-home.png) !important;  
background-size: 33px 33px;  background-repeat: no-repeat; background-position: 5px center;
} 
.mod_article.newteaserblock.mittagstisch.links .inside {
padding: 0 !important;
} 



 @media only screen and (max-width:900px) { .newteaserblock.mittagstisch .inside ul li { width: 49.5%;} }        

.newteaserblock.mittagstisch .ce_text ul li a:hover  { letter-spacing: 0.03em;  } 
.home .firmenportraet_uebersicht {border: 1px rgba(0,0,0,0.35) solid !important; box-shadow: 0px 0px 0px rgba(0,0,0,0.0) !important;  }  	
 
 
.newteaserblock p.more {position: absolute; bottom: 10px; border: 1px rgba(0,0,0,0.5) solid; padding: 5px 10px; -webkit-transition: all 0.3s; transition: all 0.3s; }
.newteaserblock p.more:hover { letter-spacing: 0.05em;  }   
 
.banneroben { margin: 0px auto 22px auto; max-width: 1200px; }
.bannerunten  { margin: 0px auto 0px auto; text-align: center;  } 
.bannerunten img { margin: 50px auto 50px auto; max-width: 1200px; }    
.slider_neu  {margin: 20px auto 50px auto; max-width: 1200px; }

 /* BRANCHEN  */ 

.newteaserblock.branchen ul {padding: 5px; display: flex; justify-content: space-between !important; align-items: stretch; flex-wrap: wrap;}    
.newteaserblock.branchen li  {text-align: center !important; font-size: 20px; line-height: 25px; width: 18%; text-align: center; padding: 5px;}    
.newteaserblock.branchen li a {background: #E66B04;  border: 0px #000 solid; box-shadow: 0px 0px 3px rgba(0,0,0,0.25); padding: 30px 25px; display: block; min-height: 250px; color: #fff;} 
.newteaserblock.branchen li a img {margin-bottom: 25px; max-width: 80px;} 
.newteaserblock.branchen li img {-webkit-transition: all 0.3s; transition: all 0.3s;}  
.newteaserblock.branchen li:hover img {transform: scale(1.1);}   

  /* PORTRAET  */  

.newteaserblock.home_portraet .mod_newslist {display: flex; justify-content: space-between !important; flex-wrap: wrap;}                
.newteaserblock.home_portraet .mod_newslist .firmenportraet_uebersicht  {border: 0 !important; width: 16.166% !important; padding: 15px 25px 0px 25px !important; margin: 0 0 10px 0 !important; background: #fff; }  
.XXnewteaserblock.home_portraet .mod_newslist img  {max-width: 150px;}												                                                                   

.home_portraet .mod_newslist  {background: #fff; display: flex; justify-content: space-between !important; flex-wrap: wrap; align-items: center;}      
.home_firmenportraet {text-align: center; border: 0 !important; width: 20% !important; padding: 15px 15px 15px 15px !important; margin: 6px 0 10px 0 !important; background: #fff; top: 0; bottom: 0;}       


.newteaserblock > div .layout_latest a,
.newteaserblock > div .upcoming a,
.newteaserblock > div .firmenportraet_uebersicht a,
.newteaserblock.forum .inside .mod_newsarchive > .leser + a.url  {height: 100%; display: block; background-image: url(../../files/DEGERLOCH/demoTEMP/icon-link2.png);
background-size: 15px 15px;  background-repeat: no-repeat; background-position: right top; -webkit-transition: all 0.3s; transition: all 0.3s; }


.newteaserblock > div .layout_latest:hover a,
.newteaserblock > div .upcoming:hover a,
.newteaserblock > div .firmenportraet_uebersicht:hover a  {background-size: 20px 20px;}

.newteaserblock > div .layout_latest:hover a,
.newteaserblock > div .upcoming:hover a,
.newteaserblock > div .firmenportraet_uebersicht:hover a  {display: block; background-image: url(../../files/DEGERLOCH/demoTEMP/icon-link.png);
background-size: 25px 25px;  background-repeat: no-repeat; background-position: right top;}


.home #main .mod_article.newteaserblock {background: #ddd !important; }

#main .newteaserblock h2 {font-size: 25px !important; line-height: 31px; margin: 8px 0 15px 0;} 
#main .newteaserblock .fullheadline h2,
.ticker .fullheadline h2,
.extra .fullheadline h2,
.tickerneu .fullheadline h2  {font-size: 30px !important; line-height: 36px; margin: 0px 0 15px 0 !important;} 
.ticker .fullheadline h2 {margin: 30px 0 !important;} 
.tickerneu .fullheadline h2 {margin: 30px 0 !important;}   
.extra .fullheadline h2 {margin: 30px 0 !important;}   

.slider_neu  {position: relative; }
.slider_neu img {padding-top: 30px !important; }    
.mod_article.slider_neu  {margin-top: -23px; }            
.slider_neu > .slidertext {position: absolute; bottom: 48px; right: 0px; text-align: right; }  
.slider_neu > .slidertext span {display: inline-block; font-size: 30px; line-height: 30px; padding: 10px 15px 10px 15px; background: rgba(226,0,26,0.7); color: #fff; margin-bottom: 10px; z-index: 9999999; }    
 
.rsts-skin-default .rsts-nav {border: 0px #000 solid; right: 0; left: 0; bottom: 0px; text-align: center !important;background: rgba(255,255,255,0.0) !important;}
.rsts-skin-default .rsts-nav-bullets a {height: 15px; width: 15px; background-color: #fff;}   
.rsts-skin-default .rsts-nav-bullets a:hover, .rsts-skin-default .rsts-nav-bullets a.active {height: 15px; width: 15px; background-color: #b20000;}


nav.slider-control {display: block; position: absolute; right: 0; left: 0; bottom: 15px; text-align: center !important; background: none;}
.slider-control .slider-menu b {font-size: 50px; color: #fff;  height: 15px; width: 15px; letter-spacing: 0.05em;}
.slider-control .slider-menu b.active {color: #b20000 !important;}

@media only screen and (max-width: 500px) { 
nav.slider-control {right: auto; left: 0; text-align: left !important; bottom: 10px; }   
}     


@media only screen and (max-width: 829px) {
.slider_neu > .slidertext { bottom: 5px; }
.slider_neu > .slidertext span {font-size: 24px; line-height:24px; padding: 5px 40px 5px 10px;margin-bottom: 5px; } 
.banneroben { margin: -10px auto 0px auto;  }
.bannerunten img { margin: 20px auto 20px auto;}    
.slider_neu  {margin: 20px auto 30px auto;  }   
.home_firmenportraet {width: 33.33% !important;} 
.home_firmenportraet:nth-child(n+4) {display: none;}  
.rsts-skin-default .rsts-nav {  padding-left: 20px;  bottom: 0px; text-align: left !important;}
.rsts-skin-default .rsts-nav-bullets a {height: 10px; width: 10px; background-color: #fff;}   
.rsts-skin-default .rsts-nav-bullets a:hover, .rsts-skin-default .rsts-nav-bullets a.active {height: 10px; width: 10px;}
}

@media only screen and (max-width: 699px) {  
.newteaserblock.mittagstisch .inside ul li { width: 100%; padding: 0;}   
.newteaserblock.mittagstisch .ce_text ul li a {padding: 5px 10px 5px 45px;}
 .newteaserblock > div .layout_latest,
.newteaserblock > div .upcoming,
.newteaserblock > div .firmenportraet_uebersicht  { background: #fff;  width: 49.333%; position: relative; margin-bottom: 9px; }
.newteaserblock > div .layout_latest:nth-child(2) {display: none;}  
.newteaserblock.home_portraet .mod_newslist .firmenportraet_uebersicht,
.newteaserblock > div .ce_image,
.newteaserblock.dj .mod_newslist .layout_full  {width: 49.333% !important;  margin: 0 0 9px 0 !important}
.mod_article.slider_neu  {margin-top: 15px; } 
.slider_neu img {padding-top: 0px !important; }     
}
@media only screen and (max-width: 829px) { 
.newteaserblock.branchen li  {width: 33%;}   
.newteaserblock.branchen li:nth-child(1),
.newteaserblock.branchen li:nth-child(2)  {width: 50%; min-height: auto;}
.newteaserblock.branchen li a {min-height: 270px;}     
.newteaserblock.branchen li:nth-child(1) a  {min-height: auto;}
} 
@media only screen and (max-width: 600px) { 
.newteaserblock.branchen li img {width: 50px; float: left; margin-right: 20px;}    
.newteaserblock.branchen li,  
.newteaserblock.branchen li:nth-child(1),
.newteaserblock.branchen li:nth-child(2)  { text-align: left !important; width: 100%; min-height: auto;}
.newteaserblock.branchen li a,   
.newteaserblock.branchen li:nth-child(1) a  {min-height: auto;}
.newteaserblock > div .layout_latest,
.newteaserblock > div .upcoming,
.newteaserblock > div .firmenportraet_uebersicht,
.newteaserblock.forum .mod_newsarchive .leser  { width: 100%; margin-bottom: 5px; padding: 10px;}
.home_termine .mod_eventlist img {display: none;}
.home_termine .mod_eventlist h2 {padding: 0 0 10px 0; font-size: 17px !important; margin: 0 !important;}  
.newteaserblock .fullheadline h2 { font-size: 24px !important; line-height: 30px !important; margin: 0px 0 15px 0 !important; }  
.home_angebote .layout_latest img,
.home_kleinanzeigen img  { width: 85%; padding-right: 15%; }       
}  


#main .newteaserblock.forum p a {  text-decoration: none !important;  }  


/* ############################################################################################################################################################ BANNER */
/* ######################################################################################################################## */

.mod_banner .banner_wrap:nth-child(n+1) {
margin-top: 10px;
}
#banneranzeige {
margin: -10px 0 15px 0;
}
.mod_banner figure:nth-child(1):before {
content: "- Anzeige/n -";
position: relative;
top: 0px;
left: 0;
font-size: 12px;
opacity: 0.7;
}


#banneranzeige figcaption {
display: none;
}
.mod_banner  figcaption {
display: none;
}
#main .mod_newsarchive .mod_banner {
text-align: center !important;
width: 100% !important;
border: 0px #fff solid;
border-bottom: 1px solid rgba(0,0,0,0.25);
padding-bottom: 30px !important;
}
#main .mod_newsarchive .mod_banner figure:before {
content: "- Anzeige -";
position: relative;
top: 0px;
left: 0;
font-size: 12px;
opacity: 0.7;
text-align: left !important;
}

#slideshow { 
position: relative; 
width: 1200px;
height: 200px;
max-width: 100%;
}

#slideshow > div { 
    position: absolute; 
    top: 0px; 
    left: 0px; 
    right: 0px; 
    bottom: 0px; 
}
@media only screen and (max-width: 967px) { 
#slideshow { 
height: 125px;
} 
}

@media only screen and (max-width: 767px) { 
#slideshow { 
height: 100px;
}    
}
@media only screen and (max-width: 600px) { 
#slideshow { 
height: 80px;
}    
}




/* ############################################################################################################################################################ HEADESECTION */
/* ######################################################################################################################## */

#headsection {
width:100%;
position:sticky;
top: -120px;
display:block;
margin-right:auto;
margin-left:auto;
padding:25px 0 25px 0;
background-color:#fff;
-webkit-box-shadow:0 0 15px 0 rgba(0,0,0,.10);
box-shadow:0 0 15px 0 rgba(0,0,0,.10);
border-top:2px solid #BEBEBE;
behavior:url('assets/css3pie/1.0.0/PIE.htc');
margin-top: 0px;
z-index: 110 !important;
}

@media only screen and (min-width: 767px) { 
#headsection {
z-index: 999999 !important;
}   
}


#headsection .logo img {
width: auto;
height: auto;
}
#headsection .inside {
width:100%;
max-width:1200px;
left:0;
right:0;
top:0;
position:relative;
display:block;
margin-right:auto;
margin-left:auto;
text-align:center;
min-height: auto !important;
z-index: 110 !important;
}
#headsection .social {
right:15px;
top:-20px;
position:absolute;
display:block;
margin-top:0;
z-index: 110 !important;
}

@media only screen and (max-width: 970px) {
#headsection .social img {
max-width:125px !important;
}
#headsection .social {
top:0px;
}
}

@media only screen and (max-width: 830px) {
#headsection .social {
display: none;
}
}

#headsection .logo {
display:block;
margin:0 auto 10px auto;
text-align:cetner;
z-index: 110 !important;
}
#headsection .logo img {
width:100%;
max-width:500px;
margin:30px auto 0 auto;
text-align:left;
padding: 25px 0 !important;
}


/* ############################################################################################################################################################ KOMMENTARE */
/* ######################################################################################################################## */

.ce_comments {
padding: 35px;
 max-width: 850px;
margin: 65px auto 0 auto;
border: 1px #eee solid;
background-image: linear-gradient(rgba(0,0,0,0.025), rgba(0,0,0,0.06));
box-shadow: 0px -10px 10px rgba(0,0,0,0.05);
}
.ce_comments form .widget-text:nth-child(3),
.ce_comments h2:nth-child(1) { 

} 
.ce_comments h2 { 
margin: 0px 0 30px 0 !important;
} 
.kommentarteaserdata {
font-style: normal !important;
}
.kommentarteaserdata a {
text-decoration: underline !important;
}


.comments {position: relative; }
.numbercomments { position: absolute; margin: -9px 0 0 6px; background:#D0671D; font-size: 14px; line-height: 14px; text-align: center; color: #fff; padding: 4px 3px 2px 3px; display: inline-block; border-radius: 50%; width: 23px; height: 23px; } 

.meinungbutton {text-align: center; margin: 10px 0; }
.meinungbutton a  { display: inline-block; background: #D0671D; color: #fff; padding: 5px 10px; font-size: 16px; line-height: 16px; min-width: 300px; border-radius: 2px; }       


.lesermeinungneu a  {display: inline-block; background: #D0671D; color: #fff; padding: 5px 10px; font-size: 16px; line-height: 16px; min-width: 300px; border-radius: 2px; margin: 10px 0;}
.lesermeinunglink a {display: inline-block; background: #D0671D; color: #fff; padding: 5px 10px; font-size: 16px; line-height: 16px; min-width: 300px; border-radius: 2px; margin: 10px 0;}
.ce_form p.lesermeinungneu a {text-decoration: none !important;}   
.lesermeinungneu a:hover,
.lesermeinunglink a:hover {color: #fff; } 
@media only screen and (max-width:800px) {  
.lesermeinungneu a {position: relative; top: -15px; }
}



.ce_comments label {
font-size: 12px;
margin: 20px 0 -7px 0;
}
.ce_comments input {
text-align: left;
font-size: 14px;
}
.kommentarteaser {
width:100%;
position:relative;
float:none;
clear:both;
display:block;
margin-bottom:-10px;
padding-left:10px;
text-align:left;
-webkit-box-shadow:0 0 0 0 rgba(0,0,0,.2);
box-shadow:0 0 0 0 rgba(0,0,0,.2);
border-bottom:0px solid #ccc;
border-left:5px solid #ccc;
color:#000;
}
.kommentarteaserdata {
width:100%;
position:relative;
float:none;
clear:both;
display:block;
margin-bottom:25px;
margin-left:13px;
font-size:.9em;
line-height:1.2em;
font-style:italic;
color:#333;
}
@media only screen and (min-width: 767px) {    
.kommentare .comment {
display: flex;
align-items: flex-end;
border: 0px #000 solid;
margin: 0 0 30px 0;
padding: 20px 20px 20px 20px;
}
.kommentare .commentdata {
display: table-cell;
vertical-align: bottom;
width: 25%;
text-align: right;
padding: 0 20px 30px 0;
font-size: 15px;
line-height: 26px;
}
.kommentare .commenttext {
display: inline-block;
width: 75%;
margin-left: 20px;
padding-left: 20px;
border: 0px solid rgba(0,0,0,0.15);
border-left-width: 5px;
font-size: 15px;
line-height: 22px;
}
}
.kommentare .commenttext strong {
font-weight: 700;
}
.kommentare .comment .name {
font-weight: bold;
font-size: 20px;
}
.kommentare .comment .datum {
font-size: 13px;
}
.kommentare .comment .beitrag a {
display: block;
}
.kommentare .comment .beitrag a:hover {
background: rgba(0,0,0,0.25);
text-decoration: none !important;
}
.mod_newsreader .comment {
display: block;
font-size: 14px;
line-height: 18px;
border: 0px #000 dotted;
border-bottom-width: 1px;
padding: 0px 0 25px 0;
margin: 8px 0 30px 0;
}
.mod_newsreader .comment p {
margin: 0 0 5px 0;
}
.mod_newsreader .commentmeta {
display: block;
font-size: 14px;
line-height: 18px;
font-weight: bold;
margin:25px 0 0px 0;
}



/* ############################################################################################################################################################ SONDERNACHRICHTEN */
/* ######################################################################################################################## */

#main .sondernachrichten h3 {
display: none;
}
#main .sondernachrichten {
margin-bottom: -0px !important;
margin-top: 0px !important;
}
.mod_newsarchive .zweispaltig.nachricht img {
width: 100%;
margin: 10px 0 10px 0;
}
.sondernachrichten img {
width:28px;
float: left;
margin-top:0px;
padding-right:0px !important;
margin-left:0;
height: auto;
}
.sondernachrichten a {
display: block;
text-decoration: none;
color: #fff;
padding: 8px 10px 8px 40px;
margin: 0 !important;
background-size: 30px 30px;
transform: scale(1.0);
-webkit-transition: all 0.1s; transition: all 0.1s !important;
}
.sondernachrichten p {
display: block;
width: 100%;
float: none;
clear: both;
margin: 0 !important;
}
.breit .sondernachrichten  {
margin-bottom: 30px;
}
.breit .sondernachrichten p {
display: inline-block;
width: 25%;
clear: none;
float: left;
font-size: 12px;
}
@media only screen and (max-width: 1120px) {
.breit .sondernachrichten p {
width: 50%;
}
}
@media only screen and (max-width: 700px) {
.breit .sondernachrichten p {
width: 25%;
font-size: 0;
}
}

.sondernachrichten p:nth-child(2) a {
background: #6E2366 url('../../files/DEGERLOCH/basics/icon-zackowski.png') no-repeat left center;
background-size: 30px 30px;
}
.sondernachrichten p:nth-child(3) a {
background: #035C99 url('../../files/DEGERLOCH/basics/icon-lesermeinung.png') no-repeat left center;
background-size: 30px 30px;
}
.sondernachrichten p:nth-child(4) a {
background: #47A12A url('../../files/DEGERLOCH/basics/icon-verse.png') no-repeat left center;
background-size: 30px 30px;
}
.sondernachrichten p:nth-child(5) a {
background: #CD071F url('../../files/DEGERLOCH/basics/icon-dj.png') no-repeat left center;
background-size: 30px 30px;
}


/* ############################################################################################################################################################ SONDERNACHRICHTEN */
/* ######################################################################################################################## */

video {
width: 100% !important;
height: auto !important;
}


.videonachrichten .ce_player {
margin: 0 0 10px 0;
}
.videonachrichten .mod_newsarchive .layout_latest {
border: 0px;
}
.ortsgespraechliste .mod_newsarchive  {
display: flex;
flex-wrap: wrap;
 justify-content: center;
}
.mod_newsarchive a.ortsheadline {
display: block;
position: relative;
width: 360px;
background: #000;
}
.mod_newsarchive a.ortsheadline .ortsgespraechdata {
display: block;
position: absolute;;
bottom: 0px;
left: 0;
background: rgba(0,0,0,0.5);
width: 100%;
padding: 5px 20px;
color: #fff;
-webkit-transition: all 0.3s; transition: all 0.3s;
}
.mod_newsarchive a.ortsheadline:hover .ortsgespraechdata {
padding: 5px 20px 10px 20px;
background: rgba(0,0,0,0.75);
}
.mod_newsarchive a.ortsheadline img {
object-fit: cover !important;
width: 100% !important;
height: 100% !important;
transform: scale(1.0);
margin-bottom: -13px;
-webkit-transition: all 0.3s; transition: all 0.3s;
}
.mod_newsarchive a.ortsheadline figure {
overflow: hidden;
}
.mod_newsarchive a.ortsheadline:hover img {
transform: scale(1.025);
margin-bottom: -13px;
}
.ortsheadline, .ortsdatum {
display: block;
}
.ortsgespraech.full .image_container {
display: block;
width: 100%;
text-align: center;
}


.home .ortsgespraech {
background: #eee;
padding: 20px 20px 0px 20px;
margin: 28px 0 50px 0;
border: none !important;

}
.home .ortsgespraech p.info {
padding-left: 20px;
margin-top: 10px;
}
.home .ortsgespraech  {
overflow: visible;
}
.home .ortsgespraech:before {
content: 'Blickpunkt';
position: absolute;
top: -3px;
left: 0px;
 background: #B20101 !important;
    color: #fff !important;
    display: inline-block !important;
    padding: 6px 10px 6px 8px !important;
    border-radius: 0 0 15px 0;
    margin: 4px 10px 0px 0px;
    font-weight: bold;
    font-size: 16px;
color: #b20000;
font-size: 16px;

}

.home .nachricht.ortsgespraech:before {  
opacity: 0;
display: none;
content: "";
}

.home .mod_newsarchive .ortsgespraech .layout_latest {
border-width: 0;
padding: 0;
}



.mod_newsreader.ortsgespraech p.info,
.mod_newsreader.ortsgespraech .ortsautor,
.mod_newsreader.ortsgespraech h1,
.mod_newsreader.ortsgespraech .layout_full h1 {
text-align: center !important;
}
.ortsheadline {
font-size: 16px;
line-height: 22px;
}
.orts-subheadline {
font-weight: bold;
display: block;
position: relative;
padding: 40px 40px 40px 40px;
max-width: 850px;
margin: 60px auto 0 auto;
background: #fff;
z-index: 99;
box-shadow: 0px -10px 10px rgba(0,0,0,0.10);
}
.mod_newsreader .orts-subheadline {
text-align: center !important;
}
 



/* ############################################################################################################################################################ CHRONIK  */
/* ######################################################################################################################## */

.degerloch td.col_1 {
text-align: right !important;
width: 100px;
}
.degerloch table td {
padding: 5px;
with: 100% !important;
min-with: 100% !important;
    padding: 5px;
    border: 1px dotted rgba(0,0,0,.45);
}
.chronik h3 {
display: inline-block;
padding: 5px 10px;
background: #CF0E23;
color: #fff;
margin: 30px 0 -5px 0;
border: 0px #000 solid;
min-width: 200px;
margin-left: 1px;
text-align: center;
}
@media only screen and (min-width: 767px) {    
.chronik-wrapper {
display: block;
margin: 5px 15px 5px 1px !important;
border: 1px #000 solid;
padding: 20px;
}
}




/* ############################################################################################################################################################ DJ  */
/* ######################################################################################################################## */

.dj img {
vertical-align: bottom;
}

.journal .ce_headline {
margin: 100px 0 10px 0 !important;
}
.journal .ce_headline.top {
margin: 18px 0 50px 0 !important;  
}

.dj figure {
position: relative;
border: 1px rgba(0,0,0,0.25) solid;
overflow: visible;
}
.dj figcaption {
background: #b20000;
position: absolute;
bottom: 15px;
color: #fff;
padding: 4px 5px;
font-size: 16px !important;
text-align: center;
width: 80%;
margin: 0 auto !important;
left: 0;
right: 0;
z-index: 9999999;
}
.dj .ce_image {
 overflow: visible;
}
.dj table {
    margin-right:10px;
    margin-bottom:10px;
    -webkit-box-shadow:0 0 5px 0 rgba(0,0,0,.5);
    box-shadow:0 0 5px 0 rgba(0,0,0,.5);
    border:1px solid rgba(0,0,0,.3);
    behavior:url('assets/css3pie/1.0.0/PIE.htc');
}
.dj thead {
    margin-right:auto;
    text-align:left;
    background-color:#ccc;
}
.dj th {
    margin-right:auto;
    margin-left:auto;
    padding:3px;
    text-align:center;
}
.dj td {
    margin-right:auto;
    padding:3px;
    text-align:left;
    border-right:1px dotted rgba(0,0,0,.3);
}
.XXdj .even {
    margin-right:auto;
    padding:3px;
    text-align:left;
    background-color:#ebebeb;
    border-right:1px dotted rgba(0,0,0,.3);
}


.dj td.col_0 {
    width:20%;
    margin-right:auto;
    margin-left:auto;
    text-align:center;
}

.dj td.col_1 {
    width:15%;
    margin-right:auto;
    margin-left:auto;
    text-align:center;
}

.dj td.col_2 {
    width:50%;
    margin-right:auto;
    margin-left:auto;
    text-align:center;
}

.dj td.col_3 {
    width:15%;
    margin-right:auto;
    margin-left:auto;
    text-align:center;
}


.dj.journal .mod_newslist .layout_full img {
padding-right: 0%;
} 
.dj.journal .mod_newslist .layout_full  {
width: 24.0% !important;
padding-right: 0% !important;   
} 
.dj.journal .empty {display: none; }


html .dj.journal {
  --grid__columns: 12;
  --grid__gutter: 1.10rem !important;
}


/* ############################################################################################################################################################ BÜCHER  */
/* ######################################################################################################################## */

.mod_article.buecher {
max-width: 1600px;
margin: 0 auto !important;
}
.mod_article.buecher h2 {
margin-bottom: 15px !important;
}
@media only screen and (min-width: 767px) {    
.buecher .ce_text {
width: 100%;
padding: 20px 30px;
 }
}


/* ############################################################################################################################################################ GALERIE  */
/* ######################################################################################################################## */

.fotoquelle  {
text-align: center;
margin: -25px 0 40px 0;
font-weight: normal;
}
.site-fotogalerien p  {
text-align: center;
margin: -10px 0 -10px 0;
}
.site-fotogalerien h4  {
margin-bottom: 20px !important;
}



/* ############################################################################################################################################################ /* GALERIE-POPUP */ 
/* ######################################################################################################################## */


#cboxOverlay {
background: none;
}
#colorbox,
#cboxWrapper,
#cboxLoadedContent {
border: 0 !important;
background: transparent !important;
}
#cboxTitle,
#cboxCurrent {
display: none !important;
opacity: 0;
}
#cboxPrevious {
width:0px;
height:0px;
text-indent: 0;
opacity: 1;
color: transparent;
text-align: center;
background: transparent !important;
-webkit-transition: all 0.3s; transition: all 0.3s;
z-index: 9999999999 !important;
}
#cboxPrevious:after {
content: "1";
display: block;
position: absolute;
top: 0;
left: -5px;
width: 50px;
height: 50px;
opacity: 1;
text-align: center;
background: #b20000 url('../../files/DEGERLOCH/basics/icon/left.png') !important;
background-size: 50px !important;
-webkit-transition: all 0.3s; transition: all 0.3s;
z-index: 9999999999 !important;
 opacity: 0.85;
}
#cboxPrevious:hover:after {
opacity: 1;
}

#cboxNext {
width:0px;
height:0px;
text-indent: 0;
opacity: 1;
color: transparent;
text-align: center;
background: transparent !important;
-webkit-transition: all 0.3s; transition: all 0.3s;
z-index: 9999999999 !important;
}
#cboxNext:after {
content: "1";
display: block;
position: absolute;
top: 0;
right: -5px;
width: 50px;
height: 50px;
opacity: 1;
text-align: center;
background: #b20000 url('../../files/DEGERLOCH/basics/icon/right.png') !important;
background-size: 50px !important;
-webkit-transition: all 0.3s; transition: all 0.3s;
z-index: 9999999999 !important;
 opacity: 0.85;
}
#cboxNext:hover:after {
opacity: 1;
}

#cboxClose {
background: transparent !important;
width: 0px;
height: 0px;
text-indent: 0;
opacity: 1;
color: transparent;
text-align: center;
-webkit-transition: all 0.3s; transition: all 0.3s;
z-index: 9999999999 !important;
 opacity: 0.85;
}
#cboxClose:after {
content: "1";
display: block;
position: absolute;
top: -5px;
right: -5px;
width: 50px;
height: 50px;
opacity: 1;
text-align: center;
background: #b20000 url('../../files/DEGERLOCH/basics/icon/close.png') !important;
background-size: 50px !important;
-webkit-transition: all 0.3s; transition: all 0.3s;
z-index: 9999999999 !important;
}
#cboxClose:hover {
opacity: 1;
}
#cboxPrevious:focus,
#cboxNext:focus,
#cboxClose:focus {
outline-width: 0;
}




/* ############################################################################################################################################################ NEWS  */
/* ######################################################################################################################## */


.spitzmarke {
    float: left;
    display:block;
    margin-right:4px;
    font-weight:bold;
}
.spitzmarke strong,
.mod_newsarchive sub {
color: #b20000 !important;
}
.home .layout_latest strong em,
.home .layout_latest em strong,
.mod_newsreader .layout_full em strong,
.mod_newsreader .layout_full strong em {
color: #b20000 !important;
font-style: normal !important;
}
.mod_newsreader .layout_full ul li a, 
.mod_newsreader .layout_full ol li a {
text-decoration: underline !important;
}



.mod_newsarchive .nachricht img {
display: inline-block;
width: 50%;
float: right;
padding-right: 0px;
padding-bottom: 5px;
margin: 28px 0px 0 30px;
}
.mod_newsarchive .mod_banner {
padding: 0 !important;
width: 97% !important;
margin: 0px 0 30px 0 !important;
}
.mod_newsarchive h2 a {
display:block;
padding-top:0px;
border-top:0px inset rgba(190,190,190,.2);
font-size:25px;
line-height:30px;
text-decoration:none;
margin: 0px 0px 10px 0px  !important;
text-decoration: none !important;
font-weight: 700;
color: #b20000 !important;
}
.mod_newsarchive .nachricht {
position: relative;
}
.mod_newsarchive .layout_latest {
margin-bottom:35px;
padding-bottom: 35px;
border-bottom:1px solid rgba(0,0,0,0.25);
}
.mod_newsarchive .layout_latest p {
margin:0px;
}
.mod_newsarchive .info {
position: absolute;
top: -5px;
left: 0;
font-size: 12px;
}
.site-nachrichten #main h1 {
    font-size:40px;
    line-height:45px;
    color:#b20000;
    font-weight: 700;
margin: 0px 0 40px 0 !important;
}
.tagesbild h4,
.kurz_knapp h4,
#teaserblock  h2,
#main .mod_article h4,
.kleinanzeigen #main .mod_article h1, 
#right .ce_text h3,
.firmensteckbrief h3 {
    padding-top:2px;
    padding-bottom:2px;
    padding-left:5px;
     padding-left:0px  !important;
    background-color:#e2eef5;
    background-color:#fff;
    font-size:18px;
    color:#000 !important;
    font-weight: bold !important;
     margin-left: 0px !important;
    border:0px solid rgba(0,0,0,0.20);
    border-bottom-width: 1px;
        color: #b20000 !important;
}
.kleinanzeigen #main .mod_article h1,
#main .mod_article h4 {  font-size:30px; }


@media only screen and (min-width: 767px) {
 .firmensteckbrief.weiss32 ul { max-width: 600px; border:0px #000 solid;display: flex; flex-wrap: wrap; justify-content: flex-start;} 
.firmensteckbrief.weiss32 ul li {width: 48%; margin-right: 2%;} 
}



.mod_newsreader.schatten {
font-size: 18px;
line-height: 28px;
}
.mod_newsreader.schatten p {
margin-bottom: 25px;
}
.mod_newsreader.schatten figure {
position: relative;
z-index: 9;
}
.mod_newsreader.schatten .spitzmarke {
margin-top: 7px;
}
.mod_newsreader.schatten .ce_text,
.lokalerstellen  {
position: relative;
padding: 40px;
max-width: 850px;
margin: 40px auto 0 auto;
background: #fff;
z-index: 99;
box-shadow: 0px -10px 10px rgba(0,0,0,0.10);
}
.mod_newsreader.schatten .ce_text.mit_bild  {
margin: -40px auto 0 auto;
box-shadow: 0px -10px 10px rgba(0,0,0,0.20);
}
.mod_newsreader.schatten .info {
margin: 35px 0 0px 0;
font-weight: bold;
}
.mod_newsreader.schatten .info,
.mod_newsreader.schatten h1,
.mod_newsreader .ortsautor {
text-align: left !important;
display: block;
}
.rubrik.liste {
display:block;
width: 100%;
margin: 0 0 30px 0;
}
.rubrik.liste figure {
margin: 5px 0 0px 0;
}
.rubrik.liste img {
vertical-align: bottom; 
}
figure.rubrik_leser {
display:block;
background: #006BB3;
}
figure.rubrik_verse {
display:block;
background: #47A12A;
}
figure.rubrik_zack {
display:block;
background: #6E2366;
}
figure.rubrik_dj {
display:block;
background: #CD071E;
}
.sondericon {
position: relative;
padding: 0 !important;
margin: 0 !important;
float: left;
}
.sondericon img {
padding: 0 !important;
margin: 5px 10px 0 0 !important;
max-height: 22px;
width: auto !important;
}


/* ############################################################################################################################################################ ZENTRIERTE ELEMENTE */

.zentriert h1  {
  text-align: center;
 }
.site-fotogalerien h1 {
font-size: 25px !important;   
line-height: 30px !important;
font-weight: 700 !important;
}
.zentriert .mod_newslist form {
 margin: 0 auto;
 text-align: center;
  }
  .zentriert .mod_newslist form select {
 margin: 0 auto;
  text-align: center;
  }



/* ############################################################################################################################################################ LOKALE ANGEBOTE */


.lokalerstellen   {
background-image: linear-gradient(rgba(0,0,0,0.025), rgba(0,0,0,0.06));
}
.lokalerstellen p {
font-size: 13px;
line-height: 17px;
}
.lokalerstellen input  {
text-align: left !important;
}
.lokalerstellen label  {
margin: 20px 0 -3px 0;
font-size: 14px;
}
.lokalerstellen button  {
width: 100% !important;
padding: 10px 10px !important;
}
.shoppingfeld_adresse .textarea {
display:none !important;
}
.lokalerstellen ol   {
padding-left: 0px;
font-size: 20px;
}
.lokalerstellen ol li   {
margin: 0px 0px 6px 0;
padding: 4px 10px;
background: rgba(182,230,89,0.75);
font-size: 14px;
border: 1px #ccc solid;
}
::-webkit-input-placeholder { color: rgba(0,0,0,0.5) !important;  }
::-moz-placeholder {   color: rgba(0,0,0,0.5); }
:-ms-input-placeholder {   color: rgba(0,0,0,0.5);  }
:-moz-placeholder {   color: rgba(0,0,0,0.5);  }

.lokalerstellen.kundennummersuche .ce_form {
max-width: 300px;
}
.qq-upload-button {
    display: inline-block;
    width: auto;
    padding: 4px 10px;
    background: rgba(0,0,0,0.25) !important;
    border-bottom: 0px solid #DDD;
 margin: 10px 0px;
    color: #FFF;
border-radius: 4px;
}
@media only screen and (min-width: 767px) {    
.mod_newslist.angebot .layout_latest {
padding: 40px;
margin: 40px !important;
}
.mod_newslist.angebot figure {
margin: 20px 0;
text-align: right;
}
}
.mod_newslist.angebot h2 {
font-size: 24px !important;
line-height: 30px !important;
margin: 5px 0 15px 0;
font-weight: 700 !important;
color: #b20000 !important;
}
@media only screen and (max-width: 760px) {   
.mod_newslist.angebot h2 br {
display: none;
}
}
.mod_newslist.angebot .kontakt {
border: 0px dotted rgba(0,0,0,0.75);
border-top-width: 2px;
padding-top: 20px;
margin-top: 20px;
display: inline-block;
color: rgba(0,0,0,0.75)
}
.mod_newslist.angebot .kontakt p {
font-site: 12px;
line-height: 19px;
}

@media only screen and (min-width: 760px) {
.mod_newslist.angebot figure {
float: right;
margin: 13px 0 20px 30px;
width: 40%;
}
.mod_newslist.angebot h2 {
font-size: 26px !important;
line-height: 32px !important;
margin: 10px 0 35px 0;
max-width: 50%;
}
}
.mod_newslist.angebot p.info {
display: block;
padding-top: 0px;
font-size: 18px;
opacity: 0.5;
}
.mod_newslist.angebot p {
margin: 10px 0 !important;
}


/* ######################################################################################################## MITGLIEDER */
/* ######################################################################################################################## */

.mitgliederliste {
margin: 20px 0 0 0;
display: block;
}
.mitgliederliste p {
margin: 0px;
}
.mitgliederliste a {
text-decoration: none;
display: block;
border: 0px #000 solid;
border-bottom-width: 1px;
padding: 15px 15px 15px 0px;
-webkit-transition: all 0.3s; transition: all 0.3s;
 position: relative;
}
.mitgliederliste a:hover {
padding: 15px 15px 15px 15px;
background: rgba(0,0,0,0.10);
}
.mitgliederliste a:hover {
text-decoration: none !important;
}


/* ######################################################################################################## KLEINANZeIGEN */
/* ######################################################################################################################## */

.checkmark {
float: left;
font-size: 100px;
color: green;
display: inline-block;
padding: 10px;
font-weight: 300;
}


.kleinanzeigen .mod_newslist p.info {
border: 0px #ccc solid;
border-bottom-width: 0px;
}
.kleinanzeigen .mod_newslist .layout_latest {
display: block;
margin: 0 0 25px 0;
padding-bottom: 25px;
border-bottom: 1px solid rgba(0,0,0,0.25);
}
.kleinanzeigen .mod_newslist h2 {
margin: 0 0 8px 0;
font-size: 25px !important;
line-height: 30px !important;
font-weight: 700 !important; 
color: #b20000 !important;  
}
.kleinanzeigen .mod_newslist h2 a {
color: #b20000 !important;  
}
.kleinanzeigen .mod_newslist figure {
margin: 10px 0 10px 0;
}
.kleinanzeige  button {
font-size: 16px !important;
width: 100% !important;
max-width: 100% !important;
padding: 10px 10px  !important;
}




/* ######################################################################################################## GHV UND WERBEGEM*/
/* ######################################################################################################################## */

 .ghv .mod_newsreader h1,
.ghv .mod_newsreader p.info  {
text-align: center !important;
}
.ghv .infokasten {
    clear: both;
    margin-bottom: 55px;
    padding: 2px 15px 15px;
    background-color: rgba(0,0,0,.08);
 }
.ghv .infokasten h2 {
font-weight: 700 !important;
font-size: 25px !important;
line-height: 30px !important
 }
.ghv .infokasten p.more a {
background: transparent !important;
}
.ghv .mod_newsarchive.sonder .info {
position: relative;
margin: 30px 0 -15px 0;
top: 0 !important;
font-weight: 400;
font-size: 14px;
}
.ghv .mod_newsarchive.sonder h2 {
margin: 0 !important;
font-weight: 700 !important;
font-size: 25px !important;
line-height: 30px !important
}
.ghv .mod_eventlist  h2 {
margin: 15px 0 15px 0 !important;
font-size: 24px !important;
line-height: 30px;
}
.ghv-liste #main .mod_newsarchive h2 {
    display:block;
    padding-top:5px;
    border-top:0px inset rgba(190,190,190,.2);
    font-size:1.4em;
    color:#b20000;
    margin: 20px 0px 15px 0px  !important;
}
.werbe a {
display: block;
border: 0px #ccc solid;
border-bottom-width: 1px;
clear: both;
width: 100%;
min-height: 120px;
}
.werbe a:hover {
text-decoration: none !important;
}
.werbe h2 {
font-size: 24px !important;
line-height: 30px;
}
.werbe img {
float: none;
margin-left: 70%;
margin: 25px 0 -10px 0;
}
@media only screen and (min-width: 650px) {
.werbe img {
float: right;
margin-top: -10px;
margin-left: 20px;
max-width: 130px;
}
.werbe a {
min-height: 140px;
}
}

/* ############################################################################################################################################################ TEILEN SOCIAL */

.social-klein {
display: inline-block;
width: 100%;
text-align: center;
margin: 0 auto !important;
left: 0;
right: 0;
font-size: 15px;
}
.home .social-klein {
display: none;
}
.ce_sharebuttons ul {
list-style-type: none !important;
padding: 0;
margin: 0;
text-align: center;
display: inline-block;
width: auto;
margin: 0 auto;
}
.ce_sharebuttons ul li {
text-align: center;
}

/* ############################################################################################################################################################ LESERMEINUNG */

form.meinung h2 {
display: none;
}
form.meinung {
text-align: left !important;
}
form.meinung input {
text-align: left !important;
}

/* ############################################################################################################################################################ EVENTS */

#main h4 {
text-align: left;
margin-bottom: 35px;
}
.zentriert #main h4 {
text-align: center;
}


@media only screen and (min-width: 767px) {  
.mod_eventlist.termine {
display: flex;
flex-wrap: wrap;
justify-content: center;
max-width: 1600px;
margin: 0 auto;
}
.mod_eventlist.termine .upcoming,
.mod_eventlist.termine .current,
.mod_eventlist.termine .bygone {
width: 360px;
max-width: 100%;
padding: 25px 30px;
}
}


.jump {display: block; border: 0px #000 solid;}


.sprung {visibility: hidden; height: 0px !important; position: absolute; margin: -150px;}
@media only screen and (max-width: 767px) {   
.sprung {visibility: hidden; height: 0px !important; position: absolute; margin: -50px;}    
}
.eventdatum {
font-size: 15px;
line-height: 21px;
font-weight: bold;
}
.eventdatum em {
display: block;
font-style: normal;
font-size: 17px;
font-weight: bold;
border: 0px rgba(0,0,0,0.35) solid;
border-bottom-width: 0px;
padding-bottom: 0px;
}


.veranstalterwebsite span,
.veranstalter span,
.location span {font-weight: bold; }



.mod_eventlist.termine .upcoming h2,
.mod_eventlist.termine .current h2,
.mod_eventlist.termine .bygone h2 {
color: #b20000 !important;
font-weight: bold !important;
margin: 5px 0 10px 0 !important;
font-size: 25px !important;
line-height: 30px !important;
font-weight: 700;  
}
.mod_eventlist.termine .upcoming p,
.mod_eventlist.termine .bygone p {
margin: 0;
}
.mod_eventlist.termine .upcoming img,
.mod_eventlist.termine .bygone img {
margin: 10ox 0 15px 0;
}

/* ########### ALS LISTE */

.eventliste {
display: block;
padding: 5px;
border: 1px #000 solid;
cursor: pointer;
margin: 0 auto;
text-align: center;
max-width: 120px;
margin: 25px auto;
}
.eventliste:before {
content: "Listenansicht";
}
.eventliste.liste:before {
content: "Kachelansicht";
}
.mod_eventlist.termine.liste .upcoming img,
.mod_eventlist.termine.liste .current img,
.mod_eventlist.termine.liste .bygone {
display: none;
}
.mod_eventlist.termine.liste {
display: block;
flex-wrap: none;
justify-content: left;
}
.mod_eventlist.termine.liste .upcoming,
.mod_eventlist.termine.liste .current,
.mod_eventlist.termine.liste .bygone  {
width: 100%;
max-width: 100%;
padding: 0px 0px 15px 0px;
margin-bottom: 15px;
box-shadow: 0px 0px 0px rgba(0,0,0,0.0);
}
.mod_eventlist.termine.liste .eventdatum em  {
display: inline-block;
border-bottom-width: 0px;
padding-bottom: 0px;
display: block;
}
.XXmod_eventlist.termine.liste .eventdatum em:before  {
content: ", ";
}
.mod_eventlist.termine.liste .eventdatum  {
display: inline-block;
font-size: 17px;
padding-right: 0px !important;

}




/* ############################################################################################################################################################ EVENTEINGABE */ 

.eventeingabe { background: #eee; display: block; padding: 10px 20px 20px 20px; max-width: 750px; }
.eingabe button { margin-top: 25px !important; padding: 15px !important; font-size: 16px; display: block; width: 100% !important; max-width: 750px; text-align: center; }

.eventeingabe .abstand {margin-top: 30px; border: 0px #fff solid; border-top-width: 5px;}
.eventeingabe .ce_columns { border: 0px #fff solid; padding: 0px;}

.eventeingabe label {font-weight: normal; margin: 0px 0 0px 0; } 
.eventeingabe .big label {font-weight: bold; font-size: 17px;  }   

.eventeingabe .radio_container > span {display: block; margin-top: 0px !important;}
.eventeingabe input[type="radio"] { width: 15px; height: 15px; }
 .eventeingabe hr { display: block; margin: 20px 0;}












/* ############################################################################################################################################################ FIRMENPORTÄT */

@media only screen and (min-width: 767px) {    
.portraetliste  {
display: flex;
flex-wrap: wrap;
 justify-content: center;
}
.firmenportraet_uebersicht {
width: 260px;
text-align: center;
margin: 3px;
padding: 45px;
font-size: 10px;
line-height: 20px;
min-height: 300px;
max-width: 100%;
}
}
@media only screen and (max-width: 600px) {
.firmenportraet_uebersicht {
width:400px;
}
}
.firmenportraet_uebersicht a:hover {
text-decoration: none;
}
.firmenportraet h2 {
color: #b20000 !important;
margin: 40px 0 20px 0;
}

@media only screen and (min-width: 767px) {      
.firmensteckbrief .logo {
text-align: center;
padding: 15px 15px;
background: #fff;
margin: -70px 10% 55px 10%;
box-shadow: 3px 3px 7px rgba(0,0,0,0.15); 
}
.firmensteckbrief .logo.ohne_text {
text-align: center;
padding: 15px 5px;
background: #fff;
margin: 20px 0% 30px 0%;
max-width: 350px;
box-shadow: 3px 3px 7px rgba(0,0,0,0.15); 
}
}
h2.standort {
margin: 70px 0 30px 0 !important;
}



/* ############################################################################################################################################################ RAHMEN FÜR fIRMENPORTRÄT NEWS KLEINANZEIGEN ETC */

 
 .firmenportraet_uebersicht,
.mod_eventlist.termine .upcoming,
.mod_eventlist.termine .current,
.mod_eventlist.termine .bygone, 
.comment,
.mod_newsarchive a.ortsheadline,
.buecher .ce_text,
.card,
.chronik-wrapper,
.mod_newslist.angebot .layout_latest,
.ce_text.mediadaten  {
margin: 10px 10px 20px 10px;
box-shadow: 2px 2px 6px rgba(0,0,0,0.25);
border: 0px rgba(0,0,0,0.35) solid;
border-right-width: 1px;
border-bottom-width: 1px;
}

@media only screen and (max-width: 767px) {    
 .firmenportraet_uebersicht,
.mod_eventlist.termine .upcoming,
.mod_eventlist.termine .current,
.comment,
.mod_newsarchive a.ortsheadline,
.buecher .ce_text,
.card,
.chronik-wrapper,
.mod_newslist.angebot .layout_latest,
.ce_text.mediadaten  {
margin: 10px 0px 20px 0px;
box-shadow: none;
border: none;
}
}

.comment_default .comment {
display: block;
padding: 10px !important;
border: 1px rgba(0,0,0,0.10) solid;
box-shadow: 0px 0px 0px rgba(0,0,0,0.0);   
}

.firmenportraet_uebersicht.zoom,
.mod_eventlist.termine .upcoming.zoom,
.mod_eventlist.termine .current.zoom,
.comment.zoom,
.mod_newsarchive a.ortsheadline.zoom,
.buecher .ce_text.zoom,
.card.zoom {
 -webkit-animation-name: zoom; /* Safari 4.0 - 8.0 */
 -webkit-animation-duration: 0.25s; /* Safari 4.0 - 8.0 */
 animation-name: zoom;
 animation-duration: 0.25s;
}
.mod_newsarchive a.ortsheadline.fade {
 -webkit-animation-name: fade; /* Safari 4.0 - 8.0 */
 -webkit-animation-duration: 0.75s; /* Safari 4.0 - 8.0 */
 animation-name: fade;
 animation-duration: 0.75s;
}



.mod_eventmenu  {
border:0px #000 solid;
max-width: 1124px;
margin: 40px auto 0 auto;
}
.mod_eventmenu h2 {
margin-bottom: 15px !important;
}
.mod_eventmenu ul {
padding: 0 !important;
margin: 0 !important; 
list-style-type: none !important;
}
.mod_eventmenu ul li {
list-style-type: none !important;
padding: 0 !important;  
margin: 0 !important;
text-align: center;
}
.mod_eventmenu ul.level_2 li {
display: inline-block;
margin-right: 10px;
}
.mod_eventmenu ul.year li {
border: 1px #000 solid;
}
.mod_eventmenu ul.level_2  {
display: flex;
flex-wrap: wrap;
justify-content: left;   
}
.mod_eventmenu ul.level_2 li {
width: auto;
border: 1px rgba(0,0,0,0.25) solid;
margin: 0 2px 5px 0 !important;
font-size: 12px;
padding: 5px 10px !important;
}










 /* ############################################################################################################################################################ BRANCHEN */
/* ########################################################################################################################  */


.adresstrenner{
display: block;
margin: 70px 0 0px 0;
}
.adresslink {
float: right;
opacity: 0.1;
}
ul.liste_alle_branchen   {
list-style-type: none;
display: flex;
flex-wrap: wrap;
justify-content: stretch;
align-items: left;
padding: 0 !important;
margin: 0 !important;
}
.liste_alle_branchen li  {
width: 33%;
list-style-type: none;
}
@media only screen and (max-width: 930px) {
ul.liste_alle_branchen li  {
width: 50%;
list-style-type: none;
}
}
@media only screen and (max-width: 769px) {
ul.liste_alle_branchen li  {
width: 100%;
list-style-type: none;
}
}

ul.liste_alle_branchen li a {
border: 1px rgba(0,0,0,0.25) solid;
padding: 2px 2px 2px 6px;
display: block;
margin: 0 10px 3px 0;
font-size: 15px;
background: #fff;
-webkit-transition: all 0.7s; transition: all 0.7s;
}

ul.liste_alle_branchen li a:hover {
text-decoration: none !important;
background: rgba(0,0,0,0.2);
-webkit-transition: all 0.1s; transition: all 0.1s;
box-shadow: 3px 3px 4px rgba(0,0,0,0.35);
}
h3.letter {
text-align: left;
font-size: 40px;
padding: 16px 5px 5px 5px;
text-align: left;
border-radius: 0%;
margin: 35px 0 10px -3px;
z-index: -1;
color:#b20000;
}
.branchenbereiche ul  {
padding: 0 !important;
margin: 0 !important;
}
.branchenbereiche ul li  {
list-style-type: none;
text-align: left;
}
.branchenbereiche ul li a  {
width: 100% !important;
text-align: left;
}


a.branchensuchelink {border: 1px #000 solid; padding: 5px 10px;}
a.branchensuchelink:before {content: "> ";} 



@media only screen and (min-width: 767px) { 
.cardcontainer {
display: flex;
flex-wrap: wrap;
align-items: stretch !important;
padding: 0 !important;
width: 100%;
padding: 0 !important;
}
.card {
display: block;
position: relative;   
width: 32%;
padding: 20px 20px 20px 20px;
margin: 10px 1% 10px 2px;
display: inline-block;
background: #fff;
font-size: 16px;
line-height: 24px !important;
}
}
.card.premium {
padding: 45px 20px 20px 20px;
}
.card h2 {
margin: 0 0 5px 0;
font-size: 22px;
line-height: 30px !important;
font-weight: 700 !important;
}
.card.premium h2 {
font-size: 26px !important;
}
.card p {
margin: 0px 0 0 0 !important;
}
.card.premium p {
font-weight: 400 !important;
}
.card.premium:before {
content: "Premium-Partner";
display: inline-block;
position: absolute;
top: 0px;
left: -1px;
background: #B20101 !important;
color: #fff !important;
padding: 3px 15px 3px 25px !important;
border-radius: 0 0 15px 0px;
font-weight: bold;
font-size: 14px;
}
.card p.more a {
padding: 0px;
font-weight: bold;
margin: 6px 0 10px 0 !important;
border: 0 !important;
background: none !important;  
}
.card img {
float: right;
}

.card.premium  {
width: 48.5%;
background: rgba(0,0,0,0.08);
}

@media only screen and (max-width: 1060px) {
.card  {
width: 48.5%;
}
}
@media only screen and (max-width: 760px) {
.card.premium {
width: 100%;
margin: 0 0 10px 0;
}
}
@media only screen and (max-width: 500px) {
.card  {
width: 100%;
}
}



/* ############################################################################################################################################################ AUCHE *SUCHE */

.suchergebnis h1 {
margin-top: 35px !important;
}
.suchergebnis ul.liste_alle_branchen {
padding: 0 !important;
margin: 10px 0 0 0 !important;
}
.suchergebnis ul.liste_alle_branchen li {
width: 100% !important;
margin: 0 0 4px 0 !important;
}
.ergebniscard  {
display: block;
margin: 10px 0 20px 0;
}
.ergebniscard strong {
font-size: 18px;
line-height: 22px;
margin: 0px 0 5px 0;
}
.ergebniscard .tipp {
font-weight: bold;
margin: 0 0 0 0;
}
.ergebniscard .more  {
margin: -5px 0 7px 0;
padding: 3px 5px;
}
.nachrichtensuche .searchheadline a {
font-size: 25px;
    line-height: 30px;
    text-decoration: none;
    margin: 0px 0px 10px 0px !important;
    text-decoration: none !important;
    font-weight: 700;
    color: #b20000;
}
.nachrichtensuche .searchdatum {
font-size: 12px;
margin-top: 30px;
}
.nachrichtensuche .ce_player {
display: none;
}

form.kurz {
max-width: 380px;
}



/* ############################################################################################################################################################ NAVIGAION */
/* ######################################################################################################################## FOOTER */

#footer {
        width:100%;
        min-height:150px;
        float:none;
        clear:both;
        margin-bottom:0;
        padding:25px;
        background-color:rgba(0,0,0,0.60);
        font-size:.9em;
        color:#fff;
        behavior:url('assets/css3pie/1.0.0/PIE.htc');
}
#footer .inside {
        width:100%;
        max-width:1200px;
        bottom:0;
        left:0;
        right:0;
        float:none;
        clear:both;
        margin-right:auto;
        margin-left:auto;
}
#footer img {
        width:100%;
        position:relative;
        margin-bottom:20px;
}
.footertext {
        background-color:#fff;
}
.footer-left {
        width:69%;
        float:left;
        display:block;
        margin-right:5%;
        border-right:1px dotted rgba(255,255,255,.5);
        padding-right: 7%;
}
.footer-left .mod_sitemap li.last {
        border-right:0px;
}
.footer-right {
        width:22%;
        float:left;
        display:block;
}

#footer li,
#footer li a {
    color:#aaa;
    -webkit-transition: all 0.5s; /* Safari */
    transition: all 0.5s;
}
#footer li:hover,
#footer li a:hover {
    color:#fff;
    -webkit-transition: all 0.2s; /* Safari */
    transition: all 0.2s;
}
#footer .mod_customnav li {
    padding-top:3px;
    padding-bottom:3px;
    border-bottom:1px dotted #c8c8c8; 
}
.mod_sitemap ul {
    margin-bottom:0px;
}
.mod_sitemap  {
cursor: pointer;
}
.mod_sitemap h4:after {
content: " +";
}
.mod_sitemap.on h4:after {
content: " -";
margin-left: 3px;
}

#footer .mod_sitemap ul {
    display: none;

}
#footer .mod_sitemap.on ul {
    display: block;
    background: #ccc;
}
#footer .mod_sitemap {
padding: 0;
margin: 0;
}
.mod_sitemap ul.level_1 li {
    float:left;
    padding-right:4px;
    padding-left:4px;
    border-right:1px solid #c8c8c8;
}
.mod_sitemap ul.level_1 li:nth-child(1) {
    padding-left: 0px !important;
}
#footer h4 {
    width:100%;
    float:none;
    clear:both;
}
#footer h4 {
    margin-top:10px;
    padding-top:15px;
    border-top:1px dotted #c8c8c8;
}
#footer .mod_sitemap:nth-child(1) h4 {
    margin-top:-15px;
    border-top:0px;
}
.mod_newsarchive h4 {
display: none !important;
}



/* ############################################################################################################################################################ RAHMEN MEDIADATEN */

 @media only screen and (min-width: 767px) {   
.ce_text.mediadaten {
padding: 25px;
}
}
.ce_text.mediadaten h2 {
font-size: 26px !important;
line-height: 32px !important;
margin-top: 0;
}


/* ############################################################################################################################################################ NAVIGAION */
/* ######################################################################################################################## */


.mod_navigation  {
z-index: 999999999999 !important;
}

.mod_navigation ul .navoff {
width:0px;
height:0px;
position:absolute;
display:none;
border-width: 0px !important;
}
.trail.home.navoff {
display:none;
}
.mod_sitemap {
margin-bottom:40px;
}

.mod_navigation {
width:1200px;
max-width:100%;
font-weight: bold;

}
.mod_navigation ul.level_1 {
display: flex;
justify-content: space-between !important;
}
.mod_navigation ul.level_1 li {
float:none;
display:block;
margin-bottom:3px;
padding-top:2px;
padding-bottom:3px;
text-align:center;
text-decoration:none;
cursor: default;
border: 0px #000 solid !important;
background: #b20000;
color: #fff;
width:32.433%; 
}
.mod_navigation ul li.navoff {
height: 0px !important;
width: 0px !important;
max-height: 0px !important;
border-width: 0px !important;
}
.mod_navigation ul.level_1 > li.forward.submenu,
.mod_navigation ul.level_1 > li.submenu.trail   {
background: rgba(0,0,0,0.1);
border:0px solid #b20000;
text-decoration:none;
color:#fff;
}

.mod_navigation ul.level_1 li a {
color: #fff !important;
}
.mod_navigation ul.level_1 .trail .level_2 a {
color: #000 !important;  
}
.mod_navigation ul.level_1 li {
border-left:0px solid #000;
border-top-left-radius:0;
background-color: #b20000 !important;
}
.mod_navigation ul.level_1 li:nth-child(5) {
border-right:1px solid #000;
border-top-right-radius:0;
behavior:url('assets/css3pie/1.0.0/PIE.htc');
border-right-width: 0px !important;
}
.mod_navigation ul.level_2 li:nth-child(5) {
border-right-width: 0px !important;
}
.mod_navigation ul.level_2 li {
width:100%;
display:block;
margin-right:auto;
margin-bottom:0;
margin-left:auto;
padding-top:0;
padding-bottom:0;
text-align:center;
font-size:14px;
text-decoration:none;
color:#000;
color: #000 !important;
background: none !important;
cursor: default;
border-width: 0px !important;
font-weight: 400 !important;
z-index: 9999999999999;
}
.mod_navigation ul.level_2 {
width:0px;
height:0px;
position:absolute;
display:block;
margin-top:0px;
margin-left:0;
padding:0;
text-align:left;
font-size:1.1em;
color:#000;
overflow: hidden !important;
z-index: 100 !important;
color: #000 !important;
-webkit-transition: all 0.05s;
/* For Safari 3.1 to 6.0 */
transition: all 0.05s;
z-index: 9999999999999;
background-color: #fff !important;
}
.mod_navigation ul.level_2:after {
width:0;
height:0;
top:0;
position:absolute;
margin-top:-3px;
margin-left:-10px;
left: 50%;
border: solid transparent;
content: " ";
pointer-events: none;
border-width: 7px !important;
border-color: rgba(0, 0, 0, 0);
border-bottom-color: #333;
}
.mod_navigation ul li:hover ul.level_2,
.mod_navigation ul li:active ul.level_2,
.mod_navigation ul li:focus ul.level_2 {
width:32.433%;  
margin:0;
background-color:rgba(255,255,255,0.8);
-webkit-box-shadow:0 5px 5px 0 rgba(0,0,0,.5);
box-shadow:0 5px 5px 0 rgba(0,0,0,.5);
border-right:0px solid #ccc;
border-bottom:0px solid #ccc;
border-left:0px solid #ccc;
height: auto !important;
color: #000 !important;
margin-top: 0px !important;
padding: 30px 10px 15px 10px !important;
padding: 15px 0px 0px 0px !important;
-webkit-transition: padding 0.05;
/* For Safari 3.1 to 6.0 */
transition: padding 0.05s;
}
.mod_navigation ul.level_2 li a {
display:block;
padding:4px 10px 6px;
text-align: left;
border-bottom:1px solid #ccc;
font-size:.9em;
margin-bottom: -2px;
-webkit-transition: all 0s;
/* For Safari 3.1 to 6.0 */
transition: all 0.0s;
color: #000 !important;
}
.mod_navigation ul.level_2 li:hover a,
.mod_navigation ul.level_2 li:active a,
.mod_navigation ul.level_2 li:focus a {
letter-spacing:.0em;
background: #ddd;
color: #000 !important; 
}
.mod_navigation ul.level_2 li.active {
background: rgba(0,0,0,0.1) !important;
height: 30px !important;
font-size: 0.8em !important;
text-align: left !important;
font-weight: 600;
padding: 4px 10px 6px 10px !important;
border-width: 0px 0px 0px 0px !important;
color: #000 !important; 
}


/* ############################################################################################################################################################ MOBIL */


.mm-navbar__title {
background: #fff;
background: url(../../files/DEGERLOCH/basics/logo.png) no-repeat center center;
height: 40px;
padding: 10px 10px;
background-size: 35%;
}
.mm-navbar__title span {
display: none;
}


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



/* ######################################################################################################## BASICS */
/* ######################################################################################################################## */

body {
font-size: 15px;
line-height: 24px;
background: #fff;
}

.mobile {
display: block;
}
.desktop {
display: none;
}
#wrapper {
margin-top: -10px;
}
#container,
#footer .inside,
.mod_banner {
padding-left: 20px;
padding-right: 20px;  
}
#banneranzeige:before {
left: 20px;
}
#banneranzeige {
margin: 0 0 -10px 0;
}

#headsection .logo {
padding-left: 10px;
padding-right: 20px;  
}
#headsection .logo img {
padding-bottom: 10px !important;
padding-top: 40px !important;  
}  
.kurz_knapp  .inside {
padding-left: 20px;
padding-right: 20px;  
}   
#footer .inside {
padding-top: 25px;
padding-bottom: 25px;  
}
#main h4,
.zentriert #main h4  {
text-align: left;
}

 
.zentriert h1,
.zentriert .mod_newslist form,
 .zentriert .mod_newslist form select,
.fotoquelle,
.site-fotogalerien p    {
text-align: left;
 }




.home .mod_article.mobile {
padding: 15px 20px 0 20px !important;
margin-bottom: -30px;
} 
.home .mod_article.mobile .widget-text,
.home .mod_article.mobile .widget-submit {
display: inline-block;
width: 60%;
} 
.home .mod_article.mobile .widget-submit {
width: 38%;
float: right;
} 
.home .mod_article.mobile button {
padding: 10px 10px;
margin-top: 0px !important;
}    


.logo  {
text-align: left;
padding-left: 0px;
margin: 20px 0 0px 0px !important; 
}
.logo img {
max-width: 80% !important;
}
.mod_newsarchive a.ortsheadline {
width: 100%;
}
#headsection .mod_navigation,
.social  {
display: none !important;
}
#headsection {
margin-bottom: -30px;
padding: 0;
}

#headsection, 
.mod_eventlist.termine.liste .upcoming,
.mod_eventlist.termine.liste .current {
padding: 0 !important;    
 }
.mod_eventlist.termine.liste .upcoming,
.mod_eventlist.termine.liste .current {
margin: 15px 0 40px 0 !important;    
 }
.firmenportraet_uebersicht, .mod_eventlist.termine .upcoming, .mod_eventlist.termine .current, .comment, .mod_newsarchive a.ortsheadline, .buecher .ce_text, .card, .chronik-wrapper, .mod_newslist.angebot .layout_latest, .ce_text.mediadaten {
border: 0px !important;
}   

.firmenportraet_uebersicht {
width: 100%;
text-align: center;
margin: 3px;
padding: 10px 15px 15px 15px;
font-size: 10px;
line-height: 20px;
max-width: 100%;
margin: 10px 0px 20px 0px;
box-shadow: 2px 2px 6px rgba(0,0,0,0.25);
border: 1px rgba(0,0,0,0.35) solid;
}


.dj figcaption {
font-size: 13px;
}

ul.liste_alle_branchen li a {
padding: 7px 2px 7px 15px !important;
display: block;
margin: 0 0px -5px 0 !important;
width: 100% !important;
font-size: 18px !important;
}  
  

 /* ########### ALS LISTE */

.eventliste {

}
.mod_eventlist.termine {
display: block;
flex-wrap: none;
justify-content: left;
}
.mod_eventlist.termine .upcoming,
.mod_eventlist.termine .current {
width: 100%;
max-width: 100%;
padding: 0px 0px 15px 0px;
margin-bottom: 15px;
box-shadow: 0px 0px 0px rgba(0,0,0,0.0);
}
.mod_eventlist.termine .eventdatum em  {
display: block;
border-bottom-width: 0px;
padding-bottom: 0px;
}
.XXmod_eventlist.termine .eventdatum em:before  {
content: ", ";
}
.mod_eventlist.termine .eventdatum  {
display: block;
font-size: 17px;
padding-right: 15px;
}




#container {
margin-top: 0;
}

#main {
width:100%;
float: none;
display:block;
margin-right:0;
padding:0px 0px 50px 0;
}
.XXhome #main .inside {
float: none;
display:block;
width:100%;
margin-right:0%;
}
.home #right {
float: left;
display:block;
width:100%;
}





#footer,
.ce_comments {
padding:0px;
}

#footer img {
max-width: 60% !important;
}
.footer-left {
display: none;
}
.footer-right {
        width:100%;
        float:none;
}

.home #main {
padding-top:-0px;
}
#header {
margin:25px auto 0 auto;
}
#header .inside {
}
.custom {
padding: 10px 0px;
}
.bdt .ce_text {
padding: 0 !important;
}
.mod_article.kurz_knapp {
padding: 0px 0px;
width:100%;
width:100%;
margin-top:15px;
}

#mobilemenu_icon {
right:0;
top:20px;
position:fixed;
display:block;
font-size: 40px;
padding: 8px 2px 15px 15px;
display: inline-block;
z-index: 999999999999 !important;
}
#mobilemenu_icon img {
    width:35px;
    margin:0;
    padding:3px 0 5px;
    -webkit-box-shadow:0 0 0 0;
    box-shadow:0 0 0 0;
    border-top-left-radius:0;
    border-bottom-right-radius:0;
    border-bottom-left-radius:0;
}
#main h1 {
font-size:30px;
line-height:40px;
margin: 15px 0px 30px 0px  !important;
}
#main h2 {
font-size:20px;
line-height:26px;
}
h3 {
margin:25px 0 20px 0;
font-size:18px;
line-height: 24px;
} 


/* ######################################################################################################## RECHTE SPALTE */
/* ######################################################################################################################## */

#right {
width:100%;
float: none;
font-size:14px;
line-height:20px;
margin-top: 0px !important;
position: block;
}
#right h3 {
margin:10px 0 25px 0;
}
.home #right {
margin-top: 10px;
}
#right .ce_text .inside {
padding:5px 0px 10px 0px;
}
#right strong a,
#right a strong  {
}


.mod_newslist select {
max-width: 100% !important;
}
select{
	-moz-appearance: none; 
	-webkit-appearance: none; 
	appearance: none;
}
.promo a {
font-size: 24px;
font-weight: bold;
margin: 0 auto !important;
padding: 15px 20px;
background: #E2001A !important;
color: #fff;
}

a.kundennummer {
display: block;
width: 100%;
text-align: left;
}
p.back a {
display: block;
width: auto !important;
margin: 30px auto 30px auto !important;
text-align: center !important;
max-width: 100px;
}
#teaserblock a em,
#teaserblock em a {
display: block;
bottom: 10px;
margin: 0px auto !important;
font-style: normal;
max-width: 50%;
}




/* ############################################################################################################################################################ BILD DES TAGES  */
/* ######################################################################################################################## */

.bdt  {
display: block !important;
object-fit: none !important;
width: 100% !important;
height: auto !important;
max-width: 100% !important;
}
.bdt img {
display: block !important;
width: 100% !important;
height: auto !important;
max-width: 100% !important;
}
.bdt .mod_eventlist {
width: 100% !important;
height: auto !important;
display: block;
max-width: 100% !important;
}
.bdt img {
width: 100% !important;
height: 100% !important;
}
.bdt .layout_teaser {
position: relative;
height: 100%;
max-width: 100% !important;
}

.bdt .teaser {
position: relative;
padding: 4px 10px 5px 10px;
}

.bdt .ce_text {
display: inline-block;
width: 100%;
padding: 0 0 0 10px;
max-width: 100% !important;
}
img {
max-width: 100% !important;
 }


 /* TEASERBLOCK */

#teaserblock .ce_text:nth-child(1),
#teaserblock .ce_text:nth-child(2),
#teaserblock .ce_text:nth-child(3),
#teaserblock .ce_text:nth-child(4),
#teaserblock .ce_text:nth-child(5) {
width: 100%;
margin-right: 0%;
}
#teaserblock  {
margin-top: 40px;
}
#teaserblock .ce_text {
background-image:none;
padding-bottom: 30px;
}
#teaserblock .ce_text p {
}
#teaserblock .ce_text ul li {

}
#teaserblock .ce_text h2 {
border: none !important;
font-size: 25px;
line-height: 30px;
}
#teaserblock a em,
#teaserblock em a {
position: relative;
bottom: 20px;
text-align: center;
margin-left: 0;
}


  
  /* ############################################################################################################################################################ NEWS  */
/* ######################################################################################################################## */


.mod_newsarchive .nachricht img {
display: inline-block;
width: 100%;
float: none;
padding-right: 0px;
margin: 10px 0px 0 0px;
}

.mod_newsarchive .layout_latest {
margin-bottom:35px;
padding-bottom: 35px;
border-bottom:1px solid rgba(0,0,0,0.25);
}
.mod_newsarchive .nachricht .layout_latest img {
margin: 10px 0 -20px 0 !important;
}
.mod_newsarchive .nachricht .layout_latest .sondericon img {
margin: 3px 7px 0px 0 !important;
}
.mod_newsarchive .info {
top: -17px;
font-size: 14px;
font-weight: bold;
}
.home #main .mod_newsarchive {
padding-top: 10px;
}

.mod_newsreader.schatten {
font-size: 16px;
line-height: 24px;
}
.mod_newsreader.schatten p {
margin-bottom: 25px;
}
.mod_newsreader.schatten figure {
position: relative;
z-index: 9;
}
.mod_newsreader.schatten .spitzmarke {
margin-top: 7px;
}
.mod_newsreader.schatten .ce_text,
.lokalerstellen  {
padding: 30px 0px 0px 0px;
}





 /* ############################################################################################################################################################ BRANCHEN */
/* ########################################################################################################################  */


ul.liste_alle_branchen li a {
border: 1px rgba(0,0,0,0.25) solid;
padding: 5px 0px 5px 10px !important;
display: block;
margin: 0 5px 0px 0;
font-size: 13px;
background: #fff;
-webkit-transition: all 0.7s; transition: all 0.7s;
}

ul.liste_alle_branchen li a:hover {
text-decoration: none !important;
background: rgba(0,0,0,0.2);
-webkit-transition: all 0.1s; transition: all 0.1s;
box-shadow: 3px 3px 4px rgba(0,0,0,0.35);
}
h3.letter {
text-align: left;
font-size: 50px;
padding: 16px 5px 5px 0px;
text-align: left;
border-radius: 0%;
margin: 35px 0 10px 0px;
z-index: -1;
}

.branchenbereiche ul  {
padding: 0 !important;
margin: 0 !important;
}
.branchenbereiche ul li  {
list-style-type: none;
text-align: left;
margin: 0px 0 -0px 0;
}
.branchenbereiche ul li a  {
width: 100% !important;
text-align: left;
padding: 10px 10px; 
font-size: 18px !important;
}










}