body { padding-top: 52px; font-size: 12px;}
 a, a:active, a:visited{ color: #950000;}
 a:hover{ color: #CC0000;}
.portfolio-item { margin-bottom: 30px;}
.navbar-dark{ background-color: transparent;}

.web_loader, .web_loader_frame{  font-family: Arial, Helvetica, sans-serif; display: inline; position: absolute; margin: 0; z-index: 9999; padding: 0;}
.web_loader{ display: none; color: #000; top: 0; left: 0; right: 0; bottom: 0; background-image: url(../images/webpage/opacy_dark.png); position: fixed;}
.web_loader_frame{ top: 10%; left: 10%; right: 10%; bottom: 10%; min-width: 500px; min-height: 450px; border-radius: 4px;}
.web_loader_frame .menue{ display: inline; position: absolute; text-align: right; top: -10px; left: 0%; right: 0%; margin: 0; padding: 0; text-align: center; border-radius: 4px 4px 0 0; min-height: 1.8em; z-index: 999;}
.web_loader_frame_inner{ border-radius: 3px; display: inline-block; position: absolute; background-color: #fff; margin: 0; padding: 0; top: 2px; left: 2px; right: 2px; bottom: 2px; overflow: auto;}
.web_loader_frame_inner_fix{ display: inline-block; position: absolute; background-color: #fff; margin: 0; padding: 0; top: 20px; left: 16px; right: 16px; bottom: 5.4em; overflow: auto;}
.web_loader_frame_wrapper{ font-size: 1.125em; display: block; margin: 2px; padding: 4px;}
.web_loader_frame_wrapper .titel{ display: block; font-weight: bold; padding: 4px; margin: 4px; font-size: 1.5em;}

.web_loader_btn{ display: inline-block; min-width: 5em; color: #fff; cursor: pointer; margin: -0.5em 0.5em; padding: 0.3em 1.4em; line-height: 1.8em; font-size: 1.0215em; background-color: #202020; font-weight: bold; border-radius: 0.4em; border: 1px solid #202020;}
.web_loader_btn:hover{ background-color: #cc0000; min-width: 4em; font-size: 1.425em; padding: 0.15em 0.6em; border-radius: 0.3em; margin: -0.5em 0em;}
.web_loader_frame_inner .check_buttons_frame{ display: inline; position: absolute; bottom: 0; left: 0; right: 0;  min-height: 5em;}
.web_loader_frame_inner .check_buttons_frame .web_loader_btn{ float: right; padding: 0.40em 2.5em; margin: 1em 2em 1em 2em; }
.web_loader_frame_inner .check_buttons_frame .web_loader_btn:hover{ font-size: 1.75em; padding: 0.10em 1.45em; margin: 0.4em 0.8em 0em 0.8em; }

.btn_color_green{ color: #fff; background-color: #009900;}
.btn_color_green:hover{ color: #fff; background-color: #00CC00;}
.btn_color_red{ color: #fff; background-color: #CC0000;}
.btn_color_red:hover{ color: #fff; background-color: #FF1A1A;}
.btn_color_orange{ color: #fff; background-color: #FF6600;}
.btn_color_orange:hover{ color: #fff; background-color: #FEA225;}
.btn_color_blue{ color: #fff; background-color: #2B6B9F;}
.btn_color_blue:hover{ color: #fff; background-color: #65A3D6;}

.web_loader_frame .menue .web_loader_btn{ float: right;}


.loader_on_load{ width: 100%; min-height: 500px; display: none; background-position: center; background-repeat: no-repeat; background-size: 340px; background-image: url(../images/webpage/loader.gif); text-align: center; line-height: 600px; font-size: 10px;}
.content_on_load{ visibility: visible;}
.fx-ease, .fx{ -ms-transition: all .18s ease-in-out; -moz-transition: all .18s ease-in-out; -webkit-transition: all .18s ease-in-out; -o-transition: all .18s ease-in-out; transition: all .18s ease-in-out;}
.fx-bg{ -ms-transition: background-color .3s linear; -moz-transition: background-color .3s linear; -webkit-transition: background-color .3s linear; -o-transition: background-color .3s linear; transition: background-color .3s linear;}
.bg_dark{ background-color: #202020;}
.bg_light{ background-color: #EEEEEE;}

.nav-item .nav-link{ color: #202020; margin-left: 4px; margin-right: 4px;}
.dropdown,.container .navbar-brand,.container .navbar-brand:hover,.nav-item .nav-link:hover{ color: #CC0000;}

.icon-titel{ margin-left: 20px; display: none;}
.icon-settings{ background-image: url(../images/webpage/ico/settings.png); background-position: left bottom;}
.icon-settings-w{ min-width: 60px;}
.icon-contact { background-image: url(../images/webpage/ico/contact.png); background-position: left bottom;}
.icon-about{ background-image: url(../images/webpage/ico/about.png); background-position: left bottom;}
.icon-user{ background-size: 110%; background-repeat: no-repeat; background-position: center; border-color: #fff;}

.navbar-nav{ font-size: 1.0em; margin-left: auto; padding: 0px;}
.navbar { margin: 0px; padding: 0px; padding-left: 1px; padding-right: 1px;}
.navbar .container{ margin-left: 0px; margin-right: 0px; padding: 8px; min-width: 100%; border: 0px; border-bottom: 1px; border-style: solid; border-color: #202020;}

.nav-icon{ border:0px; display: inline-block; vertical-align: middle; width: 25px; height: 25px; text-decoration: none; background-repeat: no-repeat;}
.navbar-toggler-right{ background-color: transparent; color: #CC0000; padding: 8px 20px 8px 20px; border: 1px; border-radius: 4px; border-style: solid; border-color: #CECECE;}
.navbar-toggler-right:hover {  background-color: #cc0000;}
.nav-item{  margin: 0px; margin-right: 1px;  margin-left: 1px; border-radius: 4px; border: 1px; border-style: solid; border-color: #CECECE;}
.nav-item:hover{border-color: #CC0000;}
.form-control:focus { color: #000; border-color: #CC0000; box-shadow: 0 0 0 0.1rem rgba(204, 0, 0, 0.25);}
.form-control::placeholder,.form-control::-webkit-input-placeholder,.form-control:-ms-input-placeholder,.form-control::-moz-placeholder,.form-control::-ms-input-placeholder { color: #202020; opacity: 1; font-size: 1.1em;}
.nav-link:hover .icon-settings,.nav-link:hover .icon-contact,.nav-link:hover .icon-about{ background-position: left top;}

.dropdown-menu{ padding: 4px; font-size: 1.0em;}
.dropdown-item .nav-icon{ margin: 0px; margin-left: 6px; margin-right: 12px; min-height: 35px; min-width: 35px; border: 1px; border-radius: 50%; border-style: solid; border-color: transparent;}
.dropdown-item{ padding: 6px; border-radius: 4px; border: 1px; border-style: solid; border-color: #fff;}
.dropdown-item, .dropdown-item:active, .dropdown-item:visited{ color: #000; background-color: transparent;}
.dropdown-item:hover{ color: #fff; background-color: #CC0000; padding-left: 8px; padding-right: auto; border-color: #CECECE;}
.dropdown-item:hover .nav-icon{ margin-right: 15px;}
.dropdown-item:hover .icon-user{ border-color: #fff; margin-top: 1px; margin-bottom: 1px;}
.dropdown-item table, .dropdown-item tr, .dropdown-item td{ margin: 0px; padding: 0px; vertical-align: top;}
.dropdown-item .dropdown-td-first{ min-width: 20px; max-width: 50px; width: 50px;}
.dropdown-item .dropdown-td-last .nav-user-info{ padding: 0px; padding-top: 4px; padding-bottom: 4px; margin-right: 4px; display: block;}
.dropdown-item:hover .dropdown-td-last .nav-user-info{ padding-left: 8px;}
.dropdown-item .dropdown-td-last .nav-user-info a{ font-size: 0.91em; font-weight: bold; color: #cc0000; padding: 4px;}
.dropdown-item:hover .dropdown-td-last .nav-user-info a{ color: #fff;}
.dropdown-item .dropdown-td-last .nav-user-info .span-br{ display: block;}
.dropdown-item .dropdown-td-last .nav-user-info .name, .dropdown-item .dropdown-td-last .nav-user-info .email{ padding: 2px; font-weight: bold;}
.dropdown-item .dropdown-td-last .nav-user-info .email{ color: #666666; font-weight: normal; }
.dropdown-item:hover .dropdown-td-last .nav-user-info .email{ color: #CECECE; }

.card-text, .card-text .btn, .col-md-4 .btn{ color: #202020;}
.card-footer > a, .card-title > a{ color: #950000;}
.card-footer > a:hover, .card-title > a:hover{ color: #CC0000;}
.card span{ color: #202020;}

.btn{ background-color: transparent; border: 0px;}
.btn:hover{ color: #fff;}
.card-footer .btn , .col-md-4 .btn, .btn{  font-weight: normal; border:1px; border-color: #BBBBBB; border-style: solid;}
.btn-primary{ border-color: #666666;}
.btn-primary:focus, .btn-primary.focus { box-shadow: 0 0 0 0.11rem rgba(255, 0, 0, 0.5); }
.btn-primary:hover{ background-color: #cc0000; box-shadow: 0; border-color: #CC0000; }
.btn-secondary{ background-color: #BBBBBB;}
.card-title, .card-title a, .card-text{ color: #202020;}
.card-title{ font-size: 1.25em; font-weight: bold;}
.card-img-top{ display: block; width: 75%; max-width: 450px; margin: 1em auto 1em auto; border-radius: 4%; border: 1px solid #555555; vertical-align: middle;}
.card-img-top:hover{ width: 80%; max-width: 455px; margin: 0.55em auto 0.55em auto;}

.card-body{ min-height: 190px;}

.card-body.partners{ min-height: 650px;}
.card-body.partners > .card-title{ min-height: 50px;}
.card-body.partners > .card-img-top{ margin-top: 15px; margin-bottom: 25px;}
.card-footer.partners{ min-height: 60px;}

.zoom_clock{ -webkit-transform: scale(1.52); -moz-transform: scale(1.52); -ms-transform: scale(1.52); -o-transform: scale(1.52); transform: scale(1.52);}

a.btn-primary, .btn-primary, .card-text .btn-primary, .card-footer .btn-primary, .card-title .btn-primary{ color: #fff; background-color: #81C1FF; }
a.btn-primary:hover, .btn-primary:hover, .card-text .btn-primary:hover, .card-footer .btn-primary:hover, .card-title .btn-primary:hover{ background-color: #2995D6; color: #fff; border-color: #2B6B9F;}
a.btn-normal, .btn-normal, .card-text .btn-normal, .card-footer .btn-normal, .card-title .btn-normal{ background-color: #2B6B9F; border-color: #205077; color: #EEEEEE; }
a.btn-normal:hover, .btn-normal:hover, .card-text .btn-normal:hover, .card-footer .btn-normal:hover, .card-title .btn-normal:hover{ background-color: #65A3D6; border-color: #2B6B9F; color: #fff;}
a.btn-red, .btn-red, .card-text .btn-red, .card-footer .btn-red, .card-title .btn-red{ background-color: #CC0000; color: #fff;border-color: #CC0000;}
a.btn-red:hover, .btn-red:hover, .card-text .btn-red:hover, .card-footer .btn-red:hover, .card-title .btn-red:hover{ background-color: #FF1A1A; }
a.btn-green, .btn-green, .card-text .btn-green, .card-footer .btn-green, .card-title .btn-green{ background-color: #009900; color: #fff;border-color: #009900;}
a.btn-green:hover, .btn-green:hover, .card-text .btn-green:hover, .card-footer .btn-green:hover, .card-title .btn-green:hover{ background-color: #00DD00; }
a.btn-orange, .btn-orange, .card-text .btn-orange, .card-footer .btn-orange, .card-title .btn-orange{ background-color: #FF6600; color: #fff;border-color: #FF6600;}
a.btn-orange:hover, .btn-orange:hover, .card-text .btn-orange:hover, .card-footer .btn-orange:hover, .card-title .btn-orange:hover{ background-color: #FEA225 }
a.btn-light, .btn-light, .card-text .btn-light, .card-footer .btn-light, .card-title .btn-light{ background-color: #EEEEEE; color: #000;}
a.btn-light:hover, .btn-light:hover, .card-text .btn-light:hover, .card-footer .btn-light:hover, .card-title .btn-light:hover{ background-color: #202020; color: #fff;}

a.btn-blue,.btn-blue,.card-text .btn-blue,.card-footer .btn-blue,.card-title .btn-blue{ background-color: #003399; border-color: #003399; color: #EEEEEE;}
a.btn-blue:hover,.btn-blue:hover,.card-text .btn-blue:hover,.card-footer .btn-blue:hover,.card-title .btn-blue:hover{ background-color: #1763FF; border-color: #0045D5; color: #EEEEEE;}

.has-error .help-block ul,.has-error .help-block li{  color: #CC0000; margin: 0px; margin-left: 8px; padding: 4px;}
.carousel-item { height: 40vh; min-height: 500px; background: no-repeat center center scroll; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;}
img,IMG, .thumb, .image, .images, .thumbs{ cursor: pointer; border-radius: 4px;}
.thumb, .thumbs{ height: 100px; margin: 2px; border: 0px; border-style: solid; border-color: #CC0000;}
.thumb:hover, .thumbs:hover{ border: 2px; border-style: solid; border-color: #CC0000;}
.IMG_Logo{ display: block; background-image: url(../images/webpage/logo_244x50.png); background-size: contain; background-position: center; background-repeat: no-repeat; width: 160px; height: 45px; background-color: transparent;}
.w-settings{ min-width: 200px;}
.form{ display: block; margin: 0px; padding: 0px;}
.nav-search{ display: inline-block; background-color: #EEEEEE; margin: 0px; margin-left: 30px; margin-right: 70px; padding: 3px; width: 100%; max-width: 1200px; min-width: 50px;  border-radius: 4px; border: 1px;  border-style: solid; border-color: #CECECE;}
.nav-search .form-control{ display: block; width: 100%; min-width: 5px; max-width: calc(100% - 70px); margin: 0em; background-color: #fff;}
.nav-search .btn-search{ display: block; right: 0px; float: right; margin: 0px; padding: 0px; background-color: transparent; width: 60px; height: 30px; text-align: center; border: 0px; background-image: url(../images/webpage/ico/search.png); background-position: top center;background-repeat: no-repeat; border-radius: 4px;}
.nav-search .btn-search:hover{ background-color: #CC0000; background-position: bottom center;}
.footer-menue{ display: block; text-align: center; padding: 8px;}
.footer-menue a{ color: rgba(10,10,10, 0.8); display: inline-block; background-color: rgba(150,150,150, 0.3); padding: 4px; padding-left: 8px; padding-right: 8px; margin: 4px 2px; border-radius: 4px; border: 1px; border-style: solid; border-color: rgba(80,80,80,0.8);}
.footer-menue a:hover{ background-color: rgba(220,220,220, 0.8); color: #000; border-color: #cc0000; text-decoration: none;}

footer tabel, footer tr, footer td{ margin: 0px; padding: 0px; vertical-align: top;}
footer td{ padding: 8px;}
footer .first{ padding: 8px 8px 8px 0px;}
footer .follows{ display: block; padding: 1.0rem; line-height: 60px;}
footer .follows a { margin: 4px;}
footer .follows .icon{ min-height: 30px; max-height: 50px; height: 50px; border-radius: 12px; border: 1px; margin: 1px;border-style: solid; border-color: #666666;background-position: center; background-repeat: no-repeat; background-size: 54px;}
footer .follows .icon:hover{ border-color: #CC0000;}

.wrapper{ padding: 8px;}

.system_app{ position: fixed; display: none; text-align: center; top: 0; left: 0; bottom: 0; right: 0; background-image: url(../images/webpage/opacy_dark.png);}
.system_app_wrapp{ background-color: transparent; display: block; position: absolute; display: block; text-align: center;width: 160px;height: 160px;top: calc(50% - 80px);left: calc(50% - 80px);-webkit-filter: blur(0.4px);-moz-filter: blur(0.4px);-o-filter: blur(0.4px);-ms-filter: blur(0.4px);filter: blur(0.4px); border-radius: 50%; background-image: url(../images/webpage/loader.gif); background-position: center; background-repeat: no-repeat; background-size: 280%;color: #EEEEEE;font-weight: bold;line-height: 160px;}

.clearfix_absolute_bottom{ display: block; height: 70px; margin: 0; padding: 0;}

.boxshadow{ -webkit-box-shadow: 0 0 3px 0 rgba(0,0,0,0.89); -moz-box-shadow: 0 0 3px 0 rgba(0,0,0,0.89); box-shadow: 0 0 3px 0 rgba(0,0,0,0.89);}



@media (min-width: 992px) {
  body { padding-top: 52px; font-size: 12px;}
  .zoom_clock{ -webkit-transform: scale(1.52); -moz-transform: scale(1.52); -ms-transform: scale(1.52); -o-transform: scale(1.52); transform: scale(1.52);}
}


@media (min-width: 1100px) {
  body { padding-top: 52px; font-size: 13px;}
  .zoom_clock{ -webkit-transform: scale(1.852); -moz-transform: scale(1.82); -ms-transform: scale(1.82); -o-transform: scale(1.82); transform: scale(1.82);}
}

@media (max-width: 992px) {
 .icon-titel{ margin-left: 20px; display: inline-block;}
 .navbar-nav .dropdown-item:hover{ background-color: #cc0000; color: #fff; padding-left: 20px;}
 .dropdown-item:hover .nav-icon{ margin-right: 25px; }
 .nav-icon{ margin-left: 8px; }
 .IMG_Logo{ background-image: url(../images/webpage/logo_85_x_55.png); width: 90px; height: 45px; }
 .navbar .container{ margin: 0px; }
 .nav-search{ min-width: 120px; margin-left: 100px; margin-top: -56px; margin-right: 90px; }
 .nav-search .form-control{ max-width: calc(100% - 70px); }
 .dropdown-item .dropdown-td-last .nav-user-info{ display: inline-block;}
 .zoom_clock{ -webkit-transform: scale(1.0); -moz-transform: scale(1.0); -ms-transform: scale(1.0); -o-transform: scale(1.0); transform: scale(1.0);}
}


@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
   .navbar {padding-left:2px; padding-right: 2px;}
   .navbar .container{ padding: 8px; padding-right: 16px; padding-left: 16px;}
   .navbar-nav{ margin-right: 30px; margin-left: auto; float: right;}

}