/*
Theme Name:  Te5t Architekten München
Theme URI:   https://te5t.com/relaunch
Version:     1.0
Description: A child theme of Divi. This is a custom child theme created for our site Te5t Architekten München.
Author:      borisgalogaza2025
Author URI:  https://te5t.com/relaunch
Template:    Divi
*/


/*- Add any CSS custom code for this child theme below this line -*/


/*#######################################################################################*/
/*## [ FONTS ] ##########################################################################*/
/*#######################################################################################*/


@font-face {
    font-family: 'Inter 24pt';
    src: url('https://te5t.com/wp-content/fonts/Inter24pt-Thin.woff2') format('woff2'),
        url('https://te5t.com/wp-content/fonts/Inter24pt-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Inter 24pt';
    src: url('https://te5t.com/wp-content/fonts/Inter24pt-ExtraLight.woff2') format('woff2'),
        url('https://te5t.com/wp-content/fonts/Inter24pt-ExtraLight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Inter 24pt';
    src: url('https://te5t.com/wp-content/fonts/Inter24pt-Light.woff2') format('woff2'),
        url('https://te5t.com/wp-content/fonts/Inter24pt-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Inter 24pt';
    src: url('https://te5t.com/wp-content/fonts/Inter24pt-Regular.woff2') format('woff2'),
        url('https://te5t.com/wp-content/fonts/Inter24pt-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Inter 24pt';
    src: url('https://te5t.com/wp-content/fonts/Inter24pt-Medium.woff2') format('woff2'),
        url('https://te5t.com/wp-content/fonts/Inter24pt-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Inter 24pt';
    src: url('https://te5t.com/wp-content/fonts/Inter24pt-SemiBold.woff2') format('woff2'),
        url('https://te5t.com/wp-content/fonts/Inter24pt-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Inter 24pt';
    src: url('https://te5t.com/wp-content/fonts/Inter24pt-Bold.woff2') format('woff2'),
        url('https://te5t.com/wp-content/fonts/Inter24pt-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}


/*#######################################################################################*/
/*## [ ALLGEMEIN ] ######################################################################*/
/*#######################################################################################*/


body {
	font-family: 'Inter 24pt';
	font-weight: 300;
	line-height: 1.75em;
	font-size: clamp(14px, 1.5vw, 20px) !important;
	color: #444751;
	background-color: #F4F4F4;
}
.wrapper_01_streifen_gruen_rechts {
	position: fixed;
	top: 0em;
	right: 0em;
	bottom: 0em;
	width: 90px;
	background-color: #748068;
}
.et_pb_section {
	margin-right: 90px;
}
.bettonung {
	font-weight: 600;
}
#main-content {
	background-color: transparent !important;
}

/* Hide image titles on hover */

#main-content img {
	pointer-events:none;
}


/*#######################################################################################*/
/*## [ GDPR ] ###########################################################################*/
/*#######################################################################################*/


.wordpress-gdpr-popup-container {
	-webkit-border-radius: 8px 8px 8px 8px;
	border-radius: 8px 8px 8px 8px;
	background-color: #FFFFFF !important;
}
.wordpress-gdpr-popup-text {
	font-size: clamp(14px, 1.5vw, 18px) !important;
	font-family: 'Inter 24pt';
	font-weight: 300;
	line-height: 1.45em;
}
.wordpress-gdpr-popup-agree {
	width: 100% !important;
	text-align: center !important;
	margin-right: 0em !important;
	line-height: 2.5em;
	font-weight: 700 !important;
	letter-spacing: 0.1em;
	border: 1px solid #748068;
	-webkit-border-radius: 4px 4px 4px 4px;
	border-radius: 4px 4px 4px 4px;
	color: #748068 !important;
	transition: all 0.2s ease-in-out 0s;
	background-color: #FFFFFF !important;
	font-size: clamp(12px, 1.5vw, 16px) !important;
	margin-bottom: 1em !important;
}
.wordpress-gdpr-popup-agree:hover {
	background-color: #748068 !important;
	color: #FFFFFF !important;
}
.wordpress-gdpr-popup-preferences {
	width: 100% !important;
	text-align: center !important;
	margin-left: 0em !important;
	line-height: 1.75em;
	font-weight: 700 !important;
	letter-spacing: 0.1em;
	border: 1px solid #DCDFD9;
	-webkit-border-radius: 4px 4px 4px 4px;
	border-radius: 4px 4px 4px 4px;
	color: #748068 !important;
	transition: all 0.2s ease-in-out 0s;
	background-color: #DCDFD9 !important;
	font-size: clamp(12px, 1.5vw, 16px) !important;
}
.wordpress-gdpr-popup-preferences:hover {
	background-color: #748068 !important;
	color: #FFFFFF !important;
	border: 1px solid #DCDFD9;
}


/*#######################################################################################*/
/*## [ BUTTONS ] ########################################################################*/
/*#######################################################################################*/


.button_gruen {
	display: inline-block;
	line-height: 3.4em;
	font-weight: 700;
	letter-spacing: 0.1em;
	padding-left: 2em;
	padding-right: 2em;
	text-transform: uppercase;
	border: 1px solid #748068;
	-webkit-border-radius: 4px 4px 4px 4px;
	border-radius: 4px 4px 4px 4px;
	color: #748068;
	font-size: clamp(12px, 1.5vw, 16px) !important;
	transition: all 0.2s ease-in-out 0s;
}
.button_gruen:hover {
	background-color: #748068;
	color: #FFFFFF;
}


/*#######################################################################################*/
/*## [ SECTIONS / RAWS / COLUMNS / MODULES / IMAGES ROUNDED ] ###########################*/
/*#######################################################################################*/


/*-- [ SECTIONS ] -----------------------------------------------------------------------*/


.et_pb_section {
	margin-bottom: 6em;
}
.section_margin_bottom_null {
	margin-bottom: 0em !important;
}
.section_margin_bottom_8 {
	margin-bottom: 8em !important;
}


/*-- [ RAWS ] ---------------------------------------------------------------------------*/


.et_pb_row_inner {
	padding-top: 0em !important;
	padding-bottom: 0em !important;
}


/*-- [ COLUMNS ] ------------------------------------------------------------------------*/


.et_pb_column {
	padding-top: 0em !important;
	padding-bottom: 0em !important;
}
.et_pb_column_margin_bottom_1_5 {
	padding-top: 0em !important;
	padding-bottom: 1.5em !important;
}


/*-- [ MODULES ] ------------------------------------------------------------------------*/


.image_rounded_8 img {
	-webkit-border-radius: 8px 8px 8px 8px;
	border-radius: 8px 8px 8px 8px;
}


/*#######################################################################################*/
/*## [ H! - H6 ] ########################################################################*/
/*#######################################################################################*/


h2 {
	font-size: clamp(24px, 1.5vw, 36px) !important;
	font-weight: 600 !important;
	line-height: 1.1em;
	color: #444751 !important;
	padding-bottom: 0em !important;
}
h3 {
	font-size: clamp(22px, 1.5vw, 36px) !important;
	font-weight: 600 !important;
	line-height: 1.1em;
	color: #444751 !important;
}
h3 {
	font-size: clamp(20px, 1.5vw, 30px) !important;
	font-weight: 600 !important;
	line-height: 1.1em;
	color: #444751 !important;
}
h4 {
	font-size: clamp(18px, 1.5vw, 24px) !important;
	font-weight: 600 !important;
	line-height: 1.1em;
	color: #444751 !important;
}


/*#######################################################################################*/
/*## [ TAP TAP MENU ] ###################################################################*/
/*#######################################################################################*/


.taptap-by-bonfire {
	margin-top: 1.25em !important;
}
.taptap-menu-button-wrapper {
	right: 25px !important;
	top: 15px !important;
	left: auto;
}
.taptap-background-color {
	background-color: rgb(116, 128, 104, 0.85);
}
.taptap-main-menu-button::before, .taptap-main-menu-button div.taptap-main-menu-button-middle::before, .taptap-main-menu-button::after {
	width: 30px;
	height: 4px;
	margin: 7px 0;
	background-color: #FFFFFF !important;
}
.taptap-menu-active .taptap-main-menu-button::before {
	transform: translateY(11px) rotate(45deg) !important;
	-webkit-transform: translateY(11px) rotate(45deg) !important;
}
.taptap-menu-active .taptap-main-menu-button::after {
	transform: translateY(-11px) rotate(-45deg) !important;
	-webkit-transform: translateY(-11px) rotate(-45deg) !important;
}
.taptap-main-inner-inner {
	padding-top: 0em !important;
	padding-left: 0.75em !important;
}
#menu-haupmenu li {
	margin-bottom: 1em;
}
#menu-haupmenu a {
	color: #FFFFFF;
	font-size: clamp(42px, 2.5vw, 84px) !important;
	font-family: 'Inter 24pt' !important;
	font-weight: 300 !important;
	line-height: 1em;
	padding-top: 0em !important;
	padding-bottom: 0em !important;
	opacity: 0.6;
}
#menu-haupmenu a:hover {
	opacity: 1;
}
#menu-haupmenu .current-menu-item a {
	opacity: 1;
}


/*#######################################################################################*/
/*## [ FOOTER ] #########################################################################*/
/*#######################################################################################*/


.wrapper_02_footer_blocks {
	border-top: 1px dotted #444751;
	padding-top: 4em !important;
	padding-bottom: 4.5em !important;
}
.wrapper_02_footer_copyright_links {
	border-top: 1px dotted #444751;
	padding-top: 0.5em !important;
	font-size: clamp(12px, 1.5vw, 16px) !important;
}
.wrapper_01_footer_logo_schriftzug {
	font-weight: 700;
	line-height: 1.5em;
}
.wrapper_01_footer_social_icons_solo .et_pb_text_inner {
	display: flex;
	flex-direction: row;
	align-items: center;
}
.icon_instagram {
	margin-right: 0.5em;
}
.wrapper_01_footer_adresse_solo a {
	color: #444751;
	text-decoration: underline;
}
.wrapper_01_footer_adresse_solo a:hover {
	color: #748068;
	text-decoration: underline;
}
.wrapper_01_footer_rechtstexte_links a {
	color: #444751;
	text-decoration: underline;
}
.wrapper_01_footer_rechtstexte_links a:hover {
	color: #748068;
	text-decoration: underline;
}
.wrapper_01_footer_copyright {
	text-transform: uppercase;
}
.icon_instagram img:hover {
	transition: all 0.2s ease-in-out 0s;
	transform: scale(0.95)
}
.icon_linkedin img:hover {
	transition: all 0.2s ease-in-out 0s;
	transform: scale(0.95)
}


/*#######################################################################################*/
/*## [ TOP KONTAKT INFO ] ###############################################################*/
/*#######################################################################################*/


.wrapper_01_top_kontakt_info {
	margin-bottom: 0em !important;
	font-size: clamp(12px, 1.5vw, 12px) !important;
	padding-left: 2em;
	padding-right: 2em;
	letter-spacing: 0.1em;
	height: 48px;
	display: flex;
	align-items: center;
	font-weight: 400 !important;
}
.top_wrapper_kontakt {
	display: flex;
	flex-direction: row;
}
.wrapper_top_kontakt_h1 {
	font-size: clamp(12px, 1.5vw, 12px) !important;
	display: flex;
	flex-direction: row;
	align-items: center;
	font-weight: 700 !important;
	line-height: 1em;
	margin-right: 1em;
	margin-left: 0.25em;
}
.home .wrapper_top_kontakt_h1 h1 {
	font-size: clamp(12px, 1.5vw, 12px) !important;
	padding-bottom: 0em !important;
	font-weight: 700;
	margin-left: 0.25em;
}
.wrapper_01_top_kontakt_info a {
	color: #444751;
	text-decoration: underline;
}
.wrapper_01_top_kontakt_info a:hover {
	color: #748068;
	text-decoration: underline;
}
a[href^="tel"] {
	color: inherit; /* Inherit text color of parent element. */
	text-decoration: underline; /* Remove underline. */
}


/*#######################################################################################*/
/*## [ HOMEPAGE ] #######################################################################*/
/*#######################################################################################*/


/*-- [ INTRO LOGO COPY ] ----------------------------------------------------------------*/


.wrapper_02_intro_copy {
	height: 35vh;
	min-height: 420px;
	padding-top: 100px !important;
}
.wrapper_01_intro_copy {
	font-size: clamp(16px, 1.5vw, 24px) !important;
	line-height: 1.5em;
}
.intro_copy_unterschrift {
	font-size: clamp(12px, 1.5vw, 16px) !important;
	font-weight: 600;
	margin-top: 1.5em;
}


/*-- [ UEBER UNS ] ----------------------------------------------------------------------*/


.wrapper_01_homepage_ueber_uns_images {
	margin-bottom: 3em;
}
.wrapper_02_homepage_ueber_uns_button {
	margin-top: 2em;
}


/*-- [ KEYVISUAL SLIDER ] ---------------------------------------------------------------*/


#wrapper_02_keyvisual_slider, #wrapper_01_keyvisual_slider, #wrapper_01_keyvisual_slider .dipi-carousel-main, #wrapper_01_keyvisual_slider .dipi-carousel-wrapper, #wrapper_01_keyvisual_slider .dipi-carousel-wrapper img {
	-webkit-border-radius: 24px 24px 24px 24px;
	border-radius: 24px 24px 24px 24px;
}
#wrapper_01_keyvisual_slider .swiper-container {
	padding-top: 0px !important;
	padding-right: 0px !important;
	padding-bottom: 0px !important;
	padding-left: 0px !important;
}
.wrapper_01_keyvisual_slider .dipi-carousel-image img {
	-webkit-border-radius: 24px 24px 24px 24px;
	border-radius: 24px 24px 24px 24px;
}
#wrapper_01_keyvisual_slider .swiper-pagination-bullet {
	height: 2px !important;
	width: 60px !important;
	border-radius: 0% !important;
	margin-left: 0.25em !important;
	margin-right: 0.25em !important;
}
#wrapper_01_keyvisual_slider .swiper-pagination-bullet-active {
	height: 3px !important;
}
#wrapper_01_keyvisual_slider .swiper-pagination {
	bottom: -60px !important;
}


/*-- [ PROJEKTE AKTUEL SLIDER ] ---------------------------------------------------------*/


#homepage_01_homepage_projekte_aktuell_header {
	margin-bottom: 0em !important;
}
#wrapper_01_homepage_blog_slider_projekte_aktuell {
	margin-bottom: 0em !important;
}
#wrapper_01_homepage_blog_slider_projekte_aktuell .dipi-entry-featured-image-url {
	-webkit-border-radius: 8px 8px 8px 8px;
	border-radius: 8px 8px 8px 8px;
	/*height: 460px;
	display: flex;
	align-items: center;*/
}
#wrapper_01_homepage_blog_slider_projekte_aktuell .dipi-post-content {
	padding-left: 0em !important;
	padding-right: 0em !important;
}
#wrapper_01_homepage_blog_slider_projekte_aktuell .dipi-entry-title a {
	font-size: clamp(18px, 1.5vw, 26px) !important;
}
#wrapper_01_homepage_blog_slider_projekte_aktuell .swiper-container {
	padding-bottom: 0px !important;
}
#wrapper_01_homepage_blog_slider_projekte_aktuell .dipi-entry-featured-image-url:hover img {
	transform: scale(1.04);
}
#wrapper_01_homepage_blog_slider_projekte_aktuell .dipi-entry-featured-image-url img {
	pointer-events: initial !important;
}
#wrapper_01_homepage_blog_slider_projekte_aktuell .dipi-entry-title a:hover {
	text-decoration: underline;
}


