/*
Theme Name: Enfold Child
Description: A <a href='http://codex.wordpress.org/Child_Themes'>Child Theme</a> for the Enfold Wordpress Theme. If you plan to do a lot of file modifications we recommend to use this Theme instead of the original Theme. Updating wil be much easier then.
Version: 1.0
Author: Kriesi
Author URI: http://www.kriesi.at
Template: enfold
*/


/*Add your own styles here:*/

/*******************************
Basic Styling
*******************************/

:root {
    --colorPrimary: #EF7C00;
    --colorPrimaryDark: #EF6400;
    --colorPrimaryDarker: #EF5600;
    --colorSecondary: #FCE5CC;
    --colorSecondaryDark: #FCDCB9;
    --colorSecondaryDarker: #FFD2A3;
    --colorSecondaryLight: #FDF2E5;
    --colorWhite: #ffffff;
    --colorBlack: #000000;
    --colorShadeDarker: #333333;
    --colorShadeDark: #666666;
    --colorShade: #afafaf;
    --colorShadeLight: #eeeeee;
    --colorShadeLighter: #F6F6F6;
    --colorPodcast: #E6F5FC;
    --enfold-socket-color-primary: #EF7C00;
    --enfold-footer-color-primary: #EF7C00;
    --enfold-alternate-color-primary: #EF7C00;
    --enfold-main-color-primary: #EF7C00;
    --enfold-header-color-primary: #EF7C00;
    --colorDanger: #AE2727;
    --colorOutline: hsla(198, 100%, 40%, 1);
}

@font-face {
    font-family: 'Classic Grotesque Pro';
    font-style: normal;
    font-weight: 350;
    src: local('Classic-Grotesque-Pro'), local('Classic-Grotesque-Pro'),
    url(fonts/ClassicGrotesquePro/ClassicGrotesquePro-Book.woff2) format('woff2'),
    url(fonts/ClassicGrotesquePro/ClassicGrotesquePro-Book.woff) format('woff');
}

@font-face {
    font-family: 'Classic Grotesque Pro';
    font-style: normal;
    font-weight: 600;
    src: local('Classic-Grotesque-Pro'), local('Classic-Grotesque-Pro'),
    url(fonts/ClassicGrotesquePro/ClassicGrotesquePro-SmBd.woff2) format('woff2'),
    url(fonts/ClassicGrotesquePro/ClassicGrotesquePro-SmBd.woff) format('woff');
}

@font-face {
    font-family: 'Classic Grotesque Pro';
    font-style: normal;
    font-weight: 700;
    src: local('Classic-Grotesque-Pro'), local('Classic-Grotesque-Pro'),
    url(fonts/ClassicGrotesquePro/ClassicGrotesquePro-Bold.woff2) format('woff2'),
    url(fonts/ClassicGrotesquePro/ClassicGrotesquePro-Bold.woff) format('woff');
}

@font-face {
    font-family: 'Guyot';
    font-style: normal;
    font-weight: 400;
    src: url(fonts/Guyot/GuyotHeadline-Regular.woff2) format('woff2'),
    url(fonts/Guyot/GuyotHeadline-Regular.woff) format('woff');
}

/*@font-face {
    font-family: 'Druk';
    font-style: normal;
    font-weight: 400;
    src: url(fonts/Druk/Druk-Medium-Web.woff2) format('woff2'),
    url(fonts/Druk/Druk-Medium-Web.woff) format('woff');
}*/

body {
    font-family: "Classic Grotesque Pro", sans-serif;
    font-size: 1.13rem;
    background-color: var(--colorWhite);
    overflow-x: hidden !important;
}

h1, h2, h3, h4, h5, h6, p, a {
    font-family: "Classic Grotesque Pro", sans-serif;
    text-transform: none;
}

h1, body .av-special-heading h1.av-special-heading-tag {
    font-size: 2.25rem;
    font-weight: 700;
    line-height: 2.5rem;
    padding-bottom: 1.25rem;
}

h2, body .av-special-heading h2.av-special-heading-tag {
    font-size: 2rem;
    line-height: 2.375rem;
    font-weight: 600;
    padding-bottom: 1.25rem;
}

h4, h3.team-member-name {
    font-size: 1.13rem;
    line-height: 1.52rem;
    font-weight: 600;
}

.av-special-heading-h2 .special-heading-border, .av-special-heading-h1 .special-heading-border {
    display: none;
    padding-bottom: 0;
}

#top #main .av-special-heading {
    margin-bottom: 1.25rem;
    padding-bottom: 0;
}

p {
    font-size: 1.25rem;
    line-height: 1.75rem;
    margin: 1.25rem 0;
    font-weight: 350;
}

a, a:hover {
    text-decoration: none !important;
}

.main_color a, .main_color .widget_first, .main_color strong, .main_color b, .main_color b a, .main_color strong a, .main_color #js_sort_items a:hover, .main_color #js_sort_items a.active_sort, .main_color .av-sort-by-term a.active_sort, .main_color .special_amp, .main_color .taglist a.activeFilter, .main_color #commentform .required, #top .main_color .av-no-color.av-icon-style-border a.av-icon-char, .html_elegant-blog #top .main_color .blog-categories a, .html_elegant-blog #top .main_color .blog-categories a:hover {
    color: var(--colorPrimary);
}

/* state press */
a:active {
    color: var(--colorPrimaryDarker);
}

a:hover {
    color: var(--colorPrimaryDark);
}

a:focus {
    outline: 2px solid var(--colorOutline);
    outline-offset: 2px;
}

.main_color strong {
    color: inherit;
    font-size: inherit;
    font-weight: 600;
}

.avia_textblock p {
    color: var(--colorShadeDarker);
}

.avia_textblock p:last-child {
    margin-bottom: 0;
}

.html_header_top.html_header_sticky #top #wrap_all #main {
    padding-top: 138px !important;
}

.avia-image-container-inner, .avia_image, .av-image-caption-overlay {
    border-radius: 0;
}

.avia-section.section-light-grey {
    background-color: var(--colorShadeLighter);
}

.avia-section .content {
    padding: 100px 0;
}

#top.home .container_wrap.container_wrap_first.main_color.fullsize {
    display: none;
}

/* Section has border bottom */

#top #main .avia-section.fullsize.has-border .content {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

/* Medium Width*/

#top #main .avia-section.medium-width .container {
    max-width: 1060px;
    box-sizing: content-box;
}

/* Small Width */

#top #main .avia-section.small-width .container {
    display: flex;
    justify-content: center;
}

#top #main .avia-section.small-width .content > div {
    max-width: 842px;
    margin: 0 auto;
}

#top #main .avia-section.small-width .content .avia_textblock p {
    font-size: 1.13rem;
}

/* HB Grid Offset */

.container {
    padding: 0 80px;
}


#top .extra-space {
    height: 100px;
    display: block;
    clear: both;
}

@media only screen and (max-width: 767px) {
    #top .extra-space {
        height: 60px;
        display: block;
        clear: both;
    }
}


/*******************************
Overrides
*******************************/

.template-page .entry-content-wrapper h1, .template-page .entry-content-wrapper h2 {
    text-transform: none;
    letter-spacing: 0;
}

.avia-button:hover {
    transition: none !important;
}

.avia-button.avia-size-small {
    min-width: unset !important;
}

body div .avia-button {
    margin-bottom: 0;
}


/*******************************
Header
*******************************/

#header_main {
    padding-top: 1.88rem;
    padding-bottom: 1.88rem;
}

#header_main_alternate {
    display: none;
}

#top nav.main_menu {
    display: none !important;
}

/*******************************
Stage
*******************************/

#main .avia-section.hb-stage {
    background-color: var(--colorShadeLighter);
    background: linear-gradient(93deg, #EF7C00 12%, #EF6400 66%, #EF5600 94%);
    -webkit-transform-origin: bottom center;
    transform-origin: bottom center;
    -webkit-clip-path: polygon(0 0, 100% 0, 100% calc(100% - 7.75vw), 0 100%);
    clip-path: polygon(0 0, 100% 0, 100% calc(100% - 7.75vw), 0 100%);
    color: var(--colorWhite);
    border: 2px solid black;
}

#main .avia-section.hb-stage h2, #main .avia-section.hb-stage .avia_textblock p, #main .avia-section.hb-stage h1 {
    color: var(--colorWhite);
}

#main .avia-section.hb-stage .post-entry.post-entry-type-page {
    min-height: 248px;
}

#main .avia-section.hb-stage main {
    padding-bottom: 0;
}

#main .avia-section.hb-stage .flex_column {
    min-height: 508px;
}

#main .avia-section.hb-stage .button-subline {
    width: 100%;
    display: flex;
}

.hb-stage p {
    line-height: 1.875rem;
}


/*******************************
Buttons
*******************************/

/* Orange */

