/*
Theme Name:   Vogue Child
Theme URI:    https://kairaweb.com/wordpress-theme/vogue/
Description:  Vogue Child is a child theme for the Vogue WordPress theme. It currently has mo theme changes, as it's just set up and ready for you to start your own editing.
Author:       Kaira
Author URI:   https://kairaweb.com/
Template:     vogue
Version:      1.0.0
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Tags:         two-columns, three-columns, four-columns, left-sidebar, right-sidebar, grid-layout, flexible-header, custom-background, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-image-header, featured-images, footer-widgets, full-width-template, theme-options, threaded-comments, translation-ready, blog, e-commerce, news
Text Domain:  vogue-child
*/

/* -- Add your Own Custom CSS Here -- 

*/
@import url("../vogue/style.css");
/*@import url("./cookie.css");*/

/* Theme Anpassungen beginnen hier */


/*
"OLD" rose color before 2020-11
#c27393

new colors: 
#f9f5f7
#d7a3b9 / hover background für buttons / HOVER LINKS / testimonial sternchen
#c27393 /background farbe für buttons  / LINKS / Headlines
#802852
#0b0a18

aqua: #03989E 

*/

/*
NAVIGATION
*/




/*BEGIN Allgemeine Theme Anpassungen*/
/*Powered by wordpress-schriftzug entfernen?*/
.hwp-powered-by span{
	display: none;
}



/* überschriften*/

body{
	background-color: #fffdfd !important;
	font-size: 19px;
	line-height: 1.5em;
	font-family: Averta, Helvetica, Arial; 
}

/*Rand padding Mobilgeräte lesbarkeit
in verbindung mit entry-content (h1 bei blogartikeln) und 
.content-area 
*/
#primary, #secondary, #colophon{
	padding: 0 12px 0 !important;
}

/*Mobile*/
@media only screen and (max-width: 720px) {
	div.site-container {
		padding: 0 0px;
	}
}

p, span, ul, li {
	font-size: 19px;
	line-height: 1.5em;
	font-family: Averta, Helvetica, Arial; 
}


h1 {
}

h2, h3, h4, h5, h6 {
color: #0b0a18;
padding: 0;
text-align: center;
text-transform: uppercase;
font-weight: bolder;
}


h2.rose, h2.bgrose, h2.black, h2.bgblack, h2.blue, h2.bgblue {
	/*padding: 3px 5px;*/
	padding: 5px 8px;
	margin: 15px 0;
	text-align:center;
	text-transform: uppercase;
}

h2.rose {
	color: #c27393;
	background-color: #fff;
}
h2.bgrose {
	background: #c27393;
	color: #fff;
}
h2.blue {
	color: #829AC8;
	background-color: #fff;
}
h2.bgblue {
	background: #829AC8;
	color: #fff;
}
h2.black {
	color: #0b0a18;
	background-color: #fff;
}
h2.bgblack{
	background: #0b0a18;
	color: #fff;
}





/*Diverse Schriftanpassungen / FONT ADJUSDTMENTS*/

/*Zitate*/
.custom-blockquote, .wp-block-quote, .custom-blockquote p, .blockquote p, .custom_block1 p{
	font-size: 1.5em;
	font-weight: bold;
	margin: 35px 0 35px !important;
	padding: 0;
	color: #c27393;
	text-transform: uppercase; 
	border-left-color: 2px solid #c27393;
}

.custom-blockquote:before, .wp-block-quote:before, .custom-blockquote p:before, .blockquote p:before, .custom_block1 p:before {
  color: black;
  content: open-quote;
  font-size: 3em;
  line-height: 0.1em;
  margin-right: 0.50em;
  vertical-align: -0.4em;
}

.spotlight {
	text-transform: uppercase; 
	font-weight: 900;
	color: #d7a3b9;
	margin-top:7px;
	margin-bottom:17px;
}

.customcolor{
	color: #c27393;
}

