@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500&display=swap');

 /* ----- Color codes ----- 
blau: #354e90
rot: #c03b32
grün: #62a168
orange: #f4932c
grau: #E6E6E6
*/

html, body {

}

html {  scroll-padding-top: 200px;}

.frame-background-secondary {	--frame-background: #023b6f;}

.kopfbereich {padding-top: 2vh; z-index: 2;position: relative;}
.kopfbereich {  z-index: 100;  position: fixed;  background: #fff;  width: 100%;  transform: none; position: sticky;  top: 0;}

footer {padding-bottom: 2vh;}
.headerimage .frame-container-default {max-width: inherit;}
.headerimage .frame {padding: 0;}

.blau {background: #023b6f;}
.blau h1, .blau h2, .blau h3, .blau a, .blau p,.blau h4, .blau h5 {color: #fff;}
.blau .frame a:not([class]) {  color: #fff;}

.schwarz {background: #000;}
.schwarz h2, .schwarz h3, .schwarz a, .schwarz p, .schwarz h5,.schwarz h4 {color: #fff;}
.schwarz .frame a:not([class]) {  color: #fff;}

.hellblau {background: #9195c2; margin:2% auto; padding: 1% 0;}
.hellgrau {background: #f9f9fb; padding: 1% 0;}
.hellblau p {color:#fff;}

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

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


.hunderter .frame-container-default {  max-width: 100%;}
.kopfbereich .textmedia {gap:20px;}
footer .textmedia {gap:0;}

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

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

h1  {

}
h4{	font-family: 'Playfair Display', serif; font-size: 2.5rem; padding-bottom: 1rem;}
h5 {text-transform: uppercase;}


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

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



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


#btn-back-to-top {
  position: fixed;
  bottom: 20px;
  right: 20px;
  display: none;
	z-index: 100000;
background: #faef2a; 
	border-radius: 2rem;
border:2px solid #000;
	color: #000;
}

button#btn-back-to-top:hover {
    background: #9195c5;
    color: white;
}


.btn, .btn-primary, a.more {
 }

.btn-primary:hover {
    color: #262626;
    background-color: #f4932c !important;
    border-color: #262626!important;
}
.btn-default:hover {
    color: #fff;
    background-color: #f4932c;
    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;
}