/*
Theme Name: Dorberth Wendelstein Child 
Template: twentytwentyfive 
*/
:root {
    --wp--style--global--content-size: 100% !important;
    --wp--style--global--content-max-size: 1300px !important;
    --wp--style--global--wide-size: 100% !important;

        --wp--preset--color--base: #bd002b !important;
    --wp--preset--color--accent-4: #a63932 !important;
    --wp--preset--color--accent-3: #adb1b0 !important;
}


body {
    padding-top:0;
}

h1 {
    font-size: var(--wp--preset--font-size--x-large);
    text-transform:unset !important;
}

h2 {
    font-size: var(--wp--preset--font-size--x-large);
}
.page-id-2 h2 {
    text-align:center;
}

h3 {
    font-size: var(--wp--preset--font-size--large);
}

h4 {
    font-size: var(--wp--preset--font-size--medium);
}

h5 {
    font-size: var(--wp--preset--font-size--small);
    letter-spacing: 0.5px;
}


.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
    max-width: var(--wp--style--global--content-max-size);
}
.wp-block-mwd-core-slider {
    max-width: var(--wp--style--global--content-size);
}

main .entry-content > div:nth-child(2n) {
    border:none !important;
}

.mwd-pile-divider {
    margin-top:20px !important;
    margin-bottom:20px !important;
}

.ff-btn-submit:hover, .mweFullWidthButton:hover, .wp-block-button:hover, .wp-block-button:hover a, .mwd-download-item .wp-block-button__link:hover, .wc-block-components-checkout-place-order-button:hover .ff-btn-submit:hover, .wp-block-latest-posts__list .wp-block-latest-posts__read-more:hover {
    background-color: var(--wp--preset--color--accent-4) !important;
}
.wp-block-mwd-core-slider .wp-block-button:hover {
background-color: transparent !important;
}
.wp-block-mwd-core-slider .wp-block-button__link:hover {
    transform: translate(0px, 0px);
}

