/* ==========================================================================
   Font - Mier
   ========================================================================== */

@font-face {
  font-family: 'MierA Regular';
  src: url('fonts/MierA/MierA-Regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/MierA/MierA-Regular.woff') format('woff'); /* Pretty Modern Browsers */
}

@font-face {
  font-family: 'MierA Bold';
  src: url('fonts/MierA/MierA-Bold.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/MierA/MierA-Bold.woff') format('woff'); /* Pretty Modern Browsers */
}

/*
This CSS resource incorporates links to font software which is the valuable copyrighted property of Monotype and/or its suppliers. You may not attempt to copy, install, redistribute, convert, modify or reverse engineer this font software. Please contact Monotype with any questions regarding Web Fonts: http://www.fonts.com
*/

/* ==========================================================================
   Base
   ========================================================================== */

html {
width: auto !important;
overflow-x: hidden !important;
margin:0;
padding:0;
height:100%;
}

body {
width: auto !important;
font-family:'MierA Bold', 'Helvetica Neue', Helvetica, Sans-Serif, Serif;
text-rendering: optimizeLegibility;
margin:0;
padding:0;
height:100%;
color: #000;
font-size: 16px;
}

/* BEGIN - Sticky Footer */

html, body, #outer-wrap { height: 100%; }

body > #outer-wrap {height: auto; min-height: 100%;}

#inner-wrap { padding-bottom: 85px; }  /* must be same height as the footer plus extra for space*/

#footer { 
    position: relative;
	margin-top: -60px; /* negative value of footer height */
	height: 60px;
	clear:both;
} 

/* END - Sticky Footer */


.container-fluid {
padding-right: 5%;
padding-left: 5%;
}

.fullscreen {
max-width: 1200px;
margin-left: auto;
margin-right: auto;
}

.fullscreen.wrapo {
    position: relative;
    height: 100%;
}

.fullscreen.test {
	position:absolute;
   bottom:0;
   height:60px;   /* Height of the footer */
}

a {
color: #000;
text-decoration: none;
}

a:hover {
color: #000000;
text-decoration: none;
}

a:focus {
outline: none;
color: #000;
}

/* BEGIN - Stylinge of Links */
.news-title a, .download a, .stellen-single a {
	display: inline-block;
	position: relative;
	color: #000 !important;
	text-decoration: none !important;
	padding: 0 3px;
}

.download a, .stellen-single a {
	line-height: 16px;
}

.news-title a:before, .news-title a:after, .download a:before, .download a:after, .stellen-single a:before, .stellen-single a:after {
	will-change: transform;
	content: "";
	display: block;
	position: absolute;
	z-index: -1;
}

.news-title a:before, .download a:before, .stellen-single a:before {
		transition: 100ms ease-out 50ms;
		transform-origin: 0 24px;
		top: 6px;
		left: 0;
		width: 100%;
		height: 80%;
		background: #ffdd00;
}



.news-title a:hover, .download a:hover, .stellen-single a:hover {
	color: #000;
}

.news-title a:hover:before, .download a:hover:before, .stellen-single a:hover:before  {
		transition: 100ms ease-out;
		transform: scaleY(1.3);
		background: green;
		top: 6px;
		left: 0;
		width: 100%;
		height: 100%;
		background: #ffdd00;
}



.news-title a:hover:after, .download a:hover:after, .stellen-single a:hover:after {
	transition: 50ms ease-out 100ms;
	transform: none;
}

/* END - Stylinge of Links */

h1, h2, h3 {
font-family:'MierA Bold' !important;
font-weight: normal !important;
}

b, strong {
font-family:"MierA Bold";
font-weight: 400;
}

hr {
    margin: 15px 0;
    border: 0;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
}

/* ==========================================================================
   WordPress Generated Classes
   See: http://codex.wordpress.org/CSS#WordPress_Generated_Classes
   ========================================================================== */

.aligncenter { display: block; margin: 0 auto; }
.alignleft { float: left; }
.alignright { float: right; }
figure.alignnone { margin-left: 0; margin-right: 0; }

/* ==========================================================================
   Top menu
   ========================================================================== */

.navbar .btn-navbar {
display: none;
}

.navbar{
margin-right: 5%;
margin-left: 5%;
}

.navbar .nav {
float: right;
margin: 0;
}

.navbar-inner {
background-color: #fff;
background-image: none;
color: #000;
-webkit-box-shadow: 0;
-moz-box-shadow: 0;
box-shadow: 0;
border: none;
margin-top: 20px;
padding-left: 0;
padding-right: 0;
padding-bottom: 10px;
filter: none;
}

.navbar-static-top .navbar-inner { 
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}

.navbar-static-top .container {
margin-top: 20px;
margin-left: -20px;
}

.navbar .nav>.active>a, .navbar .nav>.active>a:hover, .navbar .nav>.active>a:focus {
color: #000;
text-decoration: none;
background-color: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
font-family: "MierA Bold";
}

nav.nav-main {
    margin-top: 20px;
    float: right;
}

.navbar .nav>li {
font-size: 1em;
font-weight: normal;
float: right;
}

.navbar .nav>li>a {
padding: 20px 0 20px 40px;
text-shadow: none;
opacity: 0.8;
font-family: "MierA Bold";
}

.social-media {
    float: right;
    margin-top: 18px;
    margin-left: 40px;
    margin-right: -4px;
}

.social-media img {
    width: 17px;
    height: auto;
}

.projekte h3, .wettbewerbe h3 {
line-height: 25px;
}

.content-info {
height: 20px;
}


.footer-intro {
display: none;
}

/* ==========================================================================
   Logo
   ========================================================================== */

.navbar .brand {
float: left;
margin: 11px 0 0 -55px;
padding: 0;
}

.brand img {
height: auto;
width: 200px;
}

.navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container {
width: 100%;
z-index: 1000;
margin: 0;
}

/* ==========================================================================
   Homepage - Slideshow
   ========================================================================== */

.slideshow {
margin-top: 36px;
}

#metaslider_container_8 .flexslider .caption-wrap .caption {
margin-left: 40px !important;
margin-right: 40px !important;
}

.metaslider .caption {
padding: 5px 0px !important;
}

.caption-wrap {
margin-left: -40px !important;
}

.metaslider .caption {
font-size: 1em; 
}

.metaslider .caption-wrap {
    background:#ffffff !important;
}

/* ==========================================================================
   Homepage - Infinite Scroll
   ========================================================================== */

#infscr-loading img { float: left; margin: 0 50%; padding-bottom: 20px; }

/* ==========================================================================
   Homepage - News-Items
   ========================================================================== */

.placeholder {
background: #f3f3f3;
height: auto;
}

.placeholder p {
line-height: 25px;
margin-top: 10px;
word-wrap: break-word;
}

.placeholder h1 {
margin-left: 10px;
color: #808080;
font-weight: normal;
font-size: 2.5em;
}

.placeholder-jahr {
background: #fff;
height: auto;
}

.placeholder-jahr p {
font-size: 4em;
font-family:"MierA Bold";
font-weight: normal;
margin-top: 10px;
line-height: 1em;
word-wrap: break-word;
}

/* ==========================================================================
   News - Modal-Window
   ========================================================================== */

