/*
--------------------------------------------------
(c) 2015 Michael Kuphal - all rights reserved
Michael Kuphal, Grossgoerschenstr. 1, 10827 Berlin
http://www.michaelkuphal.de
--------------------------------------------------
*/

/* Larger than desktop */
@media (min-width: 1380px) {
	.rsDefault .rsBullets {
		left:31px;
	}
	.infoBlock {
		left: 23px;
	}
	.main-menu-container .main-menu li {
		margin-right: 17px !important;
	}
	.socialmedia {
		/* margin-right: 32px !important; */
	}
	.main-menu-container .main-menu ul {
		*margin-left: 100px;
	}

	.main-menu .sub-menu {
		margin: 19px 0 0 0 !important;
	}
	.parallax_bg {
		width: 100%;
		height: 100%;
		background-size: auto !important;
	}
	.main-menu-container .logo {
		*margin-left: 40px;
	}
	.main-menu-container li:first-child {
		*display: none;
	}
	.main-menu-container .logo img {
		*width: 300px;
	}
	.main-menu-container .logo {
	    *margin-top: 34px;
	}
	.main-menu-container-small .logo {
	    margin-top: 19px;
	}
	.menu-holder {
		*right: 40px;
	}
	.firstpage .content {
		left: 42px;
	}
	.wmap {
		margin: 10px 0px 10px 150px;
	}
	.offices li {
		width: 48%;
		padding:0 2% 0 0;
	}
	.contactperson_win {
		width: 94%;
	}
}

/* Larger than tablet */
@media (min-width: 750px) and (max-width: 1379px) {
	.rsDefault .rsBullets {
		left:31px;
	}
	.infoBlock {
		left: 23px;
	}
	.arrow_content {
		bottom: -80px;
	}
	.contact-map {
		text-align: center;
	}
	.firstpage_jump_point {
		bottom: 0px !important;
	}
	.topspace {
    		margin-top: 60px;

    	}
	.contact-text {
		display: inline-block;
		width: 47%;
		margin-bottom: 40px;
	}
	.contact-text:first-child {
		margin-right: 20px;
	}
	.box_half {
		width: 100%;
		display: inline-block;
	}
	.box_half:first-child, .box_half:last-child {
		float: none;
	}
	.box_half:last-child {
		margin-top: 40px;
	}
	.breakbefore .columns, .breakbefore .column {
		width: 100% !important;
		float: left;
		box-sizing: border-box;
		margin-left: auto;
	}
	.breakbefore {
		margin-bottom: 0px;
	}
    	.parallax_bg {
		width: 100%;
		height: 100%;
		background-size: auto !important;
	}
	.firstpage .content_inner {
		*width: 552px;
	}
	.main-menu-container .main-menu li {
		margin-right: 17px !important;
	}
	.overview-awards .release_img_area {
		width: 180px;
		height: 50px;
	}
	.diagramm img {
		width: 70%;
	}
	.head img {
		width: 70%;
	}
	.firstpage .logo {
		right: 35px;
		top: 18px;
	}
	.firstpage .logo img {
		width: 320px;
		height: auto;
	}
	.head {
		margin-top: 40px;
	}

	.main-menu-container .logo {
		*margin-left: 40px;
	}
	.main-menu-container li:first-child {
		display: none;
	}

	.menu-holder {
		*right: 40px;
	}
	.firstpage .content {
		left: 32px;
	}


	/* actual holder mod*/
	.actual_holder .actual_box {
		width: 50%;
	}
	.actual_holder .actual_box:last-child {
		display: none;
	}


	/* actual mainpage mod*/
	.actual_mainpage {
		overflow: visible;
	}
	.actual_mainpage .actual_box .inview,
	.actual_mainpage .content {
		width: 100%;
	}
	.actual_mainpage .actual_box .content {
		position: relative;
		overflow: visible;
		margin: 50px 0 58px 0;
	}

	.actual_mainpage .actual_box .content .inner {
		position: relative;
		transform: translate(0,0);
		width: 100%;
		padding: 0;
	}
	.wmap {
		margin: 10px 0px 90px 50px;
	}
	.parallax .quote_text h2 {
		padding: 0 30px 0 30px !important;
	}
	.someimages_container {
		margin:65px 0 0 0;
	}
	.imagecarousel_kv {
		margin-top: -50px;
	}
	.imagecarousel_kv .someimages_container {
	    	margin-left: 0px;
	}
	.text2colums {
		-moz-column-count: 1;
		-webkit-column-count: 1;
		column-count: 1;
	}
	.home .firstpage_bg {
		background-position:-200px;
	}
	.offices li {
		width: 48%;
		padding:0 2% 0 0;
	}
	.contactperson_win {
		width: 93.4%;
	}
}

