@font-face{
    font-family: 'Asap SemiBold';
    src: url('Asap-SemiBold.woff');
}
@font-face{
    font-family: 'Telex';
    src: url('Telex-Regular.woff');
}

@font-face{
    font-family: 'header';
    src: url('Blinker-SemiBold.woff');
}
@font-face{
    font-family: 'meaning';
    src: url('Blinker.woff');
}

@font-face{
    font-family: 'song-text';
    src: url('Asap-SemiBold.woff');
}
@font-face{
    font-family: 'titel-text';
    src: url('Telex-Regular.woff');
}



/* COVER PAGE  FONT STYLE*/
.thema p {
	font-family: 'header'!important;
}
.song-title p {
	font-family: 'titel-text'!important;
}

.singer p {
	font-family: 'titel-text'!important;
}

/* SONG FONT STYLE*/
.song {
	top:10!important;
	bottom:10!important;
	margin-top:auto!important;
	margin-bottom:auto!important;
}

.song p {
	font-family: 'song-text'!important;
	color:black;
	vertical-align:baseline!important;
}
.first-p {
	margin-top:0px!important;
}
.last-p {
	margin-bottom:0px!important;
}


/* SONG TEXT STYLE --base layout-- */
.page-1 p {
	line-height:1.25!important;
	font-size:18pt;
	margin:15px 0 15px!important;
}
.page-2 p {
	line-height:1.25!important;
	font-size:18pt;
	margin:15px 0 15px!important;
}

.page-3 p {
	line-height:1.25!important;
	letter-spacing:-0.25pt;
	font-size:18pt;
	margin:15px 0 15px!important;
}


/* SONG TEXT STYLE --400px layout-- */
.song400-1 p {
	line-height:1.1!important;
	font-size:16.5pt;
	margin:17px 0 17px!important;
}
.song400-2 p {
	line-height:1.1!important;
	font-size:16.5pt;
	margin:17px 0 17px!important;
}
.song400-3 p {
	line-height:1.1!important;
	font-size:16.5pt;
	margin:17px 0 17px!important;
}

/* SONG TEXT STYLE --667 layout-- */
.song667-1 p {
	line-height:1.05!important;
	font-size:17pt;
	margin:16.5px 0 16.5px!important;
}
.song667-2 p {
	line-height:1.05!important;
	font-size:17pt;
	margin:16.5px 0 16.5px!important;
}
.song667-3 p {
	line-height:1.05!important;
	font-size:17pt;
	margin:16.5px 0 16.5px!important;
}

/* SONG TEXT STYLE --900px layout-- */
.song900 p {
	line-height:1.25!important;
	font-size:18pt;
	margin:22px 0 22px!important;
}


/* DEFINITIONS STYLE*/
/*.def-cards {
	border: solid 3px grey!important;
	border-radius: 35px 0px 35px 0px!important;
}*/
.word {
	font-family: 'header';
	display:inline;
	position:relative;
	color:black;
	background-color: #ffff00;
	text-align: center;
	margin:0;
	padding: 0px 6px;
	border-radius:4px;
}
.word-definition {
	font-family: 'meaning';
	display:inline-block;
	color:black;
	font-style: italic;
	text-align:justify;
	
}
.word-comment {
	font-family: 'meaning';
	font-style: normal!important;
	display:inline-block;
	color:black;
}

/* DEFINITIONS CARDS STYLE --different layouts-- */
.def-cards-base .word { /*BASE*/
	font-size:26pt!important;
	top:-35px;
	line-height:1.1;
}
.def-cards-base .word-definition {
	font-size:19pt!important;
	padding: 0px 0px 5px!important;
}
.def-cards-base .word-comment {
	font-size:14pt!important;
}

.def-cards-400 .word { /* --400-- */
	font-size:20pt!important;
	line-height:1.1;
	top:-25px;
}
.def-cards-400 .word-definition {
	font-size:16.5pt!important;
	padding: 0px 0px 5px!important;
}
.def-cards-400 .word-comment {
	font-size:13pt!important;
}

