@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,800|Raleway:200,400,500,800");
@media screen {
  body.front {
    background: #f0f0f0;
    padding: 0;
    margin: 0;
    position: relative;
    font-family: "Open Sans", sans-serif;
    font-size: 16px;
    line-height: 1.7em;
    /* Margin bottom by footer height */
    margin-bottom: 280px !important;
  }
  body.front h1, body.front h2, body.front h3, body.front h4, body.front h5 {
    font-family: "Raleway", sans-serif;
    font-weight: 500;
    text-transform: uppercase;
    color: var(--bs-blue);
  }
  body.front a:not(.nav-link) {
    color: var(--bs-blue);
  }
  body.front a:not(.nav-link):visited {
    color: #B94A85;
  }
  body.front .pagination .active span {
    color: #ffffff;
  }
  body.front .pagination a {
    color: var(--bs-blue) !important;
  }
  body.front .navbar.navbar,
  body.front .tophead.navbar {
    margin-bottom: 0;
    background-color: #ffffff;
    border: 0;
  }
  body.front .navbar.navbar:before, body.front .navbar.navbar:after,
  body.front .tophead.navbar:before,
  body.front .tophead.navbar:after {
    display: block;
  }
  body.front .navbar.navbar .navbar-toggle .icon-bar,
  body.front .tophead.navbar .navbar-toggle .icon-bar {
    background-color: var(--bs-blue);
  }
  body.front .navbar.navbar .navbar-brand,
  body.front .tophead.navbar .navbar-brand {
    padding: 5px 15px;
  }
  body.front .navbar.navbar .navbar-brand img,
  body.front .tophead.navbar .navbar-brand img {
    height: 40px;
  }
  body.front .navbar .nav,
  body.front .navbar .custom-nav,
  body.front .tophead .nav,
  body.front .tophead .custom-nav {
    height: 100%;
    text-align: right;
    margin-right: -15px;
    /*
    @media (max-width: 768px) {
    */
  }
  body.front .navbar .nav li a,
  body.front .navbar .custom-nav li a,
  body.front .tophead .nav li a,
  body.front .tophead .custom-nav li a {
    font-family: "Raleway", sans-serif;
    font-weight: 500;
    text-transform: uppercase;
    color: #999999;
    font-size: 18px;
    cursor: pointer;
  }
  body.front .navbar .nav li.language a,
  body.front .navbar .custom-nav li.language a,
  body.front .tophead .nav li.language a,
  body.front .tophead .custom-nav li.language a {
    display: inline-block;
    font-size: 75%;
    padding-left: 5px;
    padding-right: 5px;
  }
  body.front .navbar .nav li.language a.hiddenoption,
  body.front .navbar .custom-nav li.language a.hiddenoption,
  body.front .tophead .nav li.language a.hiddenoption,
  body.front .tophead .custom-nav li.language a.hiddenoption {
    display: none;
  }
}
@media screen and (max-width: 991px) {
  body.front .navbar .nav li.language,
  body.front .navbar .custom-nav li.language,
  body.front .tophead .nav li.language,
  body.front .tophead .custom-nav li.language {
    padding-right: 15px;
  }
  body.front .navbar .nav li a,
  body.front .navbar .custom-nav li a,
  body.front .tophead .nav li a,
  body.front .tophead .custom-nav li a {
    color: var(--bs-blue);
  }
}
@media screen and (max-width: 420px) {
  body.front .navbar .nav,
  body.front .navbar .custom-nav,
  body.front .tophead .nav,
  body.front .tophead .custom-nav {
    margin-right: 0;
  }
  body.front .navbar .nav li.language,
  body.front .navbar .custom-nav li.language,
  body.front .tophead .nav li.language,
  body.front .tophead .custom-nav li.language {
    padding-right: 0;
  }
  body.front .navbar .nav li.language a:last-child,
  body.front .navbar .custom-nav li.language a:last-child,
  body.front .tophead .nav li.language a:last-child,
  body.front .tophead .custom-nav li.language a:last-child {
    padding-right: 15px;
  }
  body.front .navbar .nav li.language a:first-child,
  body.front .navbar .custom-nav li.language a:first-child,
  body.front .tophead .nav li.language a:first-child,
  body.front .tophead .custom-nav li.language a:first-child {
    padding-left: 15px;
  }
}
@media screen {
  body.front .navbar:before, body.front .navbar:after,
  body.front .tophead:before,
  body.front .tophead:after {
    content: "";
    width: 50%;
    height: 0;
    position: absolute;
    bottom: -20px;
    z-index: 1;
  }
}
@media screen {
  body.front .navbar:before,
  body.front .tophead:before {
    border-top: 0;
    border-left: 0;
    border-bottom: 20px solid transparent;
    border-right: 20px solid #ffffff;
    left: 0;
  }
}
@media screen {
  body.front .navbar:after,
  body.front .tophead:after {
    border-top: 0;
    border-left: 20px solid #ffffff;
    border-bottom: 20px solid transparent;
    border-right: 0;
    left: 50%;
  }
}
@media screen {
  body.front .breakheader {
    min-height: 100px;
    width: 100%;
    background: #ffffff;
    position: relative;
    padding-top: 20px;
    padding-bottom: 40px;
  }
  body.front .breakheader h1, body.front .breakheader h4 {
    text-align: center;
    margin: 0;
    font-weight: 800;
  }
  body.front .breakheader h1 {
    font-weight: 200;
  }
  body.front .breakheader.bluebelow:before, body.front .breakheader.bluebelow:after {
    content: "";
    width: 50%;
    height: 0;
    position: absolute;
    bottom: 0;
    z-index: 1;
  }
  body.front .breakheader.bluebelow:before {
    border-top: 0;
    border-left: 0;
    border-bottom: 20px solid #0089CF;
    border-right: 20px solid #ffffff;
    left: 0;
  }
  body.front .breakheader.bluebelow:after {
    border-top: 0;
    border-left: 20px solid #ffffff;
    border-bottom: 20px solid #0089CF;
    border-right: 0;
    left: 50%;
  }
  body.front .breakheader.greybelow:before, body.front .breakheader.greybelow:after {
    content: "";
    width: 50%;
    height: 0;
    position: absolute;
    bottom: 0;
    z-index: 1;
  }
  body.front .breakheader.greybelow:before {
    border-top: 0;
    border-left: 0;
    border-bottom: 20px solid #f0f0f0;
    border-right: 20px solid #ffffff;
    left: 0;
  }
  body.front .breakheader.greybelow:after {
    border-top: 0;
    border-left: 20px solid #ffffff;
    border-bottom: 20px solid #f0f0f0;
    border-right: 0;
    left: 50%;
  }
}
@media screen {
  body.front .imagehead {
    height: 500px;
    background-image: url("../images/header/IMG(7).jpg");
    background-size: cover;
    background-position: center;
    color: #ffffff;
    position: relative;
    padding-top: 1px; /* om te voorkomen dat er afstand zit tussen menu-header en pagina-inhoud */
  }
  body.front .imagehead h1 {
    font-size: 48px;
    text-shadow: 0 0 55px #333;
    font-weight: 800;
    color: #ffffff;
    margin-top: 140px;
  }
}
@media screen and (max-width: 400px) {
  body.front .imagehead h1 {
    margin-top: 100px;
  }
}
@media screen {
  body.front .imagehead h1:first-child {
    margin-bottom: 0;
  }
}
@media screen {
  body.front .imagehead h1:nth-child(3) {
    margin-top: 0;
  }
}
@media screen and (max-width: 400px) {
  body.front .imagehead h1 {
    font-size: 36px;
  }
}
@media screen {
  body.front .imagehead span {
    font-size: 12px;
    line-height: 12px;
    display: block;
    position: relative;
  }
  body.front .imagehead span:before, body.front .imagehead span:after {
    content: "";
    border-bottom: 1px solid #ffffff;
    top: 6px;
    width: 45%;
    height: 0;
    display: block;
    position: absolute;
  }
}
@media screen and (max-width: 1024px) {
  body.front .imagehead span:before, body.front .imagehead span:after {
    width: 40%;
  }
}
@media screen {
  body.front .imagehead span:after {
    right: 0;
  }
}
@media screen {
  body.front .imagehead h3 {
    color: #ffffff;
    text-shadow: 0 0 25px #333;
  }
}
@media screen {
  body.front .imagehead:before, body.front .imagehead:after {
    content: "";
    width: 50%;
    height: 0;
    position: absolute;
    bottom: 0;
    z-index: 1;
  }
}
@media screen {
  body.front .imagehead:before {
    border-top: 0;
    border-left: 0;
    border-bottom: 20px solid #ffffff;
    border-right: 20px solid transparent;
    left: 0;
  }
}
@media screen {
  body.front .imagehead:after {
    border-top: 0;
    border-left: 20px solid transparent;
    border-bottom: 20px solid #ffffff;
    border-right: 0;
    left: 50%;
  }
}
@media screen {
  body.front .showhead {
    height: auto;
    background: #0089CF;
    position: relative;
    padding-bottom: 10px;
  }
  body.front .showhead .shadowbox {
    overflow: hidden;
    width: 100%;
  }
  body.front .showhead .shadowbox .marginholder {
    margin: 0 10px;
    overflow: hidden;
  }
  body.front .showhead:before, body.front .showhead:after {
    content: "";
    width: 50%;
    height: 0;
    position: absolute;
    bottom: 0;
    z-index: 1;
  }
  body.front .showhead:before {
    border-top: 0;
    border-left: 0;
    border-bottom: 20px solid #ffffff;
    border-right: 20px solid #0089CF;
    left: 0;
  }
  body.front .showhead:after {
    border-top: 0;
    border-left: 20px solid #0089CF;
    border-bottom: 20px solid #ffffff;
    border-right: 0;
    left: 50%;
  }
}
@media screen {
  body.front .imagecarousel {
    width: auto;
    height: 225px;
  }
}
@media screen {
  body.front .cards .row {
    -moz-column-width: 18em;
         column-width: 18em;
    -moz-column-gap: 1em;
         column-gap: 1em;
    -webkit-perspective: 1;
  }
}
@media screen {
  body.front .card-container {
    align-items: start;
    display: grid;
    grid-gap: 16px;
    grid-template-columns: repeat(auto-fit, 360px);
    justify-content: center;
    max-width: 1300px;
  }
}
@media screen {
  body.front .footer .row {
    vertical-align: middle;
  }
}
@media screen {
  body.front .content {
    position: relative;
    padding-bottom: 60px;
    max-width: 1300px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 591px) {
  body.front .content .cardholder { /* OLD - iOS 6-, Safari 3.1-6, BB7 */ /* TWEENER - IE 10 */ /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
}
@media screen {
  body.front .content .cardbox {
    display: inline-block;
    padding: 1rem;
    width: 100%;
    position: relative;
    max-width: 580px;
  }
  body.front .content .cardbox .cutout {
    width: 100px;
    height: 100px;
    position: absolute;
    top: -5px;
    right: 5px;
    border-radius: 75px;
    border: 5px solid #f0f0f0;
    overflow: hidden;
    z-index: 1;
  }
  body.front .content .cardbox .cutout img {
    position: relative;
    width: 100%;
  }
  body.front .content .cardbox .imageholder {
    overflow: hidden;
    width: 100%;
  }
  body.front .content .cardbox .imageholder .card {
    max-width: 100%;
    box-shadow: 0 5px 7px 0 #ddd;
    margin-bottom: 10px;
    overflow: hidden;
    position: relative;
  }
  body.front .content .cardbox .imageholder .card.featured, body.front .content .cardbox .imageholder .card.featured h1, body.front .content .cardbox .imageholder .card.featured h2, body.front .content .cardbox .imageholder .card.featured h3, body.front .content .cardbox .imageholder .card.featured h4, body.front .content .cardbox .imageholder .card.featured h5 {
    color: #B94A85;
  }
  body.front .content .cardbox .imageholder .card .card-teaser {
    height: 300px;
    position: relative;
  }
  body.front .content .cardbox .imageholder .card .card-teaser:before, body.front .content .cardbox .imageholder .card .card-teaser:after {
    content: "";
    width: 50%;
    height: 0;
    position: absolute;
    bottom: 0;
    z-index: 1;
  }
  body.front .content .cardbox .imageholder .card .card-teaser:before {
    border-top: 0;
    border-left: 0;
    border-bottom: 20px solid transparent;
    border-right: 20px solid #ffffff;
    left: 0;
  }
  body.front .content .cardbox .imageholder .card .card-teaser:after {
    border-top: 0;
    border-left: 20px solid #ffffff;
    border-bottom: 20px solid transparent;
    border-right: 0;
    left: 50%;
  }
  body.front .content .cardbox .imageholder .card .card-teaser:before {
    border-right: 20px solid #ffffff;
    border-top: 20px solid transparent;
    border-left: 0;
    border-bottom: 0;
  }
  body.front .content .cardbox .imageholder .card .card-teaser:after {
    border-top: 20px solid transparent;
    border-left: 20px solid #ffffff;
    border-right: 0;
    border-bottom: 0;
  }
  body.front .content .cardbox .imageholder .card .card-teaser a {
    display: block;
    height: 100%;
    background-size: cover;
    background-position: center;
  }
  body.front .content .cardbox .imageholder .card .caption {
    background: #ffffff;
    display: inline-block;
    min-height: 50px;
    width: 100%;
    position: relative;
    padding: 0 20px 20px;
  }
  body.front .content .cardbox .imageholder .card .caption h2.title, body.front .content .cardbox .imageholder .card .caption h5.subtitle {
    text-align: center;
    margin-bottom: 0;
  }
  body.front .content .cardbox .imageholder .card .caption h2.title {
    font-size: 27px;
  }
  body.front .content .cardbox .imageholder .card .caption h5.subtitle {
    margin-top: 0;
    margin-bottom: 20px;
    text-transform: none;
  }
  body.front .content .cardbox .imageholder .card .caption .divider {
    width: 75%;
    height: 0;
    position: relative;
    margin: 0 auto 15px;
    border-top: 2px dashed #cccccc;
  }
  body.front .content .cardbox .imageholder .card .caption .details {
    text-transform: uppercase;
    color: #cccccc;
    padding: 20px 0 10px;
  }
  body.front .content .cardbox .imageholder .card .caption .details i {
    color: #cccccc;
  }
  body.front .content .cardbox.popout .card-teaser {
    border-top-right-radius: 30px;
    overflow: hidden;
  }
}
@media screen {
  body.front .content .logocollection .row {
    padding: 20px 0;
  }
  body.front .content .logocollection .row a {
    display: block;
  }
  body.front .content .logocollection .partnerlogo {
    max-width: 100%;
  }
}
@media screen and (max-width: 768px) {
  body.front .content .logocollection .partnerlogo {
    max-width: 70%;
    padding: 10px;
  }
}
@media screen and (max-width: 498px) {
  body.front .content .logocollection .partnerlogo {
    max-width: 100%;
  }
}
@media screen {
  body.front .content .logocollection span.NADlogo {
    color: #912E06;
    text-transform: capitalize;
    font-size: 15px;
    line-height: 15px;
    display: inline-block;
  }
}
@media screen {
  body.front .content .mapholder {
    border-radius: 5px;
    padding-left: 15px;
  }
  body.front .content .mapholder img {
    width: 100%;
  }
}
@media screen {
  body.front .content .profile {
    padding: 5px;
    margin: 5px;
    background: #ffffff;
    border-radius: 5px;
    text-align: center;
    min-width: 190px;
  }
  body.front .content .profile .picture {
    height: 180px;
    width: 180px;
    overflow: hidden;
    margin: 10px auto 0;
    border-radius: 3px;
  }
  body.front .content .profile .picture img {
    width: 100%;
    position: relative;
    top: 50%; /* Ch <36, Saf 5.1+, iOS < 9.2, An =<4.4.4 */ /* IE 9 */
    transform: perspective(1px) translateY(-50%);
  }
}
@media screen {
  body.front .profile {
    height: 350px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  body.front .profile {
    height: 400px;
  }
}
@media screen {
  body.front .commissionprofile {
    max-width: 600px;
    margin: 10px;
    padding: 20px;
    border-radius: 5px;
    background-color: rgb(255, 255, 255);
    font-size: 90%;
  }
}
@media screen {
  body.front .commissionpicture {
    height: 180px;
    width: 180px;
    overflow: hidden;
    margin: 10px auto 0;
    border-radius: 3px;
  }
  body.front .commissionpicture img {
    width: 100%;
    position: relative;
    top: 50%; /* Ch <36, Saf 5.1+, iOS < 9.2, An =<4.4.4 */ /* IE 9 */
    transform: perspective(1px) translateY(-50%);
  }
}
@media screen and (max-width: 992px) {
  body.front {
    margin-bottom: 455px !important;
  }
}
@media screen and (max-width: 498px) {
  body.front {
    margin-bottom: 480px !important;
  }
}
@media screen {
  body.front .footer {
    position: absolute;
    /*bottom: 0; */
    width: 100%;
    /* Set the fixed height of the footer here */
    background: #ffffff;
    min-height: 475px;
  }
  body.front .footer .grey {
    color: #999999;
  }
  body.front .footer .container {
    margin-top: 20px;
  }
  body.front .footer .container .rce {
    text-align: left;
  }
}
@media screen and (max-width: 768px) {
  body.front .footer .container .rce {
    text-align: center;
  }
}
@media screen {
  body.front .footer .container .nwo {
    text-align: right;
  }
}
@media screen and (max-width: 768px) {
  body.front .footer .container .nwo {
    text-align: center;
  }
}
@media screen {
  body.front .footer .container .footerlogo {
    max-width: 100%;
    vertical-align: middle;
  }
  body.front .footer .container .footerlogo.inline {
    height: 35px;
    padding-left: 5px;
  }
}
@media screen {
  body.front .footer .container .footercolumn {
    text-align: right;
  }
  body.front .footer .container .footercolumn:last-child {
    text-align: left;
  }
}
@media screen and (max-width: 992px) {
  body.front .footer .container .footercolumn {
    text-align: center !important;
    margin-bottom: -10px;
  }
}
@media screen {
  body.front .footer .container .text-muted {
    line-height: 17px;
    margin-bottom: 0;
  }
}
@media screen {
  body.front .footer:before, body.front .footer:after {
    content: "";
    width: 50%;
    height: 0;
    position: absolute;
    bottom: auto;
    z-index: 1;
    top: 0;
  }
}
@media screen {
  body.front .footer:before {
    border-top: 0;
    border-left: 0;
    border-bottom: 20px solid #ffffff;
    border-right: 20px solid #f0f0f0;
    left: 0;
  }
}
@media screen {
  body.front .footer:after {
    border-top: 0;
    border-left: 20px solid #f0f0f0;
    border-bottom: 20px solid #ffffff;
    border-right: 0;
    left: 50%;
  }
}
@media screen {
  body.front .tabsgroup a:not(.nav-link) {
    text-decoration: underline;
  }
  body.front .tabsgroup .nav-tabs {
    margin-bottom: 15px;
  }
}
@media screen {
  body.front #locationmap, body.front #objectmap, body.front #ensemblemap {
    width: 500px;
    height: 500px;
  }
}
@media screen {
  body.front #areamap {
    height: 1400px;
  }
}
@media screen {
  body.front .containerfooter {
    background-color: white;
  }
}
@media screen {
  body.front .table-striped td {
    padding: 8px 0 8px 8px;
  }
}
@media screen {
  body.front .table-image {
    max-width: 100%;
  }
}
@media screen {
  body.front .break {
    word-break: break-all;
    word-wrap: break-word;
  }
}
@media screen {
  body.front .literature-url {
    display: block;
    width: 380px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
}
@media screen and (max-width: 520px) {
  body.front .hidden-mobile {
    display: none;
  }
}
@media screen {
  body.front ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
    margin-right: 15px !important;
  }
}
@media screen {
  body.front .filter-header {
    margin-top: 5px;
    padding-top: 5px;
  }
}
@media screen {
  body.front .filter-box {
    border-bottom: dashed 2px #ccc;
  }
}
@media screen {
  body.front .filter-items {
    padding-bottom: 5px;
    margin-bottom: 5px;
    font-size: 90%;
    max-height: 250px;
    overflow-y: auto;
  }
}
@media screen {
  body.front .filter-niveau2 {
    padding-left: 1.5em;
  }
}
@media screen {
  body.front span.selectedfilter {
    color: #ffffff;
    background-color: var(--bs-blue);
    padding: 2px 10px;
    margin: 0 2px 0 5px;
    border-radius: 10px;
    display: inline-block;
  }
}
@media screen {
  body.front div.selectedfilters {
    margin-bottom: 5px;
    padding: 5px 0;
  }
}
@media screen {
  body.front .collapse-icon {
    color: #7d7d7d;
  }
}
@media screen {
  body.front .textarea_location {
    height: 250px;
    min-height: 250px;
    max-height: 250px;
  }
}
@media screen {
  body.front .legendentry {
    height: 12px;
    width: 12px;
    border: solid 2px #646464;
    float: left;
  }
}
@media screen {
  body.front .legenddiv {
    position: relative;
  }
}
@media screen {
  body.front .legend {
    margin: 0.5em;
    padding: 0.2em;
    border: solid 1px #000;
    width: 200px;
    border-collapse: inherit;
    position: absolute;
    left: 540px;
    z-index: 200;
    background-color: white;
    opacity: 0.8;
  }
}
@media screen {
  body.front .legendrow {
    vertical-align: middle;
  }
}
@media screen {
  body.front .legendtext {
    padding-left: 1em;
  }
}
@media screen {
  body.front .nlmapbuttons {
    float: right;
  }
}
@media screen {
  body.front .overview-thumb {
    max-width: 150px;
    max-height: 100px;
    margin-right: 8px;
  }
}
@media screen {
  body.front .sidePanel .mapholder {
    overflow: hidden;
  }
}
@media screen {
  body.front .sidePanel .photoThumb {
    width: 156px; /* veeeeel te specifiek maar okay */
    display: inline-block;
    position: relative;
  }
}
@media screen {
  body.front .sidePanel .photoThumb:first-child {
    width: 100%;
  }
}
@media screen {
  body.front .sidePanel .photoThumb img {
    max-width: 100%;
    padding: 10px;
  }
}
@media screen {
  body.front .sidePanel .photoThumb .btn-group {
    position: absolute;
    bottom: 20px;
    right: 20px;
  }
}
@media screen {
  body.front .ol-popup {
    display: none;
    position: absolute;
    background-color: #eeeeee;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
    padding: 10px;
    border-radius: 10px;
    border: 1px solid #cccccc;
    bottom: 12px;
    left: -50px;
    height: auto;
    width: auto;
    min-width: 180px;
    z-index: 300;
  }
}
@media screen {
  body.front .ol-popup-closer {
    text-decoration: none;
    position: absolute;
    top: 2px;
    right: 8px;
  }
}
@media screen {
  body.front .ol-popup-closer:after {
    font-family: FontAwesome;
    content: "\f2d4";
    color: #7d7d7d;
  }
}
@media screen {
  body.front .modal-backdrop.in {
    z-index: 9998;
    opacity: 0.5;
  }
}
@media screen {
  body.front .loader {
    position: fixed;
    left: 50%;
    top: 50%;
    color: #0080a0;
    z-index: 9999;
    margin-left: -24px;
  }
}
@media screen and (max-width: 768px) {
  body.front .period-form .form-group {
    margin-left: 0;
  }
  body.front .tableholder, body.front .overview {
    padding-right: 0;
    padding-left: 0;
  }
  body.front .pagination {
    margin-left: 10px;
  }
}
@media screen and (max-width: 420px) {
  body.front .container {
    padding-right: 0;
    padding-left: 0;
  }
}
@media screen {
  body.front .poolparty .toTop {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  body.front .poolparty .toTop {
    display: block;
    position: fixed;
    bottom: 15px;
    right: 15px;
    z-index: 101;
  }
}
@media screen {
  body.front .poolparty .container {
    padding: 0;
    width: 100%;
  }
  body.front .poolparty .container .treeholder {
    /* TREE */
  }
}
@media screen and (max-width: 768px) {
  body.front .poolparty .container .treeholder { /* OLD - iOS 6-, Safari 3.1-6, BB7 */ /* TWEENER - IE 10 */ /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
  body.front .poolparty .container .treeholder .typewindow {
    padding: 0;
  }
  body.front .poolparty .container .treeholder .typewindow .panel-default {
    border: none;
  }
}
@media screen {
  body.front .poolparty .container .treeholder treecontrol {
    color: #555;
    width: 100%;
  }
  body.front .poolparty .container .treeholder treecontrol ul {
    overflow: visible;
  }
  body.front .poolparty .container .treeholder treecontrol ul li {
    min-height: 56px;
  }
  body.front .poolparty .container .treeholder treecontrol ul li .tree-label {
    /*overflow: hidden;*/
    min-height: 56px;
  }
  body.front .poolparty .container .treeholder treecontrol ul li .tree-label .media {
    overflow: visible;
  }
  body.front .poolparty .container .treeholder treecontrol ul li .tree-label .media .tree-thumb {
    width: 60px;
    padding-right: 10px;
  }
  body.front .poolparty .container .treeholder treecontrol ul li .tree-label .media .tree-thumb__large {
    box-shadow: 2px 2px 5px -2px #ccc;
  }
  body.front .poolparty .container .treeholder treecontrol ul li .tree-label .media .media-body {
    border-top: 1px solid #ddd;
    vertical-align: top;
  }
  body.front .poolparty .container .treeholder treecontrol ul li .tree-label .media .media-body .treelabel {
    font-size: 90%;
    width: calc(100% - 25px);
  }
  body.front .poolparty .container .treeholder treecontrol ul li::before, body.front .poolparty .container .treeholder treecontrol ul li::after {
    content: "";
    position: absolute;
    left: 20px;
  }
  body.front .poolparty .container .treeholder treecontrol ul li li:before {
    border-top: 1px solid #000;
    top: 15px;
    width: 8px;
    height: 0;
  }
  body.front .poolparty .container .treeholder treecontrol ul li li:after {
    border-left: 1px solid #000;
    height: 100%;
    width: 0;
    top: 0;
  }
  body.front .poolparty .container .treeholder treecontrol ul > li:last-child::after {
    height: 16px;
  }
  body.front .poolparty .container .treeholder treecontrol > ul > li:first-child > .tree-label .media-body {
    border: none;
  }
  body.front .poolparty .container .treeholder treecontrol i {
    font-family: FontAwesome;
    font-style: normal;
    font-size: 22px;
    color: #333;
    width: 20px;
  }
  body.front .poolparty .container .treeholder treecontrol.tree-boot .tree-expanded .tree-branch-head {
    background: none;
  }
  body.front .poolparty .container .treeholder treecontrol.tree-boot .tree-expanded .tree-branch-head::before {
    /*content: "\f115"; !*mapje open*!*/
    content: "\f0da";
    transform-origin: left;
    transform: rotate(45deg);
    display: block;
  }
  body.front .poolparty .container .treeholder treecontrol.tree-boot .tree-collapsed .tree-branch-head {
    background: none;
  }
  body.front .poolparty .container .treeholder treecontrol.tree-boot .tree-collapsed .tree-branch-head::before {
    /*content: "\f114"; !*mapje dicht*!*/
    content: "\f0da";
    transform: rotate(0deg);
  }
  body.front .poolparty .container .treeholder treecontrol.tree-boot .tree-leaf .tree-leaf-head {
    background: none;
  }
  body.front .poolparty .container .treeholder treecontrol.tree-boot .tree-leaf .tree-leaf-head::before {
    font-size: 14px;
    content: "\f016"; /*file*/
  }
  body.front .poolparty .container .treeholder treecontrol .selectNode {
    padding: 5px;
    width: 25px;
    float: right;
    font-size: 22px;
  }
  body.front .poolparty .container .treeholder treecontrol .selectNode::before {
    font-family: FontAwesome;
    content: "\f06e";
    color: lightgrey;
    float: right;
  }
  body.front .poolparty .container .treeholder treecontrol .coupleNode {
    display: none;
  }
  body.front .poolparty .container .treeholder treecontrol .editEnsemble {
    display: none;
  }
  body.front .poolparty .container .treeholder treecontrol .addObject {
    display: none;
  }
  body.front .poolparty .container .treeholder treecontrol .addEnsemble {
    display: none;
  }
}
@media screen {
  body.front .poolparty .container .treeholder treecontrol.tree-boot .tree-label.tree-unselected {
    color: lightgray;
  }
}
@media screen {
  body.front .poolparty .container .treeholder treecontrol.tree-boot li.tree-leaf i.tree-leaf-head,
  body.front .poolparty .container .treeholder treecontrol.tree-boot .tree-label.tree-selected,
  body.front .poolparty .container .treeholder treecontrol.tree-boot .tree-label.tree-selected:hover,
  body.front .poolparty .container .treeholder treecontrol.tree-boot .tree-label:hover {
    color: #333;
  }
}
@media screen {
  body.front .poolparty .container .treeholder .js-hoverpopup {
    position: relative;
    overflow: visible;
  }
  body.front .poolparty .container .treeholder .js-hoverpopup .tree-thumb, body.front .poolparty .container .treeholder .js-hoverpopup .tree-thumb__large {
    display: inline-block;
    position: relative;
    z-index: 0;
  }
  body.front .poolparty .container .treeholder .js-hoverpopup span {
    position: absolute;
    left: -9999px;
  }
  body.front .poolparty .container .treeholder .js-hoverpopup:hover {
    z-index: 1000;
    cursor: pointer;
  }
  body.front .poolparty .container .treeholder .js-hoverpopup:hover span {
    top: 0;
    left: 54px;
  }
  body.front .poolparty .container .treeholder .js-hoverpopup:hover .tree-thumb__large {
    position: absolute;
    max-width: 450px;
  }
}
@media screen {
  body.front .poolparty .container .treeholder .fixed {
    width: 100%;
    height: 90%;
    overflow: auto;
    z-index: 100;
  }
}
@media screen {
  body.front .poolparty .container .treeholder .fix-to-top {
    position: fixed;
    top: 0;
    width: 42%;
    max-width: 520px;
  }
}
@media screen and (max-width: 768px) {
  body.front .poolparty .container .treeholder .fix-to-top {
    position: relative;
    max-width: 100%;
    width: 100%;
  }
}
@media screen {
  body.front div.ensemble_remark > h1,
  body.front div.ensemble_remark > h2,
  body.front div.ensemble_remark > h3,
  body.front div.ensemble_remark > h4,
  body.front div.ensemble_remark > h5 {
    font-family: "Open Sans", sans-serif;
    font-size: 16px;
    font-weight: bold;
    color: #000000;
    text-transform: none;
  }
}
@media print {
  .breakheader::before, .breakheader::after,
  .showhead::before, .showhead::after,
  .footer::before, .footer::after {
    display: none;
  }
}
.col-print-1 {
  width: 8%;
  float: left;
}

.col-print-2 {
  width: 17%;
  float: left;
}

.col-print-3 {
  width: 25%;
  float: left;
}

.col-print-4 {
  width: 33%;
  float: left;
}

.col-print-5 {
  width: 42%;
  float: left;
}

.col-print-6 {
  width: 50%;
  float: left;
}

.col-print-7 {
  width: 58%;
  float: left;
}

.col-print-8 {
  width: 67%;
  float: left;
}

.col-print-9 {
  width: 75%;
  float: left;
}

.col-print-10 {
  width: 83%;
  float: left;
}

.col-print-11 {
  width: 92%;
  float: left;
}

.col-print-12 {
  width: 100%;
  float: left;
}

.carousel {
  overflow: hidden;
  padding-bottom: 4rem;
}

.carousel-caption {
  top: 100%;
}

.carousel-inner {
  overflow: visible;
}

.carousel-control-next, .carousel-control-prev {
  bottom: 4rem;
}

.carousel-indicators {
  bottom: 1.5rem;
}

.ensembletitle {
  white-space: nowrap;
  font-size: large;
  width: 500px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.modal.fade.in {
  opacity: 1;
}

.modal.in .modal-dialog {
  transform: translate(0, 0);
}

.modal-backdrop.in {
  opacity: 0.5;
  /* opacity: $modal-backdrop-opacity; (SCSS) */
}

.modal-dialog {
  max-width: 1000px;
  margin: 2rem auto;
}