/*ASDF Die folgenden CSS-Klassen muessen drin bleiben, ansonsten funktionieren die Tags und Flaggenoverlays nicht mehr! */
.overlays {}
.tags {}
.flag {}
div.aktion {}
.infopopup {
background-color:#c0f0c0;
border:1px solid #80c008;
cursor:default;
display:none;
margin-top: 1px;
margin-left: 16px;
position:absolute;
text-align:left;
width:370px;
z-index:50;
padding: 5px 5px 5px 5px;
}
.popuptrigger {
position:relative;
}
@media print {
.infopopup {display: none;}
.popuptrigger {display: none;}
}

/* 360-grad ansichten von luis */
.view360container {
border-width: 1px;
border-style: solid;
overflow: hidden;
position: relative;
margin: 20px 0;
}

.view360 {
position: absolute;
border: 0px solid black;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

.view360lbtn, .view360rbtn, .view360zoom, .view360logo{
height: 100%;
width: 15%;
background-color: rgba(0,0,0,0);
position: absolute;
background-position: center;
background-repeat: no-repeat;
-webkit-transition: opacity 0.3s ease-in-out;
-moz-transition: opacity 0.3s ease-in-out;
transition: opacity 0.3s ease-in-out;
opacity: 0.4;
filter: alpha(opacity=40); /* For IE8 and earlier */
background-size: 50% auto;
background-position: center center;
cursor: pointer;
}

.view360rbtn{
right: 0%;
background-image: url(/view360/arrowRIGHT.png);
}

.view360lbtn{
background-image: url(/view360/arrowLEFT.png);
}

.view360lbtn:hover, .view360rbtn:hover{
opacity: 0.7;
-webkit-transition: opacity 0.3s ease-in-out;
-moz-transition: opacity 0.3s ease-in-out;
transition: opacity 0.3s ease-in-out;
filter: alpha(opacity=70); /* For IE8 and earlier */
}

.view360faded{
opacity: 0.0;
-webkit-transition: opacity 0.3s ease-in-out;
-moz-transition: opacity 0.3s ease-in-out;
transition: opacity 0.3s ease-in-out;
filter: alpha(opacity=0); /* For IE8 and earlier */
}

.view360zoom{
width: 70%;
left: 15%;
cursor: -webkit-grab;
cursor: grab;
cursor: -moz-grab;
}

.grabbingcursor{
cursor: -webkit-grabbing;
cursor: grabbing;
cursor: -moz-grabbing;
}

.view360logo{
width: 15%;
background-size: 80% auto;
background-image: url(/view360/360grad.png);
background-position: center 5%;
}

.view360loader {
position: absolute;
margin: -60px;
left: 50%;
top: 50%;
border: 16px solid #f3f3f3; /* Light grey */
border-top: 16px solid rgba(35,31,31,0.4);
border-radius: 50%;
width: 120px;
height: 120px;
animation: spin 2s linear infinite;
}

@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}

#shopauskunft-widget{

}
@media print {
#shopauskunft-widget {display: none;}
}

