/*
Theme Name: Handelsblatt-Finanzen-Vergleichsportal-Theme
Theme URI: https://www.handelsblatt.com
Author: FARN Digital GmbH
Author URI: https://www.farn.de
Text Domain: hbfv-theme
Version: 1.2.5
*/

@import url("https://resources.handelsblatt.com/fonts/fonts.css");
@import url("assets/css/hb-icons.css");

/*
html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-smooth: antialiased;
    text-rendering: optimizeLegibility;
    word-wrap: normal;
    font-variant-ligatures: common-ligatures;
    -webkit-font-feature-settings: "liga", "clig";
    -moz-font-feature-settings: "liga", "clig";
    font-feature-settings: "liga", "clig";
    -webkit-font-feature-settings: "liga", "lnum";
    -moz-font-feature-settings: "liga", "lnum";
    font-feature-settings: "liga", "lnum";
    -webkit-tap-highlight-color: rgba(0,0,0,0);
} */

:root {
    --shadow: 2px 4px 20px 0px rgba(0, 0, 0, 0.1);
}

/* override color variables for darkmode */
hmg-theme.hb-dark,
hmg-theme.wiwo-dark {
    --wp--preset--color--secondary: #666666;
    --wp--preset--color--secondary-light: #333333;
    --wp--preset--color--white: #121212;
    --wp--preset--color--shade-lighter: #333333;
    --wp--preset--color--shade-light: #666666;
    --wp--preset--color--shade-dark: #eeeeee;
    --wp--preset--color--shade-darker: #f6f6f6;
    --wp--preset--color--black: #ffffff;
    --wp--preset--color--success: #31e07a;
    --wp--preset--color--danger: #ff3838;
    --wp--preset--color--green-light: #203c2c;

    --shadow: 2px 4px 20px 0px rgba(0, 0, 0, 1);
}

.hmg-channelizer-content-area,
.no-channelizer {
    font-size: 18px;
}
.hmg-channelizer-content-area *,
.hmg-channelizer-content-area *::before,
.hmg-channelizer-content-area *::after,
.no-channelizer *,
.no-channelizer *::before,
.no-channelizer *::after {
    box-sizing: inherit;
}
.hmg-channelizer-content-area > div:first-child,
.no-channelizer > div:first-child {
    margin: 0;
    padding: 0;
}

.hmg-channelizer-content-area img,
.hmg-channelizer-content-area svg,
.no-channelizer img,
.no-channelizer svg {
    width: 100%;
    height: auto;
}
/* Headings */
.hmg-channelizer-content-area h1 a,
.hmg-channelizer-content-area h2 a,
.hmg-channelizer-content-area h3 a,
.hmg-channelizer-content-area h4 a,
.hmg-channelizer-content-area h5 a,
.hmg-channelizer-content-area h6 a,
.no-channelizer h1 a,
.no-channelizer h2 a,
.no-channelizer h3 a,
.no-channelizer h4 a,
.no-channelizer h5 a,
.no-channelizer h6 a {
    color: inherit;
    text-decoration: none !important;
}
.wp-block-heading.is-style-special-headline {
    font-family: "Druk Web";
}
h1.wp-block-heading.is-style-special-headline,
h2.wp-block-heading.is-style-special-headline {
    font-size: 3.2rem;
    letter-spacing: 1px;
}
.hmg-channelizer-content-area p + .wp-block-heading,
.no-channelizer p + .wp-block-heading {
    margin-top: 4rem;
}

p + .wp-block-heading {
    margin-top: 2rem;
}