/*-- [ TESTIMONIALS ] -------------------------------------------------------------------*/


.wrapper_03_homepage_projekte_aktuell {
	margin-bottom: 5.5em !important;
}
#homepage_01_homepage_projekte_aktuell_header {
	margin-bottom: 1em !important;
}
#wrapper_01_homepage_testimonials_carousell .swiper-container {
	padding-right: 0px !important;
	padding-left: 0px !important;
	padding-top: 0px !important;
	padding-bottom: 30px !important;
}
#wrapper_01_homepage_testimonials_carousell .dipi-testimonial-text {
	font-size: clamp(16px, 1.5vw, 20px) !important;
	line-height: 1.5em !important;
}
.dipi-testimonial-name {
	font-size: clamp(14px, 1.5vw, 18px) !important;
	font-weight: 600;
	line-height: 1em !important;
	margin-top: 0.5em;
	margin-bottom: 0em !important;
}
#wrapper_01_homepage_testimonials_carousell .dipi-company-name {
	font-size: clamp(12px, 1.5vw, 16px) !important;
}
#wrapper_01_homepage_testimonials_carousell .swiper-pagination-bullet {
	height: 2px !important;
	width: 60px !important;
	border-radius: 0% !important;
	margin-left: 0em !important;
	margin-right: 0em !important;
}
#wrapper_01_homepage_testimonials_carousell .swiper-pagination-bullet-active {
	height: 3px !important;
}
#wrapper_01_homepage_testimonials_carousell .dipi-open-popup-link {
	color: #a1a3a8 !important;
	font-size: clamp(14px, 1.5vw, 18px) !important;
	text-decoration: underline;
	margin-top: 1em !important;
	font-weight: 500;
	display: inline-block;
}
#wrapper_01_homepage_testimonials_carousell .swiper-button-prev {
	top: 100%;
	left: 45% !important;
}
#wrapper_01_homepage_testimonials_carousell .swiper-button-next {
	top: 100%;
	right: 45% !important;
}
#wrapper_01_homepage_testimonials_carousell .swiper-button-prev:hover:after {
	transform: scale(1.2)
}
#wrapper_01_homepage_testimonials_carousell .swiper-button-next:hover:after {
	transform: scale(1.2)
}
.dipi-review-popup-bottom .dipi-company-name {
	font-size: clamp(12px, 1.5vw, 18px) !important;
	margin-top: 0.25em;
}
.dipi-review-popup-text {
	-webkit-border-radius: 8px 8px 8px 8px;
	border-radius: 8px 8px 8px 8px;
	padding: 2em 2.5em 2.25em 2.5em !important;
}
.mfp-close {
	background-color: #748068 !important;
	border-radius: 100px;
}
.mfp-wrap .mfp-container .dipi-review-popup-text .mfp-close:hover {
	transform: scale(1.1);
	background-color: #748068 !important;
}
.dipi-testimonial-main .swiper-container .dipi-testimonial-item {
	font-size: clamp(14px, 1.5vw, 20px) !important;
}


/*-- [ INSTA FEED ] ---------------------------------------------------------------------*/


.eapps-instagram-feed-posts-item-template-tile {
	-webkit-border-radius: 8px 8px 8px 8px;
	border-radius: 8px 8px 8px 8px;
}


/*-- [ BLOG ] ---------------------------------------------------------------------------*/


#wrapper_03_post_intro_logo_copy {
	padding-top: 6em !important;
}
.homepage_01_homepage_blog_header {
	margin-bottom: 0em !important;
}
.wrapper_01_homepage_blog_slider {
	margin-bottom: 0em !important;
}
#wrapper_01_homepage_blog_slider .swiper-container {
	padding-top: 30px !important;
	padding-right: 0px !important;
	padding-bottom: 30px !important;
	padding-left: 0px !important;
}
.dipi-entry-featured-image-url {
	-webkit-border-radius: 8px 8px 8px 8px;
	border-radius: 8px 8px 8px 8px;
}
#wrapper_01_homepage_blog_slider .dipi-post-content {
	padding-right: 0px !important;
	padding-left: 0px !important;
}
#wrapper_01_homepage_blog_slider .dipi-bottom-content {
	padding-right: 0px !important;
	padding-left: 0px !important;
}
#wrapper_01_homepage_blog_slider .et_pb_button {
	padding: 0em !important;
	border: none !important;
	color: #a1a3a8 !important;
	font-size: clamp(14px, 1.5vw, 18px) !important;
	text-decoration: underline;
}
#wrapper_01_homepage_blog_slider .et_pb_button:hover {
	color: #444751 !important;
	text-decoration: underline;
}
#wrapper_01_homepage_blog_slider .dipi-bottom-content a {
	margin-top: 0em !important;
}
#wrapper_01_homepage_blog_slider h3 {
	margin-top: 0.5em;
	margin-bottom: 0.25em;
}


/*#######################################################################################*/
/*## [ UEBER UNS ] ######################################################################*/
/*#######################################################################################*/


.wrapper_02_homepage_ueber_uns_copy {
	margin-bottom: 2em !important;
}
.wrapper_02_gedanken_ueber_uns_images {
	margin-bottom: 2em !important;
}
.wrapper_01_ueber_uns_gedanken_gebeude img {
	-webkit-border-radius: 8px 8px 8px 8px;
	border-radius: 8px 8px 8px 8px;
}
.wer_sind_wir_images_top {
	margin-bottom: 2em !important;
}
.wrapper_01_ueber_uns_wer_sind_wir_copy {
	margin-bottom: 2em !important;
}


/*-- [ TEAM IMAGES START ] --------------------------------------------------------------*/


.wrapper_02_das_team_headline {
	margin-bottom: 1em;
}
#wrapper_02_ueber_uns_das_team_images {
	margin-bottom: 1em !important;
}
#wrapper_01_ueber_uns_das_team_image .dipi-hover-box-container {
	aspect-ratio: 1 / 1.488 !important;
	height: initial !important;
	min-height: initial !important;
}
#wrapper_01_ueber_uns_das_team_image .dipi-hover-box-content {
	aspect-ratio: 1 / 1.448 !important;
	height: initial !important;
	min-height: initial !important;
	padding: 0em !important;
}
#wrapper_01_ueber_uns_das_team_image .dipi-hover-box-content-innner {
	opacity: 1 !important;
}
#wrapper_01_ueber_uns_das_team_image .dipi-content-image-icon-wrap img {
	aspect-ratio: 1 / 1.448 !important;
	height: initial !important;
	min-height: initial !important;
	-webkit-border-radius: 8px 8px 8px 8px;
	border-radius: 8px 8px 8px 8px;
}
#wrapper_01_ueber_uns_das_team_image .dipi-hover-box-hover {
	aspect-ratio: 1 / 1.448 !important;
	height: initial !important;
	min-height: initial !important;
	-webkit-border-radius: 8px 8px 8px 8px;
	border-radius: 8px 8px 8px 8px;
	padding-left: 2.15em !important;
	padding-bottom: 2em !important;
}
#wrapper_01_ueber_uns_das_team_image .dipi-text {
	padding-top: 0em !important;
	padding-bottom: 0em !important;
}
.team_image_name {
	color: #FFFFFF;
	font-weight: 700;
	font-size: clamp(16px, 1.5vw, 22px) !important;
	line-height: 1em !important;
	opacity: 0.85;
	margin-bottom: 0.25em;
}
.team_image_position {
	color: #FFFFFF;
	font-weight: 500;
	font-size: clamp(12px, 1.5vw, 16px) !important;
	line-height: 1.55em !important;
	opacity: 0.8;
	margin-bottom: 0.75em;
	margin-bottom: 1.25em;
}
.team_image_telefon {
	color: #FFFFFF;
	font-weight: 500;
	font-size: clamp(12px, 1.5vw, 16px) !important;
	line-height: 0.9em !important;
	opacity: 0.7;
}
.team_image_email {
	color: #FFFFFF;
	font-weight: 500;
	font-size: clamp(12px, 1.5vw, 16px) !important;
	line-height: 0.9em !important;
	opacity: 0.7;
	text-decoration: underline;
}
.team_image_email:hover {
	text-decoration: underline;
	opacity: 1 !important;
}


/*-- [ TEAM IMAGES ENDE ] ---------------------------------------------------------------*/


.wrapper_02_netzwerkpartner_subheadline {
	margin-top: 3em;
	margin-bottom: 1em;
}
.wrapper_01_netzwerkpartner_firma {
	height: 6em;
	background-color: #FFFFFF;
	-webkit-border-radius: 8px 8px 8px 8px;
	border-radius: 8px 8px 8px 8px;
	padding: 1em 2em 1em 2em;
	display: flex;
	align-items: center;
	line-height: 1.35em !important;
}


/*#######################################################################################*/
/*## [ PROJEKTE UEBERSICHT ] ############################################################*/
/*#######################################################################################*/


/*-- [ FILTER ] -------------------------------------------------------------------------*/


#wrapper_01_projekte_uebersicht_grid .dipi-filter-bar {
	margin-bottom: 2em !important;
}
#wrapper_01_projekte_uebersicht_grid .dipi-filter-bar-item {
	padding: 0em 1em 0em 0em !important;
	line-height: 0.8em;
}
.dipi-filter-bar .active {
	font-weight: 600;
	color: #748068 !important;
	text-decoration: underline;
}
.dipi-filter-bar .dipi-filter-bar-name:hover {
	color: #748068 !important;
	text-decoration: underline;
}


/*-- [ GRID ] ---------------------------------------------------------------------------*/



#wrapper_01_projekte_uebersicht_grid .dipi-grid-item-content {
	display: flex;
	flex-direction: column-reverse;
}
#wrapper_01_projekte_uebersicht_grid h4 {
	margin: 0.5em 0em 0.25em 0em !important;
}
#wrapper_01_projekte_uebersicht_grid h4:hover {
	text-decoration: underline;
}
#wrapper_01_projekte_uebersicht_grid .dipi-post-meta {
	font-size: clamp(14px, 1.5vw, 16px) !important;
	line-height: 1.45em;
	margin: 0em 0em 0em 0em !important;
}
#wrapper_01_projekte_uebersicht_grid .img-container {
	-webkit-border-radius: 8px 8px 8px 8px;
	border-radius: 8px 8px 8px 8px;
}
#wrapper_01_projekte_uebersicht_grid .img-container img:hover {
	transform: scale(1.05);
}
#wrapper_01_projekte_uebersicht_grid .dipi-loadmore-btn {
	display: inline-block;
	line-height: 3.4em;
	font-weight: 700;
	letter-spacing: 0.1em;
	padding-left: 2em !important;
	padding-right: 2em !important;
	text-transform: uppercase;
	border: 1px solid #748068;
	-webkit-border-radius: 4px 4px 4px 4px;
	border-radius: 4px 4px 4px 4px;
	color: #748068;
	font-size: clamp(12px, 1.5vw, 16px) !important;
	margin-top: 4em !important;
	transition: all 0.2s ease-in-out 0s;
}
#wrapper_01_projekte_uebersicht_grid .dipi-loadmore-btn:hover {
	background-color: #748068;
	color: #FFFFFF;
}
#wrapper_01_projekte_uebersicht_grid h4 {
	font-size: clamp(24px, 1.5vw, 24px) !important;
}
.dipi-filtered-posts-container {
	min-height: 25vw;
}


/*#######################################################################################*/
/*## [ PROJEKTE UEBERSICHT NEU ] ########################################################*/
/*#######################################################################################*/



.wrapper_01_projekte_uebersicht_grid_neu .simplefilter {
	text-align: left !important;
}
.wrapper_01_projekte_uebersicht_grid_neu .simplefilter .fa-check::before {
	display: none;;
}
.wrapper_01_projekte_uebersicht_grid_neu .simplefilter .active::before {
	display: none;
}
.wrapper_01_projekte_uebersicht_grid_neu .simplefilter span {
	-webkit-transform: none !important;
	transform: none !important;
	text-transform: none !important;
}
.wrapper_01_projekte_uebersicht_grid_neu .simplefilter .active span {
	-webkit-transform: none !important;
	transform: none !important;
	font-family: 'Inter 24pt' !important;
}
.wrapper_01_projekte_uebersicht_grid_neu .simplefilter .active {
	background-color: #748068 !important;
	color: #FFFFFF !important;
	padding: 8px 16px !important;
	
}
.wrapper_01_projekte_uebersicht_grid_neu .simplefilter li:hover {
	background-color: #748068 !important;
	color: #FFFFFF !important;
}
.wrapper_01_projekte_uebersicht_grid_neu .simplefilter li::before {
	background: rgba(255, 255, 255, 0) !important;
	-webkit-transition: none !important;
	transition: none !important;
    transition-delay: none !important;
	-webkit-transition-delay: none !important;
	transition-delay: none !important;
}
.wrapper_01_projekte_uebersicht_grid_neu .simplefilter li {
	background: #FFFFFF !important;
	color: #444751 !important;
	padding: 8px 16px !important;
	font-size: clamp(12px, 1.5vw, 16px) !important;
	font-weight: 400 !important;
}
.wrapper_01_projekte_uebersicht_grid_neu .simplefilter {
	padding-left: 20px !important;
	padding-right: 20px !important;
}
.wrapper_01_projekte_uebersicht_grid_neu .post-box {
	padding: 0px !important;
	background-color: transparent !important;
	border: none !important;
}
.wrapper_01_projekte_uebersicht_grid_neu .post-box h2 {
	margin-bottom: 0em !important;
}
.wrapper_01_projekte_uebersicht_grid_neu .fit-text-main {
	padding: 0px !important;
}
.wrapper_01_projekte_uebersicht_grid_neu .blog_metaInfo .blog_date {
	display: none !important;
}
.wrapper_01_projekte_uebersicht_grid_neu .post-box .blog_desc {
	display: none !important;
}
.wrapper_01_projekte_uebersicht_grid_neu .post-box .bf_read_more_div_1 {
	display: none !important;
}
.wrapper_01_projekte_uebersicht_grid_neu .post-box .blog_cat {
	line-height: 1.5em;
}
.wrapper_01_projekte_uebersicht_grid_neu .post-box .blog_cat_icon {
	display: none;
}
.wrapper_01_projekte_uebersicht_grid_neu .post-box .blog_metaInfo {
	line-height: 1em;
}
.wrapper_01_projekte_uebersicht_grid_neu .no-more-posts {
	display: none;
}
.wrapper_01_projekte_uebersicht_grid_neu .fit-in-content {
	-webkit-border-radius: 8px 8px 8px 8px;
	border-radius: 8px 8px 8px 8px;
}
.wrapper_01_projekte_uebersicht_grid_neu .icons i {
	display: none;
}
.wrapper_01_projekte_uebersicht_grid_neu .icons a {
	width: 100%;
	height: 100%;
}
#wrapper_01_projekte_uebersicht_grid_neu .fit-text-main h2 {
	color: #444751 !important;
	font-size: clamp(24px, 1.5vw, 24px) !important;
	font-weight: 600 !important;
}
.wrapper_01_projekte_uebersicht_grid_neu .fit-text-main h2:hover {
	text-decoration: underline;
}
#wrapper_01_projekte_uebersicht_grid_neu .blog_metaInfo .blog_cat {
	font-size: clamp(14px, 1.5vw, 16px) !important;
	line-height: 1.25em !important;
	font-weight: 300 !important;
}
#wrapper_01_projekte_uebersicht_grid_neu .fit-in-content::before {
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	background-color: transparent !important;
}
.fit-in-content:hover img {
	transform: scale(1.04) !important;
}
.filtr-container, .filtr-container .filtr-item {
	-webkit-transition-duration: 0.3s !important;
	-moz-transition-duration: 0.3s !important;
	-ms-transition-duration: 0.3s !important;
	-o-transition-duration: 0.3s !important;
	transition-duration: 0.3s !important;
}


