/*
 Theme Name:   Songer
 Theme URI:     https://download.musica.at/
 Description:  GeneratePress child theme
 Author:       JK-K - www.musica.at
 Author URI:   https://www.musica.at
 Template:     generatepress
 Version:      1.0
*/

.inside-header {
background: url(https://lyrik.cc/header.jpg) no-repeat center rgb(255, 255, 255);}

.site-branding {background-image: url(https://lyrik.cc/musica.at.icon.gif);
    background-size: 50px;
    background-repeat: no-repeat;
    background-position: left;
    height: 60px;
}

.main-title {margin-left: 50px;}
.site-description {margin-left: 50px;}
.tracktable {
    width: 100%;
    border-collapse: collapse;
}

.tracktable tr:nth-child(even) {
    background-color: #F7F8F9; /* Farbe für gerade Zeilen */
}

.tracktable tr:nth-child(odd) {
    background-color: #FFFFFF; /* Farbe für ungerade Zeilen */
}

/* Optional: Stil für Kopfzeile */
.tracktable th {
    background-color: #ffffff;
    color: white;
}

.tracktable td, table th {
    border: 1px solid #EBEBFF;
    padding: 8px;
}

.my-faq-item {
    background: #f9f9f9;
    border: 1px solid #ddd;
    border-radius: 5px;
    margin-bottom: 10px;
    padding: 10px;
    transition: all 0.3s ease;
}

.my-faq-item summary {
    font-weight: bold;
    cursor: pointer;
    list-style: none; /* Entfernt den Standard-Pfeil in einigen Browsern */
    position: relative;
    padding-left: 25px;
}

/* Eigener eleganter Pfeil */
.my-faq-item summary::before {
    content: '▶';
    position: absolute;
    left: 0;
    transition: transform 0.3s;
    font-size: 0.8em;
    color: #0073aa;
}

.my-faq-item[open] summary::before {
    transform: rotate(90deg);
}

.faq-content {
    padding: 15px 25px;
    border-top: 1px solid #eee;
    margin-top: 10px;
}

/* CSS für FAQ Kategorie-Überschriften */
.faq-category-title {
    font-size: 1.6em;
    font-weight: bold;
    color: #333;
    margin: 40px 0 20px 0;
    padding-bottom: 8px;
    border-bottom: 2px solid #0073aa; /* Ein dezenter Akzent in Blau */
    display: block;
}

/* Optional: Abstand nach dem letzten FAQ-Item einer Kategorie */
.my-faq-item:last-of-type {
    margin-bottom: 30px;
}

/* FAQ Navigation Container */
.faq-navigation {
    background: #f0f0f0;
    padding: 15px;
    border-radius: 5px;
    margin-bottom: 30px;
}

.faq-navigation strong {
    display: block;
    margin-bottom: 10px;
}

/* FAQ Navigations-Liste */
.faq-navigation ul {
    list-style-type: none;
    padding-left: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 15px; /* Moderner Abstandshalter statt margin-right */
}

.faq-navigation li {
    display: inline;
}

.faq-navigation a {
    text-decoration: none;
    color: #0073aa;
    font-weight: 500;
}

.faq-navigation a:hover {
    text-decoration: underline;
    color: #005177;
}
.faq-credit-box {
    background: #f9f9f9;
    padding: 10px;
    border-left: 3px solid #0073aa;
    font-style: italic;
    margin: 10px 0;
}

.tags-table td{vertical-align: text-top;}


.entry-title a {text-decoration:none;
    border-bottom: 1px dashed #C5CACF;}
    
    
.cert-dashboard { max-width: 900px; margin: 40px auto; padding: 20px; }

.cert-card { background: #fff; border-radius: 8px; box-shadow: 0 4px 15px rgba(0,0,0,0.1); padding: 30px; border-top: 5px solid #1e3c5a; }
    .name-lock-area { background: #fff9c4; padding: 25px; border-radius: 6px; border: 1px solid #fbc02d; margin-bottom: 20px; }
    .input-row { display: flex; gap: 20px; margin: 15px 0; }
    .input-row input { width: 100%; padding: 10px; border: 1px solid #ccc; border-radius: 4px; }
    .btn-main { background: #1e3c5a; color: #fff; padding: 12px 25px; border: none; border-radius: 4px; cursor: pointer; font-weight: bold; width: 100%; }
    .cert-table { width: 100%; border-collapse: collapse; margin-top: 20px; }
    .cert-table th { text-align: left; padding: 12px; border-bottom: 2px solid #1e3c5a; }
    .cert-table td { padding: 12px; border-bottom: 1px solid #eee; }
    .btn-download { background: #f0f0f0; color: #1e3c5a; padding: 6px 15px; text-decoration: none; border-radius: 4px; font-weight: bold; }
    
/* Sperrt die Namensfelder im Simple Membership Profil-Edit */
.swpm-edit-profile-wrapper input[name="first_name"],
.swpm-edit-profile-wrapper input[name="last_name"] {
    background-color: #eee !important;
    pointer-events: none !important;
    readonly: readonly;
}

.post-image {float: left;
    margin-top: 2em;
    max-width: 25%;
    margin-right: 10px;
}

.featured-image {
    line-height: 0;
    float: right;
    max-width: 33%;
    padding-left: 10px;
}

.audioigniter-root {clear:both;}
.post {clear:both;}

.musica-container {
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
        line-height: 1.6;
        color: #333;
        max-width: 1000px;
        margin: 0 auto;
        padding: 20px;
    }
    .hero {
        text-align: center;
        padding: 60px 20px;
        background-color: #f9f9f9;
        border-radius: 8px;
        margin-bottom: 40px;
    }
    .hero h1 { font-size: 2.5em; margin-bottom: 10px; color: #000; }
    .hero p { font-size: 1.2em; color: #555; }
    
    .steps-grid {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
        gap: 25px;
        margin-bottom: 50px;
    }
    .step-card {
        padding: 25px;
        border: 1px solid #eee;
        border-radius: 8px;
        text-align: center;
    }
    .step-card h3 { margin-top: 0; color: #d9534f; }

    .highlight-box {
        background-color: #1a1a1a;
        color: #fff;
        padding: 40px;
        border-radius: 8px;
        text-align: center;
        margin-bottom: 50px;
    }
    .highlight-box h2 { color: #fff; font-size: 2em; }
    .price-tag { font-size: 3em; font-weight: bold; display: block; margin: 10px 0; color: #ffcc00; }

    .benefits-list {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 30px;
        margin-bottom: 50px;
    }
    .benefit-item h4 { margin-bottom: 5px; font-size: 1.1em; }

    .cta-button {
        display: inline-block;
        background-color: #d9534f;
        color: #fff;
        padding: 15px 35px;
        text-decoration: none;
        border-radius: 5px;
        font-weight: bold;
        font-size: 1.1em;
        transition: background 0.3s ease;
    }
    .cta-button:hover { background-color: #c9302c; }
    .secondary-link { display: block; margin-top: 15px; color: #666; text-decoration: underline; }

    @media (max-width: 768px) {
        .benefits-list { grid-template-columns: 1fr; }
    }
    
    .musica-welcome-en {
        font-family: "Georgia", serif; 
        line-height: 1.8;
        color: #444;
        max-width: 850px;
        margin: 0 auto;
        padding: 20px;
    }
    .musica-welcome-en h1 {
        font-family: sans-serif;
        font-weight: 300;
        font-size: 2.2em;
        color: #222;
        border-bottom: 1px solid #eee;
        padding-bottom: 20px;
        margin-bottom: 30px;
    }
    
    .philosophie-section {
        background-color: #fdfdfd;
        border-left: 3px solid #e0e0e0;
        padding: 20px 40px;
        margin: 40px 0;
        font-style: italic;
        color: #555;
        font-size: 1.1em;
    }

    .highlight-box {
        background-color: #f4f4f4;
        border: 1px solid #e5e5e5;
        padding: 35px;
        border-radius: 4px;
        text-align: center;
        margin: 50px 0;
    }
    .highlight-box h2 { font-family: sans-serif; margin-top: 0; font-size: 1.8em; }
    .price-tag { 
        font-size: 2.2em; 
        font-weight: bold; 
        color: #333; 
        display: block;
        margin: 10px 0;
    }

    .info-grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 40px;
        margin: 40px 0;
        font-family: sans-serif;
        font-size: 1em; /* No small fonts */
    }
    .info-item h3 { color: #555; border-bottom: 1px solid #eee; padding-bottom: 5px; font-size: 1.2em; }

    .personal-note {
        background-color: #fff;
        border: 1px solid #eee;
        padding: 30px;
        margin: 50px 0;
        position: relative;
    }
    .personal-note:before {
        content: "“";
        position: absolute;
        top: 10px;
        left: 15px;
        font-size: 4em;
        color: #eee;
        font-family: serif;
    }

    .btn-main {
        display: inline-block;
        background-color: #444;
        color: #fff;
        padding: 12px 28px;
        text-decoration: none;
        border-radius: 3px;
        margin-top: 20px;
        transition: background 0.3s;
        font-family: sans-serif;
        font-size: 1.1em;
    }
    .btn-main:hover { background-color: #000; }

    .footer-link {
        text-align: center;
        font-family: sans-serif;
        font-size: 1em; /* Standard size */
        color: #444;
    }
    .footer-link a { color: #000; text-decoration: underline; font-weight: bold; }

    @media (max-width: 600px) {
        .info-grid { grid-template-columns: 1fr; }
    }
    
    .copyright-bar{background-image: url(https://lyrik.cc/lyrik-cc.gif);
    background-size: 50px;
    background-repeat: no-repeat;
    background-position: left;
    min-height: 50px;
}
.footertext{text-align:left; margin-left:55px; font-size:16px;}    
pre {line-height: 1.6em;}

.lizenz {background-color: #f9f9f9;
    padding: 15px;
    border-left: 4px solid #C0C0C3;
    margin-top: 26px; font-size:15px;
}