/*
	Theme Name:     aceArt GmbH
	Theme URI:      http://www.aceArt.de
	Description:  	 aceArt Theme
	Author:         aceArt
	Author URI:     https://www.aceArt.de
	Template:       Divi
	Version:        0.0.1
*/

@font-face {
	font-family: "IBMPlexSans-Bold";
	src: url("/wp-content/themes/aceart/font/IBMPlexSans-Bold.ttf") format("truetype");
	font-style: normal;
	font-display: swap;
	font-weight: 900;
}

@font-face {
	font-family: "IBMPlexSans-Medium";
	src: url("/wp-content/themes/aceart/font/IBMPlexSans-Medium.ttf") format("truetype");
	font-style: normal;
	font-display: swap;
	font-weight: 900;
}

@font-face {
	font-family: "IBMPlexSans-Regular";
	src: url("/wp-content/themes/aceart/font/IBMPlexSans-Regular.ttf") format("truetype");
	font-style: normal;
	font-display: swap;
	font-weight: 900;
}


:root {
	--color-black: #111016;
	--color-off-white: #E1E2E4;
	--color-red: #F0533E;
	--color-grey: #bebec0;
	--color-white: #fff;

	--font-family-bold: "IBMPlexSans-Bold";
	--font-family-medium: "IBMPlexSans-Medium";
	--font-family-regular: "IBMPlexSans-Regular";

	--font-size-head-one: 80px;
	--font-size-head-two: 50px;
	--font-size-head-three: 35px;

	--font-size-intro: 30px;
	--font-size-head: 25px;
	--font-size-copy: 20px;
	--font-size-footer: 18px;

	--font-button: 20px;
	--font-button-mini: 16px;

	--line-height-head-one: 80px;
	--line-height-head-two: 50px;
	--line-height-head-three: 35px;

	--line-height-head: 27px;
	--line-height-intro: 40px;
	--line-height-copy: 27px;
	--line-height-footer: 24px;

	--border-radius: 25px;
}

@media(max-width:980px) {
	:root {

		--font-size-head-one: 55px;
		--font-size-head-two: 40px;
		--font-size-head-three: 35px;

		--font-size-intro: 35px;
		--font-size-copy: 25px;
		--font-size-footer: 20px;

		--font-button-mini: 16px;

		--line-height-head-one: 55px;
		--line-height-head-two: 40px;
		--line-height-head-three: 35px;

		--line-height-intro: 45px;
		--line-height-copy: 32px;
		--line-height-footer: 28px;

		--border-radius: 20px;
	}
}

@media(max-width:767px) {
	:root {

		--font-size-head-one: 45px;
		--font-size-head-two: 35px;
		--font-size-head-three: 25px;

		--font-size-intro: 20px;
		--font-size-copy: 20px;
		--font-size-footer: 16px;

		--font-button-mini: 16px;

		--line-height-head-one: 45px;
		--line-height-head-two: 35px;
		--line-height-head-three: 25px;

		--line-height-intro: 25px;
		--line-height-copy: 28px;
		--line-height-footer: 24px;
	}
}

@media(max-width:767px) {
	:root {

		--font-size-head-one: 38px;
		--font-size-head-two: 32px;

		--line-height-head-one: 38px;
		--line-height-head-two: 32px;
	}
}

*,
::before,
::after {
	box-sizing: border-box;
}

html,
body {
	position: static;
}

/* body {
	cursor: url('/wp-content/uploads/2023/10/aceArt_mouse.svg'), auto;
} */

.border,
.border-img .et_pb_image_wrap img {
	border-radius: var(--border-radius);
}

.hide-related-posts .related-post-teaser {
	display: none;
}

/* #region Background */
.et-db #et-boc .et-l .et_pb_section.background-black,
.background-black {
	background-color: var(--color-black);
}

.et-db #et-boc .et-l .et_pb_section.background-off-white,
.background-off-white {
	background-color: var(--color-off-white);
}

