@media only all and (max-width: 700px) {
    /* for 700px or less */
    body {
        font-size: 11px;
        line-height: 17px;
margin: 0;
    }
    p {
        margin: 0;
    }
    #rahmen {
        min-width: 240px ;
        width: 100%;
margin: 0;
border: none;
box-shadow: none;
    }
	
	 .flex {
      display: block;
    }
	
	.left {
  width: 100%;
}

.right {
  width: 100%;
}
	
		#footer {
  display: block;

}
	
		#firma{
	width:100%;
}

#icons{
	width:100%;
        border-left:0 ;
	border-top: 7px solid #fff;
}

	
	
	
    ul {
        margin-left: 9px;
        padding-left: 9px;
        margin-top: 0px;
        list-style-type: disc;
        list-style-image: none;
    }
    li {
        margin: auto;
        padding: 0;
    }

    .hide {
        display: inline-block;
    }
    .hide_m {
        display: none;
    }

    .cell {
        display: block;
        float: left;
        width: 100%;
    }
    .row {
        display: block;
        float: left;
        width: 100%;
    }

	


}
.refnr {}

.apply {}


@media only all and (max-width: 400px) {
	#kontakt {
  margin: 10px 0 ;
  display: block ;
}

#person{
	width:auto ;
	padding: 0 0 15px 0 ;
	
}

#adresse{
	width:auto;
	border-left:0 ;
	padding: 15px 0 0 0;
	border-top: 1px solid #000;
}
}