/*
	Theme Name: 52bauten Blank HTML5 Theme
	Theme URI: http://html5blank.com | https://ouwan.ch
	Description: HTML5 Blank WordPress Theme
	Version: 1.4.3
	Author: Todd Motto (@toddmotto) | ouwan gmbh
	Author URI: http://ouwan.ch
	Tags: Blank, HTML5, CSS3

	License: MIT
	License URI: http://opensource.org/licenses/mit-license.php
*/

/*------------------------------------*\
    MAIN
\*------------------------------------*/

/*
font-family: 'Adobe Garamond Pro';
font-family: 'Neue Haas Unica Pro';
font-family: 'Neue Haas Unica Pro Bold';
font-family: 'Akkurat Std';

farben: 	color: #be2d28;

/* global box-sizing */

*,
*:after,
*:before {
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-font-smoothing:antialiased;
	font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
}

html {

}
body {
font-family: 'Neue Haas Unica Pro';

	color:#444;
	font-size: 13.5px;
/*	position: absolute !important;
	margin: 0;*/
}
.home  {
	display: block;
    margin: 0px auto;
    width:100%;
}

html, body {
    height: 100%;
  /*  margin: 0;
    padding: 0;
*/
}
.clear:before,
.clear:after {
    content:' ';
    display:table;
}

.clear:after {
    clear:both;
}
.clear {
    *zoom:1;
}
img {
	max-width:100%;
	vertical-align:bottom;
}
a {
	color:#000;
	text-decoration:none;
}
a:hover {
	color:#444;
}
a:focus {
	outline:0;
}
a:hover,
a:active {
	outline:0;
	opacity: 0.5;
}
input:focus {
	outline:0;
	border:1px solid #04A4CC;
}
/*HauptDiv*/
.maindiv {

	width: 100%;
	margin: 20px auto 0px;

}
.wrapper {
		max-width: 1400px;
	position: relative;
	margin: auto;
	width: 96%;
bottom: 4px solid black;
min-height: 50vw;

	}

h2 {
	display: block;
	font-family: 'Neue Haas Unica Pro Bold';
	font-weight: normal;
	color: #be2d28;
	font-size: 40px;
	line-height: 34px;
}
.single h2 {

font-family: 'Neue Haas Unica Pro';

}
.rahmenprogramm h2,
.page-id-1152 h2,
.page-id-1682 h2 {
	font-size: 20px;
	line-height: 22px;
		color: #000;
		margin-bottom: 0;
}
.rahmenprogramm strong {
		font-family: 'Neue Haas Unica Pro Bold';
}
#content > div > div > img {
	float: right;
	position: relative;
	transform: rotate(-10deg);
	width: 260px;
}
h4 {
	margin: 0px;
	padding: 0px;
}

.header {
    height: auto;

}



.logo-img,
.logo-img {
width: 84px;
	height: auto;
	float: left;
}

.page-template-startseite .logo-img {
width: 128px;
	height: auto;
	float: left;
}


.logo a:hover {
	opacity: 0.9;
}


.fiftytwobauinfo {
	width: 86%;
	color: #be2d28;
	margin-left: 0;
	float: right;
	height: 90px;
	overflow: hidden;
	position: relative;
	font-weight: normal;
}
.fiftytwobauinfo h5 {
		font-weight: normal;
		font-family: 'Neue Haas Unica Pro';
			font-size: 1.4em;
			line-height: 1.2em;
			margin-top: 0px;
margin-right: 24%;
	}

.socialicons {
	float: right;
	width: 170px;
	margin-left: 10%;
	display: table;
	height: auto;
	bottom: 0;
	position: absolute;
	right: 0px;
	bottom: 10px;
}
.socialicons img {
	width: 30px;
	height: auto;
	position: relative;
	margin-left: 20px;
	top: 0px;
	margin-right: 0px;
}

/*textslider*/
.textslider {
	height: 20px;
	width: 86%;
	margin-left: 0;
	float: right;
	position: relative;

}
.page-template-startseite .textslider {
	width: 86%;
	margin-left: 0;
	float: right;
	height: 140px;
	/*
	overflow: hidden;*/
	position: relative;
}/*
.textslide1,
.textslide2,
.textslide3,
.textslide4,*/
.fiftytwobauinfo h5 {
	display: none;
}
.textslide1,
.textslide2,
.textslide3,
.textslide4 {
}
.page-template-startseite .fiftytwobauinfo h5 {
	display: block;
}

.textslide1,
.textslide2,
.textslide3,
.textslide4 {
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
}
.textslide1 {
    animation:fade 16s infinite;
-webkit-animation:fade 16s infinite;

}
.textslide2 {
    animation:fade2 16s infinite;
-webkit-animation:fade2 16s infinite;
}
.textslide3 {
    animation:fade3 16s infinite;
-webkit-animation:fade3 16s infinite;
}
.textslide4 {
    animation:fade4 16s infinite;
-webkit-animation:fade4 16s infinite;
}
.textslider h6 {
	font-family:'Adobe Garamond Pro';
	font-size: 2.4em;
	line-height: 1.1em;
	color: #000;
	width: 100%;
	font-weight: normal;
	display: inline;
}

