/* ~~~~~~~~~~~~~~~~~~~~ DRAG-SLIDER - Bilder auf Home ~~~~~~~~~~~~~~~~~~ */
    #image_slide_wrapper>h3 {           color: "red"; padding: 10px 15px!important; position: relative; }
    #image_slide_wrapper>h3 span{       position: absolute; right: 15px; top: 15px; }
    #image_slide_wrapper>h3 span a{     color: #0094DC; text-decoration: underline; }
    #image_slide {
    /*    height: 400px;           wichtig für Slider */
    /*    width: 100%;             wichtig für Slider */
        overflow: hidden;       /* wichtig für Slider */
        display: block;         /* wichtig für Slider */
    }
    #image_slide .handle {
    /*    width: 500%;             volle Breite --> per JavaScript */
        height: 100%;
        border-radius: 0;
        border-bottom: 5px solid #0094DC;
        border-top: 1px solid #0094DC;
    }
    .slide{
    /*    width: 20%;              Teil-Breite --> per JavaScript */
        height: 100%;  display: inline-block; margin-right: -4px; position: relative;
    }
    #slide1{   background-color: aqua;          }
    #slide2{   background-color: brown;         }
    #slide3{   background-color: dodgerblue;    }
    #image_slide .slide .info{
        padding: 15px; position: absolute; top: 15px; right: 15px;  display: block; cursor: pointer;
        width: 300px; box-shadow: 0 0 15px grey; background-color: rgba(255,255,255,0.7);
    }
    #image_slide .slide .info .description{ text-align: left!important; }
    #image_slide .slide{  background-position: center 30%; background-size: cover; cursor: ew-resize;   }
    #image_slide .slide .info:hover{   background-color: white;   }


    /* ######### BUTTONS + WRAPPER ######### */
    #image_slide_wrapper{               position: relative; margin: 0 -30px; }
    #image_slide_wrapper .navB{         position: absolute; bottom: 72px; border: 0; background-color: #0094DC; }
    #image_slide_wrapper .navB:hover{   background-color: grey; }
    #image_slide_wrapper #prevSlide{        left: -30px; }
    #image_slide_wrapper #nextSlide{        right: -30px; }
    #image_slide_wrapper #box_minibuttons{ display: block; width: 100%; text-align: center; padding: 7px 15px 15px ; }
    #image_slide_wrapper #box_minibuttons .minib{
        width: 50px; height: 50px; background-size: 100%; background-repeat: no-repeat; background-position: center;
        display: inline-block; border: 0; border: 2px solid #bbb; border-radius: 50%; margin: 0 7px 0 0;
        -webkit-transition: all 0.2s ease;
        -moz-transition: all 0.2s ease;
        -o-transition: all 0.2s ease;
        transition: all 0.2s ease;
    }
    #image_slide_wrapper #box_minibuttons .minib.aktiv{  box-shadow: 0 -15px 0 #0094DC; border-radius: 0; }
    #image_slide_wrapper #box_minibuttons .minib:hover{  cursor: pointer;  }
    .navB:hover, .minib:hover{  cursor: pointer;    }
    .navB:focus, .minib:focus{  outline: none;      }
    #image_slide_wrapper .navB{
        height: 60px; width: 30px; border: 0; font-size: 2em; font-family:monospace; color: white;
        -webkit-transition: all 0.2s ease;
        -moz-transition: all 0.2s ease;
        -o-transition: all 0.2s ease;
        transition: all 0.2s ease;
    }
    #image_slide_wrapper .navB:hover{  cursor: pointer; background-color: rgba(0, 148, 220, 1.0);}
    #image_slide_wrapper #prevSlide{
        display: block; padding: 0 10px 2px 0; box-shadow: 0 0 10px rgba(0,0,0,0.2);
        border-top-left-radius: 40px; border-bottom-left-radius: 40px;
    }
    #image_slide_wrapper #nextSlide{
        display: block;padding: 0 0 2px 10p; box-shadow: 0 0 10px rgba(0,0,0,0.2);
        border-top-right-radius: 40px; border-bottom-right-radius: 40px;
    }
    #image_slide_wrapper #prevSlide:before { /* Deieck*/
        content: "."; color: rgba(0,0,0,0.0); position: absolute; width: 0; height: 0; left:5px; bottom: 19px;
        border-top: 10px solid transparent; border-right: 20px solid white; border-bottom: 10px solid transparent;
    }
    #image_slide_wrapper #nextSlide:before { /* Deieck*/
        content: "."; color: rgba(0,0,0,0.0); position: absolute; width: 0; height: 0; left: 6px; bottom: 18px;
        border-top: 10px solid transparent; border-left: 20px solid white; border-bottom: 10px solid transparent;
    }
    #image_slide_wrapper #nextSlide:hover:before{       left: 8px;      }
    #image_slide_wrapper #nextSlide:focus:before{       outline: none;  }
    #image_slide_wrapper #prevSlide:hover:before{       left: 3px;      }
    #image_slide_wrapper #prevSlide:focus:before{       outline: none;  }