.omr-img .img-inner {
	max-width: 110px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
}
.home-header-imgs,
.home-header-imgs * {
    transform: none !important;
    filter: none !important;
    will-change: auto !important;
}

.google-badge {
	display: flex;
	flex-direction: column;
	align-items: center;
	background: white;
    border-radius: 10px;
	width: 135px;
    padding: 10px;
}

.google-badge__logo {
	width: 22px;
	height: 22px;
	flex: none;
}

.google-badge__content {
	display: flex;
	flex-direction: column;
	gap: 3px;
}

.google-badge__title {
	font-size: 12px;
	font-weight: 700;
	color: black;
	display: flex;
	justify-content: center;
	gap: 2px;
	margin-bottom: 5px;
}

.google-badge__rating {
	display: flex;
	align-items: center;
	gap: 5px;
	font-size: 18px;
	font-weight: 700;
	color: black;
	line-height: 0;
}

.google-badge__stars {
	display: flex;
}

.google-badge__stars img {
	width: 18px;
	height: 18px;
}

.google-badge__reviews {
	text-align: center;
	text-wrap: nowrap;
	font-weight: 600;
	color: rgb(25, 123, 255);
	font-size: 11px;
	line-height: 16px;
}

.google-badge__verified {
	width: 12px;
	height: 12px;
	position: relative;
	display: flex;
	cursor: default;
}

.google-badge__tooltip {
	position: absolute;
	bottom: calc(100% + 8px);
	left: 50%;
	transform: translateX(-50%);

	max-width: 300px;
	padding: 6px 8px;
	border-radius: 4px;

	background: #111;
	color: #fff;

	font-size: 13px;
	font-weight: normal;
	line-height: 1.33;
	text-align: center;
	white-space: nowrap;

	box-shadow: 0 4px 12px rgba(0,0,0,.3);

	opacity: 0;
	visibility: hidden;
	pointer-events: none;

	z-index: 2100000000;
	will-change: opacity, transform;
	transition: opacity 200ms ease-out,
	transform 200ms ease-out,
	visibility 200ms ease-out;
	-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

.google-badge__tooltip::after {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	transform: translateX(-50%);
	border: 6px solid transparent;
	border-top-color: #111;
}

.google-badge__verified:hover .google-badge__tooltip,
.google-badge__verified:focus-within .google-badge__tooltip {
	opacity: 1;
	visibility: visible;
	transform: translateX(-50%) translateY(-2px);
}
/* NEW NEW HOME */
.unternehmen-stack {
	flex-wrap: wrap;
	justify-content: center;
	gap: 20px 60px;
}
.unternehmen-stack > .img {
	flex: 0 0 100px;
    width: 100px !important;
}
.home #wrapper .clients-logo-sec h2 {
	font-size: 1.6em;
}
#header .trustpilot-widget {
	margin: 0;
	height: 15px;
}
#header .header-nav.header-nav-main.nav-left .html.custom.html_topbar_left, #header .mobile-nav.nav.nav-left .html.custom.html_topbar_left {
	width: 500px;
}
#header .trustpilot-widget {
	max-width: 500px;
}
#header .trustpilot-widget iframe {
	height: 50px;
	overflow: visible;
}
.home .es-badge-label {
	font-size: 12px;
}
.home .es-badge-reviews-count {
	font-size: 11px;
}
.home .es-card-badge-container {
	width: 135px;
	padding: 10px 20px 10px;
}
.home .es-rating-value {
	font-size: 18px;
}
.home .es-rating-item svg, .home .es-rating-stars-item-filled, .home .es-rating-stars-item-unfilled {
    width: 17px !important;
    height: 17px !important;
}
.home .es-source-image, .home .elfsight-app-130c2af5-7219-4645-995a-a4bac1cae6aa .es-source-image svg {
    width: 22px !important;
    height: 22px !important;
}

.home .es-badge-rating {
	gap: 4px;
}
.home .es-badge-rating-container, .home-header-imgs .es-card-badge-container {
	gap: 0;
}
.home .elfsight-widget {
	margin-top: 30px;
}
.home .elfsight-widget > div {
	width: 135px;
}
.home-header-sec {
	position: relative;
	overflow: hidden;
	background: #12272b !important;
}

/* Continuous gradient over both background and images */
.home-header-sec .section-content::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 2;
	pointer-events: none;
	background: linear-gradient(
		90deg,
		rgba(18, 39, 43, .98) 0%,
		rgba(24, 52, 48, .92) 50%,
		rgba(55, 98, 82, .6) 100%
	);
}

/* UX Builder content above overlay */
.home-header-sec .section-content > .row {
	position: relative;
	z-index: 3;
}

/* Animated image area */
.tzn-hero-bg-marquee {
	position: absolute;
	inset: 0 0 0 auto;
	width: 600px;
	height: 100%;
	display: flex;
	align-items: stretch;
	gap: 0px 15px;
	padding: 0;
	margin: 0;
	overflow: hidden;
	background: transparent !important;
	z-index: 1;
	pointer-events: none;
	right: 5%;
    transform: translateX(-5%);
}

.tzn-bg-col {
	position: relative;
	flex: 1 1 0;
	min-width: 0;
	height: 100%;
	overflow: hidden;
}

.tzn-bg-track {
	display: flex;
	flex-direction: column;
	gap: 20px 0px;
	width: 100%;
	will-change: transform;
}

.tzn-bg-track picture,
.tzn-bg-track img {
	display: block;
	width: 100%;
	max-width: none;
	height: auto;
	margin: 0;
}

.tzn-bg-track {
	display: flex;
	flex-direction: column;
	will-change: transform;
	gap: 20px 0px;
}

.tzn-bg-track img {
	width: 100%;
	display: block;
}

.tzn-bg-col {
	overflow: hidden;
}

.tzn-bg-track {
	animation-duration: var(--tzn-bg-speed, 40s);
	animation-timing-function: linear;
	animation-iteration-count: infinite;
	will-change: transform;
}

.tzn-bg-track--up {
	animation-name: tzn-bg-scroll-up;
}

.tzn-bg-track--down {
	animation-name: tzn-bg-scroll-down;
}

@keyframes tzn-bg-scroll-up {
	from {
		transform: translateY(0);
	}

	to {
		transform: translateY(-50%);
	}
}

@keyframes tzn-bg-scroll-down {
	from {
		transform: translateY(-50%);
	}

	to {
		transform: translateY(0);
	}
}
.home-header-sec h1{
	font-size: 45px;
	line-height: 1.5;
}
#wrapper .header-btn-text-col {
	max-width: 500px;
	text-align: center;
}
.header-btn-text-col .button {
	margin-right: 0;
}
.header-btn-text-col p {
	font-size: 14px;
	font-style: italic;
	margin-top: 5px;
	letter-spacing: 0.4px;
}
.bring-text h2 {
	font-size: 30px;
	font-weight: 600;
	font-family: var(--heading-font);
	margin-bottom: 0;
	line-height: 1.5;
}
.bring-text h2 span {
	color: #00C6C0;
}
.tzn-gradient-sec {
	background: linear-gradient(
		to left,
		rgba(55, 98, 82, 0.8),
		rgba(18, 39, 43, 0.8)
	);
}
.tzn-gradient-sec2 {
	background: linear-gradient(
		to left,
		rgba(55, 98, 82, 1),
		rgba(18, 39, 43, 1)
	);
}
.tzn-gradient-sec2 .video > p {
	margin: 0;
}
.tzn-gradient-sec2 .video {
	border: 3px solid #fff;
    padding-top: calc(56.25% - 3px) !important;
    box-sizing: border-box;
    overflow: hidden;
}
.tzn-gradient-sec2 h2 {
	font-size: 40px;
}
.tzn-gradient-sec2 h2 span {
	font-weight: normal;
}
.projekte-btn-col .col-inner {
	display: flex;
	flex-direction: column;
	align-items: center;
}
#wrapper .projekte-btn-col .primary.is-link {
	border-bottom: 0 !important;
}
.tzn-project-steps {
	max-width: 640px;
	margin: 0 auto;
}

