body.remove-bg main {
    background-color: #f2f5f7;
}

body.remove-bg .funnel-container #root {
    background-color: transparent !important;
}

.funnel-container #root {
    padding-left: 16px;
    padding-right: 16px;
}

#root.root-100 {
	width: 100% !important;
}

.custom-modal .content-modal ul.checklist {
	display: flex;
	flex-direction: column;
	margin: 16px 0 0 0;
	padding: 0;
	gap: 4px;
}

.custom-modal .content-modal ul.checklist li {
	display: flex;
	padding: 0 8px 0 30px;
	margin: 0;
	list-style-type: none;
	line-height: 24px;
	font-family: CentraNo2-Bold, fallback-font, sans-serif;
}

.custom-modal .content-modal ul.checklist li {
	background: url(https://www.da-direkt.de/-/media/Project/DADirekt/Website/icons/check-circle-green.svg);
	background-size: 24px 24px;
	background-repeat: no-repeat;
	background-position: 0 0;
	flex-direction: column;
}

#header .feat-header__meta-item-row {
	margin: 0;
}

#header .consulting-header {
	display: flex;
	gap: 8px;
}

#header button {
	height: 40px;
	background: transparent;
	border-radius: 20px;
	border: 2px solid rgb(0, 50, 100);
	padding: 0 8px;
	font-family: CentraNo2-Medium,fallback-font,sans-serif;
    font-size: 12px;
    font-weight: 500;
	color: rgb(0, 50, 100);
	cursor: pointer;
}

#footer .help-area {
	display: flex;
	padding: 24px 0;
	background-color: #fff;
	justify-content: center;
}

#footer .help-area .wrapper {
	display: flex;
	align-items: center;
	gap: 36px;
}

#footer .consulting {
	display: flex;
	align-items: center;
	padding: 16px;
	gap: 24px;
	max-width: 490px;
	border-radius: 10px;
	background-color: #f2f5f7;
}

#header .consulting-img,
#custom-modal-consulting .consulting-img,
#footer .consulting .consulting-img {
	position: relative;
	flex-shrink: 0;
	width: 100px;
	height: 100px;
	border-radius: 50px;
	background-color: #ffe45e;
}

#header .consulting-img {
	visibility: hidden;
	width: 40px;
	height: 40px;
	border-radius: 20px;
}

#custom-modal-consulting .consulting-img {
	width: 120px;
	height: 120px;
	border-radius: 60px;
	margin: 0 auto 24px;
}

#header .consulting-img:before,
#custom-modal-consulting .consulting-img:before,
#footer .consulting .consulting-img:before {
	position: absolute;
	content: '';
	top: 4px;
	right: 4px;
	width: 16px;
	height: 16px;
	background-color: #58E600;
	border-radius: 8px;
}

#custom-modal-consulting .consulting-img:before {
	top: 4px;
	right: 4px;
	width: 20px;
	height: 20px;
	border-radius: 10px;
}

#header .consulting-img:before {
	top: 0px;
	right: 0px;
	width: 10px;
	height: 10px;
	border-radius: 5px;
}

#footer .consulting .consulting-content {
	display: flex;
    flex-direction: column;
    gap: 8px;
}

#footer .consulting .consulting-content a {
	display: flex;
    gap: 8px;
    align-items: center;
    font-family: CentraNo2-Medium,fallback-font,sans-serif;
    font-size: 22px;
    font-weight: 500;
    line-height: 26px;
    margin: 8px 0 0 0;
}

#footer .consulting .consulting-content p,
#footer .consulting .consulting-content h5 {
	font-family: CentraNo2-Book,fallback-font,sans-serif;
    font-size: 16px;
    font-weight: 300;
    line-height: 22px;
    color: #335B83;
}

#footer .consulting .consulting-content h5 {
	font-family: CentraNo2-Medium,fallback-font,sans-serif;
	font-weight: 500;
	color: #003264;
}

#footer .feat-footer__icon:before,
#custom-modal-consulting .icon--tel:before,
#custom-modal-consulting .icon--calender:before{
    background-color: rgb(0, 50, 100);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 18px auto;
    content: "";
    display: block;
    width: 24px;
    height: 22px;
    -webkit-mask-size: cover!important;
    mask-size: cover!important;
}

#custom-modal-consulting .icon--tel:before {
    background-color: #ffffff;
}

