html, body, div, span, h1, h2, h3, h4, h5, h6, p, ol, ul, li, form, label, legend, caption, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}

/*
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: none;
  font: inherit;
  vertical-align: baseline;
}
*/
ol, ul {
  list-style: none;
}

a img {
  border: none;
}

/*
https://helenegrimaud.com/site/wp-content/themes/hg/style.css?ver=1.2.0
https://helenegrimaud.com/site/wp-content/themes/hg/stylesheets/style-default.css?ver=1.2.0
*/
/* @import url(https://fonts.googleapis.com/css?family=Forum); */
@font-face {
  font-family: "Open Sans Condensed";
  font-style: normal;
  font-weight: 300;
  src: local("Open Sans Cond Light"), local("OpenSans-CondensedLight"), url(https://themes.googleusercontent.com/static/fonts/opensanscondensed/v6/gk5FxslNkTTHtojXrkp-xGAzD5WKQVN4wSyA0MYYi4rr7w4p9aSvGirXi6XmeXNA.woff) format("woff");
}
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  src: local("Open Sans"), local("OpenSans"), url(https://themes.googleusercontent.com/static/fonts/opensans/v6/cJZKeOuBrn4kERxqtaUH3bO3LdcAZYWl9Si6vvxL-qU.woff) format("woff");
}
footer, header, menu, nav, section {
  display: block;
}

/*html {
	width:100%;
	height:100%;
}*/
body {
  position: relative;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  color: #414141;
  height: 100%;
}

/*nav ol,*/
nav ul {
  margin: 0;
  list-style: none;
}

* {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

a {
  text-decoration: none;
  line-height: inherit;
}

a:focus {
  outline: none;
}

*, h1, h2, h3, p, a, div {
  font-family: "Open Sans", sans-serif;
}

a {
  text-decoration: underline;
  color: rgba(255, 255, 255, 0.75);
}

body {
  background-color: black;
}

/* Footer */
#footer {
  position: fixed;
  bottom: 0;
  width: 100%;
  height: 30px;
  clear: both;
  text-align: left;
}

#footer p, #footer p a {
  margin: 0 10px 0 10px;
  color: rgba(255, 255, 255, 0.2) !important;
}

#footer p:hover, #footer p:hover a {
  color: rgba(255, 255, 255, 0.6) !important;
}

/* END Footer */
/* MISC */
.left {
  float: left;
}

.right {
  float: right;
}

.text-left {
  text-align: left;
}

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

.text-center {
  text-align: center;
}

.hide {
  display: none;
}

/*.frame {
  padding: 9px;
  border: 1px solid;
}*/
/* DISPLAY HELPERS (Non-Semantic) 
----------------------------------------------- */
/*.ir {
  display: block;
  border: 0;
  text-indent: -999em;
  overflow: hidden;
  background-color: transparent;
  background-repeat: no-repeat;
  text-align: left;
  direction: ltr;
}
.ir br {
  display: none;
}*/
.hidden {
  display: none !important;
  visibility: hidden;
}

.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}

.invisible {
  visibility: hidden;
}

.clear {
  clear: both;
  display: block;
  font-size: 0;
  height: 0;
  line-height: 0;
  width: 100%;
}

/*.row.collapse .column,
.row.collapse .columns {
  padding: 0;
}
.row .row {
  width: auto;
  max-width: none;
  min-width: 0;
  margin: 0 -15px;
}
.row .row.collapse {
  margin: 0;
}

.column.centered,
.columns.centered {
  float: none;
  margin: 0 auto;
}
[class*="column"] + [class*="column"]:last-child {
  float: right;
}
[class*="column"] + [class*="column"].end {
  float: left;
}
*/
/*
.entry-header .entry-media {
  border-bottom: 3px solid #ffffff;
  margin-bottom: -3px;
}
.entry-header .flexslider.slider {
  margin-bottom: 0;
}
.entry-header .flexslider.carousel {
  padding: 5px;
}
.entry-header,
.entry-header .entry-subheader,
dl.tabs dd a.active {
  -webkit-border-radius: 3px 3px 0 0;
  -khtml-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  -o-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
}
*/
.entry-title {
  color: #222222;
}

.entry-title a {
  color: #222222;
}

.entry-title a:hover {
  color: #000000;
}

/*
#content {
	margin-left:350px;
	width:500px;
}
*/
/*#footer div {
    background: none repeat scroll 0 0 #FFFFFF;
}*/
/* TYPOGRAPHY */
html {
  font-size: 62.5%;
}

body {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 21px;
}

h1 {
  font-weight: bold;
  line-height: 1.25;
  font-size: 24px;
  font-size: 2.4rem;
  margin-bottom: 15px;
}

h2 {
  font-weight: bold;
  line-height: 1.25;
  font-size: 21px;
  font-size: 2.1rem;
  margin-bottom: 12px;
}

h3 {
  font-weight: bold;
  line-height: 1.25;
  font-size: 18px;
  font-size: 1.8rem;
  margin-bottom: 10px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: #222222;
}

/*
p img {
  margin: 0;
}
p.lead {
  font-size: 18px;
  line-height: 24px;
}*/
em,
i,
var {
  font-style: italic;
  line-height: inherit;
}

strong,
b {
  font-weight: bold;
  line-height: inherit;
}

small {
  font-size: 75%;
  line-height: inherit;
}

/*abbr,
acronym {
  text-transform: uppercase;
  font-size: 90%;
  border-bottom: 1px solid;
  cursor: help;
  color: #414141;
  border-color: #222222;
}
abbr {
  text-transform: none;
}
sub {
  vertical-align: sub;
  font-size: smaller;
}
sup {
  vertical-align: super;
  font-size: smaller;
}
*/
/* SHARED STYLES
----------------------------------------------- */
.clearfix:before,
.clearfix:after {
  display: table;
}

