/*

PT Sans
PT Sans Bold
PT Sans Bold Italic
PT Sans Italic



*/

html
    {
    font-size: 62.5%;
	height: 100%;
	min-width: 320px;
    }

body
    {
    height: 100%;
	min-width: 320px;
	/*color: #3d3f54;*/
	color: #121010;
    font-size: 1.6rem;
	font-family: 'Borgia', georgia, times, "Times New Roman", serif;
    line-height: 1.4;
	background-color: #121010;
	position:relative;
  overflow-x: hidden;
    }
	
* + *,
* + h1,
* + h2,
* + h3,
* + p
    {
    margin-top: 1.6rem;
    }
	
time + h2
    {
    margin-top: 0rem;
    }
	
h1
	{
	font-size: 3.7rem;
	text-transform: uppercase;
	}
	
h2,
h3
	{
	font-size: 2rem;
    font-family:  georgia, times, "Times New Roman", serif;
	text-transform: uppercase;
	}
	
a
	{
    /*color: #3d3f54;*/
	color: #000000;
	text-decoration: none;
  
	}
	
a:hover,
a:active
	{
	text-decoration: underline;
	}
	
p a
	{
	color: #d7493b;
	}
	
img
	{
	max-width: 100%;
	}
	
time
	{
	font-family: 'PT Sans Italic', arial, verdana, sans-serif;
	text-transform: uppercase;
	}
	
figcaption
	{
	color: #777887;
	font-size: 1.4rem;
	}
	
blockquote
	{
	font-size: 3rem;
    font-family:  georgia, times, "Times New Roman", serif;
	line-height: 1.3;
	}
	
blockquote p:first-of-type:before
	{
	content: "„";
	}
	
blockquote p:last-of-type:after
	{
	content: "“";
	}

#container
	{
	width: 1440px;
	max-width: 100%;
	margin: 0px auto;
	min-height: 90%;
	}
	
main
	{
	width: 92%;
	margin: 0px auto;
	}
	
#container:after,
main:after
	{
	display: block;
	clear: both;
	content: "";
	}
	

/* ------------------------------ HEADER ------------------------------ */

#site-header
    {
    position: fixed;
	top: 3rem;
	left: 3%;
	text-align: right;
	z-index: 2;
    }
	
#site-header h1
    {
    height: 56px;
	margin-right: 6px; /* nav has 8px, this has -2px */
	overflow: hidden;
    }
	
#site-header h1 img
    {
    display: inline-block;
    }
	
#jump-to-navigation,
#close-navigation
	{
	display: none;
	}



/* Navigation */
#site-navigation li:first-of-type
    {
    display: none;
    }
	
#site-navigation a
    {
    display: block;
    padding: 0px 5px 0px 0px;
	margin: 2px 0px;
	/*color: #3d3f54;*/
	color: #000000;
	font-size: 1.7rem;
	font-family: 'PT Sans Bold', arial, verdana, sans-serif;
	line-height: 1.1;
	text-transform: uppercase;
	letter-spacing: 1px;
    border-right: rgba(61,63,84,0) 3px solid;
    }
	
#site-navigation li.on a,
#site-navigation li.on a:hover,
#site-navigation li.on a:active
    {
    border-right: rgba(61,63,84,1) 3px solid; /* highly specific to avoid conflict with media queries! */
	border-right: rgba(215,73,59,1) 3px solid;
    }
	
#site-navigation a:hover,
#site-navigation a:active
    {
    text-decoration: none;
    border-right: rgba(61,63,84,0.25) 3px solid; /* highly specific to avoid conflict with media queries! */
	border-right: rgba(215,73,59,0.25) 3px solid;
    }

	
	
/* Social Links */
#site-header .social-links
    {
    margin: 2rem 8px 0rem 0.2rem;
    }

#site-header .social-links li
    {
    float: right;
	width: 34px;
	margin: 0rem 0rem 0.5rem 0.5rem;
    }
	
#site-header .social-links li:nth-child(odd)
    {
    clear: both;
    }
	
#site-header .social-links a
    {
    display: block;
	transition: 0.15s ease-in-out;
    }
	
#site-header .social-links a:hover,
#site-header .social-links a:active
    {
    opacity: 0.7;
    }

