.elementor-kit-1267{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;background-image:url("https://oscar-romero-haus.de/wp-content/uploads/2026/07/kork.jpg");color:#000000;font-family:"Dosis", Sans-serif;font-size:18px;background-position:center center;background-repeat:repeat;}.elementor-kit-1267 e-page-transition{background-color:#FFBC7D;}.elementor-kit-1267 a{color:#CC3366;}.elementor-kit-1267 h1{font-family:"Barriecito", Sans-serif;font-size:3rem;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1280px;}.e-con{--container-max-width:1280px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}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-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* Gemeinsamer Platz für beide Icons */
.menu-icons {
    position: relative;
    width: 40px;
    height: 40px;
}

/* Beide Widgets exakt übereinanderlegen */
.menu-icons .menu-icon-open,
.menu-icons .menu-icon-close {
    position: absolute !important;
    inset: 0;

    display: flex;
    align-items: center;
    justify-content: center;

    transition:
        opacity 0.25s ease,
        transform 0.25s ease;

    z-index: 1;
}

/* X ist im geschlossenen Zustand unsichtbar */
.menu-icons .menu-icon-close {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: scale(0.8);
}

/* Hamburger ausblenden, sobald Off-Canvas offen ist */
body:has(.e-off-canvas--active) .menu-icon-open,
body:has(.e-off-canvas[aria-hidden="false"]) .menu-icon-open {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: scale(0.8);
}

/* Eigenes X einblenden */
body:has(.e-off-canvas--active) .menu-icon-close,
body:has(.e-off-canvas[aria-hidden="false"]) .menu-icon-close {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: scale(1);
}

/* Papier-Container */
.papier-karte {
    --papierfarbe: #e9d394;
    --papier-dunkel: #cdb879;
    --klebeband: rgba(220, 216, 185, 0.78);
    --klebeband-kante: rgba(145, 140, 115, 0.6);

    position: relative;
    isolation: isolate;
    overflow: visible !important;

    padding: clamp(28px, 4vw, 30px);

    background:
        linear-gradient(
            135deg,
            rgba(120, 95, 45, 0.16),
            transparent 24%
        ),
        linear-gradient(
            315deg,
            rgba(255, 255, 255, 0.12),
            transparent 30%
        ),
        var(--papierfarbe);

    -webkit-box-shadow: 0px 0px 15px -5px rgba(0,0,0,0.75); 
box-shadow: 0px 0px 15px -5px rgba(0,0,0,0.75);
}

    transform: rotate(-0.35deg);
}


/* Dezente Papier-Faltlinien */
.papier-karte::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;

    background:
        linear-gradient(
            transparent 49.5%,
            rgba(100, 80, 40, 0.16) 50%,
            transparent 50.6%
        ),
        linear-gradient(
            90deg,
            transparent 49.5%,
            rgba(100, 80, 40, 0.13) 50%,
            transparent 50.6%
        );

    opacity: 0.55;
}


/* Elementor-Inhalte über den Papierlinien */
.papier-karte > .e-con-inner,
.papier-karte > .elementor-element {
    position: relative;
    z-index: 1;
}


/* HTML-Widget soll keine eigene Positionierungsbox bilden */
.papier-karte .tape-layer,
.papier-karte .tape-layer .elementor-widget-container {
    position: static !important;
}


/* Ebene mit allen Klebestreifen */
.papier-klebeband {
    position: absolute;
    inset: 0;
    z-index: 10;
    pointer-events: none;
}


/* Einzelner Klebestreifen */
.papier-klebeband .tape {
    position: absolute;

    width: clamp(65px, 8vw, 105px);
    height: clamp(22px, 2.8vw, 36px);

    background:
        repeating-linear-gradient(
            90deg,
            rgba(255, 255, 255, 0.08) 0 7px,
            rgba(100, 90, 60, 0.025) 7px 8px
        ),
        var(--klebeband);

    border-left: 1px dotted var(--klebeband-kante);
    border-right: 1px dotted var(--klebeband-kante);

    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12);

    opacity: 0.82;
}


/* Klebestreifen oben links */
.papier-klebeband .tape-tl {
    top: -12px;
    left: -38px;
    transform: rotate(-42deg);
}


/* Klebestreifen oben rechts */
.papier-klebeband .tape-tr {
    top: -12px;
    right: -38px;
    transform: rotate(42deg);
}


/* Klebestreifen unten links */
.papier-klebeband .tape-bl {
    bottom: -12px;
    left: -38px;
    transform: rotate(42deg);
}


