html, body {
  height: 100%;
}
body {
	font-family: "Open Sans", sans-serif;
}


#navbarCollapse {
      position: fixed;
      top: 50px;
      left: 0;
      z-index: 1;
      width: 280px; /*example + never use min-width with this solution */
      height: 100%;
	  overflow-y: auto;
	  /*background: #C0DCC0;
	  margin-top: 100px;*/
}
i.material-icons{
	vertical-align:bottom;
}
.material-icons {
  font-family: 'Material Icons';
  font-weight:900;
  font-style: normal;
  font-size: inherit;  /*24px Preferred icon size */
  display: inline-block;
  line-height: inherit;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;

  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;

  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;

  /* Support for IE. */
  font-feature-settings: 'liga';
}
.f-size-2{
  font-size: 2rem;
}

.tag-hover {
  opacity: 1;
  transition: 0.3s;
  cursor:pointer;
}

.tag-hover:hover {
	opacity: 0.7;
	text-decoration:none;
}
.text-valid {
	color: green;
}
	.text-valid:before {
		position: relative;
		left: -10px;
		content: "✔";
	}
.text-invalid {
	color: red;
}
.input-text-disabled {
	color: #e9ecef;
}

#back-to-top {
    cursor: pointer;
    position: fixed;
    bottom: 10px;
    right: 10px;
   display:none;
}
.fa-rotate-75 {
    -webkit-transform: rotate(75deg);
    -moz-transform: rotate(75deg);
    -ms-transform: rotate(75deg);
    -o-transform: rotate(75deg);
    transform: rotate(75deg);
}
.fa-rotate-25 {
    -webkit-transform: rotate(25deg);
    -moz-transform: rotate(25deg);
    -ms-transform: rotate(25deg);
    -o-transform: rotate(25deg);
    transform: rotate(25deg);
}



.header-rotate-45 {
  /* Something you can count on
  height: 140px; */
    width: 20px;
  white-space: nowrap;
}

.header-rotate-45 > div:first-child {
    -webkit-transform: translate(-1px,28px) rotate(-45deg);
    -moz-transform: translate(-1px,28px) rotate(-45deg);
    -ms-transform: translate(-1px,28px) rotate(-45deg);
    -o-transform: translate(-1px,28px) rotate(-45deg);
    transform: translate(-1px,28px) rotate(-45deg);
    width: 20px;
}

.header-rotate-45 > div > span {
  border-bottom: 1px solid #ccc;
  padding: 1px;
  padding-left:15px;
  padding-top:5px;
	display: inline-block;
	min-width: 150px;
	z-index:-1;
}
a.pfeil_re,
a.pfeil_re_aktiv {
	background: url(/css/icons/arrow_grey.png) no-repeat 0px 2px;
	background-position: left center;
	padding-left: 15px;
	margin-left: 2px;
	text-decoration:none;
	cursor: pointer;
}
a.pfeil_re:hover,
a.pfeil_re_aktiv {
	background: url(/css/icons/arrow_red.png) no-repeat 0px 2px;
	background-position: left center;
}
a.pdf {
	background: url(/css/icons/pdf_icon_inaktiv.gif) no-repeat ;
	background-position: top right;
	padding-right: 34px;
	text-decoration:none;
	cursor: pointer;
}
a.pdf:hover {
	background: url(/css/icons/pdf_icon.gif) no-repeat;
	background-position: top right;
	padding-right: 34px;
}

a.doc-dl {
	background: url(/css/icons/doc-dl_icon_inaktiv.gif) no-repeat ;
	background-position: top right;
	padding-right: 18px;
	text-decoration:none;
	cursor: pointer;
}
a.doc-dl:hover {
	background: url(/css/icons/doc-dl_icon.gif) no-repeat;
	background-position: top right;
	padding-right: 18px;
}

a.pdf-butt {
	background: url(/css/icons/pdf_butt.gif) no-repeat 0px 2px;
	background-position: left center;
	padding-left: 42px;
	margin-left: 2px;
	text-decoration:none;
	cursor: pointer;
}
a.pdf-butt:hover {
	background: url(/css/icons/pdf_butt_hover.gif) no-repeat 0px 2px;
	background-position: left center;
}


/* text-fade-out*/
.text-fade-out {
    background-image: linear-gradient( to bottom right, black, white);
	background-clip: border-box;
	-webkit-background-clip: text;
	-webkit-text-fill-color: #fff0;

}

/* accordion / collapse*/
	button.btn .fa.i-minus{
		display:inline-block;
	}
	button.btn .fa.i-plus{
		display:none;
	}
	button.btn.collapsed .fa.i-plus{
		display:inline-block;
	}
	button.btn.collapsed .fa.i-minus{
		display:none;
	}
/* accordion */

@media (max-width: 520px){
	#navbarCollapse {
		  top: 100px;
	}

}