.da-slider {
    width: 100%;
    height: 400px;
    position: relative;
    margin: auto;
    overflow:hidden;
    -webkit-transition: background-position 1s ease-out 0.3s;
    -moz-transition: background-position 1s ease-out 0.3s;
    -o-transition: background-position 1s ease-out 0.3s;
    -ms-transition: background-position 1s ease-out 0.3s;
    transition: background-position 1s ease-out 0.3s;
}

.da-slide {
    margin: auto;
    position: absolute;
    width: 100%;
    height: 100%;
}

.da-slide-current {
    z-index: 1000;
}

.da-slide .da-content {
    margin: auto;
    width: 100%;
    opacity: 0;
}

    .da-slide .da-content div {
        width: 47%;
        margin-left: 1%;
        margin-right: 1%;        
    }

.da-slide .da-text {
    float: right;
    height: auto;
    color: var(--gray);
}

    .da-slide .da-text h2 {
        color: var(--darkblue);
    }

    .da-slide .da-text h2, .da-slide .da-text h3 {
        padding: 1%;
    }
.da-slide .da-img img {
    width:90%;
    border: 5px solid #fff;
    box-shadow: 0 0 5px rgba(0,0,0,.4);
}

.da-slide-current .da-content {
    opacity: 1;
}

/* Navigation */
.da-dots {
    width: 100%;
    position: absolute;
    text-align: center;
    bottom: 5px;
    z-index: 2000;
    -moz-user-select: none;
    -webkit-user-select: none;
}

    .da-dots span {
        display: inline-block;
        position: relative;
        width: 12px;
        height: 12px;
        border-radius: 50%;
        background: var(--darkblue);
        margin: 3px;
        cursor: pointer;
        box-shadow: 1px 1px 1px rgba(0,0,0,0.1) inset, 1px 1px 1px rgba(255,255,255,0.1);
    }

        .da-dots span.da-dots-current:after {
            content: '';
            width: 8px;
            height: 8px;
            position: absolute;
            top: 2px;
            left: 2px;
            border-radius: 50%;
            background: rgb(255,255,255);
            background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(47%,rgba(246,246,246,1)), color-stop(100%,rgba(237,237,237,1)));
            background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%);
            background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%);
            background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%);
            background: linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='var(--white)fff', endColorstr='#ededed',GradientType=0 );
        }

.da-arrows {
    -moz-user-select: none;
    -webkit-user-select: none;
}

    .da-arrows span {
        position: absolute;
        top: 210px;
        height: 40px;
        width: 40px;
        cursor: pointer;
        z-index: 2000;
        opacity: 0;
        -webkit-transition: opacity 0.4s ease-in-out-out 0.2s;
        -moz-transition: opacity 0.4s ease-in-out-out 0.2s;
        -o-transition: opacity 0.4s ease-in-out-out 0.2s;
        -ms-transition: opacity 0.4s ease-in-out-out 0.2s;
        transition: opacity 0.4s ease-in-out-out 0.2s;
    }

.da-slider:hover .da-arrows span {
    opacity: 1;
}

