body {
	overflow-x: hidden;
}

@media (max-width: 991px) {
	.tablet-container-fix {
		margin: none !important;
		max-width: none !important;
	}
}

@media (max-width: 991px) {
	h1 {
		font-size: calc(20px + 2vw) !important;
	}
}

@media (max-width: 575px) {
	html:not(.Explorer) h1 {
		font-size: calc(25px + 2vw) !important;
	}

	html.Explorer h1 {
		font-size: calc(17px + 4vw) !important;
	}
}

h1,
h2 {
	font-family: "News Cycle";
}

p,
li {
	font-family: "Montserrat";
	color: #474748;
}

@media (max-height: 800px) {
	.introduction .freelancerLogo {
		padding: 59px 270px !important;
	}

	.reviews__container {
		top: auto;
	}

	.icons__container {
		top: auto !important;
	}
}

@media (min-height: 801px) {
	.introduction .freelancerLogo {
		padding: 59px 270px !important;
	}

	.reviews__container {
		top: 68%;
	}

	.icons__container {
		top: 68% !important;
	}
}
.ff_NC {
	font-family: News Cycle;
}

.ff_M {
	font-family: Montserrat;
}

@media (min-width: 992px) {
	section:nth-child(4) {
		margin-top: 250px;
	}
}

.introduction {
	position: relative;
}

@media (max-width: 991px) {
	.introduction .freelancerLogo {
		display: none !important;
	}
}

.introduction .banner {
	width: 250px;
	display: inline-block;
	position: absolute;
	top: 65px;
	right: -130px;
}

@media (min-width: 1500px) {
	.introduction .banner {
		width: 325px !important;
	}
}

@media (min-width: 992px) and (max-width: 1299px) {
	.introduction .banner {
		top: 60px;
		right: -15px;
	}
}

@media (max-width: 991px) {
	.introduction .banner {
		width: 100%;
		max-width: 365px;
		position: absolute;
		top: 0;
		left: 50%;
		transform: translateX(-50%) rotate(-16deg);
	}

	.introduction .parentCenteredText {
		padding-top: 195px;
	}
}

@media(max-width:767.98px) {
	.introduction .parentCenteredText {
		padding-top: 35px;
	}

	.btn__container button {
		margin-top: unset !important;

	}

	.icons__container {
		gap: unset;
	}

	.icons__container .hero__icon--title {
		font-size: 12px !important;
	}


}

}

@media (max-width: 479px) {
	.Explorer .introduction .banner {
		width: 117.5% !important;
		left: 53% !important;
	}

}

/* @media (max-width: 1199px) { .headerImage { max-height: 764px; } } */
@media (min-width: 992px) {
	.headerImage {
		position: absolute;
		top: -80px;
		left: 0;
		z-index: -100;
		background-image: url(../img/header-img.png);
		background-size: cover;
		height: calc(100% + 120px);
		width: calc(100% + 15px);
		background-repeat: no-repeat;
	}

	.introduction .freelancerLogo {
		margin: 0 auto;
		width: 90%;
		padding: 90px 270px;
	}

}

@media (max-width: 991px) {
	.mobileImage {
		position: absolute;
		top: -80px;
		left: 0;
		z-index: -100;
		background-color: #e1e1e1;
		height: 100%;
		width: 100%;
	}

	.mobileImageBottom {
		transform: rotate(90deg);
	}

}

@media (min-width: 1920px) {
	.introduction .freelancerLogo {
		padding: 90px 325px 0 !important;
		margin-top: 20px;
	}
}

@media (min-width: 1500px) and (max-width: 1919px) {
	.introduction .freelancerLogo {
		margin-top: 50px !important;
	}
}

/* 
UPDAPTED HERO ADJUSTMENTS :

*/

.reviews__container {
	width: 400px;
	height: 220px;
	display: flex;
	flex-wrap: wrap;
	row-gap: 1rem;
	position: absolute;
	top: 72%;
	justify-content: center;
}

@media(max-width:1199.98px) {
	.mainText:not(:nth-child(3)) {
		font-size: 2.1rem;
	}
}

.hero__icon--title {
	color: #0b033e !important;
	;
}

.reviews__container img {
	height: 40%;
	object-fit: cover;

}

.reviews__container .google {
	/* width: 60%; */
}