.et-db #et-boc .et-l .et_pb_section.background-red,
.background-red {
	background-color: var(--color-red);
}

/*#endregion Background*/

/* #region Font Color */
.color-black :is(h1, h2, h3, h4, p, .et_pb_text_inner, li, span, strong, b) {
	color: var(--color-black);
}

.color-off-white :is(h1, h2, h3, h4, p, .et_pb_text_inner, li, span, strong, b) {
	color: var(--color-off-white);
}

.color-red :is(h1, h2, h3, h4, p, .et_pb_text_inner, li, span, strong, b),
.icon-text-module .sub-title,
.icon-text-module h3.sub-title {
	color: var(--color-red);
}

.background-black .icon-text-module :is(li, p, div, .et_pb_text_inner) {
	color: var(--color-off-white);
}

/*#endregion Font Color*/

/* #region Font */
body {
	word-break: break-word;
	hyphens: auto;
	hyphenate-limit-chars: 5 3 4;
}

h1 {
	font-family: var(--font-family-regular);
	font-size: var(--font-size-head-one);
	line-height: var(--line-height-head-one);
}

h2,
.title :is(h1, h2, h3, p, .et_pb_text_inner, li, span, strong),
.et-db #et-boc .et-l .et_pb_title_container h1.entry-title {
	font-family: var(--font-family-regular);
	font-size: var(--font-size-head-two);
	line-height: var(--line-height-head-two);
}

h3,
.sub-title :is(h1, h2, h3, p, .et_pb_text_inner, li, span, strong),
.sub-title,
.post-template-default h2 {
	font-family: var(--font-family-regular);
	font-size: var(--font-size-head-three);
	line-height: var(--line-height-head-three);
}

h4 {
	font-family: var(--font-family-regular);
	font-size: var(--font-size-copy);
	line-height: var(--line-height-copy);
}

.intro :is(p, .et_pb_inner, h1),
.post-template-default h3 {
	font-family: var(--font-family-regular);
	font-size: var(--font-size-intro);
	line-height: var(--line-height-intro);
}

p,
li,
span,
div,
.et_pb_text_inner,
.et_pb_code_inner {
	font-family: var(--font-family-regular);
	font-size: var(--font-size-copy);
	line-height: var(--line-height-copy);
}

b,
strong {
	font-family: var(--font-family-bold);
}

#et-main-area ul {
	padding-left: 0px;
}

#et-main-area ul li {
	list-style: none;
	position: relative;
	padding-left: 20px;
}

#et-main-area ul li::before {
	content: '';
	display: inline-block;
	height: 15px;
	width: 10px;
	padding-right: 10px;
	background-image: url('/wp-content/uploads/2023/09/aceArt_Ace_Red-Heart.svg');
	background-repeat: no-repeat;

	position: absolute;
	left: 0px;
	top: 8px;
}

#et-main-area .background-red ul li::before {
	background-image: url('/wp-content/uploads/2023/09/aceArt_Ace_Black-Heart.svg');
}

/*Links*/
p a,
.et_pb_text_inner a,
li a {
	font-family: var(--font-family-bold);
	color: var(--color-red);
	position: relative;
	/* white-space: nowrap; */
}

p a:hover,
.et_pb_text_inner a:hover,
li a:hover {
	color: var(--color-red);
}

p a:hover::before,
.et_pb_text_inner a:hover::before,
li a:hover::before {
	transform: scaleX(1);
}

p a::before,
.et_pb_text_inner a::before,
li:not(.menu-item) a::before {
	content: "";
	position: absolute;
	display: block;
	width: 100%;
	height: 2px;
	bottom: 0;
	left: 0;
	background-color: var(--color-red);
	transform: scaleX(0);
	transition: transform 0.3s ease;
}

/* Fix WP-Adminbar which gets destroyed by the previous selector */
#wpadminbar li a::before {
	width: auto;
	height: auto;
	background-color: unset;
	transform: unset;
}

