@import url("https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
body {
  margin: 5px 0 0 0;
  font-family: "Barlow", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
  font-weight: 400;
  font-size: 0.9rem;
  line-height: 1.4rem;
}

h1, h2, h3, h4, h5 {
  color: #7030a0;
  font-weight: 500;
  margin-top: 16px;
}

h1 {
  font-size: 1.4rem;
}

h2 {
  font-size: 1.3rem;
}

h3 {
  font-size: 1.2rem;
}

h4 {
  font-size: 1.2rem;
}

h5 {
  font-size: 0.9rem;
  font-weight: 400;
}

.opacbg {
  background-color: #fff;
  width: 100%;
  height: 100%;
  opacity: 0.85;
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
}

a, a:hover {
  text-decoration: underline;
  color: #01858c;
}
a h5, a:hover h5 {
  color: inherit;
}

strong {
  font-weight: 500;
}

.mw-750 {
  width: 100%;
  max-width: 750px;
}
.mw-750 p {
  font-family: "Barlow", "Lucida Sans Unicode", "Lucida Grande", sans-serif !important;
  font-weight: 400 !important;
  font-size: 0.9rem !important;
  line-height: 1.4rem !important;
}

.mw-900 {
  width: 100%;
  max-width: 900px;
}

.form-check-input:checked {
  background-color: #7030a0;
  border-color: #7030a0;
}

.bofv {
  width: fit-content;
  border-radius: 4px;
  color: #7030a0;
  background-color: #fff;
  border: 1px solid #7030a0;
}

.bofg {
  width: fit-content;
  border-radius: 4px;
  color: #01858c;
  background-color: #fff;
  border: 1px solid #01858c;
}

.menuutje {
  position: absolute;
  position: sticky;
  padding-right: 20px;
  top: 30px;
  float: right;
  width: fit-content;
  z-index: 99;
}

table.table tbody, table.table td, table.table tfoot, table.table th, table.table thead, table.table tr {
  border: none !important;
}

body {
  background-image: url(../images/bgmolen.webp);
  background-size: cover;
  background-attachment: fixed;
}
body .wrapper {
  width: 100%;
  max-width: 1050px;
  margin: 0.5rem auto 2rem;
  position: relative;
  border: 1px #7030a0 dotted;
  border-radius: 3px;
}
body .wrapper header img {
  width: 100%;
  height: auto;
}
body .wrapper .row {
  padding: 0.5rem 2rem;
}
body .wrapper .row main.col-md-8 h4, body .wrapper .row div.col-md-8 h4 {
  margin: 2.5rem 0 1rem 0;
}
body .wrapper .row main.col-md-8 h5, body .wrapper .row div.col-md-8 h5 {
  margin: 0.2rem 0 0 0;
}
body .wrapper .row main.col-md-8 footer, body .wrapper .row div.col-md-8 footer {
  margin-top: 1.5rem;
}
body .wrapper .row main.uitgelicht h5, body .wrapper .row div.uitgelicht h5 {
  font-weight: 400;
}
@media only screen and (max-width: 600px) {
  body .wrapper .row {
    padding: 0.5rem 0.25rem;
  }
}
body nav.navbar {
  padding-top: 0;
  border-top: rgb(112, 48, 160) solid 8px;
}
body nav.navbar .navbar-collapse {
  justify-content: center;
}
body nav.navbar .navbar-collapse ul {
  display: flex;
}
body nav.navbar .navbar-collapse ul li.nav-item a.nav-link, body nav.navbar .navbar-collapse ul li.nav-item a.dropdown-item {
  color: #666;
  padding: 0.1rem 1.2rem !important;
}
body nav.navbar .navbar-collapse ul li.nav-item a.nav-link.active, body nav.navbar .navbar-collapse ul li.nav-item a.nav-link:hover, body nav.navbar .navbar-collapse ul li.nav-item a.dropdown-item.active, body nav.navbar .navbar-collapse ul li.nav-item a.dropdown-item:hover {
  color: #fff;
  background-color: #7030a0;
}
body nav.navbar .navbar-collapse ul li.nav-item:hover {
  background-color: #7030a0;
}
body nav.navbar .navbar-collapse ul ul.dropdown-menu {
  background-color: rgb(248, 249, 250);
  padding: 0;
  font-size: 0.9rem;
  border: none;
  border-radius: 0;
}
@media only screen and (max-width: 600px) {
  body nav.navbar .navbar-collapse ul ul.dropdown-menu {
    display: block;
    margin-left: 1rem;
  }
}
body.home .row div {
  padding-bottom: 2rem;
}
body.zoek .form-control, body.zoek .form-select {
  max-width: 30rem;
}
body.zoek .uitgelicht {
  overflow-x: hidden;
}
body.zoek h4.tab {
  width: fit-content;
  border: 1px #7030a0 solid;
  border-bottom: none;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  padding: 2px 1rem 5px 15px;
  margin: 0;
  margin-top: 2rem;
}
body.zoek .onderlijn {
  border-bottom: 1px dotted #7030a0;
  padding: 0;
  margin-bottom: 1rem;
  width: 90%;
}
body.kijk .container.wrapper .row .col-12 .row.uzocht {
  color: #7030a0;
}
body.kijk .container.wrapper .row .col-12 #toonmolens.zoektable .cell {
  width: 23.8%;
  float: left;
  margin-right: 1%;
  border: #e5e2e2 1px solid;
  height: 475px;
  max-height: 475px;
  font-size: 13px;
  margin-bottom: 20px;
  overflow: hidden;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
body.kijk .container.wrapper .row .col-12 #toonmolens.zoektable .cell .molenfiche {
  width: 100%;
}
body.kijk .container.wrapper .row .col-12 #toonmolens.zoektable .cell .molenfiche .molenfoto {
  display: block;
  position: relative;
  height: 250px;
  overflow: hidden;
  background-color: #f8f8f8;
}
body.kijk .container.wrapper .row .col-12 #toonmolens.zoektable .cell .molenfiche .molenfoto a img {
  width: auto;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
