/*!
Theme Name:    colistic childtheme
Author:        colistic
Author URI:    https://colistic.de
Description:   colistic Theme
Version:       1.0.0
License:       GNU General Public License v3 or later
License URI:   https://www.gnu.org/licenses/gpl-3.0.html
Template:      page-builder-framework
Text Domain:   page-builder-framework-child
*/

/* ############################################# Scrollbar ############################################# */

::selection { background: var(--black); color: var(--white); } 
::-moz-selection { background: var(--black); color: var(--white); } 
::-webkit-scrollbar { width: 10px; }
::-webkit-scrollbar-track { background: var(--white); box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.5); border-radius: 5px; }
::-webkit-scrollbar-thumb { background: var(--black); border-radius: 5px;}
::-webkit-scrollbar-thumb:hover { background: var(--black); }

/* General Settings */
:root {
    --black: #000;
	--white: #ffffff;
	--small: 18px;   
	--regular: 20px;  
	--medium: 24px;   
	--medium-large:50px;
	--large: 55px;   
	--xlarge: 75px;  
}

/* Mobile First - Sehr kleine Geräte */
@media only screen and (max-width: 480px) {
    :root {
        --small: 14px; 
        --regular: 16px;
        --medium: 19px;  
		--medium-large: 40px;
        --large: 42px; 
        --xlarge: 62px;
    }
}

/* Mobile Geräte bis max. 767px */
@media only screen and (max-width: 767px) {
    :root {
        --small: 16px; 
        --regular: 18px; 
        --medium: 22px;  
		--medium-large: 40px;
		--large: 48px;   
        --xlarge: 68px; 
    }
}

/* Tablet und kleine Desktops */
@media only screen (min-width: 768px) and (max-width: 1024px) {
    :root {
        --small: 17px;   
        --regular: 20px;  
        --medium: 24px;   
		--medium-large:50px;
        --large: 51px;   
        --xlarge: 75px;  
    }
}

/* Große Desktops */
@media only screen and (min-width: 1025px) {
    :root {
        --small: 17px;   
        --regular: 22px; 
        --medium: 26px; 
		--medium-large:55px;
        --large: 54px;
        --xlarge: 80px; 
    }
}

h1, h2, h3, h4, h5, h6{ text-transform: lowercase; color: var(--black); }
h1, h2{ font-family: 'Comfortaa'; font-weight: 500; }
h1 {font-size:var(--large);}
h2{font-size:var(--medium-large);}
h3, h4, h5, h6{ font-family: 'Mulish'; font-weight: 500;font-size:var(--medium); }
body{ font-family: 'Mulish'; font-weight: 300;  color: var(--black);font-size:var(--small); }

.page-id-386 h2,
.page-id-388 h2{
	font-size: calc(var(--medium) * 1.2);
}

a{
	color:var(--black);
}

a:hover{
	color:var(--black);
	text-decoration:underline;
}


/* Bilder Sättigung */
.pp-content-post.type-projekt img,
.single-projekt .pp-photo-gallery img,
.single-projekt img.fancybox-image,
.pp-content-post.type-team img{
	-webkit-filter: saturate(0.8);
	filter: saturate(0.8);
}


/* Wrapper */
.wpbf-main-grid,
.wpbf-no-sidebar .wpbf-main-grid{
	max-width: 1920px;
	margin-left: auto;
	margin-right: auto;
}

.wpbf-page{
	overflow-x:hidden;
}


/* ############################################# Navigation ############################################# */

.wpbf-container{
	padding: 20px 0 20px 0;
}
.wpbf-nav-wrapper {
    max-width: min(1600px, 100vw - 40px);
}

/* Basisstil Menüpunkt */
.wpbf-menu a {
	font-family: 'Mulish';
	font-weight: 300;
	position: relative;
	display: inline-block;
	color: rgb(0 0 0 / 70%);
	text-transform: lowercase;
}

/* Hover: Text verschieben */
.wpbf-menu .menu-item:not(.wpbf-cta-menu-item, .current-menu-item) a:hover {
	transform: translateX(5px);
	color: rgb(0 0 0 / 100%);
}

/* Punkt hide */
.wpbf-menu a .hide {
	opacity: 0;
	transition: all 0.3s ease;
}

/* Punkt sichtbar machen */
.wpbf-menu a:hover .hide {
	opacity: 1;
}

/* Padding Fix */
.wpbf-navigation .wpbf-menu > .menu-item > a{
	padding: 0;
	font-size:var(--regular);
}

.wpbf-navigation .wpbf-menu > .menu-item{
	padding: 10px 20px;
}

@media only screen and (max-width: 1660px) {
	.wpbf-navigation-active .wpbf-nav-wrapper{
		padding: 20px 10px;
	}
}

.wpbf-mobile-nav-wrapper {
	padding: 20px 20px;
}


.wpbf-menu .current-menu-item a {
	transform: translateX(5px);
	color: rgb(0 0 0 / 100%);
}

.wpbf-navigation .wpbf-menu > .current-menu-item > a .hide {
	opacity: 1;
}

.wpbf-mobile-menu > .menu-item a .hide{
	display:none;
}

.wpbf-mobile-menu > .menu-item a:hover .hide,
.wpbf-mobile-menu > .current-menu-item > a .hide{
	display:inline;
}


.wpbf-mobile-menu > .menu-item a:hover,
.wpbf-mobile-menu > .current-menu-item > a{
	background:var(--black);
	color:var(--white);
}


/* CTA */

li.wpbf-cta-menu-item{
	padding: 10px 0 10px 20px !important;
}

.wpbf-navigation .wpbf-menu .wpbf-cta-menu-item a{
	border: 1px solid var(--black);
	border-radius: 100px;
	padding: 0 15px;
	color: rgb(0 0 0 / 70%);
}

/* ############################################# Seperator ############################################# */

/* Standard-Abstand für Columns mit Separator */
.fl-col.seperator {
    position: relative;
    padding-bottom: 60px;
}

/* Mobile Optimierung */
@media only screen and (max-width: 767px) {
    .fl-col.seperator {
        padding-bottom: 10px;
    }
}

/* Pseudoelement als horizontaler Separator */
.fl-col.seperator::before {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    height: 1px;
    background: var(--black); /* Passe bei Bedarf die Farbe an */
    width: 100%;
    max-width: 1600px;
}


/* ############################################# Infobox ############################################# */

/* Infobox general */



.pp-infobox-title-wrapper .pp-infobox-title{
	margin: 0;
}

.pp-infobox .pp-description-wrap{
	margin-bottom: var(--large);
}

@media only screen and (max-width: 1024px) {
		.pp-infobox-description{
		margin-left: 15px !important;
	}
}

@media only screen and (max-width: 768px) {
	.pp-infobox .pp-description-wrap {
		margin-bottom: var(--medium);
	}
		.pp-infobox-description {
		margin-left: 0px !important;
	}
}

