@media only screen and (max-width: 950px) {

	body {
		min-width: 270px ! important;
		width: 100% ! important;
		height: 100% ! important;
		position: relative;
		background-size: contain ! important;
		background-position: center 90px ! important;
	}

	.page-header {
		height: 90px;
		width: 100%;
	}

	.page-header a img {
		width: 200px;
		height: auto;
		margin-left: 15px;
		z-index: 99;
	}

	.top-menu {
		position: absolute;
		bottom: 10px;
	}
	section {
	    width: 100%;
    	min-width: 100%;
	}

	.sidebar, .sidebar .box, .sidebar .service-box { display: none; }
	#sidebar.active {
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%
	}

	#sidebar.active .main-menu {
		padding: 100px 20px 75px;
	}

	#sidebar.active nav form {
		display: block ! important;
		border-top: 1px solid #ada6af;
	}

	h1, h2, h3 {
		hyphens: auto;
	}
    
    h1 {
        font-size: 22px;
    }
    h2 {
        font-size: 16px;
    }

    .portrait {
    	background-position: 0 0 ! important;
    	padding: 0;
    }

    .portrait h2 {
    	margin: 580px 0 0 0;
    }

    .portrait h3 {
    	margin: 0 0 5px 0;
    }
    
    ul.pagination li {
        margin-bottom: 8px;
    }

	.content {
		float: none;
		width: 100%;
		padding: 0 20px;
		box-sizing: border-box;
		margin-top: 55%;
	}

	.small .content {
    	margin-top: 45%;
	}

	.kontakt.small .content,
	.kanzlei.small .content {
		margin-top: 60%;
	}

	footer {
		width: 100%;
	}

	.footer-container {
		min-width: 100%;
		padding: 20px 0 60px;
	}

	#back-top {
		margin-left: 0;
		right: 15px;
		bottom: 15px;
	}

	#back-top a {
		width: 25px;
	}

	#back-top span {
		width: 25px;
		height: 25px;
	    background-size: 50%;
	}
	.sb-search {
		position: absolute;
		bottom: 10px;
		right: 10px;
		display: none;
	}

	.sb-search-input {
		left: 0;
		top: 20px;
		padding-right: 10px;
	}

	.sb-icon-search, .sb-search-submit {
		z-index: 99;
		top: 20px;
		border: none;
	}

	.sidebar .sb-icon-search {
		display: block;
	}

	.burger {
	  display: inline-block;
	  cursor: pointer;
	  position: absolute;
	  top: 30px;
	  right: 15px;
	  z-index: 9999;
	}

	.bar1, .bar2, .bar3 {
	  width: 26px;
	  height: 4px;
	  background-color: #043882;
	  margin: 4px 0;
	  transition: 0.4s;
	}

	.active .bar1 {
	  transform: rotate(-45deg) translate(-6px, 8px);
	}

	.active .bar2 {opacity: 0;}

	.active .bar3 {
	  transform: rotate(45deg) translate(-4px, -5px);
	}
}