.page-template-startseite .textslidepage {
	display: none;
}
.textslider .textslidepage h6 {
	font-family: 'Adobe Garamond Pro';
	font-size: 2.8em;
	line-height: 1.1em;
	color: #000;
	width: 100%;
	font-weight: normal;
	display: inline;
top: 30px;
position: relative;
}
@keyframes fade
{
	0%   {opacity:1}
	17% {opacity:1}
  30% { opacity: 0}
  100% { opacity: 0}
}
@keyframes fade2
{
	0%   {opacity:0}
	20%   {opacity:0}
	30% { opacity: 1}
	56% { opacity: 1}
  66% { opacity: 0 }
  100% { opacity: 0}
}
@keyframes fade3
{
		0%   {opacity:0}
  56%   {opacity:0}
  66% { opacity: 1}
  82% { opacity: 1}
	 90% { opacity: 0}
  100% { opacity: 0}
}
@keyframes fade4
{
		0%   {opacity:0}
  82% { opacity: 0}
	 90% { opacity: 1}
  100% { opacity: 1}
}
.navigation {
	width: 86%;
font-family: 'Neue Haas Unica Pro Bold';
	font-size: 1.2em;
	color: #000;
	margin-left: 0;
	float: right;
	height: 80px;
	overflow: hidden;
	position: relative;
	padding-top: 9px;
	border-top: 4px solid black;
}

ul {
	float: left;
	padding-left: 0px;
}

ul li.current_page_item {
	opacity: 0.5;
}

.navigation ul {
		margin-top: -0px;
		}

  ul li:hover {
  opacity: 0.5;
  }
.current_page_item {
font-family: 'Neue Haas Unica Pro Bold';
}


.sidebar {
	display:none;
}

.footer {

}
.footer-widget-column  {
	width: 22.75%;
	margin-left: 3.0%;
	float: left;
	padding-bottom: 20px;
}
.footer-widget-column p {
	font-family: 	'NeueHaasUnicaPro-Light';
}

.NeueHaasUnicaProLight {
	font-family: 	'NeueHaasUnicaPro-Light';
	font-size: 60px;
	color: red;
	font-weight: 300;
	font-style: normal;
}
.footer-widget-column strong {
		font-family: 'Neue Haas Unica Pro';
}

.page-template-4-spaltig .page a::after,
.wrapper p a::after,
.wrapper p  span  a::after {
content: "→";
font-family: 'Akkurat Std';
font-size: 19px;
line-height: 1.24em;
padding-left: 6px;
}

.footer-widget-column a {
		font-family: 'Neue Haas Unica Pro';
		color: #fff;
}

.footer-widget-column p a::after {
content: "→";
font-family: 'Akkurat Std';
font-size: 19px;
line-height: 1.24em;
padding-left: 6px;
}
.footer-widget-column img a {
	border: 2px solid yellow;
}

.footer-widget-column:first-child {
	width: 22.75%;
	margin-left: 0%;
	float: left;
}
.footer-widget-column img {
	padding-top: 17px;
}
.page-template-startseite .post h2 a {
	margin-top: 5px;
	    font-family: 'Neue Haas Unica Pro';
	    font-size: 1.2em;
			line-height:1.1em;
	    font-weight: normal;
	    color: #000;
display: block;
	height: 30px;

}
.page-template-startseite .post h2 a span {
	    color: #be2d28 !important;
}




.bauinfodiv {
	width: 22.25%;
	font-size:1.4em;
	line-height: 1.37em;
	float: left;
	margin-bottom: 10px;
	font-family: 'Neue Haas Unica Pro';
	color: #000;
	margin-left: 1.5%;
	margin-top: -4px;
	position: relative;
	width: 48.5%;
	column-count: 2;
	column-gap:  3%;
	-moz-column-width: 48.5%;
	-webkit-column-width: 48.5%;
	left: 0px;
	float: right;
	word-break: normal;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
}
.bauinfodivintro {
	height: 171px;
}
.bauinfodiv p {
	font-family: 'Adobe Garamond Pro';
font-size: 18px;
	line-height: 1.4em;
		color: #444;
	top: 0px;
margin-top: 0px;
padding-top: 6.5px;

}
.linkespalteprog {
	width: 48%;
	font-size:1.4em;
	line-height: 1.37em;
	float: left;
	margin-bottom: 10px;
	font-family: 'Adobe Garamond Pro';	color: #000;
	margin-right: 1.5%;
	margin-top: -4px;
	position: relative;
	width: 48.5%;
	column-count: 1;
	column-gap:  3%;
	-moz-column-width: 48.5%;
	-webkit-column-width: 48.5%;
	left: 0px;
	float: right;
	word-break: normal;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
}


