:root {
    --html-bg: #fff;
    --white: #fff;
    --main-text-color: #1c1c1c;
    --topbar-bg: #1a313a;
    --black: #000;
    --trafficred: #ff0000;
    --silvergrey: #ccc;
    --darkgrey: #808080;
    --lightgrey: #f2f2f2;
    --main-poslogin: rgba(211, 211, 211, 0.75);
    --main-posloginm: rgba(34, 153, 209, 0.75);
    --subnav-bg: hsl(117, 13%, 93%);
    --main-link: #2E7474;
    --main-link-hover: #2E7474;
    --article-link: #003C51;
    --teasertext-color: #212121;
    --tab-label-after: #016A91;
    --basket-header-color: #C5C5C4;
    --basket-row-bg: #eee;
    --border-basket-footer: #808080;
    --basket-color: #808080;
    --arkeo-header-bg: #4a6485;
    --btn-shop-border: #7B9CBD;
    --btn-shop-bg: #009DDA;
    --btn-shop-gradA: hsl(197, 74%, 54%);
    --btn-shop-gradB: hsl(196, 99%, 29%);
    --btn-shop-hover-gradA: hsl(197, 74%, 69%);
    --btn-shop-hover-gradB: hsl(196, 99%, 29%);
    --checked-slider: #83C128;
    --border-bottom: #303030;
    --border-bottom2: #f6f6f6;
    --border-bottomb: #2299D1;
    --border-top: #f6f6f6;
    --border-right: #808080;
    --border-left: #808080;
    --map-modal-bg: #eaf5f5;
    --footer-hl: hsl(0, 0%, 85%);
    --footer-bg: hsl(197, 74%, 69%);
    --footer-lnk: hsl(0, 0%, 100%);
    --header-bg: hsl(96, 15%, 42%);
    --navflyout-text: hsl(0, 0%, 100%);
    --navflyout-text-hover: hsl(0, 0%, 100%);
    --navflyout-bg: hsl(96, 15%, 42%);
    --navflyout-hd-bg: hsl(96, 15%, 32%);
    --navflyout-sub-bg: hsl(96, 15%, 50%);
    --navflyout-border: hsl(96, 15%, 36%);
    --navflyout-border-mini: hsl(96, 15%, 36%);
    --form-active-bg: hsl(202, 90%, 98%);
    --form-label: hsl(0, 0%, 35%);
}
/** News Modul Start**/
.eventbox {
    max-width: 1270px;
}
.eventbox .column {
    padding: 6px;
}
article {
    margin: 0px 8px 16px 8px;
}
article a {
    display: block;
    overflow: hidden;
    width: 100%;
    height: 100%;
    position: relative;
    background: #fff;
    border: 1px solid #DEDEDE;
}
a {
    cursor: pointer;
    text-decoration: none;
    color: #003C51;
    -webkit-transition: color 0.1s ease-in-out;
    transition: color 0.1s ease-in-out;
    -webkit-backface-visibility: hidden;
}
article a:hover {
    border: 1px solid #7B9CBD;
}
.teaserimg {
    display: block;
    overflow: hidden;
    position: relative;
    margin: 0;
    width: 100%;
    height: 173px;
    border: none;
    border-bottom: 1px solid #DEDEDE;
}
.teaserimg-inner {
    background-color: #fff;
    background-position: center center;
    background-size: cover;
}
.teaserimg .teaserimg-inner {
    display: block;
    overflow: hidden;
    width: 100%;
    position: relative;
    height: 100%;
    background-image: url('images/001.svg');
    background-size: cover;
    background-position-y: top;
}
.teasercontent {
    display: block;
    float: left;
    height: 202px;
    padding: 2.65em 1.5em 1.5em 1.5em;
    position: relative;
}
.sortierdatum {
    font-size: 18px;
    color: #fff;
    background: hsl(202, 95%, 46%); /*hsl(202, 90%, 26%)*/
    width: 158px;
    height: 38px;
    text-align: center;
    line-height: 36px;
    position: absolute;
    top: -16px;
    left: 50%;
    margin-left: -74px;
    -webkit-transition: -webkit-transform 250ms ease 0s;
    transition: -webkit-transform 250ms ease 0s;
    transition: transform 250ms ease 0s;
    transition: transform 250ms ease 0s, -webkit-transform 250ms ease 0s;
    -webkit-transform: scale(1);
    transform: scale(1);
}
article a:hover .sortierdatum  {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
.teaserhl {
    font-family: 'opensanssemibold',Arial,Verdana,sans-serif; 
    font-style: normal; 
    font-weight: normal; 
    color: #363636; 
    hyphens: auto; 
    word-wrap: break-word;
    font-size: 1.17em; 
    margin: 0.6em 0em 0.3em 0em;
}
.teasertext {
    display: block;
    color: #212121;
    font-size: 15px;
    font-weight: 400;
    margin: 13px 0 0 0;
    width: 100%;
    height: 75px;
    overflow: hidden;
    line-height: 1.6;
    position: relative;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}
.alllnk {
    float: right;
    margin: 12px 24px 0px 0px;
}
.txt-col {
    margin-top: 1.8ex;
    column-count: 2; column-gap:2em;column-width: 270px;
    column-rule-style:dotted; column-rule-width:1px; column-rule-color:silver;
}
.txt-col p {
    margin: 0 0 2.7ex 0;
    font-size: 1.8ex; line-height: 2.7ex;
    text-align: justify; hyphens:auto;
    orphans:3; widows: 3;
}
.txt-col h2 {
    font-size: 1.8ex; line-height: 2.7ex;
    margin: 2.7ex 0 0 0;
}
.frmlbl {
    font-family: "fira_sans_condensedlight", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
    font-size: 0.8em;
    color: var(--form-label);
}
/* Fix for unbalanced top alignment in Chrome */
.txt-col > * {
    -webkit-column-break-inside: avoid;
    column-break-inside: avoid;
}
/** News Modul End**/
#lvGalleryList .row {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    justify-content: space-around;
}
#lvGalleryList .column {
    flex: 1;
    -ms-flex: 1;
    -webkit-flex: 1;
    /*flex-grow: 2;*/
}
.galleryContainer {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    justify-content: space-around;
}
.galleryitem > img {
    cursor: pointer;
    width: 100%;
    max-width: 300px;
    height: auto;
    padding:0px 8px;
    border: none;
}
.blog-teaserimg {
    display: block;
    overflow: hidden;
    position: relative;
    margin: 0;
    width: 100%;
    height: 173px;
    border: none;
    border-bottom: 1px solid #DEDEDE;
}
article { width: 98%; }
article a .blog-teaserimg {
    -webkit-transition: -webkit-transform 0.4s;
    transition: transform 0.4s;
}
article a:hover .blog-teaserimg, article a:focus .blog-teaserimg  {
    /*-webkit-transform: scale(1.1);
    transform: scale(1.1);*/
    /*-webkit-transform: scale(1.1) rotate(0.01deg);
    transform: scale(1.2) rotate(0.01deg);*/
}
.blog-teaserimg-inner {
    background-color: #fff;
    background-position: center center;
    background-size: cover;
}
.blog-teaserimg .blog-teaserimg-inner {
    display: block;
    overflow: hidden;
    width: 100%;
    position: relative;
    height: 100%;
    background-image: url('images/001.svg');
    background-size: cover;
    background-position-y: top;
}
.blog-teasercontent {
    display: block;
    float: left;
    height: 202px;
    padding: 2.65em 1.5em 1.5em 1.5em;
    position: relative;
    /*width: 100%;*/
}
.blog-sortierdatum {
    font-size: 13px;
    color: #fff;
    background: #666;
    width: 158px;
    height: 32px;
    text-align: center;
    line-height: 32px;
    position: absolute;
    top: -16px;
    left: 50%;
    margin-left: -74px;
    -webkit-transition: -webkit-transform 250ms ease 0s;
    transition: -webkit-transform 250ms ease 0s;
    transition: transform 250ms ease 0s;
    transition: transform 250ms ease 0s, -webkit-transform 250ms ease 0s;
    -webkit-transform: scale(1);
    transform: scale(1);
}
article a:hover .blog-sortierdatum, article a:focus .blog-sortierdatum  {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
.blog-teaserhl {
    font-family: 'opensanssemibold',Arial,Verdana,sans-serif; 
    font-style: normal; 
    font-weight: normal; 
    color: #363636; 
    hyphens: auto; 
    word-wrap: break-word;
    font-size: 1.17em; 
    margin: 0.6em 0em 0.3em 0em;
}
.blog-teasertext {
    display: block;
    color: #212121;
    font-size: 15px;
    font-weight: 400;
    margin: 13px 0 0 0;
    width: 100%;
    height: 75px;
    overflow: hidden;
    line-height: 1.6;
    position: relative;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}
.row-thumbs > .column-thumbs {
  padding: 0 8px;
}
.row-thumbs {
    display: flex;
    align-items: center;
    justify-content: center;
    overflow-x: scroll;
}
.row-thumbs:after {
  content: "";
  display: table;
  clear: both;
}
.row-thumbs::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 2px rgba(0,0,0,0.3);
	border-radius: 8px;
	background-color: #363636;
}

