/**
 * Theme Name:   SAS Siller-Aufzugsservice
 * Theme URL:    http://www.sas-aufzugsservice.de
 * Description:  Internetauftritt SAS Siller-Aufzugsservice
 * Author:       Tanja Fritz
 * Author URL:   http://www.tanja-fritz.com
 * Version:      1.0
  * Copyright (C) 2021 Tanja Fritz
**/
/* manrope-300 - latin */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/manrope-v13-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/manrope-v13-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/manrope-v13-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/manrope-v13-latin-300.woff') format('woff'), /* Modern Browsers */
       url('fonts/manrope-v13-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/manrope-v13-latin-300.svg#Manrope') format('svg'); /* Legacy iOS */
}

/* manrope-regular - latin */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/manrope-v13-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/manrope-v13-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/manrope-v13-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/manrope-v13-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/manrope-v13-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/manrope-v13-latin-regular.svg#Manrope') format('svg'); /* Legacy iOS */
}
*{
        margin: 0px;
        padding: 0px;
        }
body{
         font-family: 'Manrope', sans-serif;
         font-size: 14px;
         letter-spacing: 1px;
         color: black;
}
p{
         margin-top: 20px;
}
h1 {
         font-family: 'Manrope', sans-serif;
        font-size: 36px;
        text-align: center;
        font-weight: 300;
        line-height: 44px;
        letter-spacing: 6px;
        color: #528ece;
}
h2 {
         font-family: 'Manrope', sans-serif;
        font-size: 28px;
        text-align: center;
        font-weight: 300;
        line-height: 44px;
        letter-spacing: 6px;
        color: #2e5dad;
}
a {
          color: #2e5dad;
           text-decoration: none;  /* keine Unterstreichung */
}
#wrapper{
           width: 100%;
           margin: 0 auto;
           height: auto;
}
#container{
           width: 93%;
           overflow: hidden !important;
           min-height: 600px;
           margin-left: auto;
           margin-right: auto;
}
#adresse {
         width: 100%;
         float: left;
         height: 100px;
         font-family: 'Manrope', sans-serif;
         font-size: 14px;
         letter-spacing: 2px;
         text-align: center;
         margin-top: 70px;
         color: black;
          }
#logo{
         width: 30%;
        float:left;
        height: 100px;
        margin-top: 40px;
        margin-left: 20px;
         z-index: 2;
}
#neues {
         width: 100%;
         float: left;
         margin-top: 70px;
}
#datenschutz {
         width: 100%;
         float: left;
         margin-top: 40px;
         text-align: center;
}
#footer {
         width: 100%;
         position: fixed;
         float: left;
         bottom: 0;
         background-image: linear-gradient(to right, #528ece 0%, #2e5dad 100%);
         height: 80px;
         color: white;
         z-index: 2;
}
#footer a {
         color: white;
}
#footer-orange {
         width: 98%;
         position: fixed;
         float: left;
         background-color: #d07427;
         height: 70px;
         margin-top: -30px;
         transform: rotate(-2deg);
         overflow: visible;
         z-index: 1;
}
@media screen and (min-width: 549px)  {
body{
         font-family: 'Manrope', sans-serif;
         font-size: 14px;
         letter-spacing: 1px;
         color: white;

}
h1 {
         font-family: 'Manrope', sans-serif;
        font-size: 30px;
        text-align: center;
        font-weight: 300;
        line-height: 50px;
        letter-spacing: 6px;
        color: #528ece;
}
#container{
           width: 93%;
           overflow: hidden !important;
           min-height: 500px;
           margin-left: auto;
           margin-right: auto;
}
#adresse {
         width: 100%;
         float: left;
         height: 100px;
         font-family: 'Manrope', sans-serif;
         font-size: 14px;
         letter-spacing: 2px;
         margin-top: 40px;
          }
#logo{
         width: 20%;
        float:left;
        height: 100px;
        padding-bottom: 40px;
         z-index: 2;
}
#neues {
         width: 100%;
         float: left;
         margin-top: 20px;
}
#datenschutz {
         width: 100%;
         float: left;
         margin-top: 30px;
         text-align: center;
}
#footer-orange {
         width: 98%;
         position: fixed;
         float: left;
         background-color: #d07427;
         height: 70px;
         margin-top: -220px;
         transform: rotate(-2deg);
         overflow: visible;
         z-index: 1;
}
}
@media screen and (min-width: 768px)  {
body{
         font-family: 'Manrope', sans-serif;
         font-size: 14px;
         letter-spacing: 1px;
         color: white;

}
h1 {
         font-family: 'Manrope', sans-serif;
        font-size: 30px;
        text-align: center;
        font-weight: 300;
        line-height: 50px;
        letter-spacing: 6px;
        color: #528ece;
}
#container{
           width: 93%;
           overflow: hidden !important;
           min-height: 770px;
           margin-left: auto;
           margin-right: auto;
}
#adresse {
         width: 100%;
         float: left;
         height: 100px;
         font-family: 'Manrope', sans-serif;
         font-size: 14px;
         letter-spacing: 2px;
          }
