@charset "UTF-8";

/* enable smooth scroll */
html {
  scroll-behavior: smooth;
}


/* links */
a:link, 
a:visited {
	transition: all 1000ms ease-out;
}
a:hover,
a:focus {
	outline: 0;
	transition: all 150ms ease-in;
}
a:active {
	color:#f00;
}

/* rss and atom feed links */
a img.rssfeed,
a img.atomfeed {
	margin-bottom: -2px;
	width: 16px;
}

/*
a img.rssfeed {
	filter: invert(54%) sepia(18%) saturate(6377%) hue-rotate(3deg) brightness(107%) contrast(103%);
}

a img.atomfeed {
	filter: invert(65%) sepia(67%) saturate(6682%) hue-rotate(165deg) brightness(101%) contrast(101%);
}
*/

/* body */
body {
  font-size: 100%;
	background: #f0f0f0 url(../img/noise.png) top left repeat;
	color: #202020;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  margin: 0;
  padding: 0;
}


/* positioning */
.left { float: left; }
.right { float: right; }
.center { text-align: center; }
.middle { vertical-align: middle; }


/* header */
header small {
  color: #7d7a7a;
}

header .right-header {
  text-align: right;
}


/* footer */
footer {
  color: #7d7a7a;
}

footer .left,
footer .right {
  margin-top: 0px;
}


/* navigation */
nav {
  display: flex;
}

nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

nav ul li {
  float: left;
  margin: 0 5px 15px 0;
}

nav li a,
nav li a:link,
nav li a:visited {
  width: 100% !important;
  text-decoration: none;
  color: #7d7a7a;
  border: 1px solid #ccc;
  border-radius: 3px;
  padding: 3px 14px;
  background: #eee;
}

nav li a:hover {
  background: #fafafa;
  color: #666;
}

nav li a.active {
  background: #fff;
  color: #000;
}


/* content */
.page-content {
  width: auto;
  margin: 0 7.4em 80px;
}

#content {
  border: 1px solid #ccc;
  background: #fff;
  margin: 0;
  /*padding: 15px 15px 45px;*/
  padding: 0 15px 45px;
}

#content .uppercase p::first-letter {
  text-transform: capitalize;
  font-weight: bold;
}

#content code {
  font-family: ui-monospace,monospace;
  background: #f6f8fa;
  padding: 3px 7px;
}
#content .code {
  font-family: ui-monospace,monospace;
  background: #f6f8fa;
  padding: 16px;
}

#content .task-list-item-checkbox {
	margin: 0 0.2em 0.25em -1.4em;
	vertical-align: middle;
}

#content .task-list-item {
	list-style: none;
}

#content [type=checkbox], 
#content [type=radio] {
	box-sizing: border-box;
	padding: 0;
}

#content h1 {
	padding-bottom: 0.3em;
	border-bottom: 1px solid #ccc;
}

/*
Gallerie
*/

.gallerie {
	text-align: center;
	vertical-align: middle;
}

.gallerie img {
	max-width: 200px;
	max-height: 130px;
}

/*
Media Queries
*/


@media (max-width: 990px) {
  footer .left,
  footer .right { float: none;  margin-top: 10px; }
}

@media (max-width: 640px) {
  .page-content { margin: 0 0 80px; }
	nav { margin: 0 0 15px; }
	nav ul { width: 100%; text-align: center; }
	nav li a, nav li a:link, nav li a:visited { width: 100%; display: block; padding: 15px 0; }
  nav ul li { float: none; margin: 0 10px; padding: 3px 0; }
/*	#cookieConsent { display: contents !important; }*/
	#closeCookieConsent { margin: 0 !important; }
}