/****************************************************
 fonts
****************************************************/

/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'),
       url('/app/libs/fonts/roboto-v19-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('/app/libs/fonts/roboto-v19-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* roboto-italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: local('Roboto Italic'), local('Roboto-Italic'),
       url('/app/libs/fonts/roboto-v19-latin-italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('/app/libs/fonts/roboto-v19-latin-italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* roboto-500 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: local('Roboto Medium'), local('Roboto-Medium'),
       url('/app/libs/fonts/roboto-v19-latin-500.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('/app/libs/fonts/roboto-v19-latin-500.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* roboto-500italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 500;
  src: local('Roboto Medium Italic'), local('Roboto-MediumItalic'),
       url('/app/libs/fonts/roboto-v19-latin-500italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('/app/libs/fonts/roboto-v19-latin-500italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* roboto-700 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Bold'), local('Roboto-Bold'),
       url('/app/libs/fonts/roboto-v19-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('/app/libs/fonts/roboto-v19-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}



/****************************************************
typeface body
****************************************************/
body {
  font-family: Roboto, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 0.875rem; /* 14 px */
  font-weight: 400;
  color: #212529;
}



/****************************************************
 #main-load
****************************************************/
#main-load {
  background-image:url(/images/ajax-loader.gif);
  width: 32px;
  height: 32px;
  margin:auto;
  position:fixed;
  top:0;
  bottom:0;
  left:0;
  right:0;
}
#main-in {
  opacity: 0;
}



/****************************************************
headings
****************************************************/
h1 {
  font-size: 1.5rem; /* 24 px */
  font-weight: 500;
}
h2 {
  font-size: 1.125rem; /* 18 px */
  font-weight: 500;
}
h3 {
  font-size: 1rem; /* 16 px */
  font-weight: 500;
}
h4 {
  font-size: 0.875rem; /* 14 px */
  font-weight: 500;
}
h5 {
  font-size: 0.75rem; /* 12 px */
  font-weight: 500;
}
h6 {
  font-size: 0.625rem; /* 10 px */
  font-weight: 500;
}
.h-sub {
  font-size: 1rem;
  font-weight: 500;
}

.h-sub-2 {
  font-size: 0.875rem;
  font-weight: 500;
}
.hn-1 {
  color: #0467BD;
  font-weight: 700;
  font-size: 1.5rem;
}



/****************************************************
 images
****************************************************/ 
img.sp-cat-list {
  border: 1px solid #e3e3e3;
  border-radius: 2px;
  background-color: #fff;
  padding: 7px;
}
img.sp-ww {
  border: 1px solid #e3e3e3;
  border-radius: 2px;
  background-color: #fff;
  padding: 5px;
  margin-bottom: 8px;
}
img.sp-fts {
  border: 1px solid #e3e3e3;
  border-radius: 2px;
  background-color: #fff;
  padding: 5px;
  margin-bottom: 8px;
}
.sp-th img {
  max-width: 100%;
  margin: 1rem;
  
}
img.limg-w {
  max-width: 150px !important;
}
img.limg-h {
  max-height: 140px !important;
}
img.ki {
  border: 1px solid #e3e3e3;
  border-radius: 2px;
  background-color: #fff;
  padding: 5px;
  margin-bottom: 8px;
}
img.etc {
  border: 1px solid #e3e3e3;
  border-radius: 2px;
  background-color: #fff;
  padding: 5px;
  margin-bottom: 8px;
}



/****************************************************
 misc
****************************************************/ 
p.sp-tt a {
  margin-right: 0.6rem;
  margin-left: 0.6rem;
}

@media (max-width: 575.98px) {  
  .tab-resp {
    max-height: 300px;
    overflow:auto;
    border-bottom: 1px solid #e3e3e3;
  }  
}

.btn-primary {
  background: #0467BD !important;
  border: #0467BD;
}

.bg-primary {
  background: #0467BD !important;
}

.text-primary {
  color: #0467BD !important;
}

a {
  color: #0467BD;
}

hr {
  border-top: 1px dashed #CFD5DB;
  height: 1px;
}

.taz {
  font-size: 2rem;
  /*font-weight: 500;*/
  opacity: 0.4;
  font-family: Constantia, "Lucida Bright", "DejaVu Serif", Georgia, "serif";
}

/*#main-in {
  border: 1px dashed #CFD5DB; padding: 1.5rem; border-radius: 0.25rem;
}*/


/****************************************************
 home-info
****************************************************/ 
.home-info {
  margin-bottom: 1.2rem;
  padding-left: 4px;
  padding-right: 4px;
}

.home-info-row {
  background-color: #EFEFEF;
  border:1px solid #E2E2E2;
  border-radius: 0.25rem;
  padding: 1.5rem;
  background-image: url(/images/h-01.jpg);
  background-repeat: no-repeat;
  background-position: right bottom;
}

.home-info h1 {
  color: #0467BD;
  font-weight: 700;
}

.home-info ul {
  list-style: none;
  margin-top: 1.2rem;
  margin-bottom: 0;
}

@media (max-width: 575.98px) { 
  
  .home-info-row {
    background-image: none;
		padding: 1rem;
  }
  .home-info ul {
    margin-top: 0;
    margin-left: 0;
    padding-left: 0;
  }

}
@media (min-width: 576px) and (max-width: 767.98px) { 
  
  .home-info-row {
    background-image: url(/images/h-02.jpg);
  }
  .home-info ul {
    margin-top: 0;
    margin-left: 0;
    padding-left: 0;
  }
  
}

@media (min-width: 768px) and (max-width: 991.98px)  { 
  
  .home-info ul {
    margin-top: 0;
    margin-left: 0.5rem;
    padding-left: 0;
  }

}
@media (min-width: 992px) and (max-width: 1199.98px) {
  
  .home-info h1 {
    margin-bottom: 1.5rem;
  }
    
  .home-info ul {
    margin-top: 3rem;
    margin-left: 0.2rem;
    padding-left: 0;
  }
  
  .home-info p {
   padding-right: 1rem;
  }
  
  .home-info-row {
    background-image: url(/images/h-02.jpg);
  }

}

.home-info li::before {
  content: "✓";
  padding-right: .5rem;
  color: #0467BD;
}
.home-info li {
  line-height: 1.4rem;
}

.home-info-tel {
  white-space: nowrap !important;
  color: #0467BD;
  /*font-weight: 500;*/
}



/****************************************************
 home-list
****************************************************/ 
.home-list {
  margin-bottom: 2rem;
}
.home-list .col-con h2 > a  {
  /*color: #212529;
  font-weight: 700;*/
}
.home-list .col-con {
  padding: 0.8rem;
  background: #EFEFEF; 
  border: 1px solid #E2E2E2; 
  border-radius: 0.25rem;
  height: 100% !important;
}

.home-list .col-con img {
  border: 1px solid #E2E2E2;
  background-color: #fafafa;
  padding: 5px;
  margin-bottom: 0.8rem;
  max-width: 100%;
}
.home-list .col-con h2 {
  margin-bottom: 0.2rem;
}
.home-list .col-con h3 {
  font-size: 0.75rem;
  margin-bottom: 0.7rem;  
  color: #212529;
  font-weight: 500;
}
.home-list .col-con span {
  white-space: nowrap !important;
}
.home-list .col-con .btn-sm {
  padding: 0.3rem 0.5rem;
  margin-bottom: 0.5rem;
}

@media (max-width: 575.98px) { 
  
  .home-list .col-con img {
    max-width: 160px;
  }

}
@media (min-width: 576px) and (max-width: 767.98px) { 
  
  .home-list .col-con img {
    max-width: 240px;
  }

}



/****************************************************
 home-sfs
****************************************************/ 
.home-sfs {
  margin-bottom: 1rem;
}

.home-sfs h2,
.home-sfs h3 {
  color: #0467BD;
}
.home-sfs h2 {
  font-weight: 700;
  font-size: 1.5rem;
}

.home-sfs ol,
.home-sfs li {
  margin-left:0.3rem;
  padding-left: 0.5rem;
}
.home-sfs a.in-link {
	text-decoration: underline;
}


/****************************************************
 hersteller
****************************************************/
.hersteller h2 {
  color: #0467BD;
  font-weight: 700;
  font-size: 1.3rem;
  line-height: 1.8rem;
  text-align: left;
    
}

.hersteller img {
  max-width: 150px;
}

.h-logos {
  border: 1px solid #dee2e6;
  border-radius: .25rem;
  padding: 1.7rem 0.5rem;
  background: #FAFAFA;
}



/****************************************************
 anchor 133px/117px + 20
****************************************************/
a.anchor {
  display: block;
  position: relative;
  top: -153px;
  visibility: hidden;
}

@media (max-width: 575.98px) {
  
  a.anchor {
    top: -137px;
  }
}



/****************************************************
 header
****************************************************/ 
/*header {
  margin-bottom: 1rem;
}*/



/****************************************************
 header sub
****************************************************/ 
header .header-sub-wrapper {
  width: 100%;
  background-color: #154671;
  border-bottom: 1px solid #fff;
  padding: 0.6rem 0;
}
header .header-sub-flex-container {
}
header .header-sub-flex-item {
  color: #fff;
}
header .header-sub-flex-item a {
  color: #fff;
  font-weight: 700;
  text-decoration: none
}



/****************************************************
 header main-nav 
****************************************************/ 
header #main-nav nav {
  background-color: #195386;
  /*box-shadow: 0px 2px 3px -1px rgba(0,0,0,0.9);*/
  padding-top: 1rem;
  padding-bottom: 1rem;
}
/* brand and text color */
header #main-nav .navbar-brand,
header #main-nav .navbar-text {
  color: rgba(255,255,255,1);
}
/* link color */
header #main-nav .nav-link {
  color: rgba(255,255,255,1);
  padding: 0.4rem 0.5rem;
  margin: 0 0.5rem;
}  
/* color of active or hovered links */
header #main-nav .nav-item.active .nav-link,
header #main-nav .nav-item:hover .nav-link {
  color: #fff;
	background-color: rgba(240, 240, 240, 0.2);
}
header #main-nav .dropdown-item {
  font-size: 0.875rem;
}
header #main-nav .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.8)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}
header #main-nav .dropdown-item.active,
header #main-nav .dropdown-item:active {
  background-color: #fafafa;
  color: #0467BD;
}
header #main-nav .dropdown-menu {
  border-bottom: 3px solid #EDEDED;
  box-shadow: 0px 2px 5px -1px rgba(0,0,0,0.55);
}


