@font-face {
	font-family: "Work Sans";
	src: url("./fonts/WorkSans-VariableFont_wght.ttf") format("truetype");
  }


body {
	font-family: 'Work Sans', sans-serif;
	font-weight: 400;
	font-size:17px; 
	line-height:140%;
	color:#005BD7;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
}

p {  margin-bottom: 20px; }

h1, h2, h3, h4, h5 {
    margin-top: 0px !important;
	font-family: 'Work Sans', sans-serif;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
}
	
h1 {
	font-size: 66px;
	font-weight:400;
	color:#005BD7; 
	margin-bottom:32px;
	text-align: left;
	line-height:120%;
	}

h2 {
	font-size: 50px;
	font-weight:400;
	color:#005BD7; 
	margin-bottom:20px;
	line-height: 110%;
}

h3 {
	font-size: 32px;
	font-weight:400;
	color:#005BD7; 
	margin-bottom:16px;
	line-height:130%;
}

h4 {
	font-size: 20px;
	font-weight:600;
	color:#005BD7; 
	margin-bottom:12px;
}

/* Zwischentitel */
h5 {
  font-size: 26px; 
  font-weight:600;

}


.bg-blue h1,  .bg-blue h2, .bg-blue h3, 
.bg-blue h4, .bg-blue h5, 
.bg-blue body, .bg-blue p,
.bg-blue ul, .bg-blue ul li {
	color:#ffffff !important; 
}

footer h2 {
	font-size: 20px !important;
	font-weight:700 !important;
	color:#005BD7 !important;
	margin-bottom:10px !important;
	text-align:left;
	text-transform: normal !important;
}

footer p {
	color:#005BD7; 
	line-height:150%;
	font-weight:500;
	font-size:18px;
}

.font-small {
	font-size:18px !important;
	line-height:120%; 
}

.home-intro h2 {
	font-size: 32px;
	line-height:120%;
}

.home .quoter p {
	font-size:20px;
	margin:25px 0px !important; 
}


td { font-size: 18px; }




/* Listen */
ul { margin-left:-25px; }
#inhalt ul { margin-left:-15px; }
#inhalt ul li { margin-bottom:8px; }

ul#menu {
	margin-left:0px !important; 
}


ol {
	margin-left:-7px;
	list-style: none; 
	counter-reset: li
}

ol li {
	margin-bottom:10px; 
}

ol li::before {
	content: counter(li) "."; 
	color:  #09410f;
	display: inline-block; 
	width: 1.5em;
	margin-left: -1.5em
}


ol li {counter-increment: li}




/* Linkstile  Section Weiss*/
main a img, a, a img, img, button { border:0px; outline:none !important;}

main a, main a:visited { color: #005BD7; text-decoration:underline; }
main a.download { color: #005BD7; text-decoration:underline;}
main a.internal-link { color: #005BD7  text-decoration:underline; }
main a.external-link-new-window { color:#005BD7; text-decoration:underline;}
main a.mail { color: #005BD7; text-decoration:underline; }
main a.pdf { color: #005BD7; 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:#666;   }


main .bg-blue a,
main .bg-blue a:visited {
	text-decoration:underline;
	color:#fff !important;
}

main .bg-blue a:hover {
	text-decoration:underline;
	color:#fff !important;
}



/* Footer Linkstile */
footer a, footer a:visited { color:#005BD7; text-decoration:none; }
footer a:hover, footer a:focus { color:#005BD7; text-decoration:underline; }
a.megura {text-decoration:none; color:#999 !important; font-size:11px; padding:0px;  }





/* Custom Inline & Block Styles */
/* Buttons */
.button-standard, 
a.button-standard,
span.button-standard,
p.button-standard,
button.button-standard,
input.button-standard {
	background-color: transparent;
	display: inline-block;
	padding: 8px 25px;
	margin-bottom: 0;
	font-weight: 400;
	line-height: 100%;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	cursor: pointer;
	border: 1px solid #005BD7 !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;
	color:#005BD7 !important;  
	/* text-transform: uppercase;  */
}

a.button-standard:hover, 
span.button-standard:hover, 
div.button-standard:hover,
button.button-standard:hover,
input.button-standard:hover {
	border: 1px solid #005BD7 !important;  
	color:#ffffff !important; 
	background-color:#005BD7; 
}

.modal-content .button-standard,
.modal-content .button-standard:visited,
.modal-content .button-standard:hover  {
	border: 1px solid #005BD7 !important;  
	color:#ffffff !important; 
	background-color:#005BD7 !important; 
}


.bg-blue .button-standard, 
.bg-blue a.button-standard,
.bg-blue span.button-standard,
.bg-blue p.button-standard,
.bg-blue input.button-standard {
	border: 1px solid #ffff !important;
	color:#fff !important;
}

.bg-blue .button-standard:hover, 
.bg-blue a.button-standard:hover,
.bg-blue span.button-standard:hover,
.bg-blue p.button-standard:hover,
.bg-blue input.button-standard:hover {
	border: 1px solid #ffff !important;
	color:#005BD7 !important; 
	background-color:#fff; 
}


.white {
	color:#fff !important; 
}


.download i.fas, .pdf i.fas {
	margin-right:7px !important; 
}



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



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

@media screen and (min-width: 1980px) { 	
	body {	font-size:18px;  }
	h1 { font-size: 68px; }
}


@media screen and (max-width: 1980px) { 
	.modal-dialog p { font-size:16px !important; }
	.modal-dialog h2 { font-size:40px !important; } 
}


@media screen and (max-width: 1200px) { 
	h1 { font-size: 62px; }
	h2 { font-size: 46px; }
}

@media screen and (max-width: 992px) { 	
	h1 { font-size: 54px; }
	h2 { font-size: 40px; }
	h5 { font-size: 23px;  }

	.home-intro h2,
	.home .quoter {
		font-size: 29px;
	}
}

@media screen and (max-width: 767px) { 	
	h1 { font-size: 48px; margin-bottom: 24px; }
	h2 { font-size: 38px; }
	h3 { font-size: 30px;  }
	h4 {}
	h5 { font-size: 22px; }

	.home-intro h2,
	.home .quoter {
		font-size: 26px;
		line-height: 120% !important;
	}

	footer h2 { font-size: 17px !important; }
	footer p { font-size:17px; 	}
	.modal-dialog h2 { font-size:36px !important; } 
}


@media screen and (max-width: 576px) { 
	h1 { font-size: 40px;  }
	h2 { font-size: 34px; }
	h3 { font-size: 27px; }
	h5 { font-size: 20px;  }

	.home-intro h2,
	.home .quoter {
		font-size: 24px;
	}
	.modal-dialog h2 { font-size:25px !important; } 

}


@media screen and (max-width: 480px) { 
	h1 { font-size: 36px;  }
	h2 { font-size: 29px; }
	h3 { font-size: 26px; }
	h4 { font-size: 18px; }
}