/*******************Allgemeines CSS************************/
.mobile{
	float:left;
}

.mob_background{
	float:left;
	overflow:hidden;
	background-repeat: no-repeat; 
	background-position: center center;
}

.mob_start{
	background-image:url(../images/00_Hintergrund/start.jpg);
}

.mob_philo{
	background-image:url(../images/00_Hintergrund/philosophie.jpg);
}

.mob_team{
	background-image:url(../images/01_Unternehmen/SST_5671_c.JPG);
}

.mob_team_bild_1{
	background-image:url(../images/01_Unternehmen/IMG_3202-760x625.jpg);
}

.mob_team_bild_2{
	background-image:url(../images/01_Unternehmen/02_mitarbeiter_01.jpg);
}

.mob_team_bild_3{
	background-image:url(../images/01_Unternehmen/02_mitarbeiter_02.jpg);
}

.mob_team_bild_4{
	background-image:url(../images/01_Unternehmen/02_mitarbeiter_03.jpg);
}

.mob_team_bild_5{
	background-image:url(../images/01_Unternehmen/02_mitarbeiter_04.jpg);
}

.mob_team_bild_6{
	background-image:url(../images/01_Unternehmen/02_mitarbeiter_05.jpg);
}

.mob_team_bild_7{
	background-image:url(../images/01_Unternehmen/02_mitarbeiter_06.jpg);
}

.mob_karriere{
	background-image:url(../images/00_Hintergrund/karriere.jpg);
}

.mob_karriere_raster{
	background-image:url(../images/00_Hintergrund/_raster.png);
}

.mob_referenzen{
	background-image:url(../images/03_Referenzen/17.jpg);
}

.mob_becker_1{
	background-image:url(../images/04_Partner/Becker/becker_4.jpg);
}

.mob_becker_2{
	background-image:url(../images/04_Partner/Becker/becker_1.jpg);
}

.mob_becker_3{
	background-image:url(../images/04_Partner/Becker/becker_3.jpg);
}

.mob_becker_4{
	background-image:url(../images/04_Partner/Becker/becker_2.jpg);
}

.mob_janssen_1{
	background-image:url(../images/04_Partner/Janssen/01.jpg);
}

.mob_janssen_2{
	background-image:url(../images/04_Partner/Janssen/02.jpg);
}

.mob_janssen_3{
	background-image:url(../images/04_Partner/Janssen/03.jpg);
}

.mob_janssen_4{
	background-image:url(../images/04_Partner/Janssen/04.jpg);
}

.mob_kontakt{
	background-image:url(../images/00_Hintergrund/kontakt.jpg);
}

.mob_team_rotation{
	margin: 0px 0px 50px 0px;
}

.mob_back{
	background-color:#F2F2EA;
	float:left;
}

.mob_pfeil{
	background-color:#4a4b4d;
}

.mob_pfeil_dim{
	width:100%;
	height:100%;
}

.mob_pfeil_team_links, .mob_pfeil_referenzen_links{
	float:left;
}

.mob_pfeil_team_rechts, .mob_pfeil_referenzen_rechts{
	float:right;
}

.mob_accordion{
	float:left;
	font-family:Arial;
	word-spacing: 0.1em;
}

.mob_stelle{
	margin: 0px 0px 20px 0px;
	font-size:12px;
	font-weight: bold;
	color:#FFFFFF;
	float:left;
}

.mob_zurAdresse_text{
	float:left;
	margin:1px 0px 40px 0px;
	cursor:pointer;
	color:#FFFFFF;
}

.mob_leistungenBilder{
	float:left;
	margin-left: 10px;
	margin-bottom: 50px;
}

.mob_leistungenBilder_float{
	float:left;
}

.mob_partner_links{
	float:left;
	height:120px;
	margin-right:10px;
	margin-bottom:10px;
}

.mob_partner_rechts{
	float:left;
	margin-bottom:10px;
	height:120px;
}

