/* cmsms stylesheet: G23 modified: 03.07.2025 14:21:40 */
:root {
    --gh23-d: #000000;
    --gh23-d75: #021227b8;
    --gh23-r: #021227;
    --gh23-b: #000000;
    --gh23-w: #fff;
    --gh23-w75: #ffffffe8;
    --gh23-g: #d6dce7;
    --gh23-g75: #d6dce7e8;
    --gh23-g50: #d6dce773;
    --gh23-g25: #d6dce745;
    --gh23-y: #f0ff00;
    --gh24-b: #1a98ff;
    --gh24-mw:
    var(--max-width);
    -ms-text-size-adjust: 100%;
    -moz-font-smoothing: auto;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: auto;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    box-sizing: border-box;
    --max-width: 1660px;
    --max-width-reading: 1200px;
    --border-radius: 10px;
    box-sizing: border-box;
--nav-height: 5rem;
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    box-sizing: border-box;
    word-break: break-word;
    border-collapse: collapse;
}

*, *:before, *:after {
    box-sizing: border-box;
}

.noscroll {
    overflow: hidden;
}

.anchor {
    margin-top: -7rem;
    height: 7rem;
}

/* FONTS */
@font-face {
    font-family: 'Oscine';
    font-style: normal;
    font-weight: 400;
    src: url('/assets/font/Oscine_W_Rg.woff') format('woff'), url('/assets/font/Oscine_W_Rg.woff2') format('woff2');
}

@font-face {
    font-family: 'Oscine';
    font-style: normal;
    font-weight: 800;
    src: url('/assets/font/Oscine_W_XBd.woff') format('woff'), url('/assets/font/Oscine_W_XBd.woff2') format('woff2');
}

body {
    margin: 0;
    font-family: 'Oscine', Arial;
    line-height: 1.8;
    font-size: 16px;
    font-weight: 400;
    overflow-x: hidden;
    box-sizing: border-box;
}

content a, content a:visited {
    font-weight: bold;
    color: var(--gh23-d);
    text-decoration: none;
}

content a:hover:not([class]):not(:empty) {
    background-image: linear-gradient(var(--gh23-y),var(--gh23-y));
    background-size: 100% 8px;
    background-repeat: no-repeat;
    background-position: left bottom;
    transition: background-size .3s;
    cursor: pointer;
}

content a:not([class]):not(:empty) {
    background-image: linear-gradient(var(--gh23-y),var(--gh23-y));
    background-size: 100% 8px;
    background-repeat: no-repeat;
    background-position: left bottom;
    transition: background-size .3s;
    cursor: pointer;
}

/* HEADER */
.gh-g-header {
    position: fixed;
    top: 0;
    width: 100%;
    transition: background-color 0.5s, box-shadow .5s;
    z-index: 10000;
    border-bottom: 1px solid transparent;
    padding: 0 20px 0 20px;
}

.gh-g-header:hover {
    top: 0;
    background-color: #ffffff;
}

.gh-g-header.is--scrolling {
    background-color: #ffffffc2;
    backdrop-filter: saturate(180%) blur(20px);
    box-shadow: 0 2px 5px #0000000d;
}

.gh-g-header--wrapper {
    max-width: var(--max-width);
    margin: 0 auto;
    display: flex;
    height: 6rem;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    position: relative;
}

a.gh-g-header--logo svg {
    width: 250px;
    fill: var(--grace-dark);
}

/* Header Navigation*/
.gh-g-header--logo {
    line-height: 0;
}

a.gh-g-header--logo svg#greyhound--logo-mobile {
    display: none;
    width: 2.5rem;
}

.logo--flex {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    text-decoration: none;
    align-content: center;
    align-items: center;
}

img.partner--logo {
    height: 46px;
}

.logo--flex > span {
    text-decoration: none;
    display: flex;
    font-weight: 800;
    color: #000;
    justify-content: center;
    padding: 0 10px;
}
@media(max-width: 1380px){
    img.partner--logo {
    height: 40px;
}
.logo--flex svg#greyhound--logo-desktop {
    display: none;
}

a.gh-g-header--logo.logo--flex svg#greyhound--logo-mobile {
    display: block;
    margin-left: 5px;
}
}




.gh-g-navigation--main-right {
    display: flex;
}

#gh-g-navigation--main .gh-g-button {
    background-color: var(--gh23-b);
    line-height: initial;
    padding: 10px 18px;
    color: #fff;
    border-radius: 32px;
    white-space: nowrap;
    cursor: pointer;
    text-align: center;
    margin-left: 10px;
    border: 2px solid var(--gh23-b);
    background-repeat: no-repeat;
    background-position: left bottom;
    transition: background-size .3s, color .3s;
    background-image: linear-gradient(var(--gh23-y),var(--gh23-y));
    background-size: 0% 100%;
}

#gh-g-navigation--main .gh-g-button:hover {
    background-image: linear-gradient(var(--gh23-y),var(--gh23-y));
    background-size: 100% 100%;
    color: var(--gh23-b);
}

#gh-g-navigation--main > ul {
    display: flex;
    padding: 0;
    margin: 0 auto;
}

nav#gh-g-navigation--main {
    padding: 0 0 0 17px;
    display: flex;
    justify-content: space-between;
    flex: 1 auto;
}

#gh-g-navigation--main li {
    list-style-type: none;
    position: relative;
}

#gh-g-navigation--main a {
    text-decoration: none;
    color: var(--grace-dark);
    display: inline-block;
    width: 100%;
    padding: 8px 10px;
    box-sizing: border-box;
    align-self: center;
    transition: all .3s ease-in-out;
    font-weight: 800;
    color: var(--gh23-b);
}

#gh-g-navigation--main a.gcc:hover {
    color: var(--gh23-b);
    background-image: linear-gradient(var(--gh23-y),var(--gh23-y));
    background-size: 100% 100%;
    color: var(--gh23-b);
}

#gh-g-navigation--main a.gcc {
    border: 2px solid var(--gh23-b);
    border-radius: 30px;
    padding: 10px 18px;
    text-align: center;
    box-sizing: border-box;
    line-height: initial;
    background-repeat: no-repeat;
    background-position: left bottom;
    transition: background-size .3s, color .3s;
    background-image: linear-gradient(var(--gh23-y),var(--gh23-y));
    background-size: 0% 100%;
}

#gh-g-navigation--main .red a:hover {
    color: var(--gh23-b);
}

#gh-g-navigation--main .blue a:hover {
    color: var(--gh23-b);
}

#gh-g-navigation--main .green a:hover {
    color: #00C176;
}

.red .gh-grace-panel--highlight {
    background-color: var(--gh23-y);
    color: var(--gh23-r);
}

.blue .gh-grace-panel--highlight {
    /* background-color: var(--gh23-y); */
    color: var(--gh23-b);
}

.green .gh-grace-panel--highlight {
    background-color: #c1f7de;
    color: #00C176;
}

#gh-g-navigation--main ul {
    padding: 0;
    margin: 0 auto;
}

#gh-g-navigation--main > ul > li > a, #gh-g-navigation--main > ul > li > span {
    display: inline-block;
    line-height: 3.8rem;
    font-weight: 700;
    padding: 0px 18px;
    color: var(--grace-dark);
    height: 3.8rem;
    white-space: nowrap;
    cursor: pointer;
}

#gh-g-navigation--main > ul > li > a.active {
    /* color: #ff5959; */
}

#gh-g-navigation--main .menu-item.list-icon a {
    display: flex;
    flex-direction: row;
    padding-left: 0;
}

.gh-grace-panel--highlight, .active .gh-grace-panel--highlight {
    position: absolute;
    background-color: var(--gh23-g50);
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: -1;
    border-radius: 8px;
    transform: scale(0.95);
    transition: transform .3s, opacity .3s;
    opacity: 0;
    display: block;
    /* border: 1px solid var(--gh23-g25); */
}

.gh-g-header .menu-item a:hover > .gh-grace-panel--highlight, .gh-g-header .menu-item a.active > .gh-grace-panel--highlight {
    transform: scale(1);
    opacity: 1;
}

#gh-g-navigation--main .gh-g-navigation--main-panel-wrapper > ul {
    display: grid;
    grid-template-columns: 2fr 1fr;
    grid-template-rows: auto 1fr;
    grid-template-areas: "main custom" "main testen";
    width: 100%;
}

#gh-g-navigation--main .gh-g-navigation--main-panel-wrapper > ul > li:nth-child(1) {
    grid-area: main;
    min-width: 0;
}

#gh-g-navigation--main .gh-g-navigation--main-panel-wrapper > ul > li:nth-child(2) {
    grid-area: custom;
    min-width: 0;
}

#gh-g-navigation--main .gh-g-navigation--main-panel-wrapper > ul > li:nth-child(3) {
    grid-area: testen;
    min-width: 0;
}

li.menu-item.panel-icon:hover:not(.blue):not(.red) .gh-grace-panel-image {
    /* filter: invert(48%) sepia(84%) saturate(1653%) hue-rotate(323deg) brightness(102%) contrast(122%); */
}

li.menu-item.panel-icon:not(.blue):not(.red) .gh-grace-panel-image {
    /* filter: invert(0) sepia(0) saturate(0) hue-rotate(0) brightness(50%) contrast(0); */
}

/* Menu Arrow */
svg#more-indicator {
    height: 9px;
    width: 9px;
    fill: #c3c3c3;
    transform: rotate(0);
    transform-origin: center;
    transition: transform .15s;
    margin-left: 9px;
    display: none;
}

#gh-g-navigation--main > ul > li:hover svg#more-indicator {
    fill: #ff5959;
    transform: rotate(-180deg);
}

/* Sub Menu Normal */
#gh-g-navigation--main > ul > .has-sub > ul {
    position: absolute;
    background-color: white;
    top: calc(3.8rem - 1px);
    white-space: nowrap;
    left: 50%;
    min-width: 204px;
    transform: translateX(-50%) translateY(0px);
    box-shadow: 0 7px 14px 0 rgba(0, 0, 0, 0.25);
    display: none;
    padding: 9px;
    border-radius: 10px;
}

#gh-g-navigation--main > ul > li:hover > ul, #gh-g-navigation--main > ul > li:hover div {
    display: block;
}

#gh-g-navigation--main > ul > li:hover > span, #gh-g-navigation--main > ul > li:hover > a > span {
    color: var(--gh23-b);
    position: relative;
}

#gh-g-navigation--main > ul > li:hover > span:after, #gh-g-navigation--main > ul > li:hover > a:after, #gh-g-navigation--main > ul > li > a.active:after, #gh-g-navigation--main > ul > li.active > span:after {
    content: "";
    position: absolute;
    display: block;
    height: 8px;
    background-color: var(--gh23-y);
    width: calc(100% - 20px);
    top: 31px;
    z-index: -1;
    left: 10px;
}

/* Sub Menu Panel */
.gh-g-navigation--main-panel-wrapper {
    margin: 0 auto;
}

.gh-g-navigation--main-panel {
    position: absolute;
    top: calc(3.8rem);
    left: 3.8rem;
    right: 3.8rem;
    background-color: #ffffff;
    overflow: hidden;
    transform: translateX(0%) translateY(0px);
    display: none;
    box-shadow: 0 7px 14px 0 rgba(0, 0, 0, 0.25);
    box-sizing: border-box;
    border-radius: 10px;
}

.gh-g-navigation--main-panel-wrapper {
    margin: 0 auto;
    padding: 10px 10px 29px 10px;
    box-sizing: border-box;
}

#gh-g-navigation--main li.panel-menu {
    position: unset;
}

#gh-g-navigation--main .menu-item.panel-icon > ul li {
    margin-left: 44px !important;
}

#gh-g-navigation--main .menu-item.panel-icon > ul li span {
    font-size: 14px;
    line-height: 1.7;
    display: inline-block;
}

#gh-g-navigation--main .menu-item.panel-icon > ul a {
    padding: 10px 5px 10px 25px;
    margin: 0 -7px;
}

#gh-g-navigation--main .gh-g-navigation--main-panel-wrapper > ul > li {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 0 10px;
    box-sizing: border-box;
}

#gh-g-navigation--main .gh-g-navigation--main-panel-wrapper .menu-section > span {
    font-size: 20px;
    margin: 18px 0 13px 5px;
    padding: 0 5px;
    line-height: 1.6rem;
    color: var(--grace-grey);
    /* text-transform: uppercase; */
    font-weight: 800;
    /* border-bottom: 1px solid var(--gh23-g); */
    /* background-image: linear-gradient(var(--gh23-y),var(--gh23-y)); */
    background-size: 100% 36%;
    background-repeat: no-repeat;
    background-position: left bottom;
    transition: background-size .3s;
    display: inline-block;
    flex-grow: 0;
    align-self: flex-start;
}

span.gh-grace-panel-desc {
    display: block;
    color: #000000a3;
    font-size: 14px;
    line-height: 1.4;
    white-space: initial;
    margin-top: 5px;
    font-weight: normal;
}

#gh-g-navigation--main .panel-icon a {
    display: flex;
    position: relative;
    padding: 12px 9px 15px 8px;
}

li.menu-item.panel-icon {
}

.gh-grace-panel-image {
    width: 20px;
    height: 20px;
    margin: 4px 17px 2px 7px;
    display: block;
    background-size: 20px;
    background-position: center;
    background-repeat: no-repeat;
}

#gh-g-navigation--main .gh-g-navigation--main-panel-wrapper > ul li:first-child {
    flex-basis: 60%;
}

#gh-g-navigation--main .gh-g-navigation--main-panel-wrapper > ul li:last-child {
    flex-basis: 33%;
}

#gh-g-navigation--main .gh-g-navigation--main-panel-wrapper > ul > li:first-child > ul {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 22px;
    grid-row-gap: 14px;
}

@media (min-width: 992px) {
    .animate {
        animation-duration: 0.3s;
        -webkit-animation-duration: 0.3s;
        animation-fill-mode: both;
        -webkit-animation-fill-mode: both;
    }
}

@keyframes slideIn {
    0% {
        transform: translateX(-50%) translateY(10px);
        opacity: 0;
    }

    100% {
        transform: translateX(-50%) translateY(0px);
        opacity: 1;
    }

    0% {
        transform: translateX(-50%) translateY(10px);
        opacity: 0;
    }
}

.slideIn {
    -webkit-animation-name: slideIn;
    animation-name: slideIn;
}

@keyframes slideInPanel {
    0% {
        transform: translateX(0) translateY(10px);
        opacity: 0;
    }

    100% {
        transform: translateX(0) translateY(0px);
        opacity: 1;
    }

    0% {
        transform: translateX(0) translateY(10px);
        opacity: 0;
    }
}

.slideInPanel {
    -webkit-animation-name: slideInPanel;
    animation-name: slideInPanel;
}

/*Mobile Menu*/
nav#gh-g-navigation--mobile {
    height: 60px;
    width: 60px;
    position: relative;
    cursor: pointer;
    display: none;
}

nav#gh-g-navigation--mobile span:nth-child(1) {
    content: "";
    height: 3px;
    border-radius: 2px;
    width: 24px;
    display: block;
    background-color: var(--gh23-b);
    position: absolute;
    top: calc(50% - 9px);
    left: calc(50% - 12px);
    transition: all .3s;
}

nav#gh-g-navigation--mobile span:nth-child(2) {
    content: "";
    height: 3px;
    border-radius: 2px;
    width: 24px;
    display: block;
    background-color: var(--gh23-b);
    position: absolute;
    top: calc(50% - 1.5px);
    left: calc(50% - 12px);
    transition: all .2s;
}

nav#gh-g-navigation--mobile span:nth-child(3) {
    content: "";
    height: 3px;
    border-radius: 2px;
    width: 24px;
    display: block;
    background-color: var(--gh23-b);
    position: absolute;
    top: calc(50% + 7px);
    left: calc(50% - 12px);
    transition: all .3s;
}

nav#gh-g-navigation--mobile.active span:nth-child(1) {
    top: 50%;
    transform: rotate(45deg);
    transform-origin: center;
}

nav#gh-g-navigation--mobile.active span:nth-child(3) {
    top: 50%;
    transform: rotate(45deg);
    transform-origin: center;
}

#gh-g-navigation--mobile-menu {
    position: fixed;
    display: block;
    top: calc(5rem - 7px);
    right: 5px;
    max-height: calc(100vh - 5rem - 11px);
    background-color: #021227de;
    backdrop-filter: saturate(180%) blur(20px);
    z-index: 10001;
    overflow: auto;
    max-width: 500px;
    border-radius: 10px;
    opacity: 0;
    transform: translateY(15px);
    pointer-events: none;
    transition: transform .3s, opacity .3s;
}

#gh-g-navigation--mobile-menu.active {
    transform: translateY(0px);
    pointer-events: all;
    opacity: 1;
}

#gh-g-navigation--mobile-menu .menu-section.panel-menu.has-sub {
    font-size: 18px;
    font-weight: 700;
    width: 100%;
    max-width: 100%;
    position: relative;
}

#gh-g-navigation--mobile-menu li.menu-section.has-sub > span, #gh-g-navigation--mobile-menu li.menu-section.is-main > a {
    font-size: 1.1rem;
    text-transform: uppercase;
    font-weight: 800;
    padding: 13px 20px;
    display: block;
    width: 100%;
    max-width: initial;
    position: relative;
    box-sizing: border-box;
    text-decoration: none;
    color: var(--gh23-w);
    cursor: pointer;
}

nav#gh-g-navigation--mobile span:nth-child(2):after, nav#gh-g-navigation--mobile span:nth-child(2):before {
    content: "";
    height: 3px;
    border-radius: 2px;
    width: 24px;
    display: block;
    background-color: var(--gh23-b);
    position: absolute;
    top: calc(50% - 1.5px);
    left: calc(50% - 12px);
    transition: all .5s;
    animation-delay: .5s;
}

#gh-g-navigation--mobile-menu li.menu-section.has-sub.active:before {
    transform: rotate(45deg);
    transform-origin: center;
    right: 26px;
    top: 28px;
}

nav#gh-g-navigation--mobile.active span:nth-child(2):before {
    transform: rotate(-45deg);
    display: block;
}

nav#gh-g-navigation--mobile.active span:nth-child(2):after {
    transform: rotate(45deg);
    display: block;
}

nav#gh-g-navigation--mobile.active span {
    background-color: transparent;
}

#gh-g-navigation--mobile-menu a {
    display: flex;
    margin-bottom: 15px;
    color: var(--gh23-w);
    text-decoration: none;
}

#gh-g-navigation--mobile-menu a .gh-grace-panel-image {
    filter: invert(1);
}

#gh-g-navigation--mobile-menu li.is-main > a {
    display: flex;
    margin-bottom: 0px;
    color: var(--grace-dark);
}

#gh-g-navigation--mobile-menu .gh-grace-panel-image {
    height: 24px;
    width: 24px;
    padding: 0;
}

#gh-g-navigation--mobile-menu li.menu-section.has-sub div .gh-grace-panel-desc {
    font-size: 13px;
    color: #fff;
    font-weight: 100;
}

#gh-g-navigation--mobile-menu li li.menu-section {
    padding: 0 20px;
}

#gh-g-navigation--mobile-menu li.menu-section.has-sub div li > span {
    color: var(--gh23-g);
    font-size: 13px;
    margin-bottom: 18px;
    display: block;
}

#gh-g-navigation--mobile-menu li > a > div > span {
    padding: 0 0 0px 20px;
    font-size: 1rem;
    font-weight: 800;
}

#gh-g-navigation--mobile-menu li.panel-icon > a > div > span {
    padding: 0;
    font-size: 16px;
    color: var(--gh23-w);
}

#gh-g-navigation--mobile-menu li.menu-section.has-sub {
    max-width: initial;
    position: relative;
}

#gh-g-navigation--mobile-menu li.menu-section.has-sub:before {
    content: "";
    position: absolute;
    right: 28px;
    top: 23px;
    height: 8px;
    width: 8px;
    border: 3px solid var(--gh23-w);
    border-left: transparent;
    border-top: transparent;
    transform: rotate(-45deg);
    transform-origin: center;
}

div#gh-g-navigation--mobile-menu ul ul {
    max-height: 0;
    overflow: hidden;
    transition: max-height .3s;
}

div#gh-g-navigation--mobile-menu ul .active ul {
    max-height: 200vh;
}

div#gh-g-navigation--mobile-menu ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

div#gh-g-navigation--mobile-menu .button {
    border: 2px solid var(--gh23-w);
    border-radius: 30px;
    padding: 10px 18px;
    text-align: center;
    box-sizing: border-box;
    line-height: initial;
    text-align: center;
    display: block;
    width: 94%;
    margin: 16px auto 0 auto;
    color: var(--gh23-w);
    font-weight: bold;
}

div#gh-g-navigation--mobile-menu .button.yellow {
    color: var(--gh23-b);
    background-color: #fff;
}

div#gh-g-navigation--mobile-menu .contact {
    text-align: center;
    color: var(--gh23-w);
    padding: 30px 10px 20px 10px;
}

div#gh-g-navigation--mobile-menu .contact a {
    text-align: center;
    display: block;
    font-size: 1rem;
    width: 100%;
    font-weight: bold;
    line-height: 1;
}

div#gh-g-navigation--mobile-menu .contact a.gh-telephone {
    font-size: 2rem;
    margin: 0;
}

