@media (max-width: 700px) {.afvd-bigweb {display:none !important;background-color: orange;}}
@media (max-width: 440px) {.afvd-web {display:none !important;background-color: red;}}
@media (min-width: 440px) {.afvd-mobil {display:none !important;background-color:green;}} .has-weiss-background-color {background-color: #FFFFFF;} .has-weiss-color {color: #FFFFFF;}
.has-schwarz-background-color {background-color: #000000;} .has-schwarz-color {color: #000000;}
.has-tabellehell-background-color {background-color: #EEEEEE;} .has-tabellehell-color {color: #EEEEEE;}
.has-tabelledunkel-background-color {background-color: #DDDDDD;} .has-tabelledunkel-color {color: #DDDDDD;}
.has-afvd-gold-background-color {background-color: #d6b675;} .has-afvd-gold-color {color: #d6b675;}
.has-afvd-rot-background-color {background-color: #d60000;} .has-afvd-rot-color {color: #d60000;}
.has-afvd-hellgrau-background-color {background-color: #eeeeee;} .has-afvd-hellgrau-color {color: #eeeeee;}
.has-afvd-dunkelgrau-background-color {background-color: #979797;} .has-afvd-dunkelgrau-color {color: #979797;}
.has-gfl-mittelblau-background-color {background-color: #0f2150;} .has-gfl-mittelblau-color {color: #0f2150;}
.has-gfl-dunkelblau-background-color {background-color: #0f0427;} .has-gfl-dunkelblau-color {color: #0f0427;}
.has-gfl-gruen-background-color {background-color: #76B935;} .has-gfl-gruen-color {color: #76B935;}
.has-gfl-schrift-background-color {background-color: #333333;} .has-gfl-schrift-color {color: #333333;}
.has-gfl-schriftgrau-background-color {background-color: #9daab1;} .has-gfl-schriftgrau-color {color: #9daab1;}
.has-ladies-gelb-background-color {background-color: #FDC301;} .has-ladies-gelb-color {color: #FDC301;}
.has-ladies-rubine-background-color {background-color: #D10056;} .has-ladies-rubine-color {color: #D10056;}
.has-hessen-blau-background-color {background-color: #063678;} .has-hessen-blau-color {color: #063678;}
.has-hessen-rot-background-color {background-color: #e30f21;}.has-hessen-rot-color {color: #e30f21;}
.has-hessen-blaugrauhell-background-color {background-color: #D0D0DE;} .has-hessen-blaugrauhell-color {color: #D0D0DE;}
.has-hessen-blaugraudunkel-background-color {background-color: #A5A5C2;} .has-hessen-blaugraudunkel-color {color: #A5A5C2;}
.has-hessen-hellgrau-background-color {background-color: #F9F9F9;} .has-hessen-hellgrau-color {color: #F9F9F9;}
.has-hessen-dunkelgrau-background-color {background-color: #dbdbdb;} .has-hessen-dunkelgrau-color {color: #dbdbdb;}
.has-hessen-schriftbox-background-color {background-color: #4a474b;} .has-hessen-schriftbox-color {color: #4a474b;} .has-gfl-dunkel-background-color {background-color: #3C3970;} .has-gfl-dunkel-color {color: #3C3970;}
.has-gfl-hell-background-color {background-color: #9294C2;} .has-gfl-hell-color {color: #9294C2;}
.has-gfl-dunkelgrau-background-color {background-color: #575756;} .has-gfl-dunkelgrau-color {color: #575756;}
.has-gfl-hellgrau-background-color {background-color: #C6C6C6;} .has-gfl-hellgrau-color {color: #C6C6C6;}
.has-gflj-orange-background-color {background-color: #dd9933;} .has-gflj-orange-color {color: #dd9933;}
.has-gflj-hellgrau-background-color {background-color: #979797;} .has-gflj-hellgrau-color {color: #979797;}
.has-gflj-dunkelgrau-background-color {background-color: #515151;} .has-gflj-dunkelgrau-color {color: #515151;}
.has-gflj-weiss-background-color {background-color: #F5F5F5;} .has-gflj-weiss-color {color: #F5F5F5;}
.has-gflj-schwarz-background-color {background-color: #2a2a2a;} .has-gflj-schwarz-color {color: #2a2a2a;}
.has-gfl-blau-background-color {background-color: #0E2050;} .has-gfl-blau-color {color: #0E2050;}
.has-gfl-graublau-background-color {background-color: #9DA9B1;} .has-gfl-graublau-color {color: #9DA9B1;}
.has-gfl-dunkelblau-background-color {background-color: #0D0728;} .has-gfl-dunkelblau-color {color: #0D0728;}
.has-gfl-ganzhellgrau-background-color {background-color: #E5E5E5;} .has-gfl-ganzhellgrau-color {color: #E5E5E5;}
.has-gfl-hellgrau1-background-color {background-color: #CCCCCC;} .has-gfl-hellgrau1-color {color: #CCCCCC;}
.has-gfl-grau-background-color {background-color: #999;} .has-gfl-grau-color {color: #999;}
.has-gfl-dunkelgrau1-background-color {background-color: #666;} .has-gfl-dunkelgrau1-color {color: #666;} .has-tabelle-grau-gradient-background {background-image: linear-gradient(135deg,#EEEEEE 0%,#DDDDDD 100%);}
.has-hessen-blaugrau-gradient-background {background-image: linear-gradient(135deg,rgba(208, 208, 222, 1) 0%,rgba(165, 165, 194, 1) 100%);}
.has-tabelle-background-gradient-background {background-image: linear-gradient(135deg,#0f2150 0%,#0f0427 100%);}
.has-tabelle-background-gfl-alt-gradient-background {background-image: linear-gradient(135deg,#0d0728 0%,#0E2050 100%);}
.has-gfl-logo-gradient-background {background-image: linear-gradient(135deg,#0E2050 0%,#9DA9B1 100%);}
.afvd table {
padding: 7px;
border: 1px solid #000;
}
table.afvd th{
background-color:  #9394b3;
color: #FFF !important;
font-weight: 700 !important;
text-align:left;
}
table.afvd caption{
padding: 0.2em 0.2em !important;
background-color: #9394b3 ;
color: #FFF !important;
font-size: 1.2em  !important;
font-weight: 700 !important;
text-align:left;
width:100%
}
table.afvd tr:nth-child(even) {
background-color: #DDD;
}
table.afvd tr:nth-child(odd) {
background-color:  #EEE;
}
.afvd-noshow {
display: none;
}
.afvd-grau {
background-color:#CCC; 
}
.afvd-weiss {
background-color:#FFF; 
}
.afvd-redframe {
border-color:red !important;
}
.afvd-hover:hover {
background-color:#DDD !important;
}
.afvd-divleft {
float:left;
padding:0px 5px;
display:block;
}
.afvd-kachelergebnis {
text-align:center;
float: left;
margin: 0px;
padding: 0px;
padding-top:5px;
max-width: 250px;
width: 250px;
height: 120px;
border: 1px solid white;
background-color:#9394b3;
color:white;
}
.afvd-kachelergebnis-schmal {
max-width: 200px !important;
width: 200px !important;
height: 100px !important;
}
.afvd-kachelergebnis:hover {
background-color: #d60000;
color:white;
}
.afvd-kachelergebnis a:hover {
color:white;
}
.afvd-kachelergebnis a {
color:white;
font-weight:500;
}
.afvd-kachelergebnis table {
margin:auto;
width:auto;
border:none !important;
Padding:0px;
}
.afvd-kachelergebnis table tr{
border:none;
}
.afvd-kachelergebnis table td{
text-align:center;
vertical-align:middle;
border:none;
padding:0px 10px;
}   
.afvd-ergebnis {
float: left;
margin: 4px;
padding: 3px;
max-width: 165px;
width: 165px;
height: 120px;
border: 1px solid black;
}
.afvd-ergebnis-header {
width:100%;
background-color:#9394b3;
text-align:center;
font-weight:600;
color:#FFF;
}
.afvd-ergebnis table {
width:100%;
border:0px;
margin:0px;
Padding:0px;
}
.afvd-ergebnis table td{
border:0px;
padding:0px;
max-height:40px;
}   
.afvd-ergebnis-logo {
width:37px;
margin-right:1px
}   
.afvd-ergebnis-logo img{   
width:35px;
max-height:35px;
}
.afvd-ergebnis-subheader {
width:100%;
background-color:#CCC;
text-align:center;
}
.afvd-www {
background:url(//gfl.info/wp-content/plugins/afvd-plugin2/symbol/1492887528_internt_web_technology-01.png);
background-size: 16px 16px;
background-repeat: no-repeat;
width:18px;
height:18px;
float:left;
}
// AFVD Game
// Version 2020
.afvd-spielbericht {
width:100%;
max-width:960px;
border: 1px solid #CCC;
background: #303a6d;
margin-bottom: 20px;
overflow: hidden;
overflow-x: hidden;
overflow-y: hidden;
color:white;
}
.afvd-spielberichtbg {
background:url(//gfl.info/wp-content/plugins/afvd-plugin2/img/bgfield.png);
}
.afvd-vmiddle {
vertical-align: middle !important;
}  
.clear { clear: both; }
.sbrow {
padding: 1% 2%;
color:black;
background-color:rgba(255,255,255,0.4);
}
.sbbox {
float:left;
font-weight:700;
width:50%;
min-width:300px
}
.sbrowmain {
margin:auto;
padding: 1% 2%;
min-width:100px;
}
.sbrowmainbox {
width:80%;
min-width:150px;
max-width:600px;
margin:0 auto;
color:white;
}
.sbrowmainbox h4{
color:white;
}
.sbrow table {
padding:0px;
border-collapse: collapse; 
}
.sbrow td {
color:black;
text-align:right;
padding:4px;
border: 1px solid #222;
}
.sbrow th {
display:none;
}
// Version GFL 22
.gfl-spielberichtbg {
background:url(//gfl.info/wp-content/plugins/afvd-plugin2/img/bggamegfl.png);
}
.gfl-spielbg {
border:1px solid pink;
background:url(//gfl.info/wp-content/plugins/afvd-plugin2/img/bggamegfl.png);
}
.sbimg-gfl {
padding: 1px;
background-color:white;
vertical-align:center;
}
.sberg-gfl {
background-clip: border-box;
border: 1px solid #CCC;
color: white;
float:left;
font-size: 40px;
font-style: normal;
font-weight: 700;
line-height: 48px;
margin-left: 8.75px;
margin-right: 8.75px;
text-align: center;
width: 90px;
}
.sbteam {
color: #FFF;
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: 24px;
margin: 0px 0px 5px 0px;;
overflow: hidden;
overflow-x: hidden;
overflow-y: hidden;
text-overflow: ellipsis;
white-space: normal; }
// Version 2017
.sbcol1 {
float: left;
padding: 1% 2%;
width:20%;
min-width:100px;
}
.sbcol2 {
float:left;
padding: 1% 2%;
background:url(//gfl.info/wp-content/plugins/afvd-plugin2/img/bgergebnis.jpg);
width:60%;
min-height:200px;
min-width:100px;
}
.sbcol2 h4 {
color:white;
}
.sbimg1,.sbimg2 {
height: 50px;
width:50px;
padding: 1px;
background-color:white;
vertical-align:center;
}
.sbimg1{
float:left;
}
.sbimg2{
float:right;
}
.sbimg1 img, .sbimg2 img {
width: 48px;
max-height: 48px;
}
.sbcol3 {
float: right;
padding: 1% 2%;
width:20%;
min-width:100px;
}
.sbteam1 {
width:47%;
float:Left;
color: #FFF;
font-family: "function_pro_bookbold",Arial,sans-serif;
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: 24px;
margin: 0px 0px 5px 0px;;
overflow: hidden;
overflow-x: hidden;
overflow-y: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.sbteam2 {
width:47%;
float:right;
color: #FFF;
font-family: "function_pro_bookbold",Arial,sans-serif;
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: 24px;
margin:0px 0px 5px 0px;
overflow: hidden;
overflow-x: hidden;
overflow-y: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.sbteam2 img {
float:right;
}
.sbteam2 .sberg {
float:right;
}  
.sbteam2 h4 {
text-align:right
}
.sbvs {
float:left;
width:1%;
}
.sberg {
background-clip: border-box;
border: 1px solid #CCC;
color: white;
float:left;
font-family: "function_pro_bookbold",Arial,sans-serif;
font-size: 40px;
font-style: normal;
font-weight: 600;
line-height: 48px;
margin-left: 8.75px;
margin-right: 8.75px;
text-align: center;
width: 90px;
}
.sbcol3 table {
padding:0px;
border-collapse: collapse; 
}
.sbcol3 td {
color:white;
text-align:right;
padding:4px;
border: 1px solid #CCC;
}
.sbcol3 th {
display:none;
}
@media only screen and (max-width: 500px)    {
.sberg{
font-size: 20px;
margin:4px 0px;
width:48px;
height:48px;
}
h3 {
font-size:0.8em;}
} .afvd_menu_simple ul {
margin: 0 !important; 
padding: 0 !important;
width:185px !important;
list-style-type: none !important;
}
.afvd_menu_simple li {
Margin-bottom:0px !important;
Border-bottom: 1px dotted white;
}
.afvd_menu_simple ul li a {
text-decoration: none;
color: white; 
padding: 6px 8px !important;
background-color: #009933;
display:block;
}
.afvd_menu_simple ul li a:visited {
color: white;
}
.afvd_menu_simple ul li a:hover, .menu_simple ul li .current {
color: white;
background-color: #004040;
}
// Test für Layer Ergebnis Spieltagsticker
.afvd-ergebnislayer{
background:#1d1d1d;
color:#fff;
padding:7px;
border-radius:5px;
position:absolute;
min-width:50px;
max-width:300px;
display:none;
}
.afvd-ergebnislayer:before{
content:'';
height:3px;
width:0;
border:7px solid transparent;
border-bottom-color:#1d1d1d;
position:absolute;
top:-16px;
left:14px;
}
.afvd-ergebnislayer a{
color:#1884BC;
text-decoration:none;
}
// CSS Für Fold Table (Spielplan)
table.afvdfold-table > tbody > tr.afvdview td, table.afvdfold-table > tbody > tr.afvdview th {
cursor: pointer;
}
table.afvdfold-table > tbody > tr.afvdview td:first-child, table.afvdfold-table > tbody > tr.afvdview th:first-child {
position: relative;
padding-left: 20px;
}
table.afvdfold-table > tbody > tr.afvdview td:first-child:before, table.afvdfold-table > tbody > tr.afvdview th:first-child:before {
position: absolute;
top: 50%;
left: 5px;
width: 9px;
height: 16px;
margin-top: -8px;
font: 16px fontawesome;
color: #999;
content: "\f0d7";
transition: all 0.3s ease;
}
table.afvdfold-table > tbody > tr.afvdview:nth-child(4n-1) {
background: #DDD;
}
table.afvdfold-table > tbody > tr.afvdview:hover {
background: #d6b675;
}
table.afvdfold-table > tbody > tr.afvdview.open {
background: #d60000;
color: white;
}
table.afvdfold-table > tbody > tr.afvdview.open td:first-child:before, table.afvdfold-table > tbody > tr.afvdview.open th:first-child:before {
transform: rotate(-180deg);
color: #333;
}
table.afvdfold-table > tbody > tr.afvdfold {
display: none;
}
table.afvdfold-table > tbody > tr.afvdfold.open {
display: table-row;
background: #979797;
color: white;
}
.afvdfold-content {
padding: 0.5em;
}
.afvdfold-content h3 {
margin-top: 0;
}
.afvdfold-content > table {
border: 2px solid #ccc;
}
.afvdfold-content > table > tbody tr:nth-child(even) {
background: #eee;
}
// Ergebnisdienst Reiter
.afvd-tab {
overflow: hidden;
border: 1px solid #ccc;
background-color: #DDD;
} .afvd-tab button {
background-color: #DDD;
float: left;
border: none;
outline: none;
cursor: pointer;
padding: 14px 16px;
transition: 0.3s;
} .afvd-tab button:hover {
background-color: #d60000;
color:white;
} .afvd-tab button.active {
background-color: #d60000;
color:white;
} .afvd-tabcontent {
display: none;  display: none;
}
.afvd-tabcontent-close{
display: none;
}
.afvd-tabcontent-open{
display: block !important;
} .afvd-divTable{
display: table;
width: 100%;
}
.afvd-divTableRow {
display: table-row;
}
.afvd-divTableHeading {
background-color: #EEE;
display: table-header-group;
}
.afvd-divTableCell, .afvd-divTableHead {
border: 0px solid #999999;
display: table-cell;
padding: 3px 5px;
vertical-align:middle;
float:left;
}
.afvd-divTableHeading {
background-color: #EEE;
display: table-header-group;
font-weight: bold;
}
.afvd-divTableFoot {
background-color: #EEE;
display: table-footer-group;
font-weight: bold;
}
.afvd-divTableBody {
display: table-row-group;
}
.afvd-marquee {
max-width: 100vw; white-space: nowrap;
overflow: hidden;
background-color: #d60000;
color:white;
font-size:1.3em;
}
.afvd-marquee span {
display: inline-block;
padding-left: 105%; animation: marquee 20s linear infinite;
}
.afvd-marquee span:hover {
animation-play-state: paused 
}
@keyframes marquee { 0%   {transform: translate3d(0,0,0);}
100% {transform: translate3d(-100%,0,0);}
}