/*
Theme Name: Visarte Region
Theme URI: http://visarte.ch
Description: Custom Theme for Visarte
Author: Roger Burkhard
Author URI: http://www.rogerburkhard.com
*/

/*------------------------------------------------------
Color Codes
------------------------------------------------------*/

/*
Mint = #dadada
Grey = #e6e6e4
Dark Grey = #1c1c1c
Hover Color: #6D6D6D; (Halber RGB Wert) z.B. Mint = RGB(180, 217, 200) = RGB(90, 108, 100)

*/

/*------------------------------------------------------
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: 'Inter UI Medium';
    src: url('styles/fonts/Inter-UI-Medium.eot');
    src: url('styles/fonts/Inter-UI-Medium.eot?#iefix') format('embedded-opentype'),
    	 url('styles/fonts/Inter-UI-Medium.svg#raleway') format('svg'),
    	 url('styles/fonts/Inter-UI-Medium.woff2') format('woff2'),
         url('styles/fonts/Inter-UI-Medium.woff') format('woff'),
         url('styles/fonts/Inter-UI-Medium.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

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



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

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

body {
	width: 100%;
	font: normal 18px/26px 'Inter UI Medium', Helvetica, Arial, Verdana, sans-serif;
	letter-spacing: +0.04em;
	color: #1c1c1c;
	overflow-x: hidden;
	overflow-y:scroll;
	min-width: 320px;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-smoothing: antialiased;
}

body.noscroll {
	overflow: hidden;
}

body.wait, body.wait a {
	cursor:wait;
	overflow-y:hidden;
}

#wpadminbar {
	display:none !important;
}

div:focus, a:focus {
	outline: none;
	ie-dummy: expression(this.hideFocus=true);
}

::selection {
  background: #e6e6e4;
  color:#1c1c1c;
}

::-moz-selection {
  background: #e6e6e4;
  color:#1c1c1c;
}

a::selection {
	color:#1c1c1c !important;
}

a::-moz-selection {
	color:#1c1c1c !important;
}

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

h1, h2 {
	font: 90px/90px 'Inter UI Medium', serif;
	letter-spacing: -0.01em;
	margin-bottom: 60px;
}

.wisywig_mini, a.wisywig_mini span.wisywig_mini, .wisywig_mini a, .wp-caption-text, a.post-edit-link {
	font-size:14px;
	line-height:20px;
	letter-spacing: 0.02em;
}

.wisywig_lead {
	font-size:24px;
	line-height: 30px;
	letter-spacing: 0.04em;
}

nav ul li a,
.article_preview .article_preview.has_image_0 .title_preview_text,
.article_preview.format_gross .article_preview.has_image_1 .title_preview_text,
.filter_box_title {
	display: block;
	font: 50px/62.5px 'Inter UI Medium', serif;
	letter-spacing: -0.01em;
}

.article_preview .article_preview.has_image_0 .title_preview_text,
.article_preview.format_gross .article_preview.has_image_1 .title_preview_text,
.filter_box_title {
	line-height: 50px;
	margin-top:-5px;
	margin-bottom:10px;
}

nav li a span.no, nav ul.level_3_pages li a {
	font-family: 'Inter UI Medium', Helvetica, Arial, Verdana, sans-serif;
	letter-spacing: 0.04em;
}

nav ul.level_3_pages li a {
	cursor:pointer;
	font-size:21px;
	line-height: 42px;
	letter-spacing: 0.01em;
}

input, textarea, select {
	font: normal 18px/26px 'Inter UI Medium', Helvetica, Arial, Verdana, sans-serif;
	letter-spacing: 0.04em;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

select {
	width: 100%;
}

input {
	display: block !important;
	font-family: 'Inter UI Medium' !important;
	padding: 18px !important;
	letter-spacing: 0.04em;
	width: 100% !important;
	border: 1px solid #1c1c1c !important;
	color: #1c1c1c !important;
	background:none !important;
}

input[type=text], textarea, select {   
    /* Remove First */
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-clip: padding-box;
}

/* Mailchimp */

.yikes-mailchimp-container p {
	margin:0;
	padding:0;
}

footer, footer a {
	font-size:12px;
	line-height: 16px;
	letter-spacing: 0.02em;
}

p {
	margin-bottom: 20px;
}

b, strong {
	font-weight: normal;
	font-family: 'Inter UI Bold';
	letter-spacing: 0.04em;
}

.current_post_page {
	display: none;
}

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

.wysiwig_text a, .wisywig_mini a, .filter_box_content a, .introduction_text a {
	outline: none;
	position: relative;
	cursor: pointer;
	color: #6D6D6D;
	text-decoration: none;
	background: url('images/icon_arrow_right_grey_big.svg') no-repeat top 5px left 0;
	background-size:14px 11px;
	padding-left:20px;
	padding-bottom:2px;
	text-decoration: underline;
	-webkit-transition: color 0.4s ease, background 0.4s ease;
    transition: color 0.4s ease, background 0.4s ease;
}

.wysiwig_text .wisywig_lead a {
	padding-left:22px;
	background: url('images/icon_arrow_right_grey_big.svg') no-repeat top 7px left 0;
	background-size:14px 11px;
}

.wysiwig_text .wisywig_lead a:hover {
	padding-left:22px;
	background: url('images/icon_arrow_right_brown_big.svg') no-repeat top 7px left 0;
	background-size:14px 11px;
}

.wysiwig_text a:hover, .wisywig_mini a:hover, .filter_box_content a:hover, .introduction_text a:hover {
	background: url('images/icon_arrow_right_brown_big.svg') no-repeat top 5px left 0;
	background-size:14px 11px;
}

.wysiwig_text.wisywig_mini a {
	padding-left:16px;
	background: url('images/icon_arrow_right_grey_small.svg') no-repeat top 3px left 0;
	background-size:10px 8px;
}

.wysiwig_text.wisywig_mini a:hover {
	background: url('images/icon_arrow_right_brown_small.svg') no-repeat top 3px left 0;
	background-size:10px 8px;
}


.wisywig_mini a {
	background: url('images/icon_arrow_right_grey_big.svg') no-repeat top 4px left 0;
	background-size:13px 10px;
}

.wysiwig_text a.wisywig_download {
	padding-left:18px;
	background: url('images/icon_arrow_down_grey_big.svg') no-repeat top 2px left 0;
	background-size:11px 14px;
}

.wysiwig_text a.wisywig_download:hover {
	padding-left:18px;
	background: url('images/icon_arrow_down_brown_big.svg') no-repeat top 2px left 0;
	background-size:11px 14px;
}

.wysiwig_text a.email {
	text-decoration: none;
}

.wysiwig_text a:hover, .filter_box_content a:hover, .introduction_text a:hover {
	color:#dadada; /* Mint */
}

.introduction_text img {
	max-width: 100%;
	height: auto;
}

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

/*------------------------------------------------------
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, select {
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	resize: none;
}

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

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

/*------------------------------------------------------
AJAX CONTENT
------------------------------------------------------*/

.inside_ajax_content {
	opacity: 0;
	-webkit-transform: translateX(40px);
	transform: translateX(40px);
	-webkit-transition:opacity, 0.7s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.75s cubic-bezier(0.23, 1, 0.32, 1);
	transition:opacity, 0.7s cubic-bezier(0.165, 0.84, 0.44, 1), transform 0.75s cubic-bezier(0.23, 1, 0.32, 1);
}

.inside_ajax_content.show {
	opacity: 1;
	-webkit-transform: translateX(0);
	transform: translateX(0);
}

.inside_ajax_content.out {
	opacity: 0;
	-webkit-transition:opacity, 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
	transition:opacity, 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}

/*------------------------------------------------------
EDIT LINK
------------------------------------------------------*/

a.post-edit-link {
	position: fixed;
	right:20px;
	top:20px;
	color:#e6e6e4;
}

a.post-edit-link:hover {
	color:#1c1c1c;
}

/*------------------------------------------------------
WYSIWIG
------------------------------------------------------*/

.wysiwig_text ul {
    list-style: none;
    margin-left: 0;
    padding-left: 1em;
}

.wysiwig_text ul > li:before {
    display: inline-block;
    content: "-";
    width: 1em;
    margin-left: -1em;
}

.wysiwig_text img {
	max-width: 100%;
	height: auto;
}

.wysiwig_text .wp-caption {
	max-width: 100%;
	margin-bottom:26px;
}

.wysiwig_text .wp-caption .wp-caption-text {
	display: block;
	text-align: right;
	margin-top: -17px;
}

.wysiwig_text .wisywig_lead {
	display: block;
	margin-right: -130px;
}

.page_detail_content.has_sidebar_1 .wysiwig_text .wisywig_lead, .two_columns_row .wysiwig_text .wisywig_lead {
	margin-right:0;
}

/*------------------------------------------------------
Image Gallery Masonry
------------------------------------------------------*/

.image_gallery_masonry_wrapper {
	display: block;
	position: relative;
	width: 135%;
}

.page_detail_content.has_sidebar_1 .image_gallery_masonry_wrapper {
	width: 100%;
}

.image_gallery_masonry {
	display: block;
	margin-left:-12px;
	margin-right:-12px;
}

.image_gallery_masonry a.gallery_item, .image_gallery_masonry .grid-sizer {
	display: block;
	width: -moz-calc(33.3333% - 24px);
	width: -webkit-calc(33.3333% - 24px);
	width: -o-calc(33.3333% - 24px);
	width: calc(33.3333% - 24px);
	margin:0 12px 17px 12px;
}

.image_gallery_masonry a.gallery_item img {
	width: 100%;
	height: auto;
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-transition:opacity 0.4s ease;
	transition:opacity 0.4s ease;
}

.image_gallery_masonry a.gallery_item:hover img {
	opacity: 0.5;
}

.image_gallery_masonry .img_caption {
	color:#1c1c1c;
	text-decoration: none;
	display: block;
}

.image_gallery_masonry a {
	text-decoration: none;
}

/*------------------------------------------------------
FANCYBOX
------------------------------------------------------*/

.fancybox-is-open .fancybox-bg {
	opacity: 0;
}

.fancybox-stage {
	top:120px;
	bottom:120px;
	left:144px;
	right: 144px;
	height: -moz-calc(100% - 288px);
	height: -webkit-calc(100% - 288px);
	height: -o-calc(100% - 288px);
	height: calc(100% - 288px);
	width: : -moz-calc(100% - 160px);
	width: : -webkit-calc(100% - 160px);
	width: : -o-calc(100% - 160px);
	width: : calc(100% - 160px);
}

.fancybox_close {
	display: none;
	position: fixed;
	z-index: 1000000;
	background: transparent;
	cursor: url('images/icon_close_fancybox.png') 9 9, auto;
}

.fancybox-slide, .fancybox-inner {
	cursor: url('images/icon_close_fancybox.png') 9 9, auto;
}


.fancybox_close.fancybox_close_top, 
.fancybox_close.fancybox_close_bottom {
	left:0;
	right: 0;
	height: 96px;	
}

.fancybox_close.fancybox_close_top {
	top:0;
}

.fancybox_close.fancybox_close_bottom {
	bottom:0;
}

.fancybox_close.fancybox_close_left, 
.fancybox_close.fancybox_close_right {
	top:0;
	bottom:0;
	width: 60px;
}

.fancybox_close.fancybox_close_left {
	left:0;
}

.fancybox_close.fancybox_close_right {
	right:0;
}


body.fancybox-active .fancybox_close {
	display: block;
}


body.fancybox-active #content .inside_content, body.fancybox-active footer .inside_footer, body.fancybox-active .scroll_level_2.show.active ul.level_2, body.fancybox-active .scroll_level_2.show.active {
	opacity: 0;
	-webkit-transition:opacity 0.2s ease;
	transition:opacity 0.2s ease;
}

body.fancybox-active ul.level_1, body.fancybox-active ul.level_2, body.fancybox-active .service_nav_box {
	opacity: 0;
	-webkit-transition:opacity 0.2s ease;
	transition:opacity 0.2s ease;
}

.fancybox-caption {
	opacity: 1 !important;
	visibility: visible !important;
	color: #000;
	text-align: center;
	font-weight: normal;
}

.fancybox-caption:after, .fancybox-caption:before {
	display: none !important;
}

/*------------------------------------------------------
2 Columns Image + Text
------------------------------------------------------*/

.two_columns_image_text {
	display: block;
	display: block;
	position: relative;
	width: 135%;
}

.page_detail_content.has_sidebar_1 .two_columns_image_text {
	width: 100%;
}

.two_columns_image_text {
	display: block;
}

.two_columns_image_text img {
	display: block;
	width: 25.4%;
	height: auto;
	float: left;
	margin-bottom:32px;
}

.two_columns_image_text .two_columns_text {
	display: block;
	width: -moz-calc(74.6% - 24px);
	width: -webkit-calc(74.6% - 24px);
	width: -o-calc(74.6% - 24px);
	width: calc(74.6% - 24px);
	float: right;
	margin-bottom:32px;
}

.two_columns_image_text .two_columns_text .social_media_icons {
	display: block;
}