.mb-news {
width: 100%;
background: transparent;
z-index: 11;
position: absolute;
}

.mb-title-news {
margin:5px;
}

.modal-header-news {
width: 80%;
margin-left: 5%;
}

.modal-header-news a {
text-decoration: underline;
}

.modal-header-news p {
font-size: 1em;
font-weight: normal;
line-height: 1.8em;
margin-left: 0%;
}

.modal-header-news h3 {
font-size: 1em;
margin: 0;
}

/* ==========================================================================
   News - Modal-Window - OrangeBox
   ========================================================================== */

/*
 * version: 2.0.3
 * package: OrangeBox
 * author: David Paul Hamilton - http://orangebox.davidpaulhamilton.net
 * copyright: Copyright (c) 2011 David Hamilton / DavidPaulHamilton.net All rights reserved.
 * license: GNU/GPL license: http://www.gnu.org/copyleft/gpl.html
 */
#ob_overlay {
	background-color:#333;
	display:none;
	height:100%;
	left:0;
	position:fixed;
	top:0;
	width:100%;
	z-index:100;
}
#ob_container {
	height:100%;
	left:0;
	position:absolute;
	top:0;
	width:100%;
	z-index:101;
}
#ob_float {
	float:left;
	height:50%;
	min-width:100%;
}
#ob_window {
	clear:both;
	cursor:default;
	display:none;
	position:relative;
	z-index:102;
	margin:0 auto;
	padding:0px;
}
#ob_content {
	background-color:#fff;
	border:0 solid #fff;
	height: auto !important;
}
#ob_caption {
	color:#333;
	background-color:#fff;
	position:absolute;
	bottom:15%;
	font-size:small;
	max-width:75%;
}
#ob_caption p {
	padding:0;
	margin:10px;
	cursor:text;
}
#ob_window img {
	display:block;
}
#ob_inline {
	padding:0px;
	overflow:auto;
}
#ob_load {
	-moz-border-radius:5px;
	background:url(../img/loading.gif) no-repeat center;
	background-color:#fff;
	border-radius:5px;
	height:40px;
	left:50%;
	position:fixed;
	top:50%;
	width:40px;
	z-index:103;
	margin:-25px 0 0 -25px;
	padding:5px;
}
#ob_error {
	text-align:center;
	width:250px;
	padding:10px;
}
#ob_close {
	background: url(../img/m-kreuz.png);
cursor: pointer;
height: 30px;
right: 35px;
position: relative;
float: right;
top: 40px;
width: 30px;
z-index: 1103;
background-repeat: no-repeat;
}

#ob_title {
	color:#fff;
	left:auto;
	position:absolute;
	right:22px;
	top:-2px;
	z-index:1103;
}
#ob_title h3 {
	margin:0;
	padding:0;
}
#ob_left,#ob_right {
	bottom:8px;
	cursor:pointer;
	height:100%;
	position:absolute;
	width:50px;
	z-index:1102;
}
#ob_left { left:0px; }
#ob_right { right:0px; }
#ob_left-ico,#ob_right-ico {
	cursor:pointer;
	display:block;
	height:30px;
	margin-top:-9px;
	position:absolute;
	top:90%;
	width:30px;
	z-index:1102;
}
#ob_left-ico {
background: url(../img/m-pfeil-links.png) center;
left: 30px;
background-repeat: no-repeat;
}

#ob_right-ico {
background: url(../img/m-pfeil-rechts.png) center;
right: 35px;
background-repeat: no-repeat;
}

#ob_left:hover,#ob_right:hover { visibility:visible; }
#ob_dots {
	list-style:none;
	text-align:center;
	margin:0;
	padding:0;
	width:100%;
}
#ob_dots li {
	height:8px;
	list-style:none;
	width:8px;
	margin:3px;
	-moz-border-radius:4px;
	background-color:#666;
	border-radius:4px;
	cursor:pointer;
	display: -moz-inline-stack;
	display: inline-block;
	zoom:1;
	*display:inline;
}
#ob_dots .current { background-color:#CCC!important; }
#ob_share {
	position:absolute;
	right:24px;
	top:3px;
}

/* ==========================================================================
   Projekte/News - Thumbnails
   ========================================================================== */

#noResultsContainer {
display: none;
}

.news .container, .projekte .container .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container {
width: 100%;
}

.news {
padding-top: 0px;
margin-left: -2.5%;
}

.news .thumbnails, .projekte-uebersicht .thumbnails {
margin-bottom: 0;
}

.news .thumbnail, .projekte .thumbnail, .wettbewerbe .thumbnail {
border: none;
padding: 0;
}

.projekte .thumbnail, .wettbewerbe .thumbnail {
padding-bottom: 7px;
}

.news .thumbnails>li {
width: 33.3%;
min-height: 283px;
margin-left: 0;
padding-left: 2%;
margin-bottom: 13px;
}

.thumbnail {
border: none;
box-shadow: none;
}

/* ==========================================================================
  Ueberschrift von Thumbnails
   ========================================================================== */
   
.news-title, .projekte-title, .entry-title, .sub-title {
color: #000000;
font-weight: normal;
font-size: 1em;
}

.projekte-title, .sub-title {
line-height: 1em;
padding-bottom: 10px;
}

.news-title {
line-height: 1em;
}

.news-title2, .news-title2 a {
color: #808080;
font-weight: normal;
font-size: 1..15em;
line-height: 30px;
margin-left: 10px;
margin-right: 10px;
}

.projekte-title a, .news-title2 a, .sub-title a {
text-decoration: none;
}

.news-title a {
text-decoration: underline;
}

.news-title a:hover, .projekte-title a:hover, .news-title2 a:hover, .sub-title a:hover {
text-decoration: none;
}

.news-date {
color: #000000;
font-weight: normal;
font-size: 1em;
line-height: 0;
}

.news-header, .projekte-header {
height: auto;
}

/* ==========================================================================
   Projekte
   ========================================================================== */

.projekte-uebersicht {
margin-top: 206px;
margin-left: -2.5%;
min-height: 1200px;
}

/*fix issue in firefox*/
.projekte-uebersicht .thumbnails>li {
width: 33.3%;
min-height: 283px;
margin-left: 0;
padding-left: 2%;
margin-bottom: 10px;
}

/* ==========================================================================
   Projekte - Filter
   ========================================================================== */

.filter {
margin-top: 16px;
padding-left: 0;
margin-left: 5%;
margin-right: 5%;
}

.span9 .menu-filter {
margin-left: 0;
}

.menu-filter {
display: none;
height: 200px;
position: absolute;
width: 100%;
background: #fff;
margin-top: 20px;
margin-left: 0;
}

.menu-filter-block {
margin-left: 0px;
margin-top: 74px;
margin-right: 0px;
}

.filter-back {
float: right;
}

.load-portfolio {
list-style-type: none;
margin-left: 0;
padding-top: 1px;
}

.load-portfolio li {
height: 26px;
text-decoration: none;
font-size: 1em;
padding-top: 5px;
/*padding-left: 5px;*/
margin-bottom: 1px;
width: 20%;
}

.load-portfolio li a {
height: 20px;
color: #777;
text-decoration: none;
padding-left: 0;
margin-top: -30px;
padding-right: 49%;
font-family: "MierA Bold";
}

