/* lato-300 - latin-ext_latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/lato-v14-latin-ext_latin-300.eot'); /* IE9 Compat Modes */
  src: local('Lato Light'), local('Lato-Light'),
       url('../fonts/lato-v14-latin-ext_latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/lato-v14-latin-ext_latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/lato-v14-latin-ext_latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/lato-v14-latin-ext_latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/lato-v14-latin-ext_latin-300.svg#Lato') format('svg'); /* Legacy iOS */
}

/* lato-regular - latin-ext_latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/lato-v14-latin-ext_latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Lato Regular'), local('Lato-Regular'),
       url('../fonts/lato-v14-latin-ext_latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/lato-v14-latin-ext_latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/lato-v14-latin-ext_latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/lato-v14-latin-ext_latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/lato-v14-latin-ext_latin-regular.svg#Lato') format('svg'); /* Legacy iOS */
}

/* lato-700 - latin-ext_latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/lato-v14-latin-ext_latin-700.eot'); /* IE9 Compat Modes */
  src: local('Lato Bold'), local('Lato-Bold'),
       url('../fonts/lato-v14-latin-ext_latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/lato-v14-latin-ext_latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/lato-v14-latin-ext_latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/lato-v14-latin-ext_latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/lato-v14-latin-ext_latin-700.svg#Lato') format('svg'); /* Legacy iOS */
}

/* font Gruber */
@font-face {
  font-family: 'Gruber';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/Gruber.eot'); /* IE9 Compat Modes */
  src: local('Gruber'), local('Gruber'),
       url('../fonts/Gruber.eot?#Gruber') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/Gruber.woff') format('woff'), /* Modern Browsers */
       url('../fonts/Gruber.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/Gruber.svg#Gruber') format('svg'); /* Legacy iOS */
}
 

