/**
 * @file
 * Styles are organized using the SMACSS technique. @see http://smacss.com/book/
 *
 * When you turn on CSS aggregation at admin/config/development/performance, all
 * of these @include files will be combined into a single file.
 */

/* HTML element (SMACSS base) rules */
@import "normalize.css";

/* Layout rules */
@import "layouts/responsive.css";

/* Component (SMACSS module) rules */
@import "components/misc.css";
/* Optionally, add your own components here. */
@import "print.css";

/* SMACSS theme rules */
/* @import "theme-A.css"; */
/* @import "theme-B.css"; */

* {
	box-sizing:border-box;
}

#navigation {
	height:0;
}

a {
	color:#f02a1c;
}

.node-type-reference h1 a {
	text-decoration: none;
}

.node-type-reference .views-field-nothing a,
.node-type-reference .views-field-nothing a:visited,
.node-type-reference .views-field-nothing a:active {
	color:#f02a1c;
}

body:before {
	content: "";
	display: block;
	width: 100%;
	height: 0;
	top: 0;
	left: 0;
}

#page, .region-bottom {
	max-width:none;
}

#page {
	position:relative;
	z-index:8;
}

#page > header {
	position:fixed;
	top:0;
	left:0;
	right:0;
	height:110px;
	z-index:10;
}
@media screen and (max-width: 600px) {
	#page > header {
		height:55px;
	}
}

body.admin-menu #page > header {
	top:20px;
}
body.admin-menu.adminimal-menu #page > header {
	top:29px;
}

.header__logo {
	position:absolute;
	top:0;
	left:50%;
	margin-left:-480px;
	z-index:1;
}

.header__logo-image {
	position:relative;
	top:23px;
}
@media screen and (max-width: 1000px) {
	.header__logo {
		left:0;
		margin-left:48px;
	}
	.mobile-menu .header__logo {
		z-index:-1;
	}
}
@media screen and (max-width: 600px) {
	.header__logo {
		margin-left: 24px;
	}
	.header__logo-image {
		height: 40px;
		top: 9px;
	}
}

.region-header {
	position:absolute;
	top:0;
	left:50%;
	bottom:0;
	width:960px;
	margin-left:-480px;
}

#block-system-main-menu {
	text-align:center;
	margin-bottom:0;
}
#block-system-main-menu > .menu {
	display:inline-block;
}
#block-system-main-menu > .menu > li {
	position:relative;
	float:left;
}
#block-system-main-menu > .menu > li > a,
#block-system-main-menu > .menu > li .view-header a {
	z-index:2;
	background-color:#fff;
	font-size:20px;
}

#block-system-main-menu > .menu > li > a.is-active-trail,
.section-references #block-system-main-menu > .menu > li .view-header a,
.section-msreferences #block-system-main-menu > .menu > li:nth-of-type(3) > a,
.section-referenzen #block-system-main-menu > .menu > li:nth-of-type(3) > a {
	color:#f2251a;
	font-weight:bold;
}
#block-system-main-menu .view-r-f-rences .view-content {
	display:none;
}

#block-system-main-menu > .menu ul {
	margin:0;
	padding:0;
}
#block-system-main-menu > .menu .view-r-f-rences .views-row {
	margin:0;
	width: 100%;
	border-radius: 0;
}
#block-system-main-menu > .menu .view-r-f-rences .views-row a {
	color: #000;
	padding: 0 15px;
}
#block-system-main-menu > .menu .menu {
	position:absolute;
	top:105px;
	left:0;
	opacity:0;
	visibility:hidden;
	-moz-transform:translateY(-2em);
	-webkit-transform:translateY(-2em);
	transform:translateY(-2em);
	z-index:-1;
	transition:all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s;
}

#block-system-main-menu > .menu .menu.menu_open {
	visibility:visible;
	opacity:1;
	-moz-transform:translateY(-2em);
	-webkit-transform:translateY(-2em);
	transform:translateY(0%);
	z-index:1;
	transition-delay:0s, 0s, 0.3s;
}

#block-system-main-menu > .menu .menu li {
	display:block;
}

#block-system-main-menu > .menu .menu li a {
	display:block;
	height:45px;
	line-height:45px;
	border:solid #95989a 1px;
	background-color:#fff;
	margin-top:-1px;
	text-align:left;
	text-transform:none;
	font-size:16px;
	-webkit-transition:all .1s;
	-moz-transition:all .1s;
	transition:all .1s;
}
#block-system-main-menu > .menu .menu li a:hover,
#block-system-main-menu > .menu .menu li a.is-active-trail {
	font-weight:300;
	background:#f2251a;
	color:#fff;
}

#block-locale-language {
	position:absolute;
	top:0;
	right:0;
	z-index:1;
}
#block-block-35,
#block-block-36 {
	display: none;
}
@media screen and (max-width:1000px) {
	header {
		padding-left:20px;
		padding-right:20px;
	}
	#block-block-35 {
		display:block;
		position:fixed;
		top: 0;
		right: 0;
		height: 110px;
		padding: 0 32px;
		z-index:10;
		cursor:pointer;
	}
	body.admin-menu #block-block-35 {
		top: 20px;
	}
	body.admin-menu.adminimal-menu #block-block-35 {
		top: 30px;
	}
	body.admin-menu.adminimal-menu.adminimal-frontend #block-block-35 {
		top: 47px;
	}
	.mobile-menu #block-block-35 {
		z-index:-1;
	}
	#block-block-35 p {
		margin:0;
		min-width:47px;
	}
	#block-block-35 img {
		position: absolute;
		top:0;
		right:0;
		bottom:0;
		left:0;
		margin:auto;
		-webkit-transition:opacity 0.3s;
		-moz-transition:opacity 0.3s;
		transition:opacity 0.3s;
	}
	
	#block-block-36 {
		display:block;
		position: fixed;
		top:0;
		right:0;
		padding:24px;
		cursor: pointer;
		margin:0;
		opacity: 0;
		-webkit-transition: opacity 0.3s;
		-moz-transition: opacity 0.3s;
		transition: opacity 0.3s;
		z-index:9;
	}
	.mobile-menu #block-block-36 {
		opacity:1;
		z-index:11;
	}

	#block-block-36 p {
		margin:0;
	}
	#block-block-36 p img {
		display:block;
		opacity: 0.8;
		-webkit-transition: opacity .3s;
		-moz-transition: opacity .3s;
		transition: opacity .3s;
	}
	#block-block-36:hover p img {
		opacity:1;
	}

	.region-header {
		width:100%;
		position:fixed;
		top: 0;
		left:0;
		bottom:0;
		overflow:auto;
		margin-left:0;
		background: rgba(255, 255, 255, 0.85);
		-webkit-transform:translateY(120%);
		-moz-transform:translateY(120%);
		transform:translateY(120%);
		-webkit-transition: transform 0.3s;
		-moz-transition: transform 0.3s;
		transition: transform 0.3s;
	}
	.mobile-menu .region-header {
		-webkit-transform:translateY(0);
		-moz-transform:translateY(0);
		transform:translateY(0);
	}
	#block-system-main-menu > .menu {
		display:block;
		max-width:270px;
		margin:0 auto;
		margin-top:100px;
	}
	#block-system-main-menu > .menu > li {
		float:none;
		display:block;
	}
	#block-system-main-menu > .menu > li > a,
	#block-system-main-menu > .menu > li .view-header a {
		display:block;
		background:none;
		height:45px;
		line-height:45px;
		margin-bottom: 17px;
		width: 100% !important;
	}
	.mobile #block-system-main-menu > .menu .menu {
		display: block !important;
		visibility:visible !important;
		opacity:1 !important;
		-webkit-transform:translateY(0%) !important;
		-moz-transform:translateY(0%) !important;
		transform:translateY(0%) !important;
		position:static;
		margin-bottom:32px;
	}
	#block-system-main-menu > .menu .menu li a {
		white-space:nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	#block-locale-language { 
		position: absolute;
		top:0;
		left:0;
		right:0;
		text-align:center;
	}
	ul.language-switcher-locale-url {
		display: inline-block;
	}
	ul.language-switcher-locale-url li a {
		height:19.2px;
		line-height: 19.2px;
		padding-top: 32px;
		padding-bottom: 32px;
	}
}
@media screen and (max-width: 600px) {
	#block-block-35 {
		height: 50px;
		margin-top: 5px;
		padding: 0 12px;
	}
	#block-block-35 img {
		height: 23.5px;
	}
	#block-block-36 {
		padding: 15px 24px;
	}
	#block-block-36 p img {
		width: 25px;
	}
}


