:root{
 --primary:#899989;
 --primary-dark:#55685a;
 --primary-light:#a8d1a7;
 --background:#fffdf9;
 --surface:#f5efe7;
 --accent:#c96f59;
 --text:#312a26;
 --heading:#425849;
 --line:#d8c8bd;
 --header-background:#fffdf9;
 --navigation-text:#2f352f;
 --navigation-hover:#425849;
 --hero-banner-background:#fffdf9;
 --hero-banner-text:#425849;
 --intro-background:#fffdf9;
 --intro-heading:#425849;
 --intro-text:#2f352f;
 --location-background:#dfe8df;
 --location-heading:#425849;
 --location-text:#2f352f;
 --about-text-background:#f3f6f1;
 --about-heading:#425849;
 --about-text:#2f352f;
 --story-background:#fffdf9;
 --story-heading:#425849;
 --story-text:#2f352f;
 --specialties-background:#dfe8df;
 --specialties-heading:#425849;
 --specialties-text:#2f352f;
 --fields-background:#fffdf9;
 --fields-heading:#425849;
 --fields-text:#2f352f;
 --services-background:#fffdf9;
 --services-heading:#425849;
 --services-text:#2f352f;
 --packages-background:#f3f6f1;
 --packages-heading:#425849;
 --packages-text:#2f352f;
 --contact-background:#fffdf9;
 --form-background:#fffdf9;
 --faq-background:#fffdf9;
 --booking-background:#fffdf9;
 --button-background:#e0edd4;
 --button-text:#ffffff;
 --button-hover:#6f8372;
 --link-color:#425849;
 --footer-background:#425849;
 --footer-text:#ffffff;
 --hero-image-background:#e7ede5;
 --about-image-background:#d8d2c7;
 --fields-image-background:#e7ede5;
 --service-image-background:#f5efe7;
 --font-heading:'Cormorant Garamond', Georgia, serif;
 --font-body:Montserrat, Arial, sans-serif;
 --body-size:15px;
 --heading-scale:1.00;
 --body-line-height:1.35;

 /* Kompatibilität mit dem bestehenden Stylesheet */
 --cream:var(--surface);
 --paper:var(--background);
 --rose:var(--primary-light);
 --brown:var(--primary-dark);
 --ink:var(--text);
 --theme-primary:var(--primary);
 --theme-primary-dark:var(--primary-dark);
 --theme-primary-light:var(--primary-light);
 --theme-accent:var(--accent);
}

body{
 background:var(--background);
 color:var(--text);
 font-family:var(--font-body);
 font-size:var(--body-size);
 line-height:var(--body-line-height);
}

h1,h2,h3,h4,h5,h6,.name,.footer-brand strong{
 color:var(--heading);
 font-family:var(--font-heading);
}

.hero-banner h1{font-size:calc(48px * var(--heading-scale))}
.intro-original h2{font-size:calc(42px * var(--heading-scale))}
.location-section h2{font-size:calc(44px * var(--heading-scale))}
.about-instagram h1{font-size:calc(48px * var(--heading-scale))}
.story h2,.specialties h2{font-size:calc(46px * var(--heading-scale))}
.page-image-banner h1{font-size:calc(48px * var(--heading-scale))}
.services-intro h1,.faq-section h1,.legal-page h1,.simple-page h1,.booking-page h1,.contact-section h1{font-size:calc(52px * var(--heading-scale))}
.service-row h2{font-size:calc(42px * var(--heading-scale))}
.packages h2{font-size:calc(48px * var(--heading-scale))}

/* Header und Navigation */
.site-header{background:var(--header-background)}
.main-nav a{color:var(--navigation-text)}
.main-nav a:hover,.main-nav a.active{color:var(--navigation-hover);border-color:var(--navigation-hover)}

/* Startseite */
.hero-original{background:var(--hero-image-background)}
.hero-banner{background:var(--hero-banner-background)}
.hero-banner h1{color:var(--hero-banner-text)}
.intro-original{background:var(--intro-background);color:var(--intro-text)}
.intro-original h2{color:var(--intro-heading)}
.location-section{background:var(--location-background);color:var(--location-text)}
.location-section h2,.location-section h3{color:var(--location-heading)}

/* Über mich */
.about-image,.about-image-frame{background:var(--about-image-background)}
.about-instagram{background:var(--about-text-background);color:var(--about-text)}
.about-instagram h1{color:var(--about-heading)}
.story{background:var(--story-background);color:var(--story-text)}
.story h2{color:var(--story-heading)}
.specialties{background:var(--specialties-background);color:var(--specialties-text)}
.specialties h2{color:var(--specialties-heading)}

/* Fachbereiche */
.page-image-banner{background:var(--fields-image-background)}
.fields{background:var(--fields-background);color:var(--fields-text)}
.fields h1,.fields h2,.fields h3{color:var(--fields-heading)}

/* Leistungen und Pakete */
.services-intro,.services,.service-row{background:var(--services-background);color:var(--services-text)}
.services-intro h1,.service-row h2,.service-row h3{color:var(--services-heading)}
.service-row>img{background:var(--service-image-background)}
.packages{background:var(--packages-background);color:var(--packages-text)}
.packages h2,.packages h3{color:var(--packages-heading)}

/* Kontakt, FAQ und Terminbuchung */
.contact-section{background:var(--contact-background)}
.contact-form,.contact-section aside{background:var(--form-background)}
.faq-section{background:var(--faq-background)}
.booking-page{background:var(--booking-background)}

/* Buttons und Links */
button,.nav-book,.contact-form button,.external-placeholder button,.button-link{
 background:var(--button-background);
 border-color:var(--button-background);
 color:var(--button-text);
}
button:hover,.nav-book:hover,.contact-form button:hover,.external-placeholder button:hover,.button-link:hover{
 background:var(--button-hover);
 border-color:var(--button-hover);
 color:var(--button-text);
}
a,.text-link{color:var(--link-color)}
.text-link{border-color:var(--link-color)}

/* Footer */
.site-footer{background:var(--footer-background);color:var(--footer-text)}
.site-footer a,.site-footer button,.site-footer strong,.site-footer span{color:var(--footer-text)}