Noto@charset "UTF-8";

@import url(https://fz-design.de/fileadmin/templates/css/css?family=Noto+Serif:400regular,400italic,700,700italic); */
@import url(https://fz-design.de/fileadmin/templates/css/notofonts.css?family=Noto+Sans:300,400,600); */
/* CSS Document

Farben
dunkelblau     #003366 | rgba( 0, 51, 102, )    p
dunkelblau 75% #888e9e | rgba(136, 142, 158, )
dunkelblau 50% #b9bcc4 | rgba(185, 188, 196, )
dunkelblau 25% #dfe0e4 | rgba(223, 224, 228, )

orange         #f39b00 | rgba(243, 155, 0, )
rot            #cc0000 | rgba(204, 0, 0, )  a:active, a:hover
gruen          #99cc33 | rgba(153, 204, 51, )    */

.weiss {background-color: #fff; }
.orange {background-color: #f39b00; }
.rot {background-color: #cc0000; }
.gruen {background-color: #99cc33; }
.opak {background-color: rgba(55, 55, 55, 0.8); }

.verlauf {
  background: rgba(55, 55, 55, 0.3); /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(rgba(55,55,55,0.4),rgba(55,55,55,0)); /*Safari 5.1-6*/
  background: -o-linear-gradient(rgba(55,55,55,0.4),rgba(55,55,55,0)); /*Opera 11.1-12*/
  background: -moz-linear-gradient(rgba(55,55,55,0.4),rgba(55,55,55,0)); /*Fx 3.6-15*/
  background: linear-gradient(rgba(55,55,55,0.4), rgba(55,55,55,0)); /*Standard*/
  z-index: 100;
}

background-color: rgba(55, 55, 55, 0.5);
  opacity: 0.5;
    filter: alpha(opacity=50); /* For IE8 and earlier */
}

.blau {color: #003366; }

.kachel {
  background-repeat: repeat-x repeat-y;
}

.uk-nav-side_orange > li > a:hover,
.uk-nav-side_orange > li > a:focus {
  color: #f39b00;
  /* background: rgba(55, 55, 55, 0.8); */ }

.uk-nav-side_rot > li > a:hover,
.uk-nav-side_rot > li > a:focus {
  color: #cc0000;
  /* background: rgba(55, 55, 55, 0.8); */ }

.uk-nav-side_gruen > li > a:hover,
.uk-nav-side_gruen > li > a:focus {
  color: #99cc33;
  /* background: rgba(55, 55, 55, 0.8); */
  width: auto; }

.uk-nav-side_blau > li > a:hover,
.uk-nav-side_blau > li > a:focus {
  color: #003366;
  /* background: rgba(55, 55, 55, 0.8); */
  width: auto; }

.uk-form input[type="password"] {
  min-width: 16.25rem;
  max-width: 100%;
  background: transparent;
}

.logo {
  font-family: 'Noto Sans', sans-serif, Verdana;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  display: inline-flex;
  margin-top: 0; }

footer {
  bottom: 16px;
  bottom: 1rem;
  position: fixed;
}

.totop-scroller {
  float:right;
  font-size: 1.2rem;
  right: 1.25rem;
  display: block;
  /*text-shadow: 1px 1px 8px rgba(100, 100, 100, 0.4);*/
}

.foot-scroller {
  float:right;
  display: block;
  position:absolute;
  bottom: 3.4rem;
  left: 50%;
  z-index: 980;
  font-size: 1.2rem;
}

ol {
  list-style-type:none;
  counter-reset: section;
}

.avg_h2 {
	counter-reset: subsection;
  font-weight: 700;
  letter-spacing: 0.1rem;
}

.avg_h2:before {
	counter-increment: section;
	content: "" counter(section) ". ";
	font-weight: 700;
  margin-left: -1.4rem
}
.avg_li:before {
	counter-increment: subsection;
	content: counter(section) "." counter(subsection) " ";
	font-weight: 700;
  margin-left: -1.65rem
}

@media (max-width: 960px) {
  .uk-h3 {
    font-size: 16px;
    font-size: 1.0rem;
    letter-spacing: 0.025rem;
    line-height: 20px;
    line-height: 1.25rem;
  }
}

@media (max-width: 480px) {
  .uk-h3 {
    font-size: 14px;
    font-size: 0.875rem;
    letter-spacing: 0.025rem;
    line-height: 18px;
    line-height: 1.125rem;
  }
}

.fz-animate {
  transition: all 1s;
}

.fz-vertical-align {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
}

.fz-color-line {
  height: 2em;
}

@media (max-width: 767px) {
  .fz-box .uk-h3 {
    margin-top: 0 !important;
  }
}

.uk-sticky-placeholder {
  margin-right: 20px !important;
  margin-top: 4px !important;
}

.uk-modal-content {
    background-color: white;
    padding: 2em;
    border: solid 4px;
}

.parsley-errors-list {
  display: none;
}
.parsley-error {
  background-color: rgb(242, 222, 222) !important;
}

.fz-min-height-viewport {
    min-height: 100vh;
}

.fz-thumbnav > * > * {
  display: block;
  background: #000000;
}
.fz-thumbnav > * > * > img {
  opacity: 1.0;                /* war 0.7*/
  -webkit-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
}
.fz-thumbnav > * > :hover > img,
.fz-thumbnav > * > :focus > img {
  opacity: 0.7;
}
.fz-thumbnav > .uk-active > * > img {
  opacity: 0.7;
}

/* button */
.fz-button{
  float: right;
  z-index:40;
  margin-top: -2.0rem !important;
  margin-left: 12.0rem !important;}



/* Top Video */
#topvideo {
   position: absolute;
   top: 0;
   bottom: 0;
   width: 100%;
   height: 100%;
   overflow: hidden;
}
#topvideo video {
   min-width: 100%;
   min-height: 100%;
   width: auto;
   height: auto;
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%,-50%);
}