p,
.fl-module p,
.pp-infobox p{
	font-size: var(--small);
	line-height: 1.4;
	font-weight: 300;
}

.fl-module p span{
	font-weight: 300 !important;
}

.pp-infobox p span{
	font-weight: 300 !important;
}

.pp-infobox a.pp-more-link{
	display: inline-flex;
    align-items: center;
	padding: 5px 30px 5px 20px !important;
    border-radius: 100px;
    font-size: var(--regular) !important;
    letter-spacing: -.5px;
    text-transform: normal;
    font-weight: 300;
}

.pp-infobox .pp-more-link{
	background: var(--white);
	transition: all .4s ease-out;
	color: var(--black);
}

.pp-infobox .pp-more-link:hover{
	background: var(--black);
	transition: all .4s ease-out;
	color: var(--white);
}

.pp-infobox .pp-more-link .pp-button-icon-right{
	margin: 1px 0px 0 15px;
}

.pp-infobox .fa-arrow-right-long:before {
	font-size: 25px;
	font-weight: 100;
}

@media (max-width: 767px) {
.pp-infobox {
    padding: 10px;
}
}

/* Infobox white */
.light .pp-infobox p, .light .pp-infobox-title {
	color: var(--white);
}

.light .pp-infobox a.pp-more-link{
	border-color: var(--white);
	color: var(--white);
}

.light .pp-infobox .pp-more-link{
	background: var(--black);
	color: var(--white);
}

.light .pp-infobox .pp-more-link:hover{
	background: var(--white);
	color: var(--black);
}

.light .pp-infobox .pp-more-link .pp-button-icon-right{
	color: var(--white);
	transition: all .4s ease-out;
}

.light .pp-infobox .pp-more-link:hover .pp-button-icon-right{
	color: var(--black);
	transition: all .4s ease-out;
}

/* ############################################# Startseite ############################################# */

/* Heroshot Video */

.fl-row-bg-video{
	overflow: hidden;
}

/* wir sind bauwerk */ /* headline left, text right */

/* Standardgrößen für größere Bildschirme */
.introbox .pp-infobox-title {
	line-height: 0.9;
}

.introbox .fl-module-pp-infobox.seperator {
    position: relative; /* Damit das ::before Pseudoelement relativ zu diesem Element positioniert wird */
    padding-bottom: 60px; /* Platz für den Separator, damit die Zeile nicht überschneidet */
}

/* Mobile Optimierung */
@media only screen and (max-width: 767px) {
    .introbox .fl-module-pp-infobox.seperator {
        padding-bottom: 10px; /* Reduziert den Abstand auf mobilen Geräten */
    }
}

.introbox .fl-module-pp-infobox.seperator::before {
    content: "";
    display: block; /* Verwende block statt inline-block, damit der Separator eine neue Zeile einnimmt */
    position: absolute; /* Positioniere den Separator relativ zur Elternebene */
    bottom: 0; /* Platzierung des Separators am unteren Rand des Containers */
    left: 50%; /* Horizontal zentrieren */
    transform: translateX(-50%); /* Zentriert den Separator exakt */
    height: 1px; /* Höhe des Separators */
    background: var(--black); /* Farbe des Separators */
    width: 100%; /* Breite des Separators */
	max-width: 1600px;
}

.introbox:not(.two-columns-text) .pp-infobox {
    display: flex;
    text-align: left;
}

.introbox .pp-heading-wrapper {
    flex: 1;
}

.introbox .pp-infobox-description {
    flex: 1;
}

/* Optimierung für mobile Geräte (max-width: 767px) */
@media (max-width: 767px) {
    /* Schriftgröße für Titel verkleinern */
    .introbox .pp-infobox-title {
        line-height: 1.2;          /* Etwas mehr Zeilenhöhe für bessere Lesbarkeit */
    }

    /* Flexbox auf mobile Ansicht anpassen */
    .introbox .pp-infobox {
        flex-direction: column;   /* Elemente untereinander stapeln */
    }

    .introbox .pp-heading-wrapper,
    .introbox .pp-infobox-description {
        flex: unset;              /* Flex-Anpassung zurücknehmen */
    }

    .introbox .pp-infobox-description {
        padding-left: 5px;
        padding-right: 20px;
    }
}

/* Raum für moderne Architektur */ /* headline left, button right */ /* cta-box */

.cta-box .pp-infobox {
text-align:left;
	align-items: flex-start;
	padding: 20px 10px 20px 20px;
}

.cta-box .pp-heading-wrapper {
	text-align: left;
}

.cta-box .pp-infobox-title-wrapper .pp-infobox-title{
	margin-top: 0;
}

.cta-box .pp-infobox .pp-description-wrap{
	margin-bottom: 0;
}

.cta-box .pp-infobox a.pp-more-link{
	border: none;
	padding: 0 !important;
}

.cta-box .pp-infobox a.pp-more-link:hover{
	border: none;
	background: none;
	color: var(--black);
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .cta-box .pp-heading-wrapper {
        flex: 3 !important; /* Reduziert den flex-Wert auf 3 für iPad */
    }
}

/* Optimierung für mobile Geräte (max-width: 767px) */
@media (max-width: 767px) {

	.cta-box .pp-infobox {
    	padding: 0px;
	}
	
    /* Schriftgröße für Titel verkleinern */
    .cta-box .pp-infobox-title {
        line-height: 1.2;          /* Etwas mehr Zeilenhöhe für bessere Lesbarkeit */
    }




}

/* Content  Grid Style Projekte und Branchen */

.pp-content-post.pp-grid-style-5 .pp-content-post-data{
	width: 100%;
}

.pp-content-post.pp-grid-style-5 .pp-content-post-data {
	margin-left: 0px;
}

@media (max-width: 767px) {
	.pp-content-post.pp-grid-style-5 .pp-content-post-data {
		margin-left: 0px;
	}
}

.pp-content-post.pp-grid-style-5 .pp-content-post-data h3{
	text-transform: none;
}

.pp-content-post.pp-grid-style-5 .pp-content-post-data .pp-post-meta .pp-content-post-category{
	color: var(--black);
	font-weight: 400;
}

.pp-content-grid-image{
	overflow: hidden;
}

.pp-content-grid-title,
.pp-content-carousel-title{
	font-size:var(--small);
	text-transform:lowercase !important;
}

.pp-content-post.pp-grid-style-5 .pp-post-image img {
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    -moz-transform: scale(1.05, 1.05);
    -webkit-transform: scale(1.05, 1.05);
    transform: scale(1.05, 1.05);
}

.pp-content-post.pp-grid-style-5:hover .pp-post-image img {
    -moz-transform: scale(1.1, 1.1);
    -webkit-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
}

/* NEW GRID */
.fl-module:not(.team):not(.homeprojects) .pp-content-grid-image{
	aspect-ratio: 1 / 1;
}