a.footer-callus {
    font-size: 2.3rem;
    font-weight: 800;
    line-height: 1;
    margin: 0;
    padding: 0;
}
div#gh-g-navigation--mobile-menu .contact p {
    margin: 0;
}

@media (max-width: 1280px) {
    nav#gh-g-navigation--main > ul {
        display: none;
    }

    nav#gh-g-navigation--main {
        justify-content: flex-end;
    }

    nav#gh-g-navigation--mobile {
        display: block;
    }

    a.gh-g-header--logo svg#greyhound--logo-desktop {
        display: none;
    }

    a.gh-g-header--logo svg#greyhound--logo-mobile {
        display: block;
        margin-left: 5px;
    }
}

@media (max-width: 700px) {
    .gh-g-navigation--main-right {
        display: none;
    }
}

/* ANIMATION */
div#hbspt-form-1cb7e7b4-0aae-42f0-a29a-85ca4d3e0921 {
}

mouse {
    display: flex;
    width: 100%;
    position: absolute;
    bottom: 0;
    z-index: 1;
    justify-content: center;
    align-items: center;
    padding: 20px 20px 32px 20px;
}

mouse div {
    height: 48px;
    width: 32px;
    border: 2px solid #000;
    border-radius: 32px;
    display: inline-block;
    position: relative;
}

mouse div:after {
    content: "";
    height: 46px;
    width: 28px;
    background-color: var(--gh23-y);
    display: block;
    border-radius: 32px;
    z-index: -1;
    position: absolute;
    top: 5px;
    left: -7px;
}

mouse div:before {
    content: "";
    position: absolute;
    top: 7px;
    left: 13px;
    width: 3px;
    height: 4px;
    background-color: black;
    display: block;
    border-radius: 4px;
    animation: mouseScroll 2s ease-in-out 0s infinite normal forwards;
}

@keyframes mouseScroll {
    0% {
        top: 7px;
        height: 6px;
    }

    25% {
        top: 7px;
        height: 20px
    }

    50% {
        top: 24px;
        height: 6px
    }

    75% {
        top: 24px;
        height: 6px
    }

    100% {
        top: 7px;
        height: 6px;
    }
}

/* CONTENT MENU */
nav.content--menu {
    background-color: #010c1adb;
    color: var(--gh23-w);
    position: sticky;
    top: 5rem;
    backdrop-filter: saturate(180%) blur(20px);
}

nav.content--menu wrapper {
    max-width: 1053px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    padding: 0;
    justify-content: space-around;
    height: 5rem;
    line-height: 1.1;
}

.content--menu-item svg {
    fill: currentColor;
    max-height: 32px;
    max-width: 32px;
}

.content--menu-item {
    display: flex;
    flex-direction: column;
    gap: 5px;
    align-items: center;
    font-size: 0.875rem;
}

/*FOOTER*/
.gh-g-copyright {
    text-align: center;
    padding: 15px 15px;
    background-color: var(--gh23-g25);
    font-weight: 800;
}

footer {
    background-color: var(--gh23-g25);
    color: var(--gh23-b);
    list-style: none;
    font-family: 'oscine', sans-serif;
    padding: 3.8rem 1.8rem 0 1.8rem;
}

footer .wrapper {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    max-width: var(--max-width);
    margin: 0 auto;
    justify-content: space-between;
    gap: 40px;
}

footer ul.social-icons {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 9px;
}

footer ul.social-icons li {
}

footer .ico-t {
    background-image: url(/assets/ico_t.svg);
}

footer .ico-f {
    background-image: url(/assets/ico_b.svg);
}

footer .ico-y {
    background-image: url(/assets/ico_yt.svg);
}

footer .ico-v {
    background-image: url(/assets/ico_v.svg);
}

footer .ico-linked {
    background-image: url(/assets/ico_linked.svg);
}

footer .ico-ins {
    background-image: url(/assets/ico_ins.svg);
}

footer .wrapper .panel {
    width: 100%;
}

footer #greyhound--logo-footer {
    width: 100%;
    max-width: 232px;
    margin-bottom: 30px;
}

footer a {
    color: var(--gh23-b);
    text-decoration: none;
    display: inline-block;
    line-height: 1.3;
    margin-bottom: 10px;
    font-weight: normal;
    position: relative;
}

footer ul {
    padding: 0;
    margin: 0 0 15px 0px;
}

footer li {
    list-style: none;
}

footer li.section > span, span.section--header, span.gh-nav-item.parent {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 1.1rem;
    margin-bottom: 12px;
    display: inline-block;
}

footer li.section, footer li.section ul {
    margin-bottom: 25px;
}

li.section.footer-tel {
    text-align: center;
}

footer a span {
    background-size: 0% 8px;
}

footer a:hover span {
    background-image: linear-gradient(var(--gh23-y),var(--gh23-y));
    background-size: 100% 8px;
    background-repeat: no-repeat;
    background-position: left bottom;
    transition: background-size .3s;
    cursor: pointer;
}

footer .ico-t {
    background-image: url(/assets/ico_t.svg);
}

footer .social-wa:before {
    background-image: url(/assets/ico-wa.svg);
    height: 18px;
    width: 18px;
    display: inline-block;
    vertical-align: text-bottom;
    margin-right: 6px;
    content: "";
}

footer li.grace-social-button:before {
    padding-bottom: calc(100% - 8px);
    content: "";
    display: inline-block;
    width: 1px;
    height: 0;
}

footer li.grace-social-button a {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

footer li.grace-social-button {
    position: relative;
    border-radius: 100px;
    background-size: contain;
    background-color: var(--gh23-b);
    width: 16%;
    aspect-ratio: 1;
    background-size: 90%;
    background-position: center;
    background-repeat: no-repeat;
}

@media (max-width: 1280px) {
    footer .wrapper {
        flex-wrap: wrap;
        justify-content: flex-start;
    }

    footer .wrapper .panel {
        width: calc(100% / 3 - 30px);
    }
}

@media (max-width: 600px) {
    footer .wrapper .panel {
        width: calc(100% / 2 - 25px);
    }
}

@media (max-width: 500px) {
    footer .wrapper .panel {
        width: 100%;
    }
}

/* BLOCKS */
content {
    display: block;
}

actions {
    display: inline-flex;
    gap: 20px;
    flex-wrap: wrap;
}

/* HERO */
section.hero {
    display: flex;
    position: relative;
    align-content: center;
    flex-direction: column;
    align-items: center;
    z-index: 0;
    /* max-height: 100vh; */
    height: 100%;
    justify-content: center;
    padding: 6rem 20px 0 20px;
}

.bg--video video {
    min-width: 100%;
    opacity: 0.3;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -2;
    filter: grayscale(1);
}

.bg--g:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    background-color: var(--gh23-g);
    opacity: 0.8;
    z-index: -1;
}

section.hero wrapper {
    padding: 5rem 5rem 5rem 5rem;
    z-index: 2;
    width: 100%;
    max-width: calc(var(--max-width) + 100px);
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    align-content: center;
    border-radius: var(--border-radius);
    overflow: hidden;
    min-height: 64vh;
    box-sizing: border-box;
    gap: 10px;
    background-position: center;
    background-size: cover;
}

/* HERO STANDARD */
section.hero-standard {
    display: flex;
    position: relative;
    align-content: center;
    flex-direction: column;
    align-items: center;
    z-index: 0;
    height: 100%;
    justify-content: center;
    padding: 6rem 20px 0 20px;
}

section.hero-standard wrapper {
    padding: 0rem 3rem;
    z-index: 2;
    width: 100%;
    max-width: calc(var(--max-width) + 100px);
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    align-content: center;
    border-radius: var(--border-radius);
    overflow: hidden;
    min-height: 64vh;
    box-sizing: border-box;
    gap: 40px;
    background-position: center;
    background-size: cover;
    flex-wrap: nowrap;
}

section.hero-standard .h-image, section.hero-standard .h-form {
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: 60%;
}

section.hero-standard .h-image img, section.hero-standard .h-image svg {
    height: auto;
    width: 100%;
    max-width: initial;
}

section.hero-standard .h-text {
    flex-grow: 1;
    flex-shrink: 0;
    flex-basis: 40%;
}

wrapper {
    display: block;
    gap: 40px;
}

section.content wrapper {
    max-width: var(--max-width);
    margin: 0 auto;
    display: flex;
    align-items: center;
    padding: 3rem 20px 3rem 20px;
}

section.content wrapper > div {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-self: flex-start;
    flex-wrap: wrap;
    align-items: flex-start;
}

section.content wrapper > .centered {
    text-align: center;
    align-items: center;
}

/* BLOCK STYLING */
.content--centered {
    text-align: center;
    flex: 1;
}

.content-action {
    width: 100%;
    margin: 0 0 30px 0;
}

content img {
    max-width: 100%;
}

.content--centered img {
    margin: auto auto;
}

figcaption {
    margin: 14px 0 40px 0;
    text-align: center;
}

figure img {
    border: 1px solid var(--gh23-g75);
}

.c-text {
    padding: 2%;
    box-sizing: border-box;
    flex-basis: 47%;
}

.c-image {
    display: flex;
    align-items: center;
    align-content: center;

    overflow: hidden;
}

.c-image img {
    width: 100%;
    height: auto;
    max-width: fit-content;
    max-height: fit-content;
    border-radius: var(--border-radius);
}

.c-image video {
    max-width: 650px;
    width: 100%;
}

section.content--reading wrapper {
    max-width: var(--max-width-reading);
    margin: 0 auto;
    display: flex;
    align-items: center;
    padding: 3rem 20px 3rem 20px;
    gap: 5%;
}

.icon--panel.small img {
    max-height: 220px;
    max-width: 220px;
}

.content--reading .c-text {
    padding: 0 3% 0 0;
}

.mt-50 {
    margin-top: 50px;
}

.mh-70 {
    min-height: 70vh;
}

.mh-85 {
    min-height: 85vh;
}

.mh-100 {
    min-height: 100vh;
}

/* TYPOGRAPHY */
strong, b {
    font-weight: 800;
    display: inline;
}

h1, h2, h3, h4, h5 ,h6, .h1, .h2, .h3, .h4, .h5 ,.h6 {
    line-height: 1.1;
    font-weight: 400;
    margin: 0 0 20px 0;
    width: 100%;
}

h1 svg, h2 svg, h3 svg, .h1 svg, .h2 svg, .h3 svg {
    height: 0.75em;
    margin-bottom: -1px;
    display: inline-block;
}

h1, .h1 {
    font-size: 4rem;
    font-size: clamp(2rem, 4vw, 4rem);
}

h2, .h2 {
    font-size: 2.2rem;
}

h3, .h3 {
    font-size: 1.5rem;
    line-height: 1.3;
}

h4, .h4 {
    font-size: 1.2rem;
    line-height: 2rem;
}

h5, .h5 {
    font-size: 1.2rem;
    line-height: 1.5;
}

h6, .h6 {
    font-size: 0.75rem
}

p {
    margin: 0 0 20px 0;
}

content ol:not([class]), content ul:not([class]) {
    padding: 0 0 20px 30px;
}

content ol li:not([class]), content ul li:not([class]) {
    padding: 0 0 20px 10px;
}

content ol ol:not([class]), content ul ul:not([class]) {
    padding-top: 20px;
}

content .article--content ul li {
    padding: 0 0 15px 0;
}

content ol.toc {
    padding: 0 0 20px 30px;
}

content ol.toc li {
    padding: 0 0 5px 10px;
}


h1.f--large, .h1.f--large {
    font-size: clamp(42px, 8.5vw, 92px);
    line-height: 1;
}

h1.f--large svg {
    height: 1.05em;
    max-width: 85%;
    display: block;
    margin: 0px auto 10px auto;
}

.mt-20 {
    margin-top: 20px;
}

.mt-45 {
    margin-top: 45px;
}

.mb-25 {
    margin-bottom: 25px;
}

.mb-50 {
    margin-bottom: 50px;
}

.mb-75 {
    margin-bottom: 75px;
}

.lh-2 {
    line-height: 2;
}

.f--color-g {
    color: var(--gh23-y);
}

.highlight {
    background-image: linear-gradient(var(--gh23-y),var(--gh23-y));
    background-size: 100% 36%;
    background-repeat: no-repeat;
    background-position: left 90%;
    transition: background-size .3s;
    /* line-height: 0.9; */
    display: inline;
    padding: 0 4px;
    margin: 0 -3px;
    box-sizing: border-box;
    word-break: keep-all;
    height: auto;
}

h3 .highlight, .h2 .highlight {
    padding: 0 5px;
    margin: -2px -5px;
}

