/* Gebaude Bilder */
div#hauptfenster  a.sgeb1{
background-image: url('./struc/sgeb1.png');

}
div#hauptfenster  a.sgeb2{
background-image: url('./struc/sgeb2.png');
}
div#hauptfenster  a.sgeb3{
background-image: url('./struc/sgeb3.png');
}
div#hauptfenster  a.sgeb4{
background-image: url('./struc/sgeb4.png');
}
div#hauptfenster  a.sgeb5{
background-image: url('./struc/sgeb5.png');
}
div#hauptfenster  a.sgeb6{
background-image: url('./struc/sgeb6.png');
}
div#hauptfenster  a.sgeb7{
background-image: url('./struc/sgeb7.png');
}
div#hauptfenster  a.sgeb8{
background-image: url('./struc/sgeb8.png');
}
div#hauptfenster  a.sgeb9{
background-image: url('./struc/sgeb9.png');
}
div#hauptfenster  a.sfor65{
background-image: url('./struc/sfor65.png');
}
div#hauptfenster  a.sgeb11{
background-image: url('./struc/sgeb11.png');
}
div#hauptfenster  a.sgeb12{
background-image: url('./struc/sgeb12.png');
}
div#hauptfenster  a.sgeb13{
background-image: url('./struc/sgeb13.png');
}
div#hauptfenster  a.sgeb14{
background-image: url('./struc/sgeb14.png');
}
div#hauptfenster  a.sgeb15{
background-image: url('./struc/sgeb15.png');
}
div#hauptfenster  a.sgeb16{
background-image: url('./struc/sgeb16.png');
}
div#hauptfenster  a.sgeb17{
background-image: url('./struc/sgeb17.png');
}
div#hauptfenster  a.sgeb18{
background-image: url('./struc/sgeb18.png');
}
div#hauptfenster  a.sgeb19{
background-image: url('./struc/sgeb19.png');
}
div#hauptfenster  a.sgeb20{
background-image: url('./struc/sgeb20.png');
}
div#hauptfenster  a.sgeb21{
background-image: url('./struc/sgeb21.png');
}
div#hauptfenster  a.sgeb22{
background-image: url('./struc/sgeb22.png');
}
div#hauptfenster  a.sgeb23{
background-image: url('./struc/sgeb23.png');
}
div#hauptfenster  a.sgeb24{
background-image: url('./struc/sgeb24.png');
}
div#hauptfenster  a.sgeb25{
background-image: url('./struc/sgeb25.png');
}
div#hauptfenster  a.sgeb26{
background-image: url('./struc/sgeb26.png');
}
div#hauptfenster  a.sgeb27{
background-image: url('./struc/sgeb27.png');
}
div#hauptfenster  a.sgeb28{
background-image: url('./struc/sgeb28.png');
}
div#hauptfenster  a.sgeb29{
background-image: url('./struc/sgeb29.png');
}
div#hauptfenster  a.sgeb30{
background-image: url('./struc/sgeb30.png');
}
div#hauptfenster  a.sfor40{
background-image: url('./struc/sfor40.png');
}
div#hauptfenster  a.sfor41{
background-image: url('./struc/sfor41.png');
}
div#hauptfenster  a.sfor42{
background-image: url('./struc/sfor42.png');
}
div#hauptfenster  a.sfor43{
background-image: url('./struc/sfor43.png');
}
div#hauptfenster  a.sfor44{
background-image: url('./struc/sfor44.png');
}
div#hauptfenster  a.sfor45{
background-image: url('./struc/sfor45.png');
}
div#hauptfenster  a.sfor46{
background-image: url('./struc/sfor46.png');
}
div#hauptfenster  a.sfor47{
background-image: url('./struc/sfor47.png');
}
div#hauptfenster  a.sfor48{
background-image: url('./struc/sfor48.png');
}
div#hauptfenster  a.sfor49{
background-image: url('./struc/sfor49.png');
}
div#hauptfenster  a.sfor50{
background-image: url('./struc/sfor50.png');
}
div#hauptfenster  a.sfor51{
background-image: url('./struc/sfor51.png');
}
div#hauptfenster  a.sfor52{
background-image: url('./struc/sfor52.png');
}
div#hauptfenster  a.sfor53{
background-image: url('./struc/sfor53.png');
}
div#hauptfenster  a.sfor54{
background-image: url('./struc/sfor54.png');
}
div#hauptfenster  a.sfor55{
background-image: url('./struc/sfor55.png');
}
div#hauptfenster  a.sfor56{
background-image: url('./struc/sfor56.png');
}
div#hauptfenster  a.sfor57{
background-image: url('./struc/sfor57.png');
}
div#hauptfenster  a.sfor58{
background-image: url('./struc/sfor58.png');
}
div#hauptfenster  a.sfor59{
background-image: url('./struc/sfor59.png');
}
div#hauptfenster  a.sfor60{
background-image: url('./struc/sfor60.png');
}
div#hauptfenster  a.sfor61{
background-image: url('./struc/sfor61.png');
}
div#hauptfenster  a.sfor62{
background-image: url('./struc/sfor62.png');
}
div#hauptfenster  a.sfor63{
background-image: url('./struc/sfor63.png');
}

