//body {
//        font-family: 'Helvetia', sans-serif;
//        font-weight: 300;
//        color: #484848;
//        color:#fff;
        //background-color: #ffffff;
//        background-color: #101010;
//        background-color: #101010;
//}


.logo {
        width: 256px;
}

.logo_mobile {
        width: 512px;
}

a:link { 
  text-decoration: none; 
} 
a:visited { 
  text-decoration: none; 
} 
a:hover { 
  text-decoration: none; 
} 
a:active { 
  text-decoration: none; 
}

.mt-5 {
	//-ms-flex:0 0 33.333333%;
	//-ms-flex:0 0 16.777777%;
	//flex:0 0 16.777777%;
	//max-width:16.777777%
	//max-width:33.333333%
	//width:90%;
	margin-top:3rem!important;
	margin-right:3rem!important;
	margin-bottom:3rem!important;
	//margin-left:15rem!important;
	margin-left:15%!important;
}

.card {
	position: absolute;
        background-color:rgba(255,255,255,0.4);
        //margin: auto;
        margin-left: auto;
        margin-right: auto;
        top: 130px;
	left: 0px;
	right: 0px;
	padding: 10px;
	margin-bottom: 5px;
	padding-bottom: 0px;
	width: 1150px;
        //color:#fff999;
}

.card_mobile {
	position: absolute;
        background-color:rgba(255,255,255,0.4);
        margin-left: auto;
        margin-right: auto;
        top: 150px;
	left: 0px;
	right: 0px;
        padding: 10px;
        margin-bottom: 0px;
        margin-top: 0px;
	padding-bottom: 0px;
	width: 100%;
}

.card-mastodon_mobile {
        position: absolute;
        background-color:rgba(255,255,255,0.4);
        //margin-left: auto;
        //margin-right: auto;
        top: 150px;
        left: 0px;
        right: 0px;
        padding: 10px;
        margin-bottom: 0px;
        margin-top: 0px;
        margin-left: 0;
        padding-bottom: 0px;
        //width: 95%;
        width: 100%;
}

.card-spieltag {
        position: absolute;
	left: 20px;
        margin-bottom: .75rem;
        font-weight: 700;
        font-size: 1.25rem;
        //color:rgba(0,0,0,0.7);
        color:#c0c0c0;
}

.card-spieltag_mobile {
	position: absolute;
        left: 50px;
        margin-bottom: .75rem;
        font-weight: 700;
        font-size: 3.25rem;
        //color:rgba(0,0,0,0.7);
        color:#c0c0c0;
}

.card-spieltag_klein_mobile {
        position: absolute;
        left: 50px;
        margin-top: 4.50rem;
        font-weight: 700;
        font-size: 1.25rem;
        //color:rgba(0,0,0,0.7);
        color:#c0c0c0;
}

.card-titles {
	//position: absolute;
        margin-bottom: .75rem;
        font-weight: 700;
        font-size: 1.25rem;
        //color:rgba(0,0,0,0.7);
        color:#fff999;
}

.card-titles_mobile {
        //position: absolute;
        margin-bottom: .75rem;
        font-weight: 700;
        font-size: 2.25rem;
        color:rgba(0,0,0,0.7);
        //color:#fff999;
}

.card-text {
	//position: absolute;
        color:rgba(0,0,0,0.9);
        //color:#fff999;
        font-weight: 400;
        font-size: 1.5rem;
}

.card-text_mobile {
        //position: absolute;
        color:rgba(0,0,0,0.9);
        //color:#fff999;
        font-weight: 400;
        font-size: 1.5rem;
}

.card-pics {
	position: absolute;
        color:rgba(0,0,0,0.9);
        font-weight: 1400;
	display: block;
  	max-width:100px;
  	max-height:100px;
  	width: auto;
  	height: auto;
	//right: -1010px;
	left: 750px;
	opacity: 0.2;
	//filter: blur(1.0px);
}

.card-pics_mobile {
        position: absolute;
        color:rgba(0,0,0,0.9);
        font-weight: 1400;
        display: block;
        max-width:100px;
        max-height:100px;
        width: auto;
        height: auto;
        //right: -1010px;
        left: 625px;
        opacity: 0.5;
        //filter: blur(1.0px);
}

