/*!
 * Theme CSS Styles
 */


@font-face {
    font-family: 'Inter';
    src: url('fonts/Inter24pt-BoldItalic.woff2') format('woff2'),
        url('fonts/Inter24pt-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('fonts/Inter24pt-Bold.woff2') format('woff2'),
        url('fonts/Inter24pt-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('fonts/Inter24pt-ExtraLightItalic.woff2') format('woff2'),
        url('fonts/Inter24pt-ExtraLightItalic.woff') format('woff');
    font-weight: 200;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('fonts/Inter24pt-ExtraLight.woff2') format('woff2'),
        url('fonts/Inter24pt-ExtraLight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('fonts/Inter24pt-Italic.woff2') format('woff2'),
        url('fonts/Inter24pt-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('fonts/Inter24pt-Medium.woff2') format('woff2'),
        url('fonts/Inter24pt-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('fonts/Inter24pt-MediumItalic.woff2') format('woff2'),
        url('fonts/Inter24pt-MediumItalic.woff') format('woff');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('fonts/Inter24pt-Regular.woff2') format('woff2'),
        url('fonts/Inter24pt-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('fonts/Inter24pt-SemiBold.woff2') format('woff2'),
        url('fonts/Inter24pt-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('fonts/Inter24pt-SemiBoldItalic.woff2') format('woff2'),
        url('fonts/Inter24pt-SemiBoldItalic.woff') format('woff');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Space Grotesk';
    src: url('fonts/SpaceGrotesk-SemiBold.woff2') format('woff2'),
        url('fonts/SpaceGrotesk-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Space Grotesk';
    src: url('fonts/SpaceGrotesk-Bold.woff2') format('woff2'),
        url('fonts/SpaceGrotesk-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Space Grotesk';
    src: url('fonts/SpaceGrotesk-Light.woff2') format('woff2'),
        url('fonts/SpaceGrotesk-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Space Grotesk';
    src: url('fonts/SpaceGrotesk-Medium.woff2') format('woff2'),
        url('fonts/SpaceGrotesk-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Space Grotesk';
    src: url('fonts/SpaceGrotesk-Regular.woff2') format('woff2'),
        url('fonts/SpaceGrotesk-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}





/* Allgemein */

html {
    font-size: 22px;
}

body {
    font-family: 'Inter';
    font-size: 1rem;
    line-height: 1.5;
    font-weight: 400;
    color: #262525;
    background: #fff;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Space Grotesk';
    font-weight: 500;
    color: #262525;
    line-height: 1.3;
}

p {
    margin-bottom: 1.5em;
}

h1 {
    font-size: 2.7rem;
    line-height: 1.1;
}

.home h1 {
    font-weight: 700;
}

h2 {
    font-size: 2.4rem;
    padding-bottom: .75rem;
}

h3 {
    font-size: 1.8em;
    padding-bottom: .75rem;
}

h4 {
    font-size: 1.65em;
    padding-bottom: .75rem;
}

a,
a:active,
a:visited,
a:focus,
a:focus-visible {
    color: #B62133;
    text-decoration: none;
}

.bg-dark {
    background: #262525;
    color: #fff;
}

.bg-dark h1,
.bg-dark h2,
.bg-dark h3,
.bg-dark h4,
.bg-dark h5,
.bg-dark h6 {
    color: #fff;
}

.bg-gelb {
    background: #F2AB3A;
}

.bg-orange {
    background: #B62133;
}

.bg-lila {
    background: #5254A4;
}

.bg-pink {
    background: #7D2C3D;
}

.bg-gelb .button,
.bg-orange .button,
.bg-lila .button,
.bg-pink .button {
    background: #262525;
}

.bg-lila,
.bg-orange {
    color: #fff !important;
}

.bg-lila h2,
.bg-orange h2 {
    color: #fff !important;
}





/* Allgemein */

main {
    min-height: 100vh;
}

.page-id-1437 main,
.page-id-1953 main,
.page-id-1707 main,
.page-id-1351 main {
    min-height: 0;
}


.row,
.wp-block-columns {
    width: 86%;
    max-width: 1700px;
    margin: 0 auto;
}

.button,
.menu-contact-button a,
.menu-login-button a,
.gform_wrapper.gravity-theme .gform_button,
#newsletter input[type="submit"],
#form-ebook input[type="submit"],
.saleskom-referral-signup-form-submit button[type="submit"] {
    position: relative;
    display: inline-block;
    vertical-align: top;
    color: #fff !important;
    background: #B62133;
    padding: .75rem 1.75rem .8rem 1.75rem;
    font-size: 0.8rem;
    font-weight: 600;
    line-height: 1;
    letter-spacing: .5px;
    text-align: center;
    border-radius: 0;
    border: none;
    overflow: hidden;
    transition: all 400ms ease-in-out;
    cursor: pointer;
}


@media all and (min-width: 1025px) {
    .button:hover,
    .menu-contact-button a:hover,
    #newsletter input[type="submit"]:hover,
    #form-ebook input[type="submit"]:hover {
        transform: scale(1.07) rotate(-1deg);
        box-shadow: 0 0 15px rgba(255, 255, 255, 0.15);
    }
}


#page .menu-login-button a {
    background: #000;
    color: #fff !important;
}

#page .button.video-trigger {
    background: #000;
    color: #fff !important;
}

.button.video-trigger span::before {
    content: '';
    width: .75rem;
    height: .75rem;
    display: inline-block;
    vertical-align: middle;
    background-image: url(/wp-content/uploads/2025/01/play-button-video.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    margin-right: 15px;
    transform: translate(0, -2px);
}

.button span {
    position: relative;
}

.cta-button-wrapper {
    margin-top: 2rem;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}

.cta-button-wrapper a:not(:last-child) {
    margin-right: 1.5rem;
}

.section-title-wrapper {
    text-align: center;
    margin-bottom: 3.5rem;
}

body .no-padding-top {
    padding-top: 0 !important;
}

body .no-padding-bottom {
    padding-bottom: 0 !important;
}

body .half-padding-top {
    padding-top: 2.5rem !important;
}

body .half-padding-bottom {
    padding-bottom: 2.5rem !important;
}


/* Header */

#header {
    height: 110px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    background: #fff;
    z-index: 999;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
}

#header.hidden-absolute {
    position: absolute;
    top: -100%;
    transform: translateY(-100%);
}

#header.hidden {
    height: 85px;
    position: fixed;
    top: 0;
    background: #fff;
    transform: translateY(-100%);
    box-shadow: 0 0 10px 0px #292828;
    transition: all 600ms ease-in-out;
}

#header.fixed {
    height: 85px;
    position: fixed;
    top: 0;
    background: #fff;
    transform: translateY(0);
    box-shadow: 0 0 10px 0px #292828;
    transition: all 600ms ease-in-out;
}


.logged-in #header,
.logged-in #header.hidden,
.logged-in #header.fixed {
    top: 32px;
}

.row.header-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.logo-col,
.login-col {
    width: 400px;
}

.menu-col {
    flex-grow: 1;
}

ul#primary-menu,
ul#secondary-menu {
    display: flex;
    justify-content: center;
    align-items: center;
    list-style-type: none;
    padding: 0;
}

ul#secondary-menu {
    justify-content: flex-end;
}

ul#primary-menu > li:not(:last-child) {
   margin-right: 2.5rem;
}

ul#secondary-menu > li:not(:last-child) {
    margin-right: 1rem;
 }
 

ul#primary-menu > li a,
ul#secondary-menu > li a {
    color: #000 !important;
    font-size: .8rem;
    font-weight: 500;
    transition: all 300ms ease;
}

ul#primary-menu > li a:hover,
ul#secondary-menu > li a:hover {
    color: #000 !important;
}

a.logo {
    transform: translate(0, 5px);
    display: block;
}

a.logo img {
    width: 14vw;
    max-width: 245px;
}


/* Submenüs */

ul.sub-menu {
    list-style-type: none;
    padding: 25px;
    width: auto;
    height: auto;
    margin: 0;
    display: none;
    position: absolute;
    left: -25px;
    top: 100%;
    background: #fff;
    width: 260px;
    border-radius: 10px;
    box-shadow: 5px 5px 4px 0px rgba(0, 0, 0, 0.20);
}

ul.sub-menu li:not(:last-child) {
    margin-bottom: 8px;
}

ul.sub-menu li a {
    text-transform: uppercase;
    letter-spacing: 1.5px;
    font-size: .65rem !important;
}

.menu-item-has-children {
    position: relative;
}

.menu-item-has-children::after {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: .8rem;
    height: .8rem;
    background-image: url(/wp-content/uploads/2026/02/down-arrow.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}



/* Mobile Menü */

.mobile-trigger {
    display: none; 
    width: 45px;
    height: 28px;
    position: relative;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
}

.mobile-trigger span {
    display: block;
    position: absolute;
    height: 3px;
    width: 45px;
    background: #fff;
    border-radius: 3px;
    opacity: 1;
    left: 0;
    right: 0;
    margin: 0 auto;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}

.mobile-trigger span:nth-child(1) {
    top: 0px;
}
  
.mobile-trigger span:nth-child(2), .mobile-trigger span:nth-child(3) {
    top: 12px;
}
  
.mobile-trigger span:nth-child(4) {
    top: 24px;
}

.mobile-trigger.open span:nth-child(1) {
    top: 12px;
    width: 0%;
    left: 50%;
}
  
.mobile-trigger.open span:nth-child(2) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
  
.mobile-trigger.open span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
  
.mobile-trigger.open span:nth-child(4) {
    top: 12px;
    width: 0%;
    left: 50%;
}


/* Overlay Menü */

#overlay-menu {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #262525;
    z-index: 998;
    padding-top: 200px;
}

ul#mobile-menu {
    list-style-type: none;
    padding: 0;
    text-align: center;
}

ul#mobile-menu li:not(:last-child){
    margin-bottom: 15px;
}

ul#mobile-menu li a:not(.menu-contact-button a, .menu-login-button a) {
    color: #fff !important;
    font-size: 1.2rem;
    transition: all 300ms ease;
}

.no-scroll {
    overflow: hidden;
}