.two_columns_image_text .two_columns_text .social_media_icons a {
	margin-right:23px;
}

.two_columns_image_text .two_columns_text .social_media_icons a.email {
	display: inline-block;
	float: left;
	width: 12px;
	height: 18px;
	background: url('images/icon_mail.svg') no-repeat center center;
	background-size:100% 100%;
}

.two_columns_image_text .two_columns_text .social_media_icons a.fb {
	display: inline-block;
	float: left;
	width: 8px;
	height: 16px;
	background: url('images/icon_fb.svg') no-repeat center center;
	background-size:100% 100%;
}

.two_columns_image_text .two_columns_text .social_media_icons a.twitter {
	display: inline-block;
	margin-top:2px;
	float: left;
	width: 16px;
	height: 13px;
	background: url('images/icon_twitter.svg') no-repeat center center;
	background-size:100% 100%;
}

/*------------------------------------------------------
RESPO BOX
------------------------------------------------------*/

.respo_box {
	display: none !important;
	z-index: 10000;
	position: fixed;
	bottom:0;
	right:0;
	width: 10px;
	height: 10px;
	background: rgba(250,72,104,1);
}

/*------------------------------------------------------
CONTENT
------------------------------------------------------*/

body {
	width: 100%;
}

#content {
	display: block;
	position: relative;
	margin-left:33.3333vw;
	width: 66.6666vw;
	min-height: 100vh;
}

#content .inside_content {
	min-height: -moz-calc(100vh - 261px); /* Footer + Margin Top + Border */
	min-height: -webkit-calc(100vh - 261px);
	min-height: -o-calc(100vh - 261px);
	min-height: calc(100vh - 261px);
}

#content .inside_content, footer .inside_footer {
	position: relative;
	margin:0 144px;
	max-width: 1440px;
	-webkit-transition:opacity 0.3s ease-out;
	transition:opacity 0.3s ease-out;
}

.page_detail.page_left_side {
	margin-top:86px;
}

/*------------------------------------------------------
SIDEBAR
------------------------------------------------------*/

#sidebar, .bg_sidebar {
	display: block;
	position: fixed;
	left:0;
	top:0;
	bottom:0;
}

#sidebar .logo_bg_gradient {
	position: fixed;
	z-index: 900;
	width: 33.3333vw;
	bottom:0;
	right: 0;
	height: 160px;
	pointer-events:none;
	/* Mint */
	background: -moz-linear-gradient(top, rgba(218,218,218,0) 0%, rgba(218,218,218,1) 42%, rgba(218,218,218,1) 72%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(218,218,218,0) 0%,rgba(218,218,218,1) 42%,rgba(218,218,218,1) 72%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(218,218,218,0) 0%,rgba(218,218,218,1) 42%,rgba(218,218,218,1) 72%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dadada', endColorstr='#dadada',GradientType=0 ); /* IE6-9 */
}

#sidebar, .bg_sidebar, #sidebar .logo_bg_gradient {
	left:-33.3333vw;
	width: 33.3333vw;
	-webkit-transition:opacity, 0.7s cubic-bezier(0.165, 0.84, 0.44, 1), left 0.75s cubic-bezier(0.23, 1, 0.32, 1);
	transition:opacity, 0.7s cubic-bezier(0.165, 0.84, 0.44, 1), left 0.75s cubic-bezier(0.23, 1, 0.32, 1);
}

#sidebar.show, .bg_sidebar.show, #sidebar.show .logo_bg_gradient {
	left:0;
}

.service_nav_box {
	opacity: 0;
}

.bg_sidebar {
	z-index: -1;
	background: #dadada; /*Mint */
}

#sidebar .inside_sidebar {
	position: relative;
	padding-bottom:200px;
	-webkit-backface-visibility: hidden;
}

#sidebar a.logo {
	position: fixed;
	z-index: 1000;
	bottom:60px;
	left:50px;
	width: 112px;
	height: 60px;
	opacity: 0;
	transform: translateX(-20px) translateY(0);
	-webkit-transform:translateX(-20px) translateY(0);
	background: url('images/visarte_fribourg_logo.svg') no-repeat center center;
	background-size:100% auto;
	border-bottom:none;
	-webkit-transition:opacity, 0.7s cubic-bezier(0.165, 0.84, 0.44, 1), transform 0.75s cubic-bezier(0.23, 1, 0.32, 1);
	transition:opacity, 0.7s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.75s cubic-bezier(0.23, 1, 0.32, 1);
}

#sidebar a.logo.rotated {
	transform: rotate(-90deg) translateY(-20px) translateX(0);
	-webkit-transform:-webkit-rotate(-90deg) translateY(-20px) translateX(0);
	transform-origin: center top;
	-webkit-transform-origin: left top;
	bottom:0;
	z-index: 10001;
	opacity: 0;
}

body.page-template-home #sidebar a.logo.rotated {
	transform: rotate(0) translateX(-20px) translateY(0);
	-webkit-transform: -webkit-rotate(0) translateX(-20px) translateY(0);
	bottom:60px;
}

#sidebar a.logo.show, body.page-template-home #sidebar a.logo.rotated.show {
	opacity: 1;
	transform: rotate(0) translateX(0) translateY(0);
	-webkit-transform: -webkit-rotate(0) translateX(0) translateY(0);
}

#sidebar a.logo.rotated.show {
	transform: rotate(-90deg) translateX(0) translateY(0);
	-webkit-transform: -webkit-rotate(-90deg) translateX(0) translateY(0);
}

#sidebar a.hamburger, #sidebar .current_page, #sidebar .go_back_to_level_1, #sidebar .bg_mobile, #sidebar .sidebar_level_2, #sidebar .logo_tablet, #sidebar .logo_mobile {
	display: none;
}

/*------------------------------------------------------
SERVICE NAVIGATION
------------------------------------------------------*/

.service_nav_box, .service_nav_box a {
	font-size:14px;
	line-height: 14px;
	letter-spacing: 0.06em;
	color:#1c1c1c;
	text-decoration: none;
}

.service_nav_box {
	display: block;
	position:relative;
	opacity: 0;
	margin:60px 50px 0 50px;
	transform: translateX(-40px);
	-webkit-transform:translateX(-40px);
	-webkit-transition:opacity 0.3s ease-out, transform 0.75s cubic-bezier(0.23, 1, 0.32, 1);
	transition:opacity 0.3s ease-out, transform 0.75s cubic-bezier(0.23, 1, 0.32, 1);
}

.service_nav_box.show {
	opacity: 1;
	transform: translateX(0);
	-webkit-transform:translateX(0);
	-webkit-transition-delay: 0.45s;
	transition-delay: 0.45s;
}

#sidebar .service_nav_box.service_nav_box_desktop {
	display: block;
}

#sidebar .service_nav_box.service_nav_box_mobile {
	display: none;
}

#sidebar .service_nav_box ul {
	display: flex;
	justify-content: space-between;
}

#sidebar .service_nav_box ul li {
	display: inline-block;
	text-align: left;
}

#sidebar .service_nav_box ul li a {
	display: inline-block;
	cursor:pointer;
	border-bottom:1px solid transparent;
}

#sidebar .service_nav_box ul li a.change_lang, ul.change_lang li a {
	width: 20px;
	text-align: center;
}

#sidebar .service_nav_box ul li.active a {
	border-bottom:1px solid #1c1c1c;
}

/* Lang Switch */

#sidebar .service_nav_box ul li.lang_switch {
	padding-left:10%;
	position: relative;
}

#sidebar .service_nav_box ul li.lang_switch > li > a {
	cursor:normal;
}

#sidebar .service_nav_box ul li.lang_switch ul.change_lang {
	display: none;
	position: absolute;
	top: -5px;
	padding: 31px 20px 10px 20px;
	margin-left: -20px;
	background: transparent;
}

#sidebar .service_nav_box ul li.lang_switch ul.change_lang li {
	display: block;
	margin-bottom:15px;
}

#sidebar .service_nav_box ul li.lang_switch ul.change_lang li a {
	color:#6D6D6D;
}

#sidebar .service_nav_box ul li.lang_switch ul.change_lang li a:hover {
	color:#1c1c1c;
}

#sidebar .service_nav_box ul li.lang_switch ul.change_lang li.current-lang {
	display: none;
}

#sidebar .service_nav_box ul li a.show_search {
	display: block;
	margin-top:-3px;
	text-indent: -10000px;
	width: 11px;
	height: 14px;
	background: url('images/icon_search.svg') no-repeat center center;
	background-size:100% 100%;
}

/*------------------------------------------------------
NAVIGATION
------------------------------------------------------*/

.mCSB_scrollTools .mCSB_draggerContainer {
	opacity: 0 !important;
}

#sidebar .mobile_accordeon_title {
	display: none;
}

nav {
	display: block;
	position: relative;
}

nav ul {
	list-style: none;
}

nav ul li a {
	position:relative;
	color:#6D6D6D;
	vertical-align: bottom;
	text-decoration: none;
	-webkit-transition:color 0.3s ease-out;
	transition:color 0.3s ease-out;
}

nav ul.level_2 li a {
	color:#8c8c8a;
}

nav ul li a:hover {
	color:#1c1c1c;
}

body.page-template-home nav ul li a:hover {
	color:#6D6D6D;
}

body.page-template-home nav ul li a,
nav ul li.current > a {
	color:#1c1c1c;
}

nav ul li span.no {
	position: absolute;
	left:0;
	top:1.65vw
}

nav ul li span.nav_title {
	padding-left:50px;
	display: block;
	word-break: break-word;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
}

/* Level 1 Navigation */

.scroll_level_1 {
	z-index: -1;
	height: -moz-calc(100vh - 150px);
	height: -webkit-calc(100vh - 150px);
	height: -o-calc(100vh - 150px);
	height: calc(100vh - 150px);
	margin-top:75px;
	overflow-y:hidden;
	background: #dadada; /* Mint */
}

nav ul.level_1 {
	display: block;
	list-style: none;
	margin-left:65px;
	padding-top:50px;
	padding-bottom:200px;
	-webkit-transition:opacity 0.3s ease-out;
	transition:opacity 0.3s ease-out;
}

nav ul.level_1 li span.nav_title {
	padding-left:30px;
}

/* Level 2 Navigation */

.scroll_level_2 {
	opacity: 0;
	display: none;
	position: absolute;
	background: #e6e6e4; /* Grey */
	top:0;
	left:8vw;
	right: -72px;
	z-index: 1000;
	height: -moz-calc(100vh - 148px);
	height: -webkit-calc(100vh - 148px);
	height: -o-calc(100vh - 148px);
	height: calc(100vh - 148px);
	overflow-y:hidden;
	-webkit-transform: translateX(40px);
	transform: translateX(40px);
	-webkit-transition: opacity 0.4s ease-out, -webkit-transform 1.2s cubic-bezier(0.23, 1, 0.32, 1);
	transition: opacity 0.4s ease-out, transform 1.2s cubic-bezier(0.23, 1, 0.32, 1);
}

.scroll_level_2.active {
	display: block;
}

.scroll_level_2.show.active {
	opacity: 1;
	-webkit-transform: translateX(0);
	transform: translateX(0);
	-webkit-transition-delay: 0.9s;
	transition-delay: 0.9s;
}

.scroll_level_2 ul.level_2 {
	opacity: 0;
	-webkit-transform: translateX(40px);
	transform: translateX(40px);
	top:0;
	padding-top:40px;
	padding-bottom:50px;
	padding-left:30px;
	-webkit-transition: opacity 0.4s ease-out, -webkit-transform 1.2s cubic-bezier(0.23, 1, 0.32, 1);
	transition: opacity 0.4s ease-out, transform 1.2s cubic-bezier(0.23, 1, 0.32, 1);
}

.scroll_level_2.show.active ul.level_2 {
	opacity: 1;
	-webkit-transform: translateX(0);
	transform: translateX(0);
	-webkit-transition-delay: 1s;
	transition-delay: 1s;
}

nav ul.level_2 li span.nav_title {
	padding-left:48px;
}

/* Level 3 Navigation */

nav ul.level_3_pages {
	margin-left:57px;
	margin-bottom:5px;
}

/* Animation */

#sidebar ul.level_1 li {
	display: block;
	opacity: 0;
	-webkit-transform: translateX(-40px);
	transform: translateX(-40px);
	-webkit-transition: opacity 0.5s ease-out, -webkit-transform 0.5s cubic-bezier(0.23, 1, 0.32, 1);
	transition: opacity 0.5s ease-out, transform 0.5s cubic-bezier(0.23, 1, 0.32, 1);
}

#sidebar.show ul.level_1 li {
	opacity: 1;
	-webkit-transform: translateX(0);
	transform: translateX(0);
}

#sidebar.show ul.level_1 li:nth-child(1) {
	-webkit-transition-delay: 0.4s;
	transition-delay: 0.4s;
}

#sidebar.show ul.level_1 li:nth-child(2) {
	-webkit-transition-delay: 0.45s;
	transition-delay: 0.45s;
}

#sidebar.show ul.level_1 li:nth-child(3) {
	-webkit-transition-delay: 0.5s;
	transition-delay: 0.5s;
}