.fl-module:not(.team):not(.homeprojects) .pp-content-grid-image *{
	width:100%;
	height:100%;
}

.fl-module:not(.team):not(.homeprojects) .pp-content-grid-image img{
	object-fit:contain;
	width:80% !important;
	height:80% !important;
	margin:0 auto;
}

.fl-module:not(.team):not(.homeprojects) .pp-content-post .pp-content-grid-inner,
.fl-module:not(.team):not(.homeprojects) .pp-content-post .pp-content-carousel-inner{
	margin-top:-15%;
}

@media (min-width: 768px) {
	.fl-module:not(.team):not(.homeprojects) .pp-content-post .pp-content-grid-inner,
	.fl-module:not(.team):not(.homeprojects) .pp-content-post .pp-content-carousel-inner{
		transition:opacity 0.5s;
		opacity:0;	
	}

	.fl-module:not(.team):not(.homeprojects) .pp-content-post:hover .pp-content-grid-inner,
	.fl-module:not(.team):not(.homeprojects) .pp-content-post:hover .pp-content-carousel-inner{
		opacity:1;	
	}
}

.team .pp-content-post  .pp-content-grid-content.pp-post-content{
    position: absolute;
    top: 0;
    left: 0;
	opacity:0;
	font-size: 16px;
	transition: all 0.25s;
    aspect-ratio: 1920 / 1440;
	width:100%;
	margin-top:0;
	margin-bottom:0;
	padding:5%;
	z-index:10;
}

.team .pp-content-post:hover .pp-content-grid-content.pp-post-content{	
	opacity:1;
    background: rgba(255, 255, 255, 0.75);
}

.team .pp-content-post  .pp-content-grid-content.pp-post-content p{
	position:absolute;
	bottom:5%;
}

.team .pp-post-title{
	position:relative;
	z-index:20;
}

.team .pp-post-featured-img img{
    aspect-ratio: 1920 / 1440;
    object-fit: cover;
}

.team .pp-content-post .pp-content-body{
	padding-left:0 !important;
}

/* Sie haben Fragen? */

@media (max-width: 1024px) {
	.pp-infobox-wrap .layout-3 .pp-icon-wrapper{
		margin-right: 0 !important;
	}
	
	.pp-infobox-wrap .layout-3 .pp-infobox-title-wrapper .pp-infobox-title {
		margin-top: 20px !important;
	}
}

/* Karriere bei bauwerk */

.fl-col.column-fix{
    position: relative;
    z-index: 999;
    left: 50px;
	margin-top: 100px;
}

.karriere-bei-bauwerk .pp-infobox-button{
	float: right;
}

/* Mobile Anpassung: Deaktivierung der Styles */
@media only screen and (max-width: 800px) {
    .fl-col.column-fix {
        position: static;  /* Deaktiviert die relative Positionierung */
        left: 0;           /* Entfernt den Abstand von der linken Seite */
        margin-top: 0;     /* Setzt den Abstand oben zurück */
    }

    .karriere-bei-bauwerk .pp-infobox-button {
        float: none;       /* Entfernt das float */
    }
}

@media (max-width: 480px) {
	.job-listing-wrapper{
		flex-direction:column;
	}

	.job-listing-wrapper div{
		width:100% !important;
		max-width:100% !important;
	}

	.job-fields-line .job-sep{
		margin: 0 1em !important;
	}
}

.job-title{
    font-size: var(--medium) !important;
	font-weight:600 !important;
}

.job-info-container {
    max-width: 100% !important;
}



/* ############################################# Über uns ############################################# */

/* === Desktop-Layout === */
.intro-ueber-uns .fl-col.column-fix {
    position: relative;
    z-index: 999;
}

.intro-ueber-uns .pp-heading-wrapper {
    padding-bottom: 5vh;
    width: 70%;
}

.intro-ueber-uns .pp-infobox-description {
    width: 70%;
    margin-left: 140px;
    margin-top: 5%;
}

/* === Tablet-Layout (ab 1024px abwärts) === */
@media only screen and (max-width: 1200px) {
    .intro-ueber-uns .fl-col.column-fix {
        left: 4vw;
    }

    .intro-ueber-uns .pp-heading-wrapper {
        width: 85%;
        padding-bottom: 10vh;
    }

    .intro-ueber-uns .pp-infobox-description {
        width: 85%;
        margin-left: 5vw;
        margin-top: 8%;
    }
}

/* === Smartphone-Layout (ab 767px abwärts) === */
@media only screen and (max-width: 767px) {
    .intro-ueber-uns .fl-col.column-fix {
        left: 0;
    }

    .intro-ueber-uns .pp-heading-wrapper {
        width: 100%;
        padding-bottom: 5vh;
    }

    .intro-ueber-uns .pp-infobox-description {
        width: 100%;
        margin-left: 0;
        margin-top: 5vh;
    }
}


.unsere-werte .fl-module-pp-infobox{
	border:1px solid var(--black);
}

.unsere-werte .fl-module-pp-infobox .fl-module-content,
.unsere-werte .fl-module-pp-infobox .pp-infobox-wrap,
.unsere-werte .fl-module-pp-infobox .pp-infobox{
    height: 100%;
}

.unsere-werte .fl-module-pp-infobox:first-child{
	border:0;
}

.unsere-werte .pp-infobox{
	text-align: left;
	border:0;
}

.unsere-werte .pp-infobox .pp-description-wrap{
	margin-bottom: 0;
}

.unsere-werte .pp-infobox-icon-inner span:before, .pp-infobox-icon-inner span.pp-icon{
	font-size: var(--large);
	padding: 50px 0 20px 0;
}

.unsere-werte .pp-infobox-title-prefix{
	font-size: var(--small);
	font-weight: 700;
}

.column-text .fl-col-content {
    display: flex;
    flex-direction: row;      /* explizit gesetzt */
    flex-wrap: wrap;
    gap: 20px;
}

.column-text .fl-module {
    width: calc(33.33% - 20px);
    box-sizing: border-box;
}

.unsere-werte .column-image .fl-col-content {
    background-position: 50% 38% !important;
}

.column-image .fl-col-content {
    margin: 0 10px 0 0;
}

.column-image .fl-col-content {
    position: relative;
    display: inline-block;
    overflow: hidden;
}

.column-image .fl-col-content::after {
    content: "";
    position: absolute;
    bottom: -1px;
    right: 0;
    width: 100px; /* Größe des Dreiecks */
    height: 100px;
    background: var(--white);
    clip-path: polygon(100% 100%, 0 100%, 100% 0);
    z-index: 2; /* Sicherstellen, dass es über dem Bild liegt */
}

@media only screen and (max-width: 1200px) {
    .column-text .fl-module {
        width: calc(50% - 20px);
    }
}

@media only screen and (max-width: 1024px) {
    .column-text .fl-module {
        width: calc(100% - 10px);
		margin-right: 20px;
    }
	.unsere-werte .pp-infobox-description {
        margin-left: 0px !important;
    }
}

