.elementor-9344 .elementor-element.elementor-element-7876967a > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:flex-end;align-items:flex-end;}.elementor-9344 .elementor-element.elementor-element-7876967a:not(.elementor-motion-effects-element-type-background), .elementor-9344 .elementor-element.elementor-element-7876967a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.pat-patachon.de/wp-content/uploads/2022/05/Fotolia_209675050_XXL-Kopie.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-9344 .elementor-element.elementor-element-7876967a > .elementor-background-overlay{background-color:#000000;opacity:0.2;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-9344 .elementor-element.elementor-element-7876967a > .elementor-container{min-height:400px;}.elementor-9344 .elementor-element.elementor-element-7876967a{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );color:var( --e-global-color-primary );}.elementor-9344 .elementor-element.elementor-element-6f4c37bc > .elementor-widget-container{margin:0px -10px 62px 0px;}.elementor-9344 .elementor-element.elementor-element-6f4c37bc{text-align:end;}.elementor-9344 .elementor-element.elementor-element-6f4c37bc .elementor-heading-title{font-family:"DINPro", Sans-serif;font-size:250px;font-weight:600;color:#FFFFFF45;}.elementor-9344 .elementor-element.elementor-element-5cbdde2{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:100px;--padding-bottom:100px;--padding-left:20px;--padding-right:20px;}.elementor-9344 .elementor-element.elementor-element-5cbdde2:not(.elementor-motion-effects-element-type-background), .elementor-9344 .elementor-element.elementor-element-5cbdde2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-text );}@media(min-width:1367px){.elementor-9344 .elementor-element.elementor-element-7876967a:not(.elementor-motion-effects-element-type-background), .elementor-9344 .elementor-element.elementor-element-7876967a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:scroll;}}@media(max-width:1366px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}}@media(max-width:1200px){.elementor-9344 .elementor-element.elementor-element-6f4c37bc > .elementor-widget-container{margin:0px -10px 33px 0px;}.elementor-9344 .elementor-element.elementor-element-6f4c37bc .elementor-heading-title{font-size:170px;}}@media(max-width:1024px){.elementor-9344 .elementor-element.elementor-element-7876967a > .elementor-container{min-height:380px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}}@media(max-width:767px){.elementor-9344 .elementor-element.elementor-element-7876967a > .elementor-container{min-height:200px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-9344 .elementor-element.elementor-element-6f4c37bc > .elementor-widget-container{margin:0px -10px 6px 0px;}.elementor-9344 .elementor-element.elementor-element-6f4c37bc .elementor-heading-title{font-size:90px;}}/* Start custom CSS for TC WPBlog, class: .elementor-element-17a6d11 *//* === Grundcontainer === */
.elementor-9344 .elementor-element.elementor-element-17a6d11 .twoconcepts-WPBlog {
    display: block;
    font-family: "DINPro", Sans-serif;
}

/* === Reihen (links 4 / rechts 1 – dann umgekehrt) === */
.elementor-9344 .elementor-element.elementor-element-17a6d11 .twoconcepts-WPBlog .tc-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    margin-bottom: 20px;
}

/* Mobile: Reihen untereinander */
@media all and (max-width: 767px) {
    .elementor-9344 .elementor-element.elementor-element-17a6d11 .twoconcepts-WPBlog .tc-row {
        grid-template-columns: 1fr;
    }
}

/* === Spalten === */
.elementor-9344 .elementor-element.elementor-element-17a6d11 .twoconcepts-WPBlog .tc-col {
    position: relative;
}

/* 4er-Grid */
.elementor-9344 .elementor-element.elementor-element-17a6d11 .twoconcepts-WPBlog .tc-col--grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}

/* Mobile: Grid bleibt 2-spaltig, darunter 1-spaltig */
@media all and (max-width: 767px) {
    .elementor-9344 .elementor-element.elementor-element-17a6d11 .twoconcepts-WPBlog .tc-col--grid {
        grid-template-columns: 1fr;
    }
}

/* === Karten === */
.elementor-9344 .elementor-element.elementor-element-17a6d11 .twoconcepts-WPBlog .tc-card {
    position: relative;
    display: block;
    overflow: hidden !important;
    border-radius: 0;
    padding: 40px;
    min-height: 100%;
    text-decoration: none;
}



/* Mobile: etwas querformatiger */
@media all and (max-width: 767px) {
    .elementor-9344 .elementor-element.elementor-element-17a6d11 .twoconcepts-WPBlog .tc-card--sm,
    .elementor-9344 .elementor-element.elementor-element-17a6d11 .twoconcepts-WPBlog .tc-card--lg {
        aspect-ratio: 16 / 10;
    }
}

/* === Background Image === */
.elementor-9344 .elementor-element.elementor-element-17a6d11 .twoconcepts-WPBlog .tc-bg {
    background-size: cover;
    background-position: center;
    position: absolute;
    inset: 0;
    z-index: 5;
    transition: transform 0.2s ease;
}

.elementor-9344 .elementor-element.elementor-element-17a6d11 .twoconcepts-WPBlog .tc-card:hover .tc-bg {
    transform: scale(1.05);
}