.mob_leistungen_links{
	float:left;
	margin-right:10px;
}

.mob_leistungen_rechts{
	float:left;
}

.mob_leistungen_breit{
	float:left;
	margin-right:10px;
}

.mob_leistungen_schmal{
	float:left;
}

.mob_leistungen_bildbreite2{
	width:100%;
}

.mob_leistungen_bildbreite1{
	width:100%;
	margin-bottom:10px;
}

.mob_leistungen_bildbreite3{
	width:100%;
	margin-top:10px;
}

.mob_partnerBilder{
	float:left;
	margin-left: 10px;
	margin-bottom: 20px;
}

.mob_topLeiste{
	width:100%;
	float:left;
	background-color:#4a4b4d;
	position: fixed;
	z-index: 3;
}

.mob_logo{
	float:left;
	margin-left:auto;
	margin-right:auto;
	width:50%;
	overflow:hidden;
	margin-left:25%;
	margin-top:25%;
}

.mob_textBlock{
	float:left;
	margin-bottom:50px;
}
	
.mob_header{
	font-family:Arial;
	color:#FFFFFF;
	background-color:#4a4b4d;
	margin: 30px 0px 30px 10px;
	padding:5px 8px;
}

.mob_Header_weiss{
	font-family:Arial;
	color:#FFFFFF;
	margin: 30px 0px 30px 10px;
	padding:5px 8px;
}

.mob_Header_grau{
	font-family:Arial;
	color:#4a4b4d;
	margin: 30px 0px 30px 10px;
	padding:5px 8px;
}

.mob_headerabstand_1{
	margin:0px 0px 10px 10px;
}

.mob_headerabstand_2{
	margin:0px 0px 50px 10px;
}

.ui-state-focus { 
	outline: none; 
}

.ui-accordion-header {
	outline: none;
}

.mob_block_1{
	display:block;
}

.mob_block_2, .mob_block_3, .mob_block_4, .mob_block_5, .mob_block_6, .mob_block_7{
	display:none;
}

.mob_orangeLine{
	float:left;
	width: 35px;
	height: 3px;
	background-color: #E37208;
}

.mob_text_1{
	float:left;
	font-family:Arial;
	word-spacing: 0.1em;
	color:#4a4b4d;
	line-height: 1.5;
}

.mob_partner_text{
	float:left;
	font-family:Arial;
	word-spacing: 0.1em;
	color:#4a4b4d;
	line-height: 1.5;
}

.mob_text_2{
	float:left;
	font-family:Arial;
	word-spacing: 0.1em;
	margin: 0px 0px 20px 0px;
	color:#FFFFFF;
	line-height: 1.5;
}

.mob_kontakt_float{
	float:left;
}

.mob_kontakt_block_1{
	float:left;
}

.mob_kontakt_block_2{
	float:left;
	margin-left:10px;
	text-decoration:none;
	color:#FFFFFF;
}

.mob_backToStart{
	float:left;
	margin-top:30px;
}

.mob_center{
	float:left;
}

.mob_ueberUns_bild{
	margin: 50px 0px 0px 10px;
}

.mob_logo_navi{
	float:left;
}

.mob_menueOrangeLines{
	float:right;
}

.mob_orangeMenue{
	float:left;
}

.mob_menue{
	float:left;
	width:100%;
	display:none;
}

.mob_menue_parts{
	text-align:center;
	font-family:Arial;
	color:#FFFFFF;
}

.activ{
	display:block;
}

.unactiv{
	display:none;
}
	
.background_size{
	-webkit-background-size: auto 100%;
	-moz-background-size: auto 100%;   
	background-size: auto 100%;
}
	
.partner_background_size{
	-webkit-background-size: 100% auto;
	-moz-background-size: 100% auto;   
	background-size: 100% auto;
}
	
	



	
	
	
	
	
	
