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

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

/*** Amaranth
@font-face{font-family:Amaranth;src:url(../fonts/Amaranth-Bold.ttf);font-weight:700;font-style:normal;font-display:swap;}
***/

/*** Lato liegt auch auf vnr-fontserver
@font-face{font-family:Lato;src:url(../fonts/Lato-Bold.ttf);font-weight:700;font-style:normal;font-display:swap;}
@font-face{font-family:Lato;src:url(../fonts/Lato-Light.ttf);font-weight:300;font-style:normal;font-display:swap;}
@font-face{font-family:Lato;src:url(../fonts/Lato-Regular.ttf);font-weight:400;font-style:normal;font-display:swap;}
@font-face{font-family:Lato;src:url(../fonts/Lato-Medium.ttf);font-weight:500;font-style:normal;font-display:swap;}
***/

html {
	overflow-x: hidden;
	scroll-behavior: smooth;
}

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


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

/*****bootstrap-Farbwerte***/

.orange {color: var(--orange);}/*--orange: #fd7e14;*/
.yellow {color: var(--yellow);}/*--yellow: #ffc107;*/
.green {color: var(--green);} /*--green: #28a745;*/


/*****Farbwerte***/
:root {
--cw-orange: #F6AD00;
}

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

.white {color:#ffffff !important;}
.black {color:#000000;}
.gelb {color:yellow;}

.red {color:#ff0000;}
.red02 {color:#e20000}
.red03 {color:#cc0000;}
.red04 {color:#ED0F00;}
.els-red {color:#AE0707;}

.grau {color:#cccccc;}

.gruen {color:#009900;}

.gruen02 {color:#00CC00;}
.gruen03 {color:#00cf00;}
.gruen04 {color:#7bc13b;}
.gruen05 {color:#009B00;}
.gruen06 {color:#2AAF6D;}
.gruen07 {color:#8AAD35;}
.gruen08 {color:#AAE10E;}

.blau {color:#0E3F8E ;}
.blau02 {color:#6393c1;}
.bg-blau02 {background-color:#6393c1 !important;}
.blau03 {color:#0076ba !important;}

.bg-gelb {background-color:yellow;}
.bg-none {background-color:transparent;} 
.bg-gelb02 {background-color:#FFED67;}
.bg-gelb03 {background-color:#FFF200;}
.bg-gelb04 {background-color:#FFF726;}
.bg-gelb05 {background-color:#FFF000;}

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

.bg-weiss {background-color:#ffffff !important;}

.bg-hellblau {background-color:#EBFAFD !important;}
.bg-orange {background-color:var(--orange);} /*#FFC000*/
.bg-orange02 {background-color:#FFD932;}

.bg-hellblau01 {background-color:#e4eff5 !important;}  /*#D4E5EE*/

.bg-hellgrau01 {background-color:#F7F7F7 !important;} 
.bg-hellgrau02 {background-color:#F8F9FA !important;} 

.bg-gruen04 {background-color:#7bc13b;}

.bg-blau {background-color:#07224C;}
.bg-black {background-color:#000000 !important;}

/*--bg-lg-weiss {background-color:#F8F9FA;}*/
@media screen and (min-width: 992px) {
	.bg-lg-weiss {background-color:#ffffff !important;}
}

/*******************************BEO******/
.beo-braun01 {color: #D8641B !important;}
.beo-blau01 {color: #0B456D !important;}
.beo-blau02 {color: #35699B !important;}
.beo-blau03 {color: #02A6FF !important;} /*#4FACCA*/

.beo-gruen01 {color: #00A35D !important;}
.beo-bg-blau01 {background-color: #0B456D !important;}
.beo-bg-blau02 {background-color: #35699B !important;}
.beo-bg-blau03 {background-color: #02A6FF !important;}

.bg-beo {background:url(../img/AdobeStock_50832817.jpg) repeat #ffffff fixed; background-size:cover;} /*repeat-y  background-position:center center; */

.bg-gradient-beo01 {
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#feffff+0,ddf1f9+35,a0d8ef+100 */
	/* background: #feffff; Old browsers */
	/* background: linear-gradient(to bottom,  #feffff 0%,#ddf1f9 65%,#a0d8ef 100%);  W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#feffff+0,ddf1f9+63,c7d8ef+100 */
	/* background: linear-gradient(to bottom,  #feffff 0%,#ddf1f9 63%,#c7d8ef 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */


	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#6393c1+0,cfe7fa+100 */
	/* background: rgba(99,147,193,1); /* Old browsers */
	/* background: linear-gradient(to bottom,  rgba(99,147,193,1) 0%,rgba(207,231,250,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#feffff+0,ddf1f9+66,e8eff9+100 */
	background: #feffff; /* Old browsers */
	background: linear-gradient(to bottom,  #feffff 0%,#ddf1f9 66%,#e8eff9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.bg-gradient-beo02 {
	background:#0b456d; /* Old browsers */

	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#5bd7ff+0,0099cc+33,0099cc+66,5bd7ff+100 */
	/*background: linear-gradient(45deg,  #5bd7ff 0%,#0099cc 33%,#0099cc 66%,#5bd7ff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	/*background: linear-gradient(45deg,  #5bd7ff 0%,#1F61AA 33%,#1F61AA 66%,#5bd7ff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	/*background: linear-gradient(135deg,  #5bd7ff 0%,#0099cc 33%,#0099cc 66%,#5bd7ff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#5bd7ff+0,0b456d+33,0b456d+66,5bd7ff+100 */
	/*background: linear-gradient(45deg,  #5bd7ff 0%,#0b456d 33%,#0b456d 66%,#5bd7ff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	background: linear-gradient(45deg,  #52B1CE 0%,#0b456d 30%,#0b456d 70%,#52B1CE 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

/*******************************************SEO***/
.seo-green02 {color:#396C34 !important;}
.seo-red02 {color:#C80024 !important;}

.seo-bg-green02 {background-color:#396C34 !important;}
.seo-bg-red02 {background-color:#C80024 !important;}

.seo-red {color:#D81119!important;}
.seo-bg-red {background-color:#D81119;}
.seo-orange {color:#F18822 !important;}
.seo-bg-orange {background-color:#F18822;}
.seo-green {color:#00A24C;}
.seo-blau {color:#0067AC;}
.seo-lila {color:#8C2D65;}
.seo-gold {color:#BF9640;}/*#BE9542*/
.seo-gold02 {color:#D1A140;}

.seo-braun01 {color:#6B4F4E !important;}

.seo-text-gradient {
	background: #d19e1d;
	background: -webkit-linear-gradient(to right, #d19e1d, #ffd86e, #e3a812);
	background: linear-gradient(to right, #d19e1d, #ffd86e, #e3a812);
	/*
	background: linear-gradient(to right, #BF953F, #FCF6BA, #B38728, #FBF5B7, #AA771C);	
	background: radial-gradient(ellipse farthest-corner at right bottom, #FEDB37 0%, #FDB931 8%, #9f7928 30%, #8A6E2F 40%, transparent 80%),
                radial-gradient(ellipse farthest-corner at left top, #FFFFFF 0%, #FFFFAC 8%, #D1B464 25%, #5d4a1f 62.5%, #5d4a1f 100%);
	background: linear-gradient(to top, red, yellow);*/
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
}
.seo-text-gradient02 {
	background: #d19e1d;
	background: -webkit-linear-gradient(to right, #d19e1d, #ffd86e, #e3a812);
	background: linear-gradient(to right, #d19e1d, #ffd86e, #e3a812);
	color: white;
}

/*.bg-erbe { background:url(../img/bg01-min.jpg) repeat #ffffff fixed;background-size:cover;}*/ /*repeat-y  background-position:center center; */
.bg-erbe { background:url(../img/bg_kompass02-min.jpg) repeat #ffffff fixed; background-size:cover;} /*repeat-y  background-position:center center; */

.backdrop01 { backdrop-filter: brightness(1.1) opacity(60%);}

/**********DAR******/
.dar-gruen {color:#1C7F4F;}
.dar-gruen02 {color:#00874D;}
.dar-gruen03 {color:#079D4F;}
.dar-gruen04 {color:#006730;}
.dar-gelb {color:#FFED67;}
.dar-orange {color:#EA5F0E;}

.petrol {color:#00908E;}

/**********ITO******/
/*.cw-orange {color:#F6AD00;}*/
.cw-orange {color: var(--cw-orange);}

/*.bg-cw-orange {background-color:#F6AD00;}*/
.bg-cw-orange {background-color:var(--cw-orange);}

.ito-blau {color:#4264B0;}


/***********EIP**********/
.eip-mittelblau {color:#0CA1DF;}
.eip-dunkelblau {color:#1B3773;}
.eip-orange {color:#EF731E;}
.eip-gruen {color:#A3C614;}

.bg-eip-mittelblau {background-color:#0CA1DF;}
.bg-eip-dunkelblau {background-color:#1B3773;} 
.bg-eip-orange {background-color:#EF731E;}
.bg-eip-gruen {background-color:#A3C614 !important;}

.bg-wave {
	background:url(../img/wave.svg) repeat-x bottom center;
	background-size:150% auto;/*contain*/
}
.bg-wave02 {
	background:url(../img/wave_white.svg) repeat-x bottom center;
	background-size:contain;/*100% auto*/
}

/***gradients*/
.bg-head-gradient {
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,dbe5dd+100 */
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(-45deg,  #ffffff 0%, #dbe5dd 100%); /* FF3.6-15 */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#ffffff), color-stop(100%,#dbe5dd)); /* Chrome4-9,Safari4-5 */
	background: -webkit-linear-gradient(-45deg,  #ffffff 0%,#dbe5dd 100%); /* Chrome10-25,Safari5.1-6 */
	background: -o-linear-gradient(-45deg,  #ffffff 0%,#dbe5dd 100%); /* Opera 11.10-11.50 */
	background: -ms-linear-gradient(-45deg,  #ffffff 0%,#dbe5dd 100%); /* IE10 preview */
	background: linear-gradient(135deg,  #ffffff 0%,#dbe5dd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dbe5dd',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.bg-head-gradient-rev {
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#dbe5dd+0,ffffff+100 */
	background: #dbe5dd; /* Old browsers */
	background: -moz-linear-gradient(-45deg,  #dbe5dd 0%, #ffffff 100%); /* FF3.6-15 */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#dbe5dd), color-stop(100%,#ffffff)); /* Chrome4-9,Safari4-5 */
	background: -webkit-linear-gradient(-45deg,  #dbe5dd 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
	background: -o-linear-gradient(-45deg,  #dbe5dd 0%,#ffffff 100%); /* Opera 11.10-11.50 */
	background: -ms-linear-gradient(-45deg,  #dbe5dd 0%,#ffffff 100%); /* IE10 preview */
	background: linear-gradient(135deg,  #dbe5dd 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dbe5dd', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.bg-head-gradient00 {
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#fae5c2+0,cfdbbd+30,cfdbbd+30,cfdbbd+33,8ec7b9+100 */
	background: #fae5c2; /* Old browsers */
	background: -moz-linear-gradient(-45deg,  #fae5c2 0%, #cfdbbd 30%, #cfdbbd 30%, #cfdbbd 33%, #8ec7b9 100%); /* FF3.6-15 */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#fae5c2), color-stop(30%,#cfdbbd), color-stop(30%,#cfdbbd), color-stop(33%,#cfdbbd), color-stop(100%,#8ec7b9)); /* Chrome4-9,Safari4-5 */
	background: -webkit-linear-gradient(-45deg,  #fae5c2 0%,#cfdbbd 30%,#cfdbbd 30%,#cfdbbd 33%,#8ec7b9 100%); /* Chrome10-25,Safari5.1-6 */
	background: -o-linear-gradient(-45deg,  #fae5c2 0%,#cfdbbd 30%,#cfdbbd 30%,#cfdbbd 33%,#8ec7b9 100%); /* Opera 11.10-11.50 */
	background: -ms-linear-gradient(-45deg,  #fae5c2 0%,#cfdbbd 30%,#cfdbbd 30%,#cfdbbd 33%,#8ec7b9 100%); /* IE10 preview */
	background: linear-gradient(135deg,  #fae5c2 0%,#cfdbbd 30%,#cfdbbd 30%,#cfdbbd 33%,#8ec7b9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fae5c2', endColorstr='#8ec7b9',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.bg-head-gradient01 {
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#fae5c2+0,cfdbbd+26,cfdbbd+42,8ec7b9+100 */
	background: #fae5c2; /* Old browsers */
	background: -moz-linear-gradient(-45deg,  #fae5c2 0%, #cfdbbd 26%, #cfdbbd 42%, #8ec7b9 100%); /* FF3.6-15 */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#fae5c2), color-stop(26%,#cfdbbd), color-stop(42%,#cfdbbd), color-stop(100%,#8ec7b9)); /* Chrome4-9,Safari4-5 */
	background: -webkit-linear-gradient(-45deg,  #fae5c2 0%,#cfdbbd 26%,#cfdbbd 42%,#8ec7b9 100%); /* Chrome10-25,Safari5.1-6 */
	background: -o-linear-gradient(-45deg,  #fae5c2 0%,#cfdbbd 26%,#cfdbbd 42%,#8ec7b9 100%); /* Opera 11.10-11.50 */
	background: -ms-linear-gradient(-45deg,  #fae5c2 0%,#cfdbbd 26%,#cfdbbd 42%,#8ec7b9 100%); /* IE10 preview */
	background: linear-gradient(135deg,  #fae5c2 0%,#cfdbbd 26%,#cfdbbd 42%,#8ec7b9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fae5c2', endColorstr='#8ec7b9',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.bg-head-gradient02 {
	/* 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(135deg,  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-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 */
}

.bg-hellblau-gradient {
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#6393c1+0,cfe7fa+100 */
	background: #6393c1; /* Old browsers */
	background: -moz-linear-gradient(-45deg,  #6393c1 0%, #cfe7fa 100%); /* FF3.6-15 */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#6393c1), color-stop(100%,#cfe7fa)); /* Chrome4-9,Safari4-5 */
	background: -webkit-linear-gradient(-45deg,  #6393c1 0%,#cfe7fa 100%); /* Chrome10-25,Safari5.1-6 */
	background: -o-linear-gradient(-45deg,  #6393c1 0%,#cfe7fa 100%); /* Opera 11.10-11.50 */
	background: -ms-linear-gradient(-45deg,  #6393c1 0%,#cfe7fa 100%); /* IE10 preview */
	background: linear-gradient(135deg,  #6393c1 0%,#cfe7fa 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6393c1', endColorstr='#cfe7fa',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.bg-foto {
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f8eadd+0,e5e3e6+100 */
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f8eadd+0,f6e7e0+50,e4e2e5+100 */
	background: #f8eadd; /* Old browsers */
	background: -moz-linear-gradient(left,  #f8eadd 0%, #f6e7e0 50%, #e4e2e5 100%); /* FF3.6-15 */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#f8eadd), color-stop(50%,#f6e7e0), color-stop(100%,#e4e2e5)); /* Chrome4-9,Safari4-5 */
	background: -webkit-linear-gradient(left,  #f8eadd 0%,#f6e7e0 50%,#e4e2e5 100%); /* Chrome10-25,Safari5.1-6 */
	background: -o-linear-gradient(left,  #f8eadd 0%,#f6e7e0 50%,#e4e2e5 100%); /* Opera 11.10-11.50 */
	background: -ms-linear-gradient(left,  #f8eadd 0%,#f6e7e0 50%,#e4e2e5 100%); /* IE10 preview */
	background: linear-gradient(to right,  #f8eadd 0%,#f6e7e0 50%,#e4e2e5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8eadd', endColorstr='#e4e2e5',GradientType=1 ); /* IE6-9 */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8eadd', endColorstr='#e5e3e6',GradientType=1 ); /* IE6-9 */
}

.bg-gelb-gradient {
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#fffcf3+0,ffed67+100 */
	background: #fffcf3; /* Old browsers */
	background: -moz-linear-gradient(-45deg,  #fffcf3 0%, #ffed67 100%); /* FF3.6-15 */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#fffcf3), color-stop(100%,#ffed67)); /* Chrome4-9,Safari4-5 */
	background: -webkit-linear-gradient(-45deg,  #fffcf3 0%,#ffed67 100%); /* Chrome10-25,Safari5.1-6 */
	background: -o-linear-gradient(-45deg,  #fffcf3 0%,#ffed67 100%); /* Opera 11.10-11.50 */
	background: -ms-linear-gradient(-45deg,  #fffcf3 0%,#ffed67 100%); /* IE10 preview */
	background: linear-gradient(135deg,  #fffcf3 0%,#ffed67 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fffcf3', endColorstr='#ffed67',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.bg-beige-gradient02 {
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffe8af+100 */
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffe8af+0,ffffff+50,ffffff+50,ffe8af+100 */
background: #ffe8af; /* Old browsers */
background: -moz-linear-gradient(45deg,  #ffe8af 0%, #ffffff 50%, #ffffff 50%, #ffe8af 100%); /* FF3.6-15 */
background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#ffe8af), color-stop(50%,#ffffff), color-stop(50%,#ffffff), color-stop(100%,#ffe8af)); /* Chrome4-9,Safari4-5 */
background: -webkit-linear-gradient(45deg,  #ffe8af 0%,#ffffff 50%,#ffffff 50%,#ffe8af 100%); /* Chrome10-25,Safari5.1-6 */
background: -o-linear-gradient(45deg,  #ffe8af 0%,#ffffff 50%,#ffffff 50%,#ffe8af 100%); /* Opera 11.10-11.50 */
background: -ms-linear-gradient(45deg,  #ffe8af 0%,#ffffff 50%,#ffffff 50%,#ffe8af 100%); /* IE10 preview */
background: linear-gradient(45deg,  #ffe8af 0%,#ffffff 50%,#ffffff 50%,#ffe8af 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffe8af', endColorstr='#ffe8af',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.bg-beige-gradient {
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffe8af+0,ffffff+50,ffffff+50,ffe8af+100 */
background: #ffe8af; /* Old browsers */
background: -moz-linear-gradient(-45deg,  #ffe8af 0%, #ffffff 50%, #ffffff 50%, #ffe8af 100%); /* FF3.6-15 */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#ffe8af), color-stop(50%,#ffffff), color-stop(50%,#ffffff), color-stop(100%,#ffe8af)); /* Chrome4-9,Safari4-5 */
background: -webkit-linear-gradient(-45deg,  #ffe8af 0%,#ffffff 50%,#ffffff 50%,#ffe8af 100%); /* Chrome10-25,Safari5.1-6 */
background: -o-linear-gradient(-45deg,  #ffe8af 0%,#ffffff 50%,#ffffff 50%,#ffe8af 100%); /* Opera 11.10-11.50 */
background: -ms-linear-gradient(-45deg,  #ffe8af 0%,#ffffff 50%,#ffffff 50%,#ffe8af 100%); /* IE10 preview */
background: linear-gradient(135deg,  #ffe8af 0%,#ffffff 50%,#ffffff 50%,#ffe8af 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffe8af', endColorstr='#ffe8af',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.bg-card-gradient {
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#b8bac6+0,f5f6f6+35,f5f6f6+65,b8bac6+100 */
background: #b8bac6; /* Old browsers */
background: -moz-linear-gradient(45deg,  #b8bac6 0%, #f5f6f6 35%, #f5f6f6 65%, #b8bac6 100%); /* FF3.6-15 */
background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#b8bac6), color-stop(35%,#f5f6f6), color-stop(65%,#f5f6f6), color-stop(100%,#b8bac6)); /* Chrome4-9,Safari4-5 */
background: -webkit-linear-gradient(45deg,  #b8bac6 0%,#f5f6f6 35%,#f5f6f6 65%,#b8bac6 100%); /* Chrome10-25,Safari5.1-6 */
background: -o-linear-gradient(45deg,  #b8bac6 0%,#f5f6f6 35%,#f5f6f6 65%,#b8bac6 100%); /* Opera 11.10-11.50 */
background: -ms-linear-gradient(45deg,  #b8bac6 0%,#f5f6f6 35%,#f5f6f6 65%,#b8bac6 100%); /* IE10 preview */
background: linear-gradient(45deg,  #b8bac6 0%,#f5f6f6 35%,#f5f6f6 65%,#b8bac6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b8bac6', endColorstr='#b8bac6',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}


.bg-gold-gradient {
	background: #d19e1d;
	background: -webkit-linear-gradient(to right, #d19e1d, #ffd86e, #e3a812);
	background: linear-gradient(to right, #d19e1d, #ffd86e, #e3a812);
}

.bg-grey-to-white-gradient {
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#b8bac6+0,ffffff+50,ffffff+50,ffffff+100 */
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#e2e2e2+0,ffffff+50,ffffff+50,ffffff+100 */
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ededed+0,ffffff+50,ffffff+50,ededed+100 */
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ededed+0,ffffff+50,ffffff+50,ededed+100 */
background: #ededed; /* Old browsers */
background: -moz-linear-gradient(45deg,  #ededed 0%, #ffffff 50%, #ffffff 50%, #ededed 100%); /* FF3.6-15 */
background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#ededed), color-stop(50%,#ffffff), color-stop(50%,#ffffff), color-stop(100%,#ededed)); /* Chrome4-9,Safari4-5 */
background: -webkit-linear-gradient(45deg,  #ededed 0%,#ffffff 50%,#ffffff 50%,#ededed 100%); /* Chrome10-25,Safari5.1-6 */
background: -o-linear-gradient(45deg,  #ededed 0%,#ffffff 50%,#ffffff 50%,#ededed 100%); /* Opera 11.10-11.50 */
background: -ms-linear-gradient(45deg,  #ededed 0%,#ffffff 50%,#ffffff 50%,#ededed 100%); /* IE10 preview */
background: linear-gradient(45deg,  #ededed 0%,#ffffff 50%,#ffffff 50%,#ededed 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#ededed',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}



.bg-grey-to-white-gradient03 {
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ededed+50,ffffff+100 */
	background: #ededed; /* Old browsers */
	background: linear-gradient(to bottom,  #ffffff 0%,#ededed 50%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}



/****************** LAYOUT */
.container {max-width:920px; overflow: hidden;background-color:#f7f7f7;}  /*background-color:#f7f7f7;*/
.container-1024 {max-width:1024px ;} 
.container-1200 {max-width:1200px ;} 
.container-1400 {max-width:1400px ;} 
.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;}	

/* Minimum width of 993 pixels. -lg- */
@media screen and (min-width: 993px) {
	.offset-right {margin-right:-100px;}
}

.overflow-hidden {overflow:hidden;}

/**************** TYPO */

/*barrierefrei ausblenden*/
.ausgeblendet {
  clip: rect(0 0 0 0); 
  clip-path: inset(100%); 
  height: 1px; 
  overflow: hidden; 
  position: absolute; 
  white-space: nowrap; 
  width: 1px; 
}

.rand {
	padding:15px 0;
	border-style: solid; border-width:2px;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#e5e5e5+0,e5e5e5+50,e5e5e5+100&0+0,1+50,0+100 */
	border-image: -moz-linear-gradient(left,  rgba(229,229,229,0) 0%, rgba(229,229,229,1) 50%, rgba(229,229,229,0) 100%) 1; /* FF3.6-15 */
	border-image: -webkit-linear-gradient(left,  rgba(229,229,229,0) 0%,rgba(229,229,229,1) 50%,rgba(229,229,229,0) 100%) 1; /* Chrome10-25,Safari5.1-6 */
	border-image: linear-gradient(to right,  rgba(229,229,229,0) 0%,rgba(229,229,229,1) 50%,rgba(229,229,229,0) 100%) 1; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00e5e5e5', endColorstr='#00e5e5e5',GradientType=1 ); /* IE6-9 */
	}
	
.rand-white {
	padding:15px 0;
	border-style: solid; border-width:1px;
	
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#e5e5e5+0,ffffff+50,e5e5e5+100&0+0,1+50,0+100 */
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+50,ffffff+100&0+0,1+50,0+100 */
	border-image: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 100%) 1; /* FF3.6-15 */
	border-image: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%) 1; /* Chrome10-25,Safari5.1-6 */
	border-image: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%) 1; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */
	}
			
.bg-title {	
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#e5e5e5+0,f4f4f4+50,e5e5e5+100&0+0,1+50,0+100 */
	background: -moz-linear-gradient(left,  rgba(229,229,229,0) 0%, rgba(244,244,244,1) 50%, rgba(229,229,229,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  rgba(229,229,229,0) 0%,rgba(244,244,244,1) 50%,rgba(229,229,229,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  rgba(229,229,229,0) 0%,rgba(244,244,244,1) 50%,rgba(229,229,229,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00e5e5e5', endColorstr='#00e5e5e5',GradientType=1 ); /* IE6-9 */
}
	
h1 {
	font-size:52px; 
	
	color:#e20000; 
	font-weight:800;
	line-height:1.4;
	text-align:center;
	
	-ms-hyphens: none;
	-webkit-hyphens: none;
	hyphens: none;
	font-family: 'Open Sans', Helvetica, Arial,  sans-serif;
	}
h2 {
	font-size:40px;  /*40px*/
	font-weight: 700; /*700*/

	color: #AE0707; /* */
	line-height:1.4;
	text-align:center;
	font-family: 'Roboto Slab', 'Fira sans', 'Open Sans', Helvetica, Arial,  sans-serif;
	}
.h2-big {
	font-size:50px;
	}
	
h2.h2-head {font-weight:900;font-size:80px;}

h2.header01 {font-size:38px;} /*40px*/
h2.header02  {font-size:51px;font-weight:900;text-decoration: underline solid #F77E14 20%;text-underline-offset: 4px;}

.section h3 {
	font-size: 32px; 
	font-weight: 700; /*600*/
	color: #AE0707; /* */
	line-height:1.4;
	text-align:center;
	font-family: 'Roboto Slab', 'Fira sans','Open Sans', Helvetica, Arial,  sans-serif;
	}

.h3-big {font-size:34px; }

h4 {
	font-size: 28px; 
	font-weight:700;
	color: #AE0707;
	line-height:1.4;
	text-align:center;
	font-family: 'Roboto Slab', 'Fira sans', 'Open Sans', Helvetica, Arial,  sans-serif;
	}


h1, h2, .section h3, h4, h5 {margin:1.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:#E2001A;color:#ffffff;padding:0 5px;} /*#96D09E#f18a3e*/


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


/* Maximum width of 1199 pixels. -xl- */
@media screen and (max-width: 1199px) {
	h1 {font-size:40px;} 
	h2 {font-size:34px;} /*28*/
	.h2-big {font-size:44px;}
	h2.h2-head {font-size:80px;}

	/*h2.h2-big {font-size:36px;}*/
	.section h3 {font-size:29px;} /*24*/
	.h3-big {font-size:32px; }

	h4 {font-size:24px;}
}

/* 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:30px;} /*24*/
	.h2-big {font-size:44px;}
	h2.h2-head {font-size:80px;}

	/*h2.h2-big {font-size:34px;}*/
	.section h3 {font-size:27px;} /*22*/
	.h3-big {font-size:30px; }

	h4 {font-size:23px;}
		
}

/* Maximum width of 767 pixels. -md- */
@media screen and (max-width: 767px) {
	h1 {font-size:28px;}
	h2 {font-size:28px;} /*22*/
	.h2-big {font-size:42px;line-height:1.3;}
	h2.h2-head {font-size:60px;}

	/*h2.h2-big {font-size:24px;}*/
	.section h3 {font-size:25px;}  /*20*/
	.h3-big {font-size:29px; }

	h4 {font-size:22px;}
	
}

/* Maximum width of 575 pixels. -sm- */
@media screen and (max-width: 575px) {
	h1 {font-size:28px;}
	h2 {font-size:25px;} /*20*/
	.h2-big {font-size:36px;}
	h2.h2-head {font-size:46px;line-height:1.2;}
	
	/*h2.h2-big {font-size:22px;}*/
	.section h3 {font-size:23px;}  /*19*/
	.h3-big {font-size:29px; }

	h4 {font-size:22px;}
}



/*************/
.section p {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
	}

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


ol {padding-left:1.5em;}

/* Maximum width of 767 pixels. -sm- */
@media screen and (max-width: 767px) {
	ol {padding-left:1.25em;}/**/
}


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


.kontakt .small, .kontakt p.small {font-size:14px;} 

/* Maximum width of 575 pixels. -sm- */
@media screen and (max-width: 575px) {
	.kontakt .small, .kontakt p.small {font-size:13px;} 
}


.big, .section p.big, .big p, ul.big li, ol.big li {
	font-size:1.5rem;
	font-size:24px !important;
}
.small, p.small {font-size:16px;}
.bigger {font-size:27px;}

/* Maximum width of 767 pixels. -sm- */
@media screen and (max-width: 767px) {
	.big, .section p.big, .big p, ul.big li, ol.big li {font-size:22px !important;}
	.bigger {font-size:25px;}
	.small, p.small {font-size:16px;}
}

/* Maximum width of 575 pixels. -sm- */
@media screen and (max-width: 575px) {
	.big, .section p.big, .big p, ul.big li, ol.big li {font-size:20px !important;}
	.small, p.small {font-size:14px;}
	p.big-02 {font-size:18px;}
}



/**********Blocksatz, Silbentrennung**********/	
.auto-hyph {
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;	
}
	
.section .no-hyph {
	-webkit-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;	
}

.italic {font-style:italic;}
.handwriting {font-family:caveat, cursive !important;}
.no-serif {font-family:'Open Sans', Helvetica, Arial,  sans-serif !important;}
.serif {font-family:Georgia, "Times New Roman", Times, serif !important;}

.section p , .section li/* */ {
	/*text-align: justify;*/  /*Blocksatz*/
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
}
p .btn {
	-webkit-hyphens: manual;
	-moz-hyphens: manual;
	-ms-hyphens: manual;
	hyphens:manual;
}

@media screen and (min-width: 768px) {
	.text-md-nowrap {white-space: nowrap !important;}
}



/********LISTEN******/

ul.check li {
	list-style-type:none;
	padding-left:12px;
	position:relative;
}
ul.check.big li {padding-left:25px;}

ul.check li:before {
	content:" ";
	position:absolute;
	width:33px;
	height:29px;
	left:-33px;
	background-image:url(../img/check02.png);
	background-repeat:no-repeat;
	background-size:contain;

}
ul.check.big li:before {
	width:40px;
	height:35px;
	left:-30px;
}

ul.pfeil li {
	list-style-type:none;
	padding-left:12px;
	position:relative;
}
ul.pfeil li:before {
	content:" ";
	position:absolute;
	width:28px;
	height:19px;
	left:-28px;
	top:6px;
	background-image:url(../img/doppelpfeil.png);
	background-repeat:no-repeat;
	background-size:contain;

}

/* Maximum width of 575 pixels. -sm- */
@media screen and (max-width: 575px) {
	
	ul.check li {padding-left:0px;}
	ul.check li:before {
		width:28px;
		height:27px;
		left:-40px;
	}
	
	ul.check.big li {padding-left:5px;}
	ul.check.big li:before {
		width:30px;
		height:26px;
		left:-38px;
	}
	
	ul.pfeil li {padding-left:0px;}
	ul.pfeil li:before {
		width:22px;
		height:15px;
		top:3px;
		left:-34px;
	}

}


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

@media screen and (min-width: 768px) {
	ul.fa-ul {margin-left:2.25em;} /*2.5em*/
}

ul.ueberblick .fa-li .fa-check {}


/****glyphicons **/
ul.ul-glyphicon {
	list-style-type:none;
	margin-left:0.25em;
	}
	
/* Maximum width of 575 pixels. -sm- */
@media screen and (max-width: 575px) {
	ul.ul-glyphicon {padding-left: 1.25em;}
}

ul.ul-glyphicon li {position:relative;}

li .glyphicon-circle-arrow-right,
.glyphicon-circle-arrow-right {
	font-size:1.5em;
	color:#1874B6; /*0072BC 005390*/
	position:absolute;
	left:-1.25em;
	top:0;
}

li .glyphicon-alert {
	font-size:1.25em;
	color:#e30000; 
	position:absolute;
	left:-1.25em;
	top:0;
}

li .glyphicon-remove-sign,
li .glyphicon-remove-circle,
li .glyphicon-remove{
	font-size:1.5em;
	color:#e30000; 
	position:absolute;
	left:-1.25em;
	top:0px;
}

li .glyphicon-ok-sign,
li .glyphicon-ok-circle,
li .glyphicon-ok{
	font-size:1.5em;
	color:#1874B6; 
	position:absolute;
	left:-1.25em;
	top:0px;
}
li .glyphicon-ok{
	font-size:1.25em;
}
li .orange {color: var(--orange);}
li .yellow {color: var(--yellow);}
li .green {color: var(--green);}
li .red {color: #e30000;}



.glyphicon-question-sign,
.glyphicon-exclamation-sign,
.glyphicon-flash,
.glyphicon-info-sign { 
	position:absolute;
	left:-5px;
	top:20%;
	font-size: 30px;
}

/* Minimum width of 576 pixels. -sm- */
@media screen and (min-width: 576px) {
	.glyphicon-question-sign,
	.glyphicon-exclamation-sign,
	.glyphicon-flash,
	.glyphicon-info-sign { 
		left:-10px;
		top:0;
		font-size: 50px;
	}
}
/* Minimum width of 768 pixels. -md- */
@media screen and (min-width: 768px) {
	.glyphicon-question-sign,
	.glyphicon-exclamation-sign,
	.glyphicon-flash,
	.glyphicon-info-sign { 
		left:-20px;
		font-size: 60px;
	}
}

.normal { font-weight: normal !important;}

.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);}
.text-shadow03 {text-shadow: 1px 1px 2px rgb(120 69 69 / 18%);}
.text-shadow04 {text-shadow: 1px 1px 2px rgb(53 42 42 / 30%);}
.text-shadow05 {text-shadow: 2px 2px 3px rgba(255,255,255,.8);}

.box-shadow01 {box-shadow:0px 10px 20px -10px #b8b8b8;}
.box-shadow02 {box-shadow:0px 0px 5px #999;}
.box-shadow03 {box-shadow:0px 0px 10px #999;}	
.box-shadow04 {box-shadow:0px 0px 15px  #333;}	
.box-shadow05 {box-shadow:0px 10px 20px -10px #777;}	
.box-shadow06 {box-shadow:0px 10px 20px -10px #333;}


.box-gebogener-schatten {
  position: relative;
  background-color: #ffffff;
  padding: 30px;
  /* Optionale Basis für den Container */
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 
              0 0 40px rgba(0, 0, 0, 0.1) inset;
}

/* Den gebogenen Schatten mit einem Pseudo-Element erzeugen */
.box-gebogener-schatten::after {
  content: "";
  position: absolute;
  z-index: -1;
  bottom: 15px;
  left: 10px;
  width: 50%;
  height: 20%;
  box-shadow: 0 15px 10px rgba(0, 0, 0, 0.5);
  transform: rotate(-3deg);
}

/* Zweiten Schatten für die rechte Seite hinzufügen */
.box-gebogener-schatten::before {
  content: "";
  position: absolute;
  z-index: -1;
  bottom: 15px;
  right: 10px;
  width: 50%;
  height: 20%;
  box-shadow: 0 15px 10px rgba(0, 0, 0, 0.5);
  transform: rotate(3deg);
}


.drop-shadow01 {filter: drop-shadow(0px 1px 5px rgba(0, 0, 0, .4));}
.drop-shadow02 {filter: drop-shadow(3px 3px 3px rgba(0, 0, 0, .2));}


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

img.rund {border-radius:50%;}

/* Minimum width of 576 pixels. -md- */
@media screen and (min-width: 576px) {
	.rounded-sm-15 {border-radius:15px}
	.rounded-sm-20 {border-radius:20px}
	.rounded-sm-25 {border-radius:25px}
	.box-shadow01-sm {box-shadow:0px 10px 20px -10px #b8b8b8;}
}


/* Minimum width of 768 pixels. -md- */
@media screen and (min-width: 768px) {
	.rounded-md-15 {border-radius:15px}
	.rounded-md-25 {border-radius:25px}
	.box-shadow01-md {box-shadow:0px 10px 20px -10px #b8b8b8;}
}

.underline-fett {border-bottom:3px solid #F77E14;}

@media screen and (min-width: 768px) {
	.underline-fett {border-bottom:6px solid #F77E14;}
}

.fw400 {font-weight:400;}
.fw500 {font-weight:500;}
.fw600 {font-weight:600 !important;}
.fw700 {font-weight:700;}
.fw900 {font-weight:900;}


/*************Trust-Header*******/
.google {
    text-align: center;
    padding-top: 8px;
    padding-bottom: 8px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}


.google img {
    max-width: 20px;
    padding-right: 5px;
    height: 100%;
}

.google span.trust {
    font-size: 14px;
}

.kontakt .icon { width:18px;font-size:16px;}
@media screen and (min-width: 576px) {
	.kontakt .icon { width:25px}
	.kontakt .icon { width:18px;font-size:14px;}
}


/***********Countdown-Box: Pulsieren Fontawesome*******/
.fa-beat {
  --fa-beat-scale: 1.5; /*1.1*/
  --fa-animation-duration: 3.0s; /*2.5*/
}

@media (max-width: 1060px) {
  .fa-beat {
    --fa-beat-scale: 1.025; /*1.005*/
    --fa-animation-duration: 2.5s;
  }
}

/******fa-animations****/
.fa-shake {}

a.btn-primary:hover .fa-shake, 
a.btn-primary:focus .fa-shake, 
a.btn-primary:active .fa-shake 
{
	--fa-animation-duration:0;
}


/*********Papier-Optik****/

.paper, .paper-quote {
    /*padding: 37px 55px 27px;*/
	padding: 15px 25px 15px 45px ;
    position: relative;
    /*border: 1px solid #B5B5B5;*/
    background: white;
    background: -webkit-linear-gradient(top, #DFE8EC 0%, white 8%) 0 56px; /*57px*/
    background: -moz-linear-gradient(top, #DFE8EC 0%, white 8%) 0 56px;
    background: linear-gradient(top, #DFE8EC 0%, white 8%) 0 56px;
    -webkit-background-size: 100% 26px;
    -moz-background-size: 100% 26px;
    -ms-background-size: 100% 26px;
    background-size: 100% 26px; /*32px*/
}

/*.paper::before {content:""; z-index:-1; margin:0 1px; width:706px; height:10px; position:absolute; bottom:-3px; left:0; background:white; border:1px solid #B5B5B5;}*/
.paper::after, {content:''; position:absolute; width:0px; top:0; left:39px; bottom:0; border-left:1px solid #F8D3D3;}

.paper p {
	font-family:"Courier New", Courier, monospace;
	font-size:17px; /*1em*/
	margin:1.3em 0;
	line-height:1.35;
	}

/* Minimum width of 768 pixels. -md- */
@media screen and (min-width: 768px) {
	.paper p {font-size:19px;}
}
/* Minimum width of 993 pixels. -lg- */
@media screen and (min-width: 993px) {
	.paper {transform: rotate(-2deg);    
			margin-left: -30px;
			margin-right: 40px;
		}
}

/********Testis***/

div.quote-wrap, 
p.quote {
	margin: 1em 0;
	/*font-style:italic;*/
	color:#111111;
	border-radius:15px;
    background-color: #FFF7C9; /*#F3EDCC #dedede #25b0b5; */
	padding:0.5em 1.0em 0.5em 1.0em;
	position:relative;
	}
	
div.quote-wrap:before, 
p.quote:before {
	content: "„";
	font-family:'Roboto Slab', "Fira sans", "Times New Roman", Times, serif;
	font-size:60px;
	/*line-height:10px;*/
	font-style:normal;
	font-weight:700;
	color:rgba(0,0,0,.2); /*#1FA354 #EA5F0E rgba(255,255,255,.8)*/
	position:absolute;
	top:-45px;left:10px;
}

div.quote-wrap:after, 
p.quote:after {
	content: "“";
	font-family:'Roboto Slab', "Fira sans", "Times New Roman", Times, serif;
	font-size:60px;
	/*line-height:10px;*/
	font-style:normal;
	font-weight:700;
	color:rgba(0,0,0,.2);
	position:absolute;
	bottom:-40px;right:10px;
}
/* Minimum width of 576 pixels. */
@media screen and (min-width: 576px) {
	 div.quote-wrap, 
	 p.quote {
		padding:0.5em 2.0em 0.5em 2.0em;
	 }
}
/* Minimum width of 768 pixels. */
@media screen and (min-width: 768px) {
	 div.quote-wrap, 
	 p.quote {
		margin: 2em 1em 2em 5em;
	  	/*margin:2em;*/
		padding:1.5em 4.0em 1.5em 4.0em;
	}
	div.quote-wrap:nth-of-type(even),
	p.quote:nth-of-type(even) {
		margin: 2em 5em 2em 1em;
	}
	div.quote-wrap:before, p.quote:before {font-size:120px;top:-90px}
	div.quote-wrap:after, p.quote:after {font-size:120px;bottom:-80px}

}






/* Maximum width of 1199 pixels. */
@media screen and (max-width: 1199px) {
	h2.quote02 {
		font-size: 36px;
		line-height: 1.3;}
}


/* Maximum width of 767 pixels. */
@media screen and (max-width: 767px) {
	h2.quote02 {
		font-size: 32px;
		line-height: 1.3;}
}

/* Maximum width of 575 pixels. */
@media screen and (max-width: 575px) {
	h2.quote02 {
		font-size: 30px;
		line-height: 1.3;}
}

.testimonial:before {
	content: "„";
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:150px;
	line-height:100px;
	font-style:normal;
	font-weight:700;
	color:rgba(0,0,0,0.05);
	position:absolute;
	top:-60px;
	left:10px;
}

.testimonial:after {
	content: "“";
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:150px;
	line-height:100px;
	font-style:normal;
	font-weight:700;
	color:rgba(0,0,0,0.05);
	position:absolute;
	right:10px;
	bottom:-40px;
}

/***************Testimonial*************
.testimonial {border-radius:15px; background-color:#fef4d1; padding:5%; width:100%; }
.testimonial::after {content: ""; pointer-events:none; position:absolute; bottom:-7px; left:0; z-index:1; display: block; width:100%; height:15px; background: url(../img/sd.png) no-repeat center bottom/contain;}
*/

/************Fotorand***********/
.fotorand {border:10px solid white;}

/* Minimum width of 768 pixels. */
@media screen and (min-width: 768px) {
	.fotorand {border:15px solid white;}

}

/***********Pfeil********/
.pfeil {
	margin-top:-20px;
	margin-right:5px;
	width:30px; 
}
@media screen and (min-width: 768px) {
	.pfeil {
		margin-top:-40px;
		margin-right:10px;
		width:50px; 
		}

}


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

.caption, p.caption {font-size: 14px;--text-align:center;color:#6c757d;}
.caption02, p.caption02 {font-size:90%;}

.figure-caption {font-size: 75%;text-align:center;font-style:italic;}

@media screen and (min-width: 768px) {
	.caption, p.caption {font-size: 16px;}
}


/******************* BUTTONS & LINKS */
.section a { text-decoration:underline;}
.section a:hover {}
.section .kontakt a { text-decoration:none;color:#00A35D;}
.section .kontakt a:hover { color:#AE0707;}
.section a.border-0 {text-decoration:none;}

/*Blick ins Heft-Link*/	
a.popup {color:#005390 !important;cursor:pointer;}
a.popup:hover {color:var(--green) !important;}

a.red:hover {color:#02A6FF;/*#00A35D*/}
	
a.btn-primary {
	/*font-family:"Roboto Condensed", Georgia, "Times New Roman", Times, serif;*/
	border-radius: 20px; /*15px*/
	border:0px solid #ffffff ; /* #E5BF63 #FFC000 #D6ECDA*/
	font-size:1.0em; /*1.25em*/	 
	/*font-size: 20px;*/
	line-height:1.3;
	font-weight: 700; /*600*/
	padding: 25px 25px 25px 25px;
	position: relative;
	display:block;
	max-width: 100%;
	overflow: visible;
	/*transform:skewX(-20deg);*/
	/*transition: 1.5s;*/
	transition: all .3s ease-in-out;
	/*transition:none;*/
    white-space:normal;
	text-decoration:none;
    background: #D8641B; /*#00A35D #D8641B #fff000 #F18822#F6AD00 #8AAD35 #F5F10E #F7CA00 #FFD014 #ffca14 #0062cc var(--orange);*/
	color:#ffffff; /*#111111*/
	box-shadow: 0px 3px 5px #999;
	/*box-shadow: 8px 8px 0px 0 #AAE10E;*/
}

a.btn-primary:after {
	content:" ";
	position:absolute;
	display:inline-block;
	background-repeat:no-repeat;
	background-size:contain;
	transition: all 0.089s ease-in-out;
	/*background-image:url(../img/cursor_cta.png);*/
	/*width:32px;*/
	/*height:32px;*/
	/*bottom:-10px;*/
	/*right:8%;*/

	background-image:url(../img/mouse-pointer-click-min.png);
	filter: drop-shadow(0px 1px 5px rgba(0, 0, 0, .5));
	width:42px;
	height:42px;
	bottom:-15px;
	right:1%;
}
a.btn-primary:hover:after {
	background-image:url(../img/mouse-pointer-click_w2-min.png);
	filter: drop-shadow(0px 1px 5px rgba(0, 0, 0, .5));
	bottom:-10px;
	right:2%;
}

img.hand {
	display:inline-block;
	/*
	max-width:80px;
	right: -37px; 
	bottom: -25px;
	*/
	max-width:85px;
	right: -40px; /*-50px*/ 
	bottom: -30px; /*-32px*/
	height:auto;
	position:absolute;
}

.btnSmall {
	display:inline-block;
	font-size:75%;
	font-weight:500;
	}
@media screen and (max-width: 767px) {
	a.btn-primary {font-size: 18px;padding: 15px 15px 15px 15px;}
	img.hand {display:none;}
}

a.btn-primary:hover, 
a.btn-primary:focus, 
a.btn-primary:active {
	/*background: #FFC000;color:#222222;*/
	color: #ffffff !important; /*#0f407b#111111*/
	background: #02A6FF !important; /*#0B456D #4FACCA #27D087 #D81119#00A24C #D81119 #F6AD00#fcd745 #f5cf00 #AAE10E #FBF722 #FFD814 #FFAE1C #FD7E14 #F29400 #0062cc#E2001A  var(--green)#00cf00 #0072BC*/
	border:0px solid #FFFFFF;
	/*box-shadow: 0px 0px 0px 0 #AAE10E;
	transform: translate(8px, 8px);*/
}

a.btn-primary .arrow {display:none;}

@media screen and (min-width: 992px) {
	a.btn-arrow:hover {
		padding-right:60px;
		margin-left:25px;
	}
	a.btn-primary:hover .arrow {display:inline-block;  font-weight:900; transition: all .3s ease-in-out; position:absolute; right:18px;}
}


.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;
}

/**seitliche Pfeile*/
/* Minimum width of 560 pixels. */
@media screen and (min-width: 560px) {
	.btn-arrows {
		background-image:url(../img/pfeil_red2.png),url(../img/pfeil_red.png);
		background-size:50px auto, 50px auto;
		background-repeat: no-repeat, no-repeat;
		background-position-x:left, right;
		background-position-y:center, center;
		max-width:440px;
		margin-left:auto;
		margin-right:auto;
		margin-top:0;
		
		transition:all 0.5s ease 0s; /*W3C Standard*/
		-moz-transition:all 0.5s ease 0s; /*Firefox*/
		-webkit-transition:all 0.5s ease 0s; /*Safari + Chrome*/
		-o-transition:all 0.5s ease 0s; /*Opera*/
		-ms-transition:all 0.5s ease 0s; /*Internet Explorer*/
	}
	.btn-arrows:hover {
		max-width:420px;
	}
}


/***************FOOTER********/
.footer{
	/*background-color: #00991A;*/
	font-size:1em;
	color:#b3b3b3;
	padding:1em 1em 1em 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%;
	}
}


/**************COUNTER***************/
/*.tick-label {display:none !important;}
.tick-flip-panel {background-color:#AE0707 !important;}*/

#text-styled {
	color:white; 
	border-radius:12px; 
	padding:0.15em 0.5em; /*0.5em 1em*/
	width:100%; 
	margin:auto; 
	background-color: #0B456D;  /*#C80024 #6B4F4E #396C34 #D81119#ea5901*/
	font-weight:bold; 
	box-sizing:border-box;
	margin-bottom:-15px;
}

.tick-group {position:relative;}
.tick-group:nth-child(2)::before {
	content:":"; 
	color:#595d63; 
	width:150%;  /*4.25em*/
	position:absolute; 
	/*top:0.5em*/;
	}
	
.tick-label.tick-text {font-size: 0.45em;line-height:1;}



.gutschein #text-styled {
	color:#FF0435; 
	background-color: #ffffff;  
}
.gutschein .tick-group:nth-child(2)::before {color:white;}
.gutschein .tick-label {color:white !important;}

 

/*********DREIECK************/
/*CSS Dreieck*/
.ausfuellen {
	position:relative;
	background-color:#F4F10E;} /*#FBF722*/

.ausfuellen:after {
    content: "";
    position: absolute;
    width: 0px;
    height: 0px;
    -webkit-transform: rotate(360deg);
    border-style: solid;
    border-width: 30px 50px 0 50px;
	border-color: #F4F10E transparent transparent transparent;
    left: calc(50% - 50px);
    bottom: -30px;
}

/*****************accordion********************/

#faq .card {
  margin-bottom: 30px;
  border: 0;
}

#faq .card .card-header {
  border: 0;
  -webkit-box-shadow: 0 0 20px 0 rgba(213, 213, 213, 0.5);
  box-shadow: 0 0 20px 0 rgba(213, 213, 213, 0.5);
  border-radius: 2px;
  padding: 0;
}

#faq .card .card-header .btn-header-link {
  /*color: #fff;*/
  display: block;
  text-align: left;
  background: #E0E0E0; /*#FFE472*/
  color: #ffffff;
  padding: 20px;
  font-weight:600;
  border-top-left-radius:15px;
  border-top-right-radius:15px;
  font-size:1em;
  transition: all .3s ease-in-out;
}

#faq .card .card-header .btn-header-link:after {
  content: "\f107";
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  float: right;
}

#faq .card .card-header .btn-header-link.collapsed {
  background: #E0E0E0; /* #A541BB*/
  color: #222222;
}

.card .card-header#faqhead1 .btn-header-link:hover,
.card .card-header#faqhead1 .btn-header-link {
  background: #00A24C;
  color: #ffffff;
}
.card .card-header#faqhead2 .btn-header-link:hover,
.card .card-header#faqhead2 .btn-header-link {
  background: #8C2D65;  color: #ffffff;
}

.card .card-header#faqhead3 .btn-header-link:hover,
.card .card-header#faqhead3 .btn-header-link {
  background: #E97C1F;  color: #ffffff;
}

.card .card-header#faqhead4 .btn-header-link:hover,
.card .card-header#faqhead4 .btn-header-link {
  background: #CF171F;  color: #ffffff;
}
.card .card-header#faqhead5 .btn-header-link:hover,
.card .card-header#faqhead5 .btn-header-link {
  background: #004B8F;  color: #ffffff;
}


#faq .card .card-header .btn-header-link.collapsed:after {
  content: "\f106";
}

#faq .card .collapsing {
  background: #F8F9FA2; /*#FFE472*/
  line-height: 30px;
}

#faq .card .collapse {
  border: 0;
}

#faq .card .collapse.show {
  background: #F8F9FA; /*#FFE472*/
  line-height: 1.5; /*30px;*/
  color: #222;
}

.card-body {}

@media screen and (max-width: 767px) {
	#faq .card {margin-bottom: 15px;}
	#faq .card .card-header {
	  -webkit-box-shadow: 0 0 10px 0 rgba(213, 213, 213, 0.5);
	  box-shadow: 0 0 10px 0 rgba(213, 213, 213, 0.5);
  }

	#faq .card .card-header a.btn-header-link {font-size: 18px; padding:15px;}
	#faq .card-body {padding:7px;}
	#faq .card .collapse.show {line-height: 1.6;}

	
}
@media screen and (max-width: 575px) {
	#faq .card .card-header .btn-header-link:after {margin-right:-5px;}

}


/***********post-it**********/
/* Einbindung einer Handschrift-Schriftart für realistischen Look */

/* Basis-Design der Post-its */
.post-it {
  
  /* Schatten für den 3D-Effekt */
  box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.15), 
              0px 10px 20px rgba(0, 0, 0, 0.1);
              
  /* Weicher Übergang beim Hovern */
  transition: transform 0.25s ease-in-out, box-shadow 0.25s ease-in-out;
  position: relative;
  
  border-bottom-right-radius: 60px 7px; /* Verbiegt die untere rechte Ecke leicht */
}
@media screen and (min-width: 768px) {
	.post-it {transform: rotate(-1.5deg);}
	
	/* Hover-Effekt: Karte hebt sich optisch ab */
	.post-it:hover {
	  box-shadow: 10px 15px 25px rgba(0, 0, 0, 0.2);
	  transform: scale(1.05) rotate(0deg) !important;
	  z-index: 10;
	}
}
/* Textformatierung innerhalb der Notiz */
.post-it h2 { border-bottom: 1px dashed rgba(0, 0, 0, 0.15);}
.post-it p {}

/* Klassische Post-it Farben */
.bg-yellow {
  background: #fffa9e;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#fffa9e+0,fffa9e+90,a3a182+100&1+0,1+90,0.54+100 */
/*background: linear-gradient(135deg,  rgba(255,250,158,1) 0%,rgba(255,250,158,1) 90%,rgba(163,161,130,0.54) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#fffa9e+0,fffa9e+96,c4bb3a+100 */
/*background: linear-gradient(150deg,  rgba(255,250,158,1) 0%,rgba(255,250,158,1) 96%,rgba(196,187,58,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#fffa9e+0,fffa9e+96,ddd55f+100 */
/*background: linear-gradient(150deg,  rgba(255,250,158,1) 0%,rgba(255,250,158,1) 96%,rgba(221,213,95,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#fffa9e+0,fffa9e+96,ffffff+100 */
/*background: linear-gradient(95deg,  rgba(255,250,158,1) 0%,rgba(255,250,158,1) 96%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.bg-blue { background: #bbf2f6;}
.bg-pink { background: #ffbbf2;}

/**klebestreifen oben**/
.post-it:before {
  content: "";
  background-color: rgba(0,0,0,0.025);
  position: absolute;
  width: 100%;
  left: 0px;
  top: 0;
  height: 50px;
  --z-index: -1;
}


/*****************BG Testimonials**************/
.bg-bubbles {
	background-image:url(../img/sprechblasen09-min.png); 
	background-attachment:fixed; 
	background-position: 0px 0px;
}


/*************DARKMODE**/
/*@media (prefers-color-scheme: dark) {}*/