#sidebar.show ul.level_1 li:nth-child(4) {
	-webkit-transition-delay: 0.55s;
	transition-delay: 0.55s;
}

#sidebar.show ul.level_1 li:nth-child(5) {
	-webkit-transition-delay: 0.6s;
	transition-delay: 0.6s;
}

#sidebar.show ul.level_1 li:nth-child(6) {
	-webkit-transition-delay: 0.65s;
	transition-delay: 0.65s;
}

#sidebar.show ul.level_1 li:nth-child(7) {
	-webkit-transition-delay: 0.7s;
	transition-delay: 0.7s;
}

#sidebar.show ul.level_1 li:nth-child(8) {
	-webkit-transition-delay: 0.75s;
	transition-delay: 0.75s;
}

#sidebar.show ul.level_1 li:nth-child(9) {
	-webkit-transition-delay: 0.8s;
	transition-delay: 0.8s;
}

#sidebar.show ul.level_1 li:nth-child(10) {
	-webkit-transition-delay: 0.85s;
	transition-delay: 0.85s;
}

#sidebar.show ul.level_1 li:nth-child(11) {
	-webkit-transition-delay: 0.9s;
	transition-delay: 0.9s;
}

#sidebar.show ul.level_1 li:nth-child(12) {
	-webkit-transition-delay: 0.95s;
	transition-delay: 0.95s;
}

#sidebar.show ul.level_1 li:nth-child(13) {
	-webkit-transition-delay: 1s;
	transition-delay: 1s;
}

#sidebar.show ul.level_1 li:nth-child(14) {
	-webkit-transition-delay: 1.05s;
	transition-delay: 1.05s;
}

#sidebar.show ul.level_1 li:nth-child(15) {
	-webkit-transition-delay: 1.1s;
	transition-delay: 1.1s;
}


/*------------------------------------------------------
PAGE DEFAULT
------------------------------------------------------*/

.page_default {
	display: block;
}

/* Page Header */

.page_default .page_header, .page_detail_content.has_header_0, .page_detail_content.has_headline_0 {
	display: block;
	padding-top:105px;
}

.page_detail_content.has_header_1.page_detail_content.has_headline_0 {
	padding-top:60px;
}


.page_default .page_header.has_image_1 {
	padding-top:0;
}

.page_default .header_image {
	display: block;
	z-index: -1;
	height: 33.3333vh;
	position: relative;
}

.page_default .page_header .page_header_rubrik {
	display: block;
	width:170px;
	float: left;
	margin-top:0.6vw;
	margin-right:20px;
}

.page_header_rubrik span {
	display: block;
	max-width: 170px;
	word-break: break-word;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
}

.page_default .page_header h1 {
	display: block;
	width: -moz-calc(100% - 190px);
	width: -webkit-calc(100% - 190px);
	width: -o-calc(100% - 190px);
	width: calc(100% - 190px);
	float: right;
}

.page_default .page_header.has_rubrik_date_0 h1 {
	width: 100%;
	float: none;
}

.page_default .page_header.has_image_1 h1 {
	margin-top:-4.3vh;
}

/* Page Content */

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

.page_detail_content .column_left, .page_archive .introduction_text {
	display: block;
	float: left;
	width: -moz-calc(76.25% - 24px);
	width: -webkit-calc(76.25% - 24px);
	width: -o-calc(76.25% - 24px);
	width: calc(76.25% - 24px);
	margin-right:24px;
}

.page_archive .introduction_text {
	float: none;
}

.page_detail_content .column_right {
	width: 23.75%;
	float: right;
}

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

body.page-template-home .page_detail{
	display: block;
	padding-top: 105px;
}

body.page-template-home #content .inside_content,
body.page-template-filter #content .inside_content {
	margin: 0 144px 0 72px;
	width: -moz-calc(100% - 217px);
	width: -webkit-calc(100% - 217px);
	width: -o-calc(100% - 217px);
	width: calc(100% - 217px);
}

body.page-template-home #content .introduction_text {
	margin-left:121px;
	margin-bottom:64px;
	margin-top:60px;
}

.mini_title {
	margin-bottom:8px;
}

.home_news_listing a, .page_aktuelles a {
	color:#1c1c1c;
	text-decoration: none;
	-webkit-transition:color 0.4s ease;
	transition:color 0.4s ease;
}

.home_news_listing a img, .page_aktuelles a img {
	-webkit-transform: translateZ(0);
	   -moz-transform: translateZ(0);
	   -ms-transform: translateZ(0);
	   -o-transform: translateZ(0);
	   transform: translateZ(0);
	-webkit-transition:opacity 0.4s ease;
	transition:opacity 0.4s ease;
}

.home_news_listing a:hover, .page_aktuelles a:hover {
	color:#8c8c8a;
}

.home_news_listing a:hover img, .page_aktuelles a:hover img {
	opacity: 0.5;
}


body.page-template-home h1, body.page-template-home h2,
.page_aktuelles h2 {
	margin-bottom:0;
}

/*------------------------------------------------------
LISTING ELEMENTS
------------------------------------------------------*/

/* Bold Colorful Headline */

.bold_colorful_headline {
	display: block;
	margin-left:-200px;
	padding:30px 48px 30px 48px;
	margin-bottom:48px;
}

.bold_colorful_headline .preview_text {
	display: block;
	margin-top:10px;
}

.bold_colorful_headline span.arrow {
	display: none;
}

.bold_colorful_headline a span.arrow {
	display: inline-block;
	width: 14px;
	height: 11px;
	margin-left:5px;
	background: url('images/icon_arrow_right_black_big.svg') no-repeat center center;
	background-size:100% 100%;
}

.bold_colorful_headline.color_iceland {
	background: #e6e6e4;
}

.bold_colorful_headline.color_iceberg {
	background: #c2dee2;
}

.bold_colorful_headline.color_forest {
	background: #c0ecb6;
}

.bold_colorful_headline.color_beach {
	background: #ffe2a2;
}

.bold_colorful_headline.color_savana {
	background: #fed6b2;
}

.bold_colorful_headline.color_tropic {
	background: #ffd8dc;
}

/*------------------------------------------------------
ARTICLE
------------------------------------------------------*/

.article_preview {
	display: block;
	margin-bottom:48px;
}

.article_preview:last-child {
	margin-bottom:0;
}

.article_preview .article_date {
	margin-bottom:8px;
}

/* Has Image */

.article_preview .article_preview.has_image_1 img,
.article_preview .article_preview.has_image_1 .article_preview_text {
	display: block;
	float: left;
}

.article_preview.format_klein .article_preview.has_image_1 img {
	width: 35.7%;
	height: auto;
}

.article_preview.format_gross .article_preview.has_image_1 img {
	width: 48.5%;
	height: auto;
}

.article_preview.format_klein .article_preview.has_image_1 .article_preview_text {
	width: 35.7%;
	margin-left:24px;
}

.article_preview.format_gross .article_preview.has_image_1 .article_preview_text {
	width: -moz-calc(48.5% - 24px);
	width: -webkit-calc(48.5% - 24px);
	width: -o-calc(48.5% - 24px);
	width: calc(48.5% - 24px);
	margin-left:24px;
}

.article_preview.format_klein .article_preview.has_image_1 .article_preview_text .title_preview_text {
	font-family: 'Inter UI Bold';
	letter-spacing: 0.04em;
	display: block;
}

/* No Image */

.article_preview .article_preview.has_image_0 {
	width: -moz-calc(71.4% + 24px);
	width: -webkit-calc(71.4% + 24px);
	width: -o-calc(71.4% + 24px);
	width: calc(71.4% + 24px);
}

/*------------------------------------------------------
SLIDER GALLERY
------------------------------------------------------*/

.slider_gallery, .slider_gallery .inside_slide {
	height: 66.6666vh;
	position: relative;
	text-align: center;
	background: #e6e6e4;
}

.gallery_wrapper {
	position: relative;
	margin:64px -144px 64px -144px;
	overflow: hidden;
}

.slider_gallery, .slider_gallery .inside_slide {
	width: 100%;
}

.slider_gallery .inside_slide img {
	display: inline-block;
	height: 100%;
	max-width: 100%;
	width: auto;
}

a.prev_next_button {
	cursor: pointer;
	position: absolute;
	top:0;
	bottom:0;
	z-index: 100;
	width:50%;
}

a.prev_next_button.next_gallery {
	right:0;
}

a.prev_next_button.prev_gallery {
	left:0;
}

.image_description {
	display: block;
	text-align: right;
	margin-right:144px;
	margin-left:72px;
	min-height: 20px;
	margin-top:12px;
}

/*------------------------------------------------------
PAGE FILTER
------------------------------------------------------*/

.page_filter .introduction_text, .page_filter .page_detail_content .filter_box_inside {
	display: block;
	width: 76.25%;
}

.filter_box {
	display: block;
	padding-top:12px;
	border-top:1px solid #1c1c1c;
}

.filter_box_title {
	display: block;
	width: -moz-calc(100% - 70px);
	width: -webkit-calc(100% - 70px);
	width: -o-calc(100% - 70px);
	width: calc(100% - 70px);
	float: right;
}

.filter_box .filter_box_no {
	display: inline-block;
	position: absolute;
	width: 68px;
	top: 1.0vw;
}

.filter_box_header {
	position: relative;
	margin-bottom:20px;
}

.filter_box_inside {
	margin-bottom:33px;
}

/* Filter Listing */

.filter_listing {
	background: #e6e6e4 !important;
}

.filter_listing a {
	display: block;
	cursor:pointer;
	width: -moz-calc(100% - 50px);
	width: -webkit-calc(100% - 50px);
	width: -o-calc(100% - 50px);
	width: calc(100% - 50px);
	-webkit-transition:color 0.4s ease;
	transition:color 0.4s ease;
}

.filter_listing.hidden {
	-webkit-transition:color 0.4s ease;
	transition:color 0.4s ease;
}

.filter_listing.hidden:hover {
	color:#8c8c8a;
}

.filter_listing a:hover {
	color:#8c8c8a;
}

.filter_listing {
	position: relative;
}

.filter_listing.hidden {
	cursor:pointer;
}

