@charset "UTF-8";

/* CSS Document */
/*  # author    	Werbeagentur Hüper GmbH – Stefan Wiebel
    # copyright 	© 2024 by Hüper Print- und Medienservice GmbH
    # design    	"Hüper Print- und Medienservice GmbH" */


/***** text mark colors *****/
::-moz-selection {
  color: #fff;
  background: #2b2e34;
}

::selection {
  color: #fff;
  background: #2b2e34;
}




/***** fonts *****/
@font-face{
  font-family:"MuseoSansW01-100Italic";
  src:url("assets/fonts/905291/57a6b494-1c77-4cb0-b042-4adca2c0bdb1.woff2") format("woff2"),url("Fonts/905291/2ab97fdf-1e06-4c25-a5e1-b111273d580a.woff") format("woff");
}

@font-face{
  font-family:"Museo Sans W01_100";
  src:url("assets/fonts/905294/fd9d5b5d-71c1-4db0-bf20-cd7e3ce4d069.woff2") format("woff2"),url("Fonts/905294/e976d680-12b6-411e-9f79-0ef9287f484d.woff") format("woff");
}

@font-face{
  font-family:"MuseoSansW01-300Italic";
  src:url("assets/fonts/905297/a0f222f7-39b4-41c9-a5c0-0b9b7e6b8f89.woff2") format("woff2"),url("Fonts/905297/96766c08-0e19-43a8-b45d-e95c5b09785c.woff") format("woff");
}

@font-face{
  font-family:"Museo Sans W01_300";
  src:url("assets/fonts/905300/1d3191cd-ae8c-45e2-bb04-11e96d8fa974.woff2") format("woff2"),url("Fonts/905300/b252d464-65cb-4950-88f7-ac0a1bf79b75.woff") format("woff");
}

@font-face{
  font-family:"Museo Sans W01_500";
  src:url("assets/fonts/905303/d9896899-f08c-4750-a874-a9e10d83c2cb.woff2") format("woff2"),url("Fonts/905303/d42dd843-62b0-4623-8855-d5882512c3c9.woff") format("woff");
}

@font-face{
  font-family:"MuseoSansW01-500Italic";
  src:url("assets/fonts/905306/b76ff444-27dd-4494-b96e-2f5157f347d5.woff2") format("woff2"),url("Fonts/905306/136eb3cf-249c-40a3-bb62-49c1ad9ae6d8.woff") format("woff");
}

@font-face{
  font-family:"MuseoSansW01-700Italic";
  src:url("assets/fonts/905309/0db19ee1-b74a-4eb6-b48f-60c7047ea44b.woff2") format("woff2"),url("Fonts/905309/9c98d320-d511-4d3d-9ba3-6516302dba95.woff") format("woff");
}

@font-face{
  font-family:"Museo Sans W01_700";
  src:url("assets/fonts/905312/e2d37f34-6bca-473c-b64d-93811f4dc046.woff2") format("woff2"),url("Fonts/905312/eadbb595-a394-48fc-834f-8bf5da15cddf.woff") format("woff");
}

@font-face{
  font-family:"MuseoSansW01-900Italic";
  src:url("assets/fonts/905315/83ec39ba-ad2e-46a6-a1b1-f93f1457f7d4.woff2") format("woff2"),url("Fonts/905315/39ac4994-8f69-4ff0-8acd-9f100664da8f.woff") format("woff");
}

@font-face{
  font-family:"Museo Sans W01_900";
  src:url("assets/fonts/905318/009ca58d-46af-4651-a359-f0ae2301085b.woff2") format("woff2"),url("Fonts/905318/3619b5f4-8df9-44f5-8c53-b7c236e9c74e.woff") format("woff");
}




