/*
Theme Name: austrian-institute
Author: designerpart
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: ai
*/
@font-face {
    font-family: 'Karla';
    font-style: normal;
    font-weight: 400;
    src: url(fonts/qkB9XvYC6trAT55ZBi1ueQVIjQTD-JrIH2G7nytkHRyQ8p4wUje6bmMorHA.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
    font-family: 'Karla';
    font-style: normal;
    font-weight: 700;
    src: url(fonts/qkB9XvYC6trAT55ZBi1ueQVIjQTD-JrIH2G7nytkHRyQ8p4wUje6bmMorHA.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
    font-family: 'Merriweather';
    font-style: normal;
    font-weight: 300;
    src: url(fonts/u-4n0qyriQwlOrhSvowK_l521wRZWMf6hPvhPQ.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
    font-family: 'Merriweather';
    font-style: normal;
    font-weight: 400;
    src: url(fonts/u-440qyriQwlOrhSvowK_l5-fCZMdeX3rg.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
    font-family: 'Merriweather';
    font-style: normal;
    font-weight: 700;
    src: url(fonts/u-4n0qyriQwlOrhSvowK_l52xwNZWMf6hPvhPQ.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
html,
body {
    font-family: 'Karla', sans-serif;
    font-weight: 300;
    text-rendering: optimizeLegibility;
    font-variant-ligatures: no-common-ligatures;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    min-width: 300px;
    -webkit-tap-highlight-color: transparent;
    margin: 0;
    padding: 0;
    font-size: 17px;
    line-height: 1.6em;
    letter-spacing: -0.02em;
    overflow-x: hidden;
    color: #353e54;
}

body.onHold{
    overflow: hidden;
}
html.preloader-site{
    overflow: hidden;
}

/* PRELOADER */

.preloader{
    position: absolute;
    top:0;
    left: 0;
    background-color: #f2f6fc;
    width: 100%;
    height: 100%;
    z-index: 9999;
}
.preloader .preloader-wrapper {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.preloader img{
    height: 60px;
    width: auto;
    margin: 0 auto;
}
.preloader .spinner {
    margin: 30px auto 0;
    width: 70px;
    text-align: center;
}

.preloader .spinner > div {
    width: 18px;
    height: 18px;
    background: #426bbf;
    background: -moz-linear-gradient(top, #426bbf 0%, #274687 100%);
    background: -webkit-linear-gradient(top, #426bbf 0%, #274687 100%);
    background: linear-gradient(to bottom, #426bbf 0%, #274687 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fb8f01', endColorstr='#ec4a0d',GradientType=0 );

    border-radius: 100%;
    display: inline-block;
    -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
    animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}

.preloader .spinner .bounce1 {
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s;
}

.preloader .spinner .bounce2 {
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
}

@-webkit-keyframes sk-bouncedelay {
    0%, 80%, 100% { -webkit-transform: scale(0) }
    40% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bouncedelay {
    0%, 80%, 100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    } 40% {
          -webkit-transform: scale(1.0);
          transform: scale(1.0);
      }
}

/******* HEADER / NAVI START *******/

header {
    width: 100%;
    left: 0;
    z-index: 999;
    max-width: 1600px;
    margin: 0 auto;
    background-color: #162543;
    padding: 30px 0 0;
}
header .header-wrapper {
    width: 100%;
    height: 80px;
    max-width: 1200px;
    padding: 0 15px;
    margin: 0 auto;
    box-sizing: border-box;
    position: relative;
    z-index: 999;
}

header #branding,
header #navi{
    display: inline-block;
}

header #branding{
    float: left;
    position: relative;
    z-index: 1;
    width: 25%;
    height: 100%;
}
header #branding .logo{
    display: block;
    width: auto;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
}
header #branding .logo img{
    display: block;
    height: 110px;
    width: auto;
}

header #navi {
    width: 75%;
    float: right;
    text-align: right;
    z-index: 1;
    position: relative;
    height: 80px;
}

header #navi .top-nav {
    -webkit-transition: 300ms all ease-in-out;
    -o-transition: 300ms all ease-in-out;
    transition: 300ms all ease-in-out;
    opacity: 1;
}
.search-open header #navi .top-nav {
    opacity: 0;
}

header #navi .top-nav,
header #navi .top-nav ul li,
header #navi .canvas-navi-bar{
    display: inline-block;
}
header #navi ul {
    margin: 0;
    padding: 0;
}
header #navi .top-nav ul.primary-menu{
    display: table;
    height: 80px;
}
header #navi .top-nav ul.primary-menu > li {
    list-style-type: none;
    padding: 0 20px;
    margin: 0 10px;
    font-size: 16px;
    display: table-cell;
    vertical-align: middle;
    position: relative;
    z-index: 1;
}
header #navi .top-nav ul.primary-menu > li:last-child{
    padding-right: 0;
}
header #navi .top-nav ul li a {
    text-decoration: none;
    font-weight: 700;
    cursor: pointer;
    position: relative;
    display: block;
    color: #fff;
}
header #navi .top-nav .menu-item > a[href^="#"]{
    cursor: default;
}
header #navi .top-nav ul.sub-menu li a{
    color: #404756;
}

header #navi .top-nav .sub-menu li a:hover{
    color: #426bbf;
}

header #navi .top-nav ul > li > a:after {
    content: '';
    width: 0;
    height:3px;
    background: #426bbf;
    display: block;
    position: absolute;
    bottom: -4px;
    left:0;
    -webkit-transition: 300ms all ease-in-out;
    -o-transition: 300ms all ease-in-out;
    transition: 300ms all ease-in-out;
}


header #navi .top-nav .primary-menu > li:hover > a:after,
header #navi .top-nav .primary-menu > li.active > a:after,
header #navi .top-nav .primary-menu > li.current-menu-item > a:after{
    width: 100%;
}

header #navi .top-nav .border-button a {
    display: inline-block;
    color: #fff;
    font-weight: 700;
    -webkit-border-radius: 30px;
    border-radius: 30px;
    text-decoration: none !important;
    padding: 8px 24px 9px;
    font-size: 16px;
    -webkit-transition: 300ms all ease-in-out;
    -o-transition: 300ms all ease-in-out;
    transition: 300ms all ease-in-out;
    transition-delay: 0s;
    border: 2px solid #fff;
}
header #navi .top-nav .border-button a:hover {
    background-color: #426bbf;
    border-color: #426bbf;
    -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0,0.25);
    box-shadow: 0 10px 30px rgba(0, 0, 0,0.25);
}
header #navi .top-nav .border-button a:after {
    display: none;
}

header #navi .top-nav ul.primary-menu > li.wpml-ls-item {
    font-size: 14px;
    padding-left: 10px;
}
header #navi .top-nav ul.primary-menu > li.wpml-ls-item .sub-menu {
    min-width: auto;
    width: 76px;
}

header #navi .search {
    height: 80px;
    width: 44px;
    display: inline-block;
    margin-left: 10px;
}
header #navi .search .icon-search {
    width: auto;
    height: 20px;
    padding: 10px;
    margin-top: 20px;
    display: block;
    cursor: pointer;
}
header #navi #search-form-wrapper {
    opacity: 0;
    width: 0;
    max-width: 400px;
    height: 80px;
    position: absolute;
    text-align: left;
    right: 0;
    top: 0;
    z-index: -1;
    -webkit-transition: opacity 0.3s ease-in-out, width 0.7s ease-in-out;
    -moz-transition: opacity 0.3s ease-in-out, width 0.7s ease-in-out;
    transition: opacity 0.3s ease-in-out, width 0.7s ease-in-out;
}
header #navi #search-form-wrapper.open {
    opacity: 1;
    width: 100%;
    z-index: 9999;
}
header #navi #search-form-wrapper .close {
    position: absolute;
    left: -50px;
    top: 0;
    margin-top: 22px;
    height: 36px;
    width: 36px;
}
header #navi #search-form-wrapper .icon-close {
    width: auto;
    height: 16px;
    padding: 10px;
    display: block;
    cursor: pointer;
}
header #navi #searchform {
    float: right;
    width: 100%;
    padding: 10px 25px;
    margin: 15px 0;
    background-color: #fff;
    -webkit-box-shadow: 0 0 40px rgba(0, 0, 0,0.25);
    box-shadow: 0 0 40px rgba(0, 0, 0,0.25);
    -webkit-border-radius: 50px;
    border-radius: 50px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
header #navi #searchform input {
    background-color: #fff;
    width: 100%;
    display: block;
    border: 0;
    top: 15px;
    font-size: 16px;
    padding: 0;
    color: #353e54;
    height: 30px;
}
header #navi #searchform input:focus,
header #navi #searchform button.icon-search{
    outline: 0;
}
header #navi #searchform button.icon-search {
    height: 46px;
    width: 46px;
    border: none;
    cursor: pointer;
    margin: 15px 0;
    background: rgb(66,107,191);
    background: -moz-linear-gradient(-45deg, rgba(66,107,191,1) 0%, rgba(39,70,135,1) 77%);
    background: -webkit-linear-gradient(-45deg, rgba(66,107,191,1) 0%,rgba(39,70,135,1) 77%);
    background: linear-gradient(135deg, rgba(66,107,191,1) 0%,rgba(39,70,135,1) 77%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#426bbf', endColorstr='#274687',GradientType=1 );
    position: absolute;
    right: 2px;
    top: 2px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
}
header #navi #searchform button.icon-search img{
    width: auto;
    height: 20px;
    margin: 0 auto;
}


header #navi .top-nav .sub-menu{
    opacity: 0;
    visibility: hidden;
    position: absolute;
    text-align: left;
    top: 90px;
    left: 4px;
    padding: 10px 15px 8px;
    background-color: #fff;
    -webkit-box-shadow: 0 0 40px rgba(0, 0, 0,0.25);
    box-shadow: 0 0 40px rgba(0, 0, 0,0.25);
    z-index: 99;
    min-width: 180px;
    width: 100%;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
header #navi .top-nav .sub-menu:before {
    bottom: 100%;
    left: 20px;
    border: 10px solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-bottom-color: #ffffff;
}
header #navi .top-nav ul.sub-menu li {
    margin: 5px 0;
    line-height: 1.4em;
    float: left;
    clear: left;
}
header #navi .top-nav ul.sub-menu li a{
    font-weight: 300;
    -webkit-transition: 200ms all ease-in-out;
    -o-transition: 200ms all ease-in-out;
    transition: 200ms all ease-in-out;
}
header #navi .top-nav li.menu-item-has-children:hover > ul.sub-menu {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
}

header #navi .canvas-navi-bar {
    -webkit-transition: 200ms all ease-in-out;
    -o-transition: 200ms all ease-in-out;
    transition: 200ms all ease-in-out;
    cursor: pointer;
    position: relative;
    margin-left: 10px;
    margin-top: -6px;
    width: 32px;
    height: 80px;
    z-index: 80;
    display: none;
}
header #navi .canvas-navi-bar div {
    display: block;
    width: 32px;
    height: 2px;
    margin-bottom: 6px;
    background-color: #fff;
    -webkit-transition: 0.4s all ease;
    -o-transition: 0.4s all ease;
    transition: 0.4s all ease;
    position: relative;
    z-index: 2;
    margin-left: auto;
}
header #navi .canvas-navi-bar div:first-child {
    margin-top: 32px;
}
header #navi .canvas-navi-bar div:last-child {
    width: 20px;
    margin-bottom: 0;
}

header #navi .canvas-navi-bar:hover div.bar1 {
    -webkit-transform: translateY(8px) rotate(90deg);
    transform: translateY(8px) rotate(90deg);
    width: 26px;
}
header #navi .canvas-navi-bar:hover div.bar3 {
    width: 0;
}
header #navi .canvas-navi-bar:hover div.bar2 {
    width: 26px;
}

header #navi.active .canvas-navi-bar div.bar2 {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 26px;
}

header #navi.active .canvas-navi-bar div.bar1 {
    -webkit-transform: translate(0px, 7px) rotate(135deg);
    transform: translate(0px, 8px) rotate(135deg);
    width: 26px;
}
header #navi.active .canvas-navi-bar div.bar3 {
    width: 0;
}

header #navi #canvas-nav {
    position: fixed;
    background: #fff;
    color: #fff;
    top: 0;
    left: auto;
    right: -300px;
    width: 300px;
    height: 100%;
    visibility: hidden;
    -webkit-transition: 500ms all ease-in-out;
    -o-transition: 500ms all ease-in-out;
    transition: 500ms all ease-in-out;
    overflow: hidden;
    display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    flex-direction: row;
    -webkit-flex-direction: row;
    -webkit-align-content: stretch;
    align-content: stretch;
    z-index: 80;
    text-align: left;
}
.logged-in header #navi #canvas-nav {
    top: 32px;
}
header #navi #canvas-nav .canvas-navi-bar {
    position: absolute;
    right: 20px;
    top: 5px;
    z-index: 999;
}

header #navi.active #canvas-nav {
    visibility: visible;
    right: 0;
    z-index: 99;
    -webkit-box-shadow: -20px 0 100px rgba(0,0,0,0.4);
    -moz-box-shadow: -20px 0 100px rgba(0,0,0,0.4);
    box-shadow: -20px 0 100px rgba(0,0,0,0.4);
}
header #navi.active #canvas-nav .canvas-navi-bar div {
    background-color: #353e54;
}
header #navi #canvas-nav .canvas-nav-wrapper {
    width: 300px;
    padding: 70px 35px 50px;
    box-sizing: border-box;
}
header #navi #canvas-nav nav a {
    display: block;
    position: relative;
    color: #353e54;
    text-decoration: none;
    overflow: hidden;
    line-height: 1.4em;
    font-size: 18px;
}
header #navi #canvas-nav nav a:hover{
    color: #426bbf; 
    text-decoration: none;
}
header #navi #canvas-nav .border-button{
    margin: 20px 0 !important;
}
header #navi #canvas-nav .border-button a {
    display: block;
    font-weight: 700;
    -webkit-border-radius: 30px;
    border-radius: 30px;
    text-decoration: none !important;
    padding: 8px 24px 9px;
    font-size: 16px;
    text-align: center;
    -webkit-transition: 300ms all ease-in-out;
    -o-transition: 300ms all ease-in-out;
    transition: 300ms all ease-in-out;
    transition-delay: 0s;
    border: 2px solid #353e54;
}
header #navi #canvas-nav .canvas-menu > li.menu-item-has-children{
    position: relative;
}
header #navi #canvas-nav .canvas-menu .sub-menu li a {
    font-size: 18px;
}
header #navi #canvas-nav .canvas-menu li + li{
    margin-top: 10px;
}

