@charset "utf-8";

/* signika-300 - latin */
@font-face {
  font-family: 'Signika';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/signika-v10-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Signika Light'), local('Signika-Light'),
       url('../fonts/signika-v10-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/signika-v10-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/signika-v10-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/signika-v10-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/signika-v10-latin-300.svg#Signika') format('svg'); /* Legacy iOS */
}

/* signika-regular - latin */
@font-face {
  font-family: 'Signika';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/signika-v10-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Signika Regular'), local('Signika-Regular'),
       url('../fonts/signika-v10-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/signika-v10-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/signika-v10-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/signika-v10-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/signika-v10-latin-regular.svg#Signika') format('svg'); /* Legacy iOS */
}

/* signika-600 - latin */
@font-face {
  font-family: 'Signika';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/signika-v10-latin-600.eot'); /* IE9 Compat Modes */
  src: local('Signika SemiBold'), local('Signika-SemiBold'),
       url('../fonts/signika-v10-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/signika-v10-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/signika-v10-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../fonts/signika-v10-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/signika-v10-latin-600.svg#Signika') format('svg'); /* Legacy iOS */
}


/* CSS Document */

body {
  font-family: 'Signika', sans-serif;
  font-size: 15px;
  line-height: 21px;
  font-weight: 300;
  color: #000000;
}
.bg-bild {
	background-image: url(../images/bg-illu.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 160% auto;
}
.bg-blau {
	background-color: #003869;
	color: #FFFFFF;
}

.bg-linie-gruen {
	background-image: url(../images/bg-linien-gruen.svg);
	background-repeat: no-repeat;
	background-size: 2440px auto;
	background-position: center 20px;
}
.bg-linie-blau {
	background-image: url(../images/bg-linien-blau.svg);
	background-repeat: no-repeat;
	background-size: 2440px auto;
	background-position: center 20px;
}
.bg-linie-petrol {
	background-image: url(../images/bg-linien-petrol.svg);
	background-repeat: no-repeat;
	background-size: 2440px auto;
	background-position: center 20px;
}
.bg-linie-grau {
	background-image: url(../images/bg-linien-grau.svg);
	background-repeat: no-repeat;
	background-size: 2440px auto;
	background-position: center 20px;
}
.bg-linie-braun {
	background-image: url(../images/bg-linien-braun.svg);
	background-repeat: no-repeat;
	background-size: 2440px auto;
	background-position: center 20px;
}
.bg-hellgrau {
	background-color: #eaeaea;
}
.bg-blau {
	background-color: #003869;
}


.txt-gruen {
	color: #75AE1C;
}
.txt-blau {
  color: #003869;
}
.txt-petrol {
	color: #355470;
}
.txt-grau {
	color: #696b6d;
}
.txt-braun {
	color: #8f6c6b;
}
.txt-weiss {
  color: #FFFFFF;
}

a {
	text-decoration: none;
	color: #1B88C4;
}
a:hover {
  text-decoration: none;
}
strong {
  font-weight: 700;
}
nav {
  font-weight: 300;
}
h1 {
	font-size: 24px;
	font-weight: 400;
}
h2 {
	font-size: 22px;
	font-weight: 300;
	margin-top: 3px;
}
h3 {
	font-size: 20px;
	font-weight: 300;
}
h4 {
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
}
.container {
	min-width: 320px;
	width: 100%;
	max-width: 1334px;
}
/**start nav**/
.navbar-brand > img {
	width: 219px;
	height: 33px;
}
.navbar {
	border-top: 5px solid #75ae1c;
}
.navbar-default {
	background-color: transparent;
	border-width: 5px 0px 0px 0px;
}
.navbar-brand {
    float: left;
    height: 10px;
    padding: 20px 0px 20px 10px;
    font-size: 18px;
}
.navbar-toggle {
    padding: 20px 10px;
    margin-right: 10px;
    background-color: transparent;
    border: 0px;
    border-radius: 0px;
}
.navbar-toggle .icon-bar {
    border-radius: 0px;
}
.navbar-default .navbar-toggle {
    border-color: #fff;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background-color: #fff;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #000;
	width: 30px;
	height: 3px;
}
.navbar-collapse {
    padding-right: 15px;
    padding-left: 15px;
    border-top: 0px solid transparent;
}
.nav > li {
	background-color: #fff;
	border-bottom: 1px solid #B8B8B8;
}
.navbar-default .navbar-nav > li > a {
  col
: 15px;
}
.navbar-default .navbar-nav > li > a:hover {
  background-color:  #B8B8B8;
	color: #fff;
}
.navbar-default .navbar-nav > li.blau > a:hover {
  background-color:  #003869;
	color: #fff;
	border-top: 0px solid #003869;
}
.navbar-default .navbar-nav > li.blau > a.blau-active {
  background-color:  #003869;
	color: #fff;
	border-top: 0px solid #003869;
}
.navbar-default .navbar-nav > li.gruen > a:hover {
  background-color:  #75AE1C;
	color: #fff;
	border-top: 0px solid #75AE1C;
}
.navbar-default .navbar-nav > li.gruen > a.gruen-active {
  background-color:  #75AE1C;
	color: #fff;
	border-top: 0px solid #75AE1C;
}
	.navbar-default .navbar-nav > li.petrol> a:hover {
  background-color:  #355470;
	color: #fff;
	border-top: 0px solid #355470;
}
.navbar-default .navbar-nav > li.petrol > a.petrol-active {
  background-color:  #355470;
	color: #fff;
	border-top: 0px solid #355470;
}
	.navbar-default .navbar-nav > li.grau > a:hover {
  background-color:  #696b6d;
	color: #fff;
	border-top: 0px solid #696b6d;
}
.navbar-default .navbar-nav > li.grau > a.grau-active {
  background-color:  #696b6d;
	color: #fff;
	border-top: 0px solid #696b6d;
}
.navbar-default .navbar-nav > li.braun > a:hover {
  background-color:  #8f6c6b;
	color: #fff;
	border-top: 0px solid #8f6c6b;
}
.navbar-default .navbar-nav > li.braun > a.braun-active {
  background-color:  #8f6c6b;
	color: #fff;
	border-top: 0px solid #8f6c6b;
}
/**end-nav**/
.padding0 {
	padding-right: 0px;
	padding-left: 0px;
}
.padding20 {
	padding: 10px 20px;
}

.padding40 {
	padding: 20px 40px;
}
.padding-top50 {
	padding-top: 50px;
}
.padding-top25 {
	padding-top: 25px;
}
.padding-top10 {
	padding-top: 10px;
}
.padding-bottom50 {
	padding-bottom: 50px;
}
.padding-bottom25 {
	padding-bottom: 25px;
}
.padding-bottom10 {
	padding-bottom: 10px;
}
ul.bilder3  {
  padding: 0px;
  margin: 0px;
}
.bilder3 > a > li {
	color: #fff;
	list-style-type: none;
	float: left;
	display: block;
}
.bilder3 > li {
	list-style-type: none;
}
.bilder3 > a > li.grau {
  width: 100%;
  height: 200px;
  background-color: #696b6d;
  margin-right: 0px;
  margin-bottom: 5px;
  float: none;
  padding: 20px;
  border-radius: 4px;
  background-image: url(../images/bg-home-grau.jpg);
  background-repeat: no-repeat;
  background-position: right top;
  background-size: auto 100%;
}
.bilder3 > a > li.grau:hover {
	color: #75AE1C;
  background-color: #403f44;
	background-image: url(../images/bg-home-grau-hover.jpg);
}
.bilder3 > a > li.petrol {
	width: 100%;
	height: 180px;
	background-color: #355470;
	margin-bottom: 5px;
	float: none;
	padding: 20px;
	border-radius: 4px;
	background-image: url(../images/bg-home-petrol.jpg);
	background-repeat: no-repeat;
	background-position: right;
	background-size: 100% auto;
}
.bilder3 > a > li.petrol:hover {
	color: #75AE1C;
	background-image: url(../images/bg-home-petrol-hover.jpg);
}
.bilder3 > a > li.blau {
  width: 100%;
  height: 200px;
  margin-left: 0%;
  background-color: #003869;
  float: none;
  padding: 20px;
  border-radius: 4px;
  background-image: url(../images/bg-home-blau.jpg);
  background-repeat: no-repeat;
  background-position: right top;
  background-size: auto 100%;
}
.bilder3 > a > li.blau:hover {
	color: #75AE1C;
	background-color: #01233f;
	background-image: url(../images/bg-home-blau-hover.jpg);
}

.bilder3 > a > li.spalte01:hover {
	color: #75AE1C;
}
.bilder3 > a > li.spalte01 {
	width: 100%;
	margin-right: 0px;
	margin-bottom: 5px;
	float: none;
	padding: 20px;
	border-radius: 4px;
	color: #565656;
}
.bilder3 > a > li.spalte02:hover {
	color: #75AE1C;
}
.bilder3 > a > li.spalte02 {
	width: 100%;
	margin-bottom: 5px;
	float: none;
	padding: 20px;
	border-radius: 4px;
	color: #565656;
}
.bilder3 > a > li.spalte03:hover {
	color: #75AE1C;
}
.bilder3 > a > li.spalte03 {
	width: 100%;
	margin-left: 0%;
	float: none;
	padding: 20px;
	border-radius: 4px;
	color: #565656;
}
.rahmen-gruen {
  border: 1px solid #75AE1C;
  background-color: #FFFFFF;
}
.rahmen-blau {
	border: 1px solid #003869;
  background-color: #FFFFFF;
}
.rahmen-petrol {
	border: 1px solid #355470;
  background-color: #FFFFFF;
}
.rahmen-grau {
	border: 1px solid #696b6d;
  background-color: #FFFFFF;
}
.rahmen-braun {
  border: 0px solid #8f6c6b;
  background-color: #FFFFFF;
}
.footer-linie5-gruen {
	border-top: 1px solid #75AE1C;
}
.footer-linie5-blau {
	border-top: 1px solid #003869;
}
.footer-linie5-petrol {
	border-top: 1px solid #355470;
}
.footer-linie5-grau {
	border-top: 1px solid #696b6d;
}
.footer-linie5-braun {
	border-top: 1px solid #8f6c6b;
}
.linie1-gruen {
	border-top: 1px solid #75AE1C;
}
.linie1-blau {
	border-top: 1px solid #003869;
}
.linie1-petrol {
	border-top: 1px solid #355470;
}
.linie1-grau {
	border-top: 1px solid #696b6d;
}
.linie1-braun {
	border-top: 1px solid #8f6c6b;
}
.created {
	font-size: 10pt;
	padding-bottom: 10px;
	color: #B4B4B4;
}
.created a {
	font-size: 10pt;
	text-decoration: none;
	color: #B4B4B4;
}
.created a:hover {
	color: #8F6C6B;
}
.float-left {
	float: left;
	padding-right: 20px;
}
.float-right {
float: right;
}
.clearfloat  {
	clear: both;
}
/*accordion */
.panel-group .panel + .panel {
    margin-top: 0px;
}
.panel {
    background-color: #fff;
    border: 0px;
    border-radius: 0px;
    -webkit-box-shadow: 0;
    box-shadow: 0;
}
.panel-group .panel-heading + .panel-collapse > .panel-body, .panel-group .panel-heading + .panel-collapse > .list-group {
    border-top: 0;
}
.panel-heading {
	  margin-bottom: 4px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
	padding: 0px;
}
.panel-default > .panel-heading {
	border: 1px solid #8f6c6b;
}
.panel-default > .panel-heading:hover {
	background-color: #8f6c6b;
	color: #fff;
}
.panel-default > .panel-heading:fokus {
	background-color: #8f6c6b;
	color: #fff;
}
h4.panel-title  {
	font-size: 20px;
}
.panel-title > a {
	text-decoration:none;
	display:block;
	padding: 20px 40px;
}
.panel-title a:hover {
	text-decoration: none;
	color:#FFF;
}
.panel-title > a:focus {
	color: #fff;
	background-color: #8f6c6b;
}
.panel-body {
	text-align: left;
	background-color: #F6F6F6;
	border-bottom: 4px solid #FFFFFF;
}
.modal-content {
  max-height: auto;
  overflow-y: auto;
}
.modal-dialog {
    width: 90%;
    margin: 30px auto;
}
.footer-sportlogo {
  width: 200px;
  padding-top: 40px;
}

/************************************************************************************************************/
@media (min-width: 420px) {
	
.bg-bild {
	background-position: center top;
	background-size: 130% auto;
}

  
}
/************************************************************************************************************/
@media (min-width: 540px) {
.bg-bild {
	background-position: right top;
	background-size: 90% auto;
}
 .navbar-brand > img {
	width: 250px;
	height: 39px;
}
.bilder3 > a > li.grau {
  background-repeat: no-repeat;
  background-position: right center;
  background-size: auto 130%;
}
.bilder3 > a > li.blau {
  background-repeat: no-repeat;
  background-position: right center;
  background-size: auto 130%;
}
	
}

/************************************************************************************************************/
@media (min-width: 768px) {
body {
  font-size: 16px;
  line-height: 22px;
}  
.container {
    width: 100%;
  }
h1 {
	font-size: 28px;
	font-weight: 400;
}
h2 {
	font-size: 23px;
	font-weight: 300;
	margin-top: 3px;
}
h3 {
	font-size: 20px;
	font-weight: 300;
}
h4 {
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
}
.bg-bild {
	background-size: 80% auto;
}
.bg-linie-gruen {
	background-image: url(../images/bg-linien-gruen.svg);
	background-repeat: no-repeat;
	background-size: 2440px auto;
	background-position: center 80px;
}
.bg-linie-blau {
	background-image: url(../images/bg-linien-blau.svg);
	background-repeat: no-repeat;
	background-size: 2440px auto;
	background-position: center 80px;
}
.bg-linie-petrol {
	background-image: url(../images/bg-linien-petrol.svg);
	background-repeat: no-repeat;
	background-size: 2440px auto;
	background-position: center 80px;
}
.bg-linie-grau {
	background-image: url(../images/bg-linien-grau.svg);
	background-repeat: no-repeat;
	background-size: 2440px auto;
	background-position: center 80px;
}
.bg-linie-braun {
	background-image: url(../images/bg-linien-braun.svg);
	background-repeat: no-repeat;
	background-size: 2440px auto;
	background-position: center 80px;
}  
/**start nav**/

.navbar-brand {
    padding: 60px 0px 20px 15px;
}
.navbar-nav {
	background-image: url(../images/bg-nav-weiss.gif);
	background-position: left top;
	background-repeat: repeat-x;
	margin-top: -5px;
}
.navbar-collapse {
    padding-right: 0px;
    padding-left: 0px;
    border-top: 0px solid transparent;
}
.nav > li {
	background-color: transparent;
	border-bottom: 0px;
	border-radius: 0px;
}
.navbar-nav > li > a {
	padding-top: 70px;
	padding-bottom: 35px;
}
.navbar-default .navbar-nav > li > a {
  color: #000;
	border-top: 5px solid #E1E1E1;
	margin-left: 0px;
	margin-right: 0px;
	border-radius: 0px;
  padding-left: 10px;  
  padding-right: 10px;
}
.navbar-default .navbar-nav > li > a:hover {
  background-color:  #B8B8B8;
	color: #fff;
	border-top: 5px solid #B8B8B8;
}
.navbar-default .navbar-nav > li.blau > a:hover {
  background-color:  #003869;
	color: #fff;
	border-top: 5px solid #003869;
}
.navbar-default .navbar-nav > li.blau > a.blau-active {
  background-color:  #003869;
	color: #fff;
	border-top: 5px solid #003869;
}
.navbar-default .navbar-nav > li.gruen > a:hover {
  background-color:  #75AE1C;
	color: #fff;
	border-top: 5px solid #75AE1C;
}
.navbar-default .navbar-nav > li.gruen > a.gruen-active {
  background-color:  #75AE1C;
	color: #fff;
	border-top: 5px solid #75AE1C;
}
	.navbar-default .navbar-nav > li.petrol> a:hover {
  background-color:  #355470;
	color: #fff;
	border-top: 5px solid #355470;
}
.navbar-default .navbar-nav > li.petrol > a.petrol-active {
  background-color:  #355470;
	color: #fff;
	border-top: 5px solid #355470;
}
	.navbar-default .navbar-nav > li.grau > a:hover {
  background-color:  #696b6d;
	color: #fff;
	border-top: 5px solid #696b6d;
}
.navbar-default .navbar-nav > li.grau > a.grau-active {
  background-color:  #696b6d;
	color: #fff;
	border-top: 5px solid #696b6d;
}
.navbar-default .navbar-nav > li.braun > a:hover {
  background-color:  #8f6c6b;
	color: #fff;
	border-top: 5px solid #8f6c6b;
}
.navbar-default .navbar-nav > li.braun > a.braun-active {
  background-color:  #8f6c6b;
	color: #fff;
	border-top: 5px solid #8f6c6b;
}

	
.bilder3 > a > li.grau {
  width: 49.5%;
  height: 230px;
  background-color: #696b6d;
  margin-right: 0.5%;
  margin-bottom: 0px;
  float: left;
  padding: 20px;
  border-radius: 4px;
  background-position: 0% right;
  background-size: 65% auto;
}
.bilder3 > a > li.blau {
  width: 49%;
  height: 230px;
  margin-left: 0.5%;
  background-color: #003869;
  float: left;
  padding: 20px;
  border-radius: 4px;
  background-position: 0% right;
  background-size: 65% auto;
}
.bilder3 >  li {
  text-decoration: none;
}
.bilder3 >  li.spalte01 {
  width: 49%;
  margin-right: 1%;
  float: left;
}
.bilder3 > li.spalte02 {
  width: 49%;
  margin-left: 1%;
  float: left;
}
.footer-sportlogo {
  width: 180px;
  padding-top: 15px;
  float: right;
}
	
}

/************************************************************************************************************/
@media (min-width: 992px) {
	
.bg-bild {
	background-size: 80% auto;
}
h1 {
	font-size: 36px;
	font-weight: 400;
}
h2 {
	font-size: 28px;
	font-weight: 300;
	margin-top: 3px;
}
h3 {
	font-size: 22px;
	font-weight: 300;
}
h4 {
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
}
.bg-linie-gruen {
  background-image: url(../images/bg-linien-gruen.svg);
  background-repeat: no-repeat;
  background-size: 2440px auto;
  background-position: center 100px;
}
.bg-linie-blau {
  background-image: url(../images/bg-linien-blau.svg);
  background-repeat: no-repeat;
  background-size: 2440px auto;
  background-position: center 100px;
}
.bg-linie-petrol {
  background-image: url(../images/bg-linien-petrol.svg);
  background-repeat: no-repeat;
  background-size: 2440px auto;
  background-position: center 100px;
}
.bg-linie-grau {
  background-image: url(../images/bg-linien-grau.svg);
  background-repeat: no-repeat;
  background-size: 2440px auto;
  background-position: center 100px;
}
.bg-linie-braun {
  background-image: url(../images/bg-linien-braun.svg);
  background-repeat: no-repeat;
  background-size: 2440px auto;
  background-position: center 100px;
} 
.navbar-brand > img {
	width: 300px;
	height: 45px;
}
.navbar-default .navbar-nav > li > a {
	font-size: 18px;
	padding-left: 24px;
	padding-right: 24px;
	margin-left: 2px;
	margin-right: 2px;
}
.padding-top50 {
	padding-top: 40px;
}
.padding-top25 {
	padding-top: 20px;
}
.padding-top10 {
	padding-top: 10px;
}
.padding-bottom50 {
	padding-bottom: 40px;
}
.padding-bottom25 {
	padding-bottom: 20px;
}
.padding-bottom10 {
	padding-bottom: 10px;
}
.bilder3 > a > li.grau {
  width: 49.5%;
  height: 270px;
  background-position: 0% right;
  background-size: 80% auto;
}
.bilder3 > a > li.blau {
  width: 49%;
  height: 270px;
  background-position: 0% right;
  background-size: 80% auto;
}

}
	
/************************************************************************************************************/
@media (min-width: 1100px) {

.maxwidth {
    max-width: 1334px;
  }
.navbar-brand > img {
	width: 300px;
	height: 45px;
}
.navbar-default .navbar-nav > li > a {
	font-size: 18px;
	padding-left: 40px;
	padding-right: 40px;
}
.padding-top50 {
	padding-top: 50px;
}
.padding-top25 {
	padding-top: 25px;
}
.padding-top10 {
	padding-top: 10px;
}
.padding-bottom50 {
	padding-bottom: 50px;
}
.padding-bottom25 {
	padding-bottom: 25px;
}
.padding-bottom10 {
	padding-bottom: 10px;
}
.bilder3 > a > li.grau {
  width: 49.5%;
  height: 270px;
  background-position: 0% right;
  background-size: 60% auto;
}
.bilder3 > a > li.blau {
  width: 49%;
  height: 270px;
  background-position: 0% right;
  background-size: 60% auto;
} 
}