/* Minification failed. Returning unminified contents.
(3,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(24,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(25,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(26,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(27,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(30,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(31,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(36,77): run-time error CSS1039: Token not allowed after unary operator: '-font'
(39,52): run-time error CSS1039: Token not allowed after unary operator: '-font'
(49,136): run-time error CSS1039: Token not allowed after unary operator: '-input'
(52,53): run-time error CSS1039: Token not allowed after unary operator: '-table_search'
(53,56): run-time error CSS1039: Token not allowed after unary operator: '-table_search'
(54,58): run-time error CSS1039: Token not allowed after unary operator: '-marked'
(57,98): run-time error CSS1039: Token not allowed after unary operator: '-header'
(58,83): run-time error CSS1039: Token not allowed after unary operator: '-header'
(60,20): run-time error CSS1039: Token not allowed after unary operator: '-header'
(62,21): run-time error CSS1039: Token not allowed after unary operator: '-error'
(64,43): run-time error CSS1039: Token not allowed after unary operator: '-font'
(65,26): run-time error CSS1039: Token not allowed after unary operator: '-font'
(65,55): run-time error CSS1039: Token not allowed after unary operator: '-font'
(85,104): run-time error CSS1039: Token not allowed after unary operator: '-placeholder_font'
(86,39): run-time error CSS1039: Token not allowed after unary operator: '-font'
(92,31): run-time error CSS1039: Token not allowed after unary operator: '-font'
(93,48): run-time error CSS1039: Token not allowed after unary operator: '-marked'
(115,59): run-time error CSS1039: Token not allowed after unary operator: '-font'
(115,118): run-time error CSS1039: Token not allowed after unary operator: '-font'
(117,64): run-time error CSS1039: Token not allowed after unary operator: '-hover'
(119,41): run-time error CSS1039: Token not allowed after unary operator: '-input'
(126,44): run-time error CSS1039: Token not allowed after unary operator: '-font'
(127,50): run-time error CSS1039: Token not allowed after unary operator: '-hover'
(130,66): run-time error CSS1039: Token not allowed after unary operator: '-font'
(134,23): run-time error CSS1039: Token not allowed after unary operator: '-font'
(134,52): run-time error CSS1039: Token not allowed after unary operator: '-table_search'
(136,39): run-time error CSS1039: Token not allowed after unary operator: '-table_search_button_hover'
(143,137): run-time error CSS1039: Token not allowed after unary operator: '-input'
(143,168): run-time error CSS1039: Token not allowed after unary operator: '-font'
(144,67): run-time error CSS1039: Token not allowed after unary operator: '-input'
(145,64): run-time error CSS1039: Token not allowed after unary operator: '-table_search_button_hover'
(146,65): run-time error CSS1039: Token not allowed after unary operator: '-font'
(149,102): run-time error CSS1039: Token not allowed after unary operator: '-font'
(157,132): run-time error CSS1039: Token not allowed after unary operator: '-input'
(157,163): run-time error CSS1039: Token not allowed after unary operator: '-placeholder_font'
(158,61): run-time error CSS1039: Token not allowed after unary operator: '-table_search_button_hover'
(159,62): run-time error CSS1039: Token not allowed after unary operator: '-placeholder_font'
(162,95): run-time error CSS1039: Token not allowed after unary operator: '-font'
(168,53): run-time error CSS1039: Token not allowed after unary operator: '-input'
(177,28): run-time error CSS1039: Token not allowed after unary operator: '-hover'
(178,24): run-time error CSS1039: Token not allowed after unary operator: '-hover'
(192,25): run-time error CSS1039: Token not allowed after unary operator: '-scrollbar'
(199,25): run-time error CSS1039: Token not allowed after unary operator: '-scrollbar_hover'
(214,96): run-time error CSS1039: Token not allowed after unary operator: '-navigation'
(218,78): run-time error CSS1039: Token not allowed after unary operator: '-table_search'
(233,16): run-time error CSS1039: Token not allowed after unary operator: '-font'
(287,1): run-time error CSS1019: Unexpected token, found '}'
(291,27): run-time error CSS1039: Token not allowed after unary operator: '-logo'
(294,101): run-time error CSS1039: Token not allowed after unary operator: '-header'
(297,100): run-time error CSS1039: Token not allowed after unary operator: '-font'
(298,46): run-time error CSS1039: Token not allowed after unary operator: '-hover'
(303,128): run-time error CSS1039: Token not allowed after unary operator: '-menu-bg'
(317,53): run-time error CSS1039: Token not allowed after unary operator: '-header'
(327,132): run-time error CSS1039: Token not allowed after unary operator: '-logo'
 */

