/* Copyright (C) YOOtheme GmbH, http://www.gnu.org/licenses/gpl.html GNU/GPL */

/* ========================================================================
   Use this file to add custom CSS easily
 ========================================================================== */
@import "fonts.css";

html,body{
    background-color:#ffffff;
    font-family: "Roboto Condensed";
    color:#fff;
    font-size: 18px;
    line-height: 35px;
}
h1,h2,h3,h4,h5,h6{color:#fff;font-family: "Source Sans Pro", sans-serif;}
h1,h1.uk-article-title {
  font-size: 65px;
  font-family: "Source Sans Pro";
  font-weight:200;
  color: rgb(255, 255, 255);
  line-height: 75px;
}
a,.uk-link{color:#fff;}
a:hover, .uk-link:hover {
    color: rgb(125, 125, 125);
    
}
p {
  font-size: 18px;
  font-family: 'Roboto Condensed', sans-serif;
  color: rgb(255, 255, 255);
  line-height: 35px;
  text-align: left;
  font-weight:300;
}

.uk-container{max-width:1200px;}
.tm-headerbar{float:left;margin-bottom:0;margin-top:0;}
.tm-logo{padding:40px 20px 0 40px; }

.tm-navbar{padding-top:0px;margin-bottom:0;margin-top:0px;background-color:white;}
.uk-navbar-nav{float:right;margin-right:0px;}
.tm-navbar .uk-navbar-nav > li > a {
    font-size: 18px;
    font-family: 'Roboto Condensed', sans-serif;
    color: rgb(125, 125, 125);   
    height:125px;
    /*width:145px;*/
    border:0px solid black;
    padding-top:40px;
    text-transform:uppercase;
    text-align: center;
/*    font-weight:100;*/
}
/*Menüpunkt "Home" ausblenden**/
.tm-navbar .uk-navbar-nav > li:first-child{display:none;}
.tm-navbar .uk-navbar-nav > li:hover > a {
    /*background:url(../images/quadrat-designhaeuser.jpg) no-repeat transparent;*/
    background-size:cover;
    /*color:#fff;*/
}
.uk-dropdown-navbar{padding-top:2px;}
.uk-dropdown-navbar{
    background:#fff;
    background-color:transparent;
}
.uk-nav-navbar li a{
    text-transform:uppercase;
    font-size: 18px;
    font-family: 'Roboto Condensed', sans-serif;
    background-color:#F5F5F5;
    margin-bottom:2px;
    padding: 15px 10px 14px 15px;
    color: rgb(125, 125, 125);  
}
.uk-dropdown .uk-dropdown-navbar li a:hover,
.uk-dropdown .uk-dropdown-navbar li a:focus{background-color: rgb(125, 125, 125);color:#f5f5f5; }

ul.uk-dropdown.uk-dropdown-navbar.uk-nav.uk-nav-navbar.uk-dropdown-bottom {
    padding:2px 0px;
}

.tm-top-a .uk-panel{padding:0;padding-bottom:25px;background-color:white;padding-top:0px;}

.uk-navbar-content, .uk-navbar-brand, .uk-navbar-toggle {
   height:auto;
}
/*
 * Icons
 */
.uk-slidenav-previous:before {
  content: "";
  font-family: FontAwesome;
}
.uk-slidenav-next:before {
  content: "";
  font-family: FontAwesome;
}
.tm-top-a .uk-slidenav{height:80px;}
.tm-top-a .uk-slidenav-position .uk-slidenav-next {
    right: -16px;
}
.tm-top-a .uk-slidenav-position .uk-slidenav-previous {
    left: -16px;
    background:url(../images/pfeil-links.png) no-repeat center top;
}
.tm-top-a .uk-slidenav-position .uk-slidenav-previous:hover {background-position:center 100%;}

.tm-top-a .uk-slidenav-position .uk-slidenav-next {
    right: -16px;
    background:url(../images/pfeil-rechts.png) no-repeat center top;
}
.tm-top-a .uk-slidenav-position .uk-slidenav-next:hover {background-position:center 100%;}
.tm-top-a .uk-slidenav-position .uk-slidenav{display:block;}

.is-home .tm-top-a .JubilaeumBadge{
    position:absolute;
    right:40px;
    top:20px;
    z-index:1000;
    border:0px solid red;
    height:140px;
    width:140px;
    background:url(../images/25jahre.png) no-repeat left top transparent;
}

#tm-top-b{margin-top:0;}
#tm-top-b > div > .uk-panel{padding:0px;padding-bottom:25px;background-color:white;}
/*Leistungsgrid Startseite*/
.tm-top-b .uk-overlay-panel h3{
    color:#fff;
    text-transform:uppercase;
    font-size: 35px;
    font-family: "Roboto Condensed";
    color: rgb(255, 255, 255);
    text-align: center;
}
.tk-gallery-leistungen-startseite .uk-overlay-fade{opacity:1;}
.tk-gallery-leistungen-startseite .uk-panel:hover img{transform: scale(1.1);}
.tk-gallery-leistungen-startseite .uk-panel:hover .uk-overlay-panel{opacity:0.7;transition:0.3s all ease-in-out;}

.tm-top-b .grid-designhaeuser{margin-bottom: 10px;}
.tm-top-b .grid-designhaeuser .uk-overlay-hover:not(:hover):not(.uk-hover) .uk-overlay-panel:not(.uk-ignore){
    opacity:1;
}
.tm-top-b .grid-designhaeuser .uk-overlay-panel h3.uk-h3{font-size:22px;font-weight:200;}

.greyBg{background-color:#575e64;}
.greyBg .uk-container,.bottomWrapper .uk-container{max-width: 720px;}
.bottomWrapper{background-color:#c8c1a4;margin-bottom:0px;}
.tm-middle{padding-top:120px;padding-bottom:215px;}
/*.tk-maxWidthContent{max-width:720px;}*/


.tm-main .yoo-zoo article.uk-article ul li{
    list-style-type: square;
    margin-bottom: 10px;
}

.tm-bottom-a .uk-panel,
.tm-bottom-a .uk-panel h3{ color:#666;}

.tm-bottom-a .unsere-leistungen{text-align:center;}
.tm-bottom-a .unsere-leistungen > div{text-align:left;}


.tm-bottom-b .unsere-leistungen {
    padding-top: 60px;
    padding-bottom: 65px;
    /* margin-bottom: 5px; */
    color: #565D65;
}
.tm-bottom-b .unsere-leistungen ul li{list-style-type: square;margin-bottom:10px;}

.blog-statische_seiten .uk-article h3,
.tm-bottom-b .unsere-leistungen h3{
    font-family: "Roboto Condensed";
    font-weight:bold;
    color:#565D65;
    background-color:#fff;
    padding:20px 25px 20px 25px;
}


#tm-bottom-c {
    padding-top: 30px;
    padding-bottom: 45px;
    color: #fff;margin-bottom:0;margin-top:0;
    background-color: #575e64;
    border-top: 0px solid #fff;
}
#tm-bottom-c .uk-panel{text-align:center;color:#fff;}
#tm-bottom-c .uk-panel .uk-nav-side li a{text-transform: uppercase;color:#fff;font-size: 18px;font-family: "Roboto Condensed";}


/*Grid Projekte Anfang*/
.tk-gallery-projekte .uk-panel-title {background-color:#575e64;color:#fff;padding:20px;}
.tk-gallery-projekte .uk-panel-title {background-image:url(../images/pfeil-links-kl.png);
     -webkit-transition:background 0.5s; /* Safari */
    transition: background 0.5s;
    background-repeat: no-repeat;background-position: calc(100% - 20px) center;position:relative;}
.tk-gallery-projekte figure:hover .uk-panel-title {background-image:url(../images/pfeil-oben-kl.png);}


.tk-gallery-projekte figure > div.uk-overlay-panel > div > div{margin-top:20px;}
.tk-gallery-projekte figure > div.uk-overlay-panel > div > div > ul{list-style-type: square;}
.tk-gallery-projekte figure > div.uk-overlay-panel > div > div > ul >li{line-height:20px;margin-bottom:10px;}

/*Grid Projekte Ende*/

/*standard template styles überschreiben*/
.uk-nav-side > li.uk-active > a {
    background-color: white;
    background: transparent;
    color: #ffffff;
}
div.uk-modal.uk-open > div > a.uk-close-alt{background-color:#333;}
/*Ende standard styles überschreiben*/

#offcanvas ul.uk-nav-offcanvas > li {    
    border-bottom: 1px solid #666;
    line-height: 30px;
}
#offcanvas ul.uk-nav-offcanvas > li ul.uk-nav-sub > li{    line-height: 30px;} 

.uk-navbar-toggle,.tk-respMenuToggle{color:rgb(125,125,125);}
/*media queries*/
@media (min-width: 768px) {
  .uk-container {
    
    /*padding: 0;*/
  }
  .uk-navbar-nav > li > a{
      padding:0 10px 0 10px;
  }
}
@media (max-width: 959px) {
    .tm-navbar .uk-navbar-nav > li > a {
        font-size: 16px;
    }
    .tm-headerbar a.tm-logo {padding-left:0;padding-right:0;}
}
@media (max-width: 767px) {
    .tm-middle {
        padding-top: 45px;
        padding-bottom:65px;
    }
    h1,h1.uk-article-title {
        font-size:45px;line-height:54px;
    }
    .tm-logo {
        padding-top:40px;
        padding-left: 0px;padding-right:0px;
        padding-bottom: 40px;
    }
    .tm-navbar {
        padding-top: 40px;
        padding:40px 25px 0 25px;
        margin:0;
    }
    .uk-navbar-toggle {
        margin-right:-35px;;
    }
}
@media (max-width: 559px) {
    .tm-top-b .uk-overlay-panel h3 {
        font-size: 28px;
    }
}
@media (max-width: 375px) {
    /*.tm-headerbar{width:67%;}*/
    /*.tk-respMenuToggle{display:none!important;}*/
    .tm-headerbar{width:66%;}
    /*.tm-logo{width:66%;}*/
}
@media (max-width: 279px) {
    
    .tk-respMenuToggle{display:none!important;}
}