#top a.avia-button, #top button.avia-button {
    background-color: var(--colorPrimary);
    color: var(--colorWhite);
    border: none !important;
    font-size: 16px;
    line-height: 22px;
    padding: 11px 14px;
    font-weight: 600;
    border-radius: 0;
    margin-top: 1.25rem;
    white-space: nowrap;
}

#top .hb-btn a.avia-button:hover, #top .hb-btn button.avia-button:hover {
    cursor: pointer;
}

#top a.avia-button .avia_iconbox_title, #top button.avia-button .avia_iconbox_title {
    color: var(--colorWhite);
    font-family: "Classic Grotesque Pro", sans-serif;
}

#top a.avia-button:hover, #top button.avia-button:hover {
    background-color: var(--colorPrimaryDark);
    border: none !important;
    opacity: 1;
}

#top a.avia-button:focus, #top button.avia-button:focus, .modal-content #button:focus {
    background-color: var(--colorPrimary);
    opacity: 1;
}

#top a.avia-button:active, #top button.avia-button:active, .modal-content #button:active {
    background-color: var(--colorPrimaryDarker);
    opacity: 1;
}


/* White on colored background */

#top .hb-btn-white a.avia-button, #top .hb-btn-white button.avia-button {
    border: none !important;
    background-color: var(--colorWhite);
}

#top .hb-btn-white a.avia-button .avia_iconbox_title, #top .hb-btn-white button.avia-button .avia_iconbox_title {
    color: var(--colorPrimary);
}

#top .hb-btn-white a.avia-button:hover, #top .hb-btn-white button.avia-button:hover {
    border: none !important;
    background-color: rgba(255, 255, 255, 0.9);
    cursor: pointer;
}

#top .hb-btn-white a.avia-button:hover .avia_iconbox_title, #top .hb-btn-white button.avia-button:hover .avia_iconbox_title {
    color: var(--colorPrimaryDark);
}

#top .hb-btn-white a.avia-button:hover, #top .hb-btn-white button.avia-button:active {
    border: none !important;
    background-color: rgba(255, 255, 255, 0.8);
    cursor: pointer;
}

#top .hb-btn-white a.avia-button:active .avia_iconbox_title, #top .hb-btn-white button.avia-button:active .avia_iconbox_title {
    color: var(--colorPrimaryDarker);
}

/* Inverted */

#top .hb-btn-inverted a.avia-button, #top .hb-btn-inverted button.avia-button {
    border: 1px solid var(--colorPrimary) !important;
    background-color: transparent;
    padding-bottom: 10px; /* adjusted because of border */
}

#top .hb-btn-inverted a.avia-button .avia_iconbox_title, #top .hb-btn-inverted button.avia-button .avia_iconbox_title {
    color: var(--colorPrimary);
}

#top .hb-btn-inverted a.avia-button:hover, #top .hb-btn-inverted button.avia-button:hover {
    border: 1px solid var(--colorPrimaryDark) !important;
    background-color: var(--colorSecondaryLight);
    cursor: pointer;
}

#top .hb-btn-inverted a.avia-button:hover .avia_iconbox_title, #top .hb-btn-inverted button.avia-button:hover .avia_iconbox_title {
    color: var(--colorPrimaryDark);
}

#top .hb-btn-inverted a.avia-button:active, #top .hb-btn-inverted button.avia-button:active {
    border: 1px solid var(--colorPrimaryDarker) !important;
    background-color: var(--colorSecondary);
}

#top .hb-btn-inverted a.avia-button:active .avia_iconbox_title, #top .hb-btn-inverted button.avia-button:active .avia_iconbox_title {
    color: var(--colorPrimaryDarker);
}


/*******************************
Phone Mockup
*******************************/

.mockup-wrapper {
    margin-bottom: -800px;
}

.phone-mockup .img-wrapper, .phone-mockup #wrap {
    position: absolute;
    top: 0;
    right: 0;
}

.phone-mockup .img-wrapper {
    z-index: 1000;
    position: absolute;
    top: -615px;
    right: 0;
}

.phone-mockup #wrap {
    z-index: 100;
    position: absolute;
    top: -600px;
    right: -417px;
}

/* Newsletter iframe */

#wrap {
    width: 670px;
    height: 497px;
    padding: 40px 0 0;
    overflow: hidden !important;
    border: 1px solid transparent;
    border-radius: 30px !important;
}

#scaled-frame {
    width: 402px;
    height: 2000px;
    border: 1px solid transparent;
    border-radius: 30px !important;
    overflow: hidden !important;
    max-height: 775px;
}

#scaled-frame {
    /*zoom: 0.58;*/
    -moz-transform: scale(0.58);
    -moz-transform-origin: 0 0;
    -o-transform: scale(0.58);
    -o-transform-origin: top center;
    -webkit-transform: scale(0.58);
    -webkit-transform-origin: 0 0;
}

/*******************************
Register Modal
*******************************/

.modal {
    display: none;
    position: fixed;
    z-index: 1500;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0, 0, 0);
    background-color: rgba(0, 0, 0, 0.3);
    justify-content: center;
    align-items: center;
}

.modal-content {
    background-color: #fefefe;
    padding: 30px;
    max-width: 406px;
    z-index: 2000;
    color: #000000;
    padding-top: 50px;
}

.modal-content .graytexts.paddingBottom20 {
    padding-bottom: 23px;
}

.modal-content #button {
    margin: 20px 0 23px 0;
}

/*prevent body from scrolling when modal is open*/
/*html.hide-overflow, html.hide-overflow body {
    overflow: hidden;
}*/

.close {
    float: right;
    margin-top: -40px;
    margin-right: -12px;
}

.close::before {
    content: url("/wp-content/themes/enfold-child/button-close.svg");
}

.close:hover,
.close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}

#top .modal-content .inputEmail, #top form .inputEmail:focus {
    margin-bottom: 0;
    padding: 11px 10px;
    padding-bottom: 10px;
    border-color: var(--colorShade);
    border-width: 1px;
    font-weight: 350;
    font-size: 16px;
    line-height: 22px;
    color: var(--colorBlack);
    font-family: "Classic Grotesque Pro", sans-serif;
}

#top .modal-content label.labelEmail {
    top: 13px;
}

#top .modal-content .inputEmail:focus ~ .labelEmail,
#top .modal-content .inputEmail:not(:placeholder-shown) ~ .labelEmail {
    top: -10px;
    left: 5px;
    padding: 0 5px;
    font-size: 12px;
    background-color: #fff;
    outline: 0 !important;
    box-shadow: 0 0 0 0 !important;
    color: var(--colorShade);
    border-radius: 0;
    margin: 0;
}

#top form .inputEmail:focus ~ .labelEmail,
#top form .inputEmail:not(:placeholder-shown) ~ .labelEmail {
    color: var(--colorShade);
    font-size: 12px;
}

#top form .form__input.error .inputEmail ~ .labelEmail {
    color: var(--colorDanger);
}

#top form .form__input.error .inputEmail {
    border-color: var(--colorDanger);
}

#top .modal-content form {
    margin-bottom: 0;
}

#top .modal-content label {
    font-size: 1rem;
    font-weight: 350;
    font-family: "Classic Grotesque Pro", sans-serif;
    line-height: 21px;
}

#top .modal-content label span {
    font-size: 14px;
    font-weight: 350;
    line-height: 21px;
    letter-spacing: -0.011em;
    text-align: left;
    color: var(--colorShadeDark);
}

#top .modal-content input[type="checkbox"] {
    display: inline-block;
    border-radius: 0 !important;
    margin: 2px 4px 2px 2px !important;
}

.checkboxCustom > input:checked + span::before {
    left: 22px !important;
    top: 0 !important;
}

#top .modal-content input#email {
    -webkit-box-shadow: 0 0 0 1000px #fff inset !important;
}


/*******************************
Authors
*******************************/

.authors-wrapper .entry-content-wrapper {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin-bottom: -40px!important;
}

.authors-wrapper .entry-content-wrapper .av-special-heading {
    min-width: 100%;
}

.authors-wrapper .entry-content-wrapper .flex_column {
    width: 188px;
    margin-left: 0;
    margin-bottom: 40px!important;
}

.authors-wrapper .entry-content-wrapper .flex_column:not(:last-child) {
    margin-right: 15px;
}

.authors-wrapper .entry-content-wrapper .flex_column:not(.first) {
    margin-left: 15px;
}