.filter_listing_title {
	display: none;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none; 
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

a.close_filter_listing {
	display: block;
	z-index: 1000;
	position: absolute;
	cursor:pointer;
	right: 40px;
	top:36px;
	width: 11px;
	height: 14px;
	background: url('images/filter_arrow_up.svg') no-repeat center center;
	background-size:100% 100%;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none; 
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

a.close_filter_listing:hover {
	background: url('images/filter_arrow_up_grey.svg') no-repeat center center;
	background-size:100% 100%;
}

a.close_filter_listing.active {
	background: url('images/filter_arrow_down.svg') no-repeat center center;
	background-size:100% 100%;
}

a.close_filter_listing.active:hover, .filter_listing.hidden:hover a.close_filter_listing {
	background: url('images/filter_arrow_down_grey.svg') no-repeat center center;
	background-size:100% 100%;
}

.filter_listing a span.filter_no {
	display: inline-block;
	float: left;
	width: 68px;
}

.filter_listing a span.filter_title {
	display: inline-block;
	float: right;
	width: -moz-calc(100% - 68px);
	width: -webkit-calc(100% - 68px);
	width: -o-calc(100% - 68px);
	width: calc(100% - 68px);
}

/* Fixed Filter */

.filter_listing.fixed_filter {
	display: none;
	position: fixed;
	z-index: 1001;
	top:14px;
}

.filter_listing.fixed_filter .filter_listing_title {
	display: block;
}

.filter_listing.fixed_filter .filter_listing_content {
	display: none;
}

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

body.page-template-kontakt .contact_phone_mail,
body.page-template-kontakt .contact_social_media {
	display: block;
	margin-bottom:20px;
}

body.page-template-kontakt .contact_phone_mail a,
body.page-template-kontakt .contact_social_media a {
	display: block;
	color:#1c1c1c;
	text-decoration: none;
}

body.page-template-kontakt .contact_phone_mail a span.title,
body.page-template-kontakt .contact_social_media a span.title {
	display: inline-block;
	width: 70px;
}

body.page-template-kontakt .contact_social_media span.social_media_icon_fb {
	display: inline-block;
	width: 8px;
	height: 16px;
	background: url('images/icon_fb.svg') no-repeat center center;
	background-size:100% 100%;
}

body.page-template-kontakt .contact_social_media span.social_media_icon_twitter {
	display: inline-block;
	width: 17px;
	height: 14px;
	background: url('images/icon_twitter.svg') no-repeat center center;
	background-size:100% 100%;
}

body.page-template-kontakt #google_map {
	display: block;
	width: 100%;
	height: 550px;
	margin-top:20px;
}

/*------------------------------------------------------
ARCHIVE
------------------------------------------------------*/

.archive_listing {
	position: relative;
}

.archive_listing a {
	color:#1c1c1c;
	margin-bottom:12px;
	padding-bottom:12px;
	border-bottom:1px solid #1c1c1c;
	-webkit-transition:color 0.4s ease;
	transition:color 0.4s ease;
}

.archive_listing a:hover {
	color:#8c8c8a;
	border-bottom:1px solid #8c8c8a;
}

.archive_listing .archive_title {
	display: block;
	font-family: 'Inter UI Bold';
	letter-spacing: 0.04em;
}

.archive_listing img {
	width: 100%;
	height: auto;
	margin-top:7px;
}

.archive_listing .archive_title {
	margin-top:0px;
}

.archive_filters {
	display: block;
}

.archive_filters .column_left_archive, .archive_filters .column_right_archive {
	display: block;
	width: -moz-calc(50% - 12px);
	width: -webkit-calc(50% - 12px);
	width: -o-calc(50% - 12px);
	width: calc(50% - 12px);
	float: left;
}

.archive_filters .column_left_archive {
	margin-right:12px;
}

.archive_filters .column_right_archive {
	margin-left:12px;
}

.archive_filters  .filter_title {
	display: inline-block;
	width: 70px;
	float: left;
	margin-top:16px;
}

.filter_select {
	width: -moz-calc(100% - 134px);
	width: -webkit-calc(100% - 134px);
	width: -o-calc(100% - 134px);
	width: calc(100% - 134px);
	float: left;
	margin-right:30px;
	padding:16px;
	border:1px solid #1c1c1c;
}

.slide_down_listing {
	display: none;
}

.filter_select {
	cursor:pointer;
}

.archive_filters a.do_filter.active {
	color:#6D6D6D;
}

.archive_listing a span.arrow {
	display: inline-block;
    width: 14px;
    height: 11px;
    margin-left: 5px;
    background: url(images/icon_arrow_right_black_big.svg) no-repeat center center;
    background-size: 100% 100%;
    -webkit-transition:background 0.4s ease-out;
    transition:background 0.4s ease-out;
}

.archive_listing a:hover span.arrow {
    background: url(images/icon_arrow_right_grey_big.svg) no-repeat center center;
    background-size: 100% 100%;
}

/*------------------------------------------------------
AUSCHREIBUNGEN
------------------------------------------------------*/

.custom_form .form_row {
	display: block;
	margin-bottom:24px;
}

.custom_form .form_row label {
	display: block;
	margin-bottom:3px;
}

.custom_form input, .custom_form textarea, .custom_form select, .yikes-easy-mc-form select {
	display: block !important;
	font-family: 'Avenir Medium' !important;
	padding: 18px !important;
	width: -moz-calc(100% - 38px) !important;
	width: -webkit-calc(100% - 38px) !important;
	width: -o-calc(100% - 38px) !important;
	width: calc(100% - 38px) !important;
	border: 1px solid #dadada !important;
	color: #dadada !important;
}

.custom_form input.error, .custom_form textarea.error, .custom_form select.error {
	color:#ff173d;
	border: 1px solid #ff173d;
}

.custom_form textarea {
	height: 300px;
}

.custom_form select, .yikes-easy-mc-form select {
	background: #fff !important;
	width: 100% !important;
}

.custom_form input::-webkit-input-placeholder,
.custom_form textarea::-webkit-input-placeholder {
    color: #dadada;
}

.custom_form input:-moz-placeholder,
.custom_form textarea:-moz-placeholder {
   color: #dadada;
   opacity: 1;
}

.custom_form input::-moz-placeholder,
.custom_form textarea::-moz-placeholder {
   color: #dadada;
   opacity: 1;
}

.custom_form input:-ms-input-placeholder,
.custom_form textarea:-ms-input-placeholder {
   color: #dadada;
}

/* Error Placeholder */

.custom_form input.error::-webkit-input-placeholder,
.custom_form textarea.error::-webkit-input-placeholder {
    color: #ff173d;
}

.custom_form input.error:-moz-placeholder,
.custom_form textarea.error:-moz-placeholder {
   color: #ff173d;
   opacity: 1;
}

.custom_form input.error::-moz-placeholder,
.custom_form textarea.error::-moz-placeholder {
   color: #ff173d;
   opacity: 1;
}

.custom_form input.error:-ms-input-placeholder,
.custom_form textarea.error:-ms-input-placeholder {
   color: #ff173d;
}

.form_row.submit_form_row {
	display: block;
	text-align: right;
	margin-top:30px;
}

.yikes-easy-mc-form input[type=email]:focus, .yikes-easy-mc-form input[type=number]:focus, .yikes-easy-mc-form input[type=text]:focus, .yikes-easy-mc-form input[type=url]:focus, .yikes-easy-mc-form select:focus {
	outline:none 0 !important;
}

.form_row.submit_form_row input.submit_custom_form, .yikes-easy-mc-form .yikes-easy-mc-submit-button {
	display: inline-block !important;
	text-align: right !important;
	padding:0px !important;
	width: auto !important;
	background: none !important;
	width: 100% !important;
	margin-top:0 !important;
	min-height: initial !important;
	cursor:pointer !important;
	border:none !important;
	font-family: 'Avenir Medium' !important;
	padding-right:22px !important;
	background: url('images/icon_arrow_right_grey_big.svg') no-repeat top 3px right !important;
	background-size:11px 14px !important;
	color:#827d78 !important;
	-webkit-transition:color 0.4s ease, background 0.4s ease;
	transition:color 0.4s ease, background 0.4s ease;
}

.form_row.submit_form_row input.submit_custom_form:hover, .yikes-easy-mc-form .yikes-easy-mc-submit-button:hover {
	background: url('images/icon_arrow_right_brown_big.svg') no-repeat top 3px right !important;
	background-size:11px 14px !important;
	color:#dadada !important;
}

.custom_form .error_message {
	display: block;
	margin-bottom:12px;
	color:#ff173d;
	clear:both;
}

.custom_form .success_message {
	display: block;
	margin-bottom:12px;
	color:#49d037;
	clear:both;
}

.flexible_form .custom_form .error_message, .flexible_form .custom_form .success_message {
	display: none;
}

/*------------------------------------------------------
SEARCHBOX
------------------------------------------------------*/

.searchbox {
	display: none;
	position: fixed;
	opacity: 0;
	top:14px;
	left: -moz-calc(33.3333vw - 56px);
	left: -webkit-calc(33.3333vw - 56px);
	left: -o-calc(33.3333vw - 56px);
	left: calc(33.3333vw - 56px);
	width: -moz-calc(66.6666% - 88px);
	width: -webkit-calc(66.6666% - 88px);
	width: -o-calc(66.6666% - 88px);
	width: calc(66.6666% - 88px);
	right: 0;
	z-index: 2000;
	max-width: 1440px;
	background: #e6e6e4;
	height: 86px;
	-webkit-transform: translateX(40px);
	transform: translateX(40px);
	-webkit-transition:opacity, 0.7s cubic-bezier(0.165, 0.84, 0.44, 1), left 0.75s cubic-bezier(0.23, 1, 0.32, 1);
	transition:opacity, 0.7s cubic-bezier(0.165, 0.84, 0.44, 1), left 0.75s cubic-bezier(0.23, 1, 0.32, 1);
}

.searchbox.show {
	opacity: 1;
	-webkit-transform: translateX(0);
	transform: translateX(0);
}

.searchbox .inside_searchbox {
	display: block;
	margin:18px 50px 0 40px;
}

.searchbox .inside_searchbox .search_title {
	display: inline-block;
	width: 80px;
	float: left;
	margin-top:13px;
}

.searchbox .inside_searchbox .search_content {
	display: block;
	width: -moz-calc(100% - 80px);
	width: -webkit-calc(100% - 80px);
	width: -o-calc(100% - 80px);
	width: calc(100% - 80px);
	float: left;
}

.searchbox .inside_searchbox .search_content input {
	font-family: 'Inter UI Medium';
	letter-spacing: 0.04em;
	width: -moz-calc(100% - 38px) !important;
	width: -webkit-calc(100% - 38px) !important;
	width: -o-calc(100% - 38px) !important;
	width: calc(100% - 38px) !important;
	border:1px solid #1c1c1c;
	padding: 12px 18px !important;
	background: transparent;
}

.searchbox .inside_searchbox a.close_search {
	display: block;
	position: absolute;
	cursor:pointer;
	top: 40px;
	right: 20px;
	width: 9px;
	height: 9px;
	background: url('images/close_search.svg') no-repeat center center;
	background-size:9px 9px;
}

/*------------------------------------------------------
Custom Select
------------------------------------------------------*/

.custom_select_box {
	display: block;
	width: 100%;
	position: relative;
}

.custom_select_box .selected_value {
	display: block;
	background: url('images/select_arrow_down.svg') no-repeat right 20px center;
	background-size:17px 9px;
	padding:10px;
	cursor:pointer;
	border:1px solid #ccc;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none; 
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.custom_select_box .selected_value.active {
	background: url('images/select_arrow_up.svg') no-repeat right 20px center;
	background-size:17px 9px;
}

.custom_select_box .dropdown_values {
	display: none;
	position: absolute;
	background: #c2dee2;
	padding:0 0;
	z-index: 1000;
	left:0;
	right: 0;
	max-height: 280px;
	margin:0 0;
	overflow: hidden;
	padding:10px 0;
}

.members_filter .custom_select_box .dropdown_values {
	background:#fff;
	border:1px solid #ccc;
	border-top:none 0;
}

.custom_select_box .dropdown_values a {
	display: block;
	cursor:pointer;
	font-size:18px;
	line-height: 18px;
	padding:10px 10px;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none; 
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.custom_select_box .dropdown_values a:hover, .custom_select_box .dropdown_values a.active {
	background: #ededed;
}

.custom_select_box .dropdown_values .mCSB_inside>.mCSB_container {
	margin-right:0;
}

/*------------------------------------------------------
PDF BOX
------------------------------------------------------*/

.pdf_box {
	display: block;
	margin-top:40px;
}

.pdf_box a {
	display: inline-block;
	margin-bottom:3px;
}

.pdf_box .pdf_title {
	display: block;
	margin-bottom:10px;
}

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

footer {
	display: block;
	width: 100%;
	height: 132px;
	margin-top:128px;
	opacity: 0;
	-webkit-transform: translateX(40px);
	transform: translateX(40px);
	-webkit-transition:opacity, 0.7s cubic-bezier(0.165, 0.84, 0.44, 1), left 0.75s cubic-bezier(0.23, 1, 0.32, 1);
	transition:opacity, 0.7s cubic-bezier(0.165, 0.84, 0.44, 1), left 0.75s cubic-bezier(0.23, 1, 0.32, 1);
}

footer.show {
	opacity: 1;
	-webkit-transform: translateX(0);
	transform: translateX(0);
}

footer .inside_footer {
	position: relative;
	border-top:1px solid #1c1c1c;
}

footer .inside_footer.desktop_footer {
	display: block;
}

footer .inside_footer.mobile_footer {
	display: none;
}

footer .column {
	display: block;
	float: left;
	margin-top:24px;
	width: 30%;
}

footer .column.column_right {
	width: 40%;
}

footer .column.column_right p {
	margin-bottom:16px;
}

footer .social_media_icons {
	display: block;
	width: 40px;
	height: 13px;
	position: absolute;
	bottom:23px;
	right: 0;
	text-align: right;
}

.inside_social_media_icons {
	display: inline-block;
}

footer .social_media_icons a.fb_icon {
	display: inline-block;
	float: left;
	width: 6px;
	height: 12px;
	background: url('images/icon_fb.svg') no-repeat center center;
	background-size:100% 100%;
	margin-right:12px;
}

footer .social_media_icons a.twitter_icon {
	display: inline-block;
	float: left;
	width: 12px;
	height: 10px;
	background: url('images/icon_twitter.svg') no-repeat center center;
	background-size:100% 100%;
	margin-top:2px;
}

footer .column.colum_middle {
	display: block;
	margin:0 10px;
}

footer a {
	color:#1c1c1c;
	text-decoration: none;
	-webkit-transition:color 0.3s ease-out;
	transition:color 0.3s ease-out;
}

footer a:hover {
	color:#6D6D6D;
}

/*------------------------------------------------------
Desktop S - 1600 - 2000 px (Rosa)
------------------------------------------------------*/

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

	.respo_box {
		background: rgba(250,72,104,0.8);
	}

	body, input, textarea, select, .yikes-easy-mc-form .yikes-easy-mc-submit-button {
		font-size:16px !important;
		line-height: 22px !important;
		letter-spacing: 0.02em !important;
	}

	.service_nav_box, .service_nav_box a {
		font-size:12px;
		line-height: 12px;
		letter-spacing: 0.06em;
	}

	.wisywig_mini, a.wisywig_mini span.wisywig_mini, .wisywig_mini a, .wp-caption-text {
		font-size:12px;
		line-height: 16px;
		letter-spacing: 0.02em;
	}

	.wisywig_lead {
		font-size:20px;
		line-height: 25px;
		letter-spacing: 0.04em;
	}

	nav ul li a,
	.article_preview .article_preview.has_image_0 .title_preview_text,
	.article_preview.format_gross .article_preview.has_image_1 .title_preview_text,
	.filter_box_title {
		font-size: -moz-calc(100vw / 40);
		font-size: -webkit-calc(100vw / 40);
		font-size: -o-calc(100vw / 40);
		font-size: calc(100vw / 40);
		line-height: -moz-calc((100vw / 40) * 1.25);
		line-height: -webkit-calc((100vw / 40) * 1.25);
		line-height: -o-calc((100vw / 40) * 1.25);
		line-height: calc((100vw / 40) * 1.25);
	}

	nav ul.level_3_pages li a {
		margin-bottom:0;
	}

	nav ul li span.no {
		top:1.5vw;
	}

	.article_preview .article_preview.has_image_0 .title_preview_text,
	.article_preview.format_gross .article_preview.has_image_1 .title_preview_text,
	.filter_box_title {
		line-height: -moz-calc(100vw / 40);
		line-height: -webkit-calc(100vw / 40);
		line-height: -o-calc(100vw / 40);
		line-height: calc(100vw / 40);
		margin-top:-5px;
		margin-bottom:10px;
	}

	nav ul.level_3_pages li a {
		font-size: -moz-calc((100vw / 40) / 2.25);
		font-size: -webkit-calc((100vw / 40) / 2.25);
		font-size: -o-calc((100vw / 40) / 2.25);
		font-size: calc((100vw / 40) / 2.25);
		line-height: -moz-calc(((100vw / 40) / 2.25) * 2);
		line-height: -webkit-calc(((100vw / 40) / 2.25) * 2);
		line-height: -o-calc(((100vw / 40) / 2.25) * 2);
		line-height: calc(((100vw / 40) / 2.25) * 2);

	}

	h1, h2 {
		font-size: -moz-calc((90vw / 40) * 2);
		font-size: -webkit-calc((90vw / 40) * 2);
		font-size: -o-calc((90vw / 40) * 2);
		font-size: calc((90vw / 40) * 2);
		line-height: -moz-calc((90vw / 40) * 2);
		line-height: -webkit-calc((90vw / 40) * 2);
		line-height: -o-calc((90vw / 40) * 2);
		line-height: calc((90vw / 40) * 2);
	}

	#sidebar a.logo {
		bottom:48px;
		left:40px;
		width: 89px;
		height: 48px;
		background: url('images/visarte_fribourg_logo.svg') no-repeat center center;
		background-size:100% auto;
	}

	.service_nav_box {
		margin: 48px 40px 0 40px;
	}

	nav ul.level_1 {
		padding-top:39px;
	}

	nav ul.level_2 {
		padding-top:40px;
	}

	.scroll_level_1 {
		margin-top:58px;
		height: -moz-calc(100vh - 58px);
		height: -webkit-calc(100vh - 58px);
		height: -o-calc(100vh - 58px);
		height: calc(100vh - 58px);
	}

	.scroll_level_2 {
		height: -moz-calc(100vh - 118px);
		height: -webkit-calc(100vh - 118px);
		height: -o-calc(100vh - 118px);
		height: calc(100vh - 118px);
		right:-56px;
		top:0;
	}

	.page_default .page_header, .page_detail_content.has_header_0 {
		padding-top:82px;
	}

	#content .inside_content, footer .inside_footer {
		margin-left:112px;
		margin-right:80px;
		width: -moz-calc(100% - 192px);
		width: -webkit-calc(100% - 192px);
		width: -o-calc(100% - 192px);
		width: calc(100% - 192px);
	}

	body.page-template-home footer .inside_footer {
		margin-left:56px;
		margin-right:56px;
		width: -moz-calc(100% - 112px);
		width: -webkit-calc(100% - 112px);
		width: -o-calc(100% - 112px);
		width: calc(100% - 112px);
	}


	.page_detail_content .column_left,
	.page_archive .introduction_text {
		width: -moz-calc(76.25% - 20px);
		width: -webkit-calc(76.25% - 20px);
		width: -o-calc(76.25% - 20px);
		width: calc(76.25% - 20px);
		margin-right:20px;
	}

	.wysiwig_text a {
		background: url('images/icon_arrow_right_grey_big.svg') no-repeat top 5px left 0;
		background-size:12px 10px;
		padding-left:18px;
		padding-bottom:1px;
	}

	.wysiwig_text a:hover, .wisywig_mini a:hover, .filter_box_content a:hover, .introduction_text a:hover {
		background: url('images/icon_arrow_right_brown_big.svg') no-repeat top 5px left 0;
		background-size:12px 10px;
	}

	.wysiwig_text a.wisywig_download {
		padding-left:18px;
		background: url('images/icon_arrow_down_grey_medium.svg') no-repeat top 1px left 0;
		background-size:10px 12px;
	}

	.wysiwig_text a.wisywig_download:hover {
		background: url('images/icon_arrow_down_brown_medium.svg') no-repeat top 1px left 0;
		background-size:10px 12px;
	}

	/* Home */

	body.page-template-home #content .introduction_text {
		margin-top:50px;
		margin-bottom:64px;
	}

	body.page-template-home .page_detail {
		padding-top:86px;
	}

	body.page-template-home #content .inside_content,
	body.page-template-filter #content .inside_content {
		margin: 0 80px 0 56px;
		width: -moz-calc(100% - 136px);
		width: -webkit-calc(100% - 136px);
		width: -o-calc(100% - 136px);
		width: calc(100% - 136px);
	}

	.bold_colorful_headline {
		margin-left:-112px;
		padding:22px 40px 32px 40px;
	}

	.page_archive .bold_colorful_headline.filter_listing {
		margin-left:-168px;
	}

	.bold_colorful_headline.filter_listing {
		padding-top:32px;
	}

	.article_preview .article_date {
		margin-bottom:7px;
	}

	.gallery_wrapper {
		margin-left:-56px;
		margin-right:-80px;
	}

	.image_gallery_masonry_wrapper,
	.two_columns_image_text {
		width: 134.5%;
	}

	.image_gallery_masonry {
		margin-left:-10px;
		margin-right:-10px;
	}

	.image_gallery_masonry a.gallery_item, .image_gallery_masonry .grid-sizer {
		display: block;
		width: -moz-calc(33.3333% - 20px);
		width: -webkit-calc(33.3333% - 20px);
		width: -o-calc(33.3333% - 20px);
		width: calc(33.3333% - 20px);
		margin:0 10px 13px 10px;
	}

	.two_columns_image_text .two_columns_text {
		width: -moz-calc(74.6% - 20px);
		width: -webkit-calc(74.6% - 20px);
		width: -o-calc(74.6% - 20px);
		width: calc(74.6% - 20px);
	}

	.login_box .wrapper_submit_form  {
		margin-top:20px;
	}

	.searchbox {
		width: -moz-calc(66.6666% - 26px);
		width: -webkit-calc(66.6666% - 26px);
		width: -o-calc(66.6666% - 26px);
		width: calc(66.6666% - 26px);
	}

	.fancybox-stage {
		top:96px;
		bottom:96px;
		left:80px;
		right: 80px;
		height: -moz-calc(100% - 192px);
		height: -webkit-calc(100% - 192px);
		height: -o-calc(100% - 192px);
		height: calc(100% - 192px);
		width: : -moz-calc(100% - 160px);
		width: : -webkit-calc(100% - 160px);
		width: : -o-calc(100% - 160px);
		width: : calc(100% - 160px);
	}

	.filter_box .filter_box_no {
		top: 1.11vw;
	}

}