.clearfix:after {
  clear: both;
}

.anystretch img {
  max-width: inherit;
}

/* BACKGROUND IMAGE */
/*
#bg-image {
  position: fixed;
  top: 0;
  left: 0;
  z-index: -100000;
}
.bg-image-width {
  width: 100%;
}
.bg-image-height {
  height: 100%;
}
*/
/* BRANDING
----------------------------------------------- */
#branding {
  background-color: #1F1F1F;
  border-bottom-color: #555555;
  color: #E3E3E3;
}

#branding {
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  border-bottom: 3px solid;
  padding: 0;
}

/* MAIN CONTENT
----------------------------------------------- */
/*#main {
  margin-top: 50px;
  padding-left: 0;
  padding-right: 0;
}
*/
img,
object,
embed {
  max-width: 100%;
  height: auto;
}

img {
  -ms-interpolation-mode: bicubic;
}

/*
.row {
  *zoom: 1;
}
.row:before,
.row:after {
  display: table;
}
.row:after {
  clear: both;
}
*/
/*Lang Change Nav */
#langchange {
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 999;
  width: 80px;
  height: 40px;
  padding-top: 10px;
  padding-left: 10px;
}

#langchange li {
  color: white;
  color: rgba(255, 255, 255, 0.8);
}

.langsel {
  display: inline;
}

.youtube a, .facebook a, .googleplus a {
  background-image: url("../images/SocialMedia-30---6qniv.png");
  background-repeat: no-repeat;
  display: block;
  height: 31px;
  line-height: 41px;
  overflow: hidden;
  margin: 5px 15px 5px 15px;
  text-indent: -999em;
  -moz-box-shadow: none;
  width: 30px;
  filter: alpha(opacity=75);
  -khtml-opacity: 0.75;
  -moz-opacity: 0.75;
  opacity: 0.75;
}

.youtube a:hover, .facebook a:hover, .googleplus a:hover {
  filter: alpha(opacity=100);
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}

.youtube a {
  background-position: -30px 0px;
}

.facebook a {
  background-position: 0px 0px;
}

.googleplus a {
  background-position: -60px 0px;
}

/* Main Nav */
.active > a {
  color: white !important;
  font-weight: bold !important;
}

#primary-nav {
  min-height: 40px;
  float: left;
  width: 100%;
  position: relative;
}

#primary-nav .nav {
  clear: left;
  float: left;
  position: relative;
  left: 50%;
  text-align: center;
}

#primary-nav .nav ul {
  left: auto;
  text-align: left;
}

#primary-nav .nav ul li {
  right: auto;
}

#primary-nav .nav li {
  right: 50%;
}

#primary-nav a {
  position: relative;
}

#primary-nav li {
  float: left;
  display: inline;
  position: relative;
}

#primary-nav li:hover {
  visibility: inherit;
}

#primary-nav li li {
  width: 157px;
}

#primary-nav ul ul {
  width: 160px;
  position: absolute;
  display: none;
}

#primary-nav li:hover ul {
  display: block;
  left: 0;
  top: 41px;
  z-index: 99;
}

#primary-nav li:hover li ul,
#primary-nav li li:hover li ul {
  display: none;
}

#primary-nav li li:hover ul,
#primary-nav li li li:hover ul {
  display: block;
  left: 160px;
  top: -10px;
}

#primary-nav a {
  padding: 11px 13px;
  font-weight: bold;
  line-height: 41px;
  text-decoration: none;
}

#primary-nav ul {
  margin-bottom: -3px;
  /* First Level */
}

#primary-nav ul li:first-child {
  border-left: none;
}

#primary-nav ul li:last-child {
  border-right: none;
}

#primary-nav ul ul {
  border-top: 3px solid;
  padding: 7px 0 10px;
  /* Second Level */
}

/*
#primary-nav ul ul ul {
  padding: 10px 0;
  border-top: none;
  border-left: 3px solid;
}
#primary-nav ul ul ul:before {
  position: absolute;
  top: 10px;
  left: -13px;
}
*/
#primary-nav li {
  float: left;
  margin: 0;
  border-bottom: 3px solid;
  /* First Level */
}

#primary-nav li:first-child a {
  border-left: none;
}

#primary-nav li:last-child a {
  border-right: none;
}

#primary-nav li a {
  border-left: 1px solid;
  border-right: 1px solid;
}

#primary-nav li li {
  font-size: 14px;
  font-size: 1.4rem;
  border: none;
}

#primary-nav li li:hover {
  border-bottom: none;
}

#primary-nav li li a {
  border: none;
  line-height: 1.2em;
  padding: 5px 15px 6px;
  display: block;
  background: none;
}

#primary-nav li li a:hover {
  background: none;
  padding-left: 17px;
}

