@font-face {
	/*https://www.fontsquirrel.com/fonts/abhaya-libre?filter%5Btags%5D%5B0%5D=paragraph&sort=popular*/
	font-family: 'Abhaya';
	src: url('../fonts/AbhayaLibre-Regular-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	/*https://www.fontsquirrel.com/fonts/hvd-peace*/
	font-family: 'HVD_Peace';
	src: url('../fonts/HVD_Peace-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	/*https://www.fontsquirrel.com/fonts/Yellow-Magician*/
	font-family: 'SeaSide';
	src: url('../fonts/SEASRN__-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	/*https://www.fontsquirrel.com/fonts/great-vibes*/
	font-family: 'Great Vibes';
	src: url('../fonts/greatvibes.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	/*https://www.fontsquirrel.com/fonts/great-vibes*/
	font-family: 'Linux Libertine';
	src: url('../fonts/LinLibertine_R.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

:root {
	--sl-link-color: light-dark(#104285, #296fc8);
	--sl-background-variant: #ddd;
	--sl-blog-hero-background: black;
	--sl-blog-hero-color: white;
	--sl-blog-hero-font: 'Abhaya', serif;
	--sl-blog-hero-text-transform: none;

	--bulma-primary-h: 214deg;
	--bulma-primary-s: 66%;
	--bulma-primary-l: 47%;
	--bulma-link-h: 214deg;
	--bulma-link-s: 66%;
	--bulma-link-l: 47%;
}

html{font-size: clamp(12px, 15px + 0.390625vw, 18px);}

html[data-theme="dark"] {color-scheme: dark;}
html[data-theme="light"] {color-scheme: light;}

body[data-book="brains-island"],
.home-card[data-book="brains-island"] {
	--sl-blog-hero-background: #31b670;
	--sl-blog-hero-color: black;
	--sl-blog-hero-font: 'Great Vibes', serif;
	--sl-blog-hero-font-size: clamp(1.8rem, calc(2.5rem + 2vw), 5rem);
	--sl-link-color: light-dark(#31b670, #31b670);
}

body[data-book="seltenheim"],
.home-card[data-book="seltenheim"]{
	--sl-blog-hero-background: #fff;
	--sl-blog-hero-color: black;
	--sl-blog-hero-font: 'Linux Libertine', serif;
	--sl-blog-hero-font-size: clamp(1.8rem, calc(2.2rem + 2vw), 5rem);
	--sl-link-color: light-dark(#333, #eee);
	--sl-blog-hero-text-transform: uppercase;
}

body[data-book="linkes-auge-hinkt"],
.home-card[data-book="linkes-auge-hinkt"]{
	--sl-blog-hero-background: #e69e18;
	--sl-blog-hero-color: black;
	--sl-blog-hero-font: 'HVD_Peace', serif;
	--sl-blog-hero-font-size: clamp(1.8rem, calc(1.6rem + 3vw), 4rem);
	--sl-link-color: light-dark(#e69e18, #b67906);
}

body[data-book="treibgold"],
.home-card[data-book="treibgold"]{
	--sl-blog-hero-background: #c13eaf;
	--sl-blog-hero-color: black;
	--sl-blog-hero-font: 'SeaSide', serif;
	--sl-blog-hero-font-size: clamp(1.8rem, calc(2rem + 2vw), 5rem);
	--sl-link-color: light-dark(#8A2C7C, #c13eaf);
}

a, a:visited, a:active {
	color: var(--sl-link-color) !important;
	text-decoration: none;
}

h1, .content h1,
h2, .content h2,
h3, .content h3 {
	font-family: 'Abhaya', serif;
	letter-spacing: .01em;
	font-weight: normal;
}

h1, .content h1 {font-size: clamp(1.75rem, 1.5rem + 3vw, 3rem);}
h2, .content h2 {font-size: clamp(1.5rem, 0.75rem + 2vw, 2.25rem);}
h3, .content h3 {font-size: clamp(1.25rem, 0.5rem + 1.5vw, 1.75rem);}

#main-menu,
header .navbar {
	background-color: #030303;
}
header a {text-decoration: none;}
header .navbar-item {
	color: #bbb !important;
}
header .navbar-item.is-active {
	background-color: var(--sl-blog-hero-background) !important;
	color:#333 !important;
}

header .navbar-end .navbar-item.is-active {
	background-color: var(--sl-blog-hero-background) !important;
	color:white !important;
}

header .navbar-item:hover {
	color:#999 !important;
	background-color: #222;
	text-decoration: none;
}
.auth-menu-icon {
	font-size:1.1em;
	padding:0 6px;
}
header .navbar-end .navbar-dropdown,
header .navbar-end .navbar-dropdown .navbar-item{
	background-color: #222 !important;
}

header .navbar-divider {
	background-color: #555;
}

html,
body {
	background-color: light-dark(#eaeaea, #161616);
	color: light-dark(#232323, #ababab);
}

.container {
	max-width: 80ch !important;
}

.has-serif-font {
	font-family: 'Abhaya', serif;
}
a.has-incognito-link {
	color: var(--bulma-text) !important;
	text-decoration: none;
	opacity: .6;
}

#blog-hero .hero-body {
	background-color: var(--sl-blog-hero-background);
}
#blog-hero a {text-decoration: none;}
#blog-hero .hero-body h1 {
	color:var(--sl-blog-hero-color);
	font-family: var(--sl-blog-hero-font), sans-serif;
	font-size: var(--sl-blog-hero-font-size);
	margin:0;
	padding:0;
	text-transform: var(--sl-blog-hero-text-transform);
}

#blog-info {
	border-bottom: solid 2px var(--sl-blog-hero-background);
	margin-bottom:2vh;
	background-color: #000;
	color: #dedede;
}

#blog-info .teaser {
	padding:.4em 0;
	color: var(--sl-blog-hero-background);
	cursor: pointer;
}
#blog-info .teaser i {
	padding-left:15px;
}
#blog-info .fullInfo {
	display: none;
	padding: 3vh 0 4vh 0 !important;
}
#blog-info.is-expanded .fullInfo {
	display: block;
}

#blog-info .fullInfo p {
	text-align: justify;
}
form .label {
	color:light-dark(#666, #999);
	font-weight: normal;
}
#consent-warning {
	background-color: orange;
	width:100%;
	padding:3vh 2vw;
	color:black;
	font-size:1.2rem;
	line-height:1;
	text-transform: uppercase;
}

.hero {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	background-color: transparent !important;
}

.home-card {
	margin:6px;
	background-color: black !important;
	color: var(--sl-blog-hero-background) !important;
	padding:3px;
}
.home-card .img {
	max-height: 22vh;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.home-card h2 {
	text-align: center;
	color: var(--sl-blog-hero-background) !important;
	font-size: 1.75rem;
	display: block;
	padding: 6px 0;
	border-bottom:solid 1px var(--sl-blog-hero-color);
	font-family: var(--sl-blog-hero-font), sans-serif;
}
.home-card a:hover {
	text-decoration: none;
}
.home-card p {
	padding: 5px 15px 15px 15px;
	font-size: .9rem;
}

.quotes-list {
	margin-top: 10vh !important;
}

.quotes-list .h2 {
	margin-bottom: 2em;
}

.post-meta span {
	display:none;
}
footer {
	background-color: light-dark(#ddd, #121212) !important;
	color: light-dark(#555, #666);
	margin-top: 5vh;
	margin-bottom: 0 !important;
	padding: 3vh 2vw !important;
	font-size:.9rem;
	border-top: 1px solid light-dark(#ccc, #222);;
}
footer td,
footer nav li {
	padding-bottom: 5px;
}
footer .settings tr td:last-child {
	padding-left: 20px;
}
footer .settings ul {
	display:inline;
}
footer .settings li {
	display:inline;
}
footer .settings li:not(:first-child):before {
	content: "|";
	padding:0 5px;
}
footer a {text-decoration: underline; text-underline-offset: 4px;}

#consent-warning h1 {
	font-size: 3rem;
	margin-bottom: 2vh;
}
#consent-warning p {
	margin-bottom: 20px;
}

#consent-warning p em {
	font-size: 2.1rem;
	font-style: normal;
}