.boxed, .related{
	background-color: #d7a3b9;
	padding: 25px;
	margin: 45px 0;
	color: black;
}

.boxed h2, .related h2{
	font-size: 1.5em;
}

.custom-message, h1.entry-title, h2.customfont, h2.customfontbig{
  font-family: 'GreatSejagad', Averta, Arial; 
  /*color: #0b0a18;*/
  font-weight: normal;
  margin-top: 15px !important;
  text-transform: none;
}

/*BEGIN colored wrapper around blogpost-headline*/
div.h1-post-wrapper{
	background:#f6d7e3;
	margin-bottom:10px;
}
/*Desktop*/
@media only screen and (min-width: 721px) {
	div.h1-post-wrapper{
		padding-top: 200px !important;
	}
	
	h1.entry-title{
		padding: 20px 0px 0px !important;
		margin-bottom:40px;
		font-size: 3.6em !important;
	background: #fff;	
		/*
		+ div.h1 wrapper wie für mobile
		margin-top: 25px;
		padding: 25px 0px 0px !important;*/
	}
}
/*Mobile*/
@media only screen and (max-width: 720px) {
	div.h1-post-wrapper{
		margin-top: 10px !important;
		padding-top: 25px;
	}
		h1.entry-title{
		padding: 0 !important;
		background-color: #f6d7e3;
		margin: 25px !important;
		font-size: 2.8em !important;
		line-height: 1.3em !important;
	}
}
/*END colored wrapper around blogpost-headline*/

.custom-message{
font-size: 42px;
padding-top: 30px !important;
}

@media only screen and (min-width: 721px) {
	h1.entry-title{
		font-size: 82px !important;
		line-height: 1.3em !important;
	}
}


@media only screen and (max-width: 720px) {
body{
		font-size: 18px;
		line-height: 1.5em;
	}
div.elementor-widget-container{
			font-size: 18px;
			line-height: 1.5em;
	}
p, span, ul, li {
	font-size: 18px;
	font-family: Averta, Helvetica, Arial; 
}
}

/*wird in elementor seiten verwendet, bspw. Coaching!*/
h2.customfontbig{
	font-size: 4.0em;
}

/*18.10.2021*/ 
.content-area {
	padding:0 0 30px !important;
}

/*Hinweis Genderei / Ich spreche in meinen Texten Frauen an*/
span.site-copyright{
	font-size: 12px;
	
	text-transform: uppercase;
	color: darkgrey;
/* padding and margin not working */
	padding-bottom: 10px !important;
}


a:link, a:visited, a:active, a:hover {
	color: #c27393;
}

.sale{
	color: darkgrey !important;
	text-decoration: line-through !important;
	font-weight: lighter !important;
	font-size: 0.8em;
}

.price{
	text-transform: uppercase; 
	font-weight: 700;
	color: #802852;
	margin-bottom: 10px;
}














/*BEGIN Adjustments in Blogposts / Blogartikel*/
div.entry-content-img {
	text-align: center;
}

/* den vorherigen und nachfolgenden ARtikel NICHT unter dem Artikel verlinken!*/
div.nav-links{
	display: none;
}

div.nav-next, div.nav-previous{
	border: 1px solid #d7a3b9;
	padding: 7px; 
	
}

article div.entry-content h2{
	margin-top: 60px;
	margin-bottom: 20px;
	font-size: 28px;
	text-align: left;
}
article div.entry-content h3{
	margin-top: 35px;
	margin-bottom: 15px;
	font-size:22px;
	text-align: left;
	color:darkgrey;
}




/*blog verlinkte tags / categories style*/
span.cat-links a{padding: 2px;}

span.cat-links a{
	text-transform: uppercase !important;
	background: #c27393;
	color: #fff !important;
	padding: 2px;
	/*text-transform: uppercase;*/
}


