@charset "utf-8";
/* CSS Document */
/* CSS STYLE */
html {overflow-y: scroll;}
html,body {height: 100%;}
body.error{background-image: url("https://2021.ottjoerg.de/images/maps/Deskxhistence-World-01.svg"); background-size: cover;  background-repeat: no-repeat; height:100%;}
/* Wrapper for page content to push down footer */
#wrap {min-height: 100%;height: auto;margin: 0 auto -60px;padding: 0 0 60px;}
.sidebarhtmllinkymap a {  text-decoration: underline  !important;}
#mCSB_1 {display:none !important; position:absolute; left -999px;}
.mCSB_container {padding:1rem;background:rgba(255,255,255,.8);}
.mCSB_container h2,.mCSB_container .sidebarContent{}
#brand a { color:black !important;}
ul{padding-left: 1.2rem; list-style: circle;}
#bottom a, #footer a { color:#999;}
h1, h2, h3, h4, .menu,#brand, div.k2SearchBlock form input.inputbox { font-family:'Roboto Mono', sans-serif;}
h5, h2, .logo-name {font-weight:700 !important;}
h1, h3,h4{font-weight:100 !important;}
.logo-name {font-size:1.7rem;}
h1 {font-size: 1.8rem !important;}
h2{font-size: 1.6rem !important;}
h4{font-size: 1.2rem !important;}
h5{font-size: 1.1rem !important;}
.sidebarhtmllinkymap {color:#6c757d;}
.map{ padding-bottom:3rem;}
circle {stroke:#a29f9f !important;stroke-width:.5;}
circle:hover{stroke:#ffffff !important;stroke-width:3;}
h3, h4,.menu, #navigation .nav a, .home h2 { text-transform:uppercase !important;}
h5{letter-spacing: .06em;}
.navbar-nav .nav-link:hover {transition: all 0.3s linear 0s;}
.navbar-nav .nav-link:hover,.navbar-nav .nav-item.active {border-top:1px solid black;}
.navbar-nav .nav-link {border-top: 1px solid white;}
.item-114, .item-115, .pagination-start, .pagination-end, .pagination-next span, .pagination-prev span { position:absolute; left:-9999px; display:none; width:0; height:0; line-height:0; font-size:1px;}
.btn-primary { background:rgba(0 , 0, 0, .95) !important; border-color:transparent;}
#fullwidth{overflow:hidden;}
#bottom .nav-link,#rights .nav-link{padding: .3rem .2rem !important;}
.svg-container { display: inline-block;position: relative;width: 100%;padding-bottom: 50%; vertical-align: middle; overflow: hidden;}
.svg-content { display: inline-block;position: absolute;top: 0;left: 0; width: 100%;}
.nav-tabs .nav-link.active {border-color: #dee2e6 #fff #fff;}
.nav-tabs {border-bottom:transparent;}
.carousel-indicators li{width: 8px;height: 8px;border-radius: 4px;border: 1px solid #fff;}
.plotLegend {padding-left:10px;}
.plotLegend svg{width:100% !important; margin-bottom:15px;}
// Extra small devices (portrait phones, less than 576px)
// No media query for `xs` since this is the default in Bootstrap
// Small devices (landscape phones, 576px and up)
@media (min-width: 576px) { ... }
@media (max-width: 767px) { #fullwidth{min-height: 242px !important;} .logo-name{font-size: calc(1.1rem + 1vw);} }
// Medium devices (tablets, 768px and up)
@media (min-width: 768px) { .logo-name {font-size: calc(1.1rem + 1vw);} #fullwidth{min-height: 600px;} }
// Large devices (desktops, 992px and up)
@media (min-width: 992px) { ... }
// Extra large devices (large desktops, 1200px and up)
@media (min-width: 1200px) { ... }
.sidebarhtmllinkymap.active {
    display: block;
}

.sidebarhtmllinkymap {
    display: none;
}

/* 
.sidebarhtmllinkymap.active:after {
	content: "×";
	position: absolute;
	top: -20px;
	left: 10px;
	cursor: pointer;
	color: #000;
	font-size: 31px;
	font-weight: 100;
	display: block;
}
 */