#logo{
         width: 45%;
        float: right;
        height: 100px;
        margin-top: 50px;
         z-index: 2;
}
#neues {
         width: 100%;
         float: left;
         margin-top: 90px;
}
#datenschutz {
         width: 100%;
         float: left;
         margin-top: 60px;
         text-align: center;
}
#footer {
         width: 100%;
         position: fixed;
         float: left;
         bottom: 0;
         background-image: linear-gradient(to right, #528ece 0%, #2e5dad 100%);
         height: 200px;
         color: white;
         z-index: 2;
}
#footer a {
         color: white;
}
#footer-orange {
         width: 98%;
         position: fixed;
         float: left;
         background-color: #d07427;
         height: 150px;
         margin-top: 30px;
         transform: rotate(-2deg);
         overflow: visible;
         z-index: 1;
}
}
@media screen and (min-width: 1024px)  {
#container{
           width: 93%;
           overflow: hidden !important;
           min-height: 770px;
           margin-left: auto;
           margin-right: auto;
}
#logo{
         width: 35%;
        float: right;
        height: 100px;
        margin-top: 50px;
         z-index: 2;
}
#adresse {
         width: 100%;
         float: left;
         height: 100px;
         font-family: 'Manrope', sans-serif;
         font-size: 18px;
         letter-spacing: 2px;
          }
#neues {
         width: 100%;
         float: left;
         margin-top: 70px;
}
#datenschutz {
         width: 100%;
         float: left;
         margin-top: 100px;
         text-align: center;
}
#footer-orange {
         width: 98%;
         position: fixed;
         float: left;
         background-color: #d07427;
         height: 150px;
         margin-top: -220px;
         transform: rotate(-2deg);
         overflow: visible;
         z-index: 1;
}
}
@media screen and (min-width: 1200px)  {
h1 {
         font-family: 'Manrope', sans-serif;
        font-size: 40px;
        text-align: center;
        font-weight: 300;
        line-height: 44px;
        letter-spacing: 6px;
        color: #528ece;
}
#container{
           width: 93%;
           overflow: hidden !important;
           min-height: 1000px;
           margin-left: auto;
           margin-right: auto;
}
#neues {
         width: 100%;
         float: left;
         margin-top: 70px;
}
#datenschutz {
         width: 100%;
         float: left;
         margin-top: 70px;
         text-align: center;
}
#footer-orange {
         width: 98%;
         position: fixed;
         float: left;
         background-color: #d07427;
         height: 150px;
         margin-top: -420px;
         transform: rotate(-2deg);
         overflow: visible;
         z-index: 1;
}
}
@media screen and (min-width: 1440px)  {
#footer-orange {
         width: 98%;
         position: fixed;
         float: left;
         background-color: #d07427;
         height: 150px;
         margin-top: -320px;
         transform: rotate(-2deg);
         overflow: visible;
         z-index: 1;
}
}
@media screen and (min-width: 1600px)  {
h1 {
         font-family: 'Manrope', sans-serif;
        font-size: 40px;
        text-align: center;
        font-weight: 300;
        line-height: 44px;
        letter-spacing: 6px;
        color: #528ece;
}
#container{
           width: 93%;
           overflow: hidden !important;
           min-height: 600px;
           margin-left: auto;
           margin-right: auto;
}
#adresse {
         width: 100%;
         float: left;
         height: 100px;
         font-family: 'Manrope', sans-serif;
         font-size: 22px;
         letter-spacing: 2px;
         margin-top: 50px;
          }
#logo{
         width: 22%;
        float: right;
        height: 100px;
        margin-top: 50px;
         z-index: 2;
}
#neues {
         width: 100%;
         float: left;
         margin-top: 100px;
}
#datenschutz {
         width: 100%;
         float: left;
         margin-top: 70px;
         text-align: center;
}
#footer {
         width: 100%;
         position: fixed;
         float: left;
         bottom: 0;
         background-image: linear-gradient(to right, #528ece 0%, #2e5dad 100%);
         height: 200px;
         color: white;
         z-index: 2;
}
#footer a {
         color: white;
}
#footer-orange {
         width: 98%;
         position: fixed;
         float: left;
         background-color: #d07427;
         height: 150px;
         margin-top: 130px;
         transform: rotate(-2deg);
         overflow: visible;
         z-index: 1;
}
}