.authors-wrapper .avia-team-member {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.authors-wrapper .team-img-container {
    background: #ffd2a3;
    border-radius: 100%;
}

.authors-wrapper .team-img-container img {
    border-radius: 100%;
    max-width: 188px;
    max-height: 188px;
}

.authors-wrapper .entry-content-wrapper .flex_column.three-or-less-authors {
    width: 260.67px;
}

.authors-wrapper .flex_column.three-or-less-authors .team-img-container img {
    width: 260.67px;
    height: 260.67px;
    max-width: 260.67px;
    max-height: 260.67px;
}

.authors-wrapper .entry-content-wrapper.five-authors .flex_column, .authors-wrapper .entry-content-wrapper.nine-and-more-authors .flex_column {
    width: 144.4px;
}

.authors-wrapper .entry-content-wrapper.five-authors .flex_column .team-img-container img,
.authors-wrapper .entry-content-wrapper.nine-and-more-authors .flex_column .team-img-container img {
    width: 144.4px;
    height: 144.4px;
    max-width: 144.4px;
    max-height: 144.4px;
}

.authors-wrapper .entry-content-wrapper.nine-and-more-authors {
    max-width: 875px;
    margin: 0 auto;
}

.authors-wrapper .entry-content-wrapper.six-to-eight-authors {
    max-width: 872px;
    margin: 0 auto;
}


.authors-wrapper .entry-content-wrapper .flex_column.column-top-margin {
    margin-top: 0;
}

.authors-wrapper .team-member-name {
    margin: 0 0 5px;
    text-align: center;
}

.authors-wrapper .team-member-job-title {
    font-weight: 350;
    font-size: .875rem;
    line-height: 1.19rem;
    color: var(--colorShadeDark);
    margin: 0 0 10px;
    text-align: center;
}

.authors-wrapper .team-member-description p {
    margin: 0;
    font-weight: 350;
    font-size: .875rem;
    line-height: 1.19rem;
}

.authors-wrapper .team-member-description a {
    text-decoration: none;
}

.modal.author .modal-content {
    max-width: 624px;
    overflow-y: auto;
    max-height: 100vh;
}

.modal.author .modal-content p, .modal.author .modal-content a {
    font-weight: 350;
    font-size: 16px;
    line-height: 22px;
    text-decoration: none;
}

.modal.author .modal-content h3 {
    font-weight: 600;
    font-size: 24px;
    line-height: 32px;
    margin: 0;
    padding: 0;
}

/*.authors-wrapper .first-three-wrapper {
    display: flex;
    width: 100%;
    justify-content: center;
    margin-bottom: 40px;
}*/

@media (min-width:670px) and (max-width:1230px) {
    .authors-wrapper .entry-content-wrapper.five-authors {
        max-width: 525px;
        margin: 0 auto;
    }
}


/*******************************
Description
*******************************/

.description-wrapper .entry-content-wrapper {
    display: flex;
    justify-content: space-between;
}

.description-wrapper .entry-content-wrapper .flex_column {
    width: auto;
}

.description-wrapper .entry-content-wrapper .flex_column:first-child {
    margin-bottom: 0 !important;
}

.description-wrapper .entry-content-wrapper .flex_column:last-child {
    margin-left: 30px;
    min-width: 406px;
    margin-bottom: 40px !important;
}

html #top #main .description-wrapper .av-special-heading .av-special-heading-tag {
    padding-bottom: 0;
}

.description-wrapper .entry-content-wrapper .flex_column .newsletter-time {
    font-weight: 600;
}

.description-wrapper .entry-content-wrapper .flex_column .newsletter-time:before {
    content: url("/wp-content/themes/enfold-child/icon-clock.svg");
    padding-right: 14px;
}

div.description-wrapper .container li .av-icon-char:before {
    display: none;
}

div.description-wrapper .container ul {
    margin-bottom: 0;
}

div.description-wrapper .container li:not(:last-child) {
    margin-bottom: 30px;
}

div.description-wrapper .container li {
    list-style-image: url("/wp-content/themes/enfold-child/icon-check.svg") !important;
    padding-left: 25px;
    margin-left: 15px;
    font-size: 20px;
    line-height: 30px;
}

div.description-wrapper .buttons-inline.entry-content-wrapper {
    justify-content: left;
}

div.description-wrapper .buttons-inline.entry-content-wrapper .button-subline {
    margin-top: 10px;
    clear: both;
    float: none;
    max-width: 200px;
}

div.description-wrapper .buttons-inline.entry-content-wrapper .flex_column:last-child {
    min-width: unset;
}

/*******************************
FAQ / Accordion
*******************************/

.togglecontainer {
    margin-top: 0;
}

.toggle_icon:before {
    content: '\E87B';
    font-family: 'entypo-fontello';
    font-size: 16px;
    font-weight: normal;
    color: var(--colorBlack);
}

.activeTitle .toggle_icon:before {
    content: '\E87E';
    color: var(--colorBlack);
}

.av-elegant-toggle .toggle_icon {
    border: 0;
    opacity: 1;
    width: auto;
    right: 5px;
    top: 2.25rem;
}

.js_active .av-elegant-toggle .toggler {
    font-weight: 600;
    font-size: 18px;
    line-height: 28px;
    padding: 1.25rem 1.5rem 1.25rem 0;
    border-bottom-color: rgba(0, 0, 0, .1);
}

.av-elegant-toggle.togglecontainer .av_toggle_section:first-of-type .toggler:not(.activeTitle), .av-elegant-toggle.togglecontainer .av_toggle_section:last-of-type .toggler:not(.activeTitle), .av-elegant-toggle .toggle_content {
    border-color: rgba(0, 0, 0, .1);
}

.js_active .av-elegant-toggle .toggler:hover {
    background-color: var(--colorWhite);
}

.js_active .av-elegant-toggle .toggler.activeTitle {
    border-color: rgba(0, 0, 0, .1);
    border-bottom-color: transparent;
    padding-bottom: 0;
}

.toggle_wrap.active_tc .toggle_content p:first-child {
    margin-top: 10px;
}

.toggle_icon span {
    display: none;
}

.av-elegant-toggle .toggle_content, .av-elegant-toggle .toggle_content p {
    font-weight: 350;
    font-size: 18px;
    line-height: 28px;
    background-color: var(--colorWhite);
    padding: 0;
}


/*******************************
Testimonials
*******************************/

#top #testimonials .avia-content-slider-element-container {
    display: flex;
    flex-direction: column-reverse; /* place bullets below slider */
    margin: 0;
}

#top #testimonials .avia-content-slider-element-container * {
    text-align: center;
}

#top #testimonials .avia-content-slider-element-container .slide-entry-excerpt > p {
    margin-top: 0;
    margin-bottom: 20px;
    line-height: 0;
}

#top #testimonials .new-special-heading {
    display: none;
}

#top #main blockquote, #top #main blockquote p {
    border: 0 none;
    margin: 0;
    padding: 0;
    font-family: 'Guyot', sans-serif !important;
    font-weight: 400;
    text-align: center;
    font-size: 26px;
    line-height: 32px;
}

#top #main blockquote {
    margin-bottom: 20px;
}

#top #testimonials .avia-content-slider-element-container .slide-entry-excerpt h4,
#top #testimonials .avia-content-slider-element-container .slide-entry-excerpt h5 {
    margin-bottom: 5px;
}

#top .avia-smallarrow-slider .avia-slideshow-dots a {
    background-color: var(--colorShade);
    border: 0 none;
    width: 4px;
    height: 4px;
    margin-left: 3px;
    margin-right: 3px;
    margin-bottom: 1px;
    padding: 0;
    box-sizing: border-box;
    display: inline-block;
}

#top .main_color .avia-smallarrow-slider .avia-slideshow-dots a.active,
#top .main_color .avia-smallarrow-slider .avia-slideshow-dots a:hover {
    background-color: var(--colorPrimary);
    margin-bottom: 0;
    width: 6px;
    height: 6px;
}

#top #testimonials h4 {
    font-size: 14px;
    line-height: 19px;
    font-weight: 600;
}

#top #testimonials h5 {
    font-size: 14px;
    line-height: 19px;
    font-weight: 350;
}

#top #testimonials img {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    padding: 0;
}

#top #testimonials .slide-entry {
    margin-bottom: 5px!important;
}

/*******************************
Further Recommendations
*******************************/

.further-recommendations .av_one_third {
    width: calc(33.33% - 20px);
}

.further-recommendations .av_one_third:not(.first) {
    margin-left: 30px;
}

#top #main .further-recommendations .flex_column .av-special-heading {
    margin-bottom: 0;
    margin-top: 10px;
}

#top #main .further-recommendations .flex_column .avia-image-container-inner {
    line-height: 0;
}

/*#top #main .further-recommendations .flex_column {
    max-width: 406px;
}*/

.further-recommendations .flex_column h3.av-special-heading-tag {
    font-family: 'Guyot', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 22px;
    line-height: 28px;
}

.further-recommendations .flex_column .av-subheading_above {
    margin-bottom: 5px;
}

.further-recommendations .flex_column .av-subheading.av-subheading_above p {
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 19px;
    color: var(--colorPrimary);
}

.further-recommendations .flex_column .avia_textblock p {
    font-style: normal;
    font-weight: 350;
    font-size: 16px;
    line-height: 21px;
    color: var(--colorShadeDarker);
    margin-top: 10px;
}

.further-recommendations .avia-button-wrap {
    padding-top: 20px;
}

