.expandable-container{
  margin-bottom: 0px;
width:100%;
  overflow: hidden;
  border-bottom: 2px solid var(--dark2);
}


.view-content .views-row:first-child .expandable-container{
  border-top: 2px solid var(--dark2);
}

.paragraph-content-list  .expandable-container:first-child{
  border-top: 2px solid var(--dark2);
}



.expandable-panel-content {
  margin-top: -1px;  padding-top: 1px;  max-height: 1px;
  position: relative;
  overflow: hidden;
  -webkit-transition: .3s all ease-in-out;
  -moz-transition: .3s all ease-in-out;
  -o-transition: .3s all ease-in-out;
  -ms-transition: .3s all ease-in-out;
  transition: .3s all ease-in-out;
}

.expandable-panel-content-inner{
  padding: 0px 0px   var(--gapsmall) 0px;
}

.expandable-panel-content-inner .field--name-field-body  p img{
  width: revert-layer;
}


.activev .expandable-container {
}

.activev .expandable-panel-content {
  max-height: unset;
}

.expandable-panel-heading{
  width: 100%;
  padding: 13px 0px;
  gap: 13px;
  position: relative;
  -webkit-transition: .3s all ease-in-out;
  -moz-transition: .3s all ease-in-out;
  -o-transition: .3s all ease-in-out;
  -ms-transition: .3s all ease-in-out;
  transition: .3s all ease-in-out;
 cursor: pointer;
   display: flex;
  justify-content: start;
  align-items: start;
}

.expandable-panel-more{
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px auto;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}

.expandable-panel-more:after{
  width: 40px;height:40px;
background:url(../images/arrow-down.svg) no-repeat center center var(--dark2);
background-size:19px auto;
display:block;content:"";
  -webkit-transition: .3s all ease-in-out;
  -moz-transition: .3s all ease-in-out;
  -o-transition: .3s all ease-in-out;
  -ms-transition: .3s all ease-in-out;
  transition: .3s all ease-in-out;

-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;

}

.activev .expandable-panel-more:after{
background-image:url(../images/arrow-top.svg) ;
}

.expandable-panel-heading h3,
.expandable-panel-heading h2{
  align-self: center;  margin: 0px;color:var(--dark2);
font-size:var(--h3);  line-height: 1.2em;
  -webkit-transition: .3s all ease-in-out;
  -moz-transition: .3s all ease-in-out;
  -o-transition: .3s all ease-in-out;
  -ms-transition: .3s all ease-in-out;
  transition: .3s all ease-in-out;

}

 
.activev.expandable-container .expandable-panel-heading h2,
.activev.expandable-container .expandable-panel-heading h3{
color:var(--dark);
}

.expandable-panel-heading:hover h3,
.expandable-panel-heading:hover h2{
text-decoration: none;
color:var(--dark);
}

.activev .expandable-container .expandable-panel-heading,
.expandable-panel-heading:focus,
.expandable-panel-heading:hover {
 
}


.expandable-panel-heading:focus .expandable-panel-more:after,
.expandable-panel-heading:hover .expandable-panel-more:after{
background-color:var(--dark);
background-image:url(../images/arrow-down-a.svg);
}
 
.activev .expandable-panel-heading .expandable-panel-more:after,
.activev .expandable-panel-heading:focus .expandable-panel-more:after,
.activev .expandable-panel-heading:hover .expandable-panel-more:after{
background-image:url(../images/arrow-top-a.svg);
background-color:var(--dark);
}


.node-program .expandable-panel-content-inner {
  padding: 0px 0px var(--gapsmall) 0px;
}


.expandable-panel-heading .field--name-field-ikona img{width:50px;}

@media all and (max-width: 720px) {

.expandable-panel-heading .field--name-field-ikona img{width:40px;}

}


.expandable-panel-content h3{
font-size:var(--big);
}

.expandable-container .field--name-field-ikona {  flex-shrink: 0;  line-height: 1px;}