html { scroll-behavior: smooth; }
/* 1. GRIDS */
.tech-grid, .fact-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 20px;
    margin: 30px 0;
}
/* 2. BOXEN BASIS */
.tech-card, .fact-box {
    background: #bed4e3 /*#f9f9f9*/;
    xxborder: 1px solid #4b7395;
    border-left: 4px solid #527395;
    border-radius: 4px;
    padding: 20px 10px; /* Kompakt */
    text-align: left;
}
.tech-card {font-size: 0.8em;}
.fact-box {
    margin-bottom: 20px;
    padding: 20px; /* Überschreibt die 10px für die Checkliste */
}
/* 3. INHALTE */
.tech-card h4 { margin: 0 0 12px 0; color: #2c3e50; }
.tech-card ul { padding-left: 18px; margin: 0; line-height: 1.6; xxcolor: #bbb; }
.tech-card li { margin-bottom: 5px; }
/* 4. CHECKBOXEN & GO */
.check-item { display: flex; align-items: flex-start; margin-bottom: 10px; }
.go-signal {
    background: #e2e5f9 /*#d8d5de*/;
    padding: 15px; text-align: center; border-radius: 4px;
}
/* 5. UPDATE-INFO */
.update-info { text-align: right;  font-size: 13px; color: #95a5a6; margin: -5px 0 30px 0; }
.update-info a {color: #3498db; text-decoration: underline;  }
.update-info a:hover {text-decoration: none; }
.icon-inline {
    width: 20px;
    height: 20px;
    fill: #2f3435; 
    vertical-align: -0.125em;   /* Feinjustierung */
    margin-right: 8px;
}
.tech-card:hover .icon-inline {
    fill: #e9be58; /* Ein schönes Pink für das Sparschwein */
    transition: fill 0.3s ease;
}

#proceed_checkout {
    opacity: 0.5;
    pointer-events: none; /* Macht den Button nicht anklickbar */
    filter: grayscale(100%);
}
/* Die Klasse für den direkten Sprung */
.ready-to-go {
    opacity: 1 !important;
    pointer-events: auto !important;
    filter: none !important;
    transform: scale(1.1); /* Direktes Vergrößern ohne Ruckeln */
    font-weight: bold;
}