#site-header .social-links img
    {
    display: block;
    }
	

/* ------------------------------ FOOTER ------------------------------ */

footer#site-footer
	{
	padding: 3rem 0rem;
	color: #ffffff;
	font-size: 1.5rem;
	/*background-color: #505267;*/
	background-color: #000000;
	}
	
footer#site-footer h1
	{
	font-size: 1.5rem;
	}
	
footer#site-footer > ul > li:first-of-type a
	{
	display: inline-block;
	margin-top: 1rem;
	color: #ffffff;
	text-transform: uppercase;
	}
	
footer#site-footer ul
	{
	width: 960px;
	max-width: 100%;
	margin: 0px auto;
	}
	
footer#site-footer ul:after
	{
	display: block;
	clear: both;
	content: "";
	}
	
footer#site-footer li
	{
	float: left;
	width: 33%;
	text-align: center;
	}
	
footer#site-footer li:nth-of-type(2)
	{
	border-right: #ffffff 1px solid;
	border-left: #ffffff 1px solid;
	}
	
footer#site-footer .social-links
	{
	margin-top: 0.3rem;
	}
	
footer#site-footer .social-links li,
footer#site-footer .social-links li:nth-of-type(2)
	{
	float: none;
	display: inline-block;
	width: auto;
	padding: 0rem 0.1rem;
	border: none;
	}
	
footer#site-footer .social-links a
	{
	display: block;
	transition: 0.15s ease-in-out;
	}
	
footer#site-footer .social-links a:hover,
footer#site-footer .social-links a:active
	{
	opacity: 0.6;
	}
	
footer#site-footer p
	{
	margin-top: 1rem;
	font-size: 1.3rem;
    font-family:  georgia, times, "Times New Roman", serif;
	}
	
	
	

/* ------------------------------ HOME ------------------------------ */

#home-index
	{
	background: #121010 url("../../images/layout/home/mike-author-leaf-wall.jpg") top left no-repeat;
	background-size: cover;
	background-attachment: fixed;
	}
	
#alternative-background
	{
	display: none;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
  width: 100%;
  height: 100%;
	background: #121010 url("../../images/layout/home/mike-in-action.jpg") top left no-repeat;
	background-size: cover;
	background-attachment: fixed;
	z-index: -1;
	}

/* Intro */
#home-index #intro
	{
	position: relative;
	height: 100%;
	}
	
#home-index #intro article
	{
	position: absolute;
	top: 40%;
	left: 100%;
	width: 500px;
	/*margin: -250px 0px 0px -250px;*/
  -webkit-transform: translate(-100%, -40%);
  -moz-transform: translate(-100%, -40%);
  -o-transform: translate(-100%, -40%);
  -ms-transform: translate(-100%, -40%);
  transform: translate(-100%, -40%);
	/*text-align: center;*/
  display: flex;
  flex-direction: column;
  justify-content: center;
	/*background: #000 url(../../images/layout/home/licht.png) bottom right no-repeat;*/
	background: transparent url(../../images/layout/home/light_500x364.png) 0px 0px no-repeat;
  background-size: cover;
	}
	
#home-index #intro figure
	{
	position: relative;
	display: inline-block;
	}

#home-index #intro a#close-intro
	{
	display: block;
	float: right;
	width: 67px;
	height: 40px;
	margin-right: -8px;
	text-indent: -999em;
	overflow: hidden;
	/*background: transparent url(../../images/layout/home/close_intro@1.png) top left no-repeat;*/
	/*background-size: cover;*/
	}
	
#home-index #intro article img
	{
	clear: both;
	display: block;
	max-width: 176px;
	max-height: 176px;
	margin: 0px auto;
	}

#home-index #intro figcaption
	{
	display: none;
	}
	
#home-index #intro article h2
	{
	/*font-family: Velour-Light;
	font-weight: normal;
	font-style: normal;*/
	font-size: 4rem;
	line-height: 1;
  letter-spacing: 0.5rem;
  text-align: center;
	}
	
