/*
Theme Name: KOCHAG
Description: A <a href='http://codex.wordpress.org/Child_Themes'>Child Theme</a> for the Enfold Wordpress Theme. If you plan to do a lot of file modifications we recommend to use this Theme instead of the original Theme. Updating will be much easier then.
Version: 1.0
Author: Kriesi
Author URI: http://www.kriesi.at
Template: enfold
*/

body {
	font-family: yantramanav;
	font-weight: 300;
	font-size:32px;
}

p {
	margin:0;
}

h2, h3, h4, h5, h6 {
	text-transform: none !important;
}

#top #wrap_all .all_colors h1 {
    font-size: 60px;
    font-family: 'yantramanav', Helvetica, Arial, sans-serif;
}

#top #wrap_all .all_colors h2 {
    font-size: 40px;
    font-family: 'yantramanav', Helvetica, Arial, sans-serif;
}

.headline {	
	font-family: yantramanav;
	font-weight: 800 !important;
	color:#FFF !important;
	font-size:70px;
}

.sub_headline {	
	font-family: yantramanav;
	font-weight: 800 !important;
	font-size:40px;
}


#header_main, .header_bg {
	width:50%;
	left:50%;
	 transition-duration: 0.05s;
}

#header_main.full , .header_bg.full {
	width:100%;
	left:0px;
	 transition-duration: 0.05s;
}


.extp-top-term:nth-child(1) {
	display: none !important;
}

#footer .flex_column:nth-child(1) {
	text-align: right;
}


.tab_inner_content {
	overflow: hidden;
}


.jobs .entry-content-header {
	background:#bfbfbf;
	padding-left:15px;
	font-weight: 300 !important;
	font: inherit;
}


.bloglist-compact.post-entry {
    border:0px;
    padding: 0px 0;
	margin-bottom:10px;
    float: none;
}

/* Immobolien */
body.page-id-655 .av-burger-overlay-inner {
	background:#009e59 !important;
}
/* Holzbau */
body.page-id-617 .av-burger-overlay-inner {
	background:#c37800 !important;
}
/* Architektur */
body.page-id-544 .av-burger-overlay-inner {
	background:#007bc0 !important;
}


.tpstyle-2 figcaption {
	background:#FFF !important;
}
.tpstyle-2 figcaption::after {
	display: none;
}

.image-overlay { display: none !important; }

.tpstyle-2 .tpstyle-2-image img {
    border-radius: 0px;
}

.search-btsm, .extp-search-group select {
	display: none !important;
}
#top #searchform > div {
    max-width: 100%;
}

.logo {
	opacity: 1;
	padding-left:36px;
}
.logo.show {
	opacity: 1;
	transition: opacity 1s;
}
.logo.notshow {
	opacity: 1;
	transition: opacity 1s;
}

/* Logo */
/*
body.home #header.av_header_transparency .logo {
	display: none;
}

body.page-id-679 .logo, body.page-id-1335 .logo, body.page-id-768 .logo, body.page-id-1014 .logo, body.page-id-924 .logo, body.page-id-1257 .logo {
	opacity: 1;
}
body.page-id-679 .logo.notshow, body.page-id-1335 .logo.notshow, body.page-id-768 .logo.notshow, body.page-id-1014 .logo.notshow, body.page-id-924 .logo.notshow, body.page-id-1257 .logo.notshow {
	opacity: 1;
}*/




.logo  {
	position: absolute;
	width:220px;
	height:auto !important;
}


#header .logo img {
	display: block;
}

#header .logo .subtext img {
	display: block;
	width:125px;
	height:auto;
}

#header.av_header_transparency .logo img { display: block !important; }
#header.av_header_transparency .logo .subtext img { display: none !important; }






.fallback-post-type-icon {
	display: none !important;
}


.team_mail {
	font-size:23px;
	text-decoration: underline;
	margin-top:10px;
	line-height: 1.2em;
}

.team_mail a:hover {
	color:#000;
}



/* Team Raster */

#team_raster .tab_content {
	background:#FFF;
	border:0px !important;
	padding:0px;
}

#team_raster .tab_titles .tab {
	background:#FFF;
	border:3px solid #000;
	margin-right:10px;
	padding-bottom:0px;
	padding-top:0px;
}


.avia-timeline-boxshadow .av-milestone-contentbox {
    padding: 25px;
}

.ex-tplist .extp-child_cat .extp-top-cat > li {
    border: 3px solid #000;
}

#toggle-id-1 .toggle_content {
	min-height: 3800px;
}
#toggle-id-1 .toggle_content iframe {
	min-height: 3800px;
}

#toggle-id-2 .toggle_content {
	min-height: 1400px;
}
#toggle-id-2 .toggle_content iframe {
	min-height: 1400px;
}


.togglecontainer .single_toggle:first-child .toggler, .togglecontainer .taglist + .single_toggle .toggler, .toggle_icon {
  border:0px;
}



/*
Desktop Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the desktop view of your site */

@media only screen and (min-width: 768px) {
  /* Add your Desktop Styles here */

}



/*
Mobile Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the Mobile and Tablet Portrait view */

@media only screen and (max-width: 767px) {
  /* Add your Mobile Styles here */

	
	.responsive #top .main_color .tabcontainer .active_tab {
    background-color: #000;
    color: #fff;
}
	
	
	.gitter_change {
		display: flex !important;
		flex-direction: column-reverse !important;
	 }
	
	
	.avia-content-slider-inner .slide-entry {
		width:100% !important;
	}
	
	#footer .flex_column {
		text-align: left !important;
	}
	
	
	#header_main, .header_bg {
	width:100%;
	left:0px;
	 transition-duration: 0.05s;
}

