@import url('https://fonts.googleapis.com/css?family=Muli:400,700');
@import url('https://fonts.googleapis.com/css2?family=Mulish:ital,wght@0,200..1000;1,200..1000&display=swap');

html {height: 100%;}
html, button, select, textarea {margin: 0px;vertical-align: baseline;vertical-align: middle;line-height: normal;-webkit-text-size-adjust: 100%;}
body {padding: 0px;margin: 0px;min-height: 100%;font-size: 16px;}
body a, body a:link, a:visited {text-decoration: none;outline: none;color: inherit;}
body a:active, body a:hover {text-decoration: none;outline: none;color: inherit;}
h1, h2, h3, h4, h5, h6, p, img, form, input, li, ul, ol, select, fieldset {margin: 0px;padding: 0px;border: 0px;}
ul, ol {list-style-type: none;}
img {vertical-align: middle;}
table {border-collapse: collapse;border-spacing: 0px;}
td, th {vertical-align: middle;text-align: left;}
hr {height: 0;-moz-box-sizing: content-box;box-sizing: content-box;margin-top: 20px;margin-bottom: 20px;border: 0;border-top: 1px solid #e5e5e5;}
section, article, div {box-sizing:border-box;}
section{/*width: 1100px;*/justify-content: center;align-items: center;}
html, button, select, textarea, body, img, h1, h2, h3, h4, h5, h6 {font-family: Mulish}
h1, h2, h3, h4, h5, h6 {margin-bottom:45px;margin-left:20px;color:#000;}
h1 {font-size: 28px;font: normal normal bold 28px/35px Mulish;font-weight:800;}
h2 {font-size:22px;}
h3 {font-size:20px;}
h4 {font-size:18px;}
h5 {font-size:16px;}
h6 {font-size:14px;}
a.thumbnail[name="noimage.gif"] {display:none;}
a.thumbnail[name=""] {display:none;}
img.responsive {max-width:100%;height:auto;}
.clear {clear:both;}
.clear:before, .clear:after {content:"";display:table;}
.clear:after {clear:both;}
.clear {zoom:1;}
.clear {zoom:1;}
.visible-sm {display: none;}
#wrapper {font-family: Mulish;width: 1200px;margin: 0px auto;background: none;/*padding: 10px*/;}
header {max-height: 460px;max-width: 1200px;overflow: hidden;background-repeat: no-repeat;background-size: cover;border-top: 1px solid #BFBFBF;}
article {margin: 20px 0;}
#gallery {width: 40%;background: #fff;float: left;display: flex;flex-direction: column;align-items: center;justify-content: center;padding-top: 20px}
#description {width: 59%;background: #fff;float: right;box-sizing: border-box;padding: 20px;padding-left: 0px !important/*margin-right: 10px*/;}
main {}
.teaser {display: flex;}
.teaser a {display: inline-block;flex: 1;}
.teaser a img {display: block;width: 100%;height: auto;}
footer {margin-top: 10px;background: #fff;padding: 10px;}
header img {width: 100%;height: auto;}
header img#logo {margin:10px 0px;transition: opacity 300ms;}
header img#logo:hover {opacity:0.7;transition: opacity 300ms;}
nav.links {float:right;padding:10px;}
nav.links ul {padding: 10px 0px;}
nav.links ul li {display: inline-block;padding:0 10px;}
nav.kat ul li {float:left;display: inline-block;font-size: 18px;color: #fff;padding: 0px 10px;}
nav.kat ul li:hover {background-color: #747A7E;}
nav.kat a {padding:10px 5px;display: inline-block;vertical-align: middle;}
.gallery-images {position: relative;width: 100%;display: flex;justify-content: center;align-items: center;height: 100%;} /* Modified */
.gallery-nav {display: inline-block;justify-content: center;align-items: center;overflow-x: auto;scroll-behavior: smooth;width: 100%;padding: 10px;box-sizing: border-box;}
.gallery-nav-container {overflow-x: auto;width: 100%;white-space: nowrap;}
.gallery-images .item {position: absolute;top: 0;left: 0;width: 100%;overflow: hidden;text-align: center;pointer-events: none;opacity: 0;-webkit-transition: opacity 300ms;-o-transition: opacity 300ms;transition: opacity 300ms;}
.gallery-images .item:first-of-type {position: relative;pointer-events: auto;opacity: 1;}
.gallery-images .hover {display: none;}
.gallery-images .hover:target ~ .item {pointer-events: none;opacity: 0;-webkit-animation: none;-o-animation: none;animation: none;}
.gallery-images .hover:nth-of-type(1):target ~ .item:nth-of-type(1), .gallery-images .hover:nth-of-type(2):target ~ .item:nth-of-type(2), .gallery-images .hover:nth-of-type(3):target ~ .item:nth-of-type(3), .gallery-images .hover:nth-of-type(4):target ~ .item:nth-of-type(4), .gallery-images .hover:nth-of-type(5):target ~ .item:nth-of-type(5), .gallery-images .hover:nth-of-type(6):target ~ .item:nth-of-type(6), .gallery-images .hover:nth-of-type(7):target ~ .item:nth-of-type(7), .gallery-images .hover:nth-of-type(8):target ~ .item:nth-of-type(8), .gallery-images .hover:nth-of-type(9):target ~ .item:nth-of-type(9), .gallery-images .hover:nth-of-type(10):target ~ .item:nth-of-type(10), .gallery-images .hover:nth-of-type(11):target ~ .item:nth-of-type(11), .gallery-images .hover:nth-of-type(12):target ~ .item:nth-of-type(12), .gallery-images .hover:nth-of-type(13):target ~ .item:nth-of-type(13), .gallery-images .hover:nth-of-type(14):target ~ .item:nth-of-type(14), .gallery-images .hover:nth-of-type(15):target ~ .item:nth-of-type(15), .gallery-images .hover:nth-of-type(16):target ~ .item:nth-of-type(16) {pointer-events: auto;opacity: 1;}
.thumbnail:nth-child(1), .thumbnail:nth-child(15) {margin-left: 0;}
.thumbnail:nth-child(6n) {margin-right: 0;}
.thumbnail:last-child {margin-right: 0;}
.thumbnail {position: relative;display: inline-block;justify-content: center;align-items: center;margin-left: 5px;margin-right: 5px;margin-bottom: 10px;width: 82px;height: 82px;border: 1px solid #BFBFBF;border-radius: 10px;overflow: hidden;}
.thumbnail:hover, .thumbnail:visited, .thumbnail:link {text-decoration: none;}
.thumbnail:hover {opacity: 0.3;cursor: pointer;transition: all 0.3s;}
.thumbnail img {width: 100%;height: 100%;object-fit: contain;}

.big-img {display: flex;justify-content: center;align-items: center;width: 100%;height: 100%;border: 1px solid #BFBFBF;border-radius: 10px} /* Modified */
.big-img img {max-width: 100%;height:100%;object-fit: contain;}
.title_near_head{margin-top:30px;margin-bottom:30px;margin-left:20px;font-size:18px}
#description img#logo {display: block;max-width: 120px;margin: 0px 0px 20px;}
#description span.art-nr {font-size: 14px;display: block;margin-bottom: 10px;color: #999999;}
#description {font-size: 16px;color: #333;line-height: 160%;float:left;}
#description p.title {font-size: 16px;font-weight: bold;margin-left:20px;}
#description span {font-family: Mulish;display: block;margin-top: 10px;}
#description span > p {font-family: Mulish;display: block;margin-top: 10px;font-size: 16px;}
#description ul {margin: 20px 0px 0px;}
#description ul li {list-style: none;font-size: 16px;line-height: 180%;color: #333;padding-left: 25px;}
main section {animation-name: input;display: none;background: #fff;border:1px solid #BFBFBF;border-radius: 0px 10px 10px 10px;}
@keyframes input {from {opacity:0;}
to {opacity:1;}
}



main input {display: none;}
main label {font:normal normal bold 18px/23px Mulish;float:left;display: inline-block;margin: 0 1px -1px 0px;padding: 15px 34px;font-size: 18px;text-align: center;color: #838383;background: var(--unnamed-color-f0f2f3) 0% 0% no-repeat padding-box;background: #F0F2F3 0% 0% no-repeat padding-box;border-radius: 10px 10px 0px 0px;opacity: 1;margin-right:20px;}
main label:hover {color: #fff;cursor: pointer;background: transparent linear-gradient(90deg, var(--unnamed-color-073e75) 0%, #1B5B9B 100%) 0% 0% no-repeat padding-box;background: transparent linear-gradient(90deg, #073E75 0%, #1B5B9B 100%) 0% 0% no-repeat padding-box;border-radius: 10px 10px 0px 0px;opacity: 1;}
main input:checked + label {color: #fff;border-bottom: 1px solid #fff;background: transparent linear-gradient(90deg, var(--unnamed-color-073e75) 0%, #1B5B9B 100%) 0% 0% no-repeat padding-box;background: transparent linear-gradient(90deg, #073E75 0%, #1B5B9B 100%) 0% 0% no-repeat padding-box;border-radius: 10px 10px 0px 0px;opacity: 1;}
#tab1:checked ~ #desc-1, #tab2:checked ~ #desc-2, #tab3:checked ~ #desc-3, #tab4:checked ~ #desc-4, #tab5:checked ~ #desc-5 {display: block;}
main, main p {font-family: Mulish;font-size: 16px;color: #333;line-height: 160%;margin-bottom: 20px;}
main b, h2 {font-family: MULISH;font-size: 18px;font-weight: 700;}
main ul {margin: 20px 0px 20px;}
main ul li {list-style: none;font-size: 18px;line-height: 180%;}
main ol {margin: 20px 0px 20px;}
main ol li {list-style: decimal;list-style-position: inside;font-size: 18px;line-height: 180%;}
main ol li:before {}
main #desc-3 img, main #desc-4 img {width:auto;max-width:150px;float: left;margin-right:5px;margin-bottom: 5px;}
.table {width: 100%;margin:20px 0px;}
.table thead tr td {padding:20px 0;font-size:16px;text-transform:uppercase;}
.table tbody {border-bottom: 1px solid #ddd;}
.table th {font-weight: bold;text-transform: uppercase;}
.table td {border-top: 1px solid #ddd;padding: 10px;}

main table {width: 100%;margin:55px 0px;}
main table thead tr td {padding:20px 0;font-size:16px;text-transform:uppercase;}
main table th {font-weight: bold;text-transform: uppercase;}
main table td {padding: 10px;}
table{width:100%;}
table tr {height:47px;}
table tr td{padding:15px 0px;font-size:18px;}
.small-col{width:373px;padding-left:25px;padding-right:25px}
.small-col1{width:186px;padding-left:25px;padding-right:25px}
.col{margin-left:50px}

.LBMotors_ftable {/*margin-left: 20px*/}
.LBMotors_ftablehead table tr td{padding-left: 20px !important;}
/*tr td:nth-child(1){font-weight:700;}*/
footer {background-color: #F0F2F3 ;color: #000;line-height: 142px;}
footer div.footer-left {/*float:left;*/width: 20%;display: inline-block;box-sizing: border-box;font-size: 18px;vertical-align: middle;}
footer div.footer-right {width: 30%;display: inline-block;text-align: center;box-sizing: border-box;font-size: 18px;vertical-align: middle;}
footer div.footer-center {width: 50%;display: inline-block;text-align: center;box-sizing: border-box;font-size: 18px;line-height:48px;vertical-align: middle;}
footer span {display: inline-block;vertical-align: middle;}
footer .title {display: inline-block;padding: 0px 17px;vertical-align: middle;}
footer ul {margin-top: 0px;}
footer ul li {display: inline;padding: 0px 20px 0px 0px;font-size: 12px;}
footer .nav-link2{white-space: normal;display: inline-block;text-decoration: none;opacity:0.7;transition: opacity 500ms;font: normal normal bold 18px/48px Mulish;color: #073E75}
footer .nav-link2:hover {text-decoration: none;border-bottom: 4px solid #073E75;opacity:1;font: normal normal bold 18px/48px Mulish;transition: opacity 3s00ms;}
.copy-right {text-align: right;font-size: 12px;color: #999999;margin-top: 10px;font-family: Mulish;}
@media screen and (max-width: 1200px) {#wrapper {width: 100%;box-sizing: border-box;}
header {}
nav.kat {}
article {}
#gallery {width: 50%;padding-top:20px}
#description {width: 49%;}
main {}
}
@media screen and (max-width: 680px) {#wrapper {width: 100%;box-sizing: border-box;}
header {display: none;}
nav.kat {display:none;background:none;}
article {}
#gallery {width: auto;float:none;}
#description {width: auto;float:none;}
main {}
main ~.teaser {display: block;}
main ~.teaser a {display: block;margin-bottom: 5px;}
footer {}
header img#logo {margin: 10px auto;display: block;}
nav.links {width:100%;text-align: center;padding:10px 0px;}
nav.kat ul {display: block}
nav.kat ul li {width:100%;background-color:#747A7E;text-align: center;padding:0px;margin-bottom: 3px;}
nav.kat ul li a {display: block;padding:20px 0px;}
main section {padding: 20px;border:1px solid #eee;}
main input {display: none;}
main label {float:none;display: block;padding: 15px 0;margin: 0 0px 3px 0px;}
main label:hover {}
main input:checked + label {border-bottom: 0px solid #fff;border-top:0px;}
#tab1:checked ~ #desc-1, #tab2:checked ~ #desc-2, #tab3:checked ~ #desc-3, #tab4:checked ~ #desc-4, #tab5:checked ~ #desc-5 {display: block;}
main #desc-3 div, main #desc-4 div {display: flex;display:-ms-flexbox;flex-wrap: wrap;justify-content: center;align-items:stretch;-ms-flex-align:stretch;}
main #desc-3 img, main #desc-4 img {max-width: 150px;height: 60px;}
div[width="100%"] {-ms-overflow-style: -ms-autohiding-scrollbar;-webkit-overflow-scrolling: touch;overflow-x: scroll;overflow-y: hidden;max-width:1px;min-width:100%;}
.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td {white-space: nowrap }
footer ul {margin-top: 20px;}
}
.teaser img{width:100%;}
@media screen and (max-width:999px) {header .visible-sm {display: block;}
header .visible-md {display: none;}
footer {line-height: 20px; padding: 40px 0}
footer div.footer-left{display: block;text-align: left;width: 100%;float:none;}
footer div.footer-right {display: block;text-align: right;width: 100%;float:none;margin-top:20px;}
footer .title {padding-left: 0;}
}
.row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}
.col-md-2{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%;padding:15px;}
.col-md-2 img{width:100%;}
.col-md-3{display: flex;flex-wrap: wrap;justify-content: center;align-items: center;width: auto;height: auto;}
.col-md-3 img{max-width: 100%;height: auto;}
.col-md-3 a {
	flex: 1 0 20%;
    display: block;
    text-align: center;
	
}
        .col-md-3 img:not([src]) {display: none;}
		
.separator{margin:50px auto;height:1px;}
.main-content{max-width: 1100px;margin: 0 auto;}
justify-content-end{-ms-flex-pack:end!important;justify-content:flex-end!important}
.accordion-header button{background: transparent linear-gradient(90deg, var(--unnamed-color-073e75) 0%, #1B5B9B 100%) 0% 0% no-repeat padding-box;background: transparent linear-gradient(90deg, #073E75 0%, #1B5B9B 100%) 0% 0% no-repeat padding-box;color:#FFF !important;font: normal normal bold 18px/23px Mulish;}
.card-header button, .accordion-button::after{color:#FFF !important;text-decoration:none !important;}
.card-header button:hover,{text-decoration:none;}
.accordion h2{margin-left:0px;}
.accordion .accordion-item{margin-bottom:30px;}
.accordion-body{font: normal normal 300 18px/32px Mulish;}
.accordion-button::after{display:none;}
.nav-link{font: normal normal bold 18px/48px Mulish;font-size:18px;color:#073E75 !important;font-weight:700;padding:0px 20px;}
.nav-link2{font-size:22px;color:#073E75 !important;font-weight:600;padding:0px 20px;}
.footer-right .nav{margin-top:0px;}
.footer-center{font: normal normal 500 18px/48px Mulish;}
.footer-left img{margin:10px 20px;}
.footer-center button{background: transparent linear-gradient(90deg, var(--unnamed-color-073e75) 0%, #1B5B9B 100%) 0% 0% no-repeat padding-box;background: transparent linear-gradient(90deg, #073E75 0%, #1B5B9B 100%) 0% 0% no-repeat padding-box;border-radius: 37px;opacity: 1;color:#fff;padding:14px 25px;border:none;margin-left:35px;}
.footer-right .nav-link{padding:0px 10px;font-size:16px;}
#main label{padding:0px 20px;}
.footer-right .nav-link2{padding:0px 0px;font-size:19px;}
#main label{padding:0px 20px;}
.warum{margin-left: 25px; margin-top: 20px;}
.inhalt ul {margin: 20 0 20px;list-style-position: inside;list-style: circle !important}
.inhalt li {margin-left: 35px;list-style-position: inside;list-style: circle !important}
.faq-tabs {overflow: hidden;position: relative;width: 100%;}
.faq-tab {width: 100%;overflow: hidden;margin-bottom: 30px;border-radius: 5px;}
.faq-section input, .order-steps input {position: absolute;opacity: 0;z-index: -1;}
.faq-tab-label {background: #fff;cursor: pointer;font-family: MULISH, sans-serif;font-size: 17px;font-weight: 500;margin-bottom: 0;padding: 10px 20px;width: 100%;-webkit-transition: background .3s ease, color .3s ease, transform .3s ease;transition: background .3s ease, color .3s ease, transform .3s ease;}
.faq-tab input + .faq-tab-label i {font-size: 22px;position: absolute;top: 15px;right: 20px;transform: rotateZ(270deg);-webkit-transition: transform .3s ease;transition: transform .3s ease;font-weight:800 }
.faq-tab-content {max-height: 0;overflow: visible;padding: 0 25px;transition: max-height 0.3s ease;}
.faq-tab-content ul{display: block;list-style:inside!important}
.faq-tab-label {background: #fff;cursor: pointer;font-family: MULISH, sans-serif;font-size: 17px;font-weight: 500;margin-bottom: 0;padding: 12px 26px;width: 100%;-webkit-transition: background .3s ease, color .3s ease, transform .3s ease;transition: background .3s ease, color .3s ease, transform .3s ease;background: transparent linear-gradient(90deg, var(--unnamed-color-073e75) 0%, #1B5B9B 100%) 0% 0% no-repeat padding-box;background: transparent linear-gradient(90deg, #073E75 0%, #1B5B9B 100%) 0% 0% no-repeat padding-box;color:#FFF;border-radius: 10px 10px 10px 10px;font: normal normal 500 18px Mulish;}
.faq-tab input:checked ~ .faq-tab-content {max-height: 100%;overflow: auto;padding: 20px 25px;background: #fff;font: normal normal 400 18px/32px Mulish;letter-spacing: 0px;color: #000000;border: 1px solid #BFBFBF;border-radius: 0px 0px 10px 10px;}
.faq-tab input:checked + .faq-tab-label {background: var(--unnamed-color-f0f2f3) 0% 0% no-repeat padding-box;background: #F0F2F3 0% 0% no-repeat padding-box;border-radius: 10px 10px 0px 0px;color:#000;font-weight:800}
.faq-tab input:checked + .faq-tab-label i {transform: rotateZ(90deg);-webkit-transition: transform .3s ease;transition: transform .3s ease;}

input[type="radio"] {
  display: none;
}

input[type="radio"]:checked + label + .faq-tab-content {
  max-height: 1000px;
}

input[type="radio"]:not(:checked) + label + .faq-tab-content {
  max-height: 0;
  overflow: hidden;
  padding: 0 25px;
}



h1.h1{font: normal normal bold 28px/35px Mulish;font-weight:800;font-size: 28px;margin-bottom:40px !important;}
.navbar.navbar-expand-lg{padding-bottom:0px !important;}
.navbar .nav-link{line-height:60px;padding:0px;margin:0px 20px;border-bottom: 4px solid #fff;}
.navbar .nav-link.active, .navbar .nav-link:hover{border-bottom: 4px solid #073E75;}
@media screen and (max-width:768px) {.col-md-2{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%;padding:15px;}
.navbar-expand-lg{padding-bottom:0px !important;}
.nav-link{line-height:60px;padding:0px;margin:0px 20px;border-bottom: 4px solid #fff;}
.nav-link.active, .nav-link:hover{border-bottom: 4px solid #073E75;}
@media screen and (max-width:768px) {.col-md-2{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%;padding:15px;}
.justify-content-end{justify-content: flex-start !important }
.nav-link{font-size:14px !important;margin:0px 10px !important;}
header{display:block !important;background-size:contain !important;min-height: 150px !important;}
.faq-tab-label{padding: 12px 38px 12px 26px;}
.faq-tab-label span{font-size:18px;line-height:22px;}
.footer-center button{margin-left:0px;}
footer .footer-left, footer .footer-center, footer .footer-right, footer{text-align: center !important;}
footer .footer-right .nav{width:275px;margin: 0px auto;}
footer .nav .nav-item{padding: 0px 0px;}
}}
/* table .inst {font-weight: 900!important}*/
.item-description-margin {margin-left:20px;list-style: inside;padding:15px 0 15px 0;}
a.inst {display: flex;align-items: center;gap: 15px;}
a.inst img {vertical-align: middle;}