/* 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;
}	

* {
    margin: 0;
    padding: 0;
} 
 
/* 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;
}
.small{display: none;}

/*****************/
/* MEDIA QUERIES */
/*****************/


/* Maxi Screen Sizes */
@media only screen and (min-width: 650px) {

 
/* Resize the row */
.row {width:100%; 
	  margin-left: -10px; 
      }
div.gross{display: block}
div.klein{display: none}

/* Resize the columns */
.col_12 {width: 100%; padding-left: 54px;}
.col_9 {width:50vw;}
.col_8 {width:50vw;}
.col_6 {width:45vw;}
.col_4 {width:30vw; margin-left:0px;}
.col_3 {width:22vw; margin-left:0px;}
.col_2 {width:10vw;}

div#plakat {width: 70% !important;}
div#kopf  {height: 80px !important;}

.large{display: grid !important;}
.small{display: none !important;}

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

.fas {display:none}	
li.abstand{list-style-type:none;
          }
 
 
/* Mobile Portrait Screen Sizes */
@media only screen and (max-width: 649px) {

body, p, label, ul{font-size: 3vw}
label{ margin-top: 2vw;}
input[type=text], select, textarea, input[type=email], input[type=date]{width: 85% !important;}
	 .large{display: none !important;}

/* Resize the row */

div.large{display: none}
div.small{display: block}

.row {width:90vw;}
 div#menue{display: block;
         }
div#show_menue{display: none;
         }
div#mobil_menu{
               height: auto !important}
#crea-image{width: 500px !important;
            margin-left: 10px;}			   

/* Resize the columns */
.col_12 {width:100vw}
.col_9 {width:90vw;}
.col_8 {width:278px;}
.col_6 {width:300px !important;}
.col_4 {width:60vw; margin-left:-20px;  padding-right: 10px;}
.col_3 {width:70vw; margin-left:0px;}
.col_2 {display:none;}
.big  {display: none}
div#linker {width:78% !important;}
div.info {width: 90% !important;
          margin-left: 10% !important}
div.info_text {width: 90% !important;
               margin-left: 6% !important;}
div#plakat {width: 70% !important;}
div#kopf  {height: 80px !important;}
.large{display: none !important;}
.small{display: block }
div.gross{display: none}
div.klein{display: block}

/* Fix the .last issue */
.last {margin-left:0;margin-right:0px;}
#start  {width: 70%  !important;  } 
}