#home-index #intro article h1
	{
	/*font-family: Velour-Light;
	font-weight: normal;
	font-style: normal;*/
	margin-top: 0rem;
	font-size: 5rem;
	line-height: 1.4;
  letter-spacing: 0.5rem;
  /*color: #ffffff;*/
  color: #DC5241;
	}
	
#home-index #intro article a
	{
	clear: both;
	display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
	}
	
#home-index #intro article a:hover,
#home-index #intro article a:active
	{
	text-decoration: none;
	}
	
#home-index #intro article a:hover h1,
#home-index #intro article a:hover h2,
#home-index #intro article a:hover p,
#home-index #intro article a:active h1,
#home-index #intro article a:active h2,
#home-index #intro article a:active p
	{
	text-decoration: underline;
	}
	
#home-index #intro article p
	{
	color: #fff;
  background: #DC5241;
  padding: 1rem 2rem;
  border-radius: 3px;
	font-family: 'PT Sans Bold', arial, verdana, sans-serif;
	text-transform: uppercase;
  display: flex;
  flex-direction: column;
  justify-content: center;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
    
	}
#home-index #intro article a:hover p,
#home-index #intro article a:active p {
  background: #952B1E;
}
	
	
	
/* Proceed to content link */
#home-index #proceed-to-content
	{
	position: absolute;
	bottom: 3rem;
	left: 50%;
	width: 78px;
	height: 78px;
	/*margin-left: -39px;*/
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
	transition: 0.15s ease-in-out;
	}
	
#home-index #proceed-to-content:hover,
#home-index #proceed-to-content:active
	{
	opacity: 0.7;
	}
	
	

/* Container*/
#home-index #container
	{
	min-height: 100vh;
	padding: 9rem 0rem;
  position: relative;
	}
	
#home-index main {
    width: 50%;
    position: absolute;
    bottom: 2%;
    left: 50%;
    transform: translate(-50%, -2%);
}
	
	

/* Dates */
#home-index #dates
	{
	/*float: left;*/
	width: 100%;
	padding: 3rem 2%;
  /*background: linear-gradient(90deg, rgba(0,0,0,0.3) 0%, rgba(255,255,255,0.5) 100%);*/
	background: transparent url(../../images/layout/home/dates.png) top left no-repeat;
	background-size: cover;
	}
	
#home-index #dates table.dates thead
	{
	display: none;
	}
	
#home-index #dates footer
	{
	margin-top: 3rem;
	}



/* News */	
#home-index #news
	{
	float: right;
	width: 48%;
	padding: 3rem 2%;
	background: transparent url(../../images/layout/home/news.png) top left no-repeat;
	background-size: cover;
	}
	
#home-index #news ol
	{
	margin-left: 3%;
	margin-right: 3%;
	}
	
#home-index #news li
	{
	padding: 2.5rem 0rem;
	border-bottom: #3d3f54 1px solid;
	}
	
#home-index #news footer
	{
	margin: 3rem 3% 0rem 3%;
	}
	
	
/* ------------------------------ ABOUT ------------------------------ */

#about-index
	{
	background: transparent url(../../images/layout/about/background.jpg) top right no-repeat;
	background-size: cover;
	background-attachment: fixed;
	}

#about-index #container
	{
	padding: 38.4rem 0rem 0rem 0rem;
	}
	
#about-index main
	{
	float: left;
	width: 46%;
	padding: 5rem 4%;
	/*background: rgba(251, 244, 222, 0.65) url(../../images/layout/about/main.png) top center no-repeat;*/
	/*background-size: contain;*/
	background: rgba(0, 0, 0, 0) url(../../images/layout/about/container.png) top center no-repeat;
    background-size: cover;	
	}
	
#about-index main h1
	{
	display: none;
	}
	
#about-index blockquote
	{
	margin: 0rem 0rem 3rem 0rem;
	}
	
#about-index .text
	{
	margin: 0rem 6%;
	}


/* ------------------------------ NEWS INDEX ------------------------------ */
.home-teaser {
	color: #ffffff;
}

.home-teaserRED {
	color: #900;
}


#news-index,
#news-entry
	{
	background: transparent url(../../images/layout/news/background.jpg) top right no-repeat;
	background-size: cover;
	background-attachment: fixed;
	}

