@import url(https://fonts.11880-hosting.com/css?family=Open+Sans:400,400italic,700,700italic,800,800italic|Exo+2:400,800,800italic,900,900italic,700italic,700,400italic);

/* 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
 -------------------------------------------------------------------------- */

@media (max-width:400px) {
  h1, .uk-h1 { font-size:38px !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
 ========================================================================== */
 
#chronoform-Gold-Kontakt{max-width:560px; margin: 0; text-align: left;}
#nachricht, #chronoform-Gold-Kontakt .kontakt_input, .gbs3 .gcore-input {width: 96%;}
select.kontakt_input {width: 98.5% !important;}
.uk-button {text-transform: none;}
form {margin: 0;}

/* ========================================================================
	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;}

/* ========================================================================
	Switcher
 ========================================================================== */

.uk-tab > li > a {
    padding-bottom: 5px !important;
    padding-left: 12px;
    padding-right: 12px;
    padding-top: 5px !important;
    text-align: left;
}

/* ========================================================================
	hr
 ========================================================================== */


.hr-small {
    border-width: 3px;
    margin: 40px auto 30px;
    max-width: 100px;
}

/* ========================================================================
	Icon Kontakt
 ========================================================================== */

.uk-icon-button::before {
    transform: rotate(0deg);
}

.uk-icon-button {
transform: rotate(0deg) scale(0.7);
}

/* ========================================================================
	Contrast
 ========================================================================== */

.uk-contrast p, .uk-contrast h3 {
  text-shadow: 1px 1px 3px #000;
}

.uk-contrast a:not([class]), .uk-contrast .uk-link {
    color: rgba(255, 255, 255, 1);
}

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