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


.kateg {
display: flex;
flex-wrap: wrap;
gap: 2px;
}
.kat {
width: 33%;
font-size: 75%;
padding: 0 .25%;
margin: 0 auto;
}
.kat a {
text-decoration: none;
color:blue;
}
.kat a:hover {
color: green;
text-decoration: underline;
}
.kateg img.photo {
width: 100%;
height: auto;
border:1px solid black;
border-radius:calc(.2em + ((.2vw - 0.1em) * 1));
box-shadow: calc(.1em + ((.1vw - 0.1em) * 1)) calc(.1em + ((.1vw - 0.1em) * 1)) calc(.2em + ((.2vw - 0.1em) * 1)) black;	
}

.edit {
width: 40px;
height: 40px;
}


#jaltable {
width: 100%;
margin: 0;
padding:0;
}
#jaltwo {
display: flex;
flex-wrap: wrap;
width: 100%;
padding: calc(.15em + ((.15vw - 0.1em) * 0.1)) calc(.25em + ((.25vw - 0.1em) * 0.1));
}
.jalleft {
width: 33%;
text-align: center;
font-size:95%;
padding: calc(.25em + ((.25vw - 0.1em) * 0.1));
}
.jalleft img.photo {
border:1px solid gray;
width:100%;
box-shadow: calc(.1em + ((.1vw - 0.1em) * 1)) calc(.1em + ((.1vw - 0.1em) * 1)) calc(.2em + ((.2vw - 0.1em) * 1)) black;
border-radius:calc(.15em + ((.15vw - 0.1em) * 1));
}

#jaletwo {
display: flex;
width: 100%;
padding: calc(.15em + ((.15vw - 0.1em) * 0.1)) calc(.25em + ((.25vw - 0.1em) * 0.1));
border-bottom:1px solid gray;
}
.jaleleft {
width: 70%;
font-size:95%;
text-align: left;
padding: calc(.15em + ((.15vw - 0.1em) * 0.1)) calc(.25em + ((.25vw - 0.1em) * 0.1));
}
.jaleleft img {
border:1px solid gray;
max-width: 600px;
width:100%;
box-shadow: 5px 5px 10px silver;
border-radius:calc(.15em + ((.15vw - 0.1em) * 1));
}
.jaleright {
padding: calc(.15em + ((.15vw - 0.1em) * 0.1)) calc(.25em + ((.25vw - 0.1em) * 0.1));
text-align: right;
width: 30%;
font-size: 85%;
}


#pictable {
width: 100%;
margin: 0;
padding:calc(.25em + ((.25vw - 0.1em) * 0.1)) 0;
text-align: center;
}

#pictable img {
max-width: 1024px;
width: 100%;
border:1px solid #4a4a4a;
box-shadow: calc(.1em + ((.1vw - 0.1em) * 1)) calc(.1em + ((.1vw - 0.1em) * 1)) calc(.2em + ((.2vw - 0.1em) * 1)) black;
border-radius:calc(.25em + ((.25vw - 0.1em) * 1));
}

.center {
text-align: center;
margin:0 auto;
}
#center {
text-align: center;
margin:0 auto;
}

.bildtop {
text-align: center;
margin:0 auto;
}
.bildtop img {
width:100%;
height: auto;
box-shadow: calc(.1em + ((.1vw - 0.1em) * 1)) calc(.1em + ((.1vw - 0.1em) * 1)) calc(.2em + ((.2vw - 0.1em) * 1)) black;
border:1px solid black;
border-radius:calc(.25em + ((.25vw - 0.1em) * 1));
}


.greatpic img {
width:100%;
height: auto;
box-shadow: calc(.1em + ((.1vw - 0.1em) * 1)) calc(.1em + ((.1vw - 0.1em) * 1)) calc(.2em + ((.2vw - 0.1em) * 1)) black;
border-radius:calc(.25em + ((.25vw - 0.1em) * 1));
}
.greatpic {
width: 100%;
margin: 0 auto;
text-align: center;
}


#tabletwo {
display: flex;
width: 100%;
padding: calc(.25em + ((.25vw - 0.1em) * 0.1)) calc(.25em + ((.25vw - 0.1em) * 0.1));
border-bottom:1px solid gray;
}
.tableleft {
flex:1;
font-size:100%;
padding: calc(.25em + ((.25vw - 0.1em) * 0.1)) calc(.25em + ((.25vw - 0.1em) * 0.1));
}
.tableleft img {
max-width: 200px;
width: 100%;
height: auto;
}
.tableright {
flex:1;
font-size: 100%;
}
.hoehe {
padding: calc(.58em + ((.58vw - 0.1em) * 0.1)) calc(.25em + ((.25vw - 0.1em) * 0.1));
}
.hoehe img {
max-width: 200px;
width: 100%;
height: auto;
}