/* =========================================================
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 BC 0083 Powerlink Modul Bus Controller modul
B&R Automation X20 BC 0083 Powerlink Modul Bus Controller modul
Artikelnummer: 187142334496
149.95€
Kurzbeschreibung des Produkts:
B&R X20BC0083 – Powerlink-Buscontroller-Modul zur Steuerung und Kommunikation in B&R-X20-Automatisierungssystemen.
Bei Fragen oder Problemen können Sie sich jederzeit an uns wenden.
EN: B&R X20BC0083 – Powerlink bus controller module for control and communication in B&R X20 automation systems.
If you have any questions or issues, feel free to contact us anytime.
Hersteller: B&R
Zustand: Neu: Sonstige (siehe Artikelbeschreibung)
Anzahl verfügbar: 2
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
Note: We are an independent reseller. Brand and product names are used for identification only and remain the property of their respective owners. We are not an authorized distribution partner of the manufacturer.