#content {
	position:relative;
	z-index:2;
}

#content > * {
	max-width:960px;
	margin-left:auto;
	margin-right:auto;
}
@media screen and (max-width:1000px) {
	#content > * {
		padding-left:20px;
		padding-right:20px;
	}
}
#main-content {
	padding-left:0 !important;
	padding-right:0 !important;
}


.region-highlighted .block {
	position:fixed;
	top:110px;
	right:0;
	left:0;
	height:45%; 
	height:400px;
	height:60vh;
	height: calc(60vh - 110px);
}
@media screen and (max-width:600px) {
	.region-highlighted .block {
		top: 55px;
		height: calc(60vh - 55px);
	}
}
.admin-menu .region-highlighted .block {
	top:130px;
}
.admin-menu.adminimal-menu .region-highlighted .block {
	top:139px;
}
.front .region-highlighted .block,
.front .flexslider .views-field-field-image-page-d-acceuil {
	height:auto;
}
.front .flexslider .views-field-body ul {
	display: inline;
	margin: 0;
	padding: 0;
}
.front .flexslider .views-field-body li {
	list-style:none;
	display:inline;
	margin-right:3px;
}

.region-highlighted .block img {
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	margin:0 auto;
}
@media screen and (max-width: 500px) {
	.region-highlighted .block img {
		max-width: none;
		height: 100%;
		width: auto;
	}
}


.flexslider {
	border:0;
	margin:0;
}

#block-views-activities-block-4 .view,
#block-views-activities-block-4 .view-content,
#block-views-activities-block-4 .flexslider {
	height:100%;
}

.flexslider .flex-control-nav,
.flexslider .flex-direction-nav {
	display:none;
}
.flexslider .views-field-field-photos {
	width:auto;
}
.flexslider .views-field-field-photos:after {
	content:'';
	display:table;
	clear:both;
}

.front .flexslider {
	z-index:0;
}

.front .flexslider .views-fieldset {
	position:absolute;
	top:88px;
	right:0;
	z-index:1;
	width: 900px;
	padding:32px 70px 32px 38px;;
	background: rgba(255,255,255,0.9);
	background-size: 100% 100%;
	border-top-left-radius:8px;
	border-bottom-left-radius:8px;
	min-width:600px;
}
@media screen and (max-width:1000px) {
	.front .flexslider .views-fieldset {
		width:80%;
	}
}
@media screen and (max-width:600px) {
	.front .flexslider .views-fieldset {
		width:auto;
		min-width:0;
		top:0;
		left:-8px;
		right:0;
		border-radius: 0;
		padding: 24px;
		padding-left: 32px;
		background: #fff;
	}
}
.front .flexslider .views-fieldset h3,
.front .flexslider .views-fieldset h3 a {
	color:#000;
	text-decoration:none;
	margin:0;
	margin-bottom: 10px;
	font-size:30px;
	font-weight: 300;
	line-height:36px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.front .flexslider .views-fieldset .views-field-views-conditional {
	float:left;
	width:100px;
	height:100px;
	position:relative;
	margin-right: 30px;
}

.front .flexslider .views-fieldset .views-field-views-conditional img {
	min-width:0;
	min-height:0;
	width:auto;
	height: 100%;
}
@media screen and (max-width:600px) {
	.front .flexslider .views-fieldset .views-field-title {
		margin-left: 50px;
	}
	.front .flexslider .views-fieldset .views-field-body {
		display:none;
	}
	.front .flexslider .views-fieldset h3,
	.front .flexslider .views-fieldset h3 a {
		text-overflow:inherit;
		overflow:visible;
		white-space:normal;
		font-size: 20px;
		line-height: 24px;
	}
	.front .flexslider .views-fieldset .views-field-views-conditional {
		width:35px;
		height:35px;
		margin-right: 15px;
	}
	.front .flexslider .views-fieldset .views-field-views-conditional img {
		height: 28px;
	}
}
.front .flexslider .views-fieldset .views-field-body {
	font-size:14px;
	line-height:16.8px;
}
.front .flexslider .views-fieldset .views-field-body p {
	margin:0;
}

#block-block-30,
.front .flexslider ul.slides {
	position:fixed;
	top:110px;
	left:0;
	right:0;
	bottom:0;
	max-width:none;
}
@media screen and (max-width: 600px) {
	#block-block-30,
	.front .flexslider ul.slides {
		top: 55px;
	}
}
#block-block-30 .arrow {
	z-index:1;
}
.scrolled #block-block-30 {
	display:none;
}
.node-type-reference .view-r-f-rences,
.node-type-reference .view-content,
.node-type-reference .flexslider,
.flexslider ul.slides,
.flexslider ul.slides li {
	height:100%;
}
article.node-reference .view-r-f-rences .view-content {
	width: 100%;
	margin-left: 0;
}
article.node-reference .view-r-f-rences .views-row {
	width: 100%;
	height: 100%;
	margin-left:0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
}

.flexslider ul.slides:after {
	display:table;
	content:'';
	clear:both;
}

#block-block-30 .bg,
.front .flexslider .views-field-field-image-page-d-acceuil img {
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	margin:auto;
	min-height:100%;
	min-width:100%;
}
@media screen and (max-width: 600px) {
	.front .flexslider .views-field-field-image-page-d-acceuil img {
		top: 166px;
	}
}

#block-block-30 .arrow {
	position:absolute;
	top:90%;
	left:50%;
	margin-left:-32px;
	margin-top:-23px;
	z-index:1;
	min-width:0;
	min-height:0;
}



#main {
	padding-top:0;
	margin-top:400px;
	margin-top:60vh;
}

.front #main {
	margin-top:800px;
	margin-top:100vh;
}


.page-node-36 #main,
.page-node-37 #main,
.page-node-38 #main,
.page-change-order #main,
.page-user #main {
	margin-top:110px;
}


.page-node-122 .field-name-body .field-item ul li,
.page-node-127 .field-name-body .field-item ul li,
.page-node-132 .field-name-body .field-item ul li {
	padding-left: 16px;
	background-position: left top 7px;
}
.page-node-122 .field-name-body .field-item ul li a,
.page-node-127 .field-name-body .field-item ul li a,
.page-node-132 .field-name-body .field-item ul li a {
	color: #000;
	text-decoration: none;
}

.region-bottom {
	height:85px;
}
@media screen and (max-width: 1000px) {
	.region-bottom {
		padding-top: 21px;
		height:auto;
	}
}

.region-highlighted {
	position:relative;
	z-index:1;
}


body {
	font-family:'Open Sans', "Helvetica Neue", Helvetica, Gotham, Arial, sans-serif;
	line-height:1.3em;
	z-index: 0;
	position: relative;
}

.node-page .field-name-body {
	line-height:19.2px;
	font-size:15px;
}
.node-page .field-name-body p > strong:first-child,
.node-page .field-name-body p > br + strong {
	font-size:20px;
	line-height:24px;
}

.node-page .field-name-body ul {
	padding-left: 0;
}

.node-page .field-name-body ul li {
	background-image: url('/sites/all/themes/merschschmitz/images/li.jpg');
	background-position: left center;
	background-repeat:no-repeat;
	list-style:none;
	padding-left:26px;
}

#page > header {
	border-top:solid #231f20 6px;
	background-color:#fff;
	box-shadow:0 0 3px #888;
}

.menu,
ul.language-switcher-locale-url {
	margin:0;
	padding:0;
}
ul.language-switcher-locale-url {
	z-index:1;
}

.menu li,
ul.language-switcher-locale-url li {
	list-style:none;
	display:inline-block;
}

