/*
Theme Name: mare media Child-Theme
Description: mare media Child-Theme
Author: Bernd Torba, mare-media.com
Author URI: https://mare-media.com
Template: Divi
Version: 1.0.0
*/
 
/* Theme Anpassungen beginnen hier */

/* Desktop */
.original-text,
.mirror-text {
    font-size: 80px;
}
.signatur-text {
    font-size: 30px;
}

.sub-text {
    font-size: 40px;
	color: #974B09 !important;
}
/* Smartphone */
@media (max-width: 767px) {
    .header-wrapper {
        flex-direction: column;
        align-items: center !important;
        justify-content: center;
        gap: 5px !important;
    }    
    .original-text,
    .mirror-text {
        font-size: 42px;
    }
    .signatur-text {
        font-size: 24px;
        margin: 0;
    }
    .sub-text {
        font-size: 28px;
    }
}

.header-wrapper {
    display: flex;
    align-items: flex-end;   /* unten bündig */
    justify-content: center;
    gap: 30px;
}

.title-block {
    line-height: 1.0;
}

.original-text {
  font-family: 'Infinite_Stroke', sans-serif;
  text-align: center;
  color: #5B4D43;
}

.mirror-text {
  font-family: 'Infinite_Stroke', sans-serif;
  text-align: center;
  transform: scaleY(-1); /* Vertikal spiegeln */
  color: rgba(0,0,0,0.3); /* Transparent machen */
  margin-top: -10px; /* Näher an das Original bringen */
  -webkit-mask-image: linear-gradient(to top, black 40%, transparent 100%);
  mask-image: linear-gradient(to top, black 40%, transparent 100%);
}

.signatur-text {
  font-family: 'Infinite_Stroke', sans-serif;
  text-align: center;
  color: #5B4D43;
  margin-bottom: 12px;
}

.sub-text {
  font-family: 'Infinite_Stroke', sans-serif;
  text-align: center;
  color: #515845;
}

.frame-box {
    position: relative;
    border: 4px solid #5B4D43;
    padding: 30px 20px 20px 20px; /* oben mehr Platz */
}

.frame-box img {
    display: block;
    width: 100%;
    height: auto;
}

.frame-title {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, -55%);
	background: #FFF8F1;
    color: #974B09;
	font-weight: bold;
    padding: 6px 20px;
    letter-spacing: 2px;
    white-space: nowrap;
}


/* Theme Anpassung enden hier */