/*
Theme Name: pn_gu-bm.at_2025 (perfect:net Divi Child)
Theme URI: http://www.perfectnet.at/
Template: Divi
Author: perfect:net (Urs)
Author URI: http://www.perfectnet.at
Tags: responsive-layout,one-column,two-columns,three-columns,four-columns,left-sidebar,right-sidebar,custom-background,custom-colors,featured-images,full-width-template,post-formats,rtl-language-support,theme-options,threaded-comment$
Version: 1.5.1
Updated: 2022-03-29 13:37:00
*/

/**** check the folder "assets/css" for default classes etc. ****/
@import "./variables.css";


/***** p:n __THEMEING - Customer related stuff HERE ;-) *****/

:root {
  --header-height: 150px;
  --header-height-mobile: 92px;
}


/* Hallo URSI */
li::marker {
	color: #cee002;
}

ul {
	list-style-type: square !important;
}

.pn_like-h4 { text-transform: uppercase; }



.pn_slider.projects .featured_image,
.project-archive-grid .project-thumb img {
  aspect-ratio: 1 / 1;
  object-fit: cover;
  object-position: center;
  overflow: hidden;
  border-radius: 6px;
}


/*
.pn_slider.projects .featured_image:after {
  content: '\f0fe' !important;
  font-family: var(--pn_font_icon) !important;
  position: absolute !important;
  right: 10px !important; 
  bottom: 10px !important;
  height: 20px !important;
  width: 20px !important;
  z-index: 10 !important;
  color: #ffffff !important;
  font-size: 20px !important;
}
*/

.et_pb_image.overlay .et_pb_image_wrap:after {
  font-family: var(--pn_font_icon) !important;
  font-weight: 300;
  font-size: 30px !important;
  position: absolute !important;
  right: 10px !important;
  bottom: 24px !important;
  z-index: 10 !important;
  color: var(--pn_col2) !important;
  transition: all 300ms ease 0ms;
}
.et_pb_image.overlay.square-plus .et_pb_image_wrap:after {
  content: '\f0fe' !important;
}
.et_pb_image.aspect-ratio1610 .et_pb_image_wrap img { 
  aspect-ratio: 16 / 10;
  object-fit: cover;
  object-position: center;
  overflow: hidden;
}

.et_pb_row .et_pb_column .et_pb_image .et_pb_image_wrap {
  overflow: hidden; 
}
.et_pb_row.images.hover .et_pb_column .et_pb_image.aspect-ratio1610 .et_pb_image_wrap img {
  transition: all 300ms ease 0ms;
}
.et_pb_row.images.hover .et_pb_column:hover .et_pb_image.aspect-ratio1610 .et_pb_image_wrap img {
  transform: scale(1.1);
  transition: all 300ms ease 0ms;
}
.et_pb_row.images.hover .et_pb_column .et_pb_image.aspect-ratio1610 .et_pb_image_wrap:before {
  content: '';
  z-index: 50;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /* backdrop-filter: blur(1px) !important; */
  transition: all .3s ease-in 0s;
  opacity: 0;
  background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
}

.et_pb_row.images.hover .et_pb_column:hover .et_pb_image.aspect-ratio1610 .et_pb_image_wrap:before {
  transition: all .3s ease-in 0s;
  opacity: 1;
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.25) 0%, rgba(206, 224, 2, 0.25) 100%);
}
.et_pb_row.images.hover .et_pb_column:hover .et_pb_image.overlay .et_pb_image_wrap:after {
  color: var(--pn_col3) !important;
  transition: all 300ms ease 0ms;
}



@media only screen and ( min-width: 981px ) {
  .leistungen.flex.et_pb_row {
    --sec_row-width: 80%;
    --sec_row_max-width: 1300px;
    --margin: 2;
    --count: 3;
    --breakpoint-tolerance: 60px; /* content-box */ /* 20px; border-box */
    display: flex;
    flex-flow: row wrap;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    height: auto;
    width: var(--sec_row-width);
    width: calc(var(--sec_row-width) + var(--margin) * 1%);
    max-width: calc(var(--sec_row_max-width) +  ( var(--margin) * 1% ) );
    margin: 0 auto !important;
  }
  .leistungen.flex.et_pb_row .et_pb_column {
    --width: calc((100% - (var(--count) - 1) * var(--margin) * 1%) / var(--count));
    --min-width: calc(var(--sec_row_max-width) / var(--count) - (var(--margin)* 1%) - var(--breakpoint-tolerance));
    --max-width: calc((var(--sec_row_max-width) + var(--margin) * 1%) / var(--count) - (var(--margin) * 1%));
    flex: 1 0 var(--min-width);
    margin: calc(var(--margin) * .5%) calc(var(--margin) * .5%) !important;
    overflow: hidden;
    page-break-inside: avoid;
    break-inside: avoid-column;
    width: var(--width);
    min-width: var(--min-width);
    max-width: var(--max-width);
    transition: transform .2s ease 0s;
    transform: scale(1);
    z-index:10;
  }
  .leistungen.flex.et_pb_row .et_pb_column .et_pb_text {
    max-width: calc(((164px + 164px) / 100) * 101.5) !important;
  }
}

@media only screen and (max-width: 980px) {
  .leistungen.flex.et_pb_row .et_pb_column .et_pb_text {
    max-width: calc(((164px + 164px) / 100) * 101.5) !important;
  }
}

@media only screen and (max-width: 980px) and (min-width: 768px) {
  .leistungen.flex.et_pb_row .et_pb_column {
    display: block; 
    width: 49%;
    margin-right: 2%;
  }
  .leistungen.flex.et_pb_row .et_pb_column:nth-child(2n) {
    margin-right: 0;
  }
}
@media only screen and (max-width: 767px) {
  .leistungen.flex.et_pb_row .et_pb_column {
    width: 100%;
  }
}

.leistungen .header.pn_like-h5 h3:after {
  content: '\f0fe';
  font-family: var(--pn_font_icon);
  font-weight: 400;
  font-size: 24px;
  color: var(--pn_col1) !important;
  position: absolute: 
  right: 0;
  bottom: 0;
  margin-left: 6px;
}

.et_pb_text .et_pb_text_inner li { font-size: 110%; line-height: 110%; }
.et_pb_text.bigger110 .et_pb_text_inner * { font-size: 110%; line-height: 110%; }







.et_builder_inner_content .et_pb_section .et_pb_row.pn_flex.team {
--sec_row-width: 80%; /*ng_ng*/
--sec_row_max-width: 1300px; /*ng_ng*/
}
.et_builder_inner_content .et_pb_section .et_pb_row.pn_flex.team .et_pb_column {
--margin: 2; /* %! */
--count: 3;
--breakpoint-tolerance: 60px; /* 35px ok bei 5col, nicht über 20 bei 6col - für den fall der fälle dass es nicht gleich "breakt" */
}
/*
.et_builder_inner_content .et_pb_section .et_pb_row.pn_flex.team .et_pb_module { display: block !important; }
*/

.et_builder_inner_content .et_pb_section .et_pb_row.pn_flex.team .et_pb_column .et_pb_module.et_pb_team_member:last-of-type {
/*  --max-width: calc((var(--sec_row_max-width) + var(--margin) * 1%) / var(--count) - (var(--margin) * 1%) - var(--breakpoint-tolerance) );*/
}


.pn_menu.section #top-menu .et_pb_menu__menu li:hover .sub-menu {
background: var(--pn_col3) !important; 
}