.menu li a,
ul.language-switcher-locale-url li a {
	display:inline-block;
	height:104px;
	line-height:104px;
	text-decoration:none;
	text-transform:uppercase;
	font-weight:300;
}

.menu li a {
	color:#231f20;
	padding:0 15px;
	white-space:nowrap;
	text-align:center;
}

.menu li a:hover {
	color:#f2251a;
	font-weight:bold;
}

ul.language-switcher-locale-url li a {
	color:#95989a;
	padding:0 5px;
}
ul.language-switcher-locale-url li a:hover {
	color:#231f20;
}

ul.language-switcher-locale-url li a.active,
ul.language-switcher-locale-url li a.active:hover {
	color:#f02a1c;
	font-weight:bold;
}

nav.breadcrumb a {
	color:#f02a1c;
	text-decoration:none;
	font-weight:300;
	font-size: 18px;
	line-height: 21.6px;
}

.front h1 {
	display:none;
}

.front article.node {
	display:none;
}

h1.page__title {
	color:#f02a1c;
	font-weight:300;
	font-size:30px;
	text-transform: uppercase;
	margin-bottom: 48px;
}

h2.block__title {
	color:#f02a1c;
	font-weight:300;
	text-align:center;
	text-transform:uppercase;
	line-height:20px;
	margin-bottom: 60px;
}
@media screen and (max-width:760px) {
	h2.block__title {
		margin-bottom:28px;
	}
}

.links.inline {
	margin:0;
	padding:0;
}
.links.inline li[class^='translation'] {
	display:none;
	visibility:hidden;
}

.form-type-managed-file {
	position:relative;
	overflow:hidden;
	max-width:960px;
}

.form-managed-file {
	height:45px;
	line-height:45px;
	position:relative;
}
.form-managed-file .error {
	line-height: 19.8px;
}

.form-managed-file .widget-data {
	position:relative;
}

input.form-file {
	position:absolute;
    top:0;
	left:0;
    width:100%;
	height:45px;
    margin:0;
    padding:0;
    font-size:20px;
    cursor:pointer;
    opacity:0;
    filter:alpha(opacity=0);
}
div.image-widget-data {
	float:none;
}
.file-name {
	line-height:45px;
	margin-right:175px;
}
.form-type-managed-file.error .file-name {
	color:#f02a1c;
}
.form-type-managed-file {
	overflow: visible;
}
.form-type-managed-file.error:before {
	content: '';
	position: absolute;
	top: -10px;
	left: -10px;
	right: -10px;
	bottom: -10px;
	border: solid #f02a1c 1px;
}
.form-type-managed-file.error label {
	color: #000;
}
.file-button.bold,
.form-managed-file .form-submit,
.node-bewerbung-form .form-submit {
	height:45px;
	line-height:45px;
	color:#fff;
	background:#f02a1c;
	border:solid #f02a1c 1px;
	text-align:center;
	float:left;
	padding:0 45px;
	margin-right:8px;
	-webkit-transition:background .3s;
	-moz-transition:background .3s;
	-ms-transition:background .3s;
	-o-transition:background .3s;
	transition:background .3s;
}
.file-button.bold:hover,
.form-managed-file .form-submit:hover,
.file-button.bold.hover,
.form-managed-file .form-submit.hover,
.node-bewerbung-form .form-submit:hover {
	background:#fff;
	color:#f02a1c;
}
.form-managed-file .form-submit {
	position:absolute;
	top:0; 
	right:0;
	float:none;
	margin:0;
	height:45px;
	z-index:3;
}

@media screen and (max-width: 600px) {
	.form-managed-file {
		height:auto;
	}
	.form-managed-file .widget-data {
		text-align:center;
	}
	.file-name {
		margin-right:0;
		text-align:left;
		border: solid #f02a1c 1px;
		height: 45px;
		line-height: 43px;
	}
	.form-managed-file .form-submit {
		position: static;
		margin: 6px 0 0;
	}
}





#block-block-30 img {
	min-width:0;
	min-height:0;
	width:auto;
}
#block-block-30 .arrow {
	cursor:pointer;
	opacity:0.8;
	-webkit-transform:scale(.9);;
	-moz-transform:scale(.9);;
	transform:scale(.9);
	transition:all 0.1s ease-in;
	height: auto;
}
#block-block-30 .arrow:hover {
	opacity:1;
	-webkit-transform:scale(1);
	-moz-transform:scale(1);
	transform:scale(1);
}

#block-block-30 .splash {
	position:fixed;
	bottom:28px;
	right:38px;
	display:inline-block;
	background:#fff;
	background:rgba(255, 255, 255, 0.9);
	border:solid #95989A 1px;
	color:#95989A;
	padding:10px;
	text-decoration:none;
	white-space:nowrap;
	width:255px;
	line-height:19.2px;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	border-radius:8px;
	z-index:1;
	-moz-transition:all 0.3s;
	-webkit-transition:all 0.3s;
	transition:all 0.3s;
}
@media screen and (max-width: 760px) {
	#block-block-30 .splash {
		display:none !important;
	}
}
#block-block-30 .splash:hover {
	color:#000;
	border:solid #000 1px;
	background:#fff;
	background:rgba(255, 255, 255, 1);
}
#block-block-30 .splash span {
	float:left;
	margin-right:10px;
	height:40px;
}
#block-block-30 .splash img {
	position:static;
	height:40px;
	opacity:0.7;
	-moz-transition:opacity 0.3s;
	-webkit-transition:opacity 0.3s;
	transition:opacity 0.3s;
}
#block-block-30 .splash:hover img {
	opacity:1;
}

#block-block-32 {
	display:none;
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background:rgba(0, 0, 0, 0);
	text-align: center;
	z-index:99999;
	-webkit-transition:background 0.3s;
	-moz-transition:background 0.3s;
	transition:background 0.3s;
}

body.splash #block-block-32 {
	background:rgba(0, 0, 0, 0.75);
	margin-bottom: 0;
}

#block-block-32 iframe {
	position:fixed;
	top:50%;
	left:50%;
	height: 527px;
	width:980px;
	margin-top:-263.5px;
	margin-left:-490px;
	-webkit-transform:translateY(-200%);
	-moz-transform:translateY(-200%);
	transform:translateY(-200%);
	-webkit-transition:all 0.3s ease-out;
	-moz-transition:all 0.3s ease-out;
	transition:all 0.3s ease-out;
}
body.splash #block-block-32 iframe {
	-moz-transform:translateY(0);
	-webkit-transform:translateY(0);
	transform:translateY(0);
}

#content {
	position:relative;
	background-color:#fff;
	padding:60px 20px;
	padding:60px 0;
}
@media screen and (max-width: 600px) {
	#content {
		padding: 30px 0;
	}
}

.region-bottom {
	position:relative;
	margin:0 auto;
	color:#fff;
	background-color:#231f20;
	z-index:100000;
}

.region-bottom ul li a,
.region-bottom a {
	color:#95989A;
}
.region-bottom ul li a:hover,
.region-bottom a:hover {
	color:#fff;
}
.region-bottom ul li a.active {
	color:#f02a1c;
}

#footer.region-footer {
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	background:#231f20;
	overflow:hidden;
	z-index:10;
}

#block-block-33 {
	max-width:1000px;
	margin:0 auto;
	z-index:2;
}
#block-block-33 p {
	margin:0;
}

#block-block-33 img {
	float:right;
	margin-top:11px;
	margin-bottom:-100%;
	height:28px;
	width:28px;
	opacity:0.7;
	-moz-transition:all 0.3s;
	-webkit-transition:all 0.3s;
	transition:all 0.3s;
	cursor:pointer;
}
@media screen and (max-width: 1000px) {
	#block-block-33 img {
		margin-right:24px;
	}
}
#block-block-33 img:hover {
	opacity:1;
}
.plan-site #block-block-33 img {
	margin-bottom:0;
}
@media screen and (max-width: 1000px) {
	#footer.region-footer {
		position:fixed;
		top: 100%;
		left:0;
		right:0;
		height:100%;
		margin-bottom:0;
		z-index:10;
		-webkit-transition:top 0.3s;
		-moz-transition:top 0.3s;
		transition:top 0.3s;
	}
	.plan-site #footer.region-footer {
		top:0;
	}
}