.da-arrows span:after {
    content: '';
    position: absolute;
    height: 40px;
    width: 40px;
    left: 0;
    background: transparent url(https://670614.claudeassets.com/20191119102301im_/https://www.makeitgerman.com/photos/images/arrows.png) no-repeat top left;
    box-shadow: 1px 1px 2px rgba(0,0,0,0.1);
}

.da-arrows span:hover:after {
    box-shadow: 1px 1px 4px rgba(0,0,0,0.3);
}

.da-arrows span:active:after {
    box-shadow: 1px 1px 1px rgba(255,255,255,0.1);
}

.da-arrows span.da-arrows-next:after {
    background-position: top right;
}

.da-arrows span.da-arrows-prev {
    left: 0;
}

.da-arrows span.da-arrows-next {
    right: 0;
}

/* ---------------- Animation classes and animations ---------------- */
/* Slide in from the right */
.da-slide-fromright .da-content {
    -webkit-animation: fromRightAnim3 0.4s ease-in-out 1.2s both;
    -moz-animation: fromRightAnim3 0.4s ease-in-out 1.2s both;
    -o-animation: fromRightAnim3 0.4s ease-in-out 1.2s both;
    -ms-animation: fromRightAnim3 0.4s ease-in-out 1.2s both;
    animation: fromRightAnim3 0.4s ease-in-out 1.2s both;
}

@-webkit-keyframes fromRightAnim3 {
    0% {
        margin-left: -100%;
        opacity: 0;
    }

    100% {
        margin-left: 0;
        opacity: 1;
    }
}

@-moz-keyframes fromRightAnim3 {
    0% {
        margin-left: -100%;
        opacity: 0;
    }

    100% {
        margin-left: 0;
        opacity: 1;
    }
}

@-o-keyframes fromRightAnim3 {
    0% {
        margin-left: -100%;
        opacity: 0;
    }

    100% {
        margin-left: 0;
        opacity: 1;
    }
}

@-ms-keyframes fromRightAnim3 {
    0% {
        margin-left: -100%;
        opacity: 0;
    }

    100% {
        margin-left: 0;
        opacity: 1;
    }
}

@keyframes fromRightAnim3 {
    0% {
        margin-left: -100%;
        opacity: 0;
    }

    100% {
        margin-left: 0;
        opacity: 1;
    }
}

/* Slide in from the left */
.da-slide-fromleft .da-content {
    -webkit-animation: fromLeftAnim3 0.4s ease-in-out 1.2s both;
    -moz-animation: fromLeftAnim3 0.4s ease-in-out 1.2s both;
    -o-animation: fromLeftAnim3 0.4s ease-in-out 1.2s both;
    -ms-animation: fromLeftAnim3 0.4s ease-in-out 1.2s both;
    animation: fromLeftAnim3 0.4s ease-in-out 1.2s both;
}

@-webkit-keyframes fromLeftAnim3 {
    0% {
        margin-left: 100%;
        opacity: 0;
    }

    100% {
        margin-left: 0;
        opacity: 1;
    }
}

@-moz-keyframes fromLeftAnim3 {
    0% {
        margin-left: 100%;
        opacity: 0;
    }

    100% {
        margin-left: 0;
        opacity: 1;
    }
}

@-o-keyframes fromLeftAnim3 {
    0% {
        margin-left: 100%;
        opacity: 0;
    }

    100% {
        margin-left: 0;
        opacity: 1;
    }
}

@-ms-keyframes fromLeftAnim3 {
    0% {
        margin-left: 100%;
        opacity: 0;
    }

    100% {
        margin-left: 0;
        opacity: 1;
    }
}

@keyframes fromLeftAnim3 {
    0% {
        margin-left: 100%;
        opacity: 0;
    }

    100% {
        margin-left: 0;
        opacity: 1;
    }
}

/* Slide out to the right */
.da-slide-toright .da-content {
    -webkit-animation: toLeftAnim3 0.4s ease-in-out 0.4s both;
    -moz-animation: toLeftAnim3 0.4s ease-in-out 0.4s both;
    -o-animation: toLeftAnim3 0.4s ease-in-out 0.4s both;
    -ms-animation: toLeftAnim3 0.4s ease-in-out 0.4s both;
    animation: toLeftAnim3 0.4s ease-in-out 0.4s both;
}

@-webkit-keyframes toRightAnim3 {
    0% {
        margin-left: 0;
        opacity: 1;
    }

    100% {
        margin-left: 100%;
        opacity: 0;
    }
}

@-moz-keyframes toRightAnim3 {
    0% {
        margin-left: 0;
        opacity: 1;
    }

    100% {
        margin-left: 100%;
        opacity: 0;
    }
}

@-ms-keyframes toRightAnim3 {
    0% {
        margin-left: 0;
        opacity: 1;
    }

    100% {
        margin-left: 100%;
        opacity: 0;
    }
}

@keyframes toRightAnim3 {
    0% {
        margin-left: 0;
        opacity: 1;
    }

    100% {
        margin-left: 100%;
        opacity: 0;
    }
}

@-o-keyframes toRightAnim3 {
    0% {
        margin-left: 0;
        opacity: 1;
    }

    100% {
        margin-left: 100%;
        opacity: 0;
    }
}

/* Slide out to the left */
.da-slide-toleft .da-content {
    -webkit-animation: toRightAnim3 0.4s ease-in-out 0.4s both;
    -moz-animation: toRightAnim3 0.4s ease-in-out 0.4s both;
    -o-animation: toRightAnim3 0.4s ease-in-out 0.4s both;
    -ms-animation: toRightAnim3 0.4s ease-in-out 0.4s both;
    animation: toRightAnim3 0.4s ease-in-out 0.4s both;
}

@-webkit-keyframes toLeftAnim3 {
    0% {
        margin-left: 0;
        opacity: 1;
    }

    100% {
        margin-left: -100%;
        opacity: 0;
    }
}

@-moz-keyframes toLeftAnim3 {
    0% {
        margin-left: 0;
        opacity: 1;
    }

    100% {
        margin-left: -100%;
        opacity: 0;
    }
}

@-o-keyframes toLeftAnim3 {
    0% {
        margin-left: 0;
        opacity: 1;
    }

    100% {
        margin-left: -100%;
        opacity: 0;
    }
}

@-ms-keyframes toLeftAnim3 {
    0% {
        margin-left: 0;
        opacity: 1;
    }

    100% {
        margin-left: -100%;
        opacity: 0;
    }
}

@keyframes toLeftAnim3 {
    0% {
        margin-left: 0;
        opacity: 1;
    }

    100% {
        margin-left: -100%;
        opacity: 0;
    }
}

@media screen and (max-width : 1280px) {
    .da-slider {
        height: 550px;
    }

    .da-slide .da-img img {
        width: 80%;
        height: auto;
    }

    .da-slide .da-content div {
        width: 96%;
        margin-left: 2%;
        margin-right: 2%;
        float: none;
        text-align: center;
    }

    .da-arrows span {
        top: 15%;
    }

        .da-arrows span.da-arrows-prev {
            left: 0;
        }

        .da-arrows span.da-arrows-next {
            right: 0;
        }
}

/*
     FILE ARCHIVED ON 14:51:45 Nov 25, 2018 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 08:47:14 Jun 24, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.58
  exclusion.robots: 0.053
  exclusion.robots.policy: 0.042
  esindex: 0.013
  cdx.remote: 96.277
  LoadShardBlock: 56.945 (3)
  PetaboxLoader3.datanode: 599.836 (4)
  load_resource: 829.604
  PetaboxLoader3.resolve: 277.614
*/