/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*
    Add your custom styles here
*/


/* Styles for all items Procuct page product attributes */



.sags-dotted {

    border-top: 1px dotted #ccc;
    padding: 10px 20px;
}
/* 
.attributes-container .sags-dotted:last-child {
    float: none; /* Ensure the last item does not float right */
    flex: 0 0 100%; /* Optional: Adjust this based on your layout needs */
}
*/
/* Media query for mobile devices */
@media (max-width: 768px) {
    .attributes-container {
        flex-direction: column;
        justify-content: flex-start;
    }
    .sags-dotted {
        width: 100%; /* Make each attribute take full width */
        float: none; /* Disable floating for mobile */
    }
}

.in-stock {
    color: #088A08 !important;
    font-weight: bold !important;
}

.available-on-backorder {
    color: #db9b1f !important;
    font-weight: bold !important;
}

.out-of-stock {
    color: #c21e27 !important;
    font-weight: bold !important;
}

/* German Market Widerrufsformular (/vertrag-widerrufen/) auf normale Inhaltsbreite begrenzen */
.page-id-571758 .page-content {
    max-width: 1140px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
    padding-right: 20px;
    box-sizing: border-box;
}

@media (min-width: 1200px) {
    .page-id-571758 .page-content {
        padding-left: 0;
        padding-right: 0;
    }
}

/* ===== Kollektion-Template (Elementor-Vorlage 307460) ===== */

/* Markenlogo: ohne Rahmen/Kasten, gross dargestellt.
   Alle Logo-SVGs haben eine 300x300-Leinwand, das Motiv liegt im mittleren
   Streifen (y 26-74 %, x 7-93 %, gemessen 14.09.2026). Deshalb auf 2:1
   zuschneiden statt quadratisch - sonst bleibt die Haelfte leerer Rand. */
.elementor-element-fd8cce9 .dce-meta-image img.dce-img {
    display: block;
    width: 100%;
    max-width: 420px;
    height: auto;
    margin: 0 auto;
    aspect-ratio: 2 / 1;
    object-fit: cover;
    object-position: center;
}

/* Uhrenkacheln: Bild und Titel sind echte Links */
.elementor-element-22c2d90 a.dce-post-image {
    display: block;
}
.elementor-element-22c2d90 .dce-post-title a {
    color: inherit;
    text-decoration: none;
}
.elementor-element-22c2d90 .dce-post-title a:hover,
.elementor-element-22c2d90 .dce-post-title a:focus,
.elementor-element-22c2d90 .dce-post-title a:focus-visible {
    color: inherit;
    text-decoration: underline;
}
.elementor-element-22c2d90 a:focus-visible {
    outline: 2px solid currentColor;
    outline-offset: 3px;
}


/* Rolex: Produktname ist seit 23.09.2026 H1 (Uhren-Vorlage 397497, Accessoire-Vorlage 448910).
   Das Kit setzt auf h1 letter-spacing -1px; als H2 hatte der Titel -0.25px (geerbt). So bleibt er optisch gleich. */
.elementor-kit-19 .elementor-element-754a333c h1.elementor-heading-title,
.elementor-kit-19 .elementor-element-6eb12f57 h1.elementor-heading-title { letter-spacing: inherit; }


/* Startseite (205), Beitragsraster ebce6a6: DCE setzt am Raster -15px Rand links/rechts
   (Ausgleich fuer 15px Kartenabstand). Am Handy hat der Container keinen Innenabstand,
   die Seite wurde 390 statt 375px breit und wackelte seitlich (gemessen 03.10.2026). */
@media (max-width: 767px) {
    .elementor-205 .elementor-element.elementor-element-ebce6a6 .dce-posts-container.dce-skin-grid .dce-posts-wrapper { margin-left: 0; margin-right: 0; }
}

/* Handy: weitere Ursachen fuer seitliches Wackeln (393px gemessen, 03.10.2026) */
@media (max-width: 767px) {
    /* DCE-Raster mit -15px Rand: Blog (af94a7c), Bamberg (8ff289f) */
    .elementor-element-af94a7c .dce-posts-wrapper,
    .elementor-element-8ff289f .dce-posts-wrapper { margin-left: 0 !important; margin-right: 0 !important; }
    /* DCE-Seitenzahlen (1 2 3 ... naechstes, Letzte) passten nicht in eine Zeile */
    .elementor-widget-dce-dynamicposts-v2 .dce-pagination { flex-wrap: wrap; row-gap: 6px; }
    /* Elementor-Formulare mit -5px Rand ohne Innenabstand: /krank/ (509cf54), /formtest/ (44eb1c3) */
    .elementor-element-509cf54 .elementor-form-fields-wrapper,
    .elementor-element-44eb1c3 .elementor-form-fields-wrapper { margin-left: 0 !important; margin-right: 0 !important; }
    /* Lange Woerter und Adressen in Texten (Impressum, AGB, Datenschutz, Widerruf) */
    .elementor-widget-text-editor, .page-content { overflow-wrap: break-word; -webkit-hyphens: auto; hyphens: auto; }
    .elementor-widget-text-editor a, .page-content a, .page-content p { overflow-wrap: anywhere; }
}

/* DCE-Raster ragen mit -15px Rand auch am Computer ueber die Fensterbreite, wenn der Container
   randlos ist (Startseite 1455 statt 1440px, 03.10.2026). Abschneiden aendert die Optik nicht:
   abgeschnitten wird nur der 15px-Innenabstand der aeusseren Kacheln. */
.elementor-widget-dce-dynamicposts-v2 > .elementor-widget-container { overflow-x: clip; }

/* Formulare /krank/ (509cf54), /formtest/ (44eb1c3): -5px Rand ragt auch am Computer ueber (1445 statt 1440px) */
.elementor-element-509cf54 .elementor-form-fields-wrapper,
.elementor-element-44eb1c3 .elementor-form-fields-wrapper { margin-left: 0 !important; margin-right: 0 !important; }