#block-menu-block-1 {
	position:relative;
	left:50%;
	width:960px;
	padding-top:50px;
	margin-left:-480px;
	margin-bottom:-100%;
	-webkit-transition:margin-bottom 0.3s;
	-moz-transition:margin-bottom 0.3s;
	transition:margin-bottom 0.3s;
}
.plan-site #block-menu-block-1 {
	margin-bottom:0;
}
#block-menu-block-1 a {
	color:#fff;
}
#block-menu-block-1 a:hover {
	font-weight:normal;
}

#block-menu-block-1 .menu-block-wrapper > .menu {
	display:table;
	width: 100%;
}
#block-menu-block-1 .menu-block-wrapper > .menu > li {
	display:table-cell;
}

@media screen and (max-width:1000px) {
	body.plan-site,
	body.mobile-menu {
		overflow:hidden;
	}
	
	#block-menu-block-1 {
		position:absolute;
		top:0;
		bottom:0;
		width: 100%;
		margin-left:0;
		left:0;
		overflow:auto;
		z-index:1;
	}
	#block-menu-block-1 .menu-block-wrapper > .menu {
		display:block;
	}
	#block-menu-block-1 .menu-block-wrapper > .menu > li {
		display:block;
		margin-bottom:24px;
	}
}


#block-menu-block-1 .menu-block-wrapper > .menu > li a {
	height:24px;
	font-weight:bold;
	line-height:24px;
	font-size: 16px;
}
#block-menu-block-1 .menu-block-wrapper > .menu > li a:hover {
	color: #f02a1c;
}
@media screen and (max-width:1000px) {
	#block-menu-block-1 .view-r-f-rences {
		max-width: 250px;
		margin: auto;
	}
	#block-menu-block-1 .view-r-f-rences .view-header {
		text-align:center;
		margin-bottom: 15px;
	}
	#block-menu-block-1 .view-r-f-rences .view-content {
		width: 100%;
	}
	#block-menu-block-1 .view-r-f-rences .views-row {
		-webkit-border-radius:0;
		-moz-border-radius:0;
		border-radius:0;
	}
	#block-menu-block-1 .view-r-f-rences .views-row:first-of-type a {
		margin-top:0 !important;
	}
	#block-menu-block-1 .menu-block-wrapper > .menu > li > a {
		text-align: center;
		display: block;
		max-width: 270px;
		margin:auto;
		margin-bottom: 15px;
	}
	#block-menu-block-1 .menu-block-wrapper > .menu .menu {
		margin-bottom:32px;
	}
}
#block-menu-block-1 .menu-block-wrapper > .menu .menu li {
	display:block;
}
#block-menu-block-1 .menu-block-wrapper > .menu .view-r-f-rences .view-content {
	margin-left:0;
}
#block-menu-block-1 .menu-block-wrapper > .menu .view-r-f-rences ul {
	margin:0;
	padding:0;
}
#block-menu-block-1 .menu-block-wrapper > .menu .view-r-f-rences .menu li {
	width:100%;
	margin-left:0;
	float:none;
}

#block-menu-block-1 .menu-block-wrapper > .menu .menu li a {
	display: inline-block;
	text-transform:none;
	height:16.8px;
	line-height:16.8px;
	font-weight:normal;
	font-size:12px;
	padding: 0 15px;
	margin: 2.1px 0;
	text-align: left;
}
@media screen and (max-width:1000px) {
	#block-menu-block-1 .menu-block-wrapper > .menu .menu li a {
		background: rgba(255, 255, 255, 0.1);
		border: solid rgba(255, 255, 255, 0.3) 1px;
		color:#95989A;
		display: block;
		max-width: 250px;
		margin: -1px auto 0;
		height: 35px;
		line-height: 35px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		-webkit-transition:all 0.3s;
		-moz-transition:all 0.3s;
		transition:all 0.3s;
	}
	#block-menu-block-1 .menu-block-wrapper > .menu .menu li a:hover {
		background: rgba(255, 255, 255, 0.3);
		border: solid rgba(255, 255, 255, 0.5) 1px;
		color:#fff !important;
	}
}
#block-menu-block-1 .menu-block-wrapper > .menu .menu li a:hover {
	color:#f02a1c;
}



#block-menu-block-4 {
	max-width:960px;
	margin:0 auto;	
}
#block-menu-block-4 .menu {
	float:right;
	font-size:14px;
}

#block-menu-block-4 .menu a {
	height:85px;
	line-height:85px;
}
#block-menu-block-4 .menu a:hover {
	font-weight:normal;
}

#block-block-31 {
	max-width:480px;
	position:absolute;
	top:0;
	left:50%;
	margin-left:-480px;
	font-size:12px;
	color:#95989A;
	margin-bottom: 0;
}

#block-block-31 p {
	margin:0;
	line-height:85px;
}
@media screen and (max-width: 1000px) {
	#block-menu-block-4 .menu {
		float:none;
		text-align:center;
		padding-bottom:21px;
	}
	#block-menu-block-4 .menu li {
		display:block;
	}
	#block-menu-block-4 .menu a {
		line-height:16.8px;
		height:auto;
		padding-top:14px;
		padding-bottom:14px;
	}
	#block-block-31 {
		position:static;
		margin-left: 0;
		max-width: initial;
		text-align: center;
		padding: 0 0 35px;
	}
	#block-block-31 p {
		line-height:14.4px;
	}
}

#block-block-31 p a {
	color:#95989A;
}
#block-block-31 p a:hover {
	color:#fff;
}
@media screen and (max-width: 450px) {
	#block-block-31 p a {
		display:block;
	}
	#block-block-31 p span {
		display:none;
	}
}

#block-views-activities-block {
	margin-bottom:60px;
}

#block-views-activities-block h2.block__title {
	margin-bottom:60px;
}
@media screen and (max-width:760px) {
	#block-views-activities-block {
		margin-bottom: 46px;
	}
	
	#block-views-activities-block h2.block__title {
		margin-bottom:28px;
	}
}

#block-views-activities-block .view-content {
	display:table;
	width:100%;
	table-layout:fixed;
}

#block-views-activities-block .views-row {
	position:relative;
	display:table-cell;
	text-align:center;
	overflow:hidden;
}

@media screen and (max-width: 960px) {
	#block-views-activities-block .view-content { 
		display:block;
		max-width: 450px;
		margin: 0 auto;
	}
	#block-views-activities-block .view-content:after {
		display:table;
		clear:both;
		content:'';
	}
	#block-views-activities-block .views-row {
		display:block;
		width: 33.3333%;
		float:left;
		margin-bottom:12px;
	}
}

#block-views-activities-block .views-row:before,
.section-activités .field-name-field-icon:before,
.section-activities .field-name-field-icon:before,
.section-arbeitsgebiet .field-name-field-icon:before {
	content:'';
	display:block;
	border:solid #95989a 1px;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	border-radius:8px;
	height:77px;
	width:77px;
	margin: auto;
	-webkit-transition:background 0.3s;
	-moz-transition:background 0.3s;
	transition:background 0.3s;
}
.front #block-views-activities-block .views-row:before,
.front .section-activités .field-name-field-icon:before,
.front .section-activities .field-name-field-icon:before,
.front .section-arbeitsgebiet .field-name-field-icon:before {
	height:100px;
	width:100px;
}

#block-views-activities-block .views-row:hover:before {
	background:#f3241b;
}

#block-views-activities-block .views-field-field-icon {
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:100%;
	-webkit-transition:top 0.3s;
	-moz-transition:top 0.3s;
	transition:top 0.3s;
}
#block-views-activities-block .views-row:hover .views-field-field-icon {
	top:-100%;
}

#block-views-activities-block .views-field-field-icon img {
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	margin:auto;
	max-height: 60px;
	max-width: 60px;
}

#block-views-activities-block .views-field-title {
	position:absolute;
	top:100%;
	left:0;
	height:100%;
	width:100%;
	opacity:0;
	-webkit-transition:top 0.3s;
	-moz-transition:top 0.3s;
	transition:top 0.3s;
}
#block-views-activities-block .views-row:hover .views-field-title {
	top:0;
	opacity:1;
}