@media (max-width: 575.98px) {
  
  header #main-nav .logo {
    width: 200px;
    height: auto;
  }
  
}
@media (min-width: 576px) {   
  header #main-nav .logo {
    width: auto;
    height: auto;
  }
}

header #main-nav .navbar-expand-lg .navbar-nav .nav-link {
  font-weight: 500;
  padding: 0.4rem 0.8rem;
  margin-left: 1px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;	
}
/*header #main-nav nav {    
  background-image: url(/images/128-62.png);
  background-repeat: repeat;
}*/
  
header #main-nav .dropdown-item.disabled, 
header #main-nav .dropdown-item:disabled {
  /*color: #6c757d;*/
  color: #212529;
  background-color: transparent;
  font-weight: 700;
  font-size: 1rem!important;
  pointer-events: none;
  cursor: default;
}

@media (max-width: 991.98px) {
  
  header #main-nav .dropdown-menu.show {
    max-height: 200px;
    overflow-y: scroll;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
  } 
  
}
header #main-nav a {
  transition: all 0.2s linear;
}
header #main-nav a.dropdown-item:hover {  
  color: #0467BD;
}
header #main-nav .dropdown-menu.mega {  
  width:100%;
  background: #fff;  
}

header #main-nav li.nav-item.dropdown.has-mega-menu {
  position:static;  
}

header #main-nav .dropdown-menu.show {
  background: #fff;
}

header #main-nav .dropdown-item {
  border-bottom: 1px solid #ededed;
}

header #main-nav .dropdown-toggle::after {
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-left: .1em;
  vertical-align:middle;
  font-family: 'icomoon';
  font-size: 16px;
  line-height: 16px;
  content: "\e907";
  border: 0; 
}



/****************************************************
 footer
****************************************************/
footer {
  background-color: #F2F2F2;
  border-top: 1px solid #DEE2E6;
}

footer div.tit {
  font-weight: 500;
  font-size: 1rem;
  margin-bottom: 0.4rem;
}

footer p.empf-icons span {
  font-size: 22px !important;
  position:relative;
  top:4px;
  margin-right:3px;
  margin-left:3px;
}

footer a {
  color: #212529;
  text-decoration: none;
}



/****************************************************
 breadcrumb
****************************************************/
.breadcrumb {
  padding: .6rem .6rem;
  background-color: #F9F9F9;
  border-bottom: 1px solid #DEE2E6;
  border-top: 1px solid #DEE2E6;
  border-radius: 0;
  margin-bottom: 1.5rem;
}
.breadcrumb-item+.breadcrumb-item::before {
  display: inline-block;
  padding-right: .5rem;
  color: #6c757d;
  content: "»";
}
li.breadcrumb-info {
  padding-left: 0.2rem;
  padding-right: 0.5rem;
  font-weight: 500;
}
.breadcrumb-item.active {
  color: #212529;
}

.breadcrumb a {
  text-decoration: none;
}



/****************************************************
 scrollTop
****************************************************/
@media (max-width: 575.98px) { 
  
  #top {
    display: none;
    position: fixed;
    bottom: 1rem;
    right: 1rem;
    z-index: 2;
    color: #fff;
    background-color: rgba(4, 103, 189, 0.80);
    font-size: 0.75rem;
    padding: .5625rem 0.75rem;    
    cursor: pointer;
    border-radius: .25rem;
  }  
  #top > span {
    display: none!important;
  }
  #top > img {
    display: inline-block!important;
  }

}

@media (min-width: 576px) { 
  
  #top {
    display: none;
    position: fixed;
    bottom: 1rem;
    right: 1rem;
    color: #fff;
    background-color: rgba(4, 103, 189, 0.60);
    font-size: 0.75rem;
    padding: .5625rem 0.75rem;    
    cursor: pointer;
    border-radius: .25rem;
  }
  #top > span {
    display: inline-block!important;
    letter-spacing: 0.1rem;
    text-transform: uppercase;
  }
  #top > img {
    width:12px;
    height:12px;
    vertical-align: middle;
    display: inline-block!important;
    margin-bottom: 0.2rem;
  }
  #top:hover {
    background-color: rgba(4, 103, 189, 1);
  }
  
}



/****************************************************
 sp-list

****************************************************/ 
.sp-list .col-con {
  padding: 0.8rem;
  background: #EFEFEF; 
  border: 1px solid #E2E2E2; 
  border-radius: 0.25rem;
  height: 100% !important;
}

.sp-list .col-con img {
  border: 1px solid #E2E2E2;
  background-color: #fafafa;
  padding: 5px;
  margin-bottom: 0.8rem;
  max-width: 100%;
}
.sp-list .col-con h2 {
  margin-bottom: 0.2rem;
  /*font-size: 1.1rem;
  font-weight: 500;*/
}
.sp-list .col-con h3 {
  font-size: 0.75rem;
  margin-bottom: 0.7rem;
  color: #212529;
  font-weight: 500;
}
.sp-list .col-con span {
  white-space: nowrap !important;
}
.sp-list .col-con .btn-sm {
  padding: 0.3rem 0.5rem;
  margin-bottom: 0.5rem;
}

@media (max-width: 767.98px) { 
  
  .sp-list .col-con img {
    max-height: 240px;
    max-width: 240px;    
  }

}

@media (min-width: 992px) and (max-width: 1199.98px) { 
  
  .sp-list .col-con img {
    max-height: 300px;
    max-width: 300px;
  }

}