#overlay-menu ul.sub-menu {
    padding: 18px;
    margin: 0 auto;
    margin-top: 10px;
    position: relative;
    left: auto;
    top: auto;
    width: 240px;
    border-radius: 10px;
    background: #4d4d4d;
}

#overlay-menu ul.sub-menu li a {
    font-size: .8rem !important;
}

#overlay-menu .menu-item-has-children::after {
    display: none;
}

#overlay-menu .menu-item-has-children > a {
    position: relative;
}

#overlay-menu .menu-item-has-children > a::after {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 2rem;
    height: 2rem;
    background-image: url(/wp-content/uploads/2025/01/submenu-arrow.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    right: -2rem;
    top: 50%;
    transform: translate(0, -45%);
}

#overlay-menu .menu-contact-button a,
#overlay-menu .menu-login-button a {
    min-width: 240px;
}



/* Hero Bereich [001] */

.saleskom-block-001 {
    height: 100vh;
    max-height: 975px;
    padding-top: 110px;
    padding-bottom: 40px;
    margin-bottom: -40px;
    background-color: #262525;
    color: #fff;
}

.saleskom-block-001 .hero-video-bg {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: contrast(1);
    border-radius: .75rem;
}

.saleskom-block-001 .hero-title-row {
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
    overflow: hidden;
    height: 100%;
    border-radius: .75rem;
    padding: 5%;
    background-position-x: center;
    background-position-y: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.saleskom-block-001 .hero-title-row::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: .75rem;
    opacity: .7;
    /* background: linear-gradient(344deg, #5254A4 1.49%, rgba(17, 16, 16, 0.4) 56.13%); */
    background: linear-gradient(344deg, #262525 1.49%, rgba(17, 16, 16, 0.4) 56.13%);
    z-index: 1;
}

/* .saleskom-block-001.gradient-gelb .hero-title-row::before {
    background: linear-gradient(344deg, #F2AB3A 1.49%, rgba(17, 16, 16, 0.4) 56.13%); 
}

.saleskom-block-001.gradient-orange .hero-title-row::before {
    background: linear-gradient(344deg, #B62133 1.49%, rgba(17, 16, 16, 0.4) 56.13%);
}

.saleskom-block-001.gradient-pink .hero-title-row::before {
    background: linear-gradient(344deg, #7D2C3D 1.49%, rgba(17, 16, 16, 0.4) 56.13%); 
} */

.saleskom-block-001 .hero-title-row .col {
    z-index: 2;
    max-width: 64%;
}

.home .saleskom-block-001 .hero-title-row .col {
    max-width: 55%;
}

.saleskom-block-001 h1 {
    color: #fff;
}

.saleskom-block-001 h2 {
    color: #fff;
    font-size: 1.3rem;
    font-weight: 600;
    letter-spacing: 1.5px;
    text-transform: uppercase;
}

.saleskom-block-001 .lead {
    font-size: 1.15rem;
    max-width: 85%;
    margin-top: 1rem;
}

.home .saleskom-block-001 .hero-title-row::before {
    background: linear-gradient(0deg, #262525 0%, rgba(17, 16, 16, 0) 100%);
}

.home .saleskom-block-001 .hero-title-row::after {
    content: '';
    display: block;
    width: 33vw;
    height: 33vw;
    position: absolute;
    right: 0;
    bottom: 0;
    background-image: url(/wp-content/uploads/2025/01/Logo_Symbol_weiss.svg);
    background-position: right bottom;
    background-size: contain;
    background-repeat: no-repeat;
}


.saleskom-block-001 .button br {
    display: none;
}



/* CTA Bereich [002] */

.saleskom-block-002 {
    padding: 5rem 0;
}

.home .saleskom-block-002 h2 {
    font-size: 1.6rem;
}

.saleskom-block-002 .half-half-row {
    display: flex;
    flex-wrap: wrap;
    gap: 10%;
}

.saleskom-block-002 .col-left {
    width: 50%;
}

.saleskom-block-002 .col-right {
    width: 40%;
}

.saleskom-block-002 .text-block {
    margin-bottom: 2rem;
    font-size: 1.15rem;
}

.saleskom-block-002  .cta-button-wrapper {
    margin-top: 0;
}


/* CTA Bereich mit Hintergrund [003] */

.saleskom-block-003 {
    padding: 5rem 0;
    min-height: 500px;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    background-position-x: center;
    background-position-y: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.saleskom-block-003 h2 {
    color: #fff;
    padding: 0;
    max-width: 800px;
    margin: 0 auto;
}

.saleskom-block-003 .text-block {
    max-width: 650px;
    margin: 0 auto;
    margin-top: .75rem;
}

.saleskom-block-003 .section-title-wrapper {
    margin-bottom: 0;
}

.saleskom-block-003 .cta-button-wrapper {
    justify-content: center;
}

.saleskom-block-003::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.3);
    z-index: 1;
}

.saleskom-block-003.gradient-overlay-black::before {
    background: linear-gradient(180deg, rgba(17, 16, 16, 0.30) 0%, #262525 100%);
}

.saleskom-block-003 .row {
    z-index: 2;
}


/* SALESKOM - Info Bereich [004] */

.saleskom-block-004 {
    padding: 5rem 0;
}

.saleskom-block-004 h2 {
    font-size: 2.9rem;
    line-height: 1.1;
    padding: 0;
    max-width: 950px;
    margin: 0 auto;
}

.info-blocks-row {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
    gap: 10%;
    padding: 0 5%;
}

.info-blocks-row .col {
    width: 45%;
    margin-bottom: 5rem;
}

.info-blocks-row .col:nth-last-child(-n+2) {
    margin-bottom: 0;
}

.info-block-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    background: #F6F6F7;
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 10px;
    margin-bottom: 1rem;
}

.info-block-icon.icon-bg-lila {
    background: #B62133;
}

.info-block-icon.icon-bg-orange {
    background: #B62133;
}

.info-block-icon.icon-bg-gelb {
    background: #B62133;
}

.info-block-icon.icon-bg-pink {
    background: #B62133;
}

.info-block-icon img {
    width: 1.25rem;
    height: 1.25rem;
}

.info-blocks-row h4 {
    font-size: 1rem;
    padding-bottom: .5rem;
}

.info-text-block {
    opacity: .6;
}

/* mit 3 Spalten */

.three-columns .info-blocks-row {
    gap: 8%;
    padding: 0 !important;
}

.three-columns .info-blocks-row .col {
    width: 28%;
}

.three-columns .info-blocks-row .col:nth-last-child(-n+3) {
    margin-bottom: 0;
}



/* Unterseiten Links [005] */

.saleskom-block-005 {
    padding: 5rem 0;
}

.saleskom-block-005 .section-title-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 20%;
    text-align: left !important;
}

.saleskom-block-005 h2 {
    font-size: 1.6rem;
    width: 40%;
}

.saleskom-block-005 .lead {
    width: 40%;
}

.saleskom-block-005 .subpage-slider-item {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    overflow: hidden;
    height: auto;
    border-radius: .5rem;
}

.saleskom-block-005 .subpage-slider-item::before {
    content: '';
    display: block;
    padding-bottom: 140%;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.90) 0%, rgba(0, 0, 0, 0.00) 100%);
}

.saleskom-block-005 .subpage-slider-item::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: .5rem;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.90) 0%, rgba(0, 0, 0, 0.00) 100%);
    z-index: 1;
}

.saleskom-block-005 .subpage-video-bg {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: contrast(1);
    border-radius: .5rem;
    z-index: 0;
}

.saleskom-block-005 .subpage-slider-inner {
    position: absolute;
    bottom: 2rem;
    left: 1rem;
    right: 1rem;
    text-align: center;
    color: #fff;
    z-index: 2;
}

.saleskom-block-005 .slick-slide {
    margin: 0 10px;
}

.saleskom-block-005 .slick-list {
    margin: 0 -10px;
}

.saleskom-block-005 .subpage-slider-inner img {
    width: 35%;
    margin: 0 auto;
    margin-bottom: .75rem;
}

.saleskom-block-005 .subpage-slider-inner h4 {
    color: #fff;
    font-size: 1.45rem;
    font-style: normal;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.saleskom-block-005 .subpage-item-text {
    font-size: .8rem;
    max-width: 70%;
    margin: 0 auto;
}


/* CTA Multi Bereich [006] */

.saleskom-block-006 {
    padding: 5rem 0;
}

.saleskom-block-006 .section-title-wrapper {
    text-align: left;
    max-width: 1000px;
}

.saleskom-block-006 .section-title-wrapper h2 {
    font-size: 2.9rem;
    line-height: 1.1;
}

.saleskom-block-006 .section-title-wrapper h3 {
    font-size: 1.6rem;
}

.saleskom-block-006 .half-half-top {
    display: flex;
    flex-wrap: wrap;
    gap: 10%;
}

.saleskom-block-006 .half-half-top .col-left {
    width: 55%;
}

.saleskom-block-006 .half-half-top .col-right {
    width: 35%;
}

.saleskom-block-006 .half-half-bottom {
    display: flex;
    flex-wrap: wrap;
    gap: 15%;
    padding-top: 5rem;
}

.saleskom-block-006 .half-half-bottom .col-left {
    width: 30%;
}

.saleskom-block-006 .half-half-bottom .col-right {
    width: 55%;
    display: flex;
    flex-wrap: wrap;
    gap: 3%;
}

.saleskom-block-006 .cta-block-img {
    height: auto;
    overflow: hidden;
    position: relative;
}

.saleskom-block-006 .cta-block-img::before {
    content: '';
    display: block;
    padding-top: 64%;
}

.saleskom-block-006 .cta-block-img img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
    border-radius: .5rem;
}

.saleskom-block-006 .cta-block-img-bottom {
    width: 48.5%;
}


/* Toggle Bereich [007] FAQs */

.saleskom-block-007 {
    padding: 7.5rem 0;
    background: #262525;
    color: #fff;
}

.saleskom-block-007 .section-title-wrapper {
    text-align: left;
    margin-bottom: 0;
}

.saleskom-block-007 .toggle-pre-title {
    font-size: .7rem;
    text-transform: uppercase;
    padding-bottom: .5rem;
}

