/* Åbergs Skogskonsult - Minimal Stylesheet * Optimerad för prestanda - endast nödvändig CSS * * FÄRGSCHEMAN: * 1. Standard (vit) - ingen extra klass * 2. Grön - lägg till class="green-theme" på * 3. Blå - lägg till class="blue-theme" på */ /* === CSS VARIABLER FÖR FÄRGSCHEMAN === */ :root { /* Standard (gräddvit/beige) */ --bg-color: rgba(248, 246, 242, 1); /* Varm gräddvit/beige */ --text-color: rgba(60, 55, 50, 1); /* Mörkare varm text */ --text-light: rgba(65, 60, 55, 1); } /* Grön tema - Matt olivgrön/sage green */ body.green-theme { --bg-color: rgba(230, 235, 225, 1); /* Ljusare naturlig grön-beige */ --text-color: rgba(40, 50, 35, 1); /* Mörkare grön text */ --text-light: rgba(45, 55, 40, 1); } /* Blå tema - Matt slate blue/powder blue */ body.blue-theme { --bg-color: rgba(235, 240, 242, 1); /* Ljusare kall blå-beige */ --text-color: rgba(35, 45, 55, 1); /* Mörkare blå text */ --text-light: rgba(40, 50, 60, 1); } /* === RESET & BASE === */ * { margin: 0; padding: 0; box-sizing: border-box; } html { word-wrap: break-word; box-sizing: border-box; } body { font-family: "Roboto", "Open Sans", "Helvetica Neue", Helvetica, sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: var(--text-light); background-color: var(--bg-color); } img { border: 0; max-width: 100%; height: auto; } a { text-decoration: none; color: inherit; } ul { list-style: none; } /* === LAYOUT === */ .bodyBackground { background-color: var(--bg-color); } .Preview_body__2wDzb { overflow-y: scroll; overflow-x: hidden; min-height: 100vh; } .Preview_row__3Fkye { display: block; } .Preview_noSideMargin__2I-_n { width: 100%; } .Preview_column__1KeVx { width: 940px; margin: 0 auto; } .Preview_componentWrapper__2i4QI { display: block; } .Preview_block__16Zmu { display: block; } .col { display: block; } .row { display: block; } .template { visibility: visible; } /* === BACKGROUND COMPONENTS === */ .Background_backgroundComponent__3_1Ea, .StripPreview_backgroundComponent__3YmQM { background-color: var(--bg-color); } .hasChildren { display: block; } /* === MOBILE HEADER === */ /* Hamburgermeny borttagen - bara en sida */ .mm-mobile-preview, .MobileHeader_container__1XW3y, .MobileHeader_dummyMenuIconContainer__3mfi4, .MobileHeaderMenu_mobileMenu__21p7v, .MobileHeaderMenu_mobileMenu_overlay__3WPnz, .MobileHeader_menuIconContainer__lc-Zq { display: none !important; } /* === IMAGES === */ .Mobile_imageComponent__QXWk1 { display: block; overflow: hidden; } /* === TYPOGRAPHY === */ .textnormal { font-family: "Roboto", "Open Sans", "Helvetica Neue", Helvetica, sans-serif; font-style: normal; font-size: 17px; font-weight: normal; color: var(--text-light); line-height: 1.2; } .textheading2 { font-family: "Roboto", "Open Sans", "Helvetica Neue", Helvetica, sans-serif; font-style: normal; font-size: 40px; font-weight: bold; color: var(--text-color); line-height: 1.2; } .textheading3 { font-family: Georgia, serif; font-style: normal; font-size: 24px; font-weight: normal; color: var(--text-color); line-height: 1.2; } .mobile-oversized { /* Allows for larger text on specific elements */ } /* === THEME COLORS === */ .themeTextClass { color: var(--text-color); } /* === CONTENT CONTAINERS === */ .styles_contentContainer__lrPIa { padding: 20px 0; } /* === SVG ICONS === */ .svgContainer { display: flex; justify-content: center; align-items: center; } .svgContainer svg { fill: currentColor; } /* === EMAIL & TELEFON - ALLTID CENTRERAD === */ div[data-kind="EMAIL"], div[data-kind="PHONE"] { display: flex !important; justify-content: center !important; width: 100% !important; } div[data-kind="EMAIL"] > div, div[data-kind="PHONE"] > div { width: auto !important; } div[data-kind="EMAIL"] .textnormal, div[data-kind="PHONE"] .textnormal { justify-content: center !important; } /* === RESPONSIVE === */ @media (max-width: 940px) { .Preview_column__1KeVx { width: 100% !important; max-width: 100% !important; padding: 0 20px; } .Preview_row__3Fkye { width: 100% !important; } .Preview_componentWrapper__2i4QI { width: auto !important; max-width: 100% !important; margin-left: auto !important; margin-right: auto !important; } .textheading2 { font-size: 32px !important; } .textheading3 { font-size: 24px !important; } /* Centrera logotyp på mindre skärmar */ .Mobile_imageComponent__QXWk1 { width: 100% !important; text-align: center; } .Mobile_imageComponent__QXWk1 a { margin: 0 auto !important; } /* Centrera email och telefon */ div[data-kind="EMAIL"], div[data-kind="PHONE"] { margin-left: auto !important; margin-right: auto !important; } } @media (max-width: 650px) { body { min-width: initial; } .textheading2 { font-size: 28px !important; } .textheading3 { font-size: 20px !important; } .textnormal { font-size: 15px !important; } /* Extra mobilanpassning */ .Preview_column__1KeVx { padding: 0 15px; } .styles_contentContainer__lrPIa { padding: 15px 0; } /* Email och telefon - CENTRERA */ .Preview_componentWrapper__2i4QI { display: flex !important; justify-content: center !important; align-items: center !important; margin: 0 auto !important; } .svgContainer { width: 28px !important; height: 28px !important; font-size: 28px !important; } .svgContainer svg { width: 28px !important; } a.textnormal { font-size: 16px !important; } /* Centrera email/telefon innehåll */ div[data-kind="EMAIL"], div[data-kind="PHONE"] { width: 100% !important; max-width: 100% !important; } div[data-kind="EMAIL"] .textnormal, div[data-kind="PHONE"] .textnormal { justify-content: center !important; } } @media (max-width: 480px) { .textheading2 { font-size: 24px !important; } .textheading3 { font-size: 18px !important; } .textnormal { font-size: 14px !important; } a.textnormal { font-size: 14px !important; word-break: break-word; } } /* === UTILITY === */ .off { /* Utility class for toggling */ }