/* ALLGEMEIN */
body {border-radius: border-box;font-family: 'Dosis', sans-serif;color: #404142;font-size: 16px;letter-spacing: 0.8px;}h1, h2, h3, h4, h5, h6 {font-weight: 200;}ul {margin: 0;padding: 0;list-style: none;}a {-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;color: black;}a:hover, a:focus, a:active, a:visited {text-decoration: none;}.content-ct {text-align: center;}
/* --- FONTAWESOME --- */
.fa-truck-fast {color: #58a6eb;font-size: 60px;animation-duration: 2.5s;}.fa-thumbs-up {color: #58a6eb;font-size: 60px;animation-duration: 2.5s;}.fa-euro-sign {color: #58a6eb;font-size: 60px;animation-duration: 2.5s;}.fa-handshake-simple {color: #58a6eb;font-size: 60px;animation-duration: 2.5s;}.fa-facebook, .fa-square-instagram {margin-top: 13px;}
/* --- SIDENAVIGATIONSLEISTE--- */
.side-menu {position: fixed;right: 30px;top: 50%;transform: translateY(-73px);z-index: 99;}.side-menu ul li {text-align: right;margin: 10px 0;}.side-menu ul li a span {display: inline-block;}.side-menu ul li a span.menu-title {color: #fff;position: relative;margin-right: 10px;text-transform: uppercase;font-size: 12px;background-color: #dd5138;padding: 3px 10px;font-weight: 600;border-radius: 3px;-webkit-transition: -webkit-transform 0.2s, opacity 0.2s;-moz-transition: -moz-transform 0.2s, opacity 0.2s;transition: transform 0.2s, opacity 0.2s;-webkit-transform-origin: 100% 50%;-moz-transform-origin: 100% 50%;-ms-transform-origin: 100% 50%;-o-transform-origin: 100% 50%;transform-origin: 100% 50%;opacity: 0;}.side-menu ul li a:hover span.menu-title {opacity: 1;}.side-menu ul li a span.dot {position: relative;background-color: #dd5138;border-radius: 2em;height: 10px;width: 10px;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;}.side-menu ul li a:hover span.dot {transform: scale(1.8);}
/* --- HEADER --- */
.hero-header {display: flex;justify-content: center;background: #58a6eb;padding: 0.5em 2.3em;color: #fff;}.hero-header .col-md-7 {max-width: 850px;}.hero-header h1 {margin: 4em 0 0 0;letter-spacing: 3px;font-weight: 400;}.hero-header .logo {max-width: 100%;background-color: transparent;}.animated { -webkit-animation-duration: 5s; animation-duration: 5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-timing-function: linear; animation-timing-function: linear; animation-iteration-count:infinite; -webkit-animation-iteration-count:infinite; } @-webkit-keyframes bounce { 0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);} 40% {-webkit-transform: translateY(-30px);} 60% {-webkit-transform: translateY(-15px);} } @keyframes bounce { 0%, 20%, 50%, 80%, 100% {transform: translateY(0);} 40% {transform: translateY(-30px);} 60% {transform: translateY(-15px);} } .bounce { -webkit-animation-name: bounce; animation-name: bounce; }
/* --- VERSPRECHEN --- */
.me-row {padding: 30px 0;}.row-title {font-weight: 550;font-size: 30px;text-shadow: 4px 4px 6.5px grey;}.row-title:nth-of-type(3) {color: white;}.feature {padding: 20px;margin-top: 30px;}.feature > h3 {font-weight: 400;}.leistungen .feature {width: 31.333333%;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;margin-right: 20px;border: 3px solid #f6f6f6;border-radius: 5px;}.leistungen .feature:hover {box-shadow: 3px 3px 10px #ccc;transform: translateY(-10px);}.kontakt {background-color: #58a6eb;}.kontakt-title, .kontakt-untertitel, .kontakt-info, .kontakt-inhalt, .kontakt-info-google {color: #fff;}.kontakt-info, .kontakt-info-google {font-weight: 700;font-size: 18px;}.kontakt-info-google {margin-top: 1%;}.kontakt-inhalt {color: black;font-weight: 600;font-size: 17.5px;}.kontakt .price {font-size: 4em;color: #dd5138;font-weight: 100;}.footer {background-color: black;color: #fff;}.footer p {margin-bottom: 0;}.footer-credit {padding: 40px;}.firma {color: #337ab7;}ul.footer-menu {text-align: right;}ul.footer-menu li {display: inline-block;}ul.footer-menu li a {font-size: 12px;color: #337ab7;padding-right: 20px;}ul.footer-menu li a:hover {color: #dd5138;}
/* --- MEDIA QUERIES --- */
@media (max-width: 599px) {.side-menu ul li a span.dot {    position: relative;    left: 22.5px;}.side-menu ul li a span.menu-title {    position: relative;    left: 12px;}.footer-credit {    text-align: center !important;    padding: 40px 20px;}ul.footer-menu {    text-align: center;    margin-top: 30px;}  }@media (max-width: 822px) {.hero-header {padding: 3em 1em 1em 1em;text-align: center !important;    max-height: 550px;}.hero-header h1 {    margin: 0 !important;}.leistungen .feature {    width: 100%}.footer-credit {    text-align: center;    padding: 40px 20px;}ul.footer-menu {    text-align: center;    margin-top: 30px;}  .hero-header .logo {    display: none;}.side-menu ul li a span.dot {    position: relative;    left: 15px;}.side-menu ul li a span.menu-title {    margin-right: 0;}}@media (max-width: 991px) {.hero-header h1 {font-size: 27.5px !important;margin: 1.25em 0 0 0;}.hero-header .com-md-7 {    width: 400px !important;}.hero-header h3 {    font-size: 17.5px !important;}.hero-header {    padding: 1em;}.leistungen .feature {    width: 75%;    margin-right: 7px;}ul.footer-menu {    margin-top: 0;}.leistungen {    display: flex;    flex-direction: column;    align-items: center;}}@media (min-width: 992px) and (max-width: 1199px) {.leistungen .feature {    width: 49%;    margin-right: 9px;}.hero-header h1 {    margin: 2.5em 0 0 0;}}@media (max-width: 1350px) {.hero-header h1 {    font-size: 35px;    letter-spacing: 2px;}.hero-header h3 {    font-size: 20px;}}@media (min-width: 1525px) {.hero-header .col-md-7 {margin-left: 5%;}.hero-header .logo {margin-left: 2.5%;}}@media (min-width: 1625px) {.hero-header .col-md-7 {margin-left: 7.5%;}.hero-header .logo {margin-left: 7%;}}@media (min-width: 1700px) {.hero-header .col-md-7 {margin-left: 10%;}.hero-header .logo {margin-left: 8%;}}@media (min-width: 2000px) {.hero-header .col-md-7 {margin-left: 14%;}.hero-header .logo {margin-left: 14%;}}@media (min-width: 2650px) {.hero-header .col-md-7 {margin-left: 20%;}}