/* Schrift */

@font-face {
    font-family: 'vag_roundregular';
    src: url('../fonts/vag_round_regular-webfont.woff2') format('woff2'),
         url('../fonts/vag_round_regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

/* Cookies */

.cc-color-override--2106506041.cc-revoke {
background-color:#000 !important;
color:#eec900 !important;
}

/* Toolbar */

.tm-toolbar-default 
    {
    min-height:20px !important;
    }

.uk-subnav a 
    {
    color:#333d40 !important;
    }

.uk-subnav a:hover
    {
    color:#333d40 !important;
    text-decoration: underline;
    }

/* Toolbar Ende */


/* STYLE CSS */

.sw-yellow {
color:#eec900 !important;
}

/* STYLE CSS ENDE */


/* Logo Auto Ausklappmenü */

#module-118 {z-index:100;}

#module-118 img {max-width: 250px;}

.uk-navbar-container:not(.uk-navbar-transparent) 
    {
    background: #000;
    max-height: 69px;
    }
    
.uk-navbar-nav 
    {
    margin-top:-150px;
    text-align: left !important;
    }
    
.uk-sticky-fixed .uk-navbar-nav 
    {
    margin-top:-80px;
    }
    
.uk-navbar-nav > li > a{
    align-items: start;
    min-height: 60px;
    }
    
.uk-container-expand {
  max-width: min-content;
}

.uk-navbar-container .sw-mail-mobile,
.uk-navbar-container .sw-tel-mobile,
.uk-navbar-container .sw-mail-contact
    {
    display:none;
    }

.sw-logo-container 
    {
    /*! height:170px; */
    width: 240px;
    margin-left: 3px;
    border-radius: 0px 0px 8px 8px;
    border-bottom:2px solid #000000;
    border-left:2px solid #000000;
    border-right:2px solid #000000;
    transition: height 1s ease-in-out;
    /*background: linear-gradient(#eec900 10%, #feb006 99%);*/
    background-color:#eec900;
    }

.sw-logo-container a 
    {
    color:#000000;
    }

.uk-navbar-sticky .sw-logo-container 
    {
    height:80px;
    border-bottom:2px solid #000000;
    border-left:2px solid #000000;
    border-right:2px solid #000000;
    transition: height 1s ease-in-out;
    }
    
.uk-navbar-sticky .sw-logo-container 
    {
    margin-top: 20px;
    }
    
.sw-logo-img-container 
    {
    }

.uk-navbar-sticky .kfz-mw, .uk-navbar-sticky .sw-logo-container hr, .uk-navbar-sticky .sw-tel, .uk-navbar-sticky .sw-mail 
    {
    display:none;
    }

.sw-logo-container hr 
    {
    border:1px #000000 solid;
    width:150px;
    margin-left:50px;
    }

.sw-tel 
    {
    font-weight:bold;
    font-size:16px; 
    text-align:center;
    margin-top: 20px;
    }

.sw-mail 
    {
    font-weight:bold;
    font-size:16px; 
    text-align:center;
    margin-top: 5px;
    margin-bottom: 20px;
    }

.uk-navbar-sticky .sw-auto-rad-contact-1 
    {
    width: 55px;
    height: 36px;
    border-radius:2px;
    background-color: #eec900;
    margin-top: -52px;
    border: 2px solid #000000;
    border-radius:5px;
    transition:opacity 2s ease-out;
    margin-left: 60px;
    cursor: pointer;
    }
    
.sw-auto-rad-contact-1:hover    
    {
    background-color: #feb006;
    }

.uk-navbar-sticky .sw-auto-rad-contact-2 
    {
    width: 55px;
    height: 36px;
    background-color: #eec900;
    margin-top: -40px;
    border: 2px solid #000000;
    border-radius:5px;
    transition:opacity 2s ease-out;
    margin-left: 131px;
    cursor: pointer;
    }

.sw-auto-rad-contact-2:hover     
    {
    background-color: #feb006;
    }

.uk-navbar-sticky .sw-mail-mobile 
    {
    width: 25px;
    height: 25px;
    margin: 5px 0 0 13px;
    display: inline;
    }

.uk-navbar-sticky .sw-tel-mobile 
    {
    width: 25px;
    height: 25px;
    margin: 6px 0 0 15px;
    display: inline;
    }
    
.uk-navbar-sticky .sw-logo 
    {
    width:120px; 
    margin-left:55px; 
    margin-top:-20px;
    }
    
.uk-navbar-sticky .sw-mail-contact 
    {
    margin: 3px 0 0 13px;
    display:inline;
    }
    
.rk-logo-mobil, .rk-logo-small
    {
    display:none;
    }

/* Logo Auto Ausklappmenü Ende */  

.uk-section-primary:not(.uk-preserve-color)
    {
    color: rgb(255, 255, 255);
    }

.uk-section-primary:not(.uk-preserve-color) .uk-icon-button{
 background-color: rgba(0,0,0,.16);
 color: rgb(255, 255, 255);
}

/* MEDIA QUERIES */

@media (max-width: 1400px) {

#module-122 img {max-width:150px;}
    
div
    {
    font-size:16px;
    }
    
.uk-h5
    {
    font-size:17px;
    font-weight:700;
    }
    
.uk-tile 
    {
    padding:0 30px 0 30px;
    }
    
.uk-navbar-nav, .uk-sticky-fixed .uk-navbar-nav 
    {
    margin-top:0px;
    }
    
.uk-navbar-nav li a 
    {
    font-size: 13px;
    }
    
.uk-container-expand 
    {
    max-width: min-content;
    }
       
.sw-button-block .el-content
    {
    margin-top:5px !important;
    }
    
.sw-logo-container 
    {
    width:144px;
    height:100px;
    margin-left:1px;
    position: absolute;
    z-index:11;
    }
  
.sw-logo img
    {
    width:105px !important;  
    }
    
.uk-navbar-sticky .sw-logo 
    {
    width:105px;
    margin:0 10px 0 20px;   
    }

.sw-tel-mobile {
    position:absolute;
    z-index:100;
    margin-top:100px;
    width: 22px !important;
    height: 24px;
    margin-left: 14px;
    }
    
.rk-logo-small
    {
    display:block !important;
    }
    
.rk-logo-small img 
    {
    width:150px;
    }
    
.rk-logo
    {
    display:none !important;
    }
    
.uk-navbar-sticky .sw-logo-container 
    {
    width:144px;
    height:100px;
    margin-left:1px;
    position: absolute;
    z-index:11;
    
    }
    
.uk-navbar-sticky .sw-logo-container 
    {
    margin-top: 0px;
    }
    
.sw-auto-rad-contact-1 
    {
    width: 50px;
    height: 30px;
    border-radius:2px;
    background-color: #eec900;
    border: 2px solid #000000;
    border-radius:5px;
    cursor: pointer;
    margin:8px 0 0 13px;
    float:left;
    }
    
.sw-auto-rad-contact-1:hover    
    {
    background-color: #feb006;
    }

.sw-auto-rad-contact-2 
    {
    width: 50px;
    height: 30px;
    background-color: #eec900;
    border: 2px solid #000000;
    border-radius:5px;
    cursor: pointer;
    float:left;
    margin:8px 0 0 8px;
    }

.sw-auto-rad-contact-2:hover     
    {
    background-color: #feb006;
    }
    
.uk-navbar-sticky .sw-auto-rad-contact-1 
    {
    width: 50px;
    height: 30px;
    border-radius:2px;
    background-color: #eec900;
    border: 2px solid #000000;
    border-radius:5px;
    cursor: pointer;
    margin: 8px 0 0 13px;
    float:left;
    }
    
.uk-navbar-sticky .sw-auto-rad-contact-2 
    {
    width: 50px;
    height: 30px;
    background-color: #eec900;
    border: 2px solid #000000;
    border-radius:5px;
    cursor: pointer;
    float:left;
    margin:8px 0 0 8px;
    }
    
.sw-tel-mobile, .uk-navbar-sticky .sw-tel-mobile 
    {
    display:block !important;
    width:25px !important;
    margin:3px 0 0 12px;
    }
    
.sw-mail-contact, .uk-navbar-sticky .sw-mail-contact
    {
    display:block !important;
    width:25px !important;
    margin:3px 0 0 12px;
    }

} 

/* MEDIA QUERIES MOBIL */

@media (max-width: 1000px) {
    
.uk-tile 
    {
    padding:60px 0px 60px 0px;
    }
    
    
.sw-logo-container 
    {
    display:none;
    }
    
.rk-logo-mobil 
    {
    display:block;
    }
  
}

@media (max-width: 640px) {

.sw-mechaniker-image img
    {
    max-width:50% !important;
    }
    
    .uk-width-large {
     width: 350px;
    }
}

@media (max-width: 600px) {

.uk-h1, h1 
    {
    font-size:30px;
    }
    
div
    {
    font-size:17px;
    }
    
.uk-h5
    {
    font-size:17px;
    font-weight:700;
    }
    
.sw-services-grid .uk-first-column
    {
    margin: 2% 5% 2% 5%;
    }
    
.sw-services-grid .uk-panel
    {
    margin: 2% 5% 2% 5%;
    }

.sw-services-grid svg 
    {
    margin-bottom: -30px;
    }
    
.sw-kontakt svg
    {
    height: 50%;
    width: 50%;
    margin-bottom:-15px;
    }

.uk-button, .uk-button-large
  {
  font-size:16px !important;
  }
  
.uk-navbar 
  {
  margin-bottom: -20px;
  }

}

/* MEDIA QUERIES MOBIL PHONE ENDE */