.tzn-project-step {
	position: relative;
	display: flex;
	gap: 20px;
	padding: 22px 56px 22px 28px;
	margin-bottom: 40px;
	border: 2px solid #111;
	border-radius: 12px;
	background: #fff;
	cursor: pointer;
	transition: border-color .25s, background-color .25s;
}
.tzn-project-step:not(:last-child):after {
	content: url(https://tzn-digital.com/wp-content/uploads/2026/07/Group-61625.svg);
	display: block;
	height: 40px;
	position: absolute;
	bottom: -42px;
	left: 50%;
	transform: translateX(-50%);
}
.tzn-project-step:last-child {
	margin-bottom: 5px;
	
}

.tzn-project-step.is-active {
	border-color: #37C7C3;
}

.tzn-project-step:not(.is-active):hover {
	background: #DDF8F7;
}

.tzn-project-step-next {
	border-style: dashed;
}

.tzn-step-badge {
	width: 55px;
	height: 55px;
	flex: 0 0 55px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #000;
	border-radius: 8px;
	color: #fff;
}

.tzn-project-step.is-active .tzn-step-badge {
	background: #00C6C0;
}

.tzn-project-step:first-child span {
	font-size: 14px;
}

.tzn-project-step:last-child span {
	font-size: 16px;
}

.tzn-step-badge span {
	display: block;
	font-family: var(--heading-font);
	font-weight: 900;
	font-size: 33px;
	text-align: center;
}


.tzn-step-content {
	flex: 1;
}

.tzn-step-label {
	font-size: 12px;
	font-weight: normal;
	font-family: var(--heading-font);
	text-transform: uppercase;
	color: #6B7280;
	margin-bottom: 0;
}

.tzn-step-content h3 {
	margin: 0;
	font-size: 22px;
	line-height: 1.45;
	color: #020202;
}

.tzn-step-sub {
	margin: 0;
	color: #6B7280;
	font-size: 12px;
}

.tzn-step-text {
	overflow: hidden;
	height: 0;
	opacity: 0;
	margin-top: 0;
}

.tzn-step-text p {
	margin: 0;
	font-size: 16px;
	line-height: 1.8;
	color: #020202;
}

.tzn-step-toggle {
	position: absolute;
	top: 24px;
	right: 24px;
	width: 22px;
	height: 22px;
}

.tzn-step-toggle img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	transition: opacity .25s, transform .3s;
}

.tzn-toggle-close {
	opacity: 0;
	transform: rotate(-90deg);
}

.tzn-project-step.is-active .tzn-toggle-plus {
	opacity: 0;
	transform: rotate(90deg);
}

.tzn-project-step.is-active .tzn-toggle-close {
	opacity: 1;
	transform: rotate(0deg);
}
.starte-projekt-col p {
	font-size: 30px;
	line-height: 1.5;
	margin-bottom: 0px;
	font-family: var(--heading-font);
	font-weight: bold;
}
.starte-projekt-col + .col {
	padding-bottom: 0;
}
.starte-projekt-col + .col .button {
	font-size: 20px;
}
.starte-projekt-col + .col .button + p {
	margin-bottom: 0;
}
.vertrauen-col .col-inner .text p {
	font-weight: 600;
}
.vertrauen-col .col-inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.vertrauen-col .stack .img:first-child {
	max-width: 130px;
}
.vertrauen-col .stack .img:nth-child(2) {
	max-width: 95px;
}
.vertrauen-col .stack .img:nth-child(3) {
	max-width: 110px;
}
.vertrauen-col .stack .img:nth-child(4) {
	max-width: 100px;
}
.vertrauen-col .stack .img:nth-child(5) {
	max-width: 105px;
}
.vertrauen-col .stack .img:nth-child(6) {
	max-width: 40px;
}
.vertrauen-col .stack .img:nth-child(7) {
	max-width: 80px;
}
.vertrauen-col .stack .img:nth-child(8) {
	max-width: 60px;
}


/* NEW NEW HOME */
/* NEW HOME */
.home-header-sec h1 + p {
	font-size: 20px;
}
.home-header-sec .icon-box-text p {
	font-size: 17px;
	line-height: 1.8;
}
.home-header-imgs .col {
	position: absolute;
	bottom: 60px;
	right: 0;
	padding: 0;
	max-width: 135px;
}
.home-header-imgs .img {
	max-width: 135px;
	margin-bottom: 0 !important;
}
#wrapper .home-header-sec .button.primary {
	font-size: 20px;
}
.partner-icons-col .col-inner {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: space-between;
}
.partner-txt p {
	font-weight: 600;
	text-transform: uppercase;
	margin-bottom: 0;
	font-family: var(--heading-font);
	letter-spacing: 1px;
}
.partner-team-col .col-inner {
	display: flex;
	align-items: center;
	justify-content: flex-end;
}
.partner-team-col .tzn-team-stack .img {
	max-width: 70px;
}
.partner-team-col .tzn-team-stack .img+.img, .home-ansprache-sec .tzn-team-stack .img+.img, .new-roadmap-sec .tzn-team-stack .img+.img {
	margin: 0 0 0 -20px !important;
}
.partner-team-col p {
	font-size: 15px;
	font-style: italic;
	margin-right: 15px;
}
.home #wrapper .tzn-team-row .team-row-1, .home #wrapper .tzn-team-row .team-row-2, .home #wrapper .tzn-team-row .team-row-3 {
	margin: 0;
}
.home #wrapper .tzn-team-row > .col .col {
	width: 20%;
	flex-basis: 20%;
}
.tzn-services-col {
	max-width: 635px;
}
.tzn-services-col .icon-box {
	width: fit-content;
	flex-wrap: nowrap;
	white-space: nowrap;
}
#wrapper .tzn-services-col .icon-box-text {
	padding-left: 8px;
}
.tzn-services-col .icon-box p {
	margin: 0;
}
.tzn-services-col .icon-box img {
	padding-top: 0;
}
.new-partners-stack {
	max-width: 460px;
	margin-left: auto;
}
.new-partners-stack > div:first-child, .new-partners-stack > div:first-child .img-inner {
	width: 90px;
}
.new-partners-stack > div:nth-child(2), .new-partners-stack > div:nth-child(2) .img-inner {
	width: 94px;
}
.new-partners-stack > div:nth-child(3), .new-partners-stack > div:nth-child(3) .img-inner {
	width: 42px;
}
.new-partners-stack > div:nth-child(4), .new-partners-stack > div:nth-child(4) .img-inner {
	width: 40px;
}
.new-partners-stack > div:nth-child(5), .new-partners-stack > div:nth-child(5) .img-inner {
	width: 66px;
}
.business-growth-row {
	margin-bottom: 10px;
}
.business-growth-row h3 {
	font-size: 22px;
	margin-bottom: 0;
	font-weight: 600;
}
.business-growth-row .icon-box-img {
	margin-bottom: 0;
}
.business-growth-row p {
	font-size: 15px;
	color: #1E2B31;
}
.learning-text p {
	font-size: 24px;
	font-weight: 700;
	margin-bottom: 20px;
}
.our-mission-text .video {
	max-width: 880px;
}
.home-ansprache-sec .icon-box-img {
	margin-bottom: 0px;
}
.home-ansprache-sec .trustpilot-widget {
	margin-top: 60px;
}
.home-ansprache-sec .tzn-team-stack {
	margin-bottom: 30px;
}
#wrapper .home-ansprache-sec .button.primary {
	font-size: 20px;
}

