:root {
    --pat-blue-color: #1b659c;  /*  rgb(27, 101, 156) rgba(27, 101, 156, 1)   */ 
    --pat-blue-80p-color: #4984b0;  /*  rgb(73, 132, 176)   */ 

    --pat-lightblue-color: #d1e0eb;  /*  rgb(209, 224, 235)   */ 

    --pat-darkgrey-color: #707070;  /*  112,112,112  */

    --pat-grey-color: #999999;  /*  153,153,153  */
    --pat-grey-trans40-color: rgba(153,153,153,0.4);  /*  87,87,86  */

    --pat-lightgrey-color: #efefef; /* 239,239,239 */
    --pat-lightgrey-trans80-color: rgba(239,239,239,0.8); /* 239,239,239 */

    --pat-green-color: #9cbd29;  /*  rgb(156, 189, 41)   */ 


    --page-max-width: 1200px;

    --pat-logowidth: 300px;
    --pat-logowidth-md: 200px;
    --pat-logowidth-sm: 150px;

    --pat-logowidth-float: 150px;


    --pat-logowidth-s: 150px;
    --pat-logowidth-s-float: 100px;

    --accent-color: var(--pat-blue-color);

}

::selection {
  background-color: var(--pat-blue-color);
  color: #ffffff;
}

.inner-bg-blue ::selection,
.bg-blue ::selection 
{
  color: var(--pat-blue-color);
  background-color: #ffffff;
}
 
body *:not(.fa):not(i):not(.fas):not(.soc-font-icon):not(.mw-icon):not([class*="the7-mw-icon-"]):not([class*="icomoon-the7-font-"]):not([class*="dashicons"]):not([class^="ab-icon"])

{
    font-family: "Barlow Semi Condensed", Helvetica, Arial, Verdana, sans-serif !important;
    font-stretch: extra-condensed !important; /* ultra-condensed|extra-condensed|condensed|semi-condensed|normal|semi-expanded|expanded|extra-expanded|ultra-expanded */
}

.flex-center
{
    display: flex !important;
    /* align-content: center; */
    justify-content: center !important;    
}

.vc_row-o-equal-height .wpb_wrapper
{
    height: 100%;
}


.grey,
.grey *,
.text-grey,
.grey-text,
.text-grey *,
.grey-text *
{
    color: var(--pat-grey-color) !important;
}

.darkgrey,
.darkgrey *,
.text-darkgrey,
.darkgrey-text,
.text-darkgrey *,
.darkgrey-text *
{
    color: var(--pat-darkgrey-color) !important;
}


.lightgrey,
.lightgrey *,
.text-lightgrey,
.lightgrey-text,
.text-lightgrey *,
.lightgrey-text *
{
    color: var(--pat-lightgrey-color) !important;
}

.blue,
.blue *,
.text-blue,
.blue-text,
.text-blue *,
.blue-text *
{
    color: var(--pat-blue-color) !important;
}

.lightblue,
.lightblue *,
.text-lightblue,
.lightblue-text,
.text-lightblue *,
.lightblue-text *
{
    color: var(--pat-lightblue-color) !important;
}


.bg-lightgrey:not(.vc_column_container),
.vc_column_container.bg-lightgrey > .vc_column-inner,
.vc_column_container.inner-bg-lightgrey > .vc_column-inner > .wpb_wrapper,
.ult-just-icon-wrapper.bg-lightgrey .aio-icon-img
{
    background-color: var(--pat-lightgrey-color) !important;  
}


.bg-darkgrey:not(.vc_column_container),
.vc_column_container.bg-darkgrey > .vc_column-inner,
.vc_column_container.inner-bg-darkgrey > .vc_column-inner > .wpb_wrapper,
.ult-just-icon-wrapper.bg-darkgrey .aio-icon-img
{
    background-color: var(--pat-darkgrey-color) !important;  
}