/*Links in Blogposts stylen, siehe auch elementor links weiter unten bei den elementor styles!*/
article div.entry-content a:link, article div.entry-content a:visited, article div.entry-content a:active{
	color: #0b0a18 !important;
	font-weight: bolder;
	border-bottom: 3px solid #c27393;
}

 article div.entry-content a:hover{
	 color: #c27393;
 }
 
 /*Links in Artikeln */
article.post div.entry-content p.a{
  text-decoration: none !important;
  color: #c27393 !important;
}

article h1.entry-title {
	text-align: center;
	/*border-bottom: 3px solid #c27393;*/
}

article h1.entry-title::after {
   content: "";
}


/*ausblenden des Post-Datums und authors im blog*/
div.entry-meta{
/*display: none; */

}








/*Submit button stylen kommentare comments */
/*Kommentare anzeigen größer*/
p.hsc-button{
	text-align:center !important;
	padding: 20px 0 40px !important;
}
a.hsc-link span{
	/*background: #c27393;*/
	border: 3px solid black; 
	padding: 10px !important;

	font-size: 1.5em !important;
	color: #000 !important;
	text-align:center;	
}

a.hsc-link span:hover{
	background: #000;
	color: #fff !important;
}

/*Comments-Button Abstand nach oben*/
div#comments input#submit{
  background-color: #c27393 !important; 
  text-align: center;
  margin-top: 10px;
}
div#comments input#submit:hover{
  background-color: #0b0a18!important;
  text-decoration: underline;
}

h2.comments-title{
	font-size: 22px;
}

/*Datum und Uhrzeit bei Kommentaren ausstellen*/
div.comment-metadata {
  display: none;
}









/*gutenberg show posts plugin
KACHELN Blogartikel
*/

.ultp-category-in a{
	background: #c27393 !important;
	border-bottom: 1x solid white;
}

/*angesehen-counter vorerst über css ausblenden, um ihn erstmal hochzählen zu lassen.. */
span.ultp-post-view{display: none;}






h3.audioblog-headline{
	margin-top: 80px;
	font-size: 1.2em; 
	text-align: left; 
}
iframe.customsoundcloud{
	/*margin-bottom: 110px;*/
	margin-top: 10px;
}













/*BEGIN CONTENT ANPASSUNGEN ( AUCH BLOG) */

/*post gutenberg load more button*/
.ultp-loadmore .ultp-loadmore-action {
	text-align:center;
	background-color: #c27393 !important;
}

.ultp-loadmore .ultp-loadmore-action:hover{
	background-color: #000 !important;
}





/* Shariff Anpassungen */
div.shariff {
	margin-top: 20px;
	margin-bottom: 10px;
}

div.ShariffHeadline{
	font-style:italic;
	text-align:center;
	margin-top: 45px;
	color: #c27393;
}

shariff-icon{
	background-color: white; 
	color: black;
}


 
/*END Adjustments in Blogposts / Blogartikel*/
 
 
 
 /*BEGIN FOOTER Anpassungen*/
/*wenn simple banner läuft, dann margin_bottom für footer aktivieren!*/
div.site-footer-bottom-bar-left span.site-copyright, header.entry-header span.site-copyright{
	margin-bottom: 75px;
	
	display: block;
	margin-top: 5px;

	padding-top: 5px;
	padding-bottom: 5px;
	text-align: center;	
	font-size: 0.9em;
	font-variant:small-caps;
	width: 95%;
	color: #d7a3b9;
}

/*Artikelkategorien footer*/
footer#colophon ul.custommenu li a{
	padding: 7px;
	text-transform: uppercase;
	font-weight:bold;
}

footer#colophon ul.custommenu li{
	margin-top: 10px;
	margin-bottom: 10px;
}

footer#colophon ul.custommenu{
	margin-top: 40px;
	margin-bottom: 45px;
}

footer#colophon ul.custommenu li:before {
  background: linear-gradient(45deg, #c27393, #c27393);
}



