@font-face {
font-family: "BHBBQ Army";
src: url(//blackheart-bbq.de/wp-content/plugins/bhbbq-termine/assets/fonts/Army.ttf) format("truetype");
font-weight: normal;
font-style: normal;
font-display: swap;
}
.bhbbq-t {
--bhbbq-gelb: #f6f199;
--bhbbq-dunkel: #222222;
--bhbbq-text: #6d6d6d;
--bhbbq-army: "BHBBQ Army", army, Army, serif;
--bhbbq-roboto: Roboto, "Helvetica Neue", Arial, sans-serif;
width: 100%;
box-sizing: border-box;
}
.bhbbq-t *, .bhbbq-t *::before, .bhbbq-t *::after { box-sizing: border-box; } .bhbbq-naechster {
display: grid;
grid-template-columns: repeat(var(--bhbbq-spalten, 3), minmax(0, 1fr));
gap: 10px;
margin: 0 0 10px;
}
.bhbbq-naechster[style*="--bhbbq-spalten:1"] { grid-template-columns: minmax(0, 360px); justify-content: center; }
.bhbbq-naechster[style*="--bhbbq-spalten:2"] { grid-template-columns: repeat(2, minmax(0, 360px)); justify-content: center; }
.bhbbq-t .bhbbq-karte {
background: #fff;
border: 5px solid var(--bhbbq-dunkel);
border-radius: 10px;
overflow: hidden;
text-align: center;
font-family: var(--bhbbq-roboto);
margin: 0;
}
.bhbbq-t .bhbbq-kopf {
background: var(--bhbbq-dunkel);
padding: 25px;
margin: 0 0 15px;
}
.bhbbq-t .bhbbq-titel {
font-family: var(--bhbbq-army);
font-size: 30px;
font-weight: 100;
line-height: 30px;
color: var(--bhbbq-gelb);
margin: 0;
padding: 0;
letter-spacing: normal;
text-transform: none;
text-align: center;
}
.bhbbq-t .bhbbq-titel::before, .bhbbq-t .bhbbq-titel::after { display: none; content: none; }
.bhbbq-t .bhbbq-karte ul {
list-style: none;
margin: -10px 0 -5px;
padding: 0;
}
.bhbbq-t .bhbbq-karte li {
list-style: none;
margin: 0;
padding: 25px;
border-bottom: 1px solid rgba(9, 9, 9, 0.04);
font-size: 20px;
line-height: 24px;
color: var(--bhbbq-text);
}
.bhbbq-t .bhbbq-karte li::before { display: none; content: none; }
.bhbbq-t .bhbbq-karte li p {
margin: 0 0 5px;
padding: 0;
font-family: var(--bhbbq-roboto);
font-size: 20px;
line-height: 24px;
font-weight: 400;
color: var(--bhbbq-text);
text-align: center;
} .bhbbq-t.bhbbq-liste table {
width: 100%;
table-layout: fixed;
border: 5px solid var(--bhbbq-dunkel);
border-radius: 10px;
border-collapse: collapse;
border-spacing: 0;
overflow: hidden;
margin: 0;
background: transparent;
}
.bhbbq-t.bhbbq-liste th,
.bhbbq-t.bhbbq-liste td {
border: 1px solid var(--bhbbq-dunkel);
text-align: center;
vertical-align: top;
}
.bhbbq-t.bhbbq-liste th {
background: var(--bhbbq-gelb);
color: var(--bhbbq-dunkel);
font-family: var(--bhbbq-army);
font-size: 30px;
font-weight: 100;
line-height: 28px;
padding: 30px;
text-transform: uppercase;
letter-spacing: normal;
}
.bhbbq-t.bhbbq-liste td {
background: #fff;
color: #111111;
font-family: var(--bhbbq-roboto);
font-size: 20px;
font-weight: 400;
line-height: 28px;
padding: 20px;
}
.bhbbq-t.bhbbq-liste tbody tr:nth-child(even) td { background: #ececec; }
.bhbbq-t.bhbbq-liste tr[hidden] { display: none !important; }
.bhbbq-t .bhbbq-mehr-wrap { text-align: center; margin-top: 20px; }
.bhbbq-t .bhbbq-mehr-btn {
display: inline-block;
background: var(--bhbbq-gelb);
color: var(--bhbbq-dunkel);
border: 1px solid transparent;
border-radius: 10px;
font-family: var(--bhbbq-army);
font-size: 26px;
font-weight: 100;
line-height: 39px;
text-transform: uppercase;
padding: 6px 30px;
cursor: pointer;
}
.bhbbq-t .bhbbq-mehr-btn:hover { background: var(--bhbbq-dunkel); color: var(--bhbbq-gelb); }
.bhbbq-t.bhbbq-leer p { text-align: center; font-family: var(--bhbbq-roboto); font-size: 20px; color: var(--bhbbq-dunkel); margin: 0 0 10px; } @media (max-width: 1024px) {
.bhbbq-t .bhbbq-titel { font-size: 30px; }
} @media (max-width: 767px) {
.bhbbq-naechster,
.bhbbq-naechster[style*="--bhbbq-spalten"] {
grid-template-columns: minmax(0, 1fr);
gap: 30px;
}
.bhbbq-t .bhbbq-titel { font-size: 26px; }
.bhbbq-t.bhbbq-liste th { font-size: 20px; padding: 8px; }
.bhbbq-t.bhbbq-liste td { font-size: 12px; line-height: 14px; padding: 8px; }
}