@font-face { font-family: "fuente1"; src: url(../fonts/o-Light.otf); font-weight: normal; } .fuente1 { font-family: var(--fuente1); } @font-face { font-family: "fuente2"; src: url(../fonts/o-Regular.ttf); font-weight: normal; } .fuente2 { font-family: var(--fuente2); } f1 { font-size: var(--f1); } f2 { font-size: var(--f2); } f3 { font-size: var(--f3); } f4 { font-size: var(--f4); } f5 { font-size: var(--f5); } f6 { font-size: var(--f6); } f7 { font-size: var(--f7); } f8 { font-size: var(--f8); } .f3 { font-size: var(--f3); line-height: 1.22; } :root { --color1: #232323; --color2: #F54839; --color3: #eceeed; --color4: #b4d2c5; --color5: #ffffff; --color6: #000000; --color7: #000000; --color8: #000000; --color9: #000000; --color10: #000000; --fuente1: 'fuente1'; --fuente2: 'fuente2'; --fuente3: 'fuente3'; --fuente4: 'fuente4'; --fuente5: 'fuente5'; --fuente6: 'fuente6'; --f1: 13.3px; --f2: 18px; --f3: 34px; --f4: 42px; --f5: 120px; --f6: 19px; --f7: 16px; --f8: 16px; } html, body { background-color: #ffffff; background-color: var(--color3); -ms-word-break: break-all; word-break: break-all; word-break: break-word; /* Sólo WebKit -NO DOCUMENTADO */ -ms-hyphens: auto; /* Guiones para separar en sílabas */ -moz-hyphens: auto; /* depende de lang en */ -webkit-hyphens: auto; hyphens: auto; } .texto{ line-height: 27px; letter-spacing: .033rem; } .uppercase{ text-transform: uppercase; } sup{ font-size: 50%; vertical-align: super; font-weight: bold; } a, a:hover, editando:hover { color: var(--color1) !important; text-decoration: none; border-bottom: 1px solid var(--color1); color: inherit; } #datenschutz a { text-decoration: none; border-bottom: none !important; } #impressum a { text-decoration: none; border-bottom: none !important; } .cc-revoke, .cc-window { font-family: var(--fuente2); }