.load-portfolio li a:hover {
color: #333;
}

.load-portfolio li.active a {
color: #000;
font-family: 'MierA Bold';
}

.all {
display: none;
float: left;
padding-right: 0px;
width: 50%;
position: relative;
padding: 10px;
}

.all img {
margin-top: -10%;
float: right;
margin-right: -100%;
display: none;
}

#Park-li, #Platz-li, #Garten-li, #Gartenschau-li, #Landschaft-li, #Masterpläne-li, #Kultur-li, #Infrastruktur-li, #Stadtraum-li, #Gewerbe-li, #Bildung-li, #Wohnumfeld-li, #Städtebau-li, #Historischer-Kontext-li, #Wettbewerbe-li, #Infrastruktur-li, #Stadt-li, #Pflege-li {
position: relative;
z-index: 1000;
}

div {position:relative;}

/*.load-portfolio li{line-height:20px;}
.load-portfolio li:nth-child(3) {margin-top:-148px;}
.load-portfolio li:nth-child(7) {margin-top:-111px;}
.load-portfolio li:nth-child(10) {margin-top:-148px;}
.load-portfolio li:nth-child(14) {margin-top:-74px;}

.load-portfolio li:nth-child(n+3){margin-left:20%;}
.load-portfolio li:nth-child(n+7){margin-left:40%;}
.load-portfolio li:nth-child(n+10){margin-left:60%;}
.load-portfolio li:nth-child(n+14){margin-left:80%;}*/

.load-portfolio li{line-height:20px;}
.load-portfolio li:nth-child(1) {margin-top:-37px;}
.load-portfolio li:nth-child(4) {margin-top:-74px;}
.load-portfolio li:nth-child(6) {margin-top:-148px;}
.load-portfolio li:nth-child(10) {margin-top:-111px;}
.load-portfolio li:nth-child(13) {margin-top:-37px;}

.load-portfolio li:nth-child(n+4){margin-left:20%;}
.load-portfolio li:nth-child(n+6){margin-left:40%;}
.load-portfolio li:nth-child(n+10){margin-left:60%;}
.load-portfolio li:nth-child(n+13){margin-left:80%;}


.projekte .load-portfolio.less-cat li{line-height:20px;}
.projekte .load-portfolio.less-cat li:nth-child(1) {margin-top:-37px;}
.projekte .load-portfolio.less-cat li:nth-child(4) {margin-top:-31px;}
.projekte .load-portfolio.less-cat li:nth-child(5) {margin-top:-127px;}
.projekte .load-portfolio.less-cat li:nth-child(6) {margin-top: 0;}
.projekte .load-portfolio.less-cat li:nth-child(9) {margin-top:-97px;}
.projekte .load-portfolio.less-cat li:nth-child(10) {margin-top:0;}
.projekte .load-portfolio.less-cat li:nth-child(12) {margin-top:-31px;}

.projekte .load-portfolio.less-cat li:nth-child(n+4){margin-left:20%;}
.projekte .load-portfolio.less-cat li:nth-child(n+5){margin-left:40%;}
.projekte .load-portfolio.less-cat li:nth-child(n+9){margin-left:60%;}
.projekte .load-portfolio.less-cat li:nth-child(n+12){margin-left:80%;}

.wettbewerbe .load-portfolio.less-cat li{line-height:20px;}
.wettbewerbe .load-portfolio.less-cat li:nth-child(1) {margin-top:0;}
.wettbewerbe .load-portfolio.less-cat li:nth-child(3) {margin-top:-65px;}
.wettbewerbe .load-portfolio.less-cat li:nth-child(4) {margin-top:0;}
.wettbewerbe .load-portfolio.less-cat li:nth-child(5) {margin-top:-128px;}
.wettbewerbe .load-portfolio.less-cat li:nth-child(6) {margin-top:0;}
.wettbewerbe .load-portfolio.less-cat li:nth-child(9) {margin-top:-95px;}
.wettbewerbe .load-portfolio.less-cat li:nth-child(10) {margin-top:0;}
.wettbewerbe .load-portfolio.less-cat li:nth-child(12) {margin-top:-34px;}

.wettbewerbe .load-portfolio.less-cat li:nth-child(n+3){margin-left:20%;}
.wettbewerbe .load-portfolio.less-cat li:nth-child(n+5){margin-left:40%;}
.wettbewerbe .load-portfolio.less-cat li:nth-child(n+9){margin-left:60%;}
.wettbewerbe .load-portfolio.less-cat li:nth-child(n+12){margin-left:80%;}

/* ==========================================================================
   Filter - Kategorie mit 2 Woertern
   ========================================================================== */

#historischerkontext img {
margin-top: -11px;
}

#historischerkontext-a {
padding-right: 0;
}

#historischerkontext-li {
line-height: 20px;
}

/* ==========================================================================
   Single page - Main image, text + Information
   ========================================================================== */

/*.wrap.container {
margin-left: 0;
width: 100%;
}*/

.post {
margin-top: 0px;
width: 100%;
padding-bottom: 36px;
}

.post-wrap {
margin-left: 60px;
margin-right: 90px;
margin-top: -13px;
}

.post-title {
width: 100%;
}

.start-image {
margin: 50px 0px;
margin-bottom: 0px;
}

.start-image img {
width:100%;
height: auto;
}

.entry-title {
font-family:"MierA Bold";
margin-top: 10px;
margin-bottom: 3px;
font-size: 1em;
}

.entry-sub-title {
font-family:"MierA Bold";
font-size: 1em;
margin-bottom: 0;
}

.wrap-main-content {
	margin-left: auto;
}

.entry-content {
margin-top: 0px;
margin-left: 60px;
}

.entry-content p {
font-size: 1em;
font-weight: normal;
line-height: 1.8em;
text-align: left !important;
margin-bottom: 0;
}

.entry-content strong {
color: #807979;
font-weight: normal;
}

.content-main {
float: right;
bottom: 0;
width: 100%;
}

.info-table {
width: 100%;
margin-top: 36px;
float: left;
font-size: 1em;
line-height: 1.6em;
font-family: 'MierA Bold';
padding-bottom: 35px;
margin-left: 60px;
}

.info-table p {
margin-bottom: 5px;
font-family: 'MierA Bold';
}

#comments {
display: none;
}

.collapseomatic {
float: right;
}

.collapseomatic_content {
margin-left: 0;
}

.info-details {
padding-right: 5.5%;
}

.info-detail {
color: #000;
}

@-moz-document url-prefix() { 
  .info-table, .more p {
  background-image: none;
  }
  
  .info-table {
  padding-bottom: 35px;
  }
  
}

.image-main {
margin: 0;
width: 100%;
}

/*.main {
width: 100%;
margin-right: 40px;
}*/

.main {
    width: 100%;
    /* margin-right: 40px; */
    margin-left: 17px !important;
}

.single-portfolio .main {
	width: 100%;
	margin-right: 0 !important;
	margin-left: 31px !important;
}

.images-portfolio {
width: 100%;
margin: 0;
background: #fff;
padding-bottom: 28px;
padding-right: 15px;
font-size: 1em;
}

.images-portfolio img {
padding-bottom: 8px;
}

/* ==========================================================================
   Single page - "Weiterlesen"
   ========================================================================== */