.so-gehen-row h2.blackbox {
	font-size: 40px;
	margin-bottom: 30px;
}
.so-gehen-row h3 {
	font-size: 22px;
}
.so-gehen-row h3 + p {
	color: black;
}
.projekt-mit-text {
	font-size: 40px;
	font-weight: 600;
	margin-top: 40px;
	font-family: var(--heading-font);
	margin-bottom: 20px;
	line-height: 1.5;
}
.projekt-mit-text + p {
	font-size: 24px;
	font-family: var(--heading-font);
}
.projekt-mit-row .button + p {
	margin-top: 10px;
}
.our-mission-text p {
	font-size: 31px;
	font-weight: 600;
	font-family: var(--heading-font);
}
.our-mission-text p strong {
	font-weight: 600;
}
.our-mission-text p strong {
	color: #FF9D2E;
}
.colored-partners-stack {
	max-width: 460px;
	margin-left: auto;
	margin-right: auto;
}
.colored-partners-stack > div:first-child, .colored-partners-stack > div:first-child .img-inner {
	width: 108px;
}
.colored-partners-stack > div:nth-child(2), .colored-partners-stack > div:nth-child(2) .img-inner {
	width: 120px;
}
.colored-partners-stack > div:nth-child(3), .colored-partners-stack > div:nth-child(3) .img-inner {
	width: 66px;
}
.colored-partners-stack > div:nth-child(5), .colored-partners-stack > div:nth-child(4) .img-inner {
	width: 100px;
}
.tzn-italic-txt {
	font-style: italic;
	font-weight: normal;
	margin-left: 20px;
	margin-top: 5px;
}
.home #wrapper .pros-cons-sec {
	padding-top: 60px;
	padding-bottom: 60px;
}
.home #wrapper .pros-cons-sec h2 {
	font-size: 40px;
	margin-bottom: 30px;
}
.home .pros-cons-heading-col {
	padding-bottom: 0;
}
.home #wrapper .pros-cons-sec .trustpilot-widget {
	margin-bottom: 40px;
}
#wrapper .pros-cons-row {
	align-items: stretch !important;
}
.pros-cons-row > .cons-col > .col-inner,
.pros-cons-row > .pros-col > .col-inner {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
}
#wrapper .pros-cons-heading-col p {
	font-size: 20px;
	font-weight: 600;
	font-family: var(--heading-font);
	letter-spacing: 1.6px;
	margin-bottom: 20px;
}
#wrapper .pros-cons-sec .cons-col {
	padding-right: 15px;
}
#wrapper .pros-cons-sec .pros-col {
	padding-left: 15px;
}
#wrapper .pros-cons-sec .pros-col > .col-inner {
	box-shadow: 0 10px 10px rgba(0, 0, 0, 0.15);
}
#wrapper .pros-col-imgs-row {
	position: absolute;
    top: -50px;
    right: -50px;
    margin: 0;
}
.pros-col-imgs-row .col-inner {
	display: flex;
	align-items: center;
	justify-content: center;
}
#wrapper .pros-col-imgs-row .img {
	max-width: 100px;
	margin: 0;
}
#wrapper .pros-col-imgs-row .col-inner .img:first-child {
	margin-right: -30px;
}
#wrapper .pros-cons-sec h2 {
	font-size: 48px;
}
#wrapper .pros-cons-sec h2 u {
	letter-spacing: 1.44px;
	font-weight: normal;
}
#wrapper .pros-cons-sec .trustpilot-widget {
	margin-bottom: 50px;
}
#wrapper .pros-cons-sec .pros-col > .col-inner {
	border: 2px solid #00C6C0;
	border-radius: 20px !important;
}
#wrapper .pros-cons-sec .cons-col > .col-inner {
	border: 2px solid #FECACA;
	border-radius: 20px !important;
}
#wrapper .pros-cons-sec .cons-col .icon-box+.icon-box, #wrapper .pros-cons-sec .pros-col .icon-box+.icon-box {
	margin-top: 10px;
}
#wrapper .pros-cons-sec .cons-col .col-inner:after {
	content: none;
}
.home #wrapper .cons-col h3, .home #wrapper .pros-col h3 {
	font-size: 20px;
	color: black;
}
#wrapper .pros-cons-img-stack {
	margin-left: -10px;
}
.pros-cons-img-stack .img:first-child {
	max-width: 115px;
}
.pros-cons-img-stack .img:nth-child(2) {
	max-width: 55px;
}
.pros-cons-img-stack .img:nth-child(3) {
	max-width: 100px;
}
.pros-cons-btn-imgs .col-inner {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.pros-cons-btn-imgs .button {
	margin-right: 0 !important;
	margin-bottom: 30px;
}
#wrapper .home-new-pc-sec .cons-col .icon-box:not(.warning-box) .icon-box-img {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 20px !important;
	height: 20px !important;
}
.home #wrapper .home-new-pc-sec .icon-box .icon-box-text {
	padding-left: 10px;
	color: black;
}
.home .pros-cons-sec .button.primary {
	font-size: 20px;
}
#wrapper .home-new-pc-sec .pros-col .icon-box:not(.success-box) .icon-box-img {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 24px !important;
	height: 24px !important;
}
#wrapper .kunden-zusamm-sec {
	padding-bottom: 70px;
}
.kunden-zusamm-sec h3 {
	font-size: 48px;
	letter-spacing: 1.92px;
}
.home #wrapper .reiews-stack-btn-col .button {
	margin-top: 50px;
	margin-bottom: 5px;
	font-size: 20px;
}
#wrapper .new-roadmap-sec {
	padding-top: 70px;
	padding-bottom: 10px;
}
#wrapper .new-roadmap-sec .button {
	margin-bottom: 5px;
	margin-top: 10px;
}
.reiews-stack-btn-col .button + .text p, #wrapper .new-roadmap-sec .button + .text p, #wrapper .new-roadmap-sec .button + p, .projekt-mit-row .button + p {
	font-style: italic;
	letter-spacing: 0.6px;
	color: black;
}
#wrapper .sagen-kunden-sec h2 {
	font-size: 40px;
	line-height: 1.375;
	margin-bottom: 20px;
	color: #020202;
}
#wrapper .sagen-kunden-sec .trustpilot-widget {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 340px;
}
.new-roadmap-sec h2.blackbox {
	font-size: 40px;
}

#wrapper .home-gallery-slider {
	margin-left: auto;
	margin-right: auto;
}
#wrapper .home-gallery-slider-col .slick-slide {
    margin: 0 5px;
}
.home-slider-section {
	overflow-x: clip;
}
.home-slider-section h2 {
	font-size: 40px;
	font-weight: 600;
	margin-bottom: 25px;
}
.home-gallery-slider {
	width: 100vw;
	max-width: none !important;
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
}

.home-gallery-slider .flickity-viewport {
	overflow: hidden !important;
}

