@font-face {
font-family: ClanWeb-Bold;
src: url(//www.gruen-plan.de/wp-content/themes/naix/ClanWeb-Bold.eot);
}
@font-face {
font-family: ClanWeb-Bold;
src: url(//www.gruen-plan.de/wp-content/themes/naix/ClanWeb-Bold.woff) format("woff");
}
@font-face {
font-family: ClanScWeb-Bold;
src: url(//www.gruen-plan.de/wp-content/themes/naix/ClanScWeb-Bold.eot);
}
@font-face {
font-family: ClanScWeb-Bold;
src: url(//www.gruen-plan.de/wp-content/themes/naix/ClanScWeb-Bold.woff) format("woff");
}
@font-face {
font-family: ClanWeb-Book;
src: url(//www.gruen-plan.de/wp-content/themes/naix/ClanWeb-Book.eot);
}
@font-face {
font-family: ClanWeb-Book;
src: url(//www.gruen-plan.de/wp-content/themes/naix/ClanWeb-Book.woff) format("woff");
}
@font-face {
font-family: ClanScWeb-Book;
src: url(//www.gruen-plan.de/wp-content/themes/naix/ClanScWeb-Book.eot);
}
@font-face {
font-family: ClanScWeb-Book;
src: url(//www.gruen-plan.de/wp-content/themes/naix/ClanScWeb-Book.woff) format("woff");
}
@font-face {
font-family: ClanWeb-News;
src: url(//www.gruen-plan.de/wp-content/themes/naix/ClanWeb-News.eot);
}
@font-face {
font-family: ClanWeb-News;
src: url(//www.gruen-plan.de/wp-content/themes/naix/ClanWeb-News.woff) format("woff");
}
@font-face {
font-family: ClanScWeb-News;
src: url(//www.gruen-plan.de/wp-content/themes/naix/ClanScWeb-News.eot);
}
@font-face {
font-family: ClanScWeb-News;
src: url(//www.gruen-plan.de/wp-content/themes/naix/ClanScWeb-News.woff) format("woff");
}
.sampletext { 
font-family: ClanWeb-Bold, sans-serif;
font-family: ClanScWeb-Bold, sans-serif;
font-family: ClanWeb-Book, sans-serif;
font-family: ClanScWeb-Book, sans-serif;
font-family: ClanWeb-News, sans-serif;
font-family: ClanScWeb-News, sans-serif;
}
header > div > div > div > div.text-right ul li {
position: relative;
}
a.insta,
a.insta img {
min-height: 42px !important;
min-width: 42px !important;
max-width: 42px;
min-width: 42px;
width: 42px;
height: 42px;
}
a.insta {
position: absolute;
left: -59px;
top: -10px;
}
#cookie-notice { background: rgba(255,255,255,0.9) !important;
z-index: 999999;
border-bottom: 1px solid #68A58E;
}
#cookie-notice span#cn-notice-text,
#cookie-notice .cookie-notice-container a.button {
font-weight: 400;
}
#cookie-notice span#cn-notice-text {
line-height: 26px;
margin-bottom: 10px;
font-size: 12px;
}
#cookie-notice .cookie-notice-container {
padding: 5px 30px 5px 30px;  color: #4e4e4d;
font-size: 13px;
}
#cookie-notice .cookie-notice-container a.button {
border: 2px solid #68A58E;
border-radius: 0px;
padding: 4px 12px 2px 12px;
margin: 0 5px 0 20px;
color: #4e4e4d !important;
background: none !important;
box-shadow: none;
text-shadow: none;
font-weight: 400;
font-size: 12px;
text-decoration: none;
}
#cookie-notice .cookie-notice-container a.button:nth-of-type(2) {
white-space: nowrap;
}
#cookie-notice .cookie-notice-container a.button:hover { background: #EEE !important;
text-decoration: none;
}
@media screen and (max-width: 1150px) {
#cookie-notice span#cn-notice-text {
display: block;
line-height: 22px;
margin-bottom: 0px;
}
}
body, h1, h2, h3, h4, h5, h6, div, a, ul, li, p {
font-family: ClanWeb-Book, sans-serif;
font-size: 18px;
line-height: 36px;
color: #000;
font-weight: 400;
}
a#scroll-top.backtotop {
background: #68a58e;
bottom: 50px;
right: 20px;
}
.naix-text-color-light h1,
.naix-text-color-light h2,
.naix-text-color-light h3,
.naix-text-color-light h4,
.naix-text-color-light h5,
.naix-text-color-light h6,
.naix-text-color-light a {
font-family: ClanWeb-Book, sans-serif;
color: #000;
}
@media screen and (min-width: 1300px) {
.zweispaltig {
columns: 2;
-webkit-columns: 2;
column-gap: 40px;
}
}
body {
margin-bottom: 0px;
}
.BorlabsCookie ._brlbs-content-blocker ._brlbs-embed {
margin-bottom: 0em;
display: block;
height: 521px;
}
.BorlabsCookie ._brlbs-content-blocker ._brlbs-embed ._brlbs-thumbnail {
width: 100%;
}
.gruen {
color: #68a58e; color: rgb(104, 165, 142);
}
.page-team a.entry-link {
cursor: default;
}
#content .wpb_text_column img.teamfoto {
margin-top: 0px;
margin-bottom: 60px;
width: 100%;
max-width: 800px;
}
._brlbs-caption p {
color: #FFF;
}
.BorlabsCookie ._brlbs-content-blocker ._brlbs-caption small {
padding: 5px 0 0 5px;
line-height: 20px;
}
.naix-boxed .site {
border: 0px;
}
.archive .entry-desc p {
font-size: 16px;
line-height: 26px;
}
.archive header h2.entry-title a {
font-weight: 600;
}
header#site-header {
padding: 50px 0 10px 0;
}
.home .naix-buttons {
display: none;
}
.naix-boxed .naix-container {
padding-left: 53px;
padding-right: 65px;
}
.page-datenschutz h1,
.page-datenschutz h3 {
font-weight: 600;
}
.page-datenschutz ._brlbs-btn-cookie-preference {
padding: 6px 15px 4px 15px;
margin: 0 0 30px 0;
}
.page-datenschutz article > .entry-content p,
.page-datenschutz article > .entry-content p a,
.page-datenschutz article > .entry-content ol li,
.page-datenschutz article > .entry-content ul li {
font-size: 16px;
}
.header-layout-1 .site-header .header-main > .row,
.header-layout-1 .site-header .header-main > .row * {
min-height: 74px;
max-height: 74px;
}
.header-layout-1 .site-header .header-main > .row > div:nth-child(2) {
position: relative;
top: 37px;
}
header .logo {
position: relative;
left: 0px;
min-height: 74px;
top: 0px;
}
span.edit-link {
display: none;
}
.archive #primary {
float: left;
}
.blog-layout-sidebar-content .cat-links a {
color: #68a58e; }
.blog-layout-sidebar-content .cat-links a:hover {
color: #000; 
}
span.entry-author {
display: none;
}
a:hover, a:focus {
color: #68a58e; }
span.kein_umbruch {
white-space: nowrap;
}  .home .slider-content {
display: none;
}
.home .slider-content a.link {
display: none;
}
.home .page-header {
position: absolute; top: 380px;
left: 104px;
width: 481px;
height: 106px;
padding: 0 0 0 0;
margin: 0 0 0 0;
z-index: 100;
background: #FFF;
text-align: left;
background: url(//www.gruen-plan.de/wp-content/uploads/logo-gruenplan.svg) center center no-repeat;
background-size: cover;
}
.home.page .page-header > .container {
width: 481px;
height: 106px;
position: relative;
top: 0px;
left: 0px;
padding: 0 0 0 0;
margin: 0 0 0 0;
text-align: left;
} .home .page-header {
background: none;
}
.home.page  .page-header > .container:before {
position: absolute;
display: block;
content: " ";
top: auto;
left: auto;
bottom: 0px;
right: 0px;
background: url(//www.gruen-plan.de/wp-content/uploads/logo40.svg) center center no-repeat; background-position: 22% 50%;
background-size: 50%;
width: 100%;
height: 100%;
z-index: 0;
}
.home.page .page-header > .container:after {
width: 161px;
height: 51px;
position: absolute;
background: #FFF;
bottom: 0px;
right: 176px;
z-index: -1;
}
@media screen and (max-width: 1339px) {
.home.page .page-header  {
left: 103px;
}
}
@media screen and (max-width: 1200px) {
.home.page .page-header  {
background: none;
left: 72px;
}
}
@media screen and (max-width: 600px) {
.home.page .page-header  {;
left: 31px;
}
}
@media screen and (max-width: 600px) {
.home.page .page-header  {;
left: -4px;
}
}
@media screen and (min-width: 1800px) {
.home.page .page-header  {
transform: scale(1.5);
left: 125px;
}
} .home .page-header h1,
.home .page-header h2 {
color: #4D4D4F;
color: rgba(255,255,255,0.0);
display: block;
margin: 0 0 0 0;
padding: 0 0 0 0;
background: none;
display: none;
}
.home.page .page-header .container h2 {
margin-top: 7px;
padding-left: 151px;
background: none;
}
.home #content.site-content {
position: absolute;
top: 211px;
left: 0px;
width: 100%;
}  .menu-sidebar ul.menu li.menu-item {
text-align: right;
padding: 13px 0 13px 0;
}
.menu-sidebar ul.menu li.menu-item a,
.menu-sidebar ul.menu li > ul > li > a,
.naix-off-canvas-panel.menu-sidebar .menu .sub-menu li a {
font-weight: 400;
font-size: 20px;
letter-spacing: 0.05em;
text-transform: uppercase;
text-align: right;
}
.widget-panel-content * {
text-align: right !important;
}
[class^="icon-"], 
[class*=" icon-"] { }
li.menu-item-has-children.active a,
li.active a,
.naix-off-canvas-panel.menu-sidebar .menu li.current-menu-parent.active > a, .naix-off-canvas-panel.menu-sidebar .menu li.current-menu-item.active > a, .naix-off-canvas-panel.menu-sidebar .menu li.current-menu-ancestor.active > a, .naix-off-canvas-panel.menu-sidebar .menu li.active:hover > a {
color: #68A58E;
}
i.icon-menu,
.icon-menu:before,
.home .icon-menu:before,
.single .icon-menu:before,
.icon-menu:before:hover,
.home .icon-menu:before:hover,
.single .icon-menu:before:hover {
content: " ";
opacity: 0.0;
display: none;
}
i.icon-menu {
display: none !important;
}
.site-header .menu-toggle,
.header-layout-1 .site-header .menu-toggle {
color: rgba(255,255,255,0.0);
background: url(//www.gruen-plan.de/wp-content/uploads/sandwich41x21.png) left top no-repeat;
background-size: 41px 21px;
font-size: 30px;
width: 41px;
height: 21px;
}
.site-header li.extra-item,
.header-transparent.header-layout-1 .site-header li.extra-item,
.site-header .menu-extra ul li {
width: 41px;
height: 21px;
padding: 0 0 0 0;
}
.naix-off-canvas-panel.open {
transform: translate3d(-515px, 0, 0);
}
.naix-off-canvas-panel .widget-panel-content {
max-width: 360px;
}
.naix-off-canvas-panel .widget-canvas-content {
padding-left: 60px;
padding-right: 80px;
padding-top: 132px;
}
.naix-off-canvas-panel .widget-canvas-content .widget-panel-header a.close-canvas-panel{
color: rgba(255,255,255,0.0);
background: url(//www.gruen-plan.de/wp-content/uploads/closebutton.png) left top no-repeat;
background-size: 30px 30px;
font-size: 30px;
width: 30px;
height: 30px;
display: block;
z-index: 20000;
position: absolute;
top: 85px;
right: 254px; }  .abstand {
height: 120px;
}
h1.vc_custom_heading,
.single .entry-content h1,
.page .page-header .container h1,
.archive .page-header .container h1,
.single .page-header .container h1 {
font-size: 60px !important;
margin-bottom: 0px;
padding-left: 70px;
font-weight: 400;
letter-spacing: 0.025em;
}
h2.vc_custom_heading,
.single .entry-content h2,
.archive .page-header h2,
.single .page-header h2 {
font-size: 18px !important;
text-transform: uppercase;
margin-top: 5px;
padding-left: 270px;
font-weight: 400;
letter-spacing: 0em;
}
.naix-text-color-light .portfolio-cats-filter {
text-align: left;
padding-left: 270px;
margin: 53px 0 40px 0;
}
.naix-text-color-light .portfolio-cats-filter ul li a {
color: #000;
text-transform: uppercase;
}
body:not(.home) .naix-portfolio-list {
padding: 0 0px 0 0;
}
.portfolio-wapper.portfolio-hover-4 .entry-content .overlay {
background: #68a58e; }
.portfolio-wapper.portfolio-hover-4 .entry-content .entry-cats-bottom {
display: none;
}
.portfolio-wapper.portfolio-hover-4 .entry-content h2.entry-title,
.page .page-header h2 {
font-size: 18px;
font-weight: 400;
letter-spacing: 0.05em;
text-transform: uppercase;
line-height: 23px;
}
.portfolio-wapper.portfolio-hover-4 .entry-content h2.entry-title.email {
font-size: 15px;
line-height: 20px;
text-transform: lowercase;
display: block;
z-index: 10000;
}
.portis_bildungseinrichtungen ul li:nth-child(2) { }
.portfolio-cats-filter {
margin-bottom: 40px;
}
.portfolio-cats-filter.text-center,
.portfolio-cats-filter.text-center * {
text-align: left;
}
.portfolio-cats-filter.text-center a {
text-transform: uppercase;
font-size: 16px;
letter-spacing: 0.025em;
}
.portfolio-cats-filter.text-center a:hover {
color: #737373;
}
.portfolio-cats-filter.text-center a.selected {
color: #68a58e; }
.portfolio-wapper.portfolio-text-center .entry-format img {
width: 100%;
height: 100%;
}
.portfolio-grid-2 article.portfolio-wapper {
padding: 0 12px 0 12px;
}
.page-wohnquartiere-gaerten div.portfolio-cats-filter ul li.wohnquartiere-gaerten,
.page-stadtraeume-plaetze div.portfolio-cats-filter ul li.stadtraeume-plaetze,
.page-gewerbe-verwaltung div.portfolio-cats-filter ul li.gewerbe-verwaltung,
.page-freizeit-parkanlagen div.portfolio-cats-filter ul li.freizeit-parkanlagen,
.page-bildungseinrichtungen div.portfolio-cats-filter ul li.bildungseinrichtungen,
.page-alle-projekte div.portfolio-cats-filter ul li.freizeit-parkanlagen,
.page-alle-projekte div.portfolio-cats-filter ul li.wohnquartiere-gaerten,
.page-alle-projekte div.portfolio-cats-filter ul li.stadtraeume-plaetze,
.page-alle-projekte div.portfolio-cats-filter ul li.gewerbe-verwaltung,
.page-alle-projekte div.portfolio-cats-filter ul li.bildungseinrichtungen,
.page-alle-projekte div.portfolio-cats-filter ul li.team,
.page-alle-projekte div.portfolio-cats-filter ul li.wettbewerbe,
.page-projekte div.portfolio-cats-filter ul li.freizeit-parkanlagen,
.page-projekte div.portfolio-cats-filter ul li.wohnquartiere-gaerten,
.page-projekte div.portfolio-cats-filter ul li.stadtraeume-plaetze,
.page-projekte div.portfolio-cats-filter ul li.gewerbe-verwaltung,
.page-projekte div.portfolio-cats-filter ul li.bildungseinrichtungen,
.page-projekte div.portfolio-cats-filter ul li.team,
.page-projekte div.portfolio-cats-filter ul li.wettbewerbe {
display: none;
}
.page-freizeit-parkanlagen div.portfolio-cats-filter ul li:nth-of-type(2) {
display: none;
}
.portfolio-cats-filter ul li a {
padding-left: 0px;
padding-right: 20px;
}
.page-alle-projekte article.portfolio_category-team,
.page-alle-projekte article.portfolio_category-wettbewerbe {
display: none;
}
.portfolio-grid-2 .portfolio-wapper {
margin-bottom: 24px;
}  .single-portfolio_project #page {
border: 0px solid #FFF;
} 
.single-portfolio_project #page .site-header,
.page #page .site-header {
position: static !important;
padding: 53px 16px 0 16px;
}
.single-portfolio_project #page #content {
padding: 0 0 0 126px;
}
.single-portfolio_project #page #content .container-fluid {
padding: 0 0 0 0;
}
.single-portfolio_project #page #content .container-fluid > .row {
margin: 0 0 0 0;
}
.single-portfolio-layout-5 .footer-socials {
display: none;
}
.single-portfolio-layout-5 .entry-attributes {
display: none;
}
.single-portfolio-layout-5 .navigation-portfolio {
display: none;
}
.single-portfolio-layout-5 .portfolio-summary-content {
margin: 80px 0 0 0;
width: 100%;
}
.single-portfolio-layout-5 .entry-content {
padding: 0 30px 0 0;
}
.single-portfolio-layout-5 .entry-content,
.single-portfolio-layout-5 .entry-content * {
font-size: 14px;
line-height: 30px;
}
.single-portfolio-layout-5 .entry-content h1,
.page .page-header .container h1 {
padding-left: 0px;
margin-left: -5px;
}
.single-portfolio-layout-5 .entry-content h2,
.page .page-header h2 {
padding: 10px 20px 5px 155px;
background: rgba(255,255,255,0.7);
width: 100%;
margin: 24px 0 100px -5px;
line-height: 23px;
}
.single-portfolio-layout-5 .portfolio-gallery {
margin-top: 230px;
}
.single-portfolio-layout-5 p.projektdaten {
margin: 0 0 10px 0;
}
.single-portfolio-layout-5 p.projektdaten:last-child {
margin: 0 0 30px 0;
}
.single-portfolio-layout-5 span.projektdaten {
font-weight: 600;
text-transform: uppercase;
padding-right: 8px; }
.single-portfolio-layout-5 .portfolio-gallery img {
width: 100%;
}
.single-portfolio entry-content p {
line-height: 36px;
}
.single-portfolio-layout-5 .entry-content h1 {
margin: 10px 0 0 -5px;
padding: 0 0 0 0;
}
a.zurueck_projekt {
padding-top: 20px;
font-size: 16px;
display: block;
height: 40px;
line-height: 40px;
}
a.zurueck_unter_projekt {
display: block;
}
a.zurueck_unter_gallery {
display: none;
}  .abstand85 {
height: 80px;
}
.page .page-header {
padding-bottom: 0px;
}
.page #content {
padding-top: 0px;
}
.page .page-header .container {
width: 100%;
padding-left: 126px;
}
.page .page-header .container h1 {
text-align: left;
margin-top: 10px;
}
.page .page-header h2 {
text-align: left;
letter-spacing: 0.1em;
margin-bottom: 64px;
}
.page #content > .container {
width: 100%;
padding: 0 125px 0 275px;
}
.page .entry-content,
.page .entry-content p,
.page-kontakt .entry-content,
.page-kontakt .entry-content p,
.page-kontakt .entry-content a,
.page-team .entry-content,
.page-team .entry-content p,
.archive *,
.single-post .entry-content * {
font-size: 16px;
line-height: 30px;
}
@media screen and (min-width: 768px) {
.naix-portfolio-list {
display: grid !important;
grid-gap: 24px 24px;
grid-template-columns: repeat(3,minmax(180px,1fr));
}
.naix-portfolio-list article {
width: 100% !important;
position: static !important;
padding: 0 0 0 0;
margin: 0 0 0 0;
height: auto !important;
min-height: auto !important;
float: none !important;
}
}
.archive .entry-header h2.entry-title,
.archive .entry-header h2.entry-title a {
line-height: 26px;
}
.page #content > .container,
.page-team #content > .container { }
.page .entry-content .container > .row,
.page-team .entry-content .container > .row {
margin: 0 0 0 0;
}
.page .entry-content .container > .row .vc_column-inner,
.page-team .entry-content .container > .row .vc_column-inner {
padding: 0 0 0 0;
}
.page-team .row > .naix-portfolio-list {
padding: 0 0 0 0;
}
.page .entry-content figure,
.page .entry-content figure div,
.page .entry-content figure div img {
width: 100%;
}
.home .entry-content figure {
margin: 0 0 0 0;
}  .page-kontakt #wpgmza_map,
.page-kontakt .wpgmp_map_container {
margin-bottom: 85px;
}
.wpgmp_map_parent {
float: none;
margin-bottom: 0px;
}
.page-kontakt .spalte {
width: 33%;
float: left;
margin: 0 0 85px 0; 
}
.page-kontakt .spalte h3 {
font-family: ClanWeb-Bold;
font-weight: 400;
font-size: 16px;
margin-top: 0px;
}
.page-kontakt #spalte1 {
text-align: left;
}
.page-kontakt #spalte2 {
text-align: center;
}
.page-kontakt #spalte3 {
text-align: right;
}
.page-kontakt #spalte3:after {
content: " ";
display: block;
clear: both;
}
.page-kontakt .entry-content > p:nth-of-type(1) {
display: none;
}  .archive header#site-header,
.single header#site-header {
padding: 53px 16px 0 16px;
}
.archive #content,
.single #content {
padding-top: 0px;
min-height: auto;
padding-bottom: 0px;
}
.archive #content .container,
.single #content .container {
width: 100%;
}
.archive #content .container .row,
.single #content .container .row {
margin: 0 0 0 0;
}
.archive .page-header,
.single .page-header {
padding: 70px 0 0 0;
}
.archive .page-header .container,
.single .page-header .container {
padding: 0 0 0 126px;
}
.archive .page-header .container h1,
.single .page-header .container h1 {
margin: 10px 0 84px -5px;
padding: 0 0 0 0;
}
.archive .page-header .container h2,
.single .page-header .container h2 {
margin: 24px 0 64px -5px;
padding: 10px 20px 5px 153px;
line-height: 23px;
display: none;
}
.archive #content2,
.single #content2 {
padding-top: 0px;
}
.archive #content2 .container {
padding: 0 125px 0 275px;
width: 100%;
}
.archive #content2 > .container > .row {
margin: 0 0 0 0;
}
.archive #content2 > .container #primary {
padding: 0 0 0 0;
margin-right: 50px;
width: calc(75% - 50px);
}
.archive #content2 > .container #primary img {
width: 100%;
}
.archive #content2 > .container aside {
border-left: 1px solid #68a58e;
margin-left: 20px;
padding-left: 20px;
width: calc(25% - 40px);
}
.archive #content2 aside p,
.archive #content2 aside a,
.archive #content2 aside ul li {
font-size: 14px;
line-height: 25px;
}
.archive #content2 aside h4 {
font-size: 20px;
margin-bottom: 20px;
}
.archive aside li a {
hyphens: auto;
}
.archive .entry-metas > .entry-meta,
.archive .entry-metas > .entry-meta a,
.archive .entry-metas > .entry-meta time {
font-size: 14px;
line-height: 18px;
}
.archive.blog-layout-sidebar-content .cat-links, .blog-layout-content-sidebar .cat-links {
padding-left: 0px;
}
.archive.blog-layout-sidebar-content .entry-metas {
line-height: 23px;
margin-top: 10px; }
.archive.blog-layout-sidebar-content .entry-metas .entry-meta:first-child { }
.archive.blog-layout-sidebar-content .entry-metas .entry-meta:first-child:after {
content: " ";
}
.archive img.blogbild {
display: none;
}
.archive article:first-of-type #backgroundx_container img.blogbild {
display: block;
}
.archive article:first-of-type #backgroundx_container .backgroundx { }
.archive article:first-of-type #backgroundx_container .backgroundx img.blogbild {
display: none;
}
.archive .blog-wapper .entry-header {
margin: 0 0 0 0;
}
.archive .entry-metas * {
font-size: 13px !important;
}
.archive .cat-links.entry-meta a {
font-weight: 400;
}
.single-post .entry-single-format .featured-image-post {
width: 100%;
height: 0px;
padding: 28.125% 0 28.125% 0;
min-height: 0px;
background-size: cover;
-webkit-background-size: cover;
}  .single .page-header .container h1 {
margin-bottom: 0px;
}
.single .page-header .container h2 {
display: block;
}
.single #content2 .container {
padding: 0 125px 0 275px;
width: 100%;
}
.single #content2 > .container > .row {
margin: 0 0 0 0;
}
.single #content2 > .container #primary {
padding: 0 0 0 0;
margin-right: 0px;
width: 100%;
}
.single-post .entry-single-format .featured-image-post {
background-position: center center !important;
background-attachment: scroll !important;
}
.single .col-xs-12.col-sm-12.col-md-12 {
padding: 0 0 0 0;
}
.single-post .entry-single-format {
margin-bottom: 30px;
}
.single .entry-header {
display: none;
}
.single .entry-content {
margin-top: 30px;
}
.single .gallery_default .wpmf-gallery-item {
margin: 0 0 24px 0 !important;
}  .home.naix-boxed #page.site {
position: static;
}
footer#site-footer,
.home footer#site-footer {
position: fixed;
display: block;
left: 0px;
top: auto;
bottom: 10px;
right: auto;
margin: 0 0 0 0;
padding: 0 0 0 0;  display: none;
}
footer#site-footerx {
position: fixed;
top: auto;
bottom: 0px;
width: 100%;
padding: 0 65px 0 53px; }
footer#site-footerx,
footer#site-footerx nav.footer-layout-1 {
background: rgba(255,255,255,1.0);
color: #000;
z-index: 10000;
}
footer#site-footerx nav.footer-layout-1 { 
padding: 1px 0 1px 0;
}
footer#site-footerx nav.footer-layout-1 .naix-container {
padding-left: 0px;
padding-right: 0px;
}
footer#site-footerx nav.footer-layout-1 ul li {
float: left;
}
.footer-layout-1 .footer-content .footer-sidebar {
max-width: none !important;
}
footer#site-footerx nav.footer-layout-1 ul li a,
footer#site-footerx .footer-1 .widget .textwidget {
color: #000;
text-transform: uppercase;
font-size: 10px;
line-height: 23px;
padding: 0 0 0 0;
}
footer#site-footerx .footer-layout-1 .widget ul li {
padding-top: 0px;
}
footer#site-footerx nav.footer-layout-1 ul li a {
padding-left: 30px;
}
footer#site-footerx .footer-1 .widget .textwidget {
padding: 8px 0 3px 0
}
footer#site-footerx nav.footer-layout-1 ul li a:hover {
color: #555;
} @media screen and (min-width: 1400px) {
.single-portfolio .entry-content p,
.page .entry-content p,
.single-portfolio-layout-5 .entry-content *,
.portfolio-cats-filter.text-center a,
.page .entry-content a {
font-size: 18px;
line-height: 44px;
}
footer#site-footerx nav.footer-layout-1 ul li a,
footer#site-footerx .footer-1 .widget .textwidget {
font-size: 13px;
line-height: 23px;
}
}
@media screen and (min-width: 1340px) and (max-width: 3000px) {
.home .page-header {
top: 320px;
top: 19.5vw;
}
}
@media screen and (max-width: 1339px) {
.home .page-header {
position: absolute;
top: 19.5vw;
left: 138px;
width: 385px;
height: 85px;
}
}
@media screen and (min-width: 1025px) {
.menu-sidebar .sidebar-menu > ul.menu li.menu-item {
padding: 10px 0 10px 0;
line-height: 25px;
}
.menu-sidebar .sidebar-menu > ul.menu > li.menu-item > a,
.naix-off-canvas-panel.menu-sidebar .menu .sub-menu li a {
font-size: 15px;
line-height: 10px;
}
.naix-off-canvas-panel.menu-sidebar .menu .sub-menu {
padding-top: 10px;
}
}
@media screen and (max-width: 1200px) {
a.zurueck_unter_projekt {
display: none;
}
a.zurueck_unter_gallery {
display: block;
font-size: 16px;
}
.naix-container {
padding-left: 50px;
padding-right: 50px;
}
.single-portfolio-layout-5 .portfolio-summary-content {
padding-right: 60px;
padding-left: 0px;
}
.single-portfolio-layout-5 .portfolio-gallery {
margin-top: 60px;
padding: 0 60px 0 0;
}
.single-portfolio-layout-5 .entry-content {
padding-right: 0px;
}
.parent-pageid-3861 .entry-content header.entry-header h2.entry-title {
font-size: 1.5vw;
}
.archive .page-header .container h1, 
.single .page-header .container h1 {
margin-left: 0px;
}
.archive .page-header > .container,
.single .page-header > .container {
padding-left: 126px;
}
.archive #content2 > .container,
.single #content2 > .container {
padding-left: 126px;
padding-right: 66px;
}
.archive #content2 > .container #primary {
margin-right: 20px;
width: calc(75% - 20px);
}
body:not(.home).page #content > .container {
padding: 0 66px 0 126px;
}
} @media screen and (max-width: 1200px) {
a.zurueck_projekt {
font-size: 14px;
}
a.zurueck_projekt.zurueck_unter_projekt {
display: none;
}
a.zurueck_projekt.zurueck_unter_gallery {
display: block;
font-size: 14px;
}
.home.page #content {
margin-top: 143px;
}
.home.page #content > .container,
.archive #content2 > .container {
padding: 0 66px 0 126px;
}
.home .page-header {
position: absolute;
top: 180px;
left: 102px;
width: 481px;
height: 106px;
padding: 0 0 0 0;
margin: 0 0 0 0;
z-index: 100; text-align: left;
background: url(//www.gruen-plan.de/wp-content/uploads/logo-gruenplan.svg) left top no-repeat;
background-size: cover;
}
.home .page-header h1 { }
.home .page-header h2 { }
} @media screen and (max-width: 991px) {
.footer-layout-1 .footer-content .footer-sidebar {
width: auto;
max-width: none;
margin-bottom: 0px;
}
.footer-layout-1 .footer-content .footer-sidebar.footer-1 {
padding-top: 0px;
}
.naix-off-canvas-panel.menu-sidebar .menu li.menu-item-has-children > a::after,
.naix-off-canvas-panel.menu-sidebar .menu li.menu-item-has-children.active > a::after {
content: none;
}
.naix-off-canvas-panel.menu-sidebar .menu li.menu-item-has-children > a {
padding-right: 0px;
}
.naix-off-canvas-panel {
width: 500px;
right: -500px;
}
.naix-off-canvas-panel.open {
transform: translate3d(-500px, 0, 0);
}
.naix-off-canvas-panel .widget-canvas-content .widget-panel-header a.close-canvas-panel {
right: 78px;
}
.parent-pageid-3861 #content > .container {
padding-left: 126px;
}
.page-kontakt #wpgmza_map { }
.parent-pageid-3861 .entry-content header.entry-header h2.entry-title {
font-size: 16px;
}
}
@media screen and (max-width: 901px) {
.archive #content2 > .container #primary,
.archive #content2 > .container aside {
float: none;
width: 100%;
margin: 0 0 0 0;
padding: 0 0 0 0;
border-left: 0px;
}
}
@media screen and (max-width: 768px) {
.single-portfolio_project #page #content { }
footer#site-footerx { }
.single-portfolio-layout-5 .portfolio-gallery { }
.single-portfolio-layout-5 .portfolio-summary-content {
padding-left: 0px;
}
.single-portfolio-layout-5 .entry-content { }
}
@media screen and (max-width: 767px) {
.page-kontakt #wpgmza_map {
margin-bottom: 85px;
}
.page-kontakt .spalte {
float: none;
text-align: left !important;
margin: 0 0 0 0;
width: 100%;
}
.page-kontakt .spalte h3 {
margin-bottom: 0px;
}
.single-portfolio-layout-5 .entry-content h2,
.page .entry-content h2,
.page .page-header > .container > h2,
.single .page-header > .container > h2 {
padding-left: 60px;
}
.page header > h2.entry-title {
padding-left: 0px;
}
.archive #content > .container,
.single #content > .container {
padding: 0 0 0 126px;
}
.archive .page-header > .container,
.single .page-header > .container {
padding: 0 0 0 0;
}
.parent-pageid-3861 .entry-content header.entry-header h2.entry-title {
padding: 0 0 0 0;
font-size: 16px;
hyphens: auto;
}
}
@media screen and (max-width: 600px) {
a.zurueck_unter_projekt {
display: none;
}
a.zurueck_unter_gallery {
display: block;
font-size: 14px;
}
.home .page-header {
width: 377px;
height: 83px;
left: 62px;
top: 165px;
background: url(//www.gruen-plan.de/wp-content/uploads/logo-gruenplan.svg) -17px top no-repeat;
background-size: cover;
}
.home.page .page-header > .container {
width: 377px;
height: 83px;
}
.home.page #content {
margin-top: 83px;
}
.home.page #content > .container {
padding: 0 30px 0 62px;
}
.home header#site-header > .naix-container,
.single-portfolio-layout-5 header#site-header > .naix-container,
.parent-pageid-3861 header#site-header > .naix-container,
.page-team header#site-header > .naix-container,
.page-kontakt header#site-header > .naix-container,
.page-impressum header#site-header > .naix-container,
.page-datenschutz header#site-header > .naix-container,
.page header#site-header > .naix-container,
.archive header#site-header > .naix-container,
.single-post header#site-header > .naix-container {
padding-left: 0px;
padding-right: 14px;
}
.single-portfolio_project #page #content,
footer#site-footerx,
.page .page-header > .container,
body:not(.home).page #content > .container {
padding: 0 30px 0 30px;
padding-left: 62px;
}
h1.vc_custom_heading, 
.single .entry-content h1, 
.page .page-header .container h1, 
.archive .page-header .container h1, 
.single .page-header .container h1 {
font-size: 45px !important;
letter-spacing: 0.056em;
margin-bottom: -8px;
}
.parent-pageid-3861 .page-header .container h1 {
margin-top: 16px;
}
h2.vc_custom_heading, 
.single .entry-content h2, 
.archive .page-header h2, 
.single .page-header h2,
.single-portfolio-layout-5 .entry-content h2,
.page .page-header h2 {  margin: 17px 0 46px -5px;
padding: 10px 20px 5px 30px;
}
.single-portfolio-layout-5 .entry-content h2,
.page .entry-content h2,
.page .page-header > .container > h2,
.single .page-header > .container > h2 {
padding-left: 3px;
}
.single-portfolio_project #page .site-header, 
.page #page .site-header,
.archive header#site-header,
.single header#site-header {
padding: 30px 16px 0 30px;
}
.single-portfolio-layout-5 .portfolio-summary-content,
.single-portfolio-layout-5 .portfolio-gallery {
padding-right: 0px;
}
.naix-off-canvas-panel .widget-canvas-content .widget-panel-header a.close-canvas-panel {
top: 45px;
right: 40px;
}
.naix-off-canvas-panel .widget-canvas-content {
padding: 30px 40px 0 30px;
}
.naix-off-canvas-panel.menu-sidebar .widget-panel-content {
margin-top: 60px;
max-width: calc(100vw - 60px);
padding-left: 0px;
position: absolute;
right: 40px;
}
.menu-sidebar ul.menu li.menu-item {
padding: 8px 0 8px 0;
}
.naix-off-canvas-panel.menu-sidebar .menu .sub-menu {
padding-top: 8px;
}
.menu-sidebar ul.menu li.menu-item a, 
.menu-sidebar ul.menu li > ul > li > a, 
naix-off-canvas-panel.menu-sidebar .menu .sub-menu li a {
font-size: 19px;
}
.parent-pageid-3861 #content > .container,
.page #content > .container {
padding-left: 30px;
padding-right: 30px;
}
.archive #content2 {
margin-top: 56px;
}
.archive #content > .container,
.archive #content2 > .container,
.single #content > .container,
.single #content2 > .container {
padding: 0 30px 0 62px;
}
.archive article #backgroundx_container img.blogbild {
display: block;
}
.archive article:not(.blog-first) #backgroundx_container .backgroundx {
height: auto !important;
background: none !important;
padding: 0 0 0 0 !important;
}
}
@media screen and (max-width: 500px) {
h2.vc_custom_heading, 
.single .entry-content h2, 
.archive .page-header h2, 
.single .page-header h2,
.single-portfolio-layout-5 .entry-content h2,
.page .page-header h2 {
font-size: 16px !important;
letter-spacing: 0.05em;
}
}
@media screen and (max-width: 450px) {
.home .page-header {
width: calc(100vw - 92px);
height: calc((100vw - 92px)/4.537);
left: 62px;
top: 165px;
background: url(//www.gruen-plan.de/wp-content/uploads/logo-gruenplan.svg) -14px top no-repeat;
background-size: cover;
}
.home.page .page-header > .container {
width: 100%;
height: 100%;
}
}
@media screen and (max-width: 400px) {
.home .page-header {
width: calc(100vw - 92px);
height: calc((100vw - 92px)/4.537);
left: 62px;
top: 140px;
background: url(//www.gruen-plan.de/wp-content/uploads/logo-gruenplan.svg) -12px top no-repeat;
background-size: cover;
}
.home.page #content {
margin-top: 48px;
}
.page-header,
.archive .page-header,
.single .page-header { padding-top: 35px;
}
.site-header .menu-toggle, 
.header-layout-1 .site-header .menu-toggle {
background-size: 80%;
margin-top: -11px;
}
.single-portfolio_project #page #content,
footer#site-footerx {
padding: 0 30px 0 30px;
}
.single-portfolio-layout-5 .entry-content h2 {
padding-left: 3px;
padding-right: 0px;
font-size: 14px;
}
h1.vc_custom_heading, 
.single .entry-content h1, 
.page .page-header .container h1 {
font-size: 50px !important;
margin-bottom: 0px;
padding-left: 0px;
font-weight: 400;
letter-spacing: 0.025em;
}
.site-header .logo img {
width: 55px;
height: 52px !important;
min-height: 52px !important;
}
h1.vc_custom_heading, 
.single .entry-content h1, 
.page .page-header .container h1, 
.archive .page-header .container h1, 
.single .page-header .container h1 {
font-size: 35px !important;
letter-spacing: 0.036em;
}
h2.vc_custom_heading, 
.single .entry-content h2, 
.archive .page-header h2, 
.single .page-header > .container > h2,
.single-portfolio-layout-5 .entry-content h2,
.page .page-header h2 {
font-size: 16px !important;
letter-spacing: 0.04em;
margin: 5px 0 48px -5px;
}
.single-portfolio_project #page #content,
footer#site-footerx,
.page .page-header > .container,
body:not(.home).page #content > .container {
padding: 0 30px 0 30px;
padding-left: 52px;
}
.abstand85 {
height: 50px;
}
.single-portfolio-layout-5 .portfolio-summary-content {
margin: 45px 0 0 0;
}
}
@media screen and (max-width: 374px) {
.single-portfolio_project #page #content,
footer#site-footerx {
padding: 0 20px 0 20px;
}
footer#site-footerx nav.footer-layout-1 ul li a {
padding-left: 0px;
padding-right: 20px;
}
.single-portfolio-layout-5 header#site-header.site-header {
padding-left: 20px;
}
h1.vc_custom_heading, 
.single .entry-content h1, 
.page .page-header .container h1 { margin-bottom: 0px;
padding-left: 0px;
font-weight: 400;
letter-spacing: 0.025em;
}
.site-header .logo img {
width: 55px;
height: 52px !important;
min-height: 52px !important;
}
.menu-sidebar ul.menu li.menu-item a, 
.menu-sidebar ul.menu li > ul > li > a, 
.naix-off-canvas-panel.menu-sidebar .menu .sub-menu li a {
hyphens: auto;
line-height: 25px;
}
.single-portfolio-layout-5 .entry-content h2,
.page .entry-content h2,
.page .page-header > .container > h2,
.single .page-header > .container > h2 {
padding-left: 1px;
padding-right: 30px;
}
h2.vc_custom_heading, 
.single .entry-content h2, 
.archive .page-header h2, 
.single .page-header > .container > h2,
.single-portfolio-layout-5 .entry-content h2,
.page .page-header h2 {
font-size: 13px !important;
letter-spacing: 0.02em;
margin: 4px 0 48px -5px;
}
.single-portfolio_project #page #content,
footer#site-footerx,
.page .page-header > .container,
body:not(.home).page #content > .container,
.archive #content > .container,
.archive #content2 > .container,
.single #content > .container,
.single #content2 > .container {
padding: 0 30px 0 30px;
padding-left: 30px;
}
}
@media screen and (max-width: 319px) {
h2.vc_custom_heading, 
.single .entry-content h2, 
.archive .page-header h2, 
.single .page-header h2,
.single-portfolio-layout-5 .entry-content h2,
.page .page-header h2 {
hyphens: auto;
}
}
a.team-email-mobile {
display: none;
}
#portfolio_team_mobile {
display: none;
margin: 10px 0 10px 0;
}
#portfolio_team_mobile h2,
#portfolio_team_mobile a {
color: #000;
font-weight: 400;
font-size: 14px;
line-height: 18px;
text-transform: none;
margin: 0 0 0 0;
padding: 0 0 0 0;
}
#portfolio_team_mobile h2 {
font-weight: 400; font-family: ClanWeb-Bold;
font-family: ClanWeb-Book;
font-weight: 600;
}
#portfolio_team_mobile a {
font-weight: 400;
display: inline;
}
@media (any-hover: none) {
#portfolio_team_mobile {
display: block;	
}
.page-team article .entry-content .overlay,
.page-team article .entry-content header.entry-header {
display: none;
}
}
@media screen and (min-width: 776px) and (max-width: 778px)  and (min-height: 776px) and (max-height: 778px) {
#portfolio_team_mobile {
display: block;	
}
.page-team article .entry-content .overlay,
.page-team article .entry-content header.entry-header {
display: none;
}
}
@media screen and (max-width: 767px) {
body, h1, h2, h3, h4, h5, h6, div, a, ul, li, p {
font-size: 18px;
line-height: 30px;
}
.page .entry-content, 
.page .entry-content p, 
.page-kontakt .entry-content, 
.page-kontakt .entry-content p, 
.page-kontakt .entry-content a, 
.page-team .entry-content, 
.page-team .entry-content p, 
.archive *,
.single-post .entry-content * {
font-size: 16px;
line-height: 30px;
}
}
@media screen and (max-width: 400px) {
a.insta,
a.insta img {
min-height: 35px !important;
min-width: 35px !important;
max-width: 35px;
min-width: 35px;
width: 35px;
height: 35px;
}
a.insta {
position: absolute;
left: -65px;
top: -20px;
}
}