div#hauptfenster  a.sfor66{
background-image: url('./struc/sfor66.png');
}
div#hauptfenster  a.smil217{
background-image: url('./struc/smil217.png');
}
div#hauptfenster  a.sfor64{
background-image: url('./struc/sfor64.png');
}
div#hauptfenster  a.smil200{
background-image: url('./struc/smil200.png');
}
div#hauptfenster  a.smil201{
background-image: url('./struc/smil201.png');
}
div#hauptfenster  a.smil202{
background-image: url('./struc/smil202.png');
}
div#hauptfenster  a.smil203{
background-image: url('./struc/smil203.png');
}
div#hauptfenster  a.smil204{
background-image: url('./struc/smil204.png');
}
div#hauptfenster  a.smil205{
background-image: url('./struc/smil205.png');
}
div#hauptfenster  a.smil206{
background-image: url('./struc/smil206.png');
}
div#hauptfenster  a.smil207{
background-image: url('./struc/smil207.png');
}
div#hauptfenster  a.smil208{
background-image: url('./struc/smil208.png');
}
div#hauptfenster  a.smil209{
background-image: url('./struc/smil209.png');
}
div#hauptfenster  a.smil210{
background-image: url('./struc/smil210.png');
}
div#hauptfenster  a.smil213{
background-image: url('./struc/smil213.png');
}
div#hauptfenster  a.smil216{
background-image: url('./struc/smil216.png');
}
div#hauptfenster  a.smil214{
background-image: url('./struc/smil214.png');
}
div#hauptfenster  a.smil215{
background-image: url('./struc/smil215.png');
}
div#hauptfenster  a.smil218{
background-image: url('./struc/smil218.png');
}
div#hauptfenster  a.smil212{
background-image: url('./struc/smil212.png');
}
div#hauptfenster  a.sdef100{
background-image: url('./struc/sdef100.png');
}
div#hauptfenster  a.sdef101{
background-image: url('./struc/sdef101.png');
}
div#hauptfenster  a.sdef102{
background-image: url('./struc/sdef102.png');
}
div#hauptfenster  a.sdef103{
background-image: url('./struc/sdef103.png');
}
div#hauptfenster  a.sdef104{
background-image: url('./struc/sdef104.png');
}
div#hauptfenster  a.sdef105{
background-image: url('./struc/sdef105.png');
}
div#hauptfenster  a.sdef106{
background-image: url('./struc/sdef106.png');
}
div#hauptfenster  a.smil990{
background-image: url('./struc/smil990.png');
}div#hauptfenster  a.smil999{
background-image: url('./struc/smil999.png');
}
a.str_g,
a.str_l {
	position: relative;
	width: 180px;
	max-width: calc(50% - 8px);
	height: 135px;
	display: block;
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
	border-radius: 6px;
	overflow: hidden;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	transition: transform 0.2s ease, box-shadow 0.2s ease;
}

a.str_g {
	border: 1px solid rgba(0, 0, 0, 0.3);
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
}

a.str_l {
	border: 1px solid #580000;
	box-shadow: 0 2px 4px rgba(88, 0, 0, 0.2);
}

a.str_g:hover,
a.str_l:hover {
	transform: scale(1.03);
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
}

div#hauptfenster a.str_g div,
div#hauptfenster a.str_l div {
	position: absolute;
	top: 4px;
	left: 4px;
	height: 20px;
	width: 20px;
	background-image: url('../images/show.png');
	background-size: contain;
	background-repeat: no-repeat;
	opacity: 0.7;
	transition: opacity 0.2s ease;
}

a.str_g:hover div,
a.str_l:hover div {
	opacity: 1;
}

@media (max-width: 640px) {
	a.str_g, a.str_l {
		width: calc(50% - 6px);
		max-width: none;
		height: 100px;
	}
}

@media (max-width: 400px) {
	a.str_g, a.str_l {
		width: 100%;
		max-width: none;
		height: 120px;
	}
}