/****************************************************
 #list list-table-ws
****************************************************/
#list table.list-table-ws td {
  font-size: 0.7rem;
  white-space: nowrap !important;
}
#list table.list-table-ws th {
  background-color: #fafafa;
  line-height: 1.1rem;
  vertical-align: top;
  white-space: nowrap !important;
}
#list table.list-table-ws th span {
  font-size: 0.7rem;
  font-weight: normal;
}
#list table.list-table-ws ul {
  padding-left: 1.2rem;
  margin-bottom: 0.5rem;
}



/****************************************************
 .list-p (list istem)
****************************************************/
.list-p .row-con {
  background: #F2F2F2;
  border: 1px solid #DEE2E6; 
  border-radius: 0.25rem;
}
.list-p .col-con-img {
  padding: 0.8rem!important;
  border-right: 1px solid #DEE2E6;
  
}
.list-p .list-img {  
  text-align: center;
}
.list-p .col-con-img img {
  border: 1px solid #DEE2E6;
  padding: 5px 10px;
  max-width: 100%;
}
.list-p .col-con-img img.bg-fa {
  background-color: #fafafa;
}
.list-p .col-con-img img.bg-f6 {
  background-color: #f6f6f6;
}
.list-p .col-con-img img.bg-ff {
  background-color: #fff;
}
.list-p .col-con-img img.bg-fc {
  background-color: #fcfcfc;
}
.list-p .col-con-img .list-num {
  color: #0467BD;
  font-size: 0.875rem;
  font-weight: bold;
}
.list-p .col-con-img .list-img-desc {
  font-size: 0.875rem;
  margin-bottom: 0.5rem;
  margin-top: 1rem;
}
.list-p .col-con {
  padding: 1rem!important;
  padding-left: 1.5rem!important;
  padding-top: 2rem!important;
  background-color: #fff;
}
.list-p .col-con.empfehlung {
  background-image:url(/images/empfehlung.jpg);
  background-repeat: no-repeat;
  background-position: top right;
}
.list-p .list-tit {
   margin-bottom: 1rem;
}
.list-p .list-tit a {
  /*color: #212529;*/
  color: #0467BD;
} 
.list-p .list-tit h2 {
  /*font-size: 1.2rem;
  margin-bottom:0!important;
  font-weight: 500;*/  
  color: #0467BD;
  font-weight: 700;
  margin-bottom:0!important;
  font-size: 1.5rem!important;
}
/*.list-p .list-tit h3 {
  font-size: 0.875rem;
  font-weight: normal;
  margin-bottom: 1rem;
}*/

.list-p .list-tit p {
  margin-bottom: 1rem;
}

.list-p .list-icons {
  margin-bottom: 1rem;
}  
.list-p .list-icons img {
  margin-right: 0.5rem;
}
.list-p .list-desc {
  margin-bottom: 1rem;
}
.list-p .list-preis-ab {
  margin-bottom: 1rem;
}
.list-p .list-preis-ab span.mwst {
  display: inline-block;
  margin-left: 0.3rem;
  font-size: 0.66rem;
}

.list-p .col-con .btn-sm {
  padding:0.3rem 0.8rem;
}

.list-p .col-con span {
  white-space: nowrap !important;
}

.list-p h3 {
  color: #212529;
}

@media (max-width: 575.98px) { 

  .list-p .col-con {
    padding: 1rem!important;
    padding-top: 1.5rem!important;
  }
  .list-p .col-con.empfehlung {
    background-image:none;
  }
  .list-p .col-con img.empfehlung {
    background-image:none;
    margin-top:-1rem;
  }

}

@media (min-width: 576px) and (max-width: 767.98px) { 
  
  .list-p .col-con.empfehlung {
    background-image:url(/images/empfehlung-2.jpg);
    background-repeat: no-repeat;
    background-position: top right;
  }

}

@media (max-width: 991.98px) { 

  .list-p .col-con-img img {
    max-width: 200px;
  }
  .list-p .col-con-img {
    border-right: 0;
    border-bottom: 1px solid #DEE2E6;
  }
  .list-p .col-con-img .list-img-desc {
    font-size: 0.875rem;
  }

}

/* list-table */

div.list-table {
  max-height: 226px;
  overflow: auto;
  border: 1px solid #dee2e6;
  padding: 0.25rem;
}
.list-table table {
  border: 1px solid #dee2e6; 
  width: 100%;
}
.list-table th {
  background: #f2f2f2;
  line-height: 1rem;
  padding: 0.6rem 0.4rem 0.6rem 0.4rem;
}
.list-table th span {
  font-size: 0.6rem;
	display: block;
}
.list-table tr:nth-child(even) {
  background: #f2f2f2;
}
.list-table tr {
  border-bottom: 1px solid #dee2e6;
}
.list-table td {
  padding: 0.4rem;
}
.list-table td.button-modell {
  border:none;
}
.list-table span.pa {
  font-size: 0.7rem;
}


@media (max-width: 991.98px) {
  
  div.list-table {
    max-height: inherit;
    padding: 0;
    border: none;
  }
  .list-table table {
    border: none;
  }
  .list-table thead {
    display: none;
  }
  .list-table tr {
    border-bottom: none;
  }
  .list-table tr:nth-child(even) {
    background: #fff;
  }
  .list-table td:nth-child(odd) {
    background: #f2f2f2;
  }
  .list-table td:nth-child(odd) {
    border-top: 1px solid #dee2e6;
    border-bottom: 1px solid #dee2e6;
  }
  .list-table td.mbez {
    background: #f2f2f2;
    border-top: 3px solid #dee2e6;
  } 
  .list-table td.mm::after {
    content: " mm";
  }
  .list-table td.ltr::after {
    content: " Ltr.";
  }
  .list-table td.kg::after {
    content: " kg";
  }
  .list-table span.p-zzgl::after {
    content: " / ";
  }
  .list-table span.p-inkl::after {
    content: "(zzgl./inkl. MwSt.)";
    font-size: 0.7rem;
    white-space: nowrap;
    display: inline-block;
    margin-left: 0.5rem;
  }

  .list-table td.button-modell {
   border:none;
  }
  .list-table span.pa {
    font-size: 0.875rem;
  }
  
}

@media (max-width: 575.98px) {
  
  .list-table tr {
    display: block;
    width: 100%;
    margin-bottom: 2rem;
  }
  .list-table td::before {
    content: attr(data-label)": ";
    font-weight: 500;   
  }
  .list-table td {
    display: block;
    padding: 0.4rem;
  }
  .list-table td.button-modell::before {
    content:none;
  }
  .list-table td.button-modell {
    padding: 0.8rem 0.8rem 0.8rem 0;
    background-color: #fff;
  }
  
}

@media (min-width: 576px) and (max-width: 991.98px) {
  
  .list-table tr {
    float: left;
    width: 100%;
    margin-bottom: 2rem;
  }
  .list-table td::before {
    content: attr(data-label)":";
    float: left;
    padding: 0.8rem;
    font-weight: 500;
    margin: -1em 1em -1em -1em;
  }
  .list-table td {
    float: left;
    width: 100%;
    padding: 0.6rem;
  }
  .list-table td.button-modell::before {
    content:none;
  }
  .list-table td.button-modell {
    padding: 0.8rem 0.8rem 0.8rem 0;
    background-color: #fff;
  }
  
}

@media (min-width: 576px) and (max-width: 767.98px) { 
  
  .list-table td::before {
    width: 36%;
  }

}

@media (min-width: 768px) and (max-width: 991.98px) {
  
  .list-table td::before {
    width: 26%;
  }

}

/* list-slider */
#list-item-all .list-slider div {
  text-align: center;
}
.list-slider.owl-carousel .owl-item img {
  width: inherit;
}


/****************************************************
 list-cat-h
****************************************************/