.shaddowed-large {
    filter: drop-shadow(14px 18px 29px #4141502e);
}

/* BUTTONS */
.button {
    border: 2px solid var(--gh23-b);
    border-radius: 32px;
    padding: 14px 32px;
    text-align: center;
    box-sizing: border-box;
    line-height: initial;
    text-decoration: none;
    font-weight: bold;
    color: var(--gh23-b);
    display: inline-flex;
    align-items: center;
    background-image: linear-gradient(var(--gh23-y),var(--gh23-y));
    background-size: 0% 100%;
    background-repeat: no-repeat;
    background-position: left bottom;
    transition: background-size .3s, color .3s;
    cursor: pointer;
    justify-content: center;
    white-space: nowrap;
}

.button.large {
    padding: 14px 32px;
}

.button.dark {
    color: var(--gh23-w);
    background-color: var(--gh23-b);
    background-image: linear-gradient(var(--gh23-y),var(--gh23-y));
}

.button.dark:hover {
    color: var(--gh23-b);
    background-color: var(--gh23-b);
    background-image: linear-gradient(var(--gh23-y),var(--gh23-y));
}

.button.yellow {
    background-color: var(--gh23-y);
    background-image: linear-gradient(var(--gh23-b),var(--gh23-b));
}

.button.light {
    color: var(--gh23-w);
    border-color: var(--g23-w);
}

.button.centered {
    margin: 0 auto;
}

.button:hover {
    background-image: linear-gradient(var(--gh23-b),var(--gh23-b));
    background-size: 100% 100%;
    color: var(--gh23-y);
}

.button.icon:hover > span.icon img {
    filter: invert(1);
}

.button.yellow:hover {
    background-image: linear-gradient(var(--gh23-b),var(--gh23-b));
    background-size: 100% 100%;
    color: var(--gh23-y)
}

/* PANEL STARTEN */
section.c--starten-content {
    padding: 0 20px;
}

section.c--starten-content wrapper {
    max-width: var(--max-width);
    margin: 0 auto;
    display: grid;
    padding: 3rem 0;
    grid-template: "MAIN PANE-1" "MAIN PANE-2";
    grid-template-columns: 1.5fr 1fr;
    gap: 20px;
}

.panel-pane {
    display: flex;
    border-radius: 10px;
    background-color: var(--gh23-g50);
    width: 100%;
    height: 100%;
    min-height: 90px;
    padding: 50px;
    box-sizing: border-box;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}

.pane-main {
    grid-area: MAIN;
}

.panel-pane.start {
    background-image: url(/uploads/screens/gh-testen-bg-a.png);
    background-repeat: no-repeat;
    background-position: right center;
    display: flex;
}

.panel-pane.start > div {
    width: 60%;
}

.pane-1 {
    grid-area: PANE-1;
}

.pane-2 {
    grid-area: PANE-2;
    display: flex;
    border-radius: 10px;
    background-color: var(--gh23-g50);
    width: 100%;
    height: 100%;
    min-height: 90px;
    padding: 40px;
    box-sizing: border-box;
    flex-direction: row;
    align-items: flex-start;
    justify-content: center;
}

.panel-pane.casestudy {
    display: flex;
    border-radius: 10px;
    background-color: var(--gh23-b);
    width: 100%;
    height: 100%;
    min-height: 90px;
    padding: 0;
    box-sizing: border-box;
    flex-direction: row;
    align-items: flex-start;
    justify-content: center;
    color: var(--gh23-w);
    overflow: hidden;
}

.panel-pane.casestudy .panel-image {
    width: 40%;
    flex-shrink: 0;
    height: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.panel-pane.casestudy > div {
    padding: 40px;
}
a.casestudy-link {
    position: absolute;
    inset: 0;
    z-index: 1;
}
.panel-pane.beraten {
    display: flex;
    flex-direction: row;
    padding: 0;
    flex-wrap: nowrap;
    align-items: center;
    background-color: var(--gh23-y);
}

.pane-1-2 {
    grid-row-start: PANE-1;
    grid-row-end: PANE-2;
}

.pane-1-2 .newsletter {
    background-color: var(--gh23-b);
    color: var(--gh23-w);
}

.panel-pane.beraten img {
    margin: -30px 10px 0 -50px;
    align-self: flex-end;
    z-index: 0;
    pointer-events: none;
}

.panel-pane.beraten .text-panel {
    padding: 40px 0 40px 40px;
}

.panel-pane.pane-1-2.newsletter {
    background-color: var(--gh23-b);
    color: var(--gh23-w);
}

.gh-addon-vorteil-box ul ,ul.checked {
    list-style: none;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    margin-top: 10px;
    align-items: flex-start;
}

ul.checked li, .gh-addon-vorteil-box ul li {
    display: flex;
    gap: 15px;
    align-items: flex-start;
    width: 46%;
    box-sizing: border-box;
    white-space: break-spaces;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    text-align: left;
}

ul.checked li:before, .gh-addon-vorteil-box ul li:before {
    content: "";
    position: relative;
    display: inline-block;
    height: 20px;
    width: 20px;
    background-color: var(--gh23-y);
    border-radius: 20px;
    border: 2px solid var(--gh23-b);
    flex-shrink: 0;
    background-image: url(/uploads/assets/ico-check.svg);
    background-size: 14px;
    background-position: 1px 1px;
    top: 3px;
}

/* Customers */
section.module--casestudys {
    display: flex;
    position: relative;
    flex-direction: column;
    z-index: 0;
    /* height: 100%; */
    /* padding: 6rem 20px 0 20px; */
    align-items: center;
}

section.module--casestudys wrapper {
    max-width: var(--max-width);
    width: 100%;
    padding: 0 0 2rem 0;
}
section.c--customer-logos h4 {
    text-align: center;
    margin: 50px 0 20px 0;
}

section.c--customer-logos wrapper {
    max-width: 1440px;
    margin: 0 auto;
    display: flex;
    padding: 2rem 0 2rem 0;
    flex-wrap: wrap;
    flex-direction: column;
    gap: 0;
    position: r;
}

section.c--customer-logos wrapper .customer--logo {
    width: calc((100% - 180px) / 6);
    max-width: 200px;
    /* padding: 20px; */
    box-sizing: border-box;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    filter: grayscale(1);
    aspect-ratio: 1 /1;
    height: 150px;
}

.logo {
    height: 100%;
    width: 100%;
}

.article-count {
    color: var(--gh23-y);
    background-color: var(--gh23-b);
    border-radius: 10px;
    width: 20px;
    display: inline-block;
    height: 20px;
    vertical-align: middle;
    text-align: center;
    line-height: 20px;
    font-size: 0.9rem;
}

section.c--customer-logos {
    margin: 0 20px;
}

.customer--logo-group {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 30px;
    max-width: 1660px;
    width: 100%;
    justify-content: center;
}

section.c--customer-logos wrapper h4 {
    text-align: center;
    font-size: 1.5rem;
}

section.c--customer-logos wrapper h4 svg {
    height: 1.3em;
    fill: currentColor;
    vertical-align: bottom;
    margin-left: 7px;
}

module.customer--feed.grid {
    display: grid;
    grid-template-areas:
        "aa1 aa1 bb1 cc1 dd1 ee1"
        "a1 a1 b1 c1 d1 e1"
        "a1 a1 g1 h1 i1 j1"
        "a1 a1 l1 m1 n1 o1"
        "c2 d2 e2 f2 a2 a2"
        "h2 i2 j2 k2 a2 a2"
        "m2 n2 o2 p2 a2 a2"
        "a0 a0 b3 c3 d3 e3"
        "a0 a0 g3 h3 i3 j3"
        "a0 a0 l3 m3 n3 o3"
        "aa0 aa0 ll3 mm3 nn3 oo3";
    grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    gap: 40px;
    max-width: var(--max-width);
}

module.customer--feed.grid .customer--review-panel {
    width: 100%;
    height: auto;
    min-height: 400px;
}


module.customer--feed.grid .customer--logo {
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    filter: grayscale(1);
    height: 150px;
}
@media(max-width: 1000px){
module.customer--feed.grid {
    grid-template-areas:
        "i1 i2 i3 i4 i5 i6"
        "a1 a1 a1 i7 i8 i9"
        "a1 a1 a1 i10 i11 i12"
        "a1 a1 a1 i13 i14 i15"
        "i16 i17 i18 i19 i21 i22"
        "i23 i24 i25 a2 a2 a2"
        "i26 i27 i28 a2 a2 a2"
        "i29 i30 i31 a2 a2 a2"
        "a0 a0 a0 i32 i33 i34"
        "a0 a0 a0 i35 i36 i37"
        "a0 a0 a0 i38 i39 i40"
        "i41 i42 i43 i44 i45 i46";
}
}    
@media(max-width: 928px){
module.customer--feed.grid {
    grid-template-areas:
        "i1 i2 i3 i4 i5 i6"
        "a1 a1 a1 a1 a1 i9"
        "a1 a1 a1 a1 a1 i12"
        "a1 a1 a1 a1 a1 i15"
        "i7 i8 i10 i11 i13 i14"
        "i16 i17 i18 i19 i21 i22"
        "i23 a2 a2 a2 a2 a2"
        "i26 a2 a2 a2 a2 a2"
        "i29 a2 a2 a2 a2 a2"
        "i30 i31 i27 i28 i24 i25 "
        "a0 a0 a0 a0 a0 i34"
        "a0 a0 a0 a0 a0 i37"
        "a0 a0 a0 a0 a0 i40"
        "i32 i33 i35 i36 i38 i39"
        "i41 i42 i43 i44 i45 i46";
        grid-template-columns: repeat(auto-fill, calc((100%  - 80px ) /6));
    grid-template-rows: repeat(auto-fill, 100px);
    gap: 15px;
}
module.customer--feed.grid .customer--logo {
    height: 100px;
}
}

@media(max-width: 628px){
module.customer--feed.grid {
    grid-template-areas:
        "i1 i2 i3 i4 i5 "
        "a1 a1 a1 a1 a1"
        "a1 a1 a1 a1 a1"
        "a1 a1 a1 a1 a1"
        "i9 i12 i12 i15 i6"
        "i7 i8 i10 i11 i13"
        "i16 i17 i18 i19 i39"
        "a2 a2 a2 a2 a2"
        "a2 a2 a2 a2 a2"
        "a2 a2 a2 a2 a2"
        "i23 i26 i29 i14 i22"
        "i30 i31 i27 i28 i24 "
        "i25 i34 i37 i40 i46"
        "a0 a0 a0 a0 a0"
        "a0 a0 a0 a0 a0"
        "a0 a0 a0 a0 a0"
        "i32 i33 i35 i36 i38"
        "i41 i42 i43 i44 i45"
        "00 aa bb cc dd";
    grid-template-columns: repeat(auto-fill, calc((100%  - 40px ) / 5));
    grid-template-rows: repeat(auto-fill, 50px);
    gap: 11px;
}

module.customer--feed.grid .customer--logo {
    height: 50px;
}
section.c--customer-logos h4 {
    margin: 20px 0 20px 0;
}    
}

/* Zitat */



section.customer-reviews {
    padding: 0 30px;
}

element.style {
}

section.module--casestudys .heading h4, section.customer-reviews h4 {
    font-weight: 800;
}

section.customer-reviews .heading {
    margin: 3rem auto 5rem auto;
    width: 100%;
    text-align: center;
}
section.module--casestudys .heading {
    margin: 3rem auto 3rem auto;
    width: 100%;
    text-align: center;
}


.customer--review-panel omr svg {
    width: 96px;
    height: 24px;
}

rating {
    background-image: url(/uploads/assets/stars.svg);
    height: 19px;
    width: 98px;
    display: block;
    background-repeat: no-repeat;
    background-position: center;
}

.customer--review-group {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 30px;
    max-width: var(--max-width);
    margin: 0 auto;
}

.hero--start .customer--review-group {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 40px;
    max-width: var(--max-width);
    margin: 0 auto;
    margin-top: 7rem;
    margin-bottom: calc(-300px - 5rem);
}

.customer--review-panel {
    display: flex;
    flex-direction: column;
    height: 600px;
    width: calc((100% - 90px) / 4);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-color: var(--gh23-b);
    border-radius: var(--border-radius);
    justify-content: flex-end;
    position: relative;
    overflow: hidden;
    z-index: 0;
    padding: 20px;
    box-shadow: 0px 0px 0px 0px var(--gh23-y), 0px 9px 20px 0px #00000008;
    transition: all .3s;
    min-width: 300px;
}

.customer--review-panel.casestudy:hover {
    /* width: calc((var(--max-width) / 4) + 90px); */
    /* margin: -30px; */
    /* height: calc(660px); */
    padding: 20px;
    z-index: +1;
    box-shadow: 0px 0px 0px 3px var(--gh23-y), 0px 13px 40px 0px #00000057;
}

.customer--review-panel omr {
    position: absolute;
    top: 20px;
    left: 20px;
    z-index: 1;
    display: flex;
    gap: 11px;
    flex-direction: row;
    align-content: center;
}

.customer--review-panel:before {
    content: "";
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.07) 48%, #000 100%);
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    z-index: 0;
}

.customer--review-panel .customer--review-content {
    z-index: 1;
    color: #fff;
    text-align: center;
}

.customer--review-panel .zitat-logo {
    width: 100%;
    max-width: 120px;
    margin: 0 auto;
    height: 50px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.customer--review-panel .zitat-text {
    font-size: 1.2rem;
    line-height: 1.4;
    max-width: 350px;
    min-height: 74px;
    margin: 20px auto 20px auto;
    display: block;
    font-style: italic;
}

.customer--review-panel .button {
    color: #fff;
    border-color: var(--gh23-y);
    padding: 7px 30px;
    background-image: linear-gradient(var(--gh23-y),var(--gh23-y));
}

.customer--review-panel:hover .button {
    background-image: linear-gradient(var(--gh23-y),var(--gh23-y));
    background-size: 100% 100%;
    border-color: var(--gh23-y);
    color: var(--gh23-y);
}

.customer--review-panel:hover .button, .customer--review-panel:hover .button *  {
    color: #000 !important;
}

.customer--review-panel:hover .button{
    color: var(--gh23-b);
    border-color: var(--gh23-b);
}

/* Icon Panels */
.content--icon-group {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    gap: 30px;
    justify-content: space-around;
    align-items: flex-start;
    width: 100%;
}

section.c--icon-content wrapper {
    max-width: var(--max-width);
    margin: 0 auto;
    display: flex;
    padding: 3rem 20px 3rem 20px;
    flex-wrap: nowrap;
    flex-direction: column;
    gap: 0;
}

.icon--panel {
    display: flex;
    flex-direction: column;
    align-content: center;
    text-align: center;
    flex: 1 0 0;
    width: 100%;
    position: relative;
    background-image: linear-gradient(var(--gh23-y),var(--gh23-y));
    background-size: 0% 100%;
    background-repeat: no-repeat;
    background-position: left bottom;
    transition: background-size .3s, color .3s;
}

.paneled .icon--panel {
    border: 2px solid;
    border-radius: var(--border-radius);
    cursor: pointer;
    position: relative;
}

.paneled .icon--panel:hover {background-size: 100% 100%;}

.icon--panel > a {
    position: absolute;
    height: 100%;
    width: 100%;
}

.icon-shadow {
    max-height: 220px;
    fill: var(--gh23-d);
    filter: drop-shadow(-10px 10px 0px var(--gh23-y));
}

.content--icon-group.group-3 .icon--panel {
    max-width: 320px;
    min-width: 200px;
}

.content--centered .centered {
    text-align: center;
    margin: 30px auto 30px auto;
}

.max-800 {
    max-width: 800px;
}

.max-1200 {
    max-width: 1200px;
}

.content--icon-group.group-6 .icon--panel {
    flex-basis: 25%;
}

.content--icon-group.group-2 .icon--panel {
    flex-basis: calc((100% - 50px) / 2);
    max-width: 650px;
}

.content--icon-group.group-3.paneled .icon--panel.small {
    max-width: calc((100% - 100px) / 3 );
    min-width: 200px;
}

.content--icon-group.group-3 .icon--panel {
    flex-basis: 33%;
}


.icon--panel img {
    padding: 30px;
    max-height: 300px;
    width: 100%;
    height: 100%;
    display: inline-block;
    margin: 0 auto;
}

.icon--panel img.x2 {
    max-height: 350px;
    max-width: 400px;
}


.icon--panel h4 {
    margin: 0 0 16px 0;
}

/* MODULE */
module ul {
    padding: 0px 0px 0 20px;
}

module ul li {
    padding-bottom: 15px;
}

/* MODULE MENU*/
ul.menu--sub {
    background-color: var(--gh23-g25);
    list-style: none;
    border-radius: var(--border-radius);
    padding: 11px;
    margin-bottom: 30px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 2px;
}

ul.menu--sub ul.menu--sub {
    margin-bottom: 0;
    margin: 0 0 0 0;
    padding: 11px;
    background-color: transparent;
}

ul.menu--sub > li a {
    padding: 6px 15px 6px 15px;
    display: block;
}

ul.menu--sub > li.active > a {
    background-color: var(--gh23-w);
    border-radius: var(--border-radius);
}

ul.menu--sub > li a:hover {
    background-color: var(--gh23-y);
}

/* SECTIONS */
section.hero--start wrapper {
    padding: calc(7rem + var(--nav-height)) 5rem calc(5rem + var(--nav-height)) 5rem;
    z-index: 2;
    width: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    align-content: center;
    /* overflow: hidden; */
    /* min-height: 70vh; */
    box-sizing: border-box;
    gap: 10px;
    background-position: center;
    background-size: cover;
    margin-bottom: calc(70px + 5rem + var(--nav-height));
    background-color: var(--gh23-g);
}

section.hero--start {
    display: flex;
    position: relative;
    align-content: center;
    flex-direction: column;
    align-items: center;
    z-index: 0;
    height: 100%;
    justify-content: center;
    padding: 0;
}
@media(max-width: 1450px){

.hero--start .customer--review-group {
    margin-top: 40px;
    overflow: auto;
    width: calc(100% + 10rem);
    margin-left: -4rem;
    margin-right: -4rem;
    padding: 0 2rem 25px 2rem;
    margin-bottom: calc(-222px - 1rem);
}

    .customer--review-group::-webkit-scrollbar {
    padding-top: 29px;
  height: 8px;
}
.customer--review-group::-webkit-scrollbar-track {
  background-color: white;
}

.customer--review-group::-webkit-scrollbar-thumb {
    border-radius: 20px;
    background-color: black;
}
    
} 


@media(max-width: 1200px){

section.hero--start wrapper {
    padding: calc(1rem + var(--nav-height)) 1rem 0rem 1rem;
}

.hero--start .customer--review-group {
    margin-top: 40px;
    overflow: auto;
    width: calc(100% + 4rem);
    margin-left: -2rem;
    padding: 0 2rem 25px 2rem;
    margin-bottom: calc(-222px - 1rem);
}

    .customer--review-group::-webkit-scrollbar {
    padding-top: 29px;
  height: 8px;
}
.customer--review-group::-webkit-scrollbar-track {
  background-color: white;
}

.customer--review-group::-webkit-scrollbar-thumb {
    border-radius: 20px;
    background-color: black;
}
    
}    

section.bg--g.hero-standard {
    display: flex;
    position: relative;
    align-content: center;
    flex-direction: column;
    align-items: center;
    z-index: 0;
    max-height: 100vh;
    height: 100%;
    justify-content: center;
}

section.bg--g.hero-standard wrapper {
    padding: 6rem 20px 4rem 20px;
    z-index: 2;
    max-width: var(--gh23-mw);
}

section.module--article,section.module--addons,section.module--partner,section.module--events,section.module--article.video,section.module--uberuns{
    padding: 0 20px;
    flex: 0;
}


section.module--uberuns module {
    flex-direction: column;
}

.module--addons wrapper, .module--partner wrapper, .module--events wrapper {
    display: flex;
    flex-direction: row;
    max-width: var(--max-width);
    width: 100%;
    margin: 0 auto;
    padding: 8rem 0 3rem 0;
    transition: height .3s;
    position: relative;
}

.module--addons nav, .module--partner nav, .module--events nav, section.module--article.video nav {
    position: sticky;
    top: 8rem;
    display: block;
    flex: 0 0 260px;
    align-self: flex-start;
}

.module--addons nav h1, section.module--addons nav h3, .module--partner nav h1, .module--events nav h1, .module--testphase .info--sticky h1, section.module--partner nav h3, section.module--article.video nav h1 {
    font-weight: 800;
    margin: 0 0 32px 0px;
    font-size: 1.875rem;
    max-width: 200px;
}

.module--addons nav span, .module--partner nav span, .module--events nav span, .module--article.video nav span {
    display: block;
    line-height: 1;
    font-size: 1rem;
    margin: 0;
}

.module--addons nav input, .module--partner nav input, .module--events nav input, section.module--article.video nav input {
    border: none;
    width: 100%;
    font-size: 1rem;
    padding: 11px 15px;
    border-radius: 40px;
    background-color: var(--gh23-g50);
    margin: 10px 0 25px 0;
    box-sizing: border-box;
}

ul.filter-menu {
    list-style: none;
    font-size: 1rem;
    width: 100%;
    margin-top: 9px;
}

li.filter-button.active {
    background-color: var(--gh23-g50);
}

li.filter-button {
    padding: 6px 15px;
    /* margin: 0 -10px; */
    border-radius: 32px;
    box-sizing: border-box;
    margin-bottom: 6px;
    cursor: pointer;
}

li.filter-button:hover {
    background-color: var(--gh23-y);
}

/* MODULE - ADDONS */
module {
    display: flex;
    flex: 1;
    flex-wrap: wrap;
    transition: height .5s;
    width: 100%;
    /* overflow: hidden; */
    position: relative;
    gap: 40px;
}

section.module--support module, section.module--testphase module {
    justify-content: center;
}

section.module--testphase module > div:first-of-type {
   min-height: 50vh;
   align-content: center;
   flex-direction: column;
   display: flex;
   flex-wrap: wrap;
   justify-content: center;
}

section.module--testphase module {align-content: center;flex-direction: column;}

.partner--panel {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: calc((100% - 80px) / 3);
    min-width: 301px;
    box-sizing: border-box;
}
.addon--panel {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: calc((100% - 90px) / 4);
    box-sizing: border-box;
}

section.module--addons module {
    overflow: hidden;
}

.addon--panel .panel-content, .partner--panel .panel-content {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-start;
    flex: 1 0 100%;
}

.addon-block {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    position: relative;
    margin-bottom: 25px;
    gap: 30px;
    align-self: flex-start;
    width: 100%;
}
.partner-block {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    position: relative;
    margin-bottom: 25px;
    gap: 60px 40px;
    align-self: flex-start;
    width: 100%;
}
.partner-block--head, .addon-block--head {
    width: 100%;
    max-width: 100%;
    /* min-height: 50px; */
    padding: 0 0 10px 0;
    box-sizing: border-box;
}
.partner-block--head {
    margin-bottom: -40px
}
.partner-block--head h3, .addon-block--head h3 {
    font-weight: 800;
    font-size: 1.875rem;
    margin: 0;
}

.addon--panel .thumb {
    overflow: hidden;
    position: relative;
    border: 2px solid var(--gh23-g);
    border-radius: 10px;
    background-color: var(--gh23-w);
}

.partner--panel .thumb {
    position: relative;
    border: 1px solid var(--gh23-g);
    border-radius: 10px;
    /* background-color: var(--gh23-w); */
    /* box-shadow: 0px 4px 8px 0px #0000002b; */
}

.addon--panel .thumb a, .partner--panel .thumb a {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
}

.addon--panel .thumb--image, .partner--panel .thumb--image {
    height: 180px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    position: relative;
}

.addon--panel .info, .partner--panel .info {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    flex: 1;
}

.addon--panel .info h4 {
    line-height: 1.3;
}

.addon--panel .info h4 {
    padding: 12px 0 10px 0;
    margin: 0;
    font-size: 1rem;
    display: flex;
    /* flex: 1 0; */
    height: 62px;
}

.partner--panel .info h4 {
    padding: 18px 0 15px 0;
    margin: 0;
    font-size: 1.2rem;
    display: flex;
}

.partner--panel .info p {
    /* flex: 1; */
    font-size: 0.9rem;
    max-height: 160px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 7;
    -webkit-box-orient: vertical;
}

.addon--panel .info action, .partner--panel .info action {
    display: flex;
    justify-content: space-between;
    margin-top: auto;
}

.addon--panel .info action .button {
    font-size: 0.875rem;
    padding: 7px 14px;
}

.partner--panel .info action .button {
    font-size: 0.875rem;
    padding: 7px 14px;
    white-space: nowrap;
}

/* ADDONS, PARTNER */
.addon--head {
    display: flex;
    flex-direction: row;
    width: 100%;
    border: 2px solid var(--gh23-g);
    padding: 26px 26px 26px 26px;
    border-radius: 10px;
    flex-grow: 0;
    flex-shrink: 0;
    align-self: flex-start;
}

.partner--head {
    display: flex;
    flex-direction: column;
    width: 100%;
    border-radius: 30px;
    border: 2px solid var(--gh23-g);
    padding: 15px;
}

patch {
    height: 100%;
    aspect-ratio: 91 / 124;
    min-height: 90px;
    position: relative;
    background-repeat: no-repeat;
}

patch a {
    position: absolute;
    height: 100%;
    width: 100%;
}

patch.parther--type-authorized {
    background-image: url(/uploads/pages/partner/patches/authorized_partner.svg);
}

patch.parther--type-solution {
    background-image: url(/uploads/pages/partner/patches/solution_partner.svg);
}

patch.parther--type-technology {
    background-image: url(/uploads/pages/partner/patches/technology_partner.svg);
}

.gh--partner-patch {
    display: flex;
    flex-direction: column;
    max-height: 132px;
    aspect-ratio: 1 / 1;
    justify-content: center;
    align-self: center;
    margin-right: 5px;
}

.gh--partner-patch img {
    filter: drop-shadow(0px 3px 6px #0414d791);
    flex: 1 1 50%;
    object-fit: contain;
    width: 100%;
}

.addon--head-group,. partner--head-group {
    display: flex;
    font-weight: 800;
    gap: 28px;
}

.addon--head-group {
    display: flex;
    font-weight: 800;
    gap: 20px;
}

.addon--head-title, .partner--head-title {
    display: flex;
    font-weight: 800;
    gap: 28px;
    font-size: 2.2rem;
    margin: 0 0 10px 0;
}

.addon--head-logo {
    height: 96px;
    width: 96px;
    border-radius: 96px;
    padding: 5px;
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
    flex-shrink: 0;
}

.partner--head-logo {
    height: 126px;
    width: 126px;
    border-radius: 24px;
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
    box-shadow: 0 5px 20px 0px #00000036;
    overflow: hidden;
    background-color: var(--gh23-w);
    position: relative;
    flex-shrink: 0;
}

.partner--head-logo:before {
    content: "";
    background-color: transparent;
    height: 100%;
    width: 100%;
    position: absolute;
    border-radius: 100%;
}



.partner--head-logo:after {
    content: "";
    background-color: #fff;
    height: calc(100% - 8px);
    width: calc(100% - 8px);
    position: absolute;
    border-radius: 100%;
}

.addon--head-logo img, .addon--head-logo svg, .partner--head-logo img, .partner--head-logo svg {
    width: calc(100% - 8px);
    flex-shrink: 0;
    z-index: 1;
}

.addon--head-name, .partner--head-name {
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex-grow: 1;
}

.info--panel {
    background-color: var(--gh23-g25);
    padding: 30px 27px;
    box-sizing: border-box;
    border-radius: 10px;
    margin-bottom: 20px;
}

.info--panel h3 {
    font-size: 1.175rem;
    font-weight: 800;
}

.addresse--block {
    display: flex;
    flex-direction: row;
    line-height: 1;
    gap: 17px;
    padding: 0 15px;
}

.addresse--block svg {
    width: 20px;
    height: 20px;
}

.info--panel.addresse {
    display: flex;
    flex-direction: column;
    gap: 17px;
    padding: 0;
    padding-bottom: 20px;
}

.address {
    line-height: 1.5;
}

.address h4 {
    font-weight: 800;
    line-height: 1.5;
    font-size: 1rem;
    margin: 0;
}

.info--panel.addresse {
}

.info--panel.addresse h3 {
    margin: 0 0 10px 0px;
    padding: 15px 15px;
    border-bottom: 1px solid var(--gh23-g);
}

content .info--panel ul {
    padding: 0 0 0 18px;
}

content .info--panel ul li {
    padding: 0px 0 10px 5px;
}

info .info--sticky > .button {
    margin-bottom: 15px;
    width: 100%;
    display: inline-flex;
    justify-content: center;
}

.info--sticky {
    position: sticky;
    top: 8rem;
    display: flex;
    flex-direction: column;
}

.info--sticky iframe {
    width: 100%;
    border: 1px solid var(--gh23-g);
    border-radius: var(--border-radius);
}

.module--addons .info--panel {
    padding: 0 0 15px 0;
}

.module--addons .info--panel h3 {
    margin: 0 0 10px 0px;
    padding: 15px 15px;
    border-bottom: 1px solid var(--gh23-g);
}

.module--addons .info--panel > ul {
    padding: 10px 15px 0 35px;
}

.module--addons .info--panel > ul li {
    list-style: none;
    position: relative;
}

.module--addons .info--panel > ul li:before {
    content: "\2022";
    font-size: 24px;
    position: absolute;
    top: 0;
    left: -17px;
    line-height: 24px;
}

.tag-group {
    display: flex;
    gap: 6px;
}

.tag-group .tag {
    /* border: 2px solid; */
    border-radius: 22px;
    background-color: var(--gh23-g50);
    padding: 0 10px;
    font-size: 0.875rem;
    font-weight: 100;
}

.partner--content {
    padding: 30px;
    position: relative;
    overflow: hidden;
    width: 100%;
    box-sizing: border-box;
}

.addon--content {
    padding: 0 0 30px 0;
    position: relative;
    overflow: hidden;
    width: 100%;
    box-sizing: border-box;
}


.tag-group {
    display: flex;
    gap: 6px;
}

.tag-group .tag {
    /* border: 2px solid; */
    border-radius: 22px;
    background-color: var(--gh23-g50);
    padding: 0 10px;
    font-size: 0.875rem;
    font-weight: 100;
}

a.tag.csplus {
    background-color: #000;
    color: #fff;
}

a.tag.csplus .extra {
    color: var(--gh23-y);
    font-weight: 800;
    font-size: 1.2em;
    line-height: 0.8;
    vertical-align: text-bottom;
    margin-left: 1px;
}

info {
    flex-basis: 350px;
    flex-shrink: 0;
}

.addon--content h2, .partner-content h2 {
    margin: 20px 0 20px 0;
}

.addon--content h3, .partner--content h3 {
    font-size: 1.8rem;
    margin: 20px 0 20px 0;
}

.addon--content img, .addon--content svg {
    border-radius: 6px;
    max-width: 100%;
    overflow: hidden;
    line-height: 0;
    padding: 0;
    margin: 0;
}



.addon--content h2.underlined {
    margin: 50px 0 50px 0;
}

.info--panel.addon {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    align-content: center;
    align-items: center;
    gap: 19px;
    position: relative;
    padding: 15px 15px;
}

.info--panel.addon a {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
}

.info--panel.addon .addon-panel--info .button {
    padding: 1px 11px;
    font-size: 0.875rem;
    margin-top: 8px;
}

.info--panel.addon .addon-panel--info h4 {
    font-weight: 800;
    margin: 0 0 0 0;
}

.info--panel.addon .addon-panel--icon {
    height: 96px;
    width: 96px;
    background-position: center;
    background-size: contain;
    border-radius: 21px;
    flex-shrink: 0;
    background-repeat: no-repeat;
}

.info--panel.teaser {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    align-content: center;
    align-items: center;
    gap: 19px;
    position: relative;
    padding: 26px 24px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right center;
    height: 148px;
    overflow: hidden;
}

.info--panel.teaser .button {
    padding: 1px 11px;
    font-size: 0.875rem;
    margin-top: 8px;
    color: #fff;
    border-color: #fff;
}

.info--panel.teaser h4 {
    font-weight: 800;
    margin: 0 0 0 0;
    color: #fff;
}

.info--panel.teaser a {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 2;
}

.info--panel.teaser:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(90deg, rgb(0 0 0 / 91%) 40%, rgb(0 0 0 / 0%) 60%);
    z-index: 1;
    opacity: 0.5;
}

.info--panel.teaser .teaser-panel--info {
    z-index: 1;
}


.gh-addon-vorschau {
    background-color: #f2f2f2;
    font-size: 14px;
    border-radius: 6px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    padding: 10px;
    box-sizing: border-box;
    position: relative;
    display: flex;
    flex-direction: row;
    margin-top: 40px;
    margin-bottom: 40px;
    max-width: 100%;
}

.gh-addon-vorschau-icon {
    height: 32px;
    width: 32px;
    flex-shrink: 0;
    margin-right: 10px;
    background-size: 80%;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
}

.gh-addon-vorschau-button {
    display: flex;
    background-color: white;
    height: 32px;
    flex-shrink: 0;
    border-radius: 4px;
    padding: 0 7px;
    line-height: 32px;
    margin-right: 10px;
    font-weight: 600;
    font-family: Arial;
    cursor: pointer;
}

.gh-addon-vorschau-text {
    max-width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-family: Arial;
    line-height: 32px;
}

.gh-addon-vorschau a {
    color: #2196F3;
    text-decoration: underline;
}

.gh-addon-vorschau-text.no-link a {
    color: initial;
    text-decoration: none;
    font-weight: normal;
}

.gh-addon-vorschau-button:before {
    content: "";
    height: 32px;
    width: 20px;
    background-image: url(/uploads/pages/addons/patches/email_replay.svg);
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: center;
    margin-right: 6px;
}

#gh-g-navigation--main .gh-g-navigation--main-panel-wrapper > ul {
    display: grid;
    grid-template-columns: 2fr 1fr;
    grid-template-rows: auto 1fr;
    grid-template-areas: "main custom" "main testen";
    width: 100%;
}

.gh-addon-vorteil-box {
    background-color: var(--gh23-g50);
    padding: 30px;
    box-sizing: border-box;
    border-radius: 10px;
    margin-bottom: 20px;
}



.gh-addon-vorteil-box h3 {
    font-size: 1.175rem;
    font-weight: 800;
    margin: 0 0 20px 0;
}

content .gh-addon-vorteil-box ul {padding: 10px 0 0 0;}

.partner-panel--logo {
    height: 6rem;
    width: 6rem;
    background-color: var(--gh23-w);
    border-radius: 60px;
    flex-shrink: 0;
    background-size: contain;
    background-position: center;
    position: relative;
}

.partner-panel--partner {
    height: 36px;
    width: 36px;
    position: absolute;
    bottom: -2px;
    right: -2px;
    background-size: cover;
    background-position: center;
    border-radius: 40px;
    border: 2px solid var(--gh23-g);
}

.partner-panel--logo img, .partner-panel--logo svg {
    width: 100%;
    height: initial;
}

.partner-panel > h3 {
    font-size: 1.175rem;
}

.partner-panel .info--panel {
    display: flex;
    flex-direction: row;
    align-content: center;
    align-items: center;
    gap: 19px;
    position: relative;
    padding: 26px 24px;
}

.partner-panel .info--panel a {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: +1;
}

.partner-panel .info--panel h4 {
    font-weight: 800;
    margin: 0;
}

.partner-panel .info--panel .button {
    font-size: 1rem;
    padding: 1px 11px;
    font-size: 0.875rem;
    margin-top: 8px;
}

.partner-panel--info {
    display: flex;
    flex-direction: column;
}

.gh-grid--partner-patch {
    height: 38px;
    flex-basis: 100%;
    display: flex;
    flex-direction: row;
    border-radius: 4px;
    position: relative;
    background-position: 0px center;
    gap: 6px;
    flex-wrap: nowrap;
}

.gh-grid--partner-patch-frame {
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: row;
    background-position: -2px center;
    background-repeat: no-repeat;
    background-size: auto 40px;
}

.gh-grid--partner-patch-frame span {
    height: 100%;
    width: 100%;
}

.gh-grid--partner-patch.authorized .gh-grid--partner-patch-type:before {
    content: "AP";
}

.gh-grid--partner-patch.solution .gh-grid--partner-patch-type:before {
    content: "SP";
}

.gh-grid--partner-patch.technology .gh-grid--partner-patch-type:before {
    content: "TP";
}

span.gh-grid--partner-patch-type {
    text-align: left;
    line-height: 36px;
    font-size: 18px;
    font-weight: 600;
    margin-right: 0px;
    padding-left: 2px;
}

.gh-grid--partner-patch.technology {
    background-image: url(/uploads/pages/partner/patches/partner_bullet_technology.svg);
}

.gh-grid--partner-patch.solution {
    background-image: url(/uploads/pages/partner/patches/partner_bullet_solution.svg);
}

.gh-grid--partner-patch.authorized {
    background-image: url(/uploads/pages/partner/patches/partner_bullet_authorized.svg);
}

.gh-grid--card:hover {
    box-shadow: 5px 5px 10px #0000003b, -5px -5px 10px #ffffffb3;
    transform: translateY(-5px);
    z-index: +1;
}

.thumb-partner {
    position: absolute;
    height: 52px;
    width: 52px;
    background-position: center;
    background-size: contain;
    bottom: -10px;
    right: -10px;
    border-radius: 32px;
    border: 1px solid var(--gh23-g);
    z-index: +1;
}

.partner--head-theme {
    height: 300px;
    width: 100%;
    border-radius: 10px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-color: var(--gh23-g25);
}

section.module--partner module, section.module--events module, section.module--addon module {
    align-content: flex-start;
}

.partner--head-group {
    display: flex;
    width: 100%;
    gap: 25px;
}

.portrait {
    height: 96px;
    width: 96px;
    background-position: center;
    background-size: 107%;
    background-repeat: no-repeat;
    border-radius: 96px;
    flex-shrink: 0;
}

.info--panel.partner > div {
    display: flex;
    flex-direction: column;
    line-height: 1.2;
}

.info--panel.partner {
    padding: 15px;
    display: flex;
    gap: 20px;
    align-items: center;
}

.info--panel.partner > div strong {
    font-size: 1.4rem;
    /* line-height: 0.8; */
}

/* Module Partner werden */

.gh-partner-type--grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: 25px;
    grid-row-gap: 0px;
    margin: 50px auto;
    max-width: 1440px;
    padding: 0 25px;
}
.gh-partner-type--panel-img{
    text-align:center;
    clip-path: polygon(0 0, 100% 0, 100% 90%, 0% 100%);
    padding-bottom: 19px;
    margin-bottom: -20px;
    transform: scale(1.04);
    border-radius: 10px 10px 0 0;
}
.gh-partner-type--panel:hover img {
    transform: scale(1.1);
}
.gh-partner-type--panel-img img {
    width: 35%;
    box-shadow: 10px 10px 20px #00000029, -10px -10px 20px #f14c4c;
    border-radius: 8px;
    margin-bottom: 35px;
    margin-top: 29px;
    transition: all .3s;
}

