/* L  tablet - landscape =================================== */
@media screen and (max-width:1080px) and (max-device-width:1280px) {
	/*#header {
		background-color: orange;
	}*/

	#center {
		width: 1000px;
	}

	table.formtable span.field-validation-error {
		padding-left: 0;
	}
}

/* M  tablet - portrait ==================================== */
@media screen and (max-width:768px) and (max-device-width:1080px) {

	img {
		max-width: 100%;
	}

	div.bn_leaderboard {
		width: 100% !important;
		max-width: 100%;
	}

	div.bn_leaderboard_wall, div.bn_leaderboard_wall_b, div.bn_leaderboard_wall_right {
		width: 100% !important;
		max-width: 100%;
		margin: 0;
	}

		div.bn_leaderboard a img,
		div.bn_leaderboard_wall a img,
		div.bn_leaderboard_wall_b a img,
		div.bn_leaderboard_wall_right a img {
			height: auto !important;
		}

	#header {
		/*background-color: green;*/
		padding-top: 8px;
		margin-bottom: 8px;
		height: unset;
	}

	#center {
		width: 100%;
		padding: 0;
		margin: 0;
	}

	#brand-logo {
		padding-left: 12px;
		padding-top: 24px;
		width: 300px;
		float: left;
		max-width: 40%;
	}


	div.full-container {
		width: 430px;
		padding-right: 8px;
		max-width: 60%;
	}

	#mainnav {
		-moz-column-count: 2;
		-webkit-column-count: 2;
		column-count: 2;
		max-width: 90%
	}

	#sidebarleft {
		display: none;
	}

	#sidebarright {
		width: 35%;
		float: right;
		max-width: 35%;
		padding: 0 0 0 4px;
		margin: 0;
	}

	.teaserkasten {
		max-width: 100%;
		margin-top: 0;
	}

	#contentcontainer3Colum, #contentcontainer {
		width: 100%;
		max-width: 100%;
		padding: 4px;
	}

	#content, #detailcontent {
		width: 65%;
		margin: 0;
		padding: 8px;
		max-width: 65%;
	}

		#detailcontent ul.index {
			width: 100%;
			display: none;
		}

	div.detail {
		width: 100%;
		max-width: 100%;
		float: left;
	}

	#footer {
		padding: 16px 4px 8px 4px;
	}

	#sky {
		display: none;
	}

	/*table.formtable {
		padding: 24px 4px 8px 4px;
	}*/

    .consent {
        padding: 0;
        /*bottom: 4rem;*/
    }
    .consent .content {
        width: 400px;
        max-width: 100%;
    }
}

/* S  mobile - landscape =================================== */
@media screen and (max-width:667px) and (max-device-width:768px) {

	#header {
		/*background-color: blue;*/
		margin-bottom: 0;
	}

	#brand-logo {
		padding: 0 0 8px 4px;
		width: 280px;
		float: left;
		max-width: 75%;
	}


	div.full-container {
		width: 100%;
		height: auto !important;
		padding-right: 0;
		max-width: 100%;
	}

	#header a.nav-button-mobile {
		display: inline-block;
	}

	#header a.mobile-magnifier {
		display: inline-block;
	}

	#header .search-box {
		display: none;
		position: absolute;
		left: 0;
		top: 0;
		right: 0;
	}

		#header .search-box .auth {
			display: none;
		}

	#navcontainer {
		display: none;
		height: unset;
	}

		#navcontainer a.nav-button {
			display: none;
		}

		#navcontainer div.auth {
			display: block;
		}

	#mainnav {
		display: block;
		z-index: unset;
		position: relative;
		margin: 0;
		padding: 0 4px 4px 0;
		max-width: 100%;
		-moz-column-count: 1;
		-webkit-column-count: 1;
		column-count: 1;
	}

		#mainnav div.nav-container {
			border: none;
			padding: 4px 8px 4px 12px;
		}

			#mainnav div.nav-container ul li {
				padding-top: 4px;
				padding-bottom: 4px;
			}

			#mainnav div.nav-container ul {
				margin-left: 0;
				text-indent: 0;
			}

				#mainnav div.nav-container ul li:before {
					content: none;
				}

				#mainnav div.nav-container ul li a {
					font-size: 16px;
				}


	#servicenav {
		float: left;
		display: block;
		width: 100% !important;
		padding: 8px 8px 8px 0;
	}

	#navcontainer div.auth {
		background-color: #ffffff;
		padding: 8px 8px 8px 0px;
		float: left;
		width: 100%;
	}

		/*#servicenav div.navright {
			float: left;
			display: block;
			width: 100% !important;
			margin: 0;
		}*/

		#servicenav ul.nav, #navcontainer div.auth ul.nav {
			/*display:none;*/
			width: 100%;
			padding-left: 0;
			float: left;
			margin: 0;
			/*background-color: #f3f3f3;*/
		}

			/*#navcontainer div.auth ul.nav {
			background-color: #ffffff;
			color: #0570BF;
		}*/

			#servicenav ul.nav li, #navcontainer div.auth ul.nav li {
				clear: both;
				width: 100% !important;
				/*display: list-item;*/
				float: left;
				list-style: none;
				background: none;
				/*background-image: url(images/nav/MainNavBlue.png);
		background-repeat: repeat-x;*/
				background-image: none;
				/*background-color: #9f9f9f;*/
				margin-top: 0;
				border: none;
				/*border-top: #b5b5b5 solid 2px;
					border-left: #9f9f9f solid 1px;*/
			}



				#servicenav ul.nav li a, #navcontainer div.auth ul.nav li a {
					background-color: transparent;
					display: block;
					color: white;
					text-decoration: none;
					width: 100%;
					padding: 4px 8px 4px 12px;
					font-size: 22px;
				}

				#navcontainer div.auth ul.nav li a {
					color: #0570BF;
				}

	/*#servicenav div.navright ul.nav {
		display:inline;
		padding-top:5px;
	}*/

	#breadcrumb {
		display: none;
	}

	#contentcontainer3Colum, #contentcontainer {
		width: 100%;
		max-width: 100%;
		padding: 4px;
	}

	#content, #detailcontent {
		width: 100%;
		max-width: 100%;
		margin: 0;
		padding: 8px;
	}

	#sidebarright {
		width: 100%;
		max-width: 100%;
		padding: 0 4px 0 4px;
		margin: 0;
	}

	.teaserkasten {
		max-width: 100%;
		margin-top: 8px;
	}

	div.bn_half_left, div.bn_half_right, div.bn_special_right {
		text-align: left;
	}

	table.formtable {
		padding: 24px 4px 8px 4px;
	}
}

/* XS mobile =============================================== */
@media screen and (max-width:640px) and (max-device-width:667px) {
		/*#header {
		background-color: yellow;
	}*/

		div.toolbar div.ratingContainer {
			display: none !important;
		}

		#header a.mobile-magnifier {
			display: none;
		}

        .consent {
            padding: 0;
            bottom: 0;
        }
	}