@charset "utf-8";
/* CSS Document */

/***** Breakpoints bootstrap
:root {
--breakpoint-xs: 0;
--breakpoint-sm: 576px;
--breakpoint-md: 768px;
--breakpoint-lg: 992px;
--breakpoint-xl: 1200px;
}
***/

html {overflow-x: hidden;}


body {
	font-family:'Open Sans', Helvetica, Arial,  sans-serif;
	color: #212529;
	overflow-x: hidden !important;
	font-size:1.25rem;
	font-size:20px;
}


/******************* COLORS */



/*****Farbwerte***/
:root {}

.text-color {color:#212529;}
.text-black {color:#000000;}

.gelb {color:yellow;}
.red {color:#e30000;}
.red02 {color:#cc0000}
.gruen {color:#009B00;}
.gruen02 {color:#00CC00;}


.bg-gelb {background-color:yellow;}
.bg-none {background-color:transparent;} 

.bg-weiss-transparent-04 {background-color:rgba(255,255,255,0.4);}
.bg-weiss-transparent-06 {background-color:rgba(255,255,255,0.6);}
.bg-weiss-transparent-07 {background-color:rgba(255,255,255,0.7);}
.bg-weiss-transparent-08 {background-color:rgba(255,255,255,0.8);}

.bg-hellblau {background-color:#EBFAFD;}
.bg-orange {background-color:#FFC000;}


/*Farbwerte WIB*/
.wib-blau {color:#124986;}
.wib-blau02 {color:#0085FF;}

.bg-wib-blau {background-color:#124986;}
.bg-wib-blau02 {background-color:#0C5B9C;}

.bg-hellblau01 {background-color:#D4E5EE;} 
.bg-hellgrau01 {background-color:#F7F7F7;} 




.bg-head-gradient {
	/***** Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#e0e0e0+0,ffffff+46 */
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#e0e0e0+0,ffffff+30,ffffff+70,e0e0e0+100 */
	background: rgb(224,224,224); /* Old browsers */
	background: -moz-linear-gradient(45deg,  rgba(224,224,224,1) 0%, rgba(255,255,255,1) 30%, rgba(255,255,255,1) 70%, rgba(224,224,224,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(45deg,  rgba(224,224,224,1) 0%,rgba(255,255,255,1) 30%,rgba(255,255,255,1) 70%,rgba(224,224,224,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(45deg,  rgba(224,224,224,1) 0%,rgba(255,255,255,1) 30%,rgba(255,255,255,1) 70%,rgba(224,224,224,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0e0e0', endColorstr='#e0e0e0',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.bg-hellblau-gradient {
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#d4e5ee+0,ffffff+30,ffffff+70,d4e5ee+100 */
background: rgb(212,229,238); /* Old browsers */
background: -moz-linear-gradient(45deg,  rgba(212,229,238,1) 0%, rgba(255,255,255,1) 30%, rgba(255,255,255,1) 70%, rgba(212,229,238,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg,  rgba(212,229,238,1) 0%,rgba(255,255,255,1) 30%,rgba(255,255,255,1) 70%,rgba(212,229,238,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg,  rgba(212,229,238,1) 0%,rgba(255,255,255,1) 30%,rgba(255,255,255,1) 70%,rgba(212,229,238,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d4e5ee', endColorstr='#d4e5ee',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	
	}

.bg-grau-gradient {
	/***** Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#c9c9c9+0,ededed+55 */
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#c9c9c9+0,f2f2f2+49,c9c9c9+100 */
	background: rgb(201,201,201); /* Old browsers */
	background: -moz-linear-gradient(45deg,  rgba(201,201,201,1) 0%, rgba(242,242,242,1) 49%, rgba(201,201,201,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(45deg,  rgba(201,201,201,1) 0%,rgba(242,242,242,1) 49%,rgba(201,201,201,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(45deg,  rgba(201,201,201,1) 0%,rgba(242,242,242,1) 49%,rgba(201,201,201,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c9c9c9', endColorstr='#c9c9c9',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

/****************** LAYOUT */

.container {max-width:920px ;} 
.container-1024 {max-width:1024px ;} 
.container-1200 {max-width:1200px ;} 
.container-1920 {max-width:1920px ;} 


.section-cta {background-color:#25b0b5;} /*#154A79*/
.section-shadow {box-shadow: rgba(0, 0, 0, .15) 0px 5px 5px; height:10px;margin-top:-10px;}	

.ticker {background-color:rgb(255,192,0);}

/* Minimum width of 1360 pixels. -xl- */
@media screen and (min-width: 1360px) {}


/**************** TYPO */
	
.no-hyph {
	-webkit-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;	
}

h1 {
	font-family: 'Roboto', sans-serif;
	color:#222222; 
	font-weight:700;
	font-size:48px;
	-ms-hyphens: none;
	-webkit-hyphens: none;
	hyphens: none;
	}
h2 {
	font-family: 'Roboto', sans-serif;
	font-weight: 700;
	color:#124986;
	font-size:32px; 
	line-height:1.3;
	text-align:center;
	}

h3 {
	font-family: 'Roboto', sans-serif;
	font-size: 24px; 
	font-weight: 500;
	color:#124986;
	line-height:1.3;
	}

h4 {
	font-family: 'Roboto', sans-serif;
	font-size: 22px; 
	font-weight: 500;
	color:#124986; 
	line-height:1.3;
	}

h2, h3, h4 {margin:2.5rem 0 1.5rem 0 ;}

h1 > span:not(.text-nowrap){background-color:#ffffff;color:white;padding:0 5px;}
h2 > span:not(.text-nowrap){background-color:#00991A;color:white;padding:0 5px;line-height:1.45;} 
h3 > span:not(.text-nowrap){background-color:#e8a731;color:#000000;padding:0 5px;line-height:1.45;} /*#FCB03F#bccf02*/
h4 > span:not(.text-nowrap){background-color:#e8a731;color:#000000;padding:0 5px;line-height:1.45;}/**/ /*#96D09E#f18a3e*/

h4.list {color:#212529;font-weight:700;padding-left:2.25em;position:relative;}
h4.list span:not(.text-nowrap) {color:#ffffff;position:absolute;left:0;top:-.25em;display:inline-block;width:1.75em;height:1.75em;text-align:center;background-color:#124986;border-radius:50%;line-height:1.75;}



/* Maximum width of 1199 pixels. -xl- */
@media screen and (max-width: 1199px) {
	h1 {font-size:48px;} 
	h2 {font-size:28px;}  
	h3 {font-size:24px;}
	h4 {font-size:22px;}
}


/* Maximum width of 991 pixels. -lg- */
@media screen and (max-width: 991px) {
	h1 {font-size:40px;
		-ms-hyphens: manual;
		-webkit-hyphens: manual;
		hyphens: manual;
	} 
	h2 {font-size:24px;}  
	h3 {font-size:22px;} 
	h4 {font-size:21px;}
}

/* Maximum width of 767 pixels. -md- */
@media screen and (max-width: 767px) {
	h1 {font-size:28px;}
	h2 {font-size:22px;} 
	h3 {font-size:20px;}  
	h4 {font-size:19px;}
}

/* Maximum width of 575 pixels. -sm- */
@media screen and (max-width: 575px) {
	h1 {font-size:20px;}
}



p {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
}

li {margin: .75rem 0 .75rem 0;padding-left:0.25em; }

ol {padding-left:1.5em;}

/**font-awesome*/
.fa-li {left:-2.25em;}

/* Maximum width of 767 pixels. -md- */
@media screen and (max-width: 767px) {
	p, li {font-size:18px;} 
}

.text-shadow01 {text-shadow: 1px 1px 2px rgba(0,0,0,0.5);}
.text-shadow02 {text-shadow: 1px 1px 2px rgba(255,255,255,.5);}

.box-shadow01 {box-shadow: 0 10px 20px -10px #b8b8b8;}
.box-shadow02 {box-shadow:0px 0px 5px #999;}
.box-shadow03 {box-shadow:0px 0px 10px #999;}	

.rounded-15 {border-radius:15px}

/* Minimum width of 768 pixels. -md- */
@media screen and (min-width: 768px) {
	.rounded-md-15 {border-radius:15px}
}


/********Testis***/
p.quote {
	margin: 1em 0;
	font-style:italic;
	color:white;
	border-radius:0px;
	background-color:#25b0b5; 
	padding:1em 1em 1em 2em;
	position:relative;
	}
	
p.quote:before {
	content: "„";
	font-family:"Times New Roman", Times, serif;
	font-size:60px;
	/*line-height:10px;*/
	font-style:normal;
	font-weight:700;
	color:rgba(255,255,255,.3);
	position:absolute;
	top:-45px;left:5px;
}

/* Minimum width of 768 pixels. */
@media screen and (min-width: 768px) {
	 p.quote {
		margin: 2em 1em 2em 5em;
		padding:1em 1em 1em 4.0em;
	}
	p.quote:nth-of-type(even) {
		margin: 2em 5em 2em 1em;
	}
	p.quote:before {font-size:120px;top:-100px}
}

/******************* CAPTION */

.figure-caption {font-size: 75%;}


/******************* BUTTONS & LINKS */

a {
	color:#0056b3;
	text-decoration:underline;
	}
a:hover {color:#e30000;}

.btn-primary {
	/*background: #FF9C00;*/
	
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffc000+0,fff3d1+25,ffc000+100 */
background: rgb(255,192,0); /* Old browsers */
background: -moz-linear-gradient(45deg,  rgba(255,192,0,1) 0%, rgba(255,243,209,1) 25%, rgba(255,192,0,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg,  rgba(255,192,0,1) 0%,rgba(255,243,209,1) 25%,rgba(255,192,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg,  rgba(255,192,0,1) 0%,rgba(255,243,209,1) 25%,rgba(255,192,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffc000', endColorstr='#ffc000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

	color:#11355A;
	border-radius: 15px ;
	border:0px solid #FFC000; /*#D6ECDA*/
	font-size: 20px;
	font-weight: 700;
	padding: 20px 35px 20px 35px;
	position: relative;
	max-width: 100%;
	overflow: hidden;
		/*transform:skewX(-20deg);*/
	transition: 1.5s;
    white-space:normal;
	text-decoration:none;
}

@media screen and (max-width: 767px) {
	.btn-primary {font-size: 18px;padding: 15px 15px 15px 15px;}
}

.btn-primary:hover {border-color:#FFC000;}

.btn-primary:hover, 
.btn-primary:focus, 
.btn-primary:active {
	color:#222222;
	/*background: #FFC000;*/
	
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffc000+0,ffc000+25,ffc000+100 */
background: rgb(255,192,0); /* Old browsers */
background: -moz-linear-gradient(45deg,  rgba(255,192,0,1) 0%, rgba(255,192,0,1) 25%, rgba(255,192,0,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg,  rgba(255,192,0,1) 0%,rgba(255,192,0,1) 25%,rgba(255,192,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg,  rgba(255,192,0,1) 0%,rgba(255,192,0,1) 25%,rgba(255,192,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffc000', endColorstr='#ffc000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}


.btn-primary .arrow {margin-right:10px;}
.btn-primary:hover .arrow {transition: 1.0s ;color:#00991A;  margin-left:8px;margin-right:2px;}

.anchor:hover,
.anchor:focus {
  /*box-shadow: inset -18em 0 0 1px var(--hover), inset 18em 0 0 1px var(--hover);*/
  background: #FFC000;
}
.anchor {
    --hover: #FFC000;
}


/***************FOOTER********/
.footer{
	/*background-color: #00991A;*/
	font-size:1em;
	color:#ffffff;
	padding:1em 1em .3em 1em;
}
.footer a {color:#ffffff;text-decoration:none;}
.footer a:hover {text-decoration:underline;}
.copy { font-size:.8em;}


@media (max-width:767px){
	.img-max {
	  max-width: 500px;
	  width:100%;
	}
}

/*************DARKMODE**/

.darkimg {display:none;}
.lightimg {display:block;}

@media (prefers-color-scheme: dark) {
	body {color:#f2f2f2 !important;}
	section {color:#f2f2f2;}
	
	.bg-wib-blau {background:#222222 !important;}
	.bg-white {background:#000000 !important;}
	section.section00 .bg-head-gradient {background:#111111 !important;}
	section.bg-hellblau01 {background:#333333 !important;}
	section.bg-hellgrau01 {background:#222222 !important;}
	section.bg-hellblau-gradient {background:#111111 !important;}
	section.section-image {background:#111111 !important;}
	.section-shadow {background:#333333 !important;}
	section.section99 {background:#222222 !important;} /*orderform*/
	section.footer{background:#111111 !important;}
	
	h1,h2, h3, h4 {color: #f3f3f3 !important;}
	.fa-li .fa-check-circle.gruen {color:white !important;}
	h4.list span:not(.text-nowrap) {color:#000000;background-color:#ffffff;}

	a {background-color:#ffffff;}

	.wib-blau {color: #f3f3f3 !important;}
	.ticker {background-color:#333333 !important;}
	.ticker p {color:#f2f2f2 !important;}

	.tick-label {color: #f2f2f2 !important;}
	.tick-flip-panel {background-color:#ffffff !important; color:#222222 !important	;}
	.box-shadow01, .box-shadow03 {box-shadow:none;}
	
	.darkimg {display:block;}
	.lightimg {display:none;}
}