/* styles for body when channelizer is not active */
body.wp-theme-hbfv-theme {
    background-color: var(--wp--preset--color--shade-lighter);

    height: 100%;
}
.no-channelizer {
    max-width: 768px;
    margin-left: auto;
    margin-right: auto;
    background-color: white;
    box-sizing: border-box;
}
.no-channelizer header {
    position: sticky;
    top: 0;
    z-index: 10;
    margin-bottom: 2rem;
}
.no-channelizer header::after {
    width: 96%;
    height: 1px;
    background-color: var(--wp--preset--color--shade-light);
    content: "";
    margin: 0 auto;
    display: block;
    position: absolute;
    left: 2%;
    bottom: -1px;
}
.no-channelizer header > .wp-block-group:first-child {
    justify-content: space-between;
}
.hb_custom_logo_link {
    text-align: center;
}
.hb_custom_logo,
.no-channelizer header svg#hblogo {
    max-width: 200px;
}
.no-channelizer header nav {
    margin-top: 0;
    padding: 1rem;
}
.no-channelizer header nav ul {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    list-style: none;
    margin: 0;
    padding: 0;
    gap: 0;
    flex-wrap: wrap;
}
.no-channelizer header nav ul li a {
    color: var(--wp--preset--color--shade-dark) !important;
    border-right: 1px solid var(--wp--preset--color--primary);
    padding-right: 0.8rem;
    padding-left: 0.8rem;
}
.no-channelizer header nav ul li:last-child a {
    border-right: none;
    padding-right: 0;
}
.no-channelizer header nav ul li:first-child a {
    padding-left: 0;
}
.no-channelizer header nav ul li a:hover {
    color: var(--wp--preset--color--black) !important;
}
.no-channelizer footer svg#hblogo {
    height: 28px !important;
    width: auto;
}
.no-channelizer footer .has-white-color a {
    color: var(--wp--preset--color--white) !important;
}

/* Links */
.hmg-channelizer-content-area a,
a:where(:not(.wp-element-button)),
.no-channelizer a {
    text-decoration: none;
}
.hmg-channelizer-content-area :where(li a:where(:not(.wp-element-button))) {
    color: var(--wp--preset--color--primary);
}
.wp-block-categories-list li a:where(:not(.wp-element-button)) {
    color: var(--wp--preset--color--black);
}
mark {
    background-color: var(--wp--preset--color--secondary) !important;
}
a.eafl-link:hover {
    color: var(--theme-primary-darker);
}
ul.wp-block-list li a {
    color: var(--color-primary);
}
ul.wp-block-list li a:hover {
    color: var(--theme-primary-dark);
}

/* seperator */
hr.wp-block-separator {
    border-top: 1px solid rgba(0, 0, 0, 0.1) !important;
    /* max-width: 800px !important; */
}

/* widths */
.alignfull {
    margin-right: auto;
    margin-left: auto;
    width: 100%;
    margin-top: 3rem;
}
.alignwide {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}
.wp-block-cover.alignfull > .wp-block-cover__inner-container,
.wp-block-group.alignfull {
    width: 100%;
}
.entry-content > :not(.alignwide):not(.alignfull),
.wp-site-blocks > :not(.alignwide):not(.alignfull):not(.entry-content),
.wp-block-cover.alignfull
    > .wp-block-cover__inner-container
    > :not(.alignwide):not(.alignfull),
.wp-block-group.alignfull > :not(.alignwide):not(.alignfull) {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}

/* paddings and margins for alignfull blocks */
.wp-block-group.alignfull.has-background,
.wp-block-cover.alignfull {
    padding: 3rem 0;
}
.alignfull + * {
    margin-top: 3rem;
}
.alignfull + .alignfull,
.alignfull + footer {
    margin-top: 0 !important;
}
.entry-content > *:last-child:not(.alignfull),
.wp-site-blocks > *:last-child:not(.alignfull):not(.entry-content) {
    margin-bottom: 3rem;
}

/* lists */
.hmg-channelizer-content-area ul,
.no-channelizer ul {
    padding-left: 1.5rem;
}
.hmg-channelizer-content-area ul.is-style-default,
.hmg-channelizer-content-area ul.is-style-check-list,
.no-channelizer ul.is-style-default,
.no-channelizer ul.is-style-check-list {
    list-style: none;
    margin-left: 0;
    padding: 0;
}
.hmg-channelizer-content-area ul.is-style-default li,
.hmg-channelizer-content-area ul.is-style-check-list li,
.no-channelizer ul.is-style-default li,
.no-channelizer ul.is-style-check-list li {
    padding-left: 2rem;
    margin: 5px 0;
}
.hmg-channelizer-content-area ul.is-style-default li > div,
.hmg-channelizer-content-area ul.is-style-check-list li > div,
.no-channelizer ul.is-style-default li > div,
.no-channelizer ul.is-style-check-list li > div {
    display: inline-block;
}
.hmg-channelizer-content-area ul.is-style-default li:before,
.hmg-channelizer-content-area ul.is-style-check-list li:before,
.no-channelizer ul.is-style-default li:before,
.no-channelizer ul.is-style-check-list li:before {
    content: "•";
    padding-right: 10px;
    display: inline;
    margin-left: calc(-1rem - 10px);
}
.hmg-channelizer-content-area ul.is-style-check-list li:before,
.no-channelizer ul.is-style-check-list li:before {
    content: "✓";
}
/* categories lists */
.wp-block-categories-list {
    margin: 0;
    padding: 0;
    list-style-type: none;
    margin-top: 2rem;
    column-count: 4;
    column-gap: 3rem;
    column-rule: 1px solid var(--wp--preset--color--shade-light);
}
.wp-block-categories-list li {
    line-height: 1.2;
    margin-bottom: 10px;
}
.wp-block-categories-list li a {
    text-decoration: none;
    font-family: "ClassicGrotesquePro", sans-serif;
    font-size: 1.1rem;
    hyphens: auto;
    line-height: 1.2 !important;
    display: inline-block;
    font-weight: normal;
}

