/*
Theme Name: raum-komm.at
Description: Design und Programm unterliegen urheberrechtlichem Schutz.
Author: Ulf Harr, Roman Richter, Heli Ammann
Author URI: http://www.ammann.info
Version: 1.0
*/

/* =WordPress Core
-------------------------------------------------------------- */
@charset "UTF-8";

.alignnone {
    margin: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: left;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
    width:100%;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}
*/
/* Text meant only for screen readers. */
.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
}

.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000; /* Above WP toolbar. */
}
@viewport{
    zoom: 1.0;
    width: extend-to-zoom;
}
@-ms-viewport{
    width: extend-to-zoom;
    zoom: 1.0;
}

@font-face{
        font-family:"NettoOT-bold";
        src:url("font/1379066/fbb96b5a-23fa-45fb-865c-303efdc9f4a5.eot?#iefix");
        src:url("font/1379066/fbb96b5a-23fa-45fb-865c-303efdc9f4a5.eot?#iefix") format("eot"),url("font/1379066/230a24cb-d1aa-40b3-b6ef-e7484e787482.woff2") format("woff2"),url("font/1379066/babf3181-0b40-4dde-ad4b-eaae06995fb8.woff") format("woff"),url("font/1379066/9333e505-57a7-4712-9131-913908f9bef5.ttf") format("truetype");
    }
    
@font-face{
	font-family:"NettoOT";
	src:url("font/1379090/0b4d5d81-3336-4cba-8caa-b6be75854168.eot?#iefix");
	src:url("font/1379090/0b4d5d81-3336-4cba-8caa-b6be75854168.eot?#iefix") format("eot"),url("font/1379090/196f00a9-1c06-4e8c-941a-48cc68049ec2.woff2") format("woff2"),url("font/1379090/6b28a607-4b25-4279-9f10-ee70dde33883.woff") format("woff"),url("font/1379090/f7f12519-35ce-48d1-9027-7d779c8a2dfc.ttf") format("truetype");
}

/*
@font-face {
    font-family: 'NettoOT';
    src: url('font/nettoot.eot');
    src: local('NettoOT'),
        url('font/nettoot.woff') format('woff'),
        url('font/nettoot.ttf') format('truetype'),
        url('font/nettoot.svg') format('svg');
}
@font-face {
    font-family: 'NettoOT-Bold';
    src: url('font/nettoot-bold.eot');
    src: local('NettoOT-Bold'),
        url('font/nettoot-bold.woff') format('woff'),
        url('font/nettoot-bold.ttf') format('truetype'),
        url('font/nettoot-bold.svg') format('svg');
}
*/

*, *:before, *:after {
    margin: 0;
    padding: 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
html,body {
    margin:0;
    padding:0;

    background:#FFF;
    font-family:'NettoOT';
    font-weight:normal;
    font-size:16px;
    line-height:22px;
    color:#000;
}
html {
    -webkit-font-smoothing: antialiased;
} 
body {
    position:relative;
}
strong { 
    font-family: 'NettoOT-Bold';
    font-weight:normal;
}
a {
    text-decoration:none;	
}
::selection {
    background: #F59999;
}
::-moz-selection {
    background: #F59999;
}
.slick-dots {
    display: none !important;
}
.outer-wrapper {
    width:100%;
    height:100%;
    min-height:100%;
    margin:0;
    padding:0;
    display:block;
}
.outer-wrapper.startseite {
    background: url(img/bg.jpg) no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.outer-wrapper.startseite footer {
    display:none;
}
.outer-wrapper.startseite #scroll {
    position:absolute;
	bottom:0;
	height:90px;
	font-family: 'NettoOT-Bold';
    font-weight:normal;
	font-size:18px;
	line-height:22px;
	width:40px;
	text-align:center;
	left:0;
	right:0;
	margin:auto;
}
.outer-wrapper.startseite #scroll a,
.outer-wrapper.startseite #scroll a:hover,
.outer-wrapper.startseite #scroll a:visited,
.outer-wrapper.startseite #scroll a:active {
	font-family: 'NettoOT-Bold';
    font-weight:normal;
	font-size:18px;
	line-height:22px;
	color:#E60000;
	text-decoration:none;
}
.outer-wrapper.startseite #scroll a::after {
    background: rgba(0, 0, 0, 0) url("img/arrow-sprites.png") no-repeat scroll -120px 3px;
    content: "";
    display: block;
    height: 24px;
    margin: auto;
    width: 20px;
}
#additional-outer-wrapper {
    display:none;
	padding-top:1100px;
}
#additional-outer-wrapper nav#sub-menu-wrapper .menu-hauptmenue-container ul.sub_menu_filter {
    list-style: none;
    position: relative;
    display:inline-block;
    line-height:48px;
    width:100%;
    visibility:visible;
    top:0;
}
#additional-outer-wrapper nav#sub-menu-wrapper .menu-hauptmenue-container ul {
    display:none;
}
#additional-outer-wrapper nav#sub-menu-wrapper #switch-liste-galerie {
	position:absolute;
	right:100px;
	top:18px;
}
#additional-outer-wrapper nav#sub-menu-wrapper #switch-liste-galerie a {
	display:inline-block;
}
#additional-outer-wrapper nav#sub-menu-wrapper #switch-liste-galerie a#galerie {
	pointer-events: none;
    cursor: default;
}
#additional-outer-wrapper nav#sub-menu-wrapper #switch-liste-galerie a#liste::before {
	display:inline-block;
	background: rgba(0, 0, 0, 0) url("img/projekte-sprites.png") no-repeat scroll -50px 0;
    content: "";
    float: left;
    height: 28px;
    margin: 0 0 0 0;
    width: 22px;
}
#additional-outer-wrapper nav#sub-menu-wrapper #switch-liste-galerie a#galerie::before {
	display:inline-block;
	background: rgba(0, 0, 0, 0) url("img/projekte-sprites.png") no-repeat scroll -25px 0;
    content: "";
    float: left;
    height: 28px;
    margin: 0 6px 0 0;
    width: 22px;
}
#additional-outer-wrapper {
    margin: auto;
    max-width: 1280px;
    min-height: 100%;
    position: relative;
	margin-bottom:40px;
}
#additional-outer-wrapper #top-content {
    margin: 0 80px;
}
#additional-outer-wrapper .inner-galerie-wrapper {
    width:31.6%;
	float:left;
	margin:0 2.6% 77px 0;
}
#additional-outer-wrapper .inner-galerie-wrapper:nth-of-type(3n) {
	margin:0 0 77px 0;
}
#additional-outer-wrapper .inner-galerie-wrapper:nth-of-type(3n+1) {
    clear: both;
}
#additional-outer-wrapper .inner-galerie-wrapper .inner-gal-img-wrapper {
	margin-bottom:11px;
	position:relative;
}
#additional-outer-wrapper .inner-galerie-wrapper .inner-gal-img-wrapper .kategorie-box {
	position:absolute;
	left:20px;
	top:20px;
}
#additional-outer-wrapper .inner-galerie-wrapper .inner-gal-img-wrapper .kategorie-box .bauen,
#additional-outer-wrapper .inner-galerie-wrapper .inner-gal-img-wrapper .kategorie-box .stadtentwicklung,
#additional-outer-wrapper .inner-galerie-wrapper .inner-gal-img-wrapper .kategorie-box .mobilitaet,
#additional-outer-wrapper .inner-galerie-wrapper .inner-gal-img-wrapper .kategorie-box .sonstiges {
	width:48px;
	height:48px;
	background:#FFF;
	display:inline-block;
	margin-right:2px;
}
#additional-outer-wrapper .inner-galerie-wrapper .inner-gal-img-wrapper .kategorie-box .bauen {
	background-image:url(img/kategorie-sprites.png);
	background-position:-48px 0;
	background-repeat:no-repeat;
}
#additional-outer-wrapper .inner-galerie-wrapper .inner-gal-img-wrapper .kategorie-box .stadtentwicklung {
	background-image:url(img/kategorie-sprites.png);
	background-position:0 0;
	background-repeat:no-repeat;
}
#additional-outer-wrapper .inner-galerie-wrapper .inner-gal-img-wrapper .kategorie-box .mobilitaet {
	background-image:url(img/kategorie-sprites.png);
	background-position:-96px 0;
	background-repeat:no-repeat;
}
#additional-outer-wrapper .inner-galerie-wrapper .inner-gal-img-wrapper .kategorie-box .sonstiges {
	background-image:url(img/kategorie-sprites.png);
	background-position:-144px 0;
	background-repeat:no-repeat;
}
#additional-outer-wrapper .inner-galerie-wrapper .inner-gal-txt-wrapper h2 {
	font-size:13px;
	line-height:19px;
	color:#E60000;
	text-transform:uppercase;
}
#additional-outer-wrapper .inner-galerie-wrapper .inner-gal-txt-wrapper p {
	font-size:18px;
	line-height:22px;
	color:#000;
}
#additional-outer-wrapper .inner-galerie-wrapper .inner-gal-img-wrapper figure img {
	width:100%;
	max-width:354px;
	height:auto;
}
#additional-outer-wrapper .inner-galerie-wrapper .inner-gal-img-wrapper figure {
	border:none;
	padding:0;
	margin:0;
	width:100% !important;
}
#additional-outer-wrapper .inner-galerie-wrapper .inner-gal-img-wrapper figcaption {
	display:none;
}
#additional-outer-wrapper .inner-galerie-wrapper .inner-gal-img-wrapper .alignnone {
	margin:0;
}
#additional-outer-wrapper .inner-galerie-wrapper .inner-gal-img-wrapper .wp-caption {
	padding:0;
	border:none;
}
.inner-wrapper {
    max-width:1280px;
    min-height:100%;
    position:relative;
    margin:auto;
}
header#top-header,
header#bottom-header {
    overflow:hidden;
    width:100%;
}
#logo {
    padding:25px 0 0 94px;
    position:absolute;
    z-index:999;
}
nav#menu-wrapper {
    width:100%;
    position:relative;
    height:90px;
}
nav#sub-menu-wrapper {
    width:100%;
    position:relative;
    height:48px;
}
.startseite nav#sub-menu-wrapper {
    display:none;
}
.menu-hauptmenue-mobile {
    color:#000;
    height:20px;
    vertical-align:middle;
    display:none;
    background: url(img/mobile-menu-icon.png) 0px 0px no-repeat;
    cursor:pointer;
    width:20px;
    position:absolute;
    right:40px;
    top:36px;
}
.menu-hauptmenue-mobile.close-menu {
    background: url(img/close-menu.png) 0px 0px no-repeat;
}
.menu-hauptmenue-container {
    font-family: 'NettoOT';
    font-weight:normal;
    font-size:18px;
    line-height:24px;
    position:relative;
    display:block;
    margin:0;
    padding:0;
    width:100%;
    float:right;
}
nav#sub-menu-wrapper .menu-hauptmenue-container {
    margin-bottom:35px;
}
.menu-hauptmenue-container a,
.menu-hauptmenue-container a:visited {
    font-family: 'NettoOT';
    font-weight:normal;
    font-size:18px;
    line-height:24px;
    color:#000;
    border-bottom:none;
}
.menu-hauptmenue-container a:hover,
.menu-hauptmenue-container a:active {
    font-family: 'NettoOT';
    font-weight:normal;
    font-size:18px;
    line-height:24px;
    color:#000;
    border-bottom:3px solid #E60000 !important;
}
.outer-wrapper.startseite nav#menu-wrapper .menu-hauptmenue-container ul.sub_menu_filter,
.outer-wrapper.startseite nav#sub-menu-wrapper .menu-hauptmenue-container ul.sub_menu_filter,
.outer-wrapper.kontakt nav#menu-wrapper .menu-hauptmenue-container ul.sub_menu_filter,
.outer-wrapper.profil nav#menu-wrapper .menu-hauptmenue-container ul.sub_menu_filter,
.outer-wrapper.leistungen nav#menu-wrapper .menu-hauptmenue-container ul.sub_menu_filter,
.outer-wrapper.team nav#menu-wrapper .menu-hauptmenue-container ul.sub_menu_filter,
.outer-wrapper.projektpartner nav#menu-wrapper .menu-hauptmenue-container ul.sub_menu_filter,
.outer-wrapper.projekte-einzel nav#menu-wrapper .menu-hauptmenue-container ul.sub_menu_filter,
.outer-wrapper.kontakt nav#sub-menu-wrapper .menu-hauptmenue-container ul.sub_menu_filter,
.outer-wrapper.profil nav#sub-menu-wrapper .menu-hauptmenue-container ul.sub_menu_filter,
.outer-wrapper.leistungen nav#sub-menu-wrapper .menu-hauptmenue-container ul.sub_menu_filter,
.outer-wrapper.team nav#sub-menu-wrapper .menu-hauptmenue-container ul.sub_menu_filter,
.outer-wrapper.projektpartner nav#sub-menu-wrapper .menu-hauptmenue-container ul.sub_menu_filter,
.outer-wrapper.publikationen nav#menu-wrapper .menu-hauptmenue-container ul.sub_menu_filter,
.outer-wrapper.projekte-liste nav#menu-wrapper .menu-hauptmenue-container ul.sub_menu_filter,
.outer-wrapper.projekte-galerie nav#menu-wrapper .menu-hauptmenue-container ul.sub_menu_filter,
.outer-wrapper.projekte-einzel nav#sub-menu-wrapper {
    display:none;
}
.outer-wrapper.publikationen nav#sub-menu-wrapper .menu-hauptmenue-container ul.sub_menu_filter,
.outer-wrapper.projekte-liste nav#sub-menu-wrapper .menu-hauptmenue-container ul.sub_menu_filter,
.outer-wrapper.projekte-galerie nav#sub-menu-wrapper .menu-hauptmenue-container ul.sub_menu_filter {
    list-style: none;
    position: relative;
    display:inline-block;
    line-height:48px;
    width:100%;
    visibility:visible;
    top:0;
}
.outer-wrapper.projekte-einzel #bottom-content #inner-bottom-menu-wrapper {
    margin:0 100px 0 100px;
}
.outer-wrapper.projekte-einzel #bottom-content a#uebersicht {
    margin-right:48px;
}
.outer-wrapper.projekte-einzel #bottom-content a#uebersicht,
.outer-wrapper.projekte-einzel #bottom-content a#uebersicht:hover,
.outer-wrapper.projekte-einzel #bottom-content a#uebersicht:visited,
.outer-wrapper.projekte-einzel #bottom-content a#uebersicht:active {
    color: #e60000;
    font-size: 16px;
    line-height: 22px;
}
.outer-wrapper.projekte-einzel #bottom-content a#uebersicht::before {
    background: rgba(0, 0, 0, 0) url("img/arrow-sprites.png") no-repeat scroll 0 15px;
    content: "";
    display: inline-block;
    float: left;
    height: 48px;
    margin: 0;
    width: 20px;
}
.outer-wrapper.projekte-einzel #bottom-content ul.sub_menu_filter {
    list-style: none;
    position: relative;
    display:inline-block;
    line-height:48px;
    visibility:visible;
    top:0;
    margin:0;
}
.outer-wrapper.projekte-einzel #bottom-content ul.sub_menu_filter li a,
.outer-wrapper.projekte-einzel #bottom-content ul.sub_menu_filter li a:hover,
.outer-wrapper.projekte-einzel #bottom-content ul.sub_menu_filter li a:visited,
.outer-wrapper.projekte-einzel #bottom-content ul.sub_menu_filter li a:active  {
    font-family: 'NettoOT';
    font-weight:normal;
    font-size:16px;
    line-height:19px;
    color:#000;
}
.outer-wrapper.projekte-einzel #bottom-content ul.sub_menu_filter li.current-menu-item a,
.outer-wrapper.projekte-einzel #bottom-content ul.sub_menu_filter li.current-menu-item a:hover,
.outer-wrapper.projekte-einzel #bottom-content ul.sub_menu_filter li.current-menu-item a:visited,
.outer-wrapper.projekte-einzel #bottom-content ul.sub_menu_filter li.current-menu-item a:active  {
    font-family: 'NettoOT';
    font-weight:normal;
    font-size:16px;
    line-height:19px;
    color:#E60000;
}
nav#menu-wrapper .menu-hauptmenue-container ul {
    margin-top: 20px;
    list-style: none;
    position: relative;
    display:inline-block;
    line-height:48px;
    width:100%;
    text-align:right;
    padding-right:240px;
}
nav#sub-menu-wrapper .menu-hauptmenue-container ul {
    list-style: none;
    position: relative;
    display:inline-block;
    line-height:48px;
    width:100%;
    visibility:hidden;
}
.outer-wrapper.publikationen nav#sub-menu-wrapper .menu-hauptmenue-container ul,
.outer-wrapper.projekte-liste nav#sub-menu-wrapper .menu-hauptmenue-container ul,
.outer-wrapper.projekte-galerie nav#sub-menu-wrapper .menu-hauptmenue-container ul,
.outer-wrapper.projekte-galerie nav#sub-menu-wrapper .menu-hauptmenue-container ul,
.outer-wrapper.aktuelles nav#menu-wrapper .menu-hauptmenue-container ul.sub_menu_filter {
    display:none;
}
.outer-wrapper.projekte-liste nav#sub-menu-wrapper #switch-liste-galerie,
.outer-wrapper.projekte-galerie nav#sub-menu-wrapper #switch-liste-galerie {
	position:absolute;
	right:100px;
	top:18px;
}
.outer-wrapper.projekte-liste nav#sub-menu-wrapper #switch-liste-galerie a,
.outer-wrapper.projekte-galerie nav#sub-menu-wrapper #switch-liste-galerie a {
	display:inline-block;
}
.outer-wrapper.projekte-liste nav#sub-menu-wrapper #switch-liste-galerie a#liste,
.outer-wrapper.projekte-galerie nav#sub-menu-wrapper #switch-liste-galerie a#galerie {
	pointer-events: none;
    cursor: default;
}
.outer-wrapper.projekte-liste nav#sub-menu-wrapper #switch-liste-galerie a#liste::before {
	display:inline-block;
	background: rgba(0, 0, 0, 0) url("img/projekte-sprites.png") no-repeat scroll -78px 0;
    content: "";
    float: left;
    height: 28px;
    margin: 0 0 0 0;
    width: 22px;
}
.outer-wrapper.projekte-liste nav#sub-menu-wrapper #switch-liste-galerie a#galerie::before {
	display:inline-block;
	background: rgba(0, 0, 0, 0) url("img/projekte-sprites.png") no-repeat scroll 0 0;
    content: "";
    float: left;
    height: 28px;
    margin: 0 6px 0 0;
    width: 22px;
}
.outer-wrapper.projekte-galerie nav#sub-menu-wrapper #switch-liste-galerie a#liste::before {
	display:inline-block;
	background: rgba(0, 0, 0, 0) url("img/projekte-sprites.png") no-repeat scroll -50px 0;
    content: "";
    float: left;
    height: 28px;
    margin: 0 0 0 0;
    width: 22px;
}
.outer-wrapper.projekte-galerie nav#sub-menu-wrapper #switch-liste-galerie a#galerie::before {
	display:inline-block;
	background: rgba(0, 0, 0, 0) url("img/projekte-sprites.png") no-repeat scroll -25px 0;
    content: "";
    float: left;
    height: 28px;
    margin: 0 6px 0 0;
    width: 22px;
}
nav#menu-wrapper .menu-hauptmenue-container ul ul {
    position:absolute;
    border-bottom:none;
    width:100%;
    display:none;
    padding:0 0 0 99px;
    left:0;
    top:186px;
    line-height:48px;
    font-size:16px;
    color:#000;
    text-align:left;
}
nav#sub-menu-wrapper .menu-hauptmenue-container ul ul {
    position:absolute;
    border-bottom:none;
    width:100%;
    padding:0 0 0 100px;
    left:0;
    top:0;
    line-height:48px;
    font-size:16px;
    color:#000;
    text-align:left;
}
.menu-hauptmenue-container ul li {
    display:inline-block;
    padding:0px 0px 0px 22px;
    margin:0;
}
nav#sub-menu-wrapper .menu-hauptmenue-container ul li ul li {
    visibility:visible;
}
.menu-hauptmenue-container ul li ul li {
    display:inline-block;
    padding:0;
    margin:0;
}
.menu-hauptmenue-container ul.sub_menu_filter {
    position:absolute;
    border-bottom:none;
    width:100%;
    display:inline-block;
    padding:0 0 0 99px;
    left:0;
    top:187px;
    line-height:48px;
    font-size:16px;
    color:#000;
    text-align:left;
    display:none;
}
.menu-hauptmenue-container ul.sub_menu_filter li {
    padding:0;
}
.outer-wrapper.projekte-einzel #bottom-content ul.sub_menu_filter li {
    padding:0;
    display:inline-block;
    margin-right:48px;
}
.menu-hauptmenue-container ul li.current-menu-item a,
.menu-hauptmenue-container ul li.current-menu-item a:visited,
.menu-hauptmenue-container ul li.current-menu-parent a,
.menu-hauptmenue-container ul li.current-menu-parent a:visited,
.menu-hauptmenue-container ul li.current-menu-ancestor a,
.menu-hauptmenue-container ul li.current-menu-ancestor a:visited,

