/* colors: maingreen: #008850; text-color:#333333; sec green: #b2cd96 */
/* Webfonts in use: Roboto
*/
/* FontAwesome:
   Brands: :"Font Awesome 5 Brands";font-style:normal;font-weight:normal;
   Light: :"Font Awesome 5 Pro"; font-style:normal; font-weight:300;
   Reg: font-family:"Font Awesome 5 Pro"; font-style:normal; font-weight:400;
   Bold: font-family:"Font Awesome 5 Pro"; font-style:normal; font-weight:900;
*/

/* General */
* {box-sizing:border-box;}
html {height:100.2%; font-size: 62.5%;}
body {margin:0; padding:0; font-size:16px; font-size:1.6rem; line-height: 1; font-family:Roboto, sans-serif; background-color:#fff;}
img {border:none;}
ol {margin:0 0 15px 0; padding:0 0 0 20px; list-style-position:outside;}
ul {margin:0 0 15px 0; padding:0 0 0 24px; list-style-type:none;}
p, li, th, td, dt, dd {color:#333333; font-size:1.8rem; line-height:1.5;}
h1, h2, h3, h4, h5 {margin:0 0 10px 0; font-weight:normal; font-family:Roboto, sans-serif; color:#444;}
h1,
h2 {font-size:42px; font-size:4.2rem; line-height:1.2; font-weight: bold;}
h1,
h2 {margin-bottom:20px;}
h3 {font-size:32px; font-size:3.2rem; font-weight: 500;}
h4 {font-size:24px; font-size:2.4rem; font-weight: 500;}
a {color:#008850; text-decoration:none;}
a:hover {text-decoration: underline;}
p > a {word-break: break-word;}
th, td {vertical-align:top;}
figure {margin:0;}
.news-img-caption,
.ce-gallery figcaption {display:block; margin-top:20px; font-size:14px; color:#8d8d8d;}
hr {margin:30px 0; height:0; border-style:none none solid none; border-width:2px; border-color:#e0e9d7;}
input[type="text"],input[type="email"], textarea, select {moz-appearance:none; -webkit-appearance:none; appearance:none;}
select {-webkit-appearance: none; -moz-appearance: none; appearance: none; border:none; border-radius: 0;
   background:url(../Images/angle-down-regular.svg) no-repeat right 14px center #fff;}
strong {font-weight:500;}
.home .section-inner-grid,
.section-inner {margin:0 auto; max-width:1440px; padding:0 15px;}
.fullwidth-grid,
.home .section-inner-grid,
.section-inner-grid {margin-bottom:30px;}
.flex-grid {display:flex; flex-wrap:wrap; justify-content:space-between;}
.fullwidth-grid {padding:50px 15px;}
button:focus-visible,
a:focus-visible,
input:focus-visible,
textarea:focus-visible,
select:focus-visible,
summary:focus-visible,
[tabindex]:not([tabindex="-1"]):focus-visible {outline:2px solid #008850; outline-offset:2px; border-radius:4px;}
.skip-link {position:fixed; top:0; left:15px; z-index:10001; padding:10px 16px; border:2px solid #008850; border-top:0;
  border-radius:0 0 4px 4px; background-color:#fff; color:#008850; font-weight:700; transform:translateY(-120%); transition:transform .15s ease;}
.skip-link:focus {outline:2px solid #008850; outline-offset:2px; transform:translateY(0);}


/* frame, rte and link styles */
.text-center {text-align:center;}
.text-right {text-align:right;}

.frame-space-after-medium {margin-bottom:25px;}
.frame-space-before-medium {margin-top:25px;}

.frame-space-before-large {margin-top:50px;}
.frame-space-after-large {margin-bottom:50px;}

.frame-space-before-extra-large {margin-top:80px;}
.frame-space-after-extra-large {margin-bottom:80px;}

.link-external-blank::before {display:inline-block; margin-right:5px; content:"\f08e"; color:#008850; font-family:"Font Awesome 5 Pro"; font-style:normal; font-weight:400;}
.link-mail::before {display:inline-block; margin-right:5px; content:"\f0e0"; color:#008850; font-family:"Font Awesome 5 Pro"; font-style:normal; font-weight:400;}

.link-download::before,
.link-pdf::before,
.link-word::before,
.link-xls::before {display:inline-block; margin-left:2px; margin-right:8px; color:#008850; font-family:"Font Awesome 5 Pro"; font-style:normal; font-weight:400;}
.link-pdf::before {content:"\f1c1";}
.link-word::before {content:"\f1c2";}
.link-xls::before {content:"\f1c3";}
.link-download::before {content:"\f019";}

.link-button,
.link-internal-button {display:inline-block; background-color:#008850; color:#fff; padding:12px 25px; font-size:20px; font-size:2rem; font-weight: 500;
  border-radius:25px; transition: background 0.2s ease;
  -webkit-box-shadow: -1px 0px 5px 0px rgba(0,0,0,0.75);
  -moz-box-shadow: -1px 0px 5px 0px rgba(0,0,0,0.75);
  box-shadow: -1px 0px 5px 0px rgba(0,0,0,0.75);}
.link-button:hover,
.link-internal-button:hover {text-decoration: none; background-color:#65b48d; color:#fff;}

#maincol .ce-uploads li {margin-bottom:8px !important;}
.ce-uploads .ce-uploads-fileName {display:flex;}
.ce-uploads .ce-uploads-fileName::before {display:inline-block; margin-left:2px; margin-right:8px; color:#008850; font-family:"Font Awesome 5 Pro"; font-style:normal; font-weight:400; content:"\f15b";}

.colored-highlight {color:#d75c09;}
.red-highlight {color:#df0000;}
.green-highlight {color:#008850;}

.icon-highlight::before {display:inline-block; margin-right:6px; color:#008850; font-family:"Font Awesome 5 Pro"; font-style:normal;}
.phone-highlight::before {content:"\f095";  font-weight:400;}
.place-highlight::before {content:"\f3c5"; font-weight:900;}
.fax-highlight::before {content:"\f1ac"; font-weight:400;}
.school-highlight::before {content:"\f19d"; font-weight:300;}
.time-highlight::before {content:"\f017"; font-weight:400;}

/* header */
#wrapper > header {border-top:solid 4px #008850;}
#topbox {position:relative;}
#topbox > .section-inner {overflow:hidden;}

/* servicebar */
.servicebar {display:flex; flex-wrap:wrap; justify-content:flex-end; padding:10px 0 0;}

#servicenav ul {margin:0; padding:4px 0 0 0; list-style-type:none;}
#servicenav ul li {display:inline;}
#servicenav ul li a {margin-right:18px; font-size:14px; font-size:1.4rem; line-height:14px;}

/* search */
#searchbox {position: relative;}
#searchbox fieldset {border:none; padding:0; margin:0;}
#searchbox input[type="text"] {padding:0 10px; width:178px; height:32px; background-color:#f4f4f4; border:none; color:#a4a4a4; font-style: italic;}
#searchbox input[type="submit"] {border:none; width:18px; height:18px;background:url(../Images/search-regular.svg) no-repeat;}
#searchbox input::placeholder {color:#a4a4a4;}
#searchbox .sbutton {position:absolute; right:8px; top:6px;}

/* navbar */
.navbar {display:flex; flex-wrap:wrap; justify-content: space-between;}

/* logo */
#topbox a#homelink {display:block; z-index:1000; font-size:0; margin:30px 0;}
#topbox a#homelink img {}

/* topnav */
.navbar #topnav {margin-top:90px;}
.navbar #topnav ul {position:relative; list-style-type:none; margin:0; padding:0;}
.navbar #topnav ul#firstlvl > li {display:inline-block; position: relative;}
.navbar #topnav ul#firstlvl > li > a {display:block; position:relative; margin-right:80px; padding-bottom:25px; transition: background 0.5s ease;
  color:#333333; font-size:20px; font-size:2rem; text-decoration:none; font-weight: 500;}
.navbar #topnav ul#firstlvl  > li:last-child > a {margin-right:0;}
.navbar #topnav ul#firstlvl  > li:hover > a,
.navbar #topnav ul#firstlvl  > li.act > a,
.navbar #topnav ul#firstlvl  > li > a:hover {color:#008850; text-decoration: none;}
.navbar #topnav ul#firstlvl  > li.act > a::before {content:""; position: absolute; bottom:18px; right:0; left:0; margin:auto; width:20px; height:4px; border-top:dotted 4px #008850;}
.navbar #topnav ul#firstlvl  > li:hover > ul {visibility:visible; opacity:1;}


.navbar #topnav .secondlvl {display:none; z-index:999; visibility: hidden; opacity: 0; transition-property: opacity, visibility; transition-duration: .4s, 0s; transition-delay: 0s, .4s;
  position:absolute; top:55px; left:-12px; min-width:255px; padding:12px 0 12px; background-color:#fff; border:solid 1px #e0e0e0;}
/* .navbar #topnav .secondlvl::before {content:""; z-index:999; position:absolute; top:-14px; left:17px;
border-style: solid;
border-width: 0 9px 14px 9px;
border-color: transparent transparent #fff transparent;} */
.navbar #topnav .secondlvl::after {width:100%; height:14px; content:""; z-index:999; position:absolute; top:-14px; left:0; background-color:transparent;}
.navbar #topnav > ul > li:hover ul.secondlvl,
.navbar #topnav .secondlvl li:hover ul.thirdlvl,
.navbar #topnav .thirdlvl li:hover ul.fourthlvl {display:block; visibility: visible; opacity: 1; transition-delay: 0s, 0s; }
.navbar #topnav > ul > li:focus-within > ul.secondlvl,
.navbar #topnav > ul > li.submenu-open > ul.secondlvl,
.navbar #topnav .secondlvl li:focus-within > ul.thirdlvl,
.navbar #topnav .secondlvl li.submenu-open > ul.thirdlvl,
.navbar #topnav .thirdlvl li:focus-within > ul.fourthlvl,
.navbar #topnav .thirdlvl li.submenu-open > ul.fourthlvl {display:block; visibility:visible; opacity:1; transition-delay:0s, 0s;}
.navbar #topnav li.submenu-force-closed:focus-within > ul {display:none; visibility:hidden; opacity:0;}
.navbar #topnav .secondlvl li {/* position:relative; */}
.navbar #topnav .secondlvl li a {display:flex; justify-content:space-between; padding:8px 14px; color:#333; font-size:18px; font-size:1.8rem;}
.navbar #topnav .secondlvl li a:hover {text-decoration: none;}
.navbar #topnav .secondlvl > li.act > a,
.navbar #topnav .secondlvl > li:hover > a {background-color:#008850; color:#fff;}
.navbar #topnav .secondlvl li i {font-size:18px; font-size:1.8rem;}

.navbar #topnav .thirdlvl {z-index:999; display:none; visibility:hidden; opacity:0; transition-property:opacity, visibility; transition-duration: .4s, 0s; transition-delay: 0s, .4s;
  position:absolute; top:0; left:264px; min-height:100%; min-width:255px; padding:14px 0 14px; border-radius:5px; background-color:#fff; border:solid 1px #e0e0e0;}
.navbar #topnav .thirdlvl::before {content:""; z-index:999; position:absolute; left:-11px; width:10px; height:100%; background-color:transparent;}
.navbar #topnav .thirdlvl li {/* position:relative; */}
.navbar #topnav .thirdlvl > li.act > a,
.navbar #topnav .thirdlvl > li:hover > a {background-color:#f5f5f5;}

.navbar #topnav .fourthlvl {z-index:999; display:none; visibility:hidden; opacity:0; transition-property:opacity, visibility; transition-duration: .4s, 0s; transition-delay: 0s, .4s;
    position:absolute; top:0; left:264px; min-height:100%; min-width:255px; padding:14px 0 14px; border-radius:5px; background-color:#fff; border:solid 1px #e0e0e0;}
.navbar #topnav .fourthlvl::before {content:""; z-index:999; position:absolute; left:-11px; width:10px; height:100%; background-color:transparent;}
.navbar #topnav .fourthlvl > li.act > a,
.navbar #topnav .fourthlvl > li > a:hover {background-color:#f5f5f5;}

/* mobile meta */
#mobile-header {display:none; align-self:flex-end; margin:auto 0 auto auto;}
#responsive-menu-button {display:flex; align-items:center; justify-content:center; min-width:44px; min-height:44px; padding:7px;
  border:0; background:transparent; color:#008850; font-size:30px; font-size:3rem; line-height:1; cursor:pointer;}
#responsive-menu-button:focus-visible {outline:2px solid #008850; outline-offset:2px;}

/* mmenu */
.mm-menu {margin-top:0 !important;}
.mm-menu .secondlvl {display:block !important;}
.mm-menu .mm-listitem__text i {display:none;}
.mm-menu .mm-navbar a[aria-label] {display:flex; align-items:center; justify-content:center; min-width:44px; min-height:44px;}
.mm-menu.mm-menu_keyboardfocus a:focus,
.mm-menu a:focus-visible {outline:2px solid #008850; outline-offset:-3px; background-color:rgba(255,255,255,.75);}


/* side nav */
#sidenav {margin-bottom:20px;}
#sidenav ul {margin:0; padding:0;list-style-type:none;}
#sidenav ul > li > a {display:block; padding:4px 12px; color:#008850;}
#sidenav ul > li > a:hover {color:#65b48d;}
#sidenav ul > li.act > a {background-color:#008850; color:#fff; border-radius:8px;}

#sidenav ul ul {padding-left:15px; margin:6px 0;}
#sidenav ul ul > li.act > a {background-color:#ffc095; color:#333;}

/* headerimage */
#headerimg {overflow:hidden; position: relative;}
/* #headerimg figure {height:200px;} */
#headerimg img {margin:auto; width:100%; object-fit:cover; max-height:365px; min-height:295px; /* object-position:center; */}
#headerimg .ce-textpic::before {content:""; position: absolute; height:100%; width:100%; left:0; top:0; background-color:rgba(0,0,0,.4);}
#headerimg .ce-center .ce-outer,
#headerimg .ce-center .ce-inner {float:none; position:static;}
#headerimg .ce-left .ce-gallery,
#headerimg .ce-column {float:none;}
#headerimg .ce-gallery figure {display:block;}
#headerimg .ce-intext.ce-right .ce-gallery,
#headerimg .ce-intext.ce-left .ce-gallery,
#headerimg .ce-above .ce-gallery {margin-bottom:0;}

#headerimg .ce-bodytext {position:absolute; top:50%; max-width:1440px; width:100%; left:0; right:0; margin:auto; padding:0 15px; z-index:998;
  transform: translateY(-50%);
}
#headerimg h3,
#headerimg h2,
#headerimg h1,
#headerimg p {color:#fff; margin:0; padding:0; text-shadow: 1px 1px 2px rgba(0, 0, 0, 1);}
#headerimg h1,
#headerimg h2,
#headerimg h3 {font-size:5rem; line-height:1; font-weight: bold;}
#headerimg p {margin-bottom:10px; font-size:2.4rem; line-height:1;}

/* owl slider */
.tx-ff-owl-slider {line-height: 0;}
.tx-ff-owl-slider img {width:100%; height:600px; border:none !important; object-fit: cover;}
.tx-ff-owl-slider .item {line-height:0; font-size:0;}
.tx-ff-owl-slider .item > a {display:block; position:relative;}
.tx-ff-owl-slider .link-internal-button {margin-top:30px; box-shadow:none;}
.tx-ff-owl-slider .owl-buttons {position:absolute; top:48%; width:100%;}
.tx-ff-owl-slider .owl-controls .owl-buttons div {color:#fff; background:none; margin:0; padding:0;}
.tx-ff-owl-slider .owl-controls .owl-buttons .owl-prev {position:absolute; left:2%;}
.tx-ff-owl-slider .owl-controls .owl-buttons .owl-next {position:absolute; right:2%;}
.tx-ff-owl-slider .owl-controls .owl-buttons div i {font-size:68px; font-size:6.8rem; line-height:40px;}

.tx-ff-owl-slider .owl-controls {margin:0;}
.tx-ff-owl-slider .owl-pagination {position:absolute; bottom:20px; width:100%; text-align:center;}
.tx-ff-owl-slider .owl-controls .owl-page span {width:15px; height:15px; border-radius:100%; background: #fff;}
.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span {background-color:rgba(0,136,80,0.5);}

/* .tx-ff-owl-slider  picture::after {content: '\A'; position: absolute; width: 100%; height:100%; top:0; left:0; background:rgba(0,0,0,0.42); opacity: 1;} */

/* layout 1 */
.tx-ff-owl-slider .layout-1 .caption-wrapper {position:absolute; top:0; height:100%; width:100%; text-align:center;}
.tx-ff-owl-slider .layout-1 .slider-caption {position:absolute; text-align:center; top:50%; left:0; right:0; transform: translateY(-50%);}

/* layout 1 + 2 + 3*/
.tx-ff-owl-slider .layout-2 .caption-wrapper,
.tx-ff-owl-slider .layout-3 .caption-wrapper {max-width:1440px; margin:0 auto; padding:0 30px; width:100%; height:100%; position:absolute; top:0; left:0; right:0;}
.tx-ff-owl-slider .layout-2 .slider-caption,
.tx-ff-owl-slider .layout-3 .slider-caption {position:absolute; top: 50%; transform: translateY(-50%);  margin:0; max-width:700px;}
.tx-ff-owl-slider .layout-1 h3,
.tx-ff-owl-slider .layout-2 h3,
.tx-ff-owl-slider .layout-3 h3 {margin:0 0 35px 0; font-size:4.6rem; color:#fff; font-weight: bold;}
.tx-ff-owl-slider .layout-1 p,
.tx-ff-owl-slider .layout-2 p,
.tx-ff-owl-slider .layout-3 p {margin:0; font-size:24px; font-size:2.4rem; color:#fff;}
.tx-ff-owl-slider .layout-1 .link-more,
.tx-ff-owl-slider .layout-2 .link-more,
.tx-ff-owl-slider .layout-3 .link-more {display:inline-block; background-color:#008850; color:#fff; margin-top:20px; padding:12px 25px; font-size:20px; font-size:2rem; line-height:1.5; font-weight: 500;
  border-radius:25px; transition: background 0.2s ease;}
.tx-ff-owl-slider .layout-2 .link-more:hover,
.tx-ff-owl-slider .layout-3 .link-more:hover {text-decoration: none; background-color:#65b48d; color:#fff;}

/* layout 2 */
.tx-ff-owl-slider .layout-2 .slider-caption {left:30px; right:auto;}

/* layout 3 */
.tx-ff-owl-slider .layout-3 .slider-caption {right:30px; left:auto;}


/* specialbar */
#specialbar {background-color:#f2f2f2;}
/* breadcrumb */
#breadcrumb {padding:15px 15px; font-size:16px; font-size:1.6rem; color: #008850;}
#breadcrumb ol {display:flex; flex-wrap:wrap; align-items:center; margin:0; padding:0; list-style:none;}
#breadcrumb li {display:flex; align-items:center; margin:0; padding:0; color:inherit; font-size:inherit; line-height:inherit;}
#breadcrumb a {margin:0 5px; color: #008850;}
#breadcrumb a.home {margin-left:0;}
#breadcrumb .breadcrumb-separator {margin:0 4px;}

/* content */
#innerwrapper {display:flex; flex-wrap:wrap; margin-top:50px;}

/* main */
main {}
.col-9 {width:70%;}
.col-6 {width:49%;}
.col-3 {width:30%;}
.col-4 {width:32%; }

#maincol .frame-default {margin-bottom:25px;}
#maincol .ce-bodytext h3,
#maincol .text-frame h3 {margin-top:25px; }
#maincol p {margin:0 0 15px;}
#maincol .news-text-wrap ol li, 
#maincol .news-text-wrap ul li,
#maincol .frame-default ol li,
#maincol .frame-default ul li,
#maincol .news-related ul li {margin-bottom:5px; position:relative;}
#maincol .news-text-wrap ul li::before,
#maincol .news-related ul li::before,
#maincol .frame-default .text-frame  ul li::before,
#maincol .frame-default .ce-bodytext ul li::before {position:absolute; top:6px; display:inline-block; content:""; margin:0 8px 0 -22px; width:10px; height:10px; background-color:#008850; border-radius:100%;}
#maincol .frame-type-header {margin-bottom:25px;}


/* content images */
#maincol .ce-textpic {/* overflow:visible; */}
#maincol .ce-intext .ce-gallery {margin-top:6px;}
#maincol .ce-intext .ce-gallery[data-ce-images="1"] {margin-bottom:0;}
#maincol .ce-textpic .ce-border {border:solid 5px #fff; border-radius:12px;
  -webkit-box-shadow: -1px 0px 4px 0px rgba(0,0,0,0.5);
  -moz-box-shadow: -1px 0px 4px 0px rgba(0,0,0,0.5);
  box-shadow: -1px 0px 4px 0px rgba(0,0,0,0.5);}
#maincol .ce-textpic .ce-border img {border:none;}
#maincol .frame-type-textmedia .ce-outer,
#maincol .frame-type-textmedia .ce-inner {position:static; float:none;}
#maincol .frame-type-textmedia .ce-column {float:none;}
.ce-above img,
.ce-below img {max-width: 100%;}


/* table */
#maincol .contenttable {width:100%; margin:20px 0; border-collapse:collapse; border:solid 1px #d7d7d7;}
#maincol .contenttable thead {background-color:#f5f5f5;}
#maincol .contenttable tbody {background-color:#fff;}
#maincol .contenttable tr {border-bottom:solid 1px #d7d7d7;}
#maincol .contenttable th {padding:15px; text-align:left; font-weight:normal; font-size:14px; font-size:1.4rem; color:#333;}
#maincol .contenttable th p {text-align:left; font-weight:normal; font-size:14px; font-size:1.4rem; color:#333;}
#maincol .contenttable td {padding:15px; font-size:14px; font-size:1.4rem; color:#757575;}
#maincol .contenttable td p {font-size:14px; font-size:1.4rem; color:#757575;}

#maincol .table-style2 {border:none;}
#maincol .table-style2 thead {background:0;}
#maincol .table-style2 th {border:solid 1px #d7d7d7; font-weight: bold;}
#maincol .table-style2 tr {border:none;}
#maincol .table-style2 td {border:solid 1px #d7d7d7;}

/* frame-type-menu_pages */
#maincol .frame-type-menu_subpages ul li,
#maincol .frame-type-menu_pages ul li {margin-bottom:25px;}

/* page layouts */
.layout-33-33-33 #maincol {padding:0 30px;}
.layout-33-33-33 > .col-6 {width:60%; margin:0;}
.layout-33-33-33 > .col-3 {width:20%;}
.layout-70-30 #maincol {padding:0 30px 0 0;}
.layout-30-70 #maincol {padding:0 0 0 30px;}
.layout-100 {margin-top:50px;}
.layout-100 .section-inner-grid,
.layout-70-30 .section-inner-grid,
.layout-30-70 .section-inner-grid,
.layout-33-33-33 .section-inner-grid {padding:0;}

#leftcol {padding:0 15px 0 0;}
#rightcol {padding:0 0 0 15px;}

.col-3 h2 {font-size:2.8rem;}
.col-3 a.link-mail {color:#333;}
.col-3 .frame {margin-bottom:45px;}

/* ce layouts */
.col-3 .frame-layout-2,
.col-3 .frame-layout-3 {margin-bottom:45px;}
.col-3 .frame-layout-2 .link-pdf,
.col-3 .frame-layout-3 .link-pdf {display:block; padding:10px 0;
  background-color:#008850; color:#fff; border-radius:25px; font-size:1.8rem; text-align: center; font-weight: 500;
  -webkit-box-shadow: -1px 0px 5px 0px rgba(0,0,0,0.75);
  -moz-box-shadow: -1px 0px 5px 0px rgba(0,0,0,0.75);
  box-shadow: -1px 0px 5px 0px rgba(0,0,0,0.75);
}
.col-3 .frame-layout-2 .link-pdf::before,
.col-3 .frame-layout-3 .link-pdf::before {color:#fff;}
.frame-layout-2 p:last-child,
.frame-layout-3 p:last-child {margin-bottom:0 !important;}

/* accordion */
#maincol .frame-default.frame-layout-1 {margin-top:15px; margin-bottom:15px;}
.frame-layout-1 header h2,
.frame-layout-1 header h3 {margin-bottom:0 !important; font-size:20px; font-size:2rem;}
.frame-layout-1 h3 {margin-top:15px;}
.frame-layout-1 .accordion-toggle {display:flex; align-items:flex-start; width:100%; margin:0; padding:15px; border:0; border-radius:0;
  background-color:#333333; color:#fff; font:inherit; line-height:inherit; text-align:left; cursor:pointer; appearance:none;}
.frame-layout-1 header.act .accordion-toggle {background-color:#008850;}
.frame-layout-1 .accordion-toggle::before {display:inline-block; flex:0 0 auto; margin-right:10px; content:"\f067";
  font-family:"Font Awesome 5 Pro"; font-weight:400;}
.frame-layout-1 .accordion-toggle[aria-expanded="true"]::before {content:"\f068";}
.frame-layout-1 .accordion-toggle:focus-visible {outline:2px solid #fff; outline-offset:-4px; border-radius:0;}
.frame-layout-1 .ce-textpic {overflow:hidden;}
.frame-layout-1 .ce-uploads,
.frame-layout-1 .ce-textpic,
.frame-layout-1 .ce-image,
.frame-layout-1 .text-frame {display:none; background-color:#fff; padding:15px 15px;}
.frame-layout-1 .ce-uploads[hidden],
.frame-layout-1 .ce-textpic[hidden],
.frame-layout-1 .ce-image[hidden],
.frame-layout-1 .text-frame[hidden] {display:none !important;}
.frame-layout-1 header.act + .ce-image,
.frame-layout-1 header.act + .ce-uploads,
.frame-layout-1 header.act + .ce-textpic,
.frame-layout-1 header.act + .text-frame {display:block;}
.frame-layout-1 p {margin:15px 0 0;}
.frame-layout-1 ul {margin-top:0;}
.frame-layout-1 .text-frame  p {margin-top:0;}
.frame-layout-1 .text-frame  p:last-child {margin-bottom:0 !important;}
.frame-layout-1 .ce-uploads li {margin-top:0; margin-bottom:15px;}
.frame-layout-1 .ce-uploads li div::before {background-color:#f5f5f5;}

.col-3 .frame-layout-1 header h2,
.col-3 .frame-layout-1 header h3  {font-size:16px; font-size:1.6rem;}

/* shadow bg */
.frame-layout-2 {padding:20px; background-color:#fff; overflow:hidden;
  -webkit-box-shadow: -1px 0px 8px -4px rgba(0,0,0,0.5);
  -moz-box-shadow: -1px 0px 8px -4px rgba(0,0,0,0.5);
  box-shadow: -1px 0px 8px -4px rgba(0,0,0,0.5);}
.col-3 .frame-layout-2 {padding:35px;}
#maincol .frame-layout-2 .ce-intext .ce-gallery {margin-top:0;}
/* bg color */
.frame-layout-3 {overflow:hidden; padding:20px; background-color:#008850;}
.col-3 .frame-layout-3 {padding:35px;}
.frame-layout-3 h2,
.frame-layout-3 h3,
.frame-layout-3 p {color:#fff;}
.frame-layout-3 p {font-size:1.6rem;}
.frame-layout-3 strong {font-size:2rem;}

.frame-layout-3 .icon-highlight {overflow:hidden;}
.frame-layout-3 .icon-highlight::before {float:left; margin-right:15px; padding-top: 5px; margin-top: 3px;
  width:45px; height:40px; color:#fff; border-radius:100%; border:solid 1px #fff; font-size:2.4rem; text-align: center;
  -webkit-box-shadow: -1px 0px 5px 0px rgba(0,0,0,0.75);
  -moz-box-shadow: -1px 0px 5px 0px rgba(0,0,0,0.75);
  box-shadow: -1px 0px 5px 0px rgba(0,0,0,0.75);
}



/* gridelements */
/* bg grid */
.grey-bg {background-color:#f4f4f4; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;}

/* tabs */
.tabcontainer {margin-bottom:25px;}
.tabcontainer hr {border-color:#fff; border-style: dotted; border-width: 2px}
.tabcontainer h3 {font-size:24px; font-size:2.4rem;}
.tabcontainer .tabnav {display:flex; flex-wrap:wrap; padding:0; margin:0; list-style:none;}
.tabcontainer .tabnav li {display:block; margin:0 5px 0 0; padding:0;}
.tabcontainer .tabnav li::before {display:none;}
.tabcontainer .tab-button {display:block; width:100%; margin:0; padding:8px 28px; border:0; border-radius:0; background-color:transparent;
  color:#333; font:inherit; font-size:2.2rem; font-weight:700; text-align:left; cursor:pointer; appearance:none;}
.tabcontainer .tab-button:hover,
.tabcontainer .tab-button.act,
.tabcontainer .tab-button[aria-selected="true"] {background-color:#f4f4f4;}
.tabcontainer .tab-button:focus-visible {outline:2px solid #008850; outline-offset:2px; border-radius:0;}
.tabcontainer .tab-content {padding:25px 20px 15px; background-color:#f4f4f4;}
.tabcontainer .tabelement {display:none;}
.tabcontainer .tabelement.open:not([hidden]) {display:block;}
.tabcontainer .tabelement[hidden] {display:none !important;}
.tabcontainer .tabelement:focus-visible {outline:2px solid #008850; outline-offset:4px;}
.tabelement .section-inner-grid {margin-bottom:0;}


/* flexgrid */
.flex-grid .col-4 .ce-center .ce-outer,
.flex-grid .col-4 .ce-center .ce-inner,
.flex-grid .col-6 .ce-center .ce-outer,
.flex-grid .col-6 .ce-center .ce-inner {position:static; float:none;}
.flex-grid .col-4 img,
.flex-grid .col-6 img {width:100%; height:auto;}
#maincol .flex-grid .col-6 .frame-default:nth-last-child(2),
#maincol .flex-grid .col-6 .frame-default:last-child {margin-bottom:0;}

/* menu with images */
.pagemenu-img {display:flex; flex-wrap:wrap; gap:2%; padding:0; margin:15px 0 0 0; list-style-type: none;}
.pagemenu-img li {width:32%;  margin-bottom:25px;}
.pagemenu-img h3 {font-size: 2.4rem; line-height:1; margin-bottom: 5px; color:#008850;}
.pagemenu-img h3 a {color:#008850;}
.pagemenu-img p {}
.pagemenu-img a {display:block;}
.pagemenu-img img {display:block; margin-bottom:15px; width:100%; height:auto;}

/* Sitemap */
#c160 {margin-bottom:0 !important;}
.sitemap-start {display:inline-block; padding:8px 12px; font-size:16px; font-size:1.6rem; font-weight:bold; color:#fff; background:#008850;}
#maincol .frame-type-menu_sitemap ul {list-style-type:none; padding:0; margin:0; margin-left:15px; background-image:url('../Images/sitemap-ul-bg.png'); background-repeat:repeat-y;}
#maincol .frame-type-menu_sitemap ul li {list-style-image:none; margin:0; padding:4px 0 0 15px; background-image:url('../Images/sitemap-li-bg.png'); background-repeat:no-repeat;}
#maincol .frame-type-menu_sitemap ul li::before {display:none;}
#maincol .frame-type-menu_sitemap ul li:last-child {background-image:url('../Images/sitemap-li-last-bg.png'); }
#maincol .frame-type-menu_sitemap ul li p {padding:0; margin:0;}
#maincol .frame-type-menu_sitemap ul li a {display:inline-block; padding:4px 10px; font-size:14px; font-size:1.4rem; color:#fff; border:solid 1px #afafaf; background:#b2cd96; text-decoration:none;}
#maincol .frame-type-menu_sitemap ul li a:hover {border-color:#333;}
#maincol .frame-type-menu_sitemap ul li ul li a { color:#333; background-color:#f1f1f1;}
#maincol .frame-type-menu_sitemap ul li ul li ul li a {background-color:#e8e8e8;}
#maincol .frame-type-menu_sitemap ul li ul li ul li ul li a {background-color:#f1f1f1;}

/* TYPO3 Form Framework */
.frame-type-form_formframework {margin-top:20px;}
.frame-type-form_formframework form > h2 {display:none;}
.frame-type-form_formframework .form-element-gridrow {display:flex; flex-wrap:wrap; justify-content:space-between;}
.frame-type-form_formframework .form-element-gridrow > [class*="col-"] {width:48%;}
.frame-type-form_formframework .form-element {margin-bottom:15px;}
.frame-type-form_formframework .form-element-gridrow {margin-bottom:0;}
.frame-type-form_formframework .form-label {display:block; margin-bottom:4px; font-weight:bold; color:#333333;}
.frame-type-form_formframework .form-control,
.frame-type-form_formframework .form-select {display:block; width:100%; height:40px; padding:0 15px; background-color:#fff; color:#333333; border:solid 1px #cbcbcb; border-radius:8px; font-family:Roboto, sans-serif; font-size:14px; font-size:1.4rem;
  -webkit-box-shadow:inset 0 0 5px 0 rgba(0,0,0,0.1);
  -moz-box-shadow:inset 0 0 5px 0 rgba(0,0,0,0.1);
  box-shadow:inset 0 0 5px 0 rgba(0,0,0,0.1);}
.frame-type-form_formframework textarea.form-control {height:200px; min-height:200px; padding:10px 15px; resize:none;}
.frame-type-form_formframework input[type="file"] {display:block; box-sizing:border-box; width:100%; max-width:100%; height:40px; padding:0; overflow:hidden; background-color:#fff; color:#333333; border:solid 1px #cbcbcb; border-radius:8px; font-family:Roboto, sans-serif; font-size:14px; font-size:1.4rem; line-height:38px; cursor:pointer;}
.frame-type-form_formframework input[type="file"]::file-selector-button {height:38px; margin:0 12px 0 0; padding:0 18px; background-color:#c1c1c1; color:black; border:0; border-right:solid 1px #007242; border-radius:7px 0 0 7px; font-family:Roboto, sans-serif; font-size:14px; font-size:1.4rem; font-weight:500; cursor:pointer; transition:background-color 0.2s ease;}
.frame-type-form_formframework input[type="file"]::-webkit-file-upload-button {height:38px; margin:0 12px 0 0; padding:0 18px; background-color:#c1c1c1; color:black; border:0; border-right:solid 1px #007242; border-radius:7px 0 0 7px; font-family:Roboto, sans-serif; font-size:14px; font-size:1.4rem; font-weight:500; cursor:pointer; transition:background-color 0.2s ease;}
.frame-type-form_formframework input[type="file"]:hover::file-selector-button,
.frame-type-form_formframework input[type="file"]:focus::file-selector-button,
.frame-type-form_formframework input[type="file"]:hover::-webkit-file-upload-button,
.frame-type-form_formframework input[type="file"]:focus::-webkit-file-upload-button {background-color:#008850; color:#fff}
.frame-type-form_formframework .form-check-wrapping-label {display:flex; align-items:flex-start;}
.frame-type-form_formframework .form-check-input {flex:0 0 15px; width:15px; height:15px; margin:3px 8px 0 0; accent-color:#008850;}
.frame-type-form_formframework .form-check-label {margin:0; line-height:1.2; color:#333333; font-weight:bold;}
.frame-type-form_formframework .form-check-label a {display:inline;}
.frame-type-form_formframework .actions {width:100%;}
.frame-type-form_formframework .form-navigation {margin:0;}
.frame-type-form_formframework .btn-primary {-webkit-appearance:none; appearance:none; padding:12px 25px; background-color:#008850; color:#fff; border:none; border-radius:25px; font-family:Roboto, sans-serif; font-size:20px; font-size:2rem; font-weight:500; cursor:pointer; transition:background 0.2s ease;
  -webkit-box-shadow:-1px 0 5px 0 rgba(0,0,0,0.75);
  -moz-box-shadow:-1px 0 5px 0 rgba(0,0,0,0.75);
  box-shadow:-1px 0 5px 0 rgba(0,0,0,0.75);}
.frame-type-form_formframework .btn-primary:hover,
.frame-type-form_formframework .btn-primary:focus {background-color:#65b48d; color:#fff;}

/* Form Framework validation */
.frame-type-form_formframework .form-control.is-invalid,
.frame-type-form_formframework .form-control.f3-form-error,
.frame-type-form_formframework .has-error .form-control {border-color:#c30000;}
.frame-type-form_formframework .invalid-feedback,
.frame-type-form_formframework .has-error .help-block {display:block; margin-top:4px; padding:6px 15px; background-color:#c30000; color:#fff; font-size:14px; font-size:1.4rem; line-height:1.2;}

/* gallery */
.gallery {margin-top:20px;}
.gallery .slick-slider {margin:0 auto;}
.gallery .bigview {position: relative; width:100%;}
.gallery .bigview div.image img {width:100%; height:auto; object-fit:contain; margin:0 auto;}

.gallery div.slider {display:none; max-width:700px; margin-top:1rem; padding-bottom:1rem;}
.gallery div.slider img {margin-right:1rem;}

/* img slider ce*/
.frame-layout-4 {margin-top:35px;}
.frame-layout-4 .ce-inner,
.frame-layout-4 .ce-outer {float:none; position: relative;}
.frame-layout-4 figcaption {padding:6px 10px; background-color: #008850; text-align: center; color:#fff; font-size:1.2rem; font-style:normal; font-family:Roboto, sans-serif;}

/* slider arrows */
.news-img-slide .slick-prev,
.news-img-slide .slick-next,
.frame-layout-4 .slick-prev,
.frame-layout-4 .slick-next,
.gallery .bigview .slick-prev,
.gallery .bigview .slick-next {width:auto; height:auto; padding:0 10px 0 10px; font-size:0; position:absolute; top:45%; z-index: 9999; background-color:rgba(0,136,80,0.5); color:#fff; cursor:pointer; border:none;}
.slick-slider .slick-prev:focus-visible,
.slick-slider .slick-next:focus-visible,
.slick-slider .slick-list:focus-visible,
.slick-slider .slick-dots li button:focus-visible {outline:2px solid #008850; outline-offset:2px;}
.news-img-slide .slick-prev:hover,
.news-img-slide .slick-next:hover,
.frame-layout-4 .slick-prev:hover,
.frame-layout-4 .slick-next:hover,
.gallery .bigview .slick-prev:hover,
.gallery .bigview .slick-next:hover {background-color:rgba(0,136,80,1);}
.news-img-slide .slick-prev,
.frame-layout-4 .slick-prev,
.gallery .bigview .slick-prev {left:0;}
.news-img-slide .slick-next,
.frame-layout-4 .slick-next,
.gallery .bigview .slick-next {right:0;}
.news-img-slide .slick-next::before,
.news-img-slide .slick-prev::before,
.frame-layout-4 .slick-next::before,
.frame-layout-4 .slick-prev::before,
.gallery .bigview .slick-prev:before,
.gallery .bigview .slick-next:before {font-size:5rem; font-family:"Font Awesome 5 Pro"; font-weight:300; }
.news-img-slide .slick-prev:before,
.frame-layout-4 .slick-prev:before,
.gallery .bigview .slick-prev:before {left:0; content:"\f104";}
.news-img-slide .slick-next:before,
.frame-layout-4 .slick-next:before,
.gallery .bigview .slick-next:before {right:0; content:"\f105";}

/* news */
#maincol .news-list-view {display:flex; flex-wrap:wrap; gap:2%; margin-top:25px;}
#maincol .news-list-view .article {position: relative; width:32%; margin-bottom:30px; background-color: #fff;
    -webkit-box-shadow: 2px 4px 6px 0px rgb(0 0 0 / 20%);
    -moz-box-shadow: 2px 4px 6px 0px rgba(0,0,0,0.2);
    box-shadow: 2px 4px 6px 0px rgb(0 0 0 / 20%);}
#maincol .news-list-view .news-list-date {display:block; font-size:1.4rem;}
#maincol .news-list-view .news-text-wrap {padding:25px;}
#maincol .news-list-view .news-img-wrap a {display:block;}
#maincol .news-list-view .news-img-wrap img {display:block; width: 100%; max-height:283px; object-fit: cover;}

.news-liste-category {display:none; margin-bottom:5px; padding:6px 12px; background-color:#008850; color:#fff; font-size:1.4rem; border-radius:10px;}
.news-list-view h4 {margin:8px 0;}
.news-list-view h4 a {color:#333; font-size:2.4rem; font-weight: bold; line-height: 1.2;}
.news-list-view h4 a:hover {color:#008850; text-decoration:none !important;}
.news-list-view p {margin:0 0 8px; font-size:16px; font-size:1.6rem;}
#maincol .more {display:inline-block; background-color:#008850; color:#fff; padding:12px 25px; font-size:1.6rem; font-weight: 500;
  border-radius:25px; transition: background 0.2s ease;
  -webkit-box-shadow: -1px 0px 5px 0px rgba(0,0,0,0.75);
  -moz-box-shadow: -1px 0px 5px 0px rgba(0,0,0,0.75);
  box-shadow: -1px 0px 5px 0px rgba(0,0,0,0.75);}
#maincol .more:hover {text-decoration: none; background-color:#65b48d; color:#fff;}

.news-single {max-width:800px; margin:0 auto;}
.news-single .header h2 {margin:8px 0 10px;}
.news-single .footer {display:none;}
.news-single .teaser-text {font-weight: bold;}
.news-single .news-img-wrap {margin-bottom:15px;}
.news-single .mediaelement-image,
.news-single .mediaelement-image a {line-height:inherit; font-size:0;}
.news-single img {max-width:100%; height:auto;}

.news-backlink-wrap {margin-top:30px; padding-top:20px; border-top:solid 1px #d6d6d6;}
.news-backlink-wrap a::before {margin-right:5px; content:"\f104"; font-family:"Font Awesome 5 Pro";}

/* news/tt_address pagebrowser */
.news .page-navigation > p {display:none;}
#maincol .f3-widget-paginator {text-align:right; padding:0; margin:0; width:100%; list-style-type:none; position:relative;}
#maincol .f3-widget-paginator li {display:inline-block;}
#maincol .f3-widget-paginator li a {display:block; padding:4px 12px; border:1px solid#f4f4f4; transition:all 0.2s ease;}
#maincol .f3-widget-paginator li a:hover,
#maincol .f3-widget-paginator li.current {padding:4px 12px; background-color: #008850; color:#fff !important; border:1px solid #008850; text-decoration:none !important;}
#maincol .f3-widget-paginator li.last a::before {content:"\f105"; font-family:"Font Awesome 5 Pro";}
#maincol .f3-widget-paginator li.previous a::before {content:"\f104"; font-family:"Font Awesome 5 Pro";}
.f3-widget-paginator li.next {position:absolute; right:0;}
.f3-widget-paginator li.previous {position:absolute; left:0;}
.f3-widget-paginator li.next a::before {content: "\f105"; font-family:"Font Awesome 6 Pro"; font-size:1.6rem;}
.f3-widget-paginator li.previous a::before {content: "\f104"; font-family:"Font Awesome 6 Pro";  font-size:1.6rem;}

/* login */
.tx-felogin-pi1 fieldset {border:none; padding:0; margin:15px 0 0 0;}
.tx-felogin-pi1 legend {display:none;}
.tx-felogin-pi1 label {display:block; margin-bottom:4px; font-weight: bold; color:#333333;}
.tx-felogin-pi1 input[type="password"],
.tx-felogin-pi1 input[type="text"] {height:40px; width:50%; padding:0 15px;  color:#333333; border:solid 1px #cbcbcb; font-size:14px; font-size:1.4rem; color:#333333;
  -webkit-box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.1);
  -moz-box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.1);
  box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.1); font-family:Roboto, sans-serif;}
.tx-felogin-pi1 input[type="submit"] {margin-top:15px; background-color:#d75c09; color:#fff; padding:10px 14px; font-size:18px; font-size:1.8rem;
    transition: background 0.2s ease; border:none; cursor:pointer;}
.tx-felogin-pi1 input[type="submit"]:hover {background-color:#8d8d8d; color:#fff;}

/* footer */
#wrapper > footer {margin-top:100px; background:#008850; border-top:5px solid #65b48d; border-bottom:5px solid #65b48d;}
.footerinner {display:flex; flex-wrap:wrap; justify-content: space-between; padding:50px 15px 40px;}
.footerinner .col {width:30%; padding: 0 80px;}
.footerinner .col:last-child {width:30%; padding:0;}
.footerinner .col:first-child {width:40%; padding:0;}
.footerinner h2,
.footerinner h3 {margin-bottom:20px; font-size:2.4rem; color:#fff; font-weight: bold;}
.footerinner p {margin-top:0; color:#fff; font-size:1.6rem;}
.footerinner a {color:#fff;}
.footerinner p:last-child {margin-bottom:0;}
.footerinner ul {padding:0; margin:0; list-style-type:none;}
.footerinner li {margin-bottom:5px; width:100%;}
.footerinner li p {display:none;}
.footerinner li h3 {margin-bottom:8px; font-weight: normal;}
.footerinner ul a {font-size:1.8rem; color:#fff;}
.footerinner ul a::before {margin-right:6px; content:"\f105"; font-family:"Font Awesome 5 Pro"; font-style:normal; font-weight:300;}
.footerinner ul a:hover {text-decoration: none;}
footer .link-external-blank {width:100%; display:block; padding:5px 0; background-color:#b2cd96; color:#fff; border-radius:25px; border:solid 1px #fff;
  font-size:2.2rem; text-align: center; transition: background 0.2s ease;}
footer .link-external-blank:hover {text-decoration: none; background-color:#008850; border:solid 1px #fff;}
footer .link-external-blank::before {color:#fff; content:"\f090";}
footer .place-highlight {display:flex; align-items: center;}
footer .place-highlight::before {margin-right:10px; padding-left:1px; width:29px; min-width:28px; height:30px; border:solid 1px #fff; border-radius:100%; color:#fff; background-color:#b2cd96;
text-align: center; line-height:1.8;}



figure.video {display:block;}
.video-embed {position: relative; padding-bottom:56.25%; padding-top:30px; height:0; overflow:hidden;}
.video-embed iframe,
.video-embed object,
.video-embed embed {position:absolute; top:0; left:0; width:100%; height:100%;}

/* mobile optimize */

@media only screen and (max-width:1440px) {
.home .section-inner-grid,
.section-inner,
#headerimg .ce-bodytext,
.tx-ff-owl-slider .layout-2 .caption-wrapper,
.tx-ff-owl-slider .layout-3 .caption-wrapper {max-width:1170px; padding:0 15px;}
.footerinner {padding:35px 15px;}
.tx-ff-owl-slider .layout-2 .slider-caption {left:15px;}
.navbar #topnav ul#firstlvl > li > a {margin-right:60px;}

.tx-ff-owl-slider .layout-2 .slider-caption, .tx-ff-owl-slider .layout-3 .slider-caption {max-width:550px;}
.tx-ff-owl-slider .layout-1 h3, .tx-ff-owl-slider .layout-2 h3, .tx-ff-owl-slider .layout-3 h3 {font-size:4rem; line-height:1; margin:0 0 10px 0;}
.tx-ff-owl-slider .layout-1 p, .tx-ff-owl-slider .layout-2 p, .tx-ff-owl-slider .layout-3 p {font-size:20px; font-size:2rem;}

 footer .link-external-blank {font-size:1.8rem;}
}

@media only screen and (max-width:1280px) {
  .frame-layout-2 h4 {font-size:1.8rem;}
  #maincol .frame-layout-2 p {font-size:1.6rem; margin-bottom:10px;}

  .tx-ff-owl-slider img {height:500px;}
}

@media only screen and (max-width:1200px) {
.navbar #topnav ul#firstlvl > li > a {margin-right:40px;}

#headerimg img {min-height:220px;}
#headerimg h1,
#headerimg h2,
#headerimg h3 {font-size:3.5rem;}

#content .ce-textpic.ce-below img,
#content .ce-textpic.ce-above img {width:100%; height:auto;}

}

@media only screen and (max-width:1024px) {
 .servicebar {display:none;}
 .navbar #topnav {display:none;}
 #mobile-header {display:block;}
 #topbox {padding:15px;}
 #topbox a#homelink {position:static; margin:10px 0; width:280px;}
 #topbox a#homelink img {width:100%; height:auto;}

 #innerwrapper {margin-top:25px;}
 #wrapper > footer {margin-top:50px;}

 #leftcol {display:none;}
 .layout-30-70 #maincol {width:100%; padding-left:0;}
 .layout-33-33-33 #maincol {padding:0 30px 0 0;}
 .layout-70-30 > .col-9,
 .layout-33-33-33 > .col-6 {width:75%;}
 .layout-70-30 > .col-3,
 .layout-33-33-33 > .col-3 {width:25%;}

 /* gallery */
 .gallery .bigview div.image img {width:100%; height:auto;}

 /* owl slider */

 .tx-ff-owl-slider .layout-1 h3 {font-size:42px; font-size:4.2rem; line-height:42px;}
 .tx-ff-owl-slider .layout-1 p {font-size:26px; font-size:2.6rem; line-height:30px;}

 .tx-ff-owl-slider .owl-buttons {top:40%;}
 .tx-ff-owl-slider .owl-controls .owl-buttons div i {font-size:56px; font-size:5.6rem; line-height:60px;}

  .footerinner .col:first-child,
  .footerinner .col:last-child,
 .footerinner .col {width:48%; margin-bottom:35px;}
 .footerinner .col:last-child {margin-bottom:0;}
}

@media only screen and (max-width:991px) {
  h1, h2 {font-size:3.2rem; margin-bottom:15px;}
  h3 {font-size:2.2rem; line-height:1.2;}
  h4 {font-size:1.8rem; line-height:1.3;}
  .frame-layout-1 header h2,
  .frame-layout-1 header h3 {font-size:1.7rem;}
  .frame-layout-1 .accordion-toggle {padding:10px;}
  .frame-layout-1 .ce-uploads, .frame-layout-1 .ce-textpic, .frame-layout-1 .ce-image, .frame-layout-1 .text-frame  {padding:10px;}
  p, li, th, td, dt, dd {font-size:1.6rem;}
  #maincol .ce-bodytext h3, #maincol .text-frame h3 {margin-top:15px;}

  .link-internal-button,
  .frame-type-form_formframework .btn-primary {font-size:1.8rem; padding:10px 20px;}

   .tx-ff-owl-slider img {height: 350px;}

  /* images */
  #maincol .ce-intext .ce-gallery {max-width:320px; height:auto;}
  #maincol .ce-intext .ce-gallery figure {display:block;}
  #maincol .ce-intext .ce-gallery img {width:100%; height:auto;}

  #maincol .frame-layout-2 .ce-intext .ce-gallery {max-width: 150px;}

  .layout-100 {margin-top: 30px;}

  .pagemenu-img li {width:48%; gap:4%;}
  .pagemenu-img img {margin-bottom:10px;}
  .pagemenu-img h3 {font-size:2rem;}

  /* news */
  #maincol .news-list-view .article {width:49%;}
}

@media only screen and (max-width:800px) {
   #topbox {padding:10px 15px;}
   #topbox a#homelink {position:static; margin:5px 0; width:200px;}

   #breadcrumb {padding:10px 15px; font-size:1.4rem;}
   #breadcrumb a {margin:0 3px;}
   #breadcrumb .breadcrumb-separator {margin:0 2px;}

   .col-4 {width:49%; margin-bottom:20px;}

   .col-3 .frame-layout-2,
   .col-3 .frame-layout-3 {padding:20px;}

  .layout-70-30 > .col-9,
  .layout-33-33-33 > .col-6 {width:100%;}
  .layout-70-30 > .col-3,
  .layout-33-33-33 > .col-3 {width:100%;}
  .layout-70-30 #maincol,
  .layout-33-33-33 #maincol {margin-bottom:30px; padding-right:0;}
  .layout-70-30 #rightcol,
  .layout-33-33-33 #rightcol {padding-left:0;}

  /* flexgrid */
  .flex-grid .col-4 {width:100%;}
  .flex-grid .col-4 .ce-textpic {display:flex; flex-wrap:wrap; justify-content:space-between;}
  .flex-grid .col-4 .ce-textpic .ce-gallery {width:30%; margin-top:5px;}
  .flex-grid .col-4 .ce-textpic .ce-bodytext {width:68%;}

  /* images */
  #maincol .ce-intext .ce-gallery {max-width:220px;}

  /* owl slider */
  .tx-ff-owl-slider img {height: 275px;}

  .footerinner .col:first-child,
  .footerinner .col:last-child,
 .footerinner .col {width:100%; padding:0;}
}

@media only screen and (max-width:640px) {
  #maincol .frame-type-header {margin-bottom:15px;}

  #headerimg h1,
  #headerimg h2,
  #headerimg h3 {font-size:2.8rem;}
  #headerimg p {font-size:1.8rem;}

  /* grids */
  /* full width bg */
  .fullwidth-grid {padding:30px 0;}

  /* flex grids */
  .flex-grid .col-6 {width:100%; margin-bottom:20px;}
  .flex-grid .col-6:last-child {margin-bottom:0;}
  .flex-grid .col-4 .ce-textpic .ce-gallery {width:100%; margin-top:0;}
  .flex-grid .col-4 .ce-textpic .ce-bodytext {width:100%;}

  /* tabs */
  .tabcontainer .tabnav {display:block; width:100%;}
  .tabcontainer .tabnav li {width:100%; margin-right:0;}

  /* TYPO3 Form Framework */
  .frame-type-form_formframework .form-element-gridrow > [class*="col-"] {width:100%;}

  /* gallery */
  .gallery div.slider {max-width:400px;}

  /* owl slider */
  .tx-ff-owl-slider img {height: auto;}



  /* login */
  .tx-felogin-pi1 input[type="password"],
  .tx-felogin-pi1 input[type="text"]  {width:100%;}

  /* news */
  #maincol .news-list-view .article {width:100%; gap:0; min-height:auto;}
  #maincol .more {position: static;}
}

@media only screen and (max-width:480px) {

   .col-4 {width:100%; margin-bottom:30px;}
   .col-4:last-child {margin-bottom:0;}

   /* images */
   #maincol .ce-intext .ce-gallery {float:none; width:100%; max-width:none; margin:10px 0 !important;}
   #maincol .ce-intext .ce-gallery img {width:100%; height:auto;}
   #maincol .ce-below .ce-gallery,
   #maincol .ce-above .ce-gallery {width:100%;}
   /* #maincol .ce-below .ce-gallery img,
   #maincol .ce-above .ce-gallery img {width:100%; height:auto;} */
   #maincol .ce-textpic .ce-outer
   #maincol .ce-textpic .ce-inner {position:static; float:none;}

   #maincol .frame-layout-2 .ce-intext .ce-gallery {max-width: 150px;}

   /* gallery */
   .gallery div.slider {max-width:300px;}
   .gallery div.slider .slick-slide {width:80px; margin-right:10px;}
   .gallery div.slider .slick-slide img {width:100%; height:auto;}
   .gallery div.slider .slick-prev,
   .gallery div.slider .slick-next {top:45%;}
   .gallery div.slider .slick-prev:before,
   .gallery div.slider .slick-next:before {font-size:18px; font-size:1.8rem;}

   .news-img-slide .slick-next::before, .news-img-slide .slick-prev::before, .frame-layout-4 .slick-next::before, .frame-layout-4 .slick-prev::before, .gallery .bigview .slick-prev:before, .gallery .bigview .slick-next:before {font-size:3rem;}

   /* news */
   .news-single .news-img-wrap {}
   .news-single .news-img-wrap img {}

   .pagemenu-img li {width:100%;}

}

@media only screen and (max-width:375px) {
  /* gallery */
  .gallery div.slider {max-width:260px;}

  /* news */
  .news-single .news-img-wrap img {width:100%; height:auto;}
}