.card-results {
        position: absolute;
        color:rgba(0,0,0,0.9);
        font-weight: 800;
        font-size: 2.0rem;
	left: 880px;
        top: 40px;
	opacity: 0.6;
}

.card-results_mobile {
        position: absolute;
        color:rgba(0,0,0,0.9);
        font-weight: 800;
        font-size: 2.0rem;
        left: 750px;
        top: 40px;
        opacity: 0.6;
}

.form-group {
	//position: absolute;
        color: #999;
        font-weight: 500;
        //border-color: #999;
        //margin: 1%;
        margin-left: 15%;
        margin-right: 15%;
	//text-align: center;
}

.form-group_mobile {
        //position: absolute;
        color: #999;
        font-weight: 500;
        //border-color: #999;
        //margin: 1%;
        margin-left: 15%;
        margin-right: 15%;
        //text-align: center;
	//opacity: 0.1;
}

.form-group_maAAAAAAstodon {
        //position: absolute;
        color: #999;
        font-weight: 500;
        //border-color: #999;
        //margin: 1%;
        margin-left: 15%;
        margin-right: 15%;
        //text-align: center;
}

.card-mastodon-date {
        //position: absolute;
        margin-bottom: .75rem;
        font-weight: 100;
        font-size: 1.25rem;
        //color:rgba(0,0,0,0.7);
        //color:#fff999;
        color:#c0c0c0;
}

.card-mastodon-date_mobile {
        //position: absolute;
        margin-bottom: .75rem;
        font-weight: 100;
        font-size: 2.25rem;
        //color:rgba(0,0,0,0.7);
        //color:#fff999;
        color:#c0c0c0;
}

.card-mastodon-title {
        position: absolute;
        //margin-bottom: .75rem;
	top: 10px;
	left: 120px;
        font-weight: 900;
        font-size: 1.25rem;
        color:rgba(0,0,0,0.7);
        //color:#fff999;
}

.card-mastodon-title_mobile {
        position: absolute;
        //margin-bottom: .75rem;
        top: 7px;
        left: 220px;
        font-weight: 900;
        font-size: 2.5rem;
        color:rgba(0,0,0,0.7);
        //color:#fff999;
	margin-right:50px;
}

.card-mastodon-content {
        //position: absolute;
	padding-top: 35px;
        margin-top: .75rem;
        margin-bottom: .75rem;
        font-weight: 100;
        font-size: 1.15rem;
        //color:rgba(0,0,0,0.7);
        //color:#fff999;
        color:#c0c0c0;
}

.card-mastodon-content_mobile {
        //position: absolute;
        padding-top: 35px;
        margin-top: .75rem;
        margin-bottom: .75rem;
        font-weight: 100;
        font-size: 2.15rem;
        //color:rgba(0,0,0,0.7);
        //color:#fff999;
        color:#c0c0c0;
}

.card-mastodon-link {
        //position: absolute;
        margin-bottom: .75rem;
	bottom: 0px;
        font-weight: 100;
        font-size: 1.00rem;
        //color:rgba(0,0,0,0.7);
        //color:#fff999;
        color:#c0c0c0;
	text-decoration: none;
}

.card-mastodon-link_mobile {
        //position: absolute;
        margin-bottom: .75rem;
        bottom: 0px;
        font-weight: 100;
        font-size: 2.00rem;
        //color:rgba(0,0,0,0.7);
        //color:#fff999;
        color:#c0c0c0;
        text-decoration: none;
}

.text_schnee {
        text-decoration:none;
        font-weight:bold;
        font-size:18px;
        position: absolute;
        text-align: center;
        left: 0;
        right: 0;
        top: 350px;
//        color:#f0f0f0;
}

.text_schnee_mobile {
        text-decoration:none;
        font-weight:bold;
        font-size:36px;
        position: absolute;
        text-align: center;
        left: 0;
        right: 0;
        top: 600px;
//        color:#f0f0f0;
}

.text_login {
        position: absolute;
        text-align: center;
        top: 390px;
        left: 0;
        right: 0;
        //bottom: 0;
        text-decoration:none;
        font-weight:bold;
        font-size:16px;
//        color:#606060;
}

.text_login_mobile {
        position: absolute;
        text-align: center;
        top: 680px;
        left: 0;
        right: 0;
        //bottom: 0;
        text-decoration:none;
        font-weight:bold;
        font-size:32px;
//        color:#606060;
}

