@import url(http://weloveiconfonts.com/api/?family=zocial);

/* zocial */
[class*="zocial-"]:before {
	font-family: 'zocial', sans-serif;
	font-size: 16px;
	color: #000;
	float: left;
	font-weight: lighter;
}

@charset "UTF-8";
.header__inner{
	width: 70%;
	float: none;
	margin-top: 0;
	margin-right: 15%;
	margin-bottom: 0;
	margin-left: 15%;
	clear: none;
}
#headthema{
	position: relative;
	width: 70%;
	text-align: center;
	overflow: hidden;
	z-index: 0;
	clear: both;
	float: none;
	padding: 0%;
	height: 70%;
	margin-top: auto;
	margin-right: 15%;
	margin-bottom: auto;
	margin-left: 15%;
}.home.blog #wrapper #ArrowDown {
	float: none;
	width: 100%;
	clear: both;
	margin: auto;
}
.home.blog #wrapper #ContentLeft {
	float: left;
	width: 25%;
	clear: both;
	margin-left: 22%;
	margin-bottom: 20px;
}
.home.blog #wrapper #ContentRight {
	float: right;
	width: 25%;
	margin-right: 22%;
	text-align: left;
	margin-bottom: 20px;
}
.home.blog #wrapper #Projekte {
	clear: both;
	width: 600px;
	margin: auto;
	float: none;
	border-right-width: thin;
	border-left-width: thin;
	border-right-style: none;
	border-left-style: none;
	border-right-color: #666;
	border-left-color: #333;
	text-align: center;
}
.home.blog #wrapper #Projekte #Head {
	float: none;
	width: 100%;
	margin: auto;
	clear: both;
}
.home.blog #wrapper #Projekte #left {
	float: left;
	width: 600px;
	clear: none;
}
.home.blog #wrapper #Projekte #right {
	float: right;
	width: 400px;
	clear: none;
}
.home.blog #wrapper #Footer {
	clear: both;
	width: 70%;
	margin: auto;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: dotted;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #000;
	border-right-color: #000;
	border-bottom-color: #000;
	border-left-color: #000;
}
.home.blog #wrapper #Footer #ArchitekturUnten {
	width: 30%;
	clear: both;
	float: left;
	text-align: left;
	padding-top: 5px;
}
.home.blog #wrapper #Footer #Bommyo {
	clear: both;
	height: 20px;
	float: none;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 10px;
}
.TabelleArchitektur {
	text-align: left;
}
.Symbole {
	font-family: 'Montserrat', Arial, sans-serif;
	font-size: 14px;
	color: #000;
	text-transform: uppercase;
	text-align: left;
}
.Symbole2 {
	font-family: 'Montserrat', Arial, sans-serif;
	font-size: 10px;
	color: #000;
	text-transform: uppercase;
	font-weight: lighter;
	text-align: left;
	clear: none;
	float: none;
}
.Symbole6 {
	font-family: 'Montserrat', Arial, sans-serif;
	font-size: 9px;
	color: #000;
	text-transform: uppercase;
	font-weight: lighter;
	text-align: left;
	float: left;
}
.Symbole5 {
	font-family: 'Montserrat', Arial, sans-serif;
	font-size: 10px;
	color: #000;
	text-transform: uppercase;
	font-weight: lighter;
	float: none;
}
.Symbole3 {
	font-family: 'Montserrat', Arial, sans-serif;
	font-size: 12px;
	color: #000;
	text-transform: uppercase;
	font-weight: lighter;
	text-align: left;
	float: left;
}
.Symbole4 {
	font-family: 'Montserrat', Arial, sans-serif;
	font-size: 18px;
	color: #000;
	text-transform: uppercase;
	font-weight: lighter;
	float: none;
	text-align: center;
}
.Symbole7 {
	font-family: 'Montserrat', Arial, sans-serif;
	font-size: 18px;
	color: #000;
	text-transform: uppercase;
	font-weight: lighter;
	float: right;
	text-align: center;
}
.tabelle1 {
	clear: none;
	float: none;
}
.logo{
	float: left;
	height: 50px;
	margin-top: 30px;
	font-family: 'Montserrat', Arial, sans-serif;
	font-size: 16px;
	text-transform: uppercase;
	color: #000;
	font-weight: lighter;
	font-style: normal;
}.page-footer__row:after,

.page-footer__box:after,

#main:after,

.entry__lang-switcher:after,