.reviews__container .garantie,
.reviews__container .erfahrung {
	height: 90%;
	width: 49%;
}


.mainText:nth-child(3) {
	margin: 1.5rem 0;
}

.icons__container {
	max-width: 500px;
	display: flex;
	gap: 0.72rem 3.7rem;
	list-style: none;
	position: absolute;
	right: 15%;
	top: 70%;
	padding: 0;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}

@media(max-height:1199.98px) {
	.icons__container {
		top: auto;
	}

	.reviews__container {
		top: auto;
	}
}

.icons__container .hero__icon,
.icons__container .hero__icon p {
	display: flex !important;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
}

.hero__icon {}

.hero__icon i {
	font-size: 3.7rem;
	color: #0b033e;
}

.hero__icon--title {
	font-size: 16px;
	font-weight: 600;
}

.btn__container {
	text-align: center;
	margin: 1rem 0;
	padding-left: 8%;
}

.btn__container button {
	max-width: 200px !important;
}



@media(max-width:1499.98px) {
	.icons__container {
		right: 15px !important;
	}
}

@media(max-width:991.98px) {
	.btn__container {
		transform: unset;
		width: 70%;
		margin: 0 auto;
		display: flex;
		justify-content: center;
		padding-left: unset !important;
		margin-bottom: 2rem;
	}

	.btn__container button {
		position: unset;
		top: unset;
		right: unset;
		bottom: 0;
		margin-top: 4rem;
		width: 100% !important;
		width: unset;

	}

	.btn__container .ion-arrow-right-c {
		display: none;
	}

	.icons__container {
		transform: unset;
		float: unset;
		padding-top: 3rem;
		padding-left: unset;
		justify-content: center;
		flex-wrap: wrap;
		gap: 2rem;
		position: unset;
		margin: 0 auto;
		display: grid;
		grid-template-columns: repeat(4, 1fr);
		padding: 2rem 1.5rem;


	}

	.icons__container li {
		font-size: 1rem;
	}

	.icons__container i {
		font-size: 3rem;
	}

	.reviews__container {
		transform: unset;
		margin: 15px auto 100px;
		height: fit-content;
		width: 40%;
		float: unset;
		justify-content: center;
		position: unset;
		gap: 0;
		row-gap: 2rem;
		max-height: ;
	}

	.reviews__container .google {
		width: 100%;
		max-width: 72%;
		height: auto;
		object-fit: cover;

	}

	.reviews__container img {
		height: 40%;
		height: unset;
		width: 100%;
		max-height: 180px;
	}

	.introduction .banner {
		max-width: 275px;
	}

	.reviews__container .garantie {
		width: 100%;
		object-fit: cover;
		height: 100%;

	}

	.reviews__container img {
		width: 100%;
		max-width: 163.98px;
	}

	.erfahrung {
		width: 50%;
	}

	.hero__icon {
		font-size: 1rem;
		display: flex;
		flex-direction: column;
		gap: .5rem;
		align-items: center;
	}

	.btn__container button {
		max-width: unset !important;
	}

	.fl_firstSection .mainText:not(:nth-child(3)) {
		font-size: 2.25rem !important;
	}

	.mainText:nth-child(3) span {
		font-size: 20px !important;
	}

	.formBox {
		width: 90% !important;
		margin: 0 auto !important;
	}


}


.fl_realcontent #telephoneheader {
	list-style: none;
	font-size: 2.2rem;
	text-align: center;
}

@media(max-width:767.98px) {
	.introduction .banner {
		display: none;
	}

	;

	.introduction .parentCenteredText {
		padding-top: 37px !important;
	}

	.icons__container {
		gap: unset !important;
	}

	.icons__container .hero__icon--title {
		font-size: 12px !important;
	}

	.scrollDown_btn {
		display: none !important;
	}

	.mainText:nth-child(3) span {
		font-size: 22px !important;
		padding-right: 1.1rem;
	}

	.mobilekantegrau {
		display: none !important;
	}
}

@media(max-width:575.98px) {
	.reviews__container {
		width: 100%;
	}
}


/* END OF UPDATED HERO ADJUSTMENTS  */

.limegreenBackground {
	background-color: #3ed11c;
}

.limegreen {
	color: #3ed11c !important;
	font-weight: 400;
	letter-spacing: -1px;
}

.blue {
	color: #0b033e !important;
}