#wrapper .home-gallery-slider .gallery-col {
	width: 17.5% !important;
	max-width: 17.5% !important;
	flex-basis: 17.5% !important;
	padding: 0 8px;
}
#wrapper .es-load-more-button-container .es-button-base-container.es-load-more-button {
	background-color: transparent !important;
	border: none !important;
}
#wrapper .es-load-more-button-container .es-button-base-container.es-load-more-button span {
	background-color: white !important;
	color: black !important;
	border-radius: 5px !important;
}
#wrapper .es-background-container > div {
	background-color: transparent !important;
}
#roadmap .step {
	background: var(--primary-color);
}
#roadmap.style-home .step:before, #roadmap.style-home .step:after, #roadmap .text-box {
	border-color: var(--primary-color);
}
#wrapper .tzn-unterst-sec {
	padding-top: 60px;
	padding-bottom: 70px;
}
#wrapper .tzn-unterst-sec .icon-box-img {
	height: 55px;
	display: flex;
	align-items: flex-end;
}
#wrapper .tzn-unterst-sec h2 {
	font-size: 33px;
	color: #020202;
	line-height: 1.45;
	margin-bottom: 0;
}
#wrapper .home-team-sec .stack .text p {
	font-size: 14px;
}
#wrapper .home-team-sec .button {
	font-size: 16px;
}
#wrapper .home-team-sec .tzn-team-title {
	font-size: 16px !important;
	color: #020202 !important;
	text-align: center;
	line-height: 1.2 !important;
	font-weight: 700;
	font-family: var(--heading-font);
	margin-bottom: .5em;
}
#wrapper .home-team-sec .tzn-team-title + p {
	font-size: 16px !important;
	color: #020202 !important;
	margin-bottom: 0 !important;
	text-align: center;
}
#wrapper .tzn-interessiert-section .img {
	margin-bottom: 0;
}
.tzn-interessiert-section h2 {
	font-size: 30px;
	line-height: 1.3;
	margin-bottom: 10px;
}
.tzn-interessiert-section h2 + p {
	font-size: 18px;
}
.tzn-interessiert-section .button {
	font-size: 16px;
}
.tzn-interessiert-section .row {
	background-color: #F7F7F5;
	border-radius: 25px;
}
.tzn-interessiert-section .row .col, .tzn-interessiert-section .row .col-inner {
	height: 100%;
	border-radius: 15px;
}
.tzn-interessiert-section .tzn-google-image {
	width: 135px !important;
}
#wrapper .wer-sind-wir-section {
	padding-bottom: 90px;
}
#wrapper .tzn-faq-sec {
	padding-bottom: 70px;
	padding-top: 70px;
}
#wrapper .tzn-faq-sec h2 {
	font-size: 1.6em;
}
.wer-sind-wir-section h2 {
	font-size: 25px;
	font-weight: 600;
	line-height: 42px;
}
.wer-sind-wir-section p {
	color: black;
}
.wer-sind-wir-section .button {
	font-size: 16px;
}
.home-google-img {
	margin-left: auto;
	margin-right: auto;
}
.wer-sind-wir-section .button {
	color: black !important;
}
.wer-sind-wir-section .button i {
	transform: translateZ(0);
	transition-duration: .1s;
	transition-property: transform;
	transition-timing-function: ease-out;
}
.wer-sind-wir-section .button:hover i{
	transform: translateX(4px);
}
.wer-sind-wir-section .trustpilot-widget {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	width: 340px;
	margin-top: 10px;
	margin-left: 0;
	margin-bottom: 0;
}
#wrapper .tzn-praxis-sec {
	padding-top: 80px;
	padding-bottom: 30px;
}

#wrapper .tzn-praxis-sec .button {
	font-size: 20px;
	margin-right: 0px;
}
#wrapper .tzn-praxis-sec .button + .button {
	font-size: 16px;
	margin-bottom: 0px;
	font-family: var(--heading-font) !important;
	font-weight: bold;
}
#wrapper .tzn-praxis-sec .button + .button i {
	margin-left: 8px;
}
.home .projekte-btn-col {
	padding-bottom: 15px;
}
.tzn-praxis-sec .accordion {
	counter-reset: accordion-counter;
}

.tzn-praxis-sec .accordion .accordion-item {
	counter-increment: accordion-counter;
}
.tzn-praxis-sec .accordion .accordion-item .accordion-inner p:last-child {
	margin-bottom: 0;
}
.tzn-praxis-sec .accordion .accordion-title {
	position: relative;
	display: flex;
	align-items: center;
	gap: 10px;
	color: black;
	font-weight: 900;
	background: transparent;
    border-top: none;
    border-bottom: 1px solid #E0E0E0;
	padding: .6em;
}

.tzn-praxis-sec .accordion .accordion-title .toggle {
	display: none;
}

.tzn-praxis-sec .accordion .accordion-title::before {
	content: counter(accordion-counter, decimal-leading-zero);
	color: #00C6C0;
	font-weight: 400;
	min-width: 26px;
}
.home .tzn-praxis-sec .accordion .accordion-title span {
	font-size: 17px;
}
.home .tzn-praxis-sec .accordion .accordion-inner p {
	font-size: 14px;
	color: #1E2B31;
}
.home .tzn-praxis-icons-col .icon-box + .icon-box {
	margin-top: 5px;
}
.home .tzn-praxis-icons-col .icon-box-text p {
	font-size: 18px;
	color: black;
}
.home .tzn-praxis-icons-col .icon-box-text {
	padding-left: 10px;
}
.home .tzn-praxis-icons-col .icon-box-img img {
	padding-top: 0;
}
#wrapper .tzn-praxis-icons-col {
	max-width: 550px;
}

.tzn-praxis-sec .accordion .accordion-title span {
	font-weight: 700;
}

.tzn-praxis-sec .accordion .accordion-title::after {
	content: url(https://tzn-digital.com/wp-content/uploads/2026/07/Icon-plus.svg);
	margin-left: auto;
	font-weight: 400;
	transition: transform 0.25s ease;
}

.tzn-praxis-sec .accordion .accordion-item .accordion-title.active::after {
	content: url(https://tzn-digital.com/wp-content/uploads/2026/07/Icon-minus.svg);
	transform: rotate(180deg);
}
.six-grunde-row h4 {
	font-size: 20px;
}
.six-grunde-row p {
	font-size: 15px;
	color: #1E2B31;
}
.six-grunde-row .col-inner {
	border-radius: 20px;
}
#wrapper .tzn-gesellschaft-sec {
	padding-bottom: 40px;
}
#wrapper .tzn-gesellschaft-sec .box-text {
	padding: 30px;
}
.cs-subheading {
	font-size: 13px;
}
.cs-subheading + h3 {
	font-size: 24px;
}
.tzn-gesellschaft-sec .box-text .box-text-inner {
	display: flex;
	gap: 10px;
}
.tzn-gesellschaft-sec .box-text .box-text-inner p {
	background-color: rgba(255, 255, 255, 0.3);
	border-radius: 21px;
	padding: 6px 8px;
	font-size: 12px;
	font-weight: 300;
	font-family: var(--heading-font);
}
.tzn-gesellschaft-sec h4 {
	font-size: 20px;
	font-weight: 600;
	margin-top: 15px;
}

.tzn-gesellschaft-sec h4 + p {
	font-size: 12px;
}

