/* Webfonts in use
  CircularXX = 400, 700
  Poppins = 400,500,600,700
*/
/* 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;
*/

/* colors */
:root {
  /* colors */
  --white: #ffffff;
  --black: #000000;
  --lightgrey: #fafafa;
  --primary-bub: rgba(0, 159, 227, 1);
  --secondary-bub: rgba(140, 212, 242, 1);
}

/* General */
* {box-sizing:border-box;}
*:focus {outline: none;}
html {height:100.2%; font-size: 62.5%;}
body {margin:0; padding:0; font-size:18px; font-size:1.8rem; line-height:1.5; font-family:CircularXX, sans-serif; font-weight:500; background-color:#fff;}
img {border:none;}
p, li, th, td, dt, dd {color:var(--black); }
h1, h2, h3, h4, h5 {margin:0 0 10px 0; line-height:1; font-family:CircularXX, sans-serif; font-weight:normal; color:var(--black);}
h1 {font-size:36px; font-size:3.6rem; margin-bottom:20px;}
h2 {font-size:26px; font-size:2.6rem; font-weight:700;}
h3 {font-size:22px; font-size:2.2rem;}
h4 {font-size:18px; font-size:1.8rem;}
a {color:var(--primary-bub); text-decoration:none;}
a:hover::before,
a:hover {}
th, td {vertical-align:top;}
figure {margin:0;}
figcaption {font-size:1.6rem; color:#8d8d8d; font-style:italic;}
hr {margin:30px 0; height:0; border-style:none none solid none; border-width:1px; border-color:#d6d6d6;}
input[type="text"],input[type="email"], textarea, select {moz-appearance: none; -webkit-appearance: none; appearance: none; outline: none;}
select {-webkit-appearance: none; -moz-appearance: none; appearance: none; border:none; border-radius: 0;
   background:url(../img/angle-down-regular.svg) no-repeat right 14px center #fff;}
strong {font-weight:normal; font-family:CircularXX, sans-serif; font-weight: 700;}

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

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

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

.link-internal-button {display:inline-block; background-color:var(--primary-bub); color:#fff; padding:10px 14px; font-size:18px; font-size:1.8rem; transition: background 0.2s ease;}
.link-internal-button:hover {background-color:#8d8d8d; color:#fff;}

.blue-highlight {color:var(--primary-bub);}
.red-highlight {color:#ff0000; font-weight: 700;}

/* header */
#wrapper { display: flex; flex-direction: column; min-height: 100vh;}
#wrapper > header {flex: 0 0 auto; position:relative; width:100%; padding:32px 40px; background-color:var(--white); box-shadow:0 0.1875rem 0.375rem 0 rgba(0,0,0,0.1);}
#wrapper > main {flex: 1 1 auto;}
#wrapper > footer {flex: 0 0 auto;}
#topbox {position:relative; width:100%; display:flex; justify-content: space-between; flex-wrap:wrap; align-items: center;} 

/* search */
#searchbox {position: relative;}
#searchbox fieldset {border:none; padding:0; margin:0;}
#searchbox input[type="text"] {padding:0 10px; width:300px; border:none; height:40px; background-color:var(--lightgrey); border:solid 1px #ccc; font-family:CircularXX, sans-serif;
  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:#ccc;}
#searchbox .sbutton {position:absolute; right:10px; top:10px;}

/* logo */
#topbox a#homelink {}
#topbox a#homelink img {display:block; max-width:100%; height:auto;}

/* mobile meta */
#mobile-header {display:none; align-self:flex-end; margin:auto 0 auto auto;}
#mobile-header a {font-size:30px; font-size:3rem;}

/* mmenu */
.mm-menu {margin-top:0 !important;}
.mm-menu .secondlvl {display:block !important;}
.mm-menu .mm-listitem__text i {display:none;}

/* main */
#wrapper > main {display:flex; width:100%;}
#content {padding:32px 40px 80px; max-width:1200px; width:100%;}

/* navbar */
#navbar {min-width:450px; background-color:var(--lightgrey); padding:32px 40px;}
#navbar ul {list-style-type: none;}
#navbar ul li a {position:relative; display:flex; justify-content:space-between; color:var(--black); font-size:1.6rem;}

#navbar ul li a i {position:absolute; right:10px; top:12px; color:var(--primary-bub);}

#navbar > ul {padding:0; margin:0;}
#navbar > ul > li > a {display:flex; padding:10px 40px 10px 10px; border-top:solid 1px #ccc;}
#navbar > ul > li.act > a {font-weight:700;}

#navbar .secondlvl {display:none;}
#navbar > ul > .act .secondlvl {display:block;}
#navbar ul li ul {padding-left:25px; padding-bottom:20px;}
#navbar ul li ul li a {padding:4px 25px 4px 0;}
#navbar > ul > .act > .secondlvl > li.act > a {font-weight:700;}

/* breadcrumb */
#breadcrumb {padding:15px 0; font-size:14px; font-size:1.4rem; line-height:12px; color: #8d8d8d;}
#breadcrumb a {margin:0 8px;}
#breadcrumb a.home {margin-left:0;}

/* main */
#maincol .frame-type-text {margin:18px 0;}
#maincol .ce-bodytext h3,
#maincol .text-frame h3 {margin-top:25px; }
#maincol p {margin:0 0 10px;}
#maincol ol {margin:10px 0 10px 0; padding:0 0 0 35px; list-style-position:outside;}
#maincol ul {margin:10px 0 10px 0; padding:0 0 0 24px; list-style-type:none;}
#maincol ol li,
#maincol ul li {margin-bottom:5px; position:relative;}
#maincol .frame-default .text-frame  ul li::before,
#maincol .frame-default .ce-bodytext ul li::before {position:absolute; top:8px; display:inline-block; content:""; margin:0 8px 0 -22px; width:10px; height:10px; background-color:var(--primary-bub); border-radius:100%;}
#maincol .frame-type-header {margin-bottom:25px;}

/* content images */
#maincol img {display:block; max-width:100%; height:Auto;}
#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 menu */
#maincol .frame-type-menu_subpages ul {display:flex; flex-wrap:wrap; align-items: center; gap:2%; padding:0; margin:30px 0;}
#maincol .frame-type-menu_subpages ul li {text-align: center;  width:32%; margin:8px 0;}
#maincol .frame-type-menu_subpages ul li a {display:block; padding:15px; border:solid 1px #ccc; font-size:2rem;}

/* 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-family:OpenSans, sans-serif; font-weight: 700;}
#maincol .table-style2 tr {border:none;}
#maincol .table-style2 td {border:solid 1px #d7d7d7;}

/* page layouts */
.layout-100 {margin-top:15px;}
.layout-100 .section-inner-grid {padding:0;}

/* ce layouts */
/* accordion */
.frame-layout-1 {margin-top:5px !important; margin-bottom:5px !important; width:100%; overflow:hidden; border-bottom:solid 1px #cecece;}
.frame-layout-1 header.act h2,
.frame-layout-1 header.act h3 {color:#333333;}
.frame-layout-1 header h2,
.frame-layout-1 header h3 {display:flex; flex-wrap:wrap; justify-content:space-between; margin-bottom:0 !important; padding:20px 25px; color:var(--black); font-size:18px; font-size:1.8rem; line-height:22px; cursor:pointer;}
.frame-layout-1 h3 {margin-top:15px;}
.frame-layout-1 header h2::after,
.frame-layout-1 header h3::after {display:inline-block; content:"\f078"; font-family:"Font Awesome 5 Pro";}
.frame-layout-1 header.act h2,
.frame-layout-1 header.act h3 {color:var(--primary-bub);}
.frame-layout-1 header.act h2::after,
.frame-layout-1 header.act h3::after {content:"\f077";}
.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 25px; border-top: solid 1px #cecece;}
.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; font-size:1.6rem;}
.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;}

/* important notice */
.frame-layout-2 {background-color:var(--secondary-bub) !important; padding:32px;}
.frame-layout-2 .text-frame p:last-child,
.frame-layout-2 .text-frame ul:last-child,
.frame-layout-2 .text-frame ol:last-child {margin-bottom:0 !important;}
/* gridelements */
/* 2 cols */
.flex-grid {display:flex; flex-wrap:wrap; gap:2%;}
.flex-grid .col-6 {width:49%;}

/* bg grid */
.color-1-bg {background-color:#f4f4f4; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;}
/* tabs */
/* tabs */
.tabcontainer {margin-bottom:25px;}
.tabcontainer hr {border-color:#fff; border-style: dotted; border-width: 2px}
#tabnav {display:flex; flex-wrap:wrap; padding:0 !important; margin:0 !important;}
#tabnav li {display:block; margin:0 5px 0 0 !important; padding:8px 18px; font-size:1.8rem; font-weight: 700; color: var(--primary-bub);  cursor: pointer; text-decoration: none;}
#tabnav .inactive {background-color:transparent;}
#tabnav li.act {background-color:#f4f4f4;}

.tab-content {padding:25px 20px 15px; background-color:#f4f4f4;}
.tab-content .tabelement {display:none;}
.tab-content .tabelement.open {display:block;}

/* 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 {max-width:100%; height:auto;}

/* section menu */
.frame-type-menu_section {max-width:800px; background-color:#f2f2f2; padding:35px;}
.frame-type-menu_section ul {margin:0 !important; padding:0 !important;}
.frame-type-menu_section ul li {display:block; margin:8px;}
.frame-type-menu_section ul li a::before {margin-right:8px; content:"\f063"; display:inline-block; font-family:"Font Awesome 5 Pro";}


/* footer */
#wrapper > footer {border-top:solid 1px #ccc; padding:18px 40px; display:flex; align-items: center;}
#wrapper > footer p {margin:0;}
#metanav {margin:0 48px;}
#metanav ul {padding:0; margin:0; list-style-type: none;}
#metanav ul li {display:inline-block;}
#metanav ul li a {color:var(--black);}
#metanav ul li::after {content:"/"; padding:0 10px;}
#metanav ul li:last-child::after {display:none;}
#metanav ul li a:hover {text-decoration: underline;}

/* to top button */
#scrollToTopBtn {position: fixed; bottom: 50px; right: 15px; height:45px; width:45px; padding-top:6px; font-size: 1.6rem; border: none; 
  border-radius: 100%; opacity: .85; background-color: var(--primary-bub); color: #fff; cursor: pointer; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3); 
  display: none; z-index: 1000; transition: opacity 0.3s ease;}
#scrollToTopBtn.show {display: flex; align-items: center; justify-content: center;}

#scrollToTopBtn svg {width:25px; height:25px;display:block}

/* slick slider */
/* Arrows */
.slick-prev,
.slick-next {font-size:0; line-height:0; position:absolute; top:50%; display:block; width:20px; height:20px; padding:0;
     color: transparent; border: none; outline: none; background: transparent;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {color:transparent; outline:none; background:transparent;}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {opacity: 1;}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before{opacity: .25;}

.slick-prev:before,
.slick-next:before {font-family:"Font Awesome 5 Pro"; font-style:normal; font-weight:900; font-size: 20px; line-height: 1; opacity: .75; color: white;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-prev {left: -25px;}
[dir='rtl'] .slick-prev {right: -25px; left: auto;}
.slick-prev:before {content:'\f137';}
[dir='rtl'] .slick-prev:before{content:'\f138';}
.slick-next {right:-25px;}
[dir='rtl'] .slick-next {right:auto; left: -25px;}
.slick-next:before {content:'\f138';}
[dir='rtl'] .slick-next:before {content: '\f137';}

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) {
#navbar {min-width:350px;}
}


@media only screen and (max-width:1280px) {
 #maincol .frame-type-menu_subpages ul li a {font-size:1.6rem;}
}

@media only screen and (max-width:1024px) {
  body {font-size:1.6rem;}
  h1 {font-size:3.2rem; line-height:1.3;}
  #navbar {display:none;}
  #mobile-header {display:block;}
  #searchbox {display:none;}
  #wrapper > header {padding:32px 30px;}
  #content {padding:32px 30px 50px}
  #wrapper > footer {padding:18px 30px;}
}

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

}

@media only screen and (max-width:900px) {
#maincol .frame-type-menu_subpages ul li {width:49%;}
.frame-type-menu_section {padding:20px;}
}

@media only screen and (max-width:768px) {
  #wrapper > header {padding:20px 30px;}
  #topbox a#homelink {max-width:150px;}
}

@media only screen and (max-width:640px) {
.flex-grid .col-6 {width:100%; margin:10px 0;}
#maincol .frame-type-menu_subpages ul li {width:100%;}

/* tabnav */
#tabnav li {width:50%; margin:0 !important; text-align: center; font-size:1.6rem;}
}

@media only screen and (max-width:480px) {
/* tabnav */
#tabnav li  {width:100%;}
}

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

}