html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
  margin:0;
  padding:0;
  border:0;
  vertical-align:baseline;
  background:transparent;
}
body { line-height:1; }
h1, h2, h3, h4, h5, h6 { clear:both; }
ul { list-style:none; }
blockquote { quotes:none; }
blockquote:before, blockquote:after {
  content:'';
  content:none;
}
del { text-decoration:line-through; }
table {
  border-collapse:collapse;
  border-spacing:0;
}
a img { border:none; }
img { display:block; }
input[type="submit"]::-moz-focus-inner { border:0; }
input[type="submit"]::-webkit-focus-inner { border:0; }
body {
  background:#ffffff;
  padding:0;
  margin:0;
  font:14px 'Trocchi', serif;
  color:#aaaaaa;
  background-size:100%;
  background-attachment:fixed;
  padding:0 20px;
}
b {
  color:#1e7e24;
  font-weight:normal;
}
a {
  color:#1e7e24;
  text-decoration:none;
}
section a:hover { border-bottom:1px dotted #1e7e24; }
.no-right { margin-right:0 !important; }
hr {
  border-top:1px solid #e5e5e5;
  border-bottom:none;
  height:0;
  overflow:hidden;
}
p {
  font-size:1em;
  line-height:1.5em;
  margin-bottom:10px;
}
blockquote {
  margin:20px 0;
  font-size:20px;
  line-height:1.5em;
  border-top:1px solid #2ab133;
  border-bottom:1px solid #2ab133;
  padding:20px;
  text-align:center;
}
blockquote p { font-size:20px; }
.clearfix:before, .clearfix:after {
  content:"\0020";
  display:block;
  height:0;
  visibility:hidden;
}
.clearfix:after { clear:both; }
.clearfix { zoom:1; }
header {
  max-width:1000px;
  width:100%;
  margin:0 auto;
}
header.front-page { height:415px; }
nav {
  max-width:1000px;
  width:100%;
  height:75px;
  background:#1e7e24;
  background:rgba(30,126,36,0.9);
  margin:0 auto;
  font-weight:normal;
}
section {
  width:100%;
  background:#ffffff;
}
footer {
  max-width:1000px;
  width:100%;
  background:#1e7e24;
  margin:0 auto;
  height:50px;
  color:#ffffff;
  line-height:50px;
}
footer .content {
  padding:0;
  text-indent:20px;
}
header .header_background {
  position:absolute;
  top:0;
  left:0;
  height:160px;
  width:100%;
  background:url("https://www.gaertnerei-grad.de/wp-content/uploads/2012/12/035.jpg") no-repeat center;
  z-index:-999;
  -webkit-background-size:cover;
  -moz-background-size:cover;
  -o-background-size:cover;
  background-size:cover;
}
header.front-page .header_background {
  height:415px;
  background-attachment:fixed;
}
header.contact .contact_background { height:260px; }
header .contact_background {
  position:absolute;
  top:0;
  left:0;
  bottom:80px;
  right:0;
  z-index:-999;
}
header nav {
  font-family:'Oswald', sans-serif;
  text-transform:uppercase;
}
header nav #logo {
  line-height:75px;
  float:left;
  padding:0 20px;
  font-size:2em;
  color:#ffffff;
  font-family:'Trocchi', serif;
  text-transform:none;
}
header nav ul {
  margin:0;
  padding:0;
  float:right;
}
header nav ul li {
  float:left;
  height:75px;
  margin:0;
  position:relative;
}
header nav ul li ul {
  position:absolute;
  left:0;
  top:-99px;
  opacity:0;
  -ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=(@{opacityPercentage}));
  filter:alpha(opacity = (@{opacityPercentage})) !important;
  width:auto;
  -webkit-transition:all .25s ease-in-out;
  -moz-transition:all .25s ease-in-out;
  -o-transition:all .25s ease-in-out;
  -ms-transition:all .25s ease-in-out;
  transition:all .25s ease-in-out;
  opacity:0;
  -ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=(@{opacityPercentage}));
  filter:alpha(opacity = (@{opacityPercentage})) !important;
}
header nav ul li ul li {
  float:none;
  width:200px;
  background:#1e7e24;
  background:rgba(30,126,36,0.9);
  height:auto !important;
}
header nav ul li ul li a { line-height:40px !important; }
header nav ul li.current-menu-item a:first-child { background:#175f1b; }
header nav ul li:hover ul {
  opacity:1;
  -ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=(@{opacityPercentage}));
  filter:alpha(opacity = (@{opacityPercentage})) !important;
  top:75px;
}
header nav ul li a {
  color:#ffffff;
  text-decoration:none;
  padding:0 30px;
  display:block;
  line-height:75px;
  text-align:center;
}
header nav ul li a:hover { background:#175f1b; }
header nav .page_switcher {
  margin:30px;
  float:right;
}
header h1 {
  font-size:3em;
  display:block;
  margin:10px 2%;
  font-family:'Trocchi', serif;
  font-weight:400;
  color:#cccccc;
}
header.front-page h1 {
  text-align:center;
  padding:0 !important;
}
header.front-page h1 span:first-child { margin-left:-30px; }
header.front-page h1 span:last-child { margin-left:30px; }
header.contact h1 {
  padding:0 !important;
  margin:80px 0 80px 2%;
}
header h1 span {
  background:#000000;
  background:rgba(0,0,0,0.8);
  padding:5px 10px;
  display:inline-block;
}
.content {
  max-width:1000px;
  width:100%;
  margin:0 auto;
  padding:20px 0;
}
h2 {
  font-family:'Trocchi', serif;
  font-weight:400;
  font-size:1.5em;
  margin:0 0 20px;
  padding:15px 0;
  line-height:30px;
  border-top:1px solid #e5e5e5;
  border-bottom:1px solid #f2f2f2;
  color:#666666;
}
h3 {
  font-family:'Oswald', sans-serif;
  text-transform:uppercase;
  font-weight:400;
  color:#cccccc;
  text-align:center;
}
.sidebar h3 {
  color:#999999;
  border-top:1px solid #eeeeee;
  height:31px;
  padding:15px 0;
  line-height:30px;
  margin:0 !important;
}
.sidebar .sidebar_widget { margin-bottom:20px; }
.sidebar .sidebar_widget form { margin:0 !important; }
.sidebar .sidebar_widget label { display:none; }
.sidebar .sidebar_widget input[type='submit'] {
  font-size:12px;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
  width:48.5%;
}
.sidebar .sidebar_widget ul li {
  font-size:12px;
  margin-bottom:10px;
  color:#999999;
  position:relative;
  margin-left:15px;
}
.sidebar .sidebar_widget ul li a { font-size:12px; }
.sidebar .sidebar_widget ul li:before {
  content:'\003e';
  font-size:9px;
  position:absolute;
  top:2px;
  left:-15px;
  width:20px;
}
.post { margin-bottom:20px; }
.post .post-meta {
  float:right;
  font-size:13px;
  font-family:'Oswald', sans-serif;
  text-transform:uppercase;
}
.post .post-meta:before {
  margin:0 7px 0 15px;
  font-size:1.2em;
}
.post .thumbnail_holder {
  max-height:372px;
  overflow:hidden;
  margin-bottom:10px;
}
.post .thumbnail_holder img { width:100%; }
.post .tags {
  text-align:right;
  font-family:'Oswald', sans-serif;
  font-size:12px;
  text-transform:uppercase;
}
.pagination {
  display:block;
  text-align:center;
  margin:20px 0;
  background:#eeeeee;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
  font-family:'Oswald', sans-serif;
  font-size:12px;
}
.pagination span, .pagination a {
  display:inline-block;
  padding:5px 10px;
  text-transform:uppercase;
}
.pagination span:hover, .pagination a:hover { border:none !important; }
.comments_section .commentlist { list-style:none; }
.comments_section .commentlist li {
  border-bottom:1px solid #eeeeee;
  margin-bottom:20px;
}
.comments_section .commentlist li ul {
  width:75%;
  float:right;
}
.comments_section .comment-author {
  font-family:'Oswald', sans-serif;
  font-size:12px;
  text-transform:uppercase;
}
.comments_section .comment-author cite {
  font-style:normal;
  margin-right:3px;
}
.comments_section .comment-author cite a {
  float:none;
  font-size:12px;
  font-style:none;
}
.comments_section .comment-author a {
  font-size:11px;
  float:right;
}
.comments_section .comment-author img {
  float:left;
  margin-right:10px;
}
.comments_section .reply {
  font-family:'Oswald', sans-serif;
  font-size:11px;
  text-transform:uppercase;
}
.comments_section .reply span {
  float:left;
  display:block;
  margin:10px 0;
}
.comments_section .reply span a { margin:0 !important; }
.comments_section .reply a {
  float:right;
  display:block;
  margin:10px 0;
}
.comments_section .reply a:hover { border:none !important; }
i.super {
  cursor:default;
  -webkit-transition:all .5s ease-in-out;
  -moz-transition:all .5s ease-in-out;
  -o-transition:all .5s ease-in-out;
  -ms-transition:all .5s ease-in-out;
  transition:all .5s ease-in-out;
  width:100%;
  font-size:100px;
  text-align:center;
  margin:10px auto;
  display:block;
  color:#dddddd;
  height:auto;
  padding:20px 0;
}
h3 {
  -webkit-transition:all .5s ease-in-out;
  -moz-transition:all .5s ease-in-out;
  -o-transition:all .5s ease-in-out;
  -ms-transition:all .5s ease-in-out;
  transition:all .5s ease-in-out;
  margin-bottom:10px;
  line-height:20px;
  text-align:left;
  color:#dddddd;
}
h3 span {
  font-style:italic;
  font-family:'Trocchi', Serif;
  text-transform:none;
  font-size:11px;
  color:#1e7e24;
}
p {
  color:#999999;
  font-size:13px;
  font-family:'Trocchi', serif;
}
a.button {
  background:#1e7e24;
  color:#ffffff;
  font-family:'Oswald', sans-serif;
  text-transform:uppercase;
  font-weight:300;
  padding:10px 0;
  text-align:center;
  display:block;
  width:100%;
}
a.button:hover { border:none; }
.project_container .project {
  width:23.5%;
  display:block;
  margin:10px 0.75%;
  min-height:100px;
  overflow:hidden;
}
.project_container .project a img { width:100%; }
.project_container .project a:hover span { bottom:0; }
.project_container .project a span {
  position:absolute;
  bottom:-30px;
  left:0;
  right:0;
  font-size:12px;
  font-family:'Oswald', sans-serif;
  background:#000000;
  background:rgba(0,0,0,0.8);
  text-transform:uppercase;
  padding:5px;
  color:#ffffff;
  -webkit-transition:all .25s ease-in-out;
  -moz-transition:all .25s ease-in-out;
  -o-transition:all .25s ease-in-out;
  -ms-transition:all .25s ease-in-out;
  transition:all .25s ease-in-out;
}
.project_container .project a span b { float:right; }
.controls-container {
  position:relative;
  margin-bottom:30px;
  height:auto;
}
.controls-container a:hover { border:none; }
.controls-container .project_gallery { position:relative; }
.controls-container .project_gallery li { position:relative; }
.controls-container .project_gallery li img {
  width:100%;
  height:auto;
}
p.philosophy {
  font-size:1.5em;
  margin-bottom:20px;
}
.social.social_list li a {
  display:block;
  padding:5px 10px;
  color:#ffffff;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
  margin:0 0 10px;
}
.social.social_list li a i {
  font-size:2em;
  vertical-align:middle;
  margin-right:10px;
  color:#ffffff;
}
.social.social_list li a:hover { border:none; }
.social.social_list li a.facebook { background:#3b5998; }
.social.social_list li a.twitter { background:#4099ff; }
.social a {
  display:inline-block;
  padding:0 7px;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
  margin:0 0 10px;
  overflow:hidden;
  color:#999999;
}
.social a i {
  font-size:4em;
  vertical-align:middle;
  -webkit-transition:all .25s ease-in-out;
  -moz-transition:all .25s ease-in-out;
  -o-transition:all .25s ease-in-out;
  -ms-transition:all .25s ease-in-out;
  transition:all .25s ease-in-out;
}
.social a:hover { border:none; }
.social a.facebook:hover { color:#3b5998; }
.social a.twitter:hover { color:#4099ff; }
.social a.github:hover { color:#666666; }
form {
  display:block;
  margin-top:20px;
}
form label {
  font-size:9px;
  text-transform:uppercase;
  color:#999999;
  margin:10px 0;
  display:block;
  cursor:pointer;
}
form input[type="text"], form textarea {
  padding:10px 5px;
  display:block;
  width:100%;
  margin-bottom:10px;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
  border-top:1px solid #cccccc;
  border-left:1px solid #cccccc;
  border-right:1px solid #cccccc;
  border-bottom:1px solid #dddddd;
  -webkit-transition:all .25s ease-in-out;
  -moz-transition:all .25s ease-in-out;
  -o-transition:all .25s ease-in-out;
  -ms-transition:all .25s ease-in-out;
  transition:all .25s ease-in-out;
  font-family:Helvetica Neue, Helvetica, sans-serif;
  font-size:11px;
  border-radius:3px;
}
form input[type="text"]:focus, form textarea:focus {
  box-shadow:0 0 5px #175f1b;
  border:1px solid #1e7e24;
  outline:0;
}
form input[type="submit"] {
  border:none;
  background:#1e7e24;
  color:#ffffff;
  font-family:'Oswald', sans-serif;
  text-transform:uppercase;
  font-weight:300;
  padding:10px 0;
  text-align:center;
  display:block;
  width:100%;
  font-size:12px;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
}
form input[type="submit"]:hover { border:none; }
.col-02, .col-1, .col-2, .col-3 {
  float:left;
  margin-right:2%;
}
.col-02 {
  width:10.5%;
  margin-right:1%;
}
.col-1 { width:23.5%; }
.col-2 { width:49%; }
.col-3 { width:74.5%; }
.col-full {
  width:100%;
  float:left;
}
.input_border {
  border-top:1px solid #dcdcde;
  border-left:1px solid #dcdcde;
  border-right:1px solid #dcdcde;
  border-bottom:1px solid #e7e7e9;
}
.isotope-item { z-index:2; }
.isotope-hidden.isotope-item {
  pointer-events:none;
  z-index:1;
}
.isotope, .isotope .isotope-item {
  -webkit-transition-duration:0.8s;
  -moz-transition-duration:0.8s;
  -ms-transition-duration:0.8s;
  -o-transition-duration:0.8s;
  transition-duration:0.8s;
}
.isotope {
  -webkit-transition-property:height, width;
  -moz-transition-property:height, width;
  -ms-transition-property:height, width;
  -o-transition-property:height, width;
  transition-property:height, width;
}
.isotope .isotope-item {
  -webkit-transition-property:-webkit-transform, opacity;
  -moz-transition-property:-moz-transform, opacity;
  -ms-transition-property:-ms-transform, opacity;
  -o-transition-property:top, left, opacity;
  transition-property:transform, opacity;
}
.isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition {
  -webkit-transition-duration:0s;
  -moz-transition-duration:0s;
  -ms-transition-duration:0s;
  -o-transition-duration:0s;
  transition-duration:0s;
}
@media screen and (min-width: 490px) and (max-width: 750px) {
  h1 { font-size:2.1em !important; }
  .header_background { height:144px !important; }
  .front-page { height:auto !important; }
  .front-page h1 { margin:20px 0 !important; }
  .front-page .header_background { height:213px !important; }
  .contact { height:auto !important; }
  .contact h1 { margin-bottom:50px !important; }
  .contact .contact_background { height:221px !important; }
  header nav ul li a { padding:0 10px !important; }
  .project {
    width:100% !important;
    margin:0 0 10px !important;
  }
}
@media screen and (min-width: 0px) and (max-width: 489px) {
  #logo { font-size:2em !important; }
  h1 { font-size:1.5em !important; }
  .header_background { height:133px !important; }
  .front-page { height:auto !important; }
  .front-page h1 {
    margin:20px 0 !important;
    font-size:1em !important;
  }
  .front-page .header_background { height:181px !important; }
  .contact { height:auto !important; }
  .contact h1 { margin-bottom:40px !important; }
  .contact .contact_background { height:193px !important; }
  .col-1, .col-2, .col-3 {
    width:100%;
    float:none;
  }
  nav ul { display:none; }
  nav select { display:block !important; }
  .project {
    width:100% !important;
    margin:0 0 10px !important;
  }
}