/*****************************************************************************************************
******************************************************************************************************
										-- Portrait --
******************************************************************************************************
******************************************************************************************************/

@media only screen and (orientation: portrait) {

	/* Devices (768px to 900px) 
	******************************************************************
	******************************************************************/
	@media only screen and (min-width: 768px) and (max-width: 900px) {
		/* start left/right
		****************************/
		#slogan {
			top: 35%;
			margin: 0;
		}
		#start_links {
			width: 42%;
		}
		#start_rechts {
			position: relative;
			float: left;
			width: 58%;
			height: 100vh;
			min-height: 100%;
			padding: 0 8%;
			text-align: center;
		}
			#start_rechts img {
				max-width: 95%;
				max-height: 95%;
				margin: 0;
			}
		#left {
			max-width: 130px;
			margin: 0 auto;
			line-height: 52px;
			padding-right: 0;
		}
		#left a {
			font-size: 32px;
		}
		#left a:hover {
			font-size: 32px;
		}
		div.clear {
			display: none;
		}

		/* navButton
		****************************/
		#navButton {
			width: 60px;
			height: 52px;
		}
		#navButton .toggle::after {
			top: 22px;
			left: 22px;
			width: 60px;
			height: 52px;
		}
		#navButton .toggle::before {
			top: 22px;
			left: 22px;
			width: 60px;
			height: 52px;
			line-height: 52px;
			font-size: 26px;
		}
		#navPanel {
			font-size: 20px;
			padding-top: 20px;
			padding-bottom: 20px;
			-moz-transform: translateX(-325px);
			-webkit-transform: translateX(-325px);
			-ms-transform: translateX(-325px);
			transform: translateX(-325px);
			width: 325px;
		}
		body.navPanel-visible #page-wrapper {
			-moz-transform: translateX(325px);
			-webkit-transform: translateX(325px);
			-ms-transform: translateX(325px);
			transform: translateX(325px);
		}
		body.navPanel-visible #navButton {
			-moz-transform: translateX(325px);
			-webkit-transform: translateX(325px);
			-ms-transform: translateX(325px);
			transform: translateX(325px);
		}

		/* Header
		****************************/
		h2 {
			font-size: 36px;
			line-height: 42px;
			font-weight: 900;
			margin: 0;
			padding: 0;
		}
		h3 {
			font-size: 26px!important;
			line-height: 32px;
			font-weight: 900;
			margin: 8px 0 14px 0;
			padding: 0;
			text-align: center;
		}
		div.moduletable_intro h3 {
			font-size: 36px!important;
			line-height: 42px;
			font-weight: 900;
			margin: 8px 0;
		}
		h4.hleft {
			font-size: 26px!important;
			font-weight: 900;
			margin: 0 0 10px 0;
			padding: 0 0 0 10px;
		}
		.sep {
			margin: 30px auto;
			max-width: 90%;
		}
		.sep::after {
			width: 40px;
			margin-left: -20px;
		}
		.sep_dark {
			margin: 30px auto;
			max-width: 90%;
		}
		.sep_dark::after {
			width: 40px;
			margin-left: -20px;
		}

		/* Article
		****************************/
		#mainwrapper {
			padding: 0 0 155px 0;
		}
		#mainwrapper p {
			font-size: 24px;
			line-height: 43px;
		}
		.leading-0 {
			padding: 55px 36px;
		}
		.item.span12 {
			padding: 55px 36px;
		}
		div.moduletable_intro {
			padding: 5px 36px 108px 36px;
		}
		.center {
			margin: 40px 0 0 0;
		}
		a.more {
			font-size: 17px;
			font-weight: 300;
			padding: 10px 14px;
		}
		a.more:hover {
			font-size: 17px;
			font-weight: 300;
			padding: 10px 14px;
		}
		.jfloat {
			float: none;
			font-size: 24px;
			line-height: 42px;
			max-width: 100%;
			padding: 0;
			margin: 35px 0 0 0;
		}

		/* Joomcareerjob
		****************************/
		div.wrapper_joomcareerjob {
			position: relative;
			float: none;
			width: 80%;
			margin: 0 auto 22px auto;
			max-height: 340px;
		}
		div.joomcareerjob {
			padding: 30px 20px;
			height: 215px;
		}
		p.mod_work-city {
			font-size: 21px!important;
		}
		a#morejobs {
			font-size: 17px;
			font-weight: 300;
			padding: 10px 14px;
		}
		a#morejobs:hover {
			font-size: 17px;
			font-weight: 300;
			padding: 10px 14px;
		}
		.mod_jobname {
			font-size: 26px!important;
			line-height: 42px;
		}
		div.link_position a {
			font-size: 12px;
			font-weight: bold;
		}
		.morecenter {
			margin: 60px 0 0 0;
		}

		/* Footer
		****************************/
		#footerwrapper {
			padding-top: 3.500em;
		}
		.moduletable_contact h3 {
			font-size: 16px!important;
			margin: 0 0 12px 0;
		}
		.moduletable_contact {
			margin: -1px 0 0 0;
			padding: 0 50px 0 0;
		}
		#copyright {
			position: absolute;
			right: 0;
			right: 50px;
			color: #757575;
			bottom: -225px;
			padding: 0;
			font-size: 14px;
		}
		#footerwrapper img {
			height: 0.938em;
			padding: 0 0.375em 0 0;
		}
		#loginwrapper .moduletable {
			padding: 35px 0 35px 32px;
			margin: 0 auto;
		}
		
		/* Cookies
		****************************/
		.coockie_banner p {
			font-size: 22px;
			line-height: 38px;
		}
		.coockie_banner .butonDefecto {
			font-size: 22px!important;
			padding: 7px 16px 4px 16px; 
			margin: 20px auto 14px auto!important;
		}
		.coockie_banner a {
			font-size: 22px;
			margin: 6px auto;
		}
	}

	/* Devices (900px and down) 
	******************************************************************
	******************************************************************/
	@media only screen and (max-width: 767px) {
		body {
			font-size: 16px;
		}
	
		#slogan {
			margin: 0;
		}
		.button-wrap {
			display: none;
		}
		div.clear {
			display: none;
		}
	}

	/* Devices (501px to 767px) 
	******************************************************************
	******************************************************************/
	@media only screen and (min-width: 501px) and (max-width: 767px) {
		/* start left/right
		****************************/
		#slogan {
			top: 30%;
			margin: 0;
		}
		#start_links {
			width: 42%;
		}
		#start_rechts {
			position: relative;
			float: left;
			width: 58%;
			height: 100vh;
			min-height: 100%;
			padding: 0 8%;
			text-align: center;
		}
			#start_rechts img {
				max-width: 95%;
				max-height: 95%;
				margin: -15% 0 0 0;
			}
		#left {
			max-width: 130px;
			margin: 0 auto;
			line-height: 46px;
			padding-right: 0;
		}
		#left a {
			font-size: 28px;
		}
		#left a:hover {
			font-size: 28px;
		}
		a.fit {
			display: none;
		}

		/* navButton
		****************************/
		#navButton {
			width: 45px;
			height: 38px;
		}
		#navButton .toggle::after {
			top: 22px;
			left: 22px;
			width: 45px;
			height: 38px;
		}
		#navButton .toggle::before {
			top: 22px;
			left: 22px;
			width: 45px;
			height: 38px;
			line-height: 38px;
		}
		#navPanel {
			font-size: 18px;
			padding-top: 10px;
			padding-bottom: 10px;
			-moz-transform: translateX(-295px);
			-webkit-transform: translateX(-295px);
			-ms-transform: translateX(-295px);
			transform: translateX(-295px);
			width: 295px;
		}
		body.navPanel-visible #page-wrapper {
			-moz-transform: translateX(295px);
			-webkit-transform: translateX(295px);
			-ms-transform: translateX(295px);
			transform: translateX(295px);
		}
		body.navPanel-visible #navButton {
			-moz-transform: translateX(295px);
			-webkit-transform: translateX(295px);
			-ms-transform: translateX(295px);
			transform: translateX(295px);
		}
		.icon_start {
			display: none;
		}
		
		/* Header
		****************************/
		h2 {
			font-size: 32px;
			font-weight: 900;
			line-height: 36px;
			margin: 0;
			padding: 0;
		}
		h3 {
			font-size: 23px!important;
			font-weight: 900;
			line-height: 32px;
			margin: 8px 0 14px 0;
			padding: 0;
			text-align: center;
		}
		div.moduletable_intro h3 {
			font-size: 32px!important;
			line-height: 36px;
			font-weight: 900;
			margin: 8px 0;
		}
		h4.hleft {
			font-size: 23px!important;
			font-weight: 900;
			margin: 0 0 10px 0;
			padding: 0 0 0 10px;
		}
		.sep {
			margin: 30px auto;
			max-width: 90%;
		}
		.sep::after {
			width: 40px;
			margin-left: -20px;
		}
		.sep_dark {
			margin: 30px auto;
			max-width: 90%;
		}
		.sep_dark::after {
			width: 40px;
			margin-left: -20px;
		}

		/* Article
		****************************/
		#mainwrapper {
			padding: 0 0 335px 0;
		}
		#mainwrapper p {
			font-size: 22px;
			line-height: 38px;
		}
		.leading-0 {
			padding: 55px 26px;
		}
		.item.span12 {
			padding: 55px 26px;
		}
		div.moduletable_intro {
			padding: 5px 26px 108px 26px;
		}
		.center {
			margin: 40px 0 0 0;
		}
		a.more {
			font-size: 16px;
			font-weight: 300;
			padding: 10px 14px 10px 14px;
		}
		a.more:hover {
			font-size: 16px;
			font-weight: 300;
			padding: 10px 14px 10px 14px;
		}
		.jfloat {
			float: none;
			font-size: 22px;
			line-height: 38px;
			max-width: 100%;
			padding: 0;
			margin: 24px 0 0 0;
		}

		/* Joomcareerjob
		****************************/
		div.wrapper_joomcareerjob {
			position: relative;
			float: none;
			width: 100%;
			margin: 0 auto 5px auto;
			max-height: 310px;
		}
		div.joomcareerjob {
			padding: 20px 24px;
			height: 200px;
		}
		a#morejobs {
			font-size: 16px;
			font-weight: 300;
			padding: 10px 14px 10px 14px;
		}
		a#morejobs:hover {
			font-size: 16px;
			font-weight: 300;
			padding: 10px 14px 10px 14px;
		}
		.mod_jobname {
			font-size: 20px!important;
			line-height: 26px;
		}
		p.mod_work-city {
			font-size: 17px!important;
		}
		div.link_position a {
			font-size: 12px;
			font-weight: bold;
		}
		.morecenter {
			margin: 50px 0 0 0;
		}

		/* Footer
		****************************/
		#footerwrapper {
			text-align: left;
			padding: 24px 26px 35px 26px;
			margin: 0;
		}
		li.item-145 {
			display: none;
		}
		.moduletable_nav {
			padding: 0;
			margin: 0 0 10px -40px;
		}
		.moduletable_nav ul.nav li {
			float: none;
			padding: 0;
			margin: 4px 0 0 0;
		}
		.moduletable_nav ul.nav a {
			font-size: 18px;
		}
		.moduletable_nav ul.nav span {
			font-size: 22px;
		}
		.moduletable_contact {
			float: none;
			font-size: 18px;
			line-height: 32px;
			margin: 0;
			padding: 0;
		}
		.moduletable_contact h3 {
			margin: 0 0 12px 0;
			font-size: 22px!important;
		}
		#copyright {
			position: absolute;
			right: 0;
			left: 26px;
			color: #757575;
			bottom: -65px;
			padding: 0;
			font-size: 16px;
			line-height: 20px;
		}
		#footerwrapper img {
			height: 14px;
			padding: 0 6px 0 0;
		}
		#loginwrapper .moduletable {
			padding: 28px 0 52px 16px;
			margin: 0 auto;
		}
		#gototop {
			display: none;
		}				

		/* Cookies
		****************************/
		.coockie_banner p {
			font-size: 18px;
			line-height: 30px;
		}
		.coockie_banner .butonDefecto {
			font-size: 18px!important;
			padding: 5px 13px 1px 13px; 
			margin: 14px auto 0 auto!important;
		}
		.coockie_banner a {
			font-size: 18px;
			margin: 0.500em auto;
		}
	}

	/* Devices (414px to 500px) 
	******************************************************************
	******************************************************************/
	@media only screen and (min-width: 414px) and (max-width: 500px) {
		/* start left/right
		****************************/
		#slogan {
			top: 30%;
			margin: 0;
		}
		#start_links {
			width: 42%;
		}
		#start_rechts {
			position: relative;
			float: left;
			width: 58%;
			height: 100vh;
			min-height: 100%;
			padding: 0 8%;
			text-align: center;
		}
			#start_rechts img {
				max-width: 95%;
				max-height: 95%;
				margin: -25% 0 0 0;
			}
		#left {
			max-width: 110px;
			margin: 0 auto;
			line-height: 39px;
			padding-right: 0;
		}
		#left a {
			font-size: 23px;
		}
		#left a:hover {
			font-size: 23px;
		}
		a.fit {
			display: none;
		}

		/* navButton
		****************************/
		#navButton {
			width: 45px;
			height: 38px;
		}
		#navButton .toggle::after {
			top: 22px;
			left: 22px;
			width: 45px;
			height: 38px;
		}
		#navButton .toggle::before {
			top: 22px;
			left: 22px;
			width: 45px;
			height: 38px;
			line-height: 38px;
		}
		#navPanel {
			font-size: 18px;
			padding-top: 10px;
			padding-bottom: 10px;
			-moz-transform: translateX(-295px);
			-webkit-transform: translateX(-295px);
			-ms-transform: translateX(-295px);
			transform: translateX(-295px);
			width: 295px;
		}
		body.navPanel-visible #page-wrapper {
			-moz-transform: translateX(295px);
			-webkit-transform: translateX(295px);
			-ms-transform: translateX(295px);
			transform: translateX(295px);
		}

		body.navPanel-visible #navButton {
			-moz-transform: translateX(295px);
			-webkit-transform: translateX(295px);
			-ms-transform: translateX(295px);
			transform: translateX(295px);
		}
		.icon_start {
			display: none;
		}

		/* Header
		****************************/
		h2 {
			font-size: 26px;
			font-weight: 900;
			line-height: 32px;
			margin: 0;
			padding: 0;
		}
		h3 {
			font-size: 20px!important;
			font-weight: 900;
			line-height: 32px;
			margin: 8px 0 14px 0;
			padding: 0;
			text-align: center;
		}
		div.moduletable_intro h3 {
			font-size: 26px!important;
			line-height: 32px;
			font-weight: 900;
			margin: 8px 0;
		}
		h4.hleft {
			font-size: 20px!important;
			font-weight: 900;
			margin: 0 0 10px 0;
			padding: 0 0 0 10px;
		}
		.sep {
			margin: 30px auto;
			max-width: 90%;
		}
		.sep::after {
			width: 40px;
			margin-left: -20px;
		}
		.sep_dark {
			margin: 30px auto;
			max-width: 90%;
		}
		.sep_dark::after {
			width: 40px;
			margin-left: -20px;
		}

		/* Article
		****************************/
		#mainwrapper {
			padding: 0 0 330px 0;
		}
		#mainwrapper p {
			font-size: 18px;
			line-height: 32px;
		}
		.leading-0 {
			padding: 35px 26px 45px 26px;
		}
		.item.span12 {
			padding: 35px 26px;
		}
		div.moduletable_intro {
			padding: 5px 26px 108px 26px;
		}
		.center {
			margin: 35px 0 0 0;
		}
		a.more {
			font-size: 16px;
			font-weight: 300;
			padding: 10px 14px 10px 14px;
		}
		a.more:hover {
			font-size: 16px;
			font-weight: 300;
			padding: 10px 14px 10px 14px;
		}
		.jfloat {
			float: none;
			font-size: 18px;
			line-height: 32px;
			max-width: 100%;
			padding: 0;
			margin: 24px 0 0 0;
		}

		/* Joomcareerjob
		****************************/
		div.wrapper_joomcareerjob {
			position: relative;
			float: none;
			width: 100%;
			margin: 0 auto 5px auto;
			max-height: 310px;
		}
		div.joomcareerjob {
			padding: 20px 24px;
			height: 200px;
		}
		a#morejobs {
			font-size: 16px;
			font-weight: 300;
			padding: 10px 14px 10px 14px;
		}
		a#morejobs:hover {
			font-size: 16px;
			font-weight: 300;
			padding: 10px 14px 10px 14px;
		}
		.mod_jobname {
			font-size: 20px!important;
			line-height: 26px;
		}
		p.mod_work-city {
			font-size: 17px!important;
		}
		div.link_position a {
			font-size: 12px;
			font-weight: bold;
		}
		.morecenter {
			margin: 50px 0 0 0;
		}

		/* Footer
		****************************/
		#footerwrapper {
			text-align: left;
			padding: 24px 26px 35px 26px;
			margin: 0;
		}
		li.item-145 {
			display: none;
		}
		.moduletable_nav {
			padding: 0;
			margin: 0 0 10px -40px;
		}
		.moduletable_nav ul.nav li {
			float: none;
			padding: 0;
			margin: 4px 0 0 0;
		}
		.moduletable_nav ul.nav a {
			font-size: 16px;
		}
		.moduletable_nav ul.nav span {
			font-size: 20px;
		}
		.moduletable_contact {
			float: none;
			font-size: 16px;
			line-height: 32px;
			margin: 0;
			padding: 0;
		}
		.moduletable_contact h3 {
			margin: 0 0 12px 0;
			font-size: 21px!important;
		}
		#copyright {
			position: absolute;
			right: 0;
			left: 26px;
			color: #757575;
			bottom: -60px;
			padding: 0;
			font-size: 14px;
			line-height: 20px;
		}
		#footerwrapper img {
			height: 14px;
			padding: 0 6px 0 0;
		}
		#loginwrapper .moduletable {
			padding: 28px 0 52px 16px;
			margin: 0 auto;
		}
		#gototop {
			display: none;
		}			

		/* Cookies
		****************************/
		.coockie_banner p {
			font-size: 18px;
			line-height: 30px;
		}
		.coockie_banner .butonDefecto {
			font-size: 18px!important;
			padding: 5px 13px 3px 13px; 
			margin: 0.875em auto 0 auto!important;
		}
		.coockie_banner a {
			font-size: 18px;
			margin: 0.500em auto;
		}
	}

	/* Devices (360px to 413px) 
	******************************************************************
	******************************************************************/
	@media only screen and (min-width: 360px) and (max-width: 413px) {
		/* start left/right
		****************************/
		#slogan {
			top: 30%;
			margin: 0;
		}
		#start_links {
			width: 42%;
		}
		#start_rechts {
			position: relative;
			float: left;
			width: 58%;
			height: 100vh;
			min-height: 100%;
			padding: 0 8%;
			text-align: center;
		}
			#start_rechts img {
				max-width: 95%;
				max-height: 95%;
				margin: -15% 0 0 0;
			}
		#left {
			max-width: 105px;
			margin: 0 auto;
			line-height: 38px;
			padding-right: 0;
		}
		#left a {
			font-size: 22px;
		}
		#left a:hover {
			font-size: 22px;
		}
		a.fit {
			display: none;
		}

		/* navButton
		****************************/
		#navButton {
			width: 45px;
			height: 38px;
		}
		#navButton .toggle::after {
			top: 22px;
			left: 22px;
			width: 45px;
			height: 38px;
		}
		#navButton .toggle::before {
			top: 22px;
			left: 22px;
			width: 45px;
			height: 38px;
			line-height: 38px;
		}
		#navPanel {
			font-size: 16px;
			padding-top: 10px;
			padding-bottom: 10px;
			-moz-transform: translateX(-265px);
			-webkit-transform: translateX(-265px);
			-ms-transform: translateX(-265px);
			transform: translateX(-265px);
			width: 265px;
		}
		body.navPanel-visible #page-wrapper {
			-moz-transform: translateX(265px);
			-webkit-transform: translateX(265px);
			-ms-transform: translateX(265px);
			transform: translateX(265px);
		}

		body.navPanel-visible #navButton {
			-moz-transform: translateX(265px);
			-webkit-transform: translateX(265px);
			-ms-transform: translateX(265px);
			transform: translateX(265px);
		}
		.icon_start {
			display: none;
		}

		/* Header
		****************************/
		h2 {
			font-size: 26px;
			font-weight: 900;
			line-height: 32px;
			margin: 0;
			padding: 0;
		}
		h3 {
			font-size: 20px!important;
			font-weight: 900;
			line-height: 32px;
			margin: 8px 0 14px 0;
			padding: 0;
			text-align: center;
		}
		div.moduletable_intro h3 {
			font-size: 26px!important;
			line-height: 32px;
			font-weight: 900;
			margin: 8px 0;
		}
		h4.hleft {
			font-size: 20px!important;
			font-weight: 900;
			margin: 0 0 10px 0;
			padding: 0 0 0 10px;
		}
		.sep {
			margin: 30px auto;
			max-width: 90%;
		}
		.sep::after {
			width: 40px;
			margin-left: -20px;
		}
		.sep_dark {
			margin: 30px auto;
			max-width: 90%;
		}
		.sep_dark::after {
			width: 40px;
			margin-left: -20px;
		}

		/* Article
		****************************/
		#mainwrapper {
			padding: 0 0 330px 0;
		}
		#mainwrapper p {
			font-size: 18px;
			line-height: 32px;
		}
		.leading-0 {
			padding: 35px 22px 45px 22px;
		}
		.item.span12 {
			padding: 35px 22px;
		}
		div.moduletable_intro {
			padding: 5px 22px 108px 22px;
		}
		.center {
			margin: 35px 0 0 0;
		}
		a.more {
			font-size: 16px;
			font-weight: 300;
			padding: 10px 14px 10px 14px;
		}
		a.more:hover {
			font-size: 16px;
			font-weight: 300;
			padding: 10px 14px 10px 14px;
		}
		.jfloat {
			float: none;
			font-size: 18px;
			line-height: 32px;
			max-width: 100%;
			padding: 0;
			margin: 24px 0 0 0;
		}

		/* Joomcareerjob
		****************************/
		div.wrapper_joomcareerjob {
			position: relative;
			float: none;
			width: 100%;
			margin: 0 auto 5px auto;
			max-height: 310px;
		}
		div.joomcareerjob {
			padding: 20px 24px;
			height: 200px;
		}
		a#morejobs {
			font-size: 16px;
			font-weight: 300;
			padding: 10px 14px 10px 14px;
		}
		a#morejobs:hover {
			font-size: 16px;
			font-weight: 300;
			padding: 10px 14px 10px 14px;
		}
		.mod_jobname {
			font-size: 20px!important;
			line-height: 26px;
		}
		p.mod_work-city {
			font-size: 17px!important;
		}
		div.link_position a {
			font-size: 12px;
			font-weight: bold;
		}
		.morecenter {
			margin: 50px 0 0 0;
		}

		/* Footer
		****************************/
		#footerwrapper {
			text-align: left;
			padding: 24px 22px 35px 22px;
			margin: 0;
		}
		li.item-145 {
			display: none;
		}
		.moduletable_nav {
			padding: 0;
			margin: 0 0 10px -40px;
		}
		.moduletable_nav ul.nav li {
			float: none;
			padding: 0;
			margin: 4px 0 0 0;
		}
		.moduletable_nav ul.nav a {
			font-size: 16px;
		}
		.moduletable_nav ul.nav span {
			font-size: 20px;
		}
		.moduletable_contact {
			float: none;
			font-size: 16px;
			line-height: 32px;
			margin: 0;
			padding: 0;
		}
		.moduletable_contact h3 {
			margin: 0 0 12px 0;
			font-size: 21px!important;
		}
		#copyright {
			position: absolute;
			right: 0;
			left: 22px;
			color: #757575;
			bottom: -63px;
			padding: 0;
			font-size: 14px;
			line-height: 20px;
		}
		#footerwrapper img {
			height: 14px;
			padding: 0 6px 0 0;
		}
		#loginwrapper .moduletable {
			padding: 28px 0 52px 16px;
			margin: 0 auto;
		}
		#gototop {
			display: none;
		}			

		/* Cookies
		****************************/
		.coockie_banner p {
			font-size: 16px;
			line-height: 25px;
		}
		.coockie_banner .butonDefecto {
			font-size: 16px!important;
			padding: 5px 10px 2px 10px; 
			margin: 14px auto 0 auto!important;
		}
		.coockie_banner a {
			font-size: 16px;
			margin: 8px auto;
		}
	}

	/* Devices (320px to 359px) 
	******************************************************************
	******************************************************************/
	@media only screen and (min-width: 320px) and (max-width: 359px) {
		/* start left/right
		****************************/
		#slogan {
			top: 28%;
			margin: 0;
		}
		#start_links {
			width: 40%;
		}
		#start_rechts {
			position: relative;
			float: left;
			width: 60%;
			padding: 0 8%;
			text-align: center;
		}
			#start_rechts img {
				max-width: 95%;
				max-height: 95%;
				margin: -10% 0 0 0;
			}
		#left {
			max-width: 90px;
			margin: 0 auto;
			line-height: 34px;
			padding-right: 0;
		}
		#left a {
			font-size: 18px;
		}
		#left a:hover {
			font-size: 18px;
		}
		a.fit {
			display: none;
		}

		/* navButton
		****************************/
		#navButton {
			width: 45px;
			height: 38px;
		}
		#navButton .toggle::after {
			top: 16px;
			left: 16px;
			width: 45px;
			height: 38px;
		}
		#navButton .toggle::before {
			top: 16px;
			left: 16px;
			width: 45px;
			height: 38px;
			line-height: 38px;
		}
		#navPanel {
			font-size: 14px;
			padding-top: 10px;
			padding-bottom: 10px;
			-moz-transform: translateX(-240px);
			-webkit-transform: translateX(-240px);
			-ms-transform: translateX(-240px);
			transform: translateX(-240px);
			width: 240px;
		}
		body.navPanel-visible #page-wrapper {
			-moz-transform: translateX(240px);
			-webkit-transform: translateX(240px);
			-ms-transform: translateX(240px);
			transform: translateX(240px);
		}

		body.navPanel-visible #navButton {
			-moz-transform: translateX(240px);
			-webkit-transform: translateX(240px);
			-ms-transform: translateX(240px);
			transform: translateX(240px);
		}
		.icon_start {
			display: none;
		}

		/* Header
		****************************/
		h2 {
			font-size: 24px;
			font-weight: 900;
			line-height: 30px;
			margin: 0;
			padding: 0;
		}
		h3 {
			font-size: 18px!important;
			font-weight: 900;
			line-height: 28px;
			margin: 8px 0 14px 0;
			padding: 0;
			text-align: center;
		}
		div.moduletable_intro h3 {
			font-size: 24px!important;
			line-height: 30px;
			font-weight: 900;
			margin: 8px 0;
		}
		h4.hleft {
			font-size: 18px!important;
			font-weight: 900;
			margin: 0 0 10px 0;
			padding: 0 0 0 10px;
		}
		.sep {
			margin: 30px auto;
			max-width: 90%;
		}
		.sep::after {
			width: 40px;
			margin-left: -20px;
		}
		.sep_dark {
			margin: 30px auto;
			max-width: 90%;
		}
		.sep_dark::after {
			width: 40px;
			margin-left: -20px;
		}

		/* Article
		****************************/
		#mainwrapper {
			padding: 0 0 330px 0;
		}
		#mainwrapper p {
			font-size: 16px;
			line-height: 30px;
		}
		.leading-0 {
			padding: 35px 18px 45px 18px;
		}
		.item.span12 {
			padding: 35px 18px;
		}
		div.moduletable_intro {
			padding: 0 18px 108px 18px;
		}
		.center {
			margin: 35px 0 0 0;
		}
		a.more {
			font-size: 14px;
			font-weight: 300;
			padding: 10px 14px 10px 14px;
		}
		a.more:hover {
			font-size: 14px;
			font-weight: 300;
			padding: 10px 14px 10px 14px;
		}
		.jfloat {
			float: none;
			font-size: 16px;
			line-height: 30px;
			max-width: 100%;
			padding: 0;
			margin: 24px 0 0 0;
		}

		/* Joomcareerjob
		****************************/
		div.wrapper_joomcareerjob {
			position: relative;
			float: none;
			width: 100%;
			margin: 0 auto 5px auto;
			max-height: 310px;
		}
		div.joomcareerjob {
			padding: 20px 24px;
			height: 200px;
		}
		a#morejobs {
			font-size: 14px;
			font-weight: 300;
			padding: 10px 14px 10px 14px;
		}
		a#morejobs:hover {
			font-size: 14px;
			font-weight: 300;
			padding: 10px 14px 10px 14px;
		}
		.mod_jobname {
			font-size: 17px!important;
			line-height: 26px;
		}
		div.link_position a {
			font-size: 12px;
			font-weight: bold;
		}
		.morecenter {
			margin: 45px 0 0 0;
		}

		/* Footer
		****************************/
		#footerwrapper {
			text-align: left;
			padding: 24px 18px 35px 18px;
			margin: 0;
		}
		li.item-145 {
			display: none;
		}
		.moduletable_nav {
			padding: 0;
			margin: 0 0 10px -40px;
		}
		.moduletable_nav ul.nav li {
			float: none;
			padding: 0;
			margin: 0;
		}
		.moduletable_nav ul.nav a {
			font-size: 16px;
		}
		.moduletable_nav ul.nav span {
			font-size: 19px;
		}
		.moduletable_contact {
			float: none;
			font-size: 16px;
			line-height: 30px;
			margin: 0;
			padding: 0;
		}
		.moduletable_contact h3 {
			margin: 0 0 12px 0;
			font-size: 19px!important;
		}
		#copyright {
			position: absolute;
			right: 0;
			left: 16px;
			color: #757575;
			bottom: -60px;
			padding: 0;
			font-size: 12px;
			line-height: 20px;
		}
		#footerwrapper img {
			height: 12px;
			padding: 0 6px 0 0;
		}
		#loginwrapper .moduletable {
			padding: 28px 0 52px 16px;
			margin: 0 auto;
		}
		#gototop {
			display: none;
		}		

		/* Cookies
		****************************/
		.coockie_banner p {
			font-size: 15px;
		}
		.coockie_banner .butonDefecto {
			font-size: 15px!important;
			padding: 4px 10px 2px 10px; 
			margin: 14px auto 0 auto!important;
		}
		.coockie_banner a {
			font-size: 15px;
			margin: 8px auto;
		}
	}

	/* Devices (220px to 319px) 
	******************************************************************
	******************************************************************/
	@media only screen and (min-width: 220px) and (max-width: 319px) {
		/* start left/right
		****************************/
		#slogan {
			top: 25%;
			margin: 0;
		}
		#start_links {
			width: 45%;
		}
		#start_rechts {
			position: relative;
			float: left;
			width: 55%;
			padding: 0 8%;
			text-align: center;
		}
			#start_rechts img {
				max-width: 95%;
				max-height: 95%;
				margin: 0 0 0 0;
			}
		#left {
			max-width: 70px;
			margin: 0 auto;
			line-height: 26px;
			padding-right: 0;
		}
		#left a {
			font-size: 14px;
		}
		#left a:hover {
			font-size: 14px;
		}
		a.fit {
			display: none;
		}

		/* navButton
		****************************/
		#navButton {
			width: 38px;
			height: 32px;
		}
		#navButton .toggle::after {
			top: 14px;
			left: 14px;
			width: 38px;
			height: 32px;
		}
		#navButton .toggle::before {
			top: 14px;
			left: 14px;
			width: 38px;
			height: 32px;
			line-height: 32px;
		}
		#navPanel {
			font-size: 13px;
			padding-top: 10px;
			padding-bottom: 10px;
			-moz-transform: translateX(-205px);
			-webkit-transform: translateX(-205px);
			-ms-transform: translateX(-205px);
			transform: translateX(-205px);
			width: 205px;
		}
		body.navPanel-visible #page-wrapper {
			-moz-transform: translateX(205px);
			-webkit-transform: translateX(205px);
			-ms-transform: translateX(205px);
			transform: translateX(205px);
		}

		body.navPanel-visible #navButton {
			-moz-transform: translateX(205px);
			-webkit-transform: translateX(205px);
			-ms-transform: translateX(205px);
			transform: translateX(205px);
		}

		/* Header
		****************************/
		h2 {
			font-size: 22px;
			font-weight: 900;
			line-height: 28px;
			margin: 0;
			padding: 0;
		}
		h3 {
			font-size: 16px!important;
			font-weight: 900;
			line-height: 24px;
			margin: 8px 0 10px 0;
			padding: 0;
			text-align: center;
		}
		div.moduletable_intro h3 {
			font-size: 22px!important;
			line-height: 28px;
			font-weight: 900;
			margin: 8px 0 28px 0;
		}
		h4.hleft {
			font-size: 16px!important;
			font-weight: 900;
			margin: 0 0 10px 0;
			padding: 0 0 0 10px;
		}
		.sep {
			margin: 30px auto;
			max-width: 90%;
		}
		.sep::after {
			width: 40px;
			margin-left: -20px;
		}
		.sep_dark {
			margin: 30px auto;
			max-width: 90%;
		}
		.sep_dark::after {
			width: 40px;
			margin-left: -20px;
		}

		/* Article
		****************************/
		#mainwrapper {
			padding: 0 0 355px 0;
		}
		#mainwrapper p {
			font-size: 16px;
			line-height: 26px;
		}
		.leading-0 {
			padding: 30px 16px 45px 16px;
		}
		.item.span12 {
			padding: 30px 16px 10px 16px;
		}
		div.moduletable_intro {
			padding: 30px 16px 35px 16px;
		}
		.center {
			margin: 35px 0 0 0;
		}
		a.more {
			font-size: 14px;
			font-weight: 300;
			padding: 10px 14px;
		}
		a.more:hover {
			font-size: 14px;
			font-weight: 300;
			padding: 10px 14px;
		}
		.jfloat {
			float: none;
			font-size: 16px;
			line-height: 26px;
			max-width: 100%;
			padding: 0;
			margin: 24px 0 0 0;
		}

		/* Joomcareerjob
		****************************/
		div.wrapper_joomcareerjob {
			position: relative;
			float: none;
			background: none;
			width: 95%;
			padding: 0;
			margin: 0 auto 25px auto;
			max-height: 330px;
		}
		div.joomcareerjob {
			padding: 18px 10px;
			height: 200px;
		}
		a#morejobs {
			font-size: 14px;
			font-weight: 300;
			padding: 10px 14px;
		}
		a#morejobs:hover {
			font-size: 14px;
			font-weight: 300;
			padding: 10px 14px;
		}
		.mod_jobname {
			font-size: 15px!important;
			line-height: 1.375em;
		}
		p.mod_work-city {
			font-size: 15px!important;
		}
		div.link_position {
			bottom: 6px;
			right: 18px;

		}
		div.link_position a {
			font-size: 12px;
			font-weight: bold;
			color: #c7104d;
		}
		.morecenter {
			margin: 40px 0 0 0;
		}

		/* Footer
		****************************/
		#footerwrapper {
			text-align: left;
			padding: 20px 16px 35px 16px;
			margin: 0;
		}
		li.item-145 {
			display: none;
		}
		.moduletable_nav {
			padding: 0;
			margin: 0 0 10px -40px;
		}
		.moduletable_nav ul.nav li {
			float: none;
			padding: 0;
			margin: 0 0 0 0;
		}
		.moduletable_nav ul.nav a {
			font-size: 14px;
		}
		.moduletable_nav ul.nav span {
			font-size: 18px;
		}
		.moduletable_contact {
			float: none;
			font-size: 14px;
			line-height: 26px;
			margin: 0;
			padding: 0;
		}
		.moduletable_contact h3 {
			margin: 0 0 13px 0;
			font-size: 18px!important;
		}
		#copyright {
			position: absolute;
			right: 0;
			left: 16px;
			color: #757575;
			bottom: -55px;
			padding: 0;
			font-size: 10px;
			line-height: 18px;
		}
		#footerwrapper img {
			height: 10px;
			padding: 0 6px 0 0;
		}
		#loginwrapper .moduletable {
			padding: 24px 0 50px 14px;
			margin: 0 auto;
		}
		#gototop {
			display: none;
		}

		/* Cookies
		****************************/
		.coockie_banner p {
			font-size: 12px;
			line-height: 20px;
		}
		.coockie_banner .butonDefecto {
			font-size: 12px!important;
			padding: 4px 10px 1px 10px; 
			margin: 14px auto 0 auto!important;
		}
		.coockie_banner a {
			font-size: 12px;
			margin: 8px auto;
		}
	}

	/* Devices (170px to 176px)
	******************************************************************
	******************************************************************/
	@media only screen and (min-width: 170px) and (max-width: 176px) {
		/* start left/right
		****************************/
		#slogan {
			top: 20%;
			margin: 0;
		}
		#start_links {
			width: 45%;
		}
		#start_rechts {
			position: relative;
			float: left;
			width: 55%;
			padding: 0 8%;
			text-align: center;
		}
			#start_rechts img {
				max-width: 95%;
				max-height: 95%;
				margin: 0 0 0 0;
			}
		#left {
			max-width: 65px;
			margin: 0 auto;
			line-height: 21px;
			padding-right: 0;
		}
		#left a {
			font-size: 13px;
		}
		#left a:hover {
			font-size: 13px;
		}
		a.fit {
			display: none;
		}

		/* navButton
		****************************/
		#navButton {
			width: 32px;
			height: 26px;
		}
		#navButton .toggle::after {
			top: 8px;
			left: 8px;
			width: 32px;
			height: 26px;
		}
		#navButton .toggle::before {
			top: 8px;
			left: 8px;
			width: 32px;
			height: 26px;
			line-height: 26px;
		}
		#navPanel {
			font-size: 10px;
			padding-top: 10px;
			padding-bottom: 10px;
			-moz-transform: translateX(-155px);
			-webkit-transform: translateX(-155px);
			-ms-transform: translateX(-155px);
			transform: translateX(-155px);
			width: 155px;
		}
		body.navPanel-visible #page-wrapper {
			-moz-transform: translateX(155px);
			-webkit-transform: translateX(155px);
			-ms-transform: translateX(155px);
			transform: translateX(155px);
		}

		body.navPanel-visible #navButton {
			-moz-transform: translateX(155px);
			-webkit-transform: translateX(155px);
			-ms-transform: translateX(155px);
			transform: translateX(155px);
		}

		/* Header
		****************************/
		h2 {
			font-size: 16px;
			font-weight: 900;
			line-height: 24px;
			margin: 0;
			padding: 0;
		}
		h3 {
			font-size: 13px!important;
			font-weight: 900;
			line-height: 20px;
			margin: 10px 0 0 0;
			padding: 0;
			text-align: center;
		}
		div.moduletable_intro h3 {
			font-size: 16px!important;
			font-weight: 900;
			margin: 0 0 26px 0;
		}
		h4.hleft {
			font-size: 13px!important;
			font-weight: 900;
			margin: 0 0 10px 0;
			padding: 0 0 0 10px;
		}
		.sep {
			margin: 25px auto 25px auto;
			max-width: 90%;
		}
		.sep::after {
			width: 40px;
			margin-left: -20px;
		}
		.sep_dark {
			margin: 25px auto;
			max-width: 90%;
		}
		.sep_dark::after {
			width: 40px;
			margin-left: -20px;
		}

		/* Article
		****************************/
		#mainwrapper {
			padding: 0 0 270px 0;
		}
		#mainwrapper p {
			font-size: 11px;
			line-height: 18px;
		}
		.leading-0 {
			padding: 35px 12px 35px 12px;
		}
		.item.span12 {
			padding: 30px 12px 30px 12px;
		}
		div.moduletable_intro {
			padding: 0 12px 30px 12px;
		}
		.center {
			margin: 26px 0 0 0;
		}
		a.more {
			font-size: 11px;
			font-weight: 300;
			padding: 8px 10px;
		}
		a.more:hover {
			font-size: 11px;
			font-weight: 300;
			padding: 8px 10px;
		}
		.jfloat {
			float: none;
			font-size: 11px;
			line-height: 18px;
			max-width: 100%;
			padding: 0;
			margin: 22px 0 0 0;
		}

		/* Joomcareerjob
		****************************/
		div.wrapper_joomcareerjob {
			position: relative;
			float: none;
			background: none;
			width: 100%;
			padding: 0;
			margin: 0 0 22px 0;
			max-height: 330px;
		}
		div.joomcareerjob {
			padding: 20px 8px;
			height: 200px;
		}
		a#morejobs {
			font-size: 11px;
			font-weight: 300;
			padding: 8px 10px;
		}
		a#morejobs:hover {
			font-size: 11px;
			font-weight: 300;
			padding: 8px 10px;
		}
		.mod_jobname {
			font-size: 14px!important;
			line-height: 18px;
		}
		p.mod_work-city {
			font-size: 11px!important;
		}
		div.link_position {
			bottom: 6px;
			right: 18px;

		}
		div.link_position a {
			font-size: 12px;
			font-weight: bold;
			color: #c7104d;
		}
		.morecenter {
			margin: 35px 0 0 0;
		}
		
		/* Footer
		****************************/
		#footerwrapper {
			text-align: left;
			padding: 14px 12px 30px 12px;
			margin: 0;
		}
		li.item-145 {
			display: none;
		}
		.moduletable_nav {
			padding: 0;
			margin: 0 0 10px -40px;
		}
		.moduletable_nav ul.nav li {
			float: none;
			padding: 0;
			margin: -10px 0 0 0;
		}
		.moduletable_nav ul.nav a {
			font-size: 11px;
		}
		.moduletable_nav ul.nav span {
			font-size: 14px;
		}
		.moduletable_contact {
			float: none;
			font-size: 11px;
			line-height: 19px;
			margin: 0;
			padding: 0;
		}
		.moduletable_contact h3 {
			margin: 0 0 8px 0;
			font-size: 14px!important;
		}
		#copyright {
			position: absolute;
			right: 0;
			left: 15px;
			color: #757575;
			bottom: -67px;
			padding: 0;
			font-size: 9px;
			line-height: 19px;
		}
		#footerwrapper img {
			display: none;
		}
		#loginwrapper .moduletable {
			padding: 30px 0 50px 0;
			margin: 0 auto;
		}
		#gototop {
			display: none;
		}

		/* Cookies
		****************************/
		.coockie_banner p {
			font-size: 10px;
			line-height: 16px;
		}
		.coockie_banner .butonDefecto {
			font-size: 10px!important;
			padding: 4px 10px 1px 10px; 
			margin: 14px auto 0 auto!important;
		}
		.coockie_banner a {
			font-size: 10px;
			margin: 8px auto;
		}
	}

}