#block-views-activities-block .views-field-title .field-content {
	display:table;
	height:100%;
	margin:auto;
	width: 100px;
	table-layout: fixed;
}

#block-views-activities-block .views-field-title .field-content a {
	display:table-cell;
	vertical-align:middle;
	color:#fff;
	text-align:center;
	text-decoration:none;
	text-transform:uppercase;
	font-size:13px;
	line-height:84px;
	-webkit-transition:all 0.3s;
	-moz-transition:all 0.3s;
	transition:all 0.3s;
	word-wrap: normal;
	overflow: hidden;
}
#block-views-activities-block .views-row:hover .views-field-title .field-content a {
	line-height:16.8px;
}

@media screen and (max-width: 400px) {
	#block-views-activities-block .view-content {
		max-width:250px;
	}
	.front #block-views-activities-block .views-row:before {
		height: 70px;
		width: 70px;
	}
	#block-views-activities-block .views-field-field-icon img {
		max-height: 70%;
		max-width: 70%;
	}
	#block-views-activities-block .views-field-title .field-content {
		width: 70px;
	}
	#block-views-activities-block .views-field-title .field-content a {
		font-size:10px;
		line-height:12.9px;
	}
	#block-views-activities-block .views-row .views-field-title .field-content a {
		line-height:12.9px;
	}
}


.view-r-f-rences .view-content {
	margin-left:-52.5px;
}
#block-views-r-f-rences-block-3 .view-content {
	margin-left:-26.6666px;
}
#block-views-r-f-rences-block-3 .views_infinite_scroll-ajax-loader:before {
	content:url('/sites/all/modules/views_infinite_scroll/images/ajax-loader.gif');
}
#block-views-r-f-rences-block-3 .views_infinite_scroll-ajax-loader img {
	display: none;
}
@media screen and (max-width:1000px) {
	#block-views-r-f-rences-block-3 {
		text-align:center;
	}
	.view-r-f-rences .view-content {
		margin-left:-20px;
		text-align:left;
		display:inline-block;
		width:915px;
	}
	article.node-reference .view-content {
		width: auto;
	}
	#block-views-r-f-rences-block-3 .view-content {
		width:766px;
	}
	.menu .view-r-f-rences .view-content {
		width: auto;
		margin-left:0;
	}
}
@media screen and (max-width:935px) {
	#block-views-r-f-rences-block-2 .view-content {
		width:305px;
	}
	#block-views-r-f-rences-block-2 .views-row {
		margin-bottom: 24px;
	}
}

@media screen and (max-width:750px) {
	#block-views-r-f-rences-block-3 .view-content {
		width:520px;
	}
}

@media screen and (max-width:500px) {
	#block-views-r-f-rences-block-3 .view-content {
		width:240px;
	}
	#block-views-r-f-rences-block-2 .views-row {
		margin-bottom: 18px;
	}
}

#block-views-r-f-rences-block-3:after {
	content:'';
	display:table;
	clear:both;
}

#content > .views-field-nothing {
	position: relative;
	top: 20px;
}

.view-r-f-rences .views-row {
	float:left;
	width:285px;
	margin-left:52.5px;
	position:relative;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	border-radius:8px;
	overflow:hidden;
	-webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC);
}
.node-type-reference .view-r-f-rences .views-row {
	-webkit-mask-image: initial;
}
#block-views-r-f-rences-block-3 .views-row {
	width:220px;
	margin-left:26.6666px;
	margin-bottom:20px;
}
@media screen and (max-width:1000px) {
	.view-r-f-rences .views-row {
		width:285px;
		margin-left:20px;
	}
	#block-views-r-f-rences-block-3 .views-row {
		width:220px;
	}
}

#block-views-r-f-rences-block-2 .views-row,
#block-views-r-f-rences-block-3 .views-row {
	cursor:pointer;
}

.view-r-f-rences .views-field-field-photos {
	width:100%;
	margin:auto;
}

.view-r-f-rences .views-field-field-photos img {
	display:block;
}

.view-r-f-rences .views-fieldset {
	background:rgba(243, 36, 27, 0.75);
	position:absolute;
	top:190px;
	left:50%;
	width:285px;
	height:285px;
	margin-left:-142.5px;
	-webkit-transition:top 0.3s;
	-moz-transition:top 0.3s;
	transition:top 0.3s;
}
#block-views-r-f-rences-block-3 .views-fieldset {
	top:165px;
	width:220px;
	height:220px;
	margin-left:-110px;
}
.view-r-f-rences .views-row:hover .views-fieldset {
	top:70px;
}

#block-views-r-f-rences-block-3 .views-row .views-fieldset {
	top:145px;
}
#block-views-r-f-rences-block-3 .views-row:hover .views-fieldset {
	top:65px;
}

.view-r-f-rences .views-field-title a {
	display:block;
	height:85px;
	color:#fff;	
	padding: 28px 40px 0 40px;
	font-size:23px;
	line-height:27.6px;
	text-align:right;
	text-decoration:none;
	font-weight: 300;
	margin-bottom: 22px;
	overflow: hidden;
}

#block-views-r-f-rences-block-3 .views-field-title a {
	padding:25px 20px 15px;
	font-size: 15px;
	line-height: 18px;
	height: 76px;
	margin-bottom: 0;
}

.view-r-f-rences .views-field-field-ann-e-de-construction {
	position: absolute;
	top: 8px;
	right: 40px;
	color:#fff;
	font-weight:300;
	font-size:15px;
	
}
#block-views-r-f-rences-block-3 .views-field-field-ann-e-de-construction {
	right: 20px;
	font-size:12px;
}

.view-r-f-rences .views-field-body {
	padding:0 28px 28px;
	color:#fff;
	font-size:13px;
	line-height:15.6px;
	text-align: left;
}
.view-r-f-rences .views-field-body .field-content {
	height: 95px;
	overflow: hidden;	
}
#block-views-r-f-rences-block-3 .views-field-body .field-content {
	height: 64px;
}

.view-r-f-rences .views-field-body p {
	margin:0;
}

#block-views-r-f-rences-block-2 {
	max-width:none;
	background:#f5f4f4;
	padding:60px 0;
	margin-bottom:0;
}

#block-views-r-f-rences-block-2:after {
	content:'';
	clear:both;
	display:table;
}

#block-views-r-f-rences-block-2 .block-title {
	line-height:20px;
	margin-bottom: 60px;
}
@media screen and (max-width:760px) {
	#block-views-r-f-rences-block-2 .block-title {
		margin-bottom:28px;
	}
}

#block-views-r-f-rences-block-2 .view {
	max-width:960px;
	margin:0 auto;
	text-align: center;
}




.block-webform {
	max-width:none !important;
	background:#fff;
	margin:0 auto;
}

.block-webform form {
	max-width:960px;
	margin:0 auto;
}

#block-block-1,
#block-multiblock-1 {
	padding:60px 0;
	margin-bottom:0;
	max-width:none;
	background:#fff;
}

#block-multiblock-1 h2,
#block-block-34 h2,
#block-webform-client-block-272 h2 {
	text-align:left;
	max-width:960px;
	margin:0 auto;
	text-transform: uppercase;
	font-size: 30px;
	line-height: 36px;
	margin-bottom: 46px;
}
#block-block-34 h2 {
	margin-bottom:12px;
}
@media screen and (max-width: 1000px) {
	#block-multiblock-1 h2 {
		padding-left:20px;
		padding-right:20px;
	}
}
#block-block-34 {
	margin-bottom:0;
	max-width: none;
	background: #fff;
}
#block-block-34 > * {
	max-width: 960px;
	margin-left: auto !important;
	margin-right: auto !important;
}

#block-block-34 p {
	margin:0;
	line-height:19.2px;
}

#block-block-1 table,
#block-multiblock-1 table {
	margin:auto;
	width:960px;
	table-layout:fixed;
	font-size:16px;
	line-height:19.2px;
}