/* === Overlay === */
.elementor-9344 .elementor-element.elementor-element-17a6d11 .twoconcepts-WPBlog .tc-overlay {
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,0.2);
    z-index: 10;
}

/* === Content === */
.elementor-9344 .elementor-element.elementor-element-17a6d11 .twoconcepts-WPBlog .tc-content {
    position: relative;
    z-index: 30;
    width: 100%;
    height: 100%;
}

/* Kategorie */
.elementor-9344 .elementor-element.elementor-element-17a6d11 .tc-cat {
    color: #fff;
    text-transform: uppercase;
    background: var(--e-global-color-primary);
    float: left;
    padding: 3px 5px;
    font-size: 13px;
}

/* Titel */
.elementor-9344 .elementor-element.elementor-element-17a6d11 .tc-title {
    width: 100%;
    float: left;
    clear: both;
    background: rgba(0,0,0,0.5);
    border-radius: 20px;
    padding: 20px;
    font-size: 18px;
    line-height: 1.6em;
    font-weight: 400;
    margin-top: 20px;
    margin-bottom: 60px;
    color: #fff;
}

/* Button */
.elementor-9344 .elementor-element.elementor-element-17a6d11 .tc-btn {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 35px;
    height: 35px;
    padding: 8.5px;
    border: 2px solid #fff;
    border-radius: 50%;
}

.elementor-9344 .elementor-element.elementor-element-17a6d11 .tc-btn i {
    color: #fff;
}

/* ========= Breakpoint: <= 1050px -> 3 Spalten, gleiche Größe ========= */
@media all and (max-width: 1050px) {
    /* Jede .tc-row wird selbst zum 3er-Grid */
    .elementor-9344 .elementor-element.elementor-element-17a6d11 .twoconcepts-WPBlog .tc-row {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 20px;
        margin-bottom: 20px;
    }

    /* Spalten-Wrapper "auflösen", damit alle Karten direkt im 3er-Grid landen */
    .elementor-9344 .elementor-element.elementor-element-17a6d11 .twoconcepts-WPBlog .tc-col,
    .elementor-9344 .elementor-element.elementor-element-17a6d11 .twoconcepts-WPBlog .tc-col--grid,
    .elementor-9344 .elementor-element.elementor-element-17a6d11 .twoconcepts-WPBlog .tc-col--featured {
        display: contents;
    }

}

/* ========= Optional: unter 767px wieder wie gehabt einspaltig ========= */
/* (Wenn du unter 767px lieber 2 Spalten willst, sag Bescheid) */
@media all and (max-width: 767px) {
    .elementor-9344 .elementor-element.elementor-element-17a6d11 .twoconcepts-WPBlog .tc-row {
        grid-template-columns: 1fr;
    }

}

@media all and (min-width: 1050px) {
/* --- Featured: Inhalt unten bündig, ohne Floats --- */
.elementor-9344 .elementor-element.elementor-element-17a6d11 .twoconcepts-WPBlog .tc-col--featured .tc-card {
    padding: 0;                 /* Bild vollflächig */
}
.elementor-9344 .elementor-element.elementor-element-17a6d11 .twoconcepts-WPBlog .tc-col--featured .tc-content {
    position: absolute;         /* am Bild positionieren */
    left: 0; right: 0; bottom: 0;
    padding: 20px;
    z-index: 30;

    /* Alles nach unten schieben */
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;    /* Category/Title linksbündig */
}

/* Floats raus, Abstände sauber über Flex */
.elementor-9344 .elementor-element.elementor-element-17a6d11 .twoconcepts-WPBlog .tc-col--featured .tc-content .tc-cat,
.elementor-9344 .elementor-element.elementor-element-17a6d11 .twoconcepts-WPBlog .tc-col--featured .tc-content .tc-title {
    float: none;
}

/* Feintuning Abstände unten */
.elementor-9344 .elementor-element.elementor-element-17a6d11 .twoconcepts-WPBlog .tc-col--featured .tc-content .tc-cat {
    margin: 0 0 8px 0;
}
.elementor-9344 .elementor-element.elementor-element-17a6d11 .twoconcepts-WPBlog .tc-col--featured .tc-content .tc-title {
    margin: 0 0 48px 0;         /* Platz für den Button unten rechts */
}

/* Button unten rechts innerhalb des Content-Bereichs */
.elementor-9344 .elementor-element.elementor-element-17a6d11 .twoconcepts-WPBlog .tc-col--featured .tc-btn {
    position: absolute;
    right: 20px;
    bottom: 20px;
}
}






/* ================= Desktop/Tablet > 1050px ================= */

