/* padding: 0;                            Zwischenabstände auf Null setzen          */
    /* margin:  0;                            Aussenabstände auf Null setzen            */


/* --- Anfang der divs ---------------------------------------------------------------- */

#a_0100 {
    /* background-color: #FFC000;             Hintergrundfarbe in section_0000          */
    /* background-image: url(../00_images/back020.gif);                                 */
    margin-left: 250px;                    /* Abstand nach links                        */
    margin-right: 00px;                    /* Abstand nach rechts                       */
    padding-left: 10px;;                   /* Schriftabstand links                      */
}


/* ------------------------------------------------------------------------------------ */
#a_0200 {
    /* background-color: #18AD2F;             Hintergrundfarbe in section_00001         */
    /* background-image: url(../00_images/back001.gif);                                 */
    margin-left: 250px;                    /* Abstand nach links                        */
    margin-right: 00px;                    /* Abstand nach rechts                       */
    padding-left: 10px;;                   /* Schriftabstand links                      */

}


/* ------------------------------------------------------------------------------------ */
#a_0300 {
    /* background-color: #419DFF;             Hintergrundfarbe in section_00001         */
    /* background-image: url(../00_images/back008.gif);                                 */
    margin-left: 250px;                    /* Abstand nach links                        */
    margin-right: 00px;                    /* Abstand nach rechts                       */
    padding-left: 10px;;                   /* Schriftabstand links                      */

}
/* ------------------------------------------------------------------------------------ */
#a_0400 {
    /* background-color: #419DFF;             Hintergrundfarbe in section_00001         */
    /* background-image: url(../00_images/back004.gif);                                 */
    margin-left: 250px;                    /* Abstand nach links                        */
    margin-right: 00px;                    /* Abstand nach rechts                       */
    padding-left: 10px;;                   /* Schriftabstand links                      */

}
/* ------------------------------------------------------------------------------------ */
#a_0500 {
    /* background-color: #419DFF;             Hintergrundfarbe in section_00001         */
    /* background-image: url(../00_images/back014.gif);                                 */
    margin-left: 250px;                    /* Abstand nach links                        */
    margin-right: 00px;                    /* Abstand nach rechts                       */
    padding-left: 10px;;                   /* Schriftabstand links                      */

}
/* ------------------------------------------------------------------------------------ */
#a_0600 {
    /* background-color: #419DFF;             Hintergrundfarbe in section_00001         */
    /* background-image: url(../00_images/back003.gif);                                 */
    margin-left: 250px;                    /* Abstand nach links                        */
    margin-right: 00px;                    /* Abstand nach rechts                       */
    padding-left: 10px;;                   /* Schriftabstand links                      */

}

/* --- Ende der divs ------------------------------------------------------------------ */
#a_0900 {
    /* background-color: #419DFF;             Hintergrundfarbe in section_00001         */
    background-image: url(../00_images/back018.gif); /*                                 */
    margin-left: 250px;                    /* Abstand nach links                        */
    margin-right: 00px;                    /* Abstand nach rechts                       */
    padding-left: 10px;;                   /* Schriftabstand links                      */

}
/* ------------------------------------------------------------------------------------ */
#a_1000 {
    /* background-color: #419DFF;             Hintergrundfarbe in section_00001         */
    background-image: url(../00_images/back022.gif); /*                                 */
    margin-left: 250px;                    /* Abstand nach links                        */
    margin-right: 00px;                    /* Abstand nach rechts                       */
    padding-left: 10px;;                   /* Schriftabstand links                      */

}

/* --- Ende der divs ------------------------------------------------------------------ */
/* --- -------------------------------------------------------------------------------- */
/* --- Anfang ------------------------------------------------------------------------- */

.vereinsverwaltung {
        font-family: sans-serif;
        /* background: #f4f4f4;                   */
        padding: 0px;
        max-width: 1040px;
        margin: 0 auto;
        overflow-x: hidden;
}