.def-cards-667 .word { /* --667-- */
	font-size:21pt!important;
	line-height:1.1;
	top:-25px;
}
.def-cards-667 .word-definition {
	font-size:16.5pt!important;
	padding: 0px 0px 5px!important;
}
.def-cards-667 .word-comment {
	font-size:14pt!important;
}

.def-cards-900 .word { /* --900-- */
	font-size:23.5pt!important;
	line-height:1.1;
	top:-30px;
}
.def-cards-900 .word-definition {
	font-size:18pt!important;
	padding: 0px 0px 5px!important;
}
.def-cards-900 .word-comment {
	font-size:14pt!important;
}



.text p {
font-family: 'header'!important;
}

/* COLOURFUL MARKERS along the text */

.anchor {
	display:inline-block!important;
	border-radius:4px;
	padding:0px 2px;
}
.anchor:hover {
	display:inline;
	font-weight:bolder!important;
	line-height:0.85!important;
	padding: 0px 2px;
	letter-spacing: -0.6px!important;
	cursor:pointer!important;
	transform:scale(1.05)!important;
	-webkit-transform:scale(1.05)!important;
	-ms-transform:scale(1.05)!important;
	-o-transform:scale(1.05)!important;
	transition: ease-in 0.2s;
}

.aliceblue {
	background-color:aliceblue!important;
}
.aliceblue:hover {
	background-color:white!important;
	border:solid medium aliceblue!important;
}
.aqua {
	background-color:aqua!important;
}
.aqua:hover {
	background-color:white!important;
	border:solid medium aqua!important;
}
.aquamarine {
	background-color:aquamarine!important;
}
.aquamarine:hover {
	background-color:white!important;
	border:solid medium aquamarine!important;
}
.black {
	background-color:black!important;
	color:white!important;
}
.black:hover {
	background-color:white!important;
	color:black!important;
	border:solid medium black!important;
}
.blueviolet {
	background-color:blueviolet!important;
	color:white!important;
}
.blueviolet:hover {
	background-color:white!important;
	color:black!important;
	border:solid medium blueviolet!important;
}
.burlywood {
	background-color:burlywood!important;
}
.burlywood:hover {
	background-color:white!important;
	border:solid medium burlywood!important;
}
.chocolate {
	background-color:chocolate!important;
}
.chocolate:hover {
	background-color:white!important;
	border:solid medium chocolate!important;
}
.cornflowerblue {
	background-color:cornflowerblue!important;
}
.cornflowerblue:hover {
	background-color:white!important;
	border:solid medium cornflowerblue!important;
}
.crimson {
	background-color:crimson!important;
	color:white!important;
}
.crimson:hover {
	background-color:white!important;
	color:black!important;
	border:solid medium crimson!important;
}
.dimgray {
	background-color:dimgray!important;
	color:white!important;
}
.dimgray:hover {
	background-color:white!important;
	color:black!important;
	border:solid medium dimgray!important;
}
.darkgray {
	background-color:darkgray!important;
	color:white!important;
}
.darkgray:hover {
	background-color:white!important;
	color:black!important;
	border:solid medium darkgray!important;
}
.deeppink {
	background-color:deeppink!important;
}
.deeppink:hover {
	background-color:white!important;
	border:solid medium deeppink!important;
}
.dodgerblue {
	background-color:dodgerblue!important;
}
.dodgerblue:hover {
	background-color:white!important;
	border:solid medium dodgerblue!important;
}
.fuchsia {
	background-color:fuchsia!important;
	color:white!important;
}
.fuchsia:hover {
	background-color:white!important;
	color:black!important;
	border:solid medium fuchsia!important;
}
.gold {
	background-color:gold!important;
}
.gold:hover {
	background-color:white!important;
	border:solid medium gold!important;
}
.green {
	background-color:green!important;
	color:white!important;
}
.green:hover {
	background-color:white!important;
	color:black!important;
	border:solid medium green!important;
}
.hotpink {
	background-color:hotpink!important;
}
.hotpink:hover {
	background-color:white!important;
	border:solid medium hotpink!important;
}
.indigo {
	background-color:indigo!important;
	color:white!important;
}
.indigo:hover {
	background-color:white!important;
	color:black!important;
	border:solid medium indigo!important;
}
.khaki {
	background-color:khaki!important;
}
.khaki:hover {
	background-color:white!important;
	border:solid medium khaki!important;
}
.lightblue {
	background-color:lightblue!important;
}
.lightblue:hover {
	background-color:white!important;
	border:solid medium lightblue!important;
}
.lightcoral {
	background-color:lightcoral!important;
}
.lightcoral:hover {
	background-color:white!important;
	border:solid medium lightcoral!important;
}
.lightsalmon {
	background-color:lightsalmon!important;
}
.lightsalmon:hover {
	background-color:white!important;
	border:solid medium lightsalmon!important;
}
.lime {
	background-color:lime!important;
}
.lime:hover {
	background-color:white!important;
	border:solid medium lime!important;
}
.navajowhite {
	background-color:navajowhite!important;
}
.navajowhite:hover {
	background-color:white!important;
	border:solid medium navajowhite!important;
}
.navy {
	background-color:navy!important;
	color:white!important;
}
.navy:hover {
	background-color:white!important;
	color:black!important;
	border:solid medium navy!important;
}
.olive {
	background-color:olive!important;
	color: white!important;
}
.olive:hover {
	background-color:white!important;
	color: black!important;
	border:solid medium olive!important;
}
.orange {
	background-color:orange!important;
}
.orange:hover {
	background-color:white!important;
	border:solid medium orange!important;
}
.orangered {
	background-color:orangered!important;
}
.orangered:hover {
	background-color:white!important;
	border:solid medium orangered!important;
}
.pink {
	background-color:pink!important;
}
.pink:hover {
	background-color:white!important;
	border:solid medium pink!important;
}
.plum {
	background-color:plum!important;
}
.plum:hover {
	background-color:white!important;
	border:solid medium plum!important;
}
.purple {
	background-color:purple!important;
	color:white!important;
}
.purple:hover {
	background-color:white!important;
	color:black!important;
	border:solid medium purple!important;
}
.rebeccapurple {
	background-color:rebeccapurple;
	color: white!important;
}
.rebeccapurple:hover {
	background-color:white!important;
	color: black!important;
	border:solid medium rebeccapurple!important;
}
.red {
	background-color:red!important;
	color:white!important;
}
.red:hover {
	background-color:white!important;
	color:black!important;
	border:solid medium red!important;
}
.saddlebrown {
	background-color:saddlebrown!important;
}
.saddlebrown:hover {
	background-color:white!important;
	border:solid medium saddlebrown!important;
}
.sienna {
	color:white!important;
	background-color:sienna!important;
}
.sienna:hover {
	background-color:white!important;
	color:black!important;
	border:solid medium sienna!important;
}
.silver {
	background-color:silver!important;
}
.silver:hover {
	background-color:white!important;
	border:solid medium silver!important;
}
.skyblue {
	background-color:skyblue!important;
}
.skyblue:hover {
	background-color:white!important;
	border:solid medium skyblue!important;
}
.springgreen {
	background-color:springgreen;
}
.springgreen:hover {
	background-color:white!important;
	border:solid medium springgreen!important;
}
.tan {
	background-color:tan!important;
}
.tan:hover {
	background-color:white!important;
	border:solid medium tan!important;
}
.teal {
	background-color:teal!important;
	color:white!important;
}
.teal:hover {
	background-color:white!important;
	color:black!important;
	border:solid medium teal!important;
}
.tomato {
	background-color:tomato!important;
}
.tomato:hover {
	background-color:white!important;
	border:solid medium tomato!important;
}
.turquoise {
	background-color:turquoise!important;
}
.turquoise:hover {
	background-color:white!important;
	border:solid medium turquoise!important;
}
.yellow {
	background-color:yellow!important;
}
.yellow:hover {
	background-color:white!important;
	border:solid medium yellow!important;
}
.yellowgreen {
	background-color:yellowgreen!important;
}
.yellowgreen:hover {
	background-color:white!important;
	border:solid medium yellowgreen!important;
}