/* 
Theme Name: Das Franziska Sebald-Theme
Theme URI: 
Description: Ein Child-Theme für Divi 
Author: Stefan Seidner-Britting
Author URI: https://interspirit.de
Template: Divi 
Version: 0.2
*/

/******************* Fonts *******************/

body {
	font-weight: 400;
}


/******************* Header *******************/


/******************* Content *******************/

/* Überschriften Abstand */
.et_pb_text_inner h1 {
    padding-bottom: 30px;
}
.entry-content h2 {
    padding: 30px 0;
}
.entry-content h3 {
    padding: 25px 0;
}
h1, h2, h3, h4, h5, h6 {
    letter-spacing: 1.5px;
    line-height: 1.3em;
}

/* Unterstrich unter Überschriften */
h1::after, h2::after {
    content: ""; 
    display: block; 
    width: 70px;
    padding-top: 20px;
    border-bottom: 2px solid #e89b5c;
}
.fs-zentriert h1::after, .fs-zentriert h2::after {
  margin: 0 auto;
}

/* Automatische Silbentrennung von Überschriften in Mobile. */
@media only screen and (max-width: 420px) {
	h1, h2, h3, h4, h5, h6 {
		overflow-wrap: normal;
		hyphens: auto;
	}
	h1 {
		font-size: 48px !important;
	}
	h2 {
		font-size: 34px !important;
	}
}

/* Auch der letzte p soll Abstand nach unten haben */
p:not(.has-background):last-of-type {
  padding-bottom: 1em;
}

/* Aufzählungen */
.entry-content ul li, .entry-content ol li {
    padding-bottom: 13px;
}
.entry-content ol {
  list-style-position: outside;
  padding-left: 20px;
  padding-top: 20px;
  line-height: 1.8em;
}

/* Unterstreiche Links im Contentbereich, aber nicht bei Buttons. */
.entry-content a {
  text-decoration: underline;
}
a.et_pb_button {
  text-decoration: none;
}

/* Tags anzeigen */
#left-area .post-meta {
  padding-bottom: 0;
}
.single-post p.post-meta {
  margin-bottom: 0px;
}
.single-post .cu-tags {
  font-size: 13px;
  color: #666;
  padding-bottom: 14px !important;
}

/* Brevo */
.sib-form-block__button-with-loader {
  letter-spacing: 7px;
}

/******************* Sidebar ausblenden *******************/

#main-content .container:before {
	background: none;
}
#sidebar {
	display:none;
}
@media (min-width: 981px){
	#left-area {
		width: 100%;
		float: none !important;
	}
}



/******************* Footer *******************/