.gh-partner-type--panel-info {
    text-align: center;
    background-color: white;
    padding: 65px 25px 7px 25px;
    display: flex;
    flex-direction: column;
    height: 100%;
    margin-top: -25px;
    border-radius: 0 0 10px 10px;
    overflow: hidden;
    flex-grow: 1;
}

.gh-partner-type--panel-info h2 {
    font-weight: 600;
}

.gh-partner-type--panel {
    width: calc((100% - 100px) / 3);
    border-radius: 8px;
    text-align: center;
    padding: 0;
    box-shadow: 5px 5px 10px #00000021, -5px -5px 10px 0px #ffffffde;
    display:flex;
    flex-direction:column;
    flex: 1;
}

.gh-partner-type--panel.solution .gh-partner-type--panel-img {
    background-color: #ff2d83;
    background: linear-gradient(-45deg, rgba(255,24,151,1) 0%, rgb(255, 126, 89) 90%);
}

.gh-partner-type--panel.authorized .gh-partner-type--panel-img {
    background-color: #ff2d83;
    background: linear-gradient(125deg, #df1ff2 7%, rgb(50, 130, 254) 70%)
}

.gh-partner-type--panel.technology .gh-partner-type--panel-img {
    background-color: #ff2d83;
    background: linear-gradient(110deg, #838294 0%, #2e2e48 85%);
}

.gh-button {
    color: #000;
    border: 1px solid #000000;
    padding: 0 12px;
    line-height: 38px;
    display: inline-block;
    border-radius: 4px;
    width: 100%;
    font-weight: 600;
}

.gh-partner-type--panel-info p {
    flex-grow: 1;
}

.gh-partner-type--panel-info-action {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 20px;
    grid-row-gap: 0px;
    margin: 25px 0 15px 0;
}

.gh-partner-type--panel.technology .gh-partner-type--panel-img img {
    box-shadow: 10px 10px 20px #00000038, -10px -10px 20px #44445c45;
}

.gh-partner-type--panel.authorized .gh-partner-type--panel-img img {
    box-shadow: 10px 10px 20px #00000029, -10px -10px 20px #c42ef3;
}

.gh-partner-type--panel-info h2 {
    margin-top: 10px;
    margin-bottom: 25px;
}
.gh-partner-type--panel.solution .gh-button {
    border-color: #ff4d65;
}

.gh-partner-type--panel.solution .gh-button.active {
    background-color: #ff4d65;
    color:white;
}

.gh-partner-type--panel.authorized .gh-button {
    border-color: #417afd;
}

.gh-partner-type--panel.authorized .gh-button.active {
    background-color: #417afd;
    color:white;
}

.gh-partner-type--panel.technology .gh-button {
    border-color: #3f3f57;
}

.gh-partner-type--panel.technology .gh-button.active {
    background-color: #3f3f57;
    color:white;
}

section.partner--typen wrapper {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    gap: 50px;
    max-width: var(--max-width);
    margin: 0 auto;
}

section.partner--typen {
    margin: 70px 20px;
}

/* Moudle - News */

module theme {
    width: 100%;
    background-size: cover;
    background-position: center;
    aspect-ratio: 1200 / 628;
    box-shadow: inset 0 0 0 1px #00000008;
    border-radius: var(--border-radius);
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}

section.module--article module.feed, .feed {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    flex-direction: row;
}

.feed panel {
    width: calc(100% / 3 - 20px);
    position: relative;
}

panel {
    display: flex;
    flex-direction: column;
}

panel theme {
    border-radius: var(--border-radius);
    background-position: center;
    background-size: 100%;
    position: relative;
    transition: background-size .3s;
    background-color: var(--gh23-g25);
    aspect-ratio: 1200 / 628;
    background-size: 100%;
}

panel theme a {
    position: absolute;
    height: 100%;
    width: 100%;
}

.feed panel theme tag {
    background-color: var(--gh23-g);
    padding: 5px 20px;
    font-weight: 800;
    border-radius: 20px;
    position: absolute;
    bottom: 11px;
    right: 10px;
}

.feed panel theme tag.stable {
    background-color: var(--gh23-y);
}

.feed panel theme tag.beta {
    background-color: var(--gh23-w);
    color: #007ddb;
}

content panel theme:hover {
    background-size: 110%;
}

panel panelcontent {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    padding: 18px 0 15px 0;
    flex: 1;
}

panel panelcontent taggroup {
    display: flex;
    align-content: center;
    align-items: center;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 3px;
    overflow: hidden;
}

panel panelcontent taggroup .tag {
    background-color: var(--gh23-g25);
    border-radius: 20px;
    padding: 0px 8px;
    box-sizing: border-box;
    display: inline-block;
    font-size: 0.75rem;
    letter-spacing: 0.2px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    min-width: 48px;
    cursor: default;
}

panel panelcontent taggroup .tag:before {
    content: "#";
}

panel panelcontent taggroup .tag:hover {
    /* background-color: var(--gh23-y); */
}

panel panelcontent h3 {
    font-weight: 800;
    font-size: 1.25rem;
    line-height: 1.4;
    margin: 10px 0 5px 0;
    padding: 0;
}
@media (min-width: 1200px){
module.feed panel:first-of-type h3 {
    font-size: 1.875rem;
}
}
#casestudies module.feed panel:first-of-type h3 {
    font-size: 1.25rem;
}

panel panelcontent date {
    font-size: 0.75rem;
    text-transform: uppercase;
    font-weight: 800;
}

panel panelcontent p {
    margin-top: 10px;
    flex: 1;
    font-size: 0.875rem;
}

panel panelcontent actions {
}

panel panelcontent actions .button {
    font-size: 0.875rem;
    padding: 7px 14px;
}
@media (min-width:1200px){
    .module--partner module.feed panel:first-of-type, .article.feed panel:first-of-type {
    width: 100%;
    display: flex;
    flex-direction: row;
    gap: 30px;
    align-items: center;
}

.module--partner module.feed panel:first-of-type panelcontent, .article.feed panel:first-of-type panelcontent {
    width: calc(100% / 3 - 20px);
    flex: 1;
    flex-shrink: 0;
    order: 1;
    padding: 0;
    display: flex;
    justify-content: center;
    height: fit-content;
}

.module--partner module.feed panel:first-of-type theme, .article.feed panel:first-of-type theme {
    aspect-ratio: 1200 / 628;
    width: 66%;
    order: 2;
    /* background-size: cover; */
}
}
loader {
    display: flex;
    justify-content: center;
    flex-direction: row;
    width: 100%;
    margin: 40px 10px;
}

@media (min-width: 900px){
.module--events .feed panel {
    width: calc(100% / 2 - 15px);
    position: relative;
}

}
@media (min-width: 1500px){
.module--events module.feed panel:first-of-type{
    width: 100%;
    display: flex;
    flex-direction: row;
    gap: 30px;
    align-items: center;
}

.module--events module.feed panel:first-of-type theme {
    aspect-ratio: 1200 / 628;
    width: 66%;
    order: 2;
    /* background-size: cover; */
} 
     .module--events module.feed panel:first-of-type panelcontent {
    width: calc(100% / 3 - 20px);
    flex: 1;
    flex-shrink: 0;
    order: 1;
    padding: 0;
    display: flex;
    justify-content: center;
    height: fit-content;
}
}    

/* MOUDLE ARTIKEL*/
section.module--article > wrapper {
    display: flex;
    flex-direction: row;
    max-width: var(--max-width);
    margin: 0 auto;
    padding: 8rem 0 3rem 0;
    transition: height .3s;
    position: relative;
}

.article--head h1 {
    font-size: 3rem;
    font-weight: 800;
    max-width: 800px;
    text-align: center;
    line-height: 1.4;
}

.article--head {
    display: flex;
    flex-direction: column;
    width: 100%;
    align-items: center;
    justify-content: center;
}

section.module--article module {
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 30px;
    max-width: 960px;
}

.article--head date {
    font-size: 1.2rem;
    color: var(--gh23-d75);
}

.module--article .back.button {
    align-self: flex-start;
    padding: 10px 32px;
}

.module--article h3 {
    font-size: 1.175rem;
    font-weight: 800;
}

.article--content {
    position: relative;
    max-width: 100%;
    flex-direction: column;
}

.article--content img {
    margin: 0 auto;
    display: block;
    max-width: 100%;
    height: auto;
    border-radius: var(--border-radius);
}

.article--content h2 {
    font-size: 2rem;
    line-height: 1.4;
}

section.module--article module theme {
    width: 100%;
    background-size: cover;
    background-position: center;
    aspect-ratio: 1200 / 628;
    box-shadow: inset 0 0 0 1px #00000008;
    border-radius: var(--border-radius);
}
section.video wrapper {
    display: flex;
    justify-content: center;
    width: 100%;
    flex-wrap: nowrap;
    flex-direction: row;
}

.article--video {
    width: 100%;
    aspect-ratio: 16 / 9;
    border-radius: var(--border-radius);
    overflow: hidden;
    position: relative;
    max-width: 960px;
}

.article--video iframe {
    width: 100%;
    height: 100%;
}

.video--wrapper-ph {
    height: 100%;
    width: 100%;
    background-position: center;
    filter: blur(5px);
    background-size: contain;
}

.gh-video-w {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #000000d1;
    color: var(--gh23-w);
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 30px;
    overflow: auto;
}

div#video--wrapper-l {
    margin-top: 20px;
    padding: 10px 32px;
}


.video .article--head {
    display: flex;
    flex-direction: column;
    width: 100%;
    align-items: flex-start;
    justify-content: center;
}

.video .article--head h1 {
    font-size: 1.8rem;
    font-weight: 800;
    max-width: 900px;
    text-align: left;
    line-height: 1.4;
    margin: 0;
}

/* Playlist */

playlist {
    background-color: var(--gh23-b);
    border-radius: var(--border-radius);
    display: flex;
    flex-direction: column;
    color: #fff;
}

playlist vid {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 10px;
    align-content: center;
    align-items: center;
    position: relative;
    padding: 5px 10px;
    box-sizing: border-box;
    overflow: hidden;
    flex-shrink: 0;
}

playlist thumb {
    aspect-ratio: 16 / 9;
    height: 70px;
    background-size: contain;
    border-radius: 6px;
}

.module--article playlist desc h3 {
    margin: 0;
    display: block;
    margin: 0 0 0px 0;
    font-size: 0.875rem;
    font-weight: 800;
    max-height: 4rem;
    overflow: hidden;
    display: block;
    -webkit-line-clamp: 2;
    display: box;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    white-space: normal;
}

playlist playlistgroup {
    overflow: auto;
    flex: 1;
    display: flex;
    flex-direction: column;
    position: relative;
    max-height: 360px;
}

.module--article playlist playlisthead h3 {
    font-weight: 800;
    font-size: 1.2rem;
    margin: 0;
}

desc {
        display: block;
}

playlisthead {
    padding: 16px 18px 16px 16px;
}

playlist vid a {
    position: absolute;
    height: 100%;
    width: 100%;
}

vid:hover {
    background-color: var(--gh23-g50);
}

vid.active {
    background-color: var(--gh23-g25);
}

/*HS FORMS*/
form#hsForm_83a2eb38-a422-4745-9404-0c579c3b5d7b {
}

form#hsForm_83a2eb38-a422-4745-9404-0c579c3b5d7b input[type="text"], form#hsForm_83a2eb38-a422-4745-9404-0c579c3b5d7b input[type="email"], form#hsForm_83a2eb38-a422-4745-9404-0c579c3b5d7b input[type="submit"] {
    padding: 10px 9px;
    width: 100%;
    margin-bottom: 8px;
    border-radius: 6px;
    overflow: hidden;
    border: 0px;
}

label.hs-form-booleancheckbox-display {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
}

label.hs-form-booleancheckbox-display input {
    flex: 0 0 20px;
    margin: 7px;
}

