.customdion > .acchead > div {
    display: inline-block;
}

.navbar-brand {
    background:white;
    margin-left:10px;
}

.navbar-brand img {
    width: 45px;
    height: 30px;
    transition: 0.6s width, 0.6s height;
}

.navbar-toggler {
    padding: 10px 10px 3px 10px;
    border: 2px solid white;
}

.buttonbar {
    display: block;
    width: 26px;
    height: 3px;
    background: white;
    margin-bottom: 7px;  
    transition: all 0.7s ease-out;
}



.navbar .navbar-toggler.collapsed:hover,
.navbar .navbar-toggler:hover {
    box-shadow: 0px 0px 15px #333 !important;
    transition: all 0.1s ease-in-out;
}

.navbar-toggler:focus {
    outline: none !important;
    box-shadow:none !important;
}

.navbar-toggler:not(.collapsed) .buttonbar:nth-child(1) {
    transform: rotate(45deg) translate(8px,7px);
/*    width:35px;*/
}

.navbar-toggler:not(.collapsed) .buttonbar:nth-child(2) {
    transform: rotate(2turn) scale(0);
    opacity:0;
}

.navbar-toggler:not(.collapsed) .buttonbar:nth-child(3) {
    transform:  rotate(-45deg) translate(7px,-6px);
/*    width:35px;*/
}


#CollapsingNavbar.collapsing ul.navbar-nav li {
  margin-right:-200px;
}
#CollapsingNavbar.show ul.navbar-nav li {
  animation: slideIn 0.7s ease-in-out;
  animation-fill-mode: forwards;
  margin-right:-200px;
  opacity:0;
}

#CollapsingNavbar.show ul.navbar-nav li:nth-child(1) { animation-delay: 0s }
#CollapsingNavbar.show ul.navbar-nav li:nth-child(2) { animation-delay: .1s }
#CollapsingNavbar.show ul.navbar-nav li:nth-child(3) { animation-delay: .2s }
#CollapsingNavbar.show ul.navbar-nav li:nth-child(4) { animation-delay: .3s }
#CollapsingNavbar.show ul.navbar-nav li:nth-child(5) { animation-delay: .4s }

#CollapsingNavbar.show ul.navbar-nav li:nth-child(6) { animation-delay: .5s }
#CollapsingNavbar.show ul.navbar-nav li:nth-child(7) { animation-delay: .6s }
#CollapsingNavbar.show ul.navbar-nav li:nth-child(8) { animation-delay: .7s }
#CollapsingNavbar.show ul.navbar-nav li:nth-child(9) { animation-delay: .8s }
#CollapsingNavbar.show ul.navbar-nav li:nth-child(10) { animation-delay: .9s }
#CollapsingNavbar.show ul.navbar-nav li:nth-child(11) { animation-delay: 1s }

@keyframes slideIn { 
    0% {
        margin-right:-200px;
        opacity:0;
    }
    100% {
        margin-right:0px;        
        opacity:1;
    }
}

.acchead {
/*    font-weight:bold !important;*/
}

a {
    text-decoration: none !important;
}

#main-wrapper a,#main-wrapper a:visited,#main-wrapper a:focus {
/*    color: #4952db;*/
/*    color: #009BC6;*/
    color: #5788AC;
}
#main-wrapper a:hover {
/*    text-shadow: 0 0 3px #4952db;*/
    text-shadow: 0 0 2px #009BC6;
}

footer {
    margin-top:15px;
}
/*.region-featured-top {
    margin-left:0;
    margin-right:0;
}
.region-featured-top .block-views-blockfront-slider-block-1 {
    padding-right:0;
    padding-left:0;
}*/

#main-wrapper img {
/*    max-width:100%;*/
}
#main-wrapper img.image-style-slick-media {
/*    object-fit: cover;*/
}

#page {
    min-height:100vh;
}

#page {
    position: relative;
    padding-bottom: 120px;
}
footer {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}
#navbar-main {
    background-image: url(../img/headerback.jpg);
    background-size: cover;
}
.taskdocuments ul li {
    padding:5px 10px 5px 10px;
}

