/*
Theme Name: the7dtchild
Author: Dream-Theme
Author URI: http://dream-theme.com/
Description: The7 is perfectly scalable, performance and SEO optimized, responsive, retina ready multipurpose WordPress theme. It will fit every site – big or small. From huge corporate portals to studio or personal sites – The7 will become a great foundation for your next project!
Version: 1.0.0
License: This WordPress theme is comprised of two parts: (1) The PHP code and integrated HTML are licensed under the GPL license as is WordPress itself.  You will find a copy of the license text in the same directory as this text file. Or you can read it here: http://wordpress.org/about/gpl/ (2) All other parts of the theme including, but not limited to the CSS code, images, and design are licensed according to the license purchased. Read about licensing details here: http://themeforest.net/licenses/regular_extended
Template: dt-the7
*/

/* ============================================
   SMOOTH SCROLLING
   ============================================ */
html {
    scroll-behavior: smooth;
}

/* ============================================
   BUTTONS: Modernere Hover-Effekte
   ============================================ */
.dt-btn,
.elementor-button,
a.dt-btn {
    transition: all 0.3s ease;
}

.dt-btn:hover,
.elementor-button:hover,
a.dt-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15);
}

/* ============================================
   SERVICE-KARTEN: Bessere Hover-Animation
   ============================================ */
.elementor-widget-box,
.elementor-widget-icon-box,
.dt-css-grid .dt-css-grid-item {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.elementor-widget-box:hover,
.elementor-widget-icon-box:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.1);
}

/* ============================================
   TYPOGRAFIE: Bessere Lesbarkeit
   ============================================ */
body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}

p {
    line-height: 1.75;
}

/* ============================================
   BILDER: Sanfter Zoom beim Hover
   ============================================ */
.post-thumbnail img,
.dt-gallery-container img,
figure img {
    transition: transform 0.4s ease;
}

.post-thumbnail:hover img,
.dt-gallery-container a:hover img,
figure:hover img {
    transform: scale(1.03);
}

/* ============================================
   ACCESSIBILITY: Bessere Fokus-Styles
   ============================================ */
a:focus-visible,
button:focus-visible,
input:focus-visible,
textarea:focus-visible,
select:focus-visible {
    outline: 2px solid #2563eb;
    outline-offset: 2px;
}

/* ============================================
   MOBILE: Optimierungen
   ============================================ */
@media (max-width: 768px) {
    /* Größere Touch-Targets auf Mobilgeräten */
    .dt-btn,
    .elementor-button {
        min-height: 48px;
        padding-left: 24px;
        padding-right: 24px;
    }

    /* Besserer Textabstand auf kleinen Bildschirmen */
    .elementor-widget-text-editor p {
        font-size: 16px;
        line-height: 1.7;
    }
}

/* ============================================
   KONTAKTFORMULAR: Verfeinerung
   ============================================ */
.wpcf7-form input[type="text"],
.wpcf7-form input[type="email"],
.wpcf7-form input[type="tel"],
.wpcf7-form textarea {
    transition: border-color 0.3s ease, box-shadow 0.3s ease;
}

.wpcf7-form input[type="text"]:focus,
.wpcf7-form input[type="email"]:focus,
.wpcf7-form input[type="tel"]:focus,
.wpcf7-form textarea:focus {
    border-color: #111;
    box-shadow: 0 0 0 2px rgba(17, 17, 17, 0.1);
}

/* ============================================
   SELECTION: Markierungsfarbe
   ============================================ */
::selection {
    background: rgba(17, 17, 17, 0.15);
    color: inherit;
}