html, body {
background: #e0e1e8;
}


@media (min-width:1400px) {
 .container,
 .container-sm,
 .container-md,
 .container-lg,
 .container-xl,
 .container-xxl, 
	
.frame-container-default {
  max-width:1320px
 } 
}

.frame-custom-21 .gallery-item img {  width: 80%;}
.frame-custom-22 .gallery-item img {  width: 60%;}
.frame-custom-23 .gallery-item img {  width: 40%;}
.frame-custom-24 .gallery-item img {  width: 20%;}

.orange {background: #F9BA32;}

.blau   { background: #085571;}
.blau p, .blau h2, .blau h3  { color:#fff;}

.kopfbereich .blau 

main .blau {margin:3% auto; padding: 2% auto;}
main .blau a {  color: #fff !important;  text-decoration: underline;}
main .blau a:hover {color: #CFCFCF !important;}

main .blau .row {  padding: 4% 0;}

.kopfbereich .frame-container {padding: 0;}
 
.kopfbereich {
  z-index: 100;
  position: fixed;
background: #F8F1E5;
  width: 100%;
  transform: none;
  position: sticky;
  top: 0;

}

.kopfbereich .logo {padding-top: 5px;}
footer p,
main p {	font-size: 1.2rem;}

.logo {text-align: center}

.logo .image {  
    max-width: 24%;
    text-align: center;
    margin: 0 auto;

}

.icons { position: absolute; top:4px; right: 4px; max-width: 20%;}



.kopfbereich {justify-content: space-around;
box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.12);
width: 100%;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
z-index: 1000;}



animation {background: #acb0a2; display: block;}
animation .frame {margin: 0; padding: 0;}
animation .textmedia {gap:0;}



#inhalt .frame {gap:0; margin-top: 0; padding-top: 0;}
#inhalt {gap:0;}


.gruen .frame-group-container  {background: #e9efe5; padding-top: 2%; padding-bottom: 2%;}
.braun .frame-group-container  {background: #e1c2a3; padding-top: 2%; padding-bottom: 2%;}
footer, .hellgruen {background: #f2f2f2;}

.gelb .frame-group-container {background-color:#faf8ea; padding-top: 2%; padding-bottom: 2%;}

.gelb {	background-color:#faf8ea;padding: 2% 0% 0%;}
.gruen  {background: #e9efe5; padding: 2% 0% 0%;}

main {padding-top: 100px;}



.headerimage {display: none; position: relative; z-index: 1;}

.headerimage .textmedia {gap:0;}
/* -----Header-----*/


.hunderter .frame-container-default {  max-width: 100%; margin: 0;
padding: 0;}
.kopfbereich .textmedia {gap:4px;}


.frame-space-before-extra-small {margin-top:0.5%;display: block;}
.frame-space-before-small {margin-top:3%!important;display: block;}
.frame-space-before-medium {margin-top:6% !important;display: block;}
.frame-space-before-large {margin-top:9%;display: block;}

.frame-space-after-extra-small {margin-bottom:0.5%;display: block;}
.frame-space-after-small {margin-bottom:3%;display: block;}
.frame-space-after-medium {margin-bottom:6%;display: block;}
.frame-space-after-large {margin-bottom:9%; display: block;}

footer .textmedia {gap:0;}

mobileheader {display: none;}
.logo .frame {margin:0; padding: 0;}

/* -----Schriften-----*/ 
h1, h2, h3, h4 { }

main  h1  {color:#F9BA32; font-size: 4rem; font-family:Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";}
h2 {color:#6c6c6e; font-size: 3rem;}
main h3 {color:#F9BA32;  font-size: 2rem;}
h4{	}
h5 {text-transform: uppercase;}

h2.ce-headline-center {
    text-align: center;
}

/* -----Container-----*/ 
.headericons  .grafikelement {float: right; width:40%;}

/*----- Links -----*/
.frame a:not([class]){
	color: #F9BA32;
}

/*----- Links -----*/

#c63 {text-align:center;}






.headericons .frame {padding-bottom: 0 !important;}
.headericons .textmedia {
  display: flex;
  flex-wrap: wrap;
  right: 0;
  float: right;
}


.slick-slide img {
    display: block;
    width: 100%;
	margin: 0 auto;
}

.slider {
	display: table !important;
	table-layout: fixed !important;
	width: 100% !important;
	position: relative;
	background: #888;
}
.slick-prev, .slick-next {z-index: 100000;}
slider .container {max-width: inherit !important; width: 100% !important;}
slider .container .col, slider .container, 
slider .container .row {padding: 0; margin:0;}
slider h2 {display: none !important;}

 .slick-prev {left: 25px !important;}
.slick-next {right: 25px !important;}

.slick-next::before,
.slick-prev::before {color:#ec6707; font-size: 30px;}

ul.slick-dots {
    bottom: 3% !important;
}


/* ----- Timeline ----- */
time {
    display: none;
}
.timeline-item-header-headline {
	color: #354e90;
}

/* -----Button-----*/ 

.btn::after {
    content: "";
    display: inline-block;
    height: 100%;
    width: 100%;
    border-radius: 100px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    transition: all .4s;
}

/*++++++ Back to top btn  ++++*/

#btn-back-to-top {
  position: fixed;
  bottom: 20px;
  right: 20px;
  display: none; 
	z-index: 100000;
	border-radius: 2rem;
border: 2px solid #000;
	color: #fff;
	margin:0;
	height: 40px;
	width: 40px;
	background: #085571;
	opacity: 0.8;
	transition: 0.3s;
}
#btn-back-to-top:hover {background: #000; color:#fff;}


/*++++++ Back to top btn Ende ++++*/


footer i, .icons i {
  color: #001d57;
  font-size: 2.7rem;
  margin: auto 0.5rem;
}

footer i:hover, .icons i:hover {color:#000;}
.icons .frame {margin: 0; padding: 0;float: right;margin-top: 1rem;}
.shadow {
  box-shadow: 0 0.2rem 0.6rem rgba(0, 0, 0, 0.15) !important;
}


/* ----- Icons ----- */

.symbol .gallery-item picture {
	
	max-width: 30%;
	padding-bottom: 7%;
}

/* ----- FORMULAR ----- */

legend {
    margin: 3% 0;
    text-align: center;
    color: #92AD85;
}

label.control-label.col-sm-2 {
    width: auto;
}
/* ----- BUTTONS -----*/

.btn-primary, .btn-warning {
    box-sizing: border-box;
    display: inline-block;
    padding: 0.85em 1.1em;
    line-height: 1em;
    color: #000;
    background-color: inherit;
    border: 2px solid #262626;
    border-radius: 1.5em;
    text-decoration: none;
    text-align: center;
    margin: 0;
    font-weight: 400;
    cursor: pointer;
    -webkit-transition: all .15s;
    transition: all .15s;
}

.btn-primary:hover {
    color: #000;
    background-color: #FAF8EA!important;
    border-color: #000!important;
}

.btn-default:hover {
    color: #000;
    background-color: #FAF8EA;
    border-color: #ecedee;
}

.btn-warning:hover {
    color: #000000;
    background-color: #FAF8EA;
    border-color: #ecedee;
}
.card-footer {
    text-align: center;
}

.headerimage figure img {width: 100%;}
.headerimage h2 {display: none;}
/* -----Slickslider-----*/ 
.slick-prev::before, .slick-next::before {color:#0056a3;}

.footertext .frame {padding: 0;}

.frame-custom-18 {max-width: 30%; margin:0 auto;}

/* ----- Balken ----- */ 
.blaubalken {
	width: 100%;
	background: #354e90; 
}

/* ------ Card ----- */

h3.card-title {
    text-align: center;
}

/* ----- footer -----*/
footer ul li {
    text-align: center;
	text-decoration: none;
	list-style: none;
font-weight: 600;
}
footer ul li:hover {
	color: #000!important; }