astosic/AMPERION_Webpage
1
0
Fork 0
forked from markus/AMPERION_Webpage
Code Pull requests Activity

Update: Abschluss 31.07.2025

Browse source
This commit is contained in:
astosic 2025-07-31 01:33:44 +02:00
parent 4f1e5eddac
commit b18d1e9169
8 changed files with 350 additions and 443 deletions
Download patch file Download diff file Expand all files Collapse all files

67
assets/scss/style.scss
View file

@ -94,13 +94,6 @@ $h4: 25px;
@import 'custom.scss';
html {
scroll-behavior: smooth;
}
/* 1) Die .logo-container bekommt 80% Breite => 10% links und 10% rechts frei */
.logo-container {
width: 80%;
@ -201,63 +194,3 @@ body {
margin: 0;
padding: 20px;
}
.services-title {
margin-top: 50px;
color: #046e6e;
}
.services-description {
color: black;
margin-bottom: 50px;
}
/* Standard-Desktop-Layout */
.services-section {
background-color: #f1f1f1; /* Hintergrundfarbe der Sektion auf Schwarz setzen */
padding: 40px 0; /* Padding für die Sektion */
width: 100%; /* Volle Breite */
box-sizing: border-box; /* Padding in der Breite berücksichtigen */
}
.services-grid {
display: grid;
grid-template-columns: repeat(3, 1fr); /* Drei Spalten für Desktop */
gap: 20px;
max-width: 1200px;
margin: 0 auto; /* Zentriert das Raster */
padding: 0 20px; /* Optional: Padding für kleinere Bildschirme */
}
.service-card {
background-color: #f1f1f1; /* Hintergrundfarbe der Boxen auf Schwarz setzen */
color: white; /* Textfarbe auf Weiß setzen für bessere Lesbarkeit */
border-radius: 10px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0);
padding: 20px;
box-sizing: border-box;
}
.service-icon {
width: 60px;
height: 60px;
margin-bottom: 15px;
}
.service-card-title {
color: black; /* Titel-Textfarbe auf Weiß setzen */
margin-bottom: 10px;
}
.service-card-description {
color: black; /* Hellgraue Farbe für den Beschreibungstext */
font-size: 14px;
}
/* Anpassungen für Mobilgeräte */
@media (max-width: 768px) {
.services-grid {
grid-template-columns: 1fr; /* Eine Spalte für Mobilgeräte */
}
}