/*@import url(https://fonts.googleapis.com/css?family=Tangerine);*/

/* ____________________ GENERAL ________________________ */
body {
	background-color:#000;
	color:#fff;
}

/* ____________________ Klassen ________________________ */
.align_left {text-align:left;}
.bg_diagonal_deutschland {/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,ff0000+50,ffff00+100 */
	background: #000000; /* Old browsers */
	background: -moz-linear-gradient(-45deg,  #000000 0%, #ff0000 50%, #ffff00 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg,  #000000 0%,#ff0000 50%,#ffff00 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg,  #000000 0%,#ff0000 50%,#ffff00 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#ffff00',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.bg_diagonal_gruen { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d2ff52+0,caff2d+47,85ff2d+50,7de51b+100 */
	background: #d2ff52; /* Old browsers */
	background: -moz-linear-gradient(-45deg,  #d2ff52 0%, #caff2d 47%, #85ff2d 50%, #7de51b 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg,  #d2ff52 0%,#caff2d 47%,#85ff2d 50%,#7de51b 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg,  #d2ff52 0%,#caff2d 47%,#85ff2d 50%,#7de51b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d2ff52', endColorstr='#7de51b',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.bg_gelb {background-color:yellow;}
.bg_gold {background-color:#FFD700;}
.bg_rot {background-color:red;}
.bg_schwarz {background-color:black;}
.bg_wfrdeingabe_spieler0 {background-color:Tomato;} /* 2020.10.08: _admin_spieldaten_eingabe.php */
.bg_wfrdeingabe_spieler1 {background-color:MediumSeaGreen;} /* 2020.10.08: _admin_spieldaten_eingabe.php */
.bg_wfrdeingabe_spieler2 {background-color:LightGray;} /* 2020.10.08: _admin_spieldaten_eingabe.php */
.bg_wfrdeingabe_spieler3 {background-color:DodgerBlue;} /* 2020.10.08: _admin_spieldaten_eingabe.php */
.bg_weiss {background-color:white;}
.border_1_gelb {border:1px solid #FFFF00;}
.border_1_weiss {border:1px solid #FFF;}
.borderradius_10 {border-radius:10px;}
.color_blue {color:blue;}
.color_brown {color:brown;}
.color_dunkelgrau {color:#6B6B6B;}
.color_gelb {color:yellow;}
.color_grau {color:grey;}
.color_green {color:green;}
.color_hellblau {color:lightblue;}
.color_rot {color:red;}
.color_schwarz {color:black;}
.color_weiss {color:white;}
.dontdisplay {display:none;}
.eintragsuccess {background-color:#00FF00;color:#000;}
.eintragfailed {background-color:#FF0000;color:#404040;}
.em0_5 {font-size:0.5em;}
.em0_7 {font-size:0.7em;}
.em1_5 {font-size:1.5em;}
.em2_0 {font-size:2em;}
.em3_0 {font-size:3em;}
.em4_0 {font-size:4em;}
.em5_0 {font-size:5em;}
.em6_0 {font-size:6em;}
.fett {font-weight:bold;}
.float_links {float:left;}
.kursiv {font-style:italic;}
.marginbottom25 {margin-bottom:25px;}
.marginbottom50 {margin-bottom:50px;}
.margintop50 {margin-top:50px;}
.matchesovkopfjahreszahl {background-color:#30000B;font-weight:bold;font-size:2.3em;}
.matchesovkopfturnierphase {background-color:#30000B;font-weight:bold;font-size:1.5em;}
.matchesovtrhead, .matchverlauftrhead {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#30000b+0,8f0222+44,ff0000+100 */
	background: #30000b; /* Old browsers */
	background: -moz-linear-gradient(top,  #30000b 0%, #8f0222 44%, #ff0000 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #30000b 0%,#8f0222 44%,#ff0000 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #30000b 0%,#8f0222 44%,#ff0000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#30000b', endColorstr='#ff0000',GradientType=0 ); /* IE6-9 */
	font-weight:bold;
	font-size:1.3em;
}
.matchov tr:nth-child(2n+3), .matchovpre16 tr:nth-child(2n+2), .matchverlauf tr:nth-child(2n+2), .bigdata tr:nth-child(odd), .grossmeisterzeiten li:nth-child(odd) { /* match_uebersicht.php, match_verlauf.php, meinedaten.php, statistik.php */
    background-color: white !important;
	color:black;
}
.matchov tr:nth-child(2n+4), .matchovpre16 tr:nth-child(2n+3), .matchverlauf tr:nth-child(2n+3), .bigdata tr:nth-child(even), .grossmeisterzeiten li:nth-child(even) { /* match_uebersicht.php, match_verlauf.php, meinedaten.php, statistik.php */
    background-color: #BBB !important;
	color:black;
}
.pos-absolute {position:absolute;}
.pos-bottom-0 {bottom: 0;}
.pos-left-0{left:0;}
.pos-relative {position:relative;}
.pos-top-bottom {top:bottom;}
.pos-txt-auf-banner-headpic {
	position:absolute;
	top:0;
	right:0;
	text-shadow: 4px 4px 4px #aaa;
	font-family: 'Chicle', cursive; /* bis 2024.02.22: 'Tangerine', serif; */
	font-size:6em;
}
.thisresponsive {max-width:100%;height:auto;}
.w3-card{border:1px solid #ccc}
.w3-card-2,.w3-example{box-shadow:0 2px 4px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12) !important}
.w3-card-4{box-shadow:0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19) !important}
.w3-card-8{box-shadow:0 8px 16px 0 rgba(255,255,255,0.2),0 6px 20px 0 rgba(255,255,255,0.19) !important}
.w3-card-12{box-shadow:0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19) !important}
.w3-card-16{box-shadow:0 16px 24px 0 rgba(0,0,0,0.22),0 25px 55px 0 rgba(0,0,0,0.21) !important}
.w3-card-24{box-shadow:0 24px 24px 0 rgba(0,0,0,0.2),0 40px 77px 0 rgba(0,0,0,0.22) !important}
 
/* ____________________ HEADLINES __________________ */
h1, h2, h3, h4, h5, h6 {
	font-family: 'Chicle', cursive;
}
 
/* ____________________ IMAGES ______________________ */
/* POLAROID IMGs */
div.polaroid {
	width: 100%;
	background-color: white;
	box-shadow: 0 4px 8px 0 rgba(255, 255, 255, 0.5), 0 6px 20px 0 rgba(255, 255, 255, 0.40); /* initial: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); */
	margin-bottom: 25px;
}
div.imgcaption {
	text-align: center;
	padding: 10px 20px;
}

/* IMAGE CAROUSEL */
.carousel-inner > .item > img, .carousel-inner > .item > a > img {
	width: 100%; /* ist Bild-Breite - 100% == Controls (< >) hovern ÜBER Bild */
	margin: auto;
}

.slider-size { /* siehe besetzung.php (QUERBEET-Slider) */
	height: 800px; /* This is your slider height */
}
.carousel {
	width:100%; 
	margin:0 auto; /* center your carousel if other than 100% */ 
}

/* ____________________ <hr> ___________________ */
hr.fadeout_both_sides {
    border: 0;
    height: 1px;
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
}

/* ___________________ TABLE ____________________ */
#no-more-tables tbody tr:nth-child(odd) { /* STRIPED-BG-Styling (CSS 3) */
   background-color: #555;
}

/* ____________________ MEDIA QUERIES ______________________ */
@media (min-width: 979px) { /*######### DESKTOP ###########*/
	ul.nav li.dropdown:hover > ul.dropdown-menu { /* blendet Dropdown-menü ON HOVER ein, nicht erst ON CLICK */
		display: block;
	}
}

@media (max-width: 979px) { /*######### MOBIL ###########*/
	.slider-size { /* IMAGE CAROUSEL-Höhe net 800px belassen sondern nur Hälfte (siehe besetzung.php (QUERBEET-Slider)) */
		height: 400px;
	}
}

/* ____________________ CSS Ladegrafik [2024.02.17 von loading.io/css copied ______________________ */
.lds-dual-ring {
	display: inline-block;
	width: 20px;
	height: 20px;
}
.lds-dual-ring:after {
	content: " ";
	display: block;
	width: 20px;
	height: 20px;
	margin: 4px;
	border-radius: 50%;
	border: 3px solid #fff;
	border-color: #fff transparent #fff transparent;
	animation: lds-dual-ring 1.2s linear infinite;
}
@keyframes lds-dual-ring {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}