/*.slick-dots {
    position: absolute !important;
    bottom: 0 !important;
}*/

.view-id-front_slider > .view-content.row {
    margin-left:0;
    margin-right:0;
}
.view-content.customdion.ui-accordion {
    margin-left:0;
    margin-right:0;
}

.ui-accordion .ui-accordion-content {
    padding:5px;
}


.slick--view--front-slider--block-1 {
    padding-left:0;
    padding-right:0;
}

.slick-dots li button::before {
/*    color: #bcd3e1 !important;*/
    color: #5788AC !important;
}

.slick-arrow::before {
  color: #5788AC !important;
  font-size: 4rem !important;
  opacity:0.4 !important;
}

.slick-arrow:hover::before {
  opacity:1 !important;
}

.slick-prev.slick-arrow {
    margin-left:20px;   
}
.slick-next.slick-arrow { 
    margin-right:20px;
}

.slick-arrow {
    width: 64px !important;
    height: 64px !important;
}

.navbar-toggler {
    margin-right:10px;
}


.field--name-field-documents.field--type-entity-reference .field--type-image {
    float:none !important;
}

#block-betalib-main-menu .navbar-nav a {
    color:white;
    font-size: 17px;
    font-weight:bold;
}

#block-betalib-main-menu ul.navbar-nav {
    margin-right:20px;
}

#block-betalib-main-menu .navbar-nav .nav-link:hover, #block-betalib-main-menu .navbar-nav .nav-link:focus {
    text-shadow: 2px 2px 3px #333;
}

.navbar-toggler:focus {
    box-shadow: 0 0 0 1px;
}

.navbar-nav a.is-active {
    text-shadow: 2px 2px 3px #000;
}

.view-page-slider > .view-content.row > .slick--view--page-slider {
    padding-left:0;
    padding-right:0;
}

.view-id-front_slider .paragraph--type--multimedia-slide,
.view-page-slider .paragraph--type--multimedia-slide,
.view-id-front_slider .paragraph--type--video-slide,
.view-page-slider .paragraph--type--video-slide {
    background:white;
}

.paragraph--type--multimedia-slide {
    position:relative;
    z-index:0;
    display: flex;
    flex-direction: column;
    width:100%;
    height:100%;
}

.sliderparagraphcontainer {
    flex-grow: 1;
    display: flex;    
	padding-left:20%;
	padding-right:20%;
}


.paragraph--type--multimedia-slide.fullbackground .sliderparagraphcontainer {
    flex-direction: row;
}
.paragraph--type--multimedia-slide.imagebottom .sliderparagraphcontainer,
.paragraph--type--multimedia-slide.imagetop .sliderparagraphcontainer {
    flex-direction: column;
}
.paragraph--type--multimedia-slide.imageleft .sliderparagraphcontainer {
    flex-direction: row;
}
.paragraph--type--multimedia-slide.imageright .sliderparagraphcontainer {
    flex-direction: row-reverse;
}

.paragraph--type--multimedia-slide.imagebottom  .field--name-field-body,
.paragraph--type--multimedia-slide.imagetop  .field--name-field-body {
    text-align:center;
    padding-bottom:15px;
}

.paragraph--type--multimedia-slide.imagebottom .field--name-field-image,
.paragraph--type--multimedia-slide.imagetop .field--name-field-image {
    max-height:50%;
}
/*.slick__slide .views-field-field-slides,
.slick__slide .views-field-field-slides .field-content,
.paragraph--type--video-slide,
.paragraph--type--video-slide .field--name-field-video,
.paragraph--type--video-slide .field--name-field-video > div,
.paragraph--type--video-slide .field--name-field-video > div .field--name-field-media-video-file,
.paragraph--type--video-slide .field--name-field-video > div .field--name-field-media-video-file .field__item,
.paragraph--type--video-slide .field--name-field-video > div .field--name-field-media-oembed-video,
.paragraph--type--multimedia-slide .field--name-field-image > div,
.paragraph--type--multimedia-slide .field--name-field-image > div .field--type-image {
    width:100%;
    height:100%;    
}

.paragraph--type--multimedia-slide .field--name-field-image > div .field--type-image img {
    height:100%;
}*/