/***** main elements *****/
html, body {
  margin: 0px;
  padding: 0px;
  font-family: 'Museo Sans W01_100', sans-serif;
  height: 100%;
  font-style: normal;
  background-color: #f7f7f7;
  color: #2b2e34;
  letter-spacing: 0.03rem;
  overflow-x: hidden;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Museo Sans W01_500', sans-serif;
  letter-spacing: 0.05rem;
  hyphens: auto;
}

h1 {
  font-size: 3.2rem;
  line-height: 3.6rem;
  padding-bottom: 8px;
}

h2 {
  font-size: 2.7rem;
  line-height: 3.1rem;
  padding-bottom: 8px;
}

h3 {
  font-size: 2.4rem;
  line-height: 2.8rem;
}

h4 {
  font-size: 1.8rem;
  line-height: 2.2rem;
}

@media (max-width: 576px) {
  h1 {
    font-size: 2.9rem;
    line-height: 3.3rem;
  }
  
  h2 {
    font-size: 2.4rem;
    line-height: 2.8rem;
  }
  
  h3 {
    font-size: 2.1rem;
    line-height: 2.5rem;
  }
  
  h4 {
    font-size: 1.5rem;
    line-height: 1.9rem;
  }
}

a {
  color: #85af56;
  text-decoration: none;
  transition: 0.2s ease-in-out;
  font-size: 1.3rem;
  line-height: 2rem;
}

a:hover, 
a:focus {
  color: #2b2e34;
  text-decoration: none;
}

p, ul {
  line-height: 2rem;
  font-size: 1.3rem;
}

.small {
  font-size: 1rem;
  line-height: 1.4rem !important;
  font-family: 'Museo Sans W01_300', sans-serif;
}

ul, li {
  list-style-type: square;
}

b, strong {
  font-family: 'Museo Sans W01_500', sans-serif;
  font-weight: unset;
}

.italic {
  font-family: 'MuseoSansW01-300Italic', sans-serif;
}

.hr {
  margin: 0px 0px 110px 0px;
}

@media (max-width: 576px) {
  .hr {
    margin: 0px 0px 60px 0px;
  }
}




/***** container *****/
/* match outer container */
@media (max-width: 576px) {
  .container {
    padding-left: 15px;
    padding-right: 15px;
  }
}

/* small container for variation */
.container-small {
  margin-left: 1.5rem;
  margin-right: 1.5rem;
}

@media (min-width: 576px) {
  .container-small {
    max-width: 420px;
    margin-left: auto;
    margin-right: auto;
  }
}

@media (min-width: 768px) {
  .container-small {
    max-width: 520px;
    margin-left: auto;
    margin-right: auto;
  }
}

@media (min-width: 992px) {
  .container-small {
    max-width: 760px;
    margin-left: auto;
    margin-right: auto;
  }
}

@media (min-width: 1200px) {
  .container-small {
    max-width: 940px;
    margin-left: auto;
    margin-right: auto;
  }
}

@media (min-width: 1400px) {
  .container-small {
    max-width: 1100px;
    margin-left: auto;
    margin-right: auto;
  }
}




/***** utilities *****/
.text-green {
  color: #85af56 !important;
}



/***** logo *****/
#logo {
  width: 250px;
  display: block;
  position: relative;
  left: 50%;
  top: 40px;
  transform: translateX(-50%);
}

@media (max-width: 992px) {
  #logo {
    width: 180px;
  }
}




/***** hero *****/
@media (max-width: 1200px) {
  .hero {
    margin-top: 20px;
  }
}

@media (max-width: 768px) {
  .hero {
    margin-top: 40px;
  }
}




/***** buttons *****/
.btn-custom {
  font-family: 'Museo Sans W01_300', sans-serif;
  background-color: #85af56;
  text-align: center;
  padding: 13px 45px 11px !important;
  color: #f7f7f7 !important;
  transition: 0.2s ease-in-out !important;
  border: solid 1px #85af56 !important;
  font-size: 1.2rem !important;
  border-radius: 0px !important;
  -webkit-box-shadow: 2px 2px 25px 6px rgba(0,0,0,0.1); 
  box-shadow: 2px 2px 25px 6px rgba(0,0,0,0.1);
}

