/* Enter Your Custom CSS Here */
body {font-family:'adobe-garamond-pro',serif; font-size:16px; overflow: hidden; 
    background: #00913d; /* Old browsers */
    background: -moz-linear-gradient(left, #9e1915 0%, #00913d 13%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #9e1915 0%,#00913d 13%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #9e1915 0%,#00913d 13%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9e1915', endColorstr='#00913d',GradientType=1 );}
#wrapper {width: 100%; margin: 0px;}


.wrap-intro , .wrap-intro-columns, .wrap-intro-preview, .wrap-download, .wrap-services-section1 , .wrap-team, .wrap-team-images, .wrap-post-case, .wrap-beweggruende-section2, .wrap-category, .wrap-intro-contact, .wrap-contact, .team-outro, #footer {background-color: #fff;}

.wrap-intro {height: 100vh; width: 100%; margin-bottom: -200px;}
@media (max-width: 400px) {.wrap-intro {margin-bottom: -140px;}}

.intro-graphic {height:48vh; width: 100%; background: #00913d; /* Old browsers */
    background: -moz-linear-gradient(left, #9e1915 0%, #00913d 13%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #9e1915 0%,#00913d 13%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #9e1915 0%,#00913d 13%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9e1915', endColorstr='#00913d',GradientType=1 ); /* IE6-9 */}

/* .intro-image {width: 100%; height: 100%;
background-image:url(http://dubiousnetwork.org/wordpress_justgrow/wp-content/uploads/2018/06/jg-intro-graphic03.png); background-repeat:no-repeat; background-position:right; background-size: auto 100%;  
  } */
.intro-text {padding:50px;}
@media (max-width: 400px) {.intro-text {padding:30px;}}


/* Font Styles */
@import url("https://use.typekit.net/rwk2nqs.css");
._Default, ._HeadlineGaramond, ._MarkBold, ._MarkBoldBig, ._LinkStandard  {font-weight: normal; color: #000;}
._Default, ._LinkStandard {font-family: "adobe-garamond-pro"; font-size: 18px; line-height: 1.4;}
._HeadlineGaramond {font-family: "adobe-garamond-pro"; font-size: 36px; line-height: 1.2; font-style: italic; margin-bottom:20px;}
@media (max-width: 768px) {._HeadlineGaramond  {font-size: 27px !important;}}
._MarkBold {font-family: MarkBold; font-size: 18px; line-height: 1.4;}
._MarkBoldBig {font-family: MarkBold; font-size: 54px; line-height: 1.2;}
@media (max-width: 768px) {._MarkBoldBig {font-size: 36px !important;}}
@media (max-width: 400px) {._MarkBoldBig {font-size: 27px !important;}}

._LinkStandard {font-style: italic;}
._Default {font-style: normal;}
._Default .MailLink, ._MarkBold .MailLink {font-style: normal !important;}
.headline-h1-italic {margin-bottom: 10px;}
/* Font Styles */

/* Links */
a .download-button { color: #000!important;}
a:hover .download-button { color: #000!important;  border: 1px solid #999; mix-blend-mode: multiply; transition-duration: 1.2s; transition-timing-function: ease; transition-delay: 0s;}
a {text-decoration: none; font-style: italic;  color: #000; transition-duration: 0.8s; transition-timing-function: ease; transition-delay: 0s;}
a:hover {color: #ddd; transition-duration: 1.2s; transition-timing-function: ease; transition-delay: 0s;}
/* Links */

/* Hide Wordpress Elements */
#sidebar {display:none;}
article h2 {display: none;}
.sep {display: none;}
.entry-date {display: none;}
.byline.author.vcard {display: none;}
.post-edit-link {display: none;}
.commentsareclosed {display:none;}
/* Hide Wordpress Elements */

/* Header */
.nav-mobile {width: 100%; height: 600px !important; background-color: grey; position: fixed; z-index: 999999; padding: 50px;}
.nav-mobile .menu-item {background-color: yellow; width: 100%; font-family: "adobe-garamond-pro"; font-size: 36px; line-height: 1.2; font-style: italic !important; text-align:center; margin-bottom:20px;}


#header {width: 100%; position:fixed; bottom: 0px; z-index: 999; 
pointer-events: none; /* Click through */}
#header a {pointer-events: initial;}
#header h1 {position: fixed; bottom: 50px;}
.description {display:none;}
.wrap-header{background-image:url(http://dubiousnetwork.org/wordpress_justgrow/wp-content/uploads/2018/05/justGROW_menu_bg01.png); background-repeat:repeat-x; background-position:bottom; background-size: 25px 240px; padding:50px; height: 240px; }
@media (max-width: 400px) {.wrap-header {padding:30px; height: 180px; background-size: 18px 180px;  }}
#nav {position: fixed; z-index: 1000; bottom: 50px; width: 100%; padding-right: 35px; padding-left: 35px; display: flex; align-items: center; justify-content: center;}
@media (max-width: 1160px) {#nav {justify-content: flex-end;}}
@media (max-width: 928px) {#nav {display: none;}}


.menu-item {padding-left: 15px; padding-right:15px; float:left;}
.menu-item a {text-decoration: none; font-style:normal; color: #000; transition-duration: 0.8s; transition-timing-function: ease; transition-delay: 0s;}
.menu-item a:hover {color: #ddd; transition-duration: 1.2s; transition-timing-function: ease; transition-delay: 0s;}
.logo {width:260px; position: absolute; bottom: 56px; transition-duration: 0.8s; transition-timing-function: ease; transition-delay: 0s;}
@media (max-width: 600px) {.logo {width:195px; }}
@media (max-width: 400px) {.logo {width:165px; bottom: 36px;}}

.logo:hover {opacity: 0.25; filter: alpha(opacity=25); transition-duration: 1.2s; transition-timing-function: ease; transition-delay: 0s;}
/* Header */

/* Startseite */


.wrap-intro-columns {padding:50px; padding-bottom:200px; display: flex; justify-content: space-between;}
@media (max-width: 1024px) {.wrap-intro-columns  {display: block;}}
@media (max-width: 400px) {.wrap-intro-columns  {padding:30px;}}


.wrap-intro-columns .introblock {width: 24%; float:left;}
@media (max-width: 1024px) {.wrap-intro-columns .introblock  {width: 100%; margin-bottom: 50px;}}
.block_1 img, .block_2 img, .block_3 img, .block_4 img {height:4px; width: 100%;} 
/*.block_1 ._MarkBold, .block_2 ._MarkBold, .block_3 ._MarkBold, .block_4 ._MarkBold {margin-bottom:3px;}*/

.wrap-intro-preview {padding:50px; padding-top:30px; padding-bottom:200px;}
@media (max-width: 768px) {.wrap-intro-preview {padding-bottom:50px;}}
@media (max-width: 400px) {.wrap-intro-preview  {padding:30px;}}


.wrap-intro-preview-box {display: flex; justify-content: space-between;}

@media (max-width: 768px) {.wrap-intro-preview-box {display: block;}}

.wrap-intro-preview-box .box-intro-category-post {width: 24%;}
@media (max-width: 768px) {.wrap-intro-preview-box .box-intro-category-post  {width: 100%; margin-bottom: 40px;}}
@media (max-width: 768px) {.entry img  {width: 100%;}}

@media (max-width: 768px) {


.the_content  {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}


.the_content iframe,  
.the_content object,  
.the_content embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.entry-content img, 
.entry-content iframe, 
.entry-content object, 
.entry-content embed {
        max-width: 100%;
}
}



.intro-button {position: relative; height:100%; width: inherit; border: 1px solid #F4F4F2;}
.intro-button-text {height:100%; width: 100%; padding: 50px; display: flex; align-items: center; justify-content: center; text-align: center;}

.intro-button:before {
  content: '';
  display: block;
  position: absolute;
  height: 100%;
  width: 0%;
  bottom: 0;
  transition: width 0.8s ease-in;
  background: #F8F8F6;
  mix-blend-mode: multiply;
}
a:hover .intro-button:before {width: 100%;}
.gradient-line {width: 100%; height: 4px; margin-bottom: 5px;
  background: #00913d; /* Old browsers */
    background: -moz-linear-gradient(left, #9e1915 0%, #00913d 13%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #9e1915 0%,#00913d 13%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #9e1915 0%,#00913d 13%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9e1915',     endColorstr='#00913d',GradientType=1 ); /* IE6-9 */
}
/* Startseite */

/* Download */
.wrap-download {padding-left: 50px; padding-right: 50px; padding-bottom:100px; }
@media (max-width: 400px) {.wrap-download  {padding:30px; padding-bottom:50px;}}

.download-box {
    background: #00913d; /* Old browsers */
    background: -moz-linear-gradient(left, #9e1915 0%, #00913d 13%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #9e1915 0%,#00913d 13%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #9e1915 0%,#00913d 13%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9e1915', endColorstr='#00913d',GradientType=1 ); /* IE6-9 */
    min-height:430px;
    padding: 0;
      list-style: none;
      display: flex;
      align-items: center;
      justify-content: center;}
@media (max-width: 400px) {.download-box  {padding:50px; min-height:300px;}}

.download-box-content {text-align:center; width: 450px;}
.download-button {border: 1px solid #000; width: 180px; text-align: center; margin-top: 40px; position: relative; left:50%; margin-left:-90px;  padding-top: 20px; padding-bottom: 20px; height:100%; }
.download-button:before {content: ''; display: block; position: absolute; height: 100%; width: 0%; bottom: 0; transition: width 0.8s ease-in; background: #999; mix-blend-mode: multiply;}
a:hover .download-button:before {width: 100%;}
/* Download */

/* Pages */
.wrap-grey {background-color: #F8F8F6; padding-left: 50px; padding-right: 50px; padding-top:100px; padding-bottom: 100px; border-bottom: 100px solid #fff; }
@media (max-width: 768px) {.wrap-grey {padding-top:50px; padding-bottom: 10px;}}
@media (max-width: 400px) {.wrap-grey  {padding:30px; border-bottom: 50px solid #fff; }}


.wrap-grey-box,  .wrap-contact-box {display: flex; justify-content: space-between;}
@media (max-width: 768px) {.wrap-grey-box {display: block;}}



.wrap-grey-box .contact-introbox {width: 40%;}
.wrap-grey-box .contact-databox, .wrap-grey-box .contact-databox2 {width: 24%;}
@media (max-width: 768px) {.wrap-grey-box .contact-databox {width:100%; margin-bottom: 40px;}}
@media (max-width: 768px) {.wrap-grey-box .contact-databox2 {width:50%; float:left; margin-bottom: 40px;}}
@media (max-width: 400px) {.wrap-grey-box .contact-databox2 {width:100%; float:left; margin-bottom: 40px;}}


.wrap-grey-box .servicesbox {width: 32%; margin-bottom:40px;}
@media (max-width: 768px) {.wrap-grey-box .servicesbox  {width: 100%; margin-top:40px;}}


.services_intro_headline, .team-detail_intro_headline {margin-bottom: 10px;}
.services_intro_text, .partner_intro_text, .team-detail_intro_text, .contact_intro_text {width:75%;}
@media (max-width: 768px) {.services_intro_text, .partner_intro_text, .team-detail_intro_text, .contact_intro_text {width: 100%;}}
.services_headline {margin-bottom:50px;}
@media (max-width: 768px) {.services_headline {margin-bottom:0px;}}

.wrap-services-section1 {padding:50px; padding-top:30px; padding-bottom:200px;}
@media (max-width: 768px) {.wrap-services-section1 {padding-bottom:50px;}}
@media (max-width: 400px) {.wrap-services-section1  {padding:30px !important;}}



.services-section1-box {display: flex; justify-content: space-between;}
@media (max-width: 768px) {.services-section1-box {display:block;}}


.section1-image, .section1-text {width:49.33%;}
@media (max-width: 768px) {.section1-image, .section1-text {width: 100%;}}
@media (max-width: 768px) {.section1-image {margin-bottom: 20px;}}
@media (max-width: 400px) {.section1-image {margin-bottom: 10px;}}

.wrap-team {padding:50px; padding-top:30px; padding-bottom:200px;}
@media (max-width: 768px) {.wrap-team {padding-bottom: 50px;}}
@media (max-width: 400px) {.wrap-team {padding:30px; margin-bottom: 0px;}}


.wrap-team-images {padding:50px; padding-top:30px; padding-bottom:50px;}
@media (max-width: 400px) {.wrap-team-images {padding:30px; padding-bottom: 0px; margin-bottom:0px;}}

.wrap-team-box {display: flex; justify-content: space-between;}
@media (max-width: 400px) {.wrap-team-box {display: block;}}

.team-box {width:49.33%;}
@media (max-width: 400px) {.team-box {width:100%; padding-bottom: 40px;}}

.team-box img {width: 100%;}
.wrap-beweggruende-section2 {padding:50px; padding-top:30px; padding-bottom:200px;}
@media (max-width: 768px) {.wrap-beweggruende-section2 {padding-bottom: 50px;}}
@media (max-width: 400px) {.wrap-beweggruende-section2 {padding:30px;}}



.beweggruende-section2-box {display: flex; justify-content: space-between;}
@media (max-width: 768px) {.beweggruende-section2-box  {display: block;}}

.section2-headline {width:32.33%;}
@media (max-width: 768px) {.section2-headline {width: 100%;}}

.section2-text {width:66.33%;}
@media (max-width: 768px) {.section2-text {width: 100%;}}


.wrap-grey-box-partner {display: flex; justify-content: space-between; align-items: stretch; height: 100%;}
@media (max-width: 768px) {.wrap-grey-box-partner {display: block;}}

.partnerbox {width:24%; margin-top:50px; display: flex; flex-direction: column; justify-content: space-between;} 
 @media (max-width: 768px) {.partnerbox {width: 100%; margin-bottom: 40px; display: inline-block;}}




.partnerbox-text {width:100%; float: left;}
@media (max-width: 768px) {.partnerbox-text {width: 50%; padding-right:20px;}}
@media (max-width: 400px) {.partnerbox-text {width: 100%;}}

@media (max-width: 768px) {.partner_intro_text {margin-bottom: 40px;}}


/* .partnerbox-image {width:100%; float: left; margin-top: 20px;}
@media (max-width: 768px) {.partnerbox-image {width: 50%;}} */

.partnerbox img {width:100%; margin-top: 20px; }  
@media (max-width: 768px) {.partnerbox img {width: 50%; margin-top: 5px;}}
@media (max-width: 400px) {.partnerbox img {width: 100%; margin-top: 10px;}}


.team-detail-head {display: flex; justify-content: space-between; margin-bottom: -20px;}
.team-outro {padding:50px; text-align:right;}
.wrap-intro-contact {padding:50px; padding-top:30px; padding-bottom:20px;}
@media (max-width: 400px) {.wrap-intro-contact {padding:30px;}}

.wrap-contact {padding:50px; padding-top:30px; padding-bottom: 200px;}
@media (max-width: 768px) {.wrap-contact {padding-bottom: 50px;}}
@media (max-width: 400px) {.wrap-contact {padding:30px;}}

@media (max-width: 600px) {.wrap-contact-box {display: block;}}


.contact-box, .contact-box-blank {width: 24%;}
@media (max-width: 768px) {.contact-box  {width: 33.3%;}}
@media (max-width: 768px) {.contact-box-blank  {width: 0%;}}
@media (max-width: 600px) {.contact-box {width: 100%; margin-bottom: 40px;}}



.wrap-grey-partner {background-color: #F8F8F6; padding-left: 50px; padding-right: 50px; padding-top:100px ; padding-bottom: 0px; margin-left:-50px; margin-right:-50px;}
.nobottompadding {padding-bottom: 0px !important;}
.paddingtop35 {padding-top: 35px;}

.wrap-category {min-height: 100vh; padding-top: 30px; padding-left: 50px; padding-right:50px; padding-bottom: 50px; border-bottom:100px solid #fff;}
@media (max-width: 400px) {.wrap-category  {padding:30px;}}

.container-category-post { 
  width:102%; margin-left:-2%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media (max-width: 768px) {.container-category-post {display: block;}}


.box-category-post {
  margin-bottom:30px; 
  width: 23%; 
  min-height: 100px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
  margin-left:2%;
}

@media (max-width: 768px) {.box-category-post {width: 100%;}}



.wrap-post-case {min-height: 100vh; padding-top: 40px; padding-left: 50px; padding-right:50px; padding-bottom: 50px;}
@media (max-width: 768px) {.wrap-post-case {padding-top: 50px;}}
@media (max-width: 400px) {.wrap-post-case {padding:30px ;}}

.post-case-img {
  margin-bottom:30px; 
  width: 23%; 
  min-height: 100px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
  margin-left:2%;
}

@media (max-width: 768px) {.post-case-img {width: 100%;}}


.post-case-content {
    margin-bottom:30px; 
    width: 73%; 
  min-height: 100px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
  margin-left:2%;
}
@media (max-width: 768px) {.post-case-content {width: 100%; margin-bottom: 100px;}}


.disclaimer-box {width: 75%;}
@media (max-width: 768px) {.disclaimer-box {width: 100%;}}

/* Pages */

/* Case Detail */
.container-post { 
  width:102%; margin-left:-2%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.quotemarks {height:25px; width:25px; margin-right:5px;}
.quote {margin-bottom: 10px;}
.comma-before-text:before {content: ', ';}
.projectdescription {margin-top: 40px;}
/* Case Detail */

/* Footer */
#footer {height: 100vh; border-top: 1px solid #f4f4f2; padding: 50px; clear:both; }
@media (max-width: 400px) {#footer  {padding:30px;}}

.Footer-Navigation ul {list-style-type: none !important; list-style: none !important; list-style-image: none !important; }
.Footer-Navigation-Legal ul {list-style-type: none !important; list-style: none !important; list-style-image: none !important; }
.Footer-Navigation li {padding: 0px; display: block; width: 100%; float: left;}
.Footer-Navigation-Legal li {padding: 0px; padding-right: 20px; font-size: 12px; float: left;}
.footer-column1 a {font-style: normal !important;}
.footer-column1, .footer-column2, .footer-column3, .footer-column4 {width:25%; float: left; padding-right: 2%;}
@media (max-width: 768px) {.footer-column1, .footer-column2, .footer-column3 {width:33.3%;}}
@media (max-width: 768px) {.footer-column4 {width:0%;}}
@media (max-width: 660px) {.footer-column1, .footer-column3  {width: 100%; margin-bottom: 40px;}}
@media (max-width: 660px) {.footer-column2 {display: none;}}



/* Footer */


/*IMAGE HOVER*/
.imghover {height: inherit; width: inherit; position: relative; font-size:0px; line-height: 0px;}
.imghover:before {
  content: '';
  display: block;
  position: absolute;
  height: 100%;
  width: 0%;
  bottom: 0;
  transition: width 0.8s ease-in;
  /*background: linear-gradient(to right, #cd2713 0%,#995026 12%,#707136 21%,#528841 44%,#00c659 84%);*/
  mix-blend-mode: multiply;
  background: #00913d; /* Old browsers */
    background: -moz-linear-gradient(left, #9e1915 0%, #00913d 21%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #9e1915 0%,#00913d 21%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #9e1915 0%,#00913d 21%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9e1915', endColorstr='#00913d',GradientType=1 ); /* IE6-9 */
}
a:hover .imghover:before {width: 100%; pointer-events: none;}

/*IMAGE HOVER*/


/*INTRO IMAGE */
#hideMe{
      background-color: #fff;
    height:100vh;
    width: 100vw;
    position: fixed;
    z-index:999;
    animation:hideMe 0.5s 1;
    -webkit-animation:hideMe 0.5s 1;
    animation-fill-mode: forwards;
    animation-delay:0.8s;
    -webkit-animation-delay:0.8s; /* Safari and Chrome */
    -webkit-animation-fill-mode: forwards; 
} 
@keyframes hideMe{0% {opacity: 1;} 100% {opacity: 0; visibility:hidden;}}
@-webkit-keyframes hideMe{0% {opacity: 1;} 100% {opacity: 0; visibility:hidden;}}

.hideMe-content {
  width: 100%; height: 100%; 
  background: url("http://dubiousnetwork.org/wordpress_justgrow/wp-content/uploads/2018/06/jg-pattern02.png") no-repeat center center fixed; 
  -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;
}
/*INTRO IMAGE */

/* Markierungen */
::-moz-selection {background: #00913d; color: #000;}
::selection {background: #00913d; color: #000;}
/* Markierungen */




/* Verworfen






.button {padding: 15px; border: 1px solid #000; margin-top:35px; min-width: 180px; max-width:180px; left:50%; transform: translateX(-50%);}
/*.button:hover {border: 2px solid #000;} 





*/