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}

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


@media screen and (min-width: 68.758em) {
  .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: 68.75em) {
  .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: 68.75em) {
  .pull-right-md {
    grid-column-end: -1;
  }
  
  .pull-left-md {
    grid-row-start: 1;
    grid-column-end: inherit;
  }
}

@media screen and (min-width: 68.75em) {
  .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: 68.75em) {
  .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: 87.5em) {
  .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: 87.5em) {
  .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: 87.5em) {
  .pull-right-lg {
    grid-column-end: -1;
  }
  
  .pull-left-lg {
    grid-row-start: 1;
    grid-column-end: inherit;
  }
}

@media screen and (min-width: 87.5em) {
  .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: 87.5em) {
  .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: 118.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: 118.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: 118.75em) {
  .pull-right-xl {
    grid-column-end: -1;
  }
  
  .pull-left-xl {
    grid-row-start: 1;
    grid-column-end: inherit;
  }
}

@media screen and (min-width: 118.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: 118.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;
  }

.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;
}




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

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

/****************
* Schriften
****************/
@font-face {
  font-family: 'Broccoli';
  src: url('/files/zahnarztpraxis-rosstal-uebergang/assets/fonts/Broccoli-Bold.eot');
  src: url('/files/zahnarztpraxis-rosstal-uebergang/assets/fonts/Broccoli-Bold.eot?#iefix') format('embedded-opentype'), url('/files/zahnarztpraxis-rosstal-uebergang/assets/fonts/Broccoli-Bold.woff2') format('woff2'), url('/files/zahnarztpraxis-rosstal-uebergang/assets/fonts/Broccoli-Bold.woff') format('woff'), url('/files/zahnarztpraxis-rosstal-uebergang/assets/fonts/Broccoli-Bold.ttf') format('truetype'), url('/files/zahnarztpraxis-rosstal-uebergang/assets/fonts/Broccoli-Bold.svg#Broccoli') format('svg');
}
@font-face {
  font-family: 'Pogonia-Bold';
  src: url('/files/zahnarztpraxis-rosstal-uebergang/assets/fonts/Pogonia-Bold.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Pogonia-Regular';
  src: url('/files/zahnarztpraxis-rosstal-uebergang/assets/fonts/Pogonia-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
/****************
* Farben
****************/
/****************
* Icons
****************/
/****************
* Funktionen
****************/
.flex-container-nowrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  scrollbar-width: 0;
}
.flex-container-nowrap::-webkit-scrollbar {
  display: none !important;
}
.flex-container-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.flex-inline-container-wrap {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.grid-settings {
  grid-column: none;
  grid-column-start: 2;
}
.bg-img-cover {
  -webkit-background-size: cover;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.bg-img-contain {
  -webkit-background-size: contain;
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
}
.justify-space-between {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.justify-content-center {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.justify-content-flex-end {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -moz-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.justify-content-flex-start {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.filter-grey {
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: url(../../files/zahnarztpraxis-rosstal-uebergang/assets/css/desaturate.svg#greyscale);
  filter: gray;
  -webkit-filter: grayscale(1);
}
/****************
* Schriftgrößen
****************/
.font-size-16 {
  font-size: 16px;
  line-height: 20px;
}
@media screen and (max-width: 991px) {
  .font-size-16 {
    font-size: 14px;
  }
}
.font-size-18 {
  font-size: 18px;
  line-height: 23px;
}
.font-size-25 {
  font-size: 25px;
  line-height: 28px;
}
.font-size-28 {
  font-size: 28px;
  line-height: 32px;
}
@media screen and (max-width: 1900px) {
  .font-size-28 {
    font-size: 23px;
    line-height: 27px;
  }
}
@media screen and (max-width: 1199px) {
  .font-size-28 {
    font-size: 20px;
    line-height: 24px;
  }
}
.font-size-30 {
  font-size: 30px;
  line-height: 37px;
}
@media screen and (max-width: 1900px) {
  .font-size-30 {
    font-size: 25px;
    line-height: 32px;
  }
}
.font-size-36 {
  font-size: 36px;
  line-height: 44px;
}
@media screen and (max-width: 1600px) {
  .font-size-36 {
    font-size: 32px;
    line-height: 40px;
  }
}
.font-size-43 {
  font-size: 43px;
  line-height: 49px;
}
@media screen and (max-width: 1600px) {
  .font-size-43 {
    font-size: 36px;
    line-height: 43px;
  }
}
@media screen and (max-width: 1199px) {
  .font-size-43 {
    font-size: 34px;
    line-height: 42px;
  }
}
@media screen and (max-width: 550px) {
  .font-size-43 {
    font-size: 32px;
    line-height: 40px;
  }
}
.font-size-47 {
  font-size: 45px;
  line-height: 52px;
}
@media screen and (max-width: 1900px) {
  .font-size-47 {
    font-size: 38px;
    line-height: 46px;
  }
}
@media screen and (max-width: 1600px) {
  .font-size-47 {
    font-size: 34px;
    line-height: 42px;
  }
}
@media screen and (max-width: 550px) {
  .font-size-47 {
    font-size: 32px;
    line-height: 40px;
  }
}
.font-size-51 {
  font-size: 51px;
  line-height: 59px;
}
@media screen and (max-width: 1900px) {
  .font-size-51 {
    font-size: 44px;
    line-height: 52px;
  }
}
@media screen and (max-width: 1600px) {
  .font-size-51 {
    font-size: 42px;
    line-height: 50px;
  }
}
@media screen and (max-width: 550px) {
  .font-size-51 {
    font-size: 34px;
    line-height: 36px;
  }
}
.font-size-69 {
  font-size: 69px;
  line-height: 79px;
}
@media screen and (max-width: 1600px) {
  .font-size-69 {
    font-size: 59px;
    line-height: 69px;
  }
}
@media screen and (max-width: 1400px) {
  .font-size-69 {
    font-size: 50px;
    line-height: 60px;
  }
}
@media screen and (max-width: 550px) {
  .font-size-69 {
    font-size: 40px;
    line-height: 50px;
  }
}
.font-size-75 {
  font-size: 75px;
  line-height: 86px;
}
@media screen and (max-width: 1199px) {
  .font-size-75 {
    font-size: 70px;
    line-height: 81px;
  }
}
@media screen and (max-width: 550px) {
  .font-size-75 {
    font-size: 60px;
    line-height: 70px;
  }
}
/****************
* Wiederkehrende Überschriften
****************/
h1,
h2,
h3 {
  margin: 0;
  padding: 0;
  font-weight: normal;
}
h1 {
  color: #fff;
  font-size: 69px;
  line-height: 79px;
  font-family: 'Pogonia-Bold', sans-serif;
  margin-bottom: 25px;
}
@media screen and (max-width: 1600px) {
  h1 {
    font-size: 59px;
    line-height: 69px;
  }
}
@media screen and (max-width: 1400px) {
  h1 {
    font-size: 50px;
    line-height: 60px;
  }
}
@media screen and (max-width: 550px) {
  h1 {
    font-size: 40px;
    line-height: 50px;
  }
}
h2 {
  color: #fff;
  font-size: 28px;
  line-height: 32px;
}
@media screen and (max-width: 1900px) {
  h2 {
    font-size: 23px;
    line-height: 27px;
  }
}
@media screen and (max-width: 1199px) {
  h2 {
    font-size: 20px;
    line-height: 24px;
  }
}
/*---------------------------*/
/*---------Allgemein----------*/
/*---------------------------*/
html {
  --grid__gutter: 0 70px;
  -webkit-text-size-adjust: none;
}
@media screen and (max-width: 1400px) {
  html {
    --grid__gutter: 0 30px;
  }
}
html,
body {
  font-family: 'Pogonia-Regular', sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  margin: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow-x: hidden;
  color: #495D58;
}
@media screen and (max-width: 991px) {
  html,
  body {
    font-size: 14px;
  }
}
.invisible {
  display: none;
}
.no-wrap {
  white-space: nowrap;
}
.link-btn {
  height: 66px;
  display: inline-block;
  border: 2px solid #fff;
  border-radius: 33px;
  padding: 0 78px 0 34px;
  position: relative;
  line-height: 66px;
}
.link-btn:after {
  background: url('/files/zahnarztpraxis-rosstal-uebergang/assets/img/icon-btn.svg') no-repeat;
  width: 43px;
  height: 43px;
  position: absolute;
  right: 20px;
  content: "";
  transition: all 0.2s;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.link-btn:hover {
  text-decoration: none !important;
}
.link-btn:hover:after {
  right: 15px;
}
@media screen and (max-width: 1199px) {
  .link-btn {
    padding: 0 60px 0 10px;
    font-size: 25px;
  }
  .link-btn:after {
    right: 5px;
  }
  .link-btn:hover:after {
    right: 3px;
  }
}
@media screen and (max-width: 991px) {
  .link-btn {
    padding: 0 60px 0 10px;
    font-size: 23px;
  }
  .link-btn:after {
    right: 10px;
  }
  .link-btn:hover:after {
    right: 5px;
  }
}
@media screen and (max-width: 767px) {
  .link-btn {
    font-size: 25px;
    padding-right: 78px;
  }
}
@media screen and (max-width: 550px) {
  .link-btn {
    font-size: 22px;
  }
}
@media screen and (max-width: 400px) {
  .link-btn {
    font-size: 19px;
    padding-left: 20px;
    padding-right: 58px;
    display: block;
  }
  .link-btn:after {
    right: 10px;
  }
  .link-btn:hover:after {
    right: 5px;
  }
}
figure {
  margin: 0;
  padding: 0;
}
ol {
  margin: 0;
  padding: 0;
}
ol li {
  margin-left: 25px;
}
p {
  margin: 0 0 25px;
}
p:last-child {
  margin-bottom: 0;
}
a {
  color: #495D58;
}
a.btn-link {
  position: relative;
  font-size: 25px;
  line-height: 28px;
  font-family: 'Pogonia-Bold', sans-serif;
  text-decoration: underline !important;
  padding: 5px 60px 10px 0;
  display: inline-block;
}
a.btn-link:after {
  content: "";
  width: 46px;
  height: 46px;
  border-radius: 46px;
  background: #fff url('/files/zahnarztpraxis-rosstal-uebergang/assets/img/icon-link-arrow-green.svg') no-repeat;
  background-position: center;
  display: block;
  position: absolute;
  right: 0;
  top: -5px;
  transition: all 0.3s;
}
a.btn-link:hover:after {
  right: -5px;
}
a:hover {
  text-decoration: underline;
}
.rte img {
  display: inline-block;
  margin: 20px 0 10px;
}
.mobile-show {
  display: none !important;
}
@media screen and (max-width: 900px) {
  .mobile-show {
    display: block !important;
  }
  .mobile-hidden {
    display: none !important;
  }
}
.highlight {
  color: #BBAF8B;
}
.mod_article > .inside,
#header-custom > div > .inside,
.content-page #header > .inside {
  max-width: 1692px;
  padding: 0 16px;
  margin: 0 auto;
  position: relative;
  z-index: 99;
}
@media screen and (max-width: 1900px) {
  .mod_article > .inside,
  #header-custom > div > .inside,
  .content-page #header > .inside {
    max-width: 1450px;
  }
}
@media screen and (max-width: 1600px) {
  .mod_article > .inside,
  #header-custom > div > .inside,
  .content-page #header > .inside {
    max-width: 1350px;
  }
}
@media screen and (max-width: 1400px) {
  .mod_article > .inside,
  #header-custom > div > .inside,
  .content-page #header > .inside {
    max-width: 1250px;
  }
}
strong {
  font-family: 'Pogonia-Bold', sans-serif;
  font-weight: normal;
}
.two-colors {
  position: relative;
}
.two-colors:after {
  display: block;
  width: calc(100vw/2);
  background-color: #BBAF8B;
  position: absolute;
  right: 0;
  content: "";
  height: 100%;
  top: 0;
}
@media screen and (max-width: 1099px) {
  .two-colors:after {
    content: none;
  }
}
.bg-green {
  background-color: #495D58;
  color: #fff;
  padding: 150px 0 75px;
}
.green-text {
  color: #495D58;
}
/*----------------------------*/
/*-------Header Custom--------*/
/*---------------------------*/
#header-custom > div .inside {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  scrollbar-width: 0;
}
#header-custom > div .inside::-webkit-scrollbar {
  display: none !important;
}
#header-custom .text {
  margin-top: 120px;
  font-size: 28px;
  line-height: 32px;
}
@media screen and (max-width: 1900px) {
  #header-custom .text {
    font-size: 23px;
    line-height: 27px;
  }
}
@media screen and (max-width: 1199px) {
  #header-custom .text {
    font-size: 20px;
    line-height: 24px;
  }
}
#header-custom .text .highlight {
  font-size: 51px;
  line-height: 59px;
  font-family: 'Pogonia-Regular', sans-serif;
  text-transform: uppercase;
}
@media screen and (max-width: 1900px) {
  #header-custom .text .highlight {
    font-size: 44px;
    line-height: 52px;
  }
}
@media screen and (max-width: 1600px) {
  #header-custom .text .highlight {
    font-size: 42px;
    line-height: 50px;
  }
}
@media screen and (max-width: 550px) {
  #header-custom .text .highlight {
    font-size: 34px;
    line-height: 36px;
  }
}
#header-custom .text p {
  margin-bottom: 10px;
}
#header-custom .header-top {
  padding: 59px 0 0;
}
#header-custom .header-top .inside > div {
  width: 30%;
}
#header-custom .header-top .inside > div:nth-child(2) {
  width: 40%;
}
#header-custom .header-top .inside > div .slogan {
  color: #BBAF8B;
  text-transform: uppercase;
  font-size: 18px;
  line-height: 23px;
  text-align: right;
  margin-top: 0;
}
#header-custom .header-top .inside > div .slogan .highlight {
  font-size: 51px;
  line-height: 59px;
  font-family: 'Broccoli', sans-serif;
}
@media screen and (max-width: 1900px) {
  #header-custom .header-top .inside > div .slogan .highlight {
    font-size: 44px;
    line-height: 52px;
  }
}
@media screen and (max-width: 1600px) {
  #header-custom .header-top .inside > div .slogan .highlight {
    font-size: 42px;
    line-height: 50px;
  }
}
@media screen and (max-width: 550px) {
  #header-custom .header-top .inside > div .slogan .highlight {
    font-size: 34px;
    line-height: 36px;
  }
}
#header-custom .header-top .media img {
  margin-left: 100px;
  margin-top: 40px;
}
#header-custom .header-bottom {
  background-color: #495D58;
  margin-top: -200px;
  padding: 30px 0 63px;
  color: #fff;
}
#header-custom .header-bottom .inside > div {
  width: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  scrollbar-width: 0;
}
#header-custom .header-bottom .inside > div::-webkit-scrollbar {
  display: none !important;
}
#header-custom .header-bottom .inside > div.last {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -moz-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  text-align: right;
  font-size: 36px;
  line-height: 44px;
  padding-top: 10px;
  -webkit-box-align: flex-end;
  -webkit-align-items: flex-end;
  -ms-flex-align: flex-end;
  align-items: flex-end;
}
@media screen and (max-width: 1600px) {
  #header-custom .header-bottom .inside > div.last {
    font-size: 32px;
    line-height: 40px;
  }
}
#header-custom .header-bottom .inside > div .jobs p:first-child {
  font-size: 45px;
  line-height: 52px;
  font-family: 'Broccoli', sans-serif;
}
@media screen and (max-width: 1900px) {
  #header-custom .header-bottom .inside > div .jobs p:first-child {
    font-size: 38px;
    line-height: 46px;
  }
}
@media screen and (max-width: 1600px) {
  #header-custom .header-bottom .inside > div .jobs p:first-child {
    font-size: 34px;
    line-height: 42px;
  }
}
@media screen and (max-width: 550px) {
  #header-custom .header-bottom .inside > div .jobs p:first-child {
    font-size: 32px;
    line-height: 40px;
  }
}
#header-custom .header-bottom .inside > div .jobs p .small-text {
  font-size: 30px;
  line-height: 37px;
}
@media screen and (max-width: 1900px) {
  #header-custom .header-bottom .inside > div .jobs p .small-text {
    font-size: 25px;
    line-height: 32px;
  }
}
#header-custom .header-bottom a {
  color: #fff;
  text-decoration: none;
}
#header-custom .header-bottom a:hover {
  text-decoration: underline;
}
#header-custom .header-bottom a.link-btn {
  margin-top: 15px;
}
#header-custom .header-bottom .social-media-links a:hover {
  opacity: 0.7;
  text-decoration: none;
}
@media screen and (max-width: 1900px) {
  #header-custom .header-top .inside > div .text {
    margin-left: 100px;
  }
  #header-custom .header-top .media img {
    margin-left: 100px;
  }
}
@media screen and (max-width: 1600px) {
  #header-custom .header-top {
    padding-top: 20px;
  }
  #header-custom .header-top .inside > div .text {
    margin-left: 0;
    margin-top: 100px;
  }
  #header-custom .header-top .inside > div .slogan {
    margin-top: 0;
  }
  #header-custom .header-top .logo img {
    max-width: 350px;
    height: auto;
  }
  #header-custom .header-top .media img {
    max-width: 450px;
    height: auto;
    margin-left: 60px;
  }
  #header-custom .header-bottom {
    padding-bottom: 53px;
  }
}
@media screen and (max-width: 1400px) {
  #header-custom .header-top .media img {
    max-width: 100%;
    margin-left: -20px;
  }
  #header-custom .header-top .inside > div .text {
    margin-left: 20px;
    margin-top: 100px;
  }
  #header-custom .header-bottom {
    margin-top: -130px;
  }
}
@media screen and (max-width: 1199px) {
  #header-custom .header-top {
    padding-top: 30px;
  }
  #header-custom .header-top .inside {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  #header-custom .header-top .inside > div:first-child {
    width: 100%;
    margin-bottom: 40px;
  }
  #header-custom .header-top .inside > div:nth-child(2),
  #header-custom .header-top .inside > div:nth-child(3) {
    width: 40%;
  }
  #header-custom .header-top .inside > div:nth-child(2) {
    margin: 0 50px;
    width: calc(60% - 100px);
  }
  #header-custom .header-top .logo img {
    max-width: 250px;
  }
  #header-custom .header-bottom {
    padding-top: 160px;
  }
}
@media screen and (max-width: 900px) {
  #header-custom .header-top .inside > div:nth-child(2),
  #header-custom .header-top .inside > div:nth-child(3) {
    width: 100%;
  }
  #header-custom .header-top .inside > div:nth-child(2) {
    order: 2;
    margin: 0 ;
  }
  #header-custom .header-top .inside > div:nth-child(2) img {
    max-width: 550px;
  }
  #header-custom .header-top .inside > div .slogan {
    text-align: left;
  }
  #header-custom .header-top .inside > div .text {
    margin: 0 0 40px;
  }
  #header-custom .header-top .inside > div .media {
    margin-top: -150px;
    text-align: right;
  }
  #header-custom .header-top .logo img {
    max-width: 250px;
  }
  #header-custom .header-bottom {
    padding-top: 110px;
  }
  #header-custom .header-bottom .inside {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  #header-custom .header-bottom .inside > div.text {
    width: 100%;
    margin: 0 0 50px;
  }
}
@media screen and (max-width: 767px) {
  #header-custom .header-top .inside > div .media {
    margin-top: -100px;
  }
  #header-custom .header-bottom {
    padding-top: 150px;
  }
  #header-custom .header-bottom .inside {
    flex-direction: column;
  }
  #header-custom .header-bottom .inside > div {
    width: 100%;
  }
  #header-custom .header-bottom .inside > div.text {
    display: block;
    margin: 0 0 50px;
  }
  #header-custom .header-bottom .inside > div.first {
    margin-bottom: 50px;
  }
  #header-custom .header-bottom .inside > div.last {
    text-align: left;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
}
@media screen and (max-width: 550px) {
  #header-custom .header-top .inside > div:nth-child(2) .media img {
    max-width: 100%;
  }
  #header-custom .header-top .inside > div .slogan {
    text-align: left;
  }
  #header-custom .header-top .inside > div .text {
    margin-top: 0;
  }
  #header-custom .header-top .inside > div .text p {
    margin-bottom: 10px;
  }
  #header-custom .header-top .inside > div .media {
    margin-top: -40px;
    text-align: center;
  }
}
/*----------------------------*/
/*-----------Intro-----------*/
/*---------------------------*/
#intro .inside {
  padding: 140px 0 0;
}
#intro .inside .row > div:first-child {
  padding-bottom: 150px;
}
#intro .inside .row > div:first-child .content-text {
  margin-right: 125px;
}
#intro .inside .row > div:last-child {
  padding-left: 40px;
}
#intro .inside .row > div:last-child .content-image {
  margin-top: 58px;
}
@media screen and (max-width: 1900px) {
  #intro .inside .row > div:first-child .content-text {
    margin-right: 100px;
  }
}
@media screen and (max-width: 1600px) {
  #intro .inside {
    padding-left: 16px;
    padding-right: 16px;
  }
  #intro .inside .row > div:first-child .content-text {
    margin-right: 50px;
  }
}
@media screen and (max-width: 1099px) {
  #intro .inside {
    padding: 0 0 0;
  }
  #intro .inside .row > div:first-child {
    order: 2;
    padding: 80px 16px;
  }
  #intro .inside .row > div:first-child .content-text {
    margin-right: 100px;
  }
  #intro .inside .row > div:last-child {
    order: 1;
    background-color: #BBAF8B;
    padding: 80px 16px;
    gap: 80px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    scrollbar-width: 0;
  }
  #intro .inside .row > div:last-child::-webkit-scrollbar {
    display: none !important;
  }
  #intro .inside .row > div:last-child .content-image {
    text-align: right;
    margin-top: 0;
  }
}
@media screen and (max-width: 767px) {
  #intro .inside .row > div:last-child {
    gap: 60px;
  }
  #intro .inside .row > div:last-child .content-headline {
    margin-right: 0;
  }
  #intro .inside .row > div:first-child .content-text {
    margin-right: 0;
  }
}
@media screen and (max-width: 550px) {
  #intro .inside .row > div:first-child {
    order: 2;
    padding-top: 40px;
  }
  #intro .inside .row > div:last-child {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    flex-direction: column;
    padding: 40px 16px;
  }
  #intro .inside .row > div:last-child > div {
    width: 100%;
  }
  #intro .inside .row > div:last-child .content-image {
    position: absolute;
    bottom: 20px;
    margin-top: 20px;
    right: 16px;
  }
  #intro .inside .row > div:last-child .content-image img {
    max-width: 80px;
    height: auto;
  }
  #intro .inside .row {
    padding-bottom: 150px;
  }
}
/*----------------------------*/
/*-------Leistungen-----------*/
/*---------------------------*/
#services h2 {
  font-size: 43px;
  line-height: 49px;
  font-family: 'Pogonia-Bold', sans-serif;
}
@media screen and (max-width: 1600px) {
  #services h2 {
    font-size: 36px;
    line-height: 43px;
  }
}
@media screen and (max-width: 1199px) {
  #services h2 {
    font-size: 34px;
    line-height: 42px;
  }
}
@media screen and (max-width: 550px) {
  #services h2 {
    font-size: 32px;
    line-height: 40px;
  }
}
#services h2 ~ h3 {
  font-size: 18px;
  line-height: 23px;
  font-family: 'Pogonia-Regular', sans-serif;
  margin-top: 20px;
}
#services h3 {
  font-size: 43px;
  line-height: 49px;
  font-family: 'Pogonia-Bold', sans-serif;
}
@media screen and (max-width: 1600px) {
  #services h3 {
    font-size: 36px;
    line-height: 43px;
  }
}
@media screen and (max-width: 1199px) {
  #services h3 {
    font-size: 34px;
    line-height: 42px;
  }
}
@media screen and (max-width: 550px) {
  #services h3 {
    font-size: 32px;
    line-height: 40px;
  }
}
#services .row > div:nth-child(2) .content-headline,
#services .row > div:nth-child(3) .content-headline {
  min-height: 147px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  scrollbar-width: 0;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 74px;
}
#services .row > div:nth-child(2) .content-headline::-webkit-scrollbar,
#services .row > div:nth-child(3) .content-headline::-webkit-scrollbar {
  display: none !important;
}
#services .row > div:nth-child(2) .content-text,
#services .row > div:nth-child(3) .content-text {
  font-size: 28px;
  line-height: 32px;
}
@media screen and (max-width: 1900px) {
  #services .row > div:nth-child(2) .content-text,
  #services .row > div:nth-child(3) .content-text {
    font-size: 23px;
    line-height: 27px;
  }
}
@media screen and (max-width: 1199px) {
  #services .row > div:nth-child(2) .content-text,
  #services .row > div:nth-child(3) .content-text {
    font-size: 20px;
    line-height: 24px;
  }
}
#services .row > div:nth-child(2) .content-text ul li,
#services .row > div:nth-child(3) .content-text ul li {
  position: relative;
  margin-bottom: 10px;
  padding-left: 25px;
}
#services .row > div:nth-child(2) .content-text ul li:before,
#services .row > div:nth-child(3) .content-text ul li:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
}
#services .row > div:nth-child(2) .content-text .small-text,
#services .row > div:nth-child(3) .content-text .small-text {
  font-size: 16px;
  line-height: 20px;
}
@media screen and (max-width: 991px) {
  #services .row > div:nth-child(2) .content-text .small-text,
  #services .row > div:nth-child(3) .content-text .small-text {
    font-size: 14px;
  }
}
#services .row > div:nth-child(2) .content-headline {
  overflow: visible;
  position: relative;
}
#services .row > div:nth-child(2) .content-headline:before {
  content: "";
  width: 128px;
  height: 30px;
  background: url('/files/zahnarztpraxis-rosstal-uebergang/assets/img/icon-adults.svg') no-repeat;
  position: absolute;
  left: -160px;
  z-index: 99;
  background-size: contain;
}
#services .row > div:nth-child(2) .content-text ul li:before {
  background: url('/files/zahnarztpraxis-rosstal-uebergang/assets/img/list-icon-adults.svg');
  width: 11px;
  height: 2px;
  top: 15px;
}
#services .row > div:nth-child(3) .content-headline {
  overflow: visible;
  position: relative;
}
#services .row > div:nth-child(3) .content-headline:before {
  content: "";
  width: 158px;
  height: 158px;
  background: url('/files/zahnarztpraxis-rosstal-uebergang/assets/img/icon-kids.svg') no-repeat;
  position: absolute;
  left: -160px;
  z-index: 99;
  background-size: contain;
}
#services .row > div:nth-child(3) .content-text ul li {
  padding-left: 30px;
}
#services .row > div:nth-child(3) .content-text ul li:before {
  background: url('/files/zahnarztpraxis-rosstal-uebergang/assets/img/list-icon-kids.svg');
  width: 19px;
  height: 19px;
  top: 7px;
}
@media screen and (max-width: 1900px) {
  #services .row > div:nth-child(2) .content-headline:before {
    width: 100px;
    height: 25px;
    left: -125px;
  }
  #services .row > div:nth-child(3) .content-headline:before {
    width: 110px;
    height: 110px;
    left: -125px;
  }
}
@media screen and (max-width: 1600px) {
  #services .row > div:nth-child(2) .content-headline:before {
    width: 80px;
    height: 20px;
    left: -115px;
  }
  #services .row > div:nth-child(3) .content-headline:before {
    width: 90px;
    height: 90px;
    left: -110px;
  }
}
@media screen and (max-width: 1199px) {
  #services {
    padding: 70px 0;
  }
  #services .row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  #services .row > div:first-child {
    width: 100%;
    margin-bottom: 60px;
  }
  #services .row > div:nth-child(2),
  #services .row > div:nth-child(3) {
    width: calc(47% - 120px);
    margin-left: 120px;
  }
  #services .row > div:nth-child(2) .content-headline:before,
  #services .row > div:nth-child(3) .content-headline:before {
    display: block;
  }
}
@media screen and (max-width: 991px) {
  #services .row > div:nth-child(2) {
    margin-bottom: 60px;
  }
  #services .row > div:nth-child(2),
  #services .row > div:nth-child(3) {
    width: calc(100% - 120px);
    margin-left: 120px;
  }
  #services .row > div:nth-child(2) .content-headline,
  #services .row > div:nth-child(3) .content-headline {
    min-height: auto;
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 550px) {
  #services .row > div:nth-child(2),
  #services .row > div:nth-child(3) {
    width: 100%;
    margin-left: 0;
  }
  #services .row > div:nth-child(2) .content-headline,
  #services .row > div:nth-child(3) .content-headline {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  #services .row > div:nth-child(2) .content-headline:before,
  #services .row > div:nth-child(3) .content-headline:before {
    display: block;
    position: relative;
    left: 0;
    margin-right: 10px;
    margin-bottom: 10px;
  }
}
/*----------------------------*/
/*-------Jobs-----------------*/
/*---------------------------*/
#jobs {
  padding: 110px 0 120px;
}
#jobs h2 {
  font-size: 43px;
  line-height: 49px;
  font-family: 'Pogonia-Bold', sans-serif;
  text-transform: uppercase;
  color: #495D58;
  margin-bottom: 10px;
}
@media screen and (max-width: 1600px) {
  #jobs h2 {
    font-size: 36px;
    line-height: 43px;
  }
}
@media screen and (max-width: 1199px) {
  #jobs h2 {
    font-size: 34px;
    line-height: 42px;
  }
}
@media screen and (max-width: 550px) {
  #jobs h2 {
    font-size: 32px;
    line-height: 40px;
  }
}
#jobs h3 {
  font-size: 16px;
  line-height: 20px;
  font-family: 'Pogonia-Bold', sans-serif;
}
@media screen and (max-width: 991px) {
  #jobs h3 {
    font-size: 14px;
  }
}
#jobs .row > div:nth-child(2) {
  margin-left: -100px;
}
#jobs .row > div:nth-child(3) .content-text {
  margin-left: 25px;
}
#jobs .row > div:nth-child(3) img {
  max-width: 391px;
  height: auto;
  display: block;
  margin: -10px 0 50px;
}
#jobs .btn-link:after {
  background-color: #BBAF8B;
}
@media screen and (max-width: 1900px) {
  #jobs .row > div:nth-child(2) {
    margin-left: 0;
  }
}
@media screen and (max-width: 1600px) {
  #jobs .row > div:nth-child(3) img {
    max-width: 250px;
  }
}
@media screen and (max-width: 1199px) {
  #jobs {
    padding: 70px 0;
  }
  #jobs .row > div {
    margin-bottom: 40px;
  }
  #jobs .row > div:nth-child(3) .content-text {
    margin-left: 0;
  }
  #jobs .row > div:nth-child(3) img {
    margin-top: 0;
  }
}
/*----------------------------*/
/*----------About-------------*/
/*---------------------------*/
#about {
  padding: 175px 0 56px;
}
#about .row {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
#about .row > div:nth-child(1) {
  font-size: 75px;
  line-height: 86px;
  text-transform: uppercase;
  font-family: 'Broccoli', sans-serif;
  text-align: right;
}
@media screen and (max-width: 1199px) {
  #about .row > div:nth-child(1) {
    font-size: 70px;
    line-height: 81px;
  }
}
@media screen and (max-width: 550px) {
  #about .row > div:nth-child(1) {
    font-size: 60px;
    line-height: 70px;
  }
}
#about img {
  margin-left: -90px;
}
@media screen and (max-width: 1900px) {
  #about img {
    max-width: 600px;
    height: auto;
    margin-left: -110px;
  }
}
@media screen and (max-width: 1600px) {
  #about {
    padding-top: 76px;
  }
  #about img {
    max-width: 550px;
    margin-left: -100px;
  }
}
@media screen and (max-width: 1400px) {
  #about img {
    max-width: calc(100% + 60px);
    margin-left: -60px;
  }
}
@media screen and (max-width: 1100px) {
  #about .row > div {
    margin-bottom: 30px;
  }
  #about .row > div:first-child {
    text-align: left;
  }
  #about .row > div:nth-child(2) {
    text-align: center;
  }
}
/*----------------------------*/
/*----------Footer-----------*/
/*---------------------------*/
#footer {
  background-color: #495D58;
  color: #fff;
  padding: 80px 0;
}
#footer a {
  color: #fff;
  text-decoration: none;
}
#footer a:hover {
  text-decoration: underline;
}
#footer .row {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 50px;
}
#footer .row > div:nth-child(2) {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  scrollbar-width: 0;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 32px;
}
#footer .row > div:nth-child(2)::-webkit-scrollbar {
  display: none !important;
}
#footer .row > div:nth-child(2) .highlight {
  color: #fff;
  font-size: 30px;
  line-height: 37px;
}
@media screen and (max-width: 1900px) {
  #footer .row > div:nth-child(2) .highlight {
    font-size: 25px;
    line-height: 32px;
  }
}
#footer .row > div:nth-child(2) > div {
  width: 50%;
}
#footer .row > div:nth-child(2) > div:nth-child(2) {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  scrollbar-width: 0;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
#footer .row > div:nth-child(2) > div:nth-child(2)::-webkit-scrollbar {
  display: none !important;
}
#footer .copyright {
  float: left;
  line-height: 100%;
}
@media screen and (max-width: 1900px) {
  #footer .row {
    gap: 70px;
  }
  #footer .row > div:nth-child(2) {
    gap: 32px;
  }
  #footer .row > div:nth-child(2) > div {
    width: 40%;
  }
  #footer .row > div:nth-child(2) > div:nth-child(2) {
    width: 60%;
  }
  #footer .copyright {
    float: none;
  }
}
@media screen and (max-width: 1600px) {
  #footer .row {
    gap: 70px;
  }
  #footer .row > div:nth-child(2) {
    gap: 32px;
  }
  #footer .row > div:nth-child(3) {
    margin-left: -30px;
  }
}
@media screen and (max-width: 1400px) {
  #footer .row > div:nth-child(2) {
    gap: 32px;
  }
  #footer .row > div:last-child {
    margin-top: 80px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    scrollbar-width: 0;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  #footer .row > div:last-child::-webkit-scrollbar {
    display: none !important;
  }
  #footer .row > div:last-child .copyright {
    float: left;
  }
}
@media screen and (max-width: 1199px) {
  #footer {
    padding: 70px 0 30px;
  }
  #footer .content-image img {
    max-width: 250px;
    height: auto;
  }
  #footer .row {
    gap: 40px;
  }
  #footer .row > div {
    margin-bottom: 0;
  }
  #footer .row > div:nth-child(2) > div {
    width: 50%;
    gap: 32px;
  }
  #footer .row > div:last-child {
    margin-bottom: 0;
    margin-top: 40px;
  }
}
@media screen and (max-width: 767px) {
  #footer .row > div {
    margin-bottom: 0;
  }
  #footer .row > div:nth-child(2) {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 0;
    gap: 40px;
  }
  #footer .row > div:nth-child(2) > div {
    width: 100%;
  }
  #footer .row > div:nth-child(2) > div:nth-child(2) {
    display: block;
    width: 100%;
  }
  #footer .row > div:last-child {
    -webkit-box-align: flex-start;
    -webkit-align-items: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start;
    margin: 0;
  }
}
#meta-navigation ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  scrollbar-width: 0;
}
#meta-navigation ul::-webkit-scrollbar {
  display: none !important;
}
#meta-navigation ul li {
  border-left: 1px solid #fff;
  margin-left: 6px;
  padding-left: 6px;
  line-height: 100%;
}
#meta-navigation ul li .active {
  font-weight: normal;
  text-decoration: underline;
  font-family: 'Pogonia-Regular', sans-serif;
}
@media screen and (max-width: 1900px) {
  #meta-navigation ul {
    margin-top: 10px;
  }
  #meta-navigation ul li:nth-child(1) {
    border-left: 0;
    margin-left: 0;
    padding-left: 0;
  }
}
@media screen and (max-width: 1400px) {
  #meta-navigation {
    float: left;
  }
  #meta-navigation ul {
    margin-top: 0;
  }
  #meta-navigation ul li:nth-child(1) {
    border-left: 1px solid #fff;
    margin-left: 6px;
    padding-left: 6px;
  }
}
.content-page #main {
  padding: 150px 0;
}
.content-page #header {
  padding-top: 20px;
}
.content-page h2 {
  color: #495D58;
  margin-bottom: 30px;
}
@media screen and (max-width: 1600px) {
  .content-page #header img {
    max-width: 350px;
    height: auto;
  }
}
@media screen and (max-width: 1199px) {
  .content-page #header img {
    max-width: 250px;
  }
}
@media screen and (max-width: 767px) {
  .content-page #main {
    padding-top: 60px;
  }
}