#block-block-1 table strong,
#block-multiblock-1 table strong {
	font-size:20px;
	line-height:24px;
}
@media screen and (max-width: 1000px) {
	#block-block-1 table,
	#block-multiblock-1 table,
	#block-block-1 table tbody,
	#block-multiblock-1 table tbody,
	#block-block-1 table tr,
	#block-multiblock-1 table tr {
		display:block;
		width:auto;
	}
	#block-block-1 table,
	#block-multiblock-1 table {
		padding: 0 20px;
		text-align: center;
	}
	#block-block-1 table td,
	#block-multiblock-1 table td {
		display:inline-block;
		min-width: 300px;
	}
	#block-block-1 table td:last-of-type,
	#block-multiblock-1 table td:last-of-type {
		display:block;
		min-width: 300px;
	}
}

#block-block-1 td p:first-of-type,
#block-multiblock-1 td p:first-of-type {
	margin-top:0;
}
#block-block-1 td,
#block-multiblock-1 td {
	vertical-align: top;
}
#block-block-1 .urgence,
#block-multiblock-1 .urgence {
	white-space: nowrap;
}


#block-block-1 .urgence p,
#block-multiblock-1 .urgence p {
	margin:0;
}

article.node-reference .field-name-field-photos .field-items {
	margin-left:-26.6666px;
	margin-bottom:20px;
	font-size:0;
}
article.node-reference .field-name-field-photos .field-item {
	display:inline-block;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	border-radius:8px;
	overflow:hidden;
	margin-left:26.6666px;
}
article.node-reference .field-name-field-photos img {
	display:block;
}



.section-activités .field-name-field-icon,
.section-activities .field-name-field-icon,
.section-arbeitsgebiet .field-name-field-icon {
	position:absolute;
	top:95px;
	left:50%;
	margin-left:-480px;
	width:77px;
	height:77px;
}

@media screen and (max-width:600px) {
	.section-activités .field-name-field-icon,
	.section-activities .field-name-field-icon,
	.section-arbeitsgebiet .field-name-field-icon {
		margin-left:0;
		left:20px;
		width:70px;
		height:70px;
	}
	.section-activités .field-name-field-icon:before,
	.section-activities .field-name-field-icon:before,
	.section-arbeitsgebiet .field-name-field-icon:before {
		width:68px;
		height:68px;
	}
	.section-activités .field-name-field-icon img,
	.section-activities .field-name-field-icon img,
	.section-arbeitsgebiet .field-name-field-icon img {
		max-width: 35px;
	}
}
@media screen and (max-width: 500px) {
	.section-activités .field-name-field-icon,
	.section-activities .field-name-field-icon,
	.section-arbeitsgebiet .field-name-field-icon {
		top: 125px;
	}
}

.section-activités .field-name-field-icon img,
.section-activities .field-name-field-icon img,
.section-arbeitsgebiet .field-name-field-icon img {
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	margin:auto;
	max-height: 50px;
	max-width: 50px;
}

.field-name-field-activites {
	display:none;
}

#content nav.breadcrumb {
	display:none;
}
.section-activités #content nav.breadcrumb,
.section-activities #content nav.breadcrumb,
.section-arbeitsgebiet #content nav.breadcrumb {
	display:block;
}

.section-activités #content nav.breadcrumb,
.section-activités #content h1.title,
.section-activities #content nav.breadcrumb,
.section-activities #content h1.title,
.section-arbeitsgebiet #content nav.breadcrumb,
.section-arbeitsgebiet #content h1.title {
	position:relative;
	max-width:850px;
	left:50%;
	margin-left:-386px;
}

.section-activités #content nav.breadcrumb,
.section-activities #content nav.breadcrumb,
.section-arbeitsgebiet #content nav.breadcrumb {
	top:12px;
	display:none;
}

.section-activités #content h1.title,
.section-activities #content h1.title,
.section-arbeitsgebiet #content h1.title {
	top:15px;
	margin-bottom:64px;
	font-size: 30px;
}

.page-node-140.section-activités #content h1.title,
.page-node-140.section-activities #content h1.title,
.page-node-140.section-arbeitsgebiet #content h1.title,
.page-node-141.section-activités #content h1.title,
.page-node-141.section-activities #content h1.title,
.page-node-141.section-arbeitsgebiet #content h1.title,
.page-node-142.section-activités #content h1.title,
.page-node-142.section-activities #content h1.title,
.page-node-142.section-arbeitsgebiet #content h1.title {
	top:0;
	max-width:960px;
	margin-left:-480px;
	margin-bottom:36px;
	font-size:30px;
	line-height:36px;
}
@media screen and (max-width:1000px) {
	.section-activités #content nav.breadcrumb,
	.section-activités #content h1.title,
	.section-activities #content nav.breadcrumb,
	.section-activities #content h1.title,
	.section-arbeitsgebiet #content nav.breadcrumb,
	.section-arbeitsgebiet #content h1.title {
		margin-left:132px;
		left:0;
	}
	.page-node-140.section-activités #content h1.title,
	.page-node-140.section-activities #content h1.title,
	.page-node-140.section-arbeitsgebiet #content h1.title {
		margin-left:0;
	}
}

@media screen and (max-width:600px) {
	.section-activités #content nav.breadcrumb,
	.section-activités #content h1.title,
	.section-activities #content nav.breadcrumb,
	.section-activities #content h1.title,
	.section-arbeitsgebiet #content nav.breadcrumb,
	.section-arbeitsgebiet #content h1.title {
		top:10px;
		left:0;
		margin-left: 86px;
	}
	.section-activités #content h1.title,
	.section-activities #content h1.title,
	.section-arbeitsgebiet #content h1.title {
		top:12px;
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden;
	}
}
@media screen and (max-width: 500px) {
	.section-activités #content nav.breadcrumb,
	.section-activités #content h1.title,
	.section-activities #content nav.breadcrumb,
	.section-activities #content h1.title,
	.section-arbeitsgebiet #content nav.breadcrumb,
	.section-arbeitsgebiet #content h1.title {
		top:40px;
		left:0;
		margin-left: 86px;
	}
	.section-activités #content h1.title,
	.section-activities #content h1.title,
	.section-arbeitsgebiet #content h1.title {
		top:42px;
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden;
	}
}

.section-activités #content,
.section-activities #content,
.section-arbeitsgebiet #content {
	padding-top: 95px;
}
.page-node-140.section-activités #content,
.page-node-140.section-activities #content,
.page-node-140.section-arbeitsgebiet #content,
.page-node-141.section-activités #content,
.page-node-141.section-activities #content,
.page-node-141.section-arbeitsgebiet #content,
.page-node-142.section-activités #content,
.page-node-142.section-activities #content,
.page-node-142.section-arbeitsgebiet #content {
	padding-top: 60px;
	border-top: solid #ddd 1px;
}
.front #content {
	border-top: solid #ddd 1px;
}
#block-views-activities-block-5 {
	position:absolute;
	top: 28px;
	left:50%;
	margin-left: -480px;
}
@media screen and (max-width: 960px) {
	#block-views-activities-block-5 {
		left: 0;
		right: 0;
		margin-left: 0;
	}
}
#block-views-activities-block-5 .view-activities {
	max-width: 960px;
	margin: auto;
}
#block-views-activities-block-5 .view-content:after {
	content:'';
	clear:both;
	display:table;
}
#block-views-activities-block-5 .views-row {
	float:left;
	position:relative;
	height: 42px;
	width: 42px;
	overflow:hidden;
	margin-right: 3px;
}
#block-views-activities-block-5 .views-row:before {
	content:'';
	display: block;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	height: 42px;
	width: 42px;
	margin: auto;
	-webkit-transition: background 0.3s;
	-moz-transition: background 0.3s;
	transition: background 0.3s;
}
#block-views-activities-block-5 .views-row:hover:before {
	background: #f3241b;
}
@media screen and (max-width:600px) {
	#block-views-activities-block-5 .views-row:hover:before {
		background: #fff;
	}
}
#block-views-activities-block-5 .views-field-views-conditional {
	position: absolute;
	top:0;
	left:0;
	width: 100%;
	height:100%;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	-webkit-transition: top 0.3s;
	-moz-transition: top 0.3s;
	transition: top 0.3s;
}
#block-views-activities-block-5 .views-field-views-conditional a {
	display: block;
	height: 100%;
	border: solid #95989a 1px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	-webkit-transition: background 0.3s;
	-moz-transition: background 0.3s;
	transition: background 0.3s;
}
#block-views-activities-block-5 .views-field-views-conditional a.active {
	background: #f3241b;
}
#block-views-activities-block-5 .views-field-views-conditional img {
	display:block;
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	margin:auto;
	max-width:55%;
	max-height:55%;
}
#block-views-activities-block-5 .views-field-title {
	position:absolute;
	top: 100%;
	left: 0;
	width:100%;
	height:100%;
	-webkit-transition: top 0.3s;
	-moz-transition: top 0.3s;
	transition: top 0.3s;
}

