/* open-sans-300 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url('./Fonts/open-sans-v34-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('./Fonts/open-sans-v34-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./Fonts/open-sans-v34-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('./Fonts/open-sans-v34-latin-300.woff') format('woff'), /* Modern Browsers */
       url('./Fonts/open-sans-v34-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('./Fonts/open-sans-v34-latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('./Fonts/open-sans-v34-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('./Fonts/open-sans-v34-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./Fonts/open-sans-v34-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('./Fonts/open-sans-v34-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('./Fonts/open-sans-v34-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('./Fonts/open-sans-v34-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-600 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url('./Fonts/open-sans-v34-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('./Fonts/open-sans-v34-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./Fonts/open-sans-v34-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('./Fonts/open-sans-v34-latin-600.woff') format('woff'), /* Modern Browsers */
       url('./Fonts/open-sans-v34-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('./Fonts/open-sans-v34-latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-700 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('./Fonts/open-sans-v34-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('./Fonts/open-sans-v34-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./Fonts/open-sans-v34-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('./Fonts/open-sans-v34-latin-700.woff') format('woff'), /* Modern Browsers */
       url('./Fonts/open-sans-v34-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('./Fonts/open-sans-v34-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-800 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  src: url('./Fonts/open-sans-v34-latin-800.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('./Fonts/open-sans-v34-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./Fonts/open-sans-v34-latin-800.woff2') format('woff2'), /* Super Modern Browsers */
       url('./Fonts/open-sans-v34-latin-800.woff') format('woff'), /* Modern Browsers */
       url('./Fonts/open-sans-v34-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
       url('./Fonts/open-sans-v34-latin-800.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/*
Theme Name: jungerbeer Theme
Author: Julia Erb
Author URI: https://www.webseiterei.at
Description: jungerbeer Theme
Version: 3.4
*/


/* ============================= CSS RESET ================================== */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
html {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  overflow-y: scroll;
  -webkit-text-size-adjust: 100%;
}
*, *:before, *:after {
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit;
  }
.clear,
.clearfix {
	clear:both;
}
img {
	max-width:100%;
	height:auto;
	vertical-align: middle;
}
.text_center {
	text-align:center;
}
.text_left {
	text-align:left;
}
.text_right {
	text-align:right;
}
.nowrap {
	white-space:nowrap;
}

ul, menu, dir {
    display: block;
    list-style-type: none;
    margin-block-start: 0;
    margin-block-end: 0;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 0px;
}
video {
  /* override other styles to make responsive */
  width: 100%    !important;
  height: auto   !important;
}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 0;
    height: 0;
    overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/* ============================= Custom CSS ================================== */

body {
	font-family:'Helvetica Neue LT W05 45 Light';
	line-height:150%;
	letter-spacing:0.5px;
}
button {
	font-family:'Helvetica Neue LT W05 45 Light';
	letter-spacing:0.5px;
}
strong {
	font-family:'Helvetica Neue LT W05 65 Medium';
	font-weight:normal;
}
h1 {
	font-size:200%;
	line-height:120%;
}
h2 {
	font-size:180%;
	line-height:120%;
}
h3 {
	font-size:140%;
	line-height:100%;
}
h4 {
	font-size:150%;
	line-height:120%;
}
body.page-id-50 h1,
body.page-id-50 h2,
body.page-id-50 h3 {
	font-size:200%;
	line-height:120%;

}


a {
	text-decoration:none;
	color:#000;
}

header {
	background-color:#fff;
	height:100px;
	width:100%;
	position:fixed;
	z-index:99999999999999999999999999;
}

.logo_wrapper  {
	position:absolute;
	left:70px;
	top:50px;
}
#jungerbeer_logo {
    width: 350px;
    height: 29px;
}
body.page-id-5 .header_wrapper {
	display:none;
}
.map {
    -webkit-filter: grayscale(100%);
       -moz-filter: grayscale(100%);
        -ms-filter: grayscale(100%);
         -o-filter: grayscale(100%);
            filter: grayscale(100%);
}


.menu_startseite_desktop .menu-startseite-menu-container {
	position:absolute;
	right:70px;
	top:55px;
}
.menu_startseite_desktop ul.menu_startseite li {
	display:inline-block;
	margin-right:15px;
}
.menu_startseite_desktop ul.menu_startseite li:last-child {
	margin-right:0px;
}
.menu_startseite_desktop ul.menu_startseite li a {
	text-decoration:none;
	color:#6c6c6c;
	font-size:90%;
}
.menu_startseite_desktop ul.menu_startseite li.current-menu-item a {
	color:#000;
	font-weight:bold;
}
.menu_startseite_desktop ul.menu_startseite li#menu-item-7.current-menu-item a {
	color:#6c6c6c;
	font-weight:normal;
}
body.single_project .menu_startseite_desktop ul.menu_startseite li#menu-item-242 a {
	color:#000;
	font-weight:bold;
}
body.single_blog .menu_startseite_desktop ul.menu_startseite li#menu-item-241 a {
	color:#000;
	font-weight:bold;
}
body.page-id-3 .menu_startseite_desktop ul.menu_startseite li#menu-item-243 a,
body.page-id-667 .menu_startseite_desktop ul.menu_startseite li#menu-item-243 a {
	color:#000;
	font-weight:bold;
}



#scrolldown_btn {
  display: block;
  width:1rem;
  height:1rem;
  border: 3px solid transparent;
  border-right-color: #000;
  border-bottom-color: #000;
	position: absolute;
	bottom:30px;
	left:calc(50% - 5px);
	z-index:99999;
	cursor:pointer;
	animation: move-arrow 2.5s linear infinite;
}
@keyframes move-arrow {
		0%{
				opacity: 0;
				transform: translateY(-0.75rem) rotate(45deg);
		}
		100%{
				opacity: 1;
				transform: translateY(0.75rem) rotate(45deg);
		}
}



.wrapper {
	padding-top:100px;
}
.slider_start {
	bottom:0;
	width:100%;
	border-left:70px solid #fff;
	border-right:70px solid #fff;
	border-bottom:70px solid #fff;
}


.wrapper.startseite-6 .slider_wrapper {
	position:relative;
}
.wrapper.startseite-6 .slider_start_intro,
.wrapper.startseite-6 .slider_start_intro_mobile,
.wrapper.startseite-6 .slider_start {
	position:absolute !important;
	height:calc(100vh - 170px);
	top:0;
	width:100%;
}
.wrapper.startseite-6 .slider_start_intro {
	border-left:70px solid #fff;
	border-right:70px solid #fff;
	border-bottom:70px solid #fff;
}

.wrapper.startseite-6 .startseite_row_02_wrapper {
	margin-top:calc(100vh - 70px);
}

.row {
	padding:100px 70px;
}
.landingpage_row_02_content_wrapper {
	padding: 0 70px;
}



body.page-template-template-wer-wir-sind .startseite_row_02_image {
    position: relative;
    margin-bottom: 0px;
}
.team_wrapper {
	margin:50px 0;
	font-size:16px;
}
.team_item.bild_links .team_bild {
	float:left;
	width:50%;
}
.team_item.bild_links .team_content {
	float:right;
	width:50%;
}
.team_item.bild_rechts .team_bild {
	float:right;
	width:50%;
}
.team_item.bild_rechts .team_content {
	float:left;
	width:50%;
	text-align:right;
}
.team_bild img {
	width:100%;
}
.team_content {
	padding:150px 50px 10px 50px;
}




.jobs_wrapper ul.dashed {
  list-style-type: none;
  margin-left:26px;
}
ul.dashed > li {
  margin-left: -10px;
}
ul.dashed > li:before {
  content: "-";
  padding-right:10px;
  margin-left: -16px;
}
.jobs_title_wrapper {
	background-color: #dadee2;
	font-size:120%;
	padding:25px 10px 3px 10px;
}
.jobs_title {
	font-size:200%
}
.jobs_content_wrapper {
	margin-top:30px;
	padding:0 10px;
}
.jobs_font_120 {
	font-size:120%;
}


.blog_item_content ul {
  list-style:none !important;
  list-style-type: none;
  margin-left:26px;
  margin-bottom:15px;
}
.blog_item_content ul > li {
  margin-left: -10px;
}
.blog_item_content ul > li:before {
  content: "-";
  padding-right:10px;
  margin-left: -16px;
}





.startseite_row_01_image {
	width:50%;
	margin-left:25%;
}
.startseite_row_01_title {
	width:45%;
	margin-left:55%;
}
.startseite_row_01_text {
	width:40%;
	margin-left:25%;
	line-height:120%;
}
.startseite_row_01_footer {
	width:100%;
	max-width:950px;
	margin:0 auto;
	padding-top:50px;
	font-size:80%;
}
.startseite_row_01_footer_left,
.startseite_row_01_footer_right {
	float:left;
}
.startseite_row_01_footer_left {
	width:51px;
}
.startseite_row_01_footer_right {
	width:calc(100% - 51px);
}
.startseite_row_01_footer_left p,
.startseite_row_01_footer_right p {
	margin:0;
	padding:0;
}
.startseite_row_01_footer_left img {
	margin-right:15px;
}




.startseite_row_02_content_wrapper{
	width:100%;
	max-width:950px;
	margin:0 auto;
}
.startseite_row_02_title {
}
.startseite_row_02_text {
	margin-left:20%;
	margin-top:50px;
	margin-bottom:50px;
}
.startseite_row_02_bild {
	margin-bottom:100px;
	margin-top:60px;
}


.startseite_row_03_content_wrapper {
	width:55%;
	margin-left:25%;
}
.startseite_row_03_text p {
	font-size:120%;
}
.startseite_row_03_text ul {
	margin-bottom:30px;
	padding-left:10px;
}
.startseite_row_03_text ul li {
    text-indent: -9px;
}

.startseite_row_03_text ul li:before {
    content: "- ";
    text-indent: -5px;
}
.startseite_row_03_link {
	text-align:center;
	margin-top:80px;
	width:100%;

}
.startseite_row_03_link img {
	margin-top:15px;
	margin-bottom:10px;
}



.startseite_row_04_content_wrapper,
.startseite_row_05_content_wrapper,
.startseite_row_06_content_wrapper {
	width:50%;
	margin:0 auto;
}
.startseite_row_06_text {
	float:left;
	width:40%;
	padding-bottom:20px;
}
.startseite_row_06_map {
	float:left;
	width:60%;
}




.button_baer_wrapper {
	max-width:800px;
	margin:0 auto;
	padding-top:50px;
	padding-bottom:30px;
	display:block;
}
.button_baer_left img {
	width:110px;
	height:auto;
	margin-bottom:12px;
}
.button_baer_right img {
	width:127px;
	height:auto;
	margin-bottom:7px;
}
.button_baer_left {
	width:50%;
}
.button_baer_right {
	width:50%;
}
.button_baer_left,
.button_baer_right {
	float:left;
}

body.page-id-5 .button_baer_left {
	width:auto;
}
body.page-id-5 .button_baer_right {
	width:70%;
}




.projekte_uebersicht_filter_wrapper {
	padding:20px 70px 0px 70px;
	background-color:#fff;
	text-align:center;
}
.projekte_uebersicht_filter_wrapper button {
    color: #6c6c6c;
    font-size: 90%;
	background:none;
	border:none;
	cursor:pointer;
    outline: none;
	text-transform:uppercase;
	margin-bottom:10px;
}
.projekte_uebersicht_filter_wrapper button.mixitup-control-active {
	color:#000;
	border:none;
	font-weight:bold;
}

.projekte_uebersicht_wrapper {
	padding:50px;
}
.projekte_uebersicht_wrapper ul li {
	display:inline-block;
	width:33%;
	padding:20px;
	position:relative;
	cursor: pointer;
}

.projekte_uebersicht_wrapper ul li .img_standard,
.projekte_uebersicht_wrapper ul li .img_innenarchitektur {
	position:absolute;
	top:0;
	bottom:0;
	right:0;
	left:0;
	width:100%;
	height:auto;
	padding:20px;
}

.projekte_uebersicht_wrapper ul li .intro_overlay{
	display:none;
	position:absolute;
	top:0;
	bottom:0;
	right:0;
	left:0;
	padding:20px;
	line-height:150%;
	background-color:rgba(255,255,255,0.75);
}
.projekte_uebersicht_wrapper ul li .intro_overlay .intro_overlay_text {
	position:absolute;
	bottom:40px;
	left:40px;
	right:40px;
	padding:10px;
}
.projekte_uebersicht_wrapper ul li:hover .intro_overlay{
	display:block;

}




.blog_uebersicht_wrapper {
	padding-left:50px;
	padding-right:50px;
	display: flex;
	flex-flow: row wrap;
	align-items: stretch;
	align-content: flex-start

}
.blog_uebersicht_wrapper .blog_uebersicht_item {
	width:33.3333%;
	padding:20px;
	align-self: flex-start;
	top:0;
}
.blog_uebersicht_wrapper .blog_uebersicht_item .intro_overlay {
	padding-top:10px;
	font-size:90%;
}
.blog_intro_date {
	color:#6c6c6c;
}
.blog_intro_title {
	font-family:'Helvetica Neue LT W05 65 Medium';
	font-weight:normal;
}





button.programs-filter-btn-active,
button.programs-sort-btn-active {
	color:#000;
	border:none;
	font-weight:bold;
}




.projekte_item_wrapper {
	width:100%;
	max-width:1160px;
	margin:0 auto;
	padding-bottom:70px;
}
.projekte_item_content {
	margin-top:-40px;
	padding-bottom:40px;
	width:100%;
	max-width:580px;
	color:#555;
	line-height:150%;
}
.projekte_item_content h3 {
	color:#000;
}
.projekte_item_content p {
/*	text-align:justify; */
}
.projekte_item_wrapper h1 {
	font-size:120%;
	padding-bottom:10px;
	padding-top:10px;
	display:inline-block;
}
.projekte_item_content h2 {
	padding-top:10px;
	font-size:100%;
}
.bxslider_projekte li img {
	cursor:pointer;
}

.projekt_presse {
	padding-top:5px;
	padding-bottom:25px;
}







.blog_item_wrapper {
	width:100%;
	max-width:950px;
	margin:0 auto;
	padding-bottom:50px;
}
.blog_item_content {
	color:#555;
}
.blog_item_content img {
	margin-bottom:12px;
	width:100%;
}
.blog_item_content h1 {
	font-size:200%;
	padding-top:10px;
	color:#000;
}
.blog_item_content h2 {
	font-size:130%;
	padding-top:10px;
}
.blog_item_content ul {
	list-style:disc;
	margin-left:24px;

}
.next_blog_link,
.previous_blog_link,
.single_projekt_category_links {
	width:50%;
	margin-top:15px;
	color:#6c6c6c;
}
.next_blog_link a,
.previous_blog_link a,
.single_projekt_category_links a {
	color:#000;
	font-family:'Helvetica Neue LT W05 65 Medium';
}
.next_blog_link {
	float:left;
}
.previous_blog_link {
	float:right;
	text-align:right;
}





.button_uebersicht{
	padding-top:20px;
}
.button_uebersicht span.button_uebersicht_text {
	display:inline-block;
	text-transform:uppercase;
	font-family:'Helvetica Neue LT W05 65 Medium';
}


.was_wir_koennen_item {
	margin:45px 0;
}
.was_wir_koennen_items_wrapper {
	width:100%;
	max-width:1200px;
	margin:0 auto;
	padding-top:10px;
}
.startseite_row_03_title h1 {
	padding-bottom:30px;
}
.subtitle_was_wir_koennen h2 {
	font-size:120%;
	padding-top:20px;
}


.was_wir_koennen_item.item_bild_right .item_text,
.was_wir_koennen_item.item_bild_left .item_text {
	width:50%;
}

.was_wir_koennen_item.item_bild_right .item_image,
.was_wir_koennen_item.item_bild_left .item_image {
	width:48%;
}

.was_wir_koennen_item.item_bild_right .item_text,
.was_wir_koennen_item.item_bild_left .item_text {
	padding:0 30px;
	display: table;
	overflow:hidden;
}
.was_wir_koennen_item.item_bild_right .item_text .item_text_inner,
.was_wir_koennen_item.item_bild_left .item_text .item_text_inner {
	display: table-cell;
	vertical-align:middle;
	visibility:hidden;
}
.was_wir_koennen_item.item_bild_right .item_text h3,
.was_wir_koennen_item.item_bild_left .item_text h3 {
	font-size:200%;
}


.was_wir_koennen_item.item_bild_right .item_image {
	float:right;
}
.was_wir_koennen_item.item_bild_right .item_text {
	float:left;
	text-align:right;
}

.was_wir_koennen_item.item_bild_left .item_image {
	float:left;
}
.was_wir_koennen_item.item_bild_left .item_text {
	float:right;
	text-align:left;
}

.was_wir_koennen_item.item_bild_left .item_image .item_image_caption {
	text-align:right;
}
.was_wir_koennen_item .item_image .item_image_caption {
	font-size:80%;
	color:#6c6c6c;
	padding-top:5px;
}




.item_image {
	position:relative;
	cursor:pointer;
	z-index:5;
}
.item_image_overlay {
	position:absolute;
	background-color:rgba(0,0,0,0.5);
	top:0;
	bottom:0;
	left:0;
	right:0;
	padding:30px;
	color:#fff;
	font-weight:bold;
	font-size:150%;
	line-height:150%;
	display: table;
	visibility:hidden;
	z-index:100;
}
.item_image_overlay_inner {
	display:table-cell;
	vertical-align:middle;
}



.startseite_row_03_content_wrapper h3 {
/*	color:#3f823f;  */
	font-size:120%;
	line-height:150%;
}
.startseite_row_03_content_wrapper h1,
.startseite_row_03_content_wrapper h2 {
	font-size:200%;
	line-height:120%;
}





.startseite_row_01_wrapper {
	z-index:9999999999999999999999999999999999999999999999999;
}

.home_preloader {
	width:100%;
	height:auto;
	position:absolute;
	top:0;
	background:#fff;
	z-index:999;
	text-align:center;
	overflow:hidden;
}
.home_preloader img {
	display:none;
	width:100% !important;
	height:auto;
}



.startseite_row_02_image {
	position:relative;
	margin-bottom:0px;
}
.image_out,
.image_over {
	position:absolute;
	top:0;
	left:0;
}





.content_50_wrapper {
	width:100%;
	max-width:950px;
	margin:0 auto;
}
.standard_content ul,
.content_50_wrapper ul.content_list {
	padding-top:12px;
	list-style:disc;
	display:block;
}
.standard_content ul li,
.content_50_wrapper ul.content_list li {
	margin-left:20px;
}


.content_70right_wrapper {
	width:60%;
	margin-left:25%;
}
.landingpage_introimage {
	padding-bottom:20px;;
}

.landingpage_wrapper .bx-wrapper {
	margin-top:40px !important;
}



ul#menu-kontakt-menu {
	margin-top:15px;
}
ul#menu-kontakt-menu li a {
	color:#6c6c6c;
    font-size: 90%;
	line-height:140%;
}
ul#menu-kontakt-menu li a:hover {
	color:#000;
}



.addtoany_list {
    display: block !important;
	padding:20px 0;
	text-align: right;
	width:calc(100% - 8px);
}

.faq_uebersicht_item {
	margin-bottom:40px;
}

.faq_uebersicht_item_title {
	cursor:pointer;
}
.faq_uebersicht_item_title h2 {
	font-size:120%;
}
.faq_uebersicht_item_text {
	display:none;
}
.faq_uebersicht_item_text p {
	margin:0;
	padding:0;
	margin-top:10px;
}
.faq_uebersicht_item_title.active {
	font-family:'Helvetica Neue LT W05 65 Medium';
	font-weight:normal;
}
.faq_uebersicht_wrapper h1  {
	font-family:'Helvetica Neue LT W05 65 Medium';
	font-weight:normal;
	margin-bottom:50px;
}
.faq_uebersicht_wrapper .button_kontakt_wrapper {
	margin-top:50px;
}


.landingpage_footer {
	margin-top:50px;
}

body.page-id-1308 .content_50_wrapper p {
	color:#6c6c6c;
}
body.page-id-1308 .content_50_wrapper p a,
body.page-id-1308 .content_50_wrapper a p {
	color:#000;
}

.title_ani_text {
	float:left;
}


.title_ani {
	float:left;
	width:150px;
	margin-top:-70px;
	margin-left:30px;
	margin-bottom:10px;
}
.title_ani img {
	width:100%;
	height:auto;
}




a#cn-accept-cookie {
	color:#000;
	border:1px solid #000;
	padding:2px 20px;
}

a#cn-more-info {
	color:#fff;
}







