@charset "UTF-8";
/* CSS Document */
/* knewave-regular - latin */
@font-face {
  font-family: 'Knewave';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/knewave-v12-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/knewave-v12-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/knewave-v12-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/knewave-v12-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/knewave-v12-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/knewave-v12-latin-regular.svg#Knewave') format('svg'); /* Legacy iOS */
}
/* fira-sans-regular - latin */
@font-face {
  font-family: 'Fira Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/fira-sans-v15-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/fira-sans-v15-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/fira-sans-v15-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/fira-sans-v15-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/fira-sans-v15-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/fira-sans-v15-latin-regular.svg#FiraSans') format('svg'); /* Legacy iOS */
}
/* fira-sans-italic - latin */
@font-face {
  font-family: 'Fira Sans';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/fira-sans-v15-latin-italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/fira-sans-v15-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/fira-sans-v15-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/fira-sans-v15-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/fira-sans-v15-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/fira-sans-v15-latin-italic.svg#FiraSans') format('svg'); /* Legacy iOS */
}
/* fira-sans-700 - latin */
@font-face {
  font-family: 'Fira Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/fira-sans-v15-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/fira-sans-v15-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/fira-sans-v15-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/fira-sans-v15-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/fira-sans-v15-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/fira-sans-v15-latin-700.svg#FiraSans') format('svg'); /* Legacy iOS */
}
/* fira-sans-700italic - latin */
@font-face {
  font-family: 'Fira Sans';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/fira-sans-v15-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/fira-sans-v15-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/fira-sans-v15-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/fira-sans-v15-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/fira-sans-v15-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/fira-sans-v15-latin-700italic.svg#FiraSans') format('svg'); /* Legacy iOS */
}
body {
	font-family: 'Fira Sans', sans-serif;
	color: #333;
	overflow-x: hidden !important;
	font-size:20px;
	background:#ebebeb;
}
section {background:#ffffff;}
/* LAYOUT */
.container {
	max-width: 1170px;
}
.padder-40-0 {
	padding-top: 40px;
	padding-bottom: 40px;
}
.padder-30 {
	padding: 30px 30px 15px;
}
.knewave {font-family: 'Knewave', cursive;}
.two h1 {font-size:3.5rem;}
/* BUTTONS & LINKS */
.btn-primary {
	font-size: 17px;
    border: 2px solid rgba(55, 154, 183, 0);
    border-radius: 500px;
    background-color: #D57A66;
    box-shadow: 1px 2px 4px 0px rgb(0 0 0);
    align-items: center;
    justify-content: center;
    font-family: 'Overpass', sans-serif;
    font-weight: 700;
    line-height: 1.6;
    letter-spacing: 0px;
    color: rgba(255, 255, 255, 1);
    background-image: none;
    padding: 14px 42px 14px 42px;
    flex-flow: row-reverse nowrap;

}
.btn-primary:hover, .btn-primary:active, .btn-primary:focus {
	background: #157fbf;
}
a {
	color: #027dbe;
}
.orange {
	background-color:#EDC79B;
}
/* HEADER */
.stage {
	height: 628px;
	background: #ccc url('../images/header.jpg') center center no-repeat;
	cursor: pointer;
}
@media (max-width: 991px) {
	.stage {
		height: 490px;
		background-size: auto 100%;
	}
}
@media (max-width: 767px) {
	.stage {
		height: 460px;
		background: #ccc url('../images/header_phone.jpg') center center no-repeat;
		background-size: auto 100%;
	}
}
@media (max-width: 479px) {
	.stage {
		height: 350px;
	}
	.padder-30 {
	padding: 0;
}

}
@media (max-width: 359px) {
	.stage {
		height: 300px;
	}
}

/* BAKGROUNDS & COLORS */
.bg_blue {
	background: #2d5a77;
	color: #fff;
}
.bg_bluelight {
	background: #f3f7fa;
	color: #2d5a77;
}
.bg_1 {
	background: url('../images/bg1.jpg') center center no-repeat;
	background-size: cover;
}
.bg_2 {
	background: #ebebeb;
	background-size: cover;
}

.img-max {
  max-width: 500px;
  width:100%;
}

 .box2 {background-color:#EDC79B;
	 border-radius:10px;
	 padding:2em;
	 align-self: center;
	 justify-content:center;
	 text-align:center;
	 transition-duration: 0.30s;
}
@media (max-width:767px){

}

@media (min-width:1600px){.col-xll-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 80%;
flex: 0 0 80%;
max-width: 80%;
	
	}
	}
