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


/* --- Anfang der divs ---------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------ */
#a100 {
    /* background-color: #18AD2F;             Hintergrundfarbe in section_00001         */
    /* background-image: url(../00_images/back007.gif);                                 */
    /* min-height: 1200px;                                                              */
    margin-left: 250px;                    /* Abstand nach links                        */
    margin-right: 00px;                    /* Abstand nach rechts                       */
    padding-left: 10px;;                   /* Schriftabstand links                      */

}



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

}


/* ------------------------------------------------------------------------------------ */
#a300 {
    /* 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                      */

}
/* ------------------------------------------------------------------------------------ */
#a400 {
    /* 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                      */

}
/* ------------------------------------------------------------------------------------ */
#a500 {
    /* 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                      */

}
/* ------------------------------------------------------------------------------------ */
#a600 {
    /* 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;
    background: lightblue;
    padding: 20px;
    border: 2px solid blue;
}

/* --- 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 für Gästebuch -------------------------------- */


/* ===== Einheitliches, schlankes CSS – EIN Block ===== */

/* Layout & Typo */
.container{
    max-width:820px;
    margin:0 auto;
    font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
    color:#2a2f3a;
}
h1{ margin:16px 0 12px; }

/* Meldungen */
.notice{ margin:10px 0; padding:8px 10px; border-radius:8px;
    background:#f0f6ff; border:1px solid #cfe2ff; color:#084298; font-size:14px; }
.error{ margin:10px 0; padding:8px 10px; border-radius:8px;
    background:#fff0f0; border:1px solid #f1c2c2; color:#b00020; font-size:14px; }

/* Formular (oben) */
.gb-form{ display:flex; flex-direction:column; gap:12px; padding:16px;
    background:#fff; border:1px solid #d9e3f0; border-radius:12px; box-shadow:0 1px 0 rgba(0,0,0,.02); }
.gb-form input[type="text"], .gb-form input[type="email"], .gb-form textarea{
    width:100%; border:1px solid #ccd6e3; border-radius:10px; padding:10px 12px; font:inherit; background:#fff;
    transition:border-color .2s, box-shadow .2s;
}
.gb-form textarea{ min-height:120px; resize:vertical; }
.gb-form input:focus, .gb-form textarea:focus{
    border-color:#2b7bff; box-shadow:0 0 0 3px rgba(43,123,255,.15); outline:none;
}
.captcha-row{ display:flex; align-items:center; gap:10px; }
.captcha{ display:inline-block; padding:6px 12px; border:1px dashed #9aa7b7; border-radius:8px; letter-spacing:2px; background:#f8fafc; font-weight:600; }
.btn{ align-self:flex-start; background:#2b7bff; color:#fff; border:none; border-radius:10px; padding:10px 16px; font-size:14px; cursor:pointer; }
.btn:hover{ filter:brightness(1.05); }
.btn.small{ padding:5px 10px; font-size:12px; border-radius:8px; margin-top:0; }

/* Einträge (mit blauem Seitenbalken) */
.entries .entry{
    position:relative;
    margin:16px 0;
    padding:14px 18px 16px 26px;  /* Platz für Balken links */
    background:#fff;
    border:1px solid #d9e3f0;
    border-radius:12px;
    box-shadow:0 1px 0 rgba(0,0,0,.02);
    overflow:hidden;
}
.entries .entry::before{
    content:"";
    position:absolute; top:0; left:0; bottom:0;
    width:6px; background:#2b7bff;
    border-top-left-radius:12px; border-bottom-left-radius:12px;
}
.entries .entry p:first-child{ margin:0 0 6px; font-size:15px; line-height:1.35; }
.entries .entry p:first-child strong{ font-weight:700; }
.entries .entry a{ color:#1a73e8; text-decoration:none; }
.entries .entry a:hover{ text-decoration:underline; }

/* Löschformulare – per Doggle anzeigen */
.delete-form{ display:none; margin-top:8px; gap:6px; align-items:center; flex-wrap:wrap; font-size:12px; }
.delete-form input[type="password"]{ flex:0 0 180px; padding:4px 6px; font-size:12px; }
body.show-delete .delete-form{ display:flex; }

/* Doggle-Schalter */

/*
.dogglebar{ display:flex; justify-content:flex-end; align-items:center; gap:8px; margin:12px 0 16px; }
.dogglelabel{ font-size:14px; }
.switch{ position:relative; display:inline-block; width:46px; height:26px; }
.switch input{ opacity:0; width:0; height:0; position:absolute; }
.slider{ position:absolute; inset:0; background:#cfd3da; border-radius:999px; cursor:pointer; transition:.25s; }
.slider:before{ content:""; position:absolute; top:2px; left:2px; width:22px; height:22px; background:#fff; border-radius:50%; box-shadow:0 1px 3px rgba(0,0,0,.25); transition:.25s; }
.switch input:checked + .slider{ background:#2b7bff; }
.switch input:checked + .slider:before{ transform:translateX(20px); }
 */   
    .dogglebar{ display:flex; justify-content:flex-end; align-items:left; gap:8px; margin:12px 0 16px; }
    .toggle { display:flex; align-items:center; gap:6px; font-size:14px; user-select:none; }
    .switch { position:relative; display:inline-block; width:36px; height:18px; }
    .switch input { opacity:0; width:0; height:0; }
    .slider { position:absolute; cursor:pointer; top:0; left:0; right:0; bottom:0; background:#ccc; transition:.3s; border-radius:34px; }
    .slider:before { position:absolute; content:""; height:14px; width:14px; left:2px; bottom:2px; background:#fff; transition:.3s; border-radius:50%; }
/* --- Ende   für Gästebuch -------------------------------- */
/* --- -------------------------------------------------------------------------------- */
/* --- Anfang xxx --------------------------------------------------------------------- */





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





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





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





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





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





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