/* Webfonts in use
   prometo
*/

/* import variables for fonts, colors, spacings etc. */
@import url("variables.css");

/* General */
* {box-sizing:border-box;}
*:focus {outline: none;}
html {height:100.2%; font-size: 62.5%;}
body {margin:0; padding:0; font-size:1.4rem; line-height:1.5; font-family: "Verdana", sans-serif; background-color:#fff;}
img {border:none;}
p, li, th, td, dt, dd {color: var(--txt_black, black);}
p {margin-top:0; line-height:1.5;}
p:last-child {margin-bottom:0;}
h1, h2, h3, h4, h5 {margin:0 0 10px 0; line-height:1.3; font-family: prometo, sans-serif; font-weight:400; color: var(--txt_black, black);}
h1 {font-size:4.2rem; color: var(--fsg_blue_judge, royalblue) ;margin-bottom:20px;}
h2 {font-size:3.6rem; color: var(--fsg_green_cv, green);}
h3 {font-size:2rem; color: var(--txt_black, black);}
.sql_query_h3_name {margin-top:35px;}
h4 {font-size:18px; font-size:1.8rem;}
.pagetitle-as-header {border-bottom:solid 1px #cbcbcb; padding-bottom:20px; margin-bottom:40px;}
.pagetitle-as-header h1 {margin-bottom:0; text-align: right;}
a {color: var(--txt_black, black); text-decoration:none;}
a:hover::before,
a:hover {color:var(--fsg_red,red);}
#maincol a {text-decoration:underline;}
th, td {vertical-align:top;}
#maincol table td img {display:inline;}
figure {margin:0;}
.news-img-caption,
figcaption {font-size:14px; color:#8d8d8d;}
figure.image {position: relative;}
.news-img-caption,
figcaption {text-align:center; margin: 0 !important; margin-top:0; padding: 4px 8px; background-color: var(--silver); color: #000;}
.image-copyright {display: inherit; position: absolute; top: 5px; left: 5px; writing-mode: vertical-rl; font-size: 0.7em; color: white; 
  text-shadow: 0 0 5px black; z-index: 9;}
.image-copyright div {writing-mode: horizontal-tb; border-radius: .5em; background: rgba(0,0,0,0.76); max-width: 200px; 
  padding: 5px; opacity: 0; -webkit-transition: opacity 2s; transition: opacity 1.5s; visibility: hidden; margin: 10px; text-align: left; line-height: 1.5;}
.image-copyright:hover div {opacity: 1; visibility: visible;}
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 {moz-appearance: none; -webkit-appearance: none; appearance: none; outline: none;}
strong {font-weight: 700;}
video {max-width:100%; height:auto;}
#wrapper {display:flex; flex-direction: column; min-height:100vh;}
.home .section-inner-grid,
.section-inner {margin:0 auto; max-width:1220px; padding:0 15px;}
.fullwidth-grid,
.home .section-inner-grid,
.section-inner-grid {margin-bottom:30px;}
.layout-100.layout-intended {max-width:850px;}
.flex-grid {display:flex; flex-wrap:wrap; justify-content:space-between;}
.flex-grid.section-inner-grid:last-child {margin-bottom:0;}
.fullwidth-grid {padding:80px 0;}
.fullwidth-grid .flex-grid.section-inner-grid {padding:0;}

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

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

.blue-hl{color: var(--fsg_blue_judge,royalblue);}
.red-hl {color: var(--fsg_red,red);}
.green-hl {color: var(--fsg_green_cv,yellowgreen);}
.yellow-hl {color: var(--fsg_yellow_gold,gold);}
.black-hl {color: var(--txt_black,black);}

p.first-letter::first-letter {font-size: 320%; font-family: prometo, sans-serif; line-height: 1; 
  color: var(--fsg_red,red); float: left; padding-right: .125em;}

.duotone {position: relative; padding-left: 18px;
	--fa-primary-color: var(--txt_black,black);
	--fa-secondary-color: var(--fsg_red,red);
	--fa-primary-opacity: 1;
	--fa-secondary-opacity: 1;
}
.duotone:hover {
	--fa-primary-color: var(--fsg_red,red);
	--fa-secondary-color: var(--fsg_yellow_gold,gold);
}
.duotone::before,
.duotone::after {font-family: "Font Awesome 6"; font-weight: 900; width: 1.2rem; 
  text-align: center; text-rendering: auto; -webkit-font-smoothing: antialiased; position: absolute; left: 0; top: -1px;}
.duotone::before {
	color: var(--fa-primary-color, inherit); opacity: 1; opacity: var(--fa-primary-opacity, 1.0);}
.duotone::after {
	color: var(--fa-secondary-color, inherit);
	opacity: var(--fa-secondary-opacity, 0.4);}

.fsg-icon::before {font-family: "Font Awesome 6 Pro"; font-weight: 400; margin-right:6px;}

.login::before {content: "\f2f6";}
.logout::before {content: "\f08b";}
.home-icon::before {content: "\f015"; font-weight: 900;}
.phone-hl::before {content: "\f879"; font-weight: 900;}
.fax-hl::before {content: "\f1ac"; font-weight: 900;}

.user::before {content: "\f007";}
.user::after {content: "\10f007";}
.user-lock::before {content: "\f502";}
.user-lock::after {content: "\10f502";}
.user-gear::before {content: "\f013";}
.user-gear::after {content: "\f013";}
.search::before {content: "\f002";}

.place-hl::before {content: "\10f59f";}
.place-hl::after {content: "\f59f";}

.link-internal-blank::before,
.link-internal::before {content: "\f0c1"; font-family: "Font Awesome 6 Pro"; margin-right:6px;}

.link-external::before,
.link-external-blank::before {content: "\f08e"; font-family: "Font Awesome 6 Pro"; margin-right:6px;}


.link-download::before {content: "\f019";}

.link-mail:hover::before {content: "\f658";}
.link-mail:hover::after { content: "\10f658"; color: black;}
.link-mail::before {content: "\10f0e0"; color: var(--txt_black,black);	top: -1px;}
.link-mail::after {content: "\f0e0"; color: var(--fsg_red,red); top: -1px;}

.link-pdf::before {content: "\f1c1"; color: #000;}
.link-pdf::after {content: "\10f1c1";}

.link-word::before {content: "\f1c2\f1c2";  color: var(--fsg_blue_judge,royalblue);}
.link-word::after {content: "\f1c2"; color: #fff; }
.link-word.hover::before {color:#fff;}

.link-xls::before {content: "\f1c3"; color: white;}
.link-xls::after {content: "\10f1c3"; color: var(--green,forestgreen);}
.link-xls:hover::after {color: var(--fsg_red,red);}

.link-button {background-color:var(--fsg_cyan_dvc); color:#fff; border-radius:20px; padding:10px 28px; font-size:1.6rem; text-decoration:none !important;}
.link-button:hover {background-color:var(--silver); color:#fff;}
 
a.external {position: relative;padding-left: 30px !important;}
a.external::before {font-family: "Font Awesome 6 Pro"; font-weight: 900; content: "\f08e"; width: 1.25em; 
  text-align: center; text-rendering: auto; -webkit-font-smoothing: antialiased; 
  font-size: 100%; position: absolute; left: 9px; top: 3px;}
a.external:hover::before {color:#fff;}

/* to button */
#topButton {display: none; position: fixed; bottom: 20px; right: 30px; z-index: 99; border: none; outline: none; background-color: transparent; cursor: pointer; padding: 0;}
#topButton path {fill: var(--txt_black,black);}
#topButton svg:hover path {fill: var(--fsg_red,red);}
#topButton svg {width: 2.5em;}

/* header */
#site-header {position: sticky; top: 0; left: 0; z-index: 999; width: 100%; background-color:#fff; /* border-bottom: 1px solid #ddd; */ transition: transform 0.3s ease-in-out;}
#topbox {position:relative; padding-top:5px; padding-bottom:5px;}
#topbox > .section-inner {overflow:hidden;}

/* servicebar */
.servicebar {display: flex; flex-wrap: wrap; justify-content: flex-end; padding: 10px 0 0;}
#auth .servicebar {padding: 0; border-left: 1px solid lightgray; padding-left: 10px;}
#servicenav ul {margin: 0; padding: 4px 0 0 0; list-style-type: none;}
#auth #servicenav ul {padding: 0;}
#servicenav ul li {display: inline;}
#servicenav ul li a {margin-right: 18px; line-height: 1.5; font-family: prometo, sans-serif; font-size:1.6rem;}
#auth #servicenav ul li a {margin-right: 5px;}
#servicenav ul li a.duotone {padding-left:22px;}
#servicenav ul li a i {margin-right: 5px;}
div#servicenav {margin-top: 2px;}

/* navbar */
.navbar {display:flex; flex-wrap:wrap;}

/* logo */
#topbox a#homelink {position:absolute; top:15px; display:block; z-index:1000; font-size:0;}
#topbox a#homelink img {}

/* topnav */
.navbar #topnav {align-self: flex-end; margin-left: auto; margin-top: 20px; font-family: prometo, sans-serif;}
#auth .navbar #topnav {margin-top: 0px;}
.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; margin-right: 10px; padding: 0 5px 5px;
	transition: background 0.5s ease; color: var(--txt_black,black); font-size: 1.6rem; line-height: 1.5; text-decoration: none;}
.navbar #topnav ul#firstlvl > li:hover > a,
.navbar #topnav ul#firstlvl > li > a:hover,
.navbar #topnav ul#firstlvl > li.act > a {color: var(--fsg_red,red);}
#auth .navbar #topnav ul#firstlvl>li>a {padding-bottom: 0;}
.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: 40px; padding: 8px 2px; border-radius: 5px; background-color: white;
	border: solid 1px Gainsboro; position: absolute; right: 0px; columns: 1; min-width: 120px;
	box-shadow: 4px 4px 4px 0px rgb(0 0 0 / 20%);}
#auth .navbar #topnav .secondlvl {top: 37px;}
.navbar #topnav a[href^="/partners"] ~ ul.secondlvl {columns: 2;}
.navbar #topnav .secondlvl::before {content: ""; z-index: 999; position: absolute;
	top: -15px; right: 30px; border-style: solid; border-width: 0 9px 14px 9px;
	border-color: transparent transparent var(--fsg_red,red) transparent;}
.navbar #topnav .secondlvl::after {width: 100%; height: 18px; content: ""; z-index: 998; position: absolute; top: -15px; left: 0; background-color: rgb(255 255 255 / 50%); filter: blur(4px);}
.navbar #topnav>ul>li:hover ul.secondlvl {display: block; visibility: visible; opacity: 1; transition-delay: 0s, 0s;}
.navbar #topnav .secondlvl li a {display: flex; justify-content: space-between; align-items: center; padding: 2px 10px; color: var(--txt_black,black); white-space: nowrap;}
.navbar #topnav .secondlvl > li.act > a {color: var(--txt_black,black); color: var(--fsg_red,red);}
.navbar #topnav .secondlvl > li:hover > a {color: white; background-color: var(--fsg_red,red);}
.navbar #topnav .secondlvl li i {font-size: 1em;}
.navbar #topnav .thirdlvl{display: none;}

.submenu::before {content: "\f0c9"; padding-left: 10px; font-style: normal; color: Gainsboro;}


/* mobile meta */
#mobile-header {display:none; align-items: center; align-self:flex-end; margin:auto 0 auto auto;}
#mobile-header a {display:block; line-height:1; font-size:2rem; margin-left:20px;}

/* mmenu */
.mm-ocd__content #topnav {font-family: prometo, sans-serif; font-size: 1.2em;}
.mm-spn li::before{color: var(--fsg_red,red); opacity: 1!important;}
.mm-spn.mm-spn--navbar::after {opacity: 0.7;}
.mm-ocd--open li:hover > a {color: white; background-color: var(--fsg_red,red);}
.mm-ocd--open li.act > a {color: var(--fsg_red,red);}
.mm-ocd--open li.act:hover > a {color: white;}
.mm-ocd__content #topnav .submenu {display:none;}
.mm-ocd__content #topnav a.external::before,
.mm-ocd__content #topnav a.external::after {left: 18px;top: 12px;}
.mm-ocd__content #topnav a.external {padding-left: 44px !important;}

/* side nav */
nav#sidenav { width: 223px;}
#sidenav {margin: 10px 0 20px 0;}
#sidenav .divider {margin-top: 20px; padding-left: 12px; font-size: 0.8em; color: gray;}
#sidenav ul { margin: 0;padding: 0; list-style-type: none;}
#sidenav ul>li>a {color: var(--txt_black,black); border-left: 2px solid whitesmoke; display: flex; 
  justify-content: space-between; padding: 2px 10px; align-items: center;}
#sidenav ul>li>a:hover,
#sidenav ul>li.act>a:hover,
#sidenav ul>li.cur>a:hover {color: white; border-left: 2.5px solid var(--fsg_red,red); background-color: var(--fsg_red,red);}
#sidenav ul>li.cur>a {color: var(--txt_black,black); border-left: 2px solid var(---fsg_red,red); color: var(--txt_black,black); background-color: var(--fsg_yellow_gold,yellow);}
#sidenav ul>li.act>a {color: var(--fsg_red,red); border-left: 2px solid var(--fsg_red,red);}
#sidenav ul ul {padding-left: 15px; margin: 6px 0;}
#sidenav ul ul li a {font-size:1.1rem;}

/* headerimage */
#headerimg {overflow:hidden;}
/* #headerimg figure {height:200px;} */
#headerimg img {margin:auto; width:100%; height:100%; /* object-position:center; object-fit:cover; */}
#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;}

/* breadcrumb */
#breadcrumb {padding: 15px 15px; font-size:1.3rem; line-height: 1.5; color: var(--txt_black,black);}
#breadcrumb a {margin:0; text-decoration: none;}
#breadcrumb a.home {margin-left: 0;}
#breadcrumb .slash {color: var(--fsg_red,red); font-weight: bold;}


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

/* main */
main {flex:1;}
.col-9 {width:80%;}
.col-6 {width:48%;}
.col-3 {width:20%;}
.col-4 {width:30%; }

#maincol.col-9 .frame-default {margin-bottom:15px;overflow:hidden;}
#maincol .pagetitle-as-header,
#maincol .frame-type-header {margin-bottom:25px;}
#maincol .ce-bodytext h3,
#maincol .text-frame h3 {margin-top:25px; }
#maincol p {margin:0 0 10px;}
#maincol p:last-child {margin-bottom:0;}
table a,
.ce-bodytext a {text-decoration-color: var(--fsg_red, red);
text-decoration-line: underline;}
#maincol img {display:block; max-width:100%; height:auto;}

#maincol li {counter-increment: li; padding-left: 0.6em; margin-bottom: 0.8em; display: inherit;}
#maincol div > ul,
#maincol div > ol {margin-bottom: 15px;}
#maincol ol {list-style: none; padding: 0 1em; margin-top: 2px; text-align: justify; counter-reset: li; line-height: 1.5;}
#maincol ol li::before {content: counter(li); color: var(--fsg_red,red); display: inline-block; width: 1em; margin-left: -1.5em; margin-right: 0.5em; text-align: right; direction: rtl; font-weight: bold; font-size: smaller;}
#maincol ol li ol li::before {color: var(--txt_black,black);}
#maincol ol li ol li ol li::before {color: var(--txt_black,black);}
#maincol ol.lower-alpha {list-style-type: lower-alpha;}
#maincol ol.lower-alpha ol{list-style-type: lower-roman;}
#maincol ol.lower-alpha ol ol,
#maincol ol.lower-alpha ol ol ~ ol{list-style-type: decimal;}
#maincol ol.lower-alpha li::before {content: none;}
#maincol li {counter-increment: li; padding-left: 0.6em; margin-bottom: 0.8em; display: inherit;}
#maincol ul { list-style: none; padding-left: 15px; margin-top: 2px; line-height: 1.5;}
#maincol ul li::before {content: "\f101"; font-family: "Font Awesome 6 Pro"; color: var(--fsg_red,red); display: inline-block; 
  width: 1em; margin-left: -1.4em; margin-right: 0.4em; color: var(--fsg_red,red);}
#maincol ul li ul li::before {color: var(--fsg_yellow_gold,gold);}
#maincol ul li ul li ul li::before {color: var(--txt_black,black);}

#maincol .csc-menu {list-style-type: none;}
#maincol .csc-menu li::before {display:none;}

#maincol .ce-uploads {padding:0;}
#maincol .ce-uploads li {padding:0; margin-bottom:20px; display:flex; flex-wrap:wrap; gap:2%;}
#maincol .ce-uploads li > img {display:none;}
#maincol .ce-uploads li::before {display:none;}
#maincol .ce-uploads a {text-decoration: none;}
#maincol .ce-uploads-fileName {font-size:1.4rem; font-weight:bold;}
#maincol .ce-uploads-thumb a,
#maincol .ce-uploads-thumb img {display:block; margin:0; text-decoration: none;}
#maincol .ce-uploads-thumb img {float:none; padding:0; max-width: 100%; height:auto;}
#maincol .ce-uploads-links {display:flex; width:30%;}
#maincol .ce-uploads span {display:inline;}
#maincol .ce-uploads-thumb {position:relative; width:20%; aspect-ratio:16/9; background-color:#d3d3d3;}
#maincol .ce-uploads-thumb a {position: relative;}
#maincol .ce-uploads-thumb::before {content:"No image generated"; position:absolute; display:flex; align-items:center;
top:0; bottom:0; left:auto; right:auto; width:100%; justify-content: center;}
#maincol .ce-uploads-content {width:78%; padding:0;}
#maincol .ce-uploads-description {margin-top:8px;}
#maincol .ce-uploads li .ce-uploads-content a::before {content:"\f15b"; font-family: "Font Awesome 6 Pro"; font-weight:900; font-size:1.4rem; line-height:1.6;}
#maincol .ce-uploads li .ce-uploads-content a[href*=".pdf"]::before {content:"\f1c1";}
#maincol .ce-uploads li .ce-uploads-content a[href*=".jpg"]::before {content:"\e646";}
#maincol .ce-uploads li .ce-uploads-content a[href*=".svg"]::before {content:"\e64b";}

@media only screen and (max-width:1200px) {
  #maincol .ce-uploads-content {width:68%;}
  #maincol .ce-uploads-thumb {width:30%;}
}  

@media only screen and (max-width:768px) {
  #maincol .ce-uploads-content {width:58%;}
  #maincol .ce-uploads-thumb {width:40%;}
}

@media only screen and (max-width:640px) {
  .ce-uploads-2 {display:flex; flex-wrap:wrap; gap:4%;}
  .ce-uploads-2 li {width:48%;}
  #maincol .ce-uploads li {flex-direction: column; gap:0;}
  #maincol .ce-uploads-content {width:100%;}
  #maincol .ce-uploads-thumb {margin-bottom:10px; width:100%;}
}
@media only screen and (max-width:500px) {
  .ce-uploads-2 {gap:0;}
  .ce-uploads-2 li {width:100%;}
}


/* 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(167, 46, 46, 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;}

/* gallery */
.frame-layout-5 .ce-gallery {display:flex; flex-wrap:wrap; gap:2%;}
.frame-layout-5 .ce-gallery .ce-row {flex: 1 1 200px;}
.frame-layout-5 .ce-gallery .ce-row img {max-width:100%; height:auto;}

/* table */
.table-scroll {display:block; overflow-x:auto;}

.overview,
.contenttable,
.table-fsg1,
table.data,
.wrl_table {width:100%; margin: 20px 0; border-collapse: collapse;}
.overview thead,
.contenttable thead,
.table-fsg1 thead,
.overview tbody,
.contenttable tbody,
.table-fsg1 tbody,
table.data tbody,
.wrl_table tbody {background-color: #fff;}
.overview th,
.contenttable th,
.table-fsg1 th,
table.data th,
.wrl_table th {border-bottom: solid 1px var(--fsg_red,red); font-family: sans-serif; padding: 3px; text-align: left;
  font-size: 1.4rem; color: var(--night_rider,#333); font-weight: normal; white-space: nowrap; font-weight:bold;}
.overview tbody th,
.contenttable tbody th,
.table-fsg1 tbody th,
table.data tbody th,
.wrl_table tbody th {border:none; white-space: nowrap; white-space: normal;}
.overview th p,
.contenttable th p,
.table-fsg1 th p,
table.data th p,
.wrl_table th p {text-align: left; font-size: 1.2em; color: var(--night_rider,#333);}
.overview td, 
.contenttable td,
.table-fsg1 td,
table.data td,
.wrl_table td {padding: 3px;}
.overview tr,
.contenttable tr,
.table-fsg1 tr,
table.data tr,
.wrl_table tr {border: none;}
.overview label,
.contenttable label,
.table-fsg1 label,
table.data label,
.wrl_table label {font-size:1.2rem !important; line-height:1.2;}

.overview tr:nth-child(2n),
.contenttable tr:nth-child(2n),

.table-fsg1 tr:nth-child(2n),
table.data tr:nth-child(2n),
.wrl_table tr:nth-child(2n) {background: #f5f5f5;}

.overview tbody > tr:nth-child(2n+1),
.contenttable tbody > tr:nth-child(2n+1),

.table-fsg1 tbody > tr:nth-child(2n+1),
table.data tbody > tr:nth-child(2n+1),
.wrl_table tbody > tr:nth-child(2n+1) {background: #fff;}


.overview caption,
.contenttable caption,
.table-fsg1 caption,
table.data caption,
.wrl_table caption {font-size: 1.3rem; font-family: sans-serif;}

.user-fsgregister-pi1 table.data {border:none;}
table.data th {width:150px; border-bottom:none; font-size:1.2rem; font-family:Verdana,sans-serif;}
.wrl_table th {text-align:center;}
/* .overview tbody th {font-weight: normal; border-bottom:none;} */
#maincol .dyntable img.sm-icon,
#maincol .data img.sm-icon,
#maincol .overview img.sm-icon {width: 16px;height:auto;max-width: none;}

/* table styling */
.td-blue{background: var(--fsg_blue_judge,royalblue); color:white!important;}
.td-red{background: var(--fsg_red,red); color:white!important;}
.td-green {background: var(--fsg_green_cv,yellowgreen); color:var(--txt_black,black) !important;}
.td-yellow {background: var(--fsg_yellow_gold,gold); color:var(--txt_black,black) !important;}
.td-black {background: var(--fsg_black,black); color:white!important;}


.text-frame figure.table::-webkit-scrollbar {height: 8px;}
.text-frame figure.table::-webkit-scrollbar-thumb {background-color: #ccc; border-radius: 4px;}
.text-frame figure.table::-webkit-scrollbar-track {background-color: #f5f5f5;}

/* page layouts */

.layout-30-70 #maincol {padding:0 0 0 30px;}
.layout-100 {margin-top:15px;}
.layout-100 .section-inner-grid,
.layout-30-70 .section-inner-grid {padding:0;}

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

/* ce layouts */
/* accordion */
.frame-layout-1 {margin-top:5px; margin-bottom:5px;
  -webkit-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.15);
  -moz-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.15);
  box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.15);
}
.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:15px 25px; background-color:#f1f1f1; border-radius:2px; color:#d75c09; 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:"\f067"; font-family:"Font Awesome 5 Pro";}
.frame-layout-1 header.act h2::after,
.frame-layout-1 header.act h3::after {content:"\f068";}
.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 #f1f1f1;}
.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;}

/* ce gallery */
.frame-layout-4 .ce-gallery {position: relative; float:none;}
.frame-layout-4 .ce-center .ce-outer,
.frame-layout-4 .ce-center .ce-inner {float:none; position: static;}
.frame-layout-4 figcaption {margin-bottom: 0 !important; margin-top:0; padding: 4px 8px; background-color: var(--silver); color: #000;}


/* sponsoring logos */
.sponsoren_logos { margin-bottom:20px;}
.fullwidth-grid .sponsoren_logos {margin-bottom:0;}
.sponsoren_logos h2 {width:100%; margin-bottom:15px;}
.sponsoren_logos a {height:100%; width:100%; display:flex;}
.sponsoren_logos figure {display: flex; overflow: hidden;
	width: calc(var(--Logos_image_width)*var(--Logos_footer));
	height: calc(var(--Logos_image_width)/1.9*var(--Logos_footer));
	/* padding: 5px;
	margin: 5px; */
}
.sponsoren_logo_wrap {display:flex; flex-wrap:wrap; gap:30px 4%;}
.sponsoren_logos img {max-height: 100%; max-width: 100%; height: auto !important; width: auto !important;}
.sponsoren_logos figure.image[data-filename^="Audi"] {width: calc(var(--Logos_image_width)*var(--Logos_footer)*0.85);}
.sponsoren_logos figure.image[data-filename^="BMW"] {width: calc(var(--Logos_image_width)*var(--Logos_footer)*1.8);}
.sponsoren_logos figure.image[data-filename^="Bosch"] {width: calc(var(--Logos_image_width)*var(--Logos_footer)*1.2);}
.sponsoren_logos figure.image[data-filename^="Faurecia"] {width: calc(var(--Logos_image_width)*var(--Logos_footer)*1.3);}
.sponsoren_logos figure.image[data-filename^="Porsche"] {width: calc(var(--Logos_image_width)*var(--Logos_footer)*1.7);}
.sponsoren_logos figure.image[data-filename^="Freudenberg"] {width: calc(var(--Logos_image_width)*var(--Logos_footer)*1.8);}
.sponsoren_logos figure.image[data-filename^="Magna"] {width: calc(var(--Logos_image_width)*var(--Logos_footer)*1.3);}
.sponsoren_logos figure.image[data-filename^="MAN"]{width: calc(var(--Logos_image_width)*var(--Logos_footer)*0.9);}
.sponsoren_logos figure.image[data-filename^="MathWorks"] {width: calc(var(--Logos_image_width)*var(--Logos_footer)*1.9);}
.sponsoren_logos figure.image[data-filename^="Mercedes"] {width: calc(var(--Logos_image_width)*var(--Logos_footer)*2.2);}
.sponsoren_logos figure.image[data-filename^="Schaeffler"] {width: calc(var(--Logos_image_width)*var(--Logos_footer)*1.6);}
.sponsoren_logos figure.image[data-filename^="Siemens"]	{width: calc(var(--Logos_image_width)*var(--Logos_footer)*1.2);}
.sponsoren_logos figure.image[data-filename^="Tesla"]	{width: calc(var(--Logos_image_width)*var(--Logos_footer)*1.6);}
.sponsoren_logos figure.image[data-filename^="Wuerth"]{width: calc(var(--Logos_image_width)*var(--Logos_footer)*1.4);}
.sponsoren_logos figure.image[data-filename^="VDI"]{width: calc(var(--Logos_image_width)*var(--Logos_footer)*0.6);}
.sponsoren_logos figure.image[data-filename^="VW"]{width: auto;}


/* bg color */
.frame-layout-3 {padding:10px; background-color:var(--fsg_yellow_gold,gold);}

/* gridelements */
/* bg grid */
.color-1-bg {background-color:#f8f8f8;}
/* tabs */
.tabgrid {margin:25px 0;}
#maincol .tabnav {width:100%;}
#maincol .tabnav ul {display:flex; margin:0; padding:0;}
#maincol .tabnav ul li {margin:0 5px 0 0; padding:8px 18px; background-color:#fff;}
#maincol .tabnav ul li:before {display:none;}
#maincol .tabnav ul li.act,
#maincol .tabnav ul li:hover {cursor:pointer; background-color:#f1f1f1;}
.tabgrid .frame {display:none; width:100%; padding:25px 20px; overflow:hidden;}
.tabgrid .frame.open {display:block; background-color:#f1f1f1;}
.tabgrid .text-frame p:last-child {margin-bottom:0;}
.tabgrid .text-frame h3 {margin-top: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;}

.cols-2-inner.teaser {margin-bottom:120px;}
.cols-2-inner.teaser .col {display:flex; align-items: center;}
.cols-2-inner.teaser h2 {margin-bottom:30px;}
.cols-2-inner.teaser .link-button {display:inline-block; margin-top:30px;}

.col-9 .cols-2-inner.teaser {margin-bottom: 30px;}

/* Sitemap */
.sitemap-start {display:inline-block; padding:4px 10px; font-size:14px; font-size:1.4rem; font-weight:bold; color:#fff; border:solid 1px #afafaf; background:#d75c09;}
#maincol .frame-type-menu_sitemap ul {list-style-type:none; padding:0; margin:0; margin-left:15px; background-image:url('../img/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('../img/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('../img/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:#333; border:solid 1px #afafaf; background:#ffc095; 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 { background-color:#dce7c4; 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;}

/* news */
.news-list-view {display:flex; flex-wrap:wrap; gap:2%; margin-top:25px;}
.news-list-view .article {position:relative; width:49%; background-color:#fff; overflow:hidden;}
.news-list-view .news-img-wrap {}
.news-list-view .news-img-wrap a {display:block; overflow:hidden;}
.news-list-view .news-img-wrap video,
.news-list-view .news-img-wrap img {display:block; width:100%; height: 100%; aspect-ratio: 16 / 9; object-fit: contain; object-position: center;}
.article-list-text {padding:20px 20px 45px;;}
.news-list-view h3 {margin:10px 0;}
.news-list-view h3 a {text-decoration: none !important;}
.news-list-date {display:block; font-size: 0.8em; line-height: 1.5;}
.news-list-footer .more {display:block; position:absolute; bottom:20px; right:20px; margin-top:10px; color:var(--txt_black); text-decoration-color: var(--fsg_red,red);
  text-decoration-line: none !important; font-size:4rem;}
.news-list-footer .more:hover {color:var(--fsg_red);}
.news-list-footer {display:flex; justify-content: space-between; align-items:center; margin-top:20px;}


#maincol.col-9 .news-list-view .article {margin-bottom:15px; background-color:#f8f8f8;}

.news-list-category,
.news-list-tags {position:absolute; bottom:20px; left:20px; display: flex; flex-wrap: wrap; margin:10px 0; font-size: 0.8em;}
.news-categoryTree a,
.news-list-category a,
.news-tags a,
.news-list-tags a {text-decoration: none;}
.news-list-category span,
.news-list-tags span {margin-right: 10px;}
.news-list-category .category::before,
.news-categoryTree .category::before{content: "\f02b"; font-family: "Font Awesome 5 Pro"; font-weight: 900; margin-right: 2px; color: var(--before-cat-color)}
.news-list-tags,
.news .news-tags {font-family: prometo; text-transform: uppercase;}
.news-list-tags .tag::before{content: "\f292"; font-family: "Font Awesome 5 Pro"; color: var(--fsg_red,red);}
.news-list-tags .tag{margin-right: 5px;}
.news .news-tags {margin-bottom: 20px; font-size: 0.8em; line-height: 1.5;}
.news .news-tags .active,
.news .news-tags li::before{content: "\f292"; font-family: "Font Awesome 5 Pro"; font-weight: 900; color: var(--fsg_red,red); margin-right: 1px;}
.news .news-tags li {color: Gray;}
.news .news-categoryTree .active,
.news-menu-view .item.itemactive a  {color: var(--fsg_red,red);}

.news-single {margin-top:0;}
.news-single .header h3 {margin:8px 0 10px;}
.news-single .footer {display:none;}
.news-single .teaser-text {font-family:OpenSans, sans-serif; font-weight: 700;}
.news-single .news-img-txt-wrap {overflow:hidden;}
.news-single .news-img-wrap {float:right; margin-left:25px;}
.news-single .mediaelement-image,
.news-single .mediaelement-image a {line-height:inherit; font-size:0;}
.news-single .news-list-category, .news-list-tags {position:static;}
.news-single .news-related-files ul {padding:0 !important;}
.news-single .news-related-files ul li {padding-left:0 !important;}
.news-single .news-related-files ul li::before {display:none !important;}
.news-single .news-related-files ul li svg {width:100%; height:100%;}
.news-single .icon-markup {display:inline-block; height:15px; width:15px;}

.news-related {margin-top:20px;}

.news-backlink-wrap {display:flex; flex-wrap:wrap; justify-content: space-between; margin-top:30px; padding-top:20px; border-top:solid 1px #d6d6d6;}
.news-backlink-wrap .news-backlink a::before {margin-right:5px; content:"\f104"; font-family:"Font Awesome 5 Pro";}
.news-permalink a::before {margin-right: 5px; content: "\f0c1"; font-family: "Font Awesome 5 Pro"; color: var(--fsg_red,red);}

/* news/tt_address pagebrowser */
.news .page-navigation > p {display:none;}
#maincol .f3-widget-paginator {width:100%; text-align:center; padding:0; margin:0;}
#maincol .f3-widget-paginator li {display:inline-block;}
#maincol .f3-widget-paginator li::before {display:none; content:"";}
#maincol .f3-widget-paginator li a {display:block; padding:4px 12px; border:1px solid#f4f4f4; transition:all 0.2s ease; text-decoration:none;}
#maincol .f3-widget-paginator li a:hover,
#maincol .f3-widget-paginator li.current {padding:4px 12px; background-color: var(--fsg_yellow_gold,gold); color:#000 !important; border:1px solid var(--fsg_yellow_gold,gold); text-decoration:none !important;}
#maincol .f3-widget-paginator li a:hover {background-color: var(--fsg_red,red); border:1px solid var(--fsg_red,red); color:#fff !important;}
#maincol .f3-widget-paginator li.next a::before {content:"\f105"; font-family:"Font Awesome 6 Pro";}
#maincol .f3-widget-paginator li.previous a::before {content:"\f104"; font-family:"Font Awesome 6 Pro";}

/* form styles */
#maincol label {display:inline; margin-bottom:5px; font-size:1.4rem; line-height:1; font-family: Verdana, sans-serif; font-weight: bold;}
#maincol input[type="email"],
#maincol input[type="password"],
#maincol select,
#maincol textarea,
#maincol input[type="text"] {display:block; width:100%; height:30px; margin-top:5px; padding:0 8px; border-radius:5px;  border:solid 1px #d6d6d6;}
#maincol input[type="button"],
#maincol input[type="submit"] {padding:8px; height:auto; background-color:var(--fsg_yellow_gold); color:var(--txt_black); border:none; border-radius:5px; cursor: pointer; transition: 0.3s;}
#maincol input[type="button"]:hover,
#maincol input[type="submit"]:hover {background-color:var(--fsg_red); color:#fff;}
#maincol select {height:30px; padding:0 8px; border-radius:5px;  border:solid 1px #d6d6d6;}
#maincol textarea {width:100%; padding:0 8px; border-radius:5px;  border:solid 1px #d6d6d6;}
#maincol input[type="file"] {margin-bottom:15px;}
#maincol input[type="checkbox"] {margin:4px 6px 0 0;}
#maincol textarea {height:auto; padding:10px;}
#maincol select[multiple="multiple"], 
#maincol select[size="10"] {padding:10px; height:auto;}

/* login */
.frame-type-felogin_login {max-width:500px; margin:0 auto 15px; background-color:#fff; border:none; padding:20px; border-radius:5px;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px;}
.frame-type-felogin_login h3 {display:none;}
.frame-type-felogin_login fieldset {border:none; padding:0;}
.frame-type-felogin_login legend {display:none;}
.frame-type-felogin_login label {margin-bottom:15px;}
.frame-type-felogin_login input {display:block; width:100%; height:30px; margin-top:5px; padding:0 8px; border-radius:5px;  border:solid 1px #d6d6d6;}
.frame-type-felogin_login input[type="submit"] {padding:7px; height:auto; background-color:var(--fsg_yellow_gold); color:var(--txt_black); border:none; cursor: pointer; transition: 0.3s;}
.frame-type-felogin_login input[type="submit"]:hover {background-color:var(--fsg_red); color:#fff;}

label[for="tx-felogin-input-logout"] {margin-bottom:5px;}
#tx-felogin-input-logout {margin-top:15px;}

/* registration */
.tx-srfeuserregister-pi1 fieldset {border:none; padding:0;}
.tx-srfeuserregister-pi1 legend {font-size:1.6rem;}
.tx-srfeuserregister-pi1 dt {display:block;}
.tx-srfeuserregister-pi1 dd {display:block; overflow:hidden; margin:0 0 10px 0;}
.tx-srfeuserregister-pi1 input[type="submit"] {width:100%;}
.tx-srfeuserregister-pi1 input[type="radio"] {float:left; margin:4px 6px 0 0;}
.tx-srfeuserregister-pi1 .gender {margin:0 6px 0 0;}
.tx-srfeuserregister-pi1-error {color:var(--fsg_red); margin:0 !important; font-size:1.1rem;}

form#tx-srfeuserregister-pi1-fe_users_form fieldset {max-width:600px;}

.layout-100.layout-intended .tx-srfeuserregister-pi1 {max-width:500px; margin:0 auto;}
.layout-100.layout-intended .tx-srfeuserregister-pi1 form {max-width:500px; margin:0 auto; background-color:#fff; border:none; padding:20px; border-radius:5px;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px;}

#maincol .user-fsgregister-pi1 ul li {display:flex; flex-wrap:wrap;}
#maincol .user-fsgregister-pi1 ul li p {width:100%;}
.user-fsgregister-pi1 fieldset {border:none; padding:0; max-width:600px;}
.user-fsgregister-pi1 fieldset > div {margin-bottom:18px;}
.user-fsgregister-pi1 legend {display:none;}
.tx-frontendformslib-submitbuttons {display:flex; gap:10px; margin-top:15px;}
#maincol .tx-srfeuserregister-pi1-notice {margin-top:10px; font-style:italic;}
.tx-srfeuserregister-pi1-trash a {color:var(--fsg_red);}

.user-fsgsponsors-pi1 {max-width:600px;}
.user-fsgsponsors-pi1 fieldset {border:none; padding:0;}
.user-fsgsponsors-pi1 fieldset legend {display:none;}
.user-fsgsponsors-pi1 .form-group {margin-bottom:10px;}
.user-fsgsponsors-pi1 input[type="submit"] {margin-top:15px;}
.user_fsgsponsors_pi1_chars {margin:8px 0 15px 0;}
.tx_frontendformslib-fe_users-user_fsgbase_tx_user_fsgbase_mobilephone {display:flex; flex-wrap:wrap; gap:1%;}
.tx_frontendformslib-fe_users-user_fsgbase_tx_user_fsgbase_mobilephone select {width:15% !important;}
.tx_frontendformslib-fe_users-user_fsgbase_tx_user_fsgbase_mobilephone input {width:84% !important;}
.tx_frontendformslib-fe_users-user_fsgbase_tx_user_fsgbase_mobilephone label {width:100%;}
@media only screen and (max-width:640px) {
.tx_frontendformslib-fe_users-user_fsgbase_tx_user_fsgbase_mobilephone select {width:24% !important;}
.tx_frontendformslib-fe_users-user_fsgbase_tx_user_fsgbase_mobilephone input {width:75% !important;}
}

.tx-frontendformslib-steps {max-widtH:600px; text-align:center; margin-bottom:20px; border:solid 1px var(--silver,silver);}
.tx-frontendformslib-steps > span {margin:0 2px;}
.tx-frontendformslib-steps-active {font-weight: bold;}

.tx-frontendformslib-example {display:block; margin-top:3px; color:var(--silver,silver); font-size:1.4rem;}

.tx-fsg-scoring-penalty-publishing #main-table {width:100% !important; margin-top:30px;}

/* edit data */
h2#questions {margin-top:25px;}

/* user list */
.list-container-inner {display:flex; flex-wrap:wrap; gap:2%;}
.list-container-inner .user-container {width:49%; display:flex; flex-wrap:wrap; margin:10px 0; overflow:hidden; border-radius: 0.5em; border: none;}
.list-container-inner .user-container .user-img {width:30%; overflow:hidden;}
.list-container-inner .user-container .user-img img {max-width:100%; height:auto; display:block; border-radius: 50%;}
.list-container-inner .user-container .user-infos {width:70%; padding:20px;}

/* menu lvl3 */
#maincol .menulevel3 {padding:0; margin:0; display:flex; flex-wrap:wrap;  margin-bottom:25px;}
#maincol .menulevel3 li {margin:0; padding:0;}
#maincol .menulevel3 li::before {display:none;}
#maincol .menulevel3 li a {display:block; font-size:1.4rem; padding:8px 20px;
  text-decoration:none; color:#fff; background-color:var(--silver);}
#maincol .menulevel3 li.first {margin-right:3px;}
#maincol .menulevel3 li.first:not(.cur) a {background-color:var(--fsg_yellow_gold,yellow); color:#000;}
#maincol .menulevel3 li a:hover,
#maincol .menulevel3 li.first:not(.cur) a:hover,
#maincol .menulevel3 li.act a,
#maincol .menulevel3 li.cur a
    {background-color:var(--fsg_red,red); color:#fff;}

/* footer */
#wrapper > footer {margin-top:50px;  background-color:rgba(249,250,251,1); border-top: 1px solid #ddd;}
.footerinner {display:flex; flex-wrap:wrap; justify-content: space-between; padding:30px 15px;}
.footerinner .col {}
.footerinner p {margin-top:0;}
.footerinner p:last-child {margin-bottom:0;}
.footerinner ul {padding:0; margin:0; list-style-type:none;}
.footerinner li {margin-bottom:8px;}

footer .socialmedia .icon {display:inline-block; vertical-align:middle; margin-right:8px; color:#fff; font-size:1.4rem; line-height:25px; width:25px; height:25px; border-radius:100%; text-align:center;}
footer .socialmedia .icon::before {font-family: "Font Awesome 6 Brands"; margin-right:0;}
footer .socialmedia i {background-color: var(--txt_black, black);}
footer .socialmedia .rss i::before {font-family: "Font Awesome 6 Pro";}

footer .partners {width:100%; margin-bottom:15px;}

/* slick slider */
/* Arrows */
.slick-prev,
.slick-next {font-size:0; line-height:0; position:absolute; top:48%; display:block; width:20px; height:20px; padding:0;
     color: transparent; border: none; outline: none; background: transparent; z-index:999;
    -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: .75; color: var(--fsg_yellow_gold); cursor: pointer;}
.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:400; font-size:3.2rem; line-height: 1; opacity:1; color: #fff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-prev {left: 15px;}
.slick-prev:before {content:'\f053';}
.slick-next {right:15px;}
.slick-next:before {content:'\f054';}

.slick-dots {display: flex; justify-content: center; list-style: none;
  position:absolute; left:0; right:0; bottom:20px; padding: 0; margin: 15px 0;}
.slick-dots li {margin: 0 8px;}
.slick-dots button { width: 18px; height: 18px; border-radius: 100%; background-color: rgba(255,255,255,.9); border: none; text-indent: -9999px; cursor: pointer;}
.slick-dots .slick-active button { background-color: rgba(238,127,0,.9);}

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%;}

#maincol iframe[src*="youtube"] {width:100%; height:auto; aspect-ratio: 16/9;} 

#user_fsgbase_pi2_form {margin-bottom:25px;}

/* after login */
#auth #topbox.section-inner {max-width:100%; margin:0; padding-left:20px; padding-right:20px;}
#auth #innerwrapper.section-inner {max-width:100%; margin:0; padding:0 20px;}
#auth footer .section-inner {max-width: 100%; padding:20px;}
#auth #topbox a#homelink {top:10px;}
#auth #breadcrumb {padding:8px 20px; max-width: 100%; font-size:1.1rem;}
#auth .pagetitle-as-header {display:flex; width:100%; flex-wrap:wrap; justify-content: space-between; align-items: center;}
#auth div#headerimg:not(.home) {display:none;}
#auth .col-3 {width:20%; width:223px; padding-right:0;}
#auth .col-9 {width:90%;}
#auth #maincol:not(.home) .news-list-view .article {width:23.5%;}
#auth #maincol:not(.home) .cols-2-inner,
/* #auth #maincol:not(.home) .frame {max-width:1200px;}
#auth #maincol:not(.home) .frame-type-uploads {max-width:1000px;}
#auth #maincol:not(.home) .frame.frame-fullwidth {max-width:none;} */
#auth #maincol:not(.home) .text-frame,
#auth #maincol:not(.home) .frame-type-textmedia,
#auth #maincol:not(.home) .frame-type-textpic,
#auth #maincol:not(.home) .frame-type-image,
#auth #maincol:not(.home) iframe,
#auth #maincol:not(.home) table.data,
#auth #maincol:not(.home) .news-single,
#auth #maincol:not(.home) .frame-limitedwidth {max-width:952px;}
#auth footer .col {width:100%;}
#auth footer .section-inner .partners,
#auth footer .section-inner .col-4:nth-child(2),
#auth footer .section-inner .col-4:nth-child(4) {display:none;}
#auth footer .footerinner ul {display:flex; flex-wrap:wrap; }
#auth footer .footerinner ul li {margin-right:15px; margin-bottom:0;}
#auth #sidenavtoggler {font-size:1.4rem; cursor:pointer;}
#auth #sidenavtoggler::before {content:"\f205"; font-family: "Font Awesome 6 Pro"; font-weight:900; margin-right:8px;}
#auth #innerwrapper.closed #sidenavtoggler::before {content:"\f204";}
#auth #sidenavtoggler i {margin-right:8px;}

#auth #innerwrapper {height: 100%; transition: all 0.3s ease-in-out;}
#auth #innerwrapper #leftcol {transition: all 0.3s ease-in-out; opacity: 1; visibility: visible; margin-left:0; transform:translateX(0);}
#auth #innerwrapper #maincol {transition: all 0.3s ease-in-out;}
/*#auth #innerwrapper.closed {padding-left:0;} */
#auth #innerwrapper.closed #leftcol {opacity: 0; visibility: hidden; margin-left:-223px; transform:translateX(-223px);}
#auth #innerwrapper.closed #maincol {width:100%; padding:0;}

body:not([data-sidebar-closed="true"]) #auth #innerwrapper.closed #leftcol {
  display: none;
}

/* mobile optimize */

@media only screen and (max-width:1440px) {
#auth #maincol:not(.home) .news-list-view .article {width:32%;}
}


@media only screen and (max-width:1200px) {
#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;}
 #sidenavtoggler {display:none;}
 #mobile-header {display:flex;}
 #topbox {padding:10px 15px;}
 #topbox a#homelink {position:static; width: 95px;}
 #topbox a#homelink img {width: 100%; height: auto;}

 .fullwidth-grid {padding:40px 0;}

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

 .home .news-list-view .article:last-child {display:none;}
 .news-list-view .article {width:32%;}
#auth #maincol:not(.home) .news-list-view .article {width:49%;}
}

@media only screen and (max-width:991px) {
  /* 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;}
}

@media only screen and (max-width:768px) {
  h1 {font-size:3.6rem;}
  .col-4 {width:49%; margin-bottom:20px;}

  .layout-70-30 > .col-9 {width:100%;}
  .layout-70-30 > .col-3 {width:100%;}
  .layout-70-30 #maincol {margin-bottom:30px; padding-right: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%;}

  .flex-grid .col-6 {width:100%; margin-bottom:20px;}

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

  .home .news-list-view .article:last-child {display:block;}
  .home .news-list-view .article,
  #maincol.col-9 .news-list-view .article {width:49%; margin-bottom:15px;}


  /* userlist */
  .list-container-inner .user-container .user-img {width:50%;}
  .list-container-inner .user-container .user-img img {max-width:50%; height:auto; display:block;}
  .list-container-inner .user-container .user-infos {width:100%; padding:10px;}
  .list-container-inner .user-container .user-infos a {word-break: break-all;}
}

@media only screen and (max-width:768px) {
  /* tables */
  .text-frame figure.table {display:block; width:100%; overflow-x:auto;}
  .text-frame table.contenttable {margin-bottom:0;}
  .contenttable,
  .table-fsg2,
  .table-fsg1 {width: 750px; min-width: 750px;}
}  

@media only screen and (max-width:640px) {
  /* grids */
  /* full width bg */
  .fullwidth-grid {padding:30px 0;}

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

  /* tabs */
  .tabnav {width:100%;}
  .tabnav ul {display:block;}
  .tabnav ul li {display:block; width:100%;}

  /* news */

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

  .news-single .news-img-wrap {float:none; margin-left:0; margin-bottom:20px;}
}

@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;}

   .home .news-list-view .article,
   #maincol.col-9 .news-list-view .article,
   #auth #maincol:not(.home) .news-list-view .article {width:100%;}

  .list-container-inner .user-container {width:100%;}
  .list-container-inner .user-container .user-img {width:40%;}
  .list-container-inner .user-container .user-infos {width:60%; padding:10px;}
 
}

@media only screen and (max-width:375px) {
  /* news */
  .news-single .news-img-wrap img {width:100%; height:auto;}
}


/* CSS instructions taken from the old website */
/* DataTables */
table.dataTable {
    width: auto !important;
    margin: 0px !important;
    clear: both;
}

div.dt-container {
  margin-bottom: 15px;
  display: flow-root;
  font-size: 1.2rem;
}
div.dt-container tbody {background-color: white !important;}
div.sql_query_all div.dt-buttons {
  float: left;
  margin-right: 20px;
  font-size:14px;
}
button.dt-button {padding: 0em 0.3em !important;}
div.dt-button-collection div[role="menu"] { display: flex; flex-flow: column;}
div.dt-button-collection span.dt-button-spacer.bar:nth-child(1)  {order: 99; color: red;}
div.dt-button-collection button.dt-button.dtsr-removeAllStates {order: 100; color: #E40E1B;}
div.dt-button-collection button.dt-button.td-createState { color: #76B82A;}
div.dt-button-collection button.dt-button {line-height: 1.5em;}
div.dt-button-collection .dt-button-active:after {color: #76B82A;}
div.dt-length {
  font-size: 12px;
  float: left;
  margin-right: 20px;
}
div.dt-length select.dt-input {padding: 1px;}
div.dt-search {
  clear: right;
}
div.dt-search label {
  color: #333;
  font-size: 8pt;
}
.dt-search label.regex-checkbox {
  display: flex;
  height: 17px;
}
div.dt-search input{padding:0.3em !important;}
div.dt-info {
  color: #333;
  font-size: small;
  padding: 0.8em 0;
  clear: both;
}
span.dt-column-order {left: 0px !important;}
.dt-column-title {white-space: nowrap;}
.dt-orderable-asc span.dt-column-title,
.dt-orderable-desc span.dt-column-title {padding-left: 8px;}
td.sorting_1 { background: #76B82A0a;}
td.sorting_2 { background: #FDD3150a;}
div.sql_query_all td.dt-empty {
  white-space: nowrap;
  color: #ccc;
}
div.sql_query_all p.dt-empty {
  color: #00000040;
  margin-bottom: 20px;
}
.dt-container tfoot input {
  width: 100%;
  padding: 0 1px;
  box-sizing: border-box;
}
div.sql_query_all table.dataTable i {display: none;}

/* tbl: fix for some tables  */
div.sql_query_all th.dt-orderable-asc,
div.sql_query_all th.dt-orderable-desc,
div.sql_query_all th.dt-ordering-asc,
div.sql_query_all th.dt-ordering-desc { padding-right: 0px !important;}

p.sql_query_download_tbl {display: none;}

/* SQL Schedule Detailed Table Blocks */
div#scheduleTBs > div {float: left; width: 2px; font-size:2px; color: LightGray; background: LightGray;}
div#scheduleTBs > div.scheduleTB {width: 3px; color: white; background-color:white;}

.wsnw {white-space: nowrap;}

.user-fsg-controller-documents-cost-bom-plugin form {width: fit-content;}