.elementor-kit-6{--e-global-color-primary:#0D1B2A;--e-global-color-secondary:#F3BBCC;--e-global-color-text:#000000;--e-global-color-accent:#BB6980;--e-global-color-38c0869:#FFFFFF;--e-global-color-35dd8af:#000000;--e-global-color-bb02cfa:#29394D;--e-global-typography-primary-font-family:"HV Fitzgerald";--e-global-typography-primary-font-size:0.1rem;--e-global-typography-primary-font-weight:400;--e-global-typography-secondary-font-family:"Jost";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Jost";--e-global-typography-text-font-size:1rem;--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Jost";--e-global-typography-accent-font-size:1rem;--e-global-typography-accent-font-weight:500;--e-global-typography-10e14cc-font-family:"Jost";--e-global-typography-10e14cc-font-size:2.4vw;--e-global-typography-10e14cc-font-weight:800;--e-global-typography-10e14cc-line-height:1.2em;--e-global-typography-e69258f-font-family:"Jost";--e-global-typography-e69258f-font-size:1.2em;--e-global-typography-e69258f-font-weight:900;--e-global-typography-e69258f-text-transform:uppercase;--e-global-typography-e69258f-line-height:2.7em;--e-global-typography-95f1522-font-family:"Courier Prime";--e-global-typography-95f1522-font-size:1.1rem;--e-global-typography-95f1522-line-height:1.2rem;font-family:"Jost", Sans-serif;font-size:1.1rem;font-weight:400;line-height:1.7rem;}.elementor-kit-6 button,.elementor-kit-6 input[type="button"],.elementor-kit-6 input[type="submit"],.elementor-kit-6 .elementor-button{background-color:var( --e-global-color-primary );font-family:"Jost", Sans-serif;font-size:1.1rem;font-weight:700;text-transform:uppercase;font-style:normal;text-decoration:none;border-radius:100px 100px 100px 100px;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-kit-6 p{margin-block-end:1.2rem;}.elementor-kit-6 a{color:var( --e-global-color-38c0869 );font-family:"Jost", Sans-serif;font-weight:400;}.elementor-kit-6 a:hover{color:var( --e-global-color-accent );}.elementor-kit-6 h1{font-family:"Playfair Display", Sans-serif;font-size:4.5rem;font-weight:400;line-height:4.9rem;letter-spacing:0.09rem;word-spacing:0px;}.elementor-kit-6 h2{font-family:"Courier Prime", Sans-serif;font-size:1.1rem;font-weight:400;line-height:1.3rem;}.elementor-kit-6 h3{font-family:"Playfair Display", Sans-serif;font-size:4rem;font-weight:400;line-height:1em;}.elementor-kit-6 h4{font-family:"Playfair Display", Sans-serif;font-size:1.6rem;font-weight:700;line-height:1.9rem;}.elementor-kit-6 h5{font-family:"Courier Prime", Sans-serif;font-size:0.9rem;font-weight:400;line-height:1.1rem;}.elementor-kit-6 h6{font-family:"Jost", Sans-serif;font-size:1.1rem;font-weight:700;line-height:1.5rem;}.elementor-kit-6 button:hover,.elementor-kit-6 button:focus,.elementor-kit-6 input[type="button"]:hover,.elementor-kit-6 input[type="button"]:focus,.elementor-kit-6 input[type="submit"]:hover,.elementor-kit-6 input[type="submit"]:focus,.elementor-kit-6 .elementor-button:hover,.elementor-kit-6 .elementor-button:focus{color:var( --e-global-color-accent );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;--container-default-padding-top:1rem;--container-default-padding-right:0rem;--container-default-padding-bottom:1rem;--container-default-padding-left:0rem;}.elementor-widget:not(:last-child){--kit-widget-spacing:2rem;}.elementor-element{--widgets-spacing:2rem 2rem;--widgets-spacing-row:2rem;--widgets-spacing-column:2rem;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-kit-6 p{margin-block-end:1rem;}.elementor-kit-6 a{font-size:3.5rem;line-height:3.8rem;}.elementor-kit-6 h1{font-size:3rem;line-height:1.2em;}.elementor-kit-6 h2{font-size:1rem;line-height:1.2rem;}.elementor-kit-6 h3{font-size:3rem;line-height:1em;}.elementor-kit-6 h4{font-size:1.4rem;line-height:1.7rem;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-6 p{margin-block-end:0.8rem;}.elementor-kit-6 h1{font-size:2.5rem;line-height:1em;}.elementor-kit-6 h2{font-size:0.9rem;line-height:1.1rem;}.elementor-kit-6 h3{font-size:2rem;line-height:1em;}.elementor-kit-6 h4{font-size:1.3rem;line-height:1.5rem;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* 1. DAS OVERLAY - ZENTRIERUNG */
#mein-portfolio .elementor-portfolio-item__overlay {
    opacity: 1 !important;
    visibility: visible !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    text-align: center !important;
    background-color: rgba(13, 27, 42, 0.4) !important; 
    transition: all 0.4s ease !important;
}

