@import url(https://fonts.googleapis.com/css?family=Montserrat:400,700|Noto+Sans:400,700,400italic,700italic);

/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

/* ========================================================================
   Use this file to add custom CSS easily
 ========================================================================== */


/* Allgemeine Anpassungen
 -------------------------------------------------------------------------- */

.uk-tab > li > a {
  text-transform:inherit !important;
}

.tm-fullscreen {
  z-index:10 !important;
}

.tm-fullscreen > div {
  position:relative;
}

.tm-middle .uk-flex,
.uk-container .uk-flex {
  background-size:auto auto !important;
}

.tm-navbar-fixed .tm-headerbar {
  z-index:999 !important;
}

.uk-navbar-nav > li > a:focus:after,
.uk-navbar-nav > li.uk-open > a:after {
  max-width:0;
}

a.uk-active:after,
a.uk-active:focus {
  max-width:100% !important;
}


.uk-contrast a:hover:not([class]),
.uk-contrast .uk-link:hover {
  text-decoration:none !important;
}

@media screen and (min-width:0px) and (max-width:1300px) {
  .tm-middle .uk-flex {
    height:auto !important;
  }
  .uk-flex .uk-width-large-2-3,
  .uk-width-large-4-6 {
    width:100% !important;
	padding:20px;
  }
}

/* .uk-flex .uk-width-large-2-3,
.uk-width-large-4-6 {
  padding:20px 20px 0;
} */




/* ========================================================================
   Weitere Anpassungen
 ========================================================================== */


/* Mobile Anpassung der Schriftgröße für die h1
 -------------------------------------------------------------------------- */

dt {
    margin-bottom: 15px;
}

h3.uk-h2 {
  color: #434A54;
}

@media (max-width:500px) {
  h1, .uk-h1 { font-size:34px !important; }
  h2, .uk-h2, h3, .uk-h3 { font-size:24px !important; }
}


/* Anpassung der geordneten Liste im Impressum
 -------------------------------------------------------------------------- */

ol {
  list-style:none;
  counter-reset:listNumbering;
  list-style-type:none !important;
}

ol h2, ol h3, ol h4, ol h5, ol h6 {
  display:inline;
}

ol > li:before {
  content:counter(listNumbering, decimal) ".";
  counter-increment:listNumbering;
  display:inline;
}


/* Anpassung der Kundenstimmen im Footer
 -------------------------------------------------------------------------- */

/*
.wertung i.aktiv {
  color:#fffe00;
}


.wertung i.inaktiv {
  color:rgba(255,255,255,0.5);
}
*/

.kundenstimme {
  font-style:italic;
  border-left:5px solid #d2d2d2;
  padding-left:10px;
}

.verfasser {
  font-size:12px;
}


/* Anpassung der Navigation im Footer
 -------------------------------------------------------------------------- */

.footer-navi {
  margin:40px 0;
}


/* Mobile Anpassung der Telefonnummer
 -------------------------------------------------------------------------- */

.telefon-block2 {
  display:none;
}

@media screen and (min-width:0) and (max-width:500px) {

  .telefon-block1 { display:none; } 
  .telefon-block2 { display:inline-block; }

}




/* ========================================================================
   Off Canvas Menu Fix für Chrome                     !!! DO NOT DELETE !!!
 ========================================================================== */

.uk-offcanvas-page {
  position:relative !important;
}




/* ========================================================================
   Korrektes Ansteuern der Anker ausgehend vom Off Canvas Menu
 ========================================================================== */


@media (max-width:959px) {
  #tm-top-a:before,
  #tm-top-b:before,
  #tm-top-c:before,
  #tm-top-d:before,
  #tm-middle:before,
  #tm-middle:before,
  #tm-main-bottom:before,
  #tm-bottom-a:before,
  #tm-bottom-b:before,
  #tm-bottom-c:before {
    display:block;
    content:" ";
    height:90px;
    margin-top:-90px;
    visibility:hidden;
  }
}




/* ========================================================================
   Abstand nach oben bei den Modulpositionen main-top und main-bottom deaktiviert
 ========================================================================== */

.tm-main > *:nth-child(n+2) {
  margin-top:0px !important;
}


/* ========================================================================
   Back Button verschwindet nicht in der mobilen Ansicht
 ========================================================================== */

#backbtn.uk-visible-large {
  display:block !important;
}


/* ========================================================================
   Header im Impressum ausblenden
 ========================================================================== */

.impressum-fullscreen-none .tm-fullscreen {
  display:none;
}


/* ========================================================================
   Social Media Share Buttons zentrieren
 ========================================================================== */

.shariff .orientation-horizontal {
  display:list-item !important;
}
.shariff .orientation-horizontal li {
  float:none !important;
  display:inline-block;
}

/* ========================================================================
	Kontaktformular Silber
 ========================================================================== */
 
#chronoform-Silber-Kontakt{max-width:560px; margin: 0; text-align: left;}
select.kontakt_input {width: 100% !important;}
#nachricht, #chronoform-Silber-Kontakt .kontakt_input, .gbs3 .gcore-input {width: 97%;}
.uk-button {text-transform: none;}

/* ========================================================================
	Karte
 ========================================================================== */

.gm-style .gm-style-iw {font-size: 16px; color: #555 !important;}
.gm-style .gm-style-iw h3 {color: #555 !important;}
.gm-style-iw {-webkit-box-sizing: padding-box;-moz-box-sizing: padding-box;box-sizing: padding-box;padding: 15px 10px 0;}

/* ========================================================================
	Showroom
 ========================================================================== */

.showroom-galerie .uk-subnav.uk-subnav-pill {
    background: #ddd none repeat scroll 0 0;
    margin: 20px 0;
    padding-bottom: 25px;
}

/* ========================================================================
	Slideshow
 ========================================================================== */

.slideshow p {
margin-bottom: 100px; 
padding: 20px 30px; 
background: #d69300; 
background-color: rgba(214, 149, 0, 0.75); 
display: inline-block; 
font-size: 30px; 
font-family: 'Montserrat';
}

@media (max-width:500px) {
.slideshow p {
  display: none !important;
}
}

/* ========================================================================
	Trenner
 ========================================================================== */

hr.trenner {
  background: url(../../../images/layout/trenner.png) scroll no-repeat center center transparent;
  height: 31px;
  max-width: 220px;
  border: 0 none;
  margin-left: auto;
  margin-right: auto;
  margin-top: 30px;
}

/* ========================================================================
	Ladenbau Hintergrund
 ========================================================================== */

.ladenbau > div {
    background-position: center top;
    background-repeat: no-repeat;
}