@charset "utf-8";
/* CSS Document */

.in-float-square-l {
	display:flex; position:relative; float:left;
	justify-content: center; align-content: center; align-items: center;
	width:205px; height:205px;
	background-color: blueviolet; visibility: hidden;
	-webkit-shape-outside: square(10px);
  shape-outside: square(10px); shape-margin: 10px;
	margin:5px 10px 10px 0px;
}
.img0-l {
	display:block; position:absolute; visibility: visible;
	width:200px; height:200px;
	/*left: 50%!important; top:2.5%!important;
	transform: translateX(-50%)!important;*/
	border:5px solid hsla(0,0%,100%,0.6)!important;
  background-color:white!important;
  background-clip: padding-box!important;
}
.img0-l:hover {
	border:5px solid coral!important;
	cursor:pointer;
}

.in-float-rect-l {
	display:flex; position:relative; float:left;
	justify-content: center; align-content: center; align-items: center;
	width:217px; height:255px;
	background-color:royalblue; visibility: visible;
	-webkit-shape-outside: square(10px);
  shape-outside: square(10px); shape-margin: 10px;
	margin:0px 10px 10px 0px;
}
.img1-l {
	display:block; /*position:absolute;*/ visibility: visible;
	width:212px; height:250px;
	/*left: 50%!important; top:2.5%!important;
	transform: translateX(-50%)!important;*/
	border:5px solid hsla(0,0%,100%,0.6)!important;
  background-color:white!important;
  background-clip: padding-box!important;
}
.img1-l:hover {
	border:5px solid coral!important;
	cursor:pointer;
}

.in-float-rect-r {
	display:flex; position:relative; float:right;
	justify-content: center; align-content: center; align-items: center;
	width:255px; height:284px;
	background-color:royalblue; visibility: visible;
	-webkit-shape-outside: square(10px);
  shape-outside: square(10px); shape-margin: 10px;
	margin:5px 0px 10px 10px;
}
.img2-r {
	display:block; /*position:absolute!important;*/ visibility: visible;
	width:250px; height:279px;
	/*left: 50%!important; top:2.5%!important;
	transform: translateX(-50%)!important;*/
	border:5px solid hsla(0,0%,100%,0.6)!important;
  background-color:white!important;
  background-clip: padding-box!important;
}
.img2-r:hover {
	border:5px solid coral!important;
	cursor:pointer;
}
.img-hidden {
	display:none!important;
}
/*decoration of figcaption intense-module for zooming photos*/
.intense_figcaption {
	background-color: hsla(0,0%,100%,0.55)!important;
	border-radius: 0px 12px 0px 0px!important;
}
.intense_h1 {
	font-size:25pt!important; font-family: 'universal';
	color:black;
}
.intense_h2 {
	font-size:14pt!important; font-family: 'universal';
	color:black;
}



#frame1 {
	position:relative;
	width:100%;	height:100%;
	padding-bottom: 60%;
	margin: 25px auto 25px;
}
#frame2 {
	width:100%; height:100%;
	padding-bottom: 40%;
	position:relative;
	margin: 25px 0px 5px;
}
#frame3 {
	width:100%;
	height:100%;
	padding-bottom: 40%;
	position:relative;
	margin: 25px 0px 5px 0px;
}
#frame4 {
	width:100%;
	height:100%;
	padding-bottom: 40%;
	position:relative;
	margin: 0px 0px 25px 0px;
}


@media screen and (max-width : 780px ){
.a-box-frame {
	height:auto;
	margin: 5px 5px!important;
}

#frame1 {
	padding-bottom: 70%;
	margin: 0px 0px 0px 0px;
}
#frame2 {
	padding-bottom: 80%;
	margin: 15px 0px 15px 0px;
}
#frame3 {
	padding-bottom: 70%;
	margin: 10px 0px;
}
#frame4 {
	padding-bottom: 70%;
	margin: 10px 0px 10px 0px;
}

#karte_deutsch {
	display:block;
	width:60%;
	margin: 0px auto;
}
}

@media screen and (max-width : 550px ){
.a-box-frame {
	height:400px;
	padding: 0px 0px!important;
	margin: 5px!important;
}

#frame1 {
	left:-3.5%!important; width:107%;
	padding-bottom: 90%;
	margin: 0px;
}
#frame2 {
	left:-3.5%!important;	width:107%;
	padding-bottom: 90%;
	margin: 10px 0px;
}
#frame3 {
	left:-3.5%!important;
	width:107%;
	padding-bottom: 90%;
	margin: 10px 0px;
}
#frame4 {
	left:-3.5%!important; width:107%;
	padding-bottom: 90%;
	margin: 0px;
}



}