ODYL House producerer og opfører huse i CLT (krydslamineret træ) og GLT (limtræ) med konstruktionselementer og indretningsløsninger af højeste kvalitet.
Læs mere om ODYL House
Oplev ODYLs rejse mod at skabe bæredygtige, energieffektive boliger ved hjælp af limtræ og CLT. Medstifterne deler deres vision om at kombinere moderne design med miljøvenlige materialer for at skabe en sundere og mere bæredygtig fremtid.
Læs mere om det
/* Nulstil standardmargener og -afstande for alle elementer */
.blog-preview,
.blog-preview * {
margin: 0;
padding: 0;
box-sizing: border-box;
}
/* Beholder til blog-forhåndsvisning */
.blog-preview {
display: flex;
flex-direction: column; /* Placer titlen øverst og resten nedenunder */
bredde: 100 %;
baggrund: #F5F5F5; /* Baggrund for hele afsnittet */
border: 1px solid #ddd;
border-radius: 4px; /* Afrundede hjørner */
overflow: skjult;
}
/* Overskrift øverst */
.blog-preview-title {
bredde: 100 %;
padding: 10px 20px; /* Mindre afstand for et mere kompakt udseende */
font-size: 1,5em;
text-align: left; /* Juster titlen til venstre */
baggrund: #F5F5F5; /* Tilpasses afsnittets baggrund */
border-bottom: 1px solid #ddd; /* Adskillelseslinje */
}
.blog-preview-title a {
text-decoration: none;
farve: #333;
}
.blog-preview-title a:hover {
text-decoration: underline;
}
/* Indhold (billede og tekst) */
.blog-preview-content {
display: flex;
flex-direction: row; /* Justerer billede og tekst på samme linje */
gap: 15px; /* Mindre afstand mellem billede og tekst */
align-items: start; /* Justerer tekst og billede øverst */
bredde: 100 %;
padding: 0 20px; /* Sikrer ensartet justering */
}
/* Venstre kolonne til billedet */
.blog-preview-image {
flex: 1 1 33%; /* Billedet optager 1/3 af bredden */
max-width: 33 %;
overflow: skjult;
display: flex;
align-items: center;
justify-content: center;
}
.blog-preview-image img {
bredde: 100 %;
højde: 100%;
object-fit: cover; /* Udfyld pladsen, mens billedformatet bevares */
display: block;
}
/* Skjul billedet på mobile enheder */
@media (max-width: 768px) {
.blog-preview-image {
display: none; /* Skjul billedet på mindre skærme */
}
}
/* Højre kolonne til teksten */
.blog-preview-text {
flex: 2 1 67 %;
padding: 10px 0; /* Reduceret lodret afstand */
font-size: 1em;
line-height: 1,5;
farve: #555;
display: flex;
flex-direction: kolonne;
justify-content: center;
}
/* Knap »Læs mere« */
.blog-preview-text .read-more {
font-size: 1em;
farve: #5F56BF; /* Standardfarve */
text-decoration: none;
font-weight: bold;
}
.blog-preview-text .read-more:hover {
farve: #554DAB; /* Farve ved musepeger */
}