@media (min-width:1800px){.col-xll-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 90%;
flex: 0 0 90%;
max-width: 90%;
	
	}
	}
@media (min-width:2000px){.col-xxl-12 {
	-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
	
	}
}
.box h3 {padding:50% 0 0 0;}
@media (max-width:767px){
	.more-top-margin {margin-top:1em;}
	
}
.modal-dialog {
 width: 80%;
          height:100% !important;
        }
.modal-content {
    /* 80% of window height */
    height: 90%;
    background-color:#ffffff;
		}
.modal-body{
	height:80% !important;
}
.show {cursor:pointer;}
/* Essential for Toggle Modus */
		.display-control {
            display: none;
        }

		.container-hidden {
            height: 0;
            overflow: hidden;
        }

label.card-btn {
    background: #c1c1c1;
    border-radius: 45px;
    border: none;
    font-size: 17px;
    font-weight: 600;
    padding: 25px 30px 0 90px;
    position: relative;
    height: 80px;
    max-width: 100%;
	transition:all .5s linear;
	box-shadow:inset 0 0 10px rgba(0,0,0,.3);
	margin-bottom:2em;
	margin-left:-4em;
}

.right {
	
}
label.card-btn {
    z-index:1;
	margin-left:-4em;
}

		.display-control:checked + label.card-btn {  
			display: block;
			background-color: #0860a5;
			color: #ffffff;
			padding: 25px 30px 0 90px;
			cursor: pointer;
			border: 0.125rem solid #0860a5;
			box-shadow: none;
			z-index:999;
			
        }
.left{
	width:350px;
	padding-left:30px !important;
}

@media (max-width:767px) {
	.input-group-prepend{
		max-width:500px;
	}
	label.card-btn {
    background: #c1c1c1;
    border-radius: 50px;
    border: none;
    font-size: 14px;
    font-weight: 600;
    padding: 25px 5px 0 0px;
    position: relative;
    height: 100px;
    max-width:500px;
	transition:all .5s linear;
	box-shadow:inset 0 0 10px rgba(0,0,0,.3);
	margin-bottom:2em;
	margin-left:0 !important;
	text-align:center;
	
}
	.display-control:checked + label.card-btn {  
			display: block;
			background-color: #0860a5;
			color: #ffffff;
			padding: 25px 5px 0 0px;
			cursor: pointer;
			border: 0.125rem solid #0860a5;
			box-shadow: none;
			z-index:999;
			
        }
	.left{
	width:250px;
	padding-left:0px !important;
	
}
	.right {
		width:250px;
		
		padding: 20px 10px 0 40px;
	}
	.desktop {display:none;}
}

#a1, #a2, #a3 {display: none;}
/* TYPE */
h1, h2, h3, h4 {
	margin: 0;
	padding: 0;
	color:#333333;
}
h1 {
	text-align: center;
	font-weight: 400;
font-size: 2.2rem;
    line-height: 3rem;
}
h2 {
	font-size: 2.2rem;
    line-height: 3rem;
	font-weight:400;
}
h3 {
	margin-bottom: 15px;
	
	font-size: 26px;
}
.text ul {
  list-style: none;
  margin: 0;
  padding: 0 0 0 25px;
}
.text ul li {
  margin-top: 10px;
}
.text ul li:before {
  font-family: 'FontAwesome';
  content: '\f00c';
  display: inline-block;
  font-size: 16px;
  margin-left: -25px;
  padding-right: 7px;
}
.text_large {
	font-size: 18px;
	font-weight: 700;
	color: #2d5a77;
}
@media (max-width: 767px) {
	h1 {
		font-size: 24px;
	}
	h2 {font-size: 22px;}
	h3 {
		font-size: 20px;
	}
}
.img-responsive {
	max-width:500px;
}
@media (max-width: 767px) {
	.img-responsive {
	max-width:300px;
}
}
.img-responsive2 {
	max-width:350px;
}
@media (max-width: 767px) {
	.img-responsive2 {
	max-width:200px;
}
}
.img-responsive3 {
	max-width:380px;
}
@media (max-width: 767px) {
	.img-responsive3 {
	max-width:250px;
}
}
/* TEASER */
.teaser {
	font-size: 15px;
	background: #f3f7fa;
	margin-top: 25px;
}
.teaser.teaser-img .img-wrapper {
	height: 230px;
	background: #ccc url('../images/strategie_personal.jpg') center center no-repeat;
	background-size: 100% auto;
	position: relative;
}
.teaser.teaser-img .img-wrapper h3 {
	position: absolute;
	bottom: 0;
	background: rgba(255,255,255,0.8);
	padding: 10px;
	font-size: 20px;
	color: #2d5a77;
	font-weight: 700;
	width: 100%;
	margin: 0;
}
.teaser.teaser-img .img-wrapper h3 span {
	font-weight: 500;
	padding-top: 4px;
	display: inline-block;
}
.teaser.teaser-img .text {
	padding: 25px 15px 10px;
}
.teaser .text a {
	color: #185b8d;
	text-decoration: underline;
}
.teaser .text a.btn {
	color: #ffffff;
	text-decoration: none;
}
@media (max-width: 767px) {
	.teaser {
		height: auto !important;
	}
}
.head {
	width: 100%;
	background: url("../images/bg1-head.jpg") right center no-repeat;
	background-size: cover;
}
.hexagon {
    overflow: hidden;
    visibility: hidden;
    -webkit-transform: rotate(120deg);
       -moz-transform: rotate(120deg);
        -ms-transform: rotate(120deg);
         -o-transform: rotate(120deg);
            transform: rotate(120deg);
    cursor: pointer;
    }