#footer .feat-footer__icon--tel:before,
#custom-modal-consulting .icon--tel:before {
    -webkit-mask: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTIyLjQxNiAxNS4xOGE2LjA1IDYuMDUgMCAwIDAtNi42Mi0yIDQuNzIxIDQuNzIxIDAgMCAwLTEuNCAxbC0uMzEuM2MtLjQzIDAtMS42NC0uNTgtMy4yNi0yLjE4QTkuMjEgOS4yMSAwIDAgMSA4LjQ1NiA5aC4wOGE0LjY3IDQuNjcgMCAwIDAgMS41NS0zLjNBNyA3IDAgMCAwIDguNDE2Ljg4IDMgMyAwIDAgMCA2LjI4NiAwYy0uNTQgMC01LjIzLjM3LTUuMjkgNy4zNyAwIDIuNjggMS45IDYuMjYgNSA5LjM0QzkuMzU2IDIwIDEzLjMwNiAyMiAxNi41OTYgMjJoLjE1YTcuMjQgNy4yNCAwIDAgMCA1Ljg5LTMuNjcgMi44OCAyLjg4IDAgMCAwLS4yMi0zLjE1Wm0tMS41OCAyLjI5YTUuMyA1LjMgMCAwIDEtNC4xMyAyLjUzYy0yLjc3LjA3LTYuMjctMS43MS05LjMtNC43MS0yLjY5LTIuNjgtNC40MS01Ljc4LTQuNDEtNy45IDAtNS4wMyAyLjgtNS4zOSAzLjM1LTUuMzlhLjgxLjgxIDAgMCAxIC42NS4zMSA1IDUgMCAwIDEgMS4wOSAzLjMyIDIuNjggMi42OCAwIDAgMS0xIDEuOTIgMS44MiAxLjgyIDAgMCAwLS42OCAxLjI0YzAgMS44NSAyLjMgNC4yNSAzIDUgLjcuNzUgMyAyLjc1IDQuNjkgMi43NWEyLjQyIDIuNDIgMCAwIDAgMS42Ny0uODZjLjIyOC0uMjUuNDk5LS40NTcuOC0uNjFhNC4xIDQuMSAwIDAgMSA0LjI1IDEuMzljLjExLjA2LjMzLjM1LjAyIDEuMDFaIiBmaWxsPSIjMDAzMjY0Ii8+PC9zdmc+);
    mask: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTIyLjQxNiAxNS4xOGE2LjA1IDYuMDUgMCAwIDAtNi42Mi0yIDQuNzIxIDQuNzIxIDAgMCAwLTEuNCAxbC0uMzEuM2MtLjQzIDAtMS42NC0uNTgtMy4yNi0yLjE4QTkuMjEgOS4yMSAwIDAgMSA4LjQ1NiA5aC4wOGE0LjY3IDQuNjcgMCAwIDAgMS41NS0zLjNBNyA3IDAgMCAwIDguNDE2Ljg4IDMgMyAwIDAgMCA2LjI4NiAwYy0uNTQgMC01LjIzLjM3LTUuMjkgNy4zNyAwIDIuNjggMS45IDYuMjYgNSA5LjM0QzkuMzU2IDIwIDEzLjMwNiAyMiAxNi41OTYgMjJoLjE1YTcuMjQgNy4yNCAwIDAgMCA1Ljg5LTMuNjcgMi44OCAyLjg4IDAgMCAwLS4yMi0zLjE1Wm0tMS41OCAyLjI5YTUuMyA1LjMgMCAwIDEtNC4xMyAyLjUzYy0yLjc3LjA3LTYuMjctMS43MS05LjMtNC43MS0yLjY5LTIuNjgtNC40MS01Ljc4LTQuNDEtNy45IDAtNS4wMyAyLjgtNS4zOSAzLjM1LTUuMzlhLjgxLjgxIDAgMCAxIC42NS4zMSA1IDUgMCAwIDEgMS4wOSAzLjMyIDIuNjggMi42OCAwIDAgMS0xIDEuOTIgMS44MiAxLjgyIDAgMCAwLS42OCAxLjI0YzAgMS44NSAyLjMgNC4yNSAzIDUgLjcuNzUgMyAyLjc1IDQuNjkgMi43NWEyLjQyIDIuNDIgMCAwIDAgMS42Ny0uODZjLjIyOC0uMjUuNDk5LS40NTcuOC0uNjFhNC4xIDQuMSAwIDAgMSA0LjI1IDEuMzljLjExLjA2LjMzLjM1LjAyIDEuMDFaIiBmaWxsPSIjMDAzMjY0Ii8+PC9zdmc+);
}

