@import url('/huepercdn/fonts/montserrat/fonts.css');

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

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




/***** main elements *****/
html, 
body {
  height: 100%;
}

body {
  font-family: 'Montserrat', sans-serif;
  font-weight: 300;
  background-color: #f2f2f2;
  background-position: center bottom;
  font-size: 1rem;
}

h4 {
  font-weight: 400;
}

a {
  color: #222;
  transition: 0.25s ease-in-out;
  text-decoration: none;
  border-bottom: 1px solid #222;
  cursor: pointer;
  padding-bottom: 0px;
}

a:hover, 
a:focus {
  color: #222;
  text-decoration: none;
  border-bottom: 1px solid #222;
  cursor: pointer;
  padding-bottom: 2px;
}

/* back styles links */
a:not([href]):not([tabindex]):hover, 
a:not([href]):not([tabindex]):focus {
  border-bottom: none !important;
}

b,
strong {
  font-weight: 400;
}

.bg-light {
  background-color: #f2f2f2 !important;
}




/***** buttons *****/
.btn-concept {
  font-size: 1rem;
  color: #222222;
  background: #f2f2f2;
  transition: 0.2s ease-in-out;
  border-radius: 0px;
  padding: 15px 50px;
  border: none;
}

.btn-concept:hover, 
.btn-concept:focus, 
.btn-concept:active {
  background: #9f9a86;
  color: #f2f2f2;
  padding: 15px 50px;
  border: none;
}

.btn-systemat {
  font-size: 1rem;
  color: #fff;
  background: #222222;
  transition: 0.2s ease-in-out;
  border-radius: 0px;
  padding: 15px 50px;
  border: none;
}

.btn-systemat:hover, 
.btn-systemat:focus,
.btn-systemat:active {
  background: #DAD1CC;
  color: #222222;
  padding: 15px 50px;
  border: none;
}

.btn-red {
  font-size: 1rem;
  color: #fff;
  background: #f4303e;
  transition: 0.2s ease-in-out;
  border-radius: 0px;
  padding: 13px 30px;
  border: none;
}

.btn-red:hover, 
.btn-red:focus, 
.btn-red:active {
  background: #fff;
  color: #f4303e;
  padding: 13px 30px;
  border: none;
}

.thumbnail {
  width: 40px;
  height: 40px;
  display: flex;
  position: absolute;
  margin: -7px 0px 0px -41px; 
}