/* Große Karte bekommt eine verlässliche Höhe */
@media all and (min-width: 1051px) {
    /* Featured (groß) – Höhe definieren */
    .elementor-9344 .elementor-element.elementor-element-17a6d11 .twoconcepts-WPBlog .tc-col--featured .tc-card {
        padding: 0;        /* wie gewünscht: Bild vollflächig */
        display: block;
        width: 100%;
        min-height: 590px; /* <<< Höhe ohne aspect-ratio */
    }

    /* Kleine Karten – konsistente Höhe für das 4er-Grid */
    .elementor-9344 .elementor-element.elementor-element-17a6d11 .twoconcepts-WPBlog .tc-col--grid .tc-card {
        padding: 40px;     /* dein Stil beibehalten */
        min-height: 240px; /* <<< kleine Quadrate simulieren */
    }

    /* Sicherheit: Grids sollen die Kinder strecken */
    .elementor-9344 .elementor-element.elementor-element-17a6d11 .twoconcepts-WPBlog .tc-col--grid {
        align-content: stretch;
        align-items: stretch;
    }
}

/* ================= Zwischenbereich <= 1050px: 3 Spalten ================= */

@media all and (max-width: 1050px) {
    /* 3 Spalten Raster (hast du bereits) bleibt bestehen */

    /* Alle Karten gleiche, sinnvolle Höhe */
    .elementor-9344 .elementor-element.elementor-element-17a6d11 .twoconcepts-WPBlog .tc-card {
        min-height: 320px;     /* <<< einheitliche Kachelhöhe */
    }

    /* Featured soll weiter vollflächig wirken */
    .elementor-9344 .elementor-element.elementor-element-17a6d11 .twoconcepts-WPBlog .tc-col--featured .tc-card {
        padding: 0;
    }
}

/* ================= Mobil <= 767px ================= */

@media all and (max-width: 767px) {
    /* 1 Spalte bleibt – gib den Karten etwas mehr Höhe für Lesbarkeit */
    .elementor-9344 .elementor-element.elementor-element-17a6d11 .twoconcepts-WPBlog .tc-card {
        min-height: 260px;     /* <<< ohne aspect-ratio */
    }
}

/* ================= Featured-Content unten (deine bisherigen Regeln) ================= */

@media all and (min-width: 1050px) {
    /* Inhalt unten andocken – bereits vorhanden, hier nur der Vollständigkeit halber */
    .elementor-9344 .elementor-element.elementor-element-17a6d11 .twoconcepts-WPBlog .tc-col--featured .tc-card { padding: 0; }
    .elementor-9344 .elementor-element.elementor-element-17a6d11 .twoconcepts-WPBlog .tc-col--featured .tc-content {
        position: absolute; left: 0; right: 0; bottom: 0;
        padding: 20px; z-index: 30;
        display: flex; flex-direction: column; justify-content: flex-end; align-items: flex-start;
    }
    .elementor-9344 .elementor-element.elementor-element-17a6d11 .twoconcepts-WPBlog .tc-col--featured .tc-content .tc-cat,
    .elementor-9344 .elementor-element.elementor-element-17a6d11 .twoconcepts-WPBlog .tc-col--featured .tc-content .tc-title { float: none; }
    .elementor-9344 .elementor-element.elementor-element-17a6d11 .twoconcepts-WPBlog .tc-col--featured .tc-content .tc-cat   { margin: 0 0 8px 0; }
    .elementor-9344 .elementor-element.elementor-element-17a6d11 .twoconcepts-WPBlog .tc-col--featured .tc-content .tc-title { margin: 0 0 48px 0; }
    .elementor-9344 .elementor-element.elementor-element-17a6d11 .twoconcepts-WPBlog .tc-col--featured .tc-btn { position: absolute; right: 20px; bottom: 20px; }
}
``/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'DINPro';
	font-style: normal;
	font-weight: 400;
	font-display: auto;
	src: url('https://www.pat-patachon.de/wp-content/uploads/2022/05/D-DIN-PRO-400-Regular.woff') format('woff');
}
@font-face {
	font-family: 'DINPro';
	font-style: normal;
	font-weight: 500;
	font-display: auto;
	src: url('https://www.pat-patachon.de/wp-content/uploads/2022/05/D-DIN-PRO-500-Medium.woff') format('woff');
}
@font-face {
	font-family: 'DINPro';
	font-style: normal;
	font-weight: 600;
	font-display: auto;
	src: url('https://www.pat-patachon.de/wp-content/uploads/2022/05/D-DIN-PRO-600-SemiBold.woff') format('woff');
}
@font-face {
	font-family: 'DINPro';
	font-style: normal;
	font-weight: 700;
	font-display: auto;
	src: url('https://www.pat-patachon.de/wp-content/uploads/2022/05/D-DIN-PRO-700-Bold.woff') format('woff');
}
@font-face {
	font-family: 'DINPro';
	font-style: normal;
	font-weight: 800;
	font-display: auto;
	src: url('https://www.pat-patachon.de/wp-content/uploads/2022/05/D-DIN-PRO-800-ExtraBold.woff') format('woff');
}
@font-face {
	font-family: 'DINPro';
	font-style: normal;
	font-weight: 900;
	font-display: auto;
	src: url('https://www.pat-patachon.de/wp-content/uploads/2022/05/D-DIN-PRO-900-Heavy.woff') format('woff');
}
/* End Custom Fonts CSS */