.tzn-gesellschaft-sec .blackbox {
	background-color: white;
	color: black;
}
.home-footer-banner h2 {
	font-size: 40px;
	font-weight: bold;
	margin-bottom: 20px;
}
#wrapper .home-footer-banner .button {
	font-size: 16px;
}
.home-team-sec h2 {
	font-size: 40px;
	line-height: 1.4;
}
.home-team-sec h2 span {
	color: #00C6C0;
}
#wrapper .home-team-sec {
	padding-top: 80px;
}
.abspielen-col .trustpilot-widget {
	margin: 0;
	height: 20px;
}
.wachstum-text p {
	font-size: 24px;
	font-weight: normal;
	font-family: var(--heading-font);
}
 .home #wrapper .case-study-vid-col .case-study-perc-box p {
	font-size: 12px;
}
.home .case-study-vid-col .case-study-perc-box p span strong {
	font-size: 24px;
	font-family: var(--heading-font);
}
.home .home-case-study-col .col-inner {
	height: 100%;
}
.home .cs-subheading {
	font-size: 12px;
	margin-top: 30px;
	margin-bottom: 5px;
}
.home .cs-subheading + h3 {
	line-height: 1.4;
}
.home .tzn-faq-section h2 {
	font-size: 1.625rem;
    font-weight: 600;
    line-height: 1.38;
}
@media (min-width: 850px) {
	.abspielen-col > .col-inner {
		display: grid;
		grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr);
		grid-template-areas:
			"heading video"
			"button video"
			"note video"
			"trustpilot video";
		column-gap: 70px;
		align-items: center;
	}

	.abspielen-col > .col-inner > .text:first-child {
		grid-area: heading;
		align-self: end;
	}

	.abspielen-col > .col-inner > .button {
		grid-area: button;
		justify-self: start;
	}

	.abspielen-col > .col-inner > .text:nth-of-type(2) {
		grid-area: note;
	}

	.abspielen-col > .col-inner > .hide-for-medium {
		grid-area: trustpilot;
	}

	.abspielen-col > .col-inner > .video {
		grid-area: video;
		width: 100%;
		margin: 0;
	}
}
@media (max-width: 849px) {
	.omr-img .img-inner img {
		max-height: 90px;
	}
	.home-header-imgs .img {
		margin-left: 10px;
		top: 10px;
		max-width: 110px;
	}
	.tzn-project-step {
		padding: 18px 44px 18px 18px;
		gap: 14px;
	}

	.tzn-step-badge {
		width: 44px;
		height: 44px;
		flex: 0 0 44px;
	}
	.tzn-project-step:first-child span, .tzn-project-step:last-child span {
		font-size: 12px;
	}

	.tzn-step-badge span {
		font-size: 24px;
	}
	.tzn-step-content h3 {
		font-size: 18px;
	}

	.tzn-step-sub {
		font-size: 11px;
	}
	.home-header-sec .section-content::before {
		background: linear-gradient(
			to top,
			rgba(55, 98, 82, .75) 0%,
			rgba(30, 59, 56, 100) 50%,
			rgba(18, 39, 43, 100) 100%
		);
	}
	.tzn-hero-bg-marquee {
		width: 100%;
		right: 0;
		transform: unset;
	}
	.home-header-imgs {
		margin-bottom: 20px;
	}
	.home-header-sec h1 {
		font-size: 28px;
	}
	.home-header-sec h1 + p {
		font-size: 14px;
	}
	#wrapper .home-header-sec .button.primary {
		font-size: 14px;
	}
	.header-btn-text-col .col-inner {
		display: flex;
        flex-direction: column;
        max-width: 350px;
        align-items: center;
        margin-right: auto;
        margin-left: 0;
	}
	.header-btn-text-col p {
		font-size: 10px;
		margin-bottom: 0;
	}
	.home-header-imgs .col {
		position: relative;
		bottom: unset;
		max-width: 100%;
	}
	.home-header-imgs .col .col-inner {
		display: flex;
        flex-direction: row-reverse;
        align-items: center;
        justify-content: flex-end;
		padding-left: 15px;
	}
	.tzn-services-col .stack {
		flex-direction: column;
		align-items: flex-start;
	}
	.tzn-services-col {
		padding-bottom: 15px;
	}
	#wrapper .tzn-services-col .stack .icon-box {
		margin-left: 0 !important;
	}
	.home-header-sec .icon-box-text p {
		font-size: 14px;
		line-height: 2;
	}
	#wrapper .tzn-services-col .icon-box-img, #wrapper .tzn-services-col .icon-box-img * {
		width: 16px !important;
		height: 16px !important;
	}
	.partner-icons-col .col-inner {
		flex-direction: column;
		align-items: flex-start;
	}
	.partner-icons-col .stack {
		margin-top: 10px;
		flex-direction: row;
		gap: 10px;
	}
	.partner-icons-col .stack .img {
		margin-top: 0 !important;
	}
	.partner-icons-col .stack .img img {
		height: 50px;
	}
	.bring-text h2 {
		font-size: 23px;
		margin-bottom: 0;
	}
	.partner-team-col {
		padding-bottom: 20px;
	}
	.partner-team-col .col-inner {
		flex-direction: column;
		align-items: flex-start;
	}
	.partner-team-row > .col:first-child {
		padding-bottom: 10px;
	}
	.partner-team-col p {
		font-family: var(--heading-font);
		font-weight: 500;
		font-size: 12px;
		font-style: normal;
	}
	.business-growth-row {
		margin-bottom: 0;
	}
	.business-growth-row .col .col-inner {
		border-top: 1px solid #D3D3D3;
		padding-top: 10px;
		padding-bottom: 15px;
	}
	#wrapper .tzn-gradient-sec {
		margin-top: 5px;
		padding-bottom: 40px;
	}
	.business-growth-row .col {
		padding-bottom: 0;
	}
	.business-growth-row .icon-box {
		display: grid !important;
		grid-template-columns: 48px minmax(0, 1fr);
		grid-template-rows: auto auto;
		row-gap: 10px;
		align-items: start;
	}

	.business-growth-row .icon-box-img {
		grid-column: 1;
		grid-row: 1;
		width: 20px !important;
		margin: 4px 0 0 !important;
	}

	.business-growth-row .icon-box-text {
		display: contents !important;
	}

	.business-growth-row .icon-box-text h3 {
		font-size: 18px;
		grid-column: 2;
		grid-row: 1;
		margin-left: -15px;
	}

	.business-growth-row .icon-box-text p {
		font-size: 14px;
		grid-column: 1 / -1 !important;
		grid-row: 2;
		width: 100%;
		margin: 0 !important;
	}
	
	.vertrauen-col .col-inner {
		flex-direction: column;
	}
	.vertrauen-col .col-inner .text p {
		margin-bottom: 20px !important;
		font-family: var(--heading-font);
	}
	.vertrauen-col .col-inner .text p br {
		display: none;
	}
	.vertrauen-col .col-inner .stack {
		flex-wrap: wrap;
		gap: 20px 30px;
	}
	.vertrauen-col .stack .img {
		margin: 0 !important;
	}
	.vertrauen-col .stack .img:first-child {
		max-width: 64px;
		order: 1;
	}
	.vertrauen-col .stack .img:nth-child(2) {
		max-width: 78px;
		order: 2;
	}
	.vertrauen-col .stack .img:nth-child(3) {
		max-width: 52px;
		order: 3;
	}
	.vertrauen-col .stack .img:nth-child(4) {
		max-width: 75px;
		order: 4;
	}
	.vertrauen-col .stack .img:nth-child(5) {
		max-width: 73px;
		order: 5;
	}
	.vertrauen-col .stack .img:nth-child(6) {
		max-width: 36px;
		order: 8;
	}
	.vertrauen-col .stack .img:nth-child(7) {
		max-width: 80px;
		order: 6;
	}
	.vertrauen-col .stack .img:nth-child(8) {
		max-width: 60px;
		order: 7;
	}
	#wrapper .tzn-unterst-sec {
		padding-top: 40px;
		padding-bottom: 40px;
	}
	#wrapper .tzn-unterst-sec h2 {
		font-size: 20px;
	}
	#wrapper .tzn-unterst-sec h2 br {
		display: none;
	}
	.six-grunde-row h4 {
		font-size: 18px;	
	}
	.six-grunde-row .flickity-page-dots {
		position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 4px;
        margin: 0;
        padding: 0;
        left: 0;
		bottom: 10px;
	}

	.six-grunde-row .flickity-page-dots .dot {
		width: 20px;
		height: 20px;
		margin: 0;
		padding: 0;
		background: transparent;
		border: 1px solid #020202;
		border-radius: 50%;
		opacity: 1;
		transition:
		background-color 0.2s ease,
		border-color 0.2s ease,
		transform 0.2s ease;
	}

	.six-grunde-row .flickity-page-dots .dot.is-selected {
		background: #00B5A6;
		border-color: #00B5A6;
	}
	.six-grunde-row {
		width: 66.666667%;
		max-width: 66.666667%;
		margin-left: auto;
		margin-right: auto;
	}
	#wrapper .six-grunde-row .col {
		padding: 0 30px 30px;
	}
	.wachstum-text p {
		font-size: 16px;
	}
	.so-gehen-row h2.blackbox {
		font-size: 28px;
		margin-bottom: 10px;
	}
	.so-gehen-row h3 {
		font-size: 18px;
	}
	.projekt-mit-text {
		font-size: 26px;
		max-width: 70%;
        margin-left: auto;
        margin-right: auto;
		margin-top: 5px;
		margin-bottom: 15px;
	}
	.projekt-mit-text + p {
		font-size: 16px;
		margin-bottom: 10px;
	}
	.projekt-mit-row .tzn-team-stack-mobile {
		margin-bottom: 30px;
	}
	.abspielen-col {
		padding: 0 30px !important;
	}
	.abspielen-col h2 {
		font-size: 26px;
		text-align: center;
		margin-bottom: 30px;
		line-height: 36px;
	}
	.abspielen-col .col-inner {
		display: flex;
		flex-direction: column;
	}
	.abspielen-col .button {
		order: 2;
		margin-top: 30px;
		font-size: 14px !important;
	}
	#wrapper .abspielen-col .button + .text {
		order: 3;
	}
	#wrapper .abspielen-col .button + .text p {
		text-align: center;
		font-size: 11px;
		margin-bottom: 0;
	}
	.home .home-case-study-col {
		padding-bottom: 20px;
	}
	.home .case-study-vid-col .case-study-perc-box p span strong {
		font-size: 17px;
	}
	.home #wrapper .case-study-vid-col .case-study-perc-box p {
		font-size: 10px;
	}
	.body.home .home-case-study-col .case-study-perc-box span img {
		max-width: 12px;
	}
	.home .home-case-study-col .case-study-vid-col {
		order: -1;
	}
	body.home .home-case-study-col .case-study-perc-box {
		max-width: 150px;
		margin: 0;
	}
	body.home .home-case-study-col .video {
		margin-bottom: 10px;
	}
	.home .cs-subheading {
		margin-top: 15px;
	}
	.home .tzn-praxis-icons-col .icon-box-text p {
		font-size: 14px;
	}
	.tzn-praxis-icons-col .icon-box {
		display: flex;
		align-items: center;
	}
	.tzn-praxis-icons-col .icon-box-img, .tzn-praxis-icons-col .icon-box-img * {
		width: 19px !important;
		height: 19px !important;
		display: flex;
	}
	.tzn-praxis-sec .blackbox {
		margin-bottom: 0;
	}
	.home .tzn-praxis-sec .accordion .accordion-title span {
		font-size: 14px;
	}
	#wrapper .tzn-praxis-sec .button {
		margin-bottom: 0;
	}
	#wrapper .tzn-praxis-sec {
		padding-top: 50px;
	}
	#wrapper .tzn-praxis-sec .button {
		font-size: 16px;
	}
	#wrapper .tzn-praxis-sec .button + .button {
		font-size: 12px;
		margin-bottom: 10px;
	}
	#wrapper .projekte-btn-col {
		padding-bottom: 0;
	}
	.home #wrapper .pros-cons-heading-col p {
		font-size: 14px;
	}
	.home #wrapper .pros-cons-sec h2 {
		font-size: 28px;
		margin-bottom: 5px;
	}
	.home .pros-cons-sec .trustpilot-widget {
		margin-top: 20px;
	}
	.home #wrapper .cons-col h3, .home #wrapper .pros-col h3 {
		font-size: 16px;
	}
	#wrapper .pros-cons-sec .pros-col {
		padding-left: 20px;
	}
	#wrapper .pros-cons-sec .cons-col {
		padding-right: 20px;
	}
	#wrapper .pros-col-imgs-row .col-inner .img:first-child {
		margin-right: -15px;
	}
	.home .pros-cons-sec .button.primary {
		font-size: 14px;
		width: fit-content;
		padding-left: 25px;
        padding-right: 25px;
	}
	.pros-cons-img-stack .img:first-child {
		max-width: 89px;
	}
	.pros-cons-img-stack .img:nth-child(2) {
		max-width: 42px;
	}
	.pros-cons-img-stack .img:nth-child(3) {
		max-width: 76px;
	}
	.home #wrapper .pros-cons-sec.home-new-pc-sec {
		padding-top: 45px;
		padding-bottom: 20px;
	}
	#wrapper .pros-col-imgs-row {
		top: -22.5px;
		right: -12.5px;
	}
	#wrapper .pros-col-imgs-row .img {
		max-width: 75px;
	}
	#wrapper .pros-cons-sec .pros-col {
		margin-top: 40px;
	}
	.starte-projekt-col p {
		font-size: 18px;
	}
	.starte-projekt-col p br {
		display: none;
	}
	.home #wrapper .reiews-stack-btn-col .button {
		font-size: 16px;
		padding-left: 25px;
		padding-right: 25px;
		margin-top: 25px;
	}
	.reiews-stack-btn-col .button + .text p {
		font-size: 11px;
	}
	.colored-partners-stack > div:first-child, .colored-partners-stack > div:first-child .img-inner {
		width: 74px; 
	}
	.colored-partners-stack > div:nth-child(2), .colored-partners-stack > div:nth-child(2) .img-inner {
		width: 70px;
	}
	.colored-partners-stack > div:nth-child(3), .colored-partners-stack > div:nth-child(3) .img-inner {
		width: 40px;
	}
	#wrapper .colored-partners-stack .img {
		width: auto;
	}
	#wrapper .sagen-kunden-sec h2 {
		font-size: 28px;
		margin-bottom: 10px;
	}
	#wrapper .sagen-kunden-sec h2 br {
		display: none;
	}
	.new-roadmap-sec h2.blackbox {
		font-size: 25px;
		margin-bottom: 0;
	}
	.new-roadmap-sec h3 {
		font-size: 18px;
		line-height: 1.5;
	}
	#wrapper .new-roadmap-sec {
		padding-top: 45px;
		padding-left: 15px;
		padding-right: 15px;
	}
	#wrapper .new-roadmap-sec .button {
		font-size: 16px;
	}
	.tzn-project-step {
		flex-direction: column;
		padding: 20px;
	}
	.tzn-step-label {
		font-size: 10px;
	}
	.tzn-step-text {
		margin-top: 10px !important;
	}
	.tzn-step-text p {
		font-size: 14px;
	}
	.tzn-step-toggle {
		width: 31px;
		height: 31px;
		right: 20px;
		top: 20px;
	}
	.starte-projekt-col {
		padding-bottom: 20px;
	}
	.starte-projekt-col + .col .tzn-team-stack-mobile {
		margin-bottom: 10px;
	}
	#wrapper .home-ansprache-sec .button.primary {
		font-size: 16px;
	}
	#wrapper .new-roadmap-sec .button + p {
		font-size: 11px;
	}
	#wrapper .home-slider-section {
		padding-bottom: 0;
	}
	.home-slider-section h2 {
		font-size: 26px;
		margin-bottom: 0;
	}
	.tzn-interessiert-section h2 + p {
		font-size: 16px;
	}
	.tzn-interessiert-section .tzn-google-image {
		width: 100px !important;
	}
	#wrapper #main .home-gallery-slider .gallery-col {
		width: 70% !important;
		max-width: 70% !important;
		flex-basis: 70% !important;
		padding: 0px; !important;
		margin-left: 10px;
	}
	.home-gallery-slider .gallery-col:first-child {
		margin-left: 0px !important;
	}
	#wrapper .home-gallery-slider-col {
		padding-left: 0;
		padding-right: 0;
	}
	.home-gallery-slider .flickity-prev-next-button {
		display: none;
	}
	.home .tzn-team-row .col .col {
		width: 50%;
		flex-basis: 50%;
	}
	.home .tzn-team-row {
		overflow: hidden;
	}
	.home #wrapper .home-team-sec {
		padding-top: 45px;
	}
	#wrapper .home-team-sec .tzn-team-title + p {
		font-size: 10px !important;
	}
	.home .home-team-sec h2 {
		font-size: 22px;
		margin-bottom: 0;
	}
	.tzn-interessiert-section .row {
		background-color: transparent;
	}
	.tzn-interessiert-section .row .col:nth-child(2), .tzn-interessiert-section .row .col:nth-child(2) .col-inner {
		border-top-right-radius: 0;
		border-top-left-radius: 0;
		text-align: left;
	}
	.tzn-interessiert-section .row .col:nth-child(2) h2, .tzn-interessiert-section .row .col:nth-child(2) p {
		text-align: left;
	}
	.tzn-interessiert-section .row .col:nth-child(2) .button {
		font-size: 16px;
		margin-right: 0;
	}
	.tzn-interessiert-section .row .col:nth-child(2) .img {
		margin-left: auto;
		margin-right: auto;
	}
	.tzn-interessiert-section h2 {
		font-size: 26px;
	}
	.tzn-interessiert-section h2 br {
		display: none;
	}
	#wrapper .wer-sind-wir-section {
		padding-top: 10px;
		padding-bottom: 60px;
	}
	.wer-sind-wir-section h2 {
		line-height: 36px;
	}
	.home-footer-banner h2 {
		font-size: 22px !important;
	}
	#wrapper .home-footer-banner .button {
		font-size: 16px;
	}
	.home .es-badge-label {
		font-size: 11px;
	}
	.home .es-badge-reviews-count {
		font-size: 9px;
	}
	.home .es-card-badge-container {
		width: 120px;
		padding: 10px 0px;
		gap: 0;
	}
	 .es-rating-value {
		font-size: 15px;
	}
	.home .es-rating-item svg, .home .es-rating-stars-item-filled, .home .es-rating-stars-item-unfilled {
		width: 14px !important;
		height: 14px !important;
	}
	.home .es-source-image, .home .elfsight-app-130c2af5-7219-4645-995a-a4bac1cae6aa .es-source-image svg {
		width: 18px !important;
		height: 18px !important;
	}

	.home .es-badge-rating {
		gap: 2px;
		height: 20px;
	}
	.home .es-badge-rating-container, .home-header-imgs .es-card-badge-container {
		gap: 0;
	}
	.home .elfsight-widget > div {
		width: 120px;
	}
	.home .elfsight-widget {
		margin-top: 20px;
	}
	.google-badge {
		width: 120px;
	}
	.google-badge__stars img {
		width: 14px;
		height: 14px;
	}
	.google-badge__logo {
		width: 18px;
		height: 18px;
	}
	.google-badge__reviews {
		font-size: 9px;
	}
	.google-badge__title {
		margin-bottom: 0px;
	}
}
@media screen and (max-width: 549px) {
	.unternehmen-stack {
		gap: 10px;
	}
	.unternehmen-stack > .img {
		flex: 0 0 115px;
    	width: 115px !important;
	}
	.unternehmen-stack {
        max-height: 550px; /* adjust until it cuts after logo 24 */
        overflow: hidden;
        position: relative;
    }

    .unternehmen-stack::after {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        height: 120px;
        background: linear-gradient(
            transparent,
            rgb(247,247,245)
        );
        pointer-events: none;
		transition: opacity 0.25s ease-out;
    }
	.unternehmen-stack.expanded::after {
		opacity: 0;
	
	}
	.clients-logo-sec .button.is-underline {
		margin-left: auto !important;
		display: flex;
		justify-content: center;
		align-items: center;
		margin-right: auto !important;
		width: 105px;
		color: black;
		margin-bottom: 0;
		margin-top: 40px;
		padding: 0;
	}
	.clients-logo-sec .button.is-underline:before {
		left: 0;
		width: 100%;
		opacity: 1;
		height: 1px;
	}
	.home #wrapper .tzn-team-row > .col .col {
		width: 100% !important;
		flex-basis: 100% !important;
	}
	.home .tzn-team-row .row .col {
		width: 120px;
		flex-basis: 120px;
		padding: 0 3px;
	}
	.team-row-1,
	.team-row-2,
	.team-row-3{
		flex-wrap:nowrap!important;
		width:max-content !important;
	}

	.tzn-team-row > .col{
		overflow:hidden;
	}
	#wrapper .tzn-team-row.tzn-marquee-ready {
		display: flex;
		flex-direction: column;
		flex-wrap: nowrap;
		width: 100vw;
		max-width: none;
		margin-left: calc(50% - 50vw);
		margin-right: calc(50% - 50vw);
		gap: 35px;
		overflow: hidden;
	}

	#wrapper .tzn-team-marquee {
		width: 100%;
		overflow: hidden;
	}

	#wrapper .tzn-team-marquee-track {
		display: flex;
		width: max-content;
		will-change: transform;
	}

	#wrapper .tzn-team-marquee-group {
		display: flex;
		flex-shrink: 0;
		align-items: flex-start;
		gap: 18px;
		padding-right: 18px;
	}

	#wrapper .tzn-team-marquee .col {
		flex: 0 0 145px;
		width: 145px;
		max-width: 145px;
		padding: 0;
	}

	#wrapper .tzn-team-marquee .col-inner {
		height: auto !important;
	}

	#wrapper .tzn-team-marquee h4 {
		margin: 12px 0 3px;
		font-size: 18px !important;
		line-height: 1.2;
		text-align: center;
		white-space: nowrap;
	}

	#wrapper .tzn-team-marquee p {
		margin: 0;
		font-size: 14px !important;
		line-height: 1.35;
		text-align: center;
	}
	.six-grunde-row {
		width: 100%;
		max-width: 100%;
		margin-left: auto;
		margin-right: auto;
	}
}
@media screen and (max-width:455px) {
	#wrapper .new-roadmap-sec .button {
		font-size: 13px;
	}
}
@media screen and (max-width:420px) {
	#header .trustpilot-widget {
		height: 40px;
	}
}
@media screen and (max-width:400px) {
	.unternehmen-stack {
		gap: 5px;
	}
	.unternehmen-stack > .img {
		flex: 0 0 100px;
    	width: 100px !important;
	}
	#wrapper .new-roadmap-sec .button {
		font-size: 11px;
	}
	#wrapper .home-footer-banner .button {
		font-size: 13px;
	}
	.tzn-gradient-sec2 .button {
		font-size: 12px !important;
	}
	.home .cs-subheading + h3 br {
		display: none;
	}
	.new-roadmap-sec h2.blackbox {
		font-size: 22px;
	}
	.home-header-sec h1 {
		font-size: 25px;
	}
	.home-header-sec h1 + p br {
		display: none;
	}
	.vertrauen-col .col-inner .stack {
		gap: 20px;
	}
}
/* main menu */
#main-menu .menu-item a {
	text-transform: none;
}

