/**
* Hero Content 
*/ 
.hero-content-row{
	position: relative;
}

.hero-content-row.image-right{
	position: relative;
}
.hero-content-row.image-left{
	position: relative;
}

/** Image right **/
.hero-content-row.image-right .hero-content-image.et_pb_image {
	position: relative;
    margin: 0rem 0rem 0rem 5rem;
    width: 114%;
}
.hero-content-row.image-right .hero-content-image.et_pb_image {
    position: relative;
    clip-path: polygon(100% 0%, 100% 100%, 25% 100%, 0% 75%, 0 0);
}
.hero-content-row.image-right .hero-content-image-text {
	position: absolute;
	padding: 48% 0 0;
    margin-left: 7.75rem;
}

/** Image left **/
.hero-content-image.et_pb_image {
	position: relative;
    margin: 0rem 0rem 0rem -5rem;
    width: 114%;
	clip-path: polygon(100% 0, 100% 75%, 75% 100%, 0 100%, 0 0);
}
.hero-content-image.et_pb_image img {
    position: relative;
}
.hero-content-image-text {
	position: absolute;
	padding: 48% 0 0;
    margin-left: -2.25rem;
}
.hero-content-image-text .et_pb_text_inner {
	position: relative;
	text-align: center;
}
.hero-content-image-text h3 {
	font-size: 7.56rem;
	font-weight: 800;
	line-height: 3.6rem;
	display: inline-block;
	margin-bottom: 2rem;
}
.hero-content-image-text .h3-small {
    font-size: 4.2rem;
    font-weight: 800;
    margin-left: 13.5rem;
}
.hero-content-image-text .h3-smaller {
    font-size: 2.3rem;
    margin-left: 7.5rem;
}
.hero-content-image-text .h3-small-above {
	line-height: 5.125rem;
}
/** Version 2 */
.hero-content-image-text h3.h3-version-2 {
	font-size: 6.804rem;
	line-height: 4.2rem;
}
.hero-content-image-text h3.h3-version-2 .h3-small {
    margin-left: -7.5rem;
}
/** Version 3 */
.hero-content-image-text h3.h3-version-3 {
	font-size: 6.048rem;
	line-height: 4.20rem;
}
.hero-content-image-text h3.h3-version-3 .h3-small {
    margin-left: -0.5rem;
}
/** Version 4 */
.hero-content-image-text h3.h3-version-4 {
    font-size: 5rem;
    font-weight: 600;
    line-height: 5.6rem;
    margin-left: -30px;
    margin-top: 8rem;
    text-align: left;
}
.hero-content-image-text h3.h3-version-4 .h3-small {
	margin-left: 0rem;
}
/** Version 5 */
.hero-content-image-text h3.h3-version-5 {
	font-size: 8.125rem;
    font-weight: 600;
    line-height: 5.6rem;
    margin-left: 0rem;
    margin-top: -14rem;
    text-align: left;
    display: block;
}
.hero-content-image-text h3.h3-version-5 .h3-small {
	margin-left: 0rem;
}
.hero-content-image-text.version-6 {
	padding: 10% 0 0;
	width: 100%;
}
.hero-content-image-text h3.h3-version-6 {
	font-size: 8.125rem;
	color: var(--color-black);
    font-weight: 600;
    line-height: 5.6rem;
    margin-left: 0rem;
    margin-top: 0rem;
    text-align: left;
    display: block;
}

/** Kunden */
.hero-content-image-text h3.kunden {
    font-size: 7.56rem;
    line-height: 3.6rem;
    margin-left: -2rem;
}

.hero-content-image-text h3.kunden .h3-small {
    margin-left: 12rem;
    font-size: 3.2rem;
}

@media (max-width: 980px) {
    .hero-content-image-text h3.kunden {
        font-size: 3.5rem;
        font-size: 17vw;
        line-height: 1.8rem;
        line-height: 7vw;
    }

    .hero-content-image-text h3.kunden .h3-small {
        margin-left: 5rem;
        margin-left: 18.5vw;
        font-size: 1.7rem;
        font-size: 6.5vw;
    }
}