.further-recommendations br.xs-only {
    display: none;
}

.further-recommendations .av_one_third:not(.first-row) {
    margin-top: 40px;
}

.further-recommendations .av_one_third.hidden-block {
    display: none;
}

/* Removed to allow proper focus styles
.further-recommendations .flex_column > a:focus {
    box-shadow: none !important;
} */


/*******************************
Error Page
*******************************/

#custom_errorpage {

    display: flex;
    justify-content: center;
}

#custom_errorpage .error-text {
    max-width: 515px;
    margin-right: 139px;
}

/*#custom_errorpage .error-text .title {

    font-family: 'Druk', sans-serif;
    font-style: normal;
    font-size: 64px;
    line-height: 70px;
    margin-top: 0;
}*/

#custom_errorpage .error-text .title-svg {

    margin-bottom: 20px;
}

#custom_errorpage .error-text .text {

    font-style: normal;
    font-weight: 350;
    font-size: 18px;
    line-height: 28px;
}

#custom_errorpage .error-img.small {
    display: none;
}

#custom_errorpage .error-img img {
    max-width: 188px;
}

#custom_errorpage .recommendation_410 {
    padding-bottom: 11px;
}


/*******************************
Footer
*******************************/

.footer .content {
    padding: 2.5rem;
}

#top #main #footer-page .avia-section.footer .template-page.content {
    padding-bottom: 177px;
}

.footer .text-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.footer p, .footer ul li {
    font-weight: 350;
    font-size: 1rem;
    line-height: 22px;
    color: var(--colorShadeDark);
}

.footer p {
    margin-top: .75rem;
    margin-bottom: 0;
}

.footer ul {
    list-style: none;
    display: flex;
    text-align: right;
    margin: .75rem 0 0;
    padding: 0;
}

.footer ul li {
    padding: 0 0 0 1.88rem;
    margin: 0;
}

.footer ul li a {
    color: var(--colorShadeDark);
    text-decoration: none;
}

/*******************************
Borlabs
*******************************/

#top #BorlabsCookieBox ._brlbs-flex-center {
    display: block;
    text-align: center;
}

#top #BorlabsCookieBox .cookie-logo {
    max-width: 202px;
    padding: 0;
    display: block;
    margin: 0 auto;
}

/*******************************
Sticky Socket
*******************************/

.sticky-socket {
    background-color: var(--colorPrimary);
    position: fixed;
    /* top: calc(100vh - 96px); */
    bottom: 0;
    z-index: 1000;
    display: none;
    justify-content: center;
}

/*.animate-up {
    animation-name: animate-up;
    animation-timing-function: ease-in-out;
    animation-duration: 1s;
}

@keyframes animate-up {
    0% {
        top: 100vh;
    }

    100% {
        top: calc(100vh - 96px);
    }
}*/

.sticky-socket .flex_cell {
    padding: 0;
    width: 100%;
    max-width: 842px;
}

.sticky-socket .socket-content-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.sticky-socket .socket-content-wrapper .socket-text p {
    color: var(--colorWhite);
    font-size: 22px;
    line-height: 28px;
    margin-right: 20px;
    font-weight: 350;
}

.sticky-socket .socket-content-wrapper .socket-text strong {
    color: var(--colorWhite);
    font-size: 22px;
    line-height: 28px;
    margin-right: 20px;
    font-weight: 600;
}

#top .sticky-socket button.avia-button {
    margin: 0;
}

#scroll-top-link {
    display: none;
}

/*******************************
Partners
*******************************/

.partners .avia_codeblock {
    display: flex;
    justify-content: center;
    margin-bottom: -30px;
    margin-left: -15px;
    margin-right: -15px;
}

.partners .partner-container {
    display: flex;
    justify-content: center;
    width: 1090px;
    flex-wrap: wrap;
}

.partners .partner-container .partner-item {
    width: 188px;
    height: 119px;
    /* background-color: var(--colorShadeLighter); */
    background-color: white;
    margin: 0 15px 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px;
}

.partners .partner-container.more-than-twenty {
    width: 1092px;
}

.partners .partner-container.more-than-twenty .partner-item {
    width: 126px;
    height: 69px;
}

.partners .partner-container.more-than-twenty .partner-item img {
    max-width: 110px;
    max-height: 45px;
}


/*******************************
Cookie Modal
*******************************/


.cookie-preference .container .row .col-12 {
    display: flex;
    flex-direction: column;
}

/* Titel + Logo */

.cookie-preference .container .row .col-12 ._brlbs-flex-center {
    order: 1;
}

/* Buttons */

.cookie-preference .container .row .col-12 .row.no-gutters.align-items-center {
    order: 2;
    margin-top: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.cookie-preference .container .row .col-12 .row.no-gutters.align-items-center ._brlbs-accept a {
    margin-bottom: 0;
}

#top #BorlabsCookieBox .row.no-gutters.align-items-center ._brlbs-accept a#CookiePrefSave,
#top #BorlabsCookieBox .row.no-gutters.align-items-center ._brlbs-accept a._brlbs-refuse-btn {
    border: 1px solid var(--colorPrimary) !important;
    background-color: transparent;
    padding-bottom: 10px; /* adjusted because of border */
    color: var(--colorPrimary);
}


/* Text */

.cookie-preference .container .row .col-12 #CookiePrefDescription {
    order: 3;
    margin-top: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.cookie-preference .container .row .col-12 #CookiePrefDescription p ._brlbs-paragraph {
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;
    color: var(--colorShadeDark);
}

#BorlabsCookieBox .cookie-preference .container .row .col-12 p#CookiePrefDescription  ._brlbs-paragraph a {
    color: var(--colorPrimary)!important;
}

#BorlabsCookieBox .cookie-preference .container .row .col-12 p#CookiePrefDescription  ._brlbs-paragraph a:hover {
    color: var(--colorPrimaryDark)!important;
}

#BorlabsCookieBox .cookie-preference .container .row .col-12 p#CookiePrefDescription  ._brlbs-paragraph a:visited {
    color: var(--colorPrimaryDarker) !important;
}

#BorlabsCookieBox .cookie-preference .container .row .col-12 p#CookiePrefDescription  ._brlbs-paragraph a:focus {   
    box-shadow: 0 0 0 2px var(--colorOutline);
}


/* Cookie settings */

.cookie-preference .container .row .col-12 div[data-cookie-accordion=""] {
    margin-top: 13px;
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.cookie-preference .container .row .col-12 div[data-cookie-accordion=""] + div.d-flex.justify-content-between {
    margin-top: 30px;
    margin-bottom: 30px;
}

#BorlabsCookieBox .cookie-preference .container .row .col-12 div[data-cookie-accordion=""] + div.d-flex.justify-content-between ._brlbs-branding.flex-fill {
    display: none;
}

#BorlabsCookieBox .cookie-preference .container .row .col-12 div[data-cookie-accordion=""] + div.d-flex.justify-content-between ._brlbs-legal.flex-fill {
    text-align: center!important;
}

#BorlabsCookieBox .cookie-preference .container .row .col-12 div[data-cookie-accordion=""] + div.d-flex.justify-content-between ._brlbs-legal.flex-fill a {
    font-weight: 350;
    font-size: 16px;
    line-height: 26px;
    padding: 0 15px;
    color: var(--colorShadeDark);
}

#BorlabsCookieBox .cookie-preference .container .row .col-12 div[data-cookie-accordion=""] + div.d-flex.justify-content-between ._brlbs-legal.flex-fill ._brlbs-separator {
    display: none;
}






/*******************************
Color Scheme Dark
*******************************/

div.color-scheme-dark {
    background-color: var(--colorShadeDarker) !important;
    color: var(--colorWhite);
    margin-top: 0;
}

div.color-scheme-dark.mockup-wrapper {
    background-color: var(--colorWhite) !important;
}

.home .color-scheme-dark.avia-section.section-light-grey {
    margin-top: 0;
}

.color-scheme-dark .avia_textblock p, .color-scheme-dark h1, .color-scheme-dark h2, .color-scheme-dark h3, .color-scheme-dark h4, .color-scheme-dark h5 {
    color: var(--white);
}

.color-scheme-dark.description-wrapper .entry-content-wrapper .flex_column .newsletter-time::before {
    filter: invert(1);
    -webkit-filter: invert(1);
    -moz-filter: invert(1);
    -o-filter: invert(1);
    -ms-filter: invert(1);
}


#main .avia-section.hb-stage.color-scheme-dark {
    background-color: var(--colorShadeDarker);
    background: var(--colorShadeDarker);
    -webkit-transform-origin: bottom center;
    transform-origin: bottom center;
    -webkit-clip-path: polygon(0 0, 100% 0, 100% calc(100% - 7.75vw), 0 100%);
    clip-path: polygon(0 0, 100% 0, 100% calc(100% - 7.75vw), 0 100%);
    color: var(--colorWhite);
}

