/*
 *  * Theme Name: Twenty Twenty-Five Preblauer
 *   * Template: twentytwentyfive
 *    * Version: 1.2
 *     * */

/* Scope our styles to the contact form only. */
.contact-form-wrap {
    /* Use the site content width defined by the theme, fallback to 720px */
    max-width: min(var(--wp--style--global--content-size, 720px), 100%);
    margin-inline: auto;
    padding-block: clamp(0.5rem, 1vw, 1rem);
}

.contact-form {
    display: grid;
    gap: 1rem;
}

.contact-form .cf-field label {
    display: block;
    font-weight: 500;
    margin-bottom: 0.35rem;
}

.contact-form input[type="text"],
.contact-form input[type="email"],
.contact-form textarea {
    width: 100%;
    padding: 0.7rem 0.8rem;
    border: 1px solid var(--wp--preset--color--contrast-3, #d0d7de);
    border-radius: 6px;
    background: var(--wp--preset--color--base-2, #fff);
    color: inherit;
    font: inherit;
    line-height: 1.4;
}

.contact-form textarea {
    min-height: 8rem;
    resize: vertical;
}

/* Error states */
.contact-form [aria-invalid="true"] {
    border-color: #cc3340;
    outline-color: #cc3340;
}

.contact-form .cf-error {
    color: #cc3340;
    font-size: 0.925rem;
    margin-top: 0.4rem;
    min-height: 1.1em; /* reserve space to avoid layout shift */
}

/* Notices (success / error) styled to blend with TT5) */
.notice {
    padding: 0.85rem 1rem;
    border-left: 4px solid transparent;
    border-radius: 6px;
    margin-bottom: 1rem;
    background: var(--wp--preset--color--base-2, #f7f7f7);
}
.notice-success { border-left-color: #1a7f37; }
.notice-error   { border-left-color: #cc3340; }

/* Button: use core button classes so it matches theme */
.contact-form .wp-block-buttons { margin-top: 0.5rem; }
.contact-form .wp-block-button__link {
    cursor: pointer;
}

/* Respect dark mode if the site uses it */
@media (prefers-color-scheme: dark) {
    .contact-form input[type="text"],
    .contact-form input[type="email"],
    .contact-form textarea {
        background: var(--wp--preset--color--base, #111);
        border-color: var(--wp--preset--color--contrast-3, #444);
        color: var(--wp--preset--color--contrast, #eee);
    }
    .notice {
        background: rgba(255,255,255,0.06);
    }
}

@media (max-width: 600px)
{

    .mobile-smaller-image img
    {
        max-width: 40%;
        height: auto;
        margin: auto;
        display: block;
        padding: 0;
    }

  .mobile-smaller-image {
    max-width: 100%;
  }

  .mobile-smaller-image .wp-block-media-text__content {
    padding: 0;
  }
  .wp-block-media-text:has(.mobile-smaller-image) {
    padding: 0;
  }
  .wp-block-post-content:has(.mobile-smaller-image) {
    padding: 0;
  }

  .mobile-smaller-image .wp-block-group {
    padding-top: 0 !important;
  }
}


/* Mobile fixes */
@media (max-width: 600px) {
    /* Schriftart global kleiner auf mobile */
    html {
        font-size: 14px;
    }

    /* Artikel-Paddings usw. */
    main {
        padding: 0 !important;
         margin: 0 !important;
    }

    main>div {
        border: none;
        padding: 8px !important;
        margin: 0 !important;
    }
    
    main>div .has-global-padding {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    /* Footer Anpassungen */
    footer div {
        padding: 8px !important;
        line-height: 1;
    }

    /* Menü-Anpassungen */
    #modal-1 {
        box-sizing: border-box;
        padding: 10px;
        max-width: 100vw;
    }
    #modal-1 .wp-block-navigation__responsive-container-content ul {
        
    }
    #modal-1 .wp-block-navigation__responsive-container-content ul li {
        padding: 0; !important;
        margin: 0 !important;
    }
    #modal-1 .wp-block-navigation__responsive-container-content ul li a {
        font-size: 1.5em;
        line-height: 1;
        text-align: center;
        padding: 1em;
        margin: 0 !important;
    }
    #modal-1 .wp-block-navigation__responsive-container-content .wp-block-buttons {
        font-size: 1.5em;
        margin: auto;
    }
    #modal-1 .wp-block-navigation__responsive-container-content .wp-block-buttons div a {
        font-size: 1em !important;
    }
    
}