/* Klebestreifen unten rechts */
.papier-klebeband .tape-br {
    right: -38px;
    bottom: -12px;
    transform: rotate(-42deg);
}


/* Mobil etwas kompakter */
@media (max-width: 767px) {
    .papier-klebeband .tape {
        width: 65px;
        height: 24px;
    }

    .papier-klebeband .tape-tl,
    .papier-klebeband .tape-bl {
        left: -25px;
    }

    .papier-klebeband .tape-tr,
    .papier-klebeband .tape-br {
        right: -25px;
    }
}

.papier-karte {
    position: relative;
    overflow: visible !important;
}

.papier-karte .pin-bild {
    position: absolute !important;

    top: -20px;
    left: 60%;

    width: 140px;
    max-width: none;

    transform: translateX(-50%) rotate(-14deg);

    z-index: 30;
    pointer-events: none;
}

.papier-karte .pin-bild img {
    display: block;
    width: 100%;
    height: auto;

    filter: drop-shadow(
        2px 5px 4px rgba(0, 0, 0, 0.22)
    );
}

/*papier-farben*/
.papier-gelb {
    --papierfarbe: #e9d394;
    --papierkante: #cdb879;
    --faltlinie: rgba(100, 80, 40, 0.15);
}

.papier-rosa {
    --papierfarbe: #ecb2ba;
    --papierkante: #c6939a;
    --faltlinie: rgba(100, 40, 50, 0.15);
}

.papier-blau {
    --papierfarbe: #d5e0f9;
    --papierkante: #b7c6e5;
    --faltlinie: rgba(45, 65, 110, 0.14);
}

.papier-gruen {
    --papierfarbe: #cdddbb;
    --papierkante: #abbc98;
    --faltlinie: rgba(50, 80, 40, 0.14);
}

.papier-weiss {
    --papierfarbe: #f4f0e7;
    --papierkante: #d8d2c7;
    --faltlinie: rgba(70, 65, 55, 0.12);
}

/*Überschrift schwarz hinterlegt */
.headline-schwarz .elementor-heading-title {
    display: inline !important;

    color: #ffffff !important;
    background: #000000;

    padding: 0.08em 0.3em 0.12em;
    line-height: 1.5;

    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;

    transform: rotate(-0.4deg);
}

/* Galerie-Widget bekommt die Klasse: gallery-schief */

/* Grundzustand */
.gallery-schief .e-gallery-item {
    --bild-drehung: 0deg;

    rotate: var(--bild-drehung);
    transform-origin: center center;

    transition:
        rotate 0.3s ease,
        filter 0.3s ease;

    will-change: rotate;
}

/* Unterschiedliche leichte Drehungen */
.gallery-schief .e-gallery-item:nth-child(11n + 1) {
    --bild-drehung: -1.5deg;
}

.gallery-schief .e-gallery-item:nth-child(11n + 2) {
    --bild-drehung: 0.7deg;
}

.gallery-schief .e-gallery-item:nth-child(11n + 3) {
    --bild-drehung: -0.4deg;
}

.gallery-schief .e-gallery-item:nth-child(11n + 4) {
    --bild-drehung: 1.8deg;
}

.gallery-schief .e-gallery-item:nth-child(11n + 5) {
    --bild-drehung: -0.9deg;
}

.gallery-schief .e-gallery-item:nth-child(11n + 6) {
    --bild-drehung: 1.1deg;
}

.gallery-schief .e-gallery-item:nth-child(11n + 7) {
    --bild-drehung: -1.9deg;
}

.gallery-schief .e-gallery-item:nth-child(11n + 8) {
    --bild-drehung: 0.35deg;
}

.gallery-schief .e-gallery-item:nth-child(11n + 9) {
    --bild-drehung: 1.45deg;
}

.gallery-schief .e-gallery-item:nth-child(11n + 10) {
    --bild-drehung: -0.65deg;
}

.gallery-schief .e-gallery-item:nth-child(11n + 11) {
    --bild-drehung: 0.95deg;
}

@media (hover: hover) {
    .gallery-schief .e-gallery-item:hover {
        rotate: 0deg;
        z-index: 5;
    }
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Dosis';
	font-display: auto;
	src: url('https://oscar-romero-haus.de/wp-content/uploads/2026/07/Dosis-VariableFont_wght.ttf') format('truetype');
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Barriecito';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://oscar-romero-haus.de/wp-content/uploads/2026/07/Barriecito-Regular.ttf') format('truetype');
}
/* End Custom Fonts CSS */