.vereinsverwaltung table {
        width: 1010px;                /* --- Tabellenbreite ------------------------------- */
        border-collapse: separate;
        border-spacing: 8px;          /* --- Zwichenabstand zwischen den Bilder ----------- */
        margin: 0 auto;
}

.vereinsverwaltung td {
        width: 470px;
        vertical-align: top;
        background: #EBEBEB;
        padding: 15px;
        border-radius: 8px;
        border: 1px solid black;
        box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.05);
        transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.vereinsverwaltung td:hover {
        transform: translateY(-2px);
        box-shadow: 4px 4px 12px rgba(0, 0, 0, 0.1);
}

/* ?? Galerie-Bilder (max 470px breit, Höhe automatisch) */
.vereinsverwaltung .galerie-bild {
        width: 100%;
        max-width: 470px;
        height: auto;
        display: block;
        margin-bottom: 10px;
}

/* ??? Einzelbilder (max 944px breit, Höhe automatisch) */
.vereinsverwaltung .einzelbild-container {
        max-width: 960px;
        margin: 0 auto 40px auto;     /* --- Abstand zwischen den Bildern Rahmenabstand --- */
        padding: 20px;                /* --- Rahmen ums Bild ------------------------------ */
        background: #fff;
        border: 1px solid black;
        border-radius: 8px;
}

.vereinsverwaltung .einzelbild {
        width: 100%;
        max-width: 960px;
        height: auto;
        display: block;
        margin-bottom: 10px;          /* --- Tabellenabstand nach unten beim Bild --------- */
}

/* ?? Textblock */
.vereinsverwaltung .text-block,
.text-block {
        background: #fefefe;
        padding: 10px;
        border: 1px solid #ccc;
        border-radius: 4px;
        margin-bottom: 10px;
        white-space: pre-wrap;
}

/* ?? Textfeld */
.vereinsverwaltung textarea {
        width: 100%;
        box-sizing: border-box;
}

/* ?? Speichern-Button */
.vereinsverwaltung input[type="submit"] {
        background-color: #4CAF50;
        color: white;
        border: none;
        padding: 10px 20px;
        font-size: 14px;
        border-radius: 5px;
        cursor: pointer;
        transition: background-color 0.2s ease, transform 0.1s ease;
}

.vereinsverwaltung input[type="submit"]:hover {
        background-color: #45a049;
        transform: translateY(-1px);
}

.vereinsverwaltung input[type="submit"]:active {
        transform: scale(0.97);
}

/* ? Platzhalter für fehlende Bilder */
.platzhalter {
        background: #ddd;
        text-align: center;
        line-height: 200px;
        height: 200px;
        margin-bottom: 10px;
}

.platzhalter.groß {
        width: 944px;
        height: 300px;
        line-height: 300px;
}



















 /* --- Anfang Navigation 1 + 2 von  KI ----------------------------------------------- */
 /* --- neu eingefügt ----------------------------------------------- */


/* Horizontale Navigation */
.galerie-navigation {
        width: 990px;
        margin: 0 auto;
        padding: 10px 0;
        background: #f5f5f5;
        border: 1px solid #000; /* schwarzer Rand */
        border-radius: 10px;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
        font-family: sans-serif;
        text-align: center;
}

 /* --- neu eingefügt ----------------------------------------------- */
.galerie-navigation {
        display: flex;
        flex-wrap: wrap; /* oder: nowrap für eine strikte Ein-Zeile-Lösung */
        justify-content: center;
        align-items: center;
        gap: 10px;
        flex-direction: row;
}
 /* --- neu eingefügt ----------------------------------------------- */

.galerie-navigation a {
        margin: 0 10px;
        text-decoration: none;
        color: #000;
        font-weight: bold;
        padding: 6px 12px;
        border-radius: 5px;
        transition: background-color 0.2s ease;
}

.galerie-navigation a.blau {
        background-color: #0078D7;
        color: white;
}

.galerie-navigation a:hover {
        background-color: #4CAF50;
        color: white;
}