.page-template-startseite .bauinfodiv p {
padding-top: 25px;
}
.bauinfodiv a {
	font-family: 'Adobe Garamond Pro';
}
.infotags {
	color: #be2d28;
	font-family: 'Neue Haas Unica Pro';
}
.bauinfocontent {
		font-family: 'Neue Haas Unica Pro';
}

.page-template-startseite .bauinfodiv {
	width: 24%;
	font-size:1.4em;
	line-height: 1.4em;
	float: left;
	margin-bottom: 10px;
	color: #000;
	margin-left: 0%;
	margin-top: -4px;
font-family: 'Neue Haas Unica Pro';
	position: relative;
	column-count: 1;
	column-gap:  3%;
	-moz-column-width: 48.5%;
	-webkit-column-width: 48.5%;
	left: 0px;
	float: right;
	word-break: normal;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
}
.wrapper p {

}
.page-template-startseite .wrapper p a {
font-family: 'Neue Haas Unica Pro';
padding-left: 20px;
line-height: 0.8em;
font-size: 0.8em;
}
.page-template-startseite .wrapper .bauinfodiv p a {
font-family: 'Adobe Garamond Pro';
padding-left: 0px;
line-height: 1.0em;
font-size: 1.0em;
}


.page-template-startseite .wrapper p a span {
	font-family: 'Neue Haas Unica Pro';
	font-size: 17px;
	padding-left: 3px;
}




.page-template-startseite h2 {
	position: relative;
	line-height: 13.5px;
	top: 0px;
	font-size: 12.5px;
	float: none;
	margin: 6px 0px 6px 0px;
	font-family:'Neue Haas Unica W01 Regular';
	font-weight: normal;
	width: 100%;
	float: right;
}

.page-template-startseite h3  {
	text-transform: uppercase;
	font-size: 13.5px;
	letter-spacing: 1px;
	font-family:'Neue Haas Unica W01 Bold';
	font-weight: normal;
	display:inline-block;
	float: none;
	width: 100%;
	border-top: 1px solid black;
	padding-top: 16px;

}
.page-template-startseite h3:first-child {
	border-top: none;
}

.post:first-child {
/*	display: none;*/
}

#wprmenu_menu.wprmenu_levels ul li a,
.wpr_title, #wprmenu_bar li  {
font-family: 'Neue Haas Unica Pro Bold' !important;
color: #000;
	}

/*
	#wprmenu_menu.wprmenu_levels ul li a,
	.wpr_title, #wprmenu_bar li {
	      font-family: "Helvetica Neue LT W05_77 Bd Cn" !important;

	    text-transform: uppercase;
	    letter-spacing: 1px;
	}
*/
.page-template-startseite .post .inhaltbauwerk {
	display: none;
}
.page-template-startseite .post img {
	width: 100% !important;
}


.page-template-startseite .post:nth-child(1) .inhaltbauwerk {
	display: block;
}
.firstpostimage {
	float: left;
}
.firstpostimage {
	width: 74.25% !important;
	float: left;
}/*
.firstpostimage img {
	width: 100%;
}*/
.imagedescription {
	float: none;
	display: inline-table;
	width: 100%;
	position: relative;
	font-family: 'Adobe Garamond Pro';
}
.imagedescription p {

}
/*single post*/
.single-post .sliderandtext {
	display: inline-block;
	width: 100%;
	height: auto;
}
.sliderandtext {

	height: auto;
	display: block;

}

.wrapper .informationen p {
margin-top: -4px;
	font-family: 'Adobe Garamond Pro';
	font-size: 1.1em;
	line-height: 1.2em;
	position: relative;
	width: 48.5%;
	column-count: 1;
  column-gap:  0%;
	-moz-column-width: 100%;
-webkit-column-width: 100%;
	margin-left: 1.5%;
	left: 0px;
	float: right;
	word-break: normal;
	-webkit-hyphens: auto;
	    -moz-hyphens: auto;
	    -ms-hyphens: auto;
	    hyphens: auto;
			border-top: 1px solid black;
    padding-top: 14px;
}
.wrapper .informationen p br {
    content: "A" !important;
    display: block !important;
    margin-bottom: 0em !important;
}

.wrapper .informationen p strong {
	font-family: 'Neue Haas Unica Pro Bold';
	font-weight: normal;

}
/*styling Newsletter*/

.tnp-subscription {
    font-size: 13px;
    display: block;
    margin: 15px 0px !important;
		font-family: 'Neue Haas Unica Pro'  !important;
    max-width: 500px;
    width: 100%;
}

.tnp-subscription input.tnp-submit {
    background-color: #be2d28  !important;
    color: #fff;
    width: auto;
    height: auto;
    margin: 0;
}
.imagenewsletterleft {
	float: left;
}