.link-tabelle {
        position: absolute;
        top: 30px;
        right: 100px;
        text-decoration:none;
        font-weight:bold;
        font-size:32px;
        width:100px;
        opacity: 0.5;
}

.link-tabelle_mobile {
        position: absolute;
        top: 25px;
        right: 20px;
        text-decoration:none;
        font-weight:bold;
        font-size:32px;
        width:150px;
        opacity: 0.5;
}

.text_spieltag {
        color:#ff11cc;
        position: absolute;
        text-align: center;
        top: 455px;
        left: 0;
        right: 0;
        text-decoration:none;
        font-weight:bold;
        font-size:12px;
        color:#b0b0b0;
        //color:#ffffff;
}

.text_spieltag_mobile {
        color:#ff11cc;
        position: absolute;
        text-align: center;
        top: 820px;
        left: 0;
        right: 0;
        text-decoration:none;
        font-weight:bold;
        font-size:28px;
        color:#b0b0b0;
}

.text_teams {
        color:#ff11cc;
        position: absolute;
        text-align: center;
        top: 480px;
        left: 0;
        right: 0;
        text-decoration:none;
        font-weight:bold;
        font-size:14px;
        color:#d0d0d0;
}

.text_teams_mobile {
        position: absolute;
        text-align: center;
        top: 870px;
        left: 0;
        right: 0;
        //bottom: 0;
        text-decoration:none;
        font-weight:bold;
        font-size:32px;
        color:#d0d0d0;
}

.text_tore {
        position: absolute;
        text-align: center;
        top: 505px;
        left: 0;
        right: 0;
        //bottom: 0;
        text-decoration:none;
        font-weight:bold;
        font-size:20px;
        color:#c0c0c0;
}

.text_tore_mobile {
        position: absolute;
        text-align: center;
        top: 930px;
        left: 0;
        right: 0;
        //bottom: 0;
        text-decoration:none;
        font-weight:bold;
        font-size:48px;
        color:#c0c0c0;
}

.text_next_game {
        position: absolute;
        text-align: center;
        top: 705px;
        left: 0;
        right: 0;
        //bottom: 0;
        text-decoration:none;
        font-weight:bold;
        font-size:18px;
        color:#c0c0c0;
}

.text_next_game_mobile {
        position: absolute;
        text-align: center;
        top: 1400px;
        left: 0;
        right: 0;
        //bottom: 0;
        text-decoration:none;
        font-weight:bold;
        font-size:36px;
        color:#c0c0c0;
}

.text_next_teams {
        position: absolute;
        text-align: center;
        top: 735px;
        left: 0;
        right: 0;
        //bottom: 0;
        text-decoration:none;
        font-weight:bold;
        font-size:16px;
        color:#a0a0a0;
}

.text_next_teams_mobile {
        position: absolute;
        text-align: center;
        top: 1450px;
        left: 0;
        right: 0;
        //bottom: 0;
        text-decoration:none;
        font-weight:bold;
        font-size:32px;
        color:#a0a0a0;
}

.text_tabelle_kurz {
        position: absolute;
        text-align: center;
        top: 600px;
        left: 0;
        right: 0;
        //bottom: 0;
        text-decoration:none;
        font-weight:bold;
        font-size:16px;
        color:#a0a0a0;
}

.text_tabelle_kurz_mobile {
        position: absolute;
        text-align: center;
        top: 1000px;
        left: 0;
        right: 0;
        //bottom: 0;
        text-decoration:none;
        font-weight:bold;
        font-size:28px;
        color:#a0a0a0;
}

.text_alle_spiele {
        position: relative;
        //text-align: center;
        top: 200px;
        left: 700px;
        right: 0px;
        //bottom: 0;
        text-decoration:none;
        font-weight:bold;
        font-size:16px;
        color:#a0a0a0;
}

.text_alle_spiele_mobile {
        position: relative;
        //text-align: center;
        top: 200px;
        left: 200px;
        right: 0px;
        //bottom: 0;
        text-decoration:none;
        font-weight:bold;
        font-size:36px;
        color:#a0a0a0;
}

.text_quelle {
        position: absolute;
        //position: relative;
        text-align: center;
        right: 5px;
        bottom: 5px;
	margin-bottom: 0px;
        text-decoration:none;
        font-weight:bold;
        font-size:10px;
        color:#d0d0d0;
}