header {
    border-left:0px;
    border-right:0px;
}
header > div > div.has-global-padding {
    padding-left:0px;
    padding-right:0px;
}
header .mwd-top-info-strip {
    padding-block-start: 0px;
    max-width: var(--wp--style--global--content-size);
    background-color: var(--wp--preset--color--accent-3, #F6CFF4);
}
header .mwd-top-menu {
    box-sizing:border-box;
    border-left: 150px solid transparent;
    border-right: 150px solid transparent;
}

/* 1. Werkstatt-Ästhetik & Hintergründe */
body {
    /* Ein sehr dezentes Rauschen/Textur als Hintergrund (simuliert Werkstatt-Boden/Metall) */
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3Unique%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.05'/%3E%3C/svg%3E");
    background-attachment: fixed;
    background-color: var(--wp--preset--color--base);
    color: var(--wp--preset--color--contrast);
}

/* 2. Struktur & Akzente */
.wp-site-blocks {
    padding-top: 0;
}

/* "Werkbank"-Look für Container */
.gb-container {
    transition: all 0.3s ease;
}

/* Dezente Trenner, die an technische Zeichnungen erinnern */
.wp-block-separator {
    border: none;
    border-bottom: 2px solid var(--wp--preset--color--contrast);
    opacity: 0.1;
    max-width: 100px;
    margin-left: 0;
}

/* 3. Typografie-Optimierung */
h1, h2, h3, h4 {
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-weight: 800;
    /* Nutzt die Akzentfarbe aus den WP-Optionen für Headlines */
    color: var(--wp--preset--color--contrast);
}

/* 4. Buttons im Industrial-Style */
.wp-block-button__link {
    border-radius: 2px !important; /* Kantiger Look statt rund */
    padding: 1em 1em !important;
    font-weight: 700 !important;
    text-transform: uppercase;
    box-shadow: 4px 4px 0px var(--wp--preset--color--contrast-2); /* "Hard Shadow" Effekt */
    transition: transform 0.1s ease, box-shadow 0.1s ease !important;
}

.wp-block-button__link:hover {
    transform: translate(2px, 2px);
    box-shadow: 1px 1px 0px var(--wp--preset--color--contrast-2);
}

/* 5. Hover-Effekt für Karten/Leistungen */
.gb-grid-column:hover .gb-container {
    border-left: 5px solid var(--wp--preset--color--accent); /* Akzentleiste beim Drüberfahren */
}

/* 6. Utility: Werkstatt-Card-Look */

.is-scrolled .wp-block-group.workshop-card,
.workshop-card {
    background-color: var(--wp--preset--color--accent-3) !important;
    border: 1px solid rgba(0,0,0,0.05);
    padding: 1rem !important;
    position: relative;
}
.workshop-card .wp-block-heading {
    padding-top:0 !important;
}
.workshop-card p,
.workshop-card .mwd-header-ticker {
    padding-block-start: 0.6rem;
    padding-block-end: 0.6rem;
}
.workshop-card::before {
    content: "";
    position: absolute;
    top: 10px;
    left: 10px;
    width: 20px;
    height: 2px;
    background: var(--wp--preset--color--accent);
}


/*FORMULAR BEGIN*/
/* Container für das gesamte Formular */
.mwd-form-container {
    max-width: 600px;
    margin: 0 auto;
}

/* Standard-Felder Optimierung */
.mwd-form-container input:not([type="checkbox"]), 
.mwd-form-container textarea, 
.mwd-form-container select {
    width: 100%;
    padding: 12px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 16px; /* Verhindert iOS-Zoom */
    margin-top: 5px;
    box-sizing: border-box;
}

/* Checkbox & Label Ausrichtung */
.mwd-form-container .wpcf7-acceptance {
    display: block;
    margin-top: 20px;
}
.mwd-form-container .wpcf7-acceptance span.wpcf7-list-item-label{
    top: -6px;
    position: relative;
}

.mwd-form-container .wpcf7-list-item {
    margin: 0;
    display: flex;
    align-items: flex-start; /* Oben bündig für mehrzeilige Labels */
    gap: 12px;
}

.mwd-form-container input[type="checkbox"] {
    width: 22px !important; /* Größere Checkbox */
    height: 22px !important;
    margin: 0;
    cursor: pointer;
    flex-shrink: 0; /* Verhindert, dass die Box schrumpft */
    border: 2px solid #2271b1;
}

.mwd-date-wrapper .mwd-list .mwd-item {
    padding-top:10px;
    padding-bottom:10px;
}

/* Label-Text neben der Checkbox */
.mwd-form-container .wpcf7-list-item-label {
    font-size: 14px;
    line-height: 1.4;
    cursor: pointer;
}

/*Accordion*/
.mwd-services-accordion .mwd-sum-title {
    text-transform: none;
}
.mwd-services-accordion .mwd-service-content {
    padding-top:0;
    padding-bottom:0;
}
.mwd-services-accordion .mwd-service-row {
    border-bottom: none;
    transition: all 0.5s !important;
}
.mwd-services-accordion {
    border:none !important;
}
.mwd-services-accordion  .mwd-service-row:hover {
    background-color:#cccccc;
}
/* Button-Styling */
.mwd-form-container input[type="submit"] {
    background-color: #2271b1;
    color: white;
    font-weight: bold;
    border: none;
    border-radius: 4px;
    padding: 15px 30px;
    cursor: pointer;
    font-size: 18px;
    transition: background 0.3s ease;
    width: 100%;
    margin-top: 15px;
}


.mwd-form-container input[type="submit"]:hover {
    background-color: #1a5a8e;
}

/*FORMULAR END*/

/*HEADER BEGIN*/
/* Grundzustand: Header ganz normal */
header.wp-block-template-part {
    width: 100%;
    z-index: 9999;
    background: #ffffff;
}

/* Der Container mit deiner Klasse */
.mwd-main-header {
    transition: all 0.3s ease-in-out;
    background: #ffffff;
    width: 100%;
}

/* --- SCROLLED STATE (Wird durch JS aktiviert) --- */

.is-scrolled header.wp-block-template-part {
    position: fixed;
    top: 0;
    left: 0;
    box-shadow: 0 4px 15px rgba(0,0,0,0.1);
    animation: slideDown 0.4s ease-out; /* Kleiner Animationseffekt beim Erscheinen */
}

/* Korrektur für Admin-Bar */
.admin-bar.is-scrolled header.wp-block-template-part {
    top: 32px;
}

@media screen and (max-width: 782px) {
    .admin-bar.is-scrolled header.wp-block-template-part {
        top: 46px;
    }
}

/* Elemente ausblenden & Logo schrumpfen */
.is-scrolled .gb-element-4033ae94 {
    display: none !important; /* Infostreifen sofort weg für Speed */
}

.is-scrolled .custom-logo {
    transform: scale(0.6) translateY(10px);
    transform-origin: left center;
}

.is-scrolled .wp-block-group {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

/* Animation beim Fixieren */
@keyframes slideDown {
    from { transform: translateY(-100%); }
    to { transform: translateY(0); }
}
/*HEADER END*/


/*FOOTER BEGIN*/
footer {
    background-color:#fff;
    margin-block-start:0px;
}

footer .is-content-justification-space-between > div > div {
    position: relative;
    max-width:100%;
}
footer a.wp-block-button {
    padding: 0 !important;
    box-sizing:border-box;
    border:20px solid transparent;
    text-align: center !important;
    display:block;
}
 

/*FOOTER END*/


/*ALLGEMEIN*/ 
.mwd-person-footer {
    display:none !important;
}


.mwd-main-header > div > figure.wp-block-image.size-full {
    padding-block-start: 0px !important;
}


header .mwd-top-menu {
    border-left:0px solid transparent !important;
    border-right:0px solid transparent !important;
}

.is-scrolled header .mwd-main-header figure.size-full {
    max-width: 500px;
}

@media (max-width: 1250px) {
  footer {
        border-left: 0px solid transparent;
    border-right: 0px solid transparent;
  }
}