/*****************************************************************************************************
******************************************************************************************************
										-- Landscape --
******************************************************************************************************
******************************************************************************************************/

@media only screen and (orientation: landscape) {

	/* Devices (900px and down) 
	******************************************************************
	******************************************************************/
	@media only screen and (max-width: 767px) {
		body {
			font-size: 16px;
		}
		#start_links {
			float: left;
			padding: 0;
		}
		#start_rechts {
			position: absolute;
			top: 2.5%;
			right: 2%;
			float: none;
			width: 160px;
			height: 160px;
			min-height: 0;
			padding: 0;
		}
		#slogan {
			margin: 0;
		}
		.button-wrap {
			display: none;
		}
		div.clear {
			display: none;
		}
	}

	/* Devices (671px to 736px) 
	******************************************************************
	******************************************************************/
	@media only screen and (min-width: 671px) and (max-width: 767px) {
		/* start left/right
		****************************/
		#slogan {
			top: 22%;
			margin: 0;
		}
		#start_links {
			width: 30%;
		}
		#start_rechts {
			position: relative;
			float: left;
			top: 0;
			right: 0;
			width: 70%;
			padding: 0 8%;
			text-align: center;
		}
			#start_rechts img {
				max-width: 70%;
				max-height: 70%;
				margin: 5% 0 0 0;
			}
		#left {
			max-width: 105px;
			margin: 0 auto;
			line-height: 44px;
			padding-right: 0;
		}
		#left a {
			font-size: 24px;
		}
		#left a:hover {
			font-size: 24px;
		}
		a.fit {
			display: none;
		}

		/* navButton
		****************************/
		#navButton {
			width: 45px;
			height: 38px;
		}
		#navButton .toggle::after {
			top: 22px;
			left: 22px;
			width: 45px;
			height: 38px;
		}
		#navButton .toggle::before {
			top: 22px;
			left: 22px;
			width: 45px;
			height: 38px;
			line-height: 38px;
		}
		#navPanel {
			font-size: 18px;
			padding-top: 10px;
			padding-bottom: 10px;
			-moz-transform: translateX(-315px);
			-webkit-transform: translateX(-315px);
			-ms-transform: translateX(-315px);
			transform: translateX(-315px);
			width: 315px;
		}
		body.navPanel-visible #page-wrapper {
			-moz-transform: translateX(315px);
			-webkit-transform: translateX(315px);
			-ms-transform: translateX(315px);
			transform: translateX(315px);
		}
		body.navPanel-visible #navButton {
			-moz-transform: translateX(315px);
			-webkit-transform: translateX(315px);
			-ms-transform: translateX(315px);
			transform: translateX(315px);
		}
		.icon_start {
			display: none;
		}
		
		/* Header
		****************************/
		h2 {
			font-size: 32px;
			font-weight: 900;
			line-height: 36px;
			margin: 0;
			padding: 0;
		}
		h3 {
			font-size: 23px!important;
			font-weight: 900;
			line-height: 32px;
			margin: 8px 0 14px 0;
			padding: 0;
			text-align: center;
		}
		div.moduletable_intro h3 {
			font-size: 32px!important;
			line-height: 36px;
			font-weight: 900;
			margin: 8px 0;
		}
		h4.hleft {
			font-size: 23px!important;
			font-weight: 900;
			margin: 0 0 10px 0;
			padding: 0 0 0 10px;
		}
		.sep {
			margin: 30px auto;
			max-width: 90%;
		}
		.sep::after {
			width: 40px;
			margin-left: -20px;
		}
		.sep_dark {
			margin: 30px auto;
			max-width: 90%;
		}
		.sep_dark::after {
			width: 40px;
			margin-left: -20px;
		}

		/* Article
		****************************/
		#mainwrapper {
			padding: 0 0 335px 0;
		}
		#mainwrapper p {
			font-size: 22px;
			line-height: 38px;
		}
		.leading-0 {
			padding: 55px 26px;
		}
		.item.span12 {
			padding: 55px 26px;
		}
		div.moduletable_intro {
			padding: 5px 26px 108px 26px;
		}
		.center {
			margin: 40px 0 0 0;
		}
		a.more {
			font-size: 16px;
			font-weight: 300;
			padding: 10px 14px 10px 14px;
		}
		a.more:hover {
			font-size: 16px;
			font-weight: 300;
			padding: 10px 14px 10px 14px;
		}
		.jfloat {
			float: none;
			font-size: 22px;
			line-height: 38px;
			max-width: 100%;
			padding: 0;
			margin: 24px 0 0 0;
		}

		/* Joomcareerjob
		****************************/
		div.wrapper_joomcareerjob {
			position: relative;
			float: none;
			width: 100%;
			margin: 0 auto 5px auto;
			max-height: 310px;
		}
		div.joomcareerjob {
			padding: 20px 24px;
			height: 200px;
		}
		a#morejobs {
			font-size: 16px;
			font-weight: 300;
			padding: 10px 14px 10px 14px;
		}
		a#morejobs:hover {
			font-size: 16px;
			font-weight: 300;
			padding: 10px 14px 10px 14px;
		}
		.mod_jobname {
			font-size: 20px!important;
			line-height: 26px;
		}
		p.mod_work-city {
			font-size: 17px!important;
		}
		div.link_position a {
			font-size: 12px;
			font-weight: bold;
		}
		.morecenter {
			margin: 50px 0 0 0;
		}

		/* Footer
		****************************/
		#footerwrapper {
			text-align: left;
			padding: 24px 26px 35px 26px;
			margin: 0;
		}
		li.item-145 {
			display: none;
		}
		.moduletable_nav {
			padding: 0;
			margin: 0 0 10px -40px;
		}
		.moduletable_nav ul.nav li {
			float: none;
			padding: 0;
			margin: 4px 0 0 0;
		}
		.moduletable_nav ul.nav a {
			font-size: 18px;
		}
		.moduletable_nav ul.nav span {
			font-size: 22px;
		}
		.moduletable_contact {
			float: none;
			font-size: 18px;
			line-height: 32px;
			margin: 0;
			padding: 0;
		}
		.moduletable_contact h3 {
			margin: 0 0 12px 0;
			font-size: 22px!important;
		}
		#copyright {
			position: absolute;
			right: 0;
			left: 26px;
			color: #757575;
			bottom: -74px;
			padding: 0;
			font-size: 18px;
			line-height: 20px;
		}
		#footerwrapper img {
			height: 18px;
			padding: 0 6px 0 0;
		}
		#loginwrapper .moduletable {
			padding: 40px 0 54px 16px;
			margin: 0 auto;
		}
		#gototop {
			display: none;
		}				

		/* Cookies
		****************************/
		.coockie_banner p {
			font-size: 18px;
			line-height: 30px;
		}
		.coockie_banner .butonDefecto {
			font-size: 18px!important;
			padding: 5px 13px 1px 13px; 
			margin: 14px auto 0 auto!important;
		}
		.coockie_banner a {
			font-size: 18px;
			margin: 0.500em auto;
		}
	}

	/* Devices (640px to 670px) 
	******************************************************************
	******************************************************************/
	@media only screen and (min-width: 640px) and (max-width: 670px) {
		/* start left/right
		****************************/
		#slogan {
			top: 20%;
			margin: 0;
		}
		#start_links {
			width: 30%;
		}
		#start_rechts {
			position: relative;
			float: left;
			top: 0;
			right: 0;
			width: 70%;
			padding: 0 8%;
			text-align: center;
		}
			#start_rechts img {
				max-width: 65%;
				max-height: 65%;
				margin: 5% 0 0 0;
			}
		#left {
			max-width: 105px;
			margin: 0 auto;
			line-height: 38px;
			padding-right: 0;
		}
		#left a {
			font-size: 22px;
		}
		#left a:hover {
			font-size: 22px;
		}
		a.fit {
			display: none;
		}

		/* navButton
		****************************/
		#navButton {
			width: 45px;
			height: 38px;
		}
		#navButton .toggle::after {
			top: 22px;
			left: 22px;
			width: 45px;
			height: 38px;
		}
		#navButton .toggle::before {
			top: 22px;
			left: 22px;
			width: 45px;
			height: 38px;
			line-height: 38px;
		}
		#navPanel {
			font-size: 18px;
			padding-top: 10px;
			padding-bottom: 10px;
			-moz-transform: translateX(-315px);
			-webkit-transform: translateX(-295315pxpx);
			-ms-transform: translateX(-315px);
			transform: translateX(-315px);
			width: 315px;
		}
		body.navPanel-visible #page-wrapper {
			-moz-transform: translateX(315px);
			-webkit-transform: translateX(315px);
			-ms-transform: translateX(315px);
			transform: translateX(315px);
		}

		body.navPanel-visible #navButton {
			-moz-transform: translateX(315px);
			-webkit-transform: translateX(315px);
			-ms-transform: translateX(315px);
			transform: translateX(315px);
		}
		.icon_start {
			display: none;
		}

		/* Header
		****************************/
		h2 {
			font-size: 26px;
			font-weight: 900;
			line-height: 32px;
			margin: 0;
			padding: 0;
		}
		h3 {
			font-size: 20px!important;
			font-weight: 900;
			line-height: 32px;
			margin: 8px 0 14px 0;
			padding: 0;
			text-align: center;
		}
		div.moduletable_intro h3 {
			font-size: 26px!important;
			line-height: 32px;
			font-weight: 900;
			margin: 8px 0;
		}
		h4.hleft {
			font-size: 20px!important;
			font-weight: 900;
			margin: 0 0 10px 0;
			padding: 0 0 0 10px;
		}
		.sep {
			margin: 30px auto;
			max-width: 90%;
		}
		.sep::after {
			width: 40px;
			margin-left: -20px;
		}
		.sep_dark {
			margin: 30px auto;
			max-width: 90%;
		}
		.sep_dark::after {
			width: 40px;
			margin-left: -20px;
		}

		/* Article
		****************************/
		#mainwrapper {
			padding: 0 0 330px 0;
		}
		#mainwrapper p {
			font-size: 18px;
			line-height: 32px;
		}
		.leading-0 {
			padding: 35px 26px 45px 26px;
		}
		.item.span12 {
			padding: 35px 26px;
		}
		div.moduletable_intro {
			padding: 5px 26px 108px 26px;
		}
		.center {
			margin: 35px 0 0 0;
		}
		a.more {
			font-size: 16px;
			font-weight: 300;
			padding: 10px 14px 10px 14px;
		}
		a.more:hover {
			font-size: 16px;
			font-weight: 300;
			padding: 10px 14px 10px 14px;
		}
		.jfloat {
			float: none;
			font-size: 18px;
			line-height: 32px;
			max-width: 100%;
			padding: 0;
			margin: 24px 0 0 0;
		}

		/* Joomcareerjob
		****************************/
		div.wrapper_joomcareerjob {
			position: relative;
			float: none;
			width: 100%;
			margin: 0 auto 5px auto;
			max-height: 310px;
		}
		div.joomcareerjob {
			padding: 20px 24px;
			height: 200px;
		}
		a#morejobs {
			font-size: 16px;
			font-weight: 300;
			padding: 10px 14px 10px 14px;
		}
		a#morejobs:hover {
			font-size: 16px;
			font-weight: 300;
			padding: 10px 14px 10px 14px;
		}
		.mod_jobname {
			font-size: 20px!important;
			line-height: 26px;
		}
		p.mod_work-city {
			font-size: 17px!important;
		}
		div.link_position a {
			font-size: 12px;
			font-weight: bold;
		}
		.morecenter {
			margin: 50px 0 0 0;
		}

		/* Footer
		****************************/
		#footerwrapper {
			text-align: left;
			padding: 24px 26px 35px 26px;
			margin: 0;
		}
		li.item-145 {
			display: none;
		}
		.moduletable_nav {
			padding: 0;
			margin: 0 0 10px -40px;
		}
		.moduletable_nav ul.nav li {
			float: none;
			padding: 0;
			margin: 4px 0 0 0;
		}
		.moduletable_nav ul.nav a {
			font-size: 16px;
		}
		.moduletable_nav ul.nav span {
			font-size: 20px;
		}
		.moduletable_contact {
			float: none;
			font-size: 16px;
			line-height: 32px;
			margin: 0;
			padding: 0;
		}
		.moduletable_contact h3 {
			margin: 0 0 12px 0;
			font-size: 21px!important;
		}
		#copyright {
			position: absolute;
			right: 0;
			left: 26px;
			color: #757575;
			bottom: -63px;
			padding: 0;
			font-size: 16px;
			line-height: 20px;
		}
		#footerwrapper img {
			height: 16px;
			padding: 0 6px 0 0;
		}
		#loginwrapper .moduletable {
			padding: 28px 0 52px 16px;
			margin: 0 auto;
		}
		#gototop {
			display: none;
		}			

		/* Cookies
		****************************/
		.coockie_banner p {
			font-size: 18px;
			line-height: 30px;
		}
		.coockie_banner .butonDefecto {
			font-size: 18px!important;
			padding: 5px 13px 3px 13px; 
			margin: 0.875em auto 0 auto!important;
		}
		.coockie_banner a {
			font-size: 18px;
			margin: 0.500em auto;
		}
	}

	/* Devices (568px to 639px) 
	******************************************************************
	******************************************************************/
	@media only screen and (min-width: 568px) and (max-width: 639px) {
		/* start left/right
		****************************/
		#slogan {
			top: 20%;
			margin: 0;
		}
		#start_links {
			width: 30%;
		}
		#start_rechts {
			position: relative;
			float: left;
			top: 0;
			right: 0;
			width: 70%;
			padding: 0 8%;
			text-align: center;
		}
			#start_rechts img {
				max-width: 70%;
				max-height: 70%;
				margin: 0 0 0 0;
			}
		#left {
			max-width: 95px;
			margin: 0 auto;
			line-height: 36px;
			padding-right: 0;
		}
		#left a {
			font-size: 20px;
		}
		#left a:hover {
			font-size: 20px;
		}
		a.fit {
			display: none;
		}

		/* navButton
		****************************/
		#navButton {
			width: 45px;
			height: 38px;
		}
		#navButton .toggle::after {
			top: 22px;
			left: 22px;
			width: 45px;
			height: 38px;
		}
		#navButton .toggle::before {
			top: 22px;
			left: 22px;
			width: 45px;
			height: 38px;
			line-height: 38px;
		}
		#navPanel {
			font-size: 16px;
			padding-top: 10px;
			padding-bottom: 10px;
			-moz-transform: translateX(-285px);
			-webkit-transform: translateX(-285px);
			-ms-transform: translateX(-285px);
			transform: translateX(-285px);
			width: 285px;
		}
		body.navPanel-visible #page-wrapper {
			-moz-transform: translateX(285px);
			-webkit-transform: translateX(285px);
			-ms-transform: translateX(285px);
			transform: translateX(285px);
		}

		body.navPanel-visible #navButton {
			-moz-transform: translateX(285px);
			-webkit-transform: translateX(285px);
			-ms-transform: translateX(285px);
			transform: translateX(285px);
		}
		.icon_start {
			display: none;
		}

		/* Header
		****************************/
		h2 {
			font-size: 26px;
			font-weight: 900;
			line-height: 32px;
			margin: 0;
			padding: 0;
		}
		h3 {
			font-size: 20px!important;
			font-weight: 900;
			line-height: 32px;
			margin: 8px 0 14px 0;
			padding: 0;
			text-align: center;
		}
		div.moduletable_intro h3 {
			font-size: 26px!important;
			line-height: 32px;
			font-weight: 900;
			margin: 8px 0;
		}
		h4.hleft {
			font-size: 20px!important;
			font-weight: 900;
			margin: 0 0 10px 0;
			padding: 0 0 0 10px;
		}
		.sep {
			margin: 30px auto;
			max-width: 90%;
		}
		.sep::after {
			width: 40px;
			margin-left: -20px;
		}
		.sep_dark {
			margin: 30px auto;
			max-width: 90%;
		}
		.sep_dark::after {
			width: 40px;
			margin-left: -20px;
		}

		/* Article
		****************************/
		#mainwrapper {
			padding: 0 0 330px 0;
		}
		#mainwrapper p {
			font-size: 18px;
			line-height: 32px;
		}
		.leading-0 {
			padding: 35px 22px 45px 22px;
		}
		.item.span12 {
			padding: 35px 22px;
		}
		div.moduletable_intro {
			padding: 5px 22px 108px 22px;
		}
		.center {
			margin: 35px 0 0 0;
		}
		a.more {
			font-size: 16px;
			font-weight: 300;
			padding: 10px 14px 10px 14px;
		}
		a.more:hover {
			font-size: 16px;
			font-weight: 300;
			padding: 10px 14px 10px 14px;
		}
		.jfloat {
			float: none;
			font-size: 18px;
			line-height: 32px;
			max-width: 100%;
			padding: 0;
			margin: 24px 0 0 0;
		}

		/* Joomcareerjob
		****************************/
		div.wrapper_joomcareerjob {
			position: relative;
			float: none;
			width: 100%;
			margin: 0 auto 5px auto;
			max-height: 310px;
		}
		div.joomcareerjob {
			padding: 20px 24px;
			height: 200px;
		}
		a#morejobs {
			font-size: 16px;
			font-weight: 300;
			padding: 10px 14px 10px 14px;
		}
		a#morejobs:hover {
			font-size: 16px;
			font-weight: 300;
			padding: 10px 14px 10px 14px;
		}
		.mod_jobname {
			font-size: 20px!important;
			line-height: 26px;
		}
		p.mod_work-city {
			font-size: 17px!important;
		}
		div.link_position a {
			font-size: 12px;
			font-weight: bold;
		}
		.morecenter {
			margin: 50px 0 0 0;
		}

		/* Footer
		****************************/
		#footerwrapper {
			text-align: left;
			padding: 24px 22px 35px 22px;
			margin: 0;
		}
		li.item-145 {
			display: none;
		}
		.moduletable_nav {
			padding: 0;
			margin: 0 0 10px -40px;
		}
		.moduletable_nav ul.nav li {
			float: none;
			padding: 0;
			margin: 4px 0 0 0;
		}
		.moduletable_nav ul.nav a {
			font-size: 16px;
		}
		.moduletable_nav ul.nav span {
			font-size: 20px;
		}
		.moduletable_contact {
			float: none;
			font-size: 16px;
			line-height: 32px;
			margin: 0;
			padding: 0;
		}
		.moduletable_contact h3 {
			margin: 0 0 12px 0;
			font-size: 21px!important;
		}
		#copyright {
			position: absolute;
			right: 0;
			left: 22px;
			color: #757575;
			bottom: -65px;
			padding: 0;
			font-size: 16px;
			line-height: 20px;
		}
		#footerwrapper img {
			height: 16px;
			padding: 0 6px 0 0;
		}
		#loginwrapper .moduletable {
			padding: 28px 0 52px 16px;
			margin: 0 auto;
		}
		#gototop {
			display: none;
		}			

		/* Cookies
		****************************/
		.coockie_banner p {
			font-size: 16px;
			line-height: 25px;
		}
		.coockie_banner .butonDefecto {
			font-size: 16px!important;
			padding: 5px 10px 2px 10px; 
			margin: 14px auto 0 auto!important;
		}
		.coockie_banner a {
			font-size: 16px;
			margin: 8px auto;
		}
	}

	/* Devices (480px to 567px) 
	******************************************************************
	******************************************************************/
	@media only screen and (min-width: 480px) and (max-width: 567px) {
		/* start left/right
		****************************/
		#slogan {
			top: 20%;
			margin: 0;
		}
		#start_links {
			width: 30%;
		}
		#start_rechts {
			position: relative;
			float: left;
			top: 0;
			right: 0;
			width: 70%;
			padding: 0 8%;
			text-align: center;
		}
			#start_rechts img {
				max-width: 75%;
				max-height: 75%;
				margin: 0 0 0 0;
			}
		#left {
			max-width: 95px;
			margin: 0 auto;
			line-height: 36px;
			padding-right: 0;
		}
		#left a {
			font-size: 20px;
		}
		#left a:hover {
			font-size: 20px;
		}
		a.fit {
			display: none;
		}

		/* navButton
		****************************/
		#navButton {
			width: 45px;
			height: 38px;
		}
		#navButton .toggle::after {
			top: 16px;
			left: 16px;
			width: 45px;
			height: 38px;
		}
		#navButton .toggle::before {
			top: 16px;
			left: 16px;
			width: 45px;
			height: 38px;
			line-height: 38px;
		}
		#navPanel {
			font-size: 14px;
			padding-top: 10px;
			padding-bottom: 10px;
			-moz-transform: translateX(-260px);
			-webkit-transform: translateX(-260px);
			-ms-transform: translateX(-260px);
			transform: translateX(-260px);
			width: 260px;
		}
		body.navPanel-visible #page-wrapper {
			-moz-transform: translateX(260px);
			-webkit-transform: translateX(260px);
			-ms-transform: translateX(260px);
			transform: translateX(260px);
		}

		body.navPanel-visible #navButton {
			-moz-transform: translateX(260px);
			-webkit-transform: translateX(260px);
			-ms-transform: translateX(260px);
			transform: translateX(260px);
		}
		.icon_start {
			display: none;
		}

		/* Header
		****************************/
		h2 {
			font-size: 24px;
			font-weight: 900;
			line-height: 30px;
			margin: 0;
			padding: 0;
		}
		h3 {
			font-size: 18px!important;
			font-weight: 900;
			line-height: 28px;
			margin: 8px 0 14px 0;
			padding: 0;
			text-align: center;
		}
		div.moduletable_intro h3 {
			font-size: 24px!important;
			line-height: 30px;
			font-weight: 900;
			margin: 8px 0;
		}
		h4.hleft {
			font-size: 18px!important;
			font-weight: 900;
			margin: 0 0 10px 0;
			padding: 0 0 0 10px;
		}
		.sep {
			margin: 30px auto;
			max-width: 90%;
		}
		.sep::after {
			width: 40px;
			margin-left: -20px;
		}
		.sep_dark {
			margin: 30px auto;
			max-width: 90%;
		}
		.sep_dark::after {
			width: 40px;
			margin-left: -20px;
		}

		/* Article
		****************************/
		#mainwrapper {
			padding: 0 0 360px 0;
		}
		#mainwrapper p {
			font-size: 16px;
			line-height: 30px;
		}
		.leading-0 {
			padding: 35px 18px 45px 18px;
		}
		.item.span12 {
			padding: 35px 18px;
		}
		div.moduletable_intro {
			padding: 0 18px 108px 18px;
		}
		.center {
			margin: 35px 0 0 0;
		}
		a.more {
			font-size: 14px;
			font-weight: 300;
			padding: 10px 14px 10px 14px;
		}
		a.more:hover {
			font-size: 14px;
			font-weight: 300;
			padding: 10px 14px 10px 14px;
		}
		.jfloat {
			float: none;
			font-size: 16px;
			line-height: 30px;
			max-width: 100%;
			padding: 0;
			margin: 24px 0 0 0;
		}

		/* Joomcareerjob
		****************************/
		div.wrapper_joomcareerjob {
			position: relative;
			float: none;
			width: 100%;
			margin: 0 auto 5px auto;
			max-height: 310px;
		}
		div.joomcareerjob {
			padding: 20px 24px;
			height: 200px;
		}
		a#morejobs {
			font-size: 14px;
			font-weight: 300;
			padding: 10px 14px 10px 14px;
		}
		a#morejobs:hover {
			font-size: 14px;
			font-weight: 300;
			padding: 10px 14px 10px 14px;
		}
		.mod_jobname {
			font-size: 17px!important;
			line-height: 26px;
		}
		div.link_position a {
			font-size: 12px;
			font-weight: bold;
		}
		.morecenter {
			margin: 45px 0 0 0;
		}

		/* Footer
		****************************/
		#footerwrapper {
			text-align: left;
			padding: 24px 18px 35px 18px;
			margin: 0;
		}
		li.item-145 {
			display: none;
		}
		.moduletable_nav {
			padding: 0;
			margin: 0 0 10px -40px;
		}
		.moduletable_nav ul.nav li {
			float: none;
			padding: 0;
			margin: 0;
		}
		.moduletable_nav ul.nav a {
			font-size: 16px;
		}
		.moduletable_nav ul.nav span {
			font-size: 19px;
		}
		.moduletable_contact {
			float: none;
			font-size: 16px;
			line-height: 30px;
			margin: 0;
			padding: 0;
		}
		.moduletable_contact h3 {
			margin: 0 0 12px 0;
			font-size: 19px!important;
		}
		#copyright {
			position: absolute;
			right: 0;
			left: 16px;
			color: #757575;
			bottom: -60px;
			padding: 0;
			font-size: 14px;
			line-height: 20px;
		}
		#footerwrapper img {
			height: 14px;
			padding: 0 6px 0 0;
		}
		#loginwrapper .moduletable {
			padding: 28px 0 52px 16px;
			margin: 0 auto;
		}
		#gototop {
			display: none;
		}		

		/* Cookies
		****************************/
		.coockie_banner p {
			font-size: 15px;
		}
		.coockie_banner .butonDefecto {
			font-size: 15px!important;
			padding: 4px 10px 2px 10px; 
			margin: 14px auto 0 auto!important;
		}
		.coockie_banner a {
			font-size: 15px;
			margin: 8px auto;
		}
	}

	/* Devices (320px to 479px) 
	******************************************************************
	******************************************************************/
	@media only screen and (min-width: 320px) and (max-width: 479px) {
		/* start left/right
		****************************/
		#slogan {
			top: 20%;
			margin: 0;
		}
		#start_links {
			width: 45%;
		}
		#start_rechts {
			position: relative;
			float: left;
			top: 0;
			right: 0;
			float: left;
			width: 55%;
			padding: 0 8%;
			text-align: center;
		}
			#start_rechts img {
				max-width: 95%;
				max-height: 95%;
				margin: 0 0 0 0;
			}
		#left {
			max-width: 85px;
			margin: 0 auto;
			line-height: 28px;
			padding-right: 0;
		}
		#left a {
			font-size: 16px;
		}
		#left a:hover {
			font-size: 16px;
		}
		a.fit {
			display: none;
		}

		/* navButton
		****************************/
		#navButton {
			width: 38px;
			height: 32px;
		}
		#navButton .toggle::after {
			top: 14px;
			left: 14px;
			width: 38px;
			height: 32px;
		}
		#navButton .toggle::before {
			top: 14px;
			left: 14px;
			width: 38px;
			height: 32px;
			line-height: 32px;
		}
		#navPanel {
			font-size: 13px;
			padding-top: 10px;
			padding-bottom: 10px;
			-moz-transform: translateX(-225px);
			-webkit-transform: translateX(-225px);
			-ms-transform: translateX(-225px);
			transform: translateX(-225px);
			width: 225px;
		}
		body.navPanel-visible #page-wrapper {
			-moz-transform: translateX(225px);
			-webkit-transform: translateX(225px);
			-ms-transform: translateX(225px);
			transform: translateX(225px);
		}

		body.navPanel-visible #navButton {
			-moz-transform: translateX(225px);
			-webkit-transform: translateX(225px);
			-ms-transform: translateX(225px);
			transform: translateX(225px);
		}

		/* Header
		****************************/
		h2 {
			font-size: 22px;
			font-weight: 900;
			line-height: 28px;
			margin: 0;
			padding: 0;
		}
		h3 {
			font-size: 16px!important;
			font-weight: 900;
			line-height: 24px;
			margin: 8px 0 10px 0;
			padding: 0;
			text-align: center;
		}
		div.moduletable_intro h3 {
			font-size: 22px!important;
			line-height: 28px;
			font-weight: 900;
			margin: 8px 0 28px 0;
		}
		h4.hleft {
			font-size: 16px!important;
			font-weight: 900;
			margin: 0 0 10px 0;
			padding: 0 0 0 10px;
		}
		.sep {
			margin: 30px auto;
			max-width: 90%;
		}
		.sep::after {
			width: 40px;
			margin-left: -20px;
		}
		.sep_dark {
			margin: 30px auto;
			max-width: 90%;
		}
		.sep_dark::after {
			width: 40px;
			margin-left: -20px;
		}

		/* Article
		****************************/
		#mainwrapper {
			padding: 0 0 335px 0;
		}
		#mainwrapper p {
			font-size: 16px;
			line-height: 26px;
		}
		.leading-0 {
			padding: 30px 16px 45px 16px;
		}
		.item.span12 {
			padding: 30px 16px 10px 16px;
		}
		div.moduletable_intro {
			padding: 30px 16px 35px 16px;
		}
		.center {
			margin: 35px 0 0 0;
		}
		a.more {
			font-size: 14px;
			font-weight: 300;
			padding: 10px 14px;
		}
		a.more:hover {
			font-size: 14px;
			font-weight: 300;
			padding: 10px 14px;
		}
		.jfloat {
			float: none;
			font-size: 16px;
			line-height: 26px;
			max-width: 100%;
			padding: 0;
			margin: 24px 0 0 0;
		}

		/* Joomcareerjob
		****************************/
		div.wrapper_joomcareerjob {
			position: relative;
			float: none;
			background: none;
			width: 95%;
			padding: 0;
			margin: 0 auto 25px auto;
			max-height: 330px;
		}
		div.joomcareerjob {
			padding: 18px 10px;
			height: 200px;
		}
		a#morejobs {
			font-size: 14px;
			font-weight: 300;
			padding: 10px 14px;
		}
		a#morejobs:hover {
			font-size: 14px;
			font-weight: 300;
			padding: 10px 14px;
		}
		.mod_jobname {
			font-size: 15px!important;
			line-height: 1.375em;
		}
		p.mod_work-city {
			font-size: 15px!important;
		}
		div.link_position {
			bottom: 6px;
			right: 18px;

		}
		div.link_position a {
			font-size: 12px;
			font-weight: bold;
			color: #c7104d;
		}
		.morecenter {
			margin: 40px 0 0 0;
		}

		/* Footer
		****************************/
		#footerwrapper {
			text-align: left;
			padding: 20px 16px 35px 16px;
			margin: 0;
		}
		li.item-145 {
			display: none;
		}
		.moduletable_nav {
			padding: 0;
			margin: 0 0 10px -40px;
		}
		.moduletable_nav ul.nav li {
			float: none;
			padding: 0;
			margin: 0 0 0 0;
		}
		.moduletable_nav ul.nav a {
			font-size: 14px;
		}
		.moduletable_nav ul.nav span {
			font-size: 18px;
		}
		.moduletable_contact {
			float: none;
			font-size: 14px;
			line-height: 26px;
			margin: 0;
			padding: 0;
		}
		.moduletable_contact h3 {
			margin: 0 0 13px 0;
			font-size: 18px!important;
		}
		#copyright {
			position: absolute;
			right: 0;
			left: 16px;
			color: #757575;
			bottom: -57px;
			padding: 0;
			font-size: 12px;
			line-height: 18px;
		}
		#footerwrapper img {
			height: 12px;
			padding: 0 6px 0 0;
		}
		#loginwrapper .moduletable {
			padding: 24px 0 50px 14px;
			margin: 0 auto;
		}
		#gototop {
			display: none;
		}

		/* Cookies
		****************************/
		.coockie_banner p {
			font-size: 12px;
			line-height: 20px;
		}
		.coockie_banner .butonDefecto {
			font-size: 12px!important;
			padding: 4px 10px 1px 10px; 
			margin: 14px auto 0 auto!important;
		}
		.coockie_banner a {
			font-size: 12px;
			margin: 8px auto;
		}
	}

	/* Devices (200px to 319px) 
	******************************************************************
	******************************************************************/
	@media only screen and (min-width: 200px) and (max-width: 319px) {
		/* start left/right
		****************************/
		#slogan {
			top: 18%;
			margin: 0;
		}
		#start_links {
			width: 45%;
			padding: 0;
		}
		#start_rechts {
			position: relative;
			top: 0;
			right: 0;
			float: left;
			width: 55%;
			padding: 0;
			text-align: center;
		}
			#start_rechts img {
				max-width: 55%;
				max-height: 55%;
				margin: 0 0 0 0;
			}
		#left {
			max-width: 65px;
			margin: 0 auto;
			line-height: 21px;
			padding-right: 0;
		}
		#left a {
			font-size: 13px;
		}
		#left a:hover {
			font-size: 13px;
		}
		a.fit {
			display: none;
		}
		
		/* navButton
		****************************/
		#navButton {
			width: 32px;
			height: 26px;
		}
		#navButton .toggle::after {
			top: 8px;
			left: 8px;
			width: 32px;
			height: 26px;
		}
		#navButton .toggle::before {
			top: 8px;
			left: 8px;
			width: 32px;
			height: 26px;
			line-height: 26px;
		}
		#navPanel {
			font-size: 10px;
			padding-top: 10px;
			padding-bottom: 10px;
			-moz-transform: translateX(-175px);
			-webkit-transform: translateX(-175px);
			-ms-transform: translateX(-175px);
			transform: translateX(-175px);
			width: 175px;
		}
		body.navPanel-visible #page-wrapper {
			-moz-transform: translateX(175px);
			-webkit-transform: translateX(175px);
			-ms-transform: translateX(175px);
			transform: translateX(175px);
		}

		body.navPanel-visible #navButton {
			-moz-transform: translateX(175px);
			-webkit-transform: translateX(175px);
			-ms-transform: translateX(175px);
			transform: translateX(175px);
		}

		/* Header
		****************************/
		h2 {
			font-size: 16px;
			font-weight: 900;
			line-height: 24px;
			margin: 0;
			padding: 0;
		}
		h3 {
			font-size: 13px!important;
			font-weight: 900;
			line-height: 20px;
			margin: 10px 0 0 0;
			padding: 0;
			text-align: center;
		}
		div.moduletable_intro h3 {
			font-size: 16px!important;
			font-weight: 900;
			margin: 0 0 26px 0;
		}
		h4.hleft {
			font-size: 13px!important;
			font-weight: 900;
			margin: 0 0 10px 0;
			padding: 0 0 0 10px;
		}
		.sep {
			margin: 25px auto 25px auto;
			max-width: 90%;
		}
		.sep::after {
			width: 40px;
			margin-left: -20px;
		}
		.sep_dark {
			margin: 25px auto;
			max-width: 90%;
		}
		.sep_dark::after {
			width: 40px;
			margin-left: -20px;
		}

		/* Article
		****************************/
		#mainwrapper {
			padding: 0 0 240px 0;
		}
		#mainwrapper p {
			font-size: 11px;
			line-height: 18px;
		}
		.leading-0 {
			padding: 35px 12px 35px 12px;
		}
		.item.span12 {
			padding: 30px 12px 30px 12px;
		}
		div.moduletable_intro {
			padding: 0 12px 30px 12px;
		}
		.center {
			margin: 26px 0 0 0;
		}
		a.more {
			font-size: 11px;
			font-weight: 300;
			padding: 8px 10px;
		}
		a.more:hover {
			font-size: 11px;
			font-weight: 300;
			padding: 8px 10px;
		}
		.jfloat {
			float: none;
			font-size: 11px;
			line-height: 18px;
			max-width: 100%;
			padding: 0;
			margin: 22px 0 0 0;
		}

		/* Joomcareerjob
		****************************/
		div.wrapper_joomcareerjob {
			position: relative;
			float: none;
			background: none;
			width: 100%;
			padding: 0;
			margin: 0 0 22px 0;
			max-height: 330px;
		}
		div.joomcareerjob {
			padding: 20px 8px;
			height: 200px;
		}
		a#morejobs {
			font-size: 11px;
			font-weight: 300;
			padding: 8px 10px;
		}
		a#morejobs:hover {
			font-size: 11px;
			font-weight: 300;
			padding: 8px 10px;
		}
		.mod_jobname {
			font-size: 14px!important;
			line-height: 18px;
		}
		p.mod_work-city {
			font-size: 11px!important;
		}
		div.link_position {
			bottom: 6px;
			right: 18px;

		}
		div.link_position a {
			font-size: 12px;
			font-weight: bold;
			color: #c7104d;
		}
		.morecenter {
			margin: 35px 0 0 0;
		}
		
		/* Footer
		****************************/
		#footerwrapper {
			text-align: left;
			padding: 14px 12px 30px 12px;
			margin: 0;
		}
		li.item-145 {
			display: none;
		}
		.moduletable_nav {
			padding: 0;
			margin: 0 0 10px -40px;
		}
		.moduletable_nav ul.nav li {
			float: none;
			padding: 0;
			margin: -10px 0 0 0;
		}
		.moduletable_nav ul.nav a {
			font-size: 11px;
		}
		.moduletable_nav ul.nav span {
			font-size: 14px;
		}
		.moduletable_contact {
			float: none;
			font-size: 11px;
			line-height: 19px;
			margin: 0;
			padding: 0;
		}
		.moduletable_contact h3 {
			margin: 0 0 12px 0;
			font-size: 14px!important;
		}
		#copyright {
			position: absolute;
			right: 0;
			left: 15px;
			color: #757575;
			bottom: -50px;
			padding: 0;
			font-size: 10px;
			line-height: 19px;
		}
		#footerwrapper img {
			display: none;
		}
		#loginwrapper .moduletable {
			padding: 30px 0;
			margin: 0 auto;
		}
		#gototop {
			display: none;
		}

		/* Cookies
		****************************/
		.coockie_banner p {
			font-size: 10px;
			line-height: 16px;
		}
		.coockie_banner .butonDefecto {
			font-size: 10px!important;
			padding: 4px 10px 1px 10px; 
			margin: 14px auto 0 auto!important;
		}
		.coockie_banner a {
			font-size: 10px;
			margin: 8px auto;
		}

	}

}