footer#colophon ul.custommenu li a:hover{
	background-color: #d7a3b9;	
	color: #fff !important;
}

/*empfohlene Artikel*/
footer#colophon ul li a{
	padding: 7px;
}
footer#colophon ul li{
	margin-top: 5px;
}





/*innerhalb des footers mehr text auf mobilgeräten anzeigen*/
@media only screen and (max-width: 720px) {
	div.site-container {
		padding: 0;
	}
}

/*mehr footer auf desktop anzeigen, 90% statt 1240px*/
@media only screen and (min-width: 721px) {
	footer div.site-container {
		max-width: 95% !important;
	}	
}


/* navi ganz unterster footer - links einfärben */ 
div.site-footer-bottom-bar-right a, div.site-footer-bottom-bar-right a:visited {
	color: #fff !important;
}
 

h4.widget-title, h3.widget-title{
  margin-bottom: 5px !important;
  border-bottom: 2px solid #1d1d1d !important;
  /*color: #26211B;*/
  color: #f9f5f7 !important;
  font-weight: bold !important;
  background: #343434;
  padding: 10px 10px !important;
  line-height: 1.5em;
}

h2.widgettitle{
  margin-bottom: 5px !important;
  border-bottom: 2px solid #1d1d1d !important;
  color: #f9f5f7 !important;
  font-weight: bold;
  background: #343434;
  padding: 5px !important;
  line-height: 1.0em;
}

div.site-footer-widgets{
  background: #f9f5f7; 
}

/* regulärer Text in den Footer-Widgets */
div.site-footer-widgets div.textwidget, div.site-footer-widgets div.textwidget h3 /*Hi ich bin Kristin*/ {
  color: #0b0a18 !important;
}

div#secondary div.textwidget a{
color: #c27393;
}

/*END FOOTER ANPASSUNGEN*/









/*Formular im Footer*/
footer.site-footer .wpcf7-textarea
{
  background: #fdfdfd;
  color: #1d1d1d;
  width: 300px;
  font-size: 16px;
  border-bottom: 2px solid #f2dcdc !important;
  border-top: 2px solid #f9f5f7 !important;
  border-left: 2px solid #f9f5f7 !important;
  border-right: 2px solid #f9f5f7 !important;
  height: 150px !important;
}

footer.site-footer .wpcf7-text
{
  background: #fdfdfd;
  color: #1d1d1d;
  width: 300px;
  font-size: 16px;
  border-bottom: 2px solid #f2dcdc !important;
  border-top: 2px solid #f9f5f7 !important;
  border-left: 2px solid #f9f5f7 !important;
  border-right: 2px solid #f9f5f7 !important;
	
}

footer.site-footer .wpcf7-textarea:focus,
footer.site-footer .wpcf7-text:focus
{
  color: #1d1d1d;
  background: #d7a3b9;
  border-bottom: 2px solid #f2dcdc !important;
  border-top: 2px solid #fff !important;
  border-left: 2px solid #fff !important;
  border-right: 2px solid #fff !important;
}
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
/*
ELEMENTOR ANPASSUNGEN
*/


div.elementor-widget-container{
			font-size: 19px;
			line-height: 1.5em;
}

/*eventuell begin fix elementor und sticky navigation not working*/
body:not(.elementor-editor-active) .elementor-widget-menu-anchor {
   position: relative;
   z-index: -1;
 }
 body:not(.elementor-editor-active) .elementor-menu-anchor:before {
   content: "";
   display: block;
   height: 100px; // fixed header height
   margin: -100px 0 0; // negative fixed header height
   visibility: hidden;
   pointer-events: none;
 }
/*eventuell ende fix elementor und sticky navigation not working*/











/* BEGIN ELEMENTOR STYLES */ 


/* Text auf Buttons */
a.eael-creative-button span.cretive-button-text{
	color: #0b0a18 !important;
}

.testimonial-star-rating li i{
	color: #802852 !important;
}