.legal-consent-container .hs-form-booleancheckbox-display>span {
    margin: 0;
    font-size: 14px;
    margin-left: 5px !important;
    flex: 1 0;
}

input#LEGAL_CONSENT\.subscription_type_145712967-83a2eb38-a422-4745-9404-0c579c3b5d7b {
    margin: 7px;
}

.hs-richtext p {
    font-size: 14px;
    word-break: break-word !important;
}

footer li.section ul.inputs-list {
    margin-bottom: 0;
}

form#hsForm_83a2eb38-a422-4745-9404-0c579c3b5d7b input.hs-button.primary.large {
    border-radius: 32px;
    background-color: var(--gh23-g);
    cursor: pointer;
}

label.hs-error-msg {
    font-size: 14px;
    margin-bottom: 10px;
    display: block;
}

ul.no-list.hs-error-msgs.inputs-list {
    line-height: 1;
    margin-bottom: 9px;
    font-weight: 800;
}

input#firstname-83a2eb38-a422-4745-9404-0c579c3b5d7b.error {
    border: 2px solid var(--gh23-b);
}

/* Article System Pagnation */
prevnext {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

prevnext .article--teaser-wrapper {
    display: flex;
    position: relative;
    flex-direction: row;
    align-content: center;
    align-items: center;
    gap: 15px;
    background-color: var(--gh23-g50);
    border-radius: var(--border-radius);
    overflow: hidden;
    transition: background .3s;
}

prevnext .article--teaser-wrapper:hover {
    background-color: var(--gh23-g75);
}

prevnext .img {
    height: 100px;
    aspect-ratio: 16/12;
    background-position: center;
    background-size: cover;
    box-shadow: inset 0 0 0 1px #00000008;
}

prevnext .article--teaser-wrapper a {
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: +1;
}

prevnext h4 {
    font-size: 0.75rem;
    margin: 0 0 0 0;
    font-weight: 800;
    line-height: 1.8;
    margin-top: -1rem;
    opacity: 0.5;
}

prevnext .info p {
    line-height: 1.2;
    font-weight: 800;
    margin: 0;
    padding-right: 15px;
    font-size: 0.875rem;
    font-weight: 800;
    max-height: 4rem;
    overflow: hidden;
    display: block;
    -webkit-line-clamp: 4;
    display: box;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    white-space: normal;
}

/* Module Support */

search {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    height: 3rem;
    border: 2px solid;
    border-radius: 3rem;
    background-color: var(--gh23-w);
    width: 100%;
    box-sizing: border-box;
}

search input[type="text"] {
    flex: 1;
    border: none;
    outline: none;
    font-size: 1rem;
    padding: 0 15px;
    max-width: 100%;
    box-sizing: border-box;
    width: 100%;
}

.search--button {
    display: flex;
    flex-direction: row;
    justify-content: center;
    width: 39px;
    align-items: center;
    height: 39px;
    cursor: pointer;
    border-radius: 50px;
    overflow: hidden;
    margin: 2px 4px;
}

.search--select {
    width: max-content;
    min-width: max-content;
    display: flex;
    flex-direction: row;
    align-content: center;
    align-items: center;
    padding: 0 34px 0 20px;
    font-weight: 800;
    position: relative;
    border-right: 2px solid;
    cursor: pointer;
}

.search--select:after {
    content: "";
    height: 18px;
    width: 18px;
    background-size: 14px;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(/uploads/assets/dropdown.svg);
    position: absolute;
    right: 8px;
    transform: rotate(-90deg);
    transition: transform .3s;
}

.search--select.active:after {
    transform: rotate(0deg);
}

ul#search--select {
    position: absolute;
    top: 100%;
    background-color: #021227ed;
    color: var(--gh23-w);
    list-style: none;
    padding: 0;
    margin: 0;
    left: 0;
    border-radius: var(--border-radius);
    width: 100%;
    padding: 5px;
    opacity: 0;
    top: 90%;
    transition: opacity .3s, top .3s;
}

ul#search--select li {
    text-align: left;
    padding: 5px 15px;
    margin: 0;
    border-radius: 6px;
    cursor: pointer;
    white-space: nowrap;
}

.search--button svg {
    height: 39px;
    cursor: pointer;
    fill: currentColor;
    padding: 8px;
    /* border-radius: 30px; */
}

.search--button:hover svg {
    background-color: var(--gh23-y);
}

ul#search--select li:hover {
    background-color: var(--gh23-y);
    color: var(--gh23-b);
}

ul#search--select.active {
    opacity: 1;
    top: 94%;
    z-index: +1;
    width: 140px;
}

section.module--support > wrapper, section.module--rechtliches > wrapper, section.module--uberuns > wrapper, section.module--testphase > wrapper {
    display: flex;
    flex-direction: row;
    max-width: var(--max-width);
    margin: 0 auto;
    padding: 8rem 0 3rem 0;
    transition: height .3s;
    position: relative;
    flex-wrap: wrap;
}

section.module--support, section.module--rechtliches, section.module--testphase {
    margin: 0 20px;
}

section.module-content wrapper {
    padding: 3rem 0 3rem 0;
    gap: 0;
}

h2.module-content--heading {
    text-align: center;
    width: 100%;
    font-weight: 800;
    margin: 30px auto 20px auto;
}

h4.module-content--subheading {
    text-align: center;
    width: 100%;
    margin: 0 auto 40px auto;
}

.gh23-form {
    display: flex;
    flex-direction: column;
    gap: 15px;
    width: 100%;
}

section.module--support .heading, section.module--uberuns .heading {
    margin: 3rem auto 3rem auto;
    width: 100%;
    text-align: center;
    box-sizing: border-box;
}

section.module--support .heading h1, section.module--uberuns .heading h1 {
    font-weight: 800;
}

section.module--uberuns .heading h1.h3 {
    font-weight: 100;
}
h1.centered {
    margin: 20px auto 20px auto;
}

.gh23-form input[type="text"], .gh23-form input[type="email"] {
    width: 100%;
    padding: 9px 12px;
    border-radius: 6px;
    outline: none;
    font-size: 1rem;
    border: 1px solid var(--gh23-g);
}

.gh23-form input[type=submit] {
    border: 2px solid var(--gh23-b);
    border-radius: 32px;
    padding: 14px 32px;
    text-align: center;
    box-sizing: border-box;
    line-height: initial;
    text-decoration: none;
    color: var(--gh23-b);
    display: inline-flex;
    align-items: center;
    background-image: linear-gradient(var(--gh23-y),var(--gh23-y));
    background-size: 0% 100%;
    background-repeat: no-repeat;
    background-position: left bottom;
    transition: background-size .3s, color .3s;
    cursor: pointer;
    font-weight: 800;
    background-color: #fff;
    font-size: 1rem;
    font-family: 'Oscine';
}

.gh23-form input[type=submit]:hover {
    background-image: linear-gradient(var(--gh23-y),var(--gh23-y));
    background-size: 100% 100%;
    color: var(--gh23-b);
}

.gh23-form label {
    font-size: 0.875rem;
    line-height: 1;
    padding: 8px 0 8px 0;
    display: block;
    font-weight: 800;
}

.gh23-form .submit {
    text-align: center;
}



.gh23-form textarea {
    width: 100%;
    padding: 9px 12px;
    border-radius: 6px;
    outline: none;
    border: 1px solid var(--gh23-g);
    font-size: 1.2rem;
    font-family: 'Oscine';
    resize: vertical;
    min-height: 100px;
}

.gh23-form select {
    width: 100%;
    padding: 9px 12px;
    border-radius: 6px;
    outline: none;
    border: 1px solid var(--gh23-g);
    font-size: 1rem;
}

.gh23-form  p.c-p {
    font-size: 1.2rem;
}

div#ajax_form_kontakt {width: 100%;max-width: 1080px;border: 2px solid var(--gh23-g);border-radius: var(--border-radius);padding: 0 30px 30px 30px;}


.info--sticky > h3 {
    font-size: 1rem;
    font-weight: 800;
}

.info--sticky > h3.area {
    font-size: 1.2rem;
}
/*Presse */

textblock {
    /* padding: 50px 30px 20px 30px; */
    /* border: 2px solid; */
    display: block;
    border-radius: var(--border-radius);
    position: relative;
    font-size: 1.2rem;
    overflow: hidden;
    box-shadow: 0 5px 10px #0b0a0e30;
    background-color: var(--gh23-g25);
    position: relative;
    margin-bottom: 30px;
}

textblock:last-of-type {
    margin-bottom: 0;
}

textblock actions {
    position: absolute;
    top: 0;
    left: 0;
    background-color: var(--gh23-y);
    color: var(--gh23-d);
    font-size: 1rem;
    font-weight: 800;
    border-radius: 0 0 var(--border-radius) 0;
}

textblock actions number {
    padding: 3px 14px;
}

.content-action.select--text wrapper {
    padding: 20px 0;
}


ul.textblock--language-tab {
    display: flex;
    list-style: none;
    padding: 0;
    margin: 0;
}

content ul.textblock--language-tab li {
    border-bottom: none;
    padding: 15px 30px 15px 25px;
    margin: 0;
    cursor: pointer;
    min-width: 170px;
    display: flex;
    flex-direction: column;
    line-height: 1.4;
    align-content: flex-start;
}

ul.textblock--language-panel {
    padding: 0 0 20px 0;
    background-color: #fff;
}

ul.textblock--language-panel li {
    display: none;
}

ul.textblock--language-panel li.active {
    display: block;
    padding: 25px;
}

content ul.textblock--language-tab li.active {
    background-color: #fff;
}

ul.textblock--language-panel li p:last-of-type {
    margin: 0;
}

.button--ctc {
    display: flex;
    align-content: center;
    align-items: center;
    border-radius: 32px;
    /* background-color: var(--gh23-b); */
    color: #000;
    justify-content: center;
    flex-wrap: nowrap;
    position: absolute;
    height: 38px;
    width: 38px;
    cursor: pointer;
}

.button--ctc svg {
    height: 18px;
    fill: currentColor;
}

textblock action {
    position: absolute;
    top: 0;
    right: 0;
    height: 76px;
    width: 76px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-content: center;
    align-items: center;
}

.button--ctc:hover {
    background-color: var(--gh23-b);
    color: #fff;
}

content ul.textblock--language-tab li span {
    font-size: 0.9rem;
}


/* Module Downloads*/

download {
    width: 100%;
    margin-bottom: 30px;
}

section.module--support download > wrapper {
    padding: 1rem 0 1rem 0;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    align-content: center;
}

section.module--support download > wrapper .c-text {
    text-align: center;
}

section.module--support download > wrapper h3 {
    font-size: 2.5rem;
    font-weight: 800;
    margin: 1rem 0 2rem 0;
}

section.module--support download .button.icon {
    display: flex;
    flex-direction: row;
    gap: 16px;
    align-items: center;
    padding: 10px 13px;
    border-radius: 6px;
    position: relative;
    box-sizing: border-box;
}

section.module--support download .button .icon {
    width: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
}

section.module--support download .button {
}

section.module--support download .desc {
    text-align: left;
    flex: 1;
}

.button.dd.icon ul {
    position: absolute;
    top: 110%;
    width: 100%;
    border-radius: var(--border-radius);
    background-color: var(--gh23-w);
    box-shadow: -1px 2px 10px #00000075;
    margin: 0;
    padding: 0;
    z-index: +1;
    list-style: none;
    pointer-events: none;
    opacity: 0;
    transition: top .3s, opacity .3s;
}

li a.button.icon {
    width: 100%;
    min-width: 100%;
    border: none;
}

.button.dd.icon ul li {
    width: 100%;
    padding: 5px;
    margin: 0;
}

section.module--support download .button.icon:hover ul {
    pointer-events: all;
    top: 100%;
    opacity: 1;
}

section.module--support download .desc .sub-text {
    font-size: 10px;
    display: block;
    color: #5e5e6b;
}

section.module--support download actions {
    margin-top: 40px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    width: 100%;
}

section.module--support download .c-image {
    flex-basis: 100%;
    padding: 42px;
    aspect-ratio: 4 /3;
    background-position: bottom;
    border-radius: var(--border-radius);
    align-items: center;
    justify-content: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: var(--gh23-g);
}


section.module--support download .c-image img {
    border-radius: 4px;
    width: 90%;
}

section.module--support download .c-text {
    flex-basis: 100%;
}

section.module--support download actions group {
    display: flex;
    flex-direction: column;
    gap: 8px;
    flex: 1;
}


section.module--support .downloads--prev-version .heading {
    margin: 2rem auto 2rem auto;
}
.downloads--prev-version {
    width: 100%;
}

.downloads--prev-version .heading h3 {
    font-weight: 800;
    text-align: left;
    margin: 10px 0 0 0;
}

.downloads--prev-version .download {
    display: flex;
    width: 100%;
    border-bottom: 1px solid var(--gh23-g);
    padding: 15px 0;
}

.download .info {
    flex: 1;
}

.download actions {
    display: flex;
    align-items: center;
    align-content: center;
    flex-wrap: nowrap;
    flex-direction: row;
}

.download .stable {
    text-align: center;
    text-decoration: none;
    font-weight: 100;
    display: inline-flex;
    align-items: center;
    background-color: #00c176;
    color: var(--gh23-w);
    border-radius: 20px;
    padding: 0px 8px;
    box-sizing: border-box;
    font-size: 0.75rem;
    letter-spacing: 0.2px;
}

.download .info h4 {
    margin: 0;
}


section.module--support .downloads--prev-version .heading {
    margin: 2rem auto 2rem auto;
}

/* Module Unabhanigkeit */

.typ-panel-ava {
    height: 220px;
    width: 220px;
    background-position: center;
    background-size: cover;
    border-radius: 50%;
    margin-bottom: 10px;
    position: relative;
    align-self: center;
}

.typ-panel-name {
    font-size: 28px;
    font-weight: 800;
    line-height: 1;
    margin-top: 20px;
}

.typ-panel-pos {
    font-size: 22px;
    margin-top: 10px;
    margin-bottom: 14px;
}

.tt {
    position: relative;
    cursor: pointer;
}
.tt:before {
    content: attr(data-tt);
    position: absolute;
    top: -90%;
    color: #fff;
    background-color: #000;
    border-radius: 4px;
    padding: 3px 6px;
    transform: translateX(-50%);
    margin-left: 50%;
    font-size: 14px;
    opacity: 0;
    white-space: nowrap;
    z-index: 100;
    transition: top .3s, opacity .3s;
    transition-delay: .2s;
    pointer-events:none;
}
.tt:hover:before {
    top: -70%;
    opacity: 0.9;
}

.tt img {
    padding: 0;
}

/* Module Rechtliches */

section.module--rechtliches module {align-items: center;}

section.module--rechtliches module > div {
    width: 100%;
    max-width: 1080px;
    border: 2px solid var(--gh23-g);
    padding: 30px;
    border-radius: var(--border-radius);
    margin: 0 auto;
}

.module--rechtliches .heading {
    margin: 3rem auto 4rem auto;
    width: 100%;
    text-align: center;
}

.module--rechtliches . .h4 {
    font-size: 1.2rem;
    line-height: 2rem;
}


.module--rechtliches h1 {
    font-weight: 800;
    font-size: 3rem;
}

.table--cookies {
    border-radius: var(--border-radius);
    margin-bottom: 15px;
    border: 1px solid;
    overflow: hidden;
}

.table--cookies table {
    border-radius: 4px;
    padding: 5px;
}

.table--cookies table td {
    vertical-align: text-bottom;
    padding: 10px 10px;
    border-bottom: 1px solid #000;
}

.table--cookies table td:first-child {
    font-weight:800;
    border-right: 1px solid #000;
    padding: 4px 8px;
    width: 180px;
}


.table--cookies table tbody > tr:last-of-type td {
    padding-bottom: 8px;
    border-bottom: none;
}


/* CONTENT FIX */
.gh-launchcenter-changelog-point {
    display: flex;
    margin-bottom: 70px;
}

.gh-launchcenter-changelog-img {
    flex: 1 0 auto;
    width: 25%;
    max-width: 250px;
    min-width: 200px;
    padding-right: 35px;
}

.gh-launchcenter-changelog-point:nth-child(odd) .gh-launchcenter-changelog-img {
    order: 2;
    padding-right: 0;
    padding-left: 35px;
}

.gh-launchcenter-changelog-img > img {
    width: 100%;
    height: auto;
}

.gh-launchcenter-changelog-content .button {
    padding: 0 14px;
    background-color: #373a42;
    border: 2px solid #373a42;
    font-size: 16px;
    color: #ffffff;
    line-height: 40px;
    display: inline-block;
    border-radius: 3px;
    box-sizing: border-box;
    margin-bottom: 15px;
    margin-right: 10px;
    margin-top: 25px;
    font-weight: 600;
    transition: all .2s;
    cursor: pointer;
}

.gh-content-table {
    display: flex;
    gap: 50px;
    margin-bottom: 50px;
    align-content: center;
    align-items: center;
}

.gh-content-table .gh-content-cell:first-child {
    padding: 30px 40px 15px 40px;
    padding-left: 0;
}

.gh-content-table .gh-content-cell:last-child {
    padding: 30px 0 15px 0;
}

.gh-content-cell img {
    max-width: inherit;
    border-radius: 8px;
}

.profile-rounded {
    border: 2px solid #f2f2f2;
    border-radius: 100%;
}

.gh-content-table .gh-cell-15 img {
    margin-bottom: 10px
}

.gh-content-table .gh-cell-15 h3 {
    margin-bottom: 20px
}

.gh-content-table .gh-cell-15:first-child {
    padding: 30px 15px 15px 0;
    vertical-align: top;
    text-align: center;
}

.gh-content-table .gh-cell-15:last-child {
    padding: 30px 0 15px 15px;
    vertical-align: top;
    text-align: center;
}

.gh-content-table .gh-cell-15 img {
    max-width: 100%;
    width: 100%;
}

.inset-50-l {
    margin-left: -50px;
}

.inset-50-r {
    margin-right: -50px;
}

.gh-tc {
    display: table-cell;
    vertical-align: top;
}

.tc-20 {
    width: 20%;
}

.gh-tc img {
    width: 100%;
    min-width: 180px;
}

.tc-pr-30 {
    padding-right: 30px;
}

.gh-voll-img {
    margin: 50px -50px -57px -50px;
}

.gh-voll-img img {
    width: 100%;
    height: inherit;
}

/* Special */

.hint {
    padding: 30px 30px 10px 30px;
    border-radius: var(--border-radius);
    background-color: var(--gh23-y);
}

a.h1.telephone {
    font-weight: 800;
    background-image: linear-gradient(var(--gh23-y),var(--gh23-y));
    background-size: 100% 36%;
    background-repeat: no-repeat;
    background-position: left bottom;
    display: inline-flex;
    max-width: fit-content;
    text-align: center;
    margin: 0 auto 30px auto;
    padding: 0 12px;
    transition: background-size .3s;
}

a.h1.telephone:hover {
    background-size: 100% 100%;
}

/* Hosting */

.hosting--grid {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    grid-gap: 30px;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    margin-top: 25px;
    width: 100%;
    max-width: 1200px;
}

.hosting--grid .hosting--grid-panel {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
    align-content: center;
    padding: 20px;
    border: 2px solid;
    justify-content: center;
    border-radius: var(--border-radius);
}

.hosting--grid span.hosting--grid-name {
    font-size: 22px;
    font-weight: 600;
    line-height: 29px;
    text-align: center;
}

.hosting--grid span.hosting--grid-extra {
    font-weight: 800;
    font-size: 1rem;
}

.hosting--grid .focus.hosting--grid-panel {
    background-color: var(--gh23-y);
    scale: 1.15;
}


/* OMQ */

omq {
    display: block;
    width: 100%;
}
omq div#omq-help-container {
    width: 100%;
    font-family: 'Oscine', sans-serif !important;
}

omq .omq-search__wrapper {
}

omq .omq-search {
    border: 2px solid;
    border-radius: 60px;
    box-shadow: none;
}
omq .omq-category-grid__category {
    color: #000;
    border-radius: var(--border-radius);
    border-color: #000;
}

omq span.omq-category-grid__label {
    font-family: 'Oscine';
    font-size: 1rem;
}

omq li.omq-help-navigation__item {
    background-color: var(--gh23-g25);
    display: inline-flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    align-content: center;
    padding: 0 14px;
    font-size: 1rem;
    font-weight: 800;
    border-radius: 20px;
    border: 2px solid;
}

omq li.omq-help-navigation__item:after {
    content: ">";
    padding-left: 9px;
    background-image: url(/help/assets/icons/slick-arrow.svg);
    
}

omq h2.omq-question-list-headline {
    font-size: 2.2rem;
    font-weight: 800;
    font-family: 'Oscine';
}

omq .omq-question-list__question {
    border: 2px solid var(--gh23-g);
    border-radius: var(--border-radius);
}

omq a.omq-more-questions {
    border: 2px solid var(--gh23-b);
    border-radius: 30px;
    padding: 14px 38px;
    text-align: center;
    box-sizing: border-box;
    line-height: initial;
    background-repeat: no-repeat;
    background-position: left bottom;
    transition: background-size .3s, color .3s;
    background-image: linear-gradient(var(--gh23-y),var(--gh23-y));
    background-size: 0% 100%;
    font-size: 1rem;
    font-weight: 800;
    background-color: var(--gh23-b);
}