header #navi #canvas-nav .canvas-menu .wpml-ls-item{
    position: absolute;
    top: 25px;
    left: 35px;
    margin-top: 0 !important;
    list-style: none;
    z-index: 1;
}
header #navi #canvas-nav .canvas-menu .wpml-ls-item:nth-child(2){
    left: 80px;
}
header #navi #canvas-nav .canvas-menu .wpml-ls-item a{
    padding: 3px 7px;
    border: 1px solid #ddd;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background-color: #fff;
}
header #navi #canvas-nav .canvas-menu .wpml-ls-item.wpml-ls-current-language a{
    border-color: #426bbf;
    background-color: #f2f6fb;
}
header #navi #canvas-nav .canvas-menu .wpml-ls-item:not(.wpml-ls-current-language) a:hover{
    border-color: #ccc;
}
header #navi #canvas-nav .canvas-menu > li.menu-item-has-children > a:after{
    position: absolute;
    width: 14px;
    height: 2px;
    background-color: #353e54;
    right: 0;
    top: 10px;
    content: '';
    display: block;
}
header #navi #canvas-nav .canvas-menu .sub-menu {
    padding-left: 20px;
    margin: 10px 0 14px;
}
header #navi #canvas-nav .canvas-menu .sub-menu li + li{
    margin-top: 4px;
}

/******* HEADER / NAVI END ****** HEADLINES START *******/


h1, h2, h3, h4, h5, h6{
    font-weight: 700;
    line-height: 1.2em;
    margin-top: 0;
    margin-bottom: 0.6em;
    color: #274687;
}

h1, h2, h3{
    font-family: 'Merriweather', serif;
}

h1{ font-size: 44px; }
h2{ font-size: 40px; }
h3{ font-size: 32px; }
h4{ font-size: 22px; }
h5{ font-size: 20px; }
h6{ font-size: 16px; }

.light h1,
.light h2,
.light h3,
.light h4,
.light h5,
.light h6,
.light p,
.light span,
.light a,
.light li{
    color: #fff;
}

/******* HEADLINES END ****** CONTENT START *******/

.error404 #page-title h1 {
    text-align: center;
}

.page-template #main{
    padding: 50px 0;
}

#main > .vc_row,
.single #main .vc_row-fluid{
    max-width: 1200px;
    left: auto !important;
    right: auto !important;
    margin-left: auto;
    margin-right: auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
#main > .vc_row[data-vc-full-width] {
    max-width: 1600px !important;
    overflow: visible;
    padding-left: 0 !important;
    padding-right: 0 !important;
}
#main > .vc_row[data-vc-full-width]:not([data-vc-stretch-content]) > .vc_col-sm-12 {
    max-width: 1200px;
    margin: 0 auto;
    float: unset;
}
#main > .vc_row[data-vc-full-width].vc_row-no-padding {
    padding: 0;
}
#main > .vc_row.section {
    padding-top: 100px;
    padding-bottom: 100px;
}
#main > .vc_row-fluid.no-padding{
    padding: 0;
}
#main > .vc_row.section-overlap {
    margin-top: -100px;
    margin-bottom: 100px;
}

.vc_row-has-fill+.vc_row-full-width+.vc_row>.vc_column_container>.vc_column-inner{
    padding-top: 0 !important;
}
.vc_row-fluid>.vc_column_container>.vc_column-inner,
.vc_row-has-fill>.vc_column_container>.vc_column-inner {
    padding-top: 0 !important;
}
.vc_row-has-fill>.vc_column_container>.vc_column-inner .wpb_content_element:last-child{
    margin-bottom: 0;
}
.wpb_content_element:last-child{
    margin-bottom: 0;
}

#content, .content {
    max-width: 1600px;
    margin: 0 auto;
}

a.button + .wpb_content_element{
    margin-top: 30px;
}


img {
    display: block;
}
.img-responsive{
    max-width: 100%;
}
.wpb_single_image .vc_figure-caption {
    margin-top: 15px;
    font-size: 13px;
    line-height: 1.6em;
    display: block;
    color: #666;
}
figure.wp-caption{
    max-width: 100%;
}
figure.wp-caption.alignnone{margin-left: 0;margin-right: 0;}
figure.wp-caption.alignleft{float: left;}
figure.wp-caption.alignright{float: right;}

.wp-caption img{
    max-width: 100%;
    height: auto;
}

.wp-caption .wp-caption-text {
    margin-top: 15px;
    font-size: 12px;
    line-height: 1.6em;
    display: block;
    color: #666;
}

#main .wpb_single_image.shadow img,
#main .wpb_single_image.shadow img{
    -webkit-box-shadow: 0 50px 70px -30px rgba(0,0,0,0.5);
    -moz-box-shadow: 0 50px 70px -30px rgba(0,0,0,0.5);
    box-shadow: 0 50px 70px -30px rgba(0,0,0,0.5);
}

.center, .center p, .center h2, .center h3, .center h4{
    text-align: center;
}


p{
    margin: 0;
}
p + p,
p + a{
    margin-top: 20px;
}
p, li{
    line-height: 1.5em;
}

.check-list ul,
.arrow-list ul{
    padding-left: 32px;
}
.check-list ul > li,
.arrow-list ul > li{
    list-style: none;
    position: relative;
}

.check-list ul li:before,
.arrow-list ul li:before{
    content: url('../img/icon-check-blue.svg');
    position: absolute;
    width: 16px;
    height: auto;
    left: -32px;
    top: 0;
}
.arrow-list ul li:before{
    content: url('../img/icon-arrow-right-blue.svg');
}

.check-list ul > li > ul,
.arrow-list ul > li > ul{
    padding-left: 20px;
    margin: 20px 0 !important;
}
.check-list ul > li > ul > li,
.arrow-list ul > li > ul > li{
    list-style: none;
    position: relative;
}
.check-list ul > li > ul > li:before,
.arrow-list ul > li > ul > li:before{
    content: '—';
    left: -20px;
    color: #426bbf;
}


.check-list ul li + li,
.arrow-list ul li + li{
    margin-top: 10px;
    line-height: 1.6em;
}
.single-post-content ul li,
.single-post-content ol li{
    line-height: 1.8em;
}
.single-post-content ul li + li,
.single-post-content ol li + li{
    margin-top: 20px;
}
.large-text p{
    font-size: 22px;
}

.small-text p, .small-text li{
    font-size: 13px;
}
.small-text p + p{
    margin-top: 5px;
}
.small-text ul {
    margin: 10px 0;
}

sup {
    font-size: 12px;
}

a{
    color: #274687;
    text-decoration: underline;
}
a:hover{
    text-decoration: none;
}


.light .button.border {
    border: 2px solid #fff;
}
.light .button.border:hover {
    border-color: #fff;
    background-color: #fff;
    color: #353e54;
}


ul{
    padding-left: 18px;
}

.legal {
    line-height: 1.4em;
}
.legal h2{font-size: 1.8em; margin-top: 50px}
.legal h2:first-child {
    margin-top: 0;
}
.legal h3{font-size: 1.3em; margin-top: 30px; margin-bottom: 10px;}
.legal h4{ font-size: 1.2em; }
.legal h5{ font-size: 1.1em; }
.legal h4, .legal h5{ font-weight: normal; }

.legal ol {
    counter-reset: item;
    padding-left: 20px;
}
.legal ol li {
    display: block;
    position: relative;
    padding-left: 15px;
    margin-bottom: 20px;
}
.legal ol ol{
    margin-top: 15px;
}
.legal .wpb_wrapper > ol > li:before {
    font-weight: bold;
}
.legal ol > li > ol > li{
    padding-left: 30px;
    margin-bottom: 10px;
}
.legal img{
    display: inline-block;
}

.wpb_single_image .vc_single_image-wrapper.vc_box_rounded, .wpb_single_image .vc_single_image-wrapper.vc_box_rounded img {
    -webkit-border-radius: 5px !important;
    border-radius: 5px !important;
}

h2.wpb_video_heading {
    font-size: 22px;
    font-family: 'Karla', sans-serif;
}

.align-right{
    text-align: right;
}

.zitat {
    padding: 50px 40px 20px;
    margin: 0;
    margin-bottom: 30px !important;
    border-left: 4px solid #426bbf;
}
.zitat h3 {
    font-size: 24px !important;
    line-height: 1.2em !important;
    font-family: 'Merriweather', serif;
    font-weight: 700 !important;
    position: relative;
}
.zitat h3:before {
    content: '”';
    font-family: 'Karla', sans-serif;
    font-size: 200px;
    display: block;
    position: absolute;
    top: 20px;
    left: -15px;
    color: #404756;
    z-index: -1;
    opacity: 0.2;
}
.zitat p {
    font-size: 14px !important;
}

blockquote{
    -webkit-border-radius: 15px;
    border-radius: 15px;
    padding: 30px;
    margin: 20px 0;
    display: block;
    background: rgb(242, 246, 251);
    background: -moz-linear-gradient(-45deg, rgb(242, 246, 251) 0%, rgb(232, 237, 243) 77%);
    background: -webkit-linear-gradient(-45deg, rgb(242, 246, 251) 0%,rgb(232, 237, 243) 77%);
    background: linear-gradient(135deg, rgb(242, 246, 251) 0%,rgb(232, 237, 243) 77%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f6fb', endColorstr='#e8edf3',GradientType=1 );
}

#go-to-top, #go-to-top *{
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
#go-to-top {
    position: fixed;
    right: 36px;
    bottom: 36px;
    z-index: 999;
    border-radius: 40px;
    background-color: #fff;
    -webkit-box-shadow: 0 2px 20px rgba(0,0,0,0.25);
    -moz-box-shadow: 0 2px 20px rgba(0,0,0,0.25);
    box-shadow: 0 2px 20px rgba(0,0,0,0.25);
    width: 36px;
    height: 36px;
    display: block;
    opacity: 0;
}
#go-to-top.show {
    opacity: 1;
}
#go-to-top canvas {
    width: 6px;
    height: 6px;
    border-bottom: 2px solid #686e7f;
    border-right: 2px solid #686e7f;
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
    position: absolute;
    top: 16px;
    left: 14px;
}
#go-to-top:hover{
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
    -webkit-box-shadow: 0 5px 15px rgba(58,129,248,0.4);
    -moz-box-shadow: 0 5px 15px rgba(58,129,248,0.4);
    box-shadow: 0 5px 15px rgba(58,129,248,0.4);
}
#go-to-top:hover canvas {
    border-color: #426bbf;
}

.message-box {
    border: 1px solid #dbe1e8;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    padding: 30px;
    display: block;
    background-color: #f2f6fb;
}

input.payment_logo {
    width: 48%;
    border: 1px solid #dbe1e8;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    padding: 14px 25px;
    background-color: #f2f6fb;
    box-sizing: border-box;
    margin-right: 4px;
}


#ueber-ai h2,
#about-ai h2{
    line-height: 1.4em;
}

/* PROGRAM BOX */
.programm-box{
    margin-top: 50px;
}
.programm-box > div{
    margin-bottom: 50px;
}
.programm-box .vc_column-inner > .wpb_wrapper {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    padding: 20px;
    background-color: #f2f6fb;
}
.programm-box.vc_row-o-equal-height .vc_column-inner > .wpb_wrapper{
    height: 100%;
}

.programm-box .iconbox:first-of-type {
    padding: 15px;
    margin-top: -50px;
    border-radius: 5px;
    background: rgb(66,107,191);
    background: -moz-linear-gradient(-45deg, rgba(66,107,191,1) 0%, rgba(39,70,135,1) 77%);
    background: -webkit-linear-gradient(-45deg, rgba(66,107,191,1) 0%,rgba(39,70,135,1) 77%);
    background: linear-gradient(135deg, rgba(66,107,191,1) 0%,rgba(39,70,135,1) 77%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#426bbf', endColorstr='#274687',GradientType=1 );
    -webkit-box-shadow: 0 10px 30px rgba(30, 50, 92,0.3);
    box-shadow: 0 10px 30px rgba(30, 50, 92,0.3);
}
.programm-box .iconbox:first-of-type h3{
    color: #fff;
}

.programm-box .image_with_text{
    text-align: left;
}
.programm-box .image_with_text .content {
    padding: 0;
    display: inline-block;
    width: 100%;
    margin-bottom: 10px;
    padding-left: 100px;
    position: relative;
    min-height: 100px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.programm-box .image_with_text img {
    display: inline-block;
    width: 80px;
    position: absolute;
    left: 0;
    top: 0;
    margin-right: 20px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
.programm-box .image_with_text h3 {
    font-size: 14px;
    margin-bottom: 5px;
    color: #162543;
}
.programm-box .image_with_text p{
    color: #353e54;
}
.programm-box .iconbox .icon-left h3, .programm-box .iconbox .icon-left p {
    padding-left: 30px;
}

/******* CONTENT END ****** PAGE TITLE START *******/

#page-title {
    background-color: #162543;
    padding: 155px 0 90px;
    box-sizing: border-box;
    position: relative;
    overflow: hidden;
    z-index: 0;
    width: 100%;
}
#page-title .page-title-image{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: url('../img/header-bg.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    -webkit-filter: blur(10px);
    filter: blur(10px);
}
#page-title .page-title-overlay{
    content: '';
    position: absolute;
    top:0;
    left:0;
    width: 100%;
    height: 100%;
    display: block;
    background: -moz-linear-gradient(top, rgba(22,37,67,1) 0%, rgba(22,37,67,0.6) 100%);
    background: -webkit-linear-gradient(top, rgba(22,37,67,1) 0%,rgba(22,37,67,0.6) 100%);
    background: linear-gradient(to bottom, rgba(22,37,67,1) 0%,rgba(22,37,67,0.6) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#162543', endColorstr='#99162543',GradientType=0 );
}
#page-title > .vc_row {
    max-width: 1200px;
    left: auto !important;
    right: auto !important;
    margin-left: auto;
    margin-right: auto;
}
#page-title .wpb_content_element{
    margin-bottom: 0;
}
#page-title h1{
    font-size: 44px;
    line-height: 1.2em;
    margin: 0 0 10px;
}
#page-title h1,
#page-title h2{
    color: #fff;
}
#page-title h2{
    font-size: 18px;
    font-family: 'Karla', sans-serif;
    font-weight: 300;
    line-height: 1.6em;
}
#page-title p {
    color: #fff;
    margin-bottom: 10px;
}