@media (min-width: 981px) and (max-width: 1450px) {
    .hero-content-image-text h3.kunden {
        font-size: 8.75vw;
        margin-left: -2.2vw;
    }
    .hero-content-image-text h3.kunden .h3-small {
        font-size: 3.75vw;
        margin-left: 14vw;
    }
}

/** Marktwert */
.hero-content-image-text h3.marktwert {
    font-size: 5.3rem;
    line-height: 4.2rem;
    margin-bottom: 2rem;
    text-align: left;
}

@media (max-width: 980px) {
    .hero-content-image-text.hero-content-image-text-2 h3.marktwert {
        font-size: 2.9rem;
        font-size: 11vw;
        line-height: 1;
        line-height: 11vw;
        margin-left: -0.5rem;
    }
    .hero-content-image-text.hero-content-image-text-2 h3.marktwert .h3-small {
        font-size: 1.6rem;
        font-size: 6.6vw;
        margin-left: 9.5rem;
        margin-left: 35.5vw;
        margin-top: 0.25rem;
        display: block;
    }
}

@media (min-width: 981px) and (max-width: 1450px) {
    .hero-content-image-text h3.marktwert {
        font-size: 5.5vw;
    }
    .hero-content-image-text h3.marktwert .h3-small  {
        font-size: 4.40vw;
        margin-left: 15.25vw;
    }
}

/** Google */
.hero-content-image-text h3.google {
    font-size: 4.3rem;
    line-height: 4.2rem;
}

@media (max-width: 980px) { 

    .hero-content-image-text h3.h3-version-3.google {
        font-size: 2rem;
        font-size: 7.5vw;
        line-height: 1;
        line-height: 7.5vw;
        margin-left: -3vw;
    }
    .hero-content-image-text h3.h3-version-3.google .h3-small {
        font-size: 1.5rem;
        margin-bottom: -3.5rem;
        display: block;
    }
}

@media (min-width: 981px) and (max-width: 1450px) {
    .hero-content-image-text h3.h3-version-3.google {
        font-size: 4.55vw;
        line-height: 2vw;
    }
    .hero-content-image-text h3.h3-version-3.google .h3-small {
        font-size: 2.4vw;
    }
}

/** Zielgruppe  */
.hero-content-image-text h3.h3-version-2.zielgruppe {
    font-size: 5.804rem;
    line-height: 5.2rem;
    display: block;
    width: max-content;
    margin-left: 10rem;
}

.hero-content-image-text h3.h3-version-2.zielgruppe .h3-small {
	margin-left: -20.5rem;
}

@media (max-width: 980px) { 
    .hero-content-image-text.hero-content-image-text-4 h3.h3-version-2.zielgruppe {
        font-size: 3rem;
        font-size: 11.5vw;
        line-height: 2.7rem;
        line-height: 10.5vw;
        margin-left: 5.75rem;
    }

    .hero-content-image-text h3.h3-version-2.zielgruppe .h3-small {
        margin-left: -11.5rem;
    }
}

@media (min-width: 981px) and (max-width: 1450px) {
    .hero-content-image-text h3.h3-version-2.zielgruppe {
        font-size: 6.1vw;
        margin-left: 9vw;
    }
    .hero-content-image-text h3.h3-version-2.zielgruppe .h3-small {
        margin-left: -21vw;
        font-size: 4.40vw;
    }
}

.hero-content-headline h1,
.hero-content-headline h2 {
    color: var(--color-black);
	font-size: 2.5728rem;
    font-weight: 600;
}
.hero-content-text {
	position: relative;
	font-size: 1.25rem;
    font-weight: 600;
    line-height: 2rem;
	margin-left: 50px;
}
.hero-content-text::before {
    content: url(./icons/icon-arrow-violet.svg);
    background-repeat: no-repeat;
    position: absolute;
    width: 40px;
    height: 40px;
    margin: 7px 0 0 -47px;
}
.hero-content-text-black {
	position: relative;
	font-size: 1.25rem;
    font-weight: 400;
    line-height: 2rem;
	margin-left: 50px;
}
.hero-content-text-black strong {
	font-size: 1.5625rem;
}
/** Counter */
.hero-content-text-black .et_pb_number_counter {
    background: var(--color-violet);
    content: counter(markernumber) " ";
    position: relative;
    float: left;
    display: block;
    margin-top: 0.4rem;
	margin-bottom: 0 !important;
    margin-right: 1rem;
    margin-left: -0.4rem;
    width: 4rem;
    height: 4rem;
    border-radius: 50%;
    font-size: 2.5rem;
    font-weight: 600;
    line-height: 4rem;
    color: var(--color-white);
    text-align: center;
    -webkit-box-shadow: 4px 4px 0 0.5px var(--color-grey);
    -moz-box-shadow: 4px 4px 0 0.5px var(--color-grey);
    box-shadow: 4px 4px 0 0.5px var(--color-grey);
}
.hero-content-text-black .et_pb_number_counter .percent {
    position: relative;
    height: unset;
    display: inline-block;
}