h1 {font-family:'Impact', Charcoal, sans-serif; color: #A5A5A3;}

.logo { position: absolute; }

h1.uk-article-title::after, h3.uk-panel-title::after {background:transparent;}
h1.uk-article-title { border-bottom: none; font-size: 2rem; margin-bottom: 0px; font-family:'Lato'; font-weight: 200; color: #777777; padding: 0; }

h2 {font-weight: 400;}

h3 {margin:22px 0 14px 0;}
h3.uk-panel-title { margin:22px 0 14px 0; font-size: 21px; line-height: 30px; }

h4 { margin: 20px 0 4px 0; }

.tm-footer {background: #a3a3a1 !important; color: #fff; }
.tm-content {background: unset;}

/*.uk-active.uk-animation-slide-top .uk-navbar {box-shadow: 0px 0px 79px #f1f1f1;}*/
.teaser-text {color:#777777;font-size: 1.6rem;width:70%;margin: 0 auto;line-height: 2.2rem;}

h3.uk-panel-title {border-bottom: none;margin-bottom: 0;}

.main-outer { background: transparent !important; padding:60px 0; }
.produkt .main-outer {background: url("/images/design/bg-produkt.gif") repeat-x #fff !important;}

hr {border-top: 1px solid #eeeeee; margin: 20px 0}

.btn-primary, .btn-info, .btn-inverse {padding: 5px 23px; border-radius: 4px; box-shadow: 1px 2px 4px #747575;}
.btn-primary:hover, .btn-info:hover, .btn-inverse:hover {background:#c1a676; }

/* Default Module styles --------------------------------------------- */
.uk-panel-box-shadow {
    background: #F3F3F3;
    border: 2px solid #fff;
    box-shadow: 0px 0px 5px #e6e6e6;
} 


/* Händlersuche ---------------------------------------- */
.gm-style .gm-style-iw { font-size: 14px;}
.infoloc-phone::before, .loc-phone::before {content: "Telefon: "; }
#sl_locate_results {display:none;}
#copyright-block {display:none;}
#sl_sidebar strong {font-size: 18px;}
#sl_sidebar .result-container:hover {background: #9c752952;}
#sl_sidebar .result-container h4,.map-result h4 {margin: 4px 0;}
#sl_sidebar .result-container {padding: 10px 0;}


/* Menu --------------------------------------------- */
.tm-logo-small img { width: 200px; }

/* Menu --------------------------------------------- */
.uk-navbar-nav > li > a {height: 80px; padding: 0 10px 10px;text-transform: none;}
.uk-navbar-nav > li:hover > a, .uk-navbar-nav > li > a:focus, .uk-navbar-nav > li.uk-active > a {
  border-bottom: 3px solid #a9a9a9;
}
.uk-navbar-nav > li > a.siegel:hover {border-bottom:none;}
.uk-navbar-nav > li {float: left !important;}

/* Mobile Menu --------------------------------------------- */
.uk-navbar-toggle {padding: 0; color: #a09e9e;}

/* Top ---------------------------------------- */

#top-a {padding: 35px 0 40px;}
#top-b {padding: 40px 0 10px;}

/* Startseite ------------------------------------- */
.content-img img {margin-bottom: -215px; margin-top: 20px;}
.qualitaet-mod {margin-top: 85px;}
.prod-start {margin-top: 30px;}

/* Buttons --------------------------*/
.background-btn, .uk-button{
  padding: 5px;
  background-color: #9c7529;
  display: inline-block;
  border-radius: 10px;
  box-shadow: 0px 5px 4px rgba(0, 0, 0, 0.35);
  margin: 15px 0;
}
.uk-button{margin:10px 0; line-height: unset;}
.background-btn a, .uk-button span {    
  background-size: cover;
  color: #fff;
  padding: 12px 50px;
  font-size: 13px;
  display: inline-block;
  border-radius: 10px;
  font-weight: 400;
  border: 1px dashed rgba(255, 255, 255, 0.50);
  text-decoration: none;
}
.typ-plan .background-btn a {    
  background-size: cover;
  color: #fff;
  padding: 0px 50px;
  font-size: 13px;
  display: inline-block;
  border-radius: 10px;
  font-weight: 400;
  border: 1px dashed rgba(255, 255, 255, 0.50);
  text-decoration: none;
}

.background-btn:hover, .uk-button:hover {
  background: #82601c;
  box-shadow: 0px 5px 8px rgba(0, 0, 0, 0.4);
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}

/*Kategorie Button classicline*/
.classicline .background-btn {background-color: #8c1415;}


/*Kategorie Button trendline*/
.trendline .background-btn, .produkt.trend .background-btn, .background-btn.trend {background-color: #d9d9d9;}
.trendline .background-btn a, .produkt.trend .background-btn a, .background-btn.trend a {color: #444;}
.trendline .background-btn:hover, .produkt.trend .background-btn:hover {background: #d9d9d9cc; }
.background-btn.trend:hover {background: #e4e4e4;}

/* Produkt Buttons }*/
.produkt.classic .background-btn {background-color: #8c1415;}
.produkt.soli .background-btn {background-color:#a9a9a9;}
.produkt.soli .background-btn:hover {background: #a9a9a9b3;}

/*Button Header*/
.background-btn.classic { background-color: #8c1415;}
.background-btn.classic:hover, .classicline .background-btn:hover, .produkt.classic .background-btn:hover  {background-color: #a5191a;}
.background-btn.funkt { background-color: #525E23; }

.button-right{float: right;}
.button-left{float:left;}

/* Infoseiten --------------------------*/

.achtung {background: #9c7529; color: #fff; padding: 10px 20px;}
.infothek table {width: 100%;}
.infothek tr {margin-top: 20px; display: flex;}

#info-icon {
  display: inline-block;
  font-size: 100px;
  text-align: center;
  font-family: 'Gruber';
  color: #a5a5a3;
  vertical-align: top;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.32);
}

span.icon {
    font-family: 'Gruber';
    font-size: 70px;
    text-align: center;
    color: #9c7529;
    display: block;
    margin: 0px auto -33px;
}

.service .uk-width-medium-1-2:first-child {width: 48%;}
.service .uk-width-medium-1-2:last-child {border-left: 1px solid #999; padding-left: 40px; margin-left: 40px; width: 45%;}
.service .sprocket-strips-s-text { min-height: 180px;}


/* tendline - classicline ----------------------------------------*/

.header-content-grau {margin: 0 auto; background: #D9D9D9 !important;}
.header-content-rot {margin: 0 auto; background: #8C1415 !important;}

.trend-seite .main-outer, .classic-seite .main-outer {padding: 40px 0 80px;}
.tendline-head img, .classicline-head img{display: block; margin-left: auto; margin-right: auto; margin-bottom: -117px; padding-top: 30px;}
.tendline-head-tend img, .classicline-head-tend img  {padding-top: 0px; float: right; top: 30px; position: relative;}

.solitaer-head img{display: block; margin-left: auto; margin-right: auto; margin-bottom: -95px; padding-top: 30px;}

.trend-content .uk-width-medium-1-2:first-child{width: 45%; padding-right: 50px; border-right: 2px solid #a9a9a9;}
.trend-content .uk-width-medium-1-2:last-child {width:55%;} 
.classic-content .uk-width-medium-1-2:first-child, .infothek .uk-width-medium-1-2:first-child {width: 45%; padding-right: 50px; border-right: 2px solid #a9a9a9;}
.classic-content .uk-width-medium-1-2:last-child, .infothek .uk-width-medium-1-2:last-child {width:55%;}

/* RockSprocket -------------------------------- */
.layout-slideshow .sprocket-features-title {
  background: transparent;
  font-family:'Impact';
  font-size: 5.5rem;
  line-height: 5rem;
  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.25);
}
.layout-slideshow .sprocket-features-content {text-align: right;}
.layout-slideshow .sprocket-features-pagination {bottom: 10px;right: 45%; left: unset;}
.layout-slideshow .sprocket-features-pagination li, .layout-slideshow .sprocket-features-arrows .arrow {background: #fff;box-shadow: none;}
.layout-slideshow .sprocket-features-pagination li {padding: 8px;}

.layout-slideshow .sprocket-features-content {top: 30%; width: 100%;}
.layout-slideshow .sprocket-features-desc {background: none; margin: 0 auto; }

/* Footer ------------------------------------ */
#bottom-d .uk-width-medium-1-2:first-child {width: 32%;}
#bottom-d .uk-width-medium-1-2 {width: 67%;}

.footer-quali .img-top {right: 0; top: -80px; position: absolute; width: 177px; height: auto;}
.tm-totop-scroller {
    background: #9c7529 url(/images/design/nach_oben.png) no-repeat scroll center center;
    border-radius: 4px;
    display: block;
    height: 35px !important;
    text-indent: -9999px;
    transition: all 0.2s linear 0s;
    width: 101px !important;
  	padding: 2px 16px;
  	box-shadow: 2px 5px 4px #747575;
}

.tm-totop-scroller:hover {
    background: #c1a676 url(/images/design/nach_oben.png) no-repeat scroll center center;
  	border-radius: 4px;
    display: block;
    height: 35px !important;
    text-indent: -9999px;
    transition: all 0.2s linear 0s;
    width: 101px !important;
 	padding: 2px 16px;
  	box-shadow: 2px 5px 4px #747575;
}

.tm-footer .uk-subnav li a:hover, .tm-footer .uk-subnav li.uk-active a {color: #000 !important;}

/* Formular ------------------------------ */

.kontakt-text.span8 {min-height: 135px;}
.row-fluid input[class*="span"] { min-height: 32px;}
.btn.absenden { 
  background: #9c7529; 
  display: inline; 
  padding: 12px 50px; 
  border-radius: 4px;  
  box-shadow: 2px 5px 4px #747575;
  margin: 0 auto;
  display: block;
}
.btn.absenden:hover {background: #c1a676;}

.row-fluid .span3 { width: 12.7%;}
.form-actions {background-color: #fff;}

/* Produkte ----------------------------- */
.pos-right {float:right;}

.img-polaroid {background-color: unset;}

.info span.icon, .produkt span.icon {
  font-family: 'Gruber';
  font-size: 35px;
  text-align: left;
  color: #333333;
  display: initial;
  margin: 0;
  vertical-align: middle;
}
.info span.icon, .produkt.classic span.icon,.produkt.soli span.icon  {color: #fff;}
.produkt h1 {font-size: 5rem; margin: 30px 0 24px;}
.produkt.classic h1 {color:#8C1415;}
.produkt.trend h1 {color:#A9A9A9;}

.produkt #main-content {padding:0;}

.produkt .djc_title {display:none;}
.more-prod .djc_title {display:inherit;}
.produkt .uk-width-medium-1-2:first-child > .modellfunktionen {border-right: none; padding-right: 5px;}
.prod-start .uk-grid > *:last-child {padding-left: 5px; padding-right: 82px;} 
div.mod_djc_item:hover {background: #eee;}
.img-right {text-align: right;}

.classicline {border-top: 25px solid #8c1415;}

.djc_title {text-align:center;}
.djc_title a {color: #999999; font-family:Lato; font-size:14px;}

.trendline {border-top: 25px solid #d9d9d9;}

.classicline .djc_clearfix, .trendline .djc_clearfix{margin-top: 20px; margin-left: 20px;}
.uk-width-medium-1-2.border {border-right: 2px solid #a9a9a9; padding-right: 5px;}
.prod-start .uk-width-medium-1-2:first-child {border-right: 2px solid #a9a9a9; padding-right: 5px;}
.prod-confic .uk-width-medium-1-2:first-child {border-right: none;}
div.mod_djc_item:first-child {margin-top: 20px;}

.djc_items .djc_image img { border:none; background: unset; margin: 0 auto; display: block; padding-top: 20px;}
.djc_readon, .djc_category_info{display: none;}


#djcatalog .djc_images {float: unset; margin:0;position: relative;}
#djcatalog table { overflow-x: unset; }
#djcatalog table.hoehe{width: 100%; display: inline-table;}
width: 100%; display: inline-table;
.produkt .djc_description {margin-top: 60px;}
.produkt.soli .djc_description {margin-top: 140px;}


.djc_mainimage img {width: 100%;padding: 0;border-color: transparent;border: none;}

.djc_thumbnails {clear: both; position: absolute; left: 0;}
.djc_thumbnail {width: auto; float: left; position: relative; margin-left: 0; display: block; background: #fff;}
.djc_thumbnail .img-polaroid {background-color: #fff; padding: 4px 4px 0 0; border:none; vertical-align: bottom; opacity: 0.20;}
.djc_thumbnail .img-polaroid:hover {opacity: 1;}


.djc_items_labels {clear: both;}
.djc_items_labels .djc_label_item {background: transparent; border-radius: initial; padding: 13px; }
.djc_items_labels {text-align: right; }

@media (min-width:768px){ 
	.djc_items_labels .djc_label_item { background: rgba(255, 255, 255,0.92); position: relative; width:125px;  }
}

/* Modellfunktionen ------------------------------------- */
.modell-funktionen {background: #eee; padding: 0px 10px;}
.modell-funktionen p {margin: 0;}
.modell-funktionen img {margin-right: 15px; vertical-align: middle;}
.modell-funktionen td {min-width: 65px;}

.produkt .uk-width-medium-1-2 .first {width: 55%; border-right: none;}
.produkt .uk-width-medium-1-2 .second {padding-left:20px; width: 44%;}
.rl_tooltips-link {font-size: 13px;font-weight:400;}
.rl_tooltips-link:hover {color: #444444;}
.popover-content {font-size: 14px; padding: 10px;}
.popover {border-radius: unset;}

/* Konfiguration ----------------------------------- */
.foot-img img{margin:10px;}

.prod-confic {
  padding: 40px 60px 40px;
  background: #EEEEEE;
  margin: 50px 0;
  border: 2px solid #fff;
  box-shadow: 0 2px 16px #ddd;
}

.rl_sliders.accordion > .accordion-group .panel-heading {background: #d9d9d9; position: relative;}
.rl_sliders.accordion > .accordion-group.active > .accordion-heading > a.accordion-toggle  {
  background-color: #d9d9d9;
  color: #333;
  font-weight: bold;
}

.rl_sliders.accordion>.accordion-group.icon>.accordion-heading>a.accordion-toggle span.rl_sliders-toggle-inner:before {
  margin-right: 10px;
  color: #333333;
  right: 10px;
  position: absolute;
}
.rl_sliders.accordion > .accordion-group {border-radius: unset; border: none; margin: 25px 0 25px 0;}
.produkt .rl_sliders.accordion > .accordion-group { margin: 0 0 5px 0;}

.rl_sliders.accordion > .accordion-group > .accordion-heading > a.accordion-toggle:hover { color: #333; font-weight: bold;}
.rl_sliders.accordion>.accordion-group .accordion-heading .accordion-toggle { padding: 16px 20px; color: #333333;}
.rl_sliders.accordion > .accordion-group.active > div > a:focus, .rl_sliders.accordion > .accordion-group > div > a:focus { 
  box-shadow: unset;
}
.rl_sliders.accordion > .accordion-group > .accordion-heading > a.accordion-toggle:hover { background: #d9d9d9;}
.rl_sliders.accordion > .accordion-group > .accordion-heading > a.accordion-toggle::after {
  background-image: url('/images/design/plus.png');
  background-repeat: no-repeat;
  background-color: aqua;
  border-radius: 100px;
}
.rl_sliders.accordion > .accordion-group > .accordion-body > .accordion-inner {background:#FFF;}


.sitzkomfort {max-width: 100px; display: block; float: left; margin: 22px 10px 10px; text-align: center;}
.sitzkomfort img {margin-bottom: 10px;}

.hoehe, .tiefe {width: 100%;}
.hoehe tr, .tiefe tr {height: 20px; border-bottom: 1px solid #000;}
.hoehe td, .tiefe td {border-right: 1px solid #000; text-align:center;}
.hoehe tr:last-child, .tiefe tr:last-child {border:none;}
.hoehe td:last-child, .tiefe td:last-child {border: none;}
.hoehe td:first-child, .tiefe td:first-child {text-align:unset;}

/* Bedienungsanleitungen ------------------------------------- */

.uk-grid.element {margin-top: 20px;}

/*.element table {width:100%;}
.element td:first-child{width: 13%;}
.element .uk-width-medium-1-3, .element .uk-width-medium-2-3 {margin-top:20px;} */

.side-menu {background: #eeeeee; border-radius: 10px; padding: 5px;}
.side-menu ul {border: 1px dotted #ccc; border-radius: 10px;}

.anleitung h1.uk-article-title {
  margin: 0px 0 20px 0; 
  font-family: 'Impact', Charcoal, sans-serif; 
  color: #A5A5A3; 
  font-size: 52px; 
  line-height: 65px; 
  font-weight: bold;
}
.anleitung hr {margin: 40px 0;}
.anleitung td img{margin-right: 20px;}

/* Media Querys --------------------------------------------- */
@media (max-width:1200px){ 
  .layout-slideshow .sprocket-features-title {font-size: 90px !important; margin-bottom: 30px;}
  .produkt .main-outer {background: #fff !important;}
}

@media (max-width:1115px){ 
  .uk-navbar-nav > li > a {padding: 0 10px 10px;}
  .background-btn.classic {display: none;}
  .layout-slideshow .sprocket-features-title {font-size: 80px !important;}
  .prod-start .uk-width-medium-1-2:first-child, .trend-content .uk-width-medium-1-2:first-child, .classic-content .uk-width-medium-1-2:first-child, .infothek .uk-width-medium-1-2:first-child {border-right: none; width: 100%;}
  .prod-start .uk-grid > :last-child {padding-left: 20px; padding-right: 5px;margin-top: 60px; border-top: 1px solid #e6e6e6; padding-top: 30px; width: 100%;}
  .classic-content .uk-width-medium-1-2:last-child, .infothek .uk-width-medium-1-2:last-child {width: 100%;}
  .img-right {text-align: center;}
  .img-left {margin: 0 auto; display: block;}
  .button-center {margin: 0 auto; width: 250px; display: flex;}
  .uk-width-medium-1-2.border {border: none;}
  .button-right, .button-left {float: unset; margin: 0 auto; display: table;}
  .anleitung .uk-width-medium-1-4 {width: 40%;}
  .anleitung .uk-width-medium-3-4 {width: 60%;}
}
@media (max-width:1050px){ 
.service .uk-width-medium-1-2:first-child {width: 100%;}
.service .uk-width-medium-1-2:last-child {border-left: imset; padding-left: 80px; margin-left: unset; width: 100%;}
.service .sprocket-strips-s-text { min-height: 100px;}
}

@media (max-width:768px){ 
  [class*="span"], .uneditable-input[class*="span"], .row-fluid [class*="span"] {float: left; width: 33%;}
  .footer-quali .img-top {display: none;}
  #bottom-d .uk-width-medium-1-2:first-child {width: 100%;}
  #bottom-d .uk-width-medium-1-2 {width: 100%;}
  .produkt .uk-width-medium-1-2 .first, .produkt .uk-width-medium-1-2 .second {width:100%;}
  #djcatalog .djc_thumbnail img {width: 100%;}
  .djc_thumbnails {position: initial;}
  #djcatalog .djc_thumbnail {width:25%; height: auto !important; line-height: inherit !important;}
  .produkt .soli .uk-grid {display: unset !important;}
  .uk-breadcrumb {margin: 5px 0 40px 0 !important;}
  .produkt.soli .uk-width-medium-1-2 .second, .produkt.soli .uk-width-medium-1-2 .first  { padding-left: 0px;}
}
@media (max-width:700px){ 
  .produkt .djc_description {margin-top: 20px;}
  .produkt.soli .djc_description {margin-top: 80px;}
}

@media (max-width:500px){ 
  .produkt #main-content { padding: 10px 0; }
  .prod-confic { padding: 10px 20px; }
  [class*="span"], .uneditable-input[class*="span"], .row-fluid [class*="span"] {float: none; width: 100%;}
  .tm-totop-scroller {display: none;}
 /* #djcatalog .djc_thumbnail img {height:90px;} */
  .produkt h1 { font-size: 3.5rem; margin: 0 0 24px; }
  .layout-slideshow .sprocket-features-pagination { display: none; }
   .typ-plan .background-btn a {padding: 0 25px;}
  .locator_container .row-fluid .span3 {width: 100%;}
	#sl_sidebar {margin-top: 20px; border-top: 1px solid #ccc;}
	.locator_container .row-fluid .span9 { width: 100%;}
}
@media (max-width:460px){ 
    .typ-plan .background-btn a {padding: 0 15px;}
}
@media (max-width:400px){ 
    .typ-plan .background-btn a {padding: 0 5px;}
}