/*#######################################################################################*/
/*## [ PROJEKT ] ########################################################################*/
/*#######################################################################################*/


.wrapper_01_projekt_keyvisual img {
	-webkit-border-radius: 24px 24px 24px 24px;
	border-radius: 24px 24px 24px 24px;
}
.wrapper_01_projekt_headline h1 {
	font-size: clamp(36px, 2.5vw, 64px) !important;
	line-height: 1em;
	font-weight: 300;
}
#wrapper_01_projekt_intro_copy {
	font-size: clamp(16px, 1.5vw, 24px) !important;
	line-height: 1.5em;
}
#wrapper_01_projekt_intro_copy strong {
	font-weight: 600 !important;
}
#wrapper_01_projekt_beschreibung_kurzinfo strong {
	font-weight: 600 !important;
}
#wrapper_02_projekt_beschreibung {
	margin-top: 5em !important;
	margin-bottom: 2.25em !important;
}
#wrapper_03_projekt_images {
	margin-bottom: 4em !important;
}
#wrapper_02_projekt_images {
	margin-bottom: 4em !important;
}
#wrapper_03_projekt_images img {
	-webkit-border-radius: 12px 12px 12px 12px;
	border-radius: 12px 12px 12px 12px;
}


/*-- [ PROJEKTE CLOSE ] -----------------------------------------------------------------*/


#wrapper_03_projekt_schliessen {
	position: fixed;
	bottom: 80px;
	width: initial !important;
	left: 49.9%;
	transform: translateX(-49.9%);
	padding-top: 0em !important;
	padding-bottom: 0em !important;
	margin-right: 0em !important;
	margin-bottom: 0em !important;
}
.wrapper_02_projekt_schliessen {
	padding-top: 0em !important;
	padding-bottom: 0em !important;
	display: none;
}
.wrapper_projekt_schliessen {
	background-color: #444751;
	-webkit-border-radius: 100px 100px 100px 100px;
	border-radius: 100px 100px 100px 100px;
	height: 69px;
	width: 69px;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0.1em;
}
.wrapper_projekt_schliessen:hover {
	transition: all 0.2s ease-in-out 0s;
	transform: scale(0.9);
}
.wrapper_projekt_schliessen img {
	max-width: 50%;
}


/*#######################################################################################*/
/*## [ LEISTUNGEN ] #####################################################################*/
/*#######################################################################################*/


#wrapper_01_getstaltungsmethoden_karousell .swiper-container {
	padding-left: 0em !important;
	padding-right: 0em !important;
}
#wrapper_01_getstaltungsmethoden_karousell .dipi-carousel-item-content {
	background-color: #FBFBFB!important;
	padding: 1.5em 2em 3em 2em !important;
}
#wrapper_01_getstaltungsmethoden_karousell .dipi-carousel-item-content h4 {
	font-size: clamp(20px, 1.5vw, 24px) !important;
}
#wrapper_01_getstaltungsmethoden_karousell .dipi_carousel_child {
	-webkit-border-radius: 8px 8px 8px 8px;
	border-radius: 8px 8px 8px 8px;
}
.wrapper_02_bim_copy {
	margin-bottom: 1em;
}
.wrapper_02_lean_management_copy {
	margin-bottom: 1em;
}
.lean_management_link {
	margin-top: 1em !important;
}
.lean_management_link a {
	color: #9C6353;
	font-weight: 700;
	text-decoration: underline;
}
.lean_management_link a:hover {
	color: #444751;
	font-weight: 700;
	text-decoration: underline;
}
.wrapper_02_bim_images img {
	-webkit-border-radius: 8px 8px 8px 8px;
	border-radius: 8px 8px 8px 8px;
}
.wrapper_02_lean_management_images img {
	-webkit-border-radius: 8px 8px 8px 8px;
	border-radius: 8px 8px 8px 8px;
}


/*#######################################################################################*/
/*## [ BLOG UEBERSICHHT ] ###############################################################*/
/*#######################################################################################*/


#wrapper_01_blog_uebersicht .dipi-post-meta {
	margin: 2em 0em 0.5em 0em !important;
	font-size: clamp(12px, 1.5vw, 14px) !important;
	line-height: 1.25em;
}
#wrapper_01_blog_uebersicht .dipi-grid-item-title {
	margin: 0.25em 0em 0.75em 0em !important;
}
#wrapper_01_blog_uebersicht .dipi-grid-item-excerpt {
	margin: 0.25em 0em 0.5em 0em !important;
	line-height: 1.5em;
}
#wrapper_01_blog_uebersicht .dipi-grid-item-content a {
	color: #444751 !important;
}
#wrapper_01_blog_uebersicht .et_pb_button {
	padding: 0em !important;
	line-height: initial !important;
	background-color: transparent;
	border: none !important;
	font-size: clamp(14px, 1.5vw, 18px) !important;
	text-decoration: underline;
	margin: 0em 0em 0em 0em !important;
}
#wrapper_01_blog_uebersicht .dipi-fg-readmore-button-wrapper a {
	color: #a1a3a8 !important;
}
#wrapper_01_blog_uebersicht .dipi-fg-readmore-button-wrapper a:hover {
	color: #444751 !important;
	text-decoration: underline;
}
#wrapper_01_blog_uebersicht .img-container {
	-webkit-border-radius: 8px 8px 8px 8px !important;
	border-radius: 8px 8px 8px 8px !important;
}
.wrapper_01_blog_uebersicht .img-container img {
	-webkit-border-radius: 8px 8px 8px 8px;
	border-radius: 8px 8px 8px 8px;
}
#wrapper_01_blog_uebersicht .dipi-loadmore-btn {
	display: inline-block;
	line-height: 3.4em;
	font-weight: 700;
	letter-spacing: 0.1em;
	padding-left: 2em !important;
	padding-right: 2em !important;
	text-transform: uppercase;
	border: 1px solid #748068;
	-webkit-border-radius: 4px 4px 4px 4px;
	border-radius: 4px 4px 4px 4px;
	color: #748068;
	font-size: clamp(12px, 1.5vw, 16px) !important;
	margin-top: 4em !important;
}
#wrapper_01_blog_uebersicht  .dipi-loadmore-btn:hover {
	background-color: #748068;
	color: #FFFFFF;
}
#wrapper_01_blog_uebersicht .img-container img {
	pointer-events: initial !important;
}
#wrapper_01_blog_uebersicht .img-container img:hover {
	transform: scale(1.04);
}


/*#######################################################################################*/
/*## [ BLOG POST ] ######################################################################*/
/*#######################################################################################*/


#wrapper_03_blog_keyvisual {
	margin-bottom: 5em !important;
}
#wrapper_03_blog_keyvisual img {
	-webkit-border-radius: 24px 24px 24px 24px;
	border-radius: 24px 24px 24px 24px;
}
.wrapper_02_blog_content_copy h2 {
	font-size: clamp(18px, 1.5vw, 36px) !important;
	line-height: 1.1em;
	margin-top: 1em !important;
	margin-bottom: 0.5em !important;
}
.wrapper_02_blog_content_copy li {
	margin-bottom: 0.5em;
}
.wrapper_02_blog_content_copy img {
	-webkit-border-radius: 8px 8px 8px 8px;
	border-radius: 8px 8px 8px 8px;
}


/*#######################################################################################*/
/*## [ KARRIERE ] #######################################################################*/
/*#######################################################################################*/


/*-- [ AKKORDEON ] ----------------------------------------------------------------------*/


#wrapper_02_karriere_akkordeon {
	border-bottom: 1px dotted #748068 !important;
	padding-bottom: 0em !important;
}
#wrapper_02_karriere_akkordeon .et_pb_column {
	padding-bottom: 0em !important;
}

.et_pb_toggle_title::before {
	content: "\E050";
	position: absolute;
	right: 0;
	font-size: 24px;
	color: #748068;
	top: 50%;
	margin-top: -.5em;
}
.et_pb_accordion .et_pb_toggle_open .et_pb_toggle_title:before {
    display: block!important;
    content: "\e04f" !important;
}
.et_pb_toggle_close .db_pb_toggle_close2 {
	display: none; 
}
.db_pb_toggle_close2 { 
	margin-top: 10px; 
	visibility: hidden;
}
.db_pb_toggle_close2:before {
	visibility: visible;
}
.et_pb_toggle {
	margin-bottom: 0em !important;
	border-left: none !important;
	border-right: none !important;
	border-bottom: none !important;
	border-top: 1px dotted #748068 !important;
}
.et_pb_toggle_close {
  background-color: transparent !important;
  padding: 2em 0em 2em 0em !important;
}
.et_pb_toggle_open {
	background-color: transparent !important;
	padding: 2em 0em 2em 0em !important;
}
.et_pb_toggle_open h4 {
	margin-top: 1.5em;
	margin-bottom: 0.5em;
}
.et_pb_toggle_open li {
	margin-bottom: 0.45em;
	line-height: 1.5em;
}
.wrapper_02_karriere_akkordeon h3 {
	font-size: clamp(16px, 1.5vw, 30px) !important;
	line-height: 1.25em !important;
}
.wrapper_02_karriere_akkordeon h4 {
	font-size: clamp(16px, 1.25vw, 24px) !important;
}
.button_bewerbung {
	display: inline-block;
	line-height: 3.4em;
	font-weight: 700;
	letter-spacing: 0.1em;
	padding-left: 2em;
	padding-right: 2em;
	text-transform: uppercase;
	border: 1px solid #748068;
	-webkit-border-radius: 4px 4px 4px 4px;
	border-radius: 4px 4px 4px 4px;
	color: #748068;
	font-size: clamp(12px, 1.5vw, 16px) !important;
	transition: all 0.2s ease-in-out 0s;
	margin-top: 1em;
	margin-bottom: 2em;
}
.button_bewerbung:hover {
	background-color: #748068;
	color: #FFFFFF;
}
.wrapper_01_karriere_accordeon_module {
	margin-bottom: 0em !important;
}


/*-- [ BEWERBUNGSFORMULAR ] -------------------------------------------------------------*/


.nf-form-fields-required {
	display: none;
}
.ninja-forms-field {
	border: none !important;
	font-size: clamp(16px, 1.5vw, 20px) !important;
	padding: 1em 1em 1em 1em !important;
	-webkit-border-radius: 4px 4px 4px 4px;
	 border-radius: 4px 4px 4px 4px;
}
.nf-fu-fileinput-button {
	display: inline-block !important;
	line-height: 3.4em !important;
	font-weight: 700 !important;
	letter-spacing: 0.1em !important;
	padding: 0em 2em 0em 2em !important;
	text-transform: uppercase !important;
	border: 1px solid #748068 !important;
	-webkit-border-radius: 4px 4px 4px 4px !important;
	border-radius: 4px 4px 4px 4px !important;
	color: #748068 !important;
	font-size: clamp(12px, 1.5vw, 16px) !important;
	background-color: transparent !important;
	margin-bottom: 2em !important;
	margin-top: 1em !important;
	cursor: pointer !important;
	transition: all 0.2s ease-in-out 0s;
}
.nf-fu-fileinput-button:hover {
	background-color: #748068 !important;
	color: #FFFFFF !important;
}
.nf-fu-button-cancel {
	display: none !important;
	line-height: 3.4em !important;
	font-weight: 700 !important;
	letter-spacing: 0.1em !important;
	padding: 0em 2em 0em 2em !important;
	text-transform: uppercase !important;
	border: 1px solid #748068 !important;
	-webkit-border-radius: 4px 4px 4px 4px !important;
	border-radius: 4px 4px 4px 4px !important;
	color: #748068 !important;
	font-size: clamp(12px, 1.5vw, 16px) !important;
	background-color: transparent !important;
	margin-bottom: 2em !important;
	margin-top: 1em !important;
	cursor: pointer !important;
	transition: all 0.2s ease-in-out 0s;
}
.nf-fu-button-cancel:hover {
	background-color: #748068 !important;
	color: #FFFFFF !important;
}
.nf-fu-progress-bar {
	background-color: #748068 !important;
}
.files_uploaded .delete {
	color: #748068 !important;
	font-weight: 700;
	text-decoration: underline;
}
.wrapper_01_karierre_form #nf-field-4 {
	display: inline-block !important;
	line-height: 3.4em !important;
	font-weight: 700 !important;
	letter-spacing: 0.1em !important;
	padding: 0em 2em 0em 2em !important;
	text-transform: uppercase !important;
	border: 1px solid #748068 !important;
	-webkit-border-radius: 4px 4px 4px 4px !important;
	border-radius: 4px 4px 4px 4px !important;
	color: #748068 !important;
	font-size: clamp(12px, 1.5vw, 16px) !important;
	background-color: transparent !important;
	margin-bottom: 2em !important;
	margin-top: 1em !important;
	cursor: pointer !important;
	float: right !important;
	transition: all 0.2s ease-in-out 0s;
}
.wrapper_01_karierre_form #nf-field-4:hover {
	background-color: #748068 !important;
	color: #FFFFFF !important;
}


/*#######################################################################################*/
/*## [ RECHTSTEXTE ] ####################################################################*/
/*#######################################################################################*/


.page-id-1075 .wrapper_02_intro_copy {
	height: initial !important;
	min-height: initial !important;
}
.page-id-1098 .wrapper_02_intro_copy {
	height: initial !important;
	min-height: initial !important;
}
.page-id-1098 .wrapper_02_rechtschutz_texte h2 {
	font-size: clamp(20px, 1.25vw, 24px) !important;
	font-weight: 600 !important;
	line-height: 1.25em;
	color: #444751 !important;
	margin-top: 1em;
	margin-bottom: 0.5em;
}
.page-id-1098 .wrapper_02_rechtschutz_texte li {
	margin-bottom: 0.5em !important;
}
.impressum_mail {
	color: #444751 !important;
	text-decoration: underline;
}
.impressum_mail:hover {
	color: #748068 !important;
	text-decoration: underline;
}


