@charset "utf-8";

/* oswald-regular - latin */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('../webfonts/oswald-v48-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../webfonts/oswald-v48-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* oswald-500 - latin */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 500;
  src: local(''),
       url('../webfonts/oswald-v48-latin-500.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../webfonts/oswald-v48-latin-500.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* oswald-700 - latin */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 700;
  src: local(''),
       url('../webfonts/oswald-v48-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../webfonts/oswald-v48-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('../webfonts/open-sans-v29-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../webfonts/open-sans-v29-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* open-sans-700 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local(''),
       url('../webfonts/open-sans-v29-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../webfonts/open-sans-v29-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

html {
	margin: 0px;
	height: 100%;
	background-color: #04367e;
	background-image: url(../img/bg-fans.jpg);
	background-size: cover;
	background-repeat: no-repeat;
}

html.historisches {
	background-color: #514d43;
	background-image: url(../img/bg-fans-historisches.jpg);
}
 
:focus {
	 outline:0; 
	 -moz-outline:0; 
}

body {	 
	color: black;
	position: relative;
	font-family: 'Open Sans',sans-serif;
	font-weight: normal;
	font-size: 14px;
	line-height: 20px;
	margin: 0;
	padding: 0px;
	-webkit-text-size-adjust: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}	  

img {
	vertical-align: baseline;
}

span,div {
	zoom: 1;
}			   

a {
	zoom: 1;
	color: inherit;
}
	
a img {
	border-width: 0px;
}	   

form {
	margin: 0px;
	padding: 0px;
}
		
textarea, input, select {
	font-family: 'Open Sans',sans-serif;
}		

ul, li {
	padding: 0px;
	margin: 0px;
}

sup {
	font-size:60%;
	vertical-align:top;
	position: relative;
	top: -3px;
}

p {
	margin-top: 0px;
}

iframe { 
	max-width: 100%;
}

/*** BASICS ***/

.yellow {
	color: #feea34;
}

.filter-mobil {
	text-align: center;
	color: white;
	display: none;
	margin-top: 2px;
	margin-bottom: -7px;
}

.filter-mobil .filter input[type=submit] {
	margin-top: 0px;
}

.akkordeon-head {
	position: relative;
	background-color: #d9e1eb;
	padding: 7px 50px 7px 15px;
	margin-top: 7px;
	cursor: pointer;
	line-height: 23px;
}

.akkordeon-head h2 {
	margin: 0px !important;
}

.akkordeon-head .icon {
	position: absolute;
	right: 10px;
	top: 50%;
	margin-top: -12px;
}

.akkordeon-head p {
	margin: 0px;
}

.akkordeon-head .close { display: none; }
.akkordeon-head.ausgeklappt .close { display: block; }
.akkordeon-head.ausgeklappt .open { display: none; }

.akkordeon-body {
	display:  none;
	padding-bottom: 10px;
}

.akkordeon-body.ausgeklappt {
	display: block;
}

.buttonlink {
	display: inline-block;
	background-color: #1c3566;
	color: white;
	text-decoration: none;
	font-family: 'Oswald',sans-serif;
    font-weight: 500;
    font-size: 19px;
    line-height: 23px;
    padding: 5px 35px 6px 20px;
    border-radius: 4px;
    background-image: url(../img/buttonpfeil.png);
    background-size: 22px 18px;
    background-position: right center;
    background-repeat: no-repeat;
}

/*** HEADER ***/

.header {
	position: relative;
	height: 61px;
	z-index: 99;
	top: 0px;
/* 	transition: all  0.2s; */
}

.header .logo {
	position: absolute;
	left: 0px;
	top: 0px;
	margin: 0px;
}

.header .logo img {
	transition: width 0.15s, height 0.15s;
}

.header.fixed {
	position: fixed;
	height: 40px;
	width: 100%;
	background-color: #062d65;
	background-color: rgba(6,44,98,0.95);
	box-shadow: 0px 0px 15px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 0px 15px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0px 0px 15px rgba(0,0,0,0.5);
}

.historisches .header.fixed {
	background-color: #48453d;
	background-color: rgba(66,63,65,0.95);
}

.header.fixed .logo img {
	width: 50px;
	height: 50px;
}

.menu {
	position: absolute;
	left: 165px;
	top: 20px;
	list-style-type: none;
	transition: top 0.15s, left 0.15s;
}

.menu.ticketmenu {
	left: auto;
	top: 19px;
	right: 165px;
}

.menu.ticketmenu img {
	position: relative;
	top: 2px;
	margin-right: 3px;
}

.header.fixed .menu {
	top: 9px;
	left: 80px;
}

.header.fixed .ticketmenu {
	left: auto !important;
	top: 8px;
	right: 165px !important;
}

.menu .mainmenu-entry {
	display: inline;
	position: relative;
}

.menu .mainmenu-entry a {
	font-family: 'Oswald',sans-serif;
	font-size: 20px;
	text-transform: uppercase;
	text-decoration: none;
	color: #feea34;
	margin-right: 14px;
}

.menu li a:hover, .menu li a.sel {
	color: white;
}

.menu .submenu {
	display: none;
	position: absolute;
	z-index: 20;
	top: 20px;
	left: -12px;
	padding-top: 8px;
}

.header.fixed .menu .submenu {
	top: 17px;
}
	
.menu .mainmenu-entry:hover .submenu {
	display: block;
}

.menu .submenu ul {
	list-style-type: none;
	background-color: rgba(0,43,102,0.96);
	box-shadow: 0px 0px 25px rgba(0,0,0,0.9);
	-moz-box-shadow: 0px 0px 25px rgba(0,0,0,0.9);
	-webkit-box-shadow: 0px 0px 25px rgba(0,0,0,0.9);
	padding: 5px 0px 7px 12px;
	min-width: 160px;
}

.historisches .menu .submenu ul {
	background-color: rgba(81,77,67,0.96);
}

.menu .submenu-entry {
	position: relative;
	padding-top: 4px;
	padding-bottom: 4px;
	width: 100%;
}

.menu .submenu-entry a {
	display: block;
	width: 100%;
	font-size: 18px;
	text-transform: none;
	white-space: nowrap;
	margin-right: 0px;
	padding-right: 25px;
}

.menu .subsubmenu {
	display: none;
	position: absolute;
	z-index: 10;
	top: -13px;
	left: calc(100%);
	padding-top: 8px;
}

.menu .subsubmenu .pfeilchen {
	position: absolute;
	left: -16px;
	top: 23px;
}
	
.menu .submenu-entry:hover .subsubmenu {
	display: block;
}

.menu .subsubmenu-entry {
	position: relative;
	padding-top: 4px;
	padding-bottom: 4px;
}

.menu .subsubmenu-entry a  {
	font-size: 18px;
	text-transform: none;
	white-space: nowrap;
}

.social-icons {
	position: absolute;
	right: 15px;
	top: 21px;
	font-size: 0px;
	transition: top 0.1s, left 0.1s;
}

.social-icons a {
	margin-left: 6px;
}

.header.fixed .social-icons {
	top: 10px;
}

.sprachauswahl {
	position: absolute;
	right: 180px;
	top: 21px;
	font-size: 0px;
	transition: top 0.1s, left 0.1s;
	font-family: 'Oswald',sans-serif;
	font-size: 15px;
	color: white;
}

.sprachauswahl a {
	color: white;
	text-decoration: none;
	margin-left: 2px;
	margin-right: 2px;
}

.sprachauswahl span {
	color: #feea34;
	margin-left: 2px;
	margin-right: 2px;
}

.header.fixed .sprachauswahl {
	top: 9px;
}

/*** MOBILES MENÜ ***/

.mobile-icons {
	display: none;
}

.mobile-menuicon {
	position: absolute;
	right: 12px;
	top: 12px;
}

.header.fixed .mobile-menuicon {
	top: 7px;
}

#menu-hide { display: none; }

.mobile-menucontainer { display: none; }

.mobile-menu {
	display: none;
	color: white;
	background-color: rgba(3,35,78,0.75);
}

.mobile-menu a {
	display: block;
	text-align: center;
	font-family: 'Oswald',sans-serif;
	font-size: 20px;
	line-height: 28px;
	text-transform: uppercase;
	text-decoration: none;
	color: white;
	padding: 3px 10px 4px 10px;
	border-top: 1px solid #b6c0cc;
}

.mobile-menu a.small {
	font-size: 16px;
}

.mobile-menu .sel a { 
	color: #feea34;
}

.mobile-menu a .icon {
	position: relative;
	left: -3px;
	top: 2px;
}

.mobile-menu a:hover {
	background-color: rgba(0,30,73,0.85);
}

.mobile-submenu {
	display: none;
	text-align: center;
}

.mobile-menu .sel .mobile-submenu { display: block;	}
.mobile-menu .sel .mobile-submenu .mobile-submenu { display: none; }
.mobile-menu .sel .mobile-submenu .sel .mobile-submenu { display: block; }

.mobile-submenu a {
	display: block;
	font-size: 17px;
	line-height: 24px;
	text-transform: none;
	padding: 2px 8px 3px 8px;
	/* border-top: 1px solid #233b62; */
	border-top: 1px solid #516986;
	background-color: rgba(0,0,0,0.15);
}

.mobile-submenu.level2 {
	padding: 2px 0px 3px 0px;
	border-top: 1px solid #233b62;
	background-color: rgba(0,0,0,0.22);
}

.mobile-submenu.level2 a {
	display: inline-block;
	font-size: 15px;
	line-height: 23px;
	text-transform: none;
	padding: 1px 6px 1px 6px;
	border-top: none;
	background-color: transparent;
}

.mobile-menu .sel .mobile-submenu a { color: white; }
.mobile-menu .sel .mobile-submenu .sel a { color: #feea34; }
.mobile-menu .sel .mobile-submenu .sel .mobile-submenu a { color: white; }
.mobile-menu .sel .mobile-submenu .sel .mobile-submenu .sel a { color: #feea34; }

.mobile-menu li.mobile-social-icons {
	border-top: 1px solid #b6c0cc;
	text-align: center;
}

.mobile-menu .mobile-social-icons a {
	display: inline-block;
	border: none !important;
	padding: 4px 5px 1px 5px;
}

.historisches .mobile-menu { background-color: rgba(54,52,48,0.75); }
.historisches .mobile-menu a { border-top: 1px solid #b2bcb0; }
.historisches .mobile-menu a:hover { background-color: rgba(50,47,43,0.85); }
.historisches .mobile-submenu a { border-top: 1px solid #4f4d49; }
.historisches .mobile-submenu.level2 a { border-top: none; }
.historisches .mobile-menu li.mobile-social-icons { border-top: 1px solid #b2bcb0; }
	
/*** IMAGE BAR ***/

.imagebar {
	position: relative;
	height: 468px;
	width: 100%;	
}

.imagebar.fixed-header {
	margin-top: 61px;
}

.imagebar .bigimage-container {
	position: relative;
	margin-right: 182px;
	height: 100%;
	box-shadow: 0px 0px 15px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 0px 15px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0px 0px 15px rgba(0,0,0,0.5);
	border-bottom: 1px solid #b6c0cc;
}

.historisches .imagebar .bigimage-container {
	border-bottom: 1px solid #b2bcb0;;
}

.imagebar .bigimage-container .bigimage {
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: center 35%;
}

.imagebar .bigimage-container .overlay {
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 100%;
	height: 80px;
	background-image: linear-gradient(to bottom, rgba(0,0,0,0.0), rgba(0,0,0,0.7));
}

.imagebar .bigimage-container .title {
	position: absolute;
	left: 25px;
	bottom: 13px;
	font-family: 'Oswald',sans-serif;
	font-size: 32px;
	line-height: 36px;
	font-weight: 500;
	margin: 0px;
	color: white;
	text-shadow: 0px 0px 15px rgba(0,0,0,0.5);
}

.imagebar .bigimage-container .fotocredit {
	position: absolute;
	top: -2px;
	right: 4px;
	font-size: 9px;
	line-height: 10px;
	transform: rotate(-90deg);
	transform-origin: bottom right;
	color: white;
	text-shadow: 0px 0px 5px rgba(0,0,0,0.7);
}

/*** TOPNEWS-SLIDER ***/

.topnews-slider {
	position: relative;
	width: 100%;
	height: 100%;
}

.topnews-slider .slide {
	display: none;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
}

.topnews-slider #topnews-slide-1 {
	display: block;
}

.topnews-slider .slide .slider-dots {
	position: absolute;
	right: 25px;
	bottom: 12px;
}

.topnews-slider .title {
	padding-right: 100px;
}

.topnews-slider .topnews-pfeil {
	display: block;
	position: absolute;
	top: 0px;
	height: 100%;
	width: 80px;
	background-color: rgba(255,255,255,0.1);
	opacity: 0;
	transition: opacity  0.1s;
}

.topnews-slider .topnews-pfeil:hover { opacity: 1; }

#topnews-links { left: 0px; }
#topnews-rechts { right: 0px; }

.topnews-slider .topnews-pfeil img {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: -20px;
	margin-left: -15px;
}

/*** IMAGEBAR-SLIDER ***/

.imagebar-slider {
	position: relative;
	width: 100%;
	height: 100%;
}

.imagebar-slider .slide {
	display: none;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
}

.imagebar-slider #imagebar-slide-1 {
	display: block;
}

.imagebar-slider .slide .slider-dots {
	position: absolute;
	right: 25px;
	bottom: 12px;
}

.imagebar-slider .title {
	padding-right: 100px;
}

.imagebar-slider .imagebar-pfeil {
	display: block;
	position: absolute;
	top: 0px;
	height: 100%;
	width: 80px;
	background-color: rgba(255,255,255,0.1);
	opacity: 0;
	transition: opacity  0.1s;
}

.imagebar-slider .imagebar-pfeil:hover { opacity: 1; }

#imagebar-links { left: 0px; }
#imagebar-rechts { right: 0px; }

.imagebar-slider .imagebar-pfeil img {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: -20px;
	margin-left: -15px;
}


/*** SPONSOREN-PANEL ***/

.sponsoren {
	position: absolute;
	right: 16px;
	top: 0px;
	background-color: rgba(3,35,78,0.75);
	width: 150px;
	height: 150px;
	overflow: hidden;
/* 	border: 1px solid #b6c0cc;	 */
	box-shadow: 0px 0px 15px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 0px 15px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0px 0px 15px rgba(0,0,0,0.5);
	border-radius: 2px;
}

.historisches .sponsoren {
	background-color: rgba(54,52,48,0.75);
}

.sponsoren .sponsoren-slider {
	position: relative;
	font-size: 0px;
	line-height: 0px;
}

.historisches .sponsoren img {
	filter: sepia(0.7) grayscale(50%);
}

/*** MITGLIEDER-PANEL ***/

.mitglieder {
	position: absolute;
	right: 16px;
	top: 160px;
	background-color: rgba(3,35,78,0.75);
	background-image: url(../img/bg-mitgliederliste.png);
	background-size: 148px 148px;
	width: 148px;
	height: 148px;
	overflow: hidden;
	border: 1px solid #b6c0cc;	
	box-shadow: 0px 0px 15px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 0px 15px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0px 0px 15px rgba(0,0,0,0.5);
	border-radius: 2px;
}

.mitglieder.en {
	background-image: url(../img/bg-mitgliederliste-en.png);
}

.historisches .mitglieder {
	background-color: rgba(54,52,48,0.75);
	border: 1px solid #b2bcb0;
}

.mitglieder .mitgliederliste {
	position: relative;
	font-size: 10px;
	line-height: 12px;
	color: white;
	margin: 2px 8px 2px 8px;
	text-align: left;
}

.sponsorleiste-widget .widget {
	position: absolute;
	right: 16px;
	top: 320px;
	margin: 0px;
	width: 148px;
	height: 148px;
}	

.widget.inheader { display: none; }
.sponsorleiste-widget .widget.inheader { display: block; }

/*** MAIN CONTENT / TEXTCONTENT ***/

.maincontent {
	position: relative;
	padding: 30px 288px 50px 25px; 	
	max-width: 900px;
	margin: auto;
}

.maincontent.maxwidth {
	max-width: none;
	padding: 30px 25px 50px 25px; 
}

.maincontent.centered {
	text-align: center;
}

.maincontent .fullbanner {
	width: 100%;
	margin-bottom: 5px;
}

.maincontent .fullbanner img {
	width: 100% !important;
	height: auto !important;
}

.maincontent h2 {
	font-family: 'Oswald', sans-serif;
	font-size: 22px;
	line-height: 28px;
	font-weight: 500;
	color: white;
	margin-top: 10px;
	margin-bottom: 5px;
}

.maincontent h3 {
	font-size: 15px;
	line-height: 18px;
	font-weight: bold;
	color: white;
	margin-top: 10px;
	margin-bottom: 5px;
}

.maincontent .rightbar {
	position: absolute;
	top: 18px;
	right: 7px;
	width: 274px;
}

.maincontent .weiterlink {
	margin-top: 30px;
	margin-bottom: 10px;
	color: white;
}

.textcontent {
	box-sizing: border-box;
	position: relative;
	background-color: rgba(255,255,255,0.95);
	color: #383838;
	width: 100%;
	min-height: 700px;
	border: 1px solid #b6c0cc;	
	box-shadow: 0px 0px 15px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 0px 15px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0px 0px 15px rgba(0,0,0,0.5);
	border-radius: 2px;
	padding: 25px 25px 35px 25px;
}

.textcontent.nopadding {
	padding: 0px;
	border: none;
	overflow: hidden;
}

.historisches .textcontent {
	border: 1px solid #b2bcb0;
}

.textcontent .header, .textheader  {
	position: relative;
	box-sizing: border-box;
	background-color: #d9e1eb;
	height: 30px;
	margin: -25px -25px 22px -25px;
	padding: 8px 25px;
	font-size: 11px;
	line-height: 14px;
}

.historisches .textcontent .header, .historisches .textheader {
	background-color: #d5d6ce;
}

.textcontent .header .zuruecklink, .textheader .zuruecklink {
	position: absolute;
	right: 25px;
	top: 8px;
}

.textcontent h2 {
	font-family: 'Oswald',sans-serif;
	font-weight: 500;
	font-size: 19px;
	line-height: 23px;
	margin-top: 28px;
	margin-bottom: 16px;
	color: inherit;
}

.textcontent h2 strong {
	font-weight: 500;
}

.textcontent.erfolge h2 {
	margin-bottom: 5px;
	margin-top: 18px;
}

.textcontent h2:first-child, .textcontent h3:first-child {
	margin-top: 0px;
}

.textcontent h3 {
	font-size: inherit;
	line-height: inherit;
	margin-top: 16px;
	margin-bottom: 10px;
	color: inherit;
}

.textcontent p {
	margin-top: 11px;
	margin-bottom: 11px;	
}

.textcontent ul {
	padding-left: 20px;
	margin-bottom: 14px;
}

.textcontent .image-left {
	float: left;
	margin-top: 4px;
	margin-right: 15px;
	margin-bottom: 5px;
	max-width: 280px;
}

.textcontent .image-right {
	float: right;
	margin-top: 4px;
	margin-left: 15px;
	margin-bottom: 5px;
	max-width: 280px;
}

.textcontent .smalltext {
	font-size: 11px;
	line-height: 15px;
}

.textcontent img {
	max-width: 100%;
}

.blaettern {
	box-sizing: border-box;
	width: calc(100% + 2px);
	display: block;
	position: relative;
	background-color: rgba(3,35,78,0.75);
	color: white;
	overflow: hidden;
	border: 1px solid #b6c0cc;	
	box-shadow: 0px 0px 15px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 0px 15px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0px 0px 15px rgba(0,0,0,0.5);
	border-radius: 2px;
	margin-bottom: 4px;
	font-family: 'Open Sans',sans-serif;
	font-weight: normal;
	font-size: 11px;
	line-height: 13px;
	padding-top: 7px;
	padding-bottom: 8px;
	margin-bottom: 7px;
	min-height: 30px;
}

.blaettern td {
	vertical-align: middle;
}

.blaettern .pfeile {
	white-space: nowrap;
}

.blaettern a {
	position: relative;
	top: 2px;
	margin-left: 2px;
	margin-right: 2px;
}

.blaettern .zuruecklink {
	position: absolute;
	top: 7px; 
	right: 15px;
}

.share-icons a {
	margin-right: 3px;
}

/*** WIDGETS ***/

.maincontent.widgets {
	text-align: center;
	padding: 20px 5px 40px 5px; 
	max-width: none;
}

.widget {
	display: inline-block;
	vertical-align: top;
	position: relative;
	text-align: center;
	background-color: rgba(3,35,78,0.75);
	margin: 12px;
	width: 250px;
	height: 250px;
	overflow: hidden;
	border: 1px solid #b6c0cc;	
	box-shadow: 0px 0px 15px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 0px 15px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0px 0px 15px rgba(0,0,0,0.5);
	border-radius: 2px;
}

.historisches .widget {
	background-color: rgba(54,52,48,0.75);
	border: 1px solid #b2bcb0;
}

.maincontent .widget {
	margin-bottom: 5px;
}

.widget .head {
	box-sizing: border-box;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	padding: 5px 10px;
}

.widget .head h2 {
	color: white;
	font-family: 'Oswald',sans-serif;
	font-weight: 500;
	font-size: 18px;
	line-height: 20px;
	text-transform: uppercase;
	margin: 0;
}

.widget .body {
	box-sizing: border-box;
	position: absolute;
	overflow: hidden;
	left: 0px;
	top: 30px;
	width: 100%;
	height: 220px;
	padding: 0px 10px 5px 10px;
	color: white;
	font-size: 12px;
	line-height: 16px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.widget .body.noflex {
	display: block;
}

.widget .bigimage {
	position: absolute;
	left: 0px;
	top: 32px;
	width: 100%;
	height: 218px;
}

.widget h3 {
	font-size: 12px;
	line-height: 16px;
	font-weight: bold;
	margin-top: 6px;
	margin-bottom: 3px;	
}

.historisches .widget img {
	filter: sepia(0.5) grayscale(60%);
}

/*** WIDGET NEWS ***/

.widget.news { 
	background-image: url(../img/bg-news.png);
	background-size: cover;
	text-decoration: none;
}

.widget.news .bigtext {
	color: #feea34;
	font-size: 20px;
	line-height: 24px;
	font-weight: bold;
	margin-bottom: 10px;
}

.widget.news .smalltext {
	margin-bottom: 10px;
}

.widget.news p {
	margin: 0px;
}

/*** WIDGET TABELLE ***/

.widget.tabelle table td {
	text-align: left;
	font-size: 11px;
	line-height: 13px;
	padding-right: 5px;
}

.widget.tabelle.t14 table td { line-height: 15px; }
.widget.tabelle.t12 table td { line-height: 17px; }
.widget.tabelle.t11 table td { line-height: 17px; }
.widget.tabelle.t10 table td { line-height: 17px; }

.widget.tabelle table tr td:last-child {
	padding-right: 0px;
}

.widget.tabelle .highlight {
	font-weight: bold;
	color: #feea34;
}

/*** WIDGET SPIELSTAND ***/

.widget.spielstand .countdown_only { display: none; }
.widget.spielstand .zwischenstand_only { display: none; }
.widget.spielstand .endergebnis_only { display: none; }

.widget.spielstand .spielinfo {
	font-size: 11px;
	line-height: 13px;
	margin-bottom: 10px;
} 

.widget.spielstand .spielpaarung {
	position: relative;
	font-size: 0px;
	line-height: 0px;
	height: 80px;
}

.widget.spielstand .spielpaarung .team {
	position: relative;
	display: inline-block;
	vertical-align: middle;
}

.widget.spielstand .spielpaarung .vs {
	display: inline-block;
	vertical-align: middle;
	font-family: 'Oswald',sans-serif;
	font-size: 15px;
	line-height: 16px;
	font-weight: bold;
	width: 45px;
}

.widget.spielstand .spielpaarung .team .teamname {
	position: absolute;
	left: 50%;
	top: 65px;
	margin-left: -55px;
	font-size: 10px;
	line-height: 11px;
	width: 110px;
/* 	font-weight: bold; */
}

.widget.spielstand .anzeige {
	font-size: 9px;
	line-height: 13px;
	padding-bottom: 7px;
}

.widget.spielstand .anzeige .countdown_display {
	margin: auto;
	margin-top: 2px;
	position: relative;
	width: 124px;
	height: 19px;
	background-image: url(../img/bg_countdown.png);
	background-size: 124px 19px;
}

.widget.spielstand .anzeige .countdown_display .day_digit_1 { position: absolute; left: 2px; top: 2px; }
.widget.spielstand .anzeige .countdown_display .day_digit_2 { position: absolute; left: 13px; top: 2px; }
.widget.spielstand .anzeige .countdown_display .day_digit_3 { position: absolute; left: 24px; top: 2px; }
.widget.spielstand .anzeige .countdown_display .time_digit_1 { position: absolute; left: 48px; top: 2px; }
.widget.spielstand .anzeige .countdown_display .time_digit_2 { position: absolute; left: 59px; top: 2px; }
.widget.spielstand .anzeige .countdown_display .doppelpunkt_1 { position: absolute; left: 69px; top: 2px; }
.widget.spielstand .anzeige .countdown_display .time_digit_3 { position: absolute; left: 74px; top: 2px; }
.widget.spielstand .anzeige .countdown_display .time_digit_4 { position: absolute; left: 85px; top: 2px; }
.widget.spielstand .anzeige .countdown_display .doppelpunkt_2 { position: absolute; left: 95px; top: 2px; }
.widget.spielstand .anzeige .countdown_display .time_digit_5 { position: absolute; left: 100px; top: 2px; }
.widget.spielstand .anzeige .countdown_display .time_digit_6 { position: absolute; left: 111px; top: 2px; }

.widget.spielstand .anzeige .score_display {
	margin: auto;
	margin-top: 4px;
	position: relative;
	width: 69px;
	height: 19px;
	background-image: url(../img/bg_score.png);
	background-size: 69px 19px;
}

.widget.spielstand .anzeige .score_display .score_digit_1 { position: absolute; left: 2px; top: 2px; }
.widget.spielstand .anzeige .score_display .score_digit_2 { position: absolute; left: 13px; top: 2px; }
.widget.spielstand .anzeige .score_display .score_digit_3 { position: absolute; left: 45px; top: 2px; }
.widget.spielstand .anzeige .score_display .score_digit_4 { position: absolute; left: 56px; top: 2px; }

.widget.spielstand .ticketlink {
	
}

.widget.spielstand .ticketlink a {
	color: #feea34;
	text-decoration: none;
	font-weight: bold;
}

.widget.spielstand .ticketlink a:hover {
	text-decoration: underline;
}

.widget.spielstand .message {
	font-size: 13px;
	line-height: 15px;
	font-weight: bold;
	padding-top: 5px;
}

/*** WIDGET YOUTUBE ***/

.widget .youtube-image, .widget .youtube-news-image  {
	background-size: 387px 290px;
	background-position: center center;
}

.historisches .youtube-image {
	filter: sepia(0.5) grayscale(60%);
}

.widget .youtube-image .play-button, .widget .youtube-news-image .play-button {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 104px;
	height: 82px;
	margin-left: -52px;
	margin-top: -41px;
}

.widget .youtube-image .overlay, .widget .youtube-news-image .overlay {
	box-sizing: border-box;
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 100%;
	background-image: linear-gradient(to bottom, rgba(0,0,0,0.0), rgba(0,0,0,0.7));
	padding: 20px 10px 5px 10px;
}

.widget .youtube-image .overlay .titel, .widget .youtube-news-image .overlay .titel {
	text-align: center;
	text-decoration: none;
	color: white;
	font-size: 11px;
	line-height: 14px;
}

/*** WIDGET WETTER ***/

.widget.wetter .body {
	top: 32px;
	height: 218px;
	display: block;
	background-image: url("../img/bg_wetter.png");
	background-size: 250px 218px;
	font-family: 'Oswald', sans-serif;
	font-weight: 700;
	text-align: left;
	color: white;
}

.widget.wetter .today-text {
	position: absolute;
	left: 25px;
	top: 16px;
	font-size: 17px;
	line-height: 21px;
}

.widget.wetter .today-temp {
	position: absolute;
	right: 25px;
	top: 16px;
	width: 88px;
	text-align: right;
	font-size: 42px;
	line-height: 40px;
	color: #feea34;
}

.widget.wetter .slogan {
	position: absolute;
	left: 0px;
	top: 68px;
	width:100%;
	text-align: center;
	font-size: 17px;
	line-height: 21px;
	color: #feea34;
}

.widget.wetter .today_temp.minus {
	color: #80bcff;
}

.widget.wetter .vorschau-block {
	position: absolute;
	left: 0px;
	top: 100px;
	height: 28px;
	font-size: 17px;
	line-height: 21px;
}

.widget.wetter .vorschau-entry {
	position: relative;
	height: 24px;
}

.widget.wetter .vorschau-entry .weekday {
	position: absolute;
	left: 25px;
	top: 0px;
}

.widget.wetter .vorschau-entry .status {
	position: absolute;
	left: 55px;
	top: 0px;
}

.widget.wetter .vorschau-entry .tempmin {
	position: absolute;
	left: 94px;
	top: 0px;
	width: 65px;
	color: #80bcff;
}

.widget.wetter .vorschau-entry .tempmax {
	position: absolute;
	left: 167px;
	top: 0px;
	width: 65px;
	color: #fffc80;
}

.widget.wetter .info {
	position: absolute;
	bottom: 10px;
	left: 0px;
	width: 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 16px;
	font-weight: normal;
	text-align: center;
}

.widget.wetter .info a {
	color: #fffc80;
	text-decoration: underline;
}

/*** WIDGET BILDERGALERIE ***/

.widget.bildergalerie {
	height: 197px;
}

.widget.bildergalerie .body {
	width:250px;
	height:167px;
	background-size: cover;
	background-position: center 30%;
}

/*** WIDGET KADERBILD ***/

.widget.kaderbild {
	height: 177px;
}

.widget.kaderbild .body {
	width:250px;
	height:147px;
	background-size: cover;
	background-position: center 30%;
}


/*** WIDGET NEWSVIDEO ***/

.widget.newsvideo {
	height: 197px;
}

.widget.newsvideo .bigimage {
	height:165px;
}

.widget.newsvideo .youtube-news-image {
	background-size: 300px 225px;
	background-position: center center;
}

.widget.newsvideo .youtube-news-image .play-button {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 86px;
	height: 68px;
	margin-left: -43px;
	margin-top: -40px;
}

/*** WIDGET AUSWAERTSFAHRT ***/

.widget.auswaertsfahrt {
	font-size: 11px;
	line-height: 13px;
	background-size: cover;
}

.widget.auswaertsfahrt h3 {
	font-size: 15px;
	line-height: 17px;
	color: #feea34;
	margin-bottom: 8px;
}

.widget.auswaertsfahrt .element {
	margin-top: 3px;
}

.widget.auswaertsfahrt.bus { background-image: url(../img/bg-auswaertsfahrt-bus.jpg); }
.widget.auswaertsfahrt.bahn { background-image: url(../img/bg-auswaertsfahrt-bahn.jpg); }
.widget.auswaertsfahrt.ubahn { background-image: url(../img/bg-auswaertsfahrt-ubahn.jpg); }
.widget.auswaertsfahrt.bim { background-image: url(../img/bg-auswaertsfahrt-bim.jpg); }
.widget.auswaertsfahrt.zufuss { background-image: url(../img/bg-auswaertsfahrt-zufuss.jpg); }

/*** WIDGET TWITTER/FACEBOOK ***/

.widget.twitter-feed .head, .widget.facebook-feed .head {
	position: relative;
	height: 30px;	
}

.timeline-Widget {
	background-color: red;
}

.twitter-tweet iframe {
	max-width: 400px;
}

/*** WIDGET SOCIALMEDIA ***/

.widget.socialmedia .body {
	display: block;
	padding-top: 0px;
}

.widget.socialmedia .entry {
	position: relative;
	display: block;
	padding-left: 40px;
	text-align: left;
	font-size: 10px;
	line-height: 12px;
	text-decoration: none;
	margin-top: 4px;
	margin-left: 8px;
	color: #80bcff;
}

.widget.socialmedia .entry h2 {
	font-size: 15px;
	line-height: 18px;
	margin: 0px;
	color: white;
}

.widget.socialmedia .entry img {
	position: absolute;
	left: 0px;
	top: 3px;
}

.widget.socialmedia .entry .timelineTweet:hover {
	background: none !important;
}

/*** NEWS ***/

.news-entry {
	width: 100%;
	display: block;
	position: relative;
	background-color: rgba(3,35,78,0.75);
	color: white;
	overflow: hidden;
	border: 1px solid #b6c0cc;	
	box-shadow: 0px 0px 15px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 0px 15px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0px 0px 15px rgba(0,0,0,0.5);
	border-radius: 2px;
	margin-bottom: 7px;
	font-size: 0px;
}

.news-entry:hover {
	background-color: rgba(0,30,73,0.85);
	
}

.news-entry .image {
	display: inline-block;
	vertical-align: top;
	width: 80px;
	height: 100%;
	font-size: 0;
	line-height: 0;
}

.news-entry .titel {
	box-sizing: border-box;
	display: inline-block;
	vertical-align: top;
	width: calc(100% - 81px);
	text-align: left;
	font-size: 12px;
	line-height: 18px;
	padding: 7px 12px 5px 12px;
	border-left: 1px solid #b6c0cc;	
	min-height: 54px;
}

.news-entry .titel h2 {
	font-family: 'Oswald', sans-serif;
	font-size: 18px;
	line-height: 20px;
	font-weight: 500;
	margin: 0px;
}

.filter {
	padding-bottom: 15px;
}

.filter label {
	display: block;
	font-size: 12px;
	line-height: 18px;
	margin-top: 7px;
	margin-bottom: 2px;
}

.filter input[type=text], .filter select {
	font-family: 'Open Sans',sans-serif;
	font-weight: normal;
	font-size: 13px;
	line-height: 16px;	
	border: none;
	padding: 3px 5px;
}

.filter input[type=submit] {
	border: none;
	margin-top: 20px;
	font-family: 'Oswald', sans-serif;
	font-weight: 600;
	font-size: 13px;
	line-height: 20px;
	border-radius: 5px;
	border: 1px solid #33548d;
	padding: 2px 10px;
	color: white;
	background-color: #0c3474;
	background-image: linear-gradient(to bottom, rgba(20,75,153,1), rgba(11,40,86,1));
	box-shadow: 2px 2px 5px rgba(0,0,0,0.5);
	-moz-box-shadow: 2px 2px 5px rgba(0,0,0,0.5);
	-webkit-box-shadow: 2px 2px 5px rgba(0,0,0,0.5);
}

/*** VIDEOS ***/

.maincontent.videos {
	text-align: center;
	padding: 20px 5px 40px 5px; 
	max-width: none;
}

.video-entry {
	display: inline-block;
	vertical-align: top;
	position: relative;
	text-align: center;
	background-color: rgba(3,35,78,0.75);
	margin: 12px;
	width: 388px;
	height: 244px;
	overflow: hidden;
	border: 1px solid #b6c0cc;	
	box-shadow: 0px 0px 15px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 0px 15px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0px 0px 15px rgba(0,0,0,0.5);
	border-radius: 2px;
	white-space: nowrap;
}

.video-entry .head {
	box-sizing: border-box;
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 100%;
	padding: 4px 10px;
}

.video-entry .head h2 {
	color: white;
	font-family: 'Open Sans',sans-serif;
	font-weight: bold;
	font-size: 11px;
	line-height: 18px;
	text-transform: none;
	margin: 0;
}

.video-entry .youtube-image {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 218px;
	background-size: 387px 290px;
	background-position: center center;
}

.video-entry .youtube-image .play-button {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 104px;
	height: 82px;
	margin-left: -52px;
	margin-top: -41px;
}


/*** TEAMS ***/

.teams {
	text-align: center;
	padding-top: 15px; 
	padding-bottom: 40px;
}

.teams h2 {
	font-family: 'Oswald', sans-serif;
	font-weight: 500;
	font-size: 26px;
	line-height: 32px;
	color: white;
	margin-top: 15px;
	margin-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
}

.teams h2 .logo {
	display: inline-block;
	vertical-align: middle;
	margin-top: 8px;
	margin-bottom: 6px;
}

.team-entry {
	display: inline-block;
	vertical-align: top;
	position: relative;
	text-align: center;
	text-decoration: none;
	background-color: rgba(3,35,78,0.75);
	margin: 12px;
	width: 450px;
	height: 350px;
	overflow: hidden;
	border: 1px solid #b6c0cc;	
	box-shadow: 0px 0px 15px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 0px 15px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0px 0px 15px rgba(0,0,0,0.5);
	border-radius: 2px;
}

.team-entry.small {
	width: 180px;
	height: 177px;
}

.team-entry .head {
	box-sizing: border-box;
	width: 100%;
	height: 30px;
	padding: 5px 10px;
}

.team-entry .head h2 {
	color: white;
	font-family: 'Oswald',sans-serif;
	font-weight: 500;
	font-size: 18px;
	line-height: 20px;
	text-transform: uppercase;
	margin: 0;
}

.team-entry .image {
	height: 250px;
	border-bottom: 1px solid #b6c0cc;	
	font-size: 0;
	line-height: 0;
	overflow: hidden;
}

.team-entry.small .image {
	height: 115px;
	overflow: hidden;
}

.team-entry .info {
	box-sizing: border-box;
	position: absolute;
	overflow: hidden;
	left: 0px;
	top: 280px;
	width: 100%;
	height: 70px;
	padding: 5px 15px 5px 15px;
	color: white;
	font-size: 12px;
	line-height: 16px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.team-entry .info p {
	margin: 0px;
}

.team-entry.small .info {
	top: 145px;
	height: 32px;
}

/*** TEAMS SUBMENU ***/
.teams-submenu {
	width: calc(100% - 2px);
	font-size: 0;
	line-height: 0;
	border: 1px solid #b6c0cc;	
	background-color: rgba(3,35,78,0.75);
	color: white;
	box-shadow: 0px 0px 15px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 0px 15px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0px 0px 15px rgba(0,0,0,0.5);
	border-radius: 2px;
	margin-bottom: 16px;
}

.teams-submenu-entry {
	box-sizing: border-box;
	width: 25%;
	display: inline-block;
	font-family: 'Oswald', sans-serif;
	font-size: 18px;
	line-height: 22px;
	font-weight: 500;
	text-align: center;
	text-decoration: none;
	padding-top: 4px;
	padding-bottom: 6px;
	border-right: 1px solid #b6c0cc;	
}

.teams-submenu .teams-submenu-entry:last-child {
	border-right: none;
}

.teams-submenu-entry.sel {
	color: #feea34;
	background-color: rgba(0,30,73,0.85);
}

/*** BEWERBSSPONSOR ***/

.bewerbssponsor-mobile {
	display: block;
	position: relative;
	margin-bottom: 7px;
	font-family: 'Oswald', sans-serif;
	color: white;
	text-align: center;
	display: none;
}

.bewerbssponsor-mobile .logo {
	display: inline-block;
	vertical-align: middle;
	margin-left: 5px;
	margin-top: 4px;
	margin-bottom: 6px;
}

/*** KADER ***/

.kader-entry {
	box-sizing: border-box;
	width: 100%;
	display: block;
	position: relative;
	background-color: rgba(3,35,78,0.75);
	color: white;
	height: 85px;
	overflow: hidden;
	border: 1px solid #b6c0cc;	
	box-shadow: 0px 0px 15px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 0px 15px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0px 0px 15px rgba(0,0,0,0.5);
	border-radius: 2px;
	margin-bottom: 7px;
	font-size: 0px;
}

.kader-entry:hover {
	background-color: rgba(0,30,73,0.85);
}

.kader-entry .nummer {
	display: inline-block;
	vertical-align: top;
	border-right: 1px solid #b6c0cc;	
	width: 46px;
	height: 100%;
	text-align: center;
	font-family: 'Oswald', sans-serif;
	font-size: 30px;
	line-height: 83px;
	font-weight: 500;
}

.kader-entry .image {
	display: inline-block;
	vertical-align: top;
	border-right: 1px solid #b6c0cc;	
	width: 120px;
	height: 100%;
}

.kader-entry .name {
	box-sizing: border-box;
	display: inline-block;
	vertical-align: top;
	width: calc(100% - 278px);
	height: 100%;
	overflow: hidden;
	text-align: left;
	font-size: 14px;
	line-height: 18px;
	padding-left: 17px;
	padding-top: 19px;
	white-space: nowrap;
}

.kader-entry .name h2 {
	font-family: 'Oswald', sans-serif;
	font-size: 22px;
	line-height: 28px;
	font-weight: 500;
	margin: 0px;
	margin-bottom: 2px;
}

.kader-entry .nationalitaet img, .kader-details .nationalitaet img {
	position: relative;
	top: 1px;
	margin-right: 1px;
}

.historisches .kader-details .nationalitaet img {
	filter: sepia(0.5) grayscale(50%) brightness(0.95);
}

.historisches .kader-details .nationalitaet img:hover {
	filter: none;
}

.kader-entry .statistik {
	box-sizing: border-box;
	display: inline-block;
	vertical-align: top;
	border-left: 1px solid #b6c0cc;	
	width: 110px;
	height: 100%;
	text-align: left;
	font-size: 12px;
	line-height: 12px;
	padding-top: 10px;
	padding-left: 10px;
}

.kader-entry .statistik tr {
	height: 22px;
}

.kader-entry .statistik td {
	vertical-align: middle;
}

.kader-entry .statistik td.col1 { width: 40px; }
.kader-entry .statistik td.col2 { width: 70px; }
.kader-entry .statistik td.col3 { width: 40px; }
.kader-entry .statistik td.col4 { width: 50px; }

.kader-portrait {
	position: relative;
	float:right;
	width: 300px;
	height: auto;
	margin-left: 15px;
	margin-bottom: 15px;
}

.kader-portrait .fotocredit {
	position: absolute;
	top: -2px;
	right: 4px;
	font-size: 9px;
	line-height: 10px;
	transform: rotate(-90deg);
	transform-origin: bottom right;
	color: white;
	text-shadow: 0px 0px 5px rgba(0,0,0,0.7);
}

.historisches .kader-portrait {
	filter: sepia(0.5) grayscale(70%) brightness(0.95);
	transition: 0.5s filter linear, 0.5s -webkit-filter linear;
}

.historisches .kader-portrait:hover {
	filter: none;
}

.kader-details th {
	text-align: left;
	vertical-align: top;
	padding-bottom: 7px;
	padding-right: 15px;
	min-width: 150px;
}

.kader-details td {
	text-align: left;
	vertical-align: top;
	padding-bottom: 7px;
}

.kader-details td p {
	margin: 0px;
}

.kader-entry-small {
	width: 100%;
	display: block;
	position: relative;
	text-decoration: none;
	background-color: rgba(3,35,78,0.75);
	color: white;
	height: 38px;
	overflow: hidden;
	border: 1px solid #b6c0cc;	
	box-shadow: 0px 0px 15px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 0px 15px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0px 0px 15px rgba(0,0,0,0.5);
	border-radius: 2px;
	margin-bottom: 4px;
	font-size: 0px;
}

.kader-entry-small .name {
	box-sizing: border-box;
	display: inline-block;
	vertical-align: top;
	height: 100%;
	width: 50%;
	font-family: 'Oswald', sans-serif;
	font-size: 22px;
	line-height: 28px;
	font-weight: 500;
	text-align: left;
	padding-top: 4px;
	padding-left: 15px;
}

.kader-entry-small .name h2 {
	margin: 0px;
}

.kader-entry-small .position {
	box-sizing: border-box;
	display: inline-block;
	vertical-align: top;
	height: 100%;
	width: 50%;
	padding-top: 10px;
	font-size: 14px;
	line-height: 20px;
}

.statistik-details img {
	position: relative;
	top: 3px;
	margin-right: 3px;
}

.historisches .statistik-details img {
	filter: sepia(0.5) grayscale(50%) brightness(0.95);
}

.historisches .statistik-details img:hover {
	filter: none; 
}

/*** TABELLE ***/

.tabelle-entry {
	width: 100%;
	display: block;
	position: relative;
	background-color: rgba(3,35,78,0.75);
	color: white;
	height: 38px;
	overflow: hidden;
	border: 1px solid #b6c0cc;	
	box-shadow: 0px 0px 15px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 0px 15px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0px 0px 15px rgba(0,0,0,0.5);
	border-radius: 2px;
	margin-bottom: 4px;
	font-size: 0px;
}

.tabelle-entry .column {
	box-sizing: border-box;
	display: inline-block;
	vertical-align: top;
	height: 100%;
	width: 50px;
	font-family: 'Oswald', sans-serif;
	font-size: 22px;
	line-height: 28px;
	font-weight: 500;
	text-align: center;
	padding-top: 4px;
}

.tabelle-entry.sel .column {
	color: #feea34;
}

.tabelle-entry.head {
	height: 17px;
}

.tabelle-entry.head .column {
	font-family: 'Open Sans',sans-serif;
	font-weight: normal;
	font-size: 10px;
	line-height: 12px;
	padding-top: 2px;
}	

.tabelle-entry .col2 {
	text-align: left;
}

.tabelle-entry .col3 {
	width: calc(100% - 400px);
	text-align: left;
}

/*** SPIELTERMINE ***/

.spieltermin-entry {
	width: 100%;
	display: block;
	position: relative;
	overflow: hidden;
	background-color: rgba(3,35,78,0.75);
	color: white;
	border: 1px solid #b6c0cc;	
	box-shadow: 0px 0px 15px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 0px 15px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0px 0px 15px rgba(0,0,0,0.5);
	border-radius: 2px;
	margin-bottom: 4px;
	font-size: 12px;
	line-height: 15px;
	text-align: center;
	padding-top: 7px;
	padding-bottom: 8px;
}

.spieltermin-entry.nachwuchstermin {
	padding-top: 5px;
	padding-bottom: 6px;
}

.spieltermin-entry h2 {
	margin-top: -7px;
	margin-bottom: 1px;
	white-space: nowrap;
}

.spieltermin-entry.nachwuchstermin h2 {
	margin-top: -1px;
}

.spieltermin-entry h2 table {
	width: 100%;
}

.spieltermin-entry h2 td {
	vertical-align: middle;
}

.spieltermin-entry h2 .col1 {
	width: 50%;
	text-align: right;
}

.spieltermin-entry h2 .col2 {
	text-align: center;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 6px; 
	white-space: nowrap;
}
	
.spieltermin-entry h2 .col3 {
	width: 50%;
	text-align: left;
}

.spieltermin-entry h2 .sel {
	color: #feea34;
}

.spieltermin-entry h2 img {
	position: relative;
	top: 6px;
}

.spielergebnis-header.nomargin {
	margin-top:-5px;
}

.spieltermin-entry a {
	text-decoration: none;
	color: #feea34;
}

.spieltermin-entry a:hover {
	text-decoration: underline;
}

/*** NACHWUCHSKALENDER ***/

.nachwuchskalender {
	position: relative;
	padding-bottom: 50px;
	margin-right: -5px;
}

.nachwuchskalender-entry {
	box-sizing: border-box;
	width: calc(20% - 8px);
	display: inline-block;
	position: relative;
	overflow: hidden;
	background-color: rgba(3,35,78,0.75);
	color: white;
	border: 1px solid #b6c0cc;	
	box-shadow: 0px 0px 15px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 0px 15px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0px 0px 15px rgba(0,0,0,0.5);
	border-radius: 2px;
	margin-bottom: 4px;
	font-size: 12px;
	line-height: 15px;
	text-align: center;
	text-decoration: none;
	margin-right: 5px;
	font-size: 0px;
	line-height: 0px;
}

.nachwuchskalender-entry h3 {
	font-family: 'Oswald', sans-serif;
	font-weight: 500;
	font-size: 21px;
	line-height: 20px;
	margin: 0px;
	padding-top: 34px;
	padding-bottom: 36px;
}

.nachwuchskalender .text {
	color: white;
	margin-bottom: 10px;
}

/*** ZITATE ***/
.zitat {
	box-sizing: border-box;
	max-width: 750px;
	margin: auto;
	margin-top: 25px; 
	margin-bottom: 35px; 
	background-color: #dbdee1;
	padding: 15px 20px;
	font-size: 0;
	line-height: 0;
}

.zitat .image {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	width: 100px;
	height: 100px;
	border-radius: 50px;
	overflow: hidden;
	margin-right: 20px;
}

.zitat .text {
	display: inline-block;
	vertical-align: middle;
	width: calc(100% - 120px);
}

.zitat .zitattext {
	font-size: 14px;
	line-height: 18px;
	font-style: italic;
}

.zitat .zitattext .big {
	font-size: 20px;
	line-height: 24px;
}

.zitat .quelle {
	font-size: 12px;
	line-height: 18px;
	font-weight: bold;
}
	

/*** TERMINE ***/

.terminfilter {
	height: 100px;
}

.terminfilter .body {
	height: 65px;
}


.zuruecklink {
	height: 32px;
}

.widget.zuruecklink {
	padding-top: 10px;
}	

.widget.zuruecklink a {
	color: white;
	text-decoration: none;
	font-family: 'Oswald', sans-serif;
	font-weight: 500;
	font-size: 18px;
	line-height: 20px;
}	

.ical {
	height: 125px;
}

.ical .body {
	height: 95px;
}

.ical input[type=submit] {
	margin-top: 10px;
}

.ical-small {
	height: 74px;
}

.ical-small .body {
	height: 45px;
}

.ical-small input[type=submit] {
	margin-top: 10px;
}

/*** HOHE WARTE ***/

.howa {
	text-align: center;
	padding-top: 15px; 
	padding-bottom: 40px;
	max-width: 1200px;
	margin: auto;
}

.howa-entry {
	display: inline-block;
	vertical-align: top;
	position: relative;
	text-align: center;
	text-decoration: none;
	background-color: rgba(3,35,78,0.75);
	margin: 12px;
	width: 350px;
	height: 200px;
	overflow: hidden;
	border: 1px solid #b6c0cc;	
	box-shadow: 0px 0px 15px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 0px 15px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0px 0px 15px rgba(0,0,0,0.5);
	border-radius: 2px;
}

.howa-entry img {
	filter: brightness(0.7);
}

.howa-entry .text {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.howa-entry .text h2 {
	color: white;
	text-transform: uppercase;
	font-size: 30px;
	line-height: 32px;
}

/*** HISTORISCHE ERGEBNISSE ***/

.historische-ergebnisse {
	padding-right: 10px;
}

.historische-ergebnisse .saisonauswahl {
	text-align: center;
	margin-bottom: 8px;
}

.historische-ergebnisse .element {
	width: calc(50% - 17px);
	margin-right: 15px;
	display: inline-block;
	vertical-align: top;
}

.historische-ergebnisse h2 {
	font-size: 13px;
	line-height: 15px;
	margin-top: 10px;
	margin-bottom: 3px;
	text-align: center;
}

.historische-ergebnisse .teamfoto {
	display: block;
	line-height: 0px;
	border: 1px solid #968829;
	filter: sepia(0.8) grayscale(70%) brightness(0.95);
	transition: 0.5s filter linear, 0.5s -webkit-filter linear;
	text-decoration: none;
	margin-bottom: 14px;
}

.historische-ergebnisse .teamfoto .fotocredit {
	position: absolute;
	z-index: 999;
	top: -4px;
	right: 2px;
	font-size: 9px;
	line-height: 10px;
	transform: rotate(-90deg);
	transform-origin: bottom right;
	color: white;
	text-shadow: 0px 0px 5px rgba(0,0,0,0.7);
}


.historische-ergebnisse .teamfoto:hover {
	filter: none;
}

.historische-ergebnisse .liste {
	background-color: #eeefed;
	background-image: url("../img/bg_liste.png");
	background-repeat: repeat-x;
	margin-bottom: 15px;
}

.historische-ergebnisse .liste a {
	text-decoration: none;
}

.historische-ergebnisse .liste .sel {
	background-color: #dbdfd7;
}

.historische-ergebnisse .liste th {
	font-weight: bold;
	color: #494700;
	font-size: 10px;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #968829;
	padding-left:5px;
	padding-right:5px;
	padding-top: 2px;
	padding-bottom: 1px;
}

.historische-ergebnisse .liste th a {
	color: #494700;
	text-decoration: none;
}

.historische-ergebnisse .liste th a:hover {
	text-decoration: underline;
}

.historische-ergebnisse .liste td {
	color: #4a4532;
	font-size: 8pt;
	line-height: 15px;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #d5d6ce;
	padding-left:5px;
	padding-right:5px;
	padding-top: 2px;
	padding-bottom: 1px;
	vertical-align: top;
	text-decoration: none;
}

.historische-ergebnisse .liste .highlight td {
	font-weight: bold;
}

.historische-ergebnisse #kaderliste { 
	position: relative;
}

.historische-ergebnisse #statistiken { 
	position: relative;
	display: none;
}

.historische-ergebnisse .headerlink {
	position: absolute;
	right: 0px;
	top: 0px;
	font-size: 10px;
	line-height: 15px;
}

.historische-ergebnisse .headerlink a { text-decoration: none; }
.historische-ergebnisse .headerlink a:hover { text-decoration: underline; }

/*** MITARBEITER ***/

.mitarbeiter {
	position: relative;
	font-size: 0px;
	line-height: 0px;
	margin-right: -15px;
}

.mitarbeiter-entry {
	display: inline-block;
	vertical-align: top;
	width: 185px;
	margin-right: 10px;
	margin-bottom: 20px;
}

.mitarbeiter-entry .info {
	padding-top: 5px;
	font-size: 14px;
	line-height: 19px;
}

.mitarbeiter-entry .info p {
	margin: 0px;
}

/*** PARTNER ***/

.maincontent.partner {
	text-align: center;
	padding: 15px 5px 40px 5px; 
	max-width: none;
}

.partner h2 {
	font-family: 'Oswald', sans-serif;
	font-size: 20px;
	line-height: 26px;
	font-weight: 500;
	color: white;
	margin-top: 8px;
	margin-bottom: 3px;
}

.partner-entry {
	display: inline-block;
	vertical-align: top;
	position: relative;
	text-align: center;
	background-color: rgba(3,35,78,0.75);
	margin: 8px;
	width: 80px;
	height: 80px;
	overflow: hidden;
	border: 1px solid #b6c0cc;	
	box-shadow: 0px 0px 15px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 0px 15px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0px 0px 15px rgba(0,0,0,0.5);
	border-radius: 2px;
}

.partner-entry.mittel {
	width: 120px;
	height: 120px;
}

.partner-entry.gross {
	width: 150px;
	height: 150px;
}

.textcontent .partner-entry {
	box-shadow: 0px 0px 5px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.2);
	margin: 0px 8px 8px 0px;
}

/*** FORMULARE ***/

.formular {
	max-width: 468px;
	padding-top: 2px;
	padding-bottom: 4px;
	font-size: 12px;
	line-height: 14px;
}

.formular.wide {
	max-width: 488px;
}

.formular.extrawide {
	max-width: 508px;
}

.formular th {
	border: none;
	width: 100px;
	font-weight: normal;
	text-align: left;
}

.formular.wide th {
	width: 120px;
}

.formular.extrawide th {
	width: 140px;
}

.formular td {
	border: none;
}

.formular .textfield {
	border-style:solid;
	border-width: 1px;
	border-color: #d0d060;
	padding: 2px;
	width: 360px;
	margin-top: 3px;
	margin-bottom: 3px;
	font-family: 'Open Sans',sans-serif;
	font-weight: normal;
	font-size: 14px;
	line-height: 20px;
}

.formular .textfield.wide {
	width: 460px;
}

.formular textarea {
	display: block;
	resize: none;
}

.formular select {
	margin-top: 4px;
	margin-bottom: 4px;
}

.formular .trennzeile {
	height:1px;
	padding:0px;
	background-color:#bacbde;
	margin-top: 4px;
	margin-bottom: 4px;
}

.formular.login {
	max-width: 343px;
}

.formular.login th {
	width: 185px;
}

.formular.login .textfield {
	width: 150px;
}

/*** FOOTER ***/

.footer {
	text-align: center;
	color: white;
	font-size: 12px;
	background-color: #0b2856;
	padding: 30px 10px 40px 10px;
	box-shadow:  inset 0px 5px 7px rgba(0,0,0,0.2);
	-moz-box-shadow:  inset 0px 5px 7px rgba(0,0,0,0.2);
	-webkit-box-shadow:  inset 0px 5px 7px rgba(0,0,0,0.2);
}

.historisches .footer {
	background-color: #363430;
}

.footer .sponsorleiste {
	margin-bottom: 18px;
}

.footer .sponsorleiste a {
	text-decoration: none;
	margin-left: 8px;
	margin-right: 8px;
}

.footer .footermenu {
	margin-bottom: 15px;
}


/*** 100 JAHRE HOHE WARTE ***/

.howa-container {
	width: 100%;
	position: relative;
	overflow: hidden;
	font-size: 0px;
	line-height: 0px;
	text-align: center;
	background-size: cover !important;
	background-attachment: fixed !important;
	background-position: center center !important;
}

.howa-container.fixed-header { margin-top: 45px; }

.howa-slide-container { 
	white-space: nowrap; 
	position: relative;
}

.howa-slide {
	display: inline-block;
	vertical-align: top;
	width: 100%;
	position: relative;
}

.howa-header {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 300px;
	text-align: center;
    background-image: linear-gradient(to bottom, rgba(0,0,0,0.4), rgba(0,0,0,0.0));	
}

.howa-header .text {
	font-size: 20px;
	line-height: 24px;
	max-width: 520px;
	margin: auto;
	color: white;
}

.howa-header .text h1 {
	font-family: 'Oswald', sans-serif;
	font-size: 20px;
	line-height: 24px;
	text-transform: uppercase;
	margin-top: 30px;
	margin-bottom: 3px;
	font-weight: 500;
}	

.howa-header .text h2 {
	font-family: 'Oswald', sans-serif;
	font-size: 37px;
	line-height: 44px;
	margin-top: 0px;
	margin-bottom: 5px;
}

.howa-header .howa-pfeil-links {
	position: absolute;
	left: 50%;
	top: 70px;
	margin-left: -300px;
	opacity: 0.6;
    transition: opacity .2s ease-in-out;
}

.howa-header .howa-pfeil-rechts {
	position: absolute;
	right: 50%;
	top: 70px;
	margin-right: -300px;
	opacity: 0.6;
    transition: opacity .2s ease-in-out;
}

.howa-header .howa-pfeil-links:hover  { opacity: 1; }
.howa-header .howa-pfeil-rechts:hover  { opacity: 1; }

.howa-header .howa-pfeil-links-mobil {
	display: none;
	position: absolute;
	left: 50%;
	top: 30px;
	margin-left: -230px;
	opacity: 0.6;
    transition: opacity .2s ease-in-out;
}

.howa-header .howa-pfeil-rechts-mobil {
	display: none;
	position: absolute;
	right: 50%;
	top: 30px;
	margin-right: -230px;
	opacity: 0.6;
    transition: opacity .2s ease-in-out;
}

.howa-header .howa-pfeil-links-mobil:hover  { opacity: 1; }
.howa-header .howa-pfeil-rechts-mobil:hover  { opacity: 1; }


.howa-dot {
	display: block;
	position: absolute;
	opacity: 0.6;
    transition: opacity .2s ease-in-out, transform 0.4s linear;
    margin-left: -22px; 
    margin-top: -22px;
    width: 45px;
	height: 45px;
}

.howa-dot:hover { opacity: 1; transition-delay: 0s;  }

.howa-dot .index {
	position: absolute;
	right: -8px;
	bottom: -4px;
	color: #ffed00;
	font-size: 15px;
	line-height: 14px;
	font-weight: bold;
}

.howa-dot.zoom {
	transform: scale(1.6);
}


.howa-slide img {
    transition: transform 1s ease-in-out;
}

.howa-slide img.zoom {
	transform: scale(2);
}

.howa-slide .fotocredit {
	position: absolute;
	bottom: 5px;
	left: 10px;
	font-size: 9px;
	line-height: 10px;
	color: white;
/* 	text-shadow: 0px 0px 5px rgba(0,0,0,0.3); */
}


.howa-overlay { display: none; }

.howa-fenster {
	position: absolute;
	width: 300px;
	background-color: #3f3d33;
	padding: 5px;
	border: solid 1px white;
	margin-left: 77px;
	margin-top: -60px;
	display: none;
	font-size: 12px;
	line-height: 14px;
	color: white;
	text-align: center;
	text-decoration: none;
}

.howa-fenster.left { margin-left: -390px; }
.howa-fenster.bottom { margin-top: -180px; }

.howa-fenster h2 {
	font-family: 'Oswald', sans-serif;
	font-size: 18px;
	line-height: 20px;
	font-weight: 500;
	margin-top: 0px;
	margin-bottom: 5px;
}

.howa-linie {
	position: absolute;
	width: 56px;
	height: 1px;
	background-color: #ffed00;
	margin-left: 23px;
	margin-top: 0px;
    transition: transform 0.3s ease-in-out;
    transition-delay: 0.2s;
    transform: scaleX(0);
    transform-origin: left center;
}

.howa-linie.visible {
    transform: scaleX(1);
}	

.howa-linie.left {
	margin-left: -78px;
    transform-origin: right center;
}

/*** HOWA DETAILS ***/

.howa-details {
	width: 100%;
	min-height: 800px;
	position: relative;
	overflow: hidden;
	background-size: cover !important;
	background-attachment: fixed !important;
	background-position: center center !important;
}

.howa-details .text {
	padding-top: 110px;
	padding-bottom: 180px;
	padding-left: 40px;
	padding-right: 40px;
	max-width: 1000px;
	margin: auto;
	color: white;
}

.howa-details .text .zuruecklink {
	display: block;
	position: relative;
	text-decoration: none;
	padding-top: 0px;
}

.howa-details .text .zuruecklink .pfeil {
	position: absolute;
	left: -13px;
	top: 4px;
}

.howa-details .text .zuruecklink h2 {
	font-family: 'Oswald', sans-serif;
	font-size: 16px;
	line-height: 20px;
	text-transform: uppercase;
	margin-top: 30px;
	margin-bottom: 14px;
	font-weight: normal;
}

.howa-details .text .zuruecklink:hover h2 {
	text-decoration: underline;
}

.howa-details .text h1 {
	font-family: 'Oswald', sans-serif;
	font-size: 32px;
	line-height: 40px;
	margin-top: 0px;
	margin-bottom: 16px;
}	

.howa-details .text .galerie {
	font-size: 0px;
	line-height: 0px;
	margin-top: 27px;
	margin-right: -13px;
}

.howa-details .text .galerie a {
	position: relative;
	display: inline-block;
	width: 238px;
	margin-right: 13px;
	margin-bottom: 13px;
	border: 1px solid #b6c0cc;	
	border-radius: 2px;
}

.howa-details .text .galerie .play-button {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 104px;
	height: 82px;
	margin-left: -52px;
	margin-top: -41px;
}

.howa-details .smalltext {
	margin-top: 15px;
	font-size: 11px;
	line-height: 16px;
}

.howa-details .navigation {
	position: relative;
	margin-top: 35px;
	font-size: 11px;
	line-height: 16px;
}

.howa-details .navigation .prevlink {
	position: absolute;
	left: 0px;
	top: 0px;
}

.howa-details .navigation .prevlink .pfeil {
	position: absolute;
	left: -9px;
	top: 4px;
}

.howa-details .navigation .nextlink {
	position: absolute;
	right: 0px;
	top: 0px;
}

.howa-details .navigation .nextlink .pfeil {
	position: absolute;
	right: -9px;
	top: 4px;
}

.howa100 .featherlight-content {
	max-height: 90% !important;
	margin-top: -20px;
	overflow: visible !important;
}

.howa100 .featherlight-content .bildunterschrift {
	position: absolute;
	bottom: -23px;
	left: 0px;
	font-size: 14px;
	line-height: 20px;
	color: white;
	text-align: center;
	width: 100%;
}

/**** BENEFITS ****/

.benefits {
	margin-right: -10px;
}

.benefit-entry {
	display: inline-block;
	vertical-align: top;
	background-color: #d9e1eb;
	padding: 7px;
	width: 260px;
	min-height: 320px;
	margin-right: 8px;
	margin-bottom: 10px;
	text-decoration: none;
}

.benefit-entry.dark {
	background-color: #3e5c84;
	color: white;
}

.benefit-entry h2 {
	margin-top: 3px;
	margin-bottom: 8px;
	font-size: 17px;
    line-height: 20px;
}

.benefit-entry p {
	margin-top: 8px;
}

/*** MAILCHIMP ****/

#mc_embed_signup { max-width: 100%; }

/*** FIX FÜR LAOLA1-PLAYER ****/

#spott_player { min-height: 700px; border: none; }

/*** MOBILE ***/

@media only screen and (max-width: 1200px) {	
	.imagebar { height: 316px; }
	.sponsorleiste-widget { display: none; }
	.mitglieder { top: 167px; }
	.widget.inheader { display: inline-block; }
}

@media only screen and (max-width: 1100px) {	
	.header { height: 45px; }
	.header.fixed { height: 35px; }
	.header .logo img { width: 110px; height: 110px; }
	.mobile-icons { display: block; }
	.mobile-menucontainer { display: block; }
	.mobile-menucontainer.fixed-header { margin-top: 45px; }
	.menu { display: none; }
	.social-icons { display: none; }
	.sprachauswahl { display: none; }
	.widget { margin: 10px; }
	.maincontent { padding: 10px 10px 10px 10px; }
	.maincontent h2 { font-size: 19px; }
	.maincontent .rightbar { display: none; }
	.filter-mobil { display: block; }
	.textcontent { padding: 15px 15px 25px 15px; }
	.textcontent h2 { font-size: 17px; }
	.historische-ergebnisse h2 { font-size: 13px; }
	.textcontent .header, .textheader { margin: -15px -15px 22px -15px; padding: 8px 15px; }
	.textcontent .header .zuruecklink, .textheader .zuruecklink { right: 15px; }
	.kader-entry { height: 70px; }
	.kader-entry .nummer { width: 35px; font-size: 22px; line-height: 68px; }
	.kader-entry .image { width: 96px; }
	.kader-entry .name { padding-left: 12px; padding-top: 13px; font-size: 12px; line-height: 16px; width: calc(100% - 223px); }
	.kader-entry .name h2 { font-size: 19px; line-height: 25px; }
	.kader-entry .nationalitaet img { top: 2px; }
	.kader-entry .statistik { width: 90px; padding-top: 5px; padding-left: 5px; font-size: 10px; }
	.kader-entry .statistik tr { height: 20px; }
	.kader-entry .statistik img { width: 14px; height: 14px; }
	.kader-entry .statistik td.col1 { width: 36px; }
	.kader-entry .statistik td.col2 { width: 62px; }
	.kader-entry .statistik td.col3 { width: 34px; }
	.kader-entry .statistik td.col4 { width: 38px; }
	.kader-entry-small { height: 34px; }
	.kader-entry-small .name { padding-left: 10px; }
	.kader-entry-small .name h2 { font-size: 19px; line-height: 25px; }
	.kader-entry-small .position { font-size: 12px; padding-top: 8px; }
	.video-entry { margin: 10px; }
	.spieltermin-entry h2 .col2 { padding-top: 7px; }
	
	.bewerbssponsor-mobile { display: block; }


	.textcontent.with-gallery .header, .textcontent.with-gallery .textheader { margin-bottom: 145px; }
	.textcontent.double-gallery .header, .textcontent.double-gallery .textheader { margin-bottom: 280px; }
	.maincontent .rightbar.newsbar { display: block; position: absolute; left: 0px; top: 45px; width: 100%; text-align: center; }
	.maincontent .rightbar.newsbar .widget { display: none; }
	.maincontent .rightbar.newsbar .widget.newsvideo, .maincontent .rightbar.newsbar .widget.newsgalerie { background: none; display: inline-block; box-shadow: none; border: none; width: 170px; height: 120px; margin: 5px; }
	.maincontent .rightbar.newsbar .widget.newsvideo .head, .maincontent .rightbar.newsbar .widget.newsgalerie .head { padding: 0px; }
	.maincontent .rightbar.newsbar .widget.newsvideo .head h2, .maincontent .rightbar.newsbar .widget.newsgalerie .head h2 { color: black; text-transform: none; font-size: 12px; }
	.maincontent .rightbar.newsbar .widget.newsvideo .bigimage, .maincontent .rightbar.newsbar .widget.newsgalerie .body { top: 20px; width: 170px; height: 100px; padding: 0px;  }
	.maincontent .rightbar.newsbar .widget.newsvideo .youtube-news-image { background-position: center 35%; } 
	.maincontent .rightbar.newsbar .widget.newsvideo .youtube-news-image .play-button { margin-top: -34px; }
	.maincontent .rightbar.newsbar .widget.newsvideo .youtube-news-image .overlay { display: none; }
}

@media only screen and (max-width: 880px) {	
	.imagebar { height: 210px; }
	.imagebar.fixed-header { margin-top: 0px; }
	.imagebar .bigimage-container { margin-right: 120px; }
	.imagebar .bigimage-container .title { left: 10px; bottom: 10px; font-size: 25px; line-height: 29px; }
	.topnews-slider .slide .slider-dots { right: 10px; bottom: 7px; }
	.topnews-slider .title { padding-right: 80px; }
	.topnews-slider .topnews-pfeil { width: 50px; }
	.topnews-slider .topnews-pfeil img { width: 20px; height: 26px; margin-top: -13px; margin-left: -10px; }

	.imagebar-slider .slide .slider-dots { right: 10px; bottom: 7px; }
	.imagebar-slider .title { padding-right: 80px; }
	.imagebar-slider .imagebar-pfeil { width: 50px; }
	.imagebar-slider .imagebar-pfeil img { width: 20px; height: 26px; margin-top: -13px; margin-left: -10px; }

	.sponsoren { width: 100px; height: 100px; right: 10px; }
	.sponsoren img { width: 100px; height: 100px; }
	.mitglieder { width: 98px; height: 98px;right: 10px; top: 110px; background-size: 98px 98px; }
	.mitglieder .mitgliederliste { font-size: 7.5px; line-height: 8px; margin: 2px 4px 2px 4px; }
	.howa-container { padding-bottom: 100px; min-height: 900px !important;}
	.howa-slide-container { display: none; }
	.howa-header { position: relative; background-image: none; height: auto; margin-bottom: 30px; }
	.howa-header .text { font-size: 16px; line-height: 20px; max-width: 400px; }
	.howa-header .text h1 { font-size: 16px; line-height: 20px; margin-top: 40px; margin-bottom: 0px; }
	.howa-header .text h2 { font-size: 28px; line-height: 34x; margin-bottom: 0px; }
	.howa-header .howa-pfeil-links { display: none; }
	.howa-header .howa-pfeil-rechts { display: none; }
	.howa-header .howa-pfeil-links-mobil { display: block; }
	.howa-header .howa-pfeil-rechts-mobil { display: block; }
	.howa-dot { display: none !important; }
	.howa-linie { display: none !important; }
	.howa-fenster { display: inline-block !important; vertical-align: top; position: relative; margin:8px !important; left: 0px !important; top: 0px !important; }
	.howa-details .text { padding-top: 80px; } 
	.teams-submenu-entry { font-size: 15px; line-height: 18px; }
}

@media only screen and (max-width: 750px) {	
	.kader-portrait { width: 200px; }
	.tabelle-entry .column { font-size: 18px; width: 35px; }
	.tabelle-entry .col2 { width: 40px; } 
	.tabelle-entry .col3 { width: calc(100% - 290px); }	
	.termin-entry .col1 { padding-bottom: 0px; vertical-align: top; } 
	.termin-entry .col2 { width: calc(100% - 150px); padding-bottom: 0px; }
	.historische-ergebnisse .element { display: block; width: auto; margin-right: 0px; }
	.nachwuchskalender-entry { width: calc(25% - 8px); }
}

@media only screen and (max-width: 600px) {	
	.textcontent .image-left, .textcontent .image-right { float: none; display: block; margin: auto; margin-top: 15px; margin-bottom: 15px; }
	.kader-portrait { float: none; margin-left: 0px; margin-bottom: 10px; }
	.tabelle-entry { height: 30px; }
	.tabelle-entry .column { font-size: 15px; width: 24px; padding-top: 0px; }
	.tabelle-entry .col1 { width: 23px; } 
	.tabelle-entry .col2 { width: 28px; padding-top: 5px; } 
	.tabelle-entry .col2 img { width: 25px; height: auto; } 
	.tabelle-entry .col3 { width: calc(100% - 200px); }	
	.tabelle-entry.head { height: 16px; }
	.tabelle-entry.head .column { font-size: 8px; }
	.spieltermin-entry { font-size: 10px; padding-top: 3px; padding-bottom: 3px; }
	.spieltermin-entry h2 { font-size: 16px; line-height: 22px; margin-top: -4px; margin-bottom: 0px; }
	.spieltermin-entry h2 img { width: 25px; height: auto; top: 4px;}
	.spieltermin-entry h2 .col2 { padding-top: 3px; }
	.teams h2 { font-size: 22px; line-height: 28px; }
	.nachwuchskalender-entry { width: calc(33.333% - 8px); }
	#spott_player { min-height: 600px; border: none; }
}

@media only screen and (max-width: 490px) {	
	body { font-size: 14px; line-height: 20px; }
	.header .logo img { width: 80px; height: 80px; }
	.imagebar { height: 160px; }
	.imagebar .bigimage-container { margin-right: 0px; }
	.imagebar .bigimage-container .title { bottom: 7px; font-size: 21px; line-height: 25px; }
	.imagebar .bigimage-container .fotocredit { display: none; }
	.topnews-slider .slide .slider-dots { bottom: 5px; }
	.topnews-slider .topnews-pfeil { display: none; }

	.imagebar-slider .slide .slider-dots { bottom: 5px; }
	.imagebar-slider .imagebar-pfeil { display: none; }

	.sponsoren { width: 70px; height: 70px; right: 10px; top: 10px; }
	.sponsoren img { width: 70px; height: 70px; }
	.mitglieder { display: none; }
	.maincontent { padding: 8px 0px 6px 0px; }
	.maincontent.centered { padding-top:8px; padding-bottom:6px; }
	.maincontent h2 { font-size: 19px; margin-left: 10px; }
	.textcontent { padding: 10px; min-height: 400px; padding-bottom: 25px; margin-top: -8px; }
	.textcontent h2 { font-size: 17px; margin-left: 0px; }
	.textcontent .header, .textheader { margin: -10px -10px 15px -10px; padding: 8px 10px; }
	.textcontent .header .zuruecklink, .textheader .zuruecklink { right: 10px; }
	.news-entry { margin-left: 10px; margin-right: 10px; margin-top: 0px; margin-bottom: 4px; width: auto; }
	.news-entry .image { width: 70px; }
	.news-entry .titel { padding: 6px 8px 3px 8px; min-height: 47px; }
	.news-entry .titel h2 { font-size: 16px; line-height: 18px; }
	.blaettern { margin-left: 10px; margin-right: 10px; width: auto; }
	.team-entry { width: auto; height: auto; margin: 8px; }
	.team-entry .image { height: auto; }
	.team-entry .info { position: relative; top: 0px; height: auto; display: block; font-size: 11px; line-height: 14px; }
	.kader-entry { margin-left: 10px; margin-right: 10px; margin-top: 5px; margin-bottom: 0px; width: auto; height: 52px; }
	.kader-entry .nummer { width: 28px; font-size: 18px; line-height: 50px; }
	.kader-entry .image { width: 74px; }
	.kader-entry .name { padding-left: 8px; padding-top: 8px; font-size: 11px; line-height: 16px; width: calc(100% - 104px); }
	.kader-entry .name h2 { font-size: 16px; line-height: 18px; }
	.kader-entry .statistik { display: none; }
	.kader-entry-small { height: 27px; margin-left: 10px; margin-right: 10px; width: auto; }
	.kader-entry-small .name { padding-left: 10px; width: 60%; }
	.kader-entry-small .name h2 { font-size: 16px; line-height: 18px; }
	.kader-entry-small .position { font-size: 11px; padding-top: 4px; width: 40%; }
	.tabelle-entry { margin-left: 10px; margin-right: 10px; width: auto; }
	.tabelle-entry .column { font-size: 13px; width: 20px; }
	.tabelle-entry .col1 { width: 18px; } 
	.tabelle-entry .col2 { width: 25px; padding-top: 5px; } 
	.tabelle-entry .col2 img { width: 22px; height: auto; } 
	.tabelle-entry .col3 { width: calc(100% - 170px); }	
	.tabelle-entry.head { margin-top: 5px; }
	.tabelle-entry.head .column { font-size: 7px; }
	.spieltermin-entry { margin-left: 10px; margin-right: 10px; width: auto; }
	.spieltermin-entry h2 { font-size: 14px; line-height: 14px; margin-top: -2px; margin-bottom: 2px; }
 	.spieltermin-entry h2 img { width: 18px; height: 15px; top: 2px; } 
	.spieltermin-entry h2 .col2 { padding-left: 6px; padding-right: 6px; padding-top: 0px; position: relative; top: 1px; }
	.spielergebnis-header { font-size: 16px !important; line-height: 20px !important; }
	.spielergebnis-header.nomargin { margin-top: 7px; }
	.termin-entry { margin-left: 10px; margin-right: 10px; width: auto; margin-top: 4px; margin-bottom: 0px; }
	.termin-entry .col1 { text-align: center; display: block; width: auto; padding-left: 10px; padding-bottom: 0px; }
	.termin-entry .col2 { text-align: center; display: block; width: auto; padding-left: 10px; padding-top: 0px; }
	.video-entry { 	width: 280px; height: 217px; }
	.video-entry .youtube-image { height: 190px; }
	.mitarbeiter-entry { width: 160px; }
	.mitarbeiter-entry .info { font-size: 13px; line-height: 17px }
	.partner-entry { margin: 8px; }
	.maincontent .rightbar.newsbar { top: 35px; }
	.formular .textfield { width: 260px; }
	.formular .textfield.wide { width: 360px; }
	.formular .textfield.small { width: 220px; }
	.formular .textfield[name=ort] { width: 187px !important; }
	.formular.login .textfield { width: 120px; }
	.textcontent .partner-entry { margin: 0px 3px 6px 0px; }
	.howa-header { margin-bottom: 20px; }
	.howa-header .text { font-size: 13px; line-height: 18px; max-width: 310px; }
	.howa-header .text h1 { font-size: 14px; line-height: 18px; }
	.howa-header .text h2 { font-size: 22px; line-height: 28px; margin-bottom: 3px; }
	.howa-header .howa-pfeil-links-mobil { margin-left: -174px; top: 20px; }
	.howa-header .howa-pfeil-rechts-mobil { margin-right: -174px; top: 20px; }
	.howa-header .howa-pfeil-links-mobil img { width: 11px; }
	.howa-header .howa-pfeil-rechts-mobil img { width: 11px; }
	.howa-details .text { padding-top: 50px; padding-left: 20px; padding-right: 20px; }
	.teams-submenu { margin-left: 10px; margin-right: 10px; width: calc(100% - 22px); margin-bottom: 10px; } 
	.teams-submenu-entry { font-size: 12px; line-height: 14px; }
	.nachwuchskalender-entry { width: calc(50% - 8px); }
	.nachwuchskalender .text { padding-left: 10px; padding-right: 10px; }
}

@media only screen and (max-width: 370px) {	
	.spieltermin-entry h2 { font-size: 12px; line-height: 15px; }
 	.spieltermin-entry h2 img { top: 3px; } 
 	.filter-mobil { zoom: 0.85; }
	.maincontent .rightbar.newsbar .widget.newsvideo, .maincontent .rightbar.newsbar .widget.newsgalerie { width: 145px; }
	.maincontent .rightbar.newsbar .widget.newsvideo .bigimage, .maincontent .rightbar.newsbar .widget.newsgalerie .body { width: 145px;  }
	.formular .textfield { width: 210px; }
	.formular .textfield.wide { width: 310px; }
	.formular .textfield[name=plz] { width: 50px !important; }
	.formular .textfield[name=ort] { width: 147px !important; }
	.howa-header .text { font-size: 12px; line-height: 18px; max-width: 280px; }
	.howa-header .text h1 { font-size: 14px; line-height: 18px; }
	.howa-header .text h2 { font-size: 19px; line-height: 28px; margin-bottom: 3px; }
	.howa-header .howa-pfeil-links-mobil { margin-left: -154px; top: 20px; }
	.howa-header .howa-pfeil-rechts-mobil { margin-right: -154px; top: 20px; }
}