/*-----------------------------------------------------------------------------------*/
/* Custom CSS schreinerei-kiesl.de */
/*-----------------------------------------------------------------------------------*/

body{
  font-weight: 300;
  line-height: 1.5em;
}

.body20 {
  font-size: 1.1em;
}

p {
  hyphens: auto;
  word-break: normal;
}

/* .maincontent {
    padding: 30px 15px;
} */

h1 {
  font-size: 2.2rem;
  font-weight: 500;
  text-transform: none;
  color: #9bdbe9;
  letter-spacing: -1px;
  margin: 0 0 0.9rem;
}
h1.scdiv {
    font-size: 2.4em;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #9bdbe9;
}

h1.jub {
  font-size: 2.0em;
  color: #9bdbe9;
  letter-spacing: 2px;
  text-transform: none;
}

h2 {
    font-size: 1.8rem;
    line-height: 2em;
}

h2.jub {
  font-size: 1.6em;
  font-weight: 200;
  color: #9bdbe9;
  letter-spacing: -1px;
  text-transform: none;
}

h3 {
  color: ##232323 !important;
  line-height: 1.25;
  font-size: 1.5em;
  font-weight: 300;
}

.logo {
  padding: 15px 20px 15px 0;
}

.copyright p {
  font-weight: 400;
  text-transform: none;
  font-size: .85rem
}

.layerslideshow-title {
  font-size: 2.4em !important;
  font-weight: 300;
  letter-spacing: 2px;
  text-transform: none;
  /* color: #9bdbe9; */
  color: #fff;
}
.layerslideshow91 .layerslideshow-caption {
  font-size: 1.4em;
}
.layerslideshow91 .info-wrapper {
    background-color: rgba(0,0,0,0.5);
    border: 0.5px solid #fff;
}

.layerslideshow .NextArrow, .layerslideshow .PrevArrow {
    background-color: rgba(255, 255, 255, 0.0) !important;
}

.footermenu ul li a, .footermenu ul li span {
  color: #05940f !important;
  font-weight: 500;
  text-shadow: 1px 1px 5px #888;
}

.btn, .button, button, .owl-prev, .owl-next {
    border-radius: 30px;
}

.uk-grid {
  padding: 35px 0 35px 0 !important;
}
.uk-panel-title {
  font-size: 28px !important;
  line-height: 34px !important;
  font-weight: 600 !important;
  border-bottom-width: 1px !important;
  border-bottom: 5px solid #a2a2a2;
  padding-bottom: 13px;
}
.uk-border-rounded {
  border: 1px solid #505050;
}

#box { position: relative; left: 330px; top: -210px;}
.but_orange {
  color: #fff; 
  padding: 15px; 
  border: 1px solid #fff; 
  border-radius: 50px;
}
.but_orange:hover {
  color: #000; 
  background-color rgba(255,255,255,0.6);
}

.btn_black {
  -webkit-transition-duration: 0.1s;
  transition-duration: 0.1s;
  color: #000; 
  padding: 15px; 
  border: 1px solid #c2c2c2; 
  border-radius: 50px;
  background-color: rgba(255, 255, 255, 0.6);
}
.btn_black:hover {
  color: #fff; 
  background-color: rgba(71, 157, 177, 0.95);
}

.carousel_head {
  font-weight: 200; 
  color:#9bdbe9;
  border: 1px solid #9bdbe9; 
  padding: 5px;
}

.sap_footer {
  font-size: 2.8rem; 
  text-transform: uppercase;
  color: #212121;
}
.sap_underline {
  font-size: 0.95rem;
  font-weight: 400;
  color: #212121;
  letter-spacing: 10px;
}

li {
  font-weight: 400;
  letter-spacing: 0.5px;
  line-height: 1.4em;
}
    
.hornav > ul > li > ul > li > a, .hornav > ul > li ul > li > ul > li > a {
    font-size: 1.0rem;
}
.hornav .menu li li [class^="fa-"]::before, .hornav .menu li li [class*=" fa-"]::before {
  top: 3px;
  left: 10px;
  text-shadow: 1px 1px 4px #a2a2a2;
}
.hornav > ul > li > a {
  font-size: 18px;
  line-height: 26px;
  text-transform: none;
  font-weight: 300;
}
.hornav > ul > li > ul > li:hover > a,
.hornav > ul > li ul > li > ul > li:hover > a {
  background-color: rgba(1, 191, 5, 0.04);
}

.header-1, .header-2 {
    font-weight: 400;
}