#main .avia-section.hb-stage.color-scheme-dark p > a {
    font-size: .875rem;
    margin: 10px 0 0;
    font-weight: 350;
    line-height: 19px;
}

#top #main .avia-section.hb-stage.color-scheme-dark button.avia-button {
    margin-top: 20px;
}

#main .avia-section.hb-stage.color-scheme-dark .button-subline,
#main .avia-section.description-wrapper.color-scheme-dark .button-subline {
    font-size: 14px;
    line-height: 22px;
    padding-top: 10px;
}

div.color-scheme-dark .paid-benefits-list {
    background-color: rgba(255, 255, 255, 0.1);
    max-width: 1222px;
    margin: 0 auto;
}

div.color-scheme-dark .paid-benefits-list .container {
    padding: 40px 80px;
}

div.color-scheme-dark .paid-info-text .container {
    padding-top: 0;
    padding-bottom: 0;
}

div.color-scheme-dark .paid-info-text .container h2,
div.color-scheme-dark .paid-benefits-list h2 {
    padding-bottom: 0;
    margin-bottom: 20px;
}

div.color-scheme-dark .paid-info-text .container p {
    margin: 0;
    padding-bottom: 20px;
}

div.color-scheme-dark .paid-info-text .container p:last-child {
    padding-bottom: 0;
}

div.color-scheme-dark.description-wrapper > .container > .content {
    padding-bottom: 0;
    padding-top: 0;
}

.home .description-wrapper.color-scheme-dark.avia-section {
    padding-top: 100px;
    padding-bottom: 100px;
}

.home .description-wrapper.color-scheme-dark.avia-section > div:not(:last-child) {
    margin-bottom: 40px !important;
}

/*******************************
max-width 1200px
*******************************/

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

    .authors-wrapper .entry-content-wrapper .flex_column:not(:last-child) {
        margin-right: 0;
    }

    .authors-wrapper .avia-team-member {
        width: 188px;
    }

    .authors-wrapper .three-or-less-authors .avia-team-member {
        width: 260.67px;
    }

    .responsive .authors-wrapper .entry-content-wrapper .flex_column:not(.first) {
        margin-top: 0 !important;
    }

    .authors-wrapper .entry-content-wrapper .flex_column:not(:last-child) {
        margin-right: 15px;
    }

    .authors-wrapper .entry-content-wrapper .flex_column:not(:first-child) {
        margin-left: 15px;
    }

    .responsive .authors-wrapper .entry-content-wrapper.five-authors .flex_column,
    .responsive .authors-wrapper .entry-content-wrapper.nine-and-more-authors .flex_column,
    .responsive .authors-wrapper .entry-content-wrapper.five-authors .flex_column .avia-team-member,
    .responsive .authors-wrapper .entry-content-wrapper.nine-and-more-authors .flex_column .avia-team-member{
        width: 144.5px !important;
    }
}

/*******************************
max-width 1100px
*******************************/

@media screen and (max-width: 1100px) {
    #top #main .avia-section.medium-width .container {
        max-width: 100%;
        box-sizing: border-box;
    }
}


/*******************************
max-width 989px
*******************************/

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

    #main .avia-section.hb-stage main {
        padding-bottom: 150px;
    }

    .mockup-wrapper {
        margin-bottom: -167px;
    }

    .phone-mockup .img-wrapper {
        top: -580px;
    }

    .phone-mockup #wrap {
        top: -565px;
    }

    #main .avia-section.hb-stage .flex_column {
        min-height: unset;
    }

    .responsive #top #wrap_all .color-scheme-dark .paid-benefits-list .container {
        padding: 40px;
    }

    .responsive #top #wrap_all .color-scheme-dark .paid-info-text .container {
        padding-top: 0;
        padding-bottom: 0;
    }

    .responsive .authors-wrapper .entry-content-wrapper .flex_column {
        width: 176px !important;
    }

    .authors-wrapper .avia-team-member {
        width: 176px !important;
    }

    .responsive .authors-wrapper .entry-content-wrapper.five-authors .flex_column,
    .responsive .authors-wrapper .entry-content-wrapper.nine-and-more-authors .flex_column,
    .responsive .authors-wrapper .entry-content-wrapper.five-authors .flex_column .avia-team-member,
    .responsive .authors-wrapper .entry-content-wrapper.nine-and-more-authors .flex_column .avia-team-member{
        width: 144.5px !important;
    }

    .authors-wrapper .team-img-container img {
        max-width: 176px !important;
        max-height: 176px !important;
    }

    .responsive #top #wrap_all .av-flex-cells.sticky-socket .no_margin {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
	.modal.author .modal-content a{
		display:none;
	}
	.modal.author .modal-content {
		min-width: 300px;
	}

    #custom_errorpage .error-text {
        max-width: 358px;
        margin-right: 107px;
    }

    #custom_errorpage .error-img img {
        max-width: 125px;
    }
}


/*******************************
max-width 767px
*******************************/

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

    h1, body .av-special-heading h1.av-special-heading-tag {
        font-size: 2rem;
        line-height: 2.375rem;
    }

    #main .avia-section.hb-stage .post-entry.post-entry-type-page {
        min-height: unset;
    }

    .html_header_top.html_header_sticky #top #wrap_all #main {
        padding-top: 0 !important;
    }

    .av-logo-container .inner-container {
        display: flex;
        justify-content: center;
    }

    .responsive #top .logo {
        width: auto;
    }

    #header_main {
        padding-top: 2.5rem;
        padding-bottom: 2.5rem;
    }

    .responsive #top .logo,
    #header_main .container.av-logo-container,
    #header_main .container.av-logo-container .logo.bg-logo {
        height: 58px !important;
    }

    .responsive .logo img, .responsive .logo svg {
        max-height: 56px !important;
        max-width: 218px;
        width: auto;
    }

    #top #main .avia-section.hb-stage.color-scheme-dark button.avia-button {
        margin-top: 20px;
    }

    #top .mockup-wrapper .flex_column.first {
        display: none;
    }

    #main .avia-section.hb-stage main {
        padding-bottom: 155px;
    }

    .mockup-wrapper {
        margin-bottom: -140px;
    }

    .phone-mockup .img-wrapper {
        width: 166px;
        height: 321px;
        top: -330px;
        right: 0;
    }

    .phone-mockup #wrap {
        z-index: 100;
        position: absolute;
        top: -340px;
        right: -515px;
    }

    #scaled-frame {
        /*zoom: 0.35;*/
        -moz-transform: scale(0.35);
        -moz-transform-origin: 0 0;
        -o-transform: scale(0.35);
        -o-transform-origin: top center;
        -webkit-transform: scale(0.35);
        -webkit-transform-origin: 0 0;
        max-height: 795px;
    }

    #wrap {
        height: 320px;
        border-radius: 15px !important;
    }

    .sticky-socket .socket-content-wrapper .socket-text {
        display: none;
    }

    .sticky-socket .socket-content-wrapper .socket-text {
        display: none;
    }

    .sticky-socket .socket-content-wrapper .hb-btn-white, .sticky-socket .socket-content-wrapper .hb-btn-white button {
        width: 100%;
    }

    .sticky-socket .flex_cell {
        padding: 20px;
        max-width: none;
    }

    .sticky-socket {
        background-color: var(--colorPrimary);
        position: fixed;
        /*top: calc(100vh - 85px);*/
        z-index: 1000;
        display: none;
        justify-content: center;
        bottom: 0;
        top: auto;
        width: 100vW;
    }

    /*  @keyframes animate-up {
          0% {
              top: 100vh;
          }

          100% {
              top: calc(100vh - 85px);
          }
      }*/

    .responsive #top #wrap_all .av-flex-cells.sticky-socket .no_margin {
        padding-left: 20px !important;
        padding-right: 20px !important;
        height: 84px !important;
    }

    h4, h3.team-member-name {
        font-size: 1.125rem;
        line-height: 1.5rem;
    }

    .responsive #top #wrap_all .further-recommendations .flex_column {
        margin-bottom: 0;
    }

    .responsive #top #wrap_all .further-recommendations .flex_column:not(.first) {
        margin-top: 40px;
    }

    .partners .avia_codeblock {
        margin-bottom: -20px;
        margin-left: -10px;
        margin-right: -10px;
    }

    .partners .partner-container {
        width: 100%;
    }

    .partners .partner-container .partner-item {
        width: 157px;
        height: 99px;
        margin: 0 10px 20px;
    }

    .partners .partner-container.twenty-or-less,
    .partners .partner-container.more-than-twenty {
        width: 100%;
    }

    .partners .partner-container.twenty-or-less .partner-item,
    .partners .partner-container.more-than-twenty .partner-item {
        width: 51px;
        height: 54px;
        padding: 0;
    }

    .partners .partner-container.twenty-or-less .partner-item img,
    .partners .partner-container.more-than-twenty .partner-item img {
        max-width: 48px;
        max-height: 52px;
    }
}