.list-cat-h h3 > a {
  color:#212529;
  font-weight: 500;
}
.list-cat-h .row-con {
  background-color: #F2F2F2;
  border:1px solid #DEE2E6;
  border-radius: 0.25rem;
}
.list-cat-h .col-con-img {
  padding: 0.7rem!important;
  padding-right: 0.3rem!important;
}
.list-cat-h .col-con {
  padding: 0.8rem!important;
  padding-top: 1.2rem!important;
}
.list-cat-h .btn-sm {
  padding: 0.5rem 0.7rem;
}
.list-cat-h img {
  border: 1px solid #DEE2E6;
  background-color: #fafafa;
  padding: 5px;
  max-width: 100%;
}
.list-cat-h p {
  font-size: 0.75rem;  
}
.list-cat-h ul {
  font-size: 0.75rem;
  padding: 0;
  padding-left: 1rem;
}
.list-cat-h .col-con span {
  white-space: nowrap !important;
}
.list-cat-h .col-con .btn-sm {
  padding: 0.3rem 0.5rem;
}

@media (max-width: 575.98px) { 
  
  .list-cat-h .col-con-img {
    padding: 1rem!important;
    padding-bottom: 0!important;
  }
  .list-cat-h img {
    max-width: 180px;
  }
  .list-cat-h p {
    font-size: 0.875rem;
  }
  .list-cat-h .col-con .btn-sm {
    padding: 0.5rem 0.7rem;
    margin-bottom: 0.8rem;
  }

}

@media (min-width: 576px) and (max-width: 767.98px) { 
  
  .list-cat-h p {
    font-size: 0.875rem;
  }

}

@media (min-width: 768px) and (max-width: 1199.98px) { 
  
  .list-cat-h .col-con-img {
    padding: 0.4rem!important;
  }
  .list-cat-h .col-con {
    padding: 0.4rem!important;
    padding-top: 0.8rem!important;
  }
  .list-cat-h .col-con .btn-sm {
    padding: 0.3rem 0.6rem;
    margin-bottom: 0.5rem;
  }

}



/****************************************************
 #list-ta entry
****************************************************/
.list-ta .row-con {
  background: #F2F2F2;
  border: 1px solid #DEE2E6; 
  border-radius: 0.25rem;
}
.list-ta .col-con-img {
  padding: 1rem!important;
  border-right: 1px solid #DEE2E6;  
}
.list-ta .col-con-img img {
  border: 1px solid #DEE2E6;
  background-color: #fafafa;
  padding: 5px;
  max-width: 100%;
  margin-bottom: 0.5rem;
}
.list-ta .col-con-img .list-img-desc {
  font-size: 0.875rem;
  margin-bottom: 1rem;
}
.list-ta .gal {
  display: none;
}
.list-ta .col-con {
  padding: 1rem!important;
  padding-left: 1.5rem!important;
  padding-top: 2rem!important;
  background-color: #fff;
}

.list-ta .list-tit h2 {
  font-size: 1.5rem;
  font-weight: 700;
  color: #0467BD;
}
.list-ta .list-tit p {
  margin-bottom: 1rem;
}

.list-ta .list-desc p {
  margin-bottom: 0.7rem;
}

.list-ta .col-con .btn-sm {
  padding:0.3rem 0.8rem;
}

.list-ta .col-con span {
  white-space: nowrap !important;
}


@media (max-width: 767.98px) { 

  .list-ta .col-con-img img {
    max-width: 200px;
  }
  .list-ta .col-con-img {
    border-right: 0;
    border-bottom: 1px solid #DEE2E6;
  }
  .list-ta .col-con {
    padding: 1rem!important;
  }
  .list-ta .col-con-img .list-img-desc {
    font-size: 0.875rem;
    margin-bottom: 0;
  }
  
  .list-ta .list-tit h2 {
  font-size: 1.5rem;
  font-weight: 700;
  color: #0467BD;
}


}
@media (max-width: 1199.98px) { 
  
  .list-ta .col-con {
    background-image:url(/images/aktion-2.jpg);
    background-repeat: no-repeat;
    background-position: bottom right;
  }
}

@media (min-width: 1200px) { 
  
  .list-ta .col-con {
    background-image:url(/images/aktion.jpg);
    background-repeat: no-repeat;
    background-position: top right;
  }
}



/****************************************************
 #modellreihe mr-tabs
****************************************************/
#mr-tabs .nav-link {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  background: #fff;
  border-color: #dee2e6 #dee2e6 #dee2e6;
  border-left: none;  
  color: #0467BD;
  padding: 0.6rem 0.8rem;
	font-weight: bold;
} 

#mr-tabs h3 {
font-weight: 500;
font-size: 0.875rem;
}

#mr-tabs .tab-pane {
  background: #F8F8F8;
} 
#mr-tabs li span {
  display: none;
}
#mr-TabContent ul {
  padding-left: 1.6rem;
  padding-right: 1rem;
}
#mr-tabs ul > li:first-child .nav-link {
  border-top-left-radius: .25rem;
  border-left: 1px solid #dee2e6;  
}  
#mr-tabs ul > li:last-child .nav-link {
  border-top-right-radius: .25rem;
}  
#mr-tabs .nav-link:hover {
  background: #F8F8F8;
}  
#mr-tabs .nav-link.active {
  border-bottom-color: #F8F8F8;
  background: #F8F8F8; 
  color: #212529;
}
#mr-tabs .tab-pane {
  padding: 1.5rem 1rem 0.5rem 1rem;
}
#mr-TabContent {
  border: 1px solid #dee2e6;
  border-top:none;
  border-bottom-right-radius: .25rem;
  border-bottom-left-radius: .25rem;
}
#mr-tabs {
  margin-bottom: 2rem;
}
#mr-tabs #beschreibung {
  max-height: 400px;
  overflow:auto;
}
#mr-tabs #zusatzoptionen,
#mr-tabs #verschlussoptionen {
  max-height: 300px;
  overflow:auto;
}

@media (max-width: 575.98px) {
	
	#mr-tabs ul#mr.nav.nav-tabs {
		display: none;
	}
	#mr-tabs div#beschreibung,
	#mr-tabs div#verschlussoptionen,
	#mr-tabs div#zusatzoptionen{
		opacity: 1!important;
		max-height: inherit;
	}
	#mr-tabs div#verschlussoptionen small,
	#mr-tabs div#zusatzoptionen small {
		display: block;
	}
	#mr-TabContent ul {
		padding-left: 1.4rem;
		padding-right: 0.5rem;
	}	
	#mr-tabs .tab-content>.tab-pane {
		display: block!important;
		padding:0!important;
		background: #fff;
	}
	#mr-tabs div#mr-TabContent.tab-content {
		border: none;
	}		
	#mr-tabs hr {
		border-top: 1px dashed #CFD5DB;
    height: 1px;
		margin-top: 0.5rem;
		margin-bottom: 1.2rem;
	}
	#mr-tabs {
		margin-bottom:auto;
	}
	h2 {
		color: #0467BD;
	}
  
}

@media (min-width: 576px) and (max-width: 767.98px) {
	
	#mr-tabs div#verschlussoptionen li > small,
	#mr-tabs div#zusatzoptionen li > small {
		display: block;
	}
	
}

@media (min-width: 576px) and (max-width: 1199.98px) { 
	
	#mr-tabs div#beschreibung,
	#mr-tabs div#verschlussoptionen,
	#mr-tabs div#zusatzoptionen{
		max-height: 300px;
	}
	
}



