@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;}}


/* Standard Farben für Gutenberg Editor TEST*/
.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;}
/* Alte Farben / Nicht mehr aktuell  */
.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;}

/* Standard Farbverläufe */
.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('../png/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('../png/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('../png/bggamegfl.png');
}
.gfl-spielbg {
  border:1px solid pink;
  background:url('../png/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('../jpg/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;}
 }

/* CSSTerm.com Simple CSS menu */

.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;
}

/* Style the buttons that are used to open the tab content */
.afvd-tab button {
  background-color: #DDD;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
}

/* Change background color of buttons on hover */
.afvd-tab button:hover {
  background-color: #d60000;
  color:white;
}

/* Create an active/current tablink class */
.afvd-tab button.active {
  background-color: #d60000;
  color:white;
}

/* Style the tab content */
.afvd-tabcontent {
  display: none;
/*  padding: 6px 12px; */
/*  border: 1px solid #ccc;
  border-top: none;   */
  display: none;
}
.afvd-tabcontent-close{
  display: none;
}
.afvd-tabcontent-open{
  display: block !important;
}
/* DivTable.com */

.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; /* iOS braucht das */
	white-space: nowrap;
	overflow: hidden;
  background-color: #d60000;
  color:white;
  font-size:1.3em;
}

.afvd-marquee span {
	display: inline-block;
	padding-left: 105%; /* die zusätzlichen 5% erzeugen einen verzögerten Start und vermeiden so ein Ruckeln auf langsamen Seiten */
	animation: marquee 20s linear infinite;
}

.afvd-marquee span:hover {
	animation-play-state: paused 
}

@keyframes marquee {   
    /* marquee bezieht sich auf den HTML Befehl, nicht die class oder ID */
    0%   {transform: translate3d(0,0,0);}
    100% {transform: translate3d(-100%,0,0);}
}