/*#######################################################################################*/
/*## [ VIER NULL VIER ] #################################################################*/
/*#######################################################################################*/


.wrapper_03_vier_null_vier {
	height: 100vh;
	display: flex;
	align-items: center;
	margin-right: 0em !important;
}
.vier_null_vier_kreis {
	font-size: clamp(60px, 7vw, 120px) !important;
	color: #FFFFFF;
	background-color: #000000;
	padding: 0em 0em 0em 0em;
	-webkit-border-radius: 500px 500px 500px 500px;
	border-radius: 500px 500px 500px 500px;
	display: inline-block;
	height: 300px;
	width: 300px;
	line-height: 300px;
}
.link_vier_null_vier {
	display: inline-block;
	line-height: 3.4em;
	font-weight: 700;
	letter-spacing: 0.1em;
	padding-left: 2em;
	padding-right: 2em;
	text-transform: uppercase;
	border: 1px solid #748068;
	-webkit-border-radius: 4px 4px 4px 4px;
	border-radius: 4px 4px 4px 4px;
	color: #748068;
	font-size: clamp(12px, 1.5vw, 16px) !important;
}
.link_vier_null_vier:hover {
	background-color: #748068;
	color: #FFFFFF;
}
.vier_null_vier_satz {
	font-size: clamp(24px, 1.5vw, 36px) !important;
	margin-bottom: 1.5em;
	line-height: 1.25em;
}
.error404 .taptap-menu-button-wrapper {
	display: none !important;
}


/*#######################################################################################*/
/*## [ KONTAKT ] ########################################################################*/
/*#######################################################################################*/


.wrapper_01_kontakt_formular hr {
	border-bottom: 1px dotted #444751 !important;
	-webkit-border-radius: 0 0 0 0 !important;
	border-radius: 0 0 0 0 !important;
	margin-bottom: 3em;
}
.wrapper_01_kontakt_formular #nf-field-14 {
	display: inline-block !important;
	line-height: 3.4em !important;
	font-weight: 700 !important;
	letter-spacing: 0.1em !important;
	padding: 0em 2em 0em 2em !important;
	text-transform: uppercase !important;
	border: 1px solid #748068 !important;
	-webkit-border-radius: 4px 4px 4px 4px !important;
	border-radius: 4px 4px 4px 4px !important;
	color: #748068 !important;
	font-size: clamp(12px, 1.5vw, 16px) !important;
	background-color: transparent !important;
	margin-bottom: 2em !important;
	margin-top: 1em !important;
	cursor: pointer !important;
	float: right !important;
	transition: all 0.2s ease-in-out 0s;
}
.wrapper_01_kontakt_formular #nf-field-14:hover {
	background-color: #748068 !important;
	color: #FFFFFF !important;
}
#nf-label-field-41 {
	font-weight: 400 !important;
	line-height: 1.35em;
}
#nf-label-field-42 {
	font-weight: 400 !important;
	line-height: 1.35em;
}




/*//////////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////////////////////////////////////////////////////////////////////////*/
/*// [ RESPONSIVE ] ////////////////////////////////////////////////////////////////////*/
/*//////////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////////////////////////////////////////////////////////////////////////*/





/*#######################################################################################*/
/*#######################################################################################*/
/*#######################################################################################*/
/*## [ 1441 px - 1800 px ] ##############################################################*/
/*#######################################################################################*/
/*#######################################################################################*/
/*#######################################################################################*/


@media all and (min-width: 1441px) and (max-width: 1800px) {


/*#######################################################################################*/
/*## [ 1441 px - 1800 px > ALLGEMEIN ] ##################################################*/
/*#######################################################################################*/


/*#######################################################################################*/
/*## [ 1441 px - 1800 px px > BUTTONS ] #################################################*/
/*#######################################################################################*/


/*#######################################################################################*/
/*## [ 1441 px - 1800 px px > SECTIONS / RAWS / COLUMNS / MODULES / IMAGES ]#############*/
/*#######################################################################################*/


/*-- [ 1441 px - 1800 px px > SECTIONS ] ------------------------------------------------*/


/*-- [ 1441 px - 1800 px px > RAWS ] ----------------------------------------------------*/


/*-- [ 1441 px - 1800 px px > COLUMNS ] -------------------------------------------------*/


/*-- [ 1441 px - 1800 px px px > MODULES ] ----------------------------------------------*/


/*#######################################################################################*/
/*## [ 1441 px - 1800 px px > H! - H6 ] #################################################*/
/*#######################################################################################*/


/*#######################################################################################*/
/*## [ 1441 px - 1800 px px > TAP TAP MENU ] ############################################*/
/*#######################################################################################*/


/*#######################################################################################*/
/*## [ 1441 px - 1800 px px > FOOTER ] ##################################################*/
/*#######################################################################################*/


/*#######################################################################################*/
/*## [ 1441 px - 1800 px px > TOP KONTAKT INFO ] ########################################*/
/*#######################################################################################*/


/*#######################################################################################*/
/*## [ 1441 px - 1800 px px > HOMEPAGE ] ################################################*/
/*#######################################################################################*/


/*-- [ 1441 px - 1800 px px > INTRO LOGO COPY ] ----------------------------*/


/*-- [ 1441 px - 1800 px px > KEYVISUAL SLIDER ] ------------------------*/


/*-- [ 1441 px - 1800 px px px > UEBER UNS ] -------------------------------*/


/*-- [ 1441 px - 1800 px px px > PROJEKTE AKTUEL SLIDER ] ------------------*/


#wrapper_01_homepage_blog_slider_projekte_aktuell .dipi-entry-featured-image-url img {
  height: 360px !important;
}


/*-- [ 1441 px - 1800 px px px > LEISTUNGEN SCROLL ] -----------------------*/


.dipi-tile-scroll__line-img {
	background-size: auto 60px !important;
	height: 55px !important;
}


/*-- [ 1441 px - 1800 px px px > TESTIMONIALS ] ----------------------------*/


/*-- [ 1441 px - 1800 px > LEISTUNGEN ] ------------------------------*/


/*-- [ 1441 px - 1800 px > INSTA FEED ] ------------------------------*/


/*-- [ 1441 px - 1800 px > BLOG ] ------------------------------------*/


/*##################################################################*/
/*## [ 1441 px - 1800 px > UEBER UNS ] ###############################*/
/*##################################################################*/




/*-- [ 1441 px - 1800 px > TEAM IMAGES START ] ----------------------*/




/*-- [ 1441 px - 1800 px > TEAM IMAGES ENDE ] ------------------------*/





/*##################################################################*/
/*## [ 1441 px - 1800 px > PROJEKTE UEBERSICHT ] #####################*/
/*##################################################################*/


/*-- [ 1441 px - 1800 px > FILTER ] ----------------------------------*/




/*-- [ 1441 px - 1800 px > GRID ] ------------------------------------*/


/*##################################################################*/
/*## [ PROJEKTE UEBERSICHT NEU ] ###################################*/
/*##################################################################*/


.wrapper_01_projekte_uebersicht_grid_neu .wrapper-dropdown-5 {
	width: initial !important;
	min-width: 300px;
}
#wrapper_01_projekte_uebersicht_grid_neu .single_one {
	padding-left: 15px !important;
	padding-right: 15px !important;
}
.wrapper_01_projekte_uebersicht_grid_neu #filterbox {
  margin-left: 15px;
  margin-bottom: 20px;
  margin-right: 15px;
}




/*##################################################################*/
/*## [ 1441 px - 1800 px > PROJEKT ] #################################*/
/*##################################################################*/



/*##################################################################*/
/*## [ 1441 px - 1800 px > LEISTUNGEN ] ##############################*/
/*##################################################################*/





/*##################################################################*/
/*## [ 1441 px - 1800 px > BLOG UEBERSICHHT ] ########################*/
/*##################################################################*/




/*##################################################################*/
/*## [ 1441 px - 1800 px > BLOG POST ] ###############################*/
/*##################################################################*/



/*##################################################################*/
/*## [ 1441 px - 1800 px > KARRIERE ] ################################*/
/*##################################################################*/


/*-- [ 1441 px - 1800 px > AKKORDEON ] -------------------------------*/



/*-- [ 1441 px - 1800 px > BEWERBUNGSFORMULAR ] ----------------------*/




/*##################################################################*/
/*## [ 1441 px - 1800 px > RECHTSTEXTE ] #############################*/
/*##################################################################*/



/*##################################################################*/
/*## [ 1441 px - 1800 px > VIER NULL VIER ] ##########################*/
/*##################################################################*/




/*##################################################################*/
/*## [ 1441 px - 1800 px > KONTAKT ] #################################*/
/*##################################################################*/




 


  
}


/*##################################################################*/
/*##################################################################*/
/*##################################################################*/
/*## [ 1201 px - 1440 px ] #########################################*/
/*##################################################################*/
/*##################################################################*/
/*##################################################################*/


@media all and (min-width: 1201px) and (max-width: 1440px) {


/*##################################################################*/
/*## [ 1201 px - 1440 px > ALLGEMEIN ] ##############################*/
/*##################################################################*/


body {
  font-size: clamp(14px, 1.5vw, 18px) !important;
}


/*##################################################################*/
/*## [ 1201 px - 1440 px > BUTTONS ] ################################*/
/*##################################################################*/




/*##################################################################*/
/*## [ 1201 px - 1440 px > SECTIONS / RAWS / COLUMNS / MODULES / IMAGES ]*/
/*##################################################################*/


/*-- [ 1201 px - 1440 px > SECTIONS ] -------------------------------*/




/*-- [ 1201 px - 1440 px > RAWS ] -----------------------------------*/



/*-- [ 1201 px - 1440 px > COLUMNS ] --------------------------------*/



/*-- [ 1201 px - 1440 px px > MODULES ] -----------------------------*/



/*##################################################################*/
/*## [ 1201 px - 1440 px > H! - H6 ] #############################*/
/*##################################################################*/


/*##################################################################*/
/*## [ 1201 px - 1440 px > TAP TAP MENU ] ###########################*/
/*##################################################################*/





/*##################################################################*/
/*## [ 1201 px - 1440 px > FOOTER ] ##################################*/
/*##################################################################*/


.wrapper_03_footer {
	margin-bottom: 4em !important;
}


/*##################################################################*/
/*## [ 1201 px - 1440 px > TOP KONTAKT INFO ] ########################*/
/*##################################################################*/



/*##################################################################*/
/*## [ 1201 px - 1440 px > HOMEPAGE ] ################################*/
/*##################################################################*/


/*-- [ 1201 px - 1440 px > INTRO LOGO COPY ] ----------------------------*/



.wrapper_01_intro_logo .wp-image-1134 {
	max-width: clamp(220px, 20vw, 280px) !important;
}
.wrapper_01_intro_copy {
  font-size: clamp(14px, 1.75vw, 21px) !important;
  line-height: 1.5em;
}


/*-- [ 1201 px - 1440 px > KEYVISUAL SLIDER ] ------------------------*/

#wrapper_01_keyvisual_slider .swiper-pagination-bullet {
  height: 2px !important;
  width: 40px !important;
  border-radius: 0% !important;
  margin-left: 0.25em !important;
  margin-right: 0.25em !important;
}


/*-- [ 1201 px - 1440 px px > UEBER UNS ] -------------------------------*/




/*-- [ 1201 px - 1440 px px > PROJEKTE AKTUEL SLIDER ] ------------------*/


#wrapper_01_homepage_blog_slider_projekte_aktuell .dipi-entry-featured-image-url img {
  height: 360px !important;
}



/*-- [ 1201 px - 1440 px px > LEISTUNGEN SCROLL ] -----------------------*/


.dipi-tile-scroll__line-img {
	background-size: auto 60px !important;
	height: 55px !important;
}



/*-- [ 1201 px - 1440 px px > TESTIMONIALS ] ----------------------------*/



/*-- [ 1201 px - 1440 px > LEISTUNGEN ] ------------------------------*/




/*-- [ 1201 px - 1440 px > INSTA FEED ] ------------------------------*/


/*-- [ 1201 px - 1440 px > BLOG ] ------------------------------------*/




/*##################################################################*/
/*## [ 981 px - 1200 px > UEBER UNS ] ###############################*/
/*##################################################################*/




/*-- [ 981 px - 1200 px > TEAM IMAGES START ] ----------------------*/




/*-- [ 981 px - 1200 px > TEAM IMAGES ENDE ] ------------------------*/





/*##################################################################*/
/*## [ 981 px - 1200 px > PROJEKTE UEBERSICHT ] #####################*/
/*##################################################################*/


/*-- [ 981 px - 1200 px > FILTER ] ----------------------------------*/




/*-- [ 981 px - 1200 px > GRID ] ------------------------------------*/


#wrapper_01_projekte_uebersicht_grid h4 {
  font-size: clamp(16px, 1.5vw, 22px) !important;
}
#wrapper_01_projekte_uebersicht_grid .dipi-post-meta {
  font-size: clamp(10px, 1.5vw, 14px) !important;
  line-height: 1.35em;
}


/*##################################################################*/
/*## [ PROJEKTE UEBERSICHT NEU ] ###################################*/
/*##################################################################*/


.wrapper_01_projekte_uebersicht_grid_neu .wrapper-dropdown-5 {
	width: initial !important;
	min-width: 300px;
}
#wrapper_01_projekte_uebersicht_grid_neu .single_one {
	padding-left: 10px !important;
	padding-right: 10px !important;
}
.wrapper_01_projekte_uebersicht_grid_neu #filterbox {
  margin-left: 10px;
  margin-bottom: 20px;
  margin-right: 10px;
}





/*##################################################################*/
/*## [ 981 px - 1200 px > PROJEKT ] #################################*/
/*##################################################################*/



/*##################################################################*/
/*## [ 981 px - 1200 px > LEISTUNGEN ] ##############################*/
/*##################################################################*/


#wrapper_01_getstaltungsmethoden_karousell .dipi-carousel-item-content h4 {
  font-size: clamp(14px, 1.5vw, 24px) !important;
}
#wrapper_01_getstaltungsmethoden_karousell .dipi-carousel-item-content {
  padding: 1em 1.5em 2.5em 1.5em !important;
}


/*##################################################################*/
/*## [ 981 px - 1200 px > BLOG UEBERSICHHT ] ########################*/
/*##################################################################*/




/*##################################################################*/
/*## [ 981 px - 1200 px > BLOG POST ] ###############################*/
/*##################################################################*/



/*##################################################################*/
/*## [ 981 px - 1200 px > KARRIERE ] ################################*/
/*##################################################################*/


/*-- [ 981 px - 1200 px > AKKORDEON ] -------------------------------*/