.elementor-text-editor a:link, .elementor-text-editor a:visited, .elementor-text-editor a:active, .elementor-text-editor a:hover{
	color: #0b0a18;
	border-bottom: 2px solid #c27393;
	
}

.elementor a:hover{
	text-decoration: none;
}


/*Standard-Buttons Elementor BACKGROUND*/
.elementor-widget-button a.elementor-button{
  background-color: #c27393; /*rosa-farbe*/
}

/*Standard-Buttons Elementor TEXT auf Button*/
.elementor-button-wrapper a.elementor-button-link span.elementor-button-text {
  color: #fff;
  font-size: 18px;
  line-height: 1;
}

div.elementor-button-wrapper a{
  border: 0 !important;
}
/*Standard-Buttons Elementor HOVER*/
.elementor-button-wrapper a.elementor-button:hover{
	background: #0b0a18;
	color: #fff;
}
/*Standard-Buttons Elementor ICON FARBE*/
.elementor-button-wrapper a.elementor-button-link span.elementor-button-icon{
  color: #fff;
}



/* END ELEMENTOR STYLES */ 






















/* BEGIN form MAILPOET*/
.mailpoet_form {
  width: 95%;
  font-size: 16px;
  margin-bottom: 20px;
  /*	border: 2px dashed #f2dcdc;
  background-color: #f2dcdc;*/
  margin: 50px 0 50px !important;
}

.mailpoet_paragraph{
	margin-bottom: 3px !important;
}

.mailpoet_paragraph h2{
	margin: 5px !important;
}

.mailpoet-subheading{
	font-weight: bold;
	margin-bottom: 10px !important;
}

@media only screen and (min-width: 721px) {
	.mailpoet-headline-mobile{display: none;}
}
@media only screen and (max-width: 720px) {
	.mailpoet-headline-desktop{display: none;}
}

.mailpoet-headline-mobile, .mailpoet-headline-desktop{
font-size: 22px; /*gleiche größe wie headline in blogartikeln*/
font-weight:bolder;
font-weight: bold;
text-transform:uppercase;
margin-top: 25px; /*für ohne float*/
}
.mailpoet-headline-desktop{
	margin-top: 25px !important;
}
.mailpoet-headline-mobile{
	text-align:center !important;
}

.mailpoet_form_tight_container {
	padding: 0 !important;
}

@media only screen and (min-width: 721px) {
div.mailpoet-bookcover{
		margin-right: 40px; 
		width: 250px;
		text-align: center;
	}
}

@media only screen and (max-width: 720px) {
	div.mailpoet-bookcover{
		margin-right: 40px; 
		width: 100%;	
		text-align: center;
	}
}


@media only screen and (max-width: 720px) {
	div.mailpoet-input-wrapper{
		padding-top: 15px !important;
	}
}
@media only screen and (min-width: 721px) {
	div.mailpoet-input-wrapper{
		padding-top: 45px !important;
	}
}	


.mailpoet_text,
.mailpoet_textarea,
.mailpoet_select,
.mailpoet_date_month,
.mailpoet_date_day,
.mailpoet_date_year,
.mailpoet_date {
  max-width: 90% !important;
  background: #f8f2f5;
  color: #1d1d1d;
  font-size: 18px;
  font-family: Averta, Helvetica, Arial; 
  border-bottom: 1px solid #c27393 !important;
  border-top: 1px solid #c27393 !important;
  border-left: 1px solid #c27393 !important;
  border-right: 1px solid #c27393 !important;
}


.mailpoet_text:focus,
.mailpoet_textarea:focus,
.mailpoet_select:focus,
.mailpoet_date_month:focus,
.mailpoet_date_day:focus,
.mailpoet_date_year:focus,
.mailpoet_date:focus {
  outline: none;
  color: #000 !important;
  background: #d7a3b9;
  border-bottom: 1px solid #000 !important;
  border-top: 1px solid #000 !important;
  border-left: 1px solid #000 !important;
  border-right: 1px solid #000 !important;
}

