/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/

<style>
body {
color: #414141;
font-family: Roboto,sans-serif;
line-height: 1.4;
margin: 0;
word-break: break-word;
}
/*.header__search--wrapper {display: none !important;}
.kl-navbar__mobile {
display: none !important;
}
.kl-navbar__content {
display: none !important;
}*/


h1, h2, h3, h4, h5, h6 {
font-family: Roboto, sans-serif;
color: #414141;
font-weight: 400; 
margin: 0 0 1.4rem;
  line-height: 1.25em;
  letter-spacing: 0.05em; 
}
h1 {font-weight: 500 !important;}
h1 {font-size: 40px !important; line-height: 1.25em;letter-spacing: 0.02em !important; }
h3 {}
p {
font-family: Roboto, sans-serif;
color: #414141 !important;
font-weight: 400;
}
ul {list-style: none;}
li {
font-family: Roboto, sans-serif;
color: #414141;
font-weight: 400; 
}
.widget-type-rich_text ul li {
padding-top: 0px; margin-left: 0px; margin-bottom: 15px;
}
.widget-type-rich_text ul li::before {
content: "•";
color: #0074af;
font-weight: bold; 
display: inline-block; 
width: 1em;
margin-left: -1em; 
}

strong, b {font-weight: 500 !important;}