/******* PAGE TITLE  END ****** REFERENTEN START *******/

.referent {
    padding: 20px 0;
    margin: 0;
}
.referent + .referent {
    border-top: 1px solid #ddd;
}
.referent img{
    max-width: 120px;
    width: 100%;
}
.referent h3 {
    font-size: 22px;
}
.referent a.button{
    font-size: 14px;
    padding: 10px 30px 11px;
}
.referent > div:last-child {
    text-align: right;
}

/******* REFERENTEN  END ****** SUCHE START *******/

.search-results #page-title {
    padding: 120px 0 150px;
}
.search-results .post-wrapper {
    margin-top: -100px;
    margin-bottom: 50px;
}

/******* SUCHE END ****** CTA START *******/

.cta {
    padding: 40px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

/******* CTA END ****** PADDINGS AND MARGINS START *******/

.pt0{ padding-top: 0 !important; }
.pt50{ padding-top: 50px !important; }
.pt70{ padding-top: 70px !important; }
.pt100{ padding-top: 100px !important; }

.pb0{ padding-bottom: 0 !important; }
.pb30{ padding-bottom: 30px !important; }
.pb50{ padding-bottom: 50px !important; }
.pb70{ padding-bottom: 70px !important; }
.pb100{ padding-bottom: 100px !important; }

.mt30{ margin-top: 30px !important; }
.mt50{ margin-top: 50px !important; }
.mt70{ margin-top: 70px !important; }
.mt100{ margin-top: 100px !important; }

.mb30{ margin-bottom: 30px !important; }
.mb50{ margin-bottom: 50px !important; }
.mb70{ margin-bottom: 70px !important; }
.mb100{ margin-bottom: 100px !important; }

/******* PADDINGS AND MARGINS END ****** BUTTON START *******/

.button {
    font-family: inherit;
    display: inline-block;
    color: #404756;
    font-weight: 700;
    -webkit-border-radius: 30px;
    border-radius: 30px;
    border: 0;
    text-decoration: none !important;
    padding: 12px 34px 13px;
    margin-right: 10px;
    font-size: 15px;
    line-height: 1.2em;
    -webkit-transition: 300ms all ease-in-out;
    -o-transition: 300ms all ease-in-out;
    transition: 300ms all ease-in-out;
    transition-delay: 0s;
    min-width: 100px;
    text-align: center;
}
.button.primary {
    background-color: #1e325c;
    color: #fff;
}
.button.primary:hover {
    background-color: #426bbf;
    -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0,0.25);
    box-shadow: 0 10px 30px rgba(0, 0, 0,0.25);
}

.button.border {
    padding: 10px 30px 11px;
    border: 2px solid #353e54;
}
.button.border:hover {
    background-color: #353e54;
    color: #fff;
}

.button + .button{
    margin-bottom: 10px;
}

/******* BUTTON END ****** SVG ICON ELEMENT START *******/

.svg-icon.align-center img{
    margin: 0 auto;
}
.svg-icon.align-right img{
    margin: 0 0 0 auto;
}

.icon-shadow .svg-icon img {
    -webkit-filter: drop-shadow(0 20px 40px rgba(0,0,0,0.4));
    filter: drop-shadow(0 20px 40px rgba(0,0,0,0.4));
}

/****** SVG ICON ELEMENT END ******* TEXT WITH IMAGE START *******/



.image_with_text .content {
    padding: 25px 40px;
}
.image_with_text img {
    margin: 0 auto 20px;
}

.css-grid .image_with_text img {
    max-height: 220px;
    width: auto;
    max-width: 100%;
    height: auto;
}
.image_with_text h3{
    margin-bottom: 0;
    font-size: 18px;
    color: #222;
}
.image_with_text h3 a{
    text-decoration: none;
}
.image_with_text p, .image_with_text li{
    font-size: 15px;
    line-height: 1.4em;
    margin-bottom: 15px;
}


/******* TEXT WITH IMAGE END ****** ICONBOX START *******/

.iconbox{
    position: relative;
    margin-bottom: 30px;
    -webkit-transition: 0.3s all ease-in-out !important;
    -o-transition: 0.3s all ease-in-out !important;
    transition: 0.3s all ease-in-out !important;
}
.iconbox:last-child{
    margin-bottom: 0;
}
.iconbox .content{
    padding: 0;
}
.iconbox.align-center{
    text-align: center;
}
.iconbox.align-center img{
    margin: 0 auto;
}
.iconbox img{
    height: auto;
}
.iconbox h3 {
    font-size: 18px;
    line-height: 1.3em;
    margin: 12px 0;
    font-weight: 500;
}
.iconbox p{
    margin-bottom: 15px;
    color: #333344;
}
.iconbox a {
    text-decoration: none !important;
}
.iconbox a h3:after{
    content: ' ->';
    color: inherit;
    display: inline-block;
    position: relative;
    z-index: 1;
    transform: rotate(-45deg);
    padding-left: 3px;
}

.iconbox .icon-left img {
    position: absolute;
    top: 0;
    left: 0;
}
.iconbox .icon-left h3,
.iconbox .icon-left p {
    padding-left: 120px;
}

.iconbox.no-desc .icon-left {
    display: table;
    text-align: left;
    margin-left: 0;
}
.iconbox.no-desc .icon-left img {
    position: relative;
    display: table-cell;
    margin-right: 20px;
}
.iconbox.no-desc .icon-left h3 {
    display: table-cell;
    vertical-align: middle;
    padding-left: 0;
    text-align: left;
    margin: 0;
}
.iconbox.no-desc a {
    display: inline-table;
}

.iconbox .icon-top img {
    margin-bottom: 10px;
}

/******* SVG ICON ELEMENT END  VC ACCORDION START *******/


.wpb-js-composer #main .vc_tta-accordion.vc_tta-color-white .vc_tta-panel + .vc_tta-panel{
    border-top: 1px solid #ddd;
}
.wpb-js-composer #main .vc_tta-accordion.vc_tta-color-white .vc_tta-panel .vc_tta-panel-heading{
    border-color: transparent ;
    background-color: transparent ;
}
.wpb-js-composer #main .vc_tta-accordion .vc_tta-controls-icon-position-left .vc_tta-controls-icon {
    left: 10px;
}
.wpb-js-composer #main .vc_tta-accordion .vc_tta-controls-icon-position-left.vc_tta-panel-title>a {
    padding-left: 36px;
}
.wpb-js-composer #main .vc_tta-accordion .vc_tta-panel-title {
    font-weight: 300;
}
.wpb-js-composer #main .vc_tta-accordion .vc_tta-panel .vc_tta-panel-title>a:hover,
.wpb-js-composer #main .vc_tta-accordion .vc_tta-panel.vc_active .vc_tta-panel-title>a {
    color: #426bbf;
}
.wpb-js-composer #main .vc_tta-accordion .vc_tta-panel-body {
    padding: 14px 10px 30px;
    font-size: 0.9em;
}


/****** VC ACCORDION END ***** SLIDER START *******/

#slider.vc_row-fluid,
#slider .vc_column-inner{
    padding: 0;
    max-width: 1600px !important;
}
#slider .wpb_content_element{
    margin-bottom: 0;
}

/******* SLIDER END ****** FLICKITY START *******/

.flickity-enabled .flickity-prev-next-button {
    width: 60px;
    height: 60px;
    background-color: transparent !important;
    outline: 0;
}
.flickity-enabled .flickity-prev-next-button:hover {
    color: #426bbf;
}
.flickity-button:focus {
    box-shadow: none !important
}

/******* FLICKITY END ****** ARCHIVE START *******/

body.archive #main{
    margin: 50px 0;
}

body[class*='page-template-archive-'] #main > div:first-child,
body.archive #main > div:first-child{
    margin-top: -150px;
}
body[class*='page-template-archive-'] #page-title,
body.archive #page-title{
    padding: 120px 0 160px;
}

/******* ARCHIVE END ****** AUSTRIAN OBSERVER START *******/

.observer-section {
    padding-top: 50px !important;
}

.observer.post-wrapper{
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}
.observer.post-wrapper .observer{
    display: -webkit-flex;
    display: flex;
    margin-bottom: 30px;
}
.observer.post-wrapper .observer .observer-wrapper{
    -webkit-transition: 0.3s all ease;
    -o-transition: 0.3s all ease;
    transition: 0.3s all ease;
    border: 1px solid #ddd;
    background-color: #fff;
    border-radius: 5px;
    box-sizing: border-box;
    width: 100%;
    height: 230px;
    padding: 40px 40px;
    text-align: left;
    position: relative;
}

.observer span.date {
    position: absolute;
    bottom: 10px;
    left: 40px;
    font-size: 14px;
    color: #888;
}

.observer-section h3{
    margin-bottom: 0;
    padding: 0 20px;
    background-color: #fff;
    z-index: 1;
    position: relative;
    display: inline-block;
}
.observer-section .button {
    display: inline-block;
    position: relative;
    top: -25px;
    background-color: #fff;
}
.observer-slider{
    border: 1px solid #ddd;
    border-radius: 5px;
    box-sizing: border-box;
    padding-top: 50px;
    padding-bottom: 50px;
    margin: -65px 0 0;
}
.observer-slider .observer {
    height: 200px;
    width: 33.33%;
    padding: 20px 40px;
    box-sizing: border-box;
    text-align: left;
}
.observer-slider .observer + .observer{
    border-left: 1px solid #ddd;
}

.observer-slider .flickity-enabled .flickity-viewport {
    height: 200px !important;
    overflow: hidden;
    margin-left: -1px;
}
.observer-slider .flickity-enabled .flickity-page-dots .dot {
    background: #fff;
}
.observer-slider .flickity-enabled .flickity-button {
    position: absolute;
    background: hsla(0, 0%, 100%, .75);
    border: none;
}
.observer-slider .flickity-enabled .flickity-prev-next-button.previous {  left: -50px;  }
.observer-slider .flickity-enabled .flickity-prev-next-button.next {  right: -50px;  }

/******* AUSTRIAN OBSERVER END ****** BLOG GRID START *******/

#main > #featured-content .post-wrapper {
    margin-top: -100px;
}
#main > #featured-content{
    position: relative;
    z-index: 5;
}

.blog.post-wrapper{
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}
.post{
    display: -webkit-flex;
    display: flex;
    margin-bottom: 30px !important;
    -webkit-transition: 0.3s all ease;
    -o-transition: 0.3s all ease;
    transition: 0.3s all ease;
}
.post .post-content-wrapper{
    width: 100%;
    position: relative;
    overflow: hidden;
    text-align: left;
    padding-bottom: 70px;
    background-color: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 20px 60px rgba(0,0,0,0.1);
    box-shadow: 0 20px 60px rgba(0,0,0,0.1);
    -webkit-transition: 0.3s all ease;
    -o-transition: 0.3s all ease;
    transition: 0.3s all ease;
}
.post:hover .post-content-wrapper{
    -webkit-box-shadow: 0 30px 60px rgba(0,0,0,0.25);
    box-shadow: 0 30px 60px rgba(0,0,0,0.25);
}
.post .post-categories {
    padding: 0 25px;
}
.post .post-content {
    padding: 20px 25px 20px;
    max-height: 250px;
    text-align: left;
}
.post a{
    text-decoration: none;
    color: inherit;
}
.post h3 {
    font-size: 22px;
    line-height: 1.4em;
    letter-spacing: 0;
    font-weight: 400;
    text-align: left;
    text-decoration: none;
    -webkit-transition: 0.2s all ease;
    -o-transition: 0.2s all ease;
    transition: 0.2s all ease;
}
.post:hover h3{
    color: #426bbf;
}
.post p {
    font-size: 15px;
    text-align: left;
}
.post .post-image {
    height: 200px;
    overflow: hidden;
    position: relative;
}
.post img {
    width: 100%;
    height: auto;
}
.post .video-play {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 80px;
    height: auto;
    margin-left: -40px;
    margin-top: -40px;
}
.post .ai-podcast-logo {
    position: absolute;
    top: 50%;
    left: 30px;
    height: 60px;
    width: auto;
    margin-top: -30px;
    filter: drop-shadow(0px 5px 4px rgba(0,0,0,1));
    box-shadow: none !important;
}

