@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 300;
src: url(https://www.jungerbeer.at/wp-content/themes/jungerbeer/Fonts/open-sans-v34-latin-300.eot); src: local(''),
url(https://www.jungerbeer.at/wp-content/themes/jungerbeer/Fonts/open-sans-v34-latin-300.eot?#iefix) format('embedded-opentype'), url(https://www.jungerbeer.at/wp-content/themes/jungerbeer/Fonts/open-sans-v34-latin-300.woff2) format('woff2'), url(https://www.jungerbeer.at/wp-content/themes/jungerbeer/Fonts/open-sans-v34-latin-300.woff) format('woff'), url(https://www.jungerbeer.at/wp-content/themes/jungerbeer/Fonts/open-sans-v34-latin-300.ttf) format('truetype'), url(https://www.jungerbeer.at/wp-content/themes/jungerbeer/Fonts/open-sans-v34-latin-300.svg#OpenSans) format('svg'); } @font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
src: url(https://www.jungerbeer.at/wp-content/themes/jungerbeer/Fonts/open-sans-v34-latin-regular.eot); src: local(''),
url(https://www.jungerbeer.at/wp-content/themes/jungerbeer/Fonts/open-sans-v34-latin-regular.eot?#iefix) format('embedded-opentype'), url(https://www.jungerbeer.at/wp-content/themes/jungerbeer/Fonts/open-sans-v34-latin-regular.woff2) format('woff2'), url(https://www.jungerbeer.at/wp-content/themes/jungerbeer/Fonts/open-sans-v34-latin-regular.woff) format('woff'), url(https://www.jungerbeer.at/wp-content/themes/jungerbeer/Fonts/open-sans-v34-latin-regular.ttf) format('truetype'), url(https://www.jungerbeer.at/wp-content/themes/jungerbeer/Fonts/open-sans-v34-latin-regular.svg#OpenSans) format('svg'); } @font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 600;
src: url(https://www.jungerbeer.at/wp-content/themes/jungerbeer/Fonts/open-sans-v34-latin-600.eot); src: local(''),
url(https://www.jungerbeer.at/wp-content/themes/jungerbeer/Fonts/open-sans-v34-latin-600.eot?#iefix) format('embedded-opentype'), url(https://www.jungerbeer.at/wp-content/themes/jungerbeer/Fonts/open-sans-v34-latin-600.woff2) format('woff2'), url(https://www.jungerbeer.at/wp-content/themes/jungerbeer/Fonts/open-sans-v34-latin-600.woff) format('woff'), url(https://www.jungerbeer.at/wp-content/themes/jungerbeer/Fonts/open-sans-v34-latin-600.ttf) format('truetype'), url(https://www.jungerbeer.at/wp-content/themes/jungerbeer/Fonts/open-sans-v34-latin-600.svg#OpenSans) format('svg'); } @font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 700;
src: url(https://www.jungerbeer.at/wp-content/themes/jungerbeer/Fonts/open-sans-v34-latin-700.eot); src: local(''),
url(https://www.jungerbeer.at/wp-content/themes/jungerbeer/Fonts/open-sans-v34-latin-700.eot?#iefix) format('embedded-opentype'), url(https://www.jungerbeer.at/wp-content/themes/jungerbeer/Fonts/open-sans-v34-latin-700.woff2) format('woff2'), url(https://www.jungerbeer.at/wp-content/themes/jungerbeer/Fonts/open-sans-v34-latin-700.woff) format('woff'), url(https://www.jungerbeer.at/wp-content/themes/jungerbeer/Fonts/open-sans-v34-latin-700.ttf) format('truetype'), url(https://www.jungerbeer.at/wp-content/themes/jungerbeer/Fonts/open-sans-v34-latin-700.svg#OpenSans) format('svg'); } @font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 800;
src: url(https://www.jungerbeer.at/wp-content/themes/jungerbeer/Fonts/open-sans-v34-latin-800.eot); src: local(''),
url(https://www.jungerbeer.at/wp-content/themes/jungerbeer/Fonts/open-sans-v34-latin-800.eot?#iefix) format('embedded-opentype'), url(https://www.jungerbeer.at/wp-content/themes/jungerbeer/Fonts/open-sans-v34-latin-800.woff2) format('woff2'), url(https://www.jungerbeer.at/wp-content/themes/jungerbeer/Fonts/open-sans-v34-latin-800.woff) format('woff'), url(https://www.jungerbeer.at/wp-content/themes/jungerbeer/Fonts/open-sans-v34-latin-800.ttf) format('truetype'), url(https://www.jungerbeer.at/wp-content/themes/jungerbeer/Fonts/open-sans-v34-latin-800.svg#OpenSans) format('svg'); }  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;
} 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 { 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%;
} 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 { }
.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 { 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  {
display:none;
} @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_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;
}
}
@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%;
}
}