@charset "utf-8";
/* ----- Reset Style ----- */
* { border:0; margin:0; padding:0; background:transparent; vertical-align:baseline; font-size:100%; }
/* inherit (z.B. font-style:inherit;) funktioniert nicht mit IE7-, daher erstmal nicht nutzen */
/*
@font-face {
    font-family: 'DINcondensed';
    src: url('../fonts/246ff3_0_0-webfont.eot');
    src: url('../fonts/246ff3_0_0-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/246ff3_0_0-webfont.woff') format('woff'),
         url('../fonts/246ff3_0_0-webfont.ttf') format('truetype'),
         url('../fonts/246ff3_0_0-webfont.svg#dincondensedttregular') format('svg');
    font-weight: bold;
    font-style: normal;
}
*/
@font-face {
	font-family: 'DINPro-Bold';
	src: url('../fonts/DINPro-Bold.ttf') format('truetype'),
	url('../fonts/FFDIN-Bold.woff') format('woff'),
	url('../fonts/FFDIN-Bold.woff2') format('woff2');
	font-weight: bold;
	font-style: normal;
}
@font-face {
	font-family: 'DINPro-Light';
	src: url('../fonts/DINPro-Light.ttf') format('truetype'),
	url('../fonts/FFDIN-Light.woff') format('woff'),
	url('../fonts/FFDIN-Light.woff2') format('woff2');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'DINPro-Medium';
	src: url('../fonts/DINPro-Medium.ttf') format('truetype'),
	url('../fonts/FFDIN-Medium.woff') format('woff'),
	url('../fonts/FFDIN-Medium.woff2') format('woff2');
	font-weight: bold;
	font-style: normal;
}


@font-face {
    font-family: 'DINbold';
    src: url('../fonts/246fff_0_0.eot');
    src: url('../fonts/246fff_0_0.eot?#iefix') format('embedded-opentype'),
         url('../fonts/246fff_0_0.woff') format('woff'),
         url('../fonts/246fff_0_0.ttf') format('truetype'),
         url('../fonts/246fff_0_0.svg#dinmittelef-boldregular') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'DINWebPro-CondMedium';
    src: url('../fonts/DINWebPro-CondMedium.woff');
    font-weight: bold;
    font-style: normal;
}

@font-face {
	font-family: 'DINWebPro-Bold';
	src: url('../fonts/DINWebPro-Bold.woff');
    font-weight: bold;
    font-style: normal;
}
/* DIN 400 / 700
@font-face {
	font-family: 'DINcondensed';
	src: url('../fonts/DIN-Condensed-400.woff');
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: 'DINbold';
	src: url('../fonts/DIN-700.woff');
    font-weight: bold;
    font-style: normal;
}
*/
/* DINWebPro
@font-face {
	font-family: 'DINbold';
	src: url('../fonts/DINWebPro-Bold.woff');
	font-weight: bold;
	font-style: normal;
}
@font-face {
	font-family: 'DINcondensed';
	src: url('../fonts/DINWebPro-CondMedium.woff');
    font-weight: bold;
    font-style: normal;
}
*/
@font-face {
    font-family: 'DINcondensed';
    src: url('../fonts/FFDINCondensedBold.eot');
    src: url('../fonts/FFDINCondensedBold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/FFDINCondensedBold.woff') format('woff'),
		 url('../fonts/FFDINCondensedBold.woff2') format('woff2');
    font-weight: bold;
    font-style: normal;
}

@font-face {
  font-family: 'bvb-icons';
  src: url('../fonts/bvb_icons.eot?15881881');
  src: url('../fonts/bvb_icons.eot?15881881#iefix') format('embedded-opentype'),
	   url('../fonts/bvb_icons.woff?15881881') format('woff'),
	   url('../fonts/bvb_icons.ttf?15881881') format('truetype'),
	   url('../fonts/bvb_icons.svg?15881881#bvb_icons') format('svg');
  font-weight: normal;
  font-style: normal;
}