@media only screen and (max-width: 767px) {
    .column-text .fl-col-content {
        flex-direction: column;  /* Jetzt Spalten untereinander */
        gap: 15px;                /* Etwas engerer Abstand mobil */
    }

    .column-text .fl-module {
        width: 100%;
    }

    .column-image .fl-col-content {
        margin: 0;
    }
}

/* ############################################# Projekte ############################################# */

/* Hero Video */ /* Raum für modernes Design */

.page-id-175 .fl-row-bg-video .fl-bg-video {
    z-index: 1;
    width: 94vw;
    margin: 0 auto;
	bottom: 50px;
}

.page-id-175 .fl-builder-shape-layer.fl-builder-bottom-edge-layer{
	z-index: 0;
}

.page-id-175 .pp-description-wrap{
	display: none;
	margin-bottom: 0;
}

.page-id-175 .pp-post-filters{
	margin: 10vh 0;
}

.pp-post-filter:before{
	content:".";
	color: var(--white);
}


.pp-filter-active,
.pp-post-filter:hover{
	text-decoration:underline;
}

.pp-filter-active:before,
.pp-post-filter:hover:before{
	content:".";
	color: var(--black);
}

/* ############################################# Leistungen ############################################# */

.hero-scroll-down .pp-infobox {
	padding: 0;
}

.hero-scroll-down .pp-infobox-title-wrapper {
	text-align: left;
    max-width: 1600px;
    margin: 5vh auto 10vh;
    width: 100%;
}

.hero-scroll-down .fl-row-content,
.fl-row.hero-scroll-down,
.hero-scroll-down .fl-row-content {
	margin: 0 auto !important;
}

.hero-scroll-down .pp-infobox-image img{
	width: 100% !important;
}

.hero-scroll-down .pp-infobox > *:not(.pp-infobox-title-wrapper) {
	max-width: 1400px;
    position: relative;
    text-align: left;
    margin-left: auto;
}

.hero-scroll-down .pp-button-wrap {
    position: absolute;
    bottom: 10vh;
    left: -20px;
}

.hero-scroll-down .pp-infobox-image {
	text-align: right;
}

.hero-scroll-down .pp-infobox-image a {
	pointer-events: none;
}

.hero-scroll-down .pp-infobox .pp-description-wrap {
	display: none;
}

.hero-scroll-down .pp-infobox .pp-more-link .pp-button-icon-right {
    margin-left: 0;
}

.hero-scroll-down .pp-infobox .pp-more-link {
    text-decoration: none;
    text-align: left;
}

.hero-scroll-down .pp-infobox .pp-more-link .pp-button-icon-right{
	margin: 0 !important;
}
	
.hero-scroll-down  .pp-infobox a.pp-more-link {
  display: inline-flex; 
  align-items: center;
  justify-content: center;
  width: 40px;               
  height: 40px;          
  padding: 0 !important;       
  border-radius: 50%;        
  color: var(--white);
  background: var(--black);
  text-decoration: none;     
}

.hero-scroll-down .pp-infobox a.pp-more-link:hover {
	color: var(--black);
	background: var(--white);
}


/* Unser Service */

.two-columns-text .pp-infobox{
	text-align: left;
}

.two-columns-text .pp-infobox-title{
	margin-bottom: 20px !important;
}

@media (min-width: 768px) {
	.two-columns-text .pp-description-wrap{
		display: flex;
	}	

	.two-columns-text .left, .two-columns-text .right{
		flex: 1;
	}
	.two-columns-text .left{
		padding-right: 50px;
	}
}

/* Das Bieten wir Ihnen */ /* Leistungsbeschreibung */

.leistungs-uebersicht-headline .pp-infobox .pp-description-wrap{
	margin-bottom: 0;
}

/* Standard-Abstand für Columns mit Separator */
.two-columns-text .fl-col.seperator {
    position: relative;
    padding-bottom: 0px;
}

/* Mobile Optimierung */
@media only screen and (max-width: 767px) {
    .two-columns-text .fl-col.seperator {
        padding-bottom: 0px;
    }
}

.leistungs-beschreibung .layout-6 {
	display: flex;
	justify-content: space-between;
	text-align: left;
	align-items: flex-start;
	flex-wrap: wrap;
	gap:20px;
}

.leistungs-beschreibung .layout-6 .pp-infobox-title-prefix {
	flex: 0;
	order: 1;
	margin-right: 20px;
	margin-top: -20px;
	font-weight: 600;
	margin-right:-20px!important;
}

.leistungs-beschreibung .layout-6 .pp-infobox-title-wrapper {
	flex: 5;
	order: 2;
}

.leistungs-beschreibung .layout-6 .pp-infobox-title {
	font-size: 2.5em;
}

.leistungs-beschreibung .layout-6 .pp-icon-wrapper {
	flex: 1;
	order: 4;
}

.leistungs-beschreibung .layout-6 .pp-infobox-image {
	text-align: right;
}

.leistungs-beschreibung .layout-6 .pp-infobox-description {
	flex: 10;
	order: 3;
}

.leistungs-beschreibung .pp-infobox .pp-description-wrap, .leistungs-beschreibung ul {
	margin-bottom: 0;
}

/* Responsiv für kleinere Bildschirme (z.B. Tablets) */
@media (max-width: 768px) {
	.leistungs-beschreibung .layout-6 {
		flex-flow: column wrap;
		justify-content: flex-start;
		gap:5px;
	}

	.leistungs-beschreibung .layout-6 .pp-infobox-title {
		font-size: 1.8em; /* Kleinere Schriftgröße auf mobilen Geräten */
	}

	.leistungs-beschreibung .layout-6 .pp-infobox-title-prefix,
	.leistungs-beschreibung .layout-6 .pp-infobox-title-wrapper,
	.leistungs-beschreibung .layout-6 .pp-infobox-description,
	.leistungs-beschreibung .layout-6 .pp-icon-wrapper {
		width: 100% !important; /* 2 Spalten auf kleinen Bildschirmen */
		box-sizing: border-box;
	}
	
	.leistungs-beschreibung .layout-6 .pp-infobox-title-prefi{
		order: 1;
	}
	
	.leistungs-beschreibung .layout-6 .pp-icon-wrapper {
		order: 2;
		margin-top: -20px;
	}
	
	.leistungs-beschreibung .layout-6 .pp-infobox-title-wrapper{
		order: 3;
	}
	
	.leistungs-beschreibung .layout-6 .pp-infobox-description{
		order: 4;
		margin-left:0 !important;
	}

	.leistungs-beschreibung .layout-6 .pp-infobox-title {
		font-size: 1.8em;
	}

	.leistungs-beschreibung .layout-6 .pp-infobox-description {
		font-size: 0.9em;
	}
}


/* Ihr Ansprechpartner */

