/* <style type="text/css"> */

.slider {
   width: 100%;
   margin: 0 auto;
   padding: 0;
}

.slick-slide {
   margin: 0px;
   transition: all ease-in-out .9s;
   opacity: .2;
   padding: 0px;
}



/* Start eigene Definitionen für Slides */

.border {
   border: 1px dotted var(--main-color-light);
   border-bottom: 0px;
}

.slider {
   max-width: 1024px;
   text-align: center;
   font-family: heebo, sans-serif;
   /* aspect-ratio: 1024 / 576; */
}


.slick-list {
      background-color: transparent;
   /* height: calc(var(--maximalbreite)*0.55) */
}


/* Erfindung FO */

section .slide {
   /* width: 100%; */
   /* aspect-ratio: 1024 / 576 !important; */
   background-color: whitesmoke;
}

section .slide p {
   margin: 0 auto;
   padding: 1rem 0;

   background-color: yellowgreen;
}


/* Ende Erfindung FO */



.zwischentitel {
   width: 100%;
   margin: auto auto .4rem auto;
   padding: 0 3rem;
   /* aspect-ratio: 1024 / 576; */
   display: flex;
   display: -webkit-flex;
   display: -webkit-box;
   display: -ms-flexbox;
   -webkit-align-items: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
}

@media (max-width: 460px) {

   .regular,
   .slider,
   .lazy .zwischentitel p,
   strong {
      font-size: .6rem;
      line-height: 140%;
      text-align: left;
   }

   .zwischentitel {
      border-bottom: 1px dotted gray;
   }

   .zwischentitel h1 {
      font-size: 1rem;
      font-weight: 300;
      line-height: 120%;
   }

   .zwischentitel p:last-of-type {
      margin-bottom: 2rem;
   }
}

.slider h1 {
   font-weight: 100;
   font-size: 2rem;
   line-height: 2.4rem;
   text-transform: uppercase;
}

.slider p {
   hyphens: none;
   -ms-hyphens: none;
   -moz-hyphens: none;
   -webkit-hyphens: none;
   font-weight: 200;
   font-size: 1rem;
   line-height: 1.6rem;
   letter-spacing: .02rem;
}

.zwischentitel a,
a:visited {
   color: black;
}

.zwischentitel hr {
   opacity: .3;
}

.slider caption {
   background-color: #21333f;
   padding: 6px;
}

/* Ende der eigenen Definitionen */


.slick-slide img {
   width: 100%;
}

.slick-prev:before,
.slick-next:before {
   color: rgb(39, 39, 39);
}

.slick-active {
   opacity: .5;
}

.slick-current {
   opacity: 1;
   padding: 0px;
   /* deleatur */
}

/* Eigene Media-Abfragen */

@media (max-width: 1100px) {

   .slick-prev,
   .slick-pref:before {
      -webkit-transform: translate(2rem, -50%);
      -ms-transform: translate(2rem, -50%);
      transform: translate(2rem, -50%);
      z-index: 999;
   }

   .slick-next,
   .slick-next:before {
      -webkit-transform: translate(-2rem, -50%);
      -ms-transform: translate(-2rem, -50%);
      transform: translate(-2rem, -50%);
      z-index: 999;
   }
}


/* </style> */