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


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

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


/* ------------------------------------------------------------------------------------ */
#a_0100 {
    padding: 20px;
    /* background: lightblue;                                                           */
    /* border: 2px solid blue;                                                          */
    /* background-color: #FFC000;             Hintergrundfarbe in section_0000          */
    /* background-image: url(../00_images/back006.gif);                                 */
    margin-left: 210px;                    /* 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/back007.gif);   /*                               */
    margin-left: 210px;                    /* 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 ------------------------------------------------------------------ */
/* --- -------------------------------------------------------------------------------- */
/* --- Anfang von KI wenn mehr Inhalt dann größer-------------------------------------- */

.flexible-box {
    min-height: 700px;
    padding: 20px;
}

/* --- Ende   von KI wenn mehr Inhalt dann größer-------------------------------------- */
/* --- -------------------------------------------------------------------------------- */
/* --- Anfang von KI wenn mehr Inhalt dann Scrollbar ---------------------------------- */


.fixe-box {
    height: 700px;
    overflow: auto;
    background: lightcoral;
    padding: 20px;
    border: 2px solid red;
}


/* --- Ende   von KI wenn mehr Inhalt dann Scrollbar ---------------------------------- */
/* --- -------------------------------------------------------------------------------- */
/* --- 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: 20px;
    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;
}

/* --- Ende ------------------------------------------------------------------------- */
/* --- -------------------------------------------------------------------------------- */
/* --- 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 4px;
    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 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;
}

.bildcenter-rahmen {
    background-color: white;   /* Hintergrundfarbe Bild*/
    border: 1px solid black;
    border-collapse:collapse;  /* Entfernt Zwischenräume zwischen den einzelnen Tabellen */
    /*margin-left: 1em;           Abstand nach links zu Schrift*/
    margin-right: 1em;         /* Abstand nach rechts zu Schrift*/

    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 ------------------------------------- */

/* ------------------------------------------------------------------------------------ */
/* Ab hier Anfang für Farben im Text                                                    */
.orange {
    color: orange;
}
.gruen {
    color:  #026100;
}
.rot {
    color:  #D60000;
}
.schwarz {
    color:  #000000;
}
.blau {
    color:  #000080;
}
.grau {
    color:  #C4C4C4;
}
/* Ab hier Ende für Farben im Text ---------------------------------------------------- */
/*                                                                                      */
/* ------------------------------------------------------------------------------------ */
    /* 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                                                                */
/*                                                                                      */
/*                                                                                      */
/* ------------------------------------------------------------------------------------ */
/*                                                                                      */