/*-- [ 981 px - 1200 px > BEWERBUNGSFORMULAR ] ----------------------*/




/*##################################################################*/
/*## [ 981 px - 1200 px > RECHTSTEXTE ] #############################*/
/*##################################################################*/



/*##################################################################*/
/*## [ 981 px - 1200 px > VIER NULL VIER ] ##########################*/
/*##################################################################*/




/*##################################################################*/
/*## [ 981 px - 1200 px > KONTAKT ] #################################*/
/*##################################################################*/




 
}



/*##################################################################*/
/*##################################################################*/
/*##################################################################*/
/*## [ 981 px - 1200 px ] ##########################################*/
/*##################################################################*/
/*##################################################################*/
/*##################################################################*/


@media all and (min-width: 981px) and (max-width: 1200px) {


/*##################################################################*/
/*## [ 981 px - 1200 px > ALLGEMEIN ] ##############################*/
/*##################################################################*/



/*##################################################################*/
/*## [ 981 px - 1200 px > BUTTONS ] ################################*/
/*##################################################################*/


.button_gruen {
  font-size: clamp(12px, 1.5vw, 14px) !important;
}


/*##################################################################*/
/*## [ 981 px - 1200 px > SECTIONS / RAWS / COLUMNS / MODULES / IMAGES ]*/
/*##################################################################*/


/*-- [ 981 px - 1200 px > SECTIONS ] -------------------------------*/




/*-- [ 981 px - 1200 px > RAWS ] -----------------------------------*/



/*-- [ 981 px - 1200 px > COLUMNS ] --------------------------------*/



/*-- [ 981 px - 1200 px px > MODULES ] -----------------------------*/



/*##################################################################*/
/*## [ 981 px - 1200 px px > H! - H6 ] #############################*/
/*##################################################################*/


/*##################################################################*/
/*## [ 981 px - 1200 px > TAP TAP MENU ] ###########################*/
/*##################################################################*/





/*##################################################################*/
/*## [ 981 px - 1200 px > FOOTER ] ##################################*/
/*##################################################################*/


.wrapper_03_footer {
	margin-bottom: 3em !important;
}


/*##################################################################*/
/*## [ 981 px - 1200 px > TOP KONTAKT INFO ] ########################*/
/*##################################################################*/



/*##################################################################*/
/*## [ 981 px - 1200 px > HOMEPAGE ] ################################*/
/*##################################################################*/


/*-- [ 981 px - 1200 px > INTRO LOGO COPY ] ----------------------------*/


.wrapper_01_intro_logo .wp-image-1134 {
	max-width: clamp(100px, 20vw, 240px) !important;
}
.wrapper_01_intro_copy .wp-image-87 {
	max-width: clamp(24px, 1.5vw, 40px) !important;
}
.wrapper_01_intro_copy {
  font-size: clamp(16px, 1.75vw, 24px) !important;
  line-height: 1.5em;
}




/*-- [ 981 px - 1200 px > KEYVISUAL SLIDER ] ------------------------*/


#wrapper_01_keyvisual_slider .swiper-pagination-bullet {
  height: 2px !important;
  width: 30px !important;
  border-radius: 0% !important;
  margin-left: 0.25em !important;
  margin-right: 0.25em !important;
}



/*-- [ 981 px - 1200 px > UEBER UNS ] -------------------------------*/




/*-- [ 981 px - 1200 px > PROJEKTE AKTUEL SLIDER ] ------------------*/

#wrapper_01_homepage_blog_slider_projekte_aktuell .dipi-entry-featured-image-url img {
  height: 280px !important;
}

/*-- [ 981 px - 1200 px > LEISTUNGEN SCROLL ] -----------------------*/


.dipi-tile-scroll__line-img {
	background-size: auto 50px !important;
	height: 45px !important;
}


/*-- [ 981 px - 1200 px > TESTIMONIALS ] ----------------------------*/


#wrapper_01_homepage_testimonials_carousell .swiper-button-prev {
  top: 100%;
  left: 43% !important;
}

#wrapper_01_homepage_testimonials_carousell .swiper-button-next {
  top: 100%;
  right: 43% !important;
}


/*-- [ 981 px - 1200 px > LEISTUNGEN ] ------------------------------*/




/*-- [ 981 px - 1200 px > INSTA FEED ] ------------------------------*/


/*-- [ 981 px - 1200 px > BLOG ] ------------------------------------*/




/*##################################################################*/
/*## [ 981 px - 1200 px > UEBER UNS ] ###############################*/
/*##################################################################*/




/*-- [ 981 px - 1200 px > TEAM IMAGES START ] ----------------------*/




/*-- [ 981 px - 1200 px > TEAM IMAGES ENDE ] ------------------------*/





/*##################################################################*/
/*## [ 981 px - 1200 px > PROJEKTE UEBERSICHT ] #####################*/
/*##################################################################*/


/*-- [ 981 px - 1200 px > FILTER ] ----------------------------------*/




/*-- [ 981 px - 1200 px > GRID ] ------------------------------------*/

#wrapper_01_projekte_uebersicht_grid h4 {
  font-size: clamp(16px, 1.5vw, 22px) !important;
}
#wrapper_01_projekte_uebersicht_grid .dipi-post-meta {
  font-size: clamp(10px, 1.5vw, 14px) !important;
  line-height: 1.35em;
}


/*##################################################################*/
/*## [ PROJEKTE UEBERSICHT NEU ] ###################################*/
/*##################################################################*/


.wrapper_01_projekte_uebersicht_grid_neu .wrapper-dropdown-5 {
	width: initial !important;
	min-width: 300px;
}
#wrapper_01_projekte_uebersicht_grid_neu .single_one {
	padding-left: 10px !important;
	padding-right: 10px !important;
}
.wrapper_01_projekte_uebersicht_grid_neu #filterbox {
  margin-left: 10px;
  margin-bottom: 20px;
  margin-right: 10px;
}




/*##################################################################*/
/*## [ 981 px - 1200 px > PROJEKT ] #################################*/
/*##################################################################*/



/*##################################################################*/
/*## [ 981 px - 1200 px > LEISTUNGEN ] ##############################*/
/*##################################################################*/



#wrapper_01_getstaltungsmethoden_karousell .dipi-carousel-item-content h4 {
  font-size: clamp(14px, 1.5vw, 24px) !important;
}
#wrapper_01_getstaltungsmethoden_karousell .dipi-carousel-item-content {
  padding: 1em 1.5em 2.5em 1.5em !important;
}

/*##################################################################*/
/*## [ 981 px - 1200 px > BLOG UEBERSICHHT ] ########################*/
/*##################################################################*/




/*##################################################################*/
/*## [ 981 px - 1200 px > BLOG POST ] ###############################*/
/*##################################################################*/



/*##################################################################*/
/*## [ 981 px - 1200 px > KARRIERE ] ################################*/
/*##################################################################*/


/*-- [ 981 px - 1200 px > AKKORDEON ] -------------------------------*/



/*-- [ 981 px - 1200 px > BEWERBUNGSFORMULAR ] ----------------------*/




/*##################################################################*/
/*## [ 981 px - 1200 px > RECHTSTEXTE ] #############################*/
/*##################################################################*/



/*##################################################################*/
/*## [ 981 px - 1200 px > VIER NULL VIER ] ##########################*/
/*##################################################################*/




/*##################################################################*/
/*## [ 981 px - 1200 px > KONTAKT ] #################################*/
/*##################################################################*/




 
}


/*##################################################################*/
/*##################################################################*/
/*##################################################################*/
/*## [ 768 px - 980 px ] ###########################################*/
/*##################################################################*/
/*##################################################################*/
/*##################################################################*/


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


/*##################################################################*/
/*## [ ALLGEMEIN ] #################################################*/
/*##################################################################*/


body {
	font-family: 'Inter 24pt';
	font-weight: 300;
	line-height: 1.75em;
	font-size: clamp(16px, 2vw, 18px) !important;
	color: #444751;
	background-color: #F4F4F4;
}


/*##################################################################*/
/*## [ 768 px - 980 px > BUTTONS ] ####################################*/
/*##################################################################*/


/*##################################################################*/
/*## [ 768 px - 980 px > SECTIONS / RAWS / COLUMNS / MODULES / IMAGES ]*/
/*##################################################################*/


/*-- [ 768 px - 980 px > SECTIONS ] --------------------------------------------------*/


.et_pb_section {
	margin-bottom: 0em;
}
.section_margin_bottom_null {
	margin-bottom: 0em !important;
}
.section_margin_bottom_8 {
	margin-bottom: 2em !important;
}


/*-- [ 768 px - 980 px > RAWS ] ------------------------------------------------------*/


.et_pb_row_inner {
	padding-top: 0em !important;
	padding-bottom: 0em !important;
}


/*-- [ 768 px - 980 px > COLUMNS ] ------------------------------------------------------*/


.et_pb_column {
	padding-top: 0em !important;
	padding-bottom: 0em !important;
}
.et_pb_column_margin_bottom_1_5 {
	padding-top: 0em !important;
	padding-bottom: 1.5em !important;
}


/*-- [ 768 px - 980 px > MODULES ] ------------------------------------------------------*/


.image_rounded_8 img {
	-webkit-border-radius: 8px 8px 8px 8px;
	border-radius: 8px 8px 8px 8px;
}


/*##################################################################*/
/*## [ 768 px - 980 px > H! - H6 ] ######################################*/
/*##################################################################*/


/*##################################################################*/
/*## [ 768 px - 980 px > TAP TAP MENU ] ############################*/
/*##################################################################*/


.taptap-contents-wrapper {
	margin: 2em auto 0 0 !important;
}



/*##################################################################*/
/*## [ 768 px - 980 px > FOOTER ] ##################################*/
/*##################################################################*/


.wrapper_03_footer {
	padding-bottom: 1em !important;
}
.wrapper_02_footer_blocks {
	padding-top: 5em !important;
}
.wrapper_01_footer_social_icons_solo img {
	max-width: 75%;
}
.wrapper_02_footer_copyright_links .et_pb_column {
	margin-bottom: 0.1em !important;
}
.wrapper_01_footer_rechtstexte_links {
	text-align: left !important;
}

.column_01_footer_2_columnen {
	width: 39.6667%;
	margin-right: 5.5%;
}
.column_02_footer_2_columnen {
	width: 54.833%;
}



/*##################################################################*/
/*## [ 768 px - 980 px > TOP KONTAKT INFO ] ########################*/
/*##################################################################*/


.wrapper_03_top_kontakt_info {
	padding-top: 0px !important;
	padding-bottom: 0em !important;
}
.wrapper_02_top_kontakt_info {
	padding-top: 0em !important;
	padding-bottom: 0em !important;
}
.wrapper_01_top_kontakt_info {
	padding-left: 10% !important;
	padding-right: 10% !important;
	letter-spacing: 0em;
	font-weight: 400 !important;
	margin-top: 19px;
}
.top_wrapper_kontakt {
	display: flex;
	flex-direction: column;
}
.wrapper_top_kontakt_h1 {
	display: flex;
	flex-direction: row;
	align-items: center;
	font-weight: 700 !important;
	line-height: 1em;
}
.wrapper_01_top_kontakt_info h1 {
	padding-bottom: 0em !important;
	margin-left: 0.2em !important;
	margin-right: 0.5em !important;
	font-weight: 700 !important;
}
.wrapper_01_top_kontakt_info a {
	color: #444751;
	text-decoration: underline;
}
.wrapper_01_top_kontakt_info a:hover {
	color: #748068;
	text-decoration: underline;
}
.taptap-background-color, .taptap-background-image, .taptap-main-wrapper {
	max-width: 450px !important;
}


/*##################################################################*/
/*## [ 768 px - 980 px > HOMEPAGE ] ################################*/
/*##################################################################*/


/*-- [ 480 - 768 px > INTRO LOGO COPY ] ----------------------------*/


.wrapper_01_intro_copy {
  font-size: clamp(18px, 2vw, 24px) !important;
  line-height: 1.5em;
}
.wrapper_03_intro_logo_copy {
	padding-bottom: 3.5em !important;
}
.wrapper_02_intro_copy {
	height: initial !important;;
	min-height: initial !important;;
	margin-top: 0em !important;
	padding-top: 1.5em !important;
}
.wrapper_01_intro_logo .wp-image-1134 {
	max-width: clamp(200px, 35vw, 300px) !important;
}
.wrapper_01_intro_copy .wp-image-87 {
	max-width: clamp(24px, 1.5vw, 40px) !important;
}
.wrapper_01_intro_logo {
	margin-bottom: 1em !important;
}
.intro_copy_unterschrift {
	margin-top: 1em;
}


/*-- [ 768 px - 980 px > KEYVISUAL SLIDER ] ------------------------*/


.wrapper_03_keyvisual_slider {
	padding-top: 0em !important;
	padding-bottom: 0em !important;
}
.wrapper_02_keyvisual_slider {
	padding-top: 0em !important;
}
.wrapper_02_intro_copy {
	padding-bottom: 0em !important;
}
#wrapper_01_keyvisual_slider .swiper-pagination-bullet {
	height: 2px !important;
	width: 15px !important;
	border-radius: 0% !important;
	margin-left: 0.25em !important;
	margin-right: 0.25em !important;
}
#wrapper_01_keyvisual_slider .dipi-carousel-wrapper img {
	-webkit-border-radius: 8px 8px 8px 8px;
	border-radius: 8px 8px 8px 8px;
}
#wrapper_01_keyvisual_slider .swiper-pagination {
	bottom: -35px !important;
}


/*-- [ 768 px - 980 px > UEBER UNS ] -------------------------------*/


.wrapper_03_homepage_ueber_uns {
	padding-bottom: 0em !important;
}
.wrapper_03_homepage_ueber_uns .et_pb_column {
	margin-bottom: 1em !important;
	padding-bottom: 0em !important;
}
.wrapper_02_homepage_ueber_uns_copy {
  margin-bottom: 1em !important;
}
.wrapper_01_homepage_ueber_uns_images {
  margin-bottom: 1em;
}
.wrapper_02_homepage_ueber_uns_button {
	margin-top: 1em;
}
.wrapper_02_homepage_ueber_uns_images .et_pb_column {
	width: 30.28765% !important;
    margin-right: 4.569% !important;
}





/*-- [ 768 px - 980 px > PROJEKTE AKTUEL SLIDER ] ------------------*/


.wrapper_03_homepage_projekte_aktuell {
	padding-top: 2em !important;
	padding-bottom: 0em !important;
	margin-bottom: 0em !important;
}
.wrapper_02_homepage_projekte_aktuell {
	padding-top: 1em !important;
	padding-bottom: 1em !important;
}
#homepage_01_homepage_projekte_aktuell_header {
	margin-bottom: 1em !important;
}
.wrapper_03_homepage_projekte_aktuell .swiper-button-next {
	display: none;
}
.wrapper_03_homepage_projekte_aktuell .swiper-button-prev {
	display: none;
}
#wrapper_01_homepage_blog_slider_projekte_aktuell .dipi-post-content {
	padding-bottom: 0em !important;
}
.wrapper_01_homepage_projekte_aktuell_button {
	margin-top: 0em;
}
#wrapper_01_homepage_blog_slider_projekte_aktuell img.wp-post-image {
    height: 280px !important;
  }


