/*
	klassisches-feng-shui.de
*/


:root {

	--farbe-beige:               #d4c6b7;
	--farbe-gelb-beige:          #d8bd93;
	--farbe-gelb-beige:          #efe4d4;
	--farbe-gold:                #d8bd93;
	--farbe-gold-hell:           #e1c58b;
	--farbe-gruen-beige:         #c3bfa5;
	--farbe-gruen:               #9c9b5e;
	--farbe-gruen-apfel:         #9eb03a;
	--farbe-gruen-dunkel:        #4d612a; /*  alternativ: #4c4c14  */
	--farbe-grau-braun-dunkel:   #595046;
	--farbe-rot-dunkel:          #920f04;

/*  neu - 09.05.2023 gh/bh:     */
	--farbe-grau:                #d6d4ca;
	--farbe-grau-hell:           #e1dfd4;
	--farbe-beige:               #efe8d1;
	--farbe-beige:               #fffadf;
	--farbe-beige:               #e8e7e2;

	
	--farbe-beige-transparent:       rgba(212,198,183,0.85);
	--farbe-grau-hell-transparent:   rgba(225,223,212,0.85);
	
	--base-font-weight:      400;

	--color-green-dark:          var(--farbe-gruen-dunkel);

	--color-navigation-main--active:  var(--farbe-gruen-dunkel);
	--submenu-background:             var(--farbe-grau-braun-dunkel);
	--submenu-text-color:             var(--farbe-gelb-beige);
	--submenu-text-hover-color:       #ffffff;

	--color-page-background:          #ffffff;

	--headings__color:                var(--farbe-rot-dunkel);
	--button-bg-hover:                var(--farbe-rot-dunkel);
	--color-links:                    var(--farbe-rot-dunkel);
	--color-links-hover:              var(--farbe-rot-dunkel);
	
	--hero__color-background:         rgba(255,255,255,0.85);

}

.p-t-0 { padding-top: calc(0 * var(--base-spacing-unit)) !important; }
.p-t-1 { padding-top: calc(1 * var(--base-spacing-unit)) !important; }
.p-t-2 { padding-top: calc(2 * var(--base-spacing-unit)) !important; }
.p-t-3 { padding-top: calc(3 * var(--base-spacing-unit)) !important; }
.p-t-4 { padding-top: calc(4 * var(--base-spacing-unit)) !important; }
.p-t-5 { padding-top: calc(5 * var(--base-spacing-unit)) !important; }


h2, .heading--2.ce_headline, .heading--2 h1:first-child, .heading--2 h2:first-child, .heading--2 h3:first-child, .heading--2 h4:first-child, .heading--2 h5:first-child, .heading--2 h6:first-child {
	font-weight: 400;
}
h3, .heading--3.ce_headline, .heading--3 h1:first-child, .heading--3 h2:first-child, .heading--3 h3:first-child, .heading--3 h4:first-child, .heading--3 h5:first-child, .heading--3 h6:first-child, .news-list .layout_simple, .faq-list h2, .faq-page h2 {
	font-weight: 400;
}

a:hover {
  opacity: 0.7;
}

[id="header"]::before {
	background: linear-gradient(to right, var(--farbe-grau-braun-dunkel), var(--farbe-gelb-beige));
}

[id="header"] .logo {
	padding: 15px 0;
}

.ce_image.inline {
	display: inline-block;
}


/*  ==========  Hintergrundfarben  ==========  */

.bg-beige { background-color:  var(--farbe-beige); color: var(--farbe-grau-braun-dunkel); }
.bg-beige-gelb { background-color:  var(--farbe-gelb-beige); color: var(--farbe-grau-braun-dunkel); }
.bg-beige-gruen { background-color:  var(--farbe-gruen-beige); color: var(--farbe-gruen-dunkel); }
.bg-grau { background-color:  var(--farbe-grau-hell); color: var(--farbe-grau-braun-dunkel); }


/*  ==========  /Hintergrundfarben  ==========  */


