/* -------------------------------------------------------------
style sheet for bibliotherapie.ch  |  general styles

(c) sept 2026 by designsia.ch / sia (Responsive Design)
------------------------------------------------------------- */


@font-face {
    font-family: 'SourceSansPro-Semibold';
    src: url('fonts/SourceSansPro-Semibold.eot');
    src: url('fonts/SourceSansPro-Semibold.eot?#iefix') format('embedded-opentype'),
         url('fonts/SourceSansPro-Semibold.ttf.woff') format('woff'),
         url('fonts/SourceSansPro-Semibold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

:root {
    --body-font-family: Georgia;
    --cassiopeia-font-family-headings: Georgia;
    --body-font-size: 1rem;
    --body-font-weight: 400;
    --body-line-height: 1.5;
    --body-color: #444444;
    --color-primary: #d1bb00;
    --body-bg: #fff;
    --heading-color: inherit;
}

body {
    letter-spacing: 0.02em;
}

.container-header {
    background: transparent;
    padding-top: 1.5rem;
}

.container-nav {
    display: flex;
    width: 100%;
}

.logo img {
    max-width: 220px;
}

.container-header .navbar-toggler {
    color: var(--color-primary);
    font-size: 3rem;
    cursor: pointer;
    border: 1px solid #fff;
}

.books .custom {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
}

.book img {
    max-width: 160px;
    border: 1px dashed #999999;
    padding: 1rem;
}

.footer {
    margin-top: 3rem;
    background: transparent;
    color: var(--body-color) ;
}


p.zitat {
    background:             url(../images/anfuehrungszeichen.png) no-repeat 0px 2px;
    text-indent:            28px;
    margin:                 1.5rem 0 0 0;
}

.bild {
    font-size:              0.85em;
}

li { }

footer p {
    font-size:              0.9em;
    margin:                 0px;
    color: var(--body-color) ;
}

h1 {
	font-weight:            normal;
    font-size:              1.6rem;
    line-height:            1.35em;
    margin:                 10px 0 16px 0px;
}

h2, .blog .item h1 {
    font-weight:            normal;
    font-size:              1.3rem;
    line-height:            1.35em;
}

h3, h4, h5, h6 {
    font-weight:            bold;
    font-size:              16px;
 }

 a, .readmore a.btn, .footer a:not(.btn) {
    background: none;
    border: none;
    padding: 0rem;
    font-size: var(--body-font-size) ;
    color: var(--color-primary) ;
    text-decoration: underline;
}

 a:hover, .readmore a:hover.btn, .footer a:hover{
    color: var(--color-primary)!important;
    text-decoration: none;
}

.icon-chevron-right {
    display: none;
}

.mod-menu > li a, .container-header .mod-menu > li a {
    padding: .2rem .7rem;
    font-weight:            normal;
    color:                  var(--body-color);
    font-size:              1.3rem;
    line-height:            1.2em;
    max-width: 200px;
    display: inline-block;
    text-decoration: none!important;
}

.container-header nav {
    margin-top: 0rem!important;
}

.container-sidebar-left .mainmenu {
    display: none;
}

#mainmenu {
    padding-bottom: 2rem;
}

.container-header .mod-menu > li a {
	padding:                0px 5px 0px 5px;
    font-size:              1rem;
}

.mod-menu > li.current a, .container-header .mod-menu > li.current a,
.mod-menu > li a:hover, .container-header .mod-menu > li a:hover {
    background: none;
    color: var(--color-primary);
    text-decoration: none;
}


@media (min-width: 992px) {
.container-sidebar-right  {
   text-align: right;
}

.container-header .mod-menu > li + li {
    margin-left: .6rem;
}

.container-sidebar-left .mainmenu {
    display: block;
}

.container-header .mod-menu > li a {
    font-size: 1rem;
}

.books .custom {
    flex-direction: column
}
}