:root {
  --logo: #bc6b34;
 /* --logo: #CC5619;*/  
  --input: #F0F0F0;
  --font: #414141;
  --header: #414141;
  --link_font: #0078D4;
  --placeholder_font: #757575;
  --scrollbar:#b0b0b0;
  --scrollbar_hover:#aaaaaa;
  --border_color:#eaeaea;
  --navigation:#CFCFCF;
  --table_search:#F0F0F0;
  --table_search_button_hover:#E2E2E2;
  --table_sort:#847E83;
  --table_sort_hover:#414141;
  --table-edit:#f8f8f8;
  --table_edit_button:#e4e4e4;
  --marked:#DEECF9;
 /* --hover:#F8F8F8;*/
  --hover:#F3F3F3;
  --menu-bg:#fbfbfb;
  --error:#F05133;
  --blue:#3251EF;
  --red:#F05133;
  --green:#339947;
  --orange:#EFAC4F;

  --lightgreen:#CCFFD1;
  --lightorange:#FFE2BC;
  --lightred:#FFCBC9;
}


html, body, form { margin:0px;padding:0px;background-color:white;color:var(--font) }

div, body, input, table, select, textarea {
        font-size:14px;line-height:18px;color:var(--font);
       font-family: "Segoe UI","-apple-system",BlinkMacSystemFont,Roboto,"Helvetica Neue",Helvetica,Ubuntu,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
       -webkit-font-smoothing:antialiased;
       -moz-osx-font-smoothing:grayscale;
       font-smoothing:antialiased;
}

a { text-decoration:none }
div { box-sizing:border-box  }
h1, h2, h3, h4, h5, p { padding:0px;margin:0px;font-weight:normal;box-sizing:border-box }
input, select, textarea { box-sizing:border-box;outline:none;border-width:0px;border-radius:4px;border-width:0px;background-color:var(--input);padding:5px 6px } 

/*progress { accent-color: var(--marked); color:red; }*/
progress::-moz-progress-bar {background-color: var(--table_search); }
progress::-webkit-progress-bar {background-color: var(--table_search); }
progress::-webkit-progress-value {background-color: var(--marked); }
progress {border-radius: 8px; overflow: hidden; height: 6px;}

h1 { font-size:18px;line-height:22px;margin-bottom:4px;margin-top:8px;font-weight:600;color:var(--header);display:inline-block;margin-left:15px }
h2 { font-size:18px;line-height:24px;margin-bottom:6px;font-weight:600;color:var(--header) }

h1 a { color: var(--header); }

.error { color:var(--error); }

.send { color:white;background-color:var(--font);padding:5px 25px;display:inline-block;border-radius:4px }
.send:hover { color:var(--font);border:solid 1px var(--font);background-color:white }

.headline { margin-left:10px }
.headline-nav { display:inline-block }
.headline-message { display:inline-block;margin:11px 20px 0px 20px }

.headline-filter {

}
.headline-filter { position:relative; }
.headline-filter > div { position:absolute;right:20px;top:-28px; }

.headline-nav-text { display:inline-block;text-align:right;width:850px }
.headline-nav-text > div { display:inline-block;margin-left:30px }

.main { max-width:2400px }
.clear { height:0px;clear:both; } 


.dropdown-container { position:relative }
.dropdown-multi { padding: 5px 10px 3px 10px;display: block;cursor:pointer;max-width:300px;color: var(--placeholder_font);  }
.dropdown-multi .marked { color: var(--font);  }
.dropdown-multi span { float:right;width:15px;height:15px;margin-left:15px;display:block; transition: 0.6s ease;background-image:url('/graphic/button/angle-small-down.svg');
                             background-size:contain;background-position:center center;background-repeat:no-repeat;margin-top:2px }
