.lmr-archiv{
padding:0 10px 0 0;
margin:0;
position:relative;
height:60px;
max-height:60px;
display:flex;
justify-content:center;
flex-direction:column;
background:var(--projekt_hell);
}
.lmr-archiv > i{
width:68px;
height:50px;
/*background-image:url('data:image/svg+xml,');*/
background-image:url('data:image/svg+xml,');
position:absolute;
top:5px;
left:5px;
pointer-events:none;
background-color:var(--projekt);
}
.lmr-archiv > a > span{
padding:0;
font-size:16px;
color:#000;
clear:both;
display:block;
font-weight:400;
}
.lmr-archiv > a{
padding:10px 10px 10px 85px;
font-size:17px;
font-weight:700;
text-overflow:ellipsis;
overflow:hidden;
white-space:nowrap;
user-select:none;
display:block;
}
.lmr-archiv:hover{
background:var(--projekt_mittel);
}
.lmr-archiv:hover a{
color:#000;
}
.lmr-archiv + .lmr-archiv{
margin-top:10px;
}
.lmr-termin{
min-height:60px;
width:100%;
position:relative;
}
.lmr-termin + .lmr-termin{
margin-top:10px;
}
.lmr-termin > div{
font-size:16px;
color:#000;
background:#EEE;
padding:7px 10px 7px 80px;
display:flex;
height:60px;
position:relative;
justify-content:center;
flex-direction:column;
cursor:pointer;
text-overflow:ellipsis;
overflow:hidden;
white-space:nowrap;
user-select:none;
}
.lmr-termin > div:hover{
background:#DDD;
}
.lmr-termin > div:hover b{
color:#000!important;
}
.lmr-termin > div b{
font-size:17px;
color:var(--projekt);
clear:both;
margin-bottom:3px;
text-overflow:ellipsis;
overflow:hidden;
white-space:nowrap;
text-shadow:1px 1px 1px #FFF;
}
.lmr-termin > div span{
text-overflow:ellipsis;
overflow:hidden;
white-space:nowrap;
}
.lmr-termin > div:hover b{
text-shadow:0 0 8px #FFF;
}
.lmr-termin > span{
font-size:16px;
color:#000;
padding:0 10px;
background:#F8F4F4;
display:block;
position:relative;
max-height:0;
transition:max-height 0.3s, padding 0.5s;
overflow:hidden;
}
b.daten{
width:100px;
float:left;
display:inline-block;
font-weight:700;
margin-right:10px;
clear:left;
line-height:24px;
}
b.daten + i{
width:calc(100% - 130px);
float:left;
display:inline-block;
clear:right;
font-style:normal;
line-height:24px;
}
.lmr-termin > span > a.detail{
position:absolute;
top:5px;
right:10px;
}
.lmr-termin ul{
padding-left:20px;
list-style-type:disc;
}
.lmr-termin br{
display:block;
clear:both;
float:none;
}
.lmr-termin > span.aktiv{
padding:10px;
max-height:200vh;
border-bottom:1px solid #DDD;
}
.lmr-termin > dl{
background:#FFF;
padding:0;
width:60px;
height:50px;
position:absolute;
top:5px;
left:5px;
margin:0;
pointer-events:none;
box-shadow:0 0 3px #DDD;
}
.lmr-termin > dl > dt{
font-size:18px;
color:#000;
width:100%;
text-align:center;
line-height:22px;
clear:both;
display:block;
margin:0;
padding:3px 0 0 0;
font-weight:700;
}
.lmr-termin > dl > dd{
font-size:18px;
color:#FFF;
width:100%;
text-align:center;
line-height:25px;
clear:both;
display:block;
background:var(--projekt);
margin:0;
padding:0;
font-weight:700;
letter-spacing:1px;
}
.lmr-kalender-button{
width:32%;
background:var(--projekt);
color:#FFF;
line-height:30px;
text-align:center;
cursor:pointer;
display:block;
float:left;
max-width:230px;
}
.lmr-kalender-button:hover{
background:#000;
color:#FFF!important;
}
.lmr-kalender-button + .lmr-kalender-button{
margin-left:2%;
}