.saleskom-block-007 h2 {
    font-size: 2.6rem;
    padding-bottom: 0;
    color: #fff;
}

.saleskom-block-007 .toggle-row {
    display: flex;
    flex-wrap: wrap;
    gap: 20%;
}

.saleskom-block-007 .col-left {
    width: 20%;
}

.saleskom-block-007 .col-right {
    width: 60%;
}

.saleskom-block-007 .faq-item {
    margin-bottom: 1rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid #F6F6F7;
}

.saleskom-block-007 .faq-question {
    position: relative;
    cursor: pointer;
    font-weight: 500;
    padding-right: 2rem;
}

.saleskom-block-007 .toggle-icon {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: .9rem;
    height: .9rem;
}

.saleskom-block-007 .toggle-icon::before,
.saleskom-block-007 .toggle-icon::after {
    content: '';
    position: absolute;
    background-color: #fff;
    transition: transform 0.3s ease;
}

.saleskom-block-007 .toggle-icon::before {
    top: 50%;
    left: 0;
    width: 100%;
    height: 2px;
    transform: translateY(-50%);
}

.saleskom-block-007 .toggle-icon::after {
    top: 0;
    left: 50%;
    width: 2px;
    height: 100%;
    transform: translateX(-50%);
}

.saleskom-block-007 .faq-question[aria-expanded="true"] .toggle-icon::after {
    transform: translateX(-50%) rotate(90deg);
    opacity: 0;
}

.saleskom-block-007 .faq-answer {
    display: none;
    padding: 1.5rem 0 1rem;
    font-size: .9rem;
    opacity: .6;
}

.saleskom-block-007 .faq-answer[aria-hidden="false"] {
    display: block;
}




/* Unterseiten Header [008] */

.saleskom-block-008 {
    height: auto;
    padding-top: 110px; /* Header Höhe */
    padding-bottom: 40px;
    background-color: #262525;
    color: #fff;
}


.saleskom-block-008 .hero-video-bg {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: contrast(1);
    border-radius: .75rem;
}

.saleskom-block-008 .subpage-top-title-row {
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
    overflow: hidden;
    height: 450px;
    border-radius: .75rem;
    padding: 3% 5%;
    background-position-x: center;
    background-position-y: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.saleskom-block-008 .subpage-top-title-row::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: .75rem;
    opacity: .7;
    background: linear-gradient(0deg, #262525 -25.61%, rgba(17, 16, 16, 0.4) 100%);
    z-index: 1;
}

/* .saleskom-block-008.gradient-gelb .subpage-top-title-row::before {
    background: linear-gradient(0deg, #F2AB3A -25.61%, rgba(17, 16, 16, 0.4) 100%); 
}

.saleskom-block-008.gradient-orange .subpage-top-title-row::before {
    background: linear-gradient(0deg, #B62133 -25.61%, rgba(17, 16, 16, 0.4) 100%);
}

.saleskom-block-008.gradient-pink .subpage-top-title-row::before {
    background: linear-gradient(0deg, #7D2C3D -25.61%, rgba(17, 16, 16, 0.4) 100%); 
} */


#blog-header.saleskom-block-008 .subpage-top-title-row::before,
#kontakt-header.saleskom-block-008 .subpage-top-title-row::before {
    opacity: 0;
}

#ebook-header.saleskom-block-008 .subpage-top-title-row::before {
    opacity: .4;
}

.saleskom-block-008 .subpage-top-title-row .col {
    z-index: 2;
    max-width: 65%;
}

.saleskom-block-008 h1 {
    color: #fff;
}

.saleskom-block-008 h2 {
    color: #fff;
    font-size: 1.3rem;
    font-weight: 600;
    letter-spacing: 1.5px;
    text-transform: uppercase;
}

.saleskom-block-008 .intro-row {
    padding: 5rem 0;
    margin-bottom: -40px;
}

.saleskom-block-008 h3.intro-text {
    color: #fff;
    font-size: 1.6rem;
    text-align: center;
    max-width: 850px;
    margin: 0 auto;
    padding: 0;
}

.saleskom-block-008 h3.intro-text span {
    text-decoration: underline;
    text-underline-offset: 3px;
}



/* Zitat Bereich [009] */

.saleskom-block-009 {
    padding: 5rem 0;
    background: #262525;
}

.saleskom-block-009 h4 {
    text-align: center;
    font-size: 2.4rem;
    font-weight: 700;
    padding: 0;
}

.quote-wrapper {
    max-width: 1000px;
    margin: 0 auto;
}

.quote-author {
    color: #fff;
    text-align: center;
    letter-spacing: 1.25px;
    text-transform: uppercase;
    margin-top: 1.5rem;
}

.quote-title {
    /* background: linear-gradient(103deg, 
        #B62133 0%, 
        #7D2C3D 33.33%, 
        #5254A4 66.66%, 
        #B62133 100%
    ); */
    background: #fff;
    background-size: 200% 100%;
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: gradient-shift 8s linear infinite;
}

@keyframes gradient-shift {
    0% {
        background-position: 0% 50%;
    }
    100% {
        background-position: -200% 50%;
    }
}


/* Halb-Halb Bereich v1 [010] */

.saleskom-block-010 {
    padding: 5rem 0;
    background: #262525;
    color: #fff;
}

.saleskom-block-010 .row-index {
    font-size: .9rem;
    padding-bottom: 5px;
}

.saleskom-block-010 h3 {
    color: #fff;
    font-size: 1.6rem;
    padding: 0;
}

.saleskom-block-010 .text-block {
    font-size: .9rem;
    padding-top: 1.85em;
}

.saleskom-block-010 .half-half-row {
    display: flex;
    flex-wrap: wrap;
    gap: 15%;
    border-bottom: 1px solid #fff;
    padding: 4rem 0;
}

.saleskom-block-010 .half-half-row:first-child {
    padding-top: 0;
}

.saleskom-block-010 .col-left {
    width: 42.5%;
}

.saleskom-block-010 .col-right {
    width: 42.5%;
}



/* Halb-Halb Bereich v2 [011] */

.saleskom-block-011 {
    padding: 5rem 0;
}

.saleskom-block-011 h3 {
    font-size: 1.6rem;
    max-width: 90%;
}

.saleskom-block-011 .half-half-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 15%;
    margin-bottom: 5rem;
}

.saleskom-block-011 .half-half-row:last-child {
    margin-bottom: 0;
}

.saleskom-block-011 .col-left {
    width: 42.5%;
}

.saleskom-block-011 .col-right {
    width: 42.5%;
}

.saleskom-block-011 .img-right-wrapper {
    height: auto;
    overflow: hidden;
    position: relative;
}

.saleskom-block-011 .img-right-wrapper::before {
    content: '';
    display: block;
    padding-top: 70%;
}

.saleskom-block-011 .img-right-wrapper img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
    border-radius: .5rem;
}




/* Halb-Halb Bereich v3 [012] */

.saleskom-block-012 {
    padding: 5rem 0;
}

.saleskom-block-012 h3 {
    font-size: 1.6rem;
}

.saleskom-block-012 .half-half-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 15%;
    padding: 3.5rem 0;
    border-bottom: 1px solid #262525;
}

.saleskom-block-012 .half-half-row:first-child {
    padding-top: 0;
}

.saleskom-block-012 .half-half-row:last-child {
    padding-bottom: 0;
    border-bottom: 0;
}

.saleskom-block-012 .row-index {
    position: absolute;
    left: 0;
    font-size: 1.6rem;
    font-weight: 500;
    color: #262525;
    line-height: 1.3;
}

.saleskom-block-012 .col-left {
    width: 47.5%;
    padding-left: 4rem;
}

.saleskom-block-012 .col-right {
    width: 37.5%;
}

.saleskom-block-012 .img-right-wrapper {
    height: auto;
    overflow: hidden;
    position: relative;
}

.saleskom-block-012 .img-right-wrapper::before {
    content: '';
    display: block;
    padding-top: 50%;
}

.saleskom-block-012 .img-right-wrapper img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
    border-radius: .5rem;
}


/* SALESKOM - Verkäuferschmiede Home [013] */

.saleskom-block-013 {
    padding: 10rem 0 5rem;
}

.saleskom-block-013 .col {
    max-width: 45%;
}

.platform-mockup {
    position: absolute;
    right: -20%;
    bottom: 0;
    width: 55vw;
    max-width: 1060px;
    z-index: 2;
}

.saleskom-block-013 .row::after {
    content: '';
    display: block;
    width: 30vw;
    max-width: 576px;
    height: 30vw;
    max-height: 576px;
    position: absolute;
    right: -8%;
    top: -20vh;
    background-image: url(/wp-content/uploads/2025/04/LOGO_Symbol_farbig.svg);
    opacity: .2;
    background-position: right bottom;
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 1;
}

.saleskom-block-013 h3 {
    /* color: #5254A4; */
    color: #262525;
    font-size: 1.1rem;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 1.5px;
    text-transform: uppercase;
}

.saleskom-block-013 .text-block {
    margin-bottom: 1.5rem;
}

.saleskom-block-013 .icon-list-item {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 1rem;
}

.saleskom-block-013 .icon-list-item:last-child {
    margin-bottom: 0;
}

.saleskom-block-013 .icon-list-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    background: #F6F6F7;
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 10px;
}

.saleskom-block-013 .icon-list-icon img {
    width: 1.25rem;
    height: 1.25rem;
}

.saleskom-block-013 .icon-list-item span {
    padding-left: 1rem;
    width: calc(80% - 2.5rem);
}



/* Halb-Halb Bereich v3 [015] */

.saleskom-block-015 {
    padding: 5rem 0;
    background: #262525;
    color: #fff;
}

.saleskom-block-015 .section-title-wrapper h2 {
    color: #fff;
}

.saleskom-block-015 h3 {
    font-size: 1.6rem;
    color: #fff;
    padding: 0;
}

