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


.artkop {
font-size: 125%;
}
.artkop span {
font-weight: bold;
}

.counter {
	display: block;
	margin: calc(.5em + ((.5vw - 0.1em) * 1)) auto calc(.5em + ((.5vw - 0.1em) * 1)) calc(2em + ((2vw - 0.1em) * 1));
	height:1em;
	font-family:verdana, arial, helvetika, "sans serif";
	cursor: default;
}
.txt { 
	color:white; 
	font-size: 55%;	
}
.zal { 
	color:white;  
	font-weight: bold;
	padding: 0 8px 0 0;
	font-size: 60%;
}



figcaption {
    animation: 60s ease-in-out infinite;
}

.ziste {
height: calc(1em + ((1vw - 0.1em) * 1));
}



.flex-main {
display: flex;
flex-wrap: wrap;
}
.bilder-left {
width: 50%;
height:calc(10em + ((10vw - 0.1em) * 2));
border: calc(.1em + ((.1vw - 0.1em) * 1)) transparent;
padding:0 calc(.6em + ((.6vw - 0.1em) * 1));
}
.bilder-left img {
width: 100%;
height: 100%;
border: calc(.15em + ((.15vw - 0.1em) * 1)) solid #333333;
border-radius: calc(.35em + ((.35vw - 0.1em) * 1));
-webkit-box-shadow:calc(.15em + ((.15vw - 0.1em) * 1)) calc(.15em + ((.15vw - 0.1em) * 1)) 
calc(.15em + ((.15vw - 0.1em) * 1)) 0em rgba(0,0,0,0.5);
-moz-box-shadow:calc(.15em + ((.15vw - 0.1em) * 1)) calc(.15em + ((.15vw - 0.1em) * 1)) 
calc(.15em + ((.15vw - 0.1em) * 1)) 0em rgba(0,0,0,0.5);
box-shadow:calc(.15em + ((.15vw - 0.1em) * 1)) calc(.15em + ((.15vw - 0.1em) * 1)) 
calc(.15em + ((.15vw - 0.1em) * 1)) 0em rgba(0,0,0,0.5);
}

.bilder-right {
width: 50%;
height:calc(17em + ((17vw - 0.1em) * 2));
border: calc(.1em + ((.1vw - 0.1em) * 1)) transparent;
padding:0 calc(2em + ((2vw - 0.1em) * 1));
}
.bilder-right img {
width: 100%;
height: auto;
border: calc(.15em + ((.15vw - 0.1em) * 1)) solid #333333;
border-radius: calc(.35em + ((.35vw - 0.1em) * 1));
-webkit-box-shadow:calc(.15em + ((.15vw - 0.1em) * 1)) calc(.15em + ((.15vw - 0.1em) * 1)) 
calc(.15em + ((.15vw - 0.1em) * 1)) 0em rgba(0,0,0,0.5);
-moz-box-shadow:calc(.15em + ((.15vw - 0.1em) * 1)) calc(.15em + ((.15vw - 0.1em) * 1)) 
calc(.15em + ((.15vw - 0.1em) * 1)) 0em rgba(0,0,0,0.5);
box-shadow:calc(.15em + ((.15vw - 0.1em) * 1)) calc(.15em + ((.15vw - 0.1em) * 1)) 
calc(.15em + ((.15vw - 0.1em) * 1)) 0em rgba(0,0,0,0.5);
}

.text-left {
width: 50%;
padding: calc(.35em + ((.35vw - 0.1em) * 1)) calc(.5em + ((.5vw - 0.1em) * 1));
border: calc(.1em + ((.1vw - 0.1em) * 1)) transparent;
}
.text-right {
width: 50%;
padding: calc(.35em + ((.35vw - 0.1em) * 1)) calc(.5em + ((.5vw - 0.1em) * 1));
border: calc(.1em + ((.1vw - 0.1em) * 1)) transparent;
}

.zisar {
height: calc(7em + ((7vw - 0.1em) * 1));
}


@media screen and (max-width: 800px) {
#bilder-main {
display: flex;
flex-wrap: nowrap;
}
.bilder-left {
width: 100%;
height:calc(15.5em + ((15.5vw - 0.1em) * 1));
border: calc(.1em + ((.1vw - 0.1em) * 1)) transparent;
}
.bilder-right {
width: 100%;
height:calc(30em + ((30vw - 0.1em) * 1));
border: calc(.1em + ((.1vw - 0.1em) * 1)) transparent;
}
.text-left {
width: 100%;
height:calc(13em + ((15vw - 0.1em) * 1));
padding: calc(.5em + ((.5vw - 0.1em) * 1));
border: calc(.1em + ((.1vw - 0.1em) * 1)) transparent;
}
.text-right {
width: 100%;
height:calc(15em + ((15vw - 0.1em) * 1));
padding: calc(.5em + ((.5vw - 0.1em) * 1));
border: calc(.1em + ((.1vw - 0.1em) * 1)) transparent;
}
}