.post .post-meta {
    font-size: 14px;
    line-height: 1.2em;
    color: #888;
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 0 25px 15px;
    width: 100%;
    box-sizing: border-box;
}
.post .post-meta > div{
    position: relative;
    padding-left: 24px;
    min-height: 16px;
}
.post .post-meta > div + div{
    margin-top: 7px;
}

.post .post-meta > div:before{
    content: '';
    position: absolute;
    top: -1px;
    left: 0;
    width: 16px;
    height: 16px;
    background-position: center;
    background-repeat: no-repeat;
}
.post .post-meta > div.post-author:before{
    background-image: url('../img/icon-user-gray.svg');
}
.post .post-meta > div.post-date:before{
    background-image: url('../img/icon-time-gray.svg');
}

.post .post-categories{
    text-align: left;
    margin-top: -15px;
    height: 26px;
    z-index: 1;
    position: relative;
}
.post .post-categories span{
    margin-right: 5px;
}
.post .post-categories span a{
    color: #fff;
    background-color: #353e54;
    border-radius: 30px;
    padding: 5px 10px;
    font-size: 13px;
    line-height: 1em;
    text-decoration: none;
    -webkit-transition: 0.3s all ease;
    -o-transition: 0.3s all ease;
    transition: 0.3s all ease;
    display: inline-block;
}
.post .post-categories span a:hover{
    background-color: #426bbf;
}

.all-posts{
    display: none;
}

.all-posts-menu{
    opacity: 0;
    visibility: hidden;
    position: absolute;
    text-align: left;
    padding: 15px 15px 8px;
    background-color: #fff;
    -webkit-box-shadow: 0 10px 40px rgba(0, 0, 0,0.25);
    box-shadow: 0 10px 40px rgba(0, 0, 0,0.25);
    z-index: 999;
    width: 200px;
    height: auto;
    left: 50%;
    margin-left: -100px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.all-posts-menu:before {
    bottom: 100%;
    left: 50%;
    margin-left: -10px;
    border: 10px solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-bottom-color: #ffffff;
}
.all-posts-menu li {
    margin: 5px 0;
    line-height: 1.4em;
    list-style: none;
}
.all-posts-menu li a {
    color: #404756;
    text-decoration: none;
    cursor: pointer;
    position: relative;
    display: block;
}
.all-posts-menu li a:hover {
    color: #426bbf;
}
.all-posts-menu.show{
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
}

/* BLOG GRID END ****** BLOG LOAD MORE START */

.load-more-wrapper{
    position: relative;
    width: 100%;
    margin: 30px 0 60px;
    text-align: center;
    -webkit-transition: 0.3s all ease;
    -o-transition: 0.3s all ease;
    transition: 0.3s all ease;
}
.load-more-wrapper button{
    position: relative;
    width: 260px;
    height: 50px;
    line-height: 1.5em;
    cursor: pointer;
    outline: 0;
    margin: 0;
}
.load-more-wrapper button.loading:before {
    content: url('../img/button-loader.svg');
    position: absolute;
    left: 24px;
    top: 15px;
}
.load-more-wrapper button:hover{
    -webkit-box-shadow: 0 10px 25px rgba(236,74,13,0.5);
    -moz-box-shadow: 0 10px 25px rgba(236,74,13,0.5);
    box-shadow: 0 10px 25px rgba(236,74,13,0.5);
}


/* BLOG LOAD MORE END ****** SINGLE BLOG POST */

.single #main{
    margin-bottom: 60px;
}

.single .post-header {
    overflow: hidden;
    background-color: #4a4a4a;
    margin-bottom: 50px;
    padding: 90px 15px 150px;
    position: relative;
}
.single .post-header-image,
.single .post-header-overlay{
    position: absolute;
    top:0;
    left:0;
    width: 100%;
    height: 100%;
}
.single .post-header-image{
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    -webkit-filter: blur(10px);
    filter: blur(10px);
}
.single .post-header-overlay{
    content: '';
    display: block;
    background: -moz-linear-gradient(top, rgba(22,37,67,1) 0%, rgba(22,37,67,0.6) 100%);
    background: -webkit-linear-gradient(top, rgba(22,37,67,1) 0%,rgba(22,37,67,0.6) 100%);
    background: linear-gradient(to bottom, rgba(22,37,67,1) 0%,rgba(22,37,67,0.6) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#162543', endColorstr='#99162543',GradientType=0 );
}

.single .post-header h1 {
    font-size: 44px;
    margin-bottom: 20px;
    color: #fff;
    position: relative;
}
.single .post-header .post-meta {
    font-size: 15px;
    z-index: 2;
    position: relative;
    color: #fff;
}
.single .post-header .social-share-wrapper {
    position: relative;
}
.single .post-header .social-share {
    position: absolute;
    right: 0;
    top: 50px;
    width: 350px;
    padding-right: 15px;
    box-sizing: border-box;
}
.single .post-header .social-share p{
    color: #fff;
}
.single .post-header .social-share li a {
    color: #fff!important;
    border-color: #fff !important;
}
.single .post-header .social-share li a:hover {
    background-color: #fff!important;
    border-color: #fff !important;
}


.single .single-post-content-wrapper{
    max-width: 1200px;
    left: auto !important;
    right: auto !important;
    margin: 0 auto;
    z-index: 9;
    position: relative;
}
.single .single-post-content {
    width: 100%;
    max-width: 700px;
    box-sizing: border-box;
    padding-right: 80px;
    display: inline-block;
}

.single:not(.single-event) .single-post-content .vc_row{
    margin-bottom: 60px;
}
.single-post .single-post-content div:first-child .wpb_content_element:first-of-type .wpb_wrapper > p:first-child::first-letter,
.single-essential .single-post-content div:first-child .wpb_content_element:first-of-type .wpb_wrapper > p:first-child::first-letter{
    color: #426bbf;
    float: left;
    font-family: 'Times New Roman', sans-serif;
    font-weight: 700;
    font-size: 88px;
    line-height: 0.85em;
    padding-right: 8px;
    padding-left: 3px;
}
.single .single-post-content .featured-image {
    padding: 0 15px;
    margin-top: -150px;
    margin-bottom: 50px;
    position: relative;
}
.single .single-post-content .featured-image img {
    width: 100%;
    height: auto;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 30px 60px rgba(0,0,0,0.2);
    box-shadow: 0 30px 60px rgba(0,0,0,0.2);
    margin: 0 auto;
}
.single .single-post-content .featured-image .ai-podcast-logo {
    position: absolute;
    top: 50%;
    left: 50px;
    height: 100px;
    width: auto;
    margin-top: -50px;
    filter: drop-shadow(0px 5px 4px rgba(0,0,0,0.3));
    box-shadow: none !important;
}
.single .single-post-content .featured-image .image-caption {
    margin-top: 15px;
    font-size: 13px;
    line-height: 1.6em;
    display: block;
    color: #666;
}
.single .single-post-content,
.single .single-post-content p{
    font-family: 'Merriweather', serif;
    font-size: 16px;
    line-height: 1.8em;
    font-weight: 400;
    letter-spacing: 0.01em;
    color: #303746;
}

.single .single-post-content h2,
.single .single-post-content h3,
.single .single-post-content h4,
.single .single-post-content h5,
.single .single-post-content h6{
    color: #426bbf;
}

.single .single-post-content h2 {
    font-size: 36px;
    margin-bottom: 20px;
}
.single .single-post-content h3 {
    font-size: 22px;
    line-height: 1.4em;
    margin-bottom: 20px;
}
.single .single-post-content h4 {
    line-height: 1.6em;
    letter-spacing: 0.02em;
}

.single .single-post-content p + p{
    margin-top: 30px;
}
.single .single-post-content p + h2,
.single .single-post-content p + h3,
.single .single-post-content p + h4,
.single .single-post-content p + h5{
    margin-top: 50px;
}
.essb_links {
    margin-top: 5px;
    margin-bottom: 30px;
}
.essb_links li a {
    -webkit-border-radius: 20px !important;
    border-radius: 20px !important;
    margin-right: 15px;
}
.essb_links li:not(.essb_link_print) a .essb_network_name{
    display: none;
}
.essb_links .essb_link_print a {
    -webkit-border-radius: 5px !important;
    border-radius: 5px !important;
    margin-right: 0;
}
.essb_links li.essb_link_print{
    float: right;
}
.single-post .single-post-content .post-categories{
    margin: 0;
    padding: 0;
}
.single-post .single-post-content .post-categories li{
    list-style: none;
    display: inline-block;
    margin: 0 5px 5px 0;
}
.single-post .single-post-content .post-categories li a{
    color: #426bbf;
    background-color: #f3f5ff;
    border-radius: 30px;
    padding: 8px 14px;
    font-size: 11px;
    line-height: 1em;
    display: inline-block;
    font-weight: 700;
    -webkit-transition: 0.3s all ease;
    -o-transition: 0.3s all ease;
    transition: 0.3s all ease;
    text-decoration: none !important;
}
.single-post .single-post-content .post-categories li a:hover{
    color: #fff;
    background-color: #426bbf;
    -webkit-box-shadow: 0 10px 24px rgba(0,0,0,0.2);
    box-shadow: 0 10px 24px rgba(0,0,0,0.2);
}

.single-format-video .single-post-content > div:nth-child(1) .wpb_wrapper > .wpb_video_widget:first-child,
.single-format-audio .single-post-content > div:nth-child(1) .wpb_wrapper > .wpb_video_widget:first-child{
    margin-top: -150px;
    -webkit-box-shadow: 0 30px 60px rgba(0,0,0,0.2);
    box-shadow: 0 30px 60px rgba(0,0,0,0.2);
}
.single-post-content .wpb_video_widget{
    -webkit-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden;
}
.single-format-audio .single-post-content > div:nth-child(1) .wpb_wrapper > .spotify-player{
    margin-top: -150px;
}
.single-post-content .spotify-player iframe {
    display: block;
    margin: 0;
    padding: 0;
    -webkit-box-shadow: 0 30px 60px rgba(0,0,0,0.2);
    box-shadow: 0 30px 60px rgba(0,0,0,0.2);
    overflow: hidden;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}


aside{
    width: 350px;
    box-sizing: border-box;
    float: right;
    padding-right: 15px;
}

.single-post #related-posts {
    margin-top: 70px;
}
.single-post #related-posts .vc_row{
    margin-left: -15px;
    margin-right: -15px;
}
.single-post #related-posts h2{
    font-size: 40px;
    margin-bottom: 40px;
    text-align: center;
}
.single-post #related-posts .post {
    margin: 0 auto;
}
/******* SINGLE POST END ****** ESSENTIAL START *******/

/* BOOK GRID START */

.vc_row.grid:before{
    display: none;
}

.page-template-archive-essentials #page-title p {
    font-size: 24px;
}

.essential-wrapper.grid{
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 50px;
}
.essential-wrapper.grid .essential{
    display: -webkit-flex;
    display: flex;
    margin-bottom: 30px;
}
.essential-wrapper.grid .essential.book .post-image{
    height: 200px;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url('../img/essential-book-bg.jpg');
}
.essential-wrapper.grid .essential .post-content-wrapper{
    position: relative;
    overflow: hidden;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 20px 60px rgba(0,0,0,0.1);
    box-shadow: 0 20px 60px rgba(0,0,0,0.1);
    -webkit-transition: 0.3s all ease;
    -o-transition: 0.3s all ease;
    transition: 0.3s all ease;
}
.essential-wrapper.grid .essential:hover .post-content-wrapper,
.essential-wrapper.list .essential:hover .post-content-wrapper{
    -webkit-box-shadow: 0 30px 60px rgba(0,0,0,0.25);
    box-shadow: 0 30px 60px rgba(0,0,0,0.25);
    z-index: 1;
}
.essential-wrapper.grid .essential .post-content {
    padding: 20px 25px 20px;
}
.essential-wrapper.grid .essential .post-image,
.essential-wrapper.list .essential .post-image{
    position: relative;
}
.essential-wrapper.grid .essential .post-image .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #162543;
    opacity: 0.6;
    z-index: 1;
}
.essential-wrapper.grid .essential .post-image .essentials-logo,
.essential-wrapper.list .essential .post-image .essentials-logo{
    position: absolute;
    top: 50%;
    margin-top: -25px;
    left: 25px;
    width: auto;
    height: 49px;
    margin-bottom: 0;
    z-index: 2;
}
.essential-wrapper.grid .essential.book .essentials-bookcover{
    width: auto;
    height: auto;
    max-width: 100px;
    max-height: 140px;
    position: absolute;
    right: 30px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 2;
}
.essential-wrapper.grid .essential a,
.essential-wrapper.list .essential a{
    text-decoration: none;
    color: inherit;
}
.essential-wrapper.grid .essential h3,
.essential-wrapper.list .essential h3{
    font-size: 22px;
    line-height: 1.4em;
    letter-spacing: 0;
    font-weight: 400;
    text-decoration: none;
    -webkit-transition: 0.2s all ease;
    -o-transition: 0.2s all ease;
    transition: 0.2s all ease;
}
.essential-wrapper.grid .essential p,
.essential-wrapper.list .essential p{
    font-size: 15px;
}
.essential-wrapper.grid .essential:hover h3,
.essential-wrapper.list .essential:hover h3{
    color: #426bbf;
}

/* BOOK GRID END ****** LIST START */



.essential-wrapper.list .essential + .essential{
    margin-top: 30px;
}
.essential-wrapper.list .essential .post-content-wrapper{
    position: relative;
    overflow: hidden;
    background-color: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 20px 60px rgba(0,0,0,0.1);
    box-shadow: 0 20px 60px rgba(0,0,0,0.1);
    -webkit-transition: 0.3s all ease;
    -o-transition: 0.3s all ease;
    transition: 0.3s all ease;
}
.essential-wrapper.list .essential .post-content {
    padding: 50px;
}

