/* Fotografien */

.image1.fit {display: block;width: 100%; margin-top:-10px;margin-bottom:5px;cursor: default;}
.image1.fit img {border: 1px solid #000;display: block;width: 100%;cursor: default;}
.image2.fit {display: block;width: 100%; margin-top:10px;margin-bottom:8px;cursor: default;}
.image2.fit img {border: 1px solid #000;width: 100%;}
.image.rounded {border-radius: 100%;border: solid 1px rgba(0, 0, 0, 0.5);}
.image.rounded img {border: solid 1px rgba(0, 0, 0, 0.5);border-radius: 100%; margin:10px; }
.image.rounded.mitte {border-radius: 100%;}
.image.rounded.mitte img {border: solid 1px rgba(0, 0, 0, 0.5);border-radius: 100%; margin:10px;}
.image.bilder img {}
.image {border-radius: 0;display: inline-block;position: relative;border: 0px solid #b1aeae;}
.image.mitte {border-radius: 0;display: block;border: 0px solid #666; margin:auto;}
.image.mitte img {border-radius: 0;display: block;border: 1px solid #000;margin-bottom:8px;}
.image.left img, .image.right img {width: 100%;border: 1px solid #000;}
.image.left, .image.right {max-width: 40%;}
.image.left img, .image.right img {width: 100%;}
.image.left {float: left;	padding: 0 1.5em 1em 0;	top: 0.25em;}
.image.right {float: right;padding: 0 0 1em 1.5em;top: 0.25em;}
.image.main {	display: block;margin: 0 0 3em 0;width: 100%;}
.image.main img {	width: 100%;}

img.grayscale { filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");filter: gray;-webkit-filter: grayscale(100%);opacity: 1.0;display: inline-block; transition: all 0.1s;}img.grayscale:hover {filter: none;-webkit-filter: none;opacity:1;}