/*******************************
max-width 576px
*******************************/

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

    body .av-special-heading.modern-centered {
        text-align: left;
    }

    body #testimonials .av-special-heading.modern-centered {
        text-align: center;
    }

    /*   html.hide-overflow body {
           position: fixed;
           max-width: 100vw;
       }

       html.hide-overflow {
           overflow: unset;
       }*/
    .phone-mockup .img-wrapper {
        right: -65px;
        top: -290px;
    }

    .phone-mockup #wrap {
        right: -580px;
        top: -300px;
    }

    .color-scheme-dark .phone-mockup .img-wrapper {
        top: -280px;
    }

    .color-scheme-dark .phone-mockup #wrap {
        top: -290px;
    }

    .color-scheme-dark .button-subline {
        max-width: 60%;
    }

    .mockup-wrapper {
        margin-bottom: -57px;
    }

    .modal {
        align-items: flex-end;
    }

    .authors-wrapper .avia-team-member {
        width: 152.5px !important;
    }

    .authors-wrapper .team-img-container img,
    .authors-wrapper .entry-content-wrapper.five-authors .flex_column .team-img-container img,
    .authors-wrapper .entry-content-wrapper.nine-and-more-authors .flex_column .team-img-container img {
        max-width: 152.5px !important;
        max-height: 152.5px !important;
        width: 152.5px;
        height: 152.5px;
    }

    .responsive #top #wrap_all .authors-wrapper .entry-content-wrapper .flex_column {
        width: 50% !important;
        display: flex;
        justify-content: center;
        margin-bottom: 40px;
        margin-left: 0 !important;
    }

    .responsive #top #wrap_all .authors-wrapper .entry-content-wrapper .flex_column:nth-of-type(even) {
        padding-right: 15px !important;
    }

    .responsive #top #wrap_all .authors-wrapper .entry-content-wrapper .flex_column:nth-of-type(odd) {
        padding-left: 15px !important;
    }

    #top #main #footer-page .avia-section.footer .template-page.content {
        padding-bottom: 137px !important;
    }

    .responsive #top #wrap_all .color-scheme-dark .paid-benefits-list .container {
        padding: 40px 20px;
    }

    .responsive #top #wrap_all .color-scheme-dark .paid-info-text .container {
        padding-top: 0;
        padding-bottom: 40px;
    }

    .footer p {
        margin-top: 1.25rem;
    }

    .further-recommendations br.xs-only {
        display: inline;
    }

    #custom_errorpage {

        display: flex;
        justify-content: flex-start;
    }

    #custom_errorpage .error-text {
        max-width: 100%;
        margin-right: 0;
    }

  /*  #custom_errorpage .error-text .title {
        font-size: 48px;
        line-height: 52px;
        margin-top: 0;
    }*/

    #custom_errorpage .error-text .title-svg img {
        height: 48px;
        width: auto;
    }

    #custom_errorpage .error-text .text {

        font-style: normal;
        font-weight: 350;
        font-size: 18px;
        line-height: 28px;
    }

    #custom_errorpage .error-img.small {
        display: flex;
        justify-content: center;
        margin-bottom: 40px;
    }

    #custom_errorpage .error-img.large {
        display: none;
    }

    #custom_errorpage .error-img.small img {
        max-width: 157px;
    }
}

/*******************************
MIN 576px
*******************************/


@media (min-width:576px) {
    .responsive #top #wrap_all .authors-wrapper .entry-content-wrapper .flex_column:not(:last-child) {
        margin-right: 15px;
    }

    .responsive #top #wrap_all .authors-wrapper .entry-content-wrapper .flex_column:not(.first) {
        margin-left: 15px;
    }
}

/*******************************
HB Breakpoints M
*******************************/


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

    .description-wrapper .entry-content-wrapper {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        flex-direction: column-reverse;
    }

    .description-wrapper .entry-content-wrapper .flex_column {
        width: 100%;
    }

    .description-wrapper .entry-content-wrapper .flex_column:last-child {
        margin-left: 0;
        min-width: unset;
        margin-bottom: 40px;
        display: flex;
        justify-content: center;
    }

    .description-wrapper .buttons-inline.entry-content-wrapper .flex_column:last-child {
        margin-bottom: 0!important;
        justify-content: flex-start;
    }

    .description-wrapper img {
        display: block;
    }

    /* HB Grid Offset */
    .responsive #top #wrap_all .container {
        width: 100%;
        max-width: 1080px;
        margin: 0 auto;
        padding: 0 40px;
    }

    #top #main .description-wrapper .container {
        width: 720px;
    }

    .footer .text-wrapper {
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
    }

    .footer .text-wrapper .footer-menu {
        padding-top: 10px;
    }

    .footer ul {
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        margin: 0;
        padding: 0;
    }

    .footer ul li {
        padding: 10px 0 0;
    }
	
	div.description-wrapper .buttons-inline.entry-content-wrapper {
		justify-content: left;
		flex-direction: column;
	}
	div.description-wrapper .buttons-inline.entry-content-wrapper .button-subline {
		max-width: 100%;
	}
	#top div.description-wrapper .buttons-inline.entry-content-wrapper .hb-btn button {
		margin-top: 0;
	}
}

/*******************************
HB Breakpoints S
*******************************/

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

    /* HB Grid Offset */
    .responsive #top #wrap_all .container {
        padding: 0 20px;
    }

    .avia-section .content, div.color-scheme-dark .paid-info-text .container {
        padding: 60px 0;
    }

    .authors-wrapper .content {
        padding: 60px 0 20px;
    }

    .description-wrapper .content {
        padding: 30px 0;
    }

    .color-scheme-dark.description-wrapper .content {
        padding-top: 40px;
    }

    .home .description-wrapper.color-scheme-dark.avia-section {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .responsive #top #wrap_all .color-scheme-dark .paid-info-text .container {
        padding-bottom: 0;
    }
}

/* ============
 * MARK: Orange Premium
 * Design und Layout hinzugefügen, für das neue H+ Abo.
 * Depts: ACF und das custom Template im Child Theme.
 * Datum: Juni 2024
 * ============ */

/* .color-scheme-orange-premium ist die neue Klasse, es ist ein Fork vom dunklen Layout. */

/* Default ist Dunkelgrau, sonst gibt es noch hellgrau und weiss */
 
#top #main .layoutblock-image-text-teaser.farbumgebung-weiss.avia-section {
    background-color: var(--colorWhite) !important;
}

#top #main .layoutblock-image-text-teaser.farbumgebung-hellgrau.avia-section {
    background-color: var(--colorShadeLighter) !important;
}

#top #main .layoutblock-image-text-teaser.farbumgebung-weiss.avia-section .av-special-heading .av-special-heading-tag,
#top #main .layoutblock-image-text-teaser.farbumgebung-hellgrau.avia-section .av-special-heading .av-special-heading-tag {
    color: var(--colorShadeDarker);
}

#top #main .layoutblock-image-text-teaser.farbumgebung-weiss.avia-section .avia_textblock p,
#top #main .layoutblock-image-text-teaser.farbumgebung-hellgrau.avia-section .avia_textblock p {
    color: var(--colorShadeDarker);
}

#top #main .layoutblock-image-text-teaser.farbumgebung-weiss.avia-section .entry-content-wrapper .flex_column .newsletter-time::before,
#top #main .layoutblock-image-text-teaser.farbumgebung-hellgrau.avia-section .entry-content-wrapper .flex_column .newsletter-time::before {
    filter: invert(0) !important;
}

#top #main .layoutblock-image-text-teaser.farbumgebung-weiss.avia-section .button-subline,
#top #main .layoutblock-image-text-teaser.farbumgebung-hellgrau.avia-section .button-subline {
    color: var(--colorBlack);
}

#top #main .layoutblock-image-text-teaser.farbumgebung-weiss.avia-section .paid-benefits-list .container,
#top #main .layoutblock-image-text-teaser.farbumgebung-hellgrau.avia-section .paid-benefits-list .container {
    background-color: #F6F6F6;
}


#top #main .avia-section.hb-stage.color-scheme-orange-premium {
    background: linear-gradient(93deg, #EF7C00 12%, #EF6400 66%, #EF5600 94%);
}

#top #main .avia-section.hb-stage.color-scheme-dark.color-scheme-orange-premium .hb-btn .avia-button {
    background-color: var(--colorWhite) !important; 
}

#top #main .avia-section.hb-stage.color-scheme-dark.color-scheme-orange-premium .hb-btn .avia-button:hover {
    background-color: rgba(255, 255, 255, 0.9) !important;
}

#top #main .avia-section.hb-stage.color-scheme-dark.color-scheme-orange-premium .hb-btn .avia-button .avia_iconbox_title {
    color: var(--colorPrimary);
}

