@media only all and (max-width: 700px) {
    /* for 700px or less */
    body {
      font-size: 80%;
      line-height: 1.5;
      -ms-hyphens: auto;
      -webkit-hyphens: auto;
      hyphens: auto;
	  margin: 0;
    }
    .frame-outer {
      width: 100% !important;
      font-size: 0.7rem !important;
	  margin: 0;
    }
	
	.header {
		background-size: cover;
		}

	.overlay {
		padding: 5%;
		}

	#logo img{
		width:65%;
		padding: 1.5rem;
	}

	.content {
		padding: 1rem 0 !important;
	}
	
	p{
		padding: 0 5%;
	}
	
	.overlay h1 {
		line-height: 3.4rem;
		font-size: 2.6rem;
	}

	.overlay p {
		font-size: 0.9rem;
	}

	.title h1 {
		font-size: 2rem;
		line-height: 2.7rem;
	}

	h2{
		line-height: 1.4rem;
		font-size: 1rem;

	}
	
	.eingerueckt{
		padding: 0 5%;
	}

	.button_box_grey {
	  text-align: center;
	}
	
	.box-gelb {
  		padding: 3.5% 5%;
		margin: 2rem 0 0 0;
	}

	.kontakt h2 {
		font-size: 1.5rem;
		margin-top: 1rem;
	}


.content-grau h2 {
		font-size: 1.5rem;
		margin-top: 1rem;
line-height: 2.2rem;
	}

	/* -------------- FLEXBOX -------------------- */

.kontakt-right img {

width: 50%;
margin: 0 auto;

}


	.flex-icons{margin: 1rem 10%;} 

	.flex-icons div{
		width: 13%;
	}

	.left{
		width:100% !important;
		padding: 3.5% 5%;
	}

	.right{
		width:100% !important;
		margin:2rem 0 0 0 !important;
		padding: 3.5% 5%;
	}

	.left-weiss{
		width:100% !important;
	}

	.right-weiss{
		width:100% !important;
		margin:1rem 0 0 0 !important;
	}


	.kontakt-left{
		width:100% !important;
	
	}

	.kontakt-right{
		width:100% !important;
	}

	#footer {
		padding: 1rem 5% !important;
	}

	ul {
		margin:0 !important;
		padding:0 !important;
		list-style-type: none !important;
		list-style:none !important;
	}

	li {
		position: relative !important;
		padding: 0 0 0 1rem !important;
	}

	li:last-child{
		padding-bottom:0 !important;
	}

	li::before{
		content:"•" !important;
		position: absolute !important;
		top: -0.1rem !important;
		left: 0.05rem !important;
	}

	.hide_m {
		display: none !important;
	}

	.hide {
		display:block !important;
	}
	}

.refnr {}

.apply {}
