/* =========================================================
Automation Avenue Listing Theme v1.1
========================================================== */
@import url(https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css);
@import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css);
@import url(https://fonts.bunny.net/css?family=montserrat:400,400i,700,700i);
:root{
--oo-brand: #F98837;
--oo-ink: #1f2937;
--oo-ink-2: #374151;
--oo-muted: #6b7280;
--oo-chip: rgba(255,255,255,0.08);
--oo-chip-brd: rgba(255,255,255,0.18);
}
.header-bg {
background: #F88634;
color: #FFFFFF;
margin: 0;
padding: 0
}
.menu-bg {
background: #353535;
margin: 0;
padding: 0
}
.content-bg {
background: #EFECE6;
margin: 0;
padding: 0
}
p,
.container,
.container-fluid,
.row,
body,
a,
span,
b,
div {
font-size: 14px;
font-family: 'Montserrat', sans-serif;
}
.row {
color: #FFFFFF;
margin: 0;
padding: 0;
}
.maincontent,
.sidebar {
margin: 0;
padding: 0
}
.footer-bg {
background: #353535;
border-top: 0px solid;
margin: 0;
padding: 0
}
.logo {
margin: 0;
padding: 28px 0;
}
.logo h1 {
display: block;
margin: 0;
padding: 0;
font-weight: 700;
font-family: 'Montserrat', sans-serif;
font-size: 18px;
color: var(--oo-brand);
letter-spacing:.2px;
}
.logo h1 b {
font-size: inherit;
color: var(--oo-brand);
font-weight: 700;
}
.logo h2 {
display: block;
margin: 0;
padding: 2px 0 0 0;
color: #FFFFFF;
opacity:.9;
font-family: 'Montserrat', sans-serif;
font-size: 12px;
text-transform: uppercase;
font-weight: 400
}
.headerinfo div {
margin: 0;
padding: 0;
padding-top: 40px;
color: #cbd5e1;
text-align: left;
font-family: 'Montserrat', sans-serif;
font-size: 16px;
font-weight: 500;
}
.headerinfo i {
width: 35px;
height: 35px;
margin: 0 10px 0 0;
padding: 0;
font-size: 18px;
text-align: center;
line-height: 35px;
color: #FFFFFF;
background: rgba(255,255,255,.12);
border-radius: 200px;
}
.menubar {
border-top: 0px solid;
margin: 0;
margin-top: -5px;
padding: 0;
}
/* ---- OfficeOmni Chip Menu ---- */
ul.menu {
margin: 0;
padding: 12px 0;
}
ul.menu li {
float: left;
height: auto;
line-height: initial;
list-style-type: none;
margin: 0 8px 8px 0;
padding: 0;
text-align: center
}
ul.menu li a {
display: block;
color: #FFFFFF;
background: var(--oo-chip);
border: 1px solid var(--oo-chip-brd);
padding: 10px 16px;
border-radius: 999px;
transition: transform .12s ease, background .2s ease, color .2s ease;
text-transform: none;
font-weight:600;
font-size: 13px;
}
ul.menu li a:hover {
text-decoration: none;
background: rgba(255,255,255,0.18);
color: #FFFFFF;
transform: translateY(-1px);
}
.resmenu {
margin: 0;
padding: 0;
}
.resmenu ul {
margin: 0;
padding: 0;
}
.resmenu ul li {
float: left;
display: block;
margin: 0;
padding: 0;
width: 25%;
background: none;
text-align: center
}
.resmenu ul li a {
display: block;
text-align: center;
font-size: 24px;
color: #fff;
background: none;
text-decoration: none;
margin: 0;
padding: 15px 0
}
.resmenu ul li a:hover {
color: var(--oo-brand);
}
img {
max-width: 100%;
height: auto
}
/* ===== Product area ===== */
.artpic {
padding: 20px 10px;
margin: 0 auto;
text-align: center
}
.art {
padding-bottom: 20px
}
.dsc {
padding-right: 20px
}
.dsc h2 {
font-family: 'Montserrat', sans-serif;
font-weight: 700;
font-size: 18px;
color: var(--oo-ink);
text-align: left;
border-bottom: 2px solid var(--oo-brand);
padding: 10px 0;
margin: 15px 0;
}
.dsc h3 {
font-family: 'Montserrat', sans-serif;
font-weight: 700;
font-size: 15px;
color: var(--oo-ink-2);
text-align: left;
border-bottom: 1px solid var(--oo-brand);
padding: 8px 0;
margin: 12px 0;
}
.dsc h4 {
font-family: 'Montserrat', sans-serif;
font-weight: 700;
font-size: 22px;
color: var(--oo-ink);
text-align: center;
padding: 12px 0
}
.dsc ul,
.tab-content ul {
margin: 0;
padding: 0;
font-size: 14px;
border: #dee8e7;
border-bottom: none
}
.dsc ul li,
.tab-content ul li {
list-style: none;
}
.dsc ul li:before,
.tab-content ul li:before {
font-family: 'FontAwesome';
content: '\f105';
font-size: 14px;
padding-right: 10px;
color: #374140;
}
.dsc h4 b {
font-size: 12px;
color: #888;
font-weight: 300;
}
a.skb {
display: block;
font-weight: 700;
font-size: 16px;
background: #2a3131;
margin: 10px 0 20px 0;
padding: 10px;
color: #7f9492;
text-decoration: none;
text-align: center;
border-bottom: 5px solid var(--oo-brand);
font-family: 'Montserrat', sans-serif;
}
a.skb:hover {
background: #374140;
}
a.beo {
display: block;
text-decoration: none;
color: #2a3131;
padding: 0;
margin: 0
}
a.beo i {
color: var(--oo-brand);
padding-right: 10px
}
a.beo:hover {
color: var(--oo-brand)
}
span.var {
display: inline-block;
padding: 5px 10px;
margin: 0 5px 5px 0;
background: #dee8e7;
color: #2a3131;
}
/* ===== Tabs ===== */
.tabs {
margin: 10px 0 30px 0;
padding: 0;
background: none
}
.tabs input[type=radio] {
display: none
}
.tabs label {
display: block;
float: left;
font-family: 'Montserrat', sans-serif;
color: #e5e7eb;
font-size: 13px;
font-weight: 700;
text-decoration: none;
text-align: center;
cursor: pointer;
background: #2a3131;
padding: 12px 18px;
margin: 0 10px 10px 0;
border: 1px solid #111;
border-radius: 10px;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 2px 10px rgba(0,0,0,.08);
overflow: hidden;
-webkit-transition-duration: 0.35s;
transition-duration: 0.35s;
-webkit-transition-property: color, background-color, transform, box-shadow;
transition-property: color, background-color, transform, box-shadow;
}
.tabs label span {
display: inline-block
}
.tabs label:hover {
background-color: #374140;
transform: translateY(-1px);
box-shadow: 0 6px 18px rgba(0,0,0,.10);
}
.tab-content {
display: none;
width: 100%;
float: left;
padding: 15px 20px 30px 20px;
box-sizing: border-box;
color: var(--oo-ink);
background: #FFFFFF;
border: 1px solid var(--oo-brand);
border-top: 3px solid var(--oo-brand);
border-radius: 12px;
margin-top: 0;
text-align: left
}
.tabs [id^="tab"]:checked + label {
background: var(--oo-brand);
color: #1f2937
}
#tab1:checked ~ #tab-content1,
#tab2:checked ~ #tab-content2,
#tab3:checked ~ #tab-content3,
#tab4:checked ~ #tab-content4,
#tab5:checked ~ #tab-content5,
#tab6:checked ~ #tab-content6,
#tab7:checked ~ #tab-content7,
#tab8:checked ~ #tab-content8,
#tab9:checked ~ #tab-content9 {
display: block;
}
.tabs:after {
content: '';
display: table;
clear: both
}
.tab-content h1 {
font-family: 'Montserrat', sans-serif;
color: #374151;
background: none;
border: none;
font-size: 20px;
font-weight: 700;
border-bottom: 1px dotted #ddd;
margin: 0 0 10px 0;
padding: 10px 0
}
.tab-content h2 {
font-family: 'Montserrat', sans-serif;
color: #374151;
background: none;
border: none;
font-size: 16px;
font-weight: 700;
border-bottom: 1px dotted #ddd;
margin: 0 0 10px 0;
padding: 10px 0
}
.tab-content h3 {
font-family: 'Montserrat', sans-serif;
color: #374151;
background: none;
border: none;
font-size: 14px;
font-weight: 700;
border-bottom: 1px dotted #ddd;
margin: 0 0 10px 0;
padding: 10px 0
}
.tab-content h4 {
font-family: 'Montserrat', sans-serif;
color: var(--oo-brand);
background: none;
border: none;
font-size: 20px;
font-weight: 700;
border-bottom: 1px dotted #ddd;
margin: 0 0 10px 0;
padding: 10px 0
}
.tab-content h5 {
font-family: 'Montserrat', sans-serif;
color: var(--oo-brand);
background: none;
border: none;
font-size: 16px;
font-weight: 700;
border-bottom: 1px dotted #ddd;
margin: 0 0 10px 0;
padding: 10px 0
}
.tab-content h6 {
font-family: 'Montserrat', sans-serif;
color: var(--oo-brand);
background: none;
border: none;
font-size: 14px;
font-weight: 700;
border-bottom: 1px dotted #ddd;
margin: 0 0 10px 0;
padding: 10px 0
}
.tab-content ul {
margin: 10px 0 0 18px;
list-style: disc;
}
.tab-content a {
color: #374151;
font-weight: 700;
text-decoration: none
}
.tab-content a:hover {
color: var(--oo-brand);
text-decoration: none
}
.xsell {
margin: 0;
padding: 20px 20px 10px 20px
}
.xsell img {
border: none;
max-height: 175px;
width: auto;
margin: 0 auto;
}
.maincontent a {
text-decoration: none
}
.xsell h1 {
font-family: 'Montserrat', sans-serif;
font-size: 14px!important;
color: #7f9492!important;
text-align: center;
margin: 0;
padding: 15px!important;
border: none;
line-height: 12px;
border-top: 5px solid var(--oo-brand);
border-bottom: none!important
}
.xsell h2 {
font-family: 'Montserrat', sans-serif;
font-size: 14px;
text-align: center;
margin: 10px 0;
padding: 0;
color: #374140;
font-weight: 700;
}
.textbox {
margin: 20px;
margin-left: 0px;
padding: 0 0 10px 0;
background: #FFFFFF;
text-align: left;
font-family: Arial;
border-radius: 12px;
border: 1px solid rgba(0,0,0,.06);
box-shadow: 0 8px 24px rgba(0,0,0,.05);
overflow:hidden;
}
.textbox > h1{
font-family: 'Montserrat', sans-serif;
font-weight:700;
font-size: 18px;
color: #FFFFFF;
background: #353535;
border-bottom: 1px solid var(--oo-brand);
margin:0;
padding: 16px 18px;
}
.textbox p {
margin: 0;
padding: 20px;
padding-bottom: 10px
}
.main {
margin-right: 0!important
}
.sidebar h1,
.textbox h1 {
font-family: 'Montserrat', sans-serif;
font-weight: 400;
font-size: 16px;
background: #353535;
border-bottom: 1px solid var(--oo-brand);
padding: 20px 0 15px 0;
margin: 0;
text-align: center;
text-transform: uppercase;
color: #7f9492;
}
blockquote {
display: block;
margin: 20px 0;
padding: 20px;
font-family: 'Montserrat', sans-serif;
font-size: 14px;
color: #2a3131;
background: #f5f5f5;
border-left: 3px solid var(--oo-brand);
border-radius: 8px;
}
code {
display: block;
margin: 20px 0;
padding: 20px;
font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, 'Liberation Mono', monospace;
font-size: 13px;
color: #fff;
background: #111827;
border-left: 3px solid var(--oo-brand);
border-radius: 8px;
}
mark {
font-family: 'Montserrat', sans-serif;
font-size: 14px;
color: #2a3131;
background: #fff0ce;
}
small {
font-size: 12px;
color: #999;
font-family: 'Montserrat', sans-serif;
}
kbd {
font-family: 'Montserrat', sans-serif;
font-size: 14px;
box-shadow: none;
background: var(--oo-brand);
}
.footer {
padding: 0 0 50px 20px;
margin: 0;
font-size: 12px;
color: #7f9492
}
.footer h1 {
font-family: 'Montserrat', sans-serif;
font-weight: 700;
font-size: 14px;
background: none;
padding: 18px 0 0 0;
margin: 0 0 6px 0;
text-align: left;
text-transform: uppercase;
color: var(--oo-brand);
}
.links {
padding-left: 50px;
}
.footer ul {
margin: 10px 0;
padding: 0;
}
.footer ul li {
margin: 0;
padding: 0;
font-family: Arial;
font-weight: 400;
line-height: 16px
}
.footer ul li a {
color: #cbd5e1;
margin: 0;
padding: 3px 0
}
.footer ul li a:hover {
background: none;
color: var(--oo-brand)
}
.footer ul li a:hover i {
background: none;
color: #7f9492
}
.footer ul li:before {
margin: 0;
padding: 0 7px;
}
.footer p {
padding: 10px 0
}
a.nws {
font-size: 14px;
display: block;
font-weight: 700;
background: #374140;
margin: 0;
padding: 10px;
color: #7f9492;
text-decoration: none;
text-align: center;
font-family: 'Montserrat', sans-serif;
}
a.nws:hover {
background: var(--oo-brand);
color: #fff
}
@media (min-width:992px) and (max-width: 1200px) {
.headerinfo div {
padding-left: 30px;
font-size: 14px;
}
ul.menu li {
width: auto;
padding: 0
}
.xsell h1 {
font-size: 12px!important
}
.footer-bg .logo h1 {
font-size: 17px;
color: var(--oo-brand);
}
.footer-bg .logo h2 {
font-size: 10px;
}
.footer a {
font-size: 11px;
}
}
@media (min-width:768px) and (max-width: 992px) {
.headerinfo {
padding: 15px 0 0 0;
}
.headerinfo div {
padding: 10px 0;
font-size: 14px;
}
ul.menu li {
width: auto;
}
.links {
padding-left: 0
}
.footer a {
font-size: 12px;
}
}
@media (max-width: 768px) {
.tabs label {
display: block;
width: 100%;
float: none;
border-radius: 10px;
}
}
.column .kurzbeschreibung {display: -webkit-box;position: relative;padding-left: 0; color:#000000; box-sizing: border-box;line-height: 22px;-webkit-box-orient: vertical;}
.column .kurzbeschreibung h5 {margin-bottom: 8px;font-size: 15px;font-weight: 600;}
.column .mehrInfo {margin-top: 26px;box-sizing: border-box;}
.column .mehrInfo li {margin-bottom: 6px;font-size: 13px;color: #b3b3b3;font-weight: 500;}
.column .mehrInfo li:last-child {margin-bottom: 0;}
.column .mehrInfo li b {padding-left: 5px;color: black;font-weight: 600;}
/* ======== IMAGE SLIDER (with Prev/Next) ======== */
.image-slider {
position: relative;
width: 100%;
max-width: 460px;
margin: 0 auto;
}
.image-slider input[type="radio"] {
display: none;
}
.image-slider .slides {
position: relative;
width: 100%;
height: auto;
}
.image-slider .slide {
display: none;
text-align: center;
}
.image-slider .slide img {
width: 100%;
height: auto;
border: 1px solid rgba(0,0,0,.08);
border-radius: 12px;
}
/* Show active slide */
#slide1:checked ~ .slides #s1,
#slide2:checked ~ .slides #s2,
#slide3:checked ~ .slides #s3,
#slide4:checked ~ .slides #s4,
#slide5:checked ~ .slides #s5,
#slide6:checked ~ .slides #s6,
#slide7:checked ~ .slides #s7,
#slide8:checked ~ .slides #s8,
#slide9:checked ~ .slides #s9,
#slide10:checked ~ .slides #s10 { display:block; }
.image-slider .navigation {
display: flex;
justify-content: center;
margin-top: 10px;
gap: 8px;
}
.price{
color: #000000;
font-size:24px;
}
.artikelNr{
color: #000000;
}
.image-slider .navigation label {
width: 12px;
height: 12px;
border-radius: 50%;
background-color: #bbb;
cursor: pointer;
transition: background 0.3s, transform .12s ease;
}
/* highlight active thumb */
#slide1:checked ~ .thumbs label[for="slide1"],
#slide2:checked ~ .thumbs label[for="slide2"],
#slide3:checked ~ .thumbs label[for="slide3"],
#slide4:checked ~ .thumbs label[for="slide4"],
#slide5:checked ~ .thumbs label[for="slide5"],
#slide6:checked ~ .thumbs label[for="slide6"],
#slide7:checked ~ .thumbs label[for="slide7"],
#slide8:checked ~ .thumbs label[for="slide8"],
#slide9:checked ~ .thumbs label[for="slide9"],
#slide10:checked ~ .thumbs label[for="slide10"] {
outline:2px solid var(--oo-brand);
outline-offset:2px;
}
/* Prev/Next controls (CSS only) */
.image-slider .controls label {
display: none;
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 36px; height: 36px;
border-radius: 50%;
background: rgba(0,0,0,.35);
color:#fff;
cursor: pointer;
text-align:center;
line-height:36px;
font-size:18px;
box-shadow: 0 4px 12px rgba(0,0,0,.18);
transition: background .2s ease, transform .12s ease;
}
.image-slider .controls label:hover { background: rgba(0,0,0,.5); transform: translateY(-50%) scale(1.04); }
.image-slider .controls .prev { left: 8px; }
.image-slider .controls .next { right: 8px; }
.image-slider .controls label::before { display:inline-block; }
/* Show correct control pair per active slide */
#slide1:checked ~ .controls .prev1, #slide1:checked ~ .controls .next1,
#slide2:checked ~ .controls .prev2, #slide2:checked ~ .controls .next2,
#slide3:checked ~ .controls .prev3, #slide3:checked ~ .controls .next3,
#slide4:checked ~ .controls .prev4, #slide4:checked ~ .controls .next4,
#slide5:checked ~ .controls .prev5, #slide5:checked ~ .controls .next5,
#slide6:checked ~ .controls .prev6, #slide6:checked ~ .controls .next6,
#slide7:checked ~ .controls .prev7, #slide7:checked ~ .controls .next7,
#slide8:checked ~ .controls .prev8, #slide8:checked ~ .controls .next8,
#slide9:checked ~ .controls .prev9, #slide9:checked ~ .controls .next9,
#slide10:checked ~ .controls .prev10,#slide10:checked ~ .controls .next10 { display:block; }
.prev1::before, .prev2::before, .prev3::before { content: '‹'; }
.next1::before, .next2::before, .next3::before { content: '›'; }
/* ===== Header info (icons) ===== */
.headerinfo-custom {
display: flex;
justify-content: space-between;
padding-top: 16px;
gap:16px;
}
.info-box {
display: flex;
align-items: center;
gap: 12px;
padding: 10px 12px;
margin-top: 8px;
background-color: rgba(255,255,255,.06);
border-radius: 10px;
border: 1px solid rgba(255,255,255,.12);
}
.info-box i {
font-size: 18px;
color: #FFFFFF;
width: 28px; height:28px;
line-height:28px;
text-align:center;
border-radius: 50%;
background: rgba(255,255,255,.12);
}
.info-text {
display: flex;
flex-direction: column;
}
.info-title {
font-weight: 600;
font-size: 13px;
color: #FFFFFF;
}
.info-sub {
font-size: 12px;
color: #cbd5e1;
}
Täglicher Versand bis 17 Uhr
Weltweiter Versand
ShopKontaktBewertungen
B&R Automation X20 BR 9300 Busempfänger Bus Modul X20BR9300
B&R Automation X20 BR 9300 Busempfänger Bus Modul X20BR9300
Artikelnummer: 187129261883
134.95€
Kurzbeschreibung des Produkts:
B&R X20BR9300 – Busempfänger-Modul der X20-Serie, zur Anbindung von Busknoten an das X20-System.
EN: B&R X20BR9300 – bus receiver module from the X20 series, for connecting bus nodes to the X20 system.
Hersteller: B&R
Zustand: Neu: Sonstige (siehe Artikelbeschreibung)
Anzahl verfügbar: 1
Rechnung/Versand
Innergemeinschalftliche Lieferung / Ausfuhrlieferung
Rückgabe
Sie erhalten eine Rechnung mit ausgewiesener Mehrwertsteuer.
Der Versand erfolgt sicher verpackt und innerhalb von 24 Stunden nach Zahlungseingang.
Innergemeinschaftliche Lieferung (IGL)
Hinweis für EU-Unternehmen außerhalb Deutschlands:
Bei Vorlage einer gültigen Umsatzsteuer-Identifikationsnummer (USt-IdNr./VAT) kann der Artikel gemäß §4 Nr. 1b i.V.m. §6a UStG umsatzsteuerfrei geliefert werden.
Bitte senden Sie Ihre USt-IdNr./VAT zur Prüfung.
Die Lieferung erfolgt an die bei eBay hinterlegte Firmenadresse.
Ohne gültige USt-IdNr./VAT erfolgt der Verkauf inkl. deutscher MwSt.
30-Tage-Rückgaberecht: Sie senden den Artikel innerhalb von 30 Tagen kostenfrei an uns zurück, wir stellen das Retourenlabel. Nach Wareneingang erstatten wir den Kaufpreis umgehend.
4
Automation Avenue
© 2025 Automation Avenue
Links
Lenze ProdukteB&R ProdukteNord ProdukteFesto ProdukteSiemens Produkte
Kontakt
Automation Avenue
Ringstraße 20
57632 Eichen
Deutschland
Zahlung & Versand
PayPal
Ãœberweisung
Selbstabholung
Versand: DHL
Klarna
