* { 
	font-family: Roboto !important;
}

html, body {
    width: 100%;
    height: 100%;
}

.fundf-logo {
	padding: 5px;
	box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
	z-index: 5;
}

.caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
}

.caret-top {
    border-bottom: 4px dashed;
    border-bottom: 4px solid\9;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
}

.caret-bottom {
    border-top: 4px dashed;
    border-top: 4px solid\9;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}

.caret-left {
    border-right: 4px dashed;
    border-right: 4px solid\9;
    border-bottom: 4px solid transparent;
    border-top: 4px solid transparent;
}

.caret-right {
    border-left: 4px dashed;
    border-left: 4px solid\9;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
}

.w3-sidebar {position:static!important;max-width:150px}

@media only screen and (max-width: 1300px) {
	.slideshow-container {max-width:800px;}
}
@media only screen and (max-width: 995px) {
	.slideshow-container {max-width:600px;}
}
@media only screen and (max-width: 770px) {
	.slideshow-container {max-width:430px;}
}
@media only screen and (max-width: 600px) {
	.w3-sidebar {max-width:100%;width:100%}
	.slideshow-container {max-width:100%;}
}

.sidebar-content-item {
	display:none;
}

.sidebar-content-item.active {
	display:block;
}

a, a:link, a:visited, a:hover, a:active {
	text-decoration: none;
}

.href-inline, .href-inline:link, .href-inline:visited, .href-inline:active {
	color: #00b0eb !important;
	transition: 250ms color ease;
}

.href-inline:hover {
	color: #004287 !important;
	text-decoration: underline;
}

.href-inline a:visited {
	color: #00b0eb !important;
}

.href-inline:before{
	content:"\00bb";
}

.w3-card {
	margin: 8px;
}

.rotate-45 {-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);-moz-transform: rotate(45deg);transform: rotate(45deg)}.rotate-90 {-webkit-transform: rotate(90deg);-ms-transform: rotate(90deg);-moz-transform: rotate(90deg);transform: rotate(90deg)}.rotate-135 {-webkit-transform: rotate(135deg);-ms-transform: rotate(135deg);-moz-transform: rotate(135deg);transform: rotate(135deg)}.rotate-180 {-webkit-transform: rotate(180deg);-ms-transform: rotate(180deg);-moz-transform: rotate(180deg);transform: rotate(180deg)}.rotate-225 {-webkit-transform: rotate(225deg);-ms-transform: rotate(225deg);-moz-transform: rotate(225deg);transform: rotate(225deg)}.rotate-270 {-webkit-transform: rotate(270deg);-ms-transform: rotate(270deg);-moz-transform: rotate(270deg);transform: rotate(270deg)}.rotate-315 {-webkit-transform: rotate(315deg);-ms-transform: rotate(315deg);-moz-transform: rotate(315deg);transform: rotate(315deg)}

.animate-background-100 {
	transition: 100ms background ease;
}

.animate-foreground-100 {
	transition: 100ms color ease;
}

.animate-colors-100 {
	transition: 
		100ms background ease,
		100ms color ease;
}

.animate-background-250 {
	transition: 250ms background ease;
}

.animate-foreground-250 {
	transition: 250ms color ease;
}

.animate-colors-250 {
	transition: 
		250ms background ease,
		250ms color ease;
}

.w3-bar-item {
	transition:
		100ms color ease 0ms,
		100ms background ease 0ms;
}

.w3-dropdown-hover > .w3-button {
	transition:
		100ms color ease 0ms,
		100ms background ease 0ms;
}

.w3-dropdown-content {
	display: block!important;
	max-height: 0px!important;
	transition:
		100ms max-height ease 50ms,
		100ms color ease 0ms,
		100ms background ease 0ms;
	overflow:hidden;
}

.w3-dropdown-hover:hover > .w3-dropdown-content{
	max-height:500px!important;
	transition-delay:150ms, 0ms, 0ms;
}

.sha256 {
	color: var(--vcp-wasserblau)!important;
	transition: 150ms color ease;
	cursor: pointer;
}

.sha256:hover {
	color: var(--vcp-blau)!important;
	text-decoration: underline;
}

.sha256 > .sha256-hash {
	max-width: 0px;
	transition: 150ms max-width ease 0ms;
	display: inline-block;
	vertical-align: bottom;
	overflow: hidden;
	white-space: nowrap;
	color: black;
}

.sha256:hover > .sha256-hash {
	max-width: 1000px;
}

.slideshow-slides {display:none}
.cursor-pointer {cursor:pointer}
.cursor-default {cursor:default}
.w3-badge {height:13px;width:13px;padding:0}

.w3-cell {
	vertical-align: top;
}