.elementor-1093 .elementor-element.elementor-element-40f0101{--display:grid;--grid-auto-flow:row;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:12rem;--padding-bottom:0rem;--padding-left:6rem;--padding-right:6rem;}.elementor-1093 .elementor-element.elementor-element-c4010b0{--display:flex;--gap:.1rem .1rem;--row-gap:.1rem;--column-gap:.1rem;}.elementor-1093 .elementor-element.elementor-element-c4010b0.e-con{--flex-grow:1;--flex-shrink:1;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-1093 .elementor-element.elementor-element-f1982ce .elementor-heading-title{font-family:"Reckless", Sans-serif;font-weight:normal;color:var( --e-global-color-text );}.elementor-1093 .elementor-element.elementor-element-f1982ce{margin:0rem 0rem calc(var(--kit-widget-spacing, 0px) + 1rem) 0rem;width:100%;max-width:100%;}.elementor-1093 .elementor-element.elementor-element-f1982ce.elementor-element{--flex-shrink:1;}.elementor-1093 .elementor-element.elementor-element-f2c1524 .elementor-heading-title{font-family:"Basis Commercial", Sans-serif;font-size:1.8125rem;font-weight:normal;line-height:1.25;color:var( --e-global-color-text );}.elementor-1093 .elementor-element.elementor-element-f2c1524{margin:0rem 0rem calc(var(--kit-widget-spacing, 0px) + 1rem) 0rem;width:100%;max-width:100%;}.elementor-1093 .elementor-element.elementor-element-f2c1524.elementor-element{--flex-shrink:1;}.elementor-1093 .elementor-element.elementor-element-5a41b33 .elementor-heading-title{font-family:"Reckless", Sans-serif;font-size:1.9rem;font-weight:normal;line-height:1.25;color:var( --e-global-color-primary );}.elementor-1093 .elementor-element.elementor-element-5a41b33{margin:0rem 0rem calc(var(--kit-widget-spacing, 0px) + 6rem) 0rem;width:100%;max-width:100%;}.elementor-1093 .elementor-element.elementor-element-041b993{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-1093 .elementor-element.elementor-element-fe10cfe{--display:flex;--padding-top:2rem;--padding-bottom:2rem;--padding-left:2rem;--padding-right:2rem;}.elementor-1093 .elementor-element.elementor-element-fe10cfe:not(.elementor-motion-effects-element-type-background), .elementor-1093 .elementor-element.elementor-element-fe10cfe > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-7f3dea8 );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-1093 .elementor-element.elementor-element-df5a0c1{font-family:"Basis Commercial", Sans-serif;font-size:2.125rem;font-weight:normal;}.elementor-1093 .elementor-element.elementor-element-e0e12a0{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1093 .elementor-element.elementor-element-3ccb8c5{--display:flex;--padding-top:2rem;--padding-bottom:2rem;--padding-left:2rem;--padding-right:2rem;}.elementor-1093 .elementor-element.elementor-element-3ccb8c5:not(.elementor-motion-effects-element-type-background), .elementor-1093 .elementor-element.elementor-element-3ccb8c5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-7f3dea8 );}.elementor-1093 .elementor-element.elementor-element-525cf53{font-family:"Basis Commercial", Sans-serif;font-size:2.125rem;font-weight:normal;}.elementor-1093 .elementor-element.elementor-element-3712d8c{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1093 .elementor-element.elementor-element-86435a8{--display:flex;--padding-top:2rem;--padding-bottom:2rem;--padding-left:2rem;--padding-right:2rem;}.elementor-1093 .elementor-element.elementor-element-86435a8:not(.elementor-motion-effects-element-type-background), .elementor-1093 .elementor-element.elementor-element-86435a8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-7f3dea8 );}.elementor-1093 .elementor-element.elementor-element-03eb392{font-family:"Basis Commercial", Sans-serif;font-size:2.125rem;font-weight:normal;}.elementor-1093 .elementor-element.elementor-element-b931479{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1093 .elementor-element.elementor-element-6091cd6{--display:flex;--padding-top:2rem;--padding-bottom:2rem;--padding-left:2rem;--padding-right:2rem;}.elementor-1093 .elementor-element.elementor-element-6091cd6:not(.elementor-motion-effects-element-type-background), .elementor-1093 .elementor-element.elementor-element-6091cd6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-7f3dea8 );}.elementor-1093 .elementor-element.elementor-element-fe5d1be{font-family:"Basis Commercial", Sans-serif;font-size:2.125rem;font-weight:normal;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-1093 .elementor-element.elementor-element-40f0101{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-1093 .elementor-element.elementor-element-40f0101{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;--padding-top:12rem;--padding-bottom:0rem;--padding-left:1.25rem;--padding-right:1.25rem;}.elementor-1093 .elementor-element.elementor-element-5a41b33 .elementor-heading-title{font-size:2.125rem;}.elementor-1093 .elementor-element.elementor-element-5a41b33{margin:0rem 0rem calc(var(--kit-widget-spacing, 0px) + 0rem) 0rem;}.elementor-1093 .elementor-element.elementor-element-fe10cfe{--padding-top:0rem;--padding-bottom:0rem;--padding-left:0rem;--padding-right:0rem;}.elementor-1093 .elementor-element.elementor-element-df5a0c1{font-size:1.125rem;}.elementor-1093 .elementor-element.elementor-element-3ccb8c5{--padding-top:0rem;--padding-bottom:0rem;--padding-left:0rem;--padding-right:0rem;}.elementor-1093 .elementor-element.elementor-element-525cf53{font-size:1.125rem;}.elementor-1093 .elementor-element.elementor-element-86435a8{--padding-top:0rem;--padding-bottom:0rem;--padding-left:0rem;--padding-right:0rem;}.elementor-1093 .elementor-element.elementor-element-03eb392{font-size:1.125rem;}.elementor-1093 .elementor-element.elementor-element-6091cd6{--padding-top:0rem;--padding-bottom:0rem;--padding-left:0rem;--padding-right:0rem;}.elementor-1093 .elementor-element.elementor-element-fe5d1be{font-size:1.125rem;}}@media(min-width:768px){.elementor-1093 .elementor-element.elementor-element-40f0101{--width:100%;}.elementor-1093 .elementor-element.elementor-element-c4010b0{--content-width:100%;}}@media(min-width:2400px){.elementor-1093 .elementor-element.elementor-element-40f0101{--grid-auto-flow:row;}}/* Start custom CSS for container, class: .elementor-element-40f0101 *//* ===========================================
   TEAM GRID – OSNOVA
   =========================================== */

.team-grid {
  display: grid !important;
  grid-template-columns: repeat(8, minmax(0, 1fr)) !important; /* mobile / tablet */
  gap: 2rem !important;
  width: 100% !important;
}

/* desktop: 16 kolona, top margin 12rem kao na liveu */
@media (min-width: 1024px) {
  .team-grid {
    grid-template-columns: repeat(16, minmax(0, 1fr)) !important;
    column-gap: 1.5rem !important;
    row-gap: 3rem !important;
    margin-top: 12rem !important;
    padding-top: 0 !important;
  }
}

/* Elementor cleanup */
.team-grid > .e-con-inner {
  padding: 0 !important;
}

/* ===========================================
   HEADER BLOK (H2 + INTRO)
   =========================================== */

.team-grid > .team-header {
  grid-column: 1 / -1 !important;
  margin-top: 0;
  margin-bottom: 2.5rem;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.team-header h2,
.team-header .elementor-heading-title {
  margin: 0 !important;
}

/* desktop: header u prvom redu, lijevo */
@media (min-width: 1024px) {
  .team-grid > .team-header {
    grid-column: 1 / 9 !important;
    grid-row: 1 / 2 !important;
    align-self: start;
    margin-bottom: 0 !important;
  }
}

/* ===========================================
   KARTICE – OSNOVA
   =========================================== */

.team-grid > .team-card {
  margin: 0;
}

.team-card,
.team-card > .e-con-inner {
  display: block !important;
  padding: 0 !important;
  margin: 0 !important;
}

.team-card {
  position: relative;
  overflow: hidden; /* desktop default – treba za hover overlay */
}

/* slike u karticama */
.team-card img {
  width: 100% !important;
  height: 100% !important;
  display: block;
  object-fit: cover !important;
}

/* ===========================================
   ASPECT RATIO (MOBILE + DESKTOP)
   =========================================== */

.team-grid > .team-card:nth-child(2) {
  aspect-ratio: 1248 / 832;  /* Margarete */
}

.team-grid > .team-card:nth-child(3) {
  aspect-ratio: 760 / 1140;  /* Kilian */
}

.team-grid > .team-card:nth-child(4) {
  aspect-ratio: 1412 / 955;  /* Luisa */
}

.team-grid > .team-card:nth-child(5) {
  aspect-ratio: 1412 / 955;  /* Maximilian */
}

/* ===========================================
   MOBILE / TABLET – RASPORED (8 kolona)
   =========================================== */

@media (max-width: 1023px) {
 
  .team-card {
    overflow: visible;
  }

  /* 1) MARGARETE */
  .team-grid > .team-card:nth-child(2) {
    grid-column: 1 / 7 !important;
     margin-bottom:3rem!important;
  }

  /* 2) KILIAN */
  .team-grid > .team-card:nth-child(3) {
    grid-column: 4 / -1 !important; /* 4–8 */
    margin-top: -3rem !important;
     margin-bottom:3rem!important;
  }

  /* 3) LUISA */
  .team-grid > .team-card:nth-child(4) {
    grid-column: 2 / 8 !important;
     margin-bottom:3rem!important;
  }

  /* 4) MAXIMILIAN */
  .team-grid > .team-card:nth-child(5) {
    grid-column: 1 / 7 !important;
     margin-bottom:3rem!important;
  }
}

/* ===========================================
   DESKTOP – RASPORED (16 kolona)
   =========================================== */

@media (min-width: 1024px) {

  /* 1) MARGARETE */
  .team-grid > .team-card:nth-child(2) {
    grid-column: 2 / 10 !important;
    grid-row: 2 / 3 !important;
    margin-top: -12rem !important;
    margin-bottom: 0 !important;
  }

  /* 2) KILIAN */
  .team-grid > .team-card:nth-child(3) {
    grid-column: 11 / 16 !important;
    grid-row: 1 / 2 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  /* 3) LUISA SPILLER */
  .team-grid > .team-card:nth-child(4) {
    grid-column: 5 / 13 !important;
    grid-row: 3 / 4 !important;
    margin-top: -16rem !important;
    margin-bottom: 0 !important;
  }

  /* 4) MAXIMILIAN FRISCHMUTH */
  .team-grid > .team-card:nth-child(5) {
    grid-column: 2 / 10 !important;
    grid-row: 4 / 5 !important;
    margin-top: 6rem !important;
    margin-bottom: 3rem !important;
  }
}

/* 
   OVERLAY 
    */

/* MOBILE / DEFAULT – ispod slike, uvijek vidljivo */
.team-overlay {
  position: static !important;
  inset: auto;
  display: block;
  opacity: 1 !important;
  pointer-events: auto;
  transition: none;
  background-color: transparent;
  padding-top: 0.5rem;
  text-align: left;
 
}

/* ako unutar overlaya imaš span s imenom */
.team-overlay span {
  display: block;
  line-height: 1.2;
}

/* DESKTOP  */
@media (min-width: 1024px) {
  .team-card {
    overflow: hidden; 
  }

  .team-overlay {
    position: absolute !important;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;

    opacity: 0 !important;
    pointer-events: none;

    transition: opacity .25s ease;

    background-color: rgba(255, 204, 0, 0.45);
    padding-top: 0;
    text-align: center;
  }

  .team-card:hover .team-overlay,
  .team-card:active .team-overlay {
    opacity: 1 !important;
    pointer-events: auto;
    cursor: pointer;
  }
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Reckless';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://galen.de/wp-content/uploads/2025/12/reckless-light.woff2') format('woff2');
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Basis Commercial';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://galen.de/wp-content/uploads/2025/12/basic-commercial-pro-light.woff2') format('woff2');
}
/* End Custom Fonts CSS */