.text_quelle_mobile {
        position: absolute;
        text-align: center;
        right: 10px;
        bottom: 10px;
        text-decoration:none;
        font-weight:bold;
        font-size:24px;
        color:#d0d0d0;
}

.text_any {
        position: relative;
        text-align: center;
        right: 10px;
        bottom: 10px;
        text-decoration:none;
        font-weight:bold;
        font-size:24px;
        color:#d0d0d0;
}

.tabelle-card {
        position: absolute;
        background-color:rgba(255,255,255,0.4);
        //background-color:#ffcc00;
        //margin: auto;
        margin-left: auto;
        margin-right: auto;
        top: 130px;
        left: 0px;
        right: 0px;
        padding: 1px;
        margin-bottom: 5px;
        padding-bottom: 0px;
        width: 1150px;
        //color:#fff999;
        //height: 60px;
        height: 2px;
}

.tabelle-card_mobile {
        position: absolute;
        background-color:rgba(255,255,255,0.4);
        margin-left: auto;
        margin-right: auto;
        top: 150px;
        left: 0px;
        right: 0px;
        padding: 1px;
        margin-bottom: 0px;
        margin-top: 0px;
        padding-bottom: 0px;
        width: 100%;
        height: 2px;
}

.tabelle-head {
        position: absolute;
        background-color:rgba(255,255,255,0.4);
        //background-color:#ffcc00;
        //margin: auto;
        margin-left: auto;
        margin-right: auto;
        top: 130px;
        left: 0px;
        right: 0px;
        padding: 1px;
        margin-bottom: 1px;
        padding-bottom: 0px;
        width: 1150px;
        //color:#fff999;
        height: 1px;
        //height: 1px;
}

.tabelle-head_mobile {
        position: absolute;
        background-color:rgba(255,255,255,0.4);
        margin-left: auto;
        margin-right: auto;
        top: 150px;
        left: 0px;
        right: 0px;
        padding: 1px;
        margin-bottom: 0px;
        margin-top: 0px;
        padding-bottom: 0px;
        width: 100%;
        height: 1px;
}

.tabelle-platz {
        position: absolute;
        top:20px;
        left: 50px;
        margin-bottom: .75rem;
        font-weight: 700;
        font-size: 1.75rem;
        //color:rgba(0,0,0,0.7);
        color:#c0c0c0;
}

.tabelle-platz_mobile {
        position: absolute;
        top:25px;
        left: 20px;
        margin-bottom: .75rem;
        font-weight: 700;
        font-size: 3.25rem;
        //color:rgba(0,0,0,0.7);
        color:#c0c0c0;
}

.tabelle-pics {
        position: absolute;
        color:rgba(0,0,0,0.9);
        font-weight: 1400;
        display: block;
        max-width:50px;
        max-height:50px;
        width: auto;
        height: auto;
        //right: -1010px;
        left: 100px;
        opacity: 0.4;
        //filter: blur(1.0px);
}

.tabelle-pics_mobile {
        position: absolute;
        color:rgba(0,0,0,0.9);
        font-weight: 1400;
        display: block;
        max-width:100px;
        max-height:100px;
        width: auto;
        height: auto;
        //right: -1010px;
        left: 90px;
        opacity: 0.5;
        //filter: blur(1.0px);
}

.tabelle-team {
        position: absolute;
        top:25px;
        left:175px;
        margin-bottom: .75rem;
        font-weight: 700;
        font-size: 1.5rem;
        //color:rgba(0,0,0,0.7);
        color:#c0c0c0;
}

.tabelle-team_mobile {
        position: absolute;
        top:45px;
        left:220px;
        margin-bottom: .75rem;
        font-weight: 700;
        font-size: 1.5rem;
        color:#c0c0c0;
}

.tabelle-matches {
        position: absolute;
        top:25px;
        left:500px;
        margin-bottom: .75rem;
        font-weight: 700;
        font-size: 1.25rem;
        //color:rgba(0,0,0,0.7);
        color:#a0a0a0;
        opacity: 0.7;
}

.tabelle-matches_mobile {
        position: absolute;
        margin-bottom: .75rem;
        font-weight: 700;
        font-size: 2.25rem;
        top:35px;
        left:520px;
        color:#a0a0a0;
        opacity: 0.7;
}

