/* CSS Document */
/*<div class="swiper-container slider">
<div class="swiper-wrapper">*/
.slider {
  margin-bottom: 15px;
  padding-bottom: 15px;
  height: 100vw; }
  .slider .swiper-wrapper .swiper-slide {
    text-align: center;
    display: flex;
    justify-content: center; }
    .slider .swiper-wrapper .swiper-slide > div {
      display: inline;
      align-self: center;
      max-height: 100%;
      max-width: 100%;
      width: auto;
      text-align: center; }
      .slider .swiper-wrapper .swiper-slide > div img {
        max-width: 100%;
        max-height: 500px; }

@media screen and (min-width: 800px) {
  .slider {
    height: auto; } }
.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
  bottom: 0 !important; }

/*<div class="swiper-container slider-thumbnail">
<div class="swiper-wrapper under">*/
.slider-thumbnail {
  max-width: 800px; }
  .slider-thumbnail .swiper-wrapper {
    margin: 0 auto;
    align-items: center; }
    .slider-thumbnail .swiper-wrapper .swiper-slide img {
      max-width: 80px;
      width: 100%;
      padding: 1px; }
    .slider-thumbnail .swiper-wrapper .swiper-slide p#maxTitle, .slider-thumbnail .swiper-wrapper .swiper-slide p#maxDescr {
      display: none; }

.slider p {
  margin: 5px 0 0 0;
  line-height: 1.1; }
.slider p#maxTitle {
  font-size: 0.9rem; }
.slider p#maxDescr {
  font-size: 0.8rem; }

.thumbscontainer ul.thumbs {
  list-style: none;
  margin: 0 0 1em 0;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(72px, 1fr));
  gap: 3px;
  justify-items: center;
  align-items: center; }
  .thumbscontainer ul.thumbs li {
    margin: 0; }
    .thumbscontainer ul.thumbs li img {
      max-width: 100%; }

ul.thumbs li p {
  overflow: hidden; }

.childscontainer {
  margin-bottom: 20px;
  float: left; }

.pagenumbers {
  margin-bottom: 20px; }

/*uploader*/
.managecontainer {
  background: #FFF;
  float: left;
  padding: 10px 30px; }

.managecontainer textarea {
  width: 395px; }

.managecontainer hr {
  width: 400px;
  text-align: left;
  margin: 20px auto 20px 0; }

.pictureform .managepicture {
  float: left;
  clear: left; }

.pictureform .shortfields {
  margin-left: 20px;
  float: left; }

.pictureform .clearboth {
  clear: both; }

.uploadcounter {
  width: 20px;
  margin-bottom: 10px;
  float: left;
  clear: left; }

.uploadfile {
  margin-bottom: 10px;
  float: none; }

.uploadfile input {
  width: 385px; }

.uploadform {
  margin-top: 20px;
  margin-bottom: -10px;
  clear: both; }

.uploadform .clearboth {
  clear: both; }

.slideshowwrapper {
  text-align: center; }

.deleteform {
  float: left; }

.synchform {
  float: left; }