.wpml-ls-legacy-list-horizontal{border:1px solid transparent;padding:7px;clear:both}.wpml-ls-legacy-list-horizontal>ul{padding:0;margin:0 !important;list-style-type:none}.wpml-ls-legacy-list-horizontal .wpml-ls-item{padding:0;margin:0;list-style-type:none;display:inline-block}.wpml-ls-legacy-list-horizontal a{display:block;text-decoration:none;padding:5px 10px 6px;line-height:1}.wpml-ls-legacy-list-horizontal a span{vertical-align:middle}.wpml-ls-legacy-list-horizontal a span.wpml-ls-bracket{vertical-align:unset}.wpml-ls-legacy-list-horizontal .wpml-ls-flag{display:inline;vertical-align:middle}.wpml-ls-legacy-list-horizontal .wpml-ls-flag+span{margin-left:.4em}.rtl .wpml-ls-legacy-list-horizontal .wpml-ls-flag+span{margin-left:0;margin-right:.4em}.wpml-ls-legacy-list-horizontal.wpml-ls-statics-footer{margin-bottom:30px}.wpml-ls-legacy-list-horizontal.wpml-ls-statics-footer>ul{text-align:center}html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}
fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}*,*:before,*:after{box-sizing:inherit}html{box-sizing:border-box}body,button,input,select,optgroup,textarea{color:#404040;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;font-size:1rem;line-height:1.5}h1,h2,h3,h4,h5,h6{clear:both}p{margin-bottom:1.5em}dfn,cite,em,i{font-style:italic}blockquote{margin:0 1.5em}
address{margin:0 0 1.5em}pre{background:#eee;font-family:"Courier 10 Pitch",courier,monospace;line-height:1.6;margin-bottom:1.6em;max-width:100%;overflow:auto;padding:1.6em}code,kbd,tt,var{font-family:monaco,consolas,"Andale Mono","DejaVu Sans Mono",monospace}abbr,acronym{border-bottom:1px dotted #666;cursor:help}mark,ins{background:#fff9c0;text-decoration:none}big{font-size:125%}body{background:#fff}hr{background-color:#ccc;border:0;height:1px;margin-bottom:1.5em}ul,ol{margin:0 0 1.5em 3em}ul{list-style:disc}ol{list-style:decimal}li>ul,li>ol{margin-bottom:0;margin-left:1.5em}dt{font-weight:700}dd{margin:0 1.5em 1.5em}embed,iframe,object{max-width:100%}img{height:auto;max-width:100%}figure{margin:1em 0}table{margin:0 0 1.5em;width:100%}a{color:#4169e1}a:visited{color:purple}a:hover,a:focus,a:active{color:#191970}a:focus{outline:thin dotted}a:hover,a:active{outline:0}button,input[type=button],input[type=reset],input[type=submit]{border:1px solid;border-color:#ccc #ccc #bbb;border-radius:3px;background:#e6e6e6;color:rgba(0,0,0,.8);line-height:1;padding:.6em 1em .4em}
button:hover,input[type=button]:hover,input[type=reset]:hover,input[type=submit]:hover{border-color:#ccc #bbb #aaa}button:active,button:focus,input[type=button]:active,input[type=button]:focus,input[type=reset]:active,input[type=reset]:focus,input[type=submit]:active,input[type=submit]:focus{border-color:#aaa #bbb #bbb}input[type=text],input[type=email],input[type=url],input[type=password],input[type=search],input[type=number],input[type=tel],input[type=range],input[type=date],input[type=month],input[type=week],input[type=time],input[type=datetime],input[type=datetime-local],input[type=color],textarea{color:#666;border:1px solid #ccc;border-radius:3px;padding:3px}input[type=text]:focus,input[type=email]:focus,input[type=url]:focus,input[type=password]:focus,input[type=search]:focus,input[type=number]:focus,input[type=tel]:focus,input[type=range]:focus,input[type=date]:focus,input[type=month]:focus,input[type=week]:focus,input[type=time]:focus,input[type=datetime]:focus,input[type=datetime-local]:focus,input[type=color]:focus,textarea:focus{color:#111}
select{border:1px solid #ccc}textarea{width:100%}*{margin:0}*,*:before,*:after{box-sizing:inherit}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,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,main,input,textarea{margin:0;padding:0;border:0;font-size:100%;font-family:inherit}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,main{display:block}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}html{overflow-y:-moz-scrollbars-vertical;overflow-y:scroll;box-sizing:border-box}.cf:before,.cf:after{content:'';display:table}.cf:after{clear:both}.cf{zoom:1}body:after {
display:	none;
content:	'xl';
}
.inner {
padding-left: 12px;
padding-right: 12px;
}
.fl { float: none; } .xlg1 { width:8.333%; }
.xlg2 { width:16.666%; }
.xlg3 { width:24.999%; }
.xlg4 { width:33.333%; }
.xlg5 { width:41.666%; }
.xlg6 { width:49.999%; }
.xlg7 { width:58.333%; }
.xlg8 { width:66.666%; }
.xlg9 { width:74.999%; }
.xlg10 { width:83.333%; }
.xlg11 { width:91.666%; }
.xlg12 { width:100%; }
.xlg-hide { display:none; }
.xlg-show { display:block; }
.xlg-offset-left-1 { margin-left:8.333%; }
.xlg-offset-left-2 { margin-left:16.666%; }
.xlg-offset-left-3 { margin-left:24.999%; }
.xlg-offset-left-4 { margin-left:33.333%; }
.xlg-offset-left-5 { margin-left:41.666%; }
.xlg-offset-left-6 { margin-left:49.999%; }
.xlg-offset-left-7 { margin-left:58.333%; }
.xlg-offset-left-8 { margin-left:66.666%; }
.xlg-offset-left-9 { margin-left:74.999%; }
.xlg-offset-left-10 { margin-left:83.333%; }
.xlg-offset-left-11 { margin-left:91.666%; }
.xlg-offset-left-12 { margin-left:100%; }
.xlg-offset-right-1 { margin-right:8.333%; }
.xlg-offset-right-2 { margin-right:16.666%; }
.xlg-offset-right-3 { margin-right:24.999%; }
.xlg-offset-right-4 { margin-right:33.333%; }
.xlg-offset-right-5 { margin-right:41.666%; }
.xlg-offset-right-6 { margin-right:49.999%; }
.xlg-offset-right-7 { margin-right:58.333%; }
.xlg-offset-right-8 { margin-right:66.666%; }
.xlg-offset-right-9 { margin-right:74.999%; }
.xlg-offset-right-10 { margin-right:83.333%; }
.xlg-offset-right-11 { margin-right:91.666%; }
.xlg-offset-right-12 { margin-right:100%; } @media screen and (min-width: 1441px) {
.xxlg1 { width:8.333%; }
.xxlg2 { width:16.666%; }
.xxlg3 { width:24.999%; }
.xxlg4 { width:33.333%; }
.xxlg5 { width:41.666%; }
.xxlg6 { width:49.999%; }
.xxlg7 { width:58.333%; }
.xxlg8 { width:66.666%; }
.xxlg9 { width:74.999%; }
.xxlg10 { width:83.333%; }
.xxlg11 { width:91.666%; }
.xxlg12 { width:100%; }
.xxlg-hide { display:none; }
.xxlg-show { display:block; }
.xxlg-offset-left-1 { margin-left:8.333%; }
.xxlg-offset-left-2 { margin-left:16.666%; }
.xxlg-offset-left-3 { margin-left:24.999%; }
.xxlg-offset-left-4 { margin-left:33.333%; }
.xxlg-offset-left-5 { margin-left:41.666%; }
.xxlg-offset-left-6 { margin-left:49.999%; }
.xxlg-offset-left-7 { margin-left:58.333%; }
.xxlg-offset-left-8 { margin-left:66.666%; }
.xxlg-offset-left-9 { margin-left:74.999%; }
.xxlg-offset-left-10 { margin-left:83.333%; }
.xxlg-offset-left-11 { margin-left:91.666%; }
.xxlg-offset-left-12 { margin-left:100%; }
.xxlg-offset-right-1 { margin-right:8.333%; }
.xxlg-offset-right-2 { margin-right:16.666%; }
.xxlg-offset-right-3 { margin-right:24.999%; }
.xxlg-offset-right-4 { margin-right:33.333%; }
.xxlg-offset-right-5 { margin-right:41.666%; }
.xxlg-offset-right-6 { margin-right:49.999%; }
.xxlg-offset-right-7 { margin-right:58.333%; }
.xxlg-offset-right-8 { margin-right:66.666%; }
.xxlg-offset-right-9 { margin-right:74.999%; }
.xxlg-offset-right-10 { margin-right:83.333%; }
.xxlg-offset-right-11 { margin-right:91.666%; }
.xxlg-offset-right-12 { margin-right:100%; }
} @media screen and (min-width: 901px) and (max-width: 1200px) {
body:after { content: 'lg'; }
.lg1 { width:8.333%; }
.lg2 { width:16.666%; }
.lg3 { width:24.999%; }
.lg4 { width:33.333%; }
.lg5 { width:41.666%; }
.lg6 { width:49.999%; }
.lg7 { width:58.333%; }
.lg8 { width:66.666%; }
.lg9 { width:74.999%; }
.lg10 { width:83.333%; }
.lg11 { width:91.666%; }
.lg12 { width:100%; }
.lg-hide { display:none; }
.lg-show { display:block; }
.lg-offset-left-0 { margin-left:0; }
.lg-offset-left-1 { margin-left:8.333%; }
.lg-offset-left-2 { margin-left:16.666%; }
.lg-offset-left-3 { margin-left:24.999%; }
.lg-offset-left-4 { margin-left:33.333%; }
.lg-offset-left-5 { margin-left:41.666%; }
.lg-offset-left-6 { margin-left:49.999%; }
.lg-offset-left-7 { margin-left:58.333%; }
.lg-offset-left-8 { margin-left:66.666%; }
.lg-offset-left-9 { margin-left:74.999%; }
.lg-offset-left-10 { margin-left:83.333%; }
.lg-offset-left-11 { margin-left:91.666%; }
.lg-offset-left-12 { margin-left:100%; }
.lg-offset-right-0 { margin-right:0; }
.lg-offset-right-1 { margin-right:8.333%; }
.lg-offset-right-2 { margin-right:16.666%; }
.lg-offset-right-3 { margin-right:24.999%; }
.lg-offset-right-4 { margin-right:33.333%; }
.lg-offset-right-5 { margin-right:41.666%; }
.lg-offset-right-6 { margin-right:49.999%; }
.lg-offset-right-7 { margin-right:58.333%; }
.lg-offset-right-8 { margin-right:66.666%; }
.lg-offset-right-9 { margin-right:74.999%; }
.lg-offset-right-10 { margin-right:83.333%; }
.lg-offset-right-11 { margin-right:91.666%; }
.lg-offset-right-12 { margin-right:100%; }
} @media screen and (max-width: 900px) {
body:after { content: 'md'; }
.md1 { width:8.333%; }
.md2 { width:16.666%; }
.md3 { width:24.999%; }
.md4 { width:33.333%; }
.md5 { width:41.666%; }
.md6 { width:49.999%; }
.md7 { width:58.333%; }
.md8 { width:66.666%; }
.md9 { width:74.999%; }
.md10 { width:83.333%; }
.md11 { width:91.666%; }
.md12 { width:100%; }
.md-hide { display:none; }
.md-show { display:block; }
.md-offset-left-0 { margin-left:0; }
.md-offset-left-1 { margin-left:8.333%; }
.md-offset-left-2 { margin-left:16.666%; }
.md-offset-left-3 { margin-left:24.999%; }
.md-offset-left-4 { margin-left:33.333%; }
.md-offset-left-5 { margin-left:41.666%; }
.md-offset-left-6 { margin-left:49.999%; }
.md-offset-left-7 { margin-left:58.333%; }
.md-offset-left-8 { margin-left:66.666%; }
.md-offset-left-9 { margin-left:74.999%; }
.md-offset-left-10 { margin-left:83.333%; }
.md-offset-left-11 { margin-left:91.666%; }
.md-offset-left-12 { margin-left:100%; }
.md-offset-right-0 { margin-right:0; }
.md-offset-right-1 { margin-right:8.333%; }
.md-offset-right-2 { margin-right:16.666%; }
.md-offset-right-3 { margin-right:24.999%; }
.md-offset-right-4 { margin-right:33.333%; }
.md-offset-right-5 { margin-right:41.666%; }
.md-offset-right-6 { margin-right:49.999%; }
.md-offset-right-7 { margin-right:58.333%; }
.md-offset-right-8 { margin-right:66.666%; }
.md-offset-right-9 { margin-right:74.999%; }
.md-offset-right-10 { margin-right:83.333%; }
.md-offset-right-11 { margin-right:91.666%; }
.md-offset-right-12 { margin-right:100%; }
} @media only screen and (max-width: 600px) {
body:after { content: 'sm'; }
.sm1 { width:8.333%; }
.sm2 { width:16.666%; }
.sm3 { width:24.999%; }
.sm4 { width:33.333%; }
.sm5 { width:41.666%; }
.sm6 { width:49.999%; }
.sm7 { width:58.333%; }
.sm8 { width:66.666%; }
.sm9 { width:74.999%; }
.sm10 { width:83.333%; }
.sm11 { width:91.666%; }
.sm12 { width:100%; }
.sm-hide { display:none; }
.sm-show { display:block; }
.sm-offset-left-0 { margin-left:0; }
.sm-offset-left-1 { margin-left:8.333%; }
.sm-offset-left-2 { margin-left:16.666%; }
.sm-offset-left-3 { margin-left:24.999%; }
.sm-offset-left-4 { margin-left:33.333%; }
.sm-offset-left-5 { margin-left:41.666%; }
.sm-offset-left-6 { margin-left:49.999%; }
.sm-offset-left-7 { margin-left:58.333%; }
.sm-offset-left-8 { margin-left:66.666%; }
.sm-offset-left-9 { margin-left:74.999%; }
.sm-offset-left-10 { margin-left:83.333%; }
.sm-offset-left-11 { margin-left:91.666%; }
.sm-offset-left-12 { margin-left:100%; }
.sm-offset-right-0 { margin-right:0; }
.sm-offset-right-1 { margin-right:8.333%; }
.sm-offset-right-2 { margin-right:16.666%; }
.sm-offset-right-3 { margin-right:24.999%; }
.sm-offset-right-4 { margin-right:33.333%; }
.sm-offset-right-5 { margin-right:41.666%; }
.sm-offset-right-6 { margin-right:49.999%; }
.sm-offset-right-7 { margin-right:58.333%; }
.sm-offset-right-8 { margin-right:66.666%; }
.sm-offset-right-9 { margin-right:74.999%; }
.sm-offset-right-10 { margin-right:83.333%; }
.sm-offset-right-11 { margin-right:91.666%; }
.sm-offset-right-12 { margin-right:100%; }
} .mb60 {
margin-bottom: 60px;
}.site-main {
padding-top: 120px;
overflow-x: hidden;
}
body,html {
overflow-x: hidden;
max-width: 100vw;
}
.default-width {
max-width: 1440px;
position: relative;
margin: 50px auto;
padding: 0 8%;
}
*:active,
*:focus,
*:focus-visible,
*:focus-within,
*:hover,
*:target,
*:visited {
outline: none !important;
box-shadow: none !important;
-webkit-tap-highlight-color: rgba(0,0,0,0) !important;
}
@media screen and (min-width: 1441px) {
.default-width {
padding: 0 120px;
}
} .plus {
width: 100%;
height: 100px;
opacity: 1;
display: block;
position: relative;
}
.plus:before, .plus:after {
position: absolute;
left: 50%;
content: ' ';
height: 100px;
width: 2px;
background-color: #ec671b;
}
.plus:after {
transform: rotate(-90deg);
}   .headline-wrapper {
width: 100%;
display: flex;
flex-direction: column;
}
.headline {
align-self: flex-start;
padding: 0 50px 0 0;
}
.headline.right {
padding: 0 0 0 50px;
align-self: flex-end;
}
.headline-wrapper.right .headline {
padding: 0 0 0 50px;
align-self: flex-end;
}
@media screen and (max-width: 1200px) {
.headline-wrapper.right .headline {
align-self: flex-start;
padding: 25px 0 25px 0;
}
} .headline .h2 strong {
color: #ec671b;
font-weight: bold;
} .headline .h3 strong {
color: #ec671b;
font-weight: bold;
}
.headline .text-right {
text-align: right;
}
.headline .text-left {
text-align: left;
}
.headline .h2 strong {
color: #ec671b;
font-weight: bold;
} .read-more-trigger {
width: 100%;
position: relative;
transition: all 0.3s ease-in-out;
margin: 60px auto 60px auto;
}
.read-more-trigger:hover {
cursor: pointer;
}
.read-more-trigger span {
background-color: #fff;
padding: 5px 40px 5px 0px;
position: relative;
text-transform: uppercase;
font-size: 14px;
z-index: 2;
letter-spacing: 1.5px;
font-family: 'proxima-nova';
font-weight: 600;
}
.read-more-trigger span:after {
content: '';
width: 0;
height: 0;
border-left: 7px solid #0000;
border-right: 7px solid #0000;
border-top: 10px solid #ec671b;
position: absolute;
top: 50%;
right: 15px;
transform: translateY(-50%);
transition: all 0.3s ease-in-out;
}
.read-more-trigger::after {
content: '';
background-color: #ec671b;
height: 1px;
width: 100%;
position: absolute;
left: 0;
top: calc(50% + 1.5px);
transform: translateY(-50%);
display: block;
z-index: 1;
transition: all 0.3s ease-in-out;
} .read-more-trigger.active {
width: 25%;
transition: all 0.3s ease-in-out;
}
.read-more-trigger.active span:after {
border-bottom: 10px solid #575656;
border-top: none;
opacity: 0.6;
transition: all 0.3s ease-in-out;
}
.read-more-trigger.active::after {
background-color: #575656;
transition: all 0.3s ease-in-out;
opacity: 0.6
}
.read-more-trigger + div {
max-height: 0px;
transition: all 0.3s ease-in-out;
opacity: 0;
overflow: hidden;
}
.read-more-trigger + div.expanded {
max-height: unset;
transition: all 0.6s ease-in-out;
opacity: 1;
}
.with-bg::after {
content: '';
width: 830px;
height: 650px;
position: absolute;
top: auto;
bottom: -120px;
left: -120px;
display: block;
z-index: -1;
background-image: url(//jagdfeld-gruppe.de/wp-content/themes/jgdfld/inc/img/Linien-Muster.svg);
background-size: cover;
background-repeat: no-repeat;
}
.intro .h4 {
padding-bottom: 30px;
}
@media screen and (max-width: 1200px) {
.plus {
height: 60px;
}
.plus::before, .plus::after {
left: 70px;
width: 2px;
height: 60px;
}
.site-main {
padding-top: 20px;
overflow-x: hidden;
}
.headline,
.headline .text-right {
text-align: left !important;
padding: 0;
}
.read-more-trigger {
margin: 30px auto 30px auto;
}
.read-more-trigger.active {
width: 50%;
}
.with-bg::after {
right: -190px;
left: auto;
bottom: -100px;
object-fit: contain;
width: 520px;
height: 420px;
}
}
@media screen and (max-width: 900px) {
.default-width {
padding: 0 5%;
}
}
@media screen and (max-width: 600px) {
.site-main {
padding-top: 10px;
}
.read-more-trigger.active {
width: 60%;
}
.plus::before, .plus::after {
left: 50px;
}
}
.BorlabsCookie h3,
.BorlabsCookie h4,
.BorlabsCookie ._brlbs-responsive-table {
font-family: 'proxima-nova' !important;
}
.BorlabsCookie ._brlbs-responsive-table {
font-size: 14px !important;
padding: 10px 0px !important;
border: solid !important;
border-left: 0px !important;
border-right: 0px !important;
margin: 10px 0 30px !important;
}
.BorlabsCookie ._brlbs-responsive-table a {
font-weight: 600 !important;
color: #ec671b !important;
text-decoration: none !important;
}
.BorlabsCookie ._brlbs-table-consents,
.BorlabsCookie ._brlbs-table-version,
.BorlabsCookie ._brlbs-table-date {
text-align: left !important;
}
.BorlabsCookie ._brlbs-content-blocker p {
font-family: proxima-nova !important;
}
.BorlabsCookie ._brlbs-content-blocker ._brlbs-caption a:not(._brlbs-btn) {
text-decoration: underline !important;
color: #fff !important;
}  .search-icon {
position: absolute;
display: inline-block;
cursor: pointer;
margin-left: 100px;
left: auto;
right: calc(8vw + 200px);
top: 27px;
padding: 15px;
color: #575656;
}
.gg-search {
box-sizing: border-box;
position: relative;
display: block;
transform: scale(var(--ggs,1));
width: 12px;
height: 12px;
border: 2px solid;
border-radius: 100%;
margin-left: -4px;
margin-top: -4px
}
.gg-search::after {
content: "";
display: block;
box-sizing: border-box;
position: absolute;
border-radius: 3px;
width: 2px;
height: 12px;
background: currentColor;
transform: rotate(-45deg);
top: 5px;
left: 10px
} .search-overlay {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(236,103,27,0.9);
background-color: rgba(0,0,0,0.0);
z-index: 9999;
opacity: 0;
transition: opacity 0.3s ease-in-out;
} .search-form {
position: absolute;
top: 80px;
left: 50%;
transform: translate(-50%, -50%);
width: 100%;
max-width: 800px;
padding: 0px;
background-color: #fff0;
border-radius: 5px;
display:flex;
}
form.search-form {
border: 2px solid rgba(236,103,27,0.9);
background: #fff;
padding: 0;
border-radius: 0;
}
.search-form input {
width: calc(100% - 100px) !important;
border: none !important;
}
.search-form input.search-field::placeholder {
letter-spacing: 1px;
}
.search-form input.search-field {
width: 500px !important;
max-width: 70vw !important;
height: 60px;
border-radius: 0;
font-family: "proxima-nova";
font-weight: bold;
letter-spacing: 1px;
padding-left: 20px;
}
.search-form input.search-submit {
width: 159px;
background-color: rgba(236,103,27,1);
border-radius: 0;
color: #fff;
font-family: "proxima-nova";
text-transform: uppercase;
letter-spacing: 1px;
font-weight: bold;
}
.relevanssi-live-search-results-showing {
width: 100% !important;
position: absolute !important;
top: 75px !important;
left: 0 !important;
}
@media screen and (max-width: 600px) {
.search-icon {
right: calc(5% + 130px);
top: 23px;
}
.search-form {
width:calc(100% - 8%);
top: 63px;
}
.search-form label {
width: calc(100% - 100px)
}
.search-form input.search-field {
width: calc(100% - 0px) !important;
font-size: 12px;
height: 45px;
padding: 0 12px 0 20px;
}
.search-form input.search-submit{
width: 100px !important;
font-size: 12px;
}
}
body.search-results main div.search-results {
max-width: 1440px;
margin: 0 auto;
padding: 135px 120px 150px;
gap: 15px;
}
body.search-results main div.search-results .search-item {
display: flex !important;
flex-direction: column !important;
margin-bottom: 20px !important;
border: 2px solid rgba(236,103,27,1) !important;
border-radius: 0px !important;
padding: 20px !important;
width: calc(33% - 15px) !important;
margin: 0 !important;
transition: all 0.2s ease-in-out;
}
body.search-results main div.search-results .search-item:hover {
background-color: #ec671b;
color: #fff;
transition: all 0.2s ease-in-out;
}
body.search-results main div.search-results .search-item:hover h2,
body.search-results main div.search-results .search-item:hover a,
body.search-results main div.search-results .search-item:hover span {
color: #fff !important;
transition: all 0.2s ease-in-out;
}
body.search-results main div.search-results .search-item:hover span span {
text-decoration: underline;
}
body.search-results main div.search-results .search-item .custom-link {
position: relative;
width: fit-content;
}
body.search-results main div.search-results .search-item .custom-link a {
display: block;
padding-top: 15px;
font-size: 14px;
font-family: "proxima-nova";
font-weight: 400;
letter-spacing: 1.5px;
line-height: 17px;
text-decoration: none;
text-transform: uppercase;
color: #575656;
}
body.search-results main div.search-results .search-item .custom-link a::after {
content: '';
display: block;
position: absolute;
right: -20px;
top: auto;
bottom: -1px;
transform: translateY(-50%) rotate(0deg);
width: 0;
height: 0;
border-top: 5px solid transparent;
border-bottom: 5px solid transparent;
border-left: 9px solid #ec671b;
}
body.search-results main div.search-results .search-item:hover .custom-link a::after {
border-left: 9px solid #fff;
}
body.search-results main .search-item-content h2,
body.search-results main .search-item-content h2 a {
font-family: "proxima-nova";
font-weight: bold;
font-size: 19px;
text-transform: uppercase;
letter-spacing: 1px;
color: #404040 !important;
}
body.search-no-results .noresults {
font-family: "proxima-nova";
font-weight: bold;
font-size: 40px;
text-transform: uppercase;
letter-spacing: 1px;
color: #404040 !important;
margin: 0 auto;
padding: 150px 50px;
max-width: 800px;
}
body.search .navigation.posts-navigation {
width: 100%;
padding-top: 20px;
}
body.search .navigation.posts-navigation .nav-links {
display: flex;
justify-content: space-between;
align-items: center;
}
body.search .navigation.posts-navigation a {
font-family: 'proxima-nova';
font-size: 20px;
color: #575656;
text-decoration: none;
text-transform: uppercase;
font-weight: bold;
}
@media screen and (max-width: 1439px) {
body.search-results main div.search-results {
padding: 135px 8% 150px;
}
body.search-results main div.search-results .search-item {
width: calc(33% - 15px) !important;
}
}
@media screen and (max-width: 900px) {
body.search-results main div.search-results {
padding: 135px 8%;
}
body.search-results main div.search-results .search-item {
width: calc(50% - 15px) !important;
}
body.search-no-results .noresults {
font-size: 22px;
padding: 150px 5%;
}
}
@media screen and (max-width: 600px) {
body.search-results main div.search-results {
padding: 160px 8% 100px;
}
body.search-results main div.search-results .search-item {
width: calc(100% - 0px) !important;
}
body.search .navigation.posts-navigation a {
font-size: 14px;
}
body.search-no-results .noresults {
font-size: 16px;
}
}    input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none !important; height: 17px !important;
width: 17px !important;
background: url(https://jagdfeld-gruppe.de/wp-content/uploads/2023/10/close.svg) !important;
background-size: contain !important;
}p {
font-size: 14px;
line-height: 26px;
letter-spacing: 1.5px;
text-transform: none;
font-family:"proxima-nova";
margin: 0 0 20px 0;
}
p:last-child {
margin: 0;
}
p a,
p a:visited {
font-family:"proxima-nova", serif;
color: #ec671b;
font-weight: 600;
text-decoration: none;
}
p strong {
font-family:"proxima-nova";
}
p.small,
.small {
font-size: 16px;
line-height: 24px;
letter-spacing: 1.5px;
text-transform: none;
font-family:"proxima-nova";
font-weight: 100;
}
q, blockquote {
font-size: 26px;
line-height: 37px;
letter-spacing: 2px;
color: #ec671b;
text-transform: uppercase;
font-family:"proxima-nova";
font-weight: 100;
}
q strong,
blockquote strong {
font-family:"proxima-nova";
font-weight: 600;
}
.h1 {
font-size: 66px;
line-height: 102px;
letter-spacing: 3.5px;
color: #ec671b;
font-family:"proxima-nova";
font-weight: 600;
text-transform: uppercase;
margin: 0;
}
.h2 {
font-size: 46px;
line-height: 52px;
letter-spacing: 2.88px;
color: #575656;
font-family:"proxima-nova";
font-weight: 100;
text-transform: uppercase;
}
.h2 strong {
color: #ec671b;
font-family:"proxima-nova";
font-weight: 600;
}
.h3 {
font-size: 34px;
line-height: 42px;
letter-spacing: 2.13px;
color: #575656;
text-transform: uppercase;
font-family:"proxima-nova";
font-weight: 100;
}
.h3 strong {
color: #ec671b;
font-family:"proxima-nova";
font-weight: 600;
}
.h4 {
font-size: 16px;
line-height: 20px;
letter-spacing: 2px;
color: #575656;
font-family:"proxima-nova";
font-weight: 400;
text-transform: uppercase;
}
.position-text {
font-size: 21px;
line-height: 37px;
letter-spacing: 1.5px;
color: #575656;
font-family:"proxima-nova";
font-weight: 100;
}
.position-text strong {
font-family:"proxima-nova";
font-weight: 600;
}
a.anker {
padding: 20px 45px;
font-size: 14px;
font-family:"proxima-nova";
font-weight: 400;
letter-spacing: 1.5px;
display: flex;
color: #575656;
text-transform: uppercase;
justify-content: center;
align-items: center;
border: 1px solid #575656;
width: 225px;
background-color: transparent;
transition: all 0.4s ease-in-out;
}
a.anker:hover {
background-color: #ec671b;
color: #fff;
transition: all 0.4s ease-in-out;
border: 1px solid #ec671b;
}
a:focus {
outline: none;
border: none;
}
.text ul {
list-style-type: disc;
padding: 0px 0px 15px 15px;
}
.text ul li {
font-size: 16px;
line-height: 26px;
letter-spacing: 1.5px;
text-transform: none;
font-family:"proxima-nova";
font-weight: 400;
margin: 0;
} @media screen and (max-width: 900px) {
.h1 {
font-size: 34px;
line-height: 41px;
letter-spacing: 1.8px;
text-transform: uppercase;
}
.h2 {
font-size: 30px;
line-height: 34px;
letter-spacing: 1.88px;
}
.h3 {
font-size: 20px;
line-height: 28px;
letter-spacing: 1.25px;
}
.h4 {
font-size: 16px;
line-height: 23px;
letter-spacing: 2px;
}
}.site-header {
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 100;
height: 140px;
background-color: #fff;
margin: 0 auto;
display: flex;
justify-content: space-between;
align-items: center;
}
.site-header .default-width {
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
flex-direction: row;
margin: 0 auto;
}
.site-header .site-branding {
position: relative;
height: auto;
width: 100%;
}
.custom-logo-link {
max-width: 350px;
position: relative;
display: flex;
align-items: center;
}
.custom-logo-link img {
height: auto    ;
width: 100%;
max-width: 350px;
padding-top: 10px;
}
.home .site-title {
display: none;
}
.header-menu {
position: fixed;
top: 100px;
bottom: 0;
left: 0;
right: 0;
z-index: 10;
display: none;
padding: 40px 0 78px;
background-color: #fff;
}
.header-menu.active {
display: flex;
z-index: 9999;
}
.menu-image {
width: calc(100% - 450px);
}
.menu-image img{
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
.menu-wrapper {
position: relative;
width: 450px;
padding: 60px 100px 0;
display: flex;
flex-direction: column;
justify-content: space-between;
overflow: auto;
}
@media screen and (min-width: 1441px) {
.menu-wrapper {
padding-right: calc((100vw - 1440px) / 2 + 180px);
max-width: 100%;
width: fit-content;
}
}
.menu-wrapper ul {
display: block;
}
.menu-wrapper ul {
width: 250px;
margin: 0;
padding: 0;
}
.menu-wrapper ul li {
position: relative;
list-style: none;
}
.menu-wrapper ul a {
display: block;
padding: 8px 0;
color: #575656;
font-family:"proxima-nova";
font-weight: 600;
font-size: 15px;
letter-spacing: 1.5px;
text-decoration: none;
text-transform: uppercase;
}
.menu-wrapper ul a:hover,
.menu-wrapper ul .current-menu-item > a:hover {
color: #EC671B;
font-weight: 600;
}
.menu-wrapper ul .current-menu-item > a {
color: #ec671b;
font-family:"proxima-nova";
font-weight: 400;
}
.menu-wrapper ul li.menu-item-has-children > a::after {
content: '';
display: inline-block;
width: 0; 
height: 0; 
margin-left: 10px;
border-top: 5px solid transparent;
border-bottom: 5px solid transparent;
border-left: 8px solid #ec671b;
transform: rotate(90deg);
}
.menu-wrapper ul li.active.menu-item-has-children > a::after,
.menu-wrapper ul li.current_page_ancestor > a::after {
display: none;
}
.menu-wrapper ul ul {
display: none;
margin: 0 0 14px 10px;
padding: 0;
}
.menu-wrapper ul li.active ul,
.menu-wrapper ul li.current_page_ancestor ul {
display: block;
}
.menu-wrapper ul ul a,
.menu-wrapper .legal-menu ul a {
padding: 6px 0;
text-transform: none;
}
.menu-wrapper .legal-menu {
position: relative;
bottom: unset;
padding-top: 50px;
}
.menu-wrapper .legal-menu ul a {
font-weight: 100;
}
.menu-wrapper .socials ul {
display: flex;
margin-top: 16px;
}
.menu-wrapper .socials li {
margin-right: 20px;
}
button.menu-toggle {
display: inline-block;
right: 15px;
float: none;
margin: 0;
padding: 0 10px;
height: 86px;
background: none !important;
border: none;
border-radius: 0;
appearance: normal;
-moz-appearance: normal;
-webkit-appearance: normal;
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
z-index: 999;
font-size: 0;
cursor: pointer;
}
button.menu-toggle span {
display: block;
width: 45px;
height: 1px;
margin: 13px 0;
border-radius: 1px;
background: #ec671b; }
button.menu-toggle span:nth-child(2) {
width: 30px;
margin-left: 15px;
}
button.menu-toggle.active,
button.menu-toggle:focus-visible {
outline: none;
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
}
button.menu-toggle.active span {
margin: 5px 0;
}
button.menu-toggle.active span:first-of-type {
transform: rotate(135deg);
-ms-transform: rotate(135deg);
-moz-transform: rotate(135deg);
-webkit-transform: rotate(135deg);
position: relative;
top: 6px;
}
button.menu-toggle.active span:nth-of-type(2) {
opacity: 0;
}
button.menu-toggle.active span:last-of-type {
transform: rotate(-135deg);
-ms-transform: rotate(-135deg);
-moz-transform: rotate(-135deg);
-webkit-transform: rotate(-135deg);
position: relative;
bottom: 6px;
} .wpml-ls {
position: absolute;
top: 23px;
right: calc(8vw + 90px);
display: block;
}
.wpml-ls a {
position: relative;
color: #575656;
font-family:"proxima-nova";
font-weight: 400;
font-size: 14px;
line-height: 1;
letter-spacing: 1.5px;
}
.wpml-ls a:hover {
color: #ec671b;
}
.wpml-ls li:first-child a::after {
content: '';
position: absolute;
top: 9px;
right: -1px;
width: 1px;
height: 11px;
background-color: #575656;
}
.wpml-ls .wpml-ls-current-language a {
color: #ec671b;
font-family:"proxima-nova";
font-weight: 600;
}
@media screen and (max-width: 900px) {
header.site-header {
padding: 0px;
height: 90px;
}
.custom-logo-link img {
padding-top: 0;
} #page section:first-of-type {
margin-top: 110px;
}
#page section.bl-slider:first-of-type {
margin-top: 80px;
}
header.site-header .custom-logo-link img {
max-width: 150px;
}
header.site-header .wpml-ls {
right: 120px;
top: 23px;
}
button.menu-toggle span {
width: 35px;
margin: 10px 0;
}
button.menu-toggle span:nth-child(2) {
width: 20px;
margin-left: 15px;
}
.header-menu {
top: 60px;
padding-bottom: 0;
}
.header-menu .menu-image {
display: none;
}
.header-menu .menu-wrapper {
width: 100%;
padding: 0 5%;
overflow-y: auto;
}
.menu-wrapper ul li.active.menu-item-has-children > a::after,
.menu-wrapper ul li.current_page_ancestor > a::after {
display: inline-block;
transform: rotate(-90deg);
border-left-color: #575656;
}
.menu-wrapper .legal-menu {
position: relative;
margin-top: 0px;
}
.menu-wrapper .socials ul {
margin: 20px 0 60px;
}
.bl-slider .logo {
max-width: 181px;
}
}
@media screen and (max-width: 600px) { header.site-header .wpml-ls {
right: calc(5% + 70px);
top: 21px;
}
header.site-header .wpml-ls ul {
display: flex;
flex-direction: column;
}
header.site-header .wpml-ls ul li {
display: none;
}
header.site-header .wpml-ls ul li.wpml-ls-current-language {
display: block;
}
header.site-header .wpml-ls ul.active li {
display: block;
}
header.site-header .wpml-ls ul::after {
content: '';
display: block;
position: absolute;
right: 5px;
top: 20px;
transform: translateY(-50%) rotate(90deg);
width: 0;
height: 0;
border-top: 4px solid transparent;
border-bottom: 4px solid transparent;
border-left: 7px solid #ec671b;
}
header.site-header .wpml-ls ul.active::after {
transform: translateY(-50%) rotate(-90deg);
border-left: 7px solid #575656;
}
header.site-header .wpml-ls ul li a::after {
display: none;
}
}footer {
position: relative;
background-color: #F7F7F7;
min-height: 225px;
}
.footer-wrapper {
display: flex;
justify-content: center;
align-items: flex-start;
flex-direction: row;
flex-wrap: wrap;
padding: 70px 50px;
margin: 0 auto;
}
.footer-wrapper > div {
padding: 0 35px;
}
.footer-wrapper > div:nth-child(1) {
width: 25%;
padding-left: 0;
}
.footer-wrapper > div:nth-child(2) { width: fit-content;
}
.footer-wrapper > div:nth-child(3) { width: fit-content;
}
.footer-wrapper > div:nth-child(4) {
width: 15%;
padding-right: 0;
}
footer p {
margin-bottom: 0;
}
footer a,
footer a:visited {
text-decoration: none; 
font-family:"proxima-nova";
font-weight: 400;
color: #575656;
}
footer .menu-footer-container ul {
list-style-type: none;
display: flex;
flex-wrap: wrap;
flex-direction: column;
padding: 0;
margin: 0;
}
footer .menu-footer-container ul li:not(:last-of-type) {
padding-right: 30px;
}
footer .menu-footer-container ul li a {
color: #575656;
font-family:"proxima-nova";
font-weight: 600;
text-decoration: none; 
letter-spacing: 1.5px;
}
footer .socials ul {
display: flex;
margin: 0;
padding: 0;
list-style-type: none;
padding-top: 40px;
}
footer .socials ul li:not(:last-of-type) {
padding-right: 20px;
}
@media screen and (max-width: 1200px) {
.footer-wrapper {
padding: 45px 8%;
flex-direction: column;
}
.footer-wrapper > div {
width: 100% !important;
position: relative;
padding: 0;
}
.footer-wrapper .custom-logo-link {
max-width: 50%;
padding-bottom: 35px;
}
.footer-wrapper .custom-logo-link img {
width: 100%;
}
.footer-wrapper > div:nth-child(3) {
padding-top: 20px;
padding-bottom: 35px;
}
.footer-wrapper > div:nth-child(4) {
padding-bottom: 20px;
} 
.footer-wrapper p,
.footer-wrapper a {
font-size: 14px;
line-height: 19px;
letter-spacing: 1.3px;
}
}
@media screen and (max-width: 900px) {
.footer-wrapper {
padding: 45px 5%;
}
}.intro-text {
width: 100%;
display: flex;
flex-direction: column;
}
.intro-text .headline {
align-self: flex-start;
padding-right: 50px;
}
.intro-text .right .headline {
padding: 0 0 0 50px;
align-self: flex-end;
}
.intro-text .headline-wrapper.right~ div {
align-self: flex-start;
padding-right: 50px;
padding-left: 0;
}  .intro-text .text {
align-self: flex-end;
margin-top: -28px;
padding-left: 50px;
font-size: 16px;
line-height: 26px;
letter-spacing: 1.5px;
}
@media screen and (max-width: 900px) {
.intro-text .right .headline {
padding: 0;
}
}.bl-slider {
max-width: 100%;
padding: 0 8% 0 0;
margin: 80px auto;
position: relative;
}
.bl-slider img {
width: 100%;
max-width: 100%;
height: 550px;
object-fit: cover;
}
.bl-slider .description {
height: 55px;
background-color: #f7f7f7;
margin-top: 0;
display: flex;
justify-content: flex-start;
align-items: center;
font-family: 'Proxima Nova W01 Thin', sans-serif;
font-size: 12px;
text-transform: none;
letter-spacing: 1px;
padding: 22px 120px 15px 8%;
}
.slick-arrow {
position: absolute;
top: auto;
bottom: 55px;
right: 0;
width: 45px;
height: 50px;
background-color: black;
border: 0;
font-size: 0;
border-radius: 0;
cursor: pointer;
}
.slick-arrow.slick-prev {
right: 45px;
z-index: 1;
}
.slick-arrow::after {
content: '';
transform: rotate(45deg);
color: #fff;
position: absolute;
display: block;
left: 25px;
font-size: 40px;
width: 15px;
height: 15px; 
background: transparent;
border: 2px solid #fff;
top: 16px;
}
.slick-arrow.slick-arrow.slick-prev::after {
border-right-width: 0px;
border-top-width: 0px;
border-bottom-width: 2px;
left: 19px;
}
.slick-arrow.slick-arrow.slick-next::after {
border-left-width: 0px;
border-top-width: 2px;
border-bottom-width: 0px;
left: 12px;
}
.bl-slider .slick-dots {
display: flex;
position: absolute;
top: auto;
bottom: 0;
right: 0;
left: auto;
height: 16px;
list-style: none;
background-color: #0000;
margin: 0;
padding-right: 20px;
}
.bl-slider .slick-dots li {
background-color: #D8D8D8;
display: flex;
flex-direction: column-reverse;
max-height: 3px;
}
.bl-slider .slick-dots li.slick-active {
background-color: #ec671b;
}
.bl-slider .slick-dots li button {
background-color: transparent;
border: none;
opacity: 0;
transition: opacity 0.1s;
}
.bl-slider .slick-dots li.slick-active button {
opacity: 1;
transition: opacity 0.1s;
}  .bl-slider.header {
margin: 30px auto 70px;
}
.bl-slider.header img {
width: 100%; height: 550px;
object-fit: cover;
} .home .bl-slider.header img {
width: 100%; height: 650px;
object-fit: cover;
} .bl-slider .with-bg::after {
right: -220px;
left: auto;
bottom: -200px;
} .bl-slider.content img {
width: 100%;
max-width: 100%;
height: 613px;
object-fit: cover;
}
.image-slider.hide-pagination .slick-dots{
opacity: 0;
} .bl-slider .logo {
position: absolute;
right: 90px;
top: 80px;
display: block;
height: auto;
object-fit: contain !important;
}
.bl-slider .logo img {
height: 55px;
max-height: 55px;
max-width: 155px;
object-fit: contain;
}
.home .bl-slider.header .logo img {
object-fit: contain;
}
@media screen and (max-width: 1200px) and (min-width: 901px) {
.bl-slider .logo {
position: absolute;
right: 90px;
top: 140px;
display: block;
height: auto;
}
}
@media screen and (max-width: 900px) {
.bl-slider.header {
padding: 0 30px 0 0;
margin: 0 0 50px 0;
}
.bl-slider .description {
padding: 15px 50% 15px 5%;
}
.home .bl-slider.header img,
.bl-slider.header img {
height: 425px;
}
.bl-slider .slick-dots li button {
font-size: 12px;
}
.bl-slider .with-bg::after {
right: -190px;
left: auto;
bottom: -100px;
object-fit: contain;
width: 520px;
height: 420px;
}
}
@media screen and (max-width: 600px) {
.single .bl-slider.header img {
height: 255px;
}
.bl-slider .logo {
top: 30px;
right: 30px;
}
.bl-slider .description {
height: 65px;
}
.bl-slider .slick-arrow {
bottom: 65px;
}
.bl-slider .with-bg::after {
right: -360px;
left: auto;
bottom: -85px;
object-fit: contain;
width: 520px;
height: 420px;
}
}.bl-text {
position: relative;
}
.bl-text p {
margin-bottom: 0 0 20px 0;
}
.bl-text p:last-child {
margin-bottom: 0 0 0 0;
} .bl-text .auto-cols > div {
columns: 2;
column-gap: 100px;
}
.bl-text .auto-cols > div {
width: 100%;
}
.bl-text .h4 {
margin-bottom: 20px;
font-size: 16px;
line-height: 20px;
letter-spacing: 2px;
} .bl-text .custom-cols {
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
.bl-text .custom-cols > div:nth-child(1) {
padding-right: 50px;
}
.bl-text .custom-cols > div:nth-child(2) {
padding-left: 50px;
}
.bl-text .additional-content {
display: none;
margin-top: 0 !important;
}
.bl-text .additional-content:first-of-type,
.bl-text .additional-content.active + .additional-content {
display: block;
} .bl-text .logos img {
width: auto;
height: 110px;
padding: 0 25px;
}
.bl-text .logo-wrapper.two-col .logos img {
height: 80px;
}
.bl-text .logo-wrapper.single-col {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
align-items: flex-start;
width: 100%;
padding: 60px 0 0 0;
}
.bl-text .logo-wrapper.two-col {
display: flex;
padding: 60px 0 0 0;
}
.bl-text .logo-wrapper.two-col .logos {
width: 50%;
display: flex;
justify-content: center;
}
@media screen and (max-width: 1200px) {
.bl-text .intro-text .headline {
width: 100%;
padding: 0;
}
.bl-text .intro-text .text {
margin-top: 30px;
}
}
@media screen and (max-width: 900px) {
.bl-text .intro-text .text {
margin-top: 20px;
align-self: flex-start;
padding-left: 0;
}
.bl-text .intro-text > div {
width: 100%;
}
.bl-text .auto-cols p {
columns: 1;
}
.bl-text .auto-cols > div {
columns: 1;
column-gap: 0;
}
.bl-text .custom-cols {
flex-direction: column;
}
.bl-text .custom-cols > div {
width: 100%;
padding-left: 0 !important;
padding-right: 0 !important;
}
.bl-text .custom-cols > div:nth-child(1) {
padding-bottom: 26px;
}
.bl-text .logo-wrapper.two-col {
flex-direction: column;
}
.bl-text .logo-wrapper.two-col .logos {
width: 100%;
flex-wrap: wrap;
flex-direction: row;
justify-content: flex-start;
}
.bl-text .logo-wrapper.two-col .logos img {
width: 50%;
padding: 5px 25px;
height: 120px;
}
.bl-text .logo-wrapper.single-col .logos {
flex-direction: column;
}
.bl-text .logo-wrapper.single-col .logos img {
width: 100%;
object-fit: contain;
}
}
@media screen and (max-width: 600px) {
.bl-text .logo-wrapper.single-col .logos img {
width: 100%;
}
.bl-text .logo-wrapper.two-col .logos img {
width: 100%;
}
}.bl-contact-person .contact-person-wrapper {
display: flex;
flex-direction: row; 
}
.bl-contact-person .contact-person-wrapper .image-wrapper {
padding-right: 5%;
}
.bl-contact-person .contact-person-wrapper .contact-info-wrapper {
padding-left: 5%;
}
.bl-contact-person .headline {
padding: 0 5% 40px 0;
text-align: right !important;
}
.bl-contact-person img {
object-fit: cover;
width: 325px;
height: 215px;
float: right;
}
.bl-contact-person .contact-person-wrapper .contact-info-wrapper p {
padding-bottom: 30px;
background-color: #fff;
}
@media screen and (max-width: 1200px) {
.bl-contact-person .headline {
text-align: left !important;
}
.bl-contact-person img {
width: 100%;
height: 25vw;
float: left;
max-height: 450px;
}
.plus::before, .plus::after {
left: calc(8% + 30px);
}
}
@media screen and (min-width: 1200px) {
.bl-contact-person .with-bg::after {
left: auto;
right: -550px;
bottom: -120px;
}
.bl-contact-person .contact-person-wrapper .contact-info-wrapper p {
background-color: #fff;
padding: 0 30px 30px 0;
width: fit-content;
}
}
@media screen and (max-width: 900px) {
.plus::before, .plus::after {
left: calc(5% + 30px);
}
.bl-contact-person .contact-person-wrapper {
display: flex;
flex-direction: column; 
}
.bl-contact-person .headline {
padding: 0 0 40px 0;
}
.bl-contact-person img {
height: 70vw;
}
.bl-contact-person .contact-person-wrapper .contact-info-wrapper,
.bl-contact-person .contact-person-wrapper .image-wrapper {
padding: 0 0 30px 0;
}
.bl-contact-person .contact-person-wrapper .contact-info-wrapper p {
padding-bottom: 30px;
background-color: #fff;
}
}.bl-teaser {
position: relative;
overflow: hidden;
}
.bl-teaser .with-bg::after {
bottom: 0;
left: -90px;
right: auto;
}
.bl-teaser .teaser-wrapper {
display: flex;
margin: 90px -5px;
flex-wrap: wrap;
}
.bl-teaser .teaser-inner {
position: relative;
}
.bl-teaser .default-width {
position: relative;
}
.bl-teaser .teaser {
position: relative;
box-sizing: border-box;
margin: 0;
}
.bl-teaser .teaser a {
position: absolute;
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
z-index: 2;
font-size: 26px;
line-height: 31px;
letter-spacing: 2.5px;
text-transform: uppercase;
text-decoration: none;
text-align: center;
}
.bl-teaser .title {
font-family: 'Proxima Nova W01 Thin', sans-serif;
font-size: 26px;
line-height: 32px;
letter-spacing: 2.53px;
} .bl-teaser .teaser.no-image {
width: 25%;
height: 300px;
padding: 6px;
}
.bl-teaser .teaser.no-image .teaser-inner {
border: 1px solid #575656;
background-color: #fff;
padding-bottom: 100%;
height: 0;
width: 100%;
display: flex;
justify-content: center;
align-items: center;
transition: all 0.5s ease-in-out;
}
.bl-teaser .teaser.no-image a {
color: #575656
}
.bl-teaser .teaser.no-image a span{
max-width: 90%;
font-size: 26px;
} .bl-teaser .teaser-slider .slick-list {
padding-right: 15%;
}
.bl-teaser .teaser-slider .slick-arrow {
bottom: 0px;
}
.bl-teaser .teaser-slider .teaser.with-image {
padding: 0 5px;
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
.bl-teaser .teaser.no-image a span{
font-size: 1.7vw;
}
}
@media screen and (max-width: 1024px) {
.bl-teaser .teaser.no-image a span{
font-size: 1.6vw;
}
}
.bl-teaser .teaser.no-image:hover .teaser-inner {
background-color: #ec671b;
transition: all 0.5s;
border-color: #ec671b;
}
.bl-teaser .teaser.no-image:hover a {
color: #fff;
} .bl-teaser .teaser.with-image {
width: 33.3333333%;
padding: 5px;
}
.bl-teaser .teaser.with-image .teaser-inner::after {
content: '';
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background-color: #000;
opacity: 0.45;
z-index: 1;
transition: all 0.5s ease-in-out;
}
.bl-teaser .teaser.with-image a {
color: #fff;
} 
.bl-teaser .teaser.with-image span {
max-width: 75%;
opacity: 1;
transition: opacity 0.5s ease-in-out;
}
.bl-teaser .teaser.with-image img {
filter: grayscale(1);
display: block;
width: 100%;
height: 100%;
object-fit: cover;
} .bl-teaser .teaser.with-image:hover span {
opacity: 0; }
.bl-teaser .teaser.with-image:hover .teaser-inner::after {
opacity: 0; }
.bl-teaser .teaser.with-image:hover img {
filter: grayscale(0); }
@media screen and (max-width: 1200px) {
.bl-teaser .headline {
padding: 25px 0;
}
.bl-teaser .plus::before,
.bl-teaser .plus::after {
left: 30px;
}
.bl-teaser .teaser-wrapper {
margin: 60px -5px;
}
}
@media screen and (max-width: 900px) {
.bl-teaser .default-width {
margin: 0 0 50px;
}
.bl-teaser .headline {
padding: 25px 0;
}
.bl-teaser .teaser-wrapper {
margin: 0 -5px;
}
.bl-teaser .teaser.with-image {
width: 50%;
padding: 2.5px;
}
.bl-teaser .teaser.teaser.with-image .title {
font-size: 15px;
line-height: 18px;
letter-spacing: 1.46px;
}
.bl-teaser .teaser.no-image {
width: 50%;
height: 100%;
padding: 2.5px;
}
.bl-teaser .teaser a span {
font-size: 3.3vw !important;
line-height: 120% !important;
letter-spacing: 1.46px;
}
.bl-teaser .plus::after, .bl-teaser .plus::before {
left: 30px;
}
.bl-teaser .teaser-slider .slick-arrow {
left: 0;
right: auto;
bottom: -60px;
}
.bl-teaser .teaser-slider .slick-arrow.slick-next {
left: 45px;
}
.bl-teaser .teaser-wrapper.teaser-slider {
margin-bottom: 110px;
margin-top: -50px;
}
.bl-teaser .teaser.with-image.slick-slide {
padding: 0 2.5px;
}
}
@media screen and (max-width: 600px) {
.bl-teaser .teaser a span {
font-size: 4vw !important;
}
}.bl-facts > div {
max-width: 100vw;
margin: 0 auto;
}
.bl-facts {
overflow: hidden;
}
.bl-facts img {
width: 100%;
max-height: 650px;
object-fit: cover;
}
.bl-facts .intro {
position: relative;
padding: 60px 70px;
max-width: 635px;
background-color: #fff;
margin-top: -190px;
}
.bl-facts .intro .h4 {
font-size: 26px;
line-height: 32px;
letter-spacing: 1px;
font-family: 'Proxima Nova W01 Thin', sans-serif;
}
.bl-facts .facts-wrapper {
display: flex;
flex-wrap: wrap;
position: relative;
margin: -6px;
}
.bl-facts .number-wrapper {
position: relative;
width: 33.333%;
height: 250px;
box-sizing: border-box;
padding: 6px;
}
.bl-facts .number-wrapper-inner {
border: 1px solid #575656;
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
color: #ec671b;
font-family:"proxima-nova";
font-weight: 100;
}
.bl-facts .number-wrapper {
font-size: 90px;
opacity: 0;
transition: opacity 0.5s ease-in-out;
}
.bl-facts .number-wrapper > div {
line-height: 1.2;
}
.bl-facts .facts-wrapper.expanded .number-wrapper:nth-child(1) {
transition-delay: 0.3s;
}
.bl-facts .facts-wrapper.expanded .number-wrapper:nth-child(2) {
transition-delay: 0.4s;
}
.bl-facts .facts-wrapper.expanded .number-wrapper:nth-child(3) {
transition-delay: 0.5s;
}
.bl-facts .facts-wrapper.expanded .number-wrapper:nth-child(4) {
transition-delay: 0.6s;
}
.bl-facts .facts-wrapper.expanded .number-wrapper:nth-child(5) {
transition-delay: 0.7s;
}
.bl-facts .facts-wrapper.expanded .number-wrapper:nth-child(6) {
transition-delay: 0.8s;
}
.bl-facts .facts-wrapper.expanded .number-wrapper:nth-child(7) {
transition-delay: 0.8s;
}
.bl-facts .facts-wrapper.expanded .number-wrapper:nth-child(8) {
transition-delay: 0.8s;
}
.bl-facts .facts-wrapper.expanded .number-wrapper:nth-child(9) {
transition-delay: 0.8s;
}
.bl-facts .facts-wrapper.expanded .number-wrapper:nth-child(1),
.bl-facts .facts-wrapper.expanded .number-wrapper:nth-child(2),
.bl-facts .facts-wrapper.expanded .number-wrapper:nth-child(3),
.bl-facts .facts-wrapper.expanded .number-wrapper:nth-child(4),
.bl-facts .facts-wrapper.expanded .number-wrapper:nth-child(5),
.bl-facts .facts-wrapper.expanded .number-wrapper:nth-child(6),
.bl-facts .facts-wrapper.expanded .number-wrapper:nth-child(7),
.bl-facts .facts-wrapper.expanded .number-wrapper:nth-child(8),
.bl-facts .facts-wrapper.expanded .number-wrapper:nth-child(9) {
opacity: 1;
}
.bl-facts .number-wrapper-inner .unit {
font-size: 65px;
text-transform: uppercase;
}
.bl-facts .number-wrapper-inner .description {
font-size: 16px;
line-height: 20px;
letter-spacing: 2px;
color: #575656;
font-family:"proxima-nova";
font-weight: 100;
text-transform: uppercase;
text-align: center;
padding: 0 25px;
}
.bl-facts .with-bg::after {
background-position: bottom right;
left: auto;
right: -120px;
bottom: auto;
top: -380px;
}
.bl-facts .read-more-trigger {
margin: -20px auto 60px auto;
}
.bl-facts .facts-wrapper.expanded {
max-height: 10000px;
}
.bl-facts .slick-list {
padding-right: 15vw;
margin-right: -8vw;
}
@media screen and (max-width: 1200px) {
.bl-facts .default-width {
margin: 50px auto 100px;
}
.bl-facts .slick-arrow.slick-disabled {
opacity: 0.4;
}
.bl-facts .number-slider .slick-arrow.slick-prev {
bottom: -55px;
left: 5px;
right: auto;
}
.bl-facts .number-slider .slick-arrow.slick-next {
bottom: -55px;
left: 50px;
right: auto;
}
.bl-facts .facts-wrapper.expanded {
margin-right: -8vw;
}
.bl-facts .read-more-trigger + div.expanded {
overflow: visible;
}
}
@media screen and (max-width: 900px) {
.bl-facts .intro {
padding: 20px;
margin-top: -100px;
}
.bl-facts .read-more-trigger {
margin: 10px auto 50px auto;
}
.bl-facts .facts-wrapper.expanded {
margin-right: -5vw;
}
.bl-facts .intro .h4 {
font-size: 20px;
line-height: 32px;
letter-spacing: 0.77px;
padding-bottom: 10px;
}
.bl-facts .slick-arrow {
bottom: -55px;
left: 5px;
right: auto;
}
.bl-facts .slick-arrow.slick-next {
left: 50px;
}
.bl-facts .slick-list {
padding-right: 15vw;
margin-right: -5vw;
}
.bl-facts .number-slider span.number,
.bl-facts .number-slider .unit {
font-size: 60px;
}
.bl-facts .number-slider .description {
letter-spacing: 1px;
font-size: 16px;
}
}.bl-accordion {
position: relative;
} .bl-accordion .default-width {
padding: 0;
margin: 0;
width: 100%;
max-width: 100%;
background-color: transparent;
transition:background-color 0.7s ease-in-out;
}
.bl-accordion .container {
padding: 0 8%;
margin: 0 auto;
max-width: 1440px;
}
.bl-accordion .item-wrapper {
padding: 50px 0;
transition:background-color 0.7s ease-in-out;
margin: 50px 0px;
scroll-margin-top: 100px;
}
.bl-accordion .item-wrapper.active {
background-color: #f7f7f7;
transition:background-color 0.7s ease-in-out;
}
.bl-accordion .item-wrapper.active .read-more-trigger span {
background: #f7f7f7;
}
.bl-accordion .item-wrapper div:nth-child(3) {
padding-right: 0;
}
.bl-accordion .expanded .text-wrap {
columns: 2;
column-gap: 100px;
}
.bl-accordion .slick-list {
max-height: 400px;
}
.bl-accordion .intro-wrapper {
display: flex;
}
.bl-accordion .intro-text-wrapper {
width: 50%;
padding-right: 50px;
}
.bl-accordion .image-wrapper {
width: 50%;
padding-left: 50px;
height: 400px;
}
.bl-accordion .image-wrapper img {
width: 100%;
height: 100%;
object-fit: cover;
}
.bl-accordion .title {
margin: 0;
text-transform: uppercase;
}
.bl-accordion .subtitle {
display: block;
margin: 0;
padding: 30px 0 20px 0;
} .bl-accordion .slide img {
height: 350px;
}
.bl-accordion .slick-arrow {
position: absolute;
top: auto;
bottom: 0px;
right: 0;
width: 45px;
height: 50px;
background-color: black;
border: 0;
font-size: 0;
border-radius: 0;
}
.bl-accordion .slick-arrow.slick-prev {
right: 45px;
z-index: 1;
}
.bl-accordion .slick-arrow::after {
content: '';
transform: rotate(45deg);
color: #fff;
position: absolute;
display: block;
left: 25px;
font-size: 40px;
width: 15px;
height: 15px; 
background: transparent;
border: 2px solid #fff;
top: 16px;
}
.bl-accordion .slick-arrow.slick-arrow.slick-prev::after {
border-right-width: 0px;
border-top-width: 0px;
border-bottom-width: 2px;
left: 19px;
}
.bl-accordion .slick-arrow.slick-arrow.slick-next::after {
border-left-width: 0px;
border-top-width: 2px;
border-bottom-width: 0px;
left: 12px;
}
.bl-accordion .slick-dots {
display: flex;
position: absolute;
top: auto;
bottom: -55px;
right: 0;
left: auto;
height: 16px;
list-style: none;
background-color: #0000;
margin: 0;
padding-right: 20px;
}
.bl-accordion .slick-dots li {
background-color: #D8D8D8;
display: flex;
flex-direction: column-reverse;
max-height: 3px;
}
.bl-accordion .slick-dots li.slick-active {
background-color: #ec671b;
}
.bl-accordion .slick-dots li button {
background-color: transparent;
border: none;
opacity: 0;
transition: opacity 0.1s;
}
.bl-accordion .slick-dots li.slick-active button {
opacity: 1;
transition: opacity 0.1s;
}
.bl-accordion .image-slider::after {
content:'';
display: block;
position: absolute;
top: auto;
bottom: -55px;
left: 0;
width: 100%;
height: 55px;
z-index: -1;
background-color: #F7F7F7;
} 
.bl-accordion .logos img {
width: auto;
height: 150px;
padding: 0 25px;
}
.bl-accordion .logo-wrapper.two-col .logos img {
height: 100px;
}
.bl-accordion .logo-wrapper.single-col {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
align-items: flex-start;
padding: 40px 0 0 0;
}
.bl-accordion .logo-wrapper.two-col {
display: flex;
padding: 40px 0 0 0;
}
.bl-accordion .logo-wrapper.two-col .logos {
width: 50%;
display: flex;
justify-content: center;
}
@media screen and (min-width: 1441px) {
.bl-accordion .container {
padding: 0 120px;
}
}
@media screen and (max-width: 1200px) { .bl-accordion .image-wrapper {
padding-left: 0;
padding-bottom: 55px;
}
.bl-accordion .slick-list {
max-height: 300px;
}
.bl-accordion .slide img {
height: 300px;
}
.bl-accordion .container {
padding: 0;
}
.bl-accordion .intro-wrapper {
flex-direction: column-reverse;
}
.bl-accordion .intro-text-wrapper,
.bl-accordion .image-wrapper {
width: 100%;
}
.bl-accordion .item-wrapper {
padding: 0;
}
.bl-accordion .item-wrapper.active {
padding: 0 0 30px 0;
}
.bl-accordion .intro-text-wrapper {
padding: 50px 5%;
}
.bl-accordion .image-wrapper .slick-dots li button {
font-size: 12px;
}
.bl-accordion .read-more-trigger {
width: 90%;
margin: -20px auto 30px auto
}
.bl-accordion .expanded {
padding: 0 5%;
}
.bl-accordion .expanded {
columns: 1;
}
.bl-accordion .image-wrapper {
height: auto;
}
.bl-accordion .slick-list {
max-height: 55vw;
}
.bl-accordion .slide img {
height: 55vw;
}
.bl-accordion .subtitle {
font-size: 16px;
line-height: 20px;
letter-spacing: 2px;
}
}
@media screen and (max-width: 900px) {
.bl-accordion .logo-wrapper.two-col {
flex-direction: column;
}
.bl-accordion .logo-wrapper.two-col .logos {
width: 100%;
flex-wrap: wrap;
flex-direction: row;
justify-content: flex-start;
}
.bl-accordion .logo-wrapper.two-col .logos img {
width: 50%;
padding: 5px 25px;
height: 120px;
}
.bl-accordion .logo-wrapper.single-col .logos {
flex-direction: column;
}
.bl-accordion .logo-wrapper.single-col .logos img {
width: 50%;
}
.bl-accordion .expanded .text-wrap {
columns: 1;
column-gap: 0;
}
}
@media screen and (max-width: 600px) { .bl-accordion .intro-text-wrapper {
padding: 30px 5%;
}
.bl-accordion .expanded {
padding: 0 20px;
}
.bl-accordion .read-more-trigger {
margin: 0 auto 30px auto
}
.bl-accordion .logo-wrapper.single-col .logos img {
width: 100%;
}
.bl-accordion .logo-wrapper.two-col .logos img {
width: 100%;
}
}.bl-accordion-with-tabs {
position: relative;
} .bl-accordion-with-tabs .default-width {
padding: 0;
margin: 0;
width: 100%;
max-width: 100%;
background-color: transparent;
transition:background-color 0.7s ease-in-out;
}
.bl-accordion-with-tabs .container {
padding: 0 8%;
margin: 0 auto;
max-width: 1440px;
}
.bl-accordion-with-tabs .item-wrapper {
padding: 50px 0;
transition:background-color 0.7s ease-in-out;
margin: 50px 0px;
scroll-margin-top: 100px;
}
.bl-accordion-with-tabs.active .item-wrapper  {
background-color: #f7f7f7;
transition:background-color 0.7s ease-in-out;
}
.bl-accordion-with-tabs.active .item-wrapper .read-more-trigger span {
background-color: #f7f7f7;
transition:background-color 0.7s ease-in-out;
}
.bl-accordion-with-tabs .accordion-tab {
display: none;
}
.bl-accordion-with-tabs .accordion-tab.active {
display: block;
}
.bl-accordion-with-tabs .item-wrapper.active .read-more-trigger span {
background: #f7f7f7;
}
.bl-accordion-with-tabs .item-wrapper div:nth-child(3) {
padding-right: 0;
}
.bl-accordion-with-tabs .expanded {
columns: 2;
column-gap: 100px;
}
.bl-accordion-with-tabs .slick-list {
max-height: 400px;
}
.bl-accordion-with-tabs .intro-wrapper {
display: flex;
}
.bl-accordion-with-tabs .intro-text-wrapper {
width: 50%;
padding-right: 50px;
}
.bl-accordion-with-tabs .image-wrapper {
width: 50%;
padding-left: 50px;
height: 400px;
}
.bl-accordion-with-tabs .image-wrapper img {
width: 100%;
height: 100%;
object-fit: cover;
}
.bl-accordion-with-tabs .title {
margin: 0;
text-transform: uppercase;
}
.bl-accordion-with-tabs .subtitle {
display: block;
margin: 0;
padding: 30px 0 20px 0;
} .bl-accordion-with-tabs .slide img {
height: 350px;
}
.bl-accordion-with-tabs .slick-arrow {
position: absolute;
top: auto;
bottom: 0px;
right: 0;
width: 45px;
height: 50px;
background-color: black;
border: 0;
font-size: 0;
border-radius: 0;
}
.bl-accordion-with-tabs .slick-arrow.slick-prev {
right: 45px;
z-index: 1;
}
.bl-accordion-with-tabs .slick-arrow::after {
content: '';
transform: rotate(45deg);
color: #fff;
position: absolute;
display: block;
left: 25px;
font-size: 40px;
width: 15px;
height: 15px; 
background: transparent;
border: 2px solid #fff;
top: 16px;
}
.bl-accordion-with-tabs .slick-arrow.slick-arrow.slick-prev::after {
border-right-width: 0px;
border-top-width: 0px;
border-bottom-width: 2px;
left: 19px;
}
.bl-accordion-with-tabs .slick-arrow.slick-arrow.slick-next::after {
border-left-width: 0px;
border-top-width: 2px;
border-bottom-width: 0px;
left: 12px;
}
.bl-accordion-with-tabs .slick-dots {
display: flex;
position: absolute;
top: auto;
bottom: -55px;
right: 0;
left: auto;
height: 16px;
list-style: none;
background-color: #0000;
margin: 0;
padding-right: 20px;
}
.bl-accordion-with-tabs .slick-dots li {
background-color: #D8D8D8;
display: flex;
flex-direction: column-reverse;
max-height: 3px;
}
.bl-accordion-with-tabs .slick-dots li.slick-active {
background-color: #ec671b;
}
.bl-accordion-with-tabs .slick-dots li button {
background-color: transparent;
border: none;
opacity: 0;
transition: opacity 0.1s;
}
.bl-accordion-with-tabs .slick-dots li.slick-active button {
opacity: 1;
transition: opacity 0.1s;
}
.bl-accordion-with-tabs .image-slider::after {
content:'';
display: block;
position: absolute;
top: auto;
bottom: -55px;
left: 0;
width: 100%;
height: 55px;
z-index: -1;
background-color: #F7F7F7;
} 
.bl-accordion-with-tabs .logos img {
width: auto;
height: 150px;
padding: 0 25px;
}
.bl-accordion-with-tabs .logo-wrapper.two-col .logos img {
height: 100px;
}
.bl-accordion-with-tabs .logo-wrapper.single-col {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
align-items: flex-start;
padding: 40px 0 0 0;
}
.bl-accordion-with-tabs .logo-wrapper.two-col {
display: flex;
padding: 40px 0 0 0;
}
.bl-accordion-with-tabs .logo-wrapper.two-col .logos {
width: 50%;
display: flex;
justify-content: center;
} .bl-accordion-with-tabs .accordion-tab-menu ul {
display: flex;
flex-wrap: wrap;
margin: 20px -10px 0;
padding: 0;
}
.bl-accordion-with-tabs .accordion-tab-menu li {
width: 25%;
padding: 10px 10px;	
list-style: none;
transition: .5s all ease;
cursor: pointer;
}
.bl-accordion-with-tabs .accordion-tab-menu .value,
.bl-accordion-with-tabs .accordion-tab-menu span {
position: relative;
display: flex;
align-items: center;
align-self: center;
justify-content: center;
height: 100%;
padding: 20px 0 22px;
overflow: hidden;
color: #262626;
font-size: 14px;
font-family:"proxima-nova";
font-weight: 400;
letter-spacing: 1.5px;
text-decoration: none;
text-transform: uppercase;
border: 1px solid #575656;
transition: .5s all ease;
}
.bl-accordion-with-tabs .accordion-tab-menu .value {
display: none;
margin: 20px 0;
}
.bl-accordion-with-tabs .accordion-tab-menu span:hover,
.bl-accordion-with-tabs .accordion-tab-menu .active span {
color: #fff;
border-color: #EC671B;
background-color: #EC671B;
}
.bl-accordion-with-tabs.active .accordion-tab-menu li.active span {
background-color: #EC671B;
}
.bl-accordion-with-tabs .accordion-tab-menu span::before {
content: '';
position: absolute;
top: 0;
bottom: 0;
left: -110%;
z-index: -1;
width: 100%;
background-color: #EC671B;
transition: .5s left ease;
}
.bl-accordion-with-tabs .accordion-tab-menu span:hover::before,
.bl-accordion-with-tabs .accordion-tab-menu .active span::before {
left: 0;
}
@media only screen and (max-width: 600px) {
.bl-accordion-with-tabs .accordion-tab-menu .value {
position: relative;
display: none !important;
margin-bottom: 0;
cursor: pointer;
}
.bl-accordion-with-tabs .accordion-tab-menu .value::after {
content: '';
display: block;
position: absolute;
right: 20px;
top: 50%;
transform: translateY(-50%) rotate(90deg);
width: 0;
height: 0;
border-top: 4px solid transparent;
border-bottom: 4px solid transparent;
border-left: 7px solid #262626;
}
.bl-accordion-with-tabs .accordion-tab-menu.active .value::after {
transform: translateY(-50%) rotate(-90deg);
}
.bl-accordion-with-tabs .accordion-tab-menu ul {
display: flex;
margin-top: 0;
padding: 20px 0 0;
}
.bl-accordion-with-tabs .accordion-tab-menu.active ul {
display: flex;
}
.bl-accordion-with-tabs .accordion-tab-menu li {
width: 50%;
padding: 10px 10px 0;
margin-top: -1px;
}
.bl-accordion-with-tabs .accordion-tab-menu span.active {
color: #fff;
background-color: #EC671B;
border-color: #EC671B;
}
.bl-accordion-with-tabs .accordion-tab-menu .value,
.bl-accordion-with-tabs .accordion-tab-menu span {
height: 59px;
display: flex;
justify-content: center;
align-items: baseline;
}
}
@media screen and (min-width: 1441px) {
.bl-accordion-with-tabs .container {
padding: 0 120px;
}
}
@media screen and (max-width: 1200px) { .bl-accordion-with-tabs .image-wrapper {
padding-left: 0;
padding-bottom: 55px;
}
.bl-accordion-with-tabs .slick-list {
max-height: 300px;
}
.bl-accordion-with-tabs .slide img {
width: 100%;
height: 300px;
}
.bl-accordion-with-tabs .container {
padding: 0;
}
.bl-accordion-with-tabs .intro-wrapper {
flex-direction: column-reverse;
}
.bl-accordion-with-tabs .intro-text-wrapper,
.bl-accordion-with-tabs .image-wrapper {
width: 100%;
}
.bl-accordion-with-tabs .item-wrapper {
padding: 0;
}
.bl-accordion-with-tabs .item-wrapper.active {
padding: 0 0 30px 0;
}
.bl-accordion-with-tabs .intro-text-wrapper {
padding: 50px 5%;
}
.bl-accordion-with-tabs .image-wrapper .slick-dots li button {
font-size: 12px;
}
.bl-accordion-with-tabs .read-more-trigger {
width: 90%;
margin: -20px auto 30px auto
}
.bl-accordion-with-tabs .expanded {
padding: 0 5%;
}
.bl-accordion-with-tabs .expanded {
columns: 1;
}
.bl-accordion-with-tabs .image-wrapper {
height: auto;
}
.bl-accordion-with-tabs .slick-list {
max-height: 55vw;
}
.bl-accordion-with-tabs .slide img {
height: 55vw;
}
.bl-accordion-with-tabs .subtitle {
font-size: 16px;
line-height: 20px;
letter-spacing: 2px;
}
}
@media screen and (max-width: 900px) {
.bl-accordion-with-tabs .slick-list {
min-width: 100vw;
}
.bl-accordion-with-tabs .slick-track {
height: 55vw;
}
.bl-accordion-with-tabs .logo-wrapper.two-col {
flex-direction: column;
}
.bl-accordion-with-tabs .logo-wrapper.two-col .logos {
width: 100%;
flex-wrap: wrap;
flex-direction: row;
justify-content: flex-start;
}
.bl-accordion-with-tabs .logo-wrapper.two-col .logos img {
width: 50%;
padding: 5px 25px;
height: 120px;
}
.bl-accordion-with-tabs .logo-wrapper.single-col .logos {
flex-direction: column;
}
.bl-accordion-with-tabs .logo-wrapper.single-col .logos img {
width: 50%;
}
}
@media screen and (max-width: 600px) { .bl-accordion-with-tabs .intro-text-wrapper {
padding: 30px 5%;
}
.bl-accordion-with-tabs .expanded {
padding: 0 20px;
}
.bl-accordion-with-tabs .read-more-trigger {
margin: 0 auto 30px auto
}
.bl-accordion-with-tabs .logo-wrapper.single-col .logos img {
width: 100%;
}
.bl-accordion-with-tabs .logo-wrapper.two-col .logos img {
width: 100%;
}
}.bl-quote .headline .h3 {
font-size: 26px;
line-height: 37px;
letter-spacing: 2px;
color: #ec671b;
text-transform: uppercase;
font-family:"proxima-nova";
font-weight: 100;
}
.bl-quote .text {
align-self: flex-end;
padding-left: 50px;
margin-top: -37px;
}
.bl-quote .intro-text {
width: 100%;
display: flex;
flex-direction: column;
}
@media screen and (max-width: 900px) {
.bl-quote .headline .h3,
.bl-quote .text {
font-size: 18px;
line-height: 26px;
letter-spacing: 1.13px;
}
.bl-quote .text {
margin-top: 20px;
padding-left: 0;
align-self: flex-start;
}
}.bl-usp .teaser-wrapper {
display: flex;
flex-wrap: wrap;
padding-top: 90px;
padding-bottom: 90px;
}
.bl-usp .teaser:nth-child(odd) {
padding: 0 50px 0 0;
} 
.bl-usp .teaser:nth-child(even) {
padding: 0 0 0 50px;
}
.bl-usp .teaser {
padding-bottom: 70px !important;
}
.bl-usp .teaser:nth-last-child(-n+2) {
padding-bottom: 0px !important;
}
.bl-usp .teaser-inner {
display: flex;
flex-direction: column;
flex-wrap: wrap;
align-items: flex-end;
}
.bl-usp .teaser .title {
align-self: flex-start	;
width: 50%;
-webkit-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
-ms-hyphenate-limit-chars: 3;
hyphenate-limit-chars: 3;
}
.bl-usp .teaser .title p {
font-size: 26px;
line-height: 32px;
text-transform: uppercase;
word-break: keep-all;
font-family: 'Proxima Nova W01 Thin', sans-serif;
letter-spacing: 2px;
margin: 0;
}
.bl-usp .teaser .title p strong {
color: #ec671b;
}
.bl-usp .teaser .description {
width: 50%;
margin-top: -25px;
padding-left: 20px;
font-family: 'Proxima Nova W01 Thin', sans-serif;
letter-spacing: 1.5px;
}
@media screen and (min-width: 1441px) {
.bl-usp .teaser .title {
min-width: 275px;
}
}
@media screen and (max-width: 1200px) {
.bl-usp .headline, .headline .text-left
.bl-usp .headline, .headline .text-right {
width: 100%;
}
.bl-usp .teaser,
.bl-usp .teaser:nth-last-child(-n+2) {
width: 100%;
padding-bottom: 80px !important;
}
.bl-usp .teaser:nth-child(even) {
padding: 0;
}
.bl-usp .teaser .teaser-inner {
flex-direction: row;
}
.bl-usp .teaser .title {
max-width: 345px;
width: 100%;
}
.bl-usp .teaser .description {
width: 100%;
margin-top: -25px;
margin-left: 345px;
}
}
@media screen and (max-width: 900px) {
.bl-usp .teaser .title {
max-width: 275px;
}
}
@media screen and (max-width: 600px) {
.bl-usp .teaser:nth-child(even),
.bl-usp .teaser:nth-child(odd) {
padding: 0 0 30px 0 !important;
}
.bl-usp .headline {
padding-bottom: 40px;
}
.bl-usp .teaser .teaser-inner {
align-items: flex-start;
flex-direction: column;
}
.bl-usp .teaser .description,
.bl-usp .teaser .title {
padding: 0 0 10px 0 !important;
width: 100%;
margin: 0;
max-width: 300px;
}
.bl-usp .teaser-wrapper {
padding: 0 40px;
}
.bl-usp .teaser .title p {
font-size: 20px;
line-height: 24px;
letter-spacing: 1.92px;
}
.bl-usp .teaser .description {
font-size: 14px;
line-height: 20px;
letter-spacing: 1.31px;
}
}
@media screen and (max-width: 600px) {
.bl-usp .teaser-wrapper {
padding: 0 20px;
}
}.bl-indicators > div {
max-width: 1440px;
margin: 0 auto;
}
.bl-indicators {
overflow: hidden;
}
.bl-indicators .indicators-wrapper {
display: flex;
flex-wrap: wrap;
justify-content: center;
position: relative;
margin: 50px 0 115px;
}
.bl-indicators .number-wrapper {
position: relative;
width: 16.66666%;
box-sizing: border-box;
}
.bl-indicators .v-separator .number-wrapper {
border-left: 1px solid #979797;
width: fit-content;
}
.bl-indicators .indicators-wrapper.v-separator {
flex-wrap: nowrap;
}
.bl-indicators .v-separator .number-wrapper:first-child {
border: none;
}
.bl-indicators .number-wrapper-inner {
width: 100%;
height: 100%;
display: flex;
justify-content: flex-start;
align-items: center;
flex-direction: column;
color: #ec671b;
font-family:"proxima-nova";
font-weight: 100;
padding: 0 20px;
}
.bl-indicators .number-wrapper-inner div:not(.description) {
white-space: nowrap;
}
@media screen and (min-width: 1201px) {
.bl-indicators .number-wrapper-inner {
min-width: 200px;
}
}
.bl-indicators .number-wrapper > div {
line-height: 1.2;
}
.bl-indicators .indicators-wrapper .number-wrapper:nth-child(1) {
transition-delay: 0.3s;
}
.bl-indicators .indicators-wrapper .number-wrapper:nth-child(2) {
transition-delay: 0.4s;
}
.bl-indicators .indicators-wrapper .number-wrapper:nth-child(3) {
transition-delay: 0.5s;
}
.bl-indicators .indicators-wrapper .number-wrapper:nth-child(4) {
transition-delay: 0.6s;
}
.bl-indicators .indicators-wrapper .number-wrapper:nth-child(5) {
transition-delay: 0.7s;
}
.bl-indicators .indicators-wrapper .number-wrapper:nth-child(6) {
transition-delay: 0.8s;
}
.bl-indicators .indicators-wrapper .number-wrapper:nth-child(7) {
transition-delay: 0.8s;
}
.bl-indicators .indicators-wrapper .number-wrapper:nth-child(8) {
transition-delay: 0.8s;
}
.bl-indicators .indicators-wrapper .number-wrapper:nth-child(9) {
transition-delay: 0.8s;
}
.bl-indicators .indicators-wrapper .number-wrapper:nth-child(1),
.bl-indicators .indicators-wrapper .number-wrapper:nth-child(2),
.bl-indicators .indicators-wrapper .number-wrapper:nth-child(3),
.bl-indicators .indicators-wrapper .number-wrapper:nth-child(4),
.bl-indicators .indicators-wrapper .number-wrapper:nth-child(5),
.bl-indicators .indicators-wrapper .number-wrapper:nth-child(6),
.bl-indicators .indicators-wrapper .number-wrapper:nth-child(7),
.bl-indicators .indicators-wrapper .number-wrapper:nth-child(8),
.bl-indicators .indicators-wrapper .number-wrapper:nth-child(9) {
opacity: 1;
}
.bl-indicators  .indicators-wrapper.h-separator .number-wrapper:nth-child(1),
.bl-indicators .indicators-wrapper.h-separator .number-wrapper:nth-child(2),
.bl-indicators .indicators-wrapper.h-separator .number-wrapper:nth-child(3),
.bl-indicators .indicators-wrapper.h-separator .number-wrapper:nth-child(4),
.bl-indicators .indicators-wrapper.h-separator .number-wrapper:nth-child(5),
.bl-indicators .indicators-wrapper.h-separator .number-wrapper:nth-child(6) {
margin-bottom: 30px;
padding-bottom: 30px;
border-bottom: 1px solid #979797;
}
.bl-indicators .number-wrapper-inner .number {
font-size: 45px;
}
.bl-indicators .number-wrapper-inner .unit {
font-size: 30px;
}
.bl-indicators .number-wrapper-inner .description {
font-size: 16px;
line-height: 20px;
letter-spacing: 1px;
color: #575656;
font-family:"proxima-nova";
font-weight: 100;
text-align: center;
text-transform: none;
padding: 0 25px;
}
@media screen and (max-width: 1200px) {
.bl-indicators .v-separator .number-wrapper:first-child {
border-left: 0px solid #979797;
}
.bl-indicators .default-width {
padding: 0 0 0 8%;
}
.bl-indicators .intro-text .headline {
padding: 30px 0 0 0 !important;
}
.bl-indicators .slick-track {
display: flex;
align-items: stretch;
}
.bl-indicators .intro-text .text {
width: 100%;
padding: 0;
margin-top: 30px;
}
.bl-indicators .h-separator .number-wrapper {
border-bottom: none !important;
border-left: 1px solid #979797;
}
.bl-indicators .h-separator .number-wrapper:first-child {
border-left: 0px solid #979797;
}
.bl-indicators .number-wrapper {
display: flex;
align-items: center;
justify-content: center;
height: auto;
padding: 0 !important;
min-height: 100% !important;
margin-bottom: 30px;
}
.bl-indicators .plus::before,
.bl-indicators .plus::after {
left: 30px;
}
.bl-indicators .number-wrapper {
margin-left: 3px !important;
}
}
@media screen and (max-width: 900px) {
.bl-indicators .default-width {
padding: 0 0 0 5%;
}
.bl-indicators .intro {
padding: 15px 20px;
margin-top: -100px;
}
.bl-indicators .slick-list {
padding-right: 30vw;
}
}
.bl-indicators .slick-list {
padding-right: 40vw;
}
.bl-indicators .slick-arrow {
position: absolute;
top: auto;
bottom: 55px;
right: 0;
width: 45px;
height: 50px;
background-color: black;
border: 0;
font-size: 0;
border-radius: 0;
}
.bl-indicators .slick-arrow.slick-disabled {
opacity: 0.4;
}
.bl-indicators .slick-arrow.slick-prev {
left: 0;
bottom: -55px;
z-index: 1;
}
.bl-indicators .slick-arrow.slick-next {
left: calc(0px + 45px);
right: auto;
bottom: -55px;
z-index: 1;
}
.bl-indicators .slick-arrow::after {
content: '';
transform: rotate(45deg);
color: #fff;
position: absolute;
display: block;
left: 25px;
font-size: 40px;
width: 15px;
height: 15px; 
background: transparent;
border: 2px solid #fff;
top: 16px;
}
.bl-indicators .slick-arrow.slick-arrow.slick-prev::after {
border-right-width: 0px;
border-top-width: 0px;
border-bottom-width: 2px;
left: 19px;
}
.bl-indicators .slick-arrow.slick-arrow.slick-next::after {
border-left-width: 0px;
border-top-width: 2px;
border-bottom-width: 0px;
left: 12px;
}
@media screen and (max-width: 900px) {
.bl-indicators .number-wrapper .number-wrapper-inner .description {
padding: 0;
}
}
@media screen and (max-width: 600px) {
.bl-indicators .slick-list {
padding-right: 15vw;
}
}
@media screen and (max-width: 420px) {
.bl-indicators .slick-list {
padding-right: 40vw;
}
}
@media screen and (max-width: 360px) {
.bl-indicators .slick-list {
padding-right: 35vw;
}
}.bl-anchornav .anchornav ul {
display: flex;
flex-wrap: wrap;
margin: 20px -10px 0;
padding: 0;
}
.bl-anchornav .anchornav li {
width: 225px;
padding: 10px 10px;	
list-style: none;
transition: .5s all ease;
}
.bl-anchornav .anchornav .value,
.bl-anchornav .anchornav a {
position: relative;
display: flex;
align-items: center;
align-self: center;
justify-content: center;
height: 100%;
padding: 20px 0 22px;
overflow: hidden;
color: #262626;
font-size: 14px;
font-family:"proxima-nova";
font-weight: 400;
letter-spacing: 1.5px;
text-decoration: none;
text-transform: uppercase;
border: 1px solid #575656;
transition: .5s all ease;
}
.bl-anchornav .anchornav .value {
display: none;
margin: 20px 0;
}
.bl-anchornav .anchornav a:hover {
color: #fff;
border-color: #EC671B;
}
.bl-anchornav .anchornav a::before {
content: '';
position: absolute;
top: 0;
bottom: 0;
left: -110%;
z-index: -1;
width: 100%;
background-color: #EC671B;
transition: .5s left ease;
}
.bl-anchornav .anchornav a:hover::before {
left: 0;
}
@media only screen and (max-width: 600px) {
.bl-anchornav .anchornav .value {
position: relative;
display: flex;
margin-bottom: 0;
cursor: pointer;
}
.bl-anchornav .anchornav .value::after {
content: '';
display: block;
position: absolute;
right: 20px;
top: 50%;
transform: translateY(-50%) rotate(90deg);
width: 0;
height: 0;
border-top: 4px solid transparent;
border-bottom: 4px solid transparent;
border-left: 7px solid #262626;
}
.bl-anchornav .anchornav.active .value::after {
transform: translateY(-50%) rotate(-90deg);
}
.bl-anchornav .anchornav ul {
display: none;
margin-top: 0;
}
.bl-anchornav .anchornav.active ul {
display: flex;
}
.bl-anchornav .anchornav li {
width: 100%;
padding: 0px 10px;
margin-top: -1px;
}
.bl-anchornav .anchornav a.active {
color: #fff;
background-color: #EC671B;
border-color: #EC671B;
}
.bl-anchornav .anchornav .value,
.bl-anchornav .anchornav a {
height: 59px;
display: flex;
justify-content: center;
align-items: baseline;
}
}.bl-textimage {
position: relative;
margin: 50px 0 50px 0px;
overflow: hidden;
}
.bl-textimage .left:not(.no-padding) {
padding-left: calc((100vw - 1440px)/2); 
}
.bl-textimage .right:not(.no-padding) {
padding-right: calc((100vw - 1440px)/2); 
}
.bl-textimage .content {
display: flex;
max-width: 100%;
width: 100%;
margin: 0;
}
.bl-textimage .right .content {
padding: 0 120px 0 0;
justify-content: flex-end;
}
.bl-textimage .left .content {
padding: 0 0 0 120px;
justify-content: flex-start;
}
.bl-textimage img {
max-width: 100%;
width: calc(100% - 220px);
height: 512px;
object-fit: cover;
position: absolute;
}
.bl-textimage .intro {
background-color: #fff;
width: 770px;
position: relative;
z-index: 3;
display: block;
margin-top: 412px;
}
.bl-textimage .left .content .intro {
margin-left: -120px;
padding: 75px 90px 75px 120px;
}
.bl-textimage .left.no-padding .content .intro {
margin-left: 0;
}
.bl-textimage .left img {
left: 220px;
}
.bl-textimage .right .content .intro {
right: 0;
left: auto;
margin-right: -120px;
padding: 75px 120px 75px 90px;
}
.bl-textimage .right.no-padding .content .intro {
margin-right: 0;
}
.bl-textimage .right img {
left: auto;
right: 220px;
}
.bl-textimage .intro .h4 {
font-size: 26px;
line-height: 32px;
letter-spacing: 2.5px;
font-family: 'Proxima Nova W01 Thin', sans-serif;
margin-top: 0px;
padding-bottom: 30px;
}
.bl-textimage .right.with-bg::after {
left: -180px;
bottom: 100px;
}
.bl-textimage .left.with-bg::after {
left: auto;
right: -180px;
bottom: 100px;
}
.bl-textimage .intro .customlink {
position: relative;
width: fit-content;
}
.bl-textimage .intro .customlink a,
.bl-textimage .intro .customlink a:visited {
display: block;
padding-top: 40px;
font-size: 14px;
font-family:"proxima-nova";
font-weight: 400;
letter-spacing: 1.5px;
line-height: 17px;
text-decoration: none;
text-transform: uppercase;
color: #575656;
}
.bl-textimage .intro .customlink:hover a {
color: #ec671b;
}
.bl-textimage .intro .customlink a::after {
content: '';
display: block;
position: absolute;
right: -20px;
top: auto;
bottom: -1px;
transform: translateY(-50%) rotate(0deg);
width: 0;
height: 0;
border-top: 5px solid transparent;
border-bottom: 5px solid transparent;
border-left: 9px solid #ec671b;
} .bl-textimage .left .content.full-width img {
width: 100%;
left: 0;
}
.bl-textimage .right .content.full-width img {
right: 0;
width: 100%;
}
.bl-textimage .left.no-padding .content .intro {
padding: 60px;
}
.bl-textimage .right.no-padding .content .intro {
padding: 60px;
}
@media screen and (min-width: 1441px) {
.bl-textimage .right.no-padding .content {
padding-right: calc((100vw - 1440px)/2); 
}
.bl-textimage .left.no-padding .content {
padding-left: calc((100vw - 1440px)/2); 
}
.bl-textimage .left.no-padding .content .intro {
padding: 60px;
margin-left: 120px;
}
.bl-textimage .right.no-padding .content .intro {
padding: 60px;
margin-left: 0;
margin-right: 120px;
}
}
@media screen and (max-width: 900px) {
.bl-textimage {
margin: 0px 0 30px 0;
}
.bl-textimage .content {
padding: 0 !important;
}
.bl-textimage img {
height: 300px;
width: 100%;
left: 0 !important;
}
.bl-textimage .content .intro {
width: 95%;
margin-top: 250px !important;
padding: 30px !important;
margin-left: 0 !important;
margin-right: 0 !important;
}
.bl-textimage .intro .h4 {
font-size: 20px;
line-height: 27px;
letter-spacing: 1.92px;
padding-bottom: 10px;
}
}
@media screen and (max-width: 600px) {
.bl-textimage .content .intro {
margin-top: 170px !important;
}
.bl-textimage img {
height: 200px;
}
}.bl-sitetitle .breadcrump ul {
list-style-type: none;
display: flex;
margin: 0;
padding: 20px 0 0 0;
}
.bl-sitetitle .breadcrump ul li {
padding: 0 40px 0 0;
font-family:"proxima-nova", serif;
font-weight: 400;
font-size: 14px;
line-height: 17px;
letter-spacing: 2px;
text-align: left;
position: relative;
color: #b4b4b4;
}
.bl-sitetitle .breadcrump ul li a {
text-decoration: none;
color: #b4b4b4;
}
.bl-sitetitle .breadcrump ul li a:hover {
color: #ec671b;
}
.bl-sitetitle .breadcrump ul li:last-child {
color: #262626;
}
.bl-sitetitle .breadcrump ul li:not(:last-child)::after {
content: '';
display: block;
position: absolute;
right: 20px;
top: 50%;
transform: translateY(-50%);
width: 0; 
height: 0; 
border-top: 4px solid transparent;
border-bottom: 4px solid transparent;
border-left: 7px solid #b4b4b4;
opacity: 0.7;
}
.bl-sitetitle .default-width {
margin-top: 40px;
} @media screen and (min-width: 901px) and (max-width: 1200px) {
.bl-sitetitle .default-width {
margin-top: 150px !important;
}
}
@media screen and (max-width: 600px) {
.bl-sitetitle .breadcrump ul {
padding: 22px 0 0 0;
}
.bl-sitetitle .breadcrump ul li {
display: none;
} 
.bl-sitetitle .breadcrump ul li:nth-last-of-type(2) {
display: block;
padding-left: 20px;
opacity: 1;
color:#262626;
}
.bl-sitetitle .breadcrump ul li:nth-last-of-type(2)::after {
left: 0;
border-right: 7px solid #262626;
opacity: 0.5;
border-left: none;
transform: translateY(-60%);
}
.bl-sitetitle .breadcrump {
display: none;
}
}.bl-text-accordion .item-wrapper {
max-width: 900px;
overflow: hidden;
}
.bl-text-accordion .item-wrapper {
overflow: hidden;
}
.bl-text-accordion .text {
max-height: 0px;
transition: all 0.3s ease-in-out;
opacity: 0;
}
.bl-text-accordion .text.expanded {
max-height: unset;
margin-top: 30px;
transition: all 0.6s ease-in-out;
opacity: 1;
}
.bl-text-accordion .read-more-trigger {
margin: 20px 0;
}
.bl-text-accordion .read-more-trigger span {
padding-right: 25px;
}
.bl-text-accordion .read-more-trigger span:after { right: 8px;
}
.bl-text-accordion .read-more-trigger.active {
width: 100%;
}.bl-simple-text {
position: relative;
}
.bl-simple-text .h4 {
margin-bottom: 30px;
}
.bl-simple-text .text {
margin-bottom: 50px;
}
.bl-simple-text p {
margin-bottom: 20px;
} .bl-simple-text .single-col {
max-width: 900px;
} .bl-simple-text .auto-cols p {
columns: 2;
column-gap: 100px;
}
.bl-simple-text .auto-cols > div {
width: 100%;
} .bl-simple-text .custom-cols {
display: flex;
flex-direction: row;
}
.bl-simple-text .custom-cols > div:nth-child(1) {
padding-right: 50px;
}
.bl-simple-text .custom-cols > div:nth-child(2) {
padding-left: 50px;
}
@media screen and (max-width: 900px) {
.bl-simple-text .auto-cols p {
columns: 1;
}
.bl-simple-text .custom-cols {
flex-direction: column;
}
.bl-simple-text .custom-cols > div:nth-child(1) {
padding-right: 0;
}
.bl-simple-text .custom-cols > div:nth-child(2) {
padding-left: 0;
}
.bl-simple-text .custom-cols .text {
margin-bottom: 0;
}
}.bl-link-list .h4 {
font-size: 16px;
line-height: 20px;
letter-spacing: 2px;
}
.bl-link-list .link-wrapper {
display: flex;
flex-direction: row;
flex-wrap: wrap;
padding: 30px 0px;
}
.bl-link-list .link-wrapper a {
display: flex;
justify-content: flex-start;
align-items: center;
width: fit-content;
height: 45px;
padding-right: 70px;
position: relative;
font-family: 'Proxima Nova W01 Regular', sans-serif;
font-size: 14px;
line-height: 17px;
letter-spacing: 2px;
text-transform: uppercase;
text-decoration: none;
color: #575656;
transition: color 0.3s ease-in-out;
}
.bl-link-list .link-wrapper a:hover {
color: #ec671b;
transition: color 0.3s ease-in-out;
}
.bl-link-list .link-wrapper a span {
padding-right: 10px;
}
.bl-link-list .link-wrapper a::before {
content: '';
width: 11px;
height: 1px;
background-color: #ec671b;
display: block;
position: absolute;
right: 60px;
bottom: 16px;
}
.bl-link-list .link-wrapper a::after {
content: '';
width: 0;
height: 0;
border-left: 6px solid #0000;
border-right: 6px solid #0000;
border-top: 8px solid #ec671b;
position: absolute;
bottom: 20px;
right: 59px;
transition: all 0.3s ease-in-out;
}.bl-employee-quotes .quote-wrapper {
position: relative;
}
.bl-employee-quotes .quote-wrapper .h4 {
padding-bottom: 30px;
}
.bl-employee-quotes .quote-wrapper > img {
position: absolute;
width: 100%;
height: 100%;
top: 0;
object-fit: cover;
}
.bl-employee-quotes .quote-wrapper .quote-slider {
padding: 70px 8%;
}
.bl-employee-quotes .quote-wrapper .quote-slide {
background-color: #fff;
padding: 60px;
display: flex;
}
.bl-employee-quotes .quote-wrapper .quote-slide img {
padding-bottom: 30px;
width: 100%;
height: 100%;
object-fit: cover;
max-width: 100%;
aspect-ratio: 3 / 2;
}
.bl-employee-quotes .quote-wrapper .quote-slide div:nth-child(1) {
padding-right: 4%;
}
.bl-employee-quotes .quote-wrapper .quote-slide div:nth-child(2) {
padding-left: 4%;
padding-bottom: 50px;
}
.bl-employee-quotes .quote-slide::after {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 100%;
background-color: #F7F7F7;
}
.bl-employee-quotes .quote-slider .slick-arrow {
bottom: 125px;
}
.bl-employee-quotes .quote-slider .slick-arrow.slick-prev {
right: calc(8vw + 43px);
}
.bl-employee-quotes .quote-slider .slick-arrow.slick-next {
right: calc(8vw - 2px);
}
.bl-employee-quotes .slick-track {
background-color: #fff;
}
.bl-employee-quotes .slick-dots {
display: flex;
background-color: #F7F7F7;
height: 55px;
justify-content: flex-end;
align-items: center;
padding: 0 15px;
}
.bl-employee-quotes .slick-dots li {
display: flex;
flex-direction: column-reverse;
max-height: 3px;
background-color: #D8D8D8;
margin-top: 10px;
}
.bl-employee-quotes .slick-dots li.slick-active {
background-color: #ec671b;
}
.bl-employee-quotes .slick-dots li button {
background-color: transparent;
border: none;
opacity: 0;
transition: opacity 0.1s;
}
.bl-employee-quotes .slick-dots li.slick-active button {
opacity: 1;
transition: opacity 0.1s;
}  @media screen and (min-width: 1201px) {
.bl-employee-quotes .headline {
text-align: right;
}
.bl-employee-quotes .quote-wrapper .quote-slide img {
max-width: 350px;
height: 260px;
}
.bl-employee-quotes .quote-wrapper.with-bg::after {
left: auto;
right: -220px;
}
.bl-employee-quotes .name {
max-width: 350px;
}
}
@media screen and (min-width: 1441px) {
.bl-employee-quotes .quote-wrapper .quote-slider {
padding: 70px 120px;
}
}
@media screen and (max-width: 1200px) {
.bl-employee-quotes .quote-wrapper .h4 {
padding-top: 30px;
}
.bl-employee-quotes .intro-text .text {
margin-top: 30px;
padding-left: 0;
}
.bl-employee-quotes .quote-wrapper .quote-slide {
flex-direction: column-reverse;
padding: 55px 55px 70px 55px;
}
.bl-employee-quotes .quote-wrapper .quote-slide div:nth-child(1) {
padding-right: 0%;
}
.bl-employee-quotes .quote-wrapper .quote-slide div:nth-child(2) {
padding-left: 0%;
padding-bottom: 0;
}
}
@media screen and (max-width: 900px) {
.bl-employee-quotes .slick-dots li button {
font-size: 12px;
}
.bl-employee-quotes .quote-wrapper .quote-slider {
padding: 50px 5%;
}
.bl-employee-quotes .quote-wrapper .quote-slider h4 {
font-size: 16px;
}
.bl-employee-quotes .quote-wrapper .quote-slide {
padding: 40px 40px 70px 40px;
}
.bl-employee-quotes .quote-slider .slick-arrow.slick-prev {
right: calc(5vw + 43px);
}
.bl-employee-quotes .quote-slider .slick-arrow.slick-next {
right: calc(5vw - 2px);
}
.bl-employee-quotes .quote-slider .slick-arrow.slick-next,
.bl-employee-quotes .quote-slider .slick-arrow.slick-prev {
bottom: 105px;
}
}
@media screen and (max-width: 600px) {
.bl-employee-quotes .quote-wrapper .quote-slide {
padding: 15px 15px 70px 15px;
}
}.bl-factslider {
position: relative;
margin-bottom: 70px;
}
.bl-factslider .factsslider {
max-width: 1440px;
}
.bl-factslider img { width: calc(100vw - 100px);
max-width: 100vw;
height: 520px;
margin: 0 0 0 auto;	
object-fit: cover;
position: absolute;
top: 0;
left: 100px;
}
.bl-factslider .with-bg::after {
bottom: -30px;
left: auto;
right: -260px;
background-position: bottom right;
}
.bl-factslider .slick-list {
overflow: unset;
}
.bl-factslider .slick-arrow.slick-next,
.bl-factslider .slick-arrow.slick-prev {
bottom: auto;
top: 470px;
}
.bl-factslider .slick-arrow.slick-prev {
left: calc(8vw + 770px);
}
.bl-factslider .slick-arrow.slick-next {
left: calc(8vw + 805px);
}
.bl-factslider .description {
position: relative;
background-color: #fff;
padding: 60px;
max-width: 770px; margin-top: 420px;
z-index: 2;
}
.bl-factslider .slick-dots {
display: flex;
background-color: #F7F7F7;
height: 55px;
justify-content: flex-start;
align-items: center;
padding: 0 15px;
position: absolute;
width: 100%;
left: calc(8vw + 770px);
top: 520px;
}
.bl-factslider .slick-dots li {
display: flex;
flex-direction: column-reverse;
max-height: 3px;
background-color: #D8D8D8;
margin-top: 10px;
}
.bl-factslider .slick-dots li.slick-active {
background-color: #ec671b;
}
.bl-factslider .slick-dots li button {
background-color: transparent;
border: none;
opacity: 0;
transition: opacity 0.1s;
}
.bl-factslider .slick-dots li.slick-active button {
opacity: 1;
transition: opacity 0.1s;
}
@media screen and (min-width: 1441px) {
.bl-factslider .slick-arrow.slick-prev {
left: calc(120px + 770px);
}
.bl-factslider .slick-arrow.slick-next {
left: calc(120px + 805px);
}
.bl-factslider .slick-dots {
left: calc(120px + 770px);
}
}
@media screen and (max-width: 1200px) {
.bl-factslider .description {
max-width: 600px;
}
.bl-factslider .slick-dots { 
width: 100%;
left: calc(8vw + 600px);
}
.bl-factslider .slick-arrow.slick-prev {
left: calc(8vw + 600px);
}
.bl-factslider .slick-arrow.slick-next {
left: calc(8vw + 645px);
}
}
@media screen and (max-width: 900px) {
.bl-factslider {
margin-bottom: 45px;
}
.bl-factslider img {
width: 100vw;
max-width: 100vw;
height: 70vw;
margin: 0 0 0 0;	
object-fit: cover;
position: absolute;
top: 0;
left: 0
}
.bl-factslider .description {
margin-top: 70vw;
padding: 90px 5% 45px;
max-width: 85%;
}
.factslider {
padding: 0;
}
.bl-factslider .slick-arrow.slick-prev {
left: auto;
right: 45px;
top: calc(70vw - 50px);
}
.bl-factslider .slick-arrow.slick-next {
left: auto;
right: 0;
top: calc(70vw - 50px);
}
.bl-factslider .slick-dots {
top: 70vw;
width: 100%;
position: absolute;
left: 0;
padding: 0 5%;
}
.bl-factslider .slick-dots li button {
font-size: 12px;
}
}.tab {
display: none;
}
.bl-tabs .logo-wrapper {
padding-top: 40px;
display: flex;
justify-content: center;
align-items: center;
}
.bl-tabs .logo-wrapper img {
height: 150px;
width: 100%;
max-width: 300px;
object-fit: contain;
}
.tab.active {
display: block;
}
.bl-tabs { }
.bl-tabs .value {
display: none;
}
.bl-tabs .bl-factslider .slick-track {
margin: 0;
}
.bl-tabs .bl-factslider .description {
width: 100vw;
}
.bl-tabs .tab-menu {
display: flex;
justify-content: center;
align-items: center;
}
.bl-tabs .tab-menu::after {
content: '';
width: calc(100% - 16vw);
max-width: calc(1440px - 16vw);
height: 1px;
background-color: #ec671b;
position: absolute;
left: 8vw;
bottom: 0;
display: block;
}
.bl-tabs .tab-menu ul {
display: flex;
justify-content: space-around;
align-items: stretch;
}
.bl-tabs .tab-menu li {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
padding: 15px 22px;
font-family: 'Proxima Nova W01 Regular', sans-serif;
font-size: 14px;
line-height: 17px;
letter-spacing: 1.5px;
text-align: center;
text-transform: uppercase;
}
.bl-tabs .tab-menu li:hover {
cursor: pointer;
}
.bl-tabs .tab-menu li.active {
background-color: #ec671b;
color: #fff;
}
.bl-tabs .tab > div {
padding-top: 16px;
}
.bl-tabs .tab > div {
padding-top: 16px;
}
.bl-tabs .tab .headline {
padding-bottom: 15px;
}
.bl-tabs .auto-cols > div {
width: 100%;
}
.bl-tabs .auto-cols > div > div {
columns: 2;
column-gap: 100px;
}
.bl-tabs .custom-cols {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
}
.bl-tabs .custom-cols > div:nth-child(1) {
padding-right: 50px;
}
.bl-tabs .custom-cols > div:nth-child(2) {
padding-left: 50px;
} .bl-tabs .bl-factslider .factslider .description {
padding: 60px 60px 60px 0;
}
.bl-tabs .bl-factslider .factslider {
margin-top: 0;
}
@media screen and (min-width: 1441px) {
.bl-tabs .tab-menu::after {
width: calc(100% - 240px);
max-width: calc(100% - 240px);
left: 120px;
}
}
@media screen and (max-width: 900px) {
.bl-tabs .tab-menu::after {
width: calc(100% - 10vw);
max-width: calc(1400px - 10vw);
left: 5vw;
}
.bl-tabs .bl-factslider .factslider .description {
margin-top: 70vw;
padding: 90px 5% 60px;
max-width: 95%;
}
.bl-tabs .auto-cols > div > div,
.bl-tabs .custom-cols > div {
width: 100%;
columns: 1;
}
.bl-tabs .custom-cols {
flex-direction: column;
}
.bl-tabs .custom-cols > div:nth-child(1) {
padding: 0;
}
.bl-tabs .custom-cols > div:nth-child(2) {
padding: 30px 0 0 0;
}
.bl-tabs .tab-menu .value {
position: relative;
display: flex;
margin-bottom: 0;
cursor: pointer;
background-color: #ec671b;
justify-content: center;
align-items: center;
width: 80vw;
max-width: 460px; height: fit-content;
color: #fff;
font-family: 'Proxima Nova W01 Regular', sans-serif;
font-size: 14px;
line-height: 17px;
letter-spacing: 1.5px;
text-align: center;
text-transform: uppercase;
}
.bl-tabs .tab-menu .value::after {
content: '';
display: block;
position: absolute;
right: 20px;
top: 50%;
transform: translateY(-50%) rotate(90deg);
width: 0;
height: 0;
border-top: 4px solid transparent;
border-bottom: 4px solid transparent;
border-left: 7px solid #fff;
}
.bl-tabs .tab-menu.active .value::after {
transform: translateY(-50%) rotate(-90deg);
}
.bl-tabs .tab-menu ul {
display: none;
margin-top: 0;
}
.bl-tabs .tab-menu.active ul {
display: flex;
flex-direction: column;
width: 80vw;
max-width: 460px;
border: 1px solid #ec671b;
}
.bl-tabs .tab-menu li {
width: 100%;
padding: 0px 60px 0 25px;
margin-top: -1px;
border-top: 1px solid #ec671b;
text-align: center;
justify-content: center;
}
.bl-tabs .tab-menu a.active {
color: #fff;
background-color: #EC671B;
border-color: #EC671B;
}
.bl-tabs .tab-menu .value,
.bl-tabs .tab-menu li {
height: auto;
padding: 15px 10% 15px 25px;
display: flex;
min-height: 66px;
}
.bl-tabs .tab-menu.active {
flex-direction: column;
}
.bl-tabs .tab-menu li.active {
background-color: #fff;
color: #404040;
}
}
@media screen and (max-width: 600px) {
.bl-tabs .tab-menu li {
margin-top: 0;
}
}.bl-press .tab-menu {
display: flex;
justify-content: center;
align-items: center;
}
.bl-press .value {
display: none;
}
.bl-press .tab-menu::after {
content: '';
width: calc(100% - 16vw);
max-width: calc(1440px - 16vw);
height: 1px;
background-color: #ec671b;
position: absolute;
left: 8vw;
bottom: 0;
display: block;
}
.bl-press .tab-menu ul {
display: flex;
justify-content: space-around;
align-items: stretch;
}
.bl-press .tab-menu li {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
padding: 15px 22px;
min-height: 60px;
font-family: 'Proxima Nova W01 Regular', sans-serif;
font-size: 14px;
line-height: 17px;
letter-spacing: 1.5px;
text-align: center;
text-transform: uppercase;
}
.bl-press .tab-menu li:hover {
cursor: pointer;
}
.bl-press .tab-menu li.active {
background-color: #ec671b;
color: #fff;
}
@media screen and (min-width: 1441px) {
.bl-press .tab-menu::after {
width: calc(100% - 240px);
max-width: calc(100% - 240px);
left: 120px;
}
}
@media screen and (max-width: 900px) {
.bl-press .tab-menu::after {
width: calc(100% - 10vw);
max-width: calc(1400px - 10vw);
left: 5vw;
}
.bl-press .tab-menu .value {
position: relative;
display: flex;
margin-bottom: 0;
cursor: pointer;
background-color: #ec671b;
justify-content: center;
align-items: center;
width: 80vw;
max-width: 460px; height: fit-content;
color: #fff;
font-family: 'Proxima Nova W01 Regular', sans-serif;
font-size: 14px;
line-height: 17px;
letter-spacing: 1.5px;
text-align: center;
text-transform: uppercase;
}
.bl-press .tab-menu .value::after {
content: '';
display: block;
position: absolute;
right: 20px;
top: 50%;
transform: translateY(-50%) rotate(90deg);
width: 0;
height: 0;
border-top: 4px solid transparent;
border-bottom: 4px solid transparent;
border-left: 7px solid #fff;
}
.bl-press .tab-menu.active .value::after {
transform: translateY(-50%) rotate(-90deg);
}
.bl-press .tab-menu ul {
display: none;
margin-top: 0;
}
.bl-press .tab-menu.active ul {
display: flex;
flex-direction: column;
width: 80vw;
max-width: 460px;
border: 1px solid #ec671b;
}
.bl-press .tab-menu li {
width: 100%;
padding: 0px 60px 0 25px;
margin-top: -1px;
border-top: 1px solid #ec671b;
text-align: center;
justify-content: center;
}
.bl-press .tab-menu a.active {
color: #fff;
background-color: #EC671B;
border-color: #EC671B;
}
.bl-press .tab-menu .value,
.bl-press .tab-menu li {
height: auto;
padding: 15px 10% 15px 25px;
display: flex;
min-height: 66px;
}
.bl-press .tab-menu.active {
flex-direction: column;
}
.bl-press .tab-menu li.active {
background-color: #fff;
color: #404040;
}
}
@media screen and (max-width: 600px) {
.bl-press .tab-menu li {
margin-top: 0;
}
} .bl-press .filter-wrapper {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
font-family:"proxima-nova", serif;
font-weight: 400;
font-size: 16px;
letter-spacing: 1.5px;
line-height: 26px;
}
@media screen and (max-width: 1200px) {
.bl-press .filter-wrapper.video-filter-wrapper .filter-space {
display: none;
}	
}
.bl-press .hint {
width: 100%;
padding-bottom: 20px;
}
.bl-press .filter-wrapper > div:not(:first-child) {
width: 25%;
padding-right: 40px;
}
.bl-press .filter-wrapper > div.filter {
margin-top: 13px;
position: relative;
cursor: pointer;
}
.bl-press .filter-wrapper .filter .number {
position: absolute;
right: 15px;
color: #EC671B;
font-family:"proxima-nova", serif;
font-weight: 600;
}
.bl-press .filter-wrapper .label {
position: relative;
display: flex;
justify-content: flex-start;
align-items: center;
height: 40px;
margin-bottom: 10px;
}
.bl-press .filter-wrapper ul {
display: none;
position: absolute;
top: 40px;
left: 0;
width: calc(100% - 40px);
background-color: #f7f7f7;
padding: 18px;
z-index: 2;
}
.bl-press .filter-wrapper .active ul {
display: block;
}
.bl-press .filter-wrapper ul li {
position: relative;
font-size: 16px;
line-height: 26px;
letter-spacing: 1.5px;
color: #262626;
padding-bottom: 12px;
}
.bl-press .filter-wrapper ul li.select-all {
margin-bottom: 20px;
}
.bl-press .filter-wrapper .no-checkbox ul li.active {
color: #ec671b;
}
.bl-press .filter-wrapper .filter:not(.no-checkbox) ul li::after {
content: '';
width: 20px;
height: 20px;
position: absolute;
right: -5px;
top: 5px;
border: 1px solid #262626;
}
.bl-press .filter-wrapper .filter:not(.no-checkbox) ul li.active::before {
content: '';
position: absolute;
right: 1px;
top: 7px;
opacity: 0;
width: 7px;
height: 13px;
border-bottom: 2px solid #ec671b;
border-right: 2px solid #ec671b;
transform: rotate(-321deg);
display: inline-block;
}
.bl-press .filter-wrapper ul li.select-all::before {
content: '';
position: absolute;
right: 0px;
top: 3px;
width: 10px;
height: 13px;
border-bottom: 1px solid #ec671b;
display: inline-block;
}
.bl-press .filter-wrapper .filter:not(.no-checkbox) ul li.active::before {
opacity: 1;
}
.bl-press .filter-wrapper .label::after {
content: '';
height: 1px;
width: calc(100% + 0px);
background-color: #575656;
position: absolute;
bottom: 0;
left: 0;    
}
.bl-press .filter-wrapper .label::before {
content: '';
display: block;
position: absolute;
right: 0px;
top: 50%;
transform: translateY(-50%) rotate(90deg);
width: 0;
height: 0;
border-top: 6px solid transparent;
border-bottom: 6px solid transparent;
border-left: 9px solid #575656;
}
.bl-press .filter-wrapper .active .label::before {
transform: translateY(-50%) rotate(-90deg);
}
.bl-press .filter-wrapper .clear-filter {
position: relative;
border: 1px solid #575656;
padding: 13px 25px;
height: fit-content;
width: 25%;
}
.bl-press .filter-wrapper .clear-filter:hover {
cursor: pointer;
background-color: #ec671b;
color: #fff;
border: 1px solid #ec671b;
font-family:"proxima-nova", serif;
font-weight: 600;
}
.bl-press .filter-wrapper .clear-filter::after,
.bl-press .filter-wrapper .clear-filter::before {
content: '';
width: 20px;
height: 1px;
background-color: #262626;
position: absolute;
right: 30px;
top: 50%;
transform: rotate(45deg);
}
.bl-press .filter-wrapper .clear-filter::before {
transform: rotate(-45deg);
}
.bl-press .filter-wrapper .clear-filter:hover::before,
.bl-press .filter-wrapper .clear-filter:hover::after {
background-color: #fff;
}
@media screen and (max-width: 1200px) {
.bl-press .filter-wrapper > div:not(:first-child) {
width: 45%;
padding-right: 0;
}
.bl-press .filter-wrapper .label {
margin-bottom: 30px;
}
.bl-press .filter-wrapper .clear-filter {
padding: 15px 25px;
}
.bl-press .filter-wrapper ul {
width: calc(100% - 0px);
}
}
@media screen and (max-width: 600px) {
.bl-press .filter-wrapper > div:not(:first-child) {
width: 100%;
padding-right: 0;
}
} .bl-press .news-wrapper {
display: flex;
flex-direction: row;
flex-wrap: wrap;
margin: 50px -2% 50px -2%;
min-height: 300px;
}
.bl-press .news-wrapper.reverse {
flex-direction: row-reverse;
flex-wrap: wrap-reverse;
justify-content: flex-end;
}
.bl-press .news-wrapper .news {
width: 33%;
padding: 60px 2%;
}
.bl-press .news-wrapper .news.hide {
display: none;
}
.bl-press .news-wrapper .news img {
height: 25vw;
max-height: 250px;
object-fit: cover;
width: 100%;
}
.bl-press .news-wrapper .news .news-title {
padding: 15px 0;
}
.bl-press .news-wrapper .news .news-title a {
text-decoration: none;
color: inherit;
font-size: inherit;
line-height: 20px;
letter-spacing: 2px;
font-family: inherit;
}
.bl-press .news-wrapper .news .date {
font-family:"proxima-nova";
font-weight: 100;
font-size: 14px;
line-height: 26px;
letter-spacing: 1.3px;
color: #575656;
text-transform: uppercase;
}
.bl-press .news-wrapper .news .text {
padding: 20px 0;
}
.bl-press .news a.read-more,
.bl-press .news a.read-more:visited {
width: fit-content;
position: relative;
display: block;
padding: 20px 0;
font-size: 14px;
font-family:"proxima-nova";
font-weight: 400;
letter-spacing: 1.5px;
line-height: 17px;
text-decoration: none;
text-transform: uppercase;
color: #575656;
}
.bl-press .news a.read-more:hover {
color: #ec671b;
}
.bl-press .news a.read-more::after {
content: '';
display: block;
position: absolute;
right: -20px;
top: 50%;
transform: translateY(-50%) rotate(0deg);
width: 0;
height: 0;
border-top: 5px solid transparent;
border-bottom: 5px solid transparent;
border-left: 9px solid #ec671b;
}
@media screen and (max-width: 1200px) {
.bl-press .news-wrapper .news {
width: 50%;
}
}
@media screen and (max-width: 900px) {
.bl-press .news-wrapper .news {
width: 100%;
padding: 0 0 30px 0;
}
.bl-press .news-wrapper .news img {
height: 65vw;
max-height: 450px;
}
} .bl-press .intro .h3 {
width: 50%;
text-align: right;
padding-right: 50px;
}
.bl-press .intro .text {
width: 50%;
margin-left: calc(50% + 50px);
margin-bottom: 70px;
margin-top: -27px;
}
@media screen and (min-width: 1200px) and (max-width: 1300px){
.bl-press .filter-wrapper ul {
padding: 12px;
}
}
@media screen and (max-width: 1200px) {
.bl-press .intro {
padding-top: 30px;
}
.bl-press .intro .h3 {
width: 100%;
padding-right: 0;
text-align: left;
}
.bl-press .intro .text {
margin-top: 30px;
}
.bl-press .plus::after,
.bl-press .plus::before {
left: 30px;
}
}
@media screen and (max-width: 900px) {
.bl-press .intro .h3 {
width: 100%;
padding-right: 0;
text-align: left;
}
.bl-press .intro .text {
width: 100%;
margin-left: 0;
margin-top: 30px;
}
} .bl-press .video-wrapper {
display: flex;
flex-wrap: wrap;
min-height: 300px;
margin: 50px -2% 50px -2%
}
.bl-press .video-wrapper .video {
position: relative;
min-height: 317px;
}
.bl-press .video-wrapper .video-item.hide {
display: none;
}
.bl-press .video-wrapper .video-item {
display: flex;
flex-direction: column;
justify-content: space-between;
width: 50%;
padding: 0 2% 50px 2%;
position: relative;
}
.bl-press .video-wrapper .video-item h4 {
padding-bottom: 30px;
}
.bl-press .video-wrapper .video-item .video > img {
height: 310px;
position: absolute;
object-fit: cover;
width: 100%;
z-index: 1;
}
.bl-press .video-wrapper .video-item iframe {
height: 310px;
width: 100%;
}
.bl-press .play-button-outer {
margin: 0;
width: 80px;
height: 80px;
cursor: pointer;
border-radius: 100px;
background-color: #EC671B;
position: absolute;
z-index: 2;
left: 50%;
top: 50%;
transform: translate(-50%,-50%);
transition: all 0.2s ease;
}
.bl-press .play-button {
margin: 0 auto;
top: 50%;
left: 52%;
transform: translate(-50%, -50%);
position: absolute;  
width: 0;
height: 0;
border-style: solid;
border-width: 12px 0 12px 20px;
border-color: transparent transparent transparent #fff;
opacity: 1;
transition: all 0.2s ease;
}
.bl-press .play-button-outer:hover {
background-color: #fff;
transition: all 0.2s ease;
}
.bl-press .play-button-outer:hover .play-button {
background-color: #EC671B;
transition: all 0.2s ease;
border-color: #fff #fff #fff #EC671B;
}
.BorlabsCookie ._brlbs-content-blocker ._brlbs-embed ._brlbs-thumbnail {
max-height: 310px !important;
}
@media screen and (max-width: 900px) {
.bl-press .video-wrapper .h4 {
padding-bottom: 20px;
}
.bl-press .video-wrapper .video-item {
width: 100%;
}
.bl-press .video-wrapper .video {
min-height: 66vw;
}
.bl-press .video-wrapper .video-item img {
height: 66vw;
}
.bl-press .video-wrapper .video-item iframe {
height: 66vw;
}
.bl-press .video-wrapper .video {
height: 66vw;
}
} .bl-press .download-wrapper {
display: flex;
flex-direction: row;
flex-wrap: wrap;
margin: 50px -2% 50px -2%;
}
.bl-press .download-wrapper .download-item {
width: 33%;
padding: 0 2% 2% 2%;
position: relative;
}
.bl-press .download-wrapper .download-item img {
aspect-ratio: 3 / 2;
object-fit: cover;
}
.bl-press .download-item a,
.bl-press .download-item a:visited {
width: 100%;
position: relative;
display: block;
padding: 20px 0;
font-size: 14px;
font-family:"proxima-nova";
font-weight: 400;
letter-spacing: 1.5px;
line-height: 17px;
text-decoration: none;
text-transform: uppercase;
color: #575656;
}
.bl-press .download-item a:hover {
color: #ec671b;
}
.bl-press .download-item span {
display: block;
position: relative;
height: auto;
width: fit-content;
display: flex;
justify-content: flex-start;
align-items: center;
margin-top: 15px;
max-width: calc(100% - 20px);
hyphens: auto;
}
.bl-press .download-item span::after {
content: '';
display: block;
position: absolute;
right: -20px;
top: 50%;
transform: translateY(-50%) rotate(90deg);
width: 0;
height: 0;
border-top: 5px solid transparent;
border-bottom: 5px solid transparent;
border-left: 9px solid #ec671b;
}
.bl-press .download-item span::before {
content: '';
display: block;
position: absolute;
right: -20.5px;
top: calc(50% + 7px);
width: 10px;
height: 1px;
background: #ec671b;
}
@media screen and (max-width: 900px) {
.bl-press .download-wrapper .download-item {
width: 50%;
}
}
@media screen and (max-width: 600px) {
.bl-press .download-wrapper .download-item {
width: 100%;
}
}.slick-slider
{
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list
{
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus
{
outline: none !important;
}
.slick-list.dragging
{
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list
{
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track
{
position: relative;
top: 0;
left: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
display: table;
content: '';
}
.slick-track:after
{
clear: both;
}
.slick-loading .slick-track
{
visibility: hidden;
}
.slick-slide
{
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir='rtl'] .slick-slide
{
float: right;
}
.slick-slide img
{
display: block;
}
.slick-slide.slick-loading img
{
display: none;
}
.slick-slide.dragging img
{
pointer-events: none;
}
.slick-initialized .slick-slide
{
display: block;
}
.slick-loading .slick-slide
{
visibility: hidden;
}
.slick-vertical .slick-slide
{
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}
@media screen and (max-width: 600px) {
.slick-slider .slick-dots li {
width: 20px !important;
align-items: center;
justify-content: flex-start;
}
}