/*
Theme Name: JUST IN TIME Custom Theme
Description: Custom Wordpress Theme for Just in time rhein-ruhr GmbH
Author: Sebastian Klammer Grafikdesign Berlin
Author URI: https://sebastian-klammer.de/
Version: 1.0 (01.07.2025)
*/

/* === FONTS === */


@import url('fonts/stylesheet.css');


/* === ANIMATIONS === */

@import url('animate.css');

.show-on-scroll { opacity: 0; transition: transform 4s .25s cubic-bezier(0,1,.3,1), opacity .3s .25s ease-out; transform: translate(0, calc(40% + 1em)); }
.show-on-scroll.is-visible { opacity: 1; transform: translate(0, 0); }
section.no-animation .clmn { opacity: 1 !important; transform: translate(0, 0) !important; }


/* === RESET === */


body, div, h1, h2, h3, h4, h5, h6, p, blockquote, pre, code, ol, ul, li, dl, dt, dd, figure, table, th, td, form, fieldset, legend, input, textarea { margin: 0; padding: 0; }
header, footer, nav, section, aside, article, figure, figcaption { display: block }
table { border-spacing: 0; border-collapse: collapse; }
caption, th, td { text-align: left; text-align: start; vertical-align: top; }
abbr, acronym { font-variant: normal; border-bottom: 1px dotted #666; cursor: help; }
blockquote, q { quotes: none; }
fieldset, img { border: 0; }
ul { list-style-type: none; }
ul li { margin-bottom: 10px !important; line-height: 1.6 !important; }
p + ul { margin-top: 2em !important; }
.inclcontent ol li { margin-bottom: 10px !important; line-height: 1.6 !important; }
sup { vertical-align: text-top; }
sub { vertical-align: text-bottom; }
del { text-decoration: line-through; }
ins { text-decoration: none; }
*, *:before, *:after { box-sizing: inherit; }

html { position: relative; overflow-y: scroll; height: 100%; }
input, button, textarea, select { vertical-align: baseline; *vertical-align: middle; }
button, input.submit { *overflow: visible; }
table { font-size: inherit; }
img, object, embed, video { max-width: 100%; }
a img { border: none; display: block; }
img { height: auto; }
.dropshadow { box-shadow: 0 6px 30px rgba(0,0,0,0.4); }


/* === GENERIC === */


.desk-size { display: block; }
.tablet-size { display: none; }
.phone-size { display: none; }
.clr { clear: both; }
.clrfix:after { content: "."; clear: both; display: block; visibility: hidden; height: 0; }
.hide-mobile { display: block; }
.show-mobile { display: none; }

.screen-reader-text { position: absolute; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden; }

a { text-decoration: none; -moz-transition: all .2s ease; -o-transition: all .2s ease; -webkit-transition: all .2s ease; transition: all .2s ease; }
a:hover { text-decoration: none; cursor: pointer; }

.button { display: inline-block; font-family: 'ubwf-medium', sans-serif; font-weight: normal; padding: 0.8em 2.6em; font-size: .85em; border-radius: 60px; letter-spacing: 1px; margin-top: 1em; }
.button.small { padding: 0.4em 1.4em; font-size: .9em; }
.button:hover { transform: scale(1.05); }
.button.large { display: inline-block; font-size: 1.1em; padding: 1em 2em; } 

.float-left { display: inline; float: left; margin-right: 1.5em; }
.float-right { display: inline; float: right; margin-left: 1.5em; }
.float-none { float: none; }
.clear { clear: both; }
.clear-left { clear: left; }
.clear-right { clear: right; }

.aligncenter { display: block; margin-right: auto; margin-left: auto; }
.alignleft { float: left; margin-right: 2em; }
.alignright { float: right; margin-left: 2em; }

section { padding: 5em 0; display: flex; align-items: center; }
section.slider-section { padding: 0; }
section#smallpadding { padding: 1em 0; }
section.transparent + section.transparent,
section.white + section.white,
section.lightgrey + section.lightgrey,
section.lightgreen + section.lightgreen,
section.darkgreen + section.darkgreen,
section.lightpurple + section.lightpurple,
section.darkpurple + section.darkpurple,
section.gradient + section.gradient { padding-top: 0; margin-top: -2em; }

.inside { width: 100%; max-width: 1460px; margin: 0 auto; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding-left: 80px; padding-right: 80px; }

.inclcontent ol { list-style-type: none; counter-reset: bulletcounter; padding: 0; /*margin-bottom: -3em !important;*/ }
.inclcontent ol li { position: relative; margin-left: 30px !important; padding: 0 0 0 100px !important; display: block; margin-bottom: 20px; min-height: 120px; }
.inclcontent ol li:before { content:counter(bulletcounter);  counter-increment: bulletcounter; position: absolute; top: -10px; left: -30px; width: 90px; height: 90px; line-height: 90px; border-radius: 50%; font-size: 2.5em; text-align: center; }


/* === COLOURS === */


body, input, select, textarea { color: #144055; }

a  { color: #6c2996; }
a:hover  { color: #793ca5; }

.button { background: #6c2996; color: #fff; }
.button:hover { background: #793ca5; color: #fff; box-shadow: 0 3px 1px #541e7a; }

.readmore .button  { background: #6c2996; color: #fff; }
.readmore .button:hover  { background: #793ca5; color: #fff; }

.clmn.highlighted .clmn-content { color: #144055; }

.clmn.teaser-item a,
.inside > .columns > .clmn.teaser-item > a { color: #6c2996; }

.lightgreen > .clmn-content h1, 
.lightgreen > .clmn-content h2, 
.lightgreen > .clmn-content h3, 
.lightgreen > .clmn-content h4, 
.lightgreen > .clmn-content h5,
.lightgreen > .inside > h2.section-header,
.lightgreen > .inside > .columns > .clmn.transparent h1, 
.lightgreen > .inside > .columns > .clmn.transparent h2, 
.lightgreen > .inside > .columns > .clmn.transparent h3, 
.lightgreen > .inside > .columns > .clmn.transparent h4, 
.lightgreen > .inside > .columns > .clmn.transparent h5 { color: #fff; }
.lightgreen > .clmn-content p, 
.lightgreen > .inside > .columns > .clmn.transparent p,
.lightgreen > .clmn-content ul li, 
.lightgreen > .inside > .columns > .clmn.transparent ul li  { color: #fff; }
.lightgreen > .inside > .columns > .clmn.highlighted p { color: #fff; }
.lightgreen > .clmn-content a,
.lightgreen > .inside > .columns > .clmn.transparent a  { color: #6c2996; }
.lightgreen > .clmn-content a:hover,
.lightgreen > .inside > .columns > .clmn.transparent a:hover  { color: #6c2996; }
.lightgreen > .clmn-content p a.button,
.lightgreen > .inside > .columns > .clmn.transparent .button { background: #6c2996; color: #00b0d0; }
.lightgreen > .clmn-content p a.button:hover,
.lightgreen > .inside > .columns > .clmn.transparent .button:hover { background: #793ca5; color: #00b0d0; }
.lightgreen > .clmn.teaser-item a,
.lightgreen > .inside > .columns > .clmn.teaser-item a { color: #6c2996; }

.darkgreen > .clmn-content h1, 
.darkgreen > .clmn-content h2, 
.darkgreen > .clmn-content h3, 
.darkgreen > .clmn-content h4, 
.darkgreen > .clmn-content h5,
.darkgreen > .inside > h2.section-header,
.darkgreen > .inside > .columns > .clmn.transparent h1, 
.darkgreen > .inside > .columns > .clmn.transparent h2, 
.darkgreen > .inside > .columns > .clmn.transparent h3, 
.darkgreen > .inside > .columns > .clmn.transparent h4, 
.darkgreen > .inside > .columns > .clmn.transparent h5 { color: #fff; }
.darkgreen > .clmn-content p, 
.darkgreen > .inside > .columns > .clmn.transparent p,
.darkgreen > .clmn-content ul li, 
.darkgreen > .inside > .columns > .clmn.transparent ul li  { color: #fff; }
.darkgreen > .inside > .columns > .clmn.highlighted p { color: #fff; }
.darkgreen > .clmn-content a,
.darkgreen > .inside > .columns > .clmn.transparent a  { color: #6c2996; }
.darkgreen > .clmn-content a:hover,
.darkgreen > .inside > .columns > .clmn.transparent a:hover  { color: #793ca5; }
.darkgreen > .clmn-content p a.button,
.darkgreen > .inside > .columns > .clmn.transparent .button,
.slider.darkgreen .inside .button { background: #6c2996; color: #fff; }
.darkgreen > .clmn-content p a.button:hover,
.darkgreen > .inside > .columns > .clmn.transparent .button:hover,
.slider.darkgreen .inside .button:hover { background: #793ca5; color: #fff; }
.darkgreen > .clmn.teaser-item a,
.darkgreen > .inside > .columns > .clmn.teaser-item a { color: #6c2996; }

.lightpurple > .clmn-content h1, 
.lightpurple > .clmn-content h2, 
.lightpurple > .clmn-content h3, 
.lightpurple > .clmn-content h4, 
.lightpurple > .clmn-content h5,
.lightpurple > .inside > h2.section-header,
.lightpurple > .inside > .columns > .clmn.transparent h1, 
.lightpurple > .inside > .columns > .clmn.transparent h2, 
.lightpurple > .inside > .columns > .clmn.transparent h3, 
.lightpurple > .inside > .columns > .clmn.transparent h4, 
.lightpurple > .inside > .columns > .clmn.transparent h5 { color: #fff; }
.lightpurple > .clmn-content p, 
.lightpurple > .inside > .columns > .clmn.transparent p,
.lightpurple > .clmn-content ul li, 
.lightpurple > .inside > .columns > .clmn.transparent ul li  { color: #fff; }
.lightpurple > .inside > .columns > .clmn.highlighted p { color: #fff; }
.lightpurple > .clmn-content a,
.lightpurple > .inside > .columns > .clmn.transparent a  { color: #017a8b; }
.lightpurple > .clmn-content a:hover,
.lightpurple > .inside > .columns > .clmn.transparent a:hover  { color: #017a8b; }
.lightpurple > .clmn-content p a.button,
.lightpurple > .inside > .columns > .clmn.transparent .button { background: #017a8b; color: #fff; }
.lightpurple > .clmn-content p a.button:hover,
.lightpurple > .inside > .columns > .clmn.transparent .button:hover { background: #017a8b; color: #fff; }
.lightpurple > .clmn.teaser-item a,
.lightpurple > .inside > .columns > .clmn.teaser-item a { color: #017a8b; }

.darkpurple > .clmn-content h1, 
.darkpurple > .clmn-content h2, 
.darkpurple > .clmn-content h3, 
.darkpurple > .clmn-content h4, 
.darkpurple > .clmn-content h5,
.darkpurple > .inside > h2.section-header,
.darkpurple > .inside > .columns > .clmn.transparent h1, 
.darkpurple > .inside > .columns > .clmn.transparent h2, 
.darkpurple > .inside > .columns > .clmn.transparent h3, 
.darkpurple > .inside > .columns > .clmn.transparent h4, 
.darkpurple > .inside > .columns > .clmn.transparent h5 { color: #fff; }
.darkpurple > .clmn-content p, 
.darkpurple > .inside > .columns > .clmn.transparent p,
.darkpurple > .clmn-content ul li, 
.darkpurple > .inside > .columns > .clmn.transparent ul li  { color: #fff; }
.darkpurple > .inside > .columns > .clmn.highlighted p { color: #fff; }
.darkpurple > .clmn-content a,
.darkpurple > .inside > .columns > .clmn.transparent a  { color: #00b0d0; }
.darkpurple > .clmn-content a:hover,
.darkpurple > .inside > .columns > .clmn.transparent a:hover  { color: #00b0d0; }
.darkpurple > .clmn-content p a.button,
.darkpurple > .inside > .columns > .clmn.transparent .button,
.slider.darkpurple .inside .button { background: #00b0d0; color: #fff; }
.darkpurple > .clmn-content p a.button:hover,
.darkpurple > .inside > .columns > .clmn.transparent .button:hover,
.slider.darkpurple .inside .button:hover { background: #00b0d0; color: #fff; }
.darkpurple > .clmn.teaser-item a,
.darkpurple > .inside > .columns > .clmn.teaser-item a { color: #00b0d0; }

.gradient > .clmn-content h1, 
.gradient > .clmn-content h2, 
.grdient > .clmn-content h3, 
.gradient > .clmn-content h4, 
.gradient > .clmn-content h5,
.gradient > .inside > h2.section-header,
.gradient > .inside > .columns > .clmn.transparent h1, 
.gradient > .inside > .columns > .clmn.transparent h2, 
.gradient > .inside > .columns > .clmn.transparent h3, 
.gradient > .inside > .columns > .clmn.transparent h4, 
.gradient > .inside > .columns > .clmn.transparent h5 { color: #fff; }
.gradient > .clmn-content p, 
.gradient > .inside > .columns > .clmn.transparent p,
.gradient > .clmn-content ul li, 
.gradient > .inside > .columns > .clmn.transparent ul li  { color: #fff; }
.gradient > .inside > .columns > .clmn.highlighted p { color: #fff; }
.gradient > .clmn-content a,
.gradient > .inside > .columns > .clmn.transparent a  { color: #65348b; }
.gradient > .clmn-content a:hover,
.gradient > .inside > .columns > .clmn.transparent a:hover  { color: #fff; }
.gradient > .clmn-content p a.button,
.gradient > .inside > .columns > .clmn.transparent .button { background: #65348b; color: #fff; }
.gradient > .clmn-content p a.button:hover,
.gradient > .inside > .columns > .clmn.transparent .button:hover { background: #65348b; color: #fff; }
.gradient > .clmn.teaser-item a,
.gradient > .inside > .columns > .clmn.teaser-item a { color: #65348b; }

.transparent { background: transparent; }
.white { background: #fff; }
.lightgrey { background: rgba(244, 246, 249, 1); }
.lightgreen  { background: #00b0d0; }
.darkgreen  { background: #107782; /* background: #017a8b; */ }
.lightpurple { background: #a367c8; }
.darkpurple { background: #65348b; /* background: #6c2996; */ }
.gradient { background: background: #00b0d0;
background: linear-gradient(49deg,rgba(0, 236, 229, 1) 0%, rgba(50, 110, 190, 1) 50%, rgba(108, 41, 150, 1) 100%); }

.menu-widget ul li a { background: transparent; color: #fff; }
.menu-widget ul li a:hover { background: rgba(0,0,0,0.2); }


/* === FONTS === */


html { font-size: 62.5%; /* font-size 1em = 10px on default browser settings */ }
body, button, input, select, textarea { line-height: 1.6; font-family: 'ubwf-light', sans-serif; font-weight: normal; font-size: 17px; font-size: 1.7rem; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: optimizeLegibility; text-shadow: 1px 1px 1px rgba(0,0,0,0.004); }

#mainmenu ul.menu li a { font-weight: normal; font-size: 1em; }

h1, h2, h3, h4, h5, h6 { position: relative; font-family: 'ubwf-medium', sans-serif; font-weight: normal; line-height: 1.2; margin: 0 0 0.5em; }
h1 { font-size: 4.5em; margin-top: 0; line-height: 1.2; }
h2 { font-size: 2.75em; }
h1 + h2 { margin-top: -.75em; font-size: 2em; }
h2 + p { margin-bottom: 1em; }
h2.section-header { font-size: 3.5em; text-align: left; box-sizing: border-box; margin-bottom: 1em; width: 100%; text-align: center; }
h3 { font-size: 2.25em; }
h4 { font-size: 1.6em; margin-top: 1em; }
h4.icon { padding-left: 40px; background-position: left center; background-size: auto 90%; background-repeat: no-repeat; margin-top: 0; }

p { margin: 0 0 1em; hyphens: auto; }
p:last-of-type { margin-bottom: 0; }
blockquote + p.large { margin-top: .6em; }

blockquote, blockquote p { font-size: 1.1em; font-family: 'ubwf-light', sans-serif; font-style: italic; }

strong { font-family: 'ubwf-regular', sans-serif; }

.clmn.highlighted .clmn-content { font-family: 'ubwf-light', sans-serif; font-size: 1.3em; line-height: 1.5; text-align: left; }
.clmn.highlighted.centered .clmn-content { text-align: center; }
.clmn.highlighted .clmn-content a.button { font-size: .7em; }

article#main { width: 100%; height: auto; overflow: hidden; }
article ul, article ol { margin: 0 0 1.5em; zoom: 1; }
article ul { list-style-type: none; }
article ol { list-style-type: decimal; }
article ol li { margin: 0 0 0 1em; padding: 0 0 0 0.5em; }
article ul li { position: relative; margin: 0 0 0 0.75em; padding: 0 0 0 0.5em; }
article ul li:before { content: "\2022"; color: #242e5b; position: absolute; left: -0.5em; top:-0.2em; font-size: 1.5em; }


/* === HEADER === */

#anchor-scroll-spacer { z-index: 0; height: 0; }

#header { position: fixed; top: 0; display: block; background: transparent; height: auto; width: 100%; z-index: 9; transition: all .5s ease; }
#header .inside { position: relative; text-align: center; }
#header .clmn { padding: 0; }

#header .menu-widgets { position: relative; margin-top: 36px; margin-bottom: 10px; max-width: 120px; }
#header .menu-widgets.right { float: right; }
#header .menu-widgets .menu-widget ul { display: block; text-align: left; }
#header .menu-widgets .menu-widget ul li { float: left; width: auto; margin-left: 10px; display: inline-block; }
#header .menu-widgets .menu-widget ul li a { display: block; width: 42px; height: 42px; font-size: 0; border-radius: 100%; background-position: center center; background-size: 70%; background-repeat: no-repeat; transition: all .2s ease; background-color: #6c2996; }
#header .menu-widgets .menu-widget ul li a:hover { transform: scale(1.05); background-color: #6c2996; }

#header .menu-widgets .menu-widget ul li a.email { background-image: url(images/icon_social_email_white.svg); }
#header .menu-widgets .menu-widget ul li a.instagram { background-image: url(images/icon_social_instagram_white.svg); }
#header .menu-widgets .menu-widget ul li a.podcast { background-image: url(images/icon_social_podcast_white.svg); }
#header .menu-widgets .menu-widget ul li a.linkedin { background-image: url(images/icon_social_linkedin_white.svg); }
#header .menu-widgets .menu-widget ul li a.xing { background-image: url(images/icon_social_xing_white.svg); }

#header .logo { float: left; display: inline-block; height: 70px; width: auto; background-image: url(images/just-in-time-logo_white.svg); background-position: top left; background-size: auto 100%; background-repeat: no-repeat; margin-top: 25px; margin-bottom: 25px; }
#header .logo > img { height: 100%; width: auto; }

#mainmenu { display: inline-block; width: auto; transition: all .2s ease-out; margin-bottom: 20px; margin-top: 20px; }
#mainmenu ul { /* display: flex; justify-content: space-between; */ text-align: center; }
#mainmenu ul.menu > li { display: inline-block; padding: 0; margin: 0 !important; position: relative; }
#mainmenu ul.menu > li > a { font-family: 'ubwf-medium', sans-serif; text-transform: uppercase; letter-spacing: 1px; color: #fff; display: block; line-height: 35px; padding: 26px 1em; }
#mainmenu ul.menu > li > a:hover { color: #00b0d0; }
#mainmenu ul.menu > li.current-menu-item > a,
#mainmenu ul.menu > li.current-menu-parent > a { color: #00b0d0; }
#mainmenu ul.menu > li.hidden-item { display: none; }

#mainmenu ul.menu > li.menu-item-has-children:hover { background: #fff; }
#mainmenu ul.menu > li.menu-item-has-children:hover a { color: #fff; }

#mainmenu ul.menu > li > ul.sub-menu { display: none; text-align: left; position: absolute; top: 100%; left: 0; box-shadow: 0px 10px 10px rgba(0,0,0,0.2); }
#mainmenu ul.menu > li:hover > ul.sub-menu { display: block; background: #fff; overflow: hidden; }
#mainmenu ul.sub-menu > li { display: block; padding: 0; margin: 0 !important; }
#mainmenu ul.sub-menu > li > a { display: block; color: #101125; padding: 0.8em 1.4em; white-space: nowrap; margin: 0; }
#mainmenu ul.sub-menu > li > a:hover,
#mainmenu ul.sub-menu > li.current-menu-item > a { background: rgba(0,0,0,0.01); color: #4cbbbd; }


/* --- SCROLLING HEADER --- */


body.scrolling { }
body.scrolling #header { background: #fff; box-shadow: 0px 1px 3px rgba(0,0,0,0.1); }
body.scrolling #header .logo { height: 50px; margin-top: 10px; margin-bottom: 10px; background-image: url(images/just-in-time-logo.svg); }
body.scrolling #header ul.menu, body.scrolling #header .menu-widgets { opacity: 1; }
body.scrolling #header:hover ul.menu, body.scrolling #header:hover .menu-widgets { opacity: 1; }

body.scrolling #header #mainmenu { margin-top: 0; margin-bottom: 0; }
body.scrolling #header #mainmenu ul.menu > li > a { color: #144055; }
body.scrolling #header #mainmenu ul.menu > li > a:hover { color: #00b0d0; }
body.scrolling #header #mainmenu ul.menu > li.current-menu-item > a,
body.scrolling #header #mainmenu ul.menu > li.current-menu-parent a { color: #00b0d0; text-decoration: none; }

body.scrolling #header .menu-widgets { margin-top: 20px; margin-bottom: 10px; }
body.scrolling #header .menu-widgets .menu-widget ul li a { width: 34px; height: 34px; }


/* === SLIDER === */


.slider { width: 100% !important; max-width: 5000px; overflow: hidden; }
.slider.vh25 { height: 25vh !important; }
.slider.vh50 { height: 50vh !important; }
.slider.vh75 { height: 75vh !important; }
.slider.vh100 { height: 100vh !important; }

.slider .slider-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; background-image: url(images/slider-overlay.webp); background-size: 100% 100%; background-repeat: no-repeat; opacity: .75; mix-blend-mode: revert-layer; }

.slider ul.bjqs { height: 100% !important; width: 100% !important; list-style-type: none; position: relative; margin: 0; }
.slider ul.bjqs li.bjqs-slide { position: absolute; background-size: cover; background-position: center center; background-repeat: no-repeat; height: 100% !important; width: 100% !important; margin: 0; padding: 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; display: none; }
.slider ul.bjqs li.bjqs-slide:before { display: none; }

.slider .slider-image-wrapper { background-size: cover; background-position: center center; background-repeat: no-repeat; position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: 0; }
.slider.slider-default .slider-image-wrapper:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.1); }

.slider .slider-content-wrapper { position: relative; width: 100%; height: 100%; margin: 0; display: flex; align-items: center; z-index: 2; }
.slider .slider-content-wrapper .inside { position: relative; box-sizing: border-box;}
.slider .slider-content-wrapper .inside h1 { font-size: 6.5em; }
.slider .slider-content-wrapper.slider-content-left .inside { width: 100%; padding-left: 80px; padding-right: 25%; }
.slider .slider-content-wrapper.slider-content-center .inside { width: 100%; padding-left: 10%; padding-right: 10%; text-align: center;}
.slider .slider-content-wrapper.slider-content-right .inside { width: 100%; padding-left: 25%; padding-right: 80px; }

.slider .slider-content-wrapper .inside.slider-text-white h1,
.slider .slider-content-wrapper .inside.slider-text-white h2,
.slider .slider-content-wrapper .inside.slider-text-white h3,
.slider .slider-content-wrapper .inside.slider-text-white h4,
.slider .slider-content-wrapper .inside.slider-text-white p { color: #fff; }

.slider .slider-content-wrapper .inside.slider-text-black h1,
.slider .slider-content-wrapper .inside.slider-text-black h2,
.slider .slider-content-wrapper .inside.slider-text-black h3,
.slider .slider-content-wrapper .inside.slider-text-black h4,
.slider .slider-content-wrapper .inside.slider-text-black p { color: #144055; }

.slider .bjqs-markers { position: absolute; bottom: 0; margin: 0; left: 0 !important; height: 60px; width: 100%; text-align: center; background-image: url(images/bg_bjqs-markers.png); background-position: bottom center; background-repeat: repeat-x; z-index: 2; }
.slider .bjqs-markers li { display: inline-block; margin: 0 8px !important; line-height: 30px; padding: 0 !important; }
.slider .bjqs-markers li:before { display: none !important; }
.slider .bjqs-markers li a { font-size: 0; background: #fff; display: block; width: 8px; height: 8px; border: 2px solid #fff; border-radius: 16px; }
.slider .bjqs-markers li.active-marker a { background: #fff; width: 50px; }

.slider .bjqs-controls li { margin: 0.75em; padding: 0; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; transition: all .2s ease-in-out; }
.slider .bjqs-controls li:hover { -webkit-transform: scale(1.2); -o-transform: scale(1.2); -moz-transform: scale(1.2); transform: scale(1.2); }

.slider .bjqs-controls li:last-of-type { margin-left: 0; }
.slider .bjqs-controls li.bjqs-prev a { background-image: url(images/icon_slider_prev.svg); background-position: center center; background-repeat: no-repeat; background-size: 100% auto; }
.slider .bjqs-controls li.bjqs-next a { background-image: url(images/icon_slider_next.svg); background-position: center center; background-repeat: no-repeat; background-size: 100% auto; }

.slider.slider-default { }
.slider.slider-left,
.slider.slider-right { margin: 0 auto; padding: 0; max-width: 5000px; box-sizing: border-box; }
.slider.slider-left .slider-content-wrapper .inside,
.slider.slider-right .slider-content-wrapper .inside { padding-left: 0; padding-right: 0; }

.slider.slider-left .bjqs-markers,
.slider.slider-right .bjqs-markers { display: none; }

.slider.slider-left .bjqs-controls,
.slider.slider-right .bjqs-controls { position: absolute; top: 90%; z-index: 2; }
.slider.slider-left .bjqs-controls { left: 42%; }
.slider.slider-right .bjqs-controls { left: 51%; }

.slider.slider-left .bjqs-controls li,
.slider.slider-right .bjqs-controls li { display: inline-block; }
.slider.slider-left .bjqs-controls li:before,
.slider.slider-right .bjqs-controls li:before { display: none; }

.slider.slider-left .bjqs-controls li a,
.slider.slider-right .bjqs-controls li a { box-sizing: border-box; display: block; width: 40px; height: 40px; font-size: 0; }

.slider.slider-left { }
.slider.slider-left .slider-image-wrapper { position: absolute; left: 0; top: 0; width: 50%; box-sizing: border-box; }
.slider.slider-left .slider-content-wrapper { position: absolute; left: 50%; top: 0; width: 50%; box-sizing: border-box; padding: 4em 12em 4em 4em; }

.slider.slider-right { }
.slider.slider-right .slider-image-wrapper { position: absolute; left: 50%; top: 0; width: 50%; box-sizing: border-box; }
.slider.slider-right .slider-content-wrapper { position: absolute; left: 0; top: 0; width: 50%; box-sizing: border-box; padding: 4em 4em 4em 12em; }


/* === BANNER === */


#banner { position: relative; height: 60vh; background: rgba(154, 159, 112, 0.15); background-size: cover; background-position: center center; background-repeat: no-repeat; }
#banner .banner-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; background-image: url(images/bg_banner-overlay.webp); background-position: center center; background-size: 100% 100%; background-repeat: no-repeat; opacity: .75; }
#banner .inside { position: relative; z-index: 1; height: 100%; display: flex; align-items: center; }
#banner .inside .banner-content h1 { color: #fff; font-size: 3.5em; }
#banner .inside .banner-content #breadcrumbs { color: #fff; }
#banner .inside .banner-content #breadcrumbs a { color: #fff; }
#banner .inside .banner-content #breadcrumbs a:hover { color: #fff; text-decoration: underline; }


/* === MAIN === */


.pagecontent, .inclcontent { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.inclcontent.vh10 { min-height: 10vh; }
.inclcontent.vh20 { min-height: 20vh; }
.inclcontent.vh25 { min-height: 25vh; }
.inclcontent.vh50 { min-height: 50vh; }
.inclcontent.vh75 { min-height: 75vh; }
.inclcontent.vh80 { min-height: 80vh; }
.inclcontent.vh90 { min-height: 86vh; }
.inclcontent.vh100 { min-height: 100vh; }

.bgimg { background-position: center center; background-repeat: no-repeat; background-size: cover; }
.bgimg.fix { background-attachment: fixed; }
.bgimg.parallax { background-size: cover; background-attachment: fixed; transition: none; }


/* === COLUMNS === */


.columns { width: calc(100% + 4em); height: 100%; position: relative; flex-wrap: wrap; display: flex; padding-top: 4em; padding-bottom: 4em; margin-left: -2em; }
.columns + .columns { padding-top: 0; margin-top: 0; }
section .columns:first-of-type { padding-top: 0 !important; }
section .columns:last-of-type { padding-bottom: 0 !important; }

section .columns .clmn:first-of-type { border-top-left-radius: 3em; border-bottom-left-radius: 3em; border-top-right-radius: .25em; border-bottom-right-radius: .25em; }
section .columns .clmn:last-of-type { border-top-right-radius: 3em; border-bottom-right-radius: 3em; border-top-left-radius: .25em; border-bottom-left-radius: .25em; }

.clmn { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; float: left; margin-left: 1em; margin-right: 1em; padding: 0; }
.clmn.transparent { padding: 0; }
.clmn.white, .clmn.lightgreen, .clmn.darkgreen, .clmn.lightgrey, .clmn.lightpurple, .clmn.darkpurple, .clmn.gradient { padding: 2em; }
.clmn.transparent.with-padding { padding: 0 2em; }

.clmn.col20 { width: calc(20% - 2em); }
.clmn.col25 { width: calc(25% - 2em); }
.clmn.col33 { width: calc(33.333333% - 2.3em); }
.clmn.col50 { width: calc(50% - 2em); }
.clmn.col60 { width: calc(60% - 2em); }
.clmn.col67 { width: calc(67% - 2.3em); }
.clmn.col75 { width: calc(75% - 2em); }
.clmn.col80 { width: calc(80% - 2em); }
.clmn.col100 { width: calc(100% - 2em); }

#header .columns { border-radius: none; }
#header .columns .clmn { margin-left: 0; }
#header .columns .clmn.col20 { width: 20%; }
#header .columns .clmn.col60 { width: 60%; }

.clmn.col_align_left { /*margin-left: 0;*/ }
.clmn.col_align_center { margin: 0 auto; }
.clmn.col_align_right { float:right; margin-left: auto;}

.clmn.align-center ul li { text-align: left; }

.clmn img { width: 100%; height: auto; }

.section-header + .columns { padding-top: 0; }


/* --- CUSTOM COLUMN STYLES --- */


.align-left { text-align: left; }
.align-right { text-align: right; }
.align-center { text-align: center; }
.align-justify { text-align: justify; }
.align-justify h1, .align-justify h2, .align-justify h3, .align-justify h4 { text-align: center; } 
.vertical-center { display: flex; align-items: center; }

.teaser-box { position: relative; overflow: hidden; transition: all .2s ease-in-out; }
.teaser-box:hover { transform: scale(1.05); }
.teaser-box:before { content: ""; float: left; padding-top: 75%; }
.teaser-box img { position: absolute; z-index: 0; top: 0; left: 0; width: auto; min-width: 100%; height: auto; min-height: 100%; }
.teaser-box .teaserbox-content { z-index: 1; position: absolute; top: 0; left: 0; width: 100%; height: 100%; box-sizing: border-box; padding: 2em; background: rgba(0,0,0,0.25); }
.teaser-box .teaserbox-content h2, 
.teaser-box .teaserbox-content h3, 
.teaser-box .teaserbox-content h4, 
.teaser-box .teaserbox-content p { color: #fff; } 
.teaser-box .teaserbox-content h1:after, 
.teaser-box .teaserbox-content h2:after, 
.teaser-box .teaserbox-content h3:after,
.teaser-box .teaserbox-content h4:after { content: ""; display: block; margin-top: .6em; width: 20%; height: 2px; background: #fff; } 
.teaser-box .teaserbox-content .button { position: absolute; left: 2em; bottom: 2em; background: #6c2996; color: #fff; opacity: 0; visibility: hidden; transition: all .2s ease-in-out; margin-left: -200%; }
.teaser-box:hover .teaserbox-content .button { opacity: 1; visibility: visible; margin-left: 0; }
.teaser-box .teaserbox-content .button:hover { cursor: pointer; }


.clmn.icon { text-align: center; }
.clmn.icon h1, .clmn.icon h2, .clmn.icon h3 { margin-bottom: .8em; }
.clmn.icon h3 { font-size: 1em; font-family: 'ubwf-medium', sans-serif; font-weight: normal; letter-spacing: 2px; margin-top: 1em; }
.clmn.icon p { margin: 0; }
.clmn.icon img { width: 125px; height: 125px; margin: 0 auto; }
.clmn.icon img.small { width: auto; height: 60px; }
.clmn.icon a { -moz-transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; color: #fff; }
.clmn.icon a:hover { -moz-transform: scale(1.05); -webkit-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); color: #fff; }

.clmn.upset-image .clmn-content img { margin-top: -5em; }


/* === TEASER-BOXES === */


.clmn.teaser-item { transition: all .2s ease-in-out; background: rgba(244, 246, 249, 1); color: #6c2996; }
.clmn.teaser-item a { width: 100%; height: 100%; }
.clmn.teaser-item h3, .clmn.teaser p { }
.clmn.teaser-item h3 { margin-top: .5em; margin-bottom: .5em; font-size: 1.6em; text-align: center; font-family: 'ubwf-medium', sans-serif; }
.clmn.teaser-item p { text-align: center; hyphens: auto; }
.clmn.teaser-item:hover { transform: scale(1.05); box-shadow: 0 0 40px rgba(0,0,0,0.1); }
.clmn.teaser-item:hover h3 { }
.clmn.teaser-item .image { position: relative; }
.clmn.teaser-item .image .image-overlay { display: none; }
.clmn.teaser-item .image img { min-width: 100%; height: auto; }
.clmn.teaser-item .box { padding: 1em 2em 2em; }


/* === IMAGE FORMATS === */


.gallery .gallery-item { box-sizing: border-box; padding: 0 10px; }
.gallery .gallery-item img { border: none !important; }
.gallery.gallery-columns-2 .gallery-item { margin-left: 10px; margin-right: 10px; padding-left: 0; padding-right: 0; width: calc(50% - 20px) !important; }

.clmn.round-image img { border-radius: 100%; box-shadow: 20px 20px 0px -10px #c9ddde; }


/* === LIST FORMATS === */


section ul { list-style-type: disc; }

ul.fancy-list { list-style-type: none; }
ul.fancy-list li { display: inline-block; position: relative; width: 100%; padding: .75em 0 .75em 2em; margin-left: 0; border-bottom: 1px solid #91b508; font-size: 1em; }
ul.fancy-list li:before { content: ""; display: block; height: 1em; width: 1em; background-image: url(images/list-arrow_purple.svg); background-size: 100% auto; background-repeat: no-repeat; position: absolute; left: 0; margin-top: 5px; }

ul.check-list { list-style-type: none;  }
ul.check-list li { position: relative; margin: .75em 0 0 1.2em; text-align: left; }
ul.check-list li:before { content: "✓"; position:absolute; color: #6c2996; left:-1em; top:-0,2em; font-size: 1.3em; }
.darkpurple > .clmn-content ul.check-list li:before, 
.darkpurple > .inside > .columns > .clmn.transparent ul.check-list li:before { color: #fff; }

ul.arrow-list { list-style-type: none; }
ul.arrow-list li { position: relative; margin: 0 0 1em 2em; text-align: left; }
ul.arrow-list li:before { content: url('images/list-arrow_purple.svg'); position: absolute; left: -1.25em; margin-top: -3px; width: .65em; height: .65em; }
.lightgreen > .clmn-content ul.arrow-list li:before, 
.lightgreen > .inside > .columns > .clmn.transparent ul.arrow-list li:before { content: url('images/list-arrow_purple.svg'); }
.darkpurple > .clmn-content ul.arrow-list li:before, 
.darkpurple > .inside > .columns > .clmn.transparent ul.arrow-list li:before { content: url('images/list-arrow_white.svg'); }

ul.question-list { list-style-type: none; }
ul.question-list li { position: relative; margin: 1em 0 0 1.2em; }
ul.question-list li:before { content: "?"; position:absolute; color: #6c2996; left:-1em; top:0; font-weight:300; font-size:1.3em; }


/* === ARTICLES OVERVIEW === */


.bloglist { clear: left; background: rgba(244, 246, 249, 1); display: block; }
.bloglist .columns + .columns { margin-top: 0; }

.bloglist .item { background: #fff; border-radius: .75em; margin-bottom: 2em; overflow: hidden; transition: all .2s ease-in-out; }
.bloglist .item:hover { transform: scale(1.05); box-shadow: 0 0 40px rgba(0,0,0,0.1); }
.bloglist .item .clmn { box-sizing: border-box; }
.bloglist .item .clmn.image { margin: 0 !important; }
.bloglist .item .clmn.text { padding: 2em 0; color: #144055; }
.bloglist .item .clmn.text h3 { font-size: 1.5em; margin-bottom: 0; }
.bloglist .item .clmn.text .meta { font-size: .75em; margin-bottom: 1em; }
.bloglist .item a .clmn.text { color: #144055; }
.bloglist .item:hover a .clmn.text { color: #6c2996; }

#blog-sidebar { padding-top: 4.5em; }
#blog-sidebar .sidebar-widget { width: 100%; float: left; display: block; margin-bottom: 2em; padding-bottom: 2em; border-bottom: 2px dotted #144055; }
#blog-sidebar h3 { text-transform: none; font-size: 1.5em; }


/* === ARTICLE PAGES === */


.breadcrumbs { background: rgba(154, 159, 112, 0.15); border-top: 2px solid rgba(154, 159, 112, 1.0); }
.breadcrumbs .inside { padding-top: .5em; padding-bottom: .5em; }

section.blogcontent { padding: 4em 0; }
section.blogcontent .col75 { width: calc(72% - 2em); }
section.blogcontent .col75 p { hyphens: auto; margin-bottom: 3em; }


/* — BLOG CONTENT — */


.blogcontent .col75 img { display:block; border-radius: 1.5em; overflow:hidden; margin-top:1.5em; margin-bottom:1.5em; }

.blogcontent .col75 .blog-highlight { display: block; border-radius: 1.5em; overflow: hidden; margin-top: 1.5em; margin-bottom: 1.5em; box-sizing: border-box; padding: 1.5em; color: #101125;  }
.blogcontent .col75 .blog-highlight p, 
.blogcontent .col75 .blog-highlight h1, 
.blogcontent .col75 .blog-highlight h2, 
.blogcontent .col75 .blog-highlight h3 { text-align: center; color: #fff; }
.blogcontent .col75 .blog-highlight h1, 
.blogcontent .col75 .blog-highlight h2, 
.blogcontent .col75 .blog-highlight h3 { margin-bottom: .5em; }
.blogcontent .col75 .blog-highlight h2:before { display: none; }
.blogcontent .col75 .blog-highlight .button { background: #fff; color: #6c2996; }
.blogcontent .col75 .blog-highlight .button.arrow { background-image: url("images/arrow_black.png"); }

.blogcontent .col75 .navigation { display: block; position: relative; width: 100%; margin-top: 2em; padding-top: 2em; border-top: 1px solid rgba(0,0,0,0.2); }
.blogcontent .col75 .navigation .prev-posts { float: left; }
.blogcontent .col75 .navigation .next-posts { float: right; }
.blogcontent .col75 .navigation a {  }
.blogcontent .col75 .navigation a:hover { color: #6c2996; }


/* === FOOTER === */


#bottom { position: relative; background: #65348b; /* background: #6c2996; */ color: #fff; font-family: 'ubwf-regular', sans-serif; font-size: .9em; padding: 2em 0; border-top: 5px solid #00b0d0; padding: 2em 0; }

#bottom aside { width: 100%; }

#bottom .columns { width: 100%; margin-left: 0; padding: 1em; }
#bottom .clmn { margin-left: 4%; margin-right: 0; }
#bottom .clmn.col25 { width: 21%; }
#bottom .clmn:first-of-type { margin-left: 0; }

#bottom .footer-widget { margin-bottom: .5em; }
#bottom .footer-widget h3 { font-size: 1.2em; font-family: 'ubwf-medium', sans-serif; }
#bottom .footer-widget a { color: #00b0d0; }
#bottom .footer-widget a:hover { color: #fff; }

#bottom .clmn.col25 { text-align: left; }
#bottom .clmn.col25 ul { list-style-type: none; }
#bottom .clmn.col25 ul li { border-bottom: 1px solid rgba(255,255,255,0.1); margin: 0 !important; padding: 0 !important; }
#bottom .clmn.col25 ul li a { padding: 1em 0; display: block; margin: 0; line-height: 1; }
#bottom .clmn.col100 { text-align: center; }
#bottom .clmn.col100 ul { list-style-type: none !important; }
#bottom .clmn.col100 ul li { display: inline-block !important; margin: 0 0 0 10px; padding: 0 0 0 10px; border-left: 1px solid #fff; }
#bottom .clmn.col100 ul li:first-of-type { margin-left: 30px; padding-left: 0; border-left: none; }
#bottom .clmn.col100 ul li a { line-height: 1; }

#bottom .credits { font-size: .75em; text-align: center; color: rgba(255,255,255,.25); }
#bottom .credits a { color: rgba(255,255,255,.25); }

 

/* === ARCONIX FAQ CUSZOMIZATION === */


h3.arconix-faq-term-title { display: none !important; }
section .ui-accordion .ui-accordion-header { border-radius: 0; border: none; border-bottom: 1px solid rgba(0,0,0,0.1); background: transparent; padding: 1.2em 0; font-size: 1.3em; font-family: 'ubwf-medium', sans-serif; font-weight: normal; letter-spacing: 0; -webkit-transition: all .2s ease-out; -moz-transition: all .2s ease-out; -o-transition: all .2s ease-out; transition: all .3s ease-out; }
section .ui-accordion .ui-accordion-header:hover { color: #6c2996; }
section.darkgrey .ui-accordion .ui-accordion-header { color: #fff; border-bottom: 1px solid rgba(255,255,255,0.07); }
section.darkgreen .ui-accordion .ui-accordion-header:hover { color: #101125; }
section .ui-accordion .ui-accordion-header .ui-accordion-header-icon { display: none; }
section .ui-accordion .ui-accordion-header.ui-state-active { border-bottom: none; color: #6c2996; }
section .ui-widget-content { position: relative; border: none; border-radius: 1em; background: #f1f1f1; font-size: 1em; font-family: 'ubwf-light', sans-serif; font-weight: normal; line-height: 1.6; letter-spacing: .5px; color: #202429; margin-top: 10px; }
section .ui-widget-content a.button { color: #fff; }
section.darkgrey .ui-widget-content { background: #f4f4f4; color: #000; }
section .ui-widget-content:after { bottom: 100%; left: 120px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(241, 241, 241, 0); border-bottom-color: #f1f1f1; border-width: 15px; margin-left: -15px; }
section.darkgrey .ui-widget-content:after { border-bottom-color: #f4f4f4; }
section .ui-accordion .ui-accordion-content { padding: 3em; overflow: visible; }


/* === CONTACT FORM 7 CUSTOMIZATION == */


.wpcf7 { width: 100%; display: block; height: auto; text-align: left; }
p + .wpcf7 { margin-top: 2em; }
.wpcf7 .wpcf7-form { width: 100%; }
.wpcf7 p { margin: 0; padding-top: .75em; padding-bottom: .75em; box-sizing: border-box; width: 100%; display: block; height: auto; }
.wpcf7 input, .wpcf7 textarea { width: 100%; border: none; border-bottom: 1px solid rgba(255,255,255,1); background: transparent; color: #fff; padding: .5em 0; }
.wpcf7 textarea { height: 160px; }
.wpcf7 .button { background: inherit; border: none; padding: .75em; margin-top: 0; font-size: 1em; }
.wpcf7 .button:hover { cursor: pointer; }
.wpcf7 .wpcf7-acceptance { margin-top: .5em; display: block; height: auto; overflow: hidden; }
.wpcf7 .wpcf7-acceptance .wpcf7-list-item * { width: auto; }
.wpcf7 .wpcf7-acceptance .wpcf7-list-item-label { display: inline-block; font-size: .8em; float: right; width: 95%; }

p + .white-fields { margin-top: 2em; }
.white-fields .wpcf7 input, .white-fields .wpcf7 textarea { border-bottom: none; background: #fff; color: #000; padding: .75em 2em; border-radius: 60px; margin-bottom: .25em; }
.white-fields .wpcf7 .wpcf7-acceptance { margin-top: 0; background: rgba(255,255,255,0.1); padding: 1em; box-sizing: border-box; border-radius: 20px; }


/* === COOKIE NOTICE === */


#cookie-notice { bottom: 10px; left:10px !important; right:10px !important; box-shadow: 0 10px 20px rgba(0,0,0,0.3); min-width:90% !important;  }
span#cn-notice-text { display: block; width: 80%; margin: 0 auto; margin-bottom:20px; }
.cn-button.wp-default { color: #fff; background: #6c2996 !important; }
.cn-button.wp-default:hover { color: #fff; background: #6c2996 !important; }


/* === LIST CATEGORY POSTS CUSTOMIZATION === */


.lcp_catlist { display: block; width: 100%; }
.lcp_catlist li:before { display: none; }
.lcp_catlist li { display: inline-block; width: 47%; margin-left: 3%; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; —o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; }
/*.lcp_catlist li { display: inline-block; width: 30.33333%; margin-left: 3%; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; —o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; }*/
.lcp_catlist li:first-of-type { margin-left: 0; }
.lcp_catlist li:hover { -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); }
.lcp_catlist li .thumbnail { float: left; display: block; margin-bottom: 1.5em; }
.lcp_catlist li .title { display: block; margin-bottom: .5em; }
.lcp_catlist li .date { display: block; margin-bottom: 1em; font-size: .9em; }


/* === TESTIMONIAL SLIDER === */


.cbp-fwslider nav { display: none; }
.cbp-fwslider nav span { position: absolute; top: 50%; width: 50px; height: 100px; background: transparent; color: #101125; text-align: center; margin-top: -50px; line-height: 100px; cursor: pointer; font-size: 5em; }
.cbp-fwslider nav span:hover { color: #6c2996; background: transparent; }
.cbp-fwslider nav span.cbp-fwnext { right: 0px; }
.cbp-fwslider nav span.cbp-fwprev { left: 0px; }
.cbp-fwdots { position: absolute; bottom: 0px; white-space: nowrap; text-align: center; width: 100%; }
.cbp-fwdots span { display: inline-block; width: 10px; height: 10px; background: rgba(0,0,0,0.15); margin: 4px 6px; border-radius: 50%; cursor: pointer; }
.cbp-fwdots span:hover { background: #6c2996; }
.cbp-fwdots span.cbp-fwcurrent { background: #6c2996; box-shadow: 0 0 0 2px #4a8e8f; -webkit-transition: box-shadow 0.2s ease-in-out; -moz-transition: box-shadow 0.2s ease-in-out; transition: box-shadow 0.2s ease-in-out; }

.testimonialSlider .cbp-fwslider { position: relative; margin: 0; display: block; height: auto; overflow: hidden; }
.testimonialSlider .cbp-fwslider ul { margin: 0; padding: 0; white-space: normal; list-style-type: none; }
.testimonialSlider .cbp-fwslider ul li { -webkit-transform: translateZ(0); -moz-transform: translateZ(0); transform: translateZ(0); float: left; display: block; margin: 0; margin-bottom: 0px; padding: 0; font-size: 1.2em; font-family: 'ubwf-light', sans-serif; font-style: italic;
text-align: center !important; }
.testimonialSlider .cbp-fwslider ul li img { display: block; width: 5em; height: 5em; margin: 0 auto; margin-bottom: 1em; }
.testimonialSlider .cbp-fwslider ul li span.small { font-size: .75em; color: #6c2996; }
.testimonialSlider .cbp-fwslider ul li:before { display: none; }
.testimonialSlider .cbp-fwslider ul li > a, .cbp-fwslider ul li > div { display: block; text-align: center; outline: none; }
.testimonialSlider .cbp-fwslider ul li > a img { border: none; display: block; margin: 0 auto; max-width: 75%; }
.testimonialSlider .cbp-fwslider p { font-size: 1em; color: #000; text-align: center; }


/* === COLLAPSE-O-MATIC === */


.clmn .collapseomatic { display: block; color: #6c2996; padding: 0 0 0 24px !important; margin-top: 1.5em !important; margin-bottom: 1em !important; width: 100%; background-position: center left; background-image: url('images/collapsomatic-arrow-down.svg'); background-repeat: no-repeat; background-size: auto 70%; font-size: 1em; font-weight: 700; }
.clmn .colomat-close { background-image: url('images/collapsomatic-arrow-up.svg'); }
.clmn .collapseomatic:hover { color: #6c2996; }
.clmn .collapseomatic_excerpt, .collapseomatic_content { float: left; margin-left: 0 !important; margin-top: -1em !important; }
.clmn .collapseomatic_content + h3 { margin-top: 2em; }


/* === RESPONSIVENESS === */


@media screen and (max-width:1620px) {
	body { font-size: 1.6rem; font-size: 16px; }
	.slider.slider-left .slider-content-wrapper { padding: 4em; }
	.slider.slider-right .slider-content-wrapper { padding: 4em; }
}

@media screen and (max-width:1280px) {
	body { font-size: 1.4rem; font-size: 14px; }
	#header .menu-widgets { margin-top: 16px; }
	#mainmenu { margin-bottom: 14px; margin-top: 14px; }
	#mainmenu ul.menu > li > a { line-height: 40px; }
	em { padding-top: 80px; background-size: 70px auto; }
	.slider .slider-content-wrapper.slider-content-left .inside { padding-left: 40px; }
	.slider.slider-right .slider-content-wrapper .inside,
	.slider.slider-left .slider-content-wrapper .inside { padding-left: 0; }
	.slider .slider-content-wrapper .inside h1 { font-size: 4.5em; }
	#bottom .socials li a { width: 56px; height: 56px; }
	.inside { padding-left: 60px; padding-right: 60px; }
}

@media screen and (max-width:1023px) {
	body, button, input, select, textarea { line-height: 1.4; }
	#header { min-height: 55px; }
	#header .inside { position: relative; float: left; width: 100%; }
	#header .menu-widgets { display: none; }
	#header .logo,
	body.scrolling #header .logo { margin-top: 10px; margin-bottom: 10px; height: 40px; }
	
	.navToggle { display: block; position: absolute; z-index: 999; top: 20px; left: auto; right: 40px; height: 24px; width: 30px; }
	.navToggle .bar { position: absolute; width: 26px; height: 3px; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; transition: all .2s ease-in-out; background: #fff; border-radius: 6px; }
	.navToggle .bar.one {top: 0; }
	.navToggle .bar.two {top: 8px; }
	.navToggle .bar.three {top: 16px; }
	.navToggle.active .bar.one { -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); top: 8px; }
	.navToggle.active .bar.two { visibility: none; opacity: 0; }
	.navToggle.active .bar.three { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: 8px; }
	
	body.scrolling #header .navToggle .bar { background: #000; }
	
	body.scrolling #header { background: #fff; backdrop-filter: none; }
	body.scrolling #header ul.menu, body.scrolling #header .menu-widgets { opacity: 1; }
	
	#header #mainmenu,
	body.scrolling #header #mainmenu { display: block; z-index: -1; opacity: 0; position: absolute; top: 50px; left: 0; right: 0; width: 100%; height: auto; overflow: hidden; text-align: right; padding-top: 0; margin: 0; margin-top: -200%; transition: all .5s ease;  }
	#header #mainmenu.open,
	body.scrolling #header #mainmenu.open { margin-top: 0; opacity: 1; background: #fff; }
	
	#mainmenu ul.menu { display: block; box-sizing: border-box; padding: 40px 30px; width: 100%; margin: 0 auto; text-align: right; }
	#mainmenu ul.menu > li { display: block; }
	#mainmenu ul.menu > li:last-child { border-bottom: 0; }
	#mainmenu ul.menu > li > a { display: inline-block; font-size:1.4em; letter-spacing: 1px; margin: 0; color: #306063; }
	#mainmenu ul.menu > li > a:hover { color: rgb(74, 142, 143); }
	#mainmenu ul.menu > li.menu-item-has-children:hover { background: inherit; }
	#mainmenu ul.menu > li.menu-item-has-children:hover a { }
	#mainmenu ul.menu li ul.sub-menu { position: relative; top: 0; left: 0; box-shadow: none; border-radius: 0; width: 100%; }
	#mainmenu ul.menu li:hover ul.sub-menu { display: none; }
	#mainmenu ul.sub-menu > li > a { background: transparent; padding: 1.2em 0; }
	#mainmenu ul.sub-menu > li:first-of-type > a { border-top-left-radius: 0; border-top-right-radius: 0; }
	#mainmenu ul.sub-menu > li:last-of-type > a { border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
	
	.inside { padding-left: 40px; padding-right: 40px; }

	.slider.slider-right .slider-content-wrapper,
	.slider.slider-left .slider-content-wrapper { padding: 2em; }
	.slider .slider-content-wrapper.slider-content-left .inside { padding-right: 40px; }
	
	section.bgimg, .bgimg.fix, .parallax { background-attachment: scroll; transition: none; }
	
	.inclcontent ol li { padding: 0 0 0 80px !important; min-height: 90px; }
	.inclcontent ol li::before { width: 70px; height: 70px; line-height: 70px; }

    h1, h2, h3, h4 { hyphens: auto;}
	h1 { font-size: 2.5em; }
	h2, h2.section-header { font-size: 2.0em; }
	h2.large, h2 span.large { font-size: 2.25em; }
	em { padding-top: 70px; background-size: 60px auto; }
	.button { letter-spacing: 0; }
	
	.clmn.highlighted .clmn-content { font-size: 1em; }
	.clmn.highlighted .clmn-content a.button { font-size: 1em; }

	#bottom .socials li a { width: 56px; height: 56px; }
}


@media screen and (max-width:720px) {
}

@media screen and (max-width:640px) {
	
	.show-on-scroll { opacity: 1 !important; transition: all 0s 0s ease-out !important; transform: translate(0, 0) !important; }
	
	.hide-mobile { display: none; }
	.show-mobile { display: block; }
	#header .inside { padding-left: 20px; padding-right: 20px; }
	.navToggle { top: 18px; right: 10px; height: 24px; width: 30px; }

	#header .menu-widgets { right: 70px; }
	#header .menu-widget a.button { padding: 0.5em 1.2em; }
	
	.inside { padding-left: 40px; padding-right: 30px; }
	
	.slider .slider-content-wrapper.slider-content-left .inside { padding-left: 20px; padding-right: 20px; }
	.slider.slider-right .slider-content-wrapper,
	.slider.slider-left .slider-content-wrapper { position: relative; left: 0; width: 100%; box-sizing: border-box; padding: 2em; margin: 0; background: rgba(0,0,0,0.5); }
	.slider.slider-right .slider-content-wrapper .inside,
	.slider.slider-left .slider-content-wrapper .inside { padding: 0; }
	.slider.slider-right .slider-image-wrapper,
	.slider.slider-left .slider-image-wrapper { position: absolute; left: 0; width: 100%; margin: 0; }
	.slider .slider-content-wrapper .inside h1 { font-size: 3.5em; color: #fff !important; }
	
	.slider .slider-content-wrapper .inside h1 { font-size: 3.5em; color: #fff !important; }
	
	.slider .slider-content-wrapper .inside p { color: #fff !important; }
	.slider .bjqs-controls { position: relative; width: 80%; padding: 0; top: 87% !important; left: 0 !important; margin-left: 10%; margin-right: 10%; }
	.slider .bjqs-controls li.bjqs-prev { position: absolute; left: 0; }
	.slider .bjqs-controls li.bjqs-next { position: absolute; right: 0; }
	.slider .bjqs-controls li a { opacity: 0.5; }
	.slider .bjqs-controls li a:hover { opacity: 1.0; }
	
	.bgimg.parallax { background-attachment: scroll; background-position: center center; }
	
	.button { display: inline-block; width: auto; }
	.button.small { padding: 0.8em 1.5em; font-size: 1em; }

	.breadcrumbs #breadcrumbs { padding: 1em 0; }

	section { padding: 3em 0; }
	.section-header { padding-top: 1em; padding-left: 0; padding-right: 0; }

	.inclcontent ol li { padding: 0 0 0 80px !important; min-height: 90px; }
	.inclcontent ol li::before { width: 70px; height: 70px; line-height: 70px; }

	.columns { margin-left: -1em; width: calc(100% + 2em); }

	section { padding: 2em 0; }
	section .clmn { padding: 0; margin: 0; }
	section .clmn.col100,
	section .clmn.col80,
	section .clmn.col75,
	section .clmn.col67,
	section .clmn.col50,
	section .clmn.col33,
	section .clmn.col25,
	section .clmn.col20 { width: 100%; }
	.clmn+.clmn { margin-top: 1em; }
	
	section .columns .clmn:first-of-type { border-radius: .5em; }
	section .columns .clmn:last-of-type { border-radius: .5em; }
	
	section.transparent + section.transparent, section.white + section.white, section.lightgrey + section.lightgrey, section.lightgreen + section.lightgreen, section.darkgreen + section.darkgreen, section.lightblack + section.lightblack, section.darkblack + section.darkblack { margin-top: -1em; }
	
	section#smallpadding .clmn.icon { float: left; width: 33%; margin-top: 0; }
	section#smallpadding .clmn.icon h3 { font-size: 1em; letter-spacing: 0; }
	.clmn.icon img.small { height: 40px; }

	.inclcontent ol li { padding: 0 0 0 65px !important; min-height: 100px; }
	
	.slider .slider-image-wrapper, .slider .slider-content-wrapper { margin-top: 0; }
	
	 section.slider-section:first-of-type .slider.vh100 { min-height: 0 !important; height: 500px !important; }
	.inclcontent:first-of-type, .pagecontent:first-of-type { min-height: 0 !important; height: auto !important; display: block !important; padding-top: 5em !important; } 
	.inclcontent.slider-section { padding-top: 0 !important; }
	
	.teaser-box .teaserbox-content { padding: 2em; }
	.teaser-box .teaserbox-content h2, 
	.teaser-box .teaserbox-content h3 { font-size: 2.5em; } 
	.teaser-box .teaserbox-content .button { left: 4em; bottom: 4em; }
	
	.clmn.teaser-item .box { padding-top: 1em; }
	.clmn.upset-image .clmn-content img { margin-top: 0; }

	section .ui-accordion .ui-accordion-content { padding: 3em 1.5em; hyphens: auto; }

	#blog-overview { margin-left: 0; padding-top: 0; }
	#blog-overview .clmn.col33.item { width: 100%; padding-left: 0; margin-left: 0; border-bottom: 2px dotted rgba(227,235,222,1); border-radius: 0; padding-bottom: 1.4em; }

	#blog-overview .clmn.item h3 { font-size: 1.3em; text-align: center; }
	#blog-overview .clmn.item .meta { font-size: .8em; margin-bottom: 1.5em; text-align: center; }
	#blog-overview .clmn.item .excerpt { font-size: 1em; line-height: 1.6; }
	#blog-overview .clmn.item .readmore .button { text-align: center; }
	
	#bottom .inside { padding-left: 0; padding-right: 0; }
	#bottom .columns { padding-bottom: 0; }
	#bottom .clmn.col33, 
	#bottom .clmn.col25 { width: calc(50% - 60px); margin-left: 30px; margin-right: 30px; margin-top: 0 !important; margin-bottom: 30px !important; }
	#bottom .clmn .footer-widget { }
	#bottom .clmn .footer-widget img { width: 100%; height: auto; margin: 0 auto; }
	#bottom .footer-widget h3 { font-size: 1em; text-align: left; }
	#bottom .footer-widget p { font-size: 1em; }
	#bottom .footer-widget ul li { text-align: left; }
	
}