#news-index #container,
#news-entry #container
	{
	width: 758px;
	max-width: 100%;
	background: rgba(0, 0, 0, 0) url(../../images/layout/news/container.png) top center no-repeat;
	background-size: cover;
	}
	
#news-index main,
#news-entry main
	{
	padding: 9rem 0rem;
	width: 84%;
	}
	
#news-index .news
	{
	margin-top: 3rem;
	}
	
#news-index .news > li + li
	{
	margin-top: 2rem;
	padding-top: 1rem;
	background: transparent url(../../images/layout/hr.gif) top left no-repeat;
	}
	
#news-index .news > li:after
	{
	display: block;
	clear: both;
	content: "";
	}
	
#news-index .news .news-image
	{
	float: left;
	max-width: 240px;
	margin: 1.6rem 2rem 2rem 0rem;
	}
	
#news-index .news .news-image img
	{
	display: block;
	}
	
#news-index main .news .share-links
	{
	margin-top: 1rem;
	}
	
#news-index main footer
	{
	margin-top: 3rem;
	}


/* ------------------------------ NEWS ENTRY ------------------------------ */

#news-entry main footer
	{
	margin-top: 3rem;
	}
	
#news-entry main footer:first-of-type
	{
	margin-top: 4rem;
	}
	
#news-entry main footer .share-links
	{
	margin-bottom: 3rem;
	}
	
#news-entry main article
	{
	margin-top: 3rem;
	}
	
#news-entry main article .news-image
	{
	float: left;
	max-width: 240px;
	margin: 1.6rem 2rem 2rem 0rem;
	}
	
	
/* ------------------------------ DATES INDEX ------------------------------ */

#dates-index
	{
	background: transparent url(../../images/layout/dates/background.jpg) bottom right no-repeat;
	background-size: cover;
	background-attachment: fixed;
	}

#dates-index #container
	{
	width: 758px;
	max-width: 100%;
	background: rgba(0, 0, 0, 0) url(../../images/layout/dates/container.png) top center no-repeat;
	background-size: cover;
	}
	
#dates-index main
	{
	padding: 9rem 0rem;
	width: 84%;
	}
	
#dates-index .dates
	{
	margin-top: 6rem;
	}
	
#dates-index .dates thead th:last-of-type
	{
	visibility: hidden;
	}
	
#dates-index .pagination
	{
	padding-top: 0px;
	margin-top: 2rem;
	border-top: none;
	}
	
	
/* ------------------------------ MUSIC INDEX ------------------------------ */

#music-index,
#music-entry
	{
	background: transparent url(../../images/layout/music/background.jpg) top right no-repeat;
	background-size: cover;
	background-attachment: fixed;
	}
	
#music-index main
	{
	padding: 9rem 4%;
	width: 100%;
	/*background-color: rgba(251, 244, 222, 0.85);*/
	}
	
#music-index main > ol
	{
	margin: 0% 4% 0% 15%;
	}

#music-index main > ol > li
	{
	padding: 3rem 0rem;
	border-bottom: #121010 1px solid;
	}
	
#music-index main > ol > li:last-of-type
	{
	border: none;
	}
	
#music-index main ol > li:after
	{
	display: block;
	clear: both;
	content: "";
	}
	
#music-index main .album-cover
	{
	float: left;
	width: 42%;
	}
	
#music-index main .album-cover img
	{
	display: block;
	height: auto;
	max-width: 100%;
	}
	
#music-index main .album-details
	{
	float: right;
	width: 53%;
	}

	#music-index #container {
    width: 758px;
    max-width: 100%;
    background: rgba(255, 255, 255, 0) url(../../images/layout/music/container.png) top center no-repeat;
    background-size: cover;
}	
	#music-entry #container {
    width: 758px;
    max-width: 100%;
    background: rgba(255, 255, 255, 0) url(../../images/layout/music/container.png) top center no-repeat;
    background-size: cover;
}	
/* ------------------------------ MUSIC ENTRY ------------------------------ */

#music-entry main
	{
	padding: 9rem 4% 0rem 0rem;
	width: 70%;
	/*background-color: rgba(251, 244, 222, 0.85);*/
	}

#music-entry main .album-cover
	{
	float: left;
	width: 48%;
	text-align: right;
	}
	
