.elementor-kit-6{--e-global-color-primary:#C03A39;--e-global-color-secondary:#7D1818;--e-global-color-text:#000000;--e-global-color-accent:#F2842D;--e-global-color-5aab2b4:#F5FF33;--e-global-color-afcacc1:#FFFFFF;--e-global-color-aaa0dd8:#EEEEEE;--e-global-typography-primary-font-family:"Magra";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Magra";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;background-color:var( --e-global-color-secondary );background-image:url("https://treffpunkt-betze.com/wp-content/uploads/2026/04/1-2-scaled.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-kit-6 button,.elementor-kit-6 input[type="button"],.elementor-kit-6 input[type="submit"],.elementor-kit-6 .elementor-button{background-color:var( --e-global-color-primary );color:var( --e-global-color-afcacc1 );border-style:solid;border-width:2px 2px 2px 2px;border-color:var( --e-global-color-primary );border-radius:10px 10px 10px 10px;}.elementor-kit-6 button:hover,.elementor-kit-6 button:focus,.elementor-kit-6 input[type="button"]:hover,.elementor-kit-6 input[type="button"]:focus,.elementor-kit-6 input[type="submit"]:hover,.elementor-kit-6 input[type="submit"]:focus,.elementor-kit-6 .elementor-button:hover,.elementor-kit-6 .elementor-button:focus{background-color:var( --e-global-color-secondary );}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-kit-6 a{color:var( --e-global-color-secondary );}.elementor-kit-6 a:hover{color:var( --e-global-color-primary );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1400px;}.e-con{--container-max-width:1400px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(min-width:1025px){.elementor-kit-6{background-attachment:fixed;}}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS */.page-content, .navigation, .footer{
    max-width: 1400px;
    margin: auto;
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
}

.comment-login-box {
    background: #f7f7f7;
    border: 1px solid #e3e3e3;
    border-radius: 14px;
    padding: 24px;
    margin: 24px 0;
}

.comment-login-box strong {
    display: block;
    font-size: 20px;
    margin-bottom: 8px;
}

.comment-login-box p {
    margin-bottom: 18px;
}

.comment-login-btn,
.comment-register-btn {
    display: inline-block;
    padding: 10px 18px;
    border-radius: 8px;
    text-decoration: none;
    font-weight: 600;
    margin-right: 8px;
}

.comment-login-btn {
    background: #7D1818;
    color: #fff;
}

.comment-register-btn {
    background: #eee;
    color: #111;
}

/* Inputs */
.um input[type="text"],
.um input[type="password"],
.um input[type="email"] {
    border-radius: 8px !important;
    padding: 12px !important;
    border: 1px solid #ddd !important;
}

/* Labels */
.um-form label {
    font-weight: 500;
}

/* Kein Karteffekt */
.um-form {
    background: transparent !important;
    box-shadow: none !important;
    padding: 0 !important;
}

/* Wichtig: Wrapper wieder normal machen */
.um .um-col-alt {
    display: block !important;
}

/* Angemeldet bleiben eigene Zeile */
.um .um-remember {
    display: block !important;
    width: 100% !important;
    margin-bottom: 16px !important;
}

/* Buttonbereich als eigene Reihe */
.um .um-left,
.um .um-right {
    width: calc(50% - 6px) !important;
    margin: 0 !important;
}

.um .um-left {
    float: left !important;
}

.um .um-right {
    float: right !important;
}

/* Beide Buttons gleich */
.um .um-button,
.um a.um-button.um-alt {
    width: 100% !important;
  
    border-radius: 10px !important;
    font-weight: 600 !important;
    padding: 10px !important;
    margin-top: 20px!important;
    text-align: center !important;
    border: 2px solid #7D1818 !important;
    box-sizing: border-box !important;
}

/* Anmelden */
.um input[type="submit"].um-button,
.um .um-button {
    background: #7D1818 !important;
    color: #fff !important;
}

/* Registrieren */
.um a.um-button.um-alt {
    background: #fff !important;
    color: #7D1818 !important;
}

/* Hover */
.um input[type="submit"].um-button:hover,
.um a.um-button.um-alt:hover {
    background: #7D1818 !important;
    color: #fff !important;
}

/* Passwort vergessen unter Buttons */
.um .um-col-alt-b {
    clear: both !important;
    padding-top: 24px !important;
}

/* =========================
   KOMMENTARE CLEAN & SIMPEL
========================= */

.comments-area,
#comments {
    background: transparent !important;
    padding: 0 !important;
    margin-top: 35px !important;
}