.paragraph--type--video-slide .field--name-field-video {
    z-index:1;
}

.paragraph--type--video-slide .field--name-field-video video {
    object-fit: cover;
}
.paragraph--type--video-slide .field--name-field-caption {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    padding: max(10px,5vw);
    z-index: 2;
    transform: translateY(-50%);
}

.paragraph--type--video-slide .field--name-field-video,
.paragraph--type--video-slide .field--name-field-video > div,
.paragraph--type--multimedia-slide .field--name-field-image,
.paragraph--type--multimedia-slide .field--name-field-image .field--type-image,
.paragraph--type--multimedia-slide .field--name-field-image .field--type-image img {
    margin:0 !important;
}
.paragraph--type--multimedia-slide .field--name-field-image .field--type-image a {
    display:inline-block;    
}

.paragraph--type--video-slide .field--name-field-video,
.paragraph--type--multimedia-slide .field--name-field-image,
.paragraph--type--multimedia-slide .field--name-field-media-image,
.paragraph--type--multimedia-slide .field--name-field-image .field--type-image {
    text-align:center;
}


.slick-slide img {
  display: inline-block !important;
}


.paragraph--type--multimedia-slide.imageright .field--name-field-image,
.paragraph--type--multimedia-slide.imageleft .field--name-field-image {
    max-width:50%;
}

.paragraph--type--multimedia-slide.imageleft .field--name-field-body {
/*    max-width:50%;*/
    width: fit-content;
    min-width: 50%;
}
.paragraph--type--multimedia-slide .field--name-field-body {
    padding-left:10px;
    padding-right:10px;
}

.paragraph--type--multimedia-slide.imageright .field--name-field-body {
    padding-right:10px;
    max-width:50%;
}

.paragraph--type--multimedia-slide.fullbackground .field--name-field-image {
    flex-grow: 1;
}

.paragraph--type--multimedia-slide .field--name-field-image img {
    object-fit:contain;
/*    width:100%;*/
/*    height:100%;*/
    z-index:1;
}


.paragraph--type--multimedia-slide.fullbackground .field--name-field-body {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    z-index: 2;
    padding: max(10px,5vw);
    transform: translateY(-50%);    
}

@media (min-width: 992px) {
    .navbar-expand-xl .navbar-nav {
        flex-direction: row;
    }
    .navbar-expand-xl .navbar-toggler {
        display: none;
    }
    .navbar-expand-xl .navbar-collapse {
        display: flex !important;
        flex-basis: auto;
    }
    .navbar-expand-xl .navbar-nav .nav-link {
        padding-right: var(--bs-navbar-nav-link-padding-x);
        padding-left: var(--bs-navbar-nav-link-padding-x);
    }
}

@media (max-width: 991px) {
    .navbar-nav {
        text-align: right;
        margin-right: 13px;        
    }
    .navbar-nav a {
        font-size: 23px !important;
    }
    .navbar-brand img {
        width: 92px;
        height: 84px;     
    }
	.sliderparagraphcontainer {
		flex-grow: 1;
		display: flex;    
		padding-left:20px;
		padding-right:20px;
	}
}


.sliderparagraphcontainer a,.sliderparagraphcontainer a:visited,.sliderparagraphcontainer a:focus,.sliderparagraphcontainer a:hover {
	color:black;
}



.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
  border: 1px solid #5788AC;
  background: #5788AC;
}



.region-footer-first {
    width:100% !important;
    text-align:right;
}