/****************************************************
 #modellreihe tabelle dataTables
****************************************************/
.dataTables_wrapper.container-fluid {
  width: 100%;
  padding-right: 0;
  padding-left: 0;
  margin-right: auto;
  margin-left: auto;
}
#modellreihe table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>td:first-child:before,
#modellreihe table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>th:first-child:before {
  top: 14px;
  left: 12px;
  height: 16px;
  width: 16px;
  color: white;
  border: none;
  border-radius: 0;
  box-shadow: none;
  line-height: 16px;
  content: '+';
  background-color: #0467BD;
}
#modellreihe table.dataTable.dtr-inline.collapsed>tbody>tr.parent>td:first-child:before,
#modellreihe table.dataTable.dtr-inline.collapsed>tbody>tr.parent>th:first-child:before {
  content: '-';
}
table.modellreihe-tabelle {
  border-collapse: collapse !important;
  border: 1px solid #DEE2E6;
  margin-bottom: 2.4rem!important;
}
table.modellreihe-tabelle th {
  line-height: .8rem;
	padding-top: 1rem;
	padding-bottom: 0.8rem;
}
table.modellreihe-tabelle th span {
  font-size: 0.6rem;
	display: block;
}
table.modellreihe-tabelle .btn-sm {
  font-size: .75rem;
  padding: 0.4rem 0.7rem;
}
table.modellreihe-tabelle li {
  white-space:normal !important;
}
table.modellreihe-tabelle .details-wrapper {
 display:flex;
}
table.modellreihe-tabelle .details-bild {
  margin-right: 1.4rem;
}
table.modellreihe-tabelle .details-bild img {
  border: 1px solid #e3e3e3;
  border-radius: 4px;
}
table.modellreihe-tabelle .details-modell {
 width: 100%;
}
table.modellreihe-tabelle ul.dtr-details {
	width: 100%;
	margin-bottom: 1.5rem!important;
  font-size: 0.8rem;
}
table.modellreihe-tabelle .dtr-title {
  display: inline!important;
	font-weight: normal!important;
  color: #63737D;
  margin-right: 0.4rem;
	min-width: 36px!important;
}
table.modellreihe-tabelle .dtr-data {
  display: inline!important;
}
table.modellreihe-tabelle ul.inneneinrichtung {
  padding-left: 1.6rem;
	margin-top: 0.4rem;
	margin-bottom: 0.4rem;
	list-style: square;
}


@media (max-width: 767.98px) { 
 
  table.modellreihe-tabelle thead  {
		display: none;
  }	
	table.modellreihe-tabelle tr[role="row"] > td:not(.control-details):not(.modell) {
		display: none;
  }	
	table.modellreihe-tabelle td.control-details {
		width: 10%;
		padding: 0!important;
	}	
	table.modellreihe-tabelle td.control-details:before {
		top: 16px!important;
  }
	table.modellreihe-tabelle td.modell {
		width: 90%;
		font-size: 1.125rem; 
		font-weight: bold;
		border-right: 1px solid #DEE2E6;
  }	
	table.modellreihe-tabelle td.child {
		border-bottom: 3px solid #1068BB;
  }
  table.modellreihe-tabelle .details-wrapper {
    display: block;
  }
  table.modellreihe-tabelle .details-bild {   
    margin-bottom: 0.8rem;
  }
  table.modellreihe-tabelle ul.dtr-details>li:first-child {
    border-top: 1px solid #efefef!important;
    padding: 0.5em 0!important;
  }
  table.modellreihe-tabelle ul.inneneinrichtung {
    padding-left: 1rem;
  }
  table.modellreihe-tabelle .dtr-title.d-verschluss {
		display: block!important;
	}
	table.modellreihe-tabelle .dtr-title.d-inneneinrichtung {
		display: block!important;
	}
 
}

/* misc */

ul.g-hinweis {
  list-style: none;
  padding: 0;
  margin-bottom: 2rem;
}
ul.g-hinweis-2 {
  padding-left: 1.6rem;
  padding-right: 1rem;
  margin-bottom: 2rem;
}
ul.g-hinweis a,
ul.g-hinweis-2 a { 
  text-decoration: underline;
}
p.g-hinweis { 
  margin-bottom: 2rem;
}
p.g-hinweis a { 
  text-decoration: underline;
}

@media (max-width: 575.98px) {
	ul.g-hinweis a,
  ul.g-hinweis-2 a {
		display:block;
	}
	ul.g-hinweis,
  ul.g-hinweis-2 {
		font-size: 0.75rem;
	}
	ul.g-hinweis a.anc-link,
  ul.g-hinweis-2 a.anc-link {
		font-size: 1rem;
	}
}

#modells h2 {
  font-size: 1.250rem;
  font-weight: 700;
  margin-bottom: 0.8rem;
}
#modells div.g-text h3 {
  font-weight: 700;
}


/* tabelle-info */
#modellreihe p.tabelle-info span.details-plus:before {
  height: 16px;
  width: 16px;
  display:inline-block;
  color: white;
  text-align: center;
  text-indent: 0 !important;
  font-family: 'Courier New', Courier, monospace;
  line-height: 16px;
  content: '+';
}
/* tabelle-hinweis */
#modellreihe ul.tabelle-hinweis {
  padding-left: 1.6rem;
  font-style: italic;
}



/****************************************************
 #modellreihe zert icons
****************************************************/
#modellreihe .mr-icons {
  margin-bottom: 1rem;
}  
#modellreihe .mr-icons img {
  margin-right: 0.5rem;
}



/****************************************************
 #modellreihe buttons
****************************************************/ 
#modellreihe .btn-sm {
  font-size: 0.75rem;
} 
.mr-buttons .iconm-file-pdf-o,
.mr-buttons .iconm-print,
.mr-buttons .iconm-question-circle {
  font-size: 14px !important;
  position:relative;
  top:2px;
  margin-right:2px;
}



/****************************************************
 #modellreihe main-image
****************************************************/ 
#main-image {
  margin-bottom: 1.5rem;
}
#main-image a {
  display: block;
  height: 100%;
  width: 100%;
  text-decoration: none;
}
#main-image a:active,
#main-image a:focus {
  outline: 0;
  border: none;
  -moz-outline-style: none;
}
#main-image .mi-wrapper {
  margin-bottom: 1rem;  
  border: 1px solid #dee2e6;
  border-radius: 2px;
  padding: 0;
  text-align: center;
}
#main-image img {
  padding: 0.5rem; 
  max-height: 216px; /* =200px */
}
#main-image .desc {
  background: #F2F2F2;
  width: auto;
  padding: 0.5rem;
  font-size: 0.75rem;
  border-top: 1px solid #dee2e6;
}
#main-image .desc-1 {
  display: block;
}
#main-image .desc-2 {
  display: block;
	font-size: 0.68rem;
}

[data-bgc="fa"] {
  background-color: #fafafa;
}
[data-bgc="f6"] {
  background-color: #f6f6f6;
}
[data-bgc="ff"] {
  background-color: #fff;
}
[data-bgc="fc"]  {
  background-color: #fcfcfc;
}



/****************************************************
 # fancybox all
****************************************************/ 
.fancybox-bg {
  background-color: #000;
}
.fancybox-is-open .fancybox-bg {
  opacity: 0.5;
}
.fancybox-content {
  box-shadow: 0px 4px 5px -1px rgba(0,0,0,0.75);
}
.fancybox-caption {
	box-shadow: 0px 4px 5px -1px rgba(0,0,0,0.75);
}
.fancybox-caption.inner-caption {
  width: 100%;
  bottom: 0;
  transform: translateY(100%);
  background: none;
  background-color: #f2f2f2;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.2rem;
  color: #212529;
  padding: 1rem;
	border-top: 1px solid #d1d5d8;
	opacity: 1!important;
	transition: none!important;
	visibility: visible!important;
}
.caption-bottom {
  display: none;
}
.fb-caption-desc-2 { 
  font-size:0.68rem;
}
.fb-counter {
	font-size:0.75rem;
	text-align: center;
	color: #6E808B;
	margin-top: 0.4rem;
}
.fancybox-thumbs__list a {
  border: 1px solid #dee2e6;
}
.fancybox-thumbs__list a:before {
  border: 1px solid #1c5384;
}
.fancybox-thumbs {
  background-color: #fff;
}
.fancybox-thumbs.fancybox-thumbs-y  {
  border-left: 1px solid #1c5384;
}
.fb-button-close,
.fb-button-prev,
.fb-button-next {
  position: absolute;
  width: 44px;
  height: 44px;  
  text-align: center;
  line-height: 44px;
  color: #424C53;
  text-decoration: none;
	background: #FFF;
  font-size: 28px;
	border-radius: 0.25rem;
	box-shadow: 0px 2px 5px -1px rgba(0,0,0,0.55);
	border:1px solid #f2f2f2;
}
.fb-button-close:hover,
.fb-button-prev:hover,
.fb-button-next:hover {
	text-decoration: none;
	color:#424C53;
}
.fb-button-prev,
.fb-button-next {
  top: 50%;
  margin-top: -22px;
}
.fb-button-prev.disabled,
.fb-button-next.disabled {
	background: #D8D8D8;
	border: 1px solid #D8D8D8;
}
.fb-button-prev.disabled:hover,
.fb-button-next.disabled:hover {
  color: #424C53;
}
.fb-button-prev {
    left: -100px;
}
.fb-button-next {
    right: -100px;
}
.fb-button-close {
  top: -44px;
  right: -44px;
}