.menu-hauptmenue-container ul li.current-menu-ancestor ul li.current-menu-item a,
.menu-hauptmenue-container ul li.current-menu-ancestor ul li.current-menu-item a:visited,
.menu-hauptmenue-container ul li.current-menu-parent ul li.current-menu-item a,
.menu-hauptmenue-container ul li.current-menu-parent ul li.current-menu-item a:visited,

.menu-hauptmenue-container ul li.current-menu-ancestor ul li.current-menu-item a:hover,
.menu-hauptmenue-container ul li.current-menu-ancestor ul li.current-menu-item a:active,
.menu-hauptmenue-container ul li.current-menu-parent ul li.current-menu-item a:hover,
.menu-hauptmenue-container ul li.current-menu-parent ul li.current-menu-item a:active,

.menu-hauptmenue-container ul li.current-menu-ancestor ul li a:hover,
.menu-hauptmenue-container ul li.current-menu-ancestor ul li a:active,
.menu-hauptmenue-container ul li.current-menu-parent ul li a:hover,
.menu-hauptmenue-container ul li.current-menu-parent ul li a:active,

.menu-hauptmenue-container ul li.current-menu-ancestor ul li.current-menu-ancestor a,
.menu-hauptmenue-container ul li.current-menu-ancestor ul li.current-menu-ancestor a:visited,
.menu-hauptmenue-container ul li.current-menu-parent ul li.current-menu-parent a,
.menu-hauptmenue-container ul li.current-menu-parent ul li.current-menu-parent a:visited {
    border-bottom:3px solid #E60000;
}
.menu-hauptmenue-container ul li.current-menu-item ul li a,
.menu-hauptmenue-container ul li.current-menu-item ul li a:visited,
.menu-hauptmenue-container ul li.current-menu-parent ul li a,
.menu-hauptmenue-container ul li.current-menu-parent ul li a:visited,
.menu-hauptmenue-container ul li.current-menu-ancestor ul li a,
.menu-hauptmenue-container ul li.current-menu-ancestor ul li a:visited  {
    border-bottom:none;
}
.menu-hauptmenue-container ul li a,
.menu-hauptmenue-container ul li a:hover,
.menu-hauptmenue-container ul li a:visited,
.menu-hauptmenue-container ul li a:active  {
    font-family: 'NettoOT';
    font-weight:normal;
    font-size:18px;
    line-height:22px;
    color:#000;
	padding-bottom:4px;
}
nav#sub-menu-wrapper .menu-hauptmenue-container ul li ul li a,
nav#sub-menu-wrapper .menu-hauptmenue-container ul li ul li a:hover,
nav#sub-menu-wrapper .menu-hauptmenue-container ul li ul li a:visited,
nav#sub-menu-wrapper .menu-hauptmenue-container ul li ul li a:active,
nav#sub-menu-wrapper .menu-hauptmenue-container ul.sub_menu_filter li a,
nav#sub-menu-wrapper .menu-hauptmenue-container ul.sub_menu_filter li a:hover,
nav#sub-menu-wrapper .menu-hauptmenue-container ul.sub_menu_filter li a:visited,
nav#sub-menu-wrapper .menu-hauptmenue-container ul.sub_menu_filter li a:active  {
    font-family: 'NettoOT';
    font-weight:normal;
    font-size:16px;
    line-height:19px;
    color:#000;
}
a.stadtentwicklung::before {
    content: "";
    display: block;
    background: url("img/filter-sprites.png") no-repeat 0 17px;
    width: 20px;
    height: 32px;
    float: left;
    margin: 0 6px 0 0;
}
a.bauen::before {
    content: "";
    display: block;
    background: url("img/filter-sprites.png") no-repeat -20px 17px;
    width: 20px;
    height: 32px;
    float: left;
    margin: 0 6px 0 0;
}
a.mobilitaet::before {
    content: "";
    display: block;
    background: url("img/filter-sprites.png") no-repeat -40px 17px;
    width: 20px;
    height: 32px;
    float: left;
    margin: 0 6px 0 0;
}
a.sonstiges::before {
    content: "";
    display: block;
    background: url("img/filter-sprites.png") no-repeat -60px 17px;
    width: 20px;
    height: 32px;
    float: left;
    margin: 0 6px 0 0;
}
.menu-hauptmenue-container ul li ul li a,
.menu-hauptmenue-container ul li ul li a:hover,
.menu-hauptmenue-container ul li ul li a:visited,
.menu-hauptmenue-container ul li ul li a:active  {
    font-family: 'NettoOT';
    font-weight:normal;
    font-size:16px;
    line-height:19px;
    color:#000;
}
.menu-hauptmenue-container ul li.current-menu-parent ul li.current-menu-item,
.menu-hauptmenue-container ul li.current-menu-parent ul li,
.menu-hauptmenue-container ul li.current-menu-ancestor ul li.current-menu-item,
.menu-hauptmenue-container ul li.current-menu-ancestor ul li,
.menu-hauptmenue-container ul li.current-menu-item.menu-item-has-children ul,
.menu-hauptmenue-container ul li.current-menu-item.menu-item-has-children ul li,
.menu-hauptmenue-container ul.sub_menu_filter li {
    display:inline-block;
    margin-right:48px;
}
.menu-hauptmenue-container ul li ul li {
    display:none;
}
.menu-hauptmenue-container ul li.current-menu-item ul,
.menu-hauptmenue-container ul li.current-menu-item ul li {
    display:none;
}
header#top-header #add-menu {
    line-height:48px;
    top:20px;
    right:100px;
    position:absolute;
    z-index:1000;
}
header#top-header #add-menu #basket {
    float:left;
    background:url(img/basket.png) no-repeat center;
    width:23px;
    margin-right:10px;
    text-align:center;
    color:#9D9D9C;
	position:relative;
}
header#top-header #add-menu #basket a,
header#top-header #add-menu #basket a:hover,
header#top-header #add-menu #basket a:visited,
header#top-header #add-menu #basket a:active {
	text-decoration:none;
    color:#E60000;
}
header#top-header #add-menu #basket #pop-up-blase{
    position:absolute;
	width:384px;
	background-image:url(img/bg-pop-up-blase.png);
	background-position:top;
	background-repeat:no-repeat;
	text-align:left;
	font-size:16px;
	line-height:19px;
	color:#000;
	padding:20px 12px;
	left:-291px;
	top:42px;
	display:none;
}
header#top-header #add-menu #basket #pop-up-blase #close-pop-up-blase{
    position:absolute;
	width:24px;
	height:12px;
	background-image:url(img/close-pop-up-blase.png);
	background-repeat:no-repeat;
	right:0;
	top:24px;
}
header#top-header #add-menu #basket #pop-up-blase #close-pop-up-blase:hover {
    cursor:pointer;
}
header#top-header #add-menu #basket #pop-up-blase a,
header#top-header #add-menu #basket #pop-up-blase a:visited {
    font-size:16px;
	line-height:19px;
	color:#000;
	text-decoration:underline;
}
header#top-header #add-menu #basket #pop-up-blase a:hover,
header#top-header #add-menu #basket #pop-up-blase a:active {
    font-size:16px;
	line-height:19px;
	color:#E60000;
	text-decoration:underline;
}
header#top-header #add-menu #basket.leer {
    color:#9D9D9C;
}
header#top-header #add-menu #search-wrapper {
    float:left;
    margin-right:10px;
}
header#top-header #add-menu #search-wrapper #search-icon {
    width:33px;
    height:48px;
    background:url(img/search.png) no-repeat center;
}
header#top-header #add-menu #search-icon #searchsubmit {
    border:none;
    display:none;
    text-indent:-9990px;
    width:33px;
    background:none;
}
header#top-header #add-menu #search-wrapper #search-icon #searchsubmit:hover {
    cursor:pointer;
}
header#top-header #add-menu #search-wrapper #search-icon:hover {
    background:url(img/search.png) no-repeat center;
    cursor:pointer;
}
header#top-header #add-menu #search-wrapper #search-field {
    width:546px;
    margin:0;
    display:none;
    position:absolute;
    left:-510px;
    z-index:9997;
    background:#FFF;
}
header#top-header #add-menu #search-wrapper #search-field input {
    width:100%;
    font-family:'NettoOT';
    font-weight:normal;
    font-size:16px;
    background-color:#FFF;
    padding-left:16px;
    height:42px;
    border:1px solid #CCC;
    -webkit-appearance: none; 
    -moz-appearance: none; 
}
.weiss {
    background-color: #FFF !important;
}
header#top-header #add-menu #lang {
    height:42px;
    float:left;
}
header#top-header #add-menu #lang a,
header#top-header #add-menu #lang a:visited {
    color:#000;
    text-decoration:none;
}
header#top-header #add-menu #lang a:hover,
header#top-header #add-menu #lang a:active {
    color:#E60000;
    text-decoration:none;
}
.startseite #titel,
.projekte-einzel #titel {
    display:none;
}
#titel {
    width:100%;
    text-align:center;
    margin:44px 0 35px 0;
    position:relative;
}
#titel h1 {
    font-size:40px;
    line-height:40px;
    font-family:'NettoOT';
    font-weight:normal;
}
#titel a.twitter {
    display:none;
}
.aktuelles #titel a.twitter {
    position:absolute;
    right:100px;
    top:12px;
    font-size:16px;
    line-height:22px;
    color:#E60000;
    display:block;
}