.saleskom-block-015 .half-half-row {
    display: flex;
    flex-wrap: wrap;
    gap: 15%;
    padding: 2.5rem 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.saleskom-block-015 .half-half-row:last-child {
    border-bottom: 0;
}

.saleskom-block-015 .row-index {
    position: absolute;
    left: 0;
    font-size: 1.6rem;
    font-weight: 500;
    color: #B62133;
    line-height: 1.3;
}

.saleskom-block-015 .col-left {
    width: 47.5%;
    padding-left: 4rem;
}

.saleskom-block-015 .col-right {
    width: 37.5%;
}

.saleskom-block-015 .course-info-wrapper {
    background: #404040;
    display: flex;
    flex-wrap: wrap;
    gap: 10%;
    border-radius: .75rem;
    padding: 2rem 2.5rem;
}

.saleskom-block-015 .course-info-box {
    width: 17.5%;
}

.saleskom-block-015 .course-info-wrapper h5 {
    color: #999;
    font-size: .75rem;
    padding-bottom: .5rem;
}

.saleskom-block-015 .course-info-wrapper p {
    font-size: .8rem;
}


/* SALESKOM - CTA mit Formular (e-book) [016] */

.saleskom-block-016 {
    padding: 5rem 0;
}

.saleskom-block-016 .section-title-wrapper {
    text-align: left;
    max-width: 1000px;
}

.saleskom-block-016 .section-title-wrapper h2 {
    font-size: 2.9rem;
    line-height: 1.1;
}

.saleskom-block-016 .half-half-top {
    display: flex;
    flex-wrap: wrap;
    gap: 10%;
}

.saleskom-block-016 .half-half-top .col-left {
    width: 45%;
}

.saleskom-block-016 .half-half-top .col-right {
    width: 45%;
    background: #262525;
    padding: 3%;
    border-radius: .5rem;
}

.saleskom-block-016 .cta-block-img {
    height: auto;
    overflow: hidden;
    position: relative;
}

.saleskom-block-016 .cta-block-img::before {
    content: '';
    display: block;
    padding-top: 76%;
}

.saleskom-block-016 .cta-block-img img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
    border-radius: .5rem;
}




/* CTA Multi Bereich [017] */

.saleskom-block-017 {
    padding: 5rem 0;
}

.saleskom-block-017 .section-title-wrapper {
    text-align: left;
    max-width: 1000px;
}

.saleskom-block-017 .section-title-wrapper h2 {
    font-size: 2.9rem;
    line-height: 1.1;
}

.saleskom-block-017 .section-title-wrapper h3 {
    font-size: 1.6rem;
}

.saleskom-block-017 .half-half-top {
    display: flex;
    flex-wrap: wrap;
    gap: 10%;
}

.saleskom-block-017 .half-half-top .col-left {
    width: 35%;
}

.saleskom-block-017 .half-half-top .col-right {
    width: 55%;
}

.saleskom-block-017 .half-half-bottom {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10%;
    padding-top: 5rem;
}

.saleskom-block-017 .half-half-bottom .col-left {
    width: 40%;
}

.saleskom-block-017 .half-half-bottom .col-right {
    width: 50%;
}

.saleskom-block-017 .inhouse-block-img {
    height: auto;
    overflow: hidden;
    position: relative;
}

.saleskom-block-017 .inhouse-block-img::before {
    content: '';
    display: block;
    padding-top: 64%;
}

.saleskom-block-017 .inhouse-block-img img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
    border-radius: .5rem;
}

.saleskom-block-017 .inhouse-block-img-bottom:not(:last-child) {
    margin-bottom: 1.5rem;
}

.saleskom-block-017 .inhouse-block-img-bottom::before {
    content: '';
    display: block;
    padding-top: 50%;
}

.saleskom-block-017 .numered-list-item {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}

.saleskom-block-017 .numered-list-item:not(:last-child) {
    margin-bottom: 3.5rem;
}

.saleskom-block-017 .numered-list-icon {
    width: 5.5rem;
    height: auto;
    transform: translate(0, 6px);
}

.saleskom-block-017 .numbered-list-details {
    width: calc(100% - 5.5rem);
    padding-left: 2rem;
}


/* Webinar Bereich [018] */

.saleskom-block-018 {
    padding: 5rem 0;
    background: #F6F6F7;
}

.saleskom-block-018 .row {
    max-width: 1200px;
    display: flex;
    flex-wrap: wrap;
    gap: 10%;
}

.saleskom-block-018 .row .col {
    width: 45%;
}

.webinar-header-img img {
    display: block;
    width: 100%;
	border-radius: 16px 16px 0 0;
}

.webinar-description {
    background: #fff;
    padding: 48px 25px;
    font-size: .85rem;
    border-radius: 0 0 16px 16px;
}

.webinar-saleskom-logo {
    background: #fff;
    padding: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-bottom: 1px solid #F6F6F7;
	border-radius: 16px 16px 0 0;
}

.webinar-saleskom-logo img {
    max-width: 70%;
}

.webinar-details {
    background: #fff;
    padding: 25px;
    font-size: .85rem;
	border-radius: 0 0 16px 16px;
}

.webinar-form  {
/*     background: #fff; */
	/* padding: 0 25px; */
	padding: 0;
    margin-top: 2.5rem;
	border: 1px solid #000;
    border-radius: 12px;
}

.geek-frame-holder {
    width: 100% !important;
}

.webinar-form iframe {
    width: 100% !important;
}

.webinar-share {
    border-top: 1px solid #F6F6F7;
    padding-top: 20px;
}

.webinar-share span {
    font-size: 85%;
    font-weight: 600;
    display: block;
    margin-bottom: 10px;
}


/* SALESKOM - Logo Slider [019] */

.saleskom-block-019 {
    padding: 3rem 0 2rem;
}

.saleskom-block-019 .logo-slider-row {
    width: 120% !important;
    max-width: 120% !important;
    margin-top: 1rem;
}

.saleskom-block-019 .partner-logo {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    height: auto;
}

.saleskom-block-019 .partner-logo img {
    margin: 0 auto;
}

.saleskom-block-019 .slick-slide {
    margin: 0 27px;
}

.saleskom-block-019 .slick-list {
    margin: 0 -27px;
}

body .wp-gr .wp-google-based {
    font-size: .8rem !important;
    margin-top: 16px !important;
    font-weight: 400 !important;
}


/* Google Reviews */

#rezensionen .lead {
    margin: 0 auto;
    max-width: 900px;
    padding-top: 2rem;
    padding-bottom: 5rem;
}

#rezensionen {
    padding: 12.5rem 0 3.5rem;
    background: #262525;
}

#rezensionen h2 {
    font-size: 1.6rem;
    color: #fff;
}

#rezensionen .section-title-wrapper {
    /* text-align: left; */
    margin-bottom: 2rem;
}

.wp-gr .wp-google-name {
    margin: 8px 0 8px !important;
}

.wp-gr.wpac .wp-google-name a {
    color: #fff !important;
}

.wp-gr .grw-review-inner.grw-round {
    border-radius: .5rem !important;
}

.wp-gr.wpac a.wp-google-name {
    color: #262525 !important;
}

.wp-gr .wp-google-powered {
    color: #fff !important;
}

.wp-gr .wp-google-powered {
    display: none;
}

.wp-gr .wp-google-wr a, .wp-gr .wp-google-wr a:hover {
    background: #b62133 !important;
    opacity: 1 !important;
    padding: 0.75rem 1.75rem 0.8rem !important;
    margin-top: 15px !important;
    font-size: .8rem !important;
    text-transform: uppercase !important;
}

.wp-gr .wp-google-wr {
    margin-top: 40px !important;
}

.wp-gr .wp-google-wr a svg {
    margin: 0 0 0 10px !important;
}

.wp-gr .wp-place-center .wp-google-left {
  display: none !important;
}


/* Team / asp-block-005 */

#team {
    padding: 5rem 0 2.5rem;
    background: #262525;
    color: #fff;
}

#team h2 {
    color: #fff;
}

#team .lead {
    max-width: 650px;
    margin: 0 auto;
}

#team .shortcode-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 2.5rem 30px;
}

.team-item {
    width: calc(33.33% - 20px);
    position: relative;
}

.team-photo {
    height: auto;
    overflow: hidden;
    position: relative;
}

.team-photo::before {
    content: '';
    display: block;
    padding-top: 140%;
}

.team-photo img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
    border-radius: .75rem;
}

.team-photo::after {
    content: '';
    position: absolute;
    top: 65%;
    left: -1px;
    right: -1px;
    bottom: -1px;
    border-radius: 0 0 .75rem .75rem;
    background: linear-gradient(0deg, #000 0%, rgba(0, 0, 0, 0.00) 100%);
    z-index: 1;
}

.team-name {
    font-size: 1.1rem;
    font-weight: 600;
}

.team-position {
    font-size: .9rem;
    color: #B62133;
}

.team-details {
    position: absolute;
    bottom: 30px;
    left: 30px;
    right: 30px;
    z-index: 2;
}





/* Video Modals */

.video-modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 9999;
    align-items: center;
    justify-content: center;
}

.video-modal.show-modal {
    display: flex;
}

.video-modal-content {
    display: flex;
    position: relative;
    width: 90%;
    max-width: 800px;
    height: auto;
    padding: 10px;
    background-color: #fff;
    border-radius: 0;
    text-align: center;
}

.close-video-modal {
    position: absolute;
    top: -60px;
    right: -40px;
    font-size: 50px;
    font-weight: 300;
    cursor: pointer;
    color: #fff;
}

.video-modal-content video {
    width: 100%;
    height: auto;
}


/* SALESKOM - Kontakt [014] */

.saleskom-block-014 {
    padding: 5rem 0 0;
    background: #262525;
}

.saleskom-block-014 .col-contact-details {
    color: #999;
}

.saleskom-block-014 .col-contact-details a {
    color: #999;
}

.saleskom-block-014 .half-half-row {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.saleskom-block-014 .col-contact-form {
    width: 50%;
}

.saleskom-block-014 #map {
    height: 400px;
}

.saleskom-block-014 .contact-map-row {
    width: 100% !important;
    max-width: 100% !important;
    margin-top: 5rem;
}



/* Gravity Forms */

.grecaptcha-badge {
    display: none !important;
}

.gform_wrapper.gravity-theme .gform_validation_errors,
.gform_wrapper.gravity-theme .gfield_validation_message,
.gform_wrapper.gravity-theme .validation_message {
    display: none !important;
}