#music-entry main .album-cover img
	{
	display: inline-block;
	height: auto;
	max-width: 220px;
	}
	
#music-entry main .album-details
	{
	float: right;
	width: 48%;
	}
	
#music-entry main .album-details:after,
#music-entry main .album-description:after
	{
	display: block;
	clear: both;
	content: "";
	}
	
#music-entry main .album-widget
	{
	clear: both;
	float: left;
	width: 48%;
	margin-top: 3rem;
	color: #121010;
    font-family:  georgia, times, "Times New Roman", serif;
	text-align: center;
	}
	
#music-entry main .album-description
	{
	float: right;
	width: 48%;
	margin-top: 3rem;
	}
	
#music-entry main footer
	{
	clear: both;
	padding: 4rem 0rem;
	}
	
	
/* ------------------------------ GALLERY PHOTOS ------------------------------ */

#gallery-photos,
#gallery-videos
	{
	background: transparent url(../../images/layout/gallery/background.jpg) top right no-repeat;
	background-size: cover;
	background-attachment: fixed;
	}
	
#gallery-photos #container
	{
	background: rgba(0, 0, 0, 0) url(../../images/layout/gallery/container_photos.png) top center no-repeat;
	background-size: cover;
	width: 758px;
	max-width: 100%;
	}

#gallery-photos main
	{
	padding: 9rem 0rem;
	width: 94%;
	}
	
	
/* ------------------------------ GALLERY VIDEOS ------------------------------ */

#gallery-videos #container
	{
	width: 758px;
	max-width: 100%;
	background: rgba(0, 0, 0, 0) url(../../images/layout/gallery/container_videos.png) top center no-repeat;
	background-size: cover;
	}

#gallery-videos main
	{
	padding: 9rem 0rem;
	width: 84%;
	}
	
#gallery-videos .videos > li + li
	{
	margin-top: 6rem;
	}

#gallery-videos .videos iframe
	{
	display: block;
	width: 100%;
	}
	
#gallery-videos .videos figcaption
	{
	padding-top: 1rem;
	}

#gallery-videos .videos figcaption:after
	{
	display: block;
	clear: both;
	content: "";
	}

#gallery-videos .videos figcaption h1
	{
	float: left;
	width: 80%;
	font-size: 2.1rem;
    font-family:  georgia, times, "Times New Roman", serif;
	text-transform: none;
	color: #121010;
	}
	
#gallery-videos .videos figcaption .share-links
	{
	float: right;
	width: 20%;
	text-align: right;
	}
	
#gallery-videos .videos figcaption .share-links li
	{
	float: none;
	display: inline-block;
	}
	
#gallery-videos .videos figcaption .share-links li + li
	{
	margin-left: 0.5rem;
	}
	
	
/* ------------------------------ CONTACT ------------------------------ */

#contact-index
	{
		background: #ffffff;
	/*background: transparent url(../../images/layout/contact/background.jpg) top right no-repeat;
	background-size: cover;
	background-attachment: fixed;*/
	}
	
#contact-index #container
	{
	width: 758px;
	max-width: 100%;
	background: rgba(0, 0, 0, 0) url(../../images/layout/contact/container.png) top center no-repeat;
	background-size: cover;
	}
	
#contact-index main
	{
	padding: 9rem 0rem;
	width: 84%;
	}
	
#contact-index main section:first-of-type
	{
	margin-top: 6rem;
	}

#contact-index main section + section
	{
	padding-top: 2.4rem;
	margin-top: 2.5rem;
	background: transparent url(../../images/layout/hr.gif) top left no-repeat;
	}


/* ------------------------------ MISC: BUTTONS ------------------------------ */

.button
	{
	display: inline-block;
	padding: 0px 15px;
	color: #fff;
	font-family: 'PT Sans Bold', arial, verdana, sans-serif;
	line-height: 2.7rem;
	text-transform: uppercase;
  border-radius: 3px;
	transition: 0.3s ease-in-out;
	background: #DC5241;
	background-size: cover;
	}
	
.button:hover,
.button:active
	{
	text-decoration: none;
	background: #952B1E;
	}
	
	
