/*


@global-orange-light-color:#F7A516;
@global-orange-color:#f69e04;
@global-blue-color:#0063bb;


//  ================================================= CUSTOM ===========================================================
@media all and (min-width:@breakpoint-medium){

  .uk-container.uk-container-expand{
    padding-left:0;
    padding-right:0;
    }
  }
.headLine .uk-container{
  background:#fff;
  border-bottom:2px solid @global-orange-color;
  }
.tm-main .uk-container{
  padding:20px !important;
  }
// ---------------------------------------------------  SCHRIFTARTEN  --------------------------------------------------

strong, b{
  font-weight:600 !important;
  }
a{
  -webkit-transition:all 0.3s ease-in-out;
  -moz-transition:all 0.3s ease-in-out;
  -o-transition:all 0.3s ease-in-out;
  transition:all 0.3s ease-in-out;
  &:hover{
    text-decoration:none !important;
    }
  }
.uk-h1, h1{
  color:#333;
  font-weight:600;
  font-size:55px;
  text-transform:none;
  letter-spacing:0;
  border-bottom:2px solid @global-orange-color;
  padding:13px 0 0 10px;
  }
h1.uk-article-title{
  color:#333;
  font-weight:600;
  font-size:55px;
  text-transform:none;
  letter-spacing:0;
  border-bottom:2px solid @global-orange-color;
  padding:13px 0 0 10px;
  }
.serviceGebiete .uk-article + .uk-article{
  margin-top:30px;
  }
.serviceGebiete h1.uk-article-title{
  font-size:30px;
  }
.uk-h2, h2{
  text-transform:none;
  }
.uk-h3, h3{
  color:@global-blue-color !important;
  line-height:1.2;
  text-transform:none;
  }
.serviceGebiete h2{
  font-size:30px;
  }
.serviceGebiete .uk-margin-medium-top{
  margin-top:20px;
  }
// -------------------------------------------------------  SLIDER  ----------------------------------------------------

.sliDer{
  border-bottom:2px solid @global-blue-color;
  }
.singleSlide p{
  margin:0;
  }
// -----------------------------------------------------  TEXTBODY  ----------------------------------------------------

.textBody .uk-container{
  background:#fff;
  padding:20px !important;
  }
h1.headLine{
  background:#fff;
  }
// ---------------------------------------------------  BOTTOM AMBIENT  ------------------------------------------------

.bottomAmbient p{
  margin:0;
  }
.uk-width-expand\@m{
  margin:0 0 0 30px;
  padding:20px;
  }
.uk-width-expand\@m h3{
  color:@global-orange-color;
  text-align:left;
  }
.rollovers{
  margin:60px 0;
  }
.homeBox .el-item.uk-panel{
  background:#eeeeed;
  }
.homeBox h3{
  color:@global-blue-color;
  text-align:center !important;
  margin:15px 0 30px 0;
  font-weight:600;
  text-transform:uppercase !important;
  }
.homeBox a{
  text-align:center;
  padding:10px 20px;
  background:@global-orange-color;
  color:white;
  margin:0 25%;
  position:relative;
  white-space:nowrap;
  }
.textArea{
  margin:50px 0;
  }
.bottomAmbiente.uk-section-default.uk-section{
  background:fade(@global-orange-color, 30%) !important;
  }
// ----------------------------------------------------------------- INHALT LIST ---------------------------------------
.uk-article ul, .sideBox ul{
  list-style:none;
  margin:0;
  padding:0;
  }
.uk-article li:before, .sideBox li:before{
  content:'›';
  font-family:FontAwesome;
  color:@global-orange-color;
  margin:0 5px 0 0;
  font-size:26px;
  font-weight:600;
  }
.sideBox li{
  font-weight:600;
  }
// -------------------------------------------------  SIDEBAR  ---------------------------------------------------------

div.uk-section-default:nth-child(6) > div:nth-child(1) > div:nth-child(1) > div:nth-child(2){
  background:#eeeeed;
  }
#module-100 > div:nth-child(1) > h3:nth-child(1) > img:nth-child(1), .sideBox > h3 > img, .custom > h3 > img{
  float:right !important;
  width:135px !important;
  margin:-10px 0 50px 150px;
  }
.sideBox > h3, .custom > h3{
  font-size:36px !important;
  }
.tm-sidebar{
  border:1px solid #ccc;
  padding:20px;
  background:#eeeeef;
  }
.tm-sidebar .sidebarJoomla img{
  border:1px solid #ccc;
  -webkit-transition:all 0.3s ease-in-out;
  -moz-transition:all 0.3s ease-in-out;
  -o-transition:all 0.3s ease-in-out;
  transition:all 0.3s ease-in-out;
  &:hover{
    -webkit-transform:scale(1.2);
    -moz-transform:scale(1.2);
    -ms-transform:scale(1.2);
    -o-transform:scale(1.2);
    transform:scale(1.2);
    }
  }
.uk-icon{
  fill:white;
  }
// ---------------------------------------------------  KONTAKT  -------------------------------------------------------

svg{
  color:@global-orange-color;
  }
// ---------------------------------------------------  MENU  ----------------------------------------------------------

.uk-offcanvas-bar img{
  width:50px;
  height:auto;
  background:@global-orange-color;
  }
.uk-margin-small-right{
  margin-right:10px !important;
  width:45%;
  }
.uk-navbar-nav > li > a{
  border-right:1px solid @global-orange-color;
  font-size:15px;
  color:#000;
  }
.uk-navbar-nav > li.uk-active > a{
  font-weight:600;
  }
// ---------------------------------------------------  BOXES  ---------------------------------------------------------

.schwerpunkt{
  background:@global-orange-light-color !important;
  height:185px;
  position:relative;
  }
.schwerpunkt img.iCon{
  position:absolute;
  top:5px;
  left:5px;
  width:125px;
  }
.schwerpunkt img.iMage{
  position:absolute;
  top:0;
  opacity:0;
  }
.schwerpunkt h4 a{
  position:absolute;
  bottom:0;
  left:5px;
  margin:0 0 7px 0;
  color:white !important;
  font-size:22px;
  }
// ----------------------------------------------------------------------------------- PARALLAX WITH OVERLAY

.parallax{
  background:linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.1)),
  url("https://kts-mobilstrom.de/images/kts-mobilstrom/parallax.jpg") no-repeat center center fixed;
  -webkit-background-size:cover;
  -moz-background-size:cover;
  -o-background-size:cover;
  background-size:cover;
  padding:240px 0;
  position:relative;
  background-attachment:fixed;
  }
.parallax h3{
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%, -50%);
  font-size:36px;
  color:white !important;
  width:75%;
  line-height:36px;
  text-align:center;
  font-weight:400;
  padding:30px 40px;
  background:fade(white, 40%);
  }
/* --------------------------------------------- MEDIA QUERIES -------------------------------------------------------

@media all and (max-width:1024px){
    .parallax{
        background-attachment:inherit;
        background-position:center center;
        height:250px;
        }
    }
*/