#biog_flexy {
display: flex;
flex-direction: var(--main-flex);
}

#biog_flexy_1 {
    width:var(--biog-sirina1);
}


#biog_flexy_2 {
    width:var(--biog-sirina2);
    background-color:var(--biog-slika6);
}

#biog_velikia {
margin:0 auto;
width: 200px;
background: #F8F6F4;
float:left;
}

#biog_velikib {
margin:0 auto;
width: 100px;
background: #F8F6F4;
float:left;
}


#biog_veliki {
margin:0 auto;
width: var(--sirina);
background: #F8F6F4;
}


#biog_back:hover {

}
#biog_back {
transition: all 300ms ease-in-out;
text-decoration: underline;
width:100%;
display: flex;
flex-direction: row;
align-items: left;
padding-left:16px;
padding-top:16px;
position: relative;
font-size: 14px;
font-family: neue-haas-unica;
color: var(--brand2-100);
flex: none;
order: 0;
flex-grow: 0;
margin: 0px 0px;
line-height: 15px; /* same as height! */
}

#biog_kocka {
position: static;
width: 173px;
height: 173px;
margin-left:3px;
margin-top:12px;
background: #979798;
}


#biog_0 {
display:flex;
overflow: hidden;
flex-direction: var(--biog-flex1);
align-items:var(--biog-flex2);
justify-content:flex-start;
}

#biog_1 {
flex-shrink: 0;
flex-grow: 0;

height:240px;
}
#biog_2 {
flex-shrink: 1;
flex-grow: 1;
}

#biog_slika {
position: relative;
width: var(--biog-slika1);
object-fit: cover;
top:var(--biog-slika3);
left: var(--biog-slika2);
border: 1px solid #979798;
box-sizing: border-box;
filter: drop-shadow(0px 4px 4px rgba(81, 81, 83, 0.1));
border-radius: 12px 12px;

}


#biog_ime {
position: relative;
letter-spacing: 0em;
text-align: left;
font-family: minion-pro-display;
font-style: normal;
font-weight: 700;
font-size: 28px;
color: #3D3D3E;
padding-left:24px;
padding-right:16px;
padding-top:16px;
}



#biog_funkcija {
position: relative;
padding-left:24px;
padding-right:16px;
font-family: minion-pro-display;
font-style: italic;
font-size: 18px;
font-weight: 400;
color: #0C0C0E;  
max-width:400px;
}


#biog_sadrzaj {
position: relative;
font-family: minion-pro-display;
font-size: 20px;
line-height: 28px;
font-weight: 400;
color: #0C0C0E; 
margin-top:16px;
padding:16px;
padding-bottom:40px;
float:left;
}


#biog_intervjui {
position: relative;
margin-top:16px;
height: 30px;
padding-left:16px;
letter-spacing: 0em;
text-align: left;
font-family: neue-haas-unica;
font-style: normal;
font-weight: 700;
font-size: 20px;
line-height: 30px;
color: #0C0C0E;
}


#biog_intervjui_panel {
filter: drop-shadow(0px 4px 4px rgba(81, 81, 83, 0.5));
position: relative;
width:calc(100% - 24px);

  margin-top: 12px;
  margin-bottom: 18px;
  margin-left: auto;
  margin-right: auto;

font-family: minion-pro-display;
font-style: normal;
font-weight: 400;
font-size: 20px;
line-height: 28px;
text-align: center;
background: #3D3D3E;
border: 1px solid #0C0C0E;
box-sizing: border-box;
border-radius: 8px;
box-shadow: 0px 4px 4px rgba(81, 81, 83, 0.1);
}



#biog_intervjui_panel_slika {
    position: relative;
float:left;
  margin-top: 22px;
  position: relative;
    z-index: 10;
  object-fit: contain;
height: 180px;
width: calc(35%);
left: 16px;
background: #DCD2C9;
border-radius: 10px;
}

#biog_intervjui_panel_1 {
position:relative;
margin-right:50px;
margin-top: 14px;
left:32px;
font-family: neue-haas-unica;
font-style: normal;
font-weight: 700;
font-size: 14px;
line-height: 21px;
text-align: left;
letter-spacing: 0.03em;
font-variant: small-caps;
color: #FFA833;
}

#biog_intervjui_panel_2:hover {
color: #F3F3F3;}

#biog_intervjui_panel_2 {
    margin-right:50px;
    transition: all 300ms ease-in-out;
position:relative;
left:32px;
height:50px;
font-family: minion-pro-display;
font-style: normal;
font-weight: 700;
font-size: 22px;
line-height: 24px;
text-align: left;
color: #EAE4DF;
}


#biog_intervjui_panel_3 {
position:relative;
min-height:80px;
padding-right:50px;

left:32px;
top:10px;
font-family: neue-haas-unica;
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 18px;
text-align: left;
color: #EAE4DF;
}






#biog_intervjui_panel_4:hover {
border: 2px solid #26A5DD;
color: #26A5DD;  
}  



#biog_intervjui_panel_4 {
margin-top: 2px;
margin-bottom: 18px;
margin-right:18px;
margin-left:auto;
transition: all 300ms ease-in-out;
display: flex;
flex-direction: row;
padding: 8px 12px;