#top #main .avia-section.section-light-grey.color-scheme-dark.color-scheme-orange-premium {
    /* .color-scheme-dark is using !important */
    background-color: var(--colorWhite) !important; 
    color: var(--colorBlack);
}

#top #main .avia-section.section-light-grey.color-scheme-dark.color-scheme-orange-premium .hb-btn .avia-button {
    background-color: var(--colorPrimary);
    color: var(--colorWhite);
}

#top #main .avia-section.color-scheme-orange-premium .hb-btn .avia-button {
    background-color: var(--colorWhite);
    color: var(--colorPrimary);
}

#top #main .avia-section.color-scheme-orange-premium .newsletter-time::before {
    filter: invert(0);
    -webkit-filter: invert(0);
    -moz-filter: invert(0);
    -o-filter: invert(0);
    -ms-filter: invert(0);
}

#top #main .avia-section.color-scheme-orange-premium .avia_textblock a {
    color: var(--colorWhite);
}

#top #main .avia-section.color-scheme-orange-premium .avia_textblock a:hover {
    filter: brightness(0.94);
}

#top #main .avia-section.color-scheme-orange-premium .hb-btn .avia-button .avia_iconbox_title {
    color: var(--colorWhite);
}

/* TODO replace with a bodyclass? (php) */

/* #top #main .avia-section.authors-wrapper.color-scheme-orange-premium .avia-team-member .team-img-container {
    background: radial-gradient(circle, white 33%, #c3c3c3 100%);
} */

#top #main .sticky-socket.color-scheme-orange-premium {
    background-color: var(--colorSecondaryLight);
    box-shadow: 0 0 6px 0 #00000030;
}

#top #main .sticky-socket.color-scheme-orange-premium {
    /* Inline Styles can overwrite this on author-details popup, important used */
    padding-inline: 80px !important; 
}

#top #main .sticky-socket.color-scheme-orange-premium .flex_cell {
    width: 100%;
    max-width: 1280px;
}

#top #main .sticky-socket.color-scheme-orange-premium .socket-text p {
    color: var(--colorBlack);
    font-size: 14px;
    font-weight: 400;
    line-height: 1.4;
}

#top #main .sticky-socket.color-scheme-orange-premium .avia_codeblock_section {
    display: flex;
    align-items: center;
    padding-block: 0px;
    margin-block: 25px;
    /* gap: 20px; */
}

#top #main .sticky-socket.color-scheme-orange-premium .avia_codeblock_section .avia_codeblock:nth-child(1) {
    display: flex;
    gap: 10px;
    align-items: center;
    justify-content: center;
}

#top #main .sticky-socket.color-scheme-orange-premium .avia_codeblock_section .avia_codeblock:nth-child(1) .arrow {
    display: none;
}

#top #main .sticky-socket.color-scheme-orange-premium .avia_codeblock_section .avia_codeblock:nth-child(2) {
    padding-right: 30px;
    margin-left: 30px;
    padding-left: 30px;
    border-left: 1px solid #E4DACE;
}

#top #main .sticky-socket.color-scheme-orange-premium .avia_codeblock_section .avia_codeblock:nth-child(2) p {
    margin: 0;
}

#top #main .sticky-socket.color-scheme-orange-premium .avia_codeblock_section .badge-label {
    font-size: 16px;
    font-weight: 600;
    display: block;
    width: max-content;
}

#top #main .sticky-socket.color-scheme-orange-premium .avia-button {
    background-color: var(--colorPrimary);
}

#top #main .sticky-socket.color-scheme-orange-premium .avia-button .avia_iconbox_title {
    color: var(--colorWhite);
}

#top #main .sticky-socket.color-scheme-orange-premium .avia_codeblock_section .avia_codeblock:nth-child(1) .badge-label {
    margin-bottom: -1px;
}

#top #main .sticky-socket.color-scheme-orange-premium .avia_codeblock_section .avia_codeblock:nth-child(2) {
    flex-grow: 1;
}

@media (max-width: 1400px) {
    #top #main .sticky-socket.color-scheme-orange-premium .avia_codeblock_section .avia_codeblock:nth-child(1) {
        align-items: flex-start;
        flex-direction: column;
    }
}

@media (max-width: 1200px) {
    #top #main .sticky-socket.color-scheme-orange-premium .avia_codeblock_section .avia_codeblock:nth-child(1) {
        flex-direction: row;
        align-items: center;
    }    
    
    #top #main .sticky-socket.color-scheme-orange-premium {
        padding-inline: 20px !important;
    }
    
    #top #main .sticky-socket.color-scheme-orange-premium .avia_codeblock_section {
        width: 100%;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    
    #top #main .sticky-socket.color-scheme-orange-premium .avia_codeblock_section .avia_codeblock:nth-child(1) {
        align-items: center;
        flex-direction: row;
        margin-bottom: 8px;
        width: 100%;
        justify-content: flex-start;
    }

    #top #main .sticky-socket.color-scheme-orange-premium .avia_codeblock_section .avia_codeblock:nth-child(2) {
        border-left: none;
        margin-inline: 0;
        padding-inline: 0;
        width: calc(100% - 340px);
        /* margin-bottom: 8px; */
    }

    #top #main .sticky-socket.color-scheme-orange-premium .avia_codeblock_section .avia_codeblock:nth-child(3) {
        max-width: 360px;
    }
}

@media (max-width: 1200px) {
    #top #main .sticky-socket.color-scheme-orange-premium .avia_codeblock_section .avia_codeblock:nth-child(2) {
        width: 100%;
        margin-bottom: 20px;
    }

    #top #wrap_all #main .sticky-socket.color-scheme-orange-premium .no_margin {
        padding-block: 20px;
        height: 100% !important;
        /* padding-left: 0 !important;
        padding-right: 0 !important; */
    }

    #top #main #footer-page .avia-section.footer .template-page.content {
        padding-bottom: 220px;
    }

    #top #main .sticky-socket.color-scheme-orange-premium .avia_codeblock_section .avia_codeblock:nth-child(2) { 
        margin-top: 10px;
    }

    
    #top #main .sticky-socket.color-scheme-orange-premium .avia_codeblock_section .avia_codeblock:nth-child(3) {
        max-width: 100%;
    }
    
    #top #main .sticky-socket.color-scheme-orange-premium .socket-text {
        display: block !important;
    }

    #top #main .sticky-socket.color-scheme-orange-premium .avia_codeblock_section {
        margin-block: 10px;
    }
    
    #top #main .sticky-socket.color-scheme-orange-premium .avia_codeblock_section {
        margin-block: 0;
    }
    
    #top #main .sticky-socket.color-scheme-orange-premium .avia_codeblock_section .avia_codeblock:nth-child(1) {
        cursor: pointer;
    }
    
    #top #main .sticky-socket.color-scheme-orange-premium .avia_codeblock_section .avia_codeblock:nth-child(3) button {
        width: 100%;
    }

    #top #main .sticky-socket.color-scheme-orange-premium .avia_codeblock_section .avia_codeblock:nth-child(1) .arrow {
        display: block;
        transform: rotate(180deg);
        position: absolute;
        right: 0;
        /* margin-top: 14px; */
        margin-top: 0;
        margin-inline: 14px;
    }

    #top #main .sticky-socket.color-scheme-orange-premium.mobile-cta-is-visible .avia_codeblock_section .avia_codeblock:nth-child(1) .arrow {
        transform: rotate(0deg);
    }

    #top #main #footer-page .avia-section.footer .template-page.content {
        padding-bottom: 320px !important;
    }

    #top #main .sticky-socket.color-scheme-orange-premium:not(.mobile-cta-is-visible) .avia_codeblock_section .avia_codeblock:nth-child(1),
    #top #main .sticky-socket.color-scheme-orange-premium:not(.mobile-cta-is-visible) .avia_codeblock_section .avia_codeblock:nth-child(2) {
        margin-block: 0;
    }
 
    #top #main .sticky-socket.color-scheme-orange-premium .avia_codeblock_section .avia_codeblock:nth-child(1) {
        margin-bottom: 0;
    }

    #top #main .sticky-socket.color-scheme-orange-premium .avia_codeblock_section .avia_codeblock:nth-child(2),
    #top #main .sticky-socket.color-scheme-orange-premium .avia_codeblock_section .avia_codeblock:nth-child(2) .socket-text,
    #top #main .sticky-socket.color-scheme-orange-premium .avia_codeblock_section .avia_codeblock:nth-child(2) .socket-text p,
    #top #main .sticky-socket.color-scheme-orange-premium .avia_codeblock_section .avia_codeblock:nth-child(3) {
        max-height: 0;
        opacity: 0;
        overflow: hidden;
        /* transition: opacity 0.1s ease, max-height 0.3s ease, margin 0.2s ease, all 0.3s ease-in-out; */
        transition: all 0.4s ease-in-out, max-height 0.2s ease-in-out;
    }

    #top #main .sticky-socket.color-scheme-orange-premium.mobile-cta-is-visible .avia_codeblock_section .avia_codeblock:nth-child(2),
    #top #main .sticky-socket.color-scheme-orange-premium.mobile-cta-is-visible .avia_codeblock_section .avia_codeblock:nth-child(2) .socket-text,
    #top #main .sticky-socket.color-scheme-orange-premium.mobile-cta-is-visible .avia_codeblock_section .avia_codeblock:nth-child(2) .socket-text p,
    #top #main .sticky-socket.color-scheme-orange-premium.mobile-cta-is-visible .avia_codeblock_section .avia_codeblock:nth-child(3) {
        transition: all 0.4s ease-in-out, max-height 0.2s ease-in-out;
        max-height: 1000px; /* Arbitrarily large value to ensure full height */
        opacity: 1;
    }

    #top #main #footer-page .avia-section.footer .template-page.content {
        padding-bottom: 200px !important;
    }
}