#main-menu .menu-item a {
	font-size: 35px;
}

html.menu-open {
	overflow: hidden;
	scrollbar-gutter: stable;
}
.menu-overlay {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.3);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px); 
    z-index: -1;
}
.tzn-main-menu, .tzn-main-menu-mobile {
	color: white;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: bold;
	font-family: var(--heading-font);
	margin-left: 40px;
	-webkit-user-select: none;
	-moz-user-select: none;   
	-ms-user-select: none;    
	user-select: none;
}
#wrapper .tzn-main-menu i {
	margin-left: 10px;
	width: 20px;
}

#wrapper .tzn-main-menu i::before {
	top: 1.2px;
}

.page-template-page-transparent-header #wrapper .tzn-main-menu.active i:before, body.blog #wrapper .tzn-main-menu.active i:before, body.single-post #wrapper .tzn-main-menu.active i:before {
	content: url("/wp-content/uploads/2026/04/black-scaled-1.svg");
}

body.blog #wrapper .icon-menu:before, body.single-post #wrapper .icon-menu:before {
    content: url(/wp-content/uploads/2023/02/001-menu.svg);
}

body.blog #masthead .html.custom.html_topbar_left,
body.single-post #masthead .html.custom.html_topbar_left {
    display: block !important;
}

body.blog .tzn-main-menu, body.single-post .tzn-main-menu, body.blog .tzn-main-menu-mobile, body.single-post .tzn-main-menu-mobile {
	color: black;
}



