@charset "UTF-8";

.wrap{ margin-left: auto; margin-right: auto; }
.wrap{width:1192px;}
.row{margin:0 0 0 -8px;}
.col2{ width: 592px; max-width: 100%; margin-left: 8px; }
.col2_ohne{ width: 592px; max-width: 100%; }
.col2_frame{ width: 590px; max-width: 100%; margin-left: 8px; border: 1px solid #e5e5e5; transition: border 0.5s ease 0s;}
.col4{width: 292px; max-width: 100%; margin-left: 8px;}
.col6{width: 192px; max-width: 100%; margin-left: 8px;}
.col5-6{width: 992px; max-width: 100%; margin-left: 8px;}

.grid1-desk{width: 92px; max-width: 100%; margin-left: 8px;}
.grid2-desk{width: 192px; max-width: 100%; margin-left: 8px;}
.grid3-desk{width: 292px; max-width: 100%; margin-left: 8px;}
.grid4-desk{width: 392px; max-width: 100%; margin-left: 8px;}
.grid5-desk{width: 492px; max-width: 100%; margin-left: 8px;}
.grid6-desk{width: 592px; max-width: 100%; margin-left: 8px;}
.grid7-desk{width: 692px; max-width: 100%; margin-left: 8px;}
.grid8-desk{width: 792px; max-width: 100%; margin-left: 8px;}
.grid9-desk{width: 892px; max-width: 100%; margin-left: 8px;}
.grid10-desk{width: 992px; max-width: 100%; margin-left: 8px;}
.grid11-desk{width: 1092px; max-width: 100%; margin-left: 8px;}
.grid12-desk{width: 1192px; max-width: 100%; margin-left: 8px;}

.fgrid1-desk{width: 90px; max-width: 100%; margin-left: 8px;}
.fgrid2-desk{width: 190px; max-width: 100%; margin-left: 8px;}
.fgrid3-desk{width: 290px; max-width: 100%; margin-left: 8px;}
.fgrid4-desk{width: 390px; max-width: 100%; margin-left: 8px;}
.fgrid5-desk{width: 490px; max-width: 100%; margin-left: 8px;}
.fgrid6-desk{width: 590px; max-width: 100%; margin-left: 8px;}
.fgrid7-desk{width: 690px; max-width: 100%; margin-left: 8px;}
.fgrid8-desk{width: 790px; max-width: 100%; margin-left: 8px;}
.fgrid9-desk{width: 890px; max-width: 100%; margin-left: 8px;}
.fgrid10-desk{width: 990px; max-width: 100%; margin-left: 8px;}
.fgrid11-desk{width: 1090px; max-width: 100%; margin-left: 8px;}
.fgrid12-desk{width: 1190px; max-width: 100%; margin-left: 8px;}

@media (min-width:1200px){
  .wrap{width:1192px;}
}
@media (max-width:1200px){
  .wrap{width:892px;}
}
@media (max-width:900px){
  .wrap{width:592px;}
}
@media (max-width:600px){
  .wrap{width:292px;}
} 

/* Santa's little Helper */
.left{ float: left; }
.right{ float: right; }
.center { position: relative; margin: 0px auto 0px auto; } 
.clearfix:after, .row:after { 
  content: " "; 
  clear: both; 
  display: block; 
  visibility: hidden; 
  height: 0px;
}