.error_wrapper {
	text-align:center;
}
.error_wrapper img.error_image {
	padding-bottom:50px;
}


#menu_test_wrapper {
	margin:0 auto;
	width:250px;
	padding:50px 0;
}


#menu_test_wrapper li.current-menu-item {
	font-weight:bold;
}


li#menu-item-2451 a {
    font-family: 'Helvetica Neue LT W05 65 Medium';
    font-weight: normal;
	color:#ff0066;
}



.menu_trigger_wrapper,
.menu_startseite_mobile,
.bxslider_projekte_mobile,
.filter_wrapper_mobile,
.slider_start_intro_mobile,
.startseite_projekte_mobile,
a.slider_wrapper_mobile  {
	display:none;
}



/* ============================= MEDIA QUERIES ================================== */

@media (max-width: 1300px) {

	.logo_wrapper  {
		left:20px;
	}
	.menu_startseite_desktop .menu-startseite-menu-container {
		right:20px;
	}
	.wrapper.startseite-6 .slider_start_intro,
	.slider_start {
		border-left:20px solid #fff;
		border-right:20px solid #fff;
		border-bottom:20px solid #fff;
		height: calc(100vh - 73px);
	}
	.row,
	.landingpage_row_02_content_wrapper {
		padding-left:20px;
		padding-right:20px;
	}


	ul.menu_startseite li {
		margin-right:10px;
	}
	ul.menu_startseite li a {
		font-size:80%;
	}

	.startseite_row_01_image {
		width:70%;
		margin-left:15%;
	}
	.startseite_row_01_title {
		width:45%;
		margin-left:55%;
	}
	.startseite_row_01_text {
		width:60%;
		margin-left:15%;
	}
	.startseite_row_01_footer {
	}

	.startseite_row_04_content_wrapper,
	.startseite_row_05_content_wrapper,
	.startseite_row_06_content_wrapper {
		width:70%;
	}
	.startseite_row_03_content_wrapper {
		width:70%;
		margin-left:15%;
	}
	.projekte_item_content {
		margin-top:0px;
	}
	.projekte_uebersicht_wrapper,
	.blog_uebersicht_wrapper {
		padding: 15px;
	}

	.projekte_item_wrapper {
		padding-left:20px;
		padding-right:20px;
	}
	.blog_item_wrapper {
		padding-left:20px;
		padding-right:20px;
	}

	.content_70right_wrapper {
		width:70%;
		margin:0 auto;
	}
	.home_preloader img {
		width:150% !important;
		max-width:150% !important;
		margin-left:-25%;
	}
		.projekte_uebersicht_wrapper {
		padding: 15px;
	}
	.projekte_uebersicht_wrapper ul li {
		display:inline-block;
		width: calc(50% - 3px);
		padding:10px;
	}
	.projekte_item_wrapper {
		padding-left:20px;
		padding-right:20px;
	}
	.blog_uebersicht_wrapper {
		padding-left:10px;
		padding-right:10px;

	}
	.blog_uebersicht_wrapper .blog_uebersicht_item {
		width:50%;
		padding:10px;
	}
}


