@import url("local_tablet.css") screen and (min-width: 768px) and (max-width: 959px) and (min-aspect-ratio: 9/10);
@import url("local_desktop.css") screen and (min-width: 960px);
@import url('local_mobil_quer.css') screen and (min-width: 480px) and (max-width: 767px) and (min-aspect-ratio: 9/10);
@import url('local_mobil_hoch.css') screen and (max-width: 479px);
@import url('local_tablet_hoch.css') screen and (min-width: 479px) and (max-aspect-ratio: 9/10);

/* Column margins */
.col_12, /* full width */
.col_9, /* 3/4 width */
.col_8, /* 2/3 width */
.col_6, /* half width */
.col_4, /* 1/3 width */
.col_3, /* 1/4 width */
.col_2
{
margin-top: 0px;
margin-bottom: 0px;
display:table-cell;
}	

/* Fix the width of the body */
body {
min-width: 960px;
margin:auto;
}

img {
     max-width: 100%;
}

* {
    margin: 0;
    padding: 0;
} 

/* Wrapper */
.row {
	width:960px;
	margin:auto;	
}
 
/* Column margins */
.col_12, /* full width */
.col_9, /* 3/4 width */
.col_8, /* 2/3 width */
.col_6, /* half width */
.col_4, /* 1/3 width */
.col_3, /* 1/4 width */
.col_2
{
margin-left: 0px;
margin-right: 0px;
display: inline;
float: left;
}
 
/* First and Last */
.first {
margin-left:0;

}
 
.last {
margin-right:0;
}
 
/* Column widths taking into account the margins */
.col_12 {width:940px;}
.col_9 {width:620px;}
.col_8 {width:700px;}
.col_6 {width:460px;}
.col_4 {width:220px;}
.col_3 {width:300px;}
.col_2 {width:140px;}

/*****************/
/* MEDIA QUERIES */
/*****************/
 
/* Tablet Screen Sizes */
@media only screen and (min-width: 768px) and (max-width: 959px) and (min-aspect-ratio: 9/10) {
/* Resize the body */
body {min-width:767px;}
 
/* Resize the row */
.row {width:767px;}
 
/* Resize the columns */
.col_12 {width:748px;}
.col_9 {width:492px;}
.col_8 {width:556px;}
.col_6 {width:364px;}
.col_4 {width:172px;}
.col_3 {width:236px;}
.col_2 {width:120px;}
}
 
/* Mobile Landscape Screen Sizes */
@media only screen and (min-width: 480px) and (max-width: 767px) and (min-aspect-ratio: 9/10) {
/* Resize the body */
body {min-width:479px;}
 
/* Resize the row */
.row {width:479px;}
 
/* Resize the columns */
.col_12 {width:460px;}
.col_9 {width:278px;}
.col_8 {width:278px;}
.col_6 {width:225px;}
.col_4 {width:172px; margin-left:0px;}
.col_3 {width:172px; margin-left:0px;}
.col_2 {width:150px;}
.wegeins {display:none;}

/* Fix the .last issue */
.last {
margin-left:0;
margin-right:0px;
}
 
}
 
/* Mobile Portrate Screen Sizes */
@media only screen and (max-width: 479px) {
/* Resize the body */
body {min-width:320px;}
 
/* Resize the row */
.row {width:320px;}
 
/* Resize the columns */
.col_12 {width:300px;}
.col_9 {width:290px;}
.col_8 {width:300px;}
.col_6 {width:300px;}
.col_4 {width:300px; margin-left:0px;}
.col_3 {width:300px; margin-left:0px;}
.col_2 {width:130px;}
.wegeins {display:none;}

/* Fix the .last issue */
.last {
margin-left:0;
margin-right:0;
}
}

/* tablet Portrate Screen Sizes */
@media only screen and (max-aspect-ratio: 9/10) and (min-width: 479px) {
/* Resize the body */
body {min-width:75vw;}
 
/* Resize the row */
.row {width:75vw;

}
 
/* Resize the columns */
.col_12 {width:71vw;}
.col_9 {width:70vw;}
.col_8 {width:70vw;}
.col_6 {width:70vw;}
.col_4 {width:70vw; margin-left:0px;}
.col_3 {width:70vw; margin-left:0px;}
.col_2 {width:130px;}
.wegeins {display:none;}

/* Fix the .last issue */
.last {
margin-left:0;
margin-right:0;
}

}