/*------------------------------------------------------
Laptop L - 1280 - 1600 px (Dunkeblau)
------------------------------------------------------*/

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

	.respo_box {
		background: rgba(40,80,240,1);
	}

	nav ul li a {
		line-height: -moz-calc((100vw / 40) * 1.2);
		line-height: -webkit-calc((100vw / 40) * 1.2);
		line-height: -o-calc((100vw / 40) * 1.2);
		line-height: calc((100vw / 40) * 1.2);
	}

	body.page-template-home #content .introduction_text {
		margin-left:107px;
		margin-top:32px;
	}

	.image_gallery_masonry_wrapper,
	.two_columns_image_text {
		width: 135.4%;
	}

	.image_gallery_masonry a.gallery_item, .image_gallery_masonry .grid-sizer {
		display: block;
		width: -moz-calc(50% - 20px);
		width: -webkit-calc(50% - 20px);
		width: -o-calc(50% - 20px);
		width: calc(50% - 20px);
		margin:0 10px 11px 10px;
	}

	a.close_filter_listing {
		top:32px;
	}

	.searchbox {
		left:430px;
		right: 80px;
		width: initial;
	}

	nav ul li span.no {
		top:1.5vw;
	}

	.filter_box .filter_box_no {
		top:0.8vw;
	}

	.page_default .page_header.has_image_1 h1 {
		margin-top: -3.3vh;
	}

}

/*------------------------------------------------------
Laptop S - 960 - 1280 px (Hellbau)
------------------------------------------------------*/

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

	.respo_box {
		background: green;
	}

	nav ul li span.no {
		top:1.3vw;
	}

	nav ul.level_1 {
		padding-top:0;
	}

	body.page-template-home #content .inside_content, body.page-template-filter #content .inside_content {
	    margin: 0 40px 0 56px;
	    width: -moz-calc(100% - 96px);
	    width: -webkit-calc(100% - 96px);
	    width: -o-calc(100% - 96px);
	    width: calc(100% - 96px);
	}

	.bold_colorful_headline {
		margin-left:-80px;
	}

	nav ul.level_1 {
		margin-left:40px;
	}

	.service_nav_box, .service_nav_box a {
		font-size:10px;
	}

	#content .inside_content, footer .inside_footer {
	    margin-left: 112px;
	    margin-right: 40px;
	    width: -moz-calc(100% - 152px);
	    width: -webkit-calc(100% - 152px);
	    width: -o-calc(100% - 152px);
	    width: calc(100% - 152px);
	}

	.filter_box .filter_box_no {
		width: 55px;
		top:0.5vw;
	}

	.filter_box_title {
		width: -moz-calc(100% - 55px);
		width: -webkit-calc(100% - 55px);
		width: -o-calc(100% - 55px);
		width: calc(100% - 55px);
	}

}