.page-template-page-transparent-header .tzn-main-menu {
	color: black;
}

#wrapper .tzn-main-menu.active i::before {
	content: url("/wp-content/uploads/2026/04/white.svg");
}

.tzn-main-menu-items {
	padding-top: 5px;
	padding-left: 5px;
	width: 700px;
	height: 325px;
    position: absolute;
    top: 40px;
    background-color: white;
    border-radius: 13px;
	z-index: 30;
}

.tzn-main-menu-items a.ux-menu-link__link {
	font-size: 18px;
    font-weight: bold;
    font-family: var(--heading-font);
    line-height: normal;
    min-height: auto;
}
.tzn-main-menu-items a.ux-menu-link__link:hover {
	color: #00C6C0;
}
.tzn-main-menu-items a.button.primary {
	margin: 50px 0px 0px 0px;
	white-space: nowrap;
	font-size: 16px;
}
.tzn-main-menu-text {
	font-size: 16px;
	font-family: var(--text-font);
	font-weight: normal;
}

.tzn-main-menu-items .col.large-6 {
	width: fit-content;
	flex-basis: fit-content;
}

.tzn-main-menu-items {
	opacity: 0;
	transform: translateY(30px) scale(.95);
	transition:
		opacity .35s cubic-bezier(.22, 1, .36, 1),
		transform .35s cubic-bezier(.22, 1, .36, 1);
}

