/* ==============================
Was das Leben so schreibt
Individuelles CSS
Theme: Dara
Version: 1.0
Stand: Juli 2026
===============================*/

/* ==============================
01. NAVIGATION
============================== */

.main-navigation {
background: #FCFBF8;
padding: 8px 0;
border-top: 1px solid #E8E3DB;
border-bottom: 1px solid #E8E3DB;
}

.main-navigation a {
color: #505050;
font-size: 14px;
font-weight: 400;
letter-spacing: 0.05em;
padding: 10px 22px;
transition: color .3s ease;
}

.main-navigation a,
.main-navigation .current-menu-item > a,
.main-navigation .current_page_item > a {
color: #446D73;
}

/* ==============================
02. EINZELBEITRAG - TITELBEREICH
============================== */

.post-thumbnail + .entry-header {
position: relative;
width: 100%;

margin: 0;
padding: 0;

background: transparent;
text-align: center;
transform: none;
}
/* ==============================
03. SEITENBEREICH
============================== */

.site-content {
padding-top: 60px;
background: #FCFBF8;
}

/* ==============================
04. ARTIKELKOPF
============================== */

.entry-title {
margin-top: 0;
margin-bottom: .8em;

color: #446D73;
line-height: 1.2;
}
.entry-meta {
display: block;
float: none !important;
width: auto !important;

margin: 0 0 2em;
padding-right: 1rem;

color: #8A8A8A;
font-size: 1rem;
}
.entry-header,
.entry-body {
clear: both;
}

/* ==============================
05. FLIESSTEXT
============================== */

.entry-body {
padding-left: 100px;
}

.entry-content {
color: #505050;
line-height: 1.9;
}

.entry-content p {
margin-top: 1em;
}

.entry-content a {
color: #446D73;
text-decoration: none;
transition: color .3s ease;
}

.entry-content a {
color: #446D73;
}

.entry-content a,
.entry-content a {
color: #314841;
text-decoration: underline;
}

/* ==============================
07. KOMMENTARE & WEITERLESEN
============================== */

.more-link {
display: inline-block;
margin-top: .5em;

color: #446D73;
text-decoration: none;

transition: color .3s ease;
}
.more-link::after {
content: "…";
}

.more-link {
color: #314841;
text-decoration: none !important;
}

/* Kommentare */

.entry-footer {
margin-top: 12px;
}

.entry-footer .comments-link,
.entry-footer .comments-link a {
display: inline;
padding: 0;
margin: 0;

background: none;
border: none;
border-radius: 0;
box-shadow: none;

color: #5C8C8F;
font-size: 1.2rem !important;
font-weight: 500;
line-height: 1.5;
text-decoration: none;

transition: color .25s ease;
}
.entry-footer .comments-link::before {
display: none;
content: none;
}

.entry-footer .comments-link a,
.entry-footer .comments-link a,
.entry-footer .comments-link a,
.entry-footer .comments-link a,
.entry-footer .comments-link a {
color: #446D73;
text-decoration: none;
background: none;
border: none;
box-shadow: none;
outline: none;
}
/* ==============================
08. KOMMENTARE
============================== */

.comment-list > li + li {
margin-top: 40px;
padding-top: 30px;
border-top: 1px solid #EFE7F6;
}

/* =============================
09. BEITRAGSBILD
============================== */

.post-thumbnail {
float: none !important;
width: 100%;
margin: 0 0 2rem;
}

/* ==============================
10. SIDEBAR – ÜBERSCHRIFTEN
===============================*/

.widget-title {
color: #446D73;
}

/* ==============================
11. SIDEBAR – LINKS
============================== */

.widget a {
color: #446D73;
text-decoration: none;
transition: color .3s ease;
}

.widget a {
color: #446D73;
}

.widget a,
.widget a {
color: #314841;
text-decoration: underline;
}

/* ==============================
12. ZITATE
============================== */