.essential-wrapper.list .essential.disabled .post-content-wrapper {
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
    opacity: 0.8;
    background-color: #f2f2f2;
}

.essential-wrapper.list .essential .post-image {
    padding: 0;
}
.essential-wrapper.list .essential .post-image img {
    width: 100%;
    height: auto;
}

/* LIST END */

/* SINGLE ESSENTIAL */


.single-essential .post-header {
    overflow: hidden;
    background-color: #4a4a4a;
    margin-bottom: 50px;
    padding: 90px 15px 150px;
    position: relative;
}

.single-essential .post-header h1 {
    font-size: 44px;
    color: #fff;
    margin-bottom: 0;
    z-index: 2;
    position: relative;
}
.single-essential .post-header p {
    color: #fff;
    z-index: 2;
    position: relative;
}
.single-essential .post-header .post-meta {
    font-size: 15px;
    z-index: 2;
    position: relative;
    color: #fff;
}

.single-essential .post-content-wrapper{
    max-width: 1200px;
    left: auto !important;
    right: auto !important;
    margin: 0 auto;
    z-index: 9;
    position: relative;
}
.single-essential aside .essentials-logo {
    width: 200px;
    margin-bottom: 20px;
}
.single-essential aside #related-essentials ul{
    margin: 0;
    padding: 0;
}
.single-essential aside #related-essentials li{
    list-style: none;
    margin-bottom: 10px;
    font-size: 15px;
}
.single-essential aside #related-essentials li a,
.single-essential aside #related-essentials li.disabled{
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background-color: #f2f2f2;
    padding: 15px;
    display: block;
    width: 100%;
    box-sizing: border-box;
    -webkit-transition: 300ms all ease-in-out;
    -o-transition: 300ms all ease-in-out;
    transition: 300ms all ease-in-out;
    position: relative;
}
.single-essential aside #related-essentials li.current{
    color: #fff;
    background: #426BBF;
    padding: 15px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
.single-essential aside #related-essentials li a{
    text-decoration: none;
}
.single-essential aside #related-essentials li a:hover{
    background: #426BBF;
    color: #fff;
    -webkit-box-shadow: 0 20px 40px rgba(0, 0, 0,0.25);
    box-shadow: 0 20px 40px rgba(0, 0, 0,0.25);
    z-index: 1;
}
.single-essential aside #related-essentials li.disabled{
    opacity: 0.6;
}

/******* ESSENTIAL END ****** EVENT START *******/

.upcoming-events .vc_row{
    margin-top: -50px;
}
.event {
    margin-bottom: 30px !important;
    position: relative;
    display: inline-block;
    vertical-align: top;
}
.event .event-inner{
    overflow: hidden;
    text-align: left !important;
    -webkit-transition: 300ms all ease-in-out;
    -o-transition: 300ms all ease-in-out;
    transition: 300ms all ease-in-out;
    background-color: #fff;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
.event .event-inner:hover{
    -webkit-box-shadow: 0 20px 30px rgba(40, 46, 76, 0.15);
    box-shadow: 0 20px 30px rgba(40, 46, 76, 0.15);
}
.event .event-inner:hover h3{
    color: #426BBF;
}
.event .event-inner a{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 2;
    cursor: pointer;
}
.event .event-inner .event-image{
    height: 300px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.event .event-inner .event-content{
    font-size: 15px;
    line-height: 1.6em;
    padding: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-left: 2px solid #f2f6fb;
    border-right: 2px solid #f2f6fb;
}
.event .event-inner .event-content h3 {
    font-size: 20px;
    line-height: 1.4em;
    margin-bottom: 10px !important;
}
.event .event-inner .event-date{
    padding: 10px 20px;
    background-color: #f2f6fb;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.event .event-inner .event-date span{
    margin-right: 20px;
    font-size: 14px;
}
.event .event-inner .event-date span.location{
    display: block;
}

.event .event-inner .event-date i,
.single-event i.icon{
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 24px;
    height: 24px;
    margin: -4px 0 0;
    vertical-align: middle;
}

.event .event-inner .event-date i.icon.location,
.single-event i.icon.location{
    background-image: url('../img/icon-event-location-blue.svg');
}
.event .event-inner .event-date i.icon.date,
.single-event i.icon.date{
    background-image: url('../img/icon-event-date-blue.svg');
}
.event .event-inner .event-date i.icon.time,
.single-event i.icon.time{
    background-image: url('../img/icon-event-time-blue.svg');
}
.event .event-inner .event-date i{
    margin-right: 5px;
}


.single-event #main {
    margin-bottom: 0;
}
.single-event .post-header h1 {
    margin-bottom: 0;
}
.single .post-header .social-share-wrapper {
}
.single-event .single-post-content .featured-image {
    padding: 0;
    margin-bottom: 35px;
}

.single-event .single-post-content-wrapper{
    max-width: 1200px;
    left: auto !important;
    right: auto !important;
    margin: 0 auto;
    z-index: 9;
    position: relative;
}
.single-event .single-post-content {
    width: 1200px;
    max-width: 100%;
    box-sizing: border-box;
    padding: 0;
    display: inline-block;
}
.single-event .single-post-content > div{
    display: inline-block;
    width: 100%;
}

.single-event .single-post-content > div + div {
    margin-top: 50px;
}
.single-event .single-post-content, .single-event .single-post-content p {
    font-family: 'Karla', serif;
    line-height: 1.5em;
    letter-spacing: -.02em;
    font-size: 17px;
}
.single-post-content .excerpt p {
    font-size: 20px;
    padding-bottom: 50px;
    border-bottom: 1px solid #ddd;
}
.single-post-content .excerpt{
    margin-top: 10px !important;
}
.single-event .single-post-content .share{
    margin-top: 50px;
}
.single-event .single-post-content .facts table{
    width: 100%;
}
.single-event .single-post-content .facts table>tbody{
    width: 100%;
    display: block;
    background-color: #f2f6fb;
    border: 1px solid #dbe1e8;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    margin-bottom: 30px;
    border-spacing: 0;
    padding: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-collapse: collapse;
}
.single-event .single-post-content .facts table>tbody>tr{
    display: block;
}
.single-event .single-post-content .facts table>tbody>tr + tr {
    border-top: 1px solid #dbe1e8;
}

.single-event .single-post-content .facts .table>tbody>tr>td{
    padding: 12px 8px;
    line-height: 1.42857143;
    vertical-align: top;
    min-width: 150px;
}
.single-event .single-post-content .facts .table>tbody>tr>td.icon {
    text-align: center;
    max-width: 20px;
    min-width: 20px;
}



/******* EVENT END ****** PAPERS START *******/

.papers.post-wrapper {
    margin-top: 50px;
    padding-left: 15px;
    padding-right: 15px;
}
.paper {
    padding: 30px 200px 30px 0;
    position: relative;
    -webkit-transition: 300ms all ease-in-out;
    -o-transition: 300ms all ease-in-out;
    transition: 300ms all ease-in-out;
}
.paper + .paper {
    border-top: 1px solid #ddd;
}
.paper h3 {
    font-size: 22px;
    margin-bottom: 10px;
}
.paper .button {
    position: absolute;
    top: 50%;
    margin-top: -24px;
    right: 20px;
    font-size: 14px;
    padding: 10px 24px 11px;
}
.paper:hover {
    background-color: #f3f3f3;
    padding-left: 20px;
}

/******* PAPERS END ****** THEMEN START *******/

.page-template.themen .themen-content-wrapper{
    max-width: 1200px;
    left: auto !important;
    right: auto !important;
    margin: 0 auto;
    z-index: 9;
    position: relative;
}
.page-template.themen .themen-content {
    width: 100%;
    max-width: 700px;
    box-sizing: border-box;
    padding-right: 80px;
    padding-left: 15px;
    display: inline-block;
    margin-bottom: 50px;
}

.page-template.themen .themen-content .vc_row{
    margin-bottom: 60px;
}

/* ACCORDION */

ul.themen.accordion {
    padding: 0;
    margin: 0;
}
ul.themen.accordion li,
ul.themen.accordion a{
    list-style: none;
    text-decoration: none;
}

ul.themen.accordion li,
ul.themen.accordion a,
ul.themen.accordion i{
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

ul.themen.accordion > li{
    margin-bottom: 10px;
    width: 100%;
    position: relative;
    background-color: #fff;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #dbe1e8;
    overflow: hidden;
}
ul.themen.accordion > li > a{
    text-decoration: none;
    padding: 10px 15px;
    display: block;
    background-color: #f2f6fb;
}
ul.themen.accordion > li > i{
    content: '';
    background-image: url('../img/icon-arrow-down-blue.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 14px;
    position: absolute;
    width: 50px;
    height: 45px;
    top: 0;
    right: 0;
    cursor: pointer;
}
ul.themen.accordion > li.cat-item > ul.children {
    display: none;
}

ul.themen.accordion > li.active{
    border-color: rgba(7, 108, 219, 0.7);
}
ul.themen.accordion > li ul {
    padding: 20px;
    font-size: 14px;
}
ul.themen.accordion > li ul li a{
    color: #353e54;
}
ul.themen.accordion > li ul li ul{
    padding: 5px 24px;
}
ul.themen.accordion > li ul li ul li{
    list-style-type: square;
}
ul.themen.accordion > li.active.cat-item > i{
    transform: rotate(180deg);
}
ul.themen.accordion > li:hover {
    border-color: rgba(7, 108, 219, 0.7);
    -webkit-box-shadow: 0 0 10px 0 rgba(7, 108, 219, 0.4);
    box-shadow: 0 0 10px 0 rgba(7, 108, 219, 0.4);
}
ul.themen.accordion > li.active:hover {
    -webkit-box-shadow: none;
    box-shadow: none;
}
ul.themen.accordion > li ul li a:hover{
    color: #426bbf;
}


/* SIDEBAR */


/******* THEMEN END ****** AUTOREN SEITE START *******/

/* ÜBERSICHT */
.author-grid{
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}
.author-grid .author{
    text-align: center;
    margin-bottom: 40px;
    position: relative;
}
.author-grid .author img {
    margin: 0 auto 12px;
    -webkit-border-radius: 100px;
    border-radius: 100px;
    width: auto;
    height: 150px;
    max-width: 100%;
    -webkit-transition: 300ms all ease-in-out;
    -o-transition: 300ms all ease-in-out;
    transition: 300ms all ease-in-out;
}
.author-grid .author a{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
}
.author-grid .author.has-link:hover img{
    -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
}
.author-grid .author.has-link:hover p{
    color: #426bbf;
}


/* UNTERSEITE */

.main-author-info {
    margin-top: -120px;
    margin-bottom: 30px;
}
.main-author-info .wpb_wrapper {
    max-width: 300px;
}
.main-author-info .avatar {
    width: 100%;
    max-width: 300px;
    height: auto;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 30px 60px rgba(0, 0, 0, 0.2);
    box-shadow: 0 30px 60px rgba(0, 0, 0, 0.2);
}
.main-author-info h3 {
    font-size: 20px;
    margin: 40px 0;
}

/******* AUTOREN SEITE END ****** SIDE BAR START *******/

aside h2 {
    font-size: 24px;
    margin-bottom: 20px;
}
aside section {
    margin-bottom: 50px;
}
aside #custom_html-2,
aside #custom_html-3{
    -webkit-border-radius: 15px;
    border-radius: 15px;
    background: rgb(66,107,191);
    background: -moz-linear-gradient(-45deg, rgba(66,107,191,1) 0%, rgba(39,70,135,1) 77%);
    background: -webkit-linear-gradient(-45deg, rgba(66,107,191,1) 0%,rgba(39,70,135,1) 77%);
    background: linear-gradient(135deg, rgba(66,107,191,1) 0%,rgba(39,70,135,1) 77%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#426bbf', endColorstr='#274687',GradientType=1 );
    z-index: 1;
    position: relative;
    margin: 0;
    padding: 40px 30px;
    -webkit-box-shadow: 0 20px 40px rgba(30, 40, 92,0.5);
    box-shadow: 0 20px 40px rgba(30, 40, 92,0.5);
}
aside #custom_html-2 h2,
aside #custom_html-3 h2{
    font-size: 24px;
    line-height: 1.2em;
    margin: 0 0 20px;
}
aside #custom_html-2 h2, aside #custom_html-2 p,
aside #custom_html-3 h2, aside #custom_html-3 p{
    color: #fff;
    text-decoration: none;
}
aside #custom_html-2 p,
aside #custom_html-3 p,
aside #custom_html-4 p,
aside #custom_html-5 p,
aside #custom_html-6 p{
    font-size: 14px;
    text-align: justify;
    margin-bottom: 20px;
}
aside #custom_html-2 a,
aside #custom_html-3 a{
    color: #fff;
    border-color: #fff;
}
aside #custom_html-2 a:hover,
aside #custom_html-3 a:hover{
    color: #353e54;
    background-color: #fff;
}
aside #custom_html-2 a,
aside #custom_html-3 a,
aside #custom_html-4 a,
aside #custom_html-5 a,
aside #custom_html-6 a{
    text-align: center;
    width: 100%;
    box-sizing: border-box;
}
aside #custom_html-4,
aside #custom_html-5,
aside #custom_html-6,
.BorlabsCookie ._brlbs-content-blocker ._brlbs-default{
    -webkit-border-radius: 15px;
    border-radius: 15px;
    background: rgb(242, 246, 251);
    background: -moz-linear-gradient(-45deg, rgb(242, 246, 251) 0%, rgb(232, 237, 243) 77%);
    background: -webkit-linear-gradient(-45deg, rgb(242, 246, 251) 0%,rgb(232, 237, 243) 77%);
    background: linear-gradient(135deg, rgb(242, 246, 251) 0%,rgb(232, 237, 243) 77%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f6fb', endColorstr='#e8edf3',GradientType=1 );
    z-index: 1;
    position: relative;
    padding: 40px 30px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
aside #custom_html-4 h2,
aside #custom_html-5 h2,
aside #custom_html-6 h2{
    color: #353e54;
    font-size: 20px;
    line-height: 1.2em;
    margin: 0 0 20px;
}

.widget_recent_entries ul{
    margin: 0 -10px;
    padding: 0;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}
.widget_recent_entries ul li{
    list-style: none;
    display: inline-block;
    width: 50%;
    float: left;
    padding: 10px;
    box-sizing: border-box;
}
.widget_recent_entries ul li *,
ul.authoren-list li *{
    -webkit-transition: 300ms all ease-in-out;
    -o-transition: 300ms all ease-in-out;
    transition: 300ms all ease-in-out;
}
.widget_recent_entries ul li a{
    display: inline-block;
    font-size: 15px;
    line-height: 1.3em;
    text-decoration: none;
    color: #404756;
    font-weight: 700;
    clear: both;
    word-break: break-word;
}
.widget_recent_entries ul li .post-image {
    position: relative;
}
.widget_recent_entries ul li a img.ai-podcast-logo {
    position: absolute;
    height: auto;
    width: 50%;
    top: 50%;
    left: 10px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.widget_recent_entries ul li a img{
    width: 100%;
    height: auto;
    margin-bottom: 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.widget_recent_entries ul li a span{
    font-size: 12px;
    font-weight: 400;
    color: #888;
    display: block;
    margin-top: 5px;
}
.widget_recent_entries ul li a:hover{
    color: #426bbf;
}
.widget_recent_entries ul li a:hover img{
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0,0.25);
    box-shadow: 0 5px 10px rgba(0, 0, 0,0.25);
}

ul.authoren-list{
    margin: 0;
    padding: 0;
}
ul.authoren-list li{
    list-style: none;
    display: block;
    position: relative;
}
ul.authoren-list li + li{
    margin-top: 20px;
}
ul.authoren-list li a{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
ul.authoren-list li .author{
    font-size: 14px;
    line-height: 1.3em;
    text-decoration: none;
    color: #404756;
    font-weight: 700;
    clear: both;
    display: flex;
    align-items:center;
}
ul.authoren-list li .author img{
    width: 60px;
    height: auto;
    margin-right: 15px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    float: left;
    vertical-align: middle;
}
ul.authoren-list li .author p {
    font-size: 16px;
    line-height: 1.1em;
}
ul.authoren-list li .author p span {
    font-size: 12px;
    font-weight: 400;
    display: block;
    line-height: 1.3em;
    color: #888;
    margin-top: 5px;
}
ul.authoren-list li .author.has-link:hover p{
    color: #426bbf;
}

/******* SIDEBAR END ****** author PAGE START *******/

.author .post-content-wrapper{
    max-width: 1200px;
    left: auto !important;
    right: auto !important;
    margin: 0 auto;
    z-index: 9;
    position: relative;
}
.author .post-content {
    width: 700px;
    box-sizing: border-box;
    padding-right: 80px;
    display: inline-block;
}

/******* author PAGE END ****** TEAM MEMBER START *******/

.team-wrapper .wpb_wrapper{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -15px;
    margin-right: -15px;
}
.team-member {
    display: -webkit-flex;
    display: flex;
    width: 50%;
    padding: 15px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.team-member .team-member-inner{
    width: 100%;
    background-color: #303746;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden;
    position: relative;
    -webkit-box-shadow: 0 20px 40px rgba(0,0,0,0.25);
    -moz-box-shadow: 0 20px 40px rgba(0,0,0,0.25);
    box-shadow: 0 20px 40px rgba(0,0,0,0.25);
}
.team-member .team-image {
    padding: 0;
    width: 40%;
    float: left;
    display: inline-block;
}
.team-content {
    width: 60%;
    padding: 30px;
    height: 100%;
    position: relative;
    box-sizing: border-box;
    display: inline-block;
}
.team-member h3 {
    font-size: 20px;
    color: #fff;
}
.team-member p {
    font-size: 15px;
    color: #fff;
}
.team-member p + p {
    margin-top: 10px;
}
.team-member .position {
    color: #9aaabb;
}
.team-member .contact{
    margin-top: 20px;
}
.team-member .contact a{
    display: inline-block;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    padding: 2px;
    background: rgb(66,107,191);
    background: -moz-linear-gradient(-45deg, rgba(66,107,191,1) 0%, rgba(39,70,135,1) 77%);
    background: -webkit-linear-gradient(-45deg, rgba(66,107,191,1) 0%,rgba(39,70,135,1) 77%);
    background: linear-gradient(135deg, rgba(66,107,191,1) 0%,rgba(39,70,135,1) 77%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#426bbf', endColorstr='#274687',GradientType=1 );
    margin-right: 7px;
    width: 30px;
    height: 30px;
    text-align: center;
    -webkit-transition: 300ms all ease-in-out;
    -o-transition: 300ms all ease-in-out;
    transition: 300ms all ease-in-out;
}

.team-member .contact a .icon{
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 20px;
    height: 20px;
    margin: 0;
    vertical-align: middle;
}
.team-member .contact a .icon.email{ background-image: url('../img/icon-email-white.svg'); }
.team-member .contact a .icon.facebook{ background-image: url('../img/icon-facebook-white.svg'); }
.team-member .contact a .icon.linkedin{ background-image: url('../img/icon-linkedin-white.svg'); }
.team-member .contact a .icon.twitter{ background-image: url('../img/icon-twitter-white.svg'); }
.team-member .contact a .icon.website{ background-image: url('../img/icon-website-white.svg'); }

.team-member .contact a:hover{
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);
}

/******* TEAM MEMBER END ****** IMAGEBANNER START *******/

.imagebanner{
    position: relative;
    display: table !important;
    width: 100%;
    min-height: 300px;
    border-radius: 10px;
    box-sizing: border-box;
    -webkit-transition: 0.4s all ease;
    -o-transition: 0.4s all ease;
    transition: 0.4s all ease;
    overflow: hidden;
}
.imagebanner .banner-image {
    position: absolute;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center center;
    -webkit-transition: 0.4s transform ease;
    -o-transition: 0.4s transform ease;
    transition: 0.4s transform ease-in;
}
.imagebanner .banner-image:after {
    content: '';
    position: absolute;
    background: -moz-linear-gradient(bottom, rgba(22,37,67,1) 0%, rgba(22,37,67,0.6) 100%);
    background: -webkit-linear-gradient(bottom, rgba(22,37,67,1) 0%,rgba(22,37,67,0.6) 100%);
    background: linear-gradient(to top, rgba(22,37,67,1) 0%,rgba(22,37,67,0.6) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#162543', endColorstr='#99162543',GradientType=0 );
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 1;
}
.imagebanner .content {
    padding: 30px;
    display: table-cell;
    vertical-align: bottom;
    z-index: 1;
    position: relative;
}
.imagebanner a{
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
}
.imagebanner p{
    margin: 0;
}
.imagebanner p, .imagebanner h3{
    color: #fff;
}
.imagebanner h3{
    font-size: 24px;
    margin: 0 0 20px;
}
.imagebanner.has-link:hover{
    cursor: pointer;
    -webkit-box-shadow: 0 20px 40px rgba(30, 40, 92,0.5);
    box-shadow: 0 20px 40px rgba(30, 40, 92,0.5);
}
.imagebanner.has-link:hover .banner-image{
    transform: scale(1.05);
}

/******* IMAGEBANNER END ****** NEWSLETTER FORM START *******/


.newsletter-form .mc-field-group{
    margin-bottom: 15px;
}
.newsletter-form input:not([type="checkbox"]),
.newsletter-form select{
    background-color: #ffffff;
    background-image: none;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid rgba(28, 28, 30, 0.4);
    color: #333;
    display: block;
    font-size: 14px;
    height: 48px;
    line-height: 19px;
    padding: 13px 15px 14px;
    width: 100%;
    box-sizing: border-box;
    -webkit-transition: 300ms all ease-in-out;
    -o-transition: 300ms all ease-in-out;
    transition: 300ms all ease-in-out;
}
.newsletter-form input:not([type="checkbox"]):focus{
    border-color: rgba(7, 108, 219, 0.7);
    -webkit-box-shadow: 0 0 10px 0 rgba(7, 108, 219, 0.4);
    box-shadow: 0 0 10px 0 rgba(7, 108, 219, 0.4);
    outline: 0;
}
.newsletter-form input.button {
    -webkit-border-radius: 5px;
    border-radius: 5px;
    width: 100%;
    max-width: 300px;
    margin: 15px auto 0;
    height: 48px;
    cursor: pointer;
    border: none !important;
    background-color: #1e325c;
    color: #fff;
}
#newsletter .newsletter-form {
    margin-top: 10px;
}
#newsletter span {
    display: block;
    font-size: 15px;
    line-height: 1.4em;
}
.newsletter-form .indicates-required {
    font-size: 12px;
    text-align: right;
}
.newsletter-form .acceptance {
    font-size: 13px;
}
.newsletter-form div#mce-responses {
    padding: 15px;
    width: 100%;
    margin: 0;
    float: left;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.newsletter-form div#mce-responses #mce-error-response,
.newsletter-form div#mce-responses #mce-success-response{
    color: #fff;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    line-height: 1.2em;
    border: 0 !important;
    padding: 25px;
}
.newsletter-form div#mce-responses #mce-error-response{background-color: #f35555;}
.newsletter-form div#mce-responses #mce-success-response{background-color: #7fc522;}

.newsletter-form div#mce-responses #mce-error-response a,
.newsletter-form div#mce-responses #mce-success-response a{
    color: #fff;
}


#mc_embed_signup input.mce_inline_error {
    border-color: #e85c42 !important;
    margin-bottom: 0 !important;
}
#mc_embed_signup div.mce_inline_error {
    margin: 0 !important;
    padding: 5px 0 !important;
    background-color: transparent !important;
    font-size: 12px !important;
    line-height: 1em;
    color: #e85c42 !important;
}