/*-- [ 768 px - 980 px > LEISTUNGEN SCROLL ] -----------------------*/


.wrapper_03_homepage_tile_scroll {
	padding-top: 2em !important;
	padding-bottom: 0em !important;
}
.dipi-tile-scroll__line-img {
	background-size: auto 40px !important;
	height: 35px !important;
}


/*-- [ 768 px - 980 px > TESTIMONIALS ] ----------------------------*/


.dipi-testimonial-main .swiper-container .dipi-testimonial-item {
  font-size: clamp(16px, 2vw, 18px) !important;
}


/*-- [ 768 px - 980 px > LEISTUNGEN ] ------------------------------*/


.wrapper_02_homepage_leistungen .et_pb_column {
	width: 45.758%;
    margin-right: 8.483%;
}



/*-- [ 768 px - 980 px > INSTA FEED ] ------------------------------*/


/*-- [ 768 px - 980 px > BLOG ] ------------------------------------*/


.wrapper_03_homepage_blog {
	padding-top: 0em !important;
	padding-bottom: 0em !important;
}


/*##################################################################*/
/*## [ 768 px - 980 px > UEBER UNS ] ###############################*/
/*##################################################################*/


.wrapper_03_ueber_uns_gedanken {
	padding-top: 0em !important;
	padding-bottom: 0em !important;
}
.wrapper_01_projekt_headline {
	margin-bottom: 1em !important;
}
.wrapper_02_das_team_headline {
	padding-bottom: 0em !important;
	margin-bottom: 1em !important;
}
.wer_sind_wir_images_top {
	margin-bottom: 0em !important;
}
.wer_sind_wir_images_bottom {
	display: none;
}
.wrapper_02_gedanken_ueber_uns_images .et_pb_column {
	width: 47.716%;
    margin-right: 4.569%;
}
.wrapper_02_ueber_uns_wer_sind_wir_images .et_pb_column {
	width: 47.716%;
    margin-right: 4.569%;
}
.wrapper_02_gedanken_ueber_uns_images {
  margin-bottom: 0em !important;
}


/*-- [ 768 px - 980 px > TEAM IMAGES START ] ----------------------*/


.wrapper_03_ueber_uns_das_team {
	padding-bottom: 0em !important;
}
.wrapper_03_ueber_uns_das_team_images {
	padding-top: 2em !important;
	padding-bottom: 0em !important;
}
.wrapper_02_ueber_uns_das_team_images {
	padding-top: 0.5em !important;
}
#wrapper_02_ueber_uns_das_team_images {
	margin-bottom: 0em !important;
}


.wrapper_02_ueber_uns_das_team_images {
	padding-bottom: 0em !important;
}
.wrapper_02_ueber_uns_das_team_images .et_pb_column {
	width: 31.3333%;
    margin-right: 3%;
	margin-bottom: 0em !important;
}
.wrapper_02_ueber_uns_das_team_images .et_pb_column_empty {
	display: initial !important;
}


/*-- [ 768 px - 980 px > TEAM IMAGES ENDE ] ------------------------*/


.wrapper_02_netzwerkpartner_firmen .et_pb_column {
	margin-bottom: 0em !important;
}
.wrapper_01_netzwerkpartner_firma {
	margin-bottom: 1em !important;
}


.wrapper_02_netzwerkpartner_firmen .et_pb_column {
	width: 47.716%;
    margin-right: 4.569%;
}


/*##################################################################*/
/*## [ 768 px - 980 px > PROJEKTE UEBERSICHT ] #####################*/
/*##################################################################*/


/*-- [ 768 px - 980 px > FILTER ] ----------------------------------*/


#wrapper_01_projekte_uebersicht_grid .dipi-filter-bar-item {
  padding: 0em 0.25em 0em 0em !important;
  line-height: 0.5em !important;
}


/*-- [ 768 px - 980 px > GRID ] ------------------------------------*/


.wrapper_03_projekte_uebersicht_grid {
	padding-top: 1em !important;
	padding-bottom: 0em !important;
}
#wrapper_03_projekte_uebersicht_grid .dipi-loadmore-btn {
	margin-top: 2em !important;
}
.dipi-filtered-posts-container {
	min-height: 40vw;
}


/*##################################################################*/
/*## [ PROJEKTE UEBERSICHT NEU ] ###################################*/
/*##################################################################*/


.wrapper_01_projekte_uebersicht_grid_neu .wrapper-dropdown-5 {
	width: initial !important;
}
#wrapper_01_projekte_uebersicht_grid_neu .single_one {
	padding-left: 10px !important;
	padding-right: 10px !important;
}
.wrapper_01_projekte_uebersicht_grid_neu #filterbox {
  margin-left: 10px;
  margin-bottom: 20px;
  margin-right: 10px;
}



/*##################################################################*/
/*## [ 768 px - 980 px > PROJEKT ] #################################*/
/*##################################################################*/


.wrapper_03_projekt_keyvisual {
	padding-top: 0em !important;
	padding-bottom: 2em !important;
}
.wrapper_02_projekt_keyvisual {
	padding-top: 0em !important;
}
.wrapper_01_projekt_keyvisual img {
	-webkit-border-radius: 8px 8px 8px 8px;
	border-radius: 8px 8px 8px 8px;
}
#wrapper_02_projekt_beschreibung {
	margin-top: 1em !important;
	margin-bottom: 0em !important;
	padding-top: 0em !important;
	padding-bottom: 0em !important;
}
#wrapper_03_projekt_images {
	padding-top: 0em !important;
	padding-bottom: 0em !important;
	margin-bottom: 2em !important;
}
#wrapper_02_projekt_images {
	margin-bottom: 0em !important;
	padding-bottom: 0em !important;
}
#left-area .et_pb_post, .single .post {
	margin-bottom: 0em !important;
	padding-bottom: 0em !important;
}


/*-- [ PROJEKTE CLOSE ] ------------------------------------------------------*/


#wrapper_03_projekt_schliessen {
	bottom: 60px;
}
.wrapper_projekt_schliessen {
	height: 56px;
	width: 56px;
}


/*##################################################################*/
/*## [ 768 px - 980 px > LEISTUNGEN ] ##############################*/
/*##################################################################*/


#wrapper_01_getstaltungsmethoden_karousell .swiper-button-next {
	display: none !important;
}
#wrapper_01_getstaltungsmethoden_karousell .swiper-button-prev {
	display: none !important;
}
.wrapper_03_getstaltungsmethoden_karousell {
	padding-top: 2em !important;
	padding-bottom: 2em !important;
}
.wrapper_01_getstaltungsmethoden_karousell_headline {
	margin-bottom: 0em !important;
}
.wrapper_02_bim_images {
	margin-bottom: 2em !important;
}
.wrapper_02_bim_images .et_pb_module {
	margin-bottom: 1em;
}
.wrapper_02_lean_management_images .et_pb_module {
	margin-bottom: 1em;
}


/*##################################################################*/
/*## [ 768 px - 980 px > BLOG UEBERSICHHT ] ########################*/
/*##################################################################*/


.wrapper_03_blog_uebersicht {
	padding-top: 1em !important;
	padding-bottom: 0em !important;
}
#wrapper_01_blog_uebersicht .dipi-loadmore-btn {
	margin-top: 2em !important;
}
.wrapper_03_karriere_kontakt_formular {
	padding-bottom: 0em !important;
}


/*##################################################################*/
/*## [ 768 px - 980 px > BLOG POST ] ###############################*/
/*##################################################################*/


.wrapper_03_post_intro_logo_copy {
	padding-bottom: 0em !important;
}
#wrapper_03_blog_keyvisual {
	padding-top: 0em !important;
	padding-bottom: 0em !important;
	margin-bottom: 0em !important;
}
.wrapper_02_blog_keyvisual {
	padding-top: 0em !important;
	padding-bottom: 0em !important;
}
#wrapper_03_blog_keyvisual img {
	-webkit-border-radius: 8px 8px 8px 8px;
	border-radius: 8px 8px 8px 8px;
}

.wrapper_03_blog_content_copy {
	padding-top: 0em !important;
	padding-bottom: 0em !important;
}


/*##################################################################*/
/*## [ 768 px - 980 px > KARRIERE ] ################################*/
/*##################################################################*/


/*-- [ 768 px - 980 px > AKKORDEON ] -------------------------------*/


.wrapper_03_karriere_akkordeon {
	padding-top: 1em !important;
	padding-bottom: 1em !important;
}
.wrapper_02_karierre_form .et_pb_column {
	padding-bottom: 0em !important;
}
.nf-fu-progress {
	margin-bottom: 0em !important;
	-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0) !important;
  	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0) !important;
}
.karierre_dokumente_hochladen {
	margin-bottom: 0em !important;
}
.karierre_send_button {
	margin-bottom: 0em !important;
}
.wrapper_02_karriere_akkordeon h3 {
  font-size: clamp(20px, 1.5vw, 30px) !important;
  line-height: 1.25em !important;
}





/*-- [ 768 px - 980 px > BEWERBUNGSFORMULAR ] ----------------------*/


.wrapper_01_kontakt_formular li {
	clear: both;
	margin-bottom: 1em;
}
#nf-field-24-container label, #nf-field-34-wrap label, #nf-field-31-container label {
	padding-left: 20px;
	line-height: 1.25em !important;
	padding-top: 5px;
}


/*##################################################################*/
/*## [ 768 px - 980 px > RECHTSTEXTE ] #############################*/
/*##################################################################*/


.post-1098 #wrapper_03_intro_logo_copy {
	padding-bottom: 0em !important;
}
.page-id-1075 #wrapper_03_intro_logo_copy {
	padding-bottom: 0em !important;
}
.wrapper_03_rechtschutz_texte {
	padding-top: 0em !important;
	padding-bottom: 0em !important;
}
.wrapper_02_rechtschutz_texte {
	padding-top: 0em !important;
}


/*##################################################################*/
/*## [ 768 px - 980 px > VIER NULL VIER ] ##########################*/
/*##################################################################*/


.vier_null_vier_kreis {
	height: 200px;
	width: 200px;
	line-height: 200px;
}


/*##################################################################*/
/*## [ 768 px - 980 px > KONTAKT ] #################################*/
/*##################################################################*/


.wrapper_03_kontakt_formular {
	padding-top: 0em !important;
	padding-bottom: 0em !important;
}
.wrapper_02_kontakt_formular {
	padding-bottom: 0em !important;
}
.wrapper_01_projekt_headline h1 {
	hyphens: auto;
}


}


/*##################################################################*/
/*##################################################################*/
/*##################################################################*/
/*## [ 480 px - 768 px ] ###########################################*/
/*##################################################################*/
/*##################################################################*/
/*##################################################################*/


@media all and (min-width: 480px) and (max-width: 767px) {


/*##################################################################*/
/*## [ 480 - 767 px > BUTTONS ] ####################################*/
/*##################################################################*/


/*##################################################################*/
/*## [ 480 - 767 px > SECTIONS / RAWS / COLUMNS / MODULES / IMAGES ]*/
/*##################################################################*/


/*-- [ 480 - 767 px > SECTIONS ] --------------------------------------------------*/


.et_pb_section {
	margin-bottom: 0em;
}
.section_margin_bottom_null {
	margin-bottom: 0em !important;
}
.section_margin_bottom_8 {
	margin-bottom: 2em !important;
}


/*-- [ 480 - 768 px > RAWS ] ------------------------------------------------------*/


.et_pb_row_inner {
	padding-top: 0em !important;
	padding-bottom: 0em !important;
}


/*-- [ 480 - 768 px > COLUMNS ] ------------------------------------------------------*/


.et_pb_column {
	padding-top: 0em !important;
	padding-bottom: 0em !important;
}
.et_pb_column_margin_bottom_1_5 {
	padding-top: 0em !important;
	padding-bottom: 1.5em !important;
}


/*-- [ 480 - 768 px > MODULES ] ------------------------------------------------------*/


.image_rounded_8 img {
	-webkit-border-radius: 8px 8px 8px 8px;
	border-radius: 8px 8px 8px 8px;
}


/*##################################################################*/
/*## [ 480 - 768 px > H! - H6 ] ######################################*/
/*##################################################################*/


/*##################################################################*/
/*## [ 480 - 768 px > TAP TAP MENU ] #################################*/
/*##################################################################*/


.taptap-contents-wrapper {
	margin: 2em auto 0 0 !important;
}



/*##################################################################*/
/*## [ 480 - 768 px > FOOTER ] #######################################*/
/*##################################################################*/


.wrapper_03_footer {
	padding-bottom: 1em !important;
}
.wrapper_02_footer_blocks {
	padding-top: 5em !important;
}
.wrapper_01_footer_social_icons_solo img {
	max-width: 75%;
}
.wrapper_02_footer_copyright_links .et_pb_column {
	margin-bottom: 0.1em !important;
}
.wrapper_01_footer_rechtstexte_links {
	text-align: left !important;
}


/*##################################################################*/
/*## [ 480 - 768 px > TOP KONTAKT INFO ] #############################*/
/*##################################################################*/


.wrapper_03_top_kontakt_info {
	padding-top: 0px !important;
	padding-bottom: 0em !important;
}
.wrapper_02_top_kontakt_info {
	padding-top: 0em !important;
	padding-bottom: 0em !important;
}
.wrapper_01_top_kontakt_info {
	padding-left: 10% !important;
	padding-right: 10% !important;
	letter-spacing: 0em;
	font-weight: 400 !important;
	margin-top: 19px;
}
.top_wrapper_kontakt {
	display: flex;
	flex-direction: column;
}
.wrapper_top_kontakt_h1 {
	display: flex;
	flex-direction: row;
	align-items: center;
	font-weight: 700 !important;
	line-height: 1em;
}
.wrapper_01_top_kontakt_info h1 {
	padding-bottom: 0em !important;
	margin-left: 0.2em !important;
	margin-right: 0.5em !important;
	font-weight: 700 !important;
}
.wrapper_01_top_kontakt_info a {
	color: #444751;
	text-decoration: underline;
}
.wrapper_01_top_kontakt_info a:hover {
	color: #748068;
	text-decoration: underline;
}
.taptap-background-color, .taptap-background-image, .taptap-main-wrapper {
	max-width: 450px !important;
}


/*##################################################################*/
/*## [ 480 - 768 px > HOMEPAGE ] #####################################*/
/*##################################################################*/


/*-- [ 480 - 768 px > INTRO LOGO COPY ] ------------------------------*/


.wrapper_03_intro_logo_copy {
	padding-bottom: 3.5em !important;
}
.wrapper_02_intro_copy {
	height: initial !important;;
	min-height: initial !important;;
	margin-top: 0em !important;
	padding-top: 1.5em !important;
}
.wrapper_01_intro_logo .wp-image-1134 {
	max-width: clamp(200px, 35vw, 300px) !important;
}
.wrapper_01_intro_copy .wp-image-87 {
	max-width: clamp(24px, 1.5vw, 40px) !important;
}
.wrapper_01_intro_logo {
	margin-bottom: 1em !important;
}
.intro_copy_unterschrift {
	margin-top: 1em;
}


/*-- [ 480 - 768 px > KEYVISUAL SLIDER ] -----------------------------*/


.wrapper_03_keyvisual_slider {
	padding-top: 0em !important;
	padding-bottom: 2em !important;
}
.wrapper_02_keyvisual_slider {
	padding-top: 0em !important;
}
.wrapper_02_intro_copy {
	padding-bottom: 0em !important;
}
#wrapper_01_keyvisual_slider .swiper-pagination-bullet {
	height: 2px !important;
	width: 15px !important;
	border-radius: 0% !important;
	margin-left: 0.25em !important;
	margin-right: 0.25em !important;
}
#wrapper_01_keyvisual_slider .dipi-carousel-wrapper img {
	-webkit-border-radius: 8px 8px 8px 8px;
	border-radius: 8px 8px 8px 8px;
}
#wrapper_01_keyvisual_slider .swiper-pagination {
	bottom: -35px !important;
}