.hexagon-in1 {
    overflow: hidden;
    width: 100%;
    height: 100%;
    -webkit-transform: rotate(-60deg);
       -moz-transform: rotate(-60deg);
        -ms-transform: rotate(-60deg);
         -o-transform: rotate(-60deg);
            transform: rotate(-60deg);
    }
.hexagon-in2 {
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: 50%;
    background-image: url(http://placekitten.com/240/240);
    visibility: visible;
    -webkit-transform: rotate(-60deg);
       -moz-transform: rotate(-60deg);
        -ms-transform: rotate(-60deg);
         -o-transform: rotate(-60deg);
            transform: rotate(-60deg);
    }

.hexagon1 {
    width: 400px;
    height: 200px;
    margin: 0 0 0 -80px;
    }

.btn-primary2 {
	background: #7ab1df;
	border-radius: 45px;
	border: none;
	font-size: 17px;
	font-weight: 600;
	padding: 25px 30px 0 90px;
	position: relative;
	height: 80px;
	max-width: 100%;
	overflow: hidden;
	color:#2d5a77;
	transition: .5s all;
}
.btn-primary2:hover, .btn-primary2:focus, .btn-primary2:active {
	background: #2d5a77;
	color:#ffffff;
}
.btn-primary2:before {
	content:"\f002";
	font-family:'FontAwesome';
	font-weight: normal;
	font-size: 30px;
	line-height: 80px;
	display: inline-block;
	position: absolute;
	color:#ffffff;
	top: 0;
	left: 0;
	height: 80px;
	width: 80px;
	border-radius: 45px 45px 0 45px;
	background: #2d5a77;
}
.btn-primary2:hover:before{
	background: #7ab1df;
}
#borderimg {
    /* You can also use border-top or border-bottom to target the side you want affected */
    border: 50px solid transparent;
    padding: 50px 15px;
    -webkit-border-image: url(../img/marker.png) 60 stretch ; /* Safari 3.1-5 */
    -o-border-image: url(../img/marker.png) 60 stretch; /* Opera 11-12.1 */
    border-image: url(../img/marker.png) 60 stretch;
	border-image-width: 0 0 0 50px;
	border-top:none;
	border-right:none;
	border-bottom:none;
}
h2#borderimg{font-family: 'Architects Daughter', cursive; font-weight:800;}
.font2 {font-family: 'Open Sans', sans-serif; font-size:1.1em;}
#notes{list-style-type: none;     padding-inline-start: 0;}
#notes li {
    position: relative;
    width: 100%;
    min-height: 100px;
    margin: 25px auto;
    padding: 30px 15px 15px 15px;
    -webkit-box-shadow: 0 2px 12px rgba(0,0,0,.5);
    -moz-box-shadow: 0 2px 12px rgba(0,0,0,.5);
    box-shadow: 0 1px 10px #cccccc;
    background-color:rgba(9,103,177,.1);
}.notesinner {padding-left:0;}
#notes .notesinner li {
    position: relative;
    width:90%;
    min-height: 100px;
	list-style-type: none;
    margin: 25px auto;
    padding: 25px 15px 15px 15px;
    -webkit-box-shadow: 0 2px 12px rgba(0,0,0,.5);
    -moz-box-shadow: 0 2px 12px rgba(0,0,0,.5);
    box-shadow: 0 1px 10px #cccccc;
    background-color:rgba(9,103,177,.1);
}