omq a.omq-more-questions:hover {
    border: 2px solid var(--gh23-b);
    border-radius: 30px;
    padding: 14px 38px;
    text-align: center;
    box-sizing: border-box;
    line-height: initial;
    background-repeat: no-repeat;
    background-position: left bottom;
    transition: background-size .3s, color .3s;
    background-image: linear-gradient(var(--gh23-y),var(--gh23-y));
    background-size: 1000% 100%;
    color: var(--gh23-b);
    font-size: 1rem;
    font-weight: 800;
    background-color: var(--gh23-b);
}

omq .omq-question-list__link:hover {
    color: var(--gh23-b);
}

/* Hubspot*/

.form_checkbox {
        color: #000;
        font-weight: 100;
        line-height: 1.5;
        display: flex;
}

.form_checkbox p {
    color: #000;
    font-weight: 100;
    line-height: 1.5;
    padding-left: 47px;
}

.form_checkbox input + label:before {
    content: "";
    height: 20px;
    width: 20px;
    border-radius: 4px;
    border: 2px solid;
    display: block;
    position: absolute;
    left: 5px;
    top: 5px;
}

.form_checkbox input:checked + label:before {
    background-color: var(--gh23-y);
}

.form_checkbox input:checked + label:after {
    content: "";
    height: 11px;
    width: 6px;
    border: 0px solid transparent;
    border-right: 2px solid #000;
    border-bottom: 2px solid  #000;
    display: block;
    position: absolute;
    left: 12px;
    top: 8px;
    transform: rotate(45deg);
}

.form_checkbox input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.hs-form--standalone  .form_checkbox label {
    padding: 0;
    margin: 5px 0 5px 0;
}

.hs-form--standalone {
    padding: 30px;
    border: 2px solid var(--gh23-g);
    border-radius: var(--border-radius);
    max-width: 740px;
    margin: 30px auto;
}

.hs-form--standalone form, .hs-form--panel form, .form--standalone {
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 10px;
}

.hs-form--standalone .heading {
    margin: 3rem auto 3rem auto;
    width: 100%;
    text-align: center;
    box-sizing: border-box;
}

.hs-form--standalone .heading h1 {
    font-weight: 800;
}
.hs-form--panel .hs-richtext p {
    font-size: 1rem;
}

.hs-form--standalone input[type="text"], .hs-form--standalone input[type="email"], .hs-form--standalone input[type="tel"],
.hs-form--panel input[type="text"], .hs-form--panel input[type="email"], .hs-form--panel input[type="tel"]{
    width: 100% !important;
    padding: 9px 12px;
    border-radius: 6px;
    outline: none;
    font-size: 1rem;
    border: 1px solid var(--gh23-g);
}

.hs-form--standalone input[type="file"] {
    padding: 20px 0;
    width: 100%;
}

.hs-form--standalone input::-webkit-file-upload-button {
    border: 2px solid var(--gh23-b);
    border-radius: 32px;
    padding: 8px 12px;
    text-align: center;
    box-sizing: border-box;
    line-height: initial;
    text-decoration: none;
    color: var(--gh23-b);
    align-items: center;
    transition: background-size .3s, color .3s;
    cursor: pointer;
    font-weight: 800;
    font-size: 0.785rem;
    text-align: center;
    justify-content: center;
    font-size: 1rem;
    font-family: 'Oscine';
    margin-right: 10px
}

.hs-form--standalone input[type=submit]{
    border: 2px solid var(--gh23-b);
    border-radius: 32px;
    padding: 14px 32px;
    text-align: center;
    box-sizing: border-box;
    line-height: initial;
    text-decoration: none;
    color: var(--gh23-b);
    display: flex;
    align-items: center;
    background-image: linear-gradient(var(--gh23-b),var(--gh23-b));
    background-size: 0% 100%;
    background-repeat: no-repeat;
    background-position: left bottom;
    transition: background-size .3s, color .3s;
    cursor: pointer;
    font-weight: 800;
    background-color: var(--gh23-y);
    font-size: 0.785rem;
    width: 100%;
    text-align: center;
    justify-content: center;
    font-size: 1rem;
    font-family: 'Oscine';
}

.hs-form--panel input[type=submit] {
    border: 2px solid var(--gh23-b);
    border-radius: 32px;
    padding: 14px 32px;
    text-align: center;
    box-sizing: border-box;
    line-height: initial;
    text-decoration: none;
    color: var(--gh23-b);
    display: flex;
    align-items: center;
    background-image: linear-gradient(var(--gh23-b),var(--gh23-b));
    background-size: 0% 100%;
    background-repeat: no-repeat;
    background-position: left bottom;
    transition: background-size .3s, color .3s;
    cursor: pointer;
    font-weight: 800;
    background-color: var(--gh23-y);
    text-align: center;
    justify-content: center;
    font-size: 1rem;
    font-family: 'Oscine';
}

.hs-form--standalone input[type=submit]:hover {
    background-image: linear-gradient(var(--gh23-b),var(--gh23-b));
    background-size: 100% 100%;
    color: var(--gh23-y);
}
 .hs-form--panel input[type=submit]:hover {
    background-image: linear-gradient(var(--gh23-b),var(--gh23-b));
    background-size: 100% 100%;
    color: var(--gh23-y);
}

.hs-form--standalone label, .hs-form--panel label {
    font-size: 0.875rem;
    line-height: 1;
    padding: 8px 0 8px 0;
    display: block;
    font-weight: 800;
    position: relative;
}
.hs-richtext a {
    font-weight: 800;
}

.hs-form--standalone label p, .hs-form--panel label p {
    font-weight: 100;
}


.hs-form--standalone .submit, .hs-form--panel .submit  {
    text-align: center;
}

.hs-form--standalone textarea, .hs-form--panel textarea {
    width: 100% !important;
    padding: 9px 12px;
    border-radius: 6px;
    outline: none;
    border: 1px solid var(--gh23-g);
    font-size: 1.2rem;
    font-family: 'Oscine';
    resize: vertical;
    min-height: 100px;
}

.hs-form--standalone select, .hs-form--panel select {
    width: 100% !important;
    padding: 9px 12px;
    border-radius: 6px;
    outline: none;
    border: 1px solid var(--gh23-g);
    font-size: 1rem;
}

.hs-form--standalone fieldset, .hs-form--panel fieldset {
    width: 100%;
    max-width: 100% !important;
}

.hs-form--standalone ul.inputs-list, .hs-form--panel ul.inputs-list {
    list-style: none;
}

.hs-form--standalone ul.inputs-list li label {
    display: flex;
    line-height: 1.5;
}

 .hs-form--panel ul.inputs-list li label {
    display: flex;
    line-height: 1.5;
    padding: 18px 0 18px 0;
}


.hs-form--panel .hs-richtext p {
    font-size: 1rem;
    margin: 0 0 0 0;
}

label.hs-error-msg {
    padding: 0 !important;
    color: #000 !important;
}
.hs_submit.hs-submit .actions input {
    margin: 15px auto;
}
ul.no-list.hs-error-msgs.inputs-list li {
    padding: 5px 0 0px 0px;
    color: var(--gh23-b);
}

ul.no-list.hs-error-msgs.inputs-list {
    padding: 0;
    margin: 0;
}

.legal-consent-container {
    /* margin-top: 15px; */
}

.newsletter label.hs-error-msg, .newsletter .hs-error-msgs {
    color: var(--gh23-y) !important;
}

.newsletter .hs-richtext a {
    color: var(--gh23-w);
}

content .newsletter a:not([class]):not(:empty) {
    background-image: linear-gradient(#f0ff007a,#f0ff007a);
}

.newsletter label.hs-main-font-element {
    color: var(--gh23-y);
    padding: 0 !important;
    margin: 0;
}
.newsletter input.hs-button.primary.large {
    border: 2px solid var(--gh23-y);
}

.hs-form--standalone.small {
    padding: 15px;
    background-color: var(--gh23-g25);
    padding: 10px 10px;
    border: none;
    margin: 0;
    box-shadow: 0px 0px 0px 0px var(--gh23-y);
    transition: box-shadow .3s;
}
.hs-form--standalone.small.active {
    box-shadow: 0px 0px 0px 5px var(--gh23-y);
}
.hs_submit.hs-submit .actions input {
    margin: 0 0 13px 0;
}

.hs-form--standalone.small form {
    gap: 5px;
}

.hs-form--standalone.small ul.inputs-list li label {
    padding: 0;
}


.hs-form--standalone.small input[type=submit] {
    background-color: var(--gh23-b);
    background-image: linear-gradient(var(--gh23-b),var(--gh23-b));
    color: #fff;
}

.hs-form--standalone.small input[type=submit]:hover {
    background-image: linear-gradient(var(--gh23-y),var(--gh23-y));
    background-size: 100% 100%;
    color: var(--gh23-b);
}

.hs-form--standalone.small .submitted-message {
    padding: 30px 10px 0px 10px;
    text-align: center;
}

.hs-form--standalone.small .submitted-message h2 {
    font-weight: 800;
    margin-bottom: 8px;
}

.hs-form--standalone.small .hs-richtext.hs-main-font-element {
    text-align: center;
    padding: 20px 10px 0 10px;
}

.hs-form--standalone.small h3 {
    FONT-WEIGHT: 800;
    margin: 0 0 5px 0px;
}

.hs-form--standalone.small p {
    margin-bottom: 10px;
}

section.c--image-content.icon--reading {
    display: flex;
    flex-direction: row;
    max-width: var(--max-width);
    width: 100%;
    margin: 0 auto;
    padding:0 0 3rem 0;
    transition: height .3s;
    position: relative;
    gap: 30px;
}

section.c--image-content.icon--reading .c-image {
    flex-basis: 40%;
}

section.c--image-content.icon--reading .c-text {
    flex: 1;
    padding: 0;
    align-self: center;
}
@media(max-width: 928px){
section.c--image-content.icon--reading {
    flex-direction: column;
    text-align: center;
}
    } 

@media(max-width: 1366px){
   .panel-pane.start {
    flex-direction: column;
}


        section.c--starten-content wrapper {
    grid-template:
        "MAIN MAIN"
        "PANE-1 PANE-2";
    grid-template-columns: 1fr 1fr;
}
     .feed panel {
    width: calc((100% - 30px) / 2);
} 

.module--addons nav, .module--partner nav, .module--events nav, section.module--article.video nav {
    flex: 0 0 200px;
}

module {
    gap: 20px;
}  

.addon--panel .thumb--image, .partner--panel .thumb--image {
    height: 190px;
}

.addon--panel {
    max-width: calc((100% - 120px) / 4);
} 

.partner--panel {
    max-width: calc((100% - 40px) / 2);
}

.module--addons nav, .module--partner nav, .module--events nav, section.module--article.video nav {
    display: none;
}    
    
}

@media(max-width: 1000px){
 
   .panel-pane.pane-1.beraten {
    flex-direction: column;
    display: flex;
    align-content: center;
    align-items: center;
    text-align: center;
}

.panel-pane.beraten .text-panel {
    padding: 40px;
}

.panel-pane.casestudy {
    display: flex;
    justify-content: center;
    text-align: center;
    align-items: center;
}
    info {
    flex-basis: 250px;
}

.content--icon-group {
    gap: 15px;
}

.gh-content-table {
    display: flex;
    flex-direction: column;
}
 
    
       
}    
@media(max-width: 928px){

.addon--panel {
    max-width: calc((100% - 60px) / 3);
}

 .partner--panel {
    max-width: calc((100% - 40px) / 2);
}

.partner-block {
    gap: 40px 20px;
}    
    
.panel-pane.start > div {
    width: 100%;
}  
.panel-pane.start {
     background-image: none !important;
}    

        section.hero-standard wrapper {
    display: flex;
    flex-direction: column-reverse;
    align-content: center;
    align-items: center;
    justify-content: center;
    text-align: center;
    min-height: auto;
    padding: 0;
}

.content--icon-group.group-2 .icon--panel {
    flex-basis: 100%;
}  

section.hero-standard {
    padding: 6rem 20px 50px 20px;
}    

section.content--reading wrapper {
    flex-direction: column;
    text-align: center;
    padding: 20px;
}

.content--reading .c-text {
    padding: 0;
}    

.c-text {
    order: 2;
}

   


.hosting--grid .focus.hosting--grid-panel {
    scale: 1;
}

.hosting--grid {
    gap: 10px;
}

.module--addons wrapper, .module--partner wrapper, .module--events wrapper,section.module--article > wrapper {
    flex-direction: column;
}   

    .addon--content, .partner--content {
    padding: 12px;
}

.partner--head-group {
    /* padding: 0 .5rem 0 12px; */
    flex-direction: column;
    display: flex;
    align-items: center;
    text-align: center;
    align-content: center;
}
.addon--head-name, .partner--head-name {
    display: flex;
    align-items: center;
    padding-bottom: 11px;
}
patch {
    position: absolute;
    top: 5px;
    right: 5px;
    min-height: 7px !important;
    height: 54px;
}    

.partner--head-logo {
    height: 96px;
    width: 96px;
}
section.video wrapper {
    flex-direction: column;
}

section.video wrapper playlist {
    order: 0;
}

section.video wrapper ul.menu--sub {
    order: 2;
}


section.video wrapper h3.area {
    order: 2;
    margin-top: 20px;
}       

    .gh-partner-type--panel-info-action {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 20px;
}

.gh-partner-type--panel-info-action a.button {
    width: 100%;
}

section.partner--typen wrapper {
    flex-direction: column;
}

.gh-partner-type--panel {
    width: 100%;
}
    .customer--review-group {
    flex-wrap: wrap;
}
    
}

@media(max-width: 928px){
    section.c--starten-content wrapper {
    grid-template:
        "MAIN"
        "PANE-1" "PANE-2";
    grid-template-columns: 1fr;
        
}
    .gh-addon-vorteil-box ul, ul.checked {
    gap: 0;
}

   ul.checked li, .gh-addon-vorteil-box ul li {
    width: 100%;
    padding: 0 0 20px 7px;
}

.pane-main.panel-pane.start {
    text-align: center;
    padding: 30px 25px;
}

.customer--review-panel {
    width: calc((100% - 30px) / 2);
    height: 500px;
}

section.hero wrapper {
    padding: 3.5rem .5rem;
}

.button {
    padding: 12px 16px;
    white-space: break-spaces;
    font-size: 0.875rem;
}

actions {
    justify-content: center;
    align-items: center;
    gap: 22px;
}

.mt-45 {margin-top: 15px;}

section.content wrapper {
    flex-direction: column;
    text-align: center;
    padding: 3rem 20px 1rem 20px;
}

    .customer--logo-group {
    gap: 5px;
}


.c-image {
    order: 1;
}


section.content wrapper > div {
    align-items: center;
}

footer {
    text-align: center;
}

ul.social-icons {
    justify-content: center;
}

section.hero wrapper {
    background-size: cover;
    background-position: center;
}  



section.hero-standard .h-image {
    max-width: 80%;
    order: 2;
}


.content--icon-group.group-6 .icon--panel {
    flex-basis: 100%;
}

.content--icon-group {
    gap: 10px;
}

section.module--support > wrapper, section.module--rechtliches > wrapper, section.module--uberuns > wrapper {
    flex-direction: column;
    padding: 5rem 20px 0 20px;
}    

    section.hero wrapper h3 {
    font-size: 1.2rem;
}

section.hero wrapper > svg {
    max-width: 70% !important;
}

section.hero {
    padding: 5rem 20px 0 20px;
}

.h-form {
    order: 1;
}

.h-text {
    order: 2;
}    

}

@media (max-width: 640px){

    .customer--review-panel {
    width: 100%;
    height: 400px;
}

    .customer--review-panel .zitat-text {
    font-size: 1.1rem;
}

    .customer--review-panel .zitat-text {
    font-size: 1.1rem;
}

section.c--icon-content wrapper {
    padding: 3rem 20px 3rem 20px;
}



section.c--customer-logos wrapper .customer--logo {
    width: calc((100% - 14px) / 3);
    height: 83px;
}

content img {
    max-width: 100%;
}

section.module-content wrapper {
    padding: 20px 0;
}

.content--icon-group.group-3.paneled .icon--panel.small {
    max-width: 100%;
}



.feed panel {
    width: 100%;
}

.addon--panel, .partner--panel {
    max-width: 100%;
}

.module--addons nav, .module--partner nav, .module--events nav, section.module--article.video nav {
    display: none;
}   

.gh-g-header--wrapper {
    height: 4rem;
}

header.gh-g-header {
    padding: 0 5px 0 10px;
}

a.gh-g-header--logo {
    /* height: 32px; */
    /* width: 32px; */
}

a.gh-g-header--logo svg {
    height: 32px;
    width: 32px;
}  

 img.partner--logo {
    height: 32px;
}   

a.gh-g-header--logo svg#greyhound--logo-mobile {
    width: 32px;
}    
    
}
@media (max-width: 750px){
    .partner--panel {
    max-width: 100%;
}
.partner-block {
    padding: 0;
    border: none;
}    
}
@media (max-width: 500px){

.addon--panel, .partner--panel {
    max-width: 100%;
}
}

/*COOKIE*/

#hs-eu-cookie-confirmation #hs-eu-cookie-confirmation-buttons-area {
    position: sticky;
    bottom: 0px;
    padding-bottom: 30px;
    margin-bottom: -30px;
    background-color: #fff;
}

div#hs-eu-cookie-confirmation {
    font-family: inherit !important;
    color: #000 !important;
    max-width: 500px !important;
    right: 0 !important;
    left: auto !important;
    box-shadow: 0 -1px 9px #05111e4d !important;
    overflow: auto !important;
    right: 15px !important;
    bottom: 15px !important;
}

div#hs-eu-cookie-confirmation h2 {
    font-size: 20px;
    font-weight: 800;
    margin-bottom: 15px;
    margin-top: -30px;
    display: block;
    line-height: 1.2;
}

div#hs-eu-cookie-confirmation p a {
    font-weight: bold;
    color: #000;
    text-decoration: none;
}

#hs-eu-cookie-confirmation {
    transform: none !important;
    inset: unset !important;
    bottom: 0 !important;
    right: 0 !important;
}

#hs-banner-parent p {
    color: #000 !important;
}

#hs-modal-content #hs-modal-introduction {
    font-weight: 800 !important;
    font-size: 20px;
    color: #000 !important;
}

#hs-modal-content * {
    font-family: 'Oscine';
    text-decoration: none !important;
}

.hs-category-row {
    border: 2px solid #000 !important;
    border-radius: 10px !important;
}

#hs-modal-content #hs-categories-container .hs-category-label {
    color: #000 !important;
}



div#hs-category-description-analytics {
    /* padding-top: 20px; */
}

.hs-category-description ul {
    list-style: disc !important;
    padding: 0 0 0 26px !important;
    margin-bottom: 15px !important;
}

.hs-category-description ul li {padding-bottom: 9px !important;color: #000 !important;}

#hs-modal-content #hs-categories-container .hs-always-active-label {
    color: #000 !important;
}

@media(max-width:500px){

div#hs-eu-cookie-confirmation {
    font-family: inherit !important;
    color: #000 !important;
    max-width: 100vw !important;
    max-height: calc(100vh - 5rem) !important;
    right: 0 !important;
    left: auto !important;
    box-shadow: 0 -1px 9px #05111e4d !important;
    overflow: auto !important;
    right: 0px !important;
    bottom: 0px !important;
}

div#hs-eu-cookie-confirmation-inner {
    padding: 14px !important;
}
}
    


body #hs-modal #hs-modal-content a, body #hs-modal #hs-modal-content a:hover, body div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner p a,body div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner p a:hover {
    color: #000000 !important;
    background-image: linear-gradient(var(--gh23-y),var(--gh23-y)) !important;
    background-size: 100% 5px !important;
    background-repeat: no-repeat  !important;
    background-position: left bottom !important;
    transition: background-size .3s;
    cursor: pointer;
    font-weight: 800 !important
}


body #hs-modal #hs-modal-content #hs-modal-footer #hs-modal-accept-all, body #hs-modal #hs-modal-content #hs-modal-footer #hs-modal-save-settings, body div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner a#hs-eu-confirmation-button {
    border: 2px solid var(--gh23-b)  !important;
    border-radius: 32px;
    padding: 14px 34px;
    text-align: center;
    box-sizing: border-box;
    line-height: initial;
    text-decoration: none;
    font-weight: bold;
    color: var(--gh23-b)  !important;
    display: inline-flex;
    align-items: center;
    cursor: pointer;
    background-color: #efff00 !important;
    font-weight: 800  !important;
    text-align: center;
    justify-content: center;
}

body div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner a#hs-eu-decline-button {
    border: 2px solid var(--gh23-b) !important;
    border-radius: 32px;
    padding: 14px 34px;
    text-align: center;
    box-sizing: border-box;
    line-height: initial;
    text-decoration: none;
    font-weight: bold;
    color: var(--gh23-b) !important;
    display: inline-flex;
    align-items: center;
    cursor: pointer;
    font-weight: 800 !important;
    text-align: center;
    justify-content: center;
}

