/*
 * © 2016
 *
 * WEBBRAND GMBH
 * Am Marktplatz 11 
 * D-28844 Weyhe
 * 
 * E-Mail: hallo@webbrand.de
 * Phone:  04203 83 99 780
 *
 * Author: Thomas J. Bertram
 *
 */


  @charset "UTF-8";


/*==========================================================================
  RESET
  ==========================================================================*/

  @import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600');


  *, *:before, *:after {
    font: inherit;
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    list-style: none;
    vertical-align: baseline;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }


/*==========================================================================
  CORE
  ==========================================================================*/

  html {
    overflow-x: hidden;
    overflow-y: scroll;
    -webkit-tap-highlight-color: transparent;
    -webkit-font-feature-settings: 'kern' 1;
    -moz-font-feature-settings: 'kern' 1;
    -moz-font-feature-settings: 'kern=1';
    -ms-font-feature-settings: 'kern' 1;
    -o-font-feature-settings: 'kern' 1;
    font-feature-settings: 'kern' 1;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
  }

  body {
    color: #6f6f6f;
    font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, Geneva, sans-serif;
    font-size: 1em;
    font-weight: 400;
    line-height: 1.5;
    text-align: center;
    background: #fff;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }

  strong { font-weight: 600; }
  p { margin-bottom: .75em; }
  strong { font-weight: 700; }
  i { font-style: italic; }

  a, a:focus, a:visited {
    color: #a50b03;
    text-decoration: none;
  }

  a:hover {
    color: #a50b03;
    text-decoration: underline;
    cursor: pointer;
  }

  /* == HEADLINES + TYPO == */

  h1, h2, h3 {
    padding: 25px 0;
  }

  h1 {
    border-bottom: 1px solid #e4e4e4;
  }

  h1 img {
    margin: 0 auto;
    width: 300px;
    height: auto;
    display: block;
  }

  h2 {
/*     padding-bottom: 0; */
  }
  
  h2, h3 {
    margin: 0;
    font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, Geneva, sans-serif;
    font-size: 1.15em;
    font-weight: 600;
    line-height: 1.25;
  }

  /* == TRANSITIONS == */

   a {
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
  }


/*==========================================================================
  LANDINGPAGE
  ==========================================================================*/

  #wrapper {
    margin: 100px auto 0 auto;
    max-width: 500px;
    background: #fff;
    border: 1px solid #e4e4e4;
  }

  #wrapper > div > p {
    margin: 0 auto;
    padding: 25px 0;
    border-top: 1px solid #e4e4e4;
  }

  #wrapper > div > p span {
    display: block;
  }
  
  #wrapper > div > p span:first-of-type,
  #imprint > p:first-of-type {
    margin-bottom: 10px;
  }


/*==========================================================================
  RESPONSIVE : SMARTPHONE
  ==========================================================================*/

  @media only screen and (max-width: 40.060em) {

    body { font-size: .85em; }
    
    #wrapper {
        margin: 15px;
        max-width: 100%;
    }

  }


/*==========================================================================
  RESPONSIVE : TABLET
  ==========================================================================*/

  @media only screen and (min-width: 40.062em) and (max-width: 64.063em) {

    /* ... */

  }


/*==========================================================================
  THE END
  ==========================================================================*/