/*#primary-nav .current-menu-item,
#primary-nav .current-menu-ancestor {
  border-bottom: 3px solid;
}*/
/*
	#primary-nav li.menu-item.amazon > a,
	#primary-nav li.menu-item.facebook > a,
	#primary-nav li.menu-item.flickr > a,
	#primary-nav li.menu-item.lastfm > a,
	#primary-nav li.menu-item.itunes > a,
	#primary-nav li.menu-item.myspace > a,
	#primary-nav li.menu-item.rss > a,
	#primary-nav li.menu-item.twitter > a,
	#primary-nav li.menu-item.youtube > a,
	#primary-nav li.menu-item.vimeo > a,
	#primary-nav li.menu-item.soundcloud > a,
	#primary-nav li.menu-item.bandcamp > a,
	#primary-nav li.menu-item.google > a,
	#primary-nav li.menu-item.linkedin > a {
	  filter: alpha(opacity=75);
	  -khtml-opacity: 0.75;
	  -moz-opacity: 0.75;
	  opacity: 0.75;
	  text-indent: -999em;
	  padding: 10px;
	  display: block;
	  width: 41px;
	  height: 41px;
	  line-height: 41px;
	  overflow: hidden;
	  background-repeat: no-repeat;
	  // ponytail: icons-sprite.png fehlt im Repo, liefert seit Jahren 404.
	  // Absoluter Pfad, damit AssetMapper nicht aufzuloesen versucht (Build-Fehler).
	  // Status quo bewahrt - Sprite beschaffen ist ein Content-Ticket.
	  background-image: url(/images/icons-sprite.png);
	}
	#primary-nav li.menu-item.amazon > a:hover,
	#primary-nav li.menu-item.facebook > a:hover,
	#primary-nav li.menu-item.flickr > a:hover,
	#primary-nav li.menu-item.lastfm > a:hover,
	#primary-nav li.menu-item.itunes > a:hover,
	#primary-nav li.menu-item.myspace > a:hover,
	#primary-nav li.menu-item.rss > a:hover,
	#primary-nav li.menu-item.twitter > a:hover,
	#primary-nav li.menu-item.youtube > a:hover,
	#primary-nav li.menu-item.vimeo > a:hover,
	#primary-nav li.menu-item.soundcloud > a:hover,
	#primary-nav li.menu-item.bandcamp > a:hover,
	#primary-nav li.menu-item.google > a:hover,
	#primary-nav li.menu-item.linkedin > a:hover {
	  filter: alpha(opacity=100);
	  -khtml-opacity: 1;
	  -moz-opacity: 1;
	  opacity: 1;
	  background-color: transparent;
	}
	#primary-nav li.menu-item.amazon a {
	  background-position: 10px 10px;
	}
	#primary-nav li.menu-item.bandcamp a {
	  background-position: -20px -20px;
	}
	#primary-nav li.menu-item.facebook a {
	  background-position: -50px -50px;
	}
	#primary-nav li.menu-item.flickr a {
	  background-position: -75px -80px;
	}
	#primary-nav li.menu-item.itunes a {
	  background-position: -110px -110px;
	}
	#primary-nav li.menu-item.lastfm a {
	  background-position: -140px -140px;
	}
	#primary-nav li.menu-item.myspace a {
	  background-position: -170px -170px;
	}
	#primary-nav li.menu-item.rss a {
	  background-position: -200px -200px;
	}
	#primary-nav li.menu-item.soundcloud a {
	  background-position: -230px -230px;
	}
	#primary-nav li.menu-item.twitter a {
	  background-position: -260px -260px;
	}
	#primary-nav li.menu-item.vimeo a {
	  background-position: -290px -290px;
	}
	#primary-nav li.menu-item.youtube a {
	  background-position: -320px -320px;
	}
	#primary-nav li.menu-item.google a {
	  background-position: -350px -350px;
	}
	#primary-nav li.menu-item.linkedin a {
	  background-position: -380px -380px;
	}
	#primary-nav .menu-item-social-bartender {
	  line-height: 21px;
	  height: 21px;
	  padding: 10px 0;
	}
	#primary-nav .menu-item-social-bartender a {
	  line-height: 21px;
	  padding: 0 10px;
	}
	#primary-nav .menu-item-social-bartender img {
	  display: inline-block;
	}
*/
/* MOBILE SELECT MENU */
/*#primary-nav .select,
#primary-nav select.select-menu {
  display: none;
}
#primary-nav .select {
  z-index: 1;
  float: left;
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -150px;
  width: 300px;
  height: 41px;
  line-height: 41px;
  font-size: 14px;
  text-indent: 10px;
  cursor: default;
  text-indent: 15px;
  border: 1px solid;
  font-weight: bold;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5);
}
#primary-nav .select:before {
  padding-right: 5px;
}*/
/* BRANDING
----------------------------------------------- */
#branding {
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  border-bottom: 3px solid;
  padding: 0;
  background-color: black;
}

/* aus style default */
#primary-nav ul {
  border-left-color: rgba(255, 255, 255, 0.1);
  border-right-color: rgba(0, 0, 0, 0.2);
}

#primary-nav ul ul {
  /*border-top-color: #008080;*/
  border-top-color: #555555;
  background-color: #050505;
}

/*#primary-nav ul ul ul {
  color: #008080;
  border-left-color: #008080;
}*/
#primary-nav li {
  border-bottom-color: #555555;
}

#primary-nav li:hover {
  /*border-bottom-color: #008080;*/
  border-bottom-color: #555555;
  background-color: #050505;
}

#primary-nav li:hover a {
  color: #ffffff;
}

#primary-nav li:hover li a {
  color: rgba(255, 255, 255, 0.75);
}

#primary-nav li:hover li a:hover {
  color: #ffffff;
}

#primary-nav li a {
  color: #ffffff;
  color: rgba(255, 255, 255, 0.75);
  /*border-left-color: #008080;*/
  border-left-color: #555555;
  border-left-color: rgba(0, 0, 0, 0.2);
  border-right-color: #050505;
  border-right-color: rgba(255, 255, 255, 0.1);
}

#primary-nav li a:hover {
  color: #ffffff;
}