.tzn-main-menu-items.is-visible {
	opacity: 1;
	transform: translateY(0) scale(1);
}

.menu-overlay {
	opacity: 0;
	transition: opacity .3s ease;
}

.menu-overlay.is-visible {
	opacity: 1;
}

.tzn-main-menu i {
	transform: rotate(0deg) scale(1);
	opacity: 1;
	transition:
		transform .3s cubic-bezier(.22, 1, .36, 1),
		opacity .3s ease;
}

.tzn-main-menu.active i {
	transform: rotate(90deg) scale(.9);
	opacity: .7;
}

@media screen and (max-width:849px) {
	.header-main .mobile-nav li.html.custom.html_topbar_left {
		display: block !important;
	}
	.tzn-main-menu-mobile {
		color: black;
		justify-content: space-between;
	}
	.tzn-main-menu-items {
		padding-top: 0px;
		padding-left: 0px;
		width: 100%;
		height: auto;
		
	}
	.tzn-main-menu-items .col.large-6 {
		width: 100%;
		flex-basis: 100%;
	}
	.tzn-main-menu {
		font-size: 0;
		margin-left: 0;
	}
	.tzn-main-menu-mobile {
		margin-left: 0;
	}
	.tzn-main-menu-items {
		width: 55%;
		position: fixed;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%) !important;
	}
	#wrapper .tzn-main-menu-items .section {
		padding: 20px 20px 50px 20px;
	}
	#wrapper .tzn-main-menu-items .section .row {
		margin: 0;
	}
	.menu-overlay {
		z-index: 1;
	}
	#wrapper .tzn-main-menu-items .tzn-mobile-menu-col {
		max-width: 76%;
		width: fit-content;
		flex-basis: fit-content;
	}
	.tzn-mobile-menu-col a.ux-menu-link__link {
		font-size: 17px;
	}
	.tzn-main-menu-items a.button.primary {
		width: 100%;
	}
}
@media screen and (max-width: 675px) {
	#header .mobile-nav.nav.nav-left .html.custom.html_topbar_left {
		width: 100%;
	}
	#header .trustpilot-widget {
		height: 35px;
	}
}
@media screen and (max-width:549px) {
	.tzn-main-menu-items {
		width: 90%;
	}
	#wrapper .tzn-mobile-menu-col .button.primary {
		margin-top: 45px;
		font-size: 12px;
	}
	.tzn-mobile-menu-close {
		max-width: 14px;
	}
}

@media screen and (max-width: 425px) {
	#header .mobile-nav.nav.nav-left .html.custom.html_topbar_left {
		width: 300px;
	}
	#header .trustpilot-widget {
		transform: scale(0.8);
	}
}

@media screen and (max-width: 360px) {
	#header .trustpilot-widget {
		transform: scale(0.7);
	}
}

/* SO CSS */
/*************** Divers ***************/

.mp_wrapper {
  overflow: inherit;
  /* margin: 10px 0; */
  max-width: 540px !important;
  margin: 0 auto;
  box-sizing: border-box;
  padding: 50px;
}

.accordion-title.plain {
  font-family: Poppins;
}

strong {
  letter-spacing: -0.5px;
}

h1 {
  font-size: 38px;
}

.blackbox {
  font-size: 42px;
  background-color: black;
  color: white;
}

p {
  font-size: 16px;
}

@media only screen and (max-width: 700px) {
  .header-logo-dark {
    height: 40px;
  }

  p {
    font-size: 14px;
  }

  .blackbox {
    font-size: 22px;
    background-color: black;
    color: white;
  }
}

/*************** Forminator ***************/

.field_label.required {
  color: #399BBC;
  font-size: 12px;
}

#email.form_field {
  border-top-color: #ffffff;
  border-top-width: 0px;
  border-top-style: solid;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: #474747;
}

@media only screen and (min-width: 600px) {
  .form_border {
    width: 500px;
    position: relative;
    left: -50px;
  }
}

.form_button_submit {
  width: 500px;
}

/*************** Calendly ***************/

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

button,
.button {
  font-family: 'Poppins', sans-serif !important;
}

.button.primary {
  font-size: 15px;
  letter-spacing: normal;
  font-weight: bold;
  color: #ffffff;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 20px;
  padding-right: 20px;
}

/*.button.primary:hover {
  background-color: #248867;
}*/

.button.primary.buttontzndark {
  font-size: 16px;
  letter-spacing: normal;
  font-weight: bold;
  color: #ffffff;
  padding-top: 8px;
  padding-bottom: 8px;
}

@media all and (min-width:321px) and (max-width: 800px) {
  .button.primary.buttontzndark {
    font-size: 14px;
    padding-left: 10px;
    padding-right: 10px;
  }
}

.ux-menu-link__link.flex:hover {
  color: #0cb97e;
}