/* @import url('https://fonts.googleapis.com/css?family=Nunito+Sans:200,300,400,600,700&display=swap'); */

@font-face {
	font-family: "Nunito Sans";
	src: url("../fonts/NunitoSans-VariableFont_YTLC,opsz,wdth,wght.ttf") format("truetype");
  }

body {
	font-family: 'Nunito Sans', sans-serif;
	font-weight: 300;
	font-size: 18px;
	line-height: 140%;
	color: #111;   
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
	font-display: swap;
}

h1,h2, h3, h3, h5 {
	font-family: 'Nunito Sans', sans-serif;
	margin-top: 0px !important;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
	color:#111;
	font-display: swap;
}

p {	margin: 0 0 20px !important; }

p strong { font-weight:600 !important; }

h1 {
	font-size: 40px;
	font-weight: 700;
	margin-bottom: 28px; 
 }

h1 span {
	position: relative;
	display: inline-block;
}

h1 span:after {
	content: '';
	position: absolute;
	display: block;
	width: 100%;
	margin: 5px 0px 0px 0px;
	border: 2px solid #E8122E;
}

h2 {
  font-size: 28px;
  font-weight: 700;
  margin-bottom: 14px; 
}

h3 {
	font-size: 54px;
	font-weight: 200;
	margin-bottom: 14px;
	color:#E8122E;
	line-height:120%; 
}

h4 {
  font-size: 24px;
  font-weight:300;
  line-height: 130%;
}

h5 {
	font-size: 18px;
	font-weight:700;
	line-height: 100%;
	margin-bottom:8px;
	color: #E8122E;
}

#claim h3 {
	display:inline-block;
	background-color:#E8122E;
	color:#fff !important; 
	font-size:80px;
	font-weight:400;
	padding:0px 10px; 
	margin-bottom:8px !important; 
	letter-spacing:2px; 
	text-transform:uppercase; 
}

footer h2 {
	font-size: 16px !important;
	font-weight: 700 !important;
	color: #fff !important;
	margin-bottom: 12px; 
	text-transform:uppercase; 
}

footer p {
  font-family: 'Nunito Sans', sans-serif;
  color: #fff;
  line-height: 140%;
  font-weight: 400;
  font-size: 16px !important;
}

.h2sameh1 header {
	text-align: center;
}

.h2sameh1 h2,
.leadbox h2 {
	font-size: 40px;
	font-weight: 700;
	margin-bottom: 28px;
	position: relative;
	display: inline-block;
}

.h2sameh1 h2:after,
.leadbox h2:after {
	content: '';
	position: absolute;
	display: block;
	width: 100%;
	margin: 5px 0px 0px 0px;
	border: 2px solid #E8122E;
}


.textklein, 
span.textklein, 
p.textklein, 
a.textklein {
	font-size:16px; 
	line-height:120% !important; 
}


/* Buttons */
.whitebutton, 
a.whitebutton,
span.whitebutton,
p.whitebutton {
	background-color:transparent;
	color:#E8122E !important; 
	display: inline-block;
	padding: 8px 16px;
	margin-bottom: 0;
    line-height: 100%;
	text-align: center;
	text-transform:uppercase;
	white-space: nowrap;
	vertical-align: middle;
	cursor: pointer;
	border: 2px solid #E8122E !important;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
	text-decoration:none !important;
	transition: all 0.2s ease;
	font-weight:500;
	-moz-border-radius: 0em !important;
	-webkit-border-radius: 0em!important;
	border-radius: 0rem;
	box-sizing: border-box !important;
}


a.whitebutton:hover,
span.whitebutton:hover, 
div.whitebutton:hover {
	border: 2px solid #E8122E !important;
	color:#fff !important; 
	background-color:#E8122E;
}

.owlbutton .whitebutton,  .owlbutton .whitebutton:hover {
	border:none !important; 
}



.standardbutton,
a.standardbutton,
span.standardbutton,
p.standardbutton,
input.standardbutton {
	background-color:#E8122E;
	color:#fff !important; 
	display: inline-block;
	padding: 6px 16px;
	margin-bottom: 0;
	line-height: 120%;
	text-align: center;
	text-transform:uppercase;
	white-space: nowrap;
	vertical-align: middle;
	cursor: pointer;
	border: 1px solid #E8122E !important;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
	text-decoration:none !important;
	transition: all 0.3s ease;
/*	font-szie:16px !important;*/
	font-weight:500;
	-moz-border-radius: 0em !important;
	-webkit-border-radius: 0em!important;
	border-radius: 0rem;
	box-sizing: border-box !important;
}

a.standardbutton:hover, 
span.standardbutton:hover, 
div.standardbutton:hover,
input.standardbutton:hover {
	border: 1px solid #E8122E !important;
	color:#E8122E !important; 
	background-color:#fff !important;
}


.owl-inner h3 {
	color:#fff !important; 
	font-size:34px;
	text-shadow: 2px 2px 4px #333;
}



/* Listen */
#inhalt ul {  
	margin-left: -20px; 
    margin-top:-12px; 
}

/*Tabelle*/
#inhalt tr {vertical-align: top;}


