@charset "UTF-8";
/* #####  - basis.sass -    #### */
/*   1. Farbe:  */
/* - dunkel-türkies  */
/* - helleres türkies */
/* - weiss  */
/*#808080;    /*  - grau  */
/* - schwarz  */
/* - dunkleres grau  */
/* - helleres grau  */
/* - rot  */
/* - rot  zu schwarz */
/* - gelb -original */
/* - aus gelb - dunkler */
/*  #FFE276;	  - gelb  HG aus original */
/* - gelb zu rot */
/*  #FFE276;	  - gelb  HG aus original */
/*  header-handheld.sass - www.strasse der deutschen prache.de */
.headerContainerClass .HeaderPictureContainer {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden; }
  .headerContainerClass .HeaderPictureContainer img {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 100%;
    opacity: 0.5;
    transform: translate(-50%, -50%); }

.headerContainerClass .divLogoPictureClass {
  position: absolute;
  top: -10px;
  left: 0%;
  bottom: -10px; }
  .headerContainerClass .divLogoPictureClass img {
    height: 100%; }

.headerContainerClass .Title {
  font-family: VollkornBold;
  font-size: 20px;
  position: absolute;
  left: 60px;
  top: 25px;
  width: 180px;
  text-shadow: 0px 0px 10px white;
  text-indent: -15px;
  line-height: 1; }

.divLogoPictureClass {
  position: absolute;
  z-index: 5;
  left: 10%;
  top: 10%;
  bottom: 10%; }
  .divLogoPictureClass img {
    height: 100%; }