@media (max-width: 1230px) {
	.ihr-ansprechpartner .pp-infobox-wrap .layout-4-wrapper{
		flex-direction: column-reverse;
	}

	.ihr-ansprechpartner .pp-icon-wrapper{
		margin: 0 !important;
	}
}

@media only screen and (max-width: 768px) {
    .ihr-ansprechpartner .pp-infobox-description {
        margin-left: 0px !important;
    }
}

.ihr-ansprechpartner ul{
	list-style-type: none;
	margin: 0 !important;
}

.ihr-ansprechpartner li.footer-contact-icons{
	margin-left: -40px;
}

.ihr-ansprechpartner li.footer-contact-icons img{
	margin-right: 10px;
}

.ihr-ansprechpartner .space{
	margin-bottom:15px;
	display:inline-block;
}

/* ############################################# Projekte ############################################# */

/* ############################################# Single Post Layout Projekte ############################################# */


.titelbild{
    width:100%;
    aspect-ratio: 19/9;
    background-size:cover;
    background-position: center center;
}

.single-post-layout-intro img{
	pointer-events: none;
}

.single-post-layout-intro .pp-heading-wrapper{
	flex: 1;
}

.single-post-layout-intro .pp-infobox-title{
	font-size: 4.2vw !important;
}

.single-post-layout-intro .pp-icon-wrapper{
	margin-left: 0 !important;
	flex: 1;
}

.single-post-layout-intro .pp-infobox .pp-description-wrap{
	margin: 0;
}

.single-post-layout-intro .pp-infobox-description {
    position: absolute;
    left: calc( 50vw - 35px );
}

.single-post-layout-intro .pp-infobox .pp-more-link {
    text-decoration: none;
    text-align: left;
}

.single-post-layout-intro .pp-infobox .pp-more-link .pp-button-icon-right{
	margin: 0 !important;
}

.single-post-layout-intro .pp-infobox a.pp-more-link {
  display: inline-flex; 
  align-items: center;
  justify-content: center;
  width: 60px;               
  height: 60px;          
  padding: 0 !important;       
  border-radius: 50%;        
  color: var(--white);
  background: var(--black);
  text-decoration: none;     
}

.single-post-layout-intro .pp-infobox a.pp-more-link:hover {
	color: var(--black);
	background: var(--white);
}

.single-post-layout-intro .pp-infobox .pp-more-link .pp-button-icon-right{
	margin-left: 0;
}

.facts-row .fl-builder-bottom-edge-layer{
	bottom: -15%;
}

.facts-row .fl-builder-bottom-edge-layer > * {
    width: 100%;
    left: calc(50% - 50%);
    right: auto;
    height: 40%;
    top: auto;
    bottom: 0;
    transform: scaleX(1) scaleY(-1);
}

@media (max-width: 1024px){
  .facts-row .fl-builder-bottom-edge-layer > * {
    height: 20% !important;
  }
	
	.facts-row .fl-builder-bottom-edge-layer{
		bottom: -5%;
	}
}

.infolist-wrapper {
	width: 100%;
}

.infolist-item {
	margin: 0;
	padding: 0;
}

.infolist-row {
	display: flex;
	padding: 30px 0;
	align-items: center;
	border-top: 1px solid var(--black);
}

.infolist-row:last-child {
	border-bottom: 1px solid var(--black); /* Border unten nur bei letzter Zeile */
}

.label {
	flex-basis: 60%;
}

.wert {
	flex-basis: 40%;
	font-weight: 600;
}

.facts-row .pp-infobox-image img{
	width: 100% !important;
}

.facts-module .pp-infobox{
	display:flex;
	flex-direction: column;
}

.facts-module .pp-infobox .pp-infobox-title-wrapper {
	order: 3;
	color: var(--white) !important;
}

.facts-module .pp-infobox .pp-infobox-title {
	color: var(--white) !important;
}

.facts-module .pp-infobox .pp-icon-wrapper {
	order: 2;
}

.facts-module .pp-infobox .pp-infobox-description {
	order: 1;
}

.facts-row .only-image .pp-infobox-title-wrapper, 
.facts-row .only-image .pp-infobox-description, 
.facts-row .only-image .pp-description-wrap { display: none; margin: 0;}

.only-image { margin-top: auto; }

.projektgallery .pp-image-carousel-item{
	padding: 0;
}

@media (min-width: 1024px){
	.projektgallery .pp-image-carousel-item{
		padding: 0 100px;
	}
	
	.projektgallery-description{
		padding-right: 100px;
	}
}

.projektgallery img { width: 100%; }

.projektgallery .swiper-pagination-bullet{
	border: solid 1px var(--black);
	transform: scale(.66);
}

/* ############################################# Karriere ############################################# */

.karriere-kontakt .pp-infobox{
	padding: 0;
}

.karriere-kontakt .pp-infobox .pp-description-wrap{
	margin-bottom: var(--small);
}

.karriere-kontakt .fl-photo{
	z-index: 2;
}

@media only screen and (min-width: 1024px) {
	.karriere-kontakt .fl-photo{
    	top: 15vh;
    	right: 3vw;
	}
}

.karriere-kontakt .fl-col.column-fix{
    position: relative;
    z-index: 1;
    left: 0px;
	margin-top: 0px;
}

.karriere-bei-bauwerk .pp-infobox-button{
	float: right;
}

/* Mobile Anpassung: Deaktivierung der Styles */
@media only screen and (max-width: 800px) {
    .fl-col.column-fix {
        position: static;  /* Deaktiviert die relative Positionierung */
        left: 0;           /* Entfernt den Abstand von der linken Seite */
        margin-top: 0;     /* Setzt den Abstand oben zurück */
    }

    .karriere-bei-bauwerk .pp-infobox-button {
        float: none;       /* Entfernt das float */
    }
}

/* ############################################# Kontakt ############################################# */

/* Headline Position */

.kontakt .pp-infobox {
	padding: 0;
}

.kontakt .pp-infobox-title-wrapper {
	text-align: right;
    max-width: 1600px;
    margin: 5vh auto 10vh;
    width: 100%;
}

@media only screen and (max-width: 1640px) {
	.kontakt .pp-infobox-title-wrapper .pp-infobox-title {
			margin-right:20px !important;
	}
}

.kontakt .fl-row-content, .fl-row.kontakt, .kontakt .fl-row-content {
	margin-left: 0 !important;
}

.kontakt .pp-infobox >*:not(.pp-infobox-title-wrapper) {
    max-width: 1488px;
	position: relative; 
	margin-right: 50px;
}

.kontakt .pp-button-wrap{
    right: -25px;
    top: -130px;
    max-width: 1600px;
    position: absolute;
}

.kontakt .pp-infobox-image {
	text-align: left;
}

.kontakt .pp-infobox-image a{
	pointer-events: none;
}

.kontakt .pp-infobox .pp-description-wrap{
	display: none;
}

