/* * Schriftarten */ @font-face { font-family: Orbitron-Medium; src: url(/ressourcen/fonts/Orbitron-Medium.otf); } /** * Schriftgrößen */ body{ font-size: 4vw; } @media (min-width: 640px){ body{ font-size: 2vw; } } @media (min-width: 1280px){ body{ font-size: 1.3vw; } } /* * Ein Reset für das BoxSizing * Wir wollen Maße auf die "äußere Boundingbox" beziehen */ html{ box-sizing: border-box; } *, ::before, ::after { box-sizing: inherit; } /* * Body */ body{ background: #FFAE00; font-family: arial, helvetica, sans-serif; } /* Container für eine einzelne News */ .newsBox{ border: solid 1px #000000; padding: 1vmin; margin: 1vmin; display: flex; flex-direction:column; } .newsBoxHeader{ background: #FF8100; display: flex; flex-direction: column; } .newsBoxFooter{ clear: both; background: #FF8100; } /* * Sidenotes und ihre Kinder */ .expCounter{ display: none; margin-top: 5%; margin-bottom: 5%; } /* * Wettkampfkalender */ /* .wkKalender th { background-color: #666; color: #fff; } .wkKalenderMonth { background-color: #666; color: #fff; } .wkKalender tr { background-color: #FFAE00; color: #000; } .wkKalender tr:nth-child(odd) { background-color: #FF8100 ; } */ /* * Allgemeine Formatierungen als class */ .larger{ font-size: larger; } .bold{ font-weight: bold; } .floatLeft{ float: left; } .fullWidth{ width:100%; } /* Bilder in voller Breite */ .bigPicture{ width: 100%; height: auto; } /* Orbitronschrift inkl. top-padding-Korrektur */ .orbitronMediumFont{ font-family: "Orbitron-Medium", Impact, Charcoal, sans-serif; padding-top: .2em;/* wg. Orbitron */ } /* touchable Links*/ .touchLink{ display: inline-block; padding: 0.25em 0 0.25em 0; margin: 0.25em 0 0.25em 0; background-color: #FF8100; border-radius: .5em; } .hyphenate{ hyphens: auto; } .pngAddress{ width: 17em; height: auto; vertical-align: middle; } .charImg{ height: 1em; display: inline; vertical-align: middle; } .noWrap{ white-space:nowrap; } .floatClearBoth{ clear: both; }