@media (max-width: 575.98px) {	
	.fancybox-caption.inner-caption {
		padding:1rem;
	}
	.fancybox-show-thumbs .fancybox-inner {
		right:0
	}	
	.fancybox-thumbs {
		display:none!important;	
	}
}

@media (min-width: 576px) { 	
	.fb-counter {
		display:none;
	}
}

@media (min-width: 576px) and (max-width: 1199.98px) {  
  .fancybox-thumbs {
    top: auto;
    width: auto;
    bottom: 0;
    left: 0;
    right : 0;
    height: 95px;
    padding: 10px 10px 5px 10px;
    box-sizing: border-box;
  }  
  .fancybox-show-thumbs .fancybox-inner {
    right: 0;
    bottom: 95px;
  }
  .fancybox-thumbs.fancybox-thumbs-y  {
    border-top: 1px solid #1c5384;
    border-left:none;
  }
}

@media (min-width: 1200px) { 	
	.fancybox-button--arrow_left,
	.fancybox-button--arrow_right {
		display: none;
	}
}

@media (max-width: 1199.98px) { 	
	.fb-button-close,
	.fb-button-prev,
	.fb-button-next {
		display: none;
	}
}



/****************************************************
 #modellreihe mrgal-slider owl
****************************************************/ 
.mrgal-slider .s-item img {
  width: 120px;
  border: 1px solid #dee2e6;
  border-radius: 2px;
  padding: 3px 9px;
  cursor: pointer;
}
.mrgal-slider .s-item .caption {
  width:120px;
  font-size:0.75rem;
  background:#f2f2f2;
  border: 1px solid #dee2e6;
  border-top:none; 
}
.mrgal-slider img.active {
  border-color: #B1BBC5;
}
.mrgal-slider .owl-dots {
  margin-top: 16px!important;
}
.mrgal-slider .owl-nav [class*=owl-]:hover {
  background:transparent;
  color: inherit;
  text-decoration: none;
}
.mrgal-slider .owl-prev {
  left: 0px!important;
}
.mrgal-slider .owl-next {
  right: 0px!important;
}
.mrgal-slider .owl-prev,
.mrgal-slider .owl-next {
  position: absolute;
  top: 44px;
  display: block !important;
  outline: 0;
  border: none;
  -moz-outline-style: none;    
}
.mrgal-slider .owl-prev span,
.mrgal-slider .owl-next span {
  font-size: 36px;
  font-weight: 700;
}



/****************************************************
 #modell steps
****************************************************/ 
#modell .step {
  border: 1px solid #dee2e6;
  border-radius: .25rem;
 /* background: #FAFAFA;*/
}
#modell .step-bg  {
  background: #F2F2F2;
}
#modell h2 {
  color: #0467BD;
}
#modell .tmp-5 {
  font-style: italic;
}
@media (max-width: 575.98px) { 
  
  #modell .tmp-4 {
		border: none;
	}
	#modell .tmp-5 {
		border: 1px solid #dee2e6;
		padding: 1rem;
		font-size: 0.75rem;
		font-style: italic;
	}
	
	
}



/****************************************************
 #modell step daten
****************************************************/ 

#step-daten .d-sm-table {
  background: #fff;
}
#step-daten .cell-bez {
    font-weight: 500;
}
#step-daten ul.inneneinrichtung {
  padding-left: 1rem;
  padding-top: 0.2rem;
  margin-bottom:0.2rem;
}

@media (max-width: 767.98px) { 
  
  #step-daten .cell-bez {
    font-weight: bold;
  }
	#step-daten .d-md-table-row:nth-child(odd) {
    background: #F2F2F2;
		border-top: thin solid #dee2e6;
		border-bottom: thin solid #dee2e6;
  }
	#step-daten .d-md-table-row {
		padding: 0.3rem;
	}
}
@media (min-width: 768px) { 
  
  #step-daten .d-md-table {
    width: 100%;
    border-bottom:thin solid #dee2e6;
    margin-bottom: 1rem;
  }
  #step-daten .d-md-table-cell {
    border-top:thin solid #dee2e6;
    padding-top: 0.4rem;
    padding-bottom: 0.4rem;
  }
  #step-daten .cell-bez {
    width: 170px;
  }  
  #step-daten .d-md-table-row:nth-child(odd) {
    background: #F2F2F2;
  }
  
}


/****************************************************
 #modell mgal-slider owl
****************************************************/ 

.mgal-slider img {
  border: 1px solid #e3e3e3;
  border-radius: 2px;
  padding: 19px;
  cursor: pointer;
  max-width: 240px;
}
.mgal-slider img.bg-fa {
  background-color: #fafafa;
}
.mgal-slider img.bg-f6 {
  background-color: #f6f6f6;
}
.mgal-slider img.bg-ff {
  background-color: #fff;
}
.mgal-slider img.bg-fc {
  background-color: #fcfcfc;
}
.mgal-slider .desc-1 {
  max-width: 240px;
  margin: auto;
}

.mgal-slider .desc-2 {
  font-size: 0.68rem;
}




/****************************************************
 #modell tablex pz
****************************************************/ 

.tablex {
	display: table;
	border: 1px solid #dee2e6;
	border-collapse:collapse;
	width: 100%;
  background: #fff;
}
.tablex-row {
	display: table-row;
	border: 1px solid #dee2e6;
}
.tablex-cell {
	display: table-cell;
	border: 1px solid #dee2e6;
	padding: 0.8rem;
}
.tablex-h {
  white-space: nowrap !important;
}
.tablex-p {
	font-weight: 500;
	background:#FAFAFA;
  white-space: nowrap !important;
}
.tablex br {  
  display: none;
}
.tablex span {  
  display: none;
}
@media (max-width: 767.98px) {
  
  .tablex {
    border:none;
  }  
  .tablex-row,
  .tablex-cell {
    display: block;
    border:none;
    border-top: 1px solid #dee2e6;
    background: #fff;
    font-weight: normal;
  }  
  .tablex-row {
    margin-bottom:1rem;
  }  
  .tablex-row.row-h {
    display: none;
  }
  .tablex-h {
    
    background:#F2F2F2;
    font-weight: bold;
  } 
  .tablex-cell {
    padding: 0.5rem 1rem;
  }  
  .tablex span { 
    display: inline-block;
    margin-left: 1rem;
    font-size: 0.75rem;
  }
  
}
/*@media (min-width: 768px) and (max-width: 991.98px) {
  
  .tablex br {
    display: inline;
  }
  
}
*/


/****************************************************
 #modell tabelle opt
****************************************************/ 
.tabelle-opt {
  border: 1px solid #dee2e6;
  width: 100%;
}
.tabelle-opt .head > div {
  font-weight: 700;
  line-height: 0.8rem;
  vertical-align:middle;
}
.tabelle-opt .head span {
  font-size: 0.6rem;
}
.tabelle-opt .d-md-table-cell {
  padding: 0.8rem 0.6rem;
  vertical-align: top;
  border-bottom: 1px solid #dee2e6;
}
.tabelle-opt .d-md-table-row:nth-child(odd) {
  background: #F2F2F2;
}
.tabelle-opt .d-md-table-cell img {
  border: 1px solid #e3e3e3;
  border-radius: 2px;
  background-color: #FAFAFA;
  padding: 2px;
  max-width: 80px;
  float: left;
  margin-right: 10px;  
} 
.tabelle-opt .d-md-table-cell.opt {
  width: 6%;
  text-align: center;
}
.tabelle-opt .d-md-table-cell.preis {
  width: 14%;
  line-height: 1rem;
}