/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
	
	body{
		min-width:300px;
	}
	
	.partner_background_size_2{
		-webkit-background-size: auto 100%;
		-moz-background-size: auto 100%;   
		background-size: auto 100%;
	}
	
	.mob_becker_Header{
		height:50px;
		width:100px;
	}
	
	.mob_menue_1{
		margin:15px 0px 0px 0px;
		font-weight:bold;
	}
	
	.mob_menue_2{
		margin:20px 0px 0px 0px;
		font-weight:bold;
	}
	
	.mob_menue_3{
		margin:10px 0px 0px 0px;
	}
	
	.mob_pfeil{
		height: 64px;
		width:26px;
	}
	
	.mob_pfeil_top_2{
		margin-top:15px;
	}
	
	.mob_topLeiste{
		height:60px;
	}
	
	.mob_logo_navi{
		margin:20px 0px 0px 10px;
	}
	
	.mob_menueOrangeLines{
		margin:17px 10px 17px 0px;
		width:36px;
		height:21px;
	}
	
	.mob_orangeMenue{
		height:3px;
		width:28px;
		margin:3px 0px;
		background-color:#E37208;
	}
	
	.mob_menue_parts{
		font-size:16px;
	}
	
	.mobile h2{
		font-size:28px;
	}

	.mob_ueberUnsHeader{
		width: 160px;
	}
	
	.mob_philoHeader{
		width: 195px;
	}

	.team_1{
		width: 150px;
	}
	
	.team_2, .team_3{
		width: 165px;
	}
	
	.team_4{
		width: 160px;
	}
	
	.team_5{
		width: 175px;
	}
	
	.team_6{
		width: 105px;
	}
	
	.team_7{
		width: 140px;
	}

	.mob_referenzenHeader{
		width:190px;
	}
	
	.mob_innenausbau_renovierung_Header{
		width:210px;
	}
	
	.mob_moebelHeader{
		width:105px;
	}
	
	.mob_ladenbauHeader, .mob_holzboedenHeader{
		width:180px;
	}
	
	.mob_trockenbauHeader{
		width:200px;
	}
	
	.mob_holzverkleidungHeader{
		width:280px;
	}
	
	.mob_treppenHeader{
		width:135px;
	}
	
	.mob_kuriositätenHeader{
		width:215px;
	}

	.mob_partner_logos{
		margin: 10px 0px;
		width:200px;
	}
	
	.mob_partner_Header{
		width:135px;
	}
	
	.mob_partnerHeader{
		width: 135px;
	}

	.mob_stelle{
		font-size:12px;
	}
	
	.mob_pfeilUnten{
		margin-left:60px;
		margin-bottom:25px;
	}
	
	.mob_zurAdresse_text{
		font-size:12px;
	}
	
	.mob_pfeilRechts{
		height: 10px;
		margin: 0px 0px 0px 10px;
	}
	
	.mob_orangeLine{
		margin: 8px 10px 0px 30px;
	}
	
	.mobile h3{
		font-size:12px;
	}
}

/* Smartphones (landscape) ----------- */
@media only screen and (min-width : 351px) and (max-width : 700px){
	
	body{
		min-width:351px;
	}
	
	.mob_topLeiste{
		height:60px;
		max-height:230px;
	}
	
	.mob_menue{
		height:240px;
	}
	
	.smartphone_landscape_1{
		float:left;
		margin-left:15%;
	}
	
	.smartphone_landscape_2{
		float:right;
		margin-right:15%;
	}
	
	.mob_start{
		margin-top:60px;
		max-height:300px;
		height:300px;
	}
	
	.mob_philo{
		max-height:300px;
		height:300px;
	}
	
	.mob_karriere, .mob_karriere_raster, .mob_kontakt{
		max-height:500px;
		height:500px;
	}
	
	.mob_referenzen{
		max-height:300px;
		height:300px;
	}
	
	.mob_text_1{
		font-size:8px;
		width:350px;
	}
	
	.mob_partner_text{
		font-size:8px;
		width:350px;
	}
	
	.mob_text_2{
		font-size:12px;
		width:350px;
	}
}

