@media all {

	.container {
		width:90% !important;
		padding:0 !important;
	}


	.site {
		margin-top:0 !important;
		margin-bottom:0 !important;
	}
	
	.header-branding {
		position:relative;
		z-index:0;
		width:100%;
		height:auto;
		margin:0 0 1.5em 0;
		border-bottom:4px solid #13a538;
		display:flex;
	}
	.branding-inner {
		position:relative;
		width:90%;
		margin:0 auto 0 auto;
		display:flex;
		flex-direction:row;
		flex-wrap:nowrap;
		justify-content:space-between;
		align-items:flex-end;
	}
	
	#bv-branding {
		flex-basis:100%;
		padding-top:2em;
	}
	#ortssiegel-dresden-buehlau {
		display:none;
	}
	#stadtteilansicht-dresden-buehlau {
		display:none;
	}
	
	#bv-dresden-buehlau-title {
		font-family:'Nothing You Could Do',sans-serif;
		font-size:8.5vw;
		font-weight:normal;
		margin:0;
		text-align:left;
		color:#159432;
		line-height:1;
		z-index:3;
	}
	#bv-dresden-buehlau-caption {
		font-weight:normal;
		text-align:left;
		color:#555;
		margin:0 0 0.5em 0;
	}
	
	.content-area {
		width:100% !important;
	}
	
	.footer-inner {
		position:relative;
		width:90%;
		margin:0 auto;
		display:flex;
		flex-direction:row;
		justify-content:space-between;
	}
	
	
	.site-content a,
	.site-footer a {
		color:#159432 !important;
	}
	.primary-menu ul a {
		color: #aaa !important;
	}
	.primary-menu ul li:hover > a,
	.primary-menu ul li.focus > a,
	.primary-menu ul li.current_page_item > a,
	.primary-menu ul li.current-menu-item > a,
	.primary-menu ul li.current_page_ancestor > a,
	.primary-menu ul li.current-menu-ancestor > a {
		color: #fff !important;
	}
	.primary-menu a {
		color: #555 !important;
	}
	.primary-menu > li.current-menu-item > a,
	.primary-menu > li.current_page_item > a,
	.primary-menu > li.current_page_ancestor > a,
	.primary-menu > li.current-menu-ancestor > a {
		background-color: rgba(208, 237, 215, 0.5) !important;
	}
	.primary-menu > li:hover > a {
		color: #fff !important;
		background-color: #13a638 !important;
	}
	
	.site-content figure.alignright ,
	.site-content figure.alignleft {
		width:35% !important;
	}
	
	.fwv-posts.pub .fwv-post {
		margin:2em 0;
		border-bottom:1px solid #aaa;
		clear:both;
	}

	.fwv-posts.news .fwv-post {
		margin:2em 0;
	}
	.fwv-posts .post-title {
		font-weight:bold;
		margin-bottom:0;
	}
	.fwv-posts .post-date {
		color:#555;
		margin-bottom:0;
	}
	.fwv-posts .post-excerpt {
		margin-top:0.5em !important;
	}
	.fwv-posts .post-link:before {
		content:'→\00a0\00a0';
		color:#13a638;
	}
	
	
	a.wp-block-button__link {
		background-color:#13a538 !important;
		color:#fff !important;
		padding:0.25em 1em !important;
	}
	
	.main-navigation ul {
		width:90% !important;
		margin-left:auto !important;
		margin-right:auto !important;
	}
	
	.main-navigation ul ul {
		width:auto !important;
	}
	
	.footer-backlink-totop-container {
		position:relative;
		width:100%;
		height:auto;
		margin:1em 0;
		display:flex;
		flex-direction:row;
		justify-content:center;
	}
	.footer-backlink ,
	.footer-totop {
		margin:0 1em;
		color:#13a538;
	}
	.footer-backlink:before {
		content:'← ';
	}
	.footer-totop:before {
		content:'↑ ';
	}
	
	.content-underlay {
		position:fixed;
		z-index:-1;
		bottom:0;
		width:100%;
		height:100%;
		display:flex;
		flex-direction:row;
		justify-content:space-between;
		display:none;
	}
	.content-underlay div {
		flex-basis:50%;
		background-size:auto;
	}
	.underlay-left {
		background:transparent url('images/underlay-left.png') left bottom no-repeat;
	}
	.underlay-right {
		background:transparent url('images/underlay-right.png') right bottom no-repeat;
	}
	

	
	
	
	.clearfix::before,
	.clearfix::after {
		content: " ";
		display: table;
	} 
	.clearfix::after {
	  clear: both;
	}
	.clearfix {
	  *zoom: 1;
	}

	
}


@media (min-width: 540px) {
	
	#bv-branding {
		flex-basis:70%;
		padding-top:3em;
	}
	#ortssiegel-dresden-buehlau {
		width:30%;
		height:auto;
		margin:1em 0 -1.5em 0;
		z-index:2;
		display:block;
	}
	
	#bv-dresden-buehlau-title {
		font-size:5.5vw;
	}
	
}


@media (min-width: 768px) {

	#bv-branding {
		flex-basis:75%;
		padding-top:3em;
	}
	#ortssiegel-dresden-buehlau {
		width:25%;
	}
	
	#bv-dresden-buehlau-title {
		font-size:6.5vw;
	}

	.main-navigation ul {
		width:100% !important;
	}
}


@media (min-width: 992px) {

	.branding-inner {
		position:relative;
		width:95%;
		margin:0 0 0 auto;
	}
	
	#stadtteilansicht-dresden-buehlau {
		flex-basis:40%;
		background:url('images/stadtteilansicht-dresden-buehlau.png') center no-repeat;
		background-size:cover;
		height:100%;
		margin-left:-10%;
		z-index:1;
		display:block;
	}
	
	#ortssiegel-dresden-buehlau {
		width:17.5%;
	}
	
	#bv-dresden-buehlau-title {
		font-size:3em;
	}
	

}


@media (min-width: 1600px) {
	
	.content-underlay {
		display:flex;
	}
	
}



@media (max-width: 768px) {
	
	.wp-block-columns .wp-block-column {
		flex-basis:50% !important;
	}
	.site-content figure.alignright ,
	.site-content figure.alignleft {
		width:47.5% !important;
		text-align:center !important;
	}
	
	.footer-inner {
		flex-wrap:wrap;
		flex-direction:column;
		justify-content:center;
		text-align:center;
	}
	
}

@media (max-width: 540px) {
	
	.wp-block-columns .wp-block-column {
		flex-basis:100% !important;
		margin-bottom:2em;
	}
	.site-content figure.alignright ,
	.site-content figure.alignleft {
		width:auto !important;
		float:none !important;
	}
	
}