.page-template-4-spaltig .wrapper p,
.page-template-4-spaltig .wrapper p strong {
margin-top: -4px;
	font-family: 'Adobe Garamond Pro';
	font-size: 1.4em;
	line-height: 1.4em;
	position: relative;
	width: 99%;
	column-count: 4;
  column-gap:  3%;
	-moz-column-width:  100%;
	-webkit-column-width: 100%;
	margin-left: 1.5%;
	left: 0px;
	float: right;
	word-break: normal;
	-webkit-hyphens: auto;
	    -moz-hyphens: auto;
	    -ms-hyphens: auto;
	    hyphens: auto;
}
.datenschutzbestimmungen .wrapper p strong {
		font-family: 'Neue Haas Unica Pro Bold';
		font-size: 0.9em;
		color: #000;
		column-count: 1;
		margin-top: 24px;
				margin-bottom: 5px;
}

.impressum.page-template-4-spaltig .wrapper  p {
column-count: 1 !important;
}
.impressum.page-template-4-spaltig .wrapper  p strong {
		column-count: 1;
	font-family: 'Neue Haas Unica Pro';
font-size: 0.9em;
}
/*.spalten {
	padding-top: 40px;
}*/
.spalte1  {
	 width: 22.75%;
	 float: left;
	 margin-left: 0%;

}
.spalte2,
.spalte3,
.spalte4
 {
	 width: 22.75%;
	 float: left;
	 margin-left: 3%;
}

.impressum.page-template-4-spaltig .wrapper p br {
    margin-bottom: 0em !important;

}
.page-template-4-spaltig .page a::after,
.wrapper p a::after,
.wrapper p  span  a::after {
content: "→";
font-family: 'Akkurat Std';
font-size: 19px;
line-height: 1.24em;
padding-left: 6px;
}

.thumbnailsfourrows {
		width: 22.75%;
	float: left;

}
.page-template-4-spaltig .size-overviewsmall,
.page-template-4-spaltig .size-post-secondary-image-thumbnail {
	width: 100%;
	height: auto;
	padding-bottom: 20px;
}
.wrapper p br {
	content: ' ';
	clear: right;
	display: block;
  margin-bottom: 26px !important;
}
.page-template-4-spaltig .wrapper p span,
.page-template-rahmenprogramm p span,
.kontakt-newsletter p span {
	font-family: 'Neue Haas Unica Pro';
	font-size: 0.9em;
	line-height: 1.2em;
color: #be2d28;
float: left;
display: block;
padding-right: 16px;
}
.datenschutzbestimmungen .wrapper p br {
    content: ' ';
    clear: right;
    display: block;
    margin-bottom: 0px !important;
}
.wrapper p span br {
	content: ' ';
     clear: right;
     display: block;
    margin-bottom:0em !important;
}
.wrapper p span a {
	font-size: 0.8em;
	line-height: 1.4em;

}

/*styling einzelseiten wie idee/konzept*/

.flex-active-slide p,
.flex-active-slide ul li p,
.flexslider ul li p   {
margin-top: -2px;
		font-family: 'Adobe Garamond Pro';
		font-size: 1em;
		line-height: 1em;
		width: 100%;
		column-count: 1;
		overflow: hidden;
		    padding-top: 1px;
				text-transform: none;
		letter-spacing: 0.0;
}

ul.slides li p {
	font-size: 1em;
}

.wrapper ul.slides li p br {
    margin-bottom: 1px !important;
}
/*
.flex-control-paging {
	display: none;
}*/

/*Footer*/
.footerblack {
	display: inline-block;
	background: #000;
	color: #fff;
	width: 100%;
height: auto;
	position: fixed;
	position: relative;
	padding-top: 0px;
	    margin-bottom: -5px;
}
.footerwidgets {
	display: table;
   margin: 0 auto;
	width: 96%;
}
.page-template-startseite hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
		margin-top: 20px;
}
ul li {
	float: left;
	padding-left: 100px;
	list-style-type: none;
	font-size: 14.0px;
	line-height: 16px;
/*font-family: 'Neue Haas Unica Pro Bold';*/
letter-spacing: 0.06em;
		text-transform: uppercase;
		padding-right: 64px;
}

/*styling pfeile*/
.flexslider ul li p {

}
.flexslider ul li {
    line-height: 23px !important;
}

.navigation ul li:first-child {
		padding-left:0px !important;
}
.max1400 {
	width: 50%;

	position: fixed;
	bottom:0px;

	left: 48%;
	padding:0em;
}
.back-to-top {
	position: relative;
	right: 0px;
 color:#be2d28;
 width: 50px;
 background: #be2d28;
		float: right;
border: 9px solid  #be2d28;

}
.linkespalteprog {
	width: 48%;
	float: left;
	color: #444;
}
.rechtespalteprog {
	width: 48%;
	float: right;
color: #444;
	margin-top: -10px;
}
.presse-links .rechtespalteprog {
    margin-top: -26px;
}
.rechtespalteprog p {

font-family: 'NeueHaasUnicaPro-Light';
font-size: 19px !important;
margin: 0;
}