#custom-modal-consulting .icon--calender:before {
    -webkit-mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiI+PHBhdGggZmlsbD0iIzAwMzI2NCIgc3Ryb2tlPSIjMDAzMjY0IiBzdHJva2Utd2lkdGg9IjEuMzMzIiBkPSJNOS40MTkgNS4xNDN2LjY2N2gxMy4xNjNWMy40NDRoMS4yNzNWNS44MWg0LjgxMnYyMi43NDdIMy4zMzRWNS44MWg0LjgxMlYzLjQ0NGgxLjI3M3YxLjY5OXpNOC4xNDUgNy43NDl2LS42NjdINC42MDZ2NS44ODVoMjIuNzg3VjcuMDgyaC0zLjUzOXYyLjI0NmgtMS4yNzNWNy4wODJIOS40MTh2Mi4yNDZIOC4xNDVWNy43NDl6TTUuMjczIDE0LjI0aC0uNjY3djEzLjA0M2gyMi43ODdWMTQuMjRINS4yNzN6bTQuMDQ1IDQuMTc2YS41MzYuNTM2IDAgMSAxLTEuMDcyIDAgLjUzNi41MzYgMCAwIDEgMS4wNzIgMHptNC44MTIgMGEuNTM2LjUzNiAwIDEgMS0xLjA3MiAwIC41MzYuNTM2IDAgMCAxIDEuMDcyIDB6bTkuNjI0IDBhLjUzNi41MzYgMCAxIDEtMS4wNzIgMCAuNTM2LjUzNiAwIDAgMSAxLjA3MiAwem0tNC44MTIgMGEuNTM2LjUzNiAwIDEgMS0xLjA3MiAwIC41MzYuNTM2IDAgMCAxIDEuMDcyIDB6bS05LjYyNCA0LjgxMmEuNTM2LjUzNiAwIDEgMS0xLjA3MiAwIC41MzYuNTM2IDAgMCAxIDEuMDcyIDB6bTQuODEyIDBhLjUzNi41MzYgMCAxIDEtMS4wNzIgMCAuNTM2LjUzNiAwIDAgMSAxLjA3MiAwem05LjYyNCAwYS41MzYuNTM2IDAgMSAxLTEuMDcyIDAgLjUzNi41MzYgMCAwIDEgMS4wNzIgMHptLTQuODEyIDBhLjUzNi41MzYgMCAxIDEtMS4wNzIgMCAuNTM2LjUzNiAwIDAgMSAxLjA3MiAweiIvPjwvc3ZnPg==);
    mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiI+PHBhdGggZmlsbD0iIzAwMzI2NCIgc3Ryb2tlPSIjMDAzMjY0IiBzdHJva2Utd2lkdGg9IjEuMzMzIiBkPSJNOS40MTkgNS4xNDN2LjY2N2gxMy4xNjNWMy40NDRoMS4yNzNWNS44MWg0LjgxMnYyMi43NDdIMy4zMzRWNS44MWg0LjgxMlYzLjQ0NGgxLjI3M3YxLjY5OXpNOC4xNDUgNy43NDl2LS42NjdINC42MDZ2NS44ODVoMjIuNzg3VjcuMDgyaC0zLjUzOXYyLjI0NmgtMS4yNzNWNy4wODJIOS40MTh2Mi4yNDZIOC4xNDVWNy43NDl6TTUuMjczIDE0LjI0aC0uNjY3djEzLjA0M2gyMi43ODdWMTQuMjRINS4yNzN6bTQuMDQ1IDQuMTc2YS41MzYuNTM2IDAgMSAxLTEuMDcyIDAgLjUzNi41MzYgMCAwIDEgMS4wNzIgMHptNC44MTIgMGEuNTM2LjUzNiAwIDEgMS0xLjA3MiAwIC41MzYuNTM2IDAgMCAxIDEuMDcyIDB6bTkuNjI0IDBhLjUzNi41MzYgMCAxIDEtMS4wNzIgMCAuNTM2LjUzNiAwIDAgMSAxLjA3MiAwem0tNC44MTIgMGEuNTM2LjUzNiAwIDEgMS0xLjA3MiAwIC41MzYuNTM2IDAgMCAxIDEuMDcyIDB6bS05LjYyNCA0LjgxMmEuNTM2LjUzNiAwIDEgMS0xLjA3MiAwIC41MzYuNTM2IDAgMCAxIDEuMDcyIDB6bTQuODEyIDBhLjUzNi41MzYgMCAxIDEtMS4wNzIgMCAuNTM2LjUzNiAwIDAgMSAxLjA3MiAwem05LjYyNCAwYS41MzYuNTM2IDAgMSAxLTEuMDcyIDAgLjUzNi41MzYgMCAwIDEgMS4wNzIgMHptLTQuODEyIDBhLjUzNi41MzYgMCAxIDEtMS4wNzIgMCAuNTM2LjUzNiAwIDAgMSAxLjA3MiAweiIvPjwvc3ZnPg==);
}

