@media print {
    /* 1. Alles sichtbar machen (Animationen stoppen) */
    .fade-in-element {
        opacity: 1 !important;
        transform: none !important;
        transition: none !important;
        visibility: visible !important;
    }

    /* 2. Ausklappbare Bereiche IMMER öffnen */
    #skills-container,
    #skills-container.hidden {
        display: block !important;
        max-height: none !important;
        opacity: 1 !important;
        visibility: visible !important;
        overflow: visible !important;
    }

    /* Buttons zum Auf/Zuklappen verstecken (machen auf Papier keinen Sinn) */
    #skills-toggle-btn,
    #skills-toggle-btn-bottom,
    .skills-bottom-toggle,
    .ghost-button,
    .slider-btn,
    .cta-button {
        display: none !important;
    }

    /* 3. Navigation & Unnötiges ausblenden */
    header,
    nav,
    footer,
    .burger-menu,
    .back-to-top,
    #contact-form, /* Formularfelder braucht man gedruckt meist nicht */
    .social-media-links {
        display: none !important;
    }

    /* 4. Farben & Kontrast reparieren (Spart Tinte & macht lesbar) */
    *, *:before, *:after {
        background: transparent !important;
        color: #000 !important; /* Alles Schwarz */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    body {
        background-color: #fff !important;
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; /* Gute Lesbarkeit */
        font-size: 12pt;
        line-height: 1.5;
    }

    /* 5. Layout-Korrekturen für Papier */
    section {
        margin-bottom: 30px !important;
        padding: 0 !important;
    }

    .container {
        width: 100% !important;
        max-width: none !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    /* Karten sollen nicht in der Mitte durchgeschnitten werden */
    .service-item,
    .project-card,
    .skill-card {
        break-inside: avoid;
        page-break-inside: avoid;
        border: 1px solid #ccc !important; /* Rahmen statt Schatten */
        margin-bottom: 20px;
        padding: 15px !important;
    }

    /* Grids etwas auflockern oder untereinander anzeigen */
    .services-grid,
    .skills-grid,
    .projects-grid {
        display: block !important; /* Stapelt Elemente untereinander (sicherer) */
        /* ODER wenn du 2 nebeneinander willst: */
        /* display: grid !important; grid-template-columns: 1fr 1fr !important; */
    }

    /* Links ausschreiben, damit man sie auch auf Papier nutzen kann */
    a[href^="http"]:after {
        content: " (" attr(href) ")";
        font-size: 0.9em;
        font-style: italic;
    }

    /* Ausnahme für Social Icons, da sieht der Link oft hässlich aus */
    .social-icons a:after {
        content: "";
    }
}