/* Larger than phablet */
@media (min-width: 550px) and (max-width: 749px) {
	.imagecarousel_kv {
		margin-top: -50px;
	}

	.breakearlier .columns, .breakearlier .column {
		width: 100% !important;
		float: left;
		box-sizing: border-box;
		margin-left: auto;
	}
	.breakearlier {
		margin-bottom: 0px;
	}
	.rsDefault .rsBullets {
		left:31px;
	}
	.infoBlock {
		left: 23px;
	}
	.firstpage_jump_point {
		bottom: 0px !important;
	}
	.topspace {
    		margin-top: 60px;
    	}
	.box_half {
		width: 100%;
		display: inline-block;
	}
	.box_half:first-child, .box_half:last-child {
		float: none;
	}
	.box_half:last-child {
		margin-top: 40px;
	}
	.parallax_bg {
		width: 100%;
		height: 100%;
		background-size: auto !important;
	}
	.firstpage .logo {
		right: 35px;
		top: 18px;
	}
	.firstpage .logo img {
		width: 320px;
		height: auto;
	}
	.home .owlcustomnav {
		display: none;
	}
	.breakbefore .columns, .breakbefore .column {
		width: 100% !important;
		float: left;
		box-sizing: border-box;
		margin-left: auto;
	}
	.breakbefore {
		margin-bottom: 0px;
	}
	.overview-years-center {
		width: 88%;
	}
	.head img {
		width: 90%;
	}
	.head {
		margin-top: 40px;
	}
	.firstpage .content {
		left: 32px;
	}
	.fullsize {
		width: 150%;
	}

	/* actual holder mod*/
	.actual_holder .actual_box {
		width: 50%;
	}
	.actual_holder .actual_box:last-child {
		display: none;
	}


	/* actual mainpage mod*/
	.actual_mainpage {
		overflow: visible;
	}
	.actual_mainpage .actual_box .inview,
	.actual_mainpage .content {
		width: 100%;
	}
	.actual_mainpage .actual_box .content {
		position: relative;
		overflow: visible;
		margin: 50px 0 58px 0;
	}

	.actual_mainpage .actual_box .content .inner {
		position: relative;
		transform: translate(0,0);
		width: 100%;
		padding: 0;
	}
	.wmap {
		margin: 10px 0px 90px 50px;
	}
	.parallax .quote_text h2 {
		padding: 0 30px 0 30px !important;
	}
	.someimages_container {
		margin:65px 0 0 0;
	}
	.imagecarousel_kv .someimages_container {
	    	margin-left: 0px;
	}
	.text2colums {
		-moz-column-count: 1;
		-webkit-column-count: 1;
		column-count: 1;
	}
	.home .firstpage_bg {
		background-position:-400px;
	}
	.offices li {
		width: 100%;
		padding:0 0 0 0;
	}
	.contactperson_win {
		width: 93.6%;
	}

	/* page of code_of_conduct*/
		.page-id-2637 .container,
		.page-id-2638 .container {
	    width: 100%;
		}
		.code_of_conduct {
			margin-top: -60px;
			margin-bottom: -110px;
		}

}

/* Larger than mobile */
@media (min-width: 400px) and (max-width: 549px) {

	/* page of code_of_conduct*/
		.page-id-2637 .container,
		.page-id-2638 .container {
	    width: 100%;
		}
		.code_of_conduct {
			margin-top: -60px;
				margin-bottom: -110px;
		}


	.home .firstpage_bg {
		background-position:-600px;
	}
	.imagecarousel_kv {
		margin-top: -50px;
	}
	.someimages_container {
		margin:65px 0 0 0;
	}
	.rsDefault .rsBullets {
		left:31px;
	}
	.infoBlock {
		left: 23px;
		width: 80%;
	}
	.infoBlock h4, .infoBlock h4 p {
		font-size: 35px;
		font-size: 3.5rem;
	}
	.rsImg {
		*margin-left: -640px !important;
	}
	.firstpage_jump_point {
		bottom: 0px !important;
	}
	.topspace {
    		margin-top: 60px;
    	}

	.box_half {
		width: 100%;
		display: inline-block;
	}
	.box_half:first-child, .box_half:last-child {
		float: none;
	}
	.box_half:last-child {
		margin-top: 40px;
	}
	.parallax_bg {
		width: 100%;
		height: 100%;
		background-size: auto !important;
	}
	.parallax .quote_text h2 {
		padding: 0 30px 0 30px !important;
	}
	.firstpage .logo {
		right: 35px;
		top: 18px;
	}
	.firstpage .logo img {
		width: 240px;
		height: auto;
	}
	.firstpage .content {
		width: 80%;
	}
	.home .owlcustomnav {
		display: none;
	}
	.home .logo_home img {
		width: 90%;
	}
	.overview-years li {
		padding: 6px 3% 6px 3%;
	}
	.contact .column:first-child {
		text-align: center;
	}
	.contact .icon01 {
		margin: 0 auto;
	}
	.contact .column {
		margin-top: 30px !important;
	}
	.contact .column:first-child {
		margin-top: 0px !important;
	}
	.contactfooter .column:last-child {
		margin-top: 64px;
	}
	.head img {
		width: 100%;
	}
	.head {
		margin-top: 40px;
	}
	.firstpage .content {
		left: 32px;
	}
	ul li, p, h2 {
		word-wrap: break-word;
	}
	.fullsize {
		width: 200%;
	}

	/* actual holder mod*/
	.actual_holder .actual_box {
		width: 100%;
	}
	.actual_holder .actual_box {
		display: none;
	}
	.actual_holder .actual_box:first-child {
		display: block;
	}


	/* actual mainpage mod*/
	.actual_mainpage {
		overflow: visible;
	}
	.actual_mainpage .actual_box .inview,
	.actual_mainpage .content {
		width: 100%;
	}
	.actual_mainpage .actual_box .content {
		position: relative;
		overflow: visible;
		margin: 50px 0 58px 0;
	}

	.actual_mainpage .actual_box .content .inner {
		position: relative;
		transform: translate(0,0);
		width: 100%;
		padding: 0;
	}
	.fotoright .textblock {
		padding-right: 0px;
	}
	.wmap {
		margin: 20px 0px 40px 0px;
	}
	.imagecarousel_kv .someimages_container {
	    	margin-left: 0px;
	}
	.text2colums {
		-moz-column-count: 1;
		-webkit-column-count: 1;
		column-count: 1;
	}
	.offices li {
		width: 100%;
		padding:0 0 0 0;
	}
	.contactperson_win {
		width: 93%;
	}
}