.gray {
	color: #d9d9d9 !important;
}

.blueBorder {
	border: 1px solid #0b033e !important;
}

.mainText {
	font-family: "News Cycle";
	margin: 0 auto;
	text-align: center;
	width: 100%;
}

@media (max-width: 420px) {
	.introduction .mainText {
		font-size: 22px !important;
		text-align: left;
		padding-left: 15px;
	}
}

section {
	width: 100%;
}

section.fl_realContent .parentCenteredText {
	margin-top: 45px;
}

@media (max-width: 575px) {
	section {
		padding: 0 15px;
	}

	section:nth-child(2) {
		padding-top: 60px !important;
	}
}

.titleTopSpace {
	padding-top: 0px;
	margin-top: -15px;
}

@media (max-width: 991px) {
	.titleTopSpace {
		margin-top: unset !important;
	}
}

.greenBar {
	margin: 30px auto;
	width: 175px;
	height: 5px;
	border: 2.5px solid #3ed11c;
	background-color: #3ed11c;
}

.bold_900 {
	font-weight: 900;
}

.hamburger {
	display: none;
	cursor: pointer;
	margin-top: 15px;
}

.hamburger span {
	width: 30px;
	height: 4px;
	margin-bottom: 5px;
	background-color: black;
	display: block;
	transition: .3s;
}

.hamburgerMenu {
	position: fixed;
	right: -330px;
	z-index: 100000000;
	transition: .5s;
	margin-top: 60px;
	width: 33%;
	max-height: unset;
	height: 100%;
	background-color: #0b033e;
}

.hamburgerMenu#haM_active {
	right: 0 !important;
	transition: .5s;
}

.hamburgerMenu ul li {
	padding-top: 15px;
	position: relative;
	z-index: 1000000;
	cursor: pointer;
}

.hamburgerMenu ul li {
	font-size: 20px;
	background-color: #0b033e;
	color: #FFF;
	padding-bottom: 15px;
	transition: .3s;
	text-align: left;
	padding-left: 30px;
}

.hamburgerMenu ul li:hover {
	background-color: #FFF;
	color: #0b033e;
	transition: .3s;
	margin-left: -15px;
}

@media (min-width: 992px) {
	.hamburgerMenu {
		display: none;
	}
}

.hamburger#ha_active span:nth-child(3) {
	display: none;
}

.hamburger#ha_active span:first-child {
	transform: rotate(42.5deg);
	position: relative;
	top: 8.5px;
}

.hamburger#ha_active span:nth-child(2) {
	transform: rotate(-42.5deg);
}

header {
	position: fixed;
	width: 100%;
	height: 60px;
	padding: 5px 30px;
	border: 1px solid #ccc;
	border-top: unset !important;
	box-shadow: 0 4px 2px -2px #ccc;
	background: #FFF;
	z-index: 1000000000;
	transition: .3s;
}

header#he_active {
	box-shadow: unset;
	transition: .3s;
}

header ul li {
	cursor: pointer;
	position: relative;
	color: #3ed11c;
	text-decoration: none;
}

header ul li:before {
	content: "";
	position: absolute;
	width: 100%;
	height: 2px;
	bottom: 0;
	left: 0;
	background-color: #3ed11c;
	visibility: hidden;
	transform: scaleX(0);
	transition: all .5s ease-in-out 0s;
}

header ul li:hover:before,
header ul li.active:before {
	visibility: visible;
	transform: scaleX(1);
}

header ul li:last-child a:hover {
	text-decoration: unset !important;
}

header ul li:last-child {
	position: relative !important;
	top: 0;
	right: 0 !important;
	left: 0 !important;
}

header i.ion-android-call {
	margin-right: 5px;
}

@media (min-width: 992px) {
	header {
		opacity: 1;
	}
}

@media (min-width: 1300px) {
	header {
		padding: 5px 120px !important;
	}
}

@media (max-width: 575px) {
	header {
		border-left: unset !important;
		border-right: unset !important;
	}
}

.headerLogo {
	position: relative;
}

@media (max-width: 991px) {
	.headerLogo {
		max-width: unset !important;
	}
}

.headerLogo img {
	position: absolute;
	left: 15px;
	width: 175px;
	margin-top: 5px;
}

header ul {
	padding-right: 45px;
}