@media (max-width: 767.98px) {
   
  .tabelle-opt .opt input {
    margin-right: 5px;
  }
  .tabelle-opt .d-md-table-cell.beschreibung {
    padding-bottom: 0;
  }
  .tabelle-opt .d-md-table-cell img {
    display: block;
    float: none;
    margin-bottom: 10px;
    max-width: 100px;
  }
  .tabelle-opt .d-md-table-row {
    border-bottom: 2px solid #174670;
  } 
  .tabelle-opt .d-md-table-cell {
    border-bottom: 0;
  }
  .tabelle-opt .d-md-table-cell.opt {
    width: auto;
    text-align: left;
  }
  .tabelle-opt .d-md-table-cell.preis {
    width: auto;
  }
 
}
@media (min-width: 768px) and (max-width: 1199.98px) {
  
  .tabelle-opt .d-md-table-cell.preis {
    width: 16%;
  }

}


/****************************************************
 #modell form
****************************************************/ 
#modell .form-control {
  font-size: 0.875rem;
}

#modell label {
  font-weight:500;
}

#modell .btn {
  font-size:0.875rem;
}


/****************************************************
 #kontakt
****************************************************/ 
#kontakt .step {
  border: 1px solid #DEE2E6;
  border-radius: .25rem;
  background: #F2F2F2;
}
#kontakt img.ma {
  border: 1px solid #DEE2E6;
  border-radius: 4px;
  background-color: #fff;
  padding: 5px;
  margin-bottom: 8px;
}
#kontakt .form-control {
  font-size: 0.875rem;
}
#kontakt span.info {
  font-size:1rem;
  font-weight: bold;
  display: inline-block;
  margin-bottom: 0.5rem;
}
#kontakt .btn {
  font-size: 0.875rem;
}
#kontakt label {
  font-weight:500;
}



/****************************************************
 #fb-box
****************************************************/ 
#fb-box-1 {
  max-width: 200px;
  border: 1px solid #e3e3e3;
  border-radius: 0.40rem;
  padding: 18px 18px 2px 18px;
  background: #F2F2F2;
  box-shadow: 0.1rem 0.1rem 0.01rem rgba(0,0,0,.1);
}
#fb-box-2 {
  max-width: 180px;
  border: 1px solid #e3e3e3;
  border-radius: 0.40rem;
  padding: 14px 14px 2px 14px;
  background: #F2F2F2;
  box-shadow: 0.1rem 0.1rem 0.01rem rgba(0,0,0,.1);
}

.fb-slider .fb-con {
  font-size: 0.8rem;
  padding: 0.50em;
  margin-bottom: 0;
}
.fb-slider .fb-item {
  margin-bottom: 0; 
}
.fb-slider .fb-con {
  font-size: 0.8rem;
  padding: 0.50em;
  margin-bottom: 0;
}
.fb-slider .fb-tit {
  font-size: 0.875rem;
  font-weight: 700;
  display: block;
  margin-bottom: 0.025rem;
}
.fb-slider img {
  border: 1px solid #e3e3e3;
  border-radius: 2px;
  background-color: #fff;
  padding: 8px;
  width:100%;
}

#fb-box-1 .owl-dots,
#fb-box-2 .owl-dots {
  margin-top: 0.2rem;
  margin-bottom: 0.2rem;
}




/****************************************************
 #fnav (& popover + ..)
****************************************************/

#fnav .form-control {
  font-size: 0.875rem!important;
  color: #212529;
}
#fnav label {
  border-bottom: 1px solid #58666F; width:100%;
}

#fnav .form-control:disabled {
  background-color: #fff;
  /*background-color: #F8F9FA;*/
  /*background-color: #e9ecef;*/
  opacity: 0.8;
}

#fnav select.form-control:disabled {
  -webkit-appearance: none;
  -moz-appearance: none;
  text-indent: 1px;
  text-overflow: '';
}
/*For IE10+*/
#fnav select:disabled.form-control::-ms-expand {
  display: none;
}

#fbut .btn-sm {
  padding: .25rem .8rem;
  font-size: .875rem;
  line-height: 1.5;
  border-radius: .25rem;
}
#fbut-z {
  text-decoration: underline;
  /*border: 1px solid #0467BD;
  border-radius: 2px;
  padding: 1px 5px;*/
}

#fnav .info-icon {
  font-size: 1rem;
  color:#0467BD; 
  display: inline-block;
  vertical-align:baseline;
  cursor:pointer;
}

.popover.fnav {
  box-shadow: 0 0 8px rgba(0,0,0,.35);
  z-index: 10;
  border-radius: 0.5rem;
  font-size:13px;
  line-height:18px; 
  color: #333;
  border-width: 1px;
  border-color: rgba(0,0,0,.1);
}
.popover.fnav .popover-header {
  border-top-left-radius: 0.5rem;
  border-top-right-radius:0.5rem;
  border-bottom-color: #dedede;
  /*border-bottom-color: #c0c0c0;*/
  font-size: 14px;
  font-weight: 500;
}
.popover.fnav .arrow::after {
  top: 1px;
  border-bottom-color: #f7f7f7;
}
.popover.fnav .popover-close {
  display: inline-block;
  float: right;
  border: none;
  cursor:pointer;
  width: 20px;
  text-align:right;
  color: #a9a9a9;
  font-family: Arial, Baskerville, monospace;
  margin-right: -8px;
  padding-right: 5px;
}

.popover.fnav .popover-body .ubs-1 { 
	font-size: 15px;
	line-height: 22px;
	/*color: #0467BD;*/
}
.popover.fnav .popover-body .ubs-2 { 
	/*color: #0467BD;*/
}
.popover.fnav .popover-body ul {
  padding-left: 1.2rem;
}
.popover.fnav .popover-body {
  max-height: 260px;
  overflow:auto;
}
.popover.fnav table.pov-tbl {
	width: 100%;
}
.popover.fnav table.pov-tbl tr:nth-child(odd) {
	background-color: #f2f2f2;
}
.popover.fnav th.w33 {
	width: 33%;
}
.popover.fnav th.w40 {
	width: 40%;
}
.popover.fnav th.w60 {
	width: 60%;
}


/*iconm-squared-cross*/
/*.fz-icon {
  color: #212529;
  cursor:pointer;
  font-size: 15px;
  padding-bottom: 3px;
}*/
/*iconm-close1 & iconm-cancel2*/
#fnav .fz-icon {
  color: #212529;
  cursor:pointer;
  font-size: 18px;
  margin-bottom: 2px;  
}
#fnav .fz-icon:hover {
  color:#0467BD;
}

/* fnav-nav */
/*#fnav-nav {
  border: 1px dashed #CFD5DB;
  padding: 1.5rem 1rem 1rem 1rem;
  border-radius: 0.25rem;
}*/
#fnav-nav {
  border: 1px dashed #0467BD;
  padding: 1.5rem 1rem 1rem 1rem;
  border-radius: 0.25rem;
  background: #f2f2f2;
}

#fnav-nav b.sel {
  
  font-weight: normal;  
  color: #0467BD;  
}

#fnav-nav .selectric-open b.sel {
  color: #fff;
  font-weight: normal;
}