body.kijk .container.wrapper .row .col-12 #toonmolens.zoektable .cell .molenfiche .molennaam {
  width: 100%;
  padding: 0 3%;
  display: inline-block;
}
body.kijk .container.wrapper .row .col-12 #toonmolens.zoektable .cell .molenfiche .molennaam h3 {
  font-size: 0.9rem;
  line-height: 1.4rem;
}
body.kijk .container.wrapper .row .col-12 #toonmolens.zoektable .cell .molenfiche .molennaam h3 .molenplaats {
  font-weight: 400;
}
body.kijk .container.wrapper .row .col-12 #toonmolens.zoektable .cell .molenfiche .molennaam p {
  margin: 0;
}
body.mutatie .row div.goback {
  margin-left: 0;
  margin-top: -1rem;
  z-index: 99;
}
body.mutatie .row div.goback a.btn-sm {
  border: 1px solid #7030a0;
  color: #fefefe;
  background-color: #7030a0;
  text-decoration: none;
  padding: 4px 10px;
  border-radius: 3px;
}
body.mutatie .row div.goback a.btn-sm:hover {
  border: 1px solid #7030a0;
  background-color: #fefefe;
  color: #7030a0;
}
@media only screen and (max-width: 600px) {
  body.mutatie .row div.goback {
    text-align: right;
    position: absolute;
    right: 0.5rem;
  }
}
body.demolenpagina div.container.wrapper div, body.demolenpagina div.container.wrapper header,
body.demolenpagina main.container.wrapper div,
body.demolenpagina main.container.wrapper header {
  padding-left: 0;
  padding-right: 0;
}
body.demolenpagina div.container.wrapper .row,
body.demolenpagina main.container.wrapper .row {
  padding: 0.5rem 12px;
}
body.demolenpagina div.container.wrapper .row div.goback,
body.demolenpagina main.container.wrapper .row div.goback {
  margin-left: 0;
  margin-top: -2.5rem;
  z-index: 99;
}
body.demolenpagina div.container.wrapper .row div.goback a.btn-sm,
body.demolenpagina main.container.wrapper .row div.goback a.btn-sm {
  border: 1px solid #7030a0;
  color: #fefefe;
  background-color: #7030a0;
  text-decoration: none;
  padding: 4px 10px;
  border-radius: 3px;
}
body.demolenpagina div.container.wrapper .row div.goback a.btn-sm:hover,
body.demolenpagina main.container.wrapper .row div.goback a.btn-sm:hover {
  border: 1px solid #7030a0;
  background-color: #fefefe;
  color: #7030a0;
}
@media only screen and (max-width: 600px) {
  body.demolenpagina div.container.wrapper .row div.goback,
  body.demolenpagina main.container.wrapper .row div.goback {
    text-align: right;
    position: absolute;
    right: 0.5rem;
  }
}
body.demolenpagina div.container.wrapper .row footer,
body.demolenpagina main.container.wrapper .row footer {
  padding-left: 0;
}
body.demolenpagina div.container.wrapper .row h2,
body.demolenpagina main.container.wrapper .row h2 {
  width: fit-content;
  border: 1px #7030a0 solid;
  border-bottom: none;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  padding: 2px 0 5px 14px;
  margin-top: 1.5rem;
}
body.demolenpagina div.container.wrapper .row table,
body.demolenpagina main.container.wrapper .row table {
  margin-left: 1.5rem;
}
body.demolenpagina div.container.wrapper .row div.defoto,
body.demolenpagina main.container.wrapper .row div.defoto {
  padding: 0;
}
body.demolenpagina div.container.wrapper .row div.defoto img,
body.demolenpagina main.container.wrapper .row div.defoto img {
  width: 100%;
  height: auto;
}
body.demolenpagina div.container.wrapper .row div.defoto h5,
body.demolenpagina main.container.wrapper .row div.defoto h5 {
  padding-left: 1.4rem;
}
body.demolenpagina div.container.wrapper .row div.defoto small.ps-2,
body.demolenpagina main.container.wrapper .row div.defoto small.ps-2 {
  display: block;
}
body.demolenpagina div.container.wrapper .row.tabje .col-12,
body.demolenpagina main.container.wrapper .row.tabje .col-12 {
  border-bottom: 1px solid #ccc;
}
body.demolenpagina div.container.wrapper .row.eerste,
body.demolenpagina main.container.wrapper .row.eerste {
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 1.5rem;
}
body.demolenpagina div.container.wrapper .card,
body.demolenpagina main.container.wrapper .card {
  border: none;
}
body.demolenpagina div.container.wrapper .card .card-header,
body.demolenpagina main.container.wrapper .card .card-header {
  padding-top: 1.5rem;
  border: none;
  background-color: transparent;
  padding-bottom: 0rem;
}
body.demolenpagina div.container.wrapper .card .card-header h2,
body.demolenpagina main.container.wrapper .card .card-header h2 {
  padding-left: 0.75rem;
  margin-bottom: 0;
  border-bottom: 1px solid #ccc;
}
body.demolenpagina div.container.wrapper h3, body.demolenpagina div.container.wrapper h4,
body.demolenpagina main.container.wrapper h3,
body.demolenpagina main.container.wrapper h4 {
  width: fit-content;
  text-align: left;
  border: 1px #7030a0 solid;
  border-bottom: none;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  padding: 4px 30px 5px 15px;
  margin-top: 1.5rem;
  margin-bottom: 0;
}
body.demolenpagina div.container.wrapper dl.horizontal div.attrib,
body.demolenpagina main.container.wrapper dl.horizontal div.attrib {
  width: 95%;
  clear: both;
  margin-bottom: 0;
  padding-left: 1rem;
  display: block;
}
body.demolenpagina div.container.wrapper dl.horizontal div.attrib:first-of-type,
body.demolenpagina main.container.wrapper dl.horizontal div.attrib:first-of-type {
  padding-left: 0;
}
body.demolenpagina div.container.wrapper dl.horizontal div.attrib dt, body.demolenpagina div.container.wrapper dl.horizontal div.attrib dd,
body.demolenpagina main.container.wrapper dl.horizontal div.attrib dt,
body.demolenpagina main.container.wrapper dl.horizontal div.attrib dd {
  padding-bottom: 3px;
}
body.demolenpagina div.container.wrapper dl.horizontal div.attrib dt,
body.demolenpagina main.container.wrapper dl.horizontal div.attrib dt {
  width: 100%;
  max-width: 165px;
  float: left;
  color: #666;
  font-weight: 500;
}
body.demolenpagina div.container.wrapper dl.horizontal div.attrib dd,
body.demolenpagina main.container.wrapper dl.horizontal div.attrib dd {
  width: fit-content;
  max-width: 350px;
  float: left;
}
body.demolenpagina div.container.wrapper dl.horizontal div.attrib dd p,
body.demolenpagina main.container.wrapper dl.horizontal div.attrib dd p {
  margin-bottom: 0;
}
@media only screen and (max-width: 600px) {
  body.demolenpagina div.container.wrapper dl.horizontal div.attrib dt,
  body.demolenpagina main.container.wrapper dl.horizontal div.attrib dt {
    width: 100%;
    max-width: 100%;
    float: none;
    margin-top: 0.75rem;
    padding-bottom: 0;
    color: #000;
  }
  body.demolenpagina div.container.wrapper dl.horizontal div.attrib dd,
  body.demolenpagina main.container.wrapper dl.horizontal div.attrib dd {
    max-width: 100%;
    width: 100%;
    float: none;
  }
}
body.demolenpagina div.container.wrapper .containertje,
body.demolenpagina main.container.wrapper .containertje {
  margin-top: 1.5rem;
}
body.demolenpagina div.container.wrapper .containertje img,
body.demolenpagina main.container.wrapper .containertje img {
  width: auto;
  max-width: 100%;
  height: auto;
}
body.demolenpagina div.container.wrapper dl.horizontal.aanvullend div.attrib dd,
body.demolenpagina main.container.wrapper dl.horizontal.aanvullend div.attrib dd {
  width: 100%;
  max-width: 600px;
}
body.demolenpagina div.container.wrapper .border-top,
body.demolenpagina main.container.wrapper .border-top {
  border-top-color: #7030a0 !important;
  border-top-style: dotted !important;
}
body.email .wrapper {
  max-width: 900px;
  padding-bottom: 2rem;
}
body.email .wrapper td strong {
  font-weight: 500;
  color: #666;
}
body.email .wrapper td:first-of-type {
  vertical-align: top;
  padding-top: 0.5rem;
}
body.email .wrapper td.area {
  vertical-align: top;
  padding-top: 0.75rem;
}
body.email .wrapper .form-control {
  margin-bottom: 0.5rem;
}
body.sendpic .wrapper {
  max-width: 900px;
  padding-bottom: 2rem;
}
body.sendpic .wrapper table.table td {
  vertical-align: middle;
}
body.sendpic .wrapper #meded {
  display: none;
}
body.sendpic .wrapper .rood {
  color: red;
}
@media only screen and (max-width: 600px) {
  body.sendpic .tabje form table table tr td {
    padding-left: 0;
    padding-right: 0;
  }
}
body.admin .container.wrapper {
  max-width: 900px;
  margin: 0 auto;
}
body.admin header {
  text-align: center;
}
body.admin header img {
  width: 50%;
  max-width: 50%;
  margin: 0 auto;
}
body.admin form .form-control, body.admin form .form-select, body.admin form .tinymce {
  margin-bottom: 0.3rem !important;
}
body.admin td {
  text-align: left;
  vertical-align: middle;
}
body.admin td ul {
  padding-left: 1rem;
}
body.admin td.area {
  vertical-align: top;
  padding-top: 2.85rem;
}
body.admin.zoek label {
  width: 25%;
  float: left;
  vertical-align: middle;
  height: 2.5rem;
  margin-bottom: 0;
  display: initial;
  padding-top: 0.5rem;
  font-weight: 500;
  color: #666;
}
body.admin.zoek input, body.admin.zoek select {
  width: 75%;
  float: left;
}
body.admin.zoek .form-check {
  white-space: nowrap;
}
body.admin.zoek .btn {
  width: auto;
  margin-right: 1rem;
}
body.admin.toegevoegd b {
  font-weight: 600;
  color: #666;
}
body.admin.aangepast strong {
  font-weight: 600;
  color: #666;
}
body.admin.aangepast table.table {
  width: 100%;
  max-width: 900px !important;
  margin: 0 auto 1.5rem auto;
}
body.admin.aangepast table.table td {
  vertical-align: top;
}
body.admin.aangepast table.table td img {
  max-width: 100%;
}
body.admin.aangepast table.table td:first-of-type {
  vertical-align: top;
  white-space: nowrap;
  padding-right: 1rem;
  padding-bottom: 0.4rem;
  width: 205px;
}
body.admin.editmolen tr td {
  padding-top: 0.25rem !important;
}
body.admin.editmolen tr td:first-of-type {
  text-align: right;
  width: 28.3%;
  vertical-align: top;
  padding-top: 0.7rem !important;
}
body.admin.editmolen table.table tbody tr td textarea#tiny.form-control {
  font-family: "PT Sans", verdana, arial, helvetica, sans-serif;
  font-size: 14px;
  line-height: 21px;
  font-weight: 400;
  color: #333 !important;
}
body.admin.editmolen table.molenfotos tr td:last-of-type {
  padding-top: 4px;
}
body.admin.editmolen table.molenfotos tr td:last-of-type a:hover {
  text-decoration: none;
}
body.admin.editmolen table.molenfotos tr.foto td {
  padding-top: 0;
  padding-bottom: 2rem;
}
body.admin.editmolen table.molenfotos tbody tr td img {
  max-width: 300px;
}
body.admin.foto table#data form.zoek {
  display: flex;
  align-items: center;
}
body.admin.foto table#data form.zoek input.form-control,
body.admin.foto table#data form.zoek select.form-select {
  width: 150px;
}
body.admin.foto table#defotos tr td img {
  max-width: 100%;
  height: auto;
}