/* 2. DER TITEL-BALKEN - MAXIMALE PRÄSENZ */
#mein-portfolio .elementor-portfolio-item__title {
    background-color: #0d1b2a !important; 
    color: #F3BBCC !important; 
    opacity: 1 !important;
    display: inline-block !important;
    width: fit-content !important; 
    margin: 0 auto !important;
    
    /* DESKTOP EXTREM - 3.5 REM */
    padding: 20px 45px !important; 
    font-size: 3.5rem !important; 
    
    transform: rotate(-3deg) !important;
    font-family: 'Jost', sans-serif !important;
    font-weight: 800;
    text-transform: uppercase;
    line-height: 0.9 !important; /* Enger für den Plakat-Look */
    transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 3. "ZUM PROJEKT" - PASST SICH AN */
#mein-portfolio .elementor-portfolio-item__overlay::after {
    content: "ZUM PROJEKT"; 
    display: block !important;
    width: 100% !important;
    opacity: 0.8 !important;
    color: #FFFFFF !important;
    font-family: 'Jost', sans-serif !important;
    font-size: 1.1rem; /* Auch hier etwas größer */
    letter-spacing: 4px;
    margin-top: 25px; /* Viel Platz zum Atmen */
    transform: rotate(-3deg) !important;
    transition: all 0.4s ease !important;
}

/* 4. HOVER-EFFEKT (BEGRADIGEN & FARBE) */
#mein-portfolio .elementor-portfolio-item:hover .elementor-portfolio-item__title {
    background-color: #F3BBCC !important; 
    color: #0d1b2a !important; 
    transform: rotate(0deg) scale(1.02) !important; /* Weniger Scale, da Schrift schon riesig ist */
}

#mein-portfolio .elementor-portfolio-item:hover .elementor-portfolio-item__overlay::after {
    transform: rotate(0deg) !important;
    opacity: 1 !important;
    color: #F3BBCC !important;
}

#mein-portfolio .elementor-portfolio-item:hover .elementor-portfolio-item__overlay {
    background-color: rgba(13, 27, 42, 0.7) !important;
}

/* ========================================= */
/* --- RESPONSIVE SICHERHEITS-NETZ --- */
/* ========================================= */

/* Tablet (Hier drosseln wir die Wucht wieder auf ein gesundes Maß) */
@media (max-width: 1024px) {
    #mein-portfolio .elementor-portfolio-item__title {
        font-size: 1.3rem !important;
        padding: 10px 25px !important;
    }
    #mein-portfolio .elementor-portfolio-item__overlay::after {
        font-size: 0.8rem;
        margin-top: 12px;
    }
}

/* Smartphone (Kompakt für die Hosentasche) */
@media (max-width: 767px) {
    #mein-portfolio .elementor-portfolio-item__title {
        font-size: 0.9rem !important;
        padding: 7px 15px !important;
        max-width: 85% !important;
    }
    #mein-portfolio .elementor-portfolio-item__overlay::after {
        font-size: 0.65rem !important;
        margin-top: 6px !important;
        letter-spacing: 2px;
    }
}


/* =====================================================*/
/* =====================================================*/
/* =====================================================*/

/* --- DER PRÄZISIONS-FIX FÜR DEN BUTTON --- */