/* buttons */
.wp-block-button.is-style-outline .wp-block-button__link:hover {
    color: var(--wp--preset--color--primary-darker) !important;
}

/* query loop compare boxen */
.wp-block-post .taxonomy-software-kategorie {
    background-color: var(--wp--preset--color--green-light) !important;
}

/* query-loop-blocks and columns */
.wp-block-query .wp-block-post-template .wp-block-post,
.wp-block-column,
.linked-query .teaser {
    position: relative;
}
.wp-block-query .wp-block-post-template .wp-block-post:not(:last-child)::after,
.wp-block-columns
    .wp-block-column:has(.wp-block-query:first-child):not(:last-child)::after,
.wp-block-columns
    .wp-block-column:has(.teaser:first-child):not(:last-child)::after,
.wp-block-columns.is-style-has-lines .wp-block-column:not(:last-child)::after,
.linked-query
    .teaser:not(.teaser_display_mid):not(.teaser_display_big):not(
        .teaser_display_bigslim
    ):not(:last-child)::after {
    content: "";
    width: 1px;
    background-color: var(--wp--preset--color--black);
    opacity: 0.1;
    height: 100%;
    right: calc(-1rem - 0.5px);
    position: absolute;
    top: 0;
}
.wp-block-columns
    .wp-block-column:has(.wp-block-query:first-child):not(:last-child)::after,
.wp-block-columns
    .wp-block-column:has(.teaser:first-child):not(:last-child)::after {
    right: calc(-1.5rem - 0.5px);
}
.wp-block-query .wp-block-post-template .wp-block-post:not(:last-child)::after,
.wp-block-columns:not(.is-not-stacked-on-mobile)
    .wp-block-column:has(.wp-block-query:first-child):not(:last-child)::after,
.wp-block-columns:not(.is-not-stacked-on-mobile)
    .wp-block-column:has(.teaser:first-child):not(:last-child)::after,
.wp-block-columns.is-style-has-lines:not(.is-not-stacked-on-mobile)
    .wp-block-column:not(:last-child)::after,
.linked-query
    .teaser:not(.teaser_display_mid):not(.teaser_display_big):not(
        .teaser_display_bigslim
    ):not(:last-child)::after {
    width: 100%;
    height: 1px;
    right: auto;
    left: 0;
    top: auto;
    bottom: calc(-1rem - 0.5px);
}
.wp-block-columns:not(.is-not-stacked-on-mobile)
    .wp-block-column:has(.wp-block-query:first-child):not(:last-child)::after,
.wp-block-columns:not(.is-not-stacked-on-mobile)
    .wp-block-column:has(.teaser:first-child):not(:last-child)::after {
    bottom: calc(-1.5rem - 0.5px);
}

/* cover-blocks */
.wp-block-cover.alignfull.has-custom-content-position {
    padding: 2rem !important;
}

/* lists */
ul.is-style-default,
ul.is-style-check-list {
    list-style: none;
    margin-left: 0;
    padding: 0;
}
ul.is-style-default li,
ul.is-style-check-list li {
    padding-left: 2rem;
    margin: 5px 0;
}
ul.is-style-default li > div,
ul.is-style-check-list li > div {
    display: inline-block;
}
ul.is-style-default li:before,
ul.is-style-check-list li:before {
    content: "•";
    padding-right: 10px;
    display: inline;
    margin-left: calc(-1rem - 10px);
}
ul.is-style-check-list li:before {
    content: "✓";
}