.gform_wrapper.gravity-theme .gfield_label {
    display: none !important;
}

span.gfield_required {
    display: none !important;
}

.gform_wrapper.gravity-theme .gform_fields {
    grid-row-gap: 2rem !important;
}

.gform_wrapper.gravity-theme input:not(.gform_button),
.gform_wrapper.gravity-theme textarea {
    font-size: 1rem !important;
    border-radius: 0 !important;
    border-left: none !important;
    border-top: none !important;
    border-right: none !important;
    border-width: 1px;
    border-color: #666;
    background-color: transparent;
    color: #fff;
}

#gform_wrapper_2.gform_wrapper.gravity-theme input:not(.gform_button),
#gform_wrapper_2.gform_wrapper.gravity-theme textarea {
    border-color: #fff;
}

.gform_wrapper.gravity-theme input:not(.gform_button)::-ms-input-placeholder,
.gform_wrapper.gravity-theme textarea::-ms-input-placeholder {
    color: #666;
}
  
.gform_wrapper.gravity-theme input:not(.gform_button)::placeholder,
.gform_wrapper.gravity-theme textarea::placeholder {
    color: #666;
}

.gform_wrapper.gravity-theme #field_1_8 .gfield_label {
    display: block !important;
    width: 174px;
    font-size: 1rem;
    font-weight: 400;
    padding-left: 8px;
    float: left;
}

.gform_wrapper.gravity-theme #field_1_8 .ginput_container.ginput_container_checkbox {
    float: left;
}

.gform_wrapper.gravity-theme .gfield_checkbox label,
.gform_wrapper.gravity-theme .gfield_radio label {
    font-size: 1rem !important;
    padding-left: 15px;
}

#page .gform_wrapper.gravity-theme .gfield-choice-input {
    position: relative;
    height: 1rem;
    width: 1rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid #666 !important;
    cursor: pointer;
}

#page #gform_wrapper_2.gform_wrapper.gravity-theme .gfield-choice-input {
    border: 1px solid #fff !important;
}

#page .gform_wrapper.gravity-theme .gfield-choice-input:checked {
    background-color: #B62133;
}

.gform_wrapper.gravity-theme .gfield-choice-input:checked::before {
    content: '';
    display: inline-block;
    position: absolute;
    left: 35%;
    top: 5%;
    transform: rotate(45deg);
    height: 70%;
    width: 35%;
    border-bottom: 2px solid #fff;
    border-right: 2px solid #fff;
}

.gform_wrapper.gravity-theme .gfield-choice-input+label {
    font-size: .9rem !important;
}

.gform_wrapper.gravity-theme #field_submit,
.gform_wrapper.gravity-theme .gform_footer {
    justify-content: flex-start;
    margin-top: 1rem !important;
}

#gform_wrapper_2.gform_wrapper.gravity-theme #field_submit,
#gform_wrapper_2.gform_wrapper.gravity-theme .gform_footer {
    justify-content: center;
    margin-top: 1.1rem !important;
}

.gform_confirmation_message p {
    color: #fff !important;
}

.gform_wrapper.gravity-theme .gform_button {
    white-space: normal !important;
    word-wrap: break-word !important;
}


/* Webinare Seite */

body #page #breakpoints-container h2 {
    display: none !important;
}


/* asp-block-006 */

.asp-block-006 {
    padding: 5rem 0;
    background: #262525;
     color: #999;
}

.asp-block-006 h2 {
    text-align: center;
    color: #fff;
    padding: 0;
    max-width: 800px;
    margin: 0 auto;
}

.asp-block-006 .lead {
    text-align: center;
    color: #fff;
    max-width: 900px;
    margin: 0 auto;
    margin-top: .75rem;
}

/* Empfehlungslinks */

form.saleskom-referral-signup-form {
    text-align: center;
    margin-top: 2rem;
}

form.saleskom-referral-signup-form label {
    display: none;
}

form.saleskom-referral-signup-form input {
    font-size: 1rem !important;
    border-radius: 0 !important;
    border-left: none !important;
    border-top: none !important;
    border-right: none !important;
    border-width: 1px;
    border-color: #666;
    background-color: #fff0;
    color: #fff !important;
    width: 450px;
}

.saleskom-referral-signup-form-submit {
    margin-top: 2rem;
}

div#saleskom-referral-result {
    margin-top: 2rem !important;
    color: #fff;
}

.saleskom-referral-link {
    font-weight: 600;
}


/* Impressum / 404 */

#imprint {
    padding: 14rem 0 5rem;
}

#imprint h1 {
    font-size: 2.6rem;
    margin-bottom: 3rem;
}

.error-404.not-found {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
}



/* Blog Seite */

#blog-filter {
    margin-top: 4.25rem;
    margin-bottom: 50px;
}

#blog-results {
    padding: 5rem 0;
}


#related-post-section {
    padding-bottom: 2.15rem;
}

.search-filter-query--id-1 {
    display: flex;
    flex-wrap: wrap;
    gap: 4rem 5%;
}

.beitrag-item {
    width: 30%;
}

a.beitrag-img {
    display: block;
    position: relative;
    height: auto;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: .5rem;
}

a.beitrag-img::before {
    content: '';
    display: block;
    padding-top: 60%;
}

.beitrag-cat, .post-category {
    display: inline-block;
    color: #B62133;
    border: 1px solid #B62133;
    padding: 14px 20px;
    font-size: 85%;
    line-height: 1;
    border-radius: 50px;
}

.beitrag-details {
    padding: 30px 0 0;
}

.beitrag-time-reading,
.post-time-reading {
    opacity: .4;
    font-size: 90%;
    padding-top: 15px;
    padding-bottom: 15px;
}

h4.beitrag-title {
    display: block;
    padding-bottom: 15px;
    line-height: 1.1;
}

h4.beitrag-title a {
    color: #262525;
    font-size: 1.3rem;
}

.beitrag-date {
    font-size: .85rem;
    font-weight: 600;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-bottom: .75rem;
    display: block;
}

.beitrag-excerpt {
    margin-bottom: 15px;
}

a.beitrag-read-more {
    font-weight: 600;
    text-transform: uppercase;
    text-decoration: underline;
}





/* Beitragsseite (single-post) */

.single-post main,
.single-glossary main {
    padding: 5rem 0;
    padding-top: 225px;
}

.single-post article .row .col,
.single-glossary article .row .col {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

#post-main {
    width: 65%;
    margin-right: 4%;
}

#sidebar {
    width: 31%;
}

.post-image {
    height: auto;
    position: relative;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: .75rem;
}

.post-image:before {
    content: '';
    display: block;
    padding-top: 60%;
}

.post-meta {
    display: flex;
    justify-content: space-between;
    margin-bottom: 1rem;
}

.post-meta span {
    font-size: .85rem;
    font-weight: 600;
    letter-spacing: 2px;
    text-transform: uppercase;
    display: block;
}

.post-meta .post-category {
    visibility: hidden;
}

h1.post-title {
    font-size: 2rem;
    padding-bottom: 2rem;
}

.post-content {
    margin-top: 3rem;
}

.post-content h2 {
    font-size: 1.5rem;
    padding-top: 1rem;
    padding-bottom: .5rem;
}

.post-content h3 {
    font-size: 1.3rem;
    padding-top: .75rem;
    padding-bottom: .5rem;
}

.post-content h4 {
    font-size: 1.2rem;
    padding-top: .75rem;
    padding-bottom: .5rem;
}

.post-content a:not(.button) {
    text-decoration: underline;
}

.post-content p:not(:last-child) {
    margin-bottom: 2em;
}

.post-content strong {
    font-weight: 600;
}

.post-content ul,
.post-content ol {
    padding-left: 1.2em;
}

.post-content ul {
    list-style-type: square;
}

.post-content ul:not(:last-child),
.post-content ol:not(:last-child) {
    margin-bottom: 2em;
}

.post-content ul li:not(:last-child),
.post-content ol li:not(:last-child) {
    padding-bottom: .5rem;
}

.author-details {
    border-radius: 1rem;
    text-align: center;
    border: 2px solid #262525;
    background: #fff;
    padding: 1.5rem 1.25rem;
    margin-bottom: 3rem;
}

img.author-img {
    width: 130px;
    height: auto;
    border-radius: 100%;
    margin-bottom: .25rem;
}

h5.author-name {
    display: block;
    color: #B62133;
    font-size: 1.3rem;
    padding-bottom: 1rem;
}

span.author-cta-note {
    display: block;
}

.author-details .button {
    margin-top: 1rem;
}

.other-posts {
    margin-bottom: 1rem;
}

.other-posts-title {
    color: #262525;
    font-size: .85rem;
    font-weight: 600;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-bottom: .75rem;
}

.other-posts .beitrag-item {
    width: 100%;
    margin-right: 0;
    margin-bottom: 1rem;
    font-size: .9rem;
}

.other-posts .beitrag-item:last-child {
    margin-bottom: 0;
}

.other-posts .beitrag-details {
    padding: 1.25rem 0 1.25rem;
}

.other-posts h4.beitrag-title a {
    color: #262525;
    font-size: 1.1rem;
}


.single-post .block-004 .row {
    width: 100% !important;
    max-width: 100% !important;
}

.single-post .block-004 .cta-button-wrapper {
    justify-content: center;
    width: 100%;
}

.single-post .block-004 {
    border-radius: 1rem;
    text-align: center;
    padding: 1.25rem 1.5rem 2.25rem;
}

.single-post .wp-block-image img {
    border-radius: .5rem;
}


.single-post .wp-block-image:not(:last-child) {
    margin-top: 1em;
    margin-bottom: 2em;
}


.single-post .asp-block-004 .row {
    width: 100% !important;
    max-width: 100% !important;
    color: #fff;
}

.single-post .asp-block-004 .cta-button-wrapper {
    justify-content: center;
    width: 100%;
}

.single-post .asp-block-004 {
    border-radius: 1rem;
    text-align: center;
    background: #262525;
    padding: 1.25rem 1.5rem 2.25rem;
}

.single-post .asp-block-004 h2, .single-post .asp-block-004 h3 {
    color: #fff;
    padding-bottom: 2rem;
}
.single-post .asp-block-004 .section-title-wrapper {
    text-align: center;
    margin-bottom: 1rem;
}