.page-id-1154 h4,
.page-id-1152 h4,
.page-id-1682 h4 {
	font-family: 'Neue Haas Unica Pro Bold';
	color: #be2d28;
	font-size: 18px;
}
.page-id-1282 .rechtespalteprog p,
.page-id-1156 .rechtespalteprog p,
.page-id-1109 .rechtespalteprog p {
font-family: 'Adobe Garamond Pro';
}
.page-id-1282 .rechtespalteprog p {
	margin-bottom: 10px;
}
.page-id-1282 .rechtespalteprog p span {
font-family: 'Neue Haas Unica Pro';
    font-size: 0.9em;
    line-height: 1.2em;
    color: #be2d28;
		margin-bottom: 14px;
		height: auto;
		position: relative;
		display: block;
}

.page-id-1282 .rechtespalteprog p br {

    content: ' ';
    clear: right;
    display: block;
    margin-bottom: 0px !important;

}
.rahmenprogramm .rechtespalteprog a, .rahmenprogramm .rechtespalteprog a.more-link,
.aria-label {
	font-family: 'Neue Haas Unica Pro Bold';
font-size: 18px;
color: #000;
margin: 0;
}
.progarticle {
	margin-bottom: 20px;
	border-top: 1px solid;
}

.progarticle:first-child {
		border-top: none;
}
.progarticle strong {
font-family: 'Neue Haas Unica Pro Bold';
	color: #000;

font-size: 18px;
}
.anlasse-fuhrungen h2 a,
.anlasse-fuhrungen h2 {
	 color:#000 !important;
	 margin: 0 !important;
	 padding: 0 !important;
	 font-size: 18px;
}

/*.anlasse-fuhrungen*/
.progarticle p br {
    content: ' ';
    clear: right;
    display: block;
    margin-bottom: 0px !important;
}

.category-veranstaltung .bauinfodiv {
	width: 48.5%;
column-count: 1;
float: left;
margin-left: 0%;
}
@media only screen and (min-width:1400px){
	.max1400 {
		width: 700px;
	left: 50%;

	}

	.page-template-startseite .textslider h6 {
		font-family:'Adobe Garamond Pro';
		font-size: 4.4em;
		line-height: 1.1em;
		color: #000;
		width: 100%;
		font-weight: normal;
		display: inline;
	}
	.back-to-top {

			padding-right: 0%;
	}
.navigation	ul li {
		padding-left: 100px !important;
			padding-right: 54px !important;
	}

	.single-post h2 {
		font-size: 40px;
		margin-bottom: 26px;
		font-family: 'Neue Haas Unica Pro';

	}

	.page-template-startseite .post.post:nth-child(1) img {
		width: 72.75% !important;
			float: left;
	}
.footerwidgets {
	display: table;
   margin: 0 auto;
	width: 1400px;

}
}

@media only screen and (min-width:1200px) and (max-width:1400px){
.page-template-startseite .wrapper p {
	font-size: 1.0em;

	line-height: 1.2em;


}
.page-template-startseite .post.post:nth-child(1) img {
	width: 72.75% !important;
		float: left;
}
.textslider h6 {
	font-size: 3.8em;
top: -86px;

}



}
@media only screen and (min-width:1200px) {

	ul li {
		padding-left: 75px;
		padding-right: 0%;
	}
	.page-template-startseite .post:first-child h2 {
		position: relative;
		top: 0px;
		margin: -10px 0px 32px 0px;
		font-weight: normal;
		width: 100%;
		float: none;

	}
	.page-template-startseite .post:first-child h2 a {
		    display: block;
				font-family: 'Neue Haas Unica Pro';
		    font-size: 40px;
				line-height: 1.1em;
		    font-weight: normal;
		    color: #be2d28;
						margin-top: -7px;
		}
.page-template-startseite .post {
		width: 22.75%;
		margin-right: 3% !important;
		height: auto;
		float: left;
margin-bottom: 35px;
		}
			.page-template-startseite .post:first-child {
				width: 100%;
				float: none;
				display: table;
			}

			.page-template-startseite .ueberblick {

			}
/*
			.page-template-startseite .ueberblick .post.category-bauten:nth-child(2) {
				display: none;

			}*/
			.page-template-startseite .post:nth-child(4n+5){
				margin-right: 0% !important;
				float: left;
				}
				.textslider h6 {
					font-size: 3.8em;
				top: -86px;

				}
			}