.row-thumbs::-webkit-scrollbar
{
	width: 12px;
    height: 16px;
	background-color: #363636;
}

.row-thumbs::-webkit-scrollbar-thumb
{
	border-radius: 8px;
	-webkit-box-shadow: inset 0 0 2px rgba(0,0,0,.3);
	background-color: #96a499;
}
.column-thumbs {
  justify-content: center;
}
.modal {
  display: none;
  position: fixed;
  z-index: 30;
  padding-top: 100px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: black;
}
.modal-content {
  position: relative;
  background-color: #363636;
  margin: auto;
  padding: 0;
  width: 90%;
  max-width: 1200px;
}
.modal-close {
  color: white;
  position: absolute;
  top: 10px;
  right: 25px;
  font-size: 35px;
  font-weight: bold;
}
.modal-close:hover,
.modal-close:focus {
  color: #999;
  text-decoration: none;
  cursor: pointer;
}
.gallerySlides {
  display: none;
  text-align: center;
}
.prev, .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 16px;
  margin-top: -50px;
  color: white;
  font-weight: bold;
  font-size: 20px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
  -webkit-user-select: none;
}
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}
.prev:hover, .next:hover {
  background-color: rgba(0, 0, 0, 0.8);
}
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}
.caption-container {
  text-align: center;
  padding: 2px 16px;
  color: #fff;
}
img.galThumb {
  opacity: 0.6;
}
.active, .galThumb:hover {
  opacity: 1;
}
img.hover-shadow {
  transition: 0.3s;
}
.hover-shadow:hover {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.subnav-tile {
    margin: 0px auto;
    padding: 1em;
    border: 3px solid #dee3df;
    max-width: 300px;
    aspect-ratio: 1 / 1;
    display: flex;
    background-color: #dee3df;
    text-transform: uppercase;
}
#pagecontent .subnav-tile ul, #pagecontent .subnav-tile li {
    margin: 0;
    padding: 0.1em 0em;
    background: none;
}
.subnav-border {
    padding-top: 3.85em;
    border-right: 1px solid hsl(97, 13%, 87%);
    margin: 2.3em;
    text-align: right;
}
.subnav-blog-toggle, .subnav-blog_close { display: none; }
.subnav-blog_mini + .subnav-blog-toggle a {display:block; font:normal 20px 'raleway-extralight', arial, sans-serif; line-height:45px; text-decoration:none; padding: 0px 24px 0 6px;} /*font*/
.subnav-blog_mini + .subnav-blog-toggle a:link, .subnav-blog_mini + .subnav-blog-toggle a:visited { color: #000; }
.subnav-blog_mini a {display:block; font:normal 18px/40px 'robotolight', arial, sans-serif; color:#363636; text-decoration:none; font-weight: 700;} /*font*/

.subnav-blog_mini {height:100%; width:300px; overflow:scroll; overflow-x:hidden; background:rgba(204,226,234,1); 
    position:fixed; left:-300px; top:0; z-index:30;
    -webkit-overflow-scrolling: touch;
}
.subnav-blog_mini + .subnav-blog-toggle {
    display:block; width:152px; height:40px; background:#006c96 url(images/menu-icon.gif) no-repeat left center; position:fixed; 
    left:-26px; top:115px; color:#fff; cursor:pointer; z-index:25; border: 1px solid #dfeaee; border-radius:0 10px 10px 0; font:normal 16px/40px 'raleway-extralight', Arial, sans-serif; 
    color:#fff; text-align:right; padding-right:10px;
    /*transform: rotate(90deg);*/
-webkit-transition:0.25s;
transition:0.25s;
}
.subnav-blog_mini + .subnav-blog-toggle:hover {left:0px;}

.subnav-blog_mini .subnav-blog_close {
    position: fixed;
    top: 0px;
    width: 300px;
    display:block; 
    height:40px; 
    font:normal 18px/40px 'robotolight', Arial, sans-serif; 
    color:#fff; 
    text-align:left; 
    padding-left: 50px;
    background:#006C96 url(images/close.png) no-repeat 10px center; 
    cursor:pointer;

}
.subnav-blog_mini .subnav-blog-spacer { padding: 46px 0px 0px 16px; }
.subnav-blog-back { padding-left: 18px; background: transparent url(images/menu-icon-back.svg) no-repeat 0px 4px; background-size: 16px; }
a.btnStyle:link, a.btnStyle:visited {
    color: #fff;
    font-weight: 600;
    text-decoration: none;
}
a.btnStylelnk:hover, a.btnStyle:hover {
    color:#fff;
    font-weight: 600;
    text-decoration: none;
}
.btnStyle {
    display: table;
    background: #00729D;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    color: #fff;
    font-size: clamp(0.8rem, 1.1vw + 0.2rem, 1.4rem);
    padding: clamp(6px, 0.7vw, 12px) clamp(16px, 1.6vw, 26px);
    text-decoration: none;
    border-color: #7B9CBD;
}
/** Arkeo Forms Start **/
#valSummary, .valSummary {
    padding: 4px;
    border: 2px solid #ff0000;
    width: 100%;
    margin: 10px;
    background-color: #ffcccc;
}
#valSummary li, .valSummary li {
    margin: 0.5em 0 0.5em 0;
    list-style: none;
    padding:0 0 0 12px;
    color: #ff0000;
    background: transparent url("images/elements.png") no-repeat 0px -696px;
}
.req {
    display: none;
}
.rstar {
    color: #ff0000;
    vertical-align: super;
    font-size: 0.75em;
    padding: 0px 1px 0px 2px;
}
input.error, textarea.error, select.error {
    border: 2px solid red;
    background-color: #ffcccc;
}
label.error {
    color: #ff0000;
    font-weight: bold;
}
.toggleerror {
    background-color: #ffcccc;
}