body div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner a#hs-eu-cookie-settings-button {
    color: #000000 !important;
    /* background-image: linear-gradient(var(--gh23-y),var(--gh23-y)) !important; */
    background-size: 100% 6px !important;
    background-repeat: no-repeat !important;
    background-position: left bottom !important;
    transition: background-size .3s;
    cursor: pointer;
    display: block;
    margin: 0 auto;
    width: max-content;
}

body #hs-modal #hs-modal-content #hs-modal-body #hs-modal-body-container .hs-category-label.hs-active {
    border-left-color: #000 !important;
}

.hs_error_rollup, .hs_error_rollup * {
    text-align: center;
}

/* Forms */
.tp-form {
    padding: 30px 0;
}

.tp-form h2 {
    font-size: 2.8rem;
    margin-bottom: 30px;
    text-align: center;
}

.tp-form .hs-richtext p {
    font-size: 1.2rem;
    margin-bottom: 25px;
    line-height: 1.5;
    text-align: center;
}

.tp-form .submitted-message {
    text-align: center;
}

.tp-form .submitted-message h3 {
    font-size: 2.8rem;
    margin-bottom: 30px;
    text-align: center;
    font-weight: 800;
}

.tp-form .submitted-message p {
    font-size: 1.2rem;
    margin-bottom: 25px;
    line-height: 1.5;
    text-align: center;
}

#jetztbewerben .form--standalone {
    display: grid;
    grid-template-areas:
        "f_title f_title f_title"
        "f_name f_name f_name"
        "form_email form_email form_email"
        "f_tel f_tel f_tel"
        "form_text_online f_text_oder form_text_classic "
        "form_linkedin f_text_oder form_upload"
        "form_message form_message form_message"
        "form_ds form_ds form_ds"
        "submit submit submit";
    grid-template-columns: 1fr 60px 1fr;
    gap: 10px 25px;
}

#jetztbewerben .f_title {
    grid-area: f_title
}

#jetztbewerben .f_name {
        grid-area: f_name
}

#jetztbewerben .form_email {
        grid-area: form_email
}

#jetztbewerben .f_tel {
        grid-area: f_tel
}

#jetztbewerben .form_upload {
        grid-area: form_upload
}

#jetztbewerben .form_message {
        grid-area: form_message
}

#jetztbewerben .form_ds {
        grid-area: form_ds;
        text-align: center;
        max-width: 80%;
        margin: 0 auto;
}

#jetztbewerben .form_linkedin {
        grid-area: form_linkedin
}

#jetztbewerben .form_text_classic {
        grid-area: form_text_classic;
        margin-top: 24px;
}

#jetztbewerben .form_text_online {
        grid-area: form_text_online;
        margin-top: 24px;
}

#jetztbewerben .f_text_oder {
        grid-area: f_text_oder;
        place-self: center;
        font-weight: bold;
}

#jetztbewerben .submit {
        grid-area: submit
}

#jetztbewerben .form_text_online h4, #jetztbewerben .form_text_classic h4 {
    font-size: 22px;
    font-weight: bold;
    margin: 0;
}

#jetztbewerben .form_text_online p, #jetztbewerben .form_text_classic p {
    margin: 0;
}

#jetztbewerben .hs-form--standalone input[type="file"] {
    padding: 0 0 0px 0;
}
@media(max-width: 700px){
    #jetztbewerben .form--standalone {
    display: grid;
    grid-template-areas:
        "f_title f_title f_title"
        "f_name f_name f_name"
        "form_email form_email form_email"
        "f_tel f_tel f_tel"
        "form_text_online form_text_online form_text_online"
        "form_linkedin form_linkedin form_linkedin"
        "f_text_oder f_text_oder f_text_oder"
        "form_text_classic form_text_classic form_text_classic"
        "form_upload form_upload form_upload"
        "form_message form_message form_message"
        "form_ds form_ds form_ds"
        "submit submit submit";
    grid-template-columns: 1fr 60px 1fr;
    gap: 10px 25px;
}
 #jetztbewerben .f_text_oder {
        grid-area: f_text_oder;
        place-self: auto;
        font-weight: bold;
        margin-top: 24px;
}   
}
/* POPUPS */

.leadinModal.leadinModal-v3 .leadin-preview-wrapper {
    display: flex;
    flex-direction: column;
    padding: 0 !important;
}

.leadinModal.leadinModal-theme-default.leadinModal-v3 .dyno-image {
    width: 100% !important;
    margin: 0 0px 30px 0 !important;
    display: block  !important;
    float: none  !important;
}

.leadinModal.leadinModal-v3 .dyno-image img {
    width: 100% !important;
    min-width: 100% !important;
}

.leadinModal.leadinModal-theme-default.leadinModal-v3.leadinModal-preview .advance-wrapper {
    margin: 0 !important;
}
.leadinModal.leadinModal-v3 h1, .leadinModal.leadinModal-v3 h2, .leadinModal.leadinModal-v3 h3, .leadinModal.leadinModal-v3 h4, .leadinModal.leadinModal-v3 h5, .leadinModal.leadinModal-v3 h6, .leadinModal.leadinModal-v3 p {
    font-size: 1rem !important;
    line-height: 1.5 !important;
    margin-bottom: 15px !important;
}
.leadinModal.leadinModal-theme-default.leadinModal-v3.leadinModal-form h4, .leadinModal.leadinModal-theme-default.leadinModal-v3.leadinModal-form ol, .leadinModal.leadinModal-theme-default.leadinModal-v3.leadinModal-form p, .leadinModal.leadinModal-theme-default.leadinModal-v3.leadinModal-form ul, .leadinModal.leadinModal-theme-default.leadinModal-v3.leadinModal-preview h4, .leadinModal.leadinModal-theme-default.leadinModal-v3.leadinModal-preview ol, .leadinModal.leadinModal-theme-default.leadinModal-v3.leadinModal-preview p, .leadinModal.leadinModal-theme-default.leadinModal-v3.leadinModal-preview ul {
    margin: 0 30px !important;
    color: #000 !important;
}


.leadinModal.leadinModal-theme-default.leadinModal-v3.leadinModal-preview h4 {
    font-size: 1.3rem !important;
    line-height: 1.3rem !important;
    margin-bottom: 15px !important;
}

.leadinModal.leadinModal-theme-default.leadinModal-v3 .leadinModal-content {
    background-color: #fff !important;
    border-radius: 10px !important;
}

.leadinModal.leadinModal-theme-default.leadinModal-v3.leadinModal-preview .leadin-button {
    background-color: #f0ff00;
    border: 2px solid #000;
    border-radius: 32px;
    padding: 14px 32px;
    text-align: center;
    box-sizing: border-box;
    line-height: initial;
    text-decoration: none;
    font-weight: bold;
    color: #000;
    display: inline-flex;
    align-items: center; 
    cursor: pointer;
    justify-content: center;
    white-space: nowrap;
    margin: 20px 20px 20px 20px;
    box-sizing: border-box;
    width: calc(100% - 40px);
    display: inline-flex;
}

.leadinModal-v3 .leadinModal-close:before, .leadinModal-v3 .leadinModal-close:hover:before {
    color: #000;
    background-color: #fff0;
    border-radius: 30px;
    padding-top: 5px;
    padding-right: 9px;
    font-weight: 800;
}
.leadinModal {
    z-index: 20000 !important;
}

.leadinModal.leadinModal-v3 .leadinModal-overlay {
    background-color: rgb(14 13 30 / 80%) !important;
}

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

.leadinModal.leadinModal-theme-default.leadinModal-v3 .leadin-content-body {
    padding: 0!important;
}

.leadinModal.leadinModal-v3 .dyno-image img {
    max-height: initial !important;
    max-width: none !important;
}

}

.ghki-question-answer wrapper {
    display: flex;
    flex-direction: column;
    padding: 40px;
    max-width: 1180px;
    margin: 0 auto;
    gap: 25px;
    align-items: flex-start;
    background-color: #edeff4;
    border-radius: 40px;
    border: 10px solid #f8f8f9;
}

.ghki-chat-bubble {
    background-color: #ffffff;
    padding: 20px;
    border-radius: 4px 20px 20px 20px;
    box-shadow: 14px 14px 15px #00000014;
    margin: 0;
    font-size: 1.4rem;
    line-height: 1.6;
    align-self: flex-start;
    flex-grow: 0;
    width: max-content;
    max-width: 70%;
    align-self: flex-end;
     position: relative;
}
.avatar:before {
    content: "";
    height: 60px;
    width: 60px;
    background-color: black;
    position: absolute;
    left: -80px;
    border-radius: 50%;
    top: 0;
    background-image: url(/uploads/pages/ki/ghms-chat.png);
    background-position: center;
    background-repeat: no-repeat;
    box-shadow: 14px 14px 15px #00000014;
}
.bubble--out {
   border-radius: 4px 20px 20px 20px;
    align-self: flex-start;
    margin-left: 60px;
}

.bubble--in {
    background-color: var(--gh23-y);
    margin-bottom: 24px;
    border-radius: 20px 4px 20px 20px;
}

.ghki-chat-actions a {
    background-color: #ffffff;
    padding: 12px 20px;
    border-radius: 14px;
    box-shadow: 14px 14px 15px #00000014;
    margin: 0;
    font-size: 1rem;
    line-height: 1.6;
    align-self: flex-start;
    flex-grow: 0;
    width: max-content;
    border: 2px solid;
    transition: background-color .3s;
}



.icon--reading.centered {
    align-items: center;
}


@media(max-width: 980px){

.gh-launchcenter-changelog-point {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 30px;
}

.gh-launchcenter-changelog-point:nth-child(odd) .gh-launchcenter-changelog-img {
    order: 1 !important;
}

.gh-launchcenter-changelog-content {
    order: 2;
}
}

section.video-hero {
    margin: 0 auto;
    gap: 20px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    min-height: max-content;
    max-height: max-content;
    /* height: 70vh; */
    max-width: 2060px;
}


section.video-hero .gradient--left {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #000000;
    background: linear-gradient(90deg, rgb(0 0 0 / 65%) 30%, rgb(0 0 0 / 0%) 70%);
    z-index: -1;
    opacity: 1;
}

section.video-hero video {
    min-height: 100%;
    z-index: -2;
    opacity: 1;
    filter: grayscale(0);
    min-width: 100%;
    position: absolute;
    right: 0;
    bottom: 0;
}

section.video-hero .f--large {
    max-width: 1070px;
    font-size: clamp(42px, 8.5vw, 78px);
    text-align: left;
}

section.video-hero wrapper > svg {
    max-width: 64vw;
    width: 410px;
    margin-bottom: 8px;
    flex-shrink: 0;
}

section.video-hero wrapper.bg--video.content--centered {
    flex: 1;
    height: 100%;
    align-self: stretch;
    min-height: 70vh;
    max-height: 100%;
    display: flex;
    align-items: flex-start;
    border-radius: 20px;
}


h3.white {
    color: #fff;
    fill: currentColor;
}

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


@media(max-width: 928px){
section.video-hero wrapper.bg--video.content--centered h1,section.video-hero wrapper.bg--video.content--centered h3,section.video-hero wrapper.bg--video.content--centered svg  {
    text-align: center !important;
    align-items: center !important;
}


section.video-hero wrapper.bg--video.content--centered {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

section.hero {
    min-height: 70vh !important;
}
}
wrapper.bg--video {
    flex: 1;
    height: 100%;
    align-self: stretch;
    min-height: auto;
    max-height: 100%;
    display: flex;
    align-items: flex-start;
    border-radius: 20px;
}

h1.f--large.f--xlarge.t-center {
    max-width: 1070px;
    font-size: clamp(51px, 132px, 10vw);
    color: #fff;
    line-height: 4.5rem;
    text-align: center;
}

.t-center {
    text-align: center;
}

@media(max-width: 600px){

h1.f--large.f--xlarge.t-center {
    font-size: 48px;
    line-height: 52px;
}
    }

.cta.theme-red {
    padding: 0 0  40px 0;
}

.cta.theme-red > a {
    border: 2px solid var(--gh23-b);
    border-radius: 32px;
    padding: 14px 32px;
    box-sizing: border-box;
    line-height: initial;
    text-decoration: none;
    font-weight: bold;
    color: var(--gh23-b);
    display: inline-flex;
    align-items: center;
    background-size: 0% 100%;
    background-repeat: no-repeat;
    background-position: left bottom;
    transition: background-size .3s, color .3s;
    cursor: pointer;
    justify-content: center;
    white-space: nowrap;
    background-color: var(--gh23-y);
    background-image: linear-gradient(var(--gh23-b),var(--gh23-b));
}
.cta.theme-red > a:hover {
    background-image: linear-gradient(var(--gh23-b),var(--gh23-b));
    background-size: 100% 100%;
    color: var(--gh23-y);
}

info.casestudy-advanced {
    flex-basis: 400px;
}

.info--panel.fazit {
    padding: 5px 5px 5px 5px;
}

.info--panel.fazit .fazit--logo {
    aspect-ratio: 6 / 3;
    background-repeat: no-repeat;
    background-size: 65%;
    background-position: center;
    /* background-color: #fff; */
    border-radius: 4px;
    margin-bottom: 20px;
}

.info--panel.fazit table td {
    vertical-align: top;
    padding-bottom: 7px;
    padding-top: 7px;
}

.info--panel.fazit table td:nth-child(1) {
    font-weight: bold;
    line-height: 1.4;
    padding-left: 10px;
}

.info--panel.fazit table td:nth-child(2) {
    text-align: right;
    line-height: 1.4;
    text-wrap: nowrap;
    padding-right: 10px;
}


.info--panel.fazit table {
    width: 100%;
    margin-top: 10px;
}

.info--panel.fazit table a {
    background-color: #000;
    background-image: none;
    display: inline-block;
    color: #fff;
    padding: 2px 7px;
    border-radius: 40px;
    font-size: 0.875rem;
    margin-bottom: 4px;
    transition: background-size .3s, color .3s;
    background-image: linear-gradient(var(--gh23-y),var(--gh23-y));
    background-size: 0% 100%;
    border: 2px solid #000;
}

.info--panel.fazit table a:hover {
    background-size: 100% 100%;
    color: #000;
}

.info--panel.fazit table tr:not(:last-child) td {
    border-bottom: 1px solid var(--gh23-g);
}
.info--panel.fazit table tr:last-child td {
    vertical-align: middle;
    padding-top: 10px;
}

.info--panel.fazit table tr:last-child td a {
    margin: 0;
}

.info--panel.fazit .blacked {
    height: 11px;
    width: 40px;
    background-color: var(--gh23-g);
    display: inline-block;
    border-radius: 20px;
    /* opacity: 0.2; */
}

.info--panel.fazit.blacked.span-1 {
        width: 50%;
}

.info--panel.fazit.blacked.span-2 {
       width: 40%;
}

.info--panel.fazit table td:nth-child(1) .blacked {
    opacity: 1;
}

.content--gate {
    background-color: #000;
    text-align: center;
    background-color: #000000cf;
    backdrop-filter: saturate(180%) blur(20px);
    margin-top: 50px;
    height: 300px;
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: center;
    background-color: #fff0;
    background-image: url(/assets/contentgate.svg);
    margin-bottom: 60px;
}

.content--gate h2 {
    font-weight: 800;
    color: #fff;
    font-size: 2.5rem;
    line-height: 1;
    margin-bottom: 26px;
}

.content--gate input.hs-button.large.primary {
    border: 2px solid var(--gh23-b);
    border-radius: 32px;
    padding: 14px 32px;
    text-align: center;
    box-sizing: border-box;
    line-height: initial;
    text-decoration: none;
    font-weight: bold;
    color: var(--gh23-b);
    display: inline-flex;
    align-items: center;
    background-image: linear-gradient(var(--gh23-y),var(--gh23-y));
    background-size: 0% 100%;
    background-repeat: no-repeat;
    background-position: left bottom;
    transition: background-size .3s, color .3s;
    cursor: pointer;
    justify-content: center;
    white-space: nowrap;
    background-color: var(--gh23-y);
    background-image: linear-gradient(var(--gh23-b),var(--gh23-b));
    font-family: inherit;
    font-weight: 800;
    font-size: 16px;
    margin-top: 26px;
}

.content--gate input[type=email] {
    border-radius: var(--border-radius);
    width: 100%;
    padding: 9px 12px;
    border-radius: 6px;
    outline: none;
    font-size: 1rem;
    border: 2px solid;
    font-family: 'Oscine';
}

.content--gate .hbspt-form {
    padding: 2rem;
    background-color: #000000e0;
    box-shadow: 0px 12px 20px #00000040;
    border-radius: var(--border-radius);
    max-width: 500px;
    padding: 3em 3em 2em 3em;
}

.content--gate ul.no-list.hs-error-msgs.inputs-list {
    color: #fff;
}

.content--gate label.hs-error-msg {
    color: var(--gh23-y) !important;
}

/* HEADER QF */

#gh-g-navigation--main .gh-g-navigation--main-panel-wrapper > ul li:first-child {
    /* flex-basis: 66% !important; */
    padding: 0;
}

#gh-g-navigation--main .gh-g-navigation--main-panel-wrapper > ul > li:first-child > ul {
    display: flex;
    flex-direction: column;
}

#gh-g-navigation--main .gh-g-navigation--main-panel-wrapper > ul {
    display: flex;
    gap: 0;
}

.gh-g-navigation--main-panel {
    left: -50px !important;
    right: unset !important;
    top: calc(3.8rem);
    min-width: 810px;
}

#gh-g-navigation--main .gh-g-navigation--main-panel-wrapper > ul li:last-child {
    flex-basis: 50%;
    padding: 0;
}

li.menu-section.panel-menu.has-sub {
    position: relative !important;
}

.gh-g-navigation--main-panel-wrapper {
    padding: 0;
}

#gh-g-navigation--main .gh-g-navigation--main-panel-wrapper > ul li:last-child li.menu-item.panel-icon:not(:last-child) {
    margin-bottom: 0;
}
#gh-g-navigation--main .gh-g-navigation--main-panel-wrapper > ul > li:first-child {
    border-right: 1px solid var(--gh23-g);
}

#gh-g-navigation--main .gh-g-navigation--main-panel-wrapper > ul > li {}



#gh-g-navigation--main .gh-g-navigation--main-panel-wrapper > ul > li {
    padding: 7px 12px 17px 12px !important;
}


#ghgini div {
    box-sizing: content-box;
    font: normal 14px / 20px Oscine;
    /* color: #000; */
}

/* General Widget Styling */
#ghgini {
    /* position: relative; */
    max-width: 100%;
    /* width: 100%; */
    /* min-height: 1px; */
}

#ghgini {
    background-color: #fff;
    display: flex;
    flex-basis: 25%;
    align-items: stretch;
    border-radius: 15px;
    box-shadow: 0px 10px 30px #00000030;
    border: none !important;
    overflow: hidden;
}

/* Input Fields */
div #ghgini input.ghChatWidgetLoginUserName,
div #ghgini textarea.ghChatWidgetLoginUserMessage {
    border-radius: 8px !important;
    border: 2px solid #000;
    margin: 0 5px;
    max-width: calc(100% - 10px);
    font-size: 16px;
    color: #000;
}

div #ghgini textarea.ghChatWidgetLoginUserMessage {
    min-height: 130px;
}

/* Headers and Titles */
#ghgini div h4 {
    font-weight: 800;
    margin: 10px 0 7px;
}

.ghChatWidgetTitle {
    font: 800 16px/22px Oscine !important;
    margin-bottom: -4px;
}

/* Footer Styling */
.ghChatWidgetFooter, 
.ghChatWidgetFooter form button {
    font-size: 11px !important;
    font-family: Oscine !important;
    color: #000 !important;
}

#ghgini .ghChatWidgetLoginFooterWrapper {
    background: transparent;
    height: 76px;
    border: none;
}

#ghgini .ghChatWidgetFooter {
    background-color: #fff;
    padding: 0 11px !important;
}

#ghgini .ghChatWidgetFooter:hover {
    background-color: transparent;
}

/* Button Styling */
div #ghgini .ghChatWidgetButtonLink {
    background-color: #fff;
    color: #000;
    padding: 8px 12px;
    font: 800 14px/20px Oscine;
    border: 2px solid #000;
    box-sizing: border-box;
    transition: background-color 0.3s;
}

div #ghgini .ghChatWidgetButtonLink:hover {
    background-color: #f0ff00;
}

/* Messaging Styling */
div .ghChatWidgetMessengerMessages {
    padding: 15px 5px 25px 5px;
}

div #ghgini .ghChatWidgetMessageFrame.ghChatWidgetOutgoing:not(.ghChatWidgetContinued)::before {
    background-color: #000;
    background-size: 67%;
    background-position: center;
    background-repeat: no-repeat;
}

#ghgini .ghChatWidgetMessage {
    padding: 10px 15px;
}

#ghgini .ghChatWidgetOutgoing .ghChatWidgetMessage {
    border-radius: 2px 10px 10px 10px;
    background-color: #edeff4;
}

#ghgini .ghChatWidgetIncoming .ghChatWidgetMessage {
    border-radius: 10px 2px 10px 10px;
}

#ghgini .ghChatWidgetMessageFrame {
    padding: 7px 14px 5px 20px;
}

#ghgini .ghChatWidgetOutgoing {
    padding-left: 50px;
}

#ghgini .ghChatWidgetMessageTimestamp {
    font-size: 14px;
    letter-spacing: 1px;
}

