@charset "utf-8";

/* CSS Document */

@media screen and (max-width: 1280px) {

.wrapper { width: 80%; }

.banken td:nth-of-type(1), .banken th:nth-of-type(1) { display: none; }
}

@media screen and (max-width: 960px) {

.wrapper { width: 90%; }

.col-1-2 .column { width: 100%; margin-right: 0; }

.col-1-3 .column,
.col-1-4 .column { width: 46%; margin-right: 8%; }

.col-1-3 > :nth-child(2n+2),
.col-1-4 > :nth-child(2n+2) { margin-right: 0 !important; }

table, thead, tbody, th, td, tr { display: block; width: 100% !important; padding-left:0; padding-right:0; }
table .button { left: 0; transform: translateX(0); float: none; }
tr { padding:20px 0; }
td, th { padding: 5px 0px; }
th {display:none; }

#impressum tr td:first-child, #impressum th td:first-child { font-weight:600; text-align: left; }

.product-id:before { content: "Produkt-ID: "; }

td:before { font-weight: 600; }

.banken td:nth-of-type(1), .banken tr:nth-of-type(1) { display: none; }
.banken td:nth-of-type(2):before { content: "BLZ: "; }
.banken td:nth-of-type(3):before { content: "BIC: "; }
.banken td:nth-of-type(4):before { content: "Bankname: "; }
.banken td:nth-of-type(5):before { content: "TAN-Verfahren: "; }

.kreditinstitute tr:nth-of-type(1) { display: none; }
.kreditinstitute td:nth-of-type(1):before { content: "Kreditinstitut: "; }
.kreditinstitute td:nth-of-type(2):before { content: "Zugangsweg: "; }
.kreditinstitute td:nth-of-type(3):before { content: "Kreditkarte: "; }
.kreditinstitute td:nth-of-type(4):before { content: "E-Kontoauszüge: "; }
.kreditinstitute td:nth-of-type(5):before { content: "Depot: "; }

.apitable tr:nth-of-type(1) { display: none; }
.apitable td:nth-of-type(2):before { content: "Subsembly EBICS API: "; }
.apitable td:nth-of-type(3):before { content: "Subsembly FinTS API: "; }
.apitable td:nth-of-type(4):before { content: "Subsembly XS2A API: "; }

}

@media screen and (max-width: 740px) {

.wrapper { width: 90%; }

#home { background-size: auto 100%; }
#banking4 { background-size: auto 100%; }
#bankingzv { background-size: auto 100%; }
#bankingveu { background-size: auto 100%; }
#oem { background-size: auto 100%; }
#bankingserver { background-size: auto 100%; }
#bas { background-size: auto 100%; }
#fintsserver { background-size: auto 100%; }
#ebicsserver { background-size: auto 100%; }
#apis { background-size: auto 100%; }
#fints { background-size: auto 100%; }
#ebics { background-size: auto 100%; }

.banner * { text-align: center;}
.banner h1 { width: 100%; }
.banner p { width: 100%; }

.col-1-3 .column, .col-1-4 .column { width: 100%; margin-right:0; }

.logo-col { width: 45%; }

.lightbox .lightbox-box { width: 80%; }

h1, h2 { font-size: 1.6rem; }
}