#block-views-activities-block-5 .views-field-title .field-content {
	display: table;
	height: 100%;
	margin: auto;
	width: 100%;
	table-layout: fixed;
}
#block-views-activities-block-5 .views-field-title .field-content a {
	display: table-cell;
	vertical-align: middle;
	color: #fff;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 11px;
	line-height: 84px;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	word-wrap: normal;
	overflow: hidden;
}

#block-views-activities-block-5 .views-row:hover .views-field-title .field-content a {
	line-height: 14.2px;
}

@media screen and (max-width: 500px) {
	#block-views-activities-block-5 .view-content {
		width: 270px;
		text-align:center;
		margin-left:auto;
		margin-right:auto;
	}
	
	#block-views-activities-block-5 .views-row {
		float:none;
		display:inline-block;
	}
}

.page-node-28 h1.title,
.page-node-32 h1.title,
.page-node-33 h1.title {
	display:none;
}

.page-node-28 #content,
.page-node-32 #content,
.page-node-33 #content {
	padding-top:0;
}

.field-name-field-geofield {
	position:fixed;
	top:110px;
	left:0;
	right:0;
	height:400px;
	height: 60vh;
	overflow:hidden;
	z-index:-1;
}
@media screen and (max-width: 600px) {
	.field-name-field-geofield {
		top: 55px;
	}
}

.views-field-field-heroimage .field-content {
	position:fixed;
	top:110px;
	left:0;
	right:0;
	height:400px;
	height: 60vh;
	overflow:hidden;
	z-index:-1;
}
@media screen and (max-width: 600px) {
	.views-field-field-heroimage .field-content {
		top: 55px;
	}
}


.node-reference .view-display-id-entity_view_1,
.node-reference .view-display-id-entity_view_1 .views-row {
	overflow:visible !important;
}
.node-reference .view-display-id-entity_view_1 .views-row {
	position:static;
}

.node-type-reference h1.title {
	margin-top: 24px;
}

.node-reference .view-display-id-entity_view_1 .views-field-nothing {
	position: absolute;
	top:60px;
	max-width: 960px;
	margin: 0 auto;
}
@media screen and (max-width: 600px) {
	.node-reference .view-display-id-entity_view_1 .views-field-nothing {
		top: 40px;
	}
}
.adminimal-menu .node-reference .view-display-id-entity_view_1 .views-field-nothing {
	top: -165px;
}

.node-reference .view-display-id-entity_view_1 .views-field-nothing a {
	font-size: 18px;
	margin-top: 20px;
	text-decoration: none;
}
.node-reference .view-display-id-entity_view_1 .views-field-nothing a:hover {
	text-decoration:underline;
}
.views-field-field-heroimage img {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: 0 auto;
}
@media screen and (max-width: 500px) {
	.views-field-field-heroimage img {
		max-width: none;
		min-height: 100%;
		width: auto;
	}
}
.field-name-field-geofield .field-item {
	position:absolute;
	left:0;
	right:0;
	height:100%;
}
.field-name-field-geofield .field-item .gm-bundled-control .gmnoprint {
	position: relative;
	top: -14px;
}

.webform-client-form:after,
#block-formblock-bewerbung:after {
	content:'';
	clear:both;
	display:table;
}

.webform-component,
.node-bewerbung-form .form-item {
	float:left;
	width:100%;
	margin:0 0 10px;
}

.node-bewerbung-form label {
	display:none;
}
#edit-field-offres-d-emploi label,
#edit-field-votre-cv label,
#edit-field-votre-lettre-de-motivation label {
	display:block;
}
.form-type-checkbox label,
.form-type-radio label {
	display:inline-block;
}

.node-bewerbung-form .vertical-tabs label {
	display:inherit;
}
#edit-field-type-de-candidature:before {
	content:'Postuler en ligne';
	font-weight:300;
	font-size: 26px;
	text-transform: uppercase;
	line-height:31.2px;
	color:#f02a1c;
	margin-bottom:18px;
	display:inline-block;
}
.i18n-de #edit-field-type-de-candidature:before {
	content: 'Online bewerben';
}

.i18n-en #edit-field-type-de-candidature:before {
	content: 'Apply online';
}


.node-bewerbung-form .form-type-checkbox {
	white-space:nowrap;
}

.node-bewerbung-form .form-type-checkbox label {
	white-space:normal;
}
.node-bewerbung-form .form-type-checkbox input[type="checkbox"] {
	vertical-align: top;
	position:relative;
	top:5px;
}

#edit-field-pr-nom:before {
	content:'Vos coordonnées';
	font-weight:bold;
}
.i18n-de #edit-field-pr-nom:before {
	content:'Ihre Daten';
}
.i18n-en #edit-field-pr-nom:before {
	content:'Your details';
}

#edit-field-nom:before {
	content:'.';
	color:transparent;
}
@media screen and (max-width:650px) {
	#edit-field-nom:before {
		display:none;
	}
}

#edit-field-candidature-spontane-und:before {
	content:'Métiers';
	font-weight:bold;
}
.i18n-de #edit-field-candidature-spontane-und:before {
	content:'Berufe';
}
.i18n-en #edit-field-candidature-spontane-und:before {
	content:'Jobs';
}

.webform-component input,
.webform-component textarea,
.node-bewerbung-form .form-text,
.node-bewerbung-form textarea {
	width:100% !important;
	border:solid #95989a 1px;
}

.node-bewerbung-form select {
	border:solid #95989a 1px;
	height:38px;
	padding:0 15px;
	background:#fff;
	background-color:#fff;
	-moz-border-radius:0;
	-webkit-border-radius:0;
	border-radius:0;
}
.webform-component input,
.node-bewerbung-form .form-text {
	height:38px;
	padding:0 15px;
	background:#fff;
	background-color:#fff;
	-moz-border-radius:0;
	-webkit-border-radius:0;
	border-radius:0;
 }
 
.webform-component textarea,
.node-bewerbung-form textarea {
	height:235px;
	padding:15px;
	-moz-border-radius:0;
	-webkit-border-radius:0;
	border-radius:0;
}

.node-bewerbung-form .vertical-tabs {
	clear:both;
}

.webform-component--prenom,
.webform-component--nom {
	margin-top:24px;
}
@media screen and (max-width:650px) {
	.webform-component--nom {
		margin-top:0;
	}
}


.webform-component--prenom,
#edit-field-pr-nom,
.webform-component--nom,
#edit-field-nom,
.webform-component--code-postal,
#edit-field-code-postal,
.webform-component--localite,
#edit-field-localit-,
.webform-component--adresse-email,
#edit-field-adresse-email,
.webform-component--numero-de-telephone,
#edit-field-num-ro-de-t-l-phone {
	width:50%;
	float:left;
	padding-right:8px;
}

.webform-component--nom,
#edit-field-nom,
.webform-component--localite,
#edit-field-localit-,
.webform-component--numero-de-telephone,
#edit-field-num-ro-de-t-l-phone {
	padding-right:0;
	padding-left:8px;
}
@media screen and (max-width:650px) {
	.webform-component--prenom,
	#edit-field-pr-nom,
	.webform-component--nom,
	#edit-field-nom,
	.webform-component--code-postal,
	#edit-field-code-postal,
	.webform-component--localite,
	#edit-field-localit-,
	.webform-component--adresse-email,
	#edit-field-adresse-email,
	.webform-component--numero-de-telephone,
	#edit-field-num-ro-de-t-l-phone {
		width:100%;
		padding-left:0;
		padding-right:0;
	}
}