/* ---------- */
/* CONTENT */
/* ---------- */

#content {
    overflow:hidden;
}
#content::after {
    clear: both;
    content: "";
    display: block;
}

.startseite #top-content {
    font-size:58px;
    line-height:75px;
    margin:150px 0 0 0;
}
.projekte-einzel #top-content {
    font-size:16px;
    line-height:19px;
    margin:26px 100px 14px 100px;
    height:30px;
}
.projekte-einzel #top-content a,
.projekte-einzel #top-content a:hover,
.projekte-einzel #top-content a:visited,
.projekte-einzel #top-content a:active {
    font-size:16px;
    line-height:22px;
    color:#E60000;
}
.projekte-einzel #top-content a#uebersicht::before {
    content: "";
    background: url("img/arrow-sprites.png") no-repeat 0px 3px;
    width: 20px;
    height: 30px;
    margin:0;
    display:block;
    float:left;
}
.profil #top-content,
.leistungen #top-content {
    margin:0 0 32px 0;
    background:#E5E5E5;
}
.projektpartner #top-content {
    margin:0 0 32px 0;
}
.projekte-einzel #center-content {
    margin:0 80px 0 80px;
}
.projekte-einzel #left-content {
    width:100%;
    float:left;
    margin-right:-334px;
}
.projekte-einzel #left-inner-content {
    margin-right:334px;
}
.projekte-einzel #img-wrapper-resp {
    margin-right:58px;
    position:relative;
    display:none;
}
.projekte-einzel #img-wrapper-resp #inner-img-wrapper {
    position:relative;
}
.projekte-einzel #left-inner-content #img-wrapper {
    margin-right:58px;
    position:relative;
}
.projekte-einzel #left-inner-content #inner-img-wrapper {
    position:relative;
}
.projekte-einzel #left-inner-content #inner-img-wrapper #gallery-1,
.projekte-einzel #img-wrapper-resp #gallery-2 {
    position:relative;
}
.projekte-einzel #left-inner-content #inner-img-wrapper #gallery-1 .gallery-item,
.projekte-einzel #img-wrapper-resp #gallery-2 .gallery-item {
    position:absolute;
	top:0;
}
.projekte-einzel #left-inner-content #inner-img-wrapper #gallery-1 .gallery-item:first-of-type,
.projekte-einzel #img-wrapper-resp #gallery-2 .gallery-item:first-of-type {
    position:static;
}
.projekte-einzel #left-inner-content .gallery-item,
.projekte-einzel #img-wrapper-resp .gallery-item {
    width:100% !important;
    margin-bottom:30px;
}
.projekte-einzel #left-inner-content .gallery-item:first-of-type,
.projekte-einzel #img-wrapper-resp .gallery-item:first-of-type {
    width:100% !important;
    margin-bottom:30px;
	display:block;
}
.projekte-einzel #left-inner-content .gallery-item,
.projekte-einzel #img-wrapper-resp .gallery-item {
    border:none;
    max-width:100%;
    padding:0;
	text-align: left;
}
.projekte-einzel #left-inner-content .wp-caption-text {
    font-size:16px;
    line-height:19px;
    color:#4C4C4C;
    padding-left:20px;
}
.projekte-einzel #img-wrapper-resp .wp-caption-text {
    font-size:16px;
    line-height:19px;
    color:#4C4C4C;
    padding:0 20px 0 20px;
}
.projekte-einzel #left-inner-content .gallery-item img,
.projekte-einzel #img-wrapper-resp .gallery-item img {
    max-width:100%;
	width:100%;
    height:auto;
}
.projekte-einzel #left-content img {
    width:100%;
    height:auto;
}
.projekte-einzel #left-inner-content #img-wrapper #anzahl {
    background: #FFF url(img/icon-anzahl.png) center center no-repeat;
    width:48px;
    height:48px;
    position:absolute;
    top:50px;
    right:20px;
    text-align:center;
    font-size:16px;
}
.projekte-einzel #img-wrapper-resp #anzahl {
    background: #FFF url(img/icon-anzahl.png) center center no-repeat;
    width:48px;
    height:48px;
    position:absolute;
    top:50px;
    right:20px;
    text-align:center;
    font-size:16px;
}
.projekte-einzel #left-inner-content #img-wrapper #info {
    background: #FFF;
    width:353px;
    position:absolute;
    top:50px;
    left:0;
    padding:17px 20px 15px 20px;
    z-index:1;
}
.projekte-einzel #img-wrapper-resp #info {
    background: #FFF;
    width:353px;
    min-height:136px;
    position:absolute;
    top:50px;
    left:0;
    padding:20px;
    z-index:1;
}
.projekte-einzel #left-inner-content #img-wrapper #info h1 {
    font-size:24px;
    line-height:28px;
    color:#000;
    font-family: 'NettoOT-Bold';
    font-weight:normal;
}
.projekte-einzel #img-wrapper-resp #info h1 {
    font-size:24px;
    line-height:28px;
    color:#000;
    font-family: 'NettoOT-Bold';
    font-weight:normal;
}
.projekte-einzel #left-inner-content #img-wrapper #info h2 {
    font-size:13px;
    line-height:19px;
    color:#E60000;
    font-family: 'NettoOT';
    font-weight:normal;
    text-transform:uppercase;
}
.projekte-einzel #img-wrapper-resp #info h2 {
    font-size:13px;
    line-height:19px;
    color:#E60000;
    font-family: 'NettoOT';
    font-weight:normal;
    text-transform:uppercase;
}
.projekte-einzel #left-inner-content #img-wrapper #anzahl a,
.projekte-einzel #left-inner-content #img-wrapper #anzahl a:hover,
.projekte-einzel #left-inner-content #img-wrapper #anzahl a:visited,
.projekte-einzel #left-inner-content #img-wrapper #anzahl a:active {
    font-size:16px;
    color:#E60000;
}
.projekte-einzel #img-wrapper-resp #anzahl a,
.projekte-einzel #img-wrapper-resp #anzahl a:hover,
.projekte-einzel #img-wrapper-resp a:visited,
.projekte-einzel #img-wrapper-resp a:active {
    font-size:16px;
    color:#E60000;
}
.projekte-einzel #left-inner-content #img-wrapper #anzahl a {
    width:48px;
    height:48px;
    display:block;
    padding-top:13px;
}
.projekte-einzel #img-wrapper-resp #anzahl a {
    width:48px;
    height:48px;
    display:block;
    padding-top:13px;
}
.projekte-einzel #left-inner-content #txt-wrapper {
    margin-right:153px;
    height:264px;
    overflow:hidden;
    padding-left:20px;
	clear: both;
}
.projekte-einzel #left-inner-content #txt-wrapper.expand {
    height:auto;
}
.projekte-einzel #left-inner-content #txt-wrapper h1 {
    font-size:18px;
    line-height:22px;
    font-family: 'NettoOT-Bold';
    font-weight:normal;
    color:#000;
    margin-bottom:16px;
}
.projekte-einzel #left-inner-content #txt-wrapper p {
    font-size:18px;
    line-height:22px;
    font-family: 'NettoOT';
    font-weight:normal;
    color:#000;
    margin-bottom:22px;
}
.projekte-einzel #left-inner-content #txt-wrapper ol {
    font-size:18px;
    line-height:22px;
    font-family: 'NettoOT';
    font-weight:normal;
    color:#000;
    margin-bottom:22px;
	margin-top:22px;
}
.projekte-einzel #left-inner-content #txt-wrapper ol li,
.projekte-einzel #left-inner-content #txt-wrapper ul li {
    font-size:18px;
    line-height:22px;
    font-family: 'NettoOT';
    font-weight:normal;
    color:#000;
	margin-bottom:22px;
	margin-left:20px;
	padding-left:4px;
}
.projekte-einzel #left-inner-content #txt-wrapper p:last-of-type,
.projekte-einzel #left-inner-content #txt-wrapper ol:last-of-type {
    margin-bottom:0;
}
.projekte-einzel #left-inner-content #txt-wrapper p strong {
    font-size:18px;
    line-height:22px;
    font-family: 'NettoOT-Bold';
    font-weight:normal;
}
.projekte-einzel #left-inner-content #mehr-oder-weniger {
    margin:30px 153px 30px 0;
    text-align:center;
}
.projekte-einzel #left-inner-content #mehr-oder-weniger a,
.projekte-einzel #left-inner-content #mehr-oder-weniger a:hover,
.projekte-einzel #left-inner-content #mehr-oder-weniger a:visited,
.projekte-einzel #left-inner-content #mehr-oder-weniger a:active {
    font-size:16px;
    color:#E60000;
    height:48px;
}
.projekte-einzel #left-inner-content #mehr-oder-weniger a#more-or-less::after {
    background: rgba(0, 0, 0, 0) url("img/arrow-sprites.png") no-repeat scroll -120px 3px;
    content: "";
    display: block;
    height: 24px;
    margin: auto;
    width: 20px;
}
.projekte-einzel #left-inner-content #mehr-oder-weniger a#more-or-less.up-down::after {
    background:none;
}
.projekte-einzel #left-inner-content #mehr-oder-weniger #weniger {
    display:none;
}
.projekte-einzel #left-inner-content #mehr-oder-weniger a#more-or-less.up-down::before {

    background:url(img/arrow-sprites.png);
    background-repeat:no-repeat;
    background-position:-140px 3px;
    content: "";
    height: 24px;
    margin: auto;
    width: 20px;
    display:block;
}
.projekte-einzel #left-inner-content #mehr-oder-weniger a#more-or-less.up-down::after {
    background: none;
}
.projekte-einzel #right-content {
    max-width:334px;
    float:right;
    margin-top:60px;
}
.projekte-einzel #right-content #top-right-content {
    margin:0;
}
.projekte-einzel #right-content #mehr-oder-weniger-projektdaten {
    display:none;
}
.projekte-einzel #right-content #top-right-content a,
.projekte-einzel #right-content #top-right-content a:hover,
.projekte-einzel #right-content #top-right-content a:visited,
.projekte-einzel #right-content #top-right-content a:active {
    font-size:16px;
    line-height:19px;
    font-family: 'NettoOT';
    font-weight:normal;
    color:#E60000;
}
.projekte-einzel #right-content #top-right-content a.inactive {
    pointer-events: none;
    cursor: default;
    color:#CED2D7;
}
.projekte-einzel #right-content #top-right-content a.pdf,
.projekte-einzel #right-content #top-right-content a.sammlung {
    width:155px;
    display:inline-block;
    margin-bottom:26px;
}
.projekte-einzel #right-content #top-right-content a.pdf::before {
    background: rgba(0, 0, 0, 0) url("img/icon-download-pdf.png") no-repeat scroll 0px 0px;
    content: "";
    height: 24px;
    width: 27px;
    display:block;
    float:left;
}
.projekte-einzel #right-content #top-right-content a.sammlung::before {
    background: rgba(0, 0, 0, 0) url("img/sammlung-sprites.png") no-repeat scroll 0px 3px;
    content: "";
    height: 22px;
    width: 34px;
    display:block;
    float:left;
}
.projekte-einzel #right-content #top-right-content a.sammlung.inactive::before {
    background: rgba(0, 0, 0, 0) url("img/sammlung-sprites.png") no-repeat scroll -34px 3px;
    content: "";
    height: 22px;
    width: 34px;
    display:block;
    float:left;
}
.projekte-einzel #right-content h1 {
    font-size:16px;
    line-height:19px;
    font-family: 'NettoOT-Bold';
    font-weight:normal;
    color:#000;
    margin-bottom:2px;
}
.projekte-einzel #right-content p {
    font-size:18px;
    line-height:22px;
    font-family: 'NettoOT';
    font-weight:normal;
    color:#000;
    margin-bottom:22px;
}
.projekte-einzel #right-content ul {
    list-style:none;
    margin-bottom:22px;
}
.projekte-einzel #right-content ul li,
.projekte-einzel #right-content p {
    font-size:16px;
}
.projekte-einzel #right-content #projektdaten-wrapper p:first-child {
	font-size:18px;
	line-height:22px;
}
.projekte-einzel #right-content a,
.projekte-einzel #right-content a:hover,
.projekte-einzel #right-content a:visited,
.projekte-einzel #right-content a:active {
    font-size:16px;
    line-height:19px;
    font-family: 'NettoOT';
    font-weight:normal;
    color:#000;
}
.projekte-einzel #right-content ul.downloads li::before {
    background: rgba(0, 0, 0, 0) url("img/projekt-sprites.png") no-repeat scroll 0 3px;
    content: "";
    display: block;
    float: left;
    height: 22px;
    margin: 0 6px 0 0;
    width: 11px;
}
.projekte-einzel #right-content ul.team li::before {
    background: rgba(0, 0, 0, 0) url("img/projekt-sprites.png") no-repeat scroll -14px 2px;
    content: "";
    display: block;
    float: left;
    height: 22px;
    margin: 0 6px 0 0;
    width: 14px;
}
.projekte-einzel #right-content ul.auftrag-partner li::before, .projekte-einzel #right-content ul.homepage li::before {
    background: rgba(0, 0, 0, 0) url("img/projekt-sprites.png") no-repeat scroll -32px 2px;
    content: "";
    display: block;
    float: left;
    height: 22px;
    margin: 0 6px 0 0;
    width: 10px;
}
.projekte-einzel #right-content ul li::before {
    background: rgba(0, 0, 0, 0) url("img/projekt-sprites.png") no-repeat scroll -45px 2px;
    content: "";
    display: block;
    float: left;
    height: 22px;
    margin: 0 6px 0 0;
    width: 12px;
}
.projekte-einzel #bottom-content {
    background: #E5E5E5;
    height:auto;
    padding-top:40px;
}
.projekte-einzel #bottom-content #outer-bottom-wrapper {
    margin:23px 80px 53px 80px;
    overflow:hidden;
}
.projekte-einzel #bottom-content .inner-bottom-wrapper {
    width:31.6%;
    float:left;
    margin-right:2.6%;
}
.projekte-einzel #bottom-content .inner-bottom-wrapper:last-of-type {
    margin-right:0;
}
.projekte-einzel #bottom-content .inner-bottom-img-wrapper {
    width:100%;
}
.projekte-einzel #bottom-content .inner-bottom-img-wrapper img {
    width:100%;
    height:auto;
}
.projekte-einzel #bottom-content .inner-bottom-txt-wrapper {
    padding:0 20px 0 20px;
}
.projekte-einzel #bottom-content .inner-bottom-wrapper .inner-bottom-txt-wrapper h2 {
    color:#E60000;
    font-size:13px;
    line-height:19px;
    margin-top:10px;
}
.projekte-einzel #bottom-content .inner-bottom-txt-wrapper p {
    color:000;
    font-size:18px;
    line-height:22px;
}
.projekte-einzel #bottom-content h1 {
    font-family:'NettoOT-Bold';
    font-weight:normal;
    font-size:24px;
    line-height:30px;
    color:#000;
    margin:0 100px 0 100px;
}
button.overlay-left::before {
    background: rgba(0, 0, 0, 0) url("img/arrow-sprites-large.png") no-repeat scroll 0px 0px;
    content: "";
    display: block;
    float: left;
    height: 38px;
    width: 21px;
}
button.overlay-right::after {
    background: rgba(0, 0, 0, 0) url("img/arrow-sprites-large.png") no-repeat scroll -24px 0px;
    content: "";
    display: block;
    float: left;
    height: 38px;
    width: 21px;
}
.team #top-content {
    margin:0 80px 0px 80px;
}
.team #top-content .top-content-inner {
    margin:12px 20px 0px 20px;
}
.profil #top-content .top-content-inner,
.leistungen #top-content .top-content-inner {
    margin:0 100px 0 100px;
}
.team #top-content .top-content-inner {
    -webkit-column-count:4;
    -moz-column-count:4;
    column-count:4;
    -webkit-column-gap:70px;
    -moz-column-gap:70px;
    column-gap: 70px;
    -webkit-column-width:217px;
    column-width:217px;
}
.team #top-content .top-content-inner a {
    display:block;
}
.team #top-content .top-content-inner a,
.team #top-content .top-content-inner a:visited {
    font-family:'NettoOT';
    font-weight:normal;
    font-size:16px;
    line-height:19px;
    color:#E60000;
}
.team #top-content .top-content-inner a:hover,
.team #top-content .top-content-inner a:active {
    font-family:'NettoOT';
    font-weight:normal;
    font-size:16px;
    line-height:19px;
    color:#E60000;
}
.team #top-content img {
    width:100%;
}
.team #left-content .img-txt-wrapper {
    float: left;
    margin-top:40px;
    width:75%;
}
.team #left-content .img-wrapper {
    float: left;
    margin: 5px 0 25px 0;
}
.team #left-content .img-wrapper img {
    display: block;
    height: auto;
    margin: 0;
    max-width: 257px;
}
.team #left-content article {
    border-top: 1px solid #dde0e3;
    margin:0 0 40px 0;
    width: 100%;
    position:relative;
}
.team #left-content article::after {
    clear: both;
    content: "";
    display: block;
}
.team #left-content article ul {
    display:block;
}
.team #left-content article ul li {
    margin-left:16px;
	color:#000;
    font-size:18px;
    line-height:24px;
}
.team #left-content article ul li a,
.team #left-content article ul li a:hover,
.team #left-content article ul li a:visited,
.team #left-content article ul li a:active {
    text-decoration:none;
	font-size:18px;
	line-height:22px;
	color:#E60000;
}
.team #left-content .txt-wrapper {
    margin: 22px 0 40px 404px;
}
.team #center-content {
    margin: 0 100px;
}
.team #left-content {
    width:100%;
    margin-top:50px;
}
.team #left-content .sidebar {
    width:218px;
    margin-top:63px;
    float:right;
}
.team #left-content .sidebar h1 {
    font-size:16px;
    line-height:19px;
    font-family:'NettoOT-Bold';
    font-weight:normal;
    margin-top:19px;
	margin-bottom:4px;
}
.team #left-content .txt-wrapper {
    margin: 0 0 40px 307px;
}
.team #left-content h1 {
    font-size:24px;
    line-height:30px;
    font-family: 'NettoOT-Bold';
    font-weight:normal;
    margin:0 0 10px 0;
    padding:0;
}
.projektpartner #top-content h1 {
    font-size:24px;
    line-height:30px;
    font-family: 'NettoOT-Bold';
    font-weight:normal;
    margin:0 100px 0 100px;
    padding:0;
}
.projektpartner #top-content section {
    font-size:24px;
    line-height:30px;
    font-family: 'NettoOT';
    font-weight:normal;
    margin:0 0 0 0;
    padding:20px 0 20px 0;
    background:#e5e5e5;
}
.projektpartner #top-content section.filter {
    margin:0;
    padding:0;
    background:none;
}
.projektpartner #top-content .top-content-inner section.filter ul {
    list-style:none;
    display:block;
    margin:40px 100px 0 100px;
}
.projektpartner #top-content .top-content-inner section.filter ul li {
    list-style:none;
    display:inline-block;
    margin:0 48px 0 0;
    line-height:48px;
}
.projektpartner #top-content .top-content-inner section.filter ul li:last-child {
    margin:0;
}
.projektpartner #top-content .top-content-inner section.filter ul li a,
.projektpartner #top-content .top-content-inner section.filter ul li a:visited {
    font-size:16px;
    line-height:19px;
    text-decoration:none;
    color:#000;
    border:none;
}
.projektpartner #top-content .top-content-inner section.filter ul li a:hover,
.projektpartner #top-content .top-content-inner section.filter ul li a:active,
.projektpartner #top-content .top-content-inner section.filter ul li.current-menu-item a {
    font-size:16px;
    line-height:19px;
    text-decoration:none;
    color:#000;
    border-bottom: 3px solid #e60000;
}
.projektpartner #top-content .top-content-inner section.filter ul li a.stadtentwicklung::before {
    content: "";
    display: block;
    background: url("img/filter-sprites.png") no-repeat 0 20px;
    width: 20px;
    height: 34px;
    float: left;
    margin: 0 6px 0 0;
}
.projektpartner #top-content .top-content-inner section.filter ul li a.bauen::before {
    content: "";
    display: block;
    background: url("img/filter-sprites.png") no-repeat -20px 20px;
    width: 20px;
    height: 35px;
    float: left;
    margin: 0 6px 0 0;
}
.projektpartner #top-content .top-content-inner section.filter ul li a.mobilitaet::before {
    content: "";
    display: block;
    background: url("img/filter-sprites.png") no-repeat -40px 20px;
    width: 20px;
    height: 34px;
    float: left;
    margin: 0 6px 0 0;
}
.projektpartner #top-content .top-content-inner section.filter ul li a.sonstiges::before {
    content: "";
    display: block;
    background: url("img/filter-sprites.png") no-repeat -60px 20px;
    width: 20px;
    height: 34px;
    float: left;
    margin: 0 6px 0 0;
}
.projektpartner #center-content #left-content {
    margin-bottom:40px;
}
.projektpartner #center-content #left-content .left-inner-content {
    margin:0 100px 0 100px;
    border-top:1px solid #9c9c9c;
}
.projektpartner #center-content #left-content .left-inner-content .left-inner-left-content,
.projektpartner #center-content #left-content .left-inner-content .left-inner-right-content {
    display:inline-block;
}
.projektpartner #center-content #left-content .left-inner-content .left-inner-left-content,
.projektpartner #center-content #left-content .left-inner-content .left-inner-left-content a,
.projektpartner #center-content #left-content .left-inner-content .left-inner-left-content a:visited {
    font-size:18px;
    line-height:22px;
    text-decoration:none;
    color:#000;
}
.projektpartner #center-content #left-content .left-inner-content .left-inner-left-content a:hover,
.projektpartner #center-content #left-content .left-inner-content .left-inner-left-content a:active {
    font-size:18px;
    line-height:22px;
    text-decoration:none;
    color:#E60000;
}
.projektpartner #center-content #left-content .left-inner-content .left-inner-right-content a,
.projektpartner #center-content #left-content .left-inner-content .left-inner-right-content a:hover,
.projektpartner #center-content #left-content .left-inner-content .left-inner-right-content a:visited,
.projektpartner #center-content #left-content .left-inner-content .left-inner-right-content a:active {
    font-size:16px;
    line-height:19px;
    text-decoration:none;
    color:#E60000;
}

