/* DB Richter subpage layout v1
   Consistent alternating editorial layout for legacy static pages.
   Scoped by explicit body classes only. */

html body.dbr-subpage-layout #main{
  background:#fff!important;
  color:#4f5d64!important;
}
html body.dbr-subpage-layout #main .section-content-with-grid-custom{
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
}
html body.dbr-subpage-layout #main .grid-module-container-root,
html body.dbr-subpage-layout #main .grid-module-container-root-image-with-link{
  position:relative!important;
  inset:auto!important;
  grid-area:auto!important;
  width:auto!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  margin:0!important;
  transform:none!important;
  opacity:1!important;
  overflow:visible!important;
}
html body.dbr-subpage-layout #main .section-inner-width-small{
  width:min(1180px,calc(100% - 48px))!important;
  max-width:1180px!important;
  margin-inline:auto!important;
}
html body.dbr-subpage-layout #main .section-root{
  min-height:0!important;
  height:auto!important;
  position:relative!important;
}
html body.dbr-subpage-layout #main .section-root>.section-inner{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  min-height:100%!important;
  z-index:0!important;
  pointer-events:none!important;
}
html body.dbr-subpage-layout #main .section-root>.section-inner-width{
  position:relative!important;
  z-index:1!important;
}

/* Hero */
html body.dbr-subpage-layout #main .dbr-subpage-hero{
  min-height:370px!important;
  padding:0!important;
  overflow:hidden!important;
  color:#fff!important;
  background-size:cover!important;
  background-position:center!important;
}
html body.dbr-page-about #main .dbr-subpage-hero{
  background-image:linear-gradient(90deg,rgba(5,25,36,.90) 0%,rgba(5,25,36,.72) 46%,rgba(5,25,36,.25) 78%,rgba(5,25,36,.15) 100%),url('/BILDERGALERIE/UEBER-UNS/wer-hinter-richter.webp')!important;
  background-position:center 42%!important;
}
html body.dbr-page-references #main .dbr-subpage-hero{
  background-image:linear-gradient(90deg,rgba(5,25,36,.90) 0%,rgba(5,25,36,.72) 46%,rgba(5,25,36,.23) 78%,rgba(5,25,36,.12) 100%),url('/BILDERGALERIE/REFERENZEN/dach-fertig.webp')!important;
  background-position:center 45%!important;
}
html body.dbr-page-offer #main .dbr-subpage-hero{
  background-image:linear-gradient(90deg,rgba(5,25,36,.90) 0%,rgba(5,25,36,.70) 47%,rgba(5,25,36,.20) 80%,rgba(5,25,36,.10) 100%),url('/BILDERGALERIE/STARTSEITE/hero-hintergrund.jpg')!important;
  background-position:center 46%!important;
}
html body.dbr-subpage-layout #main .dbr-subpage-hero>.section-inner{
  background:none!important;
  background-image:none!important;
}
html body.dbr-subpage-layout #main .dbr-subpage-hero .section-inner-width-small,
html body.dbr-subpage-layout #main .dbr-subpage-hero .section-content-with-grid-grid-wrapper{
  min-height:370px!important;
}
html body.dbr-subpage-layout #main .dbr-subpage-hero .section-content-with-grid-grid-wrapper{
  display:flex!important;
  align-items:center!important;
}
html body.dbr-subpage-layout #main .dbr-subpage-hero .grid-module-container-root{
  width:min(760px,100%)!important;
}
html body.dbr-subpage-layout #main .dbr-subpage-hero h1{
  color:#fff!important;
  font-family:NunitoSans,Nunito,Arial,sans-serif!important;
  font-size:clamp(32px,3.1vw,48px)!important;
  line-height:1.08!important;
  font-weight:800!important;
  letter-spacing:-.02em!important;
}
html body.dbr-subpage-layout #main .dbr-subpage-hero p,
html body.dbr-subpage-layout #main .dbr-subpage-hero li,
html body.dbr-subpage-layout #main .dbr-subpage-hero span{
  color:#f4f7f8!important;
}