/******* NEWSLETTER FORM END ****** GRAVITY FORM START *******/

body .gform_wrapper ul li.gfield.hidden_label{
    margin-top: 10px !important;
}
body .gform_wrapper .ginput_container{
    margin: 0 !important;
    padding-top: 10px;
}
body .gform_wrapper .field_sublabel_hidden_label .ginput_complex.ginput_container input[type=text]{
    margin-bottom: 0;
}
.gform_wrapper .top_label li input[type="text"],
.gform_wrapper .top_label li input[type="email"],
.gform_wrapper .top_label li input[type="tel"],
.gform_wrapper .top_label li select{
    height: 48px;
}
.gform_wrapper .top_label li input[type="text"],
.gform_wrapper .top_label li input[type="email"],
.gform_wrapper .top_label li input[type="tel"],
.gform_wrapper .top_label li select,
.gform_wrapper .top_label li textarea{
    font-weight: 300;
    margin: 0;
    background-color: #ffffff;
    background-image: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid rgba(53, 62, 84, 0.4);
    color: #1e325c;
    display: block;
    font-size: 14px !important;
    line-height: 19px;
    letter-spacing: 0;
    padding: 13px 15px 14px !important;
    width: 100%;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-transition: 300ms all ease-in-out;
    -o-transition: 300ms all ease-in-out;
    transition: 300ms all ease-in-out;
}

.gform_wrapper .top_label li input:focus,
.gform_wrapper .top_label li select:focus,
.gform_wrapper .top_label li textarea:focus{
    border-color: rgba(7, 108, 219, 0.7);
    -webkit-box-shadow: 0 0 10px 0 rgba(7, 108, 219, 0.4);
    box-shadow: 0 0 10px 0 rgba(7, 108, 219, 0.4);
    outline: 0;
}
.gform_wrapper ul.gfield_checkbox li input[type=checkbox]{
    vertical-align: top;
    margin-top: 2px !important;
    width: 16px !important;
    height: 16px;
}
.gform_wrapper .acceptance ul li input[type=checkbox]:checked+label{
    font-weight: 300;
}

.gform_wrapper input[type="submit"] {
    display: inline-block;
    -webkit-border-radius: 30px;
    border-radius: 30px;
    border: 0;
    text-decoration: none !important;
    padding: 12px 50px 13px !important;
    font-size: 15px !important;
    line-height: 25px;
    font-weight: 700;
    color: #fff;
    background-color: #1e325c;
    -webkit-transition: 300ms all ease-in-out;
    -o-transition: 300ms all ease-in-out;
    transition: 300ms all ease-in-out;
    cursor: pointer;
}
.gform_wrapper input[type="submit"]:hover{
    background-color: #426bbf;
    -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0,0.25);
    box-shadow: 0 10px 30px rgba(0, 0, 0,0.25);
    outline: 0;
}
.gform_wrapper input[type="submit"]:focus{
    outline: 0;
}

.gform_wrapper .gfield_required {
    color: #ff3e51;
}

.gform_wrapper .acceptance {
    font-size: 13px;
}

