@import url('https://fonts.googleapis.com/css2?family=Ubuntu:wght@300;400&display=swap');
* {font-family: 'Ubuntu', sans-serif;color: #191919;font-size: 1rem;line-height: 1.5rem;text-transform: none;font-weight: 400;}
.box-1 {border: 0;}
input[type="text"],input[type="email"],input[type="password"], input[type="number"], input[type="date"], select, textarea {background: #fff;border: 0;box-shadow: none;padding: 0.7em;}
.btn-color-7, .btn-color-7.color-1 {background: #e8e8e8;color: #656565;}
.paddingBox {padding: 1em;} 
.layout {background: #fff;padding: 1em;overflow: hidden;}
.left-nav-bg-color{background-color: #ffffff;}
.left-nav-bg-color:hover {background-color: #fff;color: #111;}
.left-nav-bg-color.active > a {background-color: #fff;color: #111;}
.isStartside .layout {padding: 0;}
#lastViewBox {padding: 1em;}
.bg-color-7 {background-color: #024589;}
.dsBox [name="dsCheck"] {top: 6px;}
.ui-dialog .ui-dialog-title {color: #fff !important;}
.fancybox-inner {max-width: 1000px !important;}

/* colors */
.btn-color-2 {background: var(--primaryBackground);}
.btn-color-2:hover {background: var(--primaryBackgroundHover);}
input[type="text"],input[type="email"],input[type="password"], input[type="number"], input[type="date"], select, textarea {border: 1px solid var(--primaryBorderColor);}
body {background: var(--bodyBackground);}
.left-nav-bg-color a:hover {color: var(--primaryColor);}
.extraSites .left-nav-bg-color a:hover {color: var(--primaryColor);}
.btn-color-3, .btn-color-3:hover {background: var(--highlightBackground);color: var(--primaryColor);font-weight: 600;}
/*.btn-color-3, .btn-color-3:hover {background: var(--primaryBackground);color: #fff;font-weight: 400;}*/
.activeTab span {border-bottom: 3px solid var(--primaryBorderColor);}
.badge {background: var(--primaryBackground) !important;}
.articlePreview h2 span {font-weight: 600;color: var(--primaryBackground);}
.articlePreview {background: var(--bodyBackground);}
h2.heading {color: var(--primaryColor);}
.footer .footerBoxHeader {color: var(--primaryColor);}
footer .bottomLine {border-top: 1px solid var(--primaryColor);}
#categoriesTop > ul > li > a > .categorieName {color: var(--primaryColor);}
#categoriesTop > ul > li > a > .categorieName:hover {color: var(--primaryColorHover);}
.listpager {background: var(--bodyBackground);}

input[type="text"].gruen, input[type="email"].gruen, input[type="password"].gruen, input[type="number"].gruen, input[type="radio"], input[type="date"].gruen, select.gruen, textarea.gruen {background-color: #eaf7c6;border-color: #709212;}
input[type="text"].rot, input[type="email"].rot, input[type="password"].rot, input[type="number"].rot, input[type="radio"], input[type="date"].rot, select.rot, textarea.rot {background-color: #ffd2ce;border: 1px solid #b01204;}

[aria-describedby="wk_add_layer"].ui-dialog {position: fixed !important;}
.dsBox label span {
    display: inline-block;
    float: left;
    top: 1px;
    position: relative;
    left: 3px;
    font-size: 0.8rem;
}
.dsBox a {
    text-decoration: underline;
    font-size: 0.8rem;
}
/* MI #30990
:root {
  --primaryBackground: #B5CF36;
}
 */