/* Shared editorial sections */
html body.dbr-subpage-layout #main #Dachreinigung,
html body.dbr-subpage-layout #main #Dachbeschichtung,
html body.dbr-subpage-layout #main #Fassadengestaltung,
html body.dbr-subpage-layout #main #Kontakt-aufnehmen,
html body.dbr-subpage-layout #main .dbr-final-story{
  padding:76px 0!important;
}
html body.dbr-subpage-layout #main #Dachreinigung{
  background:#fff!important;
}
html body.dbr-subpage-layout #main #Dachreinigung>.section-inner{
  background:#fff!important;background-image:none!important;
}
html body.dbr-subpage-layout #main #Dachbeschichtung{
  background:#082431!important;color:#fff!important;overflow:hidden!important;
}
html body.dbr-subpage-layout #main #Dachbeschichtung>.section-inner{
  opacity:1!important;background-size:cover!important;background-position:center!important;
}
html body.dbr-subpage-layout #main #Fassadengestaltung{
  background:#f4f7f7!important;
}
html body.dbr-subpage-layout #main #Fassadengestaltung>.section-inner{
  background:#f4f7f7!important;background-image:none!important;
}
html body.dbr-subpage-layout #main #Dachreinigung h2,
html body.dbr-subpage-layout #main #Fassadengestaltung h2,
html body.dbr-subpage-layout #main .dbr-final-story h2,
html body.dbr-subpage-layout #main .dbr-final-story h3{
  margin:0!important;color:#101820!important;
  font-family:NunitoSans,Nunito,Arial,sans-serif!important;
  font-size:clamp(28px,2.7vw,40px)!important;
  line-height:1.12!important;font-weight:800!important;letter-spacing:-.02em!important;
}
html body.dbr-subpage-layout #main #Dachbeschichtung h2{
  margin:0!important;color:#fff!important;
  font-family:NunitoSans,Nunito,Arial,sans-serif!important;
  font-size:clamp(28px,2.7vw,40px)!important;
  line-height:1.12!important;font-weight:800!important;letter-spacing:-.02em!important;
}
html body.dbr-subpage-layout #main #Dachreinigung p,
html body.dbr-subpage-layout #main #Dachreinigung li,
html body.dbr-subpage-layout #main #Fassadengestaltung p,
html body.dbr-subpage-layout #main #Fassadengestaltung li,
html body.dbr-subpage-layout #main .dbr-final-story p,
html body.dbr-subpage-layout #main .dbr-final-story li,
html body.dbr-subpage-layout #main .dbr-final-story .text-root{
  color:#53636b!important;font-family:Nunito,Arial,sans-serif!important;font-size:16px!important;line-height:1.62!important;
}
html body.dbr-subpage-layout #main #Dachbeschichtung p,
html body.dbr-subpage-layout #main #Dachbeschichtung li,
html body.dbr-subpage-layout #main #Dachbeschichtung strong,
html body.dbr-subpage-layout #main #Dachbeschichtung .text-root{
  color:#edf3f5!important;font-family:Nunito,Arial,sans-serif!important;font-size:16px!important;line-height:1.6!important;
}

/* Dachreinigung: image LEFT, copy RIGHT */
html body.dbr-subpage-layout #main #Dachreinigung .section-content-with-grid-grid-wrapper{
  display:grid!important;
  grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr)!important;
  grid-template-rows:auto auto auto!important;
  gap:18px 54px!important;
  align-items:center!important;
}
html body.dbr-subpage-layout #main #Dachreinigung .section-content-with-grid-grid-wrapper>div:nth-child(1){
  grid-column:2!important;grid-row:1!important;align-self:end!important;
}
html body.dbr-subpage-layout #main #Dachreinigung .section-content-with-grid-grid-wrapper>div:nth-child(2){
  grid-column:1!important;grid-row:1 / 4!important;align-self:center!important;
}
html body.dbr-subpage-layout #main #Dachreinigung .section-content-with-grid-grid-wrapper>div:nth-child(3){
  grid-column:2!important;grid-row:2!important;
}
html body.dbr-subpage-layout #main #Dachreinigung .section-content-with-grid-grid-wrapper>div:nth-child(4){
  grid-column:2!important;grid-row:3!important;justify-self:start!important;
}
html body.dbr-subpage-layout #main #Dachreinigung .section-content-with-grid-grid-wrapper>div:nth-child(5){
  display:none!important;
}
html body.dbr-subpage-layout #main #Dachreinigung img{
  display:block!important;
  width:100%!important;
  height:430px!important;
  object-fit:cover!important;
  object-position:center!important;
  border-radius:18px!important;
  box-shadow:0 18px 46px rgba(7,29,42,.13)!important;
}