/* Miscellaneous */
#ghgini a {
    font: 800 14px/20px Oscine;
}

label.ghChatWidgetLoginUserNameLabel,
label.ghChatWidgetLoginUserMessageLabel {
    font-weight: 800;
    font-size: 14px;
    color: #000;
}

.ghi--question-examples {
    max-width: 490px;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
}

.ghi--question-examples h3, 
.ghi--question-examples dt {
    font-weight: 800;
    padding-left: 5px;
}

.ghi--question-examples dt {
    margin-bottom: 7px;
    line-height: 1.5;
    font-size: 18px;
}

.ghi--question-examples button {
    background-color: #000;
    color: #fff;
    padding: 12px 20px;
    margin: 2px 1px;
    border: none;
    border-radius: 20px 3px 20px 20px;
    font-size: 14px;
    font-family: 'Oscine';
    display: inline-block;
    overflow: hidden;
    max-width: 240px;
    cursor: pointer;
    text-align: left;
}

.ghi--question-examplea dd {
    display: inline-block;
    align-self: flex-start;
    max-width: 250px;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    padding: 0;
}

.ghi--question-examples dl {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    margin-bottom: 15px;
    line-height: 0;
}


#ghgini input.ghChatWidgetLoginButton {
    height: unset;
    line-height: 38px;
    padding: 3px 28px;
    font-size: 14px;
    color: rgb(0, 0, 0);
    background-color: rgb(240, 255, 0);
    border-radius: 4px;
    box-sizing: border-box;
    text-align: center;
    border: none;
    cursor: pointer;
    -webkit-appearance: none;
    border: 2px solid;
    font-weight: 800;
    font-family: 'Oscine';
    border-radius: 32px;
    
}

#ghgini input.ghChatWidgetLoginUserName, #ghgini textarea.ghChatWidgetLoginUserMessage  {
    border-radius: 8px !important;
}
#ghgini .ghChatWidgetName {
    font-weight: 800;
}

#ghgini.ghChatWidget .ghChatWidgetButtonLink:hover {
    background-color: #f0ff00;
}
#ghgini.ghChatWidget .ghChatWidgetButtonLink {
    background-color: #fff;
    color: #000;
    padding: 8px 12px;
    font: 800 14px / 20px Oscine;
    border: 2px solid #000;
    box-sizing: border-box;
    transition: background-color .3s;
}

#ghgini .ghChatWidgetMessageFrame.ghChatWidgetOutgoing.ghChatWidgetUser_undefined:before {background-color: #000 !important;background-size: 70% !important;background-position: center;background-repeat: no-repeat;}

#ghgini.ghChatWidget .ghChatWidgetMessengerInputWrapper {
    border: none !important;
}
div.ghChatWidget .ghChatWidgetMessageFrame.ghChatWidgetOutgoing:not(.ghChatWidgetContinued)::before {
    background-color: #000;
    background-size: 70%;
    background-position: center;
    background-repeat: no-repeat;
}
/* cmsms stylesheet: GREYHOUND Chatwidget Restyle modified: 26.09.2024 11:31:38 */
#ghgini div {
    box-sizing: content-box;
    font: normal 14px / 20px Oscine;
    /* color: #000; */
}

/* General Widget Styling */
#ghgini {
    /* position: relative; */
    max-width: 100%;
    /* width: 100%; */
    /* min-height: 1px; */
}

#ghgini {
    background-color: #fff;
    display: flex;
    flex-basis: 25%;
    align-items: stretch;
    border-radius: 15px;
    box-shadow: 0px 10px 30px #00000030;
    border: none !important;
    overflow: hidden;
}

/* Input Fields */
div #ghgini input.ghChatWidgetLoginUserName,
div #ghgini textarea.ghChatWidgetLoginUserMessage {
    border-radius: 8px !important;
    border: 2px solid #000;
    margin: 0 5px;
    max-width: calc(100% - 10px);
    font-size: 16px;
    color: #000;
}

div #ghgini textarea.ghChatWidgetLoginUserMessage {
    min-height: 130px;
}

/* Headers and Titles */
#ghgini div h4 {
    font-weight: 800;
    margin: 10px 0 7px;
}

.ghChatWidgetTitle {
    font: 800 16px/22px Oscine !important;
    margin-bottom: -4px;
}

/* Footer Styling */
.ghChatWidgetFooter, 
.ghChatWidgetFooter form button {
    font-size: 11px !important;
    font-family: Oscine !important;
    color: #000 !important;
}

#ghgini .ghChatWidgetLoginFooterWrapper {
    background: transparent;
    height: 76px;
    border: none;
}

#ghgini .ghChatWidgetFooter {
    background-color: #fff;
    padding: 0 11px !important;
}

#ghgini .ghChatWidgetFooter:hover {
    background-color: transparent;
}

/* Button Styling */
div #ghgini .ghChatWidgetButtonLink {
    background-color: #fff;
    color: #000;
    padding: 8px 12px;
    font: 800 14px/20px Oscine;
    border: 2px solid #000;
    box-sizing: border-box;
    transition: background-color 0.3s;
}

div #ghgini .ghChatWidgetButtonLink:hover {
    background-color: #f0ff00;
}

/* Messaging Styling */
div .ghChatWidgetMessengerMessages {
    padding: 15px 5px 25px 5px;
}

div #ghgini .ghChatWidgetMessageFrame.ghChatWidgetOutgoing:not(.ghChatWidgetContinued)::before {
    background-color: #000;
    background-size: 67%;
    background-position: center;
    background-repeat: no-repeat;
}

#ghgini .ghChatWidgetMessage {
    padding: 10px 15px;
}

#ghgini .ghChatWidgetOutgoing .ghChatWidgetMessage {
    border-radius: 2px 10px 10px 10px;
    background-color: #edeff4;
}

#ghgini .ghChatWidgetIncoming .ghChatWidgetMessage {
    border-radius: 10px 2px 10px 10px;
}

#ghgini .ghChatWidgetMessageFrame {
    padding: 7px 14px 5px 20px;
}

#ghgini .ghChatWidgetOutgoing {
    padding-left: 50px;
}

#ghgini .ghChatWidgetMessageTimestamp {
    font-size: 14px;
    letter-spacing: 1px;
}

/* Miscellaneous */
#ghgini a {
    font: 800 14px/20px Oscine;
}

label.ghChatWidgetLoginUserNameLabel,
label.ghChatWidgetLoginUserMessageLabel {
    font-weight: 800;
    font-size: 14px;
    color: #000;
}

.ghi--question-examples {
    max-width: 490px;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
}

.ghi--question-examples h3, 
.ghi--question-examples dt {
    font-weight: 800;
    padding-left: 5px;
}

.ghi--question-examples dt {
    margin-bottom: 7px;
    line-height: 1.5;
    font-size: 18px;
}

.ghi--question-examples button {
    background-color: #000;
    color: #fff;
    padding: 12px 20px;
    margin: 2px 1px;
    border: none;
    border-radius: 20px 3px 20px 20px;
    font-size: 14px;
    font-family: 'Oscine';
    display: inline-block;
    overflow: hidden;
    max-width: 240px;
    cursor: pointer;
    text-align: left;
}

.ghi--question-examplea dd {
    display: inline-block;
    align-self: flex-start;
    max-width: 250px;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    padding: 0;
}

.ghi--question-examples dl {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    margin-bottom: 15px;
    line-height: 0;
}


#ghgini input.ghChatWidgetLoginButton {
    height: unset;
    line-height: 38px;
    padding: 3px 28px;
    font-size: 14px;
    color: rgb(0, 0, 0);
    background-color: rgb(240, 255, 0);
    border-radius: 4px;
    box-sizing: border-box;
    text-align: center;
    border: none;
    cursor: pointer;
    -webkit-appearance: none;
    border: 2px solid;
    font-weight: 800;
    font-family: 'Oscine';
    border-radius: 32px;
    
}

#ghgini input.ghChatWidgetLoginUserName, #ghgini textarea.ghChatWidgetLoginUserMessage  {
    border-radius: 8px !important;
}
#ghgini .ghChatWidgetName {
    font-weight: 800;
}

#ghgini.ghChatWidget .ghChatWidgetButtonLink:hover {
    background-color: #f0ff00;
}
#ghgini.ghChatWidget .ghChatWidgetButtonLink {
    background-color: #fff;
    color: #000;
    padding: 8px 12px;
    font: 800 14px / 20px Oscine;
    border: 2px solid #000;
    box-sizing: border-box;
    transition: background-color .3s;
}

#ghgini .ghChatWidgetMessageFrame.ghChatWidgetOutgoing.ghChatWidgetUser_undefined:before {background-color: #000 !important;background-size: 70% !important;background-position: center;background-repeat: no-repeat;}

#ghgini.ghChatWidget .ghChatWidgetMessengerInputWrapper {
    border: none !important;
}
div.ghChatWidget .ghChatWidgetMessageFrame.ghChatWidgetOutgoing:not(.ghChatWidgetContinued)::before {
    background-color: #000;
    background-size: 70%;
    background-position: center;
    background-repeat: no-repeat;
}

div#hs-web-interactives-top-anchor {
    z-index: +999999;
}
/* cmsms stylesheet: GREYHOUND Chatwidget Restyle modified: 26.09.2024 11:31:38 */
#ghgini div {
    box-sizing: content-box;
    font: normal 14px / 20px Oscine;
    /* color: #000; */
}

/* General Widget Styling */
#ghgini {
    /* position: relative; */
    max-width: 100%;
    /* width: 100%; */
    /* min-height: 1px; */
}

#ghgini {
    background-color: #fff;
    display: flex;
    flex-basis: 25%;
    align-items: stretch;
    border-radius: 15px;
    box-shadow: 0px 10px 30px #00000030;
    border: none !important;
    overflow: hidden;
}

/* Input Fields */
div #ghgini input.ghChatWidgetLoginUserName,
div #ghgini textarea.ghChatWidgetLoginUserMessage {
    border-radius: 8px !important;
    border: 2px solid #000;
    margin: 0 5px;
    max-width: calc(100% - 10px);
    font-size: 16px;
    color: #000;
}

div #ghgini textarea.ghChatWidgetLoginUserMessage {
    min-height: 130px;
}

/* Headers and Titles */
#ghgini div h4 {
    font-weight: 800;
    margin: 10px 0 7px;
}

.ghChatWidgetTitle {
    font: 800 16px/22px Oscine !important;
    margin-bottom: -4px;
}

/* Footer Styling */
.ghChatWidgetFooter, 
.ghChatWidgetFooter form button {
    font-size: 11px !important;
    font-family: Oscine !important;
    color: #000 !important;
}

#ghgini .ghChatWidgetLoginFooterWrapper {
    background: transparent;
    height: 76px;
    border: none;
}

#ghgini .ghChatWidgetFooter {
    background-color: #fff;
    padding: 0 11px !important;
}

#ghgini .ghChatWidgetFooter:hover {
    background-color: transparent;
}

/* Button Styling */
div #ghgini .ghChatWidgetButtonLink {
    background-color: #fff;
    color: #000;
    padding: 8px 12px;
    font: 800 14px/20px Oscine;
    border: 2px solid #000;
    box-sizing: border-box;
    transition: background-color 0.3s;
}

div #ghgini .ghChatWidgetButtonLink:hover {
    background-color: #f0ff00;
}

/* Messaging Styling */
div .ghChatWidgetMessengerMessages {
    padding: 15px 5px 25px 5px;
}

div #ghgini .ghChatWidgetMessageFrame.ghChatWidgetOutgoing:not(.ghChatWidgetContinued)::before {
    background-color: #000;
    background-size: 67%;
    background-position: center;
    background-repeat: no-repeat;
}

#ghgini .ghChatWidgetMessage {
    padding: 10px 15px;
}

#ghgini .ghChatWidgetOutgoing .ghChatWidgetMessage {
    border-radius: 2px 10px 10px 10px;
    background-color: #edeff4;
}

#ghgini .ghChatWidgetIncoming .ghChatWidgetMessage {
    border-radius: 10px 2px 10px 10px;
}

#ghgini .ghChatWidgetMessageFrame {
    padding: 7px 14px 5px 20px;
}

#ghgini .ghChatWidgetOutgoing {
    padding-left: 50px;
}

#ghgini .ghChatWidgetMessageTimestamp {
    font-size: 14px;
    letter-spacing: 1px;
}

/* Miscellaneous */
#ghgini a {
    font: 800 14px/20px Oscine;
}

label.ghChatWidgetLoginUserNameLabel,
label.ghChatWidgetLoginUserMessageLabel {
    font-weight: 800;
    font-size: 14px;
    color: #000;
}

.ghi--question-examples {
    max-width: 490px;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
}

.ghi--question-examples h3, 
.ghi--question-examples dt {
    font-weight: 800;
    padding-left: 5px;
}

.ghi--question-examples dt {
    margin-bottom: 7px;
    line-height: 1.5;
    font-size: 18px;
}

.ghi--question-examples button {
    background-color: #000;
    color: #fff;
    padding: 12px 20px;
    margin: 2px 1px;
    border: none;
    border-radius: 20px 3px 20px 20px;
    font-size: 14px;
    font-family: 'Oscine';
    display: inline-block;
    overflow: hidden;
    max-width: 240px;
    cursor: pointer;
    text-align: left;
}

.ghi--question-examplea dd {
    display: inline-block;
    align-self: flex-start;
    max-width: 250px;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    padding: 0;
}

.ghi--question-examples dl {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    margin-bottom: 15px;
    line-height: 0;
}


#ghgini input.ghChatWidgetLoginButton {
    height: unset;
    line-height: 38px;
    padding: 3px 28px;
    font-size: 14px;
    color: rgb(0, 0, 0);
    background-color: rgb(240, 255, 0);
    border-radius: 4px;
    box-sizing: border-box;
    text-align: center;
    border: none;
    cursor: pointer;
    -webkit-appearance: none;
    border: 2px solid;
    font-weight: 800;
    font-family: 'Oscine';
    border-radius: 32px;
    
}

#ghgini input.ghChatWidgetLoginUserName, #ghgini textarea.ghChatWidgetLoginUserMessage  {
    border-radius: 8px !important;
}
#ghgini .ghChatWidgetName {
    font-weight: 800;
}

#ghgini.ghChatWidget .ghChatWidgetButtonLink:hover {
    background-color: #f0ff00;
}
#ghgini.ghChatWidget .ghChatWidgetButtonLink {
    background-color: #fff;
    color: #000;
    padding: 8px 12px;
    font: 800 14px / 20px Oscine;
    border: 2px solid #000;
    box-sizing: border-box;
    transition: background-color .3s;
}

#ghgini .ghChatWidgetMessageFrame.ghChatWidgetOutgoing.ghChatWidgetUser_undefined:before {background-color: #000 !important;background-size: 70% !important;background-position: center;background-repeat: no-repeat;}

#ghgini.ghChatWidget .ghChatWidgetMessengerInputWrapper {
    border: none !important;
}
div.ghChatWidget .ghChatWidgetMessageFrame.ghChatWidgetOutgoing:not(.ghChatWidgetContinued)::before {
    background-color: #000;
    background-size: 70%;
    background-position: center;
    background-repeat: no-repeat;
}
/* cmsms stylesheet: GREYHOUND Chatwidget Restyle modified: 26.09.2024 11:31:38 */
#ghgini div {
    box-sizing: content-box;
    font: normal 14px / 20px Oscine;
    /* color: #000; */
}

/* General Widget Styling */
#ghgini {
    /* position: relative; */
    max-width: 100%;
    /* width: 100%; */
    /* min-height: 1px; */
}

#ghgini {
    background-color: #fff;
    display: flex;
    flex-basis: 25%;
    align-items: stretch;
    border-radius: 15px;
    box-shadow: 0px 10px 30px #00000030;
    border: none !important;
    overflow: hidden;
}

/* Input Fields */
div #ghgini input.ghChatWidgetLoginUserName,
div #ghgini textarea.ghChatWidgetLoginUserMessage {
    border-radius: 8px !important;
    border: 2px solid #000;
    margin: 0 5px;
    max-width: calc(100% - 10px);
    font-size: 16px;
    color: #000;
}

div #ghgini textarea.ghChatWidgetLoginUserMessage {
    min-height: 130px;
}

/* Headers and Titles */
#ghgini div h4 {
    font-weight: 800;
    margin: 10px 0 7px;
}

.ghChatWidgetTitle {
    font: 800 16px/22px Oscine !important;
    margin-bottom: -4px;
}

/* Footer Styling */
.ghChatWidgetFooter, 
.ghChatWidgetFooter form button {
    font-size: 11px !important;
    font-family: Oscine !important;
    color: #000 !important;
}

#ghgini .ghChatWidgetLoginFooterWrapper {
    background: transparent;
    height: 76px;
    border: none;
}

#ghgini .ghChatWidgetFooter {
    background-color: #fff;
    padding: 0 11px !important;
}

#ghgini .ghChatWidgetFooter:hover {
    background-color: transparent;
}

/* Button Styling */
div #ghgini .ghChatWidgetButtonLink {
    background-color: #fff;
    color: #000;
    padding: 8px 12px;
    font: 800 14px/20px Oscine;
    border: 2px solid #000;
    box-sizing: border-box;
    transition: background-color 0.3s;
}

div #ghgini .ghChatWidgetButtonLink:hover {
    background-color: #f0ff00;
}

/* Messaging Styling */
div .ghChatWidgetMessengerMessages {
    padding: 15px 5px 25px 5px;
}

div #ghgini .ghChatWidgetMessageFrame.ghChatWidgetOutgoing:not(.ghChatWidgetContinued)::before {
    background-color: #000;
    background-size: 67%;
    background-position: center;
    background-repeat: no-repeat;
}

#ghgini .ghChatWidgetMessage {
    padding: 10px 15px;
}

#ghgini .ghChatWidgetOutgoing .ghChatWidgetMessage {
    border-radius: 2px 10px 10px 10px;
    background-color: #edeff4;
}

#ghgini .ghChatWidgetIncoming .ghChatWidgetMessage {
    border-radius: 10px 2px 10px 10px;
}

#ghgini .ghChatWidgetMessageFrame {
    padding: 7px 14px 5px 20px;
}

#ghgini .ghChatWidgetOutgoing {
    padding-left: 50px;
}

#ghgini .ghChatWidgetMessageTimestamp {
    font-size: 14px;
    letter-spacing: 1px;
}

/* Miscellaneous */
#ghgini a {
    font: 800 14px/20px Oscine;
}

label.ghChatWidgetLoginUserNameLabel,
label.ghChatWidgetLoginUserMessageLabel {
    font-weight: 800;
    font-size: 14px;
    color: #000;
}

.ghi--question-examples {
    max-width: 490px;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
}

.ghi--question-examples h3, 
.ghi--question-examples dt {
    font-weight: 800;
    padding-left: 5px;
}

.ghi--question-examples dt {
    margin-bottom: 7px;
    line-height: 1.5;
    font-size: 18px;
}

.ghi--question-examples button {
    background-color: #000;
    color: #fff;
    padding: 12px 20px;
    margin: 2px 1px;
    border: none;
    border-radius: 20px 3px 20px 20px;
    font-size: 14px;
    font-family: 'Oscine';
    display: inline-block;
    overflow: hidden;
    max-width: 240px;
    cursor: pointer;
    text-align: left;
}

.ghi--question-examplea dd {
    display: inline-block;
    align-self: flex-start;
    max-width: 250px;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    padding: 0;
}

.ghi--question-examples dl {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    margin-bottom: 15px;
    line-height: 0;
}


#ghgini input.ghChatWidgetLoginButton {
    height: unset;
    line-height: 38px;
    padding: 3px 28px;
    font-size: 14px;
    color: rgb(0, 0, 0);
    background-color: rgb(240, 255, 0);
    border-radius: 4px;
    box-sizing: border-box;
    text-align: center;
    border: none;
    cursor: pointer;
    -webkit-appearance: none;
    border: 2px solid;
    font-weight: 800;
    font-family: 'Oscine';
    border-radius: 32px;
    
}

#ghgini input.ghChatWidgetLoginUserName, #ghgini textarea.ghChatWidgetLoginUserMessage  {
    border-radius: 8px !important;
}
#ghgini .ghChatWidgetName {
    font-weight: 800;
}

#ghgini.ghChatWidget .ghChatWidgetButtonLink:hover {
    background-color: #f0ff00;
}
#ghgini.ghChatWidget .ghChatWidgetButtonLink {
    background-color: #fff;
    color: #000;
    padding: 8px 12px;
    font: 800 14px / 20px Oscine;
    border: 2px solid #000;
    box-sizing: border-box;
    transition: background-color .3s;
}

#ghgini .ghChatWidgetMessageFrame.ghChatWidgetOutgoing.ghChatWidgetUser_undefined:before {background-color: #000 !important;background-size: 70% !important;background-position: center;background-repeat: no-repeat;}

#ghgini.ghChatWidget .ghChatWidgetMessengerInputWrapper {
    border: none !important;
}
div.ghChatWidget .ghChatWidgetMessageFrame.ghChatWidgetOutgoing:not(.ghChatWidgetContinued)::before {
    background-color: #000;
    background-size: 70%;
    background-position: center;
    background-repeat: no-repeat;
}