.hero-content-row .hero-content-text-contact p,
.hero-content-row .color-lightred .hero-content-text-contact  p {
    color: var(--color-black) !important;
    font-size: 1rem;
    line-height: 1.4rem;
}

.hero-content-list {
	font-size: 1.25rem;
    font-weight: 600;
    line-height: 1.8rem;
	margin-bottom: 0 !important;
}
.hero-content-list ol {
	margin-top: 3rem;
}
.hero-content-list ol li {
	counter-increment: markernumber;
	display: list-item;
	list-style: none;
	margin-left: 5rem;
	margin-bottom: 3rem;
    font-size: 1.5625rem;
	line-height: 2rem;
	color: var(--color-black);
}
.hero-content-list ol li .small {
	font-size: 1.25rem;
    margin-top: 0.125rem;
    display: inline-block;
    line-height: 1.6rem;
}
.hero-content-list ol li::before {
    background: var(--color-violet);
    content: counter(markernumber) " ";
	position: absolute;
    display: inline-block;
    margin-right: 1rem;
    margin-left: -5rem;
    margin-top: -1rem;
    width: 4rem;
    height: 4rem;
    border-radius: 50%;
    font-size: 2.5rem;
    line-height: 4rem;
    color: var(--color-white);
    text-align: center;
	-webkit-box-shadow: 4px 4px 0 0.5px var(--color-grey);
	-moz-box-shadow: 4px 4px 0 0.5px var(--color-grey);
	box-shadow: 4px 4px 0 0.5px var(--color-grey);
}
.hero-content-list .big {
	font-size: 1.5625rem;
    font-weight: 600;
    line-height: 1.8rem;
}
.hero-content-link,
.hero-content-link-color {
	font-size: 1.5625rem;
    font-weight: 600;
    line-height: 1.8rem;
}
.hero-content-link a,
.hero-content-link-color a {
    font-size: 1.5625rem;
	margin-left: 5rem;
}
.hero-content-link a::before,
.hero-content-link-color a:before {
    content: url(./icons/icon-arrow-violet.svg);
	position: absolute;
    width: 22px;
    height: 25px;
    margin: 1px 0 0 -26px;
}
.hero-content-link-color a {
    font-size: 1.5625rem;
    margin-left: 1.6rem;
}
/**
* Hero Content Counter Color 
*/ 
.color-violet .hero-content-text-black .et_pb_number_counter {
    background: var(--color-violet);
}	
.color-darkred .hero-content-text-black .et_pb_number_counter {
    background: var(--color-darkred);
}	
.color-orange .hero-content-text-black .et_pb_number_counter {
    background: var(--color-orange);
}	
.color-pink .hero-content-text-black .et_pb_number_counter {
    background: var(--color-pink);
}	
.color-turquoise .hero-content-text-black .et_pb_number_counter {
    background: var(--color-turquoise);
}	
.color-lightred .hero-content-text-black .et_pb_number_counter {
    background: var(--color-lightred);
}	