/* Dachbeschichtung: copy LEFT, image RIGHT */
html body.dbr-subpage-layout #main #Dachbeschichtung .section-content-with-grid-grid-wrapper{
  display:grid!important;
  grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr)!important;
  grid-template-rows:auto auto auto!important;
  gap:18px 56px!important;
  align-items:center!important;
}
html body.dbr-subpage-layout #main #Dachbeschichtung .section-content-with-grid-grid-wrapper>div:nth-child(1){
  grid-column:1!important;grid-row:1!important;align-self:end!important;
}
html body.dbr-subpage-layout #main #Dachbeschichtung .section-content-with-grid-grid-wrapper>div:nth-child(2){
  grid-column:2!important;grid-row:1 / 4!important;align-self:center!important;
}
html body.dbr-subpage-layout #main #Dachbeschichtung .section-content-with-grid-grid-wrapper>div:nth-child(3){
  grid-column:1!important;grid-row:2!important;
}
html body.dbr-subpage-layout #main #Dachbeschichtung .section-content-with-grid-grid-wrapper>div:nth-child(4){
  grid-column:1!important;grid-row:3!important;justify-self:start!important;
}
html body.dbr-subpage-layout #main #Dachbeschichtung .section-content-with-grid-grid-wrapper>div:nth-child(5){
  display:none!important;
}
html body.dbr-subpage-layout #main #Dachbeschichtung img{
  display:block!important;
  width:100%!important;
  height:450px!important;
  object-fit:cover!important;
  object-position:center!important;
  border-radius:18px!important;
  box-shadow:0 20px 50px rgba(0,0,0,.24)!important;
}
html body.dbr-page-about #main #Dachbeschichtung img[src*="dachbeschichtung-arbeit"]{
  object-fit:contain!important;
  background:rgba(255,255,255,.03)!important;
}

/* Keep CTA wrappers compact; no legacy <br><br> gaps. */
html body.dbr-subpage-layout #main .grid-module-container-root:has(.dbr-master-button-v5){
  min-height:0!important;height:auto!important;max-height:none!important;
  line-height:1!important;margin:0!important;padding:0!important;align-self:start!important;
}
html body.dbr-subpage-layout #main .grid-module-container-root:has(.dbr-master-button-v5) br{
  display:none!important;
}
html body.dbr-subpage-layout #main .grid-module-container-root:has(.dbr-master-button-v5) .buttons{
  margin:0!important;padding:0!important;line-height:1!important;
}

/* About + Offer: two images LEFT, copy RIGHT */
html body.dbr-page-about #main #Fassadengestaltung .section-content-with-grid-grid-wrapper,
html body.dbr-page-offer #main #Fassadengestaltung .section-content-with-grid-grid-wrapper{
  display:grid!important;
  grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr)!important;
  grid-template-rows:auto auto auto!important;
  gap:18px 54px!important;align-items:center!important;
}
html body.dbr-page-about #main #Fassadengestaltung .section-content-with-grid-grid-wrapper>div:nth-child(1),
html body.dbr-page-offer #main #Fassadengestaltung .section-content-with-grid-grid-wrapper>div:nth-child(1){
  grid-column:2!important;grid-row:1!important;
}
html body.dbr-page-about #main #Fassadengestaltung .section-content-with-grid-grid-wrapper>div:nth-child(2),
html body.dbr-page-offer #main #Fassadengestaltung .section-content-with-grid-grid-wrapper>div:nth-child(2){
  grid-column:1!important;grid-row:1 / 2!important;
}
html body.dbr-page-about #main #Fassadengestaltung .section-content-with-grid-grid-wrapper>div:nth-child(3),
html body.dbr-page-offer #main #Fassadengestaltung .section-content-with-grid-grid-wrapper>div:nth-child(3){
  grid-column:2!important;grid-row:2!important;
}
html body.dbr-page-about #main #Fassadengestaltung .section-content-with-grid-grid-wrapper>div:nth-child(4),
html body.dbr-page-offer #main #Fassadengestaltung .section-content-with-grid-grid-wrapper>div:nth-child(4){
  grid-column:2!important;grid-row:3!important;justify-self:start!important;
}
html body.dbr-page-about #main #Fassadengestaltung .section-content-with-grid-grid-wrapper>div:nth-child(5),
html body.dbr-page-offer #main #Fassadengestaltung .section-content-with-grid-grid-wrapper>div:nth-child(5){
  grid-column:1!important;grid-row:2 / 4!important;
}