#header_main.full , .header_bg.full {
	width:100%;
	left:0px;
	 transition-duration: 0.05s;
}
	
	
}


@media only screen and (max-width:767px) {
  .responsive #top #wrap_all #header {
    position: fixed !important;
  }

  .responsive #top #main {
    padding-top: 90px !important;
  }
  
  #header_meta {
    display: none;
  }
}	


.telefon {
    font-size: 23px;
    text-decoration: none;
    margin-top: 10px;
    line-height: 1.2em;
}
.telefon a {
 text-decoration: underline !important;

}







/* Projekte */
.projekte {
    display: flex;
    flex-direction: column;
    gap: 0px;
    background: #343434;
}

.projekte .section-col {
    display: flex;
    flex-wrap: wrap;
    overflow: hidden;
}

.projekte .section-col .col {
    flex: 1 1 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
}

.projekte .section-col .col-image {
    display: flex;
    align-items: center;
    justify-content: center;
}

.projekte .section-col .col-text {
    background: #343434;
    padding: 40px;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    box-sizing: border-box; /* Bezieht Padding in die Breiten- und Höhenberechnung mit ein */
    color: #FFF;
    flex-direction: column;
    height: auto; /* Höhe auf automatisch setzen */
}

.projekte .reverse {
    flex-direction: row-reverse;
}


.projekte .section-col .col-text.headline {
    align-items: flex-start;
    justify-content: flex-end;
    height: 550px; /* Spezielle Höhe nur für Headline */
}

.projekte .section-col .col-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    aspect-ratio: 1 / 1;
}

.projekte .section-col .col-text a {
    border: 3px solid #FFF;
    padding: 5px 30px;
    color: #FFF;
    font-size: 20px;
    border-radius: 2px !important;
    margin-top: 20px;
}

.projekte .section-col.white {
    background: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 80px 0;
}

.projekte .section-col.white .buttons {
    display: flex;
    flex-direction: row;
    gap: 10px;
}

.projekte .section-col.white .buttons a {
    border: 3px solid #343434;
    padding: 3px 20px;
    color: #343434;
    font-size: 17px;
    border-radius: 2px !important;
    margin-top: 20px;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
}

.projekte .section-col.white .buttons a img {
    width: 15px;
    height: auto;
}

.projekte .section-col.kontakt,
.projekte .section-col.kontakt .col.col-image {
    max-height: 800px;
    height: auto;
    aspect-ratio: 12 / 9;
}

.projekte .section-col.kontakt .col.col-image img {
    object-position: top;
}

.projekte .section-col.kontakt a {
    padding: 0;
    border: 0;
    text-decoration: underline !important;
    line-height: 1.5em;
}

.projekte .section-col.kontakt p {
    padding-top: 50px;
}

.projekte .fancybox-gallery {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px; /* Optional: Abstand zwischen den Bildern */
}

.projekte .fancybox-gallery a {
    display: block;
    position: relative;
    width: 100%;
    aspect-ratio: 16 / 10;
    overflow: hidden;
}

.projekte .fancybox-gallery a img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
}





.projekte .section-col.headliner,
.projekte .section-col.headliner .col.col-image {
    align-items: flex-end;
}


.projekte .section-col .col {
    flex: 1 1 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    aspect-ratio: 1 / 1; /* Macht die Spalten quadratisch */
}

.projekte .section-col .col-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.projekte .section-col .col-text {
    background: #343434;
    padding: 40px;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    box-sizing: border-box;
    color: #FFF;
    flex-direction: column;
    aspect-ratio: 1 / 1; /* Stellt sicher, dass der Textbereich quadratisch ist */
    height: auto;
}



.section-col.team {
    display: flex;
    justify-content: space-between;
}

.mitarbeiter {
    display: flex;
    width: 100%;
}

.mitarbeiter-item {
    width: 50%;
    padding: 10px; /* optional, für Abstände */
    box-sizing: border-box; /* sorgt dafür, dass Padding und Border mit in die Breite einfließen */
}

.mitarbeiter-item b {
	font-size: 40px;
}
.mitarbeiter-item s {
	font-style: normal !important;
	text-decoration: none !important;
	font-size: 30px !important;
}
.mitarbeiter-item a {
	text-decoration: underline !important;
	color:#000;
}


@media only screen and (max-width: 767px) {
    .projekte .section-col .col {
        flex: 1 100%;
    }

    .projekte .section-col {
        flex-direction: column-reverse;
    }

    .projekte .section-col .col-image img {
        aspect-ratio: 16 / 14;
    }

    .projekte .section-col.headliner,
    .projekte .section-col.headliner .col.col-image {
        max-height: auto;
        align-items: flex-end;
        height: auto;
    }

    .projekte .section-col .col-text.headline {
        align-items: flex-start;
        justify-content: flex-end;
        height: auto; /* Spezielle Höhe nur für Headline */
    }

    .projekte .section-col .col-text.headline {
        align-items: center;
        justify-content: center;
        height: auto;
        display: flex;
        width: 100%;
    }

    .projekte .section-col {
        flex-direction: row-reverse;
    }

    .projekte .section-col.headliner {
        flex-direction: column-reverse;
    }

    .projekte .reverse {
        flex-direction: row;
    }

    .projekte .section-col.white h2 {
        text-align: center;
    }

    .projekte .section-col.white .buttons {
        flex-direction: column;
        gap: 0px;
    }

    .projekte .fancybox-gallery {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 16px;
        width: 80vw;
    }

    .projekte .section-col.kontakt,
    .projekte .section-col.kontakt .col.col-image {
        max-height: 1500px;
        aspect-ratio: unset;
    }

    .projekte .section-col.kontakt .col.col-image img {
        height: 650px;
        object-fit: cover;
    }
}