/*
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
*/

.padtopbot80 {padding-top:80px!important; padding-bottom:80px!important;}
.padtop80 {padding-top:80px!important;}
.padbot80 {padding-bottom:80px!important;}

.padtopbot50 {padding-top:50px!important; padding-bottom:50px!important;}
.padtop50 {padding-top:50px!important;}
.padbot50 {padding-bottom:50px!important;}

.padtopbot100 {padding-top:100px!important; padding-bottom:100px!important;}
.padtop100{padding-top:100px!important;}
.padbot100 {padding-bottom:100px!important;}


@media screen and (max-width: 990px) {
.padtopbot80 {padding-top:35px!important; padding-bottom:35px!important;}
.padtop80 {padding-top:35px!important;}
.padbot80 {padding-bottom:35px!important;}

.padtopbot100 {padding-top:50px!important; padding-bottom:50px!important;}
.padtop100 {padding-top:50px!important;}
.padbot100 {padding-bottom:50px!important;}

.padtopbot50 {padding-top:35px!important; padding-bottom:35px!important;}
.padtop50 {padding-top:35px!important;}
.padbot50 {padding-bottom:35px!important;}
}
.hp4u-section-title h2{font: var(--the7-h1-font);}

/* --- ABSCHNITT 1: Umzugsbanner  --- */

.umzugs-container-full {
    width: 100%;
    padding: 80px 0;
    background-color: transparent; 
}

.umzugs-wrapper {
    max-width: 1140px; 
    margin: 0 auto;
    padding: 0 20px;
}

.umzugs-content {
    background-color: #ffffff;
    border: 1px solid #D4AF37; 
    padding: 60px 40px;
    box-shadow: 0 10px 40px rgba(0,0,0,0.04);
    text-align: center;
}

/* Überschrift */
.umzugs-title {
    margin-bottom: 40px; 
    color: inherit; 
}

/* Grid Layout */
.location-grid {
    display: flex;
    justify-content: center; 
    align-items: center; 
    gap: 40px; 
    flex-wrap: wrap; 
}

.location-item {
    flex: 1; 
    min-width: 250px; 
}

/* Labels */
.location-label {
    display: block;
    margin-bottom: 10px;
    text-transform: uppercase; 
    letter-spacing: 1px;
}

.highlight-label {
    color: #D4AF37; 
}

/* Adressen */
.address {
    font-size: 1.1em;
    line-height: 1.5;
    margin: 0;
}

/* Trennstrich */
.location-divider {
    width: 1px;
    height: 60px;
    background-color: #D4AF37;
    opacity: 0.5;
}

/* --- ABSCHNITT 2: Icons & Vorteile (Update: Neutraler Banner) --- */

.info-section-premium {
    padding-top: 60px;
    background-color: transparent; 
    text-align: center;
}

/* Container für die Icons */
.benefits-grid {
    display: flex;
    justify-content: center;
    align-items: flex-start; 
    gap: 80px; 
    max-width: 1000px;
    margin: 0 auto 60px; /* Abstand nach unten etwas verringert zum Banner */
    flex-wrap: wrap; 
}

.benefit-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    min-width: 200px; 
    flex: 1; 
}

/* Icons styling */
.benefit-icon {
    width: 45px;
    height: 45px;
    stroke: #D4AF37; 
    margin-bottom: 20px;
    stroke-width: 1.2; 
}

/* Text unter den Icons */
.benefit-text {
    font-size: 1rem;
    line-height: 1.6;
    color: inherit; 
    margin: 0;
    letter-spacing: 0.5px;
  }

/* --- Der Banner unten (Größentabelle) - NEUTRAL --- */

.size-banner-full {
    width: 100%;
    background-color: transparent; /* Kein Gold mehr, transparent/weiß */
    border-top: 1px solid #eaeaea; /* Sehr zarte graue Trennlinie */
    padding: 30px 0;
    margin-top: 0;
}

.size-banner-content {
    max-width: 1140px;
    margin: 0 auto;
    padding: 0 20px;
    text-align: center;
}

.size-banner-text {
    color: #333333; /* Dunkle Schrift statt Weiß */
    font-size: 1.1rem;
    margin: 0;
    letter-spacing: 1px;
    text-transform: uppercase; 
}