.projektpartner #center-content #left-content .left-inner-content .left-inner-right-content a::before {
    background: rgba(0, 0, 0, 0) url("img/arrow-sprites.png") no-repeat scroll -20px 2px;
    content: "";
    display: block;
    float: left;
    height: 30px;
    margin: 0;
    width: 20px;
}
.projektpartner #center-content #left-content .left-inner-content .left-inner-left-content {
    padding:15px 0 15px 0;
}
.projektpartner #center-content #left-content .left-inner-content .left-inner-right-content {
    float:right;
    padding:16px 193px 0 0;
}
.team #left-content a,
.team #left-content a:hover,
.team #left-content a:visited,
.team #left-content a:active {
    text-decoration:none;
    color:#000;
    font-size:18px;
    line-height:22px;
    display:block;
}
.team #left-content a.email,
.team #left-content a.email:hover,
.team #left-content a.email:visited,
.team #left-content a.email:active,
.team #left-content a.tel,
.team #left-content a.tel:hover,
.team #left-content a.tel:visited,
.team #left-content a.tell:active {
    text-decoration:none;
    color:#000;
    font-size:16px;
    line-height:19px;
    display:block;
	min-height:24px;
}
.team #left-content .sidebar a,
.team #left-content .sidebar a:hover,
.team #left-content .sidebar a:visited,
.team #left-content .sidebar a:active {
    text-decoration:none;
    color:#000;
    font-size:16px;
    line-height:19px;
    display:block;
}
.team #left-content .sidebar a.lebenslauf,
.team #left-content .sidebar a.lebenslauf:hover,
.team #left-content .sidebar a.lebenslauf:visited,
.team #left-content .sidebar a.lebenslauf:active,
.team #left-content .sidebar a.kontakt,
.team #left-content .sidebar a.kontakt:hover,
.team #left-content .sidebar a.kontakt:visited,
.team #left-content .sidebar a.kontakt:active {
	height:22px;
}
.team #left-content .sidebar a.lebenslauf::before {
    background: rgba(0, 0, 0, 0) url("img/icon-download.png") no-repeat scroll 2px 5px;
    content: "";
    display: block;
    float: left;
    height: 22px;
    margin: 0 7px 0 0;
    width: 13px;
}
.team #left-content .sidebar a.kontakt::before {
    background: rgba(0, 0, 0, 0) url("img/icon-kontakt.png") no-repeat scroll 0 5px;
    content: "";
    display: block;
    float: left;
    height: 22px;
    margin: 0 6px 0 0;
    width: 14px;
}
.team #left-content .sidebar ul {
    list-style:none;
	display:block;
	margin-top:0;
}
.team #left-content .sidebar li {
    background: rgba(0, 0, 0, 0) url("img/icon-projekte.png") no-repeat scroll 0 7px;
    content: "";
    display: inline-block;
    line-height: 22px;
    margin: 0;
    padding-left: 22px;
}
.team #left-content .txt-wrapper a.email::before {
    background: rgba(0, 0, 0, 0) url("img/icon-mail.png") no-repeat scroll 0 5px;
    content: "";
    display: block;
    float: left;
    height: 22px;
    margin: 0 10px 0 0;
    width: 17px;
}
.team #left-content .txt-wrapper a.tel::before {
    background: rgba(0, 0, 0, 0) url("img/icon-tel.png") no-repeat scroll 0 3px;
    content: "";
    display: block;
    float: left;
    height: 23px;
    margin: 0 10px 0 0;
    width: 17px;
}
.team #left-content p {
    font-size:18px;
    line-height:22px;
    margin-top:22px;
}
.profil #top-content .top-content-inner a,
.profil #top-content .top-content-inner a:hover,
.profil #top-content .top-content-inner a:visited,
.profil #top-content .top-content-inner a:active,
.leistungen #top-content .top-content-inner a,
.leistungen #top-content .top-content-inner a:hover,
.leistungen #top-content .top-content-inner a:visited,
.leistungen #top-content .top-content-inner a:active {
    text-decoration:none;
    color:#E60000;
    font-size:18px;
    line-height:22px;
}
.profil #top-content .top-content-inner .arbeitsfelder-wrapper,
.leistungen #top-content .top-content-inner .arbeitsfelder-wrapper {
    margin:0;
}
.profil #top-content .top-content-inner .arbeitsfelder,
.leistungen #top-content .top-content-inner .arbeitsfelder {
    width:33.3%;
    float:left;
    text-align:center;
    margin-bottom:53px;
}
.profil #top-content .top-content-inner .arbeitsfelder img,
.leistungen #top-content .top-content-inner .arbeitsfelder img {
    width:75px;
    height:75px;
    display:block;
    margin:auto;
	margin-bottom:40px;
}
.profil #top-content h1,
.leistungen #top-content h1 {
    font-size:24px;
    line-height:30px;
    font-family: 'NettoOT-Bold';
    font-weight:normal;
    margin:0 0 59px 0;
    padding-top:23px;
}
.profil #top-content::after,
.leistungen #top-content::after,
.projektpartner #top-content::after {
    content: '';
    display: block;
    clear: both;
}
.startseite #top-content a {
    border-bottom:2px solid #808080;
    color:#000;
}
.startseite #top-content a:hover {
    border-bottom:2px solid #808080;
    color:#E60000;
}
.startseite #left-content,
.startseite #right-content,
.startseite #bottom-content,
.kontakt #top-content,
.publikationen #center-content,
.publikationen #bottom-content,
.projekte-liste #center-content,
.projekte-liste #bottom-content,
.projekte-galerie #center-content,
.projekte-galerie #bottom-content,
.aktuelles #left-content,
.aktuelles #right-content,
.profil #bottom-content,
.leistungen #right-content,
.leistungen #bottom-content,
.team #right-content,
.team #bottom-content,
.projektpartner #right-content,
.projektpartner #bottom-content {
    display:none;
}
.startseite #content {
    font-size:16px;
    line-height:22px;
    padding:0 175px 0 100px;
    margin:0;
}
.kontakt #content {
    font-size:16px;
    line-height:22px;
    padding:0 80px 0 80px;
    marginp:0;
}
.profil #content,
.leistungen #content {
    font-size:16px;
    line-height:22px;
    padding:0;
    marginp:0;
}
.profil #center-content,
.leistungen #center-content {
    padding:0 80px 0 80px;
}
#center-content::after {
    content: '';
    display: block;
    clear: both;
}
.kontakt #left-content,
.kontakt #right-content {
    width:525px;
    font-family:'NettoOT';
    font-weight:normal;
    font-size:16px;
    line-height:22px;
    color:#000;
    margin-bottom:48px;
}
.profil #left-content,
.profil #right-content {
    font-family:'NettoOT';
    font-weight:normal;
    font-size:16px;
    line-height:22px;
    color:#000;
    margin-bottom:48px;
}
.profil #left-content {
    width:698px;
}
.leistungen #left-content {
    width:100%;
}
.kontakt #left-content {
    margin-right:10px;
    float:left;
    padding-left:20px;
}
.profil #left-content {
    margin-right:50px;
    float:left;
    padding-left:20px;
}
.profil #left-content p,
.profil #right-content p {
    margin-bottom:22px;
}
.kontakt #left-content h1,
.kontakt #right-content h1,
.profil #left-content h1,
.profil #right-content h1 {
    font-family:'NettoOT-Bold';
    font-weight:normal;
    font-size:18px;
    line-height:22px;
    color:#000;
    margin-bottom:16px;
}
.kontakt #left-content p {
    margin-bottom:22px;
}
.leistungen #left-content h1,
.leistungen #left-content blockquote h1 {
    font-family:'NettoOT-Bold';
    font-weight:normal;
    font-size:24px;
    line-height:28px;
    color:#000;
    margin:16px 0 16px 20px;
}
.leistungen #left-content blockquote h1 {
	float:none;
}
.leistungen #left-content h1 {
	float:left;
}
.leistungen #left-content ul {
    display:block;
    margin:0 0 10px 35px;
}
.leistungen #left-content p,
.leistungen #left-content ul li {
    font-family:'NettoOT';
    font-weight:normal;
    font-size:16px;
    line-height:22px;
    color:#000;
}
.leistungen #left-content p {
    margin-left:20px;
	margin-right:20px;
}
.leistungen #left-content p > img{
    margin-left:40px;
	margin-right:40px;
}
.leistungen #left-content figure {
    width:100% !important;
}
.leistungen #left-content .wp-caption {
    border:none;
    max-width:100%;
    padding:0;
}
.leistungen #left-content figcaption {
    display:none;
}
.leistungen #left-content img {
    width:100%;
    height:auto;
}
.leistungen #left-content strong {
    font-family:'NettoOT-Bold';
    font-weight:normal;
}
.kontakt #left-content a,
.kontakt #right-content a,
.kontakt #left-content a:visited,
.kontakt #right-content a:visited,
.profil #left-content a,
.profil #left-content a:visited {
    font-family:'NettoOT';
    font-weight:normal;
    font-size:16px;
    line-height:19px;
    color:#E60000;
}
.leistungen #left-content a,
.leistungen #left-content a:visited {
    font-family:'NettoOT';
    font-weight:normal;
    font-size:16px;
    line-height:19px;
    color:#E60000;
    display:block;
}
.leistungen #left-content a::before {
    background: rgba(0, 0, 0, 0) url("img/arrow-sprites.png") no-repeat scroll -20px 0px;
    content: "";
    display: block;
    float: left;
    height: 30px;
    margin-left:-4px;
    width: 20px;
}
.leistungen #left-content a::after {
    clear: both;
    content: "";
    display: block;
    margin-bottom:53px;
}
.leistungen #left-content .inner-left-content-wrapper {
    float:left;
	width:100%;
}
.leistungen #left-content .inner-left-content {
    margin-right:333px;
}
.leistungen #left-content .inner-left-content p,
.leistungen #left-content .inner-left-content h2,
.leistungen #left-content .inner-left-content h3,
.leistungen #left-content .inner-left-content h4,
.leistungen #left-content .inner-left-content h5,
.leistungen #left-content .inner-left-content h6 {
    margin-left:20px;
}
.leistungen #left-content .inner-left-content p a {
    margin-left:0;
}
.leistungen #left-content blockquote {
    display:block;
    float:right;
	width:313px;
	margin-left:-313px;
}
.leistungen #left-content blockquote::after {
    content: '';
    display: block;
    clear: both;
}
.leistungen #left-content blockquote p {
    display:block;
	margin-left:20px;
}
.leistungen #left-content blockquote h1 {
    font-family:'NettoOT-Bold';
    font-weight:normal;
    font-size:16px;
    line-height:19px;
    color:#000;
}
.leistungen #left-content blockquote a::before {
    background: rgba(0, 0, 0, 0) url("img/icon-download.png") no-repeat scroll 0 3px;
    content: "";
    display: block;
    float: left;
    height: 22px;
    margin: 0 6px 0 0;
    width: 11px;
}
.kontakt #left-content a:hover,
.kontakt #right-content a:hover,
.kontakt #left-content a:active,
.kontakt #right-content a:active,
.profil #left-content a:hover,
.profil #left-content a:active,
.leistungen #left-content a:hover,
.leistungen #left-content a:active {
    font-family:'NettoOT';
    font-weight:normal;
    font-size:16px;
    line-height:19px;
    color:#E60000;
}
.leistungen #left-content blockquote a,
.leistungen #left-content blockquote a:visited {
    font-family:'NettoOT';
    font-weight:normal;
    font-size:16px;
    line-height:19px;
    color:#000;
}
.leistungen #left-content blockquote a:hover,
.leistungen #left-content blockquote a:active {
    font-family:'NettoOT';
    font-weight:normal;
    font-size:16px;
    line-height:19px;
    color:#000;
}
.profil #right-content ul li a,
.profil #right-content ul li a:visited {
    font-family:'NettoOT';
    font-weight:normal;
    font-size:16px;
    line-height:19px;
    color:#000;
	margin-left:20px;
	margin-bottom:5px;
	display:block;
}
.profil #right-content ul li a:hover,
.profil #right-content ul li a:active {
    font-family:'NettoOT';
    font-weight:normal;
    font-size:16px;
    line-height:19px;
    color:#000;
	margin-left:20px;
	margin-bottom:5px;
	display:block;
}
.profil #right-content ul {
    list-style:none;
}
.profil #right-content ul li {
    display:table;
}
.profil #right-content ul li:before {
    background: rgba(0, 0, 0, 0) url("img/icon-download.png") no-repeat scroll 0 3px;
    content: "";
    display: block;
    float: left;
    height: 22px;
    margin: 0 6px 0 0;
    width: 11px;
}
.kontakt #left-content figure,
.kontakt #right-content figure,
.profil #left-content figure,
.leistungen #left-content figure {
    border:none;
    padding:0;
}
.kontakt #left-content .alignnone,
.kontakt #right-content .alignnone,
.profil #left-content .alignnone {
    margin:0;
}
.leistungen #left-content .alignnone {
    margin:0 0 18px 0;
}
.kontakt #left-content .wp-caption-text,
.kontakt #right-content .wp-caption-text,
.profil #left-content .wp-caption-text,
.leistungen #left-content .wp-caption-text {
    display:none;
}
.kontakt #left-content img,
.kontakt #right-content img,
.profil #left-content img,
.leistungen #left-content img {
    max-width:100%;
	height:auto;
}
.kontakt #right-content {
    float:left;
    padding-left:40px;
}
.profil #right-content {
    float:none;
    padding-left:40px;
}
.kontakt #bottom-content {
    padding-top:25px;
}
.kontakt #bottom-content #map {
    width:100%;
    overflow:hidden;
    height:400px;
    margin-bottom:24px;
}
.kontakt #bottom-content #map iframe {
    width:100%;
}
a.twitter::before {
    content: "";
    display: block;
    background: url("img/twitter.png") no-repeat 0 4px;
    width: 26px;
    height: 22px;
    float: left;
    margin: 0 6px 0 0;
}
.outer-wrapper.publikationen table,
.outer-wrapper.publikationen th,
.outer-wrapper.publikationen td {
    border:none;
}
.outer-wrapper.projekte-liste table,
.outer-wrapper.projekte-liste th,
.outer-wrapper.projekte-liste td {
    border:none;
}
.outer-wrapper.projekte-liste table {
    table-layout:fixed;
}
.outer-wrapper.projekte-liste td {
    word-wrap:break-word;
}
.outer-wrapper.publikationen table,
.outer-wrapper.projekte-liste table {
    border-spacing:0;
    max-width:1080px;
    margin:0 100px 70px 100px;
}
.outer-wrapper.publikationen th,
.outer-wrapper.publikationen td {
    text-align:left;
    min-height:30px;
    vertical-align:top;
    padding:15px 0 15px 0;
}
.outer-wrapper.projekte-liste th,
.outer-wrapper.projekte-liste td {
    text-align:left;
    min-height:30px;
    vertical-align:top;
    padding:10px 0 5px 0;
}
.outer-wrapper.projekte-galerie #top-content {
    margin:0 80px 0 80px;
}
.outer-wrapper.projekte-galerie .inner-galerie-wrapper {
    width:31.6%;
	float:left;
	margin:0 2.6% 52px 0;
}
.outer-wrapper.projekte-galerie .inner-galerie-wrapper:hover {
    background:#e7e8eb;
	cursor:pointer;
}
.outer-wrapper.projekte-galerie .inner-galerie-wrapper:nth-of-type(3n) {
	margin:0 0 77px 0;
}
.outer-wrapper.projekte-galerie .inner-galerie-wrapper:nth-of-type(3n+1) {
    clear: both;
}
.outer-wrapper.projekte-galerie .inner-galerie-wrapper .inner-gal-txt-wrapper {
	padding:0 20px 24px 20px;
}
.outer-wrapper.projekte-galerie .inner-galerie-wrapper .inner-gal-img-wrapper {
	margin-bottom:11px;
	position:relative;
}
.outer-wrapper.projekte-galerie .inner-galerie-wrapper .inner-gal-img-wrapper .kategorie-box {
	position:absolute;
	left:20px;
	top:20px;
}
.outer-wrapper.projekte-galerie .inner-galerie-wrapper .inner-gal-img-wrapper .kategorie-box .bauen,
.outer-wrapper.projekte-galerie .inner-galerie-wrapper .inner-gal-img-wrapper .kategorie-box .stadtentwicklung,
.outer-wrapper.projekte-galerie .inner-galerie-wrapper .inner-gal-img-wrapper .kategorie-box .mobilitaet,
.outer-wrapper.projekte-galerie .inner-galerie-wrapper .inner-gal-img-wrapper .kategorie-box .sonstiges {
	width:48px;
	height:48px;
	background:#FFF;
	display:inline-block;
	margin-right:2px;
}
.outer-wrapper.projekte-galerie .inner-galerie-wrapper .inner-gal-img-wrapper .kategorie-box .bauen {
	background-image:url(img/kategorie-sprites.png);
	background-position:-48px 0;
	background-repeat:no-repeat;
}
.outer-wrapper.projekte-galerie .inner-galerie-wrapper .inner-gal-img-wrapper .kategorie-box .stadtentwicklung {
	background-image:url(img/kategorie-sprites.png);
	background-position:0 0;
	background-repeat:no-repeat;
}
.outer-wrapper.projekte-galerie .inner-galerie-wrapper .inner-gal-img-wrapper .kategorie-box .mobilitaet {
	background-image:url(img/kategorie-sprites.png);
	background-position:-96px 0;
	background-repeat:no-repeat;
}
.outer-wrapper.projekte-galerie .inner-galerie-wrapper .inner-gal-img-wrapper .kategorie-box .sonstiges {
	background-image:url(img/kategorie-sprites.png);
	background-position:-144px 0;
	background-repeat:no-repeat;
}
.outer-wrapper.projekte-galerie .inner-galerie-wrapper .inner-gal-txt-wrapper h2 {
	font-size:13px;
	line-height:19px;
	color:#E60000;
	text-transform:uppercase;
}
.outer-wrapper.projekte-galerie .inner-galerie-wrapper .inner-gal-txt-wrapper p {
	font-size:18px;
	line-height:22px;
	color:#000;
}
.outer-wrapper.projekte-galerie .inner-galerie-wrapper .inner-gal-img-wrapper figure img {
	width:100%;
	max-width:354px;
	height:auto;
}
.outer-wrapper.projekte-galerie .inner-galerie-wrapper .inner-gal-img-wrapper figure {
	border:none;
	padding:0;
	margin:0;
	width:100% !important;
}
.outer-wrapper.projekte-galerie .inner-galerie-wrapper .inner-gal-img-wrapper figcaption {
	display:none;
}
.outer-wrapper.projekte-galerie .inner-galerie-wrapper .inner-gal-img-wrapper .alignnone {
	margin:0;
}
.outer-wrapper.projekte-galerie .inner-galerie-wrapper .inner-gal-img-wrapper .wp-caption {
	padding:0;
	border:none;
}
.outer-wrapper.publikationen td:nth-child(1),
.outer-wrapper.publikationen th:nth-child(1) {
    width:47px;
}
.outer-wrapper.publikationen td:nth-child(2),
.outer-wrapper.publikationen th:nth-child(2) {
    width:746px;
    padding-right:40px;
}
.outer-wrapper.publikationen td:nth-child(3),
.outer-wrapper.publikationen th:nth-child(3) {
    width:136px;
}
.outer-wrapper.publikationen td:nth-child(4),
.outer-wrapper.publikationen th:nth-child(4) {
    width:123px;
}
.outer-wrapper.projekte-liste td:nth-child(1),
.outer-wrapper.projekte-liste th:nth-child(1) {
    width:80px;
}
.outer-wrapper.projekte-liste td:nth-child(2),
.outer-wrapper.projekte-liste th:nth-child(2) {
    padding-right:40px;
	padding-left:10px;
	width:554px;
}
.outer-wrapper.projekte-liste td:nth-child(3),
.outer-wrapper.projekte-liste th:nth-child(3) {
    width:135px;
	padding-right:7px;
}
.outer-wrapper.projekte-liste td:nth-child(4),
.outer-wrapper.projekte-liste th:nth-child(4) {
    width:135px;
	padding-right:7px;
}
.outer-wrapper.projekte-liste td:nth-child(5),
.outer-wrapper.projekte-liste th:nth-child(5) {
    width:135px;
	padding-right:7px;
}
.outer-wrapper.publikationen td,
.outer-wrapper.projekte-liste td {
    border-top:1px solid #ccc;
}
.outer-wrapper.publikationen td img {
    max-width:100%;
    height:auto;
    padding-right:8px;
	width:100%;
}
.outer-wrapper.projekte-liste td img {
    max-width:100%;
    height:auto;
}
.outer-wrapper.publikationen th,
.outer-wrapper.projekte-liste th {
    font-size:13px;
    line-height:19px;
    text-transform:uppercase;
}
.outer-wrapper.publikationen td h1,
.outer-wrapper.projekte-liste td h1 {
    font-size:18px;
    line-height:22px;
	font-family:'NettoOT';
    font-weight:normal;
}
.outer-wrapper.projekte-liste td a h1,
.outer-wrapper.projekte-liste td a:hover h1,
.outer-wrapper.projekte-liste td a:visited h1,
.outer-wrapper.projekte-liste td a:active h1,
.outer-wrapper.publikationen td h1 a,
.outer-wrapper.publikationen td h1 a:hover,
.outer-wrapper.publikationen td h1 a:visited,
.outer-wrapper.publikationen td h1 a:active {
    font-size:18px;
    line-height:22px;
	font-family:'NettoOT';
    font-weight:normal;
	color:#000;
}
.outer-wrapper.publikationen td h2 {
    font-size:14px;
    line-height:22px;
    color:#8e8e8d;
    text-transform:uppercase;
    margin-bottom:14px;
	font-family:'NettoOT';
    font-weight:normal;
}
.outer-wrapper.projekte-liste td h2 {
    font-size:14px;
    line-height:22px;
    color:#8e8e8d;
	font-family:'NettoOT';
    font-weight:normal;
}
.outer-wrapper.publikationen td, td p {
    font-size:16px;
    line-height:22px;
}
.aktuelles #top-content {
    margin:0 100px 0 100px;
}
.aktuelles #top-content article {
    width:100%;
    margin:0;
    border-top:1px solid #DDE0E3;
}
.aktuelles #top-content article::after {
    content: '';
    display: block;
    clear: both;
}
.aktuelles #top-content .img-wrapper {
    margin:22px 0 22px 0;
    float:left;
}
.aktuelles #top-content .img-wrapper img {
    max-width:354px;
    height:auto;
    margin:0;
    display:block;
}
.aktuelles #top-content .txt-wrapper {
    margin:22px 0 40px 404px;
}
.aktuelles #top-content .txt-wrapper h1 {
    font-size:24px;
    line-height:28px;
    color:#000;
    margin-bottom:18px;
}
.outer-wrapper.aktuelles #top-content .txt-wrapper h2 {
    font-size:14px;
    line-height:22px;
    color:#7F7F7F;
}
.aktuelles #top-content .txt-wrapper p {
    font-size:16px;
    line-height:22px;
    color:#000;
}
.aktuelles #top-content .txt-wrapper a,
.aktuelles #top-content .txt-wrapper a:visited {
    text-decoration:underline;
    color:#000;
}
.aktuelles #top-content .txt-wrapper a:hover,
.aktuelles #top-content .txt-wrapper a:active {
    text-decoration:underline;
    color:#F60000;
}
.aktuelles #bottom-content {
    height:30px;
    margin:18px 100px 42px 100px;
    color:#7F7F7F;
}
.aktuelles #bottom-content .old,
.aktuelles #bottom-content .new {
    display:block;
}
.aktuelles #bottom-content .old {
    float:right;
}
.aktuelles #bottom-content .new {
    float:left;
}
.aktuelles #bottom-content .new a,
.aktuelles #bottom-content .new a:visited,
.aktuelles #bottom-content .old a,
.aktuelles #bottom-content .old a:visited {
    font-size:16px;
    line-height:19px;
    color:#F60000;
}
.aktuelles #bottom-content .new a::before {
    content: "";
    background: url("img/arrow-sprites.png") no-repeat 0px 3px;
    width: 20px;
    height: 30px;
    margin:0;
    display:block;
    float:left;
}
.aktuelles #bottom-content .old a::after {
    content: "";
    background: url("img/arrow-sprites.png") no-repeat -20px 3px;
    width: 20px;
    height: 30px;
    margin:0;
    display:block;
    float:right;
}
.aktuelles #bottom-content .new a.inactive::before {
    content: "";
    background: url("img/arrow-sprites.png") no-repeat -40px 3px;
    width: 20px;
    height: 30px;
    margin:0;
    display:block;
    float:left;
}
.aktuelles #bottom-content .old a.inactive::after {
    content: "";
    background: url("img/arrow-sprites.png") no-repeat -60px 3px;
    width: 20px;
    height: 30px;
    margin:0;
    display:block;
    float:right;
}
.aktuelles #bottom-content .old a.inactive,
.aktuelles #bottom-content .new a.inactive {
    pointer-events: none;
    cursor: default;
    color:#7F7F7F;
}

