.navbar.navbar-default {background-color:#fff;border:0;border-radius:0;margin-bottom:0}
.navbar.navbar-default .navbar-brand {padding:17px 15px 15px}
.navbar.navbar-default .navbar-brand >img {width:270px;height:auto}
@media only screen and (max-width:1200px) {#main-menu.navbar-default .navbar-brand {padding:22px 10px 20px 20px }#main-menu.navbar-default .navbar-brand >img {width:230px;height:auto }#main-menu.navbar-default .container {width:100% }#main-menu.navbar-default .navbar-nav >li >a {font-size:12px;padding-left:7px;padding-right:7px }}
@media only screen and (max-width:920px) and (min-width:768px) {#main-menu.navbar-default .navbar-brand {padding:35px 0 20px 15px }#main-menu.navbar-default .navbar-brand >img {width:132px;height:auto }#main-menu.navbar-default .container {width:100% }#main-menu.navbar-default .navbar-nav >li >a {font-size:9px;padding-left:5px;padding-right:5px }}
@media only screen and (max-width:767px) {.navbar-default .navbar-nav >.active >a {background-color:#0256a9;color:#fff }#main-menu.navbar-default .navbar-nav >li >a {font-size:17px }.navbar.navbar-default .navbar-brand {padding:0 }.navbar.navbar-default .navbar-brand >img {width:250px;height:auto }.navbar-toggle {margin:25px 20px;border:none }.navbar-default .navbar-toggle .icon-bar {background-color:#0256a9 }}
@media only screen and (max-width:767px) and only screen and (max-width:768) {.navbar-collapse {border-top:solid 1px;border-bottom:solid 1px }}
@media only screen and (min-width:768px) {.navbar.navbar-default {height:100px }#main-menu.navbar-default {background:#fff;-webkit-box-shadow:0 0 3px 0 rgba(0,0,0,0.1);box-shadow:0 0 3px 0 rgba(0,0,0,0.1) }#main-menu.navbar-default .navbar-nav >li >a {padding-top:40px;padding-bottom:40px;font-size:14px }#main-menu.navbar-default .navbar-nav >li.active >a,#main-menu.navbar-default .navbar-nav >li.open >a,#main-menu.navbar-default .navbar-nav >li:hover >a {background:transparent;padding-top:37px;border-top:3px solid #0256a9 }#main-menu.navbar-default .dropdown-menu {padding:0 20px;min-width:220px;background-color:rgba(26,28,40,0.9);border:0;border-radius:0;box-shadow:none;-webkit-box-shadow:none;background-clip:inherit }#main-menu.navbar-default .dropdown-menu >li {border-left:3px solid transparent;margin-left:-20px;padding-left:17px;-webit-transition:border-color 400ms;transition:border-color 400ms }#main-menu.navbar-default .dropdown-menu >li >a {border-top:1px solid #404455;padding:15px 0;color:#eee }#main-menu.navbar-default .dropdown-menu >li:first-child >a {border-top:0 }#main-menu.navbar-default .dropdown-menu >li.active,#main-menu.navbar-default .dropdown-menu >li.open,#main-menu.navbar-default .dropdown-menu >li:hover {border-left-color:#0256a9 }#main-menu.navbar-default .dropdown-menu >li.active >a,#main-menu.navbar-default .dropdown-menu >li.open >a,#main-menu.navbar-default .dropdown-menu >li:hover >a {color:#0256a9;background-color:transparent }}
footer {background-color:#555;line-height:1.5}
footer ul {list-style:none;padding-left:0}
footer a {text-decoration:none;color:#fff;font-size:16.5px}
footer a:hover {text-decoration:underline;color:#fff}
footer li {color:#fff;font-size:16.5px}
footer .ft-title {font-size:22px;color:#fff;padding-bottom:5px}
footer .ft-main {padding:10px 15px;display:flex;flex-wrap:wrap;color:#fff}
@media only screen and (min-width:768px) {footer .ft-main {justify-content:space-evenly }}
footer .ft-main-item {padding:15px;min-width:15px}
footer .ft-social {padding:5px 0}
footer .ft-social-list {display:flex;justify-content:center;border-top:1px #777 solid;padding-top:15px}
footer .ft-social-list li {margin:10px;font-size:23px}
footer .ft-legal {padding:17px 10px 7px 10px;background-color:#333}
footer .ft-legal-list {width:100%;display:flex}
footer .ft-legal-list li {margin:0 8px;white-space:nowrap}
@media only screen and (min-width:768px) {footer .ft-legal-list {justify-content:center }}
@media only screen and (max-width:768px) {footer .ft-main {text-align:center;justify-content:center }footer .ft-legal-list {flex-wrap:wrap;justify-content:center }}
section:focus {outline:none}
section >.section-container {padding-top:170px;padding-bottom:190px}
section .colored-circles {list-style:none}
section .colored-circles li {padding:4px 0}
section .colored-circles li::before {content:"⦿";color:#0256a9;display:inline-block;width:2em;margin-left:-2em}
@media only screen and (max-width:768px) {section >.section-container {padding:80px 30px }}
.background-color {background-color:#fbfbfb}
.section-header {margin-bottom:80px}
@media only screen and (max-width:768px) {.section-header {margin-bottom:50px }}
.section-title {font-size:42px;text-transform:uppercase}
.rounded-edged {border-radius:10px}.btn.btn-primary {background:#0256a9;color:#fff;padding:13px 15px;transition:all 0.03s ease-in-out;border:0}
.btn.btn-primary:focus {background:#0256a9}
.btn.btn-primary:hover {transform:scale(1.06);background:#0256a9}
.btn-container {margin:auto;height:44px;width:166.23px}
a:active {color:#ffd323}
button {user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;cursor:pointer;border:none;padding:8px;font-size:20px;background:linear-gradient(141deg,#0fb8ad 0%,#1fc8db 51%,#2cb5e8 75%);color:white;font-family:cursive;box-sizing:border-box}@media only screen and (min-width:768px) {.same-height-web {display:flex }}
* {font-family:Arial,Helvetica,sans-serif}
p {font-size:17px}
li {font-size:17px}
.strong {font-weight:bold}
.page-title {background-size:cover;background-position:top center;padding-top:200px;padding-bottom:300px}
.page-title >h2 {font-size:50px;color:#fff;text-shadow:0.5px 0.5px #555}
.page-title >h3 {font-size:30px;color:#fff;margin-bottom:30px;text-shadow:1px 1px #444}
@media only screen and (max-width:767px) {.page-title {padding:100px 30px }}
@media only screen and (max-width:992px) and (min-width:768px) {.page-title {padding:200px 30px }}
@media only screen and (max-width:768px) {.page-title {min-height:100vh }.page-title >h2 {font-size:40px }}
.page-title-services {background:#fff;padding:40px 0}
.page-title-services .hero-service-box:hover h3,
.page-title-services .hero-service-box:hover p {color:#0256a9}
.page-title-services a {color:#333}
.page-title-services a:hover {text-decoration:none}
.page-title-services .hero-service-title {font-size:23px}
.page-title-services .hero-service-description {font-size:16px}
.page-title-services .page-title-services-box {padding:0 40px}
.hero-icons {font-size:40px;color:#0256a9}
.offer-box {background-color:#eee;padding:20px;border-radius:20px;cursor:pointer;margin:0 15px;flex:1;display:flex;flex-direction:column}
.offer-box .offer-box-title {font-weight:bold;margin-bottom:25px}
.offer-box .offer-box-description {margin-bottom:25px}
.offer-box .offer-box-price {color:#0256a9;font-size:20px}
.offer-box .bottom {margin-top:auto}
@media only screen and (max-width:768px) {.offer-box {margin-bottom:20px }}
@media only screen and (min-width:768px) {#kontakt .row {display:flex }}
@media only screen and (max-width:768px) {.maps-frame {height:400px !important }}
.contact-right-side-box {padding:20px}
.contact-right-side-box .contact-inner-div {background-color:#0256a9}
@media only screen and (min-width:768px) {.contact-right-side-box .contact-inner-div {padding-top:100px;padding-bottom:200px;padding-left:70px }}
@media only screen and (max-width:768px) {.contact-right-side-box .contact-inner-div {padding:20px }}
.contact-right-side-box .contact-inner-div >h2 {margin-bottom:30px;font-weight:bold;color:#fff}
.contact-right-side-box .contact-inner-div >p {color:#fff;font-size:19px}
.contact-right-side-box .contact-inner-div a {color:#fff}
@media only screen and (max-width:960px) {.contact-right-side-box .contact-inner-div {padding-left:20px;padding-right:20px;text-align:center }}
.contact-left-side-box {padding:20px}
#referenzen {min-height:100vh}
#referenzen .portfolio-filter {list-style:none;padding:0;margin-bottom:50px;display:inline-block}
#referenzen .portfolio-filter >li {float:left;display:block}
#referenzen .portfolio-filter >li:first-child a {border-radius:5px 0 0 5px}
#referenzen .portfolio-filter >li:last-child a {border-radius:0 5px 5px 0}
#referenzen .portfolio-filter >li a {display:block;padding:10px 20px;background:#e5e5e5;color:#64686d;position:relative}
#referenzen .portfolio-filter >li a:hover,
#referenzen .portfolio-filter >li a.active {background:#0256a9;text-decoration:none;cursor:pointer;color:#fff;box-shadow:0 -3px 0 0 #0256a9 inset}
#referenzen .portfolio-filter >li a.active:after {content:" ";position:absolute;bottom:-17px;left:50%;margin-left:-10px;border-width:10px;border-style:solid;border-color:#0256a9 transparent transparent transparent}
@media only screen and (max-width:768px) {#referenzen .portfolio-filter >li a {padding:10px 7px;font-size:15px }}
#referenzen .portfolio-items {margin:-15px}
#referenzen .portfolio-item {width:24.9%;float:left;padding:15px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}
@media only screen and (max-width:768px) {#referenzen .portfolio-item {width:49.9% }}
#referenzen .portfolio-item .portfolio-item-inner {position:relative}
#referenzen .portfolio-item .portfolio-item-inner .portfolio-info {opacity:0;transition:opacity 400ms;-webkit-transition:opacity 400ms;position:absolute;bottom:0;left:0;right:0;height:100%;width:100%;background:rgba(0,0,0,0.4)}
@media only screen and (min-width:768px) {#referenzen .portfolio-item .portfolio-item-inner .portfolio-info .lupe {color:#BBB;font-size:70px;opacity:0.9;position:absolute;left:38%;top:35% }}
#referenzen .portfolio-item .portfolio-item-inner .portfolio-info .preview {position:absolute;top:-18px;right:12px;border-radius:50%;background-image:-moz-linear-gradient(90deg,#2caab3 0%,#2c8cb3 100%);background-image:-webkit-linear-gradient(90deg,#2caab3 0%,#2c8cb3 100%);background-image:-ms-linear-gradient(90deg,#2caab3 0%,#2c8cb3 100%);width:36px;height:36px;line-height:36px;text-align:center;color:#fff;box-shadow:0 0 0 2px #fff;-webkit-box-shadow:0 0 0 2px #fff}
#referenzen .portfolio-item:hover .portfolio-info {opacity:1}
.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:-o-transform,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}
.isotope.infinite-scrolling {-webkit-transition:none;-moz-transition:none;-ms-transition:none;-o-transition:none;transition:none}
@media only screen and (min-width:768px) {.partner-section {display:flex;align-items:center;flex-wrap:wrap }.partner-section .partner-img-div {padding:30px 40px }}
@media only screen and (max-width:768px) {.partner-section .partner-img-div {padding:10px 40px }}
#klima-more-button {margin-top:30px;font-family:Arial,Helvetica,sans-serif;margin:0 auto;display:block}
#klima-more {margin-bottom:30px}
.product-images {margin:18px 0}
.copyright {font-size:13px}
html,
body {width:100%;overflow-x:hidden}
@media only screen and (max-width:768px) {.mini-logo-padding {padding:25px }.col-margin {margin-top:40px }.display-in-web {display:none }.vdkf-space-right >img {height:150px;width:auto;margin:10px auto }}
@media only screen and (min-width:769px) {.mini-logo-padding {padding:30px 40px }.display-in-mobile {display:none }.vdkf-space-right {padding-left:0;padding-right:30px }}