/* ========================================================================
   Start of BRV Customizing
   
   PRIMÄRFARBE | BRV Orange 1: #ed7700 | 237,119,0
   PRIMÄRFARBE | BRV Orange 2: #c16101 | 193,97,1
   PRIMÄRFARBE | BRV Grau: #231815 | 35,24,21
   
 ========================================================================== */

@import 'https://fonts.googleapis.com/css?family=Roboto+Condensed';
@import 'https://fonts.googleapis.com/css?family=Montserrat';
@import url(../fonts/almaq-std-rough.ttf);
@import url(../fonts/helvetica-condensed-bold.otf);
@import url(../fonts/helvetica-condensed-light.otf);

@font-face {
  font-family: 'Almaq';
  src: url('../fonts/almaq-std-rough.eot'); /* IE9 Compat Modes */
  src: url('../fonts/almaq-std-rough.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/almaq-std-rough.woff') format('woff'), /* Modern Browsers */
       url('../fonts/almaq-std-rough.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('../fonts/almaq-std-rough.svg#svgFontName') format('svg'); /* Legacy iOS */
}
@font-face {
  font-family: 'Helvetica Bold';
  src: url('../fonts/helvetica-condensed-bold.eot'); /* IE9 Compat Modes */
  src: url('../fonts/helvetica-condensed-bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/helvetica-condensed-bold.woff') format('woff'), /* Modern Browsers */
       url('../fonts/helvetica-condensed-bold.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('../fonts/helvetica-condensed-bold.svg#svgFontName') format('svg'); /* Legacy iOS */
}
@font-face {
  font-family: inherit;
  src: url('../fonts/helvetica-condensed-light.eot'); /* IE9 Compat Modes */
  src: url('../fonts/helvetica-condensed-light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/helvetica-condensed-light.woff') format('woff'), /* Modern Browsers */
       url('../fonts/helvetica-condensed-light.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('../fonts/helvetica-condensed-light.svg#svgFontName') format('svg'); /* Legacy iOS */
}

body {
	cursor: default;
}
b, strong {
	font-weight: 900 !important;
}
.collapse.show {
	height: unset;
}

.uk-notification-message {
	display: none !important;
}

/*
body {
	font: 300 18px/1.625 inherit !important;
	color: #575756;
	cursor: default;
	letter-spacing: 0.1em;
	text-align: left;
	-moz-hyphens: auto;
	-o-hyphens: auto;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto; 
}
h1,h2,h3,h4,h5,h6, .uk-h1, .uk-h2, .uk-h3, .uk-h4, .uk-h5, .uk-h6, .uk-heading-small, .uk-heading-medium, .uk-heading-large, .uk-heading-x-large, .uk-heading-2x-large {
	text-transform: none;
	color: #ed7700;
	font-family: 'Helvetica Bold';
}
.uk-h1,h1,.uk-h2,h2 {font: 600 30px/1.4 'Helvetica Bold';}
.uk-h3,h3 {font: 400 24px/1.4 'Helvetica Bold';}
.uk-h4,h4,.uk-h5,h5,.uk-h6,h6 {font: 400 20px/1.4 'Helvetica Bold';}
*/
.tm-header {
	background: #fff !important;
}
.tm-headerbar-bottom {
	padding-bottom: 0;
}
.uk-search-default input {
	font: 300 14px/1.625 inherit !important;
	-webkit-transition: all 0.15s ease-in-out;
	transition: all 0.15s ease-in-out;
}
.uk-search-default:hover .uk-search-input, .uk-search-input:hover, .uk-search-default input:focus {
	border-color: #ed7700;
	color: #ed7700 !important;
}
.uk-search-default span, .uk-search-default .uk-search-input::placeholder {
	-webkit-transition: all 0.15s ease-in-out;
	transition: all 0.15s ease-in-out;
}
.uk-search-default:hover span, .uk-search-default:hover .uk-search-input::placeholder {
	color: #ed7700 !important;
}

.awesomplete ul mark {
	background: #ed7700;
	color: #ffffff;
}

/* .tm-header .custom-translate */
.sprachauswahl .uk-icon svg {
	max-height: 24px;
}
.sprachauswahl select {
	outline: none;
	border: none;
	background: transparent;
}
.sprachauswahl .uk-icon {
	vertical-align: text-bottom;	
}
.sprachauswahl {
	border-color: #231815;
	color: #231815;
	background: none;
	-webkit-transition: all 0.15s ease-in-out;
	transition: all 0.15s ease-in-out;
	padding: 0 5px;
}
.sprachauswahl:hover {
	border-color: #ed7700;
	color: #ed7700 !important;
	background: none;
}
.sprachauswahl:hover select {
	color: #ed7700 !important;
}
.uk-logo {
	z-index: 10000;
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	align-items: center;
}
.uk-logo picture {
	width: 158px;
}
.uk-logo img {
	height: auto;
	max-height: 75px;
}
.invisible-not-sticky {
	opacity: 0;
	max-width: 100px;
	margin-right: 20px;
	z-index: 1000000000000;
	-webkit-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;
}
.tm-headerbar-top {
	margin-bottom: -30px;
}
.uk-navbar .uk-navbar-nav {
	gap: unset;
}
.uk-navbar-sticky .invisible-not-sticky {
	opacity: 1;
	z-index: 1000000000000;
}
.navbar_logo {
	height: auto;
	max-height: 25px;	
}
.siege_container {
	text-align: center !important;
}
.siege {
	margin: auto;
	padding: 0;
  	width: 50%;
	display: flex;
	flex-direction: row;
}
#module-159 .siege {
	width: auto;
}
.siege p {
	cursor: default;
	margin: 10px 20px 10px 0;
}
.siege p:hover {
	color: #ed7700;
}
.siege p:last-child {
	margin-right: 0;
}
.siege sup {
	margin-top: -2px;
	color: #ed7700;
}
.siege_mobile sup {
	margin-top: 3px;
	color: #ed7700;
}
.uk-position-top-right .el-nav li {
	z-index: 20;
}
.header_gallery .el-overlay {
	position: absolute;
	bottom: 12%;
	left: 12%;
	margin: 0;
	padding: 40px;
	background: rgba(35,24,21,0.7);
	color: #fff;
	min-width: 400px;
	max-width: 50%;
	height: auto;
	max-height: 500px;	
	overflow-y: hidden;
    overflow-x: hidden;
	-ms-user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
}
.header_gallery, .header_gallery:hover {
	cursor: move; /* fallback if grab cursor is unsupported */
    cursor: grab;
    cursor: -moz-grab;
    cursor: -webkit-grab;
}
.el-slidenav:first-child {
	margin-right: 10px !important;
}
.uk-position-top-right .el-slidenav {
	color: rgba(255,255,255,0.7);
	background: rgba(237,119,0,0.7);
	padding: 10px;
	margin-left: 10px;
	border-radius: none;
	-webkit-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
	z-index: 2;
}
.uk-position-top-right .el-slidenav:hover {
	color: rgba(255,255,255,1);
	background: rgba(237,119,0,0.9);
}
.header_cta a {
	border-color: #231815;
	color: #231815;
	background: none;
	min-width: 120px;
	-webkit-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
}
.header_cta .uk-button-default:hover {
	border-color: #ed7700;
	color: #ed7700;
	background: none;
}
.sponsor_bar img {
	filter: grayscale(100%);
	-webkit-transition: opacity 2.5s ease-in;
	transition: opacity 2.5s ease-in;
}
.sponsor_bar img:hover {
	filter: grayscale(0%);
}
.brvcw_login_body {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	-webkit-transition: opacity 3.5s ease-in;
	transition: opacity 3.5s ease-in;
	margin: 0;
	font: 14px/1.625 inherit, sans-serif;
	color: #555;
	background: url(/images/brv/visuals/stock/julius-drost-whiqaCAYytA-unsplash.jpg) no-repeat bottom center fixed;
	background-size: cover;
	z-index: 100001 !important;
}
.brvcw_login_box {
	position: absolute;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);
	font: 300 13px/1.625 inherit;
	text-align: justify;
	padding: 20px;
	z-index: 1000;
	background: #fff;
	box-shadow: 0 0 20px -10px rgba(0,0,0,0.6);
}
.nextmatch .logo-brvolleys {
	display: inline-grid;
	width: 150px !important;
	height: auto;
	vertical-align: middle !important;
	text-align: center !important;
	z-index: 10000;
	-webkit-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
}
.nextmatch .logo-divider {
	display: inline-grid;
	width: 350px !important;
	height: auto;
	padding: 0 30px 0 30px;
	margin: 0;
	vertical-align: middle !important;
	text-align: center !important;
}
.nextmatch .logo-rival {
	display: inline-grid;
	width: 150px !important;
	height: auto;
	vertical-align: middle !important;
	text-align: center !important;
	z-index: 10000;
	-webkit-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
}
.nextmatch .party a, .nextmatch .party a:hover {
	text-decoration: none !important;
}
.nextmatch .logo-brvolleys:hover, .nextmatch .logo-rival:hover {
	transform: scale(0.95);
}
.nextmatch .uk-button-primary {
	min-width: 100px;
}
.nextmatch .descr {
	margin: auto;
	padding: 20px !important;
	text-align: center !important;
	width: 50%;
}
.newsarchiv_skacheln li {
	display: inline-block;
	border: 1px solid rgba(0,0,0,0.1);
	width: calc(25% - 65px);
	margin: auto 20px 20px auto;
	padding: 20px;
	text-align: center !important;
	-webkit-transition: all 0.15s ease-in-out;
	transition: all 0.15s ease-in-out;
}
.newsarchiv_skacheln li a {
	text-align: center !important;
}
.newsarchiv_skacheln li:hover {
	background: rgba(0,0,0,0.05);
}
.shareit {
	border: 1px solid rgba(0,0,0,0.08);
	border-radius: 3px;
	width: calc(100% - 12px);
	height: auto;
	padding: 7px 5px 7px 5px;
	background: none;
}
.spieltag-sidebar li:nth-last-child(2), .spieltag-sidebar li:last-child {
	display: none;
}
.statistik_table {
	width: 100% !important;
	vertical-align: top !important;
	background: none;
	border: none;
	border-collapse: collapse;
}
.statistik_table tr {
	border-bottom: 5px solid #fff;
	-webkit-transition: all 0.15s ease-in-out;
	transition: all 0.15s ease-in-out;
}
.statistik_table tr:last-child {
	border-bottom: none;
}
.statistik_table td {
	padding: 5px 10px 5px 10px;
	text-align: left !important;
}
.statistik_table tr:nth-child(even) {
	background-color: #e8e6e6;
}
.statistik_table tr:nth-child(odd) {
	background-color: #f6f6f6;
}
.statistik_table tr:first-child, .statistik_table .daterow {
	background: #ed7700 !important;
	color: #fff !important;
}
.statistik_table .daterow td {
	text-align: center !important;
}
.ligatabelle td, .spieltag td {
	text-align: center !important;
}
.noheader tr:first-child {
	background-color: #f6f6f6 !important;
	color: #231815 !important;
}
.statistik_table tr:hover {
	background: #ed7700 !important;
	color: #fff !important;
}
.cookienote {
	position: relative;
	left: 0;
	right: 0;
	bottom: 0;
	height: auto;
	width: 100%;
	background: rgba(255,255,255,0.8);
	font: 300 13px/1.3 inherit;
	padding: 20px;
	margin: 0;
	border-top: 3px solid rgba(0,0,0,0.1);
	z-index: 100000;
}
.cookienote a {
	text-decoration: underline;
	color: #333;
	-webkit-transition: all 0.15s ease-in-out;
	transition: all 0.15s ease-in-out;
}
.cookienote a:hover {
	text-decoration: none;
	color: #333;
}
.cookienote span {
	text-decoration: underline;
	font-weight: 900;
}

.finder .uk-article {
	margin-top: 70px;
}

@media only screen and
(min-device-width:320px) and
(max-device-width:480px){
	html {
		-moz-hyphens: auto;
		-webkit-hyphens: auto;
		-ms-hyphens: auto;
		-o-hyphens: auto;
		hyphens: auto; 
	}
	.uk-logo img {
		min-width: 75px;
		max-width: 100px;
		height: auto;
	}
	.uk-h1,h1,.uk-h2,h2 {font: 400 24px/1.4 inherit;}
	.uk-h3,h3 {font: 400 22px/1.4 inherit;}
	.uk-h4,h4,.uk-h5,h5,.uk-h6,h6 {font: 400 20px/1.4 inherit;}
	
	#tm-mobile .uk-nav {
		margin-top: 20px;
	}
	.header_gallery .el-overlay {
		position: absolute;
		bottom: 5%;
		left: 5%;
		margin: 0;
		padding: 10px 15px 15px 15px;
		background: rgba(35,24,21,0.7);
		color: #fff;
		min-width: 200px;
		max-width: 90%;
		height: auto;
		max-height: 500px;	
		overflow-y: hidden;
	    overflow-x: hidden;
		-ms-user-select: none;
		-moz-user-select: none;
		-webkit-user-select: none;
	}
	.newsarchiv_skacheln li {
		display: block;
		border: 1px solid rgba(0,0,0,0.1);
		width: calc(100% - 45px);
		margin: auto 0 20px auto;
		padding: 20px;
		text-align: center !important;
		-webkit-transition: all 0.15s ease-in-out;
		transition: all 0.15s ease-in-out;
	}
	.nextmatch .logo-brvolleys {
		display: grid;
		margin: 5% 30% 5% 25%;
		justify-content: center;
		align-items: center;
		z-index: 10000;
		-webkit-transition: all 0.1s ease-in-out;
		transition: all 0.1s ease-in-out;
	}
	.nextmatch .logo-divider {
		display: grid;
		width: 100% !important;
		height: auto;
		padding: 10px 0 10px 0;
		justify-content: center;
		align-items: center;
	}
	.nextmatch .logo-rival {
		display: grid;
		margin: 5% 30% 5% 25%;
		justify-content: center;
		align-items: center;
		z-index: 10000;
		-webkit-transition: all 0.1s ease-in-out;
		transition: all 0.1s ease-in-out;
	}
	.siege {
		margin: auto;
		padding: 0;
	  	width: 100%;
		display: flex;
		flex-direction: column;
	}
}

/* ========================================================================
   End of BRV Customizing
 ========================================================================== */