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

/* ========================================================================
   Use this file to add custom CSS easily
 ========================================================================== */
html {
  color: #C5C5C5;
}

h5, .uk-h5 {
    font-size: 16px;
    line-height: 20px;
    font-weight:bold;
    text-transform: uppercase;
}

.tm-block.tm-block-remove-margin{
    margin-top:0!important
}


.tm-overlay p {
    color: #c5c5c5;
}

.uk-text-lead {    
    line-height: 30px;
    font-size: 20px;
    color:#fff;
}

.uk-text-primary {color:#ffe500 !important;}

.uk-overlay-area {
    background: rgba(0, 0, 0, 0.75);
}
.tm-heading-underline {
    border-bottom: 4px solid #ffe500;
}
.tm-overlay .tm-overlay-title {
    color: #ffe500;
}
.uk-icon-button {
    box-sizing: border-box;
    display: inline-block;
    width: 54px;
    height: 54px;
    border-radius: 100%;
    background: #ffe500;
    line-height: 54px;
    color: #2F3234;
    font-size: 27px;
    text-align: center;
    -webkit-transition: box-shadow 0.2s ease-out, background-color 0.2s ease-out;
    -moz-transition: box-shadow 0.2s ease-out, background-color 0.2s ease-out;
    transition: box-shadow 0.2s ease-out, background-color 0.2s ease-out;
}
a, .uk-link {
    color: #ffe500;
    text-decoration: none;
    cursor: pointer;
}
.uk-overlay-background {
    background: rgba(0,0,0,.4);
}
.uk-list > li > a {
    text-decoration: none;
    color: #C5C5C5;
}
.uk-navbar {
    z-index: 10;
    margin-top: 0;
}
.headerask {
  padding-left: 30px !important
}
.uk-button {
    -webkit-appearance: none;
    margin: 0;
    border: none;
    overflow: visible;
    font: inherit;
    font-weight:600;
  	color: #25282a;
    text-transform: none;
    display: inline-block;
    box-sizing: border-box;
    padding: 0 12px;
    background: #ffe500;
    vertical-align: middle;
    line-height: 30px;
    min-height: 30px;
    font-size: 1rem;
    text-decoration: none;
    text-align: center;
    border: 4px solid #ffe500;
    border-radius: 50px;
    box-shadow: inset 0 0 0 0 #ffe500;
}
.uk-button:hover, .uk-button:focus {
    background-color: #f1f6f9;
    color: #2f3234;
    outline: none;
    text-decoration: none;
    box-shadow: inset 0 0 0 20px #ffe500;
    -webkit-transition: box-shadow 0.2s ease-out, background 0.3s linear;
    -moz-transition: box-shadow 0.2s ease-out, background 0.3s linear;
    transition: box-shadow 0.2s ease-out, background 0.3s linear;
    background-clip: border-box;
    background-origin: border-box;
}

.uk-button-large {
    min-height: 40px;
    padding: 0 24px;
    line-height: 40px;
    font-size: 16px;
}


html .uk-nav.uk-nav-offcanvas > li.uk-active > a {;
    color: #ffe500;
}
h1, h2 {
  overflow: hidden;
  text-overflow: ellipsis; 
}


.tm-heading-large {
    line-height: 50px;
    font-weight: bold;
    font-size: 36px;
}


.uk-button-my {
  width: 150px;
}
.my-margin-bottom {
  margin-bottom: 40px;
}
.uk-icon-check:before {
  content: "\f00c";
  color: #ffe500;
}
.uk-navbar-nav > li > a {
       color: #fff;
    font-weight:500;
  font-family: Open Sans, "Helvetica Neue", Helvetica, Arial, sans-serif !important
}
.uk-navbar-nav > li.uk-active > a {
    background-color: #191a1b;
    color: #fff;
}


.uk-navbar-attached {
    -webkit-box-shadow: 3px 6px 10px 0 rgba(0,0,0,.6);
box-shadow: 3px 6px 10px 0 rgba(0,0,0,.6);}


.sticky-logo {display:none; height:30px; top:8px;}
.uk-navbar-attached .sticky-logo {display:block;}

.desktop-logo {display:block;}
.uk-navbar-attached .desktop-logo  {display:none;}



.uk-navbar-nav > li.cstm-home {display:none;}
.tm-headerbar img {
    width: 70%;
}
.tm-logo-small img {
    max-width: 160px;
}

a.uk-text-truncate {
    padding-left: 5px;
    text-decoration: none;
}
#impressum ul {
  list-style-type: none;
  padding-left: 0;
  font-size: 1rem;
}
#impressum ul, 
#impressum p, 
#impressum h1, 
#impressum h2 {
  color: #2f3234;
  margin-left: 2rem;
}
#impressum h1 {
  font-size: 1.9rem;
}
#impressum h2 {
  font-size: 1.3rem;
}

/* ========================================================================
   Use this file to add custom CSS easily
 ========================================================================== */
.cstm-pos-menu-r .uk-button {
    color: #ffe500;
    font-weight: 600;
    text-transform: none;
    box-shadow: none;
    background: transparent;
    border: 4px solid transparent;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.cstm-pos-menu-r .uk-button:hover,
.cstm-pos-menu-r .uk-button:active,
.cstm-pos-menu-r .uk-button:focus{
    color: #fff;
    background: #f56f6c;
    border-color: #f56f6c;
}

.cstm-logo-sticky {display:none; height:30px; top:8px;}

 .uk-navbar-attached .cstm-logo-sticky  {display:block;}

@media (max-width: 767px){

.uk-sticky-placeholder {display:none;}

.wk-slideshow-peak{    
    margin-left: -25px;
    margin-right: -25px;
    margin-bottom:40px;
}
.wk-slideshow-peak .uk-overlay-background{  
padding-left: 20px;
    padding-right: 20px;
}
.tm-top-a {padding-left:0; padding-right:0;}
}


@media (min-width: 768px) {
.tm-block {
    margin-top: 60px!important
}

.tm-block.tm-block-small{
    margin-top: 30px!important
}

}
