<!-- BEGIN Info-Box v1.0.3 -->
<style>
.bpt-info-box {
position: relative;
background-color: #ffffff;
border-radius: 10px;
border-top: 5px solid #d60000;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
padding: 1.5rem;
margin: 2rem auto;
max-width: 1200px;
font-family: 'Segoe UI', Arial, sans-serif;
font-size: 1.1rem;
line-height: 1.6;
color: #2a3b4c;
text-align: justify;
overflow: hidden; /* wichtig für Verlauf */
}
.bpt-info-box::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
height: 60px;
width: 100%;
background: linear-gradient(to bottom, rgba(255,255,255,0), #f2f2f2);
pointer-events: none;
}
.bpt-info-box p {
margin: 0;
z-index: 1;
position: relative;
}
</style>
<div class="bpt-info-box">
<p>
In der heutigen Bauindustrie sind zuverlässige Partner von entscheidender Bedeutung für den Erfolg eines Projekts. Wir bieten Bauherren, Bauunternehmern und Baustoffherstellern ein breites Spektrum an Dienstleistungen, die auf unsere umfangreiche Erfahrung und Fachkompetenz zurückgreifen.
</p>
</div>
<!-- END Info-Box v1.0.3 -->
<!-- BEGIN Info-Cards v1.0.8 -->
<style>
.bpt-card-container {
display: flex;
flex-wrap: wrap;
gap: 2rem;
justify-content: center;
margin: 3rem auto;
max-width: 1300px;
}
.bpt-card {
flex: 1 1 300px;
max-width: 380px;
background: #fff;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 2px 10px rgba(0,0,0,0.08);
border-top: 5px solid #d60000;
display: flex;
flex-direction: column;
font-family: 'Segoe UI', Arial, sans-serif;
font-size: 1.1rem;
line-height: 1.6;
}
.bpt-card img {
width: 100%;
height: 200px;
object-fit: cover;
display: block;
}
.bpt-card-content {
position: relative;
padding: 1.2rem;
color: #2a3b4c;
text-align: left;
flex-grow: 1;
}
.bpt-card-content::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
height: 60px;
width: 100%;
background: linear-gradient(to bottom, rgba(255,255,255,0), #f2f2f2);
pointer-events: none;
}
.bpt-card h3 {
margin-top: 0;
font-size: 1.1rem;
color: #d60000;
font-weight: bold;
}
.bpt-card p {
margin: 0.5rem 0 1rem 0;
z-index: 1;
position: relative;
}
/* Hellerer Button */
.bpt-card a {
display: inline-block;
background-color: #475862; /* heller, freundlicher */
color: #ffffff !important;
font-size: 1rem;
font-weight: 500;
padding: 0.6rem 1.2rem;
border-radius: 6px;
text-decoration: none !important;
position: relative;
z-index: 1;
transition: background-color 0.25s ease, transform 0.05s ease;
}
.bpt-card a:hover {
background-color: #5a6b76; /* etwas heller beim Hover */
color: #ffffff !important;
}
.bpt-card a:active {
transform: translateY(1px);
}
@media (max-width: 1024px) {
.bpt-card {
flex: 1 1 45%;
}
}
@media (max-width: 768px) {
.bpt-card {
flex: 1 1 100%;
}
}
</style>
<div class="bpt-card-container">
<div class="bpt-card">
<img src="https://xn--kreativ-lsungen-htb.de/wp-content/uploads/2025/06/PUXF1863.jpg" alt="Überwachung von Baustellen">
<div class="bpt-card-content">
<h3>Überwachung von Baustellen</h3>
<p>Baubegleitende Kontrolle durch erfahrene Fachleute zur Sicherstellung der Qualität.</p>
<a href="https://xn--kreativ-lsungen-htb.de/ueberwachung-von-baustellen/">Mehr erfahren</a>
</div>
</div>
<div class="bpt-card">
<img src="https://xn--kreativ-lsungen-htb.de/wp-content/uploads/2025/03/Startseite-02.jpg" alt="Frisch- und Festbetonprüfung">
<div class="bpt-card-content">
<h3>Frisch- und Festbetonprüfung</h3>
<p>Professionelle Analyse der Betoneigenschaften vor Ort und im Labor.</p>
<a href="https://xn--kreativ-lsungen-htb.de/frisch-und-festbetonpruefungen-02/">Mehr erfahren</a>
</div>
</div>
<div class="bpt-card">
<img src="https://xn--kreativ-lsungen-htb.de/wp-content/uploads/2025/03/Startseite-06.jpg" alt="Prüfung von Gesteinskörnungen">
<div class="bpt-card-content">
<h3>Prüfung von Gesteinskörnungen</h3>
<p>Sorgfältige Materialprüfungen für beste Ergebnisse im Betonbau.</p>
<a href="https://xn--kreativ-lsungen-htb.de/pruefung-von-gesteinskoernungen/">Mehr erfahren</a>
</div>
</div>
</div>
<!-- END Info-Cards v1.0.8 -->
<!-- BEGIN Info-Box v1.0.4 -->
<style>
.bpt-info-box {
position: relative;
background-color: #ffffff;
border-radius: 10px;
border-top: 5px solid #d60000;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
padding: 1.5rem;
margin: 2rem auto;
max-width: 1200px;
font-family: 'Segoe UI', Arial, sans-serif;
font-size: 1.1rem;
line-height: 1.6;
color: #2a3b4c;
overflow: hidden;
}
.bpt-info-box::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
height: 60px;
width: 100%;
background: linear-gradient(to bottom, rgba(255,255,255,0), #f2f2f2);
pointer-events: none;
}
.bpt-info-box p {
margin: 0;
position: relative;
z-index: 1;
text-align: justify;
}
@media (max-width: 768px) {
.bpt-info-box {
padding: 1rem;
font-size: 1rem;
}
}
</style>
<div class="bpt-info-box">
<p>
Mit einer gesunden Mischung aus erfahrenen und jungen Mitarbeitern stehen wir Ihnen auf Baustellen fachkundig, wirtschaftlich und termingerecht zur Verfügung.
</p>
</div>
<!-- END Info-Box v1.0.4 -->
<!-- BEGIN Info-Cards v1.0.5 -->
<style>
.bpt-card-container {
display: flex;
flex-wrap: wrap;
gap: 2rem;
justify-content: center;
margin: 3rem auto;
max-width: 1300px;
}
.bpt-card {
flex: 1 1 300px;
max-width: 380px;
background: #fff;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 2px 10px rgba(0,0,0,0.08);
border-top: 5px solid #d60000;
display: flex;
flex-direction: column;
font-family: 'Segoe UI', Arial, sans-serif;
font-size: 1.1rem;
line-height: 1.6;
}
.bpt-card img {
width: 100%;
height: 200px;
object-fit: cover;
display: block;
}
.bpt-card-content {
position: relative;
padding: 1.2rem;
color: #2a3b4c;
text-align: left;
flex-grow: 1;
}
.bpt-card-content::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
height: 60px;
width: 100%;
background: linear-gradient(to bottom, rgba(255,255,255,0), #f2f2f2);
pointer-events: none;
}
.bpt-card h3 {
margin-top: 0;
font-size: 1.1rem;
color: #d60000;
font-weight: bold;
}
.bpt-card p {
margin: 0.5rem 0 1rem 0;
z-index: 1;
position: relative;
}
.bpt-card a {
color: #d67c00;
font-weight: 500;
text-decoration: none;
position: relative;
z-index: 1;
font-size: 1.1rem;
}
.bpt-card a:hover {
text-decoration: underline;
}
@media (max-width: 1024px) {
.bpt-card {
flex: 1 1 45%;
}
}
@media (max-width: 768px) {
.bpt-card {
flex: 1 1 100%;
}
}
</style>
<div class="bpt-card-container">
<div class="bpt-card">
<img src="https://xn--kreativ-lsungen-htb.de/wp-content/uploads/2025/03/Startseite-04.jpg" alt="Mörtel- und Estrichprüfung">
<div class="bpt-card-content">
<h3>Mörtel- und Estrichprüfung</h3>
<p>Wir prüfen die Eigenschaften von Mörtel und Estrich nach aktuellen Normen und sichern die Verarbeitungsqualität am Bau.</p>
<a href="https://xn--kreativ-lsungen-htb.de/moertel-und-estrichpruefungen/">Mehr erfahren</a>
</div>
</div>
<div class="bpt-card">
<img src="https://xn--kreativ-lsungen-htb.de/wp-content/uploads/2025/06/k7_3-scaled.jpg" alt="Bauwerksprüfungen">
<div class="bpt-card-content">
<h3>Bauwerksprüfungen</h3>
<p>Ob Bestandsaufnahme oder Zustandsbewertung – wir liefern präzise Ergebnisse für Planung und Instandhaltung.</p>
<a href="https://xn--kreativ-lsungen-htb.de/bauwerkspruefungen/">Mehr erfahren</a>
</div>
</div>
<div class="bpt-card">
<img src="https://xn--kreativ-lsungen-htb.de/wp-content/uploads/2025/06/IMG_2852-rotated.jpg" alt="Schulungen">
<div class="bpt-card-content">
<h3>Schulungen</h3>
<p>Fachliche Weiterbildung rund um Betonprüfung, Normen und Prüfverfahren – praxisnah und zielgerichtet vermittelt.</p>
<a href="https://xn--kreativ-lsungen-htb.de/schulungen/">Mehr erfahren</a>
</div>
</div>
</div>
<!-- END Info-Cards v1.0.5 -->
<!-- BEGIN Footer v1.0.5 – 2025-02-09 -->
<style>
.bpt-footer {
background-color: #475862;
color: #ffffff;
font-family: 'Segoe UI', Arial, sans-serif;
border-top-left-radius: 12px;
border-top-right-radius: 12px;
padding: 2rem 1rem;
}
/* Haupt-Titel in Rot */
.bpt-footer h2 {
text-align: center;
font-size: 1.4rem;
font-weight: bold;
margin: 0;
padding-bottom: 0.5rem;
color: #d60000; /* ROT aus Info-Cards */
}
.bpt-footer h2::after {
content: "";
display: block;
width: 50px;
height: 2px;
background-color: #5a6b76;
margin: 0.5rem auto 1.2rem;
}
.bpt-footer-content {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
max-width: 1200px;
margin: 0 auto;
gap: 2rem;
}
.bpt-footer-column {
flex: 1 1 250px;
min-width: 200px;
}
/* Spaltenüberschriften in Rot */
.bpt-footer-column h4 {
font-weight: bold;
margin-bottom: 0.5rem;
color: #d60000; /* ROT aus Info-Cards */
}
.bpt-footer-column p,
.bpt-footer-column a {
font-size: 1rem;
line-height: 1.5;
color: #ffffff;
text-decoration: none;
}
.bpt-footer-column a {
color: #c9d3da;
display: inline-block;
margin-top: 0.3rem;
}
.bpt-footer-column a:hover {
text-decoration: underline;
}
.bpt-footer-column.center {
text-align: center;
}
.bpt-footer-column.right {
text-align: right;
}
@media (max-width: 768px) {
.bpt-footer-content {
flex-direction: column;
align-items: center;
text-align: center;
}
.bpt-footer-column {
margin-bottom: 1.5rem;
text-align: center !important;
}
}
</style>
<footer class="bpt-footer">
<h2>Wir sind für Sie da!</h2>
<div class="bpt-footer-content">
<div class="bpt-footer-column">
<h4>Adresse</h4>
<p>
Beton-Prüftechnik Göttingen GmbH<br>
Anna-Vandenhoeck-Ring 28<br>
37081 Göttingen
</p>
</div>
<div class="bpt-footer-column center">
<h4>Kontakt</h4>
<p>Telefon: 0551 99 88 757</p>
<a href="mailto:info@betonprueftechnik.de">info@betonprueftechnik.de</a>
</div>
<div class="bpt-footer-column right">
<h4>Rechtliches</h4>
<a href="https://xn--kreativ-lsungen-htb.de/impressum/">Impressum</a><br>
<a href="https://xn--kreativ-lsungen-htb.de/datenschutz/">Datenschutz</a>
</div>
</div>
</footer>
<!-- END Footer v1.0.5 – 2025-02-09 -->