/* Vertikale Navigation */
.galerie-navigation-zwei {
        text-align: center;
        padding: 15px;
        background: #fffbe6;
        margin-top: 30px;
        border-top: 2px dashed #ccc;
}

.galerie-navigation-zwei .seitenlink {
        margin: 8px 0;
}

.galerie-navigation-zwei a {
        text-decoration: none;
        color: #000;
        font-weight: bold;
        padding: 6px 12px;
        border-radius: 5px;
        background-color: #e0e0e0;
        display: inline-block;
        transition: background-color 0.2s ease;
}

.galerie-navigation-zwei a.blau {
        background-color: #0078D7;
        color: white;
}

.galerie-navigation-zwei a:hover {
        background-color: #4CAF50;
        color: white;
}

/* Copyright-Block */
.copyright-block {
        width: 950px;
        margin: 20px auto;
        padding: 15px;
        background-color: #eeeeee;
        border: 1px solid #ccc;
        border-radius: 8px;
        box-shadow: 2px 2px 5px rgba(0,0,0,0.1);
        font-family: sans-serif;
}

/* Textbereich */
.copyright-block .text-block {
        margin-bottom: 15px;
        font-size: 14px;
        line-height: 1.6;
}

/* Speichern-Button */
.copyright-block input[type="submit"] {
        background-color: #4CAF50;
        color: white;
        padding: 8px 16px;
        border: none;
        border-radius: 5px;
        font-weight: bold;
        cursor: pointer;
        transition: background-color 0.2s ease-in-out;
}

.copyright-block input[type="submit"]:hover {
        background-color: #45a049;
}

/* Textarea */
.copyright-block textarea {
        width: 100%;
        max-width: 100%;
        font-size: 14px;
        padding: 8px;
        border: 1px solid #aaa;
        border-radius: 4px;
        font-family: inherit;
        resize: vertical;
}
 /* --- Ende   Navigation 1 + 2 von  KI ----------------------------------------------- */


 /* --- Anfang CSS: Der Luki-Style von  KI -------------------------------------------- */

 .luki-weiter-block {
        text-align: center;
        padding: 10px;                      /* --- weißer Rand drumherum ------------------ */
        margin: 10px auto 10px auto;        /* --- Abstand nach oben unt unten ------------ */
        background: #f9f9f9;
        border: 2px dashed #0078D7;
        border-radius: 12px;
        max-width: 600px;
        box-shadow: 0 4px 10px rgba(0,0,0,0.05);
}

.luki-button-wrapper {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        gap: 15px;
}

.luki-button {
        background-color: #e0e0e0;
        color: #000;
        font-weight: bold;
        padding: 10px 20px;
        border-radius: 8px;
        text-decoration: none;
        font-size: 16px;
        display: inline-block;
        transition: background-color 0.2s ease, transform 0.2s ease;
}

.luki-button:hover {
        background-color: #4CAF50;
        color: white;
        transform: translateY(-2px);
}

.luki-button.blau {
        background-color: #0078D7;
        color: white;
}

.luki-button.disabled {
        background-color: #cccccc;
        color: #777;
        cursor: not-allowed;
}


.luki-button-wrapper a,
.luki-button-wrapper span {
        margin: 5px; /* Abstand um jeden Button */
}











.platzhalter-block {
        border: 2px dashed #ccc;
        padding: 12px;
        margin: 10px auto;
        text-align: center;
        background-color: #fefefe;
        border-radius: 8px;
        max-width: 200px;
        box-shadow: 2px 2px 6px rgba(0,0,0,0.1);
}

.platzhalter-bild {
        width: 100%;
        max-width: 180px;
        opacity: 0.8;
        margin-bottom: 8px;
}

.platzhalter-text {
        font-size: 0.9em;
        color: #666;
}

.melde-button {
        margin-top: 6px;
        padding: 6px 10px;
        font-size: 0.85em;
        background-color: #ffcd18;
        border: none;
        border-radius: 4px;
        cursor: pointer;
        color: #000;
        box-shadow: 1px 1px 3px rgba(0,0,0,0.2);
        transition: background-color 0.2s;
}