/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 350px) {
	
	body{
		max-width:350px;
	}
	
	.mob_menue{
		height:380px;
	}
	
	.mob_start{
		margin-top:60px;
		max-height:200px;
		height:200px;
	}
	
	.mob_topLeiste{
		height:60px;
	}
	
	.mob_philo{
		max-height:200px;
		height:200px;
	}
	
	.mob_karriere, .mob_karriere_raster, .mob_kontakt{
		max-height:500px;
		height:500px;
	}
	
	.mob_referenzen{
		max-height:300px;
		height:300px;
	}
	
	.mob_text_1, .mob_text_2{
		font-size:12px;
		width:240px;
	}
	
	.mob_partner_text{
		font-size:12px;
		width:240px;
	}
}

/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width : 760px) and (max-device-width : 1280px) {
	
	body{
		min-width:760px;
	}
	
	.partner_background_size_2{
		-webkit-background-size: auto 100%;
		-moz-background-size: auto 100%;   
		background-size: auto 100%;
	}
	
	.mob_menue{
		height:590px;
	}
	
	.mob_menue_parts{
		font-size:28px;
	}
	
	.mobile h2{
		font-size:48px;
	}
	
	.mob_stelle{
		font-size:28px;
	}
	
	.mob_pfeilUnten{
		margin:10px 0px 29px 60px;
	}
	
	.mob_zurAdresse_text{
		font-size:20px;
	}

	.mob_partner_logos{
		margin: 10px 0px;
		width:400px;
	}
	
	.mob_partner_links{
		margin-left:110px;
	}
	
	.mob_pfeilRechts{
		height: 16px;
		margin: 4px 0px 0px 10px;
	}
	
	.mob_orangeLine{
		margin: 14px 10px 0px 30px;
	}
	
	.mobile h3{
		font-size:20px;
	}
	
	.mob_center{
		float:left;
		width:300px;
	}
	
	
}

/* iPads (landscape) ----------- */
@media only screen and (min-device-width : 760px) and (max-device-width : 1280px) and (orientation : landscape) {
	
	body{
		min-width:760px;
	}
	
	.mob_start{
		margin-top:100px;
		max-height:600px;
		height:600px;
	}
	
	.mob_philo{
		max-height:600px;
		height:600px;
	}
	
	.mob_karriere, .mob_karriere_raster, .mob_kontakt{
		max-height:600px;
		height:600px;
	}
	
	.mob_referenzen{
		max-height:600px;
		height:600px;
	}
	
	.mob_pfeil{
		height: 128px;
		width:52px;
	}
	
	.mob_topLeiste{
		height:100px;
	}
	
	.mob_logo_navi{
		height:30px;
		margin:35px 0px 0px 20px;
	}
	
	.mob_menue_1{
		margin:30px 0px 0px 0px;
		font-weight:bold;
	}
	
	.mob_menue_2{
		margin:30px 0px 0px 0px;
		font-weight:bold;
	}
	
	.mob_menue_3{
		margin:20px 0px 0px 0px;
	}
	
	.mob_menueOrangeLines{
		margin:27.5px 20px 27.5px 0px;
		width:50px;
		height:45px;
	}
	
	.mob_orangeMenue{
		height:5px;
		width:50px;
		margin:5px 0px;
		background-color:#E37208;
	}

	.mob_ueberUnsHeader{
		width: 515px;
	}
	
	.mob_philoHeader{
		width: 330px;
	}

	.mob_teamHeader{
		width: 255px;
	}

	.mob_referenzenHeader{
		width:325px;
	}
	
	.mob_innenausbau_renovierung_Header{
		width:355px;
	}
	
	.mob_moebelHeader{
		width:175px;
	}
	
	.mob_ladenbauHeader{
		width:588px;
	}
	
	.mob_trockenbauHeader{
		width:340px;
	}
	
	.mob_holzverkleidungHeader{
		width:480px;
	}
	
	.mob_holzboedenHeader{
		width:305px;
	}
	
	.mob_treppenHeader{
		width:225px;
	}
	
	.mob_kuriositätenHeader{
		width:360px;
	}
	
	.mob_partner_Header{
		width:135px;
	}
	
	.mob_partnerHeader{
		width: 450px;
	}
	
	.mob_pfeil_top_2{
		margin-top:100px;
	}
	
	.mob_backToStart{
		float:left;
		margin-top:15px;
	}
	
	.mob_text_1, .mob_text_2, .mob_partner_text{
		font-size:20px;
		width:900px;
	}

	.team_1{
		width: 255px;
	}
	
	.team_2, .team_3{
		width: 510px;
	}
	
	.team_4{
		width: 455px;
	}
	
	.team_5{
		width: 420px;
	}
	
	.team_6{
		width: 350px;
	}
	
	.team_7{
		width: 390px;
	}
}