<hr {border: 0; width: 100%; height: 2px; background-color: #e9e9e9;}

/**** BUTTONS ****/

.button, .button:visited {
background: rgb(0,116,175);
background: linear-gradient(90deg, rgba(0,116,175,1) 0%, rgba(0,116,175,1) 50%, rgba(92,195,233,1) 100%);
background-size: 200% 100%;
background-position: 100% 0;
  transition: background-position .5s;

border: none !important;
border-radius: 50px;
color: #ffffff !important;;
font-family: Roboto, sans-serif !important;
font-style: normal !important;
font-weight: 400 !important;
font-size: 16px;
padding: 8px 8px 8px 32px;
text-decoration: none;
text-transform: uppercase;
letter-spacing: 0.1em; 
 margin: 10px 0;
}
.button:hover, .button:active {
background: rgb(92,195,233);
background: linear-gradient(90deg, rgba(0,116,175,1) 0%, rgba(0,116,175,1) 50%, rgba(92,195,233,1) 100%);
background-size: 200% 100%;
background-position: 0 0;
  
border: none !important;
border-radius: 50px;
color: #ffffff;
font-family: Roboto, sans-serif !important;
font-style: normal !important;
font-weight: 400 !important;
font-size: 16px;
padding: 8px 8px 8px 32px;
  text-decoration: none;
text-transform: uppercase;
letter-spacing: 0.1em; 
 margin: 10px 0;
}
.button::after {
content: "";
display: inline-block;
background: url("https://info.schlafenderhase.com/hubfs/Assets/Icons/icon-btn-arrow.svg") no-repeat top right;
width: 40px;
height: 40px;
margin-left: 15px;
}
.button.button--secondary, .button.button--secondary:visited {
background: rgb(237,190,0); 
background: linear-gradient(90deg, rgba(237,190,0,1) 0%, rgba(252,202,0,1) 50%, rgba(252,202,0,1) 100%);
background-size: 200% 100%;
background-position: 100% 0;
  transition: background-position .5s;
border: none;
border-radius: 50px;
color: #414141;
font-family: Roboto, sans-serif !important;
font-style: normal !important;
font-weight: 400 !important;
font-size: 16px;
padding: 8px 8px 8px 32px;
text-decoration: none;
text-transform: uppercase;
letter-spacing: 0.1em; 
}
.button.button--secondary:hover, .button.button--secondary:active {
background: rgb(252,202,0);
background: linear-gradient(90deg, rgba(237,190,0,1) 0%, rgba(252,202,0,1) 50%, rgba(252,202,0,1) 100%);
background-size: 200% 100%;  
  background-position: 0 0;
border: none;
color: #414141;
font-family: Roboto, sans-serif !important;
font-style: normal !important;
font-weight: 400 !important;
}
.button.button--secondary::after {
content: "";
display: inline-block;
background: url("https://info.schlafenderhase.com/hubfs/Assets/Icons/icon-btn-arrow-black.svg") no-repeat top right;
width: 40px;
height: 40px;
margin-left: 15px;
}
/**** SUBMIT BUTTON ****/
form input[type=submit] {
font-size: 16px;
padding: 20px 36px 20px 36px;
}
form input[type=submit], form input[type=submit]:visited {
/*background: rgb(0,116,175) !important;
background: linear-gradient(90deg, rgba(0,116,175,1) 0%, rgba(92,195,233,1) 100%) !important;
padding: 20px 36px 20px 36px !important;*/
  background: rgb(0,116,175);
background: linear-gradient(90deg, rgba(0,116,175,1) 0%, rgba(0,116,175,1) 50%, rgba(92,195,233,1) 100%);
background-size: 200% 100%;
background-position: 100% 0;
  transition: background-position .5s;
  padding: 20px 36px 20px 36px !important;
}
form input[type=submit]:hover, form input[type=submit]:active, form input:hover[type=submit],  form input:active[type=submit]  {
background: rgb(92,195,233);
background: linear-gradient(90deg, rgba(0,116,175,1) 0%, rgba(0,116,175,1) 50%, rgba(92,195,233,1) 100%);
background-size: 200% 100%;  
  background-position: 0 0;
  padding: 20px 36px 20px 36px !important;
}

.hs-button, 
.hs-button input[type=submit], 
/*.hs-button:hover:not(.inactive), */
.hs-form__actions__submit, 
.hs-form__actions__next {
background: rgb(0,116,175);
background: linear-gradient(90deg, rgba(0,116,175,1) 0%, rgba(0,116,175,1) 50%, rgba(92,195,233,1) 100%);
background-size: 200% 100%;
background-position: 100% 0;
  transition: background-position .5s;
border: none !important;
border-radius: 50px !important;
color: #ffffff !important;;
font-family: Roboto, sans-serif !important;
font-style: normal !important;
font-weight: 400 !important;
font-size: 16px !important;
padding: 20px 36px 20px 36px !important;
text-decoration: none;
text-transform: uppercase !important;
letter-spacing: 0.1em !important; 
 margin: 10px 0; 
}
.hs-button:hover, .hs-button:hover:not(.inactive),
.hs-button:hover input[type=submit], .hs-button input[type=submit]:hover,.hs-button input:hover[type=submit]
/*.hs-button:focus, 
.hs-button:active, 
.hs-button:active:not(.inactive):not(.link),*/
.hs-form__actions__submit:hover, .hs-form__actions__next:hover {
/*background: rgb(92,195,233) !important;;
background: linear-gradient(90deg, rgba(0,116,175,1) 0%, rgba(0,116,175,1) 100%);*/
background: rgb(0,116,175);
background: linear-gradient(90deg, rgba(0,116,175,1) 0%, rgba(0,116,175,1) 50%, rgba(92,195,233,1) 100%);
background-size: 200% 100%;  
  background-position: 0 0 !important;
border: none !important;
border-radius: 50px !important;
color: #ffffff !important;;
font-family: Roboto, sans-serif !important;
font-style: normal !important;
font-weight: 400 !important;
font-size: 16px !important;
padding: 20px 36px 20px 36px !important;
text-decoration: none;
text-transform: uppercase !important;
letter-spacing: 0.1em !important; 
 margin: 10px 0; 
}

/**** FORMS ****/

form .hs-richtext p {
font-size: 16px !important;
}
fieldset.form-columns-1, fieldset.form-columns-2, fieldset.form-columns-3 {
border: 0;
padding: 0;
margin: 0;
  width: 100%;
max-width: 100% !important;
}

.inputs-list label {
display: block;
float: none;
font-weight: 400; font-size: 16px;
line-height: 18px;
padding: 0; padding-bottom: 15px;
text-align: left;
white-space: normal;
width: auto;
}
.actions {
text-align: center;
}

.icon-list__item-icon {
border-radius: 50%;
display: flex !important;
align-items: center;
justify-content: center;
background: #5cc3e9 !important;
color: #ffffff;
}


/**** TESTIMONIALS ****/

.kl-testimonials {
margin: 15px 0 30px 0;
  padding: 20px;
  background-color: #ffffff;
  -webkit-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.2);
box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.2);
}
.kl-testimonial div svg {
width: 50px; padding-bottom: 5px;
}
.kl-testimonial__quote svg {
fill: #0074af;
}
.kl-testimonial__content {
font-style: italic;
}
.kl-testimonial__author {
color: #0074af; font-size: 0.85em; 
} 
 .kl-testimonial__author span { display: block;
font-weight: 500; font-size: 1.2em;
color: #414141;
}
.kl-testimonial__footer img { 
height: 40px; margin-bottom: 15px;
}

/**** FOOTER ****/

.kl-footer {
background-color: #ffffff;
}
.kl-footer__social a:hover svg {
fill: #5cc3e9 !important;
}
.kl-footer__social svg {
fill: #0074af;
}
.kl-footer a, .kl-footer div, .kl-footer h1, .kl-footer h2, .kl-footer h3, .kl-footer h4, .kl-footer h5, .kl-footer h6, .kl-footer p, .kl-footer span {
color: #1b2c36;
}
.kl-footer__social {
margin: 0 -12px;
}
.kl-footer__social span {
margin: 8px 12px;
} 
.kl-footer__info {
margin-top: -30px;
}
.footer .social-links__icon, .footer .social-links__icon:active, .footer .social-links__icon:focus {
background-color: #0074af !important;
}
.footer .social-links__icon:hover {
background-color: #5cc3e9 !important;
}
</style>