/*@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,700');*/

@font-face {
  font-family: 'Century Gothic';
  src: url('../fonts/CenturyGothicPaneuropeanThin.ttf') format('truetype');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Century Gothic';
  src: url('../fonts/CenturyGothicPaneuropeanRegular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Century Gothic';
  src: url('../fonts/CenturyGothicPaneuropeanBold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}


body {
  font-family: 'Century Gothic', sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 140%;
  color: #707070;
}

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

h1 {
	font-size: 65px;
	font-weight: 100;
	color: #1A1818;
	margin-bottom: 50px;
	/*text-transform:uppercase;*/
	visibility:hidden;
}

body.home-webflow h1 {
  visibility:visible;
}

.modul h1 {
	visibility:visible; 
}

.team h1 {
  font-size:28px !important; 
}

h1:before {
	display: block;
	position: absolute;
	content: "+";
	top: 0;
	left:0;
	margin-left: -28px;
	margin-top:-28px;
	font-size: 42px !important;
	font-weight: 300 !important;
}

body.home-webflow h1:before {
  display: none;
}

.visible {
	visibility:visible !important; 
}


h2 {
	font-size: 38px;
	font-weight: 100;
	color: #1A1818;
	margin-bottom: 18px; 
	/*text-transform:uppercase;*/
}

h3 {
	font-size: 20px;
	font-weight: 700;
	color: #1A1818;
	margin-bottom: 8px; 
	/*text-transform:uppercase;*/
}

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

h5 {
  font-size: 18px;
  font-weight: 700;
  color: #1A1818;
  margin-bottom: 8px;
  text-transform:uppercase;
}


p.smalltext, span.smalltext {
  font-family: 'Century Gothic', sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 130%;
  color: #1A1818;	
}


.redbox h2, .redbox h3 {
	color:#fff !important; 
}

footer h1 {
	font-family: 'Century Gothic', sans-serif;
	font-size: 28px !important;
	font-weight: 100 !important;
	color: #fff !important;
	margin-bottom: 12px !important;
	text-align: left;
    line-height:100%;
}

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


#footphone p {
	font-size:38px !important;
	font-weight:400 !important; 
}








/* hover pop */
@-webkit-keyframes hvr-pop {
  50% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
}
@keyframes hvr-pop {
  50% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
}
.hvr-pop {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  text-decoration:none !important;
}
.hvr-pop:hover, .hvr-pop:focus, .hvr-pop:active {
  -webkit-animation-name: hvr-pop;
  animation-name: hvr-pop;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  color:#E30613 !important;
  text-decoration:none !important;
}


/* slide in left */
.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

@keyframes slideInLeft {
    from {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.slideInLeft {
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft;
}




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


/* Linkstile  Section Weiss*/
a { outline:none !important; }
main a img {   border: 0px;  outline: none; }
main a, main a:visited {  color: #1A1818;  text-decoration: underline; }
main a.download {  color: #1A1818;  text-decoration: underline; }
main a.internal-link {  color: #1A1818;  text-decoration: underline; }
main a.external-link-new-window {  color: #1A1818;  text-decoration: underline; }
main a.mail {  color:#1A1818;  text-decoration: underline; }
main a.pdf {  color: #1A1818;  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; }

.link-block, .link-block:hover { text-decoration: none; }


/* Quickmenu */
#quickmenu a { color:#1A1818; text-decoration:none; outline:none !important;  }
#quickmenu a:hover, #quickmenu a:focus  { color:#E30613; text-decoration:none; }


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

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

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







/* RESPONSIVE FONTS
 -------------------------------------------------- */
@media screen and (max-width: 1040px) { 
		
	h1:before {
		margin-left: -14px;
		margin-top:-28px;
		font-size: 38px !important;
	}
}
	

@media screen and (max-width: 800px) { 
	h1 { visibility:visible; font-size: 40px !important; }
  h1, h2 { hyphens: auto; -webkit-hyphens: auto; }
}


@media screen and (max-width: 767px) {
	h1 { margin-bottom: 30px; }
	h2 { margin-bottom: 15px; }
	footer h1 {    margin-bottom: 8px !important; }
	.hvr-pop, hvr-pop:hover, hvr-pop:focus { color:#E30613 !important; }
}


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


@media screen and (max-width: 480px) {
  h1, .h1 {    font-size: 38px !important; }
  h2, .h2 {    font-size: 28px !important; }
  h3, .h3 {    font-size: 18px !important; }
  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: 'Century Gothic', sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 120%;
  color: #1A1818 !important; }


.htmlarea-content-body p.smalltext, .htmlarea-content-body span.smalltext {
  font-family: 'Century Gothic', sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 130%;
  color: #1A1818;	
}
.htmlarea-content-body  h1, .htmlarea-content-body  p { color:#1A1818 !important; visibility:visible !important;   }


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:  'Century Gothic', sans-serif;
  color: #1A1818 !important;
  line-height: 120%; }

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