@charset "utf-8";
/*
*
*	Rot-Weiss-Erfurt - 2015
*	Author: SECONDRED Newmedia GmbH
*	Web: http://www.secondred.de
*
*/

/* -- Global Reset -- */
* { padding:0; margin:0;}
*:focus { outline:none }
*, *:before, *:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;box-sizing: border-box;}

html[dir="rtl"] {direction: rtl;}
html {font-size: 100%;-webkit-text-size-adjust: 100%;-moz-text-size-adjust: 100%;-ms-text-size-adjust: 100%;-o-text-size-adjust: 100%;text-size-adjust: 100%;}
html, body  {  height:100%; width:100%;font-smooth: always;-webkit-font-smoothing: antialiased;-moz-font-smoothing: antialiased;} 

p { margin-bottom:12px}
button,
input.formText, textarea { font-family:Arial, Helvetica, sans-serif;-webkit-border-radius:0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;	box-sizing: border-box;}
select {-webkit-appearance: none; -webkit-border-radius: 0px;}
button { -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; cursor:pointer;overflow: hidden; user-select: none;}
textarea { resize:vertical; overflow:auto}

hr { height:2px; background:#eee; margin:30px 0; border:0}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {-webkit-appearance: button;cursor: pointer;}

::-webkit-input-placeholder {color: #777;-webkit-transition: color .25s  ease}
:-moz-placeholder { color: #777;-moz-transition: color .25s  ease}
::-moz-placeholder { color: #777; -moz-transition: color .25s  ease}
:-ms-input-placeholder { color: #777;-ms-transition: color .25s  ease}

:focus::-webkit-input-placeholder {color: #ccc;}
:focus:-moz-placeholder { color: #ccc;}
:focus::-moz-placeholder { color: #ccc; }
:focus:-ms-input-placeholder { color: #ccc;}

ul {padding-left:23px;}
ol {padding-left:23px;}

img {border: 0;-ms-interpolation-mode: bicubic;}
canvas { -ms-touch-action: double-tap-zoom;}
svg:not(:root) {overflow: hidden;}

a,button, img, input, textarea  {
 -webkit-transition: color .13s  ease, border-color .13s  ease, background-color .13s  ease, opacity .15s  ease, box-shadow .25s  ease;
 -o-transition:  color .13s  ease, border-color .13s  ease, background-color .13s  ease, opacity .15s  ease, box-shadow .25s  ease;
 -moz-transition:  color .13s  ease, border-color .13s  ease, background-color .13s  ease, opacity .15s  ease, box-shadow .25s  ease;
 transition: color .13s  ease, border-color .13s  ease, background-color .13s  ease, opacity .15s  ease, box-shadow .25s  ease;
}
.ht{text-indent: -150%;white-space: nowrap;overflow: hidden; color:rgba(0,0,0,0); font-size:1px}

article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary { display: block;}
audio,canvas,progress,video {display: inline-block;vertical-align: baseline;}
audio:not([controls]) { display: none; height: 0;}
abbr[title], dfn[title] {border-bottom:1px dotted;cursor:help;}

a { color:#666}
a.link {
	color:#CC1313;
	text-decoration:none;
}
a.link:hover {text-decoration:underline;}
a:active { background-color:transparent}
a:hover { text-decoration:none;color:#e31818;}

table {border-collapse:collapse; border-spacing:0;width:100%}

*::-webkit-selection {background-color: #E31818;color: white;}
*::-moz-selection {background-color: #E31818; color: white;}
*::selection { background-color: #E31818; color: white;}

.mdBtn { position:relative}
.ripple {
  position: absolute;
  background: rgba(0,0,0,.15);
  border-radius: 100%;
  transform: scale(0);
  pointer-events: none;
}
.ripple.show {
  animation: ripple .75s ease-out;
}
@keyframes ripple {
  to {
    transform: scale(2);
    opacity: 0;
  }
}

noscript.msg div{ background-color:#C00; color:#fff; font-size:12px; padding:10px 20px;display:block;}
/* -- -- */
body  {font-family: "Open Sans",Arial, Helvetica, sans-serif;background: #fff;font-size:16px;text-align: center; color: #333;}

a.btnSearch,
a.btnSocial,
a.btnHome { padding:0 !important; margin-right:28px}
a.btnHome {/*margin-right:10px;*/ margin-right:28px}
a.btnSocial {width:30px;margin-right:5px;}
a.btnSocial span {display:none;}
a.btnSearch:before,
a.btnSocial:before,
a.btnHome:before { 
	width:28px; height:28px;border:1px solid #fff; font-size:16px; display:block; text-align:center; line-height:28px;
	-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius:50%; 
}
a.btnSearch:hover, a.btnHome:hover { background-color:transparent !important}
a.btnSocial:hover::before { background-color:#fff !important;color:black}
/* -- 100% Height Layout -- */
#container {}

/* -- Layout -- */
#header,
#inner,
.size,
#footer { width:1200px;margin: 0 auto; text-align: left;}

#outerheader {background: #333; background:rgba(51,51,51,.9);position:fixed; height:80px; z-index:7; left:0; top:0; right:0;}
#outerteaser { position:relative; z-index:5}
#outerteaser .bottom,
#outerteaser .shadow { position:absolute;left:0; right:0; display:block}

#outerteaser .bottom { background: url(../gfx/content-end.svg) center top no-repeat; background-size:cover; z-index:4; height:75px; bottom:0}
#outerteaser .shadow { background: url(../gfx/black-shadow.svg) center top no-repeat; background-size:cover; z-index:3; height:75px; bottom:20px}

#outercontent { position:relative; z-index:4; padding-bottom:50px}

#subcontent > .subImage { position:relative}

#subcontent > .subImage:before,
#subcontent > .subImage:after,
#outercontent:before,
#outercontent:after,
#subcontent > .subImage i:after,
#subcontent:after {z-index:-1;content: " "; background-repeat:no-repeat; position:absolute; left:0; right:0; height:80px; width:100%; background-size:cover; min-width:1200px}

#subcontent .subImage .contentbox { z-index:3; position:relative; height:585px}
#subcontent > .subImage:after {background-image:url(../gfx/content-top.svg); background-position:center top; bottom:-10px; z-index:2}

#subcontent > .subImage i { position:absolute; bottom:0; left:0; right:0}
#subcontent > .subImage i:after {background-image:url(../gfx/black-shadow.svg); background-position:center top; bottom:5px; z-index:2}

#subcontent { position:relative; z-index:3}
#subcontent:after { background-image:url(../gfx/footer.svg); background-position:center bottom; bottom:-70px}
#subcontent .subImage { background-color:#a81313; background-position:center; background-repeat:no-repeat; background-size:cover; height:585px}
#subcontent .subImage:before { background-image:url(../gfx/content-end.svg); background-position:center bottom; top:0; z-index:1}
#subcontent .subImage img { position:relative; z-index:2; float:right; margin-right:50px; top:-4px}

#subcontent > .contentbox { padding:60px 0 30px}

body.front #subcontent .subImage { background-image:url('../images/read-field.jpg')}
#outerfooter { background:url(../gfx/content-top-footer.svg) #474747 no-repeat center -1px;padding-top:80px;background-size:101%;}
_:-ms-input-placeholder, :root #outerfooter { background:url(../gfx/content-top.png) #474747 no-repeat center -1px;background-size:100%;}


#outerfooter .swiper-container, 
#outerfooter .swiper-container .swiper-wrapper, 
#outerfooter .swiper-container .swiper-wrapper .swiper-slide {height:50px !important;}

/* -- Header -- */
#header {color:#fff;} 
#header #logo { float:right; position:relative; top:28px;margin-right:-3px;}
#header #logo a { display:block; background:url(../gfx/rwe-logo.png) no-repeat; width:86px; height:137px; overflow:hidden; line-height:200px; font-size:1px; text-indent:-200%}

/* -- Navigation -- */
.inline ul { margin:0; padding:0}
.inline ul li{ float:left; margin:0; padding:0; list-style:none}
.inline ul li a{}
.inline ul li a:hover{}

/* -- SlideInMenü -- */
#slideInMenu { 
	width:350px; position:fixed; left:0; top:0; bottom:0; background:#e31818; background:rgba(227,24,24, .9); z-index:11;
	-webkit-transform: translate(-350px, 0px);-moz-transform: translate(-350px, 0px);-o-transform: translate(-350px, 0px);
	-ms-transform: translate(-350px, 0px);transform: translate(-350px, 0px);
	-webkit-transition: -webkit-transform 100ms ease-out;
	-o-transition:-o-transform 100ms ease-out;
	-moz-transition:-moz-transform 100ms ease-out;
	transition:transform 100ms ease-out;
	text-align:left;
}
body .overlay {
	content:" "; position:fixed; right:0; top:0; left:0; background:black; opacity:0; width:100%; height:0;
	-webkit-transition: opacity 300ms ease-out;	-o-transition:opacity 300ms ease-out;-moz-transition:opacity 300ms ease-out;transition:opacity 300ms ease-out;
}
body.menuActive  .overlay {opacity:.4; z-index:10;height:100%;}

#header a.opener { 
	color:#fff; text-decoration:none; background:#d81e20; display:block; padding:29px 30px 29px 0; width:134px; position:absolute; left:0; top:0;
	-webkit-transition: -webkit-transform 200ms ease-in-out;-o-transition:-o-transform 200ms ease-in-out;-moz-transition:-moz-transform 200ms ease-in-out;
	transition:transform 200ms ease-in-out;
	font-weight:bold;height:80px;
}
#header a.opener span { display:block; float:left; margin-right:10px}
#header a.opener span i { display:block; width:30px; height:4px; background:#fff;}
#header a.opener span i.top {}
#header a.opener span i.mid { margin:4px 0}
#header a.opener span i.bot {}

#slideInMenu.open { 
	-webkit-transform: translate(0px, 0px);-moz-transform: translate(0px, 0px);-o-transform: translate(0px, 0px);-ms-transform: translate(0px, 0px);transform: translate(0px, 0px);
	-webkit-transition: -webkit-transform 300ms ease-in;-o-transition:-o-transform 300ms ease-in;-moz-transition:-moz-transform 300ms ease-in;transition:transform 300ms ease-in;
}
#slideInMenu.open a.opener{
	-webkit-transform: perspective(1000px) rotateY(90deg);-moz-transform: perspective(1000px) rotateY(90deg);
	-o-transform: perspective(1000px) rotateY(90deg);-ms-transform: perspective(1000px) rotateY(90deg);
	transform: perspective(1000px) rotateY(90deg);
	-webkit-transform-origin: 0% 50%;-moz-transform-origin: 0% 50%;-o-transform-origin: 0% 50%;-ms-transform-origin: 0% 50%;	transform-origin: 0% 50%;
}

/* -- Hauptmenü -- */

#mainmenu > ul {
	-moz-transform: translateX(-1000px);
-webkit-transform: translateX(-1000px);
-o-transform: translateX(-1000px);
-ms-transform: translateX(-1000px);
transform: translateX(-1000px);
}
#mainmenu ul li:hover,
#mainmenu ul li.active,
#mainmenu ul li.mm-selected { 
	background:#eee; 
	color:black
}
#mainmenu ul li.img:hover {
	background:transparent;
}
#mainmenu ul li:hover a,
#mainmenu ul li:hover span,
#mainmenu ul li.active a,
#mainmenu ul li.active span,
#mainmenu ul li.mm-selected a,
#mainmenu ul li.mm-selected span { 
	color:black
}
/* -- Topmenu -- */
#topmenu { padding-top:28px;}
#topmenu ul {}
#topmenu ul li{ margin-right:20px;}
#topmenu ul li a{ color:#fff; text-decoration:none}
#topmenu ul li a:hover{}

#topmenu ul li a:before {
	color:#adadad;width:28px; height:28px; display:block; float:left; margin-right:10px; top:-3px;
	-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%; position:relative;
	border:1px solid #adadad; text-align:center; line-height:30px; font-size:18px;
	-webkit-transition: border 300ms ease-out, color 300ms ease-out;
	-o-transition:border 300ms ease-out, color 300ms ease-out;
	-moz-transition:border 300ms ease-out, color 300ms ease-out;
	transition:border 300ms ease-out, color 300ms ease-out;
}
#topmenu ul li a.icon-ticker:before { text-align:left;text-indent:2px;font-size:16px;line-height:32px;}
#topmenu ul li a:hover:before {border:1px solid #fff; color:#d31c1c}

@-webkit-keyframes colorchange {
	0% { color: #adadad; }
	50% { color: #d31c1c; }
	100% { color: #adadad; }
}
@-moz-keyframes colorchange {
	0% { color: #adadad; }
	50% { color: #d31c1c; }
	100% { color: #adadad; }
}
@-ms-keyframes colorchange {
	0% { color: #adadad; }
	50% { color: #d31c1c; }
	100% { color: #adadad; }
}
@-o-keyframes colorchange {
	0% { color: #adadad; }
	50% { color: #d31c1c; }
	100% { color: #adadad; }
}
@keyframes colorchange {
	0% { color: #adadad; }
	50% { color: #d31c1c; }
	100% { color: #adadad; }
}
#topmenu ul li.live a:visted {
	color:transparent;
}
#topmenu ul li.live a:before {
	-webkit-animation: colorchange 3s ease infinite;
	-moz-animation: colorchange 3s ease infinite;
	-o-animation: colorchange 3s ease infinite;
	-ms-animation: colorchange 3s ease infinite;
	animation: colorchange 3s ease infinite;
}
/* -- Topmenu -- */
#topmenu { float:left}
#topmenu ul {}
#topmenu ul li{}
#topmenu ul li a{}
#topmenu ul li a:hover{}

/* -- Breadcrumb -- */
#breadcrumb { height:40px; font-size:11px}
#breadcrumb ul {}
#breadcrumb ul li{ padding-right:10px}
#breadcrumb ul li a{ text-decoration:none; color:#333;}
#breadcrumb ul li a:hover{}
#breadcrumb ul li:before{ content:"•"; color:#e62f2f; float:right; margin-left:10px; font-size:15px; line-height:15px}
#breadcrumb ul li:last-child:before { display:none}

/* -- Tabs -- */
.tabBar { background:#f0f0f0; border:2px solid #e6e6e6;border-bottom:0;}
.tabBar .toggle-filter {
	float:right;
	font-family:'titillium_websemibold';
	color:#1F1F1F;
	font-size:16px;
	text-decoration:none;
	display:block;
	margin:15px 20px 0 0;
}
.tabBar .toggle-filter:after {
	content:"h";
	font-family:'rwe';
	color:#919191;
	width:12px;
	height:12px;
	font-size:12px;
	display:inline-block;
	margin-left:10px;
	-moz-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
}
.tabBar .toggle-filter.active:after {-moz-transform: rotate(-90deg);-webkit-transform: rotate(-90deg);-o-transform: rotate(-90deg);-ms-transform: rotate(-90deg);transform: rotate(-90deg);}

.tabBar ul {overflow:hidden;}
.tabBar ul li {border-right:2px solid #e6e6e6;}
.tabBar ul li a { text-transform:uppercase; padding:15px 15px; text-align:center; min-width:120px; display:block; color:#333; text-decoration:none}
.tabBar ul li a:hover {background:rgba(227,24,24,0.9);color:#fff;text-decoration:none;}
.tabBar ul li a.active:hover {color:#333;}
.tabBar ul li a i {display:block;width:28px;	height:28px;	float:left;	margin-right:10px;position:relative;	/*top:-3px;*/ top:2px}
.tabBar ul li a.icon-clock i {background:url('../gfx/icon-clock.svg') transparent no-repeat center;}
.tabBar ul li a.icon-goal i {background:url('../gfx/icon-goal.svg') transparent no-repeat center;}
.tabBar ul li a:hover{}
.tabBar ul li a.active,
.tabBar ul li.ui-tabs-active a { background:#fff; border-bottom:2px solid #fff; margin-bottom:-2px}
.tabBar {}

/* -- Teaser -- */
#teaser { height:720px; position:relative; z-index:1}
#teaser .teaserInner{}
#teaser .swiper-pagination-bullet {
	display:inline-block;
	height:8px;
	width:8px;
	border:1px solid #CCCCCC;
	background:#fff;
	border-radius:50%;
	margin-left:4px;
	cursor:pointer;
}
#teaser .swiper-pagination-bullet.swiper-pagination-bullet-active {
	border:none;
	background:rgba(227,24,24,0.9);
}
#teaser .swiper-slide { height:720px;width:100%;z-index:1;position:relative;}
#teaser .swiper-slide .img {
	position:relative;
	-moz-transform: translateZ(0px);
	-webkit-transform: translateZ(0px);
	-o-transform: translateZ(0px);
	-ms-transform: translateZ(0px);
	transform: translateZ(0px);
	backface-visibility:hidden;
	-webkit-backface-visibility:hidden;
	-moz-transform: translateY(0px);
	-webkit-transform: translateY(0px);
	-o-transform: translateY(0px);
	-ms-transform: translateY(0px);
}
#teaser .swiper-slide .img  img {
	max-width:100%;
	height:auto;
	-moz-transform: translateZ(0px);
	-webkit-transform: translateZ(0px);
	-o-transform: translateZ(0px);
	-ms-transform: translateZ(0px);
	transform: translateZ(0px);
	backface-visibility:hidden;
	-webkit-backface-visibility:hidden;
}

#teaser .caption {
	position: absolute;
	width: 1200px;
	left: 50%;
	margin-left: -600px;
	text-align: left;
	bottom: 0;
	height: 300px;
}
.front  #teaser .caption {
	bottom:-100%;
	-webkit-transition: all 400ms 200ms ease;
	-moz-transition: all 400ms 200ms ease;
	-ms-transition: all 400ms 200ms ease;
	-o-transition: all 400ms 200ms ease;
	transition: all 400ms 200ms ease;
}

.front #teaser .caption {}
#teaser .swiper-slide-active {
	z-index:3;
}
#teaser .swiper-slide-active .caption {
	display:block;
	bottom:0;
}
.front #teaser .swiper-slide-active .caption {
	bottom:0;
}
.front #teaser .swiper-slide {
	opacity:0;
}
.front #teaser .swiper-slide-active {
	opacity:1;
}
#teaser .caption > span {width: 600px;/*height: 300px;*/color: #fff;display: block;position: absolute;z-index: 6;padding: 30px 30px 80px 30px;}
#teaser .caption h1 {font-size: 46px; color:#fff; font-family: 'titillium_webblack'; line-height:50px; display:block; margin-bottom:10px;text-transform:uppercase;font-weight:normal;}
#teaser .caption h1 a { color: #fff !important; text-decoration:none; }

#teaser .caption h2 { display:block; font-style:normal; font-size:20px;opacity:.8;text-transform:uppercase;width:470px;font-weight:normal;}
#teaser .caption[data-pos=lft] > span {bottom:0;left:0;background:url(../gfx/redbox-lft.svg) no-repeat center bottom;background-size:cover;}
#teaser .caption[data-pos=rt] > span {bottom:0;right:0;background:url(../gfx/redbox-rt.svg) no-repeat center bottom;background-size:cover;}
:-ms-input-placeholder, :root #teaser .caption[data-pos=lft] > span  {background:url(../gfx/redbox-lft.png) no-repeat center bottom;}
:-ms-input-placeholder, :root #teaser .caption[data-pos=rt] > span {background:url(../gfx/redbox-rt.png) no-repeat center bottom;}

#teaser a.caption  {text-decoration:none;color:#fff !important;}

#teaser .caption a.btnMore,
#teaser .caption i.btnMore {
	width:46px; height:46px; border:2px solid #fff; display:block; float:right; color:black; text-align:center;	text-decoration:none;
	-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%; font-size:18px; line-height:46px; position:relative; top:-10px;
	
}
#teaser .caption a.btnMore span { display:none;}

#teaser .caption:hover a.btnMore,
#teaser .caption:hover i.btnMore {
	color:#fff;
}
/* -- Inner Layout -- */
#inner { padding-top:160px}
#outerteaser + #outercontent #inner { padding-top:30px}

.front #inner { padding-top:0}

/* -- Sidebar -- */
#sidebar-lft,
#sidebar-rt {width: 380px;}
#sidebar-rt .block {margin-bottom:30px;border-bottom:2px solid #E31818;}
#sidebar-lft {float: left; }
#sidebar-rt {float: right;}

#sidebar-rt  .block-img.nohover, #sidebar-rt  .block-text  { height:auto;}
#sidebar-rt  .block-img .inner, #sidebar-rt  .block-text .inner  {	
	height:100%;
}
#sidebar-rt .block-social .inner .heightLimiter {
	height:auto;
	max-height:400px;
}
#sidebar-rt .block-events {
	height:auto;
}
.version-select {background-color:transparent;margin-bottom:30px;}
.version-select .selectboxit-btn {border: none;background-color:rgba(227,24,24,0.9)}
.version-select .selectboxit-text {color:#fff;font-size:20px;font-family:'titillium_websemibold',sans-serif;}
.version-select .selectboxit-default-arrow:before {color:#000;}



/* -- Inhalt -- */
#mainContent { margin: 0;	padding: 0;}
body.page-full #mainContent { margin: 0; padding:0}

#mainContent .headline {margin: 0 0 40px 0}
#mainContent .node .headline {margin: 0 440px 40px 0}
#mainContent h1 {font-family: 'titillium_webblack',sans-serif; font-size:46px; margin-bottom:10px;font-weight:normal;line-height:100%;text-transform:uppercase;}
#mainContent h2 {font-family: 'titillium_websemibold',sans-serif; font-size:20px; margin-bottom:20px;font-weight:normal;line-height:100%;text-transform:uppercase;}
#mainContent h3 {font-family: 'titillium_websemibold',sans-serif; font-size:24px;margin-top:45px; margin-bottom:25px;text-transform:uppercase;}
#mainContent .node h3 {font-size:18px;}

/* -- Elemente & Blöcke -- */
.node {margin: 0 440px 0 0}
.node.no-sidebar {margin:0 0 80px 0;}
.node h2{ margin-top:30px}
.node h2:first-child { margin-top:0}
.node h2 a{}
.node h2 a:hover{}
.node .inner{}
.node .inner p{}
.node iframe {margin-bottom:30px;}

.node ol { margin-bottom:30px}
.node ol li { position:relative; margin-bottom:15px}
.node ul { margin-bottom:15px; padding-left:0; list-style: none;}
.node ul li { position:relative; padding-left:50px; margin-bottom:15px}
.node ul li:before { 
	content:" "; display:block; width: 10px;height: 10px;border:2px solid #e53131; position:absolute;
	-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;left:30px; top:6px;
}

/* -- Blöcke -- */
.block { background:#f0f0f0}
.block img { display:block}
.block h3{ font-size:24px;font-family: 'titillium_websemibold'; line-height:27px; color:black; margin-bottom:10px;margin-top:0 !important; text-transform:uppercase}
.block h4{ text-transform:uppercase}
.block h3 a{ text-decoration:none;color:black;}
.block h4 a{ text-decoration:none;color:black;font-size:15px;font-weight:normal;}
.block h3 a:hover{text-decoration:none;}
.block:hover h4 a {color:#fff}
.block i {
	display:block;
	width:26px;
	height:30px;
	background:url('../gfx/btn-loadmore.svg') no-repeat;
	background-size:26px 30px;
	text-align:center;
	position:absolute;
	top:0;
	right:30px;
	text-transform:uppercase;
}
.block i:before {height:12px;font-size:12px;color:#fff;display:block;line-height:30px;}
.block:hover > i {}
.block:hover > i:before {color:#000;}

.grid { margin-left:-29px;margin-top:40px;}
.grid >  h3 { padding-left:29px;}
.grid .info-text { padding-left:60px}
.grid .block { width:380px; float:left; margin-left:29px; margin-bottom:30px}
.grid .sponsoren { margin-left:29px; margin-bottom:30px; clear:both}

/* -- ImageBlock -- */
.block-img, .block-text, .block-tabs, .block-events  { border-bottom:2px solid #e62f2f; height:352px; position:relative; overflow:hidden}
.block-img .inner, .block-text .inner  {
	padding:25px 28px; overflow:hidden; position:relative; background:transparent; background:rgba(227,24,24, 0);
	-webkit-transition: -webkit-transform 300ms  ease-out, background 300ms  ease-out;
	-o-transition: -o-transform 300ms  ease-out, background 300ms  ease-out;
	-moz-transition: -moz-transform 300ms  ease-out, background 300ms  ease-out;
	transition: transform 300ms  ease-out, background 300ms  ease-out;
	height:352px;
}
.block-text .inner .heightLimiter {
	display: block;
	overflow: hidden;
	height: 281px;
}
.block-social .inner .heightLimiter {display: block;overflow: hidden;height: 265px;}
.news-grid .block-text h3 {margin-bottom:35px !important;}
.news-grid .block-text p {line-height:27px;}
.news-grid .block-text .heightLimiter {height:283px;}
.block-text:hover h3,
.block-text:hover h3 a,
.block-text:hover small,
.block-text:hover small a {color:#fff !important;}

.block-text:hover i:before { color:#e42d2d}
.block-text:hover i { background-image:url(../gfx/btn-loadmore-white.svg)}

.block-img .inner p {opacity:0}
.block-img .inner small, 

.block-text .inner small { display:block; font-size:12px; margin-bottom:12px}
.block-img .inner small a, 

.block-text .inner small a { color:#cd1313; text-decoration:none}
.block-img .inner small a:hover {}

.block-img .inner a.btnMore, 
.block-text .inner a.btnMore {
	width:46px; height:46px; border:2px solid #fff; display:block; float:right; color:black; text-align:center;	text-decoration:none;
	-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%; font-size:18px; line-height:46px; position:absolute; bottom:-2px; right:20px
}
.block-img.nohover .inner a.btnMore, 
.block-text.nohover .inner a.btnMore {
	border:2px solid #E61200;
	bottom:-8px;
}
.block-img.nohover:hover .inner a.btnMore, 
.block-text.nohover:hover .inner a.btnMore {
	border:2px solid #fff;
}
.block-img .inner a.btnMore:before, 
.block-text .inner a.btnMore:before {
	line-height:41px;
}
.block-img .inner a.btnMore span, 
.block-text .inner a.btnMore span { display:none;}

.block-img:hover .inner, .block-text:hover .inner{
	color:#fff; background:#e31818; background:rgba(227,24,24, .9);opacity:1;
	-webkit-transform: translate(0px, -193px);-moz-transform: translate(0px, -193px);-o-transform: translate(0px, -193px);
	-ms-transform: translate(0px, -193px);transform: translate(0px, -193px);
}
.block-img.nohover:hover .inner{
	color:#fff;
	background:#e31818;
	background:rgba(227,24,24, .9);
	opacity:1;
	-webkit-transform: translate(0,0);
	-moz-transform: translate(0,0);
	-o-transform: translate(0,0);
	-ms-transform: translate(0,0);
	transform: translate(0,0);
}
.block-img .inner .heightLimiter { display: block;overflow: hidden;height: 115px;}

.block-img:hover .inner small {opacity:0; margin-top:-12px; margin-bottom:0}
.block-img:hover .inner p { opacity:1;}
.block-img:hover .inner h3,
.block-img:hover .inner h3 a{ color:#fff;}
.block-img:hover .inner .heightLimiter {height: 280px;}

.block-text .inner {}
.block-text .inner a.btnMore{bottom:-7px;display:none;}
.block-text .inner p {opacity:1;	font-size:24px;}
.block-text .inner p a,
.block-text .inner p a:hover { color:#333; text-decoration:none}
.block-text:hover .inner p a { color:#fff; text-decoration:none}

.block-text.block-press .inner p {font-size:15px;max-height:160px;overflow:hidden;}

.block-text.block-press h3 {margin-bottom:15px !important;}
.block-text.block-press span {
	font-family:'titillium_webregular', sans-serif;
	font-size:12px;
	color:#666;
	position:absolute;
	bottom:30px;
	left:28px;
	margin-right:80px;
}
.block-text:hover .inner {
	-webkit-transform: translate(0px, 0);
	-moz-transform: translate(0px, 0);
	-o-transform: translate(0px, 0);
	-ms-transform: translate(0px, 0);
	transform: translate(0px, 0);
}
.block-text.block-press:hover h3,
.block-text.block-press:hover span {color:#fff;}

.block-text:hover .inner a.btnMore{	display:block;}
.block.block-double {width:790px;position:relative;border-bottom:2px solid #e62f2f;}
.block.block-double p {
	display:block;
	position:absolute;
	bottom:0;
	padding:10px;
	background:rgba(51,51,51,0.9);
	color:#fff;
	font-size:12px;
	width:100%;
	margin:0;
}
.block.block-double:hover p {background:#e31818; background:rgba(227,24,24, .9);}

.block-img.block-halfhover:hover .inner small {opacity:1; margin-top:0; margin-bottom:12px}
.block-img.block-halfhover:hover .inner small a {color:#fff;}

/* -- SocialScream -- */
.socialStream .block-text .inner p {}
#mainContent .socialStream .block-img .inner h3 { font-size:15px; text-transform:none; line-height:21px; font-family: "Open Sans",Arial, Helvetica, sans-serif; font-weight:normal}
#mainContent .socialStream .block-img .inner p { font-size:15px;}

/* -- Block - Termine -- */
.block-events .inner {padding:30px;overflow:hidden; }
.block-events .inner small {font-family:titillium_webregular;font-size:12px;margin-bottom:8px;}
.block-events .inner h4 {position:relative;display:block;margin-bottom:18px;}
.block-events .inner h4:after {content:" ";display:block;width:30px;height:2px;background:#C0C0C0;line-height:2px;position:absolute;bottom:-7px;left:0;}
.block-events .inner h4 a {font-family:titillium_websemibold;font-size:16px;color:#212121;text-decoration:none;}

.block-events .inner a.btnMore {
	width:46px; height:46px; border:2px solid #E61200; display:block; float:right; color:black; text-align:center;	text-decoration:none;
	-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%; font-size:18px; line-height:46px; position:absolute; bottom:-6px; right:20px
}
.block-events .inner a.btnMore span { display:none;}


.block-facebook .inner:before { content:" "; width:26px; height:30px; position:absolute; top:0; right:30px; background:url(../gfx/icon-facebook.png)} 

.block-media, 
.block-player, 
.block-premium  {border-bottom:2px solid #e62f2f;height:352px;position:relative;overflow:hidden}

.block-media a.flickr-image {
	position:relative;
	display:block;
	width:380px;
	height:193px;
	overflow:hidden;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
}
.block-media a.flickr-image img {
	position:relative;
	top: 30%;
	transform: translateY(-30%);
	width:380x;
	height:auto;	
}

.block-media .inner,  
.block-player .inner  {	padding:25px 28px;overflow:hidden;position:relative;}

.block-player .inner {padding-bottom:0;height:100%;position:static;position:initial;}
.block-media .inner {padding-bottom:0;height:100%;position:static;position:initial;}
.block-player .inner a.btnMore  {bottom:-10px !important;}
.block.block-player h3 {margin-bottom:20px !important;}

.block-media .inner p {}
.block-media .inner small, .block-player .inner small { display:block; font-size:12px; margin-bottom:12px}
.block-player .inner small {margin-bottom:6px;}
.block-player i {
	width: 60px;
	height: 69px;
	background-size: 60px 69px;
	font-family:'titillium_websemibold';
	font-size:24px;
	color:#fff;
	line-height:69px;
	font-style:normal;
}
.block-media .inner .heightLimiter {display: block;overflow: hidden;height: 80px;}
.block-media .inner small a, .block-player .inner small a { color:#cd1313; text-decoration:none}
.block-media .inner small a:hover {}
.block-media .inner a.btnMore, .block-player .inner a.btnMore {
	width: 46px;
	height: 46px;
	border: 2px solid #fff;
	display: block;
	float: right;
	color: black;
	text-align: center;
	text-decoration: none;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	font-size: 18px;
	line-height: 46px;
	position: absolute;
	bottom: -10px;
	right: 20px;
	display:none;
}
.block-media .inner a.btnMore:before, .block-player .inner a.btnMore:before {
	line-height:41px;
}
.block-media .inner a.btnMore span, 
.block-player .inner a.btnMore span {display:none;}

.block-media:hover .inner, 
.block-player:hover .inner {color:#fff;background:#e31818;background:rgba(227,24,24, .9);}

.block-media span, .block-player span {font-size:12px;color:#666;position:absolute;bottom:30px;}
.block-media:hover .inner a.btnMore, .block-player:hover .inner a.btnMore { display:block;}

.block-media:hover .inner h3,
.block-media:hover .inner small,
.block-media:hover .inner small a,
.block-media:hover .inner h3 a,
.block-media:hover .inner span,
.block-player:hover .inner h3,
.block-player:hover .inner small,
.block-player:hover .inner small a,
.block-player:hover .inner h3 a,
.block-player:hover .inner span{ color:#fff;}

.block.block-sale {height:auto;min-height:350px;}
.block.block-sale .inner {height:100%;}
.block.block-sale h3 {height:52px;overflow:hidden;text-overflow:ellipsis;margin-bottom:15px !important;}
.block.block-sale a.btn-map {display:block;width:100px;float:right;font-size:14px;color:#1F1F1F;text-decoration:none;text-align:right;}
.block.block-sale a.btn-map i {
	display:inline-block;
	width:30px;
	height:30px;
	border:1px solid #aaa;
	color:#aaa;
	text-align:center;
	text-decoration:none;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	font-size:19px;
	line-height:30px;
	background:transparent;
	position: inherit;
	vertical-align:middle;
	margin-left:10px;
}
.block.block-sale:hover a {color:#fff;}
.block.block-sale a.btn-map i:before {height: 19px;font-size: 19px;color: #aaa;display: block;line-height: 30px;}
.block.block-sale span {display:block;}
.block.block-sale small {padding-top:20px;margin-top:20px;border-top:2px solid rgba(187,187,187,0.4);}

.block.block-sale:hover a.btn-map,
.block.block-sale:hover a.btn-map i:before {color:#fff;}

.block.block-sale:hover a.btn-map i {border-color:#fff;}

#gallery-wrap {position:relative;width:100%;margin-bottom:20px;}
#gallery-wrap small {
	background:rgba(51,51,51,0.9);
	font-size:12px;
	color:#fff;
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	padding:6px 10px;
	text-align:left;
	z-index:2;
}
#gallery-wrap .btn-gallery {
	display:block;
	width:50px;
	height:70px;
	line-height: 70px;
	text-align: center;
	text-decoration:none;
	position:absolute;
	top:50%;
	margin-top:-35px;
	z-index:2;
}
#gallery-wrap .btn-gallery:before {font-family: 'rwe';color: #000;font-size: 18px;}
#gallery-wrap .btn-gallery:hover::before {color:#fff;}
#gallery-wrap .btn-gallery.prev {background: url('../gfx/bg-flickr-lft.svg') no-repeat center;left:-40px;}
#gallery-wrap .btn-gallery.prev:before {content: "g";}
#gallery-wrap .btn-gallery.next {background: url('../gfx/bg-flickr-rt.svg') no-repeat center;right:-40px;}
#gallery-wrap .btn-gallery.next:before {content: "h";}

#gallery-wrap .swiper-container {
	background:rgba(238,238,238,0.9);
	text-align:center;
	height:800px;
}
#gallery-wrap .swiper-container .swiper-wrapper .swiper-slide img {
	/*max-width:100%;
	height:auto;
	vertical-align:middle;*/
	max-height: 100%;
    max-width: 100%;
    width: auto;
    height: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}
#gallery-wrap .swiper-container .swiper-wrapper .swiper-slide {
	position:relative;
	display:table-cell;
	line-height:796px;
}
#gallery-wrap,
#gallery-wrap .swiper-container,
#gallery-wrap .swiper-container .swiper-wrapper ,
#gallery-wrap .swiper-container .swiper-wrapper .swiper-slide {
	height:800px;
}
#gallery-wrap .swiper-container .swiper-wrapper .swiper-slide small {
	line-height:100%;
}
.subline {font-family:'titillium_webregular', sans-serif;color:#000;font-size:12px;display:block;margin-top:30px;}
.subline.rt {float:right;}
.subline a {color:#CC1313;text-decoration:none;}
.subline a:hover {text-decoration:underline;}

.block-premium {height:288px;}
.block-premium > a {background:#fff;height:193px;display:block;margin:1px 1px 0 1px;line-height:193px;text-align:center;}
.block-premium > a img {position: absolute;top: 0; bottom:90px; left: 0; right:0;margin: auto;width:auto !important;height:auto !important;}

.block-premium h3 {
	font-family:'titillium_websemibold', sans-serif;
	font-size:20px;color:#212121;
	background:#eee;
	text-decoration:none;
	padding:22px 30px;
	margin:0 !important;
}
.block-premium h3 a {font-size:20px;word-wrap:break-word;}

.press-logo {background:#F8F8F8;text-align:center;margin:30px 0;}
.press-logo a {background:#fff;display:inline-block;}
.press-logo img {margin:0 auto; display:block; border: 10px solid #fff; border-top:0; border-bottom:0; height:40px !important; width:auto !important}

/* -- Block Tabs -- */
#sidebar-rt .block-tabs {min-height:340px;height:auto;}
.block-tabs { background:#f0f0f0;overflow:hidden;}
.block-tabs .tabs { padding:2px 0 2px 2px;}
.block-tabs .tabs ul { text-transform:uppercase}
.block-tabs .tabs ul li { border-right:2px solid #f0f0f0; width:33.3%}
.block-tabs .tabs ul li a {display:block; padding:15px 0; text-align:center; color:#333; text-decoration:none; background:#fff;font-family:titillium_websemibold;}
.block-tabs .tabs ul li a.active {  background:#f0f0f0;}
.block-tabs .tabs ul li a:hover {}

.block-tabs .tab-content { padding:30px;text-align:center; animation: 0.5s ease 0s normal none 1 running cd-fade-in;}
.block-tabs .tab-content a {font-size:14px;color:#CD1313;text-decoration:none;}
.block-tabs .tab-content a:hover {text-decoration:underline;}

.block-tabs .tab-content {display:none;position:relative;text-align:left;}
.block-tabs.tab-ergebnis .tab-content#tab-ergebnis {display:block;}
.block-tabs.tab-vorschau .tab-content#tab-vorschau {display:block;}
.block-tabs.tab-tabelle .tab-content#tab-tabelle {display:block;}
.block-tabs.tab-tabelle .tab-content#tab-tabelle h3,
.block-tabs.tab-tabelle .tab-content#tab-tabelle table{text-align:left;}
.block-tabs.tab-info .tab-content#tab-info {display:block;}
.block-tabs.tab-teams .tab-content#tab-teams {display:block;padding:30px 0 0 0;}
.block-tabs.tab-archive .tab-content#tab-archive {display:block;}

.block-tabs .tab-content .selectboxit-btn.selectboxit-enabled:hover,
.block-tabs .tab-content .selectboxit-btn.selectboxit-enabled:focus,
.block-tabs .tab-content .selectboxit-btn.selectboxit-enabled:active {
    background-color: transparent !important;
}

.block-tabs .tab-content#tab-ergebnis {text-align:center;}
.block-tabs .tab-content#tab-vorschau {text-align:center;}
.block-tabs .tab-content#tab-vorschau small {display:block;}
.block-tabs .tab-content#tab-vorschau strong {display:block;margin-bottom:5px;}
.block-tabs .tab-content#tab-vorschau table {
    border-bottom: 2px solid #DBDBDB;
    margin-bottom: 15px;
	/*padding-bottom:15px;*/
}
.block-tabs .tab-content#tab-tabelle {text-align:center;}



/* -- Block - Info -- */
.block-tabs.tab-info .tab-content  {padding:25px 28px; overflow:hidden; position:relative; background:transparent; background:rgba(227,24,24, 0);}
.block-tabs.tab-info .tab-content table {border-bottom:2px solid #DBDBDB;margin-bottom:5px;margin-top:15px;}
.block-tabs.tab-info .tab-content table:last-child {border-bottom:0;margin-bottom:0;}
.block-tabs.tab-info .tab-content table tr td {
	font-size:12px;
	background:transparent;
	padding:0;
	padding-bottom:10px;
	border-bottom:0;
	vertical-align:top;
	color:#000;
	text-align:left;
}
.block-tabs.tab-info .tab-content table tr td:first-child {width:140px;font-family:'titillium_websemibold',sans-serif;}
.block-tabs.tab-info .tab-content h3 {font-size:24px;padding:30px;border-bottom:2px solid #DBDBDB;margin-bottom:0 !important;}
.block-tabs.tab-info .tab-content table tr:hover td {color:#000;}


/* -- Tabellen -- */
.table-flicker {
	height:51px;
	width:100%;
	background:rgba(227,24,24,0.9);
	position:relative;
	text-align:center;
	line-height:51px;
}
.table-flicker a.next, .table-flicker a.prev {
	display:block;
	width:50px;
	height:50px;
	border:2px solid #fff;
	color:black;
	text-align:center;
	text-decoration:none;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	font-size:18px;
	line-height:50px;
	position:absolute;
	bottom:-10px;
}
.table-flicker a.next span, .table-flicker a.prev  span {
	display:none;
}
.table-flicker a.prev {left:30px;}
.table-flicker a.next {right:30px;}
.table-flicker a:hover {color:#fff;}
.table-flicker .selectboxit-container {width:180px;height:51px;}
.table-flicker .selectboxit-container .selectboxit-btn {border:0;}
.table-flicker .selectboxit-text {color:#fff;font-size:20px;	font-family:'titillium_websemibold', sans-serif;	cursor:pointer;}
.table-flicker .selectboxit-container ul li a{color:#1F1F1F;}
.table-flicker .selectboxit-container .selectboxit {height:51px;}
.table-flicker .selectboxit-default-arrow:before {color:#000;}
.table-flicker .selectboxit-btn.selectboxit-enabled:hover,
.table-flicker .selectboxit-btn.selectboxit-enabled:focus {
    background-color:transparent;
}
#filterSelectBoxItContainer {display:none;}
table tr td > i {
	display:block;
	width:30px;
	height:30px;
	float:right;
	border:1px solid #aaa;
	line-height:30px;
	text-align:center;
	color:#bbb;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	font-style:normal;
	background:#fff;
}
table tr td > i:before {display:block;content:"w";font-family:'rwe';font-size:16px;position:relative;}
table tr td > i.tendency-up3 {color:#468C00;	-moz-transform: rotate(-90deg);-webkit-transform: rotate(-90deg);-o-transform: rotate(-90deg);-ms-transform: rotate(-90deg);transform: rotate(-90deg);}
table tr td > i.tendency-up3:before {top:-1px}
table tr td > i.tendency-up2 {color:#A2C57F;-moz-transform: rotate(-60deg); -webkit-transform: rotate(-60deg);-o-transform: rotate(-60deg);-ms-transform: rotate(-60deg);transform: rotate(-60deg);}
table tr td > i.tendency-up2:before {top:-1px}
table tr td > i.tendency-up1 {color:#C7DCB2;-moz-transform: rotate(-30deg);-webkit-transform: rotate(-30deg);-o-transform: rotate(-30deg);-ms-transform: rotate(-30deg); transform: rotate(-30deg);}
table tr td > i.tendency-up1:before {top:-1px;}
table tr td > i.tendency-neutral {color:#bbb;-moz-transform: rotate(0deg);-webkit-transform: rotate(0deg);-o-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg);}
table tr td > i.tendency-down1 {color:#E8C0B2;-moz-transform: rotate(30deg);-webkit-transform: rotate(30deg);-o-transform: rotate(30deg);-ms-transform: rotate(30deg);transform: rotate(30deg);}
table tr td > i.tendency-down1:before {top: 0px;left: 1px;}
table tr td > i.tendency-down2 {color:#D8967F;-moz-transform: rotate(60deg);-webkit-transform: rotate(60deg);-o-transform: rotate(60deg);-ms-transform: rotate(60deg);transform: rotate(60deg);}
table tr td > i.tendency-down2:before {top: 0px;left: 1px;}
table tr td > i.tendency-down3 {color:#B22D00;-moz-transform: rotate(90deg);-webkit-transform: rotate(90deg);-o-transform: rotate(90deg);-ms-transform: rotate(90deg);transform: rotate(90deg);}
table tr td > i.tendency-down3:before {top: 0px;left: 1px;}

table tr:hover td a {color:#fff;}

table tr.spacer td {border-bottom:2px solid rgba(187,187,187,0.9);}
table.result { width:100%; border-collapse:collapse;margin:0;}
table.result tbody td{ text-align:center; vertical-align:middle; padding:0 0 20px 0}
table.result tbody tr:hover td {background:transparent;}
table.result tbody td img { display:inline}
table.result tbody td.splitter{ font-size:60px}
table.result tbody tr:hover td.splitter{ color:#333;}

table.result tfoot td{ text-align:center; padding:20px 0; background-repeat:no-repeat}
table.result tfoot td.left { width:155px; background-image:url(../gfx/tfoot-left.png)}
table.result tfoot td.right { width:155px; background-image:url(../gfx/tfoot-right.png);text-align:center;}
table.result tfoot tr:hover td {background-color:transparent;color:#333;}

table.result tr td {
    border: 0 !important;
}

#mainContent table {border-collapse:initial;}
table {width:100%;margin:40px 0;}
table tr th,
table thead tr td {
	background:#eee;
	font-size:20px;
	font-family:'titillium_websemibold';
	border-bottom:2px solid #E31818;
	position:relative;
	padding-right:30px;
	border-top:0 !important;
}
table tr th.sorting_desc:before, 
table tr th.sorting_asc:before {
	content: "h";
	font-family:'rwe';
	font-size:12px;
	color:rgba(51,51,51,0.5);
	display:block;
	float:right;
	position:absolute;
	top:28px;
	right:20px;
}
/*table tr:first-child td { border-top:2px solid #e62f2f}*/
table tr th.sorting_desc:before {-webkit-transform: rotate(90deg);-moz-transform: rotate(90deg);-o-transform: rotate(90deg);-ms-transform: rotate(90deg);transform:rotate(90deg);}
table tr th.sorting_asc:before {-webkit-transform: rotate(-90deg);-moz-transform: rotate(-90deg);-o-transform: rotate(-90deg);-ms-transform: rotate(-90deg);transform:rotate(-90deg);}
table tr th i, 
table.dataTable > tbody > tr.child span.dtr-title i {display:block;width:28px;height:28px;}

table tr th i.table-icon-einwechslung, 
table.dataTable > tbody > tr.child span.dtr-title i.table-icon-einwechslung {background:url('../gfx/table-icon-einwechslung.svg') no-repeat center; background-size:26px 26px;}

table tr th i.table-icon-auswechslung, 
table.dataTable > tbody > tr.child span.dtr-title i.table-icon-auswechslung {background:url('../gfx/table-icon-auswechslung.svg') no-repeat center;background-size:26px 26px;}

table tr th i.table-icon-playtime, 
table.dataTable > tbody > tr.child span.dtr-title i.table-icon-playtime {background:url('../gfx/icon-clock.svg') no-repeat center;background-size:28px 28px;}

table tr th i.table-icon-goals, 
table.dataTable > tbody > tr.child span.dtr-title i.table-icon-goals {background:url('../gfx/icon-goal.svg') no-repeat center;background-size:28px 27px;}

table tr th i.table-icon-cards-yellow, 
table.dataTable > tbody > tr.child span.dtr-title i.table-icon-cards-yellow {background:url('../gfx/icon-card-yellow.svg') no-repeat center;background-size:24px 28px;}

table tr th i.table-icon-cards-yellow-red, 
table.dataTable > tbody > tr.child span.dtr-title i.table-icon-cards-yellow-red {background:url('../gfx/icon-card-yellow-red.svg') no-repeat center;background-size:24px 28px;}

table tr th i.table-icon-cards-red, 
table.dataTable > tbody > tr.child span.dtr-title i.table-icon-cards-red {background:url('../gfx/icon-card-red.svg') no-repeat center;background-size:24px 28px;}

table tr td {border-bottom:2px solid rgba(238,238,238,0.9);border-right:1px solid #eee;position:relative;}
table tr td:last-child { border-right:0}
table tr td a.btn-more {
	float:right;
	display:block;
	width:30px;
	height:30px;
	border:2px solid #E61200;
	color:black;
	text-align:center;
	text-decoration:none;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	font-size:12px;
	line-height:30px;
	position:absolute;
	right:20px;
	top:50%;
	margin-top:-15px;
}
table tr td a.btn-more span {
	display:none;
}
table tr:hover td a.btn-more {border:2px solid #fff;background:#fff;}
table tr:nth-child(even) td {background:#F8F8F8;}

table th {text-align:left;}
table th, table td {padding:20px;border-right:1px solid #fff;}

table th.sorting,
table th.sorting_desc,
table th.sorting_asc {cursor:pointer;}

table td {font-family:arial, helvetica, sans-serif;}
table tr th:last-child, 
table tr td:last-child:not(.fc .fc-row table tr td:last-child) {border-right:none;}

table tr td.red, 
table tr th.red { color:#CC1313; font-family:'titillium_websemibold',sans-serif;}

table tr td.bold, table tr th.bold {font-family:'titillium_websemibold', sans-serif !important;}

table tr td.center, 
table tr th.center {text-align:center;}

table tr td.right, 
table tr th.right {text-align:right;}

table tr:hover td, table.table-small tr:hover td {background:#E31818;color:#fff;}
table.table-small {margin:-30px 0 10px 0}
table.table-small tr th, 
table.table-small tr td {padding:6px 0;color:#000;font-size:12px;background:transparent;border-right:0;}
table.table-small tr th {}
table.table-small tr td {border-bottom:1px solid rgba(187,187,187,0.4);vertical-align:middle;font-family:'titillium_webregular',sans-serif;}
table.table-small tr.red td {background:rgba(227,24,24,0.9);color:#fff;border-bottom:0;}
table.table-small tr td:first-child {width:30px}

.block-events a.btn-more {font-size:14px;color:#CD1313;text-decoration:none;text-align:center;width:100%;display:block;}
/* -- Sektionen -- */
.redBox { background:#a81313; position:relative; margin-bottom:80px;max-width:100%;}
.redBox.player-details {height:475px;}

.redBox .top,
.redBox .bottom,
.redBox .shadow,
.redBox .backgrnd { display:block; position:absolute; left:0; right: 0;}

.redBox .top { background:url(../gfx/content-top.svg) center top; height:65px; z-index:2;background-size:cover;top:-1px;}
.redBox .bottom { background: url(../gfx/content-end.svg) center top no-repeat; background-size:cover; z-index:6; height:75px; bottom:0}
.redBox .shadow { background: url(../gfx/black-shadow.svg) center top no-repeat; background-size:cover; z-index:3; height:75px; bottom:20px}
.redBox .backgrnd { z-index:1;background-size:cover; background-position:center;top:0;bottom: 0;}

:-ms-input-placeholder, :root .redBox .top { background:url(../gfx/content-top.png);background-size:cover;}
_:-ms-input-placeholder, :root .redBox .top { background:url(../gfx/content-top.png);background-size:cover;}

.redBox .content { position:relative; z-index:4;height:560px}
.redBox.player-details .content {padding-top:120px;}
.redBox .content img{
	z-index:4;
	position:absolute;
	bottom:0;
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}

.redBox .textBox {left:50%;width: 600px;min-height:210px;color: #fff;display: block;position: absolute;z-index: 7;padding: 30px 30px 50px 30px;bottom:0;background-size:cover;}
:-ms-input-placeholder, :root .redBox .textBox {background:url(../gfx/redbox-lft.png);}

.redBox .textBox  {}
.redBox .textBox[data-pos=lft]  {bottom:0;background:url(../gfx/redbox-lft.svg) no-repeat center bottom;background-size:cover;margin-left:-600px;}
.redBox .textBox[data-pos=rt] {bottom:0;background:url(../gfx/redbox-rt.svg) no-repeat center bottom;background-size:cover;margin-left:0;}

:-ms-input-placeholder, :root .redBox .textBox[data-pos=lft]   {background:url(../gfx/redbox-lft.png) no-repeat center bottom;}

:-ms-input-placeholder, :root .redBox .textBox[data-pos=rt] {background:url(../gfx/redbox-rt.png) no-repeat center bottom;}
_:-ms-input-placeholder, :root .redBox .textBox[data-pos=lft]   {background:url(../gfx/redbox-lft.png) no-repeat center bottom;}
_:-ms-input-placeholder, :root .redBox .textBox[data-pos=rt] {background:url(../gfx/redbox-rt.png) no-repeat center bottom;}
_:-ms-input-placeholder, :root .redBox .textBox[data-pos=lft] {background:url(../gfx/redbox-lft.png) no-repeat center bottom;}


.redBox .textBox h2 {text-decoration:none; font-size: 46px !important; color:#fff; font-family: 'titillium_webblack',sans-serif !important; line-height:50px !important; display:block; margin-bottom:10px !important}
.redBox.player-details .content h3 {color:#fff;font-size:24px;margin-bottom:40px;font-weight:normal;}

.redBox .textBox p { display:block; font-style:normal; font-size:20px;opacity:.8;width:470px;}
.redBox .textBox > span {}
.redBox .textBox a.btnMore {
	width:46px; height:46px; border:2px solid #fff; display:block; float:right; color:black; text-align:center;	text-decoration:none;
	-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%; font-size:18px; line-height:46px; position:relative; top:-10px
}
.redBox .textBox a.btnMore span { display:none;}
.redBox.player-details .rt {display:table;}
.redBox.player-details .rt i {
	display:table-cell;
	height:60px;
	width:60px;
	border-radius:30px;
	border:2px solid #fff;
	margin-right:30px;
}
.redBox.player-details .rt .stat {
	width:165px;
	display:table-cell;
	vertical-align:middle;
	color:rgba(255,255,255,0.8);
	font-family:'titillium_websemibold',sans-serif;
	font-size:15px;
	position:relative;
	top:4px;
}
.redBox.player-details .rt .stat:last-child {}
.redBox.player-details .rt .stat:first-child {}
.redBox.player-details .rt .stat span {
	font-size:40px;
	vertical-align:middle;
	position:relative;
	top:-5px;
	margin-right:5px;
	padding-left:10px;
	color:rgba(255,255,255,1);
}
.redBox.player-details .rt .stat:first-child span {padding-left:20px;}
.redBox.player-details .rt .stat-auswechslung {padding-bottom:15px;margin-bottom:15px;border-bottom:1px solid rgba(0,0,0,0.3);}
.redBox.player-details .rt .stat-auswechslung i {background:url('../gfx/icon-auswechslung.png') no-repeat center;}
.redBox.player-details .rt .stat-karten i {background:url('../gfx/icon-karten.png') no-repeat center;}

.redBox.player-details .selectboxit-container {width:200px;float:right;}
.redBox.player-details .selectboxit-container .selectboxit-btn {border:none;}
.redBox.player-details .selectboxit-container  .selectboxit-text {color:#fff;font-size:18px;}
.redBox.player-details .selectboxit-container .selectboxit-default-arrow:before {color:#fff;}

.redBox.player-details .selectboxit-btn.selectboxit-enabled:hover,
.redBox.player-details .selectboxit-btn.selectboxit-enabled:focus,
.redBox.player-details .selectboxit-btn.selectboxit-enabled:active {color: #fff;background-color:transparent;}

.redBox.player-details .selectboxit-btn.selectboxit-enabled:hover,
.redBox.player-details .selectboxit-btn.selectboxit-enabled:focus { color: #fff;text-decoration: none; background-position: 0 -15px;}

/* -- Content -- */
p.pre-text {	font-family:'titillium_websemibold',sans-serif;margin-bottom:40px;font-size:17px;}
.img-box, 
.video-box {position:relative;margin:40px 0;}
.img-box a, 
.video-box a {display:block;line-height:100%;position:relative;text-align:center;}

.img-box small, 
.video-box small {position:absolute;bottom:0px;left:0px;width:100%;background-color:rgba(51,51,51,0.9);font-size:12px;color:#fff;padding:10px;}

.img-box i, 
.video-box i {
	width:26px;height:30px;position:absolute;right:30px;top:0;background:url("../gfx/btn-loadmore.svg") no-repeat center;background-size:26px 30px;text-align:center;line-height:30px;color:#fff;
}
.img-box.gallery .img-box.gallery,
.img-box.gallery .swiper-container,
.img-box.gallery .swiper-wrapper,
.img-box.gallery .swiper-slide {
	height:507px
}
.img-box.gallery small {bottom:inherit;top:0;z-index:2;}
.img-box.gallery .swiper-slide {display:table-cell;line-height:507px;}
.img-box.gallery .swiper-slide:before {
	content:"p";
	font-family:'rwe';
	font-size:30px;
	color:#fff;
	display:block;
	height:60px;
	width:60px;
	text-align:center;
	border:2px solid #fff;
	opacity:0.5;
	position:absolute;
	z-index:2;
	top:50%;
	left:50%;
	margin-top:-30px;
	margin-left:-30px;
	border-radius:60px;
	line-height:55px;
	cursor:pointer;
}
.img-box.gallery .swiper-slide img {max-width:100%;height:auto;max-height:100%;vertical-align:middle;}
.img-box.gallery:hover .swiper-slide:before {opacity:1;}
.img-box.gallery .swiper-wrapper {height:auto;}
.swiper-pagination {position:absolute;width:102px;height:70px;bottom:-20px;right:20px;z-index:2;}

#teaser .swiper-pagination {
    position: relative;
    width: 1200px;
    height: 70px;
    bottom: 0;
    z-index: 2;
    margin: 0 auto;
    text-align: right;
	right:0;
}
.swiper-pagination .swiperbutton-prev, 
.swiper-pagination .swiperbutton-next {
	display:block;
	width:50px;
	height:70px;
	float:left;
	cursor:pointer;
	line-height:70px;
	text-align:center;
}
.swiper-pagination .swiperbutton-prev {background:url('../gfx/bg-flickr-lft.svg') no-repeat center;margin-right:2px;}
.swiper-pagination .swiperbutton-next {background:url('../gfx/bg-flickr-rt.svg') no-repeat center;}
.swiper-pagination .swiperbutton-prev:before, 
.swiper-pagination .swiperbutton-next:before {font-family:'rwe';color:#000;font-size:18px;}

.swiper-pagination .swiperbutton-prev:hover::before, 
.swiper-pagination .swiperbutton-next:hover::before {color:#fff;}

.swiper-pagination .swiperbutton-prev:before {content:"g";}
.swiper-pagination .swiperbutton-next:before {content:"h";}

.radial-progress {width:175px;height:170px;float:left;color:#fff;position:relative;margin-right:40px;}
.radial-progress div {
    display:block !important;
    position:relative;
}
.radial-progress div input {
    font-size:40px !important;
    width: 175px !important;   
    margin-left: 0 !important;
    left:0;
}
.radial-progress span {position:absolute;bottom:16px;font-size:20px;font-family:'titillium_websemibold', sans-serif;width:100%;text-align:center;}

ul.list {list-style-type:none;margin:40px 0 40px 0;}
ul.list li {margin-bottom:20px;}
ul.list li:before {
	border: 1px solid #E42D2D;
	border-radius: 10px;
	content: " ";
	display: block;
	float: left;
	height: 10px;
	margin-right: 10px;
	position: relative;
	top: 6px;
	width: 10px;
}
ul.link-list {list-style-type:none;}
ul.link-list li {margin-bottom:20px;}
ul.link-list li:before {
	content:"";
	display:none;	
}
ul.link-list li {
	padding-left:0;
}
ul.link-list.in-content li {
	padding-left:20px;
}
ul.link-list li a:before {
	display: block;
	border: 1px solid #aaa;
	width: 30px;
	height: 30px;
	float: left;
	font-size: 20px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	text-align: center;
	line-height: 30px;
	color:#AAA;
	margin:5px 10px 0 0;
}
ul.link-list li a:after {
	content: " ";
	display: block;
	height:2px;
	line-height:2px;
	background:#C2C2C2;
	width:30px;
	margin-top:5px;
}
ul.link-list li a {font-family:'titillium_websemibold',sans-serif;font-size:16px;text-decoration:none;color:#202020;}
ul.link-list li a:hover { color:#CC1313;}
ul.link-list li a:hover::before {color:#CC1313;}
ul.link-list li a:hover::after {background:#CC1313;}
ul.link-list li a small {font-family:'titillium_webregular',sans-serif;font-size:12px;color:#666;display:block;text-transform:uppercase;height:17px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}

ul.press-list, 
ul.search-result {list-style-type:none;}

ul.press-list li, 
ul.search-result li {padding-bottom:30px;margin-top:30px;border-bottom:2px solid #F0F0F0;}

ul.press-list li:last-child, 
ul.search-result li:last-child {border:0;}

ul.press-list small, 
ul.search-result small {display:block;font-size:12px;color:#000;font-family:'titillium_webregular', sans-serif;}
ul.search-result small a {font-size:12px;color:#CC1313;}
ul.search-result small a:hover {text-decoration:underline;}

ul.press-list a, 
ul.search-result a {font-family:'titillium_websemibold', sans-serif;font-size:24px;color:#212121;text-decoration:none;}

ul.search-result > a, 
ul.search-result p {width:1070px;}

ul.press-list a:hover, 
ul.search-result a:hover {color:#E31818}

ul.press-list .rgt, 
ul.search-result .rgt {float:right;margin-right:20px;display:block;width:120px;}
ul.search-result .rgt {width:30px;}

ul.search-result a.rgt {
	width:30px;
	height:30px;
	border:1px solid #E61200;
	display:block;
	color:black;
	text-align:center;
	text-decoration:none;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	font-size:12px;
	line-height:30px;
	position:relative;
	top:20px;
}
ul.search-result li:hover a.rgt {background:#E61200;color:#fff;}

ul.press-list a.rgt {font-size:16px;}
ul.press-list .rgt:before {
	display: block;
	border: 1px solid #aaa;
	width: 30px;
	height: 30px;
	float: left;
	font-size: 20px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	text-align: center;
	line-height: 30px;
	color:#AAA;
	margin:5px 10px 0 0;
}
ul.co-sponsor-list {list-style-type:none;padding:0;	margin:0;}
ul.co-sponsor-list li {margin-bottom:30px;}
ul.co-sponsor-list li .lft {
	float:left;
	border:2px solid #F0F0F0;
	border-bottom:2px solid rgba(227,24,24,0.9);
	height:213px;
	width:380px;
	margin-right:30px;
	line-height:203px;
	text-align:center;
}
ul.co-sponsor-list li .lft img {
	vertical-align:middle; position:relative;
	-ms-interpolation-mode: nearest-neighbor;
	image-rendering: -webkit-optimize-contrast; 
	image-rendering: -webkit-crisp-edges;
	image-rendering: -moz-crisp-edges; 
	image-rendering: -o-crisp-edges;
	image-rendering: pixelated;
}
ul.co-sponsor-list li .rt {
	float:left;
	border-top:2px solid rgba(238,238,238,0.9);
	border-bottom:2px solid rgba(238,238,238,0.9);
	height:213px;
	background:#F8F8F8;
	width:790px;
	padding:30px;
	font-size:15px;
}
ul.co-sponsor-list li .rt a {color:#CC1313;text-decoration:none;}
ul.co-sponsor-list li .rt a:hover {text-decoration:underline;}
ul.co-sponsor-list li .rt h3 {margin-bottom:0 !important;font-size:20px !important;margin-top:0 !important;}
ul.co-sponsor-list li .rt h4 {font-family:'titillium_websemibold',sans-serif;margin-bottom:0 !important;font-size:15px !important;margin-top:0 !important;}

ul.co-sponsor-list li .rt .col-lft, 
ul.co-sponsor-list li .rt .col-rt {	float:left;	width:360px;margin-top:20px;}

ul.co-sponsor-list li .rt .round-link {
	display:inline-block;
	width:30px;
	height:30px;
	border:1px solid #666666;
	-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;
	margin-right:6px;
	font-size:18px;
	color:#666;
	text-align:center;
	line-height:30px;
	margin-top:12px;
}
ul.co-sponsor-list li .rt .round-link:hover {text-decoration:none;background-color:#CC1313;border:none;color:#fff;}

blockquote {position:relative;margin:40px 0;padding:30px 115px 0 115px;font-size:20px;}
blockquote:before {content:" ";width:66px;height:60px;display:block;position:absolute;left:30px;top:0;background:url('../gfx/quote.svg') no-repeat center;}
blockquote i {font-size:15px;display:block;margin-top:20px;}
blockquote i span {color:#CC1313;}
blockquote a {font-size:12px;}

.loadMore {
	display:block;
	width:100%;
	height:51px;
	line-height:51px;
	background:rgba(238,238,238,0.9);
	text-decoration:none;
	font-family:'titillium_websemibold',sans-serif;
	font-size:16px;
	color:#202020;
	padding:0 30px;
	margin-bottom:30px;
}
.loadMore:hover i:before {color:#fff;}

.loadMore i {float:right;width:60px;height:69px;background:url('../gfx/btn-loadmore.svg') no-repeat center;font-style:normal;text-align:center;line-height:69px;}
.loadMore i:before {display:inline-block;content:"h";font-family:'rwe';height:18px;width:18px;font-size:18px;color:#000;line-height:100%;}

.top-img {position:relative;margin-bottom:40px;}
.top-img > i {
	display:block;
	width:60px;
	height:69px;
	background:url('../gfx/btn-loadmore.svg') no-repeat;
	background-size:60px 69px;
	text-align:center;
	position:absolute;
	top:0;
	right:30px;
	line-height:69px;
	color:#fff;
	font-family:'titillium_websemibold',sans-serif;
	font-size:24px;
	font-style:normal;
}
.top-img img {width:100%;height:auto;}
.redBox.player-details.verlauf {height:auto;}
.redBox.verlauf .content {height:auto;padding-bottom:150px;}

#spielverlauf {position:relative;}
#spielverlauf #minute-line {
	position:absolute;
	top:0;
	height:120px;
	width:4px;
	background:#D7A0A0;	
	background:rgba(255,255,255,0.5);
	display:none;
}
#spielverlauf .team {height:59px;margin-bottom:2px;}
#spielverlauf .team .team-logo {width:40px;height:100%;float:left;margin-right:12px;line-height:59px;display:table-cell;}
#spielverlauf .team .team-logo img {position: inherit;display:inline;vertical-align:middle;}
#spielverlauf .team .chart {height:59px;width:1098px;background:url(../gfx/bg-spielverlauf.png) repeat-x center;float:left;position:relative;}
#spielverlauf .team .chart .standing-half {
	display:block;
	background:#ccc;
	width:50px;
	height:100%;
	font-family:'titillium_websemibold',sans-serif;
	font-size:20px;
	color:#212121;
	text-align:center;
	line-height:59px;
	position:absolute;
	left:50%;
	margin-left:-25px;
}
#spielverlauf .team .chart .standing-end {
	display:block;
	background:#fff;
	width:50px;
	height:100%;
	font-family:'titillium_websemibold',sans-serif;
	font-size:20px;
	color:#212121;
	text-align:center;
	line-height:59px;
	position:absolute;
	right:-50px;
}
#spielverlauf .team .chart span {position:absolute;width:30px;height:30px;top:16px;cursor:pointer;z-index:1;}
#spielverlauf .team .chart span.goal {background:url('../gfx/icon-goal-white.svg') no-repeat center;}
#spielverlauf .team .chart span.auswechslung {background:url('../gfx/icon-auswechslung-white.svg') no-repeat center;}
#spielverlauf .team .chart span.card-yellow {background:url('../gfx/icon-card-yellow.svg') no-repeat center;}
#spielverlauf .team .chart span.card-yellow-red {background:url('../gfx/icon-card-yellow-red.svg') no-repeat center;}
#spielverlauf .team .chart span.card-red {background:url('../gfx/icon-card-red.svg') no-repeat center;}
#spielverlauf .team .chart span .details {position:relative;display:none;}
#spielverlauf .team .chart span:hover .details {display:block;}
#spielverlauf .team .chart span:hover {z-index:2;}
#spielverlauf .team .chart span .details .inner {
	position:absolute;
	width:200px;
	bottom:30px;
	left:-85px;
	background:#F0F0F0;
	padding:10px;
	color:#202020;
	font-size:16px;
	font-family:'titillium_websemibold',sans-serif;
}
#spielverlauf .team .chart span .details .inner img {
	position:relative;
	 -moz-transform: translateX(0);
    -webkit-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
}
#spielverlauf .team .chart span .details .inner small {font-size:12px;font-family:'titillium_webregular',sans-serif;	color:#000;display:block;}
#spielverlauf .team .chart span .details .bottom {width:200px;height:13px;position:absolute;bottom:17px;left:-85px;background:url('../gfx/spielverlauf-bottombar.svg') no-repeat center top;}

#spielverlauf .minutes {margin-left:52px;padding-bottom:20px;border-bottom:1px solid rgba(0,0,0,0.3);}
#spielverlauf .minutes i {font-style:normal;font-size:12px;color:#fff;float:left;display:block;width:50px;margin-right:122px;}
#spielverlauf .minutes i:first-child {text-align:left;}
#spielverlauf .minutes i:last-child {margin-right:0;}
#spielverlauf .minutes i.minute-half {
	margin-right:8px;
}

#spielverlauf table {margin:30px 0 0 52px;}
#spielverlauf table tr td {border:0;background:0;color:#fff;font-size:12px;padding:0;border-bottom:5px solid transparent;}
#spielverlauf table tr td:first-child {font-family:'titillium_websemibold', sans-serif;width:125px;vertical-align:top;line-height:100%;}

a.btn-liveticker {
	float:right;
	color:#fff;
	text-decoration:none;
	font-size:14px;
	padding:5px 0;
	position:relative;
	top:10px;
}
a.btn-liveticker:after {
	content:"h";
	font-family:'rwe';
	font-size:12px;
	color:#000;
	position:relative;
	top:2px;
	margin-left:10px;
}
a.btn-liveticker:hover::after {color:#fff;}

.tiles {margin:30px 0 30px -30px;}
.tiles .tile {float:left;margin-left:30px;width:233px;background:rgba(238,238,238,0.9);margin-bottom:30px;}
/*.node .tiles div.tile:nth-of-type(3n) {margin-right:0;}*/
.tiles .tile:last-child {margin-right:0;}
.tiles > h3 {margin-left:30px;}
.tiles .tile .inner {padding:10px 20px 20px 20px;font-size:15px;}
.tiles .tile .inner h4 {font-size:16px;margin-bottom:1px;}
.tiles .tile .inner small {font-size:12px;margin-bottom:1px;display:block;}
.tiles .tile .inner .entry {margin-top:10px;}
.tiles .tile .inner .entry a {font-size:14px;color:#CC1313;text-decoration:none;}
.tiles .tile .inner .entry a:hover {text-decoration:underline;}
.tiles .tile .inner .entry:after {content: " ";display:block;height:2px;line-height:2px;width:30px;background:#C0C0C0;margin:6px 0; }
.tiles .tile .inner .entry:last-child::after {margin-bottom:0; }

a.btn-full,
span.btn-full a,
a span.btn-full {
	display:block;
	background:rgba(227,24,24,0.9);
	color:#fff;
	height:51px;	
	text-decoration:none;
	font-size:16px;
	font-family:'titillium_websemibold';
	padding:13px 10px;
	margin:30px 0 40px 0;
}

a.btn-full:before,
span.btn-full a:before,
a span.btn-full:before {
	content: "h";
	font-family:'rwe';
	width: 30px;
	height: 30px;
	border: 1px solid #fff;
	display: block;
	float: left;
	color: black;
	text-align: center;
	text-decoration: none;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	font-size: 12px;
	line-height: 29px;
	margin-right:10px;
	position:relative;
	text-indent: 2px;
	top:-2px;
}
span.btn-full a:hover::before,
a.btn-full:hover::before,
a span.btn-full:hover::before {
	background:#fff;
}

.block-patenschaft, 
.block-info  { position:relative; overflow:hidden}

.block-patenschaft .inner,
.block-info .inner  {padding:25px 28px; overflow:hidden; position:relative; background:transparent; background:rgba(227,24,24, 0);}

.block-patenschaft .img-pate {padding:30px;background:#fff;width:376px;text-align:center;margin:2px;}
.block-patenschaft .img-pate img {display:inline;}

.block-patenschaft .inner small, 
.block-text .inner small { display:block; font-size:12px; margin-bottom:12px}

.block-patenschaft h3 {margin-bottom:0px !important;font-size:20px !important;}

/* -- Block - Fakten -- */
.block-fakten .inner  {padding:25px 28px; overflow:hidden; position:relative; background:transparent; background:rgba(227,24,24, 0);}
.block-fakten table {border-bottom:2px solid #DBDBDB;margin-bottom:5px;margin-top:15px;}
.block-fakten table:last-child {border-bottom:0;margin-bottom:0;}
.block-fakten table tr td {
	font-size:12px;
	background:transparent;
	padding:0;
	padding-bottom:15px;
	border-bottom:0;
	vertical-align:top;
	color:#000;
	text-align:left;
}
.block-fakten table tr td:first-child {width:140px;font-family:'titillium_websemibold',sans-serif;}
.block-fakten table tr td:last-child {top:2px;}
.block-fakten h3 {font-size:24px;padding:30px;border-bottom:2px solid #DBDBDB;margin-bottom:0 !important;}
.block-fakten table tr:hover td {color:#000;}

/* -- Block - Teams -- */
.block-tabs #tab-teams h3 {text-align:left;padding:0 30px;}

.block-tabs #tab-teams .teams-wrap {
	width:200%;
	overflow:hidden;
	-webkit-transition: -webkit-transform 200ms ease;
	-moz-transition: -moz-transform 200ms ease;
	-ms-transition: -ms-transform 200ms ease;
	-o-transition: -o-transform 200ms ease;
	transition: transform 200ms ease;
}
.block-tabs #tab-teams .teams-wrap.scrolled {
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}
.block-tabs #tab-teams  .feed-wrap {
	float:left;
	width:50%;
}
.block-tabs #tab-teams .feed {list-style-type:none;text-align:left;padding:0;margin-bottom:30px;padding:0 30px;}
.block-tabs #tab-teams .feed li {margin-bottom:5px;padding-bottom:0;}
.block-tabs #tab-teams .feed .lft {width:55px;color:#1F1F1F;font-family:'titillium_websemibold',sans-serif;font-size:12px;}
.block-tabs #tab-teams .feed .lft span {display:inline-block;width:25px;}
.block-tabs #tab-teams .feed .lft.red {color:#CC1313;font-size:12px;}

.block-tabs #tab-teams .feed .lft i {width:14px;height:14px;display:inline-block;position:relative;top:4px;right:initial;left:0;}
.block-tabs #tab-teams .feed .lft i.goal {background:url('../gfx/icon-goal.svg') no-repeat center;	background-size:cover;}
.block-tabs #tab-teams .feed .lft i.auswechslung {background:url('../gfx/icon-auswechslung.svg') no-repeat center;background-size:cover;}
.block-tabs #tab-teams .feed .lft i.clock {background:url('../gfx/icon-clock.svg') no-repeat center;background-size:cover;}
.block-tabs #tab-teams .feed .lft i.card-yellow {background:url('../gfx/icon-card-yellow.svg') no-repeat center;background-size:cover;}
.block-tabs #tab-teams .feed .lft i.card-red {background:url('../gfx/icon-card-red.svg') no-repeat center;background-size:cover;}
.block-tabs #tab-teams .feed .lft i.card-yellow-red {background:url('../gfx/icon-card-yellow-red.svg') no-repeat center;background-size:cover;}

.block-tabs #tab-teams .feed .rt {color:#1F1F1F;font-family:'titillium_webregular',sans-serif;font-size:12px;width:240px;}
.block-tabs #tab-teams a.btn-flyout {
	display:block;
	width:100%;
	background:rgba(187,187,187,0.4);
	font-size:12px;
	color:#000000;
	text-align:left;
	padding:7px 30px;
	width:100%;
	position:relative;
}
.block-tabs #tab-teams a.btn-flyout i {
	display:block;
	height:12px;
	width:12px;
	position:absolute;	
	font-style:normal;
	margin-top:3px;
    background: none;
    text-align: center;
    top: 50%;
	margin-top:-6px;
    right: 20px;
    text-transform: none;
}
.block-tabs #tab-teams .flyout.open a.btn-flyout i {
	right:37px;
}
.block-tabs #tab-teams a.btn-flyout i:before {
	content:"h";
	font-family:'rwe';
	display:block;
	-moz-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
	color:#878787;
	font-size:12px;
}
.block-tabs #tab-teams .open a.btn-flyout i:before {
	-moz-transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg);
}
.block-tabs #tab-teams .open a {margin-bottom:30px;}

.block-tabs #tab-teams .flyout ul {display:none;}
.block-tabs #tab-teams .flyout.open ul {display:block;}

.block-tabs #tab-teams  a.switch-team {
	width:46px; height:46px; border:2px solid #E61200; display:block; color:black; text-align:center;	text-decoration:none;
	-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%; font-size:18px; line-height:46px; position:absolute; top:160px; right:-10px;z-index:10;
}

/* -- Block - Archiv -- */
.block-tabs #tab-archive {}
.block-tabs #tab-archive ul.list-archive {list-style-type:none;text-align:left;padding:0;}
.block-tabs #tab-archive ul.list-archive li {margin-bottom:3px;}
.block-tabs #tab-archive ul.list-archive li a {font-size:12px;color:#000;text-decoration:none;}
.block-tabs #tab-archive ul.list-archive span {font-family:'titillium_websemibold', sans-serif;display:inline-block;width:55px;}
.block-tabs #tab-archive ul.list-archive i {
	display:block;
	width:12px;
	height:12px;
	float:right;
	font-style:normal;
	background: none;
    text-align: center;
    position: relative;
    top: initial;
    right: initial;
    text-transform: none;
}
.block-tabs #tab-archive ul.list-archive i:before {content:"h";font-family:'rwe';display:block;height:12px;width:12px;font-size:12px;color:#919191;position:relative;top:6px;line-height:100%;}
.block-tabs #tab-archive ul.list-archive li:hover i:before {color:#E31818;}
.block-tabs #tab-archive .selectboxit-text {text-indent:0;font-family:'titillium_websemibold', sans-serif;	color:#1F1F1F;font-size:24px;}

.block-tabs #tab-archive .selectboxit-container i {
    display: inline-block;
    width: 12px;
    height: 12px;
    background: none;
    text-align: center;
    position: relative;
    top: 10px;
    right: initial;
    text-transform: none;
	color: #919191 !important;
}
.block-tabs #tab-archive .selectboxit-container .selectboxit-arrow-container {
	text-align:right;
}
.block-tabs #tab-archive .selectboxit-container i.selectboxit-arrow:before{
    height: 12px;
    font-size: 12px;
    color: #919191 !important;
    display: inline-block;
}


/* -- Block - Info -- */
.block-info .img-logo {padding:30px;background:#fff;width:376px;text-align:center;margin:2px;}
.block-info {font-size:15px;}
.block-info img {display:inline;}
.block-info a {color:#CC1313;text-decoration:none;}
.block-info a:hover {text-decoration:underline;}

/* --- Liveticker -- */
#livefeed ul li:before {
	content:"";
	display:none;
}
#liveticker {background:#F8F8F8;padding:30px;}
#liveticker .ticker-teams {font-size:24px;font-family:'titillium_websemibold', sans-serif;color:#202020;}
#liveticker .ticker-teams .rt {text-align:right;}
#liveticker tr td {border:none;padding:0 20px 0 0;color:#1F1F1F;font-size:16px;font-family:'titillium_websemibold', sans-serif;vertical-align:top;}
#liveticker tr td.rt {text-align:right;}
#liveticker tr:hover td {background:transparent;	color:#202020;}
#liveticker tr td.ticker-logo {width:120px;}
#liveticker tr td.ticker-logo img {-webkit-filter: drop-shadow(2px 2px 3px rgba(0,0,0,0.2));max-width:120px;height:auto;}

#livefeed .filterBar ul li {padding-left:0;margin-bottom:0;}
#livefeed .feed {list-style-type:none;}
#livefeed .feed li {border-bottom:2px solid #F0F0F0;padding-bottom:20px;padding-top:20px;overflow:hidden;padding-left:0;margin-bottom:0;}
@keyframes highlight {
 	0% {
 		background-color:#CC1313;
		color:#fff;
 	}
 	100% {
 		background-color:#fff;
		color:#1F1F1F;
 	}
}

#livefeed .feed li.new {
	animation: highlight 2s;
}
#livefeed .feed .lft {width:150px;color:#1F1F1F;font-family:'titillium_websemibold', sans-serif;font-size:24px;padding-left:20px;}
#livefeed .feed .lft span {display:inline-block;width:65px;line-height:100%;vertical-align:top;}
#livefeed .feed .lft i {width:28px;height:28px;display:inline-block;position:relative;}
#livefeed .feed .lft.red {color:#CC1313;	font-size:16px;}
#livefeed .feed .rt span.eventtitle {color:#CC1313;font-size:16px;margin-bottom:10px;}

#livefeed .feed .lft i.goal {background:url('../gfx/icon-goal.svg') no-repeat center;}
#livefeed .feed .lft i.auswechslung {background:url('../gfx/icon-auswechslung.svg') no-repeat center;}
#livefeed .feed .lft i.clock {background:url('../gfx/icon-clock.svg') no-repeat center;}
#livefeed .feed .lft i.card-yellow {background:url('../gfx/icon-card-yellow.svg') no-repeat center;}
#livefeed .feed .lft i.card-red {background:url('../gfx/icon-card-red.svg') no-repeat center;}
#livefeed .feed .lft i.card-yellow-red {background:url('../gfx/icon-card-yellow-red.svg') no-repeat center;}

#livefeed .feed .rt {color:#1F1F1F;font-family:'titillium_websemibold',sans-serif;font-size:16px;width:580px;}
#livefeed .feed .rt img {float:left;margin-right:20px;}
#livefeed .feed .rt span {display:block;}
#liveticker tr td.ticker-goals {width:150px;}
#liveticker tr td.ticker-standing {width:90px;font-size:60px;color:#CC1313;font-family:'titillium_websemibold', sans-serif;line-height:43px;}
#liveticker tr td.ticker-dot {width:26px;font-size:28px;color:#666;font-family:'titillium_websemibold',sans-serif;}

#calendar {position:relative;}
#eventContent {width:500px;background:#fff;border:2px solid #aaa;border-left:4px solid #E31818;display:none;position:absolute;left:50%;margin-left:-250px;top:30%;z-index:10;}
#eventContent .inner {padding:30px;position:relative;}
#calendar table tr:hover td a {color:#1F1F1F;}
#calendar table tr td a:hover {color:#CD1313;}
#eventContent .inner #eventClose {
	position:absolute;
	right:30px;
	top:-3px;
	height:36px;
	width:30px;
	background:url('../gfx/btn-loadmore.svg') no-repeat center;
	background-size:30px 36px;
	cursor:pointer;
	text-align:center;
	line-height:36px;
	color:#000;
	font-size:11px;
}
#eventContent .inner #eventClose:hover {color:#fff;}
/*#eventContent .inner #eventClose */
#eventContent h3 {margin-bottom:20px;}
#eventContent img {margin-bottom:20px;}
#eventContent .link-list {padding-left:0;margin-top:20px;}

#eventFilter {position:absolute;right:0;top:0;width:300px;z-index:2;}
#eventFilter .btn-filter {
	display:inline-block;
	height:51px;
	text-transform:uppercase;
	font-family:'titillium_websemibold', sans-serif;
	font-size:16px;
	color:#fff;
	cursor:pointer;
	line-height:51px;
	position:relative;
}
#eventFilter .btn-filter i {font-style:normal;}
#eventFilter .btn-filter:before {
	content:"h";
	font-family:'rwe';
	display:block;
	height:12px;
	width:12px;
	color:#000;
	position:absolute;
	right:-40px;
	top:20px;
	text-transform:none;
	font-size:12px;
	-moz-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
}
#eventFilter.open .btn-filter:before {
	-moz-transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg);
	right:0;
}
#eventFilter ul {
	margin:0;
	padding:0;
	list-style-type:none;
	padding:30px;
	border:2px solid #aaa;
	border-top:0;
	z-index:10;
	background:#fff;
	display:none;
}
#eventFilter.open ul {display:block;}
#eventFilter ul li {background:#F0F0F0;font-size:12px;font-family:'titillium_webregular', sans-serif;margin-bottom:15px;padding:2px 0 2px 20px;position:relative;}
#eventFilter ul li:last-child {margin-bottom:0;}
#eventFilter ul li.formItem i {position:absolute;left:-15px;top:-5px;}
#eventFilter ul li span.eventColor {position:absolute;width:21px;height:100%;right:0;top:0;}
#eventFilter ul li span.eventColor.green {background:#59B200;}
#eventFilter ul li span.eventColor.blue {background:#2693FF;}
#eventFilter ul li span.eventColor.purple {background:#B973FF;}
#eventFilter ul li span.eventColor.red {background:#E31818;}

#eventFilter .formItem {height:auto;}
#eventFilter .formItem label {
	text-transform:none;
	float:none;
	height:auto;
	width:auto;
	line-height:normal;
	font-size:12px;
	font-family:'titillium_webregular', sans-serif;
	padding:0;
}
/* -- Spalten Layout -- */
.row { margin-bottom:80px; position:relative}
.row .lft, 
.row .mid, 
.row .rt, 
.row .block { float:left}

.row .lft {}
.row .mid {}
.row .rt {}

.twoCols {}
.twoCols .lft,
.twoCols .rt { width:50%}

.twoCols .lft{ }
.twoCols .rt {}

.twoColsLft .lft a {line-height:100%;display:block;}
.twoColsLft .lft {padding-right:29px;display:table-cell;float:none;}
.twoColsLft .rt {text-align:center;width:380px;border:1px solid #ccc;display:table-cell;float:none;vertical-align:middle;}

.threeCols {}
.threeCols .block { width:380px; height:350px;margin-right:29px}
.threeCols .block:last-child {margin-right:0}

.threeCols .lft,
.threeCols .mid,
.threeCols .rt { width:380px}
.threeCols .lft { margin-right:29px}
.threeCols .mid { margin-right:29px}
.threeCols .rt {}

.threeCols > strong, .twoColsLft > strong, .sponsoren > strong { position:absolute; left:0; top:-10px; background:#fff; padding:0 10px 2px 0; font-size:12px; color:#666; font-weight:normal}

/* -- Sponsor Grid -- */
.sponsoren {}
.sponsoren {
	border-top:1px solid #eee;
	padding-top:29px;
	margin-bottom:80px;
	display:block;
	margin-top:80px;
	width:1200px;
	height:332px;
	opacity:0;
}
.sponsoren.inside-content {
	margin-top:50px;
	margin-bottom:80px;
}
.sponsoren .box {
	display: block;
	vertical-align: top; /*not required*/
	position: relative;
	background:#F3F3F3;
	height:100%;
}
.sponsoren .box.border {background:#fff;border:1px solid #EEEEEE;}

.sponsoren .box img {
	max-height: 100%;
	max-width: 100%;
	width: auto;
	height: auto;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}
.sponsoren .col.double .box {height:50%;margin-bottom:30px;}
.sponsoren .col.double .box:last-child {margin-bottom:0 !important;}
.sponsoren .col {height:100%;float:left;	margin-right:30px;}
.sponsoren .col:last-child {margin-right:0 !important;}
.sponsoren .col.third {width:33.3%;}
.sponsoren .col.two-third {width:66.6%;}
.sponsoren .col.half {width:50%;}
.sponsoren .col.full {width:100%;}

.relevant-news {
	width:1200px;
	margin:0 auto;
	text-align:left;
}
.relevant-news h3 {
	font-family:'titillium_websemibold',sans-serif;
	font-size:24px;
	color:#000;
	margin:80px 0 40px 0;
	text-transform:uppercase;
	padding-left:0;
}
.relevant-news .block {
	margin-left:0;
	margin-right:29px;
}
.relevant-news .block:last-child {
	margin-right:0;
}
/* -- Filterbar -- */
.filterBar { margin-bottom:30px; }
.filterBar .tagCloud { padding:30px;border-bottom:2px solid #e6e6e6}
.filterBar .tagCloud .activeTags {}
.filterBar .tagCloud .activeTags .tag { display:inline-block;  color:#CC1313; margin-right:10px;font-family:'titillium_websemibold',sans-serif;font-size:16px;}
.filterBar .tagCloud .activeTags .tag button{ 
	display:block; border:2px solid #bbb; width: 16px; height: 16px; cursor:pointer; background:#fff; position:relative; top:4px;
	-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%; float:right; margin-left:5px; color:#bbb;text-align:center;
}
.filterBar .tagCloud .activeTags .tag button:hover {border-color:#CC1313;}
.filterBar .tagCloud .activeTags .tag button span { display:none }
.filterBar .tagCloud .activeTags .tag button:before {content:"×"; font-size:14px; line-height: 12px;display:block;}
.filterBar .tagCloud .activeTags .tag button:hover::before {color:#CC1313;}


.filterBar .tagCloud .tags { padding-top:15px; font-size:16px; line-height:24px}
.filterBar .tagCloud .tags a{ color:#212121; text-decoration:none;font-family:'titillium_websemibold',sans-serif;font-size:16px;}
.filterBar .tagCloud .tags a:hover{ text-decoration:underline}

.filterBar .rt {float:right;}
.filterBar .rt button {
	display:block;
	background:#E31818;
	height:54px;
	border:0;
	color:#fff;
	font-size:16px;
	font-family:'titillium_websemibold',sans-serif;
	text-transform:uppercase;
	padding:0 20px;
	float:right;
}
.filterBar .rt .refresh-bar {
	height:11px;
	width:80px;
	background:#DCDCDC;
	float:right;
	margin:23px 20px 0 0;
}
.filterBar .rt .refresh-bar .inner {
	height:11px;
	background:#666;
	-webkit-transition: width 100ms ease;
	-moz-transition: width 100ms ease;
	-ms-transition: width 100ms ease;
	-o-transition: width 100ms ease;
	transition: width 100ms ease;
}

/* -- Formular Elemente -- */
fieldset { border:0; margin-bottom:30px}
fieldset .formItem{background:#F8F8F8;height:55px;margin-bottom:10px;position:relative;}
fieldset .spacer {width:100%;height:2px;line-height:2px;background:#F0F0F0;margin:40px 0 30px 0;}
fieldset .formItem label{
	display:block;
	float:left;
	height:55px;
	width:210px;
	line-height:55px;
	font-size:16px;
	color:#1F1F1F;
	font-family:'titillium_websemibold',sans-serif;
	padding-left:20px;
	text-transform:uppercase;
}
fieldset .formItem > img {
	position:absolute;
	right:20px;
	top:16px;
	width:22px;
	height:auto;
	cursor:pointer;
}
fieldset .formItem input.formText,
fieldset .formItem textarea { 
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float:left;
	background:#fff;
	border:2px solid #F0F0F0;
	height:55px;
	width:550px;
	color:#1F1F1F;
	font-size:16px;
	font-family:'titillium_webregular',sans-serif;
	padding:0 20px;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
fieldset .formItem.formError input,
fieldset .formItem.formError textarea {
	border-bottom:2px solid rgba(227,24,24,0.9);
}
fieldset input.formError,
fieldset textarea.formError  {
	border-bottom:2px solid rgba(227,24,24,0.9) !important;
}
fieldset .formItem input.formText:focus,
fieldset .formItem textarea:focus {
	border:2px solid #aaa;
	-webkit-box-shadow: 3px 3px 2px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 3px 3px 2px 0px rgba(0,0,0,0.1);
	box-shadow: 3px 3px 2px 0px rgba(0,0,0,0.1);
}

fieldset .formItem input.formText{}
fieldset .formItem textarea {}

fieldset .formItem .formRadios {}
fieldset .formItem .formRadios label {}
fieldset .formItem .formRadios label input{}

fieldset .formRadio:before { display:none}
fieldset .formRadio .formRadio-inner label { float:none; width:auto}
fieldset .formRadio input[type=checkbox],
fieldset .formRadio input[type=radio]  {	display:none;}
fieldset .formRadio input[type=checkbox] + label,
fieldset .formRadio input[type=radio] + label  { width:auto;cursor:pointer;}
fieldset .formRadio input[type=checkbox] + label i,
fieldset .formRadio input[type=radio] + label i {
	height:30px;
	width:30px;
	text-align:center;
	display:inline-block;
	line-height:normal;
	vertical-align:middle;
	position:relative;
	cursor:pointer;
	border:1px solid #aaa;
	background:#fff;
	-webkit-box-sizing: border-box;-moz-box-sizing: border-box;	box-sizing: border-box;
	-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;
	top:-2px;
	overflow:hidden;
	font-style:normal;
	margin-right:10px;
}
fieldset .formRadio.formError input[type=checkbox] + label i,
fieldset .formRadio.formError input[type=radio] + label i,
fieldset input[type=checkbox] + label i.formError ,
fieldset input[type=radio] + label i.formError   {
	border:2px solid rgba(227,24,24,0.9);
}
fieldset .formRadio input[type=checkbox] + label i:before,
fieldset .formRadio input[type=radio] + label i:before {
	content:"r";
	font-family:'rwe';
	font-size:15px;
	color:rgba(0,0,0,0.1);
	width:14px;
	height:15px;
	position:relative;
	line-height:30px;
	-webkit-transition: color 300ms ease-out;
	-moz-transition:color 300ms ease-out;
	-o-transition: color 300ms ease-out;
	transition: color 300ms ease-out;
}
fieldset .formRadio input[type=checkbox] + label i:hover,
fieldset .formRadio input[type=checkbox] + label i:hover {border:1px solid #ccc;}

fieldset .formRadio input[type=checkbox]:checked + label i:before,
fieldset .formRadio input[type=radio]:checked + label i:before {color:rgba(0,0,0,1);}

fieldset .formItem .selectboxit-container {width:550px;background:#fff;}
fieldset .formRadio .inner {float:left;}
fieldset .formItem .radio {float:left;}
fieldset .formItem .radio label {font-family:'titillium_webregular',sans-serif;	text-transform:none;}

fieldset .formItem input.formText.member-amount {width:188px;position:absolute;right:0;top:0;}
fieldset .formItem.formCaptcha img {float:left;}
fieldset .formItem.formCaptcha input {width:385px;}

.formSubmit { border-top:2px solid rgba(227,24,24,0.9);}
/*
 * Swiper 2.7.6
 * Mobile touch slider and framework with hardware accelerated transitions
 *
 * http://www.idangero.us/sliders/swiper/
*/
/* ===============================================================
Basic Swiper Styles 
================================================================*/
.swiper-container {
	margin:0 auto;position:relative;overflow:hidden;direction:ltr;
	-webkit-backface-visibility:hidden;	-moz-backface-visibility:hidden;	-ms-backface-visibility:hidden;	-o-backface-visibility:hidden;backface-visibility:hidden;
	z-index:1;
}
#outerteaser .swiper-container {height:720px;}
.swiper-wrapper {position:relative;	width:100%;
	-webkit-transition-property:-webkit-transform, left, top;-webkit-transition-duration:0s;-webkit-transform:translate3d(0px,0,0);	-webkit-transition-timing-function:ease;
	-moz-transition-property:-moz-transform, left, top;	-moz-transition-duration:0s;-moz-transform:translate3d(0px,0,0);	-moz-transition-timing-function:ease;	
	-o-transition-property:-o-transform, left, top;-o-transition-duration:0s;-o-transform:translate3d(0px,0,0);-o-transition-timing-function:ease;-o-transform:translate(0px,0px);
	-ms-transition-property:-ms-transform, left, top;-ms-transition-duration:0s;	-ms-transform:translate3d(0px,0,0);	-ms-transition-timing-function:ease;	
	transition-property:transform, left, top;transition-duration:0s;	transform:translate3d(0px,0,0);	transition-timing-function:ease;
	-webkit-box-sizing: content-box;	-moz-box-sizing: content-box;box-sizing: content-box;
	height:720px;
}
.swiper-free-mode > .swiper-wrapper {
	-webkit-transition-timing-function: ease-out;-moz-transition-timing-function: ease-out;-ms-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;transition-timing-function: ease-out;margin: 0 auto;
}
.swiper-slide {float: left;-webkit-box-sizing: content-box;-moz-box-sizing: content-box;	box-sizing: content-box;overflow:hidden;}

/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {-ms-touch-action: pan-y;}
.swiper-wp8-vertical {-ms-touch-action: pan-x;}

/* ===============================================================
Your custom styles, here you need to specify container's and slide's
sizes, pagination, etc.
================================================================*/
.swiper-container {}
.swiper-slide {}
.swiper-slide-active {}
.swiper-slide-visible {}

/* ===============================================================
Pagination Styles
================================================================*/
.swiper-pagination-switch {}
.swiper-active-switch {}
.swiper-visible-switch {}

/* -- Footer -- */
#footer { padding: 40px 0 20px; color:#fff;}
#footer p.copy { margin:0; padding:0;}

#footer .partner {border-top:1px solid #333;border-bottom:1px solid #333; position:relative; padding:20px 0; margin:65px 0}
#footer .partner > h5 { font-size:12px; font-weight:normal; padding:0 5px 0 0; background:#474747; position:absolute; left:0; top:-10px}
#footer .partner .swiper-slide { padding:0 20px; display:table-cell; height:70px; vertical-align:middle; float:none}
#footer .partner .swiper-slide img {
	filter: gray;
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
	filter: gray; filter: grayscale(100%);-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);
	-o-transition: -o-filter 350ms ease-out;-moz-transition:-moz-filter 350ms ease-out;transition: filter 350ms ease-out;-webkit-transition: -webkit-filter 350ms ease-out;
}
#footer .partner .swiper-slide:hover img {
	filter: none;filter: grayscale(0%);-webkit-filter: grayscale(0%);-moz-filter: grayscale(0%);-ms-filter: grayscale(0%);-o-filter: grayscale(0%);
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
}

#footer .links {}
#footer .links > div{ margin-right:0}
#footer .links .lft { width:410px}
#footer .links .mid { width:665px}
#footer .links .rt { width:125px}

#footer .links dl { width:145px;float:left;}
#footer .links dl dt { text-transform:uppercase; font-size:16px; color:#fff; margin-bottom:25px;}
#footer .links .rt dl dt { margin-bottom:19px;}
#footer .links dl dd { font-size:13px; margin-bottom:24px}

#footer .links .rt dl dd { margin-bottom:15px}

#footer .links dl dd a { color:#aaa; text-decoration:none}
#footer .links dl dd a:hover { text-decoration:underline; color:#efefef}

#footer .links dl.social dd { font-size:14px}
#footer .links dl.social dd a{ color:#fff}
#footer .links dl.social dd a:before {
	display:block; border:1px solid #fff; width: 30px;height: 30px; float:left; font-size:15px;
	-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%; text-align:center; line-height:30px;
}
#footer .links dl.social dd a span { display:block; overflow:hidden; padding:4px 0 4px 10px}
#footer .links dl.social dd a.icon-facebook:hover:before { background:#3b5998}
#footer .links dl.social dd a.icon-twitter:hover:before { background:#00aced}
#footer .links dl.social dd a.icon-youtube:hover:before { background:#b31217}
#footer .links dl.social dd a.icon-instagram:hover:before { background:#517fa4}

#footer .links ul { padding:0; list-style:none}
#footer .links ul li { margin-bottom:24px}
#footer .links ul li i { 
	width: 62px;height: 62px; display:block; float:left; margin-right:20px; background-repeat:no-repeat;
	-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%; overflow:hidden
}
#footer .links ul li i.camp { background-image:url(../gfx/icons/camps.svg)}
#footer .links ul li i.talent {background-image:url(../gfx/icons/talent.svg)}
#footer .links ul li i.torwart {background-image:url(../gfx/icons/torwart.svg)}
#footer .links ul li span { display:table-cell; height:62px; vertical-align:middle}
#footer .links ul li a{ color:#fff; text-decoration:none; text-transform:uppercase}
#footer .links ul li a:hover{}

#footer .endCols { color:#aaa;margin-bottom:0;}

#footer .endCols > div{ margin-right:0}
#footer .endCols .lft { width:125px;}
#footer .endCols .mid {width:620px; font-size:13px;}
#footer .endCols .mid a { color:#aaa; font-size:13px; display:inline-block; margin-right:5px; text-decoration:none} 
#footer .endCols .mid a:hover { color:#fff} 
#footer .endCols .rt {width:455px;}
#footer .endCols .rt a {text-decoration:none;}
#footer .endCols .rt strong {font-family:'titillium_webblack',sans-serif;font-size:30px;color:#fff;float:left;}
#footer .endCols .rt span.heathman {
	display:block;
	height:207px;
	width:216px;
	background:url('../gfx/footer-herzzeigen.svg') no-repeat center top;
	background-size:contain;
	float:right;
	margin-bottom:-20px;
	margin-top:-75px;
}
#footer .secondred, #footer .keyweb {margin-bottom:9px;}
#footer .secondred h6, #footer .keyweb h6 { font-size:13px; margin-bottom:10px; font-weight:normal;display:inline;}
#footer .secondred .secondredLogo, #mainContent .secondred-ticker-software { display:block; background:url(../gfx/logo-secondred.png); width:126px; height:20px; padding-top:5px;}
#footer .keyweb .keywebLogo, #mainContent .secondred-ticker-software { display:block; background:url(../gfx/logo-keyweb.png); width:100px; height:16px; padding-top:5px;}
#footer .secondred .secondredLogo, #footer .keyweb .keywebLogo {margin-left:10px;position:relative;top:4px;}
#mainContent .secondred-ticker-software { display:inline-block; background:url(../gfx/logo-secondred-farbig.png) no-repeat center; width:128px; height: 20px; position:relative;top:4px;margin-left:3px;margin-top:20px;}
#footer .secondred .secondredLogo span, #footer .keyweb .keywebLogo span, #mainContent .secondred-ticker-software span {display:none}

#footer .link-desktop {display:none;}

#footer .link-mobile {
	display:block;
	color:#fff;
	text-decoration:none;
	padding:20px 0;
	text-align:center;
	border-top:1px solid #333333;
	font-size:13px;
}


/* -- Responsive - Layouts -- */
/* -- Tablet  -- */
@media screen and (max-width: 1024px){
   
}
/* -- Smartphone -- */
@media screen and (max-width: 480px){
    
}

/* ------------------------
*	Pages
* -------------- */

.front #inner {width:auto}

/* -- Wiederverwendabr-- */
.fltrt {float: right;}
.fltlft {float: left;}
.clearfloat {clear:both;height:0;font-size: 1px;line-height: 0px;}
.clearfix:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;	height: 0;}

/* Datatables Responsive */
.dataTables_wrapper table {	width:100% !important;}
table.dataTable.dtr-inline.collapsed > tbody > tr > td:last-child,
table.dataTable.dtr-inline.collapsed > tbody > tr > th:last-child {position: relative;padding-left: 20px;padding-right:40px;cursor: pointer;}

table.dataTable.dtr-inline.collapsed > tbody > tr > td:last-child:before,
table.dataTable.dtr-inline.collapsed > tbody > tr > th:last-child:before {
	content: 'h';
	font-family:'rwe';
	font-size:12px;
	display:block;
	position:absolute;
	right:20px;
	top:50%;
	margin-top:-6px;
	color:rgba(51,51,51,0.5);
	-moz-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
}
table.dataTable.dtr-inline.collapsed > tbody > tr > td:last-child.dataTables_empty:before,
table.dataTable.dtr-inline.collapsed > tbody > tr > th:last-child.dataTables_empty:before {display: none;}

table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td:last-child:before,
table.dataTable.dtr-inline.collapsed > tbody > tr.parent > th:last-child:before {
	content: 'h';-moz-transform: rotate(-90deg);-webkit-transform: rotate(-90deg);-o-transform: rotate(-90deg);-ms-transform: rotate(-90deg);transform: rotate(-90deg);color:#fff;
}
table.dataTable.dtr-inline.collapsed > tbody > tr.child td:before {display: none;}
table.dataTable.dtr-inline.collapsed.compact > tbody > tr > td:last-child,
table.dataTable.dtr-inline.collapsed.compact > tbody > tr > th:last-child {padding-left: 27px;}

table.dataTable.dtr-inline.collapsed.compact > tbody > tr > td:last-child:before,
table.dataTable.dtr-inline.collapsed.compact > tbody > tr > th:last-child:before {top: 5px;left: 4px;height: 14px;width: 14px;border-radius: 14px;line-height: 12px;}

table.dataTable.dtr-column > tbody > tr > td.control,
table.dataTable.dtr-column > tbody > tr > th.control {position: relative;cursor: pointer;}

table.dataTable.dtr-column > tbody > tr > td.control:before,
table.dataTable.dtr-column > tbody > tr > th.control:before {
	top: 50%;
	left: 50%;
	height: 16px;
	width: 16px;
	margin-top: -10px;
	margin-left: -10px;
	display: block;
	position: absolute;
	color: white;
	border: 2px solid white;
	border-radius: 16px;
	text-align: center;
	line-height: 14px;
	box-shadow: 0 0 3px #444;
	box-sizing: content-box;
	content: '+';
	background-color: #31b131;
}
table.dataTable.dtr-column > tbody > tr.parent td.control:before,
table.dataTable.dtr-column > tbody > tr.parent th.control:before {content: '-';	background-color: #d33333;}

table.dataTable > tbody > tr.child {padding: 0.5em 1em;}
table.dataTable > tbody > tr.child:hover {background: transparent !important;}
table.dataTable > tbody > tr.child ul {display: inline-block;list-style-type: none;margin: 0;padding: 0;width:100%;}
table.dataTable > tbody > tr.child ul li {border-bottom: 1px solid #efefef;	padding: 0.5em 0;position:relative;}
table.dataTable > tbody > tr.child ul li:before {display:none;}
table.dataTable > tbody > tr.child ul li:first-child {padding-top: 0;}
table.dataTable > tbody > tr.child ul li:last-child {border-bottom: none;}
table.dataTable > tbody > tr.child span {font-size:15px;vertical-align:middle;}
table.dataTable > tbody > tr.child span.dtr-title {display: inline-block;min-width: 75px;font-family:'titillium_websemibold',sans-serif;font-size:16px;}

/* Datepicker */
.ui-datepicker {
	width: 225px;height: auto;margin: 5px auto 0;font: 9pt Arial, sans-serif;background:#fff;	margin-left:325px;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .5);-moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .5);	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .5);
}
.ui-datepicker .ui-datepicker-header {background:rgba(227,24,24,0.9);text-align:left;padding:10px;position:relative;}
.ui-datepicker .ui-datepicker-prev, 
.ui-datepicker .ui-datepicker-next {
	position:absolute;width: 30px;height: 30px;border: 1px solid #fff;display: block;color: black;text-align: center;
	text-decoration: none;font-size: 15px;line-height: 30px;bottom: -5px;right: 0px;border-radius: 50%;background: transparent;	cursor:pointer;
}
.ui-datepicker .ui-datepicker-prev span, 
.ui-datepicker .ui-datepicker-next span {display:none;}

.ui-datepicker .ui-datepicker-prev {right:50px;}
.ui-datepicker .ui-datepicker-prev:before {content: "g";	font-family: 'rwe';}
.ui-datepicker .ui-datepicker-next {right:10px;}
.ui-datepicker .ui-datepicker-next:before {	content: "h";font-family: 'rwe';}
.ui-datepicker .ui-datepicker-title {font-family:'titillium_websemibold',sans-serif;font-size:15px;	color:#fff;}
.ui-datepicker .ui-datepicker-prev.ui-state-disabled,
.ui-datepicker .ui-datepicker-next.ui-state-disabled {display:none;}

.ui-datepicker .ui-datepicker-title select {
	background:transparent;
	border:0;
	color:#fff;
	cursor:pointer;
}
.ui-datepicker .ui-datepicker-title select  option {
	color:#000;
}
.ui-datepicker table {margin:0;}
.ui-datepicker table tr th {font-size:16px;}
.ui-datepicker table tr td, 
.ui-datepicker table tr th {padding:3px;}

.ui-datepicker table tr:hover td a {color:#fff;}

.ui-datepicker .ui-state-disabled {color:#aaa;}
.ui-datepicker a.ui-state-default {text-decoration:none;}

/*#outerteaser #teaser,
#outerteaser #teaser .swiper-container,
#outerteaser #teaser .swiper-wrapper,
#outerteaser #teaser .swiper-slide {
	-webkit-transition: height 200ms ease;
	-moz-transition: height 200ms ease;
	-ms-transition: height 200ms ease;
	-o-transition: height 200ms ease;
	transition: height 200ms ease;
}*/

@media screen and (max-width: 1530px){
	#header {padding-left:155px;/*margin-left:0;*/}
}
@media screen and (max-width: 1300px){
	#teaser .swiper-slide .img  img { width:1300px;position:absolute;left:50%;margin-left:-650px;max-width:none;}
}
@media screen and (max-width: 1500px){
	#outerteaser #teaser,
	#outerteaser #teaser .swiper-container,
	#outerteaser #teaser .swiper-wrapper,
	#outerteaser #teaser .swiper-slide {height:600px;}

}

/* Swiper Fade */
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -ms-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.swiper-container-fade .swiper-slide {
  pointer-events: none;
}
.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