/*-- [ 480 - 768 px > UEBER UNS ] ------------------------------------*/


.wrapper_03_homepage_ueber_uns {
	padding-bottom: 0em !important;
}
.wrapper_03_homepage_ueber_uns .et_pb_column {
	margin-bottom: 1em !important;
	padding-bottom: 0em !important;
}
.wrapper_02_homepage_ueber_uns_copy {
  margin-bottom: 1em !important;
}
.wrapper_01_homepage_ueber_uns_images {
  margin-bottom: 1em;
}
.wrapper_01_homepage_ueber_uns_image .wp-image-139 {
	display: none;
}
.wrapper_02_homepage_ueber_uns_button {
	margin-top: 1em;
}
.page-id-50 .wrapper_01_homepage_ueber_uns_images .et_pb_column:first-child {
	display: none;
}


/*-- [ 480 - 768 px > PROJEKTE AKTUEL SLIDER ] -----------------------*/


.wrapper_03_homepage_projekte_aktuell {
	padding-top: 2em !important;
	padding-bottom: 0em !important;
	margin-bottom: 0em !important;
}
.wrapper_02_homepage_projekte_aktuell {
	padding-top: 1em !important;
	padding-bottom: 1em !important;
}
#homepage_01_homepage_projekte_aktuell_header {
	margin-bottom: 1em !important;
}
.wrapper_03_homepage_projekte_aktuell .swiper-button-next {
	display: none;
}
.wrapper_03_homepage_projekte_aktuell .swiper-button-prev {
	display: none;
}
#wrapper_01_homepage_blog_slider_projekte_aktuell .dipi-post-content {
	padding-bottom: 0em !important;
}
.wrapper_01_homepage_projekte_aktuell_button {
	margin-top: 0em;
}
#wrapper_01_homepage_blog_slider_projekte_aktuell img.wp-post-image {
    height: 280px !important;
  }


/*-- [ 480 - 768 px > LEISTUNGEN SCROLL ] ----------------------------*/


.wrapper_03_homepage_tile_scroll {
	padding-top: 2em !important;
	padding-bottom: 0em !important;
}
.dipi-tile-scroll__line-img {
	background-size: auto 40px !important;
	height: 35px !important;
}


/*-- [ 480 - 768 px > TESTIMONIALS ] ---------------------------------*/


/*-- [ 480 - 768 px > INSTA FEED ] -----------------------------------*/


/*-- [ 480 - 768 px > BLOG ] -----------------------------------------*/


.wrapper_03_homepage_blog {
	padding-top: 0em !important;
	padding-bottom: 0em !important;
}


/*##################################################################*/
/*## [ 480 - 768 px > UEBER UNS ] ####################################*/
/*##################################################################*/


.wrapper_03_ueber_uns_gedanken {
	padding-top: 0em !important;
	padding-bottom: 0em !important;
}
.wrapper_01_projekt_headline {
	margin-bottom: 1em !important;
}
.wrapper_02_das_team_headline {
	padding-bottom: 0em !important;
	margin-bottom: 1em !important;
}
.wer_sind_wir_images_top {
	margin-bottom: 0em !important;
}
.wer_sind_wir_images_bottom {
	display: none;
}


/*-- [ 480 - 768 px > TEAM IMAGES START ] ---------------*/


.wrapper_03_ueber_uns_das_team {
	padding-bottom: 1em !important;
}
.wrapper_03_ueber_uns_das_team_images {
	padding-top: 2em !important;
	padding-bottom: 0em !important;
}
.wrapper_02_ueber_uns_das_team_images {
	padding-top: 0em !important;
}
#wrapper_02_ueber_uns_das_team_images {
	margin-bottom: 0em !important;
}


/*-- [ 480 - 768 px > TEAM IMAGES ENDE ] -----------------------------*/


.wrapper_03_homepage_ueber_uns {
	padding-top: 0em !important;
}
.wrapper_02_netzwerkpartner_firmen .et_pb_column {
	margin-bottom: 0em !important;
}
.wrapper_01_netzwerkpartner_firma {
	margin-bottom: 1em !important;
}


/*##################################################################*/
/*## [ 480 - 768 px > PROJEKTE UEBERSICHT ] ##########################*/
/*##################################################################*/


/*-- [ 480 - 768 px > FILTER ] ---------------------------------------*/


#wrapper_01_projekte_uebersicht_grid .dipi-filter-bar-item {
  padding: 0em 0.25em 0em 0em !important;
  line-height: 0.5em !important;
}


/*-- [ 480 - 768 px > GRID ] -----------------------------------------*/


.wrapper_03_projekte_uebersicht_grid {
	padding-top: 1em !important;
	padding-bottom: 0em !important;
}
#wrapper_03_projekte_uebersicht_grid .dipi-loadmore-btn {
	margin-top: 2em !important;
}
.dipi-filtered-posts-container {
	min-height: 40vw;
}


/*##################################################################*/
/*## [ PROJEKTE UEBERSICHT NEU ] ###################################*/
/*##################################################################*/


.wrapper_01_projekte_uebersicht_grid_neu .wrapper-dropdown-5 {
	width: initial !important;
}
#wrapper_01_projekte_uebersicht_grid_neu .single_one {
	padding-left: 0em !important;
	padding-right: 0em !important;
}
.wrapper_01_projekte_uebersicht_grid_neu #filterbox {
  margin-left: 0px;
  margin-bottom: 20px;
  margin-right: 0px;
}


/*##################################################################*/
/*## [ 480 - 768 px > PROJEKT ] ######################################*/
/*##################################################################*/


.wrapper_03_projekt_keyvisual {
	padding-top: 0em !important;
	padding-bottom: 2em !important;
}
.wrapper_02_projekt_keyvisual {
	padding-top: 0em !important;
}
.wrapper_01_projekt_keyvisual img {
	-webkit-border-radius: 8px 8px 8px 8px;
	border-radius: 8px 8px 8px 8px;
}
#wrapper_02_projekt_beschreibung {
	margin-top: 1em !important;
	margin-bottom: 0em !important;
	padding-top: 0em !important;
	padding-bottom: 0em !important;
}
#wrapper_03_projekt_images {
	padding-top: 0em !important;
	padding-bottom: 0em !important;
	margin-bottom: 2em !important;
}
#wrapper_02_projekt_images {
	margin-bottom: 0em !important;
	padding-bottom: 0em !important;
}
#left-area .et_pb_post, .single .post {
	margin-bottom: 0em !important;
	padding-bottom: 0em !important;
}


/*-- [ PROJEKTE CLOSE ] ------------------------------------------------------*/


#wrapper_03_projekt_schliessen {
	bottom: 60px;
	left: 42.9% !important;
}
.wrapper_projekt_schliessen {
	height: 56px;
	width: 56px;
}


/*##################################################################*/
/*## [ 480 - 768 px > LEISTUNGEN ] ###################################*/
/*##################################################################*/


#wrapper_01_getstaltungsmethoden_karousell .swiper-button-next {
	display: none !important;
}
#wrapper_01_getstaltungsmethoden_karousell .swiper-button-prev {
	display: none !important;
}
.wrapper_03_getstaltungsmethoden_karousell {
	padding-top: 2em !important;
	padding-bottom: 2em !important;
}
.wrapper_01_getstaltungsmethoden_karousell_headline {
	margin-bottom: 0em !important;
}
.wrapper_02_bim_images {
	margin-bottom: 2em !important;
}
.wrapper_02_bim_images .et_pb_module {
	margin-bottom: 1em;
}
.wrapper_02_lean_management_images .et_pb_module {
	margin-bottom: 1em;
}


/*##################################################################*/
/*## [ 480 - 768 px > BLOG UEBERSICHHT ] #############################*/
/*##################################################################*/


.wrapper_03_blog_uebersicht {
	padding-top: 1em !important;
	padding-bottom: 0em !important;
}
#wrapper_01_blog_uebersicht .dipi-loadmore-btn {
	margin-top: 2em !important;
}
.wrapper_03_karriere_kontakt_formular {
	padding-bottom: 0em !important;
}


/*##################################################################*/
/*## [ 480 - 768 px > BLOG POST ] ####################################*/
/*##################################################################*/


.wrapper_03_post_intro_logo_copy {
	padding-bottom: 0em !important;
}
#wrapper_03_blog_keyvisual {
	padding-top: 0em !important;
	padding-bottom: 0em !important;
	margin-bottom: 0em !important;
}
.wrapper_02_blog_keyvisual {
	padding-top: 0em !important;
	padding-bottom: 0em !important;
}
#wrapper_03_blog_keyvisual img {
	-webkit-border-radius: 8px 8px 8px 8px;
	border-radius: 8px 8px 8px 8px;
}

.wrapper_03_blog_content_copy {
	padding-top: 0em !important;
	padding-bottom: 0em !important;
}


/*##################################################################*/
/*## [ 480 - 768 px > KARRIERE ] #####################################*/
/*##################################################################*/


/*-- [ 480 - 768 px > AKKORDEON ] ------------------------------------*/


.wrapper_03_karriere_akkordeon {
	padding-top: 1em !important;
	padding-bottom: 1em !important;
}
.wrapper_02_karierre_form .et_pb_column {
	padding-bottom: 0em !important;
}
.nf-fu-progress {
	margin-bottom: 0em !important;
	-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0) !important;
  	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0) !important;
}
.karierre_dokumente_hochladen {
	margin-bottom: 0em !important;
}
.karierre_send_button {
	margin-bottom: 0em !important;
}


/*-- [ 480 - 768 px > BEWERBUNGSFORMULAR ] ---------------------------*/


.wrapper_01_kontakt_formular li {
	clear: both;
	margin-bottom: 1em;
}
#nf-field-24-container label, #nf-field-34-wrap label, #nf-field-31-container label {
	padding-left: 20px;
	line-height: 1.25em !important;
	padding-top: 5px;
}


/*##################################################################*/
/*## [ 480 - 768 px > RECHTSTEXTE ] ##################################*/
/*##################################################################*/


.post-1098 #wrapper_03_intro_logo_copy {
	padding-bottom: 0em !important;
}
.page-id-1075 #wrapper_03_intro_logo_copy {
	padding-bottom: 0em !important;
}
.wrapper_03_rechtschutz_texte {
	padding-top: 0em !important;
	padding-bottom: 0em !important;
}
.wrapper_02_rechtschutz_texte {
	padding-top: 0em !important;
}


/*##################################################################*/
/*## [ 480 - 768 px > VIER NULL VIER ] ###############################*/
/*##################################################################*/


.vier_null_vier_kreis {
	height: 200px;
	width: 200px;
	line-height: 200px;
}


/*##################################################################*/
/*## [ 480 - 768 px > KONTAKT ] ######################################*/
/*##################################################################*/


.wrapper_03_kontakt_formular {
	padding-top: 0em !important;
	padding-bottom: 0em !important;
}
.wrapper_02_kontakt_formular {
	padding-bottom: 0em !important;
}
.wrapper_01_projekt_headline h1 {
	hyphens: auto;
}

 
}