.more {
width: 110px;
float: left;
cursor: pointer;
}

.more p {
    background-image: none !important;
}

.more img {
float: right;
margin-top: -18px;
}

.less {
float: right;
margin-top: -22px;
cursor: pointer;
}

.extra-text {
background-size: 100% 40px;
/*height: 30px;*/
margin-top: 0;
}

/* ==========================================================================
   Wettbewerbe
   ========================================================================== */

.wettbewerbe .container-fluid.projekte-uebersicht {
	/*margin-top: 35px;*/
	margin-top: 206px;
    /*padding-right: 3.8%;
    padding-left: 4.5%;*/
}

/*.wettbewerbe .projekte-uebersicht {
    margin-top: 35px;
}*/

.wettbewerbe .projekte-uebersicht .thumbnails>li {
	min-height: 283px;
	margin-bottom: 10px;
}

.wettbewerbe .pagination-style  {
    margin-left: 3% !important;
}

/*.wettbewerbe .load-portfolio li{line-height:20px;}
.wettbewerbe .load-portfolio li:nth-child(1) {margin-top:37px;}
.wettbewerbe .load-portfolio li:nth-child(2) {margin-top:-37px;}
.wettbewerbe .load-portfolio li:nth-child(3) {margin-top:-37px;}
.wettbewerbe .load-portfolio li:nth-child(4) {margin-top:-74px;}
.wettbewerbe .load-portfolio li:nth-child(5) {margin-top:0px;}
.wettbewerbe .load-portfolio li:nth-child(6) {margin-top:-74px;}
.wettbewerbe .load-portfolio li:nth-child(7) {margin-top:-74px;}


.wettbewerbe .load-portfolio li:nth-child(n+2){margin-left:20%;}
.wettbewerbe .load-portfolio li:nth-child(n+3){margin-left:40%;}
.wettbewerbe .load-portfolio li:nth-child(n+5){margin-left:60%;}
.wettbewerbe .load-portfolio li:nth-child(n+10){margin-left:80%;}*/

/* ==========================================================================
   Stellen
   ========================================================================== */

.page-template-offene-stellen .message {
	margin-top: 60px;
	font-size: 16px;
}

.page-template-offene-stellen .message img {
    margin-top: -3px;
    margin-right: 10px;
}

.stellen-info {
	margin-top: 40px;
    padding-left: 5%;
    padding-right: 5%;
    font-size: 1em;
}

.stellen-extra-text {
	margin-top: 40px;
    margin-bottom: 40px;
}

.email-links {
    margin-top: 30px;
}

.stellen-titel {
    margin-bottom: 15px;
}

.stellen-titel-2 {
    margin-bottom: 25px;
}

.jobs p, .jobs .details {
    line-height: 1.8em;
    padding-right: 15%;
}

.stellen-single {
	padding-bottom: 0.5em;
}

.stellen-single a {
text-decoration: none;
color: #777;
}

.stellen-single a:hover {
color: #000;
}

.single-stellen .main {
    width: 100%;
    margin-right: 0 !important;
    margin-left: 34px !important;
   	margin-top: 50px;
}

.single-stellen .details {
	font-family: 'MierA Bold', sans-serif !important;
	font-size: 1em;
}

.single-stellen .entry-content {
	margin: 30px 0;
}

.single-stellen .stellen-single {
    padding-bottom: 35px;
    margin-bottom: 60px;
    margin-left: 0;
}

.single-stellen .stellen-single a {
color: #777;
}


/* ==========================================================================
  Buero
   ========================================================================== */

.buero {
padding-top: 108px;
padding-bottom: 4px;
}

.block-1, .block-2, .profil, .sub, .ausstellungen-liste, .publikationen-liste, .auszeichnungen-liste, .block-download {
margin-left: 5%;
margin-right: 5%;
padding-bottom: 36px;
}

.block-1 ul, .block-2 ul {
 margin-left: 0;
 }
 
.buero h3, .profil h3  {
color: #000000;
font-size: 1em;
padding-bottom: 0px;
padding-top: 16px;
}

.block-1 h3, .block-2 h3 {
margin-left: 0px;
padding-bottom: 16px;
font-weight: normal;
}

.ausstellungen-liste, .publikationen-liste, .auszeichnungen-liste {
padding-top: 108px;
padding-bottom: 25px;
}

.ausstellungen-liste p, .publikationen-liste p, .auszeichnungen-liste p {
padding-right: 10%;
font-size: 1em;
}


/* ==========================================================================
  Buero - Submenu
   ========================================================================== */

.span9.submenu-buero {
position: absolute;
width: 100%;
height: 60px;
z-index: 1;
margin-top: 40px;
}

.span9.submenu-buero ul {
margin-left: -30px;
width: 100%;
height: 50px;
}

.span9.submenu-buero ul li {
margin-top: 50px;
display: inline;
margin-right: 0px;
}

.span9.submenu-buero ul li a {
font-family: 'MierA Bold';
color: #777;
text-decoration: none;
padding-right: 30px;
font-size: 1em;
}

.span9.submenu-buero ul li a:hover, .span9.submenu-buero ul li a:active {
color: #333;
}

.left-item a {
color: #000 !important;
}

/* ==========================================================================
  Buero - Profil
   ========================================================================== */
 
.profil {
padding-bottom: 0px;
}

.profil p {
color: #000;
line-height: 1.8em;
font-size: 1em;
padding-right: 15%;
margin-bottom: 5px;
text-indent: 60px;
}

/*.profil p::first-line {
text-indent: 60px;
}*/

.profil b {
font-weight: normal;
color: #ccc;
}

/*.strike {
background-image: -moz-linear-gradient(top , rgba(255, 255, 255, 0) 35px, #efefef 34px, #efefef 10px);
background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0) 35px, #efefef 34px, #efefef 10px);
background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 35px, #efefef 34px, #efefef 10px);
background-repeat: repeat-y;
background-size: 100% 36px;
}*/

.download {
float: left;
z-index: 1;
width: 100%;
margin-bottom: 20px;
padding-bottom: 25px;
}

.sub {
padding-bottom: 0px;
list-style: none;
}

/* ==========================================================================
  Buero - Standorte
   ========================================================================== */

.block-1 {
margin-top: 44px;
}
 
.block-1 p {
margin: 0;
font-size: 1em;
}

.stadt {
color: #000;
padding: 15px 10px 10px 0;
font-size: 2.5em;
font-family: 'MierA Bold';
}

.address {
margin-top: 15px;
}

.text-margin {
    margin-left: 40px;
}

 #map-canvas-bern,  #map-canvas-berlin,  #map-canvas-freiburg {
width: 100%;
height: 365px;
filter: url(grayscale.svg#grayscale);
filter: gray;
-webkit-filter: grayscale(1);
-webkit-transition: all 2s;
 }
 
 #map-canvas-bern:hover,  #map-canvas-berlin:hover,  #map-canvas-freiburg:hover{
 filter: none; /* Applies to FF + IE */
-webkit-filter: grayscale(0);
-webkit-transition: all 2s;
}

.iframe-container {
    position: relative;
    overflow: hidden;
    /* padding-top: 56.25%; */
}


#map1, #map2, #map3 {
        width: 100%;
        height: 365px;
        pointer-events: none;
        position: relative;
    	z-index: 0;
    }

