@media screen and (max-width: 996px), (max-device-width: 996px) {
body{
	padding:15px;
}
}
@media screen and (max-width: 980px), (max-device-width: 980px) {
ul#team-nav{
	top: 48px;
}
#next{
	right: 5%;
}
.col-sm-9 img{
	height: auto;
    width:100%;
    padding-bottom: 10px
}

.col-sm-9 .gallery-pic img{
	height: auto;
    padding-bottom: 10px
}

}
@media screen and (max-width: 767px), (max-device-width: 767px) {
body{
	padding: 35px 0 0
}
#wrapper{
	border: 0;
	background: #ffffff
}
#head{
	background: #be912c;
	height: 43px;
	position: relative;
	padding: 0
}
body.red #head{
	background: #ac0a1d;
}
body.green #head{
	background: #005c31;
}
body.blue #head{
	background: #2c3f83;
}
body.beige #head{
	background: #be912c;
}
#head-top{
	width: auto;
	float:none;
}
#logo-mobile{
	float: left;
	width: 73px;
	height: 73px;
	display: block;
	position: relative;
	z-index: 100;
	margin:-15px 0 0 20px;
}
.cols{
	padding: 20px
}

img.facebook {
    height: 16px;
    margin-top: -5px;
}
.hauptmenu{
float:right;
padding-right:8px;
display: block;
height: 20px;
margin-top:-12px
}
#content h1{
    padding-top: 20px;
}

.nav-menu, .metalinks-mobile{
	display: block
}
#metanav, #headerbild-wrapper, #nav{
	display:none;
}
ul#team-nav{
	display: none;
}
.slide .slide-pic{
	margin-bottom: 15px
}
ul#lang {
	float: right;
	padding: 0 10px 0 0;
	margin:-25px 0 0;
}
#topnav {
	height:auto;
	padding: 0;
	background: #ffedd0;
	position: absolute;
	left: 93px;
	top:78px;
	right: 20px;
	z-index: 1000;
	display: none;
}
#topnav ul {
	width: auto;
	float:none;
	list-style: none;
}
#topnav ul li {
	float: none;
	margin: 0;
}
#topnav ul li a {
	color: #000000;
	text-decoration: none;
	padding: 7px 15px 7px 10px;
	font-size: 16px;
	float: none;
	background: none;
	background: url(/img/nav-sub.png) right no-repeat;
	border-bottom: 2px solid #be912c;
}


#topnav ul li:first-child a {
	background: url(/img/nav-sub.png) right no-repeat;
}

#topnav ul li a.ohne, #topnav ul li:hover a.ohne  {
	color: #000000;
	text-decoration: none;
	padding: 7px 15px 7px 10px;
	font-size: 16px;
	float: none;
	background: none no-repeat;
	border-bottom: 2px solid #be912c;
}

#topnav ul li a:before{
	content: "» "
}
#topnav ul li.active a,
#topnav ul li a:focus,
#topnav ul li:hover a{
	color: #ffffff !important;
	background-color: #bb8a24;
	background-image: url(/img/nav-sub-.png);
}
#topnav ul li.active li.active a,
#topnav ul li.active li a:focus,
#topnav ul li.active li a:hover{
	background-color: #be912c !important;
	font-weight: bold;
}
#topnav ul li.active li a{
	background-color: #d6b273 !important;
	font-weight: normal;
}
#topnav ul li:hover ul{
	display: block !important;
}


/* ROT */
/* 26% */
body.red #topnav ul li a{
	border-bottom: 2px solid #eac1bf;
}
/* 60% */
body.red #topnav ul li li a{
	border-bottom: 2px solid #ce6f6c;
}
/* 13% */
body.red #topnav ul{
	background: #f4e0df;
}
/* 60% */
body.red #topnav ul li.active a,
body.red #topnav ul li a:focus,
body.red #topnav ul li:hover a{
	background-color: #ce6f6c
}
/* 26% */
body.red #topnav ul li li a{
	background-color: #eac1bf !important;
	background-image: none;
	font-weight: normal;
	padding-left: 20px;
	color: #000 !important;
}
/* 60% */
body.red #topnav ul li li.active a,
body.red #topnav ul li li a:focus,
body.red #topnav ul li li a:hover{
	background-color: #ce6f6c !important;
	color: #ffffff !important;
	font-weight: bold;
}

/* BEIGE */
/* 26% */
body.beige #topnav ul li a{
	border-bottom: 2px solid #efe3c4;
}
/* 60% */
body.beige #topnav ul li li a{
	border-bottom: 2px solid #d9be77;
}
/* 13% */
body.beige #topnav ul{
	background-color: #f7f1e1;
}
/* 60% */
body.beige #topnav ul li.active a,
body.beige #topnav ul li a:focus,
body.beige #topnav ul li:hover a{
	background-color: #d9be77
}
/* 26% */
body.beige #topnav ul li li a{
	background-color: #efe3c4 !important;
	background-image: none;
	font-weight: normal;
	padding-left: 20px;
	color: #000 !important;
}
/* 60% */
body.beige #topnav ul li li.active a,
body.beige #topnav ul li li a:focus,
body.beige #topnav ul li li a:hover{
	background-color: #d9be77 !important;
	color: #ffffff !important;
	font-weight: bold;
}

/* Nachwuchs: Gruen */
/* 26% */
body.green #topnav ul li a{
	border-bottom: 2px solid #bdddce;
}
/* 60% */
body.green #topnav ul li a{
	border-bottom: 2px solid #66b08d;
}
/* 13% */
body.green #topnav ul{
	background-color: #deeee6;
}
/* 60% */
body.green #topnav ul li.active a,
body.green #topnav ul li a:focus,
body.green #topnav ul li:hover a{
	background-color: #66b08d
}
/* 26% */
body.green #topnav ul li li a{
	background-color: #bdddce !important;
	background-image: none;
	font-weight: normal;
	padding-left: 20px;
	color: #000 !important;
}
/* 60% */
body.green #topnav ul li li.active a,
body.green #topnav ul li li a:focus,
body.green #topnav ul li li a:hover{
	background-color: #66b08d !important;
	color: #ffffff !important;
	font-weight: bold;
}



/* Drummeli: Blau */
/* 26% */
body.blue #topnav ul li a{
	border-bottom: 2px solid #e6e7f1;
}
/* 60% */
body.blue #topnav ul li a{
	border-bottom: 2px solid #898fc0;
}

/* 13% */
body.blue #topnav ul{
	background-color: #e6e7f1;
}

/* 60% */
body.blue #topnav ul li.active a,
body.blue #topnav ul li a:focus,
body.blue #topnav ul li:hover a{
	background-color: #898fc0
}
/* 26% */
body.blue #topnav ul li li a{
	background-color: #cccee4 !important;
	background-image: none;
	font-weight: normal;
	padding-left: 20px;
	color: #000 !important;
}

/* 60% */
body.blue #topnav ul li li.active a,
body.blue #topnav ul li li a:focus,
body.blue #topnav ul li li a:hover{
	background-color: #898fc0 !important;
	color: #ffffff !important;
	font-weight: bold;
}




.col-sm-5,.col-sm-7{
    padding-left: 0px;
}

}

@media screen and (max-width: 470px), (max-device-width: 470px) {
.news-pic img{
	padding-bottom: 130px;
}
}


@media screen and (max-width: 400px), (max-device-width: 400px) {

.newsmeldung .news-pic img {
  width: 55px
}

.newsmeldung .news-pic {
  min-width: 60px
}
}