a,abbr,acronym,address,applet,big,blockquote,body,caption,cite,code,div,dl,dt,em,fieldset,font,form,h1,h2,h3,h4,h5,h6,html,iframe,img,input,ins,kbd,label,legend,li,object,ol,p,pre,q,s,samp,small,span,
strike,strong,sub,sup,table,tbody,td,textarea,tfoot,th,thead,tr,tt,ul,var {margin:0; padding:0; border:0; outline:0; font-family:plantin,serif; letter-spacing:0; }
:focus { outline:0; } ol,ul{list-style:none; } blockquote:after,blockquote:before,q:after,q:before {content:""; } blockquote,q{quotes:"" ""}
html { overflow-x:hidden; font-size:100%; } * { font-variant-ligatures: none; } * { -webkit-font-feature-settings: "liga" 0, "dlig" 0; font-feature-settings: "liga" 0, "dlig" 0; } * {	-webkit-font-variant-ligatures: no-common-ligatures; font-variant-ligatures: no-common-ligatures; } html{overflow:-moz-scrollbars-vertical;overflow-y:scroll}
html, body { margin:0; padding:0; min-height:100%; width:100%; position:relative; } body { background:#fff } @-moz-document url-prefix() { body { font-weight: lighter !important;  }}
button, input { -webkit-appearance:none; border-radius:0; outline:none; appearance:none; }
* { -webkit-font-smoothing: antialiased; font-synthesis: none !important; }

:root {
    --main-color: #fdd538;
    --main-color-alt: #f9ca0e;
    --main-color-text: #edbe00;
}

::selection {
    background: var(--main-color);
    color: #000;
    text-shadow: none
}

html, body {
    background: #fff;
}
body.page-template-page-blue {
    background: #fff;
}

body.page-template-template-weiss, .background-white, body.single-job, body.single-issues {
    background:#fff;
}
body.page-template-template-blau, .single-projekt, .search-results {
    background:#fff ;
}

.single-projekt { position:relative; min-height:calc(100vh - 300px); }
.single-projekt #content-wrapper { position:relative; min-height:calc(100vh - 300px); }

video:focus { outline:none; }
.click-item > div { cursor:pointer; }

.pb30 { padding-bottom:30px; }
.single-issues.pl50 { padding-left:50px !important; }

.reset { padding:0 !important;  padding-left:0 !important; padding-right:0 !important; }


.vc_row { margin-left:0 !important; margin-right:0 !important; }
.vc_column_container > .vc_column-inner { padding-left:0 !important; padding-right:0 !important; }

.vc_row.vc_column-gap-30 { margin-left:-15px !important; margin-right:-15px !important; }
.vc_row.vc_column-gap-20 { margin-left:-10px !important; margin-right:-10px !important; }
.vc_row.vc_column-gap-10 { margin-left:-5px !important; margin-right:-5px !important; }
.vc_row.vc_column-gap-5 { margin-left:0px !important; margin-right:0px !important; }


header { background:#fff; max-width:1440px; margin:0 auto 30px; }

header .header-meta { border-bottom:1px solid #000; }

header .header-top{ border-bottom:1px solid #000; }
header .header-top-inner { position:relative; padding:15px 0 10px; }
header .header-top-inner, header .header-bottom-inner { max-width:1440px; margin:0 auto; box-sizing:border-box; }
header .brand { display:grid; grid-template-columns:1fr 1fr; align-items:center; }
header .brand > div:nth-child(1){ align-items:center; }
header .brand > div:nth-child(2){ text-align:right; }
header .brand a.bicon-logo { width:150px; display:inline-block;  }
header .brand a.bicon-logo img { width:100%; height:auto; display:block; transform:translateY(-5px); }
header .brand a.wbre-logo { display:inline-block; top:50%; }
header .brand a.wbre-logo img { height:100px; width:auto; display:block; }
header .header-bottom { border-bottom:1px solid #000; }
header .header-bottom-inner { display:grid; grid-template-columns:1fr 80px; }
header .menu-container .navigation { display:table; margin:0 auto; }
header .menu-container .navigation li { display:inline-block; margin:0; }
header .menu-container .navigation li a { color:#000; text-decoration:none; font:300 18px/1em plantin,serif; display:inline-block; padding:18px 15px; position:relative; }
header .menu-container .navigation li a:hover::before { display:block; content:""; position:absolute; bottom:15px; height:1px; left:15px; right:15px; background:#000; box-sizing:border-box; }
header .menu-container .navigation li a::after { content:""; display:block; right:0; position:absolute; width:1px; height:20px; background:#000; top:50%; transform:translateY(-60%); }
header .menu-container .navigation li:last-child a::after { display:none; }
header .menu-container .navigation li.current-page-ancestor a, header .menu-container .navigation li.current-menu-item a { background:rgba(255,255,255,.15); }
header .menu-container .navigation li.current-page-ancestor a::after, header .menu-container .navigation li.current-menu-item a::after, header .menu-container .navigation li.before-current-menu-item a::after, header .menu-container .navigation li.before-current-page-ancestor a::after { display:none; }
header .menu-container .navigation li.current-page-ancestor a::before, header .menu-container  .navigation li.current-menu-item a::before { content:""; display:block; width:100%; height:1px; background:var(--main-color); position:absolute; top:0; left:0; }

header .languageavigation li { float:right; padding-right:15px; }
header .languageavigation a { color:#fff; text-decoration:none; font:700 16px/1em 'Helvetica Neue',sans-serif; display:inline-block; padding:18px 0; position:relative; }


section:not(.full)  { max-width:1440px; box-sizing:border-box; margin:0 auto !important; padding:15px; }
section.full { max-width:100%; margin:0 auto !important; }
section.nachhaltigkeit { max-width:1140px; margin:25px auto 50px auto !important; }
section.job { max-width:1140px; margin:25px auto 50px auto !important; }
section.no-padding { padding:0 !important; }
section.full > div { max-width:1440px; box-sizing:border-box; margin:0 auto !important;  }
section.post-content { max-width:1120px; box-sizing:border-box; margin:50px auto !important;  }
section.max-80 > div { max-width:80%; margin-left:auto !important; margin-right:auto !important; }
section.max-1100 > div { max-width:1100px; margin-left:auto !important; margin-right:auto !important; }
section.wbre-marketing-field-top .vc_column-inner { padding:0 !important; }
section.wbre-marketing-field-top > div { max-width:80%; margin:10px auto 0 !important;  }
section.wbre-marketing-field-middle .vc_column-inner { padding:0 !important; }
section.wbre-marketing-field-middle > div { max-width:80%; margin:10px auto 0 !important;  }
section.start-block-columns { padding:5px 15px 15px; }
section.start-block-columns .borders .block-column { border-right:1px solid #B9B5B5; padding-top:0 !important; padding-bottom:0 !important; }
section.start-block-columns .borders .block-column:last-child { border-right:0; }

body.single-issues .vc_section { padding:0 !important; }
body.single-issues .vc_row.vc_column-gap-35 > .vc_column_container { padding:0 !important; }
body.single-issues .vc_row.vc_column-gap-35 > .vc_column_container.vc_col-sm-4 { padding-right:50px !important; }
body.single-issues .site-content { padding-top:50px; }

.search-results section { min-height:99vh; }

.borders > div { border-right:1px solid #B9B5B5; padding-top:0 !important; padding-bottom:0 !important; }

.shadow { box-shadow:-5px -1px 10px rgba(0,0,0,.15), 5px 5px 10px rgba(0,0,0,0.15); }
.background-white { background:#fff; /*box-shadow: -5px -1px 10px rgba(0,0,0,.15), 5px 5px 10px rgba(0,0,0,0.15);*/s }
.background-light { background:#fff; }
.background-dark { background:#141423; }

.video { position:relative; display:block; }
.video img { position:relative; display:block; }
.video::after { content:""; width:80px; height:80px; background:url(../images/wbre-play-btn_yellow.svg) no-repeat center center; display:block; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); }

h2 { font:700 40px/1.2em plantin-condensed,serif; color:#000; }
h3 { font:700 22px/1.2em plantin-condensed,serif; color:#000; margin-bottom:0.5em; }
.start-block h2 { margin:40px 0; }
p { font:400 18px/1.8em plantin,serif; color:#888; margin-bottom:1.8em; }
p:last-child { margin-bottom:0em; }

.single-issues h3 { font:italic 400 18px/1em plantin, serif; color:#888; text-transform:uppercasse; }
.single-issues h4 { font:400 48px/1.2em plantin,serif !important; }
.single-issues .topics-head { margin-bottom:0 !important; }
.single-issues .topics-head p { border:1px solid #aaa; border-width:1px 0; padding:15px 0 10px 0; font:400 24px/1em plantin,serif !important; text-transform:uppercase; color:#000; letter-spacing:0.02em; margin-bottom:0 !important; }
.single-issues .topics { border-bottom:1px solid #aaa; margin-bottom:0 !important }
.single-issues .topics p { margin-bottom:0 !important; }
.single-issues .topics p a { display:block; text-decoration:none; color:#888; border-bottom:1px solid #ccc; padding:10px 0 5px; line-height:1.5em; }
.single-issues .topics p a strong { color:var(--main-color-text);  text-transform:uppercase; font-weight:400; padding-right:10px; }
.single-issues .topics p a:hover strong { text-decoration:underline; }
.single-issues .more-topics { margin-bottom:0 !important; }
.single-issues .more-topics h3 { border-bottom:1px solid #aaa; padding:15px 0 10px 0; font:400 24px/1em plantin,serif !important; text-transform:uppercase; color:#000; letter-spacing:0.02em; margin-bottom:0 !important; }
.single-issues .more-topics p { margin-bottom:0 !important; }
.single-issues .more-topics p a { display:block; text-decoration:none; color:#888; border-bottom:1px solid #ccc; padding:10px 0 5px; font-size:16px; line-height:1.5em; }
.single-issues .more-topics p a strong { color:var(--main-color-text);  text-transform:uppercase; font-weight:400; padding-right:0px; }
.single-issues .more-topics p a:hover strong { text-decoration:underline; } 



.aligncenter { margin-left:auto; margin-right:auto; }

.p50 { padding-top:50px !important; padding-bottom:50px !important; }
.p100 { padding-top:100px !important; padding-bottom:100px !important; }
.p150 { padding-top:150px !important; padding-bottom:150px !important; }
.pb50 { padding-bottom:50px !important; }
.pb100 { padding-bottom:100px !important; }
.pb150 { padding-bottom:150px !important; }
.pt50 { padding-top:50px !important; }
.pt100 { padding-top:100px !important; }
.pt150 { padding-top:150px !important; }

.magazine-today-head, .magazine-main-story-head { position:absolute; top:-35px; }
.magazine-today-head p { font:400 17px/1.5em plantin,serif; color:#000; }
.quote { background:#141414; color:#fff; padding:15px; box-sizing:border-box; border-radius:30px; position:relative; }
.quote::after { width:62px; height:18px; content:""; position:absolute; bottom:-18px; left:35px; display:block; background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 62 17.6'><path d='m31,17.6C42.4,2.9,54.6.1,62,0H0c7.4.1,19.6,2.9,31,17.6Z' fill='%23141423'/></svg>") no-repeat top center / cover; }
.quote p { color:#fff; font:italic 400 16px/1.5em plantin,serif; margin-bottom:3em !important; }
.quote img { position:absolute; bottom:0px; right:25px; border-radius:50%; width:125px; height:auto; transform:translateY(60%); }
.quote-name { padding-top:25px; padding-right:90px }
.quote-name p { font:700 22px/1.4em plantin-condensed,serif; color:#000; }
.cta-fuerst { margin:0 !important; }
.cta-fuerst p { margin:0 !important; }
.cta-fuerst a { font:400 18px/.8em 'Helvetica Neue',sans-serif; color:#a8a9ad; text-decoration:none; text-transform:uppercase; }
.cta-fuerst a em { font:normal 400 15px/.7em plantin,serif; color:#57585a; display:block; }
.cta-magazine { background:var(--main-color-text); border:1px solid var(--main-color-text); box-shadow:4px 4px #E5E5E5; display:block; padding:10px 15px 7px 15px; color:#fff; font:700 17px/1.3em 'Helvetica Neue',sans-serif; text-decoration:none;  }
.cta-magazine:hover { background:#141423; border:1px solid #141423; box-shadow:4px 4px #E5E5E5; }
.section-head-blue { background:#2e2e47; padding:12px 10px; }
.section-head-blue * { margin-bottom:0 !important; padding-bottom:0 !important; }
.section-head-blue p { color:#fff; font:700 16px/1em 'Helvetica Neue',sans-serif; text-align:center; }
.location-video-preview, .box-preview-image  { margin-bottom:0; padding-bottom:0; }
.box-preview-image a, .box-preview-image a img { display:block; }
.border { border-right:1px solid #747373; padding-top:0 !important; }
.box-preview-text { padding-top:15px; }
.box-preview-text p { color:#fff; font:400 17.3px/1.5em plantin,serif; margin-bottom:.3em !important; }
.box-preview-text p strong { color:var(--main-color); font:400 17.3px/1.5em plantin,serif; text-transform:uppercase; }
.white-text-box p:first-child { margin-bottom:.5em !important; }
.white-text-box p { font:400 17.3px/1.5em plantin,serif; }
.white-text-box p > strong:first-child { color:#000; font:700 20px/1.2em plantin-condensed,serif; }
.journal-text p > strong:first-child { color:#fff; font:700 20px/1.2em plantin-condensed,serif; text-align:center !important; display:block; margin-bottom:0.75em !important; text-transform:none !important; }
.white-text-box { padding-bottom:4em; }
.white-box-text-bottom { position:absolute; bottom:0px; margin-bottom:0; }
.white-box-text-bottom p { margin-bottom:0 !important; line-height:1.2em !important; }
.white-box-text-bottom em { color:#000; font-style:normal; font-size:14px; }
.bicon-icon { display:inline-block; width:26px; text-indent:9999px; position:relative; margin-right:3px; }
.bicon-icon::after { content:""; display:block; width:26px; height:26px; background:url(../images/Bicon_Icon_21px.svg) no-repeat center center; position:absolute; top:50%; transform:translateY(-50%); }
.wbre-icon { display:inline-block; width:26px; text-indent:9999px; position:relative; margin-right:8px; }
.wbre-icon::after { content:""; display:block; width:26px; height:26px; background:url(../images/WBRE_Icon_21px.svg) no-repeat center center; position:absolute; top:50%; transform:translateY(-50%); }
.journal-image img { min-height:12em; max-height:12em; object-fit:cover; }
.keywords { position:absolute; bottom:0; margin-bottom:0 !important; }
.keywords p { font-size:14px; }

.magazine-main-story-head { left:0; right:0; }
.magazine-main-story-head p { color:#4fbeb8; font-size:16px; text-transform:uppercase; text-align:center !important; }

.more-projects { margin-top:15px; }
.more-projects p a { text-align:center; padding:20px; font:400 22px/1em plantin,serif; color:#fff; background:#141423; display:block; text-decoration:none; }

footer { margin-top:35px; }
.footer-top { background:#222535; padding:35px 0; }
.footer-top > div { max-width:1440px; margin:0 auto; }
.footer-top > div p { color:#808080; font:400 16px/1.3em 'Helvetica Neue',sans-serif; }
.footer-top > div p strong { color:#fff; font:500 16px/1.3em 'Helvetica Neue',sans-serif; }

.footer-bottom { background:#141423; padding:10px 0; }
.footer-bottom > div { max-width:1440px; margin:0 auto; }

.menu-metanavigation-container ul { display:block; }
.menu-metanavigation-container ul li { display:inline-block; margin-right:20px; }
.menu-metanavigation-container ul li a { text-decoration:none; color:#808080; font:400 16px/1.3em 'Helvetica Neue',sans-serif;  }

.leistung-einleitung h2 { margin-bottom:30px; }
.leistung-einleitung p { color:#000; }

body .leistungen-box > div { background:#2d3147 !important; box-shadow:-5px -1px 10px rgba(0,0,0,.05), 5px 5px 10px rgba(0,0,0,0.05); border-radius:4px 0 4px 4px; cursor:pointer; transition:all 300ms ease; padding:0 10px !important;  }
/*.leistungen-box > div:hover { background:#fff !important; box-shadow:-5px -1px 10px rgba(0,0,0,.15), 5px 5px 10px rgba(0,0,0,0.15); border-radius:4px 0 4px 4px; cursor:pointer; }*/
.leistungen-box .wpb_single_image { margin-bottom:0 !important; padding-left:10px !important; padding-right:10px; }
.leistungen-box-text { padding:20px 10px 20px 10px; min-height:10em; }
.leistungen-box-head { margin-bottom:0; padding:10px 0; } 
.leistungen-box-head a { text-decoration:none; color:inherit; } 
.leistungen-box-text p { margin-bottom:0 !important; color:#fff; } 
.leistungen-box-head p strong { display:block;font:700 24px/1em plantin-condensed,serif !important; color:#fff; text-transform:normal; letter-spacing:0.0em; align-content: center; padding:5px 10px; } 
.leistungen-box-text ul li { color:#fff; font:600 17px/1.3em plantin,serif; padding:10px 0; border-bottom:1px solid #555; }
.leistungen-box img { min-height:15em; object-fit:cover; object-position:left; }
.leistungen-box .center img { object-position:center; }

section.leistungsbeschreibung { padding:100px 0; }
section.leistungsbeschreibung > .vc_row.leistungs-row > div:first-child { padding-right:50px; box-sizing:border-box; }
section.leistungsbeschreibung > .vc_row.leistungs-row > div:last-child { padding-left:25px; box-sizing:border-box; }
section.leistungsbeschreibung h1 { font:700 42px/1.3em plantin-condensed,serif; text-transform:uppercase; margin-top:-0.3em; margin-bottom:.5em; }
section.leistungsbeschreibung p { color:#666; font:400 18px/1.5em plantin,serif; text-align:justify; }
section.leistungsbeschreibung p strong { font-size:20px; color:#000; }
section.leistungsbeschreibung .wpb_single_image .vc_figure { width:100%; }
section.leistungsbeschreibung .wpb_single_image .vc_single_image-wrapper { width:100%; display:block; }
section.leistungsbeschreibung .wpb_single_image img { width:100%; height:auto; }
.leistungs-keywords { margin-top:30px; }
.leistungs-keywords ul li { font:400 36px/1.2em plantin,serif; border-bottom:1px solid #ddd; padding:15px 0; color:#000; }

.projekte-liste { padding-top:100px !important; padding-left:0 !important; padding-right:0 !important; }
.alle-projekte-head p { font:400 54px/1.2em plantin,serif; border-bottom:1px solid #ddd; padding:15px 0; color:#fff; max-width:50%; }

.projekte-container { margin-left:-15px; margin-right:-15px; }
.projekte-grid { margin-top:50px; display:grid; grid-template-columns:25% 25% 25% 25%; grid-column-gap:0px; grid-row-gap:25px; }
.projekte-grid .projekt-item { cursor:pointer; border-radius:0 0 4px 4px; position:relative; }
.projekte-grid .projekt-item > div { padding:15px 15px 30px 15px; }
.projekte-grid .projekt-item .projekt-preview { width:100%; padding-top:100%; position:relative; margin-top:0px; margin-bottom:10px; }
.projekte-grid .projekt-item .projekt-preview img { width:100%; height:100%; display:block; position:absolute; top:0; object-fit:cover; }
.projekte-grid .projekt-item .projekt-metatitle { font:300 16px/1.2em 'Helvetica Neue',sans-serif; color:#fff; /*border-bottom:1px solid #fff;*/ padding-bottom:10px; }
.projekte-grid .projekt-item .projekt-metatitle span { font:300 16px/1.3em 'Helvetica Neue',sans-serif; color:#fff; display:block; }
.projekte-grid .projekt-item .projekt-metatitle span:first-child { font:400 16px/1.3em 'Helvetica Neue',sans-serif; color:#888; }
.projekte-grid .projekt-item .projekt-title { min-height:60px; display:flex; }
.projekte-grid .projekt-item .projekt-title a { font:600 23px/1.0em plantin,serif; color:#fff; padding-bottom:0px; text-decoration:none; padding:10px 0 10ox 0; display:block; text-transform:uppercase; align-self:center; }
.projekte-grid .projekt-item .projekt-description { font:300 16px/1.4em 'Helvetica Neue',sans-serif; color:#fff; }

.projekt-item .filter { display:block; font:300 10px/1em 'Helvetica Neue',sans-serif; color:#fff; padding-left:28px; height:20px; }
.projekt-item .filter > span { width:20px; height:20px; background:#fff; border-radius:50%; position:absolute; overflow:hidden; display:block; left:15px; }
.projekt-item .filter > span > em { position:absolute; font:700 12px/1em 'Helvetica Neue',sans-serif; color:#000 !important; top:5px; width:100%; text-align:center; }
.projekt-item .filter strong { font:600 12px/1em 'Helvetica Neue',sans-serif; color:#fff; text-transform:uppercase; letter-spacing:0.07em; position:absolute; top:19.5px; display:block; }


.projekte-grid .projekt-item:hover { background:var(--main-color); }
.projekte-grid .projekt-item:hover .projekt-metatitle { color:#141423; border-color:#141423 }
.projekte-grid .projekt-item:hover .projekt-metatitle span { color:#141423; }
.projekte-grid .projekt-item:hover .projekt-title a { color:#141423; }
.projekte-grid .projekt-item:hover .projekt-description { color:#141423; }

.projekt-item:hover .filter > span { background:#000; }
.projekt-item:hover .filter > span > em { color:#fff !important; }
.projekt-item:hover .filter strong { color:#000; }


.projekt .swiper-hero-slider .swiper-slide img { display:block; width:100%; height:auto; }
.swiper-button-next { width:24px; height:48px; top:50%; background:url(../images/arrow-r.png) no-repeat center center; right:25px; }
.swiper-button-prev { width:24px; height:48px; top:50%; background:url(../images/arrow-l.png) no-repeat center center; left:25px; }

section.projekt { padding:25px 0 100px 0 !important; }
.projekt h1 { font:600 52px/1.2em plantin,serif; color:#fff; border-bottom:1px solid #fff; padding-bottom:10px; margin-top:50px; }
.projekt .projekt-infos { display:grid; grid-template-columns:50% 50%; width:100%; grid-column-gap:0px;}
.projekt .projekt-infos > div { border-right:1px solid #fff; border-bottom:1px solid #fff; padding:20px; }
.projekt .projekt-infos > div:nth-child(odd) { padding-left:0px; }
.projekt .projekt-infos > div:nth-child(even) { border-right:0; }
.projekt .projekt-infos .projekt-infos-item { font:400 18px/1.5em plantin,serif; color:#fff; }
.projekt .projekt-infos .projekt-infos-item p { font:400 18px/1.5em plantin,serif; color:#fff; }
.projekt .projektbeschreibung { margin-top:50px; }
.projekt .projektbeschreibung p { font:400 20px/1.5em plantin,serif; color:#fff; }

.always-100, .always-100 > .vc_figure, .always-100  a, .always-100 > .vc_figure > div, .always-100 > .vc_figure img { width:100%; display:block; margin-bottom:0 !important; }
.height-100, .height-100 * { height:100%; margin-bottom:0; }
.height-100 > div { height:100%; position:relative; }
.full-8-4 { margin-left:20px !important; margin-right:20px !important; }
.full-6-6 { margin-left:20px !important; margin-right:20px !important; }
.text-1-3 > div { margin-left:4em; margin-right:4em; }
.text-1-4 > div { margin-left:4em; margin-right:4em; }
.text-1-4-standort > div { margin-left:2em; margin-right:2em; }
.annual-journal-text h2 { font:italic 400 30px/1.2em plantin,serif; color:#000; margin-bottom:0.5em; }
.annual-journal-text p { font:400 16px/1.3em plantin,serif; color:#555; }
.annual-journal-text p strong { font-weight:400; color:var(--main-color-alt); }
.annual-journal-text a, .annual-journal-text a.btn { padding:12px 20px; color:#fff; background:#212435; border-radius:5px; font:400 14px/1em 'Helvetica Neue',sans-serif; text-decoration:none; }
.annual-journal-text a:hover, .annual-journal-text a.btn:hover { color:#000; background:var(--main-color); }



section.magazine-blocks { max-width:1640px !important; margin:25px auto 0 !important; display:grid; grid-template-columns:1fr 1fr 1fr 1fr; grid-column-gap:30px; grid-row-gap:30px; padding-top:0 !important; }
section.magazine-blocks .span-2 { grid-column:span 2; }
section.magazine-blocks .span-3 { grid-column:span 3; }
section.magazine-blocks .span-4 { grid-column:span 4; }
section.magazine-blocks .wpb_single_image { margin-bottom:0 !important; }
section.magazine-blocks .wpb_single_image img, .height-100 img { width:100%; height:100%; object-fit:cover; }
section.magazine-blocks > div { cursor:pointer; background:#fff; border-radius:5px; overflow:hidden; box-shadow:-5px -1px 10px rgba(0,0,0,.15), 5px 5px 10px rgba(0,0,0,0.15); }
section.magazine-blocks .wpb_text_column { padding:20px 25px 0; margin-bottom:0 !important }
section.magazine-blocks .span-4 .wpb_text_column { padding:0px 50px 0; margin-bottom:0 !important }
section.magazine-blocks .wpb_text_column h2 { font:400 30px/1.2em plantin,serif; color:#555; letter-spacing:-0.02em; margin-top:20px; }
section.magazine-blocks .wpb_text_column h3 { font:300 14px/1em 'Helvetica Neue',sans-serif; color:#555; background:#FDEFD2; margin-left:-25px; margin-right:-25px; margin-top:10px; margin-bottom:10px; padding:8px 25px; box-sizing:border-box; text-transform:uppercase; letter-spacing:0.1em; }
section.magazine-blocks .span-4 .wpb_text_column h3 { margin-left:-50px; margin-right:-50px; padding-left:50px; }
section.magazine-blocks .wpb_text_column h3.green { background:#D9ECDB; }
section.magazine-blocks .wpb_text_column.default-color h3 { background:var(--main-color); }
section.magazine-blocks .wpb_text_column p { font:300 16px/1.5em plantin,serif; color:#888; margin-bottom:0 !important; margin-top:1em;  }
section.magazine-blocks .vc_row-o-equal-height div, section.magazine-blocks .vc_row-o-equal-height figure, section.magazine-blocks .vc_row-o-equal-height a { height:100%; }

.post-header-text-borders { padding:25px 0; border:1px solid #ddd; border-width:1px 0 1px 0; }
.post-header-text { max-width:80%; }
.post-header-text h4  {  color:var(--main-color-alt); font:400 14px/1.3em plantin,serif; margin-bottom:0; letter-spacing:0.1em; text-transform: uppercase; }
.post-header-text h2  {  color:#000; font:400 42px/1.3em plantin,serif; margin-bottom:0;  }
.post-header-text p { margin-bottom:1em !important; color:#333; font-size:16px; }
.post-header-text p:last-child { margin-bottom:0 !important; color:#333; font-size:16px; }

.post-content h3 { font:italic 400 30px/1em plantin,serif; color:var(--main-color-alt); padding-bottom:5px; margin-bottom:20px; border-bottom:1px solid #ddd; }
.post-content p { font-size:16px; color:#555; }
.post-content .vc_figure-caption { font:400 14px/1em 'Helvetica Neue',sans-serif; color:#888; padding-top:5px; text-align:right;}
.post-content p a { font:inherit; color:var(--main-color); text-decoration:none; }
.post-content p a:hover { color:#000; }
.no-headline > div { margin-top:35px; border-top:1px solid #ddd; padding-top:21px; }
.post-content .post-info-block { background:var(--main-color); box-sizing:border-box; margin-top:50px; }
.post-content .post-info-block > div { padding:20px; box-sizing:border-box; }
.post-content .post-info-block .wpb_text_column { padding:0px 50px; margin-bottom:0 !important; }
.post-content .post-info-block .wpb_text_column h4 {  font:italic 400 30px/1em plantin,serif; color:#fff; padding-bottom:5px; margin-bottom:20px; border-bottom:1px solid #fff; }
.post-content .post-info-block .wpb_text_column p { line-height:1.5em; margin-bottom:0 !important; color:#000; font-weight:300; }

.standort-text .mail-spacer { display:inline-block; margin-left:47px; }
.standort-text h2 { color:var(--main-color-alt); font:400 19px/1em plantin,serif; max-width:300px; border-bottom:1px solid #e2e2e2; padding-bottom:2px; margin-bottom:10px; }
.standort-text h2 strong { color:#000; font:400 25px/1em plantin,serif; text-transform:uppercase; display:block; margin-top:5px; }
.standort-text a { font:inherit; color:inherit; text-decoration:none; }
.standort-text a.btn { padding:12px 20px; color:#fff; background:#212435; border-radius:5px; font:400 14px/1em 'Helvetica Neue',sans-serif; text-decoration:none; }
.standort-text a.btn:hover { color:#000; background:var(--main-color); }

a.btn-back { padding:12px 20px; color:#fff; background:#212435; border-radius:5px; font:400 14px/1em 'Helvetica Neue',sans-serif; text-decoration:none; }
a.btn-back:hover { color:#000; background:var(--main-color); }

.nachhaltigkeit h4 { color:#000; font:500 24px/1.2em 'Helvetica Neue',sans-serif; margin-bottom:1.5em; margin-top:70px; position:relative; }
.nachhaltigkeit h4::before { content:""; display:block; position:absolute; left:-40px; top:4px; background:url(/wp-content/uploads/2024/10/TCP_Icon.svg) no-repeat center center / contain; width:18px; height:18px; }
.nachhaltigkeit h5 { font:700 42px/1.2em 'Helvetica Neue',sans-serif; color:#000; margin-bottom:1.5em; }
.nachhaltigkeit h6 { font:500 42px/1.2em 'Helvetica Neue',sans-serif; color:#000; margin-bottom:0em; }
.nachhaltigkeit h6.smaller { font:500 28px/1.2em 'Helvetica Neue',sans-serif; color:#000; margin-bottom:0em; }
.nachhaltigkeit p { font:400 18px/1.5em 'Helvetica Neue',sans-serif; color:#000; margin-bottom:1em; }
.nachhaltigkeit hr { height:3px; border:0; outline:0; width:100%; background:#3ACA67; }
.nachhaltigkeit a { color:var(--main-color); font:inherit; text-decoration:none; }
.nachhaltigkeit a:hover { color:#000; }
.nachhaltigkeit .grey-blocks > div:first-child { padding-right:50px; }
.nachhaltigkeit .grey-blocks > div:last-child { padding-left:50px; }
.nachhaltigkeit .grey-blocks > div > div { background:#efefef; border-radius:15px; box-shadow:-5px -1px 10px rgba(0,0,0,.15), 5px 5px 10px rgba(0,0,0,0.15); box-sizing:border-box; padding:20px !important; }
.nachhaltigkeit .grey-blocks > div > div p { font:400 16px/1.5em 'Helvetica Neue',sans-serif; }
.nachhaltigkeit .grey-blocks > div > div h4 { font:700 36px/1.5em 'Helvetica Neue',sans-serif; color:#1B945A; margin-bottom:20px; margin-top:0; }
.nachhaltigkeit .grey-blocks > div > div h4::before { display:none; }
.nachhaltigkeit img { display:block; margin-bottom:0; }
.nachhaltigkeit .wpb_single_image { margin-bottom:0 !important; }
.nachhaltigkeit .sub-head-nachhaltigkeit { border-top:3px solid var(--main-color); }
.nachhaltigkeit .sub-head-nachhaltigkeit p { color:#fff; font:700 36px/1em 'Helvetica Neue',sans-serif; }
.nachhaltigkeit .sub-head-nachhaltigkeit .wpb_text_column { margin-bottom:0 !important; padding:40px 20px; }

.job-grid { display:grid; grid-template-columns:1fr 1fr; grid-column-gap:30px; grid-row-gap:30px; }
.job-item { box-shadow:0 3px 10px 0 rgba(0, 0, 0, .2); background:#fff; padding:25px; border-radius:0 0 5px 5px; }
.job-item .job-title a { font:400 30px / 1.2em plantin, serif; color:#555; text-decoration:none; padding:10px 0 25px 0; display:block; }
.job-item .job-beschreibung { font:300 14px/1em 'Helvetica Neue',sans-serif; background:var(--main-color); text-decoration:none; padding:10px 25px; color:#000; margin-left:-25px; margin-right:-25px; }
.job-item .job-description { font:400 18px/1.5em plantin,serif; color:#555; padding:25px 0; min-height:5em; }
.job-item .job-link { padding-bottom:10px; }
.job-item a.btn { padding:12px 20px; color:#fff; background:#212435; border-radius:5px; font:400 14px/1em 'Helvetica Neue',sans-serif; text-decoration:none; }
.job-item a.btn:hover { color:#000; background:var(--main-color); }

section.job { box-shadow:0 3px 10px 0 rgba(0, 0, 0, .2);  border-radius:0 0 5px 5px; padding:25px !important; }
section.job h2  { font:400 30px / 1.2em plantin, serif; color:#555; text-decoration:none; padding:10px 0 0 0; display:block; }
section.job h4 { font:400 20px/1.5em 'Helvetica Neue',sans-serif; color:var(--main-color-text); border-bottom:1px solid #eee; padding-bottom:10px; margin-bottom:20px; }
section.job .text h4 { font:400 16px/1.5em plantin,serif; color:var(--main-color-text); border:0; margin-bottom:0; padding-bottom:0; }
section.job ul { list-style-type:disc; padding-left:40px; margin-bottom:30px; }
section.job p { color:#000; font:400 16px/1.5em plantin,serif; }
section.job p a { color:var(--main-color); font:inherit; text-decoration:none; }
section.job p a:hover { color:#000; }
section.job ul li { list-style-type:disc; padding-left:0px; font:400 16px/1.5em plantin,serif; margin:10px 0; }

.mobile-menu { display:block; position:fixed; top:71px; bottom:0; left:0; right:0; width:100%; background:rgba(34, 37, 53, 0.98); z-index:100; overflow:auto; }
.mobile-menu ul li { display:block; text-align:center; }
.mobile-menu ul li a { color:#fff; text-align:center; text-decoration:none; font:700 16px/1em 'Helvetica Neue',sans-serif; display:block; padding:20px 20px; position:relative; border-bottom:1px solid rgba(255,255,255,.22); }


.bicon-icon, .wbre-icon { display:none; }

a.menu-btn, .mobile-menu { display:none; }

.text-white * { color:#fff !important; }

.search-results-grid { display:grid; grid-template-columns:25% 25% 25% 25%; grid-column-gap:20px; grid-row-gap:20px; }
.search-results-grid > div { background:#fff; border-radius:0 0 4px 4px; box-sizing:border-box; padding:15px; }
.search-results-grid > div a { text-decoration:none; }
.search-results-grid > div .search-item-meta { text-decoration:none; color:#888; font:400 16px/1em 'Helvetica Neue',sans-serif; margin-bottom:10px; padding-top:10px; }
.search-results-grid > div .search-item-title { font:400 30px/1.0em plantin, serif; color:#000; padding-bottom:25px; border-bottom:1px solid #888; margin-bottom:25px; }
.search-results-grid > div .search-item-preview { font:400 18px/1.4em plantin, serif; color:#000; padding-bottom:25px; }


.highlight { position:fixed; z-index:99; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.6); display:none; }
/*body.home .highlight { display:block; }*/
.highlight .highlight-content { height:80vh; width:auto; position:absolute; top:50%; transform:translate(-50%,-50%); left:50%; }
.highlight .highlight-content > img { height:100%; display:block; width:auto; }
.highlight .close-btn { width:20px; height:20px; position:absolute; top:20px; right:20px; transform:rotate(-45deg); transform-origin:50% 50%; }
.highlight .close-btn a { display:block; width:100%; height:100%; }
.highlight .close-btn a::after { content:""; display:block; position:absolute; width:100%; height:2px; left:0; top:50%; transform:translateY(-50%); background:#fff; }
.highlight .close-btn a::before { content:""; display:block; position:absolute; width:2px; height:100%; left:50%; transform:translateX(-50%); top:0; background:#fff; }

.footer-top-row > div > div > div { align-self:center; }

.social { text-align:right; }
.social a { display:inline-block; margin-left:20px; color:#fff; font-size:30px; }
.social a:hover { opacity:.8; }


body.single-issues .vc_col-sm-6 .wpb_wrapper > div:last-child p:last-child a { border-bottom:0 !important; }

body.single-issues section.more-journals { padding-top:50px !important; margin-top:50px !important; border-top:1px solid #aaa; }
.magazine-grid { display:grid; grid-template-columns:1fr 1fr 1fr 1fr 1fr; grid-gap:50px; padding:0 0 50px 0; }
.magazine-grid .magazin-preview { margin-bottom:10px; }
.magazine-grid img { max-width:100%; height:auto; display:block; }
.magazine-grid .magazin-title a { font:400 18px/1.4em plantin, serif; color:#000; display:block; text-align:center; text-decoration:none; } 	

body .leistung-boxen-neu .leistungen-box { margin-bottom:20px; }
body .leistung-boxen-neu .leistungen-box > div .leistungen-box-head { background:#161A25; text-align:center; padding:40px 10px; }
body .leistung-boxen-neu .leistungen-box > div { background:#f1f1f1 !important; border:1px solid #ccc !important; padding:0 !important; box-shadow:none !important; border-radius:0 !important; }
body .leistung-boxen-neu .leistungen-box > div .wpb_single_image { padding:0 !important; }
body .leistung-boxen-neu .leistungen-box-head p { display:block;font:400 22px/1em plantin-condensed,serif !important; color:#fff; text-transform:normal; letter-spacing:0.0em; align-content: center; } 
body .leistung-boxen-neu .leistungen-box-text { padding:20px; }
body .leistung-boxen-neu .leistungen-box-text ul li { border-bottom:0 !important; color:#000; font:400 16px/1.5em 'Helvetica Neue',sans-serif !important; padding-left:45px; position:relative; }
body .leistung-boxen-neu .leistungen-box-text ul li::before { content:""; width:30px; height:30px; background:url(../images/check.svg) center / 14px no-repeat #fff; border-radius:50%; display:block; position:absolute; left:0px; top:6px; }
body .leistung-boxen-neu .leistungen-box .learn-more { padding:25px 25px 0 25px; }
body .leistung-boxen-neu .leistungen-box .learn-more a { padding:15px 15px 13px; background-color: var(--main-color); border:1px solid var(--main-color-text); display:block; margin:0 auto; font:600 16px/1em 'Helvetica Neue',sans-serif; text-decoration:none; text-align:center; color:#000; border-radius:4px; }
body .leistung-boxen-neu .leistungen-box:hover > div { border-color:var(--main-color-alt) !important; cursor:pointer; }
body .leistung-boxen-neu .leistungen-box:hover > div .learn-more a { background-color:var(--main-color-alt) !important; cursor:pointer; }

.leistungen-section-single { background:#FFFFFF url(https://wbre.de/wp-content/uploads/2025/02/WBRE-Leistungen-1.jpg?id=1442)  no-repeat center top / contain !important; }

section.full > div.leistungs-grid-outer { transform:translateY(-10rem); position:relative; z-index:1; }

.uber-uns-text p { color:#000; }
a.btn-primary { padding:15px 15px 13px; background-color: var(--main-color); border:1px solid var(--main-color-text); display:table; font:600 16px/1em 'Helvetica Neue',sans-serif; text-decoration:none; text-align:center; color:#000; border-radius:4px; margin-top:40px; }
a.btn-primary:hover { background-color:var(--main-color-alt) !important; cursor:pointer; }

.uber-uns-text h3 { font:400 32px / 1.2em plantin, serif !important; text-transform:normal !important; text-align:center;  }
.uber-uns-text-caption p { text-align:center; color:#888; margin:20px auto; }

.interview-block { background:var(--main-color); padding:25px; }
.interview-block * { color:#000; }
.interview-block h2 { font:700 28px/1.2em plantin-condensed,serif; margin-bottom:30px; }
.interview-block h3 { font:700 20px/1.2em plantin-condensed,serif; color:#fff; }
.linkbox { cursor:pointer; }

a.btn-white { padding:15px 15px 13px; background-color:#fff; border:1px solid #fff; display:table; font:600 16px/1em 'Helvetica Neue',sans-serif; text-decoration:none; text-align:center; color:#000; border-radius:4px; margin-top:40px; }
a.btn-white:hover { background-color:#f2f2f2 !important; cursor:pointer; }

.post-password-form p { color:#000; }
.post-password-form { padding:100px 0; max-width:600px; margin:0 auto; }
.post-password-form label { display:block; float:left; }
.post-password-form input[type=password] { background:#f2f2f2; padding:10px; font:600 24px/1em 'Helvetica Neue',sans-serif; border:1px solid #eee; border-radius:10px; }
.post-password-form input[type=submit] { display:block; margin-left:5px; background:var(--main-color); padding:14px; font:600 18px/1em 'Helvetica Neue',sans-serif; border:1px solid var(--main-color); color:#000; border-radius:10px; }

.projekt-navigation { border-bottom:1px solid #888; display:grid; grid-template-columns:33% 34% 33%; padding-bottom:5px; margin-bottom:10px; }
.projekt-navigation a { font:300 14px/32px 'Helvetica Neue',sans-serif; color:#ccc; text-decoration:none; text-align:center; box-sizing:border-box; text-transform:uppercase; letter-spacing:0.1em; }
.projekt-navigation a.next, .projekt-navigation a.prev { width:100%; height:32px; background:url(/wp-content/uploads/2025/04/next-project.png) no-repeat right center;  display:inline-block; padding-right:40px; text-align:right; transform:translateX(10px); }
.projekt-navigation a.prev { background:url(/wp-content/uploads/2025/04/prev-project.png) no-repeat left center; padding:0 0 0 40px; text-align:left; transform:translateX(-10px); }
.projekt-navigation a:hover { color:#fff; }

.projekte-filter ul { display:inline-block; }
.projekte-filter ul li { display:inline-block; margin-right:30px; }
.projekte-filter ul li a { display:block; color:#fff; text-decoration:none; position:relative; padding-left:40px; }
.projekte-filter ul li a > span { width:30px; height:30px; background:#fff; border-radius:50%; position:absolute; overflow:hidden; display:block; left:0px; }
.projekte-filter ul li a > span em { position:absolute; font:700 18px/32px 'Helvetica Neue',sans-serif; color:#000 !important; top:0px; width:100%; text-align:center; }
.projekte-filter ul li a > strong { color:#fff; font:700 18px/32px 'Helvetica Neue',sans-serif; }

.projekte-standort-filter ul { display:inline-block; }
.projekte-standort-filter ul li { display:inline-block; margin-right:30px; }
.projekte-standort-filter ul li a { display:block; color:#fff; text-decoration:none; position:relative; padding-left:40px; }
.projekte-standort-filter ul li a > span { width:30px; height:30px; background:#fff; border-radius:50%; position:absolute; overflow:hidden; display:block; left:0px; }
.projekte-standort-filter ul li a > span em { position:absolute; font:700 18px/32px 'Helvetica Neue',sans-serif; color:#000 !important; top:0px; width:100%; text-align:center; }
.projekte-standort-filter ul li a > strong { color:#fff; font:700 18px/32px 'Helvetica Neue',sans-serif; }


.kontakt-grid { display:grid; grid-template-columns:1fr 1fr 1fr 1fr; padding-left:0 !important; padding-right:0 !important; grid-column-gap:25px; grid-row-gap:25px; padding-top:35px !important; }
.kontakt-grid > div:nth-child(1) { grid-column:1 / span 2; }
.kontakt-grid > div:nth-child(2) { grid-column:3 / span 2; }
.kontakt-grid > div:nth-child(3) { grid-column:1 / span 1; }
.kontakt-grid > div:nth-child(4) { grid-column:2 / span 2; }
.kontakt-grid > div:nth-child(5) { grid-column:4 / span 1; }

.kontakt-grid > div:nth-child(1) > div, .kontakt-grid > div:nth-child(2) > div, .kontakt-grid > div:nth-child(4) > div { width:40% !important; }
.kontakt-grid > div:nth-child(1) > div:first-child, .kontakt-grid > div:nth-child(2) > div:first-child, .kontakt-grid > div:nth-child(4) > div:first-child { width:60% !important; }
.kontakt-grid > div:nth-child(3) > div, .kontakt-grid > div:nth-child(5) > div { width:100% !important; }
.kontakt-grid > div:nth-child(1) > div img, .kontakt-grid > div:nth-child(2) > div img, .kontakt-grid > div:nth-child(4) > div img { height:550px; object-fit:cover; }
.kontakt-grid > div:nth-child(3) > div img, .kontakt-grid > div:nth-child(5) > div img { width:100% !important; height:250px !important; object-fit:cover; }
.kontakt-grid .wpb_single_image { margin-bottom:0 !important; }
.kontakt-grid .text-1-4-standort > div { justify-content:start !important; padding:25px !important; margin:0 !important; }
.kontakt-grid .standort-text h2 { margin-left:-25px; margin-right:-25px; margin-top:30px; padding:12px 25px 10px 25px; background:var(--main-color); font:300 16px/1em 'Helvetica Neue',sans-serif; color:#000; border-bottom:0; text-transform:uppercase; letter-spacing:0.1em; }
.kontakt-grid .standort-text p { font:400 16px/1.7em plantin,serif; margin-bottom:1em; }
.kontakt-grid .standort-text .mail-spacer { margin-left:42px; }
.kontakt-grid > div:nth-child(3) h2, .kontakt-grid > div:nth-child(5) h2 { margin-top:0 !important; }
.kontakt-grid > div:nth-child(3) .text-1-4-standort > div, .kontakt-grid > div:nth-child(5) .text-1-4-standort > div { padding-top:0 !important; }
.kontakt-grid .standort-text a.btn { margin-top:20px !important; display:table; }
.kontakt-grid .full-8-4 { margin-left:0 !important; margin-right:0 !important; margin-top:0 !important; }

.projekte-filter.filtered li a { opacity:0.5; }
.projekte-filter.filtered li a.active { opacity:1; }

.projekte-standort-filter.filtered li a { opacity:0.5; }
.projekte-standort-filter.filtered li a.active { opacity:1; }


@media (max-width: 1500px){ 
    header .brand a.bicon-logo { left:20px; }
    header .brand a.wbre-logo { right:20px; }
    header .header-top-inner, header .header-bottom-inner { padding-left:20px; padding-right:20px; }
    section:not(.full) { margin-left:20px !important; margin-right:20px !important; }
    .quote img { width:100px; right:0; }
    .footer-top > div { padding-left:20px; padding-right:20px; }
    .footer-bottom > div { padding-left:20px; padding-right:20px; }
    section.max-80 > div { max-width:90%; }
    
    .single-projekt section:not(.full)  { padding:15px 0; }
	section.full > div.leistungs-grid-outer { transform:translateY(-7rem); position:relative; z-index:1; }
}

@media (max-width: 1440px){ 
    section.magazine-blocks .span-1 .wpb_text_column { padding-top:0 !important; }
    section.magazine-blocks .span-1 .wpb_text_column p { margin-top:20px;  }

}

@media (max-width: 1340px){ 
    .kontakt-grid > div:nth-child(1) > div, .kontakt-grid > div:nth-child(2) > div, .kontakt-grid > div:nth-child(4) > div { width:50% !important; }
    .kontakt-grid > div:nth-child(1) > div:first-child, .kontakt-grid > div:nth-child(2) > div:first-child, .kontakt-grid > div:nth-child(4) > div:first-child { width:50% !important; }
}

@media (max-width: 1300px){
    .text-1-3 > div  { margin-left:3em; margin-right:3em; }
    .text-1-4 > div { margin-left:3em; margin-right:3em; }
    .annual-journal-text p { margin-bottom:1.3em; }
    section.magazine-blocks .span-1 .wpb_text_column p { margin-top:15px;  }
    section.magazine-blocks .wpb_text_column h2 { font:400 16px/1.2em plantin,serif; }
    section.magazine-blocks .wpb_text_column h3 { font:300 11px/1em 'Helvetica Neue',sans-serif; }
    section.magazine-blocks .wpb_text_column p { font:300 14px/1.3em plantin,serif; color:#888; margin-bottom:0 !important; margin-top:1em;  }
	.post-header > .text-1-4 { padding-top:50px; padding-bottom:50px; }
	.leistung-boxen-neu .leistungen-box { width:33.3333%; }
}


@media (max-width: 1200px){
    .annual-journal-text h2 { font-size:24px; }
    .annual-journal-text p { font-size:15px; }
    .annual-journal-text a, .annual-journal-text a.btn { font-size:12px; }
    header .menu-container .menu-hauptmenue-container .navigation { transform: translateX(-20px); }
    header .menu-container .menu-hauptmenue-container .navigation li a { padding:18px 20px; font-size:14px; }
    header .languageavigation a{ padding:18px 0px; font-size:14px; }
    header .header-bottom-inner { grid-template-columns: 1fr 50px; }
    .projekte-grid { grid-template-columns:33.33% 33.33% 33.33%; grid-column-gap:0px; grid-row-gap:25px; }
}

@media (max-width: 1100px){
    .text-1-3 > div  { margin-left:2.5em; margin-right:2.5em; }
    .annual-journal-text p { font-size:13px; }
    .kontakt-grid > div:nth-child(1) { grid-column:1 / span 4; }
    .kontakt-grid > div:nth-child(2) { grid-column:1 / span 4; }
    .kontakt-grid > div:nth-child(3) { grid-column:1 / span 4; }
    .kontakt-grid > div:nth-child(4) { grid-column:1 / span 4; }
    .kontakt-grid > div:nth-child(5) { grid-column:1 / span 4; }    
}

@media (max-width: 1023px){	
	.highlight { top:70px; }
	.highlight .highlight-content { height:auto; top:0px; transform:translate(-50%,10px); width:100%; padding:10px; box-sizing:border-box; }
	.highlight .highlight-content > img { height:auto; width:100%; }
    header { position:fixed; width:100%; z-index:99; }
    #content-wrapper { padding-top:70px; }
    .language-container { display:none; }
    .menu-container { position:fixed; top:0; left:0; bottom:0; background:#fff; z-index:10001; display:none; }
    header .header-top-inner { height:70px; }
    header .brand a.bicon-logo { left:auto; right:100px; width:70px; }
    header .brand a.wbre-logo img { height:40px; }
    a.menu-btn { display:block; width:30px; height:30px; background:url(../images/menu.svg) no-repeat center center / contain; position:absolute; top:20px; left:20px; }
    section.wbre-marketing-field-top > div, section.wbre-marketing-field-middle > div { max-width:100%; }
    .bicon-icon, .wbre-icon { display:none; }
    .projekte-grid { grid-template-columns:50% 50%; grid-column-gap:0px; grid-row-gap:25px; }
    .alle-projekte-head p { max-width:100%; }
    .text-1-3, .text-1-4 { padding-top:50px; padding-bottom:50px; } 
    .annual-journal-text a, .annual-journal-text a.btn { display:table; }
    section.magazine-blocks { padding-left:0 !important; padding-right:0 !important; display:block; }
    section.magazine-blocks .span-1 { margin-bottom:30px; }
    section.magazine-blocks .span-2 { margin-bottom:30px; }
    section.magazine-blocks .span-3 { margin-bottom:30px; }
    section.magazine-blocks .span-4 { margin-bottom:30px; }
    section.magazine-blocks .wpb_text_column { padding:20px 25px 30px; }
    section.magazine-blocks .span-4 .wpb_text_column { padding-top:5px; padding-bottom:25px; }
    .text-1-4-standort { order:2; padding:25px; }
    .text-1-4-standort > div { margin:0; }
    .nachhaltigkeit .wpb_text_column { padding-left:25px; padding-right:25px; }
    .nachhaltigkeit h4{ padding-left:25px; }
    .nachhaltigkeit h4::before { left:-2px; }
    .nachhaltigkeit h5 { font-size:32px; }
    .nachhaltigkeit .grey-blocks > div > div h4 { padding-left:0 !important; font-size:24px; }
    .nachhaltigkeit .grey-blocks > div:first-child { padding:20px; }
    .nachhaltigkeit .grey-blocks > div:last-child { padding:20px; }
    .nachhaltigkeit .grey-blocks .wpb_text_column { padding-left:0 !important; padding-right:0 !important; }
    .nachhaltigkeit h6, .nachhaltigkeit .sub-head-nachhaltigkeit p { font-size:30px; }
    .start-block h2 { font-size:32px; }
    .start-block-columns > div > div > div:last-child { border-bottom:1px solid #B9B5B5; margin-bottom:30px; padding-bottom:30px; }
    .start-block-columns > div > div:last-child { margin-top:80px; }
    .white-box-text-bottom { position:static; display:none; }
    .click-item { margin-bottom:35px; border-bottom:1px solid #888; padding-bottom:35px !important; }
    .post-header-text h2 { font-size:28px; }
    .text-1-4 > div { margin-left:20px; margin-right:20px; }
    .post-header-text { width:100%; max-width:100%; }
    section.post-content { margin:0 !important; }
    section.post-content .vc_column_container  { padding-left:20px !important; padding-right:20px !important; }
    .p150 { padding-top:75px !important; padding-bottom:75px !important; }
    .job-grid { display:grid; grid-template-columns:1fr; grid-column-gap:0px; grid-row-gap:30px; }
    .job-item .job-title a { font-size:24px; }
    section.leistungsbeschreibung h1 { font-size:24px; }
    section.leistungsbeschreibung > .vc_row.leistungs-row > div:first-child { padding-right:0 !important; }
    section.leistungsbeschreibung > .vc_row.leistungs-row > div:last-child { padding-left:0 !important; margin-top:35px; }
    .leistungs-keywords ul li { font-size:24px; }
	.magazine-grid { grid-template-columns:1fr 1fr; }
	.mobile-menu .language-container { display:block !important; }
	.leistung-boxen-neu .leistungen-box { width:50%; }
	.single-issues.pl50 { padding-left:0 !important; }
	.interview-block { padding:15px !important; }
	.interview-block .wpb_single_image { margin-bottom:20px !important; }
	.single-issues h4 { font:400 38px/1.2em plantin,serif !important; }
	.single-issues .topics p a br { display:none; }	
	.projekt-navigation { grid-template-columns:50px 1fr 50px; }
	.projekt-navigation a.next, .projekt-navigation a.prev { text-indent:9000em; overflow:hidden; }
	.projekt-navigation a.prev { text-indent:-9000em; }
	.projekte-filter ul li { display:block; margin-bottom:10px; }
}

@media (max-width: 768px){
	.projekt h1 { font-size:32px; }
    .projekte-grid { grid-template-columns:1fr; grid-column-gap:0px; grid-row-gap:25px; }
    section.magazine-blocks .span-1 { grid-column:span 1; }
    section.magazine-blocks .span-2 { grid-column:span 1; }
    section.magazine-blocks .span-3 { grid-column:span 1; }
    section.magazine-blocks .span-4 { grid-column:span 1; }
	.projekte-grid > div::after { background:#fff; content:""; display:block; margin:15px 15px 0 15px ; height:1px; }
	.leistung-boxen-neu .leistungen-box { width:100%; }
	section.full > div.leistungs-grid-outer { transform:translateY(0rem); position:relative; z-index:1; }
    
}