.dropdown-multi.open span { transform: rotate(180deg); transition: 0.6s ease; }
ul.dropdown { display: none; position: absolute; top: 100%; margin-top: 0px; padding: 5px 0px 5px 0; background:#f5f4f2;z-index:88;width: 95%;max-width: 300px;min-width:200px; max-height: 400px; overflow: auto; }
ul.dropdown li { list-style-type: none;/*border-bottom:solid 1px white;*/ }
ul.dropdown li a { color:var(--font);padding:3px 10px;display:block }
ul.dropdown li a:hover { background-color:var(--marked); }
ul.dropdown li:last-child { border-bottom-width:0px }
ul.dropdown li label { position:relative;top:-1px;left:1px }
ul.dropdown input[type='checkbox'] { accent-color: #b91e28; }



.popup { position: fixed; top: 0px; left: 0px; right: 0px; bottom: 0px; z-index: 90; display:none; }
.popup-bg { position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; z-index: 90; background-color:black; opacity:0; }
.popup-box {  position: absolute; top: 50%; left: 50%; z-index: 91; background-color:white; border-radius:4px; padding:50px 30px 20px 30px; 
              transform:translate(-50%,-50%); width:500px;max-width:100%;min-height:220px }
.popup-close { float:right;position:relative;top:-25px;cursor:pointer; }
.popup-close img { height:14px }
.popup-box h4 { font-weight:600;margin-bottom:10px;font-size:16px }
.popup-box .loading { display:none;margin:10px 0px }
.popup-box .loading img { height:35px }
.popup-box #txtVirtualAsset div { margin-top:3px }
.popup-box .divVirtualAsset td:first-child { vertical-align:top;padding-top:7px }
.popup-box #txtVirtualAsset input[type=radio] { width:20px;display:inline-block;position:relative;top:1px }

.popup-box .popup-subbox { margin-top:30px }
.popup-box .popup-subbox > div { margin-top:10px }
.popup-box .popup-subbox > div a { border: solid 1px var(--font); padding: 5px 20px; border-radius: 4px; color: var(--font);margin-top:4px;display:inline-block }
.popup-box .popup-subbox > div a img { height:10px }
.popup-box .popup-subbox > div a:hover { background-color:var(--hover); }

.popup-line { border-top:solid 1px var(--input);padding-top:10px }

.popup-box-large { width:920px }
.popup-box-large > div { width:420px; display:inline-block }

.file-upload { position:relative;overflow:hidden;padding:10px 0px;margin-top:10px  }
.file-upload input { position:absolute;top:-600px }
.file-upload label { border:solid 1px var(--font);padding:5px 20px;border-radius:4px;cursor:pointer }
.file-upload label:hover { background-color:var(--hover); }
.file-upload label img { margin-right: 5px; height: 10px; }

#drop-area { width: 100%; padding: 30px; border: 1px dashed var(--font); text-align: center;margin-bottom: 20px; }
.drag-over { background-color: #f0f0f0; }
#upload-status { margin-top: 10px; font-weight: bold; }

.button { color: var(--font);background-color:var(--table_search);display: inline-block;padding: 3px 8px;border-radius: 4px;cursor: pointer; }
.button img { margin-right: 5px;height: 10px; }
.button:hover { background-color:var(--table_search_button_hover) }

/* Radiobutton */
.radiobutton { display: block; position: relative; padding-left: 25px; margin-bottom: 6px; cursor: pointer; 
               -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.radiobutton-list .radiobutton { margin-bottom: 12px; }
.radiobutton input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; }
.radiobutton .checkmark { position: absolute; top: 3px; left: 4px; border-radius:50%; height: 10px; width: 10px; background-color: var(--input); border:solid 1px var(--font); }
.radiobutton-list .radiobutton .checkmark { border:solid 1px var(--input);top:0px;left:0px }
.radiobutton:hover input ~ .checkmark { background-color: var(--table_search_button_hover); }
.radiobutton input:checked ~ .checkmark { border:solid 1px var(--font); }
.radiobutton .checkmark:after { content: ""; position: absolute; display: none; }
.radiobutton input:checked ~ .checkmark:after { display: block; }
.radiobutton .checkmark:after { left: 2px; top: 2px; width: 6px; height: 6px; background-color: var(--font); border-radius:50%; }
.radiobutton-list .radiobutton div {  width: 36px; height: 16px; left: -27px; top: -3px; position: relative; margin: 1px 0px; border-radius: 8px; }
.radiobutton-list .radiobutton { width:60px;float:left;margin:8px 0px 0px 4px;  }

/* Checkbox */
.checkbox { display: block; position: relative; padding-left: 22px; margin:5px 10px 7px 2px; cursor: pointer; 
               -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.checkbox input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; }
.checkbox .checkmark { position: absolute; top: 1px; left: 0; border-radius:2px; height: 13px; width: 13px; background-color: var(--input); border:solid 1px var(--placeholder_font); }
.checkbox:hover input ~ .checkmark { background-color: var(--table_search_button_hover); }
.checkbox input:checked ~ .checkmark { border:solid 1px var(--placeholder_font); }
.checkbox .checkmark:after { content: ""; position: absolute; display: none; }
.checkbox input:checked ~ .checkmark:after { display: block; }
.checkbox .checkmark:after { left: 4px; top: 1px; width: 3px; height: 7px; border: solid var(--font); border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.checkbox div {   }
.checkbox-list .checkbox { width:176px;float:left;margin:8px 0px 8px 4px;  }


#tagsContainer { max-width:317px }
.tag { display: inline-block; background-color:var(--input); padding: 5px 10px; margin: 0px 4px 4px 0px; border-radius: 5px; }
.tag .edit-btn, .tag .delete-btn { background: none; border: none; cursor: pointer; margin-left: 2px; }
.tag img, .add-btn img { height:12px }
.tag .delete-btn img { height:10px }
.add-btn { background: none; border: none;font-size:20px; cursor: pointer; margin-left: 5px; }


/* HOVER-Farbe anpassen */
.ui-menu-item-wrapper.ui-state-active {
    background-color: var(--hover) !important; /* Eigene Hover-Farbe */
    border-color: var(--hover) !important; /* Eigene Hover-Farbe */
    color: black !important; /* Textfarbe im Hover */
}

/* custom scrollbar */
::-webkit-scrollbar {
  width: 14px;
}

::-webkit-scrollbar-track {
  background-color: transparent;
}

::-webkit-scrollbar-thumb {
  background-color:var(--scrollbar);
  border-radius: 14px;
  border: 6px solid transparent;
  background-clip: content-box;
}

::-webkit-scrollbar-thumb:hover {
  background-color:var(--scrollbar_hover);
}


.navigation .headline-nav ul.dropdown li a img { display:none }

.navigation-color { color:red }
a.selected .navigation-color { color:blue }

@media screen and (min-width: 1020px) {
    .navigation { width:260px; }
    .navigation .headline-nav { display:block;float:left }
    .navigation .headline-nav .dropdown-container { position:static }
    .navigation .headline-nav .dropdown-multi { display:none }
    .navigation .headline-nav .dropdown { display:block;position:absolute;top:82px;height:150%;min-height:1000px;width:260px;padding:40px 0px;margin:0px; border-radius: 4px;
        border-bottom-left-radius: 0px; border-bottom-right-radius: 0px;background-color: var(--navigation);
        box-shadow: 0 9px 0px 0px white, rgba(0, 0, 0, 0.11) 0px 0.6px 1.8px 0px, rgba(0, 0, 0, 0.11) 0px 0.6px 2.2px 0px, rgba(0, 0, 0, 0.11) 0px 0.6px 2.2px 0px; }
    .navigation .headline-nav ul.dropdown li a { padding:9px 0px 7px 18px }
    .navigation .headline-nav ul.dropdown li a.selected { font-weight:600;background-color:#D0B097 }
    .navigation .headline-nav ul.dropdown li a:hover { background-color:var(--table_search) }
    
    .navigation .headline-nav ul.dropdown li a img { width:25px;vertical-align:middle;position:relative;top:-2px;margin-right:14px;display:inline-block }
    .navigation .headline-nav ul.dropdown li a img.on { display:none }
    .navigation .headline-nav ul.dropdown li a img.off { display:inline-block }
    .navigation .headline-nav ul.dropdown li a.selected img.on { display:inline-block }
    .navigation .headline-nav ul.dropdown li a.selected img.off { display:none }
}

@media screen and (max-width: 899px) {
    .widescreen { display:none !important }
}



a { color:var(--font) }

.login-bg { background:url('/graphic/login/header_1.png') no-repeat; background-position:top center;position:absolute;top:0px;bottom:0px;left:0px;right:50%  }
.login-bg div { top: 100px; left: 0px; right: 0px; text-align: center; position: absolute;  }
/*.login-bg div img { width:200px  }*/

/*.licence { width:100%;max-width:1000px;margin:0px auto;padding:0px 10px }*/
.licence table { width:100%;max-width:1000px }
.licence table td { padding:0px 10px 5px 0px;width:50% }
.licence table input, .licence table textarea { width:100%;box-sizing: border-box; }

/*.login { width:100%;max-width:1000px;margin:0px auto; }
.login table { margin:0px auto }
.login table td { padding:0px 10px 5px 0px; }*/

.login-title { margin:20px 0px;text-align:center }
.login-title h1 { margin:2px 0px 20px 0px;display:block }

.login-form { margin:20px auto;width:300px }
.login-form h3 { font-size:12px;margin-bottom:5px;margin-top:10px }
.login-form input { border: 1px solid #C4C4C4; border-radius: 5px; background-color:white;width:300px;padding:14px 16px }

.login-form a { background-color:#BC6B34; border:solid 1px #BC6B34; color:white; text-align:center; box-sizing:border-box; padding: 15px 5px; display: inline-block; border-radius: 4px; width:300px;margin-top:20px;margin-bottom:20px;text-align:center }
.login-form a:hover { background-color:white; color:#BC6B34; display: inline-block;  }

.login-info { height:20px;text-align:center }

.licence table .send { margin-top:3px }

.footer { position:absolute;bottom:8px;left:0px;right:0px; padding:0px 10px;text-align:center;display:none }

.licence { /*position:absolute;top:40px;bottom:60px;*/overflow:auto;padding-left:20px }
.login {
  position: absolute;margin-top:-40px;
  top: 50%;left:50%;right:0px;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);}

.login-header { position: absolute; left: 100px; top: 100px; }
/*
@media screen and (min-height: 600px) {
  .licence { top:100px }
}

@media screen and (min-height: 800px) {
   .licence { top:200px }
}*/


@media screen and (max-width: 800px) {
   .login-bg { position: static;  width: 0px;}
   .login { left: 0px; top: 260px; transform: none;}

}
}

.header { padding:5px 10px;height:48px }

.header-logo { color:var(--logo);font-size:26px;font-weight:600;letter-spacing:0.3px;width:160px;display:inline-block;z-index:85;position:relative;padding:11px 0px 0px 40px }
.header-logo img { height:30px;position:absolute;left:11px;top:-20px }
.header-logo font { font-size:18px;font-weight:600;display:inline-block;margin-left:5px }
.header-logo span { font-size:10px;font-weight:600;display:inline-block;margin-left:7px;color: var(--header); }

.header-menu { display:inline-block;margin-top:12px }    
.header-menu a { display:inline-block;padding:5px 16px;cursor:pointer;border-radius:4px;color:var(--font);font-weight:600;font-size:16px }  
.header-menu a:hover { background-color:var(--hover) } 

.header-menu > ul { position: relative; width: auto; float: left; list-style: none; margin: 0px; padding: 0px; }
.header-menu > ul > li { position: relative; float: left; }
.header-menu > ul > li:hover > ul { display:block }
.header-menu > ul > li > ul { list-style: none;margin:0px; padding: 0px; position:absolute; display:none;background-color:var(--menu-bg);border-radius:5px;z-index:99 }
.header-menu > ul > li > ul a { display:block;font-size:13px;font-weight:normal }

.header-menu-close { position:absolute;padding:19px;right:0px;top:0px;display:none;cursor:pointer }
.header-menu-close img { height:16px }

.header-right { position:absolute;right:15px;top:15px }
.header-right > div { display:inline-block;height:30px;padding-left:5px;padding-right:5px }

.header-right > div.header-menu-icon { display:none }
.header-right > div.header-menu-icon img { height:14px;vertical-align:top;margin-top:2px;cursor:pointer }

.header-right > div.header-language { width:65px;padding-right:0px }
.header-language .dropdown-multi span { margin-left:5px }
.header-language .dropdown-multi font { color: var(--header);font-weight:600 }
.header-language ul.dropdown { min-width:80px;width:80px;max-height:300px;overflow:auto }

.header-logout { padding:4px 10px 0px 10px;cursor:pointer }
.header-logout img { height:16px;vertical-align:top }

.header-help { padding:4px 10px 0px 10px;cursor:pointer }
.header-help img { height:17px;vertical-align:top }

.header-profile { text-align:center; }
.header-profile a { border-radius:50%;width:30px;text-align:center;height:24px;padding-top:6px;display:block;background-color:var(--logo);color:white; }




@media screen and (max-width: 1019px) {
    .header-menu { display:none }  
    .header-menu.open { display:block;z-index:80;position:absolute;top:0px;left:0px;right:0px;bottom:0px;background-color:white;padding-top:70px } 
    .header-menu.open a { display:block;text-align:center;padding:20px 0px }  
    .header-menu.open .header-menu-close { display:block }
    .header-right > div.header-menu-icon { display:inline-block }
    .header-logo img { top:6px }
}


@media screen and (max-width: 599px) {
    .header-right > div.header-language { display:none }  
}