.attributions {
    font-size: 11px;
    margin-top: -15px;
    margin-left: 5px;
    z-index: 1;
    position: relative;
    line-height: 0.8rem;
}

.attributions a {
	color: #0078A8;
}

/* ==========================================================================
  Buero - Mitarbeiter-Quadrate
   ========================================================================== */
 
.thumbnails-mitarbeiter .bern, .thumbnails-mitarbeiter .berlin, .thumbnails-mitarbeiter .freiburg, .thumbnails-mitarbeiter .personen {
width: 180px;
height: 230px;
float: left;
list-style: none;
}

.thumbnails-mitarbeiter .bern, .thumbnails-mitarbeiter .berlin, .thumbnails-mitarbeiter .freiburg {
width: 180px;
height: 230px;
}

.thumbnails-mitarbeiter .personen, .thumbnails-mitarbeiter .berlin, .thumbnails-mitarbeiter .freiburg {
margin: 0;
/*margin-bottom: -1px;*/
}

.buero .bern h3, .buero .berlin h3, .buero .freiburg h3 {
margin: 0;
padding-top: 0;
padding-left: 10px;
font-weight: normal;
color: #fff;
}

.buero .personen h3 {
margin: 0;
padding-top: 0;
padding-left: 10px;
font-weight: normal;
}
 
.thumbnails-mitarbeiter .personen {
float: left;
margin-left: -1px;
}

.personen h3 {
padding-bottom: 0px;
}

/* ==========================================================================
  Buero - Mitarbeiter-Quadrate - Modal-Window
   ========================================================================== */

.modal-body {
padding-top: 0;
}

.modal-header p {
font-size: 1em;
font-weight: normal;
line-height: 1.8em;
width: 60%;
margin-left: 25%;
background-size: 100% 36px;
}

.modal-header h3 {
font-family:"MierA Bold";
font-size: 1em;
width: 60%;
margin-left: 25%;
}

#ob_inline .modal-body {
position: relative;
max-height: 400px;
padding-left: 20px;
overflow-y: hidden;
width: 20%;
height: auto;
float: left;
}

.modal-footer {
display: none;
}

#ob_inline .modal-header {
border-bottom: none;
}

.personen .thumbnail {
padding: 0px;
margin-top: 0px;
z-index: 10;
}

.mb {
width: 180px;
background: #fff;
opacity: 0.8;
z-index: 11;
position: absolute;
margin-top: -180px;
margin-left: 0px;
}

.mb-title {
margin:5px;
}

.mb-title a {
text-decoration: none;
font-size: 1em;
}

.mb-title a:hover {
text-decoration: none;
}

li.card {
    float: left;
    height: 230px;
    list-style: none;
}

.card-title.mb-title {
    height: 40px;
}

/*.card-text.photo {
    margin-top: -25px;
    z-index: -1;
}*/

.card-text.photo .thumbnail {
    padding: 0;
    height: 180px;
}

/* ==========================================================================
   Footer
   ========================================================================== */
 
.content-info {
height: 150px;
margin-left: 5%;
margin-right: 5%;
margin-top: 0px;
}

footer {
background: #fff;
}

.footer-info {
margin: 36px 0px 30px;
font-size: 1em;
}

.footer-info ul {
margin: 0;
}

.footer-info ul li {
display: block;
list-style-type: none;
}

#footer_content {
width: 100%
margin: 0px auto;
display: none;
margin-left: 0;
}

#footer_content .footbox {
width: 50%;
float: left;
height: 450px;
font-size: 1em;
}

.copyright, .imp, #back-top a  {
color: #000;
}

#back-top {
float: right;
margin-top: -5px;
position: relative;
z-index: 10;
}

#back-top a  {
text-decoration: none;
}

.imp {
cursor: pointer;
padding-bottom: 20px;
font-family: 'MierA Bold';
}

.full-imp {
padding-bottom: 20px;
}

.full-imp p {
line-height: 1.6em;
}

.close-imp {
float: right;
position: relative;
margin-top: -45px;
cursor: pointer;
width: 50%;
}

.emphasize {
font-family:"MierA Bold";
font-weight: bold;
}

/* ==========================================================================
   Media Queries
   ========================================================================== */

@media (max-width: 767px) {

.metaslider .caption {
padding: 5px 0px !important;
}

#metaslider_container_8 .flexslider .caption-wrap {
padding-bottom: 0px;
}

.news .span4, .projekte-uebersicht .span4 {
width: 100%;
}

}

@media (max-width: 785px) {
.news .thumbnails>li, .projekte-uebersicht .thumbnails>li {
width: 100%;
}

}


/* Used to alter styles for screens at least 1440px wide. */
@media only screen and (min-width: 1440px) {

/*.news .thumbnails>li, .projekte-uebersicht .thumbnails>li {
width: 25%;
min-height: 330px;
margin-left: 0;
padding-left: 3%;
}*/

}

/* Used to alter styles for screens at least 1280px wide. */
@media only screen and (max-width: 1280px) {
}

/* Smaller than standard 1200 (devices and browsers) */
	@media only screen and (max-width: 1200px) {

.span9.submenu-buero ul {
margin-left: -25px;
}

.post-wrap {
margin-left: 5%;
margin-right: 7%;
margin-top: -16px;
}

#urbaneräume-li {
line-height: 12px;
}

#historischerkontext img {
margin-top: -10px;
margin-right: -105px;
float: right;
}

.single-stellen .main {
    width: 98%;
    margin-left: 3% !important;
    margin-top: 35px;
}

}

/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) and (max-width: 1199.98px) {
.navbar .brand {
    margin: 11px 0 11px -40px !important;
}
}

/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) and (max-width: 991.98px) {
.navbar .brand {
    margin: 11px 0 11px -35px !important;
}	
}


/* Smaller than standard 1100 (devices and browsers) */
	@media only screen and (max-width: 1100px) {

#historischerkontext-a, #urbaneräume-a {
font-size: 0.9em;
font-weight: normal;
line-height: 12px;
padding-right: 0;
}

#produktentwicklung-a {
font-size: 0.9em;
font-weight: normal;
line-height: 12px;
}

.more {
float: left;
margin-top: 10px;
width: 100%;
}

.more img {
float: left;
margin-left: 90px;
}

}

/* Smaller than standard 1024 (devices and browsers) */
	@media only screen and (max-width: 1024px) {

.post-wrap {
margin-left: 5%;
margin-right: 7%;
margin-top: -10px;
}

#historischerkontext-li {
line-height: 20px;
}

#historischerkontext img {
margin-top: -10px;
margin-right: -95px;
}

.all img {
margin-top: -10px;
float: right;
}

}

/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {

#Gartenschau-a, #Masterpläne-a, #Infrastruktur-a, #Historischer Kontext-a {
width: 200px;
}

#Gartenschau img, #Masterpläne img, #Infrastruktur img, #Historischer Kontext img {
margin-right: 75px;
}

#historischerkontext-li, #urbaneräume-li {
line-height: 12px;
}

#historischerkontext img {
margin-top: -15px;
margin-right: -80px;
}

.all img {
margin-top: -10px;
float: right;
}
	}
	
	
