/*
Theme Name: GULIVER
Theme URI: http://www.sebastian-klammer.de/
Description: Template für GULIVER Anlageberatung
Author: Sebastian Klammer Grafikdesign Berlin
Author URI: http://www.sebastian-klammer.de/
Version: 2.0 (10.01.2022)
*/

/* === LOAD FONTS === */

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


/* === 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; }
sup { vertical-align: text-top; }
sub { vertical-align: text-bottom; }
del { text-decoration: line-through; }
ins { text-decoration: none; }

html { }
body { }
input, button, textarea, select { font-family: inherit; font-size: 0.8333333333333333em; font-weight: inherit; vertical-align: baseline; *vertical-align: middle; color: #000; }
button, input.submit { *overflow: visible; }
pre, code { font-family: Monaco, monospace; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; }
table { font-size: inherit; }
img, object, embed, video { max-width: 100%; }
a img { display: block; border: none; }
img { height: auto;  }

.clr { clear: both; }
.clrfix:after { content: "."; clear: both; display: block; visibility: hidden; height: 0px; }
.mobile { display: none; }


/* === GENERIC === */


.desk-size { display: block; }
.tablet-size { display: none; }
.phone-size { display: none; }
.hideMobile { display: block; }
.showMobile { display: none; }
.parallax { background-attachment: fixed; }
.clr { clear: both; }
.clrfix:after { content: "."; clear: both; display: block; visibility: hidden; height: 0; }
a, a:visited { color: #6DD78E; text-decoration: none; font-weight: inherit; }
a:hover { color: #30ab56; }
.button { border: 2px solid #6DD78E; color: #53d07a !important; background-color: transparent; padding: 0.3em 1.2em; font-size: .9em; text-decoration: none; display: inline-block; margin-top: 2em; margin-bottom: 2em; }
.button:hover { background-color: #6DD78E; color: #fff !important; cursor: pointer; }

.button.filled { border: 2px solid #53d07a; color: #fff !important; background-color: #53d07a; }
.button:hover { border-color: #fff; background-color: #fff; color: #000 !important; }

li.bjqs-slide, #banner { box-sizing: border-box; padding: 0 40px; }
table { margin-bottom: 40px; }
table td { padding: 8px; }
table td strong { color: #0075be; }
table tr:nth-of-type(odd) { background-color: rgba(0,0,0,0.05); }
table tr:last-of-type { border-bottom: 1px solid rgba(0,0,0,0.08); }
img.aligncenter { margin: 0 auto; }
.gallery .gallery-item img { border: none !important; }

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

.align-left, .left { text-align: left; }
.align-right, .right { text-align: right; }
.align-center, .center { text-align: center; }
.align-justify, .justify { text-align: justify; }

.inside { max-width: 1620px; margin: 0 auto; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

.height10vh { height: 10vh; }
.height25vh { height: 25vh; }
.height50vh { height: 50vh; }
.height75vh { height: 75vh; }
.height100vh { height: 100vh; }

img.icon { width: 25%; height: auto; margin-bottom: -2em; }
.icon-and-text img.icon { margin-bottom: 0; }
img.icon.width25 { width: 25%; }
img.icon.width35 { width: 35%; }
img.round { border-radius: 100%; }
img.badge { position: absolute; }
img.badge.left { left: 0; top: -1em; }
img.badge.right { right: 1em; top: -1em; }

.inclcontent ul { list-style-type: disc; margin-bottom: 1em; }
.inclcontent ul li { margin-left: 20px; }


/* === FONTS === */


body {  font-size: 20px; line-height: 1.5; color: #0a4566; font-family: 'robotoregular', sans-serif; font-weight: normal;  -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility !important; text-shadow: 1px 1px 1px rgba(0,0,0,0.004); }
h1, h2, h3, h4, h5 { line-height: 1.2; }
h1 { font-family: 'robotobold', sans-serif; font-weight: normal; font-size: 2.6em; margin-bottom: 0.6em; line-height: 1.3em; }
h2 { font-size: 2.4em; font-family: 'robotolight', sans-serif; font-weight: normal; margin-bottom: 0.6em; line-height: 1.3em; }
h2.sethl { font-size: 2.5em; margin-bottom: 1.5em; text-align: left; }
h2.sethl:after { display: block; margin-top: .5em; content: ""; width: 8%; height: 2px; }
h1 + h2 { font-family: 'robotolight', sans-serif; font-weight: normal; font-size: 2em; margin-top: -.8em; margin-bottom: 1.5em; }
h2 + h3 { font-family: 'robotolight', sans-serif; font-weight: normal; font-size: 1.5em; margin-top: -1em; margin-bottom: 1.5em; }
p + h2 { margin-top: 40px; }
h3, .single-article a.title { font-family: 'robotobold', sans-serif; font-size: 1.2em; font-weight: normal; margin-bottom: 20px; }
p + h3 { margin-top: 40px; }
h4 { font-size: 1.5em; font-family: 'robotolight', sans-serif; font-weight: normal; margin-top: 1em; margin-bottom: .5em; }
p { margin: 0 0 1em; }
p.left { text-align: left; }
p.center { text-align: center; }
p.justify { text-align: justify; }
p.right { text-align: right; }
strong { font-family: 'robotobold', sans-serif; font-weight: normal; }
p.white strong { font-size: 1.5em; }
p.source { display: inline-block; width: auto; font-size: .8em; font-weight: bold; border-top: 1px solid; padding-top: 1em; }
.small-text { font-size: .8em; }
.large-text { font-size: 1.2em; }
.large-number { font-size: 2.8em; font-family: 'robotobold', sans-serif; font-weight: normal; }

.col2 p, .col3 p { /* font-size: .95em; line-height:1.5em; color: rgba(0,0,0,0.6); */ }


/* === COLORS === */


.transparent { background-color: transparent; }
	section.transparent * { color: #0f4665; }
	section.transparent a p, section.transparent a h3 { color: #6DD78E; }
	section.transparent a:hover p, section.transparent a:hover h3 { color: #32be5e; }
	section.transparent h2.sethl:after { background-color: #1177bc; }
	section.transparent h4 { color: #0075be; }
	section.transparent .clmn.transparent p.source,
	section.transparent .clmn.transparent p.source * { color: #1177bc; border-top-color: #1177bc; }
	section.transparent .clmn.transparent h2 + h3 { color: #1177bc; }
	section.transparent .clmn.lightgrey p.source,
	section.transparent .clmn.lightgrey p.source * { color: #1177bc; border-top-color: #1177bc; }
	section.transparent .clmn.lightgrey h2 + h3 { color: #1177bc; }
	section.transparent .clmn.lightgrey h4 { color: #0075be; }
	section.transparent .clmn.lightblue * { color: #fff; }
	section.transparent .clmn.lightblue h2 + h3 { color: #6DD78E; /* color: #d9ba5c; */ }
	section.transparent .clmn.lightblue h4 { color: #6DD78E; }
	section.transparent .clmn.lightblue p.source,
	section.transparent .clmn.lightblue p.source * { color: #6DD78E; border-top-color: #6DD78E; /* color: #d9ba5c; border-top-color: #d9ba5c; */ }
	section.transparent .clmn.green h2 + h3 { color: #fff; }
	section.transparent .clmn.green h4 { color: #0075be; }
	section.transparent .clmn.green p.source,
	section.transparent .clmn.green p.source * { color: #1177bc; border-top-color: #1177bc; }
	section.transparent .clmn.gold h2 + h3 { color: #1177bc; }
	section.transparent .clmn.gold h4 { color: #0075be; }
	section.transparent .clmn.gold p.source,
	section.transparent .clmn.gold p.source * { color: #1177bc; border-top-color: #1177bc; }
	section.transparent .clmn.darkblue h2 + h3 { color: #6DD78E; /* color: #d9ba5c; */ }
	section.transparent .clmn.darkblue h4 { color: #6DD78E; }
	section.transparent .clmn.darkblue p.source, 
	section.transparent .clmn.darkblue p.source * { color: #6DD78E; border-top-color: #6DD78E; /* color: #d9ba5c; border-top-color: #d9ba5c; */ }
	section.transparent .clmn.darkblue .button { color: #6DD78E; border-color: #6DD78E; /* color: #d9ba5c; border-color: #d9ba5c; */ }
	section.transparent .clmn.darkblue .button:hover { color: #fff; background-color: #6DD78E; /* background-color: #d9ba5c; */ }

.lightgrey { background-color: #f4f4f4; }
	section.lightgrey * { color: #0f4665; }
	section.lightgrey a p, section.lightgrey a h3 { color: #6DD78E; }
	section.lightgrey a:hover p, section.lightgrey a:hover h3 { color: #33bc5d; }
	section.lightgrey h2.sethl:after { background-color: #1177bc; }
	section.lightgrey .clmn.transparent h4 { color: #0075be; }
	section.lightgrey .clmn.transparent p.source, 
	section.lightgrey .clmn.transparent p.source * { color: #1177bc; border-top-color: #1177bc; }

.lightblue { background-color: #1177bc; }
	section.lightblue h2.sethl:after { background-color: #6DD78E; /* background-color: #d9ba5c; */ }
	.clmn.lightblue * { color: #fff; }
	.clmn.lightblue p.source { color: #6DD78E; border-top-color: #6DD78E; /* color: #d9ba5c; border-top-color: #d9ba5c; */ }
	section.lightblue * { color: #fff; }
	section.lightblue a p, section.lightblue a h3 { color: #6DD78E; /* color: #d9ba5c; */ }
	section.lightblue a:hover p, section.lightblue a:hover h3 { color: #fff; }
	section.lightblue .clmn.transparent h1,
	section.lightblue .clmn.transparent h2,
	section.lightblue .clmn.transparent h3,
	section.lightblue .clmn.transparent p { color: #fff; }
	section.lightblue .clmn.transparent h4 { color: #48d4af; }
	section.lightblue .clmn.transparent p.source { color: #6DD78E; border-top-color: #6DD78E; /* color: #d9ba5c; border-top-color: #d9ba5c; */ }
	section.lightblue .clmn.transparent a p, section.lightblue .clmn.transparent a h3 { color: #6DD78E; /* color: #d9ba5c; */ }
	section.lightblue .clmn.transparent a:hover p, section.lightblue .clmn.transparent a:hover h3 { color: #fff; }
	
.green { background-color: #6DD78E; }
	section.green h2.sethl:after { background-color: #1177bc; }
	section.green .clmn.transparent a { color: #0075be; }
	section.green .clmn.transparent a:hover { color: #fff; }
	section.green .clmn.transparent .button { color: #0075be; border-color: #0075be; }
	section.green .clmn.transparent .button:hover { color: #fff; background-color: #0075be; }
	

.gold { background-color: #F9F6ED; /* background-color: #d9ba5c; */ }
	section.gold h2.sethl:after { background-color: #1177bc; }

.darkblue { background-color: #0f4665; color: #fff; }
	section.darkblue h2.sethl:after { background-color: #6DD78E; /* background-color: #d9ba5c; */ }
	section.darkblue .clmn.transparent p.source { color: #6DD78E; border-top-color: #6DD78E; /* color: #d9ba5c; border-top-color: #d9ba5c; */ }
	.clmn.darkblue * { color: #fff; }

section.transparent + section.transparent,
section.lightgrey + section.lightgrey,
section.lightblue + section.lightblue,
section.green + section.green,
section.gold + section.gold,
section.darkblue + section.darkblue { padding-top: 0; }

.text-color-blue, .text-color-blue * { color: #006ebf !important; }
.text-color-gold, .text-color-gold * { color: #d9ba5c !important; /* color: #b99734 !important; */ }
.text-color-green, .text-color-green * { color: #6DD78E !important; }


/* === HEADER === */


#header { width: 100%; height: 130px; position: fixed; top: 0; background: transparent; z-index: 9; }
#header .logo { position: absolute; top: 12px; left: 40px; z-index: 999; background-position: top left; background-repeat: no-repeat; background-size: 100% auto; }

#header .meta-menu { display: block; position: absolute; top: 0; left: 0; width: 100%; overflow: hidden; opacity: 1; background-color: #0a4566; background-color: #0075be; border-bottom: 1px solid rgba(0,0,0,0.1); color: #fff; font-size: .9em; }
#header .meta-menu ul { float: right; text-align: left; }
#header .meta-menu ul li { display: inline-block; }
#header .meta-menu a { color: #fff; margin-left: 20px; position: relative; }
#header .meta-menu a:hover { color: #6DD78E; /* color: #d9ba5c; */ }
#header .meta-menu a:before { display: inline-block; content: ""; width: 24px; height: 24px; margin-bottom: -5px; margin-right: 8px; background-size: 100% auto; background-repeat: no-repeat; }
#header .meta-menu a.depot:before { background-image: url(images/icon_depot_white.png); }
#header .meta-menu a.kontakt:before { background-image: url(images/icon_phone_white.png); }


#header .menu { margin-top: 28px; float: right; }
#header .menu li { list-style: none; float: left; margin: 0 5px; padding: 0; position: relative; }
#header .menu li a { display: block; padding: 0 0 10px; margin: 0 10px; text-decoration: none; font-size: .9em; }
#header .menu > li.current-menu-item > a, #header .menu > li.current-menu-parent > a { border-bottom: 2px solid #fff; }

#header li .sub-menu { position: absolute; left: -51%; display: none; padding: 15px; background-color: #0075be; width: auto; }
#header li:hover .sub-menu { display: block; }
#header .menu .sub-menu { margin-left: 10px; }
#header .sub-menu li { display: block; float: none; }


/* --- NON-SCROLLING --- */


#header { transition: all .4s ease-in-out; }
#header .logo { background-image: url(images/logo_guliver_white.svg); }

#header .meta-menu { height: 60px; line-height: 60px; transition: all .2s ease-in-out; }
#header nav { margin-top: 60px; transition: all .2s ease-in-out; }

#header .menu li a { color: #fff; }
#header .menu > li > a:hover { color: #fff; border-bottom: 2px solid #fff; }
#header .menu li.current-menu-item a, #header .menu li.current-menu-parent a { color: #fff; }
#header .sub-menu li a { display: block; background-color: #0075be; color: #fff !important; }
#header .sub-menu li a:hover { color: rgba(255,255,255,0.6) !important; }
#header .sub-menu li.current-menu-item a { color: rgba(255,255,255,0.6) !important; } 


/* --- SCROLLING --- */


#header.scrolling { background: #fff; transition: all .4s ease-in-out; box-shadow: 0px 0px 5px rgba(0,0,0,0.2); }
#header.scrolling:hover { background: #fff; transition: all .1s ease-in-out; }
#header.scrolling .logo { background-image: url(images/logo_guliver_coloured.svg); }

#header.scrolling .meta-menu { height: 40px; line-height: 40px; }
#header.scrolling nav { margin-top: 40px; }

#header.scrolling .menu li a { color: #0a4566; text-shadow: none; }
#header.scrolling .menu > li > a:hover, #header.scrolling .menu > li.current-menu-item > a, #header.scrolling .menu > li.current-menu-parent > a { color: #0075be; border-bottom: 2px solid #0075be; }
#header.scrolling .sub-menu li a { display: block; background-color: #0075be; color: #fff !important; }
#header.scrolling .sub-menu li a:hover { color: rgba(255,255,255,0.6) !important; }

#lang { float: right; position: relative; padding: 22px 10px; font-size: 0.8888888888888889em; }
#lang .switcher { width: 22px; height: 22px; background: url('images/switcher.png') no-repeat center center; float: right; cursor: pointer; }
#lang .sub-menu { right: 0; top: 60px; }
#lang .sub-menu li a { padding-top: 0; padding-bottom: 0; text-align: center; }


/* === BANNER === */


#banner, #slider { margin-top: 60px; }

#banner { padding: 0; position: relative; }	
#banner .banner-content { display: flex; position: absolute; top: 0; left: 0; width: 100%; height: 100%; align-items: center; z-index: 2; }
#banner .banner-content .inside { width: 100%; color:#fff; }
#banner .banner-image { position: relative; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden; background-color: #4a4a4a; height: 50vh; background-size: cover; background-position: center center;}
.image-overlay { display: block; position: absolute; left: 0; top: 0; bottom: 0; width: 100%; height: 100%; opacity: 1.0; filter: alpha(opacity=100); z-index: 1; background-image: url(images/banner-overlay_blue.png); background-position: center center; background-size: 100% 100%; background-repeat: no-repeat; }

#slider, ul.bjqs, li.bjqs-slide { height: 65vh !important; min-height: 500px; max-height: 680px; }
#slider .inside { display: flex; align-items: center; height: 100%; z-index: 2; }
#slider .inside .small-slider-image { height: 130px; }
#slider .inside .slide-text { width: 75%; }
#slider .inside .slide-text p:last-of-type { margin-bottom: 0; }
#slider .inside, #slider .inside h2, { color: #fff; }
#slider .inside h1 { font-size: 3.4em; font-family: 'robotobold', sans-serif; font-weight: normal; line-height: 1em; margin-bottom: 10px; margin-top: 0; }
#slider .inside p, #slider .inside ul { font-size: 1.3em; line-height: 1.5em; color: #6DD78E; }
#slider .inside .button { margin-top: 20px; display:inline-block; color: white; background: #0075be; border: none; padding: 10px 30px 10px 30px; background-position: top right; background-repeat: no-repeat; }
#slider .inside .button:hover { background: #333; }
ul.bjqs{ position: relative; list-style: none; padding: 0; margin: 0; overflow: hidden; display: none; }
li.bjqs-slide { position: absolute; display: none; background-size: cover; background-repeat: no-repeat; background-position: center center; }
li.bjqs-slide .inside { position: relative; color: #fff; }
#slider .bjqs-controls { position: absolute; top: 50%; margin-top: -27px; list-style: none; padding: 0; margin: 0; width: 100%; z-index: 9; } 
.scrolldown, #slider .bjqs-controls a { background: url("images/arrows_sprite.png") no-repeat left top; }
#slider .bjqs-controls a { position: absolute; top: 0; width: 55px; height: 55px; text-indent: -9999em; display: block; filter: alpha(opacity=10); opacity: 0.1; }
#slider .bjqs-controls .bjqs-prev a { left: 20px; }
#slider .bjqs-controls .bjqs-next a { right: 20px; background-position: -55px top; }
#slider .bjqs-controls li.bjqs-next a:hover, #slider .bjqs-controls li.bjqs-prev a:hover { filter: alpha(opacity=50); opacity: 0.5; }
#slider ol.bjqs-markers { position: absolute; bottom: 20px; width: 100%; list-style: none; padding: 0; margin: 0; width: 100%; text-align: center; z-index: 9; }
#slider ol.bjqs-markers li { display: inline; margin: 0 0.5em; }
#slider ol.bjqs-markers li a { display: inline-block; text-indent: -9999em; display: inline-block; width: 12px; height: 12px; background: #0a4566; border: 1px solid #0a4566; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; }
#slider ol.bjqs-markers li.active-marker a { background: #fff; border-color: #fff; }
#slider ol.bjqs-markers li a:hover { background: #0075be; border-color: #0075be; }
.scrolldown { width: 55px; height: 55px; position: absolute; bottom: 140px; left: 50%; margin-left: -22px; background-position: -100px top; cursor: pointer; }


/* === PAGE STRUCTURE === */


#main { position: relative; background-color: #fff; }
.inside, #footer .textwidget { max-width: 1480px; margin: 0 auto; position: relative; padding: 0 40px; }
.row, section.bgimg { padding-top: 4em; padding-bottom: 4em; height: auto; overflow: hidden; }
.row + .row { padding-top: 0; margin-top: -1em; }

section.bgimg .row { padding-top: 1em; padding-bottom: 1em; }
section.top-margin-off .row { padding-top: 0 !important; }
section { position: relative;  overflow: hidden; background-size: cover; background-position: center; background-attachment: scroll; }

section.blog .row { padding: 0; }
section.post.content:nth-of-type(1) { padding-top: 0 !important; }

.teaser { position: relative; padding-top: 1.5em !important; padding-bottom: 1.5em !important; }
.teaser a { font-family: 'robotolight', sans-serif; font-weight: normal; color: #000; }
.teaser a:hover { color: #0066b3; text-decoration: none; }
.teaser .box { position: relative; margin: 0	; padding: 1.5em 0 0; }
.teaser .box h3 { margin-bottom: .6em; }
.teaser .image { width: 100%; overflow: hidden; }
.teaser .image img { width: 100%; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; transition: all .5s ease-in-out; }
.teaser:hover .image img { -webkit-transform: scale(1.08); -moz-transform: scale(1.08); -o-transform: scale(1.08); -ms-transform: scale(1.08);  transform: scale(1.08); }

.bgimg { background-position: left bottom; background-repeat: no-repeat; background-size: cover; }
.bgimg.fix { background-attachment: fixed; }
.bgimg.parallax { background-size: cover; }

.table { display: table; overflow: hidden; width: 100%; }
.cell { display: table-cell; padding-bottom: 1em; }
.baseline .cell { vertical-align: baseline; }
.top .cell { vertical-align: top; }
.middle .cell { vertical-align: middle; }
.bottom .cell { vertical-align: bottom; }


/* Columns */


.columns { width: 100%; height: 100%; position: relative; flex-wrap: wrap; display: flex; }
.columns + .columns { margin-top: 1em; }
.clmn { position: relative; box-sizing: border-box; padding: 1.5em; float: left; margin-left: 3%; }
.clmn.transparent { padding: 0; }
.clmn:first-of-type { margin-left: 0; }
.clmn.col6 { width: 14.16%; }
.clmn.col5 { width: 74%; padding-left: 0; }
.clmn.col4 { width: 22.7%; }
.clmn.col5 + .clmn.col4 { padding-right: 0; }
.clmn.col3.wide-middle { width: 48%; }
.clmn.col3.wide-middle.first { width: 23%; }
.clmn.col3.wide-middle.last { width: 23%; }
.clmn.col3 { width: 31.3%; }
.clmn.col2 { width: 48%; }
.clmn.col2.one-third.first { width: 31.3%; }
.clmn.col2.one-third.last,
.clmn.col2.one-third:last-of-type { width: 65.6%; }
.clmn.col2.two-third.first { width: 65.6%; }
.clmn.col2.two-third.last,
.clmn.col2.two-third:last-of-type { width: 31.3%; }
.clmn.col1 { width: 100%; }
.clmn.col1.first { padding-top: 0; }

.columns.small .clmn.col1 { width: 66%; }

.clmn.imgbox { padding: 0; }
.clmn.imgbox .image-container {
	display: block; width: 100%; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: cover; }
.clmn.imgbox img { width: 100%; height: auto; float: left; }

.clmn .icon-box { text-align: center; }
.clmn .icon-box img { margin: 0 auto; margin-bottom: -1em; text-align: center; width: 40%; height: auto; }
.clmn.col3 .icon-box img { width: 30%; }
.clmn .icon-box h3 { margin-bottom: .25em; }
.clmn .icon-box p { margin-bottom: .5em; font-size: .9em; }
.clmn .icon-box.align-left { text-align: left; }
.clmn .icon-box.align-left img { margin: 0; }


.clmn .icon-and-text { }
.clmn .icon-and-text .icon { width: 20%; margin-right: 5%; height: auto; float: left; }
.clmn .icon-and-text p { width: 75%; height: auto; float: left; }


/* === PAGES WITH SIDEBARS === */


section.withSidebar .col4 { padding-top: 0; }
section.withSidebar .sidebar { position: relative; float: left; width: 100%; }
.content-column { padding-top: 0; }
.content-column .row:first-of-type { padding-top: 0; }
.content-column .inside { padding: 0; }


/* --- SIDEBAR --- */


ul.sidemenu li a,
.widget ul.menu li a { display: block; box-sizing: border-box; height: 50px; line-height: 50px; border-bottom: 1px solid #e2e5e7; }
ul.sidemenu li a:hover,
.widget ul.menu li a:hover { color: #000; }
ul.sidemenu li a.active { background: #0075be; color: #fff; position: relative; border-bottom: none; border-top-right-radius: 5px; border-bottom-right-radius: 5px; }
ul.sidemenu li a.active:after { right: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: transparent; border-right-color: #0075be; border-width: 25px; margin-top: -25px; }
.sidebar .widget { margin-bottom: 2em; padding-bottom: 1em; /*border-bottom: 1px solid rgba(0,0,0,0.1); */}
.sidebar .widget p.small { font-size: .8em; line-height: 1.3em; }

.sidebar .widget ul li { display: block; width: 100%; font-size: .85em; margin-bottom: 1.2em; float: left; line-height: 1.2; }
.sidebar .widget ul li .post-date { clear: left; font-size: .7em; font-family: 'robotolight', sans-serif; font-weight: normal; float: left; width: 100%; }


/* === LISTS AND TABLES === */


ul.pressemeldungen { list-style-type: none; }
ul.pressemeldungen li { display: block;  margin-left: 0;padding: 1em 0; border-bottom: 1px solid rgba(0,0,0,0.1); }
ul.pressemeldungen li a { color: #008be2; }
ul.pressemeldungen li a:hover { color: #0065a5; }

ul.linktabelle { list-style-type: none; }
ul.linktabelle li {  margin-left: 0; }
ul.linktabelle li a { color: #008be2; display: block; padding: 15px; border-bottom: 1px solid rgba(0,0,0,0.1); }
ul.linktabelle li a:hover { background: rgba(0,0,0,0.05); color: #0b2f46; border-bottom: 1px solid transparent; border-radius: 6px; }

ul.checklist { list-style-type: none; }
ul.checklist { margin-left: 1em; }
ul.checklist li { margin-left: 1em; margin-bottom: .75em; }
ul.checklist li:before { display: inline-block; content: "✓"; width: 1em; height: 1em; color: inherit; margin-left: -2em; margin-right: 1em; }

ul.arrowlist { list-style-type: none; }
ul.arrowlist { margin-left: 1em; }
ul.arrowlist li { margin-left: 1em; margin-bottom: .75em; }
ul.arrowlist li h4 { display: inline-block; font-family: 'robotobold', sans-serif; margin-top: 0px; margin-left: -.5em; margin-bottom: .25em; }
ul.arrowlist li:before { display: inline-block; content: "→"; width: 1em; height: 1em; color: inherit; margin-left: -1.5em; margin-right: 1em; font-size: 1.2em; }
ul.arrowlist .button { margin-top: .75em; margin-bottom: .75em; }

ul.arrowlist.underline { margin-top: 2em; }
ul.arrowlist.underline li { border-bottom: 1px solid rgba(0,0,0,02); margin-bottom: 1em; padding-bottom: 1em; }
ul.arrowlist.underline li:last-of-type { border-bottom: none; }
 
ul.taglist { list-style-type: none; }
ul.taglist li { display: inline-block; padding: 0.5em 1.5em; background-color: rgba(0,0,0,0.075); border-radius: 30px;  margin-left: 0; margin-right: .2em; margin-bottom: .4em; font-size: .9em; }

ul.events { list-style-type: none; }
ul.events li { position: relative; list-style-type: none; margin-left: 0 !important; padding-left: 50px; font-size: 1.1em; font-family: 'robotobold', sans-serif; font-weight: normal; }
ul.events li:before { content: ""; position: absolute; left: 0; top: 0; width: 32px; height: 32px; background-image: url(images/icon_event.svg); background-size: contain; background-repeat: no-repeat; background-position: top left; }


/* === QUOTES === */


blockquote { font-size: 2.75em; line-height: 1.2; }
blockquote p { display: block; position: relative; }
/*blockquote p:before { content: "»"; position: absolute; left: -17px; top: 27px; color: #0075be; display: block; width:auto; height:auto; font-size:7em; font-weight: 400; font-style: normal; }*/


/* === LANDING PAGES === */


.sidebar a.iconlink { display: block; width: auto; padding: 5px 0 5px 30px; background-position: left center; background-size: auto 60%; background-repeat: no-repeat; -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; }
.sidebar a.iconlink:hover { -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); color: #0b2f46; }

.sidebar a.iconlink.map { background-image: url(images/icon_map_blue.png); }
.sidebar a.iconlink.phone { background-image: url(images/icon_phone_blue.png); }
.sidebar a.iconlink.callback { background-image: url(images/icon_callback_blue.png); }
.sidebar a.iconlink.email { background-image: url(images/icon_email_blue.png); }
.sidebar a.iconlink.termin { background-image: url(images/icon_termin_blue.png); }
.sidebar a.iconlink.info { background-image: url(images/icon_info_blue.png); }


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


.cbp-fwslider { padding: 0 0 40px !important; text-align: left; color: #fff; box-sizing: border-box; padding: 0; }
.cbp-fwslider ul { white-space: normal; }
.cbp-fwslider ul li { font-size: 1em; margin-left: 0 !important; }
.cbp-fwslider nav { display: none; }
.cbp-fwslider nav span { bottom: 0px !important; width: 40px !important; height: 40px !important; color: #0b2f46 !important; font-size: 40px !important; text-align: center !important; margin-top: 0px !important; line-height: 40px !important; font-weight: lighter !important; }
.cbp-fwdots span { background: #fff !important; }
.cbp-fwdots span.cbp-fwcurrent { background: #0075be !important; box-shadow: 0 0 0 2px #0075be !important;}


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


.wpcf7 input, .wpcf7 textarea { display: inline-block; width: 100%; box-sizing: border-box; padding: 10px; background: #fff; border: none; font-size: 1em; color: #000; }

.columns.col2 .wpcf7 { width: 50%; float: left; padding: 30px; box-sizing: border-box; }
.columns.col2 .wpcf7 textarea { height: 178px; }
.columns.col2 .wpcf7 .wpcf7-submit { background: #0075be; color: #fff; }
.columns.col2 .wpcf7 .wpcf7-submit:hover { background: #333; color: #fff; cursor: pointer; }


/* === DISPLAY ARTICLE POSTS === */


span.excerpt-dash { display: none; }
a.excerpt-more { display: inline-block; clear: left; }


/* === ARCONIX FAQ PLUGIN === */


.ui-accordion.ui-widget { font-family: inherit; font-size: inherit; }
.ui-accordion .ui-accordion-content { overflow: visible !important; }
.ui-accordion .ui-accordion-header { font-size: 1.1em !important; }
.ui-accordion .ui-accordion-header.ui-state-default { border: none; background: #fff !important; }
.ui-accordion .ui-accordion-header.ui-state-hover { border: none; background: #f3f3f3 !important; color: #0075be; }
.ui-accordion .ui-widget-content { position: relative; background: #f3f3f3; border: none; border-radius: 5px; margin-top: 20px; font-size: .95em; line-height: 1.5em; padding: 30px !important;
}
.ui-accordion .ui-widget-content:after { bottom: 100%; left: 10%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(136, 183, 213, 0); border-bottom-color: #f3f3f3; border-width: 15px; margin-left: -15px; }


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


#main .collapseomatic { background-image: url('images/arrow-down.svg'); padding: 0 0 10px 30px; margin-top: 12px; display: block; background-position: top 8px left; background-size: auto 46%; color: #006ebf; text-decoration: none; }
#main .collapseomatic:hover { text-decoration: none; color: #0a97fe; }
#main .colomat-close { background-image: url('images/arrow-up.svg'); }
#main .collapseomatic_excerpt, #main .collapseomatic_content { margin-top: 0px; margin-left: 0; padding: 0px; }


/* === FOOTER === */


span.phone { display: inline-block; font-size: 24px; line-height: 36px ; margin: 30px 0; }
span.phone img { display: inline-block; width: 36px; height: 36px; margin-right: 20px; margin-bottom: -10px; }
	
#footer { background-color: #026cae; font-size: 0.75em; position: relative; }
#footer, #footer a { color: #fff; }
#footer .textwidget { text-align: center; padding: 3em 0; clear: left; }
#footer .socials  { background-color: #0075be; }
#footer .socials a { text-indent: -9999em; background-position: center center; background-repeat: no-repeat; display: inline-block; width: 32px; height: 32px; margin: 0 1em; }
#footer .socials a.facebook { background-image: url('images/socials_facebook.svg'); }
#footer .socials a.linkedin { background-image: url('images/socials_linkedin.svg'); }
#footer .socials a.xing { background-image: url('images/socials_xing.svg'); }
#footer .socials a.youtube { background-image: url('images/socials_youtube.svg'); }
#footer .socials a.twitter { background-image: url('images/socials_twitter.svg'); }

.footer .menu-footer-menu-container { padding: 3em 0; max-width: 1440px; margin: 0 auto; box-sizing: border-box; border-bottom: 1px solid rgba(255,255,255,0.1); height: auto; overflow: hidden; }
.footer .menu-footer-menu-container ul.menu li { display: inline-block; float: left; width: 25%; padding: 10px 0; margin: 0; box-sizing: border-box; padding: 0; }
.footer .menu-footer-menu-container ul.menu li ul.sub-menu { width: 100%; display: block; }
.footer .menu-footer-menu-container ul.menu li ul.sub-menu li { width: 100%; display: block; } 

.footer .menu-footer-menu-container ul.menu li a { color: #fff; font-size: 1.5em; padding: 5px; }
.footer .menu-footer-menu-container ul.menu li ul.sub-menu li a { color: rgba(255,255,255,0.5) !important; font-size: 1em; display: block; }
.footer .menu-footer-menu-container ul.menu li ul.sub-menu li a:hover { color: #fff !important; background: #0075be; border-radius: 5px; }

span.reflink, span.reflink a, span.reflink a:hover, span.reflink a:visited { font-size: 10px; color: rgba(255,255,255,0.2) !important; }


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


#cookie-notice .cn-text-container { max-width: 1200px; padding: 1em; box-sizing: border-box; font-size: .9rem; column-count: 2; text-align: left; }
#cookie-notice .cn-buttons-container { max-width: 1200px; padding: 1em; box-sizing: border-box; font-size: 1rem; }
#cookie-notice .cn-buttons-container .button { color: #000 !important; }
#cookie-notice .cn-buttons-container .button:hover { color: #fff !important; }


/* === BLOG & NEWS === */


.blogpost { margin-bottom: 2em; padding-bottom: 1em; border-bottom: 1px solid rgba(0,0,0,0.1); height: auto; overflow: hidden; }
p.postmeta { font-size: 0.8em; color: #0075be; margin-top: -20px; }
.blogpost .image { float: left; width: 30%; height: auto; box-sizing: border-box; padding-right: 5%; }
.blogpost .image img { width: 100%; height: auto; }
.blogpost .text-and-picture { float: left; width: 70%; overflow: hidden; height: auto; }
.blogpost .text { float: left; width: 100%; overflow: hidden; height: auto; }
.page.blog .image { margin-top: 10px; }
.sidebar.blog h3 { font-size: 1.4em; }
.sidebar.blog { font-size: 1em; line-height: 1.8em; }

.display-posts-listing { display: block; height: auto; margin-bottom: 3em; overflow: hidden; }
.display-posts-listing .listing-item { float: left; width: 30%; margin-left: 4%; }
.display-posts-listing .listing-item:first-of-type { margin-left: 0; }
.display-posts-listing .listing-item a.title { float: left; width: 100%; font-family: 'robotobold', sans-serif; font-weight: normal; font-size: 1.1em; }
.display-posts-listing .listing-item span.date { color: #0075be; display: block; width: 100%; font-size: .8em; margin-bottom: .5em; }

.content .listing-item .excerpt { overflow: hidden; text-overflow: ellipsis; }

.readmore { text-align: right; float: right; margin-top: 20px; margin-bottom: 0; font-size: .9em; }
.blogpost .readmore { margin-top: 0; }

.nav-previous, .nav-next { display: inline-block; width: auto; }
.nav-previous a, .nav-next a { display: block; position: relative; height: 40px; line-height: 40px; background-color: #fff; border: 1px solid #0075be; padding: 0 1em; font-size: .9em; }

.nav-previous a:after, .nav-previous a:before { right: 100%; top: 50%; border: solid transparent; content: ""; height: 0; width: 0; position: absolute; pointer-events: none; }
.nav-previous a:after { border-color: rgba(255, 255, 255, 0); border-right-color: #ffffff; border-width: 20px; margin-top: -20px; }
.nav-previous a:before { border-color: rgba(0, 117, 190, 0); border-right-color: #0075be; border-width: 21px; margin-top: -21px; }

.nav-next a:after, .nav-next a:before { left: 100%; top: 50%; border: solid transparent; content: ""; height: 0; width: 0; position: absolute; pointer-events: none; }
.nav-next a:after { border-color: rgba(255, 255, 255, 0); border-left-color: #ffffff; border-width: 20px; margin-top: -20px; }
.nav-next a:before { border-color: rgba(0, 117, 190, 0); border-left-color: #0075be; border-width: 21px; margin-top: -21px; }

.nav-previous { float: left; margin-left: 20px; }
.nav-next { float: right; margin-right: 20px; }
.nav-previous a { border-top-right-radius: 6px; border-bottom-right-radius: 6px; }
.nav-next a { border-top-left-radius: 6px; border-bottom-left-radius: 6px; }

.single-article .listing-item .title { display: block; }
.single-article .listing-item .date { display: block; font-size: 0.8em; color: #0075be; margin-top: -20px; margin-bottom: 1em; }
.single-article .listing-item .image { float: left; margin-right: 2em; width: 33%; max-width: 33%; height: auto; }


/* --- PODCAST LISTS --- */


.podcast-liste .listing-item a.title,
.podcast-liste .listing-item span.date { display: none; }
.podcast-liste .display-posts-listing { }
.podcast-liste .display-posts-listing .listing-item { width: 48%; margin-left: 0; margin-right: 4%; }
.podcast-liste .display-posts-listing .listing-item:nth-of-type(even) { margin-right: 0; }


/* --- POPUP MAKER CUSTOMIZATION --- */


button.pum-close, button.popmake-close { display: none; }
.pum-content p { font-size: 1.2em; }
.pum-content p:last-of-type { margin-bottom: 0; }
.pum-content li { font-size: .9em; }
.pum-content ul.underline li { border-bottom-color: rgba(255,255,255,0.25); }


/* === RESPONSIVENESS === */


@media screen and (max-width:1680px) { 
	body, button, input, select, textarea { font-size: 18px; }
}

@media screen and (max-width:1400px) { 
	body, button, input, select, textarea { font-size: 16px; }
	#header .meta-menu { font-size: 1em; }
	#header .menu li a { font-size: 1em; }
	.banner h1 { font-size: 3.3em; }	
	.footer .menu-footer-menu-container { padding: 3em 3em; }
}

@media screen and (max-width:1025px) { 
	body { font-size: 15px; }
	#header, #header.scrolling { height: 100px;	}
	#header .logo, #header.scrolling .logo { width: 140px; top: 0; }
	#header nav, #header.scrolling nav { margin-top: 45px; }
	#header .logo img { width: 100%; height: auto; }
	#header .meta-menu,
	#header.scrolling .meta-menu { height: 40px; line-height: 40px; z-index: 10; }
	#banner, #slider { margin-top: 40px; }

	header .navToggle { display: block; position: absolute; z-index: 999; top: 17px; left: auto; right: 30px; height: 24px; width: 30px; }
	
	header .navToggle .bar { position: absolute; width: 26px; height: 2px; -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-color: #fff; border-radius: 6px; }
	header.scrolling .navToggle .bar { background-color: #0075be !important; }
	header .navToggle .bar.one {top: 0; }
	header .navToggle .bar.two {top: 8px; }
	header .navToggle .bar.three {top: 16px; }
	header .navToggle.active .bar.one { -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); top: 8px; }
	header .navToggle.active .bar.two { visibility: none; opacity: 0; }
	header .navToggle.active .bar.three { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: 8px; }

	#header #mainmenu { position: absolute; height: auto; width: 100%; overflow: hidden; top: 55px; left: 0; margin-top: -200%; opacity: 0; transition: all .2s ease; }
	#header #mainmenu.open, #header.scrolling #mainmenu.open { margin-top: 0; opacity: 1; background: #fff;  }
	#header #mainmenu ul.menu { width: 100%; text-align: right; box-sizing: border-box; padding: 0 30px; margin-top: 20px; margin-bottom: 30px; }
	#header #mainmenu ul.menu li { display: block; width: 100%; padding: 0; margin: 0; }
	#header #mainmenu ul.menu li a,
	#header #mainmenu ul.menu li a:hover { display: block; width: 100%; font-size: 1.2em; color: #0f4665; padding: 5px 0; margin: 0; border-bottom: 0 !important; }
	#header #mainmenu ul.menu li.current-menu-item a {color: #0075be; }
	
	#header #mainmenu.open li ul.sub-menu { position: relative; display: block; padding: 0; background-color: transparent; width: 100%; left: 0; margin-left: 0; }
	#header #mainmenu.open li ul.sub-menu li a { background: transparent; color: #0075be !important; box-sizing: border-box; padding: 4px 20px; border-right: 2px solid rgba(0,0,0,0.1); }
	
	#lang { padding: 28px 10px; }
	#lang .sub-menu { right: 0; top: 60px; position: absolute; }
	.image-overlay { background-image: url(images/banner-overlay_mobile_blue.png); }
	li.bjqs-slide { background-size: auto 100%; background-repeat: no-repeat; background-position: center; }
	#slider .inside { padding: 0; }
	#slider .inside h1, #slider .inside p { width: 100%; }
	#slider .inside h1 { font-size: 3em; }
	#slider .inside p { font-size: 1.2em; }
	section { background-size: auto 100%; }
	section .inside { padding-left: 5%; padding-right: 5%; }
	section.withSidebar .inside { float: left; width: 60%; }
	.footer .menu-footer-menu-container ul.menu li { margin-bottom: 2em; }
	.footer .menu-footer-menu-container ul.menu li ul.sub-menu li { margin-bottom: 0; }
}

@media screen and (max-width:640px) { 
	.desk-size { display: none; }
	.tablet-size { display: none; }
	.phone-size { display: block; }
	body { font-size: 15px; }
	#header .logo { left: 20px; }
	
	header .navToggle { right: 20px;  }
	
	.pum-content a.button { display: block; margin-top: .5em; margin-bottom: 1.25em; }
	
	.inside, #footer .textwidget { padding: 0 20px; }
	#slider, ul.bjqs, li.bjqs-slide { height: 75vh !important; max-height: 100%; }
	li.bjqs-slide, #banner { padding: 0; }
	#banner { min-height: 40vh; height: 40vh; }
	#banner h1 { font-size: 2.2em; margin-bottom: 0 !important; }
	#slider .inside h1 { font-size: 2.5em; }
	#slider .inside .slide-text { width: 100%; box-sizing: border-box; padding: 0 20px; }
	#slider .inside .small-slider-image { height: auto; max-width: 50%; }
	.row, section.bgimg { padding-top: 2em; padding-bottom: 2em; }
	section .inside { padding: 0 20px; }
	section.withSidebar .sidebar { display: none; }
	section.withSidebar .inside { width: 100%; box-sizing: border-box; }
	section.withSidebar.landingPage .sidebar { display: block; width: 100%; padding-left: 0; margin-top: 2em; padding-top: 2em; border-top: 1px solid rgba(0,0,0,0.1); }
	section.withSidebar.landingPage .sidebar #innerSidebar.sticky { position: relative; top: 0; width: 100%; }
	
	.slider:first-of-type { min-height: 0 !important; height: 400px !important; }
	.inclcontent:first-of-type, .pagecontent:first-of-type { min-height: 0 !important; height: auto !important; display: block !important; padding-top: 5em !important; } 	
	
	.clmn { width: 100% !important; margin-left: 0; margin-bottom: 2em; }
	.category-section h2.sethl { padding-left: 0; padding-right: 0; }
	.category-section .category-icon h2 { font-size: 1.1em; }
	.category-section .clmn { padding-top: 0; padding-bottom: 0; }
	.category-section .clmn.col3 { width: 100%; }
	.category-section .clmn.col4 { width: 100%; }
	.category-section .clmn.col6 { width: 50%; padding-top: 0; margin-bottom: 0; }
	.clmn.col2.textbox { padding: 2em; }
	.clmn.col2.imgbox { position: relative; float: left; padding: 0; margin-bottom: 0; }
	.row+.row { margin-top: 1em !important; }
	.cell { padding: .8em; }
	
	h1 { font-size: 2em; margin-bottom: .8em; }
	h2 { font-size: 1.8em; margin-top: .5em; margin-bottom: .5em; }
	h2.sethl { font-size: 1.8em; margin-bottom: 1em; padding-left: 0; }
	h2 + h3 { font-size: 1.2em; margin-top: -.8em; }
	blockquote { font-size: 1.8em; }
	section p { text-align: left !important; -webkit-hyphens: auto; hyphens: auto; word-wrap: break-word; }
	.blogpost .image { width: 100%; height: 200px; padding-right: 0; overflow: hidden; }
	.blogpost .image img { width: 100%; height: auto; }
	.blogpost .text-and-picture { width: 100%; }
	.testimonialSlider h2, .testimonialSlider p { margin: 0 0 20px; font-size: 1em; } 
	.footer .menu-footer-menu-container ul.menu li { width: 100%; margin-bottom: 0; }
}