/* dont show underline */
.project-category .et_pb_text_inner a::before,
.archive.et-db #et-boc .et-l .et_pb_bg_layout_light .et_pb_post .post-meta a::before,
.post-template-default .et_pb_bg_layout_light p.et_pb_title_meta_container a::before {
	background-color: transparent;
}

.background-red p a,
.background-red .et_pb_text_inner a {
	font-family: var(--font-family-regular);
	color: var(--color-black);
	position: relative;
	white-space: nowrap;
}

.background-red a::before {
	background-color: var(--color-black);
}

/* #endregion Font */

/* #region Button */

.et-db #et-boc .et-l .et_pb_button.aceart-button,
.aceart-button,
.aceart-button:hover {
	font-family: var(--font-family-medium);
	font-size: var(--font-button);
	border: 2px solid;
	border-radius: var(--border-radius);
	padding: 2px 20px !important;
	transform: none;

	display: flex;
	align-items: center;
	width: fit-content;
	gap: 10px;
}

.et-db #et-boc .et-l .et_pb_button.aceart-button::after,
.aceart-button:after {
	margin: 0 !important;
	position: static;
	display: flex;
	background-repeat: no-repeat;
}

/* grey background- */
.et-db #et-boc .et-l .et_pb_button.aceart-button.grey-button,
.aceart-button.grey-button {
	border-color: var(--color-black);
	color: var(--color-black);
	background-color: var(--color-off-white);
}

.et-db #et-boc .et-l .et_pb_button.aceart-button.grey-button:hover,
.aceart-button.grey-button:hover {
	border-color: var(--color-red);
	background-color: var(--color-red);
}

.et-db #et-boc .et-l .et_pb_button.aceart-button.grey-button::after,
.aceart-button.grey-button::after {
	content: '';
	background-image: url('/wp-content/uploads/2023/09/aceArt_Ace_Red-Heart.svg');
	transform: scaleX(-1);
	width: 15px;
	height: 15px;
	opacity: 1;
}

.et-db #et-boc .et-l .et_pb_button.aceart-button.grey-button:hover::after,
.aceart-button.grey-button:hover::after {
	background-image: url('/wp-content/uploads/2023/09/aceArt_Ace_Black-Heart.svg');
	transform: scaleX(1);
}

/* black background */

.et-db #et-boc .et-l .et_pb_button.aceart-button.black-button,
.aceart-button.black-button {
	border-color: var(--color-off-white);
	color: var(--color-off-white);
	background-color: var(--color-black);
}

.et-db #et-boc .et-l .et_pb_button.aceart-button.black-button:hover,
.aceart-button.black-button:hover {
	border-color: var(--color-off-white);
	background-color: var(--color-off-white);
	color: var(--color-black);
}

.et-db #et-boc .et-l .et_pb_button.aceart-button.black-button::after,
.aceart-button.black-button::after {
	content: '';
	background-image: url('/wp-content/uploads/2023/09/aceArt_Ace_Red-Heart.svg');
	transform: scaleX(-1);
	width: 15px;
	height: 15px;
	opacity: 1;
}

.et-db #et-boc .et-l .et_pb_button.aceart-button.black-button:hover::after,
.aceart-button.black-button:hover::after {
	transform: scaleX(1);
}

/* red background */

.et-db #et-boc .et-l .et_pb_button.aceart-button.red-button,
.aceart-button.red-button {
	background-color: var(--color-red);
	color: var(--color-black);
	border-color: var(--color-black);
}

.et-db #et-boc .et-l .et_pb_button.aceart-button.red-button:hover,
.aceart-button.red-button:hover {
	background-color: var(--color-black);
	color: var(--color-red);
}

.et-db #et-boc .et-l .et_pb_button.aceart-button.red-button::after,
.aceart-button.red-button::after {
	content: '';
	background-image: url('/wp-content/uploads/2023/09/aceArt_Ace_Black-Heart.svg');
	transform: scaleX(-1);
	width: 17px;
	height: 17px;
}