/* References has different child order: copy RIGHT, two images LEFT */
html body.dbr-page-references #main #Fassadengestaltung .section-content-with-grid-grid-wrapper{
  display:grid!important;
  grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr)!important;
  grid-template-rows:auto auto auto!important;
  gap:18px 54px!important;align-items:center!important;
}
html body.dbr-page-references #main #Fassadengestaltung .section-content-with-grid-grid-wrapper>div:nth-child(1){
  grid-column:2!important;grid-row:1!important;
}
html body.dbr-page-references #main #Fassadengestaltung .section-content-with-grid-grid-wrapper>div:nth-child(2){
  grid-column:2!important;grid-row:2!important;
}
html body.dbr-page-references #main #Fassadengestaltung .section-content-with-grid-grid-wrapper>div:nth-child(3){
  grid-column:2!important;grid-row:3!important;justify-self:start!important;
}
html body.dbr-page-references #main #Fassadengestaltung .section-content-with-grid-grid-wrapper>div:nth-child(4){
  grid-column:1!important;grid-row:1 / 2!important;
}
html body.dbr-page-references #main #Fassadengestaltung .section-content-with-grid-grid-wrapper>div:nth-child(5){
  grid-column:1!important;grid-row:2 / 4!important;
}
html body.dbr-subpage-layout #main #Fassadengestaltung .grid-module-container-root-image-with-link{
  overflow:hidden!important;border-radius:18px!important;
  box-shadow:0 16px 42px rgba(7,29,42,.12)!important;
}
html body.dbr-subpage-layout #main #Fassadengestaltung img{
  display:block!important;width:100%!important;height:260px!important;object-fit:cover!important;
}
html body.dbr-subpage-layout #main #Fassadengestaltung .section-content-with-grid-grid-wrapper>div:nth-child(5) img{
  height:310px!important;
}

/* Contact card */
html body.dbr-subpage-layout #main #Kontakt-aufnehmen{
  background:#fff!important;
}
html body.dbr-subpage-layout #main #Kontakt-aufnehmen>.section-inner{
  background:#fff!important;background-image:none!important;
}
html body.dbr-subpage-layout #main #Kontakt-aufnehmen .section-content-with-grid-grid-wrapper{
  display:block!important;
  max-width:1040px!important;
  margin:0 auto!important;
}
html body.dbr-page-about #main #Kontakt-aufnehmen .section-content-with-grid-grid-wrapper>div:first-child,
html body.dbr-page-references #main #Kontakt-aufnehmen .section-content-with-grid-grid-wrapper>div:first-child{
  display:none!important;
}
html body.dbr-subpage-layout #main #Kontakt-aufnehmen .max-w-4xl{
  max-width:1000px!important;
  margin:0 auto!important;
  border-radius:20px!important;
  overflow:hidden!important;
  box-shadow:0 24px 64px rgba(7,29,42,.16)!important;
  border:1px solid rgba(7,29,42,.06)!important;
}
html body.dbr-subpage-layout #main #Kontakt-aufnehmen img[src*="nico-richter"]{
  min-height:560px!important;
  max-height:620px!important;
  object-fit:cover!important;
  object-position:center 20%!important;
}