@media (max-width: 1200px) {


	.startseite_row_01_wrapper.row {
		padding-top:0px;
	}

	.row {
		padding-top: 20px !important;
	}

	.menu_startseite_mobile  {
		display:block;
	}


	.menu_startseite_desktop  {
		display:none;
	}


	.menu_startseite_mobile #menu_startseite_wrapper {
		display:none;
		background-color:#fff;
		width:100%;
		position:fixed;
		top:53px;
		right:0px;
		height:calc(100vh - 53px);
		padding-top:30%;
	}
	.menu_startseite_mobile ul.menu_startseite li {
		display:block;
		margin:5px 20px;
		text-align:center;
	}
	.menu_startseite_mobile ul.menu_startseite li:last-child {
		margin:5px 20px;
	}
	.menu_startseite_mobile ul.menu_startseite li a {
		color:#000;
		font-size:120%;
		line-height:200%;
		white-space:nowrap;
	}
	li.menu-item-2451 a {
		font-family: 'Helvetica Neue LT W05 65 Medium';
		font-weight: normal;
		color:#ff0066 !important;
	}


	.menu_trigger_wrapper {
		display:block;
		position:absolute;
		right:20px;
		top:10px;
		font-size: 200%;
		cursor:pointer;
	}


	header {
		height:53px;
	}
	.wrapper {
		padding-top:53px;
	}
	.logo_wrapper  {
		top:15px;
	}
	#jungerbeer_logo {
		width: 284px;
		height: 24px;
	}
	.title_ani {
		width:100px;
		margin-top:-10px;
		margin-left:10px;
		margin-bottom:10px;
	}


}