.et-db #et-boc .et-l .et_pb_button.aceart-button.red-button:hover::after,
.aceart-button.red-button:hover::after {
	content: '';
	background-image: url('/wp-content/uploads/2023/09/aceArt_Ace_Red-Heart.svg');
	transform: scaleX(1);
	width: 17px;
	height: 17px;
}

.themes-module .et_pb_button_module_wrapper,
.education-tile .et_pb_button_module_wrapper,
.funding-program .et_pb_button_module_wrapper,
.history-module .et_pb_button_module_wrapper {
	width: fit-content;
	margin-inline: auto;
}

/* .icon-text-module .et_pb_blurb_description a::after {
	content: "";
	background-image: url(/wp-content/uploads/2023/09/aceArt_Ace_Red-Heart.svg);
	background-repeat: no-repeat;
	display: inline-block;
	width: 15px;
	height: 15px;
	margin-left: 8px;
	vertical-align: middle;
	transform: scaleX(-1);
	transition: ease 0.3s;
}

.icon-text-module .et_pb_blurb_description a:hover::after {
	transform: scaleX(1);
	transition: ease 0.3s;
} */

/* #endregion Button*/

/* #region section width*/
.et-db #et-boc .et-l .et_pb_section.width-1780 .et_pb_row,
.et_pb_section.width-1780 .et_pb_row {
	width: 95%;
	max-width: 1780px;
}

.et-db #et-boc .et-l .et_pb_section.width-1220 .et_pb_row,
.et_pb_section.width-1220 .et_pb_row {
	width: 90%;
	max-width: 1220px;
}

.et-db #et-boc .et-l .et_pb_section.width-1480 .et_pb_row,
.et_pb_section.width-1480 .et_pb_row {
	width: 90%;
	max-width: 1480px;
}

.et-db #et-boc .et-l .et_pb_section.width-1520 .et_pb_row,
.et_pb_section.width-1520 .et_pb_row {
	width: 80%;
	max-width: 1520px;
}

@media(max-width:980px) {

	.et-db #et-boc .et-l .et_pb_section.width-1780 .et_pb_row,
	.et_pb_section.width-1780 .et_pb_row {
		width: 90%;
	}

	.et-db #et-boc .et-l .et_pb_section.width-1520 .et_pb_row,
	.et_pb_section.width-1520 .et_pb_row {
		width: 90%;
	}

	.head-icon {
		flex-direction: column-reverse;
	}
}

@media(max-width:420px) {

	.et-db #et-boc .et-l .et_pb_button.aceart-button,
	.aceart-button,
	.aceart-button:hover {
		line-height: 1.2em !important;
		padding: 5px 20px !important;
	}
}

/*#endregion section width*/


/* #region global Cooperation Module*/

.et-db #et-boc .et-l .g-cooperation .et_pb_row {
	padding: 80px;
	display: flex;
}

.et-db #et-boc .et-l .g-cooperation .et_pb_column {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
}

.et-db #et-boc .et-l .g-cooperation .et_pb_button {
	white-space: nowrap;
}

.et-db #et-boc .et-l .g-cooperation .et_pb_blurb_container {
	vertical-align: middle;
	word-break: break-word;
	hyphens: auto;
}

.et-db #et-boc .et-l .g-cooperation .et_pb_main_blurb_image {
	width: 150px;
}

.et-db #et-boc .et-l .g-cooperation .et_pb_blurb {
	flex-grow: 1;
}

.et-db #et-boc .et-l .g-cooperation .et_pb_divider {
	flex-grow: 15;
}

.et-db #et-boc .et-l .g-cooperation .et_pb_button_module_wrapper {
	flex-grow: 1;
}



/*Agentur/TestCTA*/
/* .et-db #et-boc .et-l .g-cooperation.deux .et_pb_column{
	justify-content: space-between;
}

.et-db #et-boc .et-l .g-cooperation.deux .et_pb_column .title{
	background-color: var(--color-red);
}

.deux .et_pb_column::after{
	content:"";
	width: 100%;
	height: 2px;
	display: block;
	background-color: var(--color-black);
	position: absolute;
	z-index: -1;
} */

