@charset "utf-8";

/*@media (max-width:1180px) {*/
@media (max-width:1260px) {
	.wrapper {
		margin: 0 auto;
		width: 92%;
		padding-left: 0;
		padding-right: 0;
	}

	.box-left {
		display: none;
	}

	.box-main {
		width: 100%;
		/*float: none;*/
	}

	.head {
		padding: 15px 0 20px;
	}

	.head-logo {
		margin-top: 0;
		margin-bottom: 15px;
		width: 100%;
		float: none;
	}

	.head-logo img {
		width: 290px;
		max-width: 100%;
	}

	.head-title {
		width:100%;
		padding-top: 0;
		float: none;
		text-align: left;
	}

	.head-title h1 {
		font-size: 18px;
		line-height: 1.12em;
	}

	.cont-stream {
		float: none;
		width: 100%;
		padding-bottom: 20px;
	}

	.cont-stream:after {
		content: ".";
		clear: both;
		display: block;
		visibility: hidden;
		height: 0;
	}

	.cont-stream-small {
		width: 100% !important;
	}

	.cont-stream-big {
		width: 100%;
	}

	.interaktiv {
		border: none;
		padding-top: 0;
	}

	.cont-inter {
		float: none;
		width: 100%;
		padding-left: 0;
	}

	.cont-fragen {
		float: none;
		width: 100%;
		padding-left: 0;
	}

	.menu-hide-btn {
		display: none;
	}

	.cont-bigstream-right {
		float: none;
		padding-left: 0;
		width: 100%;
	}

	.menu-show-btn {
		float: none;
	}

	.understream {
		margin-top: 25px;
		border-top: 1px solid #767676;
		padding-top: 5px;
	}

	.help-cont {
		padding: 25px 0 0 0;
	}

	.datenschutz {
		width: 100%;
	}

	.datenschutz h1 {
		font-size: 24px;
		padding-bottom: 0;
	}

	.datenschutz-btn {
		padding-top: 20px;
		padding-bottom: 30px;
	}

	.proban_box {
		display: none;
	}

	.login-wrapper {
		max-width: 92%;
		padding-top: 25px;
		padding-bottom: 40px;
	}

	.login-logo {
		margin-bottom: 30px;
	}

	.login-wrapper input[type="text"],
	.login-wrapper input[type="password"] {
		width: 90%;
	}

	.footer-place {
		height: 210px;
	}

	.footer-left {
		float: none;
		width: 100%;
	}

	.footer-left li {
		display: block;
		padding: 2px 0;
		border-left: none;
	}

	.footer-left li:first-child {
		padding-left: 0;
		border-left: none;
	}

	.footer-left span {
		display: none;
	}

	.footer-right {
		float: none;
		width: 100%;
		text-align: left;
		margin-top: 10px;
		padding-top: 10px;
		border-top: 1px solid #ccc;
	}

	.footer-right li {
		display: block;
		padding: 2px 0;
	}

	.footer-right:last-child {
		padding-right: 0;
	}


	/***************
	**** Survey / Problem
	***************/
	.ps_inh {
		margin: 15px 0 15px;
		padding: 25px 0 10px;
		border-right: none;
		border-top: 1px solid #95989a;
		height: auto !important;
	}

	.ps_box {
		float: none;
		width: 100%;
	}

	.ps_borderbottom {
		border-bottom: none;
	}

	.ps_savebtn {
		position: inherit;
		top: inherit;
		right: inherit;
	}

	.ps_comment {
		width: 86%;
		width: calc(100% - 8px - 8px - 2px);
	}

	.ps-mobile-divider {
		border-top: 1px solid #95989a;
		display: inherit;
		margin: 20px 0 45px;
	}

	.ps_error_popup_cont,
	.ps_success_popup_cont {
		width: 80%;
	}
}

