/* ========================================================================== */
/* Externe Seiten-Styles fuer materialien/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 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: Ende des aktuellen Regelblocks. */
}
/* CSS: Start eines Selektors, der die folgenden Eigenschaften auf passende Elemente anwendet. */
.content-import-section{
/* CSS: Eigenschaft fuer Layout, Farbe, Abstand, Typografie oder Verhalten. */
background: #fff;
/* CSS: Eigenschaft fuer Layout, Farbe, Abstand, Typografie oder Verhalten. */
padding: clamp(1.7rem, 3vw, 2.8rem) 0 0;
/* CSS: Ende des aktuellen Regelblocks. */
}
/* CSS: Start eines Selektors, der die folgenden Eigenschaften auf passende Elemente anwendet. */
.content-import-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: 0 auto;
/* CSS: Eigenschaft fuer Layout, Farbe, Abstand, Typografie oder Verhalten. */
display: grid;
/* CSS: Eigenschaft fuer Layout, Farbe, Abstand, Typografie oder Verhalten. */
gap: 1rem;
/* CSS: Ende des aktuellen Regelblocks. */
}
/* CSS: Start eines Selektors, der die folgenden Eigenschaften auf passende Elemente anwendet. */
.content-import-card{
/* CSS: Eigenschaft fuer Layout, Farbe, Abstand, Typografie oder Verhalten. */
background: #fff;
/* CSS: Eigenschaft fuer Layout, Farbe, Abstand, Typografie oder Verhalten. */
border-left: 6px solid #e30613;
/* CSS: Eigenschaft fuer Layout, Farbe, Abstand, Typografie oder Verhalten. */
border-radius: 8px;
/* CSS: Eigenschaft fuer Layout, Farbe, Abstand, Typografie oder Verhalten. */
padding: clamp(1.1rem, 2vw, 1.8rem);
/* 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. */
.content-import-card h2{
/* CSS: Eigenschaft fuer Layout, Farbe, Abstand, Typografie oder Verhalten. */
margin: 0 0 .7rem;
/* CSS: Eigenschaft fuer Layout, Farbe, Abstand, Typografie oder Verhalten. */
font-size: clamp(1.35rem, 2vw, 2rem);
/* CSS: Eigenschaft fuer Layout, Farbe, Abstand, Typografie oder Verhalten. */
line-height: 1.15;
/* CSS: Eigenschaft fuer Layout, Farbe, Abstand, Typografie oder Verhalten. */
color: #101114;
/* CSS: Eigenschaft fuer Layout, Farbe, Abstand, Typografie oder Verhalten. */
letter-spacing: 0;
/* CSS: Ende des aktuellen Regelblocks. */
}
/* CSS: Start eines Selektors, der die folgenden Eigenschaften auf passende Elemente anwendet. */
.content-import-card p, .content-import-card li{
/* CSS: Eigenschaft fuer Layout, Farbe, Abstand, Typografie oder Verhalten. */
margin: 0;
/* CSS: Eigenschaft fuer Layout, Farbe, Abstand, Typografie oder Verhalten. */
color: #3f4751;
/* CSS: Eigenschaft fuer Layout, Farbe, Abstand, Typografie oder Verhalten. */
font-size: clamp(.98rem, 1.1vw, 1.08rem);
/* 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. */
.content-import-card p + p{
/* CSS: Eigenschaft fuer Layout, Farbe, Abstand, Typografie oder Verhalten. */
margin-top: .8rem;
/* CSS: Ende des aktuellen Regelblocks. */
}
/* CSS: Start eines Selektors, der die folgenden Eigenschaften auf passende Elemente anwendet. */
.content-import-list{
/* CSS: Eigenschaft fuer Layout, Farbe, Abstand, Typografie oder Verhalten. */
margin: .75rem 0 0;
/* CSS: Eigenschaft fuer Layout, Farbe, Abstand, Typografie oder Verhalten. */
padding-left: 1.2rem;
/* CSS: Eigenschaft fuer Layout, Farbe, Abstand, Typografie oder Verhalten. */
display: grid;
/* CSS: Eigenschaft fuer Layout, Farbe, Abstand, Typografie oder Verhalten. */
gap: .45rem;
/* CSS: Ende des aktuellen Regelblocks. */
}
/* CSS: Start einer responsiven Regel fuer bestimmte Bildschirmbreiten oder Nutzer-Einstellungen. */
@media (max-width: 700px){
/* CSS: Start eines Selektors, der die folgenden Eigenschaften auf passende Elemente anwendet. */
.content-import-inner{
/* CSS: Eigenschaft fuer Layout, Farbe, Abstand, Typografie oder Verhalten. */
width: min(100% - 24px, 1120px);
/* CSS: Ende des aktuellen Regelblocks. */
}
/* CSS: Start eines Selektors, der die folgenden Eigenschaften auf passende Elemente anwendet. */
.content-import-card{
/* CSS: Eigenschaft fuer Layout, Farbe, Abstand, Typografie oder Verhalten. */
border-left-width: 4px;
/* CSS: Ende des aktuellen Regelblocks. */
}
/* CSS: Ende des aktuellen Regelblocks. */
}