@media only screen and (max-width:1200px) and (min-width:1000px) {
	.fiftytwobauinfo {
	    height: 120px;
	}
	.textslider,
		.page-template-startseite .textslider,
	.fiftytwobauinfo,
	.navigation {
	    width: 78%;
			height: auto;
	}
	.page-template-startseite .textslider {
	  height: 110px;
	}
	.page-template-startseite .wrapper p a span {
	    font-size: 16px;
	}
.textslider {
		height: 100px;
}
	.textslider h6 {
    font-size: 3.0em;
top: -86px;

}
ul li {
	padding-left: 45px;
	padding-right: 0%;
}
		.page-template-startseite .post {
			width: 31%;
			margin-right: 0% !important;
			height: auto;
			float: left;*/
		}
			.page-template-startseite .post:first-child {
				width: 100%;
				float: none;
				display: table;
			}
			.page-template-startseite .post:first-child h2 a,
			h1 {
				font-size: 25px;
						line-height:1.4em;
				color: #be2d28 !important;
				}
				.page-template-startseite .post:first-child h2 {
					width: 100%;
					float: none;
					color: #be2d28 !important;
				}
				.page-template-startseite .post:first-child h2 a {
				color: #a73834 !important;
			}
			.page-template-startseite .post:nth-child(1) img {

    width: 50% !important;
    float: left;

}
.page-template-startseite .bauinfodiv {

    position: relative;
    font-size: 1.2em;
    line-height: 1.2em;
    width: 48%;
    left: 0px;
    float: right;
		margin-bottom: 10px;
}
/*

			.page-template-startseite .wrapper p {
				top:20px;
    width: 48%;
    column-count: 2;
    -moz-column-width: 48%;
    -webkit-column-width: 48%;
    margin-left: 0%;
}*/
			.page-template-startseite .post:nth-child(3n+0),
			.page-template-startseite .post:nth-child(3n+2) {
				margin-right: 3.5% !important;
				float: left;
			}

			}


@media only screen and (max-width:1000px) and (min-width:722px) {

	.page-template-startseite .post {
		width: 31%;
		margin-right: 0% !important;
		height: auto;
		float: left;*/
	}
		.page-template-startseite .post:first-child {
			width: 100%;
			float: none;

			display: table;
		}
		.page-template-startseite .wrapper p a span {
		    font-size: 14px;
		}

/*infos für ersten post*/
.page-template-startseite .post:first-child h2 a, h1
 {
color: #a73834 !important;
font-size: 1.6em;
line-height: 1.2em;
}


.single-post h2 {
		float: none;
		width: 100%;
		margin-top: -4px;
font-size: 1.6em;
font-family: 'Neue Haas Unica Pro';
		margin-bottom: 4px;
		display: table;
}
.single-post h2 span {
float: left;
margin-top: 4px;
margin-right: 4px;
margin-top: 0px;
}
.page-template-startseite .post:nth-child(1) img {

width: 100% !important;
float: none;

}
.page-template-startseite .bauinfodiv {

position: relative;
font-size: 1.2em;
line-height: 1.2em;
width:100%;
left: 0px;
float: right;
margin-bottom: 10px;
}
.page-template-startseite .wrapper p {
top:20px;
width: 100%;
column-count: 2;
-moz-column-width: 48%;
-webkit-column-width: 48%;
margin-left: 0%;


}
.page-template-startseite .post:nth-child(3n+0),
.page-template-startseite .post:nth-child(3n+2) {
	margin-right: 3.5% !important;
	float: left;
}
.single-post .wrapper p {
margin-left: 0%;
}
.footer-widget-column:first-child,
.footer-widget-column {
		width: 50%;
		margin-left: 0%;
		float: left;
height: auto;
}
.footer-widget-column img,
.footer-widget-column:first-child a {
	float: none !important;
	border: 2px solid #000;
	position: relative;
	width: auto;
	margin-right: 50px;
}
.spalte1,
.spalte3 {

    width: 48%;
    float: left;
    padding-left: 0%;
		height: auto;
}
.spalte2,
.spalte4 {

    width: 50%;
    float: right;
    padding-left: 0%;
		height: auto;
}
.impressum.page-template-4-spaltig .wrapper p {

    column-count: 1 !important;

}

}
		}