.melde-button:hover {
        background-color: #ffc107;
}

/* --- Ende   CSS: Der Luki-Style von  KI --------------------------------------------- */


/* --- Anfang Leserbriefe von  KI ----------------------------------------------------- */

button {
        padding: 8px 12px;
        background-color: #444;
        color: #fff;
        border: none;
        cursor: pointer;
        border-radius: 6px;
        transition: background-color 0.3s ease;
}

button:hover {
        background-color: #666;
}

input[type="text"],
input[type="email"],
input[type="url"],
textarea {
        width: 100%;
        padding: 10px;
        border: 1px solid #ccc;
        border-radius: 6px;
        margin-bottom: 10px;
        font-size: 1rem;
}

input.feld,
textarea.feld {
        background-color: #eee;
}

textarea {
        min-height: 100px;
        resize: vertical;
}

.hidden {
        display: none;
}


.eintrag-box {
        background-color: #fff;
        border: 1px solid #ddd;
        border-left: 5px solid #444;
        padding: 15px;
        margin-bottom: 15px;
        border-radius: 8px;
        box-shadow: 0 2px 5px rgba(0,0,0,0.05);
}

.eintrag-box small {
        color: #666;
        font-size: 0.9em;
}

form.inline {
        display: inline;
}

hr {
        margin: 30px 0;
        border: none;
        border-top: 1px solid #ccc;
}

#eingabeForm {
        background-color: #f0f0f0;
        border: 1px solid #ccc;
        padding: 15px;
        margin: 20px 0;
        border-radius: 8px;
        box-shadow: 0 2px 5px rgba(0,0,0,0.05);
}

@media (max-width: 600px) {
        body {
                font-size: 14px;
        }
        .eintrag-box {
                padding: 10px;
                font-size: 0.95rem;
        }
}

/* --- Ende --------------------------------------------------------------------------- */
/* --- -------------------------------------------------------------------------------- */
/* --- Anfang ------------------------------------------------------------------------- */

    @media screen and (max-width: 768px) {
        .galerie-wrapper .vereinsverwaltung table {
                width: 100%;
                display: block;
                overflow-x: auto;
        }

        .galerie-wrapper .vereinsverwaltung td {
                width: 100%;
                display: block;
                margin-bottom: 15px;
        }

        .galerie-wrapper .einzelbild-container,
        .galerie-wrapper .einzelbild {
                max-width: 100%;
        }

        .galerie-wrapper .galerie-navigation,
        .galerie-wrapper .galerie-navigation-zwei {
                padding: 8px;
        }
    /* --- neu eingefügt ----------------------------------------------- */
.galerie-wrapper .galerie-navigation a,
.galerie-wrapper .galerie-navigation-zwei a {
        display: inline-block;
        margin: 5px 8px;
        width: auto;
}
 /* --- neu eingefügt ----------------------------------------------- */
}


/* --- Ende   xxx --------------------------------------------------------------------- */
/* --- -------------------------------------------------------------------------------- */
/* --- Anfang copyright --------------------------------------------------------------------- */

 /* Copyright-Block */
.copyright-block {
        width: 990px;
        margin: 20px auto;
        padding: 15px;
        background-color: #eeeeee; /* hellgrau wie bei den Bildern */
        border: 1px solid #ccc;
        border-radius: 8px;
        box-shadow: 2px 2px 5px rgba(0,0,0,0.1);
        font-family: sans-serif;
}

/* Textbereich */
.copyright-block .text-block {
        margin-bottom: 15px;
        font-size: 14px;
        line-height: 1.6;
}

/* Speichern-Button */
.copyright-block input[type="submit"] {
        background-color: #4CAF50; /* schön grün */
        color: white;
        padding: 8px 16px;
        border: none;
        border-radius: 5px;
        font-weight: bold;
        cursor: pointer;
        transition: background-color 0.2s ease-in-out;
}

.copyright-block input[type="submit"]:hover {
        background-color: #45a049; /* dunkleres Grün beim Hover */
}