body.admin.aangepast table#defotos tr td img {
  width: auto !important;
  max-width: 100% !important;
  height: auto;
}

@media only screen and (max-width: 600px) {
  body.home, body.zoek, body.kijk, body.email, body.demolenpagina {
    margin-top: 0;
    font-size: 0.95rem;
    line-height: 1.5rem;
  }
  body.home .wrapper, body.zoek .wrapper, body.kijk .wrapper, body.email .wrapper, body.demolenpagina .wrapper {
    width: 100%;
    max-width: 1050px;
    margin: 0rem auto 2rem !important;
    position: relative;
  }
  body.home .wrapper .navbar-light button.navbar-toggler, body.zoek .wrapper .navbar-light button.navbar-toggler, body.kijk .wrapper .navbar-light button.navbar-toggler, body.email .wrapper .navbar-light button.navbar-toggler, body.demolenpagina .wrapper .navbar-light button.navbar-toggler {
    margin-top: 0.5rem;
  }
  body.home .wrapper .row, body.zoek .wrapper .row, body.kijk .wrapper .row, body.email .wrapper .row, body.demolenpagina .wrapper .row {
    padding: 0;
  }
  body.zoek .container.wrapper .row .col-12 form h4.d-flex {
    display: block !important;
    margin-bottom: 1rem;
  }
  body.zoek .container.wrapper .row .col-12 form h4.d-flex .ms-3 {
    margin-left: 0.5rem !important;
  }
  body.kijk .container.wrapper .row .col-12 #toonmolens.zoektable.zebra .cell {
    width: 47.8%;
    float: left;
    margin-right: 2%;
    height: 375px;
    max-height: 375px;
  }
  body.kijk .container.wrapper .row .col-12 #toonmolens.zoektable.zebra .cell .molenfiche {
    width: 100%;
  }
  body.kijk .container.wrapper .row .col-12 #toonmolens.zoektable.zebra .cell .molenfiche .molenfoto {
    height: 150px;
  }
  body.demolenpagina .container.wrapper .row {
    padding-left: 0 !important;
  }
  body.demolenpagina .container.wrapper .row .ps4 {
    padding-left: 0 !important;
  }
  body.demolenpagina .container.wrapper div.row.pt-0.eerste div.col-12.col-md-7.ps-4 {
    padding-left: 0 !important;
  }
  body.demolenpagina .container.wrapper div.row.mt-3.ps-4 {
    padding-left: 8px !important;
  }
  body.demolenpagina .container.wrapper dl.tweedeblok .mw-750.ms-3 {
    padding-right: 20px;
  }
  body.demolenpagina .container.wrapper .row.tabje {
    margin-top: 0 !important;
  }
  body.demolenpagina .container.wrapper .row.tabje h2 {
    margin-top: 0 !important;
    background-image: none;
  }
  body.demolenpagina .container.wrapper .row.eerste {
    flex-direction: column-reverse;
  }
}
div#map div.gm-style-iw-chr {
  height: 24px !important;
}

/*# sourceMappingURL=molenechos.css.map */