/*#primary-nav li .current-menu-item,
#primary-nav li .current-menu-ancestor {
  border: none;
  background-bottom-color: #050505;
}
#primary-nav li .current-menu-item a,
#primary-nav li .current-menu-ancestor a {
  color: #ffffff;
}
#primary-nav .current-menu-item,
#primary-nav .current-menu-ancestor {
  border-color: #555555;
}
#primary-nav .select {
  color: #ffffff;
  border-color: rgba(0, 0, 0, 0.2);
  background-color: #050505;
}
*/
/* aus Main styles */
.tinynav {
  display: none;
  margin: 10px 0 10px 60px;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
  #primary-nav .nav, #chapternav .nav {
    display: none !important;
    visibility: hidden;
  }
  #primary-nav select.select-menu, #chapternav select.select-menu {
    display: block;
  }
  #primary-nav select.select-menu {
    position: relative;
    top: 11px;
    z-index: 10;
    width: 300px !important;
    height: 41px !important;
    line-height: 26px;
    text-indent: 10px;
    margin: 0 auto;
  }
  #tinynav2 {
    position: relative;
    top: 60px;
    margin-left: 20px;
  }
  .tinynav {
    display: block;
  }
  #nav, #chapnav {
    display: none !important;
  }
}
@media only screen and (max-width: 767px) {
  #primary-nav .nav, #chapternav .nav {
    display: none !important;
    visibility: hidden;
  }
  #primary-nav select.select-menu, #chapternav select.select-menu {
    display: block;
  }
  #primary-nav select.select-menu {
    position: relative;
    top: 11px;
    z-index: 10;
    width: 300px !important;
    height: 41px !important;
    line-height: 26px;
    text-indent: 10px;
    margin: 0 auto;
  }
  #tinynav2 {
    position: relative;
    top: 60px;
    margin-left: 20px;
  }
  .tinynav {
    display: block;
  }
  #nav, #chapnav {
    display: none !important;
  }
}
.textjustify {
  text-align: justify;
}

.textjustify h3 {
  margin: 20px 0 5px 0;
}

.container {
  /*float:left;
  display:block;
  width:100%;*/
  padding-bottom: 30px; /* von Video-Gallery */
}

.container > div {
  /*color:white;
  color:rgba(255, 255, 255, 0.98);
  background-color:black;*/
  padding: 10px;
}

/* IE Fixes */
a {
  color: white;
  color: rgba(255, 255, 255, 0.98);
}

/* Home */
.homemain {
  position: static;
  overflow: hidden;
  display: block;
  /*position:fixed;
  overflow:hidden;*/
  top: 0px;
  margin-top: 150px;
  right: 20px;
  margin-left: 55%;
  width: 42%;
  max-width: 550px;
  min-width: 350px;
  /*top:0px;
  margin-top:60px;

  right:20px;

  margin-left:-300px;

  width:90%;
  max-width:600px;*/
  opacity: 0.9;
  filter: alpha(opacity=90);
  color: white;
  color: rgba(255, 255, 255, 0.98);
  background-color: black;
}

.homemain h2 {
  color: white;
  color: rgba(255, 255, 255, 0.98);
}

/* 
.introtext {
	margin-bottom:10px;
} */
.twocolumns {
  padding-top: 10px;
}

.twocolumn {
  float: left;
  width: 50%;
}

.onecolumn {
  width: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
}

.homevideo {
  padding: 10px;
  margin-top: 10px;
  text-align: center;
  width: 100%;
}

.bordertop {
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: white;
  border-top-color: rgba(255, 255, 255, 0.3);
}

/*.signature {
	position:fixed;

	top:85%;
	right:5%;

	margin-top: -118px;
  	margin-left: -150px;

}
.signature > img {
	width:300px;
	height:237px;
}
.signaturetext {
	position:fixed;
	width:200px;
	height:100px;
	top:90%;
	right:3%;

	margin-top:  -50px;
  	margin-left: -100px;
}
.signaturetext h1 {
	font-size:25em;
	color:white;
	color:rgba(255, 255, 255, 0.98);
}*/
/* Contact */
.contactblock {
  position: fixed;
  display: block;
  overflow: hidden;
  top: 40%;
  margin-top: -200px;
  left: 0px;
  margin-left: 10%;
  max-width: 260px;
  min-width: 260px;
  min-height: 250px;
  opacity: 0.5;
  filter: alpha(opacity=50);
  color: white;
  color: rgba(255, 255, 255, 0.98);
  background-color: black;
}

.contactagencylogo {
  position: absolute;
  position: fixed;
  bottom: 40px;
  left: 40px;
}

.contactblock:hover, .impressumblock:hover {
  opacity: 0.8;
  filter: alpha(opacity=80);
}

.impressumblock {
  position: fixed;
  display: block;
  overflow: hidden;
  top: 80%;
  margin-top: -100px;
  right: 0px;
  margin-right: 5%;
  max-width: 370px;
  min-width: 280px;
  opacity: 0.5;
  filter: alpha(opacity=50);
  color: white;
  color: rgba(255, 255, 255, 0.98);
  background-color: black;
}

.contactform {
  padding: 20px;
  display: block;
  width: 300px;
}

.contactform form > div {
  display: block;
  width: 350px;
}

.contactform form > div > div {
  clear: left;
}

.contactform label {
  float: left;
  padding: 5px;
  width: 80px;
}

.contactform input {
  float: left;
  width: 150px;
  margin-top: 7px;
  margin-bottom: 7px;
}

.contactform textarea {
  float: left;
  width: 150px;
  margin: 5px;
}

.contactform span {
  float: left;
  margin: 5px;
}

.contactform img {
  float: left;
  margin: 5px;
}

.contactform p {
  float: left;
  display: block;
  width: 350px;
}

.contactform button {
  float: left;
  margin-top: 7px;
  margin-bottom: 7px;
}

.captchaimp {
  width: 40px !important;
}

/*.required:after {
	content:  "\2217 ";
}*/
/* Biografie */
.biografieblock {
  display: block;
  overflow: hidden;
  top: 0px;
  margin-top: 38%;
  left: 0px;
  margin-left: 30%;
  margin-right: 30%;
  width: 90%;
  max-width: 600px;
  min-height: 300px;
  opacity: 0.8;
  filter: alpha(opacity=80);
  color: white;
  color: rgba(255, 255, 255, 0.98);
  background-color: black;
}

/* Repertoire */
.repertoireblock {
  top: 0px;
  margin-top: 20%;
  right: 50px;
  margin-left: 70%;
  max-width: 250px;
  min-width: 250px;
  width: 25%;
  opacity: 0.5;
  filter: alpha(opacity=50);
  color: white;
  color: rgba(255, 255, 255, 0.98);
  background-color: black;
}