/* 1023 - 1093 */
	@media only screen and (min-width: 1023px) and (max-width: 1093px) {

#historischerkontext img {
margin-top: -8px;
margin-right: -4px;
}
	}
	
/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 1023px) and (max-width: 1093px) {

#historischerkontext img {
margin-top: -10px;
margin-right: -95px;
}
	}
	
	
/* 907 - 959 */
	@media only screen and (min-width: 907px) and (max-width: 959px) {

#historischerkontext img {
margin-top: 5px;
margin-right: -80px;
}

	}

/* 769 - 959 */
	@media only screen and (min-width: 768px) and (max-width: 959px) {

.projekte-uebersicht .thumbnails>li {
width: 50%;
}

.post-wrap {
margin-left: 5%;
margin-right: 7%;
margin-top: -10px;
}

.span9.submenu-buero ul li a {
padding: 15px;
}

.all img {
margin-top: -10px;
float: right;
}

	}
	
@media only screen and (min-width: 651px) and (max-width: 768px) {
nav.nav-main {
    margin-top: 15px;
}
.social-media {
    margin-top: 13px;
}
main.main.span12 {
    margin-top: 20px;
}
}

/* 601 - 768 */
@media only screen and (min-width: 601px) and (max-width: 768px) {
#produktentwicklung img {
margin-top: -10px;
margin-right: -75px;
}
}
	

/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
	
.projekte-uebersicht {
margin-top: 580px;
}

#historischerkontext-li {
line-height: 20px;
}

.single-stellen .main {
    width: 100%;
    margin-left: 0% !important;
    margin-top: 35px;
}

	}

@media only screen and (max-width: 767px) {
	.navbar .nav>li {
    font-size: 0.9em;
	}
	.navbar .nav>li>a {
    padding: 15px;
	}
	.info-table, .entry-content {
		margin-left: 0;
	}
	.stellen-single {
    margin-left: 20px;
	}
	.metaslider .caption, .stellen-info, .news-title, .projekte-title, .entry-title, .entry-content p, .entry-sub-title, .info-table, .sub-title, .span9.submenu-buero ul li a, .text-top, .block-1 p, .mb-title a, #footer_content .footbox {
    font-size: 0.9em;
	}
}

@media only screen and (max-width: 650px) {
nav.nav-main {
    margin-top: 0;
}
ul#menu-primary-navigation {
    margin-top: 40px;
}
.social-media {
    margin-top: -45px;
    margin-left: 15px;
}
}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {

.post-wrap {
margin-left: 5%;
margin-right: 5%;
margin-top: 0;
}

.buero {
padding-top: 170px;
}

.ausstellungen-liste, .publikationen-liste, .auszeichnungen-liste {
padding-top: 210px;
}

.span9.submenu-buero {
height: 170px;
margin-top: 10px;
width: 90%;
margin-left: 5%;
margin-right: 5%;
}

.span9.submenu-buero ul {
border-bottom: none;
}

.span9.submenu-buero ul li {
margin-top: 10px;
display: block;
margin-left: -2%;
}

.block-1 h3, .block-2 h3 {
padding-bottom: 0;
}

.span9.submenu-buero ul li a {
padding: 0 25px;
}

.block-1 {
margin-top: 15px;
padding-bottom: 0;
}

.block-1 .span4 {
margin-bottom: 15px;
}

.buero h3 {
padding-top: 0px;
font-size: 1em;
}

.left-item a {
padding: 0;
}

#magic-line-sub {
display: none;
}

.navbar .nav {
float: left;
}

.navbar {
margin-right: 5%;
margin-left: 5%;
}

.navbar .brand {
margin: 0px;
}

.navbar-inner {
padding-bottom: 0;
}

#magic-line {
bottom: -1px;
}

.news-archive-header {
width: 100%;
padding-left: 0;
}

.thumbnail-archive {
width: 100%;
float: left;
}

.news-single {
border: none;
}

.news-archive-title, .news-archive-caption {
font-size: 1em;
line-height: 1em;
}

#metaslider_container_8 .flexslider {
padding-top: 20px;
}

#stadt-a {
padding-top: 0;
}

.load-portfolio li a {
margin-top: 0;
}

.load-portfolio li {
width: 100%;
float: left;
padding-left: 2%;
}

.menu-filter-block {
margin-top: 0px;
}

.filter {
margin-top: 0px;
padding-left: 0;
margin-left: 5%;
margin-right: 5%;
}

.all img {
margin-top: -25%;
z-index: 100;
}

.load-portfolio li{line-height:20px;}
.load-portfolio li:nth-child(1) {margin-top:0;}
.load-portfolio li:nth-child(4) {margin-top:0;}
.load-portfolio li:nth-child(6) {margin-top:0;}
.load-portfolio li:nth-child(10) {margin-top:0;}
.load-portfolio li:nth-child(13) {margin-top:0;}

.load-portfolio li:nth-child(n+4){margin-left:0;}
.load-portfolio li:nth-child(n+6){margin-left:0;}
.load-portfolio li:nth-child(n+10){margin-left:0;}
.load-portfolio li:nth-child(n+13){margin-left:0;}

.projekte .load-portfolio.less-cat li{line-height:20px;}
.projekte .load-portfolio.less-cat li:nth-child(1) {margin-top:10px;}
.projekte .load-portfolio.less-cat li:nth-child(4) {margin-top:0;}
.projekte .load-portfolio.less-cat li:nth-child(5) {margin-top:0;}
.projekte .load-portfolio.less-cat li:nth-child(6) {margin-top:0;}
.projekte .load-portfolio.less-cat li:nth-child(9) {margin-top:0;}
.projekte .load-portfolio.less-cat li:nth-child(10) {margin-top:0;}
.projekte .load-portfolio.less-cat li:nth-child(12) {margin-top:0;}

.projekte .load-portfolio.less-cat li:nth-child(n+4){margin-left:0;}
.projekte .load-portfolio.less-cat li:nth-child(n+5){margin-left:0;}
.projekte .load-portfolio.less-cat li:nth-child(n+9){margin-left:0;}
.projekte .load-portfolio.less-cat li:nth-child(n+12){margin-left:0;}

.wettbewerbe .load-portfolio.less-cat li{line-height:20px;}
.wettbewerbe .load-portfolio.less-cat li:nth-child(1) {margin-top:10px;}
.wettbewerbe .load-portfolio.less-cat li:nth-child(3) {margin-top:0;}
.wettbewerbe .load-portfolio.less-cat li:nth-child(4) {margin-top:0;}
.wettbewerbe .load-portfolio.less-cat li:nth-child(5) {margin-top:0;}
.wettbewerbe .load-portfolio.less-cat li:nth-child(6) {margin-top:0;}
.wettbewerbe .load-portfolio.less-cat li:nth-child(9) {margin-top:0;}
.wettbewerbe .load-portfolio.less-cat li:nth-child(10) {margin-top:0;}
.wettbewerbe .load-portfolio.less-cat li:nth-child(12) {margin-top:0;}

.wettbewerbe .load-portfolio.less-cat li:nth-child(n+3){margin-left:0;}
.wettbewerbe .load-portfolio.less-cat li:nth-child(n+5){margin-left:0;}
.wettbewerbe .load-portfolio.less-cat li:nth-child(n+9){margin-left:0;}
.wettbewerbe .load-portfolio.less-cat li:nth-child(n+12){margin-left:0;}