/*------------------------------------------------------
Tablet - 720 - 960 px (Orange)
------------------------------------------------------*/

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

	.respo_box {
		background: rgba(240,160,96,1);
	}

	nav ul li a,
	.article_preview .article_preview.has_image_0 .title_preview_text,
	.article_preview.format_gross .article_preview.has_image_1 .title_preview_text,
	.filter_box_title {
		font-size:32px;
		line-height: 40px;
	}

	.article_preview .article_preview.has_image_0 .title_preview_text,
	.article_preview.format_gross .article_preview.has_image_1 .title_preview_text,
	.filter_box_title {
		line-height: 32px;
	}

	nav ul.level_3_pages li a {
		font-size:16px;
		line-height: 36px;
		letter-spacing: 0.01em;
	}

	h1, h2 {
		font-size:58px;
		line-height:58px;
	}

	#content .inside_content, footer .inside_footer {
		margin-left:64px;
		margin-right:64px;
		width: -moz-calc(100% - 128px);
		width: -webkit-calc(100% - 128px);
		width: -o-calc(100% - 128px);
		width: calc(100% - 128px);
	}

	.page_detail_content .column_left,
	.page_archive .introduction_text {
		width: -moz-calc(76.25% - 16px);
		width: -webkit-calc(76.25% - 16px);
		width: -o-calc(76.25% - 16px);
		width: calc(76.25% - 16px);
		margin-right:16px;
	}

	#content {
		width: -moz-calc(100% - 112px);
		width: -webkit-calc(100% - 112px);
		width: -o-calc(100% - 112px);
		width: calc(100% - 112px);
		margin-left:112px;
	}

	#sidebar, .bg_sidebar {
		position: fixed;
		width: 112px;
		z-index: 2000;
		overflow: hidden;
	}

	.bg_sidebar {
		z-index: -1;
	}

	#sidebar a.logo {
		left:32px;
	}

	#sidebar a.logo.rotated {
		bottom:-10px;
	}

	#sidebar .service_nav_box {
		display: block;
		position: fixed;
		left: 0;
		margin: 38px 0 0 40px;
		width: -moz-calc(52% - 130px);
		width: -webkit-calc(52% - 130px);
		width: -o-calc(52% - 130px);
		width: calc(52% - 130px);
	}

	#sidebar .service_nav_box, #sidebar nav ul.level_2, #sidebar nav ul.level_1 li span.nav_title {
		opacity: 0;
		z-index: 1;
	}

	#sidebar nav ul.level_1 li span.nav_title {
		word-break: keep-all;
		width: 10000px;
	}

	#sidebar nav ul.level_1 {
		margin-left:50px;
	}

	#sidebar nav ul.level_2 {
		padding-top:0;
	}

	#sidebar a.hamburger {
		display: block;
		width: 12px;
		height: 9px;
		position: absolute;
		z-index: 1000;
		right:37px;
		top:20px;
		padding:10px;
		cursor:pointer;
		background: url('images/hamburger.svg') no-repeat center center;
		background-size:12px 9px;
	}

	#sidebar a.hamburger.active {
		background: url('images/hamburger_close.svg') no-repeat center center;
		background-size:9px 9px;
		right: 30px;
	}

	#sidebar .inside_sidebar {
		position: absolute;
		top:0;
		bottom:0;
	}

	#sidebar nav {
		display: block;
		position: absolute;
		top: 0;
		bottom: 0;
	}

	#sidebar nav ul.level_1 {
		margin-top:0;
		padding-top:0;
		padding-bottom:160px;
	}

	#sidebar nav ul.level_2 {
		padding-top:100px;
	}

	.service_nav_box.show {
		-webkit-transition-delay: 0s;
		transition-delay: 0s;
	}

	.scroll_level_2,
	.scroll_level_2 ul.level_2,
	.scroll_level_2.show.active,
	.scroll_level_2.show.active ul.level_2 {
		-webkit-transition-delay: 0s;
		transition-delay: 0s;
		-webkit-transition: opacity, 0.3s cubic-bezier(0.165, 0.84, 0.44, 1), left 0.3s cubic-bezier(0.23, 1, 0.32, 1);
		transition: opacity, 0.3s cubic-bezier(0.165, 0.84, 0.44, 1), left 0.3s cubic-bezier(0.23, 1, 0.32, 1);
	}

	#sidebar, .bg_sidebar, #sidebar .logo_bg_gradient {
		-webkit-transition: opacity, 0.3s cubic-bezier(0.165, 0.84, 0.44, 1), left 0.3s cubic-bezier(0.23, 1, 0.32, 1);
		transition: opacity, 0.3s cubic-bezier(0.165, 0.84, 0.44, 1), left 0.3s cubic-bezier(0.23, 1, 0.32, 1);
	}

	#sidebar.open, .bg_sidebar.open {
		width: 52%;
		z-index: 4000;
	}

	.bg_sidebar.open {
		z-index: 2000;
	}

	body.page-template-home .bg_sidebar.open {
		z-index: -1;
	}

	#sidebar.show.open .service_nav_box, #sidebar.show.open nav ul.level_1 li span.nav_title {
		opacity: 1;
	}

	#sidebar .scroll_level_2 {
		display: none;
	}

	#sidebar.open .scroll_level_2.active {
		display: block;
	}

	#sidebar .scroll_level_2 ul.level_2  {
		display: block;
		opacity: 0;
		top: 0;
		position: fixed;
		left: 52%;
		right: 0;
		top: 0;
		bottom: 0;
		background: #e3d9d0;
		-webkit-transform: translateX(40px);
		transform: translateX(40px);
		-webkit-transition: opacity, 0.5s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 1s cubic-bezier(0.23, 1, 0.32, 1);
		transition: opacity, 0.5s cubic-bezier(0.165, 0.84, 0.44, 1), transform 1s cubic-bezier(0.23, 1, 0.32, 1);
	}

	#sidebar .scroll_level_2.active ul.level_2 {
		opacity: 0;
	}

	#sidebar.open .scroll_level_2.active ul.level_2 {
		display: block;
	}

	#sidebar .scroll_level_2.active.show ul.level_2 {
		opacity: 1;
		-webkit-transform: translateX(0px);
		transform: translateX(0px);
		-webkit-transition-delay: 0.1s;
		transition-delay: 0.1s;
	}

	.scroll_level_1 {
		height: calc(100vh - 100px);
		margin-top: 100px;
		overflow-y: auto;
		margin-bottom: 0;
	}

	.scroll_level_2 {
		opacity: 1;
		position: initial;
		background: initial;
		top:initial;
		left:initial;
		right: initial;
		z-index: initial;
		height:initial;
		overflow-y:initial;
		-webkit-transform: initial;
		transform: initial;
	}

	.scroll_level_2.show.active {
		display: block;
		-webkit-transform: initial;
		transform: initial;
	}

	#sidebar.open a.hamburger {
		position: fixed;
	}

	body.page-template-home #sidebar.open nav ul.level_2 {
		display: none;
	}

	body.page-template-home #sidebar.open a.hamburger {
		position: fixed;
		display: none;
	}

	body.page-template-home #sidebar .service_nav_box {
		width: 320px;
	}

	body.page-template-home #sidebar.open,
	body.page-template-home .bg_sidebar.open,
	body.page-template-home #sidebar .logo_bg_gradient {
		width: 400px;
		left:-400px;
	}

	body.page-template-home #sidebar.show.open,
	body.page-template-home .bg_sidebar.show.open,
	body.page-template-home #sidebar.show .logo_bg_gradient {
		left:0;
	}

	body.page-template-home #sidebar a.logo.rotated {
		transform: rotate(0);
		-webkit-transform: -webkit-rotate(0);
		bottom:33px;
	}

	body.page-template-home #content {
		margin-left:0;
		width: 100%;
		z-index: 1000;
	}

	body.page-template-home #content .inside_content,
	body.page-template-filter #content .inside_content {
		margin-left:440px;
		margin-right:40px;
		width: -moz-calc(100% - 480px);
		width: -webkit-calc(100% - 480px);
		width: -o-calc(100% - 480px);
		width: calc(100% - 480px);
	}

	body.page-template-home footer {
		margin-left:385px;
		margin-right:0;
		width: -moz-calc(100% - 385px);
		width: -webkit-calc(100% - 385px);
		width: -o-calc(100% - 385px);
		width: calc(100% - 385px);
	}

	body.page-template-filter #content .inside_content {
		margin-left:40px;
		margin-right:40px;
		width: -moz-calc(100% - 80px);
		width: -webkit-calc(100% - 80px);
		width: -o-calc(100% - 80px);
		width: calc(100% - 80px);
	}


	body.page-template-home .page_detail {
		padding-top:70px;
	}

	body.page-template-home #content .introduction_text {
		margin-top:14px;
	}

	.bold_colorful_headline {
		margin-left:-80px;
	}

	body.page-template-filter .bold_colorful_headline {
		margin-left:0;
	}

	.gallery_wrapper {
		margin:64px -40px;
	}

	body.page-template-home #content .introduction_text {
		margin-left:62px;
	}

	.image_gallery_masonry_wrapper,
	.two_columns_image_text {
		width: 134%;
	}

	.image_gallery_masonry {
		margin-left:-8px;
		margin-right:-8px;
	}

	.image_gallery_masonry a.gallery_item, .image_gallery_masonry .grid-sizer {
		display: block;
		width: -moz-calc(50% - 16px);
		width: -webkit-calc(50% - 16px);
		width: -o-calc(50% - 16px);
		width: calc(50% - 16px);
		margin:0 8px 11px 8px;
	}

	.two_columns_image_text .two_columns_text {
		width: -moz-calc(74.6% - 16px);
		width: -webkit-calc(74.6% - 16px);
		width: -o-calc(74.6% - 16px);
		width: calc(74.6% - 16px);
	}

	.login_box .wrapper_submit_form  {
		margin-top:16px;
	}

	.searchbox {
		left:150px;
		right: 40px;
		width: initial;
	}

	body.page-template-home #sidebar .logo_bg_gradient {
		display: block;
	}

	#sidebar .logo_bg_gradient {
		display: block;
		width: 112px;
	}

	#sidebar.open .logo_bg_gradient {
		width: 52%;
	}

	.page_archive .bold_colorful_headline.filter_listing {
		margin-left:-64px;
	}

	.fancybox-stage {
		top:80px;
		bottom:80px;
		left:64px;
		right: 64px;
		height: -moz-calc(100% - 160px);
		height: -webkit-calc(100% - 160px);
		height: -o-calc(100% - 160px);
		height: calc(100% - 160px);
		width: : -moz-calc(100% - 128px);
		width: : -webkit-calc(100% - 128px);
		width: : -o-calc(100% - 128px);
		width: : calc(100% - 128px);
	}

	/*------------------------------------------------------
	END Laptop S - 960 - 1280 px (Hellbau)
	------------------------------------------------------*/

	#sidebar, .bg_sidebar {
		position: fixed;
		top:0;
		left:0;
		right:0;
		bottom:initial;
		width: 100%;
		height: 112px;
	}

	#sidebar {
		background: #dadada; /* Mint */
		z-index: 2000;
	}

	.bg_sidebar, body.page-template-home .bg_sidebar.open {
		display: none;
	}

	.logo_bg_gradient, body.page-template-home #sidebar .logo_bg_gradient {
		display: none;
	}

	#content {
		width: -moz-calc(100% - 80px);
		width: -webkit-calc(100% - 80px);
		width: -o-calc(100% - 80px);
		width: calc(100% - 80px);
		margin:0 40px;
		padding-top:168px;
	}

	#content .inside_content, footer .inside_footer {
		margin-left:0;
		margin-right:0;
		width: 100%;
	}

	.page_default .page_header, .page_detail_content.has_header_0 {
		padding-top:0;
	}

	.page_default .page_header.has_image_1 {
		margin-top:-56px;
	}

	#sidebar {
		left:0 !important;
		-webkit-transition:  -webkit-height 0.5s cubic-bezier(0.23, 1, 0.32, 1);
		transition: height 0.5s cubic-bezier(0.23, 1, 0.32, 1);
	}

	#sidebar .scroll_level_2 ul.level_2 {
		-webkit-transform: -webkit-translateX(0) -webkit-translateY(40px);
		transform: translateX(0) translateY(40px);
	}

	.mCSB_inside>.mCSB_container {
		margin-right:0;
	}

	#sidebar .scroll_level_2.active.show ul.level_2 {
		-webkit-transform: -webkit-translateX(0) -webkit-translateY(0);
		transform: translateX(0) translateY(0);
	}


	#sidebar a.logo, #sidebar a.logo.rotated {
		display: none;
		position: absolute;
		transform: rotate(0deg);
		-webkit-transform:-webkit-rotate(0deg);
		bottom:32px;
		left:40px;
	}

	#sidebar a.logo.logo_tablet {
		display: inline-block;
		margin-left:40px;
		margin-top:32px;
		z-index: 1;
		position: relative;
		top:initial;
		right:initial;
		bottom:initial;
		left:initial;
	}

	#sidebar a.hamburger {
		right: 30px;
		top:42px;
	}

	h1, h2 {
		margin-bottom:42px;
	}

	#sidebar nav ul.level_1, #sidebar nav ul.level_2 {
		display: none;
	}

	.scroll_level_1 {
		height: initial;
		margin-top: initial;
		overflow-y: initial;
		margin-bottom: 0;
		background: initial;
	}

	#sidebar nav ul.level_1 {
		padding-bottom:0;
	}

	#sidebar nav:before {
		display: none;
	}

	#sidebar nav, #sidebar .inside_sidebar {
		height: 100%;
		position: relative;
		top:initial;
		bottom:initial;
		padding-top:0;
		padding-bottom:0;
	}

	#sidebar nav ul.level_1 {
		width: -moz-calc(100% - 100px);
		width: -webkit-calc(100% - 100px);
		width: -o-calc(100% - 100px);
		width: calc(100% - 100px);
		margin:112px 50px 8px 50px;
		column-count: 2;
		column-width:calc(50vw - 80px);
	}

	#sidebar nav ul.level_2 {
		padding-left:50px;
		padding-right:50px;
	}

	#sidebar nav ul.level_1 li span.nav_title {
		width: auto;
		word-break: break-word;
		-webkit-hyphens: auto;
		-moz-hyphens: auto;
		hyphens: auto;
	}

	#sidebar .service_nav_box {
		margin-top:50px;
	}

	#sidebar .current_page {
		display: block;
		position: absolute;
		left:140px;
		right: 140px;
		text-align: center;
		top:52px;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}

	/* Open Sidebar */

	#sidebar.open, .bg_sidebar.open {
		width: 100%;
		min-height: 424px;
		height: auto;
	}

	#sidebar.open .current_page {
		display: none;
	}

	#sidebar.open nav ul.level_1 {
		display: inline-block;
	}

	#sidebar.open nav ul.level_1.mobile_accordeon_title {
		display: none;
	}

	#sidebar.open nav ul.level_2 {
		position: relative;
	}

	#sidebar.open, .bg_sidebar.open {
		position: fixed;
		background: none;
		height: 100vh;
		overflow-x:hidden;
		overflow-y:auto;
		-webkit-overflow-scrolling:touch;
	}

	#sidebar.open a.logo.logo_tablet {
		margin-bottom:26px;
	}

	#sidebar.open nav, #sidebar.open .inside_sidebar {
		position: relative;
		height: auto;
		background: #dadada; /* Mint */
	}

	#sidebar.open nav ul.level_2 {
		display: block;
		position: relative;
		left: 0;
		right: 0;
		top: initial;
		bottom: initial;
		height: auto;
		z-index: 100;
		padding-top:38px;
	}

	#sidebar .service_nav_box {
		z-index: 1;
		position: absolute;
		margin-left:40px;
		margin-right:40PX;
		width: -moz-calc(100vw - 80px);
		width: -webkit-calc(100vw - 80px);
		width: -o-calc(100vw - 80px);
		width: calc(100vw - 80px);
	}

	#sidebar .service_nav_box ul li {
		margin-right:60px;
	}

	#sidebar .service_nav_box ul li a.show_search,
	#sidebar .service_nav_box ul li.lang_switch {
		position: absolute;
		top:0;
		padding:0;
		margin:0;
	}

	#sidebar .service_nav_box ul li a.show_search {
		right:140px;
		top:-3px;
	}

	#sidebar .service_nav_box ul li.lang_switch {
		right:70px;
	}

	#sidebar .service_nav_box ul li.lang_switch a {
		text-transform: lowercase;
	}

	#sidebar .service_nav_box ul {
		display: block;
		justify-content: initial;
	}

	body.page-template-home #sidebar .logo_bg_gradient, #sidebar .logo_bg_gradient, #sidebar.open .logo_bg_gradient {
		display: none;
	}

	nav ul.level_1 {
		min-height: initial;
	}

	body.page-template-home footer .inside_footer {
		margin-left: 40px;
		margin-right: 40px;
		width: calc(100% - 80px);
	}

	/* Home Navigation */

	body.page-template-home #sidebar.open {
		position: relative;
		height: auto;
		width: 100%;
		min-height: auto;
	}

	body.page-template-home #sidebar.open a.hamburger,
	body.page-template-home #sidebar.open nav ul.level_2 {
		display: none;
	}

	body.page-template-home #sidebar .service_nav_box {
		position: absolute;
	}

	body.page-template-home #content {
		padding-top:38px;
	}

	body.page-template-home #sidebar .service_nav_box ul li a.show_search {
		right: 0;
	}

	body.page-template-homee #sidebar .service_nav_box ul li a.change_lang {
		right: 110px;
	}

	body.page-template-home #sidebar .service_nav_box {
		width: -moz-calc(100% - 80px);
		width: -webkit-calc(100% - 80px);
		width: -o-calc(100% - 80px);
		width: calc(100% - 80px);
	}

	/* Home */

	body.page-template-home #content .inside_content,
	body.page-template-filter #content .inside_content {
		margin-left:40px;
		margin-right:40px;
		width: -moz-calc(100% - 80px);
		width: -webkit-calc(100% - 80px);
		width: -o-calc(100% - 80px);
		width: calc(100% - 80px);
	}

	body.page-template-home #content {
		padding-top:0;
	}

	body.page-template-home .page_detail {
		padding-top:168px;
	}

	body.page-template-home #content .introduction_text {
		margin-left:87px;
	}

	.bold_colorful_headline {
		margin-left:-40px;
	}

	.filter_listing.fixed_filter {
		top:112px;
	}

	body.page-template-filter .bold_colorful_headline {
		margin-left:-80px;
	}

	.filter_box_title {
		width: -moz-calc(100% - 58px);
		width: -webkit-calc(100% - 58px);
		width: -o-calc(100% - 58px);
		width: calc(100% - 58px);
	}

	body.page-template-home footer {
		margin-left:0;
		margin-right:0;
		width: 100%;
	}

	.page_detail.page_left_side {
		margin-top:0;
	}

	body.page-template-kontakt #google_map {
		height: 350px;
	}

	body.page-template-kontakt .contact_social_media span.social_media_icon_fb {
		width: 6px;
		height: 12px;
	}

	body.page-template-kontakt .contact_social_media span.social_media_icon_twitter {
		width: 12px;
		height: 10px;
	}

	body.page-template-kontakt .contact_phone_mail a span.title, body.page-template-kontakt .contact_social_media a span.title {
		width: 35px;
	}

	.searchbox {
		left: 0;
		right: 80px;
		top: 112px;
		width: initial;
	}

	a.post-edit-link {
		display: none;
	}

	body.page-template-home #sidebar .logo_bg_gradient {
		width: 112px;
	}

	/* Mobile Animation */

	/*
	#sidebar .scroll_level_1 ul.level_1 li {
		opacity: 0;
		-webkit-transform: translateX(30px);
		transform: translateX(30px);
		-webkit-transition: opacity, 0.2s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.8s cubic-bezier(0.23, 1, 0.32, 1);
		transition: opacity, 0.2s cubic-bezier(0.165, 0.84, 0.44, 1), transform 0.8s cubic-bezier(0.23, 1, 0.32, 1);
	}

	#sidebar .scroll_level_1.show ul.level_1 li {
		opacity: 1;
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
	*/

	#sidebar {
		-webkit-transform: translateX(-100vw);
		transform: translateX(-100vw);
		-webkit-transition: -webkit-transform 0.4s cubic-bezier(0.23, 1, 0.32, 1), height 0s cubic-bezier(0.23, 1, 0.32, 1) !important;
		transition: transform 0.4s cubic-bezier(0.23, 1, 0.32, 1), height 0s cubic-bezier(0.23, 1, 0.32, 1) !important;
	}

	#sidebar.show {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}


	#sidebar a.logo.logo_mobile  {
		opacity: 0;
		display: none;
	}

	/*
	#sidebar.open a.logo.logo_mobile {
		display: none;
		opacity: 1;
	}
	*/

	#sidebar.open a.logo.logo_tablet {
		bottom:20px;
	}

	#sidebar a.logo.logo_tablet {
		display: block;
		opacity: 0;
		-webkit-transform: translateX(-40px);
		transform: translateX(-40px);
		-webkit-transition: -webkit-transform 0.6s cubic-bezier(0.23, 1, 0.32, 1), height 0s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.3s ease-out;
		transition: transform 0.6s cubic-bezier(0.23, 1, 0.32, 1), height 0s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.3s ease-out;
	}

	#sidebar.show a.logo.logo_tablet {
		opacity: 1;
		-webkit-transform: translateX(0);
		transform: translateX(0);
		-webkit-transition-delay: 0.3s;
		transition-delay: 0.3s;
	}

	#sidebar a.hamburger {
		opacity: 0;
		-webkit-transform: translateX(40px);
		transform: translateX(40px);
		-webkit-transition: -webkit-transform 0.6s cubic-bezier(0.23, 1, 0.32, 1), height 0s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.3s ease-out;
		transition: transform 0.6s cubic-bezier(0.23, 1, 0.32, 1), height 0s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.3s ease-out;
	}

	#sidebar.show a.hamburger {
		opacity: 1;
		-webkit-transform: translateX(0);
		transform: translateX(0);
		-webkit-transition-delay: 0.5s;
		transition-delay: 0.5s;
	}

	.fancybox-stage {
		top:52px;
		bottom:52px;
		left:40px;
		right: 40px;
		height: -moz-calc(100% - 104px);
		height: -webkit-calc(100% - 104px);
		height: -o-calc(100% - 104px);
		height: calc(100% - 104px);
		width: : -moz-calc(100% - 80px);
		width: : -webkit-calc(100% - 80px);
		width: : -o-calc(100% - 80px);
		width: : calc(100% - 80px);
	}

	nav ul li span.no {
		top: 18px;
	}

	.filter_box .filter_box_no {
		top: 1.1vw;
	}

	.page_detail_content.has_header_1.page_detail_content.has_headline_0 {
		padding-top:42px;
	}

}