header ul li {
	display: inline-block;
	white-space: nowrap;
	margin-right: 30px;
	font-size: 17px;
	font-weight: 600;
	color: #352f2f;
}

header ul li:last-child {
	position: relative;
	left: 580px;
	float: right;
}

header ul li:last-child a {
	font-size: 28px !important;
}

@media (max-width: 1299px) {
	header ul li:last-child {
		position: absolute;
		top: 41.5px;
		right: -370px;
		padding-left: 0 !important;
	}

	header ul li:last-child a {
		font-size: 24px !important;
	}
}

@media (min-width: 1300px) {
	header ul li:last-child {
		margin-top: -37.5px !important;
	}
}

@media (max-width: 991px) {
	header ul li:last-child {
		padding-left: unset;
	}
}

@media (min-width: 1300px) {
	header ul {
		padding-left: 10px !important;
	}
}

@media (min-width: 992px) and (max-width: 1299px) {
	header ul li:last-child {
		margin-top: -76.5px;
	}
}

@media (min-width: 992px) {
	header ul {
		padding-top: 10px;
	}
}

@media (min-width: 992px) and (max-width: 1299px) {
	.introduction .parentCenteredText {
		margin-top: 30px;
	}

	.introduction .mainText:first-child {
		margin-left: -40px;
		font-size: 2.8rem;
	}

	.introduction .mainText:nth-child(2) {
		margin-left: 140px;
		padding-left: 145px;
		letter-spacing: 1px;
	}
}

@media (min-width: 992px) and (max-width: 1199px) {
	.scrollDownparent {
		margin-top: 75px;
	}
}

@media (min-width: 1300px) {
	.introduction .parentCenteredText {
		margin-left: -100px;
	}

	.scrollDownparent {
		margin-top: 45px;
		margin-left: -15px;
	}

	.introduction .mainText:first-child {
		margin-left: -100px;
		font-size: 3rem;
	}

	.introduction .mainText:nth-child(2) {
		margin-left: 210px;
		padding-left: 40px;
		letter-spacing: 1px;
		font-size: 2.65rem;
	}
}

@media(max-widht:1199.98) {
	.introduction .mainText:nth-child(2) {
		padding-left: 35px;
	}
}

@media (min-width: 1920px) {
	.introduction .parentCenteredText {
		margin-top: 92px !important;
	}
}

@media (min-width: 1500px) {

	/* .introduction .parentCenteredText { margin-top: 0; } */
	.scrollDownparent {
		margin-top: 45px;
	}
}

@media (max-width: 991px) {
	header {
		padding-left: 15px;
		padding-right: 0;
	}

	header ul li {
		display: none;
	}

	header .hamburger {
		display: block;
		float: right;
		position: relative;
		top: -15px;
		right: 15px;
	}
}

@media (min-width: 992px) {
	header ul li:last-child {
		font-size: 18px !important;
	}
}

.scrollDown_btn {
	position: absolute;
	width: 50px;
	height: 50px;
	margin-top: 30px;
	cursor: pointer;
	transition: .45s;
	background-color: transparent;
	border-top: unset;
	border-right: unset;
	border-bottom: unset;
	border-left: unset;
}

.scrollDown {
	margin-top: 30px;
	border-style: none;
}

@media (min-width: 1920px) {
	.scrollDownparent {
		margin-top: 75px;
		left: calc(50% - 15px) !important;
	}
}

@media (min-width: 992px) and (max-width: 1299px) {
	.scrollDownparent {
		left: 50% !important;
	}
}

@media (max-width: 1024px) {
	.scrollDownparent {
		position: relative !important;
	}
}

@media (min-width: 576px) and (max-width: 991px) {

	.scrollDown_btn,
	.scrollDown {
		margin-left: -30px;
	}
}

@media (max-width: 575px) {

	.scrollDown_btn,
	.scrollDown {
		margin-left: -35px;
		display: none;
	}
}

.scrollDown {
	width: 50px;
}

.nowInquiry {
	position: relative;
	width: 100%;
	color: #FFF;
	font-family: Montserrat;
	text-transform: uppercase;
	outline: none;
	font-weight: bold;
	cursor: pointer;
	transition: .3s;
}

@media (max-width: 575px) {
	.nowInquiry {
		padding: 15px 35px !important;
		background-color: #0b033e;
	}

	.nowInquiry i {
		display: none !important;
	}
}