/* Linkstile  Section Weiss*/
a, main a, main a img {   border: 0px;  outline: none !important; transition: all 0.35s ease; }
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: #E8122E;
}


	
/* 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; }


footer a.megura {
	font-size: 12px !important;
	color:#2A2A2A !important;
}




/* Bootstrap 4 Accordion */
.accordion h5 .btn-link {
	font-size: 20px !important;
	font-weight: 700  !important;
	color:#111 !important;
	text-decoration:none !important;
	line-height:115% !important; 
}


/* Cookie Consent */
.cc-allow,
.cc-deny {
  color: #fff !important;
}


/*******************************************************************************/
/* Fontawesome.css   */
/******************************************************************************/
@font-face {
  font-family: 'FontAwesome';
  src: url('../fonts/fontawesome-webfont.eot?v=4.7.0');
  src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/* makes the font 33% larger relative to the icon container */
.fa-lg {
  font-size: 1.33333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}
.fa-2x {
  font-size: 2em;
}
.fa-3x {
  font-size: 3em;
}

.fa-fw {
  width: 1.28571429em;
  text-align: center;
}
.fa-ul {
  padding-left: 0;
  margin-left: 2.14285714em;
  list-style-type: none;
}
.fa-ul > li {
  position: relative;
}
.fa-li {
  position: absolute;
  left: -2.14285714em;
  width: 2.14285714em;
  top: 0.14285714em;
  text-align: center;
}
.fa-li.fa-lg {
  left: -1.85714286em;
}
.fa-border {
  padding: .2em .25em .15em;
  border: solid 0.08em #eeeeee;
  border-radius: .1em;
}
.fa-pull-left {
  float: left;
}
.fa-pull-right {
  float: right;
}
.fa.fa-pull-left {
  margin-right: .3em;
}
.fa.fa-pull-right {
  margin-left: .3em;
}
/* Deprecated as of 4.4.0 */
.pull-right {
  float: right;
}
.pull-left {
  float: left;
}
.fa.pull-left {
  margin-right: .3em;
}
.fa.pull-right {
  margin-left: .3em;
}
.fa-spin {
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear;
}
.fa-pulse {
  -webkit-animation: fa-spin 1s infinite steps(8);
  animation: fa-spin 1s infinite steps(8);
}

.fa-phone:before {
  content: "\f095";
}
.fa-phone-square:before {
  content: "\f098";
}

.fa-camera:before {
	 content: "\f030";
}

.fa-chevron-right:before {
	content:"\f054";
}

.fa-chevron-left:before {
	content:"\f053";
}

.fa-envelope-o:before {
	content:"\f003";
}

.fa-download:before {
	content:"\f019";
	padding-right:6px;
}

.fa-external-link-square:before {
	content:"\f08e";
	padding-right:6px; 
}

.fa-facebook-f:before, .fa-facebook:before {
	content: "\f09a";
}

.fa-instagram:before {
	content: "\f16d";
}

.fa-linkedin:before {
	content: "\f0e1";
}

.fa-xing:before {
	content: "\f168";
}

.fa-flickr:before {
	content: "\f16e";
}


.fa-angle-down:before {
	content: "\f107";
}






/* RESPONSIVE FONTS
 -------------------------------------------------- */

@media screen and (min-width: 2100px) { 
	#claim h3 { font-size:88px; padding:0px 12px;  }
}

@media screen and (max-width: 1600px) { 
	h3 {	font-size: 48px; }
	#claim h3 { font-size:64px;  }
}

@media screen and (max-width: 1260px) {
	h1 { font-size: 38px; }
	h2 { font-size: 26px; }
	h3 { font-size: 42px; }
	#claim h3 { font-size:52px;  }
	h4 { font-size: 22px; }
}

@media screen and (max-width: 980px) {
	h3 { font-size: 36px; }
}

@media screen and (max-width: 768px) {
	h1 { font-size: 34px; }
	h2 { font-size: 24px; }
	h3 { font-size: 34px; }
	#claim h3 { font-size:46px;  }
	h4 { font-size: 20px; }
	footer h2 { margin-bottom: 8px !important; }
}


@media screen and (max-width: 576px) {
  h1 {  font-size: 28px;  margin-bottom: 22px;  }
  h2 {  font-size: 22px;  }
  h3 {  font-size: 30px;  }
  #claim h3 {  font-size:38px;  }
  h4 {    font-size: 18px;  margin-bottom: 12px;  line-height:120%;   font-weight:500; }
  footer p {    font-size: 18px; }
}


@media screen and (max-width: 480px) {
	h1, .h1 {    font-size: 24px }
	h2, .h2 {    font-size: 22px }
	h3, .h3 {    font-size: 22px }
	#claim h3 {  font-size:26px; }
	h4, .h4 {    font-size: 18px }
}




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

.htmlarea-content-body {
	font-weight: 400;
	font-size: 16px;
	line-height: 120%;
	color: #111 !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 {
	color:#111 !important;
	line-height: 120%;
}


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

.htmlarea-content  footer a, 
.htmlarea-content  footer a:visited, 
.htmlarea-content  footer a:hover,
.htmlarea-content  a.download,  
.htmlarea-content  a.external-link-new-window,  
.htmlarea-content  a.internal-link  {
	text-decoration: underline !important;
}

.htmlarea-content-body h1 {
  font-size: 42px;
  font-weight: 700;
  margin-bottom: 24px; 
 }