/* Final story: copy LEFT, image RIGHT */
html body.dbr-subpage-layout #main .dbr-final-story{
  background:#f7f9f8!important;
}
html body.dbr-subpage-layout #main .dbr-final-story>.section-inner{
  background:#f7f9f8!important;background-image:none!important;
}
html body.dbr-subpage-layout #main .dbr-final-story .section-content-with-grid-grid-wrapper{
  display:grid!important;
  grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr)!important;
  gap:18px 54px!important;
  align-items:center!important;
}
html body.dbr-subpage-layout #main .dbr-final-story img{
  display:block!important;width:100%!important;height:500px!important;
  object-fit:cover!important;object-position:center!important;
  border-radius:18px!important;box-shadow:0 18px 46px rgba(7,29,42,.13)!important;
}

/* About final story */
html body.dbr-page-about #main .dbr-final-story .section-content-with-grid-grid-wrapper{
  grid-template-rows:auto auto auto!important;
}
html body.dbr-page-about #main .dbr-final-story .section-content-with-grid-grid-wrapper>div:nth-child(1){
  grid-column:1!important;grid-row:1!important;
}
html body.dbr-page-about #main .dbr-final-story .section-content-with-grid-grid-wrapper>div:nth-child(2){
  grid-column:2!important;grid-row:1 / 4!important;
}
html body.dbr-page-about #main .dbr-final-story .section-content-with-grid-grid-wrapper>div:nth-child(3){
  grid-column:1!important;grid-row:2!important;
}
html body.dbr-page-about #main .dbr-final-story .section-content-with-grid-grid-wrapper>div:nth-child(4){
  grid-column:1!important;grid-row:3!important;
}
html body.dbr-page-about #main .dbr-final-story .section-content-with-grid-grid-wrapper>div:nth-child(5),
html body.dbr-page-about #main .dbr-final-story .section-content-with-grid-grid-wrapper>div:nth-child(6),
html body.dbr-page-about #main .dbr-final-story .section-content-with-grid-grid-wrapper>div:nth-child(7){
  display:none!important;
}

/* References final story */
html body.dbr-page-references #main .dbr-final-story .section-content-with-grid-grid-wrapper{
  grid-template-rows:auto auto auto auto!important;
}
html body.dbr-page-references #main .dbr-final-story .section-content-with-grid-grid-wrapper>div:nth-child(1){
  grid-column:1!important;grid-row:1!important;
}
html body.dbr-page-references #main .dbr-final-story .section-content-with-grid-grid-wrapper>div:nth-child(2){
  grid-column:2!important;grid-row:1 / 5!important;
}
html body.dbr-page-references #main .dbr-final-story .section-content-with-grid-grid-wrapper>div:nth-child(3){
  grid-column:1!important;grid-row:2!important;
}
html body.dbr-page-references #main .dbr-final-story .section-content-with-grid-grid-wrapper>div:nth-child(4){
  grid-column:1!important;grid-row:3!important;
}
html body.dbr-page-references #main .dbr-final-story .section-content-with-grid-grid-wrapper>div:nth-child(5){
  grid-column:1!important;grid-row:4!important;justify-self:start!important;
}
html body.dbr-page-references #main .dbr-final-story .section-content-with-grid-grid-wrapper>div:nth-child(6),
html body.dbr-page-references #main .dbr-final-story .section-content-with-grid-grid-wrapper>div:nth-child(7){
  display:none!important;
}

/* Offer final story */
html body.dbr-page-offer #main .dbr-final-story .section-content-with-grid-grid-wrapper{
  grid-template-rows:auto auto auto auto auto!important;
}
html body.dbr-page-offer #main .dbr-final-story .section-content-with-grid-grid-wrapper>div:nth-child(1){
  grid-column:1!important;grid-row:1!important;
}
html body.dbr-page-offer #main .dbr-final-story .section-content-with-grid-grid-wrapper>div:nth-child(2){
  grid-column:2!important;grid-row:1 / 6!important;
}
html body.dbr-page-offer #main .dbr-final-story .section-content-with-grid-grid-wrapper>div:nth-child(3){
  grid-column:1!important;grid-row:2!important;
}
html body.dbr-page-offer #main .dbr-final-story .section-content-with-grid-grid-wrapper>div:nth-child(4){
  grid-column:1!important;grid-row:3!important;
}
html body.dbr-page-offer #main .dbr-final-story .section-content-with-grid-grid-wrapper>div:nth-child(5){
  grid-column:1!important;grid-row:4!important;justify-self:start!important;
}
html body.dbr-page-offer #main .dbr-final-story .section-content-with-grid-grid-wrapper>div:nth-child(6){
  grid-column:1!important;grid-row:5!important;justify-self:start!important;
}

