/* 3D Viewer */
.viewerHeader { overflow:hidden; }
div.info a { font-size:14px; font-family:"DaxWebPro-Medi"; color:#fff; margin-right:20px; margin-top:20px; }
div.info .icon-white { position:relative; top:-2px; }
#objViewer:-webkit-full-screen { width:100%; height:auto; }
#objViewer:-moz-full-screen { width:100%; height:auto; }
#objViewer:-ms-fullscreen { width:100%; height:auto; }
#objViewer:fullscreen { width:100%; height:auto; }
#objViewer { position:relative; }
h3.institution { position:absolute; bottom:10px; left:20px; color:#fff; line-height:100%; z-index:1 }
h3.institution span { font-size:14px; }
ul.viewerIcons { list-style-type:none; margin:0; padding:0; position:relative; left: -1px; }
ul.viewerIcons li { margin-bottom:1px; position: relative; }
ul.viewerIcons li.erweitert { visibility:hidden; position:relative; }
ul.viewerIcons li.fullscreen_back, ul.viewerIcons li.farbe-aus .icon { display:none; }
ul.viewerIcons li.farbe-aus object, ul.viewerIcons li.farbe-aus img { opacity:0.65; }
ul.viewerIcons a { cursor: pointer; }
ul.viewerIcons li > a:hover a, ul.viewerIcons li.aktiv > a { background-color:#0098d4; }
.ctrlBtn { width:35px; height:30px; margin-right: 4px;  display:inline-block; text-align:center; border-radius:4px; }

ul.viewerIcons .infoText { display:none; }
ul.viewerIcons .hdAuswahl { display:none; min-width:120px; background-color:#0098d4; color:#fff; position:absolute; top:0; left:48px; border-radius:2px; padding:10px; z-index:99; }
ul.viewerIcons .hdAuswahl > input { float:left; margin-right:5px; position:relative; top:-1px; }
/* Annotations */
.annotation { position:absolute; width:8px; height:8px; background-color:#fff; display:block; border-radius:8px; border:3px solid #0098d4; }
.annotation.maske1 { top:23%; left:37%; }
.annotation.maske2 { top:63%; left:59%; }
.annotation.maske3 { top:48%; left:38%; }
#playerContainer { width:640px !important; height:360px !important; }
.popover { width:auto; max-width:668px; max-height:416px; background-color:rgba(44,44,44,0.8); color:#fff; }
.popover-title { font-family:DaxWebPro-Medi; font-size:18px; line-height:normal; background-color:rgba(44,44,44,0.6); color:#fff; }
.popover-content { max-height:360px; overflow:auto; }
.popover-content img { max-width:100%; height:auto; }
.popover.top .arrow:after { border-top-color:rgba(44,44,44,0.8); }
#details { max-height:80%; width:306px; background:rgba(0,0,0,0.8); padding:0 10px 10px 10px; z-index:2500; position:absolute; top:100px; right:40px; display:none; overflow:auto; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#C6000000,endColorstr=#C6000000); }


/* Timer */
.timer { position:relative; width:200px; height:200px; z-index: 3000; margin: auto; }
.timer > .percent { position: absolute; top:40px; left:40px; -moz-border-radius:100px; -webkit-border-radius:100px; border-radius:100px; width:120px; height:120px; font-size:32px; text-align:center; line-height:120px; color:#fff; background-color:#0298d5; }
.timer > #slice { position:absolute; width:200px; height:200px; clip:rect(0px,200px,200px,100px); }
.timer > #slice.gt50 { clip:rect(auto, auto, auto, auto); }
.timer > #slice > .pie {  border: 40px solid #80cbea; position:absolute; width:120px; /* 1 - (2 * border width) */ height:120px; /* 1 - (2 * border width) */ clip:rect(0px,100px,200px,0px); -moz-border-radius:100px; -webkit-border-radius:100px; border-radius:100px; }
.timer > #slice > .pie.fill { -moz-transform:rotate(180deg) !important; -webkit-transform:rotate(180deg) !important; -o-transform:rotate(180deg) !important; transform:rotate(180deg) !important; }
.timer.fill > .percent {  display: none; }
.timer.fill > #slice > .pie { border: transparent; background-color: #c0c0c0; width:200px; height:200px; }
#loadTime { margin:50px auto; }

.mobile-hide{ }
.hide{ display:none; }
.closer{ position: absolute; right: 10px; top:8px; }
.closer img{ padding:0; margin:0; width:16px; height:16px; }

@media screen and (min-width: 0px) and (max-width: 720px) {
  .mobile-hide{}
  #details{right:0;}
}