/* =============================================================
Stylesheet coming soon Seite | Ausgabe Bildschirm
Datei: a_pictures_coming_soon.css
Datum: 03.01.2019
Autor: Markus Weber, M. A.
############################################################## */

@media screen {
  
  /* cutive-mono-regular - latin */
  @font-face {
    font-family: 'Cutive Mono';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/cutive-mono-v6-latin-regular.eot'); /* IE9 Compat Modes */
    src: local('Cutive Mono Regular'), local('CutiveMono-Regular'),
      url('../fonts/cutive-mono-v6-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
      url('../fonts/cutive-mono-v6-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
      url('../fonts/cutive-mono-v6-latin-regular.woff') format('woff'), /* Modern Browsers */
      url('../fonts/cutive-mono-v6-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
      url('../fonts/cutive-mono-v6-latin-regular.svg#CutiveMono') format('svg'); /* Legacy iOS */
  }
  
  /* gloria-hallelujah-regular - latin */
  @font-face {
    font-family: 'Gloria Hallelujah';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/gloria-hallelujah-v9-latin-regular.eot'); /* IE9 Compat Modes */
    src: local('Gloria Hallelujah'), local('GloriaHallelujah'),
     url('../fonts/gloria-hallelujah-v9-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
     url('../fonts/gloria-hallelujah-v9-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
     url('../fonts/gloria-hallelujah-v9-latin-regular.woff') format('woff'), /* Modern Browsers */
     url('../fonts/gloria-hallelujah-v9-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
     url('../fonts/gloria-hallelujah-v9-latin-regular.svg#GloriaHallelujah') format('svg'); /* Legacy iOS */
  }
  
  body, html {
    -moz-hyphens: auto; /* Silbentrennung */
    -ms-hyphens: auto; /* Silbentrennung */
    -webkit-hyphens: auto; /* Silbentrennung */
    hyphens: auto; /* Silbentrennung, noch nicht in Gebrauch (09.05.2017) */
    background-color: #3E3B36;
    height: 100%;
    margin: 0;
  }

  .vollbild {
    /* Hintergrundbild */
    background-image: url('../images/alaman_a_pictures_0.jpg');
    /* Vollbild */
    height: 100%;
    /* Das Vollbild zentrieren */
    background-position: center;
    /* Skalieren und bei Bedarf vergrößern des Bildes */
    background-size: cover;
    /* "position: relative" hinzufügen, um absolut positionierte Elemente im Inneren des Vollbildes zuzulassen (Text platzieren) */
    position: relative;
    /* Textfarbe bestimmen */
    color: #fdebe7;
    /* Font hinzufügen */
    font-family: 'Gloria Hallelujah', cursive;
    /* Schriftgröße festlegen */
  }
  
  /* Text oben links positionieren */
  .obenlinks {
    position: absolute;
    top: 0;
    left: 1rem;
  }
  
  /* Text unten links positionieren */
  .untenlinks {
    position: absolute;
    bottom: 0;
    left: 1rem;
  }
  
  /* Text mittig positionieren */
  .mittig {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    font-size: 1.5rem;
  }
  
  /* für Probleme und die JavaScript Meldung */
  .problem {
    background-color: #da7176;
    color: #fffdf5;
    font-size: 125%; /* 20px bei 100% = 16px */
    padding: 0.5rem;
    border-left: 6px solid #ac2c32; /* 3daw red w3s hsl(357, 59%, 42%) */
    border-right: 6px solid #ac2c32; /* 3daw red w3s hsl(357, 59%, 42%) */
    border-radius: 8px;
  }
  
  /* Datenschutz Formatierung */
  #datsch {
    font-family: 'Cutive Mono', monospace;
    font-size: 0.9375rem;
    line-height: 1.3;
    letter-spacing: 1px;
    width: 62%;
/*    margin: auto;*/
  }
  
  /* Adressen */
  
  address {
    font-style: normal;
    padding: 0.25rem;
    margin: 0.25rem
  }
  
  /* Links */
  a:link {
    color: #fdebe7;
  }
  
  a:visited {
    color: #fac2b8;
  }
  
  /* Absätze, Überschriften */
  
  p, h1, h2, h3 {
    line-height: 1.7;
    margin: 0.25rem;
    padding: 0.25rem;
  }
  
} /* Ende @media - nicht löschen! */

/* =============================================================
ENDE
############################################################### */