.kontakt .pp-infobox .pp-more-link .pp-button-icon-right {
    margin-left: 0;
}

.kontakt .pp-infobox .pp-more-link {
    text-decoration: none;
    text-align: left;
}

.kontakt .pp-infobox a.pp-more-link {
    padding: 17px 20px !important;
    border-radius: 100px;
	color: var(--white);
	background: var(--black);
}


.kontakt .pp-infobox a.pp-more-link:hover {
	color: var(--black);
	background: var(--white);
}

/* Kontaktinformationen */

.kontaktinformationen .fl-col-content {
	display: flex;
	flex-wrap: wrap;
	gap: 50px 0px; /* Abstand zwischen den Elementen */
}

.kontaktinformationen .fl-module-sidebar {
	flex: 1 1 300px; /* wächst mit, aber mindestens 300px */
	max-height: 80px;
	align-content: flex-end;
}

.kontaktinformationen .fl-module-sidebar p {
	margin-bottom: 0;
}

.kontaktinformationen .fl-module-pp-contact-form-7 {
	flex: 2 1 500px; /* größerer Flex-Basis */
}

/* Breakpoint für kleinere Screens */
@media (max-width: 768px) {
	.kontaktinformationen .fl-col-content {
		flex-direction: column;
	}

	.kontaktinformationen .fl-module-sidebar,
	.kontaktinformationen .fl-module-pp-contact-form-7 {
		flex: 1 1 auto;
		max-height: none;
	}
}

/* Formular */

.wpcf7-form-control-wrap .wpcf7-text:not(.wpcf7-form-control-wrap .wpcf7-email), 
.wpcf7-form-control-wrap .wpcf7-number{
	margin-right: 50px;
}

.wpcf7-form-control-wrap .wpcf7-email, .pp-cf7-content .wpcf7-text{
	margin-right: 0px;
	margin-top: 0 !important;
}

@media (min-width: 768px) {
	.pp-cf7-content .wpcf7-text:not(.wpcf7-form-control-wrap .wpcf7-email), 
	.pp-cf7-content .wpcf7-number{
		width: calc(50% - 50px) !important;
	}
}

.pp-cf7-content .wpcf7-text .wpcf7-email{
	width: 50%;
}

.pp-cf7-content .wpcf7-textarea{
	width: 100% !important;
}

.pp-cf7-content form p{
	text-align: right !important;
} 

.pp-cf7-content  span.capitalize{
	color: var(--black);
}

.footer-contact-icons a{
	color: var(--black);
	transition: all 0.4s !important;
}

.pp-cf7-content  span.capitalize:hover{
	color: var(--white);
	background: var(--black);
	transition: all 0.4s !important;
}
	

.wpcf7-submit{
	border: solid 1px var(--black);
	border-radius: 100px;
	padding: 8px 12px;
} 

.wpcf7-submit{
	display: inline-flex;
    align-items: center;
	padding: 5px 30px 5px 20px !important;
    border-radius: 100px;
    font-size: var(--regular) !important;
    letter-spacing: -.5px;
    text-transform: normal;
    font-weight: 300;
}

.wpcf7-submit{
	background: var(--white);
	transition: all .4s ease-out;
	color: var(--black);
}

.wpcf7-submit:hover{
	background: var(--black);
	transition: all .4s ease-out;
	color: var(--white);
}

.wpcf7-submit .pp-button-icon-right{
	margin: 1px 0px 0 15px;
}

.wpcf7-submit .fa-arrow-right-long:before {
	font-size: 25px;
	font-weight: 100;
}


/* ############################################# Footer ############################################# */

/* Kontakt aufnehmen CTA */

.footer .footer-cta{
	font-family: 'Comfortaa';
	font-size: 2.5rem !important;
	text-transform: lowercase !important;
	letter-spacing: 1.5px;
}

@media (max-width: 768px) {
	.footer .footer-cta{
		font-size: 2rem !important;
	}
}

@media (max-width: 600px) {
	.footer .footer-cta{
		font-size: 1.5rem !important;
	}
}

.footer .pp-button .pp-button-icon{
	font-weight: 200;
}

/*
 .pp-button-wrap a.pp-button,  .pp-button-wrap a.pp-button:visited {
    transition-duration: 10s !important;
}

/* Logo + Email */

.footer .pp-infobox-wrap .layout-1 .pp-heading-wrapper,
.footer .pp-infobox-wrap .layout-2 .pp-heading-wrapper {
    display: flex;
    justify-content: flex-start !important;
    max-width: 1200px;
    gap: 150px;
    margin: 0 auto;
}

.footer .pp-infobox-image {
    margin: 10px auto 10px;
    text-align: center;
}
	
.footer .pp-infobox-wrap .layout-1 .pp-infobox-description {
    display: none;
}

.footer .pp-infobox-title, .footer h4{
    font-size: 2.5vw !important;
	transition: all 0.4s !important;
}

.footer .pp-infobox-wrap .layout-1 .pp-infobox-title-wrapper .pp-infobox-title:hover a {
	background: var(--white);
	color: var(--black) !important;
	transition: all 0.4s !important;
}

.footer .pp-heading-wrapper-inner{
    position: relative;
	padding: 30px 0;
}

.footer .pp-heading-wrapper-inner::before {
    content: "";
    width: 2px;
    height: 100%;
    position: absolute;
    display: block;
    background: var(--white);
    left: -75px;
	bottom: 0;
}

@media (max-width: 1200px) {
	.footer .pp-icon-wrapper{
		padding-left: 20px;
	}
}

@media (max-width: 800px) {
	.footer .pp-icon-wrapper{
		padding-left: 10px;
	}
	.footer .pp-infobox-image img{
		width: 80px !important;
	}
}

@media (max-width: 480px) {
	.footer .pp-infobox-wrap .layout-1 .pp-heading-wrapper,
	.footer .pp-infobox-wrap .layout-2 .pp-heading-wrapper {
    	gap: 50px;
	}
	.footer .pp-heading-wrapper-inner::before {
    	left: -25px;
}
	.footer .pp-infobox-image img{
		width: 50px;
	}
}

/* Info Footer */

.wpbf-widget-footer{
	padding-top: 40px;
}

.wpbf-widget-footer .wpbf-container {
    display: flex;
    max-width: 1240px;
    margin: 0 auto;
	padding: 0 20px !important;
}

.wpbf-inner-widget-footer .wpbf-grid {
    display: flex;
    width: 100%;
    justify-content: flex-start;
	margin-left: 0 !important;
	align-items: flex-end;
}

.wpbf-footer-widget{
	padding: 0 20px 0 0;
}

.wpbf-footer-widget p{
	margin: 0;
}

.footer-contact-icons a{
	color: var(--black);
}

.footer-contact-icons a:hover{
	color: var(--white);
	background: var(--black);
	transition: all 0.4s !important;
}


.light .footer-contact-icons a{
	color: var(--white);
}