#block-betalib-footer {
    width: fit-content;
    display: inline-block;
}
#block-betalib-footer .nav-link {
    color:white;
}
#block-betalib-socialsharingblock {
    width: fit-content;
    margin:0;
    padding:0;
    position:absolute;
    right:0;
    border: none;
}
.site-footer__top .content li:first-child a {
    padding: 0;
    border:none;
}
.site-footer__top .content li:not(:first-child) a {
    padding: 0 0 0 15px;
    border:none;
}
.social-media-sharing ul {
    margin:0;
}
.social-media-sharing li {
    margin-right:0;
    margin-left:15px;
}

.site-footer {
    padding: 15px 0 10px;
}

#block-betalib-copyrightnotice {
    margin: 0 0 0 8px;
    padding:0;
    border:none;
}
#block-betalib-copyrightnotice p {
    margin:0;
    font-size: 11px;
}

.site-footer__top .content li a:hover, .site-footer__top .content li a:focus {
    background-color: transparent;
}

.node__content {
    font-size:16px;
}


.view-job-offers div {  
    font-size:16px;
}

.ui-accordion .ui-accordion-header {
   font-size: 20px; 
}

h2 {
    font-size: 26px;
    margin-top: 15px;
    margin-bottom: 12px;
}

h1.title {
    margin-top: 40px;
    margin-bottom: 30px;
    color: #5788AC;
    font-weight: bold;
}

#webform-submission-contact-add-form #edit-flexbox-01 {
    float:left;
}

#webform-submission-contact-add-form #edit-flexbox-02 {
    float:right;
}

#webform-submission-contact-add-form #edit-flexbox-01,
#webform-submission-contact-add-form #edit-flexbox-02,
#block-betalib-webform {    
    width:50%;
}

#block-betalib-webform {
    margin-top:40px;
}


#block-betalib-footer .nav-link {
    padding-left:0;
}
.region-footer-first {
    margin-left:0;
    margin-right:0;
    padding:0;
}



@media (max-width: 992px) {
    #block-betalib-webform {
        width:100%;
    }
    #webform-submission-contact-add-form #edit-flexbox-01,
    #webform-submission-contact-add-form #edit-flexbox-02 {
        width:100%;
    }
    #webform-submission-contact-add-form #edit-flexbox-01,
    #webform-submission-contact-add-form #edit-flexbox-02 {
        float:none;
    }
}

@media (max-width: 768px) {
    #block-betalib-footer {
        width:100%;
        float:none;
    }
    #block-betalib-socialsharingblock {
        width:100%;
        float:none;
        position:static;
        text-align: left;
        margin-left: -4px;
    }
    #block-betalib-copyrightnotice {
        margin-top: 27px;
    }
    footer {
        position:static;
    }
    #block-betalib-footer ul {
        flex-direction: column !important;
        text-align: left;
        margin-bottom:15px;
    }
    #page {
        padding-bottom:0px;
        min-height:0;
    }
    .social-media-sharing li {
        margin-left:0;
        margin-right: 15px;
    }
}

#header {
  overflow: hidden;
}

#page .ui-widget,
body,
.view-job-offers h3,
.view-job-offers h3 span,
.view-job-offers div {  
    font-family: var(--bs-body-font-family);
/*    Arial,Verdana,Tahoma,Trebuchet MS,"Times New Roman",Georgia,Garamond,"Courier New","Brush Script MT";*/
}

    
.field--name-field-tags {
  position: relative;
}
.field--name-field-tags > h3 {
    position: relative;
    top: -6px;
}
.field--name-field-tags .field__label, .field--name-field-tags ul.links {
  font-size: 1em;
}


.view-projects.view-id-projects .view-project-tasks {
    padding-left:10px;
    padding-right:10px;
}

.view-projects.view-id-projects .views-field-field-image {
    margin-top:10px;
    margin-bottom:10px;
}

.view-projects.view-id-projects .views-field-body {
    margin-bottom:10px;
}

.view-projects.view-id-projects .views-field-view .views-label-view {
    margin-left:10px;
    font-weight:bold;
}


.view-all-slides .view-content .views-row {
    display:inline-block; 
    width:fit-content;
}