.tabelle-won {
        position: absolute;
        top:25px;
        left:550px;
        margin-bottom: .75rem;
        font-weight: 700;
        font-size: 1.25rem;
        //color:rgba(0,0,0,0.7);
        color:#a0a0a0;
        opacity: 0.7;
}

.tabelle-won_mobile {
        position: absolute;
        margin-bottom: .75rem;
        font-weight: 700;
        font-size: 2.25rem;
        top:35px;
        left:570px;
        color:#a0a0a0;
        opacity: 0.7;
}

.tabelle-draw {
        position: absolute;
        top:25px;
        left:600px;
        margin-bottom: .75rem;
        font-weight: 700;
        font-size: 1.25rem;
        //color:rgba(0,0,0,0.7);
        color:#a0a0a0;
        opacity: 0.7;
}

.tabelle-draw_mobile {
        position: absolute;
        margin-bottom: .75rem;
        font-weight: 700;
        font-size: 2.25rem;
        top:35px;
        left:620px;
        color:#a0a0a0;
        opacity: 0.7;
}

.tabelle-lost {
        position: absolute;
        top:25px;
        left:650px;
        margin-bottom: .75rem;
        font-weight: 700;
        font-size: 1.25rem;
        //color:rgba(0,0,0,0.7);
        color:#a0a0a0;
        opacity: 0.7;
}

.tabelle-lost_mobile {
        position: absolute;
        margin-bottom: .75rem;
        font-weight: 700;
        font-size: 2.25rem;
        top:35px;
        left:670px;
        color:#a0a0a0;
        opacity: 0.7;
}

.tabelle-tore {
        position: absolute;
        top:25px;
        left:800px;
        margin-bottom: .75rem;
        font-weight: 700;
        font-size: 1.25rem;
        //color:rgba(0,0,0,0.7);
        color:#e0e0e0;
}

.tabelle-tore_mobile {
        position: absolute;
        margin-bottom: .75rem;
        font-weight: 700;
        font-size: 2.25rem;
        top:35px;
        left:730px;
        color:#e0e0e0;
}

.tabelle-diff {
        position: absolute;
        top:25px;
        left:900px;
        margin-bottom: .75rem;
        font-weight: 700;
        font-size: 1.25rem;
        //color:rgba(0,0,0,0.7);
        color:#a0a0a0;
        opacity: 0.7;
}

.tabelle-diff_mobile {
        position: absolute;
        margin-bottom: .75rem;
        font-weight: 700;
        font-size: 2.25rem;
        top:35px;
        color:#a0a0a0;
        left:840px;
        opacity: 0.7;
}

.tabelle-punkte {
        position: absolute;
        top:25px;
        //left:1000px;
        right:60px;
        margin-bottom: .75rem;
        font-weight: 700;
        font-size: 1.5rem;
        //color:rgba(0,0,0,0.7);
        color:#e0e0e0;
}

.tabelle-punkte_mobile {
        position: absolute;
        top:35px;
        right:40px;
        margin-bottom: .75rem;
        font-weight: 700;
        font-size: 2.25rem;
        color:rgba(0,0,0,0.7);
        //color:#fff999;
}

h2 {
        text-decoration:none;
        font-weight:bold;
        font-size:100%;
        color:#909090;
}


h1 {
        font-family: 'Helvetia', sans-serif;
        font-weight: 700;
        color: #999;
}

h4, h5 {
        font-family: 'Helvetia', sans-serif;
        font-weight: 400;
        color: #ccc;
}
h3 {
        font-family: 'Helvetia', sans-serif;
        font-weight: 700;
        color: #888;
        font-size: 1.50rem;
}

.card-titles {
        margin-bottom: .75rem;
        font-weight: 700;
        font-size: 1.25rem;
        color:rgba(0,0,0,0.7);
}

.card-text {
        color:rgba(0,0,0,0.9);
        font-weight: 400;
}

.impress {
        font-weight: 700;
        font-size: 0.75rem;
        float:right;
        background-color:rgba(0,0,0,0.2);
}

.text-info {
        font-weight: 700;
        font-size: 0.75rem;
        float:right;
        background-color:rgba(0,0,0,0.2);
}
.text-success {
        font-weight: 700;
        font-size: 0.85rem;
        float:right;
        background-color:rgba(0,0,0,0.2);
}