/* raleway-regular - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/raleway-v14-latin-regular.eot");
  /* IE9 Compat Modes */
  src: local("Raleway"), local("Raleway-Regular"), url("../fonts/raleway-v14-latin-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/raleway-v14-latin-regular.woff2") format("woff2"), url("../fonts/raleway-v14-latin-regular.woff") format("woff"), url("../fonts/raleway-v14-latin-regular.ttf") format("truetype"), url("../fonts/raleway-v14-latin-regular.svg#Raleway") format("svg");
  /* Legacy iOS */ }
/* raleway-700 - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/raleway-v14-latin-700.eot");
  /* IE9 Compat Modes */
  src: local("Raleway Bold"), local("Raleway-Bold"), url("../fonts/raleway-v14-latin-700.eot?#iefix") format("embedded-opentype"), url("../fonts/raleway-v14-latin-700.woff2") format("woff2"), url("../fonts/raleway-v14-latin-700.woff") format("woff"), url("../fonts/raleway-v14-latin-700.ttf") format("truetype"), url("../fonts/raleway-v14-latin-700.svg#Raleway") format("svg");
  /* Legacy iOS */ }
/* raleway-900 - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 900;
  src: url("../fonts/raleway-v14-latin-900.eot");
  /* IE9 Compat Modes */
  src: local("Raleway Black"), local("Raleway-Black"), url("../fonts/raleway-v14-latin-900.eot?#iefix") format("embedded-opentype"), url("../fonts/raleway-v14-latin-900.woff2") format("woff2"), url("../fonts/raleway-v14-latin-900.woff") format("woff"), url("../fonts/raleway-v14-latin-900.ttf") format("truetype"), url("../fonts/raleway-v14-latin-900.svg#Raleway") format("svg");
  /* Legacy iOS */ }
* {
  font-family: 'Raleway'; }

.contentlinks {
	background-color:#c41c27;
  padding: 0 15px;
  z-index: 10; }
  .contentlinks .contentheader {
    min-height: 10vh; }
    .contentlinks .contentheader .logo {
      max-width: 200px;
      padding: 0; 
	  align: center;
	  }
  .contentlinks .content {
    min-height: 80vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    .contentlinks .content .wrappercontent h1 {
      font-family: 'Raleway';
      color: #ffffff;
      font-size: 3.4rem;
      line-height: 95%;
      font-weight: 900;
      margin-bottom: 15px;
      max-width: 680px;
      -webkit-hyphens: auto;
          -ms-hyphens: auto;
              hyphens: auto; }
      @media only screen and (max-width: 640px) and (min-width: 0px) {
        .contentlinks .content .wrappercontent h1 {
          font-size: 2.25rem;
          margin-bottom: 20px; } }
    .contentlinks .content .wrappercontent h4 {
      font-family: 'Raleway';
      color: #ffffff;
      font-size: 2.25rem;
      line-height: 95%;
      font-weight: 900;
      margin-top: 35px;
      max-width: 580px;
      -webkit-hyphens: auto;
          -ms-hyphens: auto;
              hyphens: auto;
      margin-bottom: 15px; }
      @media only screen and (max-width: 640px) and (min-width: 0px) {
        .contentlinks .content .wrappercontent h4 {
          font-size: 1.25rem;
          margin-bottom: 20px; } }
    .contentlinks .content .wrappercontent .bolder {
	  font-size: 2.5rem;
      font-weight: 700;
	  margin-top: -75px;
      margin-bottom: 35px; }
      @media only screen and (max-width: 640px) and (min-width: 0px) {
        .contentlinks .content .wrappercontent .bolder {
          margin-bottom: 20px; } }
    .contentlinks .content .wrappercontent p {
      line-height: 140%;
      margin-bottom: 35px;
      font-size: 1.1rem;
      max-width: 740px; }
      @media only screen and (max-width: 640px) and (min-width: 0px) {
        .contentlinks .content .wrappercontent p {
          margin-bottom: 20px; } }
    .contentlinks .content .wrappercontent a {
      color: #ffffff; }
    .contentlinks .content .wrappercontent .btn {
      padding: 5px 15px;
      border: 1px dotted #000;

      border-radius: 0px;
      margin-right: 5px;
      margin-bottom: 35px;
      display: inline-block;
      color: #000;
      font-size: 1.1rem; }
      .contentlinks .content .wrappercontent .btn img {
        width: 20px;
        margin-right: 10px; }
      .contentlinks .content .wrappercontent .btn a {
        color: #ffffff; }
      .contentlinks .content .wrappercontent .btn:hover {
        color: #ffffff;
        border: 1px dotted #ffffff; }
      @media only screen and (max-width: 640px) and (min-width: 0px) {
        .contentlinks .content .wrappercontent .btn {
          margin-bottom: 15px; } }
    .contentlinks .content .wrappercontent .stellen {
      max-width: 600px;
      margin-top: -50px; }
      @media only screen and (max-width: 640px) and (min-width: 0px) {
        .contentlinks .content .wrappercontent .stellen {
          margin-top: -10px; } }
  .contentlinks .contentfooter {
    min-height: 5vh; }
    @media only screen and (max-width: 640px) and (min-width: 0px) {
      .contentlinks .contentfooter {
        padding-top: 25px;
        padding-bottom: 45px; } }
    .contentlinks .contentfooter a {
      color: #fff; }
      .contentlinks .contentfooter a:hover {
        color: #ffffff; }

.bildrechts {
  min-height: 100vh;
  max-height: 100vh;
  overflow: hidden;
  z-index: 1;
  background-image: url("../img/walter-dachdecker-blech.jpg");
  background-size: cover;
  position: fixed;
  right: 0px; }
  @media only screen and (max-width: 640px) and (min-width: 0px) {
    .bildrechts {
      background-position: 35% 50%;
      position: relative; } }


/*# sourceMappingURL=app.css.map */