/* mobile */
@media (max-width: 399px) {
	.home .firstpage_bg {
		background-position:-600px;
	}
	.imagecarousel_kv {
		margin-top: -50px;
	}
	.someimages_container {
		margin:65px 0 0 0;
	}
	.rsDefault .rsBullets {
		left:31px;
	}
	.infoBlock {
		left: 23px;
		width: 80%;
	}
	.infoBlock h4, .infoBlock h4 p {
		font-size: 30px;
		font-size: 3.0rem;
	}
	.firstpage_jump_point {
		bottom: 0px !important;
	}
	.box_half {
		width: 100%;
		display: inline-block;
	}
	.box_half:first-child, .box_half:last-child {
		float: none;
	}
	.box_half:last-child {
		margin-top: 40px;
	}
	.parallax_bg {
		width: 100%;
		height: 100%;
		background-size: auto !important;
	}
	.parallax .quote_text h2 {
		*font-size: 20px !important;
		*font-size: 2rem !important;
	}
	.parallax .quote_text h2 {
		padding: 0 30px 0 30px !important;
	}
	.topspace {
    		margin-top: 70px !important;
    	}
	.firstpage .logo {
		display: none;
	}
	.arrow {
		margin-left: -80px;
		bottom: -10px;
	}
	.arrow span {
		font-size: 11rem;
	}

	.home .logo_home img {
		width: 90%;
	}
	h2 {
		*font-size: 36px;
		*font-size: 3.6rem;
	}
	.head img {
		width: 100%;
	}
	.head {
		margin-top: 20px;
		margin-bottom: 10px;
	}
	.firstpage .content {
		left: 32px;
	}
	ul li, p, h2 {
		word-wrap: break-word;
	}
	h2 {
		font-size: 30px !important;
		font-size: 3.0rem !important;
	}
	#footer .footer-menu li:after {
		display: none;
	}
	#footer .footer-menu li {
		margin-right: 15px;
	}
	.footer_fullsize {
		width: 200%;
	}
	.fullsize {
		width: 300%;
	}
	.firstpage .content {
		width: 88%;
	}



	/* actual holder mod*/
	.actual_holder .actual_box {
		width: 100%;
	}
	.actual_holder .actual_box {
		display: none;
	}
	.actual_holder .actual_box:first-child {
		display: block;
	}


	/* actual mainpage mod*/
	.actual_mainpage {
		overflow: visible;
	}
	.actual_mainpage .actual_box .inview,
	.actual_mainpage .content {
		width: 100%;
	}
	.actual_mainpage .actual_box .content {
		position: relative;
		overflow: visible;
		margin: 50px 0 58px 0;
	}

	.actual_mainpage .actual_box .content .inner {
		position: relative;
		transform: translate(0,0);
		width: 100%;
		padding: 0;
	}
	.fotoright .textblock {
		padding-right: 0px;
	}
	.wmap {
		margin: 20px 0px 40px 0px;
	}
	.imagecarousel_kv .someimages_container {
	    	margin-left: 0px;
	}
	.owl-theme .owl-controls .owl-page span{
		margin: 5px 8px;
	}
	.text2colums {
		-moz-column-count: 1;
		-webkit-column-count: 1;
		column-count: 1;
	}
	.offices li {
		width: 100%;
		padding:0 0 0 0;
	}
}

/* special1 */
@media (max-height: 550px) {
	.arrow {
		display: none;
	}
}
/* special1 */
@media (max-height: 450px) {
	.arrow {
		display: none;
	}
	.firstpage .content {
	    top: 240px;
    	}
	.firstpage_bg {
		min-height: 450px;
	}


}

/* special2 */
@media (max-height: 250px) {
	.arrow {
		display: none;
	}
	.firstpage .content {
		display: none;
	}
}