/* Textarea */
.copyright-block textarea {
        width: 100%;
        max-width: 100%;
        font-size: 14px;
        padding: 8px;
        border: 1px solid #aaa;
        border-radius: 4px;
        font-family: inherit;
        resize: vertical;
}


/* --- Ende   copyright --------------------------------------------------------------------- */
/* --- -------------------------------------------------------------------------------- */
/* --- Anfang Titel --------------------------------------------------------------------- */

 /* Titelblock */
.titel-block {
        width: 955px;
        margin: 30px auto;
        padding: 20px;
        background-color: #eeeeee;
        border: 1px solid #000; /* schwarzer Rand */
        border-radius: 10px;
        text-align: center;
        font-family: sans-serif;
}

.titel-block h1 {
        font-size: 20px;
        font-weight: bold;
        margin-bottom: 15px;
        color: #333;
}

.titel-block input[type="submit"] {
        background-color: #4CAF50;
        color: white;
        padding: 8px 16px;
        border: none;
        border-radius: 5px;
        font-weight: bold;
        cursor: pointer;
        transition: background-color 0.2s ease-in-out;
}

.titel-block input[type="submit"]:hover {
        background-color: #45a049;
}

.titel-block textarea {
        width: 100%;
        font-size: 16px;
        padding: 10px;
        border: 1px solid #aaa;
        border-radius: 5px;
        resize: vertical;
        font-family: inherit;
}


/* --- Ende   Titel --------------------------------------------------------------------- */
/* --- -------------------------------------------------------------------------------- */
/* --- Anfang xxx --------------------------------------------------------------------- */

.td_01 {
      width:  250px;
}
.td_02 {
    width:  50px;
}
.td_03 {
    width:  250px;
}

/* --- Ende   xxx --------------------------------------------------------------------- */
/* --- -------------------------------------------------------------------------------- */
/* --- Anfang Download Button --------------------------------------------------------- */

.download-button {
    display: inline-block;
    background-color: #007BFF;
    color: white;
    padding: 10px 16px;
    text-decoration: none;
    border-radius: 8px;
    font-weight: bold;
    transition: background-color 0.3s ease;
}

.download-button:hover {
    background-color: #0056b3;
}

/* --- Ende   Download Button --------------------------------------------------------- */
/* --- -------------------------------------------------------------------------------- */
/* --- Anfang für die Bilderausrichtung allgemein ------------------------------------- */


.bild_links {                  /* Bild linke Seite                                                  */
        background-color: white;   /* Hintergrundfarbe Bild                                             */
        padding: 1em;              /* Abstand ums Bild - margin=Aussenabstand, padding ist Innenabstand */
        /* margin-left: 1em;          Abstand nach links zu Schrift                                     */
        border: 1px solid black;   /* Rahmen ums Bild - stärke, solid=strich(nicht gepunktet) Farbe     */
        float: left                /* Bild nach links und soll umflossen werden                         */
}

.bild_links_rahmen {
        background-color: white;   /* Hintergrundfarbe Bild*/
        border: 1px solid black;
        border-collapse:collapse;  /* Entfernt Zwischenräume zwischen d. einzelnen Tabellen */
        margin-left: 1em;          /* Abstand nach links zu Schrift                         */
        /* margin-right: 1em;         Abstand nach rechts zu Schrift                        */
        float: left;
        padding: 20px;             /* Zwischenabstand                                       */
        text-align: center;
}


.bild_mitte_rahmen {
        background-color: white;   /* Hintergrundfarbe Bild*/
        border: 1px solid black;   /* Rahmen ums Bild */
        border-collapse:collapse;  /* Entfernt Zwischenräume zwischen den einzelnen Tabellen */
        /*margin-right: 1em;          Abstand nach rechts zu Schrift*/
        /*float: right; */
        padding: 20px;             /* Zwischenabstand */
        text-align: center;
}