/*.load-portfolio li{line-height:20px;}
.load-portfolio li:nth-child(3) {margin-top:0px;}
.load-portfolio li:nth-child(7) {margin-top:0px;}
.load-portfolio li:nth-child(10) {margin-top:0px;}
.load-portfolio li:nth-child(14) {margin-top:0px;}

.load-portfolio li:nth-child(n+3){margin-left:0%;}
.load-portfolio li:nth-child(n+7){margin-left:0%;}
.load-portfolio li:nth-child(n+10){margin-left:0%;}
.load-portfolio li:nth-child(n+14){margin-left:0%;}*/

#historischerkontext img {
margin-top: -40px;
margin-right: -190px;
}

.all img {
margin-top: -40px;
float: right;
}

.more {
float: left;
width: 100%;
}

.more img {
float: left;
margin-top: -21px;
margin-left: 90px;
}

.news .thumbnail {
padding-bottom: 10px;
}

.slideshow {
margin-top: 0;
}

.start-image {
margin: 20px 0px;
}

.menu-filter {
height: 40px;
}

.profil {
display: none;
}

.sub-m li:first-child {
display: none !important;
}

.entry-content p {
padding-right: 0;
background-image: none;
line-height: 26px;
margin-top: 32px;
}

.info-table {
line-height: 25px;
padding-bottom: 32px;
}

.images-portfolio {
font-size: 0.9em;
}

.entry-title {
margin-top: 0px;
}

.info-table {
margin-top: 20px;
}

.extra-text {
height: 10px;
}

.entry-content p {
margin-top: 10px;
}

#textbox {
margin-top: 32px;
}

.more {
float: left;
}

.more img {
margin-top: -17px;
}

.less {
margin-top: 10px;
}

.less {
float: left;
}

.footer-info {
font-size: 0.9em;
}

.modal-header-news p, .modal-header-news h3, .modal-header h3, .modal-header p  {
font-size: 0.9em;
line-height: 20px;
background-image: none;
}

.modal-body {
display: none;
}

.modal-header {
padding: 0;
}

.modal-header p, .modal-header h3  {
width: 70%;
margin-left: 40px;
}

#ob_left-ico {
left: 5px;
}

#ob_right-ico {
right: 20px;
}

#ob_close {
right: 0;
top: 10px;
}

.main {
    margin-left: 0px !important;
}

.single-portfolio .main {
    margin-left: 0 !important;
}
	}

	
/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {

.navbar .nav > li > a {
    padding: 12px;
}

.post-wrap {
margin-top: 0;
}

.buero {
padding-top: 170px;
}

.ausstellungen-liste, .publikationen-liste, .auszeichnungen-liste {
padding-top: 200px;
font-family: 'MierA Bold';
}

.span9.submenu-buero {
width: 90%;
height: 170px;
margin-top: 10px;
margin-left: 5%;
margin-right: 5%;
}

.span9.submenu-buero ul {
margin-left: 0;
border-bottom: none;
}

.span9.submenu-buero ul li {
margin-top: 10px;
display: block;
}

.left-item a {
padding: 0;
}

#magic-line-sub {
display: none;
}

.news-archive-header {
width: 100%;
padding-left: 0;
}

.thumbnail-archive {
width: 100%;
float: left;
}

.news-single {
border: none;
}
	
#metaslider_container_8 .flexslider {
padding-top: 20px;
}

#metaslider_container_8 .flexslider .caption-wrap .caption {
padding-bottom: 50px;
margin-left: 40px !important;
margin-right: 0px !important;
}

.footer-info {
margin-top: 10px;
}

.navbar-static-top .container {
width: 100%;
z-index: 1008;
position: relative;
margin: 0;
}

.navbar .nav {
float: left;
margin: 0;
}

.nav-main {
margin-top: 50px;
}

.navbar .brand {
margin: 0px;
}

.navbar-inner {
padding-bottom: 0;
}

#magic-line {
bottom: -1px;
}

.all img {
margin-top: -25%;
}

#stadt-a {
padding-top: 0;
}

.load-portfolio li a {
margin-top: 0;
}

.load-portfolio li {
width: 100%;
float: left;
padding-left: 2%;
}

.menu-filter-block {
margin-top: 0px;
}

.filter {
margin-top: 0px;
padding-left: 0;
}

.load-portfolio li{line-height:20px;}
.load-portfolio li:nth-child(1) {margin-top:0;}
.load-portfolio li:nth-child(4) {margin-top:0;}
.load-portfolio li:nth-child(6) {margin-top:0;}
.load-portfolio li:nth-child(10) {margin-top:0;}
.load-portfolio li:nth-child(13) {margin-top:0;}

.load-portfolio li:nth-child(n+4){margin-left:0;}
.load-portfolio li:nth-child(n+6){margin-left:0;}
.load-portfolio li:nth-child(n+10){margin-left:0;}
.load-portfolio li:nth-child(n+13){margin-left:0;}


.projekte .load-portfolio.less-cat li{line-height:20px;}
.projekte .load-portfolio.less-cat li:nth-child(1) {margin-top:10px;}
.projekte .load-portfolio.less-cat li:nth-child(4) {margin-top:0;}
.projekte .load-portfolio.less-cat li:nth-child(5) {margin-top:0;}
.projekte .load-portfolio.less-cat li:nth-child(6) {margin-top:0;}
.projekte .load-portfolio.less-cat li:nth-child(9) {margin-top:0;}
.projekte .load-portfolio.less-cat li:nth-child(10) {margin-top:0;}
.projekte .load-portfolio.less-cat li:nth-child(12) {margin-top:0;}

.projekte .load-portfolio.less-cat li:nth-child(n+4){margin-left:0;}
.projekte .load-portfolio.less-cat li:nth-child(n+5){margin-left:0;}
.projekte .load-portfolio.less-cat li:nth-child(n+9){margin-left:0;}
.projekte .load-portfolio.less-cat li:nth-child(n+12){margin-left:0;}

.wettbewerbe .load-portfolio.less-cat li{line-height:20px;}
.wettbewerbe .load-portfolio.less-cat li:nth-child(1) {margin-top:10px;}
.wettbewerbe .load-portfolio.less-cat li:nth-child(3) {margin-top:0;}
.wettbewerbe .load-portfolio.less-cat li:nth-child(4) {margin-top:0;}
.wettbewerbe .load-portfolio.less-cat li:nth-child(5) {margin-top:0;}
.wettbewerbe .load-portfolio.less-cat li:nth-child(6) {margin-top:0;}
.wettbewerbe .load-portfolio.less-cat li:nth-child(9) {margin-top:0;}
.wettbewerbe .load-portfolio.less-cat li:nth-child(10) {margin-top:0;}
.wettbewerbe .load-portfolio.less-cat li:nth-child(12) {margin-top:0;}

.wettbewerbe .load-portfolio.less-cat li:nth-child(n+3){margin-left:0;}
.wettbewerbe .load-portfolio.less-cat li:nth-child(n+5){margin-left:0;}
.wettbewerbe .load-portfolio.less-cat li:nth-child(n+9){margin-left:0;}
.wettbewerbe .load-portfolio.less-cat li:nth-child(n+12){margin-left:0;}