.pagination:after,

.header__inner:after,

.sidebar-cats:after{content:'';display:table;clear:both}

#footer{
	clear: both;
	width: 70%;
	margin-right: 15px;
	margin-left: 15px;
}
#wrapper{
	overflow-x: hidden;
}
#headthema .article-1{
	z-index: 6;
}#headthema .article-2{
	z-index: 5
}#headthema .article-3{
	z-index: 4
}
#headthema .article-4 {
	z-index: 3
}
#headthema .article-5 {
	z-index: 2
}
#headthema .article-6 {
	z-index: 1
}
@font-face{font-family:'Icons';src:url("file:///Macintosh HD/Users/bernd/Library/Application Support/Adobe/Dreamweaver CS6/de_DE/Configuration/Temp/fonts/icons.woff") format("woff"),url("file:///Macintosh HD/Users/bernd/Library/Application Support/Adobe/Dreamweaver CS6/de_DE/Configuration/Temp/fonts/icons.ttf") format("truetype");font-weight:normal;font-style:normal}

.header{width:100%;background:#fff;z-index:100}

.header-fixed .header{position:fixed;top:0}

.page-footer{
	position: relative;
	color: #fff;
	font-family: Georgia, serif;
	font-size: 14px;
	line-height: 20px;
	background: #b3b3b3;
	z-index: 11
}

@media only screen and (orientation: portrait) and (max-width: 480px){.page-footer{padding:30px 5px}}

@media (min-width: 481px){.page-footer{-webkit-transform:translateZ(1px);-moz-transform:translateZ(1px);-ms-transform:translateZ(1px);transform:translateZ(1px)}}

.page-footer a:link,.page-footer a:visited{color:#fff}

.page-footer a:hover,.page-footer a:focus{text-decoration:underline}

.page-footer ul{list-style:none;margin:0}

.page-footer__inner{margin:0 auto;padding:40px 0;width:970px;background:#b3b3b3}

@media only screen and (orientation: portrait) and (max-width: 480px){.page-footer__inner{padding:40px 0 0 0;width:100%}}

.page-footer__row{margin-bottom:30px}

@media only screen and (orientation: portrait) and (max-width: 480px){.page-footer__row{margin-bottom:0}}

.page-footer__row li{margin-bottom:10px}.page-footer__box{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;float:left}

@media only screen and (orientation: portrait) and (max-width: 480px){.page-footer__box{float:none;margin-bottom:30px}}

.page-footer__box p{margin-bottom:10px}.page-footer__box--about{width:550px;padding-right:120px}

@media only screen and (orientation: portrait) and (max-width: 480px){.page-footer__box--about{display:none;width:100%;padding-right:0}}
.page-footer__box--social{width:325px;padding-right:95px}

@media only screen and (orientation: portrait) and (max-width: 480px){.page-footer__box--social{width:100%;margin-bottom:10px;padding-right:0}}

@media only screen and (orientation: portrait) and (max-width: 480px){.page-footer__box--social ul{text-align:center}}

@media only screen and (orientation: portrait) and (max-width: 480px){.page-footer__box--social .page-footer__feed{display:none}}

.page-footer__box--social li{float:left;width:50%}

@media only screen and (orientation: portrait) and (max-width: 480px){
	
.page-footer__box--social li{display:inline-block;float:none;width:13%}}
	
@media only screen and (orientation: portrait) and (max-width: 480px){
		
.page-footer__box--social li span{display:none}}
		
@media only screen and (orientation: portrait) and (max-width: 480px){.page-footer__box--social a:hover,.page-footer__box--social a:focus{border:0}}

.page-footer__box--social .icon{display:inline-block;width:22px}.page-footer__box--social .icon:before{position:relative;top:3px;color:#fff}

@media only screen and (orientation: portrait) and (max-width: 480px){.page-footer__box--social .page-footer__headline{display:none}}
.page-footer__box--contact{width:95px}

@media only screen and (orientation: portrait) and (max-width: 480px){.page-footer__box--contact{display:none}}

.page-footer__headline{font-family:'Montserrat', Arial, sans-serif;margin-bottom:15px;font-size:18px;font-weight:normal;line-height:1.2;text-transform:uppercase}

.page-footer__bottom{padding-top:10px;text-align:right;border-top:1px solid #fff}

@media only screen and (orientation: portrait) and (max-width: 480px){
	
.page-footer__bottom{font-size:10px;line-height:1;text-align:center;border:0}}
	
.page-footer__bottom a{font-family:'Montserrat', Arial, sans-serif;display:inline-block;text-transform:uppercase}
	
@media only screen and (orientation: portrait) and (max-width: 480px){}
	
@media only screen and (orientation: portrait) and (max-width: 480px){}

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

input[type="text"].searchbox__input::-webkit-input-placeholder{color:#000}input[type="text"].searchbox__input:-moz-placeholder{color:#000}input[type="text"].searchbox__input:-ms-input-placeholder{color:#000}

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

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

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

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

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
	text-align: center;
}

body{line-height:1}

h1,h2,h3,h4,h5,h6{
	clear: both;
	font-weight: normal;
}

a img{border:none}a:active,a:focus{outline:none}

a:focus,a:active{-moz-outline-style:none}

body,input,textarea,

.page-title span,

.pingback a.url,

h3#comments-title,h3#reply-title,

#menu,

#menu ul,

#cancel-comment-reply-link,

.form-allowed-tags,#site-info,

#wp-calendar,.comment-meta,.comment-body tr th,

.comment-body thead th,

.entry-content label,

.entry-content tr th,

.entry-content thead th,

.entry-meta,

.entry-title,

.entry-utility,

#respond label,

.navigation,.page-title,

.pingback p,.reply,

.wp-caption-text,input[type=submit],pre,code{font-family:Georgia, Times New Roman, 'Times New Roman', serif}

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

#wrapper{
	background: #fff;
	padding-top: 0;
	padding-right: 20px;
	padding-bottom: 0;
	padding-left: 20px;
}body{background:#fff}

body.header-fixed{padding-top:77px}

@media only screen and (orientation: portrait) and (max-width: 480px){body.header-fixed{padding-top:56px !important}}
body,input,textarea{color:#666;font-size:12px;line-height:18px}hr{background-color:#e7e7e7;border:0;clear:both;height:1px;margin-bottom:18px}p{
	margin-bottom: 18px;
	text-align: center;
}ul{list-style:square;margin:0 0 18px 1.5em}ol{list-style:decimal;margin:0 0 18px 1.5em}ul ul,ol ol{margin-bottom:0}a:link,a:visited{color:#000;text-decoration:none}a:hover,a:active{text-decoration:none}.is-fixed{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden;position:fixed}#menu a{font-family:'Montserrat', Arial, sans-serif;color:#000;font-size:14px;line-height:1;font-weight:normal;text-transform:uppercase}div#menu ul{list-style-type:none;margin:0;text-align:center}div#menu li{display:inline-block;margin:0 15px;padding-bottom:10px}div#menu a{color:#000;padding:0 15px;text-decoration:none}div#menu a:hover,div#menu a:focus{text-decoration:underline}div#menu a span{display:none}div#menu a span.triangle{display:inline-block;position:relative;top:-1px;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid #000;vertical-align:middle}div#menu li:hover ul{left:auto}div#menu li ul li{margin:0;width:110px;padding:0}div#menu li ul li a{display:block;line-height:30px;font-size:12px}div#menu li ul li:hover{background:#ececec}@media only screen and (orientation: portrait) and (max-width: 480px){}
@media only screen and (orientation: portrait) and (max-width: 480px){}
@media only screen and (orientation: portrait) and (max-width: 480px){}@media only screen and (orientation: portrait) and (max-width: 480px){}
#menu ul li a:hover,#advice a:hover,#kopfwer a:hover{border:0 none}#mc-embedded-subscribe-form .email::-webkit-input-placeholder{color:#888}#mc-embedded-subscribe-form .email:-moz-placeholder{color:#888}#mc-embedded-subscribe-form .email:-ms-input-placeholder{color:#888}@media only screen and (orientation: portrait) and (max-width: 480px){}
@media only screen and (orientation: portrait) and (max-width: 480px){}
#footer{margin-bottom:20px}@media only screen and (orientation: portrait) and (max-width: 480px){}@media only screen and (orientation: portrait) and (max-width: 480px){}
.header{border-bottom:1px solid #eaeaea;-webkit-transform:translateZ(2px);-moz-transform:translateZ(2px);-ms-transform:translateZ(2px);transform:translateZ(2px)}@media only screen and (orientation: portrait) and (max-width: 480px){.header{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0)}}
@media only screen and (orientation: portrait) and (max-width: 480px){.header__inner{width:100%}}
@media only screen and (orientation: portrait) and (max-width: 480px){.logo{
	float: none;
}}.logo a{display:block;width:165px;height:76px;text-indent:-99999px;background:url(file:///Macintosh%20HD/Users/bernd/Library/Application%20Support/Adobe/Dreamweaver%20CS6/de_DE/Configuration/Temp/images/logo.png) no-repeat 0 22px}.logo a:hover,.logo a:focus{border:none}@media only screen and (orientation: portrait) and (max-width: 480px){.logo a{margin:0 auto;width:82px;height:55px;background-position:0 20px;background-size:100%}}@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi), (-o-min-device-pixel-ratio: 5 / 4){.logo a{background-image:url(../images/logo@2x.png);background-size:100%}}
.btn-search{display:none}@media only screen and (orientation: portrait) and (max-width: 480px){}
div#menu{
	z-index: 99999;
	float: right;
	position: relative;
}div#menu .menu__link{display:block;height:76px;line-height:76px;padding:0 15px 0 15px}@media only screen and (orientation: portrait) and (max-width: 480px){div#menu .menu__link{height:39px;line-height:39px}}div#menu .menu-home{display:none}@media only screen and (orientation: portrait) and (max-width: 480px){div#menu .menu-home{display:block}}@media only screen and (orientation: portrait) and (max-width: 480px){}div#menu>ul>li{padding-bottom:0;margin:0 15px 0 0;display:block;float:left}div#menu>ul>li:last-child{margin-right:0}div#menu li ul{position:absolute;left:-999em;background:#fff;border:1px solid #e2e2e2;border-top:0;width:auto;border-color:#e2e2e2;margin-left:-1px}@media only screen and (orientation: portrait) and (max-width: 480px){div#menu li ul{border:0}div#menu li ul:after{content:'';display:table;clear:both}}div#menu li ul>li:last-child{border-bottom:0}div#menu>ul>li.li-lang{margin-right:285px;margin-left:-15px}div#menu>ul>li.li-lang strong{font-size:9px;font-weight:normal}div#menu>ul>li:hover{background:#fff}div#menu>ul>li>a{font-size:14px}div#menu>ul>li>ul>li>a{font-size:14px;white-space:nowrap;text-align:left;background:#fff;line-height:45px;height:45px}div#menu li ul li{width:auto;display:block;clear:both;float:none;text-align:left;line-height:45px;height:45px}@media only screen and (orientation: portrait) and (max-width: 480px){}
@media only screen and (orientation: portrait) and (max-width: 480px){body{padding-top:56px}}
#logo a{background:url(file:///Macintosh%20HD/Users/bernd/Library/Application%20Support/Adobe/Dreamweaver%20CS6/de_DE/Configuration/Temp/images/ignant.gif) no-repeat 0 0;width:79px;height:92px}.hentry{border-bottom:1px solid #b3b3b3}.hentry,#content.below-single .hentry{padding-bottom:20px;margin-bottom:20px}.single-content .hentry{border-bottom:0}#wrapper{padding:0}.home #wrapper{
	position: relative;
	width: 100%;
	z-index: 10;
	margin: auto;
	background-color: #FFF;
	-moz-opacity: 0.1;
}@media only screen and (orientation: portrait) and (max-width: 480px){}@media (min-width: 481px){}.home.header-fixed #wrapper{
	margin-top: 30%;
}@media only screen and (orientation: portrait) and (max-width: 480px){}.home.header-fixed #headthema{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden;position:fixed;top:77px}@media only screen and (orientation: portrait) and (max-width: 480px){.home.blog #headthemaLEFT {
	width: 100px;
	background-color: #C00;
}
.home.header-fixed #headthema{position:static;top:auto}}#headthema.background--light,#headthema.background--complex{color:#000}#headthema.background--dark{color:#fff}#headthema a{display:table;width:100%;height:100%;z-index:1;background-repeat:no-repeat;background-position:center center;background-size:cover}#headthema a:hover,#headthema a:focus{border:none}.headthema__inner{display:table-cell;vertical-align:middle}.headthema__cat{margin-bottom:10px;color:#bca474;font-family:Georgia, sans-serif;font-size:16px;line-height:1.2}.headthema__title{
	font-family: 'Montserrat', Arial, sans-serif;
	margin-bottom: 40px;
	color: #fff;
	font-size: 50px;
	font-weight: normal;
	line-height: 1.1
}.headthema__titleb {
	font-family: 'Montserrat', Arial, sans-serif;
	font-size: 50px;
	line-height: 1.1px;
	margin-bottom: 40px;
	color: #000;
}
.headthema__more{display:inline-block;padding:10px 27px;font-family:Georgia, sans-serif;font-size:16px;line-height:1;background:#bca474}#headthema .article,#headthema a{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}.lt-ie8 #headthema a{cursor:pointer}..entry-content{padding-top:0}@media only screen and (orientation: portrait) and (max-width: 480px){}
@media only screen and (orientation: portrait) and (max-width: 480px){}
@media only screen and (orientation: portrait) and (max-width: 480px){}
@media only screen and (orientation: portrait) and (max-width: 480px){}
@media only screen and (orientation: portrait) and (max-width: 480px){}
@media (max-width: 1200px){}
#menu-sticky-wrapper{height:43px !important}.head-ad-wrapper{padding:21px 0 20px 0}@media only screen and (orientation: portrait) and (max-width: 480px){#logo a{height:22px;width:19px;background-size:auto 100%}#logo{margin-bottom:11px}div#menu,div#kopfwer,div#headthema,div#primary,div#advice{display:none}#menu,#colophon,#branding,#main,#wrapper{width:100%;min-width:320px}div#menu{display:block;position:fixed;top:0;left:-5px;z-index:9999;width:199px;min-width:199px;max-width:199px;height:100%;background:#f5f5f5;-webkit-transform:translateX(-200px);-moz-transform:translateX(-200px);transform:translateX(-200px);-webkit-transition:250ms -webkit-transform;-moz-transition:250ms -moz-transform;transition:250ms transform}div#menu .li-home{display:block}div#menu>ul{width:199px;min-width:199px;max-width:199px;text-align:left}div#menu>ul>li{margin:0;float:none;text-align:left}div#menu>ul>li.li-lang{margin:0}div#menu>ul>li a{display:block;border-bottom:1px solid #fff !important}div#menu>ul>li:hover>a{background:#f5f5f5}div#menu>ul>li>a:hover{background:#f5f5f5}div#menu a span{display:inline-block;width:6px;height:3px;background:url(file:///Macintosh%20HD/Users/bernd/Library/Application%20Support/Adobe/Dreamweaver%20CS6/de_DE/Configuration/Temp/images/arrow-down.png) no-repeat 0 0;background-size:auto 100%;position:relative;overflow:hidden;vertical-align:middle;margin-top:-1px;margin-left:4px}div#menu a strong{display:none}div#menu>ul>li>ul{position:relative;top:auto;left:auto;clear:both;width:100%;display:none}div#menu>ul>li:hover>ul{display:block}div#menu>ul>li>ul>li{float:left;width:50%;clear:none;text-align:center;background:#fff;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;border-bottom:1px solid #f5f5f5;display:table;overflow:hidden}div#menu>ul>li>ul>li:nth-child(odd){border-right:1px solid #f5f5f5}div#menu>ul>li>ul>li:hover{background:#fff}div#menu>ul>li>ul>li a{text-align:center;white-space:normal;line-height:1.3;height:auto;background:none;display:table-cell;vertical-align:middle;font-size:9px;padding:0 10px}.header{position:fixed;top:0;left:0;width:100%;background:#fff;z-index:1000}body.admin-bar{padding-top:28px}body.admin-bar .header__inner{margin-top:39px}body.admin-bar #main{padding-top:29px}}@media only screen and (orientation: portrait) and (max-width: 480px) and (orientation: portrait) and (max-width: 480px){}
@media only screen and (orientation: portrait) and (max-width: 480px){#main,.header__inner,.page-footer__inner{-webkit-transition:250ms -webkit-transform;-moz-transition:250ms -moz-transform;transition:250ms transform}#wrapper{overflow-x:hidden}#slidera,#sliderb,#slider{height:255px !important}#slidera li,#sliderb li,#slider li{width:320px !important}}
.home.blog #wrapper #ContentLeft .Symbole5 {
	text-align: center;
}
.home.blog #wrapper #ContentRight .Symbole5 {
	text-align: center;
}
.home.blog #wrapper #Projekte #left div div div p BLA {
	text-align: left;
}
.home.blog #wrapper #Projekte #left div div div pbla {
	text-align: left;
}