.bild_rechts_  {                /* Bild rechte Seite */
        background-color: #FFFFD4;   /* Hintergrundfarbe Bild*/
        padding: 1em;            /* Abstand ums Bild - margin=Aussenabstand, padding ist Innenabstand*/
        margin-left: 1em;        /* Abstand nach links zu Schrift*/
        border: 1px solid black ;/* Rahmen ums Bild*/
        float: right             /* Bild nach rechts und soll umflossen werden*/
}

.bild_rechts_rahmen {
        background-color: white;   /* Hintergrundfarbe Bild*/
        border: 1px solid black;   /* Rahmen ums Bild */
        border-collapse:collapse;  /* Entfernt Zwischenräume zwischen d. einzelnen Tabellen */
        margin-right: 1,2em;       /* Abstand nach rechts zu Schrift*/
        float: right;
        padding: 20px;             /* Zwischenabstand */
        text-align: center;
}
/* --- Ende   für die Bilderausrichtung allgemein ------------------------------------- */


/*                                                                                      */
/* ------------------------------------------------------------------------------------ */
        /* padding: 0;                            Zwischenabstände auf Null setzen          */
        /* margin:  0;                            Aussenabstände auf Null setzen            */
        /* border: 1px solid;                                                               */
        /* border-color: #000000;                                                           */
        /* background-image: url(../33_images/back002.gif);                                 */
        /* width:  000px;                                                                   */
        /* height: 727px;                                                                   */
        /* text-align: center;                                                              */
        /* vertical-align: top;                    Text nach oben                           */
        /* text-align: left;                       Text nach links                          */
        /* text-align: right;                      Text nach Rechts                         */
        /* text-decoration: none;                  Unterstriche bei den Links entfernen     */
        /* margin-right: 10px;                     Abstand nach rechts                      */
        /* margin-left: 232px;                     Abstand nach links                       */
        /* padding-left: 00px;                     Text nach rechts rücken                  */
        /* font-family:Arial, sans-serif;          Schriftart                               */
        /* font-size: 90%;                         Schriftgröße                             */
        /* font-size: 9pt;                         Schriftgröße                             */
        /* margin-right: 10px;                     Abstand nach rechts                      */
        /* margin-left: 232px;                     Abstand nach links                       */
        /* padding-left: 00px;                     Text nach rechts rücken                  */
        /* height: 100px;                          Höhenangabe                              */
        /* width:  430px;                                                                   */
        /* color: #000080;                                                                  */
        /* text-decoration: none;                  Unterstriche bei den Links entfernen     */
        /* list-style-type: none;                  Punkte weg im Menue                      */
        /* padding: 1em;      Abstand ums Bild-margin=Aussenabstand, padding=Innenabstand   */
        /* border: 1px solid black;                                      Rahmen ums Bild    */
        /* border-collapse:collapse;  Entfernt Zwischenräume zwischen einzelnen Tabellen    */
        /* float: right;                      Bild nach rechts und soll umflossen werden    */
        /* float: left;                       Bild nach links  und soll umflossen werden    */
        /* padding: 0px 0px 0px 10px;              Schriftabstand im Rahmen                 */
        /* color: orange;                          orange   Schrif                          */
        /* color: #008000;                         grüne    Schrif                          */
        /* color: #FF0000;                         rote     Schrif                          */
        /* color: #000000;                         schwarze Schrif                          */
        /* color: #000080;                         blaue    Schrif                          */
        /* line-height: 30px;                 Zeilenhöhe in Bezug auf die Schrift           */
        /* background-repeat: repeat-x;  Grafik darf sich nicht wiederholen in x=senkrecht, y=waagrecht*/
        /* clear: both;                  Über footer alles schließen                        */



/* ------------------------------------------------------------------------------------ */
/* Penzenstadler Ludwig                                                                 */
/* Ensmannsreut 24                                                                      */
/* 94065 Waldkirchen                                                                    */
/* webmaster@ensmannsreut.de                                                            */
/* www.penzenstadler.com                                                                */
/*                                                                                      */
/*                                                                                      */
/* -------------------------------------------------