.contact-section .gform_wrapper,
.form-section .gform_wrapper {
    background-color: #f2f6fb;
    padding: 40px 24px 40px 40px;
    border: 1px solid #d9e2ec;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
.contact-section .gform_wrapper .gform_footer,
.form-section .gform_wrapper .gform_footer{
    padding: 0;
    margin: 20px 0 -65px;
    text-align: center;
}
.contact-section h3{
    font-size: 20px;
}
.contact-section .contact-data h4{
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 700;
    color: #a2a7ae;
    margin-bottom: 0;
    letter-spacing: 0.05em;
}
.contact-section .contact-data p {
    font-size: 18px;
    font-weight: 300;
    margin-bottom: 12px;
}

body .gform_wrapper li.gfield.gfield_error, body .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {
    background-color: transparent;
    margin-bottom: 0 !important;
    border: 0 !important;
    padding: 0 !important;
}
body .gform_wrapper div.validation_error {
    background-color: #f35555;
    color: #fff;
    border-radius: 10px;
    line-height: 1.2em;
    border: 0 !important;
    padding: 25px;
}
body .gform_wrapper .validation_message {
    color: #f35555;
}
body .gform_wrapper li.gfield_error input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]),
body .gform_wrapper li.gfield_error textarea {
    border-color: #f35555;
}
body .gform_wrapper li.gfield_error div.ginput_complex.ginput_container label,
body .gform_wrapper li.gfield_error ul.gfield_checkbox,
body .gform_wrapper li.gfield_error ul.gfield_radio,
body .gform_wrapper li.gfield_error .gfield_label{
    color: inherit;
}
body .gform_wrapper .field_description_below .gfield_description {
    padding-top: 0;
    font-size: 12px;
    font-weight: 400;
}

body .gform_wrapper .ginput_container_date .ginput_container {
    padding-top: 0;
    margin-right: 10px !important;
}


body .gform_wrapper .ginput_container_consent {
    padding-left: 25px;
    position: relative;
}
body .gform_wrapper .ginput_container_consent input {
    position: absolute;
    top: 5px;
    left: 0;
}
body .gform_wrapper .ginput_container_consent label.gfield_consent_label {
    font-size: 14px;
    line-height: 1.2em;
    display: inline;
}

/******* GRAVITY FORM END ****** EVENT BOOKING FORM START *******/
#eo-bookings {
    padding-top: 0 !important;
}
#eo-bookings label {
    width: 100px;
    float: left;
    line-height: 48px;
    display: inline-block;
}
#eo-bookings .eo-booking-field > label{
    display: none;
}
#eo-bookings p + p {
    margin-top: 10px !important;
}
#eo-booking-form-element-wrap-ticketpicker{
    display: none;
}

#eo-bookings input,
#eo-bookings select{
    height: 48px;
}
#eo-bookings input:not([type="checkbox"]),
#eo-bookings select,
#eo-bookings textarea{
    font-weight: 300;
    margin: 0;
    background-color: #ffffff;
    background-image: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid rgba(53, 62, 84, 0.4);
    color: #1e325c;
    display: block;
    font-size: 14px !important;
    line-height: 19px;
    letter-spacing: 0;
    padding: 13px 15px 14px !important;
    width: 100%;
    box-sizing: border-box;
    -webkit-transition: 300ms all ease-in-out;
    -o-transition: 300ms all ease-in-out;
    transition: 300ms all ease-in-out;
}
#eo-bookings input:not([type="checkbox"]):focus,
#eo-bookings select:focus,
#eo-bookings textarea:focus{
    border-color: rgba(7, 108, 219, 0.7);
    -webkit-box-shadow: 0 0 10px 0 rgba(7, 108, 219, 0.4);
    box-shadow: 0 0 10px 0 rgba(7, 108, 219, 0.4);
    outline: 0;
}
#eo-bookings #eo-bookings-buttons {
    text-align: center;
}
#eo-bookings input[type="submit"] {
    display: inline-block;
    -webkit-border-radius: 30px;
    border-radius: 30px;
    border: 0;
    text-decoration: none !important;
    padding: 12px 50px 13px !important;
    font-size: 15px !important;
    line-height: 25px;
    font-weight: 700;
    max-width: 200px;
    width: 100%;
    color: #fff;
    background-color: #1e325c;
    -webkit-transition: 300ms all ease-in-out;
    -o-transition: 300ms all ease-in-out;
    transition: 300ms all ease-in-out;
    cursor: pointer;
}
#eo-bookings input[type="submit"]:hover{
    background-color: #426bbf;
    -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0,0.25);
    box-shadow: 0 10px 30px rgba(0, 0, 0,0.25);
    outline: 0;
}
#eo-bookings input[type="submit"]:focus{
    outline: 0;
}
#eo-bookings .input-field-data_privacy_consent{
    margin-bottom: 30px;
}
#eo-bookings .input-field-data_privacy_consent label {
    width: 100%;
    line-height: 50px;
}
#eo-bookings .input-field-data_privacy_consent label input {
    width: 20px;
    height: 15px;
    display: inline-block;
}
#eo-bookings .eo-booking-field-name-subfields label,
#eo-bookings .eo-booking-form-element-address label,
#eo-bookings .acceptance label{
    display: none;
}
#eo-bookings .eo-booking-field-name-subfield,
#eo-bookings .eo-booking-form-address-component-postcode{
    width: 100%;
    margin-right: 0;
}
#eo-bookings .eo-booking-field-name-subfield + .eo-booking-field-name-subfield{
    margin-top: 10px;
}
#eo-bookings #eo-booking-form-element-wrap-12 label{
    width: 100%;
    padding-left: 30px;
    position: relative;
    box-sizing: border-box;
    float: none;
}
#eo-bookings #eo-booking-form-element-wrap-12 input.acceptance.eo-booking-field-checkbox {
    position: absolute;
    top: -2px;
    left: 0;
    width: 20px;
}

/******* EVENT BOOKING FORM END ****** PAGINATION START *******/


.pagination {
    width: 100%;
    margin: 50px auto 0;
    display: block;
    text-align: center;
}

ul.page-numbers {
    list-style: none;
    margin: 0 auto;
    padding: 0;
    display: inline-block;
}

.page-numbers:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

ul.page-numbers li {
    display: block;
    float: left;
    margin: 0 4px 4px 0;
    text-align: center;
}

.page-numbers a, .page-numbers span {
    line-height: 1.6em;
    display: block;
    padding: 8px 12px;
    height: 18px;
    font-size: 14px;
    text-decoration: none;
    font-weight: 400;
    cursor: pointer;
    border: 1px solid #ddd;
    color: #353e54;
    border-radius: 5px;
}

.page-numbers a span { padding: 0 }

.page-numbers a:hover,
.page-numbers.current,
.page-numbers.current:hover {
    color: #fff;
    background: #426bbf;
    text-decoration: none;
}


.page-numbers:hover { text-decoration: none }

/******* PAGINATION END ****** POPUP START *******/

.boxzilla-top-left-container .boxzilla,
.boxzilla-top-right-container .boxzilla{
    position: relative;
    width: 100%;
    max-width: 1600px !important;
    margin: 0 auto;
}
.boxzilla-top-left-container .boxzilla .boxzilla-content,
.boxzilla-top-right-container .boxzilla .boxzilla-content{
    max-width: 1170px;
    margin: 0 auto;
}

.boxzilla-center-container .boxzilla-center{
    -webkit-border-radius: 15px;
    border-radius: 15px;
    background: #fff;
    z-index: 1;
    position: relative;
    padding: 50px 40px;
    box-sizing: border-box;
    -webkit-box-shadow: 0 20px 40px rgba(0, 0, 0,0.2);
    box-shadow: 0 20px 40px rgba(0, 0, 0,0.2);
}
.boxzilla-center-container .boxzilla-center h3{
    font-size: 24px;
    line-height: 1.2em;
    margin: 0 0 20px;
}
.boxzilla-center-container .boxzilla-center p{
    text-decoration: none;
    font-size: 16px;
}
.boxzilla-center-container .boxzilla-center a.button{
    text-align: center;
    min-width: 200px;
    box-sizing: border-box;
    margin: 20px 0 0;
}
.boxzilla-center-container .boxzilla-center .boxzilla-close-icon {
    right: 10px;
    top: 10px;
}

#boxzilla-overlay, .boxzilla-overlay {
    background: transparent !important;
}

/******* POPUP END ****** FOOTER START *******/

#footer-above{
    clear: both;
    max-width: 1200px;
    padding: 0 15px;
}
#footer-above > div,
#main .content-box-blue{
    max-width: 1170px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    background: rgb(66,107,191);
    background: -moz-linear-gradient(-45deg, rgba(66,107,191,1) 0%, rgba(39,70,135,1) 77%);
    background: -webkit-linear-gradient(-45deg, rgba(66,107,191,1) 0%,rgba(39,70,135,1) 77%);
    background: linear-gradient(135deg, rgba(66,107,191,1) 0%,rgba(39,70,135,1) 77%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#426bbf', endColorstr='#274687',GradientType=1 );
    z-index: 1;
    position: relative;
    margin: 0 auto;
    padding: 50px 35px;
    -webkit-box-shadow: 0 20px 40px rgba(30, 50, 92,0.5);
    box-shadow: 0 20px 40px rgba(30, 50, 92,0.5);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.page-template-author-page #footer-above,
.page-id-15 #footer-above {
    display: none;
}
.page-template-author-page footer,
.page-id-15 footer {
    background-color: #f2f6fb;
    padding-top: 70px;
    margin-top: 0;
}

#footer-above h3{
    font-size: 34px;
    line-height: 1.2em;
    margin: 0 0 20px;
}
#footer-above h3, #footer-above p{
    color: #fff;
    text-decoration: none;
}
#footer-above p{
    font-size: 16px;
}
#footer-above a{
    text-align: center;
}

footer {
    background-color: #f2f6fb;
    padding-top: 190px;
    margin-top: -108px;
}

footer p{
    color: #444;
    font-size: 14px;
    line-height: 1.5em;
    margin: 0;
}

footer .content {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 15px;
    box-sizing: border-box;
}
footer .footer-logo{
    max-width: 300px;
    display: inline-block;
}
footer .vc_row-fluid {
    padding: 0;
}
footer .social-icons {
    margin-top: 20px;
}
footer .social-icons a {
    margin-right: 5px;
    display: inline-block;
    width: 20px;
    height: 20px;
    border: 2px solid #657ca0;
    padding: 10px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    overflow: hidden;
    position: relative;
    -webkit-transition: 300ms all ease-in-out;
    -o-transition: 300ms all ease-in-out;
    transition: 300ms all ease-in-out;
}
footer .social-icons a:hover {
    border-color: #426bbf;
}
footer .social-icons a:hover:before {
    opacity: 1;
}
footer .social-icons a svg{
    fill: #657ca0;
    z-index: 1;
    position: relative;
    -webkit-transition: 300ms all ease-in-out;
    -o-transition: 300ms all ease-in-out;
    transition: 300ms all ease-in-out;
}
footer .social-icons a:hover svg{
    fill: #426bbf;
}

footer ul {
    -webkit-padding-start: 0;
    -moz-padding-start: 0;
    padding-left: 0;
    margin: 0;
}

footer #sitemap #footer-menu > li{
    width: 50%;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    padding-left: 15px;
    padding-right: 15px;
    float: left;
}
footer #sitemap li a{
    color: #353e54;
    text-decoration: none !important;
}
footer #newsletter p,
footer #sitemap #footer-menu > li > a{
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 10px;
    display: inline-block;
}
footer #sitemap #footer-menu .menu-item > a[href^="#"]{
    cursor: default;
}
footer #sitemap .sub-menu li a{
    font-size: 15px;
}
footer #sitemap ul li ul li{
    margin-bottom: 12px;
}
footer #sitemap ul li ul a {
    font-size: 16px;
    line-height: 1.2em;
    display: inline-block;
    position: relative;
}
footer #sitemap ul li ul a:hover{
    color: #426bbf;
}
footer li {
    list-style-type: none;
}
footer ul>li ul>li {
    list-style-type: none;
}

footer #bottombar{
    background-color: #e8edf3;
    padding: 20px 0;
    margin-top: 50px;
}
footer #bottombar p, footer #bottombar ul {
    display: inline-block;
}
footer #bottom-menu{
    margin:0;
}
footer #bottom-menu li {
    display: inline-block;
    padding: 0 10px;
}
footer #bottom-menu li:first-child {
    padding-left: 0;
}
footer #bottom-menu li + li{
    border-left: 1px solid #aaa;
    line-height: 1em;
}
footer #bottombar .dp-logo{
    float: right;
    opacity:0.6;
}

footer #bottombar p,
footer #bottombar a,
footer #bottombar li a{
    color: #404756;
    font-size: 13px;
    text-decoration: none;
}
footer #copyright a:hover,
footer #bottom-menu li a:hover{
    text-decoration: underline;
}

/****** FOOTER END ****** BORLABS START */
#BorlabsCookieBox ._brlbs-box, #BorlabsCookieBox ._brlbs-bar {
    box-shadow: 0 0 30px rgba(0,0,0,0.4);
}
#BorlabsCookieBox ._brlbs-bar-wrap._brlbs-position-fixed {
    left: 0;
}
.BorlabsCookie,
.BorlabsCookie ._brlbs-content-blocker,
.BorlabsCookie ._brlbs-content-blocker ._brlbs-embed{
    height: 100%;
    width: 100%;
}
.BorlabsCookie ._brlbs-content-blocker ._brlbs-embed ._brlbs-caption {
    padding: 100px 50px;
    background-color: rgba(0,0,0,0.7);
}

