/* Ebert, originalgetreue CSS-Basis. Bewusst kein Bootstrap. */
html, body { margin: 0; padding: 0; }
body { font-family: Verdana, Arial, sans-serif; color: #333; background: #fff url('/fileadmin/ebert_original/fileadmin_images/back.gif') repeat; }
a { color: #793741; font-weight: bold; text-decoration: none; }
a:hover { text-decoration: underline; }
p { font-family: Verdana, sans-serif; font-size: 8pt; line-height: 180%; margin: 1px 0; }
h1, h2 { color: #8c404b; font-family: Arial, sans-serif; font-weight: bold; font-size: 18pt; border-bottom: 1px solid #8c404b; }
.ebert-home { min-height: 100vh; background: url('/fileadmin/ebert_original/images/distbeige4.gif') repeat; }
.ebert-home-top { height: 120px; border-left: 26px solid transparent; background: url('/fileadmin/ebert_original/images/distbeige2.gif') repeat; position: relative; }
.ebert-home-top::before { content: ''; position: absolute; top: 0; bottom: 0; left: -26px; width: 26px; background: url('/fileadmin/ebert_original/images/distred.gif') repeat; }
.ebert-home-header { margin-left: 70px; height: 120px; width: 945px; display: flex; align-items: center; gap: 0; }
.ebert-home-header > img:first-child { margin-right: 50px; }
.ebert-hobel { margin-right: 268px; align-self: flex-end; }
.ebert-home-main { position: relative; min-height: 540px; border-left: 26px solid transparent; }
.ebert-home-main::before { content: ''; position:absolute; top:0; bottom:0; left:-26px; width:26px; background: url('/fileadmin/ebert_original/images/distred.gif') repeat; }
.ebert-circle { position: absolute; left: 180px; top: 50px; width: 700px; height: 440px; }
.ebert-circle-image { position: absolute; left: 195px; top: 57px; width: 262px; height: 262px; }
.ebert-circle-link { position: absolute; display: block; line-height: 0; }
.ebert-circle-link img { border: 0; }
.ebert-circle-link-0 { top: 4px; left: 269px; }
.ebert-circle-link-1 { top: 35px; left: 400px; }
.ebert-circle-link-2 { top: 93px; left: 455px; }
.ebert-circle-link-3 { top: 173px; left: 474px; }
.ebert-circle-link-4 { top: 249px; left: 455px; }
.ebert-circle-link-5 { top: 307px; left: 399px; }
.ebert-circle-link-6 { top: 342px; left: 228px; }
.ebert-circle-link-7 { top: 307px; left: 176px; }
.ebert-circle-link-8 { top: 249px; left: 81px; }
.ebert-circle-link-9 { top: 174px; left: 53px; }
.ebert-circle-link-10 { top: 95px; left: 72px; }
.ebert-circle-link-11 { top: 35px; left: 131px; }
.ebert-home-content { position: absolute; top: 520px; left: 75px; }
.ebert-home-footer { position: absolute; left: 74px; top: 440px; font-size: 9pt; }
.ebert-subpage { width: 798px; display: grid; grid-template-columns: 288px 510px; grid-template-rows: 530px 30px; padding-top: 36px; position: relative; box-sizing: content-box; }
.ebert-subpage-left { grid-column: 1; grid-row: 1; padding-left: 26px; text-align: center; box-sizing: border-box; }
.ebert-subpage-content { grid-column: 2; grid-row: 1; box-sizing: border-box; overflow: auto; padding: 25px 30px; background: url('/fileadmin/ebert_original/fileadmin_images/distbeige2.gif') repeat; }
.ebert-subpage-bottom-left { grid-column: 1; grid-row: 2; margin-left: 26px; background: url('/fileadmin/ebert_original/fileadmin_images/distbeige4.gif') repeat; }
.ebert-subpage-bottom { grid-column: 2; grid-row: 2; display: flex; justify-content: center; align-items: end; gap: 50px; padding-bottom: 2px; font-size: 9pt; }
.ebert-subpage-bottom a { font-weight: normal; }
.ebert-subpage-content .frame { margin-bottom: 12px; }

/* =====================================================
   Schreinerei Ebert – Typografie und Bildrahmen
   TYPO3 12 / fluid_styled_content
   ===================================================== */

/* Überschrift */
.ebert-subpage-content .frame header {
    margin: 0 0 12px 0;
    padding: 0;
}

.ebert-subpage-content .frame header h2 {
    margin: 0;
    padding: 0 0 3px 0;
    line-height: 1.2;
}

/* Fließtext */
.ebert-subpage-content .ce-bodytext {
    margin: 0;
    padding: 0;
    font-size: 12px;
    line-height: 1.45;
}

.ebert-subpage-content .ce-bodytext p {
    margin: 0 0 10px 0;
    padding: 0;
}

/* Abstand zwischen Text und Bildergalerie */
.ebert-subpage-content .ce-textpic.ce-below .ce-gallery {
    margin-top: 10px;
}


/* Dünner brauner Bildrahmen */
.ebert-subpage-content .ce-gallery figure {
    margin: 0;
    padding: 0;
    border: 1px solid #87434b;
    box-sizing: border-box;
}



/* Zusätzliche Absatzabstände zwischen Inhaltselementen */
.ebert-subpage-content .frame {
    margin-bottom: 12px;
}


/* ============================================
   Ebert – TYPO3 12 Bildergalerien
   Ein- und mehrspaltige Bilddarstellung
   ============================================ */

.ebert-subpage-content .ce-gallery {
    max-width: 100%;
    margin-top: 12px;
    margin-bottom: 14px;
}

.ebert-subpage-content .ce-gallery .ce-row {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: flex-start;
    gap: 8px;
    margin: 0;
}

.ebert-subpage-content .ce-gallery .ce-column {
    display: block;
    float: none;
    flex: 0 1 auto;
    min-width: 0;
    max-width: 100%;
    margin: 0;
    padding: 0;
}

/* Der Bildrahmen gehört NICHT auf figure */
.ebert-subpage-content .ce-gallery figure {
    display: table;
    width: auto;
    max-width: 100%;
    margin: 0;
    padding: 0;
    border: none;
    background: transparent;
}

.ebert-subpage-content .ce-gallery figure img {
    display: block;
    max-width: 100%;
    height: auto;
    box-sizing: border-box;
    border: 1px solid #87434b;
}

/* Bildunterschriften */
.ebert-subpage-content .ce-gallery figcaption {
    display: table-caption;
    caption-side: bottom;
    padding: 5px 0 0;
    margin: 0;
    border: none;
    background: transparent;
    color: #70483c;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    line-height: 1.35;
    text-align: left;
    overflow-wrap: break-word;
}

/* Einzelbilder: zentriert, bis maximal 400 px */
.ebert-subpage-content
.ce-gallery[data-ce-columns="1"][data-ce-images="1"] .ce-row {
    justify-content: center;
}

.ebert-subpage-content
.ce-gallery[data-ce-columns="1"][data-ce-images="1"] .ce-column {
    max-width: 400px;
}

.ebert-subpage-content
.ce-gallery[data-ce-columns="1"][data-ce-images="1"] figure {
    margin: 0 auto;
}

/* Mehrspaltige Galerien */
.ebert-subpage-content
.ce-gallery[data-ce-columns="2"] .ce-column {
    max-width: calc((100% - 8px) / 2);
}

.ebert-subpage-content
.ce-gallery[data-ce-columns="3"] .ce-column {
    max-width: calc((100% - 16px) / 3);
}

.ebert-subpage-content
.ce-gallery[data-ce-columns="4"] .ce-column {
    max-width: calc((100% - 24px) / 4);
}
/* ==================================================
   TYPO3 12 – Text/Bild-Positionierung
   Schreinerei Ebert
   ================================================== */

/* Text links, Bilder rechts */
.ebert-subpage-content .ce-textpic.ce-right.ce-intext,
.ebert-subpage-content .ce-textpic.ce-right.ce-nowrap {
    display: flow-root;
}

.ebert-subpage-content .ce-textpic.ce-right.ce-intext > .ce-gallery,
.ebert-subpage-content .ce-textpic.ce-right.ce-nowrap > .ce-gallery {
    float: right;
    max-width: 48%;
    margin: 0 0 12px 15px;
}

/* Text rechts, Bilder links */
.ebert-subpage-content .ce-textpic.ce-left.ce-intext,
.ebert-subpage-content .ce-textpic.ce-left.ce-nowrap {
    display: flow-root;
}

.ebert-subpage-content .ce-textpic.ce-left.ce-intext > .ce-gallery,
.ebert-subpage-content .ce-textpic.ce-left.ce-nowrap > .ce-gallery {
    float: left;
    max-width: 48%;
    margin: 0 15px 12px 0;
}

/* Bei Positionierung ohne Textumfluss */
.ebert-subpage-content .ce-textpic.ce-nowrap > .ce-bodytext {
    overflow: hidden;
}

/* Bildergalerie darf die verfügbare Breite nicht sprengen */
.ebert-subpage-content .ce-textpic.ce-intext .ce-gallery .ce-row,
.ebert-subpage-content .ce-textpic.ce-nowrap .ce-gallery .ce-row {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.ebert-subpage-content .ce-textpic.ce-intext .ce-gallery .ce-column,
.ebert-subpage-content .ce-textpic.ce-nowrap .ce-gallery .ce-column {
    max-width: 100%;
}

/* Vorhandene Rahmen und Bildunterschriften beibehalten */
.ebert-subpage-content .ce-textpic.ce-intext .ce-gallery img,
.ebert-subpage-content .ce-textpic.ce-nowrap .ce-gallery img {
    max-width: 100%;
    height: auto;
}

/* EBERT_CONTACT_FORM_V2_START */

/* Formular innerhalb des historischen Seitenlayouts */
.ebert-subpage-content form {
    width: 100%;
    max-width: 100%;
    margin: 18px 0 12px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 1.5;
}

/* Einheitliche Feldgruppen */
.ebert-subpage-content form .form-group,
.ebert-subpage-content form .mb-3 {
    margin-bottom: 14px;
}

/* Feldbeschriftungen */
.ebert-subpage-content form label {
    display: block;
    margin: 0 0 5px;
    color: #70483c;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.4;
}

/* Sämtliche sichtbaren Eingabefelder */
.ebert-subpage-content form input[type="text"],
.ebert-subpage-content form input[type="email"],
.ebert-subpage-content form input[type="tel"],
.ebert-subpage-content form textarea,
.ebert-subpage-content form .form-control {
    display: block;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    height: auto;
    box-sizing: border-box;
    padding: 9px 11px;
    margin: 0;
    border: 1px solid #bea79a;
    border-radius: 3px;
    background: #fffdf9;
    color: #3b302d;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    line-height: 1.5;
    box-shadow: none;
}

/* Nachricht */
.ebert-subpage-content form textarea,
.ebert-subpage-content form textarea.form-control {
    min-height: 145px;
    resize: vertical;
}

/* Fokus */
.ebert-subpage-content form input:focus-visible,
.ebert-subpage-content form textarea:focus-visible {
    outline: 2px solid #87434b;
    outline-offset: 1px;
    border-color: #87434b;
}

/* Datenschutztext direkt vor dem Senden */
.ebert-subpage-content form .ebert-form-privacy {
    padding: 12px 0 2px;
    margin: 2px 0 14px;
    border-top: 1px solid #d8c0af;
}

.ebert-subpage-content form .ebert-form-privacy p {
    margin: 0;
    color: #5b4a42;
    font-size: 11px;
    line-height: 1.65;
}

.ebert-subpage-content form .ebert-form-privacy a {
    color: #87434b;
    font-weight: 600;
    text-decoration: underline;
    text-underline-offset: 2px;
}

.ebert-subpage-content form .ebert-form-privacy a:hover {
    color: #603038;
}

/* Senden-Button */
.ebert-subpage-content form button[type="submit"],
.ebert-subpage-content form input[type="submit"] {
    display: inline-block;
    width: auto;
    min-height: 36px;
    padding: 9px 18px;
    margin: 0;
    border: 1px solid #87434b;
    border-radius: 3px;
    background: #87434b;
    color: #fff;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.3;
    text-align: center;
    cursor: pointer;
}

.ebert-subpage-content form button[type="submit"]:hover,
.ebert-subpage-content form input[type="submit"]:hover {
    background: #71343d;
    border-color: #71343d;
}

/* Keine unnötigen Abstände um den Formularbutton */
.ebert-subpage-content form .actions {
    margin-top: 8px;
}

/* Responsive */
@media (max-width: 600px) {
    .ebert-subpage-content form {
        width: 100%;
    }

    .ebert-subpage-content form input[type="text"],
    .ebert-subpage-content form input[type="email"],
    .ebert-subpage-content form input[type="tel"],
    .ebert-subpage-content form textarea {
        width: 100%;
    }
}

/* EBERT_CONTACT_FORM_V2_END */