@media only screen and (max-width: 1920px) and (min-width: 1800px) {
	.menu li a {
		padding: 15px 53px;
	}
}

@media only screen and (max-width: 1800px) and (min-width: 1700px) {
	.menu li a {
		padding: 15px 46px;
	}

	.fixedMenu .menu li a {
		padding: 25px 28px;
	}
}

@media only screen and (max-width: 1700px) and (min-width: 1500px) {
	.menu li a {
		padding: 35px 20px;
	}

	.fixedMenu .menu li a {
		padding: 25px 14px;
	}
}

@media only screen and (max-width: 1500px) and (min-width: 1200px) {
	.wrap {
		width: 85% !important;
	}
	.submenu {
		width: 20%;
	}

	.menu li a {
		padding: 15px 20px;
	}
	.fixedMenu .menu li a {
		padding: 25px 19px;
	}
	.menu li a {
		padding: 30px 20px;
	}

}


@media only screen and (max-width: 1200px) and (min-width: 320px) {
	.fixedHeader + .main, .fixedHeader + .slider {
		margin-top: 0px;
	}
	.sidemenu {
		display: none;
	}
	.menu.wrap {
		display: none;
	}
	.desktop {
		display: none;
	}

	.phoneonly {
		display: block;
	}

	.hinweis {
		padding: 0px;
		background-color: initial;
	}

	a.logo {
		width: 80%;
		margin: 80px 0px 25px 25px;
	}
	.quickmail:before {
		background: url(../images/mail_white.svg) 50% 50% no-repeat;
		background-size: contain;
	}
	.quickcall:before{
		background: url(../images/phone_white.svg) 50% 50% no-repeat;
		background-size: contain;
	}

	.quickmenu:before {
		background: url(../images/menu-icon_weiss.svg) 50% 50% no-repeat;
		background-size: contain;
	}

	.contactbar {
		width: 100%;
		position: fixed;
		top: 0;
		padding: 15px 0;
		background: #4d80af;
		line-height: 0;
		border-bottom: 1px solid #CCC;
		z-index: 200;
		left: 0;
	}

	.hinweistext {
		display: none;
	}
	
	.quickcall, .quickmail, .quickmenu {
		text-indent: -9999px;
		visibility: hidden;
		width: 33%;
		margin: 0;
	}
	.quickmenu {
		display: block;
	}
	.quickcall:before, .quickmail:before, .quickmenu:before {
		visibility: visible;
		float: none;
		display: block;
		margin: 0 auto;
	}

	.menu li {
		text-align: center; 
		width: 100%;
	}

	.cta-content {
		padding: 50px 0px;
	}

	.homebox {
		width: 100%;
		margin: 50px 0px;
	}


	.homeboximage {
		width: 10%;
	}
}

@media only screen and (max-width: 1199px) and (min-width: 604px) { 

	a.logo {
		margin-left: 25px;
	}

	.contactbar {
		margin-right: 25px;
	}
	
	.fixedMenu .menu li a {
		padding: 12px 40px;
	}
	.menu.wrap {
		padding: 0px;
	}
	.fixedMenu .menu.wrap {
		padding: 0 15px;
	}
	.fixedHeader + .main, .fixedHeader + .slider {
		margin-top: 120px;
	}
	.tabletonly {
		display: block;
	}
	.wrap {
		width: 90%;
	}
	#devinfo {
		display: none;
	}
	
	.menu li {
	    width: 50%;
	}

	.bxslider-li {
		height: 335px;
		background-position: 50%!important;
	}

	.facts {
		background-size: 28%;
	}

	.premium {
		background-size: 60%;
	}

	.boxes {
		padding: 40px 0;
		font-size: 90%;
	}



	.kontakt {
		background: #ededed;
	}

	.footer .border {
		width: 190px;
		padding: 15px 0 0;
	}

	.sidebar {
		width: 31%;
	}
	.text.sidebar {
		width: 100%;
	}

	a.subpagebox {
		margin-top: 25px;
	}


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

	.submenu {
		display: none !important;
	}

}

@media only screen and (max-width: 1140px){
	.mitarbeiter .img {
		width: 100px;
		height: 125px;
		margin-right: 20px;
	}

	.teaserBoxes {
		flex-wrap: wrap;
	}

	.teaserBox {
		flex: 0 0 48%;
		max-width: 48%;
		margin-bottom: 50px;
	}

}

