/*STRUKTUR*/

body {
  font-family: 'Lato', sans-serif;
}

h1, h2, h3, h4, h5, h6 {
    font-family: "Lato",sans-serif;
}
html {
    font-family: "Lato",serif;
    font-size: 16px;
    line-height: 24px;
}
.oc-content-inner {
  background-color: #A89886;
}

ul.resource-list .resource .description:after {
background:none;
}

ul.resource-list .resource  {
background:;
}

header {
    max-width: 1200px;
    margin: 0 auto;
    color: #e7e7e7;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 24px;
    flex-wrap: wrap;
}

button {color:#F8ECDF;background-color:#8E4946;}
.button{color:#F8ECDF;background-color:#8E4946;}

header{width: 100%;height:100px;background:#782327;}
header:before{ background-color:#782327;}
header #menu-button{background:#782327;color:#F8ECDF}
header .site-title img{height:70px;}

nav.breadcrumbs{background-color:#DBCBB9;}

#content {background-color: #A89886;}

.exporters::before {font-weight: bold; content: "Export: ";}
.dl-raw-data::before {font-size:12px;font-weight: bold; content: "Download raw 3D data: ";}
.dl-raw-data a{font-size:12px;}
.dl-raw-data {display: none;}

#search-form button[type=submit] {background:#F8ECDF;color:#782327;border: 0px solid #782327}
#search-form input[type=text] {background:#F8ECDF;color:#782327;border:0px;}
#search-form{border: 1px solid #F8ECDF;}

#mobile-search form{display:inline-block;width:100%;text-align: center;}

.frontpage_part{padding:1em;margin-bottom:20px;}

.frontpage_part_1{background-color:#F8ECDF;}
.frontpage_part_2{background-color:#DBCBB9;}
.frontpage_part_3{background-color:#8E4946;color:#F8ECDF;}
.frontpage_part_3 a{color:#F8ECDF;}

.hero{margin:0px;padding:0px; min-width:100%;max-width:100%;height:auto;}

 /*Startpage*/
.start-container{display: flex;flex-direction: row;box-sizing: border-box;}

.start-left li {display: inline-block;padding-right:25px}
.start-left li:before{content: "";display: list-item;position:absolute;}
.start-left{flex: 60%;padding-right:20px}
.start-right{flex: 40%;text-align:center;}
.start-right img{height: 100%;width: 100%;}

.copytext{ text-align: right; font-size: .7em;}
#copyright{margin-top: 2px;padding-bottom:10px}

#main-container{width:100%;display:flex;flex-wrap:wrap;}
#main-text{padding:1em;flex:60%;background-color:#F8ECDF;}
#main-images{width: 100%;flex: 40%;padding:0em 1em 1em 1em;}
.page-container{width:100%;display:flex;flex-wrap:wrap;}
.page-text{padding:1em;flex:60%;background-color:#F8ECDF;}
.page-images{width: 100%;flex: 40%;padding:0em 1em 1em 1em;}

#portrait {
padding:0;
margin:0;
}
#portrait img {
  display: block;
  height: 100%;
  width: 100%;
}

footer{margin:0px;padding:0px;min-width:100%;max-width:100%;background-color:#333333; height:auto;text-align:center;}

#footer-container{width:100%;color:#FFF;text-align: left;display: inline-block; margin: 0 auto;max-width:1120px;padding:10px;}
#footer-container hr{height:1px;background-color:#fff;border:none}
#footer-container img{height:40px;margin-right:20px;}
.footpart h4{font-weight: bold;font-size:.8em;}
.footpart a{font-weight: bold;font-size:1em;color:#fff}
.footpart{}
.footer-container-bottom{display:flex;flex-wrap:wrap}
.footer_left{flex:50%}
.footer_right{flex: 50%; text-align:right}

.ai2_value_title{
font-weight: bold;
}

.tooltip {
  position:relative; 
}

.tooltip:before {
  content: attr(data-text); 
  position:absolute;
    /* vertically center */
  top:50%;
  transform:translateY(-50%);
  /* move to right */
  left:100%;
  margin-left:15px; /* and add a small left margin */
  /* basic styles */
  width:200px;
  padding:10px;
  border-radius:10px;
  background:#000;
  color: #fff;
  text-align:center;
  display:none; /* hide by default */
}
.tooltip:hover:before {
  display:block;
}

/*
ACCORDION
*/
.accordion > input[type="checkbox"] {
  position: absolute;
  left: -100vw;
}

.accordion .content {
  overflow-y: hidden;
  height: 0;
  transition: height 0.3s ease;
 
}

.accordion > input[type="checkbox"]:checked ~ .content {
  height: auto;
  overflow: visible;
}

.accordion label {
  display: block;
}

/*
 Styling
*/

.accordion {
  margin-bottom: 1em;
}

.accordion div.content{background-color:#F8ECDF;opacity:0.8;}

.accordion > input[type="checkbox"]:checked ~ .content {
  padding: 15px;
  border: 1px solid #e8e8e8;
  border-top: 0;
}

.accordion .handle {
  margin: 0;
  font-size: 1.125em;
  line-height: 1.5em;
}

.accordion label {
  color: #333;
  cursor: pointer;
  font-weight: normal;
  padding: 15px;
 background: #D5C2AE;
}

.accordion label:hover,
.accordion label:focus {
  background:#D5C2AE;
}

.accordion .handle label:after {
  font-family: 'Font Awesome 5 Free';
  content: "\002B";
  display: inline-block;
  margin-right: 10px;
  font-size: 1em;
  line-height: 1.556em;
  vertical-align: middle;
  float: right;
}

.accordion > input[type="checkbox"]:checked ~ .handle label:after {
  content: "\2212";
}
.accordion {
  max-width: 65em;
}

.accordion p:last-child {
  margin-bottom: 0;
}

 /*Search*/
#resource-class{display:none;}

 /*Map Browse*/
#mapping-geographic-location, #numeric-less-than,
#numeric-greater-than, #numeric-timestamp-on-after, 
#numeric-timestamp-on-before, #numeric-duration-gt, #numeric-duration-lt, #numeric-interval
{
   display:none;
}
/*HR en of values */
.hr-end-values{height:1px;background-color:#333333;border:none}

/* The hero image */
#hero{
/*background-image: url("/files/asset/437d76bbe7bdc0b68a31feeb3cc45a49c7b11b47.jpeg");*/
background-image: url("/files/asset/f11a3f9689c887a3c864351d1854cabb220c1f1a.jpg");
margin-bottom:20px;
margin-top:0px;
min-width:100%;
width:100%;
min-height:500px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}
#hero-container{width:100%;display: flex;flex-direction: row;box-sizing: border-box;max-width:1120px;}
#hero-left{flex:70%;}
#hero-right{flex:30%;}
.hero-title{padding:10px;background-color:#8E4946;width:65%;color:#F8ECDF;margin-bottom:10px;}
.hero-text{padding:10px;background-color:#F8ECDF;width:90%;}
.hero-button{padding:10px 0px 0px 0px;}
.hero-beta{}
.dot{display:none}

/* Facetted Browse */
#section-sidebar{background-color:#A46E65;padding:10px;color:#F8ECDF;margin-right:10px;}
#section-content {background-color:#F8ECDF;padding:10px; color:#A46E65;}
#section-sidebar.mobile.modal-panel.open{background-color:#A46E65;}

@media (max-width: 767px) {
      .hidden-mobile {display: none;}
      #search-form.hidden-mobile {display: none;}
      .start-container {flex-direction:column;}
      .page-container {flex-direction:column;}
     #search-form{border: 0px solid #F8ECDF;}
}

@media (min-width: 768px) {
#mobile-search {display: none;}
}