/*
Theme Name: SEBASTIAN KLAMMER V7
Description: Custom Wordpress Theme for Sebastian Klammer Grafikdesign Berlin
Author: Sebastian Klammer Grafikdesign Berlin
Author URI: https://sebastian-klammer.de/
Version: 1.1 (27.01.2025)
*/

/* === FONTS === */

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

/* === ANIMATIONS === */


.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)) scale(0.95); }
.show-on-scroll.is-visible { opacity: 1; transform: translate(0, 0) scale(1.0); }

.show-on-scroll + .show-on-scroll { transition-delay: .5s; }
.show-on-scroll + .show-on-scroll + .show-on-scroll { transition-delay: .75s; }

#no-animation .clmn,
#portfolio .clmn { opacity: 1 !important; transform: translate(0, 0) !important; }


/* === MOUSE TRAIL === */


svg.trail path { stroke-width: 10px !important; stroke: rgb(0, 173, 239); }


/* === WELCOME ANIMATION === */


.welcome { width: 100%; text-align: center; margin: 0 auto; box-sizing: border-box; }
.welcome .title .animated-words { display: block; position: relative; margin-top: 0px; text-align: center; width: 100%; }
.welcome .title .animated-words a { color: #202935 !important; }
.animated-words span:nth-child(2) { animation-delay: 2s; }
.animated-words span:nth-child(3) { animation-delay: 4s; }
.animated-words span:nth-child(4) { animation-delay: 6s; }
.animated-words span:nth-child(5) { animation-delay: 8s; }
.animated-words span:nth-child(6) { animation-delay: 10s; }
.animated-words span:nth-child(7) { animation-delay: 12s; }
/* .animated-words span:nth-child(8) { -webkit-animation-delay: 14s; -ms-animation-delay: 14s; animation-delay: 14s; }
.animated-words span:nth-child(9) { -webkit-animation-delay: 16s; -ms-animation-delay: 16s; animation-delay: 16s; }
.animated-words span:nth-child(10) { -webkit-animation-delay: 18s; -ms-animation-delay: 18s; animation-delay: 18s; }
.animated-words span:nth-child(11) { -webkit-animation-delay: 20s; -ms-animation-delay: 20s; animation-delay: 20s; }
.animated-words span:nth-child(12) { -webkit-animation-delay: 22s; -ms-animation-delay: 22s; animation-delay: 22s; } */
.animated-words span { position: absolute; width: 100%; text-align: center; left: 0; top: 0; opacity: 0; animation: animateWord 18s linear infinite 0s; }
.animated-words h1 { display: block; font-size: inherit !important; margin-bottom: inherit !important; }

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


@-webkit-keyframes animateWord {
    0% { opacity: 0; }
    2% { opacity: 0; -webkit-transform: translateY(-30px); }
    3% { opacity: 1; -webkit-transform: translateY(0px);}
    10% { opacity: 1; -webkit-transform: translateY(0px); }
    11% { opacity: 0; -webkit-transform: translateY(30px); }
    80% { opacity: 0; }
    100% { opacity: 0; }
}

.non-animated-words span { width: 100%; }


/* === 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; }
blockquote, q { quotes: none; }
fieldset, img { border: 0; }
ul { list-style-type: none; }
ul li { margin-bottom: 10px; line-height: 1.6; }
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; }
*, *: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 24px 36px -16px rgba(52,73,94,.45); }


/* === 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; }
.hideMobile { display: block; }
.showMobile { display: none; }

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

a { position: relative; text-decoration: none; transition: all .2s ease; }
a:hover { text-decoration: none; cursor: pointer; }

a.b1, a.b1:hover, a.b1:visited { color: inherit !important; text-decoration: none; }

.button { display: inline-block; padding: 0.6em 1.5em; border-radius: 100px; box-shadow: 0 24px 36px -16px rgba(52,73,94,.45); margin-bottom: 1em; }
.button:last-of-type { margin-bottom: 0; }
.button:hover { transform: scale(1.05); }
.button.large { display: inline-block; font-size: 1.1em; padding: 1em 2em; } 
.button.small { padding: .6em 1.2em; }
.button + .button { margin-left: 1em; }

.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: 8vw 0; display: flex; align-items: center; }
section#smallpadding { padding: 1em 0; }
section.transparent + section.transparent,
section.white + section.white,
section.green + section.green,
section.lightgrey + section.lightgrey,
section.darkgrey + section.darkgrey { padding-top: 0; margin-top: -2vw; }

.inside { width: 90%; max-width: 1460px; margin: 0 auto; box-sizing: border-box; padding-left: 5vw; padding-right: 5vw; }

.inclcontent ol { list-style-type: none; counter-reset: bulletcounter; padding: 0; }
.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; }

.rounded-border { border-radius: 1em; border: 2px solid #ff9632; width: 100%; box-sizing: border-box; padding: 2.5em; }

article#main .clmn img { border-radius: .75em; }

.image-overlay { opacity: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url(images/bg_image-overlay.png); background-position: center center; background-size: cover; background-repeat: no-repeat; transition: opacity .2s ease-in-out; }
.image-overlay:hover { opacity: 1; }

address { font-style: normal; }

.virtual-2-columns { column-count: 2; column-gap: 5em; }
.virtual-3-columns { column-count: 3; column-gap: 5em; }


/* === COLOURS === */


body, input, select, textarea { color: #202935; }
body.pagebg-white { background: #fff; }
body.pagebg-lightgrey { background: #f5f5f7; }
body.pagebg-darkgrey { background: #202935; color: #fff; }	

body.page-nav-light #header #mainmenu li a { color: #202935; }
body.page-nav-light #header #mainmenu ul.menu > li > a:hover { background: #f5f5f7; }
body.page-nav-light #header #mainmenu ul.menu > li:hover > ul.sub-menu { background: #f5f5f7; }
body.page-nav-light #header #mainmenu ul.menu > li > ul.sub-menu:after { border-bottom-color: #f5f5f7; }
body.page-nav-light #header .navToggle .bar { background: #202935; }
body.page—nav-light #header .navToggle:hover .bar { background: #009bff; }
body.page-nav-light #header .menu-widget a { background: transparent; color: #202935; }
body.page-nav-light #header .menu-widget a:hover { background: #ebf0f0; }

body.page-nav-dark #header #mainmenu li a { color: #fff; }
body.page-nav-dark #header #mainmenu ul.menu > li > a:hover { background: #000; }
body.page-nav-dark #header #mainmenu ul.menu > li:hover > ul.sub-menu { background: #000; }
body.page-nav-dark #header #mainmenu ul.menu > li > ul.sub-menu:after { border-bottom-color: #000; }
body.page-nav-dark #header .navToggle .bar { background: #fff; }
body.page-nav-dark #header .navToggle:hover .bar { background: #009bff; }
body.page-nav-dark #header .menu-widget a { background: transparent; color: #fff; }
body.page-nav-dark #header .menu-widget a:hover { background: #000; }

body.page-nav-scrolling-light.scrolling #header { background: rgba(255,255,255,0.85); }
body.page-nav-scrolling-light.scrolling #header #mainmenu li a { color: #202935; }
body.page-nav-scrolling-light.scrolling #header #mainmenu ul.menu > li > a:hover { background: #f5f5f7; }
body.page-nav-scrolling-light.scrolling #header #mainmenu ul.menu > li:hover > ul.sub-menu { background: #f5f5f7; }
body.page-nav-scrolling-light.scrolling #header #mainmenu ul.menu > li > ul.sub-menu:after { border-bottom-color: #f5f5f7; }
body.page-nav-scrolling-light.scrolling #header .navToggle .bar { background: #202935; }
body.page-nav-scrolling-light.scrolling #header .navToggle:hover .bar { background: #009bff; }
body.page-nav-scrolling-light.scrolling #header .menu-widget a { background: transparent; color: #202935; }
body.page-nav-scrolling-light.scrolling #header .menu-widget a:hover { background: #ebf0f0; }

body.page-nav-scrolling-dark.scrolling #header { background: #1a222dd6; }
body.page-nav-scrolling-dark.scrolling #header #mainmenu li a { color: #fff; }
body.page-nav-scrolling-dark.scrolling #header #mainmenu ul.menu > li > a:hover { background: #000; }
body.page-nav-scrolling-dark.scrolling #header #mainmenu .ul.menu > li:hover > ul.sub-menu { background: #000; }
body.page-nav-scrolling-dark.scrolling #header #mainmenu ul.menu > li > ul.sub-menu:after { border-bottom-color: #000; }
body.page-nav-scrolling-dark.scrolling #header .navToggle .bar { background: #fff; }
body.page-nav-scrolling-dark.scrolling #header .navToggle:hover .bar { background: #009bff; }
body.page-nav-scrolling-dark.scrolling #header .menu-widget a { background: transparent; color: #fff; }
body.page-nav-scrolling-dark.scrolling #header .menu-widget a:hover { background: #000; }

#header { background: transparent; }

#header #mainmenu li a:hover { color: #009bff !important; }
#header ul.sub-menu li a:hover, ul.sub-menu li.current-menu-item a { color: #009bff !important; }

.transparent { background: transparent; }
.white { background: #fff; }
.lightgrey { background: #f5f5f7; }
.darkgrey  { background: #202935; color: #fff; }
.black  { background: #000; color: #fff; }
.green  { background: #009bff; color: #fff; }

a { color: #009bff; }
a:hover { color: #00bef1; }

.button { background: #009bff; color: #fff; }
.button:hover { background: #00bef1; color: #fff; }

h2 a { color: #202935; }
h2 a:hover { color: #009bff; }

.clmn.green > .clmn-content > p > a.button { background: #202935; color: #fff; }
.clmn.green > .clmn-content > p > a.button:hover { background: #000; color: #fff; }

.clmn.highlighted .clmn-content { border-left-color: #009bff; }

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

blockquote { background: #f5f5f7; }

.white .welcome .title,
.white .welcome p { color: #202935; }

.black > .clmn-content > h1, 
.black > .clmn-content > h2, 
.black > .clmn-content > h3, 
.black > .clmn-content > h4, 
.black > .clmn-content > h5,
.black > .inside > .columns > .clmn.transparent h1, 
.black > .inside > .columns > .clmn.transparent h2, 
.black > .inside > .columns > .clmn.transparent h4, 
.black > .inside > .columns > .clmn.transparent h5 { color: #fff; }
.black > .clmn-content > p, 
.black > .inside > .columns > .clmn.transparent p  { color: #fff; }
.black > .clmn.highlighted .clmn-content { border-left-color: #009bff; }
.black > .clmn.teaser-item a,
.black > .inside > .columns > .clmn.teaser-item > a { color: #fff; }
.black > blockquote,
.black > .inside > .columns > .clmn.transparent > .clmn-content > blockquote { color: #fff; background: rgba(255,255,255, 0.1); }

.darkgrey .welcome .title,
.darkgrey .welcome p { color: #fff; }
.darkgrey > .clmn-content > h1, 
.darkgrey > .clmn-content > h2, 
.darkgrey > .clmn-content > h3, 
.darkgrey > .clmn-content > h4, 
.darkgrey > .clmn-content > h5,
.darkgrey > .inside > .columns > .clmn.transparent h1, 
.darkgrey > .inside > .columns > .clmn.transparent h2, 
.darkgrey > .inside > .columns > .clmn.transparent h4, 
.darkgrey > .inside > .columns > .clmn.transparent h5 { color: #fff; }
.darkgrey > .clmn-content > p, 
.darkgrey > .inside > .columns > .clmn.transparent p  { color: #fff; }
.darkgrey > .inside > .columns > .clmn.highlighted .clmn-content { border-left-color: #009bff; }
.darkgrey > .clmn.teaser-item a,
.darkgrey > .inside > .columns > .clmn.teaser-item > a { color: #fff; }
.darkgrey > blockquote,
.darkgrey > .inside > .columns > .clmn.transparent > .clmn-content > blockquote { color: #fff; background: rgba(255,255,255,0.1); }

.green .welcome .title,
.green .welcome p { color: #fff; }
.green > .clmn-content > h1, 
.green > .clmn-content > h2, 
.green > .clmn-content > h4, 
.green > .clmn-content > h5,
.green > .inside > .columns > .clmn.transparent h1, 
.green > .inside > .columns > .clmn.transparent h2, 
.green > .inside > .columns > .clmn.transparent h4, 
.green > .inside > .columns > .clmn.transparent h5 { color: #fff; }
.green > .clmn-content > h3,
.green > .inside > .columns > .clmn.transparent h3 {color: #fff; }
.green > .clmn-content > p, 
.green > .inside > .columns > .clmn.transparent p  { color: #fff; }
.green > .clmn-content > a,
.green > .inside > .columns > .clmn.transparent a  { color: #fff; }
.green > .clmn-content > a:hover,
.green > .inside > .columns > .clmn.transparent a:hover  { color: #fff; }
.green > .clmn-content > a.button,
.green > .inside > .columns > .clmn.transparent .button { background: #fff; color: #202935; }
.green > .clmn-content > a.button:hover,
.green > .inside > .columns > .clmn.transparent .button:hover { background: #fff; color: #202935; }
.green > .inside > .columns > .clmn.highlighted .clmn-content { border-left-color: #fff; }
.green > .clmn.teaser-item a,
.green > .inside > .columns > .clmn.teaser-item > a { color: #fff; }
.green > .clmn-content ul.checklist li:before,
.green > .inside > .columns > .clmn.transparent .ul.checklist li:before  { color: #fff; }
.green > blockquote,
.green > .inside > .columns > .clmn.transparent > .clmn-content > blockquote  { color: #fff; background: rgba(255,255,255,0.1); }

section .ui-widget-content { color: #202935; }

.slider .slider-content-wrapper .inside.slider-text-white *  { color: #fff; }

.slider .slider-content-wrapper .inside.slider-text-blue * { color: #295669; }

.green-text { color: #009bff !important; }

body.pagebg-darkgrey section.white { color: #202935 !important; }


/* === FONTS === */


body, button, .button, input, select, textarea, blockquote, section .ui-widget-content { font-family: 'aeonik-regular', sans-serif; font-weight: normal; font-size: clamp(1rem,1.1vw,1.25rem); line-height: 1.4; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: optimizeLegibility; text-shadow: 1px 1px 1px rgba(0,0,0,0.004); }

strong { font-family: 'aeonik-bold', sans-serif; font-weight: normal; }

#mainmenu ul.menu li a { font-family: 'aeonik-regular', sans-serif; font-weight: normal; font-size: 1em; letter-spacing: 1px; }

.welcome .title { height: 180px; line-height: 1em; font-family: 'aeonik-bold', sans-serif; font-weight: normal; text-align: center; font-size: clamp(0.5rem,6.94vw,9rem); }
.welcome p { color: #fff; font-family: 'aeonik-bold', sans-serif; font-weight: normal; margin-top: 0; }
.welcome p.welcome-message { font-family: 'aeonik-regular', sans-serif; font-weight: normal; margin-top: 5vw; }
.welcome p.welcome-message strong { font-family: 'aeonik-regular', sans-serif; font-weight: normal; }
.animated-words h1 { font-size: clamp(0.5rem,4.0vw,4.8rem); }
.animated-words span { font-size: clamp(0.5rem,4.0vw,4.8rem); }

p { margin: 0 0 2em; }
p.smaller, .quotesource { font-size: clamp(1rem,1.1vw,1rem); }
p.larger { font-size: 1.3vw; line-height: 1.6; font-family: 'merriweatherlight', serif; font-weight: lighter; }
p:last-of-type { margin-bottom: 0; }
p.no-bottom-margin { margin-bottom: 0 !important; }
p.text-green { color: #009bff !important; }
p.no-bold strong { font-weight: normal; font-family: 'aeonik-regular', sans-serif; }
p.intro { font-family: 'merriweatherlight', sans-serif; font-weight: lighter; font-size: 1.2em; color: #000; line-height: 1.6;}

p.highlight-text, 
p.welcome-message, 
.clmn.highlighted .clmn-content { font-size: clamp(0.5rem,1.3vw,1.3rem); line-height: 1.6; }
.clmn.highlighted .clmn-content,
.clmn.highlighted .clmn-content strong { font-family: 'merriweatherlight', serif; font-weight: lighter; }
.clmn.highlighted .clmn-content b { font-family: 'merriweatherbold', serif; font-weight: bold; }

p.highlight-text, p.highlight-text strong { font-family: 'merriweatherlight', serif; font-weight: lighter; }

h1, p.like-h1, 
h2, p.like-h2, 
h3, p.like-h3, 
h4, p.like-h4, 
h5, p.like-h5 { display: block; font-family: 'aeonik-bold', sans-serif; font-weight: normal; position: relative; }

h1, p.like-h1 { display: inline-block; font-size: clamp(0.5rem,5.5vw,5.0rem); line-height: 1.2; margin-bottom: .5em; }
h1.pageTitle { padding-top: 1em; margin-bottom: .5em; }
.projekt-single h1 { font-size: 3.0em; line-height: 1; margin-bottom: 0; }

h2, p.like-h2 { display: inline-block; font-size: clamp(0.5rem,2.5vw,2.5rem); line-height: 1.2; margin-bottom: .9em; }
h2.pageTitle, p.pageTitle { padding-top: 1em; margin-bottom: .5em; }

h2 span.large, h2.large,
p.like-h2 span.large, p.like-h2.large, 
h1 span.small, h1.small, 
p.like-h1 span.small, p.like-h1.small { display: inline-block; font-size: clamp(3.0rem,3.5vw,4.5rem); line-height: .9em; }

p.like-h2 + h2 { display: block; }

h1 + h2,
h1 + p.like-h2,
p.like-h1 + h2,
p.like-h1 + p.like-h2 { display: block; margin-top: -.75em; }

h3, p.like-h3,
h2 span.small { font-size: 1.75vw; line-height: 1.3; margin-bottom: 1em; }

h2 + h3,
h2 + .like-h3,
.like-h2 + .like-h3 { margin-top: -.9em; }

h4, p.like-h4 { font-size: 1.0em; margin-bottom: 1em; }

h3 + h4,
h3 + p.like-h4,
p.like-h3 + h4,
p.like-h3 + p.like-h4 { margin-top: -1.5em; }

h4.icon { padding-left: 40px; background-position: left center; background-size: auto 90%; background-repeat: no-repeat; }

blockquote { position: relative; display: block; box-sizing: border-box; padding: 2em; font-family: 'merriweatherlight',serif; font-weight: normal; border-radius: 1em; }
blockquote strong { font-family: 'merriweatherlight',serif; font-weight: lighter; }
blockquote:after { top: 100%; left: 60px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(239, 239, 239, 0); border-top-color: #f5f5f7; border-width: 20px; margin-left: -20px; }
blockquote p {margin-bottom: 0; text-align: left; }
.quotesource { margin-top: 1.5em; margin-bottom: 3em; padding-left: 2em; display: block; }
.quotesource a, .quotesource a:visited { color: #009bff;}

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.5vw; }

article ul.underline li { margin: .5em 0 .5em 1.2em; padding-bottom: .5em; border-bottom: 1px solid rgba(0,0,0,0.1); }
article ul.underline li:before { display: none; }
article section.green ul.underline li { margin: .5em 0 .5em 1.2em; padding-bottom: .5em; border-bottom: 1px solid #fff; }

article ul.arrowlist li { margin: .25em 0 .25em 0; font-size: clamp(1rem,1.1vw,1.25rem); padding-left: 2em !important; box-sizing: border-box; }
article ul.arrowlist li:before {display: block; content: "➔"; position: absolute; color: #202935; left: 0; top: 0; font-size: clamp(1rem,1.1vw,1.25rem); }
article section.green ul.arrowlist li { margin: .25em 0 .25em 1.2em; font-size: clamp(1rem,1.1vw,1.25rem); padding-left: 2em; box-sizing: border-box; }
article section.green ul.arrowlist li:before { display: block; content: "➔"; position: absolute; color: #202935; left: 0; top: 0; font-size: clamp(1rem,1.1vw,1.25rem); }

article section.darkgrey ul.arrowlist li:before {  display: block; content: "➔"; position: absolute; color: #fff !important; left: 0; top: 0; font-size: clamp(1rem,1.1vw,1.25rem);  }
body.pagebg-darkgrey article ul.arrowlist li:before {  display: block; content: "➔"; position: absolute; color: #fff !important; left: 0; top: 0; font-size: clamp(1rem,1.1vw,1.25rem);  }

article section.green ul.arrowlist li a { color: #202935 !important; }
article section.green ul.arrowlist li a:hover { color: #202935 !important; }

article ul.checklist li { margin: .25em 0 .25em 1.2em; font-size: clamp(1rem,1.1vw,1.25rem); padding-left: 2em; box-sizing: border-box; }
article ul.checklist li:before {display: block; content: "✔"; position: absolute; color: #202935; left: 0; top: -0.2em; font-size: clamp(1rem,1.1vw,1.25rem); }

article ul.contentlist { list-style-type: none !important; }
article ul.contentlist li { display: block; width: 100%; border-bottom: 1px solid #004592; margin-left: 0; margin-bottom: 1.5em !important; padding-left: 0; padding-bottom: 1.3em; }
article ul.contentlist li:before { display: none; }
article ul.contentlist li:last-of-type { border-bottom: none; margin-bottom: 0; }

article ul.tags { list-style-type: none !important; }
article ul.tags li { display: inline-block; width: auto; padding: .25em 1em; margin: .35em; border-radius: 30px; background: rgba(0,0,0,0.1); }
article ul.tags li:before { display: none; }

.slider .slider-content-wrapper .inside h1,
.slider .slider-content-wrapper .inside p.like-h1 { font-size: clamp(4rem,5vw,6.5rem); line-height: .9; position: relative; }
.slider .slider-content-wrapper .inside h2,
.slider .slider-content-wrapper .inside p.like-h2 { font-size: clamp(1.6rem,1.6vw,1.6rem); line-height: 1.2; margin-bottom: 2em; }

.slider .slider-content-wrapper .inside p { font-size: 1.25em; }
.slider .slider-content-wrapper .inside .button { font-size: .9em; }

section .ui-accordion .ui-accordion-header { font-family: 'aeonik-regular', sans-serif; font-weight: normal; position: relative; font-size: 1.3em; letter-spacing: 1px; }

.no-margin { margin-bottom: 0 !important; }


/* === HEADER === */


#header { position: fixed; top: 0; display: block; 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: 20px; margin-bottom: 10px; max-width: 80px; }
#header .menu-widgets.left { float: left; }
#header .menu-widgets.right { float: right; }
#header .menu-widgets a { display: block; width: 40px; height: 40px; font-size: 0; border-radius: 100%; background-position: center center !important; background-size: 70% !important; background-repeat: no-repeat !important; }

body.page-nav-light #header .menu-widgets a.email,
body.page-nav-scrolling-light.scrolling #header .menu-widgets a.email { background-image: url(images/icon_email_black.svg); }
body.page-nav-light #header .menu-widgets a.instagram,
body.page-nav-scrolling-light.scrolling #header .menu-widgets a.instagram { background-image: url(images/icon_instagram_black.svg); }
body.page-nav-light #header .menu-widgets a.linkedin,
body.page-nav-scrolling-light.scrolling #header .menu-widgets a.linkedin { background-image: url(images/icon_linkedin_black.svg); }
body.page-nav-light #header .menu-widgets a.xing,
body.page-nav-scrolling-light.scrolling #header .menu-widgets a.xing { background-image: url(images/icon_xing_black.svg); }

body.page-nav-dark #header .menu-widgets a.email,
body.page-nav-scrolling-dark.scrolling #header .menu-widgets a.email { background-image: url(images/icon_email_white.svg); }
body.page-nav-dark #header .menu-widgets a.instagram,
body.page-nav-scrolling-dark.scrolling #header .menu-widgets a.instagram { background-image: url(images/icon_instagram_white.svg); }
body.page-nav-dark #header .menu-widgets a.linkedin,
body.page-nav-scrolling-dark.scrolling #header .menu-widgets a.linkedin { background-image: url(images/icon_linkedin_white.svg); }
body.page-nav-dark #header .menu-widgets a.xing,
body.page-nav-scrolling-dark.scrolling #header .menu-widgets a.xing { background-image: url(images/icon_xing_white.svg); }

#header .logo, #header #mainmenu { position: absolute; left: calc( 50% - 35%); width: 70%; height: 45px;  transition: all .3s ease-in-out; }

#header .logo { display: inline-block; opacity: 1; visibility: visible; background-position: top center; background-size: auto 100%; background-repeat: no-repeat; margin-top: 20px; margin-bottom: 10px; }

body.page-nav-light #header .logo,
body.page-nav-scrolling-light.scrolling #header .logo { background-image: url(images/grafikdesign_sebastianklammer_logo_black.svg); }
body.page-nav-dark #header .logo,
body.page-nav-scrolling-dark.scrolling #header .logo { background-image: url(images/grafikdesign_sebastianklammer_logo_white.svg); }

#header:hover .logo { opacity: 0; visibility: hidden; overflow: hidden; }
#header .logo img { display: block; height: 100%; width: auto; }
#header:hover > .logo > img {  }

#mainmenu { display: inline-block; opacity: 0; visibility: hidden; width: auto; transition: all .2s ease-out; margin-bottom: 19px; margin-top: 25px; }
#header:hover #mainmenu { opacity: 1; visibility: visible; }
#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 { display: block; line-height: 35px; padding: 0 1em; border-radius: 24px; }
#mainmenu > ul.menu > li > a:hover {  }

#mainmenu > ul.menu > li.menu-item-has-children:hover { }

#mainmenu ul.menu > li > ul.sub-menu { opacity: 0; visibility: hidden; position: absolute; top: 140%; left: 0; box-shadow: 0px 5px 15px -5px rgba(0,0,0,0.2); font-size: .9em; white-space: nowrap; transform: translateX(-38%); transition: all .3s ease .1s; }
#mainmenu ul.menu > li:hover > ul.sub-menu { opacity: 1; visibility: visible; border-radius: 40px; }
#mainmenu ul.menu > li > ul.sub-menu:after { bottom: 100%; left: 50%; border: solid transparent; content: ""; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(255, 255, 255, 0); border-width: 10px; margin-left: -10px; }
#mainmenu ul.sub-menu > li { display: inline-block; padding: 0; margin: 0 !important; }
#mainmenu ul.sub-menu > li > a { display: block; padding: .5em .5em; white-space: nowrap; margin: 0; color: #202935; }
#mainmenu ul.sub-menu > li:first-of-type > a { padding-left: 1.5em; }
#mainmenu ul.sub-menu > li:last-of-type > a { padding-right: 1.5em; }

#header .language { display: block; width: 40px; height: 40px; margin-top: -8px; box-sizing: border-box; border-radius: 30px; border: none; background-color: transparent; background-image: url(images/ico_language_white.svg); background-size: 80% auto; background-repeat: no-repeat; background-position: top 6px center; overflow: hidden; transition: all .2s ease-out; }
#header .language:hover, #header .language:focus { height: auto; background-color: #fff; background-image: url(images/ico_language_blue.svg); color: #009bff; cursor: pointer; }
#header .language a { color: #000; text-align: center; width:100%; display: block; margin-bottom: 5px; }
#header .language a:hover { color: #009bff; }
#header .language a:first-child { margin-top: 45px; }
#header .language a:last-child { margin-bottom: 10px; }
#header .language a.current_language { font-family: 'aeonik-bold', sans-serif; font-weight: bold; color: #009bff; }


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


body.scrolling #header { -webkit-backdrop-filter: saturate(180%) blur(20px); -moz-backdrop-filter: saturate(180%) blur(20px); -o-backdrop-filter: saturate(180%) blur(20px); -ms-backdrop-filter: saturate(180%) blur(20px); backdrop-filter: saturate(180%) blur(20px); }


/* === 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 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; 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; border-radius: 0; }

.slider .slider-content-wrapper { position: relative; width: 100%; height: 100%; margin: 0; display: flex; align-items: center; z-index: 1; border-radius: 0; }

.slider .slider-content-wrapper .inside { position: relative; box-sizing: border-box;}
.slider .slider-content-wrapper.slider-content-left .inside { width: 100%; padding-left: 60px; padding-right: 45%; }
.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: 45%; padding-right: 60px; }

.slider .bjqs-markers { position: absolute; bottom: 0; margin: 0; left: 0 !important; height: 60px; width: 100%; text-align: center; background-position: bottom center; background-repeat: repeat-x; z-index: 1; }
.slider .bjqs-markers li { display: inline-block; margin: 0 5px; line-height: 30px; }
.slider .bjqs-markers li a { font-size: 0; background-color: #fff; display: block; width: 8px; height: 8px; border: 2px solid #fff; border-radius: 16px; }
.slider .bjqs-markers li.active-marker a { background-color: #fff; width: 50px; }

.slider .bjqs-controls li { margin: 0.75em; padding: 0; transition: all .2s ease-in-out; }
.slider .bjqs-controls li:hover { 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 { }
article#main > .slider.slider-default .slider-content-wrapper { background-color: rgba(2,2,2,0.3); }
.slider.slider-default .slider-content-center h1, 
.slider.slider-default .slider-content-center h2,
.slider.slider-default .slider-content-center p { width: 100%; } 

.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: 4vw 6vw 4vw 4vw; }

.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: 4vw 4vw 4vw 6vw; }


/* === BUTTON BAR === */


.button-bar-wrapper { position: absolute; bottom: 2.5em; width: 100%; text-align: center; }
ul.button-bar { display: inline-block; background-color: #202935; list-style-type: none; text-align: center; border-radius: 100px; padding: .6em 2em; box-sizing: border-box; font-family: 'aeonik-light', sans-serif; font-size: .9em; box-shadow: 0 6px 20px rgba(0,0,0,0.2); -webkit-backdrop-filter: saturate(180%) blur(20px); backdrop-filter: saturate(180%) blur(20px); }
ul.button-bar li { display: inline-block; width: auto; height: auto; margin: 0; padding: 0; }
ul.button-bar li a { display: block; font-size: .8rem; color: #fff; margin: 0 2em; padding-top: 2.5em; background-size: 2.5em auto; background-position: top center; background-repeat: no-repeat; }
ul.button-bar li a.webdesign { background-image: url(images/icon_webdesign_white.svg); }
ul.button-bar li a.grafikdesign { background-image: url(images/icon_grafikdesign_white.svg); }
ul.button-bar li a.branding { background-image: url(images/icon_branding_white.svg); }

ul.button-bar li a:hover { transform: scale(1.05); color: #00bef1; }

ul.button-bar.white { background-color: rgba(255,255,255,0.75); }
ul.button-bar.white li a { color: #202935; }
ul.button-bar.white li a.webdesign { background-image: url(images/icon_webdesign_black.svg); }
ul.button-bar.white li a.grafikdesign { background-image: url(images/icon_grafikdesign_black.svg); }
ul.button-bar.white li a.branding { background-image: url(images/icon_branding_black.svg); }

ul.button-bar.white li a:hover { transform: scale(1.05); color: #00bef1; }


/* === MAIN === */


.pagecontent, .inclcontent { 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% + 2em); height: 100%; flex-wrap: wrap; display: flex; padding-top: 6vw; padding-bottom: 4em; margin-left: -1em; }
.columns + .columns { padding-top: 0; margin-top: 0m; }
section .columns:first-of-type { padding-top: 0 !important; }
section .columns:last-of-type { padding-bottom: 0 !important; }

.clmn { box-sizing: border-box; float: left; margin-left: 1em; margin-right: 1em; padding: 0; overflow: hidden; border-radius: 1em; }
.clmn.transparent { padding: 0; border-radius: 0; overflow: visible; }
.clmn.white, .clmn.lightgrey, .clmn.darkgrey, .clmn.green, .clmn.black { padding: 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(74% - 2em); }
.clmn.col80 { width: calc(80% - 2em); }
.clmn.col100 { width: calc(100% - 2em); }

#header .columns { border-radius: 0; }
#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; }

.clmn .clmn-content { width: 100%; box-sizing: border-box; }


/* --- 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; /*justify-content: 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: 100%; }
.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-color: rgba(0,0,0,0.4); }
.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 .button { position: absolute; left: 2em; bottom: 2em; background-color: #fff; color: #004592; 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, .clmn.icon p.like-h3 { margin-bottom: .8em; }
.clmn.icon h3, .clmn.icon p.like-h3 { font-size: 1em; font-family: 'aeonik-bold', sans-serif; font-weight: normal; line-height: 1.3; margin-top: .5em; }
.clmn.icon p { margin: 0; line-height: 1.4; hyphens: auto; }
.clmn.icon img { width: 33%; height: auto; margin: 0 auto; }
.clmn.icon img.small { width: auto; height: 60px; }
.clmn.icon a { transition: all .2s ease-in-out; color: #fff; }
.clmn.icon a:hover { transform: scale(1.05); color: #fff; }

.clmn.highlighted .clmn-content { border-left-width: 3px; border-left-style: solid; padding-left: 2em; }

.clmn.highlighted.col_align_center .clmn-content { border-left: none; padding-left: 0; text-align: center; }


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


section.teaser h2.section-header { margin-bottom: 1.5em; }
.clmn.teaser-item { margin-bottom: 2em; transition: all .2s ease-in-out; }
.clmn.teaser-item a { width: 100%; height: 100%; }
.clmn.teaser-item h3 { margin-top: .5em; margin-bottom: .75em; text-align: left; }
.clmn.teaser-item p { text-align: left; hyphens: auto; }
.clmn.teaser-item:hover { transform: scale(1.05); background-color: rgba(255,255,255,0.5); box-shadow: 0 0 40px rgba(0,0,0,0.1); }
.clmn.teaser-item:hover h3 { }
.clmn.teaser-item .image { position: relative; border-radius: 1em; overflow: hidden; }
.clmn.teaser-item .image .image-overlay { display: none; }
.clmn.teaser-item .image img { min-width: 100%; height: auto; }
.clmn.teaser-item:hover .image { border-radius: 0; }
.clmn.teaser-item .box { padding: 1em; }


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


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

section.darkgrey .gallery .gallery-item { background-color: rgba(255,255,255,0.02); margin: 3px !important; padding: 0 !important; }
section.darkgrey .gallery.gallery-columns-4 .gallery-item { width: calc(25% - 6px) !important; }

.clmn.round-image img { border-radius: .75em; }


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


ul.fancy-list { list-style-type: none; }
ul.fancy-list li { display: block; width: 100%; padding: .75em 0; margin: 0 !important; border-bottom: 1px solid rgba(255,255,255,0.5); }
ul.fancy-list li:before { display: none; }


/* === PROJECT ICONS === */


.project-icons { margin-top: 3em; width: 90%; }
.project-icons .wp-show-posts-inner { margin-bottom: 0 !important; padding-bottom: 0 !important; }
.project-icons .wp-show-posts-inner img { border-radius: .5em; box-shadow: 0px 20px 20px -20px rgba(0,0,0,0.5); }


/* === SOCIAL ICONS === */


ul.social-icons { display: block; list-style-type: none; margin-top: -1em; margin-bottom: 2.5em; }
ul.social-icons li { display: inline-block; margin: 0; padding: 0; }
ul.social-icons li:before { display: none; }
ul.social-icons li a { display: block; width: 50px; height: 50px; font-size: 0px; margin: 0 6px; border-radius: 100%; background-position: center center; background-size: 65% auto; background-repeat: no-repeat; }
ul.social-icons li:first-of-type a { margin-left: 0; }
ul.social-icons li:last-of-type a { margin-right: 0; }
ul.social-icons li a:hover { transform: scale(1.2); }
ul.social-icons li a.instagram { background-image: url(images/icon_socials_instagram_white.svg); }
ul.social-icons li a.xing { background-image: url(images/icon_socials_xing_white.svg); }
ul.social-icons li a.linkedin { background-image: url(images/icon_socials_linkedin_white.svg); }
ul.social-icons li a.web { background-image: url(images/icon_socials_web_white.svg); }

ul.social-icons.transparent li a { background-color: transparent; }
ul.social-icons.transparent li a:hover { background-color: rgba(255,255,255,0.2); }


/* === TABELLEN === */


table { width: 100%; margin-top: 2em; margin-bottom: 2em; overflow: hidden !important; }
table tbody, table tbody tr { width: 100%; }
table.lines tbody tr { border-bottom: 1px solid #fff; }
.dark-blue table.lines tbody tr,
.dark-red table.lines tbody tr { border-bottom: 1px solid #fff; }

table tbody tr:nth-of-type(odd) { }
table tbody tr:nth-of-type(even) { }
table tbody tr td { padding: .5em 0; box-sizing: border-box; }

table.checkmarks tr td { background-image: url(images/icon_checkmark_green.svg); background-size: auto 40%; background-position: center left; background-repeat: no-repeat; padding-left: 40px; box-sizing: border-box; }


/* === BLOG OVERVIEW === */


body.blog .blogheader.blog-overview { padding-bottom: 0; }
body.blog .blogheader.blog-overview h1 { margin-bottom: .5em; }
body.blog .blogheader.blog-overview p.like-h2 { width: 100%; display: block; margin-bottom: 0; }
body.blog .blogheader.blog-overview .highlighted { border-left: 2px solid #009bff; padding-left: 1.5em; margin-bottom: 2em; }

body.blog .blogheader ul.blogmenu li { display: block; margin: 0; padding: 0; }
body.blog .blogheader ul.blogmenu li:before { display: none; }
body.blog .blogheader ul.blogmenu li a { display: inline-block; width: auto; background: #fff; color: #000; border-radius: 60px; padding: .5em 1em; margin: .5em 0; }
body.blog .blogheader ul.blogmenu li a:hover:after { display: none; }
body.blog .blogheader ul.blogmenu li a:hover, 
body.blog .blogheader ul.blogmenu li.current-menu-item a { background: #000; color: #fff; }

body.blog .bloglist { padding-top: 3em; }
body.blog .bloglist .item { background: #fff; margin-bottom: 2em; transition: all .2s ease; }
body.blog .bloglist .item:hover { transform: scale(1.05); box-shadow: 0 24px 36px -16px rgba(52,73,94,.45); }
body.blog .bloglist .item .item-text { padding: 1em; }
body.blog .bloglist .item .item-text * { color: #202935; }
body.blog .bloglist .item .item-text h3 { line-height: 1.2; }


/* === BLOG SINGLE === */


body.blog .blogheader { padding-bottom: 5em; }
body.blog .blogheader h1 { margin-bottom: 0; line-height: 1.1; }
body.blog .blogcontent p:last-of-type { margin: 0 0 2em; }
body.blog .blogheader .clmn { overflow: visible; }
body.blog .blogheader .blog-image { height: 400px; border-radius: 400px; background-size: cover; background-position: center center; }

body.blog .blogcontent { padding-top: 0; }
body.blog .blogcontent .blog-article { overflow: visible; padding: 3em; }
body.blog .blogcontent .blog-article img { display: block; border-radius: .75em; margin-left: -5em; margin-bottom: 4em; width: calc(100% + 5em); max-width: calc(100% + 5em); box-shadow: 0 24px 36px -16px rgba(52,73,94,.45); }
body.blog .blogcontent .blog-article ul.arrowlist { margin-bottom: 3em; }
body.blog .blogcontent .blog-article ul.arrowlist li { margin-bottom: .5em; }

body.blog .blogcontent .blog-article h3 + h4 { margin-top: 0; }

body.blog .blogcontent .navigation { margin-top: 4em; padding-top: 4em; border-top: 1px solid #f2f2f2; }
body.blog .blogcontent .navigation .prev-posts { float: left; }
body.blog .blogcontent .navigation .next-posts { float: right; }
body.blog .blogcontent .navigation .prev-posts a,
body.blog .blogcontent .navigation .next-posts a { display: block; width: auto; padding: .5em 1em; background: #f5f5f7; color: #000; border-radius: 60px; }
body.blog .blogcontent .navigation .prev-posts a:hover,
body.blog .blogcontent .navigation .next-posts a:hover { background: #000; color: #fff; }

body.blog .blogcontent .blog-sidebar { padding-top: 3em; }
body.blog .blogcontent .blog-sidebar ul li { margin: 0; padding: 0; display: block; }
body.blog .blogcontent .blog-sidebar ul li:before { display: none; }
body.blog .blogcontent .blog-sidebar ul li a { display: block; width: 100%; border-bottom: 1px solid rgba(0,0,0,0.1); padding: .5em 0; }


body.blog .blogcontent .yarpp h2 { margin-top: 2em; }
body.blog .blogcontent .yarpp-thumbnails-horizontal .yarpp-thumbnail { border: none; vertical-align: top; width: 47%; height: auto; margin-right: 2%; display: inline-block; overflow: hidden; }
body.blog .blogcontent .yarpp-related .yarpp-thumbnail-title { width: 100%; }

body.blog .blogcontent .yarpp-thumbnails-horizontal img { margin-left: 0;
  width: 100%; max-width: 100%; height: auto; box-shadow: none; margin-bottom: 1em; }


/* === FOOTER === */


#bottom { position: relative; font-size: 1em; padding: 2em 0; background-color: #1a1e22; color: #fff; }

#bottom aside, footer { 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 .clmn.col100 { text-align: center; }
#bottom .clmn.col100 ul.menu { width: 100%; text-align: center; } 
#bottom .clmn.col100 ul li { display: inline-block; }
#bottom .clmn.col100 ul li a { font-family: 'aeonik-regular', sans-serif; margin: 0 10px; }

#bottom .footer-widget { margin-bottom: .5em; }
#bottom .footer-widget h3 { font-size: 1em; }
#bottom .footer-widget p { font-family: 'aeonik-regular', sans-serif; font-size: 1em; }
#bottom .footer-widget a { color: #009bff; }
#bottom .footer-widget a:hover { color: #fff; }

.credits { width: 100%; box-sizing: border-box; display: block; padding:20px; margin:0; text-align: center; line-height: 1em; font-size: .7em; }
.credits a { text-decoration: none; }
.credits a:hover { text-decoration: underline; }


/* === 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.2); background: transparent; margin-bottom: 0; padding: 1em 0; transition: all .3s ease-out; }
section .ui-accordion .ui-accordion-header:hover { color: #009bff; }
section.darkgrey .ui-accordion .ui-accordion-header { color: #fff; border-bottom: 1px solid rgba(255,255,255,0.07); }
section.darkgrey .ui-accordion .ui-accordion-header:hover { color: #009bff; }
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: #009bff; }
section .ui-widget-content { position: relative; border: none; border-radius: 1em; background-color: #f5f5f7; margin-top: 10px; }
section .ui-widget-content a.button { }

section.darkgrey .ui-widget-content { background-color: #f4f4f4; }
section.darkgrey .ui-widget-content p,
section.darkgrey .ui-widget-content ol,
section.darkgrey .ui-widget-content ul { color: #202935 !important; }
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: #f5f5f7; border-width: 15px; margin-left: -15px; }
section.darkgrey .ui-widget-content:after { border-bottom-color: #f4f4f4; }

section.lightgrey .ui-widget-content { background-color: #fff; }
section.lightgrey .ui-widget-content ul { color: #202935 !important; }
section.lightgrey .ui-widget-content:after { border-bottom-color: #fff; }

section .ui-accordion .ui-accordion-content { padding: 3em; overflow: visible; }


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


.wpcf7 { width: 100%; display: block; height: auto; }
.wpcf7 .wpcf7-form { width: 100%; }
.wpcf7 input, .wpcf7 textarea { border: 1px solid #d7e3e3; border-radius: .5em; padding: .5em 1em; margin-bottom: .5em; width: 100%; background-color: #fff; color: #202935; }
.wpcf7 .button { background-color: #009bff; color: #fff; border: none; transition: all .2s ease; }
.wpcf7 .button:hover { cursor: pointer; transform: none; background-color: #00bef1; }
.wpcf7 .wpcf7-acceptance .wpcf7-list-item-label { display: inline-block; font-size: .9em; float: right; width: 95%; }


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


#cookie-notice-container { animation: show-cookie-notice 0s 5s forwards; opacity: 0; }
@keyframes show-cookie-notice {
  99% { opacity: 0; }
  100% { opacity: 1; } 
}

#cookie-notice { background-color: transparent !important; }
body.cookies-not-set #cookie-notice { bottom: 0; left: 0; right: 0; width: 100%; height: auto; display: block; text-align: center; }
body.cookies-set #cookie-notice { height: auto; }
body.page-body #cookie-notice .cookie-notice-container { margin: 0 auto; margin-bottom: 3%; background-color: rgba(255,255,255,0.75) !important; backdrop-filter: saturate(180%) blur(20px); border-radius: .75em; box-shadow: 0 16px 30px -20px rgba(52,73,94,.75); box-shadow: 0 10px 20px rgba(0,0,0,0.2); width: 60% !important; min-width: 420px !important; padding: 2em; box-sizing: border-box; }
span#cn-notice-text { display: block; width: 90%; text-align: left; margin-bottom: 2em; color: #000; }
body.page-body a.cn-button.cn-set-cookie { color: #fff !important; border: 2px solid #009bff !important; background-color: #009bff !important; border-radius: 20px; }
body.page-body a.cn-button.cn-set-cookie:hover { color: #fff; border: 2px solid #202935  !important; background-color: #202935 !important; }
body.page-body a.cn-button.cn-more-info { color: #009bff !important; border: 2px solid #009bff !important; background-color: transparent !important; }
body.page-body a.cn-button.cn-more-info:hover { color: #202935 !important; border: 2px solid #202935 !important; background-color: transparent !important; }


/* === WP SHOW POSTS CUSTOMIZATION === */


.wp-show-posts { padding: 0; align-items: baseline; }
.wp-show-posts .wp-show-posts-inner { padding: 1em; box-sizing: border-box; transition: all .2s ease-in-out; border-radius: 1em; overflow: hidden; }
.wp-show-posts .wp-show-posts-inner:hover { background-color: rgba(255,255,255,0.25); box-shadow: 0 0 40px rgba(0,0,0,0.1); transform: scale(1.05); }
.wp-show-posts .wp-show-posts-entry-header { margin-top: 1.5em; }
.wp-show-posts .wp-show-posts-entry-title a { color: #202935; }
.wp-show-posts .wp-show-posts-entry-summary strong { font-family: 'aeonik-regular', sans-serif; font-weight: normal; }
.wp-show-posts .wp-show-posts-inner .wp-show-posts-image { margin-left: -1em; margin-right: -1em; margin-top: -1em; }

section.lightgrey .wp-show-posts .wp-show-posts-inner { background: #fff; }
section.lightgrey .wp-show-posts .wp-show-posts-inner .wp-show-posts-entry-title { padding: 0 .9em; }
section.lightgrey .wp-show-posts .wp-show-posts-inner .wp-show-posts-entry-summary,
section.lightgrey .wp-show-posts .wp-show-posts-inner .wpsp-read-more { padding: 0 1em; }


/* === WP SHOW POSTS ON LANDING PAGES === */


.wp-show-posts-inner h3 { font-family: 'aeonik-bold', sans-serif; font-size: 1.25em; font-weight: normal; }

section.darkgrey .wp-show-posts-inner:hover { background-color: transparent !important; }
section.darkgrey .wp-show-posts-inner h3 a { color: rgba(255,255,255,.5) !important; }
section.darkgrey .wp-show-posts-inner:hover h3 a { color: rgba(255,255,255,1.0) !important; }
section.darkgrey .wp-show-posts-inner .wp-show-posts-image img { border-radius: 1em; }


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


.cbp-fwslider { padding-bottom: 0; }
.cbp-fwslider nav { display: none; }
.cbp-fwslider nav span { position: absolute; top: 50%; width: 1em; height: 1em; margin-top: -50px; cursor: pointer; background-position: center center; background-size: 100% 100%; opacity: .5; }
.cbp-fwslider nav span:hover { opacity: 1; }
.cbp-fwslider nav span.cbp-fwnext { right: 0; background-image: url(images/icon_slider_next.svg); }
.cbp-fwslider nav span.cbp-fwprev { left: 0; background-image: url(images/icon_slider_prev.svg); }
.cbp-fwdots { position: absolute; bottom: 0px; white-space: nowrap; text-align: center; width: 100%; }
.cbp-fwdots span { display: inline-block; width: 8px; height: 8px; background: rgba(0,0,0,0.15); margin: 4px 4px; border-radius: 50%; cursor: pointer; }
.cbp-fwdots span:hover { background: #202935; }
.cbp-fwdots span.cbp-fwcurrent { background: #009bff; box-shadow: 0 0 0 2px #009bff; 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 { transform: translateZ(0); float: left; display: block; margin: 0; margin-bottom: 0px; padding: 0; font-size: 1em; font-family: inherit; 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: .7em; }
.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; }

.projectSlider .cbp-fwslider { position: relative; margin: 0; display: block; height: auto; overflow: hidden; }
.projectSlider .cbp-fwslider ul { margin: 0; padding: 0; white-space: normal; list-style-type: none; }
.projectSlider .cbp-fwslider ul li { transform: translateZ(0); float: left; display: block; margin: 0; margin-bottom: 0px; padding: 0; font-size: 1em; font-family: inherit; text-align: center !important; }
.projectSlider .cbp-fwslider ul li img { display: block; width: auto; height: auto; max-width: 100%; max-height: 80vh; margin: 0 auto; margin-bottom: 1em; }
.projectSlider .cbp-fwslider ul li span.small { font-size: .7em; }
.projectSlider .cbp-fwslider ul li:before { display: none; }
.projectSlider .cbp-fwslider ul li > a, .cbp-fwslider ul li > div { display: block; text-align: center; outline: none; }
.projectSlider .cbp-fwslider ul li > a img { border: none; display: block; margin: 0 auto; max-width: 75%; }
.projectSlider .cbp-fwslider p { font-size: 1em; color: #000; text-align: center; }
.projectSlider .cbp-fwslider nav,
.projectSlider .cbp-fwslider .cbp-fwdots { display: block; opacity: 0; transition: all .4s ease-in-out; }
.projectSlider .cbp-fwslider:hover nav, 
.projectSlider .cbp-fwslider:hover .cbp-fwdots { opacity: 1; }

.testimonialSlider.short-testimonials {  }
.testimonialSlider.short-testimonials .cbp-fwslider { padding-bottom: 2.5em; }
.testimonialSlider.short-testimonials .cbp-fwslider .cbp-fwdots span { background: rgba(255,255,255,0.3); }
.testimonialSlider.short-testimonials .cbp-fwslider .cbp-fwdots span.cbp-fwcurrent { background: #009bff; }
.testimonialSlider.short-testimonials ul li { font-size: 2.0vw; }
.testimonialSlider.short-testimonials ul li span.small { font-size: .5em; color: #009bff; }


/* === RESPONSIVENESS === */


@media screen and (min-width:2000px) {
	section { padding: 3vw 0 !important; }
}

@media screen and (max-width:1620px) {
	.inside { width: 100%; }
	.slider.slider-left .slider-content-wrapper { padding: 4vw 4vw 4vw 4vw; }
	.slider.slider-right .slider-content-wrapper { padding: 4vw 4vw 4vw 4vw; }	
}

@media screen and (max-width:1280px) {
	body, button, .button, input, select, textarea, blockquote, section .ui-widget-content { font-size: 1.3vw; line-height: 1.8vw; }
	ul.button-bar li a { font-size: .7rem; }
	p.smaller, .quotesource { font-size: 1.2vw; }
	p.larger { font-size: 1.6vw; line-height: 1.6; }
	p.highlight-text, 
	p.welcome-message, 
	.clmn.highlighted .clmn-content { font-size: 1.6vw; line-height: 1.6; }
	article ul li:before { font-size: 1.5vw; }
	article ul.arrowlist li { font-size: 1.5vw; }
	article ul.arrowlist li:before { font-size: 1.5vw; }
	article ul.checklist li { font-size: 1.5vw; }
	article ul.checklist li:before { font-size: 1.5vw; }
	.button { padding: 0.8em 1.4em; }
	#header .menu-widgets { margin-top: 16px; }
	#header .logo, #header #mainmenu { margin-top: 14px; height: 40px; }
	#mainmenu ul.menu > li > a { line-height: 45px; }
	em { padding-top: 80px; background-size: 70px auto; }
	body.blog .blogheader { padding-bottom: 4em; }
	body.blog .blogheader .blog-image { height: 340px; }
	#bottom .socials li a { width: 56px; height: 56px; }
	.inside { padding-left: 60px; padding-right: 60px; }
	.bgimg.parallax { background-attachment: scroll !important; background-position: center center; }
}

@media screen and (max-width:1085px) {
	body, button, .button, input, select, textarea, blockquote, section .ui-widget-content { font-size: 1.5vw; line-height: 2.0vw; }
	p.smaller, .quotesource { font-size: 1.2vw; }
	p.larger { font-size: 1.8vw; line-height: 1.6; }
	.welcome .title { font-size: 7.94vw; }
	.animated-words span { font-size: 4.5vw; }
	.welcome p.welcome-message { font-size: 2.0vw; margin-top: 1vw; }
	p.highlight-text, 
	.clmn.highlighted .clmn-content { font-size: 1.8vw; line-height: 1.6; }
	h1, p.like-h1 { font-size: 4.5vw; }
	h1 span.larger, p.like-h1 span.larger { font-size: 7.5vw; line-height: 1.2; }
	h3, p.like-h3, section .ui-accordion .ui-accordion-header { font-size: 2.2vw; }
	h3 span.larger,
	p.like-h3 span.larger { font-size: 2.6vw; }
	.slider .slider-content-wrapper .inside h2, .slider .slider-content-wrapper .inside p.like-h2 { font-size: 2.0vw; line-height: 2.9vw; }
	article ul li:before { font-size: 1.7vw; }
	article ul.arrowlist li { font-size: 1.7vw; }
	article ul.arrowlist li:before { font-size: 1.7vw; }
	article ul.checklist li { font-size: 1.7vw; }
	article ul.checklist li:before { font-size: 1.7vw; }
	.button { padding: 0.8em 1.4em; }
	.bgimg.parallax, .bgimg.fix { background-attachment: scroll; background-size: cover !important; background-position: center center !important; }
	section { padding: 4em 0; }
	.clmn.teaser-item .box { padding: 1em 0 0; }
	body.blog .blogheader { padding-top: 5em; }
	body.blog .blogheader .blog-image { height: 300px; }
	section .ui-accordion .ui-accordion-header { padding: .6em 0; }
	.testimonialSlider.short-testimonials ul li { font-size: 2.6vw; }
	.testimonialSlider.short-testimonials ul li span.small { font-size: .5em; }
}

@media screen and (max-width:1023px) {
	body, button, .button, input, select, textarea, blockquote, section .ui-widget-content { font-size: 1.8vw; line-height: 2.4vw; }
	p.smaller, .quotesource { font-size: 1.75vw; }
	p.larger { font-size: 2.1vw; line-height: 1.6; }
	.welcome .title { font-size: 7.94vw; height: 170px; }
	.animated-words span { font-size: 4.5vw; }
	.welcome p.welcome-message { font-size: 2.3vw; line-height: 1.4; margin-top: .5vw; }
	p.highlight-text, 
	.clmn.highlighted .clmn-content { font-size: 1.8vw; }
	
	h1, p.like-h1 { display: inline-block; font-size: 5.5vw; }
	h1 span.small, p.like-h1 span.small { font-size: 3.0vw; }
	h2, p.like-h2 { font-size: 3.0vw; }
	h2 span.large, p.like-h2 span.large { font-size: 5.5vw; }
	h3, p.like-h3 { font-size: 2.7vw; line-height: 1.2; }
	
	.slider .slider-content-wrapper .inside h2, .slider .slider-content-wrapper .inside p.like-h2 { font-size: 2.0vw; line-height: 2.9vw; }
	section .ui-accordion .ui-accordion-header { font-size: 2.4vw; }
	article ul li:before { font-size: 1.95vw; }
	article ul.arrowlist li { font-size: 1.95vw; }
	article ul.arrowlist li:before { font-size: 1.95vw; }
	article ul.checklist li { font-size: 1.95vw; }
	article ul.checklist li:before { font-size: 1.95vw; }
	
	#header { min-height: 60px; }
	body.home #header { background-color: transparent !important; }
	body.scrolling #header { transition: all 1s ease-in-out; }
	body.home.scrolling #header { background-color: rgba(255,255,255,0.9) !important; }
	
	#header .inside { position: relative; float: left; width: 100%; }
	#header .menu-widgets { display: none; }
	#header .logo { margin-top: 16px; margin-bottom: 14px; height: 30px; }
	#header:hover .logo { opacity: 1; visibility: visible; }
	
	.navToggle { display: block; position: absolute; z-index: 999; top: 22px; left: auto; right: 10px; height: 24px; width: 30px; }
	.navToggle .bar { position: absolute; width: 20px; height: 1px; transition: all .2s ease-in-out;  }
	.navToggle .bar.one {top: 0; }
	.navToggle .bar.two {top: 8px; }
	.navToggle .bar.three {top: 16px; }
	.navToggle.active .bar.one { transform: rotate(135deg); top: 8px; }
	.navToggle.active .bar.two { visibility: hidden; opacity: 0; }
	.navToggle.active .bar.three { transform: rotate(45deg); top: 8px; }
	
	#header #mainmenu { display: none; z-index: -1; opacity: 0; visibility: hidden; position: absolute; top: 0; left: 0; right: 0; width: 100%; height: 100vh; overflow: hidden; text-align: right; padding-top: 60px; margin: 0; margin-top: -200%; transition: all .5s ease; background-color: transparent; -webkit-backdrop-filter: saturate(180%) blur(20px); -moz-backdrop-filter: saturate(180%) blur(20px); -o-backdrop-filter: saturate(180%) blur(20px); -ms-backdrop-filter: saturate(180%) blur(20px); backdrop-filter: saturate(180%) blur(20px); }
	#header #mainmenu.open { display: block; margin-top: 0; opacity: 1; visibility: visible; }
	#header #mainmenu ul li { display: block; text-align: right; }
	#header #mainmenu a { font-size: 1.6em !important; margin: 0; padding: 0 1em 0 0; line-height: 1.8; }
	#header #mainmenu a:hover { background: none !important; }
	
	#header ul.sub-menu { display: block; opacity: 1 !important; visibility: visible !important; position: relative !important; background: none !important; box-shadow: none !important; border-radius: 0 !important; transform: none !important; }
	#header ul.sub-menu:after { display: none !important; }
	
	body.page-nav-light #header #mainmenu { background-color: rgba(255,255,255,0.90); }
	body.page-nav-light #header #mainmenu a { color: #000; }
	
	body.page-nav-dark #header #mainmenu { background-color: rgba(0,0,0,0.90); }
	body.page-nav-dark #header #mainmenu a { color: #fff; }
	
	body.page-nav-scrolling-light.scrolling #mainmenu { background-color: rgba(255,255,255,0.90) !important; }
	body.page-nav-scrolling-light.scrolling #mainmenu a { color: 000; }
	
	body.page-nav-scrolling-dark.scrolling #mainmenu { background-color: rgba(0,0,0,0.90) !important; }
	body.page-nav-scrolling-dark.scrolling #mainmenu a { color: #fff; }
	
	.inside { padding-left: 40px; padding-right: 40px; }

	.slider.slider-right .slider-content-wrapper { padding: 2em; }
	.welcome { width: 90%; }
	.welcome p.welcome-message { margin-top: 0; }
	
	section { padding: 5em 0; }
	.inclcontent ol li { padding: 0 0 0 80px !important; min-height: 90px; }
	.inclcontent ol li::before { width: 70px; height: 70px; line-height: 70px; }
	.clmn.col25 { width: calc(50% - 2em); }
	.clmn.col67.col_align_left,
	.clmn.col67.col_align_center,
	.clmn.col75.col_align_left,
	.clmn.col75.col_align_center,
	.clmn.col80.col_align_left,
	.clmn.col80.col_align_center { width: 90%; }

    h1, h2, h3, h4 { hyphens: auto;}
	em { padding-top: 70px; background-size: 60px auto; }

	body.blog .blogheader .blog-image { height: 240px; }
	body.blog .blogcontent .navigation { margin-top: 2em; padding-top: 2em; }

	#bottom .socials li a { width: 56px; height: 56px; }
	
	.testimonialSlider.short-testimonials ul li { font-size: 3.0vw; }
	.testimonialSlider.short-testimonials ul li span.small { font-size: .6em; }
}


@media screen and (max-width:720px) {
	.virtual-2-columns, .virtual-3-columns { column-count: 1; column-gap: 0; }
	section#hide-bg-image { background-image: none !important; }
	
	body.blog .blogheader .clmn + .clmn { margin-top: 0; }
	body.blog .blogheader ul.blogmenu { width: 100%; text-align: center; margin-bottom: 0; }
	body.blog .blogheader ul.blogmenu li { display: inline-block; }
	body.blog .blogheader ul.blogmenu li a { padding: .25em .5em; margin: .25em 0; font-size: .9em; }
}

@media screen and (max-width:640px) {
	
	.show-on-scroll { opacity: 1 !important; transition: all 0s 0s ease-out !important; transform: translate(0, 0) !important; }	
	
	.hideMobile { display: none; }
	.showMobile { display: block; }
	#header .inside { padding-left: 20px; padding-right: 20px; }
	body, button, .button, input, select, textarea, blockquote, section .ui-widget-content { font-size: 16px; line-height: 1.3; }
	.slider .slider-content-wrapper .inside h1,
	.slider .slider-content-wrapper .inside h2 { line-height: 1; color: #fff !important; }
	.slider .slider-content-wrapper .inside p { font-size: 1.0em; color: #fff !important; }
	.slider .slider-content-wrapper .inside h1.small { font-size: 1.3em; }
	.slider .slider-content-wrapper .inside h2.large { font-size: 2.0em; }
	.welcome .title { font-size: 40px; height: 130px; }
	.animated-words span { font-size: 24px; }
	.animated-words h1 { line-height: 1.6; }
	.welcome p.welcome-message { font-size: 18px; line-height: 1.4; margin-top: 0; }
	.button-bar-wrapper { bottom: 80px; }
	ul.button-bar { font-size: .8em; }
	ul.button-bar li a { margin: 0 1em; }
	p.smaller, .quotesource { font-size: 13px; }
	p.larger { font-size: 16px; }
	p.highlight-text, 
	.clmn.highlighted .clmn-content { font-size: 16px; line-height: 1.4; }
	.clmn.highlighted .clmn-content { padding-left: 1em; padding-bottom: 0; }
	h1, p.like-h1 { font-size: 45px; line-height: 1.3; hyphens: none; }
	h1 span.small, p.like-h1 span.small { font-size: 25px; line-height: 1.3; }
	.projekt-single h1 { font-size: 2.0em; line-height: 1.2; }
	h1 + h2, h1 + p.like-h2, p.like-h1 + h2, p.like-h1 + p.like-h2 { margin-top: -.5em; }
	h2, p.like-h2 { font-size: 25px; line-height: 1.2; hyphens: none; }
	h2 span.large, p.like-h2 span.large { font-size: 35px; line-height: 1.1; margin-bottom: .5em; }
	h2.section-header { font-size: 25px; line-height: 1.3; padding-top: 0; }
	h3, p.like-h3,
	h2 span.small { font-size: 22px; line-height: 1.4; }
	h3 span.larger,
	p.like-h3 span.larger { font-size: 2.6vw; }
	.slider .slider-content-wrapper .inside h1, .slider .slider-content-wrapper .inside p.like-h1 {
		font-size: 32px; }
	.slider .slider-content-wrapper .inside h2, .slider .slider-content-wrapper .inside p.like-h2 { font-size: 20px; line-height: 1.3; }
	section .ui-accordion .ui-accordion-header { font-size: 20px; }
	article ul li:before { font-size: 15px; }
	article ul.arrowlist li { font-size: 15px; margin: .25em 0 .25em 0; }
	article ul.arrowlist li:before { font-size: 15px; }
	article ul.checklist li { font-size: 15px; margin: .25em 0 .25em 0; }
	article ul.checklist li:before { font-size: 15px; }
	blockquote { padding: 1.25em; }
	blockquote:after { border-width: 15px; margin-left: -15px; }
	
	.inside { padding-left: 20px; padding-right: 20px; }
	
	.slider.vh100, .inclcontent.vh100 { height: 90vh !important; }
	.slider.slider-right .slider-content-wrapper { position: relative; width: 100%; box-sizing: border-box; padding: 2em; margin: 0; background-color: rgba(0,0,0,0.5); }
	.slider.slider-right .slider-image-wrapper { position: absolute; left: 0; width: 100%; margin: 0; }	
	.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; }
	
	.project-icons { width: 100%; }
	.project-icons .wp-show-posts-single .wp-show-posts-inner { margin-bottom: 1.5em !important; }
	
	article ul.underline li { margin-left: 0; padding-left: 0; }
	
	.welcome { width: 100%; }
	
	.button { display: inline-block; width: auto; }
	.button + .button { margin-top: .75em; margin-left: 0; }
	
	.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 { width: 100%; margin-left: 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% !important; }
	.clmn+.clmn { margin-top: 3em; }
	.clmn.teaser-item .box { padding: 0; }
	.clmn.icon img { width: 25%; }
	
	section.transparent + section.transparent, section.white + section.white, section.lightgrey + section.lightgrey, section.green + section.green { 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; }

	.slider:first-of-type { min-height: 0 !important; height: 500px !important; }
	.inclcontent:first-of-type, .pagecontent:first-of-type { min-height: 500px !important; height: auto !important; display: flex !important; padding-top: 5em !important; } 
	body.home .inclcontent:first-of-type, body.home .pagecontent:first-of-type { min-height: 650px !important; display: flex !important; align-items: center; }
	.pagebg-darkgrey .inclcontent:first-of-type { min-height: 0 !important; padding-top: 3em !important; }	
	.inclcontent ol li { padding: 0 0 0 65px !important; min-height: 100px; }
	
	.slider .slider-image-wrapper, .slider .slider-content-wrapper { margin-top: 0; }
	
	section .ui-accordion .ui-accordion-content { padding: 3em 1.5em; hyphens: auto; }
	
	section.darkgrey .gallery.gallery-columns-4 .gallery-item { width: calc(50% - 6px) !important; }

	#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; }
	
	body.blog .blogheader { padding-bottom: 2em; }
	body.blog .blogheader h1 { line-height: 1.1; }
	body.blog .blogheader a.button { display: none; }
	body.blog .blogheader .blog-image { height: 230px; }
	body.blog .blogcontent .blog-article { padding: 2em; }
	body.blog .blogcontent .blog-article img { margin-left: -4em; width: calc(100% + 4em); max-width: calc(100% + 4em); }
	body.blog .blogcontent .navigation { font-size: .8em; }
	body.blog .blogcontent .navigation a { padding: 1em !important; }
	body.blog .blogcontent .blog-sidebar { padding-top: 0; }

	.testimonialSlider.short-testimonials ul li { font-size: 26px; line-height: 1.3; }
	.testimonialSlider.short-testimonials ul li span.small { font-size: .5em; }

	#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; }
		
}