#custom-modal-consulting a span {
	display: flex;
}

#custom-modal-consulting .icon--chat:before {
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: rgb(0, 50, 100);
    content: "\e000";
    font-family: z997a2;
    font-weight: 400;
    font-size: 25px;
    text-rendering: auto;
}

#footer .badges {
	display: flex;
	gap: 36px;
	align-items: center;
}

#footer .badge {
	display: flex;
	position: relative;
	width: 80px;
	height: 80px;
	background-color: #f2f5f7;
	border-radius: 50px;
	color: #335B83;
	align-items: center;
    justify-content: center;
}

.custom-modal {
	display: none;
	position: fixed;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
	z-index: 1000;
}

.custom-modal.open{
	display: block !important;
}

.custom-modal .modal-bg {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(0,50,100,.5);
}

.custom-modal .content-modal {
	position: absolute;
	width: 100%;
	max-height: calc(100% - 88px);
    overflow-y: auto;
	max-width: 512px;
	padding: 24px;
	background-color: #fff;
	border-radius: 8px;
	top: 50%;
	left: 50%;
	color: rgb(0, 50, 100);
	transform: translate(-50%, -50%);
	z-index: 1001;
}

.custom-modal .content-modal img {
	display: block;
	width: 100%;
	max-width: 300px;
	height: auto;
	margin: 16px auto 0 auto;
}

.custom-modal .content-modal h3 {
	font-family: CentraNo2-Medium, fallback-font, sans-serif;
	font-size: 1.3em;
	margin-top: 0;
	margin-bottom: 1em;
}

.custom-modal .content-modal ul {
    margin-top: 16px;
	padding: 0 0 0 15px;
}

.custom-modal .content-modal ul li {
	font-family: CentraNo2-Regular, fallback-font, sans-serif;
    list-style-type: disc;
}

.custom-modal .content-modal p {
	font-family: CentraNo2-Regular, fallback-font, sans-serif;
    margin: 16px 0 0 0;
}

.custom-modal .content-modal p strong {
	font-family: CentraNo2-Bold, fallback-font, sans-serif;
}

.custom-modal .close-area {
	position: sticky;
    height: 0;
    top: 0;
}

.custom-modal em {
    position: absolute;
    padding: 16px;
    top: -24px;
    right: -24px;
    cursor: pointer;
}

body.overflow-modal {
	overflow: hidden;
	overflow-y: hidden;
}

#custom-modal-consulting.custom-modal .content-modal {
    max-width: 340px;
    background: #f2f5f7;
}

#custom-modal-consulting .consulting-options {
	display: flex;
	flex-direction: column;
	gap: 8px;
	margin: 24px 0;
}

#custom-modal-consulting .consulting-options a {
	display: flex;
	gap: 8px;
	padding: 16px;
	border-radius: 8px;
	color: rgb(0, 50, 100);
	background: #fff;
	box-shadow: 0px 4px 8px 0px rgba(0, 50, 100, 0.12);
}

#custom-modal-consulting .consulting-options a:first-of-type {
	color: #fff;
	background: #1498EB;
}

#custom-modal-consulting h3 {
	text-align: center;
}

#custom-modal-consulting p {
	text-align: center;
}

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

	body.remove-bg #content>.column, #footer>.footer>.component-content>.column, .h-grid-wrapper {
        padding-left: 0;
        padding-right: 0;
    }

    body.remove-bg #content > .component > .component-content > .row > .column {
        padding-right: 0;
        padding-left: 0;
    }

	.custom-modal .content-modal {
    	width: calc(100% - 60px);
    	padding: 24px 16px;
	}

	.custom-modal em {
	    position: absolute;
	    padding: 16px;
	    top: -24px;
	    right: -16px;
	    cursor: pointer;
	}

}

@media screen and (min-width: 1020px) {

	body.remove-bg .funnel-container #root {
	    margin-top: 0px !important;
	}

	#header button {
	    font-size: 14px;
	    padding: 0 16px;
	}

	#header .consulting-img {
		visibility: visible;
	}

	#footer .help-area .wrapper {
		width: 1072px;
	}

}