/* References gallery should stay a dedicated grid, but remove excessive whitespace. */
html body.dbr-page-references #main #dbr-ref-gallery-premium{
  padding:72px 0!important;
  margin:0!important;
}

/* Custom service areas: first visual left, final contact visual right = alternating rhythm. */
html body.dbr-page-serviceareas .lg-ref-grid{
  grid-template-columns:1fr 1fr!important;
  gap:54px!important;
  align-items:center!important;
}
html body.dbr-page-serviceareas .contact-band .contact-grid{
  grid-template-columns:minmax(0,1fr) 340px!important;
  gap:54px!important;
  align-items:center!important;
}
html body.dbr-page-serviceareas .contact-band .contact-grid>div:first-child{
  grid-column:2!important;
  grid-row:1!important;
}
html body.dbr-page-serviceareas .contact-band .contact-grid>.contact-copy{
  grid-column:1!important;
  grid-row:1!important;
}

/* Custom Dachreinigung: alternate the last proof band (copy left, image right). */
html body.dbr-page-dachreinigung .dv-proof .dv-proof-grid{
  grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr)!important;
  gap:58px!important;
  align-items:center!important;
}
html body.dbr-page-dachreinigung .dv-proof .dv-proof-grid>div:first-child{
  grid-column:2!important;grid-row:1!important;
}
html body.dbr-page-dachreinigung .dv-proof .dv-proof-grid>div:nth-child(2){
  grid-column:1!important;grid-row:1!important;
}