@media (min-width: 576px) {
	.nowInquiry {
		padding: 15px 35px 15px 0 !important;
		min-width: 280px;
	}

	html.MS.Edge .nowInquiry {
		background: linear-gradient(to bottom right, #0b033e 43%, #3ed11c calc(60% - 39px), #3ed11c 1%, #3ed11c calc(50% + 7px)) no-repeat 0px 0px / 100% 1100px;
	}

	html:not(.Explorer) .BlueBlock button {
		background: linear-gradient(to bottom right, #FFF 43%, #3ed11c calc(56.5% - 90px), #3ed11c 1%, #3ed11c 80px) no-repeat 0px 0px / 100% 1100px;
	}

	.nowInquiry {
		background: linear-gradient(to bottom right, #0b033e 43%, #3ed11c 0, #3ed11c 0, #3ed11c 80px) no-repeat 0px 0px / 110% 1100px;
	}
}

@media (min-width: 768px) and (max-width: 1199px) and (orientation: landscape) {
	.nowInquiry {
		background: linear-gradient(to bottom right, #0b033e 39%, #3ed11c 0, #3ed11c 0, #3ed11c 80px) no-repeat 0px 0px / 110% 1100px;
	}
}

@media (min-width: 768px) and (max-width: 991px) {

	.ts_usedSoftware .nowInquiry,
	.KuM .nowInquiry {
		background: linear-gradient(to bottom right, #0b033e 43%, #3ed11c 0, #3ed11c 0, #3ed11c 80px) no-repeat 0px 0px / 100% 1100px !important;
	}
}

@media (min-width: 992px) and (max-width: 1199px) and (orientation: portrait) {
	.nowInquiry {
		background: linear-gradient(to bottom right, #0b033e 43%, #3ed11c 0, #3ed11c 0, #3ed11c 80px) no-repeat 0px 0px / 110% 1100px;
	}
}

@media (min-width: 1200px) {
	.nowInquiry {
		background: linear-gradient(to bottom right, #0b033e 39%, #3ed11c 0, #3ed11c 0, #3ed11c 80px) no-repeat 0px 0px / 110% 1100px;
	}
}

.nowInquiry i {
	display: block;
	float: right;
	font-size: 30px;
	position: absolute;
	top: 7.5px;
	right: 15px;
	color: #0b033e;
}

.nowInquiry:focus {
	outline: none;
}

.loader {
	text-align: center;
	margin-top: 100px;
	display: none;
}

@media (max-width: 991px) {
	.loader {
		margin-top: 30px;
		margin-bottom: 30px;
	}
}

textarea,
button {
	z-index: 10;
}

iframe {
	width: calc(100% + 30px);
}

@media (max-width: 575px) {
	iframe {
		margin-left: -15px;
	}
}

@media (max-width: 575px) {

	.container:not(.Ssdmm-Block .formBox),
	.container-fluid {
		padding-right: 0 !important;
	}
}

.headerImageParent {
	position: relative;
}

.fl_firstSection {
	margin-top: 60px;
}

@media (max-width: 991px) {
	.fl_firstSection {
		background-image: url(../img/header-img.png);
		margin-bottom: 30px;
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
		min-height: unset;
	}
}

#wrapper {
	overflow-y: hidden;
}

#wrapper,
body {
	overflow-x: hidden !important;
}

@media (max-width: 575px) {
	body {
		overflow-x: hidden;
	}
}

@media (max-width: 575px) {
	header {
		left: 0;
	}

	@media (min-width: 480px) {
		.hamburgerMenu {
			width: 50%;
		}
	}
}

@media (max-width: 479px) {
	.hamburgerMenu {
		width: 85%;
	}

	.hamburgerMenu:not(#ha_active) {
		right: -85%;
	}
}

@media (min-width: 1200px) {
	.Ssdmm_Block {
		margin-top: 15px;
	}
}

.container .row img.mobilekantegrau {
	width: 100%;
	margin-bottom: 30px;
	margin-top: -30px;
}

.freelancer-logo-b2t {
	cursor: pointer;
}

@media (max-width: 991px) {
	.overlayer {
		z-index: -999;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		opacity: 0;
		transition: .5s;
	}

	.overlayer#ovly_active {
		z-index: 100000000;
		background-color: #000;
		opacity: .5 !important;
		cursor: pointer;
	}
}