/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1280px) and (orientation : portrait) {
	
	body{
		min-width:768px;
		max-width:1280px;
	}
	
	.mob_start{
		margin-top:100px;
		max-height:500px;
		height:500px;
	}
	
	.mob_philo{
		max-height:500px;
		height:500px;
	}
	
	.mob_karriere, .mob_karriere_raster, .mob_kontakt{
		max-height:800px;
		height:800px;
	}
	
	.mob_referenzen{
		max-height:500px;
		height:500px;
	}
	
	.mob_pfeil{
		height: 128px;
		width:52px;
	}
	
	.mob_topLeiste{
		height:100px;
	}
	
	.mob_logo_navi{
		height:30px;
		margin:35px 0px 0px 20px;
	}
	
	.mob_menue_1{
		margin:30px 0px 0px 0px;
		font-weight:bold;
	}
	
	.mob_menue_2{
		margin:30px 0px 0px 0px;
		font-weight:bold;
	}
	
	.mob_menue_3{
		margin:20px 0px 0px 0px;
	}
	
	.mob_menueOrangeLines{
		margin:27.5px 20px 27.5px 0px;
		width:50px;
		height:45px;
	}
	
	.mob_orangeMenue{
		height:5px;
		width:50px;
		margin:5px 0px;
		background-color:#E37208;
	}

	.mob_ueberUnsHeader{
		width: 515px;
	}
	
	.mob_philoHeader{
		width: 330px;
	}

	.mob_teamHeader{
		width: 255px;
	}

	.mob_referenzenHeader{
		width:325px;
	}
	
	.mob_partner_Header{
		width:135px;
	}
	
	.mob_partnerHeader{
		width: 450px;
	}
	
	.mob_innenausbau_renovierung_Header{
		width:355px;
	}
	
	.mob_moebelHeader{
		width:175px;
	}
	
	.mob_ladenbauHeader{
		width:588px;
	}
	
	.mob_trockenbauHeader{
		width:340px;
	}
	
	.mob_holzverkleidungHeader{
		width:480px;
	}
	
	.mob_holzboedenHeader{
		width:305px;
	}
	
	.mob_treppenHeader{
		width:225px;
	}
	
	.mob_kuriositätenHeader{
		width:360px;
	}

	.team_1{
		width: 255px;
	}
	
	.team_2, .team_3{
		width: 510px;
	}
	
	.team_4{
		width: 455px;
	}
	
	.team_5{
		width: 420px;
	}
	
	.team_6{
		width: 350px;
	}
	
	.team_7{
		width: 390px;
	}
	
	.mob_pfeil_top_2{
		margin-top:100px;
	}
	
	.mob_backToStart{
		float:left;
		margin-top:180px;
	}
	
	.mob_text_1, .mob_text_2{
		font-size:20px;
		width:600px;
	}
	
	.mob_partner_text{
		font-size:20px;
		width:600px;
	}
}