/* ============================== */
/* === Powered by locomputing === */
/* ============================== */


.dbg1 {
 font-size: 75%;
 font-weight: bold;
 width: 100%;  
 position: relative;
background: linear-gradient(90deg, 
  rgba(255, 165, 0, 0.75) 5%, 
  rgba(255, 215, 0, 0.5) 12%, 
  rgba(255, 215, 0, 0.5) 60%, 
  rgba(255, 255, 255, 0.5)
);
border-top: calc(.12em + ((.12vw - 0.15em) * 1)) solid;
border-bottom: none;
border-left: none;
border-image: linear-gradient(to right,black,black,gray,silver,transparent)1;
-webkit-text-stroke: .0075em black;
border-right:none;
 color: black;
 text-align: left;
 padding: 0 0 0 2.5em; 
 cursor:default;
 margin-bottom: -1px;
 z-index: 3;
}
.dbg1:before {
content: ' ';
position: absolute;
border-left: .43em solid rgba(255, 165, 0, 0.45);
height: 105%;
top: 0;
left: 0;
z-index: 10;
}
.dbg2 {
 font-size: 75%;
 font-weight: bold;
 width: 100%;  
 position: relative;
background: linear-gradient(90deg, 
  rgba(255, 215, 0, 0.75) 5%, 
  rgba(255, 165, 0, 0.35) 12%, 
  rgba(255, 165, 0, 0.35) 60%, 
  rgba(255, 255, 255, 0.5)
);
border-top: calc(.12em + ((.12vw - 0.15em) * 1)) solid;
border-bottom: none;
border-left: none;
border-image: linear-gradient(to right,black,black,gray,silver,transparent)1;
-webkit-text-stroke: .0075em black;
border-right:none;
 color: black;
 text-align: left;
 padding: calc(.15em + ((.15vw - 0.1em) * 1)) 0 calc(.15em + ((.15vw - 0.1em) * 1)) 2.5em; 
 cursor:default;
 margin-bottom: -1px;
 z-index: 3;
}
.dbg2:before {
content: ' ';
position: absolute;
border-left: .43em solid rgba(255, 215, 0, 0.45);
height: 105%;
top: 0;
left: 0;
z-index: 10;
}

.dbg3 {
background: #f9f9f9;
border-left: .43em solid rgba(255, 165, 0, 0.65);
}
.dbg4 {
background: white;
border-left: .43em solid rgba(255, 215, 0, 0.65);
}


a.dlod {
    position:static;
    background-image: url('../svgs/dload.svg');
    background-position: 0 0; 
    background-repeat: no-repeat;
    padding: .08em .7em;
	background-size: 1.5em;
}
a.dlod:hover {
background-color: #a6fdc6;
border-radius: .2em;
}

a.dlod:hover:before {
content: 'Datei runter laden';
position: absolute;
height: auto;
margin: 0 0 0 1.15em;
padding: .15em .25em;
border: .05em solid green;
font-size: 75%;
background: white;
color: maroon;
border-radius: .15em;
z-index: 10;
}

a.ndlod {
    position:static;
    background-image: url('../svgs/nodl.svg');
    background-position: 0 0; 
    background-repeat: no-repeat;
    padding: .08em .7em;
	background-size: 1.5em;
	cursor: default;
}
.ndlod:hover {
background-color: #ffc89e;
border: .05em solid rgb(255, 75, 39);
border-radius: .15em;
}


a.ndlod:hover:before {
content: 'Keine Rechte!';
position: relative;
font-size: 75%;
height: auto;
margin: 0 0 0 1.15em;
color: black;
z-index: 10;
}

.topinhalt {
display: flex;	
font-size: 75%;
text-align: left;
border-top: .05em solid silver;
border-bottom: .05em solid silver;
margin: 0;
padding: .5em .25em .5em .5em;
word-break:break-all;
word-break:break-word;
cursor: default;
z-index: 22;
}

.border {
width: 100%;
height: .035em;
background: silver;
}

.dltop {
width: 100%;	
padding: .2em 0 .2em .5em;
margin: 1px 0 0 0;
}
.hiti {
float: right;
margin: 0 .75em 0 0;	
}

hr.nixhr {
display: none;
}

.dlinhalt {
display: block;	
font-size: 75%;
text-align: left;
border-top: .05em solid silver;
border-bottom: .05em solid silver;
margin: 0;
padding: .5em .25em .5em .5em;
word-break:break-all;
word-break:break-word;
cursor: default;
z-index: 22;
}

.dlfoot {
width: 100%;	
padding: .2em .5em .2em 0;
margin: -1px 0 1px 0;
text-align: right;
color: maroon;
font-size: 60%;
border: none;
border-bottom: .075em solid black;
}

.davor {
width: auto;
height: auto;
position: relative;
}
.orderone {
    background-image: url('../svgs/zip.svg');
     background-position: 0 0; 
    background-repeat: no-repeat;
    padding-left: 2em;
	  background-size: 1.88em;
    height: 2.5em;
}

.davor {
width: auto;
height: auto;
position: relative;
}
.ordertwo {
    background-image: url('../svgs/7z.svg');
    background-position: 0 0; 
    background-repeat: no-repeat;
    padding-left: 1.5em;
	  background-size: 1.88em;
    height: 2.5em;

}



