@media only screen and (max-width : 985px) and (min-width: 605px) { 

	.menu li a {
	    padding: 12px 27px;
	    font-size: 109%;
	    display: block;
	    color: #5C7473;
	    white-space: nowrap;
	    cursor: pointer;
	}



	.c1-3 {
	    width: 100%!important;
	    margin: 0px!important;
	}


	.facts, .premium, .software {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
	

	.facts {
		background-size: 17%;
	}

	.premium {
		background-size: 45%;
	}

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

	.mitarbeiter {
		min-height: 365px;
	}

	.mitarbeiter .img {
		width: 150px;
		float: none;
		height: 150px;
		margin: 0 0 20px 0;
		border-radius: 0;
	}

}

@media only screen and (max-width : 800px) {
	.no-lumpprice p {
		width: 100%;
	}	
	.button--preisrechner {
		width: 100%;
		margin: 20px 0 0;
	}

	a.logo img {
	    width: 60%;
	    margin: 15px 11px;
	}


	.outsourcing-der-lohn-gehaltsabrechnung-3 {
	    margin: 0px 0% 0% 0%!important;
	    width: 100%;
	}


	.boximage, .boxtext {
		width: 100%;
		margin-right: 0;
	}


	.navboxes {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		margin: 50px 0px;
	}

	.navboxes .box {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
		margin: 10px 0px;
	}

}

@media only screen and (max-width : 605px) {
	h1 {
		font-size: 1.6em;
	}
	h2 {
		font-size: 1.5em;
	}

	#devinfo {
		display: none;
	}
	.wrap {
		width: 90%;	
	}
	ul.menu.wrap {
		padding: 0;
	}
	.home.text {
		padding: 25px 0;
	}

	.boxes .box {
		width: 100%;
		margin: 10px 0;
	}

	.navboxes {
		margin: 50px 0px;
	}

	.navboxes .box {
	    width: 100%;
	    margin: 0 0 10px 0;

	}

	.homeboximage {
		width: 100%;
		margin-bottom: 25px;
	}

	.homeboxtext {
		width: 100%;
	}



	.boxes .box:before {
		width: 100%;
		height: 100px;
		margin-bottom: 15px;
		background-size: 30%!important;
	}
	.box a.pdf-download {
		padding: 0 0 0 27px;
		background-size: auto 24px;
		display: block;
		margin: 7px 0 0;
	}
	.boxes .box a .headline {
		color: #457fb0;
	}

	.sidebar {
		width: 100%;
	}

	.kontakt, .facts, .premium {
		display: none;
	}

	.text.sidebar {
		width: 100%;
	}


	li.listitem.arrow {
	    background: url('../images/tick-listicon_blau.png') 3px 0% no-repeat;
	}

	.kundenreferenzen a h3 {
		font-size: 1.7em;
	}

	.footer .c1-3 {
		width: 100%;
		margin-bottom: 20px;
	}

	.footermenu ul li {
		width: 50%;
		margin: 0;
	}

	a.subpagebox {
		width: 100%;
		margin: 10px 0 0;
	}

	.mitarbeiter {
		width: 100%;
		padding: 20px 0;
		min-height: auto;
	}

	.mitarbeiter .img {
		margin: 0 25px 0 0;
		float: left;
		width: 100px;
	}

	.cont-field input, .cont-field-text textarea {
		width: 100%;
		border: 1px solid #ededed;
	}

	.cont-field input, .cont-field-text textarea {
		width: 100%;
		min-width: 1px;
	}
	.cont-field select {
		min-width: 100%;
	}
	.cont-button {
		float: none;
		width: 100%;
	}
	.nosidebar {
		width: 100%;
	}

	.preiskalkulator .question.check, .preiskalkulator .question.radio {
		margin-top: -45px;
		margin-left: 47px;
	}

	.preiskalkulator_new input[type="text"] {
		width: 100%;
	}
	.preiskalkulator .question.check, .preiskalkulator .question.radio, .preiskalkulator_new .question.check, .preiskalkulator_new .question.radio {
		margin-top: 7px;
	}
	.preiskalkulator--infobox .col span {
		width: 100%;
	}

	#slbc .premium {
		display: block;
	}

	.news .fr.newsimage {
		float: none!important;
		width: 100%;
		text-align: center;
	}

	.news .fr.newsimage img {
		margin: 0 auto;
	}

	ul.newsarticle-img li {
		width: 50%;
	}
	#lbImage {
		background-size: contain;
	}
	.footer p {
		margin: 0;
	}

	.backto {
		padding-left: 10px;
	}

	.backto a {
		width: 100%;
	}
	.footer a.inlinetel {
		text-decoration: underline;
		cursor: pointer;
	}

	.software {
	    display: none;
	}

	.hinweis {
		margin-top: 50px;
	}

	section#contactform {
		padding: 35px;
	}

	.cont-field {
		width: 100%;
		float: none;
		margin-right: 0;
	}

	.teaserBoxes {
		flex-direction: column;
	}

	.teaserBox {
		flex: 0 0 100%;
		max-width: 100%;
	}

}

@media only screen and (max-width : 605px) and (min-width: 470px) { 
	.navboxes .c1-3 {
		width: 100%!important;
		margin: 0px 0px 0px 0px!important;
	}
}



@media only screen and (max-width : 500px) {
	.mitarbeiter .img {
		margin-bottom: 20px;
	}

	a.logo img {
	    width: 60%;
	    margin: 15px auto;
	}



}