.bg-grey:not(.vc_column_container),
.vc_column_container.bg-grey > .vc_column-inner,
.vc_column_container.inner-bg-grey > .vc_column-inner > .wpb_wrapper,
.ult-just-icon-wrapper.bg-grey .aio-icon-img
{
    background-color: var(--pat-grey-color) !important;  
}


.bg-green:not(.vc_column_container):not(.ult-just-icon-wrapper),
.vc_column_container.bg-green > .vc_column-inner,
.vc_column_container.inner-bg-green > .vc_column-inner > .wpb_wrapper,
.ult-just-icon-wrapper.bg-green .aio-icon-img
{
    background-color: var(--pat-green-color) !important;  
}

.bg-blue:not(.vc_column_container):not(.ult-just-icon-wrapper),
.vc_column_container.bg-blue > .vc_column-inner,
.vc_column_container.inner-bg-blue > .vc_column-inner > .wpb_wrapper,
.ult-just-icon-wrapper.bg-blue .aio-icon-img
{
    background-color: var(--pat-blue-color) !important;  
}


.bg-lightblue:not(.vc_column_container):not(.ult-just-icon-wrapper),
.vc_column_container.bg-lightblue > .vc_column-inner,
.vc_column_container.inner-bg-lightblue > .vc_column-inner > .wpb_wrapper,
.ult-just-icon-wrapper.bg-lightblue .aio-icon-img
{
    background-color: var(--pat-lightblue-color) !important;  
}


body .bg-darkgrey *,
body .bg-grey *,
body .bg-blue *,
body .inner-bg-blue *,
body .bg-lightblue *
{
  color: #fff !important;
}

/* ################################ */

.vc_row.flex-align-full-height .vc_column_container > .vc_column-inner > .wpb_wrapper,
.vc_column_container.flex-align-full-height > .vc_column-inner > .wpb_wrapper
{
    display: flex;
    flex-direction: column;
    align-content: space-between;
    justify-content: space-between;
}

.content .full-height
{
  height: 100%;
}
/* ############################### */