.repertoireblock:hover {
  opacity: 0.8;
  filter: alpha(opacity=80);
}

.repertoire h3 {
  margin: 0;
  padding: 0px;
  padding-top: 10px;
}

/* Kritik */
.kritikblock {
  display: block;
  overflow: hidden;
  top: 0px;
  margin-top: 450px;
  left: 0px;
  margin-left: 55%;
  max-width: 600px;
  min-width: 225px;
  width: 34%;
  min-height: 300px;
  opacity: 0.8;
  filter: alpha(opacity=80);
  color: white;
  color: rgba(255, 255, 255, 0.98);
  background-color: black;
}

.kritikrow {
  padding-bottom: 20px;
}

.khead {
  font-size: 16px;
}

.kmain {
  padding-bottom: 0;
  margin-bottom: 0;
  font-style: italic;
}

.kfoot {
  margin-left: 40px;
  font-size: 12px;
}

.kritikyearblock {
  top: 0px;
  margin-left: 4%;
  display: block;
  float: left;
  position: fixed;
  top: 60px;
  text-align: left;
  background-color: black;
  padding: 10px !important;
  margin-right: 330px;
}

.kritikyearblock > div {
  display: inline;
  font-size: 18px;
  color: white;
  display: block;
  float: left;
  margin: 0 5px 0 5px;
}

.kritikyearblock > div a {
  font-weight: normal;
}

/* Releases */
.releaseblock {
  display: block;
  overflow: hidden;
  top: 0px;
  margin-top: 350px;
  margin-bottom: 0px;
  left: 0px;
  margin-left: 8%;
  max-width: 500px;
  min-width: 450px;
  width: 60%;
  min-height: 300px;
  opacity: 0.9;
  filter: alpha(opacity=90);
  color: white;
  color: rgba(255, 255, 255, 0.98);
  background-color: black;
}

.release {
  display: block;
  float: left;
  width: 100%;
  padding-bottom: 20px;
}

.release h2 {
  margin: 10px 0 0 5px;
}

.release p {
  /*margin-left:		2em;
  padding-left:		2em;
  text-indent:		2em;*/
}

.release img {
  margin: 10px;
  float: left;
}

/* performance */
.performanceblock {
  display: block;
  overflow: hidden;
  top: 0px;
  margin-top: 450px;
  margin-top: 12%;
  left: 0px;
  margin-left: 2%;
  max-width: 550px;
  min-width: 550px;
  width: 25%;
  color: black;
  background-color: transparent !important;
}

.performanceblock h1 {
  margin: 10px 0 10px 0;
  color: white;
}

.eventblock {
  max-width: 550px;
  min-width: 550px;
}

.kdate {
  width: 90px;
  padding: 8px;
}

.kplcae {
  width: 100px;
  padding: 8px;
}

.kname {
  width: 220px;
  padding: 8px;
}

.kcountry {
  width: 100px;
  padding: 8px;
}

.ktext {
  width: 420px;
  padding: 8px;
  margin-left: 90px;
}

.ktext p {
  margin: 0;
  padding: 0;
}

.performanceyearblock {
  top: 0px;
  margin-left: 4%;
  display: block;
  float: left;
  position: fixed;
  top: 60px;
  text-align: left;
  background-color: black;
  padding: 10px !important;
  color: black;
  background-color: #a53e46 !important;
}

.performanceyearblock > div {
  display: inline;
  width: 50px;
  display: block;
  float: left;
  font-size: 20px;
  color: black;
  margin: 0 5px 0 5px;
}

.performanceyearblock > div a {
  font-weight: normal;
  color: black;
}

.kdate {
  display: block;
  float: left;
  background-color: #a53e46;
}

.kplcae {
  display: block;
  float: left;
  background-color: #c74840;
}

.kname {
  display: block;
  float: left;
  background-color: #c74840;
}

.kcountry {
  display: block;
  float: left;
  background-color: #c74840;
}

.ktext {
  display: block;
  float: left;
  color: black;
  background-color: #b3343a;
}

.ktext p {
  margin: 0;
  padding: 5px 5px 15px 0;
  color: black !important;
}

.ktext p a {
  color: black !important;
  text-decoration: underline;
}

.ktext h1, .ktext h2, .ktext h3 {
  font-size: 1.8rem;
  margin: 0px;
}

.artistname {
  position: fixed;
  top: 50px;
  float: right;
  right: 20px;
  color: white;
  color: rgba(255, 255, 255, 0.98);
}

.artistname h1 {
  font-size: 30px;
  margin: 20px 20px 0 20px;
}

.artistname p {
  font-size: 22px;
  margin: 0 20px 20px 20px;
  text-align: right;
}

/* Video Gallery */
.igvideoyearblock {
  top: 0px;
  margin-left: 4%;
  display: block;
  float: left;
  position: fixed;
  top: 60px;
  text-align: left;
  background-color: black;
  padding: 10px !important;
  color: white;
  color: rgba(255, 255, 255, 0.98);
  background-color: black;
  opacity: 0.5;
  filter: alpha(opacity=50);
}

.igvideoyearblock:hover {
  opacity: 0.8;
  filter: alpha(opacity=80);
}

.igvideoyearblock li {
  display: inline;
  width: auto;
  display: block;
  float: left;
  font-size: 18px;
  color: white;
  margin: 0 5px 0 5px;
}

.videogalleryblock {
  display: block;
  overflow: hidden;
  float: right;
  position: relative;
  display: block;
  width: auto;
  top: 0px;
  margin-top: 20%;
  right: 0px;
  margin-right: 2%;
  max-width: 580px;
  min-width: 280px;
  color: white;
  color: rgba(255, 255, 255, 0.98);
  background-color: black;
  opacity: 0.6;
  filter: alpha(opacity=60);
}