/* ausgelassen bewusst checkbox label: ".mailpoet_checkbox_label" */
.mailpoet_segment_label,
.mailpoet_text_label,
.mailpoet_textarea_label,
.mailpoet_select_label,
.mailpoet_radio_label,
.mailpoet_list_label,
.mailpoet_date_label {
  display:block;
  font-weight: bold;
}


/*diese codes funktionieren im standard css nicht?! input und input focus border ?! */
input.mailpoet_submit  {
  width: 100% !important;
  background: #c27393 !important;
  color: #fff;
  text-transform: uppercase;
  font-weight: bold; 
  font-size: 18px;
  height: 50px;
  border: 1px solid #d7a3b9 !important;
  /*nachdem Abstand mailpoet-paragraph margin-bottom gen Null, hier abstand eingebaut*/
  margin-top: 15px !important;
}

input.mailpoet_submit:hover  {
  /* background-color: #d7a3b9 !important;*/
  background-color: #0b0a18 !important;
  text-decoration: underline;
/*  color: #0b0a18;*/
color: #fff;

}

.mailpoet_validate_success {
  color: green;
  display:block;
}

.parsley-errors-list {
float: left;
}

.mailpoet_validate_error {
  color: red;
  display:block;
}

.mailpoet_checkbox {
  margin-bottom: 0px;
  padding-bottom: 5px;
  margin-top: 10px;
  font-size: 13px;
  font-weight: normal;
  color: #000;
}

/*hängend an der checkbox datenschutz, Abstand nach unten zum Button*/
.mailpoet_paragraph, .mailpoet_paragraph a{
  margin: 0;
  padding: 0;
  color: #000 !important;
}

.mailpoet_datenschutz_smaller, .mailpoet_checkbox_label {
  color: #1d1d1d !important;
  font-size: 0.8em !important;
  line-height: 0.7em !important;
  margin: 0px;
  padding: 0px;
  text-decoration: none !important;
}

.mailpoet_checkbox_label::after{
  content: "*";
}





@media only screen and (min-width: 721px) {
div.mailpoet-bookcover{
		margin-right: 40px; 
		width: 250px;
		text-align: center;
	}
}

@media only screen and (max-width: 720px) {
	div.mailpoet-bookcover{
		margin-right: 40px; 
		width: 100%;	
		text-align: center;
	}
}


div.mailpoet_form_popup {
	max-height: 80% !important;
	max-width: 95% !important;
}

.mailpoet_form_popup_overlay{
	z-index: 100001 !important;
}


/* ENDE form MAILPOET*/






















/*
COOKIES 
*/


/*Cookie Container above sticky navigation and white instead of dark-grey background*/
div#cookie-notice{
  background-color: none;
  width: 60%;
  text-align: center;
  background: transparent !important;
  z-index: 999999;
}

span#cn-notice-text{
  font-size: 14px !important;
  line-height: 14px;
}

div.cookie-notice-container{
  padding-top: 20px;
  padding-bottom: 20px;
  width: 100%;
  opacity: 0.95;
  border: 1px solid #1d1d1d; /* fffdfd */
  background-color: white; 
  color: #343434 !important;
}

/*Datenschutzerklärung-Link in Cookie Notice Fließtext färben wie schriftfarbe, damit es nicht ins Auge sticht*/
div.cookie-notice-container span#cn-notice-text a{
  color: #343434 !important;
  text-decoration: none;
}

/*Button-Linktext unterstreichen bei Hover*/
#cn-accept-cookie:hover{
text-decoration: underline;
}

