/*
Theme Name: nhlsv5
Author: David Neubauer
Author URI: http://davidne.at
Description: Theme for https://neubauer-hls.at
Version: 5.0
Text Domain: neubauer-hls.at
*/
.content-wrapper { min-height: 400px; }

.content { max-width: 1140px; margin: 0 auto; padding: 20px; }

.content.space-small { width: 100%; }

.content.space-x-small { width: 62%; }

.content a { color: #ff0202; border-bottom: 2px solid #ff0202; text-decoration: none; }

.content a:hover { color: #5d5b5b; text-decoration: none; border-color: #5d5b5b; }

@media (min-width: 768px) { .content.space-small { width: 80%; }
  .content.space-x-small { width: 62%; } }

.link-button { display: inline-block; padding: 15px 30px; border-radius: 14px; font-weight: 600; color: #ff0202; border: 2px solid #ff0202; background: #ffffff; box-shadow: 7px 6px 20px -10px rgba(0, 0, 0, 0.3); }

.link-button.small { padding: 5px 10px; font-weight: 400; border-radius: 8px; }

.link-button:hover, .link-button:focus, .link-button.small:hover, .link-button.small:focus { box-shadow: 7px 6px 20px -10px rgba(0, 0, 0, 0.3); text-decoration: none; background: #ff0202; color: #ffffff; border-color: #ff0202; }

/* https://github.com/jonsuh/hamburgers <button class="hamburger hamburger-animation is-active" type="button"> <span class="hamburger-box"> <span class="hamburger-inner"></span> </span> </button> */
.hamburger { display: inline-block; cursor: pointer; transition-property: opacity, filter; transition-duration: 0.15s; transition-timing-function: linear; font: inherit; color: inherit; text-transform: none; background-color: transparent; border: 0; margin: 0; overflow: visible; }

.hamburger:hover { opacity: 0.8; }

.hamburger.is-active:hover { opacity: 0.8; }

.hamburger.is-active .hamburger-inner, .hamburger.is-active .hamburger-inner::before, .hamburger.is-active .hamburger-inner::after { background-color: #000; }

.hamburger-box { width: 40px; height: 24px; display: inline-block; position: relative; }

.hamburger-inner { display: block; top: 50%; margin-top: -2px; }

.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after { width: 40px; height: 4px; background-color: #000; border-radius: 4px; position: absolute; transition-property: transform; transition-duration: 0.15s; transition-timing-function: ease; }

.hamburger-inner::before, .hamburger-inner::after { content: ""; display: block; }

.hamburger-inner::before { top: -10px; }

.hamburger-inner::after { bottom: -10px; }

.hamburger-animation .hamburger-inner { transition-duration: 0.075s; transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger-animation .hamburger-inner::before { transition: top 0.075s 0.12s ease, opacity 0.075s ease; }

.hamburger-animation .hamburger-inner::after { transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger-animation.is-active .hamburger-inner { transform: rotate(45deg); transition-delay: 0.12s; transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }

.hamburger-animation.is-active .hamburger-inner::before { top: 0; opacity: 0; transition: top 0.075s ease, opacity 0.075s 0.12s ease; }

.hamburger-animation.is-active .hamburger-inner::after { bottom: 0; transform: rotate(-90deg); transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); }

.header { padding: 30px 5px 10px; }

.header-logo { text-align: center; width: 220px; margin: 0 0 0 15px; }

.header-logo img { width: 100%; }

body.nav-is-active { overflow: hidden; }

#toggle-hamburger { font-size: 0; position: fixed; top: 30px; right: 15px; z-index: 9999; width: 60px; height: 60px; background: #ffffff; border-radius: 100%; padding: 10px; }

.header-mainnav { list-style: none; background: white; padding: 0; margin: 0; display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; overflow: scroll; z-index: 98; padding: 70px 30px; text-align: center; }

.nav-is-active .header-mainnav { display: block; }

.header-mainnav a { color: #5d5b5b; font-size: 30px; line-height: 2.4; }

.header-mainnav a:hover, .header-mainnav a:focus { color: #ff0202; }

.header-mainnav .active { position: relative; }

.header-mainnav .active a { text-decoration: underline; }

.header-subnav { display: none; }

.nav-search a, .nav-search .searchform-cancel { display: none; }

.searchform { border: 2px solid #5d5b5b; position: relative; border-radius: 8px; overflow: hidden; margin: 30px 0; background: #f1f1f1; }

.searchform label { position: absolute; color: #5d5b5b; font-size: 20px; font-weight: 400; top: 50%; left: 15px; line-height: 40px; margin-top: -20px; z-index: 1; }

.searchform input { position: relative; z-index: 2; background: none; color: #5d5b5b; border: none; width: 100%; height: 100%; outline: none; padding: 15px 15px; font-size: 20px; padding-right: 100px; background: transparent; }

.searchform button { position: absolute; z-index: 3; right: 10px; top: 0; bottom: 0; border: 0; width: 90px; background: #f1f1f1; color: #5d5b5b; border-top: 2px solid #f1f1f1; border-bottom: 2px solid #f1f1f1; }

.searchform button:hover, .searchform button:focus { border-bottom-color: #5d5b5b; }

.nav-facebook a { font-size: 20px; padding-bottom: 40px; }

.header-nav.search-input-filled label { opacity: 0; }

@media (min-width: 768px) { .header { padding: 30px 5px 130px; }
  .header-logo { margin: 0 auto; text-align: center; width: 290px; }
  .header-logo img { width: 100%; }
  #toggle-hamburger { display: none; }
  .header-nav { text-align: center; position: absolute; width: 800px; left: 50%; margin-left: -400px; top: 145px; }
  .header-nav.fixed { position: fixed; top: 0; z-index: 999; }
  .header-nav .header-mainnav { padding: 0 120px 0 70px; border-radius: 14px; background: #f1f1f1; display: inline-block; position: relative; box-shadow: 7px 6px 20px -10px rgba(0, 0, 0, 0.3); overflow: visible; }
  .header-nav .header-mainnav-li { display: inline-block; }
  .header-nav .header-mainnav-li a { font-weight: 600; padding: 0 15px; line-height: 64px; height: 64px; border-bottom: 2px solid #f1f1f1; font-size: 17px; display: inline-block; margin: 0; color: #5d5b5b; }
  .header-nav .header-mainnav-li a:hover { text-decoration: none; border-bottom-color: #5d5b5b; background-color: #e8e8e8; }
  .header-nav .header-mainnav-li.active a { border-bottom-color: #ff0202; text-decoration: none; }
  .header-nav .header-mainnav-li.active a:hover { border-bottom-color: #5d5b5b; }
  .header-nav .header-mainnav-li.has-subnav { position: relative; }
  .header-nav .header-mainnav-li.has-subnav:hover .header-subnav { display: inline-block; }
  .header-nav .header-subnav { display: none; list-style: none; position: absolute; top: 64px; left: 0; margin: 0; padding: 0; background: #f1f1f1; min-width: 100%; text-align: left; border-bottom-left-radius: 12px; border-bottom-right-radius: 12px; box-shadow: 7px 6px 20px -10px rgba(0, 0, 0, 0.3); padding-bottom: 10px; border-top: 1px solid #e8e8e8; }
  .header-nav .header-subnav li { border-bottom: 1px solid #e8e8e8; }
  .header-nav .header-subnav a { white-space: nowrap; padding: 0 15px; line-height: 42px; height: 42px; display: block; border-bottom: none; border-left: 2px solid #f1f1f1; }
  .header-nav .header-subnav a:hover { border-left-color: #5d5b5b; }
  .header-nav .nav-icon { position: absolute; right: 20px; top: 0; bottom: 0; width: 45px; transition: all 0.15s ease; }
  .header-nav .nav-icon a { height: 100%; width: 45px; color: #f1f1f1; background: #f1f1f1; padding: 15px 5px; }
  .header-nav .nav-icon span { opacity: 0; }
  .header-nav .nav-home { z-index: 1; left: 20px; right: auto; }
  .header-nav .nav-home a { background: url("/assets/icons/home.png") 50% 50% no-repeat; background-size: 20px; }
  .header-nav .nav-search { z-index: 2; right: 70px; }
  .header-nav .nav-search a { background: url("/assets/icons/search.png") 50% 50% no-repeat; background-size: 20px; }
  .header-nav .nav-facebook { z-index: 1; }
  .header-nav .nav-facebook a { background: url("/assets/icons/facebook.png") 50% 50% no-repeat; background-size: 20px; }
  .header-nav .searchform { display: none; position: absolute; margin: auto; top: 0; bottom: 0; left: 0; right: 0; text-align: left; padding: 0 230px 0 10px; border: 0; background: #5d5b5b; }
  .header-nav .searchform .searchform-cancel { display: inline-block; }
  .header-nav .searchform label { position: absolute; color: #ffffff; font-size: 20px; font-weight: 400; padding: 0 10px; height: 40px; top: 50%; line-height: 40px; margin-top: -20px; z-index: 1; }
  .header-nav .searchform input { position: relative; z-index: 2; background: none; color: #ffffff; border: none; width: 100%; height: 100%; outline: none; padding: 10px 10px; font-size: 30px; }
  .header-nav .searchform button { position: absolute; top: 0; height: 100%; width: 100px; padding: 0; background: none; border: 0; color: #ffffff; padding-top: 4px; border-bottom: 2px solid #5d5b5b; }
  .header-nav .searchform button:hover { border-bottom-color: #ffffff; }
  .header-nav .searchform .searchform-submit { right: 120px; }
  .header-nav .searchform .searchform-cancel { right: 20px; }
  .header-nav.search-active .searchform { display: block; }
  .header-nav.search-active .nav-search { background: #5d5b5b; right: 0; width: 100%; border-radius: 12px; overflow: hidden; }
  .header-nav.search-active .nav-search a { display: none; border-color: none; } }

.card { border-radius: 10px; overflow: hidden; margin-bottom: 30px; box-shadow: 7px 6px 20px -10px rgba(0, 0, 0, 0.3); }

.card-img { padding-bottom: 67%; background-color: #5d5b5b; background-size: cover; }

.card-content { text-align: center; padding: 25px 5px; background: #ffffff; }

.card-content h3 { font-weight: 600; }

.card-content a { color: #ff0202; border-bottom: 2px solid #ff0202; text-decoration: none; }

.card-content a:hover, .card-content a:focus { color: #5d5b5b; text-decoration: none; border-color: #5d5b5b; }

.card-content.dark { background: #f1f1f1; }

.article:after { content: ""; display: table; clear: both; }

.article h1 { font-size: 40px; }

.article .article-header { padding-bottom: 50px; }

.article .article-header time { color: #5d5b5b; }

.article .article-author { position: relative; padding: 20px 0 0 110px; min-height: 100px; margin-top: 20px; margin-bottom: 40px; color: #5d5b5b; }

.article .article-author-img { position: absolute; left: 0; top: 0; background: #5d5b5b; width: 90px; height: 90px; border-radius: 90px; }

.article .article-header-img { background: #5d5b5b; width: 100%; border-radius: 12px; width: 100%; height: 340px; margin-bottom: 20px; }

.article .article-text { padding-bottom: 50px; }

@media (min-width: 768px) { .article .article-header-img { float: right; max-width: 420px; height: 340px; margin: 20px; }
  .article-text { width: 75%; } }

.stat { margin: 0 auto; text-align: center; padding: 20px 0 50px; position: relative; }

.stat:before { background-position-x: 0%; background-position-y: 0%; background-repeat: repeat; background-size: 100% auto; background-position: 50% 50%; background-repeat: no-repeat; opacity: 0.1; width: 100px; height: 100px; content: ''; display: block; position: absolute; left: 50%; top: 50%; margin-top: -50px; margin-left: -50px; }

.stat-erfahrung:before { background-image: url("assets/stat-erfahrung.png"); width: 140px; height: 140px; margin-top: -80px; margin-left: -65px; }

.stat-abgewickelt:before { background-image: url("assets/stat-abgewickelt-2.png"); width: 80px; height: 80px; margin-top: -70px; margin-left: 70px; }

.stat-mitarbeiter:before { background-image: url("assets/stat-mitarbeiter.png"); width: 60px; height: 60px; margin-top: -55px; margin-left: 25px; }

.stat-header { font-size: 40px; font-weight: 600; }

.stat-text { font-size: 20px; }

.feature-list { padding: 20px 0 40px; margin: 0; margin: 0 auto; }

.feature-box .feature-list-item { min-height: 340px; }

.feature-list-item { list-style: none; padding: 0 0 60px; margin: 0; }

.feature-list-item article { margin: 0 auto; }

.feature-article ul { list-style: disc; }

.feature-article a { color: #ff0202; border-bottom: 2px solid red; text-decoration: none; }

.feature-article a:hover, .feature-article a:focus { text-decoration: none; border-color: #5d5b5b; color: #5d5b5b; }

.feature-article-img { background: #5d5b5b; width: 100%; margin-bottom: 20px; padding-bottom: 59%; border-radius: 5px; background-size: cover; }

.comment { max-width: 640px; min-height: 100px; margin: 20px auto 0; text-align: left; padding: 10px 0 30px 100px; padding-left: 110px; position: relative; transform: translate(-20px); }

.comment-img { display: inline-block; width: 90px; height: 90px; background: #5d5b5b; border-radius: 80px; position: absolute; left: 0px; top: 0px; }

.comment-img.anna { background: url("/assets/anna-h.jpg"); background-size: cover; }

.comment-img.walter { background: url("/assets/walter-g.jpg"); background-size: cover; }

.comment-img:before { content: "\201C"; font-size: 160px; color: #5d5b5b; width: 80px; height: 80px; display: inline-block; position: absolute; font-family: serif; opacity: 0.12; z-index: 1; margin-left: 90px; margin-top: -65px; }

.comment-cite { position: relative; z-index: 2; margin: 0 0 8px; font-weight: 600; font-size: 20px; }

.comment-name { font-size: 16px; color: #ff0202; font-weight: 600; }

.comment-work { font-size: 16px; color: #5d5b5b; padding-left: 12px; }

.feature-box { padding: 50px 0 90px; text-align: center; background: #f1f1f1; }

.feature-box.light { background: #ffffff; }

.feature-box h2 { font-size: 40px; color: #ff0202; }

.search-result { margin: 30px 0 30px; }

.search-result-form { font-size: 0; overflow: hidden; display: inline-block; box-shadow: 7px 6px 20px -10px rgba(0, 0, 0, 0.3); border-radius: 5px; }

.search-result-input, .search-result-submit { color: #5d5b5b; background: #ffffff; font-size: 17px; padding: 10px 15px; border-radius: 5px 0 0 5px; border: 2px solid #f1f1f1; border-right: 0; }

.search-result-input:hover, .search-result-input:focus, .search-result-submit:hover, .search-result-submit:focus { background: #f1f1f1; border-color: #f1f1f1; }

.search-result-submit { border-right: 2px solid #f1f1f1; border-left: 0; border-radius: 0 5px 5px 0; background: #ffffff; }

.search-result-submit:hover, .search-result-submit:focus { background: #f1f1f1; border-color: #f1f1f1; }

.search-bottom { padding: 30px 0; }

.gallery { background: #5d5b5b; background: #f1f1f1; text-align: center; border-radius: 12px; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); overflow: hidden; margin: 30px 0; }

.gallery figure { position: relative; margin: 0; }

.gallery img { margin: 0 auto; }

.gallery figcaption { position: absolute; line-height: 1; margin: 10px; bottom: 0; background: #ffffff; color: #5d5b5b; border-radius: 12px; padding: 5px 10px; font-size: 14px; font-weight: 600; }

.gallery .slick-arrow { position: absolute; z-index: 99; font-size: 0; top: 0; bottom: 0; background: rgba(255, 255, 255, 0); border: 0; outline: none; width: 60px; padding: 0; }

.gallery .slick-arrow:hover { background: rgba(255, 255, 255, 0.3); }

.gallery .slick-arrow:before, .gallery .slick-arrow:after { content: ''; position: absolute; width: 30px; height: 30px; background: #ffffff; border-radius: 40px; margin-top: -15px; }

.gallery .slick-prev { left: 0; }

.gallery .slick-prev:before { left: 10px; }

.gallery .slick-prev:after { left: 10px; background: url("/assets/icons/arrow-left.png") 50% 50% no-repeat; background-size: 20px; }

.gallery .slick-next { right: 0; }

.gallery .slick-next:before { right: 10px; }

.gallery .slick-next:after { right: 10px; background: url("/assets/icons/arrow-right.png") 50% 50% no-repeat; background-size: 20px; }

.slideshow { border-radius: 20px; height: 540px; position: relative; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); overflow: hidden; }

.slideshow.changing .slide-card { opacity: 0; }

.slideshow .slide { position: relative; }

.slideshow .slide-1 { background: url("/assets/badezimmer-einfamilienhaus.jpg"); background-size: cover; }

.slideshow .slide-2 { background: url("/assets/lueftungsrohre.jpg"); background-size: cover; }

.slideshow .slide-3 { background: url("/assets/Holz_mit_Landschaft.jpg"); background-size: cover; }

.slideshow .slick-list, .slideshow .slick-track, .slideshow .slick-slide { height: 100% !important; }

.slideshow .slick-slide > div { height: 100%; }

.slideshow .slick-arrow { position: absolute; z-index: 99; font-size: 0; top: 0; bottom: 0; background: rgba(255, 255, 255, 0); border: 0; outline: none; width: 60px; padding: 0; }

.slideshow .slick-arrow:hover { background: rgba(255, 255, 255, 0.3); }

.slideshow .slick-arrow:before, .slideshow .slick-arrow:after { content: ''; position: absolute; width: 40px; height: 40px; background: #ffffff; border-radius: 40px; }

.slideshow .slick-prev { left: 0; }

.slideshow .slick-prev:before { left: 10px; }

.slideshow .slick-prev:after { left: 10px; background: url("/assets/icons/arrow-left.png") 50% 50% no-repeat; background-size: 20px; }

.slideshow .slick-next { right: 0; }

.slideshow .slick-next:before { right: 10px; }

.slideshow .slick-next:after { right: 10px; background: url("/assets/icons/arrow-right.png") 50% 50% no-repeat; background-size: 20px; }

.slide-card { max-width: 340px; background: #ffffff; padding: 30px; position: absolute; height: auto; bottom: 60px; border-radius: 20px; opacity: 1; transition: opacity 0.1s ease; margin: 0 60px; }

.slide-card a { color: #ff0202; text-decoration: none; border-bottom: 2px solid #ff0202; }

@media (min-width: 768px) { .slide-card { right: 90px; } }

.footer { font-size: 0; text-align: center; padding: 40px 0; color: #ffffff; background: #5d5b5b; font-size: 17px; }

.footer a { color: #ffffff; text-decoration: none; border-bottom: 1px solid white; }

.footer a:hover, .footer a:focus { color: #ffffff; text-decoration: none; opacity: 0.5; }

.footer-nav ul { margin: 0; padding: 0; list-style: none; }

a.meister-der-elemente { background-image: url("assets/meister-der-elemente.png"); display: inline-block; width: 100%; font-size: 0; height: 36px; border: 0; background-repeat: no-repeat; background-size: auto 100%; background-position: top center; border-bottom: none; margin-bottom: 30px; }

.footer-content { font-size: 17px; width: 100%; max-width: 100%; }

.footer-content .col { padding: 20px; }

html, body { font-size: 17px; }

h1 { line-height: 1.2; }

/*# sourceMappingURL=style.css.map */