/* tables */
.wp-block-table {
    margin-top: 2rem;
}
.alignfull.wp-block-table {
    width: 90% !important;
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
}
.wp-block-table table {
    border: none !important;
    overflow-y: auto;
    display: block;
    width: 100%;
}
.wp-block-table table thead {
    text-align: justify;
    border: none !important;
}
.wp-block-table table td {
    vertical-align: baseline;
    border: none !important;
    min-width: 120px !important;
}
.wp-block-table table th {
    border: none !important;
    min-width: 120px !important;
    text-align: left;
}
.wp-block-table table tr {
    border: none !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important;
}

.wp-block-table a {
    text-decoration: none;
    color: var(--wp--preset--color--primary);
}

.wp-block-table figcaption {
    text-align: right;
    font-size: 10px;
    font-weight: 400;
    line-height: 15px;
    margin-top: 1rem;
}

.wp-block-group.is-style-mobile-horizontal-scroll {
    overflow-y: auto;
}

/* channelizer fixes */
#hmg-channelizer-content-area {
    width: calc(100% + 34px);
    margin-left: -17px;
    overflow: hidden !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
footer .icon-size--regular svg {
    fill: white !important;
}
app-footer,
app-header {
    font-size: 16px;
}
#footer_banner_piano {
    display: none;
}

/* replace emojis */
.emoji_star::before {
    content: "";
    width: 16px;
    height: 16px;
    display: inline-block;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 15 15' fill='none'%3E%3Cpath d='M7.98651 0.357785L9.80366 4.02636C9.84499 4.11948 9.91 4.20013 9.99222 4.26029C10.0744 4.32044 10.171 4.358 10.2722 4.36921L14.2836 4.9635C14.3999 4.97842 14.5093 5.02609 14.5994 5.10094C14.6895 5.17577 14.7564 5.2747 14.7923 5.38614C14.8283 5.49759 14.8317 5.61697 14.8024 5.73033C14.7731 5.8437 14.7121 5.94637 14.6265 6.02636L11.7351 8.89493C11.6613 8.96388 11.6059 9.05017 11.574 9.14599C11.542 9.2418 11.5346 9.34407 11.5522 9.4435L12.2493 13.4777C12.2696 13.5937 12.2568 13.7129 12.2125 13.822C12.1683 13.931 12.0944 14.0254 11.9991 14.0945C11.9039 14.1636 11.7911 14.2045 11.6737 14.2127C11.5563 14.2208 11.4389 14.1959 11.3351 14.1406L7.72366 12.232C7.63119 12.1867 7.52953 12.1631 7.42651 12.1631C7.3235 12.1631 7.22185 12.1867 7.12937 12.232L3.51794 14.1406C3.41404 14.1959 3.29673 14.2208 3.17935 14.2127C3.06196 14.2045 2.94922 14.1636 2.85396 14.0945C2.7587 14.0254 2.68473 13.931 2.64048 13.822C2.59624 13.7129 2.58347 13.5937 2.60366 13.4777L3.3008 9.39779C3.31847 9.29836 3.31099 9.19608 3.27906 9.10028C3.24713 9.00446 3.19174 8.91816 3.11794 8.84921L0.192231 6.02636C0.105674 5.94418 0.0448023 5.83866 0.0169897 5.72261C-0.0108229 5.60654 -0.00438169 5.48489 0.0355303 5.37241C0.0754435 5.25993 0.147115 5.16144 0.241866 5.08886C0.336617 5.01629 0.450379 4.97273 0.56937 4.9635L4.5808 4.36921C4.68206 4.358 4.7786 4.32044 4.86082 4.26029C4.94304 4.20013 5.00804 4.11948 5.04937 4.02636L6.86651 0.357785C6.916 0.250939 6.99502 0.160479 7.09425 0.0970823C7.19347 0.0336857 7.30876 0 7.42651 0C7.54426 0 7.65956 0.0336857 7.75879 0.0970823C7.85801 0.160479 7.93703 0.250939 7.98651 0.357785Z' fill='%23EF7C00'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    vertical-align: bottom;
    margin-right: 0;
    margin-bottom: 4px;
}

