.frame-background h2,
h2 {margin-top:35px; font-size:25px; font-size:4rem; line-height:28px; line-height:5rem; font-weight:700;}
h3 {margin:0 0 15px; font-size:3rem; line-height:1.5; font-weight:700;}
figcaption {display:block !important; color:#666; font-size:12px; font-size:1.2rem; text-align:center;}
#contact {background-color:#7F7D7E;}
#specialbar {display:none;}
#topnav > ul > li > a {text-transform:none; padding-right:20px; font-size:16px;}
.frame-type-header.frame-space-before-none h2 {margin-top:0 !important;}
.frame-type-header.frame-space-after-none h2 {margin-bottom:0 !important;}
#wrapper {max-width:1980px; margin:0 auto; border:1px solid #f2f2f2;}
.col-1 .cols-2-inner {margin-bottom:80px !important;}
#content.col-1 {padding-bottom:0;}
.frame-type-shortcut {max-width:none !important; padding:0 !important; margin:0 !important;}
.col-1 .cols-3-inner {margin-bottom: 50px !important;}
.cols-3-inner .frame-layout-1.frame-type-textpic {height:100%;}
.col-1 .cols-3-inner > .col > div:last-child {margin-bottom:0 !important;}

#content #socialbar .section-inner {max-width:315px; margin:0 auto; align-items:center; display:flex; justify-content:space-between;}

#headerimg {}

/* header image with text overlay */
#headerimg .ce-textpic {overflow:hidden;}
#headerimg .ce-textpic .ce-outer {float:none; right:auto;}
#headerimg .ce-textpic .ce-inner {float:none; right:auto;}
#headerimg .ce-textpic .ce-column {float:none;}
#headerimg .ce-textpic figure {display:block; position:relative; min-height:inherit; height:calc(100vh - 185px); margin:0;}
#headerimg .ce-textpic figure::before {background-color:rgba(0, 48, 93, 0.5); content:" "; height:100%; width:100%; z-index:1; position:absolute; top:0; left:0;}
#headerimg .ce-textpic img {display:block; width:100%; height:100%; object-fit:cover; object-position:center center;}
#headerimg .ce-textpic .ce-bodytext {position:absolute; top:50%; left:50%; max-width:60%; transform:translate(-50%, -50%); z-index:2; text-align:center; color:#fff;}
#headerimg .ce-textpic .ce-bodytext :is(h1, h2) {font-size:5.8rem; font-weight:700; line-height:1.2; margin:0 0 20px 0;}
#headerimg .ce-textpic .ce-bodytext p {font-size:3.2rem; line-height:1.4; margin:0; font-weight:700;}

/* header just with text */
#headerimg:has(.frame-type-text) {background-color:#5cb77a; display:flex; flex-direction:column; align-items:center; justify-content:center; padding:0 30px;}
#headerimg .frame-type-text {display:block; position:relative; margin:0; display:flex; flex-direction:column; align-items:center;}
#headerimg .frame-type-text h1, #headerimg .frame-type-text h2 {font-size:5.2rem; font-weight:700; line-height:1.2; margin:0 0 20px 0; color:#fff; text-align:center;}
#headerimg .frame-type-text p {position:static; transform:none; font-size:2rem; line-height:1.4; margin:0; font-weight:700; color:#fff; font-weight:400;}

@media screen and (max-width:1200px) {
#headerimg .ce-textpic figure {height:calc(100vh - 160px);}
#headerimg .ce-textpic .ce-bodytext {width:calc(100% - 60px);}
#headerimg .frame-type-text h1, #headerimg .frame-type-text h2,
#headerimg .ce-textpic .ce-bodytext :is(h1, h2) {font-size:4.8rem;}
#headerimg .ce-textpic .ce-bodytext p {font-size:2.8rem; font-weight:400;}
}

@media screen and (max-width:992px) {
#headerimg .ce-textpic figure {height:calc(100vh - 140px); min-height:520px;}
#headerimg .ce-textpic .ce-bodytext {width:calc(100% - 48px);}
#headerimg .frame-type-text h1, #headerimg .frame-type-text h2,
#headerimg .ce-textpic .ce-bodytext :is(h1, h2) {font-size:4rem; margin:0 0 16px 0;}
#headerimg .ce-textpic .ce-bodytext p {font-size:2.4rem;}
}

@media screen and (max-width:768px) {
#headerimg .ce-textpic figure {height:calc(100vh - 110px); min-height:460px; max-height:700px;}
#headerimg .ce-textpic figure::before {background-color:rgba(0, 48, 93, 0.6);}
#headerimg .ce-textpic .ce-bodytext {width:calc(100% - 40px);}
#headerimg .frame-type-text h1, #headerimg .frame-type-text h2,
#headerimg .ce-textpic .ce-bodytext :is(h1, h2) {font-size:3.2rem; line-height:1.15; margin:0 0 14px 0;}
#headerimg .ce-textpic .ce-bodytext p {font-size:2rem; line-height:1.3;}
}

@media screen and (max-width:576px) {
#headerimg .ce-textpic figure {height:calc(100vh - 90px); min-height:400px; max-height:600px;}
#headerimg .ce-textpic .ce-bodytext {width:calc(100% - 32px);}
#headerimg .frame-type-text h1, #headerimg .frame-type-text h2,
#headerimg .ce-textpic .ce-bodytext :is(h1, h2) {font-size:2.6rem; margin:0 0 12px 0;}
#headerimg .frame-type-text p,
#headerimg .ce-textpic .ce-bodytext p {font-size:1.7rem;}
}

@media screen and (max-width:400px) {
#headerimg .ce-textpic figure {min-height:360px;}
#headerimg .ce-textpic .ce-bodytext {width:calc(100% - 24px);}
#headerimg .frame-type-text h1, #headerimg .frame-type-text h2, 
#headerimg .ce-textpic .ce-bodytext :is(h1, h2) {font-size:2.2rem;}
#headerimg .frame-type-text p,
#headerimg .ce-textpic .ce-bodytext p {font-size:1.5rem;}
}

.link-button {padding:13px 16px; background-color:#ccc; color:#333;}
.link-button:hover {color:#fff; background-color:#059955;}

#content .section-inner {max-width:1280px;}
.col-1 > .col > .frame-default {max-width:1280px;}

.col-1 > .col > .frame-layout-0:not(.frame-type-header) {padding:80px 30px;}

.col-1 > .col > .frame-layout-0.frame-space-before-none {padding-top:0;}
.col-1 > .col > .frame-layout-0.frame-space-after-none {padding-bottom:0;}

.col-1 > .col > .frame-type-shortcut:has(.cols-3-inner) {padding:0;}
.col-1 > .col > .frame-background.frame-size-100 {padding-top: 80px; padding-bottom: 60px;}

#content.col-1:has(> .col > .frame-layout-5:first-child) {padding-top:0;}

.frame-layout-1.frame-type-textpic {padding:0 0 30px 0;}
.frame-layout-1.frame-type-textpic .ce-bodytext {padding:0 30px;}
.frame-layout-1.frame-type-textpic h3 {font-size:3rem; line-height:1.5; font-weight:700;}

.home > .col > .frame-layout-2,
.col-1 > .col > .frame-layout-2 {max-width:830px; margin:0 auto; padding:0; margin-bottom:5px !important;}
.home .frame-layout-2 h2 {color:#1a3145;}
.frame-layout-2 h2 {font-weight:normal; text-align:left;}
.frame-layout-2 h2::after {content:"\f107";}
.frame-layout-2 .act h2::after {content:"\f106";}
.frame-layout-2 h2:hover, .frame-layout-2 .act h2 {background-color:#f5f5f5; color:#059955;}

.col-1 > .col > .frame-layout-3 {max-width:100%; padding-top:100px; padding-bottom:100px; color:#333; background-color:#f7f7f7;}
.col-1 > .col > .frame-layout-4 {max-width:100%; padding-top:100px; padding-bottom:100px; color:#fff; background-color:#172A3A;}
.col-1 > .col > .frame-layout-5 {max-width:100%; padding-top:100px; padding-bottom:100px; color:#fff; background-color:#5CB77A;}
.col .frame-layout-3 .text-frame, .col .frame-layout-4 .text-frame, .col .frame-layout-5 .text-frame {max-width:800px; margin:0 auto; padding:0 50px; text-align:center;}
/*
.col .frame-layout-3 .text-frame::before {content:"\201c"; left:0; bottom:30px; font-family:"Times New Roman",Times,serif; position:absolute; opacity:0.2; height:50px; line-height:1.1; font-size:90px; display:block; top:30px;}
.col .frame-layout-3 .text-frame::after {content:"\201c"; right:0; bottom:30px; font-family:"Times New Roman",Times,serif; position:absolute; opacity:0.2; height:50px; line-height:1.1; font-size:90px; display:block; top:30px;}
*/
.col .frame-layout-3 .text-frame h2, .col .frame-layout-4 .text-frame h2, .col .frame-layout-5 .text-frame h2 {margin:0 auto; text-align:center;}
.col .frame-layout-3 .text-frame h2::before, .col .frame-layout-4 .text-frame h2::before, .col .frame-layout-5 .text-frame h2::before {content:"\201e";}
.col .frame-layout-3 .text-frame h2::after, .col .frame-layout-4 .text-frame h2::after, .col .frame-layout-5 .text-frame h2::after {content:"\201c";}

/* text/image combo within col-1 */
.col-1 > .col > .frame-type-textmedia .ce-textpic.ce-nowrap,
.col-1 > .col > .frame-type-textpic .ce-textpic.ce-nowrap,
.col-1 > .col > .bg_gray .frame-type-textpic .ce-textpic.ce-nowrap {display:flex; flex-wrap:wrap; gap:2%;}
.col-1 > .col > .frame-type-textmedia .ce-textpic.ce-nowrap .ce-bodytext,
.col-1 > .col > .frame-type-textmedia .ce-textpic.ce-nowrap .ce-gallery,
.col-1 > .col > .frame-type-textpic .ce-textpic.ce-nowrap .ce-bodytext,
.col-1 > .col > .frame-type-textpic .ce-textpic.ce-nowrap .ce-gallery,
.col-1 > .col > .bg_gray .frame-type-textpic .ce-textpic.ce-nowrap .ce-bodytext,
.col-1 > .col > .bg_gray .frame-type-textpic .ce-textpic.ce-nowrap .ce-gallery {width:49%; margin:0;}
.col-1 > .col > .frame-type-textmedia .ce-textpic.ce-nowrap h2,
.col-1 > .col > .frame-type-textpic .ce-textpic.ce-nowrap h2,
.col-1 > .col > .frame-background .frame-type-textpic .ce-textpic.ce-nowrap  h2 {margin-top:0;}

.col-1 > .col > .frame-type-textmedia figure {display:block;}
.col-1 > .col > .frame-type-textmedia .video-embed-item {width:100%; height:auto; aspect-ratio: 16/9;}
.col-1 > .col > .frame-type-textmedia .ce-column {float:none;}

.col-1 .frame-type-image .ce-center .ce-outer,
.col-1 .frame-type-image .ce-center .ce-inner {float:none;}
.col-1 .frame-type-image .ce-row .ce-column {float:none;}
.ce-gallery[data-ce-columns="3"] .ce-row {display:flex; flex-wrap:wrap; gap:30px; margin-bottom:30px;}
.ce-gallery[data-ce-columns="3"] .ce-row .ce-column {flex: 1 1 calc(33.333% - 30px); margin-right:0;}


.ce-gallery[data-ce-columns="2"] .ce-row {display:flex; flex-wrap:wrap; gap:30px; margin-bottom:30px;}
.ce-gallery[data-ce-columns="2"] .ce-row .ce-column {flex: 1 1 calc(50% - 30px); margin-right:0;}

.col-1 .col .frame-background:not(bg_gray) {margin-bottom:80px !important;}

/* grid with green bg */
.frame-background.bg_green_contacts,
.frame-background.bg_green {background-color:#5CB77A; color:#fff; width:100%; padding:80px 0; margin:80px auto 80px !important; max-width:none !important;}
.frame-background.bg_green_contacts > .frame-wrap-inside,
.frame-background.bg_green > .frame-wrap-inside {max-width:1280px; margin:0 auto; padding:0 30px;}
.frame-background.bg_green_contacts h2,
.frame-background.bg_green h2 {margin-top:0;}

/* if grid has contactboxes inside */
.frame-background.bg_green_contacts > .frame-wrap-inside:has(> .frame-layout-6) {display:grid; grid-template-columns:repeat(5, minmax(0, 1fr)); gap:30px; align-items:start;}
.frame-background.bg_green_contacts > .frame-wrap-inside > .frame-type-header {grid-column:1 / -1;}

/* single element in green bg */
.frame-background.bg_green .frame-layout-6 {margin:0;}



@media screen and (max-width:1200px) {
.frame-background.bg_green_contacts > .frame-wrap-inside:has(> .frame-layout-6) {grid-template-columns:repeat(4, minmax(0, 1fr));}
}

@media screen and (max-width:992px) {
.frame-background.bg_green_contacts {padding:60px 0;}
.frame-background.bg_green_contacts > .frame-wrap-inside:has(> .frame-layout-6) {grid-template-columns:repeat(3, minmax(0, 1fr));}
}

@media screen and (max-width:768px) {
.frame-background.bg_green_contacts > .frame-wrap-inside {padding:0 20px;}
.frame-background.bg_green_contacts > .frame-wrap-inside:has(> .frame-layout-6) {grid-template-columns:repeat(2, minmax(0, 1fr)); gap:20px;}
}

@media screen and (max-width:576px) {
.frame-background.bg_green_contacts {padding:50px 0;}
.frame-background.bg_green_contacts > .frame-wrap-inside:has(> .frame-layout-6) {grid-template-columns:1fr;}
}

/* contactboxes inside grid */
.frame-layout-6 {margin:30px 0;}
.frame-layout-6 img {display:block; border-radius:100%;}
.frame-layout-6 .ce-bodytext {text-align:center; margin-top:20px;}
.frame-layout-6 .ce-bodytext h3 {margin:0; font-weight:700; font-size:1.8rem; line-height:1.2;}
.frame-layout-6 .ce-bodytext p {margin:0;}
.frame-layout-6 a[href*="tel"],
.frame-layout-6 .link-mail {display:block; color:#fff; font-size:2.4rem; margin:5px 0;}


/* events */
/* specific style for homepage */
.tx-nf-lkcal.style-ajab-fullpage {max-width: 1340px; margin: 50px auto 130px; padding: 0 0; border: none;}
.style-ajab-fullpage  .pagination {display:none !important;}
.style-ajab-fullpage .cal-widget-img {display:none;}
.style-ajab-fullpage.style-default .cal-latest-event {display:flex !important; width:45%; margin-bottom:0;}
.style-ajab-fullpage.style-default .cal-data {padding:35px 55px; background-color:#eff0f2;}
.style-ajab-fullpage.style-default .cal-latest-event-info {width:60%; margin-left:5%; padding-right:20px; background:none;}
.style-ajab-fullpage.style-default .cal-latest-event > div:first-child {width:215px;}
.style-ajab-fullpage.style-default .cal-timer-widget {width:215px;}
.style-ajab-fullpage.style-default .slick-slide {height:auto;}
.style-ajab-fullpage.style-default .slick-arrow {position:absolute; top:40%; margin:0; padding:0; outline:none; line-height:0; font-size:0; width:25px; border:none; background:none; color:transparent; }
.style-ajab-fullpage.style-default .slick-prev {left:10px;}
.style-ajab-fullpage.style-default .slick-next {right:10px;}
.style-ajab-fullpage.style-default .slick-prev::before {color:#000; font-size:42px; line-height:48px; content: "\f053"; font-family:"Font Awesome 5 Free"; font-style:normal; font-weight:900;}
.style-ajab-fullpage.style-default .slick-next::after {color:#000; font-size:42px; line-height:48px; content: "\f054"; font-family:"Font Awesome 5 Free"; font-style:normal; font-weight:900;}
.style-ajab-fullpage.style-default .slick-disabled::before {color:#e1e1e1;}
.style-ajab-fullpage.style-default .cal-category span:empty {display:none;}
.style-ajab-fullpage .allevents {display:block; max-width:290px; margin:20px auto 0; padding:10px 0; text-transform:uppercase; border:solid 2px #059955; text-align:center; font-family:RobotoBold, sans-serif;}
.style-ajab-fullpage .allevents:hover {border:solid 2px #1a3145;}
.style-ajab-fullpage .style-2  .allevents {margin:20px 0 0;}
.style-ajab-fullpage .tx-nf-lkcal .slick-next:before {display:none;}

.frame-background.bg_green .cal-list-teaser {color:#000;}

.home .api-search-widget {display:none;}

.api-detail .item-title {font-size:3.5rem; line-height:1.2;}

@media screen and (max-width:1280px) {
#topnav > ul > li > a {padding-right:0; margin-right:15px;} 
}

@media only screen and (max-width:1200px) {
  .col-1 > .col > .frame-layout-3 h2,
  .col-1 > .col > .frame-layout-4 h2,
  .col-1 > .col > .frame-layout-5 h2 {font-size: 38px; line-height: 45px;}
}    

@media screen and (max-width:1024px) {
#topnav > ul > li > a {padding-right:0; margin-right:8px;} 
}

@media only screen and (max-width:992px) {
.col-1 .col > .frame-type-textmedia .ce-textpic .ce-bodytext,
.col-1 .col > .frame-type-textmedia .ce-textpic .ce-gallery,
.col-1 .col > .frame-type-textpic .ce-textpic .ce-bodytext,
.col-1 .col > .frame-type-textpic .ce-textpic .ce-gallery {width:100%; margin:0 0 20px 0; float:none;}
.col-1 .col > .frame-type-textmedia .ce-textpic .ce-bodytext,
.col-1 .col > .frame-type-textpic .ce-textpic .ce-bodytext {order:2;}
.col-1 .col > .frame-type-textmedia .ce-textpic .ce-gallery,
.col-1 .col > .frame-type-textpic .ce-textpic .ce-gallery {order:1;}
.col-1 .col > .frame-type-textmedia .ce-textpic .ce-column,
.col-1 .col > .frame-type-textpic .ce-textpic .ce-column  {float:none !important;}
.col-1 .col > .frame-type-textpic .ce-textpic .ce-column img {max-width: none !important; width:100%;}
.col-1 .col > .frame-type-textpic .ce-textpic .ce-gallery figure {display:block;}
}    


@media only screen and (max-width:900px) {
.frame-background h2, 
h2 {font-size:3rem; line-height:1.2;}

.col-1 > .col > .frame-background.frame-size-100 {padding-top: 40px; padding-bottom: 40px;}
}    

@media only screen and (max-width:830px) {
.col-1 > .col > .frame-layout-2 {margin:0 30px;}
}

@media only screen and (max-width:768px) {
  .col-1 > .col > .frame-layout-3 h2,
  .col-1 > .col > .frame-layout-4 h2,
  .col-1 > .col > .frame-layout-5 h2 {font-size: 28px; line-height: 33px;}

  .style-ajab-fullpage.style-default .cal-latest-event > div:first-child {width:30%;}
  .style-ajab-fullpage.style-default .cal-timer-widget {width:100%;}
  .style-ajab-fullpage.style-default .cal-widget-date {width:100%; height:auto;}
  .style-ajab-fullpage.style-default .cal-latest-event-info {width:70%}

  .ce-gallery[data-ce-columns="2"] .ce-row .ce-column,
  .ce-gallery[data-ce-columns="3"] .ce-row .ce-column {display:flex; justify-content: center; flex: 1 1 100%;}

  .col-1 > .col > .frame-type-textmedia .ce-textpic.ce-nowrap .ce-bodytext,
  .col-1 > .col > .frame-type-textmedia .ce-textpic.ce-nowrap .ce-gallery,
  .col-1 > .col > .frame-type-textpic .ce-textpic.ce-nowrap .ce-bodytext,
  .col-1 > .col > .frame-type-textpic .ce-textpic.ce-nowrap .ce-gallery,
  .col-1 > .col > .bg_gray .frame-type-textpic .ce-textpic.ce-nowrap .ce-bodytext,
  .col-1 > .col > .bg_gray .frame-type-textpic .ce-textpic.ce-nowrap .ce-gallery {width:100% !important;}  
  .col-1 > .col > .frame-type-textmedia .ce-textpic.ce-nowrap h2,
  .col-1 > .col > .frame-type-textpic .ce-textpic.ce-nowrap h2,
  .col-1 > .col > .frame-background .frame-type-textpic .ce-textpic.ce-nowrap  h2 {margin-top:35px;}

  .cols-2-inner {margin-bottom:80px !important;}
}   

@media only screen and (max-width:640px) {
  .col-1 > .col > .frame-layout-3 h2,
  .col-1 > .col > .frame-layout-4 h2,
  .col-1 > .col > .frame-layout-5 h2 {font-size: 23px; line-height: 27px;}

   .style-ajab-fullpage.style-default .cal-button {margin-top:8px;}
   .style-ajab-fullpage.style-default .cal-nav-buttons {flex-wrap:wrap;}
   .style-ajab-fullpage.style-default .allevents {width:100%; max-width: none; margin-right:0;}  
}


@media only screen and (max-width:480px) {
    .style-ajab-fullpage.style-default .cal-data {padding:10px;}
    .style-ajab-fullpage.style-default .cal-latest-event {display:block !important;}
    .style-ajab-fullpage.style-default .cal-latest-event > div:first-child {width:100%;}
    .style-ajab-fullpage.style-default .cal-latest-event-info {margin-left:0; width:100%;}
    .style-ajab-fullpage.style-default .cal-widget-date {width:40%;}
    .style-ajab-fullpage.style-default .cal-latest-event-info .cal-category {margin-top:10px;}

    .style-ajab-fullpage.style-default .slick-next {right:-25px;}
    .style-ajab-fullpage.style-default .slick-prev {left:-25px;}
    .style-ajab-fullpage.style-default .slick-prev::before,
    .style-ajab-fullpage.style-default .slick-next::after {font-size:28px;}

    .style-ajab-fullpage.style-default .style-2 #latest-group .form-group-latest {width:40%;}
    .style-ajab-fullpage.style-default .style-2 .btn-group {margin-left:0;}    
}