@media (max-width: 1025px) {


	body.single_project .bx-wrapper {
		display:none;
	}
	.bx-wrapper .bxslider_landingpage  {
		display:block;
	}
	.bxslider_projekte_mobile {
		display:block;
	}
	.bxslider_projekte_mobile img {
		margin-bottom:10px;
	}
	.projekte_uebersicht_wrapper ul li:hover .intro_overlay {
		display:none;
	}


}


@media (max-width: 900px) {

	.startseite_row_01_image {
		width:100%;
		margin-left:0;
	}
	.startseite_row_01_title {
		width:auto;
		margin-left:0;
		float:right;
		display:block;
	}
	.startseite_row_01_text {
		width:100%;
		margin-left:0;
	}
	.startseite_row_01_footer {
		width:100%;
		margin-left:0;
	}

	.startseite_row_04_content_wrapper,
	.startseite_row_05_content_wrapper,
	.startseite_row_06_content_wrapper	{
		width:100%;
	}
	.startseite_row_02_text {
		margin-left:0;
	}
	.startseite_row_03_content_wrapper {
		width:100%;
		margin-left:0;
	}

	.startseite_row_06_text,
	.startseite_row_06_map {
		width:100%;
	}
	.projekte_item_wrapper {
		padding-left:20px;
		padding-right:20px;
	}
	.projekte_uebersicht_wrapper ul li {
		display:inline-block;
		width: calc(100% - 0px);
		padding:10px;
	}
	.blog_uebersicht_wrapper .blog_uebersicht_item {
		width:100%;
	}
	.blog_item_wrapper {

		padding:0 20px;
	}
	.projekte_item_content {
		width:100%;
	}
	.projekte_item_wrapper h2 {
		padding-bottom:20px;
		line-height:130%;
	}

	.content_70right_wrapper {
		width:100%;
	}
	.projekte_uebersicht_filter_wrapper {
		padding: 20px 0px 0px 0px;
		display: table;
		width:100%;
	}
	.projekte_uebersicht_filter_wrapper button {
		font-size: 80%;
		line-height:160%;
		display: table-cell;
		vertical-align: middle;
		width: calc(50% - 20px);
	}
	.filter_wrapper_mobile {
		display:block;
	}
	.filter_wrapper_desktop {
		display:none;
	}
	.projekte_uebersicht_filter_wrapper button.button_left {
		text-align:left;
	}
	.projekte_uebersicht_filter_wrapper button.button_right {
		text-align:right;
	}




h1, h2,
.startseite_row_03_content_wrapper h1,
.startseite_row_03_content_wrapper h2 {
	font-size:160%;
	line-height:120%;
}
h3 {
	font-size:120%;
	line-height:115%;
}
.startseite_row_02_slogan_bottom h2,
.startseite_row_02_slogan_bottom h3 {
	font-size:160%;
	line-height:115%;
}
h4 {
	font-size:120%;
	line-height:120%;
}

	.was_wir_koennen_item.item_bild_right .item_image,
	.was_wir_koennen_item.item_bild_right .item_text,
	.was_wir_koennen_item.item_bild_left .item_image,
	.was_wir_koennen_item.item_bild_left .item_text {
		width:100%;
		float:left;
	}
	.was_wir_koennen_item.item_bild_right .item_text,
	.was_wir_koennen_item.item_bild_left .item_text {
		margin-top:20px;
		margin-bottom:20px;
		height:auto !important;
		padding:0;
		text-align:left;
	}
	.was_wir_koennen_item.item_bild_left .item_image .item_image_caption {
		text-align:left;
	}

	.next_blog_link,
	.previous_blog_link {
		width:100%;
		text-align:left;
	}
	.button_baer_left,
	.button_baer_right	{
		width:100%;
	}
	.button_baer_right	{
		margin-top:50px;
	}
	.slider_start_intro {
		display:none;
	}
	.slider_start_intro_mobile {
		display:block;
	}


	.team_item.bild_links .team_bild,
	.team_item.bild_links .team_content,
	.team_item.bild_rechts .team_bild,
	.team_item.bild_rechts .team_content {
		float:left;
		width:100%;
		text-align:left;
	}
	.team_content {
		padding:20px 0px 50px 0px;
	}
	#scrolldown_btn {
		display:none;
	}
}