.emoji_check::before {
    content: "";
    width: 20px;
    height: 20px;
    display: inline-block;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M0 10C0 4.47715 4.47715 0 10 0C15.5228 0 20 4.47715 20 10C20 15.5228 15.5228 20 10 20C4.47715 20 0 15.5228 0 10Z' fill='%231F8F4E'/%3E%3Cg clip-path='url(%23clip0_2443_6694)'%3E%3Cpath d='M6.25 10.7689L8.01239 13.0348C8.07186 13.1121 8.14806 13.1749 8.23527 13.2186C8.32248 13.2621 8.41844 13.2855 8.51593 13.2866C8.61185 13.2878 8.70682 13.2674 8.79393 13.2273C8.88103 13.1871 8.95808 13.1279 9.01947 13.0542L14.6423 6.25' stroke='white' stroke-width='1.12974' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_2443_6694'%3E%3Crect width='10' height='10' fill='white' transform='translate(5 5)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    vertical-align: bottom;
    margin-right: 0;
    margin-bottom: 4px;
}

.emoji_cross::before {
    content: "";
    width: 20px;
    height: 20px;
    display: inline-block;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M0 10C0 4.47715 4.47715 0 10 0C15.5228 0 20 4.47715 20 10C20 15.5228 15.5228 20 10 20C4.47715 20 0 15.5228 0 10Z' fill='%239E2323'/%3E%3Cpath d='M6 14L14 6M6 6L14 14' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    vertical-align: bottom;
    margin-right: 0;
    margin-bottom: 4px;
}

.emoji_android {
    width: 20px;
    height: 20px;
    display: inline-block;
    border: 0.667px solid var(--wp--preset--color--shade-light);
}

.emoji_android::before {
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='9' viewBox='0 0 15 9' fill='none'%3E%3Cpath d='M10.9519 6.22587C10.6075 6.22587 10.3273 5.94939 10.3273 5.60979C10.3273 5.27018 10.6075 4.99394 10.9519 4.99394C11.2964 4.99394 11.5765 5.27013 11.5765 5.60979C11.5765 5.94945 11.2964 6.22587 10.9519 6.22587ZM4.0481 6.22587C3.7037 6.22587 3.42354 5.94939 3.42354 5.60979C3.42354 5.27018 3.70364 4.99394 4.0481 4.99394C4.39251 4.99394 4.67267 5.27013 4.67267 5.60979C4.67267 5.94945 4.39257 6.22587 4.0481 6.22587ZM11.1759 2.51586L12.4242 0.383993C12.4586 0.325158 12.4679 0.255285 12.4501 0.189705C12.4322 0.124125 12.3888 0.0681945 12.3292 0.0341857C12.2695 0.000317916 12.1987 -0.00883346 12.1322 0.0087386C12.0656 0.0263107 12.0089 0.0691714 11.9744 0.127922L10.7105 2.28674C9.74387 1.85182 8.65835 1.6095 7.5 1.6095C6.34165 1.6095 5.25613 1.85182 4.28956 2.28674L3.02557 0.127922C2.99107 0.0691714 2.93435 0.0263107 2.86785 0.0087386C2.80135 -0.00883346 2.73049 0.000317916 2.67082 0.0341857C2.61119 0.0681626 2.56769 0.124094 2.54986 0.189687C2.53204 0.25528 2.54135 0.325168 2.57576 0.383993L3.82408 2.51586C1.68053 3.66545 0.214475 5.80527 0 8.33333H15C14.7854 5.80532 13.3193 3.66545 11.1759 2.51581' fill='%233DDB85'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto;
}

.emoji_apple {
    width: 20px;
    height: 20px;
    display: inline-block;
    border: 0.667px solid var(--wp--preset--color--shade-light);
}

.emoji_apple::before {
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='15' viewBox='0 0 13 15' fill='none'%3E%3Cpath d='M10.2005 7.96903C10.2216 10.239 12.1919 10.9944 12.2137 11.004C12.1971 11.0573 11.8989 12.0805 11.1757 13.1374C10.5505 14.0512 9.90163 14.9616 8.87947 14.9805C7.87509 14.999 7.55213 14.3849 6.40384 14.3849C5.25591 14.3849 4.89708 14.9616 3.94633 14.999C2.95968 15.0364 2.20834 14.0109 1.57798 13.1005C0.289852 11.2382 -0.694542 7.83808 0.62725 5.54296C1.28389 4.40319 2.45735 3.68144 3.73104 3.66293C4.6999 3.64445 5.61436 4.31475 6.20666 4.31475C6.79859 4.31475 7.90986 3.50866 9.07812 3.62704C9.5672 3.6474 10.9401 3.8246 11.8216 5.11495C11.7506 5.15898 10.1835 6.07125 10.2005 7.96903V7.96903ZM8.31293 2.39498C8.83675 1.76092 9.1893 0.878249 9.09312 0C8.33808 0.0303463 7.42507 0.503138 6.88349 1.13685C6.39814 1.69803 5.97308 2.59623 6.08777 3.4571C6.92935 3.52221 7.78909 3.02944 8.31293 2.39498Z' fill='black'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto;
}


