/************************************************************************************
smaller than 980
*************************************************************************************/
@media screen and (max-width: 980px) {

	/* pagewrap */
	#pagewrap {
		width: 100%;
	}
	#topmenu {
		float: left;
	    text-align: left;
	}
	br.clearer {
	    display: none;
	}
	/* sidebar */
	#sidebar {
		width: 30%;
		margin-bottom: 30px;
	}
	#sidebar .widget {
		margin-bottom: 30px;
	}

	/* embedded videos */
	.video embed,
	.video object,
	.video iframe {
		width: 100%;
		height: auto;
		min-height: 300px;
	}
	
	div.panorama {display: none;}
	div.panorama_platzhalter {display: block;}

}

/************************************************************************************
smaller than 650
*************************************************************************************/
@media screen and (max-width: 650px) {

	/* header */
	#header {
		height: auto;
	}
	ul.main-nav li, ul.main-nav li.first, .main-nav li.last {
	    float: none;
	    border-bottom: 1px solid #fff;
	    border-right: none;
	    padding: 0;
	}
	.main-nav li.last {
	    border-bottom: none;
	}
	/* main nav */
	#topmenu {
    	position: static;
    }
    /*
    #footermenu {
        position: static;
    }
    */
	/* content */
	#content {
		width: 100%;
		float: none;
		margin: 20px 0;
	}

	/* sidebar */
	#sidebar {
		width: 100%;
		margin: 0;
		float: none;
	}
	#sidebar .widget {
		margin: 0 0 30px;
	}
    #contactFormular{
        width: 100%;
        margin: 0;
        float: none;
    }
    #contactFormular .cFwidget{
        margin: 0 0 30px;
    }
}

/************************************************************************************
smaller than 560
*************************************************************************************/
@media screen and (max-width: 480px) {

	/* disable webkit text size adjust (for iPhone) */
	html {
		-webkit-text-size-adjust: none;
	}
	#headerlogo {
	    padding: 20px 5% 0 0;
	}
	/* main nav */
	#main-nav a {
		font-size: 100%;
	}
    #content{
        width: 100%;
    }
    .row{
        flex-direction: column;
    }
    .half{
        min-width:100%;
    }
    .qrcode-contact{
        min-width: 100%;
    }
}