/* ---------- */
/* FOOTER */
/* ---------- */

footer {
    width:100%;
    background:#FFF;
    color:#000;
    height:51px;
    position:relative;
    bottom:0;
    border-top:1px solid #e8e8e8;
}
footer ul {
    list-style:none;
    margin:0 100px 0 100px;
    padding:0;
}
footer ul li {
    display:inline-block;
    margin:16px 0 0 0;
}
footer ul li:last-child {
    float:right;
}
footer ul li a,
footer ul li a:visited {
    text-decoration:none;
    color:#000;
}
footer ul li a:hover,
footer ul li a:active {
    text-decoration:none;
    color:#E60000;
}

/* ---------- */
/* RESPONSIVE */
/* ---------- */

@media screen and (max-width: 1280px) {
    .kontakt #left-content,
    .kontakt #right-content {
        width: 420px;
    }
    .startseite #top-content {
        margin: 50px 0 0;
    }
    .team #left-content .img-txt-wrapper {
        width: 72%;
    }
}
@media screen and (min-width: 1260px) {
    .startseite #top-content {
        font-size:58px;
        line-height:75px;
    }
}
@media screen and (max-width: 1100px) {
    #logo {
        padding: 25px 0 0 35px;
    }
    nav#menu-wrapper .menu-hauptmenue-container ul {
        padding-right: 160px;
    }
    nav#sub-menu-wrapper .menu-hauptmenue-container ul ul,
    .menu-hauptmenue-container ul.sub_menu_filter {
        padding: 0 0 0 40px;
    }
    .startseite #content {
        padding: 0 20px 0 20px;
    }
	.profil #center-content,
	.leistungen #center-content {
    padding: 0 40px;
	}
	.leistungen #left-content blockquote h1 {
    margin-left:20px;
}
    .kontakt #content,
    .profil #content,
    .leistungen #content {
        padding: 0;
    }
    .projekte-einzel #center-content {
        margin: 0 20px;
    }
    .projekte-einzel #top-content {
        margin: 26px 40px 14px;
    }
    .profil #top-content .top-content-inner,
    .leistungen #top-content .top-content-inner {
        margin: 0 40px;
    }
    .projekte-einzel #bottom-content h1 {
        margin: 0 40px;
    }
    .projekte-einzel #bottom-content #outer-bottom-wrapper {
        margin: 23px 40px 53px 40px;
    }
    .outer-wrapper.projekte-einzel #bottom-content #inner-bottom-menu-wrapper {
        margin:0 60px 0 60px;
    }
    .outer-wrapper.publikationen table {
        margin:0 40px 0 40px;
    }
	.outer-wrapper.projekte-liste table {
        margin:0 40px 0 40px;
    }
	#additional-outer-wrapper #top-content {
    margin: 0 20px;
}
#additional-outer-wrapper nav#sub-menu-wrapper #switch-liste-galerie {
	right:40px;
}
	.outer-wrapper.projekte-galerie #top-content {
    margin: 0 20px 0 20px;
	}
    footer ul {
        margin: 0 40px 0 40px;
    }
    .kontakt #center-content,
    .profil #center-content,
    .leistungen #center-content {
        padding-left: 0px;
    }
    header#top-header #add-menu {
        right: 40px;
    }
    .kontakt #left-content,
    .profil #left-content {
        padding-left: 40px;
    }
    .profil #right-content {
        margin-right: 0;
    }
    .aktuelles #top-content {
        margin: 0 40px 0 40px;
    }
    .leistungen #left-content h1 {
        margin: 16px 0 16px 40px;
    }
	.leistungen #left-content p {
    margin-left: 40px;
    margin-right: 40px;
}
.leistungen #left-content .inner-left-content p,
.leistungen #left-content .inner-left-content h2,
.leistungen #left-content .inner-left-content h3,
.leistungen #left-content .inner-left-content h4,
.leistungen #left-content .inner-left-content h5,
.leistungen #left-content .inner-left-content h6 {
    margin-left:40px
}
    .leistungen #left-content .alignnone {
        padding:0 20px 0 20px;
    }
    .leistungen #center-content {
        width:100%;
        padding:0;
    }
    .leistungen #left-content ul {
        margin: 0 0 10px 55px;
    }
    .team #top-content {
        margin: 0 20px;
    }
    .team #center-content {
        margin: 0 40px;
    }
    .team #left-content .sidebar {
        width: 203px;
    }
    .aktuelles #titel a.twitter {
        right: 30px;
    }
    .projektpartner #top-content .top-content-inner section.filter ul {
        margin: 40px 40px 0;
    }
    .projektpartner #center-content #left-content .left-inner-content {
        margin: 0 40px;
    }
	.outer-wrapper.projekte-liste td:nth-child(2) {
    	padding-right: 40px;
	}
	.outer-wrapper.projekte-liste nav#sub-menu-wrapper #switch-liste-galerie,
	.outer-wrapper.projekte-galerie nav#sub-menu-wrapper #switch-liste-galerie {
		right:40px;
	}
}
@media screen and (max-width: 960px) {
    nav#menu-wrapper .menu-hauptmenue-mobile {
        display: block;
        top:28px;
    }
    nav#menu-wrapper .menu-hauptmenue-container ul {
        padding-right: 0px;
    }
    nav#menu-wrapper .menu-hauptmenue-container {
        display: none;
    }
    nav#menu-wrapper {
        border-bottom:1px solid #9d9d9c;
        height: 71px;
    }
    .outer-wrapper.startseite {
        height:auto;
    }
    .outer-wrapper.projekte-einzel #bottom-content ul.sub_menu_filter li {
        margin-right: 28px;
    }
    .outer-wrapper.projekte-einzel #bottom-content a#uebersicht {
        margin-right: 28px;
    }
	.startseite #top-content {
    font-size: 50px;
    line-height: 65px;
}
    .kontakt #left-content,
    .kontakt #right-content {
        width: 324px;
        max-width:100%;
    }
    .profil #left-content {
        width: 445px;
        max-width:100%;
    }
    .team #left-content .img-txt-wrapper {
        width: 65%;
        margin-top:0;
    }
    .team #left-content {
        margin-top: 20px;
    }
    .team #left-content .txt-wrapper {
        margin: 28px 20px 0px 0px;
    }
    .team #left-content .sidebar {
        margin-top: 50px;
    }
    .team #left-content .txt-wrapper p:first-of-type {
        margin-top:50px;
    }
    .team #left-content .img-wrapper {
        float: left;
        margin: 35px 0 0 0;
    }
    .team #left-content .img-wrapper img {
        margin: 0 10px 0 0;
        max-width: 105px;
    }
	.team #left-content article txt-wrapper a.email {
        margin-bottom:12px;
    }
    .team #top-content .top-content-inner {
        -webkit-column-count: 3; 
        -moz-column-count:3;
        column-count:3;
        -webkit-column-gap:40px;
        -moz-column-gap:40px;
        column-gap: 40px;
        -moz-column-width: 202px;
        -webkit-column-width:202px;
        column-width:202px;
    }
    .team #top-content .top-content-inner {
        margin: 6px 20px 0;
    }
    .team #top-content .top-content-inner a,
    .team #top-content .top-content-inner a:visited {
        line-height: 40px;
    }
    .team #top-content .top-content-inner a:hover,
    .team #top-content .top-content-inner a:active {
        line-height: 40px;
    }
    .team #left-content .sidebar a,
    .team #left-content .sidebar a:hover,
    .team #left-content .sidebar a:visited,
    .team #left-content .sidebar a:active {
        margin-bottom: 12px;
    }
    .outer-wrapper.projekte-einzel #bottom-content #inner-bottom-menu-wrapper {
        margin:0 40px 0 40px;
    }
    .outer-wrapper.projekte-einzel #bottom-content ul.sub_menu_filter li:last-child {
        margin-right: 0;
    }
	.outer-wrapper.projekte-galerie .inner-galerie-wrapper:nth-of-type(2n+1),
	#additional-outer-wrapper #top-content .inner-galerie-wrapper:nth-of-type(2n+1) {
    clear: both;
	}
	.outer-wrapper.projekte-galerie .inner-galerie-wrapper:nth-of-type(3n+1),
	#additional-outer-wrapper #top-content .inner-galerie-wrapper:nth-of-type(3n+1) {
    clear: none;
	}
	.outer-wrapper.projekte-galerie .inner-galerie-wrapper:nth-of-type(3n),
	#additional-outer-wrapper #top-content .inner-galerie-wrapper:nth-of-type(3n) {
    margin: 0 4% 77px 0;
	}
	.outer-wrapper.projekte-galerie .inner-galerie-wrapper:nth-of-type(2n),
	#additional-outer-wrapper #top-content .inner-galerie-wrapper:nth-of-type(2n) {
    margin: 0 0 77px 0;
	}
	.outer-wrapper.projekte-galerie .inner-galerie-wrapper,
	#additional-outer-wrapper #top-content .inner-galerie-wrapper {
	margin-right:4%;
	}
	.outer-wrapper.projekte-galerie .inner-galerie-wrapper,
	#additional-outer-wrapper #top-content .inner-galerie-wrapper {
    width: 48%;
	}
	.outer-wrapper.projekte-galerie .inner-galerie-wrapper .inner-gal-img-wrapper figure img,
	#additional-outer-wrapper #top-content .inner-galerie-wrapper .inner-gal-img-wrapper figure img {
    max-width: 100%;
	}
    .projekte-einzel #bottom-content #outer-bottom-wrapper {
        margin: 23px 20px 53px 20px;
    }
    .projekte-einzel #bottom-content {
        height: auto;
    }
    .projekte-einzel #img-wrapper-resp {
        display:block;
        margin:15px 0 0 0;
    }
    .projekte-einzel #left-inner-content #img-wrapper {
        display:none;
    }
    .projekte-einzel #top-content {
        height: auto;
    }
    .projekte-einzel #left-content {
        margin-right: -282px;
        width: 100%;
    }
    .projekte-einzel #left-inner-content {
        margin-right: 282px;
    }
    .projekte-einzel #right-content {
        margin-top:0;
        max-width: 282px;
    }
    .projekte-einzel #img-wrapper-resp .wp-caption img {
        width: 100%;
		height:auto;
    }
    .projekte-einzel #left-inner-content #txt-wrapper {
        height: 355px;
        margin-right: 40px;
    }
    .projekte-einzel #left-inner-content #mehr-oder-weniger {
        margin: 30px 40px 0 0;
    }
    .projekte-einzel #top-content {
        margin: 26px 20px 0 20px;
    }
    .projekte-einzel #inner-top-content {
        margin-left:20px;
    }
