@font-face {
  font-family: "Source Sans Pro";
  src: url("../fonts/SourceSans3-VariableFont_wght.ttf") format("truetype");
  font-style: normal;
}
@font-face {
  font-family: "Source Sans Pro";
  src: url("../fonts/SourceSans3-Italic-VariableFont_wght.ttf") format("truetype");
  font-style: italic;
}

body {
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 400;
	font-size: 16px;
	line-height: 140%;
	color:#111;
}

h1, h2, h3, h4, h5 {
  margin-top: 0px !important;
  font-family: 'Source Sans Pro', sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
}

h1 {
  font-size: 36px;
  font-weight: 900;
  color:#E30613;
  margin-bottom: 22px; 
  text-transform:uppercase; 
}

h2 {
  font-size: 24px;
  font-weight: 700;
  color:#E30613;
  margin-bottom: 8px; 
  text-transform:uppercase;
}

h3 {
  font-size: 28px;
  font-weight: 400;
  color:#111;
  margin-bottom: 22px; 
  text-transform:none;
  line-height:120%;
}

h4 {
  font-size: 18px;
  font-weight: 700;
  color:#333;
  margin-bottom: 8px; 
  text-transform:uppercase;
}



#claim h1 {
	font-size: 80px !important;
	font-weight: 700 !important;
	color:#fff !important;
	text-shadow: 2px 2px 5px #333;
	margin:0px !important;
	line-height:100% !important; 
}


footer h1 {
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 16px !important;
	font-weight: 700 !important;
	color: #fff !important;
	margin-bottom: 6px !important;
	text-align: left;
    line-height:100%;
}

footer p {
	font-family: 'Source Sans Pro', sans-serif;
	color: #fff;
	line-height: 140%;
	font-weight: 400;
	font-size: 14px;
}



#phone h3 {
	color:#fff !important;
	font-size:20px !important;
	font-weight:400 !important;
	text-transform:none !important; 
	margin-bottom:6px !important; 
}

#phone h2 {
	font-size:36px !important;
	font-weight:900 !important;
	letter-spacing:0.8px; 
}




/* Listen */
ul {
  margin-left: -25px; }


/* Linkstile  Section Weiss*/
a { outline:none !important;}
main a img {   border: 0px;  outline: none !important; }
main a, main a:visited {  color:#111;  text-decoration: underline; }
main a.download {  color:#111;  text-decoration: underline; }
main a.internal-link {  color:#111;  text-decoration: underline; }
main a.external-link-new-window {  color:#111;  text-decoration: underline; }
main a.mail {  color:#111;  text-decoration: underline; }
main a.pdf {  color:#111;  text-decoration: underline; }

main a:hover, main a.internal-link:hover, main a.external-link-new-window:hover, main a.internal-link-new-window:hover, main a.pdf:hover, main a.download:hover, main a.mail:hover {
  color: #E30613; }


/* Footer Linkstile */
footer a, footer a:visited, footer a:focus {
  color: #fff !important;
  text-decoration: none; }

footer a:hover {
  color: #fff!important;
  text-decoration: underline !important;
}

#phone a.tel { color:#fff; text-decoration:none !important; }
#phone a.tel:hover { 
	color:#E30613 !important; 
	-webkit-transition: color 150ms linear;
    -ms-transition: color 150ms linear;
    transition: color 150ms linear;
}

a.megura, a.megura:visited, a.megura:focus {
  text-decoration: none;
  color: #999 !important;
  font-size: 11px;
  padding: 0px;
}





#wrap-social {
  width: 100%;
  margin-bottom: 20px; }
/* social media icons */
#wrap-social {
  width: 100%;
  height: 55px; }

.svg:first-child {
  margin-left: 0px !important; }

.svg {
  width: 30px;
  height: 30px;
  float: left;
  margin-left: 15px; }

.svg a {
  outline: none !important; }

.social {
  cursor: pointer; }

.social .circle {
  fill: #fff; }

.social .invers {
  fill: transparent; }

.social .inner {
  fill-rule: evenodd;
  clip-rule: evenodd;
  fill: #fff; }

.social:hover .circle {
  fill: #000; }

.social:hover .invers {
  fill: transparent; }

.social:hover .inner {
  fill: #000; }



/* Buttons */
.button-standard a {
  text-decoration:none !important;
  background-color: transparent;
  display: inline-block;
  padding: 10px 15px;
  font-weight:normal;
  margin-bottom: 0;
  font-size:20px !important;
  line-height: 110%;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  text-decoration:none !important;
  border-radius:0px !important; /*border-radius:20px !important;*/
  color:#E30613 !important;  
  border: 2px solid #E30613!important;
  background: linear-gradient(to right, #E30613 50%, transparent 50%);
  background-size: 200% 100%;
  background-position: bottom right;
  transition: all .4s ease-out;
}

.button-standard a:hover {
  color:#fff !important;
  background-position: bottom left;
}







/* RESPONSIVE FONTS
 -------------------------------------------------- */
@media screen and (max-width: 767px) {
  footer h1 {    margin-bottom: 8px !important; }
}


@media screen and (max-width: 620px) {
  h1, .h1 {   font-size: 30px !important; }
  h2, .h2 {   font-size: 22px !important; }
  h3, .h3 {   font-size: 22px !important; } 
}



@media screen and (max-width: 480px) {
  h1, .h1 {    font-size: 28px !important; }
  h2, .h2 {    font-size: 20px !important; }
  h3, .h3 {    font-size: 18px !important; font-weight:700;  }
  footer p {    font-size: 15px; }
  body {	  font-size: 16px !important;	}
}




/* TYPPO 3 BACKEND RTE SETTINGS
 -------------------------------------------------- */
.htmlarea-content-body {
  background-color: #fff; }

.htmlarea-content-body {
 font-family: 'Source Sans Pro', sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 120%;
  color: #333 !important; }

.htmlarea-content-body a.linkbox {
  border: 1px solid #6d7478 !important;
  color: #6d7478;
  text-decoration: none !important; }

.htmlarea-content-body h1, .htmlarea-content-body h2, .htmlarea-content-body h3, .htmlarea-content-body h4, .htmlarea-content-body h5, .htmlarea-content-body h6 {
 font-family: 'Source Sans Pro', sans-serif;
  color:#111 !important;
  line-height: 120%;
text-transform:uppercase;}


.htmlarea-content-body h1, .htmlarea-content-body h2 {
	color:#E30613 !important;
}


.htmlarea-content-body a, .htmlarea-content-body a:hover {
  color: #6d7478;
  text-decoration: underline; }