cwsvJudo/homepage/redesign2018/css/cwsvJudo-2018.css

/*
 * 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%;
}

.valignMiddle{
	vertical-align:middle;
}

/* 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;
}