.BorlabsCookie ._brlbs-content-blocker ._brlbs-embed._brlbs-video-youtube ._brlbs-thumbnail {
    margin-top: -55px;
}
.BorlabsCookie ._brlbs-content-blocker ._brlbs-caption p {
    color: #fff;
    font-family: 'Karla', sans-serif;
}
._brlbs-embed._brlbs-google-maps {
    background-image: url('../img/borlabs-map-placeholder.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.BorlabsCookie ._brlbs-content-blocker.spotify {
    background-color: #1DB954;
    color: #fff;
    padding: 40px 30px;
    -webkit-box-shadow: 0 20px 40px rgba(58, 210, 63, 0.61);
    box-shadow: 0 20px 40px rgba(58, 210, 63, 0.61);
    border-radius: 10px;
    margin-bottom: 30px;
}
.BorlabsCookie ._brlbs-content-blocker.spotify *{
    color: #fff;
}
.BorlabsCookie ._brlbs-content-blocker.spotify p {
    margin-bottom: 20px;
}
.BorlabsCookie ._brlbs-content-blocker.spotify img {
    width: 120px;
    margin: 0 auto 20px;
}




/****** BORLABS END ****** MEDIA QUERIES START */

@media (min-width: 501px){

}
@media (min-width:768px) and (max-width: 991px){
    footer #newsletter .newsletter-form input:not([type="checkbox"]){
        display: inline-block;
        width: 50%;
        float: left;
    }
    footer #newsletter .newsletter-form input.button {
        width: 48%;
        max-width: none;
        margin: 0 auto 0 2%;
        display: inline-block;
        vertical-align: top;
    }
}
@media (min-width:992px) and (max-width: 1100px){
    header #navi .top-nav ul.primary-menu > li {
        padding: 0 14px;
        font-size: 15px;
    }
    header #branding .logo img {
        height: 100px;
        max-width: 100%;
    }
    #main > .vc_row.section-overlap {
        margin-top: -50px;
    }
}
@media (min-width:992px) and (max-width: 1100px){
    .single .post-header h1 {
        font-size: 38px;
    }
    .single:not(.single-event) .single-post-content {
        max-width: calc(100% - 350px);
    }
    #main > .vc_row.section-overlap {
        margin-top: -50px;
    }
}
@media(max-width: 1260px){
    #main > .vc_row, .single #main .vc_row-fluid,
    #page-title,
    header,
    #bottombar,
    #dpslider .dpslider_slide,
    .single-event .eventpage .excerpt
    {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    .single:not(.single-event) .single-post-content .featured-image {
        padding: 0 30px;
    }
    .single .post-header {
        padding-left: 0;
        padding-right: 0;
    }
    #main > .vc_row.section[data-vc-full-width="true"],
    #footer-above,
    footer > .content{
        padding-left: 30px !important;
        padding-right: 30px !important;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
    header{
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
    #main > #featured-content{
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    #slider .pager-container {
        padding: 0 30px;
    }
    aside {
        padding-right: 30px;
    }
}
@media (max-width: 1199px){
    #dpslider .dpslider_slide
    {
        padding-left: 30px !important;
        padding-right: 30px !important;
    }
    #dpslider h1 {
        font-size: 36px;
    }
    #dpslider p {
        font-size: 16px;
    }
    h2{
        font-size: 36px;
    }
    .observer-slider .observer {
        font-size: 15px;
        line-height: 1.5em;
    }
    .observer-slider .flickity-enabled .flickity-prev-next-button.previous {left: -30px;}
    .observer-slider .flickity-enabled .flickity-prev-next-button.next {right: -30px;}
    #main > #related-posts .post-wrapper > div:last-child{
        display: none;
    }
}
@media (max-width: 1024px){
    .blog.grid.post-wrapper:before{
        display: none;
    }
}
@media (max-width: 1023px){
    .post .post-image {
        height: 180px;
    }
    .observer-slider .observer {
        width: 50%;
        font-size: 16px;
    }
}
@media (max-width: 991px){
    body[class*='page-template-archive-'] #page-title, body.archive #page-title {
        padding: 100px 0 140px;
    }
    header #branding .logo img {
        height: 100px;
    }
    header #navi .top-nav{
        display: none !important;
        visibility: hidden;
    }
    header #navi .canvas-navi-bar {
        display: inline-block;
    }
    h2 {
        font-size: 38px;
    }
    #dpslider h1 {
        font-size: 28px;
    }
    #dpslider p {
        font-size: 14px;
    }
    #bx-pager {
        width: 200px;
    }
    #bx-pager li a {
        font-size: 14px;
    }
    #page-title h1 {
        font-size: 36px;
    }
    #page-title h2{
        font-size: 16px;
    }
    .page-template-archive-essentials #page-title p {
        font-size: 22px;
        margin-top: 10px;
    }
    .essential-wrapper.grid {
        margin-bottom: 0;
    }
    .team-member {
        width: 100%;
    }
    .team-member .team-image {
        width: 30%;
    }
    .team-content {
        width: 70%;
    }
    #sidebar section#custom_html-3 {
        display: none;
    }
    footer .content .vc_row > div {
        margin-bottom: 20px;
    }
    .single .post-header .social-share-wrapper {
        display: none;
    }
    .single .post-header h1 {
        font-size: 38px;
    }
    .single .single-post-content,
    .page-template.themen .themen-content{
        max-width: 100%;
        padding-right: 0;
    }
    .page-template.themen .themen-content, aside {
        padding: 0 30px;
    }
    aside{
        width: 100%;
    }
    .single-post #related-posts {
        margin-top: 20px;
    }
    aside #custom_html-2 a, aside #custom_html-3 a, aside #custom_html-4 a, aside #custom_html-5 a, aside #custom_html-6 a {
        max-width: 200px;
    }
    .widget_recent_entries ul li {
        width: 25%;
    }
    aside #custom_html-2, aside #custom_html-3{
        display: none !important;
    }
    #main > #related-posts {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .single-post #related-posts h2 {
        font-size: 30px;
    }
    .single .single-post-content .featured-image .ai-podcast-logo {
        height: 80px;
        margin-top: -40px;
    }

    #main > .vc_row.section-overlap {
        margin-top: -50px;
        margin-bottom: 50px;
    }
    .wpb_single_image.vc_align_right {
        text-align: left;
    }
    .wpb_single_image{
        margin-bottom: 40px !important;
    }
    .mb100{
        margin-bottom: 50px!important;
    }
    input.payment_logo {
        width: 23%;
    }
    input.payment_logo {
        margin-bottom: 20px;
    }
    h4 {
        font-size: 20px;
    }
    .paper h3 {
        font-size: 18px;
        margin-bottom: 10px;
    }
    .imagebanner {
        margin-bottom: 30px;
    }
    #content .wpb_text_column p:last-child, .wpb_alert p:last-child, .wpb_text_column p:last-child {
        margin-bottom: 30px;
    }
    .single:not(.single-event) .single-post-content .featured-image {
        padding: 0 35px;
    }
    .single-event .single-post-content .table>tbody>tr>td:last-child {
        display: block;
        padding-top: 0;
    }
    .eventpage .map,
    .eventpage .bookingform{
        margin-bottom: 30px;
    }
    #mission-statement .mt50 {
        margin-top: 0!important;
    }
}
@media (max-width: 767px){
    #main > .vc_row.section {
        padding-top: 70px;
        padding-bottom: 70px;
    }
    html, body {
        font-size: 15px;
    }
    #main > .vc_row, .single #main .vc_row-fluid,
    #page-title,
    header,
    #bottombar,
    #main > .vc_row.section[data-vc-full-width="true"]{
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
    #footer-above,
    footer > .content{
        padding-left: 35px !important;
        padding-right: 35px !important;
    }
    header #branding .logo img {
        height: 90px;
    }
    header #navi {
        width: 100px;
    }
    .search-open header #navi {
        width: calc(100% - 45px);
    }
    .search-open header #branding, .search-open header #navi .canvas-navi-bar{
        opacity: 0;
        visibility: hidden;
        width: 0;
    }
    header #navi #search-form-wrapper {
        max-width: 100%;
    }
    h3 {
        font-size: 30px;
    }
    .post {
        width: 50%;
    }
    .post .post-image {
        height: 170px;
    }
    .post h3 {
        font-size: 18px;
    }
    .post p {
        font-size: 14px;
    }
    .single .single-post-content h3 {
        font-size: 22px;
    }
    .single .single-post-content, .single .single-post-content p {
        font-size: 15px;
    }
    #dpslider, .dpslider_slide {
        height: 400px;
    }
    #dpslider h1 {
        font-size: 26px;
    }
    .svg-icon.align-right img {
        margin: 0;
    }
    h2 {
        font-size: 34px;
    }
    #slider .pager-container {
        display: none;
    }
    #footer-above a {
        margin: 20px 0 0;
    }
    footer #sitemap #footer-menu > li {
        padding: 0;
    }
    .newsletter-form input.button {
        max-width: 100%;
    }
    footer #bottombar .dp-logo {
        float: left;
    }

    .button {
        margin-bottom: 30px;
    }
    .single .post-header h1 {
        font-size: 32px;
    }
    .widget_recent_entries ul li {
        width: 50%;
    }
    #footer-above > div, #main .content-box-blue {
        padding: 30px 15px;
    }
    .referent h3 {
        font-size: 17px;
        line-height: 1.4em;
    }
    .observer-slider .flickity-enabled .flickity-prev-next-button.previous {left: -20px;}
    .observer-slider .flickity-enabled .flickity-prev-next-button.next {right: -20px;}

    .observer.post-wrapper .observer .observer-wrapper {
        height: auto;
        padding: 40px 40px 30px;
    }
    .observer.post-wrapper .observer span.date {
        position: relative;
        bottom: 0;
        left: 0;
        display: block;
        margin-top: 10px;
    }

    .contact-section .gform_wrapper {
        padding: 20px 30px;
    }
    .event .event-inner .event-image {
        height: 200px;
    }
    input.payment_logo {
        width: 47%;
        margin-bottom: 5px;
    }
    .single-event .single-post-content .vc_col-md-12 + .vc_col-md-12 {
        margin-top: 30px;
    }

    #ueber-ai h2,
    #about-ai h2{
        margin-bottom: 30px !important;
    }
    #ueber-ai .button,
    #about-ai .button{
        margin-bottom: 50px !important;
    }
    .essential-wrapper.list .essential .post-content {
        padding: 25px;
    }
    .wpb_video_wrapper{
        margin-bottom: 20px;
    }

    .zitat h3 {
        font-size: 22px !important;
        line-height: 1.4em !important;
    }

}
@media (max-width: 690px){


    #dpslider h1 {
        font-size: 24px;
    }
    .post .post-image {
        height: 160px;
    }
    .post {
        width: 100%;
    }
    .single .post-header h1 {
        font-size: 24px;
    }
    .single .single-post-content h3 {
        font-size: 18px;
    }
    .observer-slider .observer {
        width: 100%;
    }
    .observer-slider .observer,
    .observer-slider .flickity-enabled .flickity-viewport{
        height: 140px !important;
    }
}
@media (max-width: 599px){
    .paper {
        padding: 30px 0 30px 0;
    }
    .paper .button {
        position: relative;
        top: 0;
        right: 0;
        margin-top: 10px;
        margin-bottom: 0;
    }
}
@media (max-width: 500px){
    h2 {
        font-size: 28px;
    }
    h3 {
        font-size: 26px;
    }
    #main > .vc_row.section {
        padding-top: 50px;
        padding-bottom: 50px;
    }
    #main > .vc_row, .single #main .vc_row-fluid, #page-title, header, #bottombar, #main > .vc_row.section[data-vc-full-width="true"] {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }
    .single:not(.single-event) .single-post-content .featured-image {
        padding: 0 20px;
    }
    #footer-above, footer > .content {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
    aside {
        padding-left: 20px;
        padding-right: 20px;
    }
    #dpslider .dpslider_slide {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
    #main > #featured-content {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }

    #page-title {
        padding: 100px 0 90px;
    }
    #page-title h1 {
        font-size: 32px;
    }
    #dpslider h1 {
        font-size: 22px;
    }
    .post h3 {
        font-size: 18px;
    }
    .boxzilla-center-container {
        width: calc(100% - 25px);
    }
    .boxzilla-center-container .boxzilla-center {
        width: 90%;
        margin-left: 5%;
        margin-right: 5%;
    }
    .dpslider_slide {
        padding: 40px 15px 130px !important;
    }
    .referent a.button {
        width: 100%;
        text-align: center;
        box-sizing: border-box;
    }
    .referent .wpb_single_image img {
        margin-bottom: 20px;
    }
    #about-ai h2, #ueber-ai h2 {
        font-size: 26px;
    }
    #about-ai img, #ueber-ai img {
        width: 160px;
    }

    .observer-slider .observer,
    .observer-slider .flickity-enabled .flickity-viewport {
        height: 170px !important;
    }

}
@media (max-width: 400px){
    header #branding .logo img {
        height: 78px;
    }
    .single .post-header {
        padding: 60px 0 140px;
    }
    #about-ai h2, #ueber-ai h2 {
        font-size: 24px;
    }
    #about-ai img, #ueber-ai img {
        width: 140px;
    }
}
@media (max-width: 360px){
    h2 {
        font-size: 26px;
    }
    #about-ai h2, #ueber-ai h2 {
        margin-bottom: 30px!important;
        font-size: 20px;
    }
    #about-ai img, #ueber-ai img {
        width: 120px;
    }
    header {
        padding: 15px 0 0;
    }
    header .header-wrapper {
        height: 70px;
    }
    header #navi,
    header #navi .search,
    header #navi .canvas-navi-bar{
        height: 60px;
    }
    header #navi .canvas-navi-bar div:first-child {
        margin-top: 27px;
    }
    header #branding .logo img {
        height: 66px;
    }
    header #navi #canvas-nav {
        min-height: 100%;
        overflow-y: scroll;
    }
    header #navi .search .icon-search {
        margin-top: 15px;
    }
    header #navi #canvas-nav .canvas-nav-wrapper {
        padding: 55px 35px 50px;
        overflow-y: scroll;
        height: auto;
    }
    header #navi #canvas-nav .canvas-menu li + li {
        margin-top: 6px;
    }
    header #navi #canvas-nav nav a,
    header #navi #canvas-nav .canvas-menu .sub-menu li a{
        font-size: 15px;
        line-height: 1.1em;
    }
    #dpslider h1 {
        font-size: 16px;
    }
    .dpslider_slide {
        padding: 0 15px 130px !important;
    }
    .dpslider_vcenter {
        display: block !important;
        padding-bottom: 0;
    }
}