/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
    Created on : 10.04.2018, 15:22:31
    Author     : Herz
*/

/*.topBewertung{*/
/*    text-align: center;*/
/*    width: 100%;*/
/*    max-width: 50vw;*/
/*    display: block;*/
/*    margin: 0 auto;*/
/*}*/
/*.topBewertung .sterne ,*/
/*.topBewertung .headline{*/
/*    padding:10px;*/
/*    color: var(--default-text);*/
/*}*/
/*.topBewertung .bewertungText {*/
/*	padding:0px;*/
/*    color: var(--default-text);*/
/*}*/
/*.topBewertung .bewertungText em{*/
/*    font-size:1em;*/
/*    line-height:1em;*/
/*    color: var(--default-text);*/
/*}*/
/*.topBewertung .sterne i{*/
/*    color:#FFED00;*/
/*    font-size:1.6em;*/
/*}*/
/*.topBewertung .bewertung_link{*/
/*	display: block; */
/*	width: 90%;*/
/*	margin: 20px auto 0;*/
/*	padding: 10px;*/
/*	background-color: #D4DC00;*/
/*	color: #50504f;*/
/*	font-size: 1.3em;*/
/*	font-weight: bold;*/
/*	border-radius: 5px;*/
/*	overflow: hidden;*/
/*}*/
/*.bewertung_abgeben_btn{*/
/*    box-sizing: border-box;*/
/*    background-color: #D4EDFA;*/
/*    color: #50504f;*/
/*    cursor: pointer;*/
/*    border: 1px solid #D4EDFA;*/
/*    padding:5px;*/
/*}*/
/* Start alle Bewertungen */
.einzelBewertung {
    width:100%;
    margin-top:90px;
    box-sizing: border-box;
}
.zusammenfassungBewertung table{
    width:100%;
}
.zusammenfassungBewertung table tr{
    display:block;
    text-align:center;
}
.zusammenfassungBewertung table td{
    display:inline-block;
    padding:5px;
}
.einzelBewertung .userBewertung{
    position:relative;
    margin:0 auto;
    width:800px;
}
.einzelBewertung .userBewertung span.headline{
    color: #C7CE00;
    font-weight: bold;
    font-size: 2.5em;
    display: block;
    vertical-align: middle;
    margin: 0;
    text-align: center;
}
.einzelBewertung .userBewertung td{
    vertical-align: middle;
    text-align:right;
    line-height:1.3em;
    font-size:1em !important;
}
.einzelBewertung .userBewertung td div{
    font-size:1.5em;
}
.einzelBewertung .userBewertung tr td .val{
    font-size:1.5em;
    text-align: left;
}
.einzelBewertung .userBewertung tr td .val i{
    font-size:.9em;
}
.einzelBewertung i{
    color:#FFED00;
}
.einzelBewertung .detailBewertung{
    box-sizing: border-box;
    margin-top:50px;
}
.einzelBewertung .bewertungEintrag{
    display:block;
    margin: 0 auto;
    position:relative;
    box-sizing: border-box;
    width:100%;
    border:1px dotted lightgray;
    vertical-align: top;
    min-height:140px;
    margin-bottom:10px;
    padding:10px;
    clear:both;
}
.einzelBewertung .bewertungEintrag:last-of-type{
    margin-bottom:100px;
}
.einzelBewertung .bewertungEintrag:nth-child(even){
    /*    background-color:#E6E6E6;*/
}
.einzelBewertung .bewertungEintrag:nth-child(odd){
    /*    background-color:#D8D8D8;*/
}
.einzelBewertung .bewertungEintrag .erstellungDatum{
    position:absolute;
    right:0px;
    top:0px;
    padding:10px;
}
.einzelBewertung .bewertungEintrag .bewertungOben a{
    display:block;
    position:absolute;
    right:0px;
    bottom:0px;
    color:#C7CE00;
    cursor:pointer;
    padding:10px;
    font-weight:bold;
}
.einzelBewertung .bewertungEintrag .sterne{
    width:100%;
    display:block;
    text-align: center;

}
.einzelBewertung .bewertungEintrag .sterne i{
    font-size:1.4em;
}
.einzelBewertung .bewertungMitte [itemprop="summary"]{
    display:none;
}
.einzelBewertung .bewertungMitte .bewertungMitteText{
    text-align: center;
    margin-top:10px;
    font-style:italic;
    font-size:1.2em;
    background-color:#F2F2F2;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding:5px;
}
.einzelBewertung .bewertungUnten{
    text-align: center;

}
.einzelBewertung .bewertungUnten .geschlecht,
.einzelBewertung .bewertungUnten .alter,
.einzelBewertung .bewertungUnten .beruf{
    display:inline-block;
    margin-top:10px;
    font-size:0.8em;
    margin-right: 5px;
}
.einzelBewertung .frageDetail{
    width:100%;
    box-sizing: border-box;
    margin-top:10px;
}
.einzelBewertung .frageDetail .frageRow{
    width:100%;
    box-sizing: border-box;
    vertical-align: middle;
    margin-bottom:10px;
}
.einzelBewertung .frageDetail .frageRow .frage{
    display:inline-block;
    width:80%;
    box-sizing: border-box;
    vertical-align: middle;
}
.einzelBewertung .frageDetail .frageRow .sterne{
    display:inline-block;
    width:20%;
    box-sizing: border-box;
    vertical-align: middle;
}
@media screen and (max-width: 1500px){
	/*.topBewertung{*/
	/*	border: none;*/
	/*	border-radius: 0px;*/
	/*	box-shadow: none;*/
	/*	padding: 20px 40px;*/
	/*	max-width: none;*/
	/*	margin: 30px 0px;*/
	/*}*/
}
@media screen and (max-width: 1170px){
    .detailBewertung{
        padding-left:10px;
        padding-right:10px;
    }
}
@media screen and (max-width: 860px){ /* Tablet - Menu bricht um */
    .einzelBewertung .bewertungEintrag{
        width:100%;
    }
    .einzelBewertung{
        margin-top:10px;
    }
    .einzelBewertung .userBewertung span.headline{
        text-align:left;
        font-size:2em;
    }
    .einzelBewertung .userBewertung{
        width:95%;
        margin: 0 auto;
    }
    .einzelBewertung .userBewertung i{
        font-size:0.5em !important;
    }
    .einzelBewertung .bewertung_abgeben_btn{
        width:100% !important;
    }
    .topBewertung{
        padding-top: 20px;
        padding-bottom: 40px;
    }
}