/*------------------------------------------------------
Mobile L - 720 - 960 px (Dunkegrün)
------------------------------------------------------*/

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

	.respo_box {
		background: rgba(24,184,96,0.8);
	}

	.service_nav_box, .service_nav_box a {
		font-size:10px;
		line-height: 10px;
		letter-spacing: 0.06em;
	}

	.wisywig_mini, a.wisywig_mini span.wisywig_mini, .wisywig_mini a, .wp-caption-text {
		font-size:10px;
		line-height: 14px;
		letter-spacing: 0.02em;
	}

	h1, h2 {
		font-size:36px;
		line-height: 36px;
		margin-bottom:50px;
	}

	#sidebar, .bg_sidebar.open {
		height:72px;
	}

	#sidebar a.logo {
		width: 60px;
		height: 32px;
		background: url(images/visarte_fribourg_logo.svg) no-repeat center center;
		background-size: 100% auto;
	}

	body.page-template-home #sidebar.open {
		position: fixed;
	}

	#sidebar a.logo.logo_tablet {
		position: fixed;
		top:20px;
		left:16px;
		margin-top:0;
		margin-left:0;
	}

	#sidebar a.hamburger {
		position: fixed;
		top:20px;
		right: 6px;
		z-index: 1100;
	}

	#sidebar a.hamburger.active {
		right: 6px;
	}

	#sidebar.open a.logo.logo_tablet {
		z-index: 1000;
	}

	body.page-template-home #content, #content {
		width: -webkit-calc(100% - 32px);
		width: -o-calc(100% - 32px);
		width: calc(100% - 32px);
		margin: 0 16px;
		padding-top:100px;
	}

	body.page-template-home #sidebar.open {
		min-height: 100vh;
	}

	body.page-template-home #content .introduction_text {
		margin-left:0;
	}

	#sidebar .current_page {
	    left: 90px;
	    right: 90px;
	    top: 30px;
	    z-index: 1200;
	}

	.page_header_rubrik span {
		max-width: 100%;
	}

	#sidebar .service_nav_box.service_nav_box_desktop {
		display: none;
	}

	#sidebar .service_nav_box.service_nav_box_mobile {
		display: block;
		position: relative;
	}

	#sidebar.open nav ul.level_2 {
		display: block;
		opacity: 0;
		position: fixed;
		left:0;
		right: 0;
		bottom:0;
		top:0;
		z-index: 1;
		padding:104px 24px 0 24px;
		overflow-y:auto;
		-webkit-overflow-scrolling:touch;
	}

	#sidebar .scroll_level_2.active {
		opacity: 1;
	}

	#sidebar .scroll_level_2 ul.level_2 ,
	#sidebar .scroll_level_2.active ul.level_2,
	#sidebar .scroll_level_2.active.show ul.level_2 {
		opacity: 1;
		-webkit-transform: -webkit-translateX(0) -webkit-translateY(0);
		transform: translateX(0) translateY(0);
		-webkit-transition-delay: 0s;
		transition-delay: 0s;
	}

	nav ul.level_2 li span.nav_title {
		padding-left:35px;
	}

	nav ul.level_3_pages {
		margin-left:35px;
	}

	#sidebar nav ul.level_1 {
		width: -moz-calc(100% - 48px);
		width: -webkit-calc(100% - 48px);
		width: -o-calc(100% - 48px);
		width: calc(100% - 48px);
		margin: 104px 24px 8px 24px;
		column-count: 1;
		column-width: 100%;
	}

	nav ul.level_1 li span.nav_title {
		padding-left:23px;
	}

	#sidebar.open nav {
		height: 100vh;
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		overflow-x:auto;
		-webkit-overflow-scrolling:touch;
	}

	.service_nav_box, .service_nav_box a {
		font-family: 'Inter UI Medium';
		letter-spacing: 0.04em;
		font-size:16px;
		line-height: 36px;
	}

	.service_nav_box {
		margin-bottom:94px;
	}

	#sidebar .service_nav_box ul li {
		display: block;
		float: none;
		margin-left:0;
		margin-right:0;
	}

	#sidebar .service_nav_box ul li a.show_search {
		display: block;
		margin-top:10px;
	}

	#sidebar .service_nav_box.service_nav_box_mobile {
		margin-bottom:90px;
	}

	#sidebar .service_nav_box ul li a.show_search, #sidebar .service_nav_box ul li.lang_switch {
		position: relative;
		display: block;
		float: none;
		right: initial;
	}

	#sidebar .service_nav_box ul li.lang_switch ul.change_lang {
		position: relative;
		top:0;
		padding:0;
		margin-left:0;
	}

	#sidebar .service_nav_box ul li.lang_switch ul.change_lang li,
	#sidebar .service_nav_box ul li.lang_switch ul.change_lang li.current-lang {
		display: inline-block;
		margin-bottom:0;
		margin-right:45px;
	}

	#sidebar .service_nav_box ul li.lang_switch ul.change_lang li.current-lang a {
		color:#1c1c1c;
	}

	#sidebar .service_nav_box ul li.lang_switch ul.change_lang {
		display: block !important;
	}

	#sidebar a.hamburger {
		z-index: 1100;
	}

	#sidebar.open .go_back_to_level_1 {
		display: block;
		position: fixed;
		cursor:pointer;
		z-index: 1100;
		top:20px;
		padding:10px;
		left: -moz-calc(50% - 10px);
		left: -webkit-calc(50% - 10px);
		left: -o-calc(50% - 10px);
		left: calc(50% - 10px);
		margin-left:-7px;
		width: 14px;
		height: 11px;
		background: url('images/icon_arrow_go_back.svg') no-repeat center center;
		background-size:14px 11px;
	}

	#sidebar.open .go_back_to_level_1.is_level1 {
		background: url('images/icon_arrow_go_back_right.svg') no-repeat center center;
		background-size:14px 11px;
	}

	body.page-template-home #sidebar .go_back_to_level_1 {
		display: none;
	}

	#sidebar .bg_mobile {
		display: none;
		height: 72px;
		z-index: 1000;
		position: fixed;
		top:0;
		left:0;
		right:0;
	}

	#sidebar.open .bg_mobile {
		display: block;
		background: #e3d9d0;
	}

	body.page-template-home #sidebar.open .bg_mobile {
		background: #dadada; /* Mint */
	}

	#sidebar .bg_mobile.is_level1 {
		background: #dadada; /* Mint */
	}

	#sidebar a.logo.logo_mobile {
		display: block;
		z-index: 1100;
		position: fixed;
		top: 20px;
		left: 16px;
		opacity: 1 !important;
	}

	#sidebar.open nav ul.level_1.mobile_accordeon_title {
		display: block;
	}

	#sidebar a.logo.logo_tablet {
		display: none !important;
	}

	#sidebar.open .sidebar_level_2 {
		display: block;
		position: fixed;
		left:0;
		top:0;
		bottom:0;
		background: #dadada; /* Mint */
		z-index: 1200;
	}

	body.page-template-home #sidebar .logo_bg_gradient {
		display: none;
	}

	/* Navigation Home */

	body.page-template-home #sidebar.open a.hamburger {
		display: block;
	}

	/* Content */

	.page_default .page_header .page_header_rubrik, .page_default .page_header h1 {
		width: 100%;
		float: none;
		margin-left:0;
		margin-right:0;
	}

	.page_default .page_header.has_image_1 {
		margin-top:-28px;
	}

	.page_default .page_header.has_image_1 .header_image {
		margin-left:-16px;
		margin-right:-16px;
		height: 25vh;
	}

	.page_default .page_header.has_image_1 h1 {
		margin-top:0;
	}

	.page_default .page_header .page_header_rubrik {
		margin-bottom:8px;
		margin-top:8px;
	}

	.page_detail_content .column_left, .page_detail_content .column_right, .page_archive .introduction_text {
		width: 100%;
		float: none;
		margin-left:0;
		margin-right:0;
	}

	.wysiwig_text .wisywig_lead {
		margin-right:0;
	}

	/* Home */

	body.page-template-home #content .inside_content,
	body.page-template-filter #content .inside_content {
		margin-left:0;
		margin-right:0;
		width: 100%;
	}

	body.page-template-home .page_detail {
		padding-top:0;
	}

	body.page-template-home #content {
		z-index: 1;
	}

	.bold_colorful_headline {
		margin-left:-16px;
		padding: 16px 16px 16px 32px;
	}

	.gallery_wrapper {
		margin-left:-16px;
		margin-right:-16px;
	}

	.image_description {
		margin-left:16px;
		margin-right:16px;
		min-height: 15px;
	}

	.article_preview.format_klein .article_preview.has_image_1 img,
	.article_preview.format_klein .article_preview.has_image_1 .article_preview_text,
	.article_preview.format_gross .article_preview.has_image_1 img,
	.article_preview.format_gross .article_preview.has_image_1 .article_preview_text,
	.article_preview .article_preview.has_image_1 img, .article_preview .article_preview.has_image_1 .article_preview_text,
	.article_preview .article_preview.has_image_0 {
		width: 100%;
		float: none;
		margin-left:0;
		margin-right:0;
	}

	.article_preview .article_preview .article_preview_text {
		margin-top:16px;
	}

	.mini_title {
		margin-bottom:6px;
	}

	.image_gallery_masonry_wrapper,
	.two_columns_image_text {
		width: 100%;
	}

	.filter_listing.fixed_filter {
		top:72px;
	}

	body.page-template-filter .bold_colorful_headline {
		margin-left:-16px;
	}

	.bold_colorful_headline.filter_listing {
		padding-top:24px;
	}

	a.close_filter_listing {
		top:24px;
		right:32px;
	}

	.page_filter .introduction_text, .page_filter .page_detail_content .filter_box_inside {
		width: 100%;
	}

	.filter_box_title {
		width: -moz-calc(100% - 35px);
		width: -webkit-calc(100% - 35px);
		width: -o-calc(100% - 35px);
		width: calc(100% - 35px);
	}

	body.page-template-filter .bold_colorful_headline {
		padding-left:16px;
	}

	.filter_listing a span.filter_no {
		width: 32px;
	}

	.filter_listing a span.filter_title {
		width: -moz-calc(100% - 58px);
		width: -webkit-calc(100% - 58px);
		width: -o-calc(100% - 58px);
		width: calc(100% - 58px);
	}

	a.close_filter_listing {
		right: 16px;
	}

	.filter_listing_content a {
		width: -moz-calc(100% - 30px);
		width: -webkit-calc(100% - 30px);
		width: -o-calc(100% - 30px);
		width: calc(100% - 30px);
	}

	.two_columns_image_text img {
		display: block;
		width: 100%;
		height: auto;
		float: none;
		margin-bottom:16px;
	}

	.two_columns_image_text .two_columns_text {
		display: block;
		width: 100%;
		float: none;
		margin-bottom:16px;
	}

	.archive_filters .column_left_archive,
	.archive_filters .column_right_archive {
		width: 100%;
		margin-left:0;
		margin-right:0;
		float: none;
	}

	.archive_filters .column_left_archive {
		margin-bottom:16px;
	}

	.filter_select {
		padding:8px;
	}

	.archive_filters .filter_title {
		margin-top:9px;
	}

	.page_archive .bold_colorful_headline {
		padding-left:16px;
	}

	a.close_filter_listing {
		width: 9px;
		height: 12px;
		top:26px;
	}

	.searchbox {
		left: 0;
		height: 62px;
		right:16px;
		top: 72px;
		width: initial;
	}

	.searchbox .inside_searchbox {
		margin:18px 40px 0 16px;
	}

	.searchbox .inside_searchbox .search_title {
		margin-top:7px;
	}

	.searchbox .inside_searchbox .search_content input {
		padding: 6px 18px;
		margin-top: -8px;
		width: -moz-calc(100% - 60px);
		width: -webkit-calc(100% - 60px);
		width: -o-calc(100% - 60px);
		width: calc(100% - 60px);
	}

	.searchbox .inside_searchbox a.close_search {
		top: 27px;
	}

	.searchbox .inside_searchbox .search_title {
		margin-top: 4px;
	}

	.page_archive .bold_colorful_headline.filter_listing {
		margin-left:-16px;
	}

	#sidebar .service_nav_box.service_nav_box_mobile {
		display: none;
		opacity: 1;
		-webkit-transition:opacity 0s ease-out;
		transition:opacity 0s ease-out;
	}

	#sidebar.open .service_nav_box.service_nav_box_mobile {
		display: block;
	}

	footer {
		height: 88px;
	}

	footer .inside_footer.desktop_footer {
		display: none;
	}

	footer .inside_footer.mobile_footer {
		display: block;
	}

	footer .inside_footer.mobile_footer p {
		margin-bottom:16px;
	}

	body.page-template-home footer .inside_footer {
		margin-left:0;
		margin-right:0;
		width: 100%;
	}

	.inside_ajax_content {
	    opacity: 0;
	    -webkit-transform: translateX(20px);
	    transform: translateX(20px);
	    -webkit-transition: opacity, 0.3s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);
	    transition: opacity, 0.3s cubic-bezier(0.165, 0.84, 0.44, 1), transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);
	}

	.inside_ajax_content.show {
		opacity: 1;
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}

	footer .column.column_left {
		width: -moz-calc(70% - 16px);
		width: -webkit-calc(70% - 16px);
		width: -o-calc(70% - 16px);
		width: calc(70% - 16px);
		margin-right:16px;
	}

	footer .column.column_right {
		width: 30%;
	}

	.members_filter {
		margin-bottom:34px;
	}

	.members_filter .column_left, .members_filter .column_right {
		width: 100%;
		float: none;
		margin-left:0;
		margin-right:0;
		margin-bottom:17px;
	}

	a.prev_next_button.next_gallery {
		display: none;
	}

	footer {
		padding-bottom:40px;
	}

	.fancybox-stage {
		top:30px;
		bottom:30px;
		left:16px;
		right: 16px;
		height: -moz-calc(100% - 60px);
		height: -webkit-calc(100% - 60px);
		height: -o-calc(100% - 60px);
		height: calc(100% - 60px);
		width: : -moz-calc(100% - 32px);
		width: : -webkit-calc(100% - 32px);
		width: : -o-calc(100% - 32px);
		width: : calc(100% - 32px);
	}

	nav ul li span.no {
		top:20px;
	}

	.filter_box_title {
		width: -moz-calc(100% - 45px);
	    width: -webkit-calc(100% - 45px);
	    width: -o-calc(100% - 45px);
	    width: calc(100% - 45px);
	}

	.filter_box .filter_box_no {
		top: 12px
	}

	.page_detail_content.has_header_1.page_detail_content.has_headline_0 {
		padding-top:50px;
	}

	/* New Navigation */

	.scroll_level_1 {
		display: none !important;
	}

	#sidebar .scroll_level_2 ul.level_2 {
		left:0;
		-webkit-transform: translateX(0);
		transform: translateX(0);
		-webkit-transition:all 0s;
		transition:all 0s;
	}

	#sidebar nav ul.level_2 {
		position: relative !important;
		display: block;
		opacity: 1 !important;
	}

	#sidebar.open nav {
		background:#dadada; /* Mint */
	}

	.go_back_to_level_1 {
		display: none;
	}

	#sidebar .scroll_level_2 ul.level_2 {
		background:#dadada; /* Mint */
	}

	#sidebar.open .go_back_to_level_1 {
		display: none !important;
	}

	#sidebar.open .bg_mobile {
		background:#dadada !important; /* Mint */
	}

	#sidebar.open nav ul.level_2 {
		padding-top:10px;
		padding-bottom:10px;
		margin-top:0;
		margin-bottom:15px;
		background: #e6e6e4 !important; 
	}

	#sidebar .mobile_accordeon_title {
		display: block;
		position: relative;
	}

	#sidebar .mobile_accordeon_title .mobile_accordeon_arrow {
		display: block;
		padding:10px;
		position: absolute;
		width: 11px;
		height:14px;
		right:-17px;
		top:5px;
		z-index: 100;
		background:transparent url('images/icon_arrow_down_grey_big.svg') no-repeat center center;
		background-size:11px 14px;
	}

	#sidebar .mobile_accordeon_title .mobile_accordeon_arrow.current {
		background:transparent url('images/icon_arrow_up_black_big.svg') no-repeat center center;
		background-size:11px 14px;
	}

	#sidebar .mobile_accordeon_title .mobile_accordeon_arrow.hide {
		background:transparent url('images/icon_arrow_up_grey_big.svg') no-repeat center center;
		background-size:11px 14px;
	}

	#sidebar .mobile_accordeon_title .mobile_accordeon_arrow.current.hide {
		background:transparent url('images/icon_arrow_down_black_big.svg') no-repeat center center;
		background-size:11px 14px;
	}

	body.page-template-home .mobile_accordeon_title .mobile_accordeon_arrow {
		background:transparent url('images/icon_arrow_down_black_big.svg') no-repeat center center !important;
		background-size:11px 14px !important;
	}

	#sidebar nav {
		padding-top:90px;
	}

	#sidebar nav ul.level_1 {
		padding-top:0;
		padding-bottom:3px;
		margin-top:-5px;
	}

	nav ul.level_1 li span.nav_title {
		padding-left:35px;
	}

	#sidebar.open .service_nav_box.service_nav_box_mobile {
		padding-bottom:40px;
	}

	 body.page-template-home #sidebar.open nav ul.level_2 {
		display: block;
	}

	nav ul li a {
		max-width: 90%;
	}

	nav ul li span.no {
		top:20px;
	}

}