@media(max-width:1140px) {
	.g-cooperation .et_pb_column {
		flex-direction: column;
	}

	.et-db #et-boc .et-l .g-cooperation .et_pb_main_blurb_image {
		width: 100px;
	}
}

@media(max-width:980px) {
	.et-db #et-boc .et-l .g-cooperation .et_pb_column {
		gap: 50px;
	}

	.et-db #et-boc .et-l .g-cooperation .et_pb_row {
		padding: 50px;
	}
}

@media(max-width:767px) {
	.et-db #et-boc .et-l .g-cooperation .et_pb_column .title .et_pb_blurb_content {
		display: flex;
		flex-direction: column;
	}

	.et-db #et-boc .et-l .g-cooperation .et_pb_column {
		gap: 20px;
	}

	.et-db #et-boc .et-l .g-cooperation .et_pb_row {
		padding: 20px;
	}

	.g-cooperation .et_pb_blurb_content {
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	.et-db #et-boc .et-l .g-cooperation .et_pb_main_blurb_image {
		width: 70px;
	}
}


.g-interests .et_pb_text {
	width: 100%;
}

.g-interests .et_pb_row {
	padding: 80px;
}

.g-interests .et_pb_column,
.g-interests .et_pb_blurb {
	justify-content: center;
	display: inline-flex;
	flex-flow: row wrap;
	width: 100%;
	gap: 20px;
}

.g-interests p {
	text-align: center;
	font-family: var(--font-family-regular);
	font-size: var(--font-size-head-two);
	line-height: var(--line-height-head-two);
}

@media(max-width:767px) {
	.g-interests .et_pb_row {
		padding: 40px;
	}

	.g-cooperation .et_pb_blurb_container {
		text-align: center !important;
	}

}

/*#endregion global Cooperation Module*/

/*#region line and moving heart */

.et_pb_section.line {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.et_pb_section.line::before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	z-index: 0;
	max-width: 1220px;
	width: 90%;
	border-left: 3px solid var(--color-grey);
	align-self: center;
	margin-left: 57px;
}

.et_pb_section.line.heart::after {
	--heart-width: 20px;
	content: "";
	background-image: url(/wp-content/uploads/2023/10/aceArt_Ace_Heart.svg);
	background-size: var(--heart-width);
	background-repeat: no-repeat;
	display: block;
	width: 90%;
	max-width: 1220px;
	height: var(--heart-width);
	position: sticky;
	bottom: 50%;
	transform: translateZ(0px);
	z-index: 1;
	margin-left: 40px;
}


/*#endregion line and moving heart*/

/*#region Header with Text Icon*/

.head-icon {
	margin-top: 100px;
	margin-bottom: 0px;

	display: flex;
	/* align-items: center; */
	padding-bottom: 0px;
}

.head-icon .et_pb_image {
	width: 130px;
}

@media(max-width:980px) {
	.head-icon {
		margin-top: 0px;
		margin-bottom: 0px;
	}

	.head-icon .et_pb_image {
		width: 80px;
	}

}

@media(max-width:767px) {
	.head-icon {
		flex-direction: column;
		justify-content: flex-start;
		padding-top: 0px;
	}

	.head-icon .et_pb_column:first-child {
		order: 2;
	}

	.head-icon .et_pb_image {
		padding-bottom: 30px;
	}

}

/*#endregion Header Text Icon*/

.brlbs-basis-full.brlbs-flex {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.brlbs-dialog-logo {
	height: 20px !important;
}

#BorlabsCookieBox .brlbs-cmpnt-dialog-bar-header,
.brlbs-cmpnt-container .brlbs-cmpnt-dialog-bar-header {
	flex-direction: column;
}

@media(max-width:980px) {
	.custom-row {
		display: flex;
		flex-direction: column;
	}

	.custom-one {
		order: 2;
	}

	.custom-two {
		order: 1;
		padding-bottom: 20px;
	}
}