/*Ablehnen Button ausblenden. Cookies ablehnen möglich in Datenschutzerklärung durch weiteres CSS*/
button#cn-refuse-cookie{
    margin-left: 25px;
    background: #fff;
    line-height: 18px;
    padding: 6px 36px;
    margin-top: 25px;
    background: transparent;
    border: 0px solid #BBB;
    color: #343434;
    -moz-box-sizing: border-box;
    border-radius: 3px;
    cursor: pointer;
	display:none !important; 
    font-size: 16px;
    font-weight:bold;
    text-decoration: none;
    white-space: nowrap;
    font-weight: normal; 
}

#cn-more-info {
/*More-Button ist in den Einstellungen von Cookie Notice ausgeblendet*/
}

/* kleines x am rechten rand des Cookie-HInweises wird so ausgeblendet*/
span#cn-close-notice {
display:none !important; 
}



/*
MyStickyBar Banner oben
*/

/*mystickybar legt sich unterhalb des Cookie Hinweises, da sonst nicht erlaubt!*/
.mysticky-welcomebar-fixed{
	z-index: 99999 !important;
	
}











/*
TESTING
*/

/* menu navigation anpassung*/


/*Blendet Burger-Menu auf Mobilgeräten ein*/
@media only screen and (max-width: 720px) {
	 button.header-menu-button{
		 border-bottom: 1px solid #c27393;
		 display: block; 
		 padding: 0 !important;
		 margin:0 !important;
	 }
}
 



/*stylen der navigation ALL THIS DIRTY*/
ul#primary-menu li.custom-menu-decor{
	margin-left: 25px;
	width: 80%;
}


@media only screen and (min-width: 721px) {
	ul#primary-menu li.custom-menu-haschild{
		border-bottom: 2px solid grey;
		
	}
}

@media only screen and (min-width: 721px) {
	ul#primary-menu li.custom-menu-margin1{
		
	}
}



 
div#mysticky-nav i.fa-bars{
	display: block !important;
}


/*Main Menu Desktop*/
@media only screen and (min-width: 721px) {
	ul#primary-menu li a{
		font-size: 14px !important;
		text-transform: uppercase;
	}
	ul#primary-menu li a:hover{
	/*background-color: #d7a3b9;	*/
	color: #c27393 !important;
	}
	ul#primary-menu li a:active{
		background-color: #fff !important;	
		color: #c27393 !important;
	}
	/* sub menu */
	ul#primary-menu li ul.sub-menu li a, ul#primary-menu li ul.sub-menu li a:active	{
		border-bottom: 1px solid #fff !important;
		background-color: #fff !important;
		color: #0b0a18;
	}
	/* hover auf bg color white, damit nicht alle untermenüpunkte eingefärbt, wenn #cc link angeklickt wurde*/
		ul#primary-menu li ul.sub-menu li a:hover {
		background-color: #d7a3b9 !important;
		border-bottom: 1px solid #d7a3b9 !important;
		/*color: #fff;*/
	}
}


@media only screen and (max-width: 720px) {
	.main-navigation{
		/*background-color: #f6d7e3 !important;*/

	}
    .header-menu-button {
		/*color: #fff !important;*/  
		font-weight: normal;
	}
	nav#site-navigation .header-menu-button span{
		
		/* TEMP padding-left: 20px !important;		 */
	}
	ul#primary-menu li a{
	}
	
	ul#primary-menu li {
		float: none !important;
	}
}


/* linie unterhalb der navigaton einfärben*/
.site-header {
    box-shadow: 0 -1px 0 #c27393 inset;
    position: relative;
    color: #2d2d2d;
}



/* END menu navigation anpassung */


@media only screen and (min-width: 721px) {
.main-menu-container{
	 border-bottom: 1px solid #c27393;
 }
}


@media only screen and (max-width: 720px) {
	div.site-branding{
		display:none !important;
	}
	button.header-menu-button::before{
		content: url("https://www.kristinagness.com/wp-content/uploads/logo-endlich-genug-kristin.jpg");
		width: 250px !important;
		/*margin-right: 25px;*/
	}	

}

/*Schließen-Button "x" mobile Menu */
button.main-menu-close{
	display: block !important;
}