.light .footer-contact-icons a:hover{
	color: var(--black);
	background: var(--white);
	transition: all 0.4s !important;
}

.light .footer-contact-icons svg{
	width: 20px;
	height: 20px;
	margin-right: 10px;
	position: relative;
	top: 5px;
	fill: var(--white);
}


.footer-contact-icons a{
	transition: all 0.4s !important;
}

.footer-contact-icons svg{
	width: 20px;
	height: 20px;
	position: relative;
	top: 5px;
}

footer .footer-contact-icons a{
	color: var(--white);
}

footer .footer-contact-icons svg{
	width: 20px;
	height: 20px;
	margin-right: 10px;
	position: relative;
	top: 5px;
	fill: var(--white);
}

footer .footer-contact-icons a:hover{
	color: var(--black);
	background: var(--white);
	transition: all 0.4s !important;
}

.menu-footer-legals-container a{
	transition: all 0.4s !important;
}

.menu-footer-legals-container a:hover{
	color: var(--black);
	background: var(--white);
	transition: all 0.4s !important;
}

/* justified-gallery */
.justified-gallery{
	margin-left:-20px;
	width:calc(100% + 40px);
}

.fancybox-button{
	background:transparent;
	color:var(--black);
	transform:scale(1.4);
}

.fancybox-button:hover{
	color:var(--black);
}

.fancybox-button svg path{
	stroke-width:1.5;
	stroke:var(--white);
}


/* ############################################# Font Face ############################################# */

/* comfortaa-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Comfortaa';
  font-style: normal;
  font-weight: 300;
  src: url('../colistic-child/fonts/comfortaa-v45-latin-300.eot'); /* IE9 Compat Modes */
  src: url('../colistic-child/fonts/comfortaa-v45-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../colistic-child/fonts/comfortaa-v45-latin-300.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../colistic-child/fonts/comfortaa-v45-latin-300.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../colistic-child/fonts/comfortaa-v45-latin-300.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../colistic-child/fonts/comfortaa-v45-latin-300.svg#Comfortaa') format('svg'); /* Legacy iOS */
}
/* comfortaa-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Comfortaa';
  font-style: normal;
  font-weight: 400;
  src: url('../colistic-child/fonts/comfortaa-v45-latin-regular.eot'); /* IE9 Compat Modes */
  src: url('../colistic-child/fonts/comfortaa-v45-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../colistic-child/fonts/comfortaa-v45-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../colistic-child/fonts/comfortaa-v45-latin-regular.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../colistic-child/fonts/comfortaa-v45-latin-regular.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../colistic-child/fonts/comfortaa-v45-latin-regular.svg#Comfortaa') format('svg'); /* Legacy iOS */
}
/* comfortaa-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Comfortaa';
  font-style: normal;
  font-weight: 500;
  src: url('../colistic-child/fonts/comfortaa-v45-latin-500.eot'); /* IE9 Compat Modes */
  src: url('../colistic-child/fonts/comfortaa-v45-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../colistic-child/fonts/comfortaa-v45-latin-500.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../colistic-child/fonts/comfortaa-v45-latin-500.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../colistic-child/fonts/comfortaa-v45-latin-500.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../colistic-child/fonts/comfortaa-v45-latin-500.svg#Comfortaa') format('svg'); /* Legacy iOS */
}
/* comfortaa-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Comfortaa';
  font-style: normal;
  font-weight: 600;
  src: url('../colistic-child/fonts/comfortaa-v45-latin-600.eot'); /* IE9 Compat Modes */
  src: url('../colistic-child/fonts/comfortaa-v45-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../colistic-child/fonts/comfortaa-v45-latin-600.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../colistic-child/fonts/comfortaa-v45-latin-600.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../colistic-child/fonts/comfortaa-v45-latin-600.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../colistic-child/fonts/comfortaa-v45-latin-600.svg#Comfortaa') format('svg'); /* Legacy iOS */
}
/* comfortaa-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Comfortaa';
  font-style: normal;
  font-weight: 700;
  src: url('../colistic-child/fonts/comfortaa-v45-latin-700.eot'); /* IE9 Compat Modes */
  src: url('../colistic-child/fonts/comfortaa-v45-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../colistic-child/fonts/comfortaa-v45-latin-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../colistic-child/fonts/comfortaa-v45-latin-700.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../colistic-child/fonts/comfortaa-v45-latin-700.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../colistic-child/fonts/comfortaa-v45-latin-700.svg#Comfortaa') format('svg'); /* Legacy iOS */
}