.videogalleryblock:hover {
  opacity: 0.8;
  filter: alpha(opacity=80);
}

.youtubevideo object {
  opacity: 1;
  filter: alpha(opacity=100);
}

.videodescr {
  width: 270px;
  float: left;
  display: block;
  margin: 5px;
  padding: 0px;
  padding-bottom: 20px;
  min-height: 240px;
}

/* Image Gallery */
.igyearblock {
  top: 0px;
  margin-left: 4%;
  display: block;
  float: left;
  position: fixed;
  top: 60px;
  text-align: left;
  color: white;
  color: rgba(255, 255, 255, 0.98);
  background-color: black;
  padding: 10px !important;
  opacity: 0.5;
  filter: alpha(opacity=50);
}

.igyearblock:hover {
  opacity: 0.8;
  filter: alpha(opacity=80);
}

.igyearblock li {
  display: inline;
  display: block;
  float: left;
  font-size: 18px;
  color: white;
  font-weight: normal;
  margin: 0 5px 0 5px;
}

.igyearblock a {
  font-weight: normal;
}

.gallerychapters {
  display: block;
  float: left;
  position: fixed;
  /*top:180px;*/
  /*left:230px';*/
  left: 4%;
  top: 100px;
  margin-top: 20%;
  width: 300px;
  text-align: left;
  color: white;
  color: rgba(255, 255, 255, 0.98);
  background-color: black;
  opacity: 0.5;
  filter: alpha(opacity=50);
}

.gallerychapters > div {
  margin-bottom: 1em;
}

.gallerychapters:hover {
  opacity: 0.8;
  filter: alpha(opacity=80);
}

.gallerychapters h3 {
  padding: 0;
  margin: 0 !important;
  font-size: 20px;
}

.gallerychapters span {
  margin: 0 0 40px 20px !important;
  font-size: 14px;
}

.imagegalleryblock {
  overflow: hidden;
  position: relative;
  display: block;
  float: right;
  margin-top: 20%;
  margin-right: 5%;
  right: 0px;
  max-width: 485px;
  min-width: 170px;
  padding-right: 0px !important;
  padding-bottom: 0px !important;
  margin-bottom: 80px;
  color: white;
  color: rgba(255, 255, 255, 0.98);
  background-color: black;
}

.imagegalleryblock > div {
  padding: 0 !important;
  margin: 0 !important;
}

.translation {
  display: block;
  position: relative;
  left: 90%;
  padding-left: 10px;
  width: 60px;
  color: white;
  color: rgba(255, 255, 255, 0.98);
}

h1, h2, h3, p {
  color: white !important;
  color: rgba(255, 255, 255, 0.98);
}

.flash-notice {
  position: fixed;
  top: 50%;
  left: 55%;
  margin-top: -118px;
  margin-left: -150px;
  background-color: green !important;
  padding: 10px;
}

