.Imageoverlay-open {
        position: relative;
        overflow: hidden;
}
.Imageoverlay-open .Imageoverlay-wrapper {
        overflow-x: hidden;
        overflow-y: hidden;
}

.Imageoverlay-wrapper {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        overflow: hidden;
        -webkit-overflow-scrolling: touch;
        z-index: 1999999;
        background-color: rgba(0,0,0,0.7);
}

.Imageoverlay-content {
        display: -webkit-flex;
        display: -ms-flex;
        display: flex;
        flex-wrap: nowrap;
        float: center;
        width: auto;
        margin: 0.8rem;
        padding: 0.8rem;
        background-color: #ffffff;
        border: 2px solid #333;
        border-radius: 4px;
}

.Imageoverlay-contentImage {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        float: center;
        flex-direction: row;
        overflow: hidden;
        width: 60%;
        margin: 0.8rem;
        padding: 0.8rem;
        background-color: #ffffff;
        border: 2px solid #666666;
        border-radius: 4px;
}
.Imageoverlay-Imagepreview {
        display:block;
        width: 35px;
        margin-top:  auto;
        margin-bottom: auto;
}

.Imageoverlay-Imagepreview .left {
    width: 35px;
    height: 149px;
    cursor: pointer;
    opacity: 0.4;
    background: url(https://www.date-ticker.com/_imagefiles/img_icon/btn_previev_149x35.gif);
}
.Imageoverlay-Imagepreview .left:hover {
    opacity: 0.9;
}

.Imageoverlay-Imagenext {
        display:block;
        width: 35px;
        margin-top:  auto;
        margin-bottom: auto;
}
.Imageoverlay-Imagenext .right {
    width: 35px;
    height: 149px;
    cursor: pointer;
    opacity: 0.4;
    background: url(https://www.date-ticker.com/_imagefiles/img_icon/btn_next_149x35.gif);
}
.Imageoverlay-Imagenext .right:hover {
    opacity: 0.9;
}
.Imageoverlay-Imagecontent {
       min-width:80%;
        display: block;
        margin-left: auto;
        margin-right: auto;
        flex-direction: column;
        overflow: hidden;
}

.Imageoverlay-Imagecomment {
        font-family: "Trebuchet MS", Helvetica, sans-serif;
        font-size: 15px;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        color: #cccccc;
        text-decoration: none;
        text-align: center;
        height:2rem;
        margin-left: auto;
        margin-right: auto;
}
.Imageoverlay-Image {
        display:block;
        margin-left: auto;
        margin-right: auto;
        overflow: hidden;
}
.Imageoverlay-Imageclicksvote {
        display:block;
        font-family: "Trebuchet MS", Helvetica, sans-serif;
        font-size: 15px;
        font-style: normal;
        font-weight: bold;
        font-variant: normal;
        color: #cccccc;
        text-decoration: none;
        min-width:50%;
        height:2rem;
        left: 4rem;
        bottom : 3rem;
        position : absolute;
        z-index: 10000;
}


.Imageoverlay-contentData {
        position:relative;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        float: left;
        flex-direction: column;
        width: 40%;
        margin: 0.8rem;
        padding: 0.8rem;
        background-color: #666666;
        border: 2px solid #666666;
        border-radius: 4px;
}

.Imageoverlay-Datauserinfos {
        font-family: "Trebuchet MS", Helvetica, sans-serif;
        font-size: 0.8rem;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        color: #cccccc;
        text-decoration: none;
        background-color: #333333;
        border: 2px solid #333333;
        border-radius: 4px;
        display:block;
        width:90%;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 1.0rem;
}
.Imageoverlay-Dataimagevaluation {
        font-family: "Trebuchet MS", Helvetica, sans-serif;
        font-size: 0.8rem;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        color: #cccccc;
        text-decoration: none;
        background-color: #333333;
        border: 2px solid #333333;
        border-radius: 4px;
        display:block;
        width:90%;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 1.0rem;
}
.Imageoverlay-Dataimagecoment {
        font-family: "Trebuchet MS", Helvetica, sans-serif;
        font-size: 0.8rem;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        color: #cccccc;
        text-decoration: none;
        background-color: #333333;
        border: 2px solid #333333;
        border-radius: 4px;
        display:block;
        position:relative;
        width:90%;
        height:63%;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 3.0rem;
        overflow-y: auto;
}
.Imageoverlay-Dataimagecomentheadline {
        position:relative;
        width:100%;
        text-align:center;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 1.0rem;
        top: 1.0rem;
}
.Imageoverlay-Dataimagecomentcontainer {
        display: flex;
        width:97%;
        text-align:center;
        background-color: #444444;
        border: 2px solid #444444;
        border-radius: 4px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 1.0rem;
        top: 1.0rem;
}

.Imageoverlay-Dataimagecomentuser {
        width: 12.0rem;
        font-size: 0.7rem;
        float: left;
}
.Imageoverlay-Dataimagecomentcont {
        width:60%;
        float: right;
        text-align:left;
        margin-top: 1.0rem;
}

.Imageoverlay-Formimagecoment {
        position:absolute;
        width:95%;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 1.0rem;
        bottom: 0;
}
.Imageoverlay-Forminput {
    width:70%;
    float: left;
}
.Imageoverlay-Formbutton {
    width:20%;
    float: right;
    text-align: right;
    margin-top: 0.2rem;
}

.Imageoverlay-close {
        position: absolute;
        top: 18px;
        right: 8px;
        height:33px;
        width: 33px;
        padding: 5px 5px;
        background-image: url("https://www.date-ticker.com/_imagefiles/img_icon/cancel_red.png");
        background-repeat: no-repeat;
        background-position: 4px, 0px;
        border-radius: 30px;
        border: 3px solid #990000;
        cursor: pointer;
        z-index:9999999;
}
.Imageoverlay-close:hover {
        border: 3px solid #FFFF00;
        text-decoration: none;
}

@media (min-width: 768px) {
    .Imageoverlay-content {
        width: 96%;
        height: 89%;
        margin: 30px auto;
    }
}


/* Sternebewertung */

span#Bewertung {
 line-height: 35px;
}

span.sternebewertung {
 float: Left;
  margin-left: 3.0rem;
}

span.sternebewertung:not(:checked) > input {
 display: None;
}

span.sternebewertung:not(:checked) > label {
 float: Right;
 width: 1em;
 padding: 0 .1em;
 overflow: Hidden;
 white-space: Nowrap;
 cursor: Pointer;
 font-size: 200%;
 line-height: 1.2;
 color: #D0D0D0;
 text-shadow: 1px 1px #B0B0B0, 2px 2px #606060, .1em .1em .2em rgba(0,0,0,.5);
 transition: all .5s;
}

span.sternebewertung:not(:checked) > label:before {
 content: '★ ';
}

span.sternebewertung > input:checked ~ label {
 color: #FFD700;
 text-shadow: 1px 1px #C06000, 2px 2px #904000, .1em .1em .2em rgba(0,0,0,.5);
}

span.sternebewertung:not(:checked) > label:hover,
span.sternebewertung:not(:checked) > label:hover ~ label {
 color: #FFD700;
 text-shadow: 1px 1px #F29E02, 2px 2px #B57340, .1em .1em .2em rgba(0,0,0,.5);
}
span.sternebewertung > input:checked,
span.sternebewertung > input:checked + label:hover,
span.sternebewertung > input:checked + label:hover ~ label,
span.sternebewertung > input:checked ~ label:hover,
span.sternebewertung > input:checked ~ label:hover ~ label,
span.sternebewertung > label:hover ~ input:checked ~ label {
 color: #F9B500;
 text-shadow: 1px 1px #F8BA01, 2px 2px #B57340, .1em .1em .2em rgba(0,0,0,.5);
}

.rating_bar {
    width:194px;
    background: url("https://www.date-ticker.com/_imagefiles/img_ratingstar/ratingstars.png") 0 0 repeat-x;
    cursor: Pointer;
}

.rating_bar div {
    height: 33px;
    background: url("https://www.date-ticker.com/_imagefiles/img_ratingstar/ratingstarshover.png") 0 0 repeat-x;
    cursor: Pointer;
}