/*@media (max-width:1180px) {*/
@media (max-width:1260px) and (min-width:1180px) {
	.wrapper {
		margin: 0 auto;
		width: 92%;
		padding-left: 0;
		padding-right: 0;
	}

	.box-left {
		display: none;
	}

	.box-main {
		width: 100%;
		/*float: none;*/
	}

	.head {
		padding: 15px 0 20px;
	}

	.head-logo {
		margin-top: 0;
		margin-bottom: 15px;
		width: 100%;
		float: none;
	}

	.head-logo img {
		width: 290px;
		max-width: 100%;
	}

	.head-title {
		width:100%;
		padding-top: 0;
		float: none;
		text-align: left;
	}

	.head-title h1 {
		font-size: 18px;
		line-height: 1.12em;
	}

	.cont-stream {
		float: none;
		width: 100%;
		padding-bottom: 20px;
	}

	.cont-stream:after {
		content: ".";
		clear: both;
		display: block;
		visibility: hidden;
		height: 0;
	}

	.cont-stream-small {
		width: 100% !important;
	}

	.cont-stream-big {
		width: 100%;
	}

	.interaktiv {
		border: none;
		padding-top: 0;
	}

	.cont-inter {
		float: none;
		width: 100%;
		padding-left: 0;
	}

	.cont-fragen {
		float: none;
		width: 100%;
		padding-left: 0;
	}

	.menu-hide-btn {
		display: none;
	}

	.cont-bigstream-right {
		float: none;
		padding-left: 0;
		width: 100%;
	}

	.menu-show-btn {
		float: none;
	}

	.understream {
		margin-top: 25px;
		border-top: 1px solid #767676;
		padding-top: 5px;
	}

	.help-cont {
		padding: 25px 0 0 0;
	}

	.datenschutz {
		width: 100%;
	}

	.datenschutz h1 {
		font-size: 24px;
		padding-bottom: 0;
	}

	.datenschutz-btn {
		padding-top: 20px;
		padding-bottom: 30px;
	}

	.proban_box {
		display: none;
	}

	.login-wrapper {
		max-width: 92%;
		padding-top: 25px;
		padding-bottom: 40px;
	}

	.login-logo {
		margin-bottom: 30px;
	}

	.login-wrapper input[type="text"],
	.login-wrapper input[type="password"] {
		width: 90%;
	}

	.footer-place {
		height: 210px;
	}

	.footer-left {
		float: none;
		width: 100%;
	}

	.footer-left li {
		display: block;
		padding: 2px 0;
		border-left: none;
	}

	.footer-left li:first-child {
		padding-left: 0;
		border-left: none;
	}

	.footer-left span {
		display: none;
	}

	.footer-right {
		float: none;
		width: 100%;
		text-align: left;
		margin-top: 10px;
		padding-top: 10px;
		border-top: 1px solid #ccc;
	}

	.footer-right li {
		display: block;
		padding: 2px 0;
	}

	.footer-right:last-child {
		padding-right: 0;
	}


	/***************
	**** Survey / Problem
	***************/
	.ps_inh {
		margin: 15px 0 15px;
		padding: 25px 0 10px;
		border-right: none;
		border-top: 1px solid #95989a;
		height: auto !important;
	}

	.ps_box {
		float: none;
		width: 100%;
	}

	.ps_borderbottom {
		border-bottom: none;
	}

	.ps_savebtn {
		position: inherit;
		top: inherit;
		right: inherit;
	}

	.ps_comment {
		width: 86%;
		width: calc(100% - 8px - 8px - 2px);
	}

	.ps-mobile-divider {
		border-top: 1px solid #95989a;
		display: inherit;
		margin: 20px 0 45px;
	}

	.ps_error_popup_cont,
	.ps_success_popup_cont {
		width: 80%;
	}
}

@media (max-width:1180px) and (min-width:768px) {
	/*.int-btn {
		max-width: 320px;
	}

	.footer-left {
		float: left;
		width: 50%;
	}

	.footer-right {
		text-align: right;
		float: right;
		width: auto;
		max-width: 50%;
		margin-top: 0px;
		padding-top: 0px;
		border-top: none;
	}

	.footer-right li {
		text-align: left;
	}

	.footer-place {
		height: 110px;
	}*/
	.head-logo {
		float: left;
		width: 190px;
	}

	.head-logo > img {
		max-width: 100%;
		height: auto;
	}

	.head-title {
		float: right;
		width: 70%;
		text-align: right;
	}

	.head-title > h1 {
		font-size: 22px;
		padding-bottom: 8px;
		/*margin-left: 25px;*/
	}

	.head-title > p {
		font-size: 16px;
		/*margin-left: 25px;*/
	}

	.cont-fragen {
		max-width: 297px;
	}

	/*.interaktiv {
		max-width: 297px;
		margin: 0 auto;
	}*/

	.interaktiv .tablet-left,
	.interaktiv .tablet-right {
		float: left;
	}

	.interaktiv .tablet-left {
		width: 340px;
	}

	.interaktiv .tablet-right {
		width: 300px;
	}

	.int-btn {
		max-width: 242px;
	}

	.footer-right {
		display: none;
	}

	.footer-left {
		float: none;
		width: 100%;
		text-align: center;
	}

	.footer-left ul {
		display: inline-block;
		margin-bottom: -3px;
	}

	.footer-left li {
		float: left;
		display: block;
		padding: 2px 0;
		border-left: none;
	}

	/*.footer-left li:first-child {
		padding-left: 0;
		border-left: none;
	}*/

	.footer-left li + li {
		margin-left: 15px;
	}

	.footer-place {
		height: 110px;
	}
}

@media (max-width: 768px) and (min-width: 400px) {
	.head-logo {
		float: left;
		width: 32.5%;
	}

	.head-logo > img {
		max-width: 100%;
		height: auto;
	}

	.head-title {
		float: left;
		width: 67.5%;
		text-align: right;
	}

	.head-title > h1 {
		margin-left: 25px;
	}

	.head-title > p {
		margin-left: 25px;
	}

	.cont-fragen {
		max-width: 297px;
	}

	.interaktiv {
		max-width: 297px;
		margin: 0 auto;
	}

	.int-btn {
		max-width: 242px;
	}

	.footer-right {
		display: none;
	}

	.footer-left {
		float: none;
		width: 100%;
		text-align: center;
	}

	.footer-left ul {
		display: inline-block;
		margin-bottom: -3px;
	}

	.footer-left li {
		float: left;
		display: block;
		padding: 2px 0;
		border-left: none;
	}

	/*.footer-left li:first-child {
		padding-left: 0;
		border-left: none;
	}*/

	.footer-left li + li {
		margin-left: 15px;
	}

	.footer-place {
		height: 110px;
	}
}