/*
Theme Name: 	   Chromax
Text Domain: 	   chromax
Version:            0.7
Tested up to:       6.8
Requires at least:  4.7
Requires PHP:       5.6
Author:             DesertThemes
Author URI:         https://desertthemes.com/
Theme URI:          https://desertthemes.com/themes/chromax-free/
Description:        Chromax is lightweight, highly extendable and multi-purpose WordPress Theme. Chromax is perfect for Startup, IT Solutions, IT Business, Agencies, Marketing, Consulting and Services Company related to any business websites. Chromax based on in-depth research into IT Solutions, IT Services, IT Business, Consulting & Software, Digital Solution, Technical Engineering, Technology, and Services Company, to deliver all needed layouts and blocks. It will enable you to create almost any type of website with a beautiful & professional design. Chromax supports popular WordPress plugins such as Elementor, WPML, Polylang, Yoast SEO, WooCommerce, Contact Form 7, Jetpack, and much more. Chromax Pro demo https://preview.desertthemes.com/pro/chromax/
Tags:               one-column, two-columns ,right-sidebar, flexible-header, custom-background, custom-header, custom-menu, editor-style, featured-images, footer-widgets, post-formats, theme-options, threaded-comments, translation-ready, full-width-template, custom-logo, blog, e-commerce, portfolio
License: GPLv3 or later
License URI:  https://www.gnu.org/licenses/gpl-3.0.html

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned
with others.
*/

a.wp-block-button__link:hover, 
a.wp-block-button__link:focus {
    color: #fff;
    text-decoration: none;
}

.wp-block-page-list.has-background {
    padding: 1rem;
}

.form-container {
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
  }
  
  .form-left, .form-right {
    flex: 1;
    min-width: 300px;
  }
  
  .p {
    margin-top: -25px;	
  }
  .telefon-row {
    margin-top: -25px;	
  }
  
  label {
    font-weight: bold;
  }
  
  /* Eingabefelder kleiner / dünner machen */
  .wpcf7-form-control-wrap input,
  .wpcf7-form-control-wrap select,
  .wpcf7-form-control-wrap textarea {
    width: 100%;
    /*padding: 6px 8px;       /* weniger Padding = dünner */
    font-size: 14px;        /* kleinere Schrift */
    box-sizing: border-box;
  }
  
  input, select, textarea {
    width: 100%;
    padding: 8px;
    margin-top: 4px;
    border: 1px solid #ccc;
    border-radius: 6px;
  }
  
  textarea {
    resize: vertical;
  }
  
  /* Container für Vorwahl + Telefon */
  .telefon-fields {
    display: flex;
    gap: 10px;
    align-items: center;
  }
  
  /* Vorwahl fix, Telefon flexibel */
  .telefon-fields select {
    flex: 0 0 130px;
  }
  
  .telefon-fields input[type="tel"] {
    flex: 1;
  }
  
  [data-name="your-telefon"] {
    flex: 1;
  }
  
  /* Checkboxen untereinander */
  .wpcf7-list-item {
    display: block;
    margin: 4px 0;
  }
  
  .form-footer {
    margin-top: 20px;
  }
  
  .form-footer input[type="submit"] {
    background-color: #07445f;
    color: #fff;
    border: none;
    padding: 12px 24px;
    border-radius: 6px;
    cursor: pointer;
  }
  
  .form-footer input[type="submit"]:hover {
    background-color: #055080;
  }
  
  .firmendaten {
    margin-top: 20px;
    font-size: 14px;
  }
  
  /*Blog Kommentar Block entfernen*/
  .comments-area,
  .comment-form,
  .comments {
    display: none !important;
  }
  
  .single-post .post-thumbnail,
  .single-post .wp-post-image {
    display: none !important;
  }
  
  .meta {
        display: none !important;
  
  }
  
  /* Rahmen und Hintergrund bei der Post-Navigation entfernen */
  .nextprev-post-wrapper-inner,
  .nextprev-post-wrapper-inner a,
  .nextprev-post-wrapper-inner h5,
  .nextprev-post.prev,
  .nextprev-post.next {
    border: none !important;
    background: none !important;
    box-shadow: none !important;
  }
  
  .nextprev-post-wrapper-inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  
  .nextprev-post.prev {
    text-align: left;
  }
  
  .nextprev-post.next {
    text-align: right;
  }