/*
Theme Name: Maurer
Theme URI: http://www.maurer-ag.ch
Description: Custom Theme for Maurer AG
Author: Roger Burkhard
Author URI: http://www.rogerburkhard.com
*/

/*------------------------------------------------------
THE BIG FAT RESET
------------------------------------------------------*/

html, body, div, span, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td, header, footer {
	margin: 0;
	padding: 0;
}

/*------------------------------------------------------
IMPORT FONTS
------------------------------------------------------*/

@font-face {
    font-family: 'URWGeometric-Regular';
    src: url('styles/fonts/URWGeometric-Regular.eot');
    src: url('styles/fonts/UURWGeometric-Regular.eot?#iefix') format('embedded-opentype'),
         url('styles/fonts/URWGeometric-Regular.woff') format('woff'),
         url('styles/fonts/URWGeometric-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'URWGeometric-Medium';
    src: url('styles/fonts/URWGeometric-Medium.eot');
    src: url('styles/fonts/URWGeometric-Medium.eot?#iefix') format('embedded-opentype'),
         url('styles/fonts/URWGeometric-Medium.woff') format('woff'),
         url('styles/fonts/URWGeometric-Medium.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'URWGeometric-Semibold';
    src: url('styles/fonts/URWGeometric-SemiBold.eot');
    src: url('styles/fonts/URWGeometric-SemiBold.eot?#iefix') format('embedded-opentype'),
         url('styles/fonts/URWGeometric-SemiBold.woff') format('woff'),
         url('styles/fonts/URWGeometric-SemiBold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'URWGeometric-Bold';
    src: url('styles/fonts/URWGeometric-Bold.eot');
    src: url('styles/fonts/UURWGeometric-Bold.eot?#iefix') format('embedded-opentype'),
         url('styles/fonts/URWGeometric-Bold.woff') format('woff'),
         url('styles/fonts/URWGeometric-Bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'URWGeometric-Heavy';
    src: url('styles/fonts/URWGeometric-Heavy.eot');
    src: url('styles/fonts/URWGeometric-Heavy.eot?#iefix') format('embedded-opentype'),
         url('styles/fonts/URWGeometric-Heavy.woff') format('woff'),
         url('styles/fonts/URWGeometric-Heavy.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Swiftreg';
    src: url('styles/fonts/Swiftreg.eot');
    src: url('styles/fonts/Swiftreg.eot?#iefix') format('embedded-opentype'),
         url('styles/fonts/Swiftreg.woff') format('woff'),
         url('styles/fonts/Swiftreg.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Swiftbol';
    src: url('styles/fonts/Swiftbol.eot');
    src: url('styles/fonts/Swiftbol.eot?#iefix') format('embedded-opentype'),
         url('styles/fonts/Swiftbol.woff') format('woff'),
         url('styles/fonts/Swiftbol.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}


/*------------------------------------------------------
GENERAL
------------------------------------------------------*/

html {
	width: 100%;
	height: 100%;
	margin:0 !important;
	-webkit-text-size-adjust: 100%;
}

body {
	width: 100%;
	height: 100%;
	font: normal 24px/28px 'URWGeometric-Regular', Helvetica, Arial, Verdana, sans-serif;
	color: #000;
	overflow-x: hidden;
	min-width: 320px;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	font-smoothing: antialiased;
	-webkit-backface-visibility: hidden;
}

body.noscroll {
	overflow: hidden;
}

#wpadminbar {
	display:none !important;
}

/*------------------------------------------------------
TYPOGRAPHY
------------------------------------------------------*/

h1 {
	font: normal 60px/80px 'Swiftbol', serif;
	margin-bottom: 24px;
}

h2 {
	font: normal 36px/40px 'Swiftreg', serif;
}

p {
	margin-bottom: 25px;
}

b, strong {
	font-family: 'URWGeometric-Bold';
	font-weight: normal;
}

/*------------------------------------------------------
GENERAL LINKS
------------------------------------------------------*/

a {
	outline: none;
	cursor: pointer;
	color: #000;
	text-decoration: underline;
	-webkit-transition: opacity 0.4s ease;
    transition: opacity 0.4s ease;
}

a:hover {
	opacity: 0.8;
}

/* Firefox Hack to elmininate that ugly dotted line */
:focus {
	outline:none;
	outline-style: none !important;
	-moz-outline-style: none !important;
}

/*------------------------------------------------------
IMAGES
------------------------------------------------------*/

img {
	border: none 0;
}

/*------------------------------------------------------
VIDEO
------------------------------------------------------*/

video {
	outline: 0;
	-moz-outline-style: none;
}

/* Responsive iFrame */

.video_wrap {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}

.video_wrap iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/*------------------------------------------------------
CLEAR
------------------------------------------------------*/

.clear {
	clear: both;
}

/*------------------------------------------------------
Focus Input & Textarea
------------------------------------------------------*/

input, textarea {
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	resize: none;
	-webkit-appearance: none;
}

textarea:focus, input:focus{
    outline: 0;
}

input[type="button"], button {
   outline:none !important;
}
input[type="button"]::-moz-focus-inner, button::-moz-focus-inner {
   border: 0 !important;
}

/*------------------------------------------------------
WRAPPER
------------------------------------------------------*/

#wrapper {
	display: block;
	width: 100%;
	opacity:0;
	-webkit-transition:opacity 0.5s ease;
	transition:opacity 0.5s ease;
}

.main_content_wrapper {
	display:block;
	position:relative;
}

.main_content_wrapper .main_content {
	display: block;
	width: 100%;
	background:#fff;
	padding-top:80px;
	padding-bottom:55px;
	min-height: 600px;
}

.main_content_wrapper .main_content .main_content_inside, .footer_inside {
	display: block;
	width: -moz-calc(100% - 40px);
	width: -webkit-calc(100% - 40px);
	width: -o-calc(100% - 40px);
	width: calc(100% - 40px);
	max-width: 1240px;
	margin:0 auto;
	padding:0 20px;
	background:#fff;
}

/*------------------------------------------------------
Navigation
------------------------------------------------------*/

/* Main Navigation */

header {
	height:60px;
	background:#fff;
	width:100%;
	position:fixed;
	z-index: 100;
	top:0;
	left:0;
	right:0;
	border-bottom:1px solid #7cc551;
}

.mobile_header, .mobile_navigation {
	display:none;
}

body.home header {
	position:relative;
	border-bottom:none;
}

body.home header.cloned {
	border-bottom:1px solid #7cc551;
}

header .main_navigation {
	display:block;
	width:100%;
	padding-top:19px;
	max-width: 1240px;
	margin:0 auto;
	padding-left:20px;
	padding-right:20px;
}

header .main_navigation ul {
	display:inline-block;
	list-style: none;
	float:left;
}

header .main_navigation ul li {
	display:inline-block;
	float: left;
	padding-right:43px;
	background:url('images/divider_main_nav_green.svg') no-repeat center right;
	background-size:7px 25px;
	margin-right:35px;
}

header .main_navigation ul li:last-child {
	background:none;
	margin-right:0;
	padding-right:0;
}

header .main_navigation ul li a {
	font-family: 'URWGeometric-Heavy';
	color:#7cc551;
	letter-spacing: 0.03em;
	text-decoration: none;
	line-height: 26px;
	font-size:22px;
}

header .main_navigation ul li.current-menu-item a {
	color:#000;
}

header .home_logo {
	display:inline-block;
	width:234px;
	height:31px;
	background:url('images/maurer_logo.svg') no-repeat center center;
	background-size:234px 31px;
	float:right;
	margin-top:-5px;
	opacity:1 !important;
}

/* Sub Navigation */

.sub_navigation {
	display:block;
	opacity:0;
	position:absolute;
	z-index: 100;
	width:167px;
	height:250px;
	top:60.5px;
	right:0;
	background:url('images/bg_subnav_green.svg') no-repeat center center;
	background-size:167px 250px;
	-webkit-transform: translateX(167px);
	transform: translateX(167px);
	-webkit-transition: opacity 0.3s ease-out, -webkit-transform 0.3s ease-out;
	transition: opacity 0.3s ease-out, transform 0.3s ease-out;
}

.sub_navigation.show {
	opacity:1;
	position:fixed;
	-webkit-transform: translateX(0);
	transform: translateX(0);
}

.sub_navigation ul {
	list-style: none;
	text-align: right;
	margin-right:20px;
	margin-top:17px;
}

.sub_navigation ul li a {
	display:block;
	color:#fff;
	font-family: 'URWGeometric-Heavy';
	font-size:17px;
	line-height: 30px;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 0.02em;
}

.sub_navigation ul li.current-menu-item a {
	color:#000;
}

/*------------------------------------------------------
HOME
------------------------------------------------------*/

.slideshow_arr {
	display:none;
}

.fullscreen_slideshow {
	position:fixed;
	top:0;
	left:0;
	bottom:0;
	right:0;
	background:#7cc551;
}

.fullscreen_slideshow .cycle-bg-image {
	background-position:center center;
}

.title_fullscreen_slideshow {
	font: normal 105px/105px 'Swiftbol', serif;
	color:#fff;
	height:72px;
	display:block;
	width: 100%;
	max-width: 1240px;
	margin:0 auto;
	left:0;
	right:0;
	text-align: center;
	position:absolute;
	top:50%;
	margin-top:-65px;
}

.logo_fullscreen_slideshow {
	display:block;
	width:389px;
	height:109px;
	position:fixed;
	bottom:36px;
	right:-1px;
	background:url('images/maurer_logo_home.svg') no-repeat center center;
	background-size:389px 109px;
}

.arrow_down {
	display:block;
	position:fixed;
	z-index: 100;
	width:86px;
	height:47px;
	background:url('images/arrow_down.svg') no-repeat center center;
	background-size:86px 47px;
	bottom:37px;
	left:50%;
	margin-left:-43px;
	cursor:pointer;
	-webkit-transform: translateY(0);
	transform: translateY(0);
	-webkit-transition: transform 0.3s ease-out;
	transition: transform 0.3s ease-out;
}

.arrow_down:hover {
	display:block;
	-webkit-transform: translateY(8px);
	transform: translateY(8px);
}

/* Two Column Top */

.two_column_top {
	display:block;
}

.two_column_top .two_column_top_left, .two_column_top .two_column_top_right {
	display:block;
	float:left;
}

.two_column_top .two_column_top_left {
	width: -moz-calc(62.7% - 42px);
	width: -webkit-calc(62.7% - 42px);
	width: -o-calc(62.7% - 42px);
	width: calc(62.7% - 42px);
	margin-right:42px;
}

.two_column_top .two_column_top_right {
	width: -moz-calc(37.3% - 42px);
	width: -webkit-calc(37.3% - 42px);
	width: -o-calc(37.3% - 42px);
	width: calc(37.3% - 42px);
	margin-left:42px;
}

.teaser_article {
	display:block;
	font: normal 36px/40px 'Swiftreg', serif;
	margin-bottom:80px;
}

.teaser_article img {
	width:100%;
	height:auto;
	margin-bottom:10px;
}

.teaser_article_arrow {
	display:block;
	width:111px;
	height:86px;
	float:left;
	margin-right:39px;
}

.teaser_article_content {
	display:block;
	width: -moz-calc(100% - 150px);
	width: -webkit-calc(100% - 150px);
	width: -o-calc(100% - 150px);
	width: calc(100% - 150px);
	float:left;
	word-break: break-word;
	-webkit-hyphens: auto;
	   -moz-hyphens: auto;
	        hyphens: auto;
}

.teaser_article_content h2 {
	margin-bottom:3px;
}

.teaser_article_content a.teaser_show_more {
	display:inline-block;
	font-family:'URWGeometric-Semibold';
	font-size:26px;
	line-height: 30px;
	padding:15px 15px 10px 15px;
	text-decoration: none;
}

.teaser_article_category {
	display:block;
	font-family:'URWGeometric-Semibold';
	font-size:26px;
	line-height: 30px;
	margin-bottom:10px;
}

/* Green */

.teaser_article.color_green h2 {
	color:#7cc551;
}

.teaser_article.color_green .teaser_article_arrow {
	background:url('images/arrow_green.svg') no-repeat center center;
	background-size:111px 86px;
}

.teaser_article.color_green .teaser_article_content a.teaser_show_more {
	color:#7cc551;
	border:2px solid #7cc551;
}

.one_column_bottom .teaser_article.color_green .teaser_content_wrap {
	border-top:2px solid #7cc551;
}

/* Red */

.teaser_article.color_red h2 {
	color:#f65e60;
}

.teaser_article.color_red .teaser_article_arrow {
	background:url('images/arrow_red.svg') no-repeat center center;
	background-size:111px 86px;
}

.teaser_article.color_red .teaser_article_content a.teaser_show_more {
	color:#f65e60;
	border:2px solid #f65e60;
}

.one_column_bottom .teaser_article.color_red .teaser_content_wrap {
	border-top:2px solid #f65e60;
}

/* Black */

.teaser_article.color_black h2 {
	color:#000;
}

.teaser_article.color_black .teaser_article_arrow {
	background:url('images/arrow_black.svg') no-repeat center center;
	background-size:111px 86px;
}

.teaser_article.color_black .teaser_article_content a.teaser_show_more {
	color:#000;
	border:2px solid #000;
}

.one_column_bottom .teaser_article.color_black .teaser_content_wrap {
	border-top:2px solid #000;
}


/* One Column */

.one_column_bottom .teaser_article img, .one_column_bottom .teaser_article .teaser_content_wrap {
	display:block;
}

.one_column_bottom .teaser_article img {
	width: -moz-calc(53.4% - 10px);
	width: -webkit-calc(53.4% - 10px);
	width: -o-calc(53.4% - 10px);
	width: calc(53.4% - 10px);
	height:auto;
}

.one_column_bottom .teaser_article .teaser_content_wrap {
	width: -moz-calc(46.6% - 10px);
	width: -webkit-calc(46.6% - 10px);
	width: -o-calc(46.6% - 10px);
	width: calc(46.6% - 10px);
	padding-top:26px;
}

/* Image Left / Text Right */

.one_column_bottom .teaser_article.type_1 img {
	float:left;
	margin-right:10px;
}

.one_column_bottom .teaser_article.type_1 .teaser_content_wrap {
	float:right;
	margin-left:10px;
}

/* Text Left / Image Right */

.one_column_bottom .teaser_article.type_0 img {
	float:right;
	margin-left:10px;
}

.one_column_bottom .teaser_article.type_0 .teaser_content_wrap {
	float:left;
	margin-right:10px;
}

/*------------------------------------------------------
FARBE DER WOCHE
------------------------------------------------------*/

.mobile_color_of_the_week_news {
	display:none;
}

.color_container img {
	width:100% !important;
	height:auto;
}

.color_of_the_week {
	margin-bottom:70px;
}

.color_of_the_week  .color_of_the_week_box {
	display:block;
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
}

.color_of_the_week  .ral_value {
	display:block;
	position:absolute;
	height:20px;
	font-size:31px;
	color:#fff;
	text-align: center;
	top:50%;
	margin-top:-10px;
	width:100%;
}

.color_of_the_week .teaser_article_category {
	margin-top:24px;
}

.color_of_the_week h2 {
	color:#ff9c50;
}

/*------------------------------------------------------
LATEST NEWS
------------------------------------------------------*/

.latest_news {
	display:block;
	background:#7cc551;
	width:100%;
}

.latest_news .latest_news_inside {
	display:block;
	margin:0 19px;
	padding:26px 0;
}

.latest_news .latest_news_inside img {
	width:100%;
	height:auto;
	margin-bottom:14px;
}

.latest_news .latest_news_inside .latest_post_date {
	display:block;
	text-align: center;
	color:#fff;
	margin-bottom:26px;
}

.latest_news .latest_news_inside h2 {
	color:#fff;
	margin-bottom:22px;
}

.latest_news .latest_news_inside .more_news_wrap {
	display:block;
	text-align: center;
}

.latest_news .latest_news_inside a.more_news {
	display:inline-block;
	font-family:'URWGeometric-Semibold';
	font-size:26px;
	line-height: 30px;
	padding:15px 15px 10px 15px;
	text-decoration: none;
	color:#fff;
	border:2px solid #fff;
}

/*------------------------------------------------------
FOOTER
------------------------------------------------------*/

footer {
	display:block;
	position:absolute;
	width:100%;
	background:#7cc551;
	z-index: 100;
}

footer .footer_inside {
	background:#7cc551;
	padding:35px 0;
}

footer, footer a {
	color:#fff;
}

footer .footer_column_left, footer .footer_column_right {
	display:block;
	width:50%;
	float:left;
}

footer .footer_column_left, footer .footer_column_left a {
	font-family: 'URWGeometric-Regular';
	font-size:24px;
	line-height: 28px;
	text-decoration: none;
}

footer .footer_column_right, footer .footer_column_right a {
	font-family: 'URWGeometric-Regular';
	font-size:16px;
	line-height: 20px;
	text-decoration: none;
	text-align: right;
}

footer .footer_logo {
	display:inline-block;
	width:336px;
	height:77px;
	background:url('images/maurer_logo_footer.svg') no-repeat center center;
	background-size:336px 77px;
	margin-bottom:58px;
	margin-top:2px;
}

/*------------------------------------------------------
DETAIL PAGE
------------------------------------------------------*/

.page_detail_header_image {
	display:block;
	position:fixed;
	width:100%;
	left:0;
	right:0;
	height:60%;
	top:60px;
	z-index: -1;
}

.page_detail {
	word-break: break-word;
	-webkit-hyphens: auto;
	   -moz-hyphens: auto;
	        hyphens: auto;
}

.page_detail h1 {
	color:#7cc551;
	margin-left:148px;
}

.page_detail .teaser_article_category {
	margin-bottom:0;
	margin-left:148px;
}

/* content Top */

.page_detail_top {
	display:block;
}

.page_detail_top .page_detail_top_column_left {
	display:block;
	width: -moz-calc(51% - 16px);
	width: -webkit-calc(51% - 16px);
	width: -o-calc(51% - 16px);
	width: calc(51% - 16px);
	margin-right:16px;
	float:left;
}

.page_detail_top .page_detail_top_column_left h2 {
	margin-left:148px;
	color:#7cc551;
}

.page_detail_top .page_detail_top_column_right {
	display:block;
	width: -moz-calc(49% - 16px);
	width: -webkit-calc(49% - 16px);
	width: -o-calc(49% - 16px);
	width: calc(49% - 16px);
	margin-left:16px;
	float:right;
}

/* content Middle */

.page_detail_middle {
	display:block;
}

.page_detail_middle .page_detail_middle_column_left {
	display:block;
	width: -moz-calc(40% - 10px);
	width: -webkit-calc(40% - 10px);
	width: -o-calc(40% - 10px);
	width: calc(40% - 10px);
	margin-right:10px;
	float:left;
}

.page_detail_middle .page_detail_middle_column_right {
	display:block;
	width: -moz-calc(60% - 10px);
	width: -webkit-calc(60% - 10px);
	width: -o-calc(60% - 10px);
	width: calc(60% - 10px);
	margin-left:10px;
	float:right;
}

.page_detail_middle .page_detail_middle_column_right .detail_page_textbox {
	margin-left: -moz-calc(18% + 11px);
	margin-left: -webkit-calc(18% + 11px);
	margin-left: -o-calc(18% + 11px);
	margin-left: calc(18% + 11px);
}

/* Content Bottom */

.page_detail_bottom_column {
	display:block;
}

.page_detail_bottom_column .detail_page_textbox  {
	margin-left: -moz-calc(51% + 16px);
	margin-left: -webkit-calc(51% + 16px);
	margin-left: -o-calc(51% + 16px);
	margin-left: calc(51% + 16px);
}

.page_detail_bottom_column .detail_page_image_1_row {
	margin-left: -moz-calc(40% + 10px);
	margin-left: -webkit-calc(40% + 10px);
	margin-left: -o-calc(40% + 10px);
	margin-left: calc(40% + 10px);
}

/* Textbox */

.detail_page_textbox {
	margin-right:64px;
}

.detail_page_textbox strong, .detail_page_textbox b {
	color:#7cc551;
}

body.page-id-22 .detail_page_textbox strong, body.page-id-22 .detail_page_textbox b {
	color:#fff;
}

.page_detail ul {
	list-style: none;
	margin-bottom:25px;
}

.page_detail ul li {
	background:url('images/list_style.svg') no-repeat left top 3px;
	background-size:26px 20px;
	padding-left:52px;
	margin-bottom:8px;
}

/* Image 1 Row */

.detail_page_image_1_row {
	display:block;
	margin-bottom:25px;
}

.detail_page_image_1_row img {
	width:100%;
	height:auto;
}

/* 2 Row Images */

.detail_page_image_2_rows, .detail_page_image_text_2_rows {
	display:block;
	margin:0 84px;
	margin-bottom:25px;
}

.detail_page_image_2_rows img.image_two_rows_left, .detail_page_image_2_rows img.image_two_rows_right,
.detail_page_image_text_2_rows .image_text_two_rows_left, .detail_page_image_text_2_rows .image_text_two_rows_right {
	display:block;
	width: -moz-calc(50% - 32px);
	width: -webkit-calc(50% - 32px);
	width: -o-calc(50% - 32px);
	width: calc(50% - 32px);
	float:left;
}

.detail_page_image_2_rows img.image_two_rows_left, .detail_page_image_text_2_rows .image_text_two_rows_left {
	margin-right:32px;
}

.detail_page_image_2_rows img.image_two_rows_right, .detail_page_image_text_2_rows .image_text_two_rows_right {
	margin-left:32px;
}

.detail_page_image_text_2_rows .image_text_two_rows_left img {
	width:100%;
	height:auto;
	margin-bottom:25px;
}

/* Detail Page Teaser */

.detail_page_teasers {
	margin-left:64px;
}

.detail_page_teaser {
	display:block;
	opacity:0;
	border-top:2px solid #000;
	padding-top:18px;
	font-family: 'Swiftreg';
	font-size:36px;
	line-height: 40px;
	margin-bottom:193px;
	-webkit-transform: translateX(-100px);
	transform: translateX(-100px);
	-webkit-transition: opacity 0.5s ease-in, -webkit-transform 0.5s ease-in;
	transition: opacity 0.5s ease-in, transform 0.5s ease-in;
}

.detail_page_teasers_mobile {
	display:none;
}

.detail_page_teaser.already-visible, .detail_page_teaser.come-in {
	opacity:1;
	-webkit-transform: translateX(0);
	transform: translateX(0);
}

.detail_page_teaser h2 {
	margin-bottom:14px;
	background:url('images/arrow_detail_page_teaser.svg') no-repeat left top;
	background-size:72px 56px;
	padding-left:84px;
	padding-top:10px;
	min-height: 46px;
}

/*------------------------------------------------------
KUNSTEVENT
------------------------------------------------------*/

body.page-id-22, body.page-id-22 .page_detail h1, body.page-id-22 .page_detail_top .page_detail_top_column_left h2 {
	color:#fff;
}

body.page-id-22, body.page-id-22 .main_content_wrapper .main_content, body.page-id-22 .main_content_wrapper .main_content .main_content_inside {
	background:#f65e60;
}

body.page-id-22 .main_content_wrapper .main_content .main_content_inside a {
	color:#fff;
}

body.page-id-22 header {
	background:#fff;
	border-bottom:1px solid #fff;
}

body.page-id-22 header .main_navigation ul li a {
	color:#f65e60;
}

body.page-id-22 header .main_navigation ul li {
	background:url('images/divider_main_nav_red.svg') no-repeat center right;
	background-size:7px 25px;
}

body.page-id-22 header .main_navigation ul li:last-child {
	background:none;
}

body.page-id-22 .sub_navigation {
	background:url('images/bg_subnav_white.svg') no-repeat center center;
	background-size:167px 250px;
}

body.page-id-22 .sub_navigation ul li a {
	color:#f65e60;
}

body.page-id-22 .sub_navigation ul li.current-menu-item a {
	color:#000;
}

body.page-id-22 .detail_page_teaser {
	border-top:2px solid #fff;
}

body.page-id-22 .detail_page_teaser h2 {
	background:url('images/arrow_detail_page_teaser_white.svg') no-repeat left top;
	background-size:72px 56px;
}

body.page-id-22 .page_detail ul li {
	background:url('images/list_style_white.svg') no-repeat left top 3px;
	background-size:26px 20px;
}

body.page-id-22 footer, body.page-id-22 footer .footer_inside {
	background:#fff;
}
 
body.page-id-22 footer, body.page-id-22 footer a {
	color:#f65e60;
}

body.page-id-22 footer .footer_logo {
	background:url('images/maurer_logo_footer_red.svg') no-repeat center center;
	background-size:336px 77px;
}

/*------------------------------------------------------
NEWS
------------------------------------------------------*/

body.page-id-14, body.page-id-14 .main_content_wrapper .main_content, body.page-id-14 .main_content_wrapper .main_content .main_content_inside,
body.single-news, body.single-news .main_content_wrapper .main_content, body.single-news .main_content_wrapper .main_content .main_content_inside {
	background:#7cc551;
}

body.page-id-14 .sub_navigation,
body.single-news .sub_navigation {
	background:url('images/bg_subnav_white.svg') no-repeat center center;
	background-size:167px 250px;
}

body.page-id-14 footer, body.page-id-14 footer .footer_inside,
body.single-news footer, body.single-news footer .footer_inside {
	background:#fff;
}
 
body.page-id-14 footer, body.page-id-14 footer a, body.page-id-14 .sub_navigation ul li a,
body.single-news footer, body.single-news footer a, body.single-news .sub_navigation ul li a {
	color:#7cc551;
}

body.page-id-14 .sub_navigation ul li.current-menu-item a,
body.single-news .sub_navigation ul li.current-menu-item a {
	color:#000;
}

body.page-id-14  footer .footer_logo,
body.single-news  footer .footer_logo {
	background:url('images/maurer_logo_footer_green.svg') no-repeat center center;
	background-size:336px 77px;
}

.main_content_wrapper .main_content.page_detail_news {
	padding-top:140px;
}

.news_articles {
	display:block;
	margin-left:84px;
	margin-right:84px;
}

.news_article {
	margin-bottom:70px;
}

.preview_article {
	display:block;
}

.preview_article .preview_article_column_left, .preview_article .preview_article_column_right {
	display:block;
	width: -moz-calc(50% - 32px);
	width: -webkit-calc(50% - 32px);
	width: -o-calc(50% - 32px);
	width: calc(50% - 32px);
}

.preview_article .preview_article_column_left {
	float:left;
	margin-right:32px;
}

.preview_article .preview_article_column_left img {
	width:100%;
	height:auto;
}

.preview_article .preview_article_column_right {
	float:right;
	margin-left:32px;
	border-top:2px solid #000;
	padding-top:18px;
}

.preview_article .preview_article_column_right h2 {
	margin-top:13px;
	margin-bottom:10px;
}

.preview_article .preview_article_column_right h2 a {
	text-decoration: none;
}

.preview_article .show_more_news_wrap {
	display:block;
	text-align: center;
}

.preview_article a.show_more_news {
	display:inline-block;
	font-family:'URWGeometric-Semibold';
	font-size:26px;
	line-height: 30px;
	padding:15px 15px 10px 15px;
	text-decoration: none;
	border:2px solid #000;
	color:#000;
}

.article_detail {
	display:none;
	margin-top:25px;
	text-align: right;
}

.article_detail .article_detail_text_image img {
	display:block;
	width: -moz-calc(60% - 10px);
	width: -webkit-calc(60% - 10px);
	width: -o-calc(60% - 10px);
	width: calc(60% - 10px);
	margin-left: -moz-calc(40% + 10px);
	margin-left: -webkit-calc(40% + 10px);
	margin-left: -o-calc(40% + 10px);
	margin-left: calc(40% + 10px);
	height:auto;
	margin-bottom:25px;
}

.article_detail .article_detail_text_image p {
	display:block;
	width: -moz-calc(49% - 16px);
	width: -webkit-calc(49% - 16px);
	width: -o-calc(49% - 16px);
	width: calc(49% - 16px);
	margin-left: -moz-calc(51% + 16px);
	margin-left: -webkit-calc(51% + 16px);
	margin-left: -o-calc(51% + 16px);
	margin-left: calc(51% + 16px);
	text-align: left;
}

.gallery {
  display:block;
  width:100%;
  height:auto;
  max-height: 800px;
}

.gallery div {
  width:100%;
  height:100%;
}

.gallery div img {
  max-width: 100%;
  max-height: 800px;
  display: inline-block;
  vertical-align: middle;
}

body.single-news ul.sub_nav li#menu-item-199 a {
	color:#000;
}

/*------------------------------------------------------
TEAM
------------------------------------------------------*/

.page_detail_team .teaser_article_category {
	position:relative;
	z-index: 50;
}

.job_categories {
	display:block;
	margin-left:111px;
	position:relative;
	z-index: 50;
	-webkit-transition:bottom 0.3s ease-out;
	transition:bottom 0.3s ease-out;
}

a.mobile_accordeon, .mobile_accordeon_divider, .mobile_team_column_right {
	display:none;
}

.job_categories a {
	display:block;
	width:230px;
	border:2px solid #7cc551;
	text-align: center;
	color:#7cc551;
	padding-top:10px;
	padding-bottom:4px;
	text-decoration: none;
	border-bottom:none;
	font-size:17px;
	background:#fff;
	-webkit-transition:background 0.3s ease-out, color 0.3s ease-out;
	transition:background 0.3s ease-out, color 0.3s ease-out;
}

.job_categories a:hover, .job_categories a.active {
	background:#7cc551;
	color:#fff;
}

.job_categories a:last-child {
	border-bottom:2px solid #7cc551;
}

.team_box {
	display:block;
	position:absolute;
	top:0;
	left:0;
	right:0;
	width:100%;
	height:100%;
}

.page_detail_team h1, .page_detail_team h2, .page_detail_team .teaser_article_category {
	-webkit-transition:opacity 0.3s ease-out;
	transition:opacity 0.3s ease-out;
}

.team {
  display:none;
  width:100%;
  background:#fff;
  margin-top:60px;
  min-height: 600px !important;
}

.team div {
  width:100%;
  height:100%;
}

.team div img {
  max-width: 100%;
  max-height: 100%;
  display:inline-block;
  height:90%;
  vertical-align: middle;
  position:relative;
  margin-top:0;
  z-index: 0;
  margin-top:-120px;
}

.team .team_name_title_wrap {
	display:block;
	position:relative;
	max-width: 1240px;
	margin:0 auto;
	margin-top:120px;
	padding:0 20px;
	left:0;
	right:0;
	height:auto;
	text-align: left;
	z-index: 1;
}

.team .team_name_title_wrap .team_member_name, .team .team_member_title {
	margin-left:148px;
	height:auto;
}

.team .team_name_title_wrap .team_member_name {
	font: normal 36px/40px 'Swiftbol', serif;
	color:#7cc551;
	margin-bottom:4px;
}

.team a.team_email, .team a.team_phone {
	display:none;
}

.team a.team_email, .team a.team_phone {
	display:block;
	font-size:16px;
	padding-left:45px;
	color:#7cc551;
	margin-left:148px;
	text-decoration: none;
	margin-top:10px;
	overflow:hidden;
}

.team a.team_email {
	line-height: 22px;
	min-height: 22px;
	background:url('images/icon_email.svg') no-repeat top 2px left;
	background-size:22px 15px;
	margin-top:10px;
	width:22px;
	height:22px;
}

.team a.team_phone {
	line-height: 20px;
	min-height: 22px;
	background:url('images/icon_telefon.svg') no-repeat top 2px left;
	background-size:25px 20px;
	margin-top:5px;
	width:25px;
	height:22px;
}

.team a.team_email span, .team a.team_phone span {
	opacity:0;
	-webkit-transition:opacity 0.1s ease-out;
	transition:opacity 0.1s ease-out;
}

.team a.team_email:hover, .team a.team_phone:hover {
	width:auto;
}

.team a.team_email:hover span, .team a.team_phone:hover span {
	opacity:1;
}

.team_paging {
	opacity:0;
	width:200px;
	position:absolute;
	left:50%;
	margin-left:-100px;
	bottom:30px;
	font-size:24px;
	line-height: 28px;
	color:#7cc551;
	z-index: 50;
	text-align: center;
	-webkit-transform: translateY(20px);
	transform: translateY(20px);
	-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
	transition: opacity 0.3s, transform 0.3s;
}

.mobile_counter {
	display:none;
}

.team_paging div {
	display:inline-block;
	float:left;
}

.team_paging a.team_left, .team_paging a.team_right {
	display:inline-block;
	width:35px;
	height:27px;
	float:left;
	cursor:pointer;
}

.team_paging a.team_left {
	background:url('images/team_arrow_left.svg') no-repeat center center;
	background-size:35px 27px;
	margin-right:29px;
}

.team_paging a.team_right {
	background:url('images/team_arrow_right.svg') no-repeat center center;
	background-size:35px 27px;
	margin-left:29px;
}

.team .slick-prev, .team .slick-next {
	display:none !important;
}

.team_paging.show {
	opacity:1;
	-webkit-transform: translateY(0);
	transform: translateY(0);
}

.fav_color svg {
	display:block;
	width:312px;
	height:122px;
	position:absolute;
	right:0;
	bottom:30px;
	z-index: 50px;
	z-index: 50;
}

.fav_color svg polygon {
	fill: #fff;
	-webkit-transition: fill 0.4s ease-out;
	transition: fill 0.4s ease-out;
}

.fav_color .title_fav_color {
	position:absolute;
	z-index: 60;
	color:#fff;
	right:20px;
	bottom:115px;
	width:230px;
	font-size:16px;
	line-height: 22px;
	letter-spacing: 0.02em;
	text-align: left;
}

.fav_color .ral_fav_color {
	position:absolute;
	z-index: 60;
	color:#fff;
	width:230px;
	right:20px;
	bottom:60px;
	font-family: 'URWGeometric-Medium';
	font-size:40px;
	line-height: 50px;
	letter-spacing: 0.02em;
}

/*------------------------------------------------------
KONTAKT
------------------------------------------------------*/

.contact_page_address {
	font-family: 'URWGeometric-Bold';
	font-size:36px;
	line-height: 40px;
	margin-left:60px;
	margin-bottom:50px;
}

.contact_page_address a {
	text-decoration: none;
}

.contact_page_address a.contact_page_social_link {
	display:inline-block;
	font-family:'URWGeometric-Semibold';
	font-size:26px;
	line-height: 30px;
	padding:15px 15px 10px 15px;
	text-decoration: none;
	border: 2px solid #7cc551;
	color: #7cc551;
}

#google_map {
	margin-top:30px;
	width:100%;
	height:506px;
	margin-bottom:25px;
}

/*------------------------------------------------------
Media Queries
------------------------------------------------------*/

@media all and (max-width: 1300px) and (min-width: 0) {
	header .main_navigation ul li {
		margin-right: 15px;
		padding-right: 23px;
	}
	header .home_logo {
		margin-right:40px;
	}
	.title_fullscreen_slideshow {
		font: normal 80px/80px 'Swiftbol', serif;
		margin-top:-65px;
	}

}

@media all and (max-width: 1170px) and (min-width: 0) {
	header .main_navigation ul li a {
		font-size:18px;
	}
}

@media all and (max-width: 1024px) and (min-width: 0) {

	header, .sub_navigation {
		display:none !important;
	}
	.mobile_header {
		display:block;
		position:fixed;
		top:0;
		left:0;
		right:0;
		width:100%;
		height:50px;
		z-index: 500;
		background:#fff;
	}
	.mobile_header a.home_logo {
		display:block;
		position:fixed;
		top:13px;
		left:17px;
		width:207px;
		height:27px;
		background:url('images/maurer_logo_header_mobile.svg') no-repeat center center;
		background-size:207px 27px;
	}
	.mobile_header a.hamburger {
		display:block;
		width:29px;
		height:23px;
		background:url('images/hamburger.svg') no-repeat center center;
		background-size:29px 23px;
		position:fixed;
		right:0;
		top:0;
		padding:15px;
		z-index: 600;
	}
	.mobile_navigation {
		display:block;
		opacity:0;
		width:300px;
		height:428px;
		background:url('images/bg_nav_mobile.svg') no-repeat center center;
		background-size:300px 428px;
		position:fixed;
		top:50px;
		right:-1px;
		z-index: 500;
		-webkit-transform: translateX(300px);
		transform: translateX(300px);
		-webkit-transition: opacity 0.3s ease-out, -webkit-transform 0.3s ease-out;
		transition: opacity 0.3s ease-out, transform 0.3s ease-out;
	}
	body.page-id-22 .mobile_navigation {
		background:url('images/bg_nav_red_mobile.svg') no-repeat center center;
		background-size:300px 428px;
	}
	.mobile_navigation.show {
		opacity:1;
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
	.mobile_navigation ul {
		list-style: none;
	}
	.mobile_navigation ul li {
		display:block;
		text-align: right;
		margin-bottom:0;
		margin-right:16px;
		height:39px;
	}
	.mobile_navigation ul li a {
		display:block;
		font-size:18px;
		line-height: 40px;
		letter-spacing: 0.03em;
		text-decoration: none;
		font-family: 'URWGeometric-Heavy';
	}
	.mobile_navigation .menu-hauptnavigation-container {
		display:block;
		margin-top:1px;
		margin-bottom:4px;
	}
	.mobile_navigation .menu-hauptnavigation-container ul li a {
		color:#7cc551;
	}
	.mobile_navigation .menu-hauptnavigation-container ul li.current-menu-item a {
		color:#000;
	}
	.mobile_navigation .menu-subnavigation-container {
		margin-top:-3px;
	}
	.mobile_navigation .menu-subnavigation-container ul li a {
		text-transform: uppercase;
	}
	.logo_fullscreen_slideshow {
		display:block;
		width:194px;
		height:55px;
		bottom:47px;
		background:url('images/maurer_logo_home.svg') no-repeat center center;
		background-size:194px 55px;
	}
	.arrow_down {
		width:32px;
		height:17px;
		background:url('images/arrow_down.svg') no-repeat center center;
		background-size:32px 17px;
		bottom:12px;
		margin-left:-16px;
	}
	.title_fullscreen_slideshow {
		font: normal 38px/42px 'Swiftbol', serif;
		position:absolute;
		padding-left:0;
		padding-right:0;
		height:40px;
		text-align: center;
		top:50%;
		margin-top:-20px;
		left:0;
		right:0;
	}
	.one_column_bottom .teaser_article img {
		width: -moz-calc(43.4% - 10px);
		width: -webkit-calc(43.4% - 10px);
		width: -o-calc(43.4% - 10px);
		width: calc(43.4% - 10px);
	}
	.one_column_bottom .teaser_article .teaser_content_wrap {
		width: -moz-calc(56.6% - 10px);
		width: -webkit-calc(56.6% - 10px);
		width: -o-calc(56.6% - 10px);
		width: calc(56.6% - 10px);
	}
	.main_content_wrapper .main_content {
		padding-top:30px;
	}
	.two_column_top .two_column_top_left {
		width: -moz-calc(62.7% - 22px);
		width: -webkit-calc(62.7% - 22px);
		width: -o-calc(62.7% - 22px);
		width: calc(62.7% - 22px);
		margin-right:22px;
	}
	.two_column_top .two_column_top_right {
		width: -moz-calc(37.3% - 22px);
		width: -webkit-calc(37.3% - 22px);
		width: -o-calc(37.3% - 22px);
		width: calc(37.3% - 22px);
		margin-left:22px;
	}
	.page_detail_header_image {
		top:50px;
	}
	.page_detail .teaser_article_category, .page_detail h1, .page_detail_top .page_detail_top_column_left h2 {
		width: -moz-calc(100% - 58px);
		width: -webkit-calc(100% - 58px);
		width: -o-calc(100% - 58px);
		width: calc(100% - 58px);
		margin-left:38px;
		margin-right:20px;
	}
	.page_detail_top .page_detail_top_column_left h2 {
		width: -moz-calc(100% - 38px);
		width: -webkit-calc(100% - 38px);
		width: -o-calc(100% - 38px);
		width: calc(100% - 38px);
		margin-left:38px;
		word-break: break-word;
		-webkit-hyphens: auto;
		   -moz-hyphens: auto;
		        hyphens: auto;
	}
	.detail_page_textbox {
		margin-right:0;
	}
	.contact_page_text_top {
		margin-left:38px;
	}
	.contact_page_address {
		font-size:22px;
		line-height: 24px;
		margin-left:0;
		margin-bottom:20px;
	}
	.contact_page_address > p {
		margin-left:38px;
	}
	.contact_page_address a.contact_page_social_link {
		font-size:16px;
		line-height: 20px;
		padding: 8px 8px 3px;
	}
	.preview_article .preview_article_column_left, .preview_article .preview_article_column_right {
		display:block;
		width: -moz-calc(50% - 22px);
		width: -webkit-calc(50% - 22px);
		width: -o-calc(50% - 22px);
		width: calc(50% - 22px);
	}

	.preview_article .preview_article_column_left {
		margin-right:22px;
	}
	.preview_article .preview_article_column_right {
		margin-left:22px;
	}
	.news_articles {
		width: -moz-calc(100% - 40px);
		width: -webkit-calc(100% - 40px);
		width: -o-calc(100% - 40px);
		width: calc(100% - 40px);
		margin-left:20px;
		margin-right:20px;
	}
	.main_content_wrapper .main_content.page_detail_news {
		padding-top:80px;
	}
	body.page-id-22 .mobile_navigation .menu-hauptnavigation-container ul li a {
		color:#f65e60;
	}
	.job_categories, .team .team_name_title_wrap .team_member_name, .team .team_member_title {
		margin-left:38px;
	}
	.team .team_name_title_wrap {
		margin-top:50px;
	}

}

@media all and (max-width: 860px) and (min-width: 0) {
	.main_content_wrapper .main_content .main_content_inside, .footer_inside {
		width:100%;
		padding-left:0;
		padding-right:0;
	}
	.two_column_top .two_column_top_right {
		display:none;
	}
	.mobile_color_of_the_week_news {
		display:block;
	}
	.two_column_top .two_column_top_left {
		width:100%;
		margin-right:0;
		float:none;
	}
	.teaser_content_wrap {
		display:block;
		margin-left:20px;
		margin-right:20px;
	}
	.teaser_article_arrow {
		display:block;
		width:30px;
		height:23px;
		float:left;
		margin-right:9px;
	}
	.teaser_article.color_green .teaser_article_arrow {
		background:url('images/arrow_green.svg') no-repeat center center;
		background-size:30px 23px;
	}
	.teaser_article.color_red .teaser_article_arrow {
		background:url('images/arrow_red.svg') no-repeat center center;
		background-size:30px 23px;
	}
	.teaser_article.color_black .teaser_article_arrow {
		background:url('images/arrow_black.svg') no-repeat center center;
		background-size:30px 23px;
	}
	.teaser_article_content {
		width: -moz-calc(100% - 39px);
		width: -webkit-calc(100% - 39px);
		width: -o-calc(100% - 39px);
		width: calc(100% - 39px);
	}
	h2 {
		font-size:22px;
		line-height: 24px;
	}
	p {
		margin-bottom:8px;
	}
	.teaser_article {
		font-size:22px;
		line-height: 24px;
		margin-bottom:20px;
	}
	.one_column_bottom .teaser_article.type_1 img, .one_column_bottom .teaser_article.type_0 img {
		width:100%;
		margin-left:0;
		margin-right:0;
		float:none;
	}
	.one_column_bottom .teaser_article.type_1 .teaser_content_wrap, .one_column_bottom .teaser_article.type_0 .teaser_content_wrap {
		width: -moz-calc(100% - 40px);
		width: -webkit-calc(100% - 40px);
		width: -o-calc(100% - 40px);
		width: calc(100% - 40px);
		margin-left:20px;
		margin-right:20px;
		float:none;
		border-top:none 0;
	}
	.teaser_article_category {
		font-size:16px;
		line-height: 20px;
		margin-bottom:2px;
	}
	.teaser_article_content a.teaser_show_more {
		font-size:16px;
		line-height: 20px;
		padding: 8px 8px 3px;
		margin-bottom:10px;
	}
	.teaser_article_arrow.arrow_with_cat {
		margin-top:22px;
	}
	.mobile_color_of_the_week_news {
		width: -moz-calc(100% - 40px);
		width: -webkit-calc(100% - 40px);
		width: -o-calc(100% - 40px);
		width: calc(100% - 40px);
		margin-left:20px;
		margin-right:20px;
	}
	.color_of_the_week {
		margin-bottom:30px;
	}
	.color_of_the_week .ral_value {
		font-size:21px;
	}
	.latest_post_date {
		font-size:16px;
		line-height: 20px;
	}
	.latest_news .latest_news_inside {
		padding:13px 0;
		padding-bottom:20px;
	}
	.latest_news .latest_news_inside .latest_post_date {
		margin-bottom:6px;
	}
	.color_of_the_week .teaser_article_category {
		margin-top:20px;
	}
	.latest_news .latest_news_inside img {
		margin-bottom:10px;
	}
	.latest_news .latest_news_inside a.more_news {
		font-size:16px;
		line-height: 20px;
		padding: 8px 8px 3px;
	}
	footer .footer_column_left, footer .footer_column_left a {
		font-size:20px;
		line-height: 22px;
	}
	footer .footer_inside {
		width: -moz-calc(100% - 40px);
		width: -webkit-calc(100% - 40px);
		width: -o-calc(100% - 40px);
		width: calc(100% - 40px);
		margin-left:20px;
		margin-right:20px;
		padding:20px 0;
	}
	footer .footer_logo {
		display:none;
	}
	footer .footer_logo_mobile {
		width:194px;
		height:44px;
		background:url('images/maurer_logo_footer_mobile.svg') no-repeat center center;
		background-size:194px 24px;
		margin-bottom:10px;
		margin-top:2px;
	}
	body.page-id-14 footer .footer_logo_mobile, body.single-news footer .footer_logo_mobile {
		background:url('images/maurer_logo_footer_green_mobile.svg') no-repeat center center;
		background-size:194px 24px;
	}
	body.page-id-22 footer .footer_logo_mobile {
		background:url('images/maurer_logo_footer_red_mobile.svg') no-repeat center center;
		background-size:194px 24px;
	}
	footer .footer_column_left {
		width:100%;
	}
	footer .footer_column_right {
		position:absolute;
		bottom:25px;
		right:20px;
	}
	footer .footer_column_right, footer .footer_column_right a {
		font-size:8px;
		line-height: 10px;
	}
	.main_content_wrapper .main_content {
		padding-top:18px;
	}
	h1 {
		font-size:22px;
		line-height: 24px;
		margin-bottom:2px;
	}
	.page_detail_top .page_detail_top_column_left h2 {
		font-size:18px;
		line-height: 22px;
	}
	body {
		font-size:14px;
		line-height: 16px;
	}
	.page_detail_top .page_detail_top_column_left, .page_detail_top .page_detail_top_column_right {
		display:block;
		width: -moz-calc(100% - 40px);
		width: -webkit-calc(100% - 40px);
		width: -o-calc(100% - 40px);
		width: calc(100% - 40px);
		float:none;
		margin-left:20px;
		margin-right:20px;
	}
	.page_detail_top .page_detail_top_column_left {
		margin-bottom:5px;
	}
	.page_detail_middle .page_detail_middle_column_left {
		display:none;
	}
	.page_detail_middle .page_detail_middle_column_right {
		width:100%;
		margin-left:0;
		margin-right:0;
		float:none;
	}
	.page_detail_bottom_column .detail_page_textbox {
		margin-left:20px;
		margin-right:20px;
	}
	.detail_page_image_1_row {
		margin-bottom:15px;
	}
	.page_detail ul li {
		background:url('images/list_style.svg') no-repeat left top 0;
		background-size:17px 14px;
		padding-left:30px;
		margin-bottom:8px;
		margin-left:9px;
	}
	body.page-id-22 .page_detail ul li {
		background:url('images/list_style_white.svg') no-repeat left top 0;
		background-size:17px 14px;
	}
	.detail_page_image_2_rows, .detail_page_image_text_2_rows {
		margin: 0 20px 15px;
	}
	.page_detail ul {
		margin-bottom:15px;
	}
	.detail_page_teasers_mobile {
		display:block;
		margin-top:45px;
		width: -moz-calc(100% - 40px);
		width: -webkit-calc(100% - 40px);
		width: -o-calc(100% - 40px);
		width: calc(100% - 40px);
		margin-left:20px;
		margin-right:20px;
		font-size:22px;
		line-height: 24px;
	}
	.detail_page_image_2_rows img.image_two_rows_left, .detail_page_image_2_rows img.image_two_rows_right,
	.detail_page_image_text_2_rows .image_text_two_rows_left {
		display:block;
		width:100%;
		float:none;
		margin-right:0;
		margin-left:0;
		margin-bottom:0;
	}
	.detail_page_image_2_rows img.image_two_rows_left {
		margin-bottom:20px;
	}
	.detail_page_image_2_rows, .detail_page_image_text_2_rows {
		margin-right:0;
		margin-left:0;
	}
	.detail_page_image_2_rows .image_text_two_rows_right {
		width: -moz-calc(100% - 40px);
		width: -webkit-calc(100% - 40px);
		width: -o-calc(100% - 40px);
		width: calc(100% - 40px);
		margin-left:20px;
		margin-right:20px;
	}
	.detail_page_teasers_mobile .detail_page_teaser {
		opacity:1;
		font-size:22px;
		line-height: 24px;
		margin-bottom:15px;
		-webkit-transform: translateX(0);
		transform: translateX(0);
		-webkit-transition: opacity 0.5s ease-in, -webkit-transform 0.5s ease-in;
		transition: opacity 0.5s ease-in, transform 0.5s ease-in;
	}
	.detail_page_teaser h2 {
		margin-bottom:14px;
		background:url('images/arrow_detail_page_teaser.svg') no-repeat left top 10px;
		background-size:30px 23px;
		padding-left:40px;
		padding-top:10px;
		min-height: 23px;
		line-height: 25px;
		margin-bottom:-4px;
		margin-bottom:10px;
	}
	body.page-id-22 .detail_page_teaser h2 {
		background:url('images/arrow_detail_page_teaser_white.svg') no-repeat left top;
		background-size:30px 23px;
	}
	.page_detail_middle .page_detail_middle_column_right .detail_page_textbox {
		width: -moz-calc(100% - 40px);
		width: -webkit-calc(100% - 40px);
		width: -o-calc(100% - 40px);
		width: calc(100% - 40px);
		margin-left:20px;
		margin-right:20px;
	}
	#google_map {
		height:220px;
	}
	.news_article {
	    margin-bottom: 30px;
	}
	.preview_article a.show_more_news {
		font-size:16px;
		line-height: 20px;
		padding: 8px 8px 3px;
	}
	.preview_article .preview_article_column_right h2 {
		margin-bottom:17px;
		margin-left:38px;
		margin-top:0;
	}
	.preview_article .preview_article_column_left, .preview_article .preview_article_column_right {
		width:100%;
		margin-left:0;
		margin-right:0;
	}
	.preview_article_date {
		margin-left:38px;
	}
	.preview_article .preview_article_column_right {
		border-top:none 0;
	}
	.preview_article {
		margin-bottom:10px;
		padding-bottom:7px;
	}
	.preview_article a.show_more_news {
		margin-bottom:13px;
		margin-top:3px;
	}
	.news_article {
		border-bottom:2px solid #000;
	}
	.article_detail .article_detail_text_image img {
		width:100%;
		margin-left:0;
		margin-right:0;
		margin-bottom:8px;
	}
	.article_detail {
		margin-top:8px;
	}
	.article_detail .article_detail_text_image p {
		width:100%;
		margin-left:0;
		margin-right:0;
	}
	.gallery {
		height:500px;
	}
	.gallery div img {
		max-height: 500px;
	}
	.slick-prev,.slick-next {
	    width: 22px;
	    height: 36px;
	    padding: 0;
	    margin-top:-18px;
	    cursor: pointer;
	    color: transparent;
	    border: none;
	    outline: none;
	    background: transparent;
	}
	.slick-prev {
	    background:url('images/gallery_arrow_left.svg') no-repeat;
	    background-size:22px 36px;
	    left:6px;
	    z-index: 100;
	}
	.slick-next {
	    background:url('images/gallery_arrow_right.svg') no-repeat;
	    background-size:22px 36px;
	    right:6px;
	    z-index: 100;
	}
	.job_categories, .team .team_name_title_wrap .team_member_name, .team .team_member_title {
		margin-left:38px;
	}
	body.page-id-18 .teaser_article_category {
		margin-left:58px;
	}
	body.page-id-18 h1 {
		margin-left:58px;
	}
	.job_categories {
		display:none;
	}
	.team_box {
		position:relative;
		background:#fff;
		border-bottom:2px solid #7cc551;
	}
	.team_paging {
		display:none;
	}
	a.mobile_accordeon {
		display:block;
		width:100%;
		font-size:18px;
		line-height: 22px;
		padding:17px 0;
		text-align: center;
		color:#7cc551;
		text-decoration: none;
		background:url('images/accordeon_down.svg') no-repeat right 20px center;
		background-size:33px 18px;
		border-top:2px solid #7cc551;
	}
	a.mobile_accordeon.active {
		color:#000;
		background:url('images/accordeon_up.svg') no-repeat right 20px center;
		background-size:33px 18px;
		border-top:2px solid #000;
	}
	.mobile_accordeon_divider {
		display:block;
		width:100%;
		height:2px;
		background:#7cc551;
	}
	.fav_color {
		display:none;
	}
	.team_box {
		margin-top:45px;
	}
	.team {
		display:none;
		height:395px !important;
		min-height: 395px !important;
		margin-top:0;
	}
	.team div img {
		margin-top:0;
		height:70%;
	}
	.team .team_name_title_wrap {
		margin-top:50px;
		position:absolute;
		bottom:15px;
	}
	.team div {
		position:relative;
	}
	.team .team_name_title_wrap .team_member_name {
		font-size:22px;
		line-height: 24px;
	}
	.team a.team_email, .team a.team_phone {
		font-size:14px;
		padding-left:40px;
		color:#7cc551;
		margin-left:0;
	}

	.team a.team_email {
		line-height: 14px;
		min-height: 14px;
		background:url('images/icon_email.svg') no-repeat top 2px left;
		background-size:18px 12px;
		margin-top:10px;
		width:18px;
		height:14px;
	}

	.team a.team_phone {
		line-height: 20px;
		min-height: 18px;
		background:url('images/icon_telefon.svg') no-repeat top 2px left;
		background-size:20px 16px;
		margin-top:10px;
		width:20px;
		height:18px;
	}
	.team .team_name_title_wrap {
		right:0;
		margin-left:0;
		padding-left:0;
		padding-right:0;
	}
	.team div.team_member_name, .team div.team_member_title {
		position:relative;
		margin-left:0 !important;
		margin-right:0 !important;
		-webkit-hyphens: auto;
		   -moz-hyphens: auto;
		        hyphens: auto;
	}
	.team div.mobile_team_column_left {
		width: -moz-calc(100% - 168px) !important;
		width: -webkit-calc(100% - 168px) !important;
		width: -o-calc(100% - 168px) !important;
		width: calc(100% - 168px) !important;
		margin-left:20px;
		float:left;
		-webkit-hyphens: auto;
		   -moz-hyphens: auto;
		        hyphens: auto;
	}
	.team div.mobile_team_column_right {
		display:block;
		width:148px !important;
		float:left;
		position:absolute;
		right:0;
		bottom:0;
		height:58px !important;
	}
	.team div.mobile_team_column_right .title_fav_color_mobile {
		position:absolute;
		font-size:12px;
		line-height: 12px;
		top:7px;
		left:37px;
		color:#fff;
	}
	.team div.mobile_team_column_right .ral_fav_color_mobile {
		position:absolute;
		font-size:19px;
		line-height: 23px;
		text-transform: uppercase;
		color:#fff;
		left:37px;
		top:20px;
	}
	.team div.mobile_team_column_right svg {
		position:absolute;
		bottom:0;
		right:0;
		z-index: -1;
	}
	.slick-slider {
		margin-bottom:38px;
	}
	.mobile_paging {
		display:block;
		font-size:13px;
		line-height: 16px;
		color:#7cc551;
		margin-bottom:5px;
	}
	.mobile_paging .mobile_paging_left {
		display:inline-block;
		width:20px;
		height:16px;
		background:url('images/arrow_left_team_mobile.svg') no-repeat center center;
		float:left;
		margin-top:-5px;
		margin-right:9px;
	}
	.mobile_paging .mobile_paging_right {
		display:inline-block;
		width:20px;
		height:16px;
		background:url('images/arrow_right_team_mobile.svg') no-repeat center center;
		float:left;
		margin-top:-5px;
		margin-left:9px;
	}
	.mobile_paging .mobile_counter {
		display:inline-block;
		float:left;
		width:auto;
		margin-top:-2px;
	}
	.page_detail .teaser_article_category, .page_detail h1, .page_detail_top .page_detail_top_column_left h2 {
		width: -moz-calc(100% - 78px);
		width: -webkit-calc(100% - 78px);
		width: -o-calc(100% - 78px);
		width: calc(100% - 78px);
		margin-left:58px;
		margin-right:20px;
	}
	.page_detail_top .page_detail_top_column_left h2 {
		width: -moz-calc(100% - 38px);
		width: -webkit-calc(100% - 38px);
		width: -o-calc(100% - 38px);
		width: calc(100% - 38px);
		margin-left:38px;
	}
	.mobile_counter {
		display:block;
	}
	.page_detail_bottom_column .image_text_two_rows_left, .page_detail_bottom_column .image_text_two_rows_right {
		display: block;
	    float: none;
	    margin-left: 20px;
	    margin-right: 20px;
	    width: -moz-calc(100% - 40px);
	    width: -webkit-calc(100% - 40px);
	    width: -o-calc(100% - 40px);
	    width: calc(100% - 40px);
	}

}

@media all and (max-width: 560px) and (min-width: 0) {
	.gallery {
		height:300px;
	}
	.gallery div img {
		max-height: 300px;
	}
}

@media all and (max-width: 390px) and (min-width: 0) {
	
	.title_fullscreen_slideshow {
		height:80px;
		margin-top:-40px;
	}
	.contact_page_address a.contact_page_social_link {
		width: -moz-calc(100% - 16px);
		width: -webkit-calc(100% - 16px);
		width: -o-calc(100% - 16px);
		width: calc(100% - 16px);
	}
	.gallery {
		height:200px;
	}
	.gallery div img {
		max-height: 200px;
	}

}