.projekte-einzel #right-content #projektdaten-wrapper {
	height: 355px;
	overflow:hidden;
}
    .projekte-einzel #right-content #mehr-oder-weniger-projektdaten {
        margin: 30px 0 30px 0;
        text-align:center;
        display:block;
    }
    .projekte-einzel #right-content #mehr-oder-weniger-projektdaten a#more-or-less-projektdaten::after {
        background: rgba(0, 0, 0, 0) url("img/arrow-sprites.png") no-repeat scroll -120px 3px;
        content: "";
        display: block;
        height: 24px;
        margin: auto;
        width: 20px;
    }
    .projekte-einzel #right-content #mehr-oder-weniger-projektdaten a,
    .projekte-einzel #right-content #mehr-oder-weniger-projektdaten a:hover,
    .projekte-einzel #right-content #mehr-oder-weniger-projektdaten a:visited,
    .projekte-einzel #right-content #mehr-oder-weniger-projektdaten a:active {
        font-size:16px;
        color:#E60000;
        height:48px;
    }
    .projekte-einzel #right-content #mehr-oder-weniger-projektdaten a#more-or-less-projektdaten.up-down::after {
        background:none;
    }
    .projekte-einzel #right-content #mehr-oder-weniger-projektdaten #weniger-projektdaten {
        display:none;
    }
    .projekte-einzel #right-content #mehr-oder-weniger-projektdaten a#more-or-less-projektdaten.up-down::before {
        background:url(img/arrow-sprites.png);
        background-repeat:no-repeat;
        background-position:-140px 3px;
        content: "";
        height: 24px;
        margin: auto;
        width: 20px;
        display:block;
    }
    .projekte-einzel #right-content #mehr-oder-weniger-projektdaten a#more-or-less-projektdaten.up-down::after {
        background: none;
    }
    .projekte-einzel #right-content #projektdaten-wrapper.expand {
        height: auto;
    }
    .startseite #content {
        margin-top:0;
    }
    .startseite #top-content {
        margin: 40px 0 0;
    }
    header#top-header #add-menu {
        right: 110px;
        top:12px;
    }
    #logo {
        padding: 17px 0 0 35px;
    }
    #top-menu {
        border-bottom:1px solid #9d9d9c;
        height:90px;
    }
    header#top-header {
        background:#FFF;
    }
    nav#menu-wrapper .menu-hauptmenue-container {
        padding:0;
        display:none;
        margin:71px 0 0 0;
    }
    nav#menu-wrapper .menu-hauptmenue-container ul {
        display: block;
        padding:0;
        width:100%;
        margin-top:0;
    }
    nav#sub-menu-wrapper .menu-hauptmenue-container ul {
        display: block;
        width:100%;
        margin-top:0;
    }
    .menu-hauptmenue-container ul.sub_menu_filter {
        padding: 0 80px 0 40px;
    }
    nav#menu-wrapper .menu-hauptmenue-container ul li {
        display: block;
        border-bottom: 1px solid #9d9d9c;
        text-align:center;
        padding:0;
    }
    nav#menu-wrapper .menu-hauptmenue-container ul ul {
        display:none;
    }
    nav#sub-menu-wrapper .menu-hauptmenue-container ul ul {
        display:inline-block;
    }
    nav#menu-wrapper .menu-hauptmenue-container ul li a,
    nav#menu-wrapper .menu-hauptmenue-container ul li a:visited {
        display: block;
        font-size:32px;
        height:62px;
        padding:20px 0 0 20px;
    }
    nav#menu-wrapper .menu-hauptmenue-container ul li a:hover,
    nav#menu-wrapper .menu-hauptmenue-container ul li a:active {
        display: block;
        font-size:32px;
        height:62px;
        padding-top:20px;
    }