/* Smartphones (landscape) ----------- */ /* 321*/
@media only screen and (min-width: 321px) {
  .kritikyearblock {
    margin-right: 0px;
    width: 450px;
  }
  .kritikblock {
    margin-left: 20px;
    margin-top: 150px;
    width: 450px;
    min-width: 450px;
  }
  .homemain {
    position: static;
    display: block;
    overflow: hidden;
    margin-left: 10px;
    margin-top: 190px;
    width: 450px;
    min-width: 450px;
  }
  .artistname, .contactagencylogo, .footerhome {
    display: none;
  }
  .biografieblock {
    margin-left: 10px;
    margin-top: 140px;
    width: 450px;
    min-width: 450px;
  }
  .repertoireblock {
    margin-left: 10px;
    margin-top: 140px;
    width: 450px;
    min-width: 450px;
    opacity: 0.8;
    filter: alpha(opacity=80);
  }
  .performanceblock {
    margin-left: 10px;
    margin-top: 100px;
    font-size: 12px !important;
    width: 460px;
    min-width: 460px;
  }
  .performanceblock div span {
    padding: 3px;
  }
  .kdate {
    width: 80px;
  }
  .kplcae {
    width: 100px;
  }
  .kname {
    width: 180px;
  }
  .kcountry {
    width: 100px;
  }
  .ktext {
    margin-left: 80px;
    padding: 3px;
  }
  .gallerychapters {
    display: block;
    float: left;
    position: relative;
    left: 4%;
    top: 0px;
    width: 300px;
  }
  .gallerychapters span {
    display: block;
  }
  .imagegalleryblock {
    top: 5px;
    left: 4%;
    width: 90px;
  }
  .videogalleryblock {
    top: -20px;
    width: 280px;
    margin-right: 4%;
    padding-bottom: 20px;
  }
  .contactblock {
    margin-top: 180px;
    margin-left: 20px;
    display: block;
    overflow: hidden;
    position: relative;
  }
  .impressumblock {
    margin-top: 20px;
    margin-left: 20px;
    display: block;
    overflow: hidden;
    position: relative;
  }
}
/* Smartphones (portrait) ----------- */
@media only screen and (max-width: 320px) {
  .kritikyearblock {
    margin-right: 0px;
  }
  .homemain {
    position: static;
    display: block;
    overflow: hidden;
    margin-left: 10px;
    margin-top: 280px;
    width: 300px;
    min-width: 300px;
  }
  .artistname, .contactagencylogo, .footerhome {
    display: none;
  }
  .kritikyearblock {
    margin-right: 10px;
    width: 300px;
  }
  .kritikblock {
    top: 0px;
    margin-top: 180px;
    margin-left: 10px;
    margin-right: 10px;
    width: 300px;
    min-width: 300px;
  }
  .biografieblock {
    margin-left: 10px;
    margin-top: 300px;
    width: 300px;
    min-width: 300px;
  }
  .repertoireblock {
    margin-left: 10px;
    margin-top: 75%;
    width: 300px;
    min-width: 300px;
    opacity: 0.8;
    filter: alpha(opacity=80);
  }
  .performanceblock {
    top: 0px;
    margin-top: 100px;
    margin-left: 5px;
    min-width: 300px;
    width: 300px;
  }
  .kdate {
    clear: both;
    width: 100px;
    padding: 3px;
  }
  .kplcae {
    width: 190px;
    padding: 3px;
    margin: 0;
    text-align: center;
  }
  .kname {
    clear: both;
    width: 290px;
    padding: 3px;
  }
  .kcountry {
    width: 150px;
    padding: 3px;
    display: none;
  }
  .ktext {
    clear: both;
    width: 300px;
    padding: 3px;
    margin-left: 0px;
    margin-bottom: 10px;
  }
  .gallerychapters {
    display: block;
    float: left;
    position: relative;
    left: 4%;
    top: 5px;
    width: 300px;
  }
  .gallerychapters span {
    display: none;
  }
  .imagegalleryblock {
    top: 5px;
    left: 4%;
    width: 170px;
  }
  .videogalleryblock {
    top: 5px;
    width: 280px;
    margin-right: 4%;
    padding-bottom: 20px;
  }
  .contactblock {
    margin-top: 230px;
    margin-left: 20px;
    display: block;
    overflow: hidden;
    position: relative;
  }
  .impressumblock {
    display: block;
    overflow: hidden;
    position: relative;
    margin-top: 20px;
    margin-left: 20px;
    margin-right: 20px;
  }
}
/* first iphone hack */
@media only screen and (max-width: 767px) {
  .biografieblock, .kritikblock, .repertoireblock, .contactblock, .releaseblock, .impressumblock {
    opacity: 1;
    filter: alpha(opacity=100);
  }
  .homevideo {
    display: none;
  }
  /*.kritikblock {
  	top:0px;
  	margin-top:120px;

  	margin-left:20px;
  	margin-right:20px;

  	max-width:600px;
  	min-width:300px;
  	width:90%;

  	min-height:300px;	

  }*/
}
@media only screen and (min-width: 960px) {
  .homemain {
    position: fixed;
    overflow: hidden;
    display: block;
    top: 0px;
    margin-top: 60px;
    right: 20px;
    margin-left: 300px;
    width: 90%;
    max-width: 600px;
  }
}
/* iPads (landscape) ----------- */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .homemain {
    position: static;
    overflow: hidden;
    display: block;
    margin-top: 90px;
    right: 20px;
    margin-left: 540px;
    width: 45%;
    max-width: 600px;
  }
  .footerhome {
    display: block;
  }
  .contactagencylogo {
    display: none;
  }
  .artistname {
    display: block;
  }
  .biografieblock {
    display: block;
    overflow: hidden;
    top: 0px;
    margin-top: 38%;
    left: 0px;
    margin-left: 30%;
    margin-right: 30%;
    width: 90%;
    max-width: 600px;
    min-height: 300px;
  }
  .repertoireblock {
    top: 0px;
    margin-top: 20%;
    right: 50px;
    margin-left: 70%;
    max-width: 250px;
    min-width: 250px;
    width: 25%;
  }
  .kritikblock {
    top: 0px;
    margin-top: 450px;
    left: 0px;
    margin-left: none;
    margin-left: 55%;
    max-width: 600px;
    min-width: 225px;
    width: 34%;
  }
  .performanceblock {
    top: 0px;
    margin-top: 450px;
    margin-top: 12%;
    left: 0px;
    margin-left: 2%;
    max-width: 550px;
    min-width: 550px;
    width: 25%;
  }
  .kdate {
    width: 90px;
    padding: 8px;
  }
  .kplcae {
    width: 100px;
    padding: 8px;
  }
  .kname {
    width: 220px;
    padding: 8px;
  }
  .kcountry {
    width: 100px;
    padding: 8px;
  }
  .ktext {
    width: 420px;
    padding: 8px;
    margin-left: 90px;
  }
  .gallerychapters {
    display: block;
    float: left;
    position: fixed;
    left: 4%;
    top: 100px;
    margin-top: 20%;
    width: 300px;
    text-align: left;
    color: white;
    color: rgba(255, 255, 255, 0.98);
    background-color: black;
    opacity: 0.5;
    filter: alpha(opacity=50);
  }
  .imagegalleryblock {
    margin-top: 20%;
    margin-right: 5%;
    right: 0px;
    max-width: 485px;
    min-width: 165px;
    width: auto;
    padding-right: 0px !important;
    padding-bottom: 0px !important;
    margin-bottom: 80px;
  }
  .videogalleryblock {
    width: auto;
    top: 0px;
    margin-top: 20%;
    right: 0px;
    margin-right: 2%;
    max-width: 580px;
  }
  .kritikyearblock {
    margin-right: 330px;
  }
  .contactblock {
    position: fixed;
    display: block;
    overflow: hidden;
    margin-top: 100px;
    left: 0px;
    margin-left: 10%;
  }
  .impressumblock {
    position: fixed;
    display: block;
    overflow: hidden;
    margin-top: -100px;
  }
}
/* iPads (portrait) ----------- */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
  .homemain {
    position: static;
    overflow: hidden;
    margin-top: 180px;
    right: 20px;
    margin-left: 300px;
    width: 90%;
    max-width: 450px;
  }
  .footerhome {
    display: block;
  }
  .contactagencylogo {
    display: none;
  }
  .artistname {
    display: block;
  }
  .biografieblock {
    right: 0px;
    margin-top: 300px;
    opacity: 0.8;
    filter: alpha(opacity=80);
  }
  .repertoireblock {
    top: 0px;
    margin-top: 50%;
    right: 50px;
    margin-left: 10%;
    max-width: 250px;
    min-width: 250px;
    width: 25%;
  }
  .kritikblock {
    top: 0px;
    margin-top: 560px;
    left: 0px;
    margin-left: 10px;
    max-width: 600px;
    min-width: 225px;
    width: 40%;
  }
  .performanceblock {
    top: 0px;
    margin-top: 450px;
    margin-top: 12%;
    left: 0px;
    margin-left: 2%;
    max-width: 550px;
    min-width: 550px;
    width: 25%;
  }
  .kdate {
    width: 90px;
    padding: 8px;
  }
  .kplcae {
    width: 100px;
    padding: 8px;
  }
  .kname {
    width: 220px;
    padding: 8px;
  }
  .kcountry {
    width: 100px;
    padding: 8px;
  }
  .ktext {
    width: 420px;
    padding: 8px;
    margin-left: 90px;
  }
  .videogalleryblock {
    width: auto;
    top: 0px;
    margin-top: 20%;
    right: 0px;
    margin-right: 2%;
    max-width: 580px;
  }
  .kritikyearblock {
    margin-right: 330px;
  }
  .contactblock {
    position: fixed;
    display: block;
    overflow: hidden;
    margin-top: 50px;
    left: 0px;
    margin-left: 10%;
  }
  .impressumblock {
    position: fixed;
    display: block;
    overflow: hidden;
    margin-top: -80px;
    width: 300px;
  }
}
/* Desktops and laptops ----------- */
/* @media only screen and (min-width : 1224px) { */
@media only screen and (min-width: 1025px) {
  .shadow {
    /*
     -moz-box-shadow:    3px 8px 3px 3px #ddd;
     -webkit-box-shadow: 3px 8px 3px 3px #ddd;
     box-shadow:         3px 8px 3px 3px #ddd;
     */
    -webkit-box-shadow: 1px 0 2px black;
    -moz-box-shadow: 1px 0 2px black;
    box-shadow: 1px 0 2px black;
  }
  .homemain {
    position: static;
    overflow: hidden;
    display: block;
    top: 0px;
    margin-top: 180px;
    right: 20px;
    margin-left: 55%;
    width: 42%;
    max-width: 550px;
    min-width: 350px;
  }
  .artistname, .contactagencylogo, .footerhome {
    display: block;
  }
  .biografieblock {
    display: block;
    overflow: hidden;
    top: 0px;
    margin-top: 38%;
    left: 0px;
    margin-left: 30%;
    margin-right: 30%;
    width: 90%;
    max-width: 600px;
    min-height: 300px;
    opacity: 0.8;
    filter: alpha(opacity=80);
  }
  .kritikblock {
    top: 0px;
    margin-top: 450px;
    margin-top: 0px;
    margin-top: 35%;
    left: 0px;
    margin-left: 55%;
    max-width: 600px;
    min-width: 225px;
    width: 34%;
  }
  .repertoireblock {
    top: 0px;
    margin-top: 20%;
    right: 50px;
    margin-left: 70%;
    max-width: 250px;
    min-width: 250px;
    width: 25%;
    opacity: 0.5;
    filter: alpha(opacity=50);
  }
  .performanceblock {
    top: 0px;
    margin-top: 450px;
    margin-top: 12%;
    left: 0px;
    margin-left: 2%;
    max-width: 550px;
    min-width: 550px;
    width: 25%;
  }
  .kdate {
    width: 90px;
    padding: 8px;
  }
  .kplcae {
    width: 100px;
    padding: 8px;
  }
  .kname {
    width: 220px;
    padding: 8px;
  }
  .kcountry {
    width: 100px;
    padding: 8px;
  }
  .ktext {
    width: 420px;
    padding: 8px;
    margin-left: 90px;
  }
  .imagegalleryblock {
    overflow: hidden;
    position: relative;
    display: block;
    float: right;
    margin-top: 20%;
    margin-right: 7%;
    right: 0px;
    max-width: 485px;
    min-width: 165px;
    width: auto;
    padding-right: 0px !important;
    padding-bottom: 0px !important;
    margin-bottom: 80px;
  }
  .videogalleryblock {
    width: auto;
    top: 0px;
    margin-top: 20%;
    right: 0px;
    margin-right: 2%;
    max-width: 580px;
    min-width: 280px;
  }
  .kritikyearblock {
    margin-right: 630px;
    width: auto;
  }
  .contactblock {
    position: fixed;
    display: block;
    overflow: hidden;
    top: 40%;
    margin-top: -250px;
    left: 0px;
    margin-left: 5%;
  }
  .impressumblock {
    position: fixed;
    display: block;
    overflow: hidden;
    top: 80%;
    margin-top: -100px;
    right: 0px;
    margin-right: 5%;
  }
}
/* Large screens ----------- */
@media only screen and (min-width: 1824px) {
  /* Styles */
}
/* iPhone 4 ----------- */
/*
|--------------------------------------------------------------------------
| UItoTop jQuery Plugin 1.2
| http://www.mattvarone.com/web-design/uitotop-jquery-plugin/
|--------------------------------------------------------------------------
*/
#toTop {
  display: none;
  text-decoration: none;
  position: fixed;
  bottom: 10px;
  right: 10px;
  overflow: hidden;
  width: 51px;
  height: 51px;
  border: none;
  text-indent: 100%;
  background: url("../images/ui.totop-E9gbCJy.png") no-repeat left top;
}

#toTopHover {
  background: url("../images/ui.totop-E9gbCJy.png") no-repeat left -51px;
  width: 51px;
  height: 51px;
  display: block;
  overflow: hidden;
  float: left;
  opacity: 0;
  -moz-opacity: 0;
  filter: alpha(opacity=0);
}

#toTop:active, #toTop:focus {
  outline: none;
}

/*# sourceMappingURL=app-7d1043473d.output.css.map */