/* Bereichstitel */
#comments > h2,
.comments-title {
    font-size: 30px !important;
    font-weight: 700 !important;
    margin: 0 0 28px 0 !important;
    padding: 0 0 12px 0 !important;
    border-bottom: 2px solid #7D1818 !important;
}

/* Kommentarliste */
.comment-list {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Einzelner Kommentar */
.comment-list li.comment {
    position: relative !important;
    background: #fff !important;
    border: 1px solid #e6e6e6 !important;
    border-radius: 14px !important;
    padding: 24px 28px !important;
    margin-bottom: 18px !important;
    box-shadow: none !important;
}

/* Seltsame Symbole/Pfeile entfernen */
.comment-list li.comment::before,
.comment-list li.comment::after,
.comment-body::before,
.comment-body::after,
.comment-reply-title small,
.comment-reply-title small a,
#cancel-comment-reply-link {
    display: none !important;
    content: none !important;
}

/* Kommentarbody */
.comment-body {
    position: relative !important;
    padding: 0 !important;
    border: none !important;
}

/* Kopfzeile */
.comment-meta {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    margin-bottom: 14px !important;
}

/* Autorbereich */
.comment-author {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
}

/* Avatar */
.comment-author .avatar,
.comment-meta .avatar {
    width: 46px !important;
    height: 46px !important;
    border-radius: 50% !important;
    margin: 0 !important;
    float: none !important;
    position: static !important;
}

/* Nutzername */
.comment-author .fn,
.comment-author .fn a {
    color: #7D1818 !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
}

/* "sagt:" ausblenden */
.says {
    display: none !important;
}

/* Datum */
.comment-metadata {
    margin-left: auto !important;
}

.comment-metadata a {
    color: #7D1818 !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    text-decoration: none !important;
}

/* Kommentarinhalt */
.comment-content {
    margin: 0 0 18px 58px !important;
    font-size: 16px !important;
    line-height: 1.65 !important;
    color: #222 !important;
}

.comment-content p {
    margin: 0 0 12px 0 !important;
}

/* Antworten */
.reply {
    margin-left: 58px !important;
    margin-top: 16px !important;
    margin-bottom: 16px!important;
}

.comment-reply-link {
    display: inline-block !important;
    color: #fff !important;
    background: #7D1818 !important;
    border: 1px solid #7D1818 !important;
    border-radius: 999px !important;
    padding: 7px 15px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
}

.comment-reply-link:hover {
    background: #5f1212 !important;
    color: #fff !important;
}

/* Formular */
.comment-respond {
    background: #fff !important;
    border: 1px solid #e6e6e6 !important;
    border-radius: 14px !important;
    padding: 28px !important;
    margin-top: 28px !important;
    box-shadow: none !important;
}

/* Formularüberschrift */
.comment-reply-title {
    font-size: 26px !important;
    font-weight: 700 !important;
    margin: 0 0 22px 0 !important;
}

/* Hinweistext ausblenden */
.logged-in-as,
.comment-notes {
    display: none !important;
}

/* Labels */
.comment-form label {
    display: block !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    margin-bottom: 8px !important;
}

/* Felder */
.comment-form textarea,
.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form input[type="url"] {
    width: 100% !important;
    border: 1px solid #d8d8d8 !important;
    border-radius: 10px !important;
    padding: 14px 15px !important;
    font-size: 15px !important;
    background: #fff !important;
}

/* Fokus */
.comment-form textarea:focus,
.comment-form input:focus {
    outline: none !important;
    border-color: #7D1818 !important;
}

/* Textfeld */
.comment-form textarea {
    min-height: 190px !important;
    resize: vertical !important;
}

/* Button */
.comment-form input[type="submit"] {
    background: #7D1818 !important;
    color: #fff !important;
    border: none !important;
    border-radius: 999px !important;
    padding: 11px 20px !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    cursor: pointer !important;
}

.comment-form input[type="submit"]:hover {
    background: #5f1212 !important;
}

/* Mobile */
@media (max-width: 768px) {

    #comments > h2,
    .comments-title {
        font-size: 26px !important;
    }

    .comment-list li.comment,
    .comment-respond {
        padding: 20px !important;
    }

    .comment-meta {
        align-items: flex-start !important;
        flex-wrap: wrap !important;
    }

    .comment-metadata {
        margin-left: 58px !important;
        width: 100% !important;
    }

    .comment-content,
    .reply {
        margin-left: 58px !important;
    }

    .comment-reply-title {
        font-size: 23px !important;
    }
}
/* Antwort-Linie / Pfeil entfernen */
.children::before,
.comment-list .children::before {
    display: none !important;
    content: none !important;
}
.title-comments, .comment-reply-title {
font-size: 18px!important;
}/* End custom CSS */