@charset "UTF-8";
body {
height: 100%;
font-family: 'Open Sans', arial, helvetica, tahoma, sans-serif;
text-align: center;
color: #000000;
background: #ffffff;
font-size: 19px;
line-height: 21px;
margin: auto;
margin-top: 0px;
}
.slideanim {visibility:hidden;}
.slide {
animation-name: slide;
-webkit-animation-name: slide;
animation-duration: 0.8s;
-webkit-animation-duration: 0.8s;
visibility: visible;
}
@font-face {
font-family: 'Open Sans';
src: url('../fonts/OpenSans-Light.eot');
src: url('../fonts/OpenSans-Light.eot?#iefix') format('embedded-opentype'),
url('../fonts/OpenSans-Light.woff2') format('woff2'),
url('../fonts/OpenSans-Light.woff') format('woff'),
url('../fonts/OpenSans-Light.svg#OpenSans-Light') format('svg');
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Open Sans';
src: url('../fonts/OpenSans-SemiBold.eot');
src: url('../fonts/OpenSans-SemiBold.eot?#iefix') format('embedded-opentype'),
url('../fonts/OpenSans-SemiBold.woff2') format('woff2'),
url('../fonts/OpenSans-SemiBold.woff') format('woff'),
url('../fonts/OpenSans-SemiBold.svg#OpenSans-SemiBold') format('svg');
font-weight: 600;
font-style: normal;
font-display: swap;
}
/* Go from 0% to 100% opacity (see-through) and specify the percentage from when to slide in the element along the Y-axis */
@keyframes slide {
0% {
opacity: 0;
transform: translateY(30%);
}
100% {
opacity: 1;
transform: translateY(0%);
}
}
@-webkit-keyframes slide {
0% {
opacity: 0;
-webkit-transform: translateY(30%);
}
100% {
opacity: 1;
-webkit-transform: translateY(0%);
}
}
@media (max-width: 767px) {
@keyframes slide {
0% {
opacity: 0;
transform: translateY(180%);
}
100% {
opacity: 1;
transform: translateY(0%);
}
}
@-webkit-keyframes slide {
0% {
opacity: 0;
-webkit-transform: translateY(180%);
}
100% {
opacity: 1;
-webkit-transform: translateY(0%);
}
}
}
/* TOP-BEREICH - im Kopf der Seite oben */
.top-info {
width: 100%;
margin: 0 0 0px 0;
background: linear-gradient(to right, #f9f9f9, #ffffff, #f9f9f9) repeat scroll 0 0 rgba(0, 0, 0, 0);
padding: 0;
z-index: 1000;
font-size: 11px;
color: #2C4B97;
border-bottom: 1px solid #eeeeee;
}
.top-info-container {
max-width: 1200px;
margin: auto;
}
.top-info-left {
text-align: left;
padding: 5px 0 0 7px;
}
.top-info-right {
text-align: right;
padding: 3px 10px 5px 0;
}
.top-info a {
font-size: 12px;
line-height: 15px;
color: #2C4B97;
text-decoration: none;
}
.top-info a:active{
font-size: 12px;
line-height: 15px;
color: #2C4B97;
text-decoration: none;
}
.top-info a:visited {
font-size: 12px;
line-height: 15px;
color: #2C4B97;
text-decoration: none;
}
.top-info a:hover {color: #000000;}
@media (max-width: 1300px) {
.top-info {
width: 100%;
margin: 0 0px 0px 0px;
padding: 0 0px 0px 0px;
}
}
@media (max-width: 980px) {
.top-info {
font-size: 11px;
margin: 0 0px 0px 0px;
}
.top-info-right {
text-align: right;
padding: 3px 20px 5px 0;
}
.top-info a {
font-size: 11px;
line-height: 15px;
margin: 0 2px 0 2px;
text-decoration: none;
}
.top-info a:active {
font-size: 11px;
line-height: 15px;
margin: 0 2px 0 2px;
text-decoration: none;
}
.top-info a:visited {
font-size: 11px;
line-height: 15px;
margin: 0 2px 0 2px;
text-decoration: none;
}
.top-info a:hover {
font-size: 11px;
line-height: 15px;
margin: 0 2px 0 2px;
}
}
@media (max-width: 767px) {
.top-info {
font-size: 11px;
}
.top-info-left {
text-align: left;
padding: 5px 0 0px 5px;
}
.top-info-right {
display:none;
}
.top-info a {
font-size: 13px;
line-height: 15px;
margin: 0 2px 0 2px;
text-decoration: none;
}
.top-info a:active {
font-size: 13px;
line-height: 15px;
margin: 0 2px 0 2px;
text-decoration: none;
}
.top-info a:visited {
font-size: 13px;
line-height: 15px;
margin: 0 2px 0 2px;
text-decoration: none;
}
.top-info a:hover {
font-size: 13px;
line-height: 15px;
margin: 0 2px 0 2px;
}
}
/* LOGO & MENU */
.wrapper-top-all {
width: 100%;
background-color: #FFFFFF;
/* background-repeat: no-repeat;
background-position: center;
background-size: cover;
background-image: url(../images/bg-top.jpg);*/
}
.wrapper-top-content {
max-width: 1200px;
margin: auto;
padding-top: 8px;
}
.logo {
z-index: 2;
margin: auto;
max-width: 360px;
padding: 0;
margin: 20px 0 28px 0px;
}
.logo-mobile {
max-width: 320px;
margin: auto;
padding: 10px 30px 10px 0px;
float: right;
}
.menu {
z-index: 1;
margin: 24px 0px 0 0;
float: right;
}
@media (max-width: 1360px) {
.logo {
max-width: 310px;
margin: 10px 0 16px 20px;
}
.menu {
margin: auto;
margin-top: 15px;
}
.topinfos {
margin: 40px 20px 0px 0;
}
}
@media (max-width: 1150px) {
.logo {
max-width: 290px;
margin: 5px 0 12px 20px;
}
.menu {
margin: auto;
margin-top: 12px;
padding-right: 12px;
}
.topinfos {
margin: 34px 20px 0px 0;
}
}
@media (max-width: 980px) {
.logo {
max-width: 250px;
margin: 5px 0 15px 20px;
}
.menu {
margin: auto;
margin-top: 8px;
}
}
@media (max-width: 767px) {
.top-content-screen {
display: none;
}
.wrapper-top-content {
display: none;
}
.top-info {
display: none;
}
}
.wrapper-top-content {
}
.top-content-center {
display: none;
}
.wrapper-menu-logo-content {
padding-top: 0px;
background-color:#ffffff;
}
}
@media (max-width: 768px) {
.logo {
display: none;
}
}
.top-content-mobile {
background-color: #ffffff;
}
@media (min-width: 768px) {
.top-content-mobile {
display: none;
}
.logo-mobile {
display: none;
}
}
.color-mobile-menu {
background-color: #FFFFFF;
}
.button-container-mobile {
text-align: left;
padding: 10px 0 0 10px;
}
.button-container-mobile a {
font-size: 12px;
line-height: 22px;
font-weight: normal;
background-color: #333333;
color: #ffffff;
padding: 6px 12px 6px 12px;
margin: 0 0 0 5px;
border-radius: 4px;
text-decoration: none;
}
.button-container-mobile a:active{
font-size: 12px;
line-height: 22px;
font-weight: normal;
background-color: #333333;
}
.button-container-mobile a:visited{
font-size: 12px;
line-height: 22px;
font-weight: normal;
background-color: #333333;
}
.button-container-mobile a:hover{
font-size: 12px;
line-height: 22px;
font-weight: normal;
background-color: #2C4B97;
}
.navbar-infos{
color: #2C4B97;
font-size: 14px;
line-height: 18px;
text-align: left;
max-width: 100%;
padding: 10px 20px 20px 30px;
background-image: -webkit-linear-gradient(bottom, #eeeeee 20%, #ffffff 100%);
background-image: -moz-linear-gradient(bottom, #eeeeee 20%, #ffffff 100%);
background: -ms-linear-gradient(bottom, #eeeeee 20%, #ffffff 100%); /* IE10+ */
background: -o-linear-gradient(bottom, #eeeeee 20%, #ffffff 100%); /* Opera 11.10+ */
background: linear-gradient(to top, #eeeeee 20%, #ffffff 100%); /* W3C */
}
.navbar-infos a {
font-size: 18px;
line-height: 30px;
font-weight: bold;
color: #005DA0;
text-decoration: none;
}
.navbar-infos a:active{
font-size: 18px;
line-height: 30px;
font-weight: bold;
color: #005DA0;
text-decoration: none;
}
.navbar-infos a:visited{
font-size: 18px;
line-height: 30px;
font-weight: bold;
color: #005DA0;
text-decoration: none;
}
.navbar-infos a:hover{
font-size: 18px;
line-height: 30px;
color: #005DA0;
font-weight: bold;
text-decoration: none;
}
/* HEADBILD */
.headbild {
width: 100%;
margin: auto;
}
@media (min-width: 768px) {
.headbild-mobile {
display: none;
}
.headbild-screen {
width: 100%;
margin: auto;
}
}
@media (max-width: 767px) {
.headbild-screen {
display: none;
}
.headbild-mobile {
width: 100%;
margin: auto;
}
}
/* INHALTE-BEREICH */
.wrapper-main {
background-color: #ffffff;
max-width: 100%;
margin: 0;
border-top: 1px solid #FFFFFF;
}
.container-main {
max-width: 1200px;
text-align: left;
font-size: 14px;
line-height: 28px;
font-weight: normal;
text-transform: normal;
color: #666666;
margin: auto;
padding: 50px 0px 50px 0px;
}
.container-main a {
font-size: 14px;
font-weight: normal;
color: #2C4B97;
text-decoration: none;
}
.container-main a:active{
font-size: 14px;
font-weight: normal;
color: #2C4B97;
text-decoration: none;
}
.container-main a:visited{
font-size: 14px;
font-weight: normal;
color: #2C4B97;
text-decoration: none;
}
.container-main a:hover{
font-size: 14px;
color: #000000;
font-weight: normal;
text-decoration: none;
}
.container-main a.xl {
font-size: 22px;
font-weight: bold;
color: #2C4B97;
text-decoration: none;
}
.container-main a.xl:active{
font-size: 22px;
font-weight: bold;
color: #2C4B97;
text-decoration: none;
}
.container-main a.xl:visited{
font-size: 22px;
font-weight: bold;
color: #2C4B97;
text-decoration: none;
}
.container-main a.xl:hover{
font-size: 22px;
font-weight: bold;
color: #000000;
text-decoration: none;
}
.container-main a.btn {
color: #ffffff;
text-decoration: none;
font-size: 13px;
line-height: 22px;
font-weight: normal;
padding:16px 32px 16px 32px;
border: 0px solid #000000;
border-radius: 6px;
background-color: #2C4B97;
}
.container-main a.btn:active {
color: #ffffff;
text-decoration: none;
font-size: 13px;
line-height: 22px;
font-weight: normal;
padding:16px 32px 16px 32px;
background-color: #2C4B97;
}
.container-main a.btn:visited {
color: #ffffff;
text-decoration: none;
font-size: 13px;
line-height: 22px;
font-weight: normal;
padding:16px 32px 16px 32px;
background-color: #2C4B97;
}
.container-main a.btn:hover {
color: #000000;
text-decoration: none;
font-size: 13px;
line-height: 22px;
font-weight: normal;
background-color:#ffffff;
border: 1px solid #2C4B97;
}
.container-main h1 {
font-family: 'Open Sans', 'Open Sans', arial, helvetica, verdana, sans-serif;
color: #2C4B97;
font-size: 54px;
font-weight: bold;
line-height: 56px;
margin: 11px 0 20px 0;
}
.container-main h2 {
font-family: 'Open Sans', arial, helvetica, arial, sans-serif;
color: #666666;
font-size: 28px;
font-weight: normal;
line-height: 36px;
margin: 0px 0 20px 0;
text-decoration: none;
}
.container-main h3 {
font-family: 'Open Sans', 'Open Sans', arial, helvetica, verdana, sans-serif;
font-size: 22px;
line-height: 26px;
font-weight: normal;
text-transform: normal;
color: #2C4B97;
margin: 20px 0 20px 0;
}
.container-main h4 {
font-family: 'Open Sans', 'Open Sans', arial, helvetica, verdana, sans-serif;
font-size: 18px;
line-height: 24px;
font-weight: normal;
text-transform: normal;
color: #2C4B97;
padding: 0 0 10px 0;
margin: 0 0 10px 0;
}
.container-main li {
list-style-type: none;
list-style-position: outside;
margin: 0 0 0 20px;
padding: 0;
}
.container-main li:before {
content: "\e080";
font-family: 'Glyphicons Halflings';
font-size: 15px;
float: left;
margin-top: 0px;
margin-left: -24px;
color: #666666;
}
@media (max-width: 1400px) {
.container-main {
text-align: left;
font-size: 15px;
line-height: 25px;
}
.container-main a {
font-size: 15px;
}
.container-main a:active{
font-size: 15px;
}
.container-main a:visited{
font-size: 15px;
}
.container-main a:hover{
font-size: 15px;
}
.container-main h1 {
font-size: 45px;
line-height: 45px;
margin: 0;
padding: 0;
}
.container-main h2 {
font-size: 35px;
line-height: 35px;
margin: 10px 0 10px 0;
padding: 0 0 20px 0;
}
.container-main h3 {
font-size: 20px;
line-height: 24px;
}
.container-main h4 {
font-size: 18px;
line-height: 22px;
}
}
@media (max-width: 1024px) {
.container-main {
text-align: left;
font-size: 14px;
line-height: 24px;
padding: 30px 0px 30px 0px;
}
.container-main a {
font-size: 14px;
}
.container-main a:active{
font-size: 14px;
}
.container-main a:visited{
font-size: 14px;
}
.container-main a:hover{
font-size: 14px;
}
.container-main h1 {
font-size: 40px;
line-height: 40px;
margin: 0;
padding: 0;
}
.container-main h2 {
font-size: 30px;
line-height: 30px;
margin: 10px 0 10px 0;
padding: 0 0 20px 0;
}
.container-main h3 {
font-size: 20px;
line-height: 24px;
}
.container-main h4 {
font-size: 16px;
line-height: 22px;
}
}
@media (max-width: 767px) {
.wrapper-main {
max-width: 100%;
padding: 20px;
}
.container-main {
text-align: left;
font-size: 14px;
line-height: 24px;
padding: 20px 0px 20px 0px;
}
.container-main a {
font-size: 16px;
}
.container-main a:active{
font-size: 16px;
}
.container-main a:visited{
font-size: 16px;
}
.container-main a:hover{
font-size: 16px;
}
.container-main h1 {
font-size: 34px;
line-height: 34px;
margin: 0;
padding: 0;
}
.container-main h2 {
font-size: 26px;
line-height: 28px;
margin: 10px 0 10px 0;
padding: 0 0 20px 0;
}
.container-main h3 {
font-size: 24px;
line-height: 24px;
}
.container-main h4 {
font-size: 18px;
line-height: 22px;
}
.container-main h5 {
font-size: 34px;
line-height: 38px;
margin: 50px 0 30px 0;
}
}
/* INHALTE POSITIONIERUNG */
.container-content-left {
float: left;
padding: 0 50px 0 0;
margin-bottom: 20px;
}
.container-content-right {
float: right;
padding: 0 0px 0 50px;
margin-bottom: 20px;
}
.container-content-center {
margin: auto;
float: none;
padding: 0;
text-align: center;
}
@media (max-width: 1400px) {
.container-content-left {
float: left;
padding: 0 60px 0 60px;
text-align: left;
}
.container-content-right {
float: right;
padding: 0 60px 0 60px;
text-align: left;
}
.container-content-center {
float: none;
padding: 0 20px 0 20px;
text-align: left;
}
}
@media (max-width: 1024px) {
.container-content-left {
float: left;
padding: 0 30px 0 40px;
margin: auto;
text-align: left;
}
.container-content-right {
float: right;
padding: 0 40px 0 30px;
margin: auto;
text-align: left;
}
.container-content-center {
float: none;
padding: 0 0px 0 0px;
margin: auto;
text-align: center;
}
}
@media (max-width: 767px) {
.container-content-left {
float: left;
padding: 0 0px 30px 0px;
text-align: left;
}
.container-content-right {
float: left;
padding: 0 0px 30px 0px;
text-align: left;
}
.container-content-center {
float: none;
padding: 0 20px 0 20px;
text-align: left;
}
}
/* WEIETERE INCLUDE INHALTE */
.wrapper-dark {
background: linear-gradient(to right, #ffffff, #f5f5f5, #ffffff) repeat scroll 0 0 rgba(0, 0, 0, 0);
max-width: 100%;
margin: 0 0px 0 0px;
padding: 80px 0 80px 0;
}
.container-dark {
max-width: 1200px;
text-align: left;
font-size: 14px;
line-height: 26px;
font-weight: normal;
text-transform: normal;
color: #666666;
margin: auto;
}
.container-dark h3 {
font-family: 'Open Sans', arial, helvetica, verdana, sans-serif;
font-size: 32px;
line-height: 38px;
font-weight: bold;
color: #000000;
margin: 0;
padding: 0;
text-transform: normal;
}
.container-dark h4 {
font-family: 'Open Sans', arial, helvetica, verdana, sans-serif;
font-size: 26px;
line-height: 34px;
font-weight: normal;
text-transform: normal;
color: #666666;
margin: 4px 0 10px 0;
padding: 0 0 20px 0;
}
.container-dark a {
font-size: 14px;
color: #2C4B97;
text-decoration: none;
font-weight: bold;
}
.container-dark a:active {
font-size: 14px;
color: #2C4B97;
text-decoration: none;
font-weight: bold;
}
.container-dark a:visited {
font-size: 14px;
color: #2C4B97;
text-decoration: none;
font-weight: bold;
}
.container-dark a:hover {
font-size: 14px;
color: #000000;
text-decoration: none;
font-weight: bold;
}
@media (max-width: 1400px) {
.container-dark {
text-align: left;
font-size: 14px;
line-height: 22px;
}
.container-dark h3 {
font-size: 30px;
line-height: 34px;
margin: 0;
padding: 0;
}
.container-dark h4 {
font-size: 20px;
line-height: 20px;
margin: 10px 0 20px 0;
padding: 0 0 20px 0;
}
}
@media (max-width: 1024px) {
.container-dark {
text-align: left;
font-size: 14px;
line-height: 22px;
}
.container-dark h3 {
font-size: 26px;
line-height: 30px;
margin: 0;
padding: 0;
}
.container-dark h4 {
font-size: 18px;
line-height: 24px;
margin: 8px 0 10px 0;
padding: 0 0 20px 0;
}
}
@media (max-width: 767px) {
.wrapper-dark {
max-width: 100%;
padding: 50px 20px 0px 20px;
}
.container-dark {
text-align: left;
font-size: 13px;
line-height: 22px;
}
.container-dark h3 {
font-size: 30px;
line-height: 36px;
margin: 0;
padding: 0;
}
.container-dark h4 {
font-size: 22px;
line-height: 28px;
margin: 0px 0 10px 0;
padding: 0 0 20px 0;
}
}
.wrapper-light {
background-color: #ffffff;
max-width: 100%;
margin: 0 0px 0 0px;
padding: 80px 0 80px 0;
}
.container-light {
max-width: 1200px;
text-align: left;
font-size: 15px;
line-height: 26px;
font-weight: normal;
text-transform: normal;
color: #666666;
margin: auto;
}
.container-light h3 {
font-family: 'Open Sans', arial, helvetica, verdana, sans-serif;
font-size: 32px;
line-height: 38px;
font-weight: bold;
color: #000000;
margin: 0;
padding: 0;
text-transform: normal;
}
.container-light h4 {
font-family: 'Open Sans', arial, helvetica, verdana, sans-serif;
font-size: 26px;
line-height: 34px;
font-weight: normal;
text-transform: normal;
color: #666666;
margin: 6px 0 20px 0;
padding: 0 0 20px 0;
}
.container-light h5 {
font-family: 'Open Sans', arial, helvetica, verdana, sans-serif;
font-size: 24px;
line-height: 30px;
font-weight: normal;
text-transform: normal;
color: #2C4B97;
margin: 0px 0 10px 0;
padding: 0 0 10px 0;
}
.container-light a {
font-size: 15px;
color: #2C4B97;
text-decoration: none;
font-weight: bold;
}
.container-light a:active {
font-size: 15px;
color: #2C4B97;
text-decoration: none;
font-weight: bold;
}
.container-light a:visited {
font-size: 15px;
color: #2C4B97;
text-decoration: none;
font-weight: bold;
}
.container-light a:hover {
font-size: 15px;
color: #000000;
text-decoration: none;
font-weight: bold;
}
.wrapper-boxes {
background-color: #ffffff;
max-width: 100%;
margin: 0 0px 0 0px;
padding: 0px 0 0px 0;
}
.wrapper-white {
background-color: #ffffff;
max-width: 100%;
margin: 0 0px 0 0px;
padding: 80px 0 80px 0;
}
.container-white {
max-width: 1300px;
text-align: left;
font-size: 18px;
line-height: 26px;
font-weight: normal;
text-transform: normal;
color: #666666;
margin: auto;
}
.container-white h4 {
font-family: 'Open Sans', arial, helvetica, verdana, sans-serif;
font-size: 20px;
line-height: 26px;
font-weight: normal;
text-transform: normal;
color: #666666;
margin: 20px 0 20px 0;
padding: 0 0 20px 0;
text-transform: uppercase;
}
@media (max-width: 1400px) {
.container-light {
text-align: left;
font-size: 14px;
line-height: 20px;
}
.container-light h3 {
font-size: 32px;
line-height: 36px;
margin: 0;
padding: 0;
}
}
@media (max-width: 1100px) {
.container-light {
text-align: left;
font-size: 14px;
line-height: 20px;
}
.container-light h3 {
font-size: 32px;
line-height: 36px;
margin: 0;
padding: 0;
}
}
@media (max-width: 767px) {
.wrapper-light {
max-width: 100%;
padding: 20px 20px 20px 20px;
}
.container-light {
text-align: left;
font-size: 13px;
line-height: 22px;
}
.container-light h3 {
font-size: 32px;
line-height: 36px;
margin: 0;
padding: 0;
}
.container-light h4 {
font-size: 22px;
line-height: 28px;
margin: 10px 0 10px 0;
padding: 0 0 20px 0;
}
}
/* BOX INHALTE INCLUDE */
#boxes {
width: 100%;
margin: 0;
bottom: 0;
padding: 0;
z-index: 6;
background-color: #ffffff;
/*
background-image: -webkit-linear-gradient(bottom, #ffffff 20%, #eeeeee 100%);
background-image: -moz-linear-gradient(bottom, #ffffff 20%, #eeeeee 100%);
background: -ms-linear-gradient(bottom, #ffffff 20%, #eeeeee 100%);
background: -o-linear-gradient(bottom, #ffffff 20%, #eeeeee 100%);
background: linear-gradient(to top, #ffffff 20%, #eeeeee 100%);
*/
}
.box-content {
max-width: 100%;
margin: auto;
padding: 0px;
}
.box-content-inner {
margin: auto;
float: left;
padding: 1px;
}
@media (max-width: 1200px) {
.box-content-inner {
padding: 1px;
}
}
@media (max-width: 767px) {
#boxes {
padding-bottom: 0px;
}
.box-content-inner {
padding: 1px;
}
}
.container-bild3 {
background-color: #ffffff;
width: 100%;
height: 300px;
background-repeat: no-repeat;
background-position: center bottom;
background-size: cover;
background-image: url(../uploads/images/footerbild3.jpg);
border-top: 1px solid #ffffff;
}
.container-bild2 {
background-color: #ffffff;
width: 100%;
height: 300px;
background-repeat: no-repeat;
background-position: center bottom;
background-size: cover;
background-image: url(../uploads/images/footerbild2.jpg);
border-top: 1px solid #ffffff;
}
.container-bild1 {
background-color: #ffffff;
width: 100%;
height: 300px;
background-repeat: no-repeat;
background-position: right bottom;
background-size: cover;
background-image: url(../uploads/images/footerbild1.jpg);
border-top: 1px solid #ffffff;
}
/* FOOTER CONTAINER MIT BILD */
.footer-container-bild {
background-color: #ffffff;
width: 100%;
height: 700px;
background-repeat: no-repeat;
background-position: center bottom;
background-size: cover;
background-image: url(../images/footerbild.jpg);
border-top: 1px solid #ffffff;
}
.footer-container-bild2 {
background-color: #ffffff;
width: 100%;
height: 650px;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
background-image: url(../images/footerbild2.jpg);
border-top: 1px solid #ffffff;
}
.footer-container-box a {
font-family: 'Open Sans', arial, helvetica, verdana, sans-serif;
font-size:20px;
color: #ffffff;
background-color: #2C4B97;
padding: 20px 40px 20px 40px;
border-radius: 8px;
text-decoration: none;
font-weight: bold;
}
.footer-container-box a:active {
font-size: 20px;
color: #FFFFFF;
background-color: #2C4B97;
padding: 20px 40px 20px 40px;
border-radius: 8px;
}
.footer-container-box a:visited {
font-size: 20px;
color: #FFFFFF;
background-color: #2C4B97;
padding: 20px 40px 20px 40px;
border-radius: 8px;
}
.footer-container-box a:hover {
font-size: 20px;
color: #2C4B97;
background-color: #ffffff;
padding: 20px 40px 20px 40px;
border-radius: 8px;
}
@media (max-width: 1278px) {
.footer-container-bild {
width: 100%;
height: 500px;
}
}
@media (max-width: 768px) {
.footer-container-bild {
background-position: center;
width: 100%;
height: 550px;
}
}
@media (max-width: 640px) {
.footer-container-bild {
background-position: center;
width: 100%;
height: 550px;
}
}
.footer-container-bild2 {
background-position: center;
width: 100%;
height: 500px;
}
.footer-container-box a {
font-size: 14px;
}
.footer-container-box a:active {
font-size: 14px;
}
.footer-container-box a:visited {
font-size: 14px;
}
.footer-container-box a:hover {
font-size: 14px;
}
}
.footer-container-box {
width: 100%;
position: absolute;
z-index: 2;
}
.footer-container-inner {
max-width: 1120px;
margin: auto;
padding-right: 0px;
}
.footer-container-text {
width: 100%;
text-align: center;
color: #ffffff;
font-size: 22px;
line-height: 28px;
float: left;
margin: 150px 0 0 0;
}
.footer-container-text-headline1 {
font-family: 'Open Sans', arial, helvetica, verdana, sans-serif;
font-size: 60px;
line-height: 60px;
font-weight: normal;
color: #fffffff;
opacity: 1;
margin: 0 0 0 0;
padding:0 0 0 0;
}
.footer-container-text-headline2 {
font-family: 'Open Sans', arial, helvetica, verdana, sans-serif;
font-size: 30px;
line-height: 38px;
color: #ffffff;
opacity: 1;
margin: 0 0 0 0;
padding:0 0 0 0;
}
.footer-container-text-small1 {
font-family: 'Open Sans', arial, helvetica, verdana, sans-serif;
font-size: 18px;
line-height: 23px;
color: #ffffff;
opacity: 1;
margin: 0 0 0 0;
padding:0 0 0 0;
}
@media (max-width: 1500px) {
.footer-container-text {
width: 100%;
text-align: center;
font-size: 18px;
line-height: 26px;
margin: 120px 30px 0 20px;
}
.footer-container-text-headline1 {
font-size: 60px;
line-height: 60px;
}
.footer-container-text-headline2 {
font-size: 35px;
line-height: 38px;
margin: 0 0 0 0;
}
.footer-container-text-small1 {
font-size: 16px;
line-height: 18px;
}
.footer-container-text-small2 {
font-size: 14px;
line-height: 40px;
}
}
@media (max-width: 768px) {
.footer-container-text {
width:100%;
text-align: center;
font-size: 18px;
line-height: 22px;
margin: auto;
padding: 50px 40px 10px 40px;
float: none;
}
.footer-container-text-headline1 {
font-size: 38px;
line-height: 42px;
}
.footer-container-text-headline2 {
font-size: 22px;
line-height: 28px;
padding: 10px 0 0 0;
}
.footer-container-text-small1 {
font-size: 16px;
line-height: 18px;
}
.footer-container-text-small2 {
font-size: 18px;
line-height: 20px;
}
}
/* FOOTER BEREICH */
.footer {
width: 100%;
margin-top: 0px;
padding-bottom: 80px;
padding-top: 80px;
background: linear-gradient(to bottom, #ffffff, #ffffff) repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.footer-content {
max-width: 1200px;
margin: auto;
}
.footer-content-part {
font-family: 'Open Sans', arial, helvetica, verdana, sans-serif;
padding-top: 0px;
padding: 10px 0px 10px 0px;
margin: auto;
text-align: left;
float: left;
letter-spacing: 0px;
color: #666666;
font-size: 14px;
line-height: 22px;
}
.footer-content-part h4 {
font-family: 'Open Sans', arial, helvetica, verdana, sans-serif;
text-align: left;
font-size: 22px;
line-height: 22px;
font-weight: normal;
color: #2C4B97;
margin: 0 0 19px 0;
text-transform: normal;
}
.footer-content-part a {
font-family: 'Open Sans', arial, helvetica, verdana, sans-serif;
font-size: 16px;
line-height: 28px;
font-weight: normal;
color: #2C4B97;
text-decoration: none;
}
.footer-content-part a:active{
font-size: 16px;
line-height: 28px;
font-weight: normal;
color: #2C4B97;
text-decoration: none;
}
.footer-content-part a:visited{
font-size: 16px;
line-height: 28px;
font-weight: normal;
color: #2C4B97;
text-decoration: none;
}
.footer-content-part a:hover{
font-size: 16px;
line-height: 28px;
color: #000000;
font-weight: normal;
text-decoration: none;
}
.footer-content-logo {
max-width: 400px;
padding: 0;
}
@media (max-width: 1200px) {
.footer-content-logo {
max-width: 390px;
padding: 0 0 0 0px;
}
.footer-content-part {
padding: 0px 20px 20px 20px;
text-align: left;
margin-top: 20px;
font-size: 13px;
line-height: 21px;
}
}
@media (max-width: 767px) {
.footer-content-part {
padding: 0px 20px 20px 20px;
text-align: left;
margin-top: 20px;
font-size: 16px;
line-height: 22px;
}
.footer-content-part h4 {
text-align: left;
font-size: 22px;
line-height: 22px;
margin: 0 0 22px 0;
}
.footer-content-part a {
font-size: 18px;
line-height: 24px;
}
.footer-content-part a:active{
font-size: 18px;
line-height: 24px;
}
.footer-content-part a:visited{
font-size: 18px;
line-height: 24px;
}
.footer-content-part a:hover{
font-size: 18px;
line-height: 24px;
}
.footer-content-logo {
max-width: 500px;
margin: left;
padding: 0 0 0 0;
}
}
ul {
margin: 0;
padding: 0;
}
.footer-content-menu {
font-family: 'Open Sans', arial, helvetica, verdana, sans-serif;
padding: 10px 20px 10px 0px;
margin: auto;
text-align: left;
float: left;
letter-spacing: 0px;
font-size: 13px;
line-height: 22px;
}
.footer-content-menu h4 {
font-family: 'Open Sans', arial, helvetica, verdana, sans-serif;
text-align: left;
font-size: 22px;
line-height: 22px;
font-weight: bold;
color:#2C4B97;
margin: 6px 0 19px 0;
text-transform: normal;
}
.footer-content-menu li {
font-family: 'Open Sans', arial, verdana, sans-serif;
list-style-type: none;
text-align: left;
font-size: 14px;
line-height: 22px;
font-weight: bold;
color: #444444;
padding: 10px 0 10px 0px;
border-bottom: 1px solid #dddddd;
text-decoration: none;
}
.footer-content-menu li a {
font-size: 14px;
font-weight: normal;
color: #444444;
text-decoration: none;
}
.footer-content-menu li a:active{
font-size: 14px;
font-weight: normal;
color: #444444;
text-decoration: none;
}
.footer-content-menu li a:visited{
font-size: 14px;
font-weight: normal;
color: #444444;
text-decoration: none;
}
.footer-content-menu li a:hover{
font-size: 14px;
color: #2C4B97;
font-weight: normal;
text-decoration: none;
}
@media (max-width: 767px) {
.footer-content-menu {
padding: 10px 20px 10px 20px;
margin: auto;
text-align: left;
float: left;
letter-spacing: 0px;
}
.footer-content-menu h4 {
text-align: left;
font-size: 22px;
line-height: 22px;
margin: 10px 0 10px 0;
text-transform: normal;
}
.footer-content-menu li {
font-size: 16px;
line-height: 26px;
font-weight: normal;
text-align: left;
padding: 12px 0 12px 0px;
text-decoration: none;
}
.footer-content-menu li a, a:active, a:visited{
font-size: 16px;
line-height: 26px;
font-weight: normal;
text-decoration: none;
}
.footer-content-menu li a:hover{
font-size: 16px;
line-height: 26px;
font-weight: normal;
text-decoration: none;
}
}
/* FOOTER UNTEN DATEN BEREICH */
.footer2 {
width: 100%;
margin-top: 0px;
padding: 18px 0 18px 0;
background: linear-gradient(to right, #2C4B97, #2C4B97) repeat scroll 0 0 rgba(0, 0, 0, 0);
color: #ffffff;
font-size: 18px;
line-height: 28px;
font-weight: bold;
font-family: 'Open Sans', arial, helvetica, verdana, sans-serif;
}
.footer2-content {
max-width: 1200px;
margin: auto;
text-align: left;
}
.footer2-content a {
font-family: 'Open Sans', arial, helvetica, verdana, sans-serif;
font-size: 12px;
line-height: 21px;
font-weight: normal;
color: #FFFFFF;
text-decoration: none;
}
.footer2-content a:active{
font-size: 12px;
line-height: 21px;
font-weight: normal;
color: #FFFFFF;
text-decoration: none;
}
.footer2-content a:visited{
font-size: 12px;
line-height: 21px;
font-weight: normal;
color: #FFFFFF;
text-decoration: none;
}
.footer2-content a:hover{
font-size: 12px;
line-height: 21px;
color: #D1DBF1;
font-weight: normal;
text-decoration: none;
}
@media (max-width: 1200px) {
.footer2 {
padding: 12px 0 12px 20px;
}
}
@media (max-width: 767px) {
.footer2 {
padding: 12px 0 12px 0;
}
.footer2-content {
text-align: center;
}
.footer2-content a {
font-family: 'Open Sans', arial, helvetica, verdana, sans-serif;
font-size: 11px;
line-height: 21px;
}
.footer2-content a:active{
font-size: 11px;
line-height: 21px;
}
.footer2-content a:visited{
font-size: 11px;
line-height: 21px;
}
.footer2-content a:hover{
font-size: 11px;
line-height: 21px;
}
}
/*** SUPERFISH MENU OBEN ***/
.sf-menu, .sf-menu * {
margin: 0;
padding: 0;
list-style: none;
z-index:2000;
}
.sf-menu li {
float: left;
position: relative;
z-index:2000;
}
.sf-menu ul {
position: absolute;
display: none;
top: 100%;
left: 0;
text-align:left;
z-index:2000;
}
.sf-menu li:hover > ul,
.sf-menu li.sfHover > ul {
display: block;
z-index:2000;
}
.sf-menu a {
display: block;
position: relative;
z-index:2000;
}
.sf-menu ul ul {
top: 0;
left: 100%;
z-index:2000;
}
.sf-menu {
text-align: right;
margin-bottom: 0em;
padding-top: 0px;
z-index:2000;
}
.sf-menu ul {
box-shadow: 2px 6px 8px rgba(0,0,0,.2);
*width: 12em;
z-index:2000;
}
.sf-menu a {
font-family: arial, verdana, sans-serif;
font-size: 15px;
letter-spacing: 0px;
padding: .80em .80em;
font-weight: normal;
text-transform: normal;
text-decoration: none;
zoom: 1; /* IE7 */
z-index:2000;
}
.sf-menu li a {
font-size: 15px;
text-transform: normal;
font-weight: bold;
color: #2C4B97;
z-index:2000;
}
.sf-menu li a:active {
color: #2C4B97;
}
.sf-menu li a:visited {
color: #2C4B97;
}
.sf-menu li a:hover {
color: #000000;
-webkit-transition: background .2s;
transition: background .2s;
z-index:2000;
}
.sf-menu li a::before {
content:"";
position:absolute;
width:100%;
height:2px;
bottom:0px;
left: 0;
background-color: #cccccc;
visibility: hidden;
transform: scaleX(0);
transition: all 0.3s ease-in-out 0s;
}
.sf-menu li a:hover::before {
visibility: visible;
transform: scaleX(1);
}
@media (max-width: 1360px) {
.sf-menu li a {
font-size: 14px;
}
}
@media (max-width: 1150px) {
.sf-menu li a {
font-size: 12px;
padding: .50em .70em;
}
}
@media (max-width: 980px) {
.sf-menu li a {
font-size: 11px;
padding: .50em .40em;
}
}
.sf-menu ul li a {
background-color: #ffffff;
color:#2C4B97;
font-size: 14px;
text-transform: none;
border-bottom: 1px solid #dddddd;
min-width: 20em;
text-align: left;
z-index:2000;
font-weight: normal;
}
.sf-menu ul li a:hover {
color: #000000;
background-color: #ffffff;
-webkit-transition: background .0s;
transition: background .0s;
z-index:2000;
}
@media (max-width: 1050px) {
.sf-menu ul li a:hover {
padding: .50em .70em;
}
}
@media (max-width: 940px) {
.sf-menu ul li a:hover {
padding: .50em .40em;
}
}
.sf-menu ul li a::before {
content:"";
position:absolute;
width:100%;
height:1px;
bottom:0px;
left: 0;
background-color: #2C4B97;
visibility: hidden;
transform: scaleX(0);
transition: all 0.3s ease-in-out 0s;
}
.sf-menu li a:hover::before {
visibility: visible;
transform: scaleX(1);
}
.sf-menu li {
background: none;
white-space: nowrap;
*white-space: normal;
-webkit-transition: background .4s;
transition: background .4s;
z-index:2000;
text-align: center;
display: inline-block;
float: none;
}
.sf-menu ul li {
background: #ffffff;
z-index:2000;
float: left;
}
.sf-menu ul ul li {
background: #ffffff;
z-index:2000;
}
.sf-menu li:hover,
.sf-menu li.sfHover {
-webkit-transition: none;
transition: none;
z-index:2000;
}
.sf-arrows .sf-with-ul {
padding-right: 2.5em;
*padding-right: 1em;
z-index:2000;
}
.sf-arrows .sf-with-ul:after {
content: '';
position: absolute;
top: 50%;
right: 1em;
margin-top: -3px;
height: 0;
width: 0;
z-index:2000;
}
.sf-arrows > li > .sf-with-ul:focus:after,
.sf-arrows > li:hover > .sf-with-ul:after,
.sf-arrows > .sfHover > .sf-with-ul:after {
border-top-color: white;
}
.sf-arrows ul .sf-with-ul:after {
margin-top: -5px;
margin-right: -3px;
border-color: transparent;
border-left-color: #ffffff;
border-left-color: rgba(255,255,255,.5);
}
.sf-arrows ul li > .sf-with-ul:focus:after,
.sf-arrows ul li:hover > .sf-with-ul:after,
.sf-arrows ul .sfHover > .sf-with-ul:after {
border-left-color: white;
}
.main-boxes {
width: 100%;
margin: 0;
bottom: 0px;
padding: 80px 0 80px 0;
z-index: 2;
background: linear-gradient(to right, #eeeeee, #ffffff, #eeeeee) repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.main-box-content {
max-width: 1200px;
margin: auto;
padding: 0px;
}
.main-box-content-container {
margin: auto;
float: left;
padding: 0 15px 0 15px;
max-width:33,33%;
transform: scale(1.00, 1.00);
transition: 2s;
}
.main-box-content-container:hover {
opacity: 1.0;
transform: scale(1.05, 1.05);
transition: 0.3s;
}
.main-box-content-inner {
padding: 0;
margin: auto;
text-align: left;
color: #888888;
float: left;
font-size: 12px;
line-height: 20px;
letter-spacing: 0px;
}
.main-box-content h4 {
font-family: 'Open Sans', arial, helvetica, verdana, sans-serif;
color: #2C4B97;
font-size: 28px;
line-height: 36px;
font-weight: normal;
margin: 0px 0 50px 0;
text-transform: normal;
padding: 0;
}
.main-box-content h3 {
font-family: 'Open Sans', arial, helvetica, verdana, sans-serif;
color: #000000;
font-size: 20px;
line-height: 26px;
font-weight: normal;
margin: 0px 0 20px 0;
text-transform: normal;
padding: 0;
}
.main-box-content-inner a.btn {
color: #ffffff;
text-decoration: none;
font-size: 13px;
line-height: 22px;
font-weight: normal;
padding:16px 32px 16px 32px;
border: 0px solid #000000;
border-radius: 6px;
background-color: #2C4B97;
}
.main-box-content-inner a.btn:active {
color: #ffffff;
text-decoration: none;
font-size: 13px;
line-height: 22px;
font-weight: normal;
padding:16px 32px 16px 32px;
background-color: #2C4B97;
}
.main-box-content-inner a.btn:visited {
color: #ffffff;
text-decoration: none;
font-size: 13px;
line-height: 22px;
font-weight: normal;
padding:16px 32px 16px 32px;
background-color: #2C4B97;
}
.main-box-content-inner a.btn:hover {
color: #000000;
text-decoration: none;
font-size: 13px;
line-height: 22px;
font-weight: normal;
background-color:#ffffff;
border: 1px solid #2C4B97;
}
.main-box-content-inner a {
color: #2C4B97;
text-decoration: none;
font-size: 15px;
line-height: 22px;
font-weight: normal;
}
.main-box-content-inner a:active {
color: #2C4B97;
text-decoration: none;
font-size: 15px;
line-height: 22px;
font-weight: normal;
}
.main-box-content-inner a:visited {
color: #2C4B97;
text-decoration: none;
font-size: 15px;
line-height: 22px;
font-weight: normal;
}
.main-box-content-inner a:hover {
color: #000000;
text-decoration: none;
font-size: 15px;
line-height: 22px;
font-weight: normal;
}
.main-box-content-text {
background-color: #FFFFFF;
padding: 30px 30px 45px 30px;
}
.main-box-content-text2 {
background-color: #eeeeee;
padding: 30px 30px 45px 30px;
}
@media (max-width: 1050px) {
.main-boxes {
padding: 0px 0 0px 0;
}
.main-box-content-container {
margin: auto;
float: left;
padding: 10px 5px 10px 5px;
max-width:33,33%;
}
.main-box-content-inner a.btn {
color: #ffffff;
text-decoration: none;
font-size: 12px;
line-height: 22px;
font-weight: normal;
padding:12px 22px 12px 22px;
border: 0px solid #cccccc;
border-radius: 6px;
background-color: #2C4B97;
}
.main-box-content-inner a.btn:active {
color: #ffffff;
text-decoration: none;
font-size: 12px;
line-height: 22px;
font-weight: normal;
padding:12px 22px 12px 22px;
background-color: #2C4B97;
}
.main-box-content-inner a.btn:visited {
color: #ffffff;
text-decoration: none;
font-size: 12px;
line-height: 22px;
font-weight: normal;
padding:12px 22px 12px 22px;
background-color: #2C4B97;
}
.main-box-content-inner a.btn:hover {
color: #000000;
text-decoration: none;
font-size: 12px;
line-height: 22px;
font-weight: normal;
background-color:#ffffff;
padding:12px 22px 12px 22px;
border: 1px solid #2C4B97;
}
}
@media (max-width: 767px) {
.main-boxes {
padding: 40px 0 0px 0;
}
.main-box-content-container {
margin: auto;
float: left;
padding: 0;
max-width: 100%;
}
.main-box-content-inner {
font-size: 12px;
line-height: 20px;
letter-spacing: 0px;
margin: 0;
}
.main-box-content-text {
background-color: #FFFFFF;
padding: 30px 20px 45px 20px;
}
}
.main-boxes2 {
width: 100%;
margin: 0;
bottom: 0px;
padding: 80px 0 80px 0;
z-index: 2;
background-repeat: no-repeat;
background-position: center top;
background-size: cover;
background-image: url(../images/footerbild2.jpg);
}
.main-box-content2 {
max-width: 1200px;
margin: auto;
padding: 0px;
}
.main-box-content-container2 {
margin: auto;
float: left;
padding: 0 15px 0 15px;
max-width:33,33%;
opacity: 1;
transform: scale(1.00, 1.00);
transition: 2s;
margin-bottom: 30px;
}
.main-box-content-container2:hover {
opacity: 1.0;
transform: scale(1.05, 1.05);
transition: 0.3s;
}
.main-box-content-inner2 {
padding: 0;
margin: auto;
text-align: left;
color: #ffffff;
float: left;
font-size: 12px;
line-height: 19px;
letter-spacing: 0px;
}
.main-box-content-inner2 li {
list-style-type: none;
list-style-position: outside;
margin: 0 0 0 20px;
padding: 0;
}
.main-box-content-inner2 li:before {
content: "\2b";
font-family: 'Glyphicons Halflings';
font-size: 15px;
float: left;
margin-top: 0px;
margin-left: -24px;
color: #FFD266;
}
.main-box-content2 h2 {
font-family: 'Open Sans', arial, helvetica, verdana, sans-serif;
color: #ffffff;
font-size: 44px;
line-height: 52px;
font-weight: normal;
margin: 0px 0 80px 0;
text-transform: normal;
padding: 0;
}
.main-box-content2 h3 {
font-family: 'Open Sans', arial, helvetica, verdana, sans-serif;
color: #ffffff;
font-size: 20px;
line-height: 22px;
font-weight: normal;
margin: 0px 0 16px 0;
text-transform: normal;
padding: 0;
}
.main-box-content-inner2 a {
color: #ffffff;
text-decoration: none;
font-size: 13px;
line-height: 22px;
font-weight: normal;
}
.main-box-content-inner2 a:active {
color: #ffffff;
text-decoration: none;
font-size: 13px;
line-height: 22px;
font-weight: normal;
}
.main-box-content-inner2 a:visited {
color: #ffffff;
text-decoration: none;
font-size: 13px;
line-height: 22px;
font-weight: normal;
}
.main-box-content-inner2 a:hover {
color: #FFD266;
text-decoration: none;
font-size: 13px;
line-height: 22px;
font-weight: normal;
}
.main-box-content-text2 {
background-color: #8C2B05;
padding: 30px 30px 15px 30px;
opacity: 1;
min-height: 270px;
}
@media (max-width: 1050px) {
.main-boxes2 {
padding: 50px 0 50px 0;
}
.main-box-content-container2 {
margin: auto;
float: left;
padding: 10px 5px 10px 5px;
max-width:33,33%;
}
.main-box-content-container2:hover {
opacity: 1;
transform: scale(1, 1);
transition: 0s;
}
.main-box-content-inner2 a {
color: #ffffff;
text-decoration: none;
font-size: 18px;
line-height: 28px;
font-weight: normal;
}
.main-box-content-inner2 a:active {
color: #ffffff;
text-decoration: none;
font-size: 18px;
line-height: 28px;
font-weight: normal;
}
.main-box-content-inner2 a:visited {
color: #ffffff;
text-decoration: none;
font-size: 18px;
line-height: 28px;
font-weight: normal;
}
.main-box-content-inner2 a:hover {
color: #FFD266;
text-decoration: none;
font-size: 18px;
line-height: 28px;
font-weight: normal;
}
}
@media (max-width: 767px) {
.main-boxes2 {
padding: 70px 0 0px 0;
}
.main-box-content-container2 {
margin: auto;
float: left;
padding: 0;
max-width: 100%;
}
.main-box-content-inner2 {
font-size: 12px;
line-height: 20px;
letter-spacing: 0px;
margin: 0;
}
.main-box-content-text2 {
background-color: #8C2B05;
padding: 30px 20px 30px 20px;
opacity: 1;
min-height: 70px;
}
}
.video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 0;
height: 0;
overflow: hidden;
}
.video-container iframe,
.video-container object,
.video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/* COUNTER UP WIDGET */
.counter-up {
width: 100%;
margin: 0;
bottom: 0px;
padding: 10px 0 30px 0;
z-index: 6;
background: linear-gradient(to bottom, #2C4B97, #2C4B97, #2C4B97) repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.counter-up-stage {
max-width: 1200px;
margin: auto;
padding-left: 0px;
}
.counter-up-content {
max-width: 300px;
margin: auto;
margin-top: 20px;
padding-top: 20px;
text-align: center;
color: #ffffff;
float: left;
font-size: 12px;
line-height: 22px;
letter-spacing: 0px;
border-left: 1px solid #3964C6;
border-right: 1px solid #3964C6;
}
.counter {
font-family: 'Open Sans', arial, verdana, sans-serif;
font-size: 50px;
font-weight: bold;
color: #ffffff;
}
@media (max-width: 767px) {
.counter {
font-size: 40px;
}
.counter-up {
background: linear-gradient(to bottom, #2C4B97, #2C4B97, #2C4B97) repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.counter-up-stage {
padding-left: 0px;
}
.counter-up-content {
width: 100%;
padding: 8px;
float: none;
border-bottom: 1px solid #3964C6;
border-left: 0px solid #3964C6;
border-right: 0px solid #3964C6;
}
}
.accordion {
font-family: 'Open Sans', arial, helvetica, verdana, sans-serif;
font-size: 16px;
line-height: 24px;
font-weight: normal;
text-transform: normal;
color: #444444;
background-color: #ffffff;
cursor: pointer;
padding: 10px 0 10px 0px;
margin: 0;
width: 100%;
text-align: left;
border: none;
outline: none;
}
.accordion:hover {
color: #2C4B97;
}
.accordion:after {
font-family: arial, helvetica, verdana, sans-serif;
content: "\23F5";
font-size: 20px;
color: #2C4B97;
float: right;
margin-left: 5px;
}
.active:after {
font-family: arial, helvetica, verdana, sans-serif;
content: "\23F7";
}
.active, .accordion:hover {
background-color: #ffffff;
}
.panel {
padding: 0;
background-color: white;
max-height: 0;
overflow: hidden;
transition: max-height 0.2s ease-out;
}