/* --- ABSCHNITT 3: Private Beratung (Ganz privat) --- */

.private-consultation-section {
    width: 100%;
    background-color: #FAF9F7; /* Heller Hintergrund */
    padding: 80px 0;
    margin: 40px 0;
}

.consultation-wrapper {
    max-width: 1140px;
    margin: 0 auto;
    padding: 0 20px;
    text-align: center;
}

/* Typografie Kopfbereich */
.consultation-subtitle {
    color: #8D734A; /* Gold/Braun Ton */
    letter-spacing: 3px;
    text-transform: uppercase;
    margin-bottom: 15px;
    font-weight: 300 !important;
}

.consultation-title {
    color: #1a1a1a;
    margin-bottom: 25px;
    line-height: 1.2;
}

.consultation-quote {
    color: #555;
    margin-bottom: 50px;
}

/* Beschreibungstext */
.consultation-body {
    max-width: 850px;
    margin: 0 auto 60px;
    line-height: 1.9;
    color: #444;
}

/* Grid System */
.consultation-grid {
    display: flex;
    flex-wrap: wrap; /* WICHTIG für Mobile */
    justify-content: center;
    gap: 40px;
    margin-bottom: 60px;
}

.consultation-item {
    flex: 1;
    min-width: 220px; /* Damit sie nicht zu klein werden */
    max-width: 300px;
    /* Optional: padding für mehr Raum */
    padding: 10px; 
}

/* Icons */
.consultation-icon {
    width: 45px;
    height: 45px;
    stroke: #D4AF37;
    margin-bottom: 20px;
    stroke-width: 1.1; /* Sehr fein */
}

/* Grid Text Styling */
.consultation-item-title {
    font-size: 1.2rem;
    color: #1a1a1a;
    margin-bottom: 12px;
}

.consultation-item-text {
    font-size: 0.95rem;
    color: #666;
    line-height: 1.6;
    margin: 0;
}

/* Footer & Button Bereich */
.consultation-footer {
    border-top: 1px solid rgba(212, 175, 55, 0.3); /* Zarte Linie */
    padding-top: 40px;
}

.consultation-cta-text {
    margin-bottom: 30px;
    color: #333;
}

/* Button Styling */
.consultation-btn {
    display: inline-block;
    padding: 16px 45px;
    background-color: #8D734A;
    color: #ffffff !important; /* Immer weiß */
    text-decoration: none;
    letter-spacing: 2px;
     border-radius: 0; /* Eckig */
    text-transform: uppercase;
    box-shadow: 0 4px 15px rgba(141, 115, 74, 0.2);
    transition: all 0.3s ease; /* Weicher Übergang bei Hover */
     border: none;
}

/* Hover Effekt für den Button */
.consultation-btn:hover {
    background-color: #7a6340; /* Etwas dunkler beim Drüberfahren */
    transform: translateY(-2px); /* Leichtes Anheben */
    box-shadow: 0 6px 20px rgba(141, 115, 74, 0.3);
}

/* --- ABSCHNITT 4: Kontakt Footer --- */

.contact-section-premium {
    max-width: 1140px;
    margin: 40px auto 80px; /* Etwas mehr Abstand nach unten zum Seitenende */
    padding: 20px;
}

.contact-grid {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap; /* Sorgt dafür, dass es auf Handy automatisch umbricht */
    gap: 40px;
}

.contact-item {
    display: flex;
    align-items: flex-start; /* Icon oben bündig */
    flex: 1;
    min-width: 250px; /* Wenn weniger Platz ist, rutscht es in nächste Zeile */
}

/* Icons */
.contact-icon-wrapper {
    margin-right: 20px;
    flex-shrink: 0;
}

.contact-icon {
    width: 32px; 
    height: 32px;
    stroke: #D4AF37; 
    stroke-width: 1.2;
}

/* Text */
.contact-text {
    /* Erbt Theme Schriftart */
    font-size: 1rem;
    line-height: 1.6;
    color: #333;
 }