/****************************************************
 flex-order (for #fnav + ...)
****************************************************/
.s-1 {-ms-flex-order:0;order:0;}
.s-2 {-ms-flex-order:1;order:1;}
.s-3 {-ms-flex-order:2;order:2;}
.s-4 {-ms-flex-order:3;order:3;}
.s-5 {-ms-flex-order:4;order:4;}
.s-6 {-ms-flex-order:5;order:5;}
.s-7 {-ms-flex-order:6;order:6;}
.s-8 {-ms-flex-order:7;order:7;}
.s-9 {-ms-flex-order:8;order:8;}
.s-10 {-ms-flex-order:9;order:9;}
.s-11 {-ms-flex-order:10;order:10;}
.s-12 {-ms-flex-order:11;order:11;}
.s-13 {-ms-flex-order:12;order:12;}
.s-14 {-ms-flex-order:13;order:13;}
.s-15 {-ms-flex-order:14;order:14;}
.s-16 {-ms-flex-order:15;order:15;}
.s-17 {-ms-flex-order:16;order:16;}
.s-18 {-ms-flex-order:17;order:17;}
.s-19 {-ms-flex-order:18;order:18;}
.s-20 {-ms-flex-order:19;order:19;}

@media (min-width: 576px) {
.s-sm-1 {-ms-flex-order:0;order:0;}
.s-sm-2 {-ms-flex-order:1;order:1;}
.s-sm-3 {-ms-flex-order:2;order:2;}
.s-sm-4 {-ms-flex-order:3;order:3;}
.s-sm-5 {-ms-flex-order:4;order:4;}
.s-sm-6 {-ms-flex-order:5;order:5;}
.s-sm-7 {-ms-flex-order:6;order:6;}
.s-sm-8 {-ms-flex-order:7;order:7;}
.s-sm-9 {-ms-flex-order:8;order:8;}
.s-sm-10 {-ms-flex-order:9;order:9;}
.s-sm-11 {-ms-flex-order:10;order:10;}
.s-sm-12 {-ms-flex-order:11;order:11;}
.s-sm-13 {-ms-flex-order:12;order:12;}
.s-sm-14 {-ms-flex-order:13;order:13;}
.s-sm-15 {-ms-flex-order:14;order:14;}
.s-sm-16 {-ms-flex-order:15;order:15;}
.s-sm-17 {-ms-flex-order:16;order:16;}
.s-sm-18 {-ms-flex-order:17;order:17;}
.s-sm-19 {-ms-flex-order:18;order:18;}
.s-sm-20 {-ms-flex-order:19;order:19;}
}

@media (min-width: 768px) {
.s-md-1 {-ms-flex-order:0;order:0;}
.s-md-2 {-ms-flex-order:1;order:1;}
.s-md-3 {-ms-flex-order:2;order:2;}
.s-md-4 {-ms-flex-order:3;order:3;}
.s-md-5 {-ms-flex-order:4;order:4;}
.s-md-6 {-ms-flex-order:5;order:5;}
.s-md-7 {-ms-flex-order:6;order:6;}
.s-md-8 {-ms-flex-order:7;order:7;}
.s-md-9 {-ms-flex-order:8;order:8;}
.s-md-10 {-ms-flex-order:9;order:9;}
.s-md-11 {-ms-flex-order:10;order:10;}
.s-md-12 {-ms-flex-order:11;order:11;}
.s-md-13 {-ms-flex-order:12;order:12;}
.s-md-14 {-ms-flex-order:13;order:13;}
.s-md-15 {-ms-flex-order:14;order:14;}
.s-md-16 {-ms-flex-order:15;order:15;}
.s-md-17 {-ms-flex-order:16;order:16;}
.s-md-18 {-ms-flex-order:17;order:17;}
.s-md-19 {-ms-flex-order:18;order:18;}
.s-md-20 {-ms-flex-order:19;order:19;}	
}

@media (min-width: 992px) {
.s-lg-1 {-ms-flex-order:0;order:0;}
.s-lg-2 {-ms-flex-order:1;order:1;}
.s-lg-3 {-ms-flex-order:2;order:2;}
.s-lg-4 {-ms-flex-order:3;order:3;}
.s-lg-5 {-ms-flex-order:4;order:4;}
.s-lg-6 {-ms-flex-order:5;order:5;}
.s-lg-7 {-ms-flex-order:6;order:6;}
.s-lg-8 {-ms-flex-order:7;order:7;}
.s-lg-9 {-ms-flex-order:8;order:8;}
.s-lg-10 {-ms-flex-order:9;order:9;}
.s-lg-11 {-ms-flex-order:10;order:10;}
.s-lg-12 {-ms-flex-order:11;order:11;}
.s-lg-13 {-ms-flex-order:12;order:12;}
.s-lg-14 {-ms-flex-order:13;order:13;}
.s-lg-15 {-ms-flex-order:14;order:14;}
.s-lg-16 {-ms-flex-order:15;order:15;}
.s-lg-17 {-ms-flex-order:16;order:16;}
.s-lg-18 {-ms-flex-order:17;order:17;}
.s-lg-19 {-ms-flex-order:18;order:18;}
.s-lg-20 {-ms-flex-order:19;order:19;}	
}

@media (min-width: 1200px) {
.s-xl-1 {-ms-flex-order:0;order:0;}
.s-xl-2 {-ms-flex-order:1;order:1;}
.s-xl-3 {-ms-flex-order:2;order:2;}
.s-xl-4 {-ms-flex-order:3;order:3;}
.s-xl-5 {-ms-flex-order:4;order:4;}
.s-xl-6 {-ms-flex-order:5;order:5;}
.s-xl-7 {-ms-flex-order:6;order:6;}
.s-xl-8 {-ms-flex-order:7;order:7;}
.s-xl-9 {-ms-flex-order:8;order:8;}
.s-xl-10 {-ms-flex-order:9;order:9;}
.s-xl-11 {-ms-flex-order:10;order:10;}
.s-xl-12 {-ms-flex-order:11;order:11;}
.s-xl-13 {-ms-flex-order:12;order:12;}
.s-xl-14 {-ms-flex-order:13;order:13;}
.s-xl-15 {-ms-flex-order:14;order:14;}
.s-xl-16 {-ms-flex-order:15;order:15;}
.s-xl-17 {-ms-flex-order:16;order:16;}
.s-xl-18 {-ms-flex-order:17;order:17;}
.s-xl-19 {-ms-flex-order:18;order:18;}
.s-xl-20 {-ms-flex-order:19;order:19;}
}

/* lagerware */
.ribbon {
  position: absolute;
  right: -5px; top: -5px;
  z-index: 1;
  overflow: hidden;
  width: 90px; height: 90px;
  text-align: right;
}
.ribbon span {
  font-size: 12px;
  /*font-weight: bold;*/
  color: #FFF;
  text-transform: uppercase;
  text-align: center;
  line-height: 20px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  width: 120px;
  display: block;
  background: #79A70A;
  background: linear-gradient(#F70505 0%, #8F0808 100%);
  box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
  position: absolute;
  top: 25px; right: -25px;
}
.ribbon span::before {
  content: "";
  position: absolute; left: 0px; top: 100%;
  z-index: -1;
  border-left: 3px solid #8F0808;
  border-right: 3px solid transparent;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #8F0808;
}
.ribbon span::after {
  content: "";
  position: absolute; right: 0px; top: 100%;
  z-index: -1;
  border-left: 3px solid transparent;
  border-right: 3px solid #8F0808;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #8F0808;
}
.lw {
  color: #F70505;
  font-weight: bold;
}
.lw-p {
  font-weight: bold;
  font-size: 1rem;
}
.lw-i {
  display: block;
	font-size: 0.7rem;
  font-weight: normal;
	line-height:1rem;
}

/* misc */

span.pnb {
	white-space: nowrap;
}


@media (max-width: 575.98px) {
  
  ul.tmp-xs {
		padding-left: 1.4rem;
		padding-right: 0.5rem;
	}	

}

ul.hinweise {
  padding-left: 1.2rem;
  font-style:italic;
  margin-bottom:0;

}

.form-hf {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  height: 0;
  width: 0;
  z-index: -1;
}

.nob {
  font-weight:normal!important;
}

#modell input[type="radio"] {  
  margin-top: 3px;
  vertical-align: top;
}

#modell input[type="checkbox"] {  
  margin-top: 3px;
  vertical-align: top;
}

.att {
  color:#E70509;
}