/* Glossar Beiträge Anpassungen */

.single-glossary .post-content {
    margin-top: 0;
}

.single-glossary .glossary-overview {
    margin-top: 3rem;
}

.single-glossary .glossary-share {
    margin-top: 2rem;
}

.single-glossary .glossary-share span {
    font-size: 85%;
    font-weight: 600;
    display: block;
    margin-bottom: 10px;
}

ul.glossary-random {
    list-style-type: square;
    padding: 0;
    padding-left: 1.25rem;
}

ul.glossary-random li:not(:last-child) {
    padding-bottom: .35rem;
}


/* Glossar Übersicht */

#glossary {
    padding: 5rem 0;
    background: #262525;
    color: #fff;
}

nav.glossary-index {
    margin-bottom: 3rem;
}

nav.glossary-index ul li:not(:last-child) {
    margin-right: .75rem;
}

nav.glossary-index ul li a {
    color: #fff;
    transition: all 400ms ease;
}

nav.glossary-index ul li a:hover {
    color: #B62133;
}

nav.glossary-index ul li span {
    color: #999;
}

nav.glossary-index ul {
    list-style-type: none;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
}

.glossary-letter {
    color: #fff;
    font-size: 2rem;
    padding-bottom: .5rem;
}

ul.glossary-terms {
    list-style-type: none;
    padding: 0;
}

ul.glossary-terms:not(:last-child) {
    padding-bottom: 2rem;
}

ul.glossary-terms li:not(:last-child) {
    padding-bottom: .25rem;
}

ul.glossary-terms li a {
    color: #fff;
    transition: all 400ms ease;
}

ul.glossary-terms li a:hover {
    color: #B62133;
}


/* Passwort geschützt */

form.post-password-form {
    min-height: 60vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}


/* Klicktipp Newsletter */

#newsletter {
    background: #262525;
    color: #fff;
    padding: 2.5rem 0 5rem;
}

#newsletter h2 {
    color: #fff;
}

#newsletter .section-title-wrapper {
    margin-bottom: 0 !important;
}

#newsletter-form {
    max-width: 900px;
    margin: 0 auto;
}

#newsletter-form p {
    display: none;
}

#newsletter #form-337329-wrapper {
    padding: 0;
}

#newsletter .ktv2-form-element {
    margin-bottom: 20px;
}

#newsletter .name-fields {
    display: flex;
    gap: 10px;
}

#newsletter .name-fields input {
    flex: 1;
}

#newsletter label {
    display: none;
}

#newsletter .ktv2-form-submit-wrapper {
    text-align: center;
}

#newsletter input[type="text"] {
    width: 100%;
    padding: 12px 24px;
    border: 2px solid #ddd;
    border-radius: 50px;
    font-size: 16px;
    box-sizing: border-box;
    transition: border-color 0.3s ease;
    font-family: 'Hanken Grotesk';
}

#newsletter input[type="text"]:focus {
    outline: none;
    border-color: #B62133;
}

#newsletter #FormSubmit {
    font-family: 'Hanken Grotesk';
}


/* Klicktipp E-Book */

#form-ebook {
    background: #262525;
    color: #fff;
    padding: 1.45rem 0 0;
}

#form-ebook h2 {
    color: #fff;
}

#form-ebook .section-title-wrapper {
    margin-bottom: 0 !important;
}

#form-ebook {
    max-width: 900px;
}

#form-ebook .ktv2-form-element label {
    display: none;
}

#form-ebook .ktv2-form-submit-wrapper {
    text-align: center;
}

#form-ebook input[type="text"],
#form-ebook input[type="email"] {
    width: 100%;
    padding: 12px 24px;
    border: 2px solid #ddd;
    border-radius: 50px;
    font-size: 16px;
    box-sizing: border-box;
    transition: border-color 0.3s ease;
    font-family: 'Hanken Grotesk';
    margin-bottom: 20px;
}

#form-ebook input[type="text"]:focus,
#form-ebook input[type="email"]:focus {
    outline: none;
    border-color: #B62133;
}

#form-ebook .ktv2-form-dsgvocheckbox label span {
    color: #fff !important;
    font-size: .9rem !important;
}


#form-ebook #FormSubmit {
    font-family: 'Hanken Grotesk';
}

#form-ebook .ktv2-form-dsgvocheckbox {
    margin: 0 auto;
    margin-bottom: 2rem;
    width: 90%;
    position: relative;
    padding-left: 1.75rem;
}

#form-ebook .ktv2-dsgvo-checkbox {
  position: absolute;
  top: 0.1rem;
  left: 0;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 1rem;
  height: 1rem;
  border: 2px solid #ddd;
  border-radius: 50%;
  background-color: #fff;
  cursor: pointer;
  outline: none;
  transition: background-color 0.2s ease, border-color 0.2s ease;
}

#form-ebook .ktv2-dsgvo-checkbox:checked {
  background-color: #B62133;
  border-color: #B62133;
}

#form-ebook .ktv2-dsgvo-checkbox:checked::after {
  content: "✓";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -55%);
  font-size: 0.75rem;
  color: #fff;
  line-height: 1;
}

#form-ebook .ktv2-dsgvo-checkbox:focus-visible {
  outline: none;
}

#form-ebook .ktv2-form-dsgvocheckbox label {
  display: inline-block;
  cursor: pointer;
  line-height: 1.5;
}




/* Footer */

#footer {
    color: #828D91;
    background: #262525;
}

#footer h5 {
    color: #828D91;
    font-size: .8rem;
    font-weight: 500;
    letter-spacing: 1px;
    text-transform: uppercase;
    padding-bottom: 1.25rem;
}

.footer-block {
    font-size: .8rem;
}

.footer-block p {
    color: #fff;
}

.footer-block a {
    color: #828D91;
}

.footer-block p a {
    color: #fff;
    transition: color 400ms ease;
}

.footer-block p a:hover {
    color: #B62133;
}

.footer-row {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 2.5rem 0;
}

.footer-col-one {
    width: 35%;
}

.footer-col-one .footer-block {
    font-size: 1.1rem;
}

.footer-col-one .footer-block a,
.footer-col-four .footer-block a {
    color: #fff;
}

.credit-row {
    display: flex;
    flex-wrap: wrap;
    background: #262525;
    width: 100% !important;
    max-width: 100% !important;
    padding: 1rem 7%;
    font-size: .8rem;
}

.credit-row .col {
    width: 50%;
}

.credit-row .credit-col-two {
    text-align: right;
}

.credit-row a {
    color: #828D91;
}











/* Resposive CSS */

@media all and (max-width: 1700px) {

    html {
        font-size: 21px;
    }

}


@media all and (max-width: 1600px) {

    html {
        font-size: 20px;
    }
    
}


@media all and (max-width: 1500px) {

    html {
        font-size: 18px;
    }

    .row {
        width: 90%;
    }

    .quote-wrapper {
        max-width: 850px;
    }

    .saleskom-block-006 .section-title-wrapper,
    .saleskom-block-016 .section-title-wrapper {
        max-width: 800px;
    }

    .credit-row {
        padding: 1rem 5%;
    }

    .button,
    .menu-contact-button a,
    .menu-login-button a,
    .gform_wrapper.gravity-theme .gform_button,
    #newsletter input[type="submit"],
    #form-ebook input[type="submit"] {
        font-size: .9rem !important;
        padding: .8rem 1.75rem .8rem 1.75rem;
    }

    ul#primary-menu > li a, ul#secondary-menu > li a {
        font-size: .9rem;
    }

    ul.sub-menu li a {
        font-size: .8rem !important;
    }

    .webinar-description,
    .webinar-details {
        font-size: .9rem;
    }

}


@media all and (max-width: 1400px) {

    .saleskom-block-008 .subpage-top-title-row {
        height: 425px;
    }

    .logo-col, .login-col {
        width: 300px;
    }

    .saleskom-block-003 {
        min-height: 450px;
    }

    .saleskom-block-003 h2 {
        max-width: 600px;
    }

    .saleskom-block-003 .text-block {
        max-width: 550px;
    }
    
}


@media all and (max-width: 1300px) {

    html {
        font-size: 17px;
    }

    .saleskom-block-008 .subpage-top-title-row {
        height: 400px;
    }

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

    a.logo {
        transform: translate(0, 2px);
    }

    .saleskom-block-003 {
        min-height: 400px;
    }
    
}


