/* ================================
   GRUNDREGELN FÜR DEN DRUCK
   ================================ */

/* Box-Shadows entfernen, Hintergrund nur selektiv */
* {
    box-shadow: none !important;
    /* Hintergrund für Tiles erhalten */
}

/* Typografie */
body {
    font-size: 12pt;
    line-height: 1.4;
    color: #000;
}

/* Seitenränder A4 */
@page {
    margin: 20mm;
}

/* Unnötige Elemente komplett ausblenden */
header,
footer,
nav,
aside,
.mfn-rev-slider,
#Top_bar,
.menu,
.widget-area,
#sidebar,
#comments,
.comment-form,
button,
input,
iframe,
video,
audio {
    display: none !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Hauptbereiche sichtbar lassen */
main,
.entry-content,
.content,
.site-content,
.col-xs-12,
.col-sm-12 {
    width: 100% !important;
    max-width: none;
    height: auto !important;
    min-height: 0 !important;
}

/* ================================
   FLIP-KACHELN: DRUCKFIX
   ================================ */

/* 3D-Effekte komplett deaktivieren */
.flip-container,
.flipper,
.front,
.back {
    transform: none !important;
    transition: none !important;
    perspective: none !important;
    backface-visibility: visible !important;
    height: auto !important;
    min-height: 0 !important;
}

/* Container soll nicht drehen */
.flip-container.flipped .flipper {
    transform: none !important;
}

/* Nur die Vorderseite drucken */
.front {
    display: block !important;
    position: relative !important;
    border: 1px solid #000 !important;
    box-shadow: none !important;
}

/* Rückseite ausblenden */
.back {
    display: none !important;
}

/* Flip-Container Abstand */
.flip-container {
    margin-bottom: 20px !important;
}

/* Tiles / Icons für Druck optimieren */
/* .tile1, .tile2, .tile3, .tile4, .tile5, .tile6 {
    background-size: 60% !important;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-print-color-adjust: exact !important;
    print-color-adjust: exact !important;
} */

/* ================================
   TABELLEN
   ================================ */

table {
    border-collapse: collapse;
    width: 100%;
}

table th,
table td {
    border: 1px solid #333;
    padding: 4px 6px;
}

/* ================================
   LINKS LESBAR MACHEN
   ================================ */

a[href]:after {
    content: " (" attr(href) ")";
    font-size: 10pt;
}

/* ================================
   PAGE BREAK
   ================================ */

.page-break {
    page-break-after: always;
}

/* ================================
   Rest
   ================================ */
@media print {
*, ::after, ::before {
	color: #000 !important;
	text-shadow: none !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
	background: unset !important;
}

    *::before,
    *::after {
        background: none !important;
    }
}