@media only screen and (min-width:1000px) {

.socialiconsresponsive {
			display: none;
}
.socialiconsresponsive img {
width: 32px;
height: auto;
}

}
@media only screen and (max-width:1000px) {
	html, body {

	    height: 100%;
	    margin: 0;
	    padding: 0;
	        padding-top: 0px;
	    left: 0px !important;

	}

	.header {
	    margin-bottom: 20px;
	}
			/*styling einzelseiten wie idee/konzept*/
			.page .wrapper p {
				width: 98.5%;
				column-count: 2;
			  column-gap:  3%;
				-moz-column-width:  66%;
			-webkit-column-width: 66%;
				margin-right: 1.5%;
				left: 0px;

			}
			/*für Newsletter und Bündner Heimatschutz, rahmenprogramm*/
		.page-template-standard .wrapper p,
		.page-template-standard .wrapper .rechtespalteprog .progarticle p {

				width: 100%;
				max-width: 500px;
				column-count: 1;
			  column-gap:  3%;
				-moz-column-width:  70%;
			-webkit-column-width: 70%;
				margin-left: 1.5%;
				left: 0px;


			}
			.page-template-startseite .textslider {
					width: 86%;
					margin-left: 0;
					float: right;
					height: 80px;
					overflow: hidden;
					position: relative;
			}
.textslider .textslidepage h6 {
			    font-family: 'Adobe Garamond Pro';
					font-size: 1.6em;
			    line-height: 1.1em;
			    color: #000;
			    width: 100%;
			    font-weight: normal;
			    display: inline;
			    top: 30px;
			    position: relative;
			}


			.fiftytwobauinfo {
					height: auto;

			}
.socialiconsresponsive {
	margin-top: 20px;
}
.socialiconsresponsive img {
	width: 28px;
	height: auto;
}
.fiftytwobauinfo h5 {

    margin-right: 0;
}



			/*impressum*/
			.impressum.page-template-4-spaltig .wrapper p {

				width: 100%;
					column-count: 1 !important;

			}


	.spalte1 ,
			.spalte2,
			.spalte3,
			.spalte4
			 {
				 width: 100%;
				 float: none;
				 margin-left: 1.5%;
			}
/*ende impressum*/
/*datenschutzbestimmungen*/
.datenschutzbestimmungen .wrapper p strong {
		font-family: 'Neue Haas Unica Pro Bold';
		font-size: 0.9em;
		color: #000;
		column-count: 1;
}

.datenschutzbestimmungen .wrapper p {

    width: 100%;
    column-count: 1;
    column-gap: 0%;
    -moz-column-width: 100%%;
    -webkit-column-width: 100%%;
    margin-left: 0%;
    left: 0px;

}
/*ende datenschutzbestimmungen*/
.page-template-startseite .bauinfodiv{
		width: 100%;
		column-count: 3;
		column-gap: 3%;
		-moz-column-width: 100%%;
		-webkit-column-width: 100%%;
		margin-left: 1.5%;
		left: 0px;
		top: 15px;
}
.page-template-startseite .wrapper p {

	width: 100%;
	column-count: 1;


}
			.thumbnailsfourrows {
					width: 31%;

		}
			/*styling einzelseiten wie idee/konzept*/

.logo-img {
	    width: 18%;
}
.page-template-startseite .textslider,
.textslider,
.fiftytwobauinfo,
.navigation {
    width: 78%;

}
.textslider {
		height: 100px;
}
.socialicons {
	display: none;
}
.fiftytwobauinfo {
			height: auto;
}


.textslider h6 {
    font-size: 2.2em;


}


	.mg-slick-carousel {
		width: 100% !important;
		float: none;
	}


	h2 {
font-size: 1.6em;

	}

	h4 {
		margin: 0px;
		padding: 0px;
	}

/*
	.single-post .wrapper p, .wrapper h4 {
	    position: relative;
			width: 100%;
	    left: 0px;
	}
*/


.flexslider {

    width:100%;

}
ul.slides li p {
	margin-top: 0px;
}

.bauinfodiv {
	width: 100%;
	font-size:1.4em;
line-height: 1.33em;
	float: left;
	margin-bottom: 10px;
	color: #000;
	margin-left: 1.5%;
	margin-top: 10px;
	position: relative;
	column-count: 2;
	column-gap:  3%;
	-moz-column-width: 48.5%;
	-webkit-column-width: 48.5%;
	left: 0px;
	float: right;
	word-break: normal;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
}
	.wrapper p, .wrapper h4 {
			float: none;
	    left: 0px;
			display: block;
	}


h5 {
	left: 0px !important;
}
#wprmenu_bar a, #wprmenu_bar a {

/*font-family:'Neue Haas Unica W01 Regular' !important;*/
font-family:'Neue Haas Unica W01 Bold' !important;
}
#wprmenu_bar {
    display: block!important;
}
/*rahmenprogramm*/
.rahmenprogramm .page .wrapper p,
.linkespalteprog {
	width: 100%;
	float: none;
	column-count: 1 !important;
	color: #444;

}
.wrapper .linkespalteprog img {
	height: auto;

	margin-bottom: 20px;
}
.rechtespalteprog {
	width: 100%;
		column-count: 1;
	float: none;
color: #444;
	margin-top: -10px;
}

/*end of rahmenprogramm*/
.progarticle p,
.progarticle a {
	column-count: 1 !important;
}
}
@media only screen and (min-width:1000px) {
.socialiconsresponsive img {
			display: none;
}

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

	.page-id-1154 #content > div > div > img {
		float: right;
		position: relative;
		transform: rotate(-10deg);
		width: 160px;
	}
	.page-template-startseite .logo-img {
		width: 16%;
		height: auto;
		float: left;

}
.page-template-startseite .textslider {
    height: 60px;
}
.socialiconsresponsive {
	margin-top: 30px;
}