.menu-hauptmenue-container ul.sub_menu_filter li {
    margin-right: 20px;
}
    header#top-header #add-menu #search-wrapper #search-field {
        left: -300px;
        width: 336px;
    }
    .aktuelles #top-content .txt-wrapper {
        margin: 22px 0 40px 242px;
    }
    .aktuelles #top-content .img-wrapper img {
        max-width: 222px;
    }
    .aktuelles #top-content {
        margin: 0 40px;
    }
    .aktuelles #bottom-content {
        margin: 18px 40px 42px 40px;
    }
    .aktuelles #titel a.twitter {
        right: 40px;
    }
    .projektpartner #center-content #left-content .left-inner-content .left-inner-right-content {
        display: none;
    }
}
@media screen and (max-width: 780px) {
    .team #left-content .sidebar {
        position: static;
        width: 100%;
        margin-top:0;
    }
    .team #left-content .txt-wrapper {
        margin: 28px 0 10px 0;
    }
    .team #left-content .img-txt-wrapper {
        width: 100%;
    }
    .outer-wrapper.projekte-einzel #bottom-content a#uebersicht {
        margin-right: 20px;
    }
}
@media screen and (max-width: 690px) {
    #titel {
        font-size:36px;
        text-align:left;
        padding-left:40px;
        margin-top:28px;
    }
    .kontakt #left-content,
    .kontakt #right-content,
    .profil #left-content,
    .profil #right-content {
        width:100%;
    }
    nav#menu-wrapper .menu-hauptmenue-container ul li {
        text-align: left;
        padding:0;
    }
    .team #top-content .top-content-inner {
        -webkit-column-count: 2; 
        -moz-column-count:2;
        column-count:2;
        -webkit-column-gap:0;
        -moz-column-gap:0;
        column-gap: 0;
        -moz-column-width: 150px;
        -webkit-column-width:150px;
        column-width:150px;
    }
    .projektpartner #top-content .top-content-inner section.filter ul li {
        margin: 0 37px 0 0;
    }
    .projektpartner #top-content .top-content-inner section.filter ul li .zus{
        display:none;
    }
	.outer-wrapper.projekte-liste td:nth-child(2) {
    	padding-right: 10px;
	}
	.leistungen #left-content blockquote {
    display: block;
    float: none;
    margin-left: 20px;
    width: 100%;
}
.leistungen #left-content .inner-left-content {
    margin-right: 0;
}
}
@media screen and (min-width: 961px) {
    nav#menu-wrapper .menu-hauptmenue-container {
        display: block !important;
    }
    nav#menu-wrapper .menu-hauptmenue-mobile {
        display: none;
    }
}
@media screen and (max-width: 740px) {
    .projekte-einzel #right-content {
        float: left;
        max-width:100%;
        margin-top:40px;
        padding:0 20px 0 20px;
    }
    .projekte-einzel #left-inner-content,
    .projekte-einzel #left-content {
        margin-right: 0;
    }
    .projekte-einzel #bottom-content .inner-bottom-wrapper {
        float: left;
        margin-right: 0;
        width: 100%;
    }