.node-bewerbung-form .form-field-type-file {
	margin-top:24px;
	margin-bottom:24px;
	clear:both;
	height:70px;
}
#edit-field-num-ro-de-t-l-phone:after {
	content:'';
	display:table;
	clear:both;
	margin-bottom:24px;
}

.node-bewerbung-form .form-field-type-file .description {
	display:none;
}

#edit-field-offres-d-emploi {
	position:relative;
	float:left;
	width:100%;
}
#edit-field-offres-d-emploi .form-item {
	float:left;
	width:auto;
}

#edit-field-offres-d-emploi .pdf {
	position:relative;
	top:21px;
	left:12px;
	height:38px;
	line-height:38px;
	vertical-align:middle;
	float:left;
}
@media screen and (max-width: 1000px) {
	#edit-field-offres-d-emploi .pdf {
		left: 0;
		top: -24px;
	}
}
#edit-field-offres-d-emploi .pdf a {
	position:relative;
	display:inline-block;
	height:38px;
	line-height:38px;
}
#edit-field-offres-d-emploi .pdf span {
	position:absolute;
	left:100%;
	height:38px;
	width:30px;
	display:inline-block;
	padding-left:6px;
}
#edit-field-offres-d-emploi .pdf span img {
	position:relative;
	top:4px;
}
#edit-field-type-de-candidature .form-item,
#edit-field-offres-d-emploi .form-item {
	margin-bottom:28px;
	max-width: 100%;
}

.webform-client-form .form-submit {
	background-color:#f02a1c;
	border:0;
	color:#fff;
	padding:0 40px;
	height:45px;
	float:right;
	-moz-border-radius:0;
	-webkit-border-radius:0;
	border-radius:0;
}


#block-views-activities-block-1:after {
	display:table;
	content:'';
	clear:both;
}

#block-views-activities-block-1 .views-row {
	clear:both;
	min-height:100px;
	position:relative;
}

#block-views-activities-block-1 .views-field-field-icon {
	position:relative;
	height:100px;
	width:100px;
	float:left;
	margin-right:28px;
	margin-bottom:14px;
	border:solid #95989a 1px;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	border-radius:8px;
	z-index:1;
}
#block-views-activities-block-1 .views-field-field-icon img {
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	margin:auto;
	max-height: 60px;
	max-width: 60px;
}

#block-views-activities-block-1 .views-field-title {
	position:relative;
	top:20px;
}

#block-views-activities-block-1 .views-field-title .field-content {
	margin:0;
}

#block-views-activities-block-1 .views-field-title .field-content a {
	font-weight:300;
	text-decoration:none;
	font-size:20px;
	line-height:24px;
}

#block-views-activities-block-1 .views-field-body {
	position:relative;
	top:20px;
	font-size:16px;
	line-height:19.2px;
	margin-bottom: 40px;
}


#block-views-activities-block-1 .views-field-body ul {
	display: inline;
	margin: 0;
	padding: 0;
}
#block-views-activities-block-1 .views-field-body li {
	list-style:none;
	display:inline;
	margin-right:3px;
}


#block-views-activities-block-1 .views-field-body p {
	margin:0;
}

@media screen and (max-width: 600px) {
	#block-views-activities-block-1 .views-field-title,
	#block-views-activities-block-1 .views-field-body {
		top:0;
		margin-left: 128px;
	}
	#block-views-activities-block-1 .views-field-title {
		margin-bottom:6px;
	}
}





#better-messages-wrapper:before {
	position:fixed;
	top:0;
	right:0;
	bottom:0;
	left:0;
	background-color:rgba(0, 0, 0, 0.5);
	content:'';
}

#better-messages-wrapper .body {
	padding:10px;
}

#better-messages-default .messages-label {
	margin-top:0;
	padding:0;
	background:#fff;
	color:#000;
	text-transform:none;
	text-align:center;
	font-size:18px;
}

#better-messages-default .messages {
	background:none !important;
	border:none !important;
	padding:0;
	text-align:center;
	margin: 10px 0 24px;
}
#better-messages-default .messages ul {
	margin:0;
}
#better-messages-default .messages h3 {
	margin-bottom: 12px;
}
#better-messages-default .messages p {
	margin-top: 0;
	margin-bottom: 12px;
}

.front #block-block-37 {
	bottom:0;
	top: initial;
}

.front #block-block-37 p {
	position: absolute;
	bottom: 28px;
	left:38px;
	margin:0;
	z-index: 1;
}

.front #block-block-37 p a {
	background: #fff;
	background: rgba(255, 255, 255, 0.9);
	border: solid #95989A 1px;
	color: #95989A;
	padding: 10px;
	text-decoration: none;
	white-space: nowrap;
	line-height: 19.2px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
.front #block-block-37 p a:hover {
	background: rgba(255, 255, 255, 1);
	border: solid #000 1px;
	color: #000;
}
body.page-change-order .views-field-field-icon {
	position: relative;
}
body.page-change-order a.tabledrag-handle {
	position: absolute;
	top: 50%;
	margin-top:-13.6px;
	margin-left: 0;
}
body.page-change-order a.tabledrag-handle .handle {
	width:24px;
	height:auto;
	background: url('/sites/all/themes/merschschmitz/images/move.png') no-repeat center center;
	background-size: 80% auto;
}
body.page-change-order .views-field-field-icon a:last-of-type {
	margin: 10px 10px 10px 40px;
	display: block;
	width: 50px;
	height: 50px;
	position:relative;
	border: solid #95989a 1px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	background:#fff;
}
body.page-change-order .views-field-field-icon a:last-of-type:before {
	content:'';
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
}
body.page-change-order .views-field-field-icon a:last-of-type img {
	display: block;
	max-width: 25px;
	margin:auto;
	position:absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}
body.page-change-order .views-table .tabledrag-changed {
	position:absolute;
	top: 0;
	left: 0;
}

body.node-type-bewerbung #main {
	margin-top:0;
}
body.node-type-bewerbung h1.title,
body.node-type-bewerbung p.submitted {
	display:none;
}

body.node-type-bewerbung .field-label {
	width: 225px;
}


#lightbox2-overlay {
	position: fixed !important;
	bottom: 0;
	height: auto !important;
}

#lightbox {
	position:fixed;
	top: 20% !important;
	bottom: 0;
}


/* fix iOS bug not displaying 100vh correctly */
/* ipad */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
	/* height = 768px */
	.region-highlighted .block {
		/* 100vh - 110px */
		height: 658px;
	}
	#main {
		margin-top: 350.8px;
	}
	.front #main {
		margin-top: 658px;
	}
}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
	/* height = 1024px */
	.region-highlighted .block {
		height: 390px;
	}
	#main {
		margin-top: 504px;
	}
	.front #main {
		margin-top: 1024px;
	}

}
/* iphone5 */
@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2) {
	/* height = 320px */
	.region-highlighted .block {
		height: 210px;
	}
	#main {
		margin-top: 250px;
	}
	.front #main {
		margin-top: 320px;
	}
}
@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2) {
	/* height = 568px */
	.region-highlighted .block {
		height: 250px;
	}
	#main {
		margin-top: 300px;
	}
	.front #main {
		margin-top: 568px;
	}
}


.page-sitemap #main {
	margin-top:0;
}

#site-map h2 {
	color: #f02a1c;
	font-weight: 300;
	text-align: center;
	text-transform: uppercase;
	line-height: 20px;
	margin-bottom: 60px;
}

#site-map ul ul {
	-webkit-column-count: 2;
	-moz-column-count: 2;
	column-count: 2;
	margin-bottom: 24px !important;
}

.i18n-fr #site-map .site-map-box-menu-main-menu .content > ul.site-map-menu > li:nth-of-type(3) a:before {
	content:'Références';
}

#block-views-jobs-block-1 {
	display: none;
}