.page-template-startseite .textslider,
.textslider,
.fiftytwobauinfo, .navigation {
		width: 79%;

}
	.textslider h6 {
    font-size: 1.5em;
top: -86px;

}

.fiftytwobauinfo h5 {
    font-size: 1em;

}

.page-template-startseite .wrapper p a span {
    font-size: 15px;
}
	.page-template-startseite .post {
		width: 48%;
		margin-right: 0% !important;
		height: auto;
		float: left;
	}
	.page-template-startseite .post:first-child {
		width: 98%;
		margin-right: 0% !important;
		height: auto;
		border-bottom: 1px solid;
		margin-bottom: 10px;
	}


	.page-template-startseite hr {
		display: none;
	}

		.footer-widget-column:first-child {
			width: 100%;
			float: none;
			display: table;
		}

		/*infos für ersten post*/
		.page-template-startseite .post:first-child h2 a, h1 {
		color: #be2d28 !important;
		font-size: 1.6em;
		line-height: 1.2em;
		}
		.post:nth-child(1) img {

		width: 100% !important;
		float: none;

		}
		.page-template-startseite .bauinfodiv {

		position: relative;
		font-size: 1.2em;
		line-height: 1.2em;
		width:100%;
		column-count: 2;
		-moz-column-width: 48%;
		-webkit-column-width: 48%;
		margin-left: 0%;
		left: 0px;
		float: right;
		margin-bottom: 10px;
		}

		.page-template-startseite .wrapper p {
		top:20px;
		width: 100%;


		}
		/* fertig infos für ersten post*/

		.page-template-startseite .post:nth-child(2n+0) {
			margin-right: 4% !important;
	    float: left;
		}
		/*text einzelpost*/
		.single-post .wrapper p, .wrapper h4 {
		position: relative;
		width: 100%;
		left: 0px;
}
		.single-post .wrapper p {
		top:2px;
		width: 100%;
		column-count: 1;
		-moz-column-width: 100%;
		-webkit-column-width: 100%;
		margin-left: 0%;


		}

		.footer-widget-column {

		    width: 100%;
		    margin-left: 0%;
		    float: left;

		}

}

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

.page-template-startseite	.textslider {
	    height: 50px;

	}
	.textslider {
    height: 60px;
}
	.textslider h6 {
		font-size: 0.8em;
	}
	.socialiconsresponsive img {
	width: 26px;
	height: auto;
	}

	.socialiconsresponsive {
		margin-top: 10px;
	}



	.textslider .textslidepage h6 {
	    font-size: 1.2em;
	}

	.fiftytwobauinfo {
    font-size: 0.9em;
}
.fiftytwobauinfo h5 {
    font-size: 1em;

}
	.page-template-startseite .post {
		width: 100% !important;
		height: auto;
	}

	.page-template-startseite .post img {
    width: 100% !important;
}
	.post img {
		width: 100%;

	}

	.page .wrapper p {
	    margin-left: 0%;

	}
	.page-template-startseite .bauinfodiv {
	    width: 100%;
	    column-count: 1;
			margin-left: 0;
	}

	/*styling einzelseiten wie idee/konzept*/

.bauinfodiv,
.page .wrapper p  {
		width: 100%;
		column-count: 1;
		column-gap:  0%;
		-moz-column-width:  100%%;
	-webkit-column-width: 100%%;
		margin-left: 0%;
		left: 0px;

	}

	.thumbnailsfourrows {
			width: 100%;

}

.page-template-startseite .post h2 a {

    margin-top: 0px;
    margin-bottom: 20px;

}
	/*styling einzelseiten wie idee/konzept*/
}


@media only screen and (-webkit-min-device-pixel-ratio:1.5),
	   only screen and (min-resolution:144dpi) {

}


::selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-webkit-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-moz-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}


.alignnone {
	margin:5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
	display:block;
	margin:5px auto 5px auto;
}
.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
a img.alignnone {
	margin:5px 20px 20px 0;
}
a img.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.aligncenter {
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.wp-caption {
	background:#FFF;
	border:1px solid #F0F0F0;
	max-width:96%;
	padding:5px 3px 10px;
	text-align:center;
}
.wp-caption.alignnone {
	margin:5px 20px 20px 0;
}
.wp-caption.alignleft {
	margin:5px 20px 20px 0;
}
.wp-captio
}}
/*startseite*/

@media only screen and (min-width:1200px) {
#bg {
  position: fixed;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
}
#bg img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  min-width: 50%;
  min-height: 50%;
}
#bg-smartphone {
  display: none;
}
}

@media only screen and (max-width:1199px) {
  #bg {
    display: none;
  }
#bg-smartphone {
  position: fixed;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
}
#bg-smartphone img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  min-width: 50%;
  min-height: 50%;
}
.logo h1 {
  font-size: 2.0em;
  line-height: 1.05em;
}
}