position:relative;
text-align: center;
font-size: 14px;
border: 2px solid var(--brand2-80);
box-sizing: border-box;
border-radius: 6px;
font-family: neue-haas-unica;
font-weight: 700;
color: var(--brand2-80);

flex: none;
order: 0;
flex-grow: 0;
line-height: 12px; /* same as height! */
width: max-content;
height: 34px;
}











#inter_intro4:hover {
/* Brand2/100 */
color: #26A5DD;
}
#inter_intro4 {
/* .❖ Main / Small */
transition: all 300ms ease-in-out;

/* Auto Layout */

text-decoration: underline;
display: flex;
flex-direction: column;
align-items: left;
padding: 8px 12px;

position: relative;
left: 14px;
right: 0%;
top: 10px;


/* Brand2/60 */
font-size: 14px;
font-family: neue-haas-unica;
color: #7DC9EB;
/* Inside Auto Layout */

flex: none;
order: 0;
flex-grow: 0;
margin: 0px 0px;


  line-height: 15px; /* same as height! */
width: 185px;
height: 37px;
}


#inter_intro4a:hover {
/* Brand2/100 */
color: #26A5DD;
}
#inter_intro4a {
/* .❖ Main / Small */
transition: all 300ms ease-in-out;

/* Auto Layout */

text-decoration: underline;

align-items: left;
padding: 8px 12px;

position: relative;
left: 650px;
top: -150px;
float:left;

/* Brand2/60 */
font-size: 14px;
font-family: neue-haas-unica;
color: #7DC9EB;
/* Inside Auto Layout */



  line-height: 15px; /* same as height! */
width: 185px;
height: 37px;
}



#inter_intro4x:hover {
/* Brand2/100 */
border: 2px solid #26A5DD;
color: #26A5DD;
}
#inter_intro4x {
/* .❖ Main / Small */
transition: all 300ms ease-in-out;
/* Auto Layout */
display: flex;
flex-direction: column;
align-items: center;
padding: 8px 12px;
position: relative;
float:left;
left: 1326px;
top: -45px;
/* Brand2/60 */
font-size: 14px;
border: 2px solid #7DC9EB;
box-sizing: border-box;
border-radius: 6px;
font-family: neue-haas-unica;
color: #7DC9EB;
/* Inside Auto Layout */
flex: none;
order: 0;
flex-grow: 0;
margin: 0px 0px;


line-height: 15px; /* same as height! */
width: 87px;
height: 37px;
}





#inter_slika36 {
position:relative;
width: 260px;
height: 22px;
left: -63px;
top: 0px;
/* Body x-small/caps */
font-family: neue-haas-unica;
font-style: normal;
font-weight: 700;
font-size: 14px;
line-height: 21px;
letter-spacing: 0.03em;
font-variant: small-caps;
text-align: left;
/* highlight 2/100 */
color: #FFBE66;
}

#inter_slika36a {
position:relative;
width: 160px;
height: 22px;
left: 24px;
top: -140px;
/* Body x-small/caps */
font-family: neue-haas-unica;
font-style: normal;
font-weight: 700;
font-size: 14px;
line-height: 21px;
letter-spacing: 0.03em;
font-variant: small-caps;
text-align: left;
/* highlight 2/100 */
color: #F8F6F4;
}









.tabs {
  display: block;
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0;
  overflow: hidden; }
  .tabs [class^="tab"] label,
  .tabs [class*=" tab"] label {
    color: #FFBE66;
    cursor: pointer;
    display: block;
font-family: neue-haas-unica;
font-style: normal;
font-weight: 700;
font-size: 14px;
line-height: 21px;
text-align: center;
letter-spacing: 0.03em;
font-variant: small-caps;}
  .tabs [class^="tab"] [type="radio"],
  .tabs [class*=" tab"] [type="radio"] {
    border-bottom: 1px solid #6D6D6E;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: block;
    width: 100%;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
 }
    .tabs [class^="tab"] [type="radio"]:hover, .tabs [class^="tab"] [type="radio"]:focus,
    .tabs [class*=" tab"] [type="radio"]:hover,
    .tabs [class*=" tab"] [type="radio"]:focus {
      border-bottom: 1px solid #FFBE66; }
    .tabs [class^="tab"] [type="radio"]:checked,
    .tabs [class*=" tab"] [type="radio"]:checked {
      border-bottom: 1px solid #FFBE66; }
    .tabs [class^="tab"] [type="radio"]:checked + div,
    .tabs [class*=" tab"] [type="radio"]:checked + div {
      opacity: 1; }
    .tabs [class^="tab"] [type="radio"] + div,
    .tabs [class*=" tab"] [type="radio"] + div {
      display: block;
      opacity: 0;
      padding: 2rem 0;
      width: 90%;
              -webkit-transition: all 0.3s ease-in-out;
      -moz-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out;
 }
  .tabs .tab-2 {
    width: 50%; }
    .tabs .tab-2 [type="radio"] + div {
      width: 200%;
      margin-left: 200%; }
    .tabs .tab-2 [type="radio"]:checked + div {
      margin-left: 0; }
    .tabs .tab-2:last-child [type="radio"] + div {
      margin-left: 100%; }
    .tabs .tab-2:last-child [type="radio"]:checked + div {
      margin-left: -100%; }