.shopauskunft-logo{
position: relative;
}
.pane{
margin-bottom: 18px;
border: 1px solid #dddddd;
border-radius: 4px;
border-color: #cccccc;
margin-top: -68px;
margin-left: 68px;
}
.pane-body{
padding: 5px;
height: 58px;
padding-left: 18px;
}
.pane-body:before, .pane-body:after {
content: " ";
display: table;
}
.stars{
float: left;
padding-left: 3px;
padding-top: 2px;
}
.star{
display: inline;
}
.glyphicon-star{
font-size: 15px;
color: #FFA800;
font-family: 'Glyphicons Halflings';
}
.glyphicon-star-empty{
color:#777777;
display: inline !important;
}
.glyphicon-star:before {
content: "\e006";
}
.glyphicon-star-empty:before {
content: "\e007";
}
.glyphicon-home:before {
content: "\e021";
}
.glyphicon-info-sign:before {
content: "\e086";
}
.glyphicon-shopping-cart:before {
content: "\e116";
}
.glyphicon-collapse-up:before {
content: "\e160";
}
.glyphicon-collapse-down:before {
content: "\e159";
}
.glyphicon-list:before {
content: "\e056";
}
.glyphicon-th-list:before {
    content: "\e012";
}
.glyphicon-user:before {
content: "\e008";
}
.glyphicon-lock:before {
content: "\e033";
}
.glyphicon-log-in:before {
content: "\e161";
}
.glyphicon-envelope:before {
content: "\2709";
}
.glyphicon-forward:before {
    content: "\e075";
}
.glyphicon-globe:before {
    content: "\e135";
}
.glyphicon-wrench:before {
    content: "\e136";
}
.glyphicon-log-out:before {
    content: "\e163";
}
.glyphicon-edit:before {
    content: "\e065";
}
.glyphicon-trash:before {
    content: "\e020";
}
.glyphicon-backward:before {
    content: "\e071";
}
.glyphicon-filter:before {
    content: "\e138";
}
.glyphicon-ok:before {
  content: "\e013";
}
.glyphicon-earphone:before {
    content: "\e182";
}
.glyphicon-time:before {
    content: "\e023";
}
.glyphicon-question-sign:before{
    content:"\e085";
}
.points{
float: right;
border-left: 1px solid #cccccc;
font-size: 15px;
font-weight: bold;
color: #777777;
padding-left: 5px;
}
.points span {
color: #FFA800;
}
.subline-wrapper{
height: 100%;
width: 100%;
position: relative;
}
.subline{
position: absolute;
font-size: 10px;
font-style: italic;
left: 0;
bottom: 0;
margin: 0;
}
.progress{
height: 22px!important;
margin-bottom: 10px!important;
background-color: #E5E5E5 !important;
position: relative;
}
.progress-bar{
text-align: unset !important;
float: left;
width: 0%;
height: 100%;
font-size: 12px;
line-height: 20px;
color: #ffffff;
background-color: #992f17;
-webkit-box-shadow: inset 0 -1px 0 rgb(0 0 0 / 15%);
box-shadow: inset 0 -1px 0 rgb(0 0 0 / 15%);
-webkit-transition: width 0.6s ease;
-o-transition: width 0.6s ease;
transition: width 0.6s ease;
}
.progress-color{
background-color: #FFA800 !important;
}
.progress-stars{
width: 120px;
padding-top: 3px;
margin-left: 20%;
position: absolute;
}
.progress-stars span{
color:#777777;
font-size: 9px;
}
blockquote{
font-size: 10px !important;
padding: 10px 10px!important;
margin: 0 0 0px!important;
border-left: 0px !important;
}
blockquote p{

}
blockquote footer{
text-align: left;
}
.excerpt{
border: 1px solid #dddddd;
border-radius: 4px;
height: 100%;
}
.excerpt > blockquote{
height: 100%;
display: flex;
flex-direction: column;
}
.excerpt > blockquote > p{
margin-bottom: auto;
}
.excerpt-stars{
width: 50%;
display: inline;
}
.excerpt-stars i{
font-size: 10px;
}
.excerpt-date{
float:right;
width: 50%;
display: inline;
font-size: 8px;
}
#pricepane {
background-color: #fff;
}
.thumbs-hidden{
display:none;
}


@media (max-width: 767px){
.widget{
display:none;
}
}
.dvatinfo {
display:block;
color:#2020b0;
font-size: 14px;
white-space: normal;
}
.dvatinfo2 {
color: #333333;
display:block;
font-size: smaller;
white-space: normal;
}
.campuslbl {font-size: 14px; font-weight: normal;}
.campuslbl a {color: #0000C0;font-size: 14px; font-weight: normal;}
.eelsheetlink a {color:#606060; font-size: 12px; font-weight: normal; text-decoration:underline;}
.propfootnote {font-weight: normal; color:#606060; font-size: smaller;}