@media(max-width:900px){
  html body.dbr-subpage-layout #main .section-inner-width-small{
    width:min(100% - 28px,1180px)!important;
  }
  html body.dbr-subpage-layout #main .dbr-subpage-hero,
  html body.dbr-subpage-layout #main .dbr-subpage-hero .section-inner-width-small,
  html body.dbr-subpage-layout #main .dbr-subpage-hero .section-content-with-grid-grid-wrapper{
    min-height:420px!important;
  }
  html body.dbr-subpage-layout #main .dbr-subpage-hero{
    background-position:60% center!important;
  }
  html body.dbr-subpage-layout #main #Dachreinigung,
  html body.dbr-subpage-layout #main #Dachbeschichtung,
  html body.dbr-subpage-layout #main #Fassadengestaltung,
  html body.dbr-subpage-layout #main #Kontakt-aufnehmen,
  html body.dbr-subpage-layout #main .dbr-final-story{
    padding:58px 0!important;
  }
  html body.dbr-subpage-layout #main #Dachreinigung .section-content-with-grid-grid-wrapper,
  html body.dbr-subpage-layout #main #Dachbeschichtung .section-content-with-grid-grid-wrapper,
  html body.dbr-subpage-layout #main #Fassadengestaltung .section-content-with-grid-grid-wrapper,
  html body.dbr-subpage-layout #main .dbr-final-story .section-content-with-grid-grid-wrapper{
    display:grid!important;
    grid-template-columns:1fr!important;
    grid-template-rows:auto!important;
    gap:18px!important;
  }
  html body.dbr-subpage-layout #main #Dachreinigung .section-content-with-grid-grid-wrapper>div:nth-child(n),
  html body.dbr-subpage-layout #main #Dachbeschichtung .section-content-with-grid-grid-wrapper>div:nth-child(n),
  html body.dbr-subpage-layout #main #Fassadengestaltung .section-content-with-grid-grid-wrapper>div:nth-child(n),
  html body.dbr-subpage-layout #main .dbr-final-story .section-content-with-grid-grid-wrapper>div:nth-child(n){
    grid-column:1!important;
    grid-row:auto!important;
  }
  html body.dbr-subpage-layout #main #Dachreinigung .section-content-with-grid-grid-wrapper>div:nth-child(5),
  html body.dbr-subpage-layout #main #Dachbeschichtung .section-content-with-grid-grid-wrapper>div:nth-child(5){
    display:none!important;
  }
  html body.dbr-page-about #main .dbr-final-story .section-content-with-grid-grid-wrapper>div:nth-child(5),
  html body.dbr-page-about #main .dbr-final-story .section-content-with-grid-grid-wrapper>div:nth-child(6),
  html body.dbr-page-about #main .dbr-final-story .section-content-with-grid-grid-wrapper>div:nth-child(7),
  html body.dbr-page-references #main .dbr-final-story .section-content-with-grid-grid-wrapper>div:nth-child(6),
  html body.dbr-page-references #main .dbr-final-story .section-content-with-grid-grid-wrapper>div:nth-child(7){
    display:none!important;
  }
  html body.dbr-subpage-layout #main #Dachreinigung .section-content-with-grid-grid-wrapper>div:nth-child(1),
  html body.dbr-subpage-layout #main #Dachbeschichtung .section-content-with-grid-grid-wrapper>div:nth-child(1),
  html body.dbr-subpage-layout #main #Fassadengestaltung .section-content-with-grid-grid-wrapper>div:nth-child(1),
  html body.dbr-subpage-layout #main .dbr-final-story .section-content-with-grid-grid-wrapper>div:nth-child(1){
    grid-row:1!important;
  }
  html body.dbr-subpage-layout #main #Dachreinigung .section-content-with-grid-grid-wrapper>div:nth-child(2),
  html body.dbr-subpage-layout #main #Dachbeschichtung .section-content-with-grid-grid-wrapper>div:nth-child(2){
    grid-row:2!important;
  }
  html body.dbr-page-about #main #Fassadengestaltung .section-content-with-grid-grid-wrapper>div:nth-child(2),
  html body.dbr-page-offer #main #Fassadengestaltung .section-content-with-grid-grid-wrapper>div:nth-child(2),
  html body.dbr-page-references #main #Fassadengestaltung .section-content-with-grid-grid-wrapper>div:nth-child(4){
    grid-row:2!important;
  }
  html body.dbr-subpage-layout #main #Dachreinigung img,
  html body.dbr-subpage-layout #main #Dachbeschichtung img,
  html body.dbr-subpage-layout #main .dbr-final-story img{
    height:360px!important;
  }
  html body.dbr-subpage-layout #main #Fassadengestaltung img{
    height:280px!important;
  }
  html body.dbr-subpage-layout #main #Kontakt-aufnehmen img[src*="nico-richter"]{
    min-height:360px!important;
    max-height:430px!important;
  }
  html body.dbr-page-serviceareas .contact-band .contact-grid{
    grid-template-columns:1fr!important;
    gap:24px!important;
  }
  html body.dbr-page-serviceareas .contact-band .contact-grid>div:first-child,
  html body.dbr-page-serviceareas .contact-band .contact-grid>.contact-copy{
    grid-column:1!important;
    grid-row:auto!important;
  }
  html body.dbr-page-dachreinigung .dv-proof .dv-proof-grid{
    grid-template-columns:1fr!important;
    gap:24px!important;
  }
  html body.dbr-page-dachreinigung .dv-proof .dv-proof-grid>div:first-child,
  html body.dbr-page-dachreinigung .dv-proof .dv-proof-grid>div:nth-child(2){
    grid-column:1!important;
    grid-row:auto!important;
  }
}
@media(max-width:560px){
  html body.dbr-subpage-layout #main .dbr-subpage-hero{
    min-height:460px!important;
  }
  html body.dbr-subpage-layout #main .dbr-subpage-hero h1{
    font-size:32px!important;
  }
  html body.dbr-subpage-layout #main #Dachreinigung h2,
  html body.dbr-subpage-layout #main #Dachbeschichtung h2,
  html body.dbr-subpage-layout #main #Fassadengestaltung h2,
  html body.dbr-subpage-layout #main .dbr-final-story h2,
  html body.dbr-subpage-layout #main .dbr-final-story h3{
    font-size:29px!important;
  }
  html body.dbr-subpage-layout #main #Dachreinigung img,
  html body.dbr-subpage-layout #main #Dachbeschichtung img,
  html body.dbr-subpage-layout #main .dbr-final-story img{
    height:310px!important;
  }
  html body.dbr-subpage-layout #main #Fassadengestaltung img{
    height:240px!important;
  }
}