@media (max-height: 600px) {
	.menu_startseite_mobile #menu_startseite_wrapper {
		padding-top: 20px;
	}
}


@media (max-height: 400px) {
	.wrapper.startseite-6 .slider_start_intro_mobile {
		top:50px !important;
	}
}




@media (max-width: 510px) {


  /*
  .startseite_row_02_wrapper .startseite_row_02_image,
  .startseite_row_02_wrapper .team_image_title,
  .startseite_row_02_wrapper .team_wrapper,
  .startseite_row_02_wrapper .startseite_row_02_title,
  .startseite_row_02_text_text   {
    display: none;
  }
  */
  .startseite_projekte_mobile {
    display: block;
    margin-bottom: 50px;
  }
  .projekte_mobile_item {
    position: relative;
    margin-bottom: 20px;
  }
  .projekte_mobile_item .img_placeholder {
    position: absolute;
    display: none;

  }
  .projekte_mobile_item .intro_overlay {
    display: none;
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
    padding: 20px;
  }
  .projekte_mobile_item:hover .intro_overlay {
    display: block;
  }
  .projekte_mobile_item:hover .img_placeholder {
    display: block;
    opacity: 0.5;
  }

	a.slider_wrapper_dektop {
		display:none !important;
	}
	a.slider_wrapper_mobile {
		display:block;
	}
}


@media (max-width: 375px) {



	.logo_wrapper {
		top: 18px;
		left: -3px;
	}
	#jungerbeer_logo {
		width: 284px;
		height: 20px;
		text-align:left;
	}
	body.page-id-817 #jungerbeer_logo {
		width: 198px;
		height: 20px;
		text-align:left;
	}
	body.page-id-817 .logo_wrapper {
		top: 18px;
		left: 10px;
	}
	.title_ani {
		display:none;
	}
	a#cn-accept-cookie {
		display:block;
		width:100%;
		margin:10px 2.5%;
	}
	.jobs_title {
		font-size:133%
	}
	.jobs_title_wrapper {
		font-size:100%;
	}
	.jobs_content_wrapper {
		padding:0 ;
	}
	.jobs_font_120 {
		font-size:100%;
	}
	.jobs_wrapper ul.dashed {
		font-size:90%;
	}
}