.text-dark [class^="fa-"]::before, .text-dark [class*=" fa-"]::before {
  color: rgba(0, 0, 0, 0.5);
}

.contenttop h3 {
  color: #9bdbe9 !important;
  font-weight: 300;
  text-transform: uppercase;
  letter-spacing: 1px;
  text-shadow: 1px 1px 5px rgba(0,0,0,0.5);
}

.top-1 h3 {
  color: #9bdbe9 !important;
  font-weight: 300;
  text-transform: uppercase;
  letter-spacing: 1px;
  text-shadow: 1px 1px 5px rgba(0,0,0,0.5);
}

h1.team {
  text-transform: none;
  color: #9bdbe9;
  font-size: 1.529em;
  font-weight: 400;
}

.module:first-of-type .module_surround {
    padding-top: 35px;
}

.module .module_surround, .module_menu .module_surround {
    padding: 0px 32px 35px;
}

#footer-1 .module:first-of-type .module_surround {
  padding-bottom: 1px;
}

#footer-1 .module:first-of-type .module_surround p {
  margin-bottom: 0.01rem;
}

.bottom-1 .module_header h3 {
  font-size: 1.1em;
  font-weight: 500;
}
.bottom-1 {
  font-weight: 400;
  font-size: 0.9em;
}

/*
#container_bottom1_modules {
    box-shadow: -2px -2px 7px rgb(143,207,143);
}
*/

hr.header2 {
  max-width:110px;
  display: block;
  margin: 0 0 10px 0;
}

.breadcrumb > li {
    font-size: 13px;
    font-weight: 600;
}

.menu li [class^="fa-"]::before, .menu li [class*=" fa-"]::before {
    color: rgba(71, 157, 177, 0.9) !important;
}

[class^="fa-"]::before, [class*=" fa-"]::before {
  color: rgba(71, 157, 177, 0.9);
  padding-left: 2px;
  padding-right: 5px;
}
#container_base [class^="fa-"]::before, #container_base [class*=" fa-"]::before {
    color: rgba(71, 157, 177, 0.9);
    padding-left: 2px;
    padding-right: 5px;
}
#container_base {
    color: #505050;
}
#container_base a {
    color: #9bdbe9;
}

.slideout-menu .menu a {
  color: #9bdbe9;
  font-weight: 500;
}

.layer_caption {
  line-height:1.9em;
  font-size:1.6em;
  text-shadow: 1px 1px 5px #474747;
}

.folegal {
  font-size: 9pt;
  font-weight: 300;
  text-transform: uppercase;
  letter-spacing: 1.5px;
}

/* --- TABS */
.rl_tabs .nav-tabs > li.active > a, .rl_tabs .nav-tabs > li.active > a:hover {
  color: #9bdbe9;
  font-weight: 600;
}
textarea {
  height: auto;
}

.rl_tabs > ul.nav-tabs > li > a {
  color: #9bdbe9;
}
.rl_tabs.color_inactive_handles > ul.nav > li > a {
  background-color: #e5e5e5;
}


/* responsive */
@media only screen and ( max-width: 480px ) {
  body {
    font-size: 0.8em !important;
  } 
  
  h1 {
    font-size: 1.4em;
    font-weight: 400;
    word-break: normal;
  }
  h2 {
    font-size: 1.2em;
    font-weight: 200;
    word-break: normal;
  }
  h3 {
    font-size: 0.95em;
    font-weight: 200;
    word-break: normal;
  }
  #container_base h3 {
    font-size: 0.9em;
  }
  .sap_footer {
    font-size: 2.0rem; 
  }
  .sap_underline {
    letter-spacing: 5px;
  }
  .layer_caption {
    line-height:1.1em;
    font-size:0.9em;
    text-shadow: 1px 1px 3px #474747;
  }
  .logo-text h1, .logo-text h1 a {
    font-size: 16px !important;
  }
  .slideout-toggle {
    font-size: 30px;
    padding: 15px 10px;
  }
  .vegas-container {
    height: 100px !important;
  }
  [class*=" imghvr-"], [class*=" imghvr-"] *, [class*=" imghvr-"] ::after, [class*=" imghvr-"] ::before, [class*=" imghvr-"]::after, [class*=" imghvr-"]::before, [class^="imghvr-"], [class^="imghvr-"] *, [class^="imghvr-"] ::after, [class^="imghvr-"] ::before, [class^="imghvr-"]::after, [class^="imghvr-"]::before {
    font-size: 10px;
    line-height: 14px;
  }
  .imgsmall {
    width: 65%;
  }
  .uk-grid {
    padding: 0 !important;
  }
}
