.cloud ul {
  list-style-type: none;
  vertical-align: middle;
}
.cloud ul li {
  display: inline-block;
  padding: 0.5em;
}

li.gallery-item {
  position: relative;
  display: inline-flex!important;
}
li.gallery-item .status-icon {
  position: absolute;
  right: 0;
  top: 8px;
}
.detail-gallery li { display: inline-flex!important;}

span.names_label{margin-right: 20px; font-size:100%; font-weight: bold; }
span.detail{margin: 0; font-size:100%; }

#detail-panel-countmapsquares {font-size:100%; display:inline-block; }
dl.grid {display: flex; flex-wrap: wrap;}
.grid dt {width: 180px; }
.grid dd { width: calc(100% - 200px);}

div.detail-panel-artkommentar, div#detail-panel-photos, 
div#detail-panel-description-1, div#detail-panel-description-0, div#detail-panel-description-2.detail-panel  {font-size:100%; min-height: 600px;}
div#detail-panel-description-1 .dl-horizontal dt, div#detail-panel-description-0 .dl-horizontal dt, 
div#detail-panel-description-2 .dl-horizontal dt {
    font-size: 120%;
    margin-right: 40px;
    width: 200px;
    float: left;
}
div#report-output.report-grid-container{display: grid;}
dd{class} {margin-left: 50px !important; display: flow-root;}

div#legends{width: 30px; height: 15px; display: inline-block; margin-right: 5px; float:left;}

@media only screen and (min-width: 768px){
.dl-horizontal dt {font-size: 105%; margin-right: 20px;}
dd{class} {margin-left: 50px !important; display: flow-root;}
}