#notes li p {
    text-align: left;
    color: #000;
    text-shadow: white 1px 1px 0px;
    overflow:hidden;
}

#notes li::before {
    content: ' ';
    display: block;
    position: absolute; 
    left: 35%;
    top: -25px;
    width: 25%;
    height: 35px;
    z-index: 2;
    background-color: rgba(243,245,228,0.5);
    border: 2px solid rgba(255,255,255,0.5);
    -webkit-box-shadow: 0 0 5px #ccccccc;
    -moz-box-shadow: 0 0 5px #cccccc;
    box-shadow: 2px 2px 10px #cccccc;
    -webkit-transform: rotate(-6deg); 
    -moz-transform: rotate(-6deg); 
    -o-transform: rotate(-6deg); 
}
#notes .notesinner li::before {
    content: ' ';
    display: block;
    background-color: transparent;
    border: none;
    box-shadow: none;
   
}

#notes li:nth-child(even)::before {
    -webkit-transform: rotate(6deg); 
    -moz-transform: rotate(6deg); 
    -o-transform: rotate(6deg);
}
.border-yellow {
	
	border: 5px solid #f5cf18;
}
span.highlight {
    padding: 0.1em .3em;
    line-height: 1.5em;
font-weight: normal;
	color:#484847;
background: linear-gradient(104deg, rgba(245,207,24,0) 0.9%, rgba(245,207,24,1.25) 2.4%, rgba(245,207,24,0.5) 5.8%, rgba(245,207,24,0.1) 93%, rgba(245,207,24,0.7) 96%, rgba(245,207,242,0) 98%), linear-gradient(183deg, rgba(245,207,24,0) 0%, rgba(245,207,24,0.3) 7.9%, rgba(245,207,24,0) 15%);
-webkit-box-decoration-break: clone;
margin: 0;
border-radius: 7.5px;
text-shadow: -12px 12px 9.8px rgba(245,207,24,0.7), 21px -18.1px 7.3px rgba(255, 255, 255,1), -18.1px -27.3px 30px rgba(255, 255, 255,1);
position:relative;
	
}

.top{
	background: #f1f1f1;
	padding: 1em 0 0 0;
	
}
.top h1{
	color:#ccd83f;
	border:none;
	text-shadow: 1px 1px 5px #2f4678;
	padding:0 1em 1em 1em;
}
.top h3{
	color:#2f4678;
	padding:1em 0 0 0;
	
}
ul.contact li {
  font-size: 0.8rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  color: #333333
}
@media screen and (max-width:768px) {
  ul.contact li {
    font-size: 0.75rem
  }
	ul.contact{
		padding-inline-start:0;
	}
}
ul.contact li i {
  margin-right: 0.5rem
}

.bg-light2{ background-color:rgba(255,255,255,.9);}
.subhead {background-color:#EDC79B;}
.subhead .bg-light2 {position:absolute; bottom: 0;}
.subhead h1 {
	font-family: 'Knewave', cursive;
	color: #63A375;
    font-size: 4rem;
    line-height: 1;
	font-weight:normal;
}
.head h1 {
	
	color:#000000;
	text-align: center;
	font-size:1.7em;
	padding-bottom:20px;
	
}
.pfeil{margin-left:-10em;}

.head .btn-primary{
    background: #22396f;
    border-radius: 45px;
    border: none;
    font-size: 20px;
    font-weight: 600;
    padding: 25px 30px 0 90px !important;
    position: relative;
    height: 80px;
    max-width: 100%;
    overflow: hidden;
}


.head ul {
  list-style: none;
  margin: 0;
  padding: 0 0 20px 25px;
}
.head ul li {
  margin-top: 10px;
font-size:1.2em;
}
.head ul li:before {
  font-family: 'FontAwesome';
  content: '\f00c';
  display: inline-block;
  color: #deb76a;
  font-size: 17px;
  margin-left: -25px;
  padding-right: 7px;
}
.whitebg {background:rgba(91,155,213,.4);color:#1e4e78;align-self:center;padding:2em;border-radius:3px;box-shadow:0 8px 6px -6px #000; margin-bottom:2em;}
/* BANNER */
.banner.banner_dark p {
	font-size: 20px;
	color: #666666;
	font-weight: 700;
	padding: 15px 10%;
}

/* ICONBOX */
.icon-box {
	margin-top: 30px;
	padding: 0 15px;
	font-size: 18px;

}
.icon-box img {
	margin-bottom: 20px;
	width: 80px;
	height: 80px;
}
@media (max-width: 767px) {
	.icon-box {
		height: auto !important;
		text-align: center;
	}
	.icon-box img {
		margin: 0 auto 50px;
	}
	#notes li {width: 100%;}
	.padder-40-0 {
    padding-top: 15px;
    padding-bottom: 15px;
}
	.p-0 {padding-left:15px !important; padding-right:15px !important;}
	.subhead .p-0 {padding:0 !important;}
}

/* PACKAGE */
.package img {
	display: block;
	margin: 20px auto;
}
.w-20 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 20% !important;
          flex: 0 0 20% !important;
  max-width: 20%;
}
		.bouncing {
 align-self: center;
  animation-duration: 2s;
  animation-name: bounce;
  animation-iteration-count: infinite;
  font-size: 2em;
	margin:0 auto;
	text-align: center;
}
@-webkit-keyframes bounce {
    0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);}
    40% {-webkit-transform: translateY(-30px);}
    60% {-webkit-transform: translateY(-15px);}
}