/* ------------------------------ MISC: SPECIAL LINKS ------------------------------ */

a.more,
a.back
	{
	color: #d7493b;
	font-family: 'PT Sans Bold', arial, verdana, sans-serif;
	text-transform: uppercase;
	}
	
a.back:before
	{
	content: "< ";
	}
	
	
/* ------------------------------ MISC: SUBNAVIGATION ------------------------------ */

.subnavigation
	{
    margin: 3rem 0rem 6rem 0rem;
	}

.subnavigation ul:after
	{
    display: block;
	clear: both;
	content: "";
	}
	
.subnavigation li
	{
    float: left;
	}
	
.subnavigation li + li
	{
    padding-left: 1.9rem;
	margin-left: 1rem;
	background: transparent url(../../images/layout/subnavigation.png) center left no-repeat;
	}

.subnavigation a
	{
    font-size: 2.1rem;
	font-family:  georgia, times, "Times New Roman", serif;
	text-transform: uppercase;
	}

.subnavigation .on a
	{
	font-family: 'Borgia Bold Italic', georgia, times, "Times New Roman", serif;
	text-decoration: underline;
	}
	
	
/* ------------------------------ MISC: DATES TABLES ------------------------------ */

table.dates
	{
	width: 100%;
	}
	
table.dates thead th
	{
	font-size: 1.6rem;
	font-family:  georgia, times, "Times New Roman", serif;
	text-transform: uppercase;
	}

table.dates td
	{
	padding: 2.5rem 0rem;
	text-align: center;
    font-family:  georgia, times, "Times New Roman", serif;
	border-bottom: #121010 1px solid;
	}
	
table.dates td:last-of-type
	{
	text-align: right;
	}
	
	
/* ------------------------------ MISC: IMAGE GALLERY ------------------------------ */

.image-gallery:after
	{
	display: block;
	clear: both;
	content: "";
	}
	
.image-gallery li
	{
	float: left;
	width: 32%;
	}
	
.image-gallery li:nth-child(n+4)
	{
	margin-top: 1.5rem;
	}
	
.image-gallery li + li
	{
	margin-left: 2%;
	}
	
.image-gallery li.column-1
	{
	clear: both;
	margin-left: 0%;
	}

.image-gallery img
	{
	display: block;
	}
	
	
/* ------------------------------ MISC: PAGINATION ------------------------------ */

.pagination
	{
	margin-top: 5rem;
	padding: 1.5rem;
	text-align: center;
	border-top: #000 1px solid;
	}

.pagination li
	{
	display: inline-block;
	}
	
.pagination .first-page a
	{
	content: "<<"
	}
	
.pagination .previous-page a
	{
	content: "<"
	}
	
.pagination .next-page a
	{
	content: ">"
	}
	
.pagination .last-page a
	{
	content: ">>"
	}

.pagination a
	{
	display: block;
	padding: 0rem 0.7rem;
	color: #d7493b;
	}
	
.pagination .on a
	{
    font-family: 'Borgia Bold', georgia, times, "Times New Roman", serif;
	}
	
	
/* ------------------------------ MISC: SHARE LINKS ------------------------------ */

.share-links:after
	{
	display: block;
	clear: both;
	content: "";
	}

.share-links li
	{
	float: left;
	}

.share-links li + li
	{
	margin-left: 1rem;
	}

.share-links li img
	{
	display: block;
	}
	

/* ------------------------------ MISC: ALBUM DETAILS ------------------------------ */

.album-details h1
	{
	font-size: 2.6rem;
	font-family: 'PT Sans Bold', arial, verdana, sans-serif;
	}
	
.album-details h2
	{
	margin-top: 0rem;
	font-size: 2.6rem;
    font-family:  georgia, times, "Times New Roman", serif;
	}
	
.album-details p
	{
	margin-top: 0rem;
	}
	
.album-details .external-links
	{
	margin-top: 3rem;
	}

.album-details .external-links:after
	{
	display: block;
	clear: both;
	content: "";
	}
	
.album-details .external-links li
	{
	float: left;
	}
	
.album-details .external-links li + li
	{
	margin-left: 1rem;
	}
	
.album-details .share-links
	{
	margin-top: 3rem;
	}
/* Localized */