/**
* Hero Content Content-Link Color 
*/ 
.color-violet .hero-content-link a::before,
.color-violet .hero-content-link-color a::before {
	content: url(./icons/icon-arrow-violet.svg);
}
.color-darkred .hero-content-link a::before,
.color-darkred .hero-content-link-color a::before {
	content: url(./icons/icon-arrow-darkred.svg);
}
.color-orange .hero-content-link a::before,
.color-orange .hero-content-link-color a::before {
	content: url(./icons/icon-arrow-orange.svg);
}
.color-pink .hero-content-link a::before,
.color-pink .hero-content-link-color a::before {
	content: url(./icons/icon-arrow-pink.svg);
}
.color-turquoise .hero-content-link a::before,
.color-turquoise .hero-content-link--color a::before {
	content: url(./icons/icon-arrow-turquoise.svg);
}
.color-lightred .hero-content-link a::before,
.color-lightred .hero-content-link--color a::before {
	content: url(./icons/icon-arrow-lightred.svg);
}

/**
* Hero Content Content-Link Color  Services
*/ 
.hero-section-services .hero-content-link.color-white a {
	color: var(--color-white);
}

.hero-section-services .hero-content-link.color-white a::before {
	content: url(./icons/icon-arrow-white.svg);
}
.hero-section-services .et_pb_module.version-4-seo .hero-content-link a {
    margin-left: 1.5rem;
    font-size: 1.3rem;
}

@media (max-width: 980px) {
    .hero-section-services .hero-content-link a {
        font-size: 1.25rem;
    }
    .hero-section-services .et_pb_module.version-4-seo .hero-content-link a {
        font-size: 1.1rem;
    }
}

/**
* Hero Content Content-List Color 
*/ 
.color-violet .hero-content-list ol li::before { 
	background: var(--color-violet);
}
.color-darkred .hero-content-list ol li::before { 
	background: var(--color-darkred);
}
.color-orange .hero-content-list ol li::before { 
	background: var(--color-orange);
}
.color-pink .hero-content-list ol li::before { 
	background: var(--color-pink);
}
.color-turquoise .hero-content-list ol li::before { 
	background: var(--color-turquoise);
}
.color-lightred .hero-content-list ol li::before { 
	background: var(--color-lightred);
}


/**
* Hero Content Arrow-Up Color 
*/ 
.color-violet .hero-content-text::before {
	content: url(./icons/icon-arrow-up-violet.svg);
}
.color-darkred .hero-content-text::before {
	content: url(./icons/icon-arrow-up-darkred.svg);
}
.color-orange .hero-content-text::before {
	content: url(./icons/icon-arrow-up-orange.svg);
}
.color-pink .hero-content-text::before {
	content: url(./icons/icon-arrow-up-pink.svg);
}
.color-turquoise .hero-content-text::before {
	content: url(./icons/icon-arrow-up-turquoise.svg);
}
.color-lightred .hero-content-text::before {
	content: url(./icons/icon-arrow-up-lightred.svg);
}

/** No Arrow*/
.hero-content-text.no-arrow::before {
    content: unset !important;
}

/**
* Hero Content Text Color 
*/ 
.hero-content-row.color-violet .hero-content-text,
.hero-content-row.color-violet .hero-content-text p,
.hero-content-row.color-violet .hero-content-link,
.hero-content-row.color-violet .hero-content-link p {
	color: var(--color-violet);
}
.hero-content-row.color-darkred .hero-content-text,
.hero-content-row.color-darkred .hero-content-text p,
.hero-content-row.color-darkred .hero-content-link,
.hero-content-row.color-darkred .hero-content-link p  {
	color: var(--color-darkred);
}
.hero-content-row.color-orange .hero-content-text,
.hero-content-row.color-orange .hero-content-text p,
.hero-content-row.color-orange .hero-content-link,  
.hero-content-row.color-orange .hero-content-link p  {
	color: var(--color-orange);
}
.hero-content-row.color-pink .hero-content-text,
.hero-content-row.color-pink .hero-content-text p,
.hero-content-row.color-pink .hero-content-link,
.hero-content-row.color-pink .hero-content-link p {
	color: var(--color-pink);
}
.hero-content-row.color-turquoise .hero-content-text,
.hero-content-row.color-turquoise .hero-content-text p,
.hero-content-row.color-turquoise .hero-content-link, 
.hero-content-row.color-turquoise .hero-content-link p {
	color: var(--color-turquoise);
}
.hero-content-row.color-lightred .hero-content-text,
.hero-content-row.color-lightred .hero-content-text p,
.hero-content-row.color-lightred .hero-content-link, 
.hero-content-row.color-lightred .hero-content-link p {
	color: var(--color-lightred);
}