@media only screen and (max-device-width: 1100px) {

    html {
        font-size: 16px;
    }

    .menu-hauptmenue-container {
        display: none;
    }

    .login-col {
        display: none;
    }

    .mobile-trigger {
        display: block;
        margin-left: auto;
        margin-right: 0;
    }

    #header {
        height: 75px !important;
        align-items: center !important;
        position: fixed !important;
        top: 0 !important;
        background: #262525 !important;
        transform: translateY(0) !important;
        box-shadow: 0 0 10px 0px #292828 !important;
    }

    .logged-in #header,
    .logged-in #header.hidden,
    .logged-in #header.fixed {
        top: 32px !important;
    }

    .logo-col {
        width: 175px;
    }

    a.logo {
        transform: translate(0, 4px);
    }

    a.logo img {
        width: 175px;
    }

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

    .saleskom-block-001 {
        height: 650px;
        padding-top: 100px;
        padding-bottom: 30px;
        margin-bottom: -30px;
    }

    .saleskom-block-001 .hero-title-row .col {
        max-width: 80%;
    }

    .home .saleskom-block-001 .hero-title-row .col {
        max-width: 60%;
    }

    .saleskom-block-008 .subpage-top-title-row {
        height: 350px;
    }

    .saleskom-block-008 .subpage-top-title-row .col {
        max-width: 80%;
    }

    .saleskom-block-008 .intro-row {
        padding: 3.5rem 0;
        margin-bottom: -30px;
    }

    .saleskom-block-008 {
        padding-top: 100px;
        padding-bottom: 30px;
    }

    .footer-col-one {
        width: 40%;
    }

    .saleskom-block-002,
    .saleskom-block-003,
    .saleskom-block-004,
    .saleskom-block-005,
    .saleskom-block-006,
    .saleskom-block-009,
    .saleskom-block-010,
    .saleskom-block-011,
    .saleskom-block-012,
    .saleskom-block-015,
    .saleskom-block-016,
    .saleskom-block-017,
    .saleskom-block-018 {
        padding: 3.5rem 0;
    }

    #blog-results,
    #glossary {
        padding: 3.5rem 0;
    }

    .single-post main,
    .single-glossary main {
        padding: 3.5rem 0;
        padding-top: 165px;
    }

    .saleskom-block-013 {
        padding: 5rem 0 3.5rem;
    }

    .saleskom-block-013 .row::after {
        top: 0;
    }

    .platform-mockup {
        right: -17%;
        bottom: 0;
    }

    .saleskom-block-003 {
        min-height: 400px;
    }

    .saleskom-block-003 h2 {
        max-width: 550px;
    }

    .saleskom-block-003 .text-block {
        max-width: 500px;
    }

    .saleskom-block-004 h2 {
        max-width: 700px;
    }

    .saleskom-block-006 .section-title-wrapper,
    .saleskom-block-016 .section-title-wrapper {
        max-width: 700px;
    }

    .section-title-wrapper {
        margin-bottom: 2.15rem;
    }

    .saleskom-block-006 .half-half-bottom,
    .saleskom-block-017 .half-half-bottom {
        padding-top: 3.5rem;
    }

    .saleskom-block-017 .numered-list-item:not(:last-child) {
        margin-bottom: 2.5rem;
    }

    #rezensionen {
        padding: 4.65rem 0 2.15rem;
    }

    #rezensionen .section-title-wrapper {
        margin-bottom: 1.45rem;
    }

    .saleskom-block-005 .slick-slide {
        margin: 0 8px;
    }

    .saleskom-block-005 .slick-list {
        margin: 0 -8px;
    }

    .quote-wrapper {
        max-width: 700px;
    }

    .saleskom-block-010 .half-half-row {
        padding: 3rem 0;
    }

    body .half-padding-top {
        padding-top: 2rem !important;
    }

    body .half-padding-bottom {
        padding-bottom: 2rem !important;
    }

    .saleskom-block-007 {
        padding: 12.5rem 0;
    }

    .info-blocks-row {
        padding: 0 !important;
    }

    .info-blocks-row .col {
        margin-bottom: 3.5rem;
    }

    .saleskom-block-011 .half-half-row {
        margin-bottom: 3.5rem;
    }

    .saleskom-block-012 .half-half-row {
        padding: 2.15rem 0;
    }

    .saleskom-block-014 {
        padding: 3.5rem 0 0;
    }

    .saleskom-block-014 .contact-map-row {
        margin-top: 3.5rem;
    }

    .saleskom-block-014 #map {
        height: 300px;
    }

    .saleskom-block-015 .half-half-row {
        padding: 2rem 0;
    }

    .saleskom-block-015 .course-info-wrapper {
        gap: 5%;
        padding: 1.5rem 2rem;
        justify-content: space-between;
    }

    #team {
        padding: 3.5rem 0 1.1rem;
    }

    #team .shortcode-wrapper {
        gap: 1.1rem 20px;
    }

    .team-item {
        width: calc(33.33% - 14px);
    }

    .team-details {
        left: 25px;
        right: 25px;
    }

    .saleskom-block-019 .logo-slider-row {
        width: 90% !important;
        max-width: 90% !important;
    }

}


@media all and (max-width: 982px) {

    .logged-in #header,
    .logged-in #header.hidden,
    .logged-in #header.fixed {
        top: 46px !important;
    }

    .button,
    .menu-contact-button a,
    .menu-login-button a,
    .gform_wrapper.gravity-theme .gform_button,
    #newsletter input[type="submit"],
    #form-ebook input[type="submit"] {
        font-size: 1rem !important;
        line-height: 1.2;
    }

    h1 {
        font-size: 2.4rem;
    }

    h2 {
        font-size: 2.2rem;
    }

    .saleskom-block-001 h2 {
        font-size: 1.2rem;
    }

    .home .saleskom-block-002 h2 {
        font-size: 1.4rem;
    }

    .saleskom-block-004 h2 {
        font-size: 2.6rem;
        line-height: 1.2;
    }

    .saleskom-block-006 .section-title-wrapper h2,
    .saleskom-block-016 .section-title-wrapper h2 {
        font-size: 2.6rem;
        line-height: 1.2;
    }

    .saleskom-block-001 {
        height: 575px;
    }

    .saleskom-block-008 .subpage-top-title-row {
        height: 300px;
    }

    .home .saleskom-block-001 .hero-title-row .col {
        max-width: 80%;
    }

    .saleskom-block-001 .hero-title-row .col {
        max-width: 100%;
    }

    .saleskom-block-008 .subpage-top-title-row .col {
        max-width: 100%;
    }

    .saleskom-block-002 .col-left {
        width: 100%;
    }

    .saleskom-block-002 .col-right {
        width: 100%;
        margin-top: 1rem;
    }

    .saleskom-block-002,
    .saleskom-block-003,
    .saleskom-block-004,
    .saleskom-block-005,
    .saleskom-block-006,
    .saleskom-block-009,
    .saleskom-block-010,
    .saleskom-block-011,
    .saleskom-block-012,
    .saleskom-block-015,
    .saleskom-block-016,
    .saleskom-block-017,
    .saleskom-block-018 {
        padding: 2.85rem 0;
    }

    #blog-results,
    #glossary {
        padding: 2.85rem 0;
    }

    .single-post main,
    .single-glossary main {
        padding: 2.85rem 0;
        padding-top: 150px;
    }

    .saleskom-block-013 {
        padding: 4.25rem 0 2.85rem;
    }

    .saleskom-block-003 h2 {
        max-width: 550px;
    }

    .saleskom-block-003 {
        min-height: 350px;
    }

    .saleskom-block-003 .text-block {
        max-width: 500px;
    }

    .saleskom-block-004 h2 {
        max-width: 700px;
    }

    .saleskom-block-006 .section-title-wrapper,
    .saleskom-block-016 .section-title-wrapper {
        max-width: 700px;
    }

    .section-title-wrapper {
        margin-bottom: 1.45rem;
    }

    .saleskom-block-006 .half-half-bottom,
    .saleskom-block-017 .half-half-bottom {
        padding-top: 2.85rem;
    }

    #rezensionen {
        padding: 4rem 0 1.45rem;
    }

    #rezensionen .section-title-wrapper {
        margin-bottom: 1.1rem;
    }

    .quote-wrapper {
        max-width: 700px;
    }

    .saleskom-block-010 .half-half-row {
        padding: 3rem 0;
    }

    body .half-padding-top {
        padding-top: 1.45rem !important;
    }

    body .half-padding-bottom {
        padding-bottom: 1.45rem !important;
    }

    .saleskom-block-007 {
        padding: 12rem 0;
    }

    .info-blocks-row .col {
        margin-bottom: 2.85rem;
    }

    .saleskom-block-011 .half-half-row {
        margin-bottom: 2.85rem;
    }

    .saleskom-block-012 .half-half-row {
        padding: 1.45rem 0;
    }

    .saleskom-block-014 {
        padding: 2.85rem 0 0;
    }

    .saleskom-block-014 .contact-map-row {
        margin-top: 2.85rem;
    }

    #team {
        padding: 2.85rem 0 1rem;
    }

    #team .shortcode-wrapper {
        gap: 1rem 20px;
    }

    .team-item {
        width: calc(33.33% - 14px);
    }

    .team-details {
        left: 25px;
        right: 25px;
    }

    .grw-header {
        display: none !important;
    }

    .wp-gr .grw-row-x .grw-header+.grw-content .grw-review {
        --gap: 1 !important;
        --col: 2 !important;
    }

    .wp-gr {
        width: 110% !important;
        margin-left: -5% !important;
    }

    #primary .wp-gr .grw-review .wp-google-feedback {
        height: 215px !important;
    }

    .saleskom-block-013 .col {
        max-width: 75%;
    }

    .platform-mockup {
        right: auto;
        bottom: auto;
        left: 50%;
        transform: translate(-50%, 0);
        position: relative;
        width: 80vw;
        max-width: 1060px;
        margin-top: 2.15rem;
    }

    .saleskom-block-013 .row::after {
        top: -2.15rem;
        right: -6%;
        width: 44vw;
        height: 44vw;
    }

    .saleskom-block-006 .half-half-top .col-left,
    .saleskom-block-016 .half-half-top .col-left {
        width: 60%;
    }

    .saleskom-block-006 .half-half-top .col-right,
    .saleskom-block-016 .half-half-top .col-right {
        width: 100%;
        margin-top: 1.45rem;
    }

    .saleskom-block-006 .cta-block-img-bottom {
        width: 100%;
    }

    .cta-block-img.cta-block-img-bottom:last-child {
        display: none;
    }

    .saleskom-block-006 .half-half-bottom .col-left {
        width: 45%;
    }

    .saleskom-block-006 .half-half-bottom .col-right {
        width: 40%;
    }


    .saleskom-block-017 .half-half-top .col-left {
        width: 100%;
        margin-bottom: 1.45rem;
    }

    .saleskom-block-017 .half-half-top .col-right {
        width: 60%;
    }

    .saleskom-block-017 .cta-block-img-bottom {
        width: 100%;
    }

    .inhouse-block-img.inhouse-block-img-bottom:last-child {
        display: none;
    }

    .saleskom-block-017 .half-half-bottom .col-left {
        display: none;
    }

    .saleskom-block-017 .half-half-bottom .col-right {
        width: 100%;
    }

    .saleskom-block-011 .col-left {
        width: 100%;
    }

    .saleskom-block-011 .col-right {
        width: 60%;
        margin-top: 1.45rem;
    }

    .footer-row {
        justify-content: space-between;
        padding: 1.1rem 0;
    }

    .footer-col-one {
        width: 68% !important;
        margin-right: 16%;
        margin-left: 16%;
        margin-bottom: 2rem;
        text-align: center;
    }

    .saleskom-block-014 .col-contact-details {
        width: 100%;
        margin-bottom: 2rem;
    }

    .saleskom-block-014 .col-contact-form {
        width: 100%; 
    }

    .team-item {
        width: calc(50% - 10px);
    }

    .saleskom-block-015 .course-info-box {
        width: 47.5%;
    }

    .saleskom-block-015 .course-info-box:nth-child(3),
    .saleskom-block-015 .course-info-box:nth-child(4) {
        margin-top: 2rem;
    }

    .saleskom-block-007 .col-left {
        width: 100%;
        margin-bottom: 2rem;
    }

    .saleskom-block-007 .col-right {
        width: 100%;
    }

    .three-columns .info-blocks-row .col {
        width: 29.33%;
    }

    .three-columns .info-blocks-row {
        gap: 6%;
    }

    .saleskom-block-018 .row .col {
        width: 100%;
    }

    .webinar-description,
    .webinar-details {
        font-size: 1rem;
    }

    .webinar-description {
        padding: 25px 25px;
    }

    .webinar-description {
        margin-bottom: 2rem;
    }

    .webinar-form {
        margin-top: 0;
        border-top: 1px solid #F6F6F7;
    }

    .webinar-saleskom-logo img {
        max-width: 325px;
    }

    .beitrag-item {
        width: 47.5%;
    }

    #post-main {
        width: 100%;
        margin-right: 0;
    }

    #sidebar {
        width: 100%;
        margin-top: 50px;
    }
    
}


