div.header { background: url('/assets/img/bg_header.png') repeat-x 0 0; }

.footer-v1 .footer { padding-top: 20px; padding-bottom: 20px; }
.header .topbar ul.loginbar li i.fa { color: #bdbe00 }
.w100 { width: 100% !important; }
p.hint    { line-height: 14px; }
small     { font-size: 11px !important; }
h4.price  { font-size: 32px; margin: 14px 0 4px 0; font-weight: bold; }
.clear    { clear: both; }
.mt5    { margin-top: 5px; }
.ml5    { margin-left: 5px; }
.mr5    { margin-right: 5px; }
.mb5    { margin-bottom: 5px !important; }
.mt8    { margin-top: 8px; }

.mr10   { margin-right: 10px; }
.mt10   { margin-top: 10px; }
.mt12   { margin-top: 12px; }
.mt15   { margin-top: 15px; }
.mt20   { margin-top: 20px; }
.mb10   { margin-bottom: 10px !important; }
.mb20   { margin-bottom: 20px !important; }
.pt20   { padding-bottom:20px; }
.pad20  { padding:20px; }
.pb0    { padding-bottom:0; }
.pl0    { padding-left:0 !important; }
.pt8    { padding-top:8px; }
.w50p   { width: 50%; }
.w100px { width: 100px !important; }
.w120px { width: 120px !important; border: 1px solid #aaa; padding: 5px; }
.w184   { width: 184px; }
.fa-click { cursor: pointer; margin: 0 5px; }

.pad1520  { padding: 15px 20px; }
.xtramargin { margin: 10px 0px;}
.panel-collapse .panel-body .panel-title { padding: 0 10px; }

.half-width { width: 50%; }
.table-xs *   { font-size: 12px; }
.table-xs td  { padding: 4px; }
.mh-top       { min-height: 371px; }
.mh-top h1    { font-size: 32px; }
.mh-top form h2    { font-size: 32px; color: #555; line-height: 35px; }
.mh-top h4    { margin-bottom: 0; }
hr.box    { margin: 15px 0px 5px 0px; }

.panel-body   { padding: 10px; }
.panel-body p { font-size: 12px; }

.swiper-container {margin-bottom: 20px;}

.main_slides h4 { background: #1b8ebd; box-shadow: 10px 0 0 #1b8ebd, -10px 0 0 #1b8ebd; box-decoration-break: clone; font-size: 36px; font-style: normal; padding: 5px 0; color: #fff; line-height: 64px; margin-bottom: 20px; display: inline; __margin-left: 10px; }
.main_slides p  { background: #2f4307; box-shadow: 10px 0 0 #2f4307, -10px 0 0 #2f4307; box-decoration-break: clone; color: #fff; padding: 5px 0; margin-bottom: 2px; display: inline; font-size: 20px; __margin-left: 10px; }

.error      { color: #f00 !important; }

#main_header  { position: relative; }
#main_header .navi_hint { position: absolute; top: 0px; left: 38%; background: #285e13; padding: 10px;  color: #fff; }
#main_header .navi_hint a { text-decoration: underline; color: #fff; }

@-moz-document url-prefix()
  {  
  .main_slides h4 { padding: 5px; margin-left: 10px; }
  .main_slides p  { padding: 5px; margin-left: 10px; }
  }

.thumbnail-style .thumbnail-img { margin-bottom: 0; }
.da-slider      { height: auto; min-height: 427px; }
img.txt     {width: 160px; }

.owl-clients-v1 img, .owl-clients-v1 span { display: block; }
.owl-clients-v1 span { padding: 5px 10px; text-align:center; background-color: #337ab7; color: #fff; width: 120px; }
.owl-clients-v1 a { text-decoration: none; }
.referenzen .owl-clients-v1 span { min-height: 70px; margin-top: 10px; }

.mr   { margin: 0 0 20px 20px; }
.hide { display: none; }
.btn  { border-radius: 8px; }

#launcher { bottom: 50px !important; right: -7px !important; }
.text_pad { padding: 0 15px; }
.tab-pane { padding: 15px 0px;}
ul.check-green {}
ul.check-green li { padding: 0 0 0 18px; background: url('../img/check_green.png') no-repeat 0px 5px; }

.btn-primary { border-color: #1b8ebd; background: #1b8ebd; }

h1.title-v2 { background: #1B8EBD; color: #fff; padding: 5px 15px; font-size: 26px; margin-bottom: 20px; margin-top: 20px; }

h2, h3  { color: #1B8EBD }

.footer-v1 .footer h4 { color: #eee; font-size: 18px; font-weight: 200; }

.nav-tabs-2 > li { width: 50% !important; }
.nav-tabs-4 > li { width: 25% !important; }
.nav-tabs-5 > li { width: 20% !important; }

.nav-tabs > li a { color: #fff; margin:0; border_: 0; }
/*.nav-tabs > li { text-align:center; background-color: #b2b624; color: #fff; }*/
.nav-tabs > li { text-align:center; background-color: #1b8ebd !important; color: #fff; }
.nav-tabs > li.active, .nav-tabs > li.active a, .nav-tabs > li a:hover { background-color: #fff !important; color: #1B8EBD !important; border-color: #1B8EBD !important; }
.nav-tabs > li.active a { font-weight: bold; }
.nav-tabs-2 > li.active, .nav-tabs-2 > li.active a, .nav-tabs-2 > li a:hover { border-bottom-color: #fff !important; }

.tab-content { padding: 0 15px; /*border: 1px solid #eee;*/ border:0; }

.right_img_box      { display: inline-block; }
.right_img_box img  { margin-bottom: 15px; }

.tag-box-v6             { background-color: #1b8ebd; color: #fff; }
.tag-box-v6 h4.price    { color: #fff; margin-top: 18px; margin-bottom: 22px; }
.tag-box-v6 h2          { color: #fff; }

span.tax_info       { line-height: 12px; margin: -43px 0 0 0; text-align: right; float: right; }
.mh-top h4.price    { margin-bottom: 18px; }

.btn-warning        { background-color: #bdbe00; border-color: #bdbe00; -webkit-box-shadow: 0 4px 4px -4px black; -moz-box-shadow: 0 4px 4px -4px black; box-shadow: 0 4px 4px -4px black; }
.btn-warning:hover, .btn-warning.active, .btn-warning.focus,.btn-warning:focus, .btn-warning.active,.btn-warning:active,.open>.dropdown-toggle.btn-warning { background-color: #1b8ebd; border-color: #1b8ebd; }

.tag-box-v6 .btn-warning:hover, .tag-box-v6 .btn-warning.active { background-color: #a8a800; border-color: #a8a800; }

.attention          { color: #f00; }
.margin-bottom-40   { margin-bottom: 40px !important; }
hr.similar_products { margin-top:40px; margin-bottom: 20px; border-top: 0px; border-bottom: 10px solid #b2b624; }



h4 label    { width: 75px; }
.thumbnail-ref  { min-height: 370px; }


.check-large li       { font-size: 18px; line-height: 24px; margin-bottom: 8px; background-position: 0px 8px !important; }
.text_pad p a.btn-xs  { margin-bottom: 10px; }
.bread_config         { padding-top: 0px!important; padding-bottom: 12px !important; }

.card_pager           { __margin-top: 4px; display: inline-block; width: 33.1%; background-color: #a6a6a6; color: #fff; padding: 5px 0 5px 0; }
.card_navi            { margin-bottom: 20px; }
.card_navi a          { width: 33.1%; display: inline-block; box-shadow: none; }
.card_navi a.btn-default  { background-color: #a6a6a6; color: #fff; border-color: #a6a6a6 }
.card_navi a:first-child  { border-top-right-radius: 0px; border-bottom-right-radius: 0px; }
.card_navi a:last-child   { border-top-left-radius: 0px; border-bottom-left-radius: 0px; }

.config-navi                      { padding: 6px 0; white-space: nowrap; background: #1b8ebd; width: 75.8%; margin-left: 12.1%; margin-top: 20px; }
.config-navi a.process            { color: #fff; }
.config-navi span.card_holder     { color: #bdbe00; }
.nav_configurator #card_selection { width: 100px; color: #000; margin-left: 5px; font-size: 13px; }

table.product_helper td { vertical-align:top; padding-top: 6px; padding-bottom: 6px; }

@-moz-document url-prefix()
  {  
  .nav_configurator #card_selection:disabled { margin-bottom: 2px; }
  }


.nav_configurator .w_7 { width: auto; max-width: 210px; display: inline-block; padding: 0 10px; }
.nav_configurator .w_6 { width: auto; max-width: 210px; display: inline-block; padding: 0 10px; }
.nav_configurator .w_5 { width: auto; max-width: 210px; display: inline-block; padding: 0 10px; }
.nav_configurator .w_4 { width: auto; max-width: 210px; display: inline-block; padding: 0 20px; }
.nav_configurator .w_3 { width: auto; max-width: 210px; display: inline-block; padding: 0 30px; }
.nav_configurator .w_2 { width: auto; max-width: 210px; display: inline-block; padding: 0 50px; }

.nav_configurator a.btn-back, .nav_configurator a.btn-next { width: 12%; box-shadow: none; font-size: 14px; }
.nav_configurator a.btn-back    { border-top-right-radius: 0px; border-bottom-right-radius: 0px; }
.nav_configurator a.btn-next    { border-top-left-radius: 0px; border-bottom-left-radius: 0px; }
.nav_configurator a.btn-default { background-color: #a6a6a6; color: #fff; border-color: #a6a6a6 }

h3.ui-accordion-header  {
  background-color: #1b8ebd !important;
  border-left: 1px solid #1b8ebd !important;
  border-right: 1px solid #1b8ebd !important;
  border-top: 1px solid #fefefe !important;
  color: #fff !important;
  font-size: 16px !important;
  text-align: left !important;
  padding: 5px 15px;
  cursor: pointer;
  margin: 0;
}

h3.ui-accordion-header span { color: #fff !important; font-size: 13px; }


i.delete_layer { color: #fff; font-size: 16px; float: right; margin: 4px 0 0 8px; font-weight: normal; }

.tag-help, .tag-help p, .tag-help a, .tag-help b, .tag-help span { font-size: 13px; }


div.frame_layer { position: absolute; border: 1px dashed #333; display: none; background: transparent url(/img/spacer.gif); cursor:move; }

ul.nav > li.active > a { color: #bdbe00 !important; }

#preview { position:relative;margin-top:80px !important; }

.footer-v1 .footer, .footer-v1 .copyright { background-color: #1b8ebd }
.footer-v1 .link-list li { border-top: 1px solid #fff; }
.footer-v1 .footer-socials li a { color: #fff; }
.header .navbar-nav > li > a { text-transform: none; font-size: 16px; }
.main_slides { z-index: 20; position: absolute; }
.header .logo img { margin-top:10px; margin-bottom: 10px; width: 250px; }
.header .topbar ul.loginbar > li > a, .header .topbar ul.loginbar > li > a:hover { font-size: 12px; }
.header .topbar ul.loginbar > li > a.green { color: #bdbe00; }
.header .topbar ul.loginbar > li > span    { color: #fff;}
.btn-xl { font-size: 28px !important; }
.ui-accordion-content { border-left: 1px solid #1b8ebd; border-right: 1px solid #1b8ebd; overflow: hidden; padding-top: 20px; }
.control_container:last-child .ui-accordion-content, #container_tools .ui-accordion-content  { border-bottom: 1px solid #1b8ebd; }
label.blue, .blue { color: #1b8ebd; }

.tag-box-v42      { background: #fafafa none repeat scroll 0 0; border-color: #eee #bdbe00 #eee #eee; border-style: solid; border-width: 1px 2px 1px 1px; }
#config_header    { background: #a6a6a6; color: #fff; text-align:center; padding: 5px 0px; }
#config_header a  { color: #fff; text-decoration: underline; }

#da-slider .da-slide .da-img img { width: auto; height: 100%; margin-left: 60px; }
.da-slide h2      { position: static; margin-top: 75px; margin-left: 20.5%; }
.da-slide h2 i    { background-color: rgba(27, 142, 189, 1); text-transform: none; padding: 2px 10px; line-height: 54px; }
.da-slide p       { position: static; margin-top: 12px; margin-left: 20.5%; }
.da-slide p i     { line-height: 26px; }
.img_quality      { margin-top: 18px; text-align: center; font-weight: bold; margin-bottom: 12px; }
.img_quality img  { margin-left: 10px; }

#extra_help { display: none; }
#layer_container #accordion-1 { margin-top: 38px; }

.tag-box h2     { font-size: 24px; }
.tag-box-v6 a   { color: #fff; }
.config_img_holder { border: 1px solid #aaa; width: 122px; height: 122px; margin-bottom: 20px; }
.config_img_holder_2 { border: 1px solid #aaa; width: 72px; height: 72px; margin-bottom: 20px; }

a.menu_large    { font-size: 15px !important; text-transform: uppercase; color: #1b8ebd !important; padding-left: 13px; padding-right: 10px; }
.header .mega-menu .equal-height-list h3 { padding-left: 15px !important; }
.panel .table-xs tr:first-child th { font-size: 14px; }
.blue_border    { border-left: 1px solid #1b8ebd; border-right: 1px solid #1b8ebd; border-bottom: 1px solid #1b8ebd; margin-bottom: 20px; padding-top: 20px; }


.direction_box { border: 1px solid #eee; text-align: center; padding: 20px; margin: 20px 0px; }
.direction_box h3 b, .direction_box h3 bold { color: #000; }

@media (max-width: 1200px) and (min-width: 992px)
  {
  /*span.tax_info       { float: none; display: block; margin: -6px 0 18px 0; text-align: left; }*/
  h4.price              { font-size: 20px; }
  span.tax_info         { margin-top: -47px; }
  p.wishlist-category * { font-size: 13px; }
  }

@media (max-width: 1200px)
  {
  .header .logo img { margin-top: 5px; margin-bottom: 35px; }
  .da-slide h2    { margin-left: 10%; }
  .da-slide p     { margin-left: 10%; }
  .da-slide-current .da-img { left: 50%; }

  .mh-top       { min-height: 341px; }
  }

@media (max-width: 992px)
  {
  .header .dropdown-menu { background-color: #fff !important; }
  .nav_configurator .w_7, .nav_configurator .w_6, .nav_configurator .w_5, .nav_configurator .w_4, .nav_configurator .w_3, .nav_configurator .w_2 { width: 100%; display: block; text-align:left; max-width: none; }

  .da-slide h2    { margin-left: 5%; }
  .da-slide p     { margin-left: 5%; }
  .da-slide-current .da-img { left: 50%; }
  #main_header .navi_hint { display: none; }
  }

@media (max-width: 740px)
  {
  .header .topbar { display: block; position: absolute; top: 78px; left: -23px; }
  .half-width { width: 100%; }

  .bread_config { padding-bottom: 1px !important; }
  .config-navi  { padding-top: 15px; padding-top: 16px; white-space: normal; }

  .main_slides h4 { font-size: 24px; line-height: 45px; padding-top: 4px; }
  .main_slides p  { font-size: 16px; line-height: 26px; }
  }

@media (max-width: 400px)
  {
  img.txt     {width: 100%; display: block; float: none; margin: 0 0 20px 0; }
  .hide_on_mobile { display:none !important; }
  .main_slides h4 { font-size: 16px; line-height: 34px; padding-top: 4px; }
  .main_slides p  { font-size: 13px; line-height: 26px; }
  }

@media (min-width: 0px) and (max-width: 520px)
  {
  .show_on_mobile { display: block !important; }
  .hide_on_mobile { display: none !important; }
  }

@media (min-width: 521px)
  {
  .show_on_mobile { display: none !important; }
  .hide_on_mobile { display: block !important; }
  }