@-moz-keyframes bounce {
    0%, 20%, 50%, 80%, 100% {-moz-transform: translateY(0);}
    40% {-moz-transform: translateY(-30px);}
    60% {-moz-transform: translateY(-15px);}
}

@-o-keyframes bounce {
    0%, 20%, 50%, 80%, 100% {-o-transform: translateY(0);}
    40% {-o-transform: translateY(-30px);}
    60% {-o-transform: translateY(-15px);}
}
@keyframes bounce {
    0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
    40% {transform: translateY(-30px);}
    60% {transform: translateY(-15px);}
}

.animated.bounce {
    -webkit-animation-name: bounce;
    -moz-animation-name: bounce;
    -o-animation-name: bounce;
    animation-name: bounce;
}
.icon-wrap {
	margin:0 auto;
    color: rgba(5, 202, 182, 1);
    border-color: rgba(5, 202, 182, 1);
    background-color: rgba(255, 119, 0, 0);
    background-image: none;
    border-width: 2px;
    border-style: solid;
    width: 59px;
    height: 59px;
    font-size: 19px;
    padding: 12px 18px 18px 18px;
    border-radius: 30px;
    stroke-width: 0;
    transition: all 0.50s ease-in-out;
    transition-property: background, border-radius, color, border-color, box-shadow;
    -webkit-transition: all 0.50s ease-in-out;
    -moz-transition: all 0.50s ease-in-out;
    -webkit-transition-property: background, border-radius, color, border-color, box-shadow;
    -moz-transition-property: background, border-radius, color, border-color, box-shadow;
}
.bg-pic {
	background: url(../img/schulleitungsportal.png) center; background-size:cover;
}
.bg-pic h6 {color:#05cab6;}
.bg-pic svg {color:#05cab6;}
@media screen and (min-width:768px) {
  .hide-sm {
    display: none
  }
  .show-sm {
    display: block
  }
}
@media screen and (min-width:992px) {
  .hide-md {
    display: none
  }
  .show-md {
    display: block
  }
}
.stage__bullets {
    padding: 0;
	list-style: none;}
.stage__bullets li {
    margin-bottom: 1rem;
    padding-left: 2.5rem;
    position: relative;
}
.stage__bullets li:before {
    content: '';
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0px;
    height: 1.3rem;
    width: 2rem;
    background: url(../img/check.svg) center center no-repeat;
    background-size: 100% auto;
}
.stage__bullets2 {
    padding: 0;
	list-style: none;}
.stage__bullets2 li {
    margin-bottom: 2rem;
    padding-left: 2.5rem;
    position: relative;
}
.stage__bullets2 li:before {
    content: '';
    display: inline-block;
    position: absolute;
    left: 0;
    top: -4px;
    height: 2rem;
    width: 2rem;
    background: url(../img/icon_check2.png) center center no-repeat;
    background-size: 70% auto;
}
.badge {
    border-radius: 50%;
    background-color: #008fd5;
    color: #fff;
    font-size: 1.3333333333rem;
    line-height: 1.3;
    width: 146px;
    height: 146px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: 0;
    bottom: 0;
    transform: rotate(
-5deg);
	text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    transition: color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out;
	padding: .25em .4em;
    font-weight: 600;
}
.banner-box.box--outline {
    border: solid 3px #008fd5;
    background-color: rgba(255,255,255,0.65);
}

.banner-box {
    padding: 2rem;
    height: 100%;
	font-size:17px;
}
@media screen and (max-width:640px) {
		.subhead h1 {
			font-size: 1.5rem;
    line-height: 2.2rem;
	}

}
.tagline {    color: #757575;
    font-size: 0.75rem;}
.banner--facts {
    background: #008fd5;
	font-size:17px;
}
.banner--facts2 {
    background: #008fd5;
	font-size:20px;
	color:#ffffff;
}
.banner--facts2 h2, .banner--facts2 h3 {
	color:#ffffff !important;
}
.section__title h2 {
    color: #01344e;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 2.2rem;
    line-height: 3rem;
}
.banner--facts h2 {
    color: #fff;
}
.banner--facts .banner__icon img {
    max-width: 70px;
    margin: 1.5rem 0 2rem;
}
.banner--facts .banner__content {
    background: rgba(255,255,255,0.82);
    padding: 1.5rem;
    height: calc(100% - 2rem);
    margin-bottom: 2rem;
}
.bg1 {background:#008fd5;}
.bg2 {background:rgba(0,143,213,.5); min-height:390px;}
.bg3 {background:rgba(0,143,213,.2);}
.boxes {text-align:center; min-height:390px !important;}
.boxes img {max-height:280px;  padding-top:1em;}
.boxes .btn-primary {
	height:80px;
}
.footer {background: #ebebeb;}
.footer__metanav {
    background: #ebebeb;
    padding: 1rem;
    margin-top: 2.5rem;
    font-size: 15px;
    border-top: solid 1px #bcbabf;
}
.footer__metanav .footer__metanav-item {
    color: #01344e;
    padding-right: 2rem;
}
.star .fas:before {
color:#63A375;
}
.star .fa-li {
	left:-3em;
}
.fa-ul.star >li{
	margin-top:.5em;
	padding-top:.5em;
}
.box {
  background-color: transparent;
  border-radius: 3px;
  color: #fff;
  width: 80%;
  height: 300px;
  transform-style: preserve-3d;
  perspective: 2000px;
  transition: 0.4s;
  text-align: center;
}
.box:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: transparent;
  border-top: 20px solid #fff;
  border-left: 20px solid #fff;
  box-sizing: border-box;
}
.box:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-bottom: 20px solid #fff;
  border-right: 20px solid #fff;
  box-sizing: border-box;
}
.box .fas {
  font-size: 25px;
  height: 50px;
  width: 50px;
  line-height: 50px !important;
  background-color: #ffffff;
  color: #2C3A47;
}
.box .fa2 {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 1;
}
.box .text {
  position: absolute;
  top: 30px;
  left: -30px;
  width: calc(100% + 60px);
  height: calc(100% - 60px);
  background-color: #63A375;
  border-radius: 3px;
  transition: 0.4s;
}
.box .text .fa1 {
  position: absolute;
  top: 0;
  left: 0;
}
.box .text div {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  text-align: center;
  width: 100%;
  padding: 30px 60px;
  line-height: 1.5;
  box-sizing: border-box;
}
.box .text div h4 {
  color:#ffffff;
}
.box .text div p {
  font-size: 15px;
}
.box:hover {
  transform:rotateY(-20deg) skewY(3deg);
}
.box:hover .text {
  transform: rotateY(20deg) skewY(-3deg);
}
@media (max-width:767px){
	.box {margin:1em auto;
    background-color: transparent;
    border-radius: 3px;
    color: #fff;
    position: relative; 
    top: 0;
    left: 0;
    transform: none;
    width: 85%;
    height: 350px;
    transform-style: preserve-3d;
    perspective: 2000px;
    transition: 0.4s;
    text-align: center;
}
}
/*Slider Anpassung*/
.carousel-indicators [data-bs-target] {
background-color:rgba(55, 154, 183, 1);;
margin-bottom:-2em;
}
.carousel-control-next, .carousel-control-prev {
color: rgba(55, 154, 183, 1);
font-size:2em;
width: auto;
}

.carousel-control-next:hover, .carousel-control-prev:hover {
	color: rgba(55, 154, 183, 1);
}
.blue {color: #63A375;}
.cc_banner-wrapper {display:none;}