diff --git a/components/02_Molecules/placeTeaser/_placeTeaser.scss b/components/02_Molecules/placeTeaser/_placeTeaser.scss index 048d6be..39d0a14 100644 --- a/components/02_Molecules/placeTeaser/_placeTeaser.scss +++ b/components/02_Molecules/placeTeaser/_placeTeaser.scss @@ -27,16 +27,21 @@ padding: 0; margin: 0; margin-top: 5px; - font-size: 0.9rem; + font-size: 1.3rem; } .LP-Headline{ font-family: $-primary-sans-serif-font; color: $-grey; - font-size: 1rem; + font-size: 2rem; padding: 0px; margin: 0px; } + + .LP-Icon { + height: 2em; + width: 2em; + } } .LP-PlaceTeaser__Description{ @@ -44,6 +49,9 @@ color: $-grey; order: 3; flex-basis: 100%; + .LP-Paragraph { + font-size: 22px; + } } } @@ -65,12 +73,17 @@ .LP-PlaceTeaser__Meta{ margin: 0; - padding: 5px; padding-left: 25px; display: flex; + flex-wrap: nowrap; flex-direction: column; justify-content: space-between; align-items: flex-start; + gap: unset; + + .LP-Headline, .LP-Paragraph { + font-size: unset; + } .LP-PlaceTeaser__Info{ .LP-Headline{ @@ -86,12 +99,22 @@ margin: 0; } } + + .LP-Icon { + height: 20px; + width: 20px; + } } .LP-PlaceTeaser__Description{ display: block; max-height: 55px; overflow: hidden; + order: unset; + + .LP-Paragraph { + font-size: unset; + } } .LP-PlaceTeaser__Image{ diff --git a/public/main.css b/public/main.css index dbdbcc8..ec53249 100644 --- a/public/main.css +++ b/public/main.css @@ -884,18 +884,23 @@ body { padding: 0; margin: 0; margin-top: 5px; - font-size: 0.9rem; } + font-size: 1.3rem; } .LP-PlaceTeaser .LP-PlaceTeaser__Meta .LP-Headline { font-family: "Montserrat", Helvetica, sans-serif; color: #565656; - font-size: 1rem; + font-size: 2rem; padding: 0px; margin: 0px; } + .LP-PlaceTeaser .LP-PlaceTeaser__Meta .LP-Icon { + height: 2em; + width: 2em; } .LP-PlaceTeaser .LP-PlaceTeaser__Description { font-family: "Montserrat", Helvetica, sans-serif; color: #565656; order: 3; flex-basis: 100%; } + .LP-PlaceTeaser .LP-PlaceTeaser__Description .LP-Paragraph { + font-size: 22px; } @media (min-width: 650px) { .LP-PlaceTeaser { @@ -911,12 +916,15 @@ body { height: 165px; } .LP-PlaceTeaser--extended .LP-PlaceTeaser__Meta { margin: 0; - padding: 5px; padding-left: 25px; display: flex; + flex-wrap: nowrap; flex-direction: column; justify-content: space-between; - align-items: flex-start; } + align-items: flex-start; + gap: unset; } + .LP-PlaceTeaser--extended .LP-PlaceTeaser__Meta .LP-Headline, .LP-PlaceTeaser--extended .LP-PlaceTeaser__Meta .LP-Paragraph { + font-size: unset; } .LP-PlaceTeaser--extended .LP-PlaceTeaser__Meta .LP-PlaceTeaser__Info .LP-Headline { font-size: 28px; } .LP-PlaceTeaser--extended .LP-PlaceTeaser__Meta .LP-PlaceTeaser__Icons { @@ -924,10 +932,16 @@ body { .LP-PlaceTeaser--extended .LP-PlaceTeaser__Meta .LP-PlaceTeaser__Icons ul { padding: 0; margin: 0; } + .LP-PlaceTeaser--extended .LP-PlaceTeaser__Meta .LP-Icon { + height: 20px; + width: 20px; } .LP-PlaceTeaser--extended .LP-PlaceTeaser__Description { display: block; max-height: 55px; - overflow: hidden; } + overflow: hidden; + order: unset; } + .LP-PlaceTeaser--extended .LP-PlaceTeaser__Description .LP-Paragraph { + font-size: unset; } .LP-PlaceTeaser--extended .LP-PlaceTeaser__Image { height: 165px; width: 280px;