body {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	margin: 0;
	padding: 0;
	font-size:1.2em;
	color:#000;
	

}
.diskon {display:none;}
.xcmailto{font-size:1.1em; font-weight:bold; cursor: pointer; color:#555;}
.logoa {font-size:2.2em;position:relative; margin-top:-0.1em; float:left;}

/*.shows {width:30vw;height:30vw;font-size:35vw; overflow:hidden; background:#FFF0F5;float:left;}*/
.shows {width:45vw;height:45vw;font-size:30vw; overflow:hidden; background:#FFF0F5;float:left;}
.smap {height:12vw;}
.fspanlog {font-size:0.7em; font-style:italic; }
.xcmailto{font-size:1.1em; font-weight:bold; cursor: pointer; color:#555;}


.ita {font-style:italic;}
.relaa {font-size:80vw;position:relative;overflow:hidden;}
.mosaik {width:80vw; height:80vw;overflow:hidden; background:#F4DE89; color:#FF4F00;float:left;}
.mosaiko {width:80vw; height:80vw;overflow:hidden; background:#F4DE89; color:#FF4F00;float:left;}
.moza {width:20vw;height:20vw; float:left; overflow:hidden;}
.bgreen:hover {border: 4px double black;}

.futerbach {height:50vw;}
.sp001 {font-size:1.5em;}

.indigo {position:relative;  margin:2em;}



/*-----------------------------------------------------------------------
.row .row { margin:  0 -1.5em; }
 .col      { padding: 0  1.5em; }

 .row .row { margin:  0 -1.01em; } 
 .col      { padding: 0  1.01em; } 

 .row .row { margin:  0 -1.1em; } 
.col      { padding: 0  1.1em; }  */


.row .row { margin:  0 0; } 
.col      { padding: 0 0.5em; }
 

.row:after {
    content: "";
    clear: both;
    display: table;
}

@media only screen { .col {
    float: left;
    width: 100%;
    box-sizing: border-box;
}}
/*-----------------------------------------------------------------------*/
.container { max-width: 90em; }

		@media only screen and (min-width: 34em) {
			.feature, .info { width: 50%; }
		}

		@media only screen and (min-width: 54em) {
			.content { width: 66.66%; }
			.sidebar { width: 33.33%; }
			.info    { width: 100%;   }
			
			
		
			
			
		}

		@media only screen and (min-width: 76em) {
			
.row .row { margin:  0 -1.2em; } 
.col      { padding: 0  1.05em; } 

			.content { width: 58.33%; } 
			.sidebar { width: 41.66%; } 
			.info    { width: 50%;    }
			
			.diskom {display:none;}	
			.diskon {display:block;}
			.topa {width: 22%; color:#b0c4de; text-align:center; float:left;display:inline;}
			.xcmailto{font-size:1.1em; font-weight:bold; cursor: pointer; color:#555;}
			.logob {padding:0;margin:0; width:38vw; font-size:4em; float:left; margin-right:1em;}
			.desctopi {position:relative; margin-top:4em;}
			.shows {width:20vw;height:20vw;font-size:17vw; overflow:hidden; background:#FFF0F5;float:left;}
			.smap {height:8vw;}
			.splus {width:50vw; height:30vh; }
			.fspanlog {font-size:0.7em; font-style:italic; }
			.bgreen:hover {border: 5px solid green;	}
			
			.moza {width:5vw;height:5vw; float:left; overflow:hidden;}
			.relaa {font-size:22vw;position:relative;overflow:hidden;}
			.mosaik {width:21vw; height:21vw;overflow:hidden;  color:#FF4F00;float:left;}
			.mosaiko {width:18vw; height:21vw;overflow:hidden;  color:#FF4F00;float:left;}
			
			
			.futerbach {height:10vw;}
			.sp001 {font-size:1.5em;}
			
			.indigo {position:relative;  margin:2em;}
			
			
			.lot2025{width: 95vh; float:left;}
		
			
		}