/* ========================================================================== */
/* Externe Seiten-Styles fuer gala-bau/index.html. */
/* Diese Datei ersetzt fruehere Inline-Style-Bloecke in der HTML-Datei. */
/* Jede Regel bleibt seitenbezogen, weil diese Datei nur auf dieser Seite geladen wird. */
/* ========================================================================== */

/* Inline-Style-Block 1: urspruengliche Attribute: keine. */
/* CSS: Start eines Selektors, der die folgenden Eigenschaften auf passende Elemente anwendet. */
.hub-page{
/* CSS: Eigenschaft fuer Layout, Farbe, Abstand, Typografie oder Verhalten. */
background: linear-gradient(180deg, #fff 0%, #f4f5f7 48%, #fff 100%);
/* CSS: Eigenschaft fuer Layout, Farbe, Abstand, Typografie oder Verhalten. */
padding-bottom: clamp(3rem, 7vw, 5rem);
/* CSS: Ende des aktuellen Regelblocks. */
}
/* CSS: Start eines Selektors, der die folgenden Eigenschaften auf passende Elemente anwendet. */
.hub-hero{
/* CSS: Eigenschaft fuer Layout, Farbe, Abstand, Typografie oder Verhalten. */
display: grid;
/* CSS: Eigenschaft fuer Layout, Farbe, Abstand, Typografie oder Verhalten. */
grid-template-columns: minmax(0, .95fr) minmax(340px, 1.05fr);
/* CSS: Eigenschaft fuer Layout, Farbe, Abstand, Typografie oder Verhalten. */
min-height: clamp(420px, 44vw, 600px);
/* CSS: Eigenschaft fuer Layout, Farbe, Abstand, Typografie oder Verhalten. */
background: #fff;
/* CSS: Eigenschaft fuer Layout, Farbe, Abstand, Typografie oder Verhalten. */
overflow: hidden;
/* CSS: Eigenschaft fuer Layout, Farbe, Abstand, Typografie oder Verhalten. */
border-bottom: 1px solid rgba(23, 23, 23, .1);
/* CSS: Ende des aktuellen Regelblocks. */
}
/* CSS: Start eines Selektors, der die folgenden Eigenschaften auf passende Elemente anwendet. */
.hub-copy{
/* CSS: Eigenschaft fuer Layout, Farbe, Abstand, Typografie oder Verhalten. */
display: flex;
/* CSS: Eigenschaft fuer Layout, Farbe, Abstand, Typografie oder Verhalten. */
flex-direction: column;
/* CSS: Eigenschaft fuer Layout, Farbe, Abstand, Typografie oder Verhalten. */
justify-content: center;
/* CSS: Eigenschaft fuer Layout, Farbe, Abstand, Typografie oder Verhalten. */
padding: clamp(2.4rem, 6vw, 5rem);
/* CSS: Ende des aktuellen Regelblocks. */
}
/* CSS: Start eines Selektors, der die folgenden Eigenschaften auf passende Elemente anwendet. */
.hub-copy h1{
/* CSS: Eigenschaft fuer Layout, Farbe, Abstand, Typografie oder Verhalten. */
margin: 0 0 1rem;
/* CSS: Eigenschaft fuer Layout, Farbe, Abstand, Typografie oder Verhalten. */
font-size: clamp(2.2rem, 4.2vw, 4.2rem);
/* CSS: Eigenschaft fuer Layout, Farbe, Abstand, Typografie oder Verhalten. */
line-height: 1.05;
/* CSS: Eigenschaft fuer Layout, Farbe, Abstand, Typografie oder Verhalten. */
color: #171717;
/* CSS: Ende des aktuellen Regelblocks. */
}
/* CSS: Start eines Selektors, der die folgenden Eigenschaften auf passende Elemente anwendet. */
.hub-copy p{
/* CSS: Eigenschaft fuer Layout, Farbe, Abstand, Typografie oder Verhalten. */
max-width: 48rem;
/* CSS: Eigenschaft fuer Layout, Farbe, Abstand, Typografie oder Verhalten. */
margin: 0 0 1.2rem;
/* CSS: Eigenschaft fuer Layout, Farbe, Abstand, Typografie oder Verhalten. */
color: #5d626b;
/* CSS: Eigenschaft fuer Layout, Farbe, Abstand, Typografie oder Verhalten. */
font-size: 1.04rem;
/* CSS: Eigenschaft fuer Layout, Farbe, Abstand, Typografie oder Verhalten. */
line-height: 1.82;
/* CSS: Ende des aktuellen Regelblocks. */
}
/* CSS: Start eines Selektors, der die folgenden Eigenschaften auf passende Elemente anwendet. */
.hub-media img{
/* CSS: Eigenschaft fuer Layout, Farbe, Abstand, Typografie oder Verhalten. */
width: 100%;
/* CSS: Eigenschaft fuer Layout, Farbe, Abstand, Typografie oder Verhalten. */
height: 100%;
/* CSS: Eigenschaft fuer Layout, Farbe, Abstand, Typografie oder Verhalten. */
min-height: 100%;
/* CSS: Eigenschaft fuer Layout, Farbe, Abstand, Typografie oder Verhalten. */
object-fit: cover;
/* CSS: Ende des aktuellen Regelblocks. */
}
/* CSS: Start eines Selektors, der die folgenden Eigenschaften auf passende Elemente anwendet. */
.hub-section{
/* CSS: Eigenschaft fuer Layout, Farbe, Abstand, Typografie oder Verhalten. */
padding: clamp(3rem, 7vw, 5rem) 0 0;
/* CSS: Ende des aktuellen Regelblocks. */
}
/* CSS: Start eines Selektors, der die folgenden Eigenschaften auf passende Elemente anwendet. */
.hub-panel{
/* CSS: Eigenschaft fuer Layout, Farbe, Abstand, Typografie oder Verhalten. */
display: grid;
/* CSS: Eigenschaft fuer Layout, Farbe, Abstand, Typografie oder Verhalten. */
grid-template-columns: minmax(280px, .9fr) minmax(0, 1.1fr);
/* CSS: Eigenschaft fuer Layout, Farbe, Abstand, Typografie oder Verhalten. */
overflow: hidden;
/* CSS: Eigenschaft fuer Layout, Farbe, Abstand, Typografie oder Verhalten. */
background: #fff;
/* CSS: Eigenschaft fuer Layout, Farbe, Abstand, Typografie oder Verhalten. */
border: 1px solid rgba(23, 23, 23, .1);
/* CSS: Eigenschaft fuer Layout, Farbe, Abstand, Typografie oder Verhalten. */
border-radius: 8px;
/* CSS: Eigenschaft fuer Layout, Farbe, Abstand, Typografie oder Verhalten. */
box-shadow: 0 18px 44px rgba(17, 17, 17, .07);
/* CSS: Ende des aktuellen Regelblocks. */
}
/* CSS: Start eines Selektors, der die folgenden Eigenschaften auf passende Elemente anwendet. */
.hub-panel img{
/* CSS: Eigenschaft fuer Layout, Farbe, Abstand, Typografie oder Verhalten. */
width: 100%;
/* CSS: Eigenschaft fuer Layout, Farbe, Abstand, Typografie oder Verhalten. */
height: 100%;
/* CSS: Eigenschaft fuer Layout, Farbe, Abstand, Typografie oder Verhalten. */
min-height: 330px;
/* CSS: Eigenschaft fuer Layout, Farbe, Abstand, Typografie oder Verhalten. */
object-fit: cover;
/* CSS: Ende des aktuellen Regelblocks. */
}
/* CSS: Start eines Selektors, der die folgenden Eigenschaften auf passende Elemente anwendet. */
.hub-panel-copy{
/* CSS: Eigenschaft fuer Layout, Farbe, Abstand, Typografie oder Verhalten. */
display: flex;
/* CSS: Eigenschaft fuer Layout, Farbe, Abstand, Typografie oder Verhalten. */
flex-direction: column;
/* CSS: Eigenschaft fuer Layout, Farbe, Abstand, Typografie oder Verhalten. */
justify-content: center;
/* CSS: Eigenschaft fuer Layout, Farbe, Abstand, Typografie oder Verhalten. */
padding: clamp(1.35rem, 3vw, 2.5rem);
/* CSS: Ende des aktuellen Regelblocks. */
}
/* CSS: Start eines Selektors, der die folgenden Eigenschaften auf passende Elemente anwendet. */
.hub-panel-copy h2{
/* CSS: Eigenschaft fuer Layout, Farbe, Abstand, Typografie oder Verhalten. */
margin: 0 0 .8rem;
/* CSS: Eigenschaft fuer Layout, Farbe, Abstand, Typografie oder Verhalten. */
font-size: clamp(1.55rem, 2.7vw, 2.4rem);
/* CSS: Eigenschaft fuer Layout, Farbe, Abstand, Typografie oder Verhalten. */
line-height: 1.14;
/* CSS: Ende des aktuellen Regelblocks. */
}
/* CSS: Start eines Selektors, der die folgenden Eigenschaften auf passende Elemente anwendet. */
.hub-panel-copy ul{
/* CSS: Eigenschaft fuer Layout, Farbe, Abstand, Typografie oder Verhalten. */
margin: .5rem 0 0;
/* CSS: Eigenschaft fuer Layout, Farbe, Abstand, Typografie oder Verhalten. */
padding-left: 1.15rem;
/* CSS: Eigenschaft fuer Layout, Farbe, Abstand, Typografie oder Verhalten. */
color: #5d626b;
/* CSS: Eigenschaft fuer Layout, Farbe, Abstand, Typografie oder Verhalten. */
line-height: 1.85;
/* CSS: Ende des aktuellen Regelblocks. */
}
/* CSS: Start eines Selektors, der die folgenden Eigenschaften auf passende Elemente anwendet. */
.hub-panel-copy a{
/* CSS: Eigenschaft fuer Layout, Farbe, Abstand, Typografie oder Verhalten. */
color: #171717;
/* CSS: Eigenschaft fuer Layout, Farbe, Abstand, Typografie oder Verhalten. */
font-weight: 800;
/* CSS: Ende des aktuellen Regelblocks. */
}
/* CSS: Start eines Selektors, der die folgenden Eigenschaften auf passende Elemente anwendet. */
.slideshow-section{
/* CSS: Eigenschaft fuer Layout, Farbe, Abstand, Typografie oder Verhalten. */
padding: clamp(3rem, 7vw, 5rem) 0 0;
/* CSS: Ende des aktuellen Regelblocks. */
}
/* CSS: Start eines Selektors, der die folgenden Eigenschaften auf passende Elemente anwendet. */
.slideshow-section-inner{
/* CSS: Eigenschaft fuer Layout, Farbe, Abstand, Typografie oder Verhalten. */
width: min(1120px, calc(100% - 32px));
/* CSS: Eigenschaft fuer Layout, Farbe, Abstand, Typografie oder Verhalten. */
margin-left: auto;
/* CSS: Eigenschaft fuer Layout, Farbe, Abstand, Typografie oder Verhalten. */
margin-right: auto;
/* CSS: Ende des aktuellen Regelblocks. */
}
/* CSS: Start eines Selektors, der die folgenden Eigenschaften auf passende Elemente anwendet. */
.section-intro{
/* CSS: Eigenschaft fuer Layout, Farbe, Abstand, Typografie oder Verhalten. */
max-width: 760px;
/* CSS: Eigenschaft fuer Layout, Farbe, Abstand, Typografie oder Verhalten. */
margin: 0 0 1.5rem;
/* CSS: Ende des aktuellen Regelblocks. */
}
/* CSS: Start eines Selektors, der die folgenden Eigenschaften auf passende Elemente anwendet. */
.section-intro h2{
/* CSS: Eigenschaft fuer Layout, Farbe, Abstand, Typografie oder Verhalten. */
margin: 0 0 .7rem;
/* CSS: Eigenschaft fuer Layout, Farbe, Abstand, Typografie oder Verhalten. */
color: #171717;
/* CSS: Eigenschaft fuer Layout, Farbe, Abstand, Typografie oder Verhalten. */
font-size: clamp(1.55rem, 2.7vw, 2.4rem);
/* CSS: Eigenschaft fuer Layout, Farbe, Abstand, Typografie oder Verhalten. */
line-height: 1.14;
/* CSS: Ende des aktuellen Regelblocks. */
}
/* CSS: Start eines Selektors, der die folgenden Eigenschaften auf passende Elemente anwendet. */
.section-intro p{
/* CSS: Eigenschaft fuer Layout, Farbe, Abstand, Typografie oder Verhalten. */
margin: 0;
/* CSS: Eigenschaft fuer Layout, Farbe, Abstand, Typografie oder Verhalten. */
color: #5d626b;
/* CSS: Eigenschaft fuer Layout, Farbe, Abstand, Typografie oder Verhalten. */
line-height: 1.78;
/* CSS: Ende des aktuellen Regelblocks. */
}
/* CSS: Start eines Selektors, der die folgenden Eigenschaften auf passende Elemente anwendet. */
.service-slideshow{
/* CSS: Eigenschaft fuer Layout, Farbe, Abstand, Typografie oder Verhalten. */
position: relative;
/* CSS: Eigenschaft fuer Layout, Farbe, Abstand, Typografie oder Verhalten. */
max-width: 980px;
/* CSS: Eigenschaft fuer Layout, Farbe, Abstand, Typografie oder Verhalten. */
margin: 0 auto;
/* CSS: Eigenschaft fuer Layout, Farbe, Abstand, Typografie oder Verhalten. */
overflow: hidden;
/* CSS: Eigenschaft fuer Layout, Farbe, Abstand, Typografie oder Verhalten. */
border-radius: 8px;
/* CSS: Eigenschaft fuer Layout, Farbe, Abstand, Typografie oder Verhalten. */
background: #111;
/* CSS: Eigenschaft fuer Layout, Farbe, Abstand, Typografie oder Verhalten. */
box-shadow: 0 18px 44px rgba(17, 17, 17, .1);
/* CSS: Ende des aktuellen Regelblocks. */
}
/* CSS: Start eines Selektors, der die folgenden Eigenschaften auf passende Elemente anwendet. */
.slide-track{
/* CSS: Eigenschaft fuer Layout, Farbe, Abstand, Typografie oder Verhalten. */
display: flex;
/* CSS: Eigenschaft fuer Layout, Farbe, Abstand, Typografie oder Verhalten. */
transition: transform 480ms ease;
/* CSS: Ende des aktuellen Regelblocks. */
}
/* CSS: Start eines Selektors, der die folgenden Eigenschaften auf passende Elemente anwendet. */
.slide{
/* CSS: Eigenschaft fuer Layout, Farbe, Abstand, Typografie oder Verhalten. */
min-width: 100%;
/* CSS: Eigenschaft fuer Layout, Farbe, Abstand, Typografie oder Verhalten. */
position: relative;
/* CSS: Eigenschaft fuer Layout, Farbe, Abstand, Typografie oder Verhalten. */
margin: 0;
/* CSS: Ende des aktuellen Regelblocks. */
}
/* CSS: Start eines Selektors, der die folgenden Eigenschaften auf passende Elemente anwendet. */
.slide img{
/* CSS: Eigenschaft fuer Layout, Farbe, Abstand, Typografie oder Verhalten. */
display: block;
/* CSS: Eigenschaft fuer Layout, Farbe, Abstand, Typografie oder Verhalten. */
width: 100%;
/* CSS: Eigenschaft fuer Layout, Farbe, Abstand, Typografie oder Verhalten. */
height: clamp(220px, 30vw, 420px);
/* CSS: Eigenschaft fuer Layout, Farbe, Abstand, Typografie oder Verhalten. */
object-fit: cover;
/* CSS: Ende des aktuellen Regelblocks. */
}
/* CSS: Start eines Selektors, der die folgenden Eigenschaften auf passende Elemente anwendet. */
.slide figcaption{
/* CSS: Eigenschaft fuer Layout, Farbe, Abstand, Typografie oder Verhalten. */
position: absolute;
/* CSS: Eigenschaft fuer Layout, Farbe, Abstand, Typografie oder Verhalten. */
left: clamp(1rem, 3vw, 2rem);
/* CSS: Eigenschaft fuer Layout, Farbe, Abstand, Typografie oder Verhalten. */
bottom: clamp(1rem, 3vw, 2rem);
/* CSS: Eigenschaft fuer Layout, Farbe, Abstand, Typografie oder Verhalten. */
max-width: min(520px, calc(100% - 2rem));
/* CSS: Eigenschaft fuer Layout, Farbe, Abstand, Typografie oder Verhalten. */
padding: .75rem .9rem;
/* CSS: Eigenschaft fuer Layout, Farbe, Abstand, Typografie oder Verhalten. */
border-left: 5px solid #e30613;
/* CSS: Eigenschaft fuer Layout, Farbe, Abstand, Typografie oder Verhalten. */
background: rgba(255, 255, 255, .92);
/* CSS: Eigenschaft fuer Layout, Farbe, Abstand, Typografie oder Verhalten. */
border-radius: 6px;
/* CSS: Eigenschaft fuer Layout, Farbe, Abstand, Typografie oder Verhalten. */
color: #111;
/* CSS: Eigenschaft fuer Layout, Farbe, Abstand, Typografie oder Verhalten. */
font-size: .95rem;
/* CSS: Eigenschaft fuer Layout, Farbe, Abstand, Typografie oder Verhalten. */
font-weight: 800;
/* CSS: Eigenschaft fuer Layout, Farbe, Abstand, Typografie oder Verhalten. */
line-height: 1.35;
/* CSS: Ende des aktuellen Regelblocks. */
}
/* CSS: Start eines Selektors, der die folgenden Eigenschaften auf passende Elemente anwendet. */
.slide-controls{
/* CSS: Eigenschaft fuer Layout, Farbe, Abstand, Typografie oder Verhalten. */
position: absolute;
/* CSS: Eigenschaft fuer Layout, Farbe, Abstand, Typografie oder Verhalten. */
right: 1rem;
/* CSS: Eigenschaft fuer Layout, Farbe, Abstand, Typografie oder Verhalten. */
bottom: 1rem;
/* CSS: Eigenschaft fuer Layout, Farbe, Abstand, Typografie oder Verhalten. */
display: flex;
/* CSS: Eigenschaft fuer Layout, Farbe, Abstand, Typografie oder Verhalten. */
gap: .5rem;
/* CSS: Ende des aktuellen Regelblocks. */
}
/* CSS: Start eines Selektors, der die folgenden Eigenschaften auf passende Elemente anwendet. */
.slide-controls button{
/* CSS: Eigenschaft fuer Layout, Farbe, Abstand, Typografie oder Verhalten. */
width: 40px;
/* CSS: Eigenschaft fuer Layout, Farbe, Abstand, Typografie oder Verhalten. */
height: 40px;
/* CSS: Eigenschaft fuer Layout, Farbe, Abstand, Typografie oder Verhalten. */
border: 0;
/* CSS: Eigenschaft fuer Layout, Farbe, Abstand, Typografie oder Verhalten. */
border-radius: 50%;
/* CSS: Eigenschaft fuer Layout, Farbe, Abstand, Typografie oder Verhalten. */
background: #fff;
/* CSS: Eigenschaft fuer Layout, Farbe, Abstand, Typografie oder Verhalten. */
color: #111;
/* CSS: Eigenschaft fuer Layout, Farbe, Abstand, Typografie oder Verhalten. */
font-size: 1.25rem;
/* CSS: Eigenschaft fuer Layout, Farbe, Abstand, Typografie oder Verhalten. */
font-weight: 900;
/* CSS: Eigenschaft fuer Layout, Farbe, Abstand, Typografie oder Verhalten. */
cursor: pointer;
/* CSS: Eigenschaft fuer Layout, Farbe, Abstand, Typografie oder Verhalten. */
box-shadow: 0 10px 24px rgba(0, 0, 0, .16);
/* CSS: Ende des aktuellen Regelblocks. */
}
/* CSS: Start einer responsiven Regel fuer bestimmte Bildschirmbreiten oder Nutzer-Einstellungen. */
@media (max-width: 900px){
/* CSS: Start eines Selektors, der die folgenden Eigenschaften auf passende Elemente anwendet. */
.hub-hero, .hub-panel{
/* CSS: Eigenschaft fuer Layout, Farbe, Abstand, Typografie oder Verhalten. */
grid-template-columns: 1fr;
/* CSS: Ende des aktuellen Regelblocks. */
}
/* CSS: Start eines Selektors, der die folgenden Eigenschaften auf passende Elemente anwendet. */
.hub-media{
/* CSS: Eigenschaft fuer Layout, Farbe, Abstand, Typografie oder Verhalten. */
min-height: 300px;
/* CSS: Ende des aktuellen Regelblocks. */
}
/* CSS: Start eines Selektors, der die folgenden Eigenschaften auf passende Elemente anwendet. */
.slide img{
/* CSS: Eigenschaft fuer Layout, Farbe, Abstand, Typografie oder Verhalten. */
height: 240px;
/* CSS: Eigenschaft fuer Layout, Farbe, Abstand, Typografie oder Verhalten. */
min-height: 240px;
/* CSS: Ende des aktuellen Regelblocks. */
}
/* CSS: Start eines Selektors, der die folgenden Eigenschaften auf passende Elemente anwendet. */
.slide figcaption{
/* CSS: Eigenschaft fuer Layout, Farbe, Abstand, Typografie oder Verhalten. */
position: static;
/* CSS: Eigenschaft fuer Layout, Farbe, Abstand, Typografie oder Verhalten. */
max-width: none;
/* CSS: Eigenschaft fuer Layout, Farbe, Abstand, Typografie oder Verhalten. */
border-radius: 0;
/* CSS: Ende des aktuellen Regelblocks. */
}
/* CSS: Start eines Selektors, der die folgenden Eigenschaften auf passende Elemente anwendet. */
.slide-controls{
/* CSS: Eigenschaft fuer Layout, Farbe, Abstand, Typografie oder Verhalten. */
top: 1rem;
/* CSS: Eigenschaft fuer Layout, Farbe, Abstand, Typografie oder Verhalten. */
bottom: auto;
/* CSS: Ende des aktuellen Regelblocks. */
}
/* CSS: Ende des aktuellen Regelblocks. */
}
/* CSS: Start einer responsiven Regel fuer bestimmte Bildschirmbreiten oder Nutzer-Einstellungen. */
@media (prefers-reduced-motion: reduce){
/* CSS: Start eines Selektors, der die folgenden Eigenschaften auf passende Elemente anwendet. */
.slide-track{
/* CSS: Eigenschaft fuer Layout, Farbe, Abstand, Typografie oder Verhalten. */
transition: none;
/* CSS: Ende des aktuellen Regelblocks. */
}
/* CSS: Ende des aktuellen Regelblocks. */
}