/* dark mode styles */
/* hmg-theme.hb-dark a:where(:not(.wp-element-button)),
hmg-theme.wiwo-dark a:where(:not(.wp-element-button)) {
    color:white;
}
hmg-theme.hb-dark .has-shade-lighter-background-color,
hmg-theme.wiwo-dark .has-shade-lighter-background-color {
    background-color:#2a2a2a !important;
}
hmg-theme.hb-dark .wp-block-table.is-style-stripes tbody tr:nth-child(2n+1),
hmg-theme.wiwo-dark .wp-block-table.is-style-stripes tbody tr:nth-child(2n+1) {
    background-color:#2a2a2a !important;
} */

/* media queries -------------------------------------------------------------------------------------------------------------------------------------------- */
@media only screen and (min-width: 600px) {
    .wp-block-table table {
        display: table;
    }
    .alignfull.wp-block-table {
        width: 95% !important;
    }
}
@media only screen and (min-width: 782px) {
    /* query loop blocks and columns */
    .wp-block-query
        .wp-block-post-template.is-layout-grid
        .wp-block-post:not(:last-child)::after,
    .linked-query.display-grid .teaser:not(:last-child)::after {
        width: 1px;
        height: 100%;
        right: calc(-1rem - 0.5px);
        left: auto;
        top: 0;
        bottom: auto;
        content: "";
        background-color: var(--wp--preset--color--black);
        opacity: 0.1;
        position: absolute;
    }
    .wp-block-columns:not(.is-not-stacked-on-mobile)
        .wp-block-column:has(.wp-block-query:first-child):not(
            :last-child
        )::after,
    .wp-block-columns:not(.is-not-stacked-on-mobile)
        .wp-block-column:has(.teaser:first-child):not(:last-child)::after,
    .wp-block-columns.is-style-has-lines:not(.is-not-stacked-on-mobile)
        .wp-block-column:not(:last-child)::after {
        width: 1px;
        height: 100%;
        right: calc(-1.5rem - 0.5px);
        left: auto;
        top: 0;
        bottom: auto;
    }
    .wp-block-group.is-style-mobile-horizontal-scroll {
        overflow-y: unset;
    }
    .hb_custom_logo_link {
        margin-left: 50% !important;
        transform: translate(-50%);
        display: block;
    }
}
@media only screen and (min-width: 990px) {
    /* cover-blocks */
    .wp-block-cover.alignfull.has-custom-content-position {
        padding: 8rem !important;
    }

    /* paddings and margins for alignfull blocks */
    .alignfull {
        margin-top: 6rem;
    }
    .wp-block-group.alignfull.has-background,
    .wp-block-cover.alignfull {
        padding: 6rem 0;
    }
    .alignfull + * {
        margin-top: 6rem;
    }
    .entry-content > *:last-child:not(.alignfull),
    .wp-site-blocks > *:last-child:not(.alignfull):not(.entry-content) {
        margin-bottom: 6rem;
    }
}

@media only screen and (min-width: 1024px) {
    .no-channelizer {
        max-width: 1000px;
    }
}

/* special media query for padding fix */
@media only screen and (min-width: 768px) and (max-width: 1024px) {
    #hmg-channelizer-content-area {
        width: calc(100% + 68px);
        margin-left: -34px;
    }
}

/* special media query for content width plus 10vw */
@media only screen and (min-width: calc(1200px + 10vw)) {
}

/* special media query for mobile font sizes */
@media only screen and (max-width: 600px) {
    h1,
    h1 {
        font-size: 2rem;
        line-height: 1.1875;
    }
    h2 {
        font-size: 1.5rem;
        line-height: 1.33;
    }
    h3 {
        font-size: 1.125rem;
        line-height: 1.22;
    }
    h4 {
        font-size: 1rem;
        line-height: 1.3125;
    }
}