.projekte-einzel #right-content #projektdaten-wrapper {
    height: 353px;
}
    .projekte-einzel #bottom-content {
        height: auto;
        overflow:hidden;
    }
    .projekte-einzel #bottom-content #outer-bottom-wrapper {
        margin: 23px 0 0;
    }
    .projekte-einzel #bottom-content .inner-bottom-txt-wrapper {
        padding: 0 40px 40px;
    }
    .projekte-einzel #left-inner-content #mehr-oder-weniger {
        margin: 30px 0 0 0;
        text-align: center;
    }
    .projekte-einzel #top-right-content::after {
        clear: both;
        content: "";
        display: block;
    }
    .projekte-einzel #right-content #top-right-content a.pdf {
        float: left;
        width:auto;
    }
    .projekte-einzel #right-content #top-right-content a.sammlung {
        float: right;
        width:auto;
    }
    .outer-wrapper.projekte-einzel #bottom-content ul.sub_menu_filter li {
        display: block;
        margin-right: 0;
        padding: 0;
    }
    .outer-wrapper.projekte-einzel #bottom-content ul.sub_menu_filter {
        margin: 0 0 40px 0;
        display:block;
    }
    .outer-wrapper.projekte-einzel #bottom-content a#uebersicht::before {
        background-position:0 15px;
        height: 48px;
    }
    .outer-wrapper.projekte-einzel #bottom-content a#uebersicht,
    .outer-wrapper.projekte-einzel #bottom-content a#uebersicht:hover,
    .outer-wrapper.projekte-einzel #bottom-content a#uebersicht:visited,
    .outer-wrapper.projekte-einzel #bottom-content a#uebersicht:active {
        line-height: 48px;
    }
}
@media screen and (max-width: 620px) {
.startseite #top-content {
    font-size: 40px;
    line-height: 55px;
}
}
@media screen and (max-width: 580px) {
    header#top-header #add-menu #lang {
        display: none;
    }
    .startseite #top-content {
        font-size:32px;
        line-height:42px;
		margin-top:0px;
    }
	.outer-wrapper.startseite #scroll {
    height:55px;
}
    header#top-header #add-menu {
        right: 62px;
    }
    .menu-hauptmenue-container ul.sub_menu_filter li {
        display: inline-block;
        margin-right: 28px;
    }
    .menu-hauptmenue-container ul.sub_menu_filter li:last-child {
        display: inline-block;
        margin-right: 20px;
    }
    .menu-hauptmenue-container ul li.current-menu-parent ul li.current-menu-item,
    .menu-hauptmenue-container ul li.current-menu-parent ul li,
    .menu-hauptmenue-container ul li.current-menu-ancestor ul li.current-menu-item,
    .menu-hauptmenue-container ul li.current-menu-ancestor ul li,
    .menu-hauptmenue-container ul li.current-menu-item.menu-item-has-children ul,
    .menu-hauptmenue-container ul li.current-menu-item.menu-item-has-children ul li,
    .menu-hauptmenue-container ul.sub_menu_filter li {
        display: inline-block;
        margin-right: 28px;
    }
	.outer-wrapper.publikationen table th:nth-child(3),
    .outer-wrapper.publikationen table td:nth-child(3) {
        display:none;
    }
	.outer-wrapper.projekte-liste table th:nth-child(4),
    .outer-wrapper.projekte-liste table td:nth-child(4),
	.outer-wrapper.projekte-liste table th:nth-child(5),
    .outer-wrapper.projekte-liste table td:nth-child(5) {
        display:none;
    }
}
@media screen and (max-width: 530px) {
    #logo {
        padding: 25px 0 0 15px;
    }
    #logo img {
        width:200px;
        height:auto;
    }
    footer ul {
        margin: 0 20px;
    }
	header#top-header {
	overflow: visible;
}
.outer-wrapper.projekte-einzel #bottom-content #inner-bottom-menu-wrapper {
    margin: 0 20px;
}
.kontakt #right-content {
    padding-left:20px;
}
.profil #right-content {
    padding-left:20px;
}
header#top-header #add-menu #basket #pop-up-blase {
    left: -227px;
    padding: 20px 12px 12px;
    width: 255px;
}
}
@media screen and (max-width: 530px) {
    #logo {
        padding: 15px 0 0 15px;
    }
	.aktuelles #titel a.twitter {
        right: 20px;
    }
    header#top-header #add-menu #search-wrapper #search-field {
        left: -200px;
        width: 236px;
    }
    nav#menu-wrapper .menu-hauptmenue-container {
        margin:42px 0 0 0;
    }
    nav#menu-wrapper {
        padding-top: 10px;
        height: 51px;
    }
    nav#sub-menu-wrapper .menu-hauptmenue-container ul ul {
        padding: 0 0 0 20px;
    }
    #content {
        padding: 0 20px 0 20px;
    }
    .projektpartner #content {
        padding:0;
    }
    .projektpartner #top-content .top-content-inner section.filter ul {
        margin: 20px 20px 0;
    }
    .projektpartner #center-content #left-content .left-inner-content {
        margin: 0 20px;
    }
    .projektpartner #top-content .top-content-inner section.filter ul li {
        display: block;
        margin:0;
    }
    .projektpartner #top-content h1 {
        margin: 0 20px;
    }
	.outer-wrapper.projekte-galerie .inner-galerie-wrapper:hover {
    background:none;
	cursor:default;
	}
    .slick-prev,
    .slick-next {
        display: none !important;
    }
    .slick-list {
        margin:0 !important;
    }
    .slick-dots {
        display: block !important;
    }
    .team #content {
        padding:0;
    }
    .team #top-content {
        margin: 0;
    }
    .team #center-content {
        margin: 0 20px;
    }
    .kontakt #center-content,
    .profil #center-content,
    .leistungen #center-content {
        margin-right: 20px;
    }
    .profil #top-content,
    .leistungen #top-content {
        background:none;
    }
    .profil #top-content .top-content-inner,
    .leistungen #top-content .top-content-inner {
        margin:0;
    }
    .profil #top-content h1,
    .leistungen #top-content h1 {
        margin: 0 0 20px 20px;
    }
    .profil #top-content .top-content-inner a,
    .profil #top-content .top-content-inner a:hover,
    .profil #top-content .top-content-inner a:visited,
    .profil #top-content .top-content-inner a:active,
    .leistungen #top-content .top-content-inner a,
    .leistungen #top-content .top-content-inner a:hover,
    .leistungen #top-content .top-content-inner a:visited,
    .leistungen #top-content .top-content-inner a:active {
        font-size: 16px;
        line-height: 19px;
    }
    .profil #top-content .top-content-inner .arbeitsfelder img,
    .leistungen #top-content .top-content-inner .arbeitsfelder img {
        width:58px;
        height:58px;
        margin-bottom:13px;
    }
    .profil #top-content .top-content-inner .arbeitsfelder,
    .leistungen #top-content .top-content-inner .arbeitsfelder  {
        margin-bottom: 18px;
        margin-top:30px;
    }
    .profil #top-content .top-content-inner .arbeitsfelder-wrapper,
    .leistungen #top-content .top-content-inner .arbeitsfelder-wrapper {
        background:#E5E5E5;
        width:100%;
        height:143px;
    }
    .projekte-einzel #top-content {
        margin: 50px 0 0;
    }
    .projekte-einzel #img-wrapper-resp #info {
        position: relative;
        width: 100%;
    }
    .projekte-einzel #inner-top-content {
        margin-bottom: 15px;
        margin-left: 20px;
    }
    .projekte-einzel #img-wrapper-resp {
        border-top: 1px solid #9d9d9d;
        margin: 0;
        padding-top: 15px;
    }
    .projekte-einzel #content {
        padding:0;
    }
.projekte-einzel #left-inner-content #txt-wrapper {
	margin-right: 0;
	padding-left:0;
}
.projekte-einzel #right-content {
	padding:0;
}
.projekte-einzel #bottom-content h1 {
	margin: 0 20px;
    }
.projekte-einzel #bottom-content .inner-bottom-txt-wrapper {
	padding: 0 20px 40px;
}
.leistungen #left-content .inner-left-content p,
.leistungen #left-content .inner-left-content h2,
.leistungen #left-content .inner-left-content h3,
.leistungen #left-content .inner-left-content h4,
.leistungen #left-content .inner-left-content h5,
.leistungen #left-content .inner-left-content h6 {
    margin-left:20px
}
.leistungen #left-content blockquote {
    margin-left: 0;
}
.leistungen #left-content p {
    margin-left: 20px;
    margin-right: 20px;
}
.outer-wrapper.projekte-liste nav#sub-menu-wrapper #switch-liste-galerie,
.outer-wrapper.projekte-galerie nav#sub-menu-wrapper #switch-liste-galerie,
#additional-outer-wrapper nav#sub-menu-wrapper #switch-liste-galerie {
    top: 60px;
	}
.outer-wrapper.projekte-galerie #content,
#additional-outer-wrapper #content {
    padding: 0;
	}
.outer-wrapper.projekte-galerie #top-content,
#additional-outer-wrapper #top-content {
    margin: 0;
	}
.outer-wrapper.projekte-galerie .inner-galerie-wrapper,
#additional-outer-wrapper #top-content .inner-galerie-wrapper {
    float: none;
	width:100%;
	margin:0 0 25px 0;
}
.outer-wrapper.projekte-galerie .inner-galerie-wrapper .inner-gal-txt-wrapper,
#additional-outer-wrapper #top-content .inner-galerie-wrapper .inner-gal-txt-wrapper {
    padding:0 20px 0 20px;
}
.outer-wrapper.projekte-galerie .inner-galerie-wrapper:nth-of-type(2n+1),
#additional-outer-wrapper #top-content .inner-galerie-wrapper:nth-of-type(2n+1) {
    clear: none;
}
.outer-wrapper.projekte-galerie .inner-galerie-wrapper:nth-of-type(3n+1),
#additional-outer-wrapper #top-content .inner-galerie-wrapper:nth-of-type(3n+1) {
    clear: none;
}
.outer-wrapper.projekte-galerie .inner-galerie-wrapper:nth-of-type(3n),
#additional-outer-wrapper #top-content .inner-galerie-wrapper:nth-of-type(3n) {
    margin: 0 0 25px 0;
}
.outer-wrapper.projekte-galerie .inner-galerie-wrapper:nth-of-type(2n),
#additional-outer-wrapper #top-content .inner-galerie-wrapper:nth-of-type(2n) {
    margin: 0 0 25px 0;
}
#additional-outer-wrapper #middle-header h1 {
    padding-top:51px;
}
nav#menu-wrapper .menu-hauptmenue-mobile {
	top:17px;
	right:20px;
}
header#top-header {
	position: fixed;
	top: 0;
	z-index:9999;
}
header#top-header #add-menu {
	top:0;
	right:42px;
}
#titel {
	margin-top: 53px;
	margin-bottom:0;
	padding-left:20px;
}
    .aktuelles #titel {
        margin-bottom:18px;
    }
    .menu-hauptmenue-container {
        margin: 42px 0 0;
    }
    .outer-wrapper {
        padding-top:1em;
    }
    #titel.expand {
        margin-top: 370px;
    }
    .outer-wrapper.publikationen table,
	.outer-wrapper.projekte-liste table {
        margin: 0 0 20px 0;
    }
    nav#sub-menu-wrapper .menu-hauptmenue-container ul.sub_menu_filter li {
        display: block;
        line-height: 48px;
    }
    nav#sub-menu-wrapper .menu-hauptmenue-container ul li.current-menu-parent ul li.current-menu-item,
    nav#sub-menu-wrapper .menu-hauptmenue-container ul li.current-menu-parent ul li,
    nav#sub-menu-wrapper .menu-hauptmenue-container ul li.current-menu-ancestor ul li.current-menu-item,
    nav#sub-menu-wrapper .menu-hauptmenue-container ul li.current-menu-ancestor ul li,
    nav#sub-menu-wrapper .menu-hauptmenue-container ul li.current-menu-item.menu-item-has-children ul,
    nav#sub-menu-wrapper .menu-hauptmenue-container ul li.current-menu-item.menu-item-has-children ul li,
    nav#sub-menu-wrapper .menu-hauptmenue-container ul.sub_menu_filter li {
        display:block;
    }
    nav#sub-menu-wrapper .menu-hauptmenue-container ul li a,
    nav#sub-menu-wrapper .menu-hauptmenue-container ul li a:hover,
    nav#sub-menu-wrapper .menu-hauptmenue-container ul li a:visited,
    nav#sub-menu-wrapper .menu-hauptmenue-container ul li a:active {
        font-size: 0;
        line-height: 0;
    }
    nav#sub-menu-wrapper .menu-hauptmenue-container ul.sub_menu_filter li a,
    nav#sub-menu-wrapper .menu-hauptmenue-container ul.sub_menu_filter li a:hover,
    nav#sub-menu-wrapper .menu-hauptmenue-container ul.sub_menu_filter li a:visited,
    nav#sub-menu-wrapper .menu-hauptmenue-container ul.sub_menu_filter li a:active {
        font-size: 16px;
        line-height: 48px;
    }
    nav#sub-menu-wrapper .menu-hauptmenue-container ul {
        line-height: 0;
    }
    nav#sub-menu-wrapper .menu-hauptmenue-container ul ul {
        position: relative;
    }
    /*.profil nav#sub-menu-wrapper .menu-hauptmenue-container ul ul,
    .leistungen nav#sub-menu-wrapper .menu-hauptmenue-container ul ul,
	.projekte-einzel nav#sub-menu-wrapper .menu-hauptmenue-container ul ul,
	.kontakt nav#sub-menu-wrapper .menu-hauptmenue-container ul ul,
	.bewerbungen nav#sub-menu-wrapper .menu-hauptmenue-container ul ul,
	.team nav#sub-menu-wrapper .menu-hauptmenue-container ul ul {
        padding:0 0 0 20px;
    }*/
	nav#sub-menu-wrapper .menu-hauptmenue-container ul ul {
        padding:0 0 0 20px;
    }
    nav#sub-menu-wrapper .menu-hauptmenue-container ul li {
        padding:0;
    }
	.kontakt nav#sub-menu-wrapper .menu-hauptmenue-container ul li {
        width:0;
    }
    .menu-hauptmenue-container {
        font-size: 0;
    }
	.menu-hauptmenue-container ul.sub_menu_filter {
    padding: 0 0 0 20px;
	}
    .aktuelles #top-content {
        margin: 0;
    }
    .aktuelles #top-content .img-wrapper img {
        max-width: 100%;
        width:100%;
    }
    .aktuelles #top-content .img-wrapper {
        float: none;
    }
    .aktuelles #top-content .txt-wrapper {
        margin: 22px 0 40px 0;
    }
    .aktuelles #bottom-content {
        margin: 18px 0 42px 0;
    }
    .kontakt #left-content,
    .profil #left-content {
        padding-left: 20px;
    }
    .leistungen #left-content .alignnone {
        padding:0;
    }
    .leistungen #left-content h1 {
        margin: 16px 0 16px 20px;
    }
    .leistungen #left-content ul {
        margin: 0 0 10px 35px;
    }
}
@media screen and (max-width: 360px) {
    #logo img {
        width:180px !important;
        height:auto;
    }
    footer ul li {
        font-size:14px;
    }
    header#top-header #add-menu {
        top: 0;
    }
    header#top-header #add-menu #search-wrapper #search-field {
        left: -150px;
        width: 186px;
    }
	header#top-header #add-menu #basket #pop-up-blase {
    left: -162px;
    padding: 20px 12px 12px;
    width: 255px;
	top:39px;
	background-position:right top;
	}
	.startseite #top-content {
        font-size:32px;
        line-height:42px;
		margin-top:40px;
    }
}

#gallery-1 br { display: none !important; clear: none !important; }
#gallery-1 img { border: none !important; }



/* Overrides LR 2021-02-06 */
.pdf { display: none !important }
.sammlung { display: none !important }

/* Neue Klassen für LEISTUNGEN-Seite LR 2021-02-18 */
p.leistung-zwischentitel { margin: 22px 0 7px 0 !important; font-weight: bold; }
ul.leistung-aufzaehlung { margin: 10px 0 20px 20px; padding-left: 0; list-style-type: disc; }
p.leistung-links { margin: 30px 0 40px 0 !important; }