/*.load-portfolio li{line-height:20px;}
.load-portfolio li:nth-child(3) {margin-top:0px;}
.load-portfolio li:nth-child(7) {margin-top:0px;}
.load-portfolio li:nth-child(10) {margin-top:0px;}
.load-portfolio li:nth-child(14) {margin-top:0px;}

.load-portfolio li:nth-child(n+3){margin-left:0%;}
.load-portfolio li:nth-child(n+7){margin-left:0%;}
.load-portfolio li:nth-child(n+10){margin-left:0%;}
.load-portfolio li:nth-child(n+14){margin-left:0%;}*/

#historischerkontext img {
margin-top: -40px;
margin-right: -95px;
}

.profil p, .entry-title, .entry-sub-title, .entry-content p, .download a {
font-size: 0.9em;
}

.buero h3, .profil h3 {
font-size: 0.9em;
}

.sub {
margin-left: -2%;
}

#historischerkontext-li {
line-height: 20px;
}

.all img {
margin-top: -40px;
float: right;
}

.profil {
display: none;
}

.sub-m li:first-child {
display: none !important;
}

.info-table {
font-size: 0.9em;
}

.entry-content p {
font-size: 0.9em;
padding-right: 0;
background-image: none;
margin-top: 32px;
}

.images-portfolio {
font-size: 0.9em;
}

.footer-info {
font-size: 0.9em;
}

.more {
float: left;
}

.more img {
margin-top: -15px;
}

.less {
margin-top: 10px;
}

.less {
float: left;
}

.block-1 h3, .block-2 h3 {
padding-bottom: 0;
}

.span9.submenu-buero ul li a {
padding: 0 25px;
}

.block-1 {
margin-top: 15px;
padding-bottom: 0;
}

.buero h3 {
padding-top: 0px;
}

.slideshow {
margin-top: 0px;
}

.modal-header-news p, .modal-header-news h3, .modal-header h3, .modal-header p  {
font-size: 0.9em;
line-height: 20px;
background-image: none;
}

#ob_close {
right: 0;
top: 10px;
}

#ob_inline .modal-body {
width: 60%;
margin-left: 20px;
}

#ob_left-ico {
left: 5px;
}

#ob_right-ico {
right: 20px;
}

.modal-header {
padding: 0;
}

.modal-header p, .modal-header h3  {
width: 70%;
margin-left: 40px;
}

.start-image {
margin: 20px 0 10px 0;
}

.entry-title {
margin-top: 0px;
}

.info-table {
margin-top: 20px;
}

.menu-filter {
display: none;
height: 50px;
}

.extra-text {
height: 10px;
}

.entry-content p {
margin-top: 10px;
}

#textbox {
margin-top: 32px;
}

.metaslider .caption {
line-height: 1.3em; 
}

.thumbnails-mitarbeiter .bern, .thumbnails-mitarbeiter .berlin, .thumbnails-mitarbeiter .freiburg {
width: 250px;
height: auto;
margin: 30px 0;
}

.thumbnails-mitarbeiter .personen,  .thumbnails-mitarbeiter .personen img {
width: 250px;
height: 250px;
}

.mb {
width: 250px;
margin-top: -250px;
}

.block-1 .span4 {
margin-bottom: 15px;
}

.modal-body {
display: none;
}

.main {
    margin-left: 0px !important;
}

.single-portfolio .main {
    margin-left: 0 !important;
}

	}
	

/* FILTER FOR MOBILE DEVICES */

.filter-back {
display: none;
}

.filter-hide {
display: none;
z-index: 2;
position: relative;
margin-top: 10px;
background: #ccc;
width: 100%;
padding-top: 10px;
}

.filter-hide a {
margin: 10px;
}

.filter-mobile {
display: none;
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 767px) {
	

.all {
display: block;
}

.filter-list {
display: none;
}

.menu-filter {
background: none;
z-index: 1;
}

.projekte-uebersicht, .wettbewerbe .container-fluid.projekte-uebersicht {
margin-top: 80px;
}

.filter-mobile {
display: block;
height: 40px;
color: #000;
text-decoration: none;
font-family: 'MierA Bold';
text-transform: uppercase;
width: 100%;
background: #ccc;
font-size: 0.75em;
border-bottom: 1px solid #fff;
padding-right: 5px;
}

.filter-mobile .all {
margin-top: 0 !important;
}

.all {
margin-top: -25px !important;
}

.all img {
margin-top: -15px !important;
}

.load-portfolio li a {
    font-size: 0.9em;
}
#historischerkontext-a, #urbaneräume-a, #produktentwicklung-a {
    font-size: 0.9em;
}

.wrap-main-content {
    margin-left: 0;
}

.address {
    margin-bottom: 40px;
}
.city {
    width: 100%;
    display: block;
}
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 370px) {
.navbar .nav>li>a {
    padding: 15px 10px;
}
.social-media {
	margin-right: 0;
}
}



@media only screen and (min-width: 767px) and (max-width: 1199px) {
.container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container {
    width: auto !important;
}
.main {
    width: 98%;
    margin-left: 2% !important;
}
}



/* ADDED 2021 */

@media (min-width: 1200px) {
.news .row-fluid .thumbnails {
    margin-left: 9px;
}
}

@media (min-width: 1200px) {
.projekte-uebersicht .row-fluid .thumbnails {
    margin-left: 9px;
}
}

.beschriftung {
    max-height: 40px;
    margin-top: 5px;
    overflow: hidden;
}

/* Large devices (desktops, 992px and up)*/
@media (min-width: 960px) and (max-width: 1199.98px) {
.projekte-uebersicht .thumbnails>li, .wettbewerbe .projekte-uebersicht .thumbnails>li {
    min-height: 290px;
    margin-bottom: 10px;
}
}

@media (min-width: 786px) and (max-width: 1199.98px) {
.news .thumbnails>li {
    min-height: 260px;
    margin-bottom: 13px;
}
}

@media (min-width: 768px) and (max-width: 991.98px) {
.projekte-uebersicht .thumbnails>li, .wettbewerbe .projekte-uebersicht .thumbnails>li {
    min-height: 250px;
}	
}

@media only screen and (max-width: 959px) and (min-width: 768px) {
.projekte-uebersicht .thumbnails>li {
    min-height: 340px !important;
}
}

@media (max-width: 785px) {
.news .thumbnails .thumbnail img {
    width: 100%;
}
}

/* Small devices (landscape phones, less than 768px)*/
@media (max-width: 767.98px) {
.projekte-uebersicht {
    margin-left: auto;
}
.projekte-uebersicht .thumbnails>li {
    margin-left: 0;
    padding-left: 0;
}
.thumbnails .thumbnail img {
    width: 100%;
}
}

/*Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {
.news .thumbnails>li {
    min-height: auto;
    margin-bottom: 5px;
}	
.projekte-uebersicht .thumbnails>li, .wettbewerbe .projekte-uebersicht .thumbnails > li {
    min-height: auto;
    margin-bottom: 10px;
}	
.news .thumbnail, .projekte .thumbnail, .wettbewerbe .projekte-uebersicht .thumbnail {
    padding-bottom: 10px !important;
}
.metaslider-8 {
    margin-bottom: 10px;
}
}