input, select {
    border: 1px solid #888888; /*A9A9A9*/
}
div.colinput {
    padding: 2px;
    clear: both;
}
div.colinput label {
    display: block;
    width: 175px;
    float: left;
    padding: 0px 0px 0px 16px;
}
div.inputlist label {
    display: block;
    width: 185px;
    float: left;
    padding-left: 16px;
    padding-top: 5px;
    padding-bottom: 185px;
}
#OKButton, #btnSubmit, #btnFurther, #btnUpload, #btnCancel, #btnDownload, #btnDownload2, .btnStyle {
    background: hsl(202, 95%, 46%);
    background-image: -webkit-linear-gradient(top, hsl(202, 95%, 56%), hsl(202, 95%, 36%) );
    background-image: -moz-linear-gradient(top, hsl(202, 95%, 56%), hsl(202, 95%, 36%));
    background-image: -ms-linear-gradient(top, hsl(202, 95%, 56%), hsl(202, 95%, 36%));
    background-image: -o-linear-gradient(top, hsl(202, 95%, 56%), hsl(202, 95%, 36%));
    background-image: linear-gradient(to bottom, hsl(202, 95%, 56%), hsl(202, 95%, 36%));
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #fff;
    font-size: 16px;
    letter-spacing: 2px;
    padding: 8px 25px 8px 25px;
    text-decoration: none;
    border-color: #7B9CBD;
    margin: 1em;
}
#OKButton:hover, #btnSubmit:hover, #btnFurther:hover, #btnUpload:hover, 
#btnCancel:hover, #btnDownload:hover, #btnDownload2:hover, .btnStyle:hover {
    background: hsl(202, 95%, 56%);
    color: #fff;
}
.flpos {
    float: right;
    padding: 6px 60px 0px 0px;
}
hr {
    margin: 3em 1.5em 3em 1.5em;
    background: #ccc;
    height: 1px;
    color: #ccc;
    border: none;
    clear: both;
}
.rela {
    position: relative;
}
input[type="text"], input[type="number"], input[type="time"], input[type="date"], input[type="email"], textarea {
    font: 15px/24px "opensanssemibold", Arial, sans-serif;
    color: #363636;
    width: 100%;
    letter-spacing: 1px;
    padding: 2px 4px 2px 4px;
}
input[type="text"]:focus, input[type="number"]:focus, input[type="time"]:focus, input[type="date"]:focus, input[type="email"]:focus, textarea:focus {
background-color: var(--form-active-bg); 
color: #000;
}
input[type=checkbox]:focus + label, input[type=radio]:focus + label {
    color: #000; 
    background-color: var(--form-active-bg); 
    background-image: -webkit-linear-gradient(top, #fff, var(--form-active-bg) );
    background-image: -moz-linear-gradient(top, #fff, var(--form-active-bg));
    background-image: -ms-linear-gradient(top, #fff, var(--form-active-bg));
    background-image: -o-linear-gradient(top, #fff, var(--form-active-bg));
    background-image: linear-gradient(to bottom, #fff, var(--form-active-bg));
}
select {
    font: 15px/24px "opensanssemibold", Arial, sans-serif;
    color: #363636;
}
.hascontent {
    top: -16px;
    font-size: 12px;
    font-weight: 700;
    color: #009DDA;
    transition: 0.4s;
}
/** Arkeo Suche Modul Start **/
#MainNav1_btnSearch, #MainNav11_btnSearch, #MainNav21_btnSearch, #MainNav31_btnSearch, #MainNav41_btnSearch, #MainNav51_btnSearch, #MainNav61_btnSearch, 
#MainNav611_btnSearch, #MainNav621_btnSearch, #MainNav631_btnSearch, #MainNav71_btnSearch {
    background: #fff;
    float: right;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    margin: 0px 0px 0px 3px;
    padding: 8px;
    border: 1px solid #ccc;
}
input#MainNav1_txtSearch, input#MainNav11_txtSearch, input#MainNav21_txtSearch, input#MainNav31_txtSearch, input#MainNav41_txtSearch, input#MainNav51_txtSearch, 
input#MainNav61_txtSearch, input#MainNav611_txtSearch, input#MainNav621_txtSearch, input#MainNav631_txtSearch, input#MainNav71_txtSearch {
    border: 1px solid #ccc;
    
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    
    padding: 4px 2px;
    text-indent: 16px;
    
    -webkit-transition: all 0.2s;
    -moz-transition: all 2s;
    transition: all 0.2s;
    -o-transition: all 2s;
    
    width: 80px;
    vertical-align: top;
}
input#MainNav1_txtSearch::-webkit-input-placeholder, input#MainNav11_txtSearch::-webkit-input-placeholder, input#MainNav21_txtSearch::-webkit-input-placeholder, input#MainNav31_txtSearch::-webkit-input-placeholder, input#MainNav41_txtSearch::-webkit-input-placeholder, input#MainNav51_txtSearch::-webkit-input-placeholder,
input#MainNav61_txtSearch::-webkit-input-placeholder, input#MainNav611_txtSearch::-webkit-input-placeholder, input#MainNav621_txtSearch::-webkit-input-placeholder, input#MainNav631_txtSearch::-webkit-input-placeholder, input#MainNav71_txtSearch::-webkit-input-placeholder {
    text-indent: 12px;
}
input:focus#MainNav1_txtSearch, input:focus#MainNav11_txtSearch, input:focus#MainNav21_txtSearch, input:focus#MainNav31_txtSearch, input:focus#MainNav41_txtSearch, input:focus#MainNav51_txtSearch, 
input:focus#MainNav61_txtSearch, input:focus#MainNav611_txtSearch, input:focus#MainNav621_txtSearch, input:focus#MainNav631_txtSearch, input:focus#MainNav71_txtSearch {
    background-position: -20px center;
    text-indent: 0;
    width: 236px;
}
input:focus#MainNav1_txtSearch::-webkit-input-placeholder, input:focus#MainNav11_txtSearch::-webkit-input-placeholder, input:focus#MainNav21_txtSearch::-webkit-input-placeholder, input:focus#MainNav31_txtSearch::-webkit-input-placeholder, input:focus#MainNav41_txtSearch::-webkit-input-placeholder, input:focus#MainNav51_txtSearch::-webkit-input-placeholder,
input:focus#MainNav61_txtSearch::-webkit-input-placeholder, input:focus#MainNav611_txtSearch::-webkit-input-placeholder, input:focus#MainNav621_txtSearch::-webkit-input-placeholder, input:focus#MainNav631_txtSearch::-webkit-input-placeholder, input:focus#MainNav71_txtSearch::-webkit-input-placeholder {
    background-position: -20px center;
    text-indent: 0;
    width: 236px;
}
#searchin404 input#btnSearch {
    background: #fff;
    float: right;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    margin: 0px 0px 0px 3px;
    padding: 3px;
    border: 1px solid #ccc;
}
#searchin404 input#txtSearch {
    background-image: url(images/icon_search.png);
    background-position: 10px center;
    background-repeat: no-repeat;
    border: 1px solid #ccc;
    
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    
    padding: 4px 2px;
    text-indent: 26px;
    
    -webkit-transition: all 0.2s;
    -moz-transition: all 2s;
    transition: all 0.2s;
    -o-transition: all 2s;
    
    width: 300px;
}
#searchin404 {
    width: 340px;
    padding: 16px;
}
#search {
    padding-top: 6px;
    z-index: 200;
}
.ym {
    background-color: #ffffcc;
}
.searchitem {
    font-size: 1.1em;
    font-family: "opensanssemibold"; 
}
.searchitem img {
    vertical-align: middle;
}
a.searchitem, a.searchitem:link, a.searchitem:visited {
    text-decoration: none;
}
hr {
    margin: 0.8em 0;
    background:#F2F2F2;
    height:1px;
    color:#F2F2F2;
    border:none;
    clear:both
}
.req {
    display: none;
}
.rstar {
    color: #ff0000;
    vertical-align: super;
    font-size: 0.75em;
    padding: 0px 1px 0px 2px;
}
.hint { font-size: 0.8em; }
.mdtry { color: #ff0000; }
input[type="text"], input[type="number"], input[type="time"], input[type="date"], input[type="email"], input[type="password"], textarea {
    font: 15px/24px var(--input-font);
    color: #363636;
    width: 100%;
    letter-spacing: 1px;
    padding: 5px 10px;
    outline: none; !important;
    border: 1px solid #aaa;
}
input[type="text"]:focus, input[type="number"]:focus, input[type="time"]:focus, input[type="date"]:focus, input[type="email"]:focus, input[type="password"]:focus, textarea:focus {
    background-color: var(--form-active-bg); 
    color: #000;
    outline: 1px dotted #ccc; !important;
}
input[type=checkbox]:focus + label, input[type=radio]:focus + label {
    color: #000; 
    background-color: var(--form-active-bg); 
    background-image: -webkit-linear-gradient(top, #fff, var(--form-active-bg) );
    background-image: -moz-linear-gradient(top, #fff, var(--form-active-bg));
    background-image: -ms-linear-gradient(top, #fff, var(--form-active-bg));
    background-image: -o-linear-gradient(top, #fff, var(--form-active-bg));
    background-image: linear-gradient(to bottom, #fff, var(--form-active-bg));
}
select {
    font: 15px/24px var(--input-font);
    color: #363636;
}
.tooltip {
  position: relative;
  display: inline-block;
  background: url("images/icon_info.svg") center right no-repeat;
  background-size: 15px 15px;
  padding-right: 19px;
  cursor: grab;
  cursor: -webkit-grab;
}
.tooltiphint { font-size: 0.8em; }
.tooltip .tooltiptext {
  visibility: hidden;
  width: 420px;
  background-color: #EBECED;
  color: #363636;
  text-align: center;
  font-weight: normal;
  font-size: 0.85em;
  font-family: var(--tooltip-font);
  border-radius: 6px;
  padding: 12px 8px;
  position: absolute;
  z-index: 1;
  bottom: 100%;
  left: 50%;
  margin-left: -60px;
  
  /* Fade in tooltip - takes 1 second to go from 0% to 100% opac: */
  opacity: 0;
  transition: opacity 1s;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}
@supports (-webkit-appearance: none) or (-moz-appearance: none) {
	 input[type='radio'] {
		 --active: #0185b7;
		 --active-inner: #fff;
		 --focus: 3px rgba(53, 65, 75, .3);
		 --border: #C3C6C9;
		 --border-hover: #275efe;
		 --background: #fff;
		 --disabled: #f6f8ff;
		 --disabled-inner: #e1e6f9;
		 -webkit-appearance: none;
		 -moz-appearance: none;
		 height: 26px;
		 outline: none;
		 display: inline-block;
		 vertical-align: top;
		 position: relative;
		 margin: 0;
		 cursor: pointer;
		 border: 1px solid var(--bc, var(--border));
		 background: var(--b, var(--background));
		 transition: background 0.3s, border-color 0.3s, box-shadow 0.2s;
	}
	 input[type='radio']:after {
		 content: '';
		 display: block;
		 left: 0;
		 top: 0;
		 position: absolute;
		 transition: transform var(--d-t, 0.3s) var(--d-t-e, ease), opacity var(--d-o, 0.2s);
	}
	 input[type='radio']:checked {
		 --b: var(--active);
		 --bc: var(--active);
		 --d-o: 0.3s;
		 --d-t: 0.6s;
		 --d-t-e: cubic-bezier(0.2, 0.85, 0.32, 1.2);
	}
	 input[type='radio']:disabled {
		 --b: var(--disabled);
		 cursor: not-allowed;
		 opacity: 0.9;
	}
	 input[type='radio']:disabled:checked {
		 --b: var(--disabled-inner);
		 --bc: var(--border);
	}
	 input[type='radio']:disabled + label {
		 cursor: not-allowed;
	}
	 input[type='radio']:hover:not(:checked):not(:disabled) {
		 --bc: var(--border-hover);
	}
	 input[type='radio']:focus {
		 box-shadow: 0 0 0 var(--focus);
	}
	 input[type='radio']:not(.switch) {
		 width: 26px;
	}
	 input[type='radio']:not(.switch):after {
		 opacity: var(--o, 0);
	}
	 input[type='radio']:not(.switch):checked {
		 --o: 0.5;
	}
	 input[type='radio'] + label {
        font-size: 1em;
        line-height: 28px;
        display: inline-block;
        vertical-align: top;
        cursor: pointer;
        margin-left: 16px;
        margin-right: 12px;
	}

     .rbSpecial input[type='radio'] + label {
        font-size: 1em;
        line-height: 28px;
        display: inline-block;
        vertical-align: top;
        cursor: pointer;
        margin: -30px 12px 8px 38px;
	}

	 input[type='radio'] {
		 border-radius: 50%;
	}
	 input[type='radio']:after {
		 width: 24px;
		 height: 24px;
		 border-radius: 50%;
		 background: var(--active-inner);
		 opacity: 0;
		 transform: scale(var(--s, 0.7));
	}
	 input[type='radio']:checked {
		 --s: 0.5;
	}
}
.ddls {
   -webkit-appearance: none;
   -webkit-border-radius: 2px;
   -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
   -webkit-padding-end: 20px;
   -webkit-padding-start: 2px;
   -webkit-user-select: none;
   background-image: url(images/15xvbd5.png), -webkit-linear-gradient(#FAFAFA, #F4F4F4 40%, #E5E5E5);
   background-position: 97% center;
   background-repeat: no-repeat;
   border: 1px solid #AAA;
   color: #555;
   margin: 4px;
   overflow: hidden;
   padding: 5px 36px 5px 10px;
   text-overflow: ellipsis;
   white-space: nowrap;
   /*min-width: 272px;*/
}
.terminals [type="checkbox"]:not(:checked),
.terminals [type="checkbox"]:checked {
position: absolute;
left: 0;
opacity: 0.01;
}
.terminals [type="checkbox"]:not(:checked) + label,
.terminals [type="checkbox"]:checked + label {
position: relative;
padding-left: 2.3em;
font-size: 0.85em;
line-height: 1.7;
cursor: pointer;
}
/* checkbox aspect */
.terminals [type="checkbox"]:not(:checked) + label:before,
.terminals [type="checkbox"]:checked + label:before {
content: '';
position: absolute;
left: 0;
top: 0;
width: 1.4em;
height: 1.4em;
border: 1px solid #aaa;
background: #FFF;
border-radius: .2em;
box-shadow: inset 0 1px 3px rgba(0,0,0, .1), 0 0 0 rgba(1, 106, 145, .2);
-webkit-transition: all .275s;
    transition: all .275s;
}
/* checked mark aspect */
.terminals [type="checkbox"]:not(:checked) + label:after,
.terminals [type="checkbox"]:checked + label:after {
content: '✕';
position: absolute;
top: .5em;
left: .13em;
font-size: 1.375em;
color: --active;
line-height: 0;
-webkit-transition: all .2s;
    transition: all .2s;
}
/* checked mark aspect changes */
.terminals [type="checkbox"]:not(:checked) + label:after {
opacity: 0;
-webkit-transform: scale(0) rotate(45deg);
    transform: scale(0) rotate(45deg);
}
.terminals [type="checkbox"]:checked + label:after {
opacity: 1;
-webkit-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
}
/* Disabled checkbox */
.terminals [type="checkbox"]:disabled:not(:checked) + label:before,
.terminals [type="checkbox"]:disabled:checked + label:before {
box-shadow: none;
border-color: #bbb;
background-color: #e9e9e9;
}
.terminals [type="checkbox"]:disabled:checked + label:after {
color: #777;
}
.terminals [type="checkbox"]:disabled + label {
color: #aaa;
}
/* Accessibility */
.terminals [type="checkbox"]:checked:focus + label:before,
.terminals [type="checkbox"]:not(:checked):focus + label:before {
box-shadow: inset 0 1px 3px rgba(0,0,0, .1), 0 0 0 3px rgba(1, 106, 145, .3)
}
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
    -webkit-text-fill-color: #363636;
    -webkit-box-shadow: 0 0 0px 40rem #eef3d2 inset;
    border: 1px solid green;
}
input.error, textarea.error, select.error {
    border: 2px solid red;
    background-color: #ffcccc;
}
label.error {
    color: #ff0000;
    font-weight: bold;
}
.toggleerror {
    background-color: #ffcccc;
}
#pnlStart select.error#ddlTitle, select.error#ddlPlantType, select .ddls.error {
    border: 2px solid red;
    background-color: #ffcccc;
}
.ellipsis {
    display: inline-block;
    max-width: 400px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

/** Arkeo Suche Modul Ende **/
/* Arkeo Acordion Start*/
.tabfaq {
  position: relative;
  margin-bottom: 1px;
  width: 100%;
  overflow: hidden;
}
.tabfaq input {
  position: absolute;
  opacity: 0;
  z-index: -1;
}
.tabfaq label {
  position: relative;
  display: block;
  padding: 0 0 0 1em;
  font-weight: bold;
  line-height: 3;
  cursor: pointer;
  /*border: 1px solid #eaeaea;*/
}
.tabfaq-content {
  max-height: 0;
  overflow-x: hidden;
  overflow-y: hidden;
  background: #fff;
  -webkit-transition: max-height .35s;
  -o-transition: max-height .35s;
  transition: max-height .35s;
  border-top: 1px solid #ccc;
  padding: 0px 16px;
}
/* :checked */
.tabfaq input:checked ~ .tabfaq-content {
  max-height: 100vh;
  padding: 0px 16px;
}
/* Icon */
.tabfaq label::after {
  position: absolute;
  right: 0;
  top: 0;
  display: block;
  width: 3em;
  height: 3em;
  line-height: 3;
  text-align: center;
  -webkit-transition: all .35s;
  -o-transition: all .35s;
  transition: all .35s;
}
.tabfaq input[type=checkbox] + label::after {
  content: "+";
  color: #016A91;
  font-size: 1.8em;
  font-weight: normal;
}
.tabfaq input[type=radio] + label::after {
  content: "\25BC";
}
.tabfaq input[type=checkbox]:checked + label::after {
  transform: rotate(315deg);
}
.tabfaq input[type=radio]:checked + label::after {
  transform: rotateX(180deg);
}
/* Arkeo Acoridion End*/
#pnlStart {
    margin: 0 auto; max-width: 940px;
    padding: 40px;
    background: hsl(206, 33%, 96%);
}
.calBooking {
    border: none;
    font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
    margin: 0px auto;
    background-color: hsl(206, 33%, 96%);
}
.calBooking th {
    font-weight: 700;
    padding: 10px;
}

.calBooking td {
    padding: 8px;
    text-align: center;
    /*border-radius: 8px;*/
    transition: all 0.2s ease;
}

.calBooking td:hover {
    background: hsl(206, 33%, 83%);
    cursor: pointer;
}

.calBooking td.calNoneselDay:hover {
    background: transparent;
    cursor: not-allowed;
}

.calBooking .calTitle td:hover {
    background-color: transparent;
    cursor: default;
}

/*.calBooking a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: #f1f5f9;
}*/

.calBooking a:hover {
    text-decoration: none;
}

.calBooking td a {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 100%;
    height: 100%;

    text-decoration: none;
    box-sizing: border-box;
}

.calBooking table td:first-child a:first-child {
    content: "";
    display: inline-block;
    width: 40px;
    height: 40px;
    background: url('images/pfeil_l.svg') no-repeat center;
    background-size: 32px 32px;
}

.calBooking table td:first-child a:first-child:hover {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #f1f5f9 url('images/pfeil_l.svg') no-repeat center;
    background-size: 32px 32px;
}

.calBooking table td:last-child a:last-child {
    content: "";
    display: inline-block;
    width: 40px;
    height: 40px;
    background: url('images/pfeil_r.svg') no-repeat center;
    background-size: 32px 32px;
}

.calBooking table td:last-child a:last-child:hover {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #f1f5f9 url('images/pfeil_r.svg') no-repeat center;
    background-size: 32px 32px;
}

.calBooking td.range-start {
    background-color: #0d6efd !important;
    color: white !important;
    border-radius: 50% 0 0 50%;
}
.calBooking td.range-end {
    background-color: #0d6efd !important;
    color: white !important;
    border-radius: 0 50% 50% 0;
}




.range-day {
    color: black !important;
    background-color: #cfe2ff !important;
}

.range-start {
    background-color: #0d6efd !important;
    color: white !important;
    border-radius: 50% 0 0 50% !important;
}

.range-end {
    background-color: #0d6efd !important;
    color: white !important;
    border-radius: 0 50% 50% 0 !important;
}
.calDayHeader{
	font-weight: 700;
    color: hsl(202, 95%, 46%);
}
.calDay{
    padding: 10px;
}
.calNextPrev{
	font-weight: 400;
}
.calNextPrev a {
    font-weight: 400;
    padding: 14px;
}
.calNextPrev a:hover {
    font-weight: 400;
    padding: 14px;
	background: hsl(202, 95%, 96%);
}
.calOtherMonth{
	background: hsl(206, 33%, 93%);
}
.calSelectedDaylnk {
    color: hsl(206, 33%, 53%) !important;
}
.calSelector{
	        
}
.calTitle{
    padding: 2px;
    font-weight: 700;
	color: hsl(209, 98%, 23%);
}

.calBooking .calTitle td {
    padding: 1px;
}

.calTodayDay{
    outline: 2px solid hsl(206, 33%, 53%);
    outline-offset: -2px;
	/*background: ;*/
}
.calTodayDay a {
    font-weight: 900;
}
.calBooking .aspNetCalendarDayToday {
    background-color: #ffeeba !important;
    color: #000 !important;
    border-radius: 8px;
}
.calWeekendDay{
	/*background: hsl(202, 95%, 93%);*/
}
.calNoneselDay {
    color: #ccc;
    /*background-color: #fafafa;*/
}
.calDay, .calNoneselDay, .range-day {
    padding: 10px;
}
@media only screen and (max-width: 599px) {
    .ti-desktop { display: none; }
    .galleryImg {
        width: 100%;
    }
    .rowreverse { display: flex; flex-direction: column-reverse; }
    .subnav-border {
        padding-top: 0;
        border-right: none;
        margin: 1.3em;
        text-align: right;
    }
    .tabfaq label {
      line-height: 2.8;
      width: 92%;
    }
    /* Icon */
    .tabfaq label::after {
      left: 75vw;
      top: -17px;
      line-height: 2.8;
    }
    .tabfaq input[type=checkbox] + label::after {
      font-size: 1.8em;
    }
}
@media only screen and (min-width: 600px ) {
    .ti-desktop { display: none; }
    .ti-mobile { display: inherit; }
}
@media screen and (min-width: 801px) {
    .ti-desktop { display: inherit; }
    /* Grid Start */
    .row-bloglayout {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
    }
}
@media screen and (min-width: 962px) {
    .ti-desktop { display: inherit; }
    .ti-mobile { display: none; }
    .row-bloglayout:after, .row-bloglayout:before {
        content: " ";
        display: table;
    }
}
/*@media (prefers-color-scheme: dark) {
    article a, .blog-teaserimg-inner {
        background-color: hsl(197, 100%, 7%);
    }
    .blog-teaserhl, .blog-teasertext {
        color: #EDEDED;
    }
    .subnav-blog_mini a:link, .subnav-blog_mini a:visited { color: #363636; }
    .subnav-blog_mini h1, .subnav-blog_mini h2, .subnav-blog_mini h3, .subnav-blog_mini h4, .subnav-blog_mini h5, .subnav-blog_mini h6 {
        color: #363636;
    }
}*/