ODYL House fertigt und errichtet CLT- (Kreuzlagenholz) und GLT- (Brettschichtholz) Häuser mit hochwertigen Bauteilen und hochwertigen Lösungen für die Innenausstattung.
Erfahren Sie mehr über das ODYL House
Erfahren Sie mehr über den Weg von ODYL bei der Schaffung nachhaltiger, energieeffizienter Häuser unter Verwendung von Brettschichtholz und Brettspannplatten. Die Mitbegründer teilen ihre Vision, modernes Design mit umweltfreundlichen Materialien zu verbinden, um eine gesündere und nachhaltigere Zukunft zu gestalten.
Mehr lesen
/* Standard-Ränder und -Abstände für alle Elemente zurücksetzen */
.blog-preview,
.blog-preview * {
margin: 0;
padding: 0;
box-sizing: border-box;
}
/* Container für die Blog-Vorschau */
.blog-preview {
display: flex;
flex-direction: column; /* Titel oben und den Rest darunter anordnen */
Breite: 100 %;
Hintergrund: #F5F5F5; /* Hintergrund des gesamten Abschnitts */
Rahmen: 1px durchgehend #ddd;
border-radius: 4px; /* Abgerundete Ecken */
overflow: hidden;
}
/* Titel oben */
.blog-preview-title {
Breite: 100 %;
padding: 10px 20px; /* Reduzierter Abstand für ein kompakteres Erscheinungsbild */
Schriftgröße: 1,5em;
text-align: left; /* Titel linksbündig ausrichten */
Hintergrund: #F5F5F5; /* Anpassung an den Hintergrund des Abschnitts */
border-bottom: 1px solid #ddd; /* Trennlinie */
}
.blog-preview-title a {
text-decoration: none;
Farbe: #333;
}
.blog-preview-title a:hover {
text-decoration: underline;
}
/* Inhalt (Bild und Text) */
.blog-preview-content {
display: flex;
flex-direction: row; /* Bild und Text in einer Zeile ausrichten */
gap: 15px; /* Verringerter Abstand zwischen Bild und Text */
align-items: start; /* Richtet Text und Bild oben aus */
Breite: 100 %;
padding: 0 20px; /* Sorgt für eine einheitliche Ausrichtung */
}
/* Linke Spalte für das Bild */
.blog-preview-image {
flex: 1 1 33 %; /* Das Bild nimmt 1/3 der Breite ein */
max-width: 33 %;
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
}
.blog-preview-image img {
Breite: 100 %;
Höhe: 100 %;
object-fit: cover; /* Den Raum ausfüllen und dabei das Seitenverhältnis beibehalten */
display: block;
}
/* Bild auf Mobilgeräten ausblenden */
@media (max-width: 768px) {
.blog-preview-image {
display: none; /* Das Bild auf kleineren Bildschirmen ausblenden */
}
}
/* Rechte Spalte für den Text */
.blog-preview-text {
flex: 2 1 67 %;
padding: 10px 0; /* Reduzierter vertikaler Abstand */
Schriftgröße: 1em;
Zeilenhöhe: 1,5;
Farbe: #555;
display: flex;
flex-direction: column;
justify-content: center;
}
/* Schaltfläche „Weiterlesen“ */
.blog-preview-text .read-more {
Schriftgröße: 1em;
Farbe: #5F56BF; /* Standardfarbe */
text-decoration: none;
font-weight: bold;
}
.blog-preview-text .read-more:hover {
Farbe: #554DAB; /* Farbe beim Hover */
}