@media (max-width: 1200px) and (min-width: 800px) {
    /* #top #main .sticky-socket.color-scheme-orange-premium {
        max-width: 600px;
        margin-left: 50%;
        translate: -50% 0;
        margin-bottom: 20px;
        border-radius: 4px;
        box-shadow: 0 -2px 8px -4px #311d0920; 
    } */

    /* #top #main .sticky-socket.color-scheme-orange-premium .avia_codeblock_section .avia_codeblock:nth-child(1) .arrow {
        margin-top: 0;
    } */

    #top #main .sticky-socket.color-scheme-orange-premium:not(.color-scheme-cta-soft-orange) .avia_codeblock_section {
        display: flex;
        flex-direction: column;
        text-align: center;
    }
    
    #top #main .sticky-socket.color-scheme-orange-premium:not(.color-scheme-cta-soft-orange) .avia_codeblock_section .avia_codeblock {
        display: flex;
        margin-inline: auto;
        max-width: 500px;
        justify-content: center;
        align-items: center;
    }
    
    #top #main .sticky-socket.color-scheme-orange-premium:not(.color-scheme-cta-soft-orange) .avia_codeblock_section .avia_codeblock:nth-child(1) {
        justify-content: center;
    }
}

@media (max-width: 1000px) {

    /* for .color-scheme-cta-soft-orange, but not increasing specificity */
    
    #top #main .sticky-socket.color-scheme-orange-premium .avia_codeblock_section {
        display: flex;
        flex-direction: column;
        text-align: center;
    }
    
    #top #main .sticky-socket.color-scheme-orange-premium .avia_codeblock_section .avia_codeblock {
        display: flex;
        margin: auto;
        max-width: 500px;
        justify-content: center;
        align-items: center;
    }
    
    #top #main .sticky-socket.color-scheme-orange-premium .avia_codeblock_section .avia_codeblock:nth-child(1) {
        justify-content: center;
    }
}

@media (max-width: 580px) {

    /* #top #wrap_all #main .sticky-socket.color-scheme-orange-premium .no_margin {
        padding-inline: 23px !important;
    } */

    #top #main .sticky-socket.color-scheme-orange-premium {
        padding-inline: 0 !important;
    }

    #top #main .sticky-socket.color-scheme-orange-premium .avia_codeblock_section .avia_codeblock:nth-child(1) {
        padding-right: 30px;
    }

    #top #main .sticky-socket.color-scheme-orange-premium .avia_codeblock_section .avia_codeblock:nth-child(1) .badge-label {
        line-height: 1.28;
        flex: 1 1;
        text-align: left;
    }
    
    #top #main .sticky-socket.color-scheme-orange-premium .avia_codeblock_section .avia_codeblock:nth-child(3) {
        width: 100%;
    }

    #top #main .sticky-socket.color-scheme-orange-premium {
        padding-inline: 0;
    }

    #top #main #footer-page .avia-section.footer .template-page.content {
        padding-bottom: 280px !important;
    }
}

@media (max-width: 370px) {
    .responsive #top #wrap_all .authors-wrapper .entry-content-wrapper div:has(> .avia-team-member) {
        width: 85% !important;
    }
}

@media (max-width: 440px) {
    #top #main .sticky-socket.color-scheme-orange-premium .avia_codeblock_section .avia_codeblock:nth-child(1) svg:nth-child(1) {
        flex: 1 0;
        max-width: fit-content;
    }

    #top #main .sticky-socket.color-scheme-orange-premium .avia_codeblock_section .avia_codeblock:nth-child(1) .arrow {
        margin-inline: 0;
    }

    .responsive #top #wrap_all .authors-wrapper .entry-content-wrapper .flex_column:nth-of-type(even) {
        padding-right: 0px !important;
    }

    .responsive #top #wrap_all .authors-wrapper .entry-content-wrapper .flex_column:nth-of-type(odd) {
        padding-left: 0px !important;
    }

    .entry-content-wrapper.clearfix.less-than-five-authors {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
}

#top #main .sticky-socket.color-scheme-orange-premium .avia_codeblock_section .avia_codeblock:nth-child(1):has(.badge-label.h-plus) .arrow {
    margin-top: 0;
}

#top #main .sticky-socket.color-scheme-orange-premium .avia_codeblock_section .avia_codeblock:nth-child(1):has(.badge-label.h-plus) {
    flex-direction: row;
    align-items: center;
}

#top #main .sticky-socket.color-scheme-orange-premium .avia_codeblock_section .avia_codeblock:nth-child(1) .badge-label.h-plus {
    margin-bottom: -4px;
}

@media (max-width: 424px) {
    #top #main .sticky-socket.color-scheme-orange-premium .avia_codeblock_section .avia_codeblock:nth-child(1) .badge-label.h-plus {
        margin-bottom: -1px;
    }
}

/* Free "Soft Orange" is a fork of Orange Premium */

#top #main .sticky-socket.color-scheme-orange-premium.color-scheme-cta-soft-orange .avia_codeblock_section .avia_codeblock:nth-child(1) {
    display: none;
}

#top #main .sticky-socket.color-scheme-orange-premium.color-scheme-cta-soft-orange .avia_codeblock_section .avia_codeblock:nth-child(2) {
    margin-left: 0;
    padding-left: 0;
    border-left: none;
}

#top #main .sticky-socket.color-scheme-orange-premium.color-scheme-cta-soft-orange .avia_codeblock_section {
    justify-content: space-between;
}

#top #main .sticky-socket.color-scheme-orange-premium.color-scheme-cta-soft-orange .avia_codeblock_section .avia_codeblock:nth-child(2) p {
    font-size: 16px;
    font-weight: 600;
}

@media (max-width: 1600px) {
    #top #main .sticky-socket.color-scheme-orange-premium.color-scheme-cta-soft-orange .flex_cell {
        max-width: 842px;
    }
}

.further-recommendations .flex_column .av-subheading.av-subheading_above p {
    color: black;
    font-weight: normal;
}

.further-recommendations .flex_column .av-subheading_above:has(.hmg-premium-badge) {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 5px;
}

.further-recommendations .flex_column .av-subheading_above:has(.hmg-premium-badge) p {
    margin: 0;
    margin-top: -3.5px;
}




/* Auto-Spacing: In Bearbeitung */

.avia-section.avia-section-default .content {
    padding-top: 50px;
    padding-bottom: 50px;
}

.home .description-wrapper.color-scheme-dark.avia-section {
    padding-top: 50px;
    padding-bottom: 50px;
}

.avia-section.avia-section-default.mockup-wrapper .content {
    padding-top: 100px;
    padding-bottom: 100px;
}

.avia-section.avia-section-default.authors-wrapper .content {
    padding-top: 100px;
    padding-bottom: 50px;
}

/* Footer */
/* #top #main #footer-page .avia-section.footer .template-page.content {} */

#top #main .avia-section.fullsize.has-border .content {
    padding-bottom: 100px;
}

#top #main .avia-section.fullsize.has-border + .avia-section .content {
    padding-top: 100px;
}

/* Newsletter Focus Styles */
.further-recommendations .flex_column > a:focus,
.further-recommendations .flex_column > a:focus-visible {
    outline: 2px solid var(--colorOutline) !important;
    outline-offset: 2px !important;
}

.further-recommendations .flex_column > a:focus:not(:focus-visible) {
    outline: none !important;
}

/* Ensure focus styles work on all newsletter blocks */
#top #main .further-recommendations .flex_column > a:focus {
    outline: 2px solid var(--colorOutline) !important;
    outline-offset: 2px !important;
}

/* Make newsletter links block elements for proper focus display */
.further-recommendations .flex_column > a {
    display: block !important;
    position: relative !important;
    z-index: 1 !important;
}

/* Ensure the focus outline is visible above other elements */
.further-recommendations .flex_column > a:focus {
    z-index: 10 !important;
}

.hb-btn-white:focus {
    outline: 2px solid var(--colorPrimaryDarker) !important;
    outline-offset: 2px !important;
}