@media all and (max-width: 600px) {

    h1 {
        font-size: 1.6rem;
    }

    h1.post-title {
        font-size: 1.8rem;
    }

    h2 {
        font-size: 1.6rem;
    }

    .home h1 {
        font-size: 1.6rem;
        text-align: center;
    }

    .saleskom-block-001 h2 {
        font-size: 1rem;
    }

    .saleskom-block-001 .button br {
        display: block;
    }

    .saleskom-block-008 h2 {
        font-size: 1rem;
    }

    .saleskom-block-004 h2 {
        font-size: 1.9rem;
        line-height: 1.1;
    }

    .saleskom-block-006 .section-title-wrapper h2,
    .saleskom-block-016 .section-title-wrapper h2  {
        font-size: 1.9rem;
        line-height: 1.1;
    }

    .saleskom-block-001 {
        height: 550px;
    }

    .home .saleskom-block-001 .hero-title-row::after {
        display: none;
    }

    .saleskom-block-001 .lead {
        font-size: 1rem;
        max-width: 100%;
    }

    .home .saleskom-block-001 .lead {
        text-align: center;
    }

    .home .saleskom-block-001 .hero-title-row .col {
        max-width: 100%;
    }

    .saleskom-block-001 .hero-title-row {
        padding: 7%;
    }

    .home .saleskom-block-001 .hero-title-row {
        padding: 4rem 6% 3rem;
    }

    .home .saleskom-block-001 .cta-button-wrapper {
        justify-content: center;
    }

    .info-blocks-row .col {
        width: 100% !important;
        margin-bottom: 1.45rem !important;
    }

    .info-blocks-row .col:last-child {
        margin-bottom: 0 !important;
    }

    .saleskom-block-003 {
        min-height: 300px;
    }

    #rezensionen h2 {
        font-size: 1.6rem;
        text-align: center;
    }

    .saleskom-block-006 .half-half-top .col-left,
    .saleskom-block-016 .half-half-top .col-left {
        width: 100%;
    }

    .saleskom-block-006 .half-half-bottom .col-left {
        width: 100%;
        margin-bottom: 2rem;
    }

    .saleskom-block-006 .half-half-bottom .col-right {
        width: 100%;
    }

    .footer-row .col {
        width: 100%;
        text-align: center;
    }

    .footer-col-one {
        width: 86% !important;
        margin-right: 7%;
        margin-left: 7%;
        margin-bottom: 2rem;
        text-align: center;
    }

    .footer-col-two,
    .footer-col-three {
        margin-bottom: 2rem;
    }

    #footer h5 {
        padding-bottom: 1rem;
        font-size: .9rem;
    }

    .credit-row {
        font-size: .9rem;
    }

    .credit-row .col {
        width: 100%;
        text-align: center !important;
    }

    .credit-row .col:first-child {
        margin-bottom: 5px;
    }

    .saleskom-block-008 .subpage-top-title-row {
        height: 250px;
        padding: 6%;
    }

    .saleskom-block-008 h3.intro-text {
        font-size: 1.2rem;
    }

    .saleskom-block-012 .col-left {
        width: 100%;
        padding-left: 2.5rem;
    }

    .saleskom-block-012 h3 {
        font-size: 1.4rem;
    }

    .saleskom-block-012 .row-index {
        font-size: 1.4rem;
    }

    .saleskom-block-012 .col-right {
        width: 100%;
        margin-top: 1.45rem;
    }

    .saleskom-block-012 .half-half-row {
        padding: 2.5rem 0;
    }

    .saleskom-block-011 .col-right {
        width: 100%;
        margin-top: 1.45rem;
    }

    .saleskom-block-013 .col {
        max-width: 100%;
    }

    .saleskom-block-005 h2 {
        width: 100%;
    }

    .saleskom-block-005 .lead {
        width: 100%;
    }

    .saleskom-block-009 h4 {
        font-size: 1.6rem;
    }

    .saleskom-block-010 .col-left {
        width: 100%;
    }

    .saleskom-block-010 .col-right {
        width: 100%;
    }

    .saleskom-block-010 .text-block {
        padding-top: 1em;
    }

    .saleskom-block-010 h3 {
        font-size: 1.4rem;
    }

    .saleskom-block-011 h3 {
        font-size: 1.4rem;
        max-width: 100%;
    }

    .saleskom-block-011 .text-block {
        padding-top: .5em;
    }

    #page-768 .saleskom-block-008 .subpage-top-title-row {
        height: 175px;
    }

    .gform_wrapper.gravity-theme .gform_button {
        line-height: 1 !important;
        min-height: 0 !important;
        width: 100%;
    }

    .gform_wrapper.gravity-theme .gform_fields {
        grid-row-gap: 1rem !important;
    }

    .gform_wrapper.gravity-theme .gfield_checkbox label,
    .gform_wrapper.gravity-theme .gfield_radio label {
        padding-left: 8px;
        font-size: 0.9rem !important;
    }

    .gform_wrapper.gravity-theme .gfield_checkbox,
    .gform_wrapper.gravity-theme .gfield_radio {
        margin-top: 1rem !important;
    }

    #page .gform_wrapper.gravity-theme .gfield-choice-input {
        height: 1.25rem;
        width: 1.25rem;
    }

    .team-item {
        width: 100%;
    }

    .saleskom-block-005 .subpage-slider-inner h4 {
        font-size: 1.1rem;
        font-weight: 600;
    }

    .saleskom-block-005 .subpage-slider-inner img {
        display: none;
    }

    .saleskom-block-005 .subpage-item-text {
        max-width: 100%;
    }
    
    .subpage-links-slider {
        margin-top: 2.5rem;
    }

    .platform-mockup {
        width: 90vw;
        margin-top: 2.85rem;
    }

    .saleskom-block-013 .row::after {
        top: -2.85rem;
        right: -6%;
        width: 60vw;
        height: 60vw;
        opacity: .2;
    }

    .saleskom-block-013 .icon-list-item span {
        width: calc(100% - 2.5rem);
    }


    .home .saleskom-block-001 {
        height: 550px;
    }

    .footer-block {
        font-size: .9rem;
    }

    .saleskom-block-015 h3 {
        font-size: 1.4rem;
    }

    .saleskom-block-015 .row-index {
        font-size: 1.4rem;
    }

    .saleskom-block-015 .col-left {
        width: 100%;
        padding-left: 2.5rem;
        margin-bottom: 1rem;
    }

    .saleskom-block-015 .col-right {
        width: 100%;
    }

    .saleskom-block-015 .course-info-box {
        width: 100%;
    }

    .saleskom-block-015 .course-info-box:nth-child(2),
    .saleskom-block-015 .course-info-box:nth-child(3),
    .saleskom-block-015 .course-info-box:nth-child(4) {
        margin-top: 1.5rem;
    }

    .saleskom-block-015 .course-info-wrapper {
        padding: 1.25rem 1.25rem;
    }

    .saleskom-block-015 .course-info-wrapper p {
        font-size: .9rem;
    }

    .saleskom-block-015 .course-info-wrapper h5 {
        font-size: .9rem;
        padding-bottom: .25rem;
    }

    .saleskom-block-006 .section-title-wrapper h3 {
        font-size: 1.2rem;
    }

    .footer-row {
        padding: 2rem 0;
    }

    .saleskom-block-017 .half-half-top .col-right {
        width: 100%;
    }

    .saleskom-block-017 .numered-list-icon {
        width: 2.5rem;
        height: auto;
    }

    .saleskom-block-017 .numbered-list-details {
        width: calc(100% - 2.5rem);
        padding-left: 1.5rem;
    }

    .saleskom-block-017 .numbered-list-details h4 {
        font-size: 1.4rem;
    }

    .saleskom-block-017 .numered-list-item:not(:last-child) {
        margin-bottom: 2rem;
    }

    .webinar-saleskom-logo img {
        max-width: 100%;
    }

    .webinar-description,
    .webinar-saleskom-logo {
        padding: 25px 20px;
    }

    .webinar-details {
        padding: 25px 20px;
    }

    .webinar-form {
        padding: 0 10px;
    }

    .beitrag-item {
        width: 100%;
    }

    .search-filter-query--id-1 {
        gap: 3rem 5%;
    }

    #newsletter .name-fields input {
        flex: auto;
    }

    #newsletter .name-fields {
        display: flex;
        flex-wrap: wrap;
        gap: 20px;
    }

    #newsletter .name-fields br {
        display: none;
    }

    #form-ebook .ktv2-form-dsgvocheckbox {
        width: 100%;
        padding-left: 2rem;
    }

    #form-ebook .ktv2-form-dsgvocheckbox label span {
        font-size: 1rem !important;
        padding-left: 0;
    }

    #form-ebook .ktv2-dsgvo-checkbox {
        width: 1.4rem;
        height: 1.4rem;
    }

    form.saleskom-referral-signup-form input {
        width: 100%;
    }

}