• Fliesen Moos Velbert Referenzfotos Ausstellung4

Hello

Ich bin Blindtext. Von Geburt an. Es hat lange gedauert, bis ich begriffen habe, was es bedeutet, ein blinder Text zu sein: Man macht keinen Sinn. Man wirkt hier und da aus dem Zusammenhang gerissen. Oft wird man gar nicht erst gelesen. Aber bin ich deshalb ein schlechter Text? Ich weiss, dass ich nie die Chance haben werde, im Stern zu erscheinen. Aber bin ich darum weniger wichtig? Ich bin blind! Aber ich bin gerne Text. Und sollten Sie mich jetzt tatsächlich zu Ende lesen, dann habe ich etwas geschafft,was den meisten „normalen“ Texten nicht gelingt.

/* === Logo Animation on scroll  === */
#top #header .logo,
#top #header .logo svg {
  overflow: visible !important;
}
#top #header .logo svg,
#top #header .logo svg #Fliesen-Naturstein {
  transition: all 1s ease;
}
#top #header.header-scrolled-full .logo svg {
  height: 172% !important;
  max-height: 120px !important;
}
#top #header.header-scrolled .logo svg #Fliesen-Naturstein {
  opacity: 0
}

/* === Copyright Hinweis hochziehen in das Slider Feld - durch folgende Color-Section === */
/* === custom class an der Color-Section:   copyright-section === */

#top .avia-section.copyright-section {
  position: relative !important;
  top: -50px;
  min-height: 0 !important;
  margin-bottom: -1px;
}
#top .avia-section.copyright-section .content {
  padding: 0 !important;
}
#top .avia-section.copyright-section .avia_textblock {
  position: absolute;
  left: auto;
  right: 20px;
  opacity: 0.7;
  width: auto;
  display: inline-block;
  background-color: rgba(255,255,255,0.5);
  backdrop-filter: blur(5px);
  border: 1px solid #FFF;
  border-radius: 8px;
  padding: 3px 9px;
}
#top .avia-section.copyright-section .avia_textblock p {
  font-size: 14px;
  width:auto;
  margin-block: 0.2lh;
  margin-inline: 10px;
}


/* === Copyright Hinweis in Grid Cell  === */
/* === custom class an der Grid Zelle :   copyright-bg-image === */

/* 1. Relativen Kontext auf der Tabellenzelle & Flex Cell Inner sicherstellen */
.responsive #top #wrap_all .av-layout-grid-container .copyright-bg-image {
  position: relative !important;
  vertical-align: bottom; /* Fallback für display: table-cell */
  padding: 0 !important;
}

#top .av-layout-grid-container .copyright-bg-image .flex_cell_inner {
  display: block;
  position: relative !important;
  width: 100%;
  height: 100%;
  min-height: 500px; /* Garantiert Mindesthöhe auch mobil */
}

/* 2. Textblock unten rechts ausrichten */
#top .av-layout-grid-container .copyright-bg-image .av_textblock_section {
  position: absolute !important;
  bottom: 10px !important;
  right: 10px !important;
  top: auto !important;
  left: auto !important;
  z-index: 5;
  
  /* Styling */
  border: 1px solid #FFF;
  border-radius: 8px;
  padding: 3px 8px;
  background-color: rgba(255, 255, 255, 0.5);
  backdrop-filter: blur(5px);
}

/* Optional: Anpassung für mobile Ansicht (untereinander gestapelt) */
@media only screen and (max-width: 767px) {
  #top .av-layout-grid-container .copyright-bg-image .flex_cell_inner {
    display: block !important;
    width: 100% !important;
    min-height: 400px; /* Bei Bedarf Höhe für mobile Geräte anpassen */
  }
}
/* === alternative Logo Animation on scroll  === */

#top #header.header-scrolled .logo svg #Fliesen-Naturstein {
  transform: scale(1.3) translate(140px, -115px);
}