/*------------------------------------------------------
Mobile S - 720 - 960 px (Dunkegrün)
------------------------------------------------------*/

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

	.respo_box {
		background: rgba(24,184,96,0.6);
	}

	body, input, textarea, select, .yikes-easy-mc-form .yikes-easy-mc-submit-button {
		font-size:14px !important;
		line-height: 20px !important;
		letter-spacing: 0.02em !important;
	}

	h1, h2 {
		font-size:29px;
		line-height: 29px;
		margin-bottom:42px;
	}

	.wisywig_lead {
		font-size:18px;
		line-height: 23px;
		letter-spacing: 0.02em;
	}

	.page_default .page_header .page_header_rubrik {
		margin-bottom:14px;
	}

	.image_gallery_masonry {
		margin-left:0;
		margin-right:0;
	}

	.image_gallery_masonry a.gallery_item, .image_gallery_masonry .grid-sizer {
		display: block;
		width: 100%;
		margin:0 0 11px 0;
	}

	.members_filter {
		margin-bottom:16px;
	}

	.members_filter .column_left, .members_filter .column_right {
		margin-bottom:8px;
	}

	.filter_box .filter_box_no {
		top: 10px
	}

	nav ul li a, .article_preview .article_preview.has_image_0 .title_preview_text, .article_preview.format_gross .article_preview.has_image_1 .title_preview_text, .filter_box_title {
		font-size: 30px;
		line-height: 38px;
	}

	nav ul li span.no {
		top:18px;
	}

}

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

	nav ul li a, .article_preview .article_preview.has_image_0 .title_preview_text, .article_preview.format_gross .article_preview.has_image_1 .title_preview_text, .filter_box_title {
		font-size: 28px;
		line-height: 36px;
	}

}