.top-bar-bg
{
    background: linear-gradient(90deg, #ffffff calc(50% + 400px), var(--pat-blue-color) calc(50% + 400px));
}

/*
.mini-widgets.left-widgets
{
    display: none;
}
*/
.mini-widgets.right-widgets .mini-nav
{
    display: flex;
    height: 40px;
    align-items: center;
    padding-left: 60px;

    background-image: url(../images/kontaktnewsbalken.png);
    background-repeat: no-repeat;
    background-position: -1000px 0;

}
.mini-widgets.right-widgets:last-child
{
    padding-right: 50px;

}

.top-bar
{
    padding: 0;
}

.mini-widgets.right-widgets .menu-select
{
    display: none;
}

@media screen and (max-width: 1085px)
{
    .nav-hide
    {
        display: none;
    }

}
/* ################################ */


@media screen and (max-width: 1280px)
{
    .mini-widgets.right-widgets:last-child
    {
        padding-right: 20px;
    }
    .masthead:not(.side-header):not(.side-header-v-stroke):not(.side-header-menu-icon) .header-bar 
    {
        padding-right: 20px;
    }
}



.phantom-sticky .masthead:not(.side-header):not(.side-header-menu-icon) .header-bar .branding > a, 
.phantom-sticky .masthead:not(.side-header):not(.side-header-menu-icon) .header-bar .branding > img
{
  margin-top: 0px;
  /* padding: 0px 0px 0px 5px; */
  width: var(--pat-logowidth);
}

.phantom-sticky .masthead:not(.side-header):not(.side-header-menu-icon) .header-bar .branding .ext-logo img
{
  width: calc(var(--pat-logowidth) * 0.458333333);
  height: auto;  
}




@media(max-width:  1240px)
{

  .phantom-sticky .masthead:not(.side-header):not(.side-header-menu-icon) .header-bar .branding > a, 
  .phantom-sticky .masthead:not(.side-header):not(.side-header-menu-icon) .header-bar .branding > img
  {
    width: calc(var(--pat-logowidth) * 0.8);
  }

/*
  .phantom-sticky .masthead:not(.side-header):not(.side-header-menu-icon) .header-bar .branding .ext-logo img
  {
    height: calc(420px * 0.260416666);

  }

  .phantom-sticky .masthead:not(.side-header):not(.side-header-menu-icon) .header-bar
  {
  }

  .masthead:not(.side-header):not(.mixed-header).sticky-off .header-bar, 
  .header-space.sticky-space-off 
  {
    height: 262px !important;
    min-height: 262px;
  }
  */

}

@media(max-width:  1150px)
{


  .phantom-sticky .masthead:not(.side-header):not(.side-header-menu-icon) .header-bar .branding > a, 
  .phantom-sticky .masthead:not(.side-header):not(.side-header-menu-icon) .header-bar .branding > img
  {
    width: var(--pat-logowidth-md);
  }

  .phantom-sticky .masthead:not(.side-header):not(.side-header-menu-icon) .header-bar .branding .ext-logo img
  {
    width: calc(var(--pat-logowidth-md) * 0.458333333);
    height: auto;  
  }

/*
  .masthead:not(.side-header):not(.mixed-header).sticky-off .header-bar, 
  .header-space.sticky-space-off 
  {
    height: 238px !important;
    min-height: 238px;
  }
  */

}


.mobile-header-bar .mobile-branding img
{
  width: var(--pat-logowidth-sm);
    
}



.phantom-sticky .sticky-on.masthead:not(.side-header):not(.side-header-menu-icon) .header-bar .branding > a, 
.phantom-sticky .sticky-on.masthead:not(.side-header):not(.side-header-menu-icon) .header-bar .branding > img
{
  margin-top: 0px;
  /* padding: 0px 0px; */
  width: var(--pat-logowidth-float);
}

.phantom-sticky .sticky-on.masthead:not(.side-header):not(.side-header-menu-icon) .header-bar .branding .ext-logo img
{
    width: calc(var(--pat-logowidth-float) * 0.458333333);
    height: auto; 
}

/* ------------------------------------------ */


.main-nav>li
{
    align-items: flex-end;
}

.masthead:not(.side-header).full-height .header-bar .main-nav > li > a, 
.masthead:not(.side-header) .header-bar .main-nav > li > a
{
    margin-top: 10px;
    margin-bottom: 20px;
}
.main-nav > li > a .menu-text
{
    /* transition: all 0.2s ease-in-out; */
    /* transition: none; */
    font-weight: 300;
}

/*
.main-nav > li > a .menu-text:after
{
    content: 'T';
    height: 0;
    visibility: hidden;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
    font-weight: 500;    
}
*/

/*
.main-nav > li:not(.act):not(.wpml-ls-item) > a:hover .subtitle-text,
.main-nav > li:not(.act):not(.wpml-ls-item) > a:hover .menu-text,
.main-nav > li.dt-hovered:not(.act):not(.wpml-ls-item) > a .subtitle-text,
.main-nav > li.dt-hovered:not(.act):not(.wpml-ls-item) > a .menu-text
{
    font-weight: 400;
}
*/

.main-nav > li:not(.act):not(.wpml-ls-item) > a:hover .subtitle-text,
.main-nav > li:not(.act):not(.wpml-ls-item) > a:hover .menu-text,
.main-nav > li.dt-hovered:not(.act):not(.wpml-ls-item) > a .subtitle-text,
.main-nav > li.dt-hovered:not(.act):not(.wpml-ls-item) > a .menu-text
{
    color: #000000 !important;
}


.main-nav > li.act:not(.wpml-ls-item) > a .menu-text, 
.main-nav > li.act:not(.wpml-ls-item) > a .subtitle-text
{
    font-weight: 500;
}

/* --------------------- */
.popup-search .submit i, .overlay-search .submit i
{
    color: var(--pat-blue-color);
}

.inline-header .header-bar > .mini-widgets
{
    align-items: flex-end;
}
.inline-header .header-bar > .mini-widgets .mini-search
{
    margin-top: 10px;
    margin-bottom: 24px;
    margin-left: 25px;

}

.mini-search .submit {
    font: normal 300 23px / 27px "Barlow Semi Condensed", Helvetica, Arial, Verdana, sans-serif;
    color: var(--pat-blue-color);
}
.overlay-search-microwidget .searchform
{
    max-width: 90%;
    width: 90%;
}
.overlay-search .searchform .submit>span, 
.popup-search .searchform .submit>span
{
    margin-left: 11px;
}
.overlay-search-microwidget>i
{
    right: 50px;
    top:  50px;
}
.overlay-search-microwidget
{
    background: rgba(27, 101, 156,0.9);
}

.searchform input[type=text]
{
    color: #ffffff;
}

.mini-search .field::placeholder, 
.overlay-search-microwidget .field::placeholder
{
    color: #abcae1;
}

.mini-search input.field, 
.overlay-search-microwidget input[type=text]
{
    background-color: transparent;
    font-size:  60px;
    line-height: 65px;
    font-weight: 200;
    width: 100%;
    text-align: center;
    height: 200px;
}

.overlay-search-microwidget .search-icon
{
    right: auto;
    display: block;
    width: 100%;
    text-align: center;
    height: 60px;
    top: -60px;
}
.overlay-search-microwidget .search-icon i 
{
    font-size: 96px;
    color: #abcae1;
    padding-right: 10px;
}

/* ################################ */

#footer strong
{
    font-weight: 500;
}

.footer-logo-sign
{
    position: absolute;
    width: 50px;
    margin-left: -60px;
    margin-top: -14px;
}

.footer-headline
{
    margin: 0 0 0 -2px;
    font-size: 33px;
}

/*
#footer .menu-footer-menu-container
{
    text-align: right;
}
*/
#footer .menu li
{
    text-align: right;
    display: block;
    position: relative;
    margin: 0px 0 0;
    padding: 4px 0;
    border: none;   

}

/* ################################ */
/* ################################ */
/* ################################ */


.wpb_text_column.quote *
{
    font-size: 26px;
    line-height: 40px;
    font-weight: 200;
    color: var(--pat-blue-color);
    hyphens: none;
}

@media screen and (min-width: 900px)
{
    .wpb_text_column.quote *
    {
        font-size: 27px;
        line-height: 50px;
    }

}


.wpb_text_column.quote
{
}

.wpb_text_column.quote strong
{
    font-size: 20px;
    line-height: 50px;
    font-weight: 400;
    color: var(--pat-blue-color);
}

/* ------------------ */

.rounded-lb
{
    border-bottom-left-radius: 20px;
}

.rounded-lb .btn-align-left
{
    margin-left: -15px;
}

.rounded-rb
{
    border-bottom-right-radius: 20px;
}

.rounded-rb .btn-align-right
{
    margin-right: -15px;
}

.vc_row.extended-content-padding > .vc_column_container > .vc_column-inner
{
    padding-left: 35px;
    padding-right: 35px;
}
.vc_row.extended-content-padding.rounded-lb > .vc_column_container > .vc_column-inner > .wpb_wrapper > .btn-align-left
{
    margin-left: -35px;
}
.vc_row.extended-content-padding.rounded-rb > .vc_column_container > .vc_column-inner > .wpb_wrapper > .btn-align-right
{
    margin-right: -35px;
}

.teaser-column
{
    margin-bottom: 35px;
}

.teaser-column > .vc_column-inner > .wpb_wrapper
{
    background-color: var(--pat-lightgrey-color);
    border-bottom-left-radius: 20px;
    overflow: hidden;
    height: 100%;

    display: flex;
    flex-direction: column;
    align-content: flex-start;
    justify-content: space-between;    
}

.teaser-column > .vc_column-inner > .wpb_wrapper > *:last-child
{
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;    
}

.teaser-column .teaser-image
{
    margin-bottom: 20px;

}

.teaser-column .wpb_content_element:not(.teaser-image)
{
    padding-left: 20px;
    padding-right: 20px;
}

.teaser-button
{
    border-bottom-left-radius: 20px;
    border-top-right-radius: 20px;

    border-bottom-right-radius: 0px;
    border-top-left-radius: 0px;
    align-self: flex-start;
}

.btn-align-right .teaser-button
{
    border-bottom-left-radius: 0px;
    border-top-right-radius: 0px;

    border-bottom-right-radius: 20px;
    border-top-left-radius: 20px;
    align-self: flex-start;
}

.white-padding-border-top
{
    border-top: 30px solid white;
}

/* ------------------------ */

.dt-btn.bg-green:hover
{
    background-color: var(--pat-blue-color) !important;
    /* border-color: var(--the7-btn-border-hover-color); */
}

/* ------------------------ */

.stats-block.stats-left.flex-center .stats-desc
{
    min-width: 85px;
}
.stats-block .stats-number 
{
    font-weight: 300;
}

/* ########################### */



/*
.team-container*/
.ifs-teaminfo-shortcode.design-hoch
{
    background-color: var(--pat-lightgrey-color);
    height: 100%;
    margin: 0;
}
.ifs-teaminfo-shortcode.design-hoch .team-desc
{
    padding: 10px 20px 20px;
    text-align: left;    
}

.ifs-teaminfo-shortcode.design-hoch .team-desc a
{
    text-decoration: none;
    font-size: 18px;
    line-height: 27px;
}

.ifs-teaminfo-shortcode.design-hoch .team-member-name *
{
    color: var(--pat-blue-color);
}
.ifs-teaminfo-shortcode.design-hoch .team-desc .team-member-links i
{
    display: inline-block;
    width: 30px;
}

/* ############################## */


.header-caption,
.header-caption h1,
.header-caption h2
{
    /*
    font-family: "Barlow Semi Condensed", Helvetica, Arial, Verdana, sans-serif !important;
    */

    font-size: max(min(4vw, 60px), 25px);
    font-weight: 300;
    line-height: 1.3;

    padding-left: 0px;

    text-transform: none;
    color: #ffffff;

    margin: 0;
    padding: 0;

}

.header-caption h1,
.header-caption h2
{
    text-shadow: 0 0 10px black;
}


.header-caption .button,
.header-caption .dt-btn
{
    margin-top: 19px;
    font-size: 24px;
    font-size: max(min(2vw, 24px), 18px);    
}


.header-caption p
{
  margin: 0;
  padding: 0;
}

.header-caption strong, .header-caption b
{
  display: inline-block;
  padding-bottom: 0px;
  margin-bottom: -2px;
  /* color: var(--wes-base-color); */
  font-size: 40px;
  line-height: 45px;
}

@media (max-width: 600px)
{
  .header-caption
  {
    padding-left:  0px !important;
    padding-right: 0px !important;
  }
}


@media (max-width: 450px)
{
  #HeaderSlider .caption-container > .wf-wrap,
  .header-caption-wrap > .wf-wrap
  {
    padding: 0 20px; 

  }
  .header-caption
  {
    font-size: 19px;
    line-height: 26px;
  }

  .header-caption strong, .header-caption b
  {
    font-size: 33px;
    line-height: 39px;
  }
}


/*
@media (min-width: 992px)
@media (min-width: 768px)
*/
@media (min-width: 992px)
{
/*
.header-caption::after {
    height: calc(100% + 105px);
    top: -40px;

}
*/
/*
.header-caption-wrap
{
  bottom: 22%;
  height: 33%;
}
*/

.header-caption strong, .header-caption b
{
  font-size: 50px;
  line-height: 55px;
}
}


/* ---------------------------------------- */

.inline-headline h1 + h1:before,
.inline-headline h1 + h2:before,
.inline-headline h1 + h3:before,
.inline-headline h1 + h4:before,
.inline-headline h1 + h5:before,

.inline-headline h2 + h1:before,
.inline-headline h2 + h2:before,
.inline-headline h2 + h3:before,
.inline-headline h2 + h4:before,
.inline-headline h2 + h5:before,

.inline-headline h3 + h1:before,
.inline-headline h3 + h2:before,
.inline-headline h3 + h3:before,
.inline-headline h3 + h4:before,
.inline-headline h3 + h5:before,

.inline-headline h4 + h1:before,
.inline-headline h4 + h2:before,
.inline-headline h4 + h3:before,
.inline-headline h4 + h4:before,
.inline-headline h4 + h5:before,

.inline-headline h5 + h1:before,
.inline-headline h5 + h2:before,
.inline-headline h5 + h3:before,
.inline-headline h5 + h4:before,
.inline-headline h5 + h5:before
{
  display: block;
  content:  ' ';
}

.inline-headline h1,
.inline-headline h2,
.inline-headline h3,
.inline-headline h4,
.inline-headline h5,
.inline-headline .ultimate-typed-main 
{
    display: inline;
    padding: 3px 0px;
    position: relative;
    left: 15px;
}



.inline-headline h1:not(:last-child):after,
.inline-headline h2:not(:last-child):after,
.inline-headline h3:not(:last-child):after,
.inline-headline h4:not(:last-child):after,
.inline-headline h5:not(:last-child):after
{
    display: block;
    content: ' ';
    margin-bottom: 1em;
}





/*
#content .wpb_alert p:last-child, #content .wpb_text_column :last-child, #content .wpb_text_column p:last-child, .wpb_alert p:last-child, .wpb_text_column :last-child, .wpb_text_column p:last-child {
    margin-bottom: 0;
}
*/

/*
.inline-block-headline h1,
.inline-block-headline h2,
.inline-block-headline h3,
.inline-block-headline h4,
.inline-block-headline h5,
.inline-block-headline .ultimate-typed-main 
{
    display: inline-block;
}
*/

.inline-headline h1,
.inline-headline h2,
.inline-headline h3,
.inline-headline h4,
.inline-headline h5
{
    left:  15px;
    right: auto;

    -webkit-box-decoration-break: clone;
    -ms-box-decoration-break: clone;
    -o-box-decoration-break: clone;
    box-decoration-break: clone;    
}

.inline-headline.text-align-right h1,
.inline-headline.text-align-right h2,
.inline-headline.text-align-right h3,
.inline-headline.text-align-right h4,
.inline-headline.text-align-right h5
{
    right: 15px;
    left:  auto;
}

.inline-headline.adjust-headline-alignment h1,
.inline-headline.adjust-headline-alignment h2,
.inline-headline.adjust-headline-alignment h3,
.inline-headline.adjust-headline-alignment h4,
.inline-headline.adjust-headline-alignment h5,
.inline-headline .ultimate-typed-main 
{
    left:  auto;
    right: auto;
}

.inline-headline h4
{
    line-height: 1.1;
}

/* ------------- */

.inline-headline.hbg-darkgrey h1,
.inline-headline.hbg-darkgrey h2,
.inline-headline.hbg-darkgrey h3,
.inline-headline.hbg-darkgrey h4,
.inline-headline.hbg-darkgrey h5
{
    color:  white !important;
    background-color: var(--pat-darkgrey-color);
    box-shadow: 15px 0px 0px var(--pat-darkgrey-color), -15px 0px 0px var(--pat-darkgrey-color);
}
.inline-headline.hbg-darkgrey h5
{
    box-shadow: 15px -2px 0px var(--pat-darkgrey-color), 15px 2px 0px var(--pat-darkgrey-color), -15px 2px 0px var(--pat-darkgrey-color), -15px -2px 0px var(--pat-darkgrey-color);
}

.inline-headline.hbg-darkgrey .ultimate-typed-main
{
  color:  white !important;
  background-color: var(--pat-darkgrey-color);
  box-shadow: 28px 0px 0px var(--pat-darkgrey-color), -15px 0px 0px var(--pat-darkgrey-color);
}

.inline-headline.hbg-darkgrey .typed-cursor 
{
  color:  white !important;
  background-color: var(--pat-darkgrey-color);
  
}

#page .inline-headline.hbg-darkgrey h1 em,
#page .inline-headline.hbg-darkgrey h1 em:hover,
#page .inline-headline.hbg-darkgrey h2 em,
#page .inline-headline.hbg-darkgrey h2 em:hover,
#page .inline-headline.hbg-darkgrey h3 em,
#page .inline-headline.hbg-darkgrey h3 em:hover,
#page .inline-headline.hbg-darkgrey h4 em,
#page .inline-headline.hbg-darkgrey h4 em:hover,
#page .inline-headline.hbg-darkgrey h5 em,
#page .inline-headline.hbg-darkgrey h5 em:hover
{
    color:  var(--pat-blue-color) !important;
}

/* ------------- */

.inline-headline.hbg-green h1,
.inline-headline.hbg-green h2,
.inline-headline.hbg-green h3,
.inline-headline.hbg-green h4,
.inline-headline.hbg-green h5
{
    color:  white !important;
    background-color: var(--pat-green-color);
    box-shadow: 15px 0px 0px var(--pat-green-color), -15px 0px 0px var(--pat-green-color);
}
.inline-headline.hbg-green h5
{
    box-shadow: 15px -2px 0px var(--pat-green-color), 15px 2px 0px var(--pat-green-color), -15px 2px 0px var(--pat-green-color), -15px -2px 0px var(--pat-green-color);
}

.inline-headline.hbg-green .ultimate-typed-main
{
    color:  white !important;
    background-color: var(--pat-green-color);
    box-shadow: 28px 0px 0px var(--pat-green-color), -15px 0px 0px var(--pat-green-color);
}

.inline-headline.hbg-green .typed-cursor 
{
    color:  white !important;
    background-color: var(--pat-green-color);
    
}

#page .inline-headline.hbg-green h1 em,
#page .inline-headline.hbg-green h1 em:hover,
#page .inline-headline.hbg-green h2 em,
#page .inline-headline.hbg-green h2 em:hover,
#page .inline-headline.hbg-green h3 em,
#page .inline-headline.hbg-green h3 em:hover,
#page .inline-headline.hbg-green h4 em,
#page .inline-headline.hbg-green h4 em:hover,
#page .inline-headline.hbg-green h5 em,
#page .inline-headline.hbg-green h5 em:hover
{
    color:  var(--pat-blue-color) !important;
}


/* ------------- */

.inline-headline.hbg-blue h1,
.inline-headline.hbg-blue h2,
.inline-headline.hbg-blue h3,
.inline-headline.hbg-blue h4,
.inline-headline.hbg-blue h5
{
  color:  white !important;
  background-color: var(--pat-blue-color);
  box-shadow: 15px 0px 0px var(--pat-blue-color), -15px 0px 0px var(--pat-blue-color);
}
.inline-headline.hbg-blue h5
{
    box-shadow: 15px -2px 0px var(--pat-blue-color), 15px 2px 0px var(--pat-blue-color), -15px 2px 0px var(--pat-blue-color), -15px -2px 0px var(--pat-blue-color);
}

.inline-headline.hbg-blue .ultimate-typed-main
{
  color:  white !important;
  background-color: var(--pat-blue-color);
  box-shadow: 28px 0px 0px var(--pat-blue-color), -15px 0px 0px var(--pat-blue-color);
}

.inline-headline.hbg-blue .typed-cursor 
{
  color:  white !important;
  background-color: var(--pat-blue-color);
  
}

#page .inline-headline.hbg-blue h1 em,
#page .inline-headline.hbg-blue h1 em:hover,
#page .inline-headline.hbg-blue h2 em,
#page .inline-headline.hbg-blue h2 em:hover,
#page .inline-headline.hbg-blue h3 em,
#page .inline-headline.hbg-blue h3 em:hover,
#page .inline-headline.hbg-blue h4 em,
#page .inline-headline.hbg-blue h4 em:hover,
#page .inline-headline.hbg-blue h5 em,
#page .inline-headline.hbg-blue h5 em:hover
{
    color:  var(--pat-green-color) !important;
}

/* ------------- */

#page .inline-headline.hbg-white h1:hover,
#page .inline-headline.hbg-white h1,
#page .inline-headline.hbg-white h2:hover,
#page .inline-headline.hbg-white h2,
#page .inline-headline.hbg-white h3:hover,
#page .inline-headline.hbg-white h3,
#page .inline-headline.hbg-white h4:hover,
#page .inline-headline.hbg-white h4,
#page .inline-headline.hbg-white h5:hover,
#page .inline-headline.hbg-white h5
{
    color:  var(--pat-darkgrey-color) !important;
    background-color: white;
    box-shadow: 15px 0px 0px white, -15px 0px 0px white;
}
.inline-headline.hbg-white h5
{
    box-shadow: 15px -2px 0px white, 15px 2px 0px white, -15px 2px 0px white, -15px -2px 0px white;
}

.inline-headline.hbg-white .ultimate-typed-main
{
  color:  var(--pat-darkgrey-color) !important;
  background-color: white;
  box-shadow: 28px 0px 0px white, -15px 0px 0px white;
}

.inline-headline.hbg-white .typed-cursor 
{
  color:  var(--pat-darkgrey-color) !important;
  background-color: white;  
}

#page .inline-headline.hbg-white h1 em,
#page .inline-headline.hbg-white h1 em:hover,
#page .inline-headline.hbg-white h2 em,
#page .inline-headline.hbg-white h2 em:hover,
#page .inline-headline.hbg-white h3 em,
#page .inline-headline.hbg-white h3 em:hover,
#page .inline-headline.hbg-white h4 em,
#page .inline-headline.hbg-white h4 em:hover,
#page .inline-headline.hbg-white h5 em,
#page .inline-headline.hbg-white h5 em:hover
{
    color:  var(--pat-green-color) !important;
}

/* ############################################################################# */

.vc_tta-container .vc_tta-accordion.active-bluebg .vc_tta-panel.vc_active .vc_tta-panel-heading
{
    background-color: var(--pat-blue-color);
}

.vc_tta-container .vc_tta-accordion.active-bluebg .vc_tta-panel.vc_active .vc_tta-panel-heading *,
.vc_tta-container .vc_tta-accordion.active-bluebg .vc_tta-panel.vc_active .vc_tta-panel-heading .vc_tta-controls-icon::after, 
.vc_tta-container .vc_tta-accordion.active-bluebg .vc_tta-panel.vc_active .vc_tta-panel-heading .vc_tta-controls-icon::before
{
    color: #ffffff;
}

.vc_tta-container .vc_tta-accordion.active-bluebg .vc_tta-panel.vc_active .vc_tta-panel-heading .vc_tta-controls-icon::after, 
.vc_tta-container .vc_tta-accordion.active-bluebg .vc_tta-panel.vc_active .vc_tta-panel-heading .vc_tta-controls-icon::before
{
    border-color: #ffffff;
}

.vc_tta.vc_general .vc_tta-panel .vc_tta-panel-body
{
    padding: 14px 0px 0 53px;
}

/* -------------------------------- */

.iframewrapper {
    position: relative;
    padding-bottom: 52%; /* 56.25%; */ /* 16:9 */
    padding-top: 25px;
    height: 0;
}
.iframewrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
/* ---------------- */

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

.counter_suffix 
{
    display: block !important;
    text-align: center;
}

}