.ce_hero.bg-beige .content_container .teaser { 
/*	background-color:  var(--farbe-beige-transparent);   */
	background-color:  var(--farbe-grau-hell-transparent); 
	color: var(--farbe-grau-braun-dunkel); 
}
.ce_hero.bg-beige .content_container .teaser h1,
.ce_hero.bg-beige .content_container .teaser h2,
.ce_hero.bg-beige .content_container .teaser h3 {
	color: var(--farbe-grau-braun-dunkel);
}
.ce_hero.bg-beige a.btn--primary, 
.ce_hero.bg-beige span.btn--primary, 
.ce_hero.bg-beige button.btn--primary, 
.ce_hero.bg-beige button.submit, 
.ce_hero.bg-beige .ce_comments .submit {
	background: var(--farbe-grau-braun-dunkel);
	color: #ffffff;
}
.ce_hero.bg-beige a.btn--primary:hover, 
.ce_hero.bg-beige span.btn--primary:hover, 
.ce_hero.bg-beige button.btn--primary:hover, 
.ce_hero.bg-beige button.submit:hover, 
.ce_hero.bg-beige .ce_comments .submit:hover {
	opacity: 0.7;
}


.ce_hero.bg-beige a.btn--primary, 
.ce_hero.bg-beige span.btn--primary, 
.ce_hero.bg-beige button.btn--primary, 
.ce_hero.bg-beige button.submit, 
.ce_hero.bg-beige .ce_comments .submit {
/*	background: var(--farbe-gruen-dunkel);  */
	background: var(--farbe-rot-dunkel);
	color: #ffffff;
	padding: 5px 25px;
	border-radius: 5px;
}

a.btn--primary, span.btn--primary, button.btn--primary, button.submit, .ce_comments .submit, div.btn--primary > a, div.btn--primary > button, .ce_toplink > a, .ce_toplink > button, .toplink > a, .toplink > button {
/*	background-color: var(--farbe-gruen-dunkel);  */
	background-color: var(--farbe-rot-dunkel);
	color: #ffffff;
	padding: 5px 25px;
	border-radius: 5px;
}
a.btn--primary:hover, span.btn--primary:hover, button.btn--primary:hover, button.submit:hover, .ce_comments .submit:hover {
	background-color: var(--farbe-rot-dunkel);
	color: #ffffff;
	opacity: 0.7;
}
div.btn--primary > a:hover, div.btn--primary > button:hover, .ce_toplink > a:hover, .ce_toplink > button:hover, .toplink > a:hover, .toplink > button:hover {
		opacity: 0.7;
}

.bg-beige-gelb div.btn--primary > a {
	background-color: transparent;
/*	color: var(--farbe-gruen-dunkel);
	border: 2px solid var(--farbe-gruen-dunkel);  */
	color: var(--farbe-rot-dunkel);
	border: 2px solid var(--farbe-rot-dunkel);
	border-radius: 5px;
	font-weight: 600;
}

.ce_accordion .toggler:hover {
	color: var(--farbe-gelb-beige);
}
.bg-beige .ce_accordion .toggler:hover, 
.bg-beige-gelb .ce_accordion .toggler:hover {
	color: #ffffff;
}



[id="footer"] {
	background: var(--farbe-grau-braun-dunkel);
}
[id="footer"] a {
	color: var(--farbe-beige);
}

[id="footer"] .ce_image {
	background-color: transparent;
}
[id="footer"] .ce_image img {
	border: none;
}
[id="footer"] .ce_hyperlink.btn--primary > a {
	background-color: transparent;
/*	color: var(--farbe-gruen-dunkel);
	border: 2px solid var(--farbe-gruen-dunkel);  */
	color: #ffffff;
	border: 2px solid #ffffff;
	border-radius: 5px;
	font-weight: 600;
}



.mod_newslist .layout_short {
	margin-bottom: 45px;
}
.mod_newslist .layout_short h2 {
	margin: 0 0 10px 0;
}
.mod_newslist .layout_short .ce_text {
	margin: 0 0 0 0;
}


.mod_newslist.sehr-kurz h2 {
	font-size: 1.125rem;
	margin-bottom: 0;
}
.mod_newslist.sehr-kurz .layout_short {
	margin-bottom: 25px;
}

body.wide .ce_headline.inline {
	padding: 0;
	margin-bottom: 25px;
	
}


.ohne-rahmen, 
.ohne-rahmen img {
	border: none !important;
}
.ce_image.transparent {
	background-color: transparent !important;
}




/*  ==========  Cookie-Banner  ==========  */
cms-cookie-bar > cms-container form cms-buttons cms-button[value="accept"]:nth-last-of-type(1) > span::before, cms-accept-tags > cms-container form cms-buttons cms-button[value="accept"]:nth-last-of-type(1) > span::before {
	background-color: var(--btn-reject-bg-color) !important;
}