/*
==================================================
Grundeinstellungen
==================================================
*/
html {height:100%; min-width:1170px; background:#ffd900; font-size:62.5%; overflow-x:hidden;}
body {overflow:hidden; position:relative; width:100%; min-height:100%; margin: 0 auto; color:#000; text-align:left; font:14px/1.7em 'DINPro-Medium', Arial, Helvetica, serif; }
article,aside,details,figcaption,figure,footer,header,menu,nav,section {display:block;}

/* ----- Standardelemente ----- */
h1, h2, p, table, dl, ul, ol, blockquote, form {margin-bottom:10px;}
h1, h2, h3, h4, h5, dt, th, caption, b, .render-h4 {font-family: 'DINPro-Bold';}
b, strong, h1, h2, h3, h4, h5, h6, dt, th, caption {font-weight:normal;}
blockquote, em, q {font-style:italic;}
cite {font-style:normal;}

/* Überschriften */

	/* Standard-Elemente (auf Schwarz) */
		h1, h2, h3, h4, h5, h6, .render-h4, *.render-h1 {color:#ffd900; text-transform:none; font-family: 'DINPro-Bold';}
		h1,
		*.render-h1 {font-size:58px; line-height:50px; margin:0 0 30px 0;}
		.box-article header h1 {line-height:58px;}
		h2 {font-size:30px; line-height:36px;  margin:0 0 15px 0;}
		h3 {font-size:26px; line-height:30px;  margin:0 0 5px 0;}
		h4,
		*.render-h4 {font-size:20px; line-height:26px;  margin:0 0 5px 0;}
		h5 {font-size:15px; line-height:20px;  margin:0;}
		h6 {font-size:15px; line-height:18px;  margin:0;}

		h2.underline {font-size:37px;/*42px;*/ line-height:48px; padding-top:7px; margin-bottom:15px; text-transform:uppercase; color:#000; border-bottom:8px solid #000;}
		.section-headline {color:#fff; text-transform:uppercase;}
		.teaser header * {text-transform:uppercase;}

		header .preline,
		h1.small {padding-right:25%;}
		h1 {padding-right:10%;}

		.text p:not(.preline) + h2,
		.text p:not(.preline) + h3 {margin-top:40px;}

		blockquote {margin-bottom:0px; font-size:24px; line-height:30px; font-weight:bold;}
		blockquote, cite, figcaption {color:#fff;}
		b, strong, blockquote span {color:#ffd900;}
		.news-teaser b,
		.news-teaser strong {color:#fff; font-family: 'DINPro-Light', serif;}
		.text b {color:#fff; font-size:17px;}
		.abstract b {font-family: 'DINPro-Light', serif; font-weight:normal;}
		.text blockquote {font-weight:normal;}

		figure {position:relative;}
		figcaption {margin-top:10px;}

		sup {font-size:10px; position:relative; bottom:0.5em; }
		sub {font-size:10px; position:relative; top:0.25em; }

		hr {height:10px; margin:40px 0; width:100%; border:0; background:#000;}

		ul {list-style:disc outside;}
		ol {list-style:decimal outside;}
		li  { margin:0 0 0 42px; }
		img, object, embed, video, aside iframe {max-width:100%; display:block;}
		img:not(.noresize) {width:100%;}



		ul > li {margin-left:20px;}
		ol > li {margin-left:20px;}

		/* Placeholder-Text heller */
			:-ms-input-placeholder {color:#999;}
			::-webkit-input-placeholder {color:#999;}
			:-moz-placeholder {color:#999;}
			::placeholder {color:#999;}

		/* Hintergrundfarbe von ausgewähltem Text vorgeben*/
			::-moz-selection {background:#ffd900; color:#000;}
			::selection {background:#ffd900; color:#000;}

			::-ms-clear {
				  display: none;
			  }

		a {color:#ffd900; text-decoration:none;}
		a:link, a:visited {}
		a:hover {}
		a:focus {outline:none;}

		p,
		.text p,
		table,
		.text li {font-family: 'DINPro-Light', serif; color:#fff; font-size:15px; line-height:24px;}

		.text a:not(.btn) {border-bottom:1px solid #ffd900;}
		.text a:not(.btn):hover { background:#ffd900; color:#000 !important;}
		.text h2, .text h3, .text h4, .text h5 {clear:both; margin-bottom:10px;}

		table {line-height:33px; width:100%;}
		thead {text-transform:uppercase; font-family: 'DINPro-Bold';}
		table td,
		table th {padding:0 8px; border:none; background:#272727;}
		.abstract b,
		.abstract p,
		* p.abstract {font-size:20px; line-height:30px;}
		p.subline,
		p.preline {font-size:23px; text-transform:uppercase; font-family: 'DINPro-Medium';}

		.text > * {margin-bottom:25px;}
		.main-content p.subline,
		.main-content p.preline {margin-bottom:0px; font-size:18px;}
		.main-content h2 + p.subline,
		.main-content h2 + p.preline {margin-bottom:15px;}
		.main-content h2 + p.subline {margin-top:-15px; font-size:16px}

		.news-teaser.prio h1,
		h3 {font-size:24px; line-height:24px; margin-bottom:25px;}
		.news-teaser h1,
		.teaser h1 {font-size:15px; line-height:20px; margin-bottom:5px;}

		table,
		figcaption {font-family: 'DINPro-Medium'; font-size:14px;}

		.news-teaser a p ,
		figcaption {font-size:14px; line-height:20px;}

		.js img.loading {background:url("../images/layout/loading.gif") no-repeat center center #000;}
		.js .box-announcement .content-oversize img.loading,
		.js .matches-small.next-match img.loading {background-color:#fff;}
		.js img.opt {height:auto; background:transparent;}
		.js #logo:not(.replaced) {display:none;}

		img[data-src-regular] {display:none;}
		.js img[data-src-regular] {display:block;}


	/* Gedrehte Überschriften auf Schwarz */
		.rotate header * {float:left; clear:both;}
		.rotate h1 {font-size:5em; line-height:1.2em;}
		.rotate h1,
		.rotate h2 {color:#ffd900; margin-bottom:0; width:100%;}
		.rotate h2,
		.rotate h2 span + span,
		.rotate h1 span + span,
		.rotate h2 span:after,
		.rotate h1 span + span:after {
			-webkit-transform:translateY(0);
			transform:translateY(0);
			margin-top:-1px;
		}
		.rotate h1 span,
		.rotate h2 span {padding-right:10px; white-space:nowrap; position:relative;}
		.rotate h1 span,
		.rotate h2 span {
			background:#000;
		}
		.rotate h1 span:after {
			content:"";
			width: 0;
			height: 0;
			border-top: 1.1em solid transparent;
			border-left: 20px solid black;
			border-bottom: 0;
			position:absolute;
			top:0px;
			right:-19px;
			display:inline-block;
		}
		.rotate h1 span + span:after {
			border-top: 0;
			border-left: 14px solid black;
			border-bottom: 1.1em solid transparent;
			right:-13px;
			top:1px;
		}
		.rotate h2 span:after {
			content:"";
			width: 0;
			height: 0;
			border-top: 1.30em solid transparent;
			border-left: 10px solid black;
			border-bottom: 0;
			position:absolute;
			top:0;
			right:-9px;
			display:inline-block;
		}
		.rotate h2 span + span:after {
			border-top: 1.30em solid transparent;
			border-left: 21px solid black;
			top:0px;
			right:-20px;
		}


/*Touchdevices*/
	input, textarea {
		-webkit-appearance: none;
		border-radius: 0;
	}
	input[type="radio"] {-webkit-appearance: radio;}
	input[type="checkbox"] {-webkit-appearance: checkbox;}
	html.touch {background-attachment:scroll; background-size:250px;}

	.touch header * {-webkit-text-size-adjust: 100%}
	.touch .section-bright input.replace-datepicker {color:#333;}
/*
	.touch div,
	.touch section,
	.touch aside,
	.touch article,
	.touch header,
	.touch figure,
	.touch footer {-webkit-backface-visibility:hidden;}
*/
	.touch .related-content-wrap .close {display:none !important;}
	.touch .related-content-wrap.open .close {display:block;}
	.touch .scroll-top {display:none !important}
	.touch .bvbtotal .news-date {bottom:-1px;}
	.touch .bvbtotal .news-date:before {left:-4px;}

	.sticky-banner {display:none;}
/*
	.touch .skyscraper,
	.touch .superbanner {display:none;}
*/
	.sticky-banner img {height:auto;}
	.sticky-banner.enabled {position:fixed; bottom:0; width:100%; z-index:1000;}
	.sticky-banner.enabled.disabled {position:absolute;}

/*Skip-Menü*/
	.for-accessibility { position:absolute; left:-3000px; top:-3000px; width:1px; height:1px;}
	.for-accessibility:focus {left:5px; top:0; width:auto; height:auto; padding:0; z-index:2000;}
	del.schutz {text-decoration:none;} /*Für Standard E-Mail-Adressen-Spamschutz*/

/* ----- Tabellen ----- */
	table { border-collapse:collapse; text-align:left;}
	td, th { padding: 6px 10px 10px; vertical-align: top; }
	table p { margin: 0 0 8px; }
	table p:last-child { margin: 0;}
	caption { padding:0 0 3px; color:#fff; font-size: 18px; line-height:22px;}

/* ----- Formulare ----- */
	input, select, textarea {height:45px; color:#666; background-color:#fff; padding:0px 5px; font-family:'DINPro-Light', Arial, Helvetica, sans-serif; width:100%; border:1px solid #616161;
	 -webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
			 box-sizing: border-box;
	}
	.section-bright input:not(.btn):not(.hasDatepicker), .section-bright select, .section-bright textarea {background:#E9E9E9}
	input[type="submit"] {width:auto;}
	select { width:208px; padding: 0; }
	textarea { width:100%; height: 10em; padding-top:5px;}
	label {margin: 0; font-size:14px; color:#fff;}
	label[for] { cursor:pointer; }
	label.plain {border:none; width:50px;}

	form .align-right {text-align:right;}
	form .align-right label {width:44%;}
	form .invalid *[required] {border:3px solid #ffd900}
	.js form .structure.replace-structure-wrap,
	form {overflow:visible !important; clear: both;}
	.js form .structure.replace-structure-wrap {min-height:60px;}
	fieldset {margin-bottom:20px; }
	form div {padding-bottom:15px; position:relative; overflow:visible; width:100%}
	form.structure > div {clear:none;}
	form div.structure {width:auto;}
	form div.structure + * {clear:both;}
	form .structure div > select,
	form .structure div > .replace-select,
	form.structure .replace-select {width:100%;}

	form.nl-form div {overflow:hidden !important;}

	.js form .replace-select select {visibility:hidden;}

	form legend {color:#ffd900; font-size:20px; margin-bottom:10px;}
	form .btn {min-width:180px;}

	form h2 + p, form h2 + div p, form p + div p { margin-top:0; }
	input[type="checkbox"], input[type="radio"] {width:13px; height:13px; border:0; background:transparent; position:absolute; left:0; top:5px;}
	input[type="checkbox"] + label, input[type="radio"] + label {padding-left:20px; display:block;}
	input[type="file"] {background:transparent; font-family: 'DINPro-Medium'; color:#fff;}


	form fieldset.toggle {height:45px; overflow:hidden;}
	form fieldset.toggle legend {cursor:pointer; width:100%; display:block; text-transform:uppercase; color:#fff; padding:11px 10px; margin-bottom:15px; font-size:15px; font-family: 'DINPro-Bold';
	 -webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
			 box-sizing: border-box;
		background:url('../images/layout/sprite_icons.png') right -506px no-repeat #333;
		border-right:8px solid #333;
	}

	form fieldset.toggle.open legend {margin-bottom:40px; background-position:right -558px;}
	form fieldset.toggle.open {height:auto; overflow:visible;}


/*
==================================================
Vorbereitete Klassen
==================================================
*/

.size-wrap {width:1170px; margin:0 auto;}
.main-content {clear:both;}

/* Boxen */
	.box-black {background:#000;}
	.section-bright .box-black,
	.box-white {background:#fff;}
	.box-yellow {background:#ffd900;}
	.box-yellow * {color:#000;}

	.box-grey,
	.grey-shade-1 {background:#272727;}
	.grey-shade-2 {background:#1b1b1b;}
	.grey-shade-3 {background:#131313;}
	.grey-shade-4 {background:#333333;}
	.section-bright .grey-shade-1 {background:#dcdcdc;}
	.section-bright .grey-shade-2 {background:#d6d6d6;}
	.section-bright .grey-shade-3 {background:#d0d0d0;}
	.section-bright .grey-shade-4 {background:#e9e9e9;}

/* Kleine Contentboxen, z.B. Tabelle; Seitenspalte */
	.box {margin-bottom:15px;}
	.box ul,
	.box li {padding:0; margin:0; list-style:none; overflow:hidden; color:#fff;}
	.box li {padding:8px 15px; border-bottom:1px solid rgba(255,255,255,0.2);}
	.box li:last-child {border-bottom:0;}
	.box p {margin-bottom:0; line-height:20px;}

	.box .head {background-color:#333; line-height:50px; margin:0 -5px; padding:0 15px; color:#fff; display:block; text-transform:uppercase; font-family: 'DINPro-Bold';}

/* Farbvariationen */
		.section-bright .text b,
		.section-bright .text strong,
		.section-bright .text blockquote span,
		.section-bright h1,
		.section-bright h2,
		.section-bright h3,
		.section-bright h4,
		.section-bright h5,
		.section-bright h6,
		.section-bright label,
		.section-bright * {color:#000;}
		.section-bright .text p,
		.section-bright .text li,
		.section-bright .text table,
		.section-bright .text figcaption,
		.section-bright .text blockquote,
		.section-bright .text cite {color:#5c5c5c;}
		.section-bright .box-grey .text p,
		.section-bright .box-grey .text li,
		.section-bright .box-grey .text table,
		.section-bright .box-grey .text figcaption,
		.section-bright .box-grey .text blockquote,
		.section-bright .box-grey .text cite {color:#000;}
		.section-bright table td,
		.section-bright table th {background:#e9e9e9; color:#676767;}
		.section-bright .text a {border-bottom:1px solid #000;}
		.section-bright .text a:hover {border-bottom:1px solid #ffd900;}

		.section-bright .news-teaser {background:#d6d6d6}
		.section-bright .news-teaser a p {color:#000;}

		.box-black tr > * {border-bottom:1px solid #000;}
		.section-bright tr > * {border-bottom:1px solid #fff !important;}
		.grey-shade-1 tr > * {border-bottom:1px solid #272727;}
		.grey-shade-2 tr > * {border-bottom:1px solid #1b1b1b;}
		.grey-shade-3 tr > * {border-bottom:1px solid #131313;}



/* Buttons */
	.btn {font-size:15px; background-color:#ffd900; display:inline-block; padding:10px 75px 10px 15px; font-family: 'DINPro-Bold'; text-transform:uppercase; color:#000; margin:5px 0; cursor:pointer;
		 -webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
			 box-sizing: border-box;
	}
	a:hover .btn,
	.btn:hover {background-color:#807300;}

	.btn-right {float:right;}

	.pager-menu .act,
	.category-menu .act,
	.btn-dark {background-color:#171717; color:#fff;}
	.section-bright .search-result:hover {background:#e9e9e9}
	.search-result:hover,
	a:hover .btn-dark,
	.btn-dark:hover {background-color:#333;}
	.btn-black {background-color:#000; color:#ffd900;}
	a:hover .btn-black,
	.btn-black:hover {background-color:#333;}
	.category-menu .btn-active,
	.btn-grey {background-color:#333; color:#fff;}
	a:hover .btn-grey,
	.ticker li a:hover,
	.btn-grey:hover {background-color:#444;}
	.btn-yellow {background-color:#E6CF03; color:#333;}
	a:hover .btn-yellow,
	.btn-yellow:hover {background-color:#C5B206;}

	.btn.inact {background-color:#171717; color:#333; cursor:inherit;}
	.box-white .btn.inact {background-color:#E9E9E9; color:#D0D0D0; cursor:inherit;}

	.btn.download {position:relative;}
	.btn.download:after {content:''; position:absolute; bottom:22%; right:15px; width:20px; height:22px; display:block; background:url("../images/layout/sprite_icons.png") no-repeat 0 -778px transparent;}

	.btn-center {text-align:center; width:100%; padding-left:0; padding-right:0;}
	.btn-full {width:100%;
	 -webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
			 box-sizing: border-box;
		background-image: url('../images/layout/sprite_icons.png');
		background-position: 112% -619px;
		background-repeat: no-repeat;
	}

	.text {margin-bottom:5px; overflow:hidden;}
	figure.noresize img {width:auto !important}
	figure.image-top  {margin:0 0 10px 0;}
	figure.image-bottom  {margin:20px 0 0 0;}
	figure.image-left  {margin:5px 30px 15px 0; float:left; display:table; clear:both;}
	figure.image-right {margin:5px 0 15px 30px; float:right; display:table; clear:both}
	.image-left figcaption,
	.image-right figcaption {display:table-caption; caption-side: bottom;} /* Note: IE8 supports the caption-side property only if a !DOCTYPE is specified. */


/* Toolbar */
	.toolbar {position:fixed; margin-right:-75px; top:50%; z-index:10; right:0; }
	.toolbar.visible {margin-right:0;}
	.js .toolbar {display:block;}
	.js .toolbar > * { font-size:14px; font-family: 'DINPro-Bold'; text-transform:uppercase; display:block; width:68px; padding-right:4px; height:80px; cursor:pointer; text-align:center; line-height:100px; color:#ffd900; }

/* Scroll-Toggler */
	.scroll-notice {cursor:pointer; font-size:15px; font-family: 'DINPro-Bold'; text-transform:uppercase; width:120px; height:80px;}
	.scroll-down {text-align:center; color:#000; position:absolute; z-index:10; bottom:70px; right:410px; background:url("../images/layout/sprite_icons.png") no-repeat 5px -345px transparent;}
	.scroll-top {background:url("../images/layout/sprite_icons.png") no-repeat scroll -48px -288px #000000;}

/* Fixe Höhe; Inline Scrolling */
	.inline-scroll {overflow: auto; height:220px; overflow-x:hidden;}


/* Gedrehte Elemente */
	footer > div:first-child:before,
	.rotate {
  -webkit-transform: rotate(-4.5deg);  /* Chrome, Safari 3.1+ */
     -moz-transform: rotate(-4.5deg);  /* Firefox 3.5-15 */
      -ms-transform: rotate(-4.5deg);  /* IE 9 */
       -o-transform: rotate(-4.5deg);  /* Opera 10.50-12.00 */
          transform: rotate(-4.5deg);  /* Firefox 16+, IE 10+, Opera 12.10+ */

     -webkit-transform-origin: 0 0;
		-moz-transform-origin: 0 0;
		  -o-transform-origin: 0 0;
		 -ms-transform-origin: 0 0;
			 transform-origin: 0 0;

	}


	.no-js .stage img,
	.related-content,
	#dl-menu .color-switch,
	.rotate .invert-rotate {
  -webkit-transform: rotate(4.5deg);  /* Chrome, Safari 3.1+ */
     -moz-transform: rotate(4.5deg);  /* Firefox 3.5-15 */
      -ms-transform: rotate(4.5deg);  /* IE 9 */
       -o-transform: rotate(4.5deg);  /* Opera 10.50-12.00 */
          transform: rotate(4.5deg);  /* Firefox 16+, IE 10+, Opera 12.10+ */

		-moz-transform-origin: 0 0;
		  -o-transform-origin: 0 0;
	 -webkit-transform-origin: 0 0;
	     -ms-transform-origin: 0 0;
			 transform-origin: 0 0;

	}


	footer > div:first-child:before,
	.rotate-fullsize {margin-left:-300px; margin-right:-300px; padding:0 300px;}
/*
	.stage.rotate-fullsize {margin-left:-130px; margin-right:-130px; padding-left:0; padding-right:0;}
*/

/*
	header.rotate-left h1 span,
	header.rotate-left h2 span,
	.rotate-left {padding-left:10%; margin-left:-8%;}
*/


/* Strukturelemente */
	.structure {overflow:hidden; margin-left:-15px; margin-right:-15px;}
	.structure > * {float:left; /*padding:0 15px ;*/ border-left:15px solid transparent; border-right:15px solid transparent;}

	.related-sponsors,
	.related-articles,
	.structure-padding {padding:30px;}

	/* .related-sponsors .structure {margin-left:-16px;} */

	.box-announcement .match-teams > * ,
	.structure > *,
	.structure-padding {
	 -webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
			 box-sizing: border-box;
	}

	.structure .box-w-2,
	.structure-2-3-3-2-2 > *,
	.structure-2-6-3 > *,
	.structure-2-6-2-2 > *,
	.structure-2 > * {width:16.66%;/*width:200px;*/}

	.structure-9-3 > * {width:75%;/*width:900px;*/}
	.structure-6-3-3 > *,
	.structure-6 > * {width:50%;/*width:600px;*/}
	.structure .box-w-3,
	.structure-3 > *,
	.structure-3-3-6 > *,
	.structure-3-6-3 > *,
	.structure-6-3-3 > * + *,
	.structure-2-3-3-2-2 > * + *,
	.structure-3-9 > *,
	.structure-9-3 > * + * {width:25%;/*width:300px;*/}
	.structure .box-w-6,
	.structure-2-6-2-2 > * + * ,
	.structure-2-6-3 > * + *,
	.structure-3-3-6 > * + * + *,
	.structure-3-6-3 > * + * {width:50%;/*width:600px;*/}
	.structure-2-6-3 > * + * + *,
	.structure-3-6-3 > * + * + * {width:25%;/*width:300px;*/}
	.structure-3-9 > * + * {width:75%;/*width:900px;*/}
	.structure-2-6-2-2 > * + * + *,
	.structure-2-3-3-2-2 > * + * + * + * {width:16.66%;/*width:200px;*/}

	.structure-9-3 .structure-9-3 > div {width:65%;}
	.structure-9-3 .structure-9-3 > div + div {width:35%;}
	.structure-9-3 .structure-9-3 > div + div.box-grey {padding:10px 15px 15px 0}

	.structure .box-w-25,
	.structure-25 > * {width:20%}

	.structure .box-w-4,
	.structure-4 > *{width:33.33%}

	.related-sponsors .section-headline {text-transform:none; color:#8B8B8B; margin-bottom:5px;}
	.related-sponsors .structure > * {margin-bottom:0;}

	.content .structure .structure .box-w-3,
	.content .structure .structure .box-w-4,
	.content .structure .structure .box-w-6 {margin-bottom:15px;}

	.quote {width:50%; float:left; padding-right:15px;}
	.image-left + .quote + * {clear:both;}

	.replace-select,
	.touch #menu-main li,
	.touch #menu-main a,
	.meta-bar,
	.stage *,
	.color-switch,
	fieldset.toggle legend,
	.box-announcement.prev .structure-padding {
		-webkit-touch-callout:none;
		-webkit-user-select: none;
		-khtml-user-select: none;
		-moz-user-select: none;
		-o-user-select: none;
		-ms-user-select: none;
		user-select: none;
		-webkit-tap-highlight-color:rgba(0,0,0,0);
	}

/* Transitions */
	/*.csstransitions div.meta-bar .quick-search, */
	.csstransitions nav .matches-small.last-match,
	.csstransitions .main-partner .details,
	.csstransitions .related-content,
	.csstransitions .champion-partner ul + div,
	.csstransitions .teaser header,
	.csstransitions .cookie-wrap,
	.csstransitions .image-load-notice,
	.csstransitions .no-touch .meta-bar,
	.csstransitions .meta-bar.selfanim,
	.csstransitions .player-navigation ul,
	.csstransitions .category-menu ul,
	.csstransitions .news-teaser {
  -webkit-transition: all 0.3s ease-out;
     -moz-transition: all 0.3s ease-out;
       -o-transition: all 0.3s ease-out;
          transition: all 0.3s ease-out;
	}

	.csstransitions .search-result,
	.csstransitions .vertical-slide,
	.csstransitions .vertical-slide + .toggle > *,
	.csstransitions .champion-partner,
	.csstransitions .toolbar,
	.csstransitions .jsselecter li,
	.csstransitions .btn,
	.csstransitions .social-media-feed a small,
	.csstransitions a:not(#logo),
	input[type="submit"] {
  -webkit-transition: all 0.2s ease-out;
     -moz-transition: all 0.2s ease-out;
       -o-transition: all 0.2s ease-out;
          transition: all 0.2s ease-out;
	}

	.csstransitions .quick-search form {
  -webkit-transition: opacity 0.4s ease-out;
     -moz-transition: opacity 0.4s ease-out;
       -o-transition: opacity 0.4s ease-out;
          transition: opacity 0.4s ease-out;
	}


/*
==================================================
Menüs
==================================================
li.act = ist in Rootline (= aktueller Bereich)
li.cur = ist genau aktuelle Seite
*/
	.menu {overflow:hidden; margin-bottom:0;}
	.structure > li,
	.menu li { margin:0; padding:0; list-style:none; }
	.menu a { display:block; text-decoration:none; }
	.cur > a {cursor:default;}

	#menu-footer li,
	#menu-areas li,
	#menu-social li,
	#menu-main li {float:left;}

	.category-menu ul:not(.pos-fixed) {opacity:0; transition:1000s !important;}
	.pager-menu ul,
	.category-menu ul {min-width:1px; width:100%; overflow:hidden; margin-bottom:10px; padding:5px 5px 0 0; display:flex; flex-wrap:wrap;
		   -moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
				box-sizing: border-box;
	}
	.pager-menu ul {background:#000 !important;}
	.pager-menu li,
	.category-menu li {float:left; list-style:none; margin:0 0 0 5px;}
	.category-menu li  {flex-grow:1; padding:0 0 0 5px; margin:0; box-sizing:border-box;}
	.category-menu .max-per-line-2 li {min-width:34%;}
	.category-menu .max-per-line-3 li {min-width:26%;}
	.category-menu .max-per-line-4 li {min-width:21%;}
	.category-menu .max-per-line-5 li {min-width:17%;}
	.category-menu .max-per-line-6 li {min-width:15%;}
	/*.category-menu li.title  {flex-grow:0; min-width:0 !important; }*/
	.pager-menu li > *,
	.category-menu li > * {text-transform:uppercase; padding: 10px 15px 10px 15px; font-family: 'DINPro-Bold'; white-space:nowrap; display:block; text-align:center; margin-top:0;}
	.pager-menu li.title .btn,
	.category-menu li.title .btn {padding-right:30px;}
	.pager-menu li.next .btn,
	.pager-menu li.prev .btn {padding:10px 50px;}
	.pager-menu li.next {float:right;}
	.pager-menu li .label {color:#fff; padding-left:30px;}
	.pager-menu li .btn-black,
	.pager-menu li .btn.act{width:38px !important; padding-left:0; padding-right:0;}


/*
==================================================
Header
==================================================
*/

/* Meta-Navigationsleiste */
	div.meta-bar {height:40px; width:100%; background:#171717; position:relative; z-index:90;}
	div.meta-bar a {text-transform:uppercase; font-size:15px; color:#8b8b8b; line-height:40px; font-family: 'DINPro-Bold'; padding-right:30px; padding-left:30px;}
	/*	div.meta-bar a:hover {background-color:#333333;} */
	div.meta-bar .size-wrap {position:relative;}
	div.meta-bar .size-wrap > * {height:40px; border-left:1px solid #454545;}
	div.meta-bar .size-wrap nav + div {float:right; margin-right:-30px; border-left:0;}
	div.meta-bar nav {margin-left:-30px;}
	div.meta-bar nav,
	div.meta-bar nav + div > div,
	div.meta-bar nav + div > ul {float:left; border-right:1px solid #454545;}
	div.meta-bar a:hover {background-color:#333333}

	div.meta-bar .quick-search {position:absolute; height:40px; width:40px; overflow:hidden;}
	div.meta-bar .quick-search li {display:block; margin:0;}
	div.meta-bar .quick-search form {opacity:0; overflow:hidden !important;}
	div.meta-bar .quick-search li:after {z-index:9; content: '\e803';font-family: 'bvb-icons';position: absolute;font-size: 25px;line-height: 40px;text-align: right; width:40px; pointer-events: none; color:#8b8b8b; top:1px; right:19px;}
	div.meta-bar .quick-search.open li:after {opacity:0;}
	div.meta-bar .quick-search.open form {opacity:1;}
	div.meta-bar .quick-search input {outline:none; float:left; line-height:40px; height:40px; width:90%;}

	div.meta-bar .quick-search input[type="submit"] {width:10%; text-indent:-9999px; font-size:1px; color:rgba(0,0,0,0.0); cursor:pointer; font-family: "bvb-icons";}
	div.meta-bar .quick-search span:before {z-index:10; background:#fff; content: '\e803';font-family: 'bvb-icons';position: absolute;font-size: 25px;line-height: 40px;text-align: right; width: 8%; top:1px; pointer-events: none;}
	div.meta-bar .quick-search input[type="text"] {font-family: 'DINPro-Bold'; color:#000; font-size:15px;}
		/* Placeholder-Text heller */
		div.meta-bar .quick-search input[type="text"]:-ms-input-placeholder {color:#000; text-transform:uppercase;}
		div.meta-bar .quick-search input[type="text"]::-webkit-input-placeholder {color:#000; text-transform:uppercase;}
		div.meta-bar .quick-search input[type="text"]:-moz-placeholder {color:#000; text-transform:uppercase;}
		div.meta-bar .quick-search input[type="text"]::placeholder {color:#000; text-transform:uppercase;}

	/* Sprachwahl */
		#menu-langauges {background:#171717;}
		#menu-langauges li + li {display:none;}
		#menu-langauges:hover li + li {display:block;}
		#menu-langauges li:first-child a {cursor:default; background-image:url("../images/layout/sprite_icons.png"); background-repeat:no-repeat; background-position:107px -688px;}

	/* Social-Menü */
		#menu-social {padding-left:46px; padding-right:23px;}
		#menu-social a {font-size:1px; text-indent:-99999px; color:#171717; width:35px; padding:0; background:url("../images/layout/sprite_icons.png") no-repeat 0 0 transparent;}
		#menu-social li:hover {background:url("../images/layout/sprite_icons.png") no-repeat 0 0 transparent;}
		#menu-social li.facebook:hover,
		#menu-social li.facebook a {background-position:14px 11px;}
		#menu-social li.twitter:hover,
		#menu-social li.twitter a {background-position:-21px 11px;}
		#menu-social li.googleplus:hover,
		#menu-social li.googleplus a {background-position:-57px 11px;}

/* Cookie-Wrap */
	.cookie-wrap {position:relative; z-index:99; padding:12px 0 5px 0; background:#272727; overflow:hidden;}
	.cookie-wrap.open {padding:15px 0 10px 0; background:#444; position:relative; z-index:999;
		-moz-box-shadow: inset 0 0 9px rgba(0,0,0,0.3);
	 -webkit-box-shadow: inset 0 0 9px rgba(0,0,0,0.3);
		     box-shadow: inset 0 0 9px rgba(0,0,0,0.3);
	}
	.cookie-wrap.closed {height:0; padding:0;}
	.cookie-wrap p {font-family: 'DINPro-Medium'; line-height:18px;}
	.cookie-wrap a {font-size:16px;}
	.cookie-wrap h3 {margin-bottom:5px; font-size:20px; line-height:20px;}
	.cookie-wrap ul {padding:25px 0 0 0; color:#ffd900;}
	.cookie-wrap ul li + li {margin-top:-1px;}
	.cookie-wrap ul li {line-height:17px;}

/* ladezeit-Wrap */
	.image-load-notice {position:fixed; z-index:9999; bottom:-300px; height:300px; width:100%;
		-moz-box-shadow: 0 0 5px rgba(0,0,0,0.7);
	 -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.7);
		     box-shadow: 0 0 5px rgba(0,0,0,0.7);
	}
	.image-load-notice.visible {bottom:0;}
	.image-load-notice label {margin-left:20px;}
	.image-load-notice form {padding:20px 0;}

/* Browser-Update */
	body {margin-top:0 !important;}
	.buorg {position:relative !important;}
	.buorg * {color:#000 !important; font-family:arial;}
	.buorg > div {padding:10px 36px 10px 40px !important;}
	.buorg b {font-weight:bold;}
	#buorgclose {top:10px !important;}

/* Hauptnavigation + Logo */
	body > header {/*position:relative;*/ z-index:80; }
	body.id-179 > header,
	body.landingpage-layout > header {position:relative; z-index:80; }
	body.home > header {position:relative; z-index:80; }
	body > header div.rotate-fullsize  {background:#000; padding-top:3.5%; margin-left:-130px; margin-right:-130px; padding-left:0; margin-top:-52px; padding-right:0; -moz-box-shadow: 0 0 8px rgba(0,0,0,0.7); -webkit-box-shadow: 0 0 8px rgba(0,0,0,0.7); box-shadow: 0 0 8px rgba(0,0,0,0.7);}
	body > header .size-wrap.main {height:150px; position:relative;}
	body > header .size-wrap.main.fixheight {height:auto;}

	#logo {position:absolute; top:21px; left:-27px; width:105px; display:block;}
	.replaced-logo {position:relative; z-index:999;}

	#menu-main {display:table; position:relative; left:100px; top:100px;}
	#menu-main a {font-size:22px; padding:10px 10px 12px 10px; text-transform:uppercase; font-family: 'DINPro-Bold'; }
	html:not(.touch) #menu-main a {-webkit-transform:translate3d(0,0,0)}


	#menu-main li.act {background:url("../images/layout/menu_indicator.png") no-repeat scroll center 35px transparent}
	
	html:not(.touch) #menu-main:hover > li > a:not(:hover) {color:#807300;}
	
/* Neu: gelber Header */
	header div.rotate-fullsize {transition:background 0.5s;}
	header:not(.mainmenu-is-open) div.rotate-fullsize {background:rgb(255, 217, 0);}
	header:not(.mainmenu-is-open) #menu-main a {color:#000;}
	header:not(.mainmenu-is-open) .dl-menuwrapper button {background:none;}
	header:not(.mainmenu-is-open) .dl-menuwrapper button:hover {background:rgba(0,0,0,0.1);}
	header:not(.mainmenu-is-open) .dl-menuwrapper button:after {background:#000; box-shadow: 0 10px 0 #000, 0 20px 0 #000;}
	
	/* No JS */
		.no-js .box-announcement img,
		.no-js table.statistics img,
		.no-js .soccer-table img {width:auto !important;}
		.no-js .box-announcement .meta  img.category {float: right; margin-top: -5px;}
		.no-js .player-navigation li.cur .shirt-no {padding-bottom:25px;}
		.no-js .stage img {width:100%;}
		.no-js .category-menu ul {opacity:1;}

		.no-js-notice {position:relative; z-index:9999; width:100%; padding-top:10px; padding-bottom:10px;}
		.no-js-notice h2,
		.no-js-notice h4 {margin-bottom:5px;}
		.no-js-notice .structure p {line-height:18px;  font-family: 'DINPro-Medium';}
		.no-js-notice .abstract {margin-bottom:25px;}

	/* Fallback-Subnavigation; noscript */
		.no-js #menu-main li ul {display:none; position:absolute;}
		.sub .nav-main ul a,
		.sub .nav-additional ul a,
		#menu-main li ul a {display:block; padding:0 10px; background:#000; font-size:15px; line-height:50px; margin-bottom:1px; width:150px; }
		#menu-main li ul a:hover {background:#333;}
		#menu-main > li:hover ul {display:block;}


	/* JS-Subnavigation */
		.submenu-wrap {position:relative; z-index:81; top:12px; left:20px;}
		.submenu-wrap > div {background:#ffd900;  -moz-box-shadow: 0 0 8px rgba(0,0,0,0.7); -webkit-box-shadow: 0 0 8px rgba(0,0,0,0.7); box-shadow: 0 0 8px rgba(0,0,0,0.7);}
		.related-content-wrap {position:relative; overflow:hidden; margin:0 -300px 0 -300px; padding: 0 300px;}
		.related-content-wrap .close {display:block; width:56px; height:57px; background:url("../images/layout/close.png") no-repeat 0 0 transparent; position:absolute; top:40px; right:325px; cursor:pointer;}
		.related-content-wrap .close:hover {background-image:url("../images/layout/close_hover.png");}
		.related-content,
		.submenu-wrap  section {height:0; margin:0;overflow:hidden; position:relative;}
		.submenu-wrap  section {margin:0 0 0 -30px;}
		.related-content {left:0;}
		.related-content.open,
		.submenu-wrap  section.open {height:530px; padding:2.5% 0; left:0;}
		.submenu-wrap  section h3 {padding-bottom:30px; border-bottom:1px solid #000; margin-bottom:5px;}
		.submenu-wrap img {border:0;}
		.submenu-wrap .related-content-wrap {
			margin: 0 -9000px 0 -9000px;
			padding: 0 9000px;
		}


		/*
		.related-content {position:relative; left:-40px;}
		*/
		.related-content.open {height:auto; min-height:530px; left:0;}

		.height-class-5 .related-content.open {height:500px;}
		.height-class-6 .related-content.open {height:700px;}
		.height-class-7 .related-content.open {height:800px;}
		.height-class-8 .related-content.open{height:900px;}
		.height-class-9 .related-content.open {height:1000px;}
		.height-class-10 .related-content.open {height:1100px;}
		.height-class-11 .related-content.open {height:1200px;}
		.height-class-12 .related-content.open {height:1300px;}
		.height-class-13 .related-content.open {height:1400px;}

		.no-js .related-toggle .details {display:none;}

		.sub nav ul a {color:#333;}
		.sub .nav-additional ul a,
		.sub .nav-main ul a {color:#ffd900; font-family: 'DINPro-Bold'; text-transform:uppercase;}
		.sub .nav-main ul a {width:100%; margin-bottom:0; padding: 0 5px; color: #000; font-size:16px; line-height:32px; background:transparent; border-top:1px solid #e7ce02;}
		.sub .nav-main ul a:hover {background:#e7ce02}
		.sub section nav + nav a {line-height:30px;}
		.sub section nav + nav h3 a,
		.sub section nav + nav h3 {font-size:18px; color:#333; text-transform:uppercase;}
		.sub section nav + nav h3 a:hover {padding:0 !important; margin-left:0 !important; margin-right:0!important; background:transparent!important;}
		.sub section nav ul a span {display:inline-block; width:30px; font-family: 'DINPro-Bold';}
		.sub section nav ul.link-list a span {display:block; width:200px; float:left; font-family:'DINPro-Medium';}
		.sub section nav ul.link-list a span.result {width:40px; float:right; text-align:right;}
		.sub .nav-main h3 {margin-bottom:0; visibility:hidden;}
		.sub .nav-additional ul {margin-top:54px;}
		.sub .nav-additional h3 + ul {margin-top:0px;}
		.sub .nav-additional ul a {background:#e6cf03; color:#000;}
		.sub .nav-additional ul a:hover {background:#c5b206;}

		.sub section nav .box.soccer-table .head {margin:0;}
		.sub section nav .box.soccer-table {margin-top:-5px; padding:0; margin-bottom:0;}
		.sub section nav .box.soccer-table h6,
		.sub section nav .box.soccer-table li {font-family:'DINPro-Medium'; color:#000; border-bottom:1px solid #000; padding:10px 8px 10px 5px; line-height:20px;}
		.sub section nav .box.soccer-table h6 {background:transparent; color:#000; font-family: 'DINPro-Bold';}
		.sub section nav .box.soccer-table li img {left:21px; top:5px;}
		.sub section nav .soccer-table li img[src$=".svg"] {height:30px;}
		.sub section nav .box.soccer-table .highlight {background:#000; color:#fff;}

		.sub section nav .image-list a {padding:0 8px 0 0 !important;}
		.sub section nav .image-list a figure {margin-right:10px;}
		.sub section nav .image-list a .text {margin:0;}
		.sub section nav .image-list a > * {float:left;}

		.sub nav:not(.nav-additional):not(.nav-main) ul:hover {overflow:visible;}
		.sub nav:not(.nav-additional):not(.nav-main) *:not(.matches-small):not(.news-teaser) a:not(.btn):hover {color:#000; margin:0 -5px; padding:0 5px 0 10px; background:#e6cf03;}

		#dl-menu button {display:none;}

	body > header .size-wrap.main {height:155px; margin-top:15px;}
	#menu-main {top:110px;}



	.link-list {list-style:none; margin-bottom:0;}
	.link-list li {margin:0 0 0 0;}
	.link-list a {border-bottom:1px solid #000; font-size:14px; color:#333; line-height:20px !important; display:block; overflow:hidden; padding:10px 5px;}
	.link-list a:hover {padding:10px 5px !important; margin:0 !important;}
	.link-list .date {float:left; height:35px; width:55px; }

	.sub nav h3 + ul.link-list {margin-top:-5px;}

/*
==================================================
Inhalte .col-content
==================================================
*/

.content {clear:both; margin:0 auto; min-height:400px; background:transparent; padding:40px 60px 10% 60px; position:relative; -webkit-backface-visibility: hidden;}
.stage + .content {padding-top:0; margin-top:-20px;}

/* Contentboxen Seitenspalte */
	.box.soccer-table span {padding-left:40px;}
	.box.soccer-table .head span,
	.box.soccer-table span + span {float:right; padding-left:15px;}
	.box.soccer-table li {padding:12px 15px; font-family: 'DINPro-Bold'; position:relative;}
	.box.soccer-table li img {position:absolute; left:27px; top:8px;}
	.box.soccer-matches,
	.box.soccer-table {padding:0 5px;}
	.box.soccer-table .highlight {background:#ffd900; color:#333;}
	.box.soccer-matches p {font-family: 'DINPro-Medium';}
	.box.soccer-matches b {color:#fff; font-family: 'DINPro-Bold'; text-transform:uppercase; display:block;}
	.content .box.soccer-table li,
	.content .box.soccer-matches li {padding-left:10px;}

/* Superbanner */
	aside.superbanner {line-height: 1px; position:relative; background:#000; margin-bottom:15px; overflow:hidden; padding:5px 5px 5px 40px; border:0px !important;}
	aside.superbanner > div {float:right; max-width:520px; width:100%;}
	aside.superbanner .label {color:#fff; position:absolute; left:8px; bottom:8px; float:none; width:1px;
			-webkit-transform:rotate(-90deg);
				-ms-transform:rotate(-90deg);
					transform:rotate(-90deg);

     -webkit-transform-origin: 100% 100%;
		-moz-transform-origin: 100% 100%;
		  -o-transform-origin: 100% 100%;
		 -ms-transform-origin: 100% 100%;
			 transform-origin: 100% 100%;
	}

/* Responsive-verhalten Werbemittel */
	.related-sponsors img,
	.superbanner img {height:auto;}
	.skyscraper img,
	.skyscraper object {margin:0 auto; height:auto;}

/* Suche + Suchergebnisse	 */
	.search-results {margin:0 0 20px 0; overflow:hidden; clear:both;}
	.search-result {margin:0; padding:15px 30px;}
	.search-result > a {display:block; position:relative; margin:0; clear:both;}
	.search-result > a > * {margin-bottom:10px;}

	.search-result .breadcrumb * {color:#fff;}
	.search-result .breadcrumb time {float:left; }
	.search-result .breadcrumb time:after {content:"-"; position:relative; left:5px;}
	.search-result .breadcrumb ul {overflow:hidden; margin:0;}
	.search-result .breadcrumb li {margin:0; padding:0; margin-left:5px; padding-left:5px; list-style:none; float:left;}
	.search-result .breadcrumb li + li:before {content:"/"; position:relative; left:-5px;}
	.section-bright .search-result .breadcrumb * {color:#000;}

	.search-form .structure input.btn,
	form.structure > * + * input.btn {margin-top:0; min-width:100%;}

	.structure-9-3 form .structure-9-3 > div {width:75%}
	.structure-9-3 form .structure-9-3 > div + div {width:25%}


/* Skyscraper */
	.skyscraper {position:relative;}
	.skyscraper img {width: 100%;}
	.skyscraper > div {padding:5px;}
	.masonry .skyscraper > div {padding:0;}
	.skyscraper .head {margin:0;}

/* Bühne */
	.wrap-stage {position:relative;}

	.stage {position:relative; z-index:70; /*margin-top:-14%;*/ width:100%; background:#000; overflow:hidden; margin-top:-8%;

		-moz-box-shadow: 0 0 15px rgba(0,0,0,0.7);
	 -webkit-box-shadow: 0 0 15px rgba(0,0,0,0.7);
		     box-shadow: 0 0 15px rgba(0,0,0,0.7);

	}
	.stage > div {-webkit-backface-visibility:hidden;}
	.stage article {position:relative;}
	.stage article > * > div {height:205px; background:#ffd900; position:relative; z-index:3; /*margin:-110px -300px 0 -300px;*/ margin:-70px -300px 0 -300px;
		-moz-box-shadow: 0 0 15px rgba(0,0,0,0.7);
	 -webkit-box-shadow: 0 0 15px rgba(0,0,0,0.7);
		     box-shadow: 0 0 15px rgba(0,0,0,0.7);

	}
	.stage article > * > div > div {-webkit-transform:translate3d( 0, 0, 0); position:relative; width:520px; padding:40px 60px 40px 50%;}
	.stage article > * > header {position:absolute; /*margin-top:-140px;*/ margin-top:-100px; z-index:4;}
	.stage article > * > header * {text-transform:uppercase; padding-left:190px; margin-left:-200px;}
	.stage article > * > header * b {padding-left:0; margin-left:0;}
	.touch .stage article h1 b {-webkit-transform:translateY(3px);}
	.touch .stage article h2 b {-webkit-transform:translateY(1px);}
	.stage img {width:95%; margin:0 auto; position:relative; right:-1px;}
	.stage h2 {font-size:52px; line-height:1.1em;}
	.stage h2 {font-size:32px; line-height:1.275em}
	.stage p {font-size:18px; line-height:24px; color:#000; margin-bottom:0; font-family: 'DINPro-Medium'; }

	.rebrush-stage article > * > header * {float:left; clear:both; padding:0; margin:0;}
	.rebrush-stage article > * > header  {bottom:18%; left:3.5%; left:30px;}
	.rebrush-stage header .invert-rotate, .rebrush-stage article > * > header span {margin:-1px 0 0; padding:0 3px;}
	.rebrush-stage article > * > header span {padding-top:0.1em; background:#000; }
	.rebrush-stage article > * > header h3 {margin-bottom:1em;}
	.rebrush-stage article > * > header h3 span {background:#ffd900; color:#000;}
	.rebrush-stage article > * > header h3 span b {color:inherit;}
	.rebrush-stage header > * > * > span:after {display:none;}
	.rebrush-stage  article > * > header h1, .rebrush-stage  article > * > header h2, .rebrush-stage  article > * > header h3 {}

	.rebrush-stage img {	min-width: 400px;}
	@media screen and (max-width: 400px) {
		.rebrush-stage img {	margin-left:calc(50vw - 200px);}
	}
	.stage + .prev-next-navigation { position:absolute; right:17%; top:-4%; z-index:150; list-style:none; }
	.stage + .prev-next-navigation li {cursor:pointer; color:#fff; font-size:30px; float:left; overflow:hidden;background: url("../images/layout/sprite_icons.png") no-repeat 10px -1000px; width:60px; height:70px; transition:0.2s; margin:0;}
	.stage + .prev-next-navigation .next {background-position:-60px -1000px;}
	.stage + .prev-next-navigation li:hover {background-color:rgba(0,0,0,0.2);}

	.stage .date {color:#fff; font-size:20px; position: absolute; left:5px; top:100%; margin-top:0.75em;}
	.rotate-270 {
			-webkit-transform:rotate(270deg);
				-ms-transform:rotate(270deg);
					transform:rotate(270deg);}

	.stage article + article {display:none;}
	.js .stage {visibility:hidden;}
	.js .stage.animated {visibility:visible;}
	.js .stage.animated article {display:none;}
	.js .stage.animated article.act {display:block;}
	.js .stage .slider-navigation {position:absolute; right:375px; bottom:210px; display:none;}
	.js .stage .slider-navigation li {margin-left:10px;}

	/* Umarbeitung auf Punkte */
		.js .slider-navigation li {text-indent:-99999px; width:15px; height:15px; background:#fff; border:2px solid #fff;}
		.js .slider-navigation li.act,
		.no-touch.js .slider-navigation li:hover {background:#000}


	/* Bühnen-Animation */
		.touch .sticky-banner,
		.csstransitions.js:not(.touch) .slider-navigation li,
		.csstransitions.js .stage.loaded article img:not(.dragged),
		.csstransitions.js .stage article > * > div > div {
			-webkit-transition: all 0.4s ease;
			-moz-transition: all 0.4s ease;
			transition: all 0.4s ease;
		}

		.js .stage article img.dragged {position:relative;}

		.csstransitions.js .stage article > * > header {
			-webkit-transition: all 0.3s ease-in-out;
			-moz-transition: all 0.3s ease-in-out;
			transition: all 0.3s ease-in-out;
		}

		.js .stage.animated article > * > header {
			-webkit-transform:translateX(-120%);
				-ms-transform:translateX(-120%);
					transform:translateX(-120%);
		}
		.js .stage.animated article img {
			-webkit-transform:translateX(120%) rotate(4.5deg);
				-ms-transform:translateX(120%) rotate(4.5deg);
					transform:translateX(120%) rotate(4.5deg);
		}
		.js .stage.animated article.prev img {
			-webkit-transform:translateX(-120%) rotate(4.5deg);
				-ms-transform:translateX(-120%) rotate(4.5deg);
					transform:translateX(-120%) rotate(4.5deg);
		}

		.js .stage article.positioned > * > div > div {min-height:30px;}
		.js .stage article.prev.positioned img,
		.js .stage article.positioned img {
			-webkit-transform:translateX(0) rotate(4.5deg);
				-ms-transform:translateX(0) rotate(4.5deg);
					transform:translateX(0) rotate(4.5deg);
		}
		.js .stage article.positioned > * > header {
			-webkit-transform:translateX(0);
				-ms-transform:translateX(0);
					transform:translateX(0);
		}
	/* Anpassungen für skew statt rotate*/
	.js .rebrush-stage.animated article img {
			-webkit-transform:translateX(120%);
				-ms-transform:translateX(120%);
					transform:translateX(120%);
	}
	.js .rebrush-stage.animated article.prev img {
			-webkit-transform:translateX(-120%);
				-ms-transform:translateX(-120%);
					transform:translateX(-120%);
	}
	.js .rebrush-stage article.prev.positioned img,
	.js .rebrush-stage article.positioned img {
		-webkit-transform:translateX(0);
			-ms-transform:translateX(0);
				transform:translateX(0);
	}

	/* Slider */
		.slider-wrap {position:relative; overflow:hidden;}
		.slider {display:block; width:100%; height:100%; overflow:hidden; margin-bottom:0;}
		.slider > * {display:block; float:left; width:100%; position:relative; left:0; padding:0; margin:0;}
		.slider > *.current {z-index:100 !important;}
		.slider > * + * {display:none;}
		.slider-navigation {clear:both; overflow:hidden; padding:5px; bottom:0; right:10px; z-index:101; position:absolute; margin-bottom:8px;}

		.slider-navigation li {padding:0; margin:0; cursor:pointer; float:left; list-style:none;}
		.js .slider > * + * {display:block;}
		.slider-wrap .slider-navigation {left:10px;}
		.slider-navigation li + li {margin-left:7px;}



/* Kontaktformular */
	.contact-form .replace-select {width:100%;}


	div.box-article.box-header header h1 {padding-bottom:20px; margin-bottom:0;}
	div.box-article.box-header header {margin-bottom:15px;}


/* News-Teaser; Startseite */
	.news-teaser {background:#000; overflow:hidden; position:relative; margin-bottom:15px;}
	.news-teaser:hover {background:#333333;}
	.news-teaser a {overflow:hidden; display:block;}
	.news-teaser a p {color:#fff; margin-bottom:0;}
	.news-teaser a > * {width:43.5%; float:left; position:relative;}
	.news-teaser a > * + * {width:48.5%; padding:2.5% 4%;}

	.summary-teaser .news-teaser a > * {width:28.5%; float:left; position:relative;}
	.summary-teaser .news-teaser a > * + * {width:61.5%; padding:2.5% 4%;}

	.news-teaser figure {overflow:hidden;}
	.news-teaser header * {color:#ffd900; text-transform:uppercase;}
	.news-date {background:#fff; color:#000; position:absolute; bottom:0; right:0; width:80px; font-size:14px; font-family:'DINPro-Bold'; text-align:center; z-index:10;}
	.news-date:before {border-bottom: 0 none; border-right: 5px solid #FFFFFF;	border-top: 23px solid transparent;	content: ""; display: inline-block;	height: 0; left: -5px; position: absolute; top: 1px; width: 0;}

	.sub .news-date {bottom:-1px;}
	.sub .news-date:before {left:-4px;}

	/* Größere Variante */
		.news-teaser.prio a > * {float:none; clear:both; width:100%;}
		.news-teaser.prio header * {margin-bottom:10px;}
		.news-teaser.prio a > * + * {width:92%;}
		.news-teaser.prio header * {font-size:20px;}

	/* Abweichung Personalien */
		.player-teaser figure{width:28.5%;}
		.player-teaser figure + div{width:62.5%;}

/* Verwandte Artikel/ Teaser */
	.related-articles h4 {font-size:24px; margin-bottom:25px;}
	.teaser > * > div,
	.teaser {position:relative;}

	.teaser h1 {color:#ffd900; margin:0;}
	.teaser header {padding:10px; background:#000; height:80px;}
	.teaser:hover header {background:#ffd900;}
	.teaser:hover header h1 {color:#272727}
	.teaser figure {overflow:hidden;}

	.section-bright .related-articles .teaser header {background:#5c5c5c;}
	.section-bright .related-articles .teaser header h1 {color:#fff}
	.section-bright .related-articles .teaser header:hover {color:#000; background:#333}

	aside.teaser {margin-bottom:15px;}

/* Detailseiten */
	article.live-ticker header,
	.scroll-page article header,
	.box-announcement > .header,
	.box-article > header {padding:30px 30px 0 30px; position:relative;}
	.box-article > header + .news-date {position:relative;}

/* Beton-Hintergrund auf Startseite entfernen */
.no-background-image.no-background-image { background-image:none; }

/* News Rebrush (Masonry Grid) */
	.center {text-align:center;}
	.btn-big {font-size:20px; padding:1em 2.5em; }
	.btn-big.btn-dark {color:#ffd900;}
	.btn.icon-next:after {content:''; background:url("../images/layout/sprite_icons.png") no-repeat -7px -628px; display:inline-block; width:30px; height:25px; margin: -5px 0; margin-left:10px;}
	.content.fullsize {padding:0;}
	.bg-black {background:#000; color:#fff;}
	.content-bright .skew.bg-black {background:#8c8c8c; }
	.bg-white {background:#fff; }
	.bg-lightgrey {background:#eee;}
	.bg-light, .bg-light p {color:#000;}
	.h-centered, .h-big {text-align:center; text-transform:uppercase; color:inherit; z-index:1; position:relative;}
	.h-big {text-align:left;}
	h2.h-centered, h2.h-big, .h-big {font-size:58px; line-height:1; margin-bottom:0.59em;}
	h3.h-centered, h3.h-big {font-size:30px; line-height:1; margin-bottom:1.13em;}
	.skew { margin-top:-2px;
  -webkit-transform: skewY(-4.5deg);
     -moz-transform: skewY(-4.5deg);
      -ms-transform: skewY(-4.5deg);
          transform: skewY(-4.5deg);}
	.invert-skew { overflow:visible;
  -webkit-transform: skewY(4.5deg);
     -moz-transform: skewY(4.5deg);
      -ms-transform: skewY(4.5deg);
          transform: skewY(4.5deg);}
	.invert-skew:after {content:''; display:table; clear:both;}
	.skew-contain, .skew-contain-top {padding-top:4%; border-top:10px solid transparent;}
	.skew-contain, .skew-contain-bottom  {padding-bottom:4%;}
	.skew-containhalf, .skew-containhalf-top {padding-top:2%;}
	.skew-containhalf, .skew-containhalf-bottom {padding-bottom:2%;}
	.skew-cover, .skew-cover-top {margin-top:-4%;}
	.skew-cover, .skew-cover-bottom  {margin-bottom:-4%;}

	.masonry  {margin:0 auto; color:#000;}
	.masonry > * {width:335px; margin:0 10px 20px;
	-webkit-backface-visibility: hidden;
		   -moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
				box-sizing: border-box;}
	.masonry > aside {margin-bottom:20px;}
	.masonry.masonry > *  { background:#fff;
	  -webkit-transition: none;
		 -moz-transition: none;
		   -o-transition: none;
			  transition: none;}
	.masonry.masonry * {color:inherit;}
	.masonry.masonry b { color:#888; }
	.masonry .emoji-outer {margin-top:-10px; position:relative; top:6px;}
	.masonry figure {margin:-20px -20px 0;}
	.masonry > .w-2 {width: 690px;}
	.masonry .news-teaser figure {margin-bottom:15px;}
	.masonry > aside { padding:20px;}
	.masonry > aside.padding-1px { padding:1px;}
	.masonry > aside.no-padding {padding:0;}
	.masonry > aside.w-2 > * {max-width:620px;}
	.masonry > aside.w-2.no-padding > * {max-width:640px;}
	.masonry > aside.w-2.padding-1px > * {max-width:639px;}
	.masonry > aside  a {width:100%;}
	.masonry > aside.no-padding:not(.w-2) .label {padding-top:20px;}
	.masonry > aside.padding-1px:not(.w-2) .label  {padding-top:19px;}
	.masonry .news-teaser a {padding:20px;}
	.masonry .news-teaser a:hover {background:#ffd900;}
	.masonry .news-teaser a > * { float:none; width:auto; display:block; padding:0;}
	.masonry .news-teaser h1 {font-size:1.43em; line-height:1.1; float:none; padding:0; margin-bottom:10px;}
	.masonry .news-teaser p {font-size:17px; line-height:1.235em;}
	.masonry object, .masonry embed, .masonry iframe, .masonry aside a > * {margin:0 auto;}
	.masonry .news-date {bottom:auto; top:0;}
	.masonry .news-date:before {border-bottom:23px solid transparent; border-top:0; top:0}
	.masonry  aside .label {text-transform:uppercase; color:#6d6d6d; font-family:"DINPro-Bold"; font-size:14px; display:block; text-align:center; line-height:10px; margin-bottom:20px;}
	.masonry  .superbanner .label {bottom:auto; left:20px; width:auto; padding:0; top:50%; margin:0;
  -webkit-transform: translateX(-50%) rotate(-90deg);
     -moz-transform: translateX(-50%) rotate(-90deg);
      -ms-transform: translateX(-50%) rotate(-90deg);
          transform: translateX(-50%) rotate(-90deg);
     -webkit-transform-origin: 50% 0;
		-moz-transform-origin: 50% 0;
		 -ms-transform-origin: 50% 0;
			 transform-origin: 50% 0;}
	.masonry aside.w-2 div, .masonry  aside.w-2 a {float:right;}

@media screen and (max-width:2150px) and (min-width: 1420px) {
	.masonry  article.w-2 a > div {min-height:95px;}
}
@media screen and (max-width:2150px) and (min-width: 1420px), screen and (max-width:1082px) and (min-width: 731px) {
	.masonry  *:first-child + .news-teaser:not(.w-2) a > div,
	.masonry  *:first-child + *  + .news-teaser:not(.w-2) a > div {min-height: 208px;}
}
/* Anzeige der Reihenfolge der News etc. in News-Masonry */
body {counter-reset: masonry;}
.masonry > article {counter-increment:masonry; }
.masonry > article:before {content: counter(masonry); position:absolute; top:0; left:5px;font-size:16px; color:#fff; z-index:10; display:none;}
.masonry > .superbanner:before {top:10px;}
.masonry.show-numbers > *:before {display:block;}


/* Rebrush: Magazin-Teaser */
.skew .overlay {background: rgba(255,230,0,0.8); opacity:0; height:100%; position:absolute; top:0; left:0; right:0; bottom:0; transition:0.2s;}
.skew a:hover .overlay {opacity:1;}

.magazine-teasers {overflow:hidden; color:#000; padding-bottom:5px;}
.magazine-teasers * {color:inherit;}
.magazine-teasers img.alternate {display:none;}
.magazine-teasers h1, .bvb-total h1 {font-size:30px; line-height:1.1; padding:0; margin:0; text-transform:uppercase;}
.magazine-teasers h1 time, .bvb-total h1 time{font-size:0.6em; display:block; margin-bottom:0.5em;}
.magazine-teasers .v-center, .bvb-total .v-center {position:absolute; left:20px; right:20px; top:0; bottom:0; /*top:50%; transform:translateY(-50%);*/ display:flex; align-items:center; justify-content:center;}
.masonry-percent > * {width:20%; padding-bottom:20%; float:left; box-sizing:border-box;}
.masonry-percent > * > * {position:absolute; top:3px; left:3px; bottom:3px; right:3px; overflow:hidden; }
.masonry-percent > .w-2 {width:40%;}
.masonry-percent > .h-2 {padding-bottom:40%;}
.masonry-percent .skew-cover {height:109%;}
.masonry-percent  .w-2:not(.h-2) .skew-cover {height:118%;}

@media screen and (max-width: 1200px) {
	.masonry-percent > * {width:25%; padding-bottom:25%;}
	.masonry-percent > .w-2 {width:50%;}
	.masonry-percent > .h-2 {padding-bottom:50%;}
}
@media screen and (max-width: 960px) {
	.masonry-percent > * {width:33.333%; padding-bottom:33.333%;}
	.masonry-percent > .w-2 {width:66.666%;}
	.masonry-percent > .h-2 {padding-bottom:66.666%;}
}
@media screen and (max-width: 720px) {
	.masonry-percent > * {width:50%; padding-bottom:50%;}
	.masonry-percent > .w-2 {width:100%;}
	.masonry-percent > .h-2 {padding-bottom:100%;}
}

/* Rebrush: BVB Total! */
.bvb-total h2 {float:right; overflow:hidden; padding-right:3%; padding-bottom:2%; max-width:66%;}
.bvb-total > article > * {position:absolute; top:0; left:0; bottom:0; right:0; overflow:hidden; border:3px solid transparent;}
.bvb-total {overflow:hidden; padding: 3% 0 5%; border-top:8px solid #000;}
.bvb-total {background:#ffd900}
.bvb-total article {width:33.33%; padding-bottom:17.75%; float:left; position:relative; clear:right;}
.bvb-total  .skew-cover {height:115%;}
.bvb-total  a:not(:hover) .overlay {opacity:1; background: rgba(0,0,0,0.2); /*color:#fff;*/}
.bvb-total  a:not(:hover) h1 {opacity:0;}
.bvb-total  .overlay { color:#000;}
.bvb-total  a:hover {border-color: #000;}
.bvb-total h1 {color:inherit;}
.bvb-total .fa-play-circle-o {font-size:5em; color:#fff; transition:0.4s;}
.bvb-total a:hover .fa-play-circle-o {opacity:0;}
.premium-content .premium-marker {display:block;}
.premium-marker {background:#fff; position:absolute; top:0; left:0; display:none;}
.premium-marker .fa {color:#000; font-size:20px; padding:5px;}
.bvb-total .premium-marker:after {content:''; position:absolute; top:0; left:0; right:0; bottom:0; background: rgba(255,230,0,0.8); opacity:0;}
.bvb-total a:hover .premium-marker:after { opacity:1;}
@media screen and (max-width: 1500px) {
	.bvb-total {font-size:1vw;}
	.bvb-total h1 {font-size:2em;}
}
@media screen and (max-width: 730px) {
	.bvb-total {font-size:3vw;}
	.bvb-total article {width:100%; padding-bottom:53.25%;}
}
/*BVB-Total-Bild-Animation*/
.bvb-total article img + img {position:absolute; top:0; animation: fade-in-img 6s alternate infinite ease-in-out both; opacity:0; }
.bvb-total article+article img {animation-delay:1s;}
.bvb-total article+article+article img {animation-delay:2s;}

.bvb-total article img {transition:0.5s;}
.bvb-total a:hover img {transform:scale(1.2);}

.bvb-total a:hover img {animation-play-state:paused;}

@keyframes fade-in-img {
	30%	{opacity:0;}
	70%, 100% {opacity:1;}
}

/*IE11*/
@media all and (-ms-high-contrast:none) {
	/* .matches-teasers .bg-lightgrey, .matches-teasers .bg-light {background:#fff !important;}*/
	.invert-skew { overflow:hidden;}
	.matches-teasers > .invert-skew {overflow:visible;}
	.matches-teasers, .matches-teasers > *  {transform:none !important; }
	.matches-teasers {position:relative; z-index:0; overflow:visible !important;}

	.bvb-total img + img {display:none !important;}
.bvb-total .invert-skew {transform:none !important;}
}
/* MS Edge */
@supports (-ms-ime-align:auto) { 
	/* .matches-teasers .bg-lightgrey, .matches-teasers .bg-light {background:#fff !important;}*/
	.invert-skew { overflow:hidden;}
	.matches-teasers > .invert-skew {overflow:visible;}
	.matches-teasers, .matches-teasers > *  {transform:none !important; }
	.matches-teasers {position:relative; z-index:0; overflow:visible !important;}
}

/* Rebrush: Werbe-Zeile */
.pullout-teaser-row {position:relative; z-index:3;}
.pullout-teaser-row .h-big {margin-bottom:0.25em;}
.pullout-teaser-row .skew-contain {overflow:hidden;}
.full-bg {overflow:hidden; position:absolute; width:100%; height:100%; top:0; left:0; }
.full-bg > div {background:url(../images/werbezeile/bg-werbezeile.jpg); background-size:cover; width:100%; height:100%; padding:4% 0;}
.ad-row-content .h-big p { font-family: 'DINPro-Bold'; margin:0; font-size:inherit; line-height:inherit; margin:0;}

@media screen and (min-width: 731px) {
.pullout-teaser-row .skew-contain {width:50%; padding-top:18%; padding-bottom:0;}
.ad-row-content {position:absolute; bottom:3%; right:0; left:0; top:12%; padding:0 20px; display:flex; align-items: center; justify-content: center;}
.pullout-teaser-row .inner-position {float:left; position:relative; max-height:100%; }
.ad-row-content h2, .ad-row-content .h-big {font-size:3vw;}
.pullout-teaser-row .pullout {right:25%; top:50%; transform:translate(50%, -50%); position:absolute; height:130%; text-align:center;}
.pullout-teaser-row .pullout img {display:inline-block; height:100%; width:auto;}

.pullout-teaser-row.img-left .pullout {right:auto; left:25%; transform:translate(-50%, -50%);}
.pullout-teaser-row.img-left .skew-contain {margin-left:50%;}
}
@media screen and (max-width: 730px) {
.ad-row-content h2, .ad-row-content .h-big {font-size:8vw;}
.ad-row-content * {text-align:center;}
.pullout-teaser-row.pullout, .ad-row-content {padding:0 30px; text-align:center;}
.pullout-teaser-row .pullout {height:200px; height:49vw; display:flex; align-items: center; justify-content: center;}
.pullout-teaser-row .pullout img {width:auto; height:100%;}
}

/*Rebrush: Netradio-Bar*/
.netradio-bar  {z-index:81;}
.netradio-bar .bar-content  {display:flex; background: #95268f;  width:100%; position:fixed; bottom:0; left:0; right:0;  transition:0.3s; z-index:99;}
.netradio-bar:not(:hover) .bar-content {transform:translateY(100%);}
.netradio-bar.toggle-only .bar-content  {display:none;}
.netradio-bar .player {height:60px; width:400px; padding:20px; flex-grow:1; display:flex; justify-content:center; margin-right:190px; }
.netradio-bar .player .responsive-audio {max-width:200px; padding:0;}
.netradio-bar .presenters { margin:10px 20px; width:160px; display:flex; flex-shrink:0; justify-content:center; align-items:center; }
@media screen and (min-width: 850px) {
.netradio-bar .presenters { width:340px; background:url(../images/netradio/level_display_transparent.png) 50% 50% no-repeat; background-size:contain;}
}
.netradio-bar .presenters img { float:left; width:80px;}
.netradio-bar .presenters img:first-child {transform:rotate(-4.5deg); margin-right:-11px; margin-top:-2px}
.netradio-bar .bar-toggle {position:fixed; bottom:0; right:0; padding:20px 30px; cursor:pointer; z-index:100; background: #95268f; color:#fff; text-transform:uppercase; }
.netradio-bar .bar-toggle * {color:inherit; text-transform:inherit; margin:0; line-height:60px; height:60px;}
.netradio-bar .bar-toggle span {padding-left:0.2em;}
.netradio-bar .bar-toggle .fa { width:1em; text-align:center; }
.netradio-bar.playing .bar-toggle .fa-microphone, .netradio-bar .bar-toggle .fa-pause {display:none;}
.netradio-bar.playing .bar-toggle .fa-pause {display:inline-block;}
.netradio-bar .mejs-prevtrack, .netradio-bar .mejs-nexttrack, .netradio-bar .mejs-time-rail, .netradio-bar .mejs-time {display:none !important;}
.netradio-bar .mejs-controls, .netradio-bar .mejs-container {background:transparent !important; border:0 !important; }
body .netradio-bar .progression-skin .mejs-controls button:not(:hover) {color:#fff !important;}
body .netradio-bar .progression-skin .mejs-controls button:hover {color:#fff !important;}
html body .netradio-bar .progression-skin .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {background:#fff; height:4px; margin-top:2px; }
html body .netradio-bar .progression-skin .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total  {background:#fff; height:4px;margin-top:2px; box-shadow:none;}
.netradio-bar .mejs-controls div.mejs-volume-button,
.netradio-bar .mejs-controls div.mejs-horizontal-volume-slider {top:7px;}
.netradio-bar .mejs-playpause-button button {border-radius:50%; border:4px solid !important; background:transparent !important; width:2em !important; height:2em !important; background:transparent !important; font-size:25px !important;}
.netradio-bar .mejs-playpause-button button:before {font-size:0.8em !important; }
.netradio-bar .responsive-wrapper.responsive-audio .mejs-container.progression-skin {height:50px !important;}
.netradio-bar .mejs-container.progression-skin .mejs-controls  {height:100%; }
.netradio-bar .mejs-container .mejs-controls .mejs-playpause-button {width:100px; background:transparent !important;}
.netradio-bar .progression-skin .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-handle {background:#fff; display:block; border-radius:0; border-color:#fff;}
.netradio-bar .progression-skin .mejs-controls .mejs-mute button:before {font-size:25px;}
html .progression-skin .mejs-controls .mejs-unmute, html .progression-skin .mejs-controls .mejs-mute, html .progression-skin .mejs-controls .mejs-horizontal-volume-slider {display:block !important;}
@media screen and (max-width: 700px) {
	.netradio-bar .bar-toggle, .netradio-bar .player {padding:5px 13px; height:40px;bottom:63px}
	.netradio-bar .bar-toggle {width:26px; text-align:center;}
	.netradio-bar .player {width:100%;}
	.netradio-bar .bar-toggle span {padding:0;}
	.netradio-bar .bar-toggle * {line-height:40px; height:40px;}
	.netradio-bar .bar-toggle .txt, .netradio-bar .presenters {display:none;}
	.netradio-bar .mejs-playpause-button button {font-size:15px !important; border-width:3px !important; margin-top:3px !important; }
	.netradio-bar .mejs-controls div.mejs-volume-button, .netradio-bar .mejs-controls div.mejs-horizontal-volume-slider {top:-2px;}
	.progression-skin .mejs-controls .mejs-playpause-button button:before {line-height:24px !important;}
	.progression-playlist.progression-skin .mejs-controls .mejs-playpause-button {width:60px;}
	.responsive-wrapper.responsive-audio {padding:0 !important;}
	.netradio-bar .bar-content {display:block;}
}
@media screen and (max-width: 576px) {
	.sticky-banner.enabled ~ .netradio-bar > .bar-toggle {bottom:95px;}
	.sticky-banner.enabled ~ .netradio-bar > .bar-content {padding-bottom:95px;}
}

.keep-ratio {padding-top:100%; position:relative; }
.keep-ratio > * {position:absolute; margin:0 auto; top:0; left:0; width:100%; height:100%;}

/* Rebrush: Nächstes/Letztes Spiel -25% 75px 1%=3px // -8% -137px 1%=17.125px */
a.box-link, .matches-teasers .match a {color:inherit;}
.wrap-stage  {margin-top:calc(-3.9% - 11px);}
.matches-teasers {overflow:hidden;}
.matches-teasers > * > div:before, .matches-teasers .subrow .bg-yellow:before {content:''; background:inherit; position:absolute; height:300%; width:100%; top:-100%; left:0;}
/*
.matches-teasers > .invert-skew {overflow:visible;}
.matches-teasers > .invert-skew:after {content:''; display:table; clear:both;}
*/
.matches-teasers .h-centered {margin-bottom:10px;}

.matches-teasers h2 {width:100%}
.matches-teasers .w-2 {flex-grow:2;}
.matches-teasers > div  > div {width:25%; float:left;}
.matches-teasers > div  > h2:nth-last-child(3) ~ div {width:33%;}
.matches-teasers > div {display:flex; flex-wrap:wrap;}

.grey {color:#b1b1b1;}
.btn-red {background:#ee151b;}
.btn-red:hover, a:hover .btn-red {background:#931e21;}
.matches-teasers .bg-icon {background: url("../images/layout/sprite_announcement_icons.png") no-repeat; padding-left:45px; min-height:40px; display:flex;}
.matches-teasers .icon-clock { background-position:-10px -309px; }
.matches-teasers .icon-stadium { background-position:-5px -200px; padding-left:55px;}
.matches-teasers  .bg-black:not(.subrow) {background-color:#222;}
.matches-teasers  .bg-light {background-color:#eee;}
.matches-teasers  .bg-lightgrey {background-color:#ddd;}

.matches-teasers {text-transform:uppercase; font-family: 'DINPro-Bold'; font-size:18px;}
.matches-teasers p {font-family:inherit; font-size:inherit;}
.list-matches {list-style:none; text-align:center; margin:0 20px;}
.list-matches li {margin:0;}
.matches-teasers .match {margin:0 5%;}
.matches-teasers .match-teams {position:relative; margin-bottom:2em;}
.matches-teasers .match-teams > * {float:left; width:30%; text-align:right; line-height:1.2;}
.matches-teasers .result { text-align:center;}
.matches-teasers .team .wrap-logo {float:left; width:42px; margin-right:1%; position:relative;}
.matches-teasers .away-team .wrap-logo {float:right; margin:0 0 0 1%;}
.keep-ratio  img {display:block; width:100%;  position:absolute; top:0; left:0;}
.keep-ratio  img[src $=".svg"] {height:100%;}
.matches-teasers .away-team {text-align:left;}
.matches-teasers .result {font-size:42px;}
.btn.center-label {padding:0.66em 2em;}
.matches-teasers .next-match .meta {margin:0 -10px;}
.matches-teasers .next-match .meta > * {margin: 0 5px 10px;}
.matches-teasers .next-match .meta > .btn {max-width:100%; text-align:center;}
.matches-teasers  .next-matches a {color:inherit;}

.matches-teasers  p {text-align:center; width:100%; }
.matches-teasers  p span {display:inline-block;}

.matches-teasers  .team, .matches-teasers  .match-teams, .matches-teasers  .next-match .meta, .matches-teasers .bg-icon {display:flex; align-items:center; justify-content:space-between; align-content:center;}
.matches-teasers  .next-match .meta {flex-wrap:wrap;}
.matches-teasers  .team  > *, .matches-teasers  .match-teams > * {flex: 0 1 auto;}
.matches-teasers  .next-match .meta > * {flex:1 0 auto;}
.matches-teasers  .away-team span {order:-1;}
.matches-teasers  .home-team {justify-content:flex-end;}

.last-match .teams {color:inherit;}

.matches-teasers .next-match {z-index:1;}
.matches-teasers .full-img {position:relative; }
.matches-teasers .full-img img {position:absolute; top:0; left:50%; transform:translateX(-50%);}

@media screen and (min-width: 1920px) {
	.matches-teasers  .next-match .match-teams {font-size:30px;}
}
@media screen and (max-width: 1919px) {
	.matches-teasers  .next-match .match-teams {font-size:24px;}
}
@media screen and (max-width: 1499px) {
	.matches-teasers  .next-match .match-teams {font-size:20px;}
}
@media screen and (max-width: 1279px) {
	.matches-teasers  .next-match .match-teams {font-size:18px;}
}
@media screen and (min-width: 1051px) {
	.has-nested-contains .skew-contain {padding-top:0; padding-bottom:0;}
}
@media screen and (max-width: 1050px) {
	.has-nested-contains .skew {width:100% !important;}
	.matches-teasers > * > div:before {display:none;}
	.matches-teasers h2 {order:-2;}
	.matches-teasers .next-match {order:-1;}
	.invert-skew.has-nested-contains {padding:0; border:0;}
}
@media screen and (min-width: 531px) {
	.matches-teasers  .next-match .match-teams .team { width:41%; }
	.matches-teasers  .next-match .result { width:18%; font-size:2.4em;}
	.matches-teasers  .next-match .team .wrap-logo {width:23%; min-width:23%; margin-right:1%; }
	.matches-teasers  .next-match .meta .teams {display:none;}
	.matches-teasers  .next-match .team  {justify-content:space-between;}
}
@media screen and (max-width: 530px) {
	.matches-teasers  .next-match .team span {display:none;}
}

.matches-teasers .full-img img, .matches-teasers .full-img a {display:block;}
.matches-teasers .full-img img {height:158%; height:calc(100% + 12vw); width:auto; max-width:none; margin: -12% 0 -70%;}
.matches-teasers .full-img:last-child img {margin-top: -36%;}
.matches-teasers .full-img:before {display:none;}
.matches-teasers .full-img img {min-height:27vw;}
@media screen and (max-width: 1050px) {
	.matches-teasers .full-img {display:none;}
}

.subrow {position:relative; overflow:hidden;}
.flex-row {display:flex; position:relative;}
.flex-row > * {flex-grow:0; flex-shrink:0;}
.flex-fill {flex-grow:1;}
.subrow .main-img {width:100px; height:auto; padding: 0 3% }
.subrow .h-centered {margin:auto;}
.subrow h2.h-centered {font-size:30px;}
.subrow > * > * {padding:0 2%;}
.bg-yellow {background-color: rgb(255, 217, 0); color:#000;}

@media (min-width:1051px) {
	.matches-teasers .w-2 .subrow {margin:10% 0 -8%;}
	.subrow h2.h-centered {font-size:3vw;}
}
@media (max-width:1150px) and (min-width:1051px), (max-width:600px) {
	.subrow > .flex-row {flex-wrap:wrap;}
	.subrow > * > * {width:100%; padding: 2%;}
	.matches-teasers .subrow .bg-yellow:before {top:0;}
	.only-for-2cols {display:none;}
}




/*	Live-Ticker */
	.symbol:after {content:''; display:inline-block; position:relative; top:4px; width:35px; height:35px; background:url("../images/layout/icons_live.png") no-repeat 0 0 transparent; background-size:175px;}
	.symbol.change:after {background-position:-47px -90px;}
	.symbol.card-yr:after {background-position:-5px -88px;}
	.symbol.card-y:after {background-position:-91px -44px;}
	.symbol.card-r:after {background-position:-135px -44px;}
	.symbol.lineup:after {background-position:-3px -44px;}
	.symbol.free-kick:after {background-position:-90px 0;}
	.symbol.goal:after {background-position:-4px 0;}


/* Spieler-Menü */
	.player-navigation {padding-right:30px;}
	.player-navigation ul {margin-top:-114px; overflow:hidden; margin-bottom:1px; position:relative; height:112px; min-height:112px;}
	.player-navigation li {margin:0; display:block;}
	.player-navigation a {display:block; width:100%; overflow:hidden;}
	.player-navigation a:hover {background:#333;}
	.player-navigation .shirt-no,
	.player-navigation .render-h1 {float:left; display:block; line-height:55px; font-size:50px;}
	.player-navigation .shirt-no {font-size:58px; float:right; border-top:1px solid #000; text-align:center; font-family:'DINPro-Bold'; color:#000; background:#ffd900; width:15%;}
	.player-navigation .render-h1 {border-top:1px solid #ffd900; margin-bottom:0; width:85%;}
	.player-navigation li.cur {height:87px; margin-bottom:0px; padding-bottom:25px;}
	.player-navigation li.cur .shirt-no {padding-top:32px; border-top:0;}
	.player-navigation .toggle {cursor:pointer; display:block; height:22px; border-top:3px solid #ffd900; width:15%; position:absolute; background:url("../images/layout/sprite_icons.png") no-repeat center -365px #ffd900; background-size:100px; bottom:0; right:0;}
	.player-navigation .toggle.clone {bottom:auto; top:0;}
	.open.player-navigation .toggle {
  -webkit-transform: rotate(180deg);  /* Chrome, Safari 3.1+ */
     -moz-transform: rotate(180deg);  /* Firefox 3.5-15 */
      -ms-transform: rotate(180deg);  /* IE 9 */
       -o-transform: rotate(180deg);  /* Opera 10.50-12.00 */
          transform: rotate(180deg);  /* Firefox 16+, IE 10+, Opera 12.10+ */
	}
	.open.player-navigation ul {height:auto; padding-bottom:26px;}
	.open.player-navigation li.cur {padding-bottom:0;}

	.box-white .player-navigation .render-h1,
	.box-white .player-navigation .shirt-no {border-color:#272727;}
	.box-white .player-navigation a:hover {background:#ffd900;}

/* Letztes Spiel */
	.matches-small {text-align:center; color:#fff; margin-bottom:10px; padding-bottom:10px;}
	.matches-small a > div,
	.matches-small > div {overflow:hidden; padding:15px;}
	.matches-small div span {font-size:42px; line-height:48px;margin-top:20px; font-family:'DINPro-Bold'}
	.matches-small .home-team {float:left;}
	.matches-small .away-team {float:right;}
	.matches-small img, .matches-small .wrap-logo {width:48px;}
	.matches-small p {font-family: 'DINPro-Medium'; margin-bottom:5px; margin-top:3px; line-height:18px; font-size:14px;}
	.matches-small p span {white-space:nowrap;}
	.matches-small p + p,
	.matches-small p + p	span {margin-bottom:0; color:#7c7c7c !important;}
	.matches-small.next-match {background:url("../images/layout/sprite_announcement_icons.png") no-repeat center 45px #fff;}
	.matches-small.last-match {background:#000;}
	.matches-small b {font-size:15px;}
	.matches-small.next-match * {color:#000;}
	.matches-small.last-match * {color:#fff;}
	.box.soccer-matches .matches-small.next-match  {margin:0 -5px 10px -5px; background-position:center 10px;}
	.soccer-matches li p {font-size:14px;}

	.matches-small span.tournament {display:block; text-indent:-9999px; margin:0 auto 2px auto; width:30px; height:37px; background:url("../images/layout/sprite_tournaments.png") no-repeat 0 0 transparent;}

	.matches-small span.tournament.cl {background-position:0 0;}
	.matches-small.last-match span.tournament.cl {background-position:0 -37px;}
	.matches-small span.tournament.bl {background-position:0 -74px;}
	.matches-small.last-match span.tournament.bl {background-position:0 -111px;}
	.matches-small span.tournament.uc {background-position:0 -148px;}
	.matches-small.last-match span.tournament.uc {background-position:0 -185px;}
	.matches-small span.tournament.dfb {background-position:0 -222px;}
	.matches-small.last-match span.tournament.dfb {background-position:0 -260px;}
	.matches-small span.tournament.el {background-position:0 -297px;}
	.matches-small.last-match span.tournament.el {background-position:0 -333px;}


	/* Abweichungen für Platzierung im Menü */
		nav .matches-small {margin:0; padding:11px 0;}
		nav .matches-small.last-match b {color:#ffd900;}
		nav .matches-small > a > div {padding:5px 20px;}
		nav .matches-small > div {padding:5px 20px;}
		nav .matches-small.next-match {background-position:center 30px;}

		.submenu-wrap section h3.no-border {border:0; margin-bottom:0;}
		.submenu-wrap section h3 + figure img {margin-top:-5px;}

		.submenu-wrap section figure + .btn-center,
		.submenu-wrap section .text + .btn-center {border-top:1px solid #000;}
		.submenu-wrap section .text {margin-bottom:15px;}
		.submenu-wrap blockquote {font-weight:normal;}
		.submenu-wrap section .text h5 {font-family: 'DINPro-Bold'; text-transform:uppercase; margin:10px 0 8px 0}

		.sub nav {position:relative; padding-bottom:55px;}
		.sub nav .btn {position:absolute; bottom:0;}


		.sub nav article.news-teaser a {line-height:20px}
		.sub nav article.news-teaser a > div {text-transform:uppercase; padding:9px 4% 8px 4%; width:92%; margin:0; font-size:15px;}
		.sub nav article.news-teaser .news-date {line-height:24px;}

/* Ticker */
	.ticker li {padding:0;}
	.ticker li a {display:block; padding:8px 15px;}
	.ticker li a:before {content:'» '}
	.ticker li a:after {content:' «'}
	/*
		.ticker h6 {text-indent:-9999px; background:url("../images/layout/sprite_icons.png") no-repeat 15px -848px transparent;}
	*/
	.ticker .head {margin:0;}

/* Statistiken */
	table.statistics th {background:#ffd900; color:#000;}
	table.statistics td, table.statistics th {padding:5px 8px;}
	table.statistics .highlight td {background:#C5B206; color:#000;}
	.js table.statistics img {float:left; position:relative; top:2px; padding-right:5px;}
	table.statistics-matchday img[src$=".svg"],
	table.statistics-matchday-table img[src$=".svg"],
	table.statistics-matchday img[src$=".SVG"],
	table.statistics-matchday-table img[src$=".SVG"]{width:30px; height:30px;}

	.box-white table.statistics th {background:#676767; color:#e9e9e9;}
	.box-white table.statistics .highlight td {background:#ffd900; color:#000;}

	/* Spieltag */
		.statistics td.result {color:#ffd900;}
		.section-bright .statistics td.result {color:#000;}

		table.statistics td {width:32.5%;}
		table.statistics td span {float:right;}
		table.statistics td.result {width:15%; text-align:center;}
		table.statistics tr > td:first-child {width:20%;}

	/* Spieltag-Tabelle */
		table.statistics-matchday-table tr > td {width:8%;}
		table.statistics-matchday-table tr > td:first-child,
		table.statistics-matchday-table tr > td:first-child + td {width:5%;}
		table.statistics-matchday-table tr > td:first-child + td + td {width:34%;}

		table.statistics-matchday-table tr > th + th + th + th,
		table.statistics-matchday-table tr > td + td + td + td {text-align:center;}

	/*	Spieler/ Tore */
		table.statistics-goals tr > td:first-child {width:10%; vertical-align:middle;}
		table.statistics-goals tr > td + td {width:30%; text-align:left;}
		table.statistics-goals tr > th + th + th,
		table.statistics-goals tr > td + td + td {text-align:center;}
		table.statistics-goals tr > td + td + td {width:18%}
		table.statistics-goals tr > td + td + td + td + td + td {width:6%}

	/*	Spieler/ Karten */
		table.statistics-cards tr > td:first-child {width:10%;}
		table.statistics-cards tr > td + td {width:30%; text-align:left;}
		table.statistics-cards tr > th + th + th,
		table.statistics-cards tr > td + td + td {text-align:center;}
		table.statistics-cards tr > td + td + td {width:10%}
		table.statistics-cards tr > td + td + td + td {width:15%}
		table.statistics-cards tr > td + td + td + td + td {width:10%}
		table.statistics-cards tr > td + td + td + td + td + td + td + td {width:6%}

	/*	Speedguard */
		table.statistics-speedguard tr > td:first-child {width:8%;}
		table.statistics-speedguard tr > td + td {width:16%; text-align:left;}
		table.statistics-speedguard tr > th + th + th,
		table.statistics-speedguard tr > td + td + td {text-align:center;}
		table.statistics-speedguard tr > td + td + td {width:20%}
		table.statistics-speedguard tr > td + td + td + td {width:20%}
		table.statistics-speedguard tr > td + td + td + td + td {width:10%}





/* Termine */
	table.events td {height:50px; width:10%; max-width:200px; line-height:23px; font-size:14px;}
	table.events td + td {width:20%; padding-top:6px;}
	table.events td + td + td {width:70%;}
	table.events .even {background:#2D2D2D}

	table.events td, table.events th {background:transparent;}

	/* BVB FS 13-09-05 */
		table.events tr {height:56px;}
		table.events td {height:100%;}
		.events tr td span {height:100%;}

	/* Terminspezifische Farben + Übersicht*/
		.event-categories {margin-top:30px;}
		.event-categories ul {overflow:hidden; margin-right:-15px;}
		.event-categories li {margin:0 0 10px 0; padding:0 5px; background:transparent; color:#fff; list-style:none; border-left:6px solid #272727; float:left; width:33%;
		   -moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
				box-sizing: border-box;
		}
		.events tr {background:#272727;}

		.events tr td span{display:block; width:10px; height:56px;}

		.events tr.event-category-1 td span {background:#e1d100;}
		.event-categories li.event-category-1 {border-color:#e1d100;}

		.events tr.event-category-2 td span {background:#00c3d7;}
		.event-categories li.event-category-2 {border-color:#00c3d7;}

		.events tr.event-category-3 td span {background:#00cf13;}
		.event-categories li.event-category-3 {border-color:#00cf13;}

		.events tr.event-category-4 td span {background:#bfbfbf;}
		.event-categories li.event-category-4 {border-color:#bfbfbf;}

		.events tr.event-category-5 td span {background:#abba00;}
		.event-categories li.event-category-5 {border-color:#abba00;}

		.events tr.event-category-6 td span {background:#868686;}
		.event-categories li.event-category-6 {border-color:#868686;}

		.events tr.event-category-7 td span {background:#159500;}
		.event-categories li.event-category-7 {border-color:#159500;}

		.events tr.event-category-8 td span {background:#f28000;}
		.event-categories li.event-category-8 {border-color:#f28000;}

	.section-bright .events tr {background:#d0d0d0;}
	.section-bright table.events .even {background:#e9e9e9; color:#676767}


/* DropDowns */
	/* form {overflow:visible !important;} */
	.jsselecter {position: relative;	float: none; padding: 0;  background-color: #4d4d4d;}


	.replace-select {float: none; width: 190px;}
	.jsselecter .label { height:45px; width: 96%;
		   -moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
				box-sizing: border-box;
				background: url('../images/layout/sprite_icons.png') right -506px no-repeat transparent;
	}
	.replace-datepicker,
	.jsselecter .label,
	.jsselecter ul li {padding:11px 10px; color:#fff; margin:0; float: none; cursor: pointer; list-style: none;  background-color: #4d4d4d;}
	.jsselecter ul li.act,
	.jsselecter ul li:hover {background: #ffd900; color: #000;}
	.jsselecter ul li.cur {background:#C5B206; color: #000;}
	.jsselecter .label .select-placeholder {  width: 100%; height: 100%;}
	.jsselecter.open .label {background-position:right -558px;}
	.jsselecter.open:not(.scroll-select) {height:auto;}
	.jsselecter:not(.scroll-select) ul {padding: 0; position: absolute; left: 0; top: 0; display: none; width: 100%; box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.2); z-index: 3;}


	.jsselecter.scroll-select .inline-scroll {height:200px; position:absolute; z-index:9; visibility:hidden;}
	.jsselecter.scroll-select .inline-scroll.initialized {visibility:visible;}
	.jsselecter.open.scroll-select .inline-scroll {height:200px;}
	.structure-padding .jsselecter .mCSB_container {width:100%; padding-bottom:0;}
	.structure-padding .jsselecter .mCSB_scrollTools .mCSB_dragger_bar {left:-1px;}
	.structure-padding .jsselecter .mCSB_scrollTools,
	.structure-padding .jsselecter .mCSB_scrollTools div {padding-bottom:0;}
	.structure-padding .jsselecter .mCustomScrollBox {padding-right:0; margin-right:0; padding-bottom:0px;
		   -moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
				box-sizing: border-box;
	}
	.structure-padding .jsselecter .mCustomScrollBox ul {margin-bottom:0;}
	.mCSB_scrollTools .mCSB_dragger_bar {z-index:5;}

	.abteilungen-form .replace-select {width:90%}



	.replace-small .jsselecter ul li {padding:5px 10px;}

	.section-bright .event-categories li {color:#000;}
	.section-bright .jsselecter .label,
	.section-bright .jsselecter ul li,
	.section-bright .jsselecter {background-color: #5C5C5C;}
	.section-bright .jsselecter ul li.act,
	.section-bright .jsselecter ul li:hover {background: #ffd900; color: #000;}
	.section-bright .jsselecter ul li.cur {background:#C5B206; color: #000;}

/* Datepicker */
	input.replace-datepicker {border:none; width: 190px; font-family: 'DINPro-Medium'; line-height:1.7em;
		   -moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
				box-sizing: border-box;
				background: url('../images/layout/sprite_icons.png') 72px -506px no-repeat #4d4d4d;
	}
	input.replace-datepicker:focus {outline:none;}
	.ui-datepicker .ui-datepicker-header {background:#4d4d4d; position:relative; height:46px; line-height:46px;}
	.ui-datepicker th,
	.ui-datepicker td {padding:3px 14px; text-align:center; background:#e9e9e9;}
	.ui-datepicker th,
	.ui-datepicker td,
	.ui-datepicker a {color:#000; font-family:'DINPro-Bold'}
	.ui-datepicker-title {text-align:center; color:#ffd900; font-family:'DINPro-Bold'; text-transform:uppercase; font-size:24px;}
	.ui-datepicker-prev,
	.ui-datepicker-next {background: url('../images/layout/sprite_icons.png') -60px -617px no-repeat transparent; cursor:pointer; position:absolute; text-indent:-9999px; height:46px; width:30px; top:0; left:0;}
	.ui-datepicker-next {left:auto; right:0; background-position:-21px -617px;}

/*	.ui-datepicker th:hover , */
	.ui-datepicker td:not(.ui-state-disabled):hover {background:#ffd900; cursor:pointer;}

	.box-white .ui-datepicker td,
	.ui-datepicker th {background:#e9e9e9;}
	.ui-datepicker td {background:#fff;}
	.ui-datepicker td.ui-datepicker-today {background:#000;}
	.ui-datepicker td.ui-datepicker-today a {color:#ffd900;}

/* Vertikale Slider */
	.vertical-slide {overflow:hidden; height:64px; min-height:64px;}
	.vertical-slide,
	.vertical-slide li {margin:0; padding:0 0 0 0; position:relative;}
	.vertical-slide li {display:none; padding-right:75px;}
	.vertical-slide li p {font-size:13px; line-height:22px;}
	.vertical-slide li.act {display:block;}

	.vertical-slide + .toggle {display:none; overflow:hidden; position:absolute; right:0; top:15px;}
	.js .vertical-slide + .toggle {display:block;}
	.vertical-slide + .toggle > * {width:33px; height:44px; background:url("../images/layout/sprite_icons.png") no-repeat 0 0 transparent; margin:5px; cursor:pointer; float:left;}
	.vertical-slide + .toggle > *:not(.inact):hover {background-color:#333;}
	.vertical-slide + .toggle .prev {background-position:-76px -507px;}
	.vertical-slide + .toggle .next {background-position:-76px -557px;}


	.vertical-slide + .toggle > *.inact { cursor:default; opacity:0.5;}
	.box-announcement.prev .structure-padding {position:relative; padding:10px 30px;}
	.box-announcement.prev + .main-content {margin-top:-30px;}


/* Ankündigungen */
	.box-announcement {background:#000; margin-bottom:30px;}
	.box-announcement .content-oversize > * {padding:30px;}
	.box-announcement .content-oversize {background:#fff;}
	.box-announcement .content-oversize *:not(.btn) {color:#000 !important;}
	.box-announcement .content-oversize .meta p {font-family: 'DINPro-Medium'; font-size:14px; line-height:20px;}
	.box-announcement .content-oversize .meta b {font-family:'DINPro-Bold'; text-transform:uppercase; font-size:15px;}

	.box-announcement + .summary-menu {margin-top:-30px; padding:20px 15px 10px 15px; margin-bottom:30px;}


	.box-announcement .content-oversize .meta + .meta {border-top:1px solid #000;}

	.box-announcement h5 {text-transform:uppercase;}
	.box-announcement h5 b {font-weight:bold;}

	.box-announcement .match-teams  {overflow:hidden;position:relative;}
	.box-announcement .meta .match-teams {left:-10%;}
	.box-announcement .meta .match-teams img {width:30px; height:30px; margin-top:4px;}
	.box-announcement .meta .match-teams p {padding:10px; font-family:'DINPro-Bold'; font-size:15px;}
	.box-announcement .meta .match-teams > * {padding:0; overflow:visible;}
	.box-announcement .meta .match-teams > *:first-child:after {
		content: "-";
		display:block; width:20px; height:36px; background:transparent; font-family:'DINPro-Bold'; font-size:22px; line-height:34px;
		position:absolute; top:0; margin:0 50%;
	}

	.box-announcement .content-oversize > .match-teams  {
		-moz-box-shadow: inset 0 0 9px rgba(0,0,0,0.3);
	 -webkit-box-shadow: inset 0 0 9px rgba(0,0,0,0.3);
		     box-shadow: inset 0 0 9px rgba(0,0,0,0.3);
	}

	.box-announcement.next .match-teams {background:url("../images/layout/sprite_announcement_icons.png") no-repeat center 35px transparent;}
	.box-announcement.prev .match-teams .result {font-family: 'DINPro-Bold'; font-size: 70px; left: 0; line-height: 73px; padding: 0; position: absolute; text-align: center; top: 30px; width: 100%;}
	.box-announcement.upcoming .meta {padding-bottom:20px;}
	.box-announcement.upcoming > .content-oversize > .meta:first-child {border-left:15px solid #ffd900; padding-left:15px;}
	.box-announcement.upcoming .big-image p {font-size:14px; line-height:22px; color:#828282;}
	.box-announcement .match-teams img {width:auto; padding:0 20px 0 0; float:left; }
	.box-announcement .content-oversize > .match-teams img[src$=".svg"],
	.box-announcement .content-oversize > .match-teams img[src$=".SVG"]{width:80px; height:80px;}
	.box-announcement .match-teams > * {overflow:hidden; padding-right:45px; float:left; width:50%;}
	.box-announcement .match-teams > * + * {padding-right:0; padding-left:45px; text-align:right;}
	.box-announcement .match-teams > * + * > img {float:right; padding: 0 0 0 20px}
	.box-announcement .match-teams p {color:#000; margin:0; text-transform:uppercase; font-family:'DINPro-Bold'; font-size:24px; padding-top:30px;}
	.scroll-page article .structure-padding,
	.box-announcement > .structure > * {padding:20px 30px;}
	.box-announcement > .structure > * p {margin:0;}
	.box-announcement > .structure > * + * {padding:15px 20px;}
	.box-announcement .btn {outline:20px solid #2b2b2b;}
	.box-announcement .category-menu .btn {outline:0;}

	.box-announcement.lastplayed .meta .match-teams > * {padding-right:45px;}
	.box-announcement.lastplayed .meta .match-teams > * + * {padding-right:0; padding-left:45px;}
	.box-announcement.lastplayed .meta .match-teams > *:first-child:after {content:'';}
	.box-announcement.lastplayed .meta .match-teams {left:0;}
	.box-announcement.lastplayed .time {width:23.33%;}
	.box-announcement.lastplayed .match-teams .result {font-family: 'DINPro-Bold'; left: 0; top:0; padding: 0; position: absolute; text-align: center; width: 100%; font-size:38px; line-height:38px;}

	.box-announcement .meta {overflow:hidden;}
	.box-announcement .meta > p {width:33.33%; float:left; display:block; padding-left:45px; background:url("../images/layout/sprite_announcement_icons.png") no-repeat 0 0 transparent;}
	.box-announcement .meta > img.category {width:auto; float:right; margin-top:-5px;}
	.box-announcement .meta .time {background-position:-10px -309px;}
	.box-announcement .meta .location {background-position:-5px -200px; padding-left:55px;}


/* Sidebar-Struktur */
	.main-content .meta {display:none;}
	.sidebar {padding-left:140px !important; position:relative;}
	.sidebar .meta {position:absolute; left:0px; display:block; width:110px;}
	.sidebar .meta.absolute > * {position:absolute !important; top:10px !important;}
	.sidebar > .meta + * {position:static; display:block; width:auto; min-height:300px; height:300px; height:auto !important;}

/* Social-Media-Bar / Fixed Content */
	.share-wrap,
	.fixed-wrap {min-width:110px; height:auto; padding-bottom:15px; background:transparent; border-top:2px solid #ffd900; border-bottom:2px solid #ffd900}
	.section-bright .share-wrap,
	.section-bright .fixed-wrap {border-color:#000;}
	.share-wrap a {margin:40px auto 0 auto; display:block; padding:1px; width:60px; height:20px; background:url("../images/layout/social_share.png") no-repeat center -4px transparent;}
	.share-wrap span {position:relative; top:-25px; display:block; width:40px; height:25px; margin:0 auto; background:url("../images/layout/share_switch.png") no-repeat center top transparent;}
	.share-wrap a:hover span,
	.share-wrap a.act span {background-position:center -32px;}
	.share-wrap .share-icon-facebook {background-position:-3px -4px;}
	.share-wrap .share-icon-twitter {background-position:-3px -34px;}
	.share-wrap .share-icon-googleplus {background-position:-3px -64px;}
	.share-wrap .share-icon-whatsapp {background-position:-3px -93px; display:none;}
	.touch .share-wrap .share-icon-whatsapp {display:block;}

/* Historie */
	.year-menu {margin:0 0 0 0; padding-top:15px;}
	.year-menu li {list-style:none; padding:0 0 0 0; margin:0 0 0 0; text-align:center;}
	.year-menu a {color:#fff; font-family:'DINPro-Bold'; font-size:38px; line-height:46px;}
	.year-menu a:hover,
	.year-menu .act a {color:#ffd900;}
	.section-bright .year-menu a {color:#d0d0d0;}
	.section-bright .year-menu a:hover,
	.section-bright .year-menu .act a {color:#000;}

	.history article + article {margin-top:35px;}
	.history .box-grey h5, .history .box-grey p {margin-bottom:25px;}

	.vertical-menu {margin-bottom:50px}
	.vertical-menu li {margin:0 0 0 0; padding:0 0 0 0; list-style:none;}
	.vertical-menu .btn {margin:1px 0; width:100%; padding-top:6px; padding-bottom:6px;}
	.vertical-menu:not(.onpage-nav) .act .btn {color:#000; background:#ffd900;}

	.section-bright .vertical-menu .btn {background:#e9e9e9; color:#000}
	.section-bright .vertical-menu .btn:hover {color:#000; background:#d0d0d0}
	.section-bright .vertical-menu .act .btn {color:#fff; background:#5c5c5c}


/* Überstehende Inhalte */
	.content-oversize {
		position:relative;
		overflow:hidden;
		margin:0 -5px;
		min-height:24px; height:24px; height:auto !important;
		-moz-box-shadow: 0 0px 5px #000;
	 -webkit-box-shadow: 0 0px 5px #000;
		     box-shadow: 0 0px 5px #000;
	}
	.content-oversize.no-slide {margin-left:10px;}
	.section-bright .content-oversize.no-slide .news-date {background:#000;}
	.section-bright .content-oversize.no-slide .news-date * {color:#fff;}
	.section-bright .content-oversize.no-slide .news-date:before {border-right-color:#000;}
	.section-bright .content-oversize.no-slide {
		-moz-box-shadow: 0 0px 0px #000;
	 -webkit-box-shadow: 0 0px 0px #000;
		     box-shadow: 0 0px 0px #000;
	}

/* Rechte Seitenspalte */
	.side-content {margin-bottom:15px; width:100%;}


/* Spieler-Auflistung */
	.player-list {margin-bottom:30px;}
	.player-list a {display:block; overflow:hidden;}
	.player-list > li {position:relative; margin-bottom:10px;}
	.player-list img {width:auto; float:left;}
	.player-list p {padding:55px 0 0 138px; color:#ffd900; font-size:16px; line-height:20px; font-family: 'DINPro-Bold';}
	.player-list p span  {text-transform:uppercase; font-size:22px; display:block; position:absolute; top:10px; left:113px; background:#ffd900; color:#000; height:32px; text-align:center; width:36px; line-height:32px;
		-moz-box-shadow: 0 0px 8px rgba(0,0,0,0.7);
	 -webkit-box-shadow: 0 0px 8px rgba(0,0,0,0.7);
		     box-shadow: 0 0px 8px rgba(0,0,0,0.7);
	}
	.player-list p span.small {white-space:nowrap; padding:0 10px; width:auto; font-size:15px; text-align:center; margin-right:-15px;}
	.player-list a:hover {background:#333333;}
	.section-bright .player-list p {color:#333}
	.section-bright .player-list a:hover p {color:#ffd900}


/*
==================================================
Footer
==================================================
*/

footer {color:#fff; background:#000; min-height:600px; position:relative; padding-bottom:20px;}

/* Copyright + Navigation */
	footer .legal {color:#808080; overflow:hidden; padding-top:80px;}
	footer .legal p {float:left;}
	footer .legal nav {float:right;}
	footer .legal nav a {padding-left:15px;}

/* Schräge */
	footer > div:first-child:before {
		content:"";
		display:block;
		background:#000;
		position:absolute;
		z-index:-1;
		height:600px;
		margin:0 -15%;
		width:120%;
		top:0;
	}
	footer > div {position:relative; z-index:72;}

/* Sponsoren + Partner */
	footer h6 {color:#4d4d4d; text-transform:none; margin-bottom:20px;}
	footer h6 span {font-family: 'DINPro-Bold';}
	.spons ul {overflow:hidden;}
	.spons li {float:left; list-style:none; padding:0 0 0 0; margin:0;}

	/* Hauptsponsoren */
		.main-partner {margin-top:30px;}
		.rotate-fullsize + .main-partner {margin-top:-3%;}
		.main-partner li {opacity:0.4; margin-right: 45px; width:33.33%; float:right; max-width:230px; height:100px; text-indent:-999999px; background-repeat:no-repeat; background-position:0 0;
	  -webkit-transition: all 0.2s ease-out;
		 -moz-transition: all 0.2s ease-out;
			  transition: all 0.2s ease-out;
        }
		.main-partner li:hover,
		.main-partner li.act {opacity:1;}
		.js .main-partner li {cursor:pointer;}
		.main-partner .details {display:none; background:#ffd900;  margin-top:0; margin-bottom:0; height:auto !important; transform-origin: inherit !important; -webkit-transform-origin:inherit !important;}
		.main-partner .details * {color:#000;}
		.main-partner .details.open {margin-bottom:100px; /* height:500px !important */}
		.main-partner .related-content {padding-left:7.5%;}
		.main-partner .related-content.open {height:400px; }

		.related-content .social-media-feed {margin-top:20px;}
		.related-content .social-media-feed .author,
		.related-content .text * {color:#000; font-family: 'DINPro-Medium';}
		.related-content .text blockquote,
		.related-content .text p {font-style:normal; font-size:14px; line-height:20px; margin-bottom:20px;}
		.related-content .text blockquote {margin-bottom:10px;}
		.related-content .text p:last-child {margin-bottom:0;}
		.related-content .text a {border-bottom:1px solid #000;}
		.related-content .text a:hover {border-color:transparent;}

	/* Champion-Partner */
        .main-partner .related-handler {text-align:center; margin-right:0 !important;}
        .main-partner li {display:inline-block; float:none;}
        .main-partner .details.open {margin-bottom:0;}
        .main-partner .related-handler {margin:0; padding:50px 0;}
		.champion-partner img {margin-bottom:25px;
            -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
            filter: grayscale(100%);
            opacity:0.7;
	  -webkit-transition: all 0.2s ease-out;
		 -moz-transition: all 0.2s ease-out;
			  transition: all 0.2s ease-out;
        }
        .champion-partner img:hover, html.touch .champion-partner img {
            opacity:1;
            -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
            filter: grayscale(0%);
        }
        .champion-partner h6 {text-align:center; color:#000; font-size:18px;}
        .champion-partner .champion-partner-toggle + div h6 {display:none;}
        .champion-partner .champion-partner-toggle + div h6 +*:not(.active) {display:none;}
        .champion-partner-toggle {width:75%; min-width:440px; margin:25px auto 40px auto;}
        .champion-partner-toggle li {border-bottom:2px solid transparent; color:#000; cursor:pointer; font-family: 'DINPro-Medium'; font-size:20px; width:33.33% !important; text-align:center;
	  -webkit-transition: all 0.2s ease-out;
		 -moz-transition: all 0.2s ease-out;
			  transition: all 0.2s ease-out;
        }

        .champion-partner-toggle li:hover {border-bottom-color:#4d4d4d;}
        .champion-partner-toggle li.active {border-bottom-color:#ffd900;}
		.big-champion-partner a {display:block; }
		.big-champion-partner img {min-height:75%; width:auto; }
	@media screen and (min-width: 901px) {
		.big-champion-partner {float:left; padding-right:30px; height:114px;}
		.big-champion-partner a {height:100%;}
		.big-champion-partner img {margin-bottom:0;}
	}
	@media screen and (max-width: 900px) {
		.big-champion-partner img {height:85px; min-height:0;}
	}
	@media screen and (min-width: 481px) {
		.rebrush-champion-partner.champion-partner li {width:140px;}
		.champion-partner ul {display:flex; flex-wrap:wrap; justify-content: left;}
	}

		.sponsoring-page .content-oversize .spons img {
		-moz-box-shadow: 5px 5px 0px #999999;
	 -webkit-box-shadow: 5px 5px 0px #999999;
		     box-shadow: 5px 5px 0px #999999;
		}

		.association {padding:60px 0 20px;}
		.association ul,
		.association li {padding:0; margin:0; list-style:none;}
		.association ul {width:435px; margin:0 auto; overflow:hidden;}
		.association li {float:left; margin:0 30px;
	 -webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
			 box-sizing: border-box;
		}

	/* Sponsor-Overview */
		.content-oversize + .content-oversize {margin-top:45px;}
		.content-oversize .structure > * {margin-bottom:20px;}


/* Social Streams */
	.social-media-feed {font-size:14px;}
	.social-media-feed img {display:none !important;}
	.social-media-feed a {font-family: 'DINPro-Bold';}
	.social-media-feed a small  {font-family: 'DINPro-Medium'; color:#fff;}
	.social-media-feed a small:hover  {color:#ffd900;}
	.social-media-feed .author {font-family: 'DINPro-Bold'; font-size:15px; padding-right:3px; padding-left:15px; color:#ffd900; background:url("../images/layout/sprite_icons.png") no-repeat 0px -80px transparent; font-family:'DINPro-Bold';}
	.social-media-feed.facebook .author {background-position: 3px -40px;}
	.section-bright .social-media-feed .author {background-image:none; padding-left:0;}
	.section-bright .social-media-feed .author:before {position:relative; top:2px; display:inline-block; content:''; width:15px; height:15px;background:url("../images/layout/sprite_icons.png") no-repeat 0px -80px transparent;}
	.section-bright .social-media-feed.facebook .author:before {background-position: 3px -40px;}

	.related-content .social-media-feed.twitter .author {background-position: -94px -80px;}

	footer .social-media-feed > *:first-child:before {content:""; display:block; width:60px; height:10px; overflow:hidden; margin:0 auto; padding-top:85px; background:url("../images/layout/sprite_icons.png") no-repeat -61px -135px transparent;}
	footer .social-media-feed.facebook > *:first-child:before {background-position:0px -135px;}

	.feed-big blockquote {font-size:30px; line-height:42px; font-style:normal;}
	.feed-big small {display:block; margin-bottom:20px;}

	.feed-regular {min-height:230px;}
	.structure-6 .feed-regular {min-height:50px;}

	.feed-regular blockquote {font-style:normal; font-weight:normal; font-size:20px; line-height:25px;}
	.feed-regular small {display:block; color:#fff; margin-bottom:15px; line-height:18px;}
	.section-bright .feed-regular small {color:#5C5C5C;}

/* Newsletter-Anmeldung */
	.newsletter {background:url("../images/layout/nl_bg.jpg") no-repeat center center transparent; background-size:cover; color:#000; height:300px; /*margin-top:4%;*/}
	.newsletter form {overflow:hidden !important; margin-top:80px;}
	.newsletter form div {padding:10px; max-width:270px; background:rgba(0,0,0,0.5);
		-webkit-border-radius:5px;
		-moz-border-radius:5px;
		border-radius:5px;
	 -webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
			 box-sizing: border-box;
	}
	.newsletter form input {float:left; width:100%; float:left;}
	.newsletter form input[type="submit"] {cursor:pointer; position:absolute; right:9px; text-indent:-99999px; background:url("../images/layout/sprite_icons.png") no-repeat -73px -720px #ffd900; width:50px;}
	.newsletter form input[type="submit"]:hover {background-color:#C5B206;}
	.newsletter form input[type="email"] {padding-right:50px;}
	.newsletter form input:focus {outline:none;}
	.newsletter h3 {font-size:40px; line-height:50px;}
	.newsletter .size-wrap {padding-top:35px;}

/* BVB Total */
	/* footer */
	.bvbtotal {background:url("../images/layout/bvb_total_tex.png") repeat 0 0 transparent; color:#000; height:360px; padding-top:25px; margin-top:9%;}
	.bvbtotal > .size-wrap {position:relative;}
	.bvbtotal > .size-wrap  > img {position:absolute; right:0; top:-70px;}
	.bvbtotal .teaser a > div {background:transparent; padding:10px 10px 10px 2px;}
	.bvbtotal .teaser figure {position:relative;}
	.bvbtotal-preview-slider .teaser figure .play,
	.bvbtotal-wrap .teaser figure .play,
	.bvbtotal .teaser figure .play {display:block; position:absolute; margin:0 auto; width:100%; height:100%; background:url("../images/layout/bvb_total_play.png") no-repeat center center transparent;}
	.bvbtotal .teaser h1 {color:#000; font-size:16px; text-transform:none;}
	img.bvbtotal-logo {width:auto;}

	/* sidebar */
	.bvbtotal-wrap {background:url("../images/layout/bvb_total_tex.png") repeat 0 0 transparent}

	.bvbtotal-wrap ul {position:relative; width:70%; margin:-11px auto 0 auto; background:#e5e5e7; padding:25px 10px 20px 10px;}
	.bvbtotal-wrap ul.closed {overflow:hidden; height:0; padding-top:0; padding-bottom:0;}
	.bvbtotal-wrap li.teaser {padding:0; margin:0 0 7px 0; list-style:none;}
	.bvbtotal-wrap span.toggle {position:relative; cursor:pointer; width:70%; margin:0 auto; display:block; font-size:18px; font-family: 'DINPro-Bold'; padding:7px 10px; background: #000; color: #fff; text-align: center;}
	.bvbtotal-wrap span.toggle:hover {background:#333;}

	.bvbtotal .teaser figure .play:hover,
	.bvbtotal-wrap li.teaser .play:hover {background-color:rgba(255,230,0,0.2)}
	.bvbtotal-wrap .teaser-head {width:86.5%; margin:0 auto; padding:0 10px; display:block;}

	.bvbtotal-wrap ul,
	.bvbtotal-wrap span.toggle,
	.bvbtotal .teaser figure .play,
	.bvbtotal-wrap li.teaser .play {
	  -webkit-transition: all 0.3s ease-out;
		 -moz-transition: all 0.3s ease-out;
		   -o-transition: all 0.3s ease-out;
			  transition: all 0.3s ease-out;
	}

	/* live */
	.bvbtotal-fullsize {position:relative;}
	.bvbtotal-fullsize:before,
	.bvbtotal-fullsize:after {position:absolute; bottom:0px; z-index:1; content:''; display:block; width:53px; height:160px;
			-moz-box-shadow: 0 0px 5px #000;
		 -webkit-box-shadow: 0 0px 5px #000;
				 box-shadow: 0 0px 5px #000;
	}
	.bvbtotal-fullsize:before {left:-5px; background:url("../images/layout/bvbtotal/bvb_total_bg_outerleft.png") no-repeat -5px 0 transparent;}
	.bvbtotal-fullsize:after {right:-5px; background:url("../images/layout/bvbtotal/bvb_total_bg_outerright.png") no-repeat 5px 0 transparent;}
	.bvbtotal-fullsize > * {margin:0 -5px; padding:0 30px 15px 30px; overflow:hidden; height:160px; display:block; position:relative; z-index:2}
	.bvbtotal-fullsize > *:after {position:absolute; top:0; right:29px; z-index:2; content:''; display:block; width:105px; height:56px; background:url("../images/layout/bvbtotal/bvb_total_bg_sponsor.png") no-repeat 0 0 transparent;}

	.bvbtotal-fullsize > * > * {float:left; height:100%;
		 -webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
				 box-sizing: border-box;
	}
	.bvbtotal-fullsize .left {background:url("../images/layout/bvb_total_tex.png") repeat left bottom transparent; width:60%; padding:15px 30px 30px 30px}
	.bvbtotal-fullsize .right {background:url("../images/layout/bvbtotal/bvb_total_bg_right.jpg") repeat left bottom transparent; width:40%; }
	.bvbtotal-fullsize p {font-family:'DINPro-Medium'; color:#000; font-size:17px; margin-bottom:0;}
	.bvbtotal-fullsize img {margin-bottom:10px;}



/* Sitemap */
	.sitemap .text li {padding:0; list-style:none; margin:0;}
	.sitemap .text b,
	.sitemap .text a {font-size:18px; line-height:28px; font-family: 'DINPro-Bold';}

/* Scrollbar; Inline-Scroll */
/* basic scrollbar styling */
/* vertical scrollbar */
	.structure-padding .mCustomScrollBox {max-width:none;padding-right:20px; margin-right:-20px;}

	.mCSB_container{width:auto;margin-right:30px;overflow:hidden;}
	.mCSB_container.mCS_no_scrollbar{margin-right:0;}
	.mCS_disabled>.mCustomScrollBox>.mCSB_container.mCS_no_scrollbar,
	.mCS_destroyed>.mCustomScrollBox>.mCSB_container.mCS_no_scrollbar{margin-right:30px;}
	.mCustomScrollBox>.mCSB_scrollTools{width:16px;height:100%;top:0;right:0;}
	.mCSB_scrollTools .mCSB_draggerContainer{position:absolute;top:0;left:0;bottom:0;right:0; height:auto;}
	.mCSB_scrollTools a+.mCSB_draggerContainer{margin:20px 0;}
	.mCSB_scrollTools .mCSB_draggerRail{width:2px;height:100%;margin:0 auto;
		-webkit-border-radius:10px;
		-moz-border-radius:10px;
		border-radius:10px;
	}
	.mCSB_scrollTools .mCSB_dragger{cursor:pointer;width:100%;height:30px;}
	.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:5px;height:100%;margin:0 auto;text-align:center;
		-webkit-border-radius:10px;
		-moz-border-radius:10px;
		border-radius:10px;
	}
	.mCSB_scrollTools .mCSB_buttonUp,
	.mCSB_scrollTools .mCSB_buttonDown{display:block;position:relative;height:20px;overflow:hidden;margin:0 auto;cursor:pointer;}
	.mCSB_scrollTools .mCSB_buttonDown{top:100%;margin-top:-40px;}
	/* horizontal scrollbar */
	.mCSB_horizontal>.mCSB_container{height:auto;margin-right:0;margin-bottom:30px;overflow:hidden;}
	.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar{margin-bottom:0;}
	.mCS_disabled>.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar,
	.mCS_destroyed>.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar{margin-right:0;margin-bottom:30px;}
	.mCSB_horizontal.mCustomScrollBox>.mCSB_scrollTools{width:100%;height:16px;top:auto;right:auto;bottom:0;left:0;overflow:hidden;}
	.mCSB_horizontal>.mCSB_scrollTools a+.mCSB_draggerContainer{margin:0 20px;}
	.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{width:100%;height:2px;margin:7px 0;
		-webkit-border-radius:10px;
		-moz-border-radius:10px;
		border-radius:10px;
	}
	.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger{width:30px;height:100%;}
	.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:100%;height:4px;margin:6px auto;
		-webkit-border-radius:10px;
		-moz-border-radius:10px;
		border-radius:10px;
	}
	.mCSB_horizontal>.mCSB_scrollTools .mCSB_buttonLeft,
	.mCSB_horizontal>.mCSB_scrollTools .mCSB_buttonRight{display:block;position:relative;width:20px;height:100%;overflow:hidden;margin:0 auto;cursor:pointer;float:left;}
	.mCSB_horizontal>.mCSB_scrollTools .mCSB_buttonRight{margin-left:-40px;float:right;}
	.mCustomScrollBox{
		-ms-touch-action:none; /*MSPointer events - direct all pointer events to js*/
	}

	/* default scrollbar colors and backgrounds (default theme) */
	.mCustomScrollBox>.mCSB_scrollTools{opacity:0.75;filter:"alpha(opacity=75)"; -ms-filter:"alpha(opacity=75)"; /* old ie */}
	.mCustomScrollBox:hover>.mCSB_scrollTools{opacity:1;filter:"alpha(opacity=100)"; -ms-filter:"alpha(opacity=100)"; /* old ie */}
	.mCSB_scrollTools .mCSB_draggerRail{background:#000; /* rgba fallback */background:rgba(0,0,0,0.4);filter:"alpha(opacity=40)"; -ms-filter:"alpha(opacity=40)"; /* old ie */}
	.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background:#ffd900; /* rgba fallback */
		/*background:rgba(255,255,255,0.75); */
		/*filter:"alpha(opacity=75)"; -ms-filter:"alpha(opacity=75)"; */ /* old ie */
	}
	.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background:rgba(255,255,255,0.85);filter:"alpha(opacity=85)"; -ms-filter:"alpha(opacity=85)"; /* old ie */}
	.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background:#ffd900;/* filter:"alpha(opacity=90)"; -ms-filter:"alpha(opacity=90)";*/ /* old ie */}
	.mCSB_scrollTools .mCSB_buttonUp,
	.mCSB_scrollTools .mCSB_buttonDown,
	.mCSB_scrollTools .mCSB_buttonLeft,
	.mCSB_scrollTools .mCSB_buttonRight{
		background-image:url(mCSB_buttons.png);
		background-repeat:no-repeat;
		opacity:0.4;
		filter:"alpha(opacity=40)"; -ms-filter:"alpha(opacity=40)"; /* old ie */
	}
	.mCSB_scrollTools .mCSB_buttonUp{background-position:0 0;}
	.mCSB_scrollTools .mCSB_buttonDown{background-position:0 -20px;}
	.mCSB_scrollTools .mCSB_buttonLeft{background-position:0 -40px;}
	.mCSB_scrollTools .mCSB_buttonRight{background-position:0 -56px;}
	.mCSB_scrollTools .mCSB_buttonUp:hover,
	.mCSB_scrollTools .mCSB_buttonDown:hover,
	.mCSB_scrollTools .mCSB_buttonLeft:hover,
	.mCSB_scrollTools .mCSB_buttonRight:hover{opacity:0.75;filter:"alpha(opacity=75)"; -ms-filter:"alpha(opacity=75)"; /* old ie */}
	.mCSB_scrollTools .mCSB_buttonUp:active,
	.mCSB_scrollTools .mCSB_buttonDown:active,
	.mCSB_scrollTools .mCSB_buttonLeft:active,
	.mCSB_scrollTools .mCSB_buttonRight:active{opacity:0.9;filter:"alpha(opacity=90)"; -ms-filter:"alpha(opacity=90)"; /* old ie */}

	/*scrollbar themes*/
	/*dark (dark colored scrollbar)*/
	.mCS-dark>.mCSB_scrollTools .mCSB_draggerRail{background:#000; /* rgba fallback */background:rgba(0,0,0,0.15);}
	.mCS-dark>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background:#000; /* rgba fallback */	background:rgba(0,0,0,0.75);}
	.mCS-dark>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background:rgba(0,0,0,0.85);}
	.mCS-dark>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-dark>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background:rgba(0,0,0,0.9);}
	.mCS-dark>.mCSB_scrollTools .mCSB_buttonUp{background-position:-80px 0;}
	.mCS-dark>.mCSB_scrollTools .mCSB_buttonDown{background-position:-80px -20px;}
	.mCS-dark>.mCSB_scrollTools .mCSB_buttonLeft{background-position:-80px -40px;}
	.mCS-dark>.mCSB_scrollTools .mCSB_buttonRight{background-position:-80px -56px;}
	/*light-2*/
	.mCS-light-2>.mCSB_scrollTools .mCSB_draggerRail{width:4px;background:#fff; /* rgba fallback */background:rgba(255,255,255,0.1);
		-webkit-border-radius:1px;
		-moz-border-radius:1px;
		border-radius:1px;
	}
	.mCS-light-2>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:4px;background:#fff; /* rgba fallback */background:rgba(255,255,255,0.75);
		-webkit-border-radius:1px;
		-moz-border-radius:1px;
		border-radius:1px;
	}
	.mCS-light-2.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{width:100%;height:4px;margin:6px 0;}
	.mCS-light-2.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:100%;height:4px;margin:6px auto;}
	.mCS-light-2>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background:rgba(255,255,255,0.85);}
	.mCS-light-2>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-light-2>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background:rgba(255,255,255,0.9);}
	.mCS-light-2>.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px 0;}
	.mCS-light-2>.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -20px;}
	.mCS-light-2>.mCSB_scrollTools .mCSB_buttonLeft{	background-position:-40px -40px;}
	.mCS-light-2>.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -56px;}
	/*dark-2*/
	.mCS-dark-2>.mCSB_scrollTools .mCSB_draggerRail{width:4px;background:#000; /* rgba fallback */background:rgba(0,0,0,0.1);
		-webkit-border-radius:1px;
		-moz-border-radius:1px;
		border-radius:1px;
	}
	.mCS-dark-2>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:4px;background:#000; /* rgba fallback */background:rgba(0,0,0,0.75);
		-webkit-border-radius:1px;
		-moz-border-radius:1px;
		border-radius:1px;
	}
	.mCS-dark-2.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{width:100%;height:4px;margin:6px 0;}
	.mCS-dark-2.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:100%;height:4px;margin:6px auto;}
	.mCS-dark-2>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background:rgba(0,0,0,0.85);}
	.mCS-dark-2>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-dark-2>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background:rgba(0,0,0,0.9);}
	.mCS-dark-2>.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px 0;}
	.mCS-dark-2>.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -20px;}
	.mCS-dark-2>.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -40px;}
	.mCS-dark-2>.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -56px;}
	/*light-thick*/
	.mCS-light-thick>.mCSB_scrollTools .mCSB_draggerRail{width:4px;background:#fff; /* rgba fallback */background:rgba(255,255,255,0.1);
		-webkit-border-radius:2px;
		-moz-border-radius:2px;
		border-radius:2px;
	}
	.mCS-light-thick>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:6px;background:#fff; /* rgba fallback */background:rgba(255,255,255,0.75);
		-webkit-border-radius:2px;
		-moz-border-radius:2px;
		border-radius:2px;
	}
	.mCS-light-thick.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{width:100%;height:4px;margin:6px 0;}
	.mCS-light-thick.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:100%;height:6px;margin:5px auto;}
	.mCS-light-thick>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background:rgba(255,255,255,0.85);}
	.mCS-light-thick>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-light-thick>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background:rgba(255,255,255,0.9);}
	.mCS-light-thick>.mCSB_scrollTools .mCSB_buttonUp{background-position:-16px 0;}
	.mCS-light-thick>.mCSB_scrollTools .mCSB_buttonDown{background-position:-16px -20px;}
	.mCS-light-thick>.mCSB_scrollTools .mCSB_buttonLeft{background-position:-20px -40px;}
	.mCS-light-thick>.mCSB_scrollTools .mCSB_buttonRight{background-position:-20px -56px;}
	/*dark-thick*/
	.mCS-dark-thick>.mCSB_scrollTools .mCSB_draggerRail{width:4px;background:#000; /* rgba fallback */background:rgba(0,0,0,0.1);
		-webkit-border-radius:2px;
		-moz-border-radius:2px;
		border-radius:2px;
	}
	.mCS-dark-thick>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:6px; background:#000; /* rgba fallback */	background:rgba(0,0,0,0.75);
		-webkit-border-radius:2px;
		-moz-border-radius:2px;
		border-radius:2px;
	}
	.mCS-dark-thick.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{	width:100%;	height:4px;	margin:6px 0;}
	.mCS-dark-thick.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:100%;height:6px;	margin:5px auto;}
	.mCS-dark-thick>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background:rgba(0,0,0,0.85);}
	.mCS-dark-thick>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-dark-thick>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background:rgba(0,0,0,0.9);}
	.mCS-dark-thick>.mCSB_scrollTools .mCSB_buttonUp{background-position:-96px 0;}
	.mCS-dark-thick>.mCSB_scrollTools .mCSB_buttonDown{background-position:-96px -20px;}
	.mCS-dark-thick>.mCSB_scrollTools .mCSB_buttonLeft{background-position:-100px -40px;}
	.mCS-dark-thick>.mCSB_scrollTools .mCSB_buttonRight{background-position:-100px -56px;}
	/*light-thin*/
	.mCS-light-thin>.mCSB_scrollTools .mCSB_draggerRail{background:#fff; /* rgba fallback */	background:rgba(255,255,255,0.1);}
	.mCS-light-thin>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:2px;}
	.mCS-light-thin.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{	width:100%;}
	.mCS-light-thin.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:100%;height:2px;margin:7px auto;}
	/*dark-thin*/
	.mCS-dark-thin>.mCSB_scrollTools .mCSB_draggerRail{background:#000; /* rgba fallback */background:rgba(0,0,0,0.15);}
	.mCS-dark-thin>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:2px;background:#000; /* rgba fallback */background:rgba(0,0,0,0.75);}
	.mCS-dark-thin.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{width:100%;}
	.mCS-dark-thin.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:100%;height:2px;margin:7px auto;}
	.mCS-dark-thin>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background:rgba(0,0,0,0.85);}
	.mCS-dark-thin>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-dark-thin>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background:rgba(0,0,0,0.9);}
	.mCS-dark-thin>.mCSB_scrollTools .mCSB_buttonUp{	background-position:-80px 0;}
	.mCS-dark-thin>.mCSB_scrollTools .mCSB_buttonDown{background-position:-80px -20px;}
	.mCS-dark-thin>.mCSB_scrollTools .mCSB_buttonLeft{background-position:-80px -40px;}
	.mCS-dark-thin>.mCSB_scrollTools .mCSB_buttonRight{background-position:-80px -56px;}


/*[w] 16.5.2013 auf Anfrage von Andree & Mirco 	*/
.champion-partner li {width:12%; min-width:100px;}
.champion-partner img {width:auto; margin-left:auto; margin-right:auto;
			-webkit-transform:translateY(0px);
				-ms-transform:translateY(0px);
					transform:translateY(0px);
}
.legal > div > p {/*display:none;*/ color:#4D4D4D; font-family: 'DINPro-Medium'; font-size:14px;}


/* BÃühnen-Vorschau */
   .no-js .stage-preview {display:none;}


	.wrap-stage .stage-preview {top:2%; right:3%; width:13%;
     -webkit-transform-origin: 100% 0;
		-moz-transform-origin: 100% 0;
		  -o-transform-origin: 100% 0;
		 -ms-transform-origin: 100% 0;
			 transform-origin: 100% 0;}

	.wrap-stage .stage-preview.rebrush-preview  {top:-8%}

   .stage-preview {width:11%; margin:0; position:absolute; right:75px; top:105px; padding:0; z-index:80;}
   .stage-preview img {width:100%; display:inline;}
   .stage-preview li {border:2px solid #fff; margin: 0 0 7px; padding:0; background:#ffd900; list-style:none; cursor:pointer; position:relative; z-index:5;
      -webkit-transition: margin 0.2s ease;
      -moz-transition: margin 0.2s ease;
      transition: margin 0.2s ease;
      -webkit-box-shadow: 0 0px 5px #000;
         -moz-box-shadow: 0 0px 5px #000;
            box-shadow: 0 0px 5px #000;
   }
   .stage-preview li:hover {margin:-5px -25px; position:relative; z-index:7; border-color:#ffd900 !important;}
   .stage-preview li.act {position:relative; z-index:6; background:#fff; margin-left:-2px; margin-right:-2px; border-color:#ffd900;}
   .stage-preview li.act img {opacity:0.8}
   .stage-preview li + li {margin-top:-6px; z-index:4}
   .stage-preview li + li + li {z-index:3}
   .stage-preview li + li + li + li {z-index:2}
   .stage-preview li + li + li + li + li {z-index:1}
   .stage-preview li + li + li + li + li + li {display:none;}
   .stage-preview li span {opacity:0; background:rgba(255,230,0,0.8); position:absolute; bottom:0; width:100%; margin:0 -2px -2px -2px; padding:3px 0 0 4px; text-align:center; font-size:20px;
      -webkit-transition: opacity 0.2s ease;
      -moz-transition: opacity 0.2s ease;
      transition: opacity 0.2s ease;
   }
   .stage-preview li:hover span {opacity:1;}


/* v1; nebeneinander */
/*
   @media screen and (max-width: 1900px) {
      .stage-preview {width:105px;}
   }
   @media screen and (max-width: 1600px) {
      .stage-preview {width:250px; top:120px; right:35px;}
      .stage-preview li {width:105px; float:left;}
      .stage-preview li:hover {margin:0;}
      .stage-preview li:nth-child(1n) {margin-right:-10px;}
      .stage-preview li + li {margin-top:0;}
   }
   @media screen and (max-width: 1300px) {
      .stage-preview {width:200px; top:130px; right:30px;}
      .stage-preview li {width:95px;}
      .stage-preview li:nth-child(1n) {margin-right:-30px;}
   }
   @media screen and (max-width: 1024px) {
      .stage-preview {width:190px; top:150px;}
      .stage-preview li {width:90px;}
   }
   @media screen and (max-width: 990px) {
      .stage-preview {display:none;}
   }
*/
/* v2; untereinander */

   @media screen and (max-width: 1900px) {
      .stage-preview li {width:auto;}
      .stage-preview li:hover {margin:0 -5px;}
      .stage-preview li + li:hover {margin:-15px -5px 0 -5px;}
   }
   @media screen and (max-width: 1600px) {
	.stage-preview {right:65px;}
   }
   @media screen and (max-width: 1470px) {
	  .stage-preview {right:55px; width:10.5%; top:110px;}
   }
   @media screen and (max-width: 1350px) {
	  .stage-preview {width:10%; top:113px;}
   }
   @media screen and (max-width: 1220px) {
	 .stage-preview {top:117px; right:45px; width:13%;}
   }
   @media screen and (max-width: 1023px) {
      .stage-preview {top:130px;}
   }
   @media screen and (max-width: 990px) {
      .stage-preview  {display:none;}
      .rebrush-stage h3  {display:none;}
	  .stage + .prev-next-navigation {right:0; top:-10%;}
   }
/*
==================================================
Responsive
==================================================
*/


@media screen and (max-width: 2600px) {
	.sub section nav.box-w-2 ul a span {position:absolute; left:0;}
	.sub section nav.box-w-2:not(.nav-main):not(.nav-additional) ul a {padding-left:25px;}
	.sub section nav.box-w-2:not(.nav-main):not(.nav-additional) ul a:hover {padding:0 5px 0 25px !important;}
}

@media screen and (min-width: 1800px) {
	.stage h2 {font-size:52px; line-height:1.1em;}
	.stage h3 {font-size:32px; line-height:1.275em}
	.stage p {font-size:18px; line-height:24px;}
}

@media screen and (max-width: 1799px) {
	.stage h2 {font-size:42px; line-height:1.1em;}
	.stage h3 {font-size:24px; line-height:1.275em}
	.stage p {font-size:14px; line-height:21px;}
	.stage article > * > div {height:150px;}
	.stage article > * > div > div {padding-top:30px; width:420px;}
	.js .stage .slider-navigation {bottom:150px;}
	.scroll-down {bottom:30px; right:400px;}

	.rotate h1 span:after {
		border-left: 12px solid black;
		right:-11px;
	}
}

@media screen and (max-width: 1470px) {
	.js .stage .slider-navigation {right:355px;}
	.scroll-down {right:355px; bottom:20px;}
	.stage article > * > div > div {padding-left:49%; padding-top:20px;}
	/*.stage {margin-top:-10%;}*/
	.stage h2 {font-size:37px;}
	.stage p {font-size:14px; line-height:19px;}

	.scroll-notice.scroll-down {font-size:12px; background-position: 13px -277px; background-size: 90px;	}
	.stage article > * > div {height:120px;}
	.js .stage .slider-navigation {bottom:120px;}
	#menu-main {position:absolute;}
	#logo {width:100px;}
}

@media screen and (max-width: 1360px) {
	.scroll-down {right:335px;}
	.stage article > * > div > div {padding-left:52%; }
}

@media screen and (max-width: 1279px) {
	html {min-width:100%;}
	.size-wrap {width:100%; padding-left:30px; padding-right:30px;
 -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
 	     box-sizing: border-box;
	}
	#logo {left:auto;}
	.bvbtotal > .size-wrap  > img {right:30px;}

	.champion-partner .rotate-fullsize .size-wrap {width:100%;}
	.bvbtotal {padding-top:35px; height:auto; padding-bottom:10%;}
	body > header .size-wrap.main {width:100%;}

	#menu-main {left:250px;}

	.js .toolbar {display:none;}

	.sub section nav ul.link-list a span {width:185px;}
	.link-list .date {width:45px}
	.stage article > * > div > div {padding-left:52%;}
	.stage h2 {font-size:38px; line-height:1.1em;}
	.stage h3 {font-size:22px; line-height:1.275em}
	.stage h2 span:after {}
	.stage h2 span + span:after {border-bottom: 1.15em solid transparent;}
	.stage h3 span:after,
	.stage h3 span + span:after {border-top: 1.32em solid transparent;}
	.rotate h1 span + span:after {top:0px;}
}
@media screen and (max-width: 1260px) {
.scroll-down {display:none;}
}
@media screen and (max-width: 1220px) {
	.pager-menu li.next .btn, .pager-menu li.prev .btn {padding:10px 20px;}
	.stage article > * > header {margin-top:-2%;}
	.stage article > * > div {height:120px; margin-top:0%;}
	.stage article > * > div > div {display:none;}
	.scroll-down {display:block;}
	.scroll-down {display:block; bottom:15px;}
	.js .stage .slider-navigation {bottom:120px;}
}

@media screen and (max-width: 1140px) {
	.sub section nav .image-list a figure img {width:60px !important;}
	.structure-6 .structure-6 > *,
	.structure .toggle-visibility {display:none;}

	.structure-9-3 .toggle-visibility {display:block; overflow:hidden; padding:15px;}
	.structure-9-3 .toggle-visibility > *.teaser {width:33.33%; float:left; background:transparent;
		border-left:15px solid transparent;
		border-right:15px solid transparent;
 -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
 	     box-sizing: border-box;
	}
	.structure-9-3 .toggle-visibility > *.teaser:not(.ticker) > div {background:#000;}
	.structure-9-3 .toggle-visibility > .ticker,
	.structure-9-3 .toggle-visibility > .skyscraper {display:none;}

	aside.superbanner > div {float:none; margin:0 auto; display:block;}
/*
	.submenu-wrap .details {padding-bottom:65px;}
	.submenu-wrap .details .related-content {padding-bottom:100px;}
*/
	.submenu-wrap section.open {height:625px}
	.structure-6-3-3 > * {width:66%;}
	.structure-6-3-3 > * + * {width:34%;}
	.structure-9-3 > * {width:100%;}
	.structure-9-3 > *.toggle-visibility {margin-top:15px;}
	.box-announcement.prev .structure-padding {padding:30px}

	.cookie-wrap .structure-9-3 > * {width:75%;}
	.cookie-wrap .structure-9-3 > * + * {width:25%;}

	.content .structure .structure .box-w-3,
	.structure-3 > * {width:33.33%;}
	.content .structure .structure .box-w-3,
	.content .structure .structure-3 > * {margin-bottom:15px;}

	.content .main-content.sponsoring-page .structure .box-w-3 {width:25%;}

	.main-partner .close {right:320px;}
	#logo {width:95px;}
	#menu-main a {font-size:22px;}
	.box-content .box {width:33.33%; float:left; margin-bottom:1.6%;}
	.box-content .box-rectangle {float:right;}
}

@media screen and (min-width: 1024px) {
	.js #menu-main > li:hover ul,
	.js .dl-submenu {display:none;}
}

@media screen and (max-width: 1023px) {
	#menu-main  {position:relative;}
	.main-partner .details.open {max-height:500px;}

/* Meta-Navigationsleiste */
	div.meta-bar {height:auto; height:1px; overflow:hidden; padding-bottom:40px; cursor:pointer;
	/*
		-webkit-transition: all 0.1s ease;
		-moz-transition: all 0.1s ease;
		transition: all 0.1s ease;
	*/
	}
	div.meta-bar:after {content:''; display:block; width:100%; background:url("../images/layout/sprite_icons.png") no-repeat center -802px #171717; height:40px; position:absolute; bottom:0;}
	#dl-menu button {display:block; top:110px;}
	.dl-menuwrapper > ul {display:none !important;}
	.dl-menuwrapper > ul.open {display:block  !important;}
	.submenu-wrap {display:none;}
	/* div.meta-bar {background:url("../images/layout/toggle_indicator.png") no-repeat bottom center #171717;} */
	div.meta-bar nav li {float:none !important; clear:both;}
	div.meta-bar .size-wrap {overflow:hidden; height:100%;}
	div.meta-bar nav, div.meta-bar nav + div > ul,
	div.meta-bar .size-wrap > * {height:auto; border:none;}
	#menu-social {display:none;}
	#menu-langauges li a {background-image:none !important;}
	#menu-langauges li + li {display:block;}
	div.meta-bar nav + div {}
	div.meta-bar nav {}
	div.meta-bar nav,
	div.meta-bar nav + div > ul {}
	div.meta-bar a:hover {}
	#menu-areas a {padding-left:30px;}


	a.moved {position:relative;}

	body > header .size-wrap.main {height:auto; min-height:170px;}

	.box-announcement .meta .match-teams {width:70%; margin:0 auto; margin-top:30px;left:0; clear:both;}
	#menu-main {display:block; top:0; left:-15px; height:0;}
	.dl-menuwrapper > .dl-submenu,
	#menu-main {}
	#menu-main li {float:none;}
	.dl-menuwrapper > .dl-submenu a,
	#menu-main li ul a,
	#menu-main li a {text-transform:uppercase; font-family: 'DINPro-Bold'; line-height:1.0em; padding:25px 10px 20px 130px; background:#ffd900; color:#000; font-size:42px; width:100%; margin:0;}
	#dl-menu > ul:not(.dl-subview) > li:hover > ul {display:none !important;}
	#menu-main:hover li a {color:#000;}
	#menu-main:hover li a:hover {color:#000;}
	#menu-main:hover li a:hover {background:#ffd900;}

	.dl-submenu .dl-back a {background:#fff !important; padding-bottom:15px !important;}

	.no-csstransforms .dl-menu,
	.no-csstransforms .dl-menu a {left:0 !important;}

	#menu-main.open {min-height:500px; height:auto; max-height:1300px;}

	#menu-main.open,
	.dl-menuwrapper button{display:block;}

	.dl-menuwrapper {
		/*
		-webkit-perspective: 1000px;
		-moz-perspective: 1000px;
		perspective: 1000px;
		*/
		-webkit-perspective-origin: 50% 200%;
		-moz-perspective-origin: 50% 200%;
		perspective-origin: 50% 200%;
		padding-top:170px;
	}

	.dl-menuwrapper button {
		background: #000;
		border: none;
		width: 48px;
		height: 45px;
		text-indent: -900em;
		overflow: hidden;
		position: absolute;
		cursor: pointer;
		outline: none;
		right:160px;
		top:80px;
	}

	.dl-menuwrapper button:hover,
	.dl-menuwrapper button.dl-active,
	.dl-menuwrapper ul {
		background: #333;
	}

	.dl-menuwrapper ul {
		background:#ffd900;
	}

	.dl-menuwrapper button:after {
		content: '';
		position: absolute;
		width: 84%;
		height: 5px;
		background: #ffd900;
		top: 10px;
		left: 8%;
		box-shadow:
			0 10px 0 #ffd900,
			0 20px 0 #ffd900;
	}

	.dl-menuwrapper ul {
	/*
		-webkit-transform-style: preserve-3d;
		-moz-transform-style: preserve-3d;
		transform-style: preserve-3d;
	*/
	}
	.dl-menuwrapper .dl-menu {
		position: absolute;
		width: 100%;
		opacity: 1;
		pointer-events: none;
		/*
		-webkit-transform: translateY(10px);
		-moz-transform: translateY(10px);
		transform: translateY(10px);

		-webkit-backface-visibility: hidden;
		-moz-backface-visibility: hidden;
		backface-visibility: hidden;
		*/
	}

	.dl-menuwrapper .dl-menu.dl-menu-toggle {
	}

	.dl-menuwrapper .dl-menu.dl-menuopen {
		opacity: 1;
		pointer-events: auto;
		/*
		-webkit-transform: translateY(0px);
		-moz-transform: translateY(0px);
		transform: translateY(0px);
		*/
	}

	.dl-menuwrapper li .dl-submenu {
		display: none;
	}

	.dl-menu.dl-subview li,
	.dl-menu.dl-subview li.dl-subviewopen > a,
	.dl-menu.dl-subview li.dl-subview > a {
		display: none;
	}

	.dl-menu.dl-subview li.dl-subview,
	.dl-menu.dl-subview li.dl-subview .dl-submenu,
	.dl-menu.dl-subview li.dl-subviewopen,
	.dl-menu.dl-subview li.dl-subviewopen > .dl-submenu,
	.dl-menu.dl-subview li.dl-subviewopen > .dl-submenu > li {
		display: block;
	}
	#dl-menu a {-webkit-transition:none;}
	.dl-menuwrapper > .dl-submenu {
		position: absolute;
		width: 100%;
		top: 170px;
		left: 0;
		margin: 0;
	}

	.dl-menu.dl-animate-out-2 {
		-webkit-animation: MenuAnimOut2 0.3s ease-in-out;
		-moz-animation: MenuAnimOut2 0.3s ease-in-out;
		animation: MenuAnimOut2 0.3s ease-in-out;
	}
	.dl-animate-in-2 +
	.dl-animate-out-2,
	.dl-animate-out-2 +
	.dl-animate-in-2 {top:170px;}



	@-webkit-keyframes MenuAnimOut2 {
		100% {
			-webkit-transform: translateX(-100%);
			opacity: 0;
		}
	}

	@-moz-keyframes MenuAnimOut2 {
		100% {
			-moz-transform: translateX(-100%);
			opacity: 0;
		}
	}

	@keyframes MenuAnimOut2 {
		100% {
			transform: translateX(-100%);
			opacity: 0;
		}
	}

	.dl-menu.dl-animate-in-2 {
		-webkit-animation: MenuAnimIn2 0.3s ease-in-out;
		-moz-animation: MenuAnimIn2 0.3s ease-in-out;
		animation: MenuAnimIn2 0.3s ease-in-out;
	}

	@-webkit-keyframes MenuAnimIn2 {
		0% {
			-webkit-transform: translateX(-100%);
			opacity: 0;
		}
		100% {
			-webkit-transform: translateX(0px);
			opacity: 1;
		}
	}

	@-moz-keyframes MenuAnimIn2 {
		0% {
			-moz-transform: translateX(-100%);
			opacity: 0;
		}
		100% {
			-moz-transform: translateX(0px);
			opacity: 1;
		}
	}

	@keyframes MenuAnimIn2 {
		0% {
			transform: translateX(-100%);
			opacity: 0;
		}
		100% {
			transform: translateX(0px);
			opacity: 1;
		}
	}

	.dl-menuwrapper > .dl-submenu.dl-animate-in-2 {
		-webkit-animation: SubMenuAnimIn2 0.3s ease-in-out;
		-moz-animation: SubMenuAnimIn2 0.3s ease-in-out;
		animation: SubMenuAnimIn2 0.3s ease-in-out;
	}

	@-webkit-keyframes SubMenuAnimIn2 {
		0% {
			-webkit-transform: translateX(100%);
			opacity: 0;
		}
		100% {
			-webkit-transform: translateX(0px);
			opacity: 1;
		}
	}

	@-moz-keyframes SubMenuAnimIn2 {
		0% {
			-moz-transform: translateX(100%);
			opacity: 0;
		}
		100% {
			-moz-transform: translateX(0px);
			opacity: 1;
		}
	}

	@keyframes SubMenuAnimIn2 {
		0% {
			transform: translateX(100%);
			opacity: 0;
		}
		100% {
			transform: translateX(0px);
			opacity: 1;
		}
	}

	.dl-menuwrapper > .dl-submenu.dl-animate-out-2 {
		-webkit-animation: SubMenuAnimOut2 0.3s ease-in-out;
		-moz-animation: SubMenuAnimOut2 0.3s ease-in-out;
		animation: SubMenuAnimOut2 0.3s ease-in-out;
	}

	@-webkit-keyframes SubMenuAnimOut2 {
		0% {
			-webkit-transform: translateX(0%);
			opacity: 1;
		}
		100% {
			-webkit-transform: translateX(100%);
			opacity: 0;
		}
	}

	@-moz-keyframes SubMenuAnimOut2 {
		0% {
			-moz-transform: translateX(0%);
			opacity: 1;
		}
		100% {
			-moz-transform: translateX(100%);
			opacity: 0;
		}
	}

	@keyframes SubMenuAnimOut2 {
		0% {
			transform: translateX(0%);
			opacity: 1;
		}
		100% {
			transform: translateX(100%);
			opacity: 0;
		}
	}

	#menu-main + .dl-submenu.menu.open {margin-right:-60px;}

}

@media screen and (max-width: 1030px) {
	.stage h2 {font-size:34px;}
}

@media screen and (max-width: 980px) {

	.rotate h1 span:after {
		border-left: 20px solid black;
		right:-19px;
	}

	.structure-6-3-3 > * {width:60%;}
	.structure-6-3-3 > * + * {width:40%;}

	footer > div:first-child:before {
		margin-left:-10%;
		margin-right:-10%;
	}

	body > header.rotate-fullsize {
		margin-left:-130px;
		margin-right:-130px;
	}
	.content .structure .structure .box-w-6,
	.structure-9-3 .structure-6 > * {float:none; width:100%;}
	.content .structure .structure .box-w-3,
	.structure-3 > * {width:50%;}
	.content .structure .structure-6 > * {margin-bottom:15px;}

	form.structure-6 .align-right {text-align:left;}
	form .align-right label {width:50px;}
	.champion-partner li {width:16%;}

	label[for*="date-"] {display:inline-block;}
	.abteilungen-form .replace-select {width:100%}

	.js .stage .slider-navigation {right:340px;}
}

@media screen and (max-width: 920px) {
	.superbanner {overflow:hidden;}
	.superbanner > div {margin:0; float:right;}
	.box-announcement.prev .match-teams .result {font-size:55px;}
	.search-form .time-settings > div {width:100%;}
	.search-form .time-settings > div + div {width:50%; text-align:left;}
	.search-form .time-settings input.replace-datepicker {width:100%;}
	.search-form .jsselecter .label {width:100%; border-right:8px solid transparent;}
	.search-form input.replace-datepicker {background-position:right -506px; border-right:8px solid transparent;}
}

@media screen and (max-width: 860px) {
	.structure-6-3-3 > * {width:60%;}
	.structure-6-3-3 > * + * {width:40%;}
	.champion-partner li {width:20%;}
	.superbanner .label {display:none;}
	.superbanner > div {margin:0 auto; float:none;}
	aside.superbanner {padding-left:5px;}
	aside.superbanner img {width:auto; height:auto;}

	.stage article > * > div {margin:0 -290px;}
	.stage:not(.rebrush-stage) article > * > header * {padding-left:195px;}
	.player-navigation .render-h1 {font-size:42px;}
	.player-navigation .shirt-no {font-size:44px;}

	.player-list > li {width:50%;}

	.stage h2 {font-size:28px;}
	.stage h3 {font-size:18px;}
	.stage .date {font-size:16px;}
	.touch .stage article h1 b {-webkit-transform:translateY(1px);}
	.touch .stage article h2 b {-webkit-transform:translateY(0px);}
	.rotate h1 span:after {
		border-left: 10px solid black;
		right:-9px;
	}
	.stage + .prev-next-navigation {
  -webkit-transform: scale(0.5);  /* Chrome, Safari 3.1+ */
     -moz-transform: scale(0.5);  /* Firefox 3.5-15 */
      -ms-transform: scale(0.5);  /* IE 9 */
       -o-transform: scale(0.5);  /* Opera 10.50-12.00 */
          transform: scale(0.5);  /* Firefox 16+, IE 10+, Opera 12.10+ */
     -webkit-transform-origin: 100% 0;
		-moz-transform-origin: 100% 0;
		  -o-transform-origin: 100% 0;
		 -ms-transform-origin: 100% 0;
			 transform-origin: 100% 0;
			 top:calc(-4% + 10px);}

	.search-form input.btn {width:100%;}

	.bvbtotal-fullsize .left {width:75%;}
	.bvbtotal-fullsize .right {width:25%;}
}

@media screen and (max-width: 800px) {
	.pager-menu li .label {padding-left:15px;}
	.pager-menu li .btn-black, .pager-menu li .btn.act {width:36px !important;}
	.bvbtotal {padding-top:70px;}


	.content .main-content.sponsoring-page .content-oversize .structure-25 > *,
	.content .main-content.sponsoring-page .content-oversize .box-w-25,
	.content .main-content.sponsoring-page .content-oversize .structure-2 > *,
	.content .main-content.sponsoring-page .content-oversize .box-w-2 {width:20%;}

	.stage .date {left:5px;}
}

@media screen and (max-width: 767px) {
	.scroll-down {display:none;}
	.player-navigation {padding-right:0; margin-right:-30px;}
	.player-navigation .render-h1 {font-size:38px;}
	.player-navigation .shirt-no {font-size:40px;}
	#logo {width:75px;}
	#logo.replaced {top:12px; left:15px;}
	body > header .size-wrap.main {height:140px; min-height:1px;}
	.dl-menuwrapper button {top:55px;}
	.dl-menuwrapper {padding-top:140px;}
	.dl-animate-in-2 +
	.dl-animate-out-2,
	.dl-animate-out-2 +
	.dl-animate-in-2 {top:140px;}

	.structure > *.toggle-visibility {display:block;}
	.structure-9-3 .toggle-visibility > *.teaser {width:50%;}
	.structure-6-3-3 > *,
	.quote,
	.structure-6 > * {width:100%;}
	.structure-6-3-3 > * + *,
	.structure-6 .structure-6 > *  {width:50%;}
	figure.image-left,
	figure.image-right  {width:100%; margin-left:0; margin-right:0;}
	figure img:not(.noresize) {width:100%;}
	.main-partner .related-content.open {height:auto;}
	.main-partner .details.open {max-height:870px;}
	.main-partner .related-content.open {padding:2.5% 7.5%;}
	.main-partner .related-content.open .structure-6 > * + * {padding-top:20px;}
	.js .stage .slider-navigation {bottom:0px;}

	.newsletter .structure-4 > * {width:50%;}
	.stage {margin-top:-10%;}
	.stage article {position:relative; top:15px;}
	.rebrush-stage {margin-top:0;}
	.rebrush-stage  article {top:0;}
	/*
	.rebrush-stage {overflow:visible;}
	.rebrush-stage article > * > header	{bottom: 0; left:10px;}
	*/
	footer .social-media-feed  {margin-bottom:30px;}
	#dl-menu button {top:88px;}

	.content .main-content.sponsoring-page .content-oversize .structure-25 > *,
	.content .main-content.sponsoring-page .content-oversize .box-w-25,
	.content .main-content.sponsoring-page .content-oversize .structure-2 > *,
	.content .main-content.sponsoring-page .content-oversize .box-w-2 {width:25%;}
}

@media screen and (max-width: 760px) {
	.pager-menu .prev {display:none;}
	.pager-menu {position:relative; height:53px; overflow:hidden; margin-bottom:10px; padding-right:100px;}
	.pager-menu .next {position:absolute; right:5px;}

	.content .structure .structure > * {margin-bottom:15px;}
	.content .structure .structure .box-w-4,
	.structure-4 > * {width:50%;}
	.structure-4 > *:nth-child(2n+1) {clear:both;}

	.related-sponsors .structure-4 > *:last-child {display:none;}

	.sidebar {padding-left:0px !important;}
	.sidebar .meta,
	.sidebar .meta.absolute > *,
	.sidebar .meta > * {position:static !important; width:100%;}
	.sidebar .meta {margin-bottom:20px;}
	.share-wrap {overflow:hidden; text-align:center;}
	.touch .share-wrap a,
	.no-touch .share-wrap a:not(.share-icon-whatsapp) {margin:40px 5% 0; display:inline-block !important;}

	.box-announcement .match-teams img {width:25%;}
	.box-announcement .match-teams p {padding-top:6%;}
	.box-announcement .meta > p {float:none; width:50%; padding-left:55px;}
	.box-announcement .meta .time {background-position: -5px -309px;}

	.box-announcement .meta .match-teams {width:80%;}

	table.statistics-matchday td {width:auto !important;}
	table.statistics {font-size:12px; line-height:15px;}
	.js table.statistics img {width:20px; padding-bottom:3px; float:none; margin:0 auto; top:0;}

	table.statistics td {text-align:center;}

	aside.superbanner,
	.skyscraper {display:none !important;}
}

@media screen and (max-width: 730px) {
	table.default,
	table.default tbody,
	table.default tbody tr,
	table.default tbody td {display:block; background:transparent !important; border:0 !important; width:auto !important; line-height:20px;}
	table.default tbody tr {padding:10px 0; border-bottom:1px solid rgba(255,255,255,0.2) !important}
	.section-bright table.default tbody tr {border-bottom:1px solid rgba(0,0,0,0.2) !important}
	table.default tbody tr td + td + td {clear:both;}

	.content .main-content.sponsoring-page .structure .box-w-3 {width:33.33%;}
}

@media screen and (max-width: 660px) {
	.category-menu ul {padding:5px 5px 0;}
	.category-menu li {width:100% !important; padding-left:0;}
	.category-menu li a.btn {padding-left:0; padding-right:0 !important;}
	.champion-partner li {width:25%;}
	.pager-menu li .btn-black, .pager-menu li .btn.act {width:20px !important;}

	.player-navigation .render-h1 {font-size:28px;}
	.player-navigation .shirt-no {font-size:32px;}
	.player-navigation .cur .shirt-no {font-size:44px;}
	.box-announcement .meta .match-teams {width:98%;}
	.structure-9-3 .structure-9-3 > div {width:100% !important;}
	.structure-9-3 .structure-9-3 > div + div.box-grey {padding-left:15px}
	.legal nav li a {padding-left:0; padding-right:15px}

	.stage h2 {font-size:24px;}
}

@media screen and (max-width: 620px) {

	.side-content {
		width:50%;
		border-left:15px solid transparent;
		border-right:15px solid transparent;
 -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
 	     box-sizing: border-box;
		 float:left;
	}

	.player-list img {float:none; width:100%;}
	.player-list p {padding:8px;}
	.player-list p span {left:auto; right:0px;}
	.box-announcement.next .match-teams {background-position:center 103px; background-size:45px;}
	.box-announcement .match-teams > * {float:none; clear:both; width:100%; padding:0; text-align:center;}
	.box-announcement .match-teams > * + * {padding-top:55px;}
	.box-announcement .match-teams img {width:80px; padding:0;}
	.box-announcement .match-teams p {float:none;}
	.box-announcement.lastplayed .match-teams > * {margin-bottom:40px;}
	.box-announcement.lastplayed .match-teams > * + * {margin-bottom:0px;}
	.box-announcement.lastplayed .match-teams .result {top:30%; margin:0;}

	.box-announcement .meta .match-teams > * > p {text-align:left; padding-left:50px; }
	.box-announcement .meta .match-teams > * + * > p {text-align:right; padding-right:50px; }
	.box-announcement .meta .match-teams > *:first-child:after {top:20px;}
	.box-announcement.prev .match-teams .result {top:35%;}


	table.statistics .strip {display:none;}

	/* Headline Traditionsmannschaften */
	.id-47226 .box-article h1 {font-size:50px;}

	.btn-right {float:none; display:block;}
	form .btn {width:100%; text-align:center; padding-left:0; padding-right:0; }
	form .replace-select, form select {width:100%}
	#logo {width:65px;}
}

@media screen and (max-width: 567px) {

	.summary-teaser .news-teaser a > *,
	.summary-teaser .news-teaser  a > * + *,
	.news-teaser a > *,
	.news-teaser a > * + * {
		width:100%;
 -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
 	     box-sizing: border-box;
	}

	.content .structure .structure .box-w-4,
	.structure-4 > * {width:50%;}

	.champion-partner .details {top:-260px;}

	.cookie-wrap .structure-9-3 > * {width:100%;}
	.cookie-wrap .structure-9-3 > * + * {width:100%;}
	.cookie-wrap ul {padding-top:0; overflow:hidden;}
	.cookie-wrap ul li {float:left; list-style:none; margin:0; padding:0 0 0 0;}
	.cookie-wrap ul li + li {margin:0 0 0 30px;}

	.stage h2 {font-size:20px;}
	.stage .date {font-size:14px;}
	.sticky-banner.enabled {display:block;}

	.content .main-content.sponsoring-page .content-oversize .structure > * {width:33%;}

}

@media screen and (max-width: 540px) {

	.structure {margin:0; }
	.content .structure .structure .box-w-3,
	.content .structure .structure .box-w-4,
	.content .structure .structure .box-w-6,
	.structure > *,
	.structure .structure > *,
	.structure-6-3-3 > * + * + *,
	.structure-6 .structure-6 > * + * {width:100%; border-left:0; border-right:0;}
	.structure > *.toggle-visibility {margin-top:15px;}
	.size-wrap {padding-left:2%; padding-right:2%;}
	#menu-main + .dl-submenu.menu.open {margin-right:-4%;}
	#logo.replaced {top:12px;}
	.newsletter .structure-4 > * {width:100%;}

	.related-sponsors .structure-4 > * + * {display:none;}

	.btn-full {background-position: 115% -619px;}

	.box-content .box {margin-bottom:15px;}
	.newsletter {/*margin-top:15%;*/}

	.bvbtotal > .size-wrap > img {right:3%; width:150px;}
	.bvbtotal {padding-top:90px;}
	.bvbtotal > .size-wrap {margin-left:-2%;}

	.bvbtotal-fullsize .left {width:100%;}
	.bvbtotal-fullsize .right {display:none;}
	.bvbtotal-fullsize > * {height:auto;}

	div.meta-bar nav + div {margin-right:-20px;}
	.related-content-wrap .close {top:15px;}

	.newsletter .size-wrap {padding-top:20px}
	.newsletter form {margin-top:0;}
	.newsletter form div {max-width:100%;}

	.content .main-content.sponsoring-page .structure .box-w-3,
	.content .main-content.sponsoring-page .structure > * {width:50%;
		border-left: 15px solid transparent;
		border-right: 15px solid transparent;
	}
	.content .main-content.sponsoring-page .structure .box-w-4 {width:100%; border:0;}
	.content .main-content.sponsoring-page .content-oversize + .content-oversize .spons {margin: 0 -15px 0 -15px;}

	table.statistics .strip-2 {display:none;}

	.player-list p span.small {margin-right:0;}
	.teaser header {height:auto;}
	.teaser header h1 {margin-bottom:15px;}

	table.statistics {
		width: 100%;
		width:-webkit-calc(100% + 60px);
		width:        calc(100% + 60px);
		margin-left:-webkit-calc(-30px);
		margin-left:        calc(-30px);
	}

	/* Headline Traditionsmannschaften */
	.id-47226 .box-article h1 {font-size:40px;}
	h2.underline {font-size:38px;}
	.structure-9-3 > *.toggle-visibility {display:block;}

	.search-form .time-settings > div + div {width:100%;}

	.rebrush-stage .date {margin-top:0;}
	.rebrush-stage article > * > header h3 {margin-bottom:0;}
}
@media screen and (max-width: 480px) {
	.stage + .content {margin-top:0;}
	.pager-menu .label,
	.pager-menu .next {display:none;}
	.pager-menu li.next .btn, .pager-menu li.prev .btn {padding:10px; font-size:10px;}
	.pager-menu {padding-right:0;}
	.pager-menu li .btn-black, .pager-menu li .btn.act {width:25px !important;}

	.player-navigation .cur .shirt-no,
	.player-navigation .shirt-no {font-size:28px; width:40px; position:absolute; right:0;}
	.player-navigation li:not(.cur) .shirt-no {height:100%;}
	.player-navigation li:not(.cur) .shirt-no,
	.player-navigation .render-h1 {line-height:42px;}
	.player-navigation .render-h1 {font-size:22px; width:88%; }
	.structure-9-3 .toggle-visibility > *.teaser {width:100%;}
	.structure-9-3 > *.toggle-visibility {padding-left:10px; padding-right:10px;}
	.structure-9-3 .toggle-visibility > *.teaser {border-width:10px;}
	#logo.replaced {top:10px;}
	#dl-menu button {top:84px;}
	.player-navigation .toggle {width:40px;}

	#ui-datepicker-div {left:2% !important}
	.ui-datepicker th, .ui-datepicker td {padding: 3px 10px;}

	.stage article > * > div {height:135px;}
	.rotate h2 span:after,
	.rotate h2 span + span:after {top:1px;}

	.touch .stage article h1 b {-webkit-transform:translateY(2px);}
	.touch .stage article h2 b {-webkit-transform:translateY(1px);}

	.main-partner .details .structure > * {width:90%;}
	.rotate h2 span + span:after {
		border-left: 10px solid black;
		right: -10px;
	}
}
@media screen and (max-width: 460px) {

	div.meta-bar a {padding:0 15px;}
	div.meta-bar .size-wrap {padding:0 7px;}
	#menu-langauges {left: 0;  position: relative;}
	footer .social-media-feed > *:first-child:before {padding-top:60px;}
	.feed-big blockquote {line-height:40px; text-align:center;}
	#menu-footer li {width:50%;}
	.legal {position:relative; padding-top:20px;}
	.legal > div > p {float:none; position:absolute; bottom:0; width:100%; left:18px;}
	.legal nav {padding-bottom:50px; padding-left:10px;}
	footer .legal nav a {font-size: 17px; line-height: 30px; padding-left: 0;}

	.js .stage .slider-navigation li {width:20px; height:20px;}

	div.meta-bar nav + div {margin-right:-5px;}

	.champion-partner li {width:30%; padding-left:1.66%; padding-right:1.66%; min-width:1px;}
	.champion-partner .details {top:-315px;}
	.champion-partner li img {width:100px;}

	.news-teaser.prio a > * + * {width:100%;}
	.box-article > header h1 {font-size:32px; line-height:32px;}
	.box-article > header {padding-left:15px;}

	table.statistics th,
	table.statistics td {padding-left:3px; padding-right:3px;}

	.box-announcement.lastplayed .match-teams .result {top:35%;}

	h2.underline {font-size:32px; line-height:45px;}
	.touch .stage article h1 b {-webkit-transform:translateY(2px);}
	.touch .stage article h2 b {-webkit-transform:translateY(2px);}

	.association ul {width:66%;}
	.association ul li {width:50%; margin:0; padding:0 20px; text-align:center;}
	.association ul li img {margin:0 auto;}
	.association ul li:last-child {width:100%; padding:0 20%;}

	.stage h2 {font-size:18px;}
	.stage h3 {font-size:14px;}

}
@media screen and (max-width: 420px) {
	.stage h2 {font-size:16px;}
}
@media screen and (max-width: 400px) {
	.player-navigation {margin-right:-20px;}
	.related-content-wrap .close {top:10px}

	.related-articles,
	.structure-padding {padding:20px;}
	table.statistics {
		width: 100%;
		width:-webkit-calc(100% + 40px);
		width:        calc(100% + 40px);
		margin-left:-webkit-calc(-20px);
		margin-left:        calc(-20px);
		padding:0 5px;
	}

	.box-announcement > .header,
	.box-article > header {padding:20px 20px 0 20px;}
	.box-announcement .content-oversize > * {padding:20px;}
	.box-announcement > .structure > * {padding:20px;}
	.box-announcement .meta > img.category {width:50px;}

	.btn-full {background-position: 125% -619px;}
	.related-content .structure-6 > * + * {display:none;}
	.main-partner .related-content.open {height:360px;}
	#logo.replaced {width:55px; top:15px}
	.dl-menuwrapper > .dl-submenu a, #menu-main li ul a, #menu-main li a {font-size:34px;}
	.share-wrap a {margin:40px 3% 0;}

	.box-announcement .meta .match-teams > *:first-child:after {display:none;}
	.box-announcement .btn {margin:0;}

	/* Headline Traditionsmannschaften */
	.id-47226 .box-article h1 {font-size:30px;}

	.stage + .prev-next-navigation {display:none;}

	.bvbtotal-fullsize > *:after {top:auto; bottom:17px;}
	.bvbtotal-fullsize .left {padding-bottom:65px;}
}
@media screen and (max-width: 370px) {
	.stage h2 {font-size:14px;}
}
@media screen and (max-width: 360px) {
	.stage article > * > header {margin-top:-4%;}
	.stage article > * > div {margin-top:-2%;}
	.bvbtotal {padding-top:100px;}
	.dl-menuwrapper > .dl-submenu a, #menu-main li ul a, #menu-main li a {font-size:28px; line-height:0.9em;}
	footer .newsletter {padding-bottom:50px;}
	h1 {font-size:48px; line-height:40px;}

		.champion-partner.opened img {
		-moz-box-shadow: 3px 3px 0px #999999;
	 -webkit-box-shadow: 3px 3px 0px #999999;
		     box-shadow: 3px 3px 0px #999999;
		}
}


/*
==================================================
Android fixes 2.3
==================================================
*/

.andr-2-3 * {-webkit-transform:translateY(0) !important;}
.andr-2-3 .stage article > * > header {margin-left:20px;}
.andr-2-3 .stage + .content {margin-top:10px;}
.andr-2-3 #dl-menu button {top:60px; right:125px;}
.andr-2-3 .dl-menu .moved {left:15px !important;}
.andr-2-3 .rotate-fullsize + .main-partner {margin-top:0;}
.andr-2-3 .bvbtotal > .size-wrap {margin-left:0;}
.andr-2-3 ul.slider li + li {display:none !important;}
.andr-2-3 .dl-menuwrapper button:after {width:100%; height:45px; top:2px; left:1px; box-shadow:none; background:url("../images/layout/sprite_icons.png") no-repeat 0 -448px transparent;}


/*
==================================================
Addons; Zusammenführung
==================================================
*/
/* Anpassung Meta-Bar */
	div.meta-bar  {height:45px;}
	div.meta-bar > div {padding:1px; width:100%;}
	div.meta-bar .size-wrap nav + div {margin-right:0;}
	div.meta-bar nav {margin-left:0;}
	div.meta-bar .quick-search {position:relative; font-size:22px;}
	div.meta-bar .quick-search li:after {right:7px;}
	div.meta-bar .quick-search span:before,
	div.meta-bar .quick-search li:after {font-size:22px;}
	div.meta-bar a,
	div.meta-bar .quick-search,
	div.meta-bar .quick-search li:after,
	div.meta-bar .quick-search span:before,
	div.meta-bar .quick-search input {line-height:45px; height:43px;}
	div.meta-bar .quick-search form {margin-bottom:0;}
	div.meta-bar a {padding: 0 15px;padding-left: 0px;}


	div.meta-bar nav, div.meta-bar nav + div > div, div.meta-bar nav + div > ul {border:none;}
	ul#menu-langauges .flag{line-height:45px; height:33px;}
	ul#menu-langauges img{line-height: 45px;width: 30px;height: auto;margin: 0 auto;}
	div.meta-bar nav + div {float:right;}

	div.meta-bar .quick-search input {width:100%;}
	div.meta-bar .quick-search span:before {display:block; right:7px;}
	div.meta-bar .quick-search span:before {visibility:hidden;}
	div.meta-bar .quick-search.open span:before {visibility:visible;}
	div.meta-bar .quick-search.open input[type="submit"] {position:absolute; right:0;}

	div.meta-bar .quick-search {margin-top: -1px;}
	div.meta-bar a:hover {background:transparent;}

	div.meta-bar #menu-areas a:hover {color:#fff;}

	div.meta-bar .quick-search:hover li:after,
	div.meta-bar #menu-langauges a:hover,
	div.meta-bar #menu-account-registration a:hover,
	div.meta-bar #menu-social a:hover,
	div.meta-bar a:hover:before {color:#ffd900}

	div.meta-bar .evonik span {display:none;}
	div.meta-bar .evonik img {width: 115px; height: auto; padding-top: 8px;}
	div.meta-bar .evonik a:hover{background-color: #171717 !important;opacity: 1;}
	div.meta-bar .evonik a {padding-right:0px !important; opacity: 0.5;}

	/* Logos für verschiedene Backgrounds */
	div.meta-bar .evonik.bright, .content-bright div.meta-bar .evonik.yellow {display:none;}
	.content-bright div.meta-bar .evonik.bright {display:block;}

	div.meta-bar .pull-toggle {
		display: block;
		width: 100%;
		background: url("../images/layout/sprite_icons.png") no-repeat center -802px #171717;
		height: 40px;
		position: absolute;
		bottom: 0;
	}
	div.meta-bar .pull-toggle {display:none;}
	div.meta-bar:after {display:none !important;}

	#menu-langauges a span,
	#menu-social a span {text-indent:-99999px; font-size:1px; color:rgba(0,0,0,0); position:absolute; left:-99999px;}
	#menu-langauges li:first-child a {background:none;}

	#menu-account-registration {padding-right:10px;}

	#menu-social a,
	#menu-account-registration a,
	#menu-langauges a {text-align:center; padding:0; font-size:22px;}

	#menu-langauges li + li a {height:auto; padding:5px 0;}
	div.meta-bar .quick-search li:after,
	#menu-langauges a img {
  -webkit-transition: all 0.2s ease-out;
     -moz-transition: all 0.2s ease-out;
       -o-transition: all 0.2s ease-out;
          transition: all 0.2s ease-out;
		  }
	#menu-langauges a img {outline:1px solid #8a8a8a}
	#menu-langauges a:hover img {outline:1px solid #fff}

	#menu-social a,
	#menu-langauges a {width:40px;}

	#menu-social {padding:0;}
	#menu-social a {background:none; text-indent:0px; color:#8b8b8b;}
	#menu-social li:hover {background:none;}

	#menu-areas a {padding: 0 5px;}
	#menu-areas li {border-right:1px solid #000;}
	#menu-areas [class^="icon-"] { position:relative; left:-5px;}


	@media screen and (max-width: 1140px) {
		#menu-areas [class^="icon-"] {display:none;}
	}

	@media screen and (max-width: 1300px) {
		div.meta-bar a {font-size:12px; padding: 0 12px; padding-left: 0px;}
		#menu-social a,
		#menu-langauges a {width:35px;}
		#menu-social a,
		#menu-langauges a,
		##menu-account-registration a,
		div.meta-bar .quick-search span:before,
		div.meta-bar .quick-search li:after {font-size:19px;}
	}

	@media screen and (max-width: 1023px) {

		#menu-account-registration li {float:left;}

		div.meta-bar {height: auto; height: 1px;}
		div.meta-bar .size-wrap {padding:0 !important;}
		#menu-areas li {border:none;}
		#menu-account-registration a,
		#menu-areas a {font-size:16px;}
		div.meta-bar .pull-toggle {display:block;}
		div.meta-bar .quick-search input[type="submit"] {position:absolute; top:0; right:0; width:15%;}
		html.content-bright .meta-bar #menu-areas a:hover {background:#dcdcdc}
		html.content-bright .meta-bar .quick-search form input {background:#dcdcdc;}


		div.meta-bar .size-wrap nav + div {float:none; clear:both; text-align:center}
		div.meta-bar .size-wrap nav + div ul {float:none; clear:both; display:inline-block !important;}
		div.meta-bar .size-wrap nav + div h2 {display:none;}
		div.meta-bar .size-wrap nav + div [class^="bvbicon-"]:before,
		div.meta-bar .size-wrap nav + div [class*=" bvbicon-"]:before {font-size:20px;}
		div.meta-bar #menu-langauges {position:relative; top:-2px;}
		div.meta-bar #menu-langauges li img {width:22px;}

		div.meta-bar #menu-langauges li {display:none;}
		div.meta-bar #menu-langauges li + li {display:inline-block;}
		div.meta-bar #menu-sponsor {float:none; clear:both; display:block !important}
		div.meta-bar #menu-sponsor img {margin:10px auto; }

		div.meta-bar .quick-search form input {background:#383838;}
		div.meta-bar .quick-search form {opacity:1;}
		div.meta-bar .quick-search {width:95% !important; display:block !important;}
		div.meta-bar .quick-search span:before {background:transparent;}

		#menu-social {display:block;}
		div.meta-bar .size-wrap > nav,
		#menu-areas {width:100%; height:auto; float:none;}
		#menu-areas li {float:left !important; clear:none; width:25%; border-right:1px solid #000; border-bottom:1px solid #000;
	 -webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
			 box-sizing: border-box;
		}
		#menu-areas li a {padding:2em 0 2em 0;}
		#menu-areas li a:hover {background:#000;}

		#menu-areas li a,
		#menu-areas li a[class^="bvbicon-"]:before,
		#menu-areas li a[class*=" bvbicon-"]:before {display:block; text-align:center; width:100%; margin:0; height:auto;}
		#menu-areas li a[class^="bvbicon-"]:before,
		#menu-areas li a[class*=" bvbicon-"]:before {font-size:2.5em;}

		div.meta-bar #menu-social,
		div.meta-bar #menu-langauges,
		div.meta-bar #menu-account-registration,
		div.meta-bar #menu-social li,
		div.meta-bar #menu-langauges li,
		div.meta-bar #menu-account-registration li,
		div.meta-bar #menu-social a,
		div.meta-bar #menu-langauges a,
		div.meta-bar #menu-account-registration a {padding:0 !important; margin:0 !important; height:40px !important; line-height:40px !important; top:0 !important;}
		div.meta-bar #menu-langauges a img {margin-top:10px;}

		div.meta-bar #menu-account-registration a {font-size:19px; width:auto;}

		div.meta-bar .size-wrap div ul:first-child {margin-bottom:10px;}

	}

	@media screen and (max-width: 750px){
		#menu-areas li a {font-size:12px;}
	}

	@media screen and (max-width: 540px){
		#menu-areas li {width:33.33%}
		#menu-areas li a {padding:1.5em 0 1em 0;}
	}


/* Sponsorendarstellung
---------------------------------------
*/
	.sponsorGroup .spons {width:77%; height:auto;
		-webkit-transform: skew(-10deg);
				transform: skew(-10deg);
	}
	.sponsorGroup.mainSponsors li {height: 90px;}
	.sponsorGroup .spons li { margin-bottom: 0px !important; border-left: 0px solid transparent; border-right: 0px solid transparent;
		-webkit-transform: skew(10deg);
				transform: skew(10deg);
	}
	.sponsorGroup .spons img {
		-webkit-box-shadow: none !important;
		   -moz-box-shadow: none !important;
			    box-shadow: none !important;
	}
	.related-toggle .spons .details.rotate.rotate-fullsize.related-content-wrap.open img {border: 1px solid #000;
		-webkit-box-shadow: 5px 5px 0px #999999 !important;
		   -moz-box-shadow: 5px 5px 0px #999999 !important;
			    box-shadow: 5px 5px 0px #999999 !important;
	}

	section.sponsorGroup.content-oversize.box-yellow.structure-padding {background:url("../images/bg_200x200px.png");}
	section.sponsorGroup.content-oversize.box-yellow.structure-padding h3 {margin-left:14%;}
	.sponsorGroup > .centered-block ul {margin:0 auto;}
	.sponsorGroup.mainSponsors > .centered-block ul {margin:0 auto; width:818px !important;}

	@media screen and (max-width: 540px){
		.content .main-content.sponsoring-page .content-oversize + .content-oversize .spons {margin: 0 auto!important;}
	}

	@media screen and (max-width: 410px){
		#menu-sponsor {float: none !important; padding-right: 5px;}
	}

	@media screen and (max-width: 1220px) {
		.sponsorGroup.mainSponsors > .centered-block ul {margin:0 auto; width:431px !important; width:100%;}
		.sponsorGroup.mainSponsors > .centered-block ul li:first-child {width:100% !important;}
		.sponsorGroup.mainSponsors > .centered-block ul li img {display:inline !important;}
	}

	@media screen and (max-width: 1140px) {
		.sponsorGroup.mainSponsors > .centered-block ul {margin:0 auto; width:818px !important;}
		.sponsorGroup.mainSponsors > .centered-block ul li:first-child {width:auto !important;}
	}

	@media screen and (max-width: 940px) {
		.sponsorGroup.mainSponsors > .centered-block ul li:nth-child(2),
		.sponsorGroup.mainSponsors > .centered-block ul li:nth-child(3) {width:50% !important; text-align:center;}
		.sponsorGroup.mainSponsors > .centered-block ul li:first-child {width:100% !important;}
		.sponsorGroup.mainSponsors > .centered-block ul li img {display:inline !important;}
		.sponsorGroup.mainSponsors > .centered-block ul {width:387px !important;}
	}

	@media screen and (max-width: 750px) {
		.sponsorGroup > .centered-block ul li {width:auto !important}
		.sponsorGroup > .centered-block ul li img {min-width:auto !important; max-width: initial !important;}
		.sponsorGroup .spons {height:auto;
			-webkit-transform: skew(0deg);
					transform: skew(0deg);
		}
		.sponsorGroup .spons li {margin-bottom: 0px !important; border-left: 0px solid transparent; border-right: 0px solid transparent;
			-webkit-transform: skew(0deg);
					transform: skew(0deg);
		}
	}

	@media screen and (max-width: 460px) {
		.sponsorGroup.mainSponsors > .centered-block ul,
		.sponsorGroup.mainSponsors > .centered-block ul li:first-child,
		.sponsorGroup.mainSponsors > .centered-block ul li:nth-child(2),
		.sponsorGroup.mainSponsors > .centered-block ul li:nth-child(3) {
			width:100% !important;
		}
		.sponsorGroup.mainSponsors > .centered-block ul li {border-width:10px !important;}
		.sponsorGroup.mainSponsors > .centered-block ul li + li {border-width:40px !important;}
		.sponsorGroup.mainSponsors > .centered-block ul li + li + li {border-width:60px !important;}

	}

	@media screen and (max-width: 750px) {
		.sponsors1 {width: 77% !important;}
		.sponsors-presenting {display:none;}
	}

	@media screen and (max-width: 602px) {
		.sponsors1 {width: 200px !important;}
	}

	@media screen and (max-width: 672px) {
		.sponsors2 {width: 290px !important;}
		section.sponsorGroup.content-oversize.box-yellow.structure-padding h3 {margin-left:15px;}
	}

	@media screen and (max-width: 557px) {
		.sponsors3 {width: 230px !important;}
	}

	.sponsors1 li  {width: 25% !important; max-width: 183px !important;}
	.sponsors1 img {width:183px;height:60px;}
	.sponsors2 li  {width: 20% !important; max-width: 140px !important;}
	.sponsors2 img {width:140px; height:46px;}
	.sponsors3 li  {width: 16.66% !important; max-width: 112px !important;}
	.sponsors3 img {width:112px; height:37px;}

	.sponsors-presenting {width:165px; padding:0 5px 5px; position:absolute; top:19px; right:-5px; background:#333; z-index:99;
		-webkit-box-shadow: 0 0px 5px #000;
		   -moz-box-shadow: 0 0px 5px #000;
				box-shadow: 0 0px 5px #000;
	}

/* ENDE Sponsorendarstellung
---------------------------------------
*/


	html.content-bright {background:url("../images/layout/bg_yellow_full_bright.jpg") repeat center 1250px #000;background-attachment:fixed;}
	html.content-bright.touch {background-attachment: scroll; background-size: 250px;}

	html.content-bright .meta-bar .quick-search input[type="text"],
	html.content-bright .meta-bar .quick-search li:after,
	html.content-bright .meta-bar #menu-social a,
	html.content-bright .meta-bar a {color:#000;}
	html.content-bright .meta-bar .quick-search input[type="text"] {background:#dcdcdc}
	html.content-bright .meta-bar #menu-areas a:hover {color:#8b8b8b;}
	html.content-bright .meta-bar #menu-social a:hover {color:#ffd900}
	html.content-bright div.meta-bar nav,
	html.content-bright div.meta-bar nav + div > div,
	html.content-bright div.meta-bar nav + div > ul,
	/* html.content-bright .content .text a, */
	html.content-bright #menu-areas li {border-color:transparent;}
	html.content-bright .meta-bar .evonik a {opacity:1.0;}
	html.content-bright .meta-bar .evonik a:hover {background-color:transparent !important;}
	html.content-bright #menu-langauges,
	html.content-bright .meta-bar {background-color:#fff;
	  -webkit-transition: background-color 0.3s ease-out;
		 -moz-transition: background-color 0.3s ease-out;
		   -o-transition: background-color 0.3s ease-out;
			  transition: background-color 0.3s ease-out;
	}

	html.content-bright .content h2.underline {color:#000; border-color:#000;}
	html.content-bright .content .sponsors-presenting,
	html.content-bright .content .box .head {background-color:#ffd900; color:#000;}
	html.content-bright .content .player-navigation a:hover,
	html.content-bright .content .news-teaser:hover,
	html.content-bright .content .ticker li a:hover {background-color:#dcdcdc;}

	html.content-bright .content .box-announcement .content-oversize {background-color:#dcdcdc}
	html.content-bright .content .box-announcement,
	html.content-bright .content .news-teaser,
	html.content-bright .content .evonik.box .head,
	html.content-bright .content .matches-small.last-match,
	html.content-bright .content aside.superbanner,
	html.content-bright .content .box-black:not(.color-switch) {background-color:#fff;}

	/*
	html.content-bright .content .structure-9-3 aside aside.teaser {background:transparent;}
	*/

	html.content-bright .content .pager-menu ul {background-color:#fff !important;}
	html.content-bright .content .pager-menu .btn-black {background:transparent;}
	html.content-bright .content .box-announcement *,
	html.content-bright .content aside.superbanner *,
	html.content-bright .content .news-teaser *,
	html.content-bright input[type="file"],
	html.content-bright .content .box-black:not(.box-article) *:not(.inact):not(.text):not(.btn-grey):not(.btn-dark) {color:#000 !important;}

	html.content-bright .content .pager-menu .act,
	html.content-bright .content .category-menu .act,
	html.content-bright .content .btn-dark,
	html.content-bright .content .btn-black {background-color:#969696; color:#ffd900 !important;}

	html.content-bright .content .btn-dark:hover,
	html.content-bright .content .btn-black:hover {background-color:#8b8b8b;}

	html.content-bright .matches-small.last-match span.tournament.cl,
	.matches-small span.tournament.cl {background-position:0 0;}
	.matches-small.last-match span.tournament.cl {background-position:0 -37px;}
	html.content-bright .matches-small.last-match span.tournament.bl,
	.matches-small span.tournament.bl {background-position:0 -74px;}
	.matches-small.last-match span.tournament.bl {background-position:0 -111px;}
	html.content-bright .matches-small.last-match span.tournament.uc,
	.matches-small span.tournament.uc {background-position:0 -148px;}
	.matches-small.last-match span.tournament.uc {background-position:0 -185px;}
	html.content-bright .matches-small.last-match span.tournament.dfb,
	.matches-small span.tournament.dfb {background-position:0 -222px;}
	.matches-small.last-match span.tournament.dfb {background-position:0 -260px;}
	html.content-bright .matches-small.last-match span.tournament.el,
	.matches-small span.tournament.el {background-position:0 -297px;}
	.matches-small.last-match span.tournament.el {background-position:0 -333px;}


/* ENDE Lichtschalter; Startseite
---------------------------------------
*/

/* Shop/ WOTY Störer
---------------------------------------
*/
	header .stage-ec {position:absolute; right:0; top:160px; opacity:0.0;
	-webkit-transition: all 0.5s cubic-bezier(0.35, 1.25, 0.75, 1) 0s;
		    transition: all 0.5s cubic-bezier(0.35, 1.25, 0.75, 1) 0s;
	-webkit-transform:translateX(160px);
		-ms-transform:translatex(160px);
			transform:translateX(160px);


	}
	header .stage-ec.open {
	-webkit-transform:translateX(2px);
		-ms-transform:translatex(2px);
			transform:translateX(2px);
		opacity:1.0;
	}

	header .stage-ec  img {width:auto;}

	@media screen and (max-width: 960px) {
		header .stage-ec  {width:125px;}
	}
	@media screen and (max-width: 800px) {
		header .stage-ec  {width:100px;}
	}
	@media screen and (max-width: 660px) {
		header .stage-ec  {width:90px; top:140px;}
	}
	@media screen and (max-width: 540px) {
		header .stage-ec  {width:60px; top:150px;}
	}
	@media screen and (max-width: 540px) {
		header .stage-ec  {top:135px;}
	}

/* ENDE Shop/ WOTY Störer
---------------------------------------
*/

/* Fix Rendering */
	.js .slider-navigation li {border-color:rgba(255,255,255,0.99);}
	.stage {background:linear-gradient(#000, #000 90%, transparent 90%);}
	.rebrush-stage {background:#000; box-shadow:none;}
	.submenu-wrap .sub.colored {background:#ffd900;}

	@media screen and (max-width: 1140px) {
		#menu-main a {font-size: 20px;}
	}


/*
==================================================
Icon-Font
==================================================
*/
 [class^="bvbicon-"]:before, [class*=" bvbicon-"]:before {
	font-family: "bvb-icons";
	font-style: normal;
	font-weight: normal;
	speak: none;
	display: inline-block;
	text-decoration: inherit;
	width: 1em;
	margin-right: .2em;
	text-align: center;
	font-variant: normal;
	text-transform: none;
	line-height: 1em;
	margin-left: .2em;
}

.bvbicon-search:before { content: '\e800'; }
.bvbicon-help:before { content: '\e801'; }
.bvbicon-info:before { content: '\e802'; }
.bvbicon-search-1:before { content: '\e803'; }
.bvbicon-search-2:before { content: '\e804'; }
.bvbicon-globe:before { content: '\e805'; }
.bvbicon-play-circled2:before { content: '\e806'; }
.bvbicon-t-shirt:before { content: '\e807'; }
.bvbicon-ticket:before { content: '\e808'; }
.bvbicon-chart:before { content: '\e809'; }
.bvbicon-plane:before { content: '\e80a'; }
.bvbicon-facebook:before { content: '\e80b'; }
.bvbicon-twitter:before { content: '\e80c'; }
.bvbicon-gplus:before { content: '\e80d'; }
.bvbicon-instagram:before { content: '\e80e'; }
.bvbicon-login:before { content: '\e80f'; }
.bvbicon-logout:before { content: '\e810'; }
.bvbicon-glass:before { content: '\e811'; }
.bvbicon-child:before { content: '\e812'; }
.bvbicon-award:before { content: '\e813'; }
.bvbicon-food:before { content: '\e814'; }
.bvbicon-heart-empty:before { content: '\e815'; }

/* 040815 RB */
.bvbtotalvideo {position:relative;}
.bvbtotalvideo .play {
	background: transparent url("../images/bvb_total_play.png") no-repeat scroll center center;
	transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out 0s;
    display: block;
    height: 100%;
    margin: 0 auto;
    position: absolute;
    width: 100%;
    z-index:500;
    left:0; top:0;
}
.bvbtotalvideo:hover {cursor:pointer;}
.bvbtotalvideo iframe {max-width:100%; height:auto;}
.bvbtotalvideo img {width:100%; height:auto;}

.slider-wrap:hover .slider-navigation.top {bottom:50px;}
.slider-navigation {
	  -webkit-transition: bottom 0.3s ease-out;
		 -moz-transition: bottom 0.3s ease-out;
		   -o-transition: bottom 0.3s ease-out;
			  transition: bottom 0.3s ease-out;
}

@media screen and (max-width: 540px) {
	/*.bvbtotalvideo iframe {min-height:340px;} */
}


@media screen and (max-width: 1140px) {
	html.content-bright .content aside.zone-rightlast .teaser {background:transparent;}
	html.content-bright .content aside.zone-rightlast .teaser > div {background:#fff;}
	html .content aside.zone-rightlast .teaser .head + * {background:#000;}
	html.content-bright .content aside.zone-rightlast .teaser .head + * {background:#fff;}
}

/* 050216 bvb total preview slider */
.bvbtotal-preview-slider .slider-navigation {visibility:hidden;}
.bvbtotal-preview-slider li {box-sizing:border-box; padding:5px; border:none; padding-bottom:14px;}
.bvbtotal-preview-slider .prev-next-navigation {position:absolute; height:45px; width:100%; bottom:0;}
.bvbtotal-preview-slider .prev-next-navigation .prev,
.bvbtotal-preview-slider .prev-next-navigation .next {
	position:absolute;
	top:0;
	height: 40px;
	width:45px;
	cursor:pointer;
    background-image: url('../images/layout/sprite_icons.png');
    background-repeat: no-repeat;
	background-color:#000;
	z-index:2;
	  -webkit-transition: all 0.2s ease-out;
		 -moz-transition: all 0.2s ease-out;
		   -o-transition: all 0.2s ease-out;
			  transition: all 0.2s ease-out;
}
.bvbtotal-preview-slider .prev-next-navigation .prev:hover,
.bvbtotal-preview-slider .prev-next-navigation .next:hover {background-color:#333 !important;}
.bvbtotal-preview-slider .prev-next-navigation .prev {left:0; border-left:5px solid #000; background-position: 89% -620px;}
.bvbtotal-preview-slider .prev-next-navigation .next {right:0; border-right:5px solid #000; background-position: 11% -620px;}

.content-bright .bvbtotal-preview-slider .prev-next-navigation .prev,
.content-bright .bvbtotal-preview-slider .prev-next-navigation .next {background-color:#fff; border-color:#fff;}

.bvbtotal-preview-slider .label {padding-top:13px; text-align:center; display:block;}

/* 050216 v1 lightgallery */
.lightgallery-triggered {display:none;}
.lightgallery-trigger {cursor:pointer;}
figure.lightgallery-trigger:hover .lightgallery-notice {background:#C5B206}
figure.lightgallery-trigger .lightgallery-notice {position:absolute; bottom:0; right:0; padding:5px 10px; background:#ffd900; color:#000;
	  -webkit-transition: all 0.2s ease-out;
		 -moz-transition: all 0.2s ease-out;
		   -o-transition: all 0.2s ease-out;
			  transition: all 0.2s ease-out;
}


/* 150216 color switch */
#dl-menu .color-switch {display:none; position: absolute; z-index: 9; top: 106px; right: 225px;}
.color-switch {cursor:pointer; height:43px; width:30px;}
.color-switch {background:url('../images/layout/sprite_icons.png') -30px -921px no-repeat transparent;}
.color-switch.active {background-position:1px -921px;}

.meta-bar .color-switch {margin-right:10px;}
#bvb-meta-bar

@media screen and (max-width: 1023px) {
	#dl-menu .color-switch {display:block;}
	.meta-bar .color-switch {display:none;}
}
@media screen and (max-width: 767px) {
	#dl-menu .color-switch {top:86px;}
}
@media screen and (max-width: 480px) {
	#dl-menu .color-switch {top:82px; right:220px;}

}

/* 140416 landingpages */
.landingpage-layout .main-content article header {max-width:800px; margin:0 auto;}
.landingpage-layout .main-content .structure-padding {max-width:860px; margin:0 auto;}
.landingpage-layout .structure:not(.related-content) {padding:30px;}
.js .landingpage-layout .content-fullsize {background:#000;
    margin-left:-1000em;
    margin-right:-1000em;
    padding-left:1000em;
    padding-right:1000em;
}
.landingpage-layout .content-fullsize .slider {position:relative;}
.landingpage-layout .stage + .content {margin-top:-300px;}
.landingpage-layout .stage + .content .main-content article:first-child {padding-top:300px;}
.landingpage-layout .stage + .content .main-content article:last-child {padding-bottom:300px;}
.landingpage-layout .stage + .content + footer {margin-top:-300px;}

.landingpage-layout.landingpage-scrollpage #menu-main li.act {background:none;}
.landingpage-layout #logo {width:300px; top:25px;}
.landingpage-layout #menu-main {left:300px;}
@media screen and (min-width: 1024px) {
.landingpage-layout #menu-main a {font-size:20px;}
}
@media screen and (max-width: 1279px) {
	.landingpage-layout #logo {width:225px; top:15px;}
}
@media screen and (max-width: 1023px) {
	.landingpage-layout #menu-main {left:-15px;}
}
@media screen and (max-width: 600px) {
	.landingpage-layout #logo {width:175px; top:20px;}
}

/* transaprent boxes */
.box-transparent {background:rgba(255,230,0,0.4)}
.section-bright .box-transparent {background:rgba(255,255,255,0.4)}
.box-transparent .text b,
.box-transparent .text strong,
.box-transparent .text blockquote span,
.box-transparent h1,
.box-transparent h2,
.box-transparent h3,
.box-transparent h4,
.box-transparent h5,
.box-transparent h6,
.box-transparent label,
.box-transparent * {color:#000;}
.box-transparent .text p,
.box-transparent .text li,
.box-transparent .text table,
.box-transparent .text figcaption,
.box-transparent .text blockquote,
.box-transparent .text cite {color:#000;}
.box-transparent tr > * {border-bottom:1px solid rgba(0,0,0,0.1);}
.box-transparent table td,
.box-transparent table th {background:#272727; color:#fff;}
.section-bright .box-transparent table td,
.section-bright .box-transparent table th {background:#e9e9e9; color:#676767;}
.box-transparent .text a {border-bottom:1px solid #000;}
.box-transparent .text a:hover {border-bottom:1px solid #ffd900;}

/* youtube iframes */
.youtube-iframe {
	position: relative;
	padding-bottom: 56.25%; /* Default for 1600x900 videos 16:9 ratio*/
	padding-top: 0px;
	height: 0;
	overflow: hidden;
	float:none; clear:both;
}
.youtube-iframe iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* image-onpage naviagation */
.content-oversize-navigation {position:relative;}
.content-oversize-navigation .onpagenav-wrap {position:absolute; z-index:20; top:0; margin:0 -5px; padding:0 5px; width:100%; height:100%; background:rgba(255,230,0,0.3);}
.content-oversize-navigation .vertical-menu.onpage-nav {overflow:hidden; padding-top:5%; margin:0 -5px;}
.content-oversize-navigation .vertical-menu.onpage-nav li {clear:both; opacity:0;
  -webkit-transition: all 0.6s ease-out;
     -moz-transition: all 0.6s ease-out;
       -o-transition: all 0.6s ease-out;
          transition: all 0.6s ease-out;
}
.content-oversize-navigation .vertical-menu.onpage-nav li:nth-child(even) {float:right; margin-top:-25px;  margin-right:-100%}
.content-oversize-navigation .vertical-menu.onpage-nav li:nth-child(odd) {float:left;  margin-left:-100%}
.content-oversize-navigation .vertical-menu.onpage-nav li .btn {font-size:24px; padding:10px 15px;}

.content-oversize-navigation .vertical-menu.onpage-nav li.visible {opacity:1; margin-left:0; margin-right:0;}

.content-oversize-navigation .content-fullsize + .onpagenav-wrap {margin:0; padding:0;}
.content-oversize-navigation .content-fullsize + .onpagenav-wrap .vertical-menu.onpage-nav {margin:0;}
.section-bright .content-oversize-navigation .onpagenav-wrap {background:rgba(0,0,0,0.5);}

@media screen and (max-width: 960px) {
	.content-oversize-navigation .content-fullsize + .onpagenav-wrap,
	.content-oversize-navigation .onpagenav-wrap {position:static; margin:0; padding:20px 30px 0 30px; background:transparent !important; width:auto;}
	.content-oversize-navigation .content-fullsize + .onpagenav-wrap .vertical-menu.onpage-nav,
	.content-oversize-navigation .vertical-menu.onpage-nav {overflow:hidden; margin:0 0 50px 0; padding:0;}
	.content-oversize-navigation .vertical-menu.onpage-nav li {clear:both; float:none !important; margin-top:0 !important;}
	.content-oversize-navigation .vertical-menu.onpage-nav li .btn {font-size:15px; padding:10px 75px 10px 15px;}
}

/* parallax */
.parallax-container{position:relative; height:400px; margin:0;}
.parallax{position:absolute;top:0;left:0;right:0;bottom:0;z-index:9; padding:0; margin:0;}
.parallax img {display:none;position:absolute;left:50%;bottom:0;min-width:100%;min-height:100%;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);-webkit-transform:translateX(-50%);transform:translateX(-50%)}
@media screen and (max-width: 767px) {
	.js .landingpage-layout .content-fullsize {padding-left:0; padding-right:0; margin:0 -5px;}
	.js .landingpage-layout .content-fullsize .parallax {width:100% !important; left:0 !important;}
	.content-oversize .parallax-container {height:300px; /*margin:0 -100px !important; */}
}
@media screen and (max-width: 540px) {
	.content-oversize .parallax-container {height:200px;}
}

/* Angepasst Darstellung "Spielberichte" bei < 620px */
@media screen and (max-width: 620px) {
	.box-announcement .match-teams > *:not(.result) {padding-top:0; float:left; width:50%; clear:none;}
	.box-announcement .match-teams > *:first-child {padding-right:35px;}
	.box-announcement .match-teams > *:first-child + * {padding-left:35px;}
	.box-announcement .match-teams > * p {clear:both; text-align:left; padding-top:25px;}
	.box-announcement .match-teams > * + * p {text-align:right;}

	.box-announcement .meta .match-teams > * > p {padding-left:0;}
	.box-announcement .meta .match-teams > * + * > p {padding-right:0;}
	.box-announcement.lastplayed .match-teams > * {margin-bottom:0;}
	.box-announcement .meta .match-teams img {width:35px; height:35px;}
}
@media screen and (max-width: 480px) {
	.box-announcement .match-teams > * p {font-size:20px; line-height:22px;}
}

/* Angepasst Darstellung "(n.E.)" */
.box-announcement.prev .match-teams .result {padding-bottom:15px;}
.box-announcement .match-teams .result-info {font-size: 18px; line-height:25px; position: absolute; top: 62px; width: 100%; left: 0; color:#828282 !important;}
.box-announcement.lastplayed .match-teams .result-info {font-size:15px; top:30px;}
.box-announcement.lastplayed .match-teams {padding-bottom:15px;}
.box-announcement.lastplayed .meta {padding-bottom:15px;}
@media screen and (max-width: 920px) {
	.box-announcement .match-teams .result-info {top:57px;}
}

/* Neue Meta-Bar */
html body #bvb-meta-bar  .meta-bar__right > * {padding-top:0.7em; padding-bottom:0;}
#bvb-meta-bar #menu-account-registration a {height:1.5em; margin-top:0.1em;}
#bvb-meta-bar #menu-langauges {height:2em; overflow:visible;}

#bvb-meta-bar #menu-account-registration a {font-size:22px;}
#bvb-meta-bar a:hover, #bvb-meta-bar a:hover i:before, #bvb-meta-bar a:hover i, #bvb-meta-bar #menu-account-registration a:hover{color:#ffd900;}

#bvb-meta-bar  #menu-langauges {background:0; margin-right:6px;}
#bvb-meta-bar  #menu-langauges a {width:auto;}
#bvb-meta-bar  #menu-langauges li + li {background:#000;}

html body #bvb-meta-bar  .quick-search { padding-top:0; width:40px; text-align:left; }
#bvb-meta-bar  .quick-search span:before { line-height: 45px; }
#bvb-meta-bar  .quick-search input {font-size:15px;}

.content-bright #bvb-meta-bar  .quick-search span:before {color:#000;}
.content-bright #bvb-meta-bar  .quick-search input {background:#dcdcdc;}
.content-bright #bvb-meta-bar  #menu-langauges li + li {background:#fff;}


@media screen and (max-width: 1429px) {
	#bvb-meta-bar  #menu-langauges {margin:-3px 10px 0 5px;}
	#bvb-meta-bar  #menu-langauges li:first-child {display:none;}
	#bvb-meta-bar  #menu-langauges li + li {display:inline-block; margin: 0 3px;}
	#bvb-meta-bar  #menu-langauges a img {width:23px; }

	html body #bvb-meta-bar  .quick-search {width:150px; }
	#bvb-meta-bar  .quick-search input[type="text"] {opacity:1; width:100% !important;}
	#bvb-meta-bar .quick-search input {background: #383838;}
	#bvb-meta-bar .quick-search span {width:40px;}
	#bvb-meta-bar .quick-search span:before {color:#000;}
}
@media screen and (max-width: 767px) {
	html body #bvb-meta-bar  .quick-search {width: 95%; margin-bottom:10px;}
}

/*
 * Anpassung 2017-10-10
 * Andy
 */

 /* social media masonry */
    .socialmedia-teasers.masonry .news-teaser blockquote {font-weight:normal; font-style:inherit;}
    .socialmedia-teasers .news-teaser figure {min-height:35px;}
    .socialmedia-teasers .news-teaser figure + div {min-height:inherit !important;}
    .socialmedia-teasers .feed-meta {font-size:13px; padding-top:20px !important;}
    .socialmedia-teasers .feed-meta span + span {padding-left:10px;}
    .socialmedia-teasers .feed-meta span.platform {float:right;}

        /* facebook-icon fix */
        .socialmedia-teasers .social-platform .fa-facebook {font-size:22px; padding-top:2px;}
        /* adaption of the "news-date" class */
        .socialmedia-teasers .social-platform {
            background: #fff;
            color: #000;
            position: absolute;
            bottom: 0;
            right: 0;
            width: 35px;
            padding: 5px;
            font-size: 25px;
            /* font-family: 'DINbold'; */
            text-align: center;
            z-index: 100;
            bottom: auto;
            top: 0;
        }
        .socialmedia-teasers .social-platform:before {
            border-top: 0 none;
            border-right: 5px solid #FFFFFF;
            border-bottom: 33px solid transparent;
            content: "";
            display: inline-block;
            height: 0;
            left: -5px;
            position: absolute;
            top: 0;
            width: 0;
        }

        @media screen and (max-width: 730px) {
            .socialmedia-teasers .news-teaser p {display:block;}
        }

 /* interferer */
    .skew.interferer {position:relative; z-index:9;}
    .skew.interferer > * {position:absolute; right:0; padding:1.5em; text-align:center; bottom:-3em; max-width:320px; margin:0;}
    .skew.interferer > *.icon-bottom {padding-bottom:1em;}
    .skew.interferer > *.icon-top i.fa {margin-bottom:10px;}
    .skew.interferer > * i.fa {display: block; font-size: 50px;}
    /* fix wrong outlines rendered because of the transformation */
        .skew.interferer > * {outline: 1px solid transparent;}

    @media screen and (max-width: 1500px) and (min-width:731px) {
        .skew.interferer > * {font-size: 12px; line-height: 16px;}
        .skew.interferer > * i.fa {font-size: 35px;}
    }
    @media screen and (max-width: 730px) {
        .skew.interferer > * {position:static; max-width:inherit; width:100%;}
    }


 /* different ad rows */
    .full-bg.bg-mood-1 > div {background-image:url(../images/werbezeile/bg-werbezeile.jpg);}
    .full-bg.bg-mood-2 > div {background-image:url(../images/werbezeile/bg-werbezeile_v2.jpg);}
    .full-bg.bg-mood-3 > div {background-image:url(../images/werbezeile/bg-werbezeile_v3.jpg);}

    /* ad-rows containing regular structure elements; see werbezeile_3.html*/
        /* fix to keep the newsletter form style of the original template wo getting the unwanted styles; TEMPORARY */
        .skew .newsletter {background:none; height:auto; min-height:150px;}
        .skew .newsletter form {margin:0 auto; width:270px; }
        /* somehow does not seem to work; mood-styles have to be defined anyways --> style currently set inline in werbezeile_3.html */
            .bg-mood-3 p {color:#000 !important; font-family: 'DINPro-Medium'; font-size:20px;}
			.newsletter-text p { color: #000; font-size: 20px; font-family: 'DINPro-Medium';}

        /* Adaption of "Rebrush: Werbe-Zeile" to make the regular content h2 consistent */
        @media screen and (min-width: 731px) {
            .skew .content-regular h2 {font-size:3vw;}
        }
        @media screen and (max-width: 730px) {
            .skew .skew-contain.content-regular .structure-padding > div + div {padding-top:25px;}
        }

/**
 * Anpassungen für die Darstellung auf kleinen Viewports
 *
 */
@media screen and (max-width: 730px) {
	.masonry {width:auto !important;}
	.masonry > * {width:auto !important; position:static !important; left:0 !important; top:0 !important;
  -webkit-transform: none !important;
     -moz-transform: none !important;
      -ms-transform: none !important;
          transform: none !important; }

    .masonry.show-numbers > *:before {display:none !important;}

    .masonry .news-teaser a {box-sizing:border-box; padding:5px 15px 5px 5px;}
    .socialmedia-teasers .news-teaser a {padding-right:5px;}
    .masonry .news-teaser a > * {float:left; display:block; box-sizing:border-box;}
    .masonry .news-teaser a > figure {width:25%; margin:0; }
    .masonry .news-teaser a > div {width:75%; padding-left:25px;}
    .masonry .news-teaser h1 {font-size: 1.37em;}
    .masonry .news-teaser p {font-size:15px;}
    .masonry .news-teaser {margin-bottom:10px;}
	.masonry .news-teaser.w-2 figure {width:50%;}
	.masonry .news-teaser.w-2 a > div {width:50%;}
    .socialmedia-teasers.masonry .news-teaser blockquote {text-align:left;}
    .socialmedia-teasers .feed-meta span.platform {display:none;}

    .masonry .ad {margin-bottom:10px;}
    .masonry > aside.no-padding {width:335px !important; max-width:80%; margin:20px auto;}

	.masonry-percent > * {width:50% !important; padding-bottom:50% !important;}
	.masonry-percent h1 {font-size:21px;}
	.magazine-teasers img.alternate {display:block;}
	.magazine-teasers img.alternate + img {display:none;}
	.magazine-teasers > .w-2:not(.h-2) img:not(.alternate) {height:100%; width:auto; max-width:none; margin-left:-50%;}
    .magazine-teasers .overlay {opacity:0.9}
    h2.h-centered, h2.h-big {font-size: 8vw;}
    .matches-teasers  .next-match .meta {margin-bottom:10px;}
    .matches-teasers .icon-stadium {background-position: 0 -105px;}
    .matches-teasers .icon-clock {background-position: 2px -167px;}
    .matches-teasers .bg-icon {font-size: 16px; padding-left: 35px; background-size: 30px;}

}
@media screen and (max-width: 540px) {
    .masonry .news-teaser p {display:none;}
    .masonry .news-teaser a > figure {overflow:visible;}
    .masonry .news-date {right:auto; left:100%; padding-left:10px; background:transparent; text-align:left; width:150px;}
    .masonry .news-date:before {display:none;}
    .masonry .news-teaser a > div {padding-top:20px; padding-left:10px;}
    .masonry .news-teaser h1 {font-size: 1.25em;}

    .socialmedia-teasers .news-teaser a > * {float:none; clear:both;}
    .socialmedia-teasers .news-teaser a > figure {width:auto; margin:-5px -5px 20px; }
    .socialmedia-teasers .news-teaser a > div {width:100%; padding:10px;}
    .socialmedia-teasers .news-teaser p {display:block;}
}

@media screen and (max-width: 480px) {
    .matches-teasers  .next-match .meta > .btns {width:100%;}
    .matches-teasers  .next-match .meta > .btns a {width: auto; flex:none; margin:5px auto; min-width:200px;}

    .champion-partner-toggle {width:100%; min-width:inherit;}
    .champion-partner-toggle li {font-size:6vw; width:100% !important; padding:10px;}
}

.sticky-header {position:fixed; top:0; left:0; height:30px; padding:4px 1%; background:#000; width:98%; border-bottom:1px solid #999; border-color: rgba(255, 255, 255, 0.2); text-align:center; z-index:3600; line-height:30px; transition:0.2s ease-out; transform:translateY(-100%); cursor:pointer; font-family:'DINPro-Bold'; color:rgb(139,139,139); display:flex; justify-content:space-between; opacity:0;}
.sticky-header:hover {color:#fff;}
.sticky-header.visible {transform:translateY(0); opacity:1;}
.sticky-header .logo {width:28px; float:left; margin-top:1px;}
.sticky-header .page-title {display:block; margin:0 40px; overflow:hidden; height:30px; white-space:nowrap; text-overflow:ellipsis; font-size:16px; text-transform:uppercase;}
.sticky-header .fa {position:absolute; right:10px; top:4px; font-size:26px;}
.sticky-header .fa-bars {right:40px; display:none;}
.toolbar .scroll-top {display:none;}
.sticky-header .menu {font-size:16px; margin: 0 10px; overflow:visible; float:left; text-transform:uppercase;}
.sticky-header .menu span {color:rgb(255, 217, 0); cursor:default;}
.sticky-header .menu > li { display:inline-block; padding:0 5px; width:auto; transition:0.3s; position:relative; }
.sticky-header .menu > li:hover {height:40px;}
.sticky-header:hover .menu li:not(:hover) {opacity:0.5;}
.sticky-header li ul {display:none; background:rgba(255,255,255,0.9); position:absolute; top:100%; left:-15px; text-align:left; padding:10px; box-shadow:0 0 15px rgba(0,0,0,0.45); max-height:calc(100vh - 70px); overflow-y:auto;}
.sticky-header li:hover ul {display:block; }
.sticky-header li ul li {white-space:nowrap; padding:0 10px; line-height:1.6;}
.sticky-header li ul a {color:#000;}
.sticky-header .menu li:hover span:after {content:''; position:absolute; bottom:0; left:10px; border: 10px solid transparent; border-bottom-color:rgba(255,255,255,0.9); z-index:1;}

.sticky-header .group-right {margin-right:70px;}
.group-right > * {float:left;}
.sticky-header .logo-evonik {margin:3px 20px 0 0;}
.sticky-header .logo-evonik svg {fill:#8b8b8b; width:86px; transition:0.3s;}
.sticky-header .logo-evonik svg:hover {fill:#fff;}

.visually-hidden { position: absolute !important; top: -9999px !important; left: -9999px !important;}
.quick-search {width:30px; height:38px; position:relative; margin:-4px 0 0; clear:none; }
.quick-search input {width:100%; height:100%; color:#000; font-weight:bold; position:relative; opacity:0; font-family: "DINPro-Bold"; font-size: 15px;}
.quick-search input::placeholder {color: #000;}
.quick-search input[type=text] {position:absolute; background:#fff; right:0; top:0; transition:0.5s; padding:0 5px !important;}
.quick-search > span {position:relative; display:block; height:100%; float:right;}
.quick-search span:before {
    content: "";
    font-family: "bvb-icons";
    font-size: 25px;
    line-height: 38px;
    text-align: center;
    right: 0;
    top: 0;
    position: absolute;
    pointer-events: none;
    width: 100%;
    color: #000;
	transition:0.3s
}
.quick-search input[type=submit] { cursor:pointer;}
.quick-search:not(.open) > span:before {color: #8b8b8b;}
.quick-search:not(.open):hover > span:before {color: #fff;}
.quick-search:not(.open) input[type=text] {width:100% !important;}
.quick-search.open input[type=text] {opacity:1; }

@media screen and (max-width: 1023px) {
.sticky-header .menu {display:none;}
.sticky-header .fa-bars  {display:block;}
}

/*
@media screen and (max-width: 730px) {
	.masonry {width:auto !important;}
	.masonry > * {width:auto !important; position:static !important; left:0 !important; top:0 !important;
  -webkit-transform: none !important;
     -moz-transform: none !important;
      -ms-transform: none !important;
          transform: none !important; }
	.masonry  .news-teaser p {display:none;}
	.masonry  .news-teaser h1 {margin:0;}
}
*/

/*
@media screen and (max-width: 480px) {
	.masonry-percent > * {width:100%; padding-bottom:100%;}
	.magazine-teasers img.alternate {display:block;}
	.magazine-teasers img.alternate + img {display:none;}
	.magazine-teasers > .w-2:not(.h-2) img:not(.alternate) {height:100%; width:auto; max-width:none; margin-left:-50%;}
}
*/

html [class="icon-"], html [class*=" icon-"] {font-family:inherit;}

.fallback.fallback, .adblocker .ad_banner {display:none;}
.adblocker .fallback {display:block;}

/* -----------------------------------------------------------------------
Übernommen von bvb.css Apr 2018
----------------------------------------------------------------------- */

.category-menu .btn-active, .btn-grey{
	background-color: #aaaaaa;
}
.bordertop{
	border-top: 1px solid #000000;
}
.superbanner .label{    padding-left: 5px;
    padding-top: 5px;
}
.text-right {
	text-align: right;
}
a.Linkbutton {
    background: -moz-linear-gradient(center top , #FFE600, #000000) repeat scroll 0 0 padding-box #516E9E;
	background: linear-gradient(to bottom , #FFE600, #000000) repeat scroll 0 0 padding-box #516E9E;
    border: 1px solid #CFD1D3;
    border-radius: 3px 3px 3px 3px;
    color: #FFFFFF;
}


/*--Termine--*/
.events tr td span {
	height:100%;
}
/*--Termine-ChromiumLösung--*/
table.events {
	height:56px;
}

/* [hotfix] Farbvariation Sitzpläne */

		.id-206 #scroll-page-2 table tr td.row-colored,
		.id-206 #scroll-page-3 table tr td.row-colored {padding-left:20px;}
		.id-206 #scroll-page-4 table tr td.row-colored {padding-left:20px;}
		.id-206 #scroll-page-2 table tr td.row-colored:before,
		.id-206 #scroll-page-3 table tr td.row-colored:before {content:''; display:block; margin-left:-15px; margin-top:2px; position:absolute; width:8px; height:29px; background:#272727;}
		.id-206 #scroll-page-4 table tr td.row-colored:before {content:''; display:block; margin-left:-15px; margin-top:2px; position:absolute; width:8px; height:29px; background:#272727;}


	/* Tageskarten */

        .id-206 #scroll-page-3 table tr td.row-2:before {background:#E2007A;}
        .id-206 #scroll-page-3 table tr td.row-3:before {background:#9D376D;}
        .id-206 #scroll-page-3 table tr td.row-4:before {background:#F2A9C1;}
        .id-206 #scroll-page-3 table tr td.row-5:before {background:#009EE1;}
        .id-206 #scroll-page-3 table tr td.row-6:before {background:#FFD500;}
        .id-206 #scroll-page-3 table tr td.row-7:before {background:#FFD500;}
        .id-206 #scroll-page-3 table tr td.row-8:before {background:#59B9A7;}
        .id-206 #scroll-page-3 table tr td.row-9:before {background:#59B9A7;}
        .id-206 #scroll-page-3 table tr td.row-10:before {background:#009A47;}
        .id-206 #scroll-page-3 table tr td.row-11:before {background:#E2001A;}
        .id-206 #scroll-page-3 table tr td.row-12:before {background:#F29400;}
        .id-206 #scroll-page-3 table tr td.row-13:before {background:#F29400;}
        .id-206 #scroll-page-3 table tr td.row-14:before {background:#F29400;}
        .id-206 #scroll-page-3 table tr td.row-15:before {background:#009EE0;}
        .id-206 #scroll-page-3 table tr td.row-16:before {background:#009EE0;}
		.id-206 #scroll-page-3 table tr td.row-17:before {background:#009EE0;}


	/* Dauerkarten */

        .id-206 #scroll-page-2 table tr td.row-2:before {background:#E2007A;}
        .id-206 #scroll-page-2 table tr td.row-3:before {background:#9D376D;}
        .id-206 #scroll-page-2 table tr td.row-4:before {background:#F2A9C1;}
        .id-206 #scroll-page-2 table tr td.row-5:before {background:#009EE1;}
        .id-206 #scroll-page-2 table tr td.row-6:before {background:#FFD500;}
        .id-206 #scroll-page-2 table tr td.row-7:before {background:#FFD500;}
        .id-206 #scroll-page-2 table tr td.row-8:before {background:#59B9A7;}
        .id-206 #scroll-page-2 table tr td.row-9:before {background:#59B9A7;}
        .id-206 #scroll-page-2 table tr td.row-10:before {background:#009A47;}
        .id-206 #scroll-page-2 table tr td.row-11:before {background:#E2001A;}
        .id-206 #scroll-page-2 table tr td.row-12:before {background:#F29400;}
        .id-206 #scroll-page-2 table tr td.row-13:before {background:#F29400;}
        .id-206 #scroll-page-2 table tr td.row-14:before {background:#F29400;}
        .id-206 #scroll-page-2 table tr td.row-15:before {background:#009EE0;}
        .id-206 #scroll-page-2 table tr td.row-16:before {background:#009EE0;}
        .id-206 #scroll-page-2 table tr td.row-17:before {background:#009EE0;}


	/* Sonderspielbetrieb */

		.id-206 #scroll-page-4 table tr td.row-2:before {background:#8e816a;} /* VIP - oliv */
		.id-206 #scroll-page-4 table tr td.row-3:before {background:#FFD500;} /* Kat.1 - orange hell */
		.id-206 #scroll-page-4 table tr td.row-4:before {background:#F29400;} /* Kat.2 - orange dunkel */
		.id-206 #scroll-page-4 table tr td.row-5:before {background:#009A47;} /* Kat.3 - grün dunkel */
		.id-206 #scroll-page-4 table tr td.row-6:before {background:#cbccca;} /* Kat.4 - grau */
		.id-206 #scroll-page-4 table tr td.row-7:before {background:#59B9A7;} /* Kat.5 - grün hell */
		.id-206 #scroll-page-4 table tr td.row-8:before {background:#ffff00;} /* Behindert - gelb  */
		.id-206 #scroll-page-4 table tr td.row-9:before {background:#E2001A;} /* Rot - RollStuhl */


.highlight-download-button{
 	background-image:url("../images/download_pfeil.png");
 	background-repeat: no-repeat;
    background-position: right 2px;
    padding-right: 15px;
    margin-left: 15px;
    float: right;
}

.contentbannerlive{
	margin: -5px;
}

li#node_id_83573 a{
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
	color: #000000;
	border: 1px solid #000000;
	width: 148px;
}

/*--Flo--*/
	/*--Spiele/Live--*/
    .box-announcement .meta .match-teams > *:first-child:after {
       content: "-:-";
    }
	/*--Spiele/Spieltermine--*/
    .box-announcement.next .match-teams {
        background: none !important;
    }
	.box-announcement .meta .match-teams > div:first-child:after {
        margin-left: 48.5%;
    }
    /*--Anküdigungen--*/

    .matches-small.next-match div{
        background-color: #ffffff;
    }
    .box-announcement.next .match-teams .result{
        font-family: 'DINPro-Bold';
        font-size: 70px;
        left: 7px;
        line-height: 73px;
        padding: 0;
        position: absolute;
        text-align: center;
        top: 30px;
        width: 100%;
    }
    .box-announcement .meta .match-teams > *:first-child:after{
        width: 50px;
    }

    /*--News/BVB-Newsletter--*/
    .smallnewsletter form input[type="submit"]{
        background: url("../images/layout/sprite_icons.png") no-repeat scroll -73px -720px #FFE600;
        text-indent: -99999px !important;
        width: 50px !important;
        float:right;
        position:relative;
        bottom:45px;
    }
    .smallnewsletter form input[type="email"]{
        float:left;
        margin-top: 5px;
    }
    .smallnewsletter form div{
        float:right;
    }
    .smallnewsletter form div label{
        font-family: 'DINPro-Light',serif;
    }
    p.newsletteradvice{

        font-size: 11px;
    }
	.smallnewsletter form input[type="submit"]:hover {
		background-color: #c5b206;
		cursor: pointer;
	}


    /*--Fanclubkarten--*/
    .matchdaybox:nth-child(odd) {
        background-color: #2D2D2D;
    }
    .matchdaybox:nth-child(even) {
        background-color: #252525;
    }
    div .matchday_line{
        display: inline-block;
        width: 200px;
    }
    div .matchday_line label{
        display: inline-block;
        width: 60px;
    }
    div .matchday_line input[type="text"]{
        width:60px;
    }
    div .matchday_line_big input[type="text"]{
        width:80%;
    }

    form div div .radioPerRow input[type="radio"]{
         position: relative;
         width:20px;
         margin-right:5px;
    }

    /*--Fanclubs--*/
    .btn.btn-grey.fanclubbutton{
        width:100%;
    }


@media screen and (max-width: 460px) {
    .association ul li img {margin-bottom:20px;}
}

.evonik.box .head {margin:0; padding:5px; background:#000;}
.box .evonikws-head {
    background: url("../images/evonik-ws.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    background-color: #333333;
    color: #FFFFFF;
    display: block;
    font-family: 'DINPro-Bold';
    height: 206px;
    width: 270px;
    text-transform: uppercase;
    text-indent: -9999px;
}
.evonikws-bild {
    background: none repeat scroll 0 0 #000000;
    margin-bottom: 15px;
    overflow: hidden;
    position: relative;
	padding: 5px;
}
/* Ticker */
.evonik li {padding:0;}
.evonik li a {display:block; padding:8px 15px;}
.evonik .evonikws-head {margin:0;}


.black {
    cursor: default;
    background-color: #4d4d4d !important;
}
.search-result {
    min-height: 204px;
}

.sponsorGroup .spons li{
	padding-bottom: 4px;
}

.textclear {float: none;}

.smartadserver {
    border: 0;
}

.news-teaser.class-bvbnachricht.opel {
    border: 5px solid #fff;
}
html.content-bright .news-teaser.class-bvbnachricht.opel {
    border: 5px solid #ffd900;
}

.submenumannschaften{
    font-family: 'DINPro-Bold';
}

.sub section nav ul.link-list a span.result-extrainfo{
    float: right;
    text-align: right;
    width: 53px;
}

td.logo {
    vertical-align: middle;
}
@media screen and (max-width: 860px) and (min-width: 730px) {
    td.logo {width: 7%;}
}

	html.content-bright .matches-small.last-match span.tournament.eu_cl,
	.matches-small span.tournament.eu_cl {background-position:0 0;}
	.matches-small.last-match span.tournament.eu_cl {background-position:0 -37px;}
	html.content-bright .matches-small.last-match span.tournament.de_bl,
	.matches-small span.tournament.de_bl {background-position:0 -74px;}
	.matches-small.last-match span.tournament.de_bl {background-position:0 -111px;}
	html.content-bright .matches-small.last-match span.tournament.de_sc,
	.matches-small span.tournament.de_sc {background-position:0 -148px;}
	.matches-small.last-match span.tournament.de_sc {background-position:0 -185px;}
	html.content-bright .matches-small.last-match span.tournament.de_dp,
	.matches-small span.tournament.de_dp {background-position:0 -222px;}
	.matches-small.last-match span.tournament.de_dp {background-position:0 -260px;}
	html.content-bright .matches-small.last-match span.tournament.eu_uc,
	.matches-small span.tournament.eu_uc {background-position:0 -297px;}
	.matches-small.last-match span.tournament.eu_uc {background-position:0 -333px;}


/* Anpassungen Footer auf normalen Seiten */
.content {padding-bottom:7%;}
footer {background:transparent;}
footer > div:first-child:before {height:90%; top:auto; bottom:-20px; transform:none;}

.footer-sm {margin-top:4vw !important; min-height:0; background:black;}
.footer-sm .legal {padding-top:40px;}
.footer-sm > div:first-child::before {height:8vw; width:100%; margin:0; padding:0; top:0; bottom:auto;
  -webkit-transform: skewY(-4.5deg);
     -moz-transform: skewY(-4.5deg);
      -ms-transform: skewY(-4.5deg);
          transform: skewY(-4.5deg);}

/* Anschluss an den Slider */
.extend-top {margin-top:calc(-8vw - 40px); padding-top:calc(8vw + 40px)}

/*Anpassung Logo an Slider*/
.replaced-logo.size-wrap {width:100%; padding-left:30px;}
.replaced-logo.size-wrap #logo {left:auto;}
@media screen and (min-width: 1040px) {
.replaced-logo.size-wrap #logo {left:-1px; margin-left:3.5%;}
.rebrush-stage article > * > header  {left:3.5%;}
}
@media screen and (max-width: 767px) {
.replaced-logo.size-wrap {padding-left:15px;}
.rebrush-stage article > * > header {left:16px;}
}


/* Für Ads */
.masonry > aside.no-padding > div > a > img, .masonry > aside.padding-1px > div > a > img {
    height: auto;
}

/*Message*/
.popup-message.show {display:block;}
.popup-message.show:before {content:''; background:rgba(0,0,0,0.8); position:fixed; top:0; left:0; right:0; bottom:0;}
.popup-message {position:fixed; left:5%; right:5%; top:20%; max-width:700px; margin:auto; z-index:10000; box-shadow:0 0 10px rgba(0,0,0,1); display:none;}
.popup-message > div {position:relative; padding:20px 20px 10px; overflow:hidden;}