body
{
background-color: #FFFFFF;
color: #000000;
font-family: Arial;
font-weight: normal;
font-size: 13px;
line-height: 1.1875;
margin: 0;
padding: 0;
}
#wb_product
{
background-color: #F5F5F5;
background-image: none;
border: 0px solid #F5F5F5;
border-radius: 0px;
box-sizing: border-box;
position: relative;
}
#product
{
display: flex;
position: relative;
padding: 50px 10px 50px 10px;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-around;
align-items: stretch;
align-content: flex-start;
margin-top: 0px;
margin-bottom: 0px;
margin-right: auto;
margin-left: auto;
max-width: 1024px;
box-sizing: border-box;
font-size: 0;
}
#footer
{
display: flex;
position: relative;
padding: 10px 10px 10px 10px;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
align-content: flex-start;
margin: 0;
background-color: #F5F5F5;
background-image: none;
border: 0px solid #414A4F;
border-radius: 0px;
box-sizing: border-box;
font-size: 0;
}
#wb_jumbotron
{
background-color: transparent;
background-image: none;
border: 0px solid #CCCCCC;
border-radius: 0px;
box-sizing: border-box;
position: relative;
}
#jumbotron
{
display: flex;
position: relative;
padding: 50px 10px 50px 10px;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
align-content: flex-start;
margin-top: 0px;
margin-bottom: 0px;
margin-right: auto;
margin-left: auto;
max-width: 1024px;
background-color: transparent;
background-image: none;
box-sizing: border-box;
font-size: 0;
}
#wb_Card6
{
position: relative;
display: flex;
flex-direction: column;
flex-grow: 1;
flex-shrink: 1;
flex-basis: 0%;
align-self: auto;
box-sizing: border-box;
margin: 0;
background-color: transparent;
background-image: none;
border: 0px solid #DEDEDE;
border-radius: 0px;
text-align: left;
}
#Card6-card-body
{
padding: 0;
flex: 1 1 auto;
font-size: 0;
}
#Card6-card-item0
{
box-sizing: border-box;
margin: 20px 20px 0 20px;
padding: 0;
color: #212529;
font-family: Arial;
font-weight: normal;
font-style: normal;
font-size: 37px;
}
#Card6-card-item1
{
box-sizing: border-box;
margin: 0;
padding: 0;
color: #000000;
font-family: Arial;
font-weight: normal;
font-style: normal;
font-size: 16px;
}
#Card6-card-item2
{
box-sizing: border-box;
margin: 0;
padding: 12px 10px 12px 10px;
background-color: transparent;
background-image: none;
color: #0000CD;
font-family: "Arial Narrow";
font-weight: normal;
font-style: normal;
font-size: 16px;
}
#Card6-card-item2 a
{
color: inherit;
text-decoration: none;
}
#Card6-card-item3
{
box-sizing: border-box;
margin: 0;
padding: 12px 10px 12px 10px;
background-color: transparent;
background-image: none;
color: #0000CD;
font-family: "Arial Narrow";
font-weight: normal;
font-style: normal;
font-size: 16px;
}
#Card6-card-item3 a
{
color: inherit;
text-decoration: none;
}
#FlexContainer1
{
display: flex;
position: relative;
padding: 10px 10px 10px 10px;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
align-content: flex-start;
margin: 0;
background-color: #414A4F;
background-image: none;
border: 0px solid #414A4F;
border-radius: 0px;
box-sizing: border-box;
font-size: 0;
}
#wb_Text1
{
background-color: transparent;
background-image: none;
border: 0px solid #C0C0C0;
border-radius: 0px;
flex-grow: 1;
flex-shrink: 1;
align-self: auto;
padding: 8px 15px 8px 15px;
margin: 0;
text-align: center;
}
#wb_Text1
{
color: #FFFFFF;
font-family: Arial;
font-weight: normal;
font-size: 13px;
line-height: 16px;
}
#wb_Text1 div
{
text-align: center;
}
Deutsche Artikel
* {
box-sizing: border-box;
margin: 0;
padding: 0;
}
body {
font-family: Arial, sans-serif;
line-height: 1.6;
padding: 20px;
background-color: #f0f0f0;
}
h1 {
text-align: center;
color: #333;
margin-bottom: 20px;
}
.subtitle {
text-align: center;
color: #2196F3;
margin-bottom: 30px;
}
.table-container {
max-width: 1000px;
margin: 0 auto;
background: white;
border-radius: 8px;
padding: 20px;
box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}
table {
width: 100%;
border-collapse: collapse;
margin: 20px 0;
}
th, td {
padding: 12px;
text-align: left;
border: 1px solid #ddd;
}
th {
background-color: #f8f9fa;
font-weight: bold;
}
.indefinite {
color: #e91e63;
font-weight: bold;
}
.definite {
color: #e91e63;
font-weight: bold;
}
@media screen and (max-width: 768px) {
.table-container {
padding: 10px;
}
table {
font-size: 14px;
}
th, td {
padding: 8px;
}
}
@media screen and (max-width: 480px) {
body {
padding: 10px;
}
table {
font-size: 12px;
}
th, td {
padding: 6px;
}
}