/* Bigger then Portrait tablet smaller then normal layout */
@media (min-width: 992px) and (max-width: 1199px) {


	/* TOPHEADER NAVI-MOBILE*/
	/* TEASER */
	/* HEADEROBEN NAVI */
	/* CONTENT */
	/* FOOTER */


}

@media (max-width: 991px) {

	/*-----------*/
	/* ALLGEMEIN */
	/*-----------*/



	/*-----------*/
	/* TOPHEADER */
	/*-----------*/



	/*------------*/
	/* HEADEROBEN */
	/*------------*/

	.navi .SearchIcon {
		margin-left: 30px;
	}

	/*--------*/
	/* TEASER */
	/*--------*/

	.phone-suche-small {
		background-color: #ededed;
		border-bottom: 1px solid #878786;
	}

	.phone-suche-small form {
		margin: 0;
		padding: 13px;
	}

	.phone-suche-small form input {
		width: auto;
		float: left;
		margin-right: 15px;
	}

	.phone-suche-small .btn-blue {
		margin-top: 1px;
	}

	.phone-suche-small form label {
		background: url("../../../grafiken/variante/1/suche-icon.jpg.html") no-repeat scroll 0 0 transparent;
		float: left;
		height: 30px;
		margin-bottom: 0;
		margin-right: 9px;
		overflow: hidden;
		text-indent: 50px;
		width: 31px;
	}

	.phone-suche-small form input.keyword {
		background-image: linear-gradient(#DBDBDB, #FFFFFF);
		border: 1px solid #C5C7C6;
		border-radius: 4px 4px 4px 4px;
		color: #000000;
		margin: 6px 7px 0 0;
		padding: 2px;
		width: 44%;
	}

	.phone-suche-small form input.submit {
		background: url("../../../grafiken/variante/1/suche-button.jpg.html") no-repeat scroll 0 0 transparent;
		border: 0 none;
		height: 26px;
		margin: 0;
		margin-top: 6px;
		overflow: hidden;
		padding: 0;
		text-indent: 100px;
		width: 100px;
	}

	.responsive-menu {
		background-color: #ffffff;
		position: absolute;
		z-index: 100;
	}

	.responsive-menu ul {
		padding-left: 0;
	}

	.responsive-menu ul li {
		list-style: none;
		border-bottom: 1px solid #878786;
	}

	.responsive-menu ul li a {
		padding: 10px 27px;
		display: block;
	}

	.responsive-menu > ul > li {
		font-weight: bold;
		background-color: #ededed;
	}

	.responsive-menu > ul > li > a {
		font-size: 14px;
	}

	.responsive-menu > ul ul > li {
		background-color: #f9f9f9;
	}

	.responsive-menu > ul > ul > li > a {
		padding-left: 37px;
	}

	.responsive-menu > ul > ul > ul > li > a {
		padding-left: 50px;
	}

	.responsive-menu ul li:hover,
	.responsive-menu ul li:focus,
	.responsive-menu ul li.active {
		background-color: #f49800;
	}

	.responsive-menu ul li:hover a,
	.responsive-menu ul li:focus a,
	.responsive-menu ul li.active a {
		color: #FFFFFF;
	}




	/*---------*/
	/* CONTENT */
	/*---------*/

	.teaser > .teaserbild > .carousel.slide > .carousel-inner > .row.item > .image {
		width: 50%;
	}

	.teaser > .teaserbild > .carousel.slide > .carousel-inner > .row.item > .text {
		width: 50%;
		padding-top: 5px;
	}

	.teaser > .teaserbild > .carousel.slide > .carousel-inner > .row.item > .text h3 {
		margin: 10px 0;
		font-size: 20px;
	}

	.teaser > .teaserbild > .carousel.slide > .carousel-inner > .row.item > .text p {
		margin-bottom: 20px;
	}
	/*--------*/
	/* FOOTER */
	/*--------*/


}



/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 991px) {

	/*-----------*/
	/* ALLGEMEIN */
	/*-----------*/



	/*-----------*/
	/* TOPHEADER */
	/*-----------*/



	/*------------*/
	/* HEADEROBEN */
	/*------------*/



	/*--------*/
	/* TEASER */
	/*--------*/



	/*---------*/
	/* CONTENT */
	/*---------*/



	/*--------*/
	/* FOOTER */
	/*--------*/



}

@media (max-width: 767px) {

	/*-----------*/
	/* ALLGEMEIN */
	/*-----------*/
	/*-----------*/
	/* TOPHEADER */
	/*-----------*/
	/*------------*/
	/* HEADEROBEN */
	/*------------*/
	/*--------*/
	/* TEASER */
	/*--------*/

	.teaser > .teaserbild > .carousel.slide > .carousel-inner > .row.item > .text {
		width: 100%;
	}



	/*---------*/
	/* CONTENT */
	/*---------*/
	.GremienKommunal .img-rounded.responsiveShadow.Gremien {
		max-width: 240px;
	}

	/*--------*/
	/* FOOTER */
	/*--------*/

}

@media (max-width: 480px) {

	.phone-menu {
		padding-left: 0;
		margin-top: 10px;
	}

	.navi .logo_container img {
		width: 250px;
	}

	.navi .logo_container > .logo_subline {
		left: 150px;
		top: auto;
		font-size: 8px;
		line-height: 10px;
		bottom: 19px;
	}

	.teaser .top_headline {
		font-size: 24px;
		padding-top: 7px;
	}

	.teaser .top_subline {
		font-size: 24px;
	}

	.footer .FooterNavi > span {
		display: block;
	}

}