.btn-custom:hover, 
.btn-custom:focus {
  background-color: #f7f7f7 !important;
  color: #85af56 !important;
  text-decoration: none !important;
  border: solid 1px #85af56 !important;
  box-shadow: none !important;
  cursor: pointer;
}

.btn-custom-secondary {
  font-family: 'Museo Sans W01_300', sans-serif;
  background-color: transparent;
  text-align: center;
  padding: 13px 45px 11px;
  color: #85af56;
  transition: 0.2s ease-in-out;
  border: solid 1px #85af56;
  font-size: 1.2rem;
  border-radius: 0px;
}

.btn-custom-secondary:hover, 
.btn-custom-secondary:focus {
  background-color: #85af56;
  color: #f7f7f7;
  text-decoration: none;
  border: solid 1px #85af56;
  box-shadow: none;
  cursor: pointer;
}




/***** footer *****/
#footer-logo {
  width: 290px;
}

@media (max-width: 992px) {
  #footer-logo {
    width: 250px;
  }
}

@media (max-width: 768px) {
  #footer-logo {
    margin-left: auto;
    margin-right: auto;
    display: block;
    padding-top: 35px;
  }
}

#footer a, 
.copy-links a {
  transition: 0.2s ease-in-out;
  color: #2b2e34;
  font-family: 'Museo Sans W01_500', sans-serif;
  border-bottom: solid 1px transparent;
}

.copy-links a:hover,
.copy-links a:focus {
  border-bottom: solid 1px #2b2e34 !important;
}

.copyright p, 
.copyright a {
  font-size: 1rem !important;
  line-height: 1.4rem;
}

.non-underline-link a i,
.non-underline-link a img {
  transition: 0.4s ease-in-out;
}

.non-underline-link a i:hover,
.non-underline-link a i:focus,
.non-underline-link a img:hover,
.non-underline-link a img:focus {
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
}

.non-underline-link a #footer-logo:hover,
.non-underline-link a #footer-logo:focus {
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}

.non-underline-link a:hover,
.non-underline-link a:focus {
  opacity: 0.8;
}

/* social links icons */
.social-links-footer a i {
  font-size: 1.9rem;
  padding: 0px 6px;
}

@media (min-width: 768px) {
  #menu-footer {
    right: 8px;
    position: relative;
  }
}

#menu-footer li a {
  margin: 0px 3px;
}




/***** ticker email *****/
@keyframes ticker-mail {
  0% {
    transform: translate3d(0, 0, 0);
  }

  100% {
    transform: translate3d(-107rem, 0, 0);
  }
}

.ticker {
  animation: ticker-mail 22s linear infinite;
}

.mail-footer {
  color: #cecece !important;
  font-size: 2.4rem !important;
  font-family: 'Museo Sans W01_300', sans-serif !important;
}

@media (max-width: 576px) {
  .mail-footer {
    font-size: 1.9rem !important;
  }
}




/***** footer menu *****/
#menu-footer li {
  display: inline-block;
  list-style-type: none;
}

#menu-footer li:last-child {
  margin-right: -10px;
}

@media (max-width: 768px) {
  #menu-footer {
    text-align: center;
    padding-left: 0px;
  }

  #menu-footer li:last-child {
    margin-right: 0px;
  }
}




/***** wobble *****/
.anim-wobble-slow {
  -webkit-transform-origin: center center;
  transform-origin: center center;
  animation: wobble ease-in-out 4.0s infinite alternate;
}

.anim-wobble {
  -webkit-transform-origin: center center;
  transform-origin: center center;
  animation: wobble ease-in-out 1.2s infinite alternate;
}

@keyframes wobble {
  0% {
      transform: rotate(7deg);
  }

  50% {
      transform: rotate(-7deg);
  }

  100% {
      transform: rotate(7deg);
  }
}