@media (max-width: 980px) {
    .hero-content-row {
        margin-left: auto;
        margin-right: auto;
        width: 100%;
    }
    /* .hero-content-row .et_pb_column {
        padding-left: 6%;
        padding-right: 6%;
    } */

    .hero-content-image.et_pb_image {
        margin: 0 0 0 -20%;
    }
    .hero-content-row.image-right .hero-content-image.et_pb_image {
        margin: 0 0 0 5%;
    }
    .hero-content-headline h1,
    .hero-content-headline h2 {
        font-size: 2.2rem;
    }
    .hero-content-image-text h3 {
        font-size: 4rem;
        font-size: 15vw;
        line-height: 2.6rem;
    }
    .hero-content-image-text .h3-small {
        font-size: 2.1rem;
        margin-left: 2.5rem;
    }

    .hero-content-image-text h3.h3-version-2 {
        font-size: 3.804rem;
        line-height: 2.2rem;
    }
        
    .hero-content-image-text h3.h3-version-3 {
        font-size: 2.8rem;
        line-height: 2.6rem;
    }


    .hero-content-row.image-right .hero-content-image-text {
        padding: 51% 0 0;
        margin-left: 3.75rem;
    }
    .hero-content-image-text.hero-content-image-text-1  {
        margin-left: -2rem;
    }

    .hero-content-row.image-right .hero-content-image-text-2 {
        padding: 57% 0 0;
        margin-left: 0.75rem;
    }
    .hero-content-image-text.hero-content-image-text-2 h3 {
        font-size: 3.9rem;
        font-size: 13vw;
        line-height: 1.0;
        margin-left: 1.5rem;
        margin-top: -1rem;
        padding-top: 0;
    }
    .hero-content-image-text.hero-content-image-text-2 .h3-small {
        font-size: 1.6rem;
        font-size: 6.6vw;
        margin-left: -0.5rem;
        margin-top: 1rem;
        display: inline-block;
        line-height: 1;
    }

    .hero-content-row.image-right .hero-content-image-text-4 {
        padding: 60% 0 0;
        margin-left: 1.5rem;
    }
    .hero-content-image-text.hero-content-image-text-4 h3 {
        font-size: 2.9rem;
        line-height: 1.6rem;
        margin-left: 1.5rem;
        margin-top: -1rem;
        padding-top: 0;
    }
    .hero-content-image-text.hero-content-image-text-4 h3.h3-version-2 {
        font-size: 3.204rem;
        line-height: 2.2rem;
        margin-left: 0;
        margin-top: 0;
    }

    .hero-content-text {
        font-size: 1.125rem;
        line-height: 1.6rem;
        max-width: 60vw !important;
    }
    .hero-content-row-jobs .hero-content-text,
    .hero-content-row-imprint .hero-content-text,
    .hero-content-row-privacy .hero-content-text {
        max-width: 70vw !important;
    }
    /* .hero-content-row.image-left .hero-content-text {
        margin-left: 13% !important;
        max-width: 70vw !important;
    }
    .hero-content-row.image-right .hero-content-text {
        margin-left: 13% !important;
        max-width: 70vw !important;
    } */
    .hero-content-text-black {
        font-size: 1.125rem;
        line-height: 1.8rem;
        margin-left: 0;
    }
    .hero-content-link a, 
    .hero-content-link-color a {
        font-size: 1.5625rem;
        margin-left: 2rem;
    }
    .hero-content-list ol li {
        margin-left: 3rem;
        margin-bottom: 1.5rem;
        font-size: 1.3625rem;
        line-height: 1.6125rem;
    }
    .hero-content-list ol li:before {
        margin-right: 1rem;
        margin-left: -3rem;
        margin-top: -0.25rem;
        width: 2rem;
        height: 2rem;
        font-size: 1.345rem;
        line-height: 2.05rem;
    }
    .hero-content-list ol li .small {
        font-size: 1.15rem;
        margin-top: 0.025rem;
        display: inline-block;
        line-height: 1.4rem;
    }


    /** Version 4 */
    .hero-content-image-text h3.h3-version-4 {
        font-size: 3.8rem;
        line-height: 3.6rem;
        margin-left: 18%;
        margin-top: 2vw;
    }
    .hero-content-image-text h3.h3-version-5 {
        font-size: 5.125rem;
        line-height: 4.6rem;
        margin-left: 0px;
        margin-top: -9rem;
    }
    .hero-content-image-text h3.h3-version-6 {
        font-size: 5.125rem;
        line-height: 4.6rem;
        margin-left: 0;
        margin-top: 0px;
        margin-right: 1rem;
    }
    /* .et_pb_code .hero-content-text::before {
        margin: 7px 0 0 -10px;
    }*/

    /** Counter */
    .hero-content-text-black .et_pb_number_counter {
        margin-right: 1rem;
        margin-left: 0rem;
        margin-top: 0rem;
        width: 3rem;
        height: 3rem;
        font-size: 1.345rem;
        line-height: 3.05rem;
    }
} 

