/* ============================== */
/* === Powered by locomputing === */
/* ============================== */

.dlo1 {
background: #f9f9f9;
}
.dlo2 {
background: #ededed;
}



.blocki {
display: block;
padding:5px;	
}

.dlkop {
display: flex;
border:1px solid #444444;
border-bottom:none;
font-size: 90%;
margin: 0;
padding:0;
}

.dlinhalt {
border:1px solid #444444;
margin: 0 0 .15em 0;
font-size: 90%;
}
.dlname {
flex:2;
text-align: left;
background: transparent;
font-size: 100%;
height: calc(1em + ((1vw - 0.1em) * 1));
line-height: calc(1em + ((1vw - 0.1em) * 1));
padding-left: calc(.4em + ((.4vw - 0.1em) * 1));
}
.dldatum {
flex:1.5;
text-align: right;
font-size: 65%;
background: transparent;
height: calc(1.2em + ((1.2vw - 0.1em) * 1));
line-height: calc(1.2em + ((1.2vw - 0.1em) * 1));
padding-right:calc(.4em + ((.4vw - 0.1em) * 1));
}
.dlrechts {
flex:0.5;
text-align: center;
font-size: 75%;
background: transparent;
height: calc(1.2em + ((1.2vw - 0.1em) * 1));
line-height: calc(1.2em + ((1.2vw - 0.1em) * 1));
}

.tablekop { 
display: table; 
width: 100%;
background: #dcdcdc;
margin: 0 auto;
padding:0; 
}
.tablekop .tr { 
display:table-row; 
}
.tablekop .td { 
display: table-cell;

line-height:1.5;
font-size: 80%;
}
.tablekop .kurz { 
width:30%;
padding:0;
height: 10px;
}
.tablekop .ktopleft {
text-align: left;
vertical-align: middle;
border-right:1px solid #666666;
border-left:1px solid #666666;
}
.tablekop .ktopleft > div {
float: right;
padding-right: .5em;
}


.ktopright {
width: 25%;
border-top:1px solid #666666;
border-right:1px solid #666666;
text-align: center;
}
.hr {
border:1px solid #8f8f8f;
height:0;
margin:0;
padding:0;
}



.toppdown {
display: table;
border-collapse:collapse;
width: 100%;
padding: calc(.2em + ((.2vw - 0.1em) * 1)); 
font-size:85%;
}
.toppdown a { 
text-decoration: underline;
}
.toppdown .tr { 
display:table-row; 
}
.toppdown .tr.moon { 
background: #e0dbdb;
font-weight: bold;
}
.toppdown .tr.sun { 
background: white;
}
.toppdown .td { 
min-width: 5em;
display: table-cell;
border: 1px solid gray;
padding: calc(.2em + ((.2vw - 0.1em) * 1)); 
}
.toppdown .bild {
width: 12%;	
text-align: center;
}
.toppdown .klein {
width: 15%;	
text-align: center;
}
.toppdown .lang {
width: 50%;	
}
.toppdown .kurz {
width: 1%;
text-align: center;
}
.toppdown .hit {
width: 5%;
text-align: center;
}



.tabledl { 
display: table;
border-collapse:collapse;
width: 100%;
padding: calc(.2em + ((.2vw - 0.1em) * 1)); 
font-size:65%;
}
.tabledl a { 
text-decoration: underline;
}
.tabledl .tr { 
display:table-row; 
}
.tabledl .tr.moon { 
background: #e8e8e8;
font-weight: bold;
}
.tabledl .tr.suun { 
background: white;
font-weight: normal;
}
.tabledl .td { 
min-width: 1em;
display: table-cell;
border: 1px solid gray;
padding: calc(.2em + ((.2vw - 0.1em) * 1)); 
}
.tabledl .bilda {
width: 2%;	
text-align: center;
}
.tabledl .bildb {
min-width: 5em;
width: 5%;	
text-align: left;
}
.tabledl .bild {
min-width: 5em;
width: 5%;	
text-align: center;
}
.tabledl .klein {
width: 20%;	
text-align: center;
}
.tabledl .lang {
width: 50%;	
}
.tabledl .kurz {
width: 20%;
text-align: center;
}
.tabledl .hit {
width: 5%;
text-align: center;
}



.dline {
display: grid;
grid-template-columns: repeat(100, 1fr);
font-size: 75%;
border:1px solid gray;

}
.dline1 {
display: grid;
grid-template-columns: repeat(100, 1fr);
font-size: 75%;
border:1px solid gray;
border-top:none;
background: white;
}
.dlineone {
grid-column: 1 / 6;
grid-row: 1;
border:1px solid gray;
border-bottom: none;
border-left: none;
text-align: center;
padding: .1em 0;
}

.dlinetwo {
grid-column: 6/ 25;
grid-row: 1;
border:1px solid gray;
border-bottom: none;
border-left: 1px solid gray;
padding: .1em .25em;
}

.dlinetre {
grid-column: 25 / 80;
grid-row: 1;
border:1px solid gray;
border-bottom: none;
border-left: 1px solid gray;
padding: .1em .25em;
}

.dlinefor {
grid-column: 80 / 95;
grid-row: 1;
border:1px solid gray;
border-bottom: none;
border-left: 1px solid gray;
padding: .1em .25em;
}

.dlinefive {
grid-column: 95 / 101;
grid-row: 1;
border:1px solid gray;
border-right: none;
border-bottom: none;
border-left: 1px solid gray;
text-align: center;
padding: .1em 0;
}

.dlrg {
float: right;
}

.dlinesix {
grid-column: 1 / 101;
grid-row: 2;
border:1px solid gray;

}

.dlbg {
background: #f9f9f9;
}


@media screen and (max-width: 800px) {

.dlineone {
grid-column: 1 / 6;
grid-row: 1;
}

.dlinetwo {
grid-column: 6 / 35;
grid-row: 1;
}

.dlinetre {
grid-column: 35 / 101;
grid-row: 1;
padding: .1em .25em;
}

.dlinefor {
grid-column: 0;
grid-row: 1;
}

.dlinefive {
grid-column: 0;
grid-row: 1;
}

.ausblenden {
  display: none;
}
}

.downlad {
width: 1.5em;
height: auto;
}

@media screen and (max-width: 600px) {

.dlineone {
grid-column: 0;
grid-row: 1;
}

.dlinetwo {
grid-column: 1 / 30;
grid-row: 1;
}

.dlinetre {
grid-column: 30 / 101;
grid-row: 1;
padding: .1em .25em;
}

.dlinefor {
grid-column: 0;
grid-row: 1;
}

.dlinefive {
grid-column: 0;
grid-row: 1;
}

.ausblend {
  display: none;
}

.ausblenden {
  display: none;
}
.downlad {
  display: none;
}
}