/* 1. NUR DER BALKEN (Take 2?) */
#back-to-top-button .text-marker {
    background-color: #0D1B2A !important;
    color: #BB6980 !important;
    padding: 10px 25px !important;
    font-size: 4rem !important;
    font-family: 'Jost', sans-serif !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    display: inline-block !important;
    width: fit-content !important; /* Balken nur so lang wie das Wort */
    
    transform: rotate(-2deg) !important;
    
    /* Positionierung */
    margin-bottom: -15px !important; 
    margin-left: -30px !important;
    position: relative !important;
    z-index: 2 !important;
    transition: all 0.3s ease !important;
    cursor: pointer !important;
}

/* 2. DER HOVER (Nur für den Marker) */
#back-to-top-button:hover .text-marker {
    transform: rotate(0deg) scale(1.05) !important;
    background-color: #BB6980 !important;
    color: #0D1B2A !important;
}

/* --- RESPONSIVE ANPASSUNGEN --- */

@media (max-width: 1024px) {
    #back-to-top-button .text-marker {
        font-size: 2.8rem !important;
        padding: 8px 20px !important;
    }
}

@media (max-width: 767px) {
    #back-to-top-button .text-marker {
        font-size: 2rem !important;
        padding: 6px 15px !important;
        margin-left: -15px !important;
    }
}
@media (max-width: 1024px) {
    #back-to-top-button h2, #back-to-top-button a, #back-to-top-button .elementor-heading-title {
        font-size: 2.8rem !important;
    }
}

@media (max-width: 767px) {
    #back-to-top-button h2, #back-to-top-button a, #back-to-top-button .elementor-heading-title {
        font-size: 2rem !important;
    }
    #back-to-top-button .back {
        margin-left: 20px !important;
        font-size: 1.1rem !important;
    }
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Jost';
	font-style: normal;
	font-weight: 400;
	font-display: auto;
	src: url('https://framepoetry.film/wp-content/uploads/2026/02/Jost-Regular.ttf') format('truetype');
}
@font-face {
	font-family: 'Jost';
	font-style: italic;
	font-weight: 400;
	font-display: auto;
	src: url('https://framepoetry.film/wp-content/uploads/2026/02/Jost-Italic.ttf') format('truetype');
}
@font-face {
	font-family: 'Jost';
	font-style: normal;
	font-weight: 500;
	font-display: auto;
	src: url('https://framepoetry.film/wp-content/uploads/2026/02/Jost-Medium.ttf') format('truetype');
}
@font-face {
	font-family: 'Jost';
	font-style: italic;
	font-weight: 500;
	font-display: auto;
	src: url('https://framepoetry.film/wp-content/uploads/2026/02/Jost-MediumItalic.ttf') format('truetype');
}
@font-face {
	font-family: 'Jost';
	font-style: normal;
	font-weight: 600;
	font-display: auto;
	src: url('https://framepoetry.film/wp-content/uploads/2026/02/Jost-SemiBold.ttf') format('truetype');
}
@font-face {
	font-family: 'Jost';
	font-style: italic;
	font-weight: 600;
	font-display: auto;
	src: url('https://framepoetry.film/wp-content/uploads/2026/02/Jost-SemiBoldItalic.ttf') format('truetype');
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Courier Prime';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://framepoetry.film/wp-content/uploads/2026/02/CourierPrime-Regular.ttf') format('truetype');
}
@font-face {
	font-family: 'Courier Prime';
	font-style: normal;
	font-weight: bold;
	font-display: auto;
	src: url('https://framepoetry.film/wp-content/uploads/2026/02/CourierPrime-Bold.ttf') format('truetype');
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Playfair Display';
	font-style: normal;
	font-weight: 400;
	font-display: auto;
	src: url('https://framepoetry.film/wp-content/uploads/2026/02/PlayfairDisplay-Regular.ttf') format('truetype');
}
@font-face {
	font-family: 'Playfair Display';
	font-style: normal;
	font-weight: 700;
	font-display: auto;
	src: url('https://framepoetry.film/wp-content/uploads/2026/02/PlayfairDisplay-Bold.ttf') format('truetype');
}
/* End Custom Fonts CSS */