/*##################################################################*/
/*##################################################################*/
/*##################################################################*/
/*## [ MAX 479 px ] ################################################*/
/*##################################################################*/
/*##################################################################*/
/*##################################################################*/

 
@media all and (max-width: 479px) {


/*##################################################################*/
/*## [ MAX 479 px > ALLGEMEIN ] ####################################*/
/*##################################################################*/


.wrapper_01_streifen_gruen_rechts {
	display: none;
}
.et_pb_section {
	margin-right: initial !important;
}


/*##################################################################*/
/*## [ MAX 479 px > BUTTONS ] ######################################*/
/*##################################################################*/


/*##################################################################*/
/*## [ MAX 479 px > SECTIONS / RAWS / COLUMNS / MODULES / IMAGES ] #*/
/*##################################################################*/


/*-- [ MAX 479 px > SECTIONS ] --------------------------------------------------*/


.et_pb_section {
	margin-bottom: 0em;
}
.section_margin_bottom_null {
	margin-bottom: 0em !important;
}
.section_margin_bottom_8 {
	margin-bottom: 2em !important;
}


/*-- [ MAX 479 px > RAWS ] ------------------------------------------------------*/


.et_pb_row_inner {
	padding-top: 0em !important;
	padding-bottom: 0em !important;
}


/*-- [ MAX 479 px > COLUMNS ] ------------------------------------------------------*/


.et_pb_column {
	padding-top: 0em !important;
	padding-bottom: 0em !important;
}
.et_pb_column_margin_bottom_1_5 {
	padding-top: 0em !important;
	padding-bottom: 1.5em !important;
}


/*-- [ MAX 479 px > MODULES ] ------------------------------------------------------*/


.image_rounded_8 img {
	-webkit-border-radius: 8px 8px 8px 8px;
	border-radius: 8px 8px 8px 8px;
}


/*##################################################################*/
/*## [ MAX 479 px > H! - H6 ] ######################################*/
/*##################################################################*/


/*##################################################################*/
/*## [ MAX 479 px > TAP TAP MENU ] #################################*/
/*##################################################################*/


.taptap-main-menu-button::before, .taptap-main-menu-button div.taptap-main-menu-button-middle::before, .taptap-main-menu-button::after {
	width: 30px;
	height: 4px;
	margin: 7px 0;
	background-color: #748068 !important;
}
.taptap-menu-active .taptap-main-menu-button::before, .taptap-menu-active .taptap-main-menu-button div.taptap-main-menu-button-middle::before, .taptap-menu-active .taptap-main-menu-button::after {
	width: 30px;
	height: 4px;
	margin: 7px 0;
	background-color: #FFFFFF !important;
}.taptap-menu-button-wrapper {
	right: 9% !important;
	top: 15px !important;
	left: auto;
}
.taptap-contents-wrapper {
	margin: 2em auto 0 0 !important;
}


/*##################################################################*/
/*## [ MAX 479 px > FOOTER ] #######################################*/
/*##################################################################*/


.wrapper_03_footer {
	padding-bottom: 1em !important;
}
.wrapper_02_footer_blocks {
	padding-top: 5em !important;
}
.wrapper_01_footer_social_icons_solo img {
	max-width: 75%;
}
.wrapper_02_footer_copyright_links .et_pb_column {
	margin-bottom: 0.1em !important;
}
.wrapper_01_footer_rechtstexte_links {
	text-align: left !important;
}


/*##################################################################*/
/*## [ MAX 479 px > TOP KONTAKT INFO ] #############################*/
/*##################################################################*/


.wrapper_03_top_kontakt_info {
	padding-top: 0px !important;
	padding-bottom: 0em !important;
}
.wrapper_02_top_kontakt_info {
	padding-top: 0em !important;
	padding-bottom: 0em !important;
}
.wrapper_01_top_kontakt_info {
	padding-left: 10% !important;
	padding-right: 10% !important;
	letter-spacing: 0em;
	font-weight: 400 !important;
	margin-top: 19px;
}
.top_wrapper_kontakt {
	display: flex;
	flex-direction: column;
}
.wrapper_top_kontakt_h1 {
	display: flex;
	flex-direction: row;
	align-items: center;
	font-weight: 700 !important;
	line-height: 1em;
}
.wrapper_01_top_kontakt_info h1 {
	padding-bottom: 0em !important;
	margin-left: 0.2em !important;
	margin-right: 0.5em !important;
	font-weight: 700 !important;
}
.wrapper_01_top_kontakt_info a {
	color: #444751;
	text-decoration: underline;
}
.wrapper_01_top_kontakt_info a:hover {
	color: #748068;
	text-decoration: underline;
}


/*##################################################################*/
/*## [ MAX 479 px > HOMEPAGE ] #####################################*/
/*##################################################################*/


/*-- [ MAX 479 px > INTRO LOGO COPY ] ------------------------------*/


.wrapper_03_intro_logo_copy {
	padding-bottom: 2.5em !important;
}
.wrapper_02_intro_copy {
	height: initial !important;;
	min-height: initial !important;;
	margin-top: 0em !important;
	padding-top: 1.5em !important;
}
.wrapper_01_intro_logo .wp-image-1134 {
	max-width: 70% !important;
}
.wrapper_01_intro_copy .wp-image-87 {
	max-width: clamp(24px, 1.5vw, 40px) !important;
}
.wrapper_01_intro_logo {
	margin-bottom: 1em !important;
}
.intro_copy_unterschrift {
	margin-top: 1em;
}


/*-- [ MAX 479 px > KEYVISUAL SLIDER ] -----------------------------*/


.wrapper_03_keyvisual_slider {
	padding-top: 0em !important;
	padding-bottom: 2em !important;
}
.wrapper_02_keyvisual_slider {
	padding-top: 0em !important;
}
.wrapper_02_intro_copy {
	padding-bottom: 0em !important;
}
#wrapper_01_keyvisual_slider .swiper-pagination-bullet {
	height: 2px !important;
	width: 15px !important;
	border-radius: 0% !important;
	margin-left: 0.25em !important;
	margin-right: 0.25em !important;
}
#wrapper_01_keyvisual_slider .dipi-carousel-wrapper img {
	-webkit-border-radius: 8px 8px 8px 8px;
	border-radius: 8px 8px 8px 8px;
}
#wrapper_01_keyvisual_slider .swiper-pagination {
	bottom: -35px !important;
}


/*-- [ MAX 479 px > UEBER UNS ] ------------------------------------*/


.wrapper_03_homepage_ueber_uns {
	padding-bottom: 2em !important;
}
.wrapper_02_homepage_ueber_uns_copy {
  margin-bottom: 1em !important;
}
.wrapper_01_homepage_ueber_uns_images {
  margin-bottom: 1em;
}
.wrapper_01_homepage_ueber_uns_image .wp-image-139 {
	display: none;
}
.wrapper_01_homepage_projekte_aktuell_button {
	margin-top: 1em;
}
.page-id-50 .wrapper_01_homepage_ueber_uns_images .et_pb_column:first-child {
	display: none;
}
.wrapper_03_ueber_uns_das_team {
	padding-bottom: 2em !important;
}
.wrapper_02_homepage_ueber_uns_images .et_pb_column:first-child {
	display: none;
}
.wrapper_02_homepage_ueber_uns_images .et_pb_column {
	margin-bottom: 0em !important;
}


/*-- [ MAX 479 px > PROJEKTE AKTUEL SLIDER ] -----------------------*/


.wrapper_03_homepage_projekte_aktuell {
	padding-top: 2em !important;
	padding-bottom: 0em !important;
	margin-bottom: 0em !important;
}
.wrapper_02_homepage_projekte_aktuell {
	padding-top: 1em !important;
	padding-bottom: 0em !important;
}
#homepage_01_homepage_projekte_aktuell_header {
	margin-bottom: 30px !important;
}
.wrapper_03_homepage_projekte_aktuell .swiper-button-next {
	display: none;
}
.wrapper_03_homepage_projekte_aktuell .swiper-button-prev {
	display: none;
}
#wrapper_01_homepage_blog_slider_projekte_aktuell .dipi-post-content {
	padding-bottom: 0em !important;
}
.wrapper_01_homepage_projekte_aktuell_button {
	margin-top: 0em;
}


/*-- [ MAX 479 px > LEISTUNGEN SCROLL ] ----------------------------*/


.wrapper_03_homepage_tile_scroll {
	padding-top: 2em !important;
	padding-bottom: 0em !important;
}
.dipi-tile-scroll__line-img {
	background-size: auto 40px !important;
	height: 35px !important;
}


/*-- [ MAX 479 px > LEISTUNGEN ] -----------------------------------*/


.wrapper_03_homepage_leistungen {
	padding-bottom: 1.5em !important;
}


/*-- [ MAX 479 px > TESTIMONIALS ] ---------------------------------*/


#wrapper_01_homepage_testimonials_carousell .dipi-testimonial-item {
	padding-top: 0em !important;
}


/*-- [ MAX 479 px > INSTA FEED ] -----------------------------------*/


/*-- [ MAX 479 px > BLOG ] -----------------------------------------*/


.wrapper_03_homepage_blog {
	padding-top: 0em !important;
	padding-bottom: 0em !important;
}


/*##################################################################*/
/*## [ MAX 479 px > UEBER UNS ] ####################################*/
/*##################################################################*/


.wrapper_03_ueber_uns_gedanken {
	padding-bottom: 0em !important;
	padding-top: 0em !important;
}
.wrapper_01_projekt_headline {
	margin-bottom: 1em !important;
}
.wrapper_02_das_team_headline {
	padding-bottom: 0em !important;
	margin-bottom: 30px !important;
}
.wer_sind_wir_images_top {
	margin-bottom: 0em !important;
}
.wer_sind_wir_images_bottom {
	display: none;
}


/*-- [ MAX 479 px > MAX 479 px > TEAM IMAGES START ] ---------------*/


.wrapper_03_ueber_uns_das_team_images {
	padding-top: 2em !important;
	padding-bottom: 0em !important;
}
.wrapper_02_ueber_uns_das_team_images {
	padding-top: 0em !important;
}
#wrapper_02_ueber_uns_das_team_images {
	margin-bottom: 0em !important;
}


/*-- [ MAX 479 px > TEAM IMAGES ENDE ] -----------------------------*/


.wrapper_03_homepage_ueber_uns {
	padding-top: 0em !important;
}
.wrapper_02_netzwerkpartner_firmen .et_pb_column {
	margin-bottom: 0em !important;
}
.wrapper_01_netzwerkpartner_firma {
	margin-bottom: 1em !important;
}


/*##################################################################*/
/*## [ MAX 479 px > PROJEKTE UEBERSICHT ] ##########################*/
/*##################################################################*/


/*-- [ MAX 479 px > FILTER ] ---------------------------------------*/


#wrapper_01_projekte_uebersicht_grid .dipi-filter-bar-item {
  padding: 0em 0.25em 0em 0em !important;
  line-height: 0.5em !important;
}


/*-- [ MAX 479 px > GRID ] -----------------------------------------*/


.wrapper_03_projekte_uebersicht_grid {
	padding-top: 1em !important;
	padding-bottom: 0em !important;
}
#wrapper_03_projekte_uebersicht_grid .dipi-loadmore-btn {
	margin-top: 2em !important;
}
.dipi-filtered-posts-container {
	min-height: 60vw;
}


/*##################################################################*/
/*## [ PROJEKTE UEBERSICHT NEU ] ###################################*/
/*##################################################################*/


.wrapper_01_projekte_uebersicht_grid_neu .wrapper-dropdown-5 {
	width: initial !important;
}
#wrapper_01_projekte_uebersicht_grid_neu .single_one {
	padding-left: 0em !important;
	padding-right: 0em !important;
}
.wrapper_01_projekte_uebersicht_grid_neu #filterbox {
  margin-left: 0px;
  margin-bottom: 20px;
  margin-right: 0px;
}
.wrapper_01_projekte_uebersicht_grid_neu .simplefilter {
  padding-left: 0px !important;
  padding-right: 0px !important;
}
.simplefilter {
	margin-bottom: 0em !important;
}
  .simplefilter li, .sortandshuffle li {
    margin-bottom: 6px !important;
  }


/*##################################################################*/
/*## [ MAX 479 px > PROJEKT ] ######################################*/
/*##################################################################*/


.wrapper_03_projekt_keyvisual {
	padding-top: 0em !important;
	padding-bottom: 2em !important;
}
.wrapper_02_projekt_keyvisual {
	padding-top: 0em !important;
}
.wrapper_01_projekt_keyvisual img {
	-webkit-border-radius: 8px 8px 8px 8px;
	border-radius: 8px 8px 8px 8px;
}
#wrapper_02_projekt_beschreibung {
	margin-top: 1em !important;
	margin-bottom: 0em !important;
	padding-top: 0em !important;
	padding-bottom: 0em !important;
}
#wrapper_03_projekt_images {
	padding-top: 0em !important;
	padding-bottom: 0em !important;
	margin-bottom: 2em !important;
}
#wrapper_02_projekt_images {
	margin-bottom: 0em !important;
	padding-bottom: 0em !important;
}
#left-area .et_pb_post, .single .post {
	margin-bottom: 0em !important;
	padding-bottom: 0em !important;
}


/*-- [ PROJEKTE CLOSE ] ------------------------------------------------------*/


#wrapper_03_projekt_schliessen {
	bottom: 40px;
}
.wrapper_projekt_schliessen {
	height: 48px;
	width: 48px;
}


/*##################################################################*/
/*## [ MAX 479 px > LEISTUNGEN ] ###################################*/
/*##################################################################*/


#wrapper_01_getstaltungsmethoden_karousell .swiper-button-next {
	display: none !important;
}
#wrapper_01_getstaltungsmethoden_karousell .swiper-button-prev {
	display: none !important;
}
.wrapper_03_getstaltungsmethoden_karousell {
	padding-top: 2em !important;
	padding-bottom: 2em !important;
}
.wrapper_01_getstaltungsmethoden_karousell_headline {
	margin-bottom: 0em !important;
}
.wrapper_02_bim_images {
	margin-bottom: 2em !important;
}
.wrapper_02_bim_images .et_pb_module {
	margin-bottom: 1em;
}
.wrapper_02_lean_management_images .et_pb_module {
	margin-bottom: 1em;
}


/*##################################################################*/
/*## [ MAX 479 px > BLOG UEBERSICHHT ] #############################*/
/*##################################################################*/


.wrapper_03_blog_uebersicht {
	padding-top: 1em !important;
	padding-bottom: 0em !important;
}
#wrapper_01_blog_uebersicht .dipi-loadmore-btn {
	margin-top: 2em !important;
}
.wrapper_03_karriere_kontakt_formular {
	padding-bottom: 0em !important;
}


/*##################################################################*/
/*## [ MAX 479 px > BLOG POST ] ####################################*/
/*##################################################################*/


.wrapper_03_post_intro_logo_copy {
	padding-bottom: 0em !important;
}
#wrapper_03_blog_keyvisual {
	padding-top: 0em !important;
	padding-bottom: 0em !important;
	margin-bottom: 0em !important;
}
.wrapper_02_blog_keyvisual {
	padding-top: 0em !important;
	padding-bottom: 0em !important;
}
#wrapper_03_blog_keyvisual img {
  -webkit-border-radius: 8px 8px 8px 8px;
  border-radius: 8px 8px 8px 8px;
}

.wrapper_03_blog_content_copy {
	padding-top: 0em !important;
	padding-bottom: 0em !important;
}


/*##################################################################*/
/*## [ MAX 479 px > KARRIERE ] #####################################*/
/*##################################################################*/


/*-- [ MAX 479 px > AKKORDEON ] ------------------------------------*/


.wrapper_03_karriere_akkordeon {
	padding-top: 1em !important;
	padding-bottom: 1em !important;
}
.wrapper_02_karierre_form .et_pb_column {
	padding-bottom: 0em !important;
}
.nf-fu-progress {
	margin-bottom: 0em !important;
	-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0) !important;
  	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0) !important;
}
.karierre_dokumente_hochladen {
	margin-bottom: 0em !important;
}
.karierre_send_button {
	margin-bottom: 0em !important;
}


/*-- [ MAX 479 px > BEWERBUNGSFORMULAR ] ---------------------------*/


.wrapper_01_kontakt_formular li {
	clear: both;
	margin-bottom: 1em;
}
#nf-field-24-container label, #nf-field-34-wrap label, #nf-field-31-container label {
	padding-left: 20px;
	line-height: 1.25em !important;
	padding-top: 5px;
}


/*##################################################################*/
/*## [ MAX 479 px > RECHTSTEXTE ] ##################################*/
/*##################################################################*/


.post-1098 #wrapper_03_intro_logo_copy {
	padding-bottom: 0em !important;
}
.page-id-1075 #wrapper_03_intro_logo_copy {
	padding-bottom: 0em !important;
}
.wrapper_03_rechtschutz_texte {
	padding-top: 0em !important;
	padding-bottom: 0em !important;
}
.wrapper_02_rechtschutz_texte {
	padding-top: 0em !important;
}


/*##################################################################*/
/*## [ MAX 479 px > VIER NULL VIER ] ###############################*/
/*##################################################################*/


.vier_null_vier_kreis {
	height: 200px;
	width: 200px;
	line-height: 200px;
}


/*##################################################################*/
/*## [ MAX 479 px > KONTAKT ] ######################################*/
/*##################################################################*/


.wrapper_03_kontakt_formular {
	padding-top: 0em !important;
	padding-bottom: 0em !important;
}
.wrapper_02_kontakt_formular {
	padding-bottom: 0em !important;
}
.wrapper_01_projekt_headline h1 {
	hyphens: auto;
}
























 
}