/* mulish-200 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Mulish';
  font-style: normal;
  font-weight: 200;
  src: url('../colistic-child/fonts/mulish-v13-latin-200.eot'); /* IE9 Compat Modes */
  src: url('../colistic-child/fonts/mulish-v13-latin-200.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../colistic-child/fonts/mulish-v13-latin-200.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../colistic-child/fonts/mulish-v13-latin-200.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../colistic-child/fonts/mulish-v13-latin-200.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../colistic-child/fonts/mulish-v13-latin-200.svg#Mulish') format('svg'); /* Legacy iOS */
}
/* mulish-200italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Mulish';
  font-style: italic;
  font-weight: 200;
  src: url('../colistic-child/fonts/mulish-v13-latin-200italic.eot'); /* IE9 Compat Modes */
  src: url('../colistic-child/fonts/mulish-v13-latin-200italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../colistic-child/fonts/mulish-v13-latin-200italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../colistic-child/fonts/mulish-v13-latin-200italic.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../colistic-child/fonts/mulish-v13-latin-200italic.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../colistic-child/fonts/mulish-v13-latin-200italic.svg#Mulish') format('svg'); /* Legacy iOS */
}
/* mulish-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Mulish';
  font-style: normal;
  font-weight: 300;
  src: url('../colistic-child/fonts/mulish-v13-latin-300.eot'); /* IE9 Compat Modes */
  src: url('../colistic-child/fonts/mulish-v13-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../colistic-child/fonts/mulish-v13-latin-300.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../colistic-child/fonts/mulish-v13-latin-300.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../colistic-child/fonts/mulish-v13-latin-300.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../colistic-child/fonts/mulish-v13-latin-300.svg#Mulish') format('svg'); /* Legacy iOS */
}
/* mulish-300italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Mulish';
  font-style: italic;
  font-weight: 300;
  src: url('../colistic-child/fonts/mulish-v13-latin-300italic.eot'); /* IE9 Compat Modes */
  src: url('../colistic-child/fonts/mulish-v13-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../colistic-child/fonts/mulish-v13-latin-300italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../colistic-child/fonts/mulish-v13-latin-300italic.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../colistic-child/fonts/mulish-v13-latin-300italic.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../colistic-child/fonts/mulish-v13-latin-300italic.svg#Mulish') format('svg'); /* Legacy iOS */
}
/* mulish-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Mulish';
  font-style: normal;
  font-weight: 400;
  src: url('../colistic-child/fonts/mulish-v13-latin-regular.eot'); /* IE9 Compat Modes */
  src: url('../colistic-child/fonts/mulish-v13-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../colistic-child/fonts/mulish-v13-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../colistic-child/fonts/mulish-v13-latin-regular.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../colistic-child/fonts/mulish-v13-latin-regular.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../colistic-child/fonts/mulish-v13-latin-regular.svg#Mulish') format('svg'); /* Legacy iOS */
}
/* mulish-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Mulish';
  font-style: italic;
  font-weight: 400;
  src: url('../colistic-child/fonts/mulish-v13-latin-italic.eot'); /* IE9 Compat Modes */
  src: url('../colistic-child/fonts/mulish-v13-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../colistic-child/fonts/mulish-v13-latin-italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../colistic-child/fonts/mulish-v13-latin-italic.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../colistic-child/fonts/mulish-v13-latin-italic.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../colistic-child/fonts/mulish-v13-latin-italic.svg#Mulish') format('svg'); /* Legacy iOS */
}
/* mulish-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Mulish';
  font-style: normal;
  font-weight: 500;
  src: url('../colistic-child/fonts/mulish-v13-latin-500.eot'); /* IE9 Compat Modes */
  src: url('../colistic-child/fonts/mulish-v13-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../colistic-child/fonts/mulish-v13-latin-500.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../colistic-child/fonts/mulish-v13-latin-500.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../colistic-child/fonts/mulish-v13-latin-500.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../colistic-child/fonts/mulish-v13-latin-500.svg#Mulish') format('svg'); /* Legacy iOS */
}
/* mulish-500italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Mulish';
  font-style: italic;
  font-weight: 500;
  src: url('../colistic-child/fonts/mulish-v13-latin-500italic.eot'); /* IE9 Compat Modes */
  src: url('../colistic-child/fonts/mulish-v13-latin-500italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../colistic-child/fonts/mulish-v13-latin-500italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../colistic-child/fonts/mulish-v13-latin-500italic.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../colistic-child/fonts/mulish-v13-latin-500italic.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../colistic-child/fonts/mulish-v13-latin-500italic.svg#Mulish') format('svg'); /* Legacy iOS */
}
/* mulish-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Mulish';
  font-style: normal;
  font-weight: 600;
  src: url('../colistic-child/fonts/mulish-v13-latin-600.eot'); /* IE9 Compat Modes */
  src: url('../colistic-child/fonts/mulish-v13-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../colistic-child/fonts/mulish-v13-latin-600.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../colistic-child/fonts/mulish-v13-latin-600.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../colistic-child/fonts/mulish-v13-latin-600.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../colistic-child/fonts/mulish-v13-latin-600.svg#Mulish') format('svg'); /* Legacy iOS */
}
/* mulish-600italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Mulish';
  font-style: italic;
  font-weight: 600;
  src: url('../colistic-child/fonts/mulish-v13-latin-600italic.eot'); /* IE9 Compat Modes */
  src: url('../colistic-child/fonts/mulish-v13-latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../colistic-child/fonts/mulish-v13-latin-600italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../colistic-child/fonts/mulish-v13-latin-600italic.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../colistic-child/fonts/mulish-v13-latin-600italic.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../colistic-child/fonts/mulish-v13-latin-600italic.svg#Mulish') format('svg'); /* Legacy iOS */
}
/* mulish-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Mulish';
  font-style: normal;
  font-weight: 700;
  src: url('../colistic-child/fonts/mulish-v13-latin-700.eot'); /* IE9 Compat Modes */
  src: url('../colistic-child/fonts/mulish-v13-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../colistic-child/fonts/mulish-v13-latin-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../colistic-child/fonts/mulish-v13-latin-700.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../colistic-child/fonts/mulish-v13-latin-700.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../colistic-child/fonts/mulish-v13-latin-700.svg#Mulish') format('svg'); /* Legacy iOS */
}
/* mulish-700italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Mulish';
  font-style: italic;
  font-weight: 700;
  src: url('../colistic-child/fonts/mulish-v13-latin-700italic.eot'); /* IE9 Compat Modes */
  src: url('../colistic-child/fonts/mulish-v13-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../colistic-child/fonts/mulish-v13-latin-700italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../colistic-child/fonts/mulish-v13-latin-700italic.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../colistic-child/fonts/mulish-v13-latin-700italic.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../colistic-child/fonts/mulish-v13-latin-700italic.svg#Mulish') format('svg'); /* Legacy iOS */
}
/* mulish-800 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Mulish';
  font-style: normal;
  font-weight: 800;
  src: url('../colistic-child/fonts/mulish-v13-latin-800.eot'); /* IE9 Compat Modes */
  src: url('../colistic-child/fonts/mulish-v13-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../colistic-child/fonts/mulish-v13-latin-800.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../colistic-child/fonts/mulish-v13-latin-800.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../colistic-child/fonts/mulish-v13-latin-800.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../colistic-child/fonts/mulish-v13-latin-800.svg#Mulish') format('svg'); /* Legacy iOS */
}
/* mulish-800italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Mulish';
  font-style: italic;
  font-weight: 800;
  src: url('../colistic-child/fonts/mulish-v13-latin-800italic.eot'); /* IE9 Compat Modes */
  src: url('../colistic-child/fonts/mulish-v13-latin-800italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../colistic-child/fonts/mulish-v13-latin-800italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../colistic-child/fonts/mulish-v13-latin-800italic.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../colistic-child/fonts/mulish-v13-latin-800italic.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../colistic-child/fonts/mulish-v13-latin-800italic.svg#Mulish') format('svg'); /* Legacy iOS */
}
/* mulish-900 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Mulish';
  font-style: normal;
  font-weight: 900;
  src: url('../colistic-child/fonts/mulish-v13-latin-900.eot'); /* IE9 Compat Modes */
  src: url('../colistic-child/fonts/mulish-v13-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../colistic-child/fonts/mulish-v13-latin-900.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../colistic-child/fonts/mulish-v13-latin-900.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../colistic-child/fonts/mulish-v13-latin-900.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../colistic-child/fonts/mulish-v13-latin-900.svg#Mulish') format('svg'); /* Legacy iOS */
}
/* mulish-900italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Mulish';
  font-style: italic;
  font-weight: 900;
  src: url('../colistic-child/fonts/mulish-v13-latin-900italic.eot'); /* IE9 Compat Modes */
  src: url('../colistic-child/fonts/mulish-v13-latin-900italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../colistic-child/fonts/mulish-v13-latin-900italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../colistic-child/fonts/mulish-v13-latin-900italic.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../colistic-child/fonts/mulish-v13-latin-900italic.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../colistic-child/fonts/mulish-v13-latin-900italic.svg#Mulish') format('svg'); /* Legacy iOS */
}