/* Labels (ehemals strong) */
.contact-label {
    /* Statt Bold machen wir es nur etwas dunkler oder Uppercase */
    color: #1a1a1a; 
    font-weight: 400 !important; /* Ein Hauch dicker als 300, aber nicht Bold, oder stell es auf 300 zurück */
    text-transform: uppercase; /* Sieht oft edler aus als Fett */
    letter-spacing: 0.5px;
    font-size: 0.9em;
}

/* Links (Mail / Tel) */
.contact-link {
    color: #333;
    text-decoration: none;
    border-bottom: 1px solid transparent;
    transition: all 0.3s ease;
    cursor: pointer;
}

.contact-link:hover {
    color: #D4AF37;
    border-bottom: 1px solid #D4AF37;
}


@font-face {
  font-family: 'WindSong';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../dt-the7-child/fonts/WindSong-Regular.eot'); /* IE9 */
  src: url('../dt-the7-child/fonts/WindSong-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../dt-the7-child/fonts/WindSong-Regular.woff2') format('woff2'), /* Modern Browsers */
    url('../dt-the7-child/fonts/WindSong-Regular.woff') format('woff'), /* Modern Browsers */
    url('../dt-the7-child/fonts/WindSong-Regular.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../dt-the7-child/fonts/WindSong-Regular.svg#WindSong') format('svg'); /* Legacy iOS */
}

@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../dt-the7-child/fonts/Cormorant-Garamond-Regular.eot'); /* IE9 */
  src: url('../dt-the7-child/fonts/Cormorant-Garamond-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../dt-the7-child/fonts/Cormorant-Garamond-Regular.woff2') format('woff2'), /* Modern Browsers */
    url('../dt-the7-child/fonts/Cormorant-Garamond-Regular.woff') format('woff'), /* Modern Browsers */
    url('../dt-the7-child/fonts/Cormorant-Garamond-Regular.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../dt-the7-child/fonts/Cormorant-Garamond-Regular.svg#CormorantGaramond') format('svg'); /* Legacy iOS */
}
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url('../dt-the7-child/fonts/Cormorant-Garamond-300.eot'); /* IE9 */
  src: url('../dt-the7-child/fonts/Cormorant-Garamond-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../dt-the7-child/fonts/Cormorant-Garamond-300.woff2') format('woff2'), /* Modern Browsers */
    url('../dt-the7-child/fonts/Cormorant-Garamond-300.woff') format('woff'), /* Modern Browsers */
    url('../dt-the7-child/fonts/Cormorant-Garamond-300.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../dt-the7-child/fonts/Cormorant-Garamond-300.svg#CormorantGaramond') format('svg'); /* Legacy iOS */
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../dt-the7-child/fonts/Manrope-Regular.eot'); /* IE9 */
  src: url('../dt-the7-child/fonts/Manrope-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../dt-the7-child/fonts/Manrope-Regular.woff2') format('woff2'), /* Modern Browsers */
    url('../dt-the7-child/fonts/Manrope-Regular.woff') format('woff'), /* Modern Browsers */
    url('../dt-the7-child/fonts/Manrope-Regular.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../dt-the7-child/fonts/Manrope-Regular.svg#Manrope') format('svg'); /* Legacy iOS */
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url('../dt-the7-child/fonts/Manrope-300.eot'); /* IE9 */
  src: url('../dt-the7-child/fonts/Manrope-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../dt-the7-child/fonts/Manrope-300.woff2') format('woff2'), /* Modern Browsers */
    url('../dt-the7-child/fonts/Manrope-300.woff') format('woff'), /* Modern Browsers */
    url('../dt-the7-child/fonts/Manrope-300.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../dt-the7-child/fonts/Manrope-300.svg#Manrope') format('svg'); /* Legacy iOS */
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('../dt-the7-child/fonts/Manrope-500.eot'); /* IE9 */
  src: url('../dt-the7-child/fonts/Manrope-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../dt-the7-child/fonts/Manrope-500.woff2') format('woff2'), /* Modern Browsers */
    url('../dt-the7-child/fonts/Manrope-500.woff') format('woff'), /* Modern Browsers */
    url('../dt-the7-child/fonts/Manrope-500.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../dt-the7-child/fonts/Manrope-500.svg#Manrope') format('svg'); /* Legacy iOS */
}