@import url('/huepercdn/fonts/work-sans/fonts.css');

/***** text markierungs farben *****/
::-moz-selection {
	color: #fff;
	background: #FFCA35;
}

::selection {
	color: #fff;
	background: #FFCA35;
}




/***** main elements *****/
body {
  background-color: #2F2F2F;
  font-family: 'Work Sans', sans-serif;
  font-weight: 300;
  color: #fff;
}

a {
  color: #d4b039;
  padding-bottom: 1px;
  border-bottom: 1px solid transparent;
  transition: 0.2s ease-in-out;
}

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

p, 
ul, 
li {
  font-size: 1.25rem;
  line-height: 2.1rem;
}

.progress-bar {
  background-color: #FFCA35;
}

b, 
strong {
  font-weight: 500;
}




/***** utilities *****/
.small {
  font-size: 0.9rem;
}

.bg-gray {
  background-color: #68737F;
}

.text-dark {
  color: #2F2F2F;
}




/***** smaller container *****/
.sm-container {
  max-width: 470px;
  padding-left: 15px;
  padding-right: 15px;
  margin-left: auto;
  margin-right: auto;
}

@media (min-width: 567px) {
  .sm-container {
    max-width: 450px;
  }
}

@media (min-width: 768px) {
  .sm-container {
    max-width: 520px;
  }
}

@media (min-width: 992px) {
  .sm-container {
    max-width: 780px;
  }
}

@media (min-width: 1200px) {
  .sm-container {
    max-width: 940px;
  }
}

@media (min-width: 1400px) {
  .sm-container {
    max-width: 1150px;
  }
}




/***** rounded corners images *****/
/* large */
.top-left-lg {
  border-top-left-radius: 300px;
}

@media (max-width: 1200px) {
  .top-left-lg {
    border-top-left-radius: 150px;
  }
}

.top-right-lg {
  border-top-right-radius: 300px;
}

@media (max-width: 1200px) {
  .top-right-lg {
    border-top-right-radius: 150px;
  }
}

.bottom-left-lg {
  border-bottom-left-radius: 300px;
}

@media (max-width: 1200px) {
  .bottom-left-lg {
    border-bottom-left-radius: 150px;
  }
}

/* small */
.top-right-sm {
  border-top-right-radius: 100px;
}

@media (max-width: 1200px) {
  .top-right-sm {
    border-top-right-radius: 70px;
  }
}

.top-left-sm {
  border-top-left-radius: 100px;
}

@media (max-width: 1200px) {
  .top-left-sm {
    border-top-left-radius: 70px;
  }
}

.bottom-right-sm {
  border-bottom-right-radius: 100px;
}

@media (max-width: 1200px) {
  .bottom-right-sm {
    border-bottom-right-radius: 70px;
  }
}

/* special large */
.top-left-lg-sp {
  border-top-left-radius: 300px;
}

@media (max-width: 1200px) {
  .top-left-lg-sp {
    border-top-left-radius: 100px;
  }
}




/***** buttons *****/
.btn-primary {
  background-color: transparent;
  border: 1px solid #68737F;
  color: #68737F;
  padding: 10px 28px 9px 28px;
  border-radius: 0px;
  transition: 0.2s ease-in-out;
  font-size: 1.1rem;
}

.btn-primary:hover, 
.btn-primary:focus {
  background-color: #68737F;
  border: 1px solid #68737F;
  color: #fff;
}

.btn-primary:not(:disabled):not(.disabled):active {
  background-color: #68737F;
  border: 1px solid #68737F;
  color: #fff;
}

.btn-secondary {
  background-color: #FFCA35;
  border: 1px solid #FFCA35;
  color: #2F2F2F;
  padding: 10px 28px 9px 28px;
  border-radius: 0px;
  transition: 0.2s ease-in-out;
  font-size: 1.1rem;
}

.btn-secondary:hover, 
.btn-secondary:focus {
  background-color: transparent;
  border: 1px solid #FFCA35;
  color: #FFCA35;
}

.btn-secondary:not(:disabled):not(.disabled):active {
  background-color: transparent;
  border: 1px solid #FFCA35;
  color: #FFCA35;
}




/***** footer *****/
.footer {
  background-color: #68737F !important;
  border-top: none !important;
}

.footer a,
.footer .copyright {
  color: #fff !important;
  text-decoration: none !important;
  transition: 0.2s ease-in-out;
}

.footer a:hover,
.footer a:focus {
  color: #FFCA35 !important;
  border-bottom: 1px #FFCA35 solid;
}

.footer .fa-heart {
  color: #FFCA35 !important;
}



/***** cookie *****/
figcaption, 
.copyright, 
#cookiebar, 
#cookiepolicy, 
.text-dark {
  color: #222222;
}