@media (max-width: 1600px) {
	.scrollToTop {
		right: 10px;
	}
}


/***************
START Media Queries #2 WHEN PAGE WIDTH LESS THAN 890 IS ACTIVE (FOR TABLET)
***************/
@media (max-width: 890px) {

	body,
	div,
	table {
		font-size: 15px;
	}

	.just {
		text-align: left;
	}

	.logo-respond {
		width: 80%;
		height: auto;
	}

	.floatlist {
		width: 100%;
	}

	#contentbox {
		margin-right: -302px;
	}

	#left-content {
		margin-right: 302px;
	}

	.SB-width {
		width: 300px;
	}

	.content-pad {
		padding: 0px 25px 0px 25px;
	}

	#menusub a {
		font-size: 15px;
		padding: 16px 16px 16px 16px;
	}

}


/***************
START Media Queries #3 WHEN PAGE WIDTH LESS THAN 740 IS ACTIVE
***************/
@media (max-width: 740px) {

	#contentbox-outer {
		min-width: 300px;
		padding-bottom: 0;
	}

	#contentbox {
		margin-right: 0px;
		float: none;
	}

	.outer-pad {
		padding: 15px 0px 20px 0px;
	}

	.outer-pad-home {
		padding: 15px 0px 20px 0px;
	}

	.content-pad {
		padding: 0px 12px 0px 12px;
	}

	#left-content {
		width: 100%;
		min-width: 100%;
		margin-right: 0px;
		margin-left: 0px;
	}

	.SB-width {
		width: 280px;
	}

	.sidebar-pad {
		padding: 0px 0px 0px 0px;
	}

	#sidebar-content {
		background-color: var(--hbraun);
		width: 100%;
		margin: 0px auto 0px auto;
		float: none;
		display: block;
		border-top: var(--braun) 1px solid;
		border-left-width: 0;
		padding-top: 1em;
	}

	#headerdiv {
		padding: 4px 0px 4px 0px;
	}

	.contact-page #sidebar-content {
		display: block;
	}


	/* MOBILE MENU */

	#menudiv {
		margin: 0px 0px 0px 0px;
		border-width: 0px 0px 0px 0px;
		border-radius: 0px;
	}

	#mobile-menu-icon {
		display: block;
	}

	#menusub {
		background-color: var(--braun);
		width: auto;
		min-width: 275px;
		padding-top: 0px;
		display: none;
		position: absolute;
		top: 39px;
		left: 8px;
		z-index: 1050;
		box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.24);
	}

	#menusub a {
		color: var(--fastweis);
		background-color: transparent;
		font-size: 1.6em;
		font-weight: 400;
		text-align: left;
		padding: 8px 5px 8px 14px;
		display: block;
	}

	#menusub a:hover {
		color: var(--fastweis);
		background-color: var(--orange);
	}

	#menusub,
	#menusub a:first-child {
		border-top-left-radius: 0px;
		border-top-right-radius: 0px;
	}

	#menusub,
	#menusub a:last-child {
		border-bottom-right-radius: 6px;
		border-bottom-left-radius: 6px;
	}

	.footer-pad {
		flex-wrap: wrap;
	}

	.footer-box {
		flex-basis: 45%;
		margin: 1% 2.5%;
	}


}


/***************
START Media Queries #4 -  WHEN PAGE WIDTH LESS THAN 482 IS ACTIVE
                      CLASSES HERE CAN ALSO BE FOUND IN THE style.css
***************/
@media screen and (max-width: 482px) {

	body,
	div,
	table {
		font-size: 14px;
		line-height: normal;
	}

	.subtitle {
		font-size: 15px;
	}

	.smalltext {
		font-size: 12px;
	}

	.just {
		text-align: left;
	}

	#menusub {
		width: 96%;
		margin: auto;
		position: absolute;
		left: 2%;
		z-index: 1050;
	}

	#menusub a {
		text-align: center;
		padding: 0.4em;
	}

	/* MQS GENERAL */

	.splits-xtramargin {
		margin-top: 12px;
		margin-bottom: 12px;
	}

	.top-image {
		margin-bottom: 0px;
	}

	/* MQS PAGE & CONTENT HEIGHTS, PADDING & WIDTHS */

	.pageheight {
		min-height: 50px;
	}

	#contentbox {
		padding: 0px 0px 0px 0px;
	}

	.outer-pad {
		padding: 20px 0px 20px 0px;
	}

	.outer-pad-home {
		padding: 12px 0px 20px 0px;
	}

	.content-pad {
		padding: 0px 10px 10px 10px;
	}

	#headerdiv {
		padding: 4px 0px 4px 0px;
	}

	/* MQS FOOTER */

	.footer-copyright {
		font-size: 11px;
	}

	.footer-pad {
		flex-direction: column;
	}

	.footer-box {
		flex-basis: 90%;
	}

	div.footer-title {
		display: block;
		margin-bottom: 0.6em;
	}

	.footer-box a {
		display: inline-block;
		width: 100%;
		margin: 0.5em 0;
	}

	.sidebar-text {
		line-height: normal;
	}

	.side-links a {
		line-height: normal;
	}

	.sidebar-pad {
		padding: 0px 0px 0px 0px;
	}


}