@media (max-width: 480px) {
    .hero-content-headline h1, 
    .hero-content-headline h2 {
        font-size: 2.0rem;
    }
}

@media (max-width: 380px) {
    .hero-content-link a, 
    .hero-content-link-color a {
        margin-left: 3rem;
        display: inline-block;
    }
    .hero-content-headline h1, 
    .hero-content-headline h2 {
        font-size: 1.8rem;
    }
    .hero-content-image-text.hero-content-image-text-4 h3.h3-version-2 {
        font-size: 3.00rem;
        line-height: 2.2rem;
        margin-left: 0;
        margin-top: 0;
    }
    .hero-content-image-text h3.h3-version-3 {
        font-size: 2.6rem;
        line-height: 2.6rem;
    }
    .hero-content-image-text h3.h3-version-4 {
        font-size: 3.2rem;
        line-height: 3.2rem;
    }
    .hero-content-image-text h3.h3-version-5 {
        font-size: 4.125rem;
        line-height: 3.6rem;
    }
}
@media (max-width: 320px) {
    .hero-content-headline h1, 
    .hero-content-headline h2 {
        font-size: 1.6rem;
    }
    .hero-content-text-black strong {
        font-size: 1.4rem;
        line-height: 1.4rem;
    }
    .hero-content-image-text.hero-content-image-text-4 h3.h3-version-2 {
        font-size: 2.8rem;
        margin-left: -2px;
    }
    .hero-content-image-text h3.h3-version-3 {
        font-size: 2.3rem;
        line-height: 2.4rem;
    }
    .hero-content-image-text h3.h3-version-4 {
        font-size: 2.8rem;
        line-height: 2.8rem;
        margin-left: 25%;
        margin-top: 5vw;
    }
    .hero-content-image-text h3.h3-version-5 {
        font-size: 3.525rem;
        line-height: 3.6rem;
    }
    .hero-content-image-text h3.h3-version-6 {
        font-size: 3.625rem;
    }
    
    .et_pb_column.hero-content-right,
    .et_pb_column.hero-content-left {
        padding-left: 0px;
        padding-right: 0px;
        max-width: 80vw;
    }

    #main-content .et_pb_section .et_pb_row, 
    #main-content .et_pb_section .et_pb_row_1.et_pb_row, 
    #main-content .et_pb_section .et_pb_row_2.et_pb_row, 
    #main-content .et_pb_section .et_pb_row_3.et_pb_row, 
    #main-content .et_pb_section .et_pb_row_4.et_pb_row, 
    #main-content .et_pb_section .et_pb_row_5.et_pb_row, 
    #main-content .et_pb_section .et_pb_row_6.et_pb_row, 
    #main-content .et_pb_section .et_pb_row_7.et_pb_row, 
    #main-content .et_pb_section .et_pb_row_8.et_pb_row {
        padding-right: 0px !important;
        padding-left: 0px !important;
    }
    .hero-content-row,
    .hero-content-row.image-left,
    .hero-content-row.image-right {
        border: 0 !important;
    }
    .hero-content-row.animated-borders {
        display: none;
    }


}