/** {
    outline: 2px solid red !important; /
}*/

/* Header Deckkraft*/
.site-header {
		position: fixed;
  	top: 0; /* Der Header bleibt oben beim Scrollen */
    z-index: 1000; /* Damit der Header immer oben bleibt, falls andere Elemente*/
	background-color: #3e0227 !important; /* Hintergrundfarbe */
    opacity: 1 !important; /* Volle Deckkraft */
    background-image: url(https://brautkleider.at/wp-content/uploads/2025/02/Paerchen-weiss-transparent-1.png) !important;
    background-size: 60px !important; 
    background-position: center !important;
	background-repeat: no-repeat !important;  /* Verhindert, dass das Bild wiederholt wird */
 /* Sicherstellen, dass das Bild sichtbar bleibt */
}


/* Überschrift sicherstellen, dass sie sichtbar bleibt */
.site-header .site-title {
    position: relative;
    z-index: 20; /* Überschrift bleibt über dem Hintergrund */
}

/* Überschrift im Header vergrößern */
.site-header h1 {
    font-size: 36px !important; /* Schriftgröße nach Wunsch anpassen */
}

/**************************************/
/*Header bleibt auch bei mobilen Geräten fixiert*/

@media (max-width: 768px) {
     .site-header {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        z-index: 9999 !important;
        background-color: #3e0227 !important;
    }
}

/* Falls das iPad breiter ist als 768px und ios*/
@media (max-width: 1024px) { 
     .site-header {
        position: fixed !important;
        position: sticky !important;
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        z-index: 9999 !important;
        background-color: #3e0227 !important;
    }
}

/**************************************/
/*rosa Linie im Headerbild entfernt*/

@media (max-width: 768px) {
.entry-title::before {
        display: none !important;
    }
}


/**************************************/
/*weiße Linie beim Headerbild übermalt*/

@media only screen and (max-width: 768px) {
    .site-banner-media {
			outline: 16px solid #270118 !important;
			    }
}

/**************************************/
/*Trennlinie vor den Beiträgen*/

#posts::before {
    content: "";
    display: block;
    width: 100%;
    height: 0.1px;
    background-color: transparent;
    margin-bottom: 10px;
}

/**************************************/
/*Paerchen hinter Stern*/

.entry-inner::after { 
    content: ""; /* Wichtig, damit das Pseudo-Element existiert */
    display: inline-block;
    background-image: url(https://brautkleider.at/wp-content/uploads/2025/02/Illustration_Paerchen_schwarz_transparent.png);
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
}

/**************************************/
/*Beiträge Überschrift verkleinert*/

.post h2 {
	font-size: 22px !important;
}

@media only screen and (max-width: 768px) {
    .post h2 {
        font-size: 28px !important;
    }
}

/* weiterlesen entfernt */
.post-12250 .link-more,
.post-12246 .link-more,
.post-12244 .link-more,
.post-12821 .link-more,
.post-12814 .link-more,
.post-12280 .link-more {
    display: none !important;
}

/*Rand um Beiträge in der mobilen Version*/

@media only screen and (max-width: 768px) {
    .post {
        position: relative;
        box-sizing: border-box;
        padding-top: 0 !important;
        background-color: transparent !important;
    }
}

/**************************************/
/*Rand um Beiträge*/

@media only screen and (max-width: 768px) {
    .entry-content a {
        position: relative;
        z-index: 2;
    }

    .post::before {
        content: ''; /* Erzeugt das Pseudoelement */
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        border: 10px solid rgba(0, 0, 0, 0.4); /* Dein transparenter Rand */
        z-index: 1; /* Setzt das Pseudoelement hinter den Inhalt */
    }

    .post .entry-media {
        position: relative;
        z-index: 0;
    }
}

/*Aktuelles Instagram aufrufbar*/
@media only screen and (max-width: 768px) {
    .entry-content {
        position: relative;
        z-index: 2;
}
}


/**************************************/
/*Paerchen im Footer*/

.site-footer {
  	bottom: 0; 
    z-index: 99999;
    opacity:  !important; /* Volle Deckkraft */
	 background-color: #3e0227 !important;
    background-image: url(https://brautkleider.at/wp-content/uploads/2025/02/Paerchen-violett-transparent-1.png) !important;
    background-size: 100px !important; 
    background-position: center !important;
	background-repeat: no-repeat !important;  /* Verhindert, dass das Bild wiederholt wird */
 /* Sicherstellen, dass das Bild sichtbar bleibt */
}

/**************************************/
/*alle Button haben die grüne Farbe*/

.wp-block-button .wp-block-button__link  {
    background-color: #74a588;
}

.pushbutton-wide {
    background-color: #74a588 !important; /* Grün */
    color: white !important; /* Textfarbe */
    border: none !important;
    padding: 10px 20px !important;
    font-size: 16px !important;
    cursor: pointer !important;
    transition: background-color 0.3s ease-in-out;
}

.pushbutton-wide:hover {
    background-color: #74a588 !important; /* Dunkleres Grün beim Hover */
}

/**************************************/
/*Pfeile in  Anlassmode sind sichtbar*/

details summary::before {
    content: "▶"; /* Alternativ: "▼" für nach unten */
    font-size: 0.8em;
    margin-right: 8px;
    color: #333;
}
details[open] summary::before {
    content: "▼"; /* Pfeil nach unten, wenn geöffnet */
}

/**************************************/
/*Cookiebuttons Abstand*/

.cn-set-cookie {
    margin-bottom: 5px !important; /* Abstand nach unten */
}

/****************************************/
/* Keyword-H1 auf Post 5 */
/* Kleinere Schrift auf mobilen Geräten (max-width 680px) */
@media only screen and (max-width: 680px) {
	.page-id-5 .wp-block-heading.has-times-new-roman-font-family { font-family: "Times New Roman", serif !important; }
	.page-id-5 .wp-block-heading.has-times-new-roman-font-family {
 font-size: 2.5rem !important;}
}