.entry-content blockquote {
position: relative;
min-height: 120px;

margin: 2em 0;
padding: 0 0 0 8.5rem;

border-left: none;

color: #9E7B89;
font-style: italic;
}
.entry-content blockquote::before {
content: "";
position: absolute;
top: 55%;
left: 0;

width: 95px;
height: 140px;

background: url("https://wasdaslebensoschreibtblog.com/wp-content/uploads/2026/07/Grafik-Zitat-Transparent.png") center / contain no-repeat;

transform: translateY(-50%);
}
/* ==============================
13. ABSCHLUSSTEXT
============================== */

.elly-abschluss > p {
color: #8F6B79;
font-size: 16px;
}

/* ==============================
14. SEITENHINTERGRUND
============================== */

.site-branding {
background: #FCFBF8 !important;
}

body.custom-background {
background: #E8E3DB;
}

/* ==============================
15. KOMMENTARBEREICH
============================== */

#reply-title.comment-reply-title {
max-width: 700px;
margin: 0 auto 30px;

color: #6E6266;
font-size: 28px;
font-weight: 400;
line-height: 1.9;
text-align: center;
}
/* ==============================
16. BEITRAGSNAVIGATION
============================== */

/* Gesamter Navigationsbereich */
.post-navigation {
margin-top: 90px;
margin-bottom: 110px;
}

/* Link-Container */
.post-navigation .nav-links {
display: flex;
justify-content: space-between;
align-items: flex-start;
gap: 40px;
}

/* Vorheriger / Nächster Beitrag */
.post-navigation .nav-previous,
.post-navigation .nav-next {
width: 50%;
}

.post-navigation .nav-next {
text-align: right;
}

/* Überschrift */
.post-navigation .nav-previous > a > span,
.post-navigation .nav-next > a > span {
display: block;

margin-bottom: 8px;

color: #8F9B91 !important;
font-family: inherit !important;
font-size: 12px !important;
font-style: normal !important;
font-weight: 600 !important;
letter-spacing: 2px !important;
text-transform: uppercase !important;
}
/* Beitragstitel */
.post-navigation .title {
color: #A8A6A1;
font-family: "Tangerine", cursive;
font-size: 24px;
font-weight: 400;
line-height: 1.3;
}

/* ==============================
17. WORDPRESS-DATUM AUSBLENDEN
============================== */

.entry-meta .posted-on {
display: none !important;
}

/* ==============================
18. TAGESBEGINN
============================== */

.tagesbeginn {
color: #9E7B89 !important;
font-size: 14px;
line-height: 1.5;
opacity: 0.8;
}

/* ==============================
19. SIGNATUR
============================== */

.signatur img{
border: none !important;
box-shadow: none !important;
border-radius: 0 !important;
}

/* ==============================
20. HAUPTKATEGORIE
============================== */

.wf-active .cat-links a {
font-size: 16px !important;
letter-spacing: 0.15em;
font-weight: 400;
color: #A5A59F;

}

/* ==============================
   21. LETZTE FEDER / ÄLTERE BEITRÄGE
============================== */

.blog article,
.archive article {
    background: #FFFCFA;
    margin-bottom: 40px !important;
    padding: 20px;

    box-shadow: 0 2px 10px rgba(0, 0, 0, .05);
}

.blog .site-main > article::after,
.archive .site-main > article::after {
    content: "";
    display: block;

    position: relative;
    top: 70px;

    width: 160px;
    height: 99px;

    margin: 2rem auto -5rem !important;

    background: url("https://wasdaslebensoschreibtblog.com/wp-content/uploads/2026/07/Feder-Elly-Trennung-Transparent.png")
        center / contain no-repeat;
}

/* ==============================
   21.1 LETZTE FEDER
============================== */

#infinite-handle {
    margin-top: 100px !important;
}

/* ==============================
22. ABSTAND ZWISCHEN BEITRÄGEN
============================== */

.site-main article + article {
margin-top: 100px !important;
}

/* ==============================
23. SOCIAL BUTTONS
============================== */

.sd-social .sd-button {
background: #FFFDF9;
border: 1px solid #EFE7F6;
border-radius: 999px !important;
-webkit-border-radius: 999px !important;
-moz-border-radius: 999px !important;

padding: 9px 18px;

color: #8F7B99 !important;

box-shadow: 0 3px 12px rgba(143, 123, 153, .10);
transition:
    background .3s ease,
    border-color .3s ease,
    color .3s ease,
    box-shadow .3s ease,
    transform .3s ease;
}
.sd-social .sd-button span {
color: #967FA8 !important;
font-weight: 500;
}

.sd-social .sd-button {
background: #FCF8FE;
border-color: #B89BCF;
color: #7C5E97 !important;

transform: translateY(-2px);
box-shadow: 0 6px 16px rgba(143, 123, 153, .18);
}
.sd-social .sd-button span {
color: #7C5E97 !important;
}

.sd-social li() {
margin-right: 12px;
}

/* ==============================
24. KOMMENTARE
============================== */

.comment-body {
background: #FFFCFA;
border: 1px solid #EFE7F6;
border-radius: 18px;

padding: 22px;

box-shadow: 0 4px 12px rgba(143, 123, 153, .08);
}
.comment {
margin-bottom: 35px;
}

.comment-author img {
border: 3px solid #F4EDF8;
border-radius: 50%;

box-shadow: 0 2px 8px rgba(143, 123, 153, .12);
}
.comment-author .fn {
color: #7A5B78;
font-size: 17px;
font-weight: 600;
}

.comment-metadata,
.comment-metadata a {
color: #9A9A9A !important;
font-size: 14px;
}

.comment-reply-link {
display: inline-block;

margin-top: 14px;
padding: 6px 14px;

background: #F8F2FC;
border: 1px solid #ECE1F5;
border-radius: 999px;

color: #7A5B78 !important;
text-decoration: none;

transition:
    background .3s ease,
    color .3s ease;
}
.comment-reply-link {
background: #EFE3F7;
}

/* ==============================
25. ZUHAUSE
============================== */

.page .content-wrapper {
max-width: 900px;
margin: 0 auto;

background: #FCFBF8;
box-shadow: 0 2px 10px rgba(0,0,0,.05);
}
/* ==============================
26. BILDKONZEPT
============================== */

.entry-content img,
.wp-block-image img,
.post-thumbnail img {
display: block;

border: 1px solid #DDD6CC;
border-radius: 6px;
overflow: hidden;

box-shadow: 0 5px 14px rgba(0,0,0,.05);

transition: all .3s eas
		e;
}
.post-thumbnail {
overflow: hidden;
border-radius: 6px;
}

.post-thumbnail img {
border-radius: 6px;
display: block;
}

/* ==============================
27. SUCHERGEBNISSE
============================== */

/* Hintergrund */
.search .content-wrapper {
    background: #FCFBF8;
}

/* Suchüberschrift */
.search .page-header {
    text-align: center;
    margin: 20px 0 40px;
}

.search h1.page-title {
    font-family: "Tangerine", cursive !important;
    font-size: 4rem !important;
    font-weight: 400 !important;
    font-style: normal;
    line-height: 1.15;
    letter-spacing: 0;
    text-transform: none !important;
    color: #B894B4 !important;
    display: block;
    width: 100%;
    max-width: 900px;
    margin: 0 auto;
    text-align: center !important;
}

/* Karten */
.search article {
    background: #FFFCFA;
    border: 1px solid #EFE7F6;
    border-radius: 18px;
    padding: 28px;
    margin-bottom: 24px;
    box-shadow: 0 5px 16px rgba(143,123,153,.07);
    transition: box-shadow .3s ease;
}

/* Hover */
.search article:hover {
    box-shadow: 0 8px 22px rgba(143,123,153,.10);
}

/* ==============================
28. KATEGORIESEITEN
============================== */

/* Hintergrund */
.archive .content-wrapper {
    background: #FCFBF8;
}

/* Kategorieüberschrift */
.archive h1.page-title {
    font-family: "Tangerine", cursive !important;
    font-size: 4rem !important;
    font-weight: 400 !important;
    line-height: 1.1;
    text-transform: none !important;
    letter-spacing: 0 !important;
    color: #B894B4 !important;
    text-align: center;
    margin: 0 0 12px;
}

/* Kategorienbeschreibung */
.archive .taxonomy-description {
    font-family: "Raleway", sans-serif;
    font-size: 1.30rem;
    font-style: italic;
    line-height: 1.7;
    color: #7F7A76;
    text-align: center;
    max-width: 700px;
    margin: 0 auto 35px;
}

/* Karten */
.archive article {
    background: #FFFCFA;
    border: 1px solid #EFE7F6;
    border-radius: 18px;
    padding: 28px;
    margin-bottom: 24px;
    box-shadow: 0 5px 16px rgba(143,123,153,.07);
    transition: box-shadow .3s ease;
}

/* Hover */
.archive article:hover {
    box-shadow: 0 8px 22px rgba(143,123,153,.10);
}

/* ==============================
29. KOMMENTARE
============================== */

/* Kommentare-Button */
.comments-link,
.comments-link a,
.entry-footer .comments-link a {
display: inline-block;
padding: 6px 14px;
margin-top: 12px;

background: #F8F4F7;
border: none;
border-radius: 999px;

color: #446D73;
font-size: 0.82rem;
font-weight: 500;
text-decoration: none;

box-shadow: 0 2px 6px rgba(143,123,153,.08);
transition: background .25s ease;
}
.comments-link,
.comments-link a,
.entry-footer .comments-link a {
background: #EFE5F7;
color: #446D73;
}

/* ==============================
30. FOOTER
============================== */

/* Footer */
#tertiary{
padding:70px 0 !important;
background:#FAF8F3;
}

/* Footer-Bereich */
#widget-area-2{
width:92% !important;
max-width:980px !important;
margin:0 auto !important;
}

/* Widget */
.footer-widget-area .widget{
width:100%;
max-width:900px;
margin:0 auto;
}

/* Text */
#widget-area-2 p{
line-height:1 !important;
margin-bottom:24px !important;
color:#555555;
}

/* Erste Zeile */
#widget-area-2 strong{
display !important;
margin-bottom:24px !important;
color:#2F3E34;
}

/* ==============================
31. NEWSLETTER
============================== */

/* E-Mail-Feld */
.wp-block-jetpack-subscriptions form input[type="email"]{
border:1px solid #D7D9CC !important;
border-radius:4px !important;
padding:12px 16px !important;
color:#446D73 !important;
background:#ffffff !important;
}

/* Fokus */
.wp-block-jetpack-subscriptions form input[type="email"]{
border-color:#446D73 !important;
outline;
box-shadow:0 0 0 3px rgba(68,109,115,.15);
}

/* Button */
.wp-block-jetpack-subscriptions form button,
.wp-block-jetpack-subscriptions form .wp-block-button__link{
background:#446D73 !important;
color:#ffffff !important;
border !important;
border-radius:6px !important;
padding:12px 24px !important;
transition .3s ease;
}

/* Hover */
.wp-block-jetpack-subscriptions form button,
.wp-block-jetpack-subscriptions form .wp-block-button__link{
background:#36575C !important;
}

/* ==============================
32. COPYRIGHT
============================== */

.site-info{
margin-top:35px;
padding-top:25px;
border-top:1px solid #E7E4DB;
text-align;
font-size:.95rem;
color:#8C8C8C;
}

.site-info a{
color:#446D73;
text-decoration;
transition .3s ease;
}