Acezozla® Exon-Max 60 Sofortige Erektionscreme

/* — Kernfarbvariablen (behalten Sie Dunkelblau und Blitzgold) — */
:root {
–Hauptmarkenfarbe-Dunkelblau: #0B1B4A;
–Markenbetonung-Gold: #E6B800;
–Hintergrundfarbe: #F4F6F9;
–Reinweißer Hintergrund: #FFFFFF;
–Haupttextfarbe: #222222;
–Subtextfarbe: #666666;

/* ================= 👇 Neuer globaler Überlaufschutzcode 👇 ================= */
* {
/* Stellen Sie sicher, dass die Polsterung und Ränder aller Elemente die Breite des Containers nicht vergrößern */
box-sizing: border-box;

/* Kern: Wenn Sie auf ein langes Wort (z. B. Parasympathikus) oder einen langen Link stoßen, erzwingen Sie eine neue Zeile und platzen Sie niemals den äußeren Rahmen 👆 ================= */

/* — Grundeinstellungen — */
. Zielseiten-Gesamtcontainer {
Hintergrundfarbe: var(–Hintergrundfarbe);
Farbe: var(–Haupttextfarbe);
Rand: 0;
Polsterung: 2 %;
Anzeige: Flex;
Flex-Richtung: Spalte;
Align-Items: Mitte;
Breite: 100 %;
/* Doppelte Versicherung gegen Überlauf */
overflow-x: versteckt;
}

. Zielseiten-Gesamtcontainer img {
Breite: 100 %;
Höhe: automatisch;
Anzeige: Block;
Rand: 2 % automatisch;
Randradius: 8 Pixel;

/* — Kerncontainer: adaptive Karte — */
.Adaptive Karte {
Hintergrundfarbe: var(–reiner weißer Hintergrund);
Randradius: 12px;
Polsterung: 5%;
Box-Shadow: 0 4px 15px rgba(11, 27, 74, 0,08);
Breite: 100 %;
margin-bottom: 5 %;
display: flex;
flex-direction: columns;
align-items: center;
text-align: left;

/* 👇 Neu: Ausschneiden aller Inhalte außerhalb der Karte erzwingen */
max-width: 100 %;
overflow: versteckt;
}

.Der Inhalt ist zentriert {
text-align: center;
width: 100 %;
display: flex;
flex-direction: columns;
align-items: center;

/* 👇 Hinzugefügt: Wenn Sie auf eine lange Liste chemischer Formeln stoßen, erlauben Sie horizontales Gleiten in einem kleinen internen Bereich, anstatt den großen Rahmen zu sprengen */
max-width: 100%;
overflow-x: auto;
}

.Vertikale Liste {
Breite: 100 %;
Polsterung: 0;
Rand: 0;
Listenstil: keine;
Anzeige: Flex;
Flexrichtung: Spalte;
Lücke: 3%;

.Vertikale Listenelemente {
Breite: 100 %;
Polsterung: 3 %;
Hintergrundfarbe: var(–background color);
Rand links: 3 Pixel fest var(–Marke Betonung-Gold);
Randradius: 4 Pixel;

.Informationsblock {
Breite: 100 %;
Anzeige: Flex;
Flexrichtung: Spalte;
Hintergrundfarbe: var(–Hintergrundfarbe);
Rand oben: 4 Pixel einfarbig var (–Markenhauptfarbe Dunkelblau);
Randradius: 8 Pixel;
Polsterung: 5 %;
Rand unten: 4 %;

/* 👇 Neu: Verhindern, dass interne Karten geplatzt werden */
max-width: 100 %;
overflow: versteckt;
}

/* — FAQ Komponente erweitern — */
. Container erweitern {
Breite: 100 %;
Hintergrundfarbe: var(–reiner weißer Hintergrund);
Rand: 1 Pixel fest rgba(11, 27, 74, 0,1);
Randradius: 8 Pixel;
Rand unten: 3 %;
Anzeige: Flex;
Flex-Richtung: Spalte; space-between;
align-items: center;
width: 100%;
}
.Collapse content {
padding: 0 5% 5% 5%;
color: var(–subtext color);
display: flex;
flex-direction: columns;
width: 100%;

.Goldene Betonung { color: var(–brand attachment-gold); Schriftstärke: fett; }
.Dunkelblaue Hervorhebung { color: var(–brand main color-dark blue); Schriftstärke: fett;

/* ================= Kern: Float-out-Animationssystem ================= */
@keyframes Float up {
0 % {
opacity: 0;
transform: translatorY(40px);
}
